@nuka-ui/core 1.1.3 → 1.1.5

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["\"use client\";\n// > 200 lines: root orchestrates Floating UI, option registry, and context\n// value assembly; splitting further would scatter tightly coupled state.\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  size,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useOptionRegistry } from \"@nuka/hooks/use-option-registry\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { ComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport type {\n  ComboboxProps,\n  ComboboxContextValue,\n} from \"@nuka/components/Combobox/Combobox.types\";\n\nfunction Combobox({\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  freeText = false,\n  name,\n}: ComboboxProps) {\n  const [currentValue, handleValueChange] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n  const [currentOpen, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n  const [filterText, setFilterText] = React.useState(\"\");\n  const [activeDescendantId, setActiveDescendantId] = React.useState<\n    string | undefined\n  >(undefined);\n  const [visibleCount, setVisibleCount] = React.useState(0);\n\n  // labelMapRef persists option labels across open/close for trigger display\n  const labelMapRef = React.useRef(new Map<string, string>());\n  const registry = useOptionRegistry();\n\n  const generatedId = React.useId();\n  const listboxId = `${generatedId}-listbox`;\n  const inputId = `${generatedId}-input`;\n  const listRef = React.useRef<HTMLDivElement | null>(null);\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  const highlightOnOpenRef = React.useRef<\"first\" | \"last\" | null>(null);\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen);\n      if (!nextOpen) {\n        setFilterText(\"\");\n        setActiveDescendantId(undefined);\n      }\n    },\n    [setOpen],\n  );\n\n  // Restore focus to trigger when panel closes and focus is lost to body\n  const prevOpenRef = React.useRef(currentOpen);\n  React.useEffect(() => {\n    if (prevOpenRef.current && !currentOpen) {\n      requestAnimationFrame(() => {\n        const active = getActiveElement();\n        if (active === document.body || active === null) {\n          triggerRef.current?.focus();\n        }\n      });\n    }\n    prevOpenRef.current = currentOpen;\n  }, [currentOpen]);\n\n  // Floating UI: no useRole to avoid ARIA injection conflicts\n  const { refs, floatingStyles, context } = useFloating({\n    open: currentOpen,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [\n      offset(4),\n      flip(),\n      shift({ padding: 8 }),\n      size({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            minWidth: `${String(rects.reference.width)}px`,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n  ]);\n\n  // Wraps the hook's registerOption to also persist labels in labelMapRef\n  const registerOption = React.useCallback(\n    (optionValue: string, label: string, ref: HTMLElement | null) => {\n      labelMapRef.current.set(optionValue, label);\n      registry.registerOption(optionValue, label, ref);\n    },\n    [registry],\n  );\n\n  // Labels are read from labelMapRef so they persist across panel close/open\n  const getOptionLabel = React.useCallback(\n    (optionValue: string): string | undefined => {\n      return labelMapRef.current.get(optionValue);\n    },\n    [],\n  );\n\n  const contextValue: ComboboxContextValue = React.useMemo(() => {\n    void registry.registryVersion;\n    return {\n      open: currentOpen,\n      onOpenChange: handleOpenChange,\n      value: currentValue,\n      onValueChange: handleValueChange,\n      filterText,\n      setFilterText,\n      activeDescendantId,\n      setActiveDescendantId,\n      visibleCount,\n      setVisibleCount,\n      disabled,\n      freeText,\n      listboxId,\n      inputId,\n      listRef,\n      triggerRef,\n      highlightOnOpenRef,\n      registerOption,\n      unregisterOption: registry.unregisterOption,\n      getOptions: registry.getOptions,\n      getOptionLabel,\n      getOptionRef: registry.getOptionRef,\n      isOptionDisabled: registry.isOptionDisabled,\n      registerDisabledOption: registry.registerDisabledOption,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    };\n  }, [\n    currentOpen,\n    handleOpenChange,\n    currentValue,\n    handleValueChange,\n    filterText,\n    activeDescendantId,\n    visibleCount,\n    disabled,\n    freeText,\n    listboxId,\n    inputId,\n    registerOption,\n    getOptionLabel,\n    registry,\n    refs,\n    floatingStyles,\n    getReferenceProps,\n    getFloatingProps,\n  ]);\n\n  return (\n    <ComboboxContext value={contextValue}>\n      {children}\n      {name !== undefined && (\n        <input type=\"hidden\" name={name} value={currentValue ?? \"\"} />\n      )}\n    </ComboboxContext>\n  );\n}\n\nCombobox.displayName = \"Combobox\";\n\nexport { Combobox };\n"],"mappings":";;;;;;;;;;;AAwBA,SAAS,EAAS,EAChB,aACA,OAAO,GACP,iBACA,kBACA,MAAM,GACN,iBAAc,IACd,iBACA,cAAW,IACX,cAAW,IACX,WACgB;CAChB,IAAM,CAAC,GAAc,KAAqB,EACxC,GACA,GACA,EACD,EACK,CAAC,GAAa,KAAW,EAC7B,GACA,GACA,EACD,EACK,CAAC,GAAY,KAAiB,EAAM,SAAS,GAAG,EAChD,CAAC,GAAoB,KAAyB,EAAM,SAExD,KAAA,EAAU,EACN,CAAC,GAAc,KAAmB,EAAM,SAAS,EAAE,EAGnD,IAAc,EAAM,uBAAO,IAAI,KAAqB,CAAC,EACrD,IAAW,GAAmB,EAE9B,IAAc,EAAM,OAAO,EAC3B,IAAY,GAAG,EAAY,WAC3B,IAAU,GAAG,EAAY,SACzB,IAAU,EAAM,OAA8B,KAAK,EACnD,IAAa,EAAM,OAAiC,KAAK,EACzD,IAAqB,EAAM,OAAgC,KAAK,EAEhE,IAAmB,EAAM,aAC5B,MAAsB;AAErB,EADA,EAAQ,EAAS,EACZ,MACH,EAAc,GAAG,EACjB,EAAsB,KAAA,EAAU;IAGpC,CAAC,EAAQ,CACV,EAGK,IAAc,EAAM,OAAO,EAAY;AAC7C,GAAM,gBAAgB;AASpB,EARI,EAAY,WAAW,CAAC,KAC1B,4BAA4B;GAC1B,IAAM,IAAS,GAAkB;AACjC,IAAI,MAAW,SAAS,QAAQ,MAAW,SACzC,EAAW,SAAS,OAAO;IAE7B,EAEJ,EAAY,UAAU;IACrB,CAAC,EAAY,CAAC;CAGjB,IAAM,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD,MAAM;EACN,cAAc;EACd,WAAW;EACX,YAAY;GACV,EAAO,EAAE;GACT,GAAM;GACN,EAAM,EAAE,SAAS,GAAG,CAAC;GACrB,EAAK,EACH,MAAM,EAAE,UAAO,eAAY;AACzB,WAAO,OAAO,EAAS,SAAS,OAAO,EACrC,UAAU,GAAG,OAAO,EAAM,UAAU,MAAM,CAAC,KAC5C,CAAC;MAEL,CAAC;GACH;EACD,sBAAsB;EACvB,CAAC,EAII,EAAE,sBAAmB,wBAAqB,EAAgB,CAFlD,EAAS,EAAQ,EACf,EAAW,EAAQ,CAIlC,CAAC,EAGI,IAAiB,EAAM,aAC1B,GAAqB,GAAe,MAA4B;AAE/D,EADA,EAAY,QAAQ,IAAI,GAAa,EAAM,EAC3C,EAAS,eAAe,GAAa,GAAO,EAAI;IAElD,CAAC,EAAS,CACX,EAGK,IAAiB,EAAM,aAC1B,MACQ,EAAY,QAAQ,IAAI,EAAY,EAE7C,EAAE,CACH;AAuDD,QACE,kBAAC,GAAD;EAAiB,OAtDwB,EAAM,eAC1C,EAAS,iBACP;GACL,MAAM;GACN,cAAc;GACd,OAAO;GACP,eAAe;GACf;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,kBAAkB,EAAS;GAC3B,YAAY,EAAS;GACrB;GACA,cAAc,EAAS;GACvB,kBAAkB,EAAS;GAC3B,wBAAwB,EAAS;GACjC;GACA;GACA;GACA;GACD,GACA;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;YAGA,CACG,GACA,MAAS,KAAA,KACR,kBAAC,SAAD;GAAO,MAAK;GAAe;GAAM,OAAO,KAAgB;GAAM,CAAA,CAEhD;;;AAItB,EAAS,cAAc"}
+{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["\"use client\";\n// > 200 lines: root orchestrates Floating UI, option registry, and context\n// value assembly; splitting further would scatter tightly coupled state.\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  size,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useOptionRegistry } from \"@nuka/hooks/use-option-registry\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { ComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport type {\n  ComboboxProps,\n  ComboboxContextValue,\n} from \"@nuka/components/Combobox/Combobox.types\";\n\nfunction Combobox({\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  freeText = false,\n  name,\n}: ComboboxProps) {\n  const [currentValue, handleValueChange] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n  const [currentOpen, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n  const [filterText, setFilterText] = React.useState(\"\");\n  const [activeDescendantId, setActiveDescendantId] = React.useState<\n    string | undefined\n  >(undefined);\n  const [visibleCount, setVisibleCount] = React.useState(0);\n\n  // labelMapRef persists option labels across open/close for trigger display\n  const labelMapRef = React.useRef(new Map<string, string>());\n  const registry = useOptionRegistry();\n\n  const generatedId = React.useId();\n  const listboxId = `${generatedId}-listbox`;\n  const inputId = `${generatedId}-input`;\n  const listRef = React.useRef<HTMLDivElement | null>(null);\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  const highlightOnOpenRef = React.useRef<\"first\" | \"last\" | null>(null);\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen);\n      if (!nextOpen) {\n        setFilterText(\"\");\n        setActiveDescendantId(undefined);\n      }\n    },\n    [setOpen],\n  );\n\n  // Restore focus to trigger when panel closes and focus is lost to body\n  const prevOpenRef = React.useRef(currentOpen);\n  React.useEffect(() => {\n    if (prevOpenRef.current && !currentOpen) {\n      requestAnimationFrame(() => {\n        const active = getActiveElement();\n        if (active === document.body || active === null) {\n          triggerRef.current?.focus();\n        }\n      });\n    }\n    prevOpenRef.current = currentOpen;\n  }, [currentOpen]);\n\n  // Floating UI: no useRole to avoid ARIA injection conflicts\n  const { refs, floatingStyles, context } = useFloating({\n    open: currentOpen,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [\n      offset(4),\n      flip(),\n      shift({ padding: 8 }),\n      size({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            minWidth: `${String(rects.reference.width)}px`,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n  ]);\n\n  // Wraps the hook's registerOption to also persist labels in labelMapRef\n  const registerOption = React.useCallback(\n    (optionValue: string, label: string, ref: HTMLElement | null) => {\n      labelMapRef.current.set(optionValue, label);\n      registry.registerOption(optionValue, label, ref);\n    },\n    [registry],\n  );\n\n  // Labels are read from labelMapRef so they persist across panel close/open\n  const getOptionLabel = React.useCallback(\n    (optionValue: string): string | undefined => {\n      return labelMapRef.current.get(optionValue);\n    },\n    [],\n  );\n\n  const contextValue: ComboboxContextValue = React.useMemo(() => {\n    void registry.registryVersion;\n    return {\n      open: currentOpen,\n      onOpenChange: handleOpenChange,\n      value: currentValue,\n      onValueChange: handleValueChange,\n      filterText,\n      setFilterText,\n      activeDescendantId,\n      setActiveDescendantId,\n      visibleCount,\n      setVisibleCount,\n      disabled,\n      freeText,\n      listboxId,\n      inputId,\n      listRef,\n      triggerRef,\n      highlightOnOpenRef,\n      registerOption,\n      unregisterOption: registry.unregisterOption,\n      getOptions: registry.getOptions,\n      getOptionLabel,\n      getOptionRef: registry.getOptionRef,\n      isOptionDisabled: registry.isOptionDisabled,\n      registerDisabledOption: registry.registerDisabledOption,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    };\n  }, [\n    currentOpen,\n    handleOpenChange,\n    currentValue,\n    handleValueChange,\n    filterText,\n    activeDescendantId,\n    visibleCount,\n    disabled,\n    freeText,\n    listboxId,\n    inputId,\n    registerOption,\n    getOptionLabel,\n    registry,\n    refs,\n    floatingStyles,\n    getReferenceProps,\n    getFloatingProps,\n  ]);\n\n  return (\n    <ComboboxContext value={contextValue}>\n      {children}\n      {name !== undefined && (\n        <input type=\"hidden\" name={name} value={currentValue ?? \"\"} />\n      )}\n    </ComboboxContext>\n  );\n}\n\nCombobox.displayName = \"Combobox\";\n\nexport { Combobox };\n"],"mappings":";;;;;;;;;;;AAwBA,SAAS,EAAS,EAChB,aACA,OAAO,GACP,iBACA,kBACA,MAAM,GACN,iBAAc,IACd,iBACA,cAAW,IACX,cAAW,IACX,WACgB;CAChB,IAAM,CAAC,GAAc,KAAqB,EACxC,GACA,GACA,CACF,GACM,CAAC,GAAa,KAAW,EAC7B,GACA,GACA,CACF,GACM,CAAC,GAAY,KAAiB,EAAM,SAAS,EAAE,GAC/C,CAAC,GAAoB,KAAyB,EAAM,SAExD,KAAA,CAAS,GACL,CAAC,GAAc,KAAmB,EAAM,SAAS,CAAC,GAGlD,IAAc,EAAM,uBAAO,IAAI,IAAoB,CAAC,GACpD,IAAW,EAAkB,GAE7B,IAAc,EAAM,MAAM,GAC1B,IAAY,GAAG,EAAY,WAC3B,IAAU,GAAG,EAAY,SACzB,IAAU,EAAM,OAA8B,IAAI,GAClD,IAAa,EAAM,OAAiC,IAAI,GACxD,IAAqB,EAAM,OAAgC,IAAI,GAE/D,IAAmB,EAAM,aAC5B,MAAsB;EAErB,AADA,EAAQ,CAAQ,GACX,MACH,EAAc,EAAE,GAChB,EAAsB,KAAA,CAAS;CAEnC,GACA,CAAC,CAAO,CACV,GAGM,IAAc,EAAM,OAAO,CAAW;CAC5C,EAAM,gBAAgB;EASpB,AARI,EAAY,WAAW,CAAC,KAC1B,4BAA4B;GAC1B,IAAM,IAAS,EAAiB;GAChC,CAAI,MAAW,SAAS,QAAQ,MAAW,SACzC,EAAW,SAAS,MAAM;EAE9B,CAAC,GAEH,EAAY,UAAU;CACxB,GAAG,CAAC,CAAW,CAAC;CAGhB,IAAM,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD,MAAM;EACN,cAAc;EACd,WAAW;EACX,YAAY;GACV,EAAO,CAAC;GACR,EAAK;GACL,EAAM,EAAE,SAAS,EAAE,CAAC;GACpB,EAAK,EACH,MAAM,EAAE,UAAO,eAAY;IACzB,OAAO,OAAO,EAAS,SAAS,OAAO,EACrC,UAAU,GAAG,OAAO,EAAM,UAAU,KAAK,EAAE,IAC7C,CAAC;GACH,EACF,CAAC;EACH;EACA,sBAAsB;CACxB,CAAC,GAIK,EAAE,sBAAmB,wBAAqB,EAAgB,CAFlD,EAAS,CAGrB,GAFc,EAAW,CAGzB,CACF,CAAC,GAGK,IAAiB,EAAM,aAC1B,GAAqB,GAAe,MAA4B;EAE/D,AADA,EAAY,QAAQ,IAAI,GAAa,CAAK,GAC1C,EAAS,eAAe,GAAa,GAAO,CAAG;CACjD,GACA,CAAC,CAAQ,CACX,GAGM,IAAiB,EAAM,aAC1B,MACQ,EAAY,QAAQ,IAAI,CAAW,GAE5C,CAAC,CACH;CAuDA,OACE,kBAAC,GAAD;EAAiB,OAtDwB,EAAM,eAC/C,EAAc,iBACP;GACL,MAAM;GACN,cAAc;GACd,OAAO;GACP,eAAe;GACf;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,kBAAkB,EAAS;GAC3B,YAAY,EAAS;GACrB;GACA,cAAc,EAAS;GACvB,kBAAkB,EAAS;GAC3B,wBAAwB,EAAS;GACjC;GACA;GACA;GACA;EACF,IACC;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAG0B;YAAxB,CACG,GACA,MAAS,KAAA,KACR,kBAAC,SAAD;GAAO,MAAK;GAAe;GAAM,OAAO,KAAgB;EAAK,CAAA,CAEhD;;AAErB;AAEA,EAAS,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.utils.cjs","names":[],"sources":["../../../src/components/Combobox/Combobox.utils.ts"],"sourcesContent":["import type * as React from \"react\";\n\nexport function getNavigableOptions(\n  listRef: React.RefObject<HTMLDivElement | null>,\n): HTMLElement[] {\n  if (listRef.current == null) return [];\n  return Array.from(\n    listRef.current.querySelectorAll<HTMLElement>(\n      '[role=\"option\"]:not([hidden]):not([aria-disabled=\"true\"])',\n    ),\n  );\n}\n\nexport function getLabel(children: React.ReactNode): string {\n  if (typeof children === \"string\") return children;\n  if (typeof children === \"number\") return String(children);\n  return \"\";\n}\n"],"mappings":"AAEA,SAAgB,EACd,EACe,CAEf,OADI,EAAQ,SAAW,KAAa,EAAE,CAC/B,MAAM,KACX,EAAQ,QAAQ,iBACd,4DACD,CACF,CAGH,SAAgB,EAAS,EAAmC,CAG1D,OAFI,OAAO,GAAa,SAAiB,EACrC,OAAO,GAAa,SAAiB,OAAO,EAAS,CAClD"}
+{"version":3,"file":"Combobox.utils.cjs","names":[],"sources":["../../../src/components/Combobox/Combobox.utils.ts"],"sourcesContent":["import type * as React from \"react\";\n\nexport function getNavigableOptions(\n  listRef: React.RefObject<HTMLDivElement | null>,\n): HTMLElement[] {\n  if (listRef.current == null) return [];\n  return Array.from(\n    listRef.current.querySelectorAll<HTMLElement>(\n      '[role=\"option\"]:not([hidden]):not([aria-disabled=\"true\"])',\n    ),\n  );\n}\n\nexport function getLabel(children: React.ReactNode): string {\n  if (typeof children === \"string\") return children;\n  if (typeof children === \"number\") return String(children);\n  return \"\";\n}\n"],"mappings":"AAEA,SAAgB,EACd,EACe,CAEf,OADI,EAAQ,SAAW,KAAa,CAAC,EAC9B,MAAM,KACX,EAAQ,QAAQ,iBACd,2DACF,CACF,CACF,CAEA,SAAgB,EAAS,EAAmC,CAG1D,OAFI,OAAO,GAAa,SAAiB,EACrC,OAAO,GAAa,SAAiB,OAAO,CAAQ,EACjD,EACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.utils.js","names":[],"sources":["../../../src/components/Combobox/Combobox.utils.ts"],"sourcesContent":["import type * as React from \"react\";\n\nexport function getNavigableOptions(\n  listRef: React.RefObject<HTMLDivElement | null>,\n): HTMLElement[] {\n  if (listRef.current == null) return [];\n  return Array.from(\n    listRef.current.querySelectorAll<HTMLElement>(\n      '[role=\"option\"]:not([hidden]):not([aria-disabled=\"true\"])',\n    ),\n  );\n}\n\nexport function getLabel(children: React.ReactNode): string {\n  if (typeof children === \"string\") return children;\n  if (typeof children === \"number\") return String(children);\n  return \"\";\n}\n"],"mappings":";AAEA,SAAgB,EACd,GACe;AAEf,QADI,EAAQ,WAAW,OAAa,EAAE,GAC/B,MAAM,KACX,EAAQ,QAAQ,iBACd,gEACD,CACF;;AAGH,SAAgB,EAAS,GAAmC;AAG1D,QAFI,OAAO,KAAa,WAAiB,IACrC,OAAO,KAAa,WAAiB,OAAO,EAAS,GAClD"}
+{"version":3,"file":"Combobox.utils.js","names":[],"sources":["../../../src/components/Combobox/Combobox.utils.ts"],"sourcesContent":["import type * as React from \"react\";\n\nexport function getNavigableOptions(\n  listRef: React.RefObject<HTMLDivElement | null>,\n): HTMLElement[] {\n  if (listRef.current == null) return [];\n  return Array.from(\n    listRef.current.querySelectorAll<HTMLElement>(\n      '[role=\"option\"]:not([hidden]):not([aria-disabled=\"true\"])',\n    ),\n  );\n}\n\nexport function getLabel(children: React.ReactNode): string {\n  if (typeof children === \"string\") return children;\n  if (typeof children === \"number\") return String(children);\n  return \"\";\n}\n"],"mappings":";AAEA,SAAgB,EACd,GACe;CAEf,OADI,EAAQ,WAAW,OAAa,CAAC,IAC9B,MAAM,KACX,EAAQ,QAAQ,iBACd,+DACF,CACF;AACF;AAEA,SAAgB,EAAS,GAAmC;CAG1D,OAFI,OAAO,KAAa,WAAiB,IACrC,OAAO,KAAa,WAAiB,OAAO,CAAQ,IACjD;AACT"}

