@nuka-ui/core 1.0.3 → 1.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerInput.cjs","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  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\nconst DatePickerInput = React.forwardRef<HTMLDivElement, DatePickerInputProps>(\n  (\n    {\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    },\n    ref,\n  ) => {\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\n            ? ctx.formatDate(ctx.selectedDate)\n            : \"\",\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 (\n          relatedTarget &&\n          ctx.refs.floating.current?.contains(relatedTarget)\n        ) {\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        {...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        />\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          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);\n\nDatePickerInput.displayName = \"DatePickerInput\";\n\nexport { DatePickerInput };\n"],"mappings":"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"}

package/dist/components/DatePicker/DatePickerInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,CACL;IACC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;CACzD;AAED,QAAA,MAAM,eAAe,6FAgLpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"DatePickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,CACL;IACC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;CACzD;AAED,QAAA,MAAM,eAAe,6FAgLpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/DatePicker/DatePickerInput.js

@@ -0,0 +1,116 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { composeRefs as t } from "../../utils/slot.js";
+import { Icon as n } from "../Icon/Icon.js";
+import { useFormFieldProps as r } from "../../hooks/use-form-field-props.js";
+import { Input as i } from "../Input/Input.js";
+import { useDatePickerContext as a } from "./DatePicker.context.js";
+import { isDateDisabled as o } from "./DatePicker.utils.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/DatePicker/DatePickerInput.tsx
+var u = s.forwardRef(({ className: u, placeholder: d = "YYYY-MM-DD", size: f, id: p, "aria-invalid": m, "aria-describedby": h, "aria-required": g, ..._ }, v) => {
+	let y = a(), b = t(v, s.useCallback((e) => {
+		e && y.refs.setPositionReference(e);
+	}, [y.refs])), x = r({
+		id: p,
+		"aria-invalid": m,
+		"aria-describedby": h,
+		"aria-required": g
+	}), { 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(() => {
+		!y.disabled && !y.open && (y.focusCalendarOnOpen.current = !1, y.onOpenChange(!0));
+	}, [y]), k = 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) => {
+		let t = e.relatedTarget;
+		t && y.refs.floating.current?.contains(t) || k();
+	}, [k, y.refs.floating]), M = s.useCallback(() => {
+		y.disabled || (y.focusCalendarOnOpen.current = !y.open, y.onOpenChange(!y.open));
+	}, [y]), N = y.getReferenceProps({});
+	return /* @__PURE__ */ l("div", {
+		ref: b,
+		className: e("relative inline-flex w-full items-center", u),
+		..._,
+		children: [/* @__PURE__ */ c(i, {
+			type: "text",
+			value: T,
+			onChange: (e) => E(e.target.value),
+			onClick: O,
+			onKeyDown: A,
+			onBlur: j,
+			placeholder: d,
+			size: f,
+			id: x.resolvedId,
+			disabled: y.disabled || x.resolvedDisabled,
+			"aria-invalid": D,
+			"aria-describedby": x.ariaDescribedBy,
+			"aria-required": x.ariaRequired,
+			className: "pr-(--space-10)",
+			autoComplete: "off"
+		}), /* @__PURE__ */ c("button", {
+			ref: t(y.triggerButtonRef, y.refs.setReference),
+			type: "button",
+			...N,
+			onClick: M,
+			disabled: y.disabled,
+			"aria-label": "Open calendar",
+			className: e("absolute right-0 top-0 bottom-0 flex items-center justify-center", "px-(--space-3) text-(--nuka-text-muted) hover:text-(--nuka-text-base)", "disabled:pointer-events-none disabled:opacity-50", "cursor-pointer"),
+			children: /* @__PURE__ */ c(n, {
+				size: "sm",
+				children: /* @__PURE__ */ l("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [
+						/* @__PURE__ */ c("rect", {
+							x: "3",
+							y: "4",
+							width: "18",
+							height: "18",
+							rx: "2",
+							ry: "2"
+						}),
+						/* @__PURE__ */ c("line", {
+							x1: "16",
+							y1: "2",
+							x2: "16",
+							y2: "6"
+						}),
+						/* @__PURE__ */ c("line", {
+							x1: "8",
+							y1: "2",
+							x2: "8",
+							y2: "6"
+						}),
+						/* @__PURE__ */ c("line", {
+							x1: "3",
+							y1: "10",
+							x2: "21",
+							y2: "10"
+						})
+					]
+				})
+			})
+		})]
+	});
+});
+u.displayName = "DatePickerInput";
+//#endregion
+export { u as DatePickerInput };
+
+//# sourceMappingURL=DatePickerInput.js.map

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

