tempest-react-sdk 0.23.0 → 0.24.0

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

package/dist/components/Form/Form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Form.cjs","sources":["../../../src/components/Form/Form.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CSSProperties, FormHTMLAttributes, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Form.module.css\";\n\nexport type FormLayout = \"stack\" | \"inline\" | \"grid\";\nexport type FormActionsAlign = \"start\" | \"center\" | \"end\" | \"between\";\n\ninterface LayoutProps {\n    /** Field arrangement. `stack` stacks fields vertically, `inline` lines them up in a wrapping row, `grid` arranges them in `columns` equal-width tracks. Default `stack`. */\n    layout?: FormLayout;\n    /** Number of columns when `layout=\"grid\"`, or a custom `grid-template-columns` value. Default `2`. */\n    columns?: number | string;\n    /** Gap between fields. Numbers map to a multiple of the 4px scale (default `4` → 16px). */\n    gap?: number | string;\n}\n\nfunction resolveGap(gap: number | string | undefined, fallback: number): string {\n    if (gap === undefined) return `${fallback * 4}px`;\n    return typeof gap === \"number\" ? `${gap * 4}px` : gap;\n}\n\nfunction resolveColumns(columns: number | string | undefined): string {\n    if (columns === undefined) return \"repeat(2, minmax(0, 1fr))\";\n    return typeof columns === \"number\" ? `repeat(${columns}, minmax(0, 1fr))` : columns;\n}\n\nexport interface FormProps extends FormHTMLAttributes<HTMLFormElement>, LayoutProps {}\n\n/**\n * Form wrapper with a built-in layout variant. Replaces ad-hoc `<form>` +\n * `<Stack>` / `<Grid>` boilerplate; pair with [[FormRow]], [[FormSection]],\n * and [[FormActions]] for richer layouts.\n *\n * @example\n * <Form layout=\"grid\" columns={2} gap={4} onSubmit={form.handleSubmit(save)}>\n *     <Input label=\"Nome\" {...form.register(\"name\")} />\n *     <Input label=\"Email\" {...form.register(\"email\")} />\n *     <FormActions align=\"end\">\n *         <Button type=\"submit\">Salvar</Button>\n *     </FormActions>\n * </Form>\n */\nexport const Form = forwardRef<HTMLFormElement, FormProps>(function Form(\n    { layout = \"stack\", columns, gap, className, style, children, ...props },\n    ref,\n) {\n    const finalStyle: CSSProperties = {\n        gap: resolveGap(gap, 4),\n        ...(layout === \"grid\" ? { gridTemplateColumns: resolveColumns(columns) } : null),\n        ...style,\n    };\n    return (\n        <form\n            ref={ref}\n            className={cn(styles.form, styles[layout], className)}\n            style={finalStyle}\n            {...props}\n        >\n            {children}\n        </form>\n    );\n});\n\nexport interface FormSectionProps extends Omit<HTMLAttributes<HTMLElement>, \"title\">, LayoutProps {\n    title?: ReactNode;\n    description?: ReactNode;\n}\n\n/**\n * Visually grouped subset of fields with an optional title and description.\n * Has its own `layout`/`columns`/`gap` so subsets can stack while the parent\n * grids (or vice versa).\n *\n * @example\n * <FormSection title=\"Endereço\" description=\"Usado para entrega\" layout=\"grid\" columns={3}>\n *     <Input label=\"CEP\" />\n *     <Input label=\"Rua\" />\n *     <Input label=\"Número\" />\n * </FormSection>\n */\nexport function FormSection({\n    title,\n    description,\n    layout = \"stack\",\n    columns,\n    gap,\n    className,\n    style,\n    children,\n    ...props\n}: FormSectionProps) {\n    const bodyStyle: CSSProperties = {\n        gap: resolveGap(gap, 4),\n        ...(layout === \"grid\" ? { gridTemplateColumns: resolveColumns(columns) } : null),\n    };\n    return (\n        <section className={cn(styles.section, className)} style={style} {...props}>\n            {(title || description) && (\n                <header className={styles.sectionHeader}>\n                    {title && <h3 className={styles.sectionTitle}>{title}</h3>}\n                    {description && <p className={styles.sectionDescription}>{description}</p>}\n                </header>\n            )}\n            <div className={cn(styles.sectionBody, styles[layout])} style={bodyStyle}>\n                {children}\n            </div>\n        </section>\n    );\n}\n\nexport interface FormRowProps extends HTMLAttributes<HTMLDivElement> {\n    /** Gap between row items. Numbers map to a multiple of the 4px scale (default `3` → 12px). */\n    gap?: number | string;\n}\n\n/**\n * Forces a horizontal row regardless of parent layout — useful for grouping\n * two short fields side-by-side inside an otherwise stacked form (e.g. CEP +\n * city, expiry month + year).\n *\n * @example\n * <Form layout=\"stack\">\n *     <FormRow>\n *         <Input label=\"CEP\" />\n *         <Input label=\"Cidade\" />\n *     </FormRow>\n *     <Input label=\"Endereço completo\" />\n * </Form>\n */\nexport function FormRow({ gap, className, style, children, ...props }: FormRowProps) {\n    const finalStyle: CSSProperties = { gap: resolveGap(gap, 3), ...style };\n    return (\n        <div className={cn(styles.row, className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n\nexport interface FormActionsProps extends HTMLAttributes<HTMLDivElement> {\n    /** Horizontal alignment of buttons. Default `end`. */\n    align?: FormActionsAlign;\n    /** Gap between buttons. Numbers map to a multiple of the 4px scale (default `2` → 8px). */\n    gap?: number | string;\n}\n\n/**\n * Footer button row for a form. Use inside (or after) [[Form]] / [[FormSection]].\n *\n * @example\n * <FormActions align=\"end\">\n *     <Button variant=\"ghost\" onClick={onCancel}>Cancelar</Button>\n *     <Button type=\"submit\" loading={form.formState.isSubmitting}>Salvar</Button>\n * </FormActions>\n */\nexport function FormActions({\n    align = \"end\",\n    gap,\n    className,\n    style,\n    children,\n    ...props\n}: FormActionsProps) {\n    const finalStyle: CSSProperties = { gap: resolveGap(gap, 2), ...style };\n    return (\n        <div className={cn(styles.actions, styles[align], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"names":["resolveGap","gap","fallback","resolveColumns","columns","Form","forwardRef","layout","className","style","children","props","ref","finalStyle","jsx","cn","styles","FormSection","title","description","bodyStyle","jsxs","FormRow","FormActions","align"],"mappings":"2MAiBA,SAASA,EAAWC,EAAkCC,EAA0B,CAC5E,OAAID,IAAQ,OAAkB,GAAGC,EAAW,CAAC,KACtC,OAAOD,GAAQ,SAAW,GAAGA,EAAM,CAAC,KAAOA,CACtD,CAEA,SAASE,EAAeC,EAA8C,CAClE,OAAIA,IAAY,OAAkB,4BAC3B,OAAOA,GAAY,SAAW,UAAUA,CAAO,oBAAsBA,CAChF,CAkBO,MAAMC,EAAOC,EAAAA,WAAuC,SACvD,CAAE,OAAAC,EAAS,QAAS,QAAAH,EAAS,IAAAH,EAAK,UAAAO,EAAW,MAAAC,EAAO,SAAAC,EAAU,GAAGC,CAAA,EACjEC,EACF,CACE,MAAMC,EAA4B,CAC9B,IAAKb,EAAWC,EAAK,CAAC,EACtB,GAAIM,IAAW,OAAS,CAAE,oBAAqBJ,EAAeC,CAAO,GAAM,KAC3E,GAAGK,CAAA,EAEP,OACIK,EAAAA,IAAC,OAAA,CACG,IAAAF,EACA,UAAWG,EAAAA,GAAGC,UAAO,KAAMA,EAAAA,QAAOT,CAAM,EAAGC,CAAS,EACpD,MAAOK,EACN,GAAGF,EAEH,SAAAD,CAAA,CAAA,CAGb,CAAC,EAmBM,SAASO,EAAY,CACxB,MAAAC,EACA,YAAAC,EACA,OAAAZ,EAAS,QACT,QAAAH,EACA,IAAAH,EACA,UAAAO,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAqB,CACjB,MAAMS,EAA2B,CAC7B,IAAKpB,EAAWC,EAAK,CAAC,EACtB,GAAIM,IAAW,OAAS,CAAE,oBAAqBJ,EAAeC,CAAO,GAAM,IAAA,EAE/E,OACIiB,OAAC,UAAA,CAAQ,UAAWN,EAAAA,GAAGC,EAAAA,QAAO,QAASR,CAAS,EAAG,MAAAC,EAAe,GAAGE,EAC/D,SAAA,EAAAO,GAASC,IACPE,OAAC,SAAA,CAAO,UAAWL,EAAAA,QAAO,cACrB,SAAA,CAAAE,GAASJ,EAAAA,IAAC,KAAA,CAAG,UAAWE,EAAAA,QAAO,aAAe,SAAAE,EAAM,EACpDC,GAAeL,EAAAA,IAAC,IAAA,CAAE,UAAWE,EAAAA,QAAO,mBAAqB,SAAAG,CAAA,CAAY,CAAA,EAC1E,EAEJL,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,YAAaA,EAAAA,QAAOT,CAAM,CAAC,EAAG,MAAOa,EAC1D,SAAAV,CAAA,CACL,CAAA,EACJ,CAER,CAqBO,SAASY,EAAQ,CAAE,IAAArB,EAAK,UAAAO,EAAW,MAAAC,EAAO,SAAAC,EAAU,GAAGC,GAAuB,CACjF,MAAME,EAA4B,CAAE,IAAKb,EAAWC,EAAK,CAAC,EAAG,GAAGQ,CAAA,EAChE,OACIK,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,IAAKR,CAAS,EAAG,MAAOK,EAAa,GAAGF,EAC7D,SAAAD,CAAA,CACL,CAER,CAkBO,SAASa,EAAY,CACxB,MAAAC,EAAQ,MACR,IAAAvB,EACA,UAAAO,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAqB,CACjB,MAAME,EAA4B,CAAE,IAAKb,EAAWC,EAAK,CAAC,EAAG,GAAGQ,CAAA,EAChE,OACIK,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASA,EAAAA,QAAOQ,CAAK,EAAGhB,CAAS,EAAG,MAAOK,EAAa,GAAGF,EAChF,SAAAD,EACL,CAER"}
+{"version":3,"file":"Form.cjs","names":[],"sources":["../../../src/components/Form/Form.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CSSProperties, FormHTMLAttributes, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Form.module.css\";\n\nexport type FormLayout = \"stack\" | \"inline\" | \"grid\";\nexport type FormActionsAlign = \"start\" | \"center\" | \"end\" | \"between\";\n\ninterface LayoutProps {\n    /** Field arrangement. `stack` stacks fields vertically, `inline` lines them up in a wrapping row, `grid` arranges them in `columns` equal-width tracks. Default `stack`. */\n    layout?: FormLayout;\n    /** Number of columns when `layout=\"grid\"`, or a custom `grid-template-columns` value. Default `2`. */\n    columns?: number | string;\n    /** Gap between fields. Numbers map to a multiple of the 4px scale (default `4` → 16px). */\n    gap?: number | string;\n}\n\nfunction resolveGap(gap: number | string | undefined, fallback: number): string {\n    if (gap === undefined) return `${fallback * 4}px`;\n    return typeof gap === \"number\" ? `${gap * 4}px` : gap;\n}\n\nfunction resolveColumns(columns: number | string | undefined): string {\n    if (columns === undefined) return \"repeat(2, minmax(0, 1fr))\";\n    return typeof columns === \"number\" ? `repeat(${columns}, minmax(0, 1fr))` : columns;\n}\n\nexport interface FormProps extends FormHTMLAttributes<HTMLFormElement>, LayoutProps {}\n\n/**\n * Form wrapper with a built-in layout variant. Replaces ad-hoc `<form>` +\n * `<Stack>` / `<Grid>` boilerplate; pair with [[FormRow]], [[FormSection]],\n * and [[FormActions]] for richer layouts.\n *\n * @example\n * <Form layout=\"grid\" columns={2} gap={4} onSubmit={form.handleSubmit(save)}>\n *     <Input label=\"Nome\" {...form.register(\"name\")} />\n *     <Input label=\"Email\" {...form.register(\"email\")} />\n *     <FormActions align=\"end\">\n *         <Button type=\"submit\">Salvar</Button>\n *     </FormActions>\n * </Form>\n */\nexport const Form = forwardRef<HTMLFormElement, FormProps>(function Form(\n    { layout = \"stack\", columns, gap, className, style, children, ...props },\n    ref,\n) {\n    const finalStyle: CSSProperties = {\n        gap: resolveGap(gap, 4),\n        ...(layout === \"grid\" ? { gridTemplateColumns: resolveColumns(columns) } : null),\n        ...style,\n    };\n    return (\n        <form\n            ref={ref}\n            className={cn(styles.form, styles[layout], className)}\n            style={finalStyle}\n            {...props}\n        >\n            {children}\n        </form>\n    );\n});\n\nexport interface FormSectionProps extends Omit<HTMLAttributes<HTMLElement>, \"title\">, LayoutProps {\n    title?: ReactNode;\n    description?: ReactNode;\n}\n\n/**\n * Visually grouped subset of fields with an optional title and description.\n * Has its own `layout`/`columns`/`gap` so subsets can stack while the parent\n * grids (or vice versa).\n *\n * @example\n * <FormSection title=\"Endereço\" description=\"Usado para entrega\" layout=\"grid\" columns={3}>\n *     <Input label=\"CEP\" />\n *     <Input label=\"Rua\" />\n *     <Input label=\"Número\" />\n * </FormSection>\n */\nexport function FormSection({\n    title,\n    description,\n    layout = \"stack\",\n    columns,\n    gap,\n    className,\n    style,\n    children,\n    ...props\n}: FormSectionProps) {\n    const bodyStyle: CSSProperties = {\n        gap: resolveGap(gap, 4),\n        ...(layout === \"grid\" ? { gridTemplateColumns: resolveColumns(columns) } : null),\n    };\n    return (\n        <section className={cn(styles.section, className)} style={style} {...props}>\n            {(title || description) && (\n                <header className={styles.sectionHeader}>\n                    {title && <h3 className={styles.sectionTitle}>{title}</h3>}\n                    {description && <p className={styles.sectionDescription}>{description}</p>}\n                </header>\n            )}\n            <div className={cn(styles.sectionBody, styles[layout])} style={bodyStyle}>\n                {children}\n            </div>\n        </section>\n    );\n}\n\nexport interface FormRowProps extends HTMLAttributes<HTMLDivElement> {\n    /** Gap between row items. Numbers map to a multiple of the 4px scale (default `3` → 12px). */\n    gap?: number | string;\n}\n\n/**\n * Forces a horizontal row regardless of parent layout — useful for grouping\n * two short fields side-by-side inside an otherwise stacked form (e.g. CEP +\n * city, expiry month + year).\n *\n * @example\n * <Form layout=\"stack\">\n *     <FormRow>\n *         <Input label=\"CEP\" />\n *         <Input label=\"Cidade\" />\n *     </FormRow>\n *     <Input label=\"Endereço completo\" />\n * </Form>\n */\nexport function FormRow({ gap, className, style, children, ...props }: FormRowProps) {\n    const finalStyle: CSSProperties = { gap: resolveGap(gap, 3), ...style };\n    return (\n        <div className={cn(styles.row, className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n\nexport interface FormActionsProps extends HTMLAttributes<HTMLDivElement> {\n    /** Horizontal alignment of buttons. Default `end`. */\n    align?: FormActionsAlign;\n    /** Gap between buttons. Numbers map to a multiple of the 4px scale (default `2` → 8px). */\n    gap?: number | string;\n}\n\n/**\n * Footer button row for a form. Use inside (or after) [[Form]] / [[FormSection]].\n *\n * @example\n * <FormActions align=\"end\">\n *     <Button variant=\"ghost\" onClick={onCancel}>Cancelar</Button>\n *     <Button type=\"submit\" loading={form.formState.isSubmitting}>Salvar</Button>\n * </FormActions>\n */\nexport function FormActions({\n    align = \"end\",\n    gap,\n    className,\n    style,\n    children,\n    ...props\n}: FormActionsProps) {\n    const finalStyle: CSSProperties = { gap: resolveGap(gap, 2), ...style };\n    return (\n        <div className={cn(styles.actions, styles[align], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":"2HAiBA,SAAS,EAAW,EAAkC,EAA0B,CAE5E,OADI,IAAQ,IAAA,GAAkB,GAAG,EAAW,EAAE,IACvC,OAAO,GAAQ,SAAW,GAAG,EAAM,EAAE,IAAM,CACtD,CAEA,SAAS,EAAe,EAA8C,CAElE,OADI,IAAY,IAAA,GAAkB,4BAC3B,OAAO,GAAY,SAAW,UAAU,EAAQ,mBAAqB,CAChF,CAkBA,IAAa,GAAA,EAAA,EAAA,WAAA,CAA8C,SACvD,CAAE,SAAS,QAAS,UAAS,MAAK,YAAW,QAAO,WAAU,GAAG,GACjE,EACF,CACE,IAAM,EAA4B,CAC9B,IAAK,EAAW,EAAK,CAAC,EACtB,GAAI,IAAW,OAAS,CAAE,oBAAqB,EAAe,CAAO,CAAE,EAAI,KAC3E,GAAG,CACP,EACA,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACS,MACL,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,EAAA,QAAO,GAAS,CAAS,EACpD,MAAO,EACP,GAAI,EAEH,UACC,CAAA,CAEd,CAAC,EAmBD,SAAgB,EAAY,CACxB,QACA,cACA,SAAS,QACT,UACA,MACA,YACA,QACA,WACA,GAAG,GACc,CACjB,IAAM,EAA2B,CAC7B,IAAK,EAAW,EAAK,CAAC,EACtB,GAAI,IAAW,OAAS,CAAE,oBAAqB,EAAe,CAAO,CAAE,EAAI,IAC/E,EACA,OACI,EAAA,EAAA,KAAA,CAAC,UAAD,CAAS,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EAAU,QAAO,GAAI,WAArE,EACM,GAAS,KACP,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,uBAA1B,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,sBAAe,CAAU,CAAA,EACxD,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,4BAAqB,CAAe,CAAA,CACrE,KAEZ,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,YAAa,EAAA,QAAO,EAAO,EAAG,MAAO,EAC1D,UACA,CAAA,CACA,GAEjB,CAqBA,SAAgB,EAAQ,CAAE,MAAK,YAAW,QAAO,WAAU,GAAG,GAAuB,CACjF,IAAM,EAA4B,CAAE,IAAK,EAAW,EAAK,CAAC,EAAG,GAAG,CAAM,EACtE,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,CAAS,EAAG,MAAO,EAAY,GAAI,EAC7D,UACA,CAAA,CAEb,CAkBA,SAAgB,EAAY,CACxB,QAAQ,MACR,MACA,YACA,QACA,WACA,GAAG,GACc,CACjB,IAAM,EAA4B,CAAE,IAAK,EAAW,EAAK,CAAC,EAAG,GAAG,CAAM,EACtE,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,EAAA,QAAO,GAAQ,CAAS,EAAG,MAAO,EAAY,GAAI,EAChF,UACA,CAAA,CAEb"}

package/dist/components/Form/Form.js

@@ -1,72 +1,78 @@
-import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as N } from "react";
-import { cn as m } from "../../utils/cn.js";
-import n from "./Form.module.css.js";
-function l(e, r) {
-  return e === void 0 ? `${r * 4}px` : typeof e == "number" ? `${e * 4}px` : e;
+import { cn as e } from "../../utils/cn.js";
+import t from "./Form.module.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Form/Form.tsx
+function a(e, t) {
+	return e === void 0 ? `${t * 4}px` : typeof e == "number" ? `${e * 4}px` : e;
 }
-function y(e) {
-  return e === void 0 ? "repeat(2, minmax(0, 1fr))" : typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : e;
+function o(e) {
+	return e === void 0 ? "repeat(2, minmax(0, 1fr))" : typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : e;
 }
-const F = N(function({ layout: r = "stack", columns: o, gap: t, className: s, style: i, children: c, ...f }, d) {
-  const u = {
-    gap: l(t, 4),
-    ...r === "grid" ? { gridTemplateColumns: y(o) } : null,
-    ...i
-  };
-  return /* @__PURE__ */ a(
-    "form",
-    {
-      ref: d,
-      className: m(n.form, n[r], s),
-      style: u,
-      ...f,
-      children: c
-    }
-  );
+var s = n(function({ layout: n = "stack", columns: i, gap: s, className: c, style: l, children: u, ...d }, f) {
+	let p = {
+		gap: a(s, 4),
+		...n === "grid" ? { gridTemplateColumns: o(i) } : null,
+		...l
+	};
+	return /* @__PURE__ */ r("form", {
+		ref: f,
+		className: e(t.form, t[n], c),
+		style: p,
+		...d,
+		children: u
+	});
 });
-function S({
-  title: e,
-  description: r,
-  layout: o = "stack",
-  columns: t,
-  gap: s,
-  className: i,
-  style: c,
-  children: f,
-  ...d
-}) {
-  const u = {
-    gap: l(s, 4),
-    ...o === "grid" ? { gridTemplateColumns: y(t) } : null
-  };
-  return /* @__PURE__ */ p("section", { className: m(n.section, i), style: c, ...d, children: [
-    (e || r) && /* @__PURE__ */ p("header", { className: n.sectionHeader, children: [
-      e && /* @__PURE__ */ a("h3", { className: n.sectionTitle, children: e }),
-      r && /* @__PURE__ */ a("p", { className: n.sectionDescription, children: r })
-    ] }),
-    /* @__PURE__ */ a("div", { className: m(n.sectionBody, n[o]), style: u, children: f })
-  ] });
+function c({ title: n, description: s, layout: c = "stack", columns: l, gap: u, className: d, style: f, children: p, ...m }) {
+	let h = {
+		gap: a(u, 4),
+		...c === "grid" ? { gridTemplateColumns: o(l) } : null
+	};
+	return /* @__PURE__ */ i("section", {
+		className: e(t.section, d),
+		style: f,
+		...m,
+		children: [(n || s) && /* @__PURE__ */ i("header", {
+			className: t.sectionHeader,
+			children: [n && /* @__PURE__ */ r("h3", {
+				className: t.sectionTitle,
+				children: n
+			}), s && /* @__PURE__ */ r("p", {
+				className: t.sectionDescription,
+				children: s
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: e(t.sectionBody, t[c]),
+			style: h,
+			children: p
+		})]
+	});
 }
-function b({ gap: e, className: r, style: o, children: t, ...s }) {
-  const i = { gap: l(e, 3), ...o };
-  return /* @__PURE__ */ a("div", { className: m(n.row, r), style: i, ...s, children: t });
+function l({ gap: n, className: i, style: o, children: s, ...c }) {
+	let l = {
+		gap: a(n, 3),
+		...o
+	};
+	return /* @__PURE__ */ r("div", {
+		className: e(t.row, i),
+		style: l,
+		...c,
+		children: s
+	});
 }
-function w({
-  align: e = "end",
-  gap: r,
-  className: o,
-  style: t,
-  children: s,
-  ...i
-}) {
-  const c = { gap: l(r, 2), ...t };
-  return /* @__PURE__ */ a("div", { className: m(n.actions, n[e], o), style: c, ...i, children: s });
+function u({ align: n = "end", gap: i, className: o, style: s, children: c, ...l }) {
+	let u = {
+		gap: a(i, 2),
+		...s
+	};
+	return /* @__PURE__ */ r("div", {
+		className: e(t.actions, t[n], o),
+		style: u,
+		...l,
+		children: c
+	});
 }
-export {
-  F as Form,
-  w as FormActions,
-  b as FormRow,
-  S as FormSection
-};
-//# sourceMappingURL=Form.js.map
+//#endregion
+export { s as Form, u as FormActions, l as FormRow, c as FormSection };
+
+//# sourceMappingURL=Form.js.map

package/dist/components/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../src/components/Form/Form.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CSSProperties, FormHTMLAttributes, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Form.module.css\";\n\nexport type FormLayout = \"stack\" | \"inline\" | \"grid\";\nexport type FormActionsAlign = \"start\" | \"center\" | \"end\" | \"between\";\n\ninterface LayoutProps {\n    /** Field arrangement. `stack` stacks fields vertically, `inline` lines them up in a wrapping row, `grid` arranges them in `columns` equal-width tracks. Default `stack`. */\n    layout?: FormLayout;\n    /** Number of columns when `layout=\"grid\"`, or a custom `grid-template-columns` value. Default `2`. */\n    columns?: number | string;\n    /** Gap between fields. Numbers map to a multiple of the 4px scale (default `4` → 16px). */\n    gap?: number | string;\n}\n\nfunction resolveGap(gap: number | string | undefined, fallback: number): string {\n    if (gap === undefined) return `${fallback * 4}px`;\n    return typeof gap === \"number\" ? `${gap * 4}px` : gap;\n}\n\nfunction resolveColumns(columns: number | string | undefined): string {\n    if (columns === undefined) return \"repeat(2, minmax(0, 1fr))\";\n    return typeof columns === \"number\" ? `repeat(${columns}, minmax(0, 1fr))` : columns;\n}\n\nexport interface FormProps extends FormHTMLAttributes<HTMLFormElement>, LayoutProps {}\n\n/**\n * Form wrapper with a built-in layout variant. Replaces ad-hoc `<form>` +\n * `<Stack>` / `<Grid>` boilerplate; pair with [[FormRow]], [[FormSection]],\n * and [[FormActions]] for richer layouts.\n *\n * @example\n * <Form layout=\"grid\" columns={2} gap={4} onSubmit={form.handleSubmit(save)}>\n *     <Input label=\"Nome\" {...form.register(\"name\")} />\n *     <Input label=\"Email\" {...form.register(\"email\")} />\n *     <FormActions align=\"end\">\n *         <Button type=\"submit\">Salvar</Button>\n *     </FormActions>\n * </Form>\n */\nexport const Form = forwardRef<HTMLFormElement, FormProps>(function Form(\n    { layout = \"stack\", columns, gap, className, style, children, ...props },\n    ref,\n) {\n    const finalStyle: CSSProperties = {\n        gap: resolveGap(gap, 4),\n        ...(layout === \"grid\" ? { gridTemplateColumns: resolveColumns(columns) } : null),\n        ...style,\n    };\n    return (\n        <form\n            ref={ref}\n            className={cn(styles.form, styles[layout], className)}\n            style={finalStyle}\n            {...props}\n        >\n            {children}\n        </form>\n    );\n});\n\nexport interface FormSectionProps extends Omit<HTMLAttributes<HTMLElement>, \"title\">, LayoutProps {\n    title?: ReactNode;\n    description?: ReactNode;\n}\n\n/**\n * Visually grouped subset of fields with an optional title and description.\n * Has its own `layout`/`columns`/`gap` so subsets can stack while the parent\n * grids (or vice versa).\n *\n * @example\n * <FormSection title=\"Endereço\" description=\"Usado para entrega\" layout=\"grid\" columns={3}>\n *     <Input label=\"CEP\" />\n *     <Input label=\"Rua\" />\n *     <Input label=\"Número\" />\n * </FormSection>\n */\nexport function FormSection({\n    title,\n    description,\n    layout = \"stack\",\n    columns,\n    gap,\n    className,\n    style,\n    children,\n    ...props\n}: FormSectionProps) {\n    const bodyStyle: CSSProperties = {\n        gap: resolveGap(gap, 4),\n        ...(layout === \"grid\" ? { gridTemplateColumns: resolveColumns(columns) } : null),\n    };\n    return (\n        <section className={cn(styles.section, className)} style={style} {...props}>\n            {(title || description) && (\n                <header className={styles.sectionHeader}>\n                    {title && <h3 className={styles.sectionTitle}>{title}</h3>}\n                    {description && <p className={styles.sectionDescription}>{description}</p>}\n                </header>\n            )}\n            <div className={cn(styles.sectionBody, styles[layout])} style={bodyStyle}>\n                {children}\n            </div>\n        </section>\n    );\n}\n\nexport interface FormRowProps extends HTMLAttributes<HTMLDivElement> {\n    /** Gap between row items. Numbers map to a multiple of the 4px scale (default `3` → 12px). */\n    gap?: number | string;\n}\n\n/**\n * Forces a horizontal row regardless of parent layout — useful for grouping\n * two short fields side-by-side inside an otherwise stacked form (e.g. CEP +\n * city, expiry month + year).\n *\n * @example\n * <Form layout=\"stack\">\n *     <FormRow>\n *         <Input label=\"CEP\" />\n *         <Input label=\"Cidade\" />\n *     </FormRow>\n *     <Input label=\"Endereço completo\" />\n * </Form>\n */\nexport function FormRow({ gap, className, style, children, ...props }: FormRowProps) {\n    const finalStyle: CSSProperties = { gap: resolveGap(gap, 3), ...style };\n    return (\n        <div className={cn(styles.row, className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n\nexport interface FormActionsProps extends HTMLAttributes<HTMLDivElement> {\n    /** Horizontal alignment of buttons. Default `end`. */\n    align?: FormActionsAlign;\n    /** Gap between buttons. Numbers map to a multiple of the 4px scale (default `2` → 8px). */\n    gap?: number | string;\n}\n\n/**\n * Footer button row for a form. Use inside (or after) [[Form]] / [[FormSection]].\n *\n * @example\n * <FormActions align=\"end\">\n *     <Button variant=\"ghost\" onClick={onCancel}>Cancelar</Button>\n *     <Button type=\"submit\" loading={form.formState.isSubmitting}>Salvar</Button>\n * </FormActions>\n */\nexport function FormActions({\n    align = \"end\",\n    gap,\n    className,\n    style,\n    children,\n    ...props\n}: FormActionsProps) {\n    const finalStyle: CSSProperties = { gap: resolveGap(gap, 2), ...style };\n    return (\n        <div className={cn(styles.actions, styles[align], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"names":["resolveGap","gap","fallback","resolveColumns","columns","Form","forwardRef","layout","className","style","children","props","ref","finalStyle","jsx","cn","styles","FormSection","title","description","bodyStyle","jsxs","FormRow","FormActions","align"],"mappings":";;;;AAiBA,SAASA,EAAWC,GAAkCC,GAA0B;AAC5E,SAAID,MAAQ,SAAkB,GAAGC,IAAW,CAAC,OACtC,OAAOD,KAAQ,WAAW,GAAGA,IAAM,CAAC,OAAOA;AACtD;AAEA,SAASE,EAAeC,GAA8C;AAClE,SAAIA,MAAY,SAAkB,8BAC3B,OAAOA,KAAY,WAAW,UAAUA,CAAO,sBAAsBA;AAChF;AAkBO,MAAMC,IAAOC,EAAuC,SACvD,EAAE,QAAAC,IAAS,SAAS,SAAAH,GAAS,KAAAH,GAAK,WAAAO,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GACjEC,GACF;AACE,QAAMC,IAA4B;AAAA,IAC9B,KAAKb,EAAWC,GAAK,CAAC;AAAA,IACtB,GAAIM,MAAW,SAAS,EAAE,qBAAqBJ,EAAeC,CAAO,MAAM;AAAA,IAC3E,GAAGK;AAAA,EAAA;AAEP,SACI,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAF;AAAA,MACA,WAAWG,EAAGC,EAAO,MAAMA,EAAOT,CAAM,GAAGC,CAAS;AAAA,MACpD,OAAOK;AAAA,MACN,GAAGF;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAmBM,SAASO,EAAY;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAZ,IAAS;AAAA,EACT,SAAAH;AAAA,EACA,KAAAH;AAAA,EACA,WAAAO;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAqB;AACjB,QAAMS,IAA2B;AAAA,IAC7B,KAAKpB,EAAWC,GAAK,CAAC;AAAA,IACtB,GAAIM,MAAW,SAAS,EAAE,qBAAqBJ,EAAeC,CAAO,MAAM;AAAA,EAAA;AAE/E,SACI,gBAAAiB,EAAC,WAAA,EAAQ,WAAWN,EAAGC,EAAO,SAASR,CAAS,GAAG,OAAAC,GAAe,GAAGE,GAC/D,UAAA;AAAA,KAAAO,KAASC,MACP,gBAAAE,EAAC,UAAA,EAAO,WAAWL,EAAO,eACrB,UAAA;AAAA,MAAAE,KAAS,gBAAAJ,EAAC,MAAA,EAAG,WAAWE,EAAO,cAAe,UAAAE,GAAM;AAAA,MACpDC,KAAe,gBAAAL,EAAC,KAAA,EAAE,WAAWE,EAAO,oBAAqB,UAAAG,EAAA,CAAY;AAAA,IAAA,GAC1E;AAAA,IAEJ,gBAAAL,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,aAAaA,EAAOT,CAAM,CAAC,GAAG,OAAOa,GAC1D,UAAAV,EAAA,CACL;AAAA,EAAA,GACJ;AAER;AAqBO,SAASY,EAAQ,EAAE,KAAArB,GAAK,WAAAO,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGC,KAAuB;AACjF,QAAME,IAA4B,EAAE,KAAKb,EAAWC,GAAK,CAAC,GAAG,GAAGQ,EAAA;AAChE,SACI,gBAAAK,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,KAAKR,CAAS,GAAG,OAAOK,GAAa,GAAGF,GAC7D,UAAAD,EAAA,CACL;AAER;AAkBO,SAASa,EAAY;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,KAAAvB;AAAA,EACA,WAAAO;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAqB;AACjB,QAAME,IAA4B,EAAE,KAAKb,EAAWC,GAAK,CAAC,GAAG,GAAGQ,EAAA;AAChE,SACI,gBAAAK,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,SAASA,EAAOQ,CAAK,GAAGhB,CAAS,GAAG,OAAOK,GAAa,GAAGF,GAChF,UAAAD,GACL;AAER;"}
+{"version":3,"file":"Form.js","names":[],"sources":["../../../src/components/Form/Form.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CSSProperties, FormHTMLAttributes, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Form.module.css\";\n\nexport type FormLayout = \"stack\" | \"inline\" | \"grid\";\nexport type FormActionsAlign = \"start\" | \"center\" | \"end\" | \"between\";\n\ninterface LayoutProps {\n    /** Field arrangement. `stack` stacks fields vertically, `inline` lines them up in a wrapping row, `grid` arranges them in `columns` equal-width tracks. Default `stack`. */\n    layout?: FormLayout;\n    /** Number of columns when `layout=\"grid\"`, or a custom `grid-template-columns` value. Default `2`. */\n    columns?: number | string;\n    /** Gap between fields. Numbers map to a multiple of the 4px scale (default `4` → 16px). */\n    gap?: number | string;\n}\n\nfunction resolveGap(gap: number | string | undefined, fallback: number): string {\n    if (gap === undefined) return `${fallback * 4}px`;\n    return typeof gap === \"number\" ? `${gap * 4}px` : gap;\n}\n\nfunction resolveColumns(columns: number | string | undefined): string {\n    if (columns === undefined) return \"repeat(2, minmax(0, 1fr))\";\n    return typeof columns === \"number\" ? `repeat(${columns}, minmax(0, 1fr))` : columns;\n}\n\nexport interface FormProps extends FormHTMLAttributes<HTMLFormElement>, LayoutProps {}\n\n/**\n * Form wrapper with a built-in layout variant. Replaces ad-hoc `<form>` +\n * `<Stack>` / `<Grid>` boilerplate; pair with [[FormRow]], [[FormSection]],\n * and [[FormActions]] for richer layouts.\n *\n * @example\n * <Form layout=\"grid\" columns={2} gap={4} onSubmit={form.handleSubmit(save)}>\n *     <Input label=\"Nome\" {...form.register(\"name\")} />\n *     <Input label=\"Email\" {...form.register(\"email\")} />\n *     <FormActions align=\"end\">\n *         <Button type=\"submit\">Salvar</Button>\n *     </FormActions>\n * </Form>\n */\nexport const Form = forwardRef<HTMLFormElement, FormProps>(function Form(\n    { layout = \"stack\", columns, gap, className, style, children, ...props },\n    ref,\n) {\n    const finalStyle: CSSProperties = {\n        gap: resolveGap(gap, 4),\n        ...(layout === \"grid\" ? { gridTemplateColumns: resolveColumns(columns) } : null),\n        ...style,\n    };\n    return (\n        <form\n            ref={ref}\n            className={cn(styles.form, styles[layout], className)}\n            style={finalStyle}\n            {...props}\n        >\n            {children}\n        </form>\n    );\n});\n\nexport interface FormSectionProps extends Omit<HTMLAttributes<HTMLElement>, \"title\">, LayoutProps {\n    title?: ReactNode;\n    description?: ReactNode;\n}\n\n/**\n * Visually grouped subset of fields with an optional title and description.\n * Has its own `layout`/`columns`/`gap` so subsets can stack while the parent\n * grids (or vice versa).\n *\n * @example\n * <FormSection title=\"Endereço\" description=\"Usado para entrega\" layout=\"grid\" columns={3}>\n *     <Input label=\"CEP\" />\n *     <Input label=\"Rua\" />\n *     <Input label=\"Número\" />\n * </FormSection>\n */\nexport function FormSection({\n    title,\n    description,\n    layout = \"stack\",\n    columns,\n    gap,\n    className,\n    style,\n    children,\n    ...props\n}: FormSectionProps) {\n    const bodyStyle: CSSProperties = {\n        gap: resolveGap(gap, 4),\n        ...(layout === \"grid\" ? { gridTemplateColumns: resolveColumns(columns) } : null),\n    };\n    return (\n        <section className={cn(styles.section, className)} style={style} {...props}>\n            {(title || description) && (\n                <header className={styles.sectionHeader}>\n                    {title && <h3 className={styles.sectionTitle}>{title}</h3>}\n                    {description && <p className={styles.sectionDescription}>{description}</p>}\n                </header>\n            )}\n            <div className={cn(styles.sectionBody, styles[layout])} style={bodyStyle}>\n                {children}\n            </div>\n        </section>\n    );\n}\n\nexport interface FormRowProps extends HTMLAttributes<HTMLDivElement> {\n    /** Gap between row items. Numbers map to a multiple of the 4px scale (default `3` → 12px). */\n    gap?: number | string;\n}\n\n/**\n * Forces a horizontal row regardless of parent layout — useful for grouping\n * two short fields side-by-side inside an otherwise stacked form (e.g. CEP +\n * city, expiry month + year).\n *\n * @example\n * <Form layout=\"stack\">\n *     <FormRow>\n *         <Input label=\"CEP\" />\n *         <Input label=\"Cidade\" />\n *     </FormRow>\n *     <Input label=\"Endereço completo\" />\n * </Form>\n */\nexport function FormRow({ gap, className, style, children, ...props }: FormRowProps) {\n    const finalStyle: CSSProperties = { gap: resolveGap(gap, 3), ...style };\n    return (\n        <div className={cn(styles.row, className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n\nexport interface FormActionsProps extends HTMLAttributes<HTMLDivElement> {\n    /** Horizontal alignment of buttons. Default `end`. */\n    align?: FormActionsAlign;\n    /** Gap between buttons. Numbers map to a multiple of the 4px scale (default `2` → 8px). */\n    gap?: number | string;\n}\n\n/**\n * Footer button row for a form. Use inside (or after) [[Form]] / [[FormSection]].\n *\n * @example\n * <FormActions align=\"end\">\n *     <Button variant=\"ghost\" onClick={onCancel}>Cancelar</Button>\n *     <Button type=\"submit\" loading={form.formState.isSubmitting}>Salvar</Button>\n * </FormActions>\n */\nexport function FormActions({\n    align = \"end\",\n    gap,\n    className,\n    style,\n    children,\n    ...props\n}: FormActionsProps) {\n    const finalStyle: CSSProperties = { gap: resolveGap(gap, 2), ...style };\n    return (\n        <div className={cn(styles.actions, styles[align], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAiBA,SAAS,EAAW,GAAkC,GAA0B;CAE5E,OADI,MAAQ,KAAA,IAAkB,GAAG,IAAW,EAAE,MACvC,OAAO,KAAQ,WAAW,GAAG,IAAM,EAAE,MAAM;AACtD;AAEA,SAAS,EAAe,GAA8C;CAElE,OADI,MAAY,KAAA,IAAkB,8BAC3B,OAAO,KAAY,WAAW,UAAU,EAAQ,qBAAqB;AAChF;AAkBA,IAAa,IAAO,EAAuC,SACvD,EAAE,YAAS,SAAS,YAAS,QAAK,cAAW,UAAO,aAAU,GAAG,KACjE,GACF;CACE,IAAM,IAA4B;EAC9B,KAAK,EAAW,GAAK,CAAC;EACtB,GAAI,MAAW,SAAS,EAAE,qBAAqB,EAAe,CAAO,EAAE,IAAI;EAC3E,GAAG;CACP;CACA,OACI,kBAAC,QAAD;EACS;EACL,WAAW,EAAG,EAAO,MAAM,EAAO,IAAS,CAAS;EACpD,OAAO;EACP,GAAI;EAEH;CACC,CAAA;AAEd,CAAC;AAmBD,SAAgB,EAAY,EACxB,UACA,gBACA,YAAS,SACT,YACA,QACA,cACA,UACA,aACA,GAAG,KACc;CACjB,IAAM,IAA2B;EAC7B,KAAK,EAAW,GAAK,CAAC;EACtB,GAAI,MAAW,SAAS,EAAE,qBAAqB,EAAe,CAAO,EAAE,IAAI;CAC/E;CACA,OACI,kBAAC,WAAD;EAAS,WAAW,EAAG,EAAO,SAAS,CAAS;EAAU;EAAO,GAAI;YAArE,EACM,KAAS,MACP,kBAAC,UAAD;GAAQ,WAAW,EAAO;aAA1B,CACK,KAAS,kBAAC,MAAD;IAAI,WAAW,EAAO;cAAe;GAAU,CAAA,GACxD,KAAe,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAqB;GAAe,CAAA,CACrE;MAEZ,kBAAC,OAAD;GAAK,WAAW,EAAG,EAAO,aAAa,EAAO,EAAO;GAAG,OAAO;GAC1D;EACA,CAAA,CACA;;AAEjB;AAqBA,SAAgB,EAAQ,EAAE,QAAK,cAAW,UAAO,aAAU,GAAG,KAAuB;CACjF,IAAM,IAA4B;EAAE,KAAK,EAAW,GAAK,CAAC;EAAG,GAAG;CAAM;CACtE,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,KAAK,CAAS;EAAG,OAAO;EAAY,GAAI;EAC7D;CACA,CAAA;AAEb;AAkBA,SAAgB,EAAY,EACxB,WAAQ,OACR,QACA,cACA,UACA,aACA,GAAG,KACc;CACjB,IAAM,IAA4B;EAAE,KAAK,EAAW,GAAK,CAAC;EAAG,GAAG;CAAM;CACtE,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,EAAO,IAAQ,CAAS;EAAG,OAAO;EAAY,GAAI;EAChF;CACA,CAAA;AAEb"}

package/dist/components/Form/Form.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_form_jNBDR`,t=`tempest_stack_O1Hl-`,n=`tempest_inline_LBQAv`,r=`tempest_grid_-B86T`,i=`tempest_section_HGqw3`,a=`tempest_sectionHeader_ji9hQ`,o=`tempest_sectionTitle_GTPwe`,s=`tempest_sectionDescription_KjW7k`,c=`tempest_sectionBody_Vp2wz`,l=`tempest_row_1EkVR`,u=`tempest_actions_hK95I`,d=`tempest_start_gXnm3`,f=`tempest_center_mKkz4`,p=`tempest_end_O3yDQ`,m=`tempest_between_tte2z`,h={form:e,stack:t,inline:n,grid:r,section:i,sectionHeader:a,sectionTitle:o,sectionDescription:s,sectionBody:c,row:l,actions:u,start:d,center:f,end:p,between:m};exports.actions=u,exports.between=m,exports.center=f,exports.default=h,exports.end=p,exports.form=e,exports.grid=r,exports.inline=n,exports.row=l,exports.section=i,exports.sectionBody=c,exports.sectionDescription=s,exports.sectionHeader=a,exports.sectionTitle=o,exports.stack=t,exports.start=d;
+//# sourceMappingURL=Form.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.module.cjs","names":[],"sources":["../../../src/components/Form/Form.module.css"],"sourcesContent":[".form {\n    display: flex;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.form.stack {\n    flex-direction: column;\n}\n\n.form.inline {\n    flex-direction: row;\n    align-items: flex-end;\n    flex-wrap: wrap;\n}\n\n.form.grid {\n    display: grid;\n    width: 100%;\n}\n\n.section {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.sectionHeader {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: var(--tempest-space-3);\n}\n\n.sectionTitle {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n    margin: 0;\n}\n\n.sectionDescription {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    margin: var(--tempest-space-1) 0 0;\n}\n\n.sectionBody {\n    display: flex;\n    width: 100%;\n}\n\n.sectionBody.stack {\n    flex-direction: column;\n}\n\n.sectionBody.inline {\n    flex-direction: row;\n    align-items: flex-end;\n    flex-wrap: wrap;\n}\n\n.sectionBody.grid {\n    display: grid;\n}\n\n.row {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-end;\n    flex-wrap: wrap;\n    width: 100%;\n}\n\n.row > * {\n    flex: 1 1 0;\n    min-width: 0;\n}\n\n/* On mobile, rows collapse to single column for legibility. */\n@media (max-width: 639.98px) {\n    .row {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    .row > * {\n        flex: 1 1 auto;\n    }\n}\n\n.actions {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    margin-top: var(--tempest-space-2);\n}\n\n.actions.start {\n    justify-content: flex-start;\n}\n\n.actions.center {\n    justify-content: center;\n}\n\n.actions.end {\n    justify-content: flex-end;\n}\n\n.actions.between {\n    justify-content: space-between;\n}\n"],"mappings":""}

package/dist/components/Form/Form.module.js

@@ -0,0 +1,22 @@
+//#region src/components/Form/Form.module.css
+var e = "tempest_form_jNBDR", t = "tempest_stack_O1Hl-", n = "tempest_inline_LBQAv", r = "tempest_grid_-B86T", i = "tempest_section_HGqw3", a = "tempest_sectionHeader_ji9hQ", o = "tempest_sectionTitle_GTPwe", s = "tempest_sectionDescription_KjW7k", c = "tempest_sectionBody_Vp2wz", l = "tempest_row_1EkVR", u = "tempest_actions_hK95I", d = "tempest_start_gXnm3", f = "tempest_center_mKkz4", p = "tempest_end_O3yDQ", m = "tempest_between_tte2z", h = {
+	form: e,
+	stack: t,
+	inline: n,
+	grid: r,
+	section: i,
+	sectionHeader: a,
+	sectionTitle: o,
+	sectionDescription: s,
+	sectionBody: c,
+	row: l,
+	actions: u,
+	start: d,
+	center: f,
+	end: p,
+	between: m
+};
+//#endregion
+export { u as actions, m as between, f as center, h as default, p as end, e as form, r as grid, n as inline, l as row, i as section, c as sectionBody, s as sectionDescription, a as sectionHeader, o as sectionTitle, t as stack, d as start };
+
+//# sourceMappingURL=Form.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.module.js","names":[],"sources":["../../../src/components/Form/Form.module.css"],"sourcesContent":[".form {\n    display: flex;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.form.stack {\n    flex-direction: column;\n}\n\n.form.inline {\n    flex-direction: row;\n    align-items: flex-end;\n    flex-wrap: wrap;\n}\n\n.form.grid {\n    display: grid;\n    width: 100%;\n}\n\n.section {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.sectionHeader {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: var(--tempest-space-3);\n}\n\n.sectionTitle {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n    margin: 0;\n}\n\n.sectionDescription {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    margin: var(--tempest-space-1) 0 0;\n}\n\n.sectionBody {\n    display: flex;\n    width: 100%;\n}\n\n.sectionBody.stack {\n    flex-direction: column;\n}\n\n.sectionBody.inline {\n    flex-direction: row;\n    align-items: flex-end;\n    flex-wrap: wrap;\n}\n\n.sectionBody.grid {\n    display: grid;\n}\n\n.row {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-end;\n    flex-wrap: wrap;\n    width: 100%;\n}\n\n.row > * {\n    flex: 1 1 0;\n    min-width: 0;\n}\n\n/* On mobile, rows collapse to single column for legibility. */\n@media (max-width: 639.98px) {\n    .row {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    .row > * {\n        flex: 1 1 auto;\n    }\n}\n\n.actions {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    margin-top: var(--tempest-space-2);\n}\n\n.actions.start {\n    justify-content: flex-start;\n}\n\n.actions.center {\n    justify-content: center;\n}\n\n.actions.end {\n    justify-content: flex-end;\n}\n\n.actions.between {\n    justify-content: space-between;\n}\n"],"mappings":""}