@nuka-ui/core 1.1.2 → 1.1.4

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

@@ -1,6 +1,7 @@
 import { VariantProps } from '../../utils/variants';
 export declare const eyebrowVariants: (props?: ({
-    color?: "base" | "muted" | "accent" | null | undefined;
+    weight?: "bold" | "black" | "medium" | "thin" | "light" | "extralight" | "regular" | "semibold" | "extrabold" | null | undefined;
+    color?: "base" | "disabled" | "danger" | "success" | "warning" | "muted" | "subtle" | "inverse" | "accent" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type EyebrowVariantProps = VariantProps<typeof eyebrowVariants>;
 //# sourceMappingURL=Eyebrow.variants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Eyebrow.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Eyebrow/Eyebrow.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,eAAe;;8EAoB3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"Eyebrow.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Eyebrow/Eyebrow.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,eAAe;;;8EAqC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dist/components/Eyebrow/Eyebrow.variants.js

@@ -2,17 +2,38 @@ import { cva as e } from "../../node_modules/class-variance-authority/dist/index
 //#region src/components/Eyebrow/Eyebrow.variants.ts
 var t = e([
 	"text-[length:var(--font-size-xs)]",
-	"font-[number:var(--font-weight-semibold)]",
 	"tracking-widest",
 	"uppercase",
 	"[font-family:var(--nuka-font-ui)]"
 ], {
-	variants: { color: {
-		base: "text-(--nuka-text-base)",
-		muted: "text-(--nuka-text-muted)",
-		accent: "text-(--nuka-accent-text)"
-	} },
-	defaultVariants: { color: "muted" }
+	variants: {
+		weight: {
+			thin: "font-[number:var(--font-weight-thin)]",
+			extralight: "font-[number:var(--font-weight-extralight)]",
+			light: "font-[number:var(--font-weight-light)]",
+			regular: "font-[number:var(--font-weight-regular)]",
+			medium: "font-[number:var(--font-weight-medium)]",
+			semibold: "font-[number:var(--font-weight-semibold)]",
+			bold: "font-[number:var(--font-weight-bold)]",
+			extrabold: "font-[number:var(--font-weight-extrabold)]",
+			black: "font-[number:var(--font-weight-black)]"
+		},
+		color: {
+			base: "text-(--nuka-text-base)",
+			muted: "text-(--nuka-text-muted)",
+			subtle: "text-(--nuka-text-subtle)",
+			inverse: "text-(--nuka-text-inverse)",
+			disabled: "text-(--nuka-text-disabled)",
+			accent: "text-(--nuka-accent-text)",
+			danger: "text-(--nuka-danger-text)",
+			success: "text-(--nuka-success-text)",
+			warning: "text-(--nuka-warning-text)"
+		}
+	},
+	defaultVariants: {
+		weight: "semibold",
+		color: "muted"
+	}
 });
 //#endregion
 export { t as eyebrowVariants };

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

@@ -1 +1 @@
-{"version":3,"file":"Eyebrow.variants.js","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const eyebrowVariants = cva(\n  [\n    \"text-[length:var(--font-size-xs)]\",\n    \"font-[number:var(--font-weight-semibold)]\",\n    \"tracking-widest\",\n    \"uppercase\",\n    \"[font-family:var(--nuka-font-ui)]\",\n  ],\n  {\n    variants: {\n      color: {\n        base: \"text-(--nuka-text-base)\",\n        muted: \"text-(--nuka-text-muted)\",\n        accent: \"text-(--nuka-accent-text)\",\n      },\n    },\n    defaultVariants: {\n      color: \"muted\",\n    },\n  },\n);\n\nexport type EyebrowVariantProps = VariantProps<typeof eyebrowVariants>;\n"],"mappings":";;AAEA,IAAa,IAAkB,EAC7B;CACE;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,OAAO;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACT,EACF;CACD,iBAAiB,EACf,OAAO,SACR;CACF,CACF"}
+{"version":3,"file":"Eyebrow.variants.js","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const eyebrowVariants = cva(\n  [\n    \"text-[length:var(--font-size-xs)]\",\n    \"tracking-widest\",\n    \"uppercase\",\n    \"[font-family:var(--nuka-font-ui)]\",\n  ],\n  {\n    variants: {\n      weight: {\n        thin: \"font-[number:var(--font-weight-thin)]\",\n        extralight: \"font-[number:var(--font-weight-extralight)]\",\n        light: \"font-[number:var(--font-weight-light)]\",\n        regular: \"font-[number:var(--font-weight-regular)]\",\n        medium: \"font-[number:var(--font-weight-medium)]\",\n        semibold: \"font-[number:var(--font-weight-semibold)]\",\n        bold: \"font-[number:var(--font-weight-bold)]\",\n        extrabold: \"font-[number:var(--font-weight-extrabold)]\",\n        black: \"font-[number:var(--font-weight-black)]\",\n      },\n      color: {\n        base: \"text-(--nuka-text-base)\",\n        muted: \"text-(--nuka-text-muted)\",\n        subtle: \"text-(--nuka-text-subtle)\",\n        inverse: \"text-(--nuka-text-inverse)\",\n        disabled: \"text-(--nuka-text-disabled)\",\n        accent: \"text-(--nuka-accent-text)\",\n        danger: \"text-(--nuka-danger-text)\",\n        success: \"text-(--nuka-success-text)\",\n        warning: \"text-(--nuka-warning-text)\",\n      },\n    },\n    defaultVariants: {\n      weight: \"semibold\",\n      color: \"muted\",\n    },\n  },\n);\n\nexport type EyebrowVariantProps = VariantProps<typeof eyebrowVariants>;\n"],"mappings":";;AAEA,IAAa,IAAkB,EAC7B;CACE;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,MAAM;GACN,YAAY;GACZ,OAAO;GACP,SAAS;GACT,QAAQ;GACR,UAAU;GACV,MAAM;GACN,WAAW;GACX,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAS;GACT,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,OAAO;EACR;CACF,CACF"}

package/dist/components/FileInput/FileInput.cjs

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

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

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

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

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

package/dist/components/FileInput/FileInput.js

@@ -27,6 +27,7 @@ function u({ ref: u, className: d, intent: f, onFilesChange: p, maxFiles: m, dra
 	};
 	return /* @__PURE__ */ c("div", {
 		className: e("flex flex-col gap-(--space-3)", d),
+		"data-slot": "root",
 		children: [/* @__PURE__ */ s("div", {
 			role: "region",
 			"aria-label": h,
@@ -45,6 +46,7 @@ function u({ ref: u, className: d, intent: f, onFilesChange: p, maxFiles: m, dra
 				intent: f,
 				isDragOver: T
 			}),
+			"data-slot": "zone",
 			"data-testid": "file-input-zone",
 			children: /* @__PURE__ */ c("label", {
 				htmlFor: O,
@@ -63,6 +65,7 @@ function u({ ref: u, className: d, intent: f, onFilesChange: p, maxFiles: m, dra
 					"aria-invalid": k,
 					"aria-describedby": S.ariaDescribedBy,
 					"aria-required": S.ariaRequired,
+					"data-slot": "input",
 					...x
 				}) }), /* @__PURE__ */ c(n, {
 					size: "sm",
@@ -70,7 +73,7 @@ function u({ ref: u, className: d, intent: f, onFilesChange: p, maxFiles: m, dra
 						h,
 						" ",
 						/* @__PURE__ */ s("span", {
-							className: "underline font-medium",
+							className: "underline font-[number:var(--font-weight-medium)]",
 							children: g
 						})
 					]
@@ -79,23 +82,28 @@ function u({ ref: u, className: d, intent: f, onFilesChange: p, maxFiles: m, dra
 		}), C.length > 0 && /* @__PURE__ */ s("ul", {
 			role: "list",
 			className: "flex flex-col gap-(--space-2)",
+			"data-slot": "file-list",
 			children: C.map((e, r) => /* @__PURE__ */ c("li", {
 				className: "flex items-center gap-(--space-2) px-(--space-3) py-(--space-2) rounded-(--radius-md) bg-(--nuka-bg-subtle) border border-(--nuka-border-base)",
+				"data-slot": "file-item",
 				children: [
 					/* @__PURE__ */ s(n, {
 						size: "sm",
 						className: "flex-1 truncate min-w-0",
+						"data-slot": "file-name",
 						children: e.name
 					}),
 					/* @__PURE__ */ s(n, {
 						size: "xs",
 						color: "muted",
 						className: "shrink-0 whitespace-nowrap",
+						"data-slot": "file-size",
 						children: l(e.size)
 					}),
 					/* @__PURE__ */ s(t, {
 						onClick: () => j(r),
-						label: `Remove ${e.name}`
+						label: `Remove ${e.name}`,
+						"data-slot": "file-remove-button"
 					})
 				]
 			}, `${e.name}-${String(e.size)}-${String(r)}`))

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

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","names":[],"sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { VisuallyHidden } from \"@nuka/components/VisuallyHidden\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  fileInputZoneVariants,\n  type FileInputVariantProps,\n} from \"@nuka/components/FileInput/FileInput.variants\";\n\nexport interface FileInputProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"type\" | \"size\" | \"value\"\n    >,\n    Omit<FileInputVariantProps, \"isDragOver\"> {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  onFilesChange?: (files: File[]) => void;\n  maxFiles?: number;\n  dragLabel?: string;\n  browseLabel?: string;\n}\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${String(bytes)} B`;\n  if (bytes < 1024 * 1024) return `${String(Math.round(bytes / 1024))} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction FileInput({\n  ref,\n  className,\n  intent,\n  onFilesChange,\n  maxFiles,\n  dragLabel = \"Drag files here or\",\n  browseLabel = \"browse\",\n  id,\n  disabled,\n  multiple,\n  accept,\n  ...props\n}: FileInputProps) {\n  const field = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const [files, setFiles] = React.useState<File[]>([]);\n  const [isDragOver, setIsDragOver] = React.useState(false);\n  const generatedId = React.useId();\n  const inputId = field.resolvedId ?? generatedId;\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  const addFiles = (incoming: File[]) => {\n    const merged = multiple ? [...files, ...incoming] : incoming.slice(0, 1);\n    let capped = merged;\n    if (maxFiles !== undefined && merged.length > maxFiles) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(\n          `[nuka-ui] FileInput: ${String(merged.length)} files exceed maxFiles=${String(maxFiles)}. Extra files ignored.`,\n        );\n      }\n      capped = merged.slice(0, maxFiles);\n    }\n    setFiles(capped);\n    onFilesChange?.(capped);\n  };\n\n  const removeFile = (index: number) => {\n    const next = files.filter((_, i) => i !== index);\n    setFiles(next);\n    onFilesChange?.(next);\n  };\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragOver(true);\n  };\n\n  const handleDragLeave = () => {\n    setIsDragOver(false);\n  };\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragOver(false);\n    if (field.resolvedDisabled) return;\n    const dropped = Array.from(e.dataTransfer.files);\n    if (dropped.length > 0) addFiles(dropped);\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const selected = Array.from(e.target.files ?? []);\n    if (selected.length > 0) addFiles(selected);\n    e.target.value = \"\";\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-(--space-3)\", className)}>\n      <div\n        role=\"region\"\n        aria-label={dragLabel}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        className={fileInputZoneVariants({ intent, isDragOver })}\n        data-testid=\"file-input-zone\"\n      >\n        <label htmlFor={inputId} className=\"cursor-pointer text-center\">\n          <VisuallyHidden>\n            <input\n              ref={ref}\n              type=\"file\"\n              id={inputId}\n              disabled={field.resolvedDisabled}\n              multiple={multiple}\n              accept={accept}\n              onChange={handleChange}\n              aria-invalid={ariaInvalid}\n              aria-describedby={field.ariaDescribedBy}\n              aria-required={field.ariaRequired}\n              {...props}\n            />\n          </VisuallyHidden>\n          <Text size=\"sm\">\n            {dragLabel}{\" \"}\n            <span className=\"underline font-medium\">{browseLabel}</span>\n          </Text>\n        </label>\n      </div>\n\n      {files.length > 0 && (\n        <ul role=\"list\" className=\"flex flex-col gap-(--space-2)\">\n          {files.map((file, i) => (\n            <li\n              key={`${file.name}-${String(file.size)}-${String(i)}`}\n              className=\"flex items-center gap-(--space-2) px-(--space-3) py-(--space-2) rounded-(--radius-md) bg-(--nuka-bg-subtle) border border-(--nuka-border-base)\"\n            >\n              <Text size=\"sm\" className=\"flex-1 truncate min-w-0\">\n                {file.name}\n              </Text>\n              <Text\n                size=\"xs\"\n                color=\"muted\"\n                className=\"shrink-0 whitespace-nowrap\"\n              >\n                {formatFileSize(file.size)}\n              </Text>\n              <DismissButton\n                onClick={() => removeFile(i)}\n                label={`Remove ${file.name}`}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nFileInput.displayName = \"FileInput\";\n\nexport { FileInput, fileInputZoneVariants };\n"],"mappings":"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"}
+{"version":3,"file":"FileInput.js","names":[],"sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { VisuallyHidden } from \"@nuka/components/VisuallyHidden\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  fileInputZoneVariants,\n  type FileInputVariantProps,\n} from \"@nuka/components/FileInput/FileInput.variants\";\n\nexport interface FileInputProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"type\" | \"size\" | \"value\"\n    >,\n    Omit<FileInputVariantProps, \"isDragOver\"> {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  onFilesChange?: (files: File[]) => void;\n  maxFiles?: number;\n  dragLabel?: string;\n  browseLabel?: string;\n}\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${String(bytes)} B`;\n  if (bytes < 1024 * 1024) return `${String(Math.round(bytes / 1024))} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction FileInput({\n  ref,\n  className,\n  intent,\n  onFilesChange,\n  maxFiles,\n  dragLabel = \"Drag files here or\",\n  browseLabel = \"browse\",\n  id,\n  disabled,\n  multiple,\n  accept,\n  ...props\n}: FileInputProps) {\n  const field = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const [files, setFiles] = React.useState<File[]>([]);\n  const [isDragOver, setIsDragOver] = React.useState(false);\n  const generatedId = React.useId();\n  const inputId = field.resolvedId ?? generatedId;\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  const addFiles = (incoming: File[]) => {\n    const merged = multiple ? [...files, ...incoming] : incoming.slice(0, 1);\n    let capped = merged;\n    if (maxFiles !== undefined && merged.length > maxFiles) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(\n          `[nuka-ui] FileInput: ${String(merged.length)} files exceed maxFiles=${String(maxFiles)}. Extra files ignored.`,\n        );\n      }\n      capped = merged.slice(0, maxFiles);\n    }\n    setFiles(capped);\n    onFilesChange?.(capped);\n  };\n\n  const removeFile = (index: number) => {\n    const next = files.filter((_, i) => i !== index);\n    setFiles(next);\n    onFilesChange?.(next);\n  };\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragOver(true);\n  };\n\n  const handleDragLeave = () => {\n    setIsDragOver(false);\n  };\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragOver(false);\n    if (field.resolvedDisabled) return;\n    const dropped = Array.from(e.dataTransfer.files);\n    if (dropped.length > 0) addFiles(dropped);\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const selected = Array.from(e.target.files ?? []);\n    if (selected.length > 0) addFiles(selected);\n    e.target.value = \"\";\n  };\n\n  return (\n    <div\n      className={cn(\"flex flex-col gap-(--space-3)\", className)}\n      data-slot=\"root\"\n    >\n      <div\n        role=\"region\"\n        aria-label={dragLabel}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        className={fileInputZoneVariants({ intent, isDragOver })}\n        data-slot=\"zone\"\n        data-testid=\"file-input-zone\"\n      >\n        <label htmlFor={inputId} className=\"cursor-pointer text-center\">\n          <VisuallyHidden>\n            <input\n              ref={ref}\n              type=\"file\"\n              id={inputId}\n              disabled={field.resolvedDisabled}\n              multiple={multiple}\n              accept={accept}\n              onChange={handleChange}\n              aria-invalid={ariaInvalid}\n              aria-describedby={field.ariaDescribedBy}\n              aria-required={field.ariaRequired}\n              data-slot=\"input\"\n              {...props}\n            />\n          </VisuallyHidden>\n          <Text size=\"sm\">\n            {dragLabel}{\" \"}\n            <span className=\"underline font-[number:var(--font-weight-medium)]\">\n              {browseLabel}\n            </span>\n          </Text>\n        </label>\n      </div>\n\n      {files.length > 0 && (\n        <ul\n          role=\"list\"\n          className=\"flex flex-col gap-(--space-2)\"\n          data-slot=\"file-list\"\n        >\n          {files.map((file, i) => (\n            <li\n              key={`${file.name}-${String(file.size)}-${String(i)}`}\n              className=\"flex items-center gap-(--space-2) px-(--space-3) py-(--space-2) rounded-(--radius-md) bg-(--nuka-bg-subtle) border border-(--nuka-border-base)\"\n              data-slot=\"file-item\"\n            >\n              <Text\n                size=\"sm\"\n                className=\"flex-1 truncate min-w-0\"\n                data-slot=\"file-name\"\n              >\n                {file.name}\n              </Text>\n              <Text\n                size=\"xs\"\n                color=\"muted\"\n                className=\"shrink-0 whitespace-nowrap\"\n                data-slot=\"file-size\"\n              >\n                {formatFileSize(file.size)}\n              </Text>\n              <DismissButton\n                onClick={() => removeFile(i)}\n                label={`Remove ${file.name}`}\n                data-slot=\"file-remove-button\"\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nFileInput.displayName = \"FileInput\";\n\nexport { FileInput, fileInputZoneVariants };\n"],"mappings":";;;;;;;;;;AA0BA,SAAS,EAAe,GAAuB;AAG7C,QAFI,IAAQ,OAAa,GAAG,OAAO,EAAM,CAAC,MACtC,IAAQ,OAAO,OAAa,GAAG,OAAO,KAAK,MAAM,IAAQ,KAAK,CAAC,CAAC,OAC7D,IAAI,KAAS,OAAO,OAAO,QAAQ,EAAE,CAAC;;AAG/C,SAAS,EAAU,EACjB,QACA,cACA,WACA,kBACA,aACA,eAAY,sBACZ,iBAAc,UACd,OACA,aACA,aACA,WACA,GAAG,KACc;CACjB,IAAM,IAAQ,EAAkB;EAC9B;EACA;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC,EAEI,CAAC,GAAO,KAAY,EAAM,SAAiB,EAAE,CAAC,EAC9C,CAAC,GAAY,KAAiB,EAAM,SAAS,GAAM,EACnD,IAAc,EAAM,OAAO,EAC3B,IAAU,EAAM,cAAc,GAE9B,IACJ,EAAM,gBAAgB,MAAW,WAAW,KAAO,KAAA,IAE/C,KAAY,MAAqB;EACrC,IAAM,IAAS,IAAW,CAAC,GAAG,GAAO,GAAG,EAAS,GAAG,EAAS,MAAM,GAAG,EAAE,EACpE,IAAS;AAUb,EATI,MAAa,KAAA,KAAa,EAAO,SAAS,MAC5C,QAAA,IAAA,aAA6B,gBAC3B,QAAQ,KACN,wBAAwB,OAAO,EAAO,OAAO,CAAC,yBAAyB,OAAO,EAAS,CAAC,wBACzF,EAEH,IAAS,EAAO,MAAM,GAAG,EAAS,GAEpC,EAAS,EAAO,EAChB,IAAgB,EAAO;IAGnB,KAAc,MAAkB;EACpC,IAAM,IAAO,EAAM,QAAQ,GAAG,MAAM,MAAM,EAAM;AAEhD,EADA,EAAS,EAAK,EACd,IAAgB,EAAK;;AA0BvB,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,iCAAiC,EAAU;EACzD,aAAU;YAFZ,CAIE,kBAAC,OAAD;GACE,MAAK;GACL,cAAY;GACZ,aA/BkB,MAAuB;AAE7C,IADA,EAAE,gBAAgB,EAClB,EAAc,GAAK;;GA8Bf,mBA3BwB;AAC5B,MAAc,GAAM;;GA2BhB,SAxBc,MAAuB;AAGzC,QAFA,EAAE,gBAAgB,EAClB,EAAc,GAAM,EAChB,EAAM,iBAAkB;IAC5B,IAAM,IAAU,MAAM,KAAK,EAAE,aAAa,MAAM;AAChD,IAAI,EAAQ,SAAS,KAAG,EAAS,EAAQ;;GAoBrC,WAAW,EAAsB;IAAE;IAAQ;IAAY,CAAC;GACxD,aAAU;GACV,eAAY;aAEZ,kBAAC,SAAD;IAAO,SAAS;IAAS,WAAU;cAAnC,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,SAAD;KACO;KACL,MAAK;KACL,IAAI;KACJ,UAAU,EAAM;KACN;KACF;KACR,WA9BU,MAA2C;MAC/D,IAAM,IAAW,MAAM,KAAK,EAAE,OAAO,SAAS,EAAE,CAAC;AAEjD,MADI,EAAS,SAAS,KAAG,EAAS,EAAS,EAC3C,EAAE,OAAO,QAAQ;;KA4BP,gBAAc;KACd,oBAAkB,EAAM;KACxB,iBAAe,EAAM;KACrB,aAAU;KACV,GAAI;KACJ,CAAA,EACa,CAAA,EACjB,kBAAC,GAAD;KAAM,MAAK;eAAX;MACG;MAAW;MACZ,kBAAC,QAAD;OAAM,WAAU;iBACb;OACI,CAAA;MACF;OACD;;GACJ,CAAA,EAEL,EAAM,SAAS,KACd,kBAAC,MAAD;GACE,MAAK;GACL,WAAU;GACV,aAAU;aAET,EAAM,KAAK,GAAM,MAChB,kBAAC,MAAD;IAEE,WAAU;IACV,aAAU;cAHZ;KAKE,kBAAC,GAAD;MACE,MAAK;MACL,WAAU;MACV,aAAU;gBAET,EAAK;MACD,CAAA;KACP,kBAAC,GAAD;MACE,MAAK;MACL,OAAM;MACN,WAAU;MACV,aAAU;gBAET,EAAe,EAAK,KAAK;MACrB,CAAA;KACP,kBAAC,GAAD;MACE,eAAe,EAAW,EAAE;MAC5B,OAAO,UAAU,EAAK;MACtB,aAAU;MACV,CAAA;KACC;MAxBE,GAAG,EAAK,KAAK,GAAG,OAAO,EAAK,KAAK,CAAC,GAAG,OAAO,EAAE,GAwBhD,CACL;GACC,CAAA,CAEH;;;AAIV,EAAU,cAAc"}

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`);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;
+"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),"data-slot":`root`,...p,children:[s,u&&(0,a.jsx)(n.Text,{as:`p`,size:`sm`,color:`muted`,id:g.hintId,"data-slot":`hint`,children:u}),l&&(0,a.jsx)(n.Text,{as:`p`,size:`sm`,color:`danger`,id:g.errorId,"data-slot":`error`,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  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"}
+{"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        data-slot=\"root\"\n        {...props}\n      >\n        {children}\n        {hint && (\n          <Text\n            as=\"p\"\n            size=\"sm\"\n            color=\"muted\"\n            id={contextValue.hintId}\n            data-slot=\"hint\"\n          >\n            {hint}\n          </Text>\n        )}\n        {error && (\n          <Text\n            as=\"p\"\n            size=\"sm\"\n            color=\"danger\"\n            id={contextValue.errorId}\n            data-slot=\"error\"\n          >\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,YAAU,OACV,GAAI,WAJN,CAMG,EACA,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,IACH,KAAK,KACL,MAAM,QACN,GAAI,EAAa,OACjB,YAAU,gBAET,EACI,CAAA,CAER,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,IACH,KAAK,KACL,MAAM,SACN,GAAI,EAAa,QACjB,YAAU,iBAET,EACI,CAAA,CAEL,GACW,CAAA,CAIvB,EAAU,YAAc"}

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,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"}
+{"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,2CAmDhB;kBA7DQ,SAAS;;;AAiElB,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/FormField/FormField.js

@@ -25,6 +25,7 @@ function o({ ref: o, className: s, children: c, id: l, error: u, hint: d, requir
 		children: /* @__PURE__ */ a("div", {
 			ref: o,
 			className: e("flex flex-col gap-(--space-1)", s),
+			"data-slot": "root",
 			...m,
 			children: [
 				c,
@@ -33,6 +34,7 @@ function o({ ref: o, className: s, children: c, id: l, error: u, hint: d, requir
 					size: "sm",
 					color: "muted",
 					id: _.hintId,
+					"data-slot": "hint",
 					children: d
 				}),
 				u && /* @__PURE__ */ i(t, {
@@ -40,6 +42,7 @@ function o({ ref: o, className: s, children: c, id: l, error: u, hint: d, requir
 					size: "sm",
 					color: "danger",
 					id: _.errorId,
+					"data-slot": "error",
 					children: u
 				})
 			]

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  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"}
+{"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        data-slot=\"root\"\n        {...props}\n      >\n        {children}\n        {hint && (\n          <Text\n            as=\"p\"\n            size=\"sm\"\n            color=\"muted\"\n            id={contextValue.hintId}\n            data-slot=\"hint\"\n          >\n            {hint}\n          </Text>\n        )}\n        {error && (\n          <Text\n            as=\"p\"\n            size=\"sm\"\n            color=\"danger\"\n            id={contextValue.errorId}\n            data-slot=\"error\"\n          >\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,aAAU;GACV,GAAI;aAJN;IAMG;IACA,KACC,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,OAAM;KACN,IAAI,EAAa;KACjB,aAAU;eAET;KACI,CAAA;IAER,KACC,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,OAAM;KACN,IAAI,EAAa;KACjB,aAAU;eAET;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`);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;
+"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,as:o=`div`,cols:s=1,gap:c=`none`,colGap:l,rowGap:u,asChild:d=!1,...f}){return(0,a.jsx)(d?n.Slot:o,{ref:e,className:t.cn(`grid`,...r.resolveResponsiveClasses(s,r.colsClasses),...r.resolveResponsiveClasses(c,r.gapClasses),...r.resolveResponsiveClasses(l,r.colGapClasses),...r.resolveResponsiveClasses(u,r.rowGapClasses),i),...f})}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  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":"6OAqBA,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"}
+{"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\";\nimport type { LayoutElement } from \"@nuka/utils/polymorphic\";\n\nexport interface GridProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  /**\n   * The HTML element to render. Defaults to \"div\".\n   *\n   * When `asChild` is true, this prop is ignored and the child element\n   * determines the rendered tag.\n   */\n  as?: LayoutElement;\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  as = \"div\",\n  cols = 1,\n  gap = \"none\",\n  colGap,\n  rowGap,\n  asChild = false,\n  ...props\n}: GridProps) {\n  const Comp = asChild ? Slot : as;\n\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic, so ref cannot\n      // 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        \"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":"0PA+BA,SAAS,EAAK,CACZ,MACA,YACA,KAAK,MACL,OAAO,EACP,MAAM,OACN,SACA,SACA,UAAU,GACV,GAAG,GACS,CAGZ,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,EAG5B,CAIO,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,14 +1,22 @@
 import { Responsive, GapScale, ColCount } from '../../utils/responsive';
+import { LayoutElement } from '../../utils/polymorphic';
 import * as React from "react";
-export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+export interface GridProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement> | undefined;
+    /**
+     * The HTML element to render. Defaults to "div".
+     *
+     * When `asChild` is true, this prop is ignored and the child element
+     * determines the rendered tag.
+     */
+    as?: LayoutElement;
     cols?: Responsive<ColCount>;
     gap?: Responsive<GapScale>;
     colGap?: Responsive<GapScale>;
     rowGap?: Responsive<GapScale>;
     asChild?: boolean;
 }
-declare function Grid({ ref, className, cols, gap, colGap, rowGap, asChild, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
+declare function Grid({ ref, className, as, cols, gap, colGap, rowGap, asChild, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Grid {
     var displayName: string;
 }

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,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"}
+{"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;AAC7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC;;;;;OAKG;IACH,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB,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,EAAU,EACV,IAAQ,EACR,GAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAe,EACf,GAAG,KAAK,EACT,EAAE,SAAS,2CAoBX;kBA9BQ,IAAI;;;AAkCb,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Grid/Grid.js

@@ -1,14 +1,15 @@
+"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 "react";
 import { jsx as s } from "react/jsx-runtime";
 //#region src/components/Grid/Grid.tsx
-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", {
+function c({ ref: c, className: l, as: u = "div", cols: d = 1, gap: f = "none", colGap: p, rowGap: m, asChild: h = !1, ...g }) {
+	return /* @__PURE__ */ s(h ? t : u, {
 		ref: c,
-		className: e("grid", ...a(u, r), ...a(d, i), ...a(f, n), ...a(p, o), l),
-		...h
+		className: e("grid", ...a(d, r), ...a(f, i), ...a(p, n), ...a(m, o), l),
+		...g
 	});
 }
 c.displayName = "Grid";

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  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":";;;;;;AAqBA,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"}
+{"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\";\nimport type { LayoutElement } from \"@nuka/utils/polymorphic\";\n\nexport interface GridProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  /**\n   * The HTML element to render. Defaults to \"div\".\n   *\n   * When `asChild` is true, this prop is ignored and the child element\n   * determines the rendered tag.\n   */\n  as?: LayoutElement;\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  as = \"div\",\n  cols = 1,\n  gap = \"none\",\n  colGap,\n  rowGap,\n  asChild = false,\n  ...props\n}: GridProps) {\n  const Comp = asChild ? Slot : as;\n\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic, so ref cannot\n      // 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        \"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":";;;;;;;AA+BA,SAAS,EAAK,EACZ,QACA,cACA,QAAK,OACL,UAAO,GACP,SAAM,QACN,WACA,WACA,aAAU,IACV,GAAG,KACS;AAGZ,QACE,kBAHW,IAAU,IAAO,GAG5B;EAIO;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`);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;
+"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  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":"+OAyBA,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"}
+{"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.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,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"}
+{"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,3 +1,4 @@
+"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";

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  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":";;;;;;AAyBA,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"}
+{"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/Heading/Heading.variants.cjs

@@ -1,2 +1,2 @@
-var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`font-[number:var(--font-weight-bold)]`,`text-(--nuka-text-base)`],{variants:{family:{heading:`[font-family:var(--nuka-font-heading)]`,body:`[font-family:var(--nuka-font-body)]`,ui:`[font-family:var(--nuka-font-ui)]`,code:`[font-family:var(--nuka-font-code)]`},weight:{regular:`font-[number:var(--font-weight-regular)]`,medium:`font-[number:var(--font-weight-medium)]`,semibold:`font-[number:var(--font-weight-semibold)]`,bold:`font-[number:var(--font-weight-bold)]`},color:{base:`text-(--nuka-text-base)`,muted:`text-(--nuka-text-muted)`,subtle:`text-(--nuka-text-subtle)`,inverse:`text-(--nuka-text-inverse)`,disabled:`text-(--nuka-text-disabled)`,accent:`text-(--nuka-accent-text)`,danger:`text-(--nuka-danger-text)`,success:`text-(--nuka-success-text)`,warning:`text-(--nuka-warning-text)`},truncate:{true:`truncate`,false:``}},defaultVariants:{family:`heading`,weight:`bold`,color:`base`,truncate:!1}});exports.headingVariants=e;
+var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`text-(--nuka-text-base)`],{variants:{family:{heading:`[font-family:var(--nuka-font-heading)]`,body:`[font-family:var(--nuka-font-body)]`,ui:`[font-family:var(--nuka-font-ui)]`,code:`[font-family:var(--nuka-font-code)]`},weight:{thin:`font-[number:var(--font-weight-thin)]`,extralight:`font-[number:var(--font-weight-extralight)]`,light:`font-[number:var(--font-weight-light)]`,regular:`font-[number:var(--font-weight-regular)]`,medium:`font-[number:var(--font-weight-medium)]`,semibold:`font-[number:var(--font-weight-semibold)]`,bold:`font-[number:var(--font-weight-bold)]`,extrabold:`font-[number:var(--font-weight-extrabold)]`,black:`font-[number:var(--font-weight-black)]`},color:{base:`text-(--nuka-text-base)`,muted:`text-(--nuka-text-muted)`,subtle:`text-(--nuka-text-subtle)`,inverse:`text-(--nuka-text-inverse)`,disabled:`text-(--nuka-text-disabled)`,accent:`text-(--nuka-accent-text)`,danger:`text-(--nuka-danger-text)`,success:`text-(--nuka-success-text)`,warning:`text-(--nuka-warning-text)`},truncate:{true:`truncate`,false:``}},defaultVariants:{family:`heading`,weight:`bold`,color:`base`,truncate:!1}});exports.headingVariants=e;
 //# sourceMappingURL=Heading.variants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.variants.cjs","names":[],"sources":["../../../src/components/Heading/Heading.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const headingVariants = cva(\n  [\"font-[number:var(--font-weight-bold)]\", \"text-(--nuka-text-base)\"],\n  {\n    variants: {\n      family: {\n        heading: \"[font-family:var(--nuka-font-heading)]\",\n        body: \"[font-family:var(--nuka-font-body)]\",\n        ui: \"[font-family:var(--nuka-font-ui)]\",\n        code: \"[font-family:var(--nuka-font-code)]\",\n      },\n      weight: {\n        regular: \"font-[number:var(--font-weight-regular)]\",\n        medium: \"font-[number:var(--font-weight-medium)]\",\n        semibold: \"font-[number:var(--font-weight-semibold)]\",\n        bold: \"font-[number:var(--font-weight-bold)]\",\n      },\n      color: {\n        base: \"text-(--nuka-text-base)\",\n        muted: \"text-(--nuka-text-muted)\",\n        subtle: \"text-(--nuka-text-subtle)\",\n        inverse: \"text-(--nuka-text-inverse)\",\n        disabled: \"text-(--nuka-text-disabled)\",\n        accent: \"text-(--nuka-accent-text)\",\n        danger: \"text-(--nuka-danger-text)\",\n        success: \"text-(--nuka-success-text)\",\n        warning: \"text-(--nuka-warning-text)\",\n      },\n      truncate: {\n        true: \"truncate\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      family: \"heading\",\n      weight: \"bold\",\n      color: \"base\",\n      truncate: false,\n    },\n  },\n);\n\nexport type HeadingVariantProps = VariantProps<typeof headingVariants>;\n"],"mappings":"AAEA,IAAa,wEAAkB,IAC7B,CAAC,wCAAyC,0BAA0B,CACpE,CACE,SAAU,CACR,OAAQ,CACN,QAAS,yCACT,KAAM,sCACN,GAAI,oCACJ,KAAM,sCACP,CACD,OAAQ,CACN,QAAS,2CACT,OAAQ,0CACR,SAAU,4CACV,KAAM,wCACP,CACD,MAAO,CACL,KAAM,0BACN,MAAO,2BACP,OAAQ,4BACR,QAAS,6BACT,SAAU,8BACV,OAAQ,4BACR,OAAQ,4BACR,QAAS,6BACT,QAAS,6BACV,CACD,SAAU,CACR,KAAM,WACN,MAAO,GACR,CACF,CACD,gBAAiB,CACf,OAAQ,UACR,OAAQ,OACR,MAAO,OACP,SAAU,GACX,CACF,CACF"}
+{"version":3,"file":"Heading.variants.cjs","names":[],"sources":["../../../src/components/Heading/Heading.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const headingVariants = cva([\"text-(--nuka-text-base)\"], {\n  variants: {\n    family: {\n      heading: \"[font-family:var(--nuka-font-heading)]\",\n      body: \"[font-family:var(--nuka-font-body)]\",\n      ui: \"[font-family:var(--nuka-font-ui)]\",\n      code: \"[font-family:var(--nuka-font-code)]\",\n    },\n    weight: {\n      thin: \"font-[number:var(--font-weight-thin)]\",\n      extralight: \"font-[number:var(--font-weight-extralight)]\",\n      light: \"font-[number:var(--font-weight-light)]\",\n      regular: \"font-[number:var(--font-weight-regular)]\",\n      medium: \"font-[number:var(--font-weight-medium)]\",\n      semibold: \"font-[number:var(--font-weight-semibold)]\",\n      bold: \"font-[number:var(--font-weight-bold)]\",\n      extrabold: \"font-[number:var(--font-weight-extrabold)]\",\n      black: \"font-[number:var(--font-weight-black)]\",\n    },\n    color: {\n      base: \"text-(--nuka-text-base)\",\n      muted: \"text-(--nuka-text-muted)\",\n      subtle: \"text-(--nuka-text-subtle)\",\n      inverse: \"text-(--nuka-text-inverse)\",\n      disabled: \"text-(--nuka-text-disabled)\",\n      accent: \"text-(--nuka-accent-text)\",\n      danger: \"text-(--nuka-danger-text)\",\n      success: \"text-(--nuka-success-text)\",\n      warning: \"text-(--nuka-warning-text)\",\n    },\n    truncate: {\n      true: \"truncate\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    family: \"heading\",\n    weight: \"bold\",\n    color: \"base\",\n    truncate: false,\n  },\n});\n\nexport type HeadingVariantProps = VariantProps<typeof headingVariants>;\n"],"mappings":"AAEA,IAAa,wEAAkB,IAAI,CAAC,0BAA0B,CAAE,CAC9D,SAAU,CACR,OAAQ,CACN,QAAS,yCACT,KAAM,sCACN,GAAI,oCACJ,KAAM,sCACP,CACD,OAAQ,CACN,KAAM,wCACN,WAAY,8CACZ,MAAO,yCACP,QAAS,2CACT,OAAQ,0CACR,SAAU,4CACV,KAAM,wCACN,UAAW,6CACX,MAAO,yCACR,CACD,MAAO,CACL,KAAM,0BACN,MAAO,2BACP,OAAQ,4BACR,QAAS,6BACT,SAAU,8BACV,OAAQ,4BACR,OAAQ,4BACR,QAAS,6BACT,QAAS,6BACV,CACD,SAAU,CACR,KAAM,WACN,MAAO,GACR,CACF,CACD,gBAAiB,CACf,OAAQ,UACR,OAAQ,OACR,MAAO,OACP,SAAU,GACX,CACF,CAAC"}

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

@@ -1,7 +1,7 @@
 import { VariantProps } from '../../utils/variants';
 export declare const headingVariants: (props?: ({
     family?: "body" | "code" | "heading" | "ui" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "bold" | "black" | "medium" | "thin" | "light" | "extralight" | "regular" | "semibold" | "extrabold" | null | undefined;
     color?: "base" | "disabled" | "danger" | "success" | "warning" | "muted" | "subtle" | "inverse" | "accent" | null | undefined;
     truncate?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,eAAe;;;;;8EAuC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"Heading.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,eAAe;;;;;8EAyC1B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dist/components/Heading/Heading.variants.js

@@ -1,6 +1,6 @@
 import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
 //#region src/components/Heading/Heading.variants.ts
-var t = e(["font-[number:var(--font-weight-bold)]", "text-(--nuka-text-base)"], {
+var t = e(["text-(--nuka-text-base)"], {
 	variants: {
 		family: {
 			heading: "[font-family:var(--nuka-font-heading)]",
@@ -9,10 +9,15 @@ var t = e(["font-[number:var(--font-weight-bold)]", "text-(--nuka-text-base)"],
 			code: "[font-family:var(--nuka-font-code)]"
 		},
 		weight: {
+			thin: "font-[number:var(--font-weight-thin)]",
+			extralight: "font-[number:var(--font-weight-extralight)]",
+			light: "font-[number:var(--font-weight-light)]",
 			regular: "font-[number:var(--font-weight-regular)]",
 			medium: "font-[number:var(--font-weight-medium)]",
 			semibold: "font-[number:var(--font-weight-semibold)]",
-			bold: "font-[number:var(--font-weight-bold)]"
+			bold: "font-[number:var(--font-weight-bold)]",
+			extrabold: "font-[number:var(--font-weight-extrabold)]",
+			black: "font-[number:var(--font-weight-black)]"
 		},
 		color: {
 			base: "text-(--nuka-text-base)",

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.variants.js","names":[],"sources":["../../../src/components/Heading/Heading.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const headingVariants = cva(\n  [\"font-[number:var(--font-weight-bold)]\", \"text-(--nuka-text-base)\"],\n  {\n    variants: {\n      family: {\n        heading: \"[font-family:var(--nuka-font-heading)]\",\n        body: \"[font-family:var(--nuka-font-body)]\",\n        ui: \"[font-family:var(--nuka-font-ui)]\",\n        code: \"[font-family:var(--nuka-font-code)]\",\n      },\n      weight: {\n        regular: \"font-[number:var(--font-weight-regular)]\",\n        medium: \"font-[number:var(--font-weight-medium)]\",\n        semibold: \"font-[number:var(--font-weight-semibold)]\",\n        bold: \"font-[number:var(--font-weight-bold)]\",\n      },\n      color: {\n        base: \"text-(--nuka-text-base)\",\n        muted: \"text-(--nuka-text-muted)\",\n        subtle: \"text-(--nuka-text-subtle)\",\n        inverse: \"text-(--nuka-text-inverse)\",\n        disabled: \"text-(--nuka-text-disabled)\",\n        accent: \"text-(--nuka-accent-text)\",\n        danger: \"text-(--nuka-danger-text)\",\n        success: \"text-(--nuka-success-text)\",\n        warning: \"text-(--nuka-warning-text)\",\n      },\n      truncate: {\n        true: \"truncate\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      family: \"heading\",\n      weight: \"bold\",\n      color: \"base\",\n      truncate: false,\n    },\n  },\n);\n\nexport type HeadingVariantProps = VariantProps<typeof headingVariants>;\n"],"mappings":";;AAEA,IAAa,IAAkB,EAC7B,CAAC,yCAAyC,0BAA0B,EACpE;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACP;EACD,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,UAAU;GACV,MAAM;GACP;EACD,OAAO;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAS;GACT,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,UAAU;EACX;CACF,CACF"}
+{"version":3,"file":"Heading.variants.js","names":[],"sources":["../../../src/components/Heading/Heading.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const headingVariants = cva([\"text-(--nuka-text-base)\"], {\n  variants: {\n    family: {\n      heading: \"[font-family:var(--nuka-font-heading)]\",\n      body: \"[font-family:var(--nuka-font-body)]\",\n      ui: \"[font-family:var(--nuka-font-ui)]\",\n      code: \"[font-family:var(--nuka-font-code)]\",\n    },\n    weight: {\n      thin: \"font-[number:var(--font-weight-thin)]\",\n      extralight: \"font-[number:var(--font-weight-extralight)]\",\n      light: \"font-[number:var(--font-weight-light)]\",\n      regular: \"font-[number:var(--font-weight-regular)]\",\n      medium: \"font-[number:var(--font-weight-medium)]\",\n      semibold: \"font-[number:var(--font-weight-semibold)]\",\n      bold: \"font-[number:var(--font-weight-bold)]\",\n      extrabold: \"font-[number:var(--font-weight-extrabold)]\",\n      black: \"font-[number:var(--font-weight-black)]\",\n    },\n    color: {\n      base: \"text-(--nuka-text-base)\",\n      muted: \"text-(--nuka-text-muted)\",\n      subtle: \"text-(--nuka-text-subtle)\",\n      inverse: \"text-(--nuka-text-inverse)\",\n      disabled: \"text-(--nuka-text-disabled)\",\n      accent: \"text-(--nuka-accent-text)\",\n      danger: \"text-(--nuka-danger-text)\",\n      success: \"text-(--nuka-success-text)\",\n      warning: \"text-(--nuka-warning-text)\",\n    },\n    truncate: {\n      true: \"truncate\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    family: \"heading\",\n    weight: \"bold\",\n    color: \"base\",\n    truncate: false,\n  },\n});\n\nexport type HeadingVariantProps = VariantProps<typeof headingVariants>;\n"],"mappings":";;AAEA,IAAa,IAAkB,EAAI,CAAC,0BAA0B,EAAE;CAC9D,UAAU;EACR,QAAQ;GACN,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACP;EACD,QAAQ;GACN,MAAM;GACN,YAAY;GACZ,OAAO;GACP,SAAS;GACT,QAAQ;GACR,UAAU;GACV,MAAM;GACN,WAAW;GACX,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAS;GACT,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,UAAU;EACX;CACF,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`);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;
+"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  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":"oMAiBA,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"}
+{"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"}