@nuka-ui/core 1.1.1 → 1.1.3

package/dist/components/Tabs/TabsTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTrigger.js","names":[],"sources":["../../../src/components/Tabs/TabsTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string;\n}\n\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ value, disabled = false, className, onClick, onFocus, ...props }, ref) => {\n    const ctx = useTabsContext();\n    const isSelected = ctx.value === value;\n    const triggerId = `${ctx.baseId}-trigger-${value}`;\n    const panelId = `${ctx.baseId}-panel-${value}`;\n\n    const isFocusTarget = ctx.focusedValue\n      ? ctx.focusedValue === value\n      : isSelected;\n\n    const handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n      ctx.setFocusedValue(value);\n      if (ctx.activationMode === \"automatic\") {\n        ctx.onValueChange(value);\n      }\n      onFocus?.(e);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      ctx.onValueChange(value);\n      onClick?.(e);\n    };\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"tab\"\n        id={triggerId}\n        aria-selected={isSelected}\n        aria-controls={panelId}\n        aria-disabled={disabled || undefined}\n        disabled={disabled}\n        tabIndex={isFocusTarget ? 0 : -1}\n        data-state={isSelected ? \"active\" : \"inactive\"}\n        className={cn(\n          \"inline-flex items-center justify-center whitespace-nowrap\",\n          \"text-[length:var(--font-size-sm)]\",\n          \"font-[number:var(--font-weight-medium)]\",\n          \"transition-colors duration-150\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          \"disabled:pointer-events-none disabled:opacity-50\",\n          \"cursor-pointer\",\n          \"px-(--space-3) py-(--space-2)\",\n          \"text-(--nuka-text-muted)\",\n          \"hover:text-(--nuka-text-base)\",\n          \"data-[state=active]:text-(--nuka-text-base)\",\n          \"rounded-(--radius-md)\",\n          \"data-[state=active]:bg-(--nuka-bg-base)\",\n          \"data-[state=active]:shadow-sm\",\n          className,\n        )}\n        onFocus={handleFocus}\n        onClick={handleClick}\n        {...props}\n      />\n    );\n  },\n);\n\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":";;;;;;AASA,IAAM,IAAc,EAAM,YACvB,EAAE,UAAO,cAAW,IAAO,cAAW,YAAS,YAAS,GAAG,KAAS,MAAQ;CAC3E,IAAM,IAAM,GAAgB,EACtB,IAAa,EAAI,UAAU,GAC3B,IAAY,GAAG,EAAI,OAAO,WAAW,KACrC,IAAU,GAAG,EAAI,OAAO,SAAS,KAEjC,IAAgB,EAAI,eACtB,EAAI,iBAAiB,IACrB;AAeJ,QACE,kBAAC,UAAD;EACO;EACL,MAAK;EACL,MAAK;EACL,IAAI;EACJ,iBAAe;EACf,iBAAe;EACf,iBAAe,KAAY,KAAA;EACjB;EACV,UAAU,IAAgB,IAAI;EAC9B,cAAY,IAAa,WAAW;EACpC,WAAW,EACT,6DACA,qCACA,2CACA,kCACA,0DACA,+CACA,oDACA,kBACA,iCACA,4BACA,iCACA,+CACA,yBACA,2CACA,iCACA,EACD;EACD,UA3CiB,MAA2C;AAK9D,GAJA,EAAI,gBAAgB,EAAM,EACtB,EAAI,mBAAmB,eACzB,EAAI,cAAc,EAAM,EAE1B,IAAU,EAAE;;EAuCV,UApCiB,MAA2C;AAE9D,GADA,EAAI,cAAc,EAAM,EACxB,IAAU,EAAE;;EAmCV,GAAI;EACJ,CAAA;EAGP;AAED,EAAY,cAAc"}
+{"version":3,"file":"TabsTrigger.js","names":[],"sources":["../../../src/components/Tabs/TabsTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  value: string;\n}\n\nfunction TabsTrigger({\n  ref,\n  value,\n  disabled = false,\n  className,\n  onClick,\n  onFocus,\n  ...props\n}: TabsTriggerProps) {\n  const ctx = useTabsContext();\n  const isSelected = ctx.value === value;\n  const triggerId = `${ctx.baseId}-trigger-${value}`;\n  const panelId = `${ctx.baseId}-panel-${value}`;\n\n  const isFocusTarget = ctx.focusedValue\n    ? ctx.focusedValue === value\n    : isSelected;\n\n  const handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n    ctx.setFocusedValue(value);\n    if (ctx.activationMode === \"automatic\") {\n      ctx.onValueChange(value);\n    }\n    onFocus?.(e);\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    ctx.onValueChange(value);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"tab\"\n      id={triggerId}\n      aria-selected={isSelected}\n      aria-controls={panelId}\n      aria-disabled={disabled || undefined}\n      disabled={disabled}\n      tabIndex={isFocusTarget ? 0 : -1}\n      data-state={isSelected ? \"active\" : \"inactive\"}\n      className={cn(\n        \"inline-flex items-center justify-center whitespace-nowrap\",\n        \"text-[length:var(--font-size-sm)]\",\n        \"font-[number:var(--font-weight-medium)]\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        \"cursor-pointer\",\n        \"px-(--space-3) py-(--space-2)\",\n        \"text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base)\",\n        \"data-[state=active]:text-(--nuka-text-base)\",\n        \"rounded-(--radius-md)\",\n        \"data-[state=active]:bg-(--nuka-bg-base)\",\n        \"data-[state=active]:shadow-sm\",\n        className,\n      )}\n      onFocus={handleFocus}\n      onClick={handleClick}\n      {...props}\n    />\n  );\n}\n\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAY,EACnB,QACA,UACA,cAAW,IACX,cACA,YACA,YACA,GAAG,KACgB;CACnB,IAAM,IAAM,GAAgB,EACtB,IAAa,EAAI,UAAU,GAC3B,IAAY,GAAG,EAAI,OAAO,WAAW,KACrC,IAAU,GAAG,EAAI,OAAO,SAAS,KAEjC,IAAgB,EAAI,eACtB,EAAI,iBAAiB,IACrB;AAeJ,QACE,kBAAC,UAAD;EACO;EACL,MAAK;EACL,MAAK;EACL,IAAI;EACJ,iBAAe;EACf,iBAAe;EACf,iBAAe,KAAY,KAAA;EACjB;EACV,UAAU,IAAgB,IAAI;EAC9B,cAAY,IAAa,WAAW;EACpC,WAAW,EACT,6DACA,qCACA,2CACA,kCACA,0DACA,+CACA,oDACA,kBACA,iCACA,4BACA,iCACA,+CACA,yBACA,2CACA,iCACA,EACD;EACD,UA3CiB,MAA2C;AAK9D,GAJA,EAAI,gBAAgB,EAAM,EACtB,EAAI,mBAAmB,eACzB,EAAI,cAAc,EAAM,EAE1B,IAAU,EAAE;;EAuCV,UApCiB,MAA2C;AAE9D,GADA,EAAI,cAAc,EAAM,EACxB,IAAU,EAAE;;EAmCV,GAAI;EACJ,CAAA;;AAIN,EAAY,cAAc"}

package/dist/components/Tag/Tag.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/dismiss-button.cjs`),r=require(`./Tag.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({className:e,variant:i,intent:o,size:s,onDismiss:c,dismissLabel:l=`Remove`,children:u,...d},f)=>(0,a.jsxs)(`span`,{ref:f,className:t.cn(r.tagVariants({variant:i,intent:o,size:s}),e),...d,children:[u,c!==void 0&&(0,a.jsx)(n.DismissButton,{onClick:c,label:l})]}));o.displayName=`Tag`,exports.Tag=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/dismiss-button.cjs`),r=require(`./Tag.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,variant:o,intent:s,size:c,onDismiss:l,dismissLabel:u=`Remove`,children:d,...f}){return(0,a.jsxs)(`span`,{ref:e,className:t.cn(r.tagVariants({variant:o,intent:s,size:c}),i),...f,children:[d,l!==void 0&&(0,a.jsx)(n.DismissButton,{onClick:l,label:u})]})}o.displayName=`Tag`,exports.Tag=o;
 //# sourceMappingURL=Tag.cjs.map

