@nuka-ui/core 1.1.3 → 1.1.5

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":"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"}

package/dist/components/FileInput/FileInput.variants.cjs

@@ -1,2 +1,2 @@
-var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`relative flex flex-col items-center justify-center`,`rounded-(--radius-lg) border-2 border-dashed`,`p-(--space-8)`,`cursor-pointer`,`transition-colors duration-(--nuka-duration-base)`,`focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-(--nuka-border-focus)`],{variants:{intent:{default:``,danger:``,success:``,warning:``},isDragOver:{true:``,false:``}},compoundVariants:[{intent:`default`,isDragOver:!1,className:[`border-(--nuka-border-base)`,`bg-(--nuka-bg-subtle)`,`text-(--nuka-text-muted)`]},{intent:`default`,isDragOver:!0,className:[`border-(--nuka-accent-border)`,`bg-(--nuka-accent-bg-subtle)`,`text-(--nuka-accent-text)`]},{intent:`danger`,isDragOver:!1,className:[`border-(--nuka-danger-border)`,`bg-(--nuka-danger-bg)`,`text-(--nuka-danger-text)`]},{intent:`danger`,isDragOver:!0,className:[`border-(--nuka-danger-base)`,`bg-(--nuka-danger-bg)`,`text-(--nuka-danger-text)`]},{intent:`success`,isDragOver:!1,className:[`border-(--nuka-success-border)`,`bg-(--nuka-success-bg)`,`text-(--nuka-success-text)`]},{intent:`success`,isDragOver:!0,className:[`border-(--nuka-success-base)`,`bg-(--nuka-success-bg)`,`text-(--nuka-success-text)`]},{intent:`warning`,isDragOver:!1,className:[`border-(--nuka-warning-border)`,`bg-(--nuka-warning-bg)`,`text-(--nuka-warning-text)`]},{intent:`warning`,isDragOver:!0,className:[`border-(--nuka-warning-base)`,`bg-(--nuka-warning-bg)`,`text-(--nuka-warning-text)`]}],defaultVariants:{intent:`default`,isDragOver:!1}});exports.fileInputZoneVariants=e;
+var e=require("../../node_modules/class-variance-authority/dist/index.cjs").cva([`relative flex flex-col items-center justify-center`,`rounded-(--radius-lg) border-2 border-dashed`,`p-(--space-8)`,`cursor-pointer`,`transition-colors duration-(--nuka-duration-base)`,`focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-(--nuka-border-focus)`],{variants:{intent:{default:``,danger:``,success:``,warning:``},isDragOver:{true:``,false:``}},compoundVariants:[{intent:`default`,isDragOver:!1,className:[`border-(--nuka-border-base)`,`bg-(--nuka-bg-subtle)`,`text-(--nuka-text-muted)`]},{intent:`default`,isDragOver:!0,className:[`border-(--nuka-accent-border)`,`bg-(--nuka-accent-bg-subtle)`,`text-(--nuka-accent-text)`]},{intent:`danger`,isDragOver:!1,className:[`border-(--nuka-danger-border)`,`bg-(--nuka-danger-bg)`,`text-(--nuka-danger-text)`]},{intent:`danger`,isDragOver:!0,className:[`border-(--nuka-danger-base)`,`bg-(--nuka-danger-bg)`,`text-(--nuka-danger-text)`]},{intent:`success`,isDragOver:!1,className:[`border-(--nuka-success-border)`,`bg-(--nuka-success-bg)`,`text-(--nuka-success-text)`]},{intent:`success`,isDragOver:!0,className:[`border-(--nuka-success-base)`,`bg-(--nuka-success-bg)`,`text-(--nuka-success-text)`]},{intent:`warning`,isDragOver:!1,className:[`border-(--nuka-warning-border)`,`bg-(--nuka-warning-bg)`,`text-(--nuka-warning-text)`]},{intent:`warning`,isDragOver:!0,className:[`border-(--nuka-warning-base)`,`bg-(--nuka-warning-bg)`,`text-(--nuka-warning-text)`]}],defaultVariants:{intent:`default`,isDragOver:!1}});exports.fileInputZoneVariants=e;
 //# sourceMappingURL=FileInput.variants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileInput.variants.cjs","names":[],"sources":["../../../src/components/FileInput/FileInput.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const fileInputZoneVariants = cva(\n  [\n    \"relative flex flex-col items-center justify-center\",\n    \"rounded-(--radius-lg) border-2 border-dashed\",\n    \"p-(--space-8)\",\n    \"cursor-pointer\",\n    \"transition-colors duration-(--nuka-duration-base)\",\n    \"focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-(--nuka-border-focus)\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      isDragOver: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        intent: \"default\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-subtle)\",\n          \"text-(--nuka-text-muted)\",\n        ],\n      },\n      {\n        intent: \"default\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-accent-border)\",\n          \"bg-(--nuka-accent-bg-subtle)\",\n          \"text-(--nuka-accent-text)\",\n        ],\n      },\n      {\n        intent: \"danger\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-danger-border)\",\n          \"bg-(--nuka-danger-bg)\",\n          \"text-(--nuka-danger-text)\",\n        ],\n      },\n      {\n        intent: \"danger\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-danger-base)\",\n          \"bg-(--nuka-danger-bg)\",\n          \"text-(--nuka-danger-text)\",\n        ],\n      },\n      {\n        intent: \"success\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-success-border)\",\n          \"bg-(--nuka-success-bg)\",\n          \"text-(--nuka-success-text)\",\n        ],\n      },\n      {\n        intent: \"success\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-success-base)\",\n          \"bg-(--nuka-success-bg)\",\n          \"text-(--nuka-success-text)\",\n        ],\n      },\n      {\n        intent: \"warning\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-warning-border)\",\n          \"bg-(--nuka-warning-bg)\",\n          \"text-(--nuka-warning-text)\",\n        ],\n      },\n      {\n        intent: \"warning\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-warning-base)\",\n          \"bg-(--nuka-warning-bg)\",\n          \"text-(--nuka-warning-text)\",\n        ],\n      },\n    ],\n    defaultVariants: {\n      intent: \"default\",\n      isDragOver: false,\n    },\n  },\n);\n\nexport type FileInputVariantProps = VariantProps<typeof fileInputZoneVariants>;\n"],"mappings":"AAEA,IAAa,wEAAwB,IACnC,CACE,qDACA,+CACA,gBACA,iBACA,oDACA,kGACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,GACV,CACD,WAAY,CACV,KAAM,GACN,MAAO,GACR,CACF,CACD,iBAAkB,CAChB,CACE,OAAQ,UACR,WAAY,GACZ,UAAW,CACT,8BACA,wBACA,2BACD,CACF,CACD,CACE,OAAQ,UACR,WAAY,GACZ,UAAW,CACT,gCACA,+BACA,4BACD,CACF,CACD,CACE,OAAQ,SACR,WAAY,GACZ,UAAW,CACT,gCACA,wBACA,4BACD,CACF,CACD,CACE,OAAQ,SACR,WAAY,GACZ,UAAW,CACT,8BACA,wBACA,4BACD,CACF,CACD,CACE,OAAQ,UACR,WAAY,GACZ,UAAW,CACT,iCACA,yBACA,6BACD,CACF,CACD,CACE,OAAQ,UACR,WAAY,GACZ,UAAW,CACT,+BACA,yBACA,6BACD,CACF,CACD,CACE,OAAQ,UACR,WAAY,GACZ,UAAW,CACT,iCACA,yBACA,6BACD,CACF,CACD,CACE,OAAQ,UACR,WAAY,GACZ,UAAW,CACT,+BACA,yBACA,6BACD,CACF,CACF,CACD,gBAAiB,CACf,OAAQ,UACR,WAAY,GACb,CACF,CACF"}
