@nuka-ui/core 1.1.1 → 1.1.3

package/dist/components/FormField/FormField.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./FormField.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({className:e,children:o,id:s,error:c,hint:l,required:u=!1,disabled:d=!1,...f},p)=>{let m=i.useId(),h=s??m,g=i.useMemo(()=>({fieldId:h,labelId:`${h}-label`,errorId:`${h}-error`,hintId:`${h}-hint`,hasError:!!c,required:u,disabled:d}),[h,c,u,d]);return(0,a.jsx)(r.FormFieldContext,{value:g,children:(0,a.jsxs)(`div`,{ref:p,className:t.cn(`flex flex-col gap-(--space-1)`,e),...f,children:[o,l&&(0,a.jsx)(n.Text,{as:`p`,size:`sm`,color:`muted`,id:g.hintId,children:l}),c&&(0,a.jsx)(n.Text,{as:`p`,size:`sm`,color:`danger`,id:g.errorId,children:c})]})})});o.displayName=`FormField`,exports.FormField=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./FormField.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:o,children:s,id:c,error:l,hint:u,required:d=!1,disabled:f=!1,...p}){let m=i.useId(),h=c??m,g=i.useMemo(()=>({fieldId:h,labelId:`${h}-label`,errorId:`${h}-error`,hintId:`${h}-hint`,hasError:!!l,required:d,disabled:f}),[h,l,d,f]);return(0,a.jsx)(r.FormFieldContext,{value:g,children:(0,a.jsxs)(`div`,{ref:e,className:t.cn(`flex flex-col gap-(--space-1)`,o),...p,children:[s,u&&(0,a.jsx)(n.Text,{as:`p`,size:`sm`,color:`muted`,id:g.hintId,children:u}),l&&(0,a.jsx)(n.Text,{as:`p`,size:`sm`,color:`danger`,id:g.errorId,children:l})]})})}o.displayName=`FormField`,exports.FormField=o;
 //# sourceMappingURL=FormField.cjs.map

package/dist/components/FormField/FormField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.cjs","names":[],"sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { FormFieldContext } from \"@nuka/components/FormField/FormField.context\";\nimport type { FormFieldContextValue } from \"@nuka/components/FormField/FormField.context\";\n\nexport interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  id?: string;\n  error?: string;\n  hint?: string;\n  required?: boolean;\n  disabled?: boolean;\n}\n\nconst FormField = React.forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    {\n      className,\n      children,\n      id,\n      error,\n      hint,\n      required = false,\n      disabled = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const baseId = id ?? generatedId;\n\n    const contextValue: FormFieldContextValue = React.useMemo(\n      () => ({\n        fieldId: baseId,\n        labelId: `${baseId}-label`,\n        errorId: `${baseId}-error`,\n        hintId: `${baseId}-hint`,\n        hasError: !!error,\n        required,\n        disabled,\n      }),\n      [baseId, error, required, disabled],\n    );\n\n    return (\n      <FormFieldContext value={contextValue}>\n        <div\n          ref={ref}\n          className={cn(\"flex flex-col gap-(--space-1)\", className)}\n          {...props}\n        >\n          {children}\n          {hint && (\n            <Text as=\"p\" size=\"sm\" color=\"muted\" id={contextValue.hintId}>\n              {hint}\n            </Text>\n          )}\n          {error && (\n            <Text as=\"p\" size=\"sm\" color=\"danger\" id={contextValue.errorId}>\n              {error}\n            </Text>\n          )}\n        </div>\n      </FormFieldContext>\n    );\n  },\n);\n\nFormField.displayName = \"FormField\";\n\nexport { FormField };\n"],"mappings":"mPAeA,IAAM,EAAY,EAAM,YAEpB,CACE,YACA,WACA,KACA,QACA,OACA,WAAW,GACX,WAAW,GACX,GAAG,GAEL,IACG,CACH,IAAM,EAAc,EAAM,OAAO,CAC3B,EAAS,GAAM,EAEf,EAAsC,EAAM,aACzC,CACL,QAAS,EACT,QAAS,GAAG,EAAO,QACnB,QAAS,GAAG,EAAO,QACnB,OAAQ,GAAG,EAAO,OAClB,SAAU,CAAC,CAAC,EACZ,WACA,WACD,EACD,CAAC,EAAQ,EAAO,EAAU,EAAS,CACpC,CAED,OACE,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,MAAO,YACvB,EAAA,EAAA,MAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,gCAAiC,EAAU,CACzD,GAAI,WAHN,CAKG,EACA,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,MAAM,QAAQ,GAAI,EAAa,gBACnD,EACI,CAAA,CAER,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,MAAM,SAAS,GAAI,EAAa,iBACpD,EACI,CAAA,CAEL,GACW,CAAA,EAGxB,CAED,EAAU,YAAc"}
+{"version":3,"file":"FormField.cjs","names":[],"sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { FormFieldContext } from \"@nuka/components/FormField/FormField.context\";\nimport type { FormFieldContextValue } from \"@nuka/components/FormField/FormField.context\";\n\nexport interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  id?: string;\n  error?: string;\n  hint?: string;\n  required?: boolean;\n  disabled?: boolean;\n}\n\nfunction FormField({\n  ref,\n  className,\n  children,\n  id,\n  error,\n  hint,\n  required = false,\n  disabled = false,\n  ...props\n}: FormFieldProps) {\n  const generatedId = React.useId();\n  const baseId = id ?? generatedId;\n\n  const contextValue: FormFieldContextValue = React.useMemo(\n    () => ({\n      fieldId: baseId,\n      labelId: `${baseId}-label`,\n      errorId: `${baseId}-error`,\n      hintId: `${baseId}-hint`,\n      hasError: !!error,\n      required,\n      disabled,\n    }),\n    [baseId, error, required, disabled],\n  );\n\n  return (\n    <FormFieldContext value={contextValue}>\n      <div\n        ref={ref}\n        className={cn(\"flex flex-col gap-(--space-1)\", className)}\n        {...props}\n      >\n        {children}\n        {hint && (\n          <Text as=\"p\" size=\"sm\" color=\"muted\" id={contextValue.hintId}>\n            {hint}\n          </Text>\n        )}\n        {error && (\n          <Text as=\"p\" size=\"sm\" color=\"danger\" id={contextValue.errorId}>\n            {error}\n          </Text>\n        )}\n      </div>\n    </FormFieldContext>\n  );\n}\n\nFormField.displayName = \"FormField\";\n\nexport { FormField };\n"],"mappings":"mPAgBA,SAAS,EAAU,CACjB,MACA,YACA,WACA,KACA,QACA,OACA,WAAW,GACX,WAAW,GACX,GAAG,GACc,CACjB,IAAM,EAAc,EAAM,OAAO,CAC3B,EAAS,GAAM,EAEf,EAAsC,EAAM,aACzC,CACL,QAAS,EACT,QAAS,GAAG,EAAO,QACnB,QAAS,GAAG,EAAO,QACnB,OAAQ,GAAG,EAAO,OAClB,SAAU,CAAC,CAAC,EACZ,WACA,WACD,EACD,CAAC,EAAQ,EAAO,EAAU,EAAS,CACpC,CAED,OACE,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,MAAO,YACvB,EAAA,EAAA,MAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,gCAAiC,EAAU,CACzD,GAAI,WAHN,CAKG,EACA,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,MAAM,QAAQ,GAAI,EAAa,gBACnD,EACI,CAAA,CAER,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,MAAM,SAAS,GAAI,EAAa,iBACpD,EACI,CAAA,CAEL,GACW,CAAA,CAIvB,EAAU,YAAc"}

