tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/FileUpload/FileUpload.js

@@ -1,127 +1,129 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { useState as $, useRef as W } from "react";
-import { cn as D } from "../../utils/cn.js";
-import n from "./FileUpload.module.css.js";
-function j(r) {
-  return r < 1024 ? `${r} B` : r < 1024 * 1024 ? `${(r / 1024).toFixed(1)} KB` : `${(r / 1024 / 1024).toFixed(1)} MB`;
+import { cn as e } from "../../utils/cn.js";
+import t from "./FileUpload.module.js";
+import { useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/FileUpload/FileUpload.tsx
+function o(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1024 / 1024).toFixed(1)} MB`;
 }
-function z(r, s) {
-  if (!s) return !0;
-  const f = s.split(",").map((i) => i.trim().toLowerCase()), u = r.name.toLowerCase(), c = r.type.toLowerCase();
-  return f.some((i) => i.startsWith(".") ? u.endsWith(i) : i.endsWith("/*") ? c.startsWith(i.replace("/*", "/")) : c === i);
+function s(e, t) {
+	if (!t) return !0;
+	let n = t.split(",").map((e) => e.trim().toLowerCase()), r = e.name.toLowerCase(), i = e.type.toLowerCase();
+	return n.some((e) => e.startsWith(".") ? r.endsWith(e) : e.endsWith("/*") ? i.startsWith(e.replace("/*", "/")) : i === e);
 }
-function R({
-  value: r,
-  onChange: s,
-  label: f,
-  accept: u,
-  multiple: c = !1,
-  maxSize: i,
-  onReject: N,
-  disabled: o,
-  title: k = "Arraste arquivos aqui ou clique para selecionar",
-  subtitle: g,
-  className: w
-}) {
-  const [x, m] = $(!1), h = W(null);
-  function v(e) {
-    const a = [], d = [];
-    for (const l of Array.from(e)) {
-      if (!z(l, u)) {
-        d.push({ file: l, reason: "type" });
-        continue;
-      }
-      if (i && l.size > i) {
-        d.push({ file: l, reason: "size" });
-        continue;
-      }
-      a.push(l);
-    }
-    if (d.length > 0 && N?.(d), a.length === 0) return;
-    const L = c ? [...r, ...a] : a.slice(0, 1);
-    s(L);
-  }
-  function y(e) {
-    e.preventDefault(), m(!1), !o && e.dataTransfer?.files && v(e.dataTransfer.files);
-  }
-  function C(e) {
-    const a = r.slice();
-    a.splice(e, 1), s(a);
-  }
-  return /* @__PURE__ */ p("div", { className: D(n.wrapper, w), children: [
-    f && /* @__PURE__ */ t("label", { className: n.label, children: f }),
-    /* @__PURE__ */ p(
-      "div",
-      {
-        className: D(
-          n.dropzone,
-          x && n.active,
-          o && n.disabled
-        ),
-        role: "button",
-        tabIndex: o ? -1 : 0,
-        onClick: () => !o && h.current?.click(),
-        onKeyDown: (e) => {
-          (e.key === "Enter" || e.key === " ") && (e.preventDefault(), h.current?.click());
-        },
-        onDragEnter: (e) => {
-          e.preventDefault(), o || m(!0);
-        },
-        onDragOver: (e) => e.preventDefault(),
-        onDragLeave: () => m(!1),
-        onDrop: y,
-        children: [
-          /* @__PURE__ */ t("div", { className: n.icon, "aria-hidden": !0, children: /* @__PURE__ */ t(B, {}) }),
-          /* @__PURE__ */ t("p", { className: n.title, children: k }),
-          g && /* @__PURE__ */ t("p", { className: n.subtitle, children: g }),
-          /* @__PURE__ */ t(
-            "input",
-            {
-              ref: h,
-              type: "file",
-              accept: u,
-              multiple: c,
-              disabled: o,
-              className: n.hidden,
-              onChange: (e) => {
-                e.target.files && v(e.target.files), e.target.value = "";
-              }
-            }
-          )
-        ]
-      }
-    ),
-    r.length > 0 && /* @__PURE__ */ t("ul", { className: n.files, children: r.map((e, a) => /* @__PURE__ */ p("li", { className: n.file, children: [
-      /* @__PURE__ */ p("div", { children: [
-        /* @__PURE__ */ t("div", { children: e.name }),
-        /* @__PURE__ */ t("div", { className: n.fileMeta, children: j(e.size) })
-      ] }),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          "aria-label": `Remover ${e.name}`,
-          className: n.remove,
-          onClick: () => C(a),
-          children: "×"
-        }
-      )
-    ] }, `${e.name}-${a}`)) })
-  ] });
+function c({ value: c, onChange: u, label: d, accept: f, multiple: p = !1, maxSize: m, onReject: h, disabled: g, title: _ = "Arraste arquivos aqui ou clique para selecionar", subtitle: v, className: y }) {
+	let [b, x] = r(!1), S = n(null);
+	function C(e) {
+		let t = [], n = [];
+		for (let r of Array.from(e)) {
+			if (!s(r, f)) {
+				n.push({
+					file: r,
+					reason: "type"
+				});
+				continue;
+			}
+			if (m && r.size > m) {
+				n.push({
+					file: r,
+					reason: "size"
+				});
+				continue;
+			}
+			t.push(r);
+		}
+		n.length > 0 && h?.(n), t.length !== 0 && u(p ? [...c, ...t] : t.slice(0, 1));
+	}
+	function w(e) {
+		e.preventDefault(), x(!1), !g && e.dataTransfer?.files && C(e.dataTransfer.files);
+	}
+	function T(e) {
+		let t = c.slice();
+		t.splice(e, 1), u(t);
+	}
+	return /* @__PURE__ */ a("div", {
+		className: e(t.wrapper, y),
+		children: [
+			d && /* @__PURE__ */ i("label", {
+				className: t.label,
+				children: d
+			}),
+			/* @__PURE__ */ a("div", {
+				className: e(t.dropzone, b && t.active, g && t.disabled),
+				role: "button",
+				tabIndex: g ? -1 : 0,
+				onClick: () => !g && S.current?.click(),
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), S.current?.click());
+				},
+				onDragEnter: (e) => {
+					e.preventDefault(), g || x(!0);
+				},
+				onDragOver: (e) => e.preventDefault(),
+				onDragLeave: () => x(!1),
+				onDrop: w,
+				children: [
+					/* @__PURE__ */ i("div", {
+						className: t.icon,
+						"aria-hidden": !0,
+						children: /* @__PURE__ */ i(l, {})
+					}),
+					/* @__PURE__ */ i("p", {
+						className: t.title,
+						children: _
+					}),
+					v && /* @__PURE__ */ i("p", {
+						className: t.subtitle,
+						children: v
+					}),
+					/* @__PURE__ */ i("input", {
+						ref: S,
+						type: "file",
+						accept: f,
+						multiple: p,
+						disabled: g,
+						className: t.hidden,
+						onChange: (e) => {
+							e.target.files && C(e.target.files), e.target.value = "";
+						}
+					})
+				]
+			}),
+			c.length > 0 && /* @__PURE__ */ i("ul", {
+				className: t.files,
+				children: c.map((e, n) => /* @__PURE__ */ a("li", {
+					className: t.file,
+					children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("div", { children: e.name }), /* @__PURE__ */ i("div", {
+						className: t.fileMeta,
+						children: o(e.size)
+					})] }), /* @__PURE__ */ i("button", {
+						type: "button",
+						"aria-label": `Remover ${e.name}`,
+						className: t.remove,
+						onClick: () => T(n),
+						children: "×"
+					})]
+				}, `${e.name}-${n}`))
+			})
+		]
+	});
 }
-function B() {
-  return /* @__PURE__ */ t("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ t(
-    "path",
-    {
-      d: "M12 16V4m0 0l-4 4m4-4l4 4M4 20h16",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
+function l() {
+	return /* @__PURE__ */ i("svg", {
+		width: "32",
+		height: "32",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ i("path", {
+			d: "M12 16V4m0 0l-4 4m4-4l4 4M4 20h16",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
 }
-export {
-  R as FileUpload
-};
-//# sourceMappingURL=FileUpload.js.map
+//#endregion
+export { c as FileUpload };
+
+//# sourceMappingURL=FileUpload.js.map

package/dist/components/FileUpload/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FileUpload.module.css\";\n\nexport interface FileUploadProps {\n    /** Files currently in the dropzone (controlled). */\n    value: File[];\n    /** Called with the new list when the user adds or removes a file. */\n    onChange: (files: File[]) => void;\n    label?: string;\n    /** Accept attribute forwarded to `<input>`. */\n    accept?: string;\n    /** Allow multiple files. Default: false. */\n    multiple?: boolean;\n    /** Max file size in bytes. Files above are rejected via `onReject`. */\n    maxSize?: number;\n    /** Called with rejected files when they exceed `maxSize` or fail the `accept` filter. */\n    onReject?: (rejected: { file: File; reason: \"size\" | \"type\" }[]) => void;\n    disabled?: boolean;\n    /** Title shown on the empty dropzone. */\n    title?: string;\n    /** Helper line below the title. */\n    subtitle?: string;\n    className?: string;\n}\n\nfunction formatSize(bytes: number): string {\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nfunction matchesAccept(file: File, accept?: string): boolean {\n    if (!accept) return true;\n    const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\n    const name = file.name.toLowerCase();\n    const type = file.type.toLowerCase();\n    return tokens.some((token) => {\n        if (token.startsWith(\".\")) return name.endsWith(token);\n        if (token.endsWith(\"/*\")) return type.startsWith(token.replace(\"/*\", \"/\"));\n        return type === token;\n    });\n}\n\n/**\n * Drag-and-drop file dropzone. Pair with `uploadWithProgress` from the SDK\n * to wire actual uploads with byte-level progress.\n */\nexport function FileUpload({\n    value,\n    onChange,\n    label,\n    accept,\n    multiple = false,\n    maxSize,\n    onReject,\n    disabled,\n    title = \"Arraste arquivos aqui ou clique para selecionar\",\n    subtitle,\n    className,\n}: FileUploadProps) {\n    const [dragging, setDragging] = useState<boolean>(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    function addFiles(incoming: FileList | File[]): void {\n        const accepted: File[] = [];\n        const rejected: { file: File; reason: \"size\" | \"type\" }[] = [];\n\n        for (const file of Array.from(incoming)) {\n            if (!matchesAccept(file, accept)) {\n                rejected.push({ file, reason: \"type\" });\n                continue;\n            }\n            if (maxSize && file.size > maxSize) {\n                rejected.push({ file, reason: \"size\" });\n                continue;\n            }\n            accepted.push(file);\n        }\n\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length === 0) return;\n\n        const next = multiple ? [...value, ...accepted] : accepted.slice(0, 1);\n        onChange(next);\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>): void {\n        event.preventDefault();\n        setDragging(false);\n        if (disabled) return;\n        if (event.dataTransfer?.files) addFiles(event.dataTransfer.files);\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div\n                className={cn(\n                    styles.dropzone,\n                    dragging && styles.active,\n                    disabled && styles.disabled,\n                )}\n                role=\"button\"\n                tabIndex={disabled ? -1 : 0}\n                onClick={() => !disabled && inputRef.current?.click()}\n                onKeyDown={(event) => {\n                    if (event.key === \"Enter\" || event.key === \" \") {\n                        event.preventDefault();\n                        inputRef.current?.click();\n                    }\n                }}\n                onDragEnter={(event) => {\n                    event.preventDefault();\n                    if (!disabled) setDragging(true);\n                }}\n                onDragOver={(event) => event.preventDefault()}\n                onDragLeave={() => setDragging(false)}\n                onDrop={handleDrop}\n            >\n                <div className={styles.icon} aria-hidden>\n                    <UploadIcon />\n                </div>\n                <p className={styles.title}>{title}</p>\n                {subtitle && <p className={styles.subtitle}>{subtitle}</p>}\n                <input\n                    ref={inputRef}\n                    type=\"file\"\n                    accept={accept}\n                    multiple={multiple}\n                    disabled={disabled}\n                    className={styles.hidden}\n                    onChange={(event) => {\n                        if (event.target.files) addFiles(event.target.files);\n                        event.target.value = \"\";\n                    }}\n                />\n            </div>\n\n            {value.length > 0 && (\n                <ul className={styles.files}>\n                    {value.map((file, index) => (\n                        <li key={`${file.name}-${index}`} className={styles.file}>\n                            <div>\n                                <div>{file.name}</div>\n                                <div className={styles.fileMeta}>{formatSize(file.size)}</div>\n                            </div>\n                            <button\n                                type=\"button\"\n                                aria-label={`Remover ${file.name}`}\n                                className={styles.remove}\n                                onClick={() => remove(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </div>\n    );\n}\n\nfunction UploadIcon() {\n    return (\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 16V4m0 0l-4 4m4-4l4 4M4 20h16\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["formatSize","bytes","matchesAccept","file","accept","tokens","t","name","type","token","FileUpload","value","onChange","label","multiple","maxSize","onReject","disabled","title","subtitle","className","dragging","setDragging","useState","inputRef","useRef","addFiles","incoming","accepted","rejected","next","handleDrop","event","remove","index","cn","styles","jsx","jsxs","UploadIcon"],"mappings":"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"}
+{"version":3,"file":"FileUpload.js","names":[],"sources":["../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FileUpload.module.css\";\n\nexport interface FileUploadProps {\n    /** Files currently in the dropzone (controlled). */\n    value: File[];\n    /** Called with the new list when the user adds or removes a file. */\n    onChange: (files: File[]) => void;\n    label?: string;\n    /** Accept attribute forwarded to `<input>`. */\n    accept?: string;\n    /** Allow multiple files. Default: false. */\n    multiple?: boolean;\n    /** Max file size in bytes. Files above are rejected via `onReject`. */\n    maxSize?: number;\n    /** Called with rejected files when they exceed `maxSize` or fail the `accept` filter. */\n    onReject?: (rejected: { file: File; reason: \"size\" | \"type\" }[]) => void;\n    disabled?: boolean;\n    /** Title shown on the empty dropzone. */\n    title?: string;\n    /** Helper line below the title. */\n    subtitle?: string;\n    className?: string;\n}\n\nfunction formatSize(bytes: number): string {\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nfunction matchesAccept(file: File, accept?: string): boolean {\n    if (!accept) return true;\n    const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\n    const name = file.name.toLowerCase();\n    const type = file.type.toLowerCase();\n    return tokens.some((token) => {\n        if (token.startsWith(\".\")) return name.endsWith(token);\n        if (token.endsWith(\"/*\")) return type.startsWith(token.replace(\"/*\", \"/\"));\n        return type === token;\n    });\n}\n\n/**\n * Drag-and-drop file dropzone. Pair with `uploadWithProgress` from the SDK\n * to wire actual uploads with byte-level progress.\n */\nexport function FileUpload({\n    value,\n    onChange,\n    label,\n    accept,\n    multiple = false,\n    maxSize,\n    onReject,\n    disabled,\n    title = \"Arraste arquivos aqui ou clique para selecionar\",\n    subtitle,\n    className,\n}: FileUploadProps) {\n    const [dragging, setDragging] = useState<boolean>(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    function addFiles(incoming: FileList | File[]): void {\n        const accepted: File[] = [];\n        const rejected: { file: File; reason: \"size\" | \"type\" }[] = [];\n\n        for (const file of Array.from(incoming)) {\n            if (!matchesAccept(file, accept)) {\n                rejected.push({ file, reason: \"type\" });\n                continue;\n            }\n            if (maxSize && file.size > maxSize) {\n                rejected.push({ file, reason: \"size\" });\n                continue;\n            }\n            accepted.push(file);\n        }\n\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length === 0) return;\n\n        const next = multiple ? [...value, ...accepted] : accepted.slice(0, 1);\n        onChange(next);\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>): void {\n        event.preventDefault();\n        setDragging(false);\n        if (disabled) return;\n        if (event.dataTransfer?.files) addFiles(event.dataTransfer.files);\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div\n                className={cn(\n                    styles.dropzone,\n                    dragging && styles.active,\n                    disabled && styles.disabled,\n                )}\n                role=\"button\"\n                tabIndex={disabled ? -1 : 0}\n                onClick={() => !disabled && inputRef.current?.click()}\n                onKeyDown={(event) => {\n                    if (event.key === \"Enter\" || event.key === \" \") {\n                        event.preventDefault();\n                        inputRef.current?.click();\n                    }\n                }}\n                onDragEnter={(event) => {\n                    event.preventDefault();\n                    if (!disabled) setDragging(true);\n                }}\n                onDragOver={(event) => event.preventDefault()}\n                onDragLeave={() => setDragging(false)}\n                onDrop={handleDrop}\n            >\n                <div className={styles.icon} aria-hidden>\n                    <UploadIcon />\n                </div>\n                <p className={styles.title}>{title}</p>\n                {subtitle && <p className={styles.subtitle}>{subtitle}</p>}\n                <input\n                    ref={inputRef}\n                    type=\"file\"\n                    accept={accept}\n                    multiple={multiple}\n                    disabled={disabled}\n                    className={styles.hidden}\n                    onChange={(event) => {\n                        if (event.target.files) addFiles(event.target.files);\n                        event.target.value = \"\";\n                    }}\n                />\n            </div>\n\n            {value.length > 0 && (\n                <ul className={styles.files}>\n                    {value.map((file, index) => (\n                        <li key={`${file.name}-${index}`} className={styles.file}>\n                            <div>\n                                <div>{file.name}</div>\n                                <div className={styles.fileMeta}>{formatSize(file.size)}</div>\n                            </div>\n                            <button\n                                type=\"button\"\n                                aria-label={`Remover ${file.name}`}\n                                className={styles.remove}\n                                onClick={() => remove(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </div>\n    );\n}\n\nfunction UploadIcon() {\n    return (\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 16V4m0 0l-4 4m4-4l4 4M4 20h16\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"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"}

package/dist/components/FileUpload/FileUpload.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_E0qHs`,t=`tempest_label_lbMkx`,n=`tempest_dropzone_jqua0`,r=`tempest_active_CG9Uk`,i=`tempest_disabled_WNUUl`,a=`tempest_icon_i9fGH`,o=`tempest_title_bTVFl`,s=`tempest_subtitle_S54OV`,c=`tempest_files_WljYm`,l=`tempest_file_Lp-dR`,u=`tempest_fileMeta_LTnN2`,d=`tempest_remove_jskra`,f=`tempest_hidden_ReEq6`,p={wrapper:e,label:t,dropzone:n,active:r,disabled:i,icon:a,title:o,subtitle:s,files:c,file:l,fileMeta:u,remove:d,hidden:f};exports.active=r,exports.default=p,exports.disabled=i,exports.dropzone=n,exports.file=l,exports.fileMeta=u,exports.files=c,exports.hidden=f,exports.icon=a,exports.label=t,exports.remove=d,exports.subtitle=s,exports.title=o,exports.wrapper=e;
+//# sourceMappingURL=FileUpload.module.cjs.map

package/dist/components/FileUpload/FileUpload.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.module.cjs","names":[],"sources":["../../../src/components/FileUpload/FileUpload.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.dropzone {\n    border: 2px dashed var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    padding: var(--tempest-space-6) var(--tempest-space-5);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .dropzone:hover {\n        border-color: var(--tempest-primary);\n    }\n}\n\n.dropzone.active {\n    border-color: var(--tempest-primary-on-soft);\n    background-color: var(--tempest-primary-soft);\n}\n\n.dropzone.disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.icon {\n    color: var(--tempest-text-muted);\n    margin-bottom: var(--tempest-space-2);\n}\n\n.title {\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    margin: 0;\n    line-height: var(--tempest-leading-snug);\n}\n\n.subtitle {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    margin: var(--tempest-space-1) 0 0;\n    line-height: var(--tempest-leading-snug);\n}\n\n/* Mobile — replace dashed drop hint with simpler tap-to-upload text. */\n@media (max-width: 767.98px) {\n    .dropzone {\n        padding: var(--tempest-space-5) var(--tempest-space-4);\n    }\n    .icon {\n        margin-bottom: var(--tempest-space-1);\n    }\n}\n\n.files {\n    margin-top: var(--tempest-space-3);\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.file {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    font-size: var(--tempest-text-sm);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.fileMeta {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n}\n\n.remove {\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .remove:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-danger);\n    }\n}\n\n.hidden {\n    display: none;\n}\n"],"mappings":""}

package/dist/components/FileUpload/FileUpload.module.js

@@ -0,0 +1,20 @@
+//#region src/components/FileUpload/FileUpload.module.css
+var e = "tempest_wrapper_E0qHs", t = "tempest_label_lbMkx", n = "tempest_dropzone_jqua0", r = "tempest_active_CG9Uk", i = "tempest_disabled_WNUUl", a = "tempest_icon_i9fGH", o = "tempest_title_bTVFl", s = "tempest_subtitle_S54OV", c = "tempest_files_WljYm", l = "tempest_file_Lp-dR", u = "tempest_fileMeta_LTnN2", d = "tempest_remove_jskra", f = "tempest_hidden_ReEq6", p = {
+	wrapper: e,
+	label: t,
+	dropzone: n,
+	active: r,
+	disabled: i,
+	icon: a,
+	title: o,
+	subtitle: s,
+	files: c,
+	file: l,
+	fileMeta: u,
+	remove: d,
+	hidden: f
+};
+//#endregion
+export { r as active, p as default, i as disabled, n as dropzone, l as file, u as fileMeta, c as files, f as hidden, a as icon, t as label, d as remove, s as subtitle, o as title, e as wrapper };
+
+//# sourceMappingURL=FileUpload.module.js.map

package/dist/components/FileUpload/FileUpload.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.module.js","names":[],"sources":["../../../src/components/FileUpload/FileUpload.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.dropzone {\n    border: 2px dashed var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    padding: var(--tempest-space-6) var(--tempest-space-5);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .dropzone:hover {\n        border-color: var(--tempest-primary);\n    }\n}\n\n.dropzone.active {\n    border-color: var(--tempest-primary-on-soft);\n    background-color: var(--tempest-primary-soft);\n}\n\n.dropzone.disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.icon {\n    color: var(--tempest-text-muted);\n    margin-bottom: var(--tempest-space-2);\n}\n\n.title {\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    margin: 0;\n    line-height: var(--tempest-leading-snug);\n}\n\n.subtitle {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    margin: var(--tempest-space-1) 0 0;\n    line-height: var(--tempest-leading-snug);\n}\n\n/* Mobile — replace dashed drop hint with simpler tap-to-upload text. */\n@media (max-width: 767.98px) {\n    .dropzone {\n        padding: var(--tempest-space-5) var(--tempest-space-4);\n    }\n    .icon {\n        margin-bottom: var(--tempest-space-1);\n    }\n}\n\n.files {\n    margin-top: var(--tempest-space-3);\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.file {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    font-size: var(--tempest-text-sm);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.fileMeta {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n}\n\n.remove {\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .remove:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-danger);\n    }\n}\n\n.hidden {\n    display: none;\n}\n"],"mappings":""}

package/dist/components/FloatingActionButton/FloatingActionButton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("../../utils/cn.cjs"),t=require("./FloatingActionButton.module.css.cjs");function s({icon:a,label:o,position:e="bottom-right",size:d="md",variant:l="primary",className:i,...r}){const u=o!==void 0;return n.jsxs("button",{type:"button",className:c.cn(t.default.fab,t.default[d],t.default[l],u?t.default.extended:t.default.round,e!=="none"&&t.default.fixed,e==="bottom-right"&&t.default.bottomRight,e==="bottom-left"&&t.default.bottomLeft,i),...r,children:[n.jsx("span",{className:t.default.icon,children:a}),u&&n.jsx("span",{className:t.default.label,children:o})]})}exports.FloatingActionButton=s;
-//# sourceMappingURL=FloatingActionButton.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./FloatingActionButton.module.cjs");let n=require("react/jsx-runtime");function r({icon:r,label:i,position:a=`bottom-right`,size:o=`md`,variant:s=`primary`,className:c,...l}){let u=i!==void 0;return(0,n.jsxs)(`button`,{type:`button`,className:e.cn(t.default.fab,t.default[o],t.default[s],u?t.default.extended:t.default.round,a!==`none`&&t.default.fixed,a===`bottom-right`&&t.default.bottomRight,a===`bottom-left`&&t.default.bottomLeft,c),...l,children:[(0,n.jsx)(`span`,{className:t.default.icon,children:r}),u&&(0,n.jsx)(`span`,{className:t.default.label,children:i})]})}exports.FloatingActionButton=r;
+//# sourceMappingURL=FloatingActionButton.cjs.map

package/dist/components/FloatingActionButton/FloatingActionButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButton.cjs","sources":["../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FloatingActionButton.module.css\";\n\nexport type FloatingActionButtonPosition = \"bottom-right\" | \"bottom-left\" | \"none\";\nexport type FloatingActionButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type FloatingActionButtonVariant = \"primary\" | \"surface\";\n\nexport interface FloatingActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Icon rendered inside the FAB. Required. */\n    icon: ReactNode;\n    /** When present, renders an extended (pill) FAB with icon + label. */\n    label?: ReactNode;\n    /** Corner placement, or `\"none\"` for static/inline. Default `\"bottom-right\"`. */\n    position?: FloatingActionButtonPosition;\n    /** Size token. Default `\"md\"`. */\n    size?: FloatingActionButtonSize;\n    /** Visual style. Default `\"primary\"`. */\n    variant?: FloatingActionButtonVariant;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * Material Floating Action Button. Renders a round FAB when only an `icon` is\n * given, or an extended pill FAB when a `label` is also provided. By default it\n * is fixed to the bottom-right corner; set `position=\"none\"` to place it inline.\n *\n * Spreads all native `<button>` props (`onClick`, `disabled`, etc.).\n *\n * @remarks\n * Always pass an `aria-label` when there is no `label`, since an icon-only FAB\n * has no accessible name otherwise.\n *\n * @example\n * <FloatingActionButton icon={<Plus />} aria-label=\"Adicionar\" onClick={create} />\n *\n * @example\n * <FloatingActionButton icon={<Plus />} label=\"Novo\" onClick={create} />\n */\nexport function FloatingActionButton({\n    icon,\n    label,\n    position = \"bottom-right\",\n    size = \"md\",\n    variant = \"primary\",\n    className,\n    ...props\n}: FloatingActionButtonProps) {\n    const extended = label !== undefined;\n    return (\n        <button\n            type=\"button\"\n            className={cn(\n                styles.fab,\n                styles[size],\n                styles[variant],\n                extended ? styles.extended : styles.round,\n                position !== \"none\" && styles.fixed,\n                position === \"bottom-right\" && styles.bottomRight,\n                position === \"bottom-left\" && styles.bottomLeft,\n                className,\n            )}\n            {...props}\n        >\n            <span className={styles.icon}>{icon}</span>\n            {extended && <span className={styles.label}>{label}</span>}\n        </button>\n    );\n}\n"],"names":["FloatingActionButton","icon","label","position","size","variant","className","props","extended","jsxs","cn","styles","jsx"],"mappings":"wMAwCO,SAASA,EAAqB,CACjC,KAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,eACX,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,UAAAC,EACA,GAAGC,CACP,EAA8B,CAC1B,MAAMC,EAAWN,IAAU,OAC3B,OACIO,EAAAA,KAAC,SAAA,CACG,KAAK,SACL,UAAWC,EAAAA,GACPC,EAAAA,QAAO,IACPA,EAAAA,QAAOP,CAAI,EACXO,EAAAA,QAAON,CAAO,EACdG,EAAWG,EAAAA,QAAO,SAAWA,EAAAA,QAAO,MACpCR,IAAa,QAAUQ,EAAAA,QAAO,MAC9BR,IAAa,gBAAkBQ,EAAAA,QAAO,YACtCR,IAAa,eAAiBQ,EAAAA,QAAO,WACrCL,CAAA,EAEH,GAAGC,EAEJ,SAAA,CAAAK,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,KAAO,SAAAV,EAAK,EACnCO,GAAYI,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,MAAQ,SAAAT,CAAA,CAAM,CAAA,CAAA,CAAA,CAG/D"}
+{"version":3,"file":"FloatingActionButton.cjs","names":[],"sources":["../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FloatingActionButton.module.css\";\n\nexport type FloatingActionButtonPosition = \"bottom-right\" | \"bottom-left\" | \"none\";\nexport type FloatingActionButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type FloatingActionButtonVariant = \"primary\" | \"surface\";\n\nexport interface FloatingActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Icon rendered inside the FAB. Required. */\n    icon: ReactNode;\n    /** When present, renders an extended (pill) FAB with icon + label. */\n    label?: ReactNode;\n    /** Corner placement, or `\"none\"` for static/inline. Default `\"bottom-right\"`. */\n    position?: FloatingActionButtonPosition;\n    /** Size token. Default `\"md\"`. */\n    size?: FloatingActionButtonSize;\n    /** Visual style. Default `\"primary\"`. */\n    variant?: FloatingActionButtonVariant;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * Material Floating Action Button. Renders a round FAB when only an `icon` is\n * given, or an extended pill FAB when a `label` is also provided. By default it\n * is fixed to the bottom-right corner; set `position=\"none\"` to place it inline.\n *\n * Spreads all native `<button>` props (`onClick`, `disabled`, etc.).\n *\n * @remarks\n * Always pass an `aria-label` when there is no `label`, since an icon-only FAB\n * has no accessible name otherwise.\n *\n * @example\n * <FloatingActionButton icon={<Plus />} aria-label=\"Adicionar\" onClick={create} />\n *\n * @example\n * <FloatingActionButton icon={<Plus />} label=\"Novo\" onClick={create} />\n */\nexport function FloatingActionButton({\n    icon,\n    label,\n    position = \"bottom-right\",\n    size = \"md\",\n    variant = \"primary\",\n    className,\n    ...props\n}: FloatingActionButtonProps) {\n    const extended = label !== undefined;\n    return (\n        <button\n            type=\"button\"\n            className={cn(\n                styles.fab,\n                styles[size],\n                styles[variant],\n                extended ? styles.extended : styles.round,\n                position !== \"none\" && styles.fixed,\n                position === \"bottom-right\" && styles.bottomRight,\n                position === \"bottom-left\" && styles.bottomLeft,\n                className,\n            )}\n            {...props}\n        >\n            <span className={styles.icon}>{icon}</span>\n            {extended && <span className={styles.label}>{label}</span>}\n        </button>\n    );\n}\n"],"mappings":"wHAwCA,SAAgB,EAAqB,CACjC,OACA,QACA,WAAW,eACX,OAAO,KACP,UAAU,UACV,YACA,GAAG,GACuB,CAC1B,IAAM,EAAW,IAAU,IAAA,GAC3B,OACI,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GACP,EAAA,QAAO,IACP,EAAA,QAAO,GACP,EAAA,QAAO,GACP,EAAW,EAAA,QAAO,SAAW,EAAA,QAAO,MACpC,IAAa,QAAU,EAAA,QAAO,MAC9B,IAAa,gBAAkB,EAAA,QAAO,YACtC,IAAa,eAAiB,EAAA,QAAO,WACrC,CACJ,EACA,GAAI,WAZR,EAcI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,CAAW,CAAA,EACzC,IAAY,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,CACrD,GAEhB"}

