@nuka-ui/core 1.0.3 → 1.1.0

package/dist/components/Section/Section.variants.js

@@ -0,0 +1,31 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Section/Section.variants.ts
+var t = e([], {
+	variants: {
+		spacing: {
+			none: "py-0",
+			sm: "py-(--space-8) md:py-(--space-10)",
+			md: "py-(--space-10) md:py-(--space-16)",
+			lg: "py-(--space-16) md:py-(--space-24)",
+			xl: "py-(--space-24) md:py-(--space-32)"
+		},
+		background: {
+			base: "bg-(--nuka-bg-base)",
+			subtle: "bg-(--nuka-bg-subtle)",
+			muted: "bg-(--nuka-bg-muted)",
+			emphasis: "bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)"
+		},
+		divider: {
+			true: "border-t border-(--nuka-border-base)",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		spacing: "md",
+		divider: !1
+	}
+});
+//#endregion
+export { t as sectionVariants };
+
+//# sourceMappingURL=Section.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.variants.js","names":[],"sources":["../../../src/components/Section/Section.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sectionVariants = cva([], {\n  variants: {\n    spacing: {\n      none: \"py-0\",\n      sm: \"py-(--space-8) md:py-(--space-10)\",\n      md: \"py-(--space-10) md:py-(--space-16)\",\n      lg: \"py-(--space-16) md:py-(--space-24)\",\n      xl: \"py-(--space-24) md:py-(--space-32)\",\n    },\n    background: {\n      base: \"bg-(--nuka-bg-base)\",\n      subtle: \"bg-(--nuka-bg-subtle)\",\n      muted: \"bg-(--nuka-bg-muted)\",\n      emphasis: \"bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)\",\n    },\n    divider: {\n      true: \"border-t border-(--nuka-border-base)\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    spacing: \"md\",\n    divider: false,\n  },\n});\n\nexport type SectionVariantProps = VariantProps<typeof sectionVariants>;\n"],"mappings":";;AAEA,IAAa,IAAkB,EAAI,EAAE,EAAE;CACrC,UAAU;EACR,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,YAAY;GACV,MAAM;GACN,QAAQ;GACR,OAAO;GACP,UAAU;GACX;EACD,SAAS;GACP,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,SAAS;EACT,SAAS;EACV;CACF,CAAC"}

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

@@ -0,0 +1,4 @@
+export { Section, sectionVariants } from './Section';
+export type { SectionProps } from './Section';
+export type { SectionVariantProps } from './Section.variants';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Section/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Select/Select.cjs

@@ -0,0 +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;
+//# sourceMappingURL=Select.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Select/Select.context.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);var n=t.createContext(void 0);function r(){let e=t.useContext(n);if(e===void 0)throw Error(`useSelect must be used within a <Select> component`);return e}exports.SelectContext=n,exports.useSelect=r;
+//# sourceMappingURL=Select.context.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.context.cjs","names":[],"sources":["../../../src/components/Select/Select.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\n\nexport interface SelectContextValue {\n  open: boolean;\n  value: string | undefined;\n  highlightedValue: string | undefined;\n  disabled: boolean;\n  listboxId: string;\n  onOpenChange: (open: boolean) => void;\n  onValueChange: (value: string) => void;\n  onHighlightChange: (value: string | undefined) => void;\n  registerOption: (\n    value: string,\n    label: string,\n    ref: HTMLElement | null,\n  ) => void;\n  unregisterOption: (value: string) => void;\n  getOptions: () => string[];\n  getOptionLabel: (value: string) => string | undefined;\n  getOptionRef: (value: string) => HTMLElement | null | undefined;\n  isOptionDisabled: (value: string) => boolean;\n  registerDisabledOption: (value: string, disabled: boolean) => void;\n}\n\nconst SelectContext = React.createContext<SelectContextValue | undefined>(\n  undefined,\n);\n\nexport function useSelect(): SelectContextValue {\n  const context = React.useContext(SelectContext);\n  if (context === undefined) {\n    throw new Error(\"useSelect must be used within a <Select> component\");\n  }\n  return context;\n}\n\nexport { SelectContext };\n"],"mappings":"6GAyBA,IAAM,EAAgB,EAAM,cAC1B,IAAA,GACD,CAED,SAAgB,GAAgC,CAC9C,IAAM,EAAU,EAAM,WAAW,EAAc,CAC/C,GAAI,IAAY,IAAA,GACd,MAAU,MAAM,qDAAqD,CAEvE,OAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"Select.context.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACvD,cAAc,EAAE,CACd,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,WAAW,GAAG,IAAI,KACpB,IAAI,CAAC;IACV,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,MAAM,MAAM,EAAE,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAChE,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC7C,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACpE;AAED,QAAA,MAAM,aAAa,+CAElB,CAAC;AAEF,wBAAgB,SAAS,IAAI,kBAAkB,CAM9C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Select.context.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACvD,cAAc,EAAE,CACd,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,WAAW,GAAG,IAAI,KACpB,IAAI,CAAC;IACV,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,MAAM,MAAM,EAAE,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAChE,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC7C,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACpE;AAED,QAAA,MAAM,aAAa,+CAElB,CAAC;AAEF,wBAAgB,SAAS,IAAI,kBAAkB,CAM9C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Select/Select.context.js

@@ -0,0 +1,13 @@
+"use client";
+import * as e from "react";
+//#region src/components/Select/Select.context.tsx
+var t = e.createContext(void 0);
+function n() {
+	let n = e.useContext(t);
+	if (n === void 0) throw Error("useSelect must be used within a <Select> component");
+	return n;
+}
+//#endregion
+export { t as SelectContext, n as useSelect };
+
+//# sourceMappingURL=Select.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.context.js","names":[],"sources":["../../../src/components/Select/Select.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\n\nexport interface SelectContextValue {\n  open: boolean;\n  value: string | undefined;\n  highlightedValue: string | undefined;\n  disabled: boolean;\n  listboxId: string;\n  onOpenChange: (open: boolean) => void;\n  onValueChange: (value: string) => void;\n  onHighlightChange: (value: string | undefined) => void;\n  registerOption: (\n    value: string,\n    label: string,\n    ref: HTMLElement | null,\n  ) => void;\n  unregisterOption: (value: string) => void;\n  getOptions: () => string[];\n  getOptionLabel: (value: string) => string | undefined;\n  getOptionRef: (value: string) => HTMLElement | null | undefined;\n  isOptionDisabled: (value: string) => boolean;\n  registerDisabledOption: (value: string, disabled: boolean) => void;\n}\n\nconst SelectContext = React.createContext<SelectContextValue | undefined>(\n  undefined,\n);\n\nexport function useSelect(): SelectContextValue {\n  const context = React.useContext(SelectContext);\n  if (context === undefined) {\n    throw new Error(\"useSelect must be used within a <Select> component\");\n  }\n  return context;\n}\n\nexport { SelectContext };\n"],"mappings":";;;AAyBA,IAAM,IAAgB,EAAM,cAC1B,KAAA,EACD;AAED,SAAgB,IAAgC;CAC9C,IAAM,IAAU,EAAM,WAAW,EAAc;AAC/C,KAAI,MAAY,KAAA,EACd,OAAU,MAAM,qDAAqD;AAEvE,QAAO"}

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":"AAAA,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;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"}

package/dist/components/Select/Select.js

@@ -0,0 +1,83 @@
+"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";
+//#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;
+		let e = (e) => {
+			E.current && !E.current.contains(e.target) && O(!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
+		}), [
+			v,
+			g,
+			b,
+			p,
+			D,
+			O,
+			_,
+			k,
+			A,
+			j,
+			M,
+			N,
+			P,
+			F,
+			C
+		]),
+		children: /* @__PURE__ */ a("div", {
+			ref: e(h, E),
+			className: "relative inline-block w-full",
+			children: [o, m !== void 0 && /* @__PURE__ */ i("input", {
+				type: "hidden",
+				name: m,
+				value: g ?? ""
+			})]
+		})
+	});
+});
+o.displayName = "Select";
+//#endregion
+export { o as Select };
+
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +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"}