package/dist/components/FormField/FormField.d.ts

@@ -1,11 +1,15 @@
 import * as React from "react";
 export interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     id?: string;
     error?: string;
     hint?: string;
     required?: boolean;
     disabled?: boolean;
 }
-declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<HTMLDivElement>>;
+declare function FormField({ ref, className, children, id, error, hint, required, disabled, ...props }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FormField {
+    var displayName: string;
+}
 export { FormField };
 //# sourceMappingURL=FormField.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,uFAoDd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,SAAS,CAAC,EACjB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,EAAE,EACF,KAAK,EACL,IAAI,EACJ,QAAgB,EAChB,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,cAAc,2CAsChB;kBAhDQ,SAAS;;;AAoDlB,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/FormField/FormField.js

@@ -5,47 +5,47 @@ import { FormFieldContext as n } from "./FormField.context.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/FormField/FormField.tsx
-var o = r.forwardRef(({ className: o, children: s, id: c, error: l, hint: u, required: d = !1, disabled: f = !1, ...p }, m) => {
-	let h = r.useId(), g = c ?? h, _ = r.useMemo(() => ({
+function o({ ref: o, className: s, children: c, id: l, error: u, hint: d, required: f = !1, disabled: p = !1, ...m }) {
+	let h = r.useId(), g = l ?? h, _ = r.useMemo(() => ({
 		fieldId: g,
 		labelId: `${g}-label`,
 		errorId: `${g}-error`,
 		hintId: `${g}-hint`,
-		hasError: !!l,
-		required: d,
-		disabled: f
+		hasError: !!u,
+		required: f,
+		disabled: p
 	}), [
 		g,
-		l,
-		d,
-		f
+		u,
+		f,
+		p
 	]);
 	return /* @__PURE__ */ i(n, {
 		value: _,
 		children: /* @__PURE__ */ a("div", {
-			ref: m,
-			className: e("flex flex-col gap-(--space-1)", o),
-			...p,
+			ref: o,
+			className: e("flex flex-col gap-(--space-1)", s),
+			...m,
 			children: [
-				s,
-				u && /* @__PURE__ */ i(t, {
+				c,
+				d && /* @__PURE__ */ i(t, {
 					as: "p",
 					size: "sm",
 					color: "muted",
 					id: _.hintId,
-					children: u
+					children: d
 				}),
-				l && /* @__PURE__ */ i(t, {
+				u && /* @__PURE__ */ i(t, {
 					as: "p",
 					size: "sm",
 					color: "danger",
 					id: _.errorId,
-					children: l
+					children: u
 				})
 			]
 		})
 	});
-});
+}
 o.displayName = "FormField";
 //#endregion
 export { o as FormField };

package/dist/components/FormField/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","names":[],"sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { FormFieldContext } from \"@nuka/components/FormField/FormField.context\";\nimport type { FormFieldContextValue } from \"@nuka/components/FormField/FormField.context\";\n\nexport interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  id?: string;\n  error?: string;\n  hint?: string;\n  required?: boolean;\n  disabled?: boolean;\n}\n\nconst FormField = React.forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    {\n      className,\n      children,\n      id,\n      error,\n      hint,\n      required = false,\n      disabled = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const baseId = id ?? generatedId;\n\n    const contextValue: FormFieldContextValue = React.useMemo(\n      () => ({\n        fieldId: baseId,\n        labelId: `${baseId}-label`,\n        errorId: `${baseId}-error`,\n        hintId: `${baseId}-hint`,\n        hasError: !!error,\n        required,\n        disabled,\n      }),\n      [baseId, error, required, disabled],\n    );\n\n    return (\n      <FormFieldContext value={contextValue}>\n        <div\n          ref={ref}\n          className={cn(\"flex flex-col gap-(--space-1)\", className)}\n          {...props}\n        >\n          {children}\n          {hint && (\n            <Text as=\"p\" size=\"sm\" color=\"muted\" id={contextValue.hintId}>\n              {hint}\n            </Text>\n          )}\n          {error && (\n            <Text as=\"p\" size=\"sm\" color=\"danger\" id={contextValue.errorId}>\n              {error}\n            </Text>\n          )}\n        </div>\n      </FormFieldContext>\n    );\n  },\n);\n\nFormField.displayName = \"FormField\";\n\nexport { FormField };\n"],"mappings":";;;;;;;AAeA,IAAM,IAAY,EAAM,YAEpB,EACE,cACA,aACA,OACA,UACA,SACA,cAAW,IACX,cAAW,IACX,GAAG,KAEL,MACG;CACH,IAAM,IAAc,EAAM,OAAO,EAC3B,IAAS,KAAM,GAEf,IAAsC,EAAM,eACzC;EACL,SAAS;EACT,SAAS,GAAG,EAAO;EACnB,SAAS,GAAG,EAAO;EACnB,QAAQ,GAAG,EAAO;EAClB,UAAU,CAAC,CAAC;EACZ;EACA;EACD,GACD;EAAC;EAAQ;EAAO;EAAU;EAAS,CACpC;AAED,QACE,kBAAC,GAAD;EAAkB,OAAO;YACvB,kBAAC,OAAD;GACO;GACL,WAAW,EAAG,iCAAiC,EAAU;GACzD,GAAI;aAHN;IAKG;IACA,KACC,kBAAC,GAAD;KAAM,IAAG;KAAI,MAAK;KAAK,OAAM;KAAQ,IAAI,EAAa;eACnD;KACI,CAAA;IAER,KACC,kBAAC,GAAD;KAAM,IAAG;KAAI,MAAK;KAAK,OAAM;KAAS,IAAI,EAAa;eACpD;KACI,CAAA;IAEL;;EACW,CAAA;EAGxB;AAED,EAAU,cAAc"}
+{"version":3,"file":"FormField.js","names":[],"sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { FormFieldContext } from \"@nuka/components/FormField/FormField.context\";\nimport type { FormFieldContextValue } from \"@nuka/components/FormField/FormField.context\";\n\nexport interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  id?: string;\n  error?: string;\n  hint?: string;\n  required?: boolean;\n  disabled?: boolean;\n}\n\nfunction FormField({\n  ref,\n  className,\n  children,\n  id,\n  error,\n  hint,\n  required = false,\n  disabled = false,\n  ...props\n}: FormFieldProps) {\n  const generatedId = React.useId();\n  const baseId = id ?? generatedId;\n\n  const contextValue: FormFieldContextValue = React.useMemo(\n    () => ({\n      fieldId: baseId,\n      labelId: `${baseId}-label`,\n      errorId: `${baseId}-error`,\n      hintId: `${baseId}-hint`,\n      hasError: !!error,\n      required,\n      disabled,\n    }),\n    [baseId, error, required, disabled],\n  );\n\n  return (\n    <FormFieldContext value={contextValue}>\n      <div\n        ref={ref}\n        className={cn(\"flex flex-col gap-(--space-1)\", className)}\n        {...props}\n      >\n        {children}\n        {hint && (\n          <Text as=\"p\" size=\"sm\" color=\"muted\" id={contextValue.hintId}>\n            {hint}\n          </Text>\n        )}\n        {error && (\n          <Text as=\"p\" size=\"sm\" color=\"danger\" id={contextValue.errorId}>\n            {error}\n          </Text>\n        )}\n      </div>\n    </FormFieldContext>\n  );\n}\n\nFormField.displayName = \"FormField\";\n\nexport { FormField };\n"],"mappings":";;;;;;;AAgBA,SAAS,EAAU,EACjB,QACA,cACA,aACA,OACA,UACA,SACA,cAAW,IACX,cAAW,IACX,GAAG,KACc;CACjB,IAAM,IAAc,EAAM,OAAO,EAC3B,IAAS,KAAM,GAEf,IAAsC,EAAM,eACzC;EACL,SAAS;EACT,SAAS,GAAG,EAAO;EACnB,SAAS,GAAG,EAAO;EACnB,QAAQ,GAAG,EAAO;EAClB,UAAU,CAAC,CAAC;EACZ;EACA;EACD,GACD;EAAC;EAAQ;EAAO;EAAU;EAAS,CACpC;AAED,QACE,kBAAC,GAAD;EAAkB,OAAO;YACvB,kBAAC,OAAD;GACO;GACL,WAAW,EAAG,iCAAiC,EAAU;GACzD,GAAI;aAHN;IAKG;IACA,KACC,kBAAC,GAAD;KAAM,IAAG;KAAI,MAAK;KAAK,OAAM;KAAQ,IAAI,EAAa;eACnD;KACI,CAAA;IAER,KACC,kBAAC,GAAD;KAAM,IAAG;KAAI,MAAK;KAAK,OAAM;KAAS,IAAI,EAAa;eACpD;KACI,CAAA;IAEL;;EACW,CAAA;;AAIvB,EAAU,cAAc"}

package/dist/components/Grid/Grid.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/responsive.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({className:e,cols:i=1,gap:o=`none`,colGap:s,rowGap:c,asChild:l=!1,...u},d)=>(0,a.jsx)(l?n.Slot:`div`,{ref:d,className:t.cn(`grid`,...r.resolveResponsiveClasses(i,r.colsClasses),...r.resolveResponsiveClasses(o,r.gapClasses),...r.resolveResponsiveClasses(s,r.colGapClasses),...r.resolveResponsiveClasses(c,r.rowGapClasses),e),...u}));o.displayName=`Grid`,exports.Grid=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/responsive.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,cols:o=1,gap:s=`none`,colGap:c,rowGap:l,asChild:u=!1,...d}){return(0,a.jsx)(u?n.Slot:`div`,{ref:e,className:t.cn(`grid`,...r.resolveResponsiveClasses(o,r.colsClasses),...r.resolveResponsiveClasses(s,r.gapClasses),...r.resolveResponsiveClasses(c,r.colGapClasses),...r.resolveResponsiveClasses(l,r.rowGapClasses),i),...d})}o.displayName=`Grid`,exports.Grid=o;
 //# sourceMappingURL=Grid.cjs.map

package/dist/components/Grid/Grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.cjs","names":[],"sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  gapClasses,\n  colGapClasses,\n  rowGapClasses,\n  colsClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale, ColCount } from \"@nuka/utils/responsive\";\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  cols?: Responsive<ColCount>;\n  gap?: Responsive<GapScale>;\n  colGap?: Responsive<GapScale>;\n  rowGap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\nconst Grid = React.forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      className,\n      cols = 1,\n      gap = \"none\",\n      colGap,\n      rowGap,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          \"grid\",\n          ...resolveResponsiveClasses(cols, colsClasses),\n          ...resolveResponsiveClasses(gap, gapClasses),\n          ...resolveResponsiveClasses(colGap, colGapClasses),\n          ...resolveResponsiveClasses(rowGap, rowGapClasses),\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nGrid.displayName = \"Grid\";\n\nexport { Grid };\n"],"mappings":"6OAoBA,IAAM,EAAO,EAAM,YAEf,CACE,YACA,OAAO,EACP,MAAM,OACN,SACA,SACA,UAAU,GACV,GAAG,GAEL,KAKE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,MAG5B,CACO,MACL,UAAW,EAAA,GACT,OACA,GAAG,EAAA,yBAAyB,EAAM,EAAA,YAAY,CAC9C,GAAG,EAAA,yBAAyB,EAAK,EAAA,WAAW,CAC5C,GAAG,EAAA,yBAAyB,EAAQ,EAAA,cAAc,CAClD,GAAG,EAAA,yBAAyB,EAAQ,EAAA,cAAc,CAClD,EACD,CACD,GAAI,EACJ,CAAA,CAGP,CAED,EAAK,YAAc"}
+{"version":3,"file":"Grid.cjs","names":[],"sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  gapClasses,\n  colGapClasses,\n  rowGapClasses,\n  colsClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale, ColCount } from \"@nuka/utils/responsive\";\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  cols?: Responsive<ColCount>;\n  gap?: Responsive<GapScale>;\n  colGap?: Responsive<GapScale>;\n  rowGap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\nfunction Grid({\n  ref,\n  className,\n  cols = 1,\n  gap = \"none\",\n  colGap,\n  rowGap,\n  asChild = false,\n  ...props\n}: GridProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"grid\",\n        ...resolveResponsiveClasses(cols, colsClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(colGap, colGapClasses),\n        ...resolveResponsiveClasses(rowGap, rowGapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nGrid.displayName = \"Grid\";\n\nexport { Grid };\n"],"mappings":"0PAuBA,SAAS,EAAK,CACZ,MACA,YACA,OAAO,EACP,MAAM,OACN,SACA,SACA,UAAU,GACV,GAAG,GACS,CAGZ,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,MAG5B,CACO,MACL,UAAW,EAAA,GACT,OACA,GAAG,EAAA,yBAAyB,EAAM,EAAA,YAAY,CAC9C,GAAG,EAAA,yBAAyB,EAAK,EAAA,WAAW,CAC5C,GAAG,EAAA,yBAAyB,EAAQ,EAAA,cAAc,CAClD,GAAG,EAAA,yBAAyB,EAAQ,EAAA,cAAc,CAClD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc"}

