@nuka-ui/core 1.1.1 → 1.1.3

package/dist/components/Section/Section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAEnD,KAAK,cAAc,GACf,SAAS,GACT,KAAK,GACL,SAAS,GACT,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,mBAAmB;IAC9D,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,OAAO,kFA0BZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAEnD,KAAK,cAAc,GACf,SAAS,GACT,KAAK,GACL,SAAS,GACT,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,mBAAmB;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,EAAE,EAAE,IAAgB,EACpB,SAAS,EACT,OAAO,EACP,UAAU,EACV,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,YAAY,2CAad;kBAtBQ,OAAO;;;AA0BhB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Section/Section.js

@@ -1,20 +1,23 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Slot as t } from "../../utils/slot.js";
 import { sectionVariants as n } from "./Section.variants.js";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Section/Section.tsx
-var a = r.forwardRef(({ as: r = "section", className: a, spacing: o, background: s, divider: c, asChild: l = !1, ...u }, d) => /* @__PURE__ */ i(l ? t : r, {
-	ref: d,
-	className: e(n({
-		spacing: o,
-		background: s,
-		divider: c
-	}), a),
-	...u
-}));
-a.displayName = "Section";
+function i({ ref: i, as: a = "section", className: o, spacing: s, background: c, divider: l, asChild: u = !1, ...d }) {
+	return /* @__PURE__ */ r(u ? t : a, {
+		ref: i,
+		className: e(n({
+			spacing: s,
+			background: c,
+			divider: l
+		}), o),
+		...d
+	});
+}
+i.displayName = "Section";
 //#endregion
-export { a as Section };
+export { i as Section };
 
 //# sourceMappingURL=Section.js.map

package/dist/components/Section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","names":[],"sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  sectionVariants,\n  type SectionVariantProps,\n} from \"@nuka/components/Section/Section.variants\";\n\ntype SectionElement =\n  | \"section\"\n  | \"div\"\n  | \"article\"\n  | \"aside\"\n  | \"main\"\n  | \"header\"\n  | \"footer\";\n\nexport interface SectionProps\n  extends React.HTMLAttributes<HTMLElement>, SectionVariantProps {\n  as?: SectionElement;\n  asChild?: boolean;\n}\n\nconst Section = React.forwardRef<HTMLElement, SectionProps>(\n  (\n    {\n      as: Comp = \"section\",\n      className,\n      spacing,\n      background,\n      divider,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Tag = asChild ? Slot : Comp;\n\n    return (\n      <Tag\n        ref={ref as React.RefObject<never>}\n        className={cn(\n          sectionVariants({ spacing, background, divider }),\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nSection.displayName = \"Section\";\n\nexport { Section, sectionVariants };\n"],"mappings":";;;;;;AAuBA,IAAM,IAAU,EAAM,YAElB,EACE,IAAI,IAAO,WACX,cACA,YACA,eACA,YACA,aAAU,IACV,GAAG,KAEL,MAKE,kBAHU,IAAU,IAAO,GAG3B;CACO;CACL,WAAW,EACT,EAAgB;EAAE;EAAS;EAAY;EAAS,CAAC,EACjD,EACD;CACD,GAAI;CACJ,CAAA,CAGP;AAED,EAAQ,cAAc"}
+{"version":3,"file":"Section.js","names":[],"sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  sectionVariants,\n  type SectionVariantProps,\n} from \"@nuka/components/Section/Section.variants\";\n\ntype SectionElement =\n  | \"section\"\n  | \"div\"\n  | \"article\"\n  | \"aside\"\n  | \"main\"\n  | \"header\"\n  | \"footer\";\n\nexport interface SectionProps\n  extends React.HTMLAttributes<HTMLElement>, SectionVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: SectionElement;\n  asChild?: boolean;\n}\n\nfunction Section({\n  ref,\n  as: Comp = \"section\",\n  className,\n  spacing,\n  background,\n  divider,\n  asChild = false,\n  ...props\n}: SectionProps) {\n  const Tag = asChild ? Slot : Comp;\n\n  return (\n    <Tag\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        sectionVariants({ spacing, background, divider }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSection.displayName = \"Section\";\n\nexport { Section, sectionVariants };\n"],"mappings":";;;;;;;AA0BA,SAAS,EAAQ,EACf,QACA,IAAI,IAAO,WACX,cACA,YACA,eACA,YACA,aAAU,IACV,GAAG,KACY;AAGf,QACE,kBAHU,IAAU,IAAO,GAG3B;EACO;EACL,WAAW,EACT,EAAgB;GAAE;GAAS;GAAY;GAAS,CAAC,EACjD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}

