@nuka-ui/core 1.1.1 → 1.1.3

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuSeparator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3F,QAAA,MAAM,qBAAqB,mGAGkC,CAAC;AAI9D,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"DropdownMenuSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuSeparator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,qBAAqB,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,0BAA0B,2CAE3E;kBAFQ,qBAAqB;;;AAM9B,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/DropdownMenu/DropdownMenuSeparator.js

@@ -1,14 +1,16 @@
 "use client";
 import { MenuSeparatorBase as e } from "../Menu/MenuSeparatorBase.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/DropdownMenu/DropdownMenuSeparator.tsx
-var r = t.forwardRef((t, r) => /* @__PURE__ */ n(e, {
-	ref: r,
-	...t
-}));
-r.displayName = "DropdownMenuSeparator";
+function n({ ref: n, ...r }) {
+	return /* @__PURE__ */ t(e, {
+		ref: n,
+		...r
+	});
+}
+n.displayName = "DropdownMenuSeparator";
 //#endregion
-export { r as DropdownMenuSeparator };
+export { n as DropdownMenuSeparator };
 
 //# sourceMappingURL=DropdownMenuSeparator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSeparator.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuSeparator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuSeparatorBase } from \"@nuka/components/Menu/MenuSeparatorBase\";\n\nexport interface DropdownMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst DropdownMenuSeparator = React.forwardRef<\n  HTMLDivElement,\n  DropdownMenuSeparatorProps\n>((props, ref) => <MenuSeparatorBase ref={ref} {...props} />);\n\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\n\nexport { DropdownMenuSeparator };\n"],"mappings":";;;;;AAMA,IAAM,IAAwB,EAAM,YAGjC,GAAO,MAAQ,kBAAC,GAAD;CAAwB;CAAK,GAAI;CAAS,CAAA,CAAC;AAE7D,EAAsB,cAAc"}
+{"version":3,"file":"DropdownMenuSeparator.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuSeparator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuSeparatorBase } from \"@nuka/components/Menu/MenuSeparatorBase\";\n\nexport interface DropdownMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DropdownMenuSeparator({ ref, ...props }: DropdownMenuSeparatorProps) {\n  return <MenuSeparatorBase ref={ref} {...props} />;\n}\n\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\n\nexport { DropdownMenuSeparator };\n"],"mappings":";;;;;AAQA,SAAS,EAAsB,EAAE,QAAK,GAAG,KAAqC;AAC5E,QAAO,kBAAC,GAAD;EAAwB;EAAK,GAAI;EAAS,CAAA;;AAGnD,EAAsB,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`);var a=r.forwardRef(({asChild:e=!1,children:r,...a},o)=>{let s=n.useDropdownMenuContext(),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`,"aria-haspopup":`menu`,"aria-expanded":s.open,...u,children:r})});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,...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  asChild?: boolean;\n}\n\nconst DropdownMenuTrigger = React.forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerProps\n>(({ asChild = false, children, ...props }, ref) => {\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":"0NASA,IAAM,EAAsB,EAAM,YAG/B,CAAE,UAAU,GAAO,WAAU,GAAG,GAAS,IAAQ,CAClD,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,EAET,CAEF,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      // 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"}

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

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

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,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,mBAAmB,oGAsBvB,CAAC;AAIH,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,2CAmB1B;kBAxBQ,mBAAmB;;;AA4B5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/DropdownMenu/DropdownMenuTrigger.js

@@ -1,22 +1,22 @@
 "use client";
 import { Slot as e, composeRefs as t } from "../../utils/slot.js";
 import { useDropdownMenuContext as n } from "./DropdownMenu.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/DropdownMenu/DropdownMenuTrigger.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",
 		"aria-haspopup": "menu",
 		"aria-expanded": c.open,
 		...d,
-		children: a
+		children: o
 	});
-});
-a.displayName = "DropdownMenuTrigger";
+}
+i.displayName = "DropdownMenuTrigger";
 //#endregion
