@servicetitan/anvil2 1.44.2 → 1.45.1

package/dist/components/SearchField/SearchField.d.ts

@@ -1,12 +1,26 @@
-import { SearchFieldProps as CoreSearchFieldProps } from '@servicetitan/hammer-react';
-import { DataTrackingId } from '../../types/DataTrackingId';
+import { ComponentPropsWithoutRef } from 'react';
+import { DataTrackingId, LayoutUtilProps, Size } from '../../types';
 /**
  * Props for the SearchField component
- * @property {string} [size] - Size of the search field (small, medium, large)
- * @property {Function} [onClear] - Callback when the clear button is clicked
- * @extends DataTrackingId
+ * @extends Omit<ComponentPropsWithoutRef<"input">, "size" | "prefix" | "required" | "children">
+ * @extends LayoutUtilProps
  */
-export type SearchFieldProps = CoreSearchFieldProps & DataTrackingId;
+export type SearchFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" | "prefix" | "required" | "children"> & LayoutUtilProps & {
+    /**
+     * Size of the search field
+     * @default "medium"
+     */
+    size?: Extract<Size, "small" | "medium" | "large">;
+    /**
+     * Whether the search field is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Callback when the clear button is clicked
+     */
+    onClear?: () => void;
+} & DataTrackingId;
 /**
  * SearchField component for text input with search functionality.
  *
@@ -38,8 +52,19 @@ export type SearchFieldProps = CoreSearchFieldProps & DataTrackingId;
  *   disabled={isLoading}
  * />
  */
-export declare const SearchField: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "children" | "prefix" | "size" | "required"> & import('@servicetitan/hammer-react').LayoutUtilProps & {
-    size?: Extract<import('@servicetitan/hammer-react').Size, "small" | "medium" | "large">;
+export declare const SearchField: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "children" | "prefix" | "required"> & LayoutUtilProps & {
+    /**
+     * Size of the search field
+     * @default "medium"
+     */
+    size?: Extract<Size, "small" | "medium" | "large">;
+    /**
+     * Whether the search field is disabled
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * Callback when the clear button is clicked
+     */
     onClear?: () => void;
 } & DataTrackingId & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -1,51 +1,60 @@
-import { SegmentedControlProps as CoreSegmentedControlProps, SegmentedControlSegmentProps as CoreSegmentedControlSegmentProps } from '@servicetitan/hammer-react';
-import { DataTrackingId } from '../../types/DataTrackingId';
+import { ComponentPropsWithoutRef } from 'react';
+import { DataTrackingId, LayoutUtilProps, Size } from '../../types';
+import { SegmentedControlSegmentProps } from './SegmentedControlSegment';
 /**
- * Props for the SegmentedControl component
- * @property {string} [size] - Size of the segment (small, medium)
- * @property {boolean} [fill] - Whether to fill available width
- * @property {string} [name] - Name attribute for radio inputs
- * @property {Function} [onChange] - Callback when segment is changed
- * @property {string} [selected] - Selected segment (controlled mode)
- * @property {string} [defaultSelected] - Initial selection (uncontrolled mode)
- * @property {string} [data-tracking-id] - Custom tracking ID for analytics
- * @extends DataTrackingId
+ * Base props for SegmentedControl component
+ * @extends Omit<ComponentPropsWithoutRef<"div">, "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "onChange">
+ * @extends LayoutUtilProps
  */
-export type SegmentedControlProps = CoreSegmentedControlProps & DataTrackingId;
+type BaseSegmentedControlProps = Omit<ComponentPropsWithoutRef<"div">, "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "onChange"> & LayoutUtilProps & DataTrackingId & {
+    /**
+     * Callback when segment is changed
+     */
+    onChange?: (value: SegmentedControlSegmentProps["value"]) => void;
+    /**
+     * Size of the segment
+     * @default "medium"
+     */
+    size?: Extract<Size, "small" | "medium">;
+    /**
+     * Whether to fill available width
+     * @default false
+     */
+    fill?: boolean;
+    /**
+     * Name attribute for radio inputs
+     * @remarks If empty, it will auto generate one using useId()
+     */
+    name?: string;
+    /**
+     * The segments to render within the segmented control
+     */
+    children?: React.ReactNode;
+};
 /**
- * Props for the SegmentedControlSegment component
- * @property {string} value - Value of the segment
- * @property {object} [icon] - Optional icon to display in the segment
- * @property {string} [data-tracking-id] - Custom tracking ID for analytics
- * @extends DataTrackingId
+ * Props for controlled SegmentedControl
  */
