@nuka-ui/core 1.1.1 → 1.1.3

package/dist/components/Timeline/TimelineItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.js","names":[],"sources":["../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { timelineItemMarkerVariants } from \"@nuka/components/Timeline/Timeline.variants\";\n\nexport interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  timestamp?: string;\n  title: string;\n  description?: string;\n  icon?: React.ReactNode;\n  intent?: \"default\" | \"danger\" | \"success\" | \"warning\";\n}\n\nconst TimelineItem = React.forwardRef<HTMLLIElement, TimelineItemProps>(\n  (\n    {\n      className,\n      timestamp,\n      title,\n      description,\n      icon,\n      intent,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <li\n        ref={ref}\n        className={cn(\n          \"group relative flex gap-(--space-4) pb-(--space-6) last:pb-0\",\n          className,\n        )}\n        {...rest}\n      >\n        {/* Left column: marker + connector */}\n        <div className=\"flex flex-col items-center self-stretch -mb-(--space-6) group-last:mb-0\">\n          <div className={cn(timelineItemMarkerVariants({ intent }))}>\n            {icon ? (\n              <span className=\"text-sm\" aria-hidden=\"true\">\n                {icon}\n              </span>\n            ) : (\n              <span\n                className=\"w-2 h-2 rounded-full bg-current\"\n                aria-hidden=\"true\"\n              />\n            )}\n          </div>\n          {/* Connector line: hidden on last item */}\n          <div className=\"w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden\" />\n        </div>\n\n        {/* Right column: content */}\n        <div className=\"flex-1 min-w-0 pb-(--space-1)\">\n          {timestamp != null && (\n            <time className=\"block text-xs text-(--nuka-text-muted) mb-(--space-1)\">\n              {timestamp}\n            </time>\n          )}\n          <Text as=\"p\" size=\"sm\" weight=\"medium\">\n            {title}\n          </Text>\n          {description != null && (\n            <Text as=\"p\" size=\"sm\" color=\"muted\" className=\"mt-(--space-1)\">\n              {description}\n            </Text>\n          )}\n          {children && <div className=\"mt-(--space-2)\">{children}</div>}\n        </div>\n      </li>\n    );\n  },\n);\n\nTimelineItem.displayName = \"TimelineItem\";\n\nexport { TimelineItem };\n"],"mappings":";;;;;;AAaA,IAAM,IAAe,EAAM,YAEvB,EACE,cACA,cACA,UACA,gBACA,SACA,WACA,aACA,GAAG,KAEL,MAGE,kBAAC,MAAD;CACO;CACL,WAAW,EACT,gEACA,EACD;CACD,GAAI;WANN,CASE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAW,EAAG,EAA2B,EAAE,WAAQ,CAAC,CAAC;aACvD,IACC,kBAAC,QAAD;IAAM,WAAU;IAAU,eAAY;cACnC;IACI,CAAA,GAEP,kBAAC,QAAD;IACE,WAAU;IACV,eAAY;IACZ,CAAA;GAEA,CAAA,EAEN,kBAAC,OAAD,EAAK,WAAU,wEAAyE,CAAA,CACpF;KAGN,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG,KAAa,QACZ,kBAAC,QAAD;IAAM,WAAU;cACb;IACI,CAAA;GAET,kBAAC,GAAD;IAAM,IAAG;IAAI,MAAK;IAAK,QAAO;cAC3B;IACI,CAAA;GACN,KAAe,QACd,kBAAC,GAAD;IAAM,IAAG;IAAI,MAAK;IAAK,OAAM;IAAQ,WAAU;cAC5C;IACI,CAAA;GAER,KAAY,kBAAC,OAAD;IAAK,WAAU;IAAkB;IAAe,CAAA;GACzD;IACH;GAGV;AAED,EAAa,cAAc"}
+{"version":3,"file":"TimelineItem.js","names":[],"sources":["../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { timelineItemMarkerVariants } from \"@nuka/components/Timeline/Timeline.variants\";\n\nexport interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  timestamp?: string;\n  title: string;\n  description?: string;\n  icon?: React.ReactNode;\n  intent?: \"default\" | \"danger\" | \"success\" | \"warning\";\n}\n\nfunction TimelineItem({\n  ref,\n  className,\n  timestamp,\n  title,\n  description,\n  icon,\n  intent,\n  children,\n  ...rest\n}: TimelineItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\n        \"group relative flex gap-(--space-4) pb-(--space-6) last:pb-0\",\n        className,\n      )}\n      {...rest}\n    >\n      {/* Left column: marker + connector */}\n      <div className=\"flex flex-col items-center self-stretch -mb-(--space-6) group-last:mb-0\">\n        <div className={cn(timelineItemMarkerVariants({ intent }))}>\n          {icon ? (\n            <span className=\"text-sm\" aria-hidden=\"true\">\n              {icon}\n            </span>\n          ) : (\n            <span\n              className=\"w-2 h-2 rounded-full bg-current\"\n              aria-hidden=\"true\"\n            />\n          )}\n        </div>\n        {/* Connector line: hidden on last item */}\n        <div className=\"w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden\" />\n      </div>\n\n      {/* Right column: content */}\n      <div className=\"flex-1 min-w-0 pb-(--space-1)\">\n        {timestamp != null && (\n          <time className=\"block text-xs text-(--nuka-text-muted) mb-(--space-1)\">\n            {timestamp}\n          </time>\n        )}\n        <Text as=\"p\" size=\"sm\" weight=\"medium\">\n          {title}\n        </Text>\n        {description != null && (\n          <Text as=\"p\" size=\"sm\" color=\"muted\" className=\"mt-(--space-1)\">\n            {description}\n          </Text>\n        )}\n        {children && <div className=\"mt-(--space-2)\">{children}</div>}\n      </div>\n    </li>\n  );\n}\n\nTimelineItem.displayName = \"TimelineItem\";\n\nexport { TimelineItem };\n"],"mappings":";;;;;;;AAgBA,SAAS,EAAa,EACpB,QACA,cACA,cACA,UACA,gBACA,SACA,WACA,aACA,GAAG,KACiB;AACpB,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EACT,gEACA,EACD;EACD,GAAI;YANN,CASE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAW,EAAG,EAA2B,EAAE,WAAQ,CAAC,CAAC;cACvD,IACC,kBAAC,QAAD;KAAM,WAAU;KAAU,eAAY;eACnC;KACI,CAAA,GAEP,kBAAC,QAAD;KACE,WAAU;KACV,eAAY;KACZ,CAAA;IAEA,CAAA,EAEN,kBAAC,OAAD,EAAK,WAAU,wEAAyE,CAAA,CACpF;MAGN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KAAa,QACZ,kBAAC,QAAD;KAAM,WAAU;eACb;KACI,CAAA;IAET,kBAAC,GAAD;KAAM,IAAG;KAAI,MAAK;KAAK,QAAO;eAC3B;KACI,CAAA;IACN,KAAe,QACd,kBAAC,GAAD;KAAM,IAAG;KAAI,MAAK;KAAK,OAAM;KAAQ,WAAU;eAC5C;KACI,CAAA;IAER,KAAY,kBAAC,OAAD;KAAK,WAAU;KAAkB;KAAe,CAAA;IACzD;KACH;;;AAIT,EAAa,cAAc"}

package/dist/components/Toast/Toast.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/dismiss-button.cjs`),r=require(`../Button/Button.cjs`),i=require(`../Text/Text.cjs`),a=require(`./Toast.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);var c=o.forwardRef(({toast:e,onDismiss:o},c)=>(0,s.jsxs)(`div`,{ref:c,role:`status`,"aria-live":e.intent===`danger`?`assertive`:`polite`,"aria-atomic":`true`,"data-state":e.dismissing?`closed`:`open`,className:t.cn(a.toastVariants({intent:e.intent})),children:[(0,s.jsx)(i.Text,{as:`div`,size:`sm`,weight:`medium`,className:`flex-1`,children:e.message}),e.action!=null&&(0,s.jsx)(r.Button,{variant:`link`,size:`sm`,className:`shrink-0`,onClick:()=>{e.action?.onClick(),o(e.id)},children:e.action.label}),(0,s.jsx)(n.DismissButton,{onClick:()=>o(e.id),label:`Dismiss notification`,className:`shrink-0`})]}));c.displayName=`Toast`,exports.Toast=c;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/dismiss-button.cjs`),r=require(`../Button/Button.cjs`),i=require(`../Text/Text.cjs`),a=require(`./Toast.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,toast:o,onDismiss:c}){return(0,s.jsxs)(`div`,{ref:e,role:`status`,"aria-live":o.intent===`danger`?`assertive`:`polite`,"aria-atomic":`true`,"data-state":o.dismissing?`closed`:`open`,className:t.cn(a.toastVariants({intent:o.intent})),children:[(0,s.jsx)(i.Text,{as:`div`,size:`sm`,weight:`medium`,className:`flex-1`,children:o.message}),o.action!=null&&(0,s.jsx)(r.Button,{variant:`link`,size:`sm`,className:`shrink-0`,onClick:()=>{o.action?.onClick(),c(o.id)},children:o.action.label}),(0,s.jsx)(n.DismissButton,{onClick:()=>c(o.id),label:`Dismiss notification`,className:`shrink-0`})]})}c.displayName=`Toast`,exports.Toast=c;
 //# sourceMappingURL=Toast.cjs.map

