@nuka-ui/core 1.1.3 → 1.1.4

package/dist/components/RadioGroup/Radio.js

@@ -20,6 +20,7 @@ function c({ ref: c, className: l, intent: u, size: d, value: f, children: p, di
 	};
 	return /* @__PURE__ */ s("label", {
 		className: e("inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6", x ? "cursor-not-allowed" : void 0, l),
+		"data-slot": "item",
 		children: [
 			/* @__PURE__ */ o("input", {
 				ref: t(c, v),
@@ -30,6 +31,7 @@ function c({ ref: c, className: l, intent: u, size: d, value: f, children: p, di
 				disabled: x,
 				tabIndex: C,
 				className: "peer sr-only",
+				"data-slot": "item-input",
 				...g,
 				onChange: w
 			}),
@@ -39,10 +41,12 @@ function c({ ref: c, className: l, intent: u, size: d, value: f, children: p, di
 					intent: u,
 					size: d
 				})),
+				"data-slot": "item-indicator",
 				children: /* @__PURE__ */ o("span", { className: "hidden size-1/2 rounded-full bg-current" })
 			}),
 			p && /* @__PURE__ */ o(n, {
 				as: "span",
+				"data-slot": "item-label",
 				children: p
 			})
 		]

package/dist/components/RadioGroup/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/RadioGroup/Radio.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useRadioGroup } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport {\n  radioIndicatorVariants,\n  type RadioVariantProps,\n} from \"@nuka/components/RadioGroup/Radio.variants\";\n\nexport interface RadioProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"type\">,\n    RadioVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value: string;\n  children?: React.ReactNode;\n}\n\nfunction Radio({\n  ref,\n  className,\n  intent,\n  size,\n  value,\n  children,\n  disabled,\n  name,\n  ...props\n}: RadioProps) {\n  const ctx = useRadioGroup();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n\n  const resolvedName = ctx.name || name;\n  const isChecked = ctx.value !== undefined ? ctx.value === value : undefined;\n  const isDisabled = disabled ?? (ctx.disabled || undefined);\n  const isFocusTarget = ctx.focusedValue === value;\n  const tabIndex = ctx.name ? (isFocusTarget ? 0 : -1) : undefined;\n\n  React.useEffect(() => {\n    const node = internalRef.current;\n    ctx.registerRef(value, node);\n    return () => {\n      ctx.registerRef(value, null);\n    };\n  }, [ctx, value]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    props.onChange?.(e);\n    ctx.onChange(value);\n  };\n\n  return (\n    <label\n      className={cn(\n        \"inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6\",\n        isDisabled ? \"cursor-not-allowed\" : undefined,\n        className,\n      )}\n    >\n      <input\n        ref={composeRefs(ref, internalRef)}\n        type=\"radio\"\n        name={resolvedName}\n        value={value}\n        checked={isChecked}\n        disabled={isDisabled}\n        tabIndex={tabIndex}\n        className=\"peer sr-only\"\n        {...props}\n        onChange={handleChange}\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(radioIndicatorVariants({ intent, size }))}\n      >\n        <span className=\"hidden size-1/2 rounded-full bg-current\" />\n      </span>\n      {children && <Text as=\"span\">{children}</Text>}\n    </label>\n  );\n}\n\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"mappings":";;;;;;;;;AAoBA,SAAS,EAAM,EACb,QACA,cACA,WACA,SACA,UACA,aACA,aACA,SACA,GAAG,KACU;CACb,IAAM,IAAM,GAAe,EACrB,IAAc,EAAM,OAAyB,KAAK,EAElD,IAAe,EAAI,QAAQ,GAC3B,IAAY,EAAI,UAAU,KAAA,IAAkC,KAAA,IAAtB,EAAI,UAAU,GACpD,IAAa,MAAa,EAAI,YAAY,KAAA,IAC1C,IAAgB,EAAI,iBAAiB,GACrC,IAAW,EAAI,OAAQ,IAAgB,IAAI,KAAM,KAAA;AAEvD,GAAM,gBAAgB;EACpB,IAAM,IAAO,EAAY;AAEzB,SADA,EAAI,YAAY,GAAO,EAAK,QACf;AACX,KAAI,YAAY,GAAO,KAAK;;IAE7B,CAAC,GAAK,EAAM,CAAC;CAEhB,IAAM,KAAgB,MAA2C;AAE/D,EADA,EAAM,WAAW,EAAE,EACnB,EAAI,SAAS,EAAM;;AAGrB,QACE,kBAAC,SAAD;EACE,WAAW,EACT,uFACA,IAAa,uBAAuB,KAAA,GACpC,EACD;YALH;GAOE,kBAAC,SAAD;IACE,KAAK,EAAY,GAAK,EAAY;IAClC,MAAK;IACL,MAAM;IACC;IACP,SAAS;IACT,UAAU;IACA;IACV,WAAU;IACV,GAAI;IACJ,UAAU;IACV,CAAA;GACF,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAAuB;KAAE;KAAQ;KAAM,CAAC,CAAC;cAEvD,kBAAC,QAAD,EAAM,WAAU,2CAA4C,CAAA;IACvD,CAAA;GACN,KAAY,kBAAC,GAAD;IAAM,IAAG;IAAQ;IAAgB,CAAA;GACxC;;;AAIZ,EAAM,cAAc"}
+{"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/RadioGroup/Radio.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useRadioGroup } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport {\n  radioIndicatorVariants,\n  type RadioVariantProps,\n} from \"@nuka/components/RadioGroup/Radio.variants\";\n\nexport interface RadioProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"type\">,\n    RadioVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value: string;\n  children?: React.ReactNode;\n}\n\nfunction Radio({\n  ref,\n  className,\n  intent,\n  size,\n  value,\n  children,\n  disabled,\n  name,\n  ...props\n}: RadioProps) {\n  const ctx = useRadioGroup();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n\n  const resolvedName = ctx.name || name;\n  const isChecked = ctx.value !== undefined ? ctx.value === value : undefined;\n  const isDisabled = disabled ?? (ctx.disabled || undefined);\n  const isFocusTarget = ctx.focusedValue === value;\n  const tabIndex = ctx.name ? (isFocusTarget ? 0 : -1) : undefined;\n\n  React.useEffect(() => {\n    const node = internalRef.current;\n    ctx.registerRef(value, node);\n    return () => {\n      ctx.registerRef(value, null);\n    };\n  }, [ctx, value]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    props.onChange?.(e);\n    ctx.onChange(value);\n  };\n\n  return (\n    <label\n      className={cn(\n        \"inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6\",\n        isDisabled ? \"cursor-not-allowed\" : undefined,\n        className,\n      )}\n      data-slot=\"item\"\n    >\n      <input\n        ref={composeRefs(ref, internalRef)}\n        type=\"radio\"\n        name={resolvedName}\n        value={value}\n        checked={isChecked}\n        disabled={isDisabled}\n        tabIndex={tabIndex}\n        className=\"peer sr-only\"\n        data-slot=\"item-input\"\n        {...props}\n        onChange={handleChange}\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(radioIndicatorVariants({ intent, size }))}\n        data-slot=\"item-indicator\"\n      >\n        <span className=\"hidden size-1/2 rounded-full bg-current\" />\n      </span>\n      {children && (\n        <Text as=\"span\" data-slot=\"item-label\">\n          {children}\n        </Text>\n      )}\n    </label>\n  );\n}\n\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"mappings":";;;;;;;;;AAoBA,SAAS,EAAM,EACb,QACA,cACA,WACA,SACA,UACA,aACA,aACA,SACA,GAAG,KACU;CACb,IAAM,IAAM,GAAe,EACrB,IAAc,EAAM,OAAyB,KAAK,EAElD,IAAe,EAAI,QAAQ,GAC3B,IAAY,EAAI,UAAU,KAAA,IAAkC,KAAA,IAAtB,EAAI,UAAU,GACpD,IAAa,MAAa,EAAI,YAAY,KAAA,IAC1C,IAAgB,EAAI,iBAAiB,GACrC,IAAW,EAAI,OAAQ,IAAgB,IAAI,KAAM,KAAA;AAEvD,GAAM,gBAAgB;EACpB,IAAM,IAAO,EAAY;AAEzB,SADA,EAAI,YAAY,GAAO,EAAK,QACf;AACX,KAAI,YAAY,GAAO,KAAK;;IAE7B,CAAC,GAAK,EAAM,CAAC;CAEhB,IAAM,KAAgB,MAA2C;AAE/D,EADA,EAAM,WAAW,EAAE,EACnB,EAAI,SAAS,EAAM;;AAGrB,QACE,kBAAC,SAAD;EACE,WAAW,EACT,uFACA,IAAa,uBAAuB,KAAA,GACpC,EACD;EACD,aAAU;YANZ;GAQE,kBAAC,SAAD;IACE,KAAK,EAAY,GAAK,EAAY;IAClC,MAAK;IACL,MAAM;IACC;IACP,SAAS;IACT,UAAU;IACA;IACV,WAAU;IACV,aAAU;IACV,GAAI;IACJ,UAAU;IACV,CAAA;GACF,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAAuB;KAAE;KAAQ;KAAM,CAAC,CAAC;IACvD,aAAU;cAEV,kBAAC,QAAD,EAAM,WAAU,2CAA4C,CAAA;IACvD,CAAA;GACN,KACC,kBAAC,GAAD;IAAM,IAAG;IAAO,aAAU;IACvB;IACI,CAAA;GAEH;;;AAIZ,EAAM,cAAc"}

package/dist/components/RadioGroup/Radio.variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.variants.cjs","names":[],"sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"sourcesContent":["import {\n  cva,\n  selectionIndicatorIntentVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const radioIndicatorVariants = cva(\n  [\n    \"inline-flex items-center justify-center shrink-0\",\n    \"rounded-full\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-inverse)\",\n    \"transition-colors duration-150\",\n    \"peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\",\n    \"peer-focus-visible:outline-(--nuka-border-focus)\",\n    \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n    \"peer-checked:*:block\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    compoundVariants: selectionIndicatorIntentVariants,\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const radioVariants = radioIndicatorVariants;\n\nexport type RadioVariantProps = VariantProps<typeof radioIndicatorVariants>;\n"],"mappings":"oHAMA,IAAa,EAAyB,EAAA,IACpC,CACE,mDACA,eACA,SACA,uBACA,6BACA,iCACA,mEACA,mDACA,4DACA,uBACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,GACV,CACD,KAAM,CACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACL,CACF,CACD,iBAAkB,EAAA,iCAClB,gBAAiB,CACf,OAAQ,UACR,KAAM,KACP,CACF,CACF,CAEY,EAAgB"}
+{"version":3,"file":"Radio.variants.cjs","names":[],"sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"sourcesContent":["import {\n  cva,\n  selectionIndicatorIntentVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const radioIndicatorVariants = cva(\n  [\n    \"inline-flex items-center justify-center shrink-0\",\n    \"rounded-full\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-inverse)\",\n    \"transition-colors duration-150\",\n    \"peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\",\n    \"peer-focus-visible:outline-(--nuka-border-focus)\",\n    \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n    \"peer-checked:*:block\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      // Indicator sits inside the label wrapper in Radio.tsx, which provides\n      // the 24x24 touch target via min-h-6 min-w-6.\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    compoundVariants: selectionIndicatorIntentVariants,\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const radioVariants = radioIndicatorVariants;\n\nexport type RadioVariantProps = VariantProps<typeof radioIndicatorVariants>;\n"],"mappings":"oHAMA,IAAa,EAAyB,EAAA,IACpC,CACE,mDACA,eACA,SACA,uBACA,6BACA,iCACA,mEACA,mDACA,4DACA,uBACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,GACV,CAGD,KAAM,CAEJ,GAAI,SAEJ,GAAI,SACJ,GAAI,SACL,CACF,CACD,iBAAkB,EAAA,iCAClB,gBAAiB,CACf,OAAQ,UACR,KAAM,KACP,CACF,CACF,CAEY,EAAgB"}

package/dist/components/RadioGroup/Radio.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.variants.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,sBAAsB;;;8EAiClC,CAAC;AAEF,eAAO,MAAM,aAAa;;;8EAAyB,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"Radio.variants.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,sBAAsB;;;8EAqClC,CAAC;AAEF,eAAO,MAAM,aAAa;;;8EAAyB,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/dist/components/RadioGroup/Radio.variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.variants.js","names":[],"sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"sourcesContent":["import {\n  cva,\n  selectionIndicatorIntentVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const radioIndicatorVariants = cva(\n  [\n    \"inline-flex items-center justify-center shrink-0\",\n    \"rounded-full\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-inverse)\",\n    \"transition-colors duration-150\",\n    \"peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\",\n    \"peer-focus-visible:outline-(--nuka-border-focus)\",\n    \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n    \"peer-checked:*:block\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    compoundVariants: selectionIndicatorIntentVariants,\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const radioVariants = radioIndicatorVariants;\n\nexport type RadioVariantProps = VariantProps<typeof radioIndicatorVariants>;\n"],"mappings":";;;AAMA,IAAa,IAAyB,EACpC;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,kBAAkB;CAClB,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF,EAEY,IAAgB"}
+{"version":3,"file":"Radio.variants.js","names":[],"sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"sourcesContent":["import {\n  cva,\n  selectionIndicatorIntentVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const radioIndicatorVariants = cva(\n  [\n    \"inline-flex items-center justify-center shrink-0\",\n    \"rounded-full\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-inverse)\",\n    \"transition-colors duration-150\",\n    \"peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\",\n    \"peer-focus-visible:outline-(--nuka-border-focus)\",\n    \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n    \"peer-checked:*:block\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      // Indicator sits inside the label wrapper in Radio.tsx, which provides\n      // the 24x24 touch target via min-h-6 min-w-6.\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    compoundVariants: selectionIndicatorIntentVariants,\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const radioVariants = radioIndicatorVariants;\n\nexport type RadioVariantProps = VariantProps<typeof radioIndicatorVariants>;\n"],"mappings":";;;AAMA,IAAa,IAAyB,EACpC;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EAGD,MAAM;GAEJ,IAAI;GAEJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,kBAAkB;CAClB,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF,EAEY,IAAgB"}

package/dist/components/RadioGroup/RadioGroup.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(`../../hooks/use-controllable-state.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./RadioGroup.context.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:c,name:l,value:u,defaultValue:d,disabled:f,onChange:p,orientation:m=`vertical`,children:h,...g}){let _=i.useFormFieldProps({disabled:f,"aria-invalid":g[`aria-invalid`],"aria-describedby":g[`aria-describedby`]}),v=_.resolvedDisabled??!1,[y,b]=r.useControllableState(u,d,p),x=o.useRef(new Map),[S,C]=o.useState(y),[w,T]=o.useState(0),E=o.useCallback((e,t)=>{t?(x.current.set(e,t),T(e=>e+1)):x.current.delete(e)},[]);o.useEffect(()=>{if(S===void 0){let e=Array.from(x.current.keys())[0];e!==void 0&&C(e)}},[S,y,w]);let D=o.useCallback(e=>{b(e),C(e)},[b]),O=o.useCallback(()=>{let e=[];return x.current.forEach((t,n)=>{t.disabled||e.push(n)}),e},[]),k=o.useCallback(e=>{if(g.onKeyDown?.(e),e.defaultPrevented)return;let t=O(),r=t.indexOf(S??``),i=n.getRovingIndex(e.key,r,t.length,`both`);if(i===void 0)return;e.preventDefault();let a=t[i];a!==void 0&&(C(a),D(a),x.current.get(a)?.focus())},[S,O,D,g]);return(0,s.jsx)(a.RadioGroupContext,{value:o.useMemo(()=>({name:l,value:y,disabled:v,focusedValue:S??y??void 0,setFocusedValue:C,onChange:D,registerRef:E}),[l,y,v,S,D,E]),children:(0,s.jsx)(`div`,{ref:e,role:`radiogroup`,"aria-orientation":m,"aria-invalid":_.ariaInvalid,"aria-describedby":_.ariaDescribedBy,className:t.cn(`flex`,m===`vertical`?`flex-col`:`flex-row`,`gap-(--space-2)`,c),...g,onKeyDown:k,children:h})})}c.displayName=`RadioGroup`,exports.RadioGroup=c;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/roving-index.cjs`),r=require(`../../hooks/use-controllable-state.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./RadioGroup.context.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:c,name:l,value:u,defaultValue:d,disabled:f,onChange:p,orientation:m=`vertical`,children:h,...g}){let _=i.useFormFieldProps({disabled:f,"aria-invalid":g[`aria-invalid`],"aria-describedby":g[`aria-describedby`]}),v=_.resolvedDisabled??!1,[y,b]=r.useControllableState(u,d,p),x=o.useRef(new Map),[S,C]=o.useState(y),[w,T]=o.useState(0),E=o.useCallback((e,t)=>{t?(x.current.set(e,t),T(e=>e+1)):x.current.delete(e)},[]);o.useEffect(()=>{if(S===void 0){let e=Array.from(x.current.keys())[0];e!==void 0&&C(e)}},[S,y,w]);let D=o.useCallback(e=>{b(e),C(e)},[b]),O=o.useCallback(()=>{let e=[];return x.current.forEach((t,n)=>{t.disabled||e.push(n)}),e},[]),k=o.useCallback(e=>{if(g.onKeyDown?.(e),e.defaultPrevented)return;let t=O(),r=t.indexOf(S??``),i=n.getRovingIndex(e.key,r,t.length,`both`);if(i===void 0)return;e.preventDefault();let a=t[i];a!==void 0&&(C(a),D(a),x.current.get(a)?.focus())},[S,O,D,g]);return(0,s.jsx)(a.RadioGroupContext,{value:o.useMemo(()=>({name:l,value:y,disabled:v,focusedValue:S??y??void 0,setFocusedValue:C,onChange:D,registerRef:E}),[l,y,v,S,D,E]),children:(0,s.jsx)(`div`,{ref:e,role:`radiogroup`,"aria-orientation":m,"aria-invalid":_.ariaInvalid,"aria-describedby":_.ariaDescribedBy,className:t.cn(`flex`,m===`vertical`?`flex-col`:`flex-row`,`gap-(--space-2)`,c),"data-slot":`root`,...g,onKeyDown:k,children:h})})}c.displayName=`RadioGroup`,exports.RadioGroup=c;
 //# sourceMappingURL=RadioGroup.cjs.map

package/dist/components/RadioGroup/RadioGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.cjs","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { RadioGroupContext } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport type { RadioGroupContextValue } from \"@nuka/components/RadioGroup/RadioGroup.context\";\n\nexport interface RadioGroupProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onChange\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  name: string;\n  value?: string;\n  defaultValue?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  orientation?: \"vertical\" | \"horizontal\";\n  children: React.ReactNode;\n}\n\nfunction RadioGroup({\n  ref,\n  className,\n  name,\n  value: controlledValue,\n  defaultValue,\n  disabled,\n  onChange,\n  orientation = \"vertical\",\n  children,\n  ...props\n}: RadioGroupProps) {\n  const field = useFormFieldProps({\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n  });\n\n  const resolvedDisabled = field.resolvedDisabled ?? false;\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onChange,\n  );\n\n  const refsMap = React.useRef(new Map<string, HTMLInputElement>());\n\n  const [focusedValue, setFocusedValue] = React.useState(currentValue);\n\n  // Incremented each time a Radio mounts and registers its ref. Used as a\n  // dependency for the first-focus effect below: refsMap is a ref (not state)\n  // so mutating it does not trigger a re-render. Without this counter the\n  // effect would run on mount before any radios have registered, read an\n  // empty map, and never set focusedValue, leaving all radios at tabIndex=-1.\n  const [registrationCount, setRegistrationCount] = React.useState(0);\n\n  const registerRef = React.useCallback(\n    (radioValue: string, node: HTMLInputElement | null) => {\n      if (node) {\n        refsMap.current.set(radioValue, node);\n        setRegistrationCount((c) => c + 1);\n      } else {\n        refsMap.current.delete(radioValue);\n      }\n    },\n    [],\n  );\n\n  // When the group has no selection, ensure the first non-disabled radio\n  // has tabIndex=0 so the group is reachable by Tab. Depends on\n  // registrationCount so it re-runs after radios mount and populate refsMap.\n  React.useEffect(() => {\n    if (focusedValue === undefined) {\n      const firstKey = Array.from(refsMap.current.keys())[0];\n      if (firstKey !== undefined) {\n        setFocusedValue(firstKey);\n      }\n    }\n  }, [focusedValue, currentValue, registrationCount]);\n\n  const handleChange = React.useCallback(\n    (radioValue: string) => {\n      setCurrentValue(radioValue);\n      setFocusedValue(radioValue);\n    },\n    [setCurrentValue],\n  );\n\n  const getOrderedValues = React.useCallback((): string[] => {\n    const values: string[] = [];\n    refsMap.current.forEach((node, radioValue) => {\n      if (!node.disabled) {\n        values.push(radioValue);\n      }\n    });\n    return values;\n  }, []);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      props.onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      const values = getOrderedValues();\n      const currentIndex = values.indexOf(focusedValue ?? \"\");\n      const nextIndex = getRovingIndex(\n        e.key,\n        currentIndex,\n        values.length,\n        \"both\",\n      );\n      if (nextIndex === undefined) return;\n\n      e.preventDefault();\n      const nextValue = values[nextIndex];\n      if (nextValue === undefined) return;\n      setFocusedValue(nextValue);\n      handleChange(nextValue);\n      refsMap.current.get(nextValue)?.focus();\n    },\n    [focusedValue, getOrderedValues, handleChange, props],\n  );\n\n  const contextValue: RadioGroupContextValue = React.useMemo(\n    () => ({\n      name,\n      value: currentValue,\n      disabled: resolvedDisabled,\n      focusedValue: focusedValue ?? currentValue ?? undefined,\n      setFocusedValue,\n      onChange: handleChange,\n      registerRef,\n    }),\n    [\n      name,\n      currentValue,\n      resolvedDisabled,\n      focusedValue,\n      handleChange,\n      registerRef,\n    ],\n  );\n\n  return (\n    <RadioGroupContext value={contextValue}>\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-orientation={orientation}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        className={cn(\n          \"flex\",\n          orientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n          \"gap-(--space-2)\",\n          className,\n        )}\n        {...props}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </RadioGroupContext>\n  );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":"sWAuBA,SAAS,EAAW,CAClB,MACA,YACA,OACA,MAAO,EACP,eACA,WACA,WACA,cAAc,WACd,WACA,GAAG,GACe,CAClB,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,WACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC3B,CAAC,CAEI,EAAmB,EAAM,kBAAoB,GAE7C,CAAC,EAAc,GAAmB,EAAA,qBACtC,EACA,EACA,EACD,CAEK,EAAU,EAAM,OAAO,IAAI,IAAgC,CAE3D,CAAC,EAAc,GAAmB,EAAM,SAAS,EAAa,CAO9D,CAAC,EAAmB,GAAwB,EAAM,SAAS,EAAE,CAE7D,EAAc,EAAM,aACvB,EAAoB,IAAkC,CACjD,GACF,EAAQ,QAAQ,IAAI,EAAY,EAAK,CACrC,EAAsB,GAAM,EAAI,EAAE,EAElC,EAAQ,QAAQ,OAAO,EAAW,EAGtC,EAAE,CACH,CAKD,EAAM,cAAgB,CACpB,GAAI,IAAiB,IAAA,GAAW,CAC9B,IAAM,EAAW,MAAM,KAAK,EAAQ,QAAQ,MAAM,CAAC,CAAC,GAChD,IAAa,IAAA,IACf,EAAgB,EAAS,GAG5B,CAAC,EAAc,EAAc,EAAkB,CAAC,CAEnD,IAAM,EAAe,EAAM,YACxB,GAAuB,CACtB,EAAgB,EAAW,CAC3B,EAAgB,EAAW,EAE7B,CAAC,EAAgB,CAClB,CAEK,EAAmB,EAAM,gBAA4B,CACzD,IAAM,EAAmB,EAAE,CAM3B,OALA,EAAQ,QAAQ,SAAS,EAAM,IAAe,CACvC,EAAK,UACR,EAAO,KAAK,EAAW,EAEzB,CACK,GACN,EAAE,CAAC,CAEA,EAAgB,EAAM,YACzB,GAA2C,CAE1C,GADA,EAAM,YAAY,EAAE,CAChB,EAAE,iBAAkB,OAExB,IAAM,EAAS,GAAkB,CAC3B,EAAe,EAAO,QAAQ,GAAgB,GAAG,CACjD,EAAY,EAAA,eAChB,EAAE,IACF,EACA,EAAO,OACP,OACD,CACD,GAAI,IAAc,IAAA,GAAW,OAE7B,EAAE,gBAAgB,CAClB,IAAM,EAAY,EAAO,GACrB,IAAc,IAAA,KAClB,EAAgB,EAAU,CAC1B,EAAa,EAAU,CACvB,EAAQ,QAAQ,IAAI,EAAU,EAAE,OAAO,GAEzC,CAAC,EAAc,EAAkB,EAAc,EAAM,CACtD,CAsBD,OACE,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,MArBwB,EAAM,aAC1C,CACL,OACA,MAAO,EACP,SAAU,EACV,aAAc,GAAgB,GAAgB,IAAA,GAC9C,kBACA,SAAU,EACV,cACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACD,CACF,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,aACL,mBAAkB,EAClB,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,UAAW,EAAA,GACT,OACA,IAAgB,WAAa,WAAa,WAC1C,kBACA,EACD,CACD,GAAI,EACJ,UAAW,EAEV,WACG,CAAA,CACY,CAAA,CAIxB,EAAW,YAAc"}
+{"version":3,"file":"RadioGroup.cjs","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { RadioGroupContext } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport type { RadioGroupContextValue } from \"@nuka/components/RadioGroup/RadioGroup.context\";\n\nexport interface RadioGroupProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onChange\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  name: string;\n  value?: string;\n  defaultValue?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  orientation?: \"vertical\" | \"horizontal\";\n  children: React.ReactNode;\n}\n\nfunction RadioGroup({\n  ref,\n  className,\n  name,\n  value: controlledValue,\n  defaultValue,\n  disabled,\n  onChange,\n  orientation = \"vertical\",\n  children,\n  ...props\n}: RadioGroupProps) {\n  const field = useFormFieldProps({\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n  });\n\n  const resolvedDisabled = field.resolvedDisabled ?? false;\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onChange,\n  );\n\n  const refsMap = React.useRef(new Map<string, HTMLInputElement>());\n\n  const [focusedValue, setFocusedValue] = React.useState(currentValue);\n\n  // Incremented each time a Radio mounts and registers its ref. Used as a\n  // dependency for the first-focus effect below: refsMap is a ref (not state)\n  // so mutating it does not trigger a re-render. Without this counter the\n  // effect would run on mount before any radios have registered, read an\n  // empty map, and never set focusedValue, leaving all radios at tabIndex=-1.\n  const [registrationCount, setRegistrationCount] = React.useState(0);\n\n  const registerRef = React.useCallback(\n    (radioValue: string, node: HTMLInputElement | null) => {\n      if (node) {\n        refsMap.current.set(radioValue, node);\n        setRegistrationCount((c) => c + 1);\n      } else {\n        refsMap.current.delete(radioValue);\n      }\n    },\n    [],\n  );\n\n  // When the group has no selection, ensure the first non-disabled radio\n  // has tabIndex=0 so the group is reachable by Tab. Depends on\n  // registrationCount so it re-runs after radios mount and populate refsMap.\n  React.useEffect(() => {\n    if (focusedValue === undefined) {\n      const firstKey = Array.from(refsMap.current.keys())[0];\n      if (firstKey !== undefined) {\n        setFocusedValue(firstKey);\n      }\n    }\n  }, [focusedValue, currentValue, registrationCount]);\n\n  const handleChange = React.useCallback(\n    (radioValue: string) => {\n      setCurrentValue(radioValue);\n      setFocusedValue(radioValue);\n    },\n    [setCurrentValue],\n  );\n\n  const getOrderedValues = React.useCallback((): string[] => {\n    const values: string[] = [];\n    refsMap.current.forEach((node, radioValue) => {\n      if (!node.disabled) {\n        values.push(radioValue);\n      }\n    });\n    return values;\n  }, []);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      props.onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      const values = getOrderedValues();\n      const currentIndex = values.indexOf(focusedValue ?? \"\");\n      const nextIndex = getRovingIndex(\n        e.key,\n        currentIndex,\n        values.length,\n        \"both\",\n      );\n      if (nextIndex === undefined) return;\n\n      e.preventDefault();\n      const nextValue = values[nextIndex];\n      if (nextValue === undefined) return;\n      setFocusedValue(nextValue);\n      handleChange(nextValue);\n      refsMap.current.get(nextValue)?.focus();\n    },\n    [focusedValue, getOrderedValues, handleChange, props],\n  );\n\n  const contextValue: RadioGroupContextValue = React.useMemo(\n    () => ({\n      name,\n      value: currentValue,\n      disabled: resolvedDisabled,\n      focusedValue: focusedValue ?? currentValue ?? undefined,\n      setFocusedValue,\n      onChange: handleChange,\n      registerRef,\n    }),\n    [\n      name,\n      currentValue,\n      resolvedDisabled,\n      focusedValue,\n      handleChange,\n      registerRef,\n    ],\n  );\n\n  return (\n    <RadioGroupContext value={contextValue}>\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-orientation={orientation}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        className={cn(\n          \"flex\",\n          orientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n          \"gap-(--space-2)\",\n          className,\n        )}\n        data-slot=\"root\"\n        {...props}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </RadioGroupContext>\n  );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":"sWAuBA,SAAS,EAAW,CAClB,MACA,YACA,OACA,MAAO,EACP,eACA,WACA,WACA,cAAc,WACd,WACA,GAAG,GACe,CAClB,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,WACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC3B,CAAC,CAEI,EAAmB,EAAM,kBAAoB,GAE7C,CAAC,EAAc,GAAmB,EAAA,qBACtC,EACA,EACA,EACD,CAEK,EAAU,EAAM,OAAO,IAAI,IAAgC,CAE3D,CAAC,EAAc,GAAmB,EAAM,SAAS,EAAa,CAO9D,CAAC,EAAmB,GAAwB,EAAM,SAAS,EAAE,CAE7D,EAAc,EAAM,aACvB,EAAoB,IAAkC,CACjD,GACF,EAAQ,QAAQ,IAAI,EAAY,EAAK,CACrC,EAAsB,GAAM,EAAI,EAAE,EAElC,EAAQ,QAAQ,OAAO,EAAW,EAGtC,EAAE,CACH,CAKD,EAAM,cAAgB,CACpB,GAAI,IAAiB,IAAA,GAAW,CAC9B,IAAM,EAAW,MAAM,KAAK,EAAQ,QAAQ,MAAM,CAAC,CAAC,GAChD,IAAa,IAAA,IACf,EAAgB,EAAS,GAG5B,CAAC,EAAc,EAAc,EAAkB,CAAC,CAEnD,IAAM,EAAe,EAAM,YACxB,GAAuB,CACtB,EAAgB,EAAW,CAC3B,EAAgB,EAAW,EAE7B,CAAC,EAAgB,CAClB,CAEK,EAAmB,EAAM,gBAA4B,CACzD,IAAM,EAAmB,EAAE,CAM3B,OALA,EAAQ,QAAQ,SAAS,EAAM,IAAe,CACvC,EAAK,UACR,EAAO,KAAK,EAAW,EAEzB,CACK,GACN,EAAE,CAAC,CAEA,EAAgB,EAAM,YACzB,GAA2C,CAE1C,GADA,EAAM,YAAY,EAAE,CAChB,EAAE,iBAAkB,OAExB,IAAM,EAAS,GAAkB,CAC3B,EAAe,EAAO,QAAQ,GAAgB,GAAG,CACjD,EAAY,EAAA,eAChB,EAAE,IACF,EACA,EAAO,OACP,OACD,CACD,GAAI,IAAc,IAAA,GAAW,OAE7B,EAAE,gBAAgB,CAClB,IAAM,EAAY,EAAO,GACrB,IAAc,IAAA,KAClB,EAAgB,EAAU,CAC1B,EAAa,EAAU,CACvB,EAAQ,QAAQ,IAAI,EAAU,EAAE,OAAO,GAEzC,CAAC,EAAc,EAAkB,EAAc,EAAM,CACtD,CAsBD,OACE,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,MArBwB,EAAM,aAC1C,CACL,OACA,MAAO,EACP,SAAU,EACV,aAAc,GAAgB,GAAgB,IAAA,GAC9C,kBACA,SAAU,EACV,cACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACD,CACF,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,aACL,mBAAkB,EAClB,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,UAAW,EAAA,GACT,OACA,IAAgB,WAAa,WAAa,WAC1C,kBACA,EACD,CACD,YAAU,OACV,GAAI,EACJ,UAAW,EAEV,WACG,CAAA,CACY,CAAA,CAIxB,EAAW,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAwB,EACxB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAsIjB;kBAjJQ,UAAU;;;AAqJnB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAwB,EACxB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAuIjB;kBAlJQ,UAAU;;;AAsJnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/RadioGroup/RadioGroup.js

@@ -69,6 +69,7 @@ function s({ ref: s, className: c, name: l, value: u, defaultValue: d, disabled:
 			"aria-invalid": _.ariaInvalid,
 			"aria-describedby": _.ariaDescribedBy,
 			className: e("flex", m === "vertical" ? "flex-col" : "flex-row", "gap-(--space-2)", c),
+			"data-slot": "root",
 			...g,
 			onKeyDown: k,
 			children: h

package/dist/components/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { RadioGroupContext } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport type { RadioGroupContextValue } from \"@nuka/components/RadioGroup/RadioGroup.context\";\n\nexport interface RadioGroupProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onChange\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  name: string;\n  value?: string;\n  defaultValue?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  orientation?: \"vertical\" | \"horizontal\";\n  children: React.ReactNode;\n}\n\nfunction RadioGroup({\n  ref,\n  className,\n  name,\n  value: controlledValue,\n  defaultValue,\n  disabled,\n  onChange,\n  orientation = \"vertical\",\n  children,\n  ...props\n}: RadioGroupProps) {\n  const field = useFormFieldProps({\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n  });\n\n  const resolvedDisabled = field.resolvedDisabled ?? false;\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onChange,\n  );\n\n  const refsMap = React.useRef(new Map<string, HTMLInputElement>());\n\n  const [focusedValue, setFocusedValue] = React.useState(currentValue);\n\n  // Incremented each time a Radio mounts and registers its ref. Used as a\n  // dependency for the first-focus effect below: refsMap is a ref (not state)\n  // so mutating it does not trigger a re-render. Without this counter the\n  // effect would run on mount before any radios have registered, read an\n  // empty map, and never set focusedValue, leaving all radios at tabIndex=-1.\n  const [registrationCount, setRegistrationCount] = React.useState(0);\n\n  const registerRef = React.useCallback(\n    (radioValue: string, node: HTMLInputElement | null) => {\n      if (node) {\n        refsMap.current.set(radioValue, node);\n        setRegistrationCount((c) => c + 1);\n      } else {\n        refsMap.current.delete(radioValue);\n      }\n    },\n    [],\n  );\n\n  // When the group has no selection, ensure the first non-disabled radio\n  // has tabIndex=0 so the group is reachable by Tab. Depends on\n  // registrationCount so it re-runs after radios mount and populate refsMap.\n  React.useEffect(() => {\n    if (focusedValue === undefined) {\n      const firstKey = Array.from(refsMap.current.keys())[0];\n      if (firstKey !== undefined) {\n        setFocusedValue(firstKey);\n      }\n    }\n  }, [focusedValue, currentValue, registrationCount]);\n\n  const handleChange = React.useCallback(\n    (radioValue: string) => {\n      setCurrentValue(radioValue);\n      setFocusedValue(radioValue);\n    },\n    [setCurrentValue],\n  );\n\n  const getOrderedValues = React.useCallback((): string[] => {\n    const values: string[] = [];\n    refsMap.current.forEach((node, radioValue) => {\n      if (!node.disabled) {\n        values.push(radioValue);\n      }\n    });\n    return values;\n  }, []);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      props.onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      const values = getOrderedValues();\n      const currentIndex = values.indexOf(focusedValue ?? \"\");\n      const nextIndex = getRovingIndex(\n        e.key,\n        currentIndex,\n        values.length,\n        \"both\",\n      );\n      if (nextIndex === undefined) return;\n\n      e.preventDefault();\n      const nextValue = values[nextIndex];\n      if (nextValue === undefined) return;\n      setFocusedValue(nextValue);\n      handleChange(nextValue);\n      refsMap.current.get(nextValue)?.focus();\n    },\n    [focusedValue, getOrderedValues, handleChange, props],\n  );\n\n  const contextValue: RadioGroupContextValue = React.useMemo(\n    () => ({\n      name,\n      value: currentValue,\n      disabled: resolvedDisabled,\n      focusedValue: focusedValue ?? currentValue ?? undefined,\n      setFocusedValue,\n      onChange: handleChange,\n      registerRef,\n    }),\n    [\n      name,\n      currentValue,\n      resolvedDisabled,\n      focusedValue,\n      handleChange,\n      registerRef,\n    ],\n  );\n\n  return (\n    <RadioGroupContext value={contextValue}>\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-orientation={orientation}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        className={cn(\n          \"flex\",\n          orientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n          \"gap-(--space-2)\",\n          className,\n        )}\n        {...props}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </RadioGroupContext>\n  );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":";;;;;;;;;AAuBA,SAAS,EAAW,EAClB,QACA,cACA,SACA,OAAO,GACP,iBACA,aACA,aACA,iBAAc,YACd,aACA,GAAG,KACe;CAClB,IAAM,IAAQ,EAAkB;EAC9B;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC3B,CAAC,EAEI,IAAmB,EAAM,oBAAoB,IAE7C,CAAC,GAAc,KAAmB,EACtC,GACA,GACA,EACD,EAEK,IAAU,EAAM,uBAAO,IAAI,KAA+B,CAAC,EAE3D,CAAC,GAAc,KAAmB,EAAM,SAAS,EAAa,EAO9D,CAAC,GAAmB,KAAwB,EAAM,SAAS,EAAE,EAE7D,IAAc,EAAM,aACvB,GAAoB,MAAkC;AACrD,EAAI,KACF,EAAQ,QAAQ,IAAI,GAAY,EAAK,EACrC,GAAsB,MAAM,IAAI,EAAE,IAElC,EAAQ,QAAQ,OAAO,EAAW;IAGtC,EAAE,CACH;AAKD,GAAM,gBAAgB;AACpB,MAAI,MAAiB,KAAA,GAAW;GAC9B,IAAM,IAAW,MAAM,KAAK,EAAQ,QAAQ,MAAM,CAAC,CAAC;AACpD,GAAI,MAAa,KAAA,KACf,EAAgB,EAAS;;IAG5B;EAAC;EAAc;EAAc;EAAkB,CAAC;CAEnD,IAAM,IAAe,EAAM,aACxB,MAAuB;AAEtB,EADA,EAAgB,EAAW,EAC3B,EAAgB,EAAW;IAE7B,CAAC,EAAgB,CAClB,EAEK,IAAmB,EAAM,kBAA4B;EACzD,IAAM,IAAmB,EAAE;AAM3B,SALA,EAAQ,QAAQ,SAAS,GAAM,MAAe;AAC5C,GAAK,EAAK,YACR,EAAO,KAAK,EAAW;IAEzB,EACK;IACN,EAAE,CAAC,EAEA,IAAgB,EAAM,aACzB,MAA2C;AAE1C,MADA,EAAM,YAAY,EAAE,EAChB,EAAE,iBAAkB;EAExB,IAAM,IAAS,GAAkB,EAC3B,IAAe,EAAO,QAAQ,KAAgB,GAAG,EACjD,IAAY,EAChB,EAAE,KACF,GACA,EAAO,QACP,OACD;AACD,MAAI,MAAc,KAAA,EAAW;AAE7B,IAAE,gBAAgB;EAClB,IAAM,IAAY,EAAO;AACrB,QAAc,KAAA,MAClB,EAAgB,EAAU,EAC1B,EAAa,EAAU,EACvB,EAAQ,QAAQ,IAAI,EAAU,EAAE,OAAO;IAEzC;EAAC;EAAc;EAAkB;EAAc;EAAM,CACtD;AAsBD,QACE,kBAAC,GAAD;EAAmB,OArBwB,EAAM,eAC1C;GACL;GACA,OAAO;GACP,UAAU;GACV,cAAc,KAAgB,KAAgB,KAAA;GAC9C;GACA,UAAU;GACV;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACD,CACF;YAIG,kBAAC,OAAD;GACO;GACL,MAAK;GACL,oBAAkB;GAClB,gBAAc,EAAM;GACpB,oBAAkB,EAAM;GACxB,WAAW,EACT,QACA,MAAgB,aAAa,aAAa,YAC1C,mBACA,EACD;GACD,GAAI;GACJ,WAAW;GAEV;GACG,CAAA;EACY,CAAA;;AAIxB,EAAW,cAAc"}
+{"version":3,"file":"RadioGroup.js","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { RadioGroupContext } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport type { RadioGroupContextValue } from \"@nuka/components/RadioGroup/RadioGroup.context\";\n\nexport interface RadioGroupProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onChange\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  name: string;\n  value?: string;\n  defaultValue?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  orientation?: \"vertical\" | \"horizontal\";\n  children: React.ReactNode;\n}\n\nfunction RadioGroup({\n  ref,\n  className,\n  name,\n  value: controlledValue,\n  defaultValue,\n  disabled,\n  onChange,\n  orientation = \"vertical\",\n  children,\n  ...props\n}: RadioGroupProps) {\n  const field = useFormFieldProps({\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n  });\n\n  const resolvedDisabled = field.resolvedDisabled ?? false;\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onChange,\n  );\n\n  const refsMap = React.useRef(new Map<string, HTMLInputElement>());\n\n  const [focusedValue, setFocusedValue] = React.useState(currentValue);\n\n  // Incremented each time a Radio mounts and registers its ref. Used as a\n  // dependency for the first-focus effect below: refsMap is a ref (not state)\n  // so mutating it does not trigger a re-render. Without this counter the\n  // effect would run on mount before any radios have registered, read an\n  // empty map, and never set focusedValue, leaving all radios at tabIndex=-1.\n  const [registrationCount, setRegistrationCount] = React.useState(0);\n\n  const registerRef = React.useCallback(\n    (radioValue: string, node: HTMLInputElement | null) => {\n      if (node) {\n        refsMap.current.set(radioValue, node);\n        setRegistrationCount((c) => c + 1);\n      } else {\n        refsMap.current.delete(radioValue);\n      }\n    },\n    [],\n  );\n\n  // When the group has no selection, ensure the first non-disabled radio\n  // has tabIndex=0 so the group is reachable by Tab. Depends on\n  // registrationCount so it re-runs after radios mount and populate refsMap.\n  React.useEffect(() => {\n    if (focusedValue === undefined) {\n      const firstKey = Array.from(refsMap.current.keys())[0];\n      if (firstKey !== undefined) {\n        setFocusedValue(firstKey);\n      }\n    }\n  }, [focusedValue, currentValue, registrationCount]);\n\n  const handleChange = React.useCallback(\n    (radioValue: string) => {\n      setCurrentValue(radioValue);\n      setFocusedValue(radioValue);\n    },\n    [setCurrentValue],\n  );\n\n  const getOrderedValues = React.useCallback((): string[] => {\n    const values: string[] = [];\n    refsMap.current.forEach((node, radioValue) => {\n      if (!node.disabled) {\n        values.push(radioValue);\n      }\n    });\n    return values;\n  }, []);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      props.onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      const values = getOrderedValues();\n      const currentIndex = values.indexOf(focusedValue ?? \"\");\n      const nextIndex = getRovingIndex(\n        e.key,\n        currentIndex,\n        values.length,\n        \"both\",\n      );\n      if (nextIndex === undefined) return;\n\n      e.preventDefault();\n      const nextValue = values[nextIndex];\n      if (nextValue === undefined) return;\n      setFocusedValue(nextValue);\n      handleChange(nextValue);\n      refsMap.current.get(nextValue)?.focus();\n    },\n    [focusedValue, getOrderedValues, handleChange, props],\n  );\n\n  const contextValue: RadioGroupContextValue = React.useMemo(\n    () => ({\n      name,\n      value: currentValue,\n      disabled: resolvedDisabled,\n      focusedValue: focusedValue ?? currentValue ?? undefined,\n      setFocusedValue,\n      onChange: handleChange,\n      registerRef,\n    }),\n    [\n      name,\n      currentValue,\n      resolvedDisabled,\n      focusedValue,\n      handleChange,\n      registerRef,\n    ],\n  );\n\n  return (\n    <RadioGroupContext value={contextValue}>\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-orientation={orientation}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        className={cn(\n          \"flex\",\n          orientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n          \"gap-(--space-2)\",\n          className,\n        )}\n        data-slot=\"root\"\n        {...props}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </RadioGroupContext>\n  );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":";;;;;;;;;AAuBA,SAAS,EAAW,EAClB,QACA,cACA,SACA,OAAO,GACP,iBACA,aACA,aACA,iBAAc,YACd,aACA,GAAG,KACe;CAClB,IAAM,IAAQ,EAAkB;EAC9B;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC3B,CAAC,EAEI,IAAmB,EAAM,oBAAoB,IAE7C,CAAC,GAAc,KAAmB,EACtC,GACA,GACA,EACD,EAEK,IAAU,EAAM,uBAAO,IAAI,KAA+B,CAAC,EAE3D,CAAC,GAAc,KAAmB,EAAM,SAAS,EAAa,EAO9D,CAAC,GAAmB,KAAwB,EAAM,SAAS,EAAE,EAE7D,IAAc,EAAM,aACvB,GAAoB,MAAkC;AACrD,EAAI,KACF,EAAQ,QAAQ,IAAI,GAAY,EAAK,EACrC,GAAsB,MAAM,IAAI,EAAE,IAElC,EAAQ,QAAQ,OAAO,EAAW;IAGtC,EAAE,CACH;AAKD,GAAM,gBAAgB;AACpB,MAAI,MAAiB,KAAA,GAAW;GAC9B,IAAM,IAAW,MAAM,KAAK,EAAQ,QAAQ,MAAM,CAAC,CAAC;AACpD,GAAI,MAAa,KAAA,KACf,EAAgB,EAAS;;IAG5B;EAAC;EAAc;EAAc;EAAkB,CAAC;CAEnD,IAAM,IAAe,EAAM,aACxB,MAAuB;AAEtB,EADA,EAAgB,EAAW,EAC3B,EAAgB,EAAW;IAE7B,CAAC,EAAgB,CAClB,EAEK,IAAmB,EAAM,kBAA4B;EACzD,IAAM,IAAmB,EAAE;AAM3B,SALA,EAAQ,QAAQ,SAAS,GAAM,MAAe;AAC5C,GAAK,EAAK,YACR,EAAO,KAAK,EAAW;IAEzB,EACK;IACN,EAAE,CAAC,EAEA,IAAgB,EAAM,aACzB,MAA2C;AAE1C,MADA,EAAM,YAAY,EAAE,EAChB,EAAE,iBAAkB;EAExB,IAAM,IAAS,GAAkB,EAC3B,IAAe,EAAO,QAAQ,KAAgB,GAAG,EACjD,IAAY,EAChB,EAAE,KACF,GACA,EAAO,QACP,OACD;AACD,MAAI,MAAc,KAAA,EAAW;AAE7B,IAAE,gBAAgB;EAClB,IAAM,IAAY,EAAO;AACrB,QAAc,KAAA,MAClB,EAAgB,EAAU,EAC1B,EAAa,EAAU,EACvB,EAAQ,QAAQ,IAAI,EAAU,EAAE,OAAO;IAEzC;EAAC;EAAc;EAAkB;EAAc;EAAM,CACtD;AAsBD,QACE,kBAAC,GAAD;EAAmB,OArBwB,EAAM,eAC1C;GACL;GACA,OAAO;GACP,UAAU;GACV,cAAc,KAAgB,KAAgB,KAAA;GAC9C;GACA,UAAU;GACV;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACD,CACF;YAIG,kBAAC,OAAD;GACO;GACL,MAAK;GACL,oBAAkB;GAClB,gBAAc,EAAM;GACpB,oBAAkB,EAAM;GACxB,WAAW,EACT,QACA,MAAgB,aAAa,aAAa,YAC1C,mBACA,EACD;GACD,aAAU;GACV,GAAI;GACJ,WAAW;GAEV;GACG,CAAA;EACY,CAAA;;AAIxB,EAAW,cAAc"}

package/dist/components/ScrollArea/ScrollArea.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i={vertical:`overflow-x-hidden overflow-y-auto`,horizontal:`overflow-y-hidden overflow-x-auto`,both:`overflow-auto`};function a({ref:e,className:n,orientation:a=`vertical`,maxHeight:o,maxWidth:s,style:c,tabIndex:l,...u}){return(0,r.jsx)(`div`,{ref:e,tabIndex:l??0,className:t.cn(`nuka-scroll-area`,`[scrollbar-width:thin]`,`[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]`,i[a],n),style:{...c,maxHeight:o,maxWidth:s},...u})}a.displayName=`ScrollArea`,exports.ScrollArea=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i={vertical:`overflow-x-hidden overflow-y-auto`,horizontal:`overflow-y-hidden overflow-x-auto`,both:`overflow-auto`};function a({ref:e,className:n,orientation:a=`vertical`,maxHeight:o,maxWidth:s,style:c,tabIndex:l,...u}){return(0,r.jsx)(`div`,{ref:e,tabIndex:l??0,className:t.cn(`nuka-scroll-area`,`[scrollbar-width:thin]`,`[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]`,i[a],n),style:{...c,maxHeight:o,maxWidth:s},"data-slot":`root`,...u})}a.displayName=`ScrollArea`,exports.ScrollArea=a;
 //# sourceMappingURL=ScrollArea.cjs.map

package/dist/components/ScrollArea/ScrollArea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.cjs","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ScrollAreaOrientation = \"vertical\" | \"horizontal\" | \"both\";\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  orientation?: ScrollAreaOrientation;\n  /** Inline style value. Justified: consumer-provided dimension cannot be\n   *  expressed as a static class without generating arbitrary Tailwind values. */\n  maxHeight?: string;\n  /** Inline style value. Same justification as maxHeight. */\n  maxWidth?: string;\n}\n\nconst orientationClasses: Record<ScrollAreaOrientation, string> = {\n  vertical: \"overflow-x-hidden overflow-y-auto\",\n  horizontal: \"overflow-y-hidden overflow-x-auto\",\n  both: \"overflow-auto\",\n};\n\nfunction ScrollArea({\n  ref,\n  className,\n  orientation = \"vertical\",\n  maxHeight,\n  maxWidth,\n  style,\n  tabIndex,\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex ?? 0}\n      className={cn(\n        \"nuka-scroll-area\",\n        \"[scrollbar-width:thin]\",\n        \"[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]\",\n        orientationClasses[orientation],\n        className,\n      )}\n      style={{ ...style, maxHeight, maxWidth }}\n      {...props}\n    />\n  );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":"gLAiBA,IAAM,EAA4D,CAChE,SAAU,oCACV,WAAY,oCACZ,KAAM,gBACP,CAED,SAAS,EAAW,CAClB,MACA,YACA,cAAc,WACd,YACA,WACA,QACA,WACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,SAAU,GAAY,EACtB,UAAW,EAAA,GACT,mBACA,yBACA,sEACA,EAAmB,GACnB,EACD,CACD,MAAO,CAAE,GAAG,EAAO,YAAW,WAAU,CACxC,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc"}
+{"version":3,"file":"ScrollArea.cjs","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ScrollAreaOrientation = \"vertical\" | \"horizontal\" | \"both\";\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  orientation?: ScrollAreaOrientation;\n  /** Inline style value. Justified: consumer-provided dimension cannot be\n   *  expressed as a static class without generating arbitrary Tailwind values. */\n  maxHeight?: string;\n  /** Inline style value. Same justification as maxHeight. */\n  maxWidth?: string;\n}\n\nconst orientationClasses: Record<ScrollAreaOrientation, string> = {\n  vertical: \"overflow-x-hidden overflow-y-auto\",\n  horizontal: \"overflow-y-hidden overflow-x-auto\",\n  both: \"overflow-auto\",\n};\n\nfunction ScrollArea({\n  ref,\n  className,\n  orientation = \"vertical\",\n  maxHeight,\n  maxWidth,\n  style,\n  tabIndex,\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex ?? 0}\n      className={cn(\n        \"nuka-scroll-area\",\n        \"[scrollbar-width:thin]\",\n        \"[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]\",\n        orientationClasses[orientation],\n        className,\n      )}\n      style={{ ...style, maxHeight, maxWidth }}\n      data-slot=\"root\"\n      {...props}\n    />\n  );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":"gLAiBA,IAAM,EAA4D,CAChE,SAAU,oCACV,WAAY,oCACZ,KAAM,gBACP,CAED,SAAS,EAAW,CAClB,MACA,YACA,cAAc,WACd,YACA,WACA,QACA,WACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,SAAU,GAAY,EACtB,UAAW,EAAA,GACT,mBACA,yBACA,sEACA,EAAmB,GACnB,EACD,CACD,MAAO,CAAE,GAAG,EAAO,YAAW,WAAU,CACxC,YAAU,OACV,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC;oFACgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAQD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,WAAwB,EACxB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAgBjB;kBAzBQ,UAAU;;;AA6BnB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC;oFACgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAQD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,WAAwB,EACxB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAiBjB;kBA1BQ,UAAU;;;AA8BnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/ScrollArea/ScrollArea.js

@@ -18,6 +18,7 @@ function r({ ref: r, className: i, orientation: a = "vertical", maxHeight: o, ma
 			maxHeight: o,
 			maxWidth: s
 		},
+		"data-slot": "root",
 		...u
 	});
 }

package/dist/components/ScrollArea/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ScrollAreaOrientation = \"vertical\" | \"horizontal\" | \"both\";\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  orientation?: ScrollAreaOrientation;\n  /** Inline style value. Justified: consumer-provided dimension cannot be\n   *  expressed as a static class without generating arbitrary Tailwind values. */\n  maxHeight?: string;\n  /** Inline style value. Same justification as maxHeight. */\n  maxWidth?: string;\n}\n\nconst orientationClasses: Record<ScrollAreaOrientation, string> = {\n  vertical: \"overflow-x-hidden overflow-y-auto\",\n  horizontal: \"overflow-y-hidden overflow-x-auto\",\n  both: \"overflow-auto\",\n};\n\nfunction ScrollArea({\n  ref,\n  className,\n  orientation = \"vertical\",\n  maxHeight,\n  maxWidth,\n  style,\n  tabIndex,\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex ?? 0}\n      className={cn(\n        \"nuka-scroll-area\",\n        \"[scrollbar-width:thin]\",\n        \"[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]\",\n        orientationClasses[orientation],\n        className,\n      )}\n      style={{ ...style, maxHeight, maxWidth }}\n      {...props}\n    />\n  );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":";;;;;AAiBA,IAAM,IAA4D;CAChE,UAAU;CACV,YAAY;CACZ,MAAM;CACP;AAED,SAAS,EAAW,EAClB,QACA,cACA,iBAAc,YACd,cACA,aACA,UACA,aACA,GAAG,KACe;AAClB,QACE,kBAAC,OAAD;EACO;EACL,UAAU,KAAY;EACtB,WAAW,EACT,oBACA,0BACA,uEACA,EAAmB,IACnB,EACD;EACD,OAAO;GAAE,GAAG;GAAO;GAAW;GAAU;EACxC,GAAI;EACJ,CAAA;;AAIN,EAAW,cAAc"}
+{"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ScrollAreaOrientation = \"vertical\" | \"horizontal\" | \"both\";\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  orientation?: ScrollAreaOrientation;\n  /** Inline style value. Justified: consumer-provided dimension cannot be\n   *  expressed as a static class without generating arbitrary Tailwind values. */\n  maxHeight?: string;\n  /** Inline style value. Same justification as maxHeight. */\n  maxWidth?: string;\n}\n\nconst orientationClasses: Record<ScrollAreaOrientation, string> = {\n  vertical: \"overflow-x-hidden overflow-y-auto\",\n  horizontal: \"overflow-y-hidden overflow-x-auto\",\n  both: \"overflow-auto\",\n};\n\nfunction ScrollArea({\n  ref,\n  className,\n  orientation = \"vertical\",\n  maxHeight,\n  maxWidth,\n  style,\n  tabIndex,\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex ?? 0}\n      className={cn(\n        \"nuka-scroll-area\",\n        \"[scrollbar-width:thin]\",\n        \"[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]\",\n        orientationClasses[orientation],\n        className,\n      )}\n      style={{ ...style, maxHeight, maxWidth }}\n      data-slot=\"root\"\n      {...props}\n    />\n  );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":";;;;;AAiBA,IAAM,IAA4D;CAChE,UAAU;CACV,YAAY;CACZ,MAAM;CACP;AAED,SAAS,EAAW,EAClB,QACA,cACA,iBAAc,YACd,cACA,aACA,UACA,aACA,GAAG,KACe;AAClB,QACE,kBAAC,OAAD;EACO;EACL,UAAU,KAAY;EACtB,WAAW,EACT,oBACA,0BACA,uEACA,EAAmB,IACnB,EACD;EACD,OAAO;GAAE,GAAG;GAAO;GAAW;GAAU;EACxC,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAW,cAAc"}

package/dist/components/Section/Section.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(`./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":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  sectionVariants,\n  type SectionVariantProps,\n} from \"@nuka/components/Section/Section.variants\";\n\ntype SectionElement =\n  | \"section\"\n  | \"div\"\n  | \"article\"\n  | \"aside\"\n  | \"main\"\n  | \"header\"\n  | \"footer\";\n\nexport interface SectionProps\n  extends React.HTMLAttributes<HTMLElement>, SectionVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: SectionElement;\n  asChild?: boolean;\n}\n\nfunction Section({\n  ref,\n  as: Comp = \"section\",\n  className,\n  spacing,\n  background,\n  divider,\n  asChild = false,\n  ...props\n}: SectionProps) {\n  const Tag = asChild ? Slot : Comp;\n\n  return (\n    <Tag\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        sectionVariants({ spacing, background, divider }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSection.displayName = \"Section\";\n\nexport { Section, sectionVariants };\n"],"mappings":"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,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":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAEnD,KAAK,cAAc,GACf,SAAS,GACT,KAAK,GACL,SAAS,GACT,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,mBAAmB;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,EAAE,EAAE,IAAgB,EACpB,SAAS,EACT,OAAO,EACP,UAAU,EACV,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,YAAY,2CAad;kBAtBQ,OAAO;;;AA0BhB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"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

@@ -8,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":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  sectionVariants,\n  type SectionVariantProps,\n} from \"@nuka/components/Section/Section.variants\";\n\ntype SectionElement =\n  | \"section\"\n  | \"div\"\n  | \"article\"\n  | \"aside\"\n  | \"main\"\n  | \"header\"\n  | \"footer\";\n\nexport interface SectionProps\n  extends React.HTMLAttributes<HTMLElement>, SectionVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: SectionElement;\n  asChild?: boolean;\n}\n\nfunction Section({\n  ref,\n  as: Comp = \"section\",\n  className,\n  spacing,\n  background,\n  divider,\n  asChild = false,\n  ...props\n}: SectionProps) {\n  const Tag = asChild ? Slot : Comp;\n\n  return (\n    <Tag\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        sectionVariants({ spacing, background, divider }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSection.displayName = \"Section\";\n\nexport { Section, sectionVariants };\n"],"mappings":";;;;;;;AA0BA,SAAS,EAAQ,EACf,QACA,IAAI,IAAO,WACX,cACA,YACA,eACA,YACA,aAAU,IACV,GAAG,KACY;AAGf,QACE,kBAHU,IAAU,IAAO,GAG3B;EACO;EACL,WAAW,EACT,EAAgB;GAAE;GAAS;GAAY;GAAS,CAAC,EACjD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}
+{"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