package/dist/components/Select/SelectContent.cjs

@@ -0,0 +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;
+//# sourceMappingURL=SelectContent.cjs.map

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

@@ -0,0 +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"}

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":"AAAA,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,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"}

package/dist/components/Select/SelectContent.js

@@ -0,0 +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";
+//#region src/components/Select/SelectContent.tsx
+var i = n.forwardRef(({ className: n, children: i }, a) => {
+	let o = t();
+	return /* @__PURE__ */ r("div", {
+		ref: a,
+		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
+	});
+});
+i.displayName = "SelectContent";
+//#endregion
+export { i as SelectContent };
+
+//# sourceMappingURL=SelectContent.js.map

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

@@ -0,0 +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"}

package/dist/components/Select/SelectItem.cjs

@@ -0,0 +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;
+//# sourceMappingURL=SelectItem.cjs.map

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

@@ -0,0 +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"}

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":"AAAA,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,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"}

package/dist/components/Select/SelectItem.js

@@ -0,0 +1,38 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { composeRefs as t } from "../../utils/slot.js";
+import { useSelect as n } from "./Select.context.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Select/SelectItem.tsx
+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);
+	}), []), r.useEffect(() => {
+		d.registerDisabledOption(o, s);
+	}, [
+		d,
+		o,
+		s
+	]), /* @__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),
+		onClick: () => {
+			s || (d.onValueChange(o), d.onOpenChange(!1));
+		},
+		children: l
+	});
+});
+o.displayName = "SelectItem";
+//#endregion
+export { o as SelectItem };
+
+//# sourceMappingURL=SelectItem.js.map

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

@@ -0,0 +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"}

package/dist/components/Select/SelectSeparator.cjs

@@ -0,0 +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;
+//# sourceMappingURL=SelectSeparator.cjs.map

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

@@ -0,0 +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"}

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":"AAAA,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;CAAG;AAErF,QAAA,MAAM,eAAe,6FAUpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Select/SelectSeparator.js

@@ -0,0 +1,17 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } 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";
+//#endregion
+export { r as SelectSeparator };
+
+//# sourceMappingURL=SelectSeparator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSeparator.js","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":";;;;;AAMA,IAAM,IAAkB,EAAM,YAC3B,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,MAAK;CACL,oBAAiB;CACjB,WAAW,EAAG,+CAA+C,EAAU;CACvE,GAAI;CACJ,CAAA,CAEL;AAED,EAAgB,cAAc"}

package/dist/components/Select/SelectTrigger.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`../FormField/FormField.context.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./Select.context.cjs`),o=require(`./SelectTrigger.variants.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);var l=300,u=s.forwardRef(({className:e,placeholder:u,intent:d,size:f,disabled:p,...m},h)=>{let g=a.useSelect(),_=r.useFormField(),v=i.useFormFieldProps({id:m.id,"aria-invalid":m[`aria-invalid`],"aria-describedby":m[`aria-describedby`],"aria-required":m[`aria-required`]}),y=s.useRef(``),b=s.useRef(void 0),x=p??g.disabled,S=m[`aria-labelledby`]??(_.labelId||void 0),C=g.value===void 0?void 0:g.getOptionLabel(g.value),w=m[`aria-label`]??(S===void 0?C??u??`Select`:void 0),T=s.useCallback(()=>g.getOptions().filter(e=>!g.isOptionDisabled(e)),[g]),E=s.useCallback(e=>{if(g.onHighlightChange(e),e!==void 0){let t=g.getOptionRef(e);typeof t?.scrollIntoView==`function`&&t.scrollIntoView({block:`nearest`})}},[g]),D=s.useCallback(()=>{g.highlightedValue!==void 0&&(g.onValueChange(g.highlightedValue),g.onOpenChange(!1))},[g]),O=s.useCallback(e=>{let t=T();if(t.length===0)return;let n=g.highlightedValue===void 0?-1:t.indexOf(g.highlightedValue),r;switch(e){case`next`:r=n<t.length-1?n+1:0;break;case`prev`:r=n>0?n-1:t.length-1;break;case`first`:r=0;break;case`last`:r=t.length-1;break}let i=t[r];i!==void 0&&E(i)},[g.highlightedValue,T,E]),k=s.useCallback(e=>{g.onOpenChange(!0);let t=T();if(t.length!==0){if(e===`current`&&g.value!==void 0){let e=t.indexOf(g.value);if(e!==-1){E(t[e]);return}}E(e===`last`?t[t.length-1]:t[0])}},[g,T,E]),A=s.useCallback(e=>{b.current!==void 0&&clearTimeout(b.current),y.current+=e.toLowerCase(),b.current=setTimeout(()=>{y.current=``},l);let t=T().find(e=>g.getOptionLabel(e)?.toLowerCase().startsWith(y.current));t!==void 0&&(g.open||g.onOpenChange(!0),E(t))},[g,T,E]),j=e=>{if(m.onKeyDown?.(e),!e.defaultPrevented)switch(e.key){case`ArrowDown`:e.preventDefault(),g.open?O(`next`):k(`first`);break;case`ArrowUp`:e.preventDefault(),g.open?O(`prev`):k(`last`);break;case`Home`:g.open&&(e.preventDefault(),O(`first`));break;case`End`:g.open&&(e.preventDefault(),O(`last`));break;case`Enter`:e.preventDefault(),g.open?D():k(`current`);break;case` `:e.preventDefault(),g.open?D():k(`current`);break;case`Escape`:g.open&&(e.preventDefault(),g.onOpenChange(!1));break;case`Tab`:g.open&&g.onOpenChange(!1);break;default:e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&A(e.key);break}},M=e=>{if(m.onClick?.(e),!e.defaultPrevented&&(g.onOpenChange(!g.open),!g.open)){let e=T();g.value!==void 0&&e.includes(g.value)&&E(g.value)}},N=g.open&&g.highlightedValue!==void 0?`${g.listboxId}-option-${g.highlightedValue}`:void 0;return(0,c.jsxs)(`button`,{...m,ref:h,type:`button`,id:v.resolvedId,role:`combobox`,"aria-haspopup":`listbox`,"aria-expanded":g.open,"aria-controls":g.listboxId,"aria-activedescendant":N,"aria-label":w,"aria-labelledby":S,"aria-invalid":v.ariaInvalid,"aria-describedby":v.ariaDescribedBy,"aria-required":v.ariaRequired,disabled:x,className:t.cn(o.selectTriggerVariants({intent:d,size:f}),e),onClick:M,onKeyDown:j,children:[(0,c.jsx)(`span`,{className:t.cn(`truncate`,C===void 0&&`text-(--nuka-text-muted)`),children:C??u}),(0,c.jsx)(n.Icon,{size:`sm`,color:`muted`,className:t.cn(`transition-transform duration-150`,g.open&&`rotate-180`),children:(0,c.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,c.jsx)(`path`,{d:`m6 9 6 6 6-6`})})})]})});u.displayName=`SelectTrigger`,exports.SelectTrigger=u;
+//# sourceMappingURL=SelectTrigger.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.cjs","names":[],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  selectTriggerVariants,\n  type SelectTriggerVariantProps,\n} from \"@nuka/components/Select/SelectTrigger.variants\";\n\nexport interface SelectTriggerProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n    SelectTriggerVariantProps {\n  placeholder?: string;\n}\n\nconst TYPEAHEAD_TIMEOUT = 300;\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    { className, placeholder, intent, size, disabled: disabledProp, ...props },\n    ref,\n  ) => {\n    const ctx = useSelect();\n    const formCtx = useFormField();\n\n    const field = useFormFieldProps({\n      id: props.id,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const typeaheadBufferRef = React.useRef(\"\");\n    const typeaheadTimerRef = React.useRef<\n      ReturnType<typeof setTimeout> | undefined\n    >(undefined);\n\n    const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n    const ariaLabelledBy =\n      props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n    const displayLabel =\n      ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n    // Fallback aria-label when no aria-labelledby provides a name.\n    // role=\"combobox\" has nameFrom:author, so text content alone won't work.\n    const ariaLabel =\n      props[\"aria-label\"] ??\n      (ariaLabelledBy === undefined\n        ? (displayLabel ?? placeholder ?? \"Select\")\n        : undefined);\n\n    const getEnabledOptions = React.useCallback((): string[] => {\n      return ctx.getOptions().filter((v) => !ctx.isOptionDisabled(v));\n    }, [ctx]);\n\n    const highlightOption = React.useCallback(\n      (optionValue: string | undefined) => {\n        ctx.onHighlightChange(optionValue);\n        if (optionValue !== undefined) {\n          const optionEl = ctx.getOptionRef(optionValue);\n          if (typeof optionEl?.scrollIntoView === \"function\") {\n            optionEl.scrollIntoView({ block: \"nearest\" });\n          }\n        }\n      },\n      [ctx],\n    );\n\n    const selectHighlighted = React.useCallback(() => {\n      if (ctx.highlightedValue !== undefined) {\n        ctx.onValueChange(ctx.highlightedValue);\n        ctx.onOpenChange(false);\n      }\n    }, [ctx]);\n\n    const moveHighlight = React.useCallback(\n      (direction: \"next\" | \"prev\" | \"first\" | \"last\") => {\n        const options = getEnabledOptions();\n        if (options.length === 0) return;\n\n        const currentIndex =\n          ctx.highlightedValue !== undefined\n            ? options.indexOf(ctx.highlightedValue)\n            : -1;\n\n        let nextIndex: number;\n        switch (direction) {\n          case \"next\":\n            nextIndex =\n              currentIndex < options.length - 1 ? currentIndex + 1 : 0;\n            break;\n          case \"prev\":\n            nextIndex =\n              currentIndex > 0 ? currentIndex - 1 : options.length - 1;\n            break;\n          case \"first\":\n            nextIndex = 0;\n            break;\n          case \"last\":\n            nextIndex = options.length - 1;\n            break;\n        }\n\n        const nextValue = options[nextIndex];\n        if (nextValue !== undefined) {\n          highlightOption(nextValue);\n        }\n      },\n      [ctx.highlightedValue, getEnabledOptions, highlightOption],\n    );\n\n    const openAndHighlight = React.useCallback(\n      (direction: \"first\" | \"last\" | \"current\") => {\n        ctx.onOpenChange(true);\n        const options = getEnabledOptions();\n        if (options.length === 0) return;\n\n        if (direction === \"current\" && ctx.value !== undefined) {\n          const valueIndex = options.indexOf(ctx.value);\n          if (valueIndex !== -1) {\n            highlightOption(options[valueIndex]);\n            return;\n          }\n        }\n\n        if (direction === \"last\") {\n          highlightOption(options[options.length - 1]);\n        } else {\n          highlightOption(options[0]);\n        }\n      },\n      [ctx, getEnabledOptions, highlightOption],\n    );\n\n    const handleTypeahead = React.useCallback(\n      (char: string) => {\n        if (typeaheadTimerRef.current !== undefined) {\n          clearTimeout(typeaheadTimerRef.current);\n        }\n\n        typeaheadBufferRef.current += char.toLowerCase();\n\n        typeaheadTimerRef.current = setTimeout(() => {\n          typeaheadBufferRef.current = \"\";\n        }, TYPEAHEAD_TIMEOUT);\n\n        const options = getEnabledOptions();\n        const match = options.find((v) => {\n          const label = ctx.getOptionLabel(v);\n          return label?.toLowerCase().startsWith(typeaheadBufferRef.current);\n        });\n\n        if (match !== undefined) {\n          if (!ctx.open) {\n            ctx.onOpenChange(true);\n          }\n          highlightOption(match);\n        }\n      },\n      [ctx, getEnabledOptions, highlightOption],\n    );\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      props.onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"first\");\n          } else {\n            moveHighlight(\"next\");\n          }\n          break;\n\n        case \"ArrowUp\":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"last\");\n          } else {\n            moveHighlight(\"prev\");\n          }\n          break;\n\n        case \"Home\":\n          if (ctx.open) {\n            e.preventDefault();\n            moveHighlight(\"first\");\n          }\n          break;\n\n        case \"End\":\n          if (ctx.open) {\n            e.preventDefault();\n            moveHighlight(\"last\");\n          }\n          break;\n\n        case \"Enter\":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"current\");\n          } else {\n            selectHighlighted();\n          }\n          break;\n\n        case \" \":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"current\");\n          } else {\n            selectHighlighted();\n          }\n          break;\n\n        case \"Escape\":\n          if (ctx.open) {\n            e.preventDefault();\n            ctx.onOpenChange(false);\n          }\n          break;\n\n        case \"Tab\":\n          if (ctx.open) {\n            ctx.onOpenChange(false);\n            // Do not preventDefault: allow Tab to move focus naturally\n          }\n          break;\n\n        default:\n          if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n            handleTypeahead(e.key);\n          }\n          break;\n      }\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      props.onClick?.(e);\n      if (e.defaultPrevented) return;\n      ctx.onOpenChange(!ctx.open);\n      if (!ctx.open) {\n        // Opening: highlight current value or first option\n        const options = getEnabledOptions();\n        if (ctx.value !== undefined && options.includes(ctx.value)) {\n          highlightOption(ctx.value);\n        }\n      }\n    };\n\n    // aria-activedescendant must be undefined (not empty string) when no highlight\n    const ariaActiveDescendant =\n      ctx.open && ctx.highlightedValue !== undefined\n        ? `${ctx.listboxId}-option-${ctx.highlightedValue}`\n        : undefined;\n\n    return (\n      <button\n        {...props}\n        ref={ref}\n        type=\"button\"\n        id={field.resolvedId}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={ctx.open}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={ariaActiveDescendant}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        disabled={resolvedDisabled}\n        className={cn(selectTriggerVariants({ intent, size }), className)}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        <span\n          className={cn(\n            \"truncate\",\n            displayLabel === undefined && \"text-(--nuka-text-muted)\",\n          )}\n        >\n          {displayLabel ?? placeholder}\n        </span>\n        <Icon\n          size=\"sm\"\n          color=\"muted\"\n          className={cn(\n            \"transition-transform duration-150\",\n            ctx.open && \"rotate-180\",\n          )}\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <path d=\"m6 9 6 6 6-6\" />\n          </svg>\n        </Icon>\n      </button>\n    );\n  },\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EACL,qBAAqB,EACrB,KAAK,yBAAyB,EAC/B,MAAM,gDAAgD,CAAC;AAExD,MAAM,WAAW,kBACf,SACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,yBAAyB;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,QAAA,MAAM,aAAa,8FAuSlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EACL,qBAAqB,EACrB,KAAK,yBAAyB,EAC/B,MAAM,gDAAgD,CAAC;AAExD,MAAM,WAAW,kBACf,SACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,yBAAyB;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,QAAA,MAAM,aAAa,8FAuSlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/Select/SelectTrigger.js

@@ -0,0 +1,157 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { Icon as t } from "../Icon/Icon.js";
+import { useFormField as n } from "../FormField/FormField.context.js";
+import { useFormFieldProps as r } from "../../hooks/use-form-field-props.js";
+import { useSelect as i } from "./Select.context.js";
+import { selectTriggerVariants as a } from "./SelectTrigger.variants.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/Select/SelectTrigger.tsx
+var l = 300, u = o.forwardRef(({ className: u, placeholder: d, intent: f, size: p, disabled: m, ...h }, g) => {
+	let _ = i(), v = n(), y = r({
+		id: h.id,
+		"aria-invalid": h["aria-invalid"],
+		"aria-describedby": h["aria-describedby"],
+		"aria-required": h["aria-required"]
+	}), b = o.useRef(""), x = o.useRef(void 0), S = m ?? _.disabled, C = h["aria-labelledby"] ?? (v.labelId || void 0), w = _.value === void 0 ? void 0 : _.getOptionLabel(_.value), T = h["aria-label"] ?? (C === void 0 ? w ?? d ?? "Select" : void 0), E = o.useCallback(() => _.getOptions().filter((e) => !_.isOptionDisabled(e)), [_]), D = o.useCallback((e) => {
+		if (_.onHighlightChange(e), e !== void 0) {
+			let t = _.getOptionRef(e);
+			typeof t?.scrollIntoView == "function" && t.scrollIntoView({ block: "nearest" });
+		}
+	}, [_]), O = o.useCallback(() => {
+		_.highlightedValue !== void 0 && (_.onValueChange(_.highlightedValue), _.onOpenChange(!1));
+	}, [_]), k = o.useCallback((e) => {
+		let t = E();
+		if (t.length === 0) return;
+		let n = _.highlightedValue === void 0 ? -1 : t.indexOf(_.highlightedValue), r;
+		switch (e) {
+			case "next":
+				r = n < t.length - 1 ? n + 1 : 0;
+				break;
+			case "prev":
+				r = n > 0 ? n - 1 : t.length - 1;
+				break;
+			case "first":
+				r = 0;
+				break;
+			case "last":
+				r = t.length - 1;
+				break;
+		}
+		let i = t[r];
+		i !== void 0 && D(i);
+	}, [
+		_.highlightedValue,
+		E,
+		D
+	]), A = o.useCallback((e) => {
+		_.onOpenChange(!0);
+		let t = E();
+		if (t.length !== 0) {
+			if (e === "current" && _.value !== void 0) {
+				let e = t.indexOf(_.value);
+				if (e !== -1) {
+					D(t[e]);
+					return;
+				}
+			}
+			D(e === "last" ? t[t.length - 1] : t[0]);
+		}
+	}, [
+		_,
+		E,
+		D
+	]), j = o.useCallback((e) => {
+		x.current !== void 0 && clearTimeout(x.current), b.current += e.toLowerCase(), x.current = setTimeout(() => {
+			b.current = "";
+		}, l);
+		let t = E().find((e) => _.getOptionLabel(e)?.toLowerCase().startsWith(b.current));
+		t !== void 0 && (_.open || _.onOpenChange(!0), D(t));
+	}, [
+		_,
+		E,
+		D
+	]), M = (e) => {
+		if (h.onKeyDown?.(e), !e.defaultPrevented) switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), _.open ? k("next") : A("first");
+				break;
+			case "ArrowUp":
+				e.preventDefault(), _.open ? k("prev") : A("last");
+				break;
+			case "Home":
+				_.open && (e.preventDefault(), k("first"));
+				break;
+			case "End":
+				_.open && (e.preventDefault(), k("last"));
+				break;
+			case "Enter":
+				e.preventDefault(), _.open ? O() : A("current");
+				break;
+			case " ":
+				e.preventDefault(), _.open ? O() : A("current");
+				break;
+			case "Escape":
+				_.open && (e.preventDefault(), _.onOpenChange(!1));
+				break;
+			case "Tab":
+				_.open && _.onOpenChange(!1);
+				break;
+			default:
+				e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && j(e.key);
+				break;
+		}
+	}, N = (e) => {
+		if (h.onClick?.(e), !e.defaultPrevented && (_.onOpenChange(!_.open), !_.open)) {
+			let e = E();
+			_.value !== void 0 && e.includes(_.value) && D(_.value);
+		}
+	}, P = _.open && _.highlightedValue !== void 0 ? `${_.listboxId}-option-${_.highlightedValue}` : void 0;
+	return /* @__PURE__ */ c("button", {
+		...h,
+		ref: g,
+		type: "button",
+		id: y.resolvedId,
+		role: "combobox",
+		"aria-haspopup": "listbox",
+		"aria-expanded": _.open,
+		"aria-controls": _.listboxId,
+		"aria-activedescendant": P,
+		"aria-label": T,
+		"aria-labelledby": C,
+		"aria-invalid": y.ariaInvalid,
+		"aria-describedby": y.ariaDescribedBy,
+		"aria-required": y.ariaRequired,
+		disabled: S,
+		className: e(a({
+			intent: f,
+			size: p
+		}), u),
+		onClick: N,
+		onKeyDown: M,
+		children: [/* @__PURE__ */ s("span", {
+			className: e("truncate", w === void 0 && "text-(--nuka-text-muted)"),
+			children: w ?? d
+		}), /* @__PURE__ */ s(t, {
+			size: "sm",
+			color: "muted",
+			className: e("transition-transform duration-150", _.open && "rotate-180"),
+			children: /* @__PURE__ */ s("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ s("path", { d: "m6 9 6 6 6-6" })
+			})
+		})]
+	});
+});
+u.displayName = "SelectTrigger";
+//#endregion
+export { u as SelectTrigger };
+
+//# sourceMappingURL=SelectTrigger.js.map