@@ -0,0 +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  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\nconst DatePickerInput = React.forwardRef<HTMLDivElement, DatePickerInputProps>(\n  (\n    {\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    },\n    ref,\n  ) => {\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\n            ? ctx.formatDate(ctx.selectedDate)\n            : \"\",\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 (\n          relatedTarget &&\n          ctx.refs.floating.current?.contains(relatedTarget)\n        ) {\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        {...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        />\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          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);\n\nDatePickerInput.displayName = \"DatePickerInput\";\n\nexport { DatePickerInput };\n"],"mappings":"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"}

package/dist/components/Dialog/Dialog.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../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(`./Dialog.context.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);var{Root:f,Trigger:p,Title:m,Description:h,Close:g}=c.createModalPrimitive({displayNamePrefix:`Dialog`,closeLabel:`Close dialog`,Context:l.DialogContext,useContext:l.useDialogContext}),_=u.forwardRef(({className:e,children:f,...p},m)=>{let h=l.useDialogContext(),g=u.useRef(null),_=n.composeRefs(m,g);return s.useFocusTrap(g,h.open),a.useScrollLock(h.open),c.useModalTitleWarning(`Dialog`,h.titleId,h.open),o.useEscapeKey(()=>h.onOpenChange(!1),h.open),h.open?(0,d.jsxs)(i.Portal,{children:[(0,d.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`,`data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]`),"data-state":`open`,onClick:()=>h.onOpenChange(!1),"aria-hidden":`true`}),(0,d.jsxs)(`div`,{ref:_,role:`dialog`,"aria-modal":`true`,"aria-labelledby":h.titleId,"aria-describedby":h.hasDescription?h.descriptionId:void 0,tabIndex:-1,"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`,e),...p,children:[(0,d.jsx)(r.DismissButton,{onClick:()=>h.onOpenChange(!1),label:`Close dialog`,className:`absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)`}),f]})]}):null});_.displayName=`DialogContent`,exports.Dialog=f,exports.DialogClose=g,exports.DialogContent=_,exports.DialogDescription=h,exports.DialogTitle=m,exports.DialogTrigger=p;
+//# sourceMappingURL=Dialog.cjs.map

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

@@ -0,0 +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  useModalTitleWarning,\n} from \"@nuka/utils/modal-primitive\";\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\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(\n  ({ className, children, ...props }, ref) => {\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-state=\"open\"\n          onClick={() => ctx.onOpenChange(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          ref={composedRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ctx.titleId}\n          aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n          tabIndex={-1}\n          data-state=\"open\"\n          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);\n\nDialogContent.displayName = \"DialogContent\";\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n};\n"],"mappings":"sfAyBA,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,CAUI,EAAgB,EAAM,YACzB,CAAE,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC1C,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,aAAW,OACX,YAAe,EAAI,aAAa,GAAM,CACtC,cAAY,OACZ,CAAA,EACF,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,SACL,aAAW,OACX,kBAAiB,EAAI,QACrB,mBAAkB,EAAI,eAAiB,EAAI,cAAgB,IAAA,GAC3D,SAAU,GACV,aAAW,OACX,UAAW,EAAA,GACT,2BACA,qDACA,kBACA,2DACA,gCACA,gBACA,+DAEA,6BACA,EACD,CACD,GAAI,WApBN,EAsBE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAe,EAAI,aAAa,GAAM,CACtC,MAAM,eACN,UAAU,sEACV,CAAA,CACD,EACG,GACC,CAAA,CAAA,CA3CW,MA8CzB,CAED,EAAc,YAAc"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.context.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.context.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,QAAA,MAAM,aAAa,oDAAiD,CAAC;AAErE,iBAAS,gBAAgB,IAAI,kBAAkB,CAM9C;AAED,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"Dialog.context.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.context.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,QAAA,MAAM,aAAa,oDAAiD,CAAC;AAErE,iBAAS,gBAAgB,IAAI,kBAAkB,CAM9C;AAED,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -0,0 +1,13 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+//#region src/components/Dialog/Dialog.context.tsx
+var n = e(null);
+function r() {
+	let e = t(n);
+	if (e === null) throw Error("Dialog compound components must be used within <Dialog>");
+	return e;
+}
+//#endregion
+export { n as DialogContext, r as useDialogContext };
+
+//# sourceMappingURL=Dialog.context.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAMrC,QAAA,MACQ,MAAM,4BACH,aAAa,+FACf,WAAW,uFACL,iBAAiB,6FACvB,WAAW,2FAMlB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC;AACzC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;AACnD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC/C,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC;AAC3D,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAE/C,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEnF,QAAA,MAAM,aAAa,2FAyDlB,CAAC;AAIF,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAMrC,QAAA,MACQ,MAAM,4BACH,aAAa,+FACf,WAAW,uFACL,iBAAiB,6FACvB,WAAW,2FAMlB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC;AACzC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;AACnD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC/C,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC;AAC3D,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAE/C,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEnF,QAAA,MAAM,aAAa,2FAyDlB,CAAC;AAIF,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,CAAC"}

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1,47 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { composeRefs as t } from "../../utils/slot.js";
+import { DismissButton as n } from "../../utils/dismiss-button.js";
+import { Portal as r } from "../../utils/portal.js";
+import { useScrollLock as i } from "../../hooks/use-scroll-lock.js";
+import { useEscapeKey as a } from "../../hooks/use-escape-key.js";
+import { useFocusTrap as o } from "../../hooks/use-focus-trap.js";
+import { createModalPrimitive as s, useModalTitleWarning as c } from "../../utils/modal-primitive.js";
+import { DialogContext as l, useDialogContext as u } from "./Dialog.context.js";
+import * as d from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/Dialog/Dialog.tsx
+var { Root: m, Trigger: h, Title: g, Description: _, Close: v } = s({
+	displayNamePrefix: "Dialog",
+	closeLabel: "Close dialog",
+	Context: l,
+	useContext: u
+}), y = d.forwardRef(({ className: s, children: l, ...m }, h) => {
+	let g = u(), _ = d.useRef(null), v = t(h, _);
+	return o(_, g.open), i(g.open), c("Dialog", g.titleId, g.open), a(() => g.onOpenChange(!1), g.open), g.open ? /* @__PURE__ */ p(r, { children: [/* @__PURE__ */ f("div", {
+		className: e("fixed inset-0 z-(--nuka-z-modal)", "bg-(--nuka-bg-overlay)", "data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]"),
+		"data-state": "open",
+		onClick: () => g.onOpenChange(!1),
+		"aria-hidden": "true"
+	}), /* @__PURE__ */ p("div", {
+		ref: v,
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": g.titleId,
+		"aria-describedby": g.hasDescription ? g.descriptionId : void 0,
+		tabIndex: -1,
+		"data-state": "open",
+		className: e("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", s),
+		...m,
+		children: [/* @__PURE__ */ f(n, {
+			onClick: () => g.onOpenChange(!1),
+			label: "Close dialog",
+			className: "absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)"
+		}), l]
+	})] }) : null;
+});
+y.displayName = "DialogContent";
+//#endregion
+export { m as Dialog, v as DialogClose, y as DialogContent, _ as DialogDescription, g as DialogTitle, h as DialogTrigger };
+
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +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  useModalTitleWarning,\n} from \"@nuka/utils/modal-primitive\";\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\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(\n  ({ className, children, ...props }, ref) => {\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-state=\"open\"\n          onClick={() => ctx.onOpenChange(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          ref={composedRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ctx.titleId}\n          aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n          tabIndex={-1}\n          data-state=\"open\"\n          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);\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,EAUI,IAAgB,EAAM,YACzB,EAAE,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC1C,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,cAAW;EACX,eAAe,EAAI,aAAa,GAAM;EACtC,eAAY;EACZ,CAAA,EACF,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,mBAAiB,EAAI;EACrB,oBAAkB,EAAI,iBAAiB,EAAI,gBAAgB,KAAA;EAC3D,UAAU;EACV,cAAW;EACX,WAAW,EACT,4BACA,sDACA,mBACA,4DACA,iCACA,iBACA,gEAEA,8BACA,EACD;EACD,GAAI;YApBN,CAsBE,kBAAC,GAAD;GACE,eAAe,EAAI,aAAa,GAAM;GACtC,OAAM;GACN,WAAU;GACV,CAAA,EACD,EACG;IACC,EAAA,CAAA,GA3CW;EA8CzB;AAED,EAAc,cAAc"}

