tempest-react-sdk 0.21.0 → 0.23.0

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

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

package/dist/components/Textarea/Textarea.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),d=require("../../utils/cn.cjs"),e=require("./Textarea.module.css.cjs"),j=c.forwardRef(function({label:s,helperText:r,error:t,wrapperClassName:u,className:i,id:o,required:l,...x},f){const m=c.useId(),n=o??m;return a.jsxs("div",{className:d.cn(e.default.wrapper,t&&e.default.error,u),children:[s&&a.jsxs("label",{htmlFor:n,className:e.default.label,children:[s,l&&a.jsx("span",{className:e.default.required,children:"*"})]}),a.jsx("textarea",{ref:f,id:n,"aria-invalid":!!t,required:l,className:d.cn(e.default.textarea,i),...x}),t?a.jsx("span",{className:e.default.errorText,children:t}):r?a.jsx("span",{className:e.default.helper,children:r}):null]})});exports.Textarea=j;
+//# sourceMappingURL=Textarea.cjs.map

package/dist/components/Textarea/Textarea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.cjs","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Textarea.module.css\";\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Multi-line text input. Mirrors the {@link Input} API for label/helper/error.\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n    { label, helperText, error, wrapperClassName, className, id, required, ...props },\n    ref,\n) {\n    const generatedId = useId();\n    const textareaId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={textareaId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <textarea\n                ref={ref}\n                id={textareaId}\n                aria-invalid={!!error}\n                required={required}\n                className={cn(styles.textarea, className)}\n                {...props}\n            />\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n});\n"],"names":["Textarea","forwardRef","label","helperText","error","wrapperClassName","className","id","required","props","ref","generatedId","useId","textareaId","jsxs","cn","styles","jsx"],"mappings":"+MAeaA,EAAWC,EAAAA,WAA+C,SACnE,CAAE,MAAAC,EAAO,WAAAC,EAAY,MAAAC,EAAO,iBAAAC,EAAkB,UAAAC,EAAW,GAAAC,EAAI,SAAAC,EAAU,GAAGC,CAAA,EAC1EC,EACF,CACE,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAaN,GAAMI,EAEzB,OACIG,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASZ,GAASY,EAAAA,QAAO,MAAOX,CAAgB,EACrE,SAAA,CAAAH,UACI,QAAA,CAAM,QAASW,EAAY,UAAWG,EAAAA,QAAO,MACzC,SAAA,CAAAd,EACAM,GAAYS,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,SAAU,SAAA,GAAA,CAAC,CAAA,EACpD,EAEJC,EAAAA,IAAC,WAAA,CACG,IAAAP,EACA,GAAIG,EACJ,eAAc,CAAC,CAACT,EAChB,SAAAI,EACA,UAAWO,EAAAA,GAAGC,UAAO,SAAUV,CAAS,EACvC,GAAGG,CAAA,CAAA,EAEPL,EACGa,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,UAAY,SAAAZ,CAAA,CAAM,EAC1CD,QACC,OAAA,CAAK,UAAWa,EAAAA,QAAO,OAAS,WAAW,EAC5C,IAAA,EACR,CAER,CAAC"}

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,29 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { forwardRef as h, useId as N } from "react";
+import { cn as i } from "../../utils/cn.js";
+import a from "./Textarea.module.css.js";
+const T = h(function({ label: s, helperText: t, error: e, wrapperClassName: m, className: o, id: d, required: l, ...p }, x) {
+  const f = N(), n = d ?? f;
+  return /* @__PURE__ */ c("div", { className: i(a.wrapper, e && a.error, m), children: [
+    s && /* @__PURE__ */ c("label", { htmlFor: n, className: a.label, children: [
+      s,
+      l && /* @__PURE__ */ r("span", { className: a.required, children: "*" })
+    ] }),
+    /* @__PURE__ */ r(
+      "textarea",
+      {
+        ref: x,
+        id: n,
+        "aria-invalid": !!e,
+        required: l,
+        className: i(a.textarea, o),
+        ...p
+      }
+    ),
+    e ? /* @__PURE__ */ r("span", { className: a.errorText, children: e }) : t ? /* @__PURE__ */ r("span", { className: a.helper, children: t }) : null
+  ] });
+});
+export {
+  T as Textarea
+};
+//# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Textarea.module.css\";\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Multi-line text input. Mirrors the {@link Input} API for label/helper/error.\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n    { label, helperText, error, wrapperClassName, className, id, required, ...props },\n    ref,\n) {\n    const generatedId = useId();\n    const textareaId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={textareaId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <textarea\n                ref={ref}\n                id={textareaId}\n                aria-invalid={!!error}\n                required={required}\n                className={cn(styles.textarea, className)}\n                {...props}\n            />\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n});\n"],"names":["Textarea","forwardRef","label","helperText","error","wrapperClassName","className","id","required","props","ref","generatedId","useId","textareaId","jsxs","cn","styles","jsx"],"mappings":";;;;AAeO,MAAMA,IAAWC,EAA+C,SACnE,EAAE,OAAAC,GAAO,YAAAC,GAAY,OAAAC,GAAO,kBAAAC,GAAkB,WAAAC,GAAW,IAAAC,GAAI,UAAAC,GAAU,GAAGC,EAAA,GAC1EC,GACF;AACE,QAAMC,IAAcC,EAAA,GACdC,IAAaN,KAAMI;AAEzB,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,SAASZ,KAASY,EAAO,OAAOX,CAAgB,GACrE,UAAA;AAAA,IAAAH,uBACI,SAAA,EAAM,SAASW,GAAY,WAAWG,EAAO,OACzC,UAAA;AAAA,MAAAd;AAAA,MACAM,KAAY,gBAAAS,EAAC,QAAA,EAAK,WAAWD,EAAO,UAAU,UAAA,IAAA,CAAC;AAAA,IAAA,GACpD;AAAA,IAEJ,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAP;AAAA,QACA,IAAIG;AAAA,QACJ,gBAAc,CAAC,CAACT;AAAA,QAChB,UAAAI;AAAA,QACA,WAAWO,EAAGC,EAAO,UAAUV,CAAS;AAAA,QACvC,GAAGG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEPL,IACG,gBAAAa,EAAC,QAAA,EAAK,WAAWD,EAAO,WAAY,UAAAZ,EAAA,CAAM,IAC1CD,sBACC,QAAA,EAAK,WAAWa,EAAO,QAAS,aAAW,IAC5C;AAAA,EAAA,GACR;AAER,CAAC;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_wrapper_C0gfg",r="tempest_label_cWLXP",t="tempest_required_rDZXE",o="tempest_textarea_Z-y6g",s="tempest_error_NWC9f",a="tempest_helper_gedut",p="tempest_errorText_ey07q",l={wrapper:e,label:r,required:t,textarea:o,error:s,helper:a,errorText:p};exports.default=l;exports.error=s;exports.errorText=p;exports.helper=a;exports.label=r;exports.required=t;exports.textarea=o;exports.wrapper=e;
+//# sourceMappingURL=Textarea.module.css.cjs.map

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

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

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

