@nuka-ui/core 1.1.4 → 1.1.5

package/dist/components/DatePicker/DatePickerInput.js

@@ -17,27 +17,21 @@ function u({ ref: u, className: d, placeholder: f = "YYYY-MM-DD", size: p, id: m
 		"aria-invalid": h,
 		"aria-describedby": g,
 		"aria-required": _
-	}), { selectedDate: S, open: C, formatDate: w } = y, [T, E] = s.useState(S === void 0 ? "" : w(S));
-	s.useEffect(() => {
-		C || E(S === void 0 ? "" : w(S));
-	}, [
-		S,
-		C,
-		w
-	]);
-	let D = x.ariaInvalid ?? void 0, O = s.useCallback(() => {
+	}), { selectedDate: S, open: C, formatDate: w } = y, [T, E] = s.useState(() => S === void 0 ? "" : w(S)), [D, O] = s.useState(C), [k, A] = s.useState(S);
+	(D !== C || k !== S) && (O(C), A(S), C || E(S === void 0 ? "" : w(S)));
+	let j = x.ariaInvalid ?? void 0, M = s.useCallback(() => {
 		!y.disabled && !y.open && (y.focusCalendarOnOpen.current = !1, y.onOpenChange(!0));
-	}, [y]), k = s.useCallback(() => {
+	}, [y]), N = s.useCallback(() => {
 		let e = y.parseDate(T);
 		e !== null && !o(e, y.min, y.max) ? y.onSelectedDateChange(e) : E(y.selectedDate === void 0 ? "" : y.formatDate(y.selectedDate));
-	}, [T, y]), A = s.useCallback((e) => {
-		e.key === "Enter" ? (e.preventDefault(), k()) : e.key === "Escape" ? y.open ? (e.preventDefault(), y.onOpenChange(!1)) : E(y.selectedDate === void 0 ? "" : y.formatDate(y.selectedDate)) : e.key === "Tab" && y.open && y.onOpenChange(!1);
-	}, [k, y]), j = s.useCallback((e) => {
+	}, [T, y]), P = s.useCallback((e) => {
+		e.key === "Enter" ? (e.preventDefault(), N()) : e.key === "Escape" ? y.open ? (e.preventDefault(), y.onOpenChange(!1)) : E(y.selectedDate === void 0 ? "" : y.formatDate(y.selectedDate)) : e.key === "Tab" && y.open && y.onOpenChange(!1);
+	}, [N, y]), F = s.useCallback((e) => {
 		let t = e.relatedTarget;
-		t && y.refs.floating.current?.contains(t) || k();
-	}, [k, y.refs.floating]), M = s.useCallback(() => {
+		t && y.refs.floating.current?.contains(t) || N();
+	}, [N, y.refs.floating]), I = s.useCallback(() => {
 		y.disabled || (y.focusCalendarOnOpen.current = !y.open, y.onOpenChange(!y.open));
-	}, [y]), N = y.getReferenceProps({});
+	}, [y]), L = y.getReferenceProps({});
 	return /* @__PURE__ */ l("div", {
 		ref: b,
 		className: e("relative inline-flex w-full items-center", d),
@@ -47,14 +41,14 @@ function u({ ref: u, className: d, placeholder: f = "YYYY-MM-DD", size: p, id: m
 			type: "text",
 			value: T,
 			onChange: (e) => E(e.target.value),
-			onClick: O,
-			onKeyDown: A,
-			onBlur: j,
+			onClick: M,
+			onKeyDown: P,
+			onBlur: F,
 			placeholder: f,
 			size: p,
 			id: x.resolvedId,
 			disabled: y.disabled || x.resolvedDisabled,
-			"aria-invalid": D,
+			"aria-invalid": j,
 			"aria-describedby": x.ariaDescribedBy,
 			"aria-required": x.ariaRequired,
 			className: "pr-(--space-10)",
@@ -63,8 +57,8 @@ function u({ ref: u, className: d, placeholder: f = "YYYY-MM-DD", size: p, id: m
 		}), /* @__PURE__ */ c("button", {
 			ref: t(y.triggerButtonRef, y.refs.setReference),
 			type: "button",
-			...N,
-			onClick: M,
+			...L,
+			onClick: I,
 			disabled: y.disabled,
 			"aria-label": "Open calendar",
 			"data-slot": "toggle",

package/dist/components/DatePicker/DatePickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerInput.js","names":[],"sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: single forwardRef component with input handling, blur/keydown/click\n// callbacks, form field integration, and calendar toggle. Cannot split without violating\n// single-component-per-file.\nimport * as React from \"react\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Input } from \"@nuka/components/Input\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport { isDateDisabled } from \"@nuka/components/DatePicker/DatePicker.utils\";\n\nexport interface DatePickerInputProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"id\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  placeholder?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  id?: string;\n  \"aria-invalid\"?: React.AriaAttributes[\"aria-invalid\"];\n  \"aria-describedby\"?: string;\n  \"aria-required\"?: React.AriaAttributes[\"aria-required\"];\n}\n\nfunction DatePickerInput({\n  ref,\n  className,\n  placeholder = \"YYYY-MM-DD\",\n  size,\n  id,\n  \"aria-invalid\": ariaInvalidProp,\n  \"aria-describedby\": ariaDescribedByProp,\n  \"aria-required\": ariaRequiredProp,\n  ...props\n}: DatePickerInputProps) {\n  const ctx = useDatePickerContext();\n  const setPositionRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      if (node) {\n        ctx.refs.setPositionReference(node);\n      }\n    },\n    [ctx.refs],\n  );\n  const composedRef = composeRefs(ref, setPositionRef);\n\n  const field = useFormFieldProps({\n    id,\n    \"aria-invalid\": ariaInvalidProp,\n    \"aria-describedby\": ariaDescribedByProp,\n    \"aria-required\": ariaRequiredProp,\n  });\n\n  const { selectedDate, open, formatDate: ctxFormatDate } = ctx;\n\n  const [inputText, setInputText] = React.useState(\n    selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n  );\n\n  React.useEffect(() => {\n    if (!open) {\n      setInputText(\n        selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n      );\n    }\n  }, [selectedDate, open, ctxFormatDate]);\n\n  const ariaInvalid = field.ariaInvalid ?? undefined;\n\n  const handleInputClick = React.useCallback(() => {\n    if (!ctx.disabled && !ctx.open) {\n      ctx.focusCalendarOnOpen.current = false;\n      ctx.onOpenChange(true);\n    }\n  }, [ctx]);\n\n  const commitValue = React.useCallback(() => {\n    const parsed = ctx.parseDate(inputText);\n    if (parsed !== null && !isDateDisabled(parsed, ctx.min, ctx.max)) {\n      ctx.onSelectedDateChange(parsed);\n    } else {\n      setInputText(\n        ctx.selectedDate !== undefined ? ctx.formatDate(ctx.selectedDate) : \"\",\n      );\n    }\n  }, [inputText, ctx]);\n\n  const handleInputKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        commitValue();\n      } else if (e.key === \"Escape\") {\n        if (ctx.open) {\n          e.preventDefault();\n          ctx.onOpenChange(false);\n        } else {\n          setInputText(\n            ctx.selectedDate !== undefined\n              ? ctx.formatDate(ctx.selectedDate)\n              : \"\",\n          );\n        }\n      } else if (e.key === \"Tab\") {\n        if (ctx.open) {\n          ctx.onOpenChange(false);\n        }\n      }\n    },\n    [commitValue, ctx],\n  );\n\n  const handleInputBlur = React.useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      const relatedTarget = e.relatedTarget as Node | null;\n      if (relatedTarget && ctx.refs.floating.current?.contains(relatedTarget)) {\n        return;\n      }\n      commitValue();\n    },\n    [commitValue, ctx.refs.floating],\n  );\n\n  const handleToggle = React.useCallback(() => {\n    if (!ctx.disabled) {\n      ctx.focusCalendarOnOpen.current = !ctx.open;\n      ctx.onOpenChange(!ctx.open);\n    }\n  }, [ctx]);\n\n  const referenceProps = ctx.getReferenceProps({});\n\n  return (\n    <div\n      ref={composedRef}\n      className={cn(\"relative inline-flex w-full items-center\", className)}\n      data-slot=\"input-root\"\n      {...props}\n    >\n      <Input\n        type=\"text\"\n        value={inputText}\n        onChange={(e) => setInputText(e.target.value)}\n        onClick={handleInputClick}\n        onKeyDown={handleInputKeyDown}\n        onBlur={handleInputBlur}\n        placeholder={placeholder}\n        size={size}\n        id={field.resolvedId}\n        disabled={ctx.disabled || field.resolvedDisabled}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        className=\"pr-(--space-10)\"\n        autoComplete=\"off\"\n        data-slot=\"input\"\n      />\n      <button\n        ref={composeRefs(\n          ctx.triggerButtonRef,\n          ctx.refs.setReference as React.Ref<HTMLButtonElement>,\n        )}\n        type=\"button\"\n        {...(referenceProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        onClick={handleToggle}\n        disabled={ctx.disabled}\n        aria-label=\"Open calendar\"\n        data-slot=\"toggle\"\n        className={cn(\n          \"absolute right-0 top-0 bottom-0 flex items-center justify-center\",\n          \"px-(--space-3) text-(--nuka-text-muted) hover:text-(--nuka-text-base)\",\n          \"disabled:pointer-events-none disabled:opacity-50\",\n          \"cursor-pointer\",\n        )}\n      >\n        <Icon size=\"sm\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n          </svg>\n        </Icon>\n      </button>\n    </div>\n  );\n}\n\nDatePickerInput.displayName = \"DatePickerInput\";\n\nexport { DatePickerInput };\n"],"mappings":";;;;;;;;;;;AA0BA,SAAS,EAAgB,EACvB,QACA,cACA,iBAAc,cACd,SACA,OACA,gBAAgB,GAChB,oBAAoB,GACpB,iBAAiB,GACjB,GAAG,KACoB;CACvB,IAAM,IAAM,GAAsB,EAS5B,IAAc,EAAY,GART,EAAM,aAC1B,MAAgC;AAC/B,EAAI,KACF,EAAI,KAAK,qBAAqB,EAAK;IAGvC,CAAC,EAAI,KAAK,CACX,CACmD,EAE9C,IAAQ,EAAkB;EAC9B;EACA,gBAAgB;EAChB,oBAAoB;EACpB,iBAAiB;EAClB,CAAC,EAEI,EAAE,iBAAc,SAAM,YAAY,MAAkB,GAEpD,CAAC,GAAW,KAAgB,EAAM,SACtC,MAAiB,KAAA,IAA0C,KAA9B,EAAc,EAAa,CACzD;AAED,GAAM,gBAAgB;AACpB,EAAK,KACH,EACE,MAAiB,KAAA,IAA0C,KAA9B,EAAc,EAAa,CACzD;IAEF;EAAC;EAAc;EAAM;EAAc,CAAC;CAEvC,IAAM,IAAc,EAAM,eAAe,KAAA,GAEnC,IAAmB,EAAM,kBAAkB;AAC/C,EAAI,CAAC,EAAI,YAAY,CAAC,EAAI,SACxB,EAAI,oBAAoB,UAAU,IAClC,EAAI,aAAa,GAAK;IAEvB,CAAC,EAAI,CAAC,EAEH,IAAc,EAAM,kBAAkB;EAC1C,IAAM,IAAS,EAAI,UAAU,EAAU;AACvC,EAAI,MAAW,QAAQ,CAAC,EAAe,GAAQ,EAAI,KAAK,EAAI,IAAI,GAC9D,EAAI,qBAAqB,EAAO,GAEhC,EACE,EAAI,iBAAiB,KAAA,IAA+C,KAAnC,EAAI,WAAW,EAAI,aAAa,CAClE;IAEF,CAAC,GAAW,EAAI,CAAC,EAEd,IAAqB,EAAM,aAC9B,MAA6C;AAC5C,EAAI,EAAE,QAAQ,WACZ,EAAE,gBAAgB,EAClB,GAAa,IACJ,EAAE,QAAQ,WACf,EAAI,QACN,EAAE,gBAAgB,EAClB,EAAI,aAAa,GAAM,IAEvB,EACE,EAAI,iBAAiB,KAAA,IAEjB,KADA,EAAI,WAAW,EAAI,aAAa,CAErC,GAEM,EAAE,QAAQ,SACf,EAAI,QACN,EAAI,aAAa,GAAM;IAI7B,CAAC,GAAa,EAAI,CACnB,EAEK,IAAkB,EAAM,aAC3B,MAA0C;EACzC,IAAM,IAAgB,EAAE;AACpB,OAAiB,EAAI,KAAK,SAAS,SAAS,SAAS,EAAc,IAGvE,GAAa;IAEf,CAAC,GAAa,EAAI,KAAK,SAAS,CACjC,EAEK,IAAe,EAAM,kBAAkB;AAC3C,EAAK,EAAI,aACP,EAAI,oBAAoB,UAAU,CAAC,EAAI,MACvC,EAAI,aAAa,CAAC,EAAI,KAAK;IAE5B,CAAC,EAAI,CAAC,EAEH,IAAiB,EAAI,kBAAkB,EAAE,CAAC;AAEhD,QACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EAAG,4CAA4C,EAAU;EACpE,aAAU;EACV,GAAI;YAJN,CAME,kBAAC,GAAD;GACE,MAAK;GACL,OAAO;GACP,WAAW,MAAM,EAAa,EAAE,OAAO,MAAM;GAC7C,SAAS;GACT,WAAW;GACX,QAAQ;GACK;GACP;GACN,IAAI,EAAM;GACV,UAAU,EAAI,YAAY,EAAM;GAChC,gBAAc;GACd,oBAAkB,EAAM;GACxB,iBAAe,EAAM;GACrB,WAAU;GACV,cAAa;GACb,aAAU;GACV,CAAA,EACF,kBAAC,UAAD;GACE,KAAK,EACH,EAAI,kBACJ,EAAI,KAAK,aACV;GACD,MAAK;GACL,GAAK;GACL,SAAS;GACT,UAAU,EAAI;GACd,cAAW;GACX,aAAU;GACV,WAAW,EACT,oEACA,yEACA,oDACA,iBACD;aAED,kBAAC,GAAD;IAAM,MAAK;cACT,kBAAC,OAAD;KACE,OAAM;KACN,SAAQ;KACR,MAAK;KACL,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;eAPjB;MASE,kBAAC,QAAD;OAAM,GAAE;OAAI,GAAE;OAAI,OAAM;OAAK,QAAO;OAAK,IAAG;OAAI,IAAG;OAAM,CAAA;MACzD,kBAAC,QAAD;OAAM,IAAG;OAAK,IAAG;OAAI,IAAG;OAAK,IAAG;OAAM,CAAA;MACtC,kBAAC,QAAD;OAAM,IAAG;OAAI,IAAG;OAAI,IAAG;OAAI,IAAG;OAAM,CAAA;MACpC,kBAAC,QAAD;OAAM,IAAG;OAAI,IAAG;OAAK,IAAG;OAAK,IAAG;OAAO,CAAA;MACnC;;IACD,CAAA;GACA,CAAA,CACL;;;AAIV,EAAgB,cAAc"}
+{"version":3,"file":"DatePickerInput.js","names":[],"sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: single forwardRef component with input handling, blur/keydown/click\n// callbacks, form field integration, and calendar toggle. Cannot split without violating\n// single-component-per-file.\nimport * as React from \"react\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Input } from \"@nuka/components/Input\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport { isDateDisabled } from \"@nuka/components/DatePicker/DatePicker.utils\";\n\nexport interface DatePickerInputProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"id\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  placeholder?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  id?: string;\n  \"aria-invalid\"?: React.AriaAttributes[\"aria-invalid\"];\n  \"aria-describedby\"?: string;\n  \"aria-required\"?: React.AriaAttributes[\"aria-required\"];\n}\n\nfunction DatePickerInput({\n  ref,\n  className,\n  placeholder = \"YYYY-MM-DD\",\n  size,\n  id,\n  \"aria-invalid\": ariaInvalidProp,\n  \"aria-describedby\": ariaDescribedByProp,\n  \"aria-required\": ariaRequiredProp,\n  ...props\n}: DatePickerInputProps) {\n  const ctx = useDatePickerContext();\n  const setPositionRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      if (node) {\n        ctx.refs.setPositionReference(node);\n      }\n    },\n    [ctx.refs],\n  );\n  const composedRef = composeRefs(ref, setPositionRef);\n\n  const field = useFormFieldProps({\n    id,\n    \"aria-invalid\": ariaInvalidProp,\n    \"aria-describedby\": ariaDescribedByProp,\n    \"aria-required\": ariaRequiredProp,\n  });\n\n  const { selectedDate, open, formatDate: ctxFormatDate } = ctx;\n\n  const [inputText, setInputText] = React.useState(() =>\n    selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n  );\n\n  // Sync input text when the calendar closes or the selected date changes.\n  // Uses setState during render to avoid the extra paint cycle from useEffect.\n  const [prevOpen, setPrevOpen] = React.useState(open);\n  const [prevSelectedDate, setPrevSelectedDate] = React.useState(selectedDate);\n  if (prevOpen !== open || prevSelectedDate !== selectedDate) {\n    setPrevOpen(open);\n    setPrevSelectedDate(selectedDate);\n    if (!open) {\n      setInputText(\n        selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n      );\n    }\n  }\n\n  const ariaInvalid = field.ariaInvalid ?? undefined;\n\n  const handleInputClick = React.useCallback(() => {\n    if (!ctx.disabled && !ctx.open) {\n      ctx.focusCalendarOnOpen.current = false;\n      ctx.onOpenChange(true);\n    }\n  }, [ctx]);\n\n  const commitValue = React.useCallback(() => {\n    const parsed = ctx.parseDate(inputText);\n    if (parsed !== null && !isDateDisabled(parsed, ctx.min, ctx.max)) {\n      ctx.onSelectedDateChange(parsed);\n    } else {\n      setInputText(\n        ctx.selectedDate !== undefined ? ctx.formatDate(ctx.selectedDate) : \"\",\n      );\n    }\n  }, [inputText, ctx]);\n\n  const handleInputKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        commitValue();\n      } else if (e.key === \"Escape\") {\n        if (ctx.open) {\n          e.preventDefault();\n          ctx.onOpenChange(false);\n        } else {\n          setInputText(\n            ctx.selectedDate !== undefined\n              ? ctx.formatDate(ctx.selectedDate)\n              : \"\",\n          );\n        }\n      } else if (e.key === \"Tab\") {\n        if (ctx.open) {\n          ctx.onOpenChange(false);\n        }\n      }\n    },\n    [commitValue, ctx],\n  );\n\n  const handleInputBlur = React.useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      const relatedTarget = e.relatedTarget as Node | null;\n      if (relatedTarget && ctx.refs.floating.current?.contains(relatedTarget)) {\n        return;\n      }\n      commitValue();\n    },\n    [commitValue, ctx.refs.floating],\n  );\n\n  const handleToggle = React.useCallback(() => {\n    if (!ctx.disabled) {\n      ctx.focusCalendarOnOpen.current = !ctx.open;\n      ctx.onOpenChange(!ctx.open);\n    }\n  }, [ctx]);\n\n  const referenceProps = ctx.getReferenceProps({});\n\n  return (\n    <div\n      ref={composedRef}\n      className={cn(\"relative inline-flex w-full items-center\", className)}\n      data-slot=\"input-root\"\n      {...props}\n    >\n      <Input\n        type=\"text\"\n        value={inputText}\n        onChange={(e) => setInputText(e.target.value)}\n        onClick={handleInputClick}\n        onKeyDown={handleInputKeyDown}\n        onBlur={handleInputBlur}\n        placeholder={placeholder}\n        size={size}\n        id={field.resolvedId}\n        disabled={ctx.disabled || field.resolvedDisabled}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        className=\"pr-(--space-10)\"\n        autoComplete=\"off\"\n        data-slot=\"input\"\n      />\n      <button\n        ref={composeRefs(\n          ctx.triggerButtonRef,\n          ctx.refs.setReference as React.Ref<HTMLButtonElement>,\n        )}\n        type=\"button\"\n        {...referenceProps}\n        onClick={handleToggle}\n        disabled={ctx.disabled}\n        aria-label=\"Open calendar\"\n        data-slot=\"toggle\"\n        className={cn(\n          \"absolute right-0 top-0 bottom-0 flex items-center justify-center\",\n          \"px-(--space-3) text-(--nuka-text-muted) hover:text-(--nuka-text-base)\",\n          \"disabled:pointer-events-none disabled:opacity-50\",\n          \"cursor-pointer\",\n        )}\n      >\n        <Icon size=\"sm\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n          </svg>\n        </Icon>\n      </button>\n    </div>\n  );\n}\n\nDatePickerInput.displayName = \"DatePickerInput\";\n\nexport { DatePickerInput };\n"],"mappings":";;;;;;;;;;;AA0BA,SAAS,EAAgB,EACvB,QACA,cACA,iBAAc,cACd,SACA,OACA,gBAAgB,GAChB,oBAAoB,GACpB,iBAAiB,GACjB,GAAG,KACoB;CACvB,IAAM,IAAM,EAAqB,GAS3B,IAAc,EAAY,GART,EAAM,aAC1B,MAAgC;EAC/B,AAAI,KACF,EAAI,KAAK,qBAAqB,CAAI;CAEtC,GACA,CAAC,EAAI,IAAI,CAE0B,CAAc,GAE7C,IAAQ,EAAkB;EAC9B;EACA,gBAAgB;EAChB,oBAAoB;EACpB,iBAAiB;CACnB,CAAC,GAEK,EAAE,iBAAc,SAAM,YAAY,MAAkB,GAEpD,CAAC,GAAW,KAAgB,EAAM,eACtC,MAAiB,KAAA,IAA0C,KAA9B,EAAc,CAAY,CACzD,GAIM,CAAC,GAAU,KAAe,EAAM,SAAS,CAAI,GAC7C,CAAC,GAAkB,KAAuB,EAAM,SAAS,CAAY;CAC3E,CAAI,MAAa,KAAQ,MAAqB,OAC5C,EAAY,CAAI,GAChB,EAAoB,CAAY,GAC3B,KACH,EACE,MAAiB,KAAA,IAA0C,KAA9B,EAAc,CAAY,CACzD;CAIJ,IAAM,IAAc,EAAM,eAAe,KAAA,GAEnC,IAAmB,EAAM,kBAAkB;EAC/C,AAAI,CAAC,EAAI,YAAY,CAAC,EAAI,SACxB,EAAI,oBAAoB,UAAU,IAClC,EAAI,aAAa,EAAI;CAEzB,GAAG,CAAC,CAAG,CAAC,GAEF,IAAc,EAAM,kBAAkB;EAC1C,IAAM,IAAS,EAAI,UAAU,CAAS;EACtC,AAAI,MAAW,QAAQ,CAAC,EAAe,GAAQ,EAAI,KAAK,EAAI,GAAG,IAC7D,EAAI,qBAAqB,CAAM,IAE/B,EACE,EAAI,iBAAiB,KAAA,IAA+C,KAAnC,EAAI,WAAW,EAAI,YAAY,CAClE;CAEJ,GAAG,CAAC,GAAW,CAAG,CAAC,GAEb,IAAqB,EAAM,aAC9B,MAA6C;EAC5C,AAAI,EAAE,QAAQ,WACZ,EAAE,eAAe,GACjB,EAAY,KACH,EAAE,QAAQ,WACf,EAAI,QACN,EAAE,eAAe,GACjB,EAAI,aAAa,EAAK,KAEtB,EACE,EAAI,iBAAiB,KAAA,IAEjB,KADA,EAAI,WAAW,EAAI,YAAY,CAErC,IAEO,EAAE,QAAQ,SACf,EAAI,QACN,EAAI,aAAa,EAAK;CAG5B,GACA,CAAC,GAAa,CAAG,CACnB,GAEM,IAAkB,EAAM,aAC3B,MAA0C;EACzC,IAAM,IAAgB,EAAE;EACpB,KAAiB,EAAI,KAAK,SAAS,SAAS,SAAS,CAAa,KAGtE,EAAY;CACd,GACA,CAAC,GAAa,EAAI,KAAK,QAAQ,CACjC,GAEM,IAAe,EAAM,kBAAkB;EAC3C,AAAK,EAAI,aACP,EAAI,oBAAoB,UAAU,CAAC,EAAI,MACvC,EAAI,aAAa,CAAC,EAAI,IAAI;CAE9B,GAAG,CAAC,CAAG,CAAC,GAEF,IAAiB,EAAI,kBAAkB,CAAC,CAAC;CAE/C,OACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EAAG,4CAA4C,CAAS;EACnE,aAAU;EACV,GAAI;YAJN,CAME,kBAAC,GAAD;GACE,MAAK;GACL,OAAO;GACP,WAAW,MAAM,EAAa,EAAE,OAAO,KAAK;GAC5C,SAAS;GACT,WAAW;GACX,QAAQ;GACK;GACP;GACN,IAAI,EAAM;GACV,UAAU,EAAI,YAAY,EAAM;GAChC,gBAAc;GACd,oBAAkB,EAAM;GACxB,iBAAe,EAAM;GACrB,WAAU;GACV,cAAa;GACb,aAAU;EACX,CAAA,GACD,kBAAC,UAAD;GACE,KAAK,EACH,EAAI,kBACJ,EAAI,KAAK,YACX;GACA,MAAK;GACL,GAAI;GACJ,SAAS;GACT,UAAU,EAAI;GACd,cAAW;GACX,aAAU;GACV,WAAW,EACT,oEACA,yEACA,oDACA,gBACF;aAEA,kBAAC,GAAD;IAAM,MAAK;cACT,kBAAC,OAAD;KACE,OAAM;KACN,SAAQ;KACR,MAAK;KACL,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;eAPjB;MASE,kBAAC,QAAD;OAAM,GAAE;OAAI,GAAE;OAAI,OAAM;OAAK,QAAO;OAAK,IAAG;OAAI,IAAG;MAAK,CAAA;MACxD,kBAAC,QAAD;OAAM,IAAG;OAAK,IAAG;OAAI,IAAG;OAAK,IAAG;MAAK,CAAA;MACrC,kBAAC,QAAD;OAAM,IAAG;OAAI,IAAG;OAAI,IAAG;OAAI,IAAG;MAAK,CAAA;MACnC,kBAAC,QAAD;OAAM,IAAG;OAAI,IAAG;OAAK,IAAG;OAAK,IAAG;MAAM,CAAA;KACnC;;GACD,CAAA;EACA,CAAA,CACL;;AAET;AAEA,EAAgB,cAAc"}

package/dist/components/Dialog/Dialog.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/dismiss-button.cjs`),i=require(`../../utils/portal.cjs`),a=require(`../../hooks/use-scroll-lock.cjs`),o=require(`../../hooks/use-escape-key.cjs`),s=require(`../../hooks/use-focus-trap.cjs`),c=require(`../../utils/modal-primitive.cjs`),l=require(`../../hooks/use-modal-title-warning.cjs`),u=require(`./Dialog.context.cjs`);let d=require(`react`);d=e.__toESM(d,1);let f=require(`react/jsx-runtime`);var{Root:p,Trigger:m,Title:h,Description:g,Close:_}=c.createModalPrimitive({displayNamePrefix:`Dialog`,closeLabel:`Close dialog`,Context:u.DialogContext,useContext:u.useDialogContext});function v({ref:e,className:c,children:p,...m}){let h=u.useDialogContext(),g=d.useRef(null),_=n.composeRefs(e,g);return s.useFocusTrap(g,h.open),a.useScrollLock(h.open),l.useModalTitleWarning(`Dialog`,h.titleId,h.open),o.useEscapeKey(()=>h.onOpenChange(!1),h.open),h.open?(0,f.jsxs)(i.Portal,{children:[(0,f.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`,`data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]`),"data-slot":`overlay`,"data-state":`open`,onClick:()=>h.onOpenChange(!1),"aria-hidden":`true`}),(0,f.jsxs)(`div`,{ref:_,role:`dialog`,"aria-modal":`true`,"aria-labelledby":h.titleId,"aria-describedby":h.hasDescription?h.descriptionId:void 0,tabIndex:-1,"data-slot":`content`,"data-state":`open`,className:t.cn(`fixed z-(--nuka-z-modal)`,`left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2`,`w-full max-w-lg`,`rounded-(--radius-xl) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md`,`p-(--space-6)`,`data-[state=open]:animate-[nuka-dialog-enter_150ms_ease-out]`,`focus-visible:outline-none`,c),...m,children:[(0,f.jsx)(r.DismissButton,{onClick:()=>h.onOpenChange(!1),label:`Close dialog`,className:`absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)`}),p]})]}):null}v.displayName=`DialogContent`,exports.Dialog=p,exports.DialogClose=_,exports.DialogContent=v,exports.DialogDescription=g,exports.DialogTitle=h,exports.DialogTrigger=m;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/slot.cjs"),r=require("../../utils/dismiss-button.cjs"),i=require("../../utils/portal.cjs"),a=require("../../hooks/use-scroll-lock.cjs"),o=require("../../hooks/use-escape-key.cjs"),s=require("../../hooks/use-focus-trap.cjs"),c=require("../../utils/modal-primitive.cjs"),l=require("../../hooks/use-modal-title-warning.cjs"),u=require("./Dialog.context.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var{Root:p,Trigger:m,Title:h,Description:g,Close:_}=c.createModalPrimitive({displayNamePrefix:`Dialog`,closeLabel:`Close dialog`,Context:u.DialogContext,useContext:u.useDialogContext});function v({ref:e,className:c,children:p,...m}){let h=u.useDialogContext(),g=d.useRef(null),_=n.composeRefs(e,g);return s.useFocusTrap(g,h.open),a.useScrollLock(h.open),l.useModalTitleWarning(`Dialog`,h.titleId,h.open),o.useEscapeKey(()=>h.onOpenChange(!1),h.open),h.open?(0,f.jsxs)(i.Portal,{children:[(0,f.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`,`data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]`),"data-slot":`overlay`,"data-state":`open`,onClick:()=>h.onOpenChange(!1),"aria-hidden":`true`}),(0,f.jsxs)(`div`,{ref:_,role:`dialog`,"aria-modal":`true`,"aria-labelledby":h.titleId,"aria-describedby":h.hasDescription?h.descriptionId:void 0,tabIndex:-1,"data-slot":`content`,"data-state":`open`,className:t.cn(`fixed z-(--nuka-z-modal)`,`left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2`,`w-full max-w-lg`,`rounded-(--radius-xl) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md`,`p-(--space-6)`,`data-[state=open]:animate-[nuka-dialog-enter_150ms_ease-out]`,`focus-visible:outline-none`,c),...m,children:[(0,f.jsx)(r.DismissButton,{onClick:()=>h.onOpenChange(!1),label:`Close dialog`,className:`absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)`}),p]})]}):null}v.displayName=`DialogContent`,exports.Dialog=p,exports.DialogClose=_,exports.DialogContent=v,exports.DialogDescription=g,exports.DialogTitle=h,exports.DialogTrigger=m;
 //# sourceMappingURL=Dialog.cjs.map

package/dist/components/Dialog/Dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  DialogContext,\n  useDialogContext,\n} from \"@nuka/components/Dialog/Dialog.context\";\n\nconst {\n  Root: Dialog,\n  Trigger: DialogTrigger,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Close: DialogClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Dialog\",\n  closeLabel: \"Close dialog\",\n  Context: DialogContext,\n  useContext: useDialogContext,\n});\n\nexport type DialogProps = ModalRootProps;\nexport type DialogTriggerProps = ModalTriggerProps;\nexport type DialogTitleProps = ModalTitleProps;\nexport type DialogDescriptionProps = ModalDescriptionProps;\nexport type DialogCloseProps = ModalCloseProps;\n\nexport interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DialogContent({\n  ref,\n  className,\n  children,\n  ...props\n}: DialogContentProps) {\n  const ctx = useDialogContext();\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, panelRef);\n\n  useFocusTrap(panelRef, ctx.open);\n  useScrollLock(ctx.open);\n  useModalTitleWarning(\"Dialog\", ctx.titleId, ctx.open);\n  useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n  if (!ctx.open) return null;\n\n  return (\n    <Portal>\n      <div\n        className={cn(\n          \"fixed inset-0 z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-overlay)\",\n          \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n        )}\n        data-slot=\"overlay\"\n        data-state=\"open\"\n        onClick={() => ctx.onOpenChange(false)}\n        aria-hidden=\"true\"\n      />\n      <div\n        ref={composedRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={ctx.titleId}\n        aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n        tabIndex={-1}\n        data-slot=\"content\"\n        data-state=\"open\"\n        className={cn(\n          \"fixed z-(--nuka-z-modal)\",\n          \"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\",\n          \"w-full max-w-lg\",\n          \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md\",\n          \"p-(--space-6)\",\n          \"data-[state=open]:animate-[nuka-dialog-enter_150ms_ease-out]\",\n          // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n          \"focus-visible:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        <DismissButton\n          onClick={() => ctx.onOpenChange(false)}\n          label=\"Close dialog\"\n          className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n        />\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nDialogContent.displayName = \"DialogContent\";\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n};\n"],"mappings":"2iBAyBA,GAAM,CACJ,KAAM,EACN,QAAS,EACT,MAAO,EACP,YAAa,EACb,MAAO,GACL,EAAA,qBAAqB,CACvB,kBAAmB,SACnB,WAAY,eACZ,QAAS,EAAA,cACT,WAAY,EAAA,iBACb,CAAC,CAYF,SAAS,EAAc,CACrB,MACA,YACA,WACA,GAAG,GACkB,CACrB,IAAM,EAAM,EAAA,kBAAkB,CACxB,EAAW,EAAM,OAAuB,KAAK,CAC7C,EAAc,EAAA,YAAY,EAAK,EAAS,CAS9C,OAPA,EAAA,aAAa,EAAU,EAAI,KAAK,CAChC,EAAA,cAAc,EAAI,KAAK,CACvB,EAAA,qBAAqB,SAAU,EAAI,QAAS,EAAI,KAAK,CACrD,EAAA,iBAAmB,EAAI,aAAa,GAAM,CAAE,EAAI,KAAK,CAEhD,EAAI,MAGP,EAAA,EAAA,MAAC,EAAA,OAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,mCACA,yBACA,uEACD,CACD,YAAU,UACV,aAAW,OACX,YAAe,EAAI,aAAa,GAAM,CACtC,cAAY,OACZ,CAAA,EACF,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,SACL,aAAW,OACX,kBAAiB,EAAI,QACrB,mBAAkB,EAAI,eAAiB,EAAI,cAAgB,IAAA,GAC3D,SAAU,GACV,YAAU,UACV,aAAW,OACX,UAAW,EAAA,GACT,2BACA,qDACA,kBACA,2DACA,gCACA,gBACA,+DAEA,6BACA,EACD,CACD,GAAI,WArBN,EAuBE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAe,EAAI,aAAa,GAAM,CACtC,MAAM,eACN,UAAU,sEACV,CAAA,CACD,EACG,GACC,CAAA,CAAA,CA7CW,KAiDxB,EAAc,YAAc"}
+{"version":3,"file":"Dialog.cjs","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  DialogContext,\n  useDialogContext,\n} from \"@nuka/components/Dialog/Dialog.context\";\n\nconst {\n  Root: Dialog,\n  Trigger: DialogTrigger,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Close: DialogClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Dialog\",\n  closeLabel: \"Close dialog\",\n  Context: DialogContext,\n  useContext: useDialogContext,\n});\n\nexport type DialogProps = ModalRootProps;\nexport type DialogTriggerProps = ModalTriggerProps;\nexport type DialogTitleProps = ModalTitleProps;\nexport type DialogDescriptionProps = ModalDescriptionProps;\nexport type DialogCloseProps = ModalCloseProps;\n\nexport interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DialogContent({\n  ref,\n  className,\n  children,\n  ...props\n}: DialogContentProps) {\n  const ctx = useDialogContext();\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, panelRef);\n\n  useFocusTrap(panelRef, ctx.open);\n  useScrollLock(ctx.open);\n  useModalTitleWarning(\"Dialog\", ctx.titleId, ctx.open);\n  useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n  if (!ctx.open) return null;\n\n  return (\n    <Portal>\n      <div\n        className={cn(\n          \"fixed inset-0 z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-overlay)\",\n          \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n        )}\n        data-slot=\"overlay\"\n        data-state=\"open\"\n        onClick={() => ctx.onOpenChange(false)}\n        aria-hidden=\"true\"\n      />\n      <div\n        ref={composedRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={ctx.titleId}\n        aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n        tabIndex={-1}\n        data-slot=\"content\"\n        data-state=\"open\"\n        className={cn(\n          \"fixed z-(--nuka-z-modal)\",\n          \"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\",\n          \"w-full max-w-lg\",\n          \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md\",\n          \"p-(--space-6)\",\n          \"data-[state=open]:animate-[nuka-dialog-enter_150ms_ease-out]\",\n          // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n          \"focus-visible:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        <DismissButton\n          onClick={() => ctx.onOpenChange(false)}\n          label=\"Close dialog\"\n          className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n        />\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nDialogContent.displayName = \"DialogContent\";\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n};\n"],"mappings":"2iBAyBA,GAAM,CACJ,KAAM,EACN,QAAS,EACT,MAAO,EACP,YAAa,EACb,MAAO,GACL,EAAA,qBAAqB,CACvB,kBAAmB,SACnB,WAAY,eACZ,QAAS,EAAA,cACT,WAAY,EAAA,gBACd,CAAC,EAYD,SAAS,EAAc,CACrB,MACA,YACA,WACA,GAAG,GACkB,CACrB,IAAM,EAAM,EAAA,iBAAiB,EACvB,EAAW,EAAM,OAAuB,IAAI,EAC5C,EAAc,EAAA,YAAY,EAAK,CAAQ,EAS7C,OAPA,EAAA,aAAa,EAAU,EAAI,IAAI,EAC/B,EAAA,cAAc,EAAI,IAAI,EACtB,EAAA,qBAAqB,SAAU,EAAI,QAAS,EAAI,IAAI,EACpD,EAAA,iBAAmB,EAAI,aAAa,EAAK,EAAG,EAAI,IAAI,EAE/C,EAAI,MAGP,EAAA,EAAA,MAAC,EAAA,OAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,mCACA,yBACA,sEACF,EACA,YAAU,UACV,aAAW,OACX,YAAe,EAAI,aAAa,EAAK,EACrC,cAAY,MACb,CAAA,GACD,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,SACL,aAAW,OACX,kBAAiB,EAAI,QACrB,mBAAkB,EAAI,eAAiB,EAAI,cAAgB,IAAA,GAC3D,SAAU,GACV,YAAU,UACV,aAAW,OACX,UAAW,EAAA,GACT,2BACA,qDACA,kBACA,2DACA,gCACA,gBACA,+DAEA,6BACA,CACF,EACA,GAAI,WArBN,EAuBE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAe,EAAI,aAAa,EAAK,EACrC,MAAM,eACN,UAAU,qEACX,CAAA,EACA,CACE,GACC,CAAA,CAAA,EA7CY,IA+CxB,CAEA,EAAc,YAAc"}

package/dist/components/Dialog/Dialog.context.cjs

@@ -1,2 +1,2 @@
-"use client";require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(0,e.createContext)(null);function n(){let n=(0,e.useContext)(t);if(n===null)throw Error(`Dialog compound components must be used within <Dialog>`);return n}exports.DialogContext=t,exports.useDialogContext=n;
+"use client";let e=require("react");var t=(0,e.createContext)(null);function n(){let n=(0,e.use)(t);if(n===null)throw Error(`Dialog compound components must be used within <Dialog>`);return n}exports.DialogContext=t,exports.useDialogContext=n;
 //# sourceMappingURL=Dialog.context.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.context.cjs","names":[],"sources":["../../../src/components/Dialog/Dialog.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport interface DialogContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n  hasDescription: boolean;\n  setHasDescription: (value: boolean) => void;\n}\n\nconst DialogContext = createContext<DialogContextValue | null>(null);\n\nfunction useDialogContext(): DialogContextValue {\n  const context = useContext(DialogContext);\n  if (context === null) {\n    throw new Error(\"Dialog compound components must be used within <Dialog>\");\n  }\n  return context;\n}\n\nexport { DialogContext, useDialogContext };\n"],"mappings":"oFAYA,IAAM,GAAA,EAAA,EAAA,eAAyD,KAAK,CAEpE,SAAS,GAAuC,CAC9C,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAc,CACzC,GAAI,IAAY,KACd,MAAU,MAAM,0DAA0D,CAE5E,OAAO"}
+{"version":3,"file":"Dialog.context.cjs","names":[],"sources":["../../../src/components/Dialog/Dialog.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, use } from \"react\";\n\nexport interface DialogContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n  hasDescription: boolean;\n  setHasDescription: (value: boolean) => void;\n}\n\nconst DialogContext = createContext<DialogContextValue | null>(null);\n\nfunction useDialogContext(): DialogContextValue {\n  const context = use(DialogContext);\n  if (context === null) {\n    throw new Error(\"Dialog compound components must be used within <Dialog>\");\n  }\n  return context;\n}\n\nexport { DialogContext, useDialogContext };\n"],"mappings":"oCAYA,IAAM,GAAA,EAAA,EAAA,eAAyD,IAAI,EAEnE,SAAS,GAAuC,CAC9C,IAAM,GAAA,EAAA,EAAA,KAAc,CAAa,EACjC,GAAI,IAAY,KACd,MAAU,MAAM,yDAAyD,EAE3E,OAAO,CACT"}

package/dist/components/Dialog/Dialog.context.js

@@ -1,5 +1,5 @@
 "use client";
-import { createContext as e, useContext as t } from "react";
+import { createContext as e, use as t } from "react";
 //#region src/components/Dialog/Dialog.context.tsx
 var n = e(null);
 function r() {

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.context.js","names":[],"sources":["../../../src/components/Dialog/Dialog.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport interface DialogContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n  hasDescription: boolean;\n  setHasDescription: (value: boolean) => void;\n}\n\nconst DialogContext = createContext<DialogContextValue | null>(null);\n\nfunction useDialogContext(): DialogContextValue {\n  const context = useContext(DialogContext);\n  if (context === null) {\n    throw new Error(\"Dialog compound components must be used within <Dialog>\");\n  }\n  return context;\n}\n\nexport { DialogContext, useDialogContext };\n"],"mappings":";;;AAYA,IAAM,IAAgB,EAAyC,KAAK;AAEpE,SAAS,IAAuC;CAC9C,IAAM,IAAU,EAAW,EAAc;AACzC,KAAI,MAAY,KACd,OAAU,MAAM,0DAA0D;AAE5E,QAAO"}
+{"version":3,"file":"Dialog.context.js","names":[],"sources":["../../../src/components/Dialog/Dialog.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, use } from \"react\";\n\nexport interface DialogContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n  hasDescription: boolean;\n  setHasDescription: (value: boolean) => void;\n}\n\nconst DialogContext = createContext<DialogContextValue | null>(null);\n\nfunction useDialogContext(): DialogContextValue {\n  const context = use(DialogContext);\n  if (context === null) {\n    throw new Error(\"Dialog compound components must be used within <Dialog>\");\n  }\n  return context;\n}\n\nexport { DialogContext, useDialogContext };\n"],"mappings":";;;AAYA,IAAM,IAAgB,EAAyC,IAAI;AAEnE,SAAS,IAAuC;CAC9C,IAAM,IAAU,EAAI,CAAa;CACjC,IAAI,MAAY,MACd,MAAU,MAAM,yDAAyD;CAE3E,OAAO;AACT"}

package/dist/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  DialogContext,\n  useDialogContext,\n} from \"@nuka/components/Dialog/Dialog.context\";\n\nconst {\n  Root: Dialog,\n  Trigger: DialogTrigger,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Close: DialogClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Dialog\",\n  closeLabel: \"Close dialog\",\n  Context: DialogContext,\n  useContext: useDialogContext,\n});\n\nexport type DialogProps = ModalRootProps;\nexport type DialogTriggerProps = ModalTriggerProps;\nexport type DialogTitleProps = ModalTitleProps;\nexport type DialogDescriptionProps = ModalDescriptionProps;\nexport type DialogCloseProps = ModalCloseProps;\n\nexport interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DialogContent({\n  ref,\n  className,\n  children,\n  ...props\n}: DialogContentProps) {\n  const ctx = useDialogContext();\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, panelRef);\n\n  useFocusTrap(panelRef, ctx.open);\n  useScrollLock(ctx.open);\n  useModalTitleWarning(\"Dialog\", ctx.titleId, ctx.open);\n  useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n  if (!ctx.open) return null;\n\n  return (\n    <Portal>\n      <div\n        className={cn(\n          \"fixed inset-0 z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-overlay)\",\n          \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n        )}\n        data-slot=\"overlay\"\n        data-state=\"open\"\n        onClick={() => ctx.onOpenChange(false)}\n        aria-hidden=\"true\"\n      />\n      <div\n        ref={composedRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={ctx.titleId}\n        aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n        tabIndex={-1}\n        data-slot=\"content\"\n        data-state=\"open\"\n        className={cn(\n          \"fixed z-(--nuka-z-modal)\",\n          \"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\",\n          \"w-full max-w-lg\",\n          \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md\",\n          \"p-(--space-6)\",\n          \"data-[state=open]:animate-[nuka-dialog-enter_150ms_ease-out]\",\n          // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n          \"focus-visible:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        <DismissButton\n          onClick={() => ctx.onOpenChange(false)}\n          label=\"Close dialog\"\n          className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n        />\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nDialogContent.displayName = \"DialogContent\";\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n};\n"],"mappings":";;;;;;;;;;;;;;AAyBA,IAAM,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,aAAa,GACb,OAAO,MACL,EAAqB;CACvB,mBAAmB;CACnB,YAAY;CACZ,SAAS;CACT,YAAY;CACb,CAAC;AAYF,SAAS,EAAc,EACrB,QACA,cACA,aACA,GAAG,KACkB;CACrB,IAAM,IAAM,GAAkB,EACxB,IAAW,EAAM,OAAuB,KAAK,EAC7C,IAAc,EAAY,GAAK,EAAS;AAS9C,QAPA,EAAa,GAAU,EAAI,KAAK,EAChC,EAAc,EAAI,KAAK,EACvB,EAAqB,UAAU,EAAI,SAAS,EAAI,KAAK,EACrD,QAAmB,EAAI,aAAa,GAAM,EAAE,EAAI,KAAK,EAEhD,EAAI,OAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,WAAW,EACT,oCACA,0BACA,uEACD;EACD,aAAU;EACV,cAAW;EACX,eAAe,EAAI,aAAa,GAAM;EACtC,eAAY;EACZ,CAAA,EACF,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,mBAAiB,EAAI;EACrB,oBAAkB,EAAI,iBAAiB,EAAI,gBAAgB,KAAA;EAC3D,UAAU;EACV,aAAU;EACV,cAAW;EACX,WAAW,EACT,4BACA,sDACA,mBACA,4DACA,iCACA,iBACA,gEAEA,8BACA,EACD;EACD,GAAI;YArBN,CAuBE,kBAAC,GAAD;GACE,eAAe,EAAI,aAAa,GAAM;GACtC,OAAM;GACN,WAAU;GACV,CAAA,EACD,EACG;IACC,EAAA,CAAA,GA7CW;;AAiDxB,EAAc,cAAc"}
+{"version":3,"file":"Dialog.js","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  DialogContext,\n  useDialogContext,\n} from \"@nuka/components/Dialog/Dialog.context\";\n\nconst {\n  Root: Dialog,\n  Trigger: DialogTrigger,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Close: DialogClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Dialog\",\n  closeLabel: \"Close dialog\",\n  Context: DialogContext,\n  useContext: useDialogContext,\n});\n\nexport type DialogProps = ModalRootProps;\nexport type DialogTriggerProps = ModalTriggerProps;\nexport type DialogTitleProps = ModalTitleProps;\nexport type DialogDescriptionProps = ModalDescriptionProps;\nexport type DialogCloseProps = ModalCloseProps;\n\nexport interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DialogContent({\n  ref,\n  className,\n  children,\n  ...props\n}: DialogContentProps) {\n  const ctx = useDialogContext();\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, panelRef);\n\n  useFocusTrap(panelRef, ctx.open);\n  useScrollLock(ctx.open);\n  useModalTitleWarning(\"Dialog\", ctx.titleId, ctx.open);\n  useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n  if (!ctx.open) return null;\n\n  return (\n    <Portal>\n      <div\n        className={cn(\n          \"fixed inset-0 z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-overlay)\",\n          \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n        )}\n        data-slot=\"overlay\"\n        data-state=\"open\"\n        onClick={() => ctx.onOpenChange(false)}\n        aria-hidden=\"true\"\n      />\n      <div\n        ref={composedRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={ctx.titleId}\n        aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n        tabIndex={-1}\n        data-slot=\"content\"\n        data-state=\"open\"\n        className={cn(\n          \"fixed z-(--nuka-z-modal)\",\n          \"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\",\n          \"w-full max-w-lg\",\n          \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md\",\n          \"p-(--space-6)\",\n          \"data-[state=open]:animate-[nuka-dialog-enter_150ms_ease-out]\",\n          // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n          \"focus-visible:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        <DismissButton\n          onClick={() => ctx.onOpenChange(false)}\n          label=\"Close dialog\"\n          className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n        />\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nDialogContent.displayName = \"DialogContent\";\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n};\n"],"mappings":";;;;;;;;;;;;;;AAyBA,IAAM,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,aAAa,GACb,OAAO,MACL,EAAqB;CACvB,mBAAmB;CACnB,YAAY;CACZ,SAAS;CACT,YAAY;AACd,CAAC;AAYD,SAAS,EAAc,EACrB,QACA,cACA,aACA,GAAG,KACkB;CACrB,IAAM,IAAM,EAAiB,GACvB,IAAW,EAAM,OAAuB,IAAI,GAC5C,IAAc,EAAY,GAAK,CAAQ;CAS7C,OAPA,EAAa,GAAU,EAAI,IAAI,GAC/B,EAAc,EAAI,IAAI,GACtB,EAAqB,UAAU,EAAI,SAAS,EAAI,IAAI,GACpD,QAAmB,EAAI,aAAa,EAAK,GAAG,EAAI,IAAI,GAE/C,EAAI,OAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,WAAW,EACT,oCACA,0BACA,sEACF;EACA,aAAU;EACV,cAAW;EACX,eAAe,EAAI,aAAa,EAAK;EACrC,eAAY;CACb,CAAA,GACD,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,mBAAiB,EAAI;EACrB,oBAAkB,EAAI,iBAAiB,EAAI,gBAAgB,KAAA;EAC3D,UAAU;EACV,aAAU;EACV,cAAW;EACX,WAAW,EACT,4BACA,sDACA,mBACA,4DACA,iCACA,iBACA,gEAEA,8BACA,CACF;EACA,GAAI;YArBN,CAuBE,kBAAC,GAAD;GACE,eAAe,EAAI,aAAa,EAAK;GACrC,OAAM;GACN,WAAU;EACX,CAAA,GACA,CACE;GACC,EAAA,CAAA,IA7CY;AA+CxB;AAEA,EAAc,cAAc"}

package/dist/components/Divider/Divider.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/responsive.cjs`),r=require(`../Text/Text.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o(e){return typeof e==`string`?e:e.base??`horizontal`}function s(e){return typeof e==`string`?e===`vertical`:Object.values(e).some(e=>e===`vertical`)}function c({ref:e,className:i,orientation:c=`horizontal`,size:l=`md`,label:u,...d}){let f=o(c),p=u!=null,m=n.dividerOrientationClasses[l],h=n.resolveResponsiveClasses(c,m);return s(c)&&p?(process.env.NODE_ENV!==`production`&&console.warn('Divider: `label` is not supported with `orientation="vertical"`. The label will be ignored.'),(0,a.jsx)(`div`,{ref:e,role:`separator`,"aria-orientation":f,className:t.cn(`bg-(--nuka-border-base)`,...h,i),...d})):p?(0,a.jsxs)(`div`,{ref:e,role:`separator`,"aria-orientation":`horizontal`,className:t.cn(`flex items-center gap-(--space-3)`,i),...d,children:[(0,a.jsx)(`div`,{className:t.cn(`flex-1 bg-(--nuka-border-base)`,...h),"aria-hidden":`true`}),(0,a.jsx)(r.Text,{as:`span`,size:`xs`,color:`muted`,className:`shrink-0 px-(--space-2) whitespace-nowrap`,children:u}),(0,a.jsx)(`div`,{className:t.cn(`flex-1 bg-(--nuka-border-base)`,...h),"aria-hidden":`true`})]}):f===`vertical`?(0,a.jsx)(`div`,{ref:e,role:`separator`,"aria-orientation":`vertical`,className:t.cn(`bg-(--nuka-border-base)`,...h,i),...d}):(0,a.jsx)(`hr`,{ref:e,className:t.cn(`border-0 bg-(--nuka-border-base)`,...h,i),...d})}c.displayName=`Divider`,exports.Divider=c;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/responsive.cjs"),r=require("../Text/Text.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o(e){return typeof e==`string`?e:e.base??`horizontal`}function s(e){return typeof e==`string`?e===`vertical`:Object.values(e).some(e=>e===`vertical`)}function c({ref:e,className:i,orientation:c=`horizontal`,size:l=`md`,label:u,...d}){let f=o(c),p=u!=null,m=n.dividerOrientationClasses[l],h=n.resolveResponsiveClasses(c,m);return s(c)&&p?(process.env.NODE_ENV!==`production`&&console.warn('Divider: `label` is not supported with `orientation="vertical"`. The label will be ignored.'),(0,a.jsx)(`div`,{ref:e,role:`separator`,"aria-orientation":f,className:t.cn(`bg-(--nuka-border-base)`,...h,i),...d})):p?(0,a.jsxs)(`div`,{ref:e,role:`separator`,"aria-orientation":`horizontal`,className:t.cn(`flex items-center gap-(--space-3)`,i),...d,children:[(0,a.jsx)(`div`,{className:t.cn(`flex-1 bg-(--nuka-border-base)`,...h),"aria-hidden":`true`}),(0,a.jsx)(r.Text,{as:`span`,size:`xs`,color:`muted`,className:`shrink-0 px-(--space-2) whitespace-nowrap`,children:u}),(0,a.jsx)(`div`,{className:t.cn(`flex-1 bg-(--nuka-border-base)`,...h),"aria-hidden":`true`})]}):f===`vertical`?(0,a.jsx)(`div`,{ref:e,role:`separator`,"aria-orientation":`vertical`,className:t.cn(`bg-(--nuka-border-base)`,...h,i),...d}):(0,a.jsx)(`hr`,{ref:e,className:t.cn(`border-0 bg-(--nuka-border-base)`,...h,i),...d})}c.displayName=`Divider`,exports.Divider=c;
 //# sourceMappingURL=Divider.cjs.map

package/dist/components/Divider/Divider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.cjs","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  resolveResponsiveClasses,\n  dividerOrientationClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, DividerOrientation } from \"@nuka/utils/responsive\";\nimport type { DividerVariantProps } from \"@nuka/components/Divider/Divider.variants\";\n\nexport type { DividerVariantProps };\n\nexport interface DividerProps\n  extends React.ComponentPropsWithoutRef<\"div\">, DividerVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  label?: React.ReactNode;\n}\n\nfunction resolveBaseOrientation(\n  orientation: Responsive<DividerOrientation>,\n): DividerOrientation {\n  if (typeof orientation === \"string\") return orientation;\n  return orientation.base ?? \"horizontal\";\n}\n\nfunction hasVertical(orientation: Responsive<DividerOrientation>): boolean {\n  if (typeof orientation === \"string\") return orientation === \"vertical\";\n  return Object.values(orientation).some((v) => v === \"vertical\");\n}\n\n/**\n * Ref type is HTMLElement because the root element varies between\n * HTMLHRElement (horizontal, no label) and HTMLDivElement (vertical or labeled).\n * HTMLElement is the correct common supertype.\n */\nfunction Divider({\n  ref,\n  className,\n  orientation = \"horizontal\",\n  size = \"md\",\n  label,\n  ...props\n}: DividerProps) {\n  const baseOrientation = resolveBaseOrientation(orientation);\n  const hasLabel = label != null;\n  const lookup = dividerOrientationClasses[size];\n  const orientationClasses = resolveResponsiveClasses(orientation, lookup);\n\n  // Vertical + label is explicitly unsupported\n  if (hasVertical(orientation) && hasLabel) {\n    if (process.env.NODE_ENV !== \"production\") {\n      console.warn(\n        'Divider: `label` is not supported with `orientation=\"vertical\"`. The label will be ignored.',\n      );\n    }\n\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        role=\"separator\"\n        aria-orientation={baseOrientation}\n        className={cn(\n          \"bg-(--nuka-border-base)\",\n          ...orientationClasses,\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n\n  // Horizontal with label: flex layout with two line segments\n  if (hasLabel) {\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        role=\"separator\"\n        aria-orientation=\"horizontal\"\n        className={cn(\"flex items-center gap-(--space-3)\", className)}\n        {...props}\n      >\n        <div\n          className={cn(\n            \"flex-1 bg-(--nuka-border-base)\",\n            ...orientationClasses,\n          )}\n          aria-hidden=\"true\"\n        />\n        <Text\n          as=\"span\"\n          size=\"xs\"\n          color=\"muted\"\n          className=\"shrink-0 px-(--space-2) whitespace-nowrap\"\n        >\n          {label}\n        </Text>\n        <div\n          className={cn(\n            \"flex-1 bg-(--nuka-border-base)\",\n            ...orientationClasses,\n          )}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  }\n\n  // Vertical: div with role=\"separator\"\n  if (baseOrientation === \"vertical\") {\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        className={cn(\n          \"bg-(--nuka-border-base)\",\n          ...orientationClasses,\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n\n  // Horizontal without label: semantic <hr>\n  return (\n    <hr\n      ref={ref as React.Ref<HTMLHRElement>}\n      className={cn(\n        \"border-0 bg-(--nuka-border-base)\",\n        ...orientationClasses,\n        className,\n      )}\n      {...(props as React.ComponentPropsWithoutRef<\"hr\">)}\n    />\n  );\n}\n\nDivider.displayName = \"Divider\";\n\nexport { Divider };\n"],"mappings":"sPAoBA,SAAS,EACP,EACoB,CAEpB,OADI,OAAO,GAAgB,SAAiB,EACrC,EAAY,MAAQ,aAG7B,SAAS,EAAY,EAAsD,CAEzE,OADI,OAAO,GAAgB,SAAiB,IAAgB,WACrD,OAAO,OAAO,EAAY,CAAC,KAAM,GAAM,IAAM,WAAW,CAQjE,SAAS,EAAQ,CACf,MACA,YACA,cAAc,aACd,OAAO,KACP,QACA,GAAG,GACY,CACf,IAAM,EAAkB,EAAuB,EAAY,CACrD,EAAW,GAAS,KACpB,EAAS,EAAA,0BAA0B,GACnC,EAAqB,EAAA,yBAAyB,EAAa,EAAO,CA+ExE,OA5EI,EAAY,EAAY,EAAI,GAC9B,QAAA,IAAA,WAA6B,cAC3B,QAAQ,KACN,8FACD,EAID,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAkB,EAClB,UAAW,EAAA,GACT,0BACA,GAAG,EACH,EACD,CACD,GAAI,EACJ,CAAA,EAKF,GAEA,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAiB,aACjB,UAAW,EAAA,GAAG,oCAAqC,EAAU,CAC7D,GAAI,WALN,EAOE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,iCACA,GAAG,EACJ,CACD,cAAY,OACZ,CAAA,EACF,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,OACH,KAAK,KACL,MAAM,QACN,UAAU,qDAET,EACI,CAAA,EACP,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,iCACA,GAAG,EACJ,CACD,cAAY,OACZ,CAAA,CACE,GAKN,IAAoB,YAEpB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAiB,WACjB,UAAW,EAAA,GACT,0BACA,GAAG,EACH,EACD,CACD,GAAI,EACJ,CAAA,EAMJ,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,mCACA,GAAG,EACH,EACD,CACD,GAAK,EACL,CAAA,CAIN,EAAQ,YAAc"}
+{"version":3,"file":"Divider.cjs","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  resolveResponsiveClasses,\n  dividerOrientationClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, DividerOrientation } from \"@nuka/utils/responsive\";\nimport type { DividerVariantProps } from \"@nuka/components/Divider/Divider.variants\";\n\nexport type { DividerVariantProps };\n\nexport interface DividerProps\n  extends React.ComponentPropsWithoutRef<\"div\">, DividerVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  label?: React.ReactNode;\n}\n\nfunction resolveBaseOrientation(\n  orientation: Responsive<DividerOrientation>,\n): DividerOrientation {\n  if (typeof orientation === \"string\") return orientation;\n  return orientation.base ?? \"horizontal\";\n}\n\nfunction hasVertical(orientation: Responsive<DividerOrientation>): boolean {\n  if (typeof orientation === \"string\") return orientation === \"vertical\";\n  return Object.values(orientation).some((v) => v === \"vertical\");\n}\n\n/**\n * Ref type is HTMLElement because the root element varies between\n * HTMLHRElement (horizontal, no label) and HTMLDivElement (vertical or labeled).\n * HTMLElement is the correct common supertype.\n */\nfunction Divider({\n  ref,\n  className,\n  orientation = \"horizontal\",\n  size = \"md\",\n  label,\n  ...props\n}: DividerProps) {\n  const baseOrientation = resolveBaseOrientation(orientation);\n  const hasLabel = label != null;\n  const lookup = dividerOrientationClasses[size];\n  const orientationClasses = resolveResponsiveClasses(orientation, lookup);\n\n  // Vertical + label is explicitly unsupported\n  if (hasVertical(orientation) && hasLabel) {\n    if (process.env.NODE_ENV !== \"production\") {\n      console.warn(\n        'Divider: `label` is not supported with `orientation=\"vertical\"`. The label will be ignored.',\n      );\n    }\n\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        role=\"separator\"\n        aria-orientation={baseOrientation}\n        className={cn(\n          \"bg-(--nuka-border-base)\",\n          ...orientationClasses,\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n\n  // Horizontal with label: flex layout with two line segments\n  if (hasLabel) {\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        role=\"separator\"\n        aria-orientation=\"horizontal\"\n        className={cn(\"flex items-center gap-(--space-3)\", className)}\n        {...props}\n      >\n        <div\n          className={cn(\n            \"flex-1 bg-(--nuka-border-base)\",\n            ...orientationClasses,\n          )}\n          aria-hidden=\"true\"\n        />\n        <Text\n          as=\"span\"\n          size=\"xs\"\n          color=\"muted\"\n          className=\"shrink-0 px-(--space-2) whitespace-nowrap\"\n        >\n          {label}\n        </Text>\n        <div\n          className={cn(\n            \"flex-1 bg-(--nuka-border-base)\",\n            ...orientationClasses,\n          )}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  }\n\n  // Vertical: div with role=\"separator\"\n  if (baseOrientation === \"vertical\") {\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        className={cn(\n          \"bg-(--nuka-border-base)\",\n          ...orientationClasses,\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n\n  // Horizontal without label: semantic <hr>\n  return (\n    <hr\n      ref={ref as React.Ref<HTMLHRElement>}\n      className={cn(\n        \"border-0 bg-(--nuka-border-base)\",\n        ...orientationClasses,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nDivider.displayName = \"Divider\";\n\nexport { Divider };\n"],"mappings":"sPAoBA,SAAS,EACP,EACoB,CAEpB,OADI,OAAO,GAAgB,SAAiB,EACrC,EAAY,MAAQ,YAC7B,CAEA,SAAS,EAAY,EAAsD,CAEzE,OADI,OAAO,GAAgB,SAAiB,IAAgB,WACrD,OAAO,OAAO,CAAW,EAAE,KAAM,GAAM,IAAM,UAAU,CAChE,CAOA,SAAS,EAAQ,CACf,MACA,YACA,cAAc,aACd,OAAO,KACP,QACA,GAAG,GACY,CACf,IAAM,EAAkB,EAAuB,CAAW,EACpD,EAAW,GAAS,KACpB,EAAS,EAAA,0BAA0B,GACnC,EAAqB,EAAA,yBAAyB,EAAa,CAAM,EA+EvE,OA5EI,EAAY,CAAW,GAAK,GAC9B,QAAA,IAAA,WAA6B,cAC3B,QAAQ,KACN,6FACF,GAIA,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAkB,EAClB,UAAW,EAAA,GACT,0BACA,GAAG,EACH,CACF,EACA,GAAI,CACL,CAAA,GAKD,GAEA,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAiB,aACjB,UAAW,EAAA,GAAG,oCAAqC,CAAS,EAC5D,GAAI,WALN,EAOE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,iCACA,GAAG,CACL,EACA,cAAY,MACb,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,OACH,KAAK,KACL,MAAM,QACN,UAAU,qDAET,CACG,CAAA,GACN,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,iCACA,GAAG,CACL,EACA,cAAY,MACb,CAAA,CACE,IAKL,IAAoB,YAEpB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAiB,WACjB,UAAW,EAAA,GACT,0BACA,GAAG,EACH,CACF,EACA,GAAI,CACL,CAAA,GAMH,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,mCACA,GAAG,EACH,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,EAAQ,YAAc"}

