@nuka-ui/core 1.0.2 → 1.1.0

package/dist/components/FileInput/FileInput.js

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

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

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

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

@@ -0,0 +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;
+//# sourceMappingURL=FileInput.variants.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import { VariantProps } from '../../utils/variants';
+export declare const fileInputZoneVariants: (props?: ({
+    intent?: "default" | "danger" | "success" | "warning" | null | undefined;
+    isDragOver?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type FileInputVariantProps = VariantProps<typeof fileInputZoneVariants>;
+//# sourceMappingURL=FileInput.variants.d.ts.map

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

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

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

@@ -0,0 +1,105 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/FileInput/FileInput.variants.ts
+var t = e([
+	"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
+	}
+});
+//#endregion
+export { t as fileInputZoneVariants };
+
+//# sourceMappingURL=FileInput.variants.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,4 @@
+export { FileInput, fileInputZoneVariants } from './FileInput';
+export type { FileInputProps } from './FileInput';
+export type { FileInputVariantProps } from './FileInput.variants';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/FormField/FormField.cjs

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

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

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

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

@@ -0,0 +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;
+//# sourceMappingURL=FormField.context.cjs.map

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

@@ -0,0 +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"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.context.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAYD,eAAO,MAAM,gBAAgB,sCAAsC,CAAC;AAEpE,wBAAgB,YAAY,IAAI,qBAAqB,CAEpD"}
+{"version":3,"file":"FormField.context.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAYD,eAAO,MAAM,gBAAgB,sCAAsC,CAAC;AAEpE,wBAAgB,YAAY,IAAI,qBAAqB,CAEpD"}

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

@@ -0,0 +1,18 @@
+"use client";
+import * as e from "react";
+var t = e.createContext({
+	fieldId: "",
+	labelId: "",
+	errorId: "",
+	hintId: "",
+	hasError: !1,
+	required: !1,
+	disabled: !1
+});
+function n() {
+	return e.useContext(t);
+}
+//#endregion
+export { t as FormFieldContext, n as useFormField };
+
+//# sourceMappingURL=FormField.context.js.map

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

@@ -0,0 +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"}

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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,uFAoDd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,uFAoDd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/FormField/FormField.js

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

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

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

package/dist/components/Grid/Grid.cjs

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

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

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

package/dist/components/Grid/Grid.js

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

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

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

package/dist/components/Heading/Heading.cjs

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

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

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

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

@@ -1,8 +1,10 @@
+import { Responsive, HeadingSize } from '../../utils/responsive';
 import { headingVariants, HeadingVariantProps } from './Heading.variants';
 import * as React from "react";
 export type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 export interface HeadingProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, HeadingVariantProps {
     as?: HeadingElement;
+    size?: Responsive<HeadingSize>;
 }
 declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLElement>>;
 export { Heading, headingVariants };

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAInD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErE,MAAM,WAAW,YACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAChD,mBAAmB;IACrB,EAAE,CAAC,EAAE,cAAc,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,kFA4BZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAInD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErE,MAAM,WAAW,YACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAChD,mBAAmB;IACrB,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,OAAO,kFA8BZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Heading/Heading.js

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

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

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

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

@@ -0,0 +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;
+//# sourceMappingURL=Heading.variants.cjs.map

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

@@ -0,0 +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"}

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

@@ -1,6 +1,6 @@
 import { VariantProps } from '../../utils/variants';
 export declare const headingVariants: (props?: ({
-    size?: "xl" | "2xl" | "3xl" | "4xl" | null | undefined;
+    family?: "body" | "code" | "heading" | "ui" | null | undefined;
     weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
     color?: "base" | "disabled" | "danger" | "success" | "warning" | "muted" | "subtle" | "inverse" | "accent" | null | undefined;
     truncate?: boolean | null | undefined;

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;;;;;8EA4C3B,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;;;;;8EAuC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}

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

@@ -0,0 +1,43 @@
+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)"], {
+	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
+	}
+});
+//#endregion
+export { t as headingVariants };
+
+//# sourceMappingURL=Heading.variants.js.map

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

@@ -0,0 +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"}

package/dist/components/Icon/Icon.cjs

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

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

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