package/dist/components/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  tagVariants,\n  type TagVariantProps,\n} from \"@nuka/components/Tag/Tag.variants\";\n\nexport interface TagProps\n  extends React.HTMLAttributes<HTMLSpanElement>, TagVariantProps {\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\nconst Tag = React.forwardRef<HTMLSpanElement, TagProps>(\n  (\n    {\n      className,\n      variant,\n      intent,\n      size,\n      onDismiss,\n      dismissLabel = \"Remove\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <span\n        ref={ref}\n        className={cn(tagVariants({ variant, intent, size }), className)}\n        {...props}\n      >\n        {children}\n        {onDismiss !== undefined && (\n          <DismissButton onClick={onDismiss} label={dismissLabel} />\n        )}\n      </span>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n\nexport { Tag, tagVariants };\n"],"mappings":"+OAcA,IAAM,EAAM,EAAM,YAEd,CACE,YACA,UACA,SACA,OACA,YACA,eAAe,SACf,WACA,GAAG,GAEL,KAGE,EAAA,EAAA,MAAC,OAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,YAAY,CAAE,UAAS,SAAQ,OAAM,CAAC,CAAE,EAAU,CAChE,GAAI,WAHN,CAKG,EACA,IAAc,IAAA,KACb,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,QAAS,EAAW,MAAO,EAAgB,CAAA,CAEvD,GAGZ,CAED,EAAI,YAAc"}
+{"version":3,"file":"Tag.cjs","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  tagVariants,\n  type TagVariantProps,\n} from \"@nuka/components/Tag/Tag.variants\";\n\nexport interface TagProps\n  extends React.HTMLAttributes<HTMLSpanElement>, TagVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\nfunction Tag({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  onDismiss,\n  dismissLabel = \"Remove\",\n  children,\n  ...props\n}: TagProps) {\n  return (\n    <span\n      ref={ref}\n      className={cn(tagVariants({ variant, intent, size }), className)}\n      {...props}\n    >\n      {children}\n      {onDismiss !== undefined && (\n        <DismissButton onClick={onDismiss} label={dismissLabel} />\n      )}\n    </span>\n  );\n}\n\nTag.displayName = \"Tag\";\n\nexport { Tag, tagVariants };\n"],"mappings":"4PAiBA,SAAS,EAAI,CACX,MACA,YACA,UACA,SACA,OACA,YACA,eAAe,SACf,WACA,GAAG,GACQ,CACX,OACE,EAAA,EAAA,MAAC,OAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,YAAY,CAAE,UAAS,SAAQ,OAAM,CAAC,CAAE,EAAU,CAChE,GAAI,WAHN,CAKG,EACA,IAAc,IAAA,KACb,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,QAAS,EAAW,MAAO,EAAgB,CAAA,CAEvD,GAIX,EAAI,YAAc"}

package/dist/components/Tag/Tag.d.ts

@@ -1,9 +1,13 @@
 import { tagVariants, TagVariantProps } from './Tag.variants';
 import * as React from "react";
 export interface TagProps extends React.HTMLAttributes<HTMLSpanElement>, TagVariantProps {
+    ref?: React.Ref<HTMLSpanElement> | undefined;
     onDismiss?: () => void;
     dismissLabel?: string;
 }
-declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+declare function Tag({ ref, className, variant, intent, size, onDismiss, dismissLabel, children, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Tag {
+    var displayName: string;
+}
 export { Tag, tagVariants };
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,QACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,eAAe;IAC9D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,GAAG,kFA2BR,CAAC;AAIF,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,QACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,eAAe;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,GAAG,CAAC,EACX,GAAG,EACH,SAAS,EACT,OAAO,EACP,MAAM,EACN,IAAI,EACJ,SAAS,EACT,YAAuB,EACvB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,QAAQ,2CAaV;kBAvBQ,GAAG;;;AA2BZ,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Tag/Tag.js

@@ -1,24 +1,27 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { DismissButton as t } from "../../utils/dismiss-button.js";
 import { tagVariants as n } from "./Tag.variants.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/Tag/Tag.tsx
-var o = r.forwardRef(({ className: r, variant: o, intent: s, size: c, onDismiss: l, dismissLabel: u = "Remove", children: d, ...f }, p) => /* @__PURE__ */ a("span", {
-	ref: p,
-	className: e(n({
-		variant: o,
-		intent: s,
-		size: c
-	}), r),
-	...f,
-	children: [d, l !== void 0 && /* @__PURE__ */ i(t, {
-		onClick: l,
-		label: u
-	})]
-}));
-o.displayName = "Tag";
+function a({ ref: a, className: o, variant: s, intent: c, size: l, onDismiss: u, dismissLabel: d = "Remove", children: f, ...p }) {
+	return /* @__PURE__ */ i("span", {
+		ref: a,
+		className: e(n({
+			variant: s,
+			intent: c,
+			size: l
+		}), o),
+		...p,
+		children: [f, u !== void 0 && /* @__PURE__ */ r(t, {
+			onClick: u,
+			label: d
+		})]
+	});
+}
+a.displayName = "Tag";
 //#endregion
-export { o as Tag };
+export { a as Tag };
 
 //# sourceMappingURL=Tag.js.map

package/dist/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  tagVariants,\n  type TagVariantProps,\n} from \"@nuka/components/Tag/Tag.variants\";\n\nexport interface TagProps\n  extends React.HTMLAttributes<HTMLSpanElement>, TagVariantProps {\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\nconst Tag = React.forwardRef<HTMLSpanElement, TagProps>(\n  (\n    {\n      className,\n      variant,\n      intent,\n      size,\n      onDismiss,\n      dismissLabel = \"Remove\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <span\n        ref={ref}\n        className={cn(tagVariants({ variant, intent, size }), className)}\n        {...props}\n      >\n        {children}\n        {onDismiss !== undefined && (\n          <DismissButton onClick={onDismiss} label={dismissLabel} />\n        )}\n      </span>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n\nexport { Tag, tagVariants };\n"],"mappings":";;;;;;AAcA,IAAM,IAAM,EAAM,YAEd,EACE,cACA,YACA,WACA,SACA,cACA,kBAAe,UACf,aACA,GAAG,KAEL,MAGE,kBAAC,QAAD;CACO;CACL,WAAW,EAAG,EAAY;EAAE;EAAS;EAAQ;EAAM,CAAC,EAAE,EAAU;CAChE,GAAI;WAHN,CAKG,GACA,MAAc,KAAA,KACb,kBAAC,GAAD;EAAe,SAAS;EAAW,OAAO;EAAgB,CAAA,CAEvD;GAGZ;AAED,EAAI,cAAc"}
+{"version":3,"file":"Tag.js","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  tagVariants,\n  type TagVariantProps,\n} from \"@nuka/components/Tag/Tag.variants\";\n\nexport interface TagProps\n  extends React.HTMLAttributes<HTMLSpanElement>, TagVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\nfunction Tag({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  onDismiss,\n  dismissLabel = \"Remove\",\n  children,\n  ...props\n}: TagProps) {\n  return (\n    <span\n      ref={ref}\n      className={cn(tagVariants({ variant, intent, size }), className)}\n      {...props}\n    >\n      {children}\n      {onDismiss !== undefined && (\n        <DismissButton onClick={onDismiss} label={dismissLabel} />\n      )}\n    </span>\n  );\n}\n\nTag.displayName = \"Tag\";\n\nexport { Tag, tagVariants };\n"],"mappings":";;;;;;;AAiBA,SAAS,EAAI,EACX,QACA,cACA,YACA,WACA,SACA,cACA,kBAAe,UACf,aACA,GAAG,KACQ;AACX,QACE,kBAAC,QAAD;EACO;EACL,WAAW,EAAG,EAAY;GAAE;GAAS;GAAQ;GAAM,CAAC,EAAE,EAAU;EAChE,GAAI;YAHN,CAKG,GACA,MAAc,KAAA,KACb,kBAAC,GAAD;GAAe,SAAS;GAAW,OAAO;GAAgB,CAAA,CAEvD;;;AAIX,EAAI,cAAc"}

package/dist/components/Text/Text.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/responsive.cjs`),r=require(`./Text.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({as:e=`p`,className:i,size:o=`md`,family:s,weight:c,color:l,align:u=`left`,truncate:d,...f},p)=>(0,a.jsx)(e,{ref:p,className:t.cn(r.textVariants({family:s,weight:c,color:l,truncate:d}),...n.resolveResponsiveClasses(o,n.textSizeClasses),...n.resolveResponsiveClasses(u,n.textAlignClasses),i),...f}));o.displayName=`Text`,exports.Text=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/responsive.cjs`),r=require(`./Text.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,as:i=`p`,className:o,size:s=`md`,family:c,weight:l,color:u,align:d=`left`,truncate:f,...p}){return(0,a.jsx)(i,{ref:e,className:t.cn(r.textVariants({family:c,weight:l,color:u,truncate:f}),...n.resolveResponsiveClasses(s,n.textSizeClasses),...n.resolveResponsiveClasses(d,n.textAlignClasses),o),...p})}o.displayName=`Text`,exports.Text=o;
 //# sourceMappingURL=Text.cjs.map

package/dist/components/Text/Text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  textSizeClasses,\n  textAlignClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, TextSize, TextAlign } from \"@nuka/utils/responsive\";\nimport {\n  textVariants,\n  type TextVariantProps,\n} from \"@nuka/components/Text/Text.variants\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"label\"\n  | \"li\"\n  | \"time\"\n  | \"abbr\"\n  | \"figcaption\"\n  | \"div\";\n\nexport interface TextProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\">, TextVariantProps {\n  as?: TextElement;\n  size?: Responsive<TextSize>;\n  align?: Responsive<TextAlign>;\n}\n\nconst Text = React.forwardRef<HTMLElement, TextProps>(\n  (\n    {\n      as: Comp = \"p\",\n      className,\n      size = \"md\",\n      family,\n      weight,\n      color,\n      align = \"left\",\n      truncate,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Comp\n        // Safe: the `as` prop makes the element type dynamic (p | span | label | ...),\n        // so ref cannot satisfy any single element ref type. Each render produces one\n        // concrete element, so the ref assignment is correct at runtime.\n        ref={ref as React.RefObject<never>}\n        className={cn(\n          textVariants({ family, weight, color, truncate }),\n          ...resolveResponsiveClasses(size, textSizeClasses),\n          ...resolveResponsiveClasses(align, textAlignClasses),\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n"],"mappings":"4OA8BA,IAAM,EAAO,EAAM,YAEf,CACE,GAAI,EAAO,IACX,YACA,OAAO,KACP,SACA,SACA,QACA,QAAQ,OACR,WACA,GAAG,GAEL,KAGE,EAAA,EAAA,KAAC,EAAD,CAIO,MACL,UAAW,EAAA,GACT,EAAA,aAAa,CAAE,SAAQ,SAAQ,QAAO,WAAU,CAAC,CACjD,GAAG,EAAA,yBAAyB,EAAM,EAAA,gBAAgB,CAClD,GAAG,EAAA,yBAAyB,EAAO,EAAA,iBAAiB,CACpD,EACD,CACD,GAAI,EACJ,CAAA,CAGP,CAED,EAAK,YAAc"}
+{"version":3,"file":"Text.cjs","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  textSizeClasses,\n  textAlignClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, TextSize, TextAlign } from \"@nuka/utils/responsive\";\nimport {\n  textVariants,\n  type TextVariantProps,\n} from \"@nuka/components/Text/Text.variants\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"label\"\n  | \"li\"\n  | \"time\"\n  | \"abbr\"\n  | \"figcaption\"\n  | \"div\";\n\nexport interface TextProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\">, TextVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: TextElement;\n  size?: Responsive<TextSize>;\n  align?: Responsive<TextAlign>;\n}\n\nfunction Text({\n  ref,\n  as: Comp = \"p\",\n  className,\n  size = \"md\",\n  family,\n  weight,\n  color,\n  align = \"left\",\n  truncate,\n  ...props\n}: TextProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic (p | span | label | ...),\n      // so ref cannot satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        textVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, textSizeClasses),\n        ...resolveResponsiveClasses(align, textAlignClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n"],"mappings":"yPAiCA,SAAS,EAAK,CACZ,MACA,GAAI,EAAO,IACX,YACA,OAAO,KACP,SACA,SACA,QACA,QAAQ,OACR,WACA,GAAG,GACS,CACZ,OACE,EAAA,EAAA,KAAC,EAAD,CAIO,MACL,UAAW,EAAA,GACT,EAAA,aAAa,CAAE,SAAQ,SAAQ,QAAO,WAAU,CAAC,CACjD,GAAG,EAAA,yBAAyB,EAAM,EAAA,gBAAgB,CAClD,GAAG,EAAA,yBAAyB,EAAO,EAAA,iBAAiB,CACpD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc"}