package/dist/components/Select/Select.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`./Select.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({children:e,value:o,defaultValue:s,onValueChange:c,open:l,defaultOpen:u=!1,onOpenChange:d,disabled:f=!1,name:p},m)=>{let[h,g]=n.useControllableState(o,s,c),[_,v]=n.useControllableState(l,u,d),[y,b]=i.useState(void 0),x=i.useRef(new Map),[S,C]=i.useState(0),w=i.useCallback(()=>{C(e=>e+1)},[]),T=i.useRef(null),E=`${i.useId()}-listbox`,D=i.useCallback(e=>{v(e),e||b(void 0)},[v]),O=i.useCallback((e,t,n)=>{let r=x.current.get(e);x.current.set(e,{label:t,ref:n,disabled:r?.disabled??!1}),w()},[w]),k=i.useCallback(e=>{x.current.delete(e),w()},[w]),A=i.useCallback(()=>Array.from(x.current.keys()),[]),j=i.useCallback(e=>x.current.get(e)?.label,[]),M=i.useCallback(e=>x.current.get(e)?.ref,[]),N=i.useCallback(e=>x.current.get(e)?.disabled??!1,[]),P=i.useCallback((e,t)=>{let n=x.current.get(e);n&&(n.disabled=t)},[]);return i.useEffect(()=>{if(!_)return;let e=e=>{T.current&&!T.current.contains(e.target)&&D(!1)};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[_,D]),(0,a.jsx)(r.SelectContext,{value:i.useMemo(()=>({open:_,value:h,highlightedValue:y,disabled:f,listboxId:E,onOpenChange:D,onValueChange:g,onHighlightChange:b,registerOption:O,unregisterOption:k,getOptions:A,getOptionLabel:j,getOptionRef:M,isOptionDisabled:N,registerDisabledOption:P}),[_,h,y,f,E,D,g,O,k,A,j,M,N,P,S]),children:(0,a.jsxs)(`div`,{ref:t.composeRefs(m,T),className:`relative inline-block w-full`,children:[e,p!==void 0&&(0,a.jsx)(`input`,{type:`hidden`,name:p,value:h??``})]})})});o.displayName=`Select`,exports.Select=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`../../hooks/use-option-registry.cjs`),i=require(`./Select.context.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);function s({ref:e,children:s,value:c,defaultValue:l,onValueChange:u,open:d,defaultOpen:f=!1,onOpenChange:p,disabled:m=!1,name:h}){let[g,_]=n.useControllableState(c,l,u),[v,y]=n.useControllableState(d,f,p),[b,x]=a.useState(void 0),S=r.useOptionRegistry(),C=a.useRef(null),w=`${a.useId()}-listbox`,T=a.useCallback(e=>{y(e),e||x(void 0)},[y]);return a.useEffect(()=>{if(!v)return;let e=e=>{C.current&&!C.current.contains(e.target)&&T(!1)};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[v,T]),(0,o.jsx)(i.SelectContext,{value:a.useMemo(()=>(S.registryVersion,{open:v,value:g,highlightedValue:b,disabled:m,listboxId:w,onOpenChange:T,onValueChange:_,onHighlightChange:x,registerOption:S.registerOption,unregisterOption:S.unregisterOption,getOptions:S.getOptions,getOptionLabel:S.getOptionLabel,getOptionRef:S.getOptionRef,isOptionDisabled:S.isOptionDisabled,registerDisabledOption:S.registerDisabledOption}),[v,g,b,m,w,T,_,S]),children:(0,o.jsxs)(`div`,{ref:t.composeRefs(e,C),className:`relative inline-block w-full`,children:[s,h!==void 0&&(0,o.jsx)(`input`,{type:`hidden`,name:h,value:g??``})]})})}s.displayName=`Select`,exports.Select=s;
 //# sourceMappingURL=Select.cjs.map

package/dist/components/Select/Select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","names":[],"sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { SelectContext } from \"@nuka/components/Select/Select.context\";\nimport type { SelectContextValue } from \"@nuka/components/Select/Select.context\";\n\nexport interface SelectProps {\n  children: React.ReactNode;\n  value?: string | undefined;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  name?: string;\n}\n\ninterface OptionEntry {\n  label: string;\n  ref: HTMLElement | null;\n  disabled: boolean;\n}\n\nconst Select = React.forwardRef<HTMLDivElement, SelectProps>(\n  (\n    {\n      children,\n      value: controlledValue,\n      defaultValue,\n      onValueChange,\n      open: controlledOpen,\n      defaultOpen = false,\n      onOpenChange,\n      disabled = false,\n      name,\n    },\n    ref,\n  ) => {\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 [highlightedValue, setHighlightedValue] = React.useState<\n      string | undefined\n    >(undefined);\n\n    const optionsRef = React.useRef(new Map<string, OptionEntry>());\n    const [registryVersion, setRegistryVersion] = React.useState(0);\n    const bumpRegistry = React.useCallback(() => {\n      setRegistryVersion((v) => v + 1);\n    }, []);\n    const rootRef = React.useRef<HTMLDivElement>(null);\n\n    const generatedId = React.useId();\n    const listboxId = `${generatedId}-listbox`;\n\n    const handleOpenChange = React.useCallback(\n      (nextOpen: boolean) => {\n        setOpen(nextOpen);\n        if (!nextOpen) {\n          setHighlightedValue(undefined);\n        }\n      },\n      [setOpen],\n    );\n\n    const registerOption = React.useCallback(\n      (optionValue: string, label: string, ref: HTMLElement | null) => {\n        const existing = optionsRef.current.get(optionValue);\n        optionsRef.current.set(optionValue, {\n          label,\n          ref,\n          disabled: existing?.disabled ?? false,\n        });\n        bumpRegistry();\n      },\n      [bumpRegistry],\n    );\n\n    const unregisterOption = React.useCallback(\n      (optionValue: string) => {\n        optionsRef.current.delete(optionValue);\n        bumpRegistry();\n      },\n      [bumpRegistry],\n    );\n\n    const getOptions = React.useCallback((): string[] => {\n      return Array.from(optionsRef.current.keys());\n    }, []);\n\n    const getOptionLabel = React.useCallback(\n      (optionValue: string): string | undefined => {\n        return optionsRef.current.get(optionValue)?.label;\n      },\n      [],\n    );\n\n    const getOptionRef = React.useCallback(\n      (optionValue: string): HTMLElement | null | undefined => {\n        return optionsRef.current.get(optionValue)?.ref;\n      },\n      [],\n    );\n\n    const isOptionDisabled = React.useCallback(\n      (optionValue: string): boolean => {\n        return optionsRef.current.get(optionValue)?.disabled ?? false;\n      },\n      [],\n    );\n\n    const registerDisabledOption = React.useCallback(\n      (optionValue: string, optionDisabled: boolean) => {\n        const existing = optionsRef.current.get(optionValue);\n        if (existing) {\n          existing.disabled = optionDisabled;\n        }\n      },\n      [],\n    );\n\n    // TODO: extract to useOutsideClick or migrate to Floating UI useDismiss\n    // when SelectContent moves to Portal rendering (deferred from audit batch 2).\n    // Close on outside click. Manual listener because Select uses absolute\n    // positioning (ADR-013), not Floating UI. A Portal + useFloating refactor\n    // would unify this with useDismiss but requires rearchitecting SelectContent.\n    React.useEffect(() => {\n      if (!currentOpen) return;\n\n      const handleMouseDown = (e: MouseEvent) => {\n        if (rootRef.current && !rootRef.current.contains(e.target as Node)) {\n          handleOpenChange(false);\n        }\n      };\n\n      document.addEventListener(\"mousedown\", handleMouseDown);\n      return () => {\n        document.removeEventListener(\"mousedown\", handleMouseDown);\n      };\n    }, [currentOpen, handleOpenChange]);\n\n    const contextValue: SelectContextValue = React.useMemo(() => {\n      // registryVersion is read to invalidate the memo when options register/unregister\n      void registryVersion;\n      return {\n        open: currentOpen,\n        value: currentValue,\n        highlightedValue,\n        disabled,\n        listboxId,\n        onOpenChange: handleOpenChange,\n        onValueChange: handleValueChange,\n        onHighlightChange: setHighlightedValue,\n        registerOption,\n        unregisterOption,\n        getOptions,\n        getOptionLabel,\n        getOptionRef,\n        isOptionDisabled,\n        registerDisabledOption,\n      };\n    }, [\n      currentOpen,\n      currentValue,\n      highlightedValue,\n      disabled,\n      listboxId,\n      handleOpenChange,\n      handleValueChange,\n      registerOption,\n      unregisterOption,\n      getOptions,\n      getOptionLabel,\n      getOptionRef,\n      isOptionDisabled,\n      registerDisabledOption,\n      registryVersion,\n    ]);\n\n    return (\n      <SelectContext value={contextValue}>\n        <div\n          ref={composeRefs(ref, rootRef)}\n          className=\"relative inline-block w-full\"\n        >\n          {children}\n          {name !== undefined && (\n            <input type=\"hidden\" name={name} value={currentValue ?? \"\"} />\n          )}\n        </div>\n      </SelectContext>\n    );\n  },\n);\n\nSelect.displayName = \"Select\";\n\nexport { Select };\n"],"mappings":"wQAyBA,IAAM,EAAS,EAAM,YAEjB,CACE,WACA,MAAO,EACP,eACA,gBACA,KAAM,EACN,cAAc,GACd,eACA,WAAW,GACX,QAEF,IACG,CACH,GAAM,CAAC,EAAc,GAAqB,EAAA,qBACxC,EACA,EACA,EACD,CACK,CAAC,EAAa,GAAW,EAAA,qBAC7B,EACA,EACA,EACD,CACK,CAAC,EAAkB,GAAuB,EAAM,SAEpD,IAAA,GAAU,CAEN,EAAa,EAAM,OAAO,IAAI,IAA2B,CACzD,CAAC,EAAiB,GAAsB,EAAM,SAAS,EAAE,CACzD,EAAe,EAAM,gBAAkB,CAC3C,EAAoB,GAAM,EAAI,EAAE,EAC/B,EAAE,CAAC,CACA,EAAU,EAAM,OAAuB,KAAK,CAG5C,EAAY,GADE,EAAM,OAAO,CACA,UAE3B,EAAmB,EAAM,YAC5B,GAAsB,CACrB,EAAQ,EAAS,CACZ,GACH,EAAoB,IAAA,GAAU,EAGlC,CAAC,EAAQ,CACV,CAEK,EAAiB,EAAM,aAC1B,EAAqB,EAAe,IAA4B,CAC/D,IAAM,EAAW,EAAW,QAAQ,IAAI,EAAY,CACpD,EAAW,QAAQ,IAAI,EAAa,CAClC,QACA,MACA,SAAU,GAAU,UAAY,GACjC,CAAC,CACF,GAAc,EAEhB,CAAC,EAAa,CACf,CAEK,EAAmB,EAAM,YAC5B,GAAwB,CACvB,EAAW,QAAQ,OAAO,EAAY,CACtC,GAAc,EAEhB,CAAC,EAAa,CACf,CAEK,EAAa,EAAM,gBAChB,MAAM,KAAK,EAAW,QAAQ,MAAM,CAAC,CAC3C,EAAE,CAAC,CAEA,EAAiB,EAAM,YAC1B,GACQ,EAAW,QAAQ,IAAI,EAAY,EAAE,MAE9C,EAAE,CACH,CAEK,EAAe,EAAM,YACxB,GACQ,EAAW,QAAQ,IAAI,EAAY,EAAE,IAE9C,EAAE,CACH,CAEK,EAAmB,EAAM,YAC5B,GACQ,EAAW,QAAQ,IAAI,EAAY,EAAE,UAAY,GAE1D,EAAE,CACH,CAEK,EAAyB,EAAM,aAClC,EAAqB,IAA4B,CAChD,IAAM,EAAW,EAAW,QAAQ,IAAI,EAAY,CAChD,IACF,EAAS,SAAW,IAGxB,EAAE,CACH,CA4DD,OArDA,EAAM,cAAgB,CACpB,GAAI,CAAC,EAAa,OAElB,IAAM,EAAmB,GAAkB,CACrC,EAAQ,SAAW,CAAC,EAAQ,QAAQ,SAAS,EAAE,OAAe,EAChE,EAAiB,GAAM,EAK3B,OADA,SAAS,iBAAiB,YAAa,EAAgB,KAC1C,CACX,SAAS,oBAAoB,YAAa,EAAgB,GAE3D,CAAC,EAAa,EAAiB,CAAC,EAyCjC,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,MAvCwB,EAAM,aAGtC,CACL,KAAM,EACN,MAAO,EACP,mBACA,WACA,YACA,aAAc,EACd,cAAe,EACf,kBAAmB,EACnB,iBACA,mBACA,aACA,iBACA,eACA,mBACA,yBACD,EACA,CACD,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CAAC,WAIE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EAAA,YAAY,EAAK,EAAQ,CAC9B,UAAU,wCAFZ,CAIG,EACA,IAAS,IAAA,KACR,EAAA,EAAA,KAAC,QAAD,CAAO,KAAK,SAAe,OAAM,MAAO,GAAgB,GAAM,CAAA,CAE5D,GACQ,CAAA,EAGrB,CAED,EAAO,YAAc"}
+{"version":3,"file":"Select.cjs","names":[],"sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useOptionRegistry } from \"@nuka/hooks/use-option-registry\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { SelectContext } from \"@nuka/components/Select/Select.context\";\nimport type { SelectContextValue } from \"@nuka/components/Select/Select.context\";\n\nexport interface SelectProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  children: React.ReactNode;\n  value?: string | undefined;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  name?: string;\n}\n\nfunction Select({\n  ref,\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  name,\n}: SelectProps) {\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 [highlightedValue, setHighlightedValue] = React.useState<\n    string | undefined\n  >(undefined);\n\n  const registry = useOptionRegistry();\n  const rootRef = React.useRef<HTMLDivElement>(null);\n\n  const generatedId = React.useId();\n  const listboxId = `${generatedId}-listbox`;\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen);\n      if (!nextOpen) {\n        setHighlightedValue(undefined);\n      }\n    },\n    [setOpen],\n  );\n\n  // TODO: extract to useOutsideClick or migrate to Floating UI useDismiss\n  // when SelectContent moves to Portal rendering (deferred from audit batch 2).\n  // Close on outside click. Manual listener because Select uses absolute\n  // positioning (ADR-013), not Floating UI. A Portal + useFloating refactor\n  // would unify this with useDismiss but requires rearchitecting SelectContent.\n  React.useEffect(() => {\n    if (!currentOpen) return;\n\n    const handleMouseDown = (e: MouseEvent) => {\n      if (rootRef.current && !rootRef.current.contains(e.target as Node)) {\n        handleOpenChange(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleMouseDown);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleMouseDown);\n    };\n  }, [currentOpen, handleOpenChange]);\n\n  const contextValue: SelectContextValue = React.useMemo(() => {\n    void registry.registryVersion;\n    return {\n      open: currentOpen,\n      value: currentValue,\n      highlightedValue,\n      disabled,\n      listboxId,\n      onOpenChange: handleOpenChange,\n      onValueChange: handleValueChange,\n      onHighlightChange: setHighlightedValue,\n      registerOption: registry.registerOption,\n      unregisterOption: registry.unregisterOption,\n      getOptions: registry.getOptions,\n      getOptionLabel: registry.getOptionLabel,\n      getOptionRef: registry.getOptionRef,\n      isOptionDisabled: registry.isOptionDisabled,\n      registerDisabledOption: registry.registerDisabledOption,\n    };\n  }, [\n    currentOpen,\n    currentValue,\n    highlightedValue,\n    disabled,\n    listboxId,\n    handleOpenChange,\n    handleValueChange,\n    registry,\n  ]);\n\n  return (\n    <SelectContext value={contextValue}>\n      <div\n        ref={composeRefs(ref, rootRef)}\n        className=\"relative inline-block w-full\"\n      >\n        {children}\n        {name !== undefined && (\n          <input type=\"hidden\" name={name} value={currentValue ?? \"\"} />\n        )}\n      </div>\n    </SelectContext>\n  );\n}\n\nSelect.displayName = \"Select\";\n\nexport { Select };\n"],"mappings":"yTAqBA,SAAS,EAAO,CACd,MACA,WACA,MAAO,EACP,eACA,gBACA,KAAM,EACN,cAAc,GACd,eACA,WAAW,GACX,QACc,CACd,GAAM,CAAC,EAAc,GAAqB,EAAA,qBACxC,EACA,EACA,EACD,CACK,CAAC,EAAa,GAAW,EAAA,qBAC7B,EACA,EACA,EACD,CACK,CAAC,EAAkB,GAAuB,EAAM,SAEpD,IAAA,GAAU,CAEN,EAAW,EAAA,mBAAmB,CAC9B,EAAU,EAAM,OAAuB,KAAK,CAG5C,EAAY,GADE,EAAM,OAAO,CACA,UAE3B,EAAmB,EAAM,YAC5B,GAAsB,CACrB,EAAQ,EAAS,CACZ,GACH,EAAoB,IAAA,GAAU,EAGlC,CAAC,EAAQ,CACV,CAoDD,OA7CA,EAAM,cAAgB,CACpB,GAAI,CAAC,EAAa,OAElB,IAAM,EAAmB,GAAkB,CACrC,EAAQ,SAAW,CAAC,EAAQ,QAAQ,SAAS,EAAE,OAAe,EAChE,EAAiB,GAAM,EAK3B,OADA,SAAS,iBAAiB,YAAa,EAAgB,KAC1C,CACX,SAAS,oBAAoB,YAAa,EAAgB,GAE3D,CAAC,EAAa,EAAiB,CAAC,EAiCjC,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,MA/BwB,EAAM,aACxC,EAAS,gBACP,CACL,KAAM,EACN,MAAO,EACP,mBACA,WACA,YACA,aAAc,EACd,cAAe,EACf,kBAAmB,EACnB,eAAgB,EAAS,eACzB,iBAAkB,EAAS,iBAC3B,WAAY,EAAS,WACrB,eAAgB,EAAS,eACzB,aAAc,EAAS,aACvB,iBAAkB,EAAS,iBAC3B,uBAAwB,EAAS,uBAClC,EACA,CACD,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CAAC,WAIE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EAAA,YAAY,EAAK,EAAQ,CAC9B,UAAU,wCAFZ,CAIG,EACA,IAAS,IAAA,KACR,EAAA,EAAA,KAAC,QAAD,CAAO,KAAK,SAAe,OAAM,MAAO,GAAgB,GAAM,CAAA,CAE5D,GACQ,CAAA,CAIpB,EAAO,YAAc"}