+{"version":3,"file":"FileInput.variants.cjs","names":[],"sources":["../../../src/components/FileInput/FileInput.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const fileInputZoneVariants = cva(\n  [\n    \"relative flex flex-col items-center justify-center\",\n    \"rounded-(--radius-lg) border-2 border-dashed\",\n    \"p-(--space-8)\",\n    \"cursor-pointer\",\n    \"transition-colors duration-(--nuka-duration-base)\",\n    \"focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-(--nuka-border-focus)\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      isDragOver: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        intent: \"default\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-subtle)\",\n          \"text-(--nuka-text-muted)\",\n        ],\n      },\n      {\n        intent: \"default\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-accent-border)\",\n          \"bg-(--nuka-accent-bg-subtle)\",\n          \"text-(--nuka-accent-text)\",\n        ],\n      },\n      {\n        intent: \"danger\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-danger-border)\",\n          \"bg-(--nuka-danger-bg)\",\n          \"text-(--nuka-danger-text)\",\n        ],\n      },\n      {\n        intent: \"danger\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-danger-base)\",\n          \"bg-(--nuka-danger-bg)\",\n          \"text-(--nuka-danger-text)\",\n        ],\n      },\n      {\n        intent: \"success\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-success-border)\",\n          \"bg-(--nuka-success-bg)\",\n          \"text-(--nuka-success-text)\",\n        ],\n      },\n      {\n        intent: \"success\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-success-base)\",\n          \"bg-(--nuka-success-bg)\",\n          \"text-(--nuka-success-text)\",\n        ],\n      },\n      {\n        intent: \"warning\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-warning-border)\",\n          \"bg-(--nuka-warning-bg)\",\n          \"text-(--nuka-warning-text)\",\n        ],\n      },\n      {\n        intent: \"warning\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-warning-base)\",\n          \"bg-(--nuka-warning-bg)\",\n          \"text-(--nuka-warning-text)\",\n        ],\n      },\n    ],\n    defaultVariants: {\n      intent: \"default\",\n      isDragOver: false,\n    },\n  },\n);\n\nexport type FileInputVariantProps = VariantProps<typeof fileInputZoneVariants>;\n"],"mappings":"AAEA,IAAa,sEAAwB,EAAA,IACnC,CACE,qDACA,+CACA,gBACA,iBACA,oDACA,iGACF,EACA,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,EACX,EACA,WAAY,CACV,KAAM,GACN,MAAO,EACT,CACF,EACA,iBAAkB,CAChB,CACE,OAAQ,UACR,WAAY,GACZ,UAAW,CACT,8BACA,wBACA,0BACF,CACF,EACA,CACE,OAAQ,UACR,WAAY,GACZ,UAAW,CACT,gCACA,+BACA,2BACF,CACF,EACA,CACE,OAAQ,SACR,WAAY,GACZ,UAAW,CACT,gCACA,wBACA,2BACF,CACF,EACA,CACE,OAAQ,SACR,WAAY,GACZ,UAAW,CACT,8BACA,wBACA,2BACF,CACF,EACA,CACE,OAAQ,UACR,WAAY,GACZ,UAAW,CACT,iCACA,yBACA,4BACF,CACF,EACA,CACE,OAAQ,UACR,WAAY,GACZ,UAAW,CACT,+BACA,yBACA,4BACF,CACF,EACA,CACE,OAAQ,UACR,WAAY,GACZ,UAAW,CACT,iCACA,yBACA,4BACF,CACF,EACA,CACE,OAAQ,UACR,WAAY,GACZ,UAAW,CACT,+BACA,yBACA,4BACF,CACF,CACF,EACA,gBAAiB,CACf,OAAQ,UACR,WAAY,EACd,CACF,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileInput.variants.js","names":[],"sources":["../../../src/components/FileInput/FileInput.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const fileInputZoneVariants = cva(\n  [\n    \"relative flex flex-col items-center justify-center\",\n    \"rounded-(--radius-lg) border-2 border-dashed\",\n    \"p-(--space-8)\",\n    \"cursor-pointer\",\n    \"transition-colors duration-(--nuka-duration-base)\",\n    \"focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-(--nuka-border-focus)\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      isDragOver: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        intent: \"default\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-subtle)\",\n          \"text-(--nuka-text-muted)\",\n        ],\n      },\n      {\n        intent: \"default\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-accent-border)\",\n          \"bg-(--nuka-accent-bg-subtle)\",\n          \"text-(--nuka-accent-text)\",\n        ],\n      },\n      {\n        intent: \"danger\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-danger-border)\",\n          \"bg-(--nuka-danger-bg)\",\n          \"text-(--nuka-danger-text)\",\n        ],\n      },\n      {\n        intent: \"danger\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-danger-base)\",\n          \"bg-(--nuka-danger-bg)\",\n          \"text-(--nuka-danger-text)\",\n        ],\n      },\n      {\n        intent: \"success\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-success-border)\",\n          \"bg-(--nuka-success-bg)\",\n          \"text-(--nuka-success-text)\",\n        ],\n      },\n      {\n        intent: \"success\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-success-base)\",\n          \"bg-(--nuka-success-bg)\",\n          \"text-(--nuka-success-text)\",\n        ],\n      },\n      {\n        intent: \"warning\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-warning-border)\",\n          \"bg-(--nuka-warning-bg)\",\n          \"text-(--nuka-warning-text)\",\n        ],\n      },\n      {\n        intent: \"warning\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-warning-base)\",\n          \"bg-(--nuka-warning-bg)\",\n          \"text-(--nuka-warning-text)\",\n        ],\n      },\n    ],\n    defaultVariants: {\n      intent: \"default\",\n      isDragOver: false,\n    },\n  },\n);\n\nexport type FileInputVariantProps = VariantProps<typeof fileInputZoneVariants>;\n"],"mappings":";;AAEA,IAAa,IAAwB,EACnC;CACE;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,YAAY;GACV,MAAM;GACN,OAAO;GACR;EACF;CACD,kBAAkB;EAChB;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;IACD;GACF;EACD;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;IACD;GACF;EACD;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;IACD;GACF;EACD;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;IACD;GACF;EACD;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;IACD;GACF;EACD;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;IACD;GACF;EACD;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;IACD;GACF;EACD;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;IACD;GACF;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,YAAY;EACb;CACF,CACF"}
+{"version":3,"file":"FileInput.variants.js","names":[],"sources":["../../../src/components/FileInput/FileInput.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const fileInputZoneVariants = cva(\n  [\n    \"relative flex flex-col items-center justify-center\",\n    \"rounded-(--radius-lg) border-2 border-dashed\",\n    \"p-(--space-8)\",\n    \"cursor-pointer\",\n    \"transition-colors duration-(--nuka-duration-base)\",\n    \"focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-(--nuka-border-focus)\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      isDragOver: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        intent: \"default\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-subtle)\",\n          \"text-(--nuka-text-muted)\",\n        ],\n      },\n      {\n        intent: \"default\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-accent-border)\",\n          \"bg-(--nuka-accent-bg-subtle)\",\n          \"text-(--nuka-accent-text)\",\n        ],\n      },\n      {\n        intent: \"danger\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-danger-border)\",\n          \"bg-(--nuka-danger-bg)\",\n          \"text-(--nuka-danger-text)\",\n        ],\n      },\n      {\n        intent: \"danger\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-danger-base)\",\n          \"bg-(--nuka-danger-bg)\",\n          \"text-(--nuka-danger-text)\",\n        ],\n      },\n      {\n        intent: \"success\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-success-border)\",\n          \"bg-(--nuka-success-bg)\",\n          \"text-(--nuka-success-text)\",\n        ],\n      },\n      {\n        intent: \"success\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-success-base)\",\n          \"bg-(--nuka-success-bg)\",\n          \"text-(--nuka-success-text)\",\n        ],\n      },\n      {\n        intent: \"warning\",\n        isDragOver: false,\n        className: [\n          \"border-(--nuka-warning-border)\",\n          \"bg-(--nuka-warning-bg)\",\n          \"text-(--nuka-warning-text)\",\n        ],\n      },\n      {\n        intent: \"warning\",\n        isDragOver: true,\n        className: [\n          \"border-(--nuka-warning-base)\",\n          \"bg-(--nuka-warning-bg)\",\n          \"text-(--nuka-warning-text)\",\n        ],\n      },\n    ],\n    defaultVariants: {\n      intent: \"default\",\n      isDragOver: false,\n    },\n  },\n);\n\nexport type FileInputVariantProps = VariantProps<typeof fileInputZoneVariants>;\n"],"mappings":";;AAEA,IAAa,IAAwB,EACnC;CACE;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;EACX;EACA,YAAY;GACV,MAAM;GACN,OAAO;EACT;CACF;CACA,kBAAkB;EAChB;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;GACF;EACF;EACA;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;GACF;EACF;EACA;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;GACF;EACF;EACA;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;GACF;EACF;EACA;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;GACF;EACF;EACA;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;GACF;EACF;EACA;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;GACF;EACF;EACA;GACE,QAAQ;GACR,YAAY;GACZ,WAAW;IACT;IACA;IACA;GACF;EACF;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,YAAY;CACd;AACF,CACF"}

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,MAAM,EAC1B,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,UACF,GACA,CAAC,EAAQ,EAAO,EAAU,CAAQ,CACpC,EAEA,OACE,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,MAAO,YACvB,EAAA,EAAA,MAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,gCAAiC,CAAS,EACxD,YAAU,OACV,GAAI,WAJN,CAMG,EACA,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,IACH,KAAK,KACL,MAAM,QACN,GAAI,EAAa,OACjB,YAAU,gBAET,CACG,CAAA,EAEP,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,IACH,KAAK,KACL,MAAM,SACN,GAAI,EAAa,QACjB,YAAU,iBAET,CACG,CAAA,CAEL,GACW,CAAA,CAEtB,CAEA,EAAU,YAAc"}