package/dist/components/Text/Text.d.ts

@@ -3,10 +3,14 @@ import { textVariants, TextVariantProps } from './Text.variants';
 import * as React from "react";
 type TextElement = "p" | "span" | "label" | "li" | "time" | "abbr" | "figcaption" | "div";
 export interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, TextVariantProps {
+    ref?: React.Ref<HTMLElement> | undefined;
     as?: TextElement;
     size?: Responsive<TextSize>;
     align?: Responsive<TextAlign>;
 }
-declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
+declare function Text({ ref, as: Comp, className, size, family, weight, color, align, truncate, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Text {
+    var displayName: string;
+}
 export { Text, textVariants };
 //# sourceMappingURL=Text.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,KAAK,WAAW,GACZ,GAAG,GACH,MAAM,GACN,OAAO,GACP,IAAI,GACJ,MAAM,GACN,MAAM,GACN,YAAY,GACZ,KAAK,CAAC;AAEV,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAAE,gBAAgB;IAC1E,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CAC/B;AAED,QAAA,MAAM,IAAI,+EA+BT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,KAAK,WAAW,GACZ,GAAG,GACH,MAAM,GACN,OAAO,GACP,IAAI,GACJ,MAAM,GACN,MAAM,GACN,YAAY,GACZ,KAAK,CAAC;AAEV,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAAE,gBAAgB;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CAC/B;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,EAAE,EAAE,IAAU,EACd,SAAS,EACT,IAAW,EACX,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAgBX;kBA3BQ,IAAI;;;AA+Bb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Text/Text.js

@@ -1,21 +1,24 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { resolveResponsiveClasses as t, textAlignClasses as n, textSizeClasses as r } from "../../utils/responsive.js";
 import { textVariants as i } from "./Text.variants.js";
-import * as a from "react";
-import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/Text/Text.tsx
-var s = a.forwardRef(({ as: a = "p", className: s, size: c = "md", family: l, weight: u, color: d, align: f = "left", truncate: p, ...m }, h) => /* @__PURE__ */ o(a, {
-	ref: h,
-	className: e(i({
-		family: l,
-		weight: u,
-		color: d,
-		truncate: p
-	}), ...t(c, r), ...t(f, n), s),
-	...m
-}));
-s.displayName = "Text";
+function o({ ref: o, as: s = "p", className: c, size: l = "md", family: u, weight: d, color: f, align: p = "left", truncate: m, ...h }) {
+	return /* @__PURE__ */ a(s, {
+		ref: o,
+		className: e(i({
+			family: u,
+			weight: d,
+			color: f,
+			truncate: m
+		}), ...t(l, r), ...t(p, n), c),
+		...h
+	});
+}
+o.displayName = "Text";
 //#endregion
-export { s as Text };
+export { o as Text };
 
 //# sourceMappingURL=Text.js.map

package/dist/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  textSizeClasses,\n  textAlignClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, TextSize, TextAlign } from \"@nuka/utils/responsive\";\nimport {\n  textVariants,\n  type TextVariantProps,\n} from \"@nuka/components/Text/Text.variants\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"label\"\n  | \"li\"\n  | \"time\"\n  | \"abbr\"\n  | \"figcaption\"\n  | \"div\";\n\nexport interface TextProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\">, TextVariantProps {\n  as?: TextElement;\n  size?: Responsive<TextSize>;\n  align?: Responsive<TextAlign>;\n}\n\nconst Text = React.forwardRef<HTMLElement, TextProps>(\n  (\n    {\n      as: Comp = \"p\",\n      className,\n      size = \"md\",\n      family,\n      weight,\n      color,\n      align = \"left\",\n      truncate,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Comp\n        // Safe: the `as` prop makes the element type dynamic (p | span | label | ...),\n        // so ref cannot satisfy any single element ref type. Each render produces one\n        // concrete element, so the ref assignment is correct at runtime.\n        ref={ref as React.RefObject<never>}\n        className={cn(\n          textVariants({ family, weight, color, truncate }),\n          ...resolveResponsiveClasses(size, textSizeClasses),\n          ...resolveResponsiveClasses(align, textAlignClasses),\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n"],"mappings":";;;;;;AA8BA,IAAM,IAAO,EAAM,YAEf,EACE,IAAI,IAAO,KACX,cACA,UAAO,MACP,WACA,WACA,UACA,WAAQ,QACR,aACA,GAAG,KAEL,MAGE,kBAAC,GAAD;CAIO;CACL,WAAW,EACT,EAAa;EAAE;EAAQ;EAAQ;EAAO;EAAU,CAAC,EACjD,GAAG,EAAyB,GAAM,EAAgB,EAClD,GAAG,EAAyB,GAAO,EAAiB,EACpD,EACD;CACD,GAAI;CACJ,CAAA,CAGP;AAED,EAAK,cAAc"}
+{"version":3,"file":"Text.js","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  textSizeClasses,\n  textAlignClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, TextSize, TextAlign } from \"@nuka/utils/responsive\";\nimport {\n  textVariants,\n  type TextVariantProps,\n} from \"@nuka/components/Text/Text.variants\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"label\"\n  | \"li\"\n  | \"time\"\n  | \"abbr\"\n  | \"figcaption\"\n  | \"div\";\n\nexport interface TextProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\">, TextVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: TextElement;\n  size?: Responsive<TextSize>;\n  align?: Responsive<TextAlign>;\n}\n\nfunction Text({\n  ref,\n  as: Comp = \"p\",\n  className,\n  size = \"md\",\n  family,\n  weight,\n  color,\n  align = \"left\",\n  truncate,\n  ...props\n}: TextProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic (p | span | label | ...),\n      // so ref cannot satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        textVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, textSizeClasses),\n        ...resolveResponsiveClasses(align, textAlignClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n"],"mappings":";;;;;;;AAiCA,SAAS,EAAK,EACZ,QACA,IAAI,IAAO,KACX,cACA,UAAO,MACP,WACA,WACA,UACA,WAAQ,QACR,aACA,GAAG,KACS;AACZ,QACE,kBAAC,GAAD;EAIO;EACL,WAAW,EACT,EAAa;GAAE;GAAQ;GAAQ;GAAO;GAAU,CAAC,EACjD,GAAG,EAAyB,GAAM,EAAgB,EAClD,GAAG,EAAyB,GAAO,EAAiB,EACpD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAK,cAAc"}