package/dist/components/Grid/Grid.d.ts

@@ -1,12 +1,16 @@
 import { Responsive, GapScale, ColCount } from '../../utils/responsive';
 import * as React from "react";
 export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     cols?: Responsive<ColCount>;
     gap?: Responsive<GapScale>;
     colGap?: Responsive<GapScale>;
     rowGap?: Responsive<GapScale>;
     asChild?: boolean;
 }
-declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+declare function Grid({ ref, className, cols, gap, colGap, rowGap, asChild, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Grid {
+    var displayName: string;
+}
 export { Grid };
 //# sourceMappingURL=Grid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAE7E,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC5B,GAAG,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,IAAI,kFA8BT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAE7E,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC5B,GAAG,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,IAAQ,EACR,GAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAe,EACf,GAAG,KAAK,EACT,EAAE,SAAS,2CAiBX;kBA1BQ,IAAI;;;AA8Bb,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Grid/Grid.js

@@ -1,16 +1,19 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Slot as t } from "../../utils/slot.js";
 import { colGapClasses as n, colsClasses as r, gapClasses as i, resolveResponsiveClasses as a, rowGapClasses as o } from "../../utils/responsive.js";
-import * as s from "react";
-import { jsx as c } from "react/jsx-runtime";
+import "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/components/Grid/Grid.tsx
-var l = s.forwardRef(({ className: s, cols: l = 1, gap: u = "none", colGap: d, rowGap: f, asChild: p = !1, ...m }, h) => /* @__PURE__ */ c(p ? t : "div", {
-	ref: h,
-	className: e("grid", ...a(l, r), ...a(u, i), ...a(d, n), ...a(f, o), s),
-	...m
-}));
-l.displayName = "Grid";
+function c({ ref: c, className: l, cols: u = 1, gap: d = "none", colGap: f, rowGap: p, asChild: m = !1, ...h }) {
+	return /* @__PURE__ */ s(m ? t : "div", {
+		ref: c,
+		className: e("grid", ...a(u, r), ...a(d, i), ...a(f, n), ...a(p, o), l),
+		...h
+	});
+}
+c.displayName = "Grid";
 //#endregion
-export { l as Grid };
+export { c as Grid };
 
 //# sourceMappingURL=Grid.js.map

package/dist/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":[],"sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  gapClasses,\n  colGapClasses,\n  rowGapClasses,\n  colsClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale, ColCount } from \"@nuka/utils/responsive\";\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  cols?: Responsive<ColCount>;\n  gap?: Responsive<GapScale>;\n  colGap?: Responsive<GapScale>;\n  rowGap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\nconst Grid = React.forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      className,\n      cols = 1,\n      gap = \"none\",\n      colGap,\n      rowGap,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          \"grid\",\n          ...resolveResponsiveClasses(cols, colsClasses),\n          ...resolveResponsiveClasses(gap, gapClasses),\n          ...resolveResponsiveClasses(colGap, colGapClasses),\n          ...resolveResponsiveClasses(rowGap, rowGapClasses),\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nGrid.displayName = \"Grid\";\n\nexport { Grid };\n"],"mappings":";;;;;;AAoBA,IAAM,IAAO,EAAM,YAEf,EACE,cACA,UAAO,GACP,SAAM,QACN,WACA,WACA,aAAU,IACV,GAAG,KAEL,MAKE,kBAHW,IAAU,IAAO,OAG5B;CACO;CACL,WAAW,EACT,QACA,GAAG,EAAyB,GAAM,EAAY,EAC9C,GAAG,EAAyB,GAAK,EAAW,EAC5C,GAAG,EAAyB,GAAQ,EAAc,EAClD,GAAG,EAAyB,GAAQ,EAAc,EAClD,EACD;CACD,GAAI;CACJ,CAAA,CAGP;AAED,EAAK,cAAc"}
+{"version":3,"file":"Grid.js","names":[],"sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  gapClasses,\n  colGapClasses,\n  rowGapClasses,\n  colsClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale, ColCount } from \"@nuka/utils/responsive\";\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  cols?: Responsive<ColCount>;\n  gap?: Responsive<GapScale>;\n  colGap?: Responsive<GapScale>;\n  rowGap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\nfunction Grid({\n  ref,\n  className,\n  cols = 1,\n  gap = \"none\",\n  colGap,\n  rowGap,\n  asChild = false,\n  ...props\n}: GridProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"grid\",\n        ...resolveResponsiveClasses(cols, colsClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(colGap, colGapClasses),\n        ...resolveResponsiveClasses(rowGap, rowGapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nGrid.displayName = \"Grid\";\n\nexport { Grid };\n"],"mappings":";;;;;;;AAuBA,SAAS,EAAK,EACZ,QACA,cACA,UAAO,GACP,SAAM,QACN,WACA,WACA,aAAU,IACV,GAAG,KACS;AAGZ,QACE,kBAHW,IAAU,IAAO,OAG5B;EACO;EACL,WAAW,EACT,QACA,GAAG,EAAyB,GAAM,EAAY,EAC9C,GAAG,EAAyB,GAAK,EAAW,EAC5C,GAAG,EAAyB,GAAQ,EAAc,EAClD,GAAG,EAAyB,GAAQ,EAAc,EAClD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAK,cAAc"}