package/dist/components/FormField/FormField.context.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);var n=t.createContext({fieldId:``,labelId:``,errorId:``,hintId:``,hasError:!1,required:!1,disabled:!1});function r(){return t.useContext(n)}exports.FormFieldContext=n,exports.useFormField=r;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);var n=t.createContext({fieldId:``,labelId:``,errorId:``,hintId:``,hasError:!1,required:!1,disabled:!1});function r(){return t.use(n)}exports.FormFieldContext=n,exports.useFormField=r;
 //# sourceMappingURL=FormField.context.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.context.cjs","names":[],"sources":["../../../src/components/FormField/FormField.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\n\nexport interface FormFieldContextValue {\n  fieldId: string;\n  labelId: string;\n  errorId: string;\n  hintId: string;\n  hasError: boolean;\n  required: boolean;\n  disabled: boolean;\n}\n\nconst defaultContext: FormFieldContextValue = {\n  fieldId: \"\",\n  labelId: \"\",\n  errorId: \"\",\n  hintId: \"\",\n  hasError: false,\n  required: false,\n  disabled: false,\n};\n\nexport const FormFieldContext = React.createContext(defaultContext);\n\nexport function useFormField(): FormFieldContextValue {\n  return React.useContext(FormFieldContext);\n}\n"],"mappings":"6GAuBA,IAAa,EAAmB,EAAM,cAVQ,CAC5C,QAAS,GACT,QAAS,GACT,QAAS,GACT,OAAQ,GACR,SAAU,GACV,SAAU,GACV,SAAU,GACX,CAEkE,CAEnE,SAAgB,GAAsC,CACpD,OAAO,EAAM,WAAW,EAAiB"}
