@servicetitan/anvil2 2.7.0 → 2.8.0

package/dist/SelectCard-8OmIDl1m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCard-8OmIDl1m.js","sources":["../src/components/SelectCard/internal/SelectCardContext.tsx","../src/components/SelectCard/internal/SelectCardProvider.tsx","../src/components/SelectCard/SelectCardGroup.tsx","../src/components/SelectCard/SelectCard.tsx"],"sourcesContent":["import { ChangeEvent, createContext, useContext } from \"react\";\n\n/**\n * Interface for the select card state\n */\nexport interface ISelectCardState {\n  /**\n   * When `true`, adds the item to the selected state holder.\n   */\n  checked: boolean;\n\n  /**\n   * Gives an explicit id to each item in the set.\n   */\n  id?: string | number;\n}\n\n/**\n * Interface for the select card onChange options\n */\nexport interface ISelectCardOnChangeOptions {\n  /**\n   * When `true`, doesn't fire the user's `onChange`\n   */\n  internal?: boolean;\n}\n\n/**\n * Interface for the select card context\n */\nexport interface ISelectCardContext {\n  /**\n   * Callback function that is triggered when the selection state changes.\n   *\n   * @callback OnChangeCallback\n   * @param {ChangeEvent<HTMLInputElement>} [e] - The native HTML input change event.\n   * @param {ISelectCardState} [state] - The current state of the select card component after the change.\n   * @returns {void}\n   */\n  onChange?: (\n    e?: ChangeEvent<HTMLInputElement>,\n    state?: ISelectCardState,\n    options?: ISelectCardOnChangeOptions,\n  ) => void;\n\n  /**\n   * Sets how many cards the user can select, either 'single' (radio buttons) or 'multiple' (checkboxes)\n   */\n  selectionMode: \"single\" | \"multiple\";\n\n  /**\n   * Used internally to create a UUID for the HTML `name` property on radios.\n   */\n  radioName: string;\n\n  /**\n   * Creates a set of ids that are selected.\n   */\n  selection: Set<string | number>;\n\n  /**\n   * When `true`, indicates that selection is controlled at the group level via the `value` prop.\n   * @default false\n   */\n  isGroupControlled?: boolean;\n\n  /**\n   * When `true`, the group was given a `defaultValue` and owns the initial selection state.\n   * Individual `SelectCard` mount syncs should be skipped to avoid overriding it.\n   * @default false\n   */\n  hasGroupDefault?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the selection mode from SelectCard.Group context.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n}\n\nexport const SelectCardContext = createContext<ISelectCardContext | null>(null);\n\n/**\n * Custom hook for accessing the SelectCard context.\n * @returns The SelectCard context or null if not within a SelectCardProvider\n */\nexport const useSelectCardContext = () => useContext(SelectCardContext);\n","import { ChangeEvent, ReactNode, useId, useMemo, useState } from \"react\";\nimport {\n  ISelectCardContext,\n  ISelectCardOnChangeOptions,\n  ISelectCardState,\n  SelectCardContext,\n} from \"./SelectCardContext\";\n\n/**\n * Props for the SelectCardProvider component\n * @extends Omit<ISelectCardContext, \"radioName\" | \"selection\">\n */\ninterface ISelectCardProviderProps extends Omit<\n  ISelectCardContext,\n  \"radioName\" | \"selection\"\n> {\n  children: ReactNode;\n\n  /**\n   * Controlled selection state. When provided, the group becomes controlled.\n   * Array of `SelectCard` ids that are currently selected.\n   */\n  value?: Array<string | number>;\n\n  /**\n   * Initial selection state for uncontrolled usage.\n   * Array of `SelectCard` ids that are selected on first render.\n   */\n  defaultValue?: Array<string | number>;\n}\n\n/**\n * SelectCardProvider component for managing selection state across SelectCard components.\n *\n * Features:\n * - Provides context for SelectCard components to share selection state\n * - Manages selection mode (single vs multiple)\n * - Handles selection state updates and callbacks\n * - Generates unique radio button names for single selection mode\n * - Maintains a set of selected card IDs\n * - Integrates with SelectCardGroup for automatic context provision\n *\n * @example\n * <SelectCardProvider\n *   selectionMode=\"multiple\"\n *   onChange={(e, state) => console.log('Selection changed:', state)}\n * >\n *   <SelectCard id=\"1\" onChange={() => {}}>Option 1</SelectCard>\n *   <SelectCard id=\"2\" onChange={() => {}}>Option 2</SelectCard>\n * </SelectCardProvider>\n */\nexport const SelectCardProvider = ({\n  children,\n  defaultValue,\n  onChange,\n  selectionMode,\n  showSelectIndicator,\n  value,\n}: ISelectCardProviderProps) => {\n  const isControlled = value !== undefined;\n  const [internalSelection, setInternalSelection] = useState<\n    Set<string | number>\n  >(() => {\n    const ids = defaultValue ?? [];\n    return new Set(selectionMode === \"single\" ? ids.slice(0, 1) : ids);\n  });\n  const selection = useMemo(() => {\n    if (!isControlled) return internalSelection;\n    const ids = value ?? [];\n    return new Set(selectionMode === \"single\" ? ids.slice(0, 1) : ids);\n  }, [isControlled, value, internalSelection, selectionMode]);\n\n  const radioName = useId();\n\n  const handleChange = (\n    e?: ChangeEvent<HTMLInputElement>,\n    state?: ISelectCardState,\n    options?: ISelectCardOnChangeOptions,\n  ) => {\n    if (!state || !state.id) {\n      if (!options?.internal) {\n        onChange?.(e, state);\n      }\n\n      return;\n    }\n\n    // Update internal selection when uncontrolled\n    if (!isControlled) {\n      if (selectionMode === \"single\") {\n        setInternalSelection(state.checked ? new Set([state.id]) : new Set());\n      } else {\n        setInternalSelection((prev) => {\n          const next = new Set(prev);\n          if (state.checked) {\n            next.add(state.id!);\n          } else {\n            next.delete(state.id!);\n          }\n          return next;\n        });\n      }\n    }\n\n    if (!options?.internal) {\n      onChange?.(e, state);\n    }\n  };\n\n  const context = {\n    hasGroupDefault: defaultValue !== undefined,\n    isGroupControlled: isControlled,\n    selectionMode,\n    onChange: handleChange,\n    radioName,\n    selection,\n    showSelectIndicator,\n  };\n\n  return (\n    <SelectCardContext.Provider value={context}>\n      {children}\n    </SelectCardContext.Provider>\n  );\n};\n","import { forwardRef, ReactNode } from \"react\";\nimport { CheckboxGroup, CheckboxGroupProps } from \"../Checkbox/CheckboxGroup\";\nimport { RadioGroup } from \"../Radio/RadioGroup\";\nimport { SelectCardProvider } from \"./internal/SelectCardProvider\";\nimport { ISelectCardContext } from \"./internal/SelectCardContext\";\n\n/**\n * Props for the SelectCardGroup component\n * @extends Omit<ISelectCardContext, \"radioName\" | \"selection\">\n */\nexport interface SelectCardGroupProps\n  extends\n    Omit<ISelectCardContext, \"radioName\" | \"selection\">,\n    Pick<CheckboxGroupProps, \"moreInfo\"> {\n  /**\n   * Associates the legend with content below.\n   */\n  ariaLabelledBy?: string;\n\n  children?: ReactNode;\n\n  /**\n   * Initial selection state for uncontrolled usage.\n   * Array of `SelectCard` ids that are selected on first render.\n   * Takes precedence over individual `SelectCard` `defaultChecked` props.\n   */\n  defaultValue?: Array<string | number>;\n\n  /**\n   * Sets the legend on the group.\n   */\n  legend: CheckboxGroupProps[\"legend\"];\n\n  /**\n   * Additional props for the legend `FieldLabel` (for example `aiMark`, `className`).\n   */\n  legendProps?: CheckboxGroupProps[\"legendProps\"];\n\n  /**\n   * When `true`, sets \"required\" text in label.\n   * @accessibility This does not enforce error when nothing is selected.\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the `selectionMode` setting.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n\n  /**\n   * Controlled selection state. When provided, the group becomes controlled.\n   * Array of `SelectCard` ids that are currently selected.\n   */\n  value?: Array<string | number>;\n}\n\n/**\n * SelectCardGroup component for managing groups of selectable cards.\n *\n * Features:\n * - Manages selection state for multiple SelectCard components\n * - Supports both single and multiple selection modes\n * - Provides proper accessibility with legends and ARIA labels\n * - Handles required field validation\n * - Automatic radio button grouping for single selection\n * - Context provider for child SelectCard components\n * - Integrates with CheckboxGroup and RadioGroup for proper form semantics\n * - Supports AI mark indicator\n *\n * @example\n * <SelectCardGroup\n *   legend=\"Choose your plan\"\n *   selectionMode=\"single\"\n *   onChange={(e, state) => console.log('Selection changed:', state)}\n *   legendProps={{ aiMark: true }}\n * >\n *   <SelectCard id=\"basic\" onChange={() => {}}>\n *     <Text variant=\"headline\" size=\"small\" el=\"h3\">Basic Plan</Text>\n *   </SelectCard>\n *   <SelectCard id=\"premium\" onChange={() => {}}>\n *     <Text variant=\"headline\" size=\"small\" el=\"h3\">Premium Plan</Text>\n *   </SelectCard>\n * </SelectCardGroup>\n */\nexport const SelectCardGroup = forwardRef<\n  HTMLInputElement,\n  SelectCardGroupProps\n>((props, _ref) => {\n  const {\n    ariaLabelledBy,\n    children,\n    defaultValue,\n    legend,\n    legendProps,\n    moreInfo,\n    onChange,\n    required = false,\n    selectionMode,\n    showSelectIndicator = false,\n    value,\n    ...rest\n  } = props;\n\n  return (\n    <SelectCardProvider\n      defaultValue={defaultValue}\n      onChange={onChange}\n      selectionMode={selectionMode}\n      showSelectIndicator={showSelectIndicator}\n      value={value}\n    >\n      {selectionMode === \"multiple\" && (\n        <CheckboxGroup\n          aria-labelledby={ariaLabelledBy}\n          legend={legend}\n          legendProps={legendProps}\n          required={required}\n          moreInfo={moreInfo}\n          {...rest}\n        >\n          {children}\n        </CheckboxGroup>\n      )}\n      {selectionMode === \"single\" && (\n        <RadioGroup\n          aria-labelledby={ariaLabelledBy}\n          legend={legend}\n          legendProps={legendProps}\n          required={required}\n          moreInfo={moreInfo}\n          {...rest}\n        >\n          {children}\n        </RadioGroup>\n      )}\n    </SelectCardProvider>\n  );\n});\n\nSelectCardGroup.displayName = \"SelectCardGroup\";\n","import {\n  useLayoutEffect,\n  useState,\n  useRef,\n  forwardRef,\n  type ChangeEvent,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport { SelectCardGroup } from \"./SelectCardGroup\";\nimport { Card, CardProps } from \"../Card\";\nimport { Radio, RadioProps } from \"../Radio/internal/Radio\";\nimport { Checkbox, CheckboxProps } from \"../Checkbox/internal/Checkbox\";\nimport { useOptionallyControlledState } from \"../../internal/hooks\";\nimport { useSelectCardContext } from \"./internal/SelectCardContext\";\nimport { Icon } from \"../Icon\";\n\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport RadioOutline from \"@servicetitan/hammer-icon/mdi/two-tone/radio_button_unchecked.svg\";\nimport RadioChecked from \"@servicetitan/hammer-icon/mdi/two-tone/radio_button_checked.svg\";\n\nimport styles from \"./SelectCard.module.scss\";\n\n/**\n * Props for the SelectCard component\n * @extends Omit<CardProps, \"onChange\" | \"id\">\n */\nexport interface SelectCardProps extends Omit<CardProps, \"onChange\" | \"id\"> {\n  /**\n   * Passes props to the underlying `<Checkbox />` component.\n   */\n  checkboxProps?: Omit<CheckboxProps, \"label\">;\n\n  /**\n   * Controlled state. When provided, the component becomes controlled.\n   */\n  checked?: boolean;\n\n  /**\n   * Uncontrolled initial state. Ignored when inside a `SelectCard.Group` that sets `defaultValue`.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * When `true`, disables the card.\n   */\n  disabled?: boolean;\n\n  /**\n   * When `true`, sets error styling on the card.\n   */\n  errored?: boolean;\n\n  /**\n   * A unique identifier for the card, used to track the selection state.\n   */\n  id: string | number;\n\n  /**\n   * Function called on selection state change.\n   */\n  onChange?: (value: boolean) => void;\n\n  /**\n   * Passes props to the underlying `<Radio />` component.\n   */\n  radioProps?: Omit<RadioProps, \"label\">;\n\n  /**\n   * Removes the drop shadow effect on the card.\n   */\n  removeDropShadow?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the `selectionMode` prop on the\n   * `SelectCard.Group`, and defaults to checkbox if no `SelectCard.Group` is used.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n}\n\n/**\n * SelectCard component for creating interactive card-based selection interfaces.\n *\n * Features:\n * - Supports both single selection (radio) and multiple selection (checkbox) modes\n * - Automatic context detection for selection behavior\n * - Visual feedback for selected, disabled, and error states\n * - Accessible with proper ARIA roles and keyboard navigation\n * - Customizable styling through Card component props\n * - Hover and focus states with smooth transitions\n * - Integration with SelectCardGroup for grouped selection\n *\n * @example\n * <SelectCard\n *   id=\"option-1\"\n *   onChange={(checked) => console.log('Selected:', checked)}\n * >\n *   <Text variant=\"headline\" size=\"small\">Option 1</Text>\n *   <Text>Description of option 1</Text>\n * </SelectCard>\n */\nexport const SelectCard = Object.assign(\n  forwardRef<HTMLInputElement, SelectCardProps>(\n    function SelectCardInner(props, ref) {\n      const {\n        checkboxProps,\n        children,\n        checked: checkedProp,\n        className,\n        defaultChecked: defaultCheckedProp,\n        disabled,\n        errored,\n        radioProps,\n        onChange,\n        removeDropShadow,\n        showSelectIndicator = false,\n        id,\n        ...rest\n      } = props;\n\n      const [checked, setChecked] = useOptionallyControlledState<boolean>({\n        controlledValue: checkedProp,\n        defaultValue: defaultCheckedProp || false,\n        onChange,\n      });\n\n      const context = useSelectCardContext();\n      const isCardControlled = checkedProp !== undefined;\n      const isGroupControlled = context?.isGroupControlled ?? false;\n\n      // we need to re-render after setting the initial selection state on context\n      const [_, setForceRenderCount] = useState(0);\n      useLayoutEffect(() => {\n        // Sync initial checked state to context (for both controlled and uncontrolled modes).\n        // Skip when group is controlled — the group's value prop owns the selection Set.\n        const initialChecked = checkedProp ?? defaultCheckedProp;\n        if (initialChecked && !isGroupControlled && !context?.hasGroupDefault) {\n          context?.onChange?.(\n            undefined,\n            {\n              id,\n              checked: initialChecked,\n            },\n            { internal: true },\n          );\n\n          setForceRenderCount((prev) => prev + 1);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, []);\n\n      // Sync controlled state changes to context (skip initial mount - handled by above effect)\n      const isFirstRender = useRef(true);\n      useLayoutEffect(() => {\n        if (isFirstRender.current) {\n          isFirstRender.current = false;\n          return;\n        }\n        if (isCardControlled && context) {\n          // In single selection mode, only sync when checked is true.\n          // Unchecking is implicit when another card becomes checked.\n          // Syncing checked=false would clear the entire selection.\n          if (context.selectionMode === \"single\" && !checkedProp) {\n            return;\n          }\n          context.onChange?.(\n            undefined,\n            {\n              id,\n              checked: checkedProp!,\n            },\n            { internal: true },\n          );\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [checkedProp]);\n\n      const handleChange = (event?: ChangeEvent<HTMLInputElement>) => {\n        const newChecked = event ? event.target.checked : false;\n        setChecked(newChecked);\n        context?.onChange?.(event, {\n          id,\n          checked: newChecked,\n        });\n      };\n\n      // A selection in the group context supersedes the normal checked state of the card\n      const isChecked = context ? context.selection.has(id) : checked;\n      const showIndicator = context?.showSelectIndicator || showSelectIndicator;\n\n      // When group is controlled (value prop), drive input from context selection.\n      // When group has defaultValue, it takes precedence — ignore individual defaultChecked.\n      const inputChecked = isGroupControlled\n        ? isChecked\n        : isCardControlled\n          ? checkedProp\n          : undefined;\n      const inputDefaultChecked =\n        isGroupControlled || isCardControlled\n          ? undefined\n          : context?.hasGroupDefault\n            ? context.selection.has(id)\n            : defaultCheckedProp;\n\n      const contentClassName = cx(styles[\"select-card\"], className, {\n        [styles[\"select-card--remove-drop-shadow\"]]: removeDropShadow,\n        [styles[\"select-card--checked\"]]: isChecked,\n        [styles[\"select-card--selected\"]]: isChecked && !errored,\n        [styles[\"select-card--errored\"]]: errored,\n        [styles[\"select-card--disabled\"]]: disabled,\n      });\n\n      return (\n        <>\n          {(!context || context?.selectionMode === \"multiple\") && (\n            <Checkbox\n              {...checkboxProps}\n              className={cx(\n                styles[\"select-card-wrapper\"],\n                checkboxProps?.className,\n              )}\n              labelWrapperClassName={styles[\"select-card-label\"]}\n              checked={inputChecked}\n              defaultChecked={inputDefaultChecked}\n              onChange={handleChange}\n              disabled={disabled}\n              ref={ref}\n              label={\n                <Card\n                  {...rest}\n                  className={contentClassName}\n                  flex={showIndicator ? \"1\" : undefined}\n                  gap={showIndicator ? \"2\" : undefined}\n                  alignItems={showIndicator ? \"flex-start\" : undefined}\n                >\n                  {showIndicator ? (\n                    <>\n                      <span className={styles[\"icon-wrapper\"]} aria-hidden>\n                        <Icon\n                          size=\"large\"\n                          svg={CheckboxChecked}\n                          className={styles[\"icon-checked\"]}\n                        />\n\n                        <Icon\n                          size=\"large\"\n                          svg={CheckboxOutline}\n                          className={styles[\"icon-unchecked\"]}\n                        />\n                      </span>\n                      {children}\n                    </>\n                  ) : (\n                    children\n                  )}\n                </Card>\n              }\n              hideCheckbox\n            />\n          )}\n          {context?.selectionMode === \"single\" && (\n            <Radio\n              {...radioProps}\n              className={cx(\n                styles[\"select-card-wrapper\"],\n                radioProps?.className,\n              )}\n              labelWrapperClassName={styles[\"select-card-label\"]}\n              checked={inputChecked}\n              defaultChecked={inputDefaultChecked}\n              onChange={handleChange}\n              disabled={disabled}\n              ref={ref}\n              name={context.radioName}\n              label={\n                <Card\n                  {...rest}\n                  className={contentClassName}\n                  flex={showIndicator ? \"1\" : undefined}\n                  gap={showIndicator ? \"2\" : undefined}\n                  alignItems={showIndicator ? \"flex-start\" : undefined}\n                >\n                  {showIndicator ? (\n                    <>\n                      <span className={styles[\"icon-wrapper\"]} aria-hidden>\n                        <Icon\n                          size=\"large\"\n                          svg={RadioOutline}\n                          className={styles[\"icon-unchecked\"]}\n                        />\n\n                        <Icon\n                          size=\"large\"\n                          svg={RadioChecked}\n                          className={styles[\"icon-checked\"]}\n                        />\n                      </span>\n                      {children}\n                    </>\n                  ) : (\n                    children\n                  )}\n                </Card>\n              }\n              hideRadio\n            />\n          )}\n        </>\n      );\n    },\n  ),\n  {\n    /**\n     * SelectCardGroup component for managing groups of selectable cards.\n     *\n     * Features:\n     * - Manages selection state for multiple SelectCard components\n     * - Supports both single and multiple selection modes\n     * - Provides proper accessibility with legends and ARIA labels\n     * - Handles required field validation\n     * - Automatic radio button grouping for single selection\n     * - Context provider for child SelectCard components\n     *\n     * @example\n     * <SelectCard.Group\n     *   legend=\"Choose your plan\"\n     *   selectionMode=\"single\"\n     *   onChange={(e, state) => console.log('Selection changed:', state)}\n     * >\n     *   <SelectCard id=\"basic\" onChange={() => {}}>\n     *     <Text variant=\"headline\" size=\"small\">Basic Plan</Text>\n     *   </SelectCard>\n     *   <SelectCard id=\"premium\" onChange={() => {}}>\n     *     <Text variant=\"headline\" size=\"small\">Premium Plan</Text>\n     *   </SelectCard>\n     * </SelectCard.Group>\n     */\n    Group: SelectCardGroup,\n  },\n);\nSelectCard.displayName = \"SelectCard\";\n"],"names":["CheckboxChecked","CheckboxOutline","RadioOutline","RadioChecked"],"mappings":"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"}