package/dist/components/FloatingActionButton/FloatingActionButton.js

@@ -1,39 +1,23 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { cn as l } from "../../utils/cn.js";
-import t from "./FloatingActionButton.module.css.js";
-function p({
-  icon: m,
-  label: e,
-  position: o = "bottom-right",
-  size: i = "md",
-  variant: s = "primary",
-  className: a,
-  ...c
-}) {
-  const n = e !== void 0;
-  return /* @__PURE__ */ d(
-    "button",
-    {
-      type: "button",
-      className: l(
-        t.fab,
-        t[i],
-        t[s],
-        n ? t.extended : t.round,
-        o !== "none" && t.fixed,
-        o === "bottom-right" && t.bottomRight,
-        o === "bottom-left" && t.bottomLeft,
-        a
-      ),
-      ...c,
-      children: [
-        /* @__PURE__ */ r("span", { className: t.icon, children: m }),
-        n && /* @__PURE__ */ r("span", { className: t.label, children: e })
-      ]
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./FloatingActionButton.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/FloatingActionButton/FloatingActionButton.tsx
+function i({ icon: i, label: a, position: o = "bottom-right", size: s = "md", variant: c = "primary", className: l, ...u }) {
+	let d = a !== void 0;
+	return /* @__PURE__ */ r("button", {
+		type: "button",
+		className: e(t.fab, t[s], t[c], d ? t.extended : t.round, o !== "none" && t.fixed, o === "bottom-right" && t.bottomRight, o === "bottom-left" && t.bottomLeft, l),
+		...u,
+		children: [/* @__PURE__ */ n("span", {
+			className: t.icon,
+			children: i
+		}), d && /* @__PURE__ */ n("span", {
+			className: t.label,
+			children: a
+		})]
+	});
 }
-export {
-  p as FloatingActionButton
-};
-//# sourceMappingURL=FloatingActionButton.js.map
+//#endregion
+export { i as FloatingActionButton };
+
+//# sourceMappingURL=FloatingActionButton.js.map

package/dist/components/FloatingActionButton/FloatingActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButton.js","sources":["../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FloatingActionButton.module.css\";\n\nexport type FloatingActionButtonPosition = \"bottom-right\" | \"bottom-left\" | \"none\";\nexport type FloatingActionButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type FloatingActionButtonVariant = \"primary\" | \"surface\";\n\nexport interface FloatingActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Icon rendered inside the FAB. Required. */\n    icon: ReactNode;\n    /** When present, renders an extended (pill) FAB with icon + label. */\n    label?: ReactNode;\n    /** Corner placement, or `\"none\"` for static/inline. Default `\"bottom-right\"`. */\n    position?: FloatingActionButtonPosition;\n    /** Size token. Default `\"md\"`. */\n    size?: FloatingActionButtonSize;\n    /** Visual style. Default `\"primary\"`. */\n    variant?: FloatingActionButtonVariant;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * Material Floating Action Button. Renders a round FAB when only an `icon` is\n * given, or an extended pill FAB when a `label` is also provided. By default it\n * is fixed to the bottom-right corner; set `position=\"none\"` to place it inline.\n *\n * Spreads all native `<button>` props (`onClick`, `disabled`, etc.).\n *\n * @remarks\n * Always pass an `aria-label` when there is no `label`, since an icon-only FAB\n * has no accessible name otherwise.\n *\n * @example\n * <FloatingActionButton icon={<Plus />} aria-label=\"Adicionar\" onClick={create} />\n *\n * @example\n * <FloatingActionButton icon={<Plus />} label=\"Novo\" onClick={create} />\n */\nexport function FloatingActionButton({\n    icon,\n    label,\n    position = \"bottom-right\",\n    size = \"md\",\n    variant = \"primary\",\n    className,\n    ...props\n}: FloatingActionButtonProps) {\n    const extended = label !== undefined;\n    return (\n        <button\n            type=\"button\"\n            className={cn(\n                styles.fab,\n                styles[size],\n                styles[variant],\n                extended ? styles.extended : styles.round,\n                position !== \"none\" && styles.fixed,\n                position === \"bottom-right\" && styles.bottomRight,\n                position === \"bottom-left\" && styles.bottomLeft,\n                className,\n            )}\n            {...props}\n        >\n            <span className={styles.icon}>{icon}</span>\n            {extended && <span className={styles.label}>{label}</span>}\n        </button>\n    );\n}\n"],"names":["FloatingActionButton","icon","label","position","size","variant","className","props","extended","jsxs","cn","styles","jsx"],"mappings":";;;AAwCO,SAASA,EAAqB;AAAA,EACjC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,GAAGC;AACP,GAA8B;AAC1B,QAAMC,IAAWN,MAAU;AAC3B,SACI,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPA,EAAOP,CAAI;AAAA,QACXO,EAAON,CAAO;AAAA,QACdG,IAAWG,EAAO,WAAWA,EAAO;AAAA,QACpCR,MAAa,UAAUQ,EAAO;AAAA,QAC9BR,MAAa,kBAAkBQ,EAAO;AAAA,QACtCR,MAAa,iBAAiBQ,EAAO;AAAA,QACrCL;AAAA,MAAA;AAAA,MAEH,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAK,EAAC,QAAA,EAAK,WAAWD,EAAO,MAAO,UAAAV,GAAK;AAAA,QACnCO,KAAY,gBAAAI,EAAC,QAAA,EAAK,WAAWD,EAAO,OAAQ,UAAAT,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG/D;"}
+{"version":3,"file":"FloatingActionButton.js","names":[],"sources":["../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FloatingActionButton.module.css\";\n\nexport type FloatingActionButtonPosition = \"bottom-right\" | \"bottom-left\" | \"none\";\nexport type FloatingActionButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type FloatingActionButtonVariant = \"primary\" | \"surface\";\n\nexport interface FloatingActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Icon rendered inside the FAB. Required. */\n    icon: ReactNode;\n    /** When present, renders an extended (pill) FAB with icon + label. */\n    label?: ReactNode;\n    /** Corner placement, or `\"none\"` for static/inline. Default `\"bottom-right\"`. */\n    position?: FloatingActionButtonPosition;\n    /** Size token. Default `\"md\"`. */\n    size?: FloatingActionButtonSize;\n    /** Visual style. Default `\"primary\"`. */\n    variant?: FloatingActionButtonVariant;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * Material Floating Action Button. Renders a round FAB when only an `icon` is\n * given, or an extended pill FAB when a `label` is also provided. By default it\n * is fixed to the bottom-right corner; set `position=\"none\"` to place it inline.\n *\n * Spreads all native `<button>` props (`onClick`, `disabled`, etc.).\n *\n * @remarks\n * Always pass an `aria-label` when there is no `label`, since an icon-only FAB\n * has no accessible name otherwise.\n *\n * @example\n * <FloatingActionButton icon={<Plus />} aria-label=\"Adicionar\" onClick={create} />\n *\n * @example\n * <FloatingActionButton icon={<Plus />} label=\"Novo\" onClick={create} />\n */\nexport function FloatingActionButton({\n    icon,\n    label,\n    position = \"bottom-right\",\n    size = \"md\",\n    variant = \"primary\",\n    className,\n    ...props\n}: FloatingActionButtonProps) {\n    const extended = label !== undefined;\n    return (\n        <button\n            type=\"button\"\n            className={cn(\n                styles.fab,\n                styles[size],\n                styles[variant],\n                extended ? styles.extended : styles.round,\n                position !== \"none\" && styles.fixed,\n                position === \"bottom-right\" && styles.bottomRight,\n                position === \"bottom-left\" && styles.bottomLeft,\n                className,\n            )}\n            {...props}\n        >\n            <span className={styles.icon}>{icon}</span>\n            {extended && <span className={styles.label}>{label}</span>}\n        </button>\n    );\n}\n"],"mappings":";;;;AAwCA,SAAgB,EAAqB,EACjC,SACA,UACA,cAAW,gBACX,UAAO,MACP,aAAU,WACV,cACA,GAAG,KACuB;CAC1B,IAAM,IAAW,MAAU,KAAA;CAC3B,OACI,kBAAC,UAAD;EACI,MAAK;EACL,WAAW,EACP,EAAO,KACP,EAAO,IACP,EAAO,IACP,IAAW,EAAO,WAAW,EAAO,OACpC,MAAa,UAAU,EAAO,OAC9B,MAAa,kBAAkB,EAAO,aACtC,MAAa,iBAAiB,EAAO,YACrC,CACJ;EACA,GAAI;YAZR,CAcI,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAO;EAAW,CAAA,GACzC,KAAY,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAQ;EAAY,CAAA,CACrD;;AAEhB"}

package/dist/components/FloatingActionButton/FloatingActionButton.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_fab_U3NIL`,t=`tempest_primary_8lnHI`,n=`tempest_surface_ZTMQ4`,r=`tempest_round_ljguw`,i=`tempest_sm_3-rLi`,a=`tempest_md_vOdzW`,o=`tempest_lg_Xc6vE`,s=`tempest_extended_GhPio`,c=`tempest_icon_cZ8Nq`,l=`tempest_label_tfoCq`,u=`tempest_fixed_Xr8Xa`,d=`tempest_bottomRight_bJ8Oo`,f=`tempest_bottomLeft_USN6N`,p={fab:e,primary:t,surface:n,round:r,sm:i,md:a,lg:o,extended:s,icon:c,label:l,fixed:u,bottomRight:d,bottomLeft:f};exports.bottomLeft=f,exports.bottomRight=d,exports.default=p,exports.extended=s,exports.fab=e,exports.fixed=u,exports.icon=c,exports.label=l,exports.lg=o,exports.md=a,exports.primary=t,exports.round=r,exports.sm=i,exports.surface=n;
+//# sourceMappingURL=FloatingActionButton.module.cjs.map

package/dist/components/FloatingActionButton/FloatingActionButton.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.module.cjs","names":[],"sources":["../../../src/components/FloatingActionButton/FloatingActionButton.module.css"],"sourcesContent":[".fab {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    border: 0;\n    cursor: pointer;\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    box-shadow: var(--tempest-shadow-lg);\n    transition:\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        box-shadow var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        transform var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.fab:active {\n    transform: scale(0.96);\n}\n\n.fab:focus-visible {\n    outline: var(--tempest-focus-ring-width, 2px) solid\n        var(--tempest-focus-ring-color, var(--tempest-primary));\n    outline-offset: var(--tempest-focus-ring-offset, 2px);\n}\n\n.fab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    box-shadow: var(--tempest-shadow-sm);\n}\n\n/* Variants */\n.primary {\n    background: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.primary:hover:not(:disabled) {\n    background: var(--tempest-primary-active, var(--tempest-primary));\n}\n\n.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.surface:hover:not(:disabled) {\n    background: var(--tempest-surface-2);\n}\n\n/* Round (icon-only) sizing */\n.round.sm {\n    width: 40px;\n    height: 40px;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.round.md {\n    width: 56px;\n    height: 56px;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.round.lg {\n    width: 72px;\n    height: 72px;\n    border-radius: var(--tempest-radius-xl);\n}\n\n/* Extended (pill) sizing */\n.extended {\n    border-radius: var(--tempest-radius-full);\n}\n\n.extended.sm {\n    height: 40px;\n    padding: 0 var(--tempest-space-4);\n    font-size: var(--tempest-text-sm);\n}\n\n.extended.md {\n    height: 56px;\n    padding: 0 var(--tempest-space-5);\n    font-size: var(--tempest-text-md);\n}\n\n.extended.lg {\n    height: 72px;\n    padding: 0 var(--tempest-space-6);\n    font-size: var(--tempest-text-lg);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 24px;\n}\n\n.round.sm .icon {\n    font-size: 20px;\n}\n\n.round.lg .icon {\n    font-size: 32px;\n}\n\n.label {\n    line-height: 1;\n}\n\n/* Positioning */\n.fixed {\n    position: fixed;\n    z-index: var(--tempest-z-dropdown, 1000);\n}\n\n.bottomRight {\n    right: var(--tempest-space-4);\n    bottom: calc(var(--tempest-space-4) + env(safe-area-inset-bottom, 0));\n}\n\n.bottomLeft {\n    left: var(--tempest-space-4);\n    bottom: calc(var(--tempest-space-4) + env(safe-area-inset-bottom, 0));\n}\n"],"mappings":""}

package/dist/components/FloatingActionButton/FloatingActionButton.module.js

@@ -0,0 +1,20 @@
+//#region src/components/FloatingActionButton/FloatingActionButton.module.css
+var e = "tempest_fab_U3NIL", t = "tempest_primary_8lnHI", n = "tempest_surface_ZTMQ4", r = "tempest_round_ljguw", i = "tempest_sm_3-rLi", a = "tempest_md_vOdzW", o = "tempest_lg_Xc6vE", s = "tempest_extended_GhPio", c = "tempest_icon_cZ8Nq", l = "tempest_label_tfoCq", u = "tempest_fixed_Xr8Xa", d = "tempest_bottomRight_bJ8Oo", f = "tempest_bottomLeft_USN6N", p = {
+	fab: e,
+	primary: t,
+	surface: n,
+	round: r,
+	sm: i,
+	md: a,
+	lg: o,
+	extended: s,
+	icon: c,
+	label: l,
+	fixed: u,
+	bottomRight: d,
+	bottomLeft: f
+};
+//#endregion
+export { f as bottomLeft, d as bottomRight, p as default, s as extended, e as fab, u as fixed, c as icon, l as label, o as lg, a as md, t as primary, r as round, i as sm, n as surface };
+
+//# sourceMappingURL=FloatingActionButton.module.js.map

package/dist/components/FloatingActionButton/FloatingActionButton.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.module.js","names":[],"sources":["../../../src/components/FloatingActionButton/FloatingActionButton.module.css"],"sourcesContent":[".fab {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    border: 0;\n    cursor: pointer;\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    box-shadow: var(--tempest-shadow-lg);\n    transition:\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        box-shadow var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        transform var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.fab:active {\n    transform: scale(0.96);\n}\n\n.fab:focus-visible {\n    outline: var(--tempest-focus-ring-width, 2px) solid\n        var(--tempest-focus-ring-color, var(--tempest-primary));\n    outline-offset: var(--tempest-focus-ring-offset, 2px);\n}\n\n.fab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    box-shadow: var(--tempest-shadow-sm);\n}\n\n/* Variants */\n.primary {\n    background: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.primary:hover:not(:disabled) {\n    background: var(--tempest-primary-active, var(--tempest-primary));\n}\n\n.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.surface:hover:not(:disabled) {\n    background: var(--tempest-surface-2);\n}\n\n/* Round (icon-only) sizing */\n.round.sm {\n    width: 40px;\n    height: 40px;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.round.md {\n    width: 56px;\n    height: 56px;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.round.lg {\n    width: 72px;\n    height: 72px;\n    border-radius: var(--tempest-radius-xl);\n}\n\n/* Extended (pill) sizing */\n.extended {\n    border-radius: var(--tempest-radius-full);\n}\n\n.extended.sm {\n    height: 40px;\n    padding: 0 var(--tempest-space-4);\n    font-size: var(--tempest-text-sm);\n}\n\n.extended.md {\n    height: 56px;\n    padding: 0 var(--tempest-space-5);\n    font-size: var(--tempest-text-md);\n}\n\n.extended.lg {\n    height: 72px;\n    padding: 0 var(--tempest-space-6);\n    font-size: var(--tempest-text-lg);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 24px;\n}\n\n.round.sm .icon {\n    font-size: 20px;\n}\n\n.round.lg .icon {\n    font-size: 32px;\n}\n\n.label {\n    line-height: 1;\n}\n\n/* Positioning */\n.fixed {\n    position: fixed;\n    z-index: var(--tempest-z-dropdown, 1000);\n}\n\n.bottomRight {\n    right: var(--tempest-space-4);\n    bottom: calc(var(--tempest-space-4) + env(safe-area-inset-bottom, 0));\n}\n\n.bottomLeft {\n    left: var(--tempest-space-4);\n    bottom: calc(var(--tempest-space-4) + env(safe-area-inset-bottom, 0));\n}\n"],"mappings":""}

package/dist/components/For/For.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react");function o({each:e,children:n,fallback:i=null}){return e.length===0?r.jsx(r.Fragment,{children:i}):r.jsx(r.Fragment,{children:e.map((u,t)=>r.jsx(l.Fragment,{children:n(u,t)},t))})}exports.For=o;
-//# sourceMappingURL=For.cjs.map
+let e=require("react"),t=require("react/jsx-runtime");function n({each:n,children:r,fallback:i=null}){return n.length===0?(0,t.jsx)(t.Fragment,{children:i}):(0,t.jsx)(t.Fragment,{children:n.map((n,i)=>(0,t.jsx)(e.Fragment,{children:r(n,i)},i))})}exports.For=n;
+//# sourceMappingURL=For.cjs.map

package/dist/components/For/For.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"For.cjs","sources":["../../../src/components/For/For.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from \"react\";\n\nexport interface ForProps<T> {\n    /** The collection to iterate over. */\n    each: readonly T[];\n    /** Render function called for each item with its index. */\n    children: (item: T, index: number) => ReactNode;\n    /** Rendered when `each` is empty. Defaults to `null`. */\n    fallback?: ReactNode;\n}\n\n/**\n * Typed, JSX-friendly list renderer.\n *\n * Maps over `each`, calling `children(item, index)` for every entry. When\n * `each` is empty, it renders `fallback` (or nothing). The generic parameter is\n * inferred from `each`, so the render callback's `item` is fully typed:\n * `<For each={users}>{(user) => <li>{user.name}</li>}</For>`.\n *\n * @typeParam T - The element type of the `each` collection.\n * @param props - The list-rendering props.\n * @returns The mapped children, or the fallback when `each` is empty.\n */\nexport function For<T>({ each, children, fallback = null }: ForProps<T>): ReactNode {\n    if (each.length === 0) {\n        return <>{fallback}</>;\n    }\n    return (\n        <>\n            {each.map((item, index) => (\n                <Fragment key={index}>{children(item, index)}</Fragment>\n            ))}\n        </>\n    );\n}\n"],"names":["For","each","children","fallback","jsx","Fragment","item","index"],"mappings":"wIAuBO,SAASA,EAAO,CAAE,KAAAC,EAAM,SAAAC,EAAU,SAAAC,EAAW,MAAgC,CAChF,OAAIF,EAAK,SAAW,oBACN,SAAAE,CAAA,CAAS,EAGnBC,EAAAA,IAAAC,EAAAA,SAAA,CACK,SAAAJ,EAAK,IAAI,CAACK,EAAMC,IACbH,EAAAA,IAACC,EAAAA,SAAA,CAAsB,WAASC,EAAMC,CAAK,GAA5BA,CAA8B,CAChD,EACL,CAER"}
+{"version":3,"file":"For.cjs","names":[],"sources":["../../../src/components/For/For.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from \"react\";\n\nexport interface ForProps<T> {\n    /** The collection to iterate over. */\n    each: readonly T[];\n    /** Render function called for each item with its index. */\n    children: (item: T, index: number) => ReactNode;\n    /** Rendered when `each` is empty. Defaults to `null`. */\n    fallback?: ReactNode;\n}\n\n/**\n * Typed, JSX-friendly list renderer.\n *\n * Maps over `each`, calling `children(item, index)` for every entry. When\n * `each` is empty, it renders `fallback` (or nothing). The generic parameter is\n * inferred from `each`, so the render callback's `item` is fully typed:\n * `<For each={users}>{(user) => <li>{user.name}</li>}</For>`.\n *\n * @typeParam T - The element type of the `each` collection.\n * @param props - The list-rendering props.\n * @returns The mapped children, or the fallback when `each` is empty.\n */\nexport function For<T>({ each, children, fallback = null }: ForProps<T>): ReactNode {\n    if (each.length === 0) {\n        return <>{fallback}</>;\n    }\n    return (\n        <>\n            {each.map((item, index) => (\n                <Fragment key={index}>{children(item, index)}</Fragment>\n            ))}\n        </>\n    );\n}\n"],"mappings":"sDAuBA,SAAgB,EAAO,CAAE,OAAM,WAAU,WAAW,MAAgC,CAIhF,OAHI,EAAK,SAAW,GACT,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAA,SAAG,CAAW,CAAA,GAGrB,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAA,SACK,EAAK,KAAK,EAAM,KACb,EAAA,EAAA,IAAA,CAAC,EAAA,SAAD,CAAA,SAAuB,EAAS,EAAM,CAAK,CAAY,EAAxC,CAAwC,CAC1D,CACH,CAAA,CAEV"}

package/dist/components/For/For.js

@@ -1,9 +1,10 @@
-import { jsx as r, Fragment as e } from "react/jsx-runtime";
-import { Fragment as l } from "react";
-function g({ each: n, children: m, fallback: o = null }) {
-  return n.length === 0 ? /* @__PURE__ */ r(e, { children: o }) : /* @__PURE__ */ r(e, { children: n.map((i, t) => /* @__PURE__ */ r(l, { children: m(i, t) }, t)) });
+import { Fragment as e } from "react";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+//#region src/components/For/For.tsx
+function r({ each: r, children: i, fallback: a = null }) {
+	return r.length === 0 ? /* @__PURE__ */ n(t, { children: a }) : /* @__PURE__ */ n(t, { children: r.map((t, r) => /* @__PURE__ */ n(e, { children: i(t, r) }, r)) });
 }
-export {
-  g as For
-};
-//# sourceMappingURL=For.js.map
+//#endregion
+export { r as For };
+
+//# sourceMappingURL=For.js.map

package/dist/components/For/For.js.map

@@ -1 +1 @@
-{"version":3,"file":"For.js","sources":["../../../src/components/For/For.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from \"react\";\n\nexport interface ForProps<T> {\n    /** The collection to iterate over. */\n    each: readonly T[];\n    /** Render function called for each item with its index. */\n    children: (item: T, index: number) => ReactNode;\n    /** Rendered when `each` is empty. Defaults to `null`. */\n    fallback?: ReactNode;\n}\n\n/**\n * Typed, JSX-friendly list renderer.\n *\n * Maps over `each`, calling `children(item, index)` for every entry. When\n * `each` is empty, it renders `fallback` (or nothing). The generic parameter is\n * inferred from `each`, so the render callback's `item` is fully typed:\n * `<For each={users}>{(user) => <li>{user.name}</li>}</For>`.\n *\n * @typeParam T - The element type of the `each` collection.\n * @param props - The list-rendering props.\n * @returns The mapped children, or the fallback when `each` is empty.\n */\nexport function For<T>({ each, children, fallback = null }: ForProps<T>): ReactNode {\n    if (each.length === 0) {\n        return <>{fallback}</>;\n    }\n    return (\n        <>\n            {each.map((item, index) => (\n                <Fragment key={index}>{children(item, index)}</Fragment>\n            ))}\n        </>\n    );\n}\n"],"names":["For","each","children","fallback","jsx","Fragment","item","index"],"mappings":";;AAuBO,SAASA,EAAO,EAAE,MAAAC,GAAM,UAAAC,GAAU,UAAAC,IAAW,QAAgC;AAChF,SAAIF,EAAK,WAAW,2BACN,UAAAE,EAAA,CAAS,IAGnB,gBAAAC,EAAAC,GAAA,EACK,UAAAJ,EAAK,IAAI,CAACK,GAAMC,MACb,gBAAAH,EAACC,GAAA,EAAsB,YAASC,GAAMC,CAAK,KAA5BA,CAA8B,CAChD,GACL;AAER;"}
+{"version":3,"file":"For.js","names":[],"sources":["../../../src/components/For/For.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from \"react\";\n\nexport interface ForProps<T> {\n    /** The collection to iterate over. */\n    each: readonly T[];\n    /** Render function called for each item with its index. */\n    children: (item: T, index: number) => ReactNode;\n    /** Rendered when `each` is empty. Defaults to `null`. */\n    fallback?: ReactNode;\n}\n\n/**\n * Typed, JSX-friendly list renderer.\n *\n * Maps over `each`, calling `children(item, index)` for every entry. When\n * `each` is empty, it renders `fallback` (or nothing). The generic parameter is\n * inferred from `each`, so the render callback's `item` is fully typed:\n * `<For each={users}>{(user) => <li>{user.name}</li>}</For>`.\n *\n * @typeParam T - The element type of the `each` collection.\n * @param props - The list-rendering props.\n * @returns The mapped children, or the fallback when `each` is empty.\n */\nexport function For<T>({ each, children, fallback = null }: ForProps<T>): ReactNode {\n    if (each.length === 0) {\n        return <>{fallback}</>;\n    }\n    return (\n        <>\n            {each.map((item, index) => (\n                <Fragment key={index}>{children(item, index)}</Fragment>\n            ))}\n        </>\n    );\n}\n"],"mappings":";;;AAuBA,SAAgB,EAAO,EAAE,SAAM,aAAU,cAAW,QAAgC;CAIhF,OAHI,EAAK,WAAW,IACT,kBAAA,GAAA,EAAA,UAAG,EAAW,CAAA,IAGrB,kBAAA,GAAA,EAAA,UACK,EAAK,KAAK,GAAM,MACb,kBAAC,GAAD,EAAA,UAAuB,EAAS,GAAM,CAAK,EAAY,GAAxC,CAAwC,CAC1D,EACH,CAAA;AAEV"}

package/dist/components/Form/Form.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),y=require("react"),i=require("../../utils/cn.cjs"),n=require("./Form.module.css.cjs");function u(e,t){return e===void 0?`${t*4}px`:typeof e=="number"?`${e*4}px`:e}function x(e){return e===void 0?"repeat(2, minmax(0, 1fr))":typeof e=="number"?`repeat(${e}, minmax(0, 1fr))`:e}const p=y.forwardRef(function({layout:t="stack",columns:r,gap:o,className:a,style:c,children:l,...d},f){const m={gap:u(o,4),...t==="grid"?{gridTemplateColumns:x(r)}:null,...c};return s.jsx("form",{ref:f,className:i.cn(n.default.form,n.default[t],a),style:m,...d,children:l})});function j({title:e,description:t,layout:r="stack",columns:o,gap:a,className:c,style:l,children:d,...f}){const m={gap:u(a,4),...r==="grid"?{gridTemplateColumns:x(o)}:null};return s.jsxs("section",{className:i.cn(n.default.section,c),style:l,...f,children:[(e||t)&&s.jsxs("header",{className:n.default.sectionHeader,children:[e&&s.jsx("h3",{className:n.default.sectionTitle,children:e}),t&&s.jsx("p",{className:n.default.sectionDescription,children:t})]}),s.jsx("div",{className:i.cn(n.default.sectionBody,n.default[r]),style:m,children:d})]})}function F({gap:e,className:t,style:r,children:o,...a}){const c={gap:u(e,3),...r};return s.jsx("div",{className:i.cn(n.default.row,t),style:c,...a,children:o})}function v({align:e="end",gap:t,className:r,style:o,children:a,...c}){const l={gap:u(t,2),...o};return s.jsx("div",{className:i.cn(n.default.actions,n.default[e],r),style:l,...c,children:a})}exports.Form=p;exports.FormActions=v;exports.FormRow=F;exports.FormSection=j;
-//# sourceMappingURL=Form.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Form.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e,t){return e===void 0?`${t*4}px`:typeof e==`number`?`${e*4}px`:e}function a(e){return e===void 0?`repeat(2, minmax(0, 1fr))`:typeof e==`number`?`repeat(${e}, minmax(0, 1fr))`:e}var o=(0,n.forwardRef)(function({layout:n=`stack`,columns:o,gap:s,className:c,style:l,children:u,...d},f){let p={gap:i(s,4),...n===`grid`?{gridTemplateColumns:a(o)}:null,...l};return(0,r.jsx)(`form`,{ref:f,className:e.cn(t.default.form,t.default[n],c),style:p,...d,children:u})});function s({title:n,description:o,layout:s=`stack`,columns:c,gap:l,className:u,style:d,children:f,...p}){let m={gap:i(l,4),...s===`grid`?{gridTemplateColumns:a(c)}:null};return(0,r.jsxs)(`section`,{className:e.cn(t.default.section,u),style:d,...p,children:[(n||o)&&(0,r.jsxs)(`header`,{className:t.default.sectionHeader,children:[n&&(0,r.jsx)(`h3`,{className:t.default.sectionTitle,children:n}),o&&(0,r.jsx)(`p`,{className:t.default.sectionDescription,children:o})]}),(0,r.jsx)(`div`,{className:e.cn(t.default.sectionBody,t.default[s]),style:m,children:f})]})}function c({gap:n,className:a,style:o,children:s,...c}){let l={gap:i(n,3),...o};return(0,r.jsx)(`div`,{className:e.cn(t.default.row,a),style:l,...c,children:s})}function l({align:n=`end`,gap:a,className:o,style:s,children:c,...l}){let u={gap:i(a,2),...s};return(0,r.jsx)(`div`,{className:e.cn(t.default.actions,t.default[n],o),style:u,...l,children:c})}exports.Form=o,exports.FormActions=l,exports.FormRow=c,exports.FormSection=s;
+//# sourceMappingURL=Form.cjs.map