package/dist/components/Combobox/Combobox.variants.cjs

@@ -1,2 +1,2 @@
-var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`w-full`,`inline-flex items-center justify-between`,`rounded-(--radius-md)`,`border`,`bg-(--nuka-input-bg)`,`text-(--nuka-text-base)`,`text-left`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,`disabled:cursor-not-allowed disabled:opacity-50`,`transition-colors duration-150`],{variants:{intent:{default:`border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)`,danger:`border-(--nuka-danger-border)`,success:`border-(--nuka-success-border)`,warning:`border-(--nuka-warning-border)`},size:{sm:`px-(--space-3) py-(--space-2) text-xs`,md:`px-(--space-4) py-(--space-3) text-sm`,lg:`px-(--space-6) py-(--space-4) text-base`}},defaultVariants:{intent:`default`,size:`md`}});exports.comboboxTriggerVariants=e;
+var e=require("../../node_modules/class-variance-authority/dist/index.cjs").cva([`w-full`,`inline-flex items-center justify-between`,`rounded-(--radius-md)`,`border`,`bg-(--nuka-input-bg)`,`text-(--nuka-text-base)`,`text-left`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,`disabled:cursor-not-allowed disabled:opacity-50`,`transition-colors duration-150`],{variants:{intent:{default:`border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)`,danger:`border-(--nuka-danger-border)`,success:`border-(--nuka-success-border)`,warning:`border-(--nuka-warning-border)`},size:{sm:`px-(--space-3) py-(--space-2) text-xs`,md:`px-(--space-4) py-(--space-3) text-sm`,lg:`px-(--space-6) py-(--space-4) text-base`}},defaultVariants:{intent:`default`,size:`md`}});exports.comboboxTriggerVariants=e;
 //# sourceMappingURL=Combobox.variants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.variants.cjs","names":[],"sources":["../../../src/components/Combobox/Combobox.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const comboboxTriggerVariants = cva(\n  [\n    \"w-full\",\n    \"inline-flex items-center justify-between\",\n    \"rounded-(--radius-md)\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-base)\",\n    \"text-left\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"transition-colors duration-150\",\n  ],\n  {\n    variants: {\n      intent: {\n        default:\n          \"border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)\",\n        danger: \"border-(--nuka-danger-border)\",\n        success: \"border-(--nuka-success-border)\",\n        warning: \"border-(--nuka-warning-border)\",\n      },\n      size: {\n        sm: \"px-(--space-3) py-(--space-2) text-xs\",\n        md: \"px-(--space-4) py-(--space-3) text-sm\",\n        lg: \"px-(--space-6) py-(--space-4) text-base\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type ComboboxTriggerVariantProps = VariantProps<\n  typeof comboboxTriggerVariants\n>;\n"],"mappings":"AAEA,IAAa,wEAA0B,IACrC,CACE,SACA,2CACA,wBACA,SACA,uBACA,0BACA,YACA,qGACA,kDACA,iCACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QACE,wEACF,OAAQ,gCACR,QAAS,iCACT,QAAS,iCACV,CACD,KAAM,CACJ,GAAI,wCACJ,GAAI,wCACJ,GAAI,0CACL,CACF,CACD,gBAAiB,CACf,OAAQ,UACR,KAAM,KACP,CACF,CACF"}
+{"version":3,"file":"Combobox.variants.cjs","names":[],"sources":["../../../src/components/Combobox/Combobox.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const comboboxTriggerVariants = cva(\n  [\n    \"w-full\",\n    \"inline-flex items-center justify-between\",\n    \"rounded-(--radius-md)\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-base)\",\n    \"text-left\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"transition-colors duration-150\",\n  ],\n  {\n    variants: {\n      intent: {\n        default:\n          \"border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)\",\n        danger: \"border-(--nuka-danger-border)\",\n        success: \"border-(--nuka-success-border)\",\n        warning: \"border-(--nuka-warning-border)\",\n      },\n      size: {\n        sm: \"px-(--space-3) py-(--space-2) text-xs\",\n        md: \"px-(--space-4) py-(--space-3) text-sm\",\n        lg: \"px-(--space-6) py-(--space-4) text-base\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type ComboboxTriggerVariantProps = VariantProps<\n  typeof comboboxTriggerVariants\n>;\n"],"mappings":"AAEA,IAAa,sEAA0B,EAAA,IACrC,CACE,SACA,2CACA,wBACA,SACA,uBACA,0BACA,YACA,qGACA,kDACA,gCACF,EACA,CACE,SAAU,CACR,OAAQ,CACN,QACE,wEACF,OAAQ,gCACR,QAAS,iCACT,QAAS,gCACX,EACA,KAAM,CACJ,GAAI,wCACJ,GAAI,wCACJ,GAAI,yCACN,CACF,EACA,gBAAiB,CACf,OAAQ,UACR,KAAM,IACR,CACF,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.variants.js","names":[],"sources":["../../../src/components/Combobox/Combobox.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const comboboxTriggerVariants = cva(\n  [\n    \"w-full\",\n    \"inline-flex items-center justify-between\",\n    \"rounded-(--radius-md)\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-base)\",\n    \"text-left\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"transition-colors duration-150\",\n  ],\n  {\n    variants: {\n      intent: {\n        default:\n          \"border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)\",\n        danger: \"border-(--nuka-danger-border)\",\n        success: \"border-(--nuka-success-border)\",\n        warning: \"border-(--nuka-warning-border)\",\n      },\n      size: {\n        sm: \"px-(--space-3) py-(--space-2) text-xs\",\n        md: \"px-(--space-4) py-(--space-3) text-sm\",\n        lg: \"px-(--space-6) py-(--space-4) text-base\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type ComboboxTriggerVariantProps = VariantProps<\n  typeof comboboxTriggerVariants\n>;\n"],"mappings":";;AAEA,IAAa,IAA0B,EACrC;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SACE;GACF,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF"}
+{"version":3,"file":"Combobox.variants.js","names":[],"sources":["../../../src/components/Combobox/Combobox.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const comboboxTriggerVariants = cva(\n  [\n    \"w-full\",\n    \"inline-flex items-center justify-between\",\n    \"rounded-(--radius-md)\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-base)\",\n    \"text-left\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"transition-colors duration-150\",\n  ],\n  {\n    variants: {\n      intent: {\n        default:\n          \"border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)\",\n        danger: \"border-(--nuka-danger-border)\",\n        success: \"border-(--nuka-success-border)\",\n        warning: \"border-(--nuka-warning-border)\",\n      },\n      size: {\n        sm: \"px-(--space-3) py-(--space-2) text-xs\",\n        md: \"px-(--space-4) py-(--space-3) text-sm\",\n        lg: \"px-(--space-6) py-(--space-4) text-base\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type ComboboxTriggerVariantProps = VariantProps<\n  typeof comboboxTriggerVariants\n>;\n"],"mappings":";;AAEA,IAAa,IAA0B,EACrC;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU;EACR,QAAQ;GACN,SACE;GACF,QAAQ;GACR,SAAS;GACT,SAAS;EACX;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;AACF,CACF"}

package/dist/components/Combobox/ComboboxContent.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/portal.cjs`),r=require(`./Combobox.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,children:o}){let s=r.useComboboxContext();return s.open?(0,a.jsx)(n.Portal,{children:(0,a.jsx)(`div`,{ref:t=>{typeof e==`function`?e(t):e!=null&&(e.current=t),s.refs.setFloating(t)},style:s.floatingStyles,...s.getFloatingProps(),className:t.cn(`z-(--nuka-z-dropdown)`,`bg-(--nuka-bg-base)`,`border border-(--nuka-border-base)`,`rounded-(--radius-md)`,`shadow-(--nuka-shadow-overlay)`,`overflow-hidden`,i),children:o})}):(0,a.jsx)(`div`,{ref:e,hidden:!0,children:o})}o.displayName=`ComboboxContent`,exports.ComboboxContent=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/portal.cjs"),r=require("./Combobox.context.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,className:i,children:o}){let s=r.useComboboxContext();return s.open?(0,a.jsx)(n.Portal,{children:(0,a.jsx)(`div`,{ref:t=>{typeof e==`function`?e(t):e!=null&&(e.current=t),s.refs.setFloating(t)},style:s.floatingStyles,"data-slot":`content`,...s.getFloatingProps(),className:t.cn(`z-(--nuka-z-dropdown)`,`bg-(--nuka-bg-base)`,`border border-(--nuka-border-base)`,`rounded-(--radius-md)`,`shadow-(--nuka-shadow-overlay)`,`overflow-hidden`,i),children:o})}):(0,a.jsx)(`div`,{ref:e,"data-slot":`content`,hidden:!0,children:o})}o.displayName=`ComboboxContent`,exports.ComboboxContent=o;
 //# sourceMappingURL=ComboboxContent.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxContent.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport type { ComboboxContentProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxContent({ ref, className, children }: ComboboxContentProps) {\n  const ctx = useComboboxContext();\n\n  // When closed, render children in a hidden container so ComboboxOption\n  // can register labels for the trigger to display. When open, render\n  // in a Portal with Floating UI positioning.\n  if (!ctx.open) {\n    return (\n      <div ref={ref} hidden>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <Portal>\n      <div\n        ref={(node) => {\n          if (typeof ref === \"function\") ref(node);\n          else if (ref != null) ref.current = node;\n          ctx.refs.setFloating(node);\n        }}\n        style={ctx.floatingStyles}\n        {...ctx.getFloatingProps()}\n        className={cn(\n          \"z-(--nuka-z-dropdown)\",\n          \"bg-(--nuka-bg-base)\",\n          \"border border-(--nuka-border-base)\",\n          \"rounded-(--radius-md)\",\n          \"shadow-(--nuka-shadow-overlay)\",\n          \"overflow-hidden\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport { ComboboxContent };\n"],"mappings":"wPAOA,SAAS,EAAgB,CAAE,MAAK,YAAW,YAAkC,CAC3E,IAAM,EAAM,EAAA,oBAAoB,CAahC,OARK,EAAI,MASP,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAM,GAAS,CACT,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,GACpC,EAAI,KAAK,YAAY,EAAK,EAE5B,MAAO,EAAI,eACX,GAAI,EAAI,kBAAkB,CAC1B,UAAW,EAAA,GACT,wBACA,sBACA,qCACA,wBACA,iCACA,kBACA,EACD,CAEA,WACG,CAAA,CACC,CAAA,EA5BP,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,OAAA,GACZ,WACG,CAAA,CA8BZ,EAAgB,YAAc"}