package/dist/components/Select/Select.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 export interface SelectProps {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     children: React.ReactNode;
     value?: string | undefined;
     defaultValue?: string;
@@ -10,6 +11,9 @@ export interface SelectProps {
     disabled?: boolean;
     name?: string;
 }
-declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+declare function Select({ ref, children, value: controlledValue, defaultValue, onValueChange, open: controlledOpen, defaultOpen, onOpenChange, disabled, name, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Select {
+    var displayName: string;
+}
 export { Select };
 //# sourceMappingURL=Select.d.ts.map

package/dist/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAQD,QAAA,MAAM,MAAM,oFAiLX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,MAAM,CAAC,EACd,GAAG,EACH,QAAQ,EACR,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,QAAgB,EAChB,IAAI,GACL,EAAE,WAAW,2CA8Fb;kBAzGQ,MAAM;;;AA6Gf,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Select/Select.js

@@ -1,83 +1,63 @@
 "use client";
 import { composeRefs as e } from "../../utils/slot.js";
 import { useControllableState as t } from "../../hooks/use-controllable-state.js";
-import { SelectContext as n } from "./Select.context.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useOptionRegistry as n } from "../../hooks/use-option-registry.js";
+import { SelectContext as r } from "./Select.context.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/Select/Select.tsx
-var o = r.forwardRef(({ children: o, value: s, defaultValue: c, onValueChange: l, open: u, defaultOpen: d = !1, onOpenChange: f, disabled: p = !1, name: m }, h) => {
-	let [g, _] = t(s, c, l), [v, y] = t(u, d, f), [b, x] = r.useState(void 0), S = r.useRef(/* @__PURE__ */ new Map()), [C, w] = r.useState(0), T = r.useCallback(() => {
-		w((e) => e + 1);
-	}, []), E = r.useRef(null), D = `${r.useId()}-listbox`, O = r.useCallback((e) => {
-		y(e), e || x(void 0);
-	}, [y]), k = r.useCallback((e, t, n) => {
-		let r = S.current.get(e);
-		S.current.set(e, {
-			label: t,
-			ref: n,
-			disabled: r?.disabled ?? !1
-		}), T();
-	}, [T]), A = r.useCallback((e) => {
-		S.current.delete(e), T();
-	}, [T]), j = r.useCallback(() => Array.from(S.current.keys()), []), M = r.useCallback((e) => S.current.get(e)?.label, []), N = r.useCallback((e) => S.current.get(e)?.ref, []), P = r.useCallback((e) => S.current.get(e)?.disabled ?? !1, []), F = r.useCallback((e, t) => {
-		let n = S.current.get(e);
-		n && (n.disabled = t);
-	}, []);
-	return r.useEffect(() => {
-		if (!v) return;
+function s({ ref: s, children: c, value: l, defaultValue: u, onValueChange: d, open: f, defaultOpen: p = !1, onOpenChange: m, disabled: h = !1, name: g }) {
+	let [_, v] = t(l, u, d), [y, b] = t(f, p, m), [x, S] = i.useState(void 0), C = n(), w = i.useRef(null), T = `${i.useId()}-listbox`, E = i.useCallback((e) => {
+		b(e), e || S(void 0);
+	}, [b]);
+	return i.useEffect(() => {
+		if (!y) return;
 		let e = (e) => {
-			E.current && !E.current.contains(e.target) && O(!1);
+			w.current && !w.current.contains(e.target) && E(!1);
 		};
 		return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [v, O]), /* @__PURE__ */ i(n, {
-		value: r.useMemo(() => ({
-			open: v,
-			value: g,
-			highlightedValue: b,
-			disabled: p,
-			listboxId: D,
-			onOpenChange: O,
-			onValueChange: _,
-			onHighlightChange: x,
-			registerOption: k,
-			unregisterOption: A,
-			getOptions: j,
-			getOptionLabel: M,
-			getOptionRef: N,
-			isOptionDisabled: P,
-			registerDisabledOption: F
+	}, [y, E]), /* @__PURE__ */ a(r, {
+		value: i.useMemo(() => (C.registryVersion, {
+			open: y,
+			value: _,
+			highlightedValue: x,
+			disabled: h,
+			listboxId: T,
+			onOpenChange: E,
+			onValueChange: v,
+			onHighlightChange: S,
+			registerOption: C.registerOption,
+			unregisterOption: C.unregisterOption,
+			getOptions: C.getOptions,
+			getOptionLabel: C.getOptionLabel,
+			getOptionRef: C.getOptionRef,
+			isOptionDisabled: C.isOptionDisabled,
+			registerDisabledOption: C.registerDisabledOption
 		}), [
-			v,
-			g,
-			b,
-			p,
-			D,
-			O,
+			y,
 			_,
-			k,
-			A,
-			j,
-			M,
-			N,
-			P,
-			F,
+			x,
+			h,
+			T,
+			E,
+			v,
 			C
 		]),
-		children: /* @__PURE__ */ a("div", {
-			ref: e(h, E),
+		children: /* @__PURE__ */ o("div", {
+			ref: e(s, w),
 			className: "relative inline-block w-full",
-			children: [o, m !== void 0 && /* @__PURE__ */ i("input", {
+			children: [c, g !== void 0 && /* @__PURE__ */ a("input", {
 				type: "hidden",
-				name: m,
-				value: g ?? ""
+				name: g,
+				value: _ ?? ""
 			})]
 		})
 	});
-});
-o.displayName = "Select";
+}
+s.displayName = "Select";
 //#endregion
-export { o as Select };
+export { s as Select };
 
 //# sourceMappingURL=Select.js.map

package/dist/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":[],"sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { SelectContext } from \"@nuka/components/Select/Select.context\";\nimport type { SelectContextValue } from \"@nuka/components/Select/Select.context\";\n\nexport interface SelectProps {\n  children: React.ReactNode;\n  value?: string | undefined;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  name?: string;\n}\n\ninterface OptionEntry {\n  label: string;\n  ref: HTMLElement | null;\n  disabled: boolean;\n}\n\nconst Select = React.forwardRef<HTMLDivElement, SelectProps>(\n  (\n    {\n      children,\n      value: controlledValue,\n      defaultValue,\n      onValueChange,\n      open: controlledOpen,\n      defaultOpen = false,\n      onOpenChange,\n      disabled = false,\n      name,\n    },\n    ref,\n  ) => {\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 [highlightedValue, setHighlightedValue] = React.useState<\n      string | undefined\n    >(undefined);\n\n    const optionsRef = React.useRef(new Map<string, OptionEntry>());\n    const [registryVersion, setRegistryVersion] = React.useState(0);\n    const bumpRegistry = React.useCallback(() => {\n      setRegistryVersion((v) => v + 1);\n    }, []);\n    const rootRef = React.useRef<HTMLDivElement>(null);\n\n    const generatedId = React.useId();\n    const listboxId = `${generatedId}-listbox`;\n\n    const handleOpenChange = React.useCallback(\n      (nextOpen: boolean) => {\n        setOpen(nextOpen);\n        if (!nextOpen) {\n          setHighlightedValue(undefined);\n        }\n      },\n      [setOpen],\n    );\n\n    const registerOption = React.useCallback(\n      (optionValue: string, label: string, ref: HTMLElement | null) => {\n        const existing = optionsRef.current.get(optionValue);\n        optionsRef.current.set(optionValue, {\n          label,\n          ref,\n          disabled: existing?.disabled ?? false,\n        });\n        bumpRegistry();\n      },\n      [bumpRegistry],\n    );\n\n    const unregisterOption = React.useCallback(\n      (optionValue: string) => {\n        optionsRef.current.delete(optionValue);\n        bumpRegistry();\n      },\n      [bumpRegistry],\n    );\n\n    const getOptions = React.useCallback((): string[] => {\n      return Array.from(optionsRef.current.keys());\n    }, []);\n\n    const getOptionLabel = React.useCallback(\n      (optionValue: string): string | undefined => {\n        return optionsRef.current.get(optionValue)?.label;\n      },\n      [],\n    );\n\n    const getOptionRef = React.useCallback(\n      (optionValue: string): HTMLElement | null | undefined => {\n        return optionsRef.current.get(optionValue)?.ref;\n      },\n      [],\n    );\n\n    const isOptionDisabled = React.useCallback(\n      (optionValue: string): boolean => {\n        return optionsRef.current.get(optionValue)?.disabled ?? false;\n      },\n      [],\n    );\n\n    const registerDisabledOption = React.useCallback(\n      (optionValue: string, optionDisabled: boolean) => {\n        const existing = optionsRef.current.get(optionValue);\n        if (existing) {\n          existing.disabled = optionDisabled;\n        }\n      },\n      [],\n    );\n\n    // TODO: extract to useOutsideClick or migrate to Floating UI useDismiss\n    // when SelectContent moves to Portal rendering (deferred from audit batch 2).\n    // Close on outside click. Manual listener because Select uses absolute\n    // positioning (ADR-013), not Floating UI. A Portal + useFloating refactor\n    // would unify this with useDismiss but requires rearchitecting SelectContent.\n    React.useEffect(() => {\n      if (!currentOpen) return;\n\n      const handleMouseDown = (e: MouseEvent) => {\n        if (rootRef.current && !rootRef.current.contains(e.target as Node)) {\n          handleOpenChange(false);\n        }\n      };\n\n      document.addEventListener(\"mousedown\", handleMouseDown);\n      return () => {\n        document.removeEventListener(\"mousedown\", handleMouseDown);\n      };\n    }, [currentOpen, handleOpenChange]);\n\n    const contextValue: SelectContextValue = React.useMemo(() => {\n      // registryVersion is read to invalidate the memo when options register/unregister\n      void registryVersion;\n      return {\n        open: currentOpen,\n        value: currentValue,\n        highlightedValue,\n        disabled,\n        listboxId,\n        onOpenChange: handleOpenChange,\n        onValueChange: handleValueChange,\n        onHighlightChange: setHighlightedValue,\n        registerOption,\n        unregisterOption,\n        getOptions,\n        getOptionLabel,\n        getOptionRef,\n        isOptionDisabled,\n        registerDisabledOption,\n      };\n    }, [\n      currentOpen,\n      currentValue,\n      highlightedValue,\n      disabled,\n      listboxId,\n      handleOpenChange,\n      handleValueChange,\n      registerOption,\n      unregisterOption,\n      getOptions,\n      getOptionLabel,\n      getOptionRef,\n      isOptionDisabled,\n      registerDisabledOption,\n      registryVersion,\n    ]);\n\n    return (\n      <SelectContext value={contextValue}>\n        <div\n          ref={composeRefs(ref, rootRef)}\n          className=\"relative inline-block w-full\"\n        >\n          {children}\n          {name !== undefined && (\n            <input type=\"hidden\" name={name} value={currentValue ?? \"\"} />\n          )}\n        </div>\n      </SelectContext>\n    );\n  },\n);\n\nSelect.displayName = \"Select\";\n\nexport { Select };\n"],"mappings":";;;;;;;AAyBA,IAAM,IAAS,EAAM,YAEjB,EACE,aACA,OAAO,GACP,iBACA,kBACA,MAAM,GACN,iBAAc,IACd,iBACA,cAAW,IACX,WAEF,MACG;CACH,IAAM,CAAC,GAAc,KAAqB,EACxC,GACA,GACA,EACD,EACK,CAAC,GAAa,KAAW,EAC7B,GACA,GACA,EACD,EACK,CAAC,GAAkB,KAAuB,EAAM,SAEpD,KAAA,EAAU,EAEN,IAAa,EAAM,uBAAO,IAAI,KAA0B,CAAC,EACzD,CAAC,GAAiB,KAAsB,EAAM,SAAS,EAAE,EACzD,IAAe,EAAM,kBAAkB;AAC3C,KAAoB,MAAM,IAAI,EAAE;IAC/B,EAAE,CAAC,EACA,IAAU,EAAM,OAAuB,KAAK,EAG5C,IAAY,GADE,EAAM,OAAO,CACA,WAE3B,IAAmB,EAAM,aAC5B,MAAsB;AAErB,EADA,EAAQ,EAAS,EACZ,KACH,EAAoB,KAAA,EAAU;IAGlC,CAAC,EAAQ,CACV,EAEK,IAAiB,EAAM,aAC1B,GAAqB,GAAe,MAA4B;EAC/D,IAAM,IAAW,EAAW,QAAQ,IAAI,EAAY;AAMpD,EALA,EAAW,QAAQ,IAAI,GAAa;GAClC;GACA;GACA,UAAU,GAAU,YAAY;GACjC,CAAC,EACF,GAAc;IAEhB,CAAC,EAAa,CACf,EAEK,IAAmB,EAAM,aAC5B,MAAwB;AAEvB,EADA,EAAW,QAAQ,OAAO,EAAY,EACtC,GAAc;IAEhB,CAAC,EAAa,CACf,EAEK,IAAa,EAAM,kBAChB,MAAM,KAAK,EAAW,QAAQ,MAAM,CAAC,EAC3C,EAAE,CAAC,EAEA,IAAiB,EAAM,aAC1B,MACQ,EAAW,QAAQ,IAAI,EAAY,EAAE,OAE9C,EAAE,CACH,EAEK,IAAe,EAAM,aACxB,MACQ,EAAW,QAAQ,IAAI,EAAY,EAAE,KAE9C,EAAE,CACH,EAEK,IAAmB,EAAM,aAC5B,MACQ,EAAW,QAAQ,IAAI,EAAY,EAAE,YAAY,IAE1D,EAAE,CACH,EAEK,IAAyB,EAAM,aAClC,GAAqB,MAA4B;EAChD,IAAM,IAAW,EAAW,QAAQ,IAAI,EAAY;AACpD,EAAI,MACF,EAAS,WAAW;IAGxB,EAAE,CACH;AA4DD,QArDA,EAAM,gBAAgB;AACpB,MAAI,CAAC,EAAa;EAElB,IAAM,KAAmB,MAAkB;AACzC,GAAI,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAE,OAAe,IAChE,EAAiB,GAAM;;AAK3B,SADA,SAAS,iBAAiB,aAAa,EAAgB,QAC1C;AACX,YAAS,oBAAoB,aAAa,EAAgB;;IAE3D,CAAC,GAAa,EAAiB,CAAC,EAyCjC,kBAAC,GAAD;EAAe,OAvCwB,EAAM,eAGtC;GACL,MAAM;GACN,OAAO;GACP;GACA;GACA;GACA,cAAc;GACd,eAAe;GACf,mBAAmB;GACnB;GACA;GACA;GACA;GACA;GACA;GACA;GACD,GACA;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;YAIE,kBAAC,OAAD;GACE,KAAK,EAAY,GAAK,EAAQ;GAC9B,WAAU;aAFZ,CAIG,GACA,MAAS,KAAA,KACR,kBAAC,SAAD;IAAO,MAAK;IAAe;IAAM,OAAO,KAAgB;IAAM,CAAA,CAE5D;;EACQ,CAAA;EAGrB;AAED,EAAO,cAAc"}
+{"version":3,"file":"Select.js","names":[],"sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useOptionRegistry } from \"@nuka/hooks/use-option-registry\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { SelectContext } from \"@nuka/components/Select/Select.context\";\nimport type { SelectContextValue } from \"@nuka/components/Select/Select.context\";\n\nexport interface SelectProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  children: React.ReactNode;\n  value?: string | undefined;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  name?: string;\n}\n\nfunction Select({\n  ref,\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  name,\n}: SelectProps) {\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 [highlightedValue, setHighlightedValue] = React.useState<\n    string | undefined\n  >(undefined);\n\n  const registry = useOptionRegistry();\n  const rootRef = React.useRef<HTMLDivElement>(null);\n\n  const generatedId = React.useId();\n  const listboxId = `${generatedId}-listbox`;\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen);\n      if (!nextOpen) {\n        setHighlightedValue(undefined);\n      }\n    },\n    [setOpen],\n  );\n\n  // TODO: extract to useOutsideClick or migrate to Floating UI useDismiss\n  // when SelectContent moves to Portal rendering (deferred from audit batch 2).\n  // Close on outside click. Manual listener because Select uses absolute\n  // positioning (ADR-013), not Floating UI. A Portal + useFloating refactor\n  // would unify this with useDismiss but requires rearchitecting SelectContent.\n  React.useEffect(() => {\n    if (!currentOpen) return;\n\n    const handleMouseDown = (e: MouseEvent) => {\n      if (rootRef.current && !rootRef.current.contains(e.target as Node)) {\n        handleOpenChange(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleMouseDown);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleMouseDown);\n    };\n  }, [currentOpen, handleOpenChange]);\n\n  const contextValue: SelectContextValue = React.useMemo(() => {\n    void registry.registryVersion;\n    return {\n      open: currentOpen,\n      value: currentValue,\n      highlightedValue,\n      disabled,\n      listboxId,\n      onOpenChange: handleOpenChange,\n      onValueChange: handleValueChange,\n      onHighlightChange: setHighlightedValue,\n      registerOption: registry.registerOption,\n      unregisterOption: registry.unregisterOption,\n      getOptions: registry.getOptions,\n      getOptionLabel: registry.getOptionLabel,\n      getOptionRef: registry.getOptionRef,\n      isOptionDisabled: registry.isOptionDisabled,\n      registerDisabledOption: registry.registerDisabledOption,\n    };\n  }, [\n    currentOpen,\n    currentValue,\n    highlightedValue,\n    disabled,\n    listboxId,\n    handleOpenChange,\n    handleValueChange,\n    registry,\n  ]);\n\n  return (\n    <SelectContext value={contextValue}>\n      <div\n        ref={composeRefs(ref, rootRef)}\n        className=\"relative inline-block w-full\"\n      >\n        {children}\n        {name !== undefined && (\n          <input type=\"hidden\" name={name} value={currentValue ?? \"\"} />\n        )}\n      </div>\n    </SelectContext>\n  );\n}\n\nSelect.displayName = \"Select\";\n\nexport { Select };\n"],"mappings":";;;;;;;;AAqBA,SAAS,EAAO,EACd,QACA,aACA,OAAO,GACP,iBACA,kBACA,MAAM,GACN,iBAAc,IACd,iBACA,cAAW,IACX,WACc;CACd,IAAM,CAAC,GAAc,KAAqB,EACxC,GACA,GACA,EACD,EACK,CAAC,GAAa,KAAW,EAC7B,GACA,GACA,EACD,EACK,CAAC,GAAkB,KAAuB,EAAM,SAEpD,KAAA,EAAU,EAEN,IAAW,GAAmB,EAC9B,IAAU,EAAM,OAAuB,KAAK,EAG5C,IAAY,GADE,EAAM,OAAO,CACA,WAE3B,IAAmB,EAAM,aAC5B,MAAsB;AAErB,EADA,EAAQ,EAAS,EACZ,KACH,EAAoB,KAAA,EAAU;IAGlC,CAAC,EAAQ,CACV;AAoDD,QA7CA,EAAM,gBAAgB;AACpB,MAAI,CAAC,EAAa;EAElB,IAAM,KAAmB,MAAkB;AACzC,GAAI,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAE,OAAe,IAChE,EAAiB,GAAM;;AAK3B,SADA,SAAS,iBAAiB,aAAa,EAAgB,QAC1C;AACX,YAAS,oBAAoB,aAAa,EAAgB;;IAE3D,CAAC,GAAa,EAAiB,CAAC,EAiCjC,kBAAC,GAAD;EAAe,OA/BwB,EAAM,eACxC,EAAS,iBACP;GACL,MAAM;GACN,OAAO;GACP;GACA;GACA;GACA,cAAc;GACd,eAAe;GACf,mBAAmB;GACnB,gBAAgB,EAAS;GACzB,kBAAkB,EAAS;GAC3B,YAAY,EAAS;GACrB,gBAAgB,EAAS;GACzB,cAAc,EAAS;GACvB,kBAAkB,EAAS;GAC3B,wBAAwB,EAAS;GAClC,GACA;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;YAIE,kBAAC,OAAD;GACE,KAAK,EAAY,GAAK,EAAQ;GAC9B,WAAU;aAFZ,CAIG,GACA,MAAS,KAAA,KACR,kBAAC,SAAD;IAAO,MAAK;IAAe;IAAM,OAAO,KAAgB;IAAM,CAAA,CAE5D;;EACQ,CAAA;;AAIpB,EAAO,cAAc"}

package/dist/components/Select/SelectContent.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Select.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,children:r},a)=>{let o=n.useSelect();return(0,i.jsx)(`div`,{ref:a,id:o.listboxId,role:`listbox`,hidden:!o.open,className:t.cn(`absolute left-0 w-full`,`z-(--nuka-z-dropdown)`,`bg-(--nuka-bg-base)`,`border border-(--nuka-border-base)`,`rounded-(--radius-md)`,`shadow-md`,`py-(--space-1)`,`mt-(--space-1)`,`max-h-60 overflow-y-auto`,e),children:r})});a.displayName=`SelectContent`,exports.SelectContent=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Select.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,children:a}){let o=n.useSelect();return(0,i.jsx)(`div`,{ref:e,id:o.listboxId,role:`listbox`,hidden:!o.open,className:t.cn(`absolute left-0 w-full`,`z-(--nuka-z-dropdown)`,`bg-(--nuka-bg-base)`,`border border-(--nuka-border-base)`,`rounded-(--radius-md)`,`shadow-md`,`py-(--space-1)`,`mt-(--space-1)`,`max-h-60 overflow-y-auto`,r),children:a})}a.displayName=`SelectContent`,exports.SelectContent=a;
 //# sourceMappingURL=SelectContent.cjs.map

package/dist/components/Select/SelectContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.cjs","names":[],"sources":["../../../src/components/Select/SelectContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\n\nexport interface SelectContentProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\n// TODO: migrate to Portal + Floating UI positioning to avoid overflow/stacking\n// context clipping (deferred from audit batch 2).\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  ({ className, children }, ref) => {\n    const ctx = useSelect();\n\n    return (\n      <div\n        ref={ref}\n        id={ctx.listboxId}\n        role=\"listbox\"\n        hidden={!ctx.open}\n        className={cn(\n          \"absolute left-0 w-full\",\n          \"z-(--nuka-z-dropdown)\",\n          \"bg-(--nuka-bg-base)\",\n          \"border border-(--nuka-border-base)\",\n          \"rounded-(--radius-md)\",\n          \"shadow-md\",\n          \"py-(--space-1)\",\n          \"mt-(--space-1)\",\n          \"max-h-60 overflow-y-auto\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nSelectContent.displayName = \"SelectContent\";\n\nexport { SelectContent };\n"],"mappings":"kNAYA,IAAM,EAAgB,EAAM,YACzB,CAAE,YAAW,YAAY,IAAQ,CAChC,IAAM,EAAM,EAAA,WAAW,CAEvB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,GAAI,EAAI,UACR,KAAK,UACL,OAAQ,CAAC,EAAI,KACb,UAAW,EAAA,GACT,yBACA,wBACA,sBACA,qCACA,wBACA,YACA,iBACA,iBACA,2BACA,EACD,CAEA,WACG,CAAA,EAGX,CAED,EAAc,YAAc"}
+{"version":3,"file":"SelectContent.cjs","names":[],"sources":["../../../src/components/Select/SelectContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\n\nexport interface SelectContentProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  className?: string;\n  children: React.ReactNode;\n}\n\n// TODO: migrate to Portal + Floating UI positioning to avoid overflow/stacking\n// context clipping (deferred from audit batch 2).\nfunction SelectContent({ ref, className, children }: SelectContentProps) {\n  const ctx = useSelect();\n\n  return (\n    <div\n      ref={ref}\n      id={ctx.listboxId}\n      role=\"listbox\"\n      hidden={!ctx.open}\n      className={cn(\n        \"absolute left-0 w-full\",\n        \"z-(--nuka-z-dropdown)\",\n        \"bg-(--nuka-bg-base)\",\n        \"border border-(--nuka-border-base)\",\n        \"rounded-(--radius-md)\",\n        \"shadow-md\",\n        \"py-(--space-1)\",\n        \"mt-(--space-1)\",\n        \"max-h-60 overflow-y-auto\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nSelectContent.displayName = \"SelectContent\";\n\nexport { SelectContent };\n"],"mappings":"kNAaA,SAAS,EAAc,CAAE,MAAK,YAAW,YAAgC,CACvE,IAAM,EAAM,EAAA,WAAW,CAEvB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,GAAI,EAAI,UACR,KAAK,UACL,OAAQ,CAAC,EAAI,KACb,UAAW,EAAA,GACT,yBACA,wBACA,sBACA,qCACA,wBACA,YACA,iBACA,iBACA,2BACA,EACD,CAEA,WACG,CAAA,CAIV,EAAc,YAAc"}

package/dist/components/Select/SelectContent.d.ts

@@ -1,8 +1,12 @@
 import * as React from "react";
 export interface SelectContentProps {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     className?: string;
     children: React.ReactNode;
 }
-declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+declare function SelectContent({ ref, className, children }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SelectContent {
+    var displayName: string;
+}
 export { SelectContent };
 //# sourceMappingURL=SelectContent.d.ts.map

package/dist/components/Select/SelectContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAID,QAAA,MAAM,aAAa,2FA2BlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAID,iBAAS,aAAa,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAyBtE;kBAzBQ,aAAa;;;AA6BtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Select/SelectContent.js

@@ -1,22 +1,22 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
 import { useSelect as t } from "./Select.context.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Select/SelectContent.tsx
-var i = n.forwardRef(({ className: n, children: i }, a) => {
+function r({ ref: r, className: i, children: a }) {
 	let o = t();
-	return /* @__PURE__ */ r("div", {
-		ref: a,
+	return /* @__PURE__ */ n("div", {
+		ref: r,
 		id: o.listboxId,
 		role: "listbox",
 		hidden: !o.open,
-		className: e("absolute left-0 w-full", "z-(--nuka-z-dropdown)", "bg-(--nuka-bg-base)", "border border-(--nuka-border-base)", "rounded-(--radius-md)", "shadow-md", "py-(--space-1)", "mt-(--space-1)", "max-h-60 overflow-y-auto", n),
-		children: i
+		className: e("absolute left-0 w-full", "z-(--nuka-z-dropdown)", "bg-(--nuka-bg-base)", "border border-(--nuka-border-base)", "rounded-(--radius-md)", "shadow-md", "py-(--space-1)", "mt-(--space-1)", "max-h-60 overflow-y-auto", i),
+		children: a
 	});
-});
-i.displayName = "SelectContent";
+}
+r.displayName = "SelectContent";
 //#endregion
-export { i as SelectContent };
+export { r as SelectContent };
 
 //# sourceMappingURL=SelectContent.js.map

package/dist/components/Select/SelectContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.js","names":[],"sources":["../../../src/components/Select/SelectContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\n\nexport interface SelectContentProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\n// TODO: migrate to Portal + Floating UI positioning to avoid overflow/stacking\n// context clipping (deferred from audit batch 2).\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  ({ className, children }, ref) => {\n    const ctx = useSelect();\n\n    return (\n      <div\n        ref={ref}\n        id={ctx.listboxId}\n        role=\"listbox\"\n        hidden={!ctx.open}\n        className={cn(\n          \"absolute left-0 w-full\",\n          \"z-(--nuka-z-dropdown)\",\n          \"bg-(--nuka-bg-base)\",\n          \"border border-(--nuka-border-base)\",\n          \"rounded-(--radius-md)\",\n          \"shadow-md\",\n          \"py-(--space-1)\",\n          \"mt-(--space-1)\",\n          \"max-h-60 overflow-y-auto\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nSelectContent.displayName = \"SelectContent\";\n\nexport { SelectContent };\n"],"mappings":";;;;;;AAYA,IAAM,IAAgB,EAAM,YACzB,EAAE,cAAW,eAAY,MAAQ;CAChC,IAAM,IAAM,GAAW;AAEvB,QACE,kBAAC,OAAD;EACO;EACL,IAAI,EAAI;EACR,MAAK;EACL,QAAQ,CAAC,EAAI;EACb,WAAW,EACT,0BACA,yBACA,uBACA,sCACA,yBACA,aACA,kBACA,kBACA,4BACA,EACD;EAEA;EACG,CAAA;EAGX;AAED,EAAc,cAAc"}
+{"version":3,"file":"SelectContent.js","names":[],"sources":["../../../src/components/Select/SelectContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\n\nexport interface SelectContentProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  className?: string;\n  children: React.ReactNode;\n}\n\n// TODO: migrate to Portal + Floating UI positioning to avoid overflow/stacking\n// context clipping (deferred from audit batch 2).\nfunction SelectContent({ ref, className, children }: SelectContentProps) {\n  const ctx = useSelect();\n\n  return (\n    <div\n      ref={ref}\n      id={ctx.listboxId}\n      role=\"listbox\"\n      hidden={!ctx.open}\n      className={cn(\n        \"absolute left-0 w-full\",\n        \"z-(--nuka-z-dropdown)\",\n        \"bg-(--nuka-bg-base)\",\n        \"border border-(--nuka-border-base)\",\n        \"rounded-(--radius-md)\",\n        \"shadow-md\",\n        \"py-(--space-1)\",\n        \"mt-(--space-1)\",\n        \"max-h-60 overflow-y-auto\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nSelectContent.displayName = \"SelectContent\";\n\nexport { SelectContent };\n"],"mappings":";;;;;;AAaA,SAAS,EAAc,EAAE,QAAK,cAAW,eAAgC;CACvE,IAAM,IAAM,GAAW;AAEvB,QACE,kBAAC,OAAD;EACO;EACL,IAAI,EAAI;EACR,MAAK;EACL,QAAQ,CAAC,EAAI;EACb,WAAW,EACT,0BACA,yBACA,uBACA,sCACA,yBACA,aACA,kBACA,kBACA,4BACA,EACD;EAEA;EACG,CAAA;;AAIV,EAAc,cAAc"}

package/dist/components/Select/SelectItem.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`./Select.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}var s=i.forwardRef(({value:e,disabled:s=!1,className:c,children:l},u)=>{let d=r.useSelect(),f=i.useRef(null),p=n.composeRefs(u,f),m=d.value===e,h=d.highlightedValue===e,g=`${d.listboxId}-option-${e}`,_=o(l);return i.useLayoutEffect(()=>(d.registerOption(e,_,f.current),()=>{d.unregisterOption(e)}),[]),i.useEffect(()=>{d.registerDisabledOption(e,s)},[d,e,s]),(0,a.jsx)(`div`,{ref:p,id:g,role:`option`,"aria-selected":m,"aria-disabled":s||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&&!h&&`bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)`,h&&`bg-(--nuka-bg-muted) outline-none`,!m&&!h&&!s&&`hover:bg-(--nuka-bg-muted)`,c),onClick:()=>{s||(d.onValueChange(e),d.onOpenChange(!1))},children:l})});s.displayName=`SelectItem`,exports.SelectItem=s;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`./Select.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}function s({ref:e,value:s,disabled:c=!1,className:l,children:u}){let d=r.useSelect(),f=i.useRef(null),p=n.composeRefs(e,f),m=d.value===s,h=d.highlightedValue===s,g=`${d.listboxId}-option-${s}`,_=o(u);return i.useLayoutEffect(()=>(d.registerOption(s,_,f.current),()=>{d.unregisterOption(s)}),[]),i.useEffect(()=>{d.registerDisabledOption(s,c)},[d,s,c]),(0,a.jsx)(`div`,{ref:p,id:g,role:`option`,"aria-selected":m,"aria-disabled":c||void 0,className:t.cn(`px-(--space-3) py-(--space-2)`,`text-sm`,`cursor-pointer`,`select-none`,`text-(--nuka-text-base)`,c&&`opacity-50 cursor-not-allowed pointer-events-none`,m&&!h&&`bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)`,h&&`bg-(--nuka-bg-muted) outline-none`,!m&&!h&&!c&&`hover:bg-(--nuka-bg-muted)`,l),onClick:()=>{c||(d.onValueChange(s),d.onOpenChange(!1))},children:u})}s.displayName=`SelectItem`,exports.SelectItem=s;
 //# sourceMappingURL=SelectItem.cjs.map

package/dist/components/Select/SelectItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.cjs","names":[],"sources":["../../../src/components/Select/SelectItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\n\nexport interface SelectItemProps {\n  value: string;\n  disabled?: boolean;\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction getLabel(children: React.ReactNode): string {\n  if (typeof children === \"string\") return children;\n  if (typeof children === \"number\") return String(children);\n  return \"\";\n}\n\nconst SelectItem = React.forwardRef<HTMLDivElement, SelectItemProps>(\n  ({ value, disabled = false, className, children }, ref) => {\n    const ctx = useSelect();\n    const internalRef = React.useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, internalRef);\n\n    const isSelected = ctx.value === value;\n    const isHighlighted = ctx.highlightedValue === value;\n    const optionId = `${ctx.listboxId}-option-${value}`;\n    const label = getLabel(children);\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    const handleClick = () => {\n      if (disabled) return;\n      ctx.onValueChange(value);\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        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            !isHighlighted &&\n            \"bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)\",\n          isHighlighted && \"bg-(--nuka-bg-muted) outline-none\",\n          !isSelected &&\n            !isHighlighted &&\n            !disabled &&\n            \"hover:bg-(--nuka-bg-muted)\",\n          className,\n        )}\n        onClick={handleClick}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nSelectItem.displayName = \"SelectItem\";\n\nexport { SelectItem };\n"],"mappings":"oPAaA,SAAS,EAAS,EAAmC,CAGnD,OAFI,OAAO,GAAa,SAAiB,EACrC,OAAO,GAAa,SAAiB,OAAO,EAAS,CAClD,GAGT,IAAM,EAAa,EAAM,YACtB,CAAE,QAAO,WAAW,GAAO,YAAW,YAAY,IAAQ,CACzD,IAAM,EAAM,EAAA,WAAW,CACjB,EAAc,EAAM,OAAuB,KAAK,CAChD,EAAc,EAAA,YAAY,EAAK,EAAY,CAE3C,EAAa,EAAI,QAAU,EAC3B,EAAgB,EAAI,mBAAqB,EACzC,EAAW,GAAG,EAAI,UAAU,UAAU,IACtC,EAAQ,EAAS,EAAS,CAoBhC,OAlBA,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,EASxB,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EACJ,KAAK,SACL,gBAAe,EACf,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,gCACA,UACA,iBACA,cACA,0BACA,GAAY,oDACZ,GACE,CAAC,GACD,yDACF,GAAiB,oCACjB,CAAC,GACC,CAAC,GACD,CAAC,GACD,6BACF,EACD,CACD,YA9BsB,CACpB,IACJ,EAAI,cAAc,EAAM,CACxB,EAAI,aAAa,GAAM,GA6BpB,WACG,CAAA,EAGX,CAED,EAAW,YAAc"}
+{"version":3,"file":"SelectItem.cjs","names":[],"sources":["../../../src/components/Select/SelectItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\n\nexport interface SelectItemProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n  disabled?: boolean;\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction getLabel(children: React.ReactNode): string {\n  if (typeof children === \"string\") return children;\n  if (typeof children === \"number\") return String(children);\n  return \"\";\n}\n\nfunction SelectItem({\n  ref,\n  value,\n  disabled = false,\n  className,\n  children,\n}: SelectItemProps) {\n  const ctx = useSelect();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, internalRef);\n\n  const isSelected = ctx.value === value;\n  const isHighlighted = ctx.highlightedValue === value;\n  const optionId = `${ctx.listboxId}-option-${value}`;\n  const label = getLabel(children);\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  const handleClick = () => {\n    if (disabled) return;\n    ctx.onValueChange(value);\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      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          !isHighlighted &&\n          \"bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)\",\n        isHighlighted && \"bg-(--nuka-bg-muted) outline-none\",\n        !isSelected &&\n          !isHighlighted &&\n          !disabled &&\n          \"hover:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      onClick={handleClick}\n    >\n      {children}\n    </div>\n  );\n}\n\nSelectItem.displayName = \"SelectItem\";\n\nexport { SelectItem };\n"],"mappings":"oPAcA,SAAS,EAAS,EAAmC,CAGnD,OAFI,OAAO,GAAa,SAAiB,EACrC,OAAO,GAAa,SAAiB,OAAO,EAAS,CAClD,GAGT,SAAS,EAAW,CAClB,MACA,QACA,WAAW,GACX,YACA,YACkB,CAClB,IAAM,EAAM,EAAA,WAAW,CACjB,EAAc,EAAM,OAAuB,KAAK,CAChD,EAAc,EAAA,YAAY,EAAK,EAAY,CAE3C,EAAa,EAAI,QAAU,EAC3B,EAAgB,EAAI,mBAAqB,EACzC,EAAW,GAAG,EAAI,UAAU,UAAU,IACtC,EAAQ,EAAS,EAAS,CAoBhC,OAlBA,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,EASxB,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EACJ,KAAK,SACL,gBAAe,EACf,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,gCACA,UACA,iBACA,cACA,0BACA,GAAY,oDACZ,GACE,CAAC,GACD,yDACF,GAAiB,oCACjB,CAAC,GACC,CAAC,GACD,CAAC,GACD,6BACF,EACD,CACD,YA9BsB,CACpB,IACJ,EAAI,cAAc,EAAM,CACxB,EAAI,aAAa,GAAM,GA6BpB,WACG,CAAA,CAIV,EAAW,YAAc"}

package/dist/components/Select/SelectItem.d.ts

@@ -1,10 +1,14 @@
 import * as React from "react";
 export interface SelectItemProps {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     value: string;
     disabled?: boolean;
     className?: string;
     children: React.ReactNode;
 }
-declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+declare function SelectItem({ ref, value, disabled, className, children, }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SelectItem {
+    var displayName: string;
+}
 export { SelectItem };
 //# sourceMappingURL=SelectItem.d.ts.map

package/dist/components/Select/SelectItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAQD,QAAA,MAAM,UAAU,wFA2Df,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAQD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,2CAyDjB;kBA/DQ,UAAU;;;AAmEnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Select/SelectItem.js

@@ -8,29 +8,29 @@ import { jsx as i } from "react/jsx-runtime";
 function a(e) {
 	return typeof e == "string" ? e : typeof e == "number" ? String(e) : "";
 }
-var o = r.forwardRef(({ value: o, disabled: s = !1, className: c, children: l }, u) => {
-	let d = n(), f = r.useRef(null), p = t(u, f), m = d.value === o, h = d.highlightedValue === o, g = `${d.listboxId}-option-${o}`, _ = a(l);
-	return r.useLayoutEffect(() => (d.registerOption(o, _, f.current), () => {
-		d.unregisterOption(o);
+function o({ ref: o, value: s, disabled: c = !1, className: l, children: u }) {
+	let d = n(), f = r.useRef(null), p = t(o, f), m = d.value === s, h = d.highlightedValue === s, g = `${d.listboxId}-option-${s}`, _ = a(u);
+	return r.useLayoutEffect(() => (d.registerOption(s, _, f.current), () => {
+		d.unregisterOption(s);
 	}), []), r.useEffect(() => {
-		d.registerDisabledOption(o, s);
+		d.registerDisabledOption(s, c);
 	}, [
 		d,
-		o,
-		s
+		s,
+		c
 	]), /* @__PURE__ */ i("div", {
 		ref: p,
 		id: g,
 		role: "option",
 		"aria-selected": m,
-		"aria-disabled": s || void 0,
-		className: e("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 && !h && "bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)", h && "bg-(--nuka-bg-muted) outline-none", !m && !h && !s && "hover:bg-(--nuka-bg-muted)", c),
+		"aria-disabled": c || void 0,
+		className: e("px-(--space-3) py-(--space-2)", "text-sm", "cursor-pointer", "select-none", "text-(--nuka-text-base)", c && "opacity-50 cursor-not-allowed pointer-events-none", m && !h && "bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)", h && "bg-(--nuka-bg-muted) outline-none", !m && !h && !c && "hover:bg-(--nuka-bg-muted)", l),
 		onClick: () => {
-			s || (d.onValueChange(o), d.onOpenChange(!1));
+			c || (d.onValueChange(s), d.onOpenChange(!1));
 		},
-		children: l
+		children: u
 	});
-});
+}
 o.displayName = "SelectItem";
 //#endregion
 export { o as SelectItem };

package/dist/components/Select/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","names":[],"sources":["../../../src/components/Select/SelectItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\n\nexport interface SelectItemProps {\n  value: string;\n  disabled?: boolean;\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction getLabel(children: React.ReactNode): string {\n  if (typeof children === \"string\") return children;\n  if (typeof children === \"number\") return String(children);\n  return \"\";\n}\n\nconst SelectItem = React.forwardRef<HTMLDivElement, SelectItemProps>(\n  ({ value, disabled = false, className, children }, ref) => {\n    const ctx = useSelect();\n    const internalRef = React.useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, internalRef);\n\n    const isSelected = ctx.value === value;\n    const isHighlighted = ctx.highlightedValue === value;\n    const optionId = `${ctx.listboxId}-option-${value}`;\n    const label = getLabel(children);\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    const handleClick = () => {\n      if (disabled) return;\n      ctx.onValueChange(value);\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        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            !isHighlighted &&\n            \"bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)\",\n          isHighlighted && \"bg-(--nuka-bg-muted) outline-none\",\n          !isSelected &&\n            !isHighlighted &&\n            !disabled &&\n            \"hover:bg-(--nuka-bg-muted)\",\n          className,\n        )}\n        onClick={handleClick}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nSelectItem.displayName = \"SelectItem\";\n\nexport { SelectItem };\n"],"mappings":";;;;;;;AAaA,SAAS,EAAS,GAAmC;AAGnD,QAFI,OAAO,KAAa,WAAiB,IACrC,OAAO,KAAa,WAAiB,OAAO,EAAS,GAClD;;AAGT,IAAM,IAAa,EAAM,YACtB,EAAE,UAAO,cAAW,IAAO,cAAW,eAAY,MAAQ;CACzD,IAAM,IAAM,GAAW,EACjB,IAAc,EAAM,OAAuB,KAAK,EAChD,IAAc,EAAY,GAAK,EAAY,EAE3C,IAAa,EAAI,UAAU,GAC3B,IAAgB,EAAI,qBAAqB,GACzC,IAAW,GAAG,EAAI,UAAU,UAAU,KACtC,IAAQ,EAAS,EAAS;AAoBhC,QAlBA,EAAM,uBACJ,EAAI,eAAe,GAAO,GAAO,EAAY,QAAQ,QACxC;AACX,IAAI,iBAAiB,EAAM;KAG5B,EAAE,CAAC,EAEN,EAAM,gBAAgB;AACpB,IAAI,uBAAuB,GAAO,EAAS;IAC1C;EAAC;EAAK;EAAO;EAAS,CAAC,EASxB,kBAAC,OAAD;EACE,KAAK;EACL,IAAI;EACJ,MAAK;EACL,iBAAe;EACf,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,iCACA,WACA,kBACA,eACA,2BACA,KAAY,qDACZ,KACE,CAAC,KACD,0DACF,KAAiB,qCACjB,CAAC,KACC,CAAC,KACD,CAAC,KACD,8BACF,EACD;EACD,eA9BsB;AACpB,SACJ,EAAI,cAAc,EAAM,EACxB,EAAI,aAAa,GAAM;;EA6BpB;EACG,CAAA;EAGX;AAED,EAAW,cAAc"}
+{"version":3,"file":"SelectItem.js","names":[],"sources":["../../../src/components/Select/SelectItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\n\nexport interface SelectItemProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n  disabled?: boolean;\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction getLabel(children: React.ReactNode): string {\n  if (typeof children === \"string\") return children;\n  if (typeof children === \"number\") return String(children);\n  return \"\";\n}\n\nfunction SelectItem({\n  ref,\n  value,\n  disabled = false,\n  className,\n  children,\n}: SelectItemProps) {\n  const ctx = useSelect();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, internalRef);\n\n  const isSelected = ctx.value === value;\n  const isHighlighted = ctx.highlightedValue === value;\n  const optionId = `${ctx.listboxId}-option-${value}`;\n  const label = getLabel(children);\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  const handleClick = () => {\n    if (disabled) return;\n    ctx.onValueChange(value);\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      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          !isHighlighted &&\n          \"bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)\",\n        isHighlighted && \"bg-(--nuka-bg-muted) outline-none\",\n        !isSelected &&\n          !isHighlighted &&\n          !disabled &&\n          \"hover:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      onClick={handleClick}\n    >\n      {children}\n    </div>\n  );\n}\n\nSelectItem.displayName = \"SelectItem\";\n\nexport { SelectItem };\n"],"mappings":";;;;;;;AAcA,SAAS,EAAS,GAAmC;AAGnD,QAFI,OAAO,KAAa,WAAiB,IACrC,OAAO,KAAa,WAAiB,OAAO,EAAS,GAClD;;AAGT,SAAS,EAAW,EAClB,QACA,UACA,cAAW,IACX,cACA,eACkB;CAClB,IAAM,IAAM,GAAW,EACjB,IAAc,EAAM,OAAuB,KAAK,EAChD,IAAc,EAAY,GAAK,EAAY,EAE3C,IAAa,EAAI,UAAU,GAC3B,IAAgB,EAAI,qBAAqB,GACzC,IAAW,GAAG,EAAI,UAAU,UAAU,KACtC,IAAQ,EAAS,EAAS;AAoBhC,QAlBA,EAAM,uBACJ,EAAI,eAAe,GAAO,GAAO,EAAY,QAAQ,QACxC;AACX,IAAI,iBAAiB,EAAM;KAG5B,EAAE,CAAC,EAEN,EAAM,gBAAgB;AACpB,IAAI,uBAAuB,GAAO,EAAS;IAC1C;EAAC;EAAK;EAAO;EAAS,CAAC,EASxB,kBAAC,OAAD;EACE,KAAK;EACL,IAAI;EACJ,MAAK;EACL,iBAAe;EACf,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,iCACA,WACA,kBACA,eACA,2BACA,KAAY,qDACZ,KACE,CAAC,KACD,0DACF,KAAiB,qCACjB,CAAC,KACC,CAAC,KACD,CAAC,KACD,8BACF,EACD;EACD,eA9BsB;AACpB,SACJ,EAAI,cAAc,EAAM,EACxB,EAAI,aAAa,GAAM;;EA6BpB;EACG,CAAA;;AAIV,EAAW,cAAc"}

package/dist/components/Select/SelectSeparator.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`div`,{ref:i,role:`separator`,"aria-orientation":`horizontal`,className:t.cn(`my-(--space-1) h-px bg-(--nuka-border-base)`,e),...n}));i.displayName=`SelectSeparator`,exports.SelectSeparator=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`div`,{ref:e,role:`separator`,"aria-orientation":`horizontal`,className:t.cn(`my-(--space-1) h-px bg-(--nuka-border-base)`,n),...i})}i.displayName=`SelectSeparator`,exports.SelectSeparator=i;
 //# sourceMappingURL=SelectSeparator.cjs.map

package/dist/components/Select/SelectSeparator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectSeparator.cjs","names":[],"sources":["../../../src/components/Select/SelectSeparator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SelectSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SelectSeparator = React.forwardRef<HTMLDivElement, SelectSeparatorProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      className={cn(\"my-(--space-1) h-px bg-(--nuka-border-base)\", className)}\n      {...props}\n    />\n  ),\n);\n\nSelectSeparator.displayName = \"SelectSeparator\";\n\nexport { SelectSeparator };\n"],"mappings":"gLAMA,IAAM,EAAkB,EAAM,YAC3B,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAiB,aACjB,UAAW,EAAA,GAAG,8CAA+C,EAAU,CACvE,GAAI,EACJ,CAAA,CAEL,CAED,EAAgB,YAAc"}
+{"version":3,"file":"SelectSeparator.cjs","names":[],"sources":["../../../src/components/Select/SelectSeparator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SelectSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction SelectSeparator({ ref, className, ...props }: SelectSeparatorProps) {\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      className={cn(\"my-(--space-1) h-px bg-(--nuka-border-base)\", className)}\n      {...props}\n    />\n  );\n}\n\nSelectSeparator.displayName = \"SelectSeparator\";\n\nexport { SelectSeparator };\n"],"mappings":"gLAQA,SAAS,EAAgB,CAAE,MAAK,YAAW,GAAG,GAA+B,CAC3E,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAiB,aACjB,UAAW,EAAA,GAAG,8CAA+C,EAAU,CACvE,GAAI,EACJ,CAAA,CAIN,EAAgB,YAAc"}

package/dist/components/Select/SelectSeparator.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface SelectSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}
+declare function SelectSeparator({ ref, className, ...props }: SelectSeparatorProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SelectSeparator {
+    var displayName: string;
 }
-declare const SelectSeparator: React.ForwardRefExoticComponent<SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
 export { SelectSeparator };
 //# sourceMappingURL=SelectSeparator.d.ts.map

package/dist/components/Select/SelectSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectSeparator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAErF,QAAA,MAAM,eAAe,6FAUpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"SelectSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectSeparator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,eAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAU1E;kBAVQ,eAAe;;;AAcxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Select/SelectSeparator.js

@@ -1,17 +1,19 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Select/SelectSeparator.tsx
-var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	role: "separator",
-	"aria-orientation": "horizontal",
-	className: e("my-(--space-1) h-px bg-(--nuka-border-base)", t),
-	...r
-}));
-r.displayName = "SelectSeparator";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		role: "separator",
+		"aria-orientation": "horizontal",
+		className: e("my-(--space-1) h-px bg-(--nuka-border-base)", r),
+		...i
+	});
+}
+n.displayName = "SelectSeparator";
 //#endregion
-export { r as SelectSeparator };
+export { n as SelectSeparator };
 
 //# sourceMappingURL=SelectSeparator.js.map