@@ -0,0 +1,20 @@
+const e = "tempest_wrapper_C0gfg", r = "tempest_label_cWLXP", t = "tempest_required_rDZXE", s = "tempest_textarea_Z-y6g", p = "tempest_error_NWC9f", o = "tempest_helper_gedut", a = "tempest_errorText_ey07q", _ = {
+  wrapper: e,
+  label: r,
+  required: t,
+  textarea: s,
+  error: p,
+  helper: o,
+  errorText: a
+};
+export {
+  _ as default,
+  p as error,
+  a as errorText,
+  o as helper,
+  r as label,
+  t as required,
+  s as textarea,
+  e as wrapper
+};
+//# sourceMappingURL=Textarea.module.css.js.map

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

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

package/dist/components/TimePicker/TimePicker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("react"),m=require("../../utils/cn.cjs"),n=require("./TimePicker.module.css.cjs");function f(c){return c.toString().padStart(2,"0")}function q(c){const o=/^(\d{1,2}):(\d{1,2})$/.exec(c.trim());if(!o)return{hour24:null,minute:null};const a=Number(o[1]),l=Number(o[2]);return a<0||a>23||l<0||l>59?{hour24:null,minute:null}:{hour24:a,minute:l}}function $(c){const o=c%12;return o===0?12:o}function j(c,o){const a=c%12;return o==="PM"?a+12:a}function T({value:c,onChange:o,minuteStep:a=5,use12Hours:l=!1,label:N,helperText:b,disabled:s,className:P}){const v=d.useId(),{hour24:i,minute:h}=d.useMemo(()=>q(c),[c]),M=i!==null&&i>=12?"PM":"AM",y=d.useMemo(()=>l?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t),[l]),k=d.useMemo(()=>{const e=a>0?a:1,t=[];for(let u=0;u<60;u+=e)t.push(u);return t},[a]),p=i===null?null:l?$(i):i,x=(e,t)=>{o(`${f(e)}:${f(t)}`)},g=e=>{if(s)return;const t=h??0,u=l?j(e,M):e;x(u,t)},A=e=>{if(s)return;const t=i??(l?j(12,"AM"):0);x(t,e)},C=e=>{if(s)return;const t=p??12,u=h??0;x(j(t,e),u)};return r.jsxs("div",{className:m.cn(n.default.wrapper,s&&n.default.disabled,P),children:[N&&r.jsx("span",{id:`${v}-label`,className:n.default.label,children:N}),r.jsxs("div",{className:n.default.columns,children:[r.jsx("ul",{role:"listbox","aria-label":"Horas",className:n.default.column,children:y.map(e=>{const t=e===p;return r.jsx("li",{className:n.default.cellWrapper,children:r.jsx("button",{type:"button",role:"option","aria-selected":t,disabled:s,className:m.cn(n.default.cell,t&&n.default.active),onClick:()=>g(e),children:l?e:f(e)})},e)})}),r.jsx("ul",{role:"listbox","aria-label":"Minutos",className:n.default.column,children:k.map(e=>{const t=e===h;return r.jsx("li",{className:n.default.cellWrapper,children:r.jsx("button",{type:"button",role:"option","aria-selected":t,disabled:s,className:m.cn(n.default.cell,t&&n.default.active),onClick:()=>A(e),children:f(e)})},e)})}),l&&r.jsx("ul",{role:"listbox","aria-label":"Período",className:n.default.column,children:["AM","PM"].map(e=>{const t=p!==null&&e===M;return r.jsx("li",{className:n.default.cellWrapper,children:r.jsx("button",{type:"button",role:"option","aria-selected":t,disabled:s,className:m.cn(n.default.cell,t&&n.default.active),onClick:()=>C(e),children:e})},e)})})]}),b&&r.jsx("span",{className:n.default.helper,children:b})]})}exports.TimePicker=T;
+//# sourceMappingURL=TimePicker.cjs.map