-export type SegmentedControlSegmentProps = CoreSegmentedControlSegmentProps & DataTrackingId;
+type ControlledSegmentedControlProps = BaseSegmentedControlProps & {
+    /**
+     * Selected segment (controlled mode)
+     */
+    selected: SegmentedControlSegmentProps["value"];
+    defaultSelected?: never;
+};
 /**
- * SegmentedControlSegment component for individual segments within a segmented control.
- *
- * Features:
- * - Individual segment with radio input
- * - Optional icon support
- * - Animated selection indicator
- * - Accessibility support with proper ARIA attributes
- * - Context integration with parent SegmentedControl
- * - Motion animations with reduced motion support
- * - Icon-only mode when no children provided
- * - Automatic tracking ID generation for analytics
- *
- * @example
- * <SegmentedControl.Segment value="option1" icon={Icon1}>
- *   Option 1
- * </SegmentedControl.Segment>
- *
- * @example
- * <SegmentedControl.Segment value="icon-only" icon={IconOnly} />
+ * Props for uncontrolled SegmentedControl
  */
-export declare const SegmentedControlSegment: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-    icon?: import('@servicetitan/hammer-react').IconProps["svg"];
-    value: string;
-    children?: React.ReactNode;
-} & DataTrackingId & import('react').RefAttributes<HTMLLabelElement>>;
+type UncontrolledSegmentedControlProps = BaseSegmentedControlProps & {
+    /**
+     * Initial selection (uncontrolled mode)
+     */
+    defaultSelected: SegmentedControlSegmentProps["value"];
+    selected?: never;
+};
+/**
+ * Props for the SegmentedControl component
+ */
+export type SegmentedControlProps = ControlledSegmentedControlProps | UncontrolledSegmentedControlProps;
 /**
  * SegmentedControl component for selecting one option from a group of related choices.
  *
@@ -59,7 +68,7 @@ export declare const SegmentedControlSegment: import('react').ForwardRefExoticCo
  * - Context-based state management
  * - Auto-generated or custom name attributes
  * - Segment support via SegmentedControl.Segment
- * - Automatic tracking ID generation for analytics
+ * - Data tracking id support
  *
  * @example
  * <SegmentedControl
@@ -93,20 +102,16 @@ export declare const SegmentedControl: import('react').ForwardRefExoticComponent
      * - Accessibility support with proper ARIA attributes
      * - Context integration with parent SegmentedControl
      * - Motion animations with reduced motion support
-     * - Icon-only mode when no children provided
-     * - Automatic tracking ID generation for analytics
      *
      * @example
      * <SegmentedControl.Segment value="option1" icon={Icon1}>
      *   Option 1
      * </SegmentedControl.Segment>
-     *
-     * @example
-     * <SegmentedControl.Segment value="icon-only" icon={IconOnly} />
      */
     Segment: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-        icon?: import('@servicetitan/hammer-react').IconProps["svg"];
+        icon?: import('..').IconProps["svg"];
         value: string;
         children?: React.ReactNode;
     } & DataTrackingId & import('react').RefAttributes<HTMLLabelElement>>;
 };
+export default SegmentedControl;

package/dist/components/SegmentedControl/SegmentedControlSegment.d.ts

@@ -0,0 +1,69 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { DataTrackingId } from '../../types';
+import { IconProps } from '../Icon';
+/**
+ * State object returned by segment interactions
+ */
+export type SegmentState = {
+    /**
+     * Whether the segment is checked
+     */
+    checked: boolean;
+    /**
+     * The value of the segment
+     */
+    value?: SegmentedControlSegmentProps["value"];
+};
+/**
+ * Props for the SegmentedControlSegment component
+ * @extends ComponentPropsWithoutRef<"label">
+ */
+export type SegmentedControlSegmentProps = ComponentPropsWithoutRef<"label"> & {
+    /**
+     * Optional icon to display in the segment
+     */
+    icon?: IconProps["svg"];
+    /**
+     * Value of the segment
+     */
+    value: string;
+    /**
+     * The content to display in the segment
+     */
+    children?: React.ReactNode;
+} & DataTrackingId;
+/**
+ * SegmentedControlSegment component for individual segments within a segmented control.
+ *
+ * Features:
+ * - Individual segment with radio input
+ * - Optional icon support
+ * - Animated selection indicator
+ * - Accessibility support with proper ARIA attributes
+ * - Context integration with parent SegmentedControl
+ * - Motion animations with reduced motion support
+ * - Icon-only mode when no children provided
+ * - Data tracking id support
+ *
+ * @example
+ * <SegmentedControl.Segment value="option1" icon={Icon1}>
+ *   Option 1
+ * </SegmentedControl.Segment>
+ *
+ * @example
+ * <SegmentedControl.Segment value="icon-only" icon={IconOnly} />
+ */
+export declare const SegmentedControlSegment: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    /**
+     * Optional icon to display in the segment
+     */
+    icon?: IconProps["svg"];
+    /**
+     * Value of the segment
+     */
+    value: string;
+    /**
+     * The content to display in the segment
+     */
+    children?: React.ReactNode;
+} & DataTrackingId & import('react').RefAttributes<HTMLLabelElement>>;