package/dist/components/Heading/Heading.cjs

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

package/dist/components/Heading/Heading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.cjs","names":[],"sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  headingSizeClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, HeadingSize } from \"@nuka/utils/responsive\";\nimport {\n  headingVariants,\n  type HeadingVariantProps,\n} from \"@nuka/components/Heading/Heading.variants\";\n\n// Constrained to h1-h6 only. Headings are semantically defined by HTML as these\n// six levels. For other block elements, use Text with as=\"div\" instead.\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nexport interface HeadingProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    HeadingVariantProps {\n  as?: HeadingElement;\n  size?: Responsive<HeadingSize>;\n}\n\nconst Heading = React.forwardRef<HTMLElement, HeadingProps>(\n  (\n    {\n      // Default element is h2: the most common non-landmark heading level.\n      // h1 is reserved for the page title (typically one per page).\n      as: Comp = \"h2\",\n      className,\n      size = \"3xl\",\n      family,\n      weight,\n      color,\n      truncate,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Comp\n        // Safe: the `as` prop selects h1-h6, making the ref type a union.\n        // Same polymorphic element pattern as Text.tsx.\n        ref={ref as React.RefObject<never>}\n        className={cn(\n          headingVariants({ family, weight, color, truncate }),\n          ...resolveResponsiveClasses(size, headingSizeClasses),\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nHeading.displayName = \"Heading\";\n\nexport { Heading, headingVariants };\n"],"mappings":"+OAwBA,IAAM,EAAU,EAAM,YAElB,CAGE,GAAI,EAAO,KACX,YACA,OAAO,MACP,SACA,SACA,QACA,WACA,GAAG,GAEL,KAGE,EAAA,EAAA,KAAC,EAAD,CAGO,MACL,UAAW,EAAA,GACT,EAAA,gBAAgB,CAAE,SAAQ,SAAQ,QAAO,WAAU,CAAC,CACpD,GAAG,EAAA,yBAAyB,EAAM,EAAA,mBAAmB,CACrD,EACD,CACD,GAAI,EACJ,CAAA,CAGP,CAED,EAAQ,YAAc"}
+{"version":3,"file":"Heading.cjs","names":[],"sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  headingSizeClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, HeadingSize } from \"@nuka/utils/responsive\";\nimport {\n  headingVariants,\n  type HeadingVariantProps,\n} from \"@nuka/components/Heading/Heading.variants\";\n\n// Constrained to h1-h6 only. Headings are semantically defined by HTML as these\n// six levels. For other block elements, use Text with as=\"div\" instead.\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nexport interface HeadingProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    HeadingVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: HeadingElement;\n  size?: Responsive<HeadingSize>;\n}\n\nfunction Heading({\n  ref, // Default element is h2: the most common non-landmark heading level.\n  // h1 is reserved for the page title (typically one per page).\n  as: Comp = \"h2\",\n  className,\n  size = \"3xl\",\n  family,\n  weight,\n  color,\n  truncate,\n  ...props\n}: HeadingProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop selects h1-h6, making the ref type a union.\n      // Same polymorphic element pattern as Text.tsx.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        headingVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, headingSizeClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nHeading.displayName = \"Heading\";\n\nexport { Heading, headingVariants };\n"],"mappings":"4PA2BA,SAAS,EAAQ,CACf,MAEA,GAAI,EAAO,KACX,YACA,OAAO,MACP,SACA,SACA,QACA,WACA,GAAG,GACY,CACf,OACE,EAAA,EAAA,KAAC,EAAD,CAGO,MACL,UAAW,EAAA,GACT,EAAA,gBAAgB,CAAE,SAAQ,SAAQ,QAAO,WAAU,CAAC,CACpD,GAAG,EAAA,yBAAyB,EAAM,EAAA,mBAAmB,CACrD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}