package/dist/components/Textarea/Textarea.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-form-field-props.cjs`),r=require(`./Textarea.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({className:e,intent:i,size:o,id:s,...c},l)=>{let u=n.useFormFieldProps({id:s,"aria-invalid":c[`aria-invalid`],"aria-describedby":c[`aria-describedby`],"aria-required":c[`aria-required`]}),d=u.ariaInvalid??(i===`danger`?!0:void 0);return(0,a.jsx)(`textarea`,{ref:l,id:u.resolvedId,className:t.cn(r.textareaVariants({intent:i,size:o}),e),...c,"aria-invalid":d,"aria-describedby":u.ariaDescribedBy,"aria-required":u.ariaRequired})});o.displayName=`Textarea`,exports.Textarea=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-form-field-props.cjs`),r=require(`./Textarea.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,intent:o,size:s,id:c,...l}){let u=n.useFormFieldProps({id:c,"aria-invalid":l[`aria-invalid`],"aria-describedby":l[`aria-describedby`],"aria-required":l[`aria-required`]}),d=u.ariaInvalid??(o===`danger`?!0:void 0);return(0,a.jsx)(`textarea`,{ref:e,id:u.resolvedId,className:t.cn(r.textareaVariants({intent:o,size:s}),i),...l,"aria-invalid":d,"aria-describedby":u.ariaDescribedBy,"aria-required":u.ariaRequired})}o.displayName=`Textarea`,exports.Textarea=o;
 //# sourceMappingURL=Textarea.cjs.map

package/dist/components/Textarea/Textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.cjs","names":[],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  textareaVariants,\n  type TextareaVariantProps,\n} from \"@nuka/components/Textarea/Textarea.variants\";\n\nexport interface TextareaProps\n  extends\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    TextareaVariantProps {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, intent, size, id, ...props }, ref) => {\n    const field = useFormFieldProps({\n      id,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const ariaInvalid =\n      field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n    return (\n      <textarea\n        ref={ref}\n        id={field.resolvedId}\n        className={cn(textareaVariants({ intent, size }), className)}\n        {...props}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n      />\n    );\n  },\n);\n\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea, textareaVariants };\n"],"mappings":"0PAaA,IAAM,EAAW,EAAM,YACpB,CAAE,YAAW,SAAQ,OAAM,KAAI,GAAG,GAAS,IAAQ,CAClD,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,KACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEI,EACJ,EAAM,cAAgB,IAAW,SAAW,GAAO,IAAA,IAErD,OACE,EAAA,EAAA,KAAC,WAAD,CACO,MACL,GAAI,EAAM,WACV,UAAW,EAAA,GAAG,EAAA,iBAAiB,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CAC5D,GAAI,EACJ,eAAc,EACd,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,CAAA,EAGP,CAED,EAAS,YAAc"}
+{"version":3,"file":"Textarea.cjs","names":[],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  textareaVariants,\n  type TextareaVariantProps,\n} from \"@nuka/components/Textarea/Textarea.variants\";\n\nexport interface TextareaProps\n  extends\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    TextareaVariantProps {\n  ref?: React.Ref<HTMLTextAreaElement> | undefined;\n}\n\nfunction Textarea({\n  ref,\n  className,\n  intent,\n  size,\n  id,\n  ...props\n}: TextareaProps) {\n  const field = useFormFieldProps({\n    id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  return (\n    <textarea\n      ref={ref}\n      id={field.resolvedId}\n      className={cn(textareaVariants({ intent, size }), className)}\n      {...props}\n      aria-invalid={ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n    />\n  );\n}\n\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea, textareaVariants };\n"],"mappings":"uQAiBA,SAAS,EAAS,CAChB,MACA,YACA,SACA,OACA,KACA,GAAG,GACa,CAChB,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,KACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEI,EACJ,EAAM,cAAgB,IAAW,SAAW,GAAO,IAAA,IAErD,OACE,EAAA,EAAA,KAAC,WAAD,CACO,MACL,GAAI,EAAM,WACV,UAAW,EAAA,GAAG,EAAA,iBAAiB,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CAC5D,GAAI,EACJ,eAAc,EACd,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,CAAA,CAIN,EAAS,YAAc"}

package/dist/components/Textarea/Textarea.d.ts