+{"version":3,"file":"FormField.context.cjs","names":[],"sources":["../../../src/components/FormField/FormField.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\n\nexport interface FormFieldContextValue {\n  fieldId: string;\n  labelId: string;\n  errorId: string;\n  hintId: string;\n  hasError: boolean;\n  required: boolean;\n  disabled: boolean;\n}\n\nconst defaultContext: FormFieldContextValue = {\n  fieldId: \"\",\n  labelId: \"\",\n  errorId: \"\",\n  hintId: \"\",\n  hasError: false,\n  required: false,\n  disabled: false,\n};\n\nexport const FormFieldContext = React.createContext(defaultContext);\n\nexport function useFormField(): FormFieldContextValue {\n  return React.use(FormFieldContext);\n}\n"],"mappings":"6GAuBA,IAAa,EAAmB,EAAM,cAAc,CATlD,QAAS,GACT,QAAS,GACT,QAAS,GACT,OAAQ,GACR,SAAU,GACV,SAAU,GACV,SAAU,EAGwC,CAAc,EAElE,SAAgB,GAAsC,CACpD,OAAO,EAAM,IAAI,CAAgB,CACnC"}

package/dist/components/FormField/FormField.context.js

@@ -10,7 +10,7 @@ var t = e.createContext({
 	disabled: !1
 });
 function n() {
-	return e.useContext(t);
+	return e.use(t);
 }
 //#endregion
 export { t as FormFieldContext, n as useFormField };

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.context.js","names":[],"sources":["../../../src/components/FormField/FormField.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\n\nexport interface FormFieldContextValue {\n  fieldId: string;\n  labelId: string;\n  errorId: string;\n  hintId: string;\n  hasError: boolean;\n  required: boolean;\n  disabled: boolean;\n}\n\nconst defaultContext: FormFieldContextValue = {\n  fieldId: \"\",\n  labelId: \"\",\n  errorId: \"\",\n  hintId: \"\",\n  hasError: false,\n  required: false,\n  disabled: false,\n};\n\nexport const FormFieldContext = React.createContext(defaultContext);\n\nexport function useFormField(): FormFieldContextValue {\n  return React.useContext(FormFieldContext);\n}\n"],"mappings":";;AAuBA,IAAa,IAAmB,EAAM,cAVQ;CAC5C,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,UAAU;CACV,UAAU;CACV,UAAU;CACX,CAEkE;AAEnE,SAAgB,IAAsC;AACpD,QAAO,EAAM,WAAW,EAAiB"}
+{"version":3,"file":"FormField.context.js","names":[],"sources":["../../../src/components/FormField/FormField.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\n\nexport interface FormFieldContextValue {\n  fieldId: string;\n  labelId: string;\n  errorId: string;\n  hintId: string;\n  hasError: boolean;\n  required: boolean;\n  disabled: boolean;\n}\n\nconst defaultContext: FormFieldContextValue = {\n  fieldId: \"\",\n  labelId: \"\",\n  errorId: \"\",\n  hintId: \"\",\n  hasError: false,\n  required: false,\n  disabled: false,\n};\n\nexport const FormFieldContext = React.createContext(defaultContext);\n\nexport function useFormField(): FormFieldContextValue {\n  return React.use(FormFieldContext);\n}\n"],"mappings":";;AAuBA,IAAa,IAAmB,EAAM,cAAc;CATlD,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,UAAU;CACV,UAAU;CACV,UAAU;AAGwC,CAAc;AAElE,SAAgB,IAAsC;CACpD,OAAO,EAAM,IAAI,CAAgB;AACnC"}

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,MAAM,GAC1B,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;CACF,IACA;EAAC;EAAQ;EAAO;EAAU;CAAQ,CACpC;CAEA,OACE,kBAAC,GAAD;EAAkB,OAAO;YACvB,kBAAC,OAAD;GACO;GACL,WAAW,EAAG,iCAAiC,CAAS;GACxD,aAAU;GACV,GAAI;aAJN;IAMG;IACA,KACC,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,OAAM;KACN,IAAI,EAAa;KACjB,aAAU;eAET;IACG,CAAA;IAEP,KACC,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,OAAM;KACN,IAAI,EAAa;KACjB,aAAU;eAET;IACG,CAAA;GAEL;;CACW,CAAA;AAEtB;AAEA,EAAU,cAAc"}

