tempest-react-sdk 0.22.0 → 0.23.0

package/dist/components/FileUpload/FileUpload.js

@@ -0,0 +1,127 @@
+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`;
+}
+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 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 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"
+    }
+  ) });
+}
+export {
+  R as FileUpload
+};
+//# sourceMappingURL=FileUpload.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_wrapper_E0qHs",t="tempest_label_lbMkx",s="tempest_dropzone_jqua0",l="tempest_active_CG9Uk",i="tempest_disabled_WNUUl",o="tempest_icon_i9fGH",n="tempest_title_bTVFl",_="tempest_subtitle_S54OV",p="tempest_files_WljYm",a="tempest_file_Lp-dR",d="tempest_fileMeta_LTnN2",c="tempest_remove_jskra",r="tempest_hidden_ReEq6",m={wrapper:e,label:t,dropzone:s,active:l,disabled:i,icon:o,title:n,subtitle:_,files:p,file:a,fileMeta:d,remove:c,hidden:r};exports.active=l;exports.default=m;exports.disabled=i;exports.dropzone=s;exports.file=a;exports.fileMeta=d;exports.files=p;exports.hidden=r;exports.icon=o;exports.label=t;exports.remove=c;exports.subtitle=_;exports.title=n;exports.wrapper=e;
+//# sourceMappingURL=FileUpload.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/FloatingActionButton/FloatingActionButton.cjs

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

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

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

package/dist/components/FloatingActionButton/FloatingActionButton.js

@@ -0,0 +1,39 @@
+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 })
+      ]
+    }
+  );
+}
+export {
+  p as FloatingActionButton
+};
+//# sourceMappingURL=FloatingActionButton.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_fab_U3NIL",e="tempest_primary_8lnHI",o="tempest_surface_ZTMQ4",s="tempest_round_ljguw",m="tempest_sm_3-rLi",n="tempest_md_vOdzW",_="tempest_lg_Xc6vE",c="tempest_extended_GhPio",d="tempest_icon_cZ8Nq",r="tempest_label_tfoCq",i="tempest_fixed_Xr8Xa",a="tempest_bottomRight_bJ8Oo",l="tempest_bottomLeft_USN6N",b={fab:t,primary:e,surface:o,round:s,sm:m,md:n,lg:_,extended:c,icon:d,label:r,fixed:i,bottomRight:a,bottomLeft:l};exports.bottomLeft=l;exports.bottomRight=a;exports.default=b;exports.extended=c;exports.fab=t;exports.fixed=i;exports.icon=d;exports.label=r;exports.lg=_;exports.md=n;exports.primary=e;exports.round=s;exports.sm=m;exports.surface=o;
+//# sourceMappingURL=FloatingActionButton.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/For/For.cjs

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

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

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

package/dist/components/For/For.js

@@ -0,0 +1,9 @@
+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)) });
+}
+export {
+  g as For
+};
+//# sourceMappingURL=For.js.map

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

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

package/dist/components/Form/Form.cjs

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

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

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

package/dist/components/Form/Form.js

@@ -0,0 +1,72 @@
+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;
+}
+function y(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
+    }
+  );
+});
+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 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 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 });
+}
+export {
+  F as Form,
+  w as FormActions,
+  b as FormRow,
+  S as FormSection
+};
+//# sourceMappingURL=Form.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_form_jNBDR",t="tempest_stack_O1Hl-",s="tempest_inline_LBQAv",n="tempest_grid_-B86T",o="tempest_section_HGqw3",c="tempest_sectionHeader_ji9hQ",i="tempest_sectionTitle_GTPwe",r="tempest_sectionDescription_KjW7k",_="tempest_sectionBody_Vp2wz",m="tempest_row_1EkVR",p="tempest_actions_hK95I",a="tempest_start_gXnm3",d="tempest_center_mKkz4",l="tempest_end_O3yDQ",w="tempest_between_tte2z",g={form:e,stack:t,inline:s,grid:n,section:o,sectionHeader:c,sectionTitle:i,sectionDescription:r,sectionBody:_,row:m,actions:p,start:a,center:d,end:l,between:w};exports.actions=p;exports.between=w;exports.center=d;exports.default=g;exports.end=l;exports.form=e;exports.grid=n;exports.inline=s;exports.row=m;exports.section=o;exports.sectionBody=_;exports.sectionDescription=r;exports.sectionHeader=c;exports.sectionTitle=i;exports.stack=t;exports.start=a;
+//# sourceMappingURL=Form.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/components/HoverCard/HoverCard.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),e=require("react"),g=require("../../utils/cn.cjs"),s=require("./HoverCard.module.css.cjs");function j({trigger:f,children:m,openDelay:n=300,closeDelay:c=150,placement:b="bottom",className:v,...C}){const[o,a]=e.useState(!1),l=e.useId(),t=e.useRef(null),r=e.useCallback(()=>{t.current!==null&&(clearTimeout(t.current),t.current=null)},[]),i=e.useCallback(()=>{r(),t.current=setTimeout(()=>a(!0),n)},[r,n]),d=e.useCallback(()=>{r(),t.current=setTimeout(()=>a(!1),c)},[r,c]);return e.useEffect(()=>r,[r]),u.jsxs("span",{className:s.default.root,onMouseEnter:i,onMouseLeave:d,onFocus:i,onBlur:d,children:[u.jsx("span",{"aria-describedby":o?l:void 0,className:s.default.trigger,children:f}),o&&u.jsx("div",{id:l,role:"dialog",className:g.cn(s.default.card,s.default[b],v),...C,children:m})]})}exports.HoverCard=j;
+//# sourceMappingURL=HoverCard.cjs.map

package/dist/components/HoverCard/HoverCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.cjs","sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./HoverCard.module.css\";\n\nexport type HoverCardPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface HoverCardProps extends HTMLAttributes<HTMLDivElement> {\n    /** Element the user hovers/focuses to reveal the card. */\n    trigger: ReactNode;\n    /** Card content shown while hovering/focusing the trigger or the card itself. */\n    children: ReactNode;\n    /** Delay in ms before opening on mouseenter/focus. Default 300. */\n    openDelay?: number;\n    /** Delay in ms before closing on mouseleave/blur. Default 150. */\n    closeDelay?: number;\n    /** Where the card is anchored relative to the trigger. Default \"bottom\". */\n    placement?: HoverCardPlacement;\n}\n\n/**\n * Content preview shown when the trigger is hovered or focused.\n *\n * - Opens after `openDelay` on `mouseenter`/`focus`.\n * - Closes after `closeDelay` on `mouseleave`/`blur`.\n * - Positioned relative to the trigger via `placement`.\n * - The card is rendered as a labelled `role=\"dialog\"` region; the trigger stays keyboard focusable.\n *\n * @param props - The hover card props.\n * @returns The trigger wrapper and the anchored card when open.\n */\nexport function HoverCard({\n    trigger,\n    children,\n    openDelay = 300,\n    closeDelay = 150,\n    placement = \"bottom\",\n    className,\n    ...rest\n}: HoverCardProps) {\n    const [open, setOpen] = useState(false);\n    const id = useId();\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const clearTimer = useCallback((): void => {\n        if (timerRef.current !== null) {\n            clearTimeout(timerRef.current);\n            timerRef.current = null;\n        }\n    }, []);\n\n    const scheduleOpen = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(true), openDelay);\n    }, [clearTimer, openDelay]);\n\n    const scheduleClose = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(false), closeDelay);\n    }, [clearTimer, closeDelay]);\n\n    useEffect(() => clearTimer, [clearTimer]);\n\n    return (\n        <span\n            className={styles.root}\n            onMouseEnter={scheduleOpen}\n            onMouseLeave={scheduleClose}\n            onFocus={scheduleOpen}\n            onBlur={scheduleClose}\n        >\n            <span aria-describedby={open ? id : undefined} className={styles.trigger}>\n                {trigger}\n            </span>\n            {open && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.card, styles[placement], className)}\n                    {...rest}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"names":["HoverCard","trigger","children","openDelay","closeDelay","placement","className","rest","open","setOpen","useState","id","useId","timerRef","useRef","clearTimer","useCallback","scheduleOpen","scheduleClose","useEffect","jsxs","styles","jsx","cn"],"mappings":"gNA+BO,SAASA,EAAU,CACtB,QAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,IACZ,WAAAC,EAAa,IACb,UAAAC,EAAY,SACZ,UAAAC,EACA,GAAGC,CACP,EAAmB,CACf,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAChCC,EAAKC,EAAAA,MAAA,EACLC,EAAWC,EAAAA,OAA6C,IAAI,EAE5DC,EAAaC,EAAAA,YAAY,IAAY,CACnCH,EAAS,UAAY,OACrB,aAAaA,EAAS,OAAO,EAC7BA,EAAS,QAAU,KAE3B,EAAG,CAAA,CAAE,EAECI,EAAeD,EAAAA,YAAY,IAAY,CACzCD,EAAA,EACAF,EAAS,QAAU,WAAW,IAAMJ,EAAQ,EAAI,EAAGN,CAAS,CAChE,EAAG,CAACY,EAAYZ,CAAS,CAAC,EAEpBe,EAAgBF,EAAAA,YAAY,IAAY,CAC1CD,EAAA,EACAF,EAAS,QAAU,WAAW,IAAMJ,EAAQ,EAAK,EAAGL,CAAU,CAClE,EAAG,CAACW,EAAYX,CAAU,CAAC,EAE3Be,OAAAA,EAAAA,UAAU,IAAMJ,EAAY,CAACA,CAAU,CAAC,EAGpCK,EAAAA,KAAC,OAAA,CACG,UAAWC,EAAAA,QAAO,KAClB,aAAcJ,EACd,aAAcC,EACd,QAASD,EACT,OAAQC,EAER,SAAA,CAAAI,EAAAA,IAAC,OAAA,CAAK,mBAAkBd,EAAOG,EAAK,OAAW,UAAWU,EAAAA,QAAO,QAC5D,SAAApB,CAAA,CACL,EACCO,GACGc,EAAAA,IAAC,MAAA,CACG,GAAAX,EACA,KAAK,SACL,UAAWY,EAAAA,GAAGF,UAAO,KAAMA,EAAAA,QAAOhB,CAAS,EAAGC,CAAS,EACtD,GAAGC,EAEH,SAAAL,CAAA,CAAA,CACL,CAAA,CAAA,CAIhB"}

