@nuka-ui/core 1.1.1 → 1.1.2

package/dist/components/RadioGroup/Radio.js

@@ -7,47 +7,47 @@ import { radioIndicatorVariants as i } from "./Radio.variants.js";
 import * as a from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/RadioGroup/Radio.tsx
-var c = a.forwardRef(({ className: c, intent: l, size: u, value: d, children: f, disabled: p, name: m, ...h }, g) => {
-	let _ = r(), v = a.useRef(null), y = _.name || m, b = _.value === void 0 ? void 0 : _.value === d, x = p ?? (_.disabled || void 0), S = _.focusedValue === d, C = _.name ? S ? 0 : -1 : void 0;
+function c({ ref: c, className: l, intent: u, size: d, value: f, children: p, disabled: m, name: h, ...g }) {
+	let _ = r(), v = a.useRef(null), y = _.name || h, b = _.value === void 0 ? void 0 : _.value === f, x = m ?? (_.disabled || void 0), S = _.focusedValue === f, C = _.name ? S ? 0 : -1 : void 0;
 	a.useEffect(() => {
 		let e = v.current;
-		return _.registerRef(d, e), () => {
-			_.registerRef(d, null);
+		return _.registerRef(f, e), () => {
+			_.registerRef(f, null);
 		};
-	}, [_, d]);
+	}, [_, f]);
 	let w = (e) => {
-		h.onChange?.(e), _.onChange(d);
+		g.onChange?.(e), _.onChange(f);
 	};
 	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, c),
+		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),
 		children: [
 			/* @__PURE__ */ o("input", {
-				ref: t(g, v),
+				ref: t(c, v),
 				type: "radio",
 				name: y,
-				value: d,
+				value: f,
 				checked: b,
 				disabled: x,
 				tabIndex: C,
 				className: "peer sr-only",
-				...h,
+				...g,
 				onChange: w
 			}),
 			/* @__PURE__ */ o("span", {
 				"aria-hidden": "true",
 				className: e(i({
-					intent: l,
-					size: u
+					intent: u,
+					size: d
 				})),
 				children: /* @__PURE__ */ o("span", { className: "hidden size-1/2 rounded-full bg-current" })
 			}),
-			f && /* @__PURE__ */ o(n, {
+			p && /* @__PURE__ */ o(n, {
 				as: "span",
-				children: f
+				children: p
 			})
 		]
 	});