package/dist/components/TimePicker/TimePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.cjs","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import { useId, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TimePicker.module.css\";\n\nexport interface TimePickerProps {\n    /** Selected time as a 24h `\"HH:MM\"` string (e.g. `\"14:30\"`). May be `\"\"` for none. */\n    value: string;\n    /** Fired with the new 24h `\"HH:MM\"` string whenever a cell is picked. */\n    onChange: (value: string) => void;\n    /** Granularity of the minute column. Defaults to `5`. */\n    minuteStep?: number;\n    /** When true, show a 1–12 hour column plus an AM/PM column (still emits 24h). */\n    use12Hours?: boolean;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    className?: string;\n}\n\ntype Period = \"AM\" | \"PM\";\n\ninterface ParsedTime {\n    hour24: number | null;\n    minute: number | null;\n}\n\nfunction pad2(value: number): string {\n    return value.toString().padStart(2, \"0\");\n}\n\n/** Parse a 24h `\"HH:MM\"` string into hour/minute numbers, or nulls when empty/invalid. */\nfunction parseValue(value: string): ParsedTime {\n    const match = /^(\\d{1,2}):(\\d{1,2})$/.exec(value.trim());\n    if (!match) return { hour24: null, minute: null };\n    const hour24 = Number(match[1]);\n    const minute = Number(match[2]);\n    if (hour24 < 0 || hour24 > 23 || minute < 0 || minute > 59) {\n        return { hour24: null, minute: null };\n    }\n    return { hour24, minute };\n}\n\n/** Convert a 24h hour into its 12h display hour (1–12). */\nfunction to12Hour(hour24: number): number {\n    const mod = hour24 % 12;\n    return mod === 0 ? 12 : mod;\n}\n\n/** Convert a 12h display hour + period into a 24h hour (0–23). */\nfunction to24Hour(hour12: number, period: Period): number {\n    const base = hour12 % 12;\n    return period === \"PM\" ? base + 12 : base;\n}\n\n/**\n * TimePicker — inline, dependency-free time picker with Material \"spinner column\" styling.\n *\n * Renders scrollable columns of selectable cells (hours, minutes, and AM/PM when\n * `use12Hours`). Always emits a 24h `\"HH:MM\"` string via `onChange`, regardless of\n * whether the 12h display is enabled.\n */\nexport function TimePicker({\n    value,\n    onChange,\n    minuteStep = 5,\n    use12Hours = false,\n    label,\n    helperText,\n    disabled,\n    className,\n}: TimePickerProps) {\n    const id = useId();\n    const { hour24, minute } = useMemo(() => parseValue(value), [value]);\n\n    const period: Period = hour24 !== null && hour24 >= 12 ? \"PM\" : \"AM\";\n\n    const hourCells = useMemo<number[]>(() => {\n        if (use12Hours) {\n            return Array.from({ length: 12 }, (_, index) => index + 1);\n        }\n        return Array.from({ length: 24 }, (_, index) => index);\n    }, [use12Hours]);\n\n    const minuteCells = useMemo<number[]>(() => {\n        const step = minuteStep > 0 ? minuteStep : 1;\n        const cells: number[] = [];\n        for (let current = 0; current < 60; current += step) {\n            cells.push(current);\n        }\n        return cells;\n    }, [minuteStep]);\n\n    const selectedHourDisplay = hour24 === null ? null : use12Hours ? to12Hour(hour24) : hour24;\n\n    const emit = (nextHour24: number, nextMinute: number): void => {\n        onChange(`${pad2(nextHour24)}:${pad2(nextMinute)}`);\n    };\n\n    const handleHour = (displayHour: number): void => {\n        if (disabled) return;\n        const nextMinute = minute ?? 0;\n        const nextHour24 = use12Hours ? to24Hour(displayHour, period) : displayHour;\n        emit(nextHour24, nextMinute);\n    };\n\n    const handleMinute = (nextMinute: number): void => {\n        if (disabled) return;\n        const baseHour24 = hour24 ?? (use12Hours ? to24Hour(12, \"AM\") : 0);\n        emit(baseHour24, nextMinute);\n    };\n\n    const handlePeriod = (nextPeriod: Period): void => {\n        if (disabled) return;\n        const displayHour = selectedHourDisplay ?? 12;\n        const nextMinute = minute ?? 0;\n        emit(to24Hour(displayHour, nextPeriod), nextMinute);\n    };\n\n    return (\n        <div className={cn(styles.wrapper, disabled && styles.disabled, className)}>\n            {label && (\n                <span id={`${id}-label`} className={styles.label}>\n                    {label}\n                </span>\n            )}\n            <div className={styles.columns}>\n                <ul role=\"listbox\" aria-label=\"Horas\" className={styles.column}>\n                    {hourCells.map((cell) => {\n                        const active = cell === selectedHourDisplay;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleHour(cell)}\n                                >\n                                    {use12Hours ? cell : pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                <ul role=\"listbox\" aria-label=\"Minutos\" className={styles.column}>\n                    {minuteCells.map((cell) => {\n                        const active = cell === minute;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleMinute(cell)}\n                                >\n                                    {pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                {use12Hours && (\n                    <ul role=\"listbox\" aria-label=\"Período\" className={styles.column}>\n                        {([\"AM\", \"PM\"] as Period[]).map((cell) => {\n                            const active = selectedHourDisplay !== null && cell === period;\n                            return (\n                                <li key={cell} className={styles.cellWrapper}>\n                                    <button\n                                        type=\"button\"\n                                        role=\"option\"\n                                        aria-selected={active}\n                                        disabled={disabled}\n                                        className={cn(styles.cell, active && styles.active)}\n                                        onClick={() => handlePeriod(cell)}\n                                    >\n                                        {cell}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                )}\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"names":["pad2","value","parseValue","match","hour24","minute","to12Hour","mod","to24Hour","hour12","period","base","TimePicker","onChange","minuteStep","use12Hours","label","helperText","disabled","className","id","useId","useMemo","hourCells","_","index","minuteCells","step","cells","current","selectedHourDisplay","emit","nextHour24","nextMinute","handleHour","displayHour","handleMinute","baseHour24","handlePeriod","nextPeriod","jsxs","cn","styles","jsx","cell","active"],"mappings":"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"}

package/dist/components/TimePicker/TimePicker.js

@@ -0,0 +1,107 @@
+import { jsxs as y, jsx as o } from "react/jsx-runtime";
+import { useId as j, useMemo as N } from "react";
+import { cn as m } from "../../utils/cn.js";
+import r from "./TimePicker.module.css.js";
+function p(l) {
+  return l.toString().padStart(2, "0");
+}
+function _(l) {
+  const c = /^(\d{1,2}):(\d{1,2})$/.exec(l.trim());
+  if (!c) return { hour24: null, minute: null };
+  const a = Number(c[1]), e = Number(c[2]);
+  return a < 0 || a > 23 || e < 0 || e > 59 ? { hour24: null, minute: null } : { hour24: a, minute: e };
+}
+function w(l) {
+  const c = l % 12;
+  return c === 0 ? 12 : c;
+}
+function b(l, c) {
+  const a = l % 12;
+  return c === "PM" ? a + 12 : a;
+}
+function q({
+  value: l,
+  onChange: c,
+  minuteStep: a = 5,
+  use12Hours: e = !1,
+  label: M,
+  helperText: x,
+  disabled: i,
+  className: P
+}) {
+  const A = j(), { hour24: u, minute: h } = N(() => _(l), [l]), v = u !== null && u >= 12 ? "PM" : "AM", C = N(() => e ? Array.from({ length: 12 }, (n, t) => t + 1) : Array.from({ length: 24 }, (n, t) => t), [e]), k = N(() => {
+    const n = a > 0 ? a : 1, t = [];
+    for (let s = 0; s < 60; s += n)
+      t.push(s);
+    return t;
+  }, [a]), d = u === null ? null : e ? w(u) : u, f = (n, t) => {
+    c(`${p(n)}:${p(t)}`);
+  }, $ = (n) => {
+    if (i) return;
+    const t = h ?? 0, s = e ? b(n, v) : n;
+    f(s, t);
+  }, g = (n) => {
+    if (i) return;
+    const t = u ?? (e ? b(12, "AM") : 0);
+    f(t, n);
+  }, W = (n) => {
+    if (i) return;
+    const t = d ?? 12, s = h ?? 0;
+    f(b(t, n), s);
+  };
+  return /* @__PURE__ */ y("div", { className: m(r.wrapper, i && r.disabled, P), children: [
+    M && /* @__PURE__ */ o("span", { id: `${A}-label`, className: r.label, children: M }),
+    /* @__PURE__ */ y("div", { className: r.columns, children: [
+      /* @__PURE__ */ o("ul", { role: "listbox", "aria-label": "Horas", className: r.column, children: C.map((n) => {
+        const t = n === d;
+        return /* @__PURE__ */ o("li", { className: r.cellWrapper, children: /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": t,
+            disabled: i,
+            className: m(r.cell, t && r.active),
+            onClick: () => $(n),
+            children: e ? n : p(n)
+          }
+        ) }, n);
+      }) }),
+      /* @__PURE__ */ o("ul", { role: "listbox", "aria-label": "Minutos", className: r.column, children: k.map((n) => {
+        const t = n === h;
+        return /* @__PURE__ */ o("li", { className: r.cellWrapper, children: /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": t,
+            disabled: i,
+            className: m(r.cell, t && r.active),
+            onClick: () => g(n),
+            children: p(n)
+          }
+        ) }, n);
+      }) }),
+      e && /* @__PURE__ */ o("ul", { role: "listbox", "aria-label": "Período", className: r.column, children: ["AM", "PM"].map((n) => {
+        const t = d !== null && n === v;
+        return /* @__PURE__ */ o("li", { className: r.cellWrapper, children: /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": t,
+            disabled: i,
+            className: m(r.cell, t && r.active),
+            onClick: () => W(n),
+            children: n
+          }
+        ) }, n);
+      }) })
+    ] }),
+    x && /* @__PURE__ */ o("span", { className: r.helper, children: x })
+  ] });
+}
+export {
+  q as TimePicker
+};
+//# sourceMappingURL=TimePicker.js.map

