@nuka-ui/core 1.0.3 → 1.1.1

package/dist/components/Eyebrow/Eyebrow.js

@@ -0,0 +1,15 @@
+import { cn as e } from "../../utils/cn.js";
+import { eyebrowVariants as t } from "./Eyebrow.variants.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Eyebrow/Eyebrow.tsx
+var i = n.forwardRef(({ as: n = "p", className: i, color: a, ...o }, s) => /* @__PURE__ */ r(n, {
+	ref: s,
+	className: e(t({ color: a }), i),
+	...o
+}));
+i.displayName = "Eyebrow";
+//#endregion
+export { i as Eyebrow };
+
+//# sourceMappingURL=Eyebrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Eyebrow.js","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  eyebrowVariants,\n  type EyebrowVariantProps,\n} from \"@nuka/components/Eyebrow/Eyebrow.variants\";\n\ntype EyebrowElement = \"p\" | \"span\";\n\nexport interface EyebrowProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    EyebrowVariantProps {\n  as?: EyebrowElement;\n}\n\nconst Eyebrow = React.forwardRef<HTMLElement, EyebrowProps>(\n  ({ as: Comp = \"p\", className, color, ...props }, ref) => (\n    <Comp\n      ref={ref as React.RefObject<never>}\n      className={cn(eyebrowVariants({ color }), className)}\n      {...props}\n    />\n  ),\n);\n\nEyebrow.displayName = \"Eyebrow\";\n\nexport { Eyebrow, eyebrowVariants };\n"],"mappings":";;;;;AAgBA,IAAM,IAAU,EAAM,YACnB,EAAE,IAAI,IAAO,KAAK,cAAW,UAAO,GAAG,KAAS,MAC/C,kBAAC,GAAD;CACO;CACL,WAAW,EAAG,EAAgB,EAAE,UAAO,CAAC,EAAE,EAAU;CACpD,GAAI;CACJ,CAAA,CAEL;AAED,EAAQ,cAAc"}

package/dist/components/Eyebrow/Eyebrow.variants.cjs

@@ -0,0 +1,2 @@
+var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`text-[length:var(--font-size-xs)]`,`font-[number:var(--font-weight-semibold)]`,`tracking-widest`,`uppercase`,`[font-family:var(--nuka-font-ui)]`],{variants:{color:{base:`text-(--nuka-text-base)`,muted:`text-(--nuka-text-muted)`,accent:`text-(--nuka-accent-text)`}},defaultVariants:{color:`muted`}});exports.eyebrowVariants=e;
+//# sourceMappingURL=Eyebrow.variants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Eyebrow.variants.cjs","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const eyebrowVariants = cva(\n  [\n    \"text-[length:var(--font-size-xs)]\",\n    \"font-[number:var(--font-weight-semibold)]\",\n    \"tracking-widest\",\n    \"uppercase\",\n    \"[font-family:var(--nuka-font-ui)]\",\n  ],\n  {\n    variants: {\n      color: {\n        base: \"text-(--nuka-text-base)\",\n        muted: \"text-(--nuka-text-muted)\",\n        accent: \"text-(--nuka-accent-text)\",\n      },\n    },\n    defaultVariants: {\n      color: \"muted\",\n    },\n  },\n);\n\nexport type EyebrowVariantProps = VariantProps<typeof eyebrowVariants>;\n"],"mappings":"AAEA,IAAa,wEAAkB,IAC7B,CACE,oCACA,4CACA,kBACA,YACA,oCACD,CACD,CACE,SAAU,CACR,MAAO,CACL,KAAM,0BACN,MAAO,2BACP,OAAQ,4BACT,CACF,CACD,gBAAiB,CACf,MAAO,QACR,CACF,CACF"}

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

@@ -0,0 +1,6 @@
+import { VariantProps } from '../../utils/variants';
+export declare const eyebrowVariants: (props?: ({
+    color?: "base" | "muted" | "accent" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type EyebrowVariantProps = VariantProps<typeof eyebrowVariants>;
+//# sourceMappingURL=Eyebrow.variants.d.ts.map

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

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

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

@@ -0,0 +1,20 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Eyebrow/Eyebrow.variants.ts
+var t = e([
+	"text-[length:var(--font-size-xs)]",
+	"font-[number:var(--font-weight-semibold)]",
+	"tracking-widest",
+	"uppercase",
+	"[font-family:var(--nuka-font-ui)]"
+], {
+	variants: { color: {
+		base: "text-(--nuka-text-base)",
+		muted: "text-(--nuka-text-muted)",
+		accent: "text-(--nuka-accent-text)"
+	} },
+	defaultVariants: { color: "muted" }
+});
+//#endregion
+export { t as eyebrowVariants };
+
+//# sourceMappingURL=Eyebrow.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Eyebrow.variants.js","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const eyebrowVariants = cva(\n  [\n    \"text-[length:var(--font-size-xs)]\",\n    \"font-[number:var(--font-weight-semibold)]\",\n    \"tracking-widest\",\n    \"uppercase\",\n    \"[font-family:var(--nuka-font-ui)]\",\n  ],\n  {\n    variants: {\n      color: {\n        base: \"text-(--nuka-text-base)\",\n        muted: \"text-(--nuka-text-muted)\",\n        accent: \"text-(--nuka-accent-text)\",\n      },\n    },\n    defaultVariants: {\n      color: \"muted\",\n    },\n  },\n);\n\nexport type EyebrowVariantProps = VariantProps<typeof eyebrowVariants>;\n"],"mappings":";;AAEA,IAAa,IAAkB,EAC7B;CACE;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,OAAO;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACT,EACF;CACD,iBAAiB,EACf,OAAO,SACR;CACF,CACF"}

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

@@ -0,0 +1,4 @@
+export { Eyebrow, eyebrowVariants } from './Eyebrow';
+export type { EyebrowProps } from './Eyebrow';
+export type { EyebrowVariantProps } from './Eyebrow.variants';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Eyebrow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/FileInput/FileInput.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.cjs","names":[],"sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { VisuallyHidden } from \"@nuka/components/VisuallyHidden\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  fileInputZoneVariants,\n  type FileInputVariantProps,\n} from \"@nuka/components/FileInput/FileInput.variants\";\n\nexport interface FileInputProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"type\" | \"size\" | \"value\"\n    >,\n    Omit<FileInputVariantProps, \"isDragOver\"> {\n  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":"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"}

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

@@ -0,0 +1,11 @@
+import { fileInputZoneVariants, FileInputVariantProps } from './FileInput.variants';
+import * as React from "react";
+export interface FileInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "value">, Omit<FileInputVariantProps, "isDragOver"> {
+    onFilesChange?: (files: File[]) => void;
+    maxFiles?: number;
+    dragLabel?: string;
+    browseLabel?: string;
+}
+declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;
+export { FileInput, fileInputZoneVariants };
+//# sourceMappingURL=FileInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/FileInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EACL,qBAAqB,EACrB,KAAK,qBAAqB,EAC3B,MAAM,+CAA+C,CAAC;AAEvD,MAAM,WAAW,cACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,OAAO,CAC1B,EACD,IAAI,CAAC,qBAAqB,EAAE,YAAY,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAQD,QAAA,MAAM,SAAS,yFA2Id,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC"}

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

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