@nuka-ui/core 1.1.2 → 1.1.4

package/dist/components/DatePicker/DatePickerInput.js

@@ -41,6 +41,7 @@ function u({ ref: u, className: d, placeholder: f = "YYYY-MM-DD", size: p, id: m
 	return /* @__PURE__ */ l("div", {
 		ref: b,
 		className: e("relative inline-flex w-full items-center", d),
+		"data-slot": "input-root",
 		...v,
 		children: [/* @__PURE__ */ c(i, {
 			type: "text",
@@ -57,7 +58,8 @@ function u({ ref: u, className: d, placeholder: f = "YYYY-MM-DD", size: p, id: m
 			"aria-describedby": x.ariaDescribedBy,
 			"aria-required": x.ariaRequired,
 			className: "pr-(--space-10)",
-			autoComplete: "off"
+			autoComplete: "off",
+			"data-slot": "input"
 		}), /* @__PURE__ */ c("button", {
 			ref: t(y.triggerButtonRef, y.refs.setReference),
 			type: "button",
@@ -65,6 +67,7 @@ function u({ ref: u, className: d, placeholder: f = "YYYY-MM-DD", size: p, id: m
 			onClick: M,
 			disabled: y.disabled,
 			"aria-label": "Open calendar",
+			"data-slot": "toggle",
 			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",

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      {...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\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,GAAI;YAHN,CAKE,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,CAAA,EACF,kBAAC,UAAD;GACE,KAAK,EACH,EAAI,kBACJ,EAAI,KAAK,aACV;GACD,MAAK;GACL,GAAK;GACL,SAAS;GACT,UAAU,EAAI;GACd,cAAW;GACX,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  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"}

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-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-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-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\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,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,KA+CxB,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,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"}

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":"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,+BACf,WAAW,6BACL,iBAAiB,mCACvB,WAAW,2BAMlB,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;IAC9E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,kDAuDpB;kBA5DQ,aAAa;;;AAgEtB,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,+BACf,WAAW,6BACL,iBAAiB,mCACvB,WAAW,2BAMlB,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;IAC9E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,kDAyDpB;kBA9DQ,aAAa;;;AAkEtB,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,CAAC"}

package/dist/components/Dialog/Dialog.js

@@ -22,6 +22,7 @@ function y({ ref: s, className: l, children: m, ...h }) {
 	let g = u(), _ = d.useRef(null), v = t(s, _);
 	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-slot": "overlay",
 		"data-state": "open",
 		onClick: () => g.onOpenChange(!1),
 		"aria-hidden": "true"
@@ -32,6 +33,7 @@ function y({ ref: s, className: l, children: m, ...h }) {
 		"aria-labelledby": g.titleId,
 		"aria-describedby": g.hasDescription ? g.descriptionId : void 0,
 		tabIndex: -1,
+		"data-slot": "content",
 		"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", l),
 		...h,

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-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\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,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;;AA+CxB,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;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"}

package/dist/components/Divider/Divider.cjs

@@ -1,2 +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`)}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":["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  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":"yOAkBA,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 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"}

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;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,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAcD;;;;GAIG;AACH,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,SAAS,EACT,WAA0B,EAC1B,IAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EAAE,YAAY,2CA8Fd;kBArGQ,OAAO;;;AAyGhB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAEA,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,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAcD;;;;GAIG;AACH,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,SAAS,EACT,WAA0B,EAC1B,IAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EAAE,YAAY,2CA8Fd;kBArGQ,OAAO;;;AAyGhB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Divider/Divider.js

@@ -1,3 +1,4 @@
+"use client";
 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";

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

@@ -1 +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  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":";;;;;;AAkBA,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 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"}

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-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-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,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,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,mBAAmB,CAAC,EAC3B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,kDA8C1B;kBAnDQ,mBAAmB;;;AAuD5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"DropdownMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,mBAAmB,CAAC,EAC3B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,kDA+C1B;kBApDQ,mBAAmB;;;AAwD5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/DropdownMenu/DropdownMenuContent.js

@@ -28,6 +28,7 @@ function u({ ref: u, className: d, children: f, ...p }) {
 		children: /* @__PURE__ */ l("div", {
 			ref: h,
 			style: m.floatingStyles,
+			"data-slot": "content",
 			"data-state": "open",
 			...x,
 			className: e(i(), d),

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-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,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,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"}

package/dist/components/DropdownMenu/DropdownMenuTrigger.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`./DropdownMenu.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,asChild:r=!1,children:a,...o}){let s=n.useDropdownMenuContext(),c=t.composeRefs(e,s.refs.setReference),l=r?t.Slot:`button`,u=s.getReferenceProps(o);return(0,i.jsx)(l,{ref:c,type:r?void 0:`button`,"aria-haspopup":`menu`,"aria-expanded":s.open,...u,children:a})}a.displayName=`DropdownMenuTrigger`,exports.DropdownMenuTrigger=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`./DropdownMenu.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,asChild:r=!1,children:a,...o}){let s=n.useDropdownMenuContext(),c=t.composeRefs(e,s.refs.setReference),l=r?t.Slot:`button`,u=s.getReferenceProps(o);return(0,i.jsx)(l,{ref:c,type:r?void 0:`button`,"aria-haspopup":`menu`,"aria-expanded":s.open,"data-slot":`trigger`,...u,children:a})}a.displayName=`DropdownMenuTrigger`,exports.DropdownMenuTrigger=a;
 //# sourceMappingURL=DropdownMenuTrigger.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuTrigger.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useDropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction DropdownMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  ...props\n}: DropdownMenuTriggerProps) {\n  const ctx = useDropdownMenuContext();\n  const composedRef = composeRefs(ref, ctx.refs.setReference);\n  const Comp = asChild ? Slot : \"button\";\n  const triggerProps = ctx.getReferenceProps(props);\n\n  return (\n    <Comp\n      ref={composedRef}\n      type={asChild ? undefined : \"button\"}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      // Safe: Floating UI's getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers (onClick, onKeyDown, etc.).\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\n\nexport { DropdownMenuTrigger };\n"],"mappings":"0NAUA,SAAS,EAAoB,CAC3B,MACA,UAAU,GACV,WACA,GAAG,GACwB,CAC3B,IAAM,EAAM,EAAA,wBAAwB,CAC9B,EAAc,EAAA,YAAY,EAAK,EAAI,KAAK,aAAa,CACrD,EAAO,EAAU,EAAA,KAAO,SACxB,EAAe,EAAI,kBAAkB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,KAAM,EAAU,IAAA,GAAY,SAC5B,gBAAc,OACd,gBAAe,EAAI,KAGnB,GAAK,EAEJ,WACI,CAAA,CAIX,EAAoB,YAAc"}
+{"version":3,"file":"DropdownMenuTrigger.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useDropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction DropdownMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  ...props\n}: DropdownMenuTriggerProps) {\n  const ctx = useDropdownMenuContext();\n  const composedRef = composeRefs(ref, ctx.refs.setReference);\n  const Comp = asChild ? Slot : \"button\";\n  const triggerProps = ctx.getReferenceProps(props);\n\n  return (\n    <Comp\n      ref={composedRef}\n      type={asChild ? undefined : \"button\"}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      data-slot=\"trigger\"\n      // Safe: Floating UI's getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers (onClick, onKeyDown, etc.).\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\n\nexport { DropdownMenuTrigger };\n"],"mappings":"0NAUA,SAAS,EAAoB,CAC3B,MACA,UAAU,GACV,WACA,GAAG,GACwB,CAC3B,IAAM,EAAM,EAAA,wBAAwB,CAC9B,EAAc,EAAA,YAAY,EAAK,EAAI,KAAK,aAAa,CACrD,EAAO,EAAU,EAAA,KAAO,SACxB,EAAe,EAAI,kBAAkB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,KAAM,EAAU,IAAA,GAAY,SAC5B,gBAAc,OACd,gBAAe,EAAI,KACnB,YAAU,UAGV,GAAK,EAEJ,WACI,CAAA,CAIX,EAAoB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,mBAAmB,CAAC,EAC3B,GAAG,EACH,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAmB1B;kBAxBQ,mBAAmB;;;AA4B5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"DropdownMenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,mBAAmB,CAAC,EAC3B,GAAG,EACH,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAoB1B;kBAzBQ,mBAAmB;;;AA6B5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/DropdownMenu/DropdownMenuTrigger.js

@@ -11,6 +11,7 @@ function i({ ref: i, asChild: a = !1, children: o, ...s }) {
 		type: a ? void 0 : "button",
 		"aria-haspopup": "menu",
 		"aria-expanded": c.open,
+		"data-slot": "trigger",
 		...d,
 		children: o
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuTrigger.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useDropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction DropdownMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  ...props\n}: DropdownMenuTriggerProps) {\n  const ctx = useDropdownMenuContext();\n  const composedRef = composeRefs(ref, ctx.refs.setReference);\n  const Comp = asChild ? Slot : \"button\";\n  const triggerProps = ctx.getReferenceProps(props);\n\n  return (\n    <Comp\n      ref={composedRef}\n      type={asChild ? undefined : \"button\"}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      // Safe: Floating UI's getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers (onClick, onKeyDown, etc.).\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\n\nexport { DropdownMenuTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAoB,EAC3B,QACA,aAAU,IACV,aACA,GAAG,KACwB;CAC3B,IAAM,IAAM,GAAwB,EAC9B,IAAc,EAAY,GAAK,EAAI,KAAK,aAAa,EACrD,IAAO,IAAU,IAAO,UACxB,IAAe,EAAI,kBAAkB,EAAM;AAEjD,QACE,kBAAC,GAAD;EACE,KAAK;EACL,MAAM,IAAU,KAAA,IAAY;EAC5B,iBAAc;EACd,iBAAe,EAAI;EAGnB,GAAK;EAEJ;EACI,CAAA;;AAIX,EAAoB,cAAc"}
+{"version":3,"file":"DropdownMenuTrigger.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useDropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction DropdownMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  ...props\n}: DropdownMenuTriggerProps) {\n  const ctx = useDropdownMenuContext();\n  const composedRef = composeRefs(ref, ctx.refs.setReference);\n  const Comp = asChild ? Slot : \"button\";\n  const triggerProps = ctx.getReferenceProps(props);\n\n  return (\n    <Comp\n      ref={composedRef}\n      type={asChild ? undefined : \"button\"}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      data-slot=\"trigger\"\n      // Safe: Floating UI's getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers (onClick, onKeyDown, etc.).\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\n\nexport { DropdownMenuTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAoB,EAC3B,QACA,aAAU,IACV,aACA,GAAG,KACwB;CAC3B,IAAM,IAAM,GAAwB,EAC9B,IAAc,EAAY,GAAK,EAAI,KAAK,aAAa,EACrD,IAAO,IAAU,IAAO,UACxB,IAAe,EAAI,kBAAkB,EAAM;AAEjD,QACE,kBAAC,GAAD;EACE,KAAK;EACL,MAAM,IAAU,KAAA,IAAY;EAC5B,iBAAc;EACd,iBAAe,EAAI;EACnB,aAAU;EAGV,GAAK;EAEJ;EACI,CAAA;;AAIX,EAAoB,cAAc"}

package/dist/components/EmptyState/EmptyState.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,illustration:a,icon:o,heading:s,description:c,action:l,children:u,...d}){let f=a??o??null;return(0,i.jsxs)(`div`,{ref:e,className:t.cn(`flex flex-col items-center justify-center text-center`,`gap-(--space-4)`,`py-(--space-12) px-(--space-6)`,r),...d,children:[f&&(0,i.jsx)(`div`,{className:`flex items-center justify-center text-(--nuka-text-muted)`,children:f}),(0,i.jsxs)(`div`,{className:`flex flex-col gap-(--space-2) max-w-sm`,children:[(0,i.jsx)(n.Text,{as:`p`,size:`md`,weight:`semibold`,children:s}),c!=null&&(0,i.jsx)(n.Text,{as:`p`,size:`sm`,color:`muted`,children:c})]}),l&&(0,i.jsx)(`div`,{children:l}),u]})}a.displayName=`EmptyState`,exports.EmptyState=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,illustration:a,icon:o,heading:s,description:c,action:l,headingWeight:u,descriptionWeight:d,children:f,...p}){let m=a??o??null;return(0,i.jsxs)(`div`,{ref:e,className:t.cn(`flex flex-col items-center justify-center text-center`,`gap-(--space-4)`,`py-(--space-12) px-(--space-6)`,r),"data-slot":`root`,...p,children:[m&&(0,i.jsx)(`div`,{className:`flex items-center justify-center text-(--nuka-text-muted)`,"data-slot":`visual`,children:m}),(0,i.jsxs)(`div`,{className:`flex flex-col gap-(--space-2) max-w-sm`,children:[(0,i.jsx)(n.Text,{as:`p`,size:`md`,weight:u??`semibold`,"data-slot":`heading`,children:s}),c!=null&&(0,i.jsx)(n.Text,{as:`p`,size:`sm`,color:`muted`,"data-slot":`description`,...d===void 0?{}:{weight:d},children:c})]}),l&&(0,i.jsx)(`div`,{"data-slot":`action`,children:l}),f]})}a.displayName=`EmptyState`,exports.EmptyState=a;
 //# sourceMappingURL=EmptyState.cjs.map

package/dist/components/EmptyState/EmptyState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.cjs","names":[],"sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\n\nexport interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  illustration?: React.ReactNode;\n  icon?: React.ReactNode;\n  heading: string;\n  description?: string;\n  action?: React.ReactNode;\n}\n\nfunction EmptyState({\n  ref,\n  className,\n  illustration,\n  icon,\n  heading,\n  description,\n  action,\n  children,\n  ...props\n}: EmptyStateProps) {\n  const visual = illustration ?? icon ?? null;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-col items-center justify-center text-center\",\n        \"gap-(--space-4)\",\n        \"py-(--space-12) px-(--space-6)\",\n        className,\n      )}\n      {...props}\n    >\n      {visual && (\n        <div className=\"flex items-center justify-center text-(--nuka-text-muted)\">\n          {visual}\n        </div>\n      )}\n      <div className=\"flex flex-col gap-(--space-2) max-w-sm\">\n        <Text as=\"p\" size=\"md\" weight=\"semibold\">\n          {heading}\n        </Text>\n        {description != null && (\n          <Text as=\"p\" size=\"sm\" color=\"muted\">\n            {description}\n          </Text>\n        )}\n      </div>\n      {action && <div>{action}</div>}\n      {children}\n    </div>\n  );\n}\n\nEmptyState.displayName = \"EmptyState\";\n\nexport { EmptyState };\n"],"mappings":"iMAaA,SAAS,EAAW,CAClB,MACA,YACA,eACA,OACA,UACA,cACA,SACA,WACA,GAAG,GACe,CAClB,IAAM,EAAS,GAAgB,GAAQ,KAEvC,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,wDACA,kBACA,iCACA,EACD,CACD,GAAI,WARN,CAUG,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qEACZ,EACG,CAAA,EAER,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kDAAf,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,OAAO,oBAC3B,EACI,CAAA,CACN,GAAe,OACd,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,MAAM,iBAC1B,EACI,CAAA,CAEL,GACL,IAAU,EAAA,EAAA,KAAC,MAAD,CAAA,SAAM,EAAa,CAAA,CAC7B,EACG,GAIV,EAAW,YAAc"}
+{"version":3,"file":"EmptyState.cjs","names":[],"sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { TextVariantProps } from \"@nuka/components/Text/Text.variants\";\n\nexport interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  illustration?: React.ReactNode;\n  icon?: React.ReactNode;\n  heading: string;\n  description?: string;\n  action?: React.ReactNode;\n  headingWeight?: TextVariantProps[\"weight\"];\n  descriptionWeight?: TextVariantProps[\"weight\"];\n}\n\nfunction EmptyState({\n  ref,\n  className,\n  illustration,\n  icon,\n  heading,\n  description,\n  action,\n  headingWeight,\n  descriptionWeight,\n  children,\n  ...props\n}: EmptyStateProps) {\n  const visual = illustration ?? icon ?? null;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-col items-center justify-center text-center\",\n        \"gap-(--space-4)\",\n        \"py-(--space-12) px-(--space-6)\",\n        className,\n      )}\n      data-slot=\"root\"\n      {...props}\n    >\n      {visual && (\n        <div\n          className=\"flex items-center justify-center text-(--nuka-text-muted)\"\n          data-slot=\"visual\"\n        >\n          {visual}\n        </div>\n      )}\n      <div className=\"flex flex-col gap-(--space-2) max-w-sm\">\n        <Text\n          as=\"p\"\n          size=\"md\"\n          weight={headingWeight ?? \"semibold\"}\n          data-slot=\"heading\"\n        >\n          {heading}\n        </Text>\n        {description != null && (\n          <Text\n            as=\"p\"\n            size=\"sm\"\n            color=\"muted\"\n            data-slot=\"description\"\n            {...(descriptionWeight !== undefined\n              ? { weight: descriptionWeight }\n              : {})}\n          >\n            {description}\n          </Text>\n        )}\n      </div>\n      {action && <div data-slot=\"action\">{action}</div>}\n      {children}\n    </div>\n  );\n}\n\nEmptyState.displayName = \"EmptyState\";\n\nexport { EmptyState };\n"],"mappings":"8MAkBA,SAAS,EAAW,CAClB,MACA,YACA,eACA,OACA,UACA,cACA,SACA,gBACA,oBACA,WACA,GAAG,GACe,CAClB,IAAM,EAAS,GAAgB,GAAQ,KAEvC,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,wDACA,kBACA,iCACA,EACD,CACD,YAAU,OACV,GAAI,WATN,CAWG,IACC,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,4DACV,YAAU,kBAET,EACG,CAAA,EAER,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kDAAf,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,IACH,KAAK,KACL,OAAQ,GAAiB,WACzB,YAAU,mBAET,EACI,CAAA,CACN,GAAe,OACd,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,IACH,KAAK,KACL,MAAM,QACN,YAAU,cACV,GAAK,IAAsB,IAAA,GAEvB,EAAE,CADF,CAAE,OAAQ,EAAmB,UAGhC,EACI,CAAA,CAEL,GACL,IAAU,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,kBAAU,EAAa,CAAA,CAChD,EACG,GAIV,EAAW,YAAc"}

package/dist/components/EmptyState/EmptyState.d.ts

@@ -1,3 +1,4 @@
+import { TextVariantProps } from '../Text/Text.variants';
 import * as React from "react";
 export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
     ref?: React.Ref<HTMLDivElement> | undefined;
@@ -6,8 +7,10 @@ export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
     heading: string;
     description?: string;
     action?: React.ReactNode;
+    headingWeight?: TextVariantProps["weight"];
+    descriptionWeight?: TextVariantProps["weight"];
 }
-declare function EmptyState({ ref, className, illustration, icon, heading, description, action, children, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+declare function EmptyState({ ref, className, illustration, icon, heading, description, action, headingWeight, descriptionWeight, children, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
 declare namespace EmptyState {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAiCjB;kBA3CQ,UAAU;;;AA+CnB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC3C,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;CAChD;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAkDjB;kBA9DQ,UAAU;;;AAkEnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/EmptyState/EmptyState.js

@@ -1,35 +1,44 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Text as t } from "../Text/Text.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/EmptyState/EmptyState.tsx
-function i({ ref: i, className: a, illustration: o, icon: s, heading: c, description: l, action: u, children: d, ...f }) {
-	let p = o ?? s ?? null;
+function i({ ref: i, className: a, illustration: o, icon: s, heading: c, description: l, action: u, headingWeight: d, descriptionWeight: f, children: p, ...m }) {
+	let h = o ?? s ?? null;
 	return /* @__PURE__ */ r("div", {
 		ref: i,
 		className: e("flex flex-col items-center justify-center text-center", "gap-(--space-4)", "py-(--space-12) px-(--space-6)", a),
-		...f,
+		"data-slot": "root",
+		...m,
 		children: [
-			p && /* @__PURE__ */ n("div", {
+			h && /* @__PURE__ */ n("div", {
 				className: "flex items-center justify-center text-(--nuka-text-muted)",
-				children: p
+				"data-slot": "visual",
+				children: h
 			}),
 			/* @__PURE__ */ r("div", {
 				className: "flex flex-col gap-(--space-2) max-w-sm",
 				children: [/* @__PURE__ */ n(t, {
 					as: "p",
 					size: "md",
-					weight: "semibold",
+					weight: d ?? "semibold",
+					"data-slot": "heading",
 					children: c
 				}), l != null && /* @__PURE__ */ n(t, {
 					as: "p",
 					size: "sm",
 					color: "muted",
+					"data-slot": "description",
+					...f === void 0 ? {} : { weight: f },
 					children: l
 				})]
 			}),
-			u && /* @__PURE__ */ n("div", { children: u }),
-			d
+			u && /* @__PURE__ */ n("div", {
+				"data-slot": "action",
+				children: u
+			}),
+			p
 		]
 	});
 }

package/dist/components/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\n\nexport interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  illustration?: React.ReactNode;\n  icon?: React.ReactNode;\n  heading: string;\n  description?: string;\n  action?: React.ReactNode;\n}\n\nfunction EmptyState({\n  ref,\n  className,\n  illustration,\n  icon,\n  heading,\n  description,\n  action,\n  children,\n  ...props\n}: EmptyStateProps) {\n  const visual = illustration ?? icon ?? null;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-col items-center justify-center text-center\",\n        \"gap-(--space-4)\",\n        \"py-(--space-12) px-(--space-6)\",\n        className,\n      )}\n      {...props}\n    >\n      {visual && (\n        <div className=\"flex items-center justify-center text-(--nuka-text-muted)\">\n          {visual}\n        </div>\n      )}\n      <div className=\"flex flex-col gap-(--space-2) max-w-sm\">\n        <Text as=\"p\" size=\"md\" weight=\"semibold\">\n          {heading}\n        </Text>\n        {description != null && (\n          <Text as=\"p\" size=\"sm\" color=\"muted\">\n            {description}\n          </Text>\n        )}\n      </div>\n      {action && <div>{action}</div>}\n      {children}\n    </div>\n  );\n}\n\nEmptyState.displayName = \"EmptyState\";\n\nexport { EmptyState };\n"],"mappings":";;;;;AAaA,SAAS,EAAW,EAClB,QACA,cACA,iBACA,SACA,YACA,gBACA,WACA,aACA,GAAG,KACe;CAClB,IAAM,IAAS,KAAgB,KAAQ;AAEvC,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,yDACA,mBACA,kCACA,EACD;EACD,GAAI;YARN;GAUG,KACC,kBAAC,OAAD;IAAK,WAAU;cACZ;IACG,CAAA;GAER,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAM,IAAG;KAAI,MAAK;KAAK,QAAO;eAC3B;KACI,CAAA,EACN,KAAe,QACd,kBAAC,GAAD;KAAM,IAAG;KAAI,MAAK;KAAK,OAAM;eAC1B;KACI,CAAA,CAEL;;GACL,KAAU,kBAAC,OAAD,EAAA,UAAM,GAAa,CAAA;GAC7B;GACG;;;AAIV,EAAW,cAAc"}
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { TextVariantProps } from \"@nuka/components/Text/Text.variants\";\n\nexport interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  illustration?: React.ReactNode;\n  icon?: React.ReactNode;\n  heading: string;\n  description?: string;\n  action?: React.ReactNode;\n  headingWeight?: TextVariantProps[\"weight\"];\n  descriptionWeight?: TextVariantProps[\"weight\"];\n}\n\nfunction EmptyState({\n  ref,\n  className,\n  illustration,\n  icon,\n  heading,\n  description,\n  action,\n  headingWeight,\n  descriptionWeight,\n  children,\n  ...props\n}: EmptyStateProps) {\n  const visual = illustration ?? icon ?? null;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-col items-center justify-center text-center\",\n        \"gap-(--space-4)\",\n        \"py-(--space-12) px-(--space-6)\",\n        className,\n      )}\n      data-slot=\"root\"\n      {...props}\n    >\n      {visual && (\n        <div\n          className=\"flex items-center justify-center text-(--nuka-text-muted)\"\n          data-slot=\"visual\"\n        >\n          {visual}\n        </div>\n      )}\n      <div className=\"flex flex-col gap-(--space-2) max-w-sm\">\n        <Text\n          as=\"p\"\n          size=\"md\"\n          weight={headingWeight ?? \"semibold\"}\n          data-slot=\"heading\"\n        >\n          {heading}\n        </Text>\n        {description != null && (\n          <Text\n            as=\"p\"\n            size=\"sm\"\n            color=\"muted\"\n            data-slot=\"description\"\n            {...(descriptionWeight !== undefined\n              ? { weight: descriptionWeight }\n              : {})}\n          >\n            {description}\n          </Text>\n        )}\n      </div>\n      {action && <div data-slot=\"action\">{action}</div>}\n      {children}\n    </div>\n  );\n}\n\nEmptyState.displayName = \"EmptyState\";\n\nexport { EmptyState };\n"],"mappings":";;;;;;AAkBA,SAAS,EAAW,EAClB,QACA,cACA,iBACA,SACA,YACA,gBACA,WACA,kBACA,sBACA,aACA,GAAG,KACe;CAClB,IAAM,IAAS,KAAgB,KAAQ;AAEvC,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,yDACA,mBACA,kCACA,EACD;EACD,aAAU;EACV,GAAI;YATN;GAWG,KACC,kBAAC,OAAD;IACE,WAAU;IACV,aAAU;cAET;IACG,CAAA;GAER,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,QAAQ,KAAiB;KACzB,aAAU;eAET;KACI,CAAA,EACN,KAAe,QACd,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,OAAM;KACN,aAAU;KACV,GAAK,MAAsB,KAAA,IAEvB,EAAE,GADF,EAAE,QAAQ,GAAmB;eAGhC;KACI,CAAA,CAEL;;GACL,KAAU,kBAAC,OAAD;IAAK,aAAU;cAAU;IAAa,CAAA;GAChD;GACG;;;AAIV,EAAW,cAAc"}

package/dist/components/Eyebrow/Eyebrow.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Eyebrow.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,as:r=`p`,className:a,color:o,...s}){return(0,i.jsx)(r,{ref:e,className:t.cn(n.eyebrowVariants({color:o}),a),...s})}a.displayName=`Eyebrow`,exports.Eyebrow=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Eyebrow.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,as:r=`p`,className:a,weight:o,color:s,...c}){return(0,i.jsx)(r,{ref:e,className:t.cn(n.eyebrowVariants({weight:o,color:s}),a),...c})}a.displayName=`Eyebrow`,exports.Eyebrow=a;
 //# sourceMappingURL=Eyebrow.cjs.map

package/dist/components/Eyebrow/Eyebrow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Eyebrow.cjs","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  eyebrowVariants,\n  type EyebrowVariantProps,\n} from \"@nuka/components/Eyebrow/Eyebrow.variants\";\n\ntype EyebrowElement = \"p\" | \"span\";\n\nexport interface EyebrowProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    EyebrowVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: EyebrowElement;\n}\n\nfunction Eyebrow({\n  ref,\n  as: Comp = \"p\",\n  className,\n  color,\n  ...props\n}: EyebrowProps) {\n  return (\n    <Comp\n      ref={ref as React.RefObject<never>}\n      className={cn(eyebrowVariants({ color }), className)}\n      {...props}\n    />\n  );\n}\n\nEyebrow.displayName = \"Eyebrow\";\n\nexport { Eyebrow, eyebrowVariants };\n"],"mappings":"uMAiBA,SAAS,EAAQ,CACf,MACA,GAAI,EAAO,IACX,YACA,QACA,GAAG,GACY,CACf,OACE,EAAA,EAAA,KAAC,EAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,gBAAgB,CAAE,QAAO,CAAC,CAAE,EAAU,CACpD,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}
+{"version":3,"file":"Eyebrow.cjs","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  eyebrowVariants,\n  type EyebrowVariantProps,\n} from \"@nuka/components/Eyebrow/Eyebrow.variants\";\n\ntype EyebrowElement = \"p\" | \"span\";\n\nexport interface EyebrowProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    EyebrowVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: EyebrowElement;\n}\n\nfunction Eyebrow({\n  ref,\n  as: Comp = \"p\",\n  className,\n  weight,\n  color,\n  ...props\n}: EyebrowProps) {\n  return (\n    <Comp\n      ref={ref as React.RefObject<never>}\n      className={cn(eyebrowVariants({ weight, color }), className)}\n      {...props}\n    />\n  );\n}\n\nEyebrow.displayName = \"Eyebrow\";\n\nexport { Eyebrow, eyebrowVariants };\n"],"mappings":"oNAmBA,SAAS,EAAQ,CACf,MACA,GAAI,EAAO,IACX,YACA,SACA,QACA,GAAG,GACY,CACf,OACE,EAAA,EAAA,KAAC,EAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,gBAAgB,CAAE,SAAQ,QAAO,CAAC,CAAE,EAAU,CAC5D,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}

package/dist/components/Eyebrow/Eyebrow.d.ts

@@ -5,7 +5,7 @@ export interface EyebrowProps extends Omit<React.HTMLAttributes<HTMLElement>, "c
     ref?: React.Ref<HTMLElement> | undefined;
     as?: EyebrowElement;
 }
-declare function Eyebrow({ ref, as: Comp, className, color, ...props }: EyebrowProps): import("react/jsx-runtime").JSX.Element;
+declare function Eyebrow({ ref, as: Comp, className, weight, color, ...props }: EyebrowProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Eyebrow {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Eyebrow.d.ts","sourceRoot":"","sources":["../../../src/components/Eyebrow/Eyebrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAEnD,KAAK,cAAc,GAAG,GAAG,GAAG,MAAM,CAAC;AAEnC,MAAM,WAAW,YACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAChD,mBAAmB;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,cAAc,CAAC;CACrB;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,EAAE,EAAE,IAAU,EACd,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,YAAY,2CAQd;kBAdQ,OAAO;;;AAkBhB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"Eyebrow.d.ts","sourceRoot":"","sources":["../../../src/components/Eyebrow/Eyebrow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAEnD,KAAK,cAAc,GAAG,GAAG,GAAG,MAAM,CAAC;AAEnC,MAAM,WAAW,YACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAChD,mBAAmB;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,cAAc,CAAC;CACrB;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,EAAE,EAAE,IAAU,EACd,SAAS,EACT,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,YAAY,2CAQd;kBAfQ,OAAO;;;AAmBhB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Eyebrow/Eyebrow.js

@@ -1,13 +1,17 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { eyebrowVariants as t } from "./Eyebrow.variants.js";
 import "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Eyebrow/Eyebrow.tsx
-function r({ ref: r, as: i = "p", className: a, color: o, ...s }) {
+function r({ ref: r, as: i = "p", className: a, weight: o, color: s, ...c }) {
 	return /* @__PURE__ */ n(i, {
 		ref: r,
-		className: e(t({ color: o }), a),
-		...s
+		className: e(t({
+			weight: o,
+			color: s
+		}), a),
+		...c
 	});
 }
 r.displayName = "Eyebrow";

package/dist/components/Eyebrow/Eyebrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Eyebrow.js","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  eyebrowVariants,\n  type EyebrowVariantProps,\n} from \"@nuka/components/Eyebrow/Eyebrow.variants\";\n\ntype EyebrowElement = \"p\" | \"span\";\n\nexport interface EyebrowProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    EyebrowVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: EyebrowElement;\n}\n\nfunction Eyebrow({\n  ref,\n  as: Comp = \"p\",\n  className,\n  color,\n  ...props\n}: EyebrowProps) {\n  return (\n    <Comp\n      ref={ref as React.RefObject<never>}\n      className={cn(eyebrowVariants({ color }), className)}\n      {...props}\n    />\n  );\n}\n\nEyebrow.displayName = \"Eyebrow\";\n\nexport { Eyebrow, eyebrowVariants };\n"],"mappings":";;;;;AAiBA,SAAS,EAAQ,EACf,QACA,IAAI,IAAO,KACX,cACA,UACA,GAAG,KACY;AACf,QACE,kBAAC,GAAD;EACO;EACL,WAAW,EAAG,EAAgB,EAAE,UAAO,CAAC,EAAE,EAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}
+{"version":3,"file":"Eyebrow.js","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  eyebrowVariants,\n  type EyebrowVariantProps,\n} from \"@nuka/components/Eyebrow/Eyebrow.variants\";\n\ntype EyebrowElement = \"p\" | \"span\";\n\nexport interface EyebrowProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    EyebrowVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: EyebrowElement;\n}\n\nfunction Eyebrow({\n  ref,\n  as: Comp = \"p\",\n  className,\n  weight,\n  color,\n  ...props\n}: EyebrowProps) {\n  return (\n    <Comp\n      ref={ref as React.RefObject<never>}\n      className={cn(eyebrowVariants({ weight, color }), className)}\n      {...props}\n    />\n  );\n}\n\nEyebrow.displayName = \"Eyebrow\";\n\nexport { Eyebrow, eyebrowVariants };\n"],"mappings":";;;;;;AAmBA,SAAS,EAAQ,EACf,QACA,IAAI,IAAO,KACX,cACA,WACA,UACA,GAAG,KACY;AACf,QACE,kBAAC,GAAD;EACO;EACL,WAAW,EAAG,EAAgB;GAAE;GAAQ;GAAO,CAAC,EAAE,EAAU;EAC5D,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}

package/dist/components/Eyebrow/Eyebrow.variants.cjs

@@ -1,2 +1,2 @@
-var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`text-[length:var(--font-size-xs)]`,`font-[number:var(--font-weight-semibold)]`,`tracking-widest`,`uppercase`,`[font-family:var(--nuka-font-ui)]`],{variants:{color:{base:`text-(--nuka-text-base)`,muted:`text-(--nuka-text-muted)`,accent:`text-(--nuka-accent-text)`}},defaultVariants:{color:`muted`}});exports.eyebrowVariants=e;
+var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`text-[length:var(--font-size-xs)]`,`tracking-widest`,`uppercase`,`[font-family:var(--nuka-font-ui)]`],{variants:{weight:{thin:`font-[number:var(--font-weight-thin)]`,extralight:`font-[number:var(--font-weight-extralight)]`,light:`font-[number:var(--font-weight-light)]`,regular:`font-[number:var(--font-weight-regular)]`,medium:`font-[number:var(--font-weight-medium)]`,semibold:`font-[number:var(--font-weight-semibold)]`,bold:`font-[number:var(--font-weight-bold)]`,extrabold:`font-[number:var(--font-weight-extrabold)]`,black:`font-[number:var(--font-weight-black)]`},color:{base:`text-(--nuka-text-base)`,muted:`text-(--nuka-text-muted)`,subtle:`text-(--nuka-text-subtle)`,inverse:`text-(--nuka-text-inverse)`,disabled:`text-(--nuka-text-disabled)`,accent:`text-(--nuka-accent-text)`,danger:`text-(--nuka-danger-text)`,success:`text-(--nuka-success-text)`,warning:`text-(--nuka-warning-text)`}},defaultVariants:{weight:`semibold`,color:`muted`}});exports.eyebrowVariants=e;
 //# sourceMappingURL=Eyebrow.variants.cjs.map

package/dist/components/Eyebrow/Eyebrow.variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Eyebrow.variants.cjs","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const eyebrowVariants = cva(\n  [\n    \"text-[length:var(--font-size-xs)]\",\n    \"font-[number:var(--font-weight-semibold)]\",\n    \"tracking-widest\",\n    \"uppercase\",\n    \"[font-family:var(--nuka-font-ui)]\",\n  ],\n  {\n    variants: {\n      color: {\n        base: \"text-(--nuka-text-base)\",\n        muted: \"text-(--nuka-text-muted)\",\n        accent: \"text-(--nuka-accent-text)\",\n      },\n    },\n    defaultVariants: {\n      color: \"muted\",\n    },\n  },\n);\n\nexport type EyebrowVariantProps = VariantProps<typeof eyebrowVariants>;\n"],"mappings":"AAEA,IAAa,wEAAkB,IAC7B,CACE,oCACA,4CACA,kBACA,YACA,oCACD,CACD,CACE,SAAU,CACR,MAAO,CACL,KAAM,0BACN,MAAO,2BACP,OAAQ,4BACT,CACF,CACD,gBAAiB,CACf,MAAO,QACR,CACF,CACF"}
+{"version":3,"file":"Eyebrow.variants.cjs","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const eyebrowVariants = cva(\n  [\n    \"text-[length:var(--font-size-xs)]\",\n    \"tracking-widest\",\n    \"uppercase\",\n    \"[font-family:var(--nuka-font-ui)]\",\n  ],\n  {\n    variants: {\n      weight: {\n        thin: \"font-[number:var(--font-weight-thin)]\",\n        extralight: \"font-[number:var(--font-weight-extralight)]\",\n        light: \"font-[number:var(--font-weight-light)]\",\n        regular: \"font-[number:var(--font-weight-regular)]\",\n        medium: \"font-[number:var(--font-weight-medium)]\",\n        semibold: \"font-[number:var(--font-weight-semibold)]\",\n        bold: \"font-[number:var(--font-weight-bold)]\",\n        extrabold: \"font-[number:var(--font-weight-extrabold)]\",\n        black: \"font-[number:var(--font-weight-black)]\",\n      },\n      color: {\n        base: \"text-(--nuka-text-base)\",\n        muted: \"text-(--nuka-text-muted)\",\n        subtle: \"text-(--nuka-text-subtle)\",\n        inverse: \"text-(--nuka-text-inverse)\",\n        disabled: \"text-(--nuka-text-disabled)\",\n        accent: \"text-(--nuka-accent-text)\",\n        danger: \"text-(--nuka-danger-text)\",\n        success: \"text-(--nuka-success-text)\",\n        warning: \"text-(--nuka-warning-text)\",\n      },\n    },\n    defaultVariants: {\n      weight: \"semibold\",\n      color: \"muted\",\n    },\n  },\n);\n\nexport type EyebrowVariantProps = VariantProps<typeof eyebrowVariants>;\n"],"mappings":"AAEA,IAAa,wEAAkB,IAC7B,CACE,oCACA,kBACA,YACA,oCACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,KAAM,wCACN,WAAY,8CACZ,MAAO,yCACP,QAAS,2CACT,OAAQ,0CACR,SAAU,4CACV,KAAM,wCACN,UAAW,6CACX,MAAO,yCACR,CACD,MAAO,CACL,KAAM,0BACN,MAAO,2BACP,OAAQ,4BACR,QAAS,6BACT,SAAU,8BACV,OAAQ,4BACR,OAAQ,4BACR,QAAS,6BACT,QAAS,6BACV,CACF,CACD,gBAAiB,CACf,OAAQ,WACR,MAAO,QACR,CACF,CACF"}