package/dist/components/HoverCard/HoverCard.js

@@ -0,0 +1,48 @@
+import { jsxs as v, jsx as m } from "react/jsx-runtime";
+import { useState as T, useId as g, useRef as x, useCallback as t, useEffect as C } from "react";
+import { cn as N } from "../../utils/cn.js";
+import s from "./HoverCard.module.css.js";
+function R({
+  trigger: d,
+  children: f,
+  openDelay: o = 300,
+  closeDelay: n = 150,
+  placement: p = "bottom",
+  className: b,
+  ...h
+}) {
+  const [c, u] = T(!1), l = g(), r = x(null), e = t(() => {
+    r.current !== null && (clearTimeout(r.current), r.current = null);
+  }, []), i = t(() => {
+    e(), r.current = setTimeout(() => u(!0), o);
+  }, [e, o]), a = t(() => {
+    e(), r.current = setTimeout(() => u(!1), n);
+  }, [e, n]);
+  return C(() => e, [e]), /* @__PURE__ */ v(
+    "span",
+    {
+      className: s.root,
+      onMouseEnter: i,
+      onMouseLeave: a,
+      onFocus: i,
+      onBlur: a,
+      children: [
+        /* @__PURE__ */ m("span", { "aria-describedby": c ? l : void 0, className: s.trigger, children: d }),
+        c && /* @__PURE__ */ m(
+          "div",
+          {
+            id: l,
+            role: "dialog",
+            className: N(s.card, s[p], b),
+            ...h,
+            children: f
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  R as HoverCard
+};
+//# sourceMappingURL=HoverCard.js.map

package/dist/components/HoverCard/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./HoverCard.module.css\";\n\nexport type HoverCardPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface HoverCardProps extends HTMLAttributes<HTMLDivElement> {\n    /** Element the user hovers/focuses to reveal the card. */\n    trigger: ReactNode;\n    /** Card content shown while hovering/focusing the trigger or the card itself. */\n    children: ReactNode;\n    /** Delay in ms before opening on mouseenter/focus. Default 300. */\n    openDelay?: number;\n    /** Delay in ms before closing on mouseleave/blur. Default 150. */\n    closeDelay?: number;\n    /** Where the card is anchored relative to the trigger. Default \"bottom\". */\n    placement?: HoverCardPlacement;\n}\n\n/**\n * Content preview shown when the trigger is hovered or focused.\n *\n * - Opens after `openDelay` on `mouseenter`/`focus`.\n * - Closes after `closeDelay` on `mouseleave`/`blur`.\n * - Positioned relative to the trigger via `placement`.\n * - The card is rendered as a labelled `role=\"dialog\"` region; the trigger stays keyboard focusable.\n *\n * @param props - The hover card props.\n * @returns The trigger wrapper and the anchored card when open.\n */\nexport function HoverCard({\n    trigger,\n    children,\n    openDelay = 300,\n    closeDelay = 150,\n    placement = \"bottom\",\n    className,\n    ...rest\n}: HoverCardProps) {\n    const [open, setOpen] = useState(false);\n    const id = useId();\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const clearTimer = useCallback((): void => {\n        if (timerRef.current !== null) {\n            clearTimeout(timerRef.current);\n            timerRef.current = null;\n        }\n    }, []);\n\n    const scheduleOpen = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(true), openDelay);\n    }, [clearTimer, openDelay]);\n\n    const scheduleClose = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(false), closeDelay);\n    }, [clearTimer, closeDelay]);\n\n    useEffect(() => clearTimer, [clearTimer]);\n\n    return (\n        <span\n            className={styles.root}\n            onMouseEnter={scheduleOpen}\n            onMouseLeave={scheduleClose}\n            onFocus={scheduleOpen}\n            onBlur={scheduleClose}\n        >\n            <span aria-describedby={open ? id : undefined} className={styles.trigger}>\n                {trigger}\n            </span>\n            {open && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.card, styles[placement], className)}\n                    {...rest}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"names":["HoverCard","trigger","children","openDelay","closeDelay","placement","className","rest","open","setOpen","useState","id","useId","timerRef","useRef","clearTimer","useCallback","scheduleOpen","scheduleClose","useEffect","jsxs","styles","jsx","cn"],"mappings":";;;;AA+BO,SAASA,EAAU;AAAA,EACtB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGC;AACP,GAAmB;AACf,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAKC,EAAA,GACLC,IAAWC,EAA6C,IAAI,GAE5DC,IAAaC,EAAY,MAAY;AACvC,IAAIH,EAAS,YAAY,SACrB,aAAaA,EAAS,OAAO,GAC7BA,EAAS,UAAU;AAAA,EAE3B,GAAG,CAAA,CAAE,GAECI,IAAeD,EAAY,MAAY;AACzC,IAAAD,EAAA,GACAF,EAAS,UAAU,WAAW,MAAMJ,EAAQ,EAAI,GAAGN,CAAS;AAAA,EAChE,GAAG,CAACY,GAAYZ,CAAS,CAAC,GAEpBe,IAAgBF,EAAY,MAAY;AAC1C,IAAAD,EAAA,GACAF,EAAS,UAAU,WAAW,MAAMJ,EAAQ,EAAK,GAAGL,CAAU;AAAA,EAClE,GAAG,CAACW,GAAYX,CAAU,CAAC;AAE3B,SAAAe,EAAU,MAAMJ,GAAY,CAACA,CAAU,CAAC,GAGpC,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAO;AAAA,MAClB,cAAcJ;AAAA,MACd,cAAcC;AAAA,MACd,SAASD;AAAA,MACT,QAAQC;AAAA,MAER,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAA,EAAK,oBAAkBd,IAAOG,IAAK,QAAW,WAAWU,EAAO,SAC5D,UAAApB,EAAA,CACL;AAAA,QACCO,KACG,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,IAAAX;AAAA,YACA,MAAK;AAAA,YACL,WAAWY,EAAGF,EAAO,MAAMA,EAAOhB,CAAS,GAAGC,CAAS;AAAA,YACtD,GAAGC;AAAA,YAEH,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAIhB;"}

package/dist/components/HoverCard/HoverCard.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_root_2KoZA",e="tempest_trigger_OXsnr",o="tempest_card_CoGx4",r="tempest_tempest-hover-card-in_jD85J",s="tempest_top_AVcQ0",_="tempest_bottom_2rLAA",c="tempest_left_tqGPt",m="tempest_right_9Fe6S",p={root:t,trigger:e,card:o,tempestHoverCardIn:r,top:s,bottom:_,left:c,right:m};exports.bottom=_;exports.card=o;exports.default=p;exports.left=c;exports.right=m;exports.root=t;exports.tempestHoverCardIn=r;exports.top=s;exports.trigger=e;
+//# sourceMappingURL=HoverCard.module.css.cjs.map

package/dist/components/HoverCard/HoverCard.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}