+{"version":3,"file":"ComboboxContent.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport type { ComboboxContentProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxContent({ ref, className, children }: ComboboxContentProps) {\n  const ctx = useComboboxContext();\n\n  // When closed, render children in a hidden container so ComboboxOption\n  // can register labels for the trigger to display. When open, render\n  // in a Portal with Floating UI positioning.\n  if (!ctx.open) {\n    return (\n      <div ref={ref} data-slot=\"content\" hidden>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <Portal>\n      <div\n        ref={(node) => {\n          if (typeof ref === \"function\") ref(node);\n          else if (ref != null) ref.current = node;\n          ctx.refs.setFloating(node);\n        }}\n        style={ctx.floatingStyles}\n        data-slot=\"content\"\n        {...ctx.getFloatingProps()}\n        className={cn(\n          \"z-(--nuka-z-dropdown)\",\n          \"bg-(--nuka-bg-base)\",\n          \"border border-(--nuka-border-base)\",\n          \"rounded-(--radius-md)\",\n          \"shadow-(--nuka-shadow-overlay)\",\n          \"overflow-hidden\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport { ComboboxContent };\n"],"mappings":"wPAOA,SAAS,EAAgB,CAAE,MAAK,YAAW,YAAkC,CAC3E,IAAM,EAAM,EAAA,mBAAmB,EAa/B,OARK,EAAI,MASP,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAM,GAAS,CACT,OAAO,GAAQ,WAAY,EAAI,CAAI,EAC9B,GAAO,OAAM,EAAI,QAAU,GACpC,EAAI,KAAK,YAAY,CAAI,CAC3B,EACA,MAAO,EAAI,eACX,YAAU,UACV,GAAI,EAAI,iBAAiB,EACzB,UAAW,EAAA,GACT,wBACA,sBACA,qCACA,wBACA,iCACA,kBACA,CACF,EAEC,UACE,CAAA,CACC,CAAA,GA7BN,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,YAAU,UAAU,OAAA,GAChC,UACE,CAAA,CA6BX,CAEA,EAAgB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxContent.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAGrF,iBAAS,eAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAsC1E;kBAtCQ,eAAe;;;AA0CxB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"ComboboxContent.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAGrF,iBAAS,eAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAuC1E;kBAvCQ,eAAe;;;AA2CxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxContent.js

@@ -12,11 +12,13 @@ function i({ ref: i, className: a, children: o }) {
 			typeof i == "function" ? i(e) : i != null && (i.current = e), s.refs.setFloating(e);
 		},
 		style: s.floatingStyles,
+		"data-slot": "content",
 		...s.getFloatingProps(),
 		className: e("z-(--nuka-z-dropdown)", "bg-(--nuka-bg-base)", "border border-(--nuka-border-base)", "rounded-(--radius-md)", "shadow-(--nuka-shadow-overlay)", "overflow-hidden", a),
 		children: o
 	}) }) : /* @__PURE__ */ r("div", {
 		ref: i,
+		"data-slot": "content",
 		hidden: !0,
 		children: o
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxContent.js","names":[],"sources":["../../../src/components/Combobox/ComboboxContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport type { ComboboxContentProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxContent({ ref, className, children }: ComboboxContentProps) {\n  const ctx = useComboboxContext();\n\n  // When closed, render children in a hidden container so ComboboxOption\n  // can register labels for the trigger to display. When open, render\n  // in a Portal with Floating UI positioning.\n  if (!ctx.open) {\n    return (\n      <div ref={ref} hidden>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <Portal>\n      <div\n        ref={(node) => {\n          if (typeof ref === \"function\") ref(node);\n          else if (ref != null) ref.current = node;\n          ctx.refs.setFloating(node);\n        }}\n        style={ctx.floatingStyles}\n        {...ctx.getFloatingProps()}\n        className={cn(\n          \"z-(--nuka-z-dropdown)\",\n          \"bg-(--nuka-bg-base)\",\n          \"border border-(--nuka-border-base)\",\n          \"rounded-(--radius-md)\",\n          \"shadow-(--nuka-shadow-overlay)\",\n          \"overflow-hidden\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport { ComboboxContent };\n"],"mappings":";;;;;;;AAOA,SAAS,EAAgB,EAAE,QAAK,cAAW,eAAkC;CAC3E,IAAM,IAAM,GAAoB;AAahC,QARK,EAAI,OASP,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACE,MAAM,MAAS;AAGb,GAFI,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU,IACpC,EAAI,KAAK,YAAY,EAAK;;EAE5B,OAAO,EAAI;EACX,GAAI,EAAI,kBAAkB;EAC1B,WAAW,EACT,yBACA,uBACA,sCACA,yBACA,kCACA,mBACA,EACD;EAEA;EACG,CAAA,EACC,CAAA,GA5BP,kBAAC,OAAD;EAAU;EAAK,QAAA;EACZ;EACG,CAAA;;AA8BZ,EAAgB,cAAc"}
+{"version":3,"file":"ComboboxContent.js","names":[],"sources":["../../../src/components/Combobox/ComboboxContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport type { ComboboxContentProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxContent({ ref, className, children }: ComboboxContentProps) {\n  const ctx = useComboboxContext();\n\n  // When closed, render children in a hidden container so ComboboxOption\n  // can register labels for the trigger to display. When open, render\n  // in a Portal with Floating UI positioning.\n  if (!ctx.open) {\n    return (\n      <div ref={ref} data-slot=\"content\" hidden>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <Portal>\n      <div\n        ref={(node) => {\n          if (typeof ref === \"function\") ref(node);\n          else if (ref != null) ref.current = node;\n          ctx.refs.setFloating(node);\n        }}\n        style={ctx.floatingStyles}\n        data-slot=\"content\"\n        {...ctx.getFloatingProps()}\n        className={cn(\n          \"z-(--nuka-z-dropdown)\",\n          \"bg-(--nuka-bg-base)\",\n          \"border border-(--nuka-border-base)\",\n          \"rounded-(--radius-md)\",\n          \"shadow-(--nuka-shadow-overlay)\",\n          \"overflow-hidden\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport { ComboboxContent };\n"],"mappings":";;;;;;;AAOA,SAAS,EAAgB,EAAE,QAAK,cAAW,eAAkC;CAC3E,IAAM,IAAM,EAAmB;CAa/B,OARK,EAAI,OASP,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACE,MAAM,MAAS;GAGb,AAFI,OAAO,KAAQ,aAAY,EAAI,CAAI,IAC9B,KAAO,SAAM,EAAI,UAAU,IACpC,EAAI,KAAK,YAAY,CAAI;EAC3B;EACA,OAAO,EAAI;EACX,aAAU;EACV,GAAI,EAAI,iBAAiB;EACzB,WAAW,EACT,yBACA,uBACA,sCACA,yBACA,kCACA,mBACA,CACF;EAEC;CACE,CAAA,EACC,CAAA,IA7BN,kBAAC,OAAD;EAAU;EAAK,aAAU;EAAU,QAAA;EAChC;CACE,CAAA;AA6BX;AAEA,EAAgB,cAAc"}

package/dist/components/Combobox/ComboboxEmpty.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./Combobox.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,children:o,...s}){return r.useComboboxContext().visibleCount>0?null:(0,a.jsx)(`div`,{ref:e,role:`presentation`,className:t.cn(`py-(--space-8) text-center`,i),...s,children:(0,a.jsx)(n.Text,{size:`sm`,color:`muted`,children:o})})}o.displayName=`ComboboxEmpty`,exports.ComboboxEmpty=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../Text/Text.cjs"),r=require("./Combobox.context.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,className:i,children:o,...s}){return r.useComboboxContext().visibleCount>0?null:(0,a.jsx)(`div`,{ref:e,role:`presentation`,className:t.cn(`py-(--space-8) text-center`,i),"data-slot":`empty`,...s,children:(0,a.jsx)(n.Text,{size:`sm`,color:`muted`,children:o})})}o.displayName=`ComboboxEmpty`,exports.ComboboxEmpty=o;
 //# sourceMappingURL=ComboboxEmpty.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxEmpty.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxEmpty.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxEmptyProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxEmpty({\n  ref,\n  className,\n  children,\n  ...props\n}: ComboboxEmptyProps) {\n  const ctx = useComboboxContext();\n\n  if (ctx.visibleCount > 0) return null;\n\n  return (\n    <div\n      ref={ref}\n      role=\"presentation\"\n      className={cn(\"py-(--space-8) text-center\", className)}\n      {...props}\n    >\n      <Text size=\"sm\" color=\"muted\">\n        {children}\n      </Text>\n    </div>\n  );\n}\n\nComboboxEmpty.displayName = \"ComboboxEmpty\";\n\nexport { ComboboxEmpty };\n"],"mappings":"kPAOA,SAAS,EAAc,CACrB,MACA,YACA,WACA,GAAG,GACkB,CAKrB,OAJY,EAAA,oBAAoB,CAExB,aAAe,EAAU,MAG/B,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,eACL,UAAW,EAAA,GAAG,6BAA8B,EAAU,CACtD,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,QACnB,WACI,CAAA,CACH,CAAA,CAIV,EAAc,YAAc"}
+{"version":3,"file":"ComboboxEmpty.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxEmpty.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxEmptyProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxEmpty({\n  ref,\n  className,\n  children,\n  ...props\n}: ComboboxEmptyProps) {\n  const ctx = useComboboxContext();\n\n  if (ctx.visibleCount > 0) return null;\n\n  return (\n    <div\n      ref={ref}\n      role=\"presentation\"\n      className={cn(\"py-(--space-8) text-center\", className)}\n      data-slot=\"empty\"\n      {...props}\n    >\n      <Text size=\"sm\" color=\"muted\">\n        {children}\n      </Text>\n    </div>\n  );\n}\n\nComboboxEmpty.displayName = \"ComboboxEmpty\";\n\nexport { ComboboxEmpty };\n"],"mappings":"kPAOA,SAAS,EAAc,CACrB,MACA,YACA,WACA,GAAG,GACkB,CAKrB,OAJY,EAAA,mBAER,EAAI,aAAe,EAAU,MAG/B,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,eACL,UAAW,EAAA,GAAG,6BAA8B,CAAS,EACrD,YAAU,QACV,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,QACnB,UACG,CAAA,CACH,CAAA,CAET,CAEA,EAAc,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxEmpty.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxEmpty.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAGnF,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,kDAiBpB;kBAtBQ,aAAa;;;AA0BtB,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ComboboxEmpty.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxEmpty.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAGnF,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,kDAkBpB;kBAvBQ,aAAa;;;AA2BtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxEmpty.js

@@ -10,6 +10,7 @@ function i({ ref: i, className: a, children: o, ...s }) {
 		ref: i,
 		role: "presentation",
 		className: e("py-(--space-8) text-center", a),
+		"data-slot": "empty",
 		...s,
 		children: /* @__PURE__ */ r(t, {
 			size: "sm",

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxEmpty.js","names":[],"sources":["../../../src/components/Combobox/ComboboxEmpty.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxEmptyProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxEmpty({\n  ref,\n  className,\n  children,\n  ...props\n}: ComboboxEmptyProps) {\n  const ctx = useComboboxContext();\n\n  if (ctx.visibleCount > 0) return null;\n\n  return (\n    <div\n      ref={ref}\n      role=\"presentation\"\n      className={cn(\"py-(--space-8) text-center\", className)}\n      {...props}\n    >\n      <Text size=\"sm\" color=\"muted\">\n        {children}\n      </Text>\n    </div>\n  );\n}\n\nComboboxEmpty.displayName = \"ComboboxEmpty\";\n\nexport { ComboboxEmpty };\n"],"mappings":";;;;;;;AAOA,SAAS,EAAc,EACrB,QACA,cACA,aACA,GAAG,KACkB;AAKrB,QAJY,GAAoB,CAExB,eAAe,IAAU,OAG/B,kBAAC,OAAD;EACO;EACL,MAAK;EACL,WAAW,EAAG,8BAA8B,EAAU;EACtD,GAAI;YAEJ,kBAAC,GAAD;GAAM,MAAK;GAAK,OAAM;GACnB;GACI,CAAA;EACH,CAAA;;AAIV,EAAc,cAAc"}
+{"version":3,"file":"ComboboxEmpty.js","names":[],"sources":["../../../src/components/Combobox/ComboboxEmpty.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxEmptyProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxEmpty({\n  ref,\n  className,\n  children,\n  ...props\n}: ComboboxEmptyProps) {\n  const ctx = useComboboxContext();\n\n  if (ctx.visibleCount > 0) return null;\n\n  return (\n    <div\n      ref={ref}\n      role=\"presentation\"\n      className={cn(\"py-(--space-8) text-center\", className)}\n      data-slot=\"empty\"\n      {...props}\n    >\n      <Text size=\"sm\" color=\"muted\">\n        {children}\n      </Text>\n    </div>\n  );\n}\n\nComboboxEmpty.displayName = \"ComboboxEmpty\";\n\nexport { ComboboxEmpty };\n"],"mappings":";;;;;;;AAOA,SAAS,EAAc,EACrB,QACA,cACA,aACA,GAAG,KACkB;CAKrB,OAJY,EAER,EAAI,eAAe,IAAU,OAG/B,kBAAC,OAAD;EACO;EACL,MAAK;EACL,WAAW,EAAG,8BAA8B,CAAS;EACrD,aAAU;EACV,GAAI;YAEJ,kBAAC,GAAD;GAAM,MAAK;GAAK,OAAM;GACnB;EACG,CAAA;CACH,CAAA;AAET;AAEA,EAAc,cAAc"}

package/dist/components/Combobox/ComboboxGroup.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./Combobox.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,label:o,className:s,children:c,...l}){let u=i.useId(),d=i.useRef(null),[f,p]=i.useState(!0),m=r.useComboboxContext(),h=i.useCallback(t=>{d.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]);return i.useEffect(()=>{d.current!=null&&p(d.current.querySelector(`[role="option"]:not([hidden])`)!==null)},[m.filterText]),(0,a.jsxs)(`div`,{ref:h,role:`group`,"aria-labelledby":o==null?void 0:u,hidden:!f||void 0,className:t.cn(s),...l,children:[o!=null&&(0,a.jsx)(n.Text,{as:`div`,size:`xs`,weight:`medium`,color:`muted`,id:u,role:`presentation`,className:`px-(--space-3) py-(--space-2)`,children:o}),c]})}o.displayName=`ComboboxGroup`,exports.ComboboxGroup=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../Text/Text.cjs"),r=require("./Combobox.context.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,label:o,className:s,children:c,...l}){let u=i.useId(),[d,f]=i.useState(()=>new Set),p=d.size>0,m=i.useCallback((e,t)=>{f(n=>{let r=new Set(n);return t?r.add(e):r.delete(e),r})},[]),h=i.useCallback(e=>{f(t=>{if(!t.has(e))return t;let n=new Set(t);return n.delete(e),n})},[]);return(0,a.jsx)(r.ComboboxGroupContext,{value:i.useMemo(()=>({registerItemVisibility:m,unregisterItem:h}),[m,h]),children:(0,a.jsxs)(`div`,{ref:e,role:`group`,"aria-labelledby":o==null?void 0:u,hidden:!p||void 0,className:t.cn(s),"data-slot":`group`,...l,children:[o!=null&&(0,a.jsx)(n.Text,{as:`div`,size:`xs`,weight:`medium`,color:`muted`,id:u,role:`presentation`,className:`px-(--space-3) py-(--space-2)`,children:o}),c]})})}o.displayName=`ComboboxGroup`,exports.ComboboxGroup=o;
 //# sourceMappingURL=ComboboxGroup.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxGroup.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxGroupProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxGroup({\n  ref,\n  label,\n  className,\n  children,\n  ...props\n}: ComboboxGroupProps) {\n  const headingId = React.useId();\n  const groupRef = React.useRef<HTMLDivElement>(null);\n  const [hasVisibleItems, setHasVisibleItems] = React.useState(true);\n  const ctx = useComboboxContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      groupRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  React.useEffect(() => {\n    if (groupRef.current == null) return;\n    const visible =\n      groupRef.current.querySelector('[role=\"option\"]:not([hidden])') !== null;\n    setHasVisibleItems(visible);\n  }, [ctx.filterText]);\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"group\"\n      aria-labelledby={label != null ? headingId : undefined}\n      hidden={!hasVisibleItems || undefined}\n      className={cn(className)}\n      {...props}\n    >\n      {label != null && (\n        <Text\n          as=\"div\"\n          size=\"xs\"\n          weight=\"medium\"\n          color=\"muted\"\n          id={headingId}\n          role=\"presentation\"\n          className=\"px-(--space-3) py-(--space-2)\"\n        >\n          {label}\n        </Text>\n      )}\n      {children}\n    </div>\n  );\n}\n\nComboboxGroup.displayName = \"ComboboxGroup\";\n\nexport { ComboboxGroup };\n"],"mappings":"kPAOA,SAAS,EAAc,CACrB,MACA,QACA,YACA,WACA,GAAG,GACkB,CACrB,IAAM,EAAY,EAAM,OAAO,CACzB,EAAW,EAAM,OAAuB,KAAK,CAC7C,CAAC,EAAiB,GAAsB,EAAM,SAAS,GAAK,CAC5D,EAAM,EAAA,oBAAoB,CAE1B,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAS,QAAU,EACf,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,IAEtC,CAAC,EAAI,CACN,CASD,OAPA,EAAM,cAAgB,CAChB,EAAS,SAAW,MAGxB,EADE,EAAS,QAAQ,cAAc,gCAAgC,GAAK,KAC3C,EAC1B,CAAC,EAAI,WAAW,CAAC,EAGlB,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,QACL,kBAAiB,GAAS,KAAmB,IAAA,GAAZ,EACjC,OAAQ,CAAC,GAAmB,IAAA,GAC5B,UAAW,EAAA,GAAG,EAAU,CACxB,GAAI,WANN,CAQG,GAAS,OACR,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,MACH,KAAK,KACL,OAAO,SACP,MAAM,QACN,GAAI,EACJ,KAAK,eACL,UAAU,yCAET,EACI,CAAA,CAER,EACG,GAIV,EAAc,YAAc"}
