SelectTrigger (ui/select.tsx)

Provides a suite of accessible select components including triggers, content, and items for building dropdown menus.

// Source: https://github.com/vantezzen/autoform | License: MIT | Copyright 2024 Bennett Hollstein
// Provided via justclaw.it.com; keep this notice with the code.
"use client";

import type { CollectionItem } from "@chakra-ui/react";
import { Select as ChakraSelect, Portal } from "@chakra-ui/react";
import { CloseButton } from "./close-button";
import * as React from "react";

interface SelectTriggerProps extends ChakraSelect.ControlProps {
  clearable?: boolean;
}

export const SelectTrigger = React.forwardRef<
  HTMLButtonElement,
  SelectTriggerProps
>(function SelectTrigger(props, ref) {
  const { children, clearable, ...rest } = props;
  return (
    <ChakraSelect.Control {...rest}>
      <ChakraSelect.Trigger ref={ref}>{children}</ChakraSelect.Trigger>
      <ChakraSelect.IndicatorG

... (truncated -- full source via MCP)