-});
+}
 c.displayName = "Radio";
 //#endregion
 export { c as Radio };

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  value: string;\n  children?: React.ReactNode;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    { className, intent, size, value, children, disabled, name, ...props },\n    ref,\n  ) => {\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);\n\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"mappings":";;;;;;;;;AAmBA,IAAM,IAAQ,EAAM,YAEhB,EAAE,cAAW,WAAQ,SAAM,UAAO,aAAU,aAAU,SAAM,GAAG,KAC/D,MACG;CACH,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;;EAGb;AAED,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    >\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"}

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(`../../hooks/use-controllable-state.cjs`),r=require(`../../hooks/use-form-field-props.cjs`),i=require(`./RadioGroup.context.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s=a.forwardRef(({className:e,name:s,value:c,defaultValue:l,disabled:u,onChange:d,orientation:f=`vertical`,children:p,...m},h)=>{let g=r.useFormFieldProps({disabled:u,"aria-invalid":m[`aria-invalid`],"aria-describedby":m[`aria-describedby`]}),_=g.resolvedDisabled??!1,[v,y]=n.useControllableState(c,l,d),b=a.useRef(new Map),[x,S]=a.useState(v),[C,w]=a.useState(0),T=a.useCallback((e,t)=>{t?(b.current.set(e,t),w(e=>e+1)):b.current.delete(e)},[]);a.useEffect(()=>{if(x===void 0){let e=Array.from(b.current.keys())[0];e!==void 0&&S(e)}},[x,v,C]);let E=a.useCallback(e=>{y(e),S(e)},[y]),D=a.useCallback(()=>{let e=[];return b.current.forEach((t,n)=>{t.disabled||e.push(n)}),e},[]),O=a.useCallback(e=>{let t=D();if(t.length===0)return;let n=t.indexOf(x??``),r;switch(e){case`next`:r=n<t.length-1?n+1:0;break;case`prev`:r=n>0?n-1:t.length-1;break;case`first`:r=0;break;case`last`:r=t.length-1;break}let i=t[r];i!==void 0&&(S(i),E(i),b.current.get(i)?.focus())},[x,D,E]),k=a.useCallback(e=>{if(m.onKeyDown?.(e),!e.defaultPrevented)switch(e.key){case`ArrowDown`:case`ArrowRight`:e.preventDefault(),O(`next`);break;case`ArrowUp`:case`ArrowLeft`:e.preventDefault(),O(`prev`);break;case`Home`:e.preventDefault(),O(`first`);break;case`End`:e.preventDefault(),O(`last`);break}},[O,m]);return(0,o.jsx)(i.RadioGroupContext,{value:a.useMemo(()=>({name:s,value:v,disabled:_,focusedValue:x??v??void 0,setFocusedValue:S,onChange:E,registerRef:T}),[s,v,_,x,E,T]),children:(0,o.jsx)(`div`,{ref:h,role:`radiogroup`,"aria-orientation":f,"aria-invalid":g.ariaInvalid,"aria-describedby":g.ariaDescribedBy,className:t.cn(`flex`,f===`vertical`?`flex-col`:`flex-row`,`gap-(--space-2)`,e),...m,onKeyDown:k,children:p})})});s.displayName=`RadioGroup`,exports.RadioGroup=s;
+"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;
 //# 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 { 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  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\nconst RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      className,\n      name,\n      value: controlledValue,\n      defaultValue,\n      disabled,\n      onChange,\n      orientation = \"vertical\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\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 moveFocus = React.useCallback(\n      (direction: \"next\" | \"prev\" | \"first\" | \"last\") => {\n        const values = getOrderedValues();\n        if (values.length === 0) return;\n\n        const currentIndex = values.indexOf(focusedValue ?? \"\");\n        let nextIndex: number;\n\n        switch (direction) {\n          case \"next\":\n            nextIndex = currentIndex < values.length - 1 ? currentIndex + 1 : 0;\n            break;\n          case \"prev\":\n            nextIndex = currentIndex > 0 ? currentIndex - 1 : values.length - 1;\n            break;\n          case \"first\":\n            nextIndex = 0;\n            break;\n          case \"last\":\n            nextIndex = values.length - 1;\n            break;\n        }\n\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],\n    );\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        props.onKeyDown?.(e);\n        if (e.defaultPrevented) return;\n\n        switch (e.key) {\n          case \"ArrowDown\":\n          case \"ArrowRight\":\n            e.preventDefault();\n            moveFocus(\"next\");\n            break;\n          case \"ArrowUp\":\n          case \"ArrowLeft\":\n            e.preventDefault();\n            moveFocus(\"prev\");\n            break;\n          case \"Home\":\n            e.preventDefault();\n            moveFocus(\"first\");\n            break;\n          case \"End\":\n            e.preventDefault();\n            moveFocus(\"last\");\n            break;\n        }\n      },\n      [moveFocus, 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);\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":"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"}
+{"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"}

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

@@ -1,5 +1,6 @@
 import * as React from "react";
 export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     name: string;
     value?: string;
     defaultValue?: string;
@@ -8,6 +9,9 @@ export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     orientation?: "vertical" | "horizontal";
     children: React.ReactNode;
 }
-declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare function RadioGroup({ ref, className, name, value: controlledValue, defaultValue, disabled, onChange, orientation, children, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
 export { RadioGroup };
 //# sourceMappingURL=RadioGroup.d.ts.map

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;AAO/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,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,QAAA,MAAM,UAAU,wFAyLf,CAAC;AAIF,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,2CAsIjB;kBAjJQ,UAAU;;;AAqJnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,110 +1,82 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import { useControllableState as t } from "../../hooks/use-controllable-state.js";
-import { useFormFieldProps as n } from "../../hooks/use-form-field-props.js";
-import { RadioGroupContext as r } from "./RadioGroup.context.js";
-import * as i from "react";
-import { jsx as a } from "react/jsx-runtime";
+import { getRovingIndex as t } from "../../utils/roving-index.js";
+import { useControllableState as n } from "../../hooks/use-controllable-state.js";
+import { useFormFieldProps as r } from "../../hooks/use-form-field-props.js";
+import { RadioGroupContext as i } from "./RadioGroup.context.js";
+import * as a from "react";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/components/RadioGroup/RadioGroup.tsx
-var o = i.forwardRef(({ className: o, name: s, value: c, defaultValue: l, disabled: u, onChange: d, orientation: f = "vertical", children: p, ...m }, h) => {
-	let g = n({
-		disabled: u,
-		"aria-invalid": m["aria-invalid"],
-		"aria-describedby": m["aria-describedby"]
-	}), _ = g.resolvedDisabled ?? !1, [v, y] = t(c, l, d), b = i.useRef(/* @__PURE__ */ new Map()), [x, S] = i.useState(v), [C, w] = i.useState(0), T = i.useCallback((e, t) => {
-		t ? (b.current.set(e, t), w((e) => e + 1)) : b.current.delete(e);
+function s({ ref: s, className: c, name: l, value: u, defaultValue: d, disabled: f, onChange: p, orientation: m = "vertical", children: h, ...g }) {
+	let _ = r({
+		disabled: f,
+		"aria-invalid": g["aria-invalid"],
+		"aria-describedby": g["aria-describedby"]
+	}), v = _.resolvedDisabled ?? !1, [y, b] = n(u, d, p), x = a.useRef(/* @__PURE__ */ new Map()), [S, C] = a.useState(y), [w, T] = a.useState(0), E = a.useCallback((e, t) => {
+		t ? (x.current.set(e, t), T((e) => e + 1)) : x.current.delete(e);
 	}, []);
-	i.useEffect(() => {
-		if (x === void 0) {
-			let e = Array.from(b.current.keys())[0];
-			e !== void 0 && S(e);
+	a.useEffect(() => {
+		if (S === void 0) {
+			let e = Array.from(x.current.keys())[0];
+			e !== void 0 && C(e);
 		}
 	}, [
-		x,
-		v,
-		C
+		S,
+		y,
+		w
 	]);
-	let E = i.useCallback((e) => {
-		y(e), S(e);
-	}, [y]), D = i.useCallback(() => {
+	let D = a.useCallback((e) => {
+		b(e), C(e);
+	}, [b]), O = a.useCallback(() => {
 		let e = [];
-		return b.current.forEach((t, n) => {
+		return x.current.forEach((t, n) => {
 			t.disabled || e.push(n);
 		}), e;
-	}, []), O = i.useCallback((e) => {
-		let t = D();
-		if (t.length === 0) return;
-		let n = t.indexOf(x ?? ""), r;
-		switch (e) {
-			case "next":
-				r = n < t.length - 1 ? n + 1 : 0;
-				break;
-			case "prev":
-				r = n > 0 ? n - 1 : t.length - 1;
-				break;
-			case "first":
-				r = 0;
-				break;
-			case "last":
-				r = t.length - 1;
-				break;
-		}
-		let i = t[r];
-		i !== void 0 && (S(i), E(i), b.current.get(i)?.focus());
+	}, []), k = a.useCallback((e) => {
+		if (g.onKeyDown?.(e), e.defaultPrevented) return;
+		let n = O(), r = n.indexOf(S ?? ""), i = t(e.key, r, n.length, "both");
+		if (i === void 0) return;
+		e.preventDefault();
+		let a = n[i];
+		a !== void 0 && (C(a), D(a), x.current.get(a)?.focus());
 	}, [
-		x,
+		S,
+		O,
 		D,
-		E
-	]), k = i.useCallback((e) => {
-		if (m.onKeyDown?.(e), !e.defaultPrevented) switch (e.key) {
-			case "ArrowDown":
-			case "ArrowRight":
-				e.preventDefault(), O("next");
-				break;
-			case "ArrowUp":
-			case "ArrowLeft":
-				e.preventDefault(), O("prev");
-				break;
-			case "Home":
-				e.preventDefault(), O("first");
-				break;
-			case "End":
-				e.preventDefault(), O("last");
-				break;
-		}
-	}, [O, m]);
-	return /* @__PURE__ */ a(r, {
-		value: i.useMemo(() => ({
-			name: s,
-			value: v,
-			disabled: _,
-			focusedValue: x ?? v ?? void 0,
-			setFocusedValue: S,
-			onChange: E,
-			registerRef: T
+		g
+	]);
+	return /* @__PURE__ */ o(i, {
+		value: a.useMemo(() => ({
+			name: l,
+			value: y,
+			disabled: v,
+			focusedValue: S ?? y ?? void 0,
+			setFocusedValue: C,
+			onChange: D,
+			registerRef: E
 		}), [
-			s,
+			l,
+			y,
 			v,
-			_,
-			x,
-			E,
-			T
+			S,
+			D,
+			E
 		]),
-		children: /* @__PURE__ */ a("div", {
-			ref: h,
+		children: /* @__PURE__ */ o("div", {
+			ref: s,
 			role: "radiogroup",
-			"aria-orientation": f,
-			"aria-invalid": g.ariaInvalid,
-			"aria-describedby": g.ariaDescribedBy,
-			className: e("flex", f === "vertical" ? "flex-col" : "flex-row", "gap-(--space-2)", o),
-			...m,
+			"aria-orientation": m,
+			"aria-invalid": _.ariaInvalid,
+			"aria-describedby": _.ariaDescribedBy,
+			className: e("flex", m === "vertical" ? "flex-col" : "flex-row", "gap-(--space-2)", c),
+			...g,
 			onKeyDown: k,
-			children: p
+			children: h
 		})
 	});
-});
-o.displayName = "RadioGroup";
+}
+s.displayName = "RadioGroup";
 //#endregion
-export { o as RadioGroup };
+export { s as RadioGroup };
 
 //# sourceMappingURL=RadioGroup.js.map

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 { 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  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\nconst RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      className,\n      name,\n      value: controlledValue,\n      defaultValue,\n      disabled,\n      onChange,\n      orientation = \"vertical\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\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 moveFocus = React.useCallback(\n      (direction: \"next\" | \"prev\" | \"first\" | \"last\") => {\n        const values = getOrderedValues();\n        if (values.length === 0) return;\n\n        const currentIndex = values.indexOf(focusedValue ?? \"\");\n        let nextIndex: number;\n\n        switch (direction) {\n          case \"next\":\n            nextIndex = currentIndex < values.length - 1 ? currentIndex + 1 : 0;\n            break;\n          case \"prev\":\n            nextIndex = currentIndex > 0 ? currentIndex - 1 : values.length - 1;\n            break;\n          case \"first\":\n            nextIndex = 0;\n            break;\n          case \"last\":\n            nextIndex = values.length - 1;\n            break;\n        }\n\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],\n    );\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        props.onKeyDown?.(e);\n        if (e.defaultPrevented) return;\n\n        switch (e.key) {\n          case \"ArrowDown\":\n          case \"ArrowRight\":\n            e.preventDefault();\n            moveFocus(\"next\");\n            break;\n          case \"ArrowUp\":\n          case \"ArrowLeft\":\n            e.preventDefault();\n            moveFocus(\"prev\");\n            break;\n          case \"Home\":\n            e.preventDefault();\n            moveFocus(\"first\");\n            break;\n          case \"End\":\n            e.preventDefault();\n            moveFocus(\"last\");\n            break;\n        }\n      },\n      [moveFocus, 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);\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":"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"}
+{"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"}

package/dist/components/ScrollArea/ScrollArea.cjs

@@ -1,2 +1,2 @@
-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`},a=n.forwardRef(({className:e,orientation:n=`vertical`,maxHeight:a,maxWidth:o,style:s,tabIndex:c,...l},u)=>(0,r.jsx)(`div`,{ref:u,tabIndex:c??0,className:t.cn(`nuka-scroll-area`,`[scrollbar-width:thin]`,`[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]`,i[n],e),style:{...s,maxHeight:a,maxWidth:o},...l}));a.displayName=`ScrollArea`,exports.ScrollArea=a;
+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;
 //# 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":["import * 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  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\nconst ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(\n  (\n    {\n      className,\n      orientation = \"vertical\",\n      maxHeight,\n      maxWidth,\n      style,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":"mKAcA,IAAM,EAA4D,CAChE,SAAU,oCACV,WAAY,oCACZ,KAAM,gBACP,CAEK,EAAa,EAAM,YAErB,CACE,YACA,cAAc,WACd,YACA,WACA,QACA,WACA,GAAG,GAEL,KAGE,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,CAGP,CAED,EAAW,YAAc"}
