@fragments-sdk/ui 0.13.0 → 0.14.0

package/dist/components/Combobox/Combobox.module.scss.js

@@ -1,18 +1,18 @@
-const multiContainer = "_multiContainer_iztep_1";
-const inputWrapper = "_inputWrapper_iztep_7";
-const input = "_input_iztep_7";
-const chips = "_chips_iztep_59";
-const chip = "_chip_iztep_59";
-const chipLabel = "_chipLabel_iztep_81";
-const chipRemove = "_chipRemove_iztep_87";
-const trigger = "_trigger_iztep_119";
-const positioner = "_positioner_iztep_162";
-const popup = "_popup_iztep_167";
-const item = "_item_iztep_195";
-const itemIndicator = "_itemIndicator_iztep_239";
-const empty = "_empty_iztep_252";
-const group = "_group_iztep_267";
-const groupLabel = "_groupLabel_iztep_273";
+const multiContainer = "_multiContainer_g9rct_1";
+const inputWrapper = "_inputWrapper_g9rct_7";
+const input = "_input_g9rct_7";
+const chips = "_chips_g9rct_59";
+const chip = "_chip_g9rct_59";
+const chipLabel = "_chipLabel_g9rct_81";
+const chipRemove = "_chipRemove_g9rct_87";
+const trigger = "_trigger_g9rct_119";
+const positioner = "_positioner_g9rct_162";
+const popup = "_popup_g9rct_167";
+const item = "_item_g9rct_195";
+const itemIndicator = "_itemIndicator_g9rct_239";
+const empty = "_empty_g9rct_252";
+const group = "_group_g9rct_267";
+const groupLabel = "_groupLabel_g9rct_273";
 const styles = {
   multiContainer,
   inputWrapper,

package/dist/components/Combobox/index.cjs

@@ -96,6 +96,9 @@ const ComboboxContext = React__namespace.createContext({
   itemsRef: { current: /* @__PURE__ */ new Map() },
   itemsVersion: 0,
   incrementItemsVersion: () => {
+  },
+  explicitTriggerCount: 0,
+  registerTrigger: () => () => {
   }
 });
 function getNodeText(node) {
@@ -111,6 +114,7 @@ function ComboboxRoot({
   value,
   defaultValue,
   onValueChange,
+  onChange,
   multiple = false,
   open,
   defaultOpen,
@@ -134,15 +138,11 @@ function ComboboxRoot({
   const incrementItemsVersion = React__namespace.useCallback(() => {
     setItemsVersion((v) => v + 1);
   }, []);
-  const handleValueChange = React__namespace.useCallback(
-    (newValue) => {
-      if (value === void 0) {
-        setInternalValue(newValue);
-      }
-      onValueChange == null ? void 0 : onValueChange(newValue);
-    },
-    [value, onValueChange]
-  );
+  const [explicitTriggerCount, setExplicitTriggerCount] = React__namespace.useState(0);
+  const registerTrigger = React__namespace.useCallback(() => {
+    setExplicitTriggerCount((count) => count + 1);
+    return () => setExplicitTriggerCount((count) => Math.max(0, count - 1));
+  }, []);
   const handleOpenChange = React__namespace.useCallback(
     (nextOpen) => {
       onOpenChange == null ? void 0 : onOpenChange(nextOpen);
@@ -162,31 +162,79 @@ function ComboboxRoot({
     return [currentValue];
   }, [currentValue]);
   const contextValue = React__namespace.useMemo(
-    () => ({ placeholder, multiple, selectedValues, itemsRef, itemsVersion, incrementItemsVersion }),
-    [placeholder, multiple, selectedValues, itemsVersion, incrementItemsVersion]
+    () => ({
+      placeholder,
+      multiple,
+      selectedValues,
+      itemsRef,
+      itemsVersion,
+      incrementItemsVersion,
+      explicitTriggerCount,
+      registerTrigger
+    }),
+    [placeholder, multiple, selectedValues, itemsVersion, incrementItemsVersion, explicitTriggerCount, registerTrigger]
   );
+  if (multiple) {
+    const controlledValue2 = value;
+    const uncontrolledValue2 = defaultValue;
+    const emitChange2 = onChange ?? onValueChange;
+    const handleValueChange2 = (newValue) => {
+      if (controlledValue2 === void 0) {
+        setInternalValue(newValue);
+      }
+      emitChange2 == null ? void 0 : emitChange2(newValue);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(ComboboxContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ComboboxRoot$1.ComboboxRoot,
+      {
+        value: controlledValue2,
+        defaultValue: uncontrolledValue2,
+        onValueChange: handleValueChange2,
+        open,
+        defaultOpen,
+        onOpenChange: (nextOpen) => handleOpenChange(nextOpen),
+        disabled,
+        required,
+        name,
+        multiple: true,
+        autoHighlight,
+        itemToStringLabel,
+        children
+      }
+    ) });
+  }
+  const controlledValue = value;
+  const uncontrolledValue = defaultValue;
+  const emitChange = onChange ?? onValueChange;
+  const handleValueChange = (newValue) => {
+    if (controlledValue === void 0) {
+      setInternalValue(newValue);
+    }
+    emitChange == null ? void 0 : emitChange(newValue);
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(ComboboxContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
     ComboboxRoot$1.ComboboxRoot,
     {
-      value,
-      defaultValue,
+      value: controlledValue,
+      defaultValue: uncontrolledValue ?? null,
       onValueChange: handleValueChange,
       open,
       defaultOpen,
-      onOpenChange: handleOpenChange,
+      onOpenChange: (nextOpen) => handleOpenChange(nextOpen),
       disabled,
       required,
       name,
-      multiple,
+      multiple: false,
       autoHighlight,
       itemToStringLabel,
       children
     }
   ) });
 }
-function ComboboxInput({ className, ...htmlProps }) {
+function ComboboxInput({ className, showTrigger = true, ...htmlProps }) {
   const context = React__namespace.useContext(ComboboxContext);
   const classes = [Combobox_module.default.input, className].filter(Boolean).join(" ");
+  const renderTrigger = showTrigger && context.explicitTriggerCount === 0;
   if (context.multiple) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Combobox_module.default.multiContainer, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Combobox_module.default.inputWrapper, children: [
@@ -198,7 +246,7 @@ function ComboboxInput({ className, ...htmlProps }) {
             className: classes
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(ComboboxTrigger$1.ComboboxTrigger, { className: Combobox_module.default.trigger, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) })
+        renderTrigger && /* @__PURE__ */ jsxRuntime.jsx(ComboboxTrigger$1.ComboboxTrigger, { className: Combobox_module.default.trigger, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) })
       ] }),
       context.selectedValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ComboboxChips.ComboboxChips, { className: Combobox_module.default.chips, children: context.selectedValues.map((chipValue) => /* @__PURE__ */ jsxRuntime.jsxs(ComboboxChip.ComboboxChip, { className: Combobox_module.default.chip, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: Combobox_module.default.chipLabel, children: context.itemsRef.current.get(chipValue) ?? chipValue }),
@@ -215,10 +263,12 @@ function ComboboxInput({ className, ...htmlProps }) {
         className: classes
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(ComboboxTrigger$1.ComboboxTrigger, { className: Combobox_module.default.trigger, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) })
+    renderTrigger && /* @__PURE__ */ jsxRuntime.jsx(ComboboxTrigger$1.ComboboxTrigger, { className: Combobox_module.default.trigger, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) })
   ] });
 }
 function ComboboxTrigger({ children, className, ...htmlProps }) {
+  const { registerTrigger } = React__namespace.useContext(ComboboxContext);
+  React__namespace.useEffect(() => registerTrigger(), [registerTrigger]);
   const classes = [Combobox_module.default.trigger, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx(ComboboxTrigger$1.ComboboxTrigger, { ...htmlProps, className: classes, children: children ?? /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) });
 }

package/dist/components/Combobox/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Combobox/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport styles from './Combobox.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ComboboxProps {\n  children: React.ReactNode;\n  /** Controlled selected value (string for single, string[] for multiple) */\n  value?: string | string[] | null;\n  /** Default selected value (uncontrolled) */\n  defaultValue?: string | string[];\n  /** Called when selection changes */\n  onValueChange?: (value: string | string[] | null) => void;\n  /** Whether multiple items can be selected */\n  multiple?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  placeholder?: string;\n  /** Auto-highlight first matching item while filtering */\n  autoHighlight?: boolean;\n}\n\nexport interface ComboboxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  className?: string;\n}\n\nexport interface ComboboxTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport interface ComboboxContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  sideOffset?: number;\n  align?: 'start' | 'center' | 'end';\n  /** Maximum number of visible options before scrolling. Shows half of the next item as a scroll hint. @default 4 */\n  maxVisibleItems?: number;\n}\n\nexport interface ComboboxItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  children: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n}\n\nexport interface ComboboxEmptyProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface ComboboxGroupProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface ComboboxGroupLabelProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction ChevronDownIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction XIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Context for Combobox state\n// ============================================\n\ninterface ComboboxContextValue {\n  placeholder?: string;\n  multiple?: boolean;\n  selectedValues: string[];\n  itemsRef: React.MutableRefObject<Map<string, string>>;\n  itemsVersion: number;\n  incrementItemsVersion: () => void;\n}\n\nconst ComboboxContext = React.createContext<ComboboxContextValue>({\n  selectedValues: [],\n  itemsRef: { current: new Map() },\n  itemsVersion: 0,\n  incrementItemsVersion: () => {},\n});\n\nfunction getNodeText(node: React.ReactNode): string {\n  if (node == null || typeof node === 'boolean') return '';\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join('');\n  if (React.isValidElement(node))\n    return getNodeText((node.props as { children?: React.ReactNode }).children);\n  return '';\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction ComboboxRoot({\n  children,\n  value,\n  defaultValue,\n  onValueChange,\n  multiple = false,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled,\n  required,\n  name,\n  placeholder,\n  autoHighlight = true,\n}: ComboboxProps) {\n  // Track selected values for chip rendering\n  const [internalValue, setInternalValue] = React.useState<string | string[] | null>(\n    value ?? defaultValue ?? (multiple ? [] : null)\n  );\n\n  // Sync with controlled value\n  React.useEffect(() => {\n    if (value !== undefined) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  // Registry for item value → label mapping\n  const itemsRef = React.useRef<Map<string, string>>(new Map());\n  const [itemsVersion, setItemsVersion] = React.useState(0);\n  const incrementItemsVersion = React.useCallback(() => {\n    setItemsVersion((v) => v + 1);\n  }, []);\n\n  const handleValueChange = React.useCallback(\n    (newValue: string | string[] | null) => {\n      if (value === undefined) {\n        setInternalValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [value, onValueChange]\n  );\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      onOpenChange?.(nextOpen);\n    },\n    [onOpenChange]\n  );\n\n  // Convert value → label for input display\n  const itemToStringLabel = React.useCallback(\n    (itemValue: string) => {\n      return itemsRef.current.get(itemValue) ?? itemValue;\n    },\n    []\n  );\n\n  // Derive selected values array for chip rendering\n  const currentValue = value !== undefined ? value : internalValue;\n  const selectedValues = React.useMemo(() => {\n    if (currentValue == null) return [];\n    if (Array.isArray(currentValue)) return currentValue;\n    return [currentValue];\n  }, [currentValue]);\n\n  const contextValue = React.useMemo(\n    () => ({ placeholder, multiple, selectedValues, itemsRef, itemsVersion, incrementItemsVersion }),\n    [placeholder, multiple, selectedValues, itemsVersion, incrementItemsVersion]\n  );\n\n  return (\n    <ComboboxContext.Provider value={contextValue}>\n      <BaseCombobox.Root\n        value={value as any}\n        defaultValue={defaultValue as any}\n        onValueChange={handleValueChange as any}\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={handleOpenChange as any}\n        disabled={disabled}\n        required={required}\n        name={name}\n        multiple={multiple as any}\n        autoHighlight={autoHighlight}\n        itemToStringLabel={itemToStringLabel}\n      >\n        {children}\n      </BaseCombobox.Root>\n    </ComboboxContext.Provider>\n  );\n}\n\nfunction ComboboxInput({ className, ...htmlProps }: ComboboxInputProps) {\n  const context = React.useContext(ComboboxContext);\n  const classes = [styles.input, className].filter(Boolean).join(' ');\n\n  if (context.multiple) {\n    return (\n      <div className={styles.multiContainer}>\n        <div className={styles.inputWrapper}>\n          <BaseCombobox.Input\n            placeholder={context.selectedValues.length === 0 ? context.placeholder : undefined}\n            {...htmlProps}\n            className={classes}\n          />\n          <BaseCombobox.Trigger className={styles.trigger}>\n            <ChevronDownIcon />\n          </BaseCombobox.Trigger>\n        </div>\n        {context.selectedValues.length > 0 && (\n          <BaseCombobox.Chips className={styles.chips}>\n            {context.selectedValues.map((chipValue) => (\n              <BaseCombobox.Chip key={chipValue} className={styles.chip}>\n                <span className={styles.chipLabel}>\n                  {context.itemsRef.current.get(chipValue) ?? chipValue}\n                </span>\n                <BaseCombobox.ChipRemove className={styles.chipRemove}>\n                  <XIcon />\n                </BaseCombobox.ChipRemove>\n              </BaseCombobox.Chip>\n            ))}\n          </BaseCombobox.Chips>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.inputWrapper}>\n      <BaseCombobox.Input\n        placeholder={context.placeholder}\n        {...htmlProps}\n        className={classes}\n      />\n      <BaseCombobox.Trigger className={styles.trigger}>\n        <ChevronDownIcon />\n      </BaseCombobox.Trigger>\n    </div>\n  );\n}\n\nfunction ComboboxTrigger({ children, className, ...htmlProps }: ComboboxTriggerProps) {\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseCombobox.Trigger {...htmlProps} className={classes}>\n      {children ?? <ChevronDownIcon />}\n    </BaseCombobox.Trigger>\n  );\n}\n\nfunction ComboboxContent({\n  children,\n  className,\n  sideOffset = 4,\n  align = 'start',\n  maxVisibleItems,\n  ...htmlProps\n}: ComboboxContentProps) {\n  const popupClasses = [styles.popup, className].filter(Boolean).join(' ');\n\n  const popupStyle = maxVisibleItems != null\n    ? { '--fui-select-max-items': maxVisibleItems + 0.5, ...htmlProps.style } as React.CSSProperties\n    : htmlProps.style;\n\n  return (\n    <BaseCombobox.Portal>\n      <BaseCombobox.Positioner\n        side=\"bottom\"\n        sideOffset={sideOffset}\n        align={align}\n        className={styles.positioner}\n      >\n        <BaseCombobox.Popup {...htmlProps} className={popupClasses} style={popupStyle}>\n          {children}\n        </BaseCombobox.Popup>\n      </BaseCombobox.Positioner>\n    </BaseCombobox.Portal>\n  );\n}\n\nfunction ComboboxItem({ children, value, disabled, className, ...htmlProps }: ComboboxItemProps) {\n  const { itemsRef, incrementItemsVersion } = React.useContext(ComboboxContext);\n  const classes = [styles.item, className].filter(Boolean).join(' ');\n\n  // Register this item's label in the registry so the input can display it\n  const label = React.useMemo(() => getNodeText(children).trim() || value, [children, value]);\n  React.useEffect(() => {\n    const items = itemsRef.current;\n    items.set(value, label);\n    incrementItemsVersion();\n    return () => {\n      items.delete(value);\n      incrementItemsVersion();\n    };\n    // itemsRef is a stable ref, incrementItemsVersion is a stable callback\n  }, [itemsRef, incrementItemsVersion, value, label]);\n\n  return (\n    <BaseCombobox.Item {...htmlProps} value={value} disabled={disabled} className={classes}>\n      {children}\n      <BaseCombobox.ItemIndicator className={styles.itemIndicator}>\n        <CheckIcon />\n      </BaseCombobox.ItemIndicator>\n    </BaseCombobox.Item>\n  );\n}\n\nfunction ComboboxEmpty({ children, className, ...htmlProps }: ComboboxEmptyProps) {\n  const classes = [styles.empty, className].filter(Boolean).join(' ');\n  return <BaseCombobox.Empty {...htmlProps} className={classes}>{children}</BaseCombobox.Empty>;\n}\n\nfunction ComboboxGroup({ children, className, ...htmlProps }: ComboboxGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  return <BaseCombobox.Group {...htmlProps} className={classes}>{children}</BaseCombobox.Group>;\n}\n\nfunction ComboboxGroupLabel({ children, className, ...htmlProps }: ComboboxGroupLabelProps) {\n  const classes = [styles.groupLabel, className].filter(Boolean).join(' ');\n  return <BaseCombobox.GroupLabel {...htmlProps} className={classes}>{children}</BaseCombobox.GroupLabel>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Combobox = Object.assign(ComboboxRoot, {\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Content: ComboboxContent,\n  Item: ComboboxItem,\n  ItemIndicator: BaseCombobox.ItemIndicator,\n  Empty: ComboboxEmpty,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n});\n\n// Re-export individual components\nexport {\n  ComboboxRoot,\n  ComboboxInput,\n  ComboboxTrigger,\n  ComboboxContent,\n  ComboboxItem,\n  ComboboxEmpty,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n};\n"],"names":["jsx","jsxs","React","BaseCombobox.Root","styles","BaseCombobox.Input","BaseCombobox.Trigger","BaseCombobox.Chips","BaseCombobox.Chip","BaseCombobox.ChipRemove","BaseCombobox.Portal","BaseCombobox.Positioner","BaseCombobox.Popup","BaseCombobox.Item","BaseCombobox.ItemIndicator","BaseCombobox.Empty","BaseCombobox.Group","BaseCombobox.GroupLabel"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Combobox/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport styles from './Combobox.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\ninterface ComboboxCommonProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  placeholder?: string;\n  /** Auto-highlight first matching item while filtering */\n  autoHighlight?: boolean;\n}\n\nexport interface ComboboxSingleProps extends ComboboxCommonProps {\n  /** Whether multiple items can be selected */\n  multiple?: false;\n  /** Controlled selected value */\n  value?: string | null;\n  /** Default selected value (uncontrolled) */\n  defaultValue?: string;\n  /** Called when selection changes */\n  onValueChange?: (value: string | null) => void;\n  /** Alias for onValueChange */\n  onChange?: (value: string | null) => void;\n}\n\nexport interface ComboboxMultipleProps extends ComboboxCommonProps {\n  /** Whether multiple items can be selected */\n  multiple: true;\n  /** Controlled selected value */\n  value?: string[];\n  /** Default selected value (uncontrolled) */\n  defaultValue?: string[];\n  /** Called when selection changes */\n  onValueChange?: (value: string[]) => void;\n  /** Alias for onValueChange */\n  onChange?: (value: string[]) => void;\n}\n\nexport type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;\n\nexport interface ComboboxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  className?: string;\n  /** Render the built-in chevron trigger beside the input.\n   * Automatically disabled when an explicit <Combobox.Trigger /> is mounted.\n   * @default true */\n  showTrigger?: boolean;\n}\n\nexport interface ComboboxTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport interface ComboboxContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  sideOffset?: number;\n  align?: 'start' | 'center' | 'end';\n  /** Maximum number of visible options before scrolling. Shows half of the next item as a scroll hint. @default 4 */\n  maxVisibleItems?: number;\n}\n\nexport interface ComboboxItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  children: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n}\n\nexport interface ComboboxEmptyProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface ComboboxGroupProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface ComboboxGroupLabelProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction ChevronDownIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction XIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Context for Combobox state\n// ============================================\n\ninterface ComboboxContextValue {\n  placeholder?: string;\n  multiple?: boolean;\n  selectedValues: string[];\n  itemsRef: React.MutableRefObject<Map<string, string>>;\n  itemsVersion: number;\n  incrementItemsVersion: () => void;\n  explicitTriggerCount: number;\n  registerTrigger: () => () => void;\n}\n\nconst ComboboxContext = React.createContext<ComboboxContextValue>({\n  selectedValues: [],\n  itemsRef: { current: new Map() },\n  itemsVersion: 0,\n  incrementItemsVersion: () => {},\n  explicitTriggerCount: 0,\n  registerTrigger: () => () => {},\n});\n\nfunction getNodeText(node: React.ReactNode): string {\n  if (node == null || typeof node === 'boolean') return '';\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join('');\n  if (React.isValidElement(node))\n    return getNodeText((node.props as { children?: React.ReactNode }).children);\n  return '';\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction ComboboxRoot({\n  children,\n  value,\n  defaultValue,\n  onValueChange,\n  onChange,\n  multiple = false,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled,\n  required,\n  name,\n  placeholder,\n  autoHighlight = true,\n}: ComboboxProps) {\n  // Track selected values for chip rendering\n  const [internalValue, setInternalValue] = React.useState<string | string[] | null>(\n    value ?? defaultValue ?? (multiple ? [] : null)\n  );\n\n  // Sync with controlled value\n  React.useEffect(() => {\n    if (value !== undefined) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  // Registry for item value → label mapping\n  const itemsRef = React.useRef<Map<string, string>>(new Map());\n  const [itemsVersion, setItemsVersion] = React.useState(0);\n  const incrementItemsVersion = React.useCallback(() => {\n    setItemsVersion((v) => v + 1);\n  }, []);\n  const [explicitTriggerCount, setExplicitTriggerCount] = React.useState(0);\n  const registerTrigger = React.useCallback(() => {\n    setExplicitTriggerCount((count) => count + 1);\n    return () => setExplicitTriggerCount((count) => Math.max(0, count - 1));\n  }, []);\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      onOpenChange?.(nextOpen);\n    },\n    [onOpenChange]\n  );\n\n  // Convert value → label for input display\n  const itemToStringLabel = React.useCallback(\n    (itemValue: string) => {\n      return itemsRef.current.get(itemValue) ?? itemValue;\n    },\n    []\n  );\n\n  // Derive selected values array for chip rendering\n  const currentValue = value !== undefined ? value : internalValue;\n  const selectedValues = React.useMemo(() => {\n    if (currentValue == null) return [];\n    if (Array.isArray(currentValue)) return currentValue;\n    return [currentValue];\n  }, [currentValue]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      placeholder,\n      multiple,\n      selectedValues,\n      itemsRef,\n      itemsVersion,\n      incrementItemsVersion,\n      explicitTriggerCount,\n      registerTrigger,\n    }),\n    [placeholder, multiple, selectedValues, itemsVersion, incrementItemsVersion, explicitTriggerCount, registerTrigger]\n  );\n\n  if (multiple) {\n    const controlledValue = value as string[] | undefined;\n    const uncontrolledValue = defaultValue as string[] | undefined;\n    const emitChange = (onChange ?? onValueChange) as ((value: string[]) => void) | undefined;\n    const handleValueChange = (newValue: string[]) => {\n      if (controlledValue === undefined) {\n        setInternalValue(newValue);\n      }\n      emitChange?.(newValue);\n    };\n\n    return (\n      <ComboboxContext.Provider value={contextValue}>\n        <BaseCombobox.Root<string, true>\n          value={controlledValue}\n          defaultValue={uncontrolledValue}\n          onValueChange={handleValueChange}\n          open={open}\n          defaultOpen={defaultOpen}\n          onOpenChange={(nextOpen) => handleOpenChange(nextOpen)}\n          disabled={disabled}\n          required={required}\n          name={name}\n          multiple\n          autoHighlight={autoHighlight}\n          itemToStringLabel={itemToStringLabel}\n        >\n          {children}\n        </BaseCombobox.Root>\n      </ComboboxContext.Provider>\n    );\n  }\n\n  const controlledValue = value as string | null | undefined;\n  const uncontrolledValue = defaultValue as string | undefined;\n  const emitChange = (onChange ?? onValueChange) as ((value: string | null) => void) | undefined;\n  const handleValueChange = (newValue: string | null) => {\n    if (controlledValue === undefined) {\n      setInternalValue(newValue);\n    }\n    emitChange?.(newValue);\n  };\n\n  return (\n    <ComboboxContext.Provider value={contextValue}>\n      <BaseCombobox.Root<string, false>\n        value={controlledValue}\n        defaultValue={uncontrolledValue ?? null}\n        onValueChange={handleValueChange}\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={(nextOpen) => handleOpenChange(nextOpen)}\n        disabled={disabled}\n        required={required}\n        name={name}\n        multiple={false}\n        autoHighlight={autoHighlight}\n        itemToStringLabel={itemToStringLabel}\n      >\n        {children}\n      </BaseCombobox.Root>\n    </ComboboxContext.Provider>\n  );\n}\n\nfunction ComboboxInput({ className, showTrigger = true, ...htmlProps }: ComboboxInputProps) {\n  const context = React.useContext(ComboboxContext);\n  const classes = [styles.input, className].filter(Boolean).join(' ');\n  const renderTrigger = showTrigger && context.explicitTriggerCount === 0;\n\n  if (context.multiple) {\n    return (\n      <div className={styles.multiContainer}>\n        <div className={styles.inputWrapper}>\n          <BaseCombobox.Input\n            placeholder={context.selectedValues.length === 0 ? context.placeholder : undefined}\n            {...htmlProps}\n            className={classes}\n          />\n          {renderTrigger && (\n            <BaseCombobox.Trigger className={styles.trigger}>\n              <ChevronDownIcon />\n            </BaseCombobox.Trigger>\n          )}\n        </div>\n        {context.selectedValues.length > 0 && (\n          <BaseCombobox.Chips className={styles.chips}>\n            {context.selectedValues.map((chipValue) => (\n              <BaseCombobox.Chip key={chipValue} className={styles.chip}>\n                <span className={styles.chipLabel}>\n                  {context.itemsRef.current.get(chipValue) ?? chipValue}\n                </span>\n                <BaseCombobox.ChipRemove className={styles.chipRemove}>\n                  <XIcon />\n                </BaseCombobox.ChipRemove>\n              </BaseCombobox.Chip>\n            ))}\n          </BaseCombobox.Chips>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.inputWrapper}>\n      <BaseCombobox.Input\n        placeholder={context.placeholder}\n        {...htmlProps}\n        className={classes}\n      />\n      {renderTrigger && (\n        <BaseCombobox.Trigger className={styles.trigger}>\n          <ChevronDownIcon />\n        </BaseCombobox.Trigger>\n      )}\n    </div>\n  );\n}\n\nfunction ComboboxTrigger({ children, className, ...htmlProps }: ComboboxTriggerProps) {\n  const { registerTrigger } = React.useContext(ComboboxContext);\n  React.useEffect(() => registerTrigger(), [registerTrigger]);\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseCombobox.Trigger {...htmlProps} className={classes}>\n      {children ?? <ChevronDownIcon />}\n    </BaseCombobox.Trigger>\n  );\n}\n\nfunction ComboboxContent({\n  children,\n  className,\n  sideOffset = 4,\n  align = 'start',\n  maxVisibleItems,\n  ...htmlProps\n}: ComboboxContentProps) {\n  const popupClasses = [styles.popup, className].filter(Boolean).join(' ');\n\n  const popupStyle = maxVisibleItems != null\n    ? { '--fui-select-max-items': maxVisibleItems + 0.5, ...htmlProps.style } as React.CSSProperties\n    : htmlProps.style;\n\n  return (\n    <BaseCombobox.Portal>\n      <BaseCombobox.Positioner\n        side=\"bottom\"\n        sideOffset={sideOffset}\n        align={align}\n        className={styles.positioner}\n      >\n        <BaseCombobox.Popup {...htmlProps} className={popupClasses} style={popupStyle}>\n          {children}\n        </BaseCombobox.Popup>\n      </BaseCombobox.Positioner>\n    </BaseCombobox.Portal>\n  );\n}\n\nfunction ComboboxItem({ children, value, disabled, className, ...htmlProps }: ComboboxItemProps) {\n  const { itemsRef, incrementItemsVersion } = React.useContext(ComboboxContext);\n  const classes = [styles.item, className].filter(Boolean).join(' ');\n\n  // Register this item's label in the registry so the input can display it\n  const label = React.useMemo(() => getNodeText(children).trim() || value, [children, value]);\n  React.useEffect(() => {\n    const items = itemsRef.current;\n    items.set(value, label);\n    incrementItemsVersion();\n    return () => {\n      items.delete(value);\n      incrementItemsVersion();\n    };\n    // itemsRef is a stable ref, incrementItemsVersion is a stable callback\n  }, [itemsRef, incrementItemsVersion, value, label]);\n\n  return (\n    <BaseCombobox.Item {...htmlProps} value={value} disabled={disabled} className={classes}>\n      {children}\n      <BaseCombobox.ItemIndicator className={styles.itemIndicator}>\n        <CheckIcon />\n      </BaseCombobox.ItemIndicator>\n    </BaseCombobox.Item>\n  );\n}\n\nfunction ComboboxEmpty({ children, className, ...htmlProps }: ComboboxEmptyProps) {\n  const classes = [styles.empty, className].filter(Boolean).join(' ');\n  return <BaseCombobox.Empty {...htmlProps} className={classes}>{children}</BaseCombobox.Empty>;\n}\n\nfunction ComboboxGroup({ children, className, ...htmlProps }: ComboboxGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  return <BaseCombobox.Group {...htmlProps} className={classes}>{children}</BaseCombobox.Group>;\n}\n\nfunction ComboboxGroupLabel({ children, className, ...htmlProps }: ComboboxGroupLabelProps) {\n  const classes = [styles.groupLabel, className].filter(Boolean).join(' ');\n  return <BaseCombobox.GroupLabel {...htmlProps} className={classes}>{children}</BaseCombobox.GroupLabel>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Combobox = Object.assign(ComboboxRoot, {\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Content: ComboboxContent,\n  Item: ComboboxItem,\n  ItemIndicator: BaseCombobox.ItemIndicator,\n  Empty: ComboboxEmpty,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n});\n\n// Re-export individual components\nexport {\n  ComboboxRoot,\n  ComboboxInput,\n  ComboboxTrigger,\n  ComboboxContent,\n  ComboboxItem,\n  ComboboxEmpty,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n};\n"],"names":["jsx","jsxs","React","controlledValue","uncontrolledValue","emitChange","handleValueChange","BaseCombobox.Root","styles","BaseCombobox.Input","BaseCombobox.Trigger","BaseCombobox.Chips","BaseCombobox.Chip","BaseCombobox.ChipRemove","BaseCombobox.Portal","BaseCombobox.Positioner","BaseCombobox.Popup","BaseCombobox.Item","BaseCombobox.ItemIndicator","BaseCombobox.Empty","BaseCombobox.Group","BaseCombobox.GroupLabel"],"mappings":"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"}

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

@@ -1,14 +1,6 @@
 import * as React from 'react';
-export interface ComboboxProps {
+interface ComboboxCommonProps {
     children: React.ReactNode;
-    /** Controlled selected value (string for single, string[] for multiple) */
-    value?: string | string[] | null;
-    /** Default selected value (uncontrolled) */
-    defaultValue?: string | string[];
-    /** Called when selection changes */
-    onValueChange?: (value: string | string[] | null) => void;
-    /** Whether multiple items can be selected */
-    multiple?: boolean;
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -19,8 +11,37 @@ export interface ComboboxProps {
     /** Auto-highlight first matching item while filtering */
     autoHighlight?: boolean;
 }
+export interface ComboboxSingleProps extends ComboboxCommonProps {
+    /** Whether multiple items can be selected */
+    multiple?: false;
+    /** Controlled selected value */
+    value?: string | null;
+    /** Default selected value (uncontrolled) */
+    defaultValue?: string;
+    /** Called when selection changes */
+    onValueChange?: (value: string | null) => void;
+    /** Alias for onValueChange */
+    onChange?: (value: string | null) => void;
+}
+export interface ComboboxMultipleProps extends ComboboxCommonProps {
+    /** Whether multiple items can be selected */
+    multiple: true;
+    /** Controlled selected value */
+    value?: string[];
+    /** Default selected value (uncontrolled) */
+    defaultValue?: string[];
+    /** Called when selection changes */
+    onValueChange?: (value: string[]) => void;
+    /** Alias for onValueChange */
+    onChange?: (value: string[]) => void;
+}
+export type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;
 export interface ComboboxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     className?: string;
+    /** Render the built-in chevron trigger beside the input.
+     * Automatically disabled when an explicit <Combobox.Trigger /> is mounted.
+     * @default true */
+    showTrigger?: boolean;
 }
 export interface ComboboxTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children?: React.ReactNode;
@@ -47,8 +68,8 @@ export interface ComboboxGroupProps extends React.HTMLAttributes<HTMLElement> {
 export interface ComboboxGroupLabelProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
 }
-declare function ComboboxRoot({ children, value, defaultValue, onValueChange, multiple, open, defaultOpen, onOpenChange, disabled, required, name, placeholder, autoHighlight, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxInput({ className, ...htmlProps }: ComboboxInputProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxRoot({ children, value, defaultValue, onValueChange, onChange, multiple, open, defaultOpen, onOpenChange, disabled, required, name, placeholder, autoHighlight, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxInput({ className, showTrigger, ...htmlProps }: ComboboxInputProps): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxTrigger({ children, className, ...htmlProps }: ComboboxTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxContent({ children, className, sideOffset, align, maxVisibleItems, ...htmlProps }: ComboboxContentProps): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxItem({ children, value, disabled, className, ...htmlProps }: ComboboxItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Combobox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Combobox/index.js

@@ -77,6 +77,9 @@ const ComboboxContext = React.createContext({
   itemsRef: { current: /* @__PURE__ */ new Map() },
   itemsVersion: 0,
   incrementItemsVersion: () => {
+  },
+  explicitTriggerCount: 0,
+  registerTrigger: () => () => {
   }
 });
 function getNodeText(node) {
@@ -92,6 +95,7 @@ function ComboboxRoot({
   value,
   defaultValue,
   onValueChange,
+  onChange,
   multiple = false,
   open,
   defaultOpen,
@@ -115,15 +119,11 @@ function ComboboxRoot({
   const incrementItemsVersion = React.useCallback(() => {
     setItemsVersion((v) => v + 1);
   }, []);
-  const handleValueChange = React.useCallback(
-    (newValue) => {
-      if (value === void 0) {
-        setInternalValue(newValue);
-      }
-      onValueChange == null ? void 0 : onValueChange(newValue);
-    },
-    [value, onValueChange]
-  );
+  const [explicitTriggerCount, setExplicitTriggerCount] = React.useState(0);
+  const registerTrigger = React.useCallback(() => {
+    setExplicitTriggerCount((count) => count + 1);
+    return () => setExplicitTriggerCount((count) => Math.max(0, count - 1));
+  }, []);
   const handleOpenChange = React.useCallback(
     (nextOpen) => {
       onOpenChange == null ? void 0 : onOpenChange(nextOpen);
@@ -143,31 +143,79 @@ function ComboboxRoot({
     return [currentValue];
   }, [currentValue]);
   const contextValue = React.useMemo(
-    () => ({ placeholder, multiple, selectedValues, itemsRef, itemsVersion, incrementItemsVersion }),
-    [placeholder, multiple, selectedValues, itemsVersion, incrementItemsVersion]
+    () => ({
+      placeholder,
+      multiple,
+      selectedValues,
+      itemsRef,
+      itemsVersion,
+      incrementItemsVersion,
+      explicitTriggerCount,
+      registerTrigger
+    }),
+    [placeholder, multiple, selectedValues, itemsVersion, incrementItemsVersion, explicitTriggerCount, registerTrigger]
   );
+  if (multiple) {
+    const controlledValue2 = value;
+    const uncontrolledValue2 = defaultValue;
+    const emitChange2 = onChange ?? onValueChange;
+    const handleValueChange2 = (newValue) => {
+      if (controlledValue2 === void 0) {
+        setInternalValue(newValue);
+      }
+      emitChange2 == null ? void 0 : emitChange2(newValue);
+    };
+    return /* @__PURE__ */ jsx(ComboboxContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      ComboboxRoot$1,
+      {
+        value: controlledValue2,
+        defaultValue: uncontrolledValue2,
+        onValueChange: handleValueChange2,
+        open,
+        defaultOpen,
+        onOpenChange: (nextOpen) => handleOpenChange(nextOpen),
+        disabled,
+        required,
+        name,
+        multiple: true,
+        autoHighlight,
+        itemToStringLabel,
+        children
+      }
+    ) });
+  }
+  const controlledValue = value;
+  const uncontrolledValue = defaultValue;
+  const emitChange = onChange ?? onValueChange;
+  const handleValueChange = (newValue) => {
+    if (controlledValue === void 0) {
+      setInternalValue(newValue);
+    }
+    emitChange == null ? void 0 : emitChange(newValue);
+  };
   return /* @__PURE__ */ jsx(ComboboxContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
     ComboboxRoot$1,
     {
-      value,
-      defaultValue,
+      value: controlledValue,
+      defaultValue: uncontrolledValue ?? null,
       onValueChange: handleValueChange,
       open,
       defaultOpen,
-      onOpenChange: handleOpenChange,
+      onOpenChange: (nextOpen) => handleOpenChange(nextOpen),
       disabled,
       required,
       name,
-      multiple,
+      multiple: false,
       autoHighlight,
       itemToStringLabel,
       children
     }
   ) });
 }
-function ComboboxInput({ className, ...htmlProps }) {
+function ComboboxInput({ className, showTrigger = true, ...htmlProps }) {
   const context = React.useContext(ComboboxContext);
   const classes = [styles.input, className].filter(Boolean).join(" ");
+  const renderTrigger = showTrigger && context.explicitTriggerCount === 0;
   if (context.multiple) {
     return /* @__PURE__ */ jsxs("div", { className: styles.multiContainer, children: [
       /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
@@ -179,7 +227,7 @@ function ComboboxInput({ className, ...htmlProps }) {
             className: classes
           }
         ),
-        /* @__PURE__ */ jsx(ComboboxTrigger$1, { className: styles.trigger, children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
+        renderTrigger && /* @__PURE__ */ jsx(ComboboxTrigger$1, { className: styles.trigger, children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
       ] }),
       context.selectedValues.length > 0 && /* @__PURE__ */ jsx(ComboboxChips, { className: styles.chips, children: context.selectedValues.map((chipValue) => /* @__PURE__ */ jsxs(ComboboxChip, { className: styles.chip, children: [
         /* @__PURE__ */ jsx("span", { className: styles.chipLabel, children: context.itemsRef.current.get(chipValue) ?? chipValue }),
@@ -196,10 +244,12 @@ function ComboboxInput({ className, ...htmlProps }) {
         className: classes
       }
     ),
-    /* @__PURE__ */ jsx(ComboboxTrigger$1, { className: styles.trigger, children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
+    renderTrigger && /* @__PURE__ */ jsx(ComboboxTrigger$1, { className: styles.trigger, children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
   ] });
 }
 function ComboboxTrigger({ children, className, ...htmlProps }) {
+  const { registerTrigger } = React.useContext(ComboboxContext);
+  React.useEffect(() => registerTrigger(), [registerTrigger]);
   const classes = [styles.trigger, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx(ComboboxTrigger$1, { ...htmlProps, className: classes, children: children ?? /* @__PURE__ */ jsx(ChevronDownIcon, {}) });
 }

package/dist/components/Combobox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Combobox/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport styles from './Combobox.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ComboboxProps {\n  children: React.ReactNode;\n  /** Controlled selected value (string for single, string[] for multiple) */\n  value?: string | string[] | null;\n  /** Default selected value (uncontrolled) */\n  defaultValue?: string | string[];\n  /** Called when selection changes */\n  onValueChange?: (value: string | string[] | null) => void;\n  /** Whether multiple items can be selected */\n  multiple?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  placeholder?: string;\n  /** Auto-highlight first matching item while filtering */\n  autoHighlight?: boolean;\n}\n\nexport interface ComboboxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  className?: string;\n}\n\nexport interface ComboboxTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport interface ComboboxContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  sideOffset?: number;\n  align?: 'start' | 'center' | 'end';\n  /** Maximum number of visible options before scrolling. Shows half of the next item as a scroll hint. @default 4 */\n  maxVisibleItems?: number;\n}\n\nexport interface ComboboxItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  children: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n}\n\nexport interface ComboboxEmptyProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface ComboboxGroupProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface ComboboxGroupLabelProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction ChevronDownIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction XIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Context for Combobox state\n// ============================================\n\ninterface ComboboxContextValue {\n  placeholder?: string;\n  multiple?: boolean;\n  selectedValues: string[];\n  itemsRef: React.MutableRefObject<Map<string, string>>;\n  itemsVersion: number;\n  incrementItemsVersion: () => void;\n}\n\nconst ComboboxContext = React.createContext<ComboboxContextValue>({\n  selectedValues: [],\n  itemsRef: { current: new Map() },\n  itemsVersion: 0,\n  incrementItemsVersion: () => {},\n});\n\nfunction getNodeText(node: React.ReactNode): string {\n  if (node == null || typeof node === 'boolean') return '';\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join('');\n  if (React.isValidElement(node))\n    return getNodeText((node.props as { children?: React.ReactNode }).children);\n  return '';\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction ComboboxRoot({\n  children,\n  value,\n  defaultValue,\n  onValueChange,\n  multiple = false,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled,\n  required,\n  name,\n  placeholder,\n  autoHighlight = true,\n}: ComboboxProps) {\n  // Track selected values for chip rendering\n  const [internalValue, setInternalValue] = React.useState<string | string[] | null>(\n    value ?? defaultValue ?? (multiple ? [] : null)\n  );\n\n  // Sync with controlled value\n  React.useEffect(() => {\n    if (value !== undefined) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  // Registry for item value → label mapping\n  const itemsRef = React.useRef<Map<string, string>>(new Map());\n  const [itemsVersion, setItemsVersion] = React.useState(0);\n  const incrementItemsVersion = React.useCallback(() => {\n    setItemsVersion((v) => v + 1);\n  }, []);\n\n  const handleValueChange = React.useCallback(\n    (newValue: string | string[] | null) => {\n      if (value === undefined) {\n        setInternalValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [value, onValueChange]\n  );\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      onOpenChange?.(nextOpen);\n    },\n    [onOpenChange]\n  );\n\n  // Convert value → label for input display\n  const itemToStringLabel = React.useCallback(\n    (itemValue: string) => {\n      return itemsRef.current.get(itemValue) ?? itemValue;\n    },\n    []\n  );\n\n  // Derive selected values array for chip rendering\n  const currentValue = value !== undefined ? value : internalValue;\n  const selectedValues = React.useMemo(() => {\n    if (currentValue == null) return [];\n    if (Array.isArray(currentValue)) return currentValue;\n    return [currentValue];\n  }, [currentValue]);\n\n  const contextValue = React.useMemo(\n    () => ({ placeholder, multiple, selectedValues, itemsRef, itemsVersion, incrementItemsVersion }),\n    [placeholder, multiple, selectedValues, itemsVersion, incrementItemsVersion]\n  );\n\n  return (\n    <ComboboxContext.Provider value={contextValue}>\n      <BaseCombobox.Root\n        value={value as any}\n        defaultValue={defaultValue as any}\n        onValueChange={handleValueChange as any}\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={handleOpenChange as any}\n        disabled={disabled}\n        required={required}\n        name={name}\n        multiple={multiple as any}\n        autoHighlight={autoHighlight}\n        itemToStringLabel={itemToStringLabel}\n      >\n        {children}\n      </BaseCombobox.Root>\n    </ComboboxContext.Provider>\n  );\n}\n\nfunction ComboboxInput({ className, ...htmlProps }: ComboboxInputProps) {\n  const context = React.useContext(ComboboxContext);\n  const classes = [styles.input, className].filter(Boolean).join(' ');\n\n  if (context.multiple) {\n    return (\n      <div className={styles.multiContainer}>\n        <div className={styles.inputWrapper}>\n          <BaseCombobox.Input\n            placeholder={context.selectedValues.length === 0 ? context.placeholder : undefined}\n            {...htmlProps}\n            className={classes}\n          />\n          <BaseCombobox.Trigger className={styles.trigger}>\n            <ChevronDownIcon />\n          </BaseCombobox.Trigger>\n        </div>\n        {context.selectedValues.length > 0 && (\n          <BaseCombobox.Chips className={styles.chips}>\n            {context.selectedValues.map((chipValue) => (\n              <BaseCombobox.Chip key={chipValue} className={styles.chip}>\n                <span className={styles.chipLabel}>\n                  {context.itemsRef.current.get(chipValue) ?? chipValue}\n                </span>\n                <BaseCombobox.ChipRemove className={styles.chipRemove}>\n                  <XIcon />\n                </BaseCombobox.ChipRemove>\n              </BaseCombobox.Chip>\n            ))}\n          </BaseCombobox.Chips>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.inputWrapper}>\n      <BaseCombobox.Input\n        placeholder={context.placeholder}\n        {...htmlProps}\n        className={classes}\n      />\n      <BaseCombobox.Trigger className={styles.trigger}>\n        <ChevronDownIcon />\n      </BaseCombobox.Trigger>\n    </div>\n  );\n}\n\nfunction ComboboxTrigger({ children, className, ...htmlProps }: ComboboxTriggerProps) {\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseCombobox.Trigger {...htmlProps} className={classes}>\n      {children ?? <ChevronDownIcon />}\n    </BaseCombobox.Trigger>\n  );\n}\n\nfunction ComboboxContent({\n  children,\n  className,\n  sideOffset = 4,\n  align = 'start',\n  maxVisibleItems,\n  ...htmlProps\n}: ComboboxContentProps) {\n  const popupClasses = [styles.popup, className].filter(Boolean).join(' ');\n\n  const popupStyle = maxVisibleItems != null\n    ? { '--fui-select-max-items': maxVisibleItems + 0.5, ...htmlProps.style } as React.CSSProperties\n    : htmlProps.style;\n\n  return (\n    <BaseCombobox.Portal>\n      <BaseCombobox.Positioner\n        side=\"bottom\"\n        sideOffset={sideOffset}\n        align={align}\n        className={styles.positioner}\n      >\n        <BaseCombobox.Popup {...htmlProps} className={popupClasses} style={popupStyle}>\n          {children}\n        </BaseCombobox.Popup>\n      </BaseCombobox.Positioner>\n    </BaseCombobox.Portal>\n  );\n}\n\nfunction ComboboxItem({ children, value, disabled, className, ...htmlProps }: ComboboxItemProps) {\n  const { itemsRef, incrementItemsVersion } = React.useContext(ComboboxContext);\n  const classes = [styles.item, className].filter(Boolean).join(' ');\n\n  // Register this item's label in the registry so the input can display it\n  const label = React.useMemo(() => getNodeText(children).trim() || value, [children, value]);\n  React.useEffect(() => {\n    const items = itemsRef.current;\n    items.set(value, label);\n    incrementItemsVersion();\n    return () => {\n      items.delete(value);\n      incrementItemsVersion();\n    };\n    // itemsRef is a stable ref, incrementItemsVersion is a stable callback\n  }, [itemsRef, incrementItemsVersion, value, label]);\n\n  return (\n    <BaseCombobox.Item {...htmlProps} value={value} disabled={disabled} className={classes}>\n      {children}\n      <BaseCombobox.ItemIndicator className={styles.itemIndicator}>\n        <CheckIcon />\n      </BaseCombobox.ItemIndicator>\n    </BaseCombobox.Item>\n  );\n}\n\nfunction ComboboxEmpty({ children, className, ...htmlProps }: ComboboxEmptyProps) {\n  const classes = [styles.empty, className].filter(Boolean).join(' ');\n  return <BaseCombobox.Empty {...htmlProps} className={classes}>{children}</BaseCombobox.Empty>;\n}\n\nfunction ComboboxGroup({ children, className, ...htmlProps }: ComboboxGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  return <BaseCombobox.Group {...htmlProps} className={classes}>{children}</BaseCombobox.Group>;\n}\n\nfunction ComboboxGroupLabel({ children, className, ...htmlProps }: ComboboxGroupLabelProps) {\n  const classes = [styles.groupLabel, className].filter(Boolean).join(' ');\n  return <BaseCombobox.GroupLabel {...htmlProps} className={classes}>{children}</BaseCombobox.GroupLabel>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Combobox = Object.assign(ComboboxRoot, {\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Content: ComboboxContent,\n  Item: ComboboxItem,\n  ItemIndicator: BaseCombobox.ItemIndicator,\n  Empty: ComboboxEmpty,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n});\n\n// Re-export individual components\nexport {\n  ComboboxRoot,\n  ComboboxInput,\n  ComboboxTrigger,\n  ComboboxContent,\n  ComboboxItem,\n  ComboboxEmpty,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n};\n"],"names":["BaseCombobox.Root","BaseCombobox.Input","BaseCombobox.Trigger","BaseCombobox.Chips","BaseCombobox.Chip","BaseCombobox.ChipRemove","BaseCombobox.Portal","BaseCombobox.Positioner","BaseCombobox.Popup","BaseCombobox.Item","BaseCombobox.ItemIndicator","BaseCombobox.Empty","BaseCombobox.Group","BaseCombobox.GroupLabel"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Combobox/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport styles from './Combobox.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\ninterface ComboboxCommonProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  placeholder?: string;\n  /** Auto-highlight first matching item while filtering */\n  autoHighlight?: boolean;\n}\n\nexport interface ComboboxSingleProps extends ComboboxCommonProps {\n  /** Whether multiple items can be selected */\n  multiple?: false;\n  /** Controlled selected value */\n  value?: string | null;\n  /** Default selected value (uncontrolled) */\n  defaultValue?: string;\n  /** Called when selection changes */\n  onValueChange?: (value: string | null) => void;\n  /** Alias for onValueChange */\n  onChange?: (value: string | null) => void;\n}\n\nexport interface ComboboxMultipleProps extends ComboboxCommonProps {\n  /** Whether multiple items can be selected */\n  multiple: true;\n  /** Controlled selected value */\n  value?: string[];\n  /** Default selected value (uncontrolled) */\n  defaultValue?: string[];\n  /** Called when selection changes */\n  onValueChange?: (value: string[]) => void;\n  /** Alias for onValueChange */\n  onChange?: (value: string[]) => void;\n}\n\nexport type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;\n\nexport interface ComboboxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  className?: string;\n  /** Render the built-in chevron trigger beside the input.\n   * Automatically disabled when an explicit <Combobox.Trigger /> is mounted.\n   * @default true */\n  showTrigger?: boolean;\n}\n\nexport interface ComboboxTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport interface ComboboxContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  sideOffset?: number;\n  align?: 'start' | 'center' | 'end';\n  /** Maximum number of visible options before scrolling. Shows half of the next item as a scroll hint. @default 4 */\n  maxVisibleItems?: number;\n}\n\nexport interface ComboboxItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  children: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n}\n\nexport interface ComboboxEmptyProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface ComboboxGroupProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface ComboboxGroupLabelProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction ChevronDownIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction XIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Context for Combobox state\n// ============================================\n\ninterface ComboboxContextValue {\n  placeholder?: string;\n  multiple?: boolean;\n  selectedValues: string[];\n  itemsRef: React.MutableRefObject<Map<string, string>>;\n  itemsVersion: number;\n  incrementItemsVersion: () => void;\n  explicitTriggerCount: number;\n  registerTrigger: () => () => void;\n}\n\nconst ComboboxContext = React.createContext<ComboboxContextValue>({\n  selectedValues: [],\n  itemsRef: { current: new Map() },\n  itemsVersion: 0,\n  incrementItemsVersion: () => {},\n  explicitTriggerCount: 0,\n  registerTrigger: () => () => {},\n});\n\nfunction getNodeText(node: React.ReactNode): string {\n  if (node == null || typeof node === 'boolean') return '';\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join('');\n  if (React.isValidElement(node))\n    return getNodeText((node.props as { children?: React.ReactNode }).children);\n  return '';\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction ComboboxRoot({\n  children,\n  value,\n  defaultValue,\n  onValueChange,\n  onChange,\n  multiple = false,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled,\n  required,\n  name,\n  placeholder,\n  autoHighlight = true,\n}: ComboboxProps) {\n  // Track selected values for chip rendering\n  const [internalValue, setInternalValue] = React.useState<string | string[] | null>(\n    value ?? defaultValue ?? (multiple ? [] : null)\n  );\n\n  // Sync with controlled value\n  React.useEffect(() => {\n    if (value !== undefined) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  // Registry for item value → label mapping\n  const itemsRef = React.useRef<Map<string, string>>(new Map());\n  const [itemsVersion, setItemsVersion] = React.useState(0);\n  const incrementItemsVersion = React.useCallback(() => {\n    setItemsVersion((v) => v + 1);\n  }, []);\n  const [explicitTriggerCount, setExplicitTriggerCount] = React.useState(0);\n  const registerTrigger = React.useCallback(() => {\n    setExplicitTriggerCount((count) => count + 1);\n    return () => setExplicitTriggerCount((count) => Math.max(0, count - 1));\n  }, []);\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      onOpenChange?.(nextOpen);\n    },\n    [onOpenChange]\n  );\n\n  // Convert value → label for input display\n  const itemToStringLabel = React.useCallback(\n    (itemValue: string) => {\n      return itemsRef.current.get(itemValue) ?? itemValue;\n    },\n    []\n  );\n\n  // Derive selected values array for chip rendering\n  const currentValue = value !== undefined ? value : internalValue;\n  const selectedValues = React.useMemo(() => {\n    if (currentValue == null) return [];\n    if (Array.isArray(currentValue)) return currentValue;\n    return [currentValue];\n  }, [currentValue]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      placeholder,\n      multiple,\n      selectedValues,\n      itemsRef,\n      itemsVersion,\n      incrementItemsVersion,\n      explicitTriggerCount,\n      registerTrigger,\n    }),\n    [placeholder, multiple, selectedValues, itemsVersion, incrementItemsVersion, explicitTriggerCount, registerTrigger]\n  );\n\n  if (multiple) {\n    const controlledValue = value as string[] | undefined;\n    const uncontrolledValue = defaultValue as string[] | undefined;\n    const emitChange = (onChange ?? onValueChange) as ((value: string[]) => void) | undefined;\n    const handleValueChange = (newValue: string[]) => {\n      if (controlledValue === undefined) {\n        setInternalValue(newValue);\n      }\n      emitChange?.(newValue);\n    };\n\n    return (\n      <ComboboxContext.Provider value={contextValue}>\n        <BaseCombobox.Root<string, true>\n          value={controlledValue}\n          defaultValue={uncontrolledValue}\n          onValueChange={handleValueChange}\n          open={open}\n          defaultOpen={defaultOpen}\n          onOpenChange={(nextOpen) => handleOpenChange(nextOpen)}\n          disabled={disabled}\n          required={required}\n          name={name}\n          multiple\n          autoHighlight={autoHighlight}\n          itemToStringLabel={itemToStringLabel}\n        >\n          {children}\n        </BaseCombobox.Root>\n      </ComboboxContext.Provider>\n    );\n  }\n\n  const controlledValue = value as string | null | undefined;\n  const uncontrolledValue = defaultValue as string | undefined;\n  const emitChange = (onChange ?? onValueChange) as ((value: string | null) => void) | undefined;\n  const handleValueChange = (newValue: string | null) => {\n    if (controlledValue === undefined) {\n      setInternalValue(newValue);\n    }\n    emitChange?.(newValue);\n  };\n\n  return (\n    <ComboboxContext.Provider value={contextValue}>\n      <BaseCombobox.Root<string, false>\n        value={controlledValue}\n        defaultValue={uncontrolledValue ?? null}\n        onValueChange={handleValueChange}\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={(nextOpen) => handleOpenChange(nextOpen)}\n        disabled={disabled}\n        required={required}\n        name={name}\n        multiple={false}\n        autoHighlight={autoHighlight}\n        itemToStringLabel={itemToStringLabel}\n      >\n        {children}\n      </BaseCombobox.Root>\n    </ComboboxContext.Provider>\n  );\n}\n\nfunction ComboboxInput({ className, showTrigger = true, ...htmlProps }: ComboboxInputProps) {\n  const context = React.useContext(ComboboxContext);\n  const classes = [styles.input, className].filter(Boolean).join(' ');\n  const renderTrigger = showTrigger && context.explicitTriggerCount === 0;\n\n  if (context.multiple) {\n    return (\n      <div className={styles.multiContainer}>\n        <div className={styles.inputWrapper}>\n          <BaseCombobox.Input\n            placeholder={context.selectedValues.length === 0 ? context.placeholder : undefined}\n            {...htmlProps}\n            className={classes}\n          />\n          {renderTrigger && (\n            <BaseCombobox.Trigger className={styles.trigger}>\n              <ChevronDownIcon />\n            </BaseCombobox.Trigger>\n          )}\n        </div>\n        {context.selectedValues.length > 0 && (\n          <BaseCombobox.Chips className={styles.chips}>\n            {context.selectedValues.map((chipValue) => (\n              <BaseCombobox.Chip key={chipValue} className={styles.chip}>\n                <span className={styles.chipLabel}>\n                  {context.itemsRef.current.get(chipValue) ?? chipValue}\n                </span>\n                <BaseCombobox.ChipRemove className={styles.chipRemove}>\n                  <XIcon />\n                </BaseCombobox.ChipRemove>\n              </BaseCombobox.Chip>\n            ))}\n          </BaseCombobox.Chips>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.inputWrapper}>\n      <BaseCombobox.Input\n        placeholder={context.placeholder}\n        {...htmlProps}\n        className={classes}\n      />\n      {renderTrigger && (\n        <BaseCombobox.Trigger className={styles.trigger}>\n          <ChevronDownIcon />\n        </BaseCombobox.Trigger>\n      )}\n    </div>\n  );\n}\n\nfunction ComboboxTrigger({ children, className, ...htmlProps }: ComboboxTriggerProps) {\n  const { registerTrigger } = React.useContext(ComboboxContext);\n  React.useEffect(() => registerTrigger(), [registerTrigger]);\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseCombobox.Trigger {...htmlProps} className={classes}>\n      {children ?? <ChevronDownIcon />}\n    </BaseCombobox.Trigger>\n  );\n}\n\nfunction ComboboxContent({\n  children,\n  className,\n  sideOffset = 4,\n  align = 'start',\n  maxVisibleItems,\n  ...htmlProps\n}: ComboboxContentProps) {\n  const popupClasses = [styles.popup, className].filter(Boolean).join(' ');\n\n  const popupStyle = maxVisibleItems != null\n    ? { '--fui-select-max-items': maxVisibleItems + 0.5, ...htmlProps.style } as React.CSSProperties\n    : htmlProps.style;\n\n  return (\n    <BaseCombobox.Portal>\n      <BaseCombobox.Positioner\n        side=\"bottom\"\n        sideOffset={sideOffset}\n        align={align}\n        className={styles.positioner}\n      >\n        <BaseCombobox.Popup {...htmlProps} className={popupClasses} style={popupStyle}>\n          {children}\n        </BaseCombobox.Popup>\n      </BaseCombobox.Positioner>\n    </BaseCombobox.Portal>\n  );\n}\n\nfunction ComboboxItem({ children, value, disabled, className, ...htmlProps }: ComboboxItemProps) {\n  const { itemsRef, incrementItemsVersion } = React.useContext(ComboboxContext);\n  const classes = [styles.item, className].filter(Boolean).join(' ');\n\n  // Register this item's label in the registry so the input can display it\n  const label = React.useMemo(() => getNodeText(children).trim() || value, [children, value]);\n  React.useEffect(() => {\n    const items = itemsRef.current;\n    items.set(value, label);\n    incrementItemsVersion();\n    return () => {\n      items.delete(value);\n      incrementItemsVersion();\n    };\n    // itemsRef is a stable ref, incrementItemsVersion is a stable callback\n  }, [itemsRef, incrementItemsVersion, value, label]);\n\n  return (\n    <BaseCombobox.Item {...htmlProps} value={value} disabled={disabled} className={classes}>\n      {children}\n      <BaseCombobox.ItemIndicator className={styles.itemIndicator}>\n        <CheckIcon />\n      </BaseCombobox.ItemIndicator>\n    </BaseCombobox.Item>\n  );\n}\n\nfunction ComboboxEmpty({ children, className, ...htmlProps }: ComboboxEmptyProps) {\n  const classes = [styles.empty, className].filter(Boolean).join(' ');\n  return <BaseCombobox.Empty {...htmlProps} className={classes}>{children}</BaseCombobox.Empty>;\n}\n\nfunction ComboboxGroup({ children, className, ...htmlProps }: ComboboxGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  return <BaseCombobox.Group {...htmlProps} className={classes}>{children}</BaseCombobox.Group>;\n}\n\nfunction ComboboxGroupLabel({ children, className, ...htmlProps }: ComboboxGroupLabelProps) {\n  const classes = [styles.groupLabel, className].filter(Boolean).join(' ');\n  return <BaseCombobox.GroupLabel {...htmlProps} className={classes}>{children}</BaseCombobox.GroupLabel>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Combobox = Object.assign(ComboboxRoot, {\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Content: ComboboxContent,\n  Item: ComboboxItem,\n  ItemIndicator: BaseCombobox.ItemIndicator,\n  Empty: ComboboxEmpty,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n});\n\n// Re-export individual components\nexport {\n  ComboboxRoot,\n  ComboboxInput,\n  ComboboxTrigger,\n  ComboboxContent,\n  ComboboxItem,\n  ComboboxEmpty,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n};\n"],"names":["controlledValue","uncontrolledValue","emitChange","handleValueChange","BaseCombobox.Root","BaseCombobox.Input","BaseCombobox.Trigger","BaseCombobox.Chips","BaseCombobox.Chip","BaseCombobox.ChipRemove","BaseCombobox.Portal","BaseCombobox.Positioner","BaseCombobox.Popup","BaseCombobox.Item","BaseCombobox.ItemIndicator","BaseCombobox.Empty","BaseCombobox.Group","BaseCombobox.GroupLabel"],"mappings":"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"}