package/dist/components/Toast/Toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.cjs","names":[],"sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ToastItem } from \"@nuka/components/Toast/toastStore\";\nimport { toastVariants } from \"@nuka/components/Toast/Toast.variants\";\n\nexport interface ToastProps {\n  toast: ToastItem;\n  onDismiss: (id: string) => void;\n}\n\nconst Toast = React.forwardRef<HTMLDivElement, ToastProps>(\n  ({ toast: toastItem, onDismiss }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"status\"\n        aria-live={toastItem.intent === \"danger\" ? \"assertive\" : \"polite\"}\n        aria-atomic=\"true\"\n        data-state={toastItem.dismissing ? \"closed\" : \"open\"}\n        className={cn(toastVariants({ intent: toastItem.intent }))}\n      >\n        <Text as=\"div\" size=\"sm\" weight=\"medium\" className=\"flex-1\">\n          {toastItem.message}\n        </Text>\n        {toastItem.action != null && (\n          <Button\n            variant=\"link\"\n            size=\"sm\"\n            className=\"shrink-0\"\n            onClick={() => {\n              toastItem.action?.onClick();\n              onDismiss(toastItem.id);\n            }}\n          >\n            {toastItem.action.label}\n          </Button>\n        )}\n        <DismissButton\n          onClick={() => onDismiss(toastItem.id)}\n          label=\"Dismiss notification\"\n          className=\"shrink-0\"\n        />\n      </div>\n    );\n  },\n);\n\nToast.displayName = \"Toast\";\n\nexport { Toast, toastVariants };\n"],"mappings":"8TAcA,IAAM,EAAQ,EAAM,YACjB,CAAE,MAAO,EAAW,aAAa,KAE9B,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,SACL,YAAW,EAAU,SAAW,SAAW,YAAc,SACzD,cAAY,OACZ,aAAY,EAAU,WAAa,SAAW,OAC9C,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,OAAQ,EAAU,OAAQ,CAAC,CAAC,UAN5D,EAQE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,MAAM,KAAK,KAAK,OAAO,SAAS,UAAU,kBAChD,EAAU,QACN,CAAA,CACN,EAAU,QAAU,OACnB,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAQ,OACR,KAAK,KACL,UAAU,WACV,YAAe,CACb,EAAU,QAAQ,SAAS,CAC3B,EAAU,EAAU,GAAG,WAGxB,EAAU,OAAO,MACX,CAAA,EAEX,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAe,EAAU,EAAU,GAAG,CACtC,MAAM,uBACN,UAAU,WACV,CAAA,CACE,GAGX,CAED,EAAM,YAAc"}
+{"version":3,"file":"Toast.cjs","names":[],"sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ToastItem } from \"@nuka/components/Toast/toastStore\";\nimport { toastVariants } from \"@nuka/components/Toast/Toast.variants\";\n\nexport interface ToastProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  toast: ToastItem;\n  onDismiss: (id: string) => void;\n}\n\nfunction Toast({ ref, toast: toastItem, onDismiss }: ToastProps) {\n  return (\n    <div\n      ref={ref}\n      role=\"status\"\n      aria-live={toastItem.intent === \"danger\" ? \"assertive\" : \"polite\"}\n      aria-atomic=\"true\"\n      data-state={toastItem.dismissing ? \"closed\" : \"open\"}\n      className={cn(toastVariants({ intent: toastItem.intent }))}\n    >\n      <Text as=\"div\" size=\"sm\" weight=\"medium\" className=\"flex-1\">\n        {toastItem.message}\n      </Text>\n      {toastItem.action != null && (\n        <Button\n          variant=\"link\"\n          size=\"sm\"\n          className=\"shrink-0\"\n          onClick={() => {\n            toastItem.action?.onClick();\n            onDismiss(toastItem.id);\n          }}\n        >\n          {toastItem.action.label}\n        </Button>\n      )}\n      <DismissButton\n        onClick={() => onDismiss(toastItem.id)}\n        label=\"Dismiss notification\"\n        className=\"shrink-0\"\n      />\n    </div>\n  );\n}\n\nToast.displayName = \"Toast\";\n\nexport { Toast, toastVariants };\n"],"mappings":"8TAeA,SAAS,EAAM,CAAE,MAAK,MAAO,EAAW,aAAyB,CAC/D,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,SACL,YAAW,EAAU,SAAW,SAAW,YAAc,SACzD,cAAY,OACZ,aAAY,EAAU,WAAa,SAAW,OAC9C,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,OAAQ,EAAU,OAAQ,CAAC,CAAC,UAN5D,EAQE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,MAAM,KAAK,KAAK,OAAO,SAAS,UAAU,kBAChD,EAAU,QACN,CAAA,CACN,EAAU,QAAU,OACnB,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAQ,OACR,KAAK,KACL,UAAU,WACV,YAAe,CACb,EAAU,QAAQ,SAAS,CAC3B,EAAU,EAAU,GAAG,WAGxB,EAAU,OAAO,MACX,CAAA,EAEX,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAe,EAAU,EAAU,GAAG,CACtC,MAAM,uBACN,UAAU,WACV,CAAA,CACE,GAIV,EAAM,YAAc"}

package/dist/components/Toast/Toast.d.ts

@@ -2,9 +2,13 @@ import { ToastItem } from './toastStore';
 import { toastVariants } from './Toast.variants';
 import * as React from "react";
 export interface ToastProps {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     toast: ToastItem;
     onDismiss: (id: string) => void;
 }
-declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+declare function Toast({ ref, toast: toastItem, onDismiss }: ToastProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Toast {
+    var displayName: string;
+}
 export { Toast, toastVariants };
 //# sourceMappingURL=Toast.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,KAAK,mFAmCV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,iBAAS,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,UAAU,2CAiC9D;kBAjCQ,KAAK;;;AAqCd,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Toast/Toast.js

@@ -4,42 +4,44 @@ import { DismissButton as t } from "../../utils/dismiss-button.js";
 import { Button as n } from "../Button/Button.js";
 import { Text as r } from "../Text/Text.js";
 import { toastVariants as i } from "./Toast.variants.js";
-import * as a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/Toast/Toast.tsx
-var c = a.forwardRef(({ toast: a, onDismiss: c }, l) => /* @__PURE__ */ s("div", {
-	ref: l,
-	role: "status",
-	"aria-live": a.intent === "danger" ? "assertive" : "polite",
-	"aria-atomic": "true",
-	"data-state": a.dismissing ? "closed" : "open",
-	className: e(i({ intent: a.intent })),
-	children: [
-		/* @__PURE__ */ o(r, {
-			as: "div",
-			size: "sm",
-			weight: "medium",
-			className: "flex-1",
-			children: a.message
-		}),
-		a.action != null && /* @__PURE__ */ o(n, {
-			variant: "link",
-			size: "sm",
-			className: "shrink-0",
-			onClick: () => {
-				a.action?.onClick(), c(a.id);
-			},
-			children: a.action.label
-		}),
-		/* @__PURE__ */ o(t, {
-			onClick: () => c(a.id),
-			label: "Dismiss notification",
-			className: "shrink-0"
-		})
-	]
-}));
-c.displayName = "Toast";
+function s({ ref: s, toast: c, onDismiss: l }) {
+	return /* @__PURE__ */ o("div", {
+		ref: s,
+		role: "status",
+		"aria-live": c.intent === "danger" ? "assertive" : "polite",
+		"aria-atomic": "true",
+		"data-state": c.dismissing ? "closed" : "open",
+		className: e(i({ intent: c.intent })),
+		children: [
+			/* @__PURE__ */ a(r, {
+				as: "div",
+				size: "sm",
+				weight: "medium",
+				className: "flex-1",
+				children: c.message
+			}),
+			c.action != null && /* @__PURE__ */ a(n, {
+				variant: "link",
+				size: "sm",
+				className: "shrink-0",
+				onClick: () => {
+					c.action?.onClick(), l(c.id);
+				},
+				children: c.action.label
+			}),
+			/* @__PURE__ */ a(t, {
+				onClick: () => l(c.id),
+				label: "Dismiss notification",
+				className: "shrink-0"
+			})
+		]
+	});
+}
+s.displayName = "Toast";
 //#endregion
-export { c as Toast };
+export { s as Toast };
 
 //# sourceMappingURL=Toast.js.map

package/dist/components/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":[],"sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ToastItem } from \"@nuka/components/Toast/toastStore\";\nimport { toastVariants } from \"@nuka/components/Toast/Toast.variants\";\n\nexport interface ToastProps {\n  toast: ToastItem;\n  onDismiss: (id: string) => void;\n}\n\nconst Toast = React.forwardRef<HTMLDivElement, ToastProps>(\n  ({ toast: toastItem, onDismiss }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"status\"\n        aria-live={toastItem.intent === \"danger\" ? \"assertive\" : \"polite\"}\n        aria-atomic=\"true\"\n        data-state={toastItem.dismissing ? \"closed\" : \"open\"}\n        className={cn(toastVariants({ intent: toastItem.intent }))}\n      >\n        <Text as=\"div\" size=\"sm\" weight=\"medium\" className=\"flex-1\">\n          {toastItem.message}\n        </Text>\n        {toastItem.action != null && (\n          <Button\n            variant=\"link\"\n            size=\"sm\"\n            className=\"shrink-0\"\n            onClick={() => {\n              toastItem.action?.onClick();\n              onDismiss(toastItem.id);\n            }}\n          >\n            {toastItem.action.label}\n          </Button>\n        )}\n        <DismissButton\n          onClick={() => onDismiss(toastItem.id)}\n          label=\"Dismiss notification\"\n          className=\"shrink-0\"\n        />\n      </div>\n    );\n  },\n);\n\nToast.displayName = \"Toast\";\n\nexport { Toast, toastVariants };\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAQ,EAAM,YACjB,EAAE,OAAO,GAAW,gBAAa,MAE9B,kBAAC,OAAD;CACO;CACL,MAAK;CACL,aAAW,EAAU,WAAW,WAAW,cAAc;CACzD,eAAY;CACZ,cAAY,EAAU,aAAa,WAAW;CAC9C,WAAW,EAAG,EAAc,EAAE,QAAQ,EAAU,QAAQ,CAAC,CAAC;WAN5D;EAQE,kBAAC,GAAD;GAAM,IAAG;GAAM,MAAK;GAAK,QAAO;GAAS,WAAU;aAChD,EAAU;GACN,CAAA;EACN,EAAU,UAAU,QACnB,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe;AAEb,IADA,EAAU,QAAQ,SAAS,EAC3B,EAAU,EAAU,GAAG;;aAGxB,EAAU,OAAO;GACX,CAAA;EAEX,kBAAC,GAAD;GACE,eAAe,EAAU,EAAU,GAAG;GACtC,OAAM;GACN,WAAU;GACV,CAAA;EACE;GAGX;AAED,EAAM,cAAc"}
+{"version":3,"file":"Toast.js","names":[],"sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ToastItem } from \"@nuka/components/Toast/toastStore\";\nimport { toastVariants } from \"@nuka/components/Toast/Toast.variants\";\n\nexport interface ToastProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  toast: ToastItem;\n  onDismiss: (id: string) => void;\n}\n\nfunction Toast({ ref, toast: toastItem, onDismiss }: ToastProps) {\n  return (\n    <div\n      ref={ref}\n      role=\"status\"\n      aria-live={toastItem.intent === \"danger\" ? \"assertive\" : \"polite\"}\n      aria-atomic=\"true\"\n      data-state={toastItem.dismissing ? \"closed\" : \"open\"}\n      className={cn(toastVariants({ intent: toastItem.intent }))}\n    >\n      <Text as=\"div\" size=\"sm\" weight=\"medium\" className=\"flex-1\">\n        {toastItem.message}\n      </Text>\n      {toastItem.action != null && (\n        <Button\n          variant=\"link\"\n          size=\"sm\"\n          className=\"shrink-0\"\n          onClick={() => {\n            toastItem.action?.onClick();\n            onDismiss(toastItem.id);\n          }}\n        >\n          {toastItem.action.label}\n        </Button>\n      )}\n      <DismissButton\n        onClick={() => onDismiss(toastItem.id)}\n        label=\"Dismiss notification\"\n        className=\"shrink-0\"\n      />\n    </div>\n  );\n}\n\nToast.displayName = \"Toast\";\n\nexport { Toast, toastVariants };\n"],"mappings":";;;;;;;;;AAeA,SAAS,EAAM,EAAE,QAAK,OAAO,GAAW,gBAAyB;AAC/D,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,aAAW,EAAU,WAAW,WAAW,cAAc;EACzD,eAAY;EACZ,cAAY,EAAU,aAAa,WAAW;EAC9C,WAAW,EAAG,EAAc,EAAE,QAAQ,EAAU,QAAQ,CAAC,CAAC;YAN5D;GAQE,kBAAC,GAAD;IAAM,IAAG;IAAM,MAAK;IAAK,QAAO;IAAS,WAAU;cAChD,EAAU;IACN,CAAA;GACN,EAAU,UAAU,QACnB,kBAAC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,WAAU;IACV,eAAe;AAEb,KADA,EAAU,QAAQ,SAAS,EAC3B,EAAU,EAAU,GAAG;;cAGxB,EAAU,OAAO;IACX,CAAA;GAEX,kBAAC,GAAD;IACE,eAAe,EAAU,EAAU,GAAG;IACtC,OAAM;IACN,WAAU;IACV,CAAA;GACE;;;AAIV,EAAM,cAAc"}

package/dist/components/Toast/Toaster.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/portal.cjs`),r=require(`./toastStore.cjs`),i=require(`./Toast.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s={"top-right":`top-0 right-0 items-end`,"top-left":`top-0 left-0 items-start`,"top-center":`top-0 left-1/2 -translate-x-1/2 items-center`,"bottom-right":`bottom-0 right-0 items-end`,"bottom-left":`bottom-0 left-0 items-start`,"bottom-center":`bottom-0 left-1/2 -translate-x-1/2 items-center`},c=[],l=a.forwardRef(({position:e=`bottom-right`,className:l},u)=>{let d=a.useSyncExternalStore(r.toastStore.subscribe,r.toastStore.getSnapshot,()=>c).filter(e=>e.visible);return d.length===0?null:(0,o.jsx)(n.Portal,{children:(0,o.jsx)(`div`,{ref:u,role:`region`,"aria-label":`Notifications`,className:t.cn(`fixed z-(--nuka-z-toast) flex flex-col gap-(--space-2) p-(--space-4)`,s[e],l),children:d.map(e=>(0,o.jsx)(i.Toast,{toast:e,onDismiss:r.toast.dismiss},e.id))})})});l.displayName=`Toaster`,exports.Toaster=l;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/portal.cjs`),r=require(`./toastStore.cjs`),i=require(`./Toast.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s={"top-right":`top-0 right-0 items-end`,"top-left":`top-0 left-0 items-start`,"top-center":`top-0 left-1/2 -translate-x-1/2 items-center`,"bottom-right":`bottom-0 right-0 items-end`,"bottom-left":`bottom-0 left-0 items-start`,"bottom-center":`bottom-0 left-1/2 -translate-x-1/2 items-center`},c=[];function l({ref:e,position:l=`bottom-right`,className:u}){let d=a.useSyncExternalStore(r.toastStore.subscribe,r.toastStore.getSnapshot,()=>c).filter(e=>e.visible);return d.length===0?null:(0,o.jsx)(n.Portal,{children:(0,o.jsx)(`div`,{ref:e,role:`region`,"aria-label":`Notifications`,className:t.cn(`fixed z-(--nuka-z-toast) flex flex-col gap-(--space-2) p-(--space-4)`,s[l],u),children:d.map(e=>(0,o.jsx)(i.Toast,{toast:e,onDismiss:r.toast.dismiss},e.id))})})}l.displayName=`Toaster`,exports.Toaster=l;
 //# sourceMappingURL=Toaster.cjs.map