package/dist/components/SegmentedControl/index.d.ts

@@ -1,2 +1,3 @@
 export * from './SegmentedControl';
+export * from './SegmentedControlSegment';
 export { SegmentedControl as default } from './SegmentedControl';

package/dist/components/SegmentedControl/internal/SegmentedControlContext.d.ts

@@ -0,0 +1,24 @@
+import { SegmentedControlSegmentProps } from '../SegmentedControlSegment';
+import { SegmentedControlProps } from '../SegmentedControl';
+/**
+ * Context props for SegmentedControl internal state management
+ */
+export type SegmentedControlContextProps = {
+    /**
+     * Currently selected segment value
+     */
+    current?: SegmentedControlSegmentProps["value"];
+    /**
+     * Function to set the current segment
+     */
+    setCurrent?: (value: SegmentedControlSegmentProps["value"]) => void;
+    /**
+     * Change handler for the segmented control
+     */
+    onChange?: SegmentedControlProps["onChange"];
+    /**
+     * Name attribute for radio inputs
+     */
+    name?: string;
+};
+export declare const SegmentedControlContext: import('react').Context<SegmentedControlContextProps>;

package/dist/components/SelectCard/SelectCard.d.ts

@@ -1,18 +1,49 @@
-import { SelectCardProps as CoreSelectCardProps } from '@servicetitan/hammer-react';
+import { CardProps } from '../Card';
+import { RadioProps } from '../Radio/internal/Radio';
+import { CheckboxProps } from '../Checkbox/internal/Checkbox';
 /**
  * Props for the SelectCard component
- * @property {Omit<CheckboxProps, "label">} [checkboxProps] - Passes props to the underlying Checkbox component
- * @property {boolean} [checked] - Controlled state. When provided, the component becomes controlled
- * @property {boolean} [defaultChecked] - Uncontrolled state
- * @property {boolean} [disabled] - When true, disables the card
- * @property {boolean} [errored] - When true, sets error styling on the card
- * @property {string | number} id - A unique identifier for the card, used to track the selection state
- * @property {(value: boolean) => void} onChange - Function called on selection state change
- * @property {Omit<RadioProps, "label">} [radioProps] - Passes props to the underlying Radio component
- * @extends CoreSelectCardProps
+ * @extends Omit<CardProps, "onChange" | "id">
  */
-export type SelectCardProps = CoreSelectCardProps;
-export declare const SelectCardElement: import('react').ForwardRefExoticComponent<CoreSelectCardProps & import('react').RefAttributes<HTMLInputElement>>;
+export interface SelectCardProps extends Omit<CardProps, "onChange" | "id"> {
+    /**
+     * Passes props to the underlying `<Checkbox />` component.
+     */
+    checkboxProps?: Omit<CheckboxProps, "label">;
+    /**
+     * Controlled state. When provided, the component becomes controlled.
+     */
+    checked?: boolean;
+    /**
+     * Uncontrolled state.
+     */
+    defaultChecked?: boolean;
+    /**
+     * When `true`, disables the card.
+     */
+    disabled?: boolean;
+    /**
+     * When `true`, sets error styling on the card.
+     */
+    errored?: boolean;
+    /**
+     * A unique identifier for the card, used to track the selection state.
+     */
+    id: string | number;
+    /**
+     * Function called on selection state change.
+     */
+    onChange: (value: boolean) => void;
+    /**
+     * Passes props to the underlying `<Radio />` component.
+     */
+    radioProps?: Omit<RadioProps, "label">;
+    /**
+     * Removes the drop shadow effect on the card.
+     */
+    removeDropShadow?: boolean;
+}
+export declare const SelectCardElement: import('react').ForwardRefExoticComponent<SelectCardProps & import('react').RefAttributes<HTMLInputElement>>;
 /**
  * SelectCard component for creating interactive card-based selection interfaces.
  *
@@ -24,7 +55,6 @@ export declare const SelectCardElement: import('react').ForwardRefExoticComponen
  * - Customizable styling through Card component props
  * - Hover and focus states with smooth transitions
  * - Integration with SelectCardGroup for grouped selection
- * - Automatic tracking ID generation for analytics
  *
  * @example
  * <SelectCard
@@ -35,7 +65,7 @@ export declare const SelectCardElement: import('react').ForwardRefExoticComponen
  *   <Text>Description of option 1</Text>
  * </SelectCard>
  */