package/dist/components/TimePicker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import { useId, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TimePicker.module.css\";\n\nexport interface TimePickerProps {\n    /** Selected time as a 24h `\"HH:MM\"` string (e.g. `\"14:30\"`). May be `\"\"` for none. */\n    value: string;\n    /** Fired with the new 24h `\"HH:MM\"` string whenever a cell is picked. */\n    onChange: (value: string) => void;\n    /** Granularity of the minute column. Defaults to `5`. */\n    minuteStep?: number;\n    /** When true, show a 1–12 hour column plus an AM/PM column (still emits 24h). */\n    use12Hours?: boolean;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    className?: string;\n}\n\ntype Period = \"AM\" | \"PM\";\n\ninterface ParsedTime {\n    hour24: number | null;\n    minute: number | null;\n}\n\nfunction pad2(value: number): string {\n    return value.toString().padStart(2, \"0\");\n}\n\n/** Parse a 24h `\"HH:MM\"` string into hour/minute numbers, or nulls when empty/invalid. */\nfunction parseValue(value: string): ParsedTime {\n    const match = /^(\\d{1,2}):(\\d{1,2})$/.exec(value.trim());\n    if (!match) return { hour24: null, minute: null };\n    const hour24 = Number(match[1]);\n    const minute = Number(match[2]);\n    if (hour24 < 0 || hour24 > 23 || minute < 0 || minute > 59) {\n        return { hour24: null, minute: null };\n    }\n    return { hour24, minute };\n}\n\n/** Convert a 24h hour into its 12h display hour (1–12). */\nfunction to12Hour(hour24: number): number {\n    const mod = hour24 % 12;\n    return mod === 0 ? 12 : mod;\n}\n\n/** Convert a 12h display hour + period into a 24h hour (0–23). */\nfunction to24Hour(hour12: number, period: Period): number {\n    const base = hour12 % 12;\n    return period === \"PM\" ? base + 12 : base;\n}\n\n/**\n * TimePicker — inline, dependency-free time picker with Material \"spinner column\" styling.\n *\n * Renders scrollable columns of selectable cells (hours, minutes, and AM/PM when\n * `use12Hours`). Always emits a 24h `\"HH:MM\"` string via `onChange`, regardless of\n * whether the 12h display is enabled.\n */\nexport function TimePicker({\n    value,\n    onChange,\n    minuteStep = 5,\n    use12Hours = false,\n    label,\n    helperText,\n    disabled,\n    className,\n}: TimePickerProps) {\n    const id = useId();\n    const { hour24, minute } = useMemo(() => parseValue(value), [value]);\n\n    const period: Period = hour24 !== null && hour24 >= 12 ? \"PM\" : \"AM\";\n\n    const hourCells = useMemo<number[]>(() => {\n        if (use12Hours) {\n            return Array.from({ length: 12 }, (_, index) => index + 1);\n        }\n        return Array.from({ length: 24 }, (_, index) => index);\n    }, [use12Hours]);\n\n    const minuteCells = useMemo<number[]>(() => {\n        const step = minuteStep > 0 ? minuteStep : 1;\n        const cells: number[] = [];\n        for (let current = 0; current < 60; current += step) {\n            cells.push(current);\n        }\n        return cells;\n    }, [minuteStep]);\n\n    const selectedHourDisplay = hour24 === null ? null : use12Hours ? to12Hour(hour24) : hour24;\n\n    const emit = (nextHour24: number, nextMinute: number): void => {\n        onChange(`${pad2(nextHour24)}:${pad2(nextMinute)}`);\n    };\n\n    const handleHour = (displayHour: number): void => {\n        if (disabled) return;\n        const nextMinute = minute ?? 0;\n        const nextHour24 = use12Hours ? to24Hour(displayHour, period) : displayHour;\n        emit(nextHour24, nextMinute);\n    };\n\n    const handleMinute = (nextMinute: number): void => {\n        if (disabled) return;\n        const baseHour24 = hour24 ?? (use12Hours ? to24Hour(12, \"AM\") : 0);\n        emit(baseHour24, nextMinute);\n    };\n\n    const handlePeriod = (nextPeriod: Period): void => {\n        if (disabled) return;\n        const displayHour = selectedHourDisplay ?? 12;\n        const nextMinute = minute ?? 0;\n        emit(to24Hour(displayHour, nextPeriod), nextMinute);\n    };\n\n    return (\n        <div className={cn(styles.wrapper, disabled && styles.disabled, className)}>\n            {label && (\n                <span id={`${id}-label`} className={styles.label}>\n                    {label}\n                </span>\n            )}\n            <div className={styles.columns}>\n                <ul role=\"listbox\" aria-label=\"Horas\" className={styles.column}>\n                    {hourCells.map((cell) => {\n                        const active = cell === selectedHourDisplay;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleHour(cell)}\n                                >\n                                    {use12Hours ? cell : pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                <ul role=\"listbox\" aria-label=\"Minutos\" className={styles.column}>\n                    {minuteCells.map((cell) => {\n                        const active = cell === minute;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleMinute(cell)}\n                                >\n                                    {pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                {use12Hours && (\n                    <ul role=\"listbox\" aria-label=\"Período\" className={styles.column}>\n                        {([\"AM\", \"PM\"] as Period[]).map((cell) => {\n                            const active = selectedHourDisplay !== null && cell === period;\n                            return (\n                                <li key={cell} className={styles.cellWrapper}>\n                                    <button\n                                        type=\"button\"\n                                        role=\"option\"\n                                        aria-selected={active}\n                                        disabled={disabled}\n                                        className={cn(styles.cell, active && styles.active)}\n                                        onClick={() => handlePeriod(cell)}\n                                    >\n                                        {cell}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                )}\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"names":["pad2","value","parseValue","match","hour24","minute","to12Hour","mod","to24Hour","hour12","period","base","TimePicker","onChange","minuteStep","use12Hours","label","helperText","disabled","className","id","useId","useMemo","hourCells","_","index","minuteCells","step","cells","current","selectedHourDisplay","emit","nextHour24","nextMinute","handleHour","displayHour","handleMinute","baseHour24","handlePeriod","nextPeriod","jsxs","cn","styles","jsx","cell","active"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_wrapper_tFKNC",l="tempest_label_FUecv",t="tempest_columns_XMru6",c="tempest_column_bwotJ",s="tempest_cellWrapper_xRos3",p="tempest_cell_eSc7G",r="tempest_active_6amgd",a="tempest_helper_ihHGE",o="tempest_disabled_NDezB",n={wrapper:e,label:l,columns:t,column:c,cellWrapper:s,cell:p,active:r,helper:a,disabled:o};exports.active=r;exports.cell=p;exports.cellWrapper=s;exports.column=c;exports.columns=t;exports.default=n;exports.disabled=o;exports.helper=a;exports.label=l;exports.wrapper=e;
+//# sourceMappingURL=TimePicker.module.css.cjs.map

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

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

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

@@ -0,0 +1,24 @@
+const e = "tempest_wrapper_tFKNC", t = "tempest_label_FUecv", l = "tempest_columns_XMru6", s = "tempest_column_bwotJ", c = "tempest_cellWrapper_xRos3", p = "tempest_cell_eSc7G", o = "tempest_active_6amgd", a = "tempest_helper_ihHGE", _ = "tempest_disabled_NDezB", r = {
+  wrapper: e,
+  label: t,
+  columns: l,
+  column: s,
+  cellWrapper: c,
+  cell: p,
+  active: o,
+  helper: a,
+  disabled: _
+};
+export {
+  o as active,
+  p as cell,
+  c as cellWrapper,
+  s as column,
+  l as columns,
+  r as default,
+  _ as disabled,
+  a as helper,
+  t as label,
+  e as wrapper
+};
+//# sourceMappingURL=TimePicker.module.css.js.map

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

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

package/dist/components/Timeline/Timeline.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("../../utils/cn.cjs"),e=require("./Timeline.module.css.cjs");function u({items:l,connector:r=!0,className:i,...d}){return a.jsx("ol",{className:n.cn(e.default.timeline,r&&e.default.connector,i),...d,children:l.map((s,t)=>{const c=t===l.length-1;return a.jsxs("li",{className:e.default.item,children:[a.jsxs("div",{className:e.default.markerColumn,children:[a.jsx("span",{className:n.cn(e.default.marker,e.default[`marker-${s.marker??"primary"}`]),"aria-hidden":"true",children:s.icon}),r&&!c&&a.jsx("span",{className:e.default.line,"aria-hidden":"true"})]}),a.jsxs("div",{className:e.default.body,children:[a.jsxs("div",{className:e.default.row,children:[a.jsx("span",{className:e.default.title,children:s.title}),s.meta&&a.jsx("span",{className:e.default.meta,children:s.meta})]}),s.description&&a.jsx("p",{className:e.default.description,children:s.description})]})]},s.id)})})}exports.Timeline=u;
+//# sourceMappingURL=Timeline.cjs.map

package/dist/components/Timeline/Timeline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.cjs","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Timeline.module.css\";\n\nexport type TimelineMarker = \"primary\" | \"success\" | \"warning\" | \"danger\" | \"neutral\";\n\nexport interface TimelineItem {\n    /** Stable identifier (used as React key). */\n    id: string;\n    /** Title rendered as the entry headline. */\n    title: ReactNode;\n    /** Optional subtitle / description below the title. */\n    description?: ReactNode;\n    /** Right-aligned meta column (timestamps, durations). */\n    meta?: ReactNode;\n    /** Optional custom icon rendered inside the marker. */\n    icon?: ReactNode;\n    /** Marker color. Default `\"primary\"`. */\n    marker?: TimelineMarker;\n}\n\nexport interface TimelineProps extends HTMLAttributes<HTMLOListElement> {\n    items: TimelineItem[];\n    /** Show the connecting line between markers. Default `true`. */\n    connector?: boolean;\n}\n\n/**\n * Vertical event timeline — activity feeds, order trackers, audit logs.\n * Each entry has a marker (color or custom icon), title, optional\n * description and right-aligned meta column.\n *\n * @example\n * <Timeline items={[\n *     { id: \"1\", title: \"Pedido criado\", meta: \"10:24\", marker: \"primary\" },\n *     { id: \"2\", title: \"Aprovação\", meta: \"10:25\", marker: \"success\" },\n *     { id: \"3\", title: \"Saiu pra entrega\", meta: \"11:00\", marker: \"warning\" },\n * ]} />\n */\nexport function Timeline({ items, connector = true, className, ...props }: TimelineProps) {\n    return (\n        <ol className={cn(styles.timeline, connector && styles.connector, className)} {...props}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                return (\n                    <li key={item.id} className={styles.item}>\n                        <div className={styles.markerColumn}>\n                            <span\n                                className={cn(\n                                    styles.marker,\n                                    styles[`marker-${item.marker ?? \"primary\"}`],\n                                )}\n                                aria-hidden=\"true\"\n                            >\n                                {item.icon}\n                            </span>\n                            {connector && !isLast && (\n                                <span className={styles.line} aria-hidden=\"true\" />\n                            )}\n                        </div>\n                        <div className={styles.body}>\n                            <div className={styles.row}>\n                                <span className={styles.title}>{item.title}</span>\n                                {item.meta && <span className={styles.meta}>{item.meta}</span>}\n                            </div>\n                            {item.description && (\n                                <p className={styles.description}>{item.description}</p>\n                            )}\n                        </div>\n                    </li>\n                );\n            })}\n        </ol>\n    );\n}\n"],"names":["Timeline","items","connector","className","props","cn","styles","item","index","isLast","jsxs","jsx"],"mappings":"4LAuCO,SAASA,EAAS,CAAE,MAAAC,EAAO,UAAAC,EAAY,GAAM,UAAAC,EAAW,GAAGC,GAAwB,CACtF,aACK,KAAA,CAAG,UAAWC,EAAAA,GAAGC,UAAO,SAAUJ,GAAaI,EAAAA,QAAO,UAAWH,CAAS,EAAI,GAAGC,EAC7E,WAAM,IAAI,CAACG,EAAMC,IAAU,CACxB,MAAMC,EAASD,IAAUP,EAAM,OAAS,EACxC,OACIS,EAAAA,KAAC,KAAA,CAAiB,UAAWJ,EAAAA,QAAO,KAChC,SAAA,CAAAI,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,aACnB,SAAA,CAAAK,EAAAA,IAAC,OAAA,CACG,UAAWN,EAAAA,GACPC,EAAAA,QAAO,OACPA,EAAAA,QAAO,UAAUC,EAAK,QAAU,SAAS,EAAE,CAAA,EAE/C,cAAY,OAEX,SAAAA,EAAK,IAAA,CAAA,EAETL,GAAa,CAACO,GACXE,EAAAA,IAAC,QAAK,UAAWL,UAAO,KAAM,cAAY,MAAA,CAAO,CAAA,EAEzD,EACAI,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,KACnB,SAAA,CAAAI,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,IACnB,SAAA,CAAAK,MAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,MAAQ,WAAK,MAAM,EAC1CC,EAAK,MAAQI,MAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,KAAO,WAAK,IAAA,CAAK,CAAA,EAC3D,EACCC,EAAK,aACFI,MAAC,IAAA,CAAE,UAAWL,EAAAA,QAAO,YAAc,WAAK,WAAA,CAAY,CAAA,CAAA,CAE5D,CAAA,CAAA,EAvBKC,EAAK,EAwBd,CAER,CAAC,CAAA,CACL,CAER"}