package/dist/components/Grid/Grid.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/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":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  gapClasses,\n  colGapClasses,\n  rowGapClasses,\n  colsClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale, ColCount } from \"@nuka/utils/responsive\";\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  cols?: Responsive<ColCount>;\n  gap?: Responsive<GapScale>;\n  colGap?: Responsive<GapScale>;\n  rowGap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\nfunction Grid({\n  ref,\n  className,\n  cols = 1,\n  gap = \"none\",\n  colGap,\n  rowGap,\n  asChild = false,\n  ...props\n}: GridProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"grid\",\n        ...resolveResponsiveClasses(cols, colsClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(colGap, colGapClasses),\n        ...resolveResponsiveClasses(rowGap, rowGapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nGrid.displayName = \"Grid\";\n\nexport { Grid };\n"],"mappings":"0PAuBA,SAAS,EAAK,CACZ,MACA,YACA,OAAO,EACP,MAAM,OACN,SACA,SACA,UAAU,GACV,GAAG,GACS,CAGZ,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,MAG5B,CACO,MACL,UAAW,EAAA,GACT,OACA,GAAG,EAAA,yBAAyB,EAAM,EAAA,YAAY,CAC9C,GAAG,EAAA,yBAAyB,EAAK,EAAA,WAAW,CAC5C,GAAG,EAAA,yBAAyB,EAAQ,EAAA,cAAc,CAClD,GAAG,EAAA,yBAAyB,EAAQ,EAAA,cAAc,CAClD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc"}
+{"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,WAAW,EAC7C,GAAG,EAAA,yBAAyB,EAAK,EAAA,UAAU,EAC3C,GAAG,EAAA,yBAAyB,EAAQ,EAAA,aAAa,EACjD,GAAG,EAAA,yBAAyB,EAAQ,EAAA,aAAa,EACjD,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,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":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAE7E,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC5B,GAAG,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,IAAQ,EACR,GAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAe,EACf,GAAG,KAAK,EACT,EAAE,SAAS,2CAiBX;kBA1BQ,IAAI;;;AA8Bb,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"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

@@ -5,11 +5,11 @@ import { colGapClasses as n, colsClasses as r, gapClasses as i, resolveResponsiv
 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":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  gapClasses,\n  colGapClasses,\n  rowGapClasses,\n  colsClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale, ColCount } from \"@nuka/utils/responsive\";\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  cols?: Responsive<ColCount>;\n  gap?: Responsive<GapScale>;\n  colGap?: Responsive<GapScale>;\n  rowGap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\nfunction Grid({\n  ref,\n  className,\n  cols = 1,\n  gap = \"none\",\n  colGap,\n  rowGap,\n  asChild = false,\n  ...props\n}: GridProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"grid\",\n        ...resolveResponsiveClasses(cols, colsClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(colGap, colGapClasses),\n        ...resolveResponsiveClasses(rowGap, rowGapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nGrid.displayName = \"Grid\";\n\nexport { Grid };\n"],"mappings":";;;;;;;AAuBA,SAAS,EAAK,EACZ,QACA,cACA,UAAO,GACP,SAAM,QACN,WACA,WACA,aAAU,IACV,GAAG,KACS;AAGZ,QACE,kBAHW,IAAU,IAAO,OAG5B;EACO;EACL,WAAW,EACT,QACA,GAAG,EAAyB,GAAM,EAAY,EAC9C,GAAG,EAAyB,GAAK,EAAW,EAC5C,GAAG,EAAyB,GAAQ,EAAc,EAClD,GAAG,EAAyB,GAAQ,EAAc,EAClD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAK,cAAc"}