package/dist/components/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  resolveResponsiveClasses,\n  dividerOrientationClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, DividerOrientation } from \"@nuka/utils/responsive\";\nimport type { DividerVariantProps } from \"@nuka/components/Divider/Divider.variants\";\n\nexport type { DividerVariantProps };\n\nexport interface DividerProps\n  extends React.ComponentPropsWithoutRef<\"div\">, DividerVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  label?: React.ReactNode;\n}\n\nfunction resolveBaseOrientation(\n  orientation: Responsive<DividerOrientation>,\n): DividerOrientation {\n  if (typeof orientation === \"string\") return orientation;\n  return orientation.base ?? \"horizontal\";\n}\n\nfunction hasVertical(orientation: Responsive<DividerOrientation>): boolean {\n  if (typeof orientation === \"string\") return orientation === \"vertical\";\n  return Object.values(orientation).some((v) => v === \"vertical\");\n}\n\n/**\n * Ref type is HTMLElement because the root element varies between\n * HTMLHRElement (horizontal, no label) and HTMLDivElement (vertical or labeled).\n * HTMLElement is the correct common supertype.\n */\nfunction Divider({\n  ref,\n  className,\n  orientation = \"horizontal\",\n  size = \"md\",\n  label,\n  ...props\n}: DividerProps) {\n  const baseOrientation = resolveBaseOrientation(orientation);\n  const hasLabel = label != null;\n  const lookup = dividerOrientationClasses[size];\n  const orientationClasses = resolveResponsiveClasses(orientation, lookup);\n\n  // Vertical + label is explicitly unsupported\n  if (hasVertical(orientation) && hasLabel) {\n    if (process.env.NODE_ENV !== \"production\") {\n      console.warn(\n        'Divider: `label` is not supported with `orientation=\"vertical\"`. The label will be ignored.',\n      );\n    }\n\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        role=\"separator\"\n        aria-orientation={baseOrientation}\n        className={cn(\n          \"bg-(--nuka-border-base)\",\n          ...orientationClasses,\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n\n  // Horizontal with label: flex layout with two line segments\n  if (hasLabel) {\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        role=\"separator\"\n        aria-orientation=\"horizontal\"\n        className={cn(\"flex items-center gap-(--space-3)\", className)}\n        {...props}\n      >\n        <div\n          className={cn(\n            \"flex-1 bg-(--nuka-border-base)\",\n            ...orientationClasses,\n          )}\n          aria-hidden=\"true\"\n        />\n        <Text\n          as=\"span\"\n          size=\"xs\"\n          color=\"muted\"\n          className=\"shrink-0 px-(--space-2) whitespace-nowrap\"\n        >\n          {label}\n        </Text>\n        <div\n          className={cn(\n            \"flex-1 bg-(--nuka-border-base)\",\n            ...orientationClasses,\n          )}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  }\n\n  // Vertical: div with role=\"separator\"\n  if (baseOrientation === \"vertical\") {\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        className={cn(\n          \"bg-(--nuka-border-base)\",\n          ...orientationClasses,\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n\n  // Horizontal without label: semantic <hr>\n  return (\n    <hr\n      ref={ref as React.Ref<HTMLHRElement>}\n      className={cn(\n        \"border-0 bg-(--nuka-border-base)\",\n        ...orientationClasses,\n        className,\n      )}\n      {...(props as React.ComponentPropsWithoutRef<\"hr\">)}\n    />\n  );\n}\n\nDivider.displayName = \"Divider\";\n\nexport { Divider };\n"],"mappings":";;;;;;;AAoBA,SAAS,EACP,GACoB;AAEpB,QADI,OAAO,KAAgB,WAAiB,IACrC,EAAY,QAAQ;;AAG7B,SAAS,EAAY,GAAsD;AAEzE,QADI,OAAO,KAAgB,WAAiB,MAAgB,aACrD,OAAO,OAAO,EAAY,CAAC,MAAM,MAAM,MAAM,WAAW;;AAQjE,SAAS,EAAQ,EACf,QACA,cACA,iBAAc,cACd,UAAO,MACP,UACA,GAAG,KACY;CACf,IAAM,IAAkB,EAAuB,EAAY,EACrD,IAAW,KAAS,MACpB,IAAS,EAA0B,IACnC,IAAqB,EAAyB,GAAa,EAAO;AA+ExE,QA5EI,EAAY,EAAY,IAAI,KAC9B,QAAA,IAAA,aAA6B,gBAC3B,QAAQ,KACN,gGACD,EAID,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAkB;EAClB,WAAW,EACT,2BACA,GAAG,GACH,EACD;EACD,GAAI;EACJ,CAAA,IAKF,IAEA,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAiB;EACjB,WAAW,EAAG,qCAAqC,EAAU;EAC7D,GAAI;YALN;GAOE,kBAAC,OAAD;IACE,WAAW,EACT,kCACA,GAAG,EACJ;IACD,eAAY;IACZ,CAAA;GACF,kBAAC,GAAD;IACE,IAAG;IACH,MAAK;IACL,OAAM;IACN,WAAU;cAET;IACI,CAAA;GACP,kBAAC,OAAD;IACE,WAAW,EACT,kCACA,GAAG,EACJ;IACD,eAAY;IACZ,CAAA;GACE;MAKN,MAAoB,aAEpB,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAiB;EACjB,WAAW,EACT,2BACA,GAAG,GACH,EACD;EACD,GAAI;EACJ,CAAA,GAMJ,kBAAC,MAAD;EACO;EACL,WAAW,EACT,oCACA,GAAG,GACH,EACD;EACD,GAAK;EACL,CAAA;;AAIN,EAAQ,cAAc"}
+{"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  resolveResponsiveClasses,\n  dividerOrientationClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, DividerOrientation } from \"@nuka/utils/responsive\";\nimport type { DividerVariantProps } from \"@nuka/components/Divider/Divider.variants\";\n\nexport type { DividerVariantProps };\n\nexport interface DividerProps\n  extends React.ComponentPropsWithoutRef<\"div\">, DividerVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  label?: React.ReactNode;\n}\n\nfunction resolveBaseOrientation(\n  orientation: Responsive<DividerOrientation>,\n): DividerOrientation {\n  if (typeof orientation === \"string\") return orientation;\n  return orientation.base ?? \"horizontal\";\n}\n\nfunction hasVertical(orientation: Responsive<DividerOrientation>): boolean {\n  if (typeof orientation === \"string\") return orientation === \"vertical\";\n  return Object.values(orientation).some((v) => v === \"vertical\");\n}\n\n/**\n * Ref type is HTMLElement because the root element varies between\n * HTMLHRElement (horizontal, no label) and HTMLDivElement (vertical or labeled).\n * HTMLElement is the correct common supertype.\n */\nfunction Divider({\n  ref,\n  className,\n  orientation = \"horizontal\",\n  size = \"md\",\n  label,\n  ...props\n}: DividerProps) {\n  const baseOrientation = resolveBaseOrientation(orientation);\n  const hasLabel = label != null;\n  const lookup = dividerOrientationClasses[size];\n  const orientationClasses = resolveResponsiveClasses(orientation, lookup);\n\n  // Vertical + label is explicitly unsupported\n  if (hasVertical(orientation) && hasLabel) {\n    if (process.env.NODE_ENV !== \"production\") {\n      console.warn(\n        'Divider: `label` is not supported with `orientation=\"vertical\"`. The label will be ignored.',\n      );\n    }\n\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        role=\"separator\"\n        aria-orientation={baseOrientation}\n        className={cn(\n          \"bg-(--nuka-border-base)\",\n          ...orientationClasses,\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n\n  // Horizontal with label: flex layout with two line segments\n  if (hasLabel) {\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        role=\"separator\"\n        aria-orientation=\"horizontal\"\n        className={cn(\"flex items-center gap-(--space-3)\", className)}\n        {...props}\n      >\n        <div\n          className={cn(\n            \"flex-1 bg-(--nuka-border-base)\",\n            ...orientationClasses,\n          )}\n          aria-hidden=\"true\"\n        />\n        <Text\n          as=\"span\"\n          size=\"xs\"\n          color=\"muted\"\n          className=\"shrink-0 px-(--space-2) whitespace-nowrap\"\n        >\n          {label}\n        </Text>\n        <div\n          className={cn(\n            \"flex-1 bg-(--nuka-border-base)\",\n            ...orientationClasses,\n          )}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  }\n\n  // Vertical: div with role=\"separator\"\n  if (baseOrientation === \"vertical\") {\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        className={cn(\n          \"bg-(--nuka-border-base)\",\n          ...orientationClasses,\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n\n  // Horizontal without label: semantic <hr>\n  return (\n    <hr\n      ref={ref as React.Ref<HTMLHRElement>}\n      className={cn(\n        \"border-0 bg-(--nuka-border-base)\",\n        ...orientationClasses,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nDivider.displayName = \"Divider\";\n\nexport { Divider };\n"],"mappings":";;;;;;;AAoBA,SAAS,EACP,GACoB;CAEpB,OADI,OAAO,KAAgB,WAAiB,IACrC,EAAY,QAAQ;AAC7B;AAEA,SAAS,EAAY,GAAsD;CAEzE,OADI,OAAO,KAAgB,WAAiB,MAAgB,aACrD,OAAO,OAAO,CAAW,EAAE,MAAM,MAAM,MAAM,UAAU;AAChE;AAOA,SAAS,EAAQ,EACf,QACA,cACA,iBAAc,cACd,UAAO,MACP,UACA,GAAG,KACY;CACf,IAAM,IAAkB,EAAuB,CAAW,GACpD,IAAW,KAAS,MACpB,IAAS,EAA0B,IACnC,IAAqB,EAAyB,GAAa,CAAM;CA+EvE,OA5EI,EAAY,CAAW,KAAK,KAC9B,QAAA,IAAA,aAA6B,gBAC3B,QAAQ,KACN,+FACF,GAIA,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAkB;EAClB,WAAW,EACT,2BACA,GAAG,GACH,CACF;EACA,GAAI;CACL,CAAA,KAKD,IAEA,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAiB;EACjB,WAAW,EAAG,qCAAqC,CAAS;EAC5D,GAAI;YALN;GAOE,kBAAC,OAAD;IACE,WAAW,EACT,kCACA,GAAG,CACL;IACA,eAAY;GACb,CAAA;GACD,kBAAC,GAAD;IACE,IAAG;IACH,MAAK;IACL,OAAM;IACN,WAAU;cAET;GACG,CAAA;GACN,kBAAC,OAAD;IACE,WAAW,EACT,kCACA,GAAG,CACL;IACA,eAAY;GACb,CAAA;EACE;MAKL,MAAoB,aAEpB,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAiB;EACjB,WAAW,EACT,2BACA,GAAG,GACH,CACF;EACA,GAAI;CACL,CAAA,IAMH,kBAAC,MAAD;EACO;EACL,WAAW,EACT,oCACA,GAAG,GACH,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,EAAQ,cAAc"}