package/dist/components/Timeline/Timeline.js

@@ -0,0 +1,35 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { cn as l } from "../../utils/cn.js";
+import e from "./Timeline.module.css.js";
+function N({ items: i, connector: n = !0, className: c, ...d }) {
+  return /* @__PURE__ */ a("ol", { className: l(e.timeline, n && e.connector, c), ...d, children: i.map((r, m) => {
+    const t = m === i.length - 1;
+    return /* @__PURE__ */ s("li", { className: e.item, children: [
+      /* @__PURE__ */ s("div", { className: e.markerColumn, children: [
+        /* @__PURE__ */ a(
+          "span",
+          {
+            className: l(
+              e.marker,
+              e[`marker-${r.marker ?? "primary"}`]
+            ),
+            "aria-hidden": "true",
+            children: r.icon
+          }
+        ),
+        n && !t && /* @__PURE__ */ a("span", { className: e.line, "aria-hidden": "true" })
+      ] }),
+      /* @__PURE__ */ s("div", { className: e.body, children: [
+        /* @__PURE__ */ s("div", { className: e.row, children: [
+          /* @__PURE__ */ a("span", { className: e.title, children: r.title }),
+          r.meta && /* @__PURE__ */ a("span", { className: e.meta, children: r.meta })
+        ] }),
+        r.description && /* @__PURE__ */ a("p", { className: e.description, children: r.description })
+      ] })
+    ] }, r.id);
+  }) });
+}
+export {
+  N as Timeline
+};
+//# sourceMappingURL=Timeline.js.map