package/dist/components/Divider/Divider.cjs

@@ -0,0 +1,2 @@
+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`)}var c=i.forwardRef(({className:e,orientation:i=`horizontal`,size:c=`md`,label:l,...u},d)=>{let f=o(i),p=l!=null,m=n.dividerOrientationClasses[c],h=n.resolveResponsiveClasses(i,m);return s(i)&&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:d,role:`separator`,"aria-orientation":f,className:t.cn(`bg-(--nuka-border-base)`,...h,e),...u})):p?(0,a.jsxs)(`div`,{ref:d,role:`separator`,"aria-orientation":`horizontal`,className:t.cn(`flex items-center gap-(--space-3)`,e),...u,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:l}),(0,a.jsx)(`div`,{className:t.cn(`flex-1 bg-(--nuka-border-base)`,...h),"aria-hidden":`true`})]}):f===`vertical`?(0,a.jsx)(`div`,{ref:d,role:`separator`,"aria-orientation":`vertical`,className:t.cn(`bg-(--nuka-border-base)`,...h,e),...u}):(0,a.jsx)(`hr`,{ref:d,className:t.cn(`border-0 bg-(--nuka-border-base)`,...h,e),...u})});c.displayName=`Divider`,exports.Divider=c;
+//# sourceMappingURL=Divider.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.cjs","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import * 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  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 */\nconst Divider = React.forwardRef<HTMLElement, DividerProps>(\n  (\n    { className, orientation = \"horizontal\", size = \"md\", label, ...props },\n    ref,\n  ) => {\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);\n\nDivider.displayName = \"Divider\";\n\nexport { Divider };\n"],"mappings":"yOAiBA,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,IAAM,EAAU,EAAM,YAElB,CAAE,YAAW,cAAc,aAAc,OAAO,KAAM,QAAO,GAAG,GAChE,IACG,CACH,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,EAGP,CAED,EAAQ,YAAc"}

package/dist/components/Divider/Divider.d.ts

@@ -1,5 +1,6 @@
-import { dividerVariants, DividerVariantProps } from './Divider.variants';
+import { DividerVariantProps } from './Divider.variants';
 import * as React from "react";
+export type { DividerVariantProps };
 export interface DividerProps extends React.ComponentPropsWithoutRef<"div">, DividerVariantProps {
     label?: React.ReactNode;
 }
@@ -9,5 +10,5 @@ export interface DividerProps extends React.ComponentPropsWithoutRef<"div">, Div
  * HTMLElement is the correct common supertype.
  */
 declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLElement>>;
-export { Divider, dividerVariants };
+export { Divider };
 //# sourceMappingURL=Divider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAEnD,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,mBAAmB;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;;;GAIG;AACH,QAAA,MAAM,OAAO,kFAiGZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAErF,YAAY,EAAE,mBAAmB,EAAE,CAAC;AAEpC,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,mBAAmB;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAcD;;;;GAIG;AACH,QAAA,MAAM,OAAO,kFAmGZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Divider/Divider.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import * 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  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 */\nconst Divider = React.forwardRef<HTMLElement, DividerProps>(\n  (\n    { className, orientation = \"horizontal\", size = \"md\", label, ...props },\n    ref,\n  ) => {\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);\n\nDivider.displayName = \"Divider\";\n\nexport { Divider };\n"],"mappings":";;;;;;AAiBA,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,IAAM,IAAU,EAAM,YAElB,EAAE,cAAW,iBAAc,cAAc,UAAO,MAAM,UAAO,GAAG,KAChE,MACG;CACH,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;EAGP;AAED,EAAQ,cAAc"}

package/dist/components/Divider/Divider.variants.d.ts

@@ -1,7 +1,6 @@
-import { VariantProps } from '../../utils/variants';
-export declare const dividerVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type DividerVariantProps = VariantProps<typeof dividerVariants>;
+import { Responsive, DividerOrientation, DividerSize } from '../../utils/responsive';
+export interface DividerVariantProps {
+    orientation?: Responsive<DividerOrientation>;
+    size?: DividerSize;
+}
 //# sourceMappingURL=Divider.variants.d.ts.map

package/dist/components/Divider/Divider.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,eAAe;;;8EAwB1B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"Divider.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,WAAW,EACZ,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB"}

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

@@ -1,5 +1,3 @@
 export { Divider } from './Divider';
-export { dividerVariants } from './Divider.variants';
-export type { DividerProps } from './Divider';
-export type { DividerVariantProps } from './Divider.variants';
+export type { DividerProps, DividerVariantProps } from './Divider';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/DropdownMenu/DropdownMenu.cjs

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

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

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

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

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);var n=t.createContext(void 0);function r(){let e=t.useContext(n);if(e===void 0)throw Error(`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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.context.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC3E,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,kBAAkB,CAAC,CAAC;CAC1E;AAED,QAAA,MAAM,mBAAmB,qDAEb,CAAC;AAEb,iBAAS,sBAAsB,IAAI,wBAAwB,CAQ1D;AAED,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"DropdownMenu.context.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC3E,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,kBAAkB,CAAC,CAAC;CAC1E;AAED,QAAA,MAAM,mBAAmB,qDAEb,CAAC;AAEb,iBAAS,sBAAsB,IAAI,wBAAwB,CAQ1D;AAED,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,CAAC"}

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