+{"version":3,"file":"ScrollArea.cjs","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import * 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":"mKAeA,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"}

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

@@ -1,6 +1,7 @@
 import * as React from "react";
 export type ScrollAreaOrientation = "vertical" | "horizontal" | "both";
 export interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     orientation?: ScrollAreaOrientation;
     /** Inline style value. Justified: consumer-provided dimension cannot be
      *  expressed as a static class without generating arbitrary Tailwind values. */
@@ -8,6 +9,9 @@ export interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Inline style value. Same justification as maxHeight. */
     maxWidth?: string;
 }
-declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+declare function ScrollArea({ ref, className, orientation, maxHeight, maxWidth, style, tabIndex, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ScrollArea {
+    var displayName: string;
+}
 export { ScrollArea };
 //# sourceMappingURL=ScrollArea.d.ts.map

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":"AAAA,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,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC;oFACgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAQD,QAAA,MAAM,UAAU,wFA6Bf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,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"}

package/dist/components/ScrollArea/ScrollArea.js

@@ -1,24 +1,27 @@
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/ScrollArea/ScrollArea.tsx
-var r = {
+var n = {
 	vertical: "overflow-x-hidden overflow-y-auto",
 	horizontal: "overflow-y-hidden overflow-x-auto",
 	both: "overflow-auto"
-}, i = t.forwardRef(({ className: t, orientation: i = "vertical", maxHeight: a, maxWidth: o, style: s, tabIndex: c, ...l }, u) => /* @__PURE__ */ n("div", {
-	ref: u,
-	tabIndex: c ?? 0,
-	className: e("nuka-scroll-area", "[scrollbar-width:thin]", "[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]", r[i], t),
-	style: {
-		...s,
-		maxHeight: a,
-		maxWidth: o
-	},
-	...l
-}));
-i.displayName = "ScrollArea";
+};
+function r({ ref: r, className: i, orientation: a = "vertical", maxHeight: o, maxWidth: s, style: c, tabIndex: l, ...u }) {
+	return /* @__PURE__ */ t("div", {
+		ref: r,
+		tabIndex: l ?? 0,
+		className: e("nuka-scroll-area", "[scrollbar-width:thin]", "[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]", n[a], i),
+		style: {
+			...c,
+			maxHeight: o,
+			maxWidth: s
+		},
+		...u
+	});
+}
+r.displayName = "ScrollArea";
 //#endregion
-export { i as ScrollArea };
+export { r as ScrollArea };
 
 //# sourceMappingURL=ScrollArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import * 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  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\nconst ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(\n  (\n    {\n      className,\n      orientation = \"vertical\",\n      maxHeight,\n      maxWidth,\n      style,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":";;;;AAcA,IAAM,IAA4D;CAChE,UAAU;CACV,YAAY;CACZ,MAAM;CACP,EAEK,IAAa,EAAM,YAErB,EACE,cACA,iBAAc,YACd,cACA,aACA,UACA,aACA,GAAG,KAEL,MAGE,kBAAC,OAAD;CACO;CACL,UAAU,KAAY;CACtB,WAAW,EACT,oBACA,0BACA,uEACA,EAAmB,IACnB,EACD;CACD,OAAO;EAAE,GAAG;EAAO;EAAW;EAAU;CACxC,GAAI;CACJ,CAAA,CAGP;AAED,EAAW,cAAc"}
+{"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import * 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":";;;;AAeA,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"}

package/dist/components/Section/Section.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`./Section.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({as:e=`section`,className:i,spacing:o,background:s,divider:c,asChild:l=!1,...u},d)=>(0,a.jsx)(l?n.Slot:e,{ref:d,className:t.cn(r.sectionVariants({spacing:o,background:s,divider:c}),i),...u}));o.displayName=`Section`,exports.Section=o;
+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;
 //# sourceMappingURL=Section.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Section.cjs","names":[],"sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  sectionVariants,\n  type SectionVariantProps,\n} from \"@nuka/components/Section/Section.variants\";\n\ntype SectionElement =\n  | \"section\"\n  | \"div\"\n  | \"article\"\n  | \"aside\"\n  | \"main\"\n  | \"header\"\n  | \"footer\";\n\nexport interface SectionProps\n  extends React.HTMLAttributes<HTMLElement>, SectionVariantProps {\n  as?: SectionElement;\n  asChild?: boolean;\n}\n\nconst Section = React.forwardRef<HTMLElement, SectionProps>(\n  (\n    {\n      as: Comp = \"section\",\n      className,\n      spacing,\n      background,\n      divider,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Tag = asChild ? Slot : Comp;\n\n    return (\n      <Tag\n        ref={ref as React.RefObject<never>}\n        className={cn(\n          sectionVariants({ spacing, background, divider }),\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nSection.displayName = \"Section\";\n\nexport { Section, sectionVariants };\n"],"mappings":"yOAuBA,IAAM,EAAU,EAAM,YAElB,CACE,GAAI,EAAO,UACX,YACA,UACA,aACA,UACA,UAAU,GACV,GAAG,GAEL,KAKE,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,CAGP,CAED,EAAQ,YAAc"}
+{"version":3,"file":"Section.cjs","names":[],"sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  sectionVariants,\n  type SectionVariantProps,\n} from \"@nuka/components/Section/Section.variants\";\n\ntype SectionElement =\n  | \"section\"\n  | \"div\"\n  | \"article\"\n  | \"aside\"\n  | \"main\"\n  | \"header\"\n  | \"footer\";\n\nexport interface SectionProps\n  extends React.HTMLAttributes<HTMLElement>, SectionVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: SectionElement;\n  asChild?: boolean;\n}\n\nfunction Section({\n  ref,\n  as: Comp = \"section\",\n  className,\n  spacing,\n  background,\n  divider,\n  asChild = false,\n  ...props\n}: SectionProps) {\n  const Tag = asChild ? Slot : Comp;\n\n  return (\n    <Tag\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        sectionVariants({ spacing, background, divider }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSection.displayName = \"Section\";\n\nexport { Section, sectionVariants };\n"],"mappings":"yOAwBA,SAAS,EAAQ,CACf,MACA,GAAI,EAAO,UACX,YACA,UACA,aACA,UACA,UAAU,GACV,GAAG,GACY,CAGf,OACE,EAAA,EAAA,KAHU,EAAU,EAAA,KAAO,EAG3B,CACO,MACL,UAAW,EAAA,GACT,EAAA,gBAAgB,CAAE,UAAS,aAAY,UAAS,CAAC,CACjD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}

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

@@ -2,9 +2,13 @@ import { sectionVariants, SectionVariantProps } from './Section.variants';
 import * as React from "react";
 type SectionElement = "section" | "div" | "article" | "aside" | "main" | "header" | "footer";
 export interface SectionProps extends React.HTMLAttributes<HTMLElement>, SectionVariantProps {
+    ref?: React.Ref<HTMLElement> | undefined;
     as?: SectionElement;
     asChild?: boolean;
 }
-declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLElement>>;
+declare function Section({ ref, as: Comp, className, spacing, background, divider, asChild, ...props }: SectionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Section {
+    var displayName: string;
+}
 export { Section, sectionVariants };
 //# sourceMappingURL=Section.d.ts.map

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

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

package/dist/components/Section/Section.js

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

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

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