package/dist/components/Timeline/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Timeline.module.css\";\n\nexport type TimelineMarker = \"primary\" | \"success\" | \"warning\" | \"danger\" | \"neutral\";\n\nexport interface TimelineItem {\n    /** Stable identifier (used as React key). */\n    id: string;\n    /** Title rendered as the entry headline. */\n    title: ReactNode;\n    /** Optional subtitle / description below the title. */\n    description?: ReactNode;\n    /** Right-aligned meta column (timestamps, durations). */\n    meta?: ReactNode;\n    /** Optional custom icon rendered inside the marker. */\n    icon?: ReactNode;\n    /** Marker color. Default `\"primary\"`. */\n    marker?: TimelineMarker;\n}\n\nexport interface TimelineProps extends HTMLAttributes<HTMLOListElement> {\n    items: TimelineItem[];\n    /** Show the connecting line between markers. Default `true`. */\n    connector?: boolean;\n}\n\n/**\n * Vertical event timeline — activity feeds, order trackers, audit logs.\n * Each entry has a marker (color or custom icon), title, optional\n * description and right-aligned meta column.\n *\n * @example\n * <Timeline items={[\n *     { id: \"1\", title: \"Pedido criado\", meta: \"10:24\", marker: \"primary\" },\n *     { id: \"2\", title: \"Aprovação\", meta: \"10:25\", marker: \"success\" },\n *     { id: \"3\", title: \"Saiu pra entrega\", meta: \"11:00\", marker: \"warning\" },\n * ]} />\n */\nexport function Timeline({ items, connector = true, className, ...props }: TimelineProps) {\n    return (\n        <ol className={cn(styles.timeline, connector && styles.connector, className)} {...props}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                return (\n                    <li key={item.id} className={styles.item}>\n                        <div className={styles.markerColumn}>\n                            <span\n                                className={cn(\n                                    styles.marker,\n                                    styles[`marker-${item.marker ?? \"primary\"}`],\n                                )}\n                                aria-hidden=\"true\"\n                            >\n                                {item.icon}\n                            </span>\n                            {connector && !isLast && (\n                                <span className={styles.line} aria-hidden=\"true\" />\n                            )}\n                        </div>\n                        <div className={styles.body}>\n                            <div className={styles.row}>\n                                <span className={styles.title}>{item.title}</span>\n                                {item.meta && <span className={styles.meta}>{item.meta}</span>}\n                            </div>\n                            {item.description && (\n                                <p className={styles.description}>{item.description}</p>\n                            )}\n                        </div>\n                    </li>\n                );\n            })}\n        </ol>\n    );\n}\n"],"names":["Timeline","items","connector","className","props","cn","styles","item","index","isLast","jsxs","jsx"],"mappings":";;;AAuCO,SAASA,EAAS,EAAE,OAAAC,GAAO,WAAAC,IAAY,IAAM,WAAAC,GAAW,GAAGC,KAAwB;AACtF,2BACK,MAAA,EAAG,WAAWC,EAAGC,EAAO,UAAUJ,KAAaI,EAAO,WAAWH,CAAS,GAAI,GAAGC,GAC7E,YAAM,IAAI,CAACG,GAAMC,MAAU;AACxB,UAAMC,IAASD,MAAUP,EAAM,SAAS;AACxC,WACI,gBAAAS,EAAC,MAAA,EAAiB,WAAWJ,EAAO,MAChC,UAAA;AAAA,MAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWJ,EAAO,cACnB,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWN;AAAA,cACPC,EAAO;AAAA,cACPA,EAAO,UAAUC,EAAK,UAAU,SAAS,EAAE;AAAA,YAAA;AAAA,YAE/C,eAAY;AAAA,YAEX,UAAAA,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAETL,KAAa,CAACO,KACX,gBAAAE,EAAC,UAAK,WAAWL,EAAO,MAAM,eAAY,OAAA,CAAO;AAAA,MAAA,GAEzD;AAAA,MACA,gBAAAI,EAAC,OAAA,EAAI,WAAWJ,EAAO,MACnB,UAAA;AAAA,QAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWJ,EAAO,KACnB,UAAA;AAAA,UAAA,gBAAAK,EAAC,QAAA,EAAK,WAAWL,EAAO,OAAQ,YAAK,OAAM;AAAA,UAC1CC,EAAK,QAAQ,gBAAAI,EAAC,QAAA,EAAK,WAAWL,EAAO,MAAO,YAAK,KAAA,CAAK;AAAA,QAAA,GAC3D;AAAA,QACCC,EAAK,eACF,gBAAAI,EAAC,KAAA,EAAE,WAAWL,EAAO,aAAc,YAAK,YAAA,CAAY;AAAA,MAAA,EAAA,CAE5D;AAAA,IAAA,EAAA,GAvBKC,EAAK,EAwBd;AAAA,EAER,CAAC,EAAA,CACL;AAER;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_timeline_utrkA",r="tempest_item_T5xdQ",t="tempest_markerColumn_BMe4d",m="tempest_marker_kmPV-",a="tempest_marker-primary_s9BNB",s="tempest_marker-success_areMM",n="tempest_marker-warning_rRrS8",i="tempest_marker-danger_3GEBk",o="tempest_marker-neutral_M2mnw",_="tempest_line_CwY-N",k="tempest_body_KpMJ6",c="tempest_row_AX2ti",l="tempest_title_DxfAX",p="tempest_meta_GU0ih",u="tempest_description_f9sxV",d={timeline:e,item:r,markerColumn:t,marker:m,markerPrimary:a,markerSuccess:s,markerWarning:n,markerDanger:i,markerNeutral:o,line:_,body:k,row:c,title:l,meta:p,description:u};exports.body=k;exports.default=d;exports.description=u;exports.item=r;exports.line=_;exports.marker=m;exports.markerColumn=t;exports.markerDanger=i;exports.markerNeutral=o;exports.markerPrimary=a;exports.markerSuccess=s;exports.markerWarning=n;exports.meta=p;exports.row=c;exports.timeline=e;exports.title=l;
+//# sourceMappingURL=Timeline.module.css.cjs.map

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

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

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