+{"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;CAGZ,OACE,kBAHW,IAAU,IAAO,GAG5B;EAIO;EACL,WAAW,EACT,QACA,GAAG,EAAyB,GAAM,CAAW,GAC7C,GAAG,EAAyB,GAAK,CAAU,GAC3C,GAAG,EAAyB,GAAQ,CAAa,GACjD,GAAG,EAAyB,GAAQ,CAAa,GACjD,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,EAAK,cAAc"}

package/dist/components/Heading/Heading.cjs

@@ -1,2 +1,2 @@
-"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;
+"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":["\"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"}
+{"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,UAAS,CAAC,EACnD,GAAG,EAAA,yBAAyB,EAAM,EAAA,kBAAkB,EACpD,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,EAAQ,YAAc"}

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

@@ -1 +1 @@
-{"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"}
+{"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;CACf,OACE,kBAAC,GAAD;EAGO;EACL,WAAW,EACT,EAAgB;GAAE;GAAQ;GAAQ;GAAO;EAAS,CAAC,GACnD,GAAG,EAAyB,GAAM,CAAkB,GACpD,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,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,sEAAkB,EAAA,IAAI,CAAC,yBAAyB,EAAG,CAC9D,SAAU,CACR,OAAQ,CACN,QAAS,yCACT,KAAM,sCACN,GAAI,oCACJ,KAAM,qCACR,EACA,OAAQ,CACN,KAAM,wCACN,WAAY,8CACZ,MAAO,yCACP,QAAS,2CACT,OAAQ,0CACR,SAAU,4CACV,KAAM,wCACN,UAAW,6CACX,MAAO,wCACT,EACA,MAAO,CACL,KAAM,0BACN,MAAO,2BACP,OAAQ,4BACR,QAAS,6BACT,SAAU,8BACV,OAAQ,4BACR,OAAQ,4BACR,QAAS,6BACT,QAAS,4BACX,EACA,SAAU,CACR,KAAM,WACN,MAAO,EACT,CACF,EACA,gBAAiB,CACf,OAAQ,UACR,OAAQ,OACR,MAAO,OACP,SAAU,EACZ,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,yBAAyB,GAAG;CAC9D,UAAU;EACR,QAAQ;GACN,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;EACR;EACA,QAAQ;GACN,MAAM;GACN,YAAY;GACZ,OAAO;GACP,SAAS;GACT,QAAQ;GACR,UAAU;GACV,MAAM;GACN,WAAW;GACX,OAAO;EACT;EACA,OAAO;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAS;GACT,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,SAAS;GACT,SAAS;EACX;EACA,UAAU;GACR,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,UAAU;CACZ;AACF,CAAC"}