@@ -1,7 +1,11 @@
 import { textareaVariants, TextareaVariantProps } from './Textarea.variants';
 import * as React from "react";
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, TextareaVariantProps {
+    ref?: React.Ref<HTMLTextAreaElement> | undefined;
+}
+declare function Textarea({ ref, className, intent, size, id, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Textarea {
+    var displayName: string;
 }
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea, textareaVariants };
 //# sourceMappingURL=Textarea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,gBAAgB,EAChB,KAAK,oBAAoB,EAC1B,MAAM,6CAA6C,CAAC;AAErD,MAAM,WAAW,aACf,SACE,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,oBAAoB;CAAG;AAE3B,QAAA,MAAM,QAAQ,2FAwBb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,gBAAgB,EAChB,KAAK,oBAAoB,EAC1B,MAAM,6CAA6C,CAAC;AAErD,MAAM,WAAW,aACf,SACE,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,oBAAoB;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAAC;CAClD;AAED,iBAAS,QAAQ,CAAC,EAChB,GAAG,EACH,SAAS,EACT,MAAM,EACN,IAAI,EACJ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,aAAa,2CAsBf;kBA7BQ,QAAQ;;;AAiCjB,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Textarea/Textarea.js

@@ -1,31 +1,32 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { useFormFieldProps as t } from "../../hooks/use-form-field-props.js";
 import { textareaVariants as n } from "./Textarea.variants.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/Textarea/Textarea.tsx
-var a = r.forwardRef(({ className: r, intent: a, size: o, id: s, ...c }, l) => {
+function i({ ref: i, className: a, intent: o, size: s, id: c, ...l }) {
 	let u = t({
-		id: s,
-		"aria-invalid": c["aria-invalid"],
-		"aria-describedby": c["aria-describedby"],
-		"aria-required": c["aria-required"]
-	}), d = u.ariaInvalid ?? (a === "danger" ? !0 : void 0);
-	return /* @__PURE__ */ i("textarea", {
-		ref: l,
+		id: c,
+		"aria-invalid": l["aria-invalid"],
+		"aria-describedby": l["aria-describedby"],
+		"aria-required": l["aria-required"]
+	}), d = u.ariaInvalid ?? (o === "danger" ? !0 : void 0);
+	return /* @__PURE__ */ r("textarea", {
+		ref: i,
 		id: u.resolvedId,
 		className: e(n({
-			intent: a,
-			size: o
-		}), r),
-		...c,
+			intent: o,
+			size: s
+		}), a),
+		...l,
 		"aria-invalid": d,
 		"aria-describedby": u.ariaDescribedBy,
 		"aria-required": u.ariaRequired
 	});
-});
-a.displayName = "Textarea";
+}
+i.displayName = "Textarea";
 //#endregion
-export { a as Textarea };
+export { i as Textarea };
 
 //# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":[],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  textareaVariants,\n  type TextareaVariantProps,\n} from \"@nuka/components/Textarea/Textarea.variants\";\n\nexport interface TextareaProps\n  extends\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    TextareaVariantProps {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, intent, size, id, ...props }, ref) => {\n    const field = useFormFieldProps({\n      id,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const ariaInvalid =\n      field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n    return (\n      <textarea\n        ref={ref}\n        id={field.resolvedId}\n        className={cn(textareaVariants({ intent, size }), className)}\n        {...props}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n      />\n    );\n  },\n);\n\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea, textareaVariants };\n"],"mappings":";;;;;;AAaA,IAAM,IAAW,EAAM,YACpB,EAAE,cAAW,WAAQ,SAAM,OAAI,GAAG,KAAS,MAAQ;CAClD,IAAM,IAAQ,EAAkB;EAC9B;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC,EAEI,IACJ,EAAM,gBAAgB,MAAW,WAAW,KAAO,KAAA;AAErD,QACE,kBAAC,YAAD;EACO;EACL,IAAI,EAAM;EACV,WAAW,EAAG,EAAiB;GAAE;GAAQ;GAAM,CAAC,EAAE,EAAU;EAC5D,GAAI;EACJ,gBAAc;EACd,oBAAkB,EAAM;EACxB,iBAAe,EAAM;EACrB,CAAA;EAGP;AAED,EAAS,cAAc"}
+{"version":3,"file":"Textarea.js","names":[],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  textareaVariants,\n  type TextareaVariantProps,\n} from \"@nuka/components/Textarea/Textarea.variants\";\n\nexport interface TextareaProps\n  extends\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    TextareaVariantProps {\n  ref?: React.Ref<HTMLTextAreaElement> | undefined;\n}\n\nfunction Textarea({\n  ref,\n  className,\n  intent,\n  size,\n  id,\n  ...props\n}: TextareaProps) {\n  const field = useFormFieldProps({\n    id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  return (\n    <textarea\n      ref={ref}\n      id={field.resolvedId}\n      className={cn(textareaVariants({ intent, size }), className)}\n      {...props}\n      aria-invalid={ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n    />\n  );\n}\n\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea, textareaVariants };\n"],"mappings":";;;;;;;AAiBA,SAAS,EAAS,EAChB,QACA,cACA,WACA,SACA,OACA,GAAG,KACa;CAChB,IAAM,IAAQ,EAAkB;EAC9B;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC,EAEI,IACJ,EAAM,gBAAgB,MAAW,WAAW,KAAO,KAAA;AAErD,QACE,kBAAC,YAAD;EACO;EACL,IAAI,EAAM;EACV,WAAW,EAAG,EAAiB;GAAE;GAAQ;GAAM,CAAC,EAAE,EAAU;EAC5D,GAAI;EACJ,gBAAc;EACd,oBAAkB,EAAM;EACxB,iBAAe,EAAM;EACrB,CAAA;;AAIN,EAAS,cAAc"}

package/dist/components/Timeline/Timeline.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(({className:e,...n},i)=>(0,r.jsx)(`ol`,{ref:i,className:t.cn(`relative flex flex-col`,`list-none`,e),...n}));i.displayName=`Timeline`,exports.Timeline=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,className:n,...i}){return(0,r.jsx)(`ol`,{ref:e,className:t.cn(`relative flex flex-col`,`list-none`,n),...i})}i.displayName=`Timeline`,exports.Timeline=i;
 //# sourceMappingURL=Timeline.cjs.map

package/dist/components/Timeline/Timeline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TimelineProps extends React.OlHTMLAttributes<HTMLOListElement> {}\n\nconst Timeline = React.forwardRef<HTMLOListElement, TimelineProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <ol\n        ref={ref}\n        className={cn(\"relative flex flex-col\", \"list-none\", className)}\n        {...props}\n      />\n    );\n  },\n);\n\nTimeline.displayName = \"Timeline\";\n\nexport { Timeline };\n"],"mappings":"mKAKA,IAAM,EAAW,EAAM,YACpB,CAAE,YAAW,GAAG,GAAS,KAEtB,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,yBAA0B,YAAa,EAAU,CAC/D,GAAI,EACJ,CAAA,CAGP,CAED,EAAS,YAAc"}
+{"version":3,"file":"Timeline.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TimelineProps extends React.OlHTMLAttributes<HTMLOListElement> {\n  ref?: React.Ref<HTMLOListElement> | undefined;\n}\n\nfunction Timeline({ ref, className, ...props }: TimelineProps) {\n  return (\n    <ol\n      ref={ref}\n      className={cn(\"relative flex flex-col\", \"list-none\", className)}\n      {...props}\n    />\n  );\n}\n\nTimeline.displayName = \"Timeline\";\n\nexport { Timeline };\n"],"mappings":"gLASA,SAAS,EAAS,CAAE,MAAK,YAAW,GAAG,GAAwB,CAC7D,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,yBAA0B,YAAa,EAAU,CAC/D,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc"}