@@ -0,0 +1,13 @@
+"use client";
+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);
+	if (n === void 0) throw Error("useDropdownMenuContext must be used within a <DropdownMenu> component");
+	return n;
+}
+//#endregion
+export { t as DropdownMenuContext, n as useDropdownMenuContext };
+
+//# sourceMappingURL=DropdownMenu.context.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,WAAmB,EACnB,IAAI,EAAE,cAAc,EACpB,YAAY,GACb,EAAE,iBAAiB,2CA+CnB;kBApDQ,YAAY;;;AAwDrB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,WAAmB,EACnB,IAAI,EAAE,cAAc,EACpB,YAAY,GACb,EAAE,iBAAiB,2CA+CnB;kBApDQ,YAAY;;;AAwDrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,49 @@
+"use client";
+import { useControllableState as e } from "../../hooks/use-controllable-state.js";
+import { autoUpdate as t } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { flip as n, offset as r, shift as i } from "../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+import { useClick as a, useDismiss as o, useFloating as s, useInteractions as c, useRole as l } from "../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import { DropdownMenuContext as u } from "./DropdownMenu.context.js";
+import * as d from "react";
+import { jsx as f } from "react/jsx-runtime";
+//#region src/components/DropdownMenu/DropdownMenu.tsx
+function p({ children: p, defaultOpen: m = !1, open: h, onOpenChange: g }) {
+	let [_, v] = e(h, m, g), { refs: y, floatingStyles: b, context: x } = s({
+		open: _,
+		onOpenChange: v,
+		placement: "bottom-start",
+		middleware: [
+			r(4),
+			n(),
+			i({ padding: 8 })
+		],
+		whileElementsMounted: t
+	}), { getReferenceProps: S, getFloatingProps: C } = c([
+		a(x),
+		o(x),
+		l(x, { role: "menu" })
+	]);
+	return /* @__PURE__ */ f(u, {
+		value: d.useMemo(() => ({
+			open: _,
+			onOpenChange: v,
+			refs: y,
+			floatingStyles: b,
+			getReferenceProps: S,
+			getFloatingProps: C
+		}), [
+			_,
+			v,
+			y,
+			b,
+			S,
+			C
+		]),
+		children: p
+	});
+}
+p.displayName = "DropdownMenu";
+//#endregion
+export { p as DropdownMenu };
+
+//# sourceMappingURL=DropdownMenu.js.map

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

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