package/dist/components/Heading/Heading.d.ts

@@ -3,9 +3,14 @@ import { headingVariants, HeadingVariantProps } from './Heading.variants';
 import * as React from "react";
 export type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 export interface HeadingProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, HeadingVariantProps {
+    ref?: React.Ref<HTMLElement> | undefined;
     as?: HeadingElement;
     size?: Responsive<HeadingSize>;
 }
-declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLElement>>;
+declare function Heading({ ref, // Default element is h2: the most common non-landmark heading level.
+as: Comp, className, size, family, weight, color, truncate, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Heading {
+    var displayName: string;
+}
 export { Heading, headingVariants };
 //# sourceMappingURL=Heading.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAInD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErE,MAAM,WAAW,YACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAChD,mBAAmB;IACrB,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,OAAO,kFA8BZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAInD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErE,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;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;CAChC;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EAAE,qEAAqE;AAE1E,EAAE,EAAE,IAAW,EACf,SAAS,EACT,IAAY,EACZ,MAAM,EACN,MAAM,EACN,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,YAAY,2CAcd;kBAzBQ,OAAO;;;AA6BhB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Heading/Heading.js

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

package/dist/components/Heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","names":[],"sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  headingSizeClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, HeadingSize } from \"@nuka/utils/responsive\";\nimport {\n  headingVariants,\n  type HeadingVariantProps,\n} from \"@nuka/components/Heading/Heading.variants\";\n\n// Constrained to h1-h6 only. Headings are semantically defined by HTML as these\n// six levels. For other block elements, use Text with as=\"div\" instead.\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nexport interface HeadingProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    HeadingVariantProps {\n  as?: HeadingElement;\n  size?: Responsive<HeadingSize>;\n}\n\nconst Heading = React.forwardRef<HTMLElement, HeadingProps>(\n  (\n    {\n      // Default element is h2: the most common non-landmark heading level.\n      // h1 is reserved for the page title (typically one per page).\n      as: Comp = \"h2\",\n      className,\n      size = \"3xl\",\n      family,\n      weight,\n      color,\n      truncate,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Comp\n        // Safe: the `as` prop selects h1-h6, making the ref type a union.\n        // Same polymorphic element pattern as Text.tsx.\n        ref={ref as React.RefObject<never>}\n        className={cn(\n          headingVariants({ family, weight, color, truncate }),\n          ...resolveResponsiveClasses(size, headingSizeClasses),\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nHeading.displayName = \"Heading\";\n\nexport { Heading, headingVariants };\n"],"mappings":";;;;;;AAwBA,IAAM,IAAU,EAAM,YAElB,EAGE,IAAI,IAAO,MACX,cACA,UAAO,OACP,WACA,WACA,UACA,aACA,GAAG,KAEL,MAGE,kBAAC,GAAD;CAGO;CACL,WAAW,EACT,EAAgB;EAAE;EAAQ;EAAQ;EAAO;EAAU,CAAC,EACpD,GAAG,EAAyB,GAAM,EAAmB,EACrD,EACD;CACD,GAAI;CACJ,CAAA,CAGP;AAED,EAAQ,cAAc"}
+{"version":3,"file":"Heading.js","names":[],"sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  headingSizeClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, HeadingSize } from \"@nuka/utils/responsive\";\nimport {\n  headingVariants,\n  type HeadingVariantProps,\n} from \"@nuka/components/Heading/Heading.variants\";\n\n// Constrained to h1-h6 only. Headings are semantically defined by HTML as these\n// six levels. For other block elements, use Text with as=\"div\" instead.\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nexport interface HeadingProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    HeadingVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: HeadingElement;\n  size?: Responsive<HeadingSize>;\n}\n\nfunction Heading({\n  ref, // Default element is h2: the most common non-landmark heading level.\n  // h1 is reserved for the page title (typically one per page).\n  as: Comp = \"h2\",\n  className,\n  size = \"3xl\",\n  family,\n  weight,\n  color,\n  truncate,\n  ...props\n}: HeadingProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop selects h1-h6, making the ref type a union.\n      // Same polymorphic element pattern as Text.tsx.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        headingVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, headingSizeClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nHeading.displayName = \"Heading\";\n\nexport { Heading, headingVariants };\n"],"mappings":";;;;;;;AA2BA,SAAS,EAAQ,EACf,QAEA,IAAI,IAAO,MACX,cACA,UAAO,OACP,WACA,WACA,UACA,aACA,GAAG,KACY;AACf,QACE,kBAAC,GAAD;EAGO;EACL,WAAW,EACT,EAAgB;GAAE;GAAQ;GAAQ;GAAO;GAAU,CAAC,EACpD,GAAG,EAAyB,GAAM,EAAmB,EACrD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}

package/dist/components/Icon/Icon.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Icon.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,size:a,color:o,label:s,children:c,...l},u)=>{process.env.NODE_ENV!==`production`&&(r.isValidElement(c)||console.error(`[nuka-ui] Icon: children must be a single React element.`));let d=s!==void 0,f=r.isValidElement(c)?r.cloneElement(c,{"aria-hidden":`true`,width:`100%`,height:`100%`}):c;return(0,i.jsx)(`span`,{ref:u,...d?{role:`img`,"aria-label":s}:{"aria-hidden":`true`},className:t.cn(n.iconVariants({size:a}),n.iconColorVariants({color:o}),e),...l,children:f})});a.displayName=`Icon`,exports.Icon=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Icon.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:a,size:o,color:s,label:c,children:l,...u}){process.env.NODE_ENV!==`production`&&(r.isValidElement(l)||console.error(`[nuka-ui] Icon: children must be a single React element.`));let d=c!==void 0,f=r.isValidElement(l)?r.cloneElement(l,{"aria-hidden":`true`,width:`100%`,height:`100%`}):l;return(0,i.jsx)(`span`,{ref:e,...d?{role:`img`,"aria-label":c}:{"aria-hidden":`true`},className:t.cn(n.iconVariants({size:o}),n.iconColorVariants({color:s}),a),...u,children:f})}a.displayName=`Icon`,exports.Icon=a;
 //# sourceMappingURL=Icon.cjs.map

