@nuka-ui/core 1.1.2 → 1.1.4

package/dist/components/Section/Section.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`./Section.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,as:i=`section`,className:o,spacing:s,background:c,divider:l,asChild:u=!1,...d}){return(0,a.jsx)(u?n.Slot:i,{ref:e,className:t.cn(r.sectionVariants({spacing:s,background:c,divider:l}),o),...d})}o.displayName=`Section`,exports.Section=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`./Section.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,as:i=`section`,className:o,spacing:s,background:c,divider:l,asChild:u=!1,...d}){return(0,a.jsx)(u?n.Slot:i,{ref:e,"data-surface":c===`emphasis`?`inverse`:void 0,className:t.cn(r.sectionVariants({spacing:s,background:c,divider:l}),o),...d})}o.displayName=`Section`,exports.Section=o;
 //# sourceMappingURL=Section.cjs.map

package/dist/components/Section/Section.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Section.cjs","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  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":"yOAwBA,SAAS,EAAQ,CACf,MACA,GAAI,EAAO,UACX,YACA,UACA,aACA,UACA,UAAU,GACV,GAAG,GACY,CAGf,OACE,EAAA,EAAA,KAHU,EAAU,EAAA,KAAO,EAG3B,CACO,MACL,UAAW,EAAA,GACT,EAAA,gBAAgB,CAAE,UAAS,aAAY,UAAS,CAAC,CACjD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}
+{"version":3,"file":"Section.cjs","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      data-surface={background === \"emphasis\" ? \"inverse\" : undefined}\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":"sPA0BA,SAAS,EAAQ,CACf,MACA,GAAI,EAAO,UACX,YACA,UACA,aACA,UACA,UAAU,GACV,GAAG,GACY,CAGf,OACE,EAAA,EAAA,KAHU,EAAU,EAAA,KAAO,EAG3B,CACO,MACL,eAAc,IAAe,WAAa,UAAY,IAAA,GACtD,UAAW,EAAA,GACT,EAAA,gBAAgB,CAAE,UAAS,aAAY,UAAS,CAAC,CACjD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}

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,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"}
+{"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,2CAcd;kBAvBQ,OAAO;;;AA2BhB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Section/Section.js

@@ -1,3 +1,4 @@
+"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";
@@ -7,6 +8,7 @@ import { jsx as r } from "react/jsx-runtime";
 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,
+		"data-surface": c === "emphasis" ? "inverse" : void 0,
 		className: e(n({
 			spacing: s,
 			background: c,

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  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":";;;;;;AAwBA,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"}
+{"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      data-surface={background === \"emphasis\" ? \"inverse\" : undefined}\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,gBAAc,MAAe,aAAa,YAAY,KAAA;EACtD,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(`../../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;
+"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),"data-slot":`root`,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 { 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"}
+{"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        data-slot=\"root\"\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,YAAU,OACV,UAAU,wCAHZ,CAKG,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.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;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"}
+{"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,2CA+Fb;kBA1GQ,MAAM;;;AA8Gf,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Select/Select.js

@@ -47,6 +47,7 @@ function s({ ref: s, children: c, value: l, defaultValue: u, onValueChange: d, o
 		]),
 		children: /* @__PURE__ */ o("div", {
 			ref: e(s, w),
+			"data-slot": "root",
 			className: "relative inline-block w-full",
 			children: [c, g !== void 0 && /* @__PURE__ */ a("input", {
 				type: "hidden",

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 { 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"}
+{"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        data-slot=\"root\"\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,aAAU;GACV,WAAU;aAHZ,CAKG,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`);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;
+"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,"data-slot":`content`,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  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"}
+{"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      data-slot=\"content\"\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,YAAU,UACV,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.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,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"}
+{"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,2CA0BtE;kBA1BQ,aAAa;;;AA8BtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Select/SelectContent.js

@@ -9,6 +9,7 @@ function r({ ref: r, className: i, children: a }) {
 	return /* @__PURE__ */ n("div", {
 		ref: r,
 		id: o.listboxId,
+		"data-slot": "content",
 		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", i),

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  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"}
+{"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      data-slot=\"content\"\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,aAAU;EACV,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):``}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;
+"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,"data-slot":`item`,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  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"}
+{"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      data-slot=\"item\"\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,YAAU,OACV,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,YA/BsB,CACpB,IACJ,EAAI,cAAc,EAAM,CACxB,EAAI,aAAa,GAAM,GA8BpB,WACG,CAAA,CAIV,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":"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"}
+{"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,2CA0DjB;kBAhEQ,UAAU;;;AAoEnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Select/SelectItem.js

@@ -21,6 +21,7 @@ function o({ ref: o, value: s, disabled: c = !1, className: l, children: u }) {
 	]), /* @__PURE__ */ i("div", {
 		ref: p,
 		id: g,
+		"data-slot": "item",
 		role: "option",
 		"aria-selected": m,
 		"aria-disabled": c || void 0,

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  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"}
+{"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      data-slot=\"item\"\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,aAAU;EACV,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,eA/BsB;AACpB,SACJ,EAAI,cAAc,EAAM,EACxB,EAAI,aAAa,GAAM;;EA8BpB;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`);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;
+"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),"data-slot":`separator`,...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  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"}
+{"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      data-slot=\"separator\"\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,YAAU,YACV,GAAI,EACJ,CAAA,CAIN,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":"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"}
+{"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,2CAW1E;kBAXQ,eAAe;;;AAexB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Select/SelectSeparator.js

@@ -9,6 +9,7 @@ function n({ ref: n, className: r, ...i }) {
 		role: "separator",
 		"aria-orientation": "horizontal",
 		className: e("my-(--space-1) h-px bg-(--nuka-border-base)", r),
+		"data-slot": "separator",
 		...i
 	});
 }

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

@@ -1 +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  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":";;;;;AAQA,SAAS,EAAgB,EAAE,QAAK,cAAW,GAAG,KAA+B;AAC3E,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAiB;EACjB,WAAW,EAAG,+CAA+C,EAAU;EACvE,GAAI;EACJ,CAAA;;AAIN,EAAgB,cAAc"}
+{"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  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      data-slot=\"separator\"\n      {...props}\n    />\n  );\n}\n\nSelectSeparator.displayName = \"SelectSeparator\";\n\nexport { SelectSeparator };\n"],"mappings":";;;;;AAQA,SAAS,EAAgB,EAAE,QAAK,cAAW,GAAG,KAA+B;AAC3E,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAiB;EACjB,WAAW,EAAG,+CAA+C,EAAU;EACvE,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAgB,cAAc"}

package/dist/components/Select/SelectTrigger.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/roving-index.cjs`),r=require(`../FormField/FormField.context.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`../../utils/scroll-into-view-safe.cjs`),o=require(`./Select.context.cjs`),s=require(`./SelectTrigger.utils.cjs`),c=require(`./SelectTrigger.variants.cjs`);let l=require(`react`);l=e.__toESM(l,1);let u=require(`react/jsx-runtime`);function d({ref:e,className:d,placeholder:f,intent:p,size:m,disabled:h,...g}){let _=o.useSelect(),v=r.useFormField(),y=i.useFormFieldProps({id:g.id,"aria-invalid":g[`aria-invalid`],"aria-describedby":g[`aria-describedby`],"aria-required":g[`aria-required`]}),b=l.useRef(``),x=l.useRef(void 0),S=h??_.disabled,C=g[`aria-labelledby`]??(v.labelId||void 0),w=_.value===void 0?void 0:_.getOptionLabel(_.value),T=g[`aria-label`]??(C===void 0?w??f??`Select`:void 0),E=l.useCallback(()=>_.getOptions().filter(e=>!_.isOptionDisabled(e)),[_]),D=l.useCallback(e=>{_.onHighlightChange(e),e!==void 0&&a.scrollIntoViewSafe(_.getOptionRef(e))},[_]),O=l.useCallback(()=>{_.highlightedValue!==void 0&&(_.onValueChange(_.highlightedValue),_.onOpenChange(!1))},[_]),k=l.useCallback(e=>{let t=E();if(t.length===0)return;let r=_.highlightedValue===void 0?-1:t.indexOf(_.highlightedValue),i=n.getRovingIndex({next:`ArrowDown`,prev:`ArrowUp`,first:`Home`,last:`End`}[e],r,t.length,`vertical`);if(i===void 0)return;let a=t[i];a!==void 0&&D(a)},[_.highlightedValue,E,D]),A=l.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=l.useCallback(e=>{x.current!==void 0&&clearTimeout(x.current),b.current+=e.toLowerCase(),x.current=setTimeout(()=>{b.current=``},300);let t=E().find(e=>_.getOptionLabel(e)?.toLowerCase().startsWith(b.current));t!==void 0&&(_.open||_.onOpenChange(!0),D(t))},[_,E,D]),M=e=>{if(g.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(g.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(0,u.jsxs)(`button`,{...g,ref:e,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:t.cn(c.selectTriggerVariants({intent:p,size:m}),d),onClick:N,onKeyDown:M,children:[(0,u.jsx)(`span`,{className:t.cn(`truncate`,w===void 0&&`text-(--nuka-text-muted)`),children:w??f}),(0,u.jsx)(s.ChevronIcon,{open:_.open})]})}d.displayName=`SelectTrigger`,exports.SelectTrigger=d;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/roving-index.cjs`),r=require(`../FormField/FormField.context.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`../../utils/scroll-into-view-safe.cjs`),o=require(`./Select.context.cjs`),s=require(`./SelectTrigger.utils.cjs`),c=require(`./SelectTrigger.variants.cjs`);let l=require(`react`);l=e.__toESM(l,1);let u=require(`react/jsx-runtime`);function d({ref:e,className:d,placeholder:f,intent:p,size:m,disabled:h,...g}){let _=o.useSelect(),v=r.useFormField(),y=i.useFormFieldProps({id:g.id,"aria-invalid":g[`aria-invalid`],"aria-describedby":g[`aria-describedby`],"aria-required":g[`aria-required`]}),b=l.useRef(``),x=l.useRef(void 0),S=h??_.disabled,C=g[`aria-labelledby`]??(v.labelId||void 0),w=_.value===void 0?void 0:_.getOptionLabel(_.value),T=g[`aria-label`]??(C===void 0?w??f??`Select`:void 0),E=l.useCallback(()=>_.getOptions().filter(e=>!_.isOptionDisabled(e)),[_]),D=l.useCallback(e=>{_.onHighlightChange(e),e!==void 0&&a.scrollIntoViewSafe(_.getOptionRef(e))},[_]),O=l.useCallback(()=>{_.highlightedValue!==void 0&&(_.onValueChange(_.highlightedValue),_.onOpenChange(!1))},[_]),k=l.useCallback(e=>{let t=E();if(t.length===0)return;let r=_.highlightedValue===void 0?-1:t.indexOf(_.highlightedValue),i=n.getRovingIndex({next:`ArrowDown`,prev:`ArrowUp`,first:`Home`,last:`End`}[e],r,t.length,`vertical`);if(i===void 0)return;let a=t[i];a!==void 0&&D(a)},[_.highlightedValue,E,D]),A=l.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=l.useCallback(e=>{x.current!==void 0&&clearTimeout(x.current),b.current+=e.toLowerCase(),x.current=setTimeout(()=>{b.current=``},300);let t=E().find(e=>_.getOptionLabel(e)?.toLowerCase().startsWith(b.current));t!==void 0&&(_.open||_.onOpenChange(!0),D(t))},[_,E,D]),M=e=>{if(g.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(g.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(0,u.jsxs)(`button`,{...g,ref:e,type:`button`,id:y.resolvedId,"data-slot":`trigger`,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:t.cn(c.selectTriggerVariants({intent:p,size:m}),d),onClick:N,onKeyDown:M,children:[(0,u.jsx)(`span`,{className:t.cn(`truncate`,w===void 0&&`text-(--nuka-text-muted)`),children:w??f}),(0,u.jsx)(s.ChevronIcon,{open:_.open})]})}d.displayName=`SelectTrigger`,exports.SelectTrigger=d;
 //# sourceMappingURL=SelectTrigger.cjs.map

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

@@ -1 +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 { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { scrollIntoViewSafe } from \"@nuka/utils/scroll-into-view-safe\";\nimport {\n  TYPEAHEAD_TIMEOUT,\n  ChevronIcon,\n} from \"@nuka/components/Select/SelectTrigger.utils\";\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  ref?: React.Ref<HTMLButtonElement> | undefined;\n  placeholder?: string;\n}\n\nfunction SelectTrigger({\n  ref,\n  className,\n  placeholder,\n  intent,\n  size,\n  disabled: disabledProp,\n  ...props\n}: SelectTriggerProps) {\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        scrollIntoViewSafe(ctx.getOptionRef(optionValue));\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      const keyMap = {\n        next: \"ArrowDown\",\n        prev: \"ArrowUp\",\n        first: \"Home\",\n        last: \"End\",\n      } as const;\n      const nextIndex = getRovingIndex(\n        keyMap[direction],\n        currentIndex,\n        options.length,\n        \"vertical\",\n      );\n      if (nextIndex === undefined) return;\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      <ChevronIcon open={ctx.open} />\n    </button>\n  );\n}\n\nSelectTrigger.displayName = \"SelectTrigger\";\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"keAyBA,SAAS,EAAc,CACrB,MACA,YACA,cACA,SACA,OACA,SAAU,EACV,GAAG,GACkB,CACrB,IAAM,EAAM,EAAA,WAAW,CACjB,EAAU,EAAA,cAAc,CAExB,EAAQ,EAAA,kBAAkB,CAC9B,GAAI,EAAM,GACV,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEI,EAAqB,EAAM,OAAO,GAAG,CACrC,EAAoB,EAAM,OAE9B,IAAA,GAAU,CAEN,EAAmB,GAAgB,EAAI,SAEvC,EACJ,EAAM,qBAAuB,EAAQ,SAAW,IAAA,IAE5C,EACJ,EAAI,QAAU,IAAA,GAA4C,IAAA,GAAhC,EAAI,eAAe,EAAI,MAAM,CAInD,EACJ,EAAM,gBACL,IAAmB,IAAA,GACf,GAAgB,GAAe,SAChC,IAAA,IAEA,EAAoB,EAAM,gBACvB,EAAI,YAAY,CAAC,OAAQ,GAAM,CAAC,EAAI,iBAAiB,EAAE,CAAC,CAC9D,CAAC,EAAI,CAAC,CAEH,EAAkB,EAAM,YAC3B,GAAoC,CACnC,EAAI,kBAAkB,EAAY,CAC9B,IAAgB,IAAA,IAClB,EAAA,mBAAmB,EAAI,aAAa,EAAY,CAAC,EAGrD,CAAC,EAAI,CACN,CAEK,EAAoB,EAAM,gBAAkB,CAC5C,EAAI,mBAAqB,IAAA,KAC3B,EAAI,cAAc,EAAI,iBAAiB,CACvC,EAAI,aAAa,GAAM,GAExB,CAAC,EAAI,CAAC,CAEH,EAAgB,EAAM,YACzB,GAAkD,CACjD,IAAM,EAAU,GAAmB,CACnC,GAAI,EAAQ,SAAW,EAAG,OAE1B,IAAM,EACJ,EAAI,mBAAqB,IAAA,GAErB,GADA,EAAQ,QAAQ,EAAI,iBAAiB,CASrC,EAAY,EAAA,eANH,CACb,KAAM,YACN,KAAM,UACN,MAAO,OACP,KAAM,MACP,CAEQ,GACP,EACA,EAAQ,OACR,WACD,CACD,GAAI,IAAc,IAAA,GAAW,OAE7B,IAAM,EAAY,EAAQ,GACtB,IAAc,IAAA,IAChB,EAAgB,EAAU,EAG9B,CAAC,EAAI,iBAAkB,EAAmB,EAAgB,CAC3D,CAEK,EAAmB,EAAM,YAC5B,GAA4C,CAC3C,EAAI,aAAa,GAAK,CACtB,IAAM,EAAU,GAAmB,CAC/B,KAAQ,SAAW,EAEvB,IAAI,IAAc,WAAa,EAAI,QAAU,IAAA,GAAW,CACtD,IAAM,EAAa,EAAQ,QAAQ,EAAI,MAAM,CAC7C,GAAI,IAAe,GAAI,CACrB,EAAgB,EAAQ,GAAY,CACpC,QAKF,EADE,IAAc,OACA,EAAQ,EAAQ,OAAS,GAEzB,EAAQ,GAAG,GAG/B,CAAC,EAAK,EAAmB,EAAgB,CAC1C,CAEK,EAAkB,EAAM,YAC3B,GAAiB,CACZ,EAAkB,UAAY,IAAA,IAChC,aAAa,EAAkB,QAAQ,CAGzC,EAAmB,SAAW,EAAK,aAAa,CAEhD,EAAkB,QAAU,eAAiB,CAC3C,EAAmB,QAAU,QACV,CAGrB,IAAM,EADU,GAAmB,CACb,KAAM,GACZ,EAAI,eAAe,EAAE,EACrB,aAAa,CAAC,WAAW,EAAmB,QAAQ,CAClE,CAEE,IAAU,IAAA,KACP,EAAI,MACP,EAAI,aAAa,GAAK,CAExB,EAAgB,EAAM,GAG1B,CAAC,EAAK,EAAmB,EAAgB,CAC1C,CAEK,EAAiB,GAA8C,CACnE,KAAM,YAAY,EAAE,CAChB,GAAE,iBAEN,OAAQ,EAAE,IAAV,CACE,IAAK,YACH,EAAE,gBAAgB,CACb,EAAI,KAGP,EAAc,OAAO,CAFrB,EAAiB,QAAQ,CAI3B,MAEF,IAAK,UACH,EAAE,gBAAgB,CACb,EAAI,KAGP,EAAc,OAAO,CAFrB,EAAiB,OAAO,CAI1B,MAEF,IAAK,OACC,EAAI,OACN,EAAE,gBAAgB,CAClB,EAAc,QAAQ,EAExB,MAEF,IAAK,MACC,EAAI,OACN,EAAE,gBAAgB,CAClB,EAAc,OAAO,EAEvB,MAEF,IAAK,QACH,EAAE,gBAAgB,CACb,EAAI,KAGP,GAAmB,CAFnB,EAAiB,UAAU,CAI7B,MAEF,IAAK,IACH,EAAE,gBAAgB,CACb,EAAI,KAGP,GAAmB,CAFnB,EAAiB,UAAU,CAI7B,MAEF,IAAK,SACC,EAAI,OACN,EAAE,gBAAgB,CAClB,EAAI,aAAa,GAAM,EAEzB,MAEF,IAAK,MACC,EAAI,MACN,EAAI,aAAa,GAAM,CAGzB,MAEF,QACM,EAAE,IAAI,SAAW,GAAK,CAAC,EAAE,SAAW,CAAC,EAAE,SAAW,CAAC,EAAE,QACvD,EAAgB,EAAE,IAAI,CAExB,QAIA,EAAe,GAA2C,CAC9D,KAAM,UAAU,EAAE,CACd,GAAE,mBACN,EAAI,aAAa,CAAC,EAAI,KAAK,CACvB,CAAC,EAAI,MAAM,CAEb,IAAM,EAAU,GAAmB,CAC/B,EAAI,QAAU,IAAA,IAAa,EAAQ,SAAS,EAAI,MAAM,EACxD,EAAgB,EAAI,MAAM,GAM1B,EACJ,EAAI,MAAQ,EAAI,mBAAqB,IAAA,GACjC,GAAG,EAAI,UAAU,UAAU,EAAI,mBAC/B,IAAA,GAEN,OACE,EAAA,EAAA,MAAC,SAAD,CACE,GAAI,EACC,MACL,KAAK,SACL,GAAI,EAAM,WACV,KAAK,WACL,gBAAc,UACd,gBAAe,EAAI,KACnB,gBAAe,EAAI,UACnB,wBAAuB,EACvB,aAAY,EACZ,kBAAiB,EACjB,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,SAAU,EACV,UAAW,EAAA,GAAG,EAAA,sBAAsB,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CACjE,QAAS,EACT,UAAW,WAlBb,EAoBE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,WACA,IAAiB,IAAA,IAAa,2BAC/B,UAEA,GAAgB,EACZ,CAAA,EACP,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,KAAM,EAAI,KAAQ,CAAA,CACxB,GAIb,EAAc,YAAc"}
+{"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 { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { scrollIntoViewSafe } from \"@nuka/utils/scroll-into-view-safe\";\nimport {\n  TYPEAHEAD_TIMEOUT,\n  ChevronIcon,\n} from \"@nuka/components/Select/SelectTrigger.utils\";\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  ref?: React.Ref<HTMLButtonElement> | undefined;\n  placeholder?: string;\n}\n\nfunction SelectTrigger({\n  ref,\n  className,\n  placeholder,\n  intent,\n  size,\n  disabled: disabledProp,\n  ...props\n}: SelectTriggerProps) {\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        scrollIntoViewSafe(ctx.getOptionRef(optionValue));\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      const keyMap = {\n        next: \"ArrowDown\",\n        prev: \"ArrowUp\",\n        first: \"Home\",\n        last: \"End\",\n      } as const;\n      const nextIndex = getRovingIndex(\n        keyMap[direction],\n        currentIndex,\n        options.length,\n        \"vertical\",\n      );\n      if (nextIndex === undefined) return;\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      data-slot=\"trigger\"\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      <ChevronIcon open={ctx.open} />\n    </button>\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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/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,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,WAAW,EACX,MAAM,EACN,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAwQpB;kBAhRQ,aAAa;;;AAoRtB,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;AAW/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,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,WAAW,EACX,MAAM,EACN,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAyQpB;kBAjRQ,aAAa;;;AAqRtB,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/Select/SelectTrigger.js

@@ -104,6 +104,7 @@ function d({ ref: d, className: f, placeholder: p, intent: m, size: h, disabled:
 		ref: d,
 		type: "button",
 		id: b.resolvedId,
+		"data-slot": "trigger",
 		role: "combobox",
 		"aria-haspopup": "listbox",
 		"aria-expanded": v.open,

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.js","names":[],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { scrollIntoViewSafe } from \"@nuka/utils/scroll-into-view-safe\";\nimport {\n  TYPEAHEAD_TIMEOUT,\n  ChevronIcon,\n} from \"@nuka/components/Select/SelectTrigger.utils\";\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  ref?: React.Ref<HTMLButtonElement> | undefined;\n  placeholder?: string;\n}\n\nfunction SelectTrigger({\n  ref,\n  className,\n  placeholder,\n  intent,\n  size,\n  disabled: disabledProp,\n  ...props\n}: SelectTriggerProps) {\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        scrollIntoViewSafe(ctx.getOptionRef(optionValue));\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      const keyMap = {\n        next: \"ArrowDown\",\n        prev: \"ArrowUp\",\n        first: \"Home\",\n        last: \"End\",\n      } as const;\n      const nextIndex = getRovingIndex(\n        keyMap[direction],\n        currentIndex,\n        options.length,\n        \"vertical\",\n      );\n      if (nextIndex === undefined) return;\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      <ChevronIcon open={ctx.open} />\n    </button>\n  );\n}\n\nSelectTrigger.displayName = \"SelectTrigger\";\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"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"}
+{"version":3,"file":"SelectTrigger.js","names":[],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { scrollIntoViewSafe } from \"@nuka/utils/scroll-into-view-safe\";\nimport {\n  TYPEAHEAD_TIMEOUT,\n  ChevronIcon,\n} from \"@nuka/components/Select/SelectTrigger.utils\";\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  ref?: React.Ref<HTMLButtonElement> | undefined;\n  placeholder?: string;\n}\n\nfunction SelectTrigger({\n  ref,\n  className,\n  placeholder,\n  intent,\n  size,\n  disabled: disabledProp,\n  ...props\n}: SelectTriggerProps) {\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        scrollIntoViewSafe(ctx.getOptionRef(optionValue));\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      const keyMap = {\n        next: \"ArrowDown\",\n        prev: \"ArrowUp\",\n        first: \"Home\",\n        last: \"End\",\n      } as const;\n      const nextIndex = getRovingIndex(\n        keyMap[direction],\n        currentIndex,\n        options.length,\n        \"vertical\",\n      );\n      if (nextIndex === undefined) return;\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      data-slot=\"trigger\"\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      <ChevronIcon open={ctx.open} />\n    </button>\n  );\n}\n\nSelectTrigger.displayName = \"SelectTrigger\";\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"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"}

package/dist/components/Sheet/Sheet.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(`../../utils/dismiss-button.cjs`),i=require(`../../utils/portal.cjs`),a=require(`../../hooks/use-scroll-lock.cjs`),o=require(`../../hooks/use-escape-key.cjs`),s=require(`../../hooks/use-focus-trap.cjs`),c=require(`../../utils/modal-primitive.cjs`),l=require(`../../hooks/use-modal-title-warning.cjs`),u=require(`./Sheet.context.cjs`);let d=require(`react`);d=e.__toESM(d,1);let f=require(`react/jsx-runtime`);var{Root:p,Trigger:m,Title:h,Description:g,Close:_}=c.createModalPrimitive({displayNamePrefix:`Sheet`,closeLabel:`Close sheet`,Context:u.SheetContext,useContext:u.useSheetContext}),v={right:`inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l`,left:`inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r`,top:`inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b`,bottom:`inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t`};function y({ref:e,side:c=`right`,className:p,children:m,...h}){let g=u.useSheetContext(),_=d.useRef(null),y=n.composeRefs(e,_);return s.useFocusTrap(_,g.open),a.useScrollLock(g.open),l.useModalTitleWarning(`Sheet`,g.titleId,g.open),o.useEscapeKey(()=>g.onOpenChange(!1),g.open),g.open?(0,f.jsxs)(i.Portal,{children:[(0,f.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`,`data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]`),"data-state":`open`,onClick:()=>g.onOpenChange(!1),"aria-hidden":`true`}),(0,f.jsxs)(`div`,{ref:y,role:`dialog`,"aria-modal":`true`,"aria-labelledby":g.titleId,"aria-describedby":g.hasDescription?g.descriptionId:void 0,tabIndex:-1,"data-state":`open`,"data-side":c,className:t.cn(`fixed z-(--nuka-z-modal)`,`bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md`,`p-(--space-6)`,`transition-transform duration-300 ease-in-out`,`motion-reduce:transition-none`,`focus-visible:outline-none`,v[c],p),...h,children:[(0,f.jsx)(r.DismissButton,{onClick:()=>g.onOpenChange(!1),label:`Close sheet`,className:`absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)`}),m]})]}):null}y.displayName=`SheetContent`,exports.Sheet=p,exports.SheetClose=_,exports.SheetContent=y,exports.SheetDescription=g,exports.SheetTitle=h,exports.SheetTrigger=m;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/dismiss-button.cjs`),i=require(`../../utils/portal.cjs`),a=require(`../../hooks/use-scroll-lock.cjs`),o=require(`../../hooks/use-escape-key.cjs`),s=require(`../../hooks/use-focus-trap.cjs`),c=require(`../../utils/modal-primitive.cjs`),l=require(`../../hooks/use-modal-title-warning.cjs`),u=require(`./Sheet.context.cjs`);let d=require(`react`);d=e.__toESM(d,1);let f=require(`react/jsx-runtime`);var{Root:p,Trigger:m,Title:h,Description:g,Close:_}=c.createModalPrimitive({displayNamePrefix:`Sheet`,closeLabel:`Close sheet`,Context:u.SheetContext,useContext:u.useSheetContext}),v={right:`inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l`,left:`inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r`,top:`inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b`,bottom:`inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t`};function y({ref:e,side:c=`right`,className:p,children:m,...h}){let g=u.useSheetContext(),_=d.useRef(null),y=n.composeRefs(e,_);return s.useFocusTrap(_,g.open),a.useScrollLock(g.open),l.useModalTitleWarning(`Sheet`,g.titleId,g.open),o.useEscapeKey(()=>g.onOpenChange(!1),g.open),g.open?(0,f.jsxs)(i.Portal,{children:[(0,f.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`,`data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]`),"data-slot":`overlay`,"data-state":`open`,onClick:()=>g.onOpenChange(!1),"aria-hidden":`true`}),(0,f.jsxs)(`div`,{ref:y,role:`dialog`,"aria-modal":`true`,"aria-labelledby":g.titleId,"aria-describedby":g.hasDescription?g.descriptionId:void 0,tabIndex:-1,"data-slot":`content`,"data-state":`open`,"data-side":c,className:t.cn(`fixed z-(--nuka-z-modal)`,`bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md`,`p-(--space-6)`,`transition-transform duration-300 ease-in-out`,`motion-reduce:transition-none`,`focus-visible:outline-none`,v[c],p),...h,children:[(0,f.jsx)(r.DismissButton,{onClick:()=>g.onOpenChange(!1),label:`Close sheet`,className:`absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)`}),m]})]}):null}y.displayName=`SheetContent`,exports.Sheet=p,exports.SheetClose=_,exports.SheetContent=y,exports.SheetDescription=g,exports.SheetTitle=h,exports.SheetTrigger=m;
 //# sourceMappingURL=Sheet.cjs.map

package/dist/components/Sheet/Sheet.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.cjs","names":[],"sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  SheetContext,\n  useSheetContext,\n} from \"@nuka/components/Sheet/Sheet.context\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nconst {\n  Root: Sheet,\n  Trigger: SheetTrigger,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Sheet\",\n  closeLabel: \"Close sheet\",\n  Context: SheetContext,\n  useContext: useSheetContext,\n});\n\nexport type SheetProps = ModalRootProps;\nexport type SheetTriggerProps = ModalTriggerProps;\nexport type SheetTitleProps = ModalTitleProps;\nexport type SheetDescriptionProps = ModalDescriptionProps;\nexport type SheetCloseProps = ModalCloseProps;\n\nconst sideClasses: Record<SheetSide, string> = {\n  right:\n    \"inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l\",\n  left: \"inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r\",\n  top: \"inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b\",\n  bottom:\n    \"inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t\",\n};\n\nexport interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  side?: SheetSide;\n}\n\nfunction SheetContent({\n  ref,\n  side = \"right\",\n  className,\n  children,\n  ...props\n}: SheetContentProps) {\n  const ctx = useSheetContext();\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, panelRef);\n\n  useFocusTrap(panelRef, ctx.open);\n  useScrollLock(ctx.open);\n  useModalTitleWarning(\"Sheet\", ctx.titleId, ctx.open);\n  useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n  if (!ctx.open) return null;\n\n  return (\n    <Portal>\n      <div\n        className={cn(\n          \"fixed inset-0 z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-overlay)\",\n          \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n        )}\n        data-state=\"open\"\n        onClick={() => ctx.onOpenChange(false)}\n        aria-hidden=\"true\"\n      />\n      <div\n        ref={composedRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={ctx.titleId}\n        aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n        tabIndex={-1}\n        data-state=\"open\"\n        data-side={side}\n        className={cn(\n          \"fixed z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md\",\n          \"p-(--space-6)\",\n          \"transition-transform duration-300 ease-in-out\",\n          \"motion-reduce:transition-none\",\n          // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n          \"focus-visible:outline-none\",\n          sideClasses[side],\n          className,\n        )}\n        {...props}\n      >\n        <DismissButton\n          onClick={() => ctx.onOpenChange(false)}\n          label=\"Close sheet\"\n          className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n        />\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nSheetContent.displayName = \"SheetContent\";\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n  SheetClose,\n};\n"],"mappings":"0iBA2BA,GAAM,CACJ,KAAM,EACN,QAAS,EACT,MAAO,EACP,YAAa,EACb,MAAO,GACL,EAAA,qBAAqB,CACvB,kBAAmB,QACnB,WAAY,cACZ,QAAS,EAAA,aACT,WAAY,EAAA,gBACb,CAAC,CAQI,EAAyC,CAC7C,MACE,oGACF,KAAM,oGACN,IAAK,oFACL,OACE,sFACH,CAOD,SAAS,EAAa,CACpB,MACA,OAAO,QACP,YACA,WACA,GAAG,GACiB,CACpB,IAAM,EAAM,EAAA,iBAAiB,CACvB,EAAW,EAAM,OAAuB,KAAK,CAC7C,EAAc,EAAA,YAAY,EAAK,EAAS,CAS9C,OAPA,EAAA,aAAa,EAAU,EAAI,KAAK,CAChC,EAAA,cAAc,EAAI,KAAK,CACvB,EAAA,qBAAqB,QAAS,EAAI,QAAS,EAAI,KAAK,CACpD,EAAA,iBAAmB,EAAI,aAAa,GAAM,CAAE,EAAI,KAAK,CAEhD,EAAI,MAGP,EAAA,EAAA,MAAC,EAAA,OAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,mCACA,yBACA,uEACD,CACD,aAAW,OACX,YAAe,EAAI,aAAa,GAAM,CACtC,cAAY,OACZ,CAAA,EACF,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,SACL,aAAW,OACX,kBAAiB,EAAI,QACrB,mBAAkB,EAAI,eAAiB,EAAI,cAAgB,IAAA,GAC3D,SAAU,GACV,aAAW,OACX,YAAW,EACX,UAAW,EAAA,GACT,2BACA,4DACA,gBACA,gDACA,gCAEA,6BACA,EAAY,GACZ,EACD,CACD,GAAI,WApBN,EAsBE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAe,EAAI,aAAa,GAAM,CACtC,MAAM,cACN,UAAU,sEACV,CAAA,CACD,EACG,GACC,CAAA,CAAA,CA3CW,KA+CxB,EAAa,YAAc"}
+{"version":3,"file":"Sheet.cjs","names":[],"sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  SheetContext,\n  useSheetContext,\n} from \"@nuka/components/Sheet/Sheet.context\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nconst {\n  Root: Sheet,\n  Trigger: SheetTrigger,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Sheet\",\n  closeLabel: \"Close sheet\",\n  Context: SheetContext,\n  useContext: useSheetContext,\n});\n\nexport type SheetProps = ModalRootProps;\nexport type SheetTriggerProps = ModalTriggerProps;\nexport type SheetTitleProps = ModalTitleProps;\nexport type SheetDescriptionProps = ModalDescriptionProps;\nexport type SheetCloseProps = ModalCloseProps;\n\nconst sideClasses: Record<SheetSide, string> = {\n  right:\n    \"inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l\",\n  left: \"inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r\",\n  top: \"inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b\",\n  bottom:\n    \"inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t\",\n};\n\nexport interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  side?: SheetSide;\n}\n\nfunction SheetContent({\n  ref,\n  side = \"right\",\n  className,\n  children,\n  ...props\n}: SheetContentProps) {\n  const ctx = useSheetContext();\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, panelRef);\n\n  useFocusTrap(panelRef, ctx.open);\n  useScrollLock(ctx.open);\n  useModalTitleWarning(\"Sheet\", ctx.titleId, ctx.open);\n  useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n  if (!ctx.open) return null;\n\n  return (\n    <Portal>\n      <div\n        className={cn(\n          \"fixed inset-0 z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-overlay)\",\n          \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n        )}\n        data-slot=\"overlay\"\n        data-state=\"open\"\n        onClick={() => ctx.onOpenChange(false)}\n        aria-hidden=\"true\"\n      />\n      <div\n        ref={composedRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={ctx.titleId}\n        aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n        tabIndex={-1}\n        data-slot=\"content\"\n        data-state=\"open\"\n        data-side={side}\n        className={cn(\n          \"fixed z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md\",\n          \"p-(--space-6)\",\n          \"transition-transform duration-300 ease-in-out\",\n          \"motion-reduce:transition-none\",\n          // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n          \"focus-visible:outline-none\",\n          sideClasses[side],\n          className,\n        )}\n        {...props}\n      >\n        <DismissButton\n          onClick={() => ctx.onOpenChange(false)}\n          label=\"Close sheet\"\n          className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n        />\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nSheetContent.displayName = \"SheetContent\";\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n  SheetClose,\n};\n"],"mappings":"0iBA2BA,GAAM,CACJ,KAAM,EACN,QAAS,EACT,MAAO,EACP,YAAa,EACb,MAAO,GACL,EAAA,qBAAqB,CACvB,kBAAmB,QACnB,WAAY,cACZ,QAAS,EAAA,aACT,WAAY,EAAA,gBACb,CAAC,CAQI,EAAyC,CAC7C,MACE,oGACF,KAAM,oGACN,IAAK,oFACL,OACE,sFACH,CAOD,SAAS,EAAa,CACpB,MACA,OAAO,QACP,YACA,WACA,GAAG,GACiB,CACpB,IAAM,EAAM,EAAA,iBAAiB,CACvB,EAAW,EAAM,OAAuB,KAAK,CAC7C,EAAc,EAAA,YAAY,EAAK,EAAS,CAS9C,OAPA,EAAA,aAAa,EAAU,EAAI,KAAK,CAChC,EAAA,cAAc,EAAI,KAAK,CACvB,EAAA,qBAAqB,QAAS,EAAI,QAAS,EAAI,KAAK,CACpD,EAAA,iBAAmB,EAAI,aAAa,GAAM,CAAE,EAAI,KAAK,CAEhD,EAAI,MAGP,EAAA,EAAA,MAAC,EAAA,OAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,mCACA,yBACA,uEACD,CACD,YAAU,UACV,aAAW,OACX,YAAe,EAAI,aAAa,GAAM,CACtC,cAAY,OACZ,CAAA,EACF,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,SACL,aAAW,OACX,kBAAiB,EAAI,QACrB,mBAAkB,EAAI,eAAiB,EAAI,cAAgB,IAAA,GAC3D,SAAU,GACV,YAAU,UACV,aAAW,OACX,YAAW,EACX,UAAW,EAAA,GACT,2BACA,4DACA,gBACA,gDACA,gCAEA,6BACA,EAAY,GACZ,EACD,CACD,GAAI,WArBN,EAuBE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAe,EAAI,aAAa,GAAM,CACtC,MAAM,cACN,UAAU,sEACV,CAAA,CACD,EACG,GACC,CAAA,CAAA,CA7CW,KAiDxB,EAAa,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAMrC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D,QAAA,MACQ,KAAK,4BACF,YAAY,+BACd,UAAU,6BACJ,gBAAgB,mCACtB,UAAU,2BAMjB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AACxC,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAClD,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAC9C,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,CAAC;AAC1D,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAW9C,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,EACH,IAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,kDAuDnB;kBA7DQ,YAAY;;;AAiErB,OAAO,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,UAAU,GACX,CAAC"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAMrC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D,QAAA,MACQ,KAAK,4BACF,YAAY,+BACd,UAAU,6BACJ,gBAAgB,mCACtB,UAAU,2BAMjB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AACxC,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAClD,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAC9C,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,CAAC;AAC1D,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAW9C,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,EACH,IAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,kDAyDnB;kBA/DQ,YAAY;;;AAmErB,OAAO,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,UAAU,GACX,CAAC"}

package/dist/components/Sheet/Sheet.js

@@ -27,6 +27,7 @@ function b({ ref: s, side: l = "right", className: m, children: h, ...g }) {
 	let _ = u(), v = d.useRef(null), b = t(s, v);
 	return o(v, _.open), i(_.open), c("Sheet", _.titleId, _.open), a(() => _.onOpenChange(!1), _.open), _.open ? /* @__PURE__ */ p(r, { children: [/* @__PURE__ */ f("div", {
 		className: e("fixed inset-0 z-(--nuka-z-modal)", "bg-(--nuka-bg-overlay)", "data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]"),
+		"data-slot": "overlay",
 		"data-state": "open",
 		onClick: () => _.onOpenChange(!1),
 		"aria-hidden": "true"
@@ -37,6 +38,7 @@ function b({ ref: s, side: l = "right", className: m, children: h, ...g }) {
 		"aria-labelledby": _.titleId,
 		"aria-describedby": _.hasDescription ? _.descriptionId : void 0,
 		tabIndex: -1,
+		"data-slot": "content",
 		"data-state": "open",
 		"data-side": l,
 		className: e("fixed z-(--nuka-z-modal)", "bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md", "p-(--space-6)", "transition-transform duration-300 ease-in-out", "motion-reduce:transition-none", "focus-visible:outline-none", y[l], m),

package/dist/components/Sheet/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","names":[],"sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  SheetContext,\n  useSheetContext,\n} from \"@nuka/components/Sheet/Sheet.context\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nconst {\n  Root: Sheet,\n  Trigger: SheetTrigger,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Sheet\",\n  closeLabel: \"Close sheet\",\n  Context: SheetContext,\n  useContext: useSheetContext,\n});\n\nexport type SheetProps = ModalRootProps;\nexport type SheetTriggerProps = ModalTriggerProps;\nexport type SheetTitleProps = ModalTitleProps;\nexport type SheetDescriptionProps = ModalDescriptionProps;\nexport type SheetCloseProps = ModalCloseProps;\n\nconst sideClasses: Record<SheetSide, string> = {\n  right:\n    \"inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l\",\n  left: \"inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r\",\n  top: \"inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b\",\n  bottom:\n    \"inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t\",\n};\n\nexport interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  side?: SheetSide;\n}\n\nfunction SheetContent({\n  ref,\n  side = \"right\",\n  className,\n  children,\n  ...props\n}: SheetContentProps) {\n  const ctx = useSheetContext();\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, panelRef);\n\n  useFocusTrap(panelRef, ctx.open);\n  useScrollLock(ctx.open);\n  useModalTitleWarning(\"Sheet\", ctx.titleId, ctx.open);\n  useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n  if (!ctx.open) return null;\n\n  return (\n    <Portal>\n      <div\n        className={cn(\n          \"fixed inset-0 z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-overlay)\",\n          \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n        )}\n        data-state=\"open\"\n        onClick={() => ctx.onOpenChange(false)}\n        aria-hidden=\"true\"\n      />\n      <div\n        ref={composedRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={ctx.titleId}\n        aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n        tabIndex={-1}\n        data-state=\"open\"\n        data-side={side}\n        className={cn(\n          \"fixed z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md\",\n          \"p-(--space-6)\",\n          \"transition-transform duration-300 ease-in-out\",\n          \"motion-reduce:transition-none\",\n          // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n          \"focus-visible:outline-none\",\n          sideClasses[side],\n          className,\n        )}\n        {...props}\n      >\n        <DismissButton\n          onClick={() => ctx.onOpenChange(false)}\n          label=\"Close sheet\"\n          className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n        />\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nSheetContent.displayName = \"SheetContent\";\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n  SheetClose,\n};\n"],"mappings":";;;;;;;;;;;;;;AA2BA,IAAM,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,aAAa,GACb,OAAO,MACL,EAAqB;CACvB,mBAAmB;CACnB,YAAY;CACZ,SAAS;CACT,YAAY;CACb,CAAC,EAQI,IAAyC;CAC7C,OACE;CACF,MAAM;CACN,KAAK;CACL,QACE;CACH;AAOD,SAAS,EAAa,EACpB,QACA,UAAO,SACP,cACA,aACA,GAAG,KACiB;CACpB,IAAM,IAAM,GAAiB,EACvB,IAAW,EAAM,OAAuB,KAAK,EAC7C,IAAc,EAAY,GAAK,EAAS;AAS9C,QAPA,EAAa,GAAU,EAAI,KAAK,EAChC,EAAc,EAAI,KAAK,EACvB,EAAqB,SAAS,EAAI,SAAS,EAAI,KAAK,EACpD,QAAmB,EAAI,aAAa,GAAM,EAAE,EAAI,KAAK,EAEhD,EAAI,OAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,WAAW,EACT,oCACA,0BACA,uEACD;EACD,cAAW;EACX,eAAe,EAAI,aAAa,GAAM;EACtC,eAAY;EACZ,CAAA,EACF,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,mBAAiB,EAAI;EACrB,oBAAkB,EAAI,iBAAiB,EAAI,gBAAgB,KAAA;EAC3D,UAAU;EACV,cAAW;EACX,aAAW;EACX,WAAW,EACT,4BACA,6DACA,iBACA,iDACA,iCAEA,8BACA,EAAY,IACZ,EACD;EACD,GAAI;YApBN,CAsBE,kBAAC,GAAD;GACE,eAAe,EAAI,aAAa,GAAM;GACtC,OAAM;GACN,WAAU;GACV,CAAA,EACD,EACG;IACC,EAAA,CAAA,GA3CW;;AA+CxB,EAAa,cAAc"}
+{"version":3,"file":"Sheet.js","names":[],"sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  SheetContext,\n  useSheetContext,\n} from \"@nuka/components/Sheet/Sheet.context\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nconst {\n  Root: Sheet,\n  Trigger: SheetTrigger,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Sheet\",\n  closeLabel: \"Close sheet\",\n  Context: SheetContext,\n  useContext: useSheetContext,\n});\n\nexport type SheetProps = ModalRootProps;\nexport type SheetTriggerProps = ModalTriggerProps;\nexport type SheetTitleProps = ModalTitleProps;\nexport type SheetDescriptionProps = ModalDescriptionProps;\nexport type SheetCloseProps = ModalCloseProps;\n\nconst sideClasses: Record<SheetSide, string> = {\n  right:\n    \"inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l\",\n  left: \"inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r\",\n  top: \"inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b\",\n  bottom:\n    \"inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t\",\n};\n\nexport interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  side?: SheetSide;\n}\n\nfunction SheetContent({\n  ref,\n  side = \"right\",\n  className,\n  children,\n  ...props\n}: SheetContentProps) {\n  const ctx = useSheetContext();\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, panelRef);\n\n  useFocusTrap(panelRef, ctx.open);\n  useScrollLock(ctx.open);\n  useModalTitleWarning(\"Sheet\", ctx.titleId, ctx.open);\n  useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n  if (!ctx.open) return null;\n\n  return (\n    <Portal>\n      <div\n        className={cn(\n          \"fixed inset-0 z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-overlay)\",\n          \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n        )}\n        data-slot=\"overlay\"\n        data-state=\"open\"\n        onClick={() => ctx.onOpenChange(false)}\n        aria-hidden=\"true\"\n      />\n      <div\n        ref={composedRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={ctx.titleId}\n        aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n        tabIndex={-1}\n        data-slot=\"content\"\n        data-state=\"open\"\n        data-side={side}\n        className={cn(\n          \"fixed z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md\",\n          \"p-(--space-6)\",\n          \"transition-transform duration-300 ease-in-out\",\n          \"motion-reduce:transition-none\",\n          // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n          \"focus-visible:outline-none\",\n          sideClasses[side],\n          className,\n        )}\n        {...props}\n      >\n        <DismissButton\n          onClick={() => ctx.onOpenChange(false)}\n          label=\"Close sheet\"\n          className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n        />\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nSheetContent.displayName = \"SheetContent\";\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n  SheetClose,\n};\n"],"mappings":";;;;;;;;;;;;;;AA2BA,IAAM,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,aAAa,GACb,OAAO,MACL,EAAqB;CACvB,mBAAmB;CACnB,YAAY;CACZ,SAAS;CACT,YAAY;CACb,CAAC,EAQI,IAAyC;CAC7C,OACE;CACF,MAAM;CACN,KAAK;CACL,QACE;CACH;AAOD,SAAS,EAAa,EACpB,QACA,UAAO,SACP,cACA,aACA,GAAG,KACiB;CACpB,IAAM,IAAM,GAAiB,EACvB,IAAW,EAAM,OAAuB,KAAK,EAC7C,IAAc,EAAY,GAAK,EAAS;AAS9C,QAPA,EAAa,GAAU,EAAI,KAAK,EAChC,EAAc,EAAI,KAAK,EACvB,EAAqB,SAAS,EAAI,SAAS,EAAI,KAAK,EACpD,QAAmB,EAAI,aAAa,GAAM,EAAE,EAAI,KAAK,EAEhD,EAAI,OAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,WAAW,EACT,oCACA,0BACA,uEACD;EACD,aAAU;EACV,cAAW;EACX,eAAe,EAAI,aAAa,GAAM;EACtC,eAAY;EACZ,CAAA,EACF,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,mBAAiB,EAAI;EACrB,oBAAkB,EAAI,iBAAiB,EAAI,gBAAgB,KAAA;EAC3D,UAAU;EACV,aAAU;EACV,cAAW;EACX,aAAW;EACX,WAAW,EACT,4BACA,6DACA,iBACA,iDACA,iCAEA,8BACA,EAAY,IACZ,EACD;EACD,GAAI;YArBN,CAuBE,kBAAC,GAAD;GACE,eAAe,EAAI,aAAa,GAAM;GACtC,OAAM;GACN,WAAU;GACV,CAAA,EACD,EACG;IACC,EAAA,CAAA,GA7CW;;AAiDxB,EAAa,cAAc"}

package/dist/components/Sidebar/Sidebar.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Sheet/Sheet.cjs`),r=require(`./Sidebar.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,children:o,...s}){let{expanded:c,isMobile:l,mobileOpen:u,setMobileOpen:d}=r.useSidebarContext();return l?(0,a.jsx)(n.Sheet,{open:u,onOpenChange:d,children:(0,a.jsxs)(n.SheetContent,{side:`left`,className:`w-72 p-0`,children:[(0,a.jsx)(n.SheetTitle,{className:`sr-only`,children:`Navigation`}),(0,a.jsx)(n.SheetDescription,{className:`sr-only`,children:`Main navigation menu`}),(0,a.jsx)(`div`,{className:`flex h-full flex-col`,...s,children:o})]})}):(0,a.jsx)(`aside`,{ref:e,"data-expanded":c?``:void 0,"data-collapsed":c?void 0:``,className:t.cn(`flex h-full flex-col`,`border-r border-(--nuka-border-base)`,`bg-(--nuka-bg-base)`,`transition-[width] duration-200 ease-in-out`,`motion-reduce:transition-none`,`overflow-hidden shrink-0`,c?`w-64`:`w-14`,i),...s,children:o})}o.displayName=`Sidebar`,exports.Sidebar=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Sheet/Sheet.cjs`),r=require(`./Sidebar.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,children:o,...s}){let{expanded:c,isMobile:l,mobileOpen:u,setMobileOpen:d}=r.useSidebarContext();return l?(0,a.jsx)(n.Sheet,{open:u,onOpenChange:d,children:(0,a.jsxs)(n.SheetContent,{side:`left`,className:`w-72 p-0`,children:[(0,a.jsx)(n.SheetTitle,{className:`sr-only`,children:`Navigation`}),(0,a.jsx)(n.SheetDescription,{className:`sr-only`,children:`Main navigation menu`}),(0,a.jsx)(`div`,{className:`flex h-full flex-col`,"data-slot":`root`,...s,children:o})]})}):(0,a.jsx)(`aside`,{ref:e,"data-slot":`root`,"data-expanded":c?``:void 0,"data-collapsed":c?void 0:``,className:t.cn(`flex h-full flex-col`,`border-r border-(--nuka-border-base)`,`bg-(--nuka-bg-base)`,`transition-[width] duration-200 ease-in-out`,`motion-reduce:transition-none`,`overflow-hidden shrink-0`,c?`w-64`:`w-14`,i),...s,children:o})}o.displayName=`Sidebar`,exports.Sidebar=o;
 //# sourceMappingURL=Sidebar.cjs.map