-export { a as DropdownMenuTrigger };
+export { i as DropdownMenuTrigger };
 
 //# sourceMappingURL=DropdownMenuTrigger.js.map

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  asChild?: boolean;\n}\n\nconst DropdownMenuTrigger = React.forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerProps\n>(({ asChild = false, children, ...props }, ref) => {\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":";;;;;;AASA,IAAM,IAAsB,EAAM,YAG/B,EAAE,aAAU,IAAO,aAAU,GAAG,KAAS,MAAQ;CAClD,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;EAET;AAEF,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      // 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"}

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`);var a=r.forwardRef(({className:e,illustration:r,icon:a,heading:o,description:s,action:c,children:l,...u},d)=>{let f=r??a??null;return(0,i.jsxs)(`div`,{ref:d,className:t.cn(`flex flex-col items-center justify-center text-center`,`gap-(--space-4)`,`py-(--space-12) px-(--space-6)`,e),...u,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:o}),s!=null&&(0,i.jsx)(n.Text,{as:`p`,size:`sm`,color:`muted`,children:s})]}),c&&(0,i.jsx)(`div`,{children:c}),l]})});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,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;
 //# 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  illustration?: React.ReactNode;\n  icon?: React.ReactNode;\n  heading: string;\n  description?: string;\n  action?: React.ReactNode;\n}\n\nconst EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    {\n      className,\n      illustration,\n      icon,\n      heading,\n      description,\n      action,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nEmptyState.displayName = \"EmptyState\";\n\nexport { EmptyState };\n"],"mappings":"iMAYA,IAAM,EAAa,EAAM,YAErB,CACE,YACA,eACA,OACA,UACA,cACA,SACA,WACA,GAAG,GAEL,IACG,CACH,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,IAGX,CAED,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\";\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":"8MAeA,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"}

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

@@ -1,11 +1,15 @@
 import * as React from "react";
 export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     illustration?: React.ReactNode;
     icon?: React.ReactNode;
     heading: string;
     description?: string;
     action?: React.ReactNode;
 }
-declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+declare function EmptyState({ ref, className, illustration, icon, heading, description, action, children, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+declare namespace EmptyState {
+    var displayName: string;
+}
 export { EmptyState };
 //# sourceMappingURL=EmptyState.d.ts.map

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,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,QAAA,MAAM,UAAU,wFA+Cf,CAAC;AAIF,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;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"}

package/dist/components/EmptyState/EmptyState.js

@@ -1,40 +1,41 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Text as t } from "../Text/Text.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/EmptyState/EmptyState.tsx
-var a = n.forwardRef(({ className: n, illustration: a, icon: o, heading: s, description: c, action: l, children: u, ...d }, f) => {
-	let p = a ?? o ?? null;
-	return /* @__PURE__ */ i("div", {
-		ref: f,
-		className: e("flex flex-col items-center justify-center text-center", "gap-(--space-4)", "py-(--space-12) px-(--space-6)", n),
-		...d,
+function i({ ref: i, className: a, illustration: o, icon: s, heading: c, description: l, action: u, children: d, ...f }) {
+	let p = 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,
 		children: [
-			p && /* @__PURE__ */ r("div", {
+			p && /* @__PURE__ */ n("div", {
 				className: "flex items-center justify-center text-(--nuka-text-muted)",
 				children: p
 			}),
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ r("div", {
 				className: "flex flex-col gap-(--space-2) max-w-sm",
-				children: [/* @__PURE__ */ r(t, {
+				children: [/* @__PURE__ */ n(t, {
 					as: "p",
 					size: "md",
 					weight: "semibold",
-					children: s
-				}), c != null && /* @__PURE__ */ r(t, {
+					children: c
+				}), l != null && /* @__PURE__ */ n(t, {
 					as: "p",
 					size: "sm",
 					color: "muted",
-					children: c
+					children: l
 				})]
 			}),
-			l && /* @__PURE__ */ r("div", { children: l }),
-			u
+			u && /* @__PURE__ */ n("div", { children: u }),
+			d
 		]
 	});
-});
-a.displayName = "EmptyState";
+}
+i.displayName = "EmptyState";
 //#endregion
-export { a as EmptyState };
+export { i as EmptyState };
 
 //# sourceMappingURL=EmptyState.js.map

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  illustration?: React.ReactNode;\n  icon?: React.ReactNode;\n  heading: string;\n  description?: string;\n  action?: React.ReactNode;\n}\n\nconst EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    {\n      className,\n      illustration,\n      icon,\n      heading,\n      description,\n      action,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nEmptyState.displayName = \"EmptyState\";\n\nexport { EmptyState };\n"],"mappings":";;;;;AAYA,IAAM,IAAa,EAAM,YAErB,EACE,cACA,iBACA,SACA,YACA,gBACA,WACA,aACA,GAAG,KAEL,MACG;CACH,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;;EAGX;AAED,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\";\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":";;;;;;AAeA,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"}

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`);var a=r.forwardRef(({as:e=`p`,className:r,color:a,...o},s)=>(0,i.jsx)(e,{ref:s,className:t.cn(n.eyebrowVariants({color:a}),r),...o}));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,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;
 //# 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  as?: EyebrowElement;\n}\n\nconst Eyebrow = React.forwardRef<HTMLElement, EyebrowProps>(\n  ({ as: Comp = \"p\", className, color, ...props }, ref) => (\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":"uMAgBA,IAAM,EAAU,EAAM,YACnB,CAAE,GAAI,EAAO,IAAK,YAAW,QAAO,GAAG,GAAS,KAC/C,EAAA,EAAA,KAAC,EAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,gBAAgB,CAAE,QAAO,CAAC,CAAE,EAAU,CACpD,GAAI,EACJ,CAAA,CAEL,CAED,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  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":"oNAmBA,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"}

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

@@ -2,8 +2,12 @@ import { eyebrowVariants, EyebrowVariantProps } from './Eyebrow.variants';
 import * as React from "react";
 type EyebrowElement = "p" | "span";
 export interface EyebrowProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, EyebrowVariantProps {
+    ref?: React.Ref<HTMLElement> | undefined;
     as?: EyebrowElement;
 }
-declare const Eyebrow: React.ForwardRefExoticComponent<EyebrowProps & React.RefAttributes<HTMLElement>>;
+declare function Eyebrow({ ref, as: Comp, className, color, ...props }: EyebrowProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Eyebrow {
+    var displayName: string;
+}
 export { Eyebrow, eyebrowVariants };
 //# sourceMappingURL=Eyebrow.d.ts.map

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,EAAE,CAAC,EAAE,cAAc,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,kFAQZ,CAAC;AAIF,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,KAAK,EACL,GAAG,KAAK,EACT,EAAE,YAAY,2CAQd;kBAdQ,OAAO;;;AAkBhB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Eyebrow/Eyebrow.js

@@ -1,15 +1,18 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { eyebrowVariants as t } from "./Eyebrow.variants.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Eyebrow/Eyebrow.tsx
-var i = n.forwardRef(({ as: n = "p", className: i, color: a, ...o }, s) => /* @__PURE__ */ r(n, {
-	ref: s,
-	className: e(t({ color: a }), i),
-	...o
-}));
-i.displayName = "Eyebrow";
+function r({ ref: r, as: i = "p", className: a, color: o, ...s }) {
+	return /* @__PURE__ */ n(i, {
+		ref: r,
+		className: e(t({ color: o }), a),
+		...s
+	});
+}
+r.displayName = "Eyebrow";
 //#endregion
-export { i as Eyebrow };
+export { r as Eyebrow };
 
 //# sourceMappingURL=Eyebrow.js.map

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  as?: EyebrowElement;\n}\n\nconst Eyebrow = React.forwardRef<HTMLElement, EyebrowProps>(\n  ({ as: Comp = \"p\", className, color, ...props }, ref) => (\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":";;;;;AAgBA,IAAM,IAAU,EAAM,YACnB,EAAE,IAAI,IAAO,KAAK,cAAW,UAAO,GAAG,KAAS,MAC/C,kBAAC,GAAD;CACO;CACL,WAAW,EAAG,EAAgB,EAAE,UAAO,CAAC,EAAE,EAAU;CACpD,GAAI;CACJ,CAAA,CAEL;AAED,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  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":";;;;;;AAmBA,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"}

package/dist/components/FileInput/FileInput.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(`../Text/Text.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`../VisuallyHidden/VisuallyHidden.cjs`),o=require(`./FileInput.variants.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);function l(e){return e<1024?`${String(e)} B`:e<1024*1024?`${String(Math.round(e/1024))} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}var u=s.forwardRef(({className:e,intent:u,onFilesChange:d,maxFiles:f,dragLabel:p=`Drag files here or`,browseLabel:m=`browse`,id:h,disabled:g,multiple:_,accept:v,...y},b)=>{let x=i.useFormFieldProps({id:h,disabled:g,"aria-invalid":y[`aria-invalid`],"aria-describedby":y[`aria-describedby`],"aria-required":y[`aria-required`]}),[S,C]=s.useState([]),[w,T]=s.useState(!1),E=s.useId(),D=x.resolvedId??E,O=x.ariaInvalid??(u===`danger`?!0:void 0),k=e=>{let t=_?[...S,...e]:e.slice(0,1),n=t;f!==void 0&&t.length>f&&(process.env.NODE_ENV!==`production`&&console.warn(`[nuka-ui] FileInput: ${String(t.length)} files exceed maxFiles=${String(f)}. Extra files ignored.`),n=t.slice(0,f)),C(n),d?.(n)},A=e=>{let t=S.filter((t,n)=>n!==e);C(t),d?.(t)};return(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col gap-(--space-3)`,e),children:[(0,c.jsx)(`div`,{role:`region`,"aria-label":p,onDragOver:e=>{e.preventDefault(),T(!0)},onDragLeave:()=>{T(!1)},onDrop:e=>{if(e.preventDefault(),T(!1),x.resolvedDisabled)return;let t=Array.from(e.dataTransfer.files);t.length>0&&k(t)},className:o.fileInputZoneVariants({intent:u,isDragOver:w}),"data-testid":`file-input-zone`,children:(0,c.jsxs)(`label`,{htmlFor:D,className:`cursor-pointer text-center`,children:[(0,c.jsx)(a.VisuallyHidden,{children:(0,c.jsx)(`input`,{ref:b,type:`file`,id:D,disabled:x.resolvedDisabled,multiple:_,accept:v,onChange:e=>{let t=Array.from(e.target.files??[]);t.length>0&&k(t),e.target.value=``},"aria-invalid":O,"aria-describedby":x.ariaDescribedBy,"aria-required":x.ariaRequired,...y})}),(0,c.jsxs)(r.Text,{size:`sm`,children:[p,` `,(0,c.jsx)(`span`,{className:`underline font-medium`,children:m})]})]})}),S.length>0&&(0,c.jsx)(`ul`,{role:`list`,className:`flex flex-col gap-(--space-2)`,children:S.map((e,t)=>(0,c.jsxs)(`li`,{className:`flex items-center gap-(--space-2) px-(--space-3) py-(--space-2) rounded-(--radius-md) bg-(--nuka-bg-subtle) border border-(--nuka-border-base)`,children:[(0,c.jsx)(r.Text,{size:`sm`,className:`flex-1 truncate min-w-0`,children:e.name}),(0,c.jsx)(r.Text,{size:`xs`,color:`muted`,className:`shrink-0 whitespace-nowrap`,children:l(e.size)}),(0,c.jsx)(n.DismissButton,{onClick:()=>A(t),label:`Remove ${e.name}`})]},`${e.name}-${String(e.size)}-${String(t)}`))})]})});u.displayName=`FileInput`,exports.FileInput=u;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/dismiss-button.cjs`),r=require(`../Text/Text.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`../VisuallyHidden/VisuallyHidden.cjs`),o=require(`./FileInput.variants.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);function l(e){return e<1024?`${String(e)} B`:e<1024*1024?`${String(Math.round(e/1024))} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function u({ref:e,className:u,intent:d,onFilesChange:f,maxFiles:p,dragLabel:m=`Drag files here or`,browseLabel:h=`browse`,id:g,disabled:_,multiple:v,accept:y,...b}){let x=i.useFormFieldProps({id:g,disabled:_,"aria-invalid":b[`aria-invalid`],"aria-describedby":b[`aria-describedby`],"aria-required":b[`aria-required`]}),[S,C]=s.useState([]),[w,T]=s.useState(!1),E=s.useId(),D=x.resolvedId??E,O=x.ariaInvalid??(d===`danger`?!0:void 0),k=e=>{let t=v?[...S,...e]:e.slice(0,1),n=t;p!==void 0&&t.length>p&&(process.env.NODE_ENV!==`production`&&console.warn(`[nuka-ui] FileInput: ${String(t.length)} files exceed maxFiles=${String(p)}. Extra files ignored.`),n=t.slice(0,p)),C(n),f?.(n)},A=e=>{let t=S.filter((t,n)=>n!==e);C(t),f?.(t)};return(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col gap-(--space-3)`,u),children:[(0,c.jsx)(`div`,{role:`region`,"aria-label":m,onDragOver:e=>{e.preventDefault(),T(!0)},onDragLeave:()=>{T(!1)},onDrop:e=>{if(e.preventDefault(),T(!1),x.resolvedDisabled)return;let t=Array.from(e.dataTransfer.files);t.length>0&&k(t)},className:o.fileInputZoneVariants({intent:d,isDragOver:w}),"data-testid":`file-input-zone`,children:(0,c.jsxs)(`label`,{htmlFor:D,className:`cursor-pointer text-center`,children:[(0,c.jsx)(a.VisuallyHidden,{children:(0,c.jsx)(`input`,{ref:e,type:`file`,id:D,disabled:x.resolvedDisabled,multiple:v,accept:y,onChange:e=>{let t=Array.from(e.target.files??[]);t.length>0&&k(t),e.target.value=``},"aria-invalid":O,"aria-describedby":x.ariaDescribedBy,"aria-required":x.ariaRequired,...b})}),(0,c.jsxs)(r.Text,{size:`sm`,children:[m,` `,(0,c.jsx)(`span`,{className:`underline font-medium`,children:h})]})]})}),S.length>0&&(0,c.jsx)(`ul`,{role:`list`,className:`flex flex-col gap-(--space-2)`,children:S.map((e,t)=>(0,c.jsxs)(`li`,{className:`flex items-center gap-(--space-2) px-(--space-3) py-(--space-2) rounded-(--radius-md) bg-(--nuka-bg-subtle) border border-(--nuka-border-base)`,children:[(0,c.jsx)(r.Text,{size:`sm`,className:`flex-1 truncate min-w-0`,children:e.name}),(0,c.jsx)(r.Text,{size:`xs`,color:`muted`,className:`shrink-0 whitespace-nowrap`,children:l(e.size)}),(0,c.jsx)(n.DismissButton,{onClick:()=>A(t),label:`Remove ${e.name}`})]},`${e.name}-${String(e.size)}-${String(t)}`))})]})}u.displayName=`FileInput`,exports.FileInput=u;
 //# sourceMappingURL=FileInput.cjs.map

package/dist/components/FileInput/FileInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.cjs","names":[],"sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { VisuallyHidden } from \"@nuka/components/VisuallyHidden\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  fileInputZoneVariants,\n  type FileInputVariantProps,\n} from \"@nuka/components/FileInput/FileInput.variants\";\n\nexport interface FileInputProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"type\" | \"size\" | \"value\"\n    >,\n    Omit<FileInputVariantProps, \"isDragOver\"> {\n  onFilesChange?: (files: File[]) => void;\n  maxFiles?: number;\n  dragLabel?: string;\n  browseLabel?: string;\n}\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${String(bytes)} B`;\n  if (bytes < 1024 * 1024) return `${String(Math.round(bytes / 1024))} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nconst FileInput = React.forwardRef<HTMLInputElement, FileInputProps>(\n  (\n    {\n      className,\n      intent,\n      onFilesChange,\n      maxFiles,\n      dragLabel = \"Drag files here or\",\n      browseLabel = \"browse\",\n      id,\n      disabled,\n      multiple,\n      accept,\n      ...props\n    },\n    ref,\n  ) => {\n    const field = useFormFieldProps({\n      id,\n      disabled,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const [files, setFiles] = React.useState<File[]>([]);\n    const [isDragOver, setIsDragOver] = React.useState(false);\n    const generatedId = React.useId();\n    const inputId = field.resolvedId ?? generatedId;\n\n    const ariaInvalid =\n      field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n    const addFiles = (incoming: File[]) => {\n      const merged = multiple ? [...files, ...incoming] : incoming.slice(0, 1);\n      let capped = merged;\n      if (maxFiles !== undefined && merged.length > maxFiles) {\n        if (process.env.NODE_ENV !== \"production\") {\n          console.warn(\n            `[nuka-ui] FileInput: ${String(merged.length)} files exceed maxFiles=${String(maxFiles)}. Extra files ignored.`,\n          );\n        }\n        capped = merged.slice(0, maxFiles);\n      }\n      setFiles(capped);\n      onFilesChange?.(capped);\n    };\n\n    const removeFile = (index: number) => {\n      const next = files.filter((_, i) => i !== index);\n      setFiles(next);\n      onFilesChange?.(next);\n    };\n\n    const handleDragOver = (e: React.DragEvent) => {\n      e.preventDefault();\n      setIsDragOver(true);\n    };\n\n    const handleDragLeave = () => {\n      setIsDragOver(false);\n    };\n\n    const handleDrop = (e: React.DragEvent) => {\n      e.preventDefault();\n      setIsDragOver(false);\n      if (field.resolvedDisabled) return;\n      const dropped = Array.from(e.dataTransfer.files);\n      if (dropped.length > 0) addFiles(dropped);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const selected = Array.from(e.target.files ?? []);\n      if (selected.length > 0) addFiles(selected);\n      e.target.value = \"\";\n    };\n\n    return (\n      <div className={cn(\"flex flex-col gap-(--space-3)\", className)}>\n        <div\n          role=\"region\"\n          aria-label={dragLabel}\n          onDragOver={handleDragOver}\n          onDragLeave={handleDragLeave}\n          onDrop={handleDrop}\n          className={fileInputZoneVariants({ intent, isDragOver })}\n          data-testid=\"file-input-zone\"\n        >\n          <label htmlFor={inputId} className=\"cursor-pointer text-center\">\n            <VisuallyHidden>\n              <input\n                ref={ref}\n                type=\"file\"\n                id={inputId}\n                disabled={field.resolvedDisabled}\n                multiple={multiple}\n                accept={accept}\n                onChange={handleChange}\n                aria-invalid={ariaInvalid}\n                aria-describedby={field.ariaDescribedBy}\n                aria-required={field.ariaRequired}\n                {...props}\n              />\n            </VisuallyHidden>\n            <Text size=\"sm\">\n              {dragLabel}{\" \"}\n              <span className=\"underline font-medium\">{browseLabel}</span>\n            </Text>\n          </label>\n        </div>\n\n        {files.length > 0 && (\n          <ul role=\"list\" className=\"flex flex-col gap-(--space-2)\">\n            {files.map((file, i) => (\n              <li\n                key={`${file.name}-${String(file.size)}-${String(i)}`}\n                className=\"flex items-center gap-(--space-2) px-(--space-3) py-(--space-2) rounded-(--radius-md) bg-(--nuka-bg-subtle) border border-(--nuka-border-base)\"\n              >\n                <Text size=\"sm\" className=\"flex-1 truncate min-w-0\">\n                  {file.name}\n                </Text>\n                <Text\n                  size=\"xs\"\n                  color=\"muted\"\n                  className=\"shrink-0 whitespace-nowrap\"\n                >\n                  {formatFileSize(file.size)}\n                </Text>\n                <DismissButton\n                  onClick={() => removeFile(i)}\n                  label={`Remove ${file.name}`}\n                />\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    );\n  },\n);\n\nFileInput.displayName = \"FileInput\";\n\nexport { FileInput, fileInputZoneVariants };\n"],"mappings":"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"}
+{"version":3,"file":"FileInput.cjs","names":[],"sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { VisuallyHidden } from \"@nuka/components/VisuallyHidden\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  fileInputZoneVariants,\n  type FileInputVariantProps,\n} from \"@nuka/components/FileInput/FileInput.variants\";\n\nexport interface FileInputProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"type\" | \"size\" | \"value\"\n    >,\n    Omit<FileInputVariantProps, \"isDragOver\"> {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  onFilesChange?: (files: File[]) => void;\n  maxFiles?: number;\n  dragLabel?: string;\n  browseLabel?: string;\n}\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${String(bytes)} B`;\n  if (bytes < 1024 * 1024) return `${String(Math.round(bytes / 1024))} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction FileInput({\n  ref,\n  className,\n  intent,\n  onFilesChange,\n  maxFiles,\n  dragLabel = \"Drag files here or\",\n  browseLabel = \"browse\",\n  id,\n  disabled,\n  multiple,\n  accept,\n  ...props\n}: FileInputProps) {\n  const field = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const [files, setFiles] = React.useState<File[]>([]);\n  const [isDragOver, setIsDragOver] = React.useState(false);\n  const generatedId = React.useId();\n  const inputId = field.resolvedId ?? generatedId;\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  const addFiles = (incoming: File[]) => {\n    const merged = multiple ? [...files, ...incoming] : incoming.slice(0, 1);\n    let capped = merged;\n    if (maxFiles !== undefined && merged.length > maxFiles) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(\n          `[nuka-ui] FileInput: ${String(merged.length)} files exceed maxFiles=${String(maxFiles)}. Extra files ignored.`,\n        );\n      }\n      capped = merged.slice(0, maxFiles);\n    }\n    setFiles(capped);\n    onFilesChange?.(capped);\n  };\n\n  const removeFile = (index: number) => {\n    const next = files.filter((_, i) => i !== index);\n    setFiles(next);\n    onFilesChange?.(next);\n  };\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragOver(true);\n  };\n\n  const handleDragLeave = () => {\n    setIsDragOver(false);\n  };\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragOver(false);\n    if (field.resolvedDisabled) return;\n    const dropped = Array.from(e.dataTransfer.files);\n    if (dropped.length > 0) addFiles(dropped);\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const selected = Array.from(e.target.files ?? []);\n    if (selected.length > 0) addFiles(selected);\n    e.target.value = \"\";\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-(--space-3)\", className)}>\n      <div\n        role=\"region\"\n        aria-label={dragLabel}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        className={fileInputZoneVariants({ intent, isDragOver })}\n        data-testid=\"file-input-zone\"\n      >\n        <label htmlFor={inputId} className=\"cursor-pointer text-center\">\n          <VisuallyHidden>\n            <input\n              ref={ref}\n              type=\"file\"\n              id={inputId}\n              disabled={field.resolvedDisabled}\n              multiple={multiple}\n              accept={accept}\n              onChange={handleChange}\n              aria-invalid={ariaInvalid}\n              aria-describedby={field.ariaDescribedBy}\n              aria-required={field.ariaRequired}\n              {...props}\n            />\n          </VisuallyHidden>\n          <Text size=\"sm\">\n            {dragLabel}{\" \"}\n            <span className=\"underline font-medium\">{browseLabel}</span>\n          </Text>\n        </label>\n      </div>\n\n      {files.length > 0 && (\n        <ul role=\"list\" className=\"flex flex-col gap-(--space-2)\">\n          {files.map((file, i) => (\n            <li\n              key={`${file.name}-${String(file.size)}-${String(i)}`}\n              className=\"flex items-center gap-(--space-2) px-(--space-3) py-(--space-2) rounded-(--radius-md) bg-(--nuka-bg-subtle) border border-(--nuka-border-base)\"\n            >\n              <Text size=\"sm\" className=\"flex-1 truncate min-w-0\">\n                {file.name}\n              </Text>\n              <Text\n                size=\"xs\"\n                color=\"muted\"\n                className=\"shrink-0 whitespace-nowrap\"\n              >\n                {formatFileSize(file.size)}\n              </Text>\n              <DismissButton\n                onClick={() => removeFile(i)}\n                label={`Remove ${file.name}`}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nFileInput.displayName = \"FileInput\";\n\nexport { FileInput, fileInputZoneVariants };\n"],"mappings":"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"}

package/dist/components/FileInput/FileInput.d.ts

@@ -1,11 +1,15 @@
 import { fileInputZoneVariants, FileInputVariantProps } from './FileInput.variants';
 import * as React from "react";
 export interface FileInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "value">, Omit<FileInputVariantProps, "isDragOver"> {
+    ref?: React.Ref<HTMLInputElement> | undefined;
     onFilesChange?: (files: File[]) => void;
     maxFiles?: number;
     dragLabel?: string;
     browseLabel?: string;
 }
-declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;
+declare function FileInput({ ref, className, intent, onFilesChange, maxFiles, dragLabel, browseLabel, id, disabled, multiple, accept, ...props }: FileInputProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FileInput {
+    var displayName: string;
+}
 export { FileInput, fileInputZoneVariants };
 //# sourceMappingURL=FileInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/FileInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EACL,qBAAqB,EACrB,KAAK,qBAAqB,EAC3B,MAAM,+CAA+C,CAAC;AAEvD,MAAM,WAAW,cACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,OAAO,CAC1B,EACD,IAAI,CAAC,qBAAqB,EAAE,YAAY,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAQD,QAAA,MAAM,SAAS,yFA2Id,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/FileInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EACL,qBAAqB,EACrB,KAAK,qBAAqB,EAC3B,MAAM,+CAA+C,CAAC;AAEvD,MAAM,WAAW,cACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,OAAO,CAC1B,EACD,IAAI,CAAC,qBAAqB,EAAE,YAAY,CAAC;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAQD,iBAAS,SAAS,CAAC,EACjB,GAAG,EACH,SAAS,EACT,MAAM,EACN,aAAa,EACb,QAAQ,EACR,SAAgC,EAChC,WAAsB,EACtB,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,2CA0HhB;kBAvIQ,SAAS;;;AA2IlB,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/FileInput/FileInput.js

@@ -11,25 +11,25 @@ import { jsx as s, jsxs as c } from "react/jsx-runtime";
 function l(e) {
 	return e < 1024 ? `${String(e)} B` : e < 1024 * 1024 ? `${String(Math.round(e / 1024))} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-var u = o.forwardRef(({ className: u, intent: d, onFilesChange: f, maxFiles: p, dragLabel: m = "Drag files here or", browseLabel: h = "browse", id: g, disabled: _, multiple: v, accept: y, ...b }, x) => {
+function u({ ref: u, className: d, intent: f, onFilesChange: p, maxFiles: m, dragLabel: h = "Drag files here or", browseLabel: g = "browse", id: _, disabled: v, multiple: y, accept: b, ...x }) {
 	let S = r({
-		id: g,
-		disabled: _,
-		"aria-invalid": b["aria-invalid"],
-		"aria-describedby": b["aria-describedby"],
-		"aria-required": b["aria-required"]
-	}), [C, w] = o.useState([]), [T, E] = o.useState(!1), D = o.useId(), O = S.resolvedId ?? D, k = S.ariaInvalid ?? (d === "danger" ? !0 : void 0), A = (e) => {
-		let t = v ? [...C, ...e] : e.slice(0, 1), n = t;
-		p !== void 0 && t.length > p && (process.env.NODE_ENV !== "production" && console.warn(`[nuka-ui] FileInput: ${String(t.length)} files exceed maxFiles=${String(p)}. Extra files ignored.`), n = t.slice(0, p)), w(n), f?.(n);
+		id: _,
+		disabled: v,
+		"aria-invalid": x["aria-invalid"],
+		"aria-describedby": x["aria-describedby"],
+		"aria-required": x["aria-required"]
+	}), [C, w] = o.useState([]), [T, E] = o.useState(!1), D = o.useId(), O = S.resolvedId ?? D, k = S.ariaInvalid ?? (f === "danger" ? !0 : void 0), A = (e) => {
+		let t = y ? [...C, ...e] : e.slice(0, 1), n = t;
+		m !== void 0 && t.length > m && (process.env.NODE_ENV !== "production" && console.warn(`[nuka-ui] FileInput: ${String(t.length)} files exceed maxFiles=${String(m)}. Extra files ignored.`), n = t.slice(0, m)), w(n), p?.(n);
 	}, j = (e) => {
 		let t = C.filter((t, n) => n !== e);
-		w(t), f?.(t);
+		w(t), p?.(t);
 	};
 	return /* @__PURE__ */ c("div", {
-		className: e("flex flex-col gap-(--space-3)", u),
+		className: e("flex flex-col gap-(--space-3)", d),
 		children: [/* @__PURE__ */ s("div", {
 			role: "region",
-			"aria-label": m,
+			"aria-label": h,
 			onDragOver: (e) => {
 				e.preventDefault(), E(!0);
 			},
@@ -42,7 +42,7 @@ var u = o.forwardRef(({ className: u, intent: d, onFilesChange: f, maxFiles: p,
 				t.length > 0 && A(t);
 			},
 			className: a({
-				intent: d,
+				intent: f,
 				isDragOver: T
 			}),
 			"data-testid": "file-input-zone",
@@ -50,12 +50,12 @@ var u = o.forwardRef(({ className: u, intent: d, onFilesChange: f, maxFiles: p,
 				htmlFor: O,
 				className: "cursor-pointer text-center",
 				children: [/* @__PURE__ */ s(i, { children: /* @__PURE__ */ s("input", {
-					ref: x,
+					ref: u,
 					type: "file",
 					id: O,
 					disabled: S.resolvedDisabled,
-					multiple: v,
-					accept: y,
+					multiple: y,
+					accept: b,
 					onChange: (e) => {
 						let t = Array.from(e.target.files ?? []);
 						t.length > 0 && A(t), e.target.value = "";
@@ -63,15 +63,15 @@ var u = o.forwardRef(({ className: u, intent: d, onFilesChange: f, maxFiles: p,
 					"aria-invalid": k,
 					"aria-describedby": S.ariaDescribedBy,
 					"aria-required": S.ariaRequired,
-					...b
+					...x
 				}) }), /* @__PURE__ */ c(n, {
 					size: "sm",
 					children: [
-						m,
+						h,
 						" ",
 						/* @__PURE__ */ s("span", {
 							className: "underline font-medium",
-							children: h
+							children: g
 						})
 					]
 				})]
@@ -101,7 +101,7 @@ var u = o.forwardRef(({ className: u, intent: d, onFilesChange: f, maxFiles: p,
 			}, `${e.name}-${String(e.size)}-${String(r)}`))
 		})]
 	});
-});
+}
 u.displayName = "FileInput";
 //#endregion
 export { u as FileInput };

package/dist/components/FileInput/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","names":[],"sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { VisuallyHidden } from \"@nuka/components/VisuallyHidden\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  fileInputZoneVariants,\n  type FileInputVariantProps,\n} from \"@nuka/components/FileInput/FileInput.variants\";\n\nexport interface FileInputProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"type\" | \"size\" | \"value\"\n    >,\n    Omit<FileInputVariantProps, \"isDragOver\"> {\n  onFilesChange?: (files: File[]) => void;\n  maxFiles?: number;\n  dragLabel?: string;\n  browseLabel?: string;\n}\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${String(bytes)} B`;\n  if (bytes < 1024 * 1024) return `${String(Math.round(bytes / 1024))} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nconst FileInput = React.forwardRef<HTMLInputElement, FileInputProps>(\n  (\n    {\n      className,\n      intent,\n      onFilesChange,\n      maxFiles,\n      dragLabel = \"Drag files here or\",\n      browseLabel = \"browse\",\n      id,\n      disabled,\n      multiple,\n      accept,\n      ...props\n    },\n    ref,\n  ) => {\n    const field = useFormFieldProps({\n      id,\n      disabled,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const [files, setFiles] = React.useState<File[]>([]);\n    const [isDragOver, setIsDragOver] = React.useState(false);\n    const generatedId = React.useId();\n    const inputId = field.resolvedId ?? generatedId;\n\n    const ariaInvalid =\n      field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n    const addFiles = (incoming: File[]) => {\n      const merged = multiple ? [...files, ...incoming] : incoming.slice(0, 1);\n      let capped = merged;\n      if (maxFiles !== undefined && merged.length > maxFiles) {\n        if (process.env.NODE_ENV !== \"production\") {\n          console.warn(\n            `[nuka-ui] FileInput: ${String(merged.length)} files exceed maxFiles=${String(maxFiles)}. Extra files ignored.`,\n          );\n        }\n        capped = merged.slice(0, maxFiles);\n      }\n      setFiles(capped);\n      onFilesChange?.(capped);\n    };\n\n    const removeFile = (index: number) => {\n      const next = files.filter((_, i) => i !== index);\n      setFiles(next);\n      onFilesChange?.(next);\n    };\n\n    const handleDragOver = (e: React.DragEvent) => {\n      e.preventDefault();\n      setIsDragOver(true);\n    };\n\n    const handleDragLeave = () => {\n      setIsDragOver(false);\n    };\n\n    const handleDrop = (e: React.DragEvent) => {\n      e.preventDefault();\n      setIsDragOver(false);\n      if (field.resolvedDisabled) return;\n      const dropped = Array.from(e.dataTransfer.files);\n      if (dropped.length > 0) addFiles(dropped);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const selected = Array.from(e.target.files ?? []);\n      if (selected.length > 0) addFiles(selected);\n      e.target.value = \"\";\n    };\n\n    return (\n      <div className={cn(\"flex flex-col gap-(--space-3)\", className)}>\n        <div\n          role=\"region\"\n          aria-label={dragLabel}\n          onDragOver={handleDragOver}\n          onDragLeave={handleDragLeave}\n          onDrop={handleDrop}\n          className={fileInputZoneVariants({ intent, isDragOver })}\n          data-testid=\"file-input-zone\"\n        >\n          <label htmlFor={inputId} className=\"cursor-pointer text-center\">\n            <VisuallyHidden>\n              <input\n                ref={ref}\n                type=\"file\"\n                id={inputId}\n                disabled={field.resolvedDisabled}\n                multiple={multiple}\n                accept={accept}\n                onChange={handleChange}\n                aria-invalid={ariaInvalid}\n                aria-describedby={field.ariaDescribedBy}\n                aria-required={field.ariaRequired}\n                {...props}\n              />\n            </VisuallyHidden>\n            <Text size=\"sm\">\n              {dragLabel}{\" \"}\n              <span className=\"underline font-medium\">{browseLabel}</span>\n            </Text>\n          </label>\n        </div>\n\n        {files.length > 0 && (\n          <ul role=\"list\" className=\"flex flex-col gap-(--space-2)\">\n            {files.map((file, i) => (\n              <li\n                key={`${file.name}-${String(file.size)}-${String(i)}`}\n                className=\"flex items-center gap-(--space-2) px-(--space-3) py-(--space-2) rounded-(--radius-md) bg-(--nuka-bg-subtle) border border-(--nuka-border-base)\"\n              >\n                <Text size=\"sm\" className=\"flex-1 truncate min-w-0\">\n                  {file.name}\n                </Text>\n                <Text\n                  size=\"xs\"\n                  color=\"muted\"\n                  className=\"shrink-0 whitespace-nowrap\"\n                >\n                  {formatFileSize(file.size)}\n                </Text>\n                <DismissButton\n                  onClick={() => removeFile(i)}\n                  label={`Remove ${file.name}`}\n                />\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    );\n  },\n);\n\nFileInput.displayName = \"FileInput\";\n\nexport { FileInput, fileInputZoneVariants };\n"],"mappings":"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"}
+{"version":3,"file":"FileInput.js","names":[],"sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { VisuallyHidden } from \"@nuka/components/VisuallyHidden\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  fileInputZoneVariants,\n  type FileInputVariantProps,\n} from \"@nuka/components/FileInput/FileInput.variants\";\n\nexport interface FileInputProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"type\" | \"size\" | \"value\"\n    >,\n    Omit<FileInputVariantProps, \"isDragOver\"> {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  onFilesChange?: (files: File[]) => void;\n  maxFiles?: number;\n  dragLabel?: string;\n  browseLabel?: string;\n}\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${String(bytes)} B`;\n  if (bytes < 1024 * 1024) return `${String(Math.round(bytes / 1024))} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction FileInput({\n  ref,\n  className,\n  intent,\n  onFilesChange,\n  maxFiles,\n  dragLabel = \"Drag files here or\",\n  browseLabel = \"browse\",\n  id,\n  disabled,\n  multiple,\n  accept,\n  ...props\n}: FileInputProps) {\n  const field = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const [files, setFiles] = React.useState<File[]>([]);\n  const [isDragOver, setIsDragOver] = React.useState(false);\n  const generatedId = React.useId();\n  const inputId = field.resolvedId ?? generatedId;\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  const addFiles = (incoming: File[]) => {\n    const merged = multiple ? [...files, ...incoming] : incoming.slice(0, 1);\n    let capped = merged;\n    if (maxFiles !== undefined && merged.length > maxFiles) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(\n          `[nuka-ui] FileInput: ${String(merged.length)} files exceed maxFiles=${String(maxFiles)}. Extra files ignored.`,\n        );\n      }\n      capped = merged.slice(0, maxFiles);\n    }\n    setFiles(capped);\n    onFilesChange?.(capped);\n  };\n\n  const removeFile = (index: number) => {\n    const next = files.filter((_, i) => i !== index);\n    setFiles(next);\n    onFilesChange?.(next);\n  };\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragOver(true);\n  };\n\n  const handleDragLeave = () => {\n    setIsDragOver(false);\n  };\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragOver(false);\n    if (field.resolvedDisabled) return;\n    const dropped = Array.from(e.dataTransfer.files);\n    if (dropped.length > 0) addFiles(dropped);\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const selected = Array.from(e.target.files ?? []);\n    if (selected.length > 0) addFiles(selected);\n    e.target.value = \"\";\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-(--space-3)\", className)}>\n      <div\n        role=\"region\"\n        aria-label={dragLabel}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        className={fileInputZoneVariants({ intent, isDragOver })}\n        data-testid=\"file-input-zone\"\n      >\n        <label htmlFor={inputId} className=\"cursor-pointer text-center\">\n          <VisuallyHidden>\n            <input\n              ref={ref}\n              type=\"file\"\n              id={inputId}\n              disabled={field.resolvedDisabled}\n              multiple={multiple}\n              accept={accept}\n              onChange={handleChange}\n              aria-invalid={ariaInvalid}\n              aria-describedby={field.ariaDescribedBy}\n              aria-required={field.ariaRequired}\n              {...props}\n            />\n          </VisuallyHidden>\n          <Text size=\"sm\">\n            {dragLabel}{\" \"}\n            <span className=\"underline font-medium\">{browseLabel}</span>\n          </Text>\n        </label>\n      </div>\n\n      {files.length > 0 && (\n        <ul role=\"list\" className=\"flex flex-col gap-(--space-2)\">\n          {files.map((file, i) => (\n            <li\n              key={`${file.name}-${String(file.size)}-${String(i)}`}\n              className=\"flex items-center gap-(--space-2) px-(--space-3) py-(--space-2) rounded-(--radius-md) bg-(--nuka-bg-subtle) border border-(--nuka-border-base)\"\n            >\n              <Text size=\"sm\" className=\"flex-1 truncate min-w-0\">\n                {file.name}\n              </Text>\n              <Text\n                size=\"xs\"\n                color=\"muted\"\n                className=\"shrink-0 whitespace-nowrap\"\n              >\n                {formatFileSize(file.size)}\n              </Text>\n              <DismissButton\n                onClick={() => removeFile(i)}\n                label={`Remove ${file.name}`}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nFileInput.displayName = \"FileInput\";\n\nexport { FileInput, fileInputZoneVariants };\n"],"mappings":"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"}