package/dist/components/Icon/Icon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.cjs","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  iconVariants,\n  iconColorVariants,\n  type IconVariantProps,\n} from \"@nuka/components/Icon/Icon.variants\";\n\nexport interface IconProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    IconVariantProps {\n  children: React.ReactElement;\n  label?: string;\n}\n\nconst Icon = React.forwardRef<HTMLSpanElement, IconProps>(\n  ({ className, size, color, label, children, ...props }, ref) => {\n    if (process.env.NODE_ENV !== \"production\") {\n      if (!React.isValidElement(children)) {\n        console.error(\n          \"[nuka-ui] Icon: children must be a single React element.\",\n        );\n      }\n    }\n\n    const isLabelled = label !== undefined;\n\n    const child = React.isValidElement(children)\n      ? React.cloneElement(\n          // Safe: children prop is typed as React.ReactElement in the interface,\n          // so the generic parameter narrowing for cloneElement is safe (ADR-011).\n          children as React.ReactElement<Record<string, unknown>>,\n          {\n            \"aria-hidden\": \"true\" as const,\n            width: \"100%\",\n            height: \"100%\",\n          },\n        )\n      : children;\n\n    return (\n      <span\n        ref={ref}\n        {...(isLabelled\n          ? { role: \"img\", \"aria-label\": label }\n          : { \"aria-hidden\": \"true\" as const })}\n        className={cn(\n          iconVariants({ size }),\n          iconColorVariants({ color }),\n          className,\n        )}\n        {...props}\n      >\n        {child}\n      </span>\n    );\n  },\n);\n\nIcon.displayName = \"Icon\";\n\nexport { Icon, iconVariants, iconColorVariants };\n"],"mappings":"oMAgBA,IAAM,EAAO,EAAM,YAChB,CAAE,YAAW,OAAM,QAAO,QAAO,WAAU,GAAG,GAAS,IAAQ,CAC9D,QAAA,IAAA,WAA6B,eACtB,EAAM,eAAe,EAAS,EACjC,QAAQ,MACN,2DACD,EAIL,IAAM,EAAa,IAAU,IAAA,GAEvB,EAAQ,EAAM,eAAe,EAAS,CACxC,EAAM,aAGJ,EACA,CACE,cAAe,OACf,MAAO,OACP,OAAQ,OACT,CACF,CACD,EAEJ,OACE,EAAA,EAAA,KAAC,OAAD,CACO,MACL,GAAK,EACD,CAAE,KAAM,MAAO,aAAc,EAAO,CACpC,CAAE,cAAe,OAAiB,CACtC,UAAW,EAAA,GACT,EAAA,aAAa,CAAE,OAAM,CAAC,CACtB,EAAA,kBAAkB,CAAE,QAAO,CAAC,CAC5B,EACD,CACD,GAAI,WAEH,EACI,CAAA,EAGZ,CAED,EAAK,YAAc"}
+{"version":3,"file":"Icon.cjs","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  iconVariants,\n  iconColorVariants,\n  type IconVariantProps,\n} from \"@nuka/components/Icon/Icon.variants\";\n\nexport interface IconProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    IconVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  children: React.ReactElement;\n  label?: string;\n}\n\nfunction Icon({\n  ref,\n  className,\n  size,\n  color,\n  label,\n  children,\n  ...props\n}: IconProps) {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!React.isValidElement(children)) {\n      console.error(\"[nuka-ui] Icon: children must be a single React element.\");\n    }\n  }\n\n  const isLabelled = label !== undefined;\n\n  const child = React.isValidElement(children)\n    ? React.cloneElement(\n        // Safe: children prop is typed as React.ReactElement in the interface,\n        // so the generic parameter narrowing for cloneElement is safe (ADR-011).\n        children as React.ReactElement<Record<string, unknown>>,\n        {\n          \"aria-hidden\": \"true\" as const,\n          width: \"100%\",\n          height: \"100%\",\n        },\n      )\n    : children;\n\n  return (\n    <span\n      ref={ref}\n      {...(isLabelled\n        ? { role: \"img\", \"aria-label\": label }\n        : { \"aria-hidden\": \"true\" as const })}\n      className={cn(\n        iconVariants({ size }),\n        iconColorVariants({ color }),\n        className,\n      )}\n      {...props}\n    >\n      {child}\n    </span>\n  );\n}\n\nIcon.displayName = \"Icon\";\n\nexport { Icon, iconVariants, iconColorVariants };\n"],"mappings":"iNAmBA,SAAS,EAAK,CACZ,MACA,YACA,OACA,QACA,QACA,WACA,GAAG,GACS,CACZ,QAAA,IAAA,WAA6B,eACtB,EAAM,eAAe,EAAS,EACjC,QAAQ,MAAM,2DAA2D,EAI7E,IAAM,EAAa,IAAU,IAAA,GAEvB,EAAQ,EAAM,eAAe,EAAS,CACxC,EAAM,aAGJ,EACA,CACE,cAAe,OACf,MAAO,OACP,OAAQ,OACT,CACF,CACD,EAEJ,OACE,EAAA,EAAA,KAAC,OAAD,CACO,MACL,GAAK,EACD,CAAE,KAAM,MAAO,aAAc,EAAO,CACpC,CAAE,cAAe,OAAiB,CACtC,UAAW,EAAA,GACT,EAAA,aAAa,CAAE,OAAM,CAAC,CACtB,EAAA,kBAAkB,CAAE,QAAO,CAAC,CAC5B,EACD,CACD,GAAI,WAEH,EACI,CAAA,CAIX,EAAK,YAAc"}

package/dist/components/Icon/Icon.d.ts

@@ -1,9 +1,13 @@
 import { iconVariants, iconColorVariants, IconVariantProps } from './Icon.variants';
 import * as React from "react";
 export interface IconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, IconVariantProps {
+    ref?: React.Ref<HTMLSpanElement> | undefined;
     children: React.ReactElement;
     label?: string;
 }
-declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
+declare function Icon({ ref, className, size, color, label, children, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Icon {
+    var displayName: string;
+}
 export { Icon, iconVariants, iconColorVariants };
 //# sourceMappingURL=Icon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,SACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EACpD,gBAAgB;IAClB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,IAAI,mFA0CT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,SACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EACpD,gBAAgB;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAsCX;kBA9CQ,IAAI;;;AAkDb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Icon/Icon.js

@@ -1,26 +1,27 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { iconColorVariants as t, iconVariants as n } from "./Icon.variants.js";
 import * as r from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/Icon/Icon.tsx
-var a = r.forwardRef(({ className: a, size: o, color: s, label: c, children: l, ...u }, d) => {
-	process.env.NODE_ENV !== "production" && (r.isValidElement(l) || console.error("[nuka-ui] Icon: children must be a single React element."));
-	let f = c !== void 0, p = r.isValidElement(l) ? r.cloneElement(l, {
+function a({ ref: a, className: o, size: s, color: c, label: l, children: u, ...d }) {
+	process.env.NODE_ENV !== "production" && (r.isValidElement(u) || console.error("[nuka-ui] Icon: children must be a single React element."));
+	let f = l !== void 0, p = r.isValidElement(u) ? r.cloneElement(u, {
 		"aria-hidden": "true",
 		width: "100%",
 		height: "100%"
-	}) : l;
+	}) : u;
 	return /* @__PURE__ */ i("span", {
-		ref: d,
+		ref: a,
 		...f ? {
 			role: "img",
-			"aria-label": c
+			"aria-label": l
 		} : { "aria-hidden": "true" },
-		className: e(n({ size: o }), t({ color: s }), a),
-		...u,
+		className: e(n({ size: s }), t({ color: c }), o),
+		...d,
 		children: p
 	});
-});
+}
 a.displayName = "Icon";
 //#endregion
 export { a as Icon };

package/dist/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  iconVariants,\n  iconColorVariants,\n  type IconVariantProps,\n} from \"@nuka/components/Icon/Icon.variants\";\n\nexport interface IconProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    IconVariantProps {\n  children: React.ReactElement;\n  label?: string;\n}\n\nconst Icon = React.forwardRef<HTMLSpanElement, IconProps>(\n  ({ className, size, color, label, children, ...props }, ref) => {\n    if (process.env.NODE_ENV !== \"production\") {\n      if (!React.isValidElement(children)) {\n        console.error(\n          \"[nuka-ui] Icon: children must be a single React element.\",\n        );\n      }\n    }\n\n    const isLabelled = label !== undefined;\n\n    const child = React.isValidElement(children)\n      ? React.cloneElement(\n          // Safe: children prop is typed as React.ReactElement in the interface,\n          // so the generic parameter narrowing for cloneElement is safe (ADR-011).\n          children as React.ReactElement<Record<string, unknown>>,\n          {\n            \"aria-hidden\": \"true\" as const,\n            width: \"100%\",\n            height: \"100%\",\n          },\n        )\n      : children;\n\n    return (\n      <span\n        ref={ref}\n        {...(isLabelled\n          ? { role: \"img\", \"aria-label\": label }\n          : { \"aria-hidden\": \"true\" as const })}\n        className={cn(\n          iconVariants({ size }),\n          iconColorVariants({ color }),\n          className,\n        )}\n        {...props}\n      >\n        {child}\n      </span>\n    );\n  },\n);\n\nIcon.displayName = \"Icon\";\n\nexport { Icon, iconVariants, iconColorVariants };\n"],"mappings":";;;;;AAgBA,IAAM,IAAO,EAAM,YAChB,EAAE,cAAW,SAAM,UAAO,UAAO,aAAU,GAAG,KAAS,MAAQ;AAC9D,CAAA,QAAA,IAAA,aAA6B,iBACtB,EAAM,eAAe,EAAS,IACjC,QAAQ,MACN,2DACD;CAIL,IAAM,IAAa,MAAU,KAAA,GAEvB,IAAQ,EAAM,eAAe,EAAS,GACxC,EAAM,aAGJ,GACA;EACE,eAAe;EACf,OAAO;EACP,QAAQ;EACT,CACF,GACD;AAEJ,QACE,kBAAC,QAAD;EACO;EACL,GAAK,IACD;GAAE,MAAM;GAAO,cAAc;GAAO,GACpC,EAAE,eAAe,QAAiB;EACtC,WAAW,EACT,EAAa,EAAE,SAAM,CAAC,EACtB,EAAkB,EAAE,UAAO,CAAC,EAC5B,EACD;EACD,GAAI;YAEH;EACI,CAAA;EAGZ;AAED,EAAK,cAAc"}
+{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  iconVariants,\n  iconColorVariants,\n  type IconVariantProps,\n} from \"@nuka/components/Icon/Icon.variants\";\n\nexport interface IconProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    IconVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  children: React.ReactElement;\n  label?: string;\n}\n\nfunction Icon({\n  ref,\n  className,\n  size,\n  color,\n  label,\n  children,\n  ...props\n}: IconProps) {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!React.isValidElement(children)) {\n      console.error(\"[nuka-ui] Icon: children must be a single React element.\");\n    }\n  }\n\n  const isLabelled = label !== undefined;\n\n  const child = React.isValidElement(children)\n    ? React.cloneElement(\n        // Safe: children prop is typed as React.ReactElement in the interface,\n        // so the generic parameter narrowing for cloneElement is safe (ADR-011).\n        children as React.ReactElement<Record<string, unknown>>,\n        {\n          \"aria-hidden\": \"true\" as const,\n          width: \"100%\",\n          height: \"100%\",\n        },\n      )\n    : children;\n\n  return (\n    <span\n      ref={ref}\n      {...(isLabelled\n        ? { role: \"img\", \"aria-label\": label }\n        : { \"aria-hidden\": \"true\" as const })}\n      className={cn(\n        iconVariants({ size }),\n        iconColorVariants({ color }),\n        className,\n      )}\n      {...props}\n    >\n      {child}\n    </span>\n  );\n}\n\nIcon.displayName = \"Icon\";\n\nexport { Icon, iconVariants, iconColorVariants };\n"],"mappings":";;;;;;AAmBA,SAAS,EAAK,EACZ,QACA,cACA,SACA,UACA,UACA,aACA,GAAG,KACS;AACZ,CAAA,QAAA,IAAA,aAA6B,iBACtB,EAAM,eAAe,EAAS,IACjC,QAAQ,MAAM,2DAA2D;CAI7E,IAAM,IAAa,MAAU,KAAA,GAEvB,IAAQ,EAAM,eAAe,EAAS,GACxC,EAAM,aAGJ,GACA;EACE,eAAe;EACf,OAAO;EACP,QAAQ;EACT,CACF,GACD;AAEJ,QACE,kBAAC,QAAD;EACO;EACL,GAAK,IACD;GAAE,MAAM;GAAO,cAAc;GAAO,GACpC,EAAE,eAAe,QAAiB;EACtC,WAAW,EACT,EAAa,EAAE,SAAM,CAAC,EACtB,EAAkB,EAAE,UAAO,CAAC,EAC5B,EACD;EACD,GAAI;YAEH;EACI,CAAA;;AAIX,EAAK,cAAc"}