+{"version":3,"file":"ComboboxGroup.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxGroupProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { ComboboxGroupContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxGroup({\n  ref,\n  label,\n  className,\n  children,\n  ...props\n}: ComboboxGroupProps) {\n  const headingId = React.useId();\n\n  const [visibleItemIds, setVisibleItemIds] = React.useState(\n    () => new Set<string>(),\n  );\n  const hasVisibleItems = visibleItemIds.size > 0;\n\n  const registerItemVisibility = React.useCallback(\n    (id: string, visible: boolean) => {\n      setVisibleItemIds((prev) => {\n        const next = new Set(prev);\n        if (visible) {\n          next.add(id);\n        } else {\n          next.delete(id);\n        }\n        return next;\n      });\n    },\n    [],\n  );\n\n  const unregisterItem = React.useCallback((id: string) => {\n    setVisibleItemIds((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Set(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  const groupContextValue = React.useMemo(\n    () => ({ registerItemVisibility, unregisterItem }),\n    [registerItemVisibility, unregisterItem],\n  );\n\n  return (\n    <ComboboxGroupContext value={groupContextValue}>\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-labelledby={label != null ? headingId : undefined}\n        hidden={!hasVisibleItems || undefined}\n        className={cn(className)}\n        data-slot=\"group\"\n        {...props}\n      >\n        {label != null && (\n          <Text\n            as=\"div\"\n            size=\"xs\"\n            weight=\"medium\"\n            color=\"muted\"\n            id={headingId}\n            role=\"presentation\"\n            className=\"px-(--space-3) py-(--space-2)\"\n          >\n            {label}\n          </Text>\n        )}\n        {children}\n      </div>\n    </ComboboxGroupContext>\n  );\n}\n\nComboboxGroup.displayName = \"ComboboxGroup\";\n\nexport { ComboboxGroup };\n"],"mappings":"kPAOA,SAAS,EAAc,CACrB,MACA,QACA,YACA,WACA,GAAG,GACkB,CACrB,IAAM,EAAY,EAAM,MAAM,EAExB,CAAC,EAAgB,GAAqB,EAAM,aAC1C,IAAI,GACZ,EACM,EAAkB,EAAe,KAAO,EAExC,EAAyB,EAAM,aAClC,EAAY,IAAqB,CAChC,EAAmB,GAAS,CAC1B,IAAM,EAAO,IAAI,IAAI,CAAI,EAMzB,OALI,EACF,EAAK,IAAI,CAAE,EAEX,EAAK,OAAO,CAAE,EAET,CACT,CAAC,CACH,EACA,CAAC,CACH,EAEM,EAAiB,EAAM,YAAa,GAAe,CACvD,EAAmB,GAAS,CAC1B,GAAI,CAAC,EAAK,IAAI,CAAE,EAAG,OAAO,EAC1B,IAAM,EAAO,IAAI,IAAI,CAAI,EAEzB,OADA,EAAK,OAAO,CAAE,EACP,CACT,CAAC,CACH,EAAG,CAAC,CAAC,EAOL,OACE,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAsB,MANE,EAAM,aACvB,CAAE,yBAAwB,gBAAe,GAChD,CAAC,EAAwB,CAAc,CAIV,YAC3B,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,QACL,kBAAiB,GAAS,KAAmB,IAAA,GAAZ,EACjC,OAAQ,CAAC,GAAmB,IAAA,GAC5B,UAAW,EAAA,GAAG,CAAS,EACvB,YAAU,QACV,GAAI,WAPN,CASG,GAAS,OACR,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,MACH,KAAK,KACL,OAAO,SACP,MAAM,QACN,GAAI,EACJ,KAAK,eACL,UAAU,yCAET,CACG,CAAA,EAEP,CACE,GACe,CAAA,CAE1B,CAEA,EAAc,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAGnF,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA+CpB;kBArDQ,aAAa;;;AAyDtB,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ComboboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAGnF,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAiEpB;kBAvEQ,aAAa;;;AA2EtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxGroup.js

@@ -1,33 +1,47 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
 import { Text as t } from "../Text/Text.js";