@@ -0,0 +1,36 @@
+const e = "tempest_timeline_utrkA", t = "tempest_item_T5xdQ", r = "tempest_markerColumn_BMe4d", m = "tempest_marker_kmPV-", s = "tempest_marker-primary_s9BNB", a = "tempest_marker-success_areMM", n = "tempest_marker-warning_rRrS8", _ = "tempest_marker-danger_3GEBk", i = "tempest_marker-neutral_M2mnw", o = "tempest_line_CwY-N", c = "tempest_body_KpMJ6", k = "tempest_row_AX2ti", p = "tempest_title_DxfAX", l = "tempest_meta_GU0ih", u = "tempest_description_f9sxV", d = {
+  timeline: e,
+  item: t,
+  markerColumn: r,
+  marker: m,
+  markerPrimary: s,
+  markerSuccess: a,
+  markerWarning: n,
+  markerDanger: _,
+  markerNeutral: i,
+  line: o,
+  body: c,
+  row: k,
+  title: p,
+  meta: l,
+  description: u
+};
+export {
+  c as body,
+  d as default,
+  u as description,
+  t as item,
+  o as line,
+  m as marker,
+  r as markerColumn,
+  _ as markerDanger,
+  i as markerNeutral,
+  s as markerPrimary,
+  a as markerSuccess,
+  n as markerWarning,
+  l as meta,
+  k as row,
+  e as timeline,
+  p as title
+};
+//# sourceMappingURL=Timeline.module.css.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_container_x4-Qm",o="tempest_positionTopRight_gbUCQ",e="tempest_positionTopLeft_Z-tMJ",s="tempest_positionTopCenter_A4Ze4",i="tempest_positionBottomRight_MGo19",n="tempest_positionBottomLeft_DpiNe",p="tempest_positionBottomCenter_XUdok",c="tempest_toast_FLdHz",r="tempest_tempest-toast-in_E2d-A",m="tempest_success_Oy694",_="tempest_warning_84GC8",a="tempest_error_hrQAA",T="tempest_info_eq5bQ",f="tempest_title_-H6R2",g="tempest_description_-QwfC",l="tempest_close_i10-s",B={container:t,positionTopRight:o,positionTopLeft:e,positionTopCenter:s,positionBottomRight:i,positionBottomLeft:n,positionBottomCenter:p,toast:c,tempestToastIn:r,success:m,warning:_,error:a,info:T,title:f,description:g,close:l};exports.close=l;exports.container=t;exports.default=B;exports.description=g;exports.error=a;exports.info=T;exports.positionBottomCenter=p;exports.positionBottomLeft=n;exports.positionBottomRight=i;exports.positionTopCenter=s;exports.positionTopLeft=e;exports.positionTopRight=o;exports.success=m;exports.tempestToastIn=r;exports.title=f;exports.toast=c;exports.warning=_;
+//# sourceMappingURL=Toast.module.css.cjs.map

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

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

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

@@ -0,0 +1,38 @@
+const t = "tempest_container_x4-Qm", o = "tempest_positionTopRight_gbUCQ", e = "tempest_positionTopLeft_Z-tMJ", s = "tempest_positionTopCenter_A4Ze4", i = "tempest_positionBottomRight_MGo19", n = "tempest_positionBottomLeft_DpiNe", p = "tempest_positionBottomCenter_XUdok", c = "tempest_toast_FLdHz", _ = "tempest_tempest-toast-in_E2d-A", m = "tempest_success_Oy694", r = "tempest_warning_84GC8", a = "tempest_error_hrQAA", f = "tempest_info_eq5bQ", T = "tempest_title_-H6R2", g = "tempest_description_-QwfC", B = "tempest_close_i10-s", C = {
+  container: t,
+  positionTopRight: o,
+  positionTopLeft: e,
+  positionTopCenter: s,
+  positionBottomRight: i,
+  positionBottomLeft: n,
+  positionBottomCenter: p,
+  toast: c,
+  tempestToastIn: _,
+  success: m,
+  warning: r,
+  error: a,
+  info: f,
+  title: T,
+  description: g,
+  close: B
+};
+export {
+  B as close,
+  t as container,
+  C as default,
+  g as description,
+  a as error,
+  f as info,
+  p as positionBottomCenter,
+  n as positionBottomLeft,
+  i as positionBottomRight,
+  s as positionTopCenter,
+  e as positionTopLeft,
+  o as positionTopRight,
+  m as success,
+  _ as tempestToastIn,
+  T as title,
+  c as toast,
+  r as warning
+};
+//# sourceMappingURL=Toast.module.css.js.map

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

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