package/dist/components/Toast/Toaster.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.cjs","names":[],"sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { toast, toastStore } from \"@nuka/components/Toast/toastStore\";\nimport type { ToastItem } from \"@nuka/components/Toast/toastStore\";\nimport { Toast } from \"@nuka/components/Toast/Toast\";\n\nexport type ToasterPosition =\n  | \"top-right\"\n  | \"top-left\"\n  | \"top-center\"\n  | \"bottom-right\"\n  | \"bottom-left\"\n  | \"bottom-center\";\n\nconst positionClasses: Record<ToasterPosition, string> = {\n  \"top-right\": \"top-0 right-0 items-end\",\n  \"top-left\": \"top-0 left-0 items-start\",\n  \"top-center\": \"top-0 left-1/2 -translate-x-1/2 items-center\",\n  \"bottom-right\": \"bottom-0 right-0 items-end\",\n  \"bottom-left\": \"bottom-0 left-0 items-start\",\n  \"bottom-center\": \"bottom-0 left-1/2 -translate-x-1/2 items-center\",\n};\n\nconst emptySnapshot: ToastItem[] = [];\n\nexport interface ToasterProps {\n  position?: ToasterPosition;\n  className?: string;\n}\n\nconst Toaster = React.forwardRef<HTMLDivElement, ToasterProps>(\n  ({ position = \"bottom-right\", className }, ref) => {\n    const toasts = React.useSyncExternalStore(\n      toastStore.subscribe,\n      toastStore.getSnapshot,\n      () => emptySnapshot,\n    );\n\n    const visibleToasts = toasts.filter((t) => t.visible);\n\n    if (visibleToasts.length === 0) return null;\n\n    return (\n      <Portal>\n        <div\n          ref={ref}\n          role=\"region\"\n          aria-label=\"Notifications\"\n          className={cn(\n            \"fixed z-(--nuka-z-toast) flex flex-col gap-(--space-2) p-(--space-4)\",\n            positionClasses[position],\n            className,\n          )}\n        >\n          {visibleToasts.map((t) => (\n            <Toast key={t.id} toast={t} onDismiss={toast.dismiss} />\n          ))}\n        </div>\n      </Portal>\n    );\n  },\n);\n\nToaster.displayName = \"Toaster\";\n\nexport { Toaster };\n"],"mappings":"2QAgBA,IAAM,EAAmD,CACvD,YAAa,0BACb,WAAY,2BACZ,aAAc,+CACd,eAAgB,6BAChB,cAAe,8BACf,gBAAiB,kDAClB,CAEK,EAA6B,EAAE,CAO/B,EAAU,EAAM,YACnB,CAAE,WAAW,eAAgB,aAAa,IAAQ,CAOjD,IAAM,EANS,EAAM,qBACnB,EAAA,WAAW,UACX,EAAA,WAAW,gBACL,EACP,CAE4B,OAAQ,GAAM,EAAE,QAAQ,CAIrD,OAFI,EAAc,SAAW,EAAU,MAGrC,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,SACL,aAAW,gBACX,UAAW,EAAA,GACT,uEACA,EAAgB,GAChB,EACD,UAEA,EAAc,IAAK,IAClB,EAAA,EAAA,KAAC,EAAA,MAAD,CAAkB,MAAO,EAAG,UAAW,EAAA,MAAM,QAAW,CAA5C,EAAE,GAA0C,CACxD,CACE,CAAA,CACC,CAAA,EAGd,CAED,EAAQ,YAAc"}
+{"version":3,"file":"Toaster.cjs","names":[],"sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { toast, toastStore } from \"@nuka/components/Toast/toastStore\";\nimport type { ToastItem } from \"@nuka/components/Toast/toastStore\";\nimport { Toast } from \"@nuka/components/Toast/Toast\";\n\nexport type ToasterPosition =\n  | \"top-right\"\n  | \"top-left\"\n  | \"top-center\"\n  | \"bottom-right\"\n  | \"bottom-left\"\n  | \"bottom-center\";\n\nconst positionClasses: Record<ToasterPosition, string> = {\n  \"top-right\": \"top-0 right-0 items-end\",\n  \"top-left\": \"top-0 left-0 items-start\",\n  \"top-center\": \"top-0 left-1/2 -translate-x-1/2 items-center\",\n  \"bottom-right\": \"bottom-0 right-0 items-end\",\n  \"bottom-left\": \"bottom-0 left-0 items-start\",\n  \"bottom-center\": \"bottom-0 left-1/2 -translate-x-1/2 items-center\",\n};\n\nconst emptySnapshot: ToastItem[] = [];\n\nexport interface ToasterProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  position?: ToasterPosition;\n  className?: string;\n}\n\nfunction Toaster({ ref, position = \"bottom-right\", className }: ToasterProps) {\n  const toasts = React.useSyncExternalStore(\n    toastStore.subscribe,\n    toastStore.getSnapshot,\n    () => emptySnapshot,\n  );\n\n  const visibleToasts = toasts.filter((t) => t.visible);\n\n  if (visibleToasts.length === 0) return null;\n\n  return (\n    <Portal>\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label=\"Notifications\"\n        className={cn(\n          \"fixed z-(--nuka-z-toast) flex flex-col gap-(--space-2) p-(--space-4)\",\n          positionClasses[position],\n          className,\n        )}\n      >\n        {visibleToasts.map((t) => (\n          <Toast key={t.id} toast={t} onDismiss={toast.dismiss} />\n        ))}\n      </div>\n    </Portal>\n  );\n}\n\nToaster.displayName = \"Toaster\";\n\nexport { Toaster };\n"],"mappings":"2QAgBA,IAAM,EAAmD,CACvD,YAAa,0BACb,WAAY,2BACZ,aAAc,+CACd,eAAgB,6BAChB,cAAe,8BACf,gBAAiB,kDAClB,CAEK,EAA6B,EAAE,CAQrC,SAAS,EAAQ,CAAE,MAAK,WAAW,eAAgB,aAA2B,CAO5E,IAAM,EANS,EAAM,qBACnB,EAAA,WAAW,UACX,EAAA,WAAW,gBACL,EACP,CAE4B,OAAQ,GAAM,EAAE,QAAQ,CAIrD,OAFI,EAAc,SAAW,EAAU,MAGrC,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,SACL,aAAW,gBACX,UAAW,EAAA,GACT,uEACA,EAAgB,GAChB,EACD,UAEA,EAAc,IAAK,IAClB,EAAA,EAAA,KAAC,EAAA,MAAD,CAAkB,MAAO,EAAG,UAAW,EAAA,MAAM,QAAW,CAA5C,EAAE,GAA0C,CACxD,CACE,CAAA,CACC,CAAA,CAIb,EAAQ,YAAc"}

package/dist/components/Toast/Toaster.d.ts

@@ -1,9 +1,13 @@
 import * as React from "react";
 export type ToasterPosition = "top-right" | "top-left" | "top-center" | "bottom-right" | "bottom-left" | "bottom-center";
 export interface ToasterProps {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     position?: ToasterPosition;
     className?: string;
 }
-declare const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HTMLDivElement>>;
+declare function Toaster({ ref, position, className }: ToasterProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace Toaster {
+    var displayName: string;
+}
 export { Toaster };
 //# sourceMappingURL=Toaster.d.ts.map

package/dist/components/Toast/Toaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,UAAU,GACV,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,CAAC;AAapB,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,qFA+BZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,UAAU,GACV,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,CAAC;AAapB,MAAM,WAAW,YAAY;IAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,EAAE,QAAyB,EAAE,SAAS,EAAE,EAAE,YAAY,kDA6B3E;kBA7BQ,OAAO;;;AAiChB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Toast/Toaster.js

@@ -13,19 +13,20 @@ var s = {
 	"bottom-right": "bottom-0 right-0 items-end",
 	"bottom-left": "bottom-0 left-0 items-start",
 	"bottom-center": "bottom-0 left-1/2 -translate-x-1/2 items-center"
-}, c = [], l = a.forwardRef(({ position: l = "bottom-right", className: u }, d) => {
+}, c = [];
+function l({ ref: l, position: u = "bottom-right", className: d }) {
 	let f = a.useSyncExternalStore(r.subscribe, r.getSnapshot, () => c).filter((e) => e.visible);
 	return f.length === 0 ? null : /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o("div", {
-		ref: d,
+		ref: l,
 		role: "region",
 		"aria-label": "Notifications",
-		className: e("fixed z-(--nuka-z-toast) flex flex-col gap-(--space-2) p-(--space-4)", s[l], u),
+		className: e("fixed z-(--nuka-z-toast) flex flex-col gap-(--space-2) p-(--space-4)", s[u], d),
 		children: f.map((e) => /* @__PURE__ */ o(i, {
 			toast: e,
 			onDismiss: n.dismiss
 		}, e.id))
 	}) });
-});
+}
 l.displayName = "Toaster";
 //#endregion
 export { l as Toaster };