-export declare const SelectCard: import('react').ForwardRefExoticComponent<CoreSelectCardProps & import('react').RefAttributes<HTMLInputElement>> & {
+export declare const SelectCard: import('react').ForwardRefExoticComponent<SelectCardProps & import('react').RefAttributes<HTMLInputElement>> & {
     /**
      * SelectCardGroup component for managing groups of selectable cards.
      *
@@ -46,7 +76,6 @@ export declare const SelectCard: import('react').ForwardRefExoticComponent<CoreS
      * - Handles required field validation
      * - Automatic radio button grouping for single selection
      * - Context provider for child SelectCard components
-     * - Automatic tracking ID generation for analytics
      *
      * @example
      * <SelectCard.Group
@@ -62,5 +91,5 @@ export declare const SelectCard: import('react').ForwardRefExoticComponent<CoreS
      *   </SelectCard>
      * </SelectCard.Group>
      */
-    Group: import('react').ForwardRefExoticComponent<import('@servicetitan/hammer-react').SelectCardGroupProps & import('react').RefAttributes<HTMLInputElement>>;
+    Group: import('react').ForwardRefExoticComponent<import('./SelectCardGroup').SelectCardGroupProps & import('react').RefAttributes<HTMLInputElement>>;
 };

package/dist/components/SelectCard/SelectCardGroup.d.ts

@@ -1,15 +1,27 @@
-import { SelectCardGroupProps as CoreSelectCardGroupProps } from '@servicetitan/hammer-react';
+import { ReactNode } from 'react';
+import { CheckboxGroupProps } from '../Checkbox/CheckboxGroup';
+import { ISelectCardContext } from './internal/SelectCardProvider';
 /**
  * Props for the SelectCardGroup component
- * @property {string} [ariaLabelledBy] - Associates the legend with content below
- * @property {ReactNode} [children] - Child SelectCard components
- * @property {CheckboxGroupProps["legend"]} legend - Sets the legend on the group
- * @property {boolean} [required] - When true, sets "required" text in label. This does not enforce error when nothing is selected
- * @property {(e?: ChangeEvent<HTMLInputElement>, state?: ISelectCardState) => void} onChange - Callback function that is triggered when the selection state changes
- * @property {"single" | "multiple"} selectionMode - Sets how many cards the user can select, either 'single' (radio buttons) or 'multiple' (checkboxes)
- * @extends CoreSelectCardGroupProps
+ * @extends Omit<ISelectCardContext, "radioName" | "selection">
  */
-export type SelectCardGroupProps = CoreSelectCardGroupProps;
+export interface SelectCardGroupProps extends Omit<ISelectCardContext, "radioName" | "selection"> {
+    /**
+     * Associates the legend with content below.
+     */
+    ariaLabelledBy?: string;
+    children?: ReactNode;
+    /**
+     * Sets the legend on the group.
+     */
+    legend: CheckboxGroupProps["legend"];
+    /**
+     * When `true`, sets "required" text in label.
+     * @accessibility This does not enforce error when nothing is selected.
+     * @default false
+     */
+    required?: boolean;
+}
 /**
  * SelectCardGroup component for managing groups of selectable cards.
  *
@@ -21,7 +33,6 @@ export type SelectCardGroupProps = CoreSelectCardGroupProps;
  * - Automatic radio button grouping for single selection
  * - Context provider for child SelectCard components
  * - Integrates with CheckboxGroup and RadioGroup for proper form semantics
- * - Automatic tracking ID generation for analytics
  *
  * @example
  * <SelectCardGroup
@@ -30,11 +41,11 @@ export type SelectCardGroupProps = CoreSelectCardGroupProps;
  *   onChange={(e, state) => console.log('Selection changed:', state)}
  * >
  *   <SelectCard id="basic" onChange={() => {}}>
- *     <Text variant="headline" size="small">Basic Plan</Text>
+ *     <Text variant="headline" size="small" el="h3">Basic Plan</Text>
  *   </SelectCard>
  *   <SelectCard id="premium" onChange={() => {}}>
- *     <Text variant="headline" size="small">Premium Plan</Text>
+ *     <Text variant="headline" size="small" el="h3">Premium Plan</Text>
  *   </SelectCard>
  * </SelectCardGroup>
  */
-export declare const SelectCardGroup: import('react').ForwardRefExoticComponent<CoreSelectCardGroupProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const SelectCardGroup: import('react').ForwardRefExoticComponent<SelectCardGroupProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/SelectCard/index.d.ts

@@ -1,4 +1,3 @@
 export * from './SelectCard';
-export { SelectCard as default } from './SelectCard';
 export * from './SelectCardGroup';
-export { SelectCardGroup } from './SelectCardGroup';
+export { SelectCard as default } from './SelectCard';

package/dist/components/SelectCard/internal/SelectCardProvider.d.ts

@@ -0,0 +1,83 @@
+import { ChangeEvent, ReactNode } from 'react';
+/**
+ * Interface for the select card state
+ */
+interface ISelectCardState {
+    /**
+     * When `true`, adds the item to the selected state holder.
+     */
+    checked: boolean;
+    /**
+     * Gives an explicit id to each item in the set.
+     */
+    id?: string | number;
+}
+/**
+ * Interface for the select card onChange options
+ */
+interface ISelectCardOnChangeOptions {
+    /**
+     * When `true`, doesn't fire the user's `onChange`
+     */
+    internal?: boolean;
+}
+/**
+ * Interface for the select card context
+ */
+export interface ISelectCardContext {
+    /**
+     * Callback function that is triggered when the selection state changes.
+     *
+     * @callback OnChangeCallback
+     * @param {ChangeEvent<HTMLInputElement>} [e] - The native HTML input change event.
+     * @param {ISelectCardState} [state] - The current state of the select card component after the change.
+     * @returns {void}
+     */
+    onChange: (e?: ChangeEvent<HTMLInputElement>, state?: ISelectCardState, options?: ISelectCardOnChangeOptions) => void;
+    /**
+     * Sets how many cards the user can select, either 'single' (radio buttons) or 'multiple' (checkboxes)
+     */
+    selectionMode: "single" | "multiple";
+    /**
+     * Used internally to create a UUID for the HTML `name` property on radios.
+     */
+    radioName: string;
+    /**
+     * Creates a set of ids that are selected.
+     */
+    selection: Set<string | number>;
+}
+/**
+ * Props for the SelectCardProvider component
+ * @extends Omit<ISelectCardContext, "radioName" | "selection">
+ */
+interface ISelectCardProviderProps extends Omit<ISelectCardContext, "radioName" | "selection"> {
+    children: ReactNode;
+}
+/**
+ * SelectCardProvider component for managing selection state across SelectCard components.
+ *
+ * Features:
+ * - Provides context for SelectCard components to share selection state
+ * - Manages selection mode (single vs multiple)
+ * - Handles selection state updates and callbacks
+ * - Generates unique radio button names for single selection mode
+ * - Maintains a set of selected card IDs
+ * - Integrates with SelectCardGroup for automatic context provision
+ *
+ * @example
+ * <SelectCardProvider
+ *   selectionMode="multiple"
+ *   onChange={(e, state) => console.log('Selection changed:', state)}
+ * >
+ *   <SelectCard id="1" onChange={() => {}}>Option 1</SelectCard>
+ *   <SelectCard id="2" onChange={() => {}}>Option 2</SelectCard>
+ * </SelectCardProvider>
+ */
+export declare const SelectCardProvider: ({ children, onChange, selectionMode, }: ISelectCardProviderProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Custom hook for accessing the SelectCard context.
+ * @returns The SelectCard context or null if not within a SelectCardProvider
+ */
+export declare const useSelectCardContext: () => ISelectCardContext | null;
+export {};

package/dist/components/SelectTrigger/SelectTrigger.d.ts

@@ -1,11 +1,25 @@
-import { SelectTriggerProps as CoreSelectTriggerProps, IconProps as CoreIconProps, AvatarProps as CoreAvatarProps } from '@servicetitan/hammer-react';
-import { DataTrackingId } from '../../types/DataTrackingId';
-import { DistributiveOmit } from '../../types';
-export type SelectTriggerProps<Item> = DistributiveOmit<CoreSelectTriggerProps<Item>, "prefix"> & DataTrackingId & {
+import { Dispatch, SetStateAction } from 'react';
+import { UseComboboxProps as UseDownshiftComboboxProps, UseMultipleSelectionProps as UseDownshiftMultipleSelectionProps } from 'downshift';
+import { AvatarProps } from '../Avatar';
+import { DataTrackingId, DistributiveOmit } from '../../types';
+import { FieldLabelProps } from '../FieldLabel';
+import { IconProps } from '../Icon';
+import { SelectTriggerBaseProps } from './internal/SelectTriggerBase';
+export type SelectTriggerProps<Item> = DistributiveOmit<SelectTriggerBaseProps<Item>, "prefix" | "selectedItem" | "selectedItems" | "onChange"> & Pick<FieldLabelProps, "required" | "moreInfo" | "openMoreInfo"> & Pick<UseDownshiftComboboxProps<Item>, "itemToString" | "itemToKey"> & DataTrackingId & {
     prefix?: string | {
-        icon: DistributiveOmit<CoreIconProps, "size">;
+        icon: DistributiveOmit<IconProps, "size">;
     } | {
-        avatar: DistributiveOmit<CoreAvatarProps, "size">;
+        avatar: DistributiveOmit<AvatarProps, "size">;
     };
-};
-export declare const SelectTrigger: <Item = any>({ prefix: prefixProp, ...props }: SelectTriggerProps<Item>) => import("react/jsx-runtime").JSX.Element;
+} & ({
+    multiple?: never;
+    onChange?: Dispatch<SetStateAction<Item | null>> | ((arg: Item | null) => void);
+    selectedItem: UseDownshiftComboboxProps<Item>["selectedItem"];
+    selectedItems?: never;
+} | {
+    multiple: true;
+    onChange?: Dispatch<SetStateAction<Item[] | null>> | ((arg: Item[] | null) => void);
+    selectedItem?: never;
+    selectedItems: UseDownshiftMultipleSelectionProps<Item>["selectedItems"];
+});
+export declare const SelectTrigger: <Item = any>(props: SelectTriggerProps<Item>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SelectTrigger/internal/SelectTriggerBase.d.ts

@@ -0,0 +1,40 @@
+import { ComponentPropsWithoutRef, MutableRefObject, MouseEventHandler, ReactNode } from 'react';
+import { ChipProps } from '../../Chip';
+import { FieldLabelProps } from '../../FieldLabel';
+import { TextFieldProps } from '../../TextField';
+import { DistributiveOmit } from '../../../types';
+type PartialChipProps = Partial<Omit<ChipProps, "icon" | "avatar">> & ({
+    icon?: ChipProps["icon"];
+    avatar?: never;
+} | {
+    icon?: never;
+    avatar?: ChipProps["avatar"];
+});
+export type SelectTriggerBaseProps<Item = unknown> = DistributiveOmit<TextFieldProps, "showCounter" | "prefix"> & {
+    /**
+     * Should be a positive integer.
+     */
+    maxRows?: number;
+    /** Allows Combobox/Select to display custom-colored Chips */
+    selectedItemProps?: (item: Item, index: number) => PartialChipProps;
+} & {
+    itemToString?: (item: Item) => string;
+    removeSelectedItem?: (item: Item) => void;
+    disableClearSelection?: boolean;
+    selectedItem: Item | null;
+    selectedItems: Item[];
+    inputValue?: string;
+    referenceRef?: MutableRefObject<HTMLDivElement | null>;
+} & {
+    variant?: "select" | "combobox";
+    onClearButtonClick?: MouseEventHandler<HTMLButtonElement>;
+    labelProps?: Partial<FieldLabelProps>;
+    inputWrapperProps?: ComponentPropsWithoutRef<"div">;
+    toggleButtonProps?: ComponentPropsWithoutRef<"button">;
+    chipProps?: (item: Item, index: number) => PartialChipProps;
+    inputProps?: ComponentPropsWithoutRef<"input" | "div">;
+} & {
+    prefix?: string | ReactNode;
+};
+export declare const SelectTriggerBase: <Item>({ className, label, size, error, hint, description, prefix, suffix, maxRows, selectedItemProps, disabled, readOnly, disableClearSelection, itemToString: itemToStringProp, selectedItem, selectedItems, removeSelectedItem, inputValue, referenceRef, variant, onClearButtonClick, labelProps, inputWrapperProps, toggleButtonProps, inputProps, chipProps, placeholder, ...rest }: SelectTriggerBaseProps<Item>) => import("react/jsx-runtime").JSX.Element;
+export {};