package/dist/components/Toast/ToastProvider.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),T=require("react-dom"),m=require("../../utils/cn.cjs"),i=require("./Toast.module.css.cjs"),p=s.createContext(null);function j(){const t=s.useContext(p);if(!t)throw new Error("useToast must be used inside a <ToastProvider>");return t}function b({children:t,defaultDuration:o=4e3,position:c="top-right"}){const[u,f]=s.useState([]),h=s.useRef(0),l=s.useCallback(e=>{f(r=>r.filter(d=>d.id!==e))},[]),a=s.useCallback(e=>{const r=e.id??`toast-${++h.current}`,d={id:r,title:e.title,description:e.description,variant:e.variant??"info",duration:e.duration??o};return f(x=>[...x,d]),r},[o]),v=s.useMemo(()=>({show:a,dismiss:l,success:(e,r)=>a({...r,description:e,variant:"success"}),error:(e,r)=>a({...r,description:e,variant:"error"}),warning:(e,r)=>a({...r,description:e,variant:"warning"}),info:(e,r)=>a({...r,description:e,variant:"info"})}),[a,l]);return n.jsxs(p.Provider,{value:v,children:[t,n.jsx(g,{toasts:u,onDismiss:l,position:c})]})}function C(t){switch(t){case"top-left":return i.default.positionTopLeft;case"top-center":return i.default.positionTopCenter;case"bottom-right":return i.default.positionBottomRight;case"bottom-left":return i.default.positionBottomLeft;case"bottom-center":return i.default.positionBottomCenter;default:return i.default.positionTopRight}}function g({toasts:t,onDismiss:o,position:c}){return typeof document>"u"?null:T.createPortal(n.jsx("div",{className:m.cn(i.default.container,C(c)),"aria-live":"polite","aria-atomic":"true",children:t.map(u=>n.jsx(w,{toast:u,onDismiss:o},u.id))}),document.body)}function w({toast:t,onDismiss:o}){return s.useEffect(()=>{if(!t.duration)return;const c=setTimeout(()=>o(t.id),t.duration);return()=>clearTimeout(c)},[t.id,t.duration,o]),n.jsxs("div",{className:m.cn(i.default.toast,i.default[t.variant]),role:"status",children:[n.jsxs("div",{children:[t.title&&n.jsx("p",{className:i.default.title,children:t.title}),t.description&&n.jsx("p",{className:i.default.description,children:t.description})]}),n.jsx("button",{type:"button",className:i.default.close,"aria-label":"Fechar notificação",onClick:()=>o(t.id),children:n.jsx(k,{})})]})}function k(){return n.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:n.jsx("path",{d:"M6 6l12 12M6 18L18 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})}exports.ToastProvider=b;exports.useToast=j;
+//# sourceMappingURL=ToastProvider.cjs.map

package/dist/components/Toast/ToastProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.cjs","sources":["../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["import {\n    createContext,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Toast.module.css\";\n\nexport type ToastVariant = \"success\" | \"warning\" | \"error\" | \"info\";\n\nexport interface ToastOptions {\n    id?: string;\n    title?: string;\n    description?: string;\n    variant?: ToastVariant;\n    /** Auto-dismiss timeout in ms. Pass `0` to keep the toast until dismissed manually. */\n    duration?: number;\n}\n\ninterface ToastEntry extends Required<Omit<ToastOptions, \"id\" | \"title\" | \"description\">> {\n    id: string;\n    title?: string;\n    description?: string;\n}\n\nexport interface ToastApi {\n    show: (options: ToastOptions) => string;\n    dismiss: (id: string) => void;\n    success: (\n        description: string,\n        options?: Omit<ToastOptions, \"variant\" | \"description\">,\n    ) => string;\n    error: (description: string, options?: Omit<ToastOptions, \"variant\" | \"description\">) => string;\n    warning: (\n        description: string,\n        options?: Omit<ToastOptions, \"variant\" | \"description\">,\n    ) => string;\n    info: (description: string, options?: Omit<ToastOptions, \"variant\" | \"description\">) => string;\n}\n\nconst ToastContext = createContext<ToastApi | null>(null);\n\n/**\n * Access the toast API. Must be used inside a {@link ToastProvider}.\n *\n * @returns Methods to show and dismiss toasts.\n */\nexport function useToast(): ToastApi {\n    const ctx = useContext(ToastContext);\n    if (!ctx) throw new Error(\"useToast must be used inside a <ToastProvider>\");\n    return ctx;\n}\n\nexport type ToastPosition =\n    | \"top-right\"\n    | \"top-left\"\n    | \"top-center\"\n    | \"bottom-right\"\n    | \"bottom-left\"\n    | \"bottom-center\";\n\nexport interface ToastProviderProps {\n    children: ReactNode;\n    /** Default auto-dismiss duration (ms). Default 4000. */\n    defaultDuration?: number;\n    /** Stack position on screen. Default `\"top-right\"`. */\n    position?: ToastPosition;\n}\n\n/**\n * Renders a portalled toast container and exposes the imperative {@link useToast} API.\n */\nexport function ToastProvider({\n    children,\n    defaultDuration = 4000,\n    position = \"top-right\",\n}: ToastProviderProps) {\n    const [toasts, setToasts] = useState<ToastEntry[]>([]);\n    const counter = useRef<number>(0);\n\n    const dismiss = useCallback((id: string): void => {\n        setToasts((current) => current.filter((toast) => toast.id !== id));\n    }, []);\n\n    const show = useCallback(\n        (options: ToastOptions): string => {\n            const id = options.id ?? `toast-${++counter.current}`;\n            const entry: ToastEntry = {\n                id,\n                title: options.title,\n                description: options.description,\n                variant: options.variant ?? \"info\",\n                duration: options.duration ?? defaultDuration,\n            };\n            setToasts((current) => [...current, entry]);\n            return id;\n        },\n        [defaultDuration],\n    );\n\n    const api = useMemo<ToastApi>(\n        () => ({\n            show,\n            dismiss,\n            success: (description, options) =>\n                show({ ...options, description, variant: \"success\" }),\n            error: (description, options) => show({ ...options, description, variant: \"error\" }),\n            warning: (description, options) =>\n                show({ ...options, description, variant: \"warning\" }),\n            info: (description, options) => show({ ...options, description, variant: \"info\" }),\n        }),\n        [show, dismiss],\n    );\n\n    return (\n        <ToastContext.Provider value={api}>\n            {children}\n            <ToastContainer toasts={toasts} onDismiss={dismiss} position={position} />\n        </ToastContext.Provider>\n    );\n}\n\ninterface ContainerProps {\n    toasts: ToastEntry[];\n    onDismiss: (id: string) => void;\n    position: ToastPosition;\n}\n\nfunction positionClass(position: ToastPosition): string {\n    switch (position) {\n        case \"top-left\":\n            return styles.positionTopLeft;\n        case \"top-center\":\n            return styles.positionTopCenter;\n        case \"bottom-right\":\n            return styles.positionBottomRight;\n        case \"bottom-left\":\n            return styles.positionBottomLeft;\n        case \"bottom-center\":\n            return styles.positionBottomCenter;\n        case \"top-right\":\n        default:\n            return styles.positionTopRight;\n    }\n}\n\nfunction ToastContainer({ toasts, onDismiss, position }: ContainerProps) {\n    if (typeof document === \"undefined\") return null;\n    return createPortal(\n        <div\n            className={cn(styles.container, positionClass(position))}\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n        >\n            {toasts.map((toast) => (\n                <ToastItem key={toast.id} toast={toast} onDismiss={onDismiss} />\n            ))}\n        </div>,\n        document.body,\n    );\n}\n\ninterface ItemProps {\n    toast: ToastEntry;\n    onDismiss: (id: string) => void;\n}\n\nfunction ToastItem({ toast, onDismiss }: ItemProps) {\n    useEffect(() => {\n        if (!toast.duration) return;\n        const timer = setTimeout(() => onDismiss(toast.id), toast.duration);\n        return () => clearTimeout(timer);\n    }, [toast.id, toast.duration, onDismiss]);\n\n    return (\n        <div className={cn(styles.toast, styles[toast.variant])} role=\"status\">\n            <div>\n                {toast.title && <p className={styles.title}>{toast.title}</p>}\n                {toast.description && <p className={styles.description}>{toast.description}</p>}\n            </div>\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label=\"Fechar notificação\"\n                onClick={() => onDismiss(toast.id)}\n            >\n                <CloseIcon />\n            </button>\n        </div>\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["ToastContext","createContext","useToast","ctx","useContext","ToastProvider","children","defaultDuration","position","toasts","setToasts","useState","counter","useRef","dismiss","useCallback","id","current","toast","show","options","entry","api","useMemo","description","jsxs","jsx","ToastContainer","positionClass","styles","onDismiss","createPortal","cn","ToastItem","useEffect","timer","CloseIcon"],"mappings":"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"}