package/dist/components/DropdownMenu/DropdownMenu.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../hooks/use-controllable-state.cjs`),n=require(`../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),r=require(`../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs`),i=require(`../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs`),a=require(`./DropdownMenu.context.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({children:e,defaultOpen:c=!1,open:l,onOpenChange:u}){let[d,f]=t.useControllableState(l,c,u),{refs:p,floatingStyles:m,context:h}=i.useFloating({open:d,onOpenChange:f,placement:`bottom-start`,middleware:[r.offset(4),r.flip(),r.shift({padding:8})],whileElementsMounted:n.autoUpdate}),{getReferenceProps:g,getFloatingProps:_}=i.useInteractions([i.useClick(h),i.useDismiss(h),i.useRole(h,{role:`menu`})]);return(0,s.jsx)(a.DropdownMenuContext,{value:o.useMemo(()=>({open:d,onOpenChange:f,refs:p,floatingStyles:m,getReferenceProps:g,getFloatingProps:_}),[d,f,p,m,g,_]),children:e})}c.displayName=`DropdownMenu`,exports.DropdownMenu=c;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/use-controllable-state.cjs"),n=require("../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs"),r=require("../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs"),i=require("../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs"),a=require("./DropdownMenu.context.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c({children:e,defaultOpen:c=!1,open:l,onOpenChange:u}){let[d,f]=t.useControllableState(l,c,u),{refs:p,floatingStyles:m,context:h}=i.useFloating({open:d,onOpenChange:f,placement:`bottom-start`,middleware:[r.offset(4),r.flip(),r.shift({padding:8})],whileElementsMounted:n.autoUpdate}),{getReferenceProps:g,getFloatingProps:_}=i.useInteractions([i.useClick(h),i.useDismiss(h),i.useRole(h,{role:`menu`})]);return(0,s.jsx)(a.DropdownMenuContext,{value:o.useMemo(()=>({open:d,onOpenChange:f,refs:p,floatingStyles:m,getReferenceProps:g,getFloatingProps:_}),[d,f,p,m,g,_]),children:e})}c.displayName=`DropdownMenu`,exports.DropdownMenu=c;
 //# sourceMappingURL=DropdownMenu.cjs.map

package/dist/components/DropdownMenu/DropdownMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { DropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\nimport type { DropdownMenuContextValue } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuProps {\n  children: React.ReactNode;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction DropdownMenu({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n}: DropdownMenuProps) {\n  const [currentOpen, handleOpenChange] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: currentOpen,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\" as Placement,\n    middleware: [offset(4), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n    role,\n  ]);\n\n  const contextValue: DropdownMenuContextValue = React.useMemo(\n    () => ({\n      open: currentOpen,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    }),\n    [\n      currentOpen,\n      handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    ],\n  );\n\n  return (\n    <DropdownMenuContext value={contextValue}>{children}</DropdownMenuContext>\n  );\n}\n\nDropdownMenu.displayName = \"DropdownMenu\";\n\nexport { DropdownMenu };\n"],"mappings":"0dAyBA,SAAS,EAAa,CACpB,WACA,cAAc,GACd,KAAM,EACN,gBACoB,CACpB,GAAM,CAAC,EAAa,GAAoB,EAAA,qBACtC,EACA,EACA,EACD,CAEK,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,KAAM,EACN,aAAc,EACd,UAAW,eACX,WAAY,CAAC,EAAA,OAAO,EAAE,CAAE,EAAA,MAAM,CAAE,EAAA,MAAM,CAAE,QAAS,EAAG,CAAC,CAAC,CACtD,qBAAsB,EAAA,WACvB,CAAC,CAMI,CAAE,oBAAmB,oBAAqB,EAAA,gBAAgB,CAJlD,EAAA,SAAS,EAAQ,CACf,EAAA,WAAW,EAAQ,CACtB,EAAA,QAAQ,EAAS,CAAE,KAAM,OAAQ,CAAC,CAM9C,CAAC,CAqBF,OACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,MApBwB,EAAM,aAC5C,CACL,KAAM,EACN,aAAc,EACd,OACA,iBACA,oBACA,mBACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAG4C,WAA+B,CAAA,CAI9E,EAAa,YAAc"}
+{"version":3,"file":"DropdownMenu.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { DropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\nimport type { DropdownMenuContextValue } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuProps {\n  children: React.ReactNode;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction DropdownMenu({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n}: DropdownMenuProps) {\n  const [currentOpen, handleOpenChange] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: currentOpen,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\" as Placement,\n    middleware: [offset(4), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n    role,\n  ]);\n\n  const contextValue: DropdownMenuContextValue = React.useMemo(\n    () => ({\n      open: currentOpen,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    }),\n    [\n      currentOpen,\n      handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    ],\n  );\n\n  return (\n    <DropdownMenuContext value={contextValue}>{children}</DropdownMenuContext>\n  );\n}\n\nDropdownMenu.displayName = \"DropdownMenu\";\n\nexport { DropdownMenu };\n"],"mappings":"0dAyBA,SAAS,EAAa,CACpB,WACA,cAAc,GACd,KAAM,EACN,gBACoB,CACpB,GAAM,CAAC,EAAa,GAAoB,EAAA,qBACtC,EACA,EACA,CACF,EAEM,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,KAAM,EACN,aAAc,EACd,UAAW,eACX,WAAY,CAAC,EAAA,OAAO,CAAC,EAAG,EAAA,KAAK,EAAG,EAAA,MAAM,CAAE,QAAS,CAAE,CAAC,CAAC,EACrD,qBAAsB,EAAA,UACxB,CAAC,EAMK,CAAE,oBAAmB,oBAAqB,EAAA,gBAAgB,CAJlD,EAAA,SAAS,CAKrB,EAJc,EAAA,WAAW,CAKzB,EAJW,EAAA,QAAQ,EAAS,CAAE,KAAM,MAAO,CAK3C,CACF,CAAC,EAqBD,OACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,MApBwB,EAAM,aAC5C,CACL,KAAM,EACN,aAAc,EACd,OACA,iBACA,oBACA,kBACF,GACA,CACE,EACA,EACA,EACA,EACA,EACA,CACF,CAI4B,EAAe,UAA8B,CAAA,CAE7E,CAEA,EAAa,YAAc"}

package/dist/components/DropdownMenu/DropdownMenu.context.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.context.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface DropdownMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst DropdownMenuContext = React.createContext<\n  DropdownMenuContextValue | undefined\n>(undefined);\n\nfunction useDropdownMenuContext(): DropdownMenuContextValue {\n  const context = React.useContext(DropdownMenuContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useDropdownMenuContext must be used within a <DropdownMenu> component\",\n    );\n  }\n  return context;\n}\n\nexport { DropdownMenuContext, useDropdownMenuContext };\n"],"mappings":"6GAaA,IAAM,EAAsB,EAAM,cAEhC,IAAA,GAAU,CAEZ,SAAS,GAAmD,CAC1D,IAAM,EAAU,EAAM,WAAW,EAAoB,CACrD,GAAI,IAAY,IAAA,GACd,MAAU,MACR,wEACD,CAEH,OAAO"}
+{"version":3,"file":"DropdownMenu.context.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface DropdownMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst DropdownMenuContext = React.createContext<\n  DropdownMenuContextValue | undefined\n>(undefined);\n\nfunction useDropdownMenuContext(): DropdownMenuContextValue {\n  const context = React.use(DropdownMenuContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useDropdownMenuContext must be used within a <DropdownMenu> component\",\n    );\n  }\n  return context;\n}\n\nexport { DropdownMenuContext, useDropdownMenuContext };\n"],"mappings":"6GAaA,IAAM,EAAsB,EAAM,cAEhC,IAAA,EAAS,EAEX,SAAS,GAAmD,CAC1D,IAAM,EAAU,EAAM,IAAI,CAAmB,EAC7C,GAAI,IAAY,IAAA,GACd,MAAU,MACR,uEACF,EAEF,OAAO,CACT"}

package/dist/components/DropdownMenu/DropdownMenu.context.js

@@ -3,7 +3,7 @@ import * as e from "react";
 //#region src/components/DropdownMenu/DropdownMenu.context.tsx
 var t = e.createContext(void 0);
 function n() {
-	let n = e.useContext(t);
+	let n = e.use(t);
 	if (n === void 0) throw Error("useDropdownMenuContext must be used within a <DropdownMenu> component");
 	return n;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.context.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface DropdownMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst DropdownMenuContext = React.createContext<\n  DropdownMenuContextValue | undefined\n>(undefined);\n\nfunction useDropdownMenuContext(): DropdownMenuContextValue {\n  const context = React.useContext(DropdownMenuContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useDropdownMenuContext must be used within a <DropdownMenu> component\",\n    );\n  }\n  return context;\n}\n\nexport { DropdownMenuContext, useDropdownMenuContext };\n"],"mappings":";;;AAaA,IAAM,IAAsB,EAAM,cAEhC,KAAA,EAAU;AAEZ,SAAS,IAAmD;CAC1D,IAAM,IAAU,EAAM,WAAW,EAAoB;AACrD,KAAI,MAAY,KAAA,EACd,OAAU,MACR,wEACD;AAEH,QAAO"}
+{"version":3,"file":"DropdownMenu.context.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface DropdownMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst DropdownMenuContext = React.createContext<\n  DropdownMenuContextValue | undefined\n>(undefined);\n\nfunction useDropdownMenuContext(): DropdownMenuContextValue {\n  const context = React.use(DropdownMenuContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useDropdownMenuContext must be used within a <DropdownMenu> component\",\n    );\n  }\n  return context;\n}\n\nexport { DropdownMenuContext, useDropdownMenuContext };\n"],"mappings":";;;AAaA,IAAM,IAAsB,EAAM,cAEhC,KAAA,CAAS;AAEX,SAAS,IAAmD;CAC1D,IAAM,IAAU,EAAM,IAAI,CAAmB;CAC7C,IAAI,MAAY,KAAA,GACd,MAAU,MACR,uEACF;CAEF,OAAO;AACT"}

package/dist/components/DropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { DropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\nimport type { DropdownMenuContextValue } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuProps {\n  children: React.ReactNode;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction DropdownMenu({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n}: DropdownMenuProps) {\n  const [currentOpen, handleOpenChange] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: currentOpen,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\" as Placement,\n    middleware: [offset(4), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n    role,\n  ]);\n\n  const contextValue: DropdownMenuContextValue = React.useMemo(\n    () => ({\n      open: currentOpen,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    }),\n    [\n      currentOpen,\n      handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    ],\n  );\n\n  return (\n    <DropdownMenuContext value={contextValue}>{children}</DropdownMenuContext>\n  );\n}\n\nDropdownMenu.displayName = \"DropdownMenu\";\n\nexport { DropdownMenu };\n"],"mappings":";;;;;;;;;AAyBA,SAAS,EAAa,EACpB,aACA,iBAAc,IACd,MAAM,GACN,mBACoB;CACpB,IAAM,CAAC,GAAa,KAAoB,EACtC,GACA,GACA,EACD,EAEK,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD,MAAM;EACN,cAAc;EACd,WAAW;EACX,YAAY;GAAC,EAAO,EAAE;GAAE,GAAM;GAAE,EAAM,EAAE,SAAS,GAAG,CAAC;GAAC;EACtD,sBAAsB;EACvB,CAAC,EAMI,EAAE,sBAAmB,wBAAqB,EAAgB;EAJlD,EAAS,EAAQ;EACf,EAAW,EAAQ;EACtB,EAAQ,GAAS,EAAE,MAAM,QAAQ,CAAC;EAM9C,CAAC;AAqBF,QACE,kBAAC,GAAD;EAAqB,OApBwB,EAAM,eAC5C;GACL,MAAM;GACN,cAAc;GACd;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAG4C;EAA+B,CAAA;;AAI9E,EAAa,cAAc"}
+{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { DropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\nimport type { DropdownMenuContextValue } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuProps {\n  children: React.ReactNode;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction DropdownMenu({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n}: DropdownMenuProps) {\n  const [currentOpen, handleOpenChange] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: currentOpen,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\" as Placement,\n    middleware: [offset(4), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n    role,\n  ]);\n\n  const contextValue: DropdownMenuContextValue = React.useMemo(\n    () => ({\n      open: currentOpen,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    }),\n    [\n      currentOpen,\n      handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    ],\n  );\n\n  return (\n    <DropdownMenuContext value={contextValue}>{children}</DropdownMenuContext>\n  );\n}\n\nDropdownMenu.displayName = \"DropdownMenu\";\n\nexport { DropdownMenu };\n"],"mappings":";;;;;;;;;AAyBA,SAAS,EAAa,EACpB,aACA,iBAAc,IACd,MAAM,GACN,mBACoB;CACpB,IAAM,CAAC,GAAa,KAAoB,EACtC,GACA,GACA,CACF,GAEM,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD,MAAM;EACN,cAAc;EACd,WAAW;EACX,YAAY;GAAC,EAAO,CAAC;GAAG,EAAK;GAAG,EAAM,EAAE,SAAS,EAAE,CAAC;EAAC;EACrD,sBAAsB;CACxB,CAAC,GAMK,EAAE,sBAAmB,wBAAqB,EAAgB;EAJlD,EAAS,CAKrB;EAJc,EAAW,CAKzB;EAJW,EAAQ,GAAS,EAAE,MAAM,OAAO,CAK3C;CACF,CAAC;CAqBD,OACE,kBAAC,GAAD;EAAqB,OApBwB,EAAM,eAC5C;GACL,MAAM;GACN,cAAc;GACd;GACA;GACA;GACA;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;EACF,CAI4B;EAAe;CAA8B,CAAA;AAE7E;AAEA,EAAa,cAAc"}

package/dist/components/DropdownMenu/DropdownMenuCheckboxItem.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuContentBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuCheckboxItemWithNav,{ref:e,...n})}i.displayName=`DropdownMenuCheckboxItem`,exports.DropdownMenuCheckboxItem=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Menu/MenuContentBase.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,...n}){return(0,r.jsx)(t.MenuCheckboxItemWithNav,{ref:e,...n})}i.displayName=`DropdownMenuCheckboxItem`,exports.DropdownMenuCheckboxItem=i;
 //# sourceMappingURL=DropdownMenuCheckboxItem.cjs.map

package/dist/components/DropdownMenu/DropdownMenuCheckboxItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuCheckboxItem.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nfunction DropdownMenuCheckboxItem({\n  ref,\n  ...props\n}: DropdownMenuCheckboxItemProps) {\n  return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\nexport { DropdownMenuCheckboxItem };\n"],"mappings":"yLAOA,SAAS,EAAyB,CAChC,MACA,GAAG,GAC6B,CAChC,OAAO,EAAA,EAAA,KAAC,EAAA,wBAAD,CAA8B,MAAK,GAAI,EAAS,CAAA,CAGzD,EAAyB,YAAc"}
+{"version":3,"file":"DropdownMenuCheckboxItem.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nfunction DropdownMenuCheckboxItem({\n  ref,\n  ...props\n}: DropdownMenuCheckboxItemProps) {\n  return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\nexport { DropdownMenuCheckboxItem };\n"],"mappings":"yLAOA,SAAS,EAAyB,CAChC,MACA,GAAG,GAC6B,CAChC,OAAO,EAAA,EAAA,KAAC,EAAA,wBAAD,CAA8B,MAAK,GAAI,CAAQ,CAAA,CACxD,CAEA,EAAyB,YAAc"}

package/dist/components/DropdownMenu/DropdownMenuCheckboxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuCheckboxItem.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nfunction DropdownMenuCheckboxItem({\n  ref,\n  ...props\n}: DropdownMenuCheckboxItemProps) {\n  return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\nexport { DropdownMenuCheckboxItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAyB,EAChC,QACA,GAAG,KAC6B;AAChC,QAAO,kBAAC,GAAD;EAA8B;EAAK,GAAI;EAAS,CAAA;;AAGzD,EAAyB,cAAc"}
+{"version":3,"file":"DropdownMenuCheckboxItem.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nfunction DropdownMenuCheckboxItem({\n  ref,\n  ...props\n}: DropdownMenuCheckboxItemProps) {\n  return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\nexport { DropdownMenuCheckboxItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAyB,EAChC,QACA,GAAG,KAC6B;CAChC,OAAO,kBAAC,GAAD;EAA8B;EAAK,GAAI;CAAQ,CAAA;AACxD;AAEA,EAAyB,cAAc"}

package/dist/components/DropdownMenu/DropdownMenuContent.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/portal.cjs`),i=require(`../../hooks/use-menu-navigation.cjs`),a=require(`../Menu/menuItemVariants.cjs`),o=require(`../Menu/MenuContentBase.cjs`),s=require(`./DropdownMenu.context.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);function u({ref:e,className:u,children:d,...f}){let p=s.useDropdownMenuContext(),m=n.composeRefs(e,c.useRef(null),p.refs.setFloating),{getItemProps:h,focusItem:g,itemsRef:_,resetTypeAhead:v}=i.useMenuNavigation({onEscape:()=>p.onOpenChange(!1),onTab:()=>p.onOpenChange(!1)}),y=c.useRef(0);if(c.useEffect(()=>{p.open||v()},[p.open,v]),o.useAutoFocusFirstItem(p.open,g,_,y),!p.open)return null;y.current=0;let b=p.getFloatingProps(f);return(0,l.jsx)(r.Portal,{children:(0,l.jsx)(o.MenuItemContext,{value:{getItemProps:h,indexRef:y,close:()=>p.onOpenChange(!1)},children:(0,l.jsx)(`div`,{ref:m,style:p.floatingStyles,"data-slot":`content`,"data-state":`open`,...b,className:t.cn(a.menuContentVariants(),u),children:d})})})}u.displayName=`DropdownMenuContent`,exports.DropdownMenuContent=u;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/slot.cjs"),r=require("../../utils/portal.cjs"),i=require("../../hooks/use-menu-navigation.cjs"),a=require("../Menu/menuItemVariants.cjs"),o=require("../Menu/MenuContentBase.cjs"),s=require("./DropdownMenu.context.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({ref:e,className:u,children:d,...f}){let p=s.useDropdownMenuContext(),m=n.composeRefs(e,c.useRef(null),p.refs.setFloating),{getItemProps:h,focusItem:g,itemsRef:_,resetTypeAhead:v}=i.useMenuNavigation({onEscape:()=>p.onOpenChange(!1),onTab:()=>p.onOpenChange(!1)}),y=c.useRef(0);if(c.useEffect(()=>{p.open||v()},[p.open,v]),o.useAutoFocusFirstItem(p.open,g,_,y),!p.open)return null;y.current=0;let b=p.getFloatingProps(f);return(0,l.jsx)(r.Portal,{children:(0,l.jsx)(o.MenuItemContext,{value:{getItemProps:h,indexRef:y,close:()=>p.onOpenChange(!1)},children:(0,l.jsx)(`div`,{ref:m,style:p.floatingStyles,"data-slot":`content`,"data-state":`open`,...b,className:t.cn(a.menuContentVariants(),u),children:d})})})}u.displayName=`DropdownMenuContent`,exports.DropdownMenuContent=u;
 //# sourceMappingURL=DropdownMenuContent.cjs.map

package/dist/components/DropdownMenu/DropdownMenuContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuContent.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\nimport { useDropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DropdownMenuContent({\n  ref,\n  className,\n  children,\n  ...props\n}: DropdownMenuContentProps) {\n  const ctx = useDropdownMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-slot=\"content\"\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\n\nexport { DropdownMenuContent };\n"],"mappings":"kaAiBA,SAAS,EAAoB,CAC3B,MACA,YACA,WACA,GAAG,GACwB,CAC3B,IAAM,EAAM,EAAA,wBAAwB,CAE9B,EAAc,EAAA,YAAY,EADb,EAAM,OAAuB,KAAK,CACJ,EAAI,KAAK,YAAY,CAEhE,CAAE,eAAc,YAAW,WAAU,kBACzC,EAAA,kBAAkB,CAChB,aAAgB,EAAI,aAAa,GAAM,CACvC,UAAa,EAAI,aAAa,GAAM,CACrC,CAAC,CAEE,EAAe,EAAM,OAAO,EAAE,CAQpC,GANA,EAAM,cAAgB,CACf,EAAI,MAAM,GAAgB,EAC9B,CAAC,EAAI,KAAM,EAAe,CAAC,CAE9B,EAAA,sBAAsB,EAAI,KAAM,EAAW,EAAU,EAAa,CAE9D,CAAC,EAAI,KAAM,OAAO,KAEtB,EAAa,QAAU,EAEvB,IAAM,EAAgB,EAAI,iBAAiB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,MAAO,CACL,eACA,SAAU,EACV,UAAa,EAAI,aAAa,GAAM,CACrC,WAED,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,MAAO,EAAI,eACX,YAAU,UACV,aAAW,OACX,GAAI,EACJ,UAAW,EAAA,GAAG,EAAA,qBAAqB,CAAE,EAAU,CAE9C,WACG,CAAA,CACU,CAAA,CACX,CAAA,CAIb,EAAoB,YAAc"}
+{"version":3,"file":"DropdownMenuContent.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\nimport { useDropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DropdownMenuContent({\n  ref,\n  className,\n  children,\n  ...props\n}: DropdownMenuContentProps) {\n  const ctx = useDropdownMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-slot=\"content\"\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\n\nexport { DropdownMenuContent };\n"],"mappings":"kaAiBA,SAAS,EAAoB,CAC3B,MACA,YACA,WACA,GAAG,GACwB,CAC3B,IAAM,EAAM,EAAA,uBAAuB,EAE7B,EAAc,EAAA,YAAY,EADb,EAAM,OAAuB,IACX,EAAY,EAAI,KAAK,WAAW,EAE/D,CAAE,eAAc,YAAW,WAAU,kBACzC,EAAA,kBAAkB,CAChB,aAAgB,EAAI,aAAa,EAAK,EACtC,UAAa,EAAI,aAAa,EAAK,CACrC,CAAC,EAEG,EAAe,EAAM,OAAO,CAAC,EAQnC,GANA,EAAM,cAAgB,CACf,EAAI,MAAM,EAAe,CAChC,EAAG,CAAC,EAAI,KAAM,CAAc,CAAC,EAE7B,EAAA,sBAAsB,EAAI,KAAM,EAAW,EAAU,CAAY,EAE7D,CAAC,EAAI,KAAM,OAAO,KAEtB,EAAa,QAAU,EAEvB,IAAM,EAAgB,EAAI,iBAAiB,CAAK,EAEhD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,MAAO,CACL,eACA,SAAU,EACV,UAAa,EAAI,aAAa,EAAK,CACrC,YAEA,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,MAAO,EAAI,eACX,YAAU,UACV,aAAW,OACX,GAAI,EACJ,UAAW,EAAA,GAAG,EAAA,oBAAoB,EAAG,CAAS,EAE7C,UACE,CAAA,CACU,CAAA,CACX,CAAA,CAEZ,CAEA,EAAoB,YAAc"}

package/dist/components/DropdownMenu/DropdownMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuContent.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\nimport { useDropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DropdownMenuContent({\n  ref,\n  className,\n  children,\n  ...props\n}: DropdownMenuContentProps) {\n  const ctx = useDropdownMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-slot=\"content\"\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\n\nexport { DropdownMenuContent };\n"],"mappings":";;;;;;;;;;;AAiBA,SAAS,EAAoB,EAC3B,QACA,cACA,aACA,GAAG,KACwB;CAC3B,IAAM,IAAM,GAAwB,EAE9B,IAAc,EAAY,GADb,EAAM,OAAuB,KAAK,EACJ,EAAI,KAAK,YAAY,EAEhE,EAAE,iBAAc,cAAW,aAAU,sBACzC,EAAkB;EAChB,gBAAgB,EAAI,aAAa,GAAM;EACvC,aAAa,EAAI,aAAa,GAAM;EACrC,CAAC,EAEE,IAAe,EAAM,OAAO,EAAE;AAQpC,KANA,EAAM,gBAAgB;AACpB,EAAK,EAAI,QAAM,GAAgB;IAC9B,CAAC,EAAI,MAAM,EAAe,CAAC,EAE9B,EAAsB,EAAI,MAAM,GAAW,GAAU,EAAa,EAE9D,CAAC,EAAI,KAAM,QAAO;AAEtB,GAAa,UAAU;CAEvB,IAAM,IAAgB,EAAI,iBAAiB,EAAM;AAEjD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,aAAa,EAAI,aAAa,GAAM;GACrC;YAED,kBAAC,OAAD;GACE,KAAK;GACL,OAAO,EAAI;GACX,aAAU;GACV,cAAW;GACX,GAAI;GACJ,WAAW,EAAG,GAAqB,EAAE,EAAU;GAE9C;GACG,CAAA;EACU,CAAA,EACX,CAAA;;AAIb,EAAoB,cAAc"}
+{"version":3,"file":"DropdownMenuContent.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\nimport { useDropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DropdownMenuContent({\n  ref,\n  className,\n  children,\n  ...props\n}: DropdownMenuContentProps) {\n  const ctx = useDropdownMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-slot=\"content\"\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\n\nexport { DropdownMenuContent };\n"],"mappings":";;;;;;;;;;;AAiBA,SAAS,EAAoB,EAC3B,QACA,cACA,aACA,GAAG,KACwB;CAC3B,IAAM,IAAM,EAAuB,GAE7B,IAAc,EAAY,GADb,EAAM,OAAuB,IACX,GAAY,EAAI,KAAK,WAAW,GAE/D,EAAE,iBAAc,cAAW,aAAU,sBACzC,EAAkB;EAChB,gBAAgB,EAAI,aAAa,EAAK;EACtC,aAAa,EAAI,aAAa,EAAK;CACrC,CAAC,GAEG,IAAe,EAAM,OAAO,CAAC;CAQnC,IANA,EAAM,gBAAgB;EACpB,AAAK,EAAI,QAAM,EAAe;CAChC,GAAG,CAAC,EAAI,MAAM,CAAc,CAAC,GAE7B,EAAsB,EAAI,MAAM,GAAW,GAAU,CAAY,GAE7D,CAAC,EAAI,MAAM,OAAO;CAEtB,EAAa,UAAU;CAEvB,IAAM,IAAgB,EAAI,iBAAiB,CAAK;CAEhD,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,aAAa,EAAI,aAAa,EAAK;EACrC;YAEA,kBAAC,OAAD;GACE,KAAK;GACL,OAAO,EAAI;GACX,aAAU;GACV,cAAW;GACX,GAAI;GACJ,WAAW,EAAG,EAAoB,GAAG,CAAS;GAE7C;EACE,CAAA;CACU,CAAA,EACX,CAAA;AAEZ;AAEA,EAAoB,cAAc"}

package/dist/components/DropdownMenu/DropdownMenuItem.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuContentBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuItemWithNav,{ref:e,...n})}i.displayName=`DropdownMenuItem`,exports.DropdownMenuItem=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Menu/MenuContentBase.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,...n}){return(0,r.jsx)(t.MenuItemWithNav,{ref:e,...n})}i.displayName=`DropdownMenuItem`,exports.DropdownMenuItem=i;
 //# sourceMappingURL=DropdownMenuItem.cjs.map

package/dist/components/DropdownMenu/DropdownMenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuItem.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuItemProps = MenuItemWithNavProps;\n\nfunction DropdownMenuItem({ ref, ...props }: DropdownMenuItemProps) {\n  return <MenuItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\n\nexport { DropdownMenuItem };\n"],"mappings":"yLAOA,SAAS,EAAiB,CAAE,MAAK,GAAG,GAAgC,CAClE,OAAO,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAsB,MAAK,GAAI,EAAS,CAAA,CAGjD,EAAiB,YAAc"}
+{"version":3,"file":"DropdownMenuItem.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuItemProps = MenuItemWithNavProps;\n\nfunction DropdownMenuItem({ ref, ...props }: DropdownMenuItemProps) {\n  return <MenuItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\n\nexport { DropdownMenuItem };\n"],"mappings":"yLAOA,SAAS,EAAiB,CAAE,MAAK,GAAG,GAAgC,CAClE,OAAO,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAsB,MAAK,GAAI,CAAQ,CAAA,CAChD,CAEA,EAAiB,YAAc"}

package/dist/components/DropdownMenu/DropdownMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuItem.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuItemProps = MenuItemWithNavProps;\n\nfunction DropdownMenuItem({ ref, ...props }: DropdownMenuItemProps) {\n  return <MenuItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\n\nexport { DropdownMenuItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAiB,EAAE,QAAK,GAAG,KAAgC;AAClE,QAAO,kBAAC,GAAD;EAAsB;EAAK,GAAI;EAAS,CAAA;;AAGjD,EAAiB,cAAc"}
+{"version":3,"file":"DropdownMenuItem.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuItemProps = MenuItemWithNavProps;\n\nfunction DropdownMenuItem({ ref, ...props }: DropdownMenuItemProps) {\n  return <MenuItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\n\nexport { DropdownMenuItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAiB,EAAE,QAAK,GAAG,KAAgC;CAClE,OAAO,kBAAC,GAAD;EAAsB;EAAK,GAAI;CAAQ,CAAA;AAChD;AAEA,EAAiB,cAAc"}

package/dist/components/DropdownMenu/DropdownMenuLabel.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuLabelBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuLabelBase,{ref:e,...n})}i.displayName=`DropdownMenuLabel`,exports.DropdownMenuLabel=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Menu/MenuLabelBase.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,...n}){return(0,r.jsx)(t.MenuLabelBase,{ref:e,...n})}i.displayName=`DropdownMenuLabel`,exports.DropdownMenuLabel=i;
 //# sourceMappingURL=DropdownMenuLabel.cjs.map

package/dist/components/DropdownMenu/DropdownMenuLabel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuLabel.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuLabel.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuLabelBase } from \"@nuka/components/Menu/MenuLabelBase\";\n\nexport interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DropdownMenuLabel({ ref, ...props }: DropdownMenuLabelProps) {\n  return <MenuLabelBase ref={ref} {...props} />;\n}\n\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\n\nexport { DropdownMenuLabel };\n"],"mappings":"uLAQA,SAAS,EAAkB,CAAE,MAAK,GAAG,GAAiC,CACpE,OAAO,EAAA,EAAA,KAAC,EAAA,cAAD,CAAoB,MAAK,GAAI,EAAS,CAAA,CAG/C,EAAkB,YAAc"}
+{"version":3,"file":"DropdownMenuLabel.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuLabel.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuLabelBase } from \"@nuka/components/Menu/MenuLabelBase\";\n\nexport interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DropdownMenuLabel({ ref, ...props }: DropdownMenuLabelProps) {\n  return <MenuLabelBase ref={ref} {...props} />;\n}\n\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\n\nexport { DropdownMenuLabel };\n"],"mappings":"uLAQA,SAAS,EAAkB,CAAE,MAAK,GAAG,GAAiC,CACpE,OAAO,EAAA,EAAA,KAAC,EAAA,cAAD,CAAoB,MAAK,GAAI,CAAQ,CAAA,CAC9C,CAEA,EAAkB,YAAc"}

package/dist/components/DropdownMenu/DropdownMenuLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuLabel.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuLabel.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuLabelBase } from \"@nuka/components/Menu/MenuLabelBase\";\n\nexport interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DropdownMenuLabel({ ref, ...props }: DropdownMenuLabelProps) {\n  return <MenuLabelBase ref={ref} {...props} />;\n}\n\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\n\nexport { DropdownMenuLabel };\n"],"mappings":";;;;;AAQA,SAAS,EAAkB,EAAE,QAAK,GAAG,KAAiC;AACpE,QAAO,kBAAC,GAAD;EAAoB;EAAK,GAAI;EAAS,CAAA;;AAG/C,EAAkB,cAAc"}
+{"version":3,"file":"DropdownMenuLabel.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuLabel.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuLabelBase } from \"@nuka/components/Menu/MenuLabelBase\";\n\nexport interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DropdownMenuLabel({ ref, ...props }: DropdownMenuLabelProps) {\n  return <MenuLabelBase ref={ref} {...props} />;\n}\n\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\n\nexport { DropdownMenuLabel };\n"],"mappings":";;;;;AAQA,SAAS,EAAkB,EAAE,QAAK,GAAG,KAAiC;CACpE,OAAO,kBAAC,GAAD;EAAoB;EAAK,GAAI;CAAQ,CAAA;AAC9C;AAEA,EAAkB,cAAc"}

package/dist/components/DropdownMenu/DropdownMenuRadioGroup.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuRadioGroupBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuRadioGroupBase,{ref:e,...n})}i.displayName=`DropdownMenuRadioGroup`,exports.DropdownMenuRadioGroup=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Menu/MenuRadioGroupBase.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,...n}){return(0,r.jsx)(t.MenuRadioGroupBase,{ref:e,...n})}i.displayName=`DropdownMenuRadioGroup`,exports.DropdownMenuRadioGroup=i;
 //# sourceMappingURL=DropdownMenuRadioGroup.cjs.map

package/dist/components/DropdownMenu/DropdownMenuRadioGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuRadioGroup.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuRadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioGroupBase } from \"@nuka/components/Menu/MenuRadioGroupBase\";\nimport type { MenuRadioGroupBaseProps } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface DropdownMenuRadioGroupProps extends MenuRadioGroupBaseProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DropdownMenuRadioGroup({\n  ref,\n  ...props\n}: DropdownMenuRadioGroupProps) {\n  return <MenuRadioGroupBase ref={ref} {...props} />;\n}\n\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\";\n\nexport { DropdownMenuRadioGroup };\n"],"mappings":"4LASA,SAAS,EAAuB,CAC9B,MACA,GAAG,GAC2B,CAC9B,OAAO,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAyB,MAAK,GAAI,EAAS,CAAA,CAGpD,EAAuB,YAAc"}
+{"version":3,"file":"DropdownMenuRadioGroup.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuRadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioGroupBase } from \"@nuka/components/Menu/MenuRadioGroupBase\";\nimport type { MenuRadioGroupBaseProps } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface DropdownMenuRadioGroupProps extends MenuRadioGroupBaseProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DropdownMenuRadioGroup({\n  ref,\n  ...props\n}: DropdownMenuRadioGroupProps) {\n  return <MenuRadioGroupBase ref={ref} {...props} />;\n}\n\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\";\n\nexport { DropdownMenuRadioGroup };\n"],"mappings":"4LASA,SAAS,EAAuB,CAC9B,MACA,GAAG,GAC2B,CAC9B,OAAO,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAyB,MAAK,GAAI,CAAQ,CAAA,CACnD,CAEA,EAAuB,YAAc"}

package/dist/components/DropdownMenu/DropdownMenuRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuRadioGroup.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuRadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioGroupBase } from \"@nuka/components/Menu/MenuRadioGroupBase\";\nimport type { MenuRadioGroupBaseProps } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface DropdownMenuRadioGroupProps extends MenuRadioGroupBaseProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DropdownMenuRadioGroup({\n  ref,\n  ...props\n}: DropdownMenuRadioGroupProps) {\n  return <MenuRadioGroupBase ref={ref} {...props} />;\n}\n\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\";\n\nexport { DropdownMenuRadioGroup };\n"],"mappings":";;;;;AASA,SAAS,EAAuB,EAC9B,QACA,GAAG,KAC2B;AAC9B,QAAO,kBAAC,GAAD;EAAyB;EAAK,GAAI;EAAS,CAAA;;AAGpD,EAAuB,cAAc"}
+{"version":3,"file":"DropdownMenuRadioGroup.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuRadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioGroupBase } from \"@nuka/components/Menu/MenuRadioGroupBase\";\nimport type { MenuRadioGroupBaseProps } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface DropdownMenuRadioGroupProps extends MenuRadioGroupBaseProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DropdownMenuRadioGroup({\n  ref,\n  ...props\n}: DropdownMenuRadioGroupProps) {\n  return <MenuRadioGroupBase ref={ref} {...props} />;\n}\n\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\";\n\nexport { DropdownMenuRadioGroup };\n"],"mappings":";;;;;AASA,SAAS,EAAuB,EAC9B,QACA,GAAG,KAC2B;CAC9B,OAAO,kBAAC,GAAD;EAAyB;EAAK,GAAI;CAAQ,CAAA;AACnD;AAEA,EAAuB,cAAc"}

package/dist/components/DropdownMenu/DropdownMenuRadioItem.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuContentBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuRadioItemWithNav,{ref:e,...n})}i.displayName=`DropdownMenuRadioItem`,exports.DropdownMenuRadioItem=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Menu/MenuContentBase.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,...n}){return(0,r.jsx)(t.MenuRadioItemWithNav,{ref:e,...n})}i.displayName=`DropdownMenuRadioItem`,exports.DropdownMenuRadioItem=i;
 //# sourceMappingURL=DropdownMenuRadioItem.cjs.map

package/dist/components/DropdownMenu/DropdownMenuRadioItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuRadioItem.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuRadioItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuRadioItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuRadioItemProps = MenuRadioItemWithNavProps;\n\nfunction DropdownMenuRadioItem({ ref, ...props }: DropdownMenuRadioItemProps) {\n  return <MenuRadioItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\n\nexport { DropdownMenuRadioItem };\n"],"mappings":"yLAOA,SAAS,EAAsB,CAAE,MAAK,GAAG,GAAqC,CAC5E,OAAO,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA2B,MAAK,GAAI,EAAS,CAAA,CAGtD,EAAsB,YAAc"}
+{"version":3,"file":"DropdownMenuRadioItem.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuRadioItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuRadioItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuRadioItemProps = MenuRadioItemWithNavProps;\n\nfunction DropdownMenuRadioItem({ ref, ...props }: DropdownMenuRadioItemProps) {\n  return <MenuRadioItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\n\nexport { DropdownMenuRadioItem };\n"],"mappings":"yLAOA,SAAS,EAAsB,CAAE,MAAK,GAAG,GAAqC,CAC5E,OAAO,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA2B,MAAK,GAAI,CAAQ,CAAA,CACrD,CAEA,EAAsB,YAAc"}

package/dist/components/DropdownMenu/DropdownMenuRadioItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuRadioItem.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuRadioItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuRadioItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuRadioItemProps = MenuRadioItemWithNavProps;\n\nfunction DropdownMenuRadioItem({ ref, ...props }: DropdownMenuRadioItemProps) {\n  return <MenuRadioItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\n\nexport { DropdownMenuRadioItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAsB,EAAE,QAAK,GAAG,KAAqC;AAC5E,QAAO,kBAAC,GAAD;EAA2B;EAAK,GAAI;EAAS,CAAA;;AAGtD,EAAsB,cAAc"}
+{"version":3,"file":"DropdownMenuRadioItem.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuRadioItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuRadioItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuRadioItemProps = MenuRadioItemWithNavProps;\n\nfunction DropdownMenuRadioItem({ ref, ...props }: DropdownMenuRadioItemProps) {\n  return <MenuRadioItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\n\nexport { DropdownMenuRadioItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAsB,EAAE,QAAK,GAAG,KAAqC;CAC5E,OAAO,kBAAC,GAAD;EAA2B;EAAK,GAAI;CAAQ,CAAA;AACrD;AAEA,EAAsB,cAAc"}