
"use client";
import { UniversalIconSlot } from "../../../types/dist/index.js";
import { IconPropsWithSVGProps } from "../../../tokens/types.js";
import { BoxProps } from "../../Box.js";
import * as _$react from "react";

//#region src/components/client/Select/SelectTrigger.d.ts
type DataAttributes = {
  [name: `data-${string}`]: string;
};
type NativeSelectTriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size' | 'value' | 'defaultValue' | 'onChange' | 'name' | 'color' | 'children'>;
interface SelectTriggerProps extends NativeSelectTriggerProps {
  placeholder?: string;
  /** Native form field name. Renders a hidden `<select>` for form submission. */
  name?: string;
  startIcon?: UniversalIconSlot;
  endIcon?: UniversalIconSlot;
  slotProps?: {
    trigger?: Partial<React.ButtonHTMLAttributes<HTMLButtonElement> & DataAttributes>;
    triggerWrapper?: Partial<BoxProps & DataAttributes>;
    startIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
    endIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
  };
}
declare const SelectTrigger: _$react.ForwardRefExoticComponent<SelectTriggerProps & _$react.RefAttributes<HTMLButtonElement>>;
//#endregion
export { SelectTrigger, type SelectTriggerProps };