package/dist/components/Icon/Icon.cjs

@@ -1,2 +1,2 @@
-"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;
+"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}){return process.env.NODE_ENV!==`production`&&(r.isValidElement(l)||console.error(`[nuka-ui] Icon: children must be a single React element.`)),(0,i.jsx)(`span`,{ref:e,...c===void 0?{"aria-hidden":`true`}:{role:`img`,"aria-label":c},className:t.cn(`[&>svg]:w-full [&>svg]:h-full`,n.iconVariants({size:o}),n.iconColorVariants({color:s}),a),...u,children:l})}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":["\"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"}
+{"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  return (\n    <span\n      ref={ref}\n      {...(isLabelled\n        ? { role: \"img\", \"aria-label\": label }\n        : { \"aria-hidden\": \"true\" as const })}\n      className={cn(\n        \"[&>svg]:w-full [&>svg]:h-full\",\n        iconVariants({ size }),\n        iconColorVariants({ color }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\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,CASZ,OARA,QAAA,IAAA,WAA6B,eACtB,EAAM,eAAe,CAAQ,GAChC,QAAQ,MAAM,0DAA0D,IAO1E,EAAA,EAAA,KAAC,OAAD,CACO,MACL,GALe,IAAU,IAAA,GAOrB,CAAE,cAAe,MAAgB,EADjC,CAAE,KAAM,MAAO,aAAc,CAAM,EAEvC,UAAW,EAAA,GACT,gCACA,EAAA,aAAa,CAAE,MAAK,CAAC,EACrB,EAAA,kBAAkB,CAAE,OAAM,CAAC,EAC3B,CACF,EACA,GAAI,EAEH,UACG,CAAA,CAEV,CAEA,EAAK,YAAc"}

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

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