package/dist/components/Timeline/Timeline.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;CAAG;AAElF,QAAA,MAAM,QAAQ,wFAUb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;IAC7E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAQ5D;kBARQ,QAAQ;;;AAYjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Timeline/Timeline.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/Timeline/Timeline.tsx
-var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("ol", {
-	ref: i,
-	className: e("relative flex flex-col", "list-none", t),
-	...r
-}));
-r.displayName = "Timeline";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("ol", {
+		ref: n,
+		className: e("relative flex flex-col", "list-none", r),
+		...i
+	});
+}
+n.displayName = "Timeline";
 //#endregion
-export { r as Timeline };
+export { n as Timeline };
 
 //# sourceMappingURL=Timeline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TimelineProps extends React.OlHTMLAttributes<HTMLOListElement> {}\n\nconst Timeline = React.forwardRef<HTMLOListElement, TimelineProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <ol\n        ref={ref}\n        className={cn(\"relative flex flex-col\", \"list-none\", className)}\n        {...props}\n      />\n    );\n  },\n);\n\nTimeline.displayName = \"Timeline\";\n\nexport { Timeline };\n"],"mappings":";;;;AAKA,IAAM,IAAW,EAAM,YACpB,EAAE,cAAW,GAAG,KAAS,MAEtB,kBAAC,MAAD;CACO;CACL,WAAW,EAAG,0BAA0B,aAAa,EAAU;CAC/D,GAAI;CACJ,CAAA,CAGP;AAED,EAAS,cAAc"}
+{"version":3,"file":"Timeline.js","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TimelineProps extends React.OlHTMLAttributes<HTMLOListElement> {\n  ref?: React.Ref<HTMLOListElement> | undefined;\n}\n\nfunction Timeline({ ref, className, ...props }: TimelineProps) {\n  return (\n    <ol\n      ref={ref}\n      className={cn(\"relative flex flex-col\", \"list-none\", className)}\n      {...props}\n    />\n  );\n}\n\nTimeline.displayName = \"Timeline\";\n\nexport { Timeline };\n"],"mappings":";;;;;AASA,SAAS,EAAS,EAAE,QAAK,cAAW,GAAG,KAAwB;AAC7D,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EAAG,0BAA0B,aAAa,EAAU;EAC/D,GAAI;EACJ,CAAA;;AAIN,EAAS,cAAc"}

package/dist/components/Timeline/TimelineItem.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./Timeline.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({className:e,timestamp:i,title:o,description:s,icon:c,intent:l,children:u,...d},f)=>(0,a.jsxs)(`li`,{ref:f,className:t.cn(`group relative flex gap-(--space-4) pb-(--space-6) last:pb-0`,e),...d,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center self-stretch -mb-(--space-6) group-last:mb-0`,children:[(0,a.jsx)(`div`,{className:t.cn(r.timelineItemMarkerVariants({intent:l})),children:c?(0,a.jsx)(`span`,{className:`text-sm`,"aria-hidden":`true`,children:c}):(0,a.jsx)(`span`,{className:`w-2 h-2 rounded-full bg-current`,"aria-hidden":`true`})}),(0,a.jsx)(`div`,{className:`w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden`})]}),(0,a.jsxs)(`div`,{className:`flex-1 min-w-0 pb-(--space-1)`,children:[i!=null&&(0,a.jsx)(`time`,{className:`block text-xs text-(--nuka-text-muted) mb-(--space-1)`,children:i}),(0,a.jsx)(n.Text,{as:`p`,size:`sm`,weight:`medium`,children:o}),s!=null&&(0,a.jsx)(n.Text,{as:`p`,size:`sm`,color:`muted`,className:`mt-(--space-1)`,children:s}),u&&(0,a.jsx)(`div`,{className:`mt-(--space-2)`,children:u})]})]}));o.displayName=`TimelineItem`,exports.TimelineItem=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./Timeline.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,timestamp:o,title:s,description:c,icon:l,intent:u,children:d,...f}){return(0,a.jsxs)(`li`,{ref:e,className:t.cn(`group relative flex gap-(--space-4) pb-(--space-6) last:pb-0`,i),...f,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center self-stretch -mb-(--space-6) group-last:mb-0`,children:[(0,a.jsx)(`div`,{className:t.cn(r.timelineItemMarkerVariants({intent:u})),children:l?(0,a.jsx)(`span`,{className:`text-sm`,"aria-hidden":`true`,children:l}):(0,a.jsx)(`span`,{className:`w-2 h-2 rounded-full bg-current`,"aria-hidden":`true`})}),(0,a.jsx)(`div`,{className:`w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden`})]}),(0,a.jsxs)(`div`,{className:`flex-1 min-w-0 pb-(--space-1)`,children:[o!=null&&(0,a.jsx)(`time`,{className:`block text-xs text-(--nuka-text-muted) mb-(--space-1)`,children:o}),(0,a.jsx)(n.Text,{as:`p`,size:`sm`,weight:`medium`,children:s}),c!=null&&(0,a.jsx)(n.Text,{as:`p`,size:`sm`,color:`muted`,className:`mt-(--space-1)`,children:c}),d&&(0,a.jsx)(`div`,{className:`mt-(--space-2)`,children:d})]})]})}o.displayName=`TimelineItem`,exports.TimelineItem=o;
 //# sourceMappingURL=TimelineItem.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.cjs","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":"sOAaA,IAAM,EAAe,EAAM,YAEvB,CACE,YACA,YACA,QACA,cACA,OACA,SACA,WACA,GAAG,GAEL,KAGE,EAAA,EAAA,MAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,+DACA,EACD,CACD,GAAI,WANN,EASE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mFAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,2BAA2B,CAAE,SAAQ,CAAC,CAAC,UACvD,GACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,UAAU,cAAY,gBACnC,EACI,CAAA,EAEP,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,kCACV,cAAY,OACZ,CAAA,CAEA,CAAA,EAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uEAAyE,CAAA,CACpF,IAGN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yCAAf,CACG,GAAa,OACZ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iEACb,EACI,CAAA,EAET,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,OAAO,kBAC3B,EACI,CAAA,CACN,GAAe,OACd,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,MAAM,QAAQ,UAAU,0BAC5C,EACI,CAAA,CAER,IAAY,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAkB,WAAe,CAAA,CACzD,GACH,GAGV,CAED,EAAa,YAAc"}