package/dist/components/Toast/Toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","names":[],"sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { toast, toastStore } from \"@nuka/components/Toast/toastStore\";\nimport type { ToastItem } from \"@nuka/components/Toast/toastStore\";\nimport { Toast } from \"@nuka/components/Toast/Toast\";\n\nexport type ToasterPosition =\n  | \"top-right\"\n  | \"top-left\"\n  | \"top-center\"\n  | \"bottom-right\"\n  | \"bottom-left\"\n  | \"bottom-center\";\n\nconst positionClasses: Record<ToasterPosition, string> = {\n  \"top-right\": \"top-0 right-0 items-end\",\n  \"top-left\": \"top-0 left-0 items-start\",\n  \"top-center\": \"top-0 left-1/2 -translate-x-1/2 items-center\",\n  \"bottom-right\": \"bottom-0 right-0 items-end\",\n  \"bottom-left\": \"bottom-0 left-0 items-start\",\n  \"bottom-center\": \"bottom-0 left-1/2 -translate-x-1/2 items-center\",\n};\n\nconst emptySnapshot: ToastItem[] = [];\n\nexport interface ToasterProps {\n  position?: ToasterPosition;\n  className?: string;\n}\n\nconst Toaster = React.forwardRef<HTMLDivElement, ToasterProps>(\n  ({ position = \"bottom-right\", className }, ref) => {\n    const toasts = React.useSyncExternalStore(\n      toastStore.subscribe,\n      toastStore.getSnapshot,\n      () => emptySnapshot,\n    );\n\n    const visibleToasts = toasts.filter((t) => t.visible);\n\n    if (visibleToasts.length === 0) return null;\n\n    return (\n      <Portal>\n        <div\n          ref={ref}\n          role=\"region\"\n          aria-label=\"Notifications\"\n          className={cn(\n            \"fixed z-(--nuka-z-toast) flex flex-col gap-(--space-2) p-(--space-4)\",\n            positionClasses[position],\n            className,\n          )}\n        >\n          {visibleToasts.map((t) => (\n            <Toast key={t.id} toast={t} onDismiss={toast.dismiss} />\n          ))}\n        </div>\n      </Portal>\n    );\n  },\n);\n\nToaster.displayName = \"Toaster\";\n\nexport { Toaster };\n"],"mappings":";;;;;;;;AAgBA,IAAM,IAAmD;CACvD,aAAa;CACb,YAAY;CACZ,cAAc;CACd,gBAAgB;CAChB,eAAe;CACf,iBAAiB;CAClB,EAEK,IAA6B,EAAE,EAO/B,IAAU,EAAM,YACnB,EAAE,cAAW,gBAAgB,gBAAa,MAAQ;CAOjD,IAAM,IANS,EAAM,qBACnB,EAAW,WACX,EAAW,mBACL,EACP,CAE4B,QAAQ,MAAM,EAAE,QAAQ;AAIrD,QAFI,EAAc,WAAW,IAAU,OAGrC,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAW;EACX,WAAW,EACT,wEACA,EAAgB,IAChB,EACD;YAEA,EAAc,KAAK,MAClB,kBAAC,GAAD;GAAkB,OAAO;GAAG,WAAW,EAAM;GAAW,EAA5C,EAAE,GAA0C,CACxD;EACE,CAAA,EACC,CAAA;EAGd;AAED,EAAQ,cAAc"}
+{"version":3,"file":"Toaster.js","names":[],"sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { toast, toastStore } from \"@nuka/components/Toast/toastStore\";\nimport type { ToastItem } from \"@nuka/components/Toast/toastStore\";\nimport { Toast } from \"@nuka/components/Toast/Toast\";\n\nexport type ToasterPosition =\n  | \"top-right\"\n  | \"top-left\"\n  | \"top-center\"\n  | \"bottom-right\"\n  | \"bottom-left\"\n  | \"bottom-center\";\n\nconst positionClasses: Record<ToasterPosition, string> = {\n  \"top-right\": \"top-0 right-0 items-end\",\n  \"top-left\": \"top-0 left-0 items-start\",\n  \"top-center\": \"top-0 left-1/2 -translate-x-1/2 items-center\",\n  \"bottom-right\": \"bottom-0 right-0 items-end\",\n  \"bottom-left\": \"bottom-0 left-0 items-start\",\n  \"bottom-center\": \"bottom-0 left-1/2 -translate-x-1/2 items-center\",\n};\n\nconst emptySnapshot: ToastItem[] = [];\n\nexport interface ToasterProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  position?: ToasterPosition;\n  className?: string;\n}\n\nfunction Toaster({ ref, position = \"bottom-right\", className }: ToasterProps) {\n  const toasts = React.useSyncExternalStore(\n    toastStore.subscribe,\n    toastStore.getSnapshot,\n    () => emptySnapshot,\n  );\n\n  const visibleToasts = toasts.filter((t) => t.visible);\n\n  if (visibleToasts.length === 0) return null;\n\n  return (\n    <Portal>\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label=\"Notifications\"\n        className={cn(\n          \"fixed z-(--nuka-z-toast) flex flex-col gap-(--space-2) p-(--space-4)\",\n          positionClasses[position],\n          className,\n        )}\n      >\n        {visibleToasts.map((t) => (\n          <Toast key={t.id} toast={t} onDismiss={toast.dismiss} />\n        ))}\n      </div>\n    </Portal>\n  );\n}\n\nToaster.displayName = \"Toaster\";\n\nexport { Toaster };\n"],"mappings":";;;;;;;;AAgBA,IAAM,IAAmD;CACvD,aAAa;CACb,YAAY;CACZ,cAAc;CACd,gBAAgB;CAChB,eAAe;CACf,iBAAiB;CAClB,EAEK,IAA6B,EAAE;AAQrC,SAAS,EAAQ,EAAE,QAAK,cAAW,gBAAgB,gBAA2B;CAO5E,IAAM,IANS,EAAM,qBACnB,EAAW,WACX,EAAW,mBACL,EACP,CAE4B,QAAQ,MAAM,EAAE,QAAQ;AAIrD,QAFI,EAAc,WAAW,IAAU,OAGrC,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAW;EACX,WAAW,EACT,wEACA,EAAgB,IAChB,EACD;YAEA,EAAc,KAAK,MAClB,kBAAC,GAAD;GAAkB,OAAO;GAAG,WAAW,EAAM;GAAW,EAA5C,EAAE,GAA0C,CACxD;EACE,CAAA,EACC,CAAA;;AAIb,EAAQ,cAAc"}

package/dist/components/Tooltip/TooltipContent.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(`./Tooltip.context.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s=a.forwardRef(({className:e,...a},s)=>{let c=i.useTooltipContext();if(!c.open)return null;let l=c.getFloatingProps(a);return(0,o.jsx)(r.Portal,{children:(0,o.jsx)(`div`,{ref:n.composeRefs(s,c.refs.setFloating),role:`tooltip`,style:c.floatingStyles,...l,className:t.cn(`z-(--nuka-z-dropdown) max-w-xs rounded-(--radius-md) px-(--space-2) py-(--space-1)`,`text-xs bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)`,`shadow-md pointer-events-none`,e)})})});s.displayName=`TooltipContent`,exports.TooltipContent=s;
+"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(`./Tooltip.context.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);function s({ref:e,className:a,...s}){let c=i.useTooltipContext();if(!c.open)return null;let l=c.getFloatingProps(s);return(0,o.jsx)(r.Portal,{children:(0,o.jsx)(`div`,{ref:n.composeRefs(e,c.refs.setFloating),role:`tooltip`,style:c.floatingStyles,...l,className:t.cn(`z-(--nuka-z-dropdown) max-w-xs rounded-(--radius-md) px-(--space-2) py-(--space-1)`,`text-xs bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)`,`shadow-md pointer-events-none`,a)})})}s.displayName=`TooltipContent`,exports.TooltipContent=s;
 //# sourceMappingURL=TooltipContent.cjs.map

package/dist/components/Tooltip/TooltipContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.cjs","names":[],"sources":["../../../src/components/Tooltip/TooltipContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useTooltipContext } from \"@nuka/components/Tooltip/Tooltip.context\";\n\nexport interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  ({ className, ...props }, ref) => {\n    const ctx = useTooltipContext();\n\n    if (!ctx.open) return null;\n\n    const floatingProps = ctx.getFloatingProps(props);\n\n    return (\n      <Portal>\n        <div\n          ref={composeRefs(ref, ctx.refs.setFloating)}\n          role=\"tooltip\"\n          style={ctx.floatingStyles}\n          // Safe: Floating UI getFloatingProps() returns Record<string, unknown>;\n          // values are standard DOM attributes and event handlers.\n          {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n          className={cn(\n            \"z-(--nuka-z-dropdown) max-w-xs rounded-(--radius-md) px-(--space-2) py-(--space-1)\",\n            \"text-xs bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)\",\n            \"shadow-md pointer-events-none\",\n            className,\n          )}\n        />\n      </Portal>\n    );\n  },\n);\n\nTooltipContent.displayName = \"TooltipContent\";\n\nexport { TooltipContent };\n"],"mappings":"yRASA,IAAM,EAAiB,EAAM,YAC1B,CAAE,YAAW,GAAG,GAAS,IAAQ,CAChC,IAAM,EAAM,EAAA,mBAAmB,CAE/B,GAAI,CAAC,EAAI,KAAM,OAAO,KAEtB,IAAM,EAAgB,EAAI,iBAAiB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EAAA,YAAY,EAAK,EAAI,KAAK,YAAY,CAC3C,KAAK,UACL,MAAO,EAAI,eAGX,GAAK,EACL,UAAW,EAAA,GACT,qFACA,6DACA,gCACA,EACD,CACD,CAAA,CACK,CAAA,EAGd,CAED,EAAe,YAAc"}
+{"version":3,"file":"TooltipContent.cjs","names":[],"sources":["../../../src/components/Tooltip/TooltipContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useTooltipContext } from \"@nuka/components/Tooltip/Tooltip.context\";\n\nexport interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction TooltipContent({ ref, className, ...props }: TooltipContentProps) {\n  const ctx = useTooltipContext();\n\n  if (!ctx.open) return null;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <div\n        ref={composeRefs(ref, ctx.refs.setFloating)}\n        role=\"tooltip\"\n        style={ctx.floatingStyles}\n        // Safe: Floating UI getFloatingProps() returns Record<string, unknown>;\n        // values are standard DOM attributes and event handlers.\n        {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n        className={cn(\n          \"z-(--nuka-z-dropdown) max-w-xs rounded-(--radius-md) px-(--space-2) py-(--space-1)\",\n          \"text-xs bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)\",\n          \"shadow-md pointer-events-none\",\n          className,\n        )}\n      />\n    </Portal>\n  );\n}\n\nTooltipContent.displayName = \"TooltipContent\";\n\nexport { TooltipContent };\n"],"mappings":"yRAWA,SAAS,EAAe,CAAE,MAAK,YAAW,GAAG,GAA8B,CACzE,IAAM,EAAM,EAAA,mBAAmB,CAE/B,GAAI,CAAC,EAAI,KAAM,OAAO,KAEtB,IAAM,EAAgB,EAAI,iBAAiB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EAAA,YAAY,EAAK,EAAI,KAAK,YAAY,CAC3C,KAAK,UACL,MAAO,EAAI,eAGX,GAAK,EACL,UAAW,EAAA,GACT,qFACA,6DACA,gCACA,EACD,CACD,CAAA,CACK,CAAA,CAIb,EAAe,YAAc"}