package/dist/components/Icon/Icon.js

@@ -5,21 +5,15 @@ import * as r from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/Icon/Icon.tsx
 function a({ ref: a, className: o, size: s, color: c, label: l, children: u, ...d }) {
-	process.env.NODE_ENV !== "production" && (r.isValidElement(u) || console.error("[nuka-ui] Icon: children must be a single React element."));
-	let f = l !== void 0, p = r.isValidElement(u) ? r.cloneElement(u, {
-		"aria-hidden": "true",
-		width: "100%",
-		height: "100%"
-	}) : u;
-	return /* @__PURE__ */ i("span", {
+	return process.env.NODE_ENV !== "production" && (r.isValidElement(u) || console.error("[nuka-ui] Icon: children must be a single React element.")), /* @__PURE__ */ i("span", {
 		ref: a,
-		...f ? {
+		...l === void 0 ? { "aria-hidden": "true" } : {
 			role: "img",
 			"aria-label": l
-		} : { "aria-hidden": "true" },
-		className: e(n({ size: s }), t({ color: c }), o),
+		},
+		className: e("[&>svg]:w-full [&>svg]:h-full", n({ size: s }), t({ color: c }), o),
 		...d,
-		children: p
+		children: u
 	});
 }
 a.displayName = "Icon";

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

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

package/dist/components/Icon/Icon.variants.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`);var t=e.cva([`inline-flex`,`items-center`,`justify-center`,`shrink-0`],{variants:{size:{sm:`size-4`,md:`size-6`,lg:`size-8`,xl:`size-10`}},defaultVariants:{size:`md`}}),n=e.cva([],{variants:{color:{inherit:``,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)`}},defaultVariants:{color:`inherit`}});exports.iconColorVariants=n,exports.iconVariants=t;
+const e=require("../../node_modules/class-variance-authority/dist/index.cjs");var t=e.cva([`inline-flex`,`items-center`,`justify-center`,`shrink-0`],{variants:{size:{sm:`size-4`,md:`size-6`,lg:`size-8`,xl:`size-10`}},defaultVariants:{size:`md`}}),n=e.cva([],{variants:{color:{inherit:``,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)`}},defaultVariants:{color:`inherit`}});exports.iconColorVariants=n,exports.iconVariants=t;
 //# sourceMappingURL=Icon.variants.cjs.map