-import { useComboboxContext as n } from "./Combobox.context.js";
+import { ComboboxGroupContext as n } from "./Combobox.context.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/Combobox/ComboboxGroup.tsx
 function o({ ref: o, label: s, className: c, children: l, ...u }) {
-	let d = r.useId(), f = r.useRef(null), [p, m] = r.useState(!0), h = n(), g = r.useCallback((e) => {
-		f.current = e, typeof o == "function" ? o(e) : o != null && (o.current = e);
-	}, [o]);
-	return r.useEffect(() => {
-		f.current != null && m(f.current.querySelector("[role=\"option\"]:not([hidden])") !== null);
-	}, [h.filterText]), /* @__PURE__ */ a("div", {
-		ref: g,
-		role: "group",
-		"aria-labelledby": s == null ? void 0 : d,
-		hidden: !p || void 0,
-		className: e(c),
-		...u,
-		children: [s != null && /* @__PURE__ */ i(t, {
-			as: "div",
-			size: "xs",
-			weight: "medium",
-			color: "muted",
-			id: d,
-			role: "presentation",
-			className: "px-(--space-3) py-(--space-2)",
-			children: s
-		}), l]
+	let d = r.useId(), [f, p] = r.useState(() => /* @__PURE__ */ new Set()), m = f.size > 0, h = r.useCallback((e, t) => {
+		p((n) => {
+			let r = new Set(n);
+			return t ? r.add(e) : r.delete(e), r;
+		});
+	}, []), g = r.useCallback((e) => {
+		p((t) => {
+			if (!t.has(e)) return t;
+			let n = new Set(t);
+			return n.delete(e), n;
+		});
+	}, []);
+	return /* @__PURE__ */ i(n, {
+		value: r.useMemo(() => ({
+			registerItemVisibility: h,
+			unregisterItem: g
+		}), [h, g]),
+		children: /* @__PURE__ */ a("div", {
+			ref: o,
+			role: "group",
+			"aria-labelledby": s == null ? void 0 : d,
+			hidden: !m || void 0,
+			className: e(c),
+			"data-slot": "group",
+			...u,
+			children: [s != null && /* @__PURE__ */ i(t, {
+				as: "div",
+				size: "xs",
+				weight: "medium",
+				color: "muted",
+				id: d,
+				role: "presentation",
+				className: "px-(--space-3) py-(--space-2)",
+				children: s
+			}), l]
+		})
 	});
 }
 o.displayName = "ComboboxGroup";

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxGroup.js","names":[],"sources":["../../../src/components/Combobox/ComboboxGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxGroupProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxGroup({\n  ref,\n  label,\n  className,\n  children,\n  ...props\n}: ComboboxGroupProps) {\n  const headingId = React.useId();\n  const groupRef = React.useRef<HTMLDivElement>(null);\n  const [hasVisibleItems, setHasVisibleItems] = React.useState(true);\n  const ctx = useComboboxContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      groupRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  React.useEffect(() => {\n    if (groupRef.current == null) return;\n    const visible =\n      groupRef.current.querySelector('[role=\"option\"]:not([hidden])') !== null;\n    setHasVisibleItems(visible);\n  }, [ctx.filterText]);\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"group\"\n      aria-labelledby={label != null ? headingId : undefined}\n      hidden={!hasVisibleItems || undefined}\n      className={cn(className)}\n      {...props}\n    >\n      {label != null && (\n        <Text\n          as=\"div\"\n          size=\"xs\"\n          weight=\"medium\"\n          color=\"muted\"\n          id={headingId}\n          role=\"presentation\"\n          className=\"px-(--space-3) py-(--space-2)\"\n        >\n          {label}\n        </Text>\n      )}\n      {children}\n    </div>\n  );\n}\n\nComboboxGroup.displayName = \"ComboboxGroup\";\n\nexport { ComboboxGroup };\n"],"mappings":";;;;;;;AAOA,SAAS,EAAc,EACrB,QACA,UACA,cACA,aACA,GAAG,KACkB;CACrB,IAAM,IAAY,EAAM,OAAO,EACzB,IAAW,EAAM,OAAuB,KAAK,EAC7C,CAAC,GAAiB,KAAsB,EAAM,SAAS,GAAK,EAC5D,IAAM,GAAoB,EAE1B,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAS,UAAU,GACf,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU;IAEtC,CAAC,EAAI,CACN;AASD,QAPA,EAAM,gBAAgB;AAChB,IAAS,WAAW,QAGxB,EADE,EAAS,QAAQ,cAAc,kCAAgC,KAAK,KAC3C;IAC1B,CAAC,EAAI,WAAW,CAAC,EAGlB,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,mBAAiB,KAAS,OAAmB,KAAA,IAAZ;EACjC,QAAQ,CAAC,KAAmB,KAAA;EAC5B,WAAW,EAAG,EAAU;EACxB,GAAI;YANN,CAQG,KAAS,QACR,kBAAC,GAAD;GACE,IAAG;GACH,MAAK;GACL,QAAO;GACP,OAAM;GACN,IAAI;GACJ,MAAK;GACL,WAAU;aAET;GACI,CAAA,EAER,EACG;;;AAIV,EAAc,cAAc"}
+{"version":3,"file":"ComboboxGroup.js","names":[],"sources":["../../../src/components/Combobox/ComboboxGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxGroupProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { ComboboxGroupContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxGroup({\n  ref,\n  label,\n  className,\n  children,\n  ...props\n}: ComboboxGroupProps) {\n  const headingId = React.useId();\n\n  const [visibleItemIds, setVisibleItemIds] = React.useState(\n    () => new Set<string>(),\n  );\n  const hasVisibleItems = visibleItemIds.size > 0;\n\n  const registerItemVisibility = React.useCallback(\n    (id: string, visible: boolean) => {\n      setVisibleItemIds((prev) => {\n        const next = new Set(prev);\n        if (visible) {\n          next.add(id);\n        } else {\n          next.delete(id);\n        }\n        return next;\n      });\n    },\n    [],\n  );\n\n  const unregisterItem = React.useCallback((id: string) => {\n    setVisibleItemIds((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Set(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  const groupContextValue = React.useMemo(\n    () => ({ registerItemVisibility, unregisterItem }),\n    [registerItemVisibility, unregisterItem],\n  );\n\n  return (\n    <ComboboxGroupContext value={groupContextValue}>\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-labelledby={label != null ? headingId : undefined}\n        hidden={!hasVisibleItems || undefined}\n        className={cn(className)}\n        data-slot=\"group\"\n        {...props}\n      >\n        {label != null && (\n          <Text\n            as=\"div\"\n            size=\"xs\"\n            weight=\"medium\"\n            color=\"muted\"\n            id={headingId}\n            role=\"presentation\"\n            className=\"px-(--space-3) py-(--space-2)\"\n          >\n            {label}\n          </Text>\n        )}\n        {children}\n      </div>\n    </ComboboxGroupContext>\n  );\n}\n\nComboboxGroup.displayName = \"ComboboxGroup\";\n\nexport { ComboboxGroup };\n"],"mappings":";;;;;;;AAOA,SAAS,EAAc,EACrB,QACA,UACA,cACA,aACA,GAAG,KACkB;CACrB,IAAM,IAAY,EAAM,MAAM,GAExB,CAAC,GAAgB,KAAqB,EAAM,+BAC1C,IAAI,IAAY,CACxB,GACM,IAAkB,EAAe,OAAO,GAExC,IAAyB,EAAM,aAClC,GAAY,MAAqB;EAChC,GAAmB,MAAS;GAC1B,IAAM,IAAO,IAAI,IAAI,CAAI;GAMzB,OALI,IACF,EAAK,IAAI,CAAE,IAEX,EAAK,OAAO,CAAE,GAET;EACT,CAAC;CACH,GACA,CAAC,CACH,GAEM,IAAiB,EAAM,aAAa,MAAe;EACvD,GAAmB,MAAS;GAC1B,IAAI,CAAC,EAAK,IAAI,CAAE,GAAG,OAAO;GAC1B,IAAM,IAAO,IAAI,IAAI,CAAI;GAEzB,OADA,EAAK,OAAO,CAAE,GACP;EACT,CAAC;CACH,GAAG,CAAC,CAAC;CAOL,OACE,kBAAC,GAAD;EAAsB,OANE,EAAM,eACvB;GAAE;GAAwB;EAAe,IAChD,CAAC,GAAwB,CAAc,CAIV;YAC3B,kBAAC,OAAD;GACO;GACL,MAAK;GACL,mBAAiB,KAAS,OAAmB,KAAA,IAAZ;GACjC,QAAQ,CAAC,KAAmB,KAAA;GAC5B,WAAW,EAAG,CAAS;GACvB,aAAU;GACV,GAAI;aAPN,CASG,KAAS,QACR,kBAAC,GAAD;IACE,IAAG;IACH,MAAK;IACL,QAAO;IACP,OAAM;IACN,IAAI;IACJ,MAAK;IACL,WAAU;cAET;GACG,CAAA,GAEP,CACE;;CACe,CAAA;AAE1B;AAEA,EAAc,cAAc"}

package/dist/components/Combobox/ComboboxInput.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/roving-index.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`./Combobox.context.cjs`),a=require(`../../utils/scroll-into-view-safe.cjs`),o=require(`./Combobox.utils.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);function l({ref:e,className:l,...u}){let d=i.useComboboxContext(),f=s.useRef(null),p=s.useCallback(t=>{f.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]);s.useEffect(()=>{f.current?.focus();let e=d.highlightOnOpenRef.current;if(e!=null){d.highlightOnOpenRef.current=null;let t=o.getNavigableOptions(d.listRef);if(t.length>0){let n=e===`first`?t[0]:t[t.length-1];n!=null&&(d.setActiveDescendantId(n.id),a.scrollIntoViewSafe(n))}}},[]);let m=e=>{let t=o.getNavigableOptions(d.listRef),r=t.findIndex(e=>e.id===d.activeDescendantId),i=n.getRovingIndex(e.key,r,t.length,`vertical`);if(i!==void 0){e.preventDefault();let n=t[i];n!=null&&(d.setActiveDescendantId(n.id),a.scrollIntoViewSafe(n));return}switch(e.key){case`Enter`:if(e.preventDefault(),d.activeDescendantId!=null){let e=document.getElementById(d.activeDescendantId);e!=null&&e.getAttribute(`aria-disabled`)!==`true`&&e.click()}else d.freeText&&d.filterText!==``&&(d.onValueChange(d.filterText),d.onOpenChange(!1),d.triggerRef.current?.focus());break;case`Escape`:d.onOpenChange(!1),d.triggerRef.current?.focus();break;case`Tab`:d.triggerRef.current?.focus(),d.onOpenChange(!1);break;default:break}},h=e=>{d.setFilterText(e.target.value),d.setActiveDescendantId(void 0)};return(0,c.jsxs)(`div`,{className:t.cn(`flex items-center gap-(--space-2) px-(--space-3)`,`border-b border-(--nuka-border-base)`),children:[(0,c.jsx)(r.Icon,{size:`sm`,color:`muted`,children:(0,c.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,c.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,c.jsx)(`path`,{d:`m21 21-4.3-4.3`})]})}),(0,c.jsx)(`input`,{...u,ref:p,id:d.inputId,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":d.open,"aria-controls":d.listboxId,"aria-activedescendant":d.activeDescendantId,value:d.filterText,onChange:h,onKeyDown:m,className:t.cn(`flex-1 bg-transparent py-(--space-3)`,`text-sm text-(--nuka-text-base)`,`placeholder:text-(--nuka-text-muted)`,`outline-none`,l)})]})}l.displayName=`ComboboxInput`,exports.ComboboxInput=l;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/roving-index.cjs"),r=require("../Icon/Icon.cjs"),i=require("./Combobox.context.cjs"),a=require("../../utils/scroll-into-view-safe.cjs"),o=require("./Combobox.utils.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");function l({ref:e,className:l,...u}){let d=i.useComboboxContext(),f=s.useRef(null),p=s.useCallback(t=>{f.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]);s.useEffect(()=>{f.current?.focus();let e=d.highlightOnOpenRef.current;if(e!=null){d.highlightOnOpenRef.current=null;let t=o.getNavigableOptions(d.listRef);if(t.length>0){let n=e===`first`?t[0]:t[t.length-1];n!=null&&(d.setActiveDescendantId(n.id),a.scrollIntoViewSafe(n))}}},[]);let m=e=>{let t=o.getNavigableOptions(d.listRef),r=t.findIndex(e=>e.id===d.activeDescendantId),i=n.getRovingIndex(e.key,r,t.length,`vertical`);if(i!==void 0){e.preventDefault();let n=t[i];n!=null&&(d.setActiveDescendantId(n.id),a.scrollIntoViewSafe(n));return}switch(e.key){case`Enter`:if(e.preventDefault(),d.activeDescendantId!=null){let e=document.getElementById(d.activeDescendantId);e!=null&&e.getAttribute(`aria-disabled`)!==`true`&&e.click()}else d.freeText&&d.filterText!==``&&(d.onValueChange(d.filterText),d.onOpenChange(!1),d.triggerRef.current?.focus());break;case`Escape`:d.onOpenChange(!1),d.triggerRef.current?.focus();break;case`Tab`:d.triggerRef.current?.focus(),d.onOpenChange(!1);break;default:break}},h=e=>{d.setFilterText(e.target.value),d.setActiveDescendantId(void 0)};return(0,c.jsxs)(`div`,{"data-slot":`input-wrapper`,className:t.cn(`flex items-center gap-(--space-2) px-(--space-3)`,`border-b border-(--nuka-border-base)`),children:[(0,c.jsx)(r.Icon,{size:`sm`,color:`muted`,children:(0,c.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,c.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,c.jsx)(`path`,{d:`m21 21-4.3-4.3`})]})}),(0,c.jsx)(`input`,{...u,ref:p,id:d.inputId,"data-slot":`input`,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":d.open,"aria-controls":d.listboxId,"aria-activedescendant":d.activeDescendantId,value:d.filterText,onChange:h,onKeyDown:m,className:t.cn(`flex-1 bg-transparent py-(--space-3)`,`text-sm text-(--nuka-text-base)`,`placeholder:text-(--nuka-text-muted)`,`outline-none`,l)})]})}l.displayName=`ComboboxInput`,exports.ComboboxInput=l;
 //# sourceMappingURL=ComboboxInput.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { scrollIntoViewSafe } from \"@nuka/utils/scroll-into-view-safe\";\nimport type { ComboboxInputProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getNavigableOptions } from \"@nuka/components/Combobox/Combobox.utils\";\n\nfunction ComboboxInput({ ref, className, ...props }: ComboboxInputProps) {\n  const ctx = useComboboxContext();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  // Focus input and apply highlight directive when panel opens.\n  // No rAF: by the time useEffect fires, Portal content and callback refs\n  // are committed, so the input and option elements are in the DOM.\n  // Empty deps: component unmounts on close and remounts on open.\n  React.useEffect(() => {\n    internalRef.current?.focus();\n\n    const dir = ctx.highlightOnOpenRef.current;\n    if (dir != null) {\n      ctx.highlightOnOpenRef.current = null;\n      const items = getNavigableOptions(ctx.listRef);\n      if (items.length > 0) {\n        const target = dir === \"first\" ? items[0] : items[items.length - 1];\n        if (target != null) {\n          ctx.setActiveDescendantId(target.id);\n          scrollIntoViewSafe(target);\n        }\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- runs once on mount when panel opens\n  }, []);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const items = getNavigableOptions(ctx.listRef);\n    const currentIdx = items.findIndex(\n      (el) => el.id === ctx.activeDescendantId,\n    );\n    const nextIdx = getRovingIndex(e.key, currentIdx, items.length, \"vertical\");\n\n    if (nextIdx !== undefined) {\n      e.preventDefault();\n      const next = items[nextIdx];\n      if (next != null) {\n        ctx.setActiveDescendantId(next.id);\n        scrollIntoViewSafe(next);\n      }\n      return;\n    }\n\n    switch (e.key) {\n      case \"Enter\": {\n        e.preventDefault();\n        if (ctx.activeDescendantId != null) {\n          const activeEl = document.getElementById(ctx.activeDescendantId);\n          if (\n            activeEl != null &&\n            activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n          ) {\n            activeEl.click();\n          }\n        } else if (ctx.freeText && ctx.filterText !== \"\") {\n          ctx.onValueChange(ctx.filterText);\n          ctx.onOpenChange(false);\n          ctx.triggerRef.current?.focus();\n        }\n        break;\n      }\n      case \"Escape\": {\n        ctx.onOpenChange(false);\n        ctx.triggerRef.current?.focus();\n        break;\n      }\n      case \"Tab\": {\n        ctx.triggerRef.current?.focus();\n        ctx.onOpenChange(false);\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    ctx.setFilterText(e.target.value);\n    ctx.setActiveDescendantId(undefined);\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3)\",\n        \"border-b border-(--nuka-border-base)\",\n      )}\n    >\n      <Icon size=\"sm\" color=\"muted\">\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          <path d=\"m21 21-4.3-4.3\" />\n        </svg>\n      </Icon>\n      <input\n        {...props}\n        ref={composedRef}\n        id={ctx.inputId}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={ctx.open}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={ctx.activeDescendantId}\n        value={ctx.filterText}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"flex-1 bg-transparent py-(--space-3)\",\n          \"text-sm text-(--nuka-text-base)\",\n          \"placeholder:text-(--nuka-text-muted)\",\n          \"outline-none\",\n          className,\n        )}\n      />\n    </div>\n  );\n}\n\nComboboxInput.displayName = \"ComboboxInput\";\n\nexport { ComboboxInput };\n"],"mappings":"iXAUA,SAAS,EAAc,CAAE,MAAK,YAAW,GAAG,GAA6B,CACvE,IAAM,EAAM,EAAA,oBAAoB,CAC1B,EAAc,EAAM,OAAyB,KAAK,CAElD,EAAc,EAAM,YACvB,GAAkC,CACjC,EAAY,QAAU,EAClB,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,IAEtC,CAAC,EAAI,CACN,CAMD,EAAM,cAAgB,CACpB,EAAY,SAAS,OAAO,CAE5B,IAAM,EAAM,EAAI,mBAAmB,QACnC,GAAI,GAAO,KAAM,CACf,EAAI,mBAAmB,QAAU,KACjC,IAAM,EAAQ,EAAA,oBAAoB,EAAI,QAAQ,CAC9C,GAAI,EAAM,OAAS,EAAG,CACpB,IAAM,EAAS,IAAQ,QAAU,EAAM,GAAK,EAAM,EAAM,OAAS,GAC7D,GAAU,OACZ,EAAI,sBAAsB,EAAO,GAAG,CACpC,EAAA,mBAAmB,EAAO,KAK/B,EAAE,CAAC,CAEN,IAAM,EAAiB,GAA6C,CAClE,IAAM,EAAQ,EAAA,oBAAoB,EAAI,QAAQ,CACxC,EAAa,EAAM,UACtB,GAAO,EAAG,KAAO,EAAI,mBACvB,CACK,EAAU,EAAA,eAAe,EAAE,IAAK,EAAY,EAAM,OAAQ,WAAW,CAE3E,GAAI,IAAY,IAAA,GAAW,CACzB,EAAE,gBAAgB,CAClB,IAAM,EAAO,EAAM,GACf,GAAQ,OACV,EAAI,sBAAsB,EAAK,GAAG,CAClC,EAAA,mBAAmB,EAAK,EAE1B,OAGF,OAAQ,EAAE,IAAV,CACE,IAAK,QAEH,GADA,EAAE,gBAAgB,CACd,EAAI,oBAAsB,KAAM,CAClC,IAAM,EAAW,SAAS,eAAe,EAAI,mBAAmB,CAE9D,GAAY,MACZ,EAAS,aAAa,gBAAgB,GAAK,QAE3C,EAAS,OAAO,MAET,EAAI,UAAY,EAAI,aAAe,KAC5C,EAAI,cAAc,EAAI,WAAW,CACjC,EAAI,aAAa,GAAM,CACvB,EAAI,WAAW,SAAS,OAAO,EAEjC,MAEF,IAAK,SACH,EAAI,aAAa,GAAM,CACvB,EAAI,WAAW,SAAS,OAAO,CAC/B,MAEF,IAAK,MACH,EAAI,WAAW,SAAS,OAAO,CAC/B,EAAI,aAAa,GAAM,CACvB,MAEF,QACE,QAIA,EAAgB,GAA2C,CAC/D,EAAI,cAAc,EAAE,OAAO,MAAM,CACjC,EAAI,sBAAsB,IAAA,GAAU,EAGtC,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,mDACA,uCACD,UAJH,EAME,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,kBACpB,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,iBANjB,EAQE,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,IAAM,CAAA,EAChC,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,iBAAmB,CAAA,CACvB,GACD,CAAA,EACP,EAAA,EAAA,KAAC,QAAD,CACE,GAAI,EACJ,IAAK,EACL,GAAI,EAAI,QACR,KAAK,WACL,oBAAkB,OAClB,gBAAe,EAAI,KACnB,gBAAe,EAAI,UACnB,wBAAuB,EAAI,mBAC3B,MAAO,EAAI,WACX,SAAU,EACV,UAAW,EACX,UAAW,EAAA,GACT,uCACA,kCACA,uCACA,eACA,EACD,CACD,CAAA,CACE,GAIV,EAAc,YAAc"}
+{"version":3,"file":"ComboboxInput.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { scrollIntoViewSafe } from \"@nuka/utils/scroll-into-view-safe\";\nimport type { ComboboxInputProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getNavigableOptions } from \"@nuka/components/Combobox/Combobox.utils\";\n\nfunction ComboboxInput({ ref, className, ...props }: ComboboxInputProps) {\n  const ctx = useComboboxContext();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  // Focus input and apply highlight directive when panel opens.\n  // No rAF: by the time useEffect fires, Portal content and callback refs\n  // are committed, so the input and option elements are in the DOM.\n  // Empty deps: component unmounts on close and remounts on open.\n  React.useEffect(() => {\n    internalRef.current?.focus();\n\n    const dir = ctx.highlightOnOpenRef.current;\n    if (dir != null) {\n      ctx.highlightOnOpenRef.current = null;\n      const items = getNavigableOptions(ctx.listRef);\n      if (items.length > 0) {\n        const target = dir === \"first\" ? items[0] : items[items.length - 1];\n        if (target != null) {\n          ctx.setActiveDescendantId(target.id);\n          scrollIntoViewSafe(target);\n        }\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps, @eslint-react/exhaustive-deps -- runs once on mount when panel opens\n  }, []);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const items = getNavigableOptions(ctx.listRef);\n    const currentIdx = items.findIndex(\n      (el) => el.id === ctx.activeDescendantId,\n    );\n    const nextIdx = getRovingIndex(e.key, currentIdx, items.length, \"vertical\");\n\n    if (nextIdx !== undefined) {\n      e.preventDefault();\n      const next = items[nextIdx];\n      if (next != null) {\n        ctx.setActiveDescendantId(next.id);\n        scrollIntoViewSafe(next);\n      }\n      return;\n    }\n\n    switch (e.key) {\n      case \"Enter\": {\n        e.preventDefault();\n        if (ctx.activeDescendantId != null) {\n          const activeEl = document.getElementById(ctx.activeDescendantId);\n          if (\n            activeEl != null &&\n            activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n          ) {\n            activeEl.click();\n          }\n        } else if (ctx.freeText && ctx.filterText !== \"\") {\n          ctx.onValueChange(ctx.filterText);\n          ctx.onOpenChange(false);\n          ctx.triggerRef.current?.focus();\n        }\n        break;\n      }\n      case \"Escape\": {\n        ctx.onOpenChange(false);\n        ctx.triggerRef.current?.focus();\n        break;\n      }\n      case \"Tab\": {\n        ctx.triggerRef.current?.focus();\n        ctx.onOpenChange(false);\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    ctx.setFilterText(e.target.value);\n    ctx.setActiveDescendantId(undefined);\n  };\n\n  return (\n    <div\n      data-slot=\"input-wrapper\"\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3)\",\n        \"border-b border-(--nuka-border-base)\",\n      )}\n    >\n      <Icon size=\"sm\" color=\"muted\">\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          <path d=\"m21 21-4.3-4.3\" />\n        </svg>\n      </Icon>\n      <input\n        {...props}\n        ref={composedRef}\n        id={ctx.inputId}\n        data-slot=\"input\"\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={ctx.open}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={ctx.activeDescendantId}\n        value={ctx.filterText}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"flex-1 bg-transparent py-(--space-3)\",\n          \"text-sm text-(--nuka-text-base)\",\n          \"placeholder:text-(--nuka-text-muted)\",\n          \"outline-none\",\n          className,\n        )}\n      />\n    </div>\n  );\n}\n\nComboboxInput.displayName = \"ComboboxInput\";\n\nexport { ComboboxInput };\n"],"mappings":"iXAUA,SAAS,EAAc,CAAE,MAAK,YAAW,GAAG,GAA6B,CACvE,IAAM,EAAM,EAAA,mBAAmB,EACzB,EAAc,EAAM,OAAyB,IAAI,EAEjD,EAAc,EAAM,YACvB,GAAkC,CACjC,EAAY,QAAU,EAClB,OAAO,GAAQ,WAAY,EAAI,CAAI,EAC9B,GAAO,OAAM,EAAI,QAAU,EACtC,EACA,CAAC,CAAG,CACN,EAMA,EAAM,cAAgB,CACpB,EAAY,SAAS,MAAM,EAE3B,IAAM,EAAM,EAAI,mBAAmB,QACnC,GAAI,GAAO,KAAM,CACf,EAAI,mBAAmB,QAAU,KACjC,IAAM,EAAQ,EAAA,oBAAoB,EAAI,OAAO,EAC7C,GAAI,EAAM,OAAS,EAAG,CACpB,IAAM,EAAS,IAAQ,QAAU,EAAM,GAAK,EAAM,EAAM,OAAS,GAC7D,GAAU,OACZ,EAAI,sBAAsB,EAAO,EAAE,EACnC,EAAA,mBAAmB,CAAM,EAE7B,CACF,CAEF,EAAG,CAAC,CAAC,EAEL,IAAM,EAAiB,GAA6C,CAClE,IAAM,EAAQ,EAAA,oBAAoB,EAAI,OAAO,EACvC,EAAa,EAAM,UACtB,GAAO,EAAG,KAAO,EAAI,kBACxB,EACM,EAAU,EAAA,eAAe,EAAE,IAAK,EAAY,EAAM,OAAQ,UAAU,EAE1E,GAAI,IAAY,IAAA,GAAW,CACzB,EAAE,eAAe,EACjB,IAAM,EAAO,EAAM,GACf,GAAQ,OACV,EAAI,sBAAsB,EAAK,EAAE,EACjC,EAAA,mBAAmB,CAAI,GAEzB,MACF,CAEA,OAAQ,EAAE,IAAV,CACE,IAAK,QAEH,GADA,EAAE,eAAe,EACb,EAAI,oBAAsB,KAAM,CAClC,IAAM,EAAW,SAAS,eAAe,EAAI,kBAAkB,EAE7D,GAAY,MACZ,EAAS,aAAa,eAAe,IAAM,QAE3C,EAAS,MAAM,CAEnB,MAAW,EAAI,UAAY,EAAI,aAAe,KAC5C,EAAI,cAAc,EAAI,UAAU,EAChC,EAAI,aAAa,EAAK,EACtB,EAAI,WAAW,SAAS,MAAM,GAEhC,MAEF,IAAK,SACH,EAAI,aAAa,EAAK,EACtB,EAAI,WAAW,SAAS,MAAM,EAC9B,MAEF,IAAK,MACH,EAAI,WAAW,SAAS,MAAM,EAC9B,EAAI,aAAa,EAAK,EACtB,MAEF,QACE,KACJ,CACF,EAEM,EAAgB,GAA2C,CAC/D,EAAI,cAAc,EAAE,OAAO,KAAK,EAChC,EAAI,sBAAsB,IAAA,EAAS,CACrC,EAEA,OACE,EAAA,EAAA,MAAC,MAAD,CACE,YAAU,gBACV,UAAW,EAAA,GACT,mDACA,sCACF,WALF,EAOE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,kBACpB,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,iBANjB,EAQE,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,GAAK,CAAA,GAC/B,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,gBAAkB,CAAA,CACvB,GACD,CAAA,GACN,EAAA,EAAA,KAAC,QAAD,CACE,GAAI,EACJ,IAAK,EACL,GAAI,EAAI,QACR,YAAU,QACV,KAAK,WACL,oBAAkB,OAClB,gBAAe,EAAI,KACnB,gBAAe,EAAI,UACnB,wBAAuB,EAAI,mBAC3B,MAAO,EAAI,WACX,SAAU,EACV,UAAW,EACX,UAAW,EAAA,GACT,uCACA,kCACA,uCACA,eACA,CACF,CACD,CAAA,CACE,GAET,CAEA,EAAc,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAInF,iBAAS,aAAa,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAoItE;kBApIQ,aAAa;;;AAwItB,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAInF,iBAAS,aAAa,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAsItE;kBAtIQ,aAAa;;;AA0ItB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxInput.js

@@ -51,6 +51,7 @@ function l({ ref: l, className: u, ...d }) {
 		f.setFilterText(e.target.value), f.setActiveDescendantId(void 0);
 	};
 	return /* @__PURE__ */ c("div", {
+		"data-slot": "input-wrapper",
 		className: e("flex items-center gap-(--space-2) px-(--space-3)", "border-b border-(--nuka-border-base)"),
 		children: [/* @__PURE__ */ s(n, {
 			size: "sm",
@@ -72,6 +73,7 @@ function l({ ref: l, className: u, ...d }) {
 			...d,
 			ref: m,
 			id: f.inputId,
+			"data-slot": "input",
 			role: "combobox",
 			"aria-autocomplete": "list",
 			"aria-expanded": f.open,

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.js","names":[],"sources":["../../../src/components/Combobox/ComboboxInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { scrollIntoViewSafe } from \"@nuka/utils/scroll-into-view-safe\";\nimport type { ComboboxInputProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getNavigableOptions } from \"@nuka/components/Combobox/Combobox.utils\";\n\nfunction ComboboxInput({ ref, className, ...props }: ComboboxInputProps) {\n  const ctx = useComboboxContext();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  // Focus input and apply highlight directive when panel opens.\n  // No rAF: by the time useEffect fires, Portal content and callback refs\n  // are committed, so the input and option elements are in the DOM.\n  // Empty deps: component unmounts on close and remounts on open.\n  React.useEffect(() => {\n    internalRef.current?.focus();\n\n    const dir = ctx.highlightOnOpenRef.current;\n    if (dir != null) {\n      ctx.highlightOnOpenRef.current = null;\n      const items = getNavigableOptions(ctx.listRef);\n      if (items.length > 0) {\n        const target = dir === \"first\" ? items[0] : items[items.length - 1];\n        if (target != null) {\n          ctx.setActiveDescendantId(target.id);\n          scrollIntoViewSafe(target);\n        }\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- runs once on mount when panel opens\n  }, []);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const items = getNavigableOptions(ctx.listRef);\n    const currentIdx = items.findIndex(\n      (el) => el.id === ctx.activeDescendantId,\n    );\n    const nextIdx = getRovingIndex(e.key, currentIdx, items.length, \"vertical\");\n\n    if (nextIdx !== undefined) {\n      e.preventDefault();\n      const next = items[nextIdx];\n      if (next != null) {\n        ctx.setActiveDescendantId(next.id);\n        scrollIntoViewSafe(next);\n      }\n      return;\n    }\n\n    switch (e.key) {\n      case \"Enter\": {\n        e.preventDefault();\n        if (ctx.activeDescendantId != null) {\n          const activeEl = document.getElementById(ctx.activeDescendantId);\n          if (\n            activeEl != null &&\n            activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n          ) {\n            activeEl.click();\n          }\n        } else if (ctx.freeText && ctx.filterText !== \"\") {\n          ctx.onValueChange(ctx.filterText);\n          ctx.onOpenChange(false);\n          ctx.triggerRef.current?.focus();\n        }\n        break;\n      }\n      case \"Escape\": {\n        ctx.onOpenChange(false);\n        ctx.triggerRef.current?.focus();\n        break;\n      }\n      case \"Tab\": {\n        ctx.triggerRef.current?.focus();\n        ctx.onOpenChange(false);\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    ctx.setFilterText(e.target.value);\n    ctx.setActiveDescendantId(undefined);\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3)\",\n        \"border-b border-(--nuka-border-base)\",\n      )}\n    >\n      <Icon size=\"sm\" color=\"muted\">\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          <path d=\"m21 21-4.3-4.3\" />\n        </svg>\n      </Icon>\n      <input\n        {...props}\n        ref={composedRef}\n        id={ctx.inputId}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={ctx.open}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={ctx.activeDescendantId}\n        value={ctx.filterText}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"flex-1 bg-transparent py-(--space-3)\",\n          \"text-sm text-(--nuka-text-base)\",\n          \"placeholder:text-(--nuka-text-muted)\",\n          \"outline-none\",\n          className,\n        )}\n      />\n    </div>\n  );\n}\n\nComboboxInput.displayName = \"ComboboxInput\";\n\nexport { ComboboxInput };\n"],"mappings":";;;;;;;;;;AAUA,SAAS,EAAc,EAAE,QAAK,cAAW,GAAG,KAA6B;CACvE,IAAM,IAAM,GAAoB,EAC1B,IAAc,EAAM,OAAyB,KAAK,EAElD,IAAc,EAAM,aACvB,MAAkC;AAEjC,EADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU;IAEtC,CAAC,EAAI,CACN;AAMD,GAAM,gBAAgB;AACpB,IAAY,SAAS,OAAO;EAE5B,IAAM,IAAM,EAAI,mBAAmB;AACnC,MAAI,KAAO,MAAM;AACf,KAAI,mBAAmB,UAAU;GACjC,IAAM,IAAQ,EAAoB,EAAI,QAAQ;AAC9C,OAAI,EAAM,SAAS,GAAG;IACpB,IAAM,IAAS,MAAQ,UAAU,EAAM,KAAK,EAAM,EAAM,SAAS;AACjE,IAAI,KAAU,SACZ,EAAI,sBAAsB,EAAO,GAAG,EACpC,EAAmB,EAAO;;;IAK/B,EAAE,CAAC;CAEN,IAAM,KAAiB,MAA6C;EAClE,IAAM,IAAQ,EAAoB,EAAI,QAAQ,EACxC,IAAa,EAAM,WACtB,MAAO,EAAG,OAAO,EAAI,mBACvB,EACK,IAAU,EAAe,EAAE,KAAK,GAAY,EAAM,QAAQ,WAAW;AAE3E,MAAI,MAAY,KAAA,GAAW;AACzB,KAAE,gBAAgB;GAClB,IAAM,IAAO,EAAM;AACnB,GAAI,KAAQ,SACV,EAAI,sBAAsB,EAAK,GAAG,EAClC,EAAmB,EAAK;AAE1B;;AAGF,UAAQ,EAAE,KAAV;GACE,KAAK;AAEH,QADA,EAAE,gBAAgB,EACd,EAAI,sBAAsB,MAAM;KAClC,IAAM,IAAW,SAAS,eAAe,EAAI,mBAAmB;AAChE,KACE,KAAY,QACZ,EAAS,aAAa,gBAAgB,KAAK,UAE3C,EAAS,OAAO;WAET,EAAI,YAAY,EAAI,eAAe,OAC5C,EAAI,cAAc,EAAI,WAAW,EACjC,EAAI,aAAa,GAAM,EACvB,EAAI,WAAW,SAAS,OAAO;AAEjC;GAEF,KAAK;AAEH,IADA,EAAI,aAAa,GAAM,EACvB,EAAI,WAAW,SAAS,OAAO;AAC/B;GAEF,KAAK;AAEH,IADA,EAAI,WAAW,SAAS,OAAO,EAC/B,EAAI,aAAa,GAAM;AACvB;GAEF,QACE;;IAIA,KAAgB,MAA2C;AAE/D,EADA,EAAI,cAAc,EAAE,OAAO,MAAM,EACjC,EAAI,sBAAsB,KAAA,EAAU;;AAGtC,QACE,kBAAC,OAAD;EACE,WAAW,EACT,oDACA,uCACD;YAJH,CAME,kBAAC,GAAD;GAAM,MAAK;GAAK,OAAM;aACpB,kBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAa;IACb,eAAc;IACd,gBAAe;cANjB,CAQE,kBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAK,GAAE;KAAM,CAAA,EAChC,kBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA,CACvB;;GACD,CAAA,EACP,kBAAC,SAAD;GACE,GAAI;GACJ,KAAK;GACL,IAAI,EAAI;GACR,MAAK;GACL,qBAAkB;GAClB,iBAAe,EAAI;GACnB,iBAAe,EAAI;GACnB,yBAAuB,EAAI;GAC3B,OAAO,EAAI;GACX,UAAU;GACV,WAAW;GACX,WAAW,EACT,wCACA,mCACA,wCACA,gBACA,EACD;GACD,CAAA,CACE;;;AAIV,EAAc,cAAc"}
+{"version":3,"file":"ComboboxInput.js","names":[],"sources":["../../../src/components/Combobox/ComboboxInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { scrollIntoViewSafe } from \"@nuka/utils/scroll-into-view-safe\";\nimport type { ComboboxInputProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getNavigableOptions } from \"@nuka/components/Combobox/Combobox.utils\";\n\nfunction ComboboxInput({ ref, className, ...props }: ComboboxInputProps) {\n  const ctx = useComboboxContext();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  // Focus input and apply highlight directive when panel opens.\n  // No rAF: by the time useEffect fires, Portal content and callback refs\n  // are committed, so the input and option elements are in the DOM.\n  // Empty deps: component unmounts on close and remounts on open.\n  React.useEffect(() => {\n    internalRef.current?.focus();\n\n    const dir = ctx.highlightOnOpenRef.current;\n    if (dir != null) {\n      ctx.highlightOnOpenRef.current = null;\n      const items = getNavigableOptions(ctx.listRef);\n      if (items.length > 0) {\n        const target = dir === \"first\" ? items[0] : items[items.length - 1];\n        if (target != null) {\n          ctx.setActiveDescendantId(target.id);\n          scrollIntoViewSafe(target);\n        }\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps, @eslint-react/exhaustive-deps -- runs once on mount when panel opens\n  }, []);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const items = getNavigableOptions(ctx.listRef);\n    const currentIdx = items.findIndex(\n      (el) => el.id === ctx.activeDescendantId,\n    );\n    const nextIdx = getRovingIndex(e.key, currentIdx, items.length, \"vertical\");\n\n    if (nextIdx !== undefined) {\n      e.preventDefault();\n      const next = items[nextIdx];\n      if (next != null) {\n        ctx.setActiveDescendantId(next.id);\n        scrollIntoViewSafe(next);\n      }\n      return;\n    }\n\n    switch (e.key) {\n      case \"Enter\": {\n        e.preventDefault();\n        if (ctx.activeDescendantId != null) {\n          const activeEl = document.getElementById(ctx.activeDescendantId);\n          if (\n            activeEl != null &&\n            activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n          ) {\n            activeEl.click();\n          }\n        } else if (ctx.freeText && ctx.filterText !== \"\") {\n          ctx.onValueChange(ctx.filterText);\n          ctx.onOpenChange(false);\n          ctx.triggerRef.current?.focus();\n        }\n        break;\n      }\n      case \"Escape\": {\n        ctx.onOpenChange(false);\n        ctx.triggerRef.current?.focus();\n        break;\n      }\n      case \"Tab\": {\n        ctx.triggerRef.current?.focus();\n        ctx.onOpenChange(false);\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    ctx.setFilterText(e.target.value);\n    ctx.setActiveDescendantId(undefined);\n  };\n\n  return (\n    <div\n      data-slot=\"input-wrapper\"\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3)\",\n        \"border-b border-(--nuka-border-base)\",\n      )}\n    >\n      <Icon size=\"sm\" color=\"muted\">\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          <path d=\"m21 21-4.3-4.3\" />\n        </svg>\n      </Icon>\n      <input\n        {...props}\n        ref={composedRef}\n        id={ctx.inputId}\n        data-slot=\"input\"\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={ctx.open}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={ctx.activeDescendantId}\n        value={ctx.filterText}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"flex-1 bg-transparent py-(--space-3)\",\n          \"text-sm text-(--nuka-text-base)\",\n          \"placeholder:text-(--nuka-text-muted)\",\n          \"outline-none\",\n          className,\n        )}\n      />\n    </div>\n  );\n}\n\nComboboxInput.displayName = \"ComboboxInput\";\n\nexport { ComboboxInput };\n"],"mappings":";;;;;;;;;;AAUA,SAAS,EAAc,EAAE,QAAK,cAAW,GAAG,KAA6B;CACvE,IAAM,IAAM,EAAmB,GACzB,IAAc,EAAM,OAAyB,IAAI,GAEjD,IAAc,EAAM,aACvB,MAAkC;EAEjC,AADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,CAAI,IAC9B,KAAO,SAAM,EAAI,UAAU;CACtC,GACA,CAAC,CAAG,CACN;CAMA,EAAM,gBAAgB;EACpB,EAAY,SAAS,MAAM;EAE3B,IAAM,IAAM,EAAI,mBAAmB;EACnC,IAAI,KAAO,MAAM;GACf,EAAI,mBAAmB,UAAU;GACjC,IAAM,IAAQ,EAAoB,EAAI,OAAO;GAC7C,IAAI,EAAM,SAAS,GAAG;IACpB,IAAM,IAAS,MAAQ,UAAU,EAAM,KAAK,EAAM,EAAM,SAAS;IACjE,AAAI,KAAU,SACZ,EAAI,sBAAsB,EAAO,EAAE,GACnC,EAAmB,CAAM;GAE7B;EACF;CAEF,GAAG,CAAC,CAAC;CAEL,IAAM,KAAiB,MAA6C;EAClE,IAAM,IAAQ,EAAoB,EAAI,OAAO,GACvC,IAAa,EAAM,WACtB,MAAO,EAAG,OAAO,EAAI,kBACxB,GACM,IAAU,EAAe,EAAE,KAAK,GAAY,EAAM,QAAQ,UAAU;EAE1E,IAAI,MAAY,KAAA,GAAW;GACzB,EAAE,eAAe;GACjB,IAAM,IAAO,EAAM;GACnB,AAAI,KAAQ,SACV,EAAI,sBAAsB,EAAK,EAAE,GACjC,EAAmB,CAAI;GAEzB;EACF;EAEA,QAAQ,EAAE,KAAV;GACE,KAAK;IAEH,IADA,EAAE,eAAe,GACb,EAAI,sBAAsB,MAAM;KAClC,IAAM,IAAW,SAAS,eAAe,EAAI,kBAAkB;KAC/D,AACE,KAAY,QACZ,EAAS,aAAa,eAAe,MAAM,UAE3C,EAAS,MAAM;IAEnB,OAAO,AAAI,EAAI,YAAY,EAAI,eAAe,OAC5C,EAAI,cAAc,EAAI,UAAU,GAChC,EAAI,aAAa,EAAK,GACtB,EAAI,WAAW,SAAS,MAAM;IAEhC;GAEF,KAAK;IAEH,AADA,EAAI,aAAa,EAAK,GACtB,EAAI,WAAW,SAAS,MAAM;IAC9B;GAEF,KAAK;IAEH,AADA,EAAI,WAAW,SAAS,MAAM,GAC9B,EAAI,aAAa,EAAK;IACtB;GAEF,SACE;EACJ;CACF,GAEM,KAAgB,MAA2C;EAE/D,AADA,EAAI,cAAc,EAAE,OAAO,KAAK,GAChC,EAAI,sBAAsB,KAAA,CAAS;CACrC;CAEA,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,oDACA,sCACF;YALF,CAOE,kBAAC,GAAD;GAAM,MAAK;GAAK,OAAM;aACpB,kBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAa;IACb,eAAc;IACd,gBAAe;cANjB,CAQE,kBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAK,GAAE;IAAK,CAAA,GAC/B,kBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA,CACvB;;EACD,CAAA,GACN,kBAAC,SAAD;GACE,GAAI;GACJ,KAAK;GACL,IAAI,EAAI;GACR,aAAU;GACV,MAAK;GACL,qBAAkB;GAClB,iBAAe,EAAI;GACnB,iBAAe,EAAI;GACnB,yBAAuB,EAAI;GAC3B,OAAO,EAAI;GACX,UAAU;GACV,WAAW;GACX,WAAW,EACT,wCACA,mCACA,wCACA,gBACA,CACF;EACD,CAAA,CACE;;AAET;AAEA,EAAc,cAAc"}

package/dist/components/Combobox/ComboboxListbox.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Combobox.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:a,children:o,...s}){let c=n.useComboboxContext(),l=r.useCallback(t=>{c.listRef.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e,c.listRef]),{filterText:u,setVisibleCount:d,listRef:f}=c;return r.useLayoutEffect(()=>{if(f.current==null)return;let e=f.current.querySelectorAll(`[role="option"]:not([hidden])`).length;d(e)},[u,d,f]),(0,i.jsx)(`div`,{ref:l,id:c.listboxId,role:`listbox`,"aria-label":`Options`,className:t.cn(`max-h-[280px] overflow-y-auto p-(--space-1)`,a),...s,children:o})}a.displayName=`ComboboxListbox`,exports.ComboboxListbox=a;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("./Combobox.context.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({ref:e,className:a,children:o,...s}){let c=n.useComboboxContext(),l=r.useCallback(t=>{c.listRef.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e,c.listRef]),{filterText:u,setVisibleCount:d,listRef:f}=c;return r.useLayoutEffect(()=>{if(f.current==null)return;let e=f.current.querySelectorAll(`[role="option"]:not([hidden])`).length;d(e)},[u,d,f]),(0,i.jsx)(`div`,{ref:l,id:c.listboxId,"data-slot":`listbox`,role:`listbox`,"aria-label":`Options`,className:t.cn(`max-h-[280px] overflow-y-auto p-(--space-1)`,a),...s,children:o})}a.displayName=`ComboboxListbox`,exports.ComboboxListbox=a;
 //# sourceMappingURL=ComboboxListbox.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxListbox.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxListbox.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxListboxProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxListbox({\n  ref,\n  className,\n  children,\n  ...props\n}: ComboboxListboxProps) {\n  const ctx = useComboboxContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      ctx.listRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref, ctx.listRef],\n  );\n\n  const { filterText, setVisibleCount, listRef } = ctx;\n\n  // Count visible options for ComboboxEmpty. Layout effect avoids\n  // flash-of-empty-state by updating before paint.\n  React.useLayoutEffect(() => {\n    if (listRef.current == null) return;\n    const count = listRef.current.querySelectorAll(\n      '[role=\"option\"]:not([hidden])',\n    ).length;\n    setVisibleCount(count);\n  }, [filterText, setVisibleCount, listRef]);\n\n  return (\n    <div\n      ref={composedRef}\n      id={ctx.listboxId}\n      role=\"listbox\"\n      aria-label=\"Options\"\n      className={cn(\"max-h-[280px] overflow-y-auto p-(--space-1)\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nComboboxListbox.displayName = \"ComboboxListbox\";\n\nexport { ComboboxListbox };\n"],"mappings":"oNAMA,SAAS,EAAgB,CACvB,MACA,YACA,WACA,GAAG,GACoB,CACvB,IAAM,EAAM,EAAA,oBAAoB,CAE1B,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAI,QAAQ,QAAU,EAClB,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,IAEtC,CAAC,EAAK,EAAI,QAAQ,CACnB,CAEK,CAAE,aAAY,kBAAiB,WAAY,EAYjD,OARA,EAAM,oBAAsB,CAC1B,GAAI,EAAQ,SAAW,KAAM,OAC7B,IAAM,EAAQ,EAAQ,QAAQ,iBAC5B,gCACD,CAAC,OACF,EAAgB,EAAM,EACrB,CAAC,EAAY,EAAiB,EAAQ,CAAC,EAGxC,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EAAI,UACR,KAAK,UACL,aAAW,UACX,UAAW,EAAA,GAAG,8CAA+C,EAAU,CACvE,GAAI,EAEH,WACG,CAAA,CAIV,EAAgB,YAAc"}
+{"version":3,"file":"ComboboxListbox.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxListbox.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxListboxProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxListbox({\n  ref,\n  className,\n  children,\n  ...props\n}: ComboboxListboxProps) {\n  const ctx = useComboboxContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      ctx.listRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref, ctx.listRef],\n  );\n\n  const { filterText, setVisibleCount, listRef } = ctx;\n\n  // Count visible options for ComboboxEmpty. Layout effect avoids\n  // flash-of-empty-state by updating before paint.\n  React.useLayoutEffect(() => {\n    if (listRef.current == null) return;\n    const count = listRef.current.querySelectorAll(\n      '[role=\"option\"]:not([hidden])',\n    ).length;\n    setVisibleCount(count);\n  }, [filterText, setVisibleCount, listRef]);\n\n  return (\n    <div\n      ref={composedRef}\n      id={ctx.listboxId}\n      data-slot=\"listbox\"\n      role=\"listbox\"\n      aria-label=\"Options\"\n      className={cn(\"max-h-[280px] overflow-y-auto p-(--space-1)\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nComboboxListbox.displayName = \"ComboboxListbox\";\n\nexport { ComboboxListbox };\n"],"mappings":"oNAMA,SAAS,EAAgB,CACvB,MACA,YACA,WACA,GAAG,GACoB,CACvB,IAAM,EAAM,EAAA,mBAAmB,EAEzB,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAI,QAAQ,QAAU,EAClB,OAAO,GAAQ,WAAY,EAAI,CAAI,EAC9B,GAAO,OAAM,EAAI,QAAU,EACtC,EACA,CAAC,EAAK,EAAI,OAAO,CACnB,EAEM,CAAE,aAAY,kBAAiB,WAAY,EAYjD,OARA,EAAM,oBAAsB,CAC1B,GAAI,EAAQ,SAAW,KAAM,OAC7B,IAAM,EAAQ,EAAQ,QAAQ,iBAC5B,+BACF,EAAE,OACF,EAAgB,CAAK,CACvB,EAAG,CAAC,EAAY,EAAiB,CAAO,CAAC,GAGvC,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EAAI,UACR,YAAU,UACV,KAAK,UACL,aAAW,UACX,UAAW,EAAA,GAAG,8CAA+C,CAAS,EACtE,GAAI,EAEH,UACE,CAAA,CAET,CAEA,EAAgB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxListbox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxListbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAGrF,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAoCtB;kBAzCQ,eAAe;;;AA6CxB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"ComboboxListbox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxListbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAGrF,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAqCtB;kBA1CQ,eAAe;;;AA8CxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxListbox.js

@@ -19,6 +19,7 @@ function i({ ref: i, className: a, children: o, ...s }) {
 	]), /* @__PURE__ */ r("div", {
 		ref: l,
 		id: c.listboxId,
+		"data-slot": "listbox",
 		role: "listbox",
 		"aria-label": "Options",
 		className: e("max-h-[280px] overflow-y-auto p-(--space-1)", a),

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxListbox.js","names":[],"sources":["../../../src/components/Combobox/ComboboxListbox.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxListboxProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxListbox({\n  ref,\n  className,\n  children,\n  ...props\n}: ComboboxListboxProps) {\n  const ctx = useComboboxContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      ctx.listRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref, ctx.listRef],\n  );\n\n  const { filterText, setVisibleCount, listRef } = ctx;\n\n  // Count visible options for ComboboxEmpty. Layout effect avoids\n  // flash-of-empty-state by updating before paint.\n  React.useLayoutEffect(() => {\n    if (listRef.current == null) return;\n    const count = listRef.current.querySelectorAll(\n      '[role=\"option\"]:not([hidden])',\n    ).length;\n    setVisibleCount(count);\n  }, [filterText, setVisibleCount, listRef]);\n\n  return (\n    <div\n      ref={composedRef}\n      id={ctx.listboxId}\n      role=\"listbox\"\n      aria-label=\"Options\"\n      className={cn(\"max-h-[280px] overflow-y-auto p-(--space-1)\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nComboboxListbox.displayName = \"ComboboxListbox\";\n\nexport { ComboboxListbox };\n"],"mappings":";;;;;;AAMA,SAAS,EAAgB,EACvB,QACA,cACA,aACA,GAAG,KACoB;CACvB,IAAM,IAAM,GAAoB,EAE1B,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAI,QAAQ,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU;IAEtC,CAAC,GAAK,EAAI,QAAQ,CACnB,EAEK,EAAE,eAAY,oBAAiB,eAAY;AAYjD,QARA,EAAM,sBAAsB;AAC1B,MAAI,EAAQ,WAAW,KAAM;EAC7B,IAAM,IAAQ,EAAQ,QAAQ,iBAC5B,kCACD,CAAC;AACF,IAAgB,EAAM;IACrB;EAAC;EAAY;EAAiB;EAAQ,CAAC,EAGxC,kBAAC,OAAD;EACE,KAAK;EACL,IAAI,EAAI;EACR,MAAK;EACL,cAAW;EACX,WAAW,EAAG,+CAA+C,EAAU;EACvE,GAAI;EAEH;EACG,CAAA;;AAIV,EAAgB,cAAc"}
+{"version":3,"file":"ComboboxListbox.js","names":[],"sources":["../../../src/components/Combobox/ComboboxListbox.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxListboxProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxListbox({\n  ref,\n  className,\n  children,\n  ...props\n}: ComboboxListboxProps) {\n  const ctx = useComboboxContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      ctx.listRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref, ctx.listRef],\n  );\n\n  const { filterText, setVisibleCount, listRef } = ctx;\n\n  // Count visible options for ComboboxEmpty. Layout effect avoids\n  // flash-of-empty-state by updating before paint.\n  React.useLayoutEffect(() => {\n    if (listRef.current == null) return;\n    const count = listRef.current.querySelectorAll(\n      '[role=\"option\"]:not([hidden])',\n    ).length;\n    setVisibleCount(count);\n  }, [filterText, setVisibleCount, listRef]);\n\n  return (\n    <div\n      ref={composedRef}\n      id={ctx.listboxId}\n      data-slot=\"listbox\"\n      role=\"listbox\"\n      aria-label=\"Options\"\n      className={cn(\"max-h-[280px] overflow-y-auto p-(--space-1)\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nComboboxListbox.displayName = \"ComboboxListbox\";\n\nexport { ComboboxListbox };\n"],"mappings":";;;;;;AAMA,SAAS,EAAgB,EACvB,QACA,cACA,aACA,GAAG,KACoB;CACvB,IAAM,IAAM,EAAmB,GAEzB,IAAc,EAAM,aACvB,MAAgC;EAE/B,AADA,EAAI,QAAQ,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,CAAI,IAC9B,KAAO,SAAM,EAAI,UAAU;CACtC,GACA,CAAC,GAAK,EAAI,OAAO,CACnB,GAEM,EAAE,eAAY,oBAAiB,eAAY;CAYjD,OARA,EAAM,sBAAsB;EAC1B,IAAI,EAAQ,WAAW,MAAM;EAC7B,IAAM,IAAQ,EAAQ,QAAQ,iBAC5B,iCACF,EAAE;EACF,EAAgB,CAAK;CACvB,GAAG;EAAC;EAAY;EAAiB;CAAO,CAAC,GAGvC,kBAAC,OAAD;EACE,KAAK;EACL,IAAI,EAAI;EACR,aAAU;EACV,MAAK;EACL,cAAW;EACX,WAAW,EAAG,+CAA+C,CAAS;EACtE,GAAI;EAEH;CACE,CAAA;AAET;AAEA,EAAgB,cAAc"}

package/dist/components/Combobox/ComboboxOption.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Combobox.context.cjs`),r=require(`./Combobox.utils.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,value:o,disabled:s=!1,className:c,children:l,onSelect:u}){let d=n.useComboboxContext(),f=i.useRef(null),p=i.useCallback(t=>{f.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]),m=d.value===o,h=`${d.listboxId}-option-${o}`,g=r.getLabel(l),_=d.filterText!==``&&!g.toLowerCase().includes(d.filterText.toLowerCase()),v=d.activeDescendantId===h;return i.useLayoutEffect(()=>(d.registerOption(o,g,f.current),()=>{d.unregisterOption(o)}),[]),i.useEffect(()=>{d.registerDisabledOption(o,s)},[d,o,s]),i.useEffect(()=>{v&&f.current!=null&&typeof f.current.scrollIntoView==`function`&&f.current.scrollIntoView({block:`nearest`})},[v]),(0,a.jsx)(`div`,{ref:p,id:h,role:`option`,"aria-selected":m,"aria-disabled":s||void 0,hidden:_||void 0,className:t.cn(`px-(--space-3) py-(--space-2)`,`text-sm`,`cursor-pointer`,`select-none`,`text-(--nuka-text-base)`,s&&`opacity-50 cursor-not-allowed pointer-events-none`,m&&!v&&`bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)`,v&&`bg-(--nuka-bg-muted) outline-none`,!m&&!v&&!s&&`hover:bg-(--nuka-bg-muted)`,c),onClick:()=>{s||(d.onValueChange(o),u?.(),d.onOpenChange(!1))},children:l})}o.displayName=`ComboboxOption`,exports.ComboboxOption=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("./Combobox.context.cjs"),r=require("./Combobox.utils.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,value:o,disabled:s=!1,className:c,children:l,onSelect:u}){let d=n.useComboboxContext(),f=i.use(n.ComboboxGroupContext),p=i.useRef(null),m=i.useCallback(t=>{p.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]),h=d.value===o,g=`${d.listboxId}-option-${o}`,_=r.getLabel(l),v=d.filterText!==``&&!_.toLowerCase().includes(d.filterText.toLowerCase()),y=d.activeDescendantId===g;i.useLayoutEffect(()=>(d.registerOption(o,_,p.current),()=>{d.unregisterOption(o)}),[]),i.useEffect(()=>{d.registerDisabledOption(o,s)},[d,o,s]);let b=f?.registerItemVisibility,x=f?.unregisterItem;return i.useEffect(()=>{if(!(!b||!x))return b(g,!v),()=>x(g)},[b,x,g,v]),i.useEffect(()=>{y&&p.current!=null&&typeof p.current.scrollIntoView==`function`&&p.current.scrollIntoView({block:`nearest`})},[y]),(0,a.jsx)(`div`,{ref:m,id:g,"data-slot":`item`,role:`option`,"aria-selected":h,"aria-disabled":s||void 0,hidden:v||void 0,className:t.cn(`px-(--space-3) py-(--space-2)`,`text-sm`,`cursor-pointer`,`select-none`,`text-(--nuka-text-base)`,s&&`opacity-50 cursor-not-allowed pointer-events-none`,h&&!y&&`bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)`,y&&`bg-(--nuka-bg-muted) outline-none`,!h&&!y&&!s&&`hover:bg-(--nuka-bg-muted)`,c),onClick:()=>{s||(d.onValueChange(o),u?.(),d.onOpenChange(!1))},children:l})}o.displayName=`ComboboxOption`,exports.ComboboxOption=o;
 //# sourceMappingURL=ComboboxOption.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxOption.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxOptionProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getLabel } from \"@nuka/components/Combobox/Combobox.utils\";\n\nfunction ComboboxOption({\n  ref,\n  value,\n  disabled = false,\n  className,\n  children,\n  onSelect,\n}: ComboboxOptionProps) {\n  const ctx = useComboboxContext();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isSelected = ctx.value === value;\n  const optionId = `${ctx.listboxId}-option-${value}`;\n  const label = getLabel(children);\n\n  const isFiltered =\n    ctx.filterText !== \"\" &&\n    !label.toLowerCase().includes(ctx.filterText.toLowerCase());\n\n  const isActive = ctx.activeDescendantId === optionId;\n\n  React.useLayoutEffect(() => {\n    ctx.registerOption(value, label, internalRef.current);\n    return () => {\n      ctx.unregisterOption(value);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- register once on mount, unregister on unmount\n  }, []);\n\n  React.useEffect(() => {\n    ctx.registerDisabledOption(value, disabled);\n  }, [ctx, value, disabled]);\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      if (typeof internalRef.current.scrollIntoView === \"function\") {\n        internalRef.current.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    ctx.onValueChange(value);\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={optionId}\n      role=\"option\"\n      aria-selected={isSelected}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      className={cn(\n        \"px-(--space-3) py-(--space-2)\",\n        \"text-sm\",\n        \"cursor-pointer\",\n        \"select-none\",\n        \"text-(--nuka-text-base)\",\n        disabled && \"opacity-50 cursor-not-allowed pointer-events-none\",\n        isSelected &&\n          !isActive &&\n          \"bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)\",\n        isActive && \"bg-(--nuka-bg-muted) outline-none\",\n        !isSelected && !isActive && !disabled && \"hover:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      onClick={handleClick}\n    >\n      {children}\n    </div>\n  );\n}\n\nComboboxOption.displayName = \"ComboboxOption\";\n\nexport { ComboboxOption };\n"],"mappings":"sPAOA,SAAS,EAAe,CACtB,MACA,QACA,WAAW,GACX,YACA,WACA,YACsB,CACtB,IAAM,EAAM,EAAA,oBAAoB,CAC1B,EAAc,EAAM,OAAuB,KAAK,CAEhD,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAY,QAAU,EAClB,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,IAEtC,CAAC,EAAI,CACN,CAEK,EAAa,EAAI,QAAU,EAC3B,EAAW,GAAG,EAAI,UAAU,UAAU,IACtC,EAAQ,EAAA,SAAS,EAAS,CAE1B,EACJ,EAAI,aAAe,IACnB,CAAC,EAAM,aAAa,CAAC,SAAS,EAAI,WAAW,aAAa,CAAC,CAEvD,EAAW,EAAI,qBAAuB,EA6B5C,OA3BA,EAAM,qBACJ,EAAI,eAAe,EAAO,EAAO,EAAY,QAAQ,KACxC,CACX,EAAI,iBAAiB,EAAM,GAG5B,EAAE,CAAC,CAEN,EAAM,cAAgB,CACpB,EAAI,uBAAuB,EAAO,EAAS,EAC1C,CAAC,EAAK,EAAO,EAAS,CAAC,CAE1B,EAAM,cAAgB,CAChB,GAAY,EAAY,SAAW,MACjC,OAAO,EAAY,QAAQ,gBAAmB,YAChD,EAAY,QAAQ,eAAe,CAAE,MAAO,UAAW,CAAC,EAG3D,CAAC,EAAS,CAAC,EAUZ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EACJ,KAAK,SACL,gBAAe,EACf,gBAAe,GAAY,IAAA,GAC3B,OAAQ,GAAc,IAAA,GACtB,UAAW,EAAA,GACT,gCACA,UACA,iBACA,cACA,0BACA,GAAY,oDACZ,GACE,CAAC,GACD,yDACF,GAAY,oCACZ,CAAC,GAAc,CAAC,GAAY,CAAC,GAAY,6BACzC,EACD,CACD,YA7BsB,CACpB,IACJ,EAAI,cAAc,EAAM,CACxB,KAAY,CACZ,EAAI,aAAa,GAAM,GA2BpB,WACG,CAAA,CAIV,EAAe,YAAc"}
+{"version":3,"file":"ComboboxOption.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxOption.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxOptionProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport {\n  useComboboxContext,\n  ComboboxGroupContext,\n} from \"@nuka/components/Combobox/Combobox.context\";\nimport { getLabel } from \"@nuka/components/Combobox/Combobox.utils\";\n\nfunction ComboboxOption({\n  ref,\n  value,\n  disabled = false,\n  className,\n  children,\n  onSelect,\n}: ComboboxOptionProps) {\n  const ctx = useComboboxContext();\n  const groupCtx = React.use(ComboboxGroupContext);\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isSelected = ctx.value === value;\n  const optionId = `${ctx.listboxId}-option-${value}`;\n  const label = getLabel(children);\n\n  const isFiltered =\n    ctx.filterText !== \"\" &&\n    !label.toLowerCase().includes(ctx.filterText.toLowerCase());\n\n  const isActive = ctx.activeDescendantId === optionId;\n\n  React.useLayoutEffect(() => {\n    ctx.registerOption(value, label, internalRef.current);\n    return () => {\n      ctx.unregisterOption(value);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps, @eslint-react/exhaustive-deps -- register once on mount, unregister on unmount\n  }, []);\n\n  React.useEffect(() => {\n    ctx.registerDisabledOption(value, disabled);\n  }, [ctx, value, disabled]);\n\n  const groupRegister = groupCtx?.registerItemVisibility;\n  const groupUnregister = groupCtx?.unregisterItem;\n\n  React.useEffect(() => {\n    if (!groupRegister || !groupUnregister) return;\n    groupRegister(optionId, !isFiltered);\n    return () => groupUnregister(optionId);\n  }, [groupRegister, groupUnregister, optionId, isFiltered]);\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      if (typeof internalRef.current.scrollIntoView === \"function\") {\n        internalRef.current.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    ctx.onValueChange(value);\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={optionId}\n      data-slot=\"item\"\n      role=\"option\"\n      aria-selected={isSelected}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      className={cn(\n        \"px-(--space-3) py-(--space-2)\",\n        \"text-sm\",\n        \"cursor-pointer\",\n        \"select-none\",\n        \"text-(--nuka-text-base)\",\n        disabled && \"opacity-50 cursor-not-allowed pointer-events-none\",\n        isSelected &&\n          !isActive &&\n          \"bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)\",\n        isActive && \"bg-(--nuka-bg-muted) outline-none\",\n        !isSelected && !isActive && !disabled && \"hover:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      onClick={handleClick}\n    >\n      {children}\n    </div>\n  );\n}\n\nComboboxOption.displayName = \"ComboboxOption\";\n\nexport { ComboboxOption };\n"],"mappings":"sPAUA,SAAS,EAAe,CACtB,MACA,QACA,WAAW,GACX,YACA,WACA,YACsB,CACtB,IAAM,EAAM,EAAA,mBAAmB,EACzB,EAAW,EAAM,IAAI,EAAA,oBAAoB,EACzC,EAAc,EAAM,OAAuB,IAAI,EAE/C,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAY,QAAU,EAClB,OAAO,GAAQ,WAAY,EAAI,CAAI,EAC9B,GAAO,OAAM,EAAI,QAAU,EACtC,EACA,CAAC,CAAG,CACN,EAEM,EAAa,EAAI,QAAU,EAC3B,EAAW,GAAG,EAAI,UAAU,UAAU,IACtC,EAAQ,EAAA,SAAS,CAAQ,EAEzB,EACJ,EAAI,aAAe,IACnB,CAAC,EAAM,YAAY,EAAE,SAAS,EAAI,WAAW,YAAY,CAAC,EAEtD,EAAW,EAAI,qBAAuB,EAE5C,EAAM,qBACJ,EAAI,eAAe,EAAO,EAAO,EAAY,OAAO,MACvC,CACX,EAAI,iBAAiB,CAAK,CAC5B,GAEC,CAAC,CAAC,EAEL,EAAM,cAAgB,CACpB,EAAI,uBAAuB,EAAO,CAAQ,CAC5C,EAAG,CAAC,EAAK,EAAO,CAAQ,CAAC,EAEzB,IAAM,EAAgB,GAAU,uBAC1B,EAAkB,GAAU,eAuBlC,OArBA,EAAM,cAAgB,CAChB,MAAC,GAAiB,CAAC,GAEvB,OADA,EAAc,EAAU,CAAC,CAAU,MACtB,EAAgB,CAAQ,CACvC,EAAG,CAAC,EAAe,EAAiB,EAAU,CAAU,CAAC,EAEzD,EAAM,cAAgB,CAChB,GAAY,EAAY,SAAW,MACjC,OAAO,EAAY,QAAQ,gBAAmB,YAChD,EAAY,QAAQ,eAAe,CAAE,MAAO,SAAU,CAAC,CAG7D,EAAG,CAAC,CAAQ,CAAC,GAUX,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EACJ,YAAU,OACV,KAAK,SACL,gBAAe,EACf,gBAAe,GAAY,IAAA,GAC3B,OAAQ,GAAc,IAAA,GACtB,UAAW,EAAA,GACT,gCACA,UACA,iBACA,cACA,0BACA,GAAY,oDACZ,GACE,CAAC,GACD,yDACF,GAAY,oCACZ,CAAC,GAAc,CAAC,GAAY,CAAC,GAAY,6BACzC,CACF,EACA,YA9BsB,CACpB,IACJ,EAAI,cAAc,CAAK,EACvB,IAAW,EACX,EAAI,aAAa,EAAK,EACxB,EA2BK,UACE,CAAA,CAET,CAEA,EAAe,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxOption.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAIpF,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,mBAAmB,2CA6ErB;kBApFQ,cAAc;;;AAwFvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"ComboboxOption.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxOption.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAOpF,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,mBAAmB,2CAwFrB;kBA/FQ,cAAc;;;AAmGvB,OAAO,EAAE,cAAc,EAAE,CAAC"}