package/dist/components/Tooltip/TooltipContent.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}
+declare function TooltipContent({ ref, className, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace TooltipContent {
+    var displayName: string;
 }
-declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
 export { TooltipContent };
 //# sourceMappingURL=TooltipContent.d.ts.map

package/dist/components/Tooltip/TooltipContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpF,QAAA,MAAM,cAAc,4FA2BnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"TooltipContent.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,kDAyBxE;kBAzBQ,cAAc;;;AA6BvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Tooltip/TooltipContent.js

@@ -3,23 +3,23 @@ import { cn as e } from "../../utils/cn.js";
 import { composeRefs as t } from "../../utils/slot.js";
 import { Portal as n } from "../../utils/portal.js";
 import { useTooltipContext as r } from "./Tooltip.context.js";
-import * as i from "react";
-import { jsx as a } from "react/jsx-runtime";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/components/Tooltip/TooltipContent.tsx
-var o = i.forwardRef(({ className: i, ...o }, s) => {
+function a({ ref: a, className: o, ...s }) {
 	let c = r();
 	if (!c.open) return null;
-	let l = c.getFloatingProps(o);
-	return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a("div", {
-		ref: t(s, c.refs.setFloating),
+	let l = c.getFloatingProps(s);
+	return /* @__PURE__ */ i(n, { children: /* @__PURE__ */ i("div", {
+		ref: t(a, c.refs.setFloating),
 		role: "tooltip",
 		style: c.floatingStyles,
 		...l,
-		className: e("z-(--nuka-z-dropdown) max-w-xs rounded-(--radius-md) px-(--space-2) py-(--space-1)", "text-xs bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)", "shadow-md pointer-events-none", i)
+		className: e("z-(--nuka-z-dropdown) max-w-xs rounded-(--radius-md) px-(--space-2) py-(--space-1)", "text-xs bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)", "shadow-md pointer-events-none", o)
 	}) });
-});
-o.displayName = "TooltipContent";
+}
+a.displayName = "TooltipContent";
 //#endregion
-export { o as TooltipContent };
+export { a as TooltipContent };
 
 //# sourceMappingURL=TooltipContent.js.map

package/dist/components/Tooltip/TooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.js","names":[],"sources":["../../../src/components/Tooltip/TooltipContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useTooltipContext } from \"@nuka/components/Tooltip/Tooltip.context\";\n\nexport interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  ({ className, ...props }, ref) => {\n    const ctx = useTooltipContext();\n\n    if (!ctx.open) return null;\n\n    const floatingProps = ctx.getFloatingProps(props);\n\n    return (\n      <Portal>\n        <div\n          ref={composeRefs(ref, ctx.refs.setFloating)}\n          role=\"tooltip\"\n          style={ctx.floatingStyles}\n          // Safe: Floating UI getFloatingProps() returns Record<string, unknown>;\n          // values are standard DOM attributes and event handlers.\n          {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n          className={cn(\n            \"z-(--nuka-z-dropdown) max-w-xs rounded-(--radius-md) px-(--space-2) py-(--space-1)\",\n            \"text-xs bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)\",\n            \"shadow-md pointer-events-none\",\n            className,\n          )}\n        />\n      </Portal>\n    );\n  },\n);\n\nTooltipContent.displayName = \"TooltipContent\";\n\nexport { TooltipContent };\n"],"mappings":";;;;;;;;AASA,IAAM,IAAiB,EAAM,YAC1B,EAAE,cAAW,GAAG,KAAS,MAAQ;CAChC,IAAM,IAAM,GAAmB;AAE/B,KAAI,CAAC,EAAI,KAAM,QAAO;CAEtB,IAAM,IAAgB,EAAI,iBAAiB,EAAM;AAEjD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACE,KAAK,EAAY,GAAK,EAAI,KAAK,YAAY;EAC3C,MAAK;EACL,OAAO,EAAI;EAGX,GAAK;EACL,WAAW,EACT,sFACA,8DACA,iCACA,EACD;EACD,CAAA,EACK,CAAA;EAGd;AAED,EAAe,cAAc"}
+{"version":3,"file":"TooltipContent.js","names":[],"sources":["../../../src/components/Tooltip/TooltipContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useTooltipContext } from \"@nuka/components/Tooltip/Tooltip.context\";\n\nexport interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction TooltipContent({ ref, className, ...props }: TooltipContentProps) {\n  const ctx = useTooltipContext();\n\n  if (!ctx.open) return null;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <div\n        ref={composeRefs(ref, ctx.refs.setFloating)}\n        role=\"tooltip\"\n        style={ctx.floatingStyles}\n        // Safe: Floating UI getFloatingProps() returns Record<string, unknown>;\n        // values are standard DOM attributes and event handlers.\n        {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n        className={cn(\n          \"z-(--nuka-z-dropdown) max-w-xs rounded-(--radius-md) px-(--space-2) py-(--space-1)\",\n          \"text-xs bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)\",\n          \"shadow-md pointer-events-none\",\n          className,\n        )}\n      />\n    </Portal>\n  );\n}\n\nTooltipContent.displayName = \"TooltipContent\";\n\nexport { TooltipContent };\n"],"mappings":";;;;;;;;AAWA,SAAS,EAAe,EAAE,QAAK,cAAW,GAAG,KAA8B;CACzE,IAAM,IAAM,GAAmB;AAE/B,KAAI,CAAC,EAAI,KAAM,QAAO;CAEtB,IAAM,IAAgB,EAAI,iBAAiB,EAAM;AAEjD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACE,KAAK,EAAY,GAAK,EAAI,KAAK,YAAY;EAC3C,MAAK;EACL,OAAO,EAAI;EAGX,GAAK;EACL,WAAW,EACT,sFACA,8DACA,iCACA,EACD;EACD,CAAA,EACK,CAAA;;AAIb,EAAe,cAAc"}

package/dist/components/Tooltip/TooltipTrigger.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`./Tooltip.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({asChild:e=!1,children:r,...a},o)=>{let s=n.useTooltipContext(),c=t.composeRefs(o,s.refs.setReference),l=e?t.Slot:`button`,u=s.getReferenceProps(a);return(0,i.jsx)(l,{ref:c,type:e?void 0:`button`,...u,children:r})});a.displayName=`TooltipTrigger`,exports.TooltipTrigger=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`./Tooltip.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.useTooltipContext(),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`,...u,children:a})}a.displayName=`TooltipTrigger`,exports.TooltipTrigger=a;
 //# sourceMappingURL=TooltipTrigger.cjs.map

package/dist/components/Tooltip/TooltipTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.cjs","names":[],"sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useTooltipContext } from \"@nuka/components/Tooltip/Tooltip.context\";\n\nexport interface TooltipTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  ({ asChild = false, children, ...props }, ref) => {\n    const ctx = useTooltipContext();\n    const composedRef = composeRefs(ref, ctx.refs.setReference);\n\n    const Comp = asChild ? Slot : \"button\";\n\n    const triggerProps = ctx.getReferenceProps(props);\n\n    return (\n      <Comp\n        ref={composedRef}\n        type={asChild ? undefined : \"button\"}\n        // Safe: Floating UI getReferenceProps() returns Record<string, unknown>;\n        // values are standard DOM event handlers.\n        {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n      >\n        {children}\n      </Comp>\n    );\n  },\n);\n\nTooltipTrigger.displayName = \"TooltipTrigger\";\n\nexport { TooltipTrigger };\n"],"mappings":"qNASA,IAAM,EAAiB,EAAM,YAC1B,CAAE,UAAU,GAAO,WAAU,GAAG,GAAS,IAAQ,CAChD,IAAM,EAAM,EAAA,mBAAmB,CACzB,EAAc,EAAA,YAAY,EAAK,EAAI,KAAK,aAAa,CAErD,EAAO,EAAU,EAAA,KAAO,SAExB,EAAe,EAAI,kBAAkB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,KAAM,EAAU,IAAA,GAAY,SAG5B,GAAK,EAEJ,WACI,CAAA,EAGZ,CAED,EAAe,YAAc"}
+{"version":3,"file":"TooltipTrigger.cjs","names":[],"sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useTooltipContext } from \"@nuka/components/Tooltip/Tooltip.context\";\n\nexport interface TooltipTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction TooltipTrigger({\n  ref,\n  asChild = false,\n  children,\n  ...props\n}: TooltipTriggerProps) {\n  const ctx = useTooltipContext();\n  const composedRef = composeRefs(ref, ctx.refs.setReference);\n\n  const Comp = asChild ? Slot : \"button\";\n\n  const triggerProps = ctx.getReferenceProps(props);\n\n  return (\n    <Comp\n      ref={composedRef}\n      type={asChild ? undefined : \"button\"}\n      // Safe: Floating UI getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers.\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nTooltipTrigger.displayName = \"TooltipTrigger\";\n\nexport { TooltipTrigger };\n"],"mappings":"qNAUA,SAAS,EAAe,CACtB,MACA,UAAU,GACV,WACA,GAAG,GACmB,CACtB,IAAM,EAAM,EAAA,mBAAmB,CACzB,EAAc,EAAA,YAAY,EAAK,EAAI,KAAK,aAAa,CAErD,EAAO,EAAU,EAAA,KAAO,SAExB,EAAe,EAAI,kBAAkB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,KAAM,EAAU,IAAA,GAAY,SAG5B,GAAK,EAEJ,WACI,CAAA,CAIX,EAAe,YAAc"}

package/dist/components/Tooltip/TooltipTrigger.d.ts

@@ -1,7 +1,11 @@
 import * as React from "react";
 export interface TooltipTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: React.Ref<HTMLButtonElement> | undefined;
     asChild?: boolean;
 }
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare function TooltipTrigger({ ref, asChild, children, ...props }: TooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TooltipTrigger {
+    var displayName: string;
+}
 export { TooltipTrigger };
 //# sourceMappingURL=TooltipTrigger.d.ts.map

package/dist/components/Tooltip/TooltipTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,cAAc,+FAqBnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"TooltipTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAmBrB;kBAxBQ,cAAc;;;AA4BvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Tooltip/TooltipTrigger.js

@@ -1,20 +1,20 @@
 "use client";
 import { Slot as e, composeRefs as t } from "../../utils/slot.js";
 import { useTooltipContext as n } from "./Tooltip.context.js";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Tooltip/TooltipTrigger.tsx
-var a = r.forwardRef(({ asChild: r = !1, children: a, ...o }, s) => {
-	let c = n(), l = t(s, c.refs.setReference), u = r ? e : "button", d = c.getReferenceProps(o);
-	return /* @__PURE__ */ i(u, {
+function i({ ref: i, asChild: a = !1, children: o, ...s }) {
+	let c = n(), l = t(i, c.refs.setReference), u = a ? e : "button", d = c.getReferenceProps(s);
+	return /* @__PURE__ */ r(u, {
 		ref: l,
-		type: r ? void 0 : "button",
+		type: a ? void 0 : "button",
 		...d,
-		children: a
+		children: o
 	});
-});
-a.displayName = "TooltipTrigger";
+}
+i.displayName = "TooltipTrigger";
 //#endregion
-export { a as TooltipTrigger };
+export { i as TooltipTrigger };
 
 //# sourceMappingURL=TooltipTrigger.js.map

package/dist/components/Tooltip/TooltipTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","names":[],"sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useTooltipContext } from \"@nuka/components/Tooltip/Tooltip.context\";\n\nexport interface TooltipTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  ({ asChild = false, children, ...props }, ref) => {\n    const ctx = useTooltipContext();\n    const composedRef = composeRefs(ref, ctx.refs.setReference);\n\n    const Comp = asChild ? Slot : \"button\";\n\n    const triggerProps = ctx.getReferenceProps(props);\n\n    return (\n      <Comp\n        ref={composedRef}\n        type={asChild ? undefined : \"button\"}\n        // Safe: Floating UI getReferenceProps() returns Record<string, unknown>;\n        // values are standard DOM event handlers.\n        {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n      >\n        {children}\n      </Comp>\n    );\n  },\n);\n\nTooltipTrigger.displayName = \"TooltipTrigger\";\n\nexport { TooltipTrigger };\n"],"mappings":";;;;;;AASA,IAAM,IAAiB,EAAM,YAC1B,EAAE,aAAU,IAAO,aAAU,GAAG,KAAS,MAAQ;CAChD,IAAM,IAAM,GAAmB,EACzB,IAAc,EAAY,GAAK,EAAI,KAAK,aAAa,EAErD,IAAO,IAAU,IAAO,UAExB,IAAe,EAAI,kBAAkB,EAAM;AAEjD,QACE,kBAAC,GAAD;EACE,KAAK;EACL,MAAM,IAAU,KAAA,IAAY;EAG5B,GAAK;EAEJ;EACI,CAAA;EAGZ;AAED,EAAe,cAAc"}
+{"version":3,"file":"TooltipTrigger.js","names":[],"sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useTooltipContext } from \"@nuka/components/Tooltip/Tooltip.context\";\n\nexport interface TooltipTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction TooltipTrigger({\n  ref,\n  asChild = false,\n  children,\n  ...props\n}: TooltipTriggerProps) {\n  const ctx = useTooltipContext();\n  const composedRef = composeRefs(ref, ctx.refs.setReference);\n\n  const Comp = asChild ? Slot : \"button\";\n\n  const triggerProps = ctx.getReferenceProps(props);\n\n  return (\n    <Comp\n      ref={composedRef}\n      type={asChild ? undefined : \"button\"}\n      // Safe: Floating UI getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers.\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nTooltipTrigger.displayName = \"TooltipTrigger\";\n\nexport { TooltipTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAe,EACtB,QACA,aAAU,IACV,aACA,GAAG,KACmB;CACtB,IAAM,IAAM,GAAmB,EACzB,IAAc,EAAY,GAAK,EAAI,KAAK,aAAa,EAErD,IAAO,IAAU,IAAO,UAExB,IAAe,EAAI,kBAAkB,EAAM;AAEjD,QACE,kBAAC,GAAD;EACE,KAAK;EACL,MAAM,IAAU,KAAA,IAAY;EAG5B,GAAK;EAEJ;EACI,CAAA;;AAIX,EAAe,cAAc"}

package/dist/components/VisuallyHidden/VisuallyHidden.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({as:e=`span`,className:n,...i},a)=>(0,r.jsx)(e,{ref:a,className:t.cn(`sr-only`,n),...i}));i.displayName=`VisuallyHidden`,exports.VisuallyHidden=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,as:n=`span`,className:i,...a}){return(0,r.jsx)(n,{ref:e,className:t.cn(`sr-only`,i),...a})}i.displayName=`VisuallyHidden`,exports.VisuallyHidden=i;
 //# sourceMappingURL=VisuallyHidden.cjs.map

package/dist/components/VisuallyHidden/VisuallyHidden.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.cjs","names":[],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\ntype VisuallyHiddenElement =\n  | \"span\"\n  | \"p\"\n  | \"div\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\";\n\nexport interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLElement> {\n  as?: VisuallyHiddenElement;\n}\n\nconst VisuallyHidden = React.forwardRef<HTMLElement, VisuallyHiddenProps>(\n  ({ as: Comp = \"span\", className, ...props }, ref) => (\n    <Comp\n      ref={ref as React.RefObject<never>}\n      className={cn(\"sr-only\", className)}\n      {...props}\n    />\n  ),\n);\n\nVisuallyHidden.displayName = \"VisuallyHidden\";\n\nexport { VisuallyHidden };\n"],"mappings":"mKAkBA,IAAM,EAAiB,EAAM,YAC1B,CAAE,GAAI,EAAO,OAAQ,YAAW,GAAG,GAAS,KAC3C,EAAA,EAAA,KAAC,EAAD,CACO,MACL,UAAW,EAAA,GAAG,UAAW,EAAU,CACnC,GAAI,EACJ,CAAA,CAEL,CAED,EAAe,YAAc"}
+{"version":3,"file":"VisuallyHidden.cjs","names":[],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\ntype VisuallyHiddenElement =\n  | \"span\"\n  | \"p\"\n  | \"div\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\";\n\nexport interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: VisuallyHiddenElement;\n}\n\nfunction VisuallyHidden({\n  ref,\n  as: Comp = \"span\",\n  className,\n  ...props\n}: VisuallyHiddenProps) {\n  return (\n    <Comp\n      ref={ref as React.RefObject<never>}\n      className={cn(\"sr-only\", className)}\n      {...props}\n    />\n  );\n}\n\nVisuallyHidden.displayName = \"VisuallyHidden\";\n\nexport { VisuallyHidden };\n"],"mappings":"gLAqBA,SAAS,EAAe,CACtB,MACA,GAAI,EAAO,OACX,YACA,GAAG,GACmB,CACtB,OACE,EAAA,EAAA,KAAC,EAAD,CACO,MACL,UAAW,EAAA,GAAG,UAAW,EAAU,CACnC,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc"}

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,8 +1,12 @@
 import * as React from "react";
 type VisuallyHiddenElement = "span" | "p" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 export interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement> | undefined;
     as?: VisuallyHiddenElement;
 }
-declare const VisuallyHidden: React.ForwardRefExoticComponent<VisuallyHiddenProps & React.RefAttributes<HTMLElement>>;
+declare function VisuallyHidden({ ref, as: Comp, className, ...props }: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;
+declare namespace VisuallyHidden {
+    var displayName: string;
+}
 export { VisuallyHidden };
 //# sourceMappingURL=VisuallyHidden.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,qBAAqB,GACtB,MAAM,GACN,GAAG,GACH,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,EAAE,CAAC,EAAE,qBAAqB,CAAC;CAC5B;AAED,QAAA,MAAM,cAAc,yFAQnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,qBAAqB,GACtB,MAAM,GACN,GAAG,GACH,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,qBAAqB,CAAC;CAC5B;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,EAAE,EAAE,IAAa,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAQrB;kBAbQ,cAAc;;;AAiBvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -1,14 +1,17 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/VisuallyHidden/VisuallyHidden.tsx
-var r = t.forwardRef(({ as: t = "span", className: r, ...i }, a) => /* @__PURE__ */ n(t, {
-	ref: a,
-	className: e("sr-only", r),
-	...i
-}));
-r.displayName = "VisuallyHidden";
+function n({ ref: n, as: r = "span", className: i, ...a }) {
+	return /* @__PURE__ */ t(r, {
+		ref: n,
+		className: e("sr-only", i),
+		...a
+	});
+}
+n.displayName = "VisuallyHidden";
 //#endregion
-export { r as VisuallyHidden };
+export { n as VisuallyHidden };
 
 //# sourceMappingURL=VisuallyHidden.js.map

package/dist/components/VisuallyHidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","names":[],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\ntype VisuallyHiddenElement =\n  | \"span\"\n  | \"p\"\n  | \"div\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\";\n\nexport interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLElement> {\n  as?: VisuallyHiddenElement;\n}\n\nconst VisuallyHidden = React.forwardRef<HTMLElement, VisuallyHiddenProps>(\n  ({ as: Comp = \"span\", className, ...props }, ref) => (\n    <Comp\n      ref={ref as React.RefObject<never>}\n      className={cn(\"sr-only\", className)}\n      {...props}\n    />\n  ),\n);\n\nVisuallyHidden.displayName = \"VisuallyHidden\";\n\nexport { VisuallyHidden };\n"],"mappings":";;;;AAkBA,IAAM,IAAiB,EAAM,YAC1B,EAAE,IAAI,IAAO,QAAQ,cAAW,GAAG,KAAS,MAC3C,kBAAC,GAAD;CACO;CACL,WAAW,EAAG,WAAW,EAAU;CACnC,GAAI;CACJ,CAAA,CAEL;AAED,EAAe,cAAc"}
+{"version":3,"file":"VisuallyHidden.js","names":[],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\ntype VisuallyHiddenElement =\n  | \"span\"\n  | \"p\"\n  | \"div\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\";\n\nexport interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: VisuallyHiddenElement;\n}\n\nfunction VisuallyHidden({\n  ref,\n  as: Comp = \"span\",\n  className,\n  ...props\n}: VisuallyHiddenProps) {\n  return (\n    <Comp\n      ref={ref as React.RefObject<never>}\n      className={cn(\"sr-only\", className)}\n      {...props}\n    />\n  );\n}\n\nVisuallyHidden.displayName = \"VisuallyHidden\";\n\nexport { VisuallyHidden };\n"],"mappings":";;;;;AAqBA,SAAS,EAAe,EACtB,QACA,IAAI,IAAO,QACX,cACA,GAAG,KACmB;AACtB,QACE,kBAAC,GAAD;EACO;EACL,WAAW,EAAG,WAAW,EAAU;EACnC,GAAI;EACJ,CAAA;;AAIN,EAAe,cAAc"}

package/dist/hooks/index.d.ts

@@ -5,5 +5,7 @@ export { useFocusTrap } from './use-focus-trap';
 export { useFormFieldProps, type UseFormFieldPropsInput, type UseFormFieldPropsOptions, type UseFormFieldPropsResult, } from './use-form-field-props';
 export { useMediaQuery } from './use-media-query';
 export { useMenuNavigation, type UseMenuNavigationOptions, type UseMenuNavigationReturn, } from './use-menu-navigation';
+export { useModalTitleWarning } from './use-modal-title-warning';
+export { useOptionRegistry, type OptionEntry, type UseOptionRegistryReturn, } from './use-option-registry';
 export { useScrollLock, __resetScrollLock } from './use-scroll-lock';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EACL,iBAAiB,EACjB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EACL,iBAAiB,EACjB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EACL,iBAAiB,EACjB,KAAK,WAAW,EAChB,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/hooks/use-controllable-state.cjs

@@ -1,2 +1,2 @@
-"use client";require(`../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);function t(t,n,r){let[i,a]=(0,e.useState)(n),o=t!==void 0;return[o?t:i,(0,e.useCallback)(e=>{o||a(e),r?.(e)},[o,r])]}exports.useControllableState=t;
+"use client";require(`../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);function t(t,n,r){let[i,a]=(0,e.useState)(n),o=t!==void 0;return[o?t:i,(0,e.useCallback)(e=>{o||a(e),r?.(e)},[o,r,t])]}exports.useControllableState=t;
 //# sourceMappingURL=use-controllable-state.cjs.map

package/dist/hooks/use-controllable-state.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-controllable-state.cjs","names":[],"sources":["../../src/hooks/use-controllable-state.ts"],"sourcesContent":["\"use client\";\nimport { useState, useCallback } from \"react\";\n\nfunction useControllableState<T>(\n  controlledValue: T | undefined,\n  defaultValue: T,\n  onChange?: (value: T) => void,\n): [T, (next: T) => void];\nfunction useControllableState<T>(\n  controlledValue: T | undefined,\n  defaultValue: T | undefined,\n  onChange?: (value: T) => void,\n): [T | undefined, (next: T) => void];\nfunction useControllableState<T>(\n  controlledValue: T | undefined,\n  defaultValue: T | undefined,\n  onChange?: (value: T) => void,\n): [T | undefined, (next: T) => void] {\n  const [internalValue, setInternalValue] = useState(defaultValue);\n\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : internalValue;\n\n  const setValue = useCallback(\n    (next: T) => {\n      if (!isControlled) {\n        setInternalValue(next);\n      }\n      onChange?.(next);\n    },\n    [isControlled, onChange],\n  );\n\n  return [value, setValue];\n}\n\nexport { useControllableState };\n"],"mappings":"iFAaA,SAAS,EACP,EACA,EACA,EACoC,CACpC,GAAM,CAAC,EAAe,IAAA,EAAA,EAAA,UAA6B,EAAa,CAE1D,EAAe,IAAoB,IAAA,GAazC,MAAO,CAZO,EAAe,EAAkB,GAAA,EAAA,EAAA,aAG5C,GAAY,CACN,GACH,EAAiB,EAAK,CAExB,IAAW,EAAK,EAElB,CAAC,EAAc,EAAS,CACzB,CAEuB"}
+{"version":3,"file":"use-controllable-state.cjs","names":[],"sources":["../../src/hooks/use-controllable-state.ts"],"sourcesContent":["\"use client\";\nimport { useState, useCallback } from \"react\";\n\nfunction useControllableState<T>(\n  controlledValue: T | undefined,\n  defaultValue: T,\n  onChange?: (value: T) => void,\n): [T, (next: T) => void];\nfunction useControllableState<T>(\n  controlledValue: T | undefined,\n  defaultValue: T | undefined,\n  onChange?: (value: T) => void,\n): [T | undefined, (next: T) => void];\nfunction useControllableState<T>(\n  controlledValue: T | undefined,\n  defaultValue: T | undefined,\n  onChange?: (value: T) => void,\n): [T | undefined, (next: T) => void] {\n  const [internalValue, setInternalValue] = useState(defaultValue);\n\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : internalValue;\n\n  const setValue = useCallback(\n    (next: T) => {\n      if (!isControlled) {\n        setInternalValue(next);\n      }\n      onChange?.(next);\n    },\n    // controlledValue is not read in the callback but must invalidate the closure\n    // when the component switches between controlled and uncontrolled modes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isControlled, onChange, controlledValue],\n  );\n\n  return [value, setValue];\n}\n\nexport { useControllableState };\n"],"mappings":"iFAaA,SAAS,EACP,EACA,EACA,EACoC,CACpC,GAAM,CAAC,EAAe,IAAA,EAAA,EAAA,UAA6B,EAAa,CAE1D,EAAe,IAAoB,IAAA,GAgBzC,MAAO,CAfO,EAAe,EAAkB,GAAA,EAAA,EAAA,aAG5C,GAAY,CACN,GACH,EAAiB,EAAK,CAExB,IAAW,EAAK,EAKlB,CAAC,EAAc,EAAU,EAAgB,CAC1C,CAEuB"}

package/dist/hooks/use-controllable-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-controllable-state.d.ts","sourceRoot":"","sources":["../../src/hooks/use-controllable-state.ts"],"names":[],"mappings":"AAGA,iBAAS,oBAAoB,CAAC,CAAC,EAC7B,eAAe,EAAE,CAAC,GAAG,SAAS,EAC9B,YAAY,EAAE,CAAC,EACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAC5B,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;AAC1B,iBAAS,oBAAoB,CAAC,CAAC,EAC7B,eAAe,EAAE,CAAC,GAAG,SAAS,EAC9B,YAAY,EAAE,CAAC,GAAG,SAAS,EAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAC5B,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;AAwBtC,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"use-controllable-state.d.ts","sourceRoot":"","sources":["../../src/hooks/use-controllable-state.ts"],"names":[],"mappings":"AAGA,iBAAS,oBAAoB,CAAC,CAAC,EAC7B,eAAe,EAAE,CAAC,GAAG,SAAS,EAC9B,YAAY,EAAE,CAAC,EACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAC5B,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;AAC1B,iBAAS,oBAAoB,CAAC,CAAC,EAC7B,eAAe,EAAE,CAAC,GAAG,SAAS,EAC9B,YAAY,EAAE,CAAC,GAAG,SAAS,EAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAC5B,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;AA2BtC,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/hooks/use-controllable-state.js

@@ -5,7 +5,11 @@ function n(n, r, i) {
 	let [a, o] = t(r), s = n !== void 0;
 	return [s ? n : a, e((e) => {
 		s || o(e), i?.(e);
-	}, [s, i])];
+	}, [
+		s,
+		i,
+		n
+	])];
 }
 //#endregion
 export { n as useControllableState };