package/dist/components/Input/Input.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-form-field-props.cjs`),r=require(`./Input.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)(`input`,{ref:l,id:u.resolvedId,className:t.cn(r.inputVariants({intent:i,size:o}),e),...c,"aria-invalid":d,"aria-describedby":u.ariaDescribedBy,"aria-required":u.ariaRequired})});o.displayName=`Input`,exports.Input=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(`./Input.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)(`input`,{ref:e,id:u.resolvedId,className:t.cn(r.inputVariants({intent:o,size:s}),i),...l,"aria-invalid":d,"aria-describedby":u.ariaDescribedBy,"aria-required":u.ariaRequired})}o.displayName=`Input`,exports.Input=o;
 //# sourceMappingURL=Input.cjs.map

package/dist/components/Input/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface InputProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    InputVariantProps {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\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      <input\n        ref={ref}\n        id={field.resolvedId}\n        className={cn(inputVariants({ intent, size }), className)}\n        {...props}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n      />\n    );\n  },\n);\n\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants };\n"],"mappings":"oQAcA,IAAM,EAAQ,EAAM,YACjB,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,QAAD,CACO,MACL,GAAI,EAAM,WACV,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CACzD,GAAI,EACJ,eAAc,EACd,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,CAAA,EAGP,CAED,EAAM,YAAc"}
+{"version":3,"file":"Input.cjs","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface InputProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    InputVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n}\n\nfunction Input({ ref, className, intent, size, id, ...props }: InputProps) {\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    <input\n      ref={ref}\n      id={field.resolvedId}\n      className={cn(inputVariants({ intent, size }), className)}\n      {...props}\n      aria-invalid={ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n    />\n  );\n}\n\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants };\n"],"mappings":"oQAgBA,SAAS,EAAM,CAAE,MAAK,YAAW,SAAQ,OAAM,KAAI,GAAG,GAAqB,CACzE,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,QAAD,CACO,MACL,GAAI,EAAM,WACV,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CACzD,GAAI,EACJ,eAAc,EACd,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,CAAA,CAIN,EAAM,YAAc"}

package/dist/components/Input/Input.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,aAAa,EACb,KAAK,iBAAiB,EACvB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,UACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EACzD,iBAAiB;CAAG;AAExB,QAAA,MAAM,KAAK,qFAwBV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,aAAa,EACb,KAAK,iBAAiB,EACvB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,UACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EACzD,iBAAiB;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,KAAK,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAsBxE;kBAtBQ,KAAK;;;AA0Bd,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Input/Input.js

@@ -2,31 +2,31 @@
 import { cn as e } from "../../utils/cn.js";
 import { useFormFieldProps as t } from "../../hooks/use-form-field-props.js";
 import { inputVariants as n } from "./Input.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/Input/Input.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("input", {
-		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("input", {
+		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 = "Input";
+}
+i.displayName = "Input";
 //#endregion
-export { a as Input };
+export { i as Input };
 
 //# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface InputProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    InputVariantProps {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\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      <input\n        ref={ref}\n        id={field.resolvedId}\n        className={cn(inputVariants({ intent, size }), className)}\n        {...props}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n      />\n    );\n  },\n);\n\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants };\n"],"mappings":";;;;;;;AAcA,IAAM,IAAQ,EAAM,YACjB,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,SAAD;EACO;EACL,IAAI,EAAM;EACV,WAAW,EAAG,EAAc;GAAE;GAAQ;GAAM,CAAC,EAAE,EAAU;EACzD,GAAI;EACJ,gBAAc;EACd,oBAAkB,EAAM;EACxB,iBAAe,EAAM;EACrB,CAAA;EAGP;AAED,EAAM,cAAc"}
+{"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface InputProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    InputVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n}\n\nfunction Input({ ref, className, intent, size, id, ...props }: InputProps) {\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    <input\n      ref={ref}\n      id={field.resolvedId}\n      className={cn(inputVariants({ intent, size }), className)}\n      {...props}\n      aria-invalid={ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n    />\n  );\n}\n\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants };\n"],"mappings":";;;;;;;AAgBA,SAAS,EAAM,EAAE,QAAK,cAAW,WAAQ,SAAM,OAAI,GAAG,KAAqB;CACzE,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,SAAD;EACO;EACL,IAAI,EAAM;EACV,WAAW,EAAG,EAAc;GAAE;GAAQ;GAAM,CAAC,EAAE,EAAU;EACzD,GAAI;EACJ,gBAAc;EACd,oBAAkB,EAAM;EACxB,iBAAe,EAAM;EACrB,CAAA;;AAIN,EAAM,cAAc"}

package/dist/components/Kbd/Kbd.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Kbd.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,family:r,size:a,...o},s)=>(0,i.jsx)(`kbd`,{ref:s,className:t.cn(n.kbdVariants({family:r,size:a}),e),...o}));a.displayName=`Kbd`,exports.Kbd=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Kbd.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,family:a,size:o,...s}){return(0,i.jsx)(`kbd`,{ref:e,className:t.cn(n.kbdVariants({family:a,size:o}),r),...s})}a.displayName=`Kbd`,exports.Kbd=a;
 //# sourceMappingURL=Kbd.cjs.map

package/dist/components/Kbd/Kbd.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.cjs","names":[],"sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  kbdVariants,\n  type KbdVariantProps,\n} from \"@nuka/components/Kbd/Kbd.variants\";\n\nexport interface KbdProps\n  extends React.HTMLAttributes<HTMLElement>, KbdVariantProps {}\n\nconst Kbd = React.forwardRef<HTMLElement, KbdProps>(\n  ({ className, family, size, ...props }, ref) => {\n    return (\n      <kbd\n        ref={ref}\n        className={cn(kbdVariants({ family, size }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nKbd.displayName = \"Kbd\";\n\nexport { Kbd, kbdVariants };\n"],"mappings":"mMAUA,IAAM,EAAM,EAAM,YACf,CAAE,YAAW,SAAQ,OAAM,GAAG,GAAS,KAEpC,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,YAAY,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CACvD,GAAI,EACJ,CAAA,CAGP,CAED,EAAI,YAAc"}
+{"version":3,"file":"Kbd.cjs","names":[],"sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  kbdVariants,\n  type KbdVariantProps,\n} from \"@nuka/components/Kbd/Kbd.variants\";\n\nexport interface KbdProps\n  extends React.HTMLAttributes<HTMLElement>, KbdVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Kbd({ ref, className, family, size, ...props }: KbdProps) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(kbdVariants({ family, size }), className)}\n      {...props}\n    />\n  );\n}\n\nKbd.displayName = \"Kbd\";\n\nexport { Kbd, kbdVariants };\n"],"mappings":"gNAcA,SAAS,EAAI,CAAE,MAAK,YAAW,SAAQ,OAAM,GAAG,GAAmB,CACjE,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,YAAY,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CACvD,GAAI,EACJ,CAAA,CAIN,EAAI,YAAc"}

package/dist/components/Kbd/Kbd.d.ts

@@ -1,7 +1,11 @@
 import { kbdVariants, KbdVariantProps } from './Kbd.variants';
 import * as React from "react";
 export interface KbdProps extends React.HTMLAttributes<HTMLElement>, KbdVariantProps {
+    ref?: React.Ref<HTMLElement> | undefined;
+}
+declare function Kbd({ ref, className, family, size, ...props }: KbdProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Kbd {
+    var displayName: string;
 }
-declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
 export { Kbd, kbdVariants };
 //# sourceMappingURL=Kbd.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../src/components/Kbd/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,QACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,eAAe;CAAG;AAE/D,QAAA,MAAM,GAAG,8EAUR,CAAC;AAIF,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../src/components/Kbd/Kbd.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,QACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,eAAe;IAC1D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,GAAG,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CAQhE;kBARQ,GAAG;;;AAYZ,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC"}