package/dist/components/DropdownMenu/DropdownMenuCheckboxItem.cjs

@@ -0,0 +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`);var i=n.forwardRef((e,n)=>(0,r.jsx)(t.MenuCheckboxItemWithNav,{ref:n,...e}));i.displayName=`DropdownMenuCheckboxItem`,exports.DropdownMenuCheckboxItem=i;
+//# sourceMappingURL=DropdownMenuCheckboxItem.cjs.map

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

@@ -0,0 +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\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  HTMLDivElement,\n  DropdownMenuCheckboxItemProps\n>((props, ref) => <MenuCheckboxItemWithNav ref={ref} {...props} />);\n\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\nexport { DropdownMenuCheckboxItem };\n"],"mappings":"yLAOA,IAAM,EAA2B,EAAM,YAGpC,EAAO,KAAQ,EAAA,EAAA,KAAC,EAAA,wBAAD,CAA8B,MAAK,GAAI,EAAS,CAAA,CAAC,CAEnE,EAAyB,YAAc"}

package/dist/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuCheckboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AAE1F,MAAM,MAAM,6BAA6B,GAAG,4BAA4B,CAAC;AAEzE,QAAA,MAAM,wBAAwB,qGAGqC,CAAC;AAIpE,OAAO,EAAE,wBAAwB,EAAE,CAAC"}
+{"version":3,"file":"DropdownMenuCheckboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AAE1F,MAAM,MAAM,6BAA6B,GAAG,4BAA4B,CAAC;AAEzE,QAAA,MAAM,wBAAwB,qGAGqC,CAAC;AAIpE,OAAO,EAAE,wBAAwB,EAAE,CAAC"}