+{"version":3,"file":"TimelineItem.cjs","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":"mPAgBA,SAAS,EAAa,CACpB,MACA,YACA,YACA,QACA,cACA,OACA,SACA,WACA,GAAG,GACiB,CACpB,OACE,EAAA,EAAA,MAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,+DACA,EACD,CACD,GAAI,WANN,EASE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mFAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,2BAA2B,CAAE,SAAQ,CAAC,CAAC,UACvD,GACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,UAAU,cAAY,gBACnC,EACI,CAAA,EAEP,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,kCACV,cAAY,OACZ,CAAA,CAEA,CAAA,EAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uEAAyE,CAAA,CACpF,IAGN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yCAAf,CACG,GAAa,OACZ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iEACb,EACI,CAAA,EAET,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,OAAO,kBAC3B,EACI,CAAA,CACN,GAAe,OACd,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,MAAM,QAAQ,UAAU,0BAC5C,EACI,CAAA,CAER,IAAY,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAkB,WAAe,CAAA,CACzD,GACH,GAIT,EAAa,YAAc"}

package/dist/components/Timeline/TimelineItem.d.ts

@@ -1,11 +1,15 @@
 import * as React from "react";
 export interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    ref?: React.Ref<HTMLLIElement> | undefined;
     timestamp?: string;
     title: string;
     description?: string;
     icon?: React.ReactNode;
     intent?: "default" | "danger" | "success" | "warning";
 }
-declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemProps & React.RefAttributes<HTMLLIElement>>;
+declare function TimelineItem({ ref, className, timestamp, title, description, icon, intent, children, ...rest }: TimelineItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TimelineItem {
+    var displayName: string;
+}
 export { TimelineItem };
 //# sourceMappingURL=TimelineItem.d.ts.map

package/dist/components/Timeline/TimelineItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/TimelineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;CACvD;AAED,QAAA,MAAM,YAAY,yFA6DjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/TimelineItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAC9E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;CACvD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,EACH,SAAS,EACT,SAAS,EACT,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,2CA+CnB;kBAzDQ,YAAY;;;AA6DrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Timeline/TimelineItem.js

@@ -1,55 +1,58 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Text as t } from "../Text/Text.js";
 import { timelineItemMarkerVariants as n } from "./Timeline.variants.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/Timeline/TimelineItem.tsx
-var o = r.forwardRef(({ className: r, timestamp: o, title: s, description: c, icon: l, intent: u, children: d, ...f }, p) => /* @__PURE__ */ a("li", {
-	ref: p,
-	className: e("group relative flex gap-(--space-4) pb-(--space-6) last:pb-0", r),
-	...f,
-	children: [/* @__PURE__ */ a("div", {
-		className: "flex flex-col items-center self-stretch -mb-(--space-6) group-last:mb-0",
+function a({ ref: a, className: o, timestamp: s, title: c, description: l, icon: u, intent: d, children: f, ...p }) {
+	return /* @__PURE__ */ i("li", {
+		ref: a,
+		className: e("group relative flex gap-(--space-4) pb-(--space-6) last:pb-0", o),
+		...p,
 		children: [/* @__PURE__ */ i("div", {
-			className: e(n({ intent: u })),
-			children: l ? /* @__PURE__ */ i("span", {
-				className: "text-sm",
-				"aria-hidden": "true",
-				children: l
-			}) : /* @__PURE__ */ i("span", {
-				className: "w-2 h-2 rounded-full bg-current",
-				"aria-hidden": "true"
-			})
-		}), /* @__PURE__ */ i("div", { className: "w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden" })]
-	}), /* @__PURE__ */ a("div", {
-		className: "flex-1 min-w-0 pb-(--space-1)",
-		children: [
-			o != null && /* @__PURE__ */ i("time", {
-				className: "block text-xs text-(--nuka-text-muted) mb-(--space-1)",
-				children: o
-			}),
-			/* @__PURE__ */ i(t, {
-				as: "p",
-				size: "sm",
-				weight: "medium",
-				children: s
-			}),
-			c != null && /* @__PURE__ */ i(t, {
-				as: "p",
-				size: "sm",
-				color: "muted",
-				className: "mt-(--space-1)",
-				children: c
-			}),
-			d && /* @__PURE__ */ i("div", {
-				className: "mt-(--space-2)",
-				children: d
-			})
-		]
-	})]
-}));
-o.displayName = "TimelineItem";
+			className: "flex flex-col items-center self-stretch -mb-(--space-6) group-last:mb-0",
+			children: [/* @__PURE__ */ r("div", {
+				className: e(n({ intent: d })),
+				children: u ? /* @__PURE__ */ r("span", {
+					className: "text-sm",
+					"aria-hidden": "true",
+					children: u
+				}) : /* @__PURE__ */ r("span", {
+					className: "w-2 h-2 rounded-full bg-current",
+					"aria-hidden": "true"
+				})
+			}), /* @__PURE__ */ r("div", { className: "w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden" })]
+		}), /* @__PURE__ */ i("div", {
+			className: "flex-1 min-w-0 pb-(--space-1)",
+			children: [
+				s != null && /* @__PURE__ */ r("time", {
+					className: "block text-xs text-(--nuka-text-muted) mb-(--space-1)",
+					children: s
+				}),
+				/* @__PURE__ */ r(t, {
+					as: "p",
+					size: "sm",
+					weight: "medium",
+					children: c
+				}),
+				l != null && /* @__PURE__ */ r(t, {
+					as: "p",
+					size: "sm",
+					color: "muted",
+					className: "mt-(--space-1)",
+					children: l
+				}),
+				f && /* @__PURE__ */ r("div", {
+					className: "mt-(--space-2)",
+					children: f
+				})
+			]
+		})]
+	});
+}
+a.displayName = "TimelineItem";
 //#endregion
-export { o as TimelineItem };
+export { a as TimelineItem };
 
 //# sourceMappingURL=TimelineItem.js.map