package/dist/SelectCard.js

@@ -1,2 +1,2 @@
-export { S as SelectCard, S as default } from './SelectCard-cu4MBuh8.js';
+export { S as SelectCard, S as default } from './SelectCard-8OmIDl1m.js';
 //# sourceMappingURL=SelectCard.js.map

package/dist/SelectField.js

@@ -1,2 +1,2 @@
-export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-CJ2Ie_v1.js';
+export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-DGK8F2G9.js';
 //# sourceMappingURL=SelectField.js.map

package/dist/{SelectFieldLabel-Dr8HeW3N.js → SelectFieldLabel-C8PrXxDU.js}

@@ -1,12 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
-import { F as FieldLabel } from './FieldLabel-DbMosKtd.js';
+import { F as FieldLabel } from './FieldLabel-Dr41PRxH.js';
 import { S as SrOnly } from './SrOnly-eUpYGpAT.js';
 
 const SelectFieldLabel = ({
+  aiMark,
   label,
   getLabelProps,
   hideLabel = false,
-  labelNode,
   moreInfo,
   moreInfoOpen,
   required
@@ -15,10 +15,11 @@ const SelectFieldLabel = ({
     FieldLabel,
     {
       ...getLabelProps(),
+      aiMark,
       required,
       moreInfo,
       moreInfoOpen,
-      children: labelNode ?? label
+      children: label
     }
   );
   if (hideLabel) {
@@ -28,4 +29,4 @@ const SelectFieldLabel = ({
 };
 
 export { SelectFieldLabel as S };
-//# sourceMappingURL=SelectFieldLabel-Dr8HeW3N.js.map
+//# sourceMappingURL=SelectFieldLabel-C8PrXxDU.js.map

package/dist/SelectFieldLabel-C8PrXxDU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFieldLabel-C8PrXxDU.js","sources":["../src/beta/components/SelectField/internal/SelectFieldLabel.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { FieldLabel, FieldLabelProps } from \"../../../../components/FieldLabel\";\nimport { SrOnly } from \"../../../../components/SrOnly\";\n\ntype GetLabelProps = (options?: object) => { id: string; htmlFor: string };\n\n/**\n * Props for the SelectFieldLabel component\n * @property {AiMarkWithTooltipOrPopoverProps} aiMark - The AI mark to display\n * @property {string} label - The text content to display as the label\n * @property {GetLabelProps} getLabelProps - Downshift getter function that returns accessibility props for the label\n * @property {boolean} [required] - Whether the field is required. Shows a red asterisk (*) when true.\n * @property {ReactNode} [moreInfo] - Additional information to display in a tooltip\n * @property {boolean} [moreInfoOpen] - Controls the open state of the more info tooltip\n * @property {boolean} [hideLabel] - Visually hides the label while keeping it accessible to screen readers\n */\nexport type SelectFieldLabelProps = {\n  aiMark?: FieldLabelProps[\"aiMark\"];\n  label: string;\n  getLabelProps: GetLabelProps;\n  hideLabel?: boolean;\n  moreInfo?: ReactNode;\n  moreInfoOpen?: boolean;\n  required?: boolean;\n};\n\n/**\n * Internal label component for the SelectField that renders an accessible label element.\n *\n * Features:\n * - Renders a FieldLabel with proper accessibility attributes from Downshift\n * - Automatically associates the label with the combobox input\n * - Supports screen readers with proper labeling\n * - Optional required field indicator with red asterisk\n * - Help tooltip with info icon for additional context\n * - Can visually hide the label while maintaining accessibility\n *\n * @example\n * <SelectFieldLabel\n *   label=\"Select an option\"\n *   getLabelProps={getLabelProps}\n *   required\n *   moreInfo=\"Choose from available options\"\n * />\n */\nexport const SelectFieldLabel = ({\n  aiMark,\n  label,\n  getLabelProps,\n  hideLabel = false,\n  moreInfo,\n  moreInfoOpen,\n  required,\n}: SelectFieldLabelProps) => {\n  const labelContent = (\n    <FieldLabel\n      {...getLabelProps()}\n      aiMark={aiMark}\n      required={required}\n      moreInfo={moreInfo}\n      moreInfoOpen={moreInfoOpen}\n    >\n      {label}\n    </FieldLabel>\n  );\n\n  if (hideLabel) {\n    return <SrOnly>{labelContent}</SrOnly>;\n  }\n\n  return labelContent;\n};\n"],"names":[],"mappings":";;;;AA6CO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAA6B;AAC3B,EAAA,MAAM,YAAA,mBACJ,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,aAAA,EAAc;AAAA,MAClB,MAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAGF,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBAAO,GAAA,CAAC,UAAQ,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,EAC/B;AAEA,EAAA,OAAO,YAAA;AACT;;;;"}

package/dist/{SelectFieldSync-CJ2Ie_v1.js → SelectFieldSync-DGK8F2G9.js}

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useRef, useCallback, useEffect, forwardRef, useId } from 'react';
 import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
-import { S as SelectOptions } from './SelectOptions-Bf4xsFek.js';
+import { S as SelectOptions } from './SelectOptions-CmElsiTd.js';
 import { s as styles } from './SelectTriggerBase.module-B0NFRlQP.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { B as Button } from './Button-CVsGhVJz.js';
+import { B as Button } from './Button-a_D7tUgM.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { S as SelectFieldLabel } from './SelectFieldLabel-Dr8HeW3N.js';
+import { S as SelectFieldLabel } from './SelectFieldLabel-C8PrXxDU.js';
 import { u as useDownshiftEnvironment, a as useCombobox, b as useSelect } from './downshift.esm-xtSnQp44.js';
-import { b as useProcessedOptions, c as buildSelectItems, h as toSelectItem, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, a as useSelectOrchestration, g as defaultSyncFilter, t as toSyncFilterFn, s as sortByGroup } from './syncFilterUtils-vt8ldsES.js';
+import { b as useProcessedOptions, c as buildSelectItems, h as toSelectItem, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, a as useSelectOrchestration, g as defaultSyncFilter, t as toSyncFilterFn, s as sortByGroup } from './syncFilterUtils-CsbCnI1-.js';
 import { F as FieldMessage } from './FieldMessage-COHqUdj5.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
@@ -253,6 +253,7 @@ const SelectFieldComboboxMode = ({
   displayAs,
   isDisabledOrReadOnly,
   disabled,
+  labelAiMark,
   readOnly,
   required,
   placeholder,
@@ -263,7 +264,6 @@ const SelectFieldComboboxMode = ({
   prefix,
   suffix,
   label,
-  labelNode,
   hideLabel,
   hint,
   errorMessages,
@@ -368,8 +368,8 @@ const SelectFieldComboboxMode = ({
           /* @__PURE__ */ jsx(
             SelectFieldLabel,
             {
+              aiMark: labelAiMark,
               label,
-              labelNode,
               hideLabel,
               getLabelProps,
               required
@@ -469,8 +469,8 @@ const SelectFieldComboboxMode = ({
         /* @__PURE__ */ jsx(
           SelectFieldLabel,
           {
+            aiMark: labelAiMark,
             label,
-            labelNode,
             hideLabel,
             getLabelProps,
             required
@@ -751,6 +751,7 @@ function stateReducer(state, actionAndChanges, displayAs) {
 }
 
 const SelectFieldSelectMode = ({
+  labelAiMark,
   id,
   helperUid,
   selectedOption,
@@ -767,7 +768,6 @@ const SelectFieldSelectMode = ({
   prefix,
   suffix,
   label,
-  labelNode,
   hideLabel,
   hint,
   errorMessages,
@@ -851,8 +851,8 @@ const SelectFieldSelectMode = ({
           /* @__PURE__ */ jsx(
             SelectFieldLabel,
             {
+              aiMark: labelAiMark,
               label,
-              labelNode,
               hideLabel,
               getLabelProps,
               required
@@ -933,8 +933,8 @@ const SelectFieldSelectMode = ({
         /* @__PURE__ */ jsx(
           SelectFieldLabel,
           {
+            aiMark: labelAiMark,
             label,
-            labelNode,
             hideLabel,
             getLabelProps,
             required
@@ -1015,7 +1015,7 @@ const SelectField = forwardRef(
       lazy,
       loadOptions: loadOptionsProp,
       label,
-      labelNode,
+      labelAiMark,
       hideLabel,
       placeholder,
       disableClearButton: disableClearButtonProp = false,
@@ -1087,7 +1087,7 @@ const SelectField = forwardRef(
       prefix,
       suffix,
       label,
-      labelNode,
+      labelAiMark,
       hideLabel,
       hint,
       errorMessages,
@@ -1156,4 +1156,4 @@ const SelectFieldSync = (props) => {
 };
 
 export { SelectField as S, SelectFieldSync as a };
-//# sourceMappingURL=SelectFieldSync-CJ2Ie_v1.js.map
+//# sourceMappingURL=SelectFieldSync-DGK8F2G9.js.map

package/dist/SelectFieldSync-DGK8F2G9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFieldSync-DGK8F2G9.js","sources":["../src/beta/components/SelectField/internal/SelectFieldInput.tsx","../src/beta/components/SelectField/internal/useCombo.tsx","../src/beta/components/SelectField/internal/SelectFieldComboboxMode.tsx","../src/beta/components/SelectField/internal/SelectFieldTrigger.tsx","../src/beta/components/SelectField/internal/useSelectMode.ts","../src/beta/components/SelectField/internal/SelectFieldSelectMode.tsx","../src/beta/components/SelectField/SelectField.tsx","../src/beta/components/SelectField/SelectFieldSync.tsx"],"sourcesContent":["import styles from \"../../../../components/SelectTrigger/internal/SelectTriggerBase.module.scss\";\nimport cx from \"classnames\";\nimport { PassThroughProps, Size } from \"../../../../types\";\nimport { Button } from \"../../../../components/Button\";\nimport Chevron_Right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport { ReactElement, RefObject } from \"react\";\n\n/**\n * Props for the SelectFieldInput component\n * @property {string} [placeholder] - Placeholder text displayed when input is empty\n * @property {Extract<Size, \"small\" | \"medium\" | \"large\">} [size] - Size variant of the input\n * @property {boolean} [disableClearButton] - Hides the clear button when true\n * @property {boolean} [disableToggleButton] - Hides the toggle button when true\n * @property {boolean} [disabled] - Disables the input entirely\n * @property {boolean} [readOnly] - Cannot be modified but remains interactive\n * @property {boolean} [required] - Marks the input as required for form validation\n * @property {boolean} [error] - Shows error styling on the input when true\n * @property {() => void} [onClear] - Callback fired when the clear button is clicked\n * @property {string} [id] - HTML id attribute for the input element\n * @property {RefObject<HTMLDivElement>} [inputWrapperRef] - Ref for the input wrapper div element\n * @property {PassThroughProps<\"div\">} [htmlInputWrapperProps] - Additional props passed to the wrapper div\n * @property {PassThroughProps<\"input\">} [inputProps] - Additional props passed to the input element\n * @property {PassThroughProps<\"button\">} [toggleButtonProps] - Additional props passed to the toggle button\n * @property {string | ReactElement} [prefix] - Content to display before the input\n * @property {string | ReactElement} [suffix] - Content to display after the input\n */\nexport type SelectFieldInputProps = {\n  placeholder?: string;\n  size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n  disableClearButton?: boolean;\n  disableToggleButton?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  error?: boolean;\n  onClear?: () => void;\n  id?: string;\n  inputWrapperRef?: RefObject<HTMLDivElement>;\n  htmlInputWrapperProps?: PassThroughProps<\"div\">;\n  inputProps?: PassThroughProps<\"input\">;\n  toggleButtonProps?: PassThroughProps<\"button\">;\n  prefix?: string | ReactElement;\n  suffix?: string | ReactElement;\n};\n\n/**\n * Internal input component for the SelectField that provides the text input and action buttons.\n *\n * Features:\n * - Text input for filtering and displaying selected values\n * - Optional clear button for removing the current selection\n * - Optional toggle button for opening/closing the dropdown menu\n * - Supports multiple size variants (small, medium, large)\n * - Fully accessible with proper ARIA labels on buttons\n * - Supports pass-through props for customization of internal elements\n * - Optional prefix and suffix content\n * - Error state styling\n *\n * @example\n * <SelectFieldInput\n *   placeholder=\"Search...\"\n *   size=\"medium\"\n *   onClear={() => handleClear()}\n *   prefix=\"$\"\n * />\n */\nexport const SelectFieldInput = ({\n  placeholder,\n  size,\n  disableClearButton,\n  disableToggleButton,\n  disabled,\n  readOnly,\n  required,\n  error,\n  onClear,\n  id,\n  inputWrapperRef,\n  htmlInputWrapperProps,\n  inputProps,\n  toggleButtonProps,\n  prefix,\n  suffix,\n}: SelectFieldInputProps) => {\n  const inputWrapperClassNames = cx(styles[\"input-wrapper\"], {\n    [styles[\"small\"]]: size === \"small\",\n    [styles[\"large\"]]: size === \"large\",\n    [styles[\"no-clear-button\"]]: disableClearButton,\n    [styles[\"no-toggle-button\"]]: disableToggleButton,\n    [styles[\"disabled\"]]: disabled || readOnly,\n  });\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...htmlInputWrapperProps}\n      className={cx(inputWrapperClassNames, htmlInputWrapperProps?.className)}\n    >\n      {prefix ? <div className={styles[\"prefix\"]}>{prefix}</div> : null}\n      <input\n        id={id}\n        placeholder={placeholder}\n        disabled={disabled}\n        readOnly={readOnly}\n        required={required}\n        {...inputProps}\n        className={cx(styles[\"input\"], inputProps?.className, {\n          [styles[\"error\"]]: error,\n        })}\n      />\n      {suffix ? <div className={styles[\"suffix\"]}>{suffix}</div> : null}\n      <div className={styles[\"buttons-wrapper\"]}>\n        {disableClearButton ? null : (\n          <div className={styles[\"close-button-wrapper\"]}>\n            <Button\n              icon={Close}\n              aria-label=\"clear selection\"\n              appearance=\"ghost\"\n              size=\"small\"\n              className={styles[\"close-button\"]}\n              onClick={() => {\n                onClear?.();\n              }}\n            />\n          </div>\n        )}\n        {disableToggleButton ? null : (\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Button\n              icon={Chevron_Right}\n              aria-label=\"toggle menu\"\n              appearance=\"ghost\"\n              size=\"small\"\n              disabled={disabled}\n              {...toggleButtonProps}\n              className={cx(\n                styles[\"toggle-button\"],\n                toggleButtonProps?.className,\n              )}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nSelectFieldInput.displayName = \"SelectFieldInput\";\n","import {\n  useCombobox,\n  UseComboboxProps,\n  UseComboboxState,\n  UseComboboxStateChangeOptions,\n} from \"downshift\";\nimport { useDownshiftEnvironment } from \"../../../../internal/hooks\";\nimport {\n  SelectFieldGroupByValue,\n  SelectFieldOption,\n  SelectFieldPinnedOptions,\n} from \"../types\";\nimport { useMemo, useState } from \"react\";\nimport {\n  SectionMeta,\n  SelectItem,\n} from \"../../../../internal/types/selectFieldInternalTypes\";\nimport { useProcessedOptions } from \"../../../../internal/hooks/useProcessedOptions\";\nimport {\n  buildSelectItems,\n  toSelectItem,\n} from \"../../../../internal/functions/buildSelectItems\";\n\nexport type { SectionMeta };\n\nexport type UseComboOptions = {\n  // An array of currently loaded options\n  options: SelectFieldOption[];\n  // Pinned options configuration (raw prop)\n  pinned?: SelectFieldPinnedOptions;\n  // Function to convert a group value to a display label\n  groupToString?: (groupValue: SelectFieldGroupByValue) => string;\n  // Function to sort group sections\n  groupSorter?: (\n    a: SelectFieldGroupByValue,\n    b: SelectFieldGroupByValue,\n  ) => number;\n  selectedOption: SelectFieldOption | null;\n  onSelectedOptionChange: (option: SelectFieldOption | null) => void;\n  displayAs: \"popover\" | \"dialog\";\n  disableHighlightOnOpen?: boolean;\n  disabled: boolean;\n  virtualize?: boolean;\n  onScrollToHighlight?: (index: number) => void;\n} & Pick<UseComboboxProps<SelectItem>, \"onInputValueChange\" | \"onIsOpenChange\">;\n\n/**\n * The purpose of useCombo is to provide an abstraction over the downshift combobox hook.\n */\nexport const useCombo = ({\n  options,\n  pinned,\n  groupToString,\n  groupSorter,\n  selectedOption,\n  onSelectedOptionChange,\n  onInputValueChange,\n  onIsOpenChange,\n  displayAs = \"popover\",\n  disableHighlightOnOpen = false,\n  disabled,\n  virtualize = false,\n  onScrollToHighlight,\n}: UseComboOptions) => {\n  // Controlled input value state - needed so usePinnedOptions can access it\n  // before useCombobox is called\n  const [inputValue, setInputValue] = useState(selectedOption?.label ?? \"\");\n\n  // Compute effective search value (empty if showing selected option's label)\n  const effectiveSearchValue =\n    selectedOption?.label === inputValue ? \"\" : inputValue;\n\n  const { pinnedSections, ungroupedItems, groupSections } = useProcessedOptions(\n    {\n      options,\n      pinned,\n      searchValue: effectiveSearchValue,\n      groupToString,\n      groupSorter,\n    },\n  );\n\n  const { items, sectionsMeta } = useMemo(\n    () =>\n      buildSelectItems({\n        pinnedSections,\n        groupSections,\n        ungroupedItems,\n      }),\n    [pinnedSections, groupSections, ungroupedItems],\n  );\n\n  const selectedDownshiftItem = useMemo(() => {\n    return selectedOption ? toSelectItem(selectedOption) : null;\n  }, [selectedOption]);\n\n  const { ref: wrapperDivRef, environment } = useDownshiftEnvironment();\n\n  const {\n    isOpen,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    closeMenu,\n    openMenu,\n    setHighlightedIndex,\n  } = useCombobox({\n    isItemDisabled: (item, _index) => {\n      if (!item) {\n        return false; // Downshift passes -1 index with an undefined item. Ignore it.\n      }\n      return (disabled || item.disabled) ?? false;\n    },\n    environment: environment,\n    selectedItem: selectedDownshiftItem,\n    inputValue, // Controlled input value\n    onSelectedItemChange: ({\n      selectedItem: si,\n    }: {\n      selectedItem: SelectItem;\n    }) => {\n      // Regular, pinned, and grouped options are all selectable\n      if (\n        si &&\n        (si.type === \"option\" ||\n          si.type === \"pinned-option\" ||\n          si.type === \"grouped-option\")\n      ) {\n        onSelectedOptionChange(si.original);\n      } else {\n        onSelectedOptionChange(null);\n      }\n    },\n    onInputValueChange: (changes) => {\n      // Update local state\n      setInputValue(changes.inputValue ?? \"\");\n      // Call external handler\n      onInputValueChange?.(changes);\n    },\n    onHighlightedIndexChange: ({ type, highlightedIndex: idx }) => {\n      if (type !== useCombobox.stateChangeTypes.ItemMouseMove && idx >= 0) {\n        onScrollToHighlight?.(idx);\n      }\n    },\n    onIsOpenChange: (changes) => {\n      onIsOpenChange?.(changes);\n      if (changes.isOpen && !disableHighlightOnOpen) {\n        const selectedItemIndex = items.findIndex(\n          (item) => item.original.id === selectedOption?.id,\n        );\n        setHighlightedIndex(selectedItemIndex);\n      }\n    },\n    items: items,\n    itemToString(item: SelectItem | null) {\n      return item?.original.label ?? \"\";\n    },\n    stateReducer: (state, actionAndChanges) =>\n      stateReducer(state, actionAndChanges, displayAs),\n    ...(virtualize && { scrollIntoView: () => {} }),\n  });\n\n  return {\n    inputValue,\n    wrapperDivRef,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    highlightedIndex,\n    isOpen,\n    items,\n    sectionsMeta,\n    closeMenu,\n    openMenu,\n  };\n};\n\nfunction stateReducer(\n  state: UseComboboxState<SelectItem>,\n  actionAndChanges: UseComboboxStateChangeOptions<SelectItem>,\n  displayAs: \"popover\" | \"dialog\",\n) {\n  const { type, changes } = actionAndChanges;\n  // this prevents the menu from being closed when the user selects an item with 'Enter' or mouse\n  switch (type) {\n    case useCombobox.stateChangeTypes.InputBlur:\n      // keep the dialog open if the user blurs the input while the dialog is open\n      if (displayAs === \"dialog\" && state.isOpen) {\n        return {\n          ...changes,\n          isOpen: state.isOpen,\n        };\n      }\n      return {\n        ...changes,\n        inputValue: state.selectedItem?.original.label ?? state.inputValue,\n      };\n    case useCombobox.stateChangeTypes.InputKeyDownEscape:\n    case useCombobox.stateChangeTypes.FunctionCloseMenu:\n      return {\n        ...changes,\n        inputValue: state.selectedItem?.original.label ?? state.inputValue,\n      };\n    case useCombobox.stateChangeTypes.InputClick:\n      if (displayAs === \"dialog\" && state.isOpen) {\n        // keep the dialog open if the user clicks the input while the dialog is open\n        return {\n          ...changes,\n          isOpen: state.isOpen,\n        };\n      }\n      return changes;\n    case useCombobox.stateChangeTypes.InputKeyDownEnter:\n    case useCombobox.stateChangeTypes.ItemClick:\n      return changes;\n    default:\n      return changes; // otherwise business as usual.\n  }\n}\n","import { useCallback, useEffect, useRef } from \"react\";\nimport { SelectOptions } from \"../../../../internal/components/SelectOptions\";\nimport { OptionsPanelHandle } from \"../../../../internal/components/OptionsPanel\";\nimport { SelectFieldInput } from \"./SelectFieldInput\";\nimport { SelectFieldLabel } from \"./SelectFieldLabel\";\nimport { useDebouncedCallback } from \"../../../../internal/hooks/useDebouncedCallback\";\nimport styles from \"../../../../components/SelectTrigger/internal/SelectTriggerBase.module.scss\";\nimport { useCombo } from \"./useCombo\";\nimport { OptionsPopover } from \"../../../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsDialog } from \"../../../../internal/components/OptionsDialog/OptionsDialog\";\nimport { FieldMessage } from \"../../../../components/FieldMessage\";\nimport { SelectFieldComboboxInternalProps } from \"../../../../internal/types/selectFieldInternalTypes\";\n\n/**\n * Combobox mode: searchable select using useCombobox.\n * This is the default behavior when disableSearch is false.\n */\nexport const SelectFieldComboboxMode = ({\n  id,\n  helperUid,\n  selectedOption,\n  onSelectedOptionChange,\n  displayAs,\n  isDisabledOrReadOnly,\n  disabled,\n  labelAiMark,\n  readOnly,\n  required,\n  placeholder,\n  size,\n  error,\n  hasHelperText,\n  disableClearButton,\n  prefix,\n  suffix,\n  label,\n  hideLabel,\n  hint,\n  errorMessages,\n  warning,\n  description,\n  className,\n  style,\n  layoutStyles,\n  pinned,\n  groupToString,\n  groupSorter,\n  virtualize,\n  options,\n  loading,\n  loadingMore,\n  hasMore,\n  loadOptions,\n  loadMore,\n  initialLoad,\n  initialLoadPerformed,\n  setInitialLoadPerformed,\n  inputWrapperRef,\n  debounceMs,\n}: SelectFieldComboboxInternalProps) => {\n  const listRef = useRef<OptionsPanelHandle>(null);\n\n  const debouncedOptionLoader = useDebouncedCallback((inputValue: string) => {\n    loadOptions(selectedOption?.label === inputValue ? \"\" : inputValue, {\n      initial: true,\n    });\n  }, debounceMs);\n\n  const adjustInputValueForSelectedOption = useCallback(\n    (inputValue: string) => {\n      return selectedOption?.label === inputValue ? \"\" : inputValue;\n    },\n    [selectedOption?.label],\n  );\n\n  const {\n    isOpen,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    wrapperDivRef,\n    highlightedIndex,\n    getItemProps,\n    inputValue,\n    items,\n    closeMenu,\n    sectionsMeta,\n  } = useCombo({\n    displayAs,\n    disabled: isDisabledOrReadOnly,\n    options,\n    pinned,\n    groupToString,\n    groupSorter,\n    selectedOption,\n    virtualize,\n    onSelectedOptionChange: (opt) => onSelectedOptionChange(opt),\n    async onIsOpenChange(changes) {\n      if (initialLoad === \"open\" && !initialLoadPerformed && changes.isOpen) {\n        await loadOptions(adjustInputValueForSelectedOption(inputValue), {\n          initial: true,\n        });\n        setInitialLoadPerformed(true);\n      }\n    },\n    onInputValueChange: ({ inputValue: iv }) => {\n      debouncedOptionLoader(iv ?? \"\");\n    },\n    onScrollToHighlight: (i) => listRef.current?.scrollToIndex(i),\n  });\n\n  useEffect(() => {\n    const performInitialLoad = async () => {\n      if (initialLoad === \"immediate\" && !initialLoadPerformed) {\n        await loadOptions(adjustInputValueForSelectedOption(inputValue), {\n          initial: true,\n        });\n        setInitialLoadPerformed(true);\n      }\n    };\n    performInitialLoad();\n  }, [\n    loadOptions,\n    initialLoadPerformed,\n    initialLoad,\n    inputValue,\n    adjustInputValueForSelectedOption,\n    setInitialLoadPerformed,\n  ]);\n\n  const handleLoadMore = async () => {\n    await loadMore(adjustInputValueForSelectedOption(inputValue));\n  };\n\n  if (displayAs === \"dialog\") {\n    return (\n      <div\n        className={\n          className\n            ? `${styles[\"search-field\"]} ${className}`\n            : styles[\"search-field\"]\n        }\n        style={{ ...layoutStyles, ...style }}\n        ref={wrapperDivRef}\n      >\n        <SelectFieldLabel\n          aiMark={labelAiMark}\n          label={label}\n          hideLabel={hideLabel}\n          getLabelProps={getLabelProps}\n          required={required}\n        />\n        <SelectFieldInput\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          disableToggleButton={false}\n          placeholder={placeholder}\n          disableClearButton={disableClearButton}\n          toggleButtonProps={getToggleButtonProps()}\n          onClear={() => onSelectedOptionChange(null)}\n          id={`${id}-input`}\n          inputProps={getInputProps({\n            \"aria-describedby\": hasHelperText ? helperUid : undefined,\n            \"aria-invalid\": error ? true : undefined,\n          })}\n          size={size}\n          error={!!error}\n          prefix={prefix}\n          suffix={suffix}\n        />\n        {hasHelperText ? (\n          <FieldMessage\n            id={helperUid}\n            hint={hint}\n            error={errorMessages}\n            warning={warning}\n            description={description}\n          />\n        ) : null}\n        <OptionsDialog\n          id={`${id}-dialog`}\n          isOpen={isOpen}\n          onClose={closeMenu}\n          title={label}\n          field={\n            <SelectFieldInput\n              disabled={disabled}\n              readOnly={readOnly}\n              inputProps={getInputProps()}\n              disableToggleButton\n              placeholder={placeholder}\n              disableClearButton={disableClearButton}\n              onClear={() => onSelectedOptionChange(null)}\n              id={`${id}-dialog-input`}\n              inputWrapperRef={inputWrapperRef}\n              size=\"medium\"\n              error={!!error}\n              prefix={prefix}\n              suffix={suffix}\n            />\n          }\n          initialFocusResolver={(elements) => {\n            return (\n              elements.find((element) => element.tagName === \"INPUT\") ||\n              elements[0]\n            );\n          }}\n        >\n          <SelectOptions\n            ref={listRef}\n            isOpen\n            items={items}\n            sectionsMeta={sectionsMeta}\n            getMenuProps={getMenuProps}\n            getItemProps={getItemProps}\n            highlightedIndex={highlightedIndex}\n            selectedOption={selectedOption}\n            hasMore={hasMore}\n            onLoadMore={handleLoadMore}\n            loading={loading}\n            loadingMore={loadingMore}\n            disabled={isDisabledOrReadOnly}\n            virtualize={virtualize}\n          />\n        </OptionsDialog>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={\n        className\n          ? `${styles[\"search-field\"]} ${className}`\n          : styles[\"search-field\"]\n      }\n      style={{ ...layoutStyles, ...style }}\n    >\n      <SelectFieldLabel\n        aiMark={labelAiMark}\n        label={label}\n        hideLabel={hideLabel}\n        getLabelProps={getLabelProps}\n        required={required}\n      />\n      <SelectFieldInput\n        disabled={disabled}\n        readOnly={readOnly}\n        required={required}\n        inputProps={getInputProps({\n          popovertarget: `${id}-popover`,\n          \"aria-describedby\": hasHelperText ? helperUid : undefined,\n          \"aria-invalid\": error ? true : undefined,\n        })}\n        toggleButtonProps={getToggleButtonProps()}\n        disableToggleButton={false}\n        placeholder={placeholder}\n        disableClearButton={disableClearButton}\n        onClear={() => onSelectedOptionChange(null)}\n        id={`${id}-input`}\n        inputWrapperRef={inputWrapperRef}\n        size={size}\n        error={!!error}\n        prefix={prefix}\n        suffix={suffix}\n      />\n      {hasHelperText ? (\n        <FieldMessage\n          id={helperUid}\n          hint={hint}\n          error={errorMessages}\n          warning={warning}\n          description={description}\n        />\n      ) : null}\n\n      <OptionsPopover\n        id={`${id}-popover`}\n        referenceElement={inputWrapperRef}\n        open={isOpen && displayAs === \"popover\"}\n        onClickOutside={closeMenu}\n        width=\"reference\"\n      >\n        <SelectOptions\n          ref={listRef}\n          isOpen={isOpen}\n          items={items}\n          sectionsMeta={sectionsMeta}\n          getMenuProps={getMenuProps}\n          getItemProps={getItemProps}\n          highlightedIndex={highlightedIndex}\n          selectedOption={selectedOption}\n          hasMore={hasMore}\n          onLoadMore={handleLoadMore}\n          loading={loading}\n          loadingMore={loadingMore}\n          disabled={isDisabledOrReadOnly}\n          virtualize={virtualize}\n        />\n      </OptionsPopover>\n    </div>\n  );\n};\n","import styles from \"../../../../components/SelectTrigger/internal/SelectTriggerBase.module.scss\";\nimport cx from \"classnames\";\nimport { Size } from \"../../../../types\";\nimport { Button } from \"../../../../components/Button\";\nimport Chevron_Right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport { ReactElement, RefObject } from \"react\";\nimport { useMergeRefs } from \"../../../../hooks/useMergeRefs/useMergeRefs\";\n\nexport type SelectFieldTriggerProps = {\n  placeholder?: string;\n  size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n  disableClearButton?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  error?: boolean;\n  onClear?: () => void;\n  id?: string;\n  popoverTarget?: string;\n  inputWrapperRef?: RefObject<HTMLDivElement>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  toggleButtonProps?: Record<string, any>;\n  /** The display text (selected option label or empty) */\n  displayValue?: string;\n  prefix?: string | ReactElement;\n  suffix?: string | ReactElement;\n};\n\n/**\n * Non-searchable select trigger for SelectField when disableSearch is true.\n * Renders a div-based trigger instead of an input, suitable for the listbox ARIA pattern.\n */\nexport const SelectFieldTrigger = ({\n  placeholder,\n  size,\n  disableClearButton,\n  disabled,\n  readOnly,\n  error,\n  onClear,\n  id,\n  inputWrapperRef,\n  toggleButtonProps,\n  displayValue,\n  prefix,\n  suffix,\n  popoverTarget,\n}: SelectFieldTriggerProps) => {\n  const { ref: downshiftRef, ...restToggleButtonProps } =\n    toggleButtonProps ?? {};\n  const mergedRef = useMergeRefs([inputWrapperRef, downshiftRef]);\n\n  const inputWrapperClassNames = cx(styles[\"input-wrapper\"], {\n    [styles[\"small\"]]: size === \"small\",\n    [styles[\"large\"]]: size === \"large\",\n    [styles[\"no-clear-button\"]]: disableClearButton,\n    [styles[\"disabled\"]]: disabled || readOnly,\n  });\n\n  return (\n    <div style={{ position: \"relative\" }}>\n      <div\n        ref={mergedRef}\n        {...restToggleButtonProps}\n        // @ts-expect-error: popovertarget is a valid HTML attribute\n        popovertarget={popoverTarget}\n        id={id}\n        className={cx(inputWrapperClassNames, restToggleButtonProps?.className)}\n      >\n        {prefix ? <div className={styles[\"prefix\"]}>{prefix}</div> : null}\n        <div\n          className={cx(styles[\"input\"], {\n            [styles[\"error\"]]: error,\n          })}\n        >\n          {displayValue ? (\n            <span>{displayValue}</span>\n          ) : (\n            <span className={styles[\"fake-placeholder\"]}>{placeholder}</span>\n          )}\n        </div>\n        {suffix ? <div className={styles[\"suffix\"]}>{suffix}</div> : null}\n        <div className={styles[\"buttons-wrapper\"]}>\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Button\n              icon={Chevron_Right}\n              aria-label=\"toggle menu\"\n              appearance=\"ghost\"\n              size=\"small\"\n              disabled={disabled}\n              tabIndex={-1}\n              className={styles[\"toggle-button\"]}\n            />\n          </div>\n        </div>\n      </div>\n      {disableClearButton ? null : (\n        <div\n          className={styles[\"buttons-wrapper\"]}\n          style={{ insetInlineEnd: \"2rem\" }}\n        >\n          <div className={styles[\"close-button-wrapper\"]}>\n            <Button\n              icon={Close}\n              aria-label=\"clear selection\"\n              appearance=\"ghost\"\n              size=\"small\"\n              className={styles[\"close-button\"]}\n              onClick={(e) => {\n                e.stopPropagation();\n                onClear?.();\n              }}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nSelectFieldTrigger.displayName = \"SelectFieldTrigger\";\n","import {\n  useSelect,\n  UseSelectState,\n  UseSelectStateChangeOptions,\n} from \"downshift\";\nimport { useDownshiftEnvironment } from \"../../../../internal/hooks\";\nimport {\n  SelectFieldGroupByValue,\n  SelectFieldOption,\n  SelectFieldPinnedOptions,\n} from \"../types\";\nimport { SelectItem } from \"../../../../internal/types/selectFieldInternalTypes\";\nimport { useMemo } from \"react\";\nimport { useProcessedOptions } from \"../../../../internal/hooks/useProcessedOptions\";\nimport {\n  buildSelectItems,\n  toSelectItem,\n} from \"../../../../internal/functions/buildSelectItems\";\n\nexport type UseSelectModeOptions = {\n  options: SelectFieldOption[];\n  pinned?: SelectFieldPinnedOptions;\n  groupToString?: (groupValue: SelectFieldGroupByValue) => string;\n  groupSorter?: (\n    a: SelectFieldGroupByValue,\n    b: SelectFieldGroupByValue,\n  ) => number;\n  selectedOption: SelectFieldOption | null;\n  onSelectedOptionChange: (option: SelectFieldOption | null) => void;\n  onIsOpenChange?: (changes: { isOpen?: boolean }) => void;\n  displayAs: \"popover\" | \"dialog\";\n  disableHighlightOnOpen?: boolean;\n  disabled: boolean;\n  virtualize?: boolean;\n  onScrollToHighlight?: (index: number) => void;\n};\n\n/**\n * Wraps downshift's useSelect for non-searchable select fields.\n * Returns a compatible interface to useCombo (minus getInputProps/inputValue).\n */\nexport const useSelectMode = ({\n  options,\n  pinned,\n  groupToString,\n  groupSorter,\n  selectedOption,\n  onSelectedOptionChange,\n  onIsOpenChange,\n  displayAs = \"popover\",\n  disableHighlightOnOpen = false,\n  disabled,\n  virtualize = false,\n  onScrollToHighlight,\n}: UseSelectModeOptions) => {\n  const { pinnedSections, ungroupedItems, groupSections } = useProcessedOptions(\n    {\n      options,\n      pinned,\n      searchValue: \"\",\n      groupToString,\n      groupSorter,\n    },\n  );\n\n  const { items, sectionsMeta } = useMemo(\n    () =>\n      buildSelectItems({\n        pinnedSections,\n        groupSections,\n        ungroupedItems,\n      }),\n    [pinnedSections, groupSections, ungroupedItems],\n  );\n\n  const selectedDownshiftItem = useMemo(() => {\n    return selectedOption ? toSelectItem(selectedOption) : null;\n  }, [selectedOption]);\n\n  const { ref: wrapperDivRef, environment } = useDownshiftEnvironment();\n\n  const {\n    isOpen,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    closeMenu,\n    openMenu,\n    setHighlightedIndex,\n  } = useSelect({\n    isItemDisabled: (item) => {\n      if (!item) return false;\n      return (disabled || item.disabled) ?? false;\n    },\n    environment,\n    selectedItem: selectedDownshiftItem,\n    onSelectedItemChange: ({\n      selectedItem: si,\n    }: {\n      selectedItem: SelectItem;\n    }) => {\n      if (\n        si &&\n        (si.type === \"option\" ||\n          si.type === \"pinned-option\" ||\n          si.type === \"grouped-option\")\n      ) {\n        onSelectedOptionChange(si.original);\n      } else {\n        onSelectedOptionChange(null);\n      }\n    },\n    onHighlightedIndexChange: ({ type, highlightedIndex: idx }) => {\n      if (type !== useSelect.stateChangeTypes.ItemMouseMove && idx >= 0) {\n        onScrollToHighlight?.(idx);\n      }\n    },\n    onIsOpenChange: (changes) => {\n      onIsOpenChange?.(changes);\n      if (changes.isOpen && !disableHighlightOnOpen) {\n        const selectedItemIndex = items.findIndex(\n          (item) => item.original.id === selectedOption?.id,\n        );\n        setHighlightedIndex(selectedItemIndex);\n      }\n    },\n    items: items,\n    itemToString(item: SelectItem | null) {\n      return item?.original.label ?? \"\";\n    },\n    stateReducer: (state, actionAndChanges) =>\n      stateReducer(state, actionAndChanges, displayAs),\n    ...(virtualize && { scrollIntoView: () => {} }),\n  });\n\n  return {\n    wrapperDivRef,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    highlightedIndex,\n    isOpen,\n    items,\n    sectionsMeta,\n    closeMenu,\n    openMenu,\n  };\n};\n\nfunction stateReducer(\n  state: UseSelectState<SelectItem>,\n  actionAndChanges: UseSelectStateChangeOptions<SelectItem>,\n  displayAs: \"popover\" | \"dialog\",\n) {\n  const { type, changes } = actionAndChanges;\n  switch (type) {\n    case useSelect.stateChangeTypes.ToggleButtonBlur:\n      if (displayAs === \"dialog\" && state.isOpen) {\n        return { ...changes, isOpen: state.isOpen };\n      }\n      return changes;\n    case useSelect.stateChangeTypes.ToggleButtonKeyDownEscape:\n    case useSelect.stateChangeTypes.FunctionCloseMenu:\n      return changes;\n    case useSelect.stateChangeTypes.ToggleButtonClick:\n      if (displayAs === \"dialog\" && state.isOpen) {\n        return { ...changes, isOpen: state.isOpen };\n      }\n      return changes;\n    case useSelect.stateChangeTypes.ToggleButtonKeyDownEnter:\n    case useSelect.stateChangeTypes.ItemClick:\n      return changes;\n    default:\n      return changes;\n  }\n}\n","import { useEffect, useRef } from \"react\";\nimport { SelectOptions } from \"../../../../internal/components/SelectOptions\";\nimport { OptionsPanelHandle } from \"../../../../internal/components/OptionsPanel\";\nimport { SelectFieldTrigger } from \"./SelectFieldTrigger\";\nimport { SelectFieldLabel } from \"./SelectFieldLabel\";\nimport styles from \"../../../../components/SelectTrigger/internal/SelectTriggerBase.module.scss\";\nimport { useSelectMode } from \"./useSelectMode\";\nimport { OptionsPopover } from \"../../../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsDialog } from \"../../../../internal/components/OptionsDialog/OptionsDialog\";\nimport { FieldMessage } from \"../../../../components/FieldMessage\";\nimport { SelectFieldBaseInternalProps } from \"../../../../internal/types/selectFieldInternalTypes\";\n\n/**\n * Select mode: non-searchable select using useSelect.\n * Active when disableSearch is true.\n */\nexport const SelectFieldSelectMode = ({\n  labelAiMark,\n  id,\n  helperUid,\n  selectedOption,\n  onSelectedOptionChange,\n  displayAs,\n  isDisabledOrReadOnly,\n  disabled,\n  readOnly,\n  placeholder,\n  size,\n  error,\n  hasHelperText,\n  disableClearButton,\n  prefix,\n  suffix,\n  label,\n  hideLabel,\n  hint,\n  errorMessages,\n  warning,\n  description,\n  className,\n  style,\n  layoutStyles,\n  pinned,\n  groupToString,\n  groupSorter,\n  virtualize,\n  options,\n  loading,\n  loadingMore,\n  hasMore,\n  loadOptions,\n  loadMore,\n  initialLoad,\n  initialLoadPerformed,\n  setInitialLoadPerformed,\n  inputWrapperRef,\n  required,\n}: SelectFieldBaseInternalProps) => {\n  const listRef = useRef<OptionsPanelHandle>(null);\n\n  const {\n    isOpen,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    wrapperDivRef,\n    highlightedIndex,\n    getItemProps,\n    items,\n    closeMenu,\n    sectionsMeta,\n  } = useSelectMode({\n    displayAs,\n    disabled: isDisabledOrReadOnly,\n    options,\n    pinned,\n    groupToString,\n    groupSorter,\n    selectedOption,\n    virtualize,\n    onSelectedOptionChange: (opt) => onSelectedOptionChange(opt),\n    async onIsOpenChange(changes) {\n      if (initialLoad === \"open\" && !initialLoadPerformed && changes.isOpen) {\n        await loadOptions(\"\", { initial: true });\n        setInitialLoadPerformed(true);\n      }\n    },\n    onScrollToHighlight: (i) => listRef.current?.scrollToIndex(i),\n  });\n\n  useEffect(() => {\n    const performInitialLoad = async () => {\n      if (initialLoad === \"immediate\" && !initialLoadPerformed) {\n        await loadOptions(\"\", { initial: true });\n        setInitialLoadPerformed(true);\n      }\n    };\n    performInitialLoad();\n  }, [loadOptions, initialLoadPerformed, initialLoad, setInitialLoadPerformed]);\n\n  const handleLoadMore = async () => {\n    await loadMore(\"\");\n  };\n\n  const toggleButtonProps = getToggleButtonProps({\n    disabled: !!disabled,\n    \"aria-required\": required ? true : undefined,\n    \"aria-describedby\": hasHelperText ? helperUid : undefined,\n    \"aria-invalid\": error ? true : undefined,\n  } as Record<string, unknown>);\n\n  if (displayAs === \"dialog\") {\n    return (\n      <div\n        className={\n          className\n            ? `${styles[\"search-field\"]} ${className}`\n            : styles[\"search-field\"]\n        }\n        style={{ ...layoutStyles, ...style }}\n        ref={wrapperDivRef}\n      >\n        <SelectFieldLabel\n          aiMark={labelAiMark}\n          label={label}\n          hideLabel={hideLabel}\n          getLabelProps={getLabelProps}\n          required={required}\n        />\n        <SelectFieldTrigger\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          disableClearButton={disableClearButton}\n          toggleButtonProps={toggleButtonProps}\n          onClear={() => onSelectedOptionChange(null)}\n          id={`${id}-trigger`}\n          inputWrapperRef={inputWrapperRef}\n          displayValue={selectedOption?.label}\n          size={size}\n          error={!!error}\n          prefix={prefix}\n          suffix={suffix}\n        />\n        {hasHelperText ? (\n          <FieldMessage\n            id={helperUid}\n            hint={hint}\n            error={errorMessages}\n            warning={warning}\n            description={description}\n          />\n        ) : null}\n        <OptionsDialog\n          id={`${id}-dialog`}\n          isOpen={isOpen}\n          onClose={closeMenu}\n          title={label}\n        >\n          <SelectOptions\n            ref={listRef}\n            isOpen\n            items={items}\n            sectionsMeta={sectionsMeta}\n            getMenuProps={(opts) =>\n              getMenuProps({\n                ...opts,\n                style: { ...opts?.style, outline: \"none\" },\n                onKeyDown: toggleButtonProps.onKeyDown,\n                tabIndex: 0,\n                \"aria-activedescendant\":\n                  toggleButtonProps[\"aria-activedescendant\"],\n              })\n            }\n            getItemProps={getItemProps}\n            highlightedIndex={highlightedIndex}\n            selectedOption={selectedOption}\n            hasMore={hasMore}\n            onLoadMore={handleLoadMore}\n            loading={loading}\n            loadingMore={loadingMore}\n            disabled={isDisabledOrReadOnly}\n            virtualize={virtualize}\n          />\n        </OptionsDialog>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={\n        className\n          ? `${styles[\"search-field\"]} ${className}`\n          : styles[\"search-field\"]\n      }\n      style={{ ...layoutStyles, ...style }}\n    >\n      <SelectFieldLabel\n        aiMark={labelAiMark}\n        label={label}\n        hideLabel={hideLabel}\n        getLabelProps={getLabelProps}\n        required={required}\n      />\n      <SelectFieldTrigger\n        disabled={disabled}\n        readOnly={readOnly}\n        placeholder={placeholder}\n        disableClearButton={disableClearButton}\n        toggleButtonProps={toggleButtonProps}\n        onClear={() => onSelectedOptionChange(null)}\n        id={`${id}-trigger`}\n        popoverTarget={`${id}-popover`}\n        inputWrapperRef={inputWrapperRef}\n        displayValue={selectedOption?.label}\n        size={size}\n        error={!!error}\n        prefix={prefix}\n        suffix={suffix}\n      />\n      {hasHelperText ? (\n        <FieldMessage\n          id={helperUid}\n          hint={hint}\n          error={errorMessages}\n          warning={warning}\n          description={description}\n        />\n      ) : null}\n\n      <OptionsPopover\n        id={`${id}-popover`}\n        referenceElement={inputWrapperRef}\n        open={isOpen && displayAs === \"popover\"}\n        onClickOutside={closeMenu}\n        width=\"reference\"\n      >\n        <SelectOptions\n          ref={listRef}\n          isOpen={isOpen}\n          items={items}\n          sectionsMeta={sectionsMeta}\n          getMenuProps={getMenuProps}\n          getItemProps={getItemProps}\n          highlightedIndex={highlightedIndex}\n          selectedOption={selectedOption}\n          hasMore={hasMore}\n          onLoadMore={handleLoadMore}\n          loading={loading}\n          loadingMore={loadingMore}\n          disabled={isDisabledOrReadOnly}\n          virtualize={virtualize}\n        />\n      </OptionsPopover>\n    </div>\n  );\n};\n","import { SelectFieldHandle, SelectFieldProps } from \"./types\";\nimport { forwardRef, useId, useRef } from \"react\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks/useLayoutPropsUtil\";\nimport { warnDeprecatedErrorUsage } from \"../../../components/FieldMessage\";\nimport { SelectFieldComboboxMode } from \"./internal/SelectFieldComboboxMode\";\nimport { SelectFieldSelectMode } from \"./internal/SelectFieldSelectMode\";\nimport {\n  SelectFieldBaseInternalProps,\n  SelectFieldComboboxInternalProps,\n} from \"../../../internal/types/selectFieldInternalTypes\";\nimport { useSelectOrchestration } from \"../../../internal/hooks/useSelectOrchestration\";\n\nexport const SelectField = forwardRef<SelectFieldHandle, SelectFieldProps>(\n  (propsWithLayout, ref) => {\n    const { layoutStyles, componentProps } =\n      useLayoutPropsUtil(propsWithLayout);\n\n    const inputWrapperRef = useRef<HTMLDivElement>(null);\n\n    const {\n      id: idProp,\n      value: selectedOption,\n      initialLoad: initialLoadProp,\n      displayMenuAs: displayMenuAsProp,\n      lazy,\n      loadOptions: loadOptionsProp,\n      label,\n      labelAiMark,\n      hideLabel,\n      placeholder,\n      disableClearButton: disableClearButtonProp = false,\n      debounceMs = 200,\n      onSelectedOptionChange,\n      cache,\n      size,\n      error,\n      hint,\n      description,\n      errorAriaLive: _errorAriaLive,\n      required,\n      disabled,\n      readOnly,\n      prefix,\n      suffix,\n      warning,\n      className,\n      style,\n      pinned,\n      virtualize,\n      disableSearch,\n    } = componentProps;\n\n    const groupToString =\n      \"groupToString\" in componentProps\n        ? componentProps.groupToString\n        : undefined;\n    const groupSorter =\n      \"groupSorter\" in componentProps ? componentProps.groupSorter : undefined;\n\n    const autoId = useId();\n    const id = idProp ?? autoId;\n    const helperUid = useId();\n\n    warnDeprecatedErrorUsage(\"SelectField\", error);\n\n    const errorMessages =\n      typeof error === \"boolean\" || error === undefined ? undefined : error;\n    const hasHelperText = !!(hint || errorMessages || warning || description);\n    const isDisabledOrReadOnly = (disabled || readOnly) ?? false;\n\n    const {\n      displayAs,\n      initialLoad,\n      initialLoadPerformed,\n      setInitialLoadPerformed,\n      options,\n      loading,\n      loadingMore,\n      hasMore,\n      loadOptions,\n      loadMore,\n    } = useSelectOrchestration({\n      lazy,\n      loadOptions: loadOptionsProp,\n      cache,\n      lazyOptions:\n        \"lazyOptions\" in componentProps\n          ? componentProps.lazyOptions\n          : undefined,\n      initialLoad: initialLoadProp,\n      displayMenuAs: displayMenuAsProp,\n      ref,\n    });\n\n    const disableClearButton =\n      disableClearButtonProp || !selectedOption || isDisabledOrReadOnly;\n\n    const baseProps: SelectFieldBaseInternalProps = {\n      id,\n      helperUid,\n      selectedOption,\n      onSelectedOptionChange,\n      displayAs,\n      isDisabledOrReadOnly,\n      disabled,\n      readOnly,\n      required,\n      placeholder,\n      size,\n      error,\n      hasHelperText,\n      disableClearButton,\n      prefix,\n      suffix,\n      label,\n      labelAiMark,\n      hideLabel,\n      hint,\n      errorMessages,\n      warning,\n      description,\n      className,\n      style,\n      layoutStyles,\n      pinned,\n      groupToString,\n      groupSorter,\n      virtualize,\n      options,\n      loading,\n      loadingMore,\n      hasMore,\n      loadOptions,\n      loadMore,\n      initialLoad,\n      initialLoadPerformed,\n      setInitialLoadPerformed,\n      inputWrapperRef,\n    };\n\n    if (disableSearch) {\n      return <SelectFieldSelectMode {...baseProps} />;\n    }\n\n    const comboboxProps: SelectFieldComboboxInternalProps = {\n      ...baseProps,\n      debounceMs,\n    };\n\n    return <SelectFieldComboboxMode {...comboboxProps} />;\n  },\n);\n\nSelectField.displayName = \"SelectField\";\n","import { useEffect, useMemo, useRef } from \"react\";\nimport { MatchSorterOptions } from \"match-sorter\";\nimport { SelectField } from \"./SelectField\";\nimport {\n  SelectFieldHandle,\n  SelectFieldProps,\n  SelectFieldOption,\n  SelectFieldGroupByValue,\n} from \"./types\";\nimport {\n  SyncFilterFn,\n  defaultSyncFilter,\n  toSyncFilterFn,\n  sortByGroup,\n} from \"../../../internal/functions/syncFilterUtils\";\n\nexport type SelectFieldSyncProps = Omit<\n  SelectFieldProps,\n  \"loadOptions\" | \"lazy\" | \"debounceMs\" | \"cache\" | \"initialLoad\"\n> & {\n  /**\n   * The options to display in the select field.\n   */\n  options: SelectFieldOption[];\n  /**\n   * Controls how options are filtered and sorted when the user types a search value.\n   * Can be a function that returns options in the desired display order,\n   * or a MatchSorterOptions object to customize the default match-sorter behavior.\n   *\n   * Before any search is performed, options appear in the order they are supplied.\n   * By default, options are filtered by `label` and `searchText` using match-sorter,\n   * which also ranks results by match quality (best matches first).\n   *\n   * @example\n   * <SelectFieldSync\n   *   options={options}\n   *   filter={(options, searchValue) => {\n   *     return options.filter((option) => {\n   *       return option.label?.toLowerCase().includes(searchValue.toLowerCase());\n   *     });\n   *   }}\n   * />\n   *\n   * @example\n   * <SelectFieldSync\n   *   options={options}\n   *   filter={{ keys: [\"label\"] }}\n   * />\n   */\n  filter?: SyncFilterFn | MatchSorterOptions<SelectFieldOption>;\n  /**\n   * Function to compare two group values for sorting.\n   * When provided, options are sorted by group using this comparator,\n   * then by match-sort order within each group.\n   * @param a - First group value to compare\n   * @param b - Second group value to compare\n   * @returns Negative if a < b, positive if a > b, zero if equal\n   */\n  groupSorter?: (\n    a: SelectFieldGroupByValue,\n    b: SelectFieldGroupByValue,\n  ) => number;\n};\n\n/**\n * SelectFieldSync is a simplified version of SelectField that is used to display a list of options in a select field.\n *\n * Features:\n * - Accepts `options` instead of `loadOptions` and `lazy`.\n * - Performs client-side filtering of the options.\n * - Optionally accepts a function to filter the options, or a MatchSorterOptions object to customize the default filtering.\n * - Supports grouping with optional group sorting via `groupSorter`.\n * - Supports all the other props of SelectField.\n */\nexport const SelectFieldSync = (props: SelectFieldSyncProps) => {\n  const {\n    options,\n    filter: filterProp = defaultSyncFilter,\n    groupSorter,\n    ...rest\n  } = props;\n\n  const filter = useMemo(() => toSyncFilterFn(filterProp), [filterProp]);\n\n  const loadOptions = (searchValue: string) => {\n    const filtered = filter(options, searchValue);\n    return groupSorter ? sortByGroup(filtered, groupSorter) : filtered;\n  };\n\n  const fieldRef = useRef<SelectFieldHandle>(null);\n  const prevOptionsRef = useRef(options);\n\n  useEffect(() => {\n    if (prevOptionsRef.current !== options) {\n      prevOptionsRef.current = options;\n      fieldRef.current?.invalidate();\n    }\n  }, [options]);\n\n  return (\n    <SelectField\n      ref={fieldRef}\n      lazy={false}\n      loadOptions={loadOptions}\n      debounceMs={0}\n      {...rest}\n    />\n  );\n};\n"],"names":["Close","Chevron_Right","stateReducer","inputValue"],"mappings":"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"}

package/dist/SelectMenu.js

@@ -1,2 +1,2 @@
-export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-CJA_coqD.js';
+export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-CuZp9mnt.js';
 //# sourceMappingURL=SelectMenu.js.map

package/dist/{SelectMenuSync-CJA_coqD.js → SelectMenuSync-CuZp9mnt.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useId, useState, useMemo, useCallback, useEffect } from 'react';
-import { S as SelectOptions } from './SelectOptions-Bf4xsFek.js';
-import { a as useSelectOrchestration, b as useProcessedOptions, c as buildSelectItems, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, g as defaultSyncFilter, t as toSyncFilterFn, s as sortByGroup } from './syncFilterUtils-vt8ldsES.js';
-import { u as useMenuInteraction } from './useMenuInteraction-zR_78KQC.js';
+import { S as SelectOptions } from './SelectOptions-CmElsiTd.js';
+import { a as useSelectOrchestration, b as useProcessedOptions, c as buildSelectItems, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, g as defaultSyncFilter, t as toSyncFilterFn, s as sortByGroup } from './syncFilterUtils-CsbCnI1-.js';
+import { u as useMenuInteraction } from './useMenuInteraction-BwZ2ORo9.js';
 import { S as SearchField } from './SearchField-im7AHGYo.js';
 
 const SelectMenu = forwardRef(
@@ -26,7 +26,10 @@ const SelectMenu = forwardRef(
       disableSearch,
       popoverWidth,
       trigger,
-      onSearchChange
+      onSearchChange,
+      onMenuKeyDown,
+      onImplicitClose,
+      onExplicitClose
     } = props;
     const groupToString = "groupToString" in props ? props.groupToString : void 0;
     const groupSorter = "groupSorter" in props ? props.groupSorter : void 0;
@@ -103,7 +106,9 @@ const SelectMenu = forwardRef(
       closeOnActivate: true,
       id,
       triggerRef,
-      label
+      label,
+      onImplicitClose,
+      onExplicitClose
     });
     const debouncedOptionLoader = useDebouncedCallback((value) => {
       loadOptions(value, { initial: true });
@@ -119,9 +124,24 @@ const SelectMenu = forwardRef(
     );
     const handleInputKeyDown = useCallback(
       (e) => {
+        onMenuKeyDown?.(e);
         handleKeyDown(e);
       },
-      [handleKeyDown]
+      [handleKeyDown, onMenuKeyDown]
+    );
+    const getMenuPropsWithKeyDown = useCallback(
+      (opts) => {
+        const menuProps = getMenuProps(opts);
+        if (!onMenuKeyDown) return menuProps;
+        return {
+          ...menuProps,
+          onKeyDown: (e) => {
+            onMenuKeyDown(e);
+            menuProps.onKeyDown(e);
+          }
+        };
+      },
+      [getMenuProps, onMenuKeyDown]
     );
     useEffect(() => {
       const performInitialLoad = async () => {
@@ -227,7 +247,7 @@ const SelectMenu = forwardRef(
                 items,
                 sectionsMeta,
                 getMenuProps: (opts) => {
-                  const menuProps = getMenuProps(opts);
+                  const menuProps = getMenuPropsWithKeyDown(opts);
                   if (disableSearch) {
                     return menuProps;
                   }
@@ -267,7 +287,7 @@ const SelectMenu = forwardRef(
                 items,
                 sectionsMeta,
                 getMenuProps: (opts) => {
-                  const menuProps = getMenuProps(opts);
+                  const menuProps = getMenuPropsWithKeyDown(opts);
                   if (disableSearch) {
                     return menuProps;
                   }
@@ -324,4 +344,4 @@ const SelectMenuSync = (props) => {
 };
 
 export { SelectMenu as S, SelectMenuSync as a };
-//# sourceMappingURL=SelectMenuSync-CJA_coqD.js.map
+//# sourceMappingURL=SelectMenuSync-CuZp9mnt.js.map

package/dist/SelectMenuSync-CuZp9mnt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenuSync-CuZp9mnt.js","sources":["../src/beta/components/SelectMenu/SelectMenu.tsx","../src/beta/components/SelectMenu/SelectMenuSync.tsx"],"sourcesContent":["import { SelectMenuHandle, SelectMenuProps } from \"./types\";\nimport {\n  ChangeEvent,\n  KeyboardEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { SelectOptions } from \"../../../internal/components/SelectOptions\";\nimport { useDebouncedCallback } from \"../../../internal/hooks/useDebouncedCallback\";\nimport { OptionsPopover } from \"../../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsDialog } from \"../../../internal/components/OptionsDialog/OptionsDialog\";\nimport { useProcessedOptions } from \"../../../internal/hooks/useProcessedOptions\";\nimport { buildSelectItems } from \"../../../internal/functions/buildSelectItems\";\nimport { useMenuInteraction } from \"./internal/useMenuInteraction\";\nimport { SelectItem } from \"../../../internal/types/selectFieldInternalTypes\";\nimport { useSelectOrchestration } from \"../../../internal/hooks/useSelectOrchestration\";\nimport { SearchField } from \"../../../components\";\n\n/**\n * SelectMenu component for selecting a single option from a dropdown triggered by any element.\n *\n * Features:\n * - Attaches to any trigger element via a render prop\n * - Optional search input rendered inside the popover/dialog\n * - Lazy loading with pagination (page, offset, or group modes)\n * - Pinned options support\n * - Grouped options support\n * - Supports both popover and dialog display modes\n * - Adaptive display based on device (mobile uses dialog)\n * - Cache support for loadOptions results\n * - Full accessibility support with ARIA attributes\n * - Controlled selection state\n * - Configurable popover width\n *\n * @example\n * <SelectMenu\n *   trigger={(props) => <Button {...props}>Select a book</Button>}\n *   label=\"Books\"\n *   value={selectedOption}\n *   onSelectedOptionChange={setSelectedOption}\n *   loadOptions={loadOptions}\n * />\n */\nexport const SelectMenu = forwardRef<SelectMenuHandle, SelectMenuProps>(\n  (props, ref) => {\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    const searchRef = useRef<HTMLInputElement>(null);\n\n    const {\n      id: idProp,\n      value: selectedOption,\n      initialLoad: initialLoadProp,\n      displayMenuAs: displayMenuAsProp,\n      lazy,\n      loadOptions: loadOptionsProp,\n      label,\n      searchPlaceholder,\n      debounceMs = 200,\n      onSelectedOptionChange,\n      cache,\n      pinned,\n      virtualize,\n      disableSearch,\n      popoverWidth,\n      trigger,\n      onSearchChange,\n      onMenuKeyDown,\n      onImplicitClose,\n      onExplicitClose,\n    } = props;\n\n    const groupToString =\n      \"groupToString\" in props ? props.groupToString : undefined;\n    const groupSorter = \"groupSorter\" in props ? props.groupSorter : undefined;\n\n    const autoId = useId();\n    const id = idProp ?? autoId;\n\n    const {\n      displayAs,\n      initialLoad,\n      initialLoadPerformed,\n      setInitialLoadPerformed,\n      options,\n      loading,\n      loadingMore,\n      hasMore,\n      loadOptions,\n      loadMore,\n    } = useSelectOrchestration({\n      lazy,\n      loadOptions: loadOptionsProp,\n      cache,\n      lazyOptions: \"lazyOptions\" in props ? props.lazyOptions : undefined,\n      initialLoad: initialLoadProp,\n      displayMenuAs: displayMenuAsProp,\n      ref,\n    });\n\n    const [inputValue, setInputValue] = useState(\"\");\n\n    const searchValue = disableSearch ? \"\" : inputValue;\n\n    const { pinnedSections, ungroupedItems, groupSections } =\n      useProcessedOptions({\n        options,\n        pinned,\n        searchValue,\n        groupToString,\n        groupSorter,\n      });\n\n    const { items, sectionsMeta } = useMemo(\n      () =>\n        buildSelectItems({\n          pinnedSections,\n          groupSections,\n          ungroupedItems,\n        }),\n      [pinnedSections, groupSections, ungroupedItems],\n    );\n\n    const selectedItemIds = useMemo(\n      () => new Set(selectedOption ? [selectedOption.id] : []),\n      [selectedOption],\n    );\n\n    const handleItemActivate = useCallback(\n      (item: SelectItem) => {\n        if (\n          item.type === \"option\" ||\n          item.type === \"pinned-option\" ||\n          item.type === \"grouped-option\"\n        ) {\n          onSelectedOptionChange(item.original);\n        } else {\n          onSelectedOptionChange(null);\n        }\n      },\n      [onSelectedOptionChange],\n    );\n\n    const {\n      isOpen,\n      closeMenu,\n      highlightedIndex,\n      setHighlightedIndex,\n      getTriggerProps,\n      getMenuProps,\n      getItemProps,\n      listRef,\n      menuContainerRef,\n      handleKeyDown,\n    } = useMenuInteraction({\n      items: items,\n      sectionsMeta,\n      onItemActivate: handleItemActivate,\n      selectedItemIds,\n      displayAs,\n      closeOnActivate: true,\n      id,\n      triggerRef,\n      label,\n      onImplicitClose,\n      onExplicitClose,\n    });\n\n    const debouncedOptionLoader = useDebouncedCallback((value: string) => {\n      loadOptions(value, { initial: true });\n    }, debounceMs);\n\n    const handleInputChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value;\n        setInputValue(value);\n        debouncedOptionLoader(value);\n        onSearchChange?.(value);\n      },\n      [debouncedOptionLoader, onSearchChange],\n    );\n\n    const handleInputKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        onMenuKeyDown?.(e);\n        handleKeyDown(e);\n      },\n      [handleKeyDown, onMenuKeyDown],\n    );\n\n    const getMenuPropsWithKeyDown: typeof getMenuProps = useCallback(\n      (opts) => {\n        const menuProps = getMenuProps(opts);\n        if (!onMenuKeyDown) return menuProps;\n        return {\n          ...menuProps,\n          onKeyDown: (e: KeyboardEvent) => {\n            onMenuKeyDown(e);\n            menuProps.onKeyDown(e);\n          },\n        };\n      },\n      [getMenuProps, onMenuKeyDown],\n    );\n\n    useEffect(() => {\n      const performInitialLoad = async () => {\n        if (initialLoad === \"immediate\" && !initialLoadPerformed) {\n          await loadOptions(\"\", { initial: true });\n          setInitialLoadPerformed(true);\n        }\n      };\n      performInitialLoad();\n    }, [\n      loadOptions,\n      initialLoadPerformed,\n      initialLoad,\n      setInitialLoadPerformed,\n    ]);\n\n    const prevIsOpenRef = useRef(false);\n    useEffect(() => {\n      const wasOpen = prevIsOpenRef.current;\n      prevIsOpenRef.current = isOpen;\n\n      if (isOpen && !wasOpen) {\n        if (initialLoad === \"open\" && !initialLoadPerformed) {\n          loadOptions(\"\", { initial: true }).then(() => {\n            setInitialLoadPerformed(true);\n          });\n        }\n        const selectedIdx = items.findIndex(\n          (item) => item.original.id === selectedOption?.id,\n        );\n        if (selectedIdx >= 0) {\n          setHighlightedIndex(selectedIdx);\n        }\n      }\n\n      if (!isOpen && wasOpen) {\n        setInputValue(\"\");\n        loadOptions(\"\", { initial: true });\n      }\n    }, [\n      isOpen,\n      initialLoad,\n      initialLoadPerformed,\n      loadOptions,\n      setInitialLoadPerformed,\n      items,\n      selectedOption?.id,\n      setHighlightedIndex,\n    ]);\n\n    useEffect(() => {\n      if (!isOpen || displayAs !== \"popover\") return;\n\n      const frameId = requestAnimationFrame(() => {\n        if (!disableSearch) {\n          searchRef.current?.focus();\n        } else {\n          menuContainerRef.current?.focus();\n        }\n      });\n\n      return () => cancelAnimationFrame(frameId);\n    }, [isOpen, displayAs, disableSearch, menuContainerRef]);\n\n    const handleLoadMore = async () => {\n      await loadMore(searchValue);\n    };\n\n    const handleClickOutside = useCallback(() => {\n      closeMenu({ restoreFocus: false });\n    }, [closeMenu]);\n\n    const triggerProps = getTriggerProps();\n\n    const menuPropsForAria = getMenuProps();\n    const activeDescendant = menuPropsForAria[\"aria-activedescendant\"];\n\n    const handleSearchClear = useCallback(() => {\n      setInputValue(\"\");\n      debouncedOptionLoader(\"\");\n      onSearchChange?.(\"\");\n    }, [debouncedOptionLoader, onSearchChange]);\n\n    const searchInput = !disableSearch ? (\n      <SearchField\n        ref={searchRef}\n        value={inputValue}\n        onChange={\n          handleInputChange as React.ChangeEventHandler<HTMLInputElement>\n        }\n        onKeyDown={\n          handleInputKeyDown as React.KeyboardEventHandler<HTMLInputElement>\n        }\n        onClear={handleSearchClear}\n        aria-activedescendant={activeDescendant}\n        aria-controls={menuPropsForAria.id}\n        placeholder={searchPlaceholder}\n        type=\"search\"\n      />\n    ) : null;\n\n    if (displayAs === \"dialog\") {\n      return (\n        <>\n          {trigger(triggerProps)}\n          <OptionsDialog\n            id={`${id}-dialog`}\n            isOpen={isOpen}\n            onClose={closeMenu}\n            title={label}\n            field={searchInput ?? undefined}\n            initialFocusResolver={\n              !disableSearch\n                ? (elements) =>\n                    elements.find((el) => el.tagName === \"INPUT\") || elements[0]\n                : undefined\n            }\n          >\n            <SelectOptions\n              ref={listRef}\n              isOpen\n              items={items}\n              sectionsMeta={sectionsMeta}\n              getMenuProps={(opts) => {\n                const menuProps = getMenuPropsWithKeyDown(opts);\n                if (disableSearch) {\n                  return menuProps;\n                }\n                return { ...menuProps, tabIndex: -1 };\n              }}\n              getItemProps={getItemProps}\n              highlightedIndex={highlightedIndex}\n              selectedOption={selectedOption}\n              hasMore={hasMore}\n              onLoadMore={handleLoadMore}\n              loading={loading}\n              loadingMore={loadingMore}\n              virtualize={virtualize}\n            />\n          </OptionsDialog>\n        </>\n      );\n    }\n\n    return (\n      <>\n        {trigger(triggerProps)}\n        <OptionsPopover\n          id={`${id}-popover`}\n          referenceElement={triggerRef}\n          open={isOpen && displayAs === \"popover\"}\n          onClickOutside={handleClickOutside}\n          width={popoverWidth ?? 320}\n        >\n          {searchInput}\n          <SelectOptions\n            ref={listRef}\n            isOpen={isOpen}\n            items={items}\n            sectionsMeta={sectionsMeta}\n            getMenuProps={(opts) => {\n              const menuProps = getMenuPropsWithKeyDown(opts);\n              if (disableSearch) {\n                return menuProps;\n              }\n              return { ...menuProps, tabIndex: -1 };\n            }}\n            getItemProps={getItemProps}\n            highlightedIndex={highlightedIndex}\n            selectedOption={selectedOption}\n            hasMore={hasMore}\n            onLoadMore={handleLoadMore}\n            loading={loading}\n            loadingMore={loadingMore}\n            virtualize={virtualize}\n          />\n        </OptionsPopover>\n      </>\n    );\n  },\n);\n\nSelectMenu.displayName = \"SelectMenu\";\n","import { useEffect, useMemo, useRef } from \"react\";\nimport { MatchSorterOptions } from \"match-sorter\";\nimport { SelectMenu } from \"./SelectMenu\";\nimport {\n  SelectMenuHandle,\n  SelectMenuProps,\n  SelectMenuOption,\n  SelectMenuGroupByValue,\n} from \"./types\";\nimport {\n  SyncFilterFn,\n  defaultSyncFilter,\n  toSyncFilterFn,\n  sortByGroup,\n} from \"../../../internal/functions/syncFilterUtils\";\n\nexport type SelectMenuSyncProps = Omit<\n  SelectMenuProps,\n  \"loadOptions\" | \"lazy\" | \"debounceMs\" | \"cache\" | \"initialLoad\"\n> & {\n  /**\n   * The options to display in the select menu.\n   */\n  options: SelectMenuOption[];\n  /**\n   * Controls how options are filtered and sorted when the user types a search value.\n   * Can be a function that returns options in the desired display order,\n   * or a MatchSorterOptions object to customize the default match-sorter behavior.\n   *\n   * By default, options are filtered by `label` and `searchText` using match-sorter.\n   */\n  filter?: SyncFilterFn | MatchSorterOptions<SelectMenuOption>;\n  /**\n   * Custom comparator function to sort groups.\n   */\n  groupSorter?: (\n    a: SelectMenuGroupByValue,\n    b: SelectMenuGroupByValue,\n  ) => number;\n};\n\n/**\n * SelectMenuSync is a simplified version of SelectMenu for client-side option sets.\n *\n * Features:\n * - Accepts `options` instead of `loadOptions` and `lazy`\n * - Performs client-side filtering of the options\n * - Optionally accepts a custom filter function or MatchSorterOptions\n * - Supports grouping with optional group sorting via `groupSorter`\n * - Supports all other props of SelectMenu\n *\n * @example\n * <SelectMenuSync\n *   trigger={(props) => <Button {...props}>Pick a book</Button>}\n *   label=\"Books\"\n *   options={bookOptions}\n *   value={selectedOption}\n *   onSelectedOptionChange={setSelectedOption}\n * />\n */\nexport const SelectMenuSync = (props: SelectMenuSyncProps) => {\n  const {\n    options,\n    filter: filterProp = defaultSyncFilter,\n    groupSorter,\n    ...rest\n  } = props;\n\n  const filter = useMemo(() => toSyncFilterFn(filterProp), [filterProp]);\n\n  const loadOptions = (searchValue: string) => {\n    const filtered = filter(options, searchValue);\n    return groupSorter ? sortByGroup(filtered, groupSorter) : filtered;\n  };\n\n  const fieldRef = useRef<SelectMenuHandle>(null);\n  const prevOptionsRef = useRef(options);\n\n  useEffect(() => {\n    if (prevOptionsRef.current !== options) {\n      prevOptionsRef.current = options;\n      fieldRef.current?.invalidate();\n    }\n  }, [options]);\n\n  return (\n    <SelectMenu\n      ref={fieldRef}\n      lazy={false}\n      loadOptions={loadOptions}\n      debounceMs={0}\n      {...rest}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/{SelectOptions-Bf4xsFek.js → SelectOptions-CmElsiTd.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useCallback } from 'react';
-import { V as VirtualizedOptionsPanel, O as OptionsPanel } from './syncFilterUtils-vt8ldsES.js';
+import { V as VirtualizedOptionsPanel, O as OptionsPanel } from './syncFilterUtils-CsbCnI1-.js';
 
 const SelectOptions = forwardRef(
   ({ selectedOption, virtualize, ...rest }, ref) => {
@@ -23,4 +23,4 @@ const SelectOptions = forwardRef(
 SelectOptions.displayName = "SelectOptions";
 
 export { SelectOptions as S };
-//# sourceMappingURL=SelectOptions-Bf4xsFek.js.map
+//# sourceMappingURL=SelectOptions-CmElsiTd.js.map

package/dist/{SelectOptions-Bf4xsFek.js.map → SelectOptions-CmElsiTd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectOptions-Bf4xsFek.js","sources":["../src/internal/components/SelectOptions.tsx"],"sourcesContent":["import { SelectFieldOption } from \"../../beta/components/SelectField/types\";\nimport { CSSProperties, forwardRef, useCallback } from \"react\";\nimport { CheckState } from \"../../types\";\nimport { OptionsPanel, OptionsPanelHandle } from \"./OptionsPanel\";\nimport { VirtualizedOptionsPanel } from \"./VirtualizedOptionsPanel\";\nimport {\n  GetItemPropsFn,\n  GetMenuPropsFn,\n  SectionMeta,\n  SelectItem,\n} from \"../types/selectFieldInternalTypes\";\n\nexport type SelectOptionsProps = {\n  isOpen: boolean;\n  items: SelectItem[];\n  getMenuProps: GetMenuPropsFn;\n  getItemProps: GetItemPropsFn;\n  highlightedIndex: number;\n  selectedOption: SelectFieldOption | null;\n  hasMore: boolean;\n  onLoadMore: () => void;\n  loading: boolean;\n  loadingMore: boolean;\n  disableAutoLoadMore?: boolean;\n  disabled?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  sectionsMeta?: SectionMeta[];\n  virtualize?: boolean;\n};\n\nexport const SelectOptions = forwardRef<OptionsPanelHandle, SelectOptionsProps>(\n  ({ selectedOption, virtualize, ...rest }, ref) => {\n    const getCheckedState = useCallback(\n      (item: SelectItem): CheckState =>\n        selectedOption?.id === item.original.id ? \"checked\" : \"unchecked\",\n      [selectedOption],\n    );\n\n    const ListComponent = virtualize ? VirtualizedOptionsPanel : OptionsPanel;\n\n    return (\n      <ListComponent\n        {...rest}\n        ref={ref}\n        selectionType=\"single\"\n        getCheckedState={getCheckedState}\n      />\n    );\n  },\n);\n\nSelectOptions.displayName = \"SelectOptions\";\n"],"names":[],"mappings":";;;;AA+BO,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,CAAC,EAAE,cAAA,EAAgB,YAAY,GAAG,IAAA,IAAQ,GAAA,KAAQ;AAChD,IAAA,MAAM,eAAA,GAAkB,WAAA;AAAA,MACtB,CAAC,IAAA,KACC,cAAA,EAAgB,OAAO,IAAA,CAAK,QAAA,CAAS,KAAK,SAAA,GAAY,WAAA;AAAA,MACxD,CAAC,cAAc;AAAA,KACjB;AAEA,IAAA,MAAM,aAAA,GAAgB,aAAa,uBAAA,GAA0B,YAAA;AAE7D,IAAA,uBACE,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QACA,aAAA,EAAc,QAAA;AAAA,QACd;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;;;;"}
+{"version":3,"file":"SelectOptions-CmElsiTd.js","sources":["../src/internal/components/SelectOptions.tsx"],"sourcesContent":["import { SelectFieldOption } from \"../../beta/components/SelectField/types\";\nimport { CSSProperties, forwardRef, useCallback } from \"react\";\nimport { CheckState } from \"../../types\";\nimport { OptionsPanel, OptionsPanelHandle } from \"./OptionsPanel\";\nimport { VirtualizedOptionsPanel } from \"./VirtualizedOptionsPanel\";\nimport {\n  GetItemPropsFn,\n  GetMenuPropsFn,\n  SectionMeta,\n  SelectItem,\n} from \"../types/selectFieldInternalTypes\";\n\nexport type SelectOptionsProps = {\n  isOpen: boolean;\n  items: SelectItem[];\n  getMenuProps: GetMenuPropsFn;\n  getItemProps: GetItemPropsFn;\n  highlightedIndex: number;\n  selectedOption: SelectFieldOption | null;\n  hasMore: boolean;\n  onLoadMore: () => void;\n  loading: boolean;\n  loadingMore: boolean;\n  disableAutoLoadMore?: boolean;\n  disabled?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  sectionsMeta?: SectionMeta[];\n  virtualize?: boolean;\n};\n\nexport const SelectOptions = forwardRef<OptionsPanelHandle, SelectOptionsProps>(\n  ({ selectedOption, virtualize, ...rest }, ref) => {\n    const getCheckedState = useCallback(\n      (item: SelectItem): CheckState =>\n        selectedOption?.id === item.original.id ? \"checked\" : \"unchecked\",\n      [selectedOption],\n    );\n\n    const ListComponent = virtualize ? VirtualizedOptionsPanel : OptionsPanel;\n\n    return (\n      <ListComponent\n        {...rest}\n        ref={ref}\n        selectionType=\"single\"\n        getCheckedState={getCheckedState}\n      />\n    );\n  },\n);\n\nSelectOptions.displayName = \"SelectOptions\";\n"],"names":[],"mappings":";;;;AA+BO,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,CAAC,EAAE,cAAA,EAAgB,YAAY,GAAG,IAAA,IAAQ,GAAA,KAAQ;AAChD,IAAA,MAAM,eAAA,GAAkB,WAAA;AAAA,MACtB,CAAC,IAAA,KACC,cAAA,EAAgB,OAAO,IAAA,CAAK,QAAA,CAAS,KAAK,SAAA,GAAY,WAAA;AAAA,MACxD,CAAC,cAAc;AAAA,KACjB;AAEA,IAAA,MAAM,aAAA,GAAgB,aAAa,uBAAA,GAA0B,YAAA;AAE7D,IAAA,uBACE,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QACA,aAAA,EAAc,QAAA;AAAA,QACd;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;;;;"}