tempest-react-sdk 0.22.0 → 0.24.0

package/dist/components/Tag/Tag.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Tag.module.cjs");let n=require("react/jsx-runtime");function r({variant:r=`neutral`,size:i=`md`,onRemove:a,removeLabel:o=`Remover`,className:s,children:c,...l}){return(0,n.jsxs)(`span`,{className:e.cn(t.default.tag,t.default[r],t.default[i],s),...l,children:[(0,n.jsx)(`span`,{className:t.default.label,children:c}),a&&(0,n.jsx)(`button`,{type:`button`,className:t.default.remove,"aria-label":o,onClick:a,children:`×`})]})}exports.Tag=r;
+//# sourceMappingURL=Tag.cjs.map

package/dist/components/Tag/Tag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.cjs","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tag.module.css\";\n\nexport type TagVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type TagSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"onRemove\"> {\n    /** Visual variant. Default `\"neutral\"`. */\n    variant?: TagVariant;\n    /** Visual size. Default `\"md\"`. */\n    size?: TagSize;\n    /** When set, renders a close button that fires this callback. */\n    onRemove?: () => void;\n    /** Custom remove label for screen readers. Default `\"Remover\"`. */\n    removeLabel?: string;\n    children?: ReactNode;\n}\n\n/**\n * Removable chip — used for filter tokens, applied search filters,\n * selected entities. Different from `Badge` (status-only, not removable).\n *\n * @example\n * <Tag variant=\"primary\" onRemove={() => removeFilter(\"sao-paulo\")}>\n *     São Paulo\n * </Tag>\n */\nexport function Tag({\n    variant = \"neutral\",\n    size = \"md\",\n    onRemove,\n    removeLabel = \"Remover\",\n    className,\n    children,\n    ...props\n}: TagProps) {\n    return (\n        <span className={cn(styles.tag, styles[variant], styles[size], className)} {...props}>\n            <span className={styles.label}>{children}</span>\n            {onRemove && (\n                <button\n                    type=\"button\"\n                    className={styles.remove}\n                    aria-label={removeLabel}\n                    onClick={onRemove}\n                >\n                    ×\n                </button>\n            )}\n        </span>\n    );\n}\n"],"mappings":"uGA4BA,SAAgB,EAAI,CAChB,UAAU,UACV,OAAO,KACP,WACA,cAAc,UACd,YACA,WACA,GAAG,GACM,CACT,OACI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,EAAA,QAAO,GAAU,EAAA,QAAO,GAAO,CAAS,EAAG,GAAI,WAA/E,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,UAAe,CAAA,EAC9C,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,OAClB,aAAY,EACZ,QAAS,WACZ,GAEO,CAAA,CAEV,GAEd"}

package/dist/components/Tag/Tag.js

@@ -0,0 +1,24 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Tag.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Tag/Tag.tsx
+function i({ variant: i = "neutral", size: a = "md", onRemove: o, removeLabel: s = "Remover", className: c, children: l, ...u }) {
+	return /* @__PURE__ */ r("span", {
+		className: e(t.tag, t[i], t[a], c),
+		...u,
+		children: [/* @__PURE__ */ n("span", {
+			className: t.label,
+			children: l
+		}), o && /* @__PURE__ */ n("button", {
+			type: "button",
+			className: t.remove,
+			"aria-label": s,
+			onClick: o,
+			children: "×"
+		})]
+	});
+}
+//#endregion
+export { i as Tag };
+
+//# sourceMappingURL=Tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tag.module.css\";\n\nexport type TagVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type TagSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"onRemove\"> {\n    /** Visual variant. Default `\"neutral\"`. */\n    variant?: TagVariant;\n    /** Visual size. Default `\"md\"`. */\n    size?: TagSize;\n    /** When set, renders a close button that fires this callback. */\n    onRemove?: () => void;\n    /** Custom remove label for screen readers. Default `\"Remover\"`. */\n    removeLabel?: string;\n    children?: ReactNode;\n}\n\n/**\n * Removable chip — used for filter tokens, applied search filters,\n * selected entities. Different from `Badge` (status-only, not removable).\n *\n * @example\n * <Tag variant=\"primary\" onRemove={() => removeFilter(\"sao-paulo\")}>\n *     São Paulo\n * </Tag>\n */\nexport function Tag({\n    variant = \"neutral\",\n    size = \"md\",\n    onRemove,\n    removeLabel = \"Remover\",\n    className,\n    children,\n    ...props\n}: TagProps) {\n    return (\n        <span className={cn(styles.tag, styles[variant], styles[size], className)} {...props}>\n            <span className={styles.label}>{children}</span>\n            {onRemove && (\n                <button\n                    type=\"button\"\n                    className={styles.remove}\n                    aria-label={removeLabel}\n                    onClick={onRemove}\n                >\n                    ×\n                </button>\n            )}\n        </span>\n    );\n}\n"],"mappings":";;;;AA4BA,SAAgB,EAAI,EAChB,aAAU,WACV,UAAO,MACP,aACA,iBAAc,WACd,cACA,aACA,GAAG,KACM;CACT,OACI,kBAAC,QAAD;EAAM,WAAW,EAAG,EAAO,KAAK,EAAO,IAAU,EAAO,IAAO,CAAS;EAAG,GAAI;YAA/E,CACI,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAQ;EAAe,CAAA,GAC9C,KACG,kBAAC,UAAD;GACI,MAAK;GACL,WAAW,EAAO;GAClB,cAAY;GACZ,SAAS;aACZ;EAEO,CAAA,CAEV;;AAEd"}

package/dist/components/Tag/Tag.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_tag_16VPH`,t=`tempest_sm_pzyd5`,n=`tempest_md_GL6tQ`,r=`tempest_lg_8tgXU`,i=`tempest_neutral_jAd-x`,a=`tempest_primary_AXKlN`,o=`tempest_success_56lz4`,s=`tempest_warning_UK7SC`,c=`tempest_danger_kJ-yx`,l=`tempest_info_hmHE-`,u=`tempest_label_ZBPfO`,d=`tempest_remove_UEwgr`,f={tag:e,sm:t,md:n,lg:r,neutral:i,primary:a,success:o,warning:s,danger:c,info:l,label:u,remove:d};exports.danger=c,exports.default=f,exports.info=l,exports.label=u,exports.lg=r,exports.md=n,exports.neutral=i,exports.primary=a,exports.remove=d,exports.sm=t,exports.success=o,exports.tag=e,exports.warning=s;
+//# sourceMappingURL=Tag.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.module.cjs","names":[],"sources":["../../../src/components/Tag/Tag.module.css"],"sourcesContent":[".tag {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-medium);\n    line-height: 1;\n}\n\n.tag.sm {\n    padding: 2px 8px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.tag.md {\n    padding: 4px 10px;\n    font-size: var(--tempest-text-xs);\n}\n\n.tag.lg {\n    padding: 6px 12px;\n    font-size: var(--tempest-text-sm);\n}\n\n.tag.neutral {\n    background: var(--tempest-gray-100);\n    color: var(--tempest-text);\n}\n\n.tag.primary {\n    background: var(--tempest-primary-100);\n    color: var(--tempest-primary-700);\n}\n\n.tag.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n\n.tag.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.tag.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n\n.tag.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n\n.label {\n    line-height: 1.2;\n}\n\n.remove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: currentColor;\n    cursor: pointer;\n    padding: 0;\n    width: 16px;\n    height: 16px;\n    border-radius: var(--tempest-radius-full);\n    font-size: 14px;\n    line-height: 1;\n}\n\n.remove:hover {\n    background: color-mix(in srgb, currentColor 15%, transparent);\n}\n"],"mappings":""}

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

@@ -0,0 +1,19 @@
+//#region src/components/Tag/Tag.module.css
+var e = "tempest_tag_16VPH", t = "tempest_sm_pzyd5", n = "tempest_md_GL6tQ", r = "tempest_lg_8tgXU", i = "tempest_neutral_jAd-x", a = "tempest_primary_AXKlN", o = "tempest_success_56lz4", s = "tempest_warning_UK7SC", c = "tempest_danger_kJ-yx", l = "tempest_info_hmHE-", u = "tempest_label_ZBPfO", d = "tempest_remove_UEwgr", f = {
+	tag: e,
+	sm: t,
+	md: n,
+	lg: r,
+	neutral: i,
+	primary: a,
+	success: o,
+	warning: s,
+	danger: c,
+	info: l,
+	label: u,
+	remove: d
+};
+//#endregion
+export { c as danger, f as default, l as info, u as label, r as lg, n as md, i as neutral, a as primary, d as remove, t as sm, o as success, e as tag, s as warning };
+
+//# sourceMappingURL=Tag.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.module.js","names":[],"sources":["../../../src/components/Tag/Tag.module.css"],"sourcesContent":[".tag {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-medium);\n    line-height: 1;\n}\n\n.tag.sm {\n    padding: 2px 8px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.tag.md {\n    padding: 4px 10px;\n    font-size: var(--tempest-text-xs);\n}\n\n.tag.lg {\n    padding: 6px 12px;\n    font-size: var(--tempest-text-sm);\n}\n\n.tag.neutral {\n    background: var(--tempest-gray-100);\n    color: var(--tempest-text);\n}\n\n.tag.primary {\n    background: var(--tempest-primary-100);\n    color: var(--tempest-primary-700);\n}\n\n.tag.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n\n.tag.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.tag.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n\n.tag.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n\n.label {\n    line-height: 1.2;\n}\n\n.remove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: currentColor;\n    cursor: pointer;\n    padding: 0;\n    width: 16px;\n    height: 16px;\n    border-radius: var(--tempest-radius-full);\n    font-size: 14px;\n    line-height: 1;\n}\n\n.remove:hover {\n    background: color-mix(in srgb, currentColor 15%, transparent);\n}\n"],"mappings":""}

package/dist/components/Textarea/Textarea.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.cjs","names":[],"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"],"mappings":"+HAeA,IAAa,GAAA,EAAA,EAAA,WAAA,CAA0D,SACnE,CAAE,QAAO,aAAY,QAAO,mBAAkB,YAAW,KAAI,WAAU,GAAG,GAC1E,EACF,CACE,IAAM,GAAA,EAAA,EAAA,MAAA,CAAoB,EACpB,EAAa,GAAM,EAEzB,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAS,EAAA,QAAO,MAAO,CAAgB,WAA1E,CACK,IACG,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,QAAS,EAAY,UAAW,EAAA,QAAO,eAA9C,CACK,EACA,IAAY,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAU,GAAO,CAAA,CACnD,KAEX,EAAA,EAAA,IAAA,CAAC,WAAD,CACS,MACL,GAAI,EACJ,eAAc,CAAC,CAAC,EACN,WACV,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,CAAS,EACxC,GAAI,CACP,CAAA,EACA,GACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAY,CAAY,CAAA,EAChD,GACA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,gBAAS,CAAiB,CAAA,EAClD,IACH,GAEb,CAAC"}

package/dist/components/Textarea/Textarea.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","names":[],"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"],"mappings":";;;;;AAeA,IAAa,IAAW,EAA+C,SACnE,EAAE,UAAO,eAAY,UAAO,qBAAkB,cAAW,OAAI,aAAU,GAAG,KAC1E,GACF;CACE,IAAM,IAAc,EAAM,GACpB,IAAa,KAAM;CAEzB,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,KAAS,EAAO,OAAO,CAAgB;YAA1E;GACK,KACG,kBAAC,SAAD;IAAO,SAAS;IAAY,WAAW,EAAO;cAA9C,CACK,GACA,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAU;IAAO,CAAA,CACnD;;GAEX,kBAAC,YAAD;IACS;IACL,IAAI;IACJ,gBAAc,CAAC,CAAC;IACN;IACV,WAAW,EAAG,EAAO,UAAU,CAAS;IACxC,GAAI;GACP,CAAA;GACA,IACG,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAY;GAAY,CAAA,IAChD,IACA,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAS;GAAiB,CAAA,IAClD;EACH;;AAEb,CAAC"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_C0gfg`,t=`tempest_label_cWLXP`,n=`tempest_required_rDZXE`,r=`tempest_textarea_Z-y6g`,i=`tempest_error_NWC9f`,a=`tempest_helper_gedut`,o=`tempest_errorText_ey07q`,s={wrapper:e,label:t,required:n,textarea:r,error:i,helper:a,errorText:o};exports.default=s,exports.error=i,exports.errorText=o,exports.helper=a,exports.label=t,exports.required=n,exports.textarea=r,exports.wrapper=e;
+//# sourceMappingURL=Textarea.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.module.cjs","names":[],"sources":["../../../src/components/Textarea/Textarea.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.textarea {\n    width: 100%;\n    min-height: 96px;\n    padding: var(--tempest-space-3) var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-normal);\n    box-shadow: var(--tempest-shadow-xs);\n    resize: vertical;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.textarea::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.textarea:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.textarea:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.textarea:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.error .textarea {\n    border-color: var(--tempest-danger);\n}\n\n.error .textarea:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

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

@@ -0,0 +1,14 @@
+//#region src/components/Textarea/Textarea.module.css
+var e = "tempest_wrapper_C0gfg", t = "tempest_label_cWLXP", n = "tempest_required_rDZXE", r = "tempest_textarea_Z-y6g", i = "tempest_error_NWC9f", a = "tempest_helper_gedut", o = "tempest_errorText_ey07q", s = {
+	wrapper: e,
+	label: t,
+	required: n,
+	textarea: r,
+	error: i,
+	helper: a,
+	errorText: o
+};
+//#endregion
+export { s as default, i as error, o as errorText, a as helper, t as label, n as required, r as textarea, e as wrapper };
+
+//# sourceMappingURL=Textarea.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.module.js","names":[],"sources":["../../../src/components/Textarea/Textarea.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.textarea {\n    width: 100%;\n    min-height: 96px;\n    padding: var(--tempest-space-3) var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-normal);\n    box-shadow: var(--tempest-shadow-xs);\n    resize: vertical;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.textarea::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.textarea:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.textarea:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.textarea:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.error .textarea {\n    border-color: var(--tempest-danger);\n}\n\n.error .textarea:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

package/dist/components/TimePicker/TimePicker.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.cjs","names":[],"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"],"mappings":"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"}

package/dist/components/TimePicker/TimePicker.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","names":[],"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"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_tFKNC`,t=`tempest_label_FUecv`,n=`tempest_columns_XMru6`,r=`tempest_column_bwotJ`,i=`tempest_cellWrapper_xRos3`,a=`tempest_cell_eSc7G`,o=`tempest_active_6amgd`,s=`tempest_helper_ihHGE`,c=`tempest_disabled_NDezB`,l={wrapper:e,label:t,columns:n,column:r,cellWrapper:i,cell:a,active:o,helper:s,disabled:c};exports.active=o,exports.cell=a,exports.cellWrapper=i,exports.column=r,exports.columns=n,exports.default=l,exports.disabled=c,exports.helper=s,exports.label=t,exports.wrapper=e;
+//# sourceMappingURL=TimePicker.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.module.cjs","names":[],"sources":["../../../src/components/TimePicker/TimePicker.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.columns {\n    display: flex;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    box-shadow: var(--tempest-shadow-lg);\n    width: max-content;\n    max-width: 100%;\n}\n\n.column {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0 var(--tempest-space-1);\n    max-height: 220px;\n    overflow-y: auto;\n    scroll-behavior: smooth;\n}\n\n.column + .column {\n    border-left: 1px solid var(--tempest-border);\n}\n\n.cellWrapper {\n    margin: 0;\n}\n\n.cell {\n    appearance: none;\n    width: 100%;\n    min-width: 48px;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-text-base);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .cell:hover:not(:disabled) {\n        background-color: var(--tempest-surface-2);\n    }\n}\n\n.cell:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.cell.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.cell:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.wrapper.disabled {\n    opacity: 0.7;\n}\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.module.js","names":[],"sources":["../../../src/components/TimePicker/TimePicker.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.columns {\n    display: flex;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    box-shadow: var(--tempest-shadow-lg);\n    width: max-content;\n    max-width: 100%;\n}\n\n.column {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0 var(--tempest-space-1);\n    max-height: 220px;\n    overflow-y: auto;\n    scroll-behavior: smooth;\n}\n\n.column + .column {\n    border-left: 1px solid var(--tempest-border);\n}\n\n.cellWrapper {\n    margin: 0;\n}\n\n.cell {\n    appearance: none;\n    width: 100%;\n    min-width: 48px;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-text-base);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .cell:hover:not(:disabled) {\n        background-color: var(--tempest-surface-2);\n    }\n}\n\n.cell:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.cell.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.cell:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.wrapper.disabled {\n    opacity: 0.7;\n}\n"],"mappings":""}

package/dist/components/Timeline/Timeline.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.cjs","names":[],"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"],"mappings":"4GAuCA,SAAgB,EAAS,CAAE,QAAO,YAAY,GAAM,YAAW,GAAG,GAAwB,CACtF,OACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,GAAa,EAAA,QAAO,UAAW,CAAS,EAAG,GAAI,WAC7E,EAAM,KAAK,EAAM,IAAU,CACxB,IAAM,EAAS,IAAU,EAAM,OAAS,EACxC,OACI,EAAA,EAAA,KAAA,CAAC,KAAD,CAAkB,UAAW,EAAA,QAAO,cAApC,EACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,sBAAvB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,OACP,EAAA,QAAO,UAAU,EAAK,QAAU,YACpC,EACA,cAAY,gBAEX,EAAK,IACJ,CAAA,EACL,GAAa,CAAC,IACX,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAM,cAAY,MAAQ,CAAA,CAErD,KACL,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAvB,EACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,aAAvB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,EAChD,EAAK,OAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,EAAK,IAAW,CAAA,CAC5D,IACJ,EAAK,cACF,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,qBAAc,EAAK,WAAe,CAAA,CAE1D,GACL,GAxBK,EAAK,EAwBV,CAEZ,CAAC,CACD,CAAA,CAEZ"}

package/dist/components/Timeline/Timeline.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","names":[],"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"],"mappings":";;;;AAuCA,SAAgB,EAAS,EAAE,UAAO,eAAY,IAAM,cAAW,GAAG,KAAwB;CACtF,OACI,kBAAC,MAAD;EAAI,WAAW,EAAG,EAAO,UAAU,KAAa,EAAO,WAAW,CAAS;EAAG,GAAI;YAC7E,EAAM,KAAK,GAAM,MAAU;GACxB,IAAM,IAAS,MAAU,EAAM,SAAS;GACxC,OACI,kBAAC,MAAD;IAAkB,WAAW,EAAO;cAApC,CACI,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACI,kBAAC,QAAD;MACI,WAAW,EACP,EAAO,QACP,EAAO,UAAU,EAAK,UAAU,YACpC;MACA,eAAY;gBAEX,EAAK;KACJ,CAAA,GACL,KAAa,CAAC,KACX,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAM,eAAY;KAAQ,CAAA,CAErD;QACL,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACI,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACI,kBAAC,QAAD;OAAM,WAAW,EAAO;iBAAQ,EAAK;MAAY,CAAA,GAChD,EAAK,QAAQ,kBAAC,QAAD;OAAM,WAAW,EAAO;iBAAO,EAAK;MAAW,CAAA,CAC5D;SACJ,EAAK,eACF,kBAAC,KAAD;MAAG,WAAW,EAAO;gBAAc,EAAK;KAAe,CAAA,CAE1D;MACL;MAxBK,EAAK,EAwBV;EAEZ,CAAC;CACD,CAAA;AAEZ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.module.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":[".timeline {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.item {\n    display: flex;\n    gap: var(--tempest-space-3);\n    padding-bottom: var(--tempest-space-4);\n}\n\n.item:last-child {\n    padding-bottom: 0;\n}\n\n.markerColumn {\n    flex: 0 0 auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 16px;\n    padding-top: 4px;\n}\n\n.marker {\n    width: 14px;\n    height: 14px;\n    border-radius: var(--tempest-radius-full);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 10px;\n    flex: 0 0 auto;\n}\n\n.marker-primary {\n    background: var(--tempest-primary-solid, var(--tempest-primary));\n}\n.marker-success {\n    background: var(--tempest-success-solid, var(--tempest-success));\n}\n.marker-warning {\n    background: var(--tempest-warning-solid, var(--tempest-warning));\n}\n.marker-danger {\n    background: var(--tempest-danger-solid, var(--tempest-danger));\n}\n.marker-neutral {\n    background: var(--tempest-gray-400, var(--tempest-border));\n}\n\n.line {\n    flex: 1 1 auto;\n    width: 2px;\n    background: var(--tempest-border);\n    margin-top: 4px;\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.row {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n}\n\n.title {\n    font-weight: var(--tempest-weight-medium);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.meta {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    white-space: nowrap;\n}\n\n.description {\n    margin: var(--tempest-space-1) 0 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.module.js","names":[],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":[".timeline {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.item {\n    display: flex;\n    gap: var(--tempest-space-3);\n    padding-bottom: var(--tempest-space-4);\n}\n\n.item:last-child {\n    padding-bottom: 0;\n}\n\n.markerColumn {\n    flex: 0 0 auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 16px;\n    padding-top: 4px;\n}\n\n.marker {\n    width: 14px;\n    height: 14px;\n    border-radius: var(--tempest-radius-full);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 10px;\n    flex: 0 0 auto;\n}\n\n.marker-primary {\n    background: var(--tempest-primary-solid, var(--tempest-primary));\n}\n.marker-success {\n    background: var(--tempest-success-solid, var(--tempest-success));\n}\n.marker-warning {\n    background: var(--tempest-warning-solid, var(--tempest-warning));\n}\n.marker-danger {\n    background: var(--tempest-danger-solid, var(--tempest-danger));\n}\n.marker-neutral {\n    background: var(--tempest-gray-400, var(--tempest-border));\n}\n\n.line {\n    flex: 1 1 auto;\n    width: 2px;\n    background: var(--tempest-border);\n    margin-top: 4px;\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.row {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n}\n\n.title {\n    font-weight: var(--tempest-weight-medium);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.meta {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    white-space: nowrap;\n}\n\n.description {\n    margin: var(--tempest-space-1) 0 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

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

@@ -0,0 +1,2 @@
+var e=`tempest_container_x4-Qm`,t=`tempest_positionTopRight_gbUCQ`,n=`tempest_positionTopLeft_Z-tMJ`,r=`tempest_positionTopCenter_A4Ze4`,i=`tempest_positionBottomRight_MGo19`,a=`tempest_positionBottomLeft_DpiNe`,o=`tempest_positionBottomCenter_XUdok`,s=`tempest_toast_FLdHz`,c=`tempest_tempest-toast-in_E2d-A`,l=`tempest_success_Oy694`,u=`tempest_warning_84GC8`,d=`tempest_error_hrQAA`,f=`tempest_info_eq5bQ`,p=`tempest_title_-H6R2`,m=`tempest_description_-QwfC`,h=`tempest_close_i10-s`,g={container:e,positionTopRight:t,positionTopLeft:n,positionTopCenter:r,positionBottomRight:i,positionBottomLeft:a,positionBottomCenter:o,toast:s,tempestToastIn:c,success:l,warning:u,error:d,info:f,title:p,description:m,close:h};exports.close=h,exports.container=e,exports.default=g,exports.description=m,exports.error=d,exports.info=f,exports.positionBottomCenter=o,exports.positionBottomLeft=a,exports.positionBottomRight=i,exports.positionTopCenter=r,exports.positionTopLeft=n,exports.positionTopRight=t,exports.success=l,exports.tempestToastIn=c,exports.title=p,exports.toast=s,exports.warning=u;
+//# sourceMappingURL=Toast.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.module.cjs","names":[],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":[".container {\n    position: fixed;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    z-index: var(--tempest-z-toast);\n    pointer-events: none;\n    max-width: 100%;\n}\n\n/* Top */\n.positionTopRight {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionTopLeft {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionTopCenter {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Bottom */\n.positionBottomRight {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionBottomLeft {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionBottomCenter {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Mobile — stretch full width and respect safe areas. */\n@media (max-width: 480px) {\n    .container {\n        left: max(var(--tempest-space-3), var(--tempest-safe-area-left)) !important;\n        right: max(var(--tempest-space-3), var(--tempest-safe-area-right)) !important;\n        transform: none !important;\n    }\n    .positionTopRight,\n    .positionTopLeft,\n    .positionTopCenter {\n        top: max(var(--tempest-space-3), var(--tempest-safe-area-top));\n    }\n    .positionBottomRight,\n    .positionBottomLeft,\n    .positionBottomCenter {\n        bottom: max(var(--tempest-space-3), var(--tempest-safe-area-bottom));\n    }\n    .toast {\n        min-width: 0;\n        max-width: 100%;\n    }\n}\n\n.toast {\n    pointer-events: auto;\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    box-shadow: var(--tempest-shadow-lg);\n    min-width: 280px;\n    max-width: 420px;\n    animation: tempest-toast-in var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.success {\n    border-left: 4px solid var(--tempest-success-solid);\n}\n.warning {\n    border-left: 4px solid var(--tempest-warning-solid);\n}\n.error {\n    border-left: 4px solid var(--tempest-danger-solid);\n}\n.info {\n    border-left: 4px solid var(--tempest-info-solid);\n}\n\n.title {\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n    margin: 0;\n}\n\n.description {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    margin: 2px 0 0 0;\n}\n\n.close {\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n@keyframes tempest-toast-in {\n    from {\n        transform: translateX(24px);\n        opacity: 0;\n    }\n    to {\n        transform: translateX(0);\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .toast {\n        animation: none;\n    }\n}\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.module.js","names":[],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":[".container {\n    position: fixed;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    z-index: var(--tempest-z-toast);\n    pointer-events: none;\n    max-width: 100%;\n}\n\n/* Top */\n.positionTopRight {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionTopLeft {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionTopCenter {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Bottom */\n.positionBottomRight {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionBottomLeft {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionBottomCenter {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Mobile — stretch full width and respect safe areas. */\n@media (max-width: 480px) {\n    .container {\n        left: max(var(--tempest-space-3), var(--tempest-safe-area-left)) !important;\n        right: max(var(--tempest-space-3), var(--tempest-safe-area-right)) !important;\n        transform: none !important;\n    }\n    .positionTopRight,\n    .positionTopLeft,\n    .positionTopCenter {\n        top: max(var(--tempest-space-3), var(--tempest-safe-area-top));\n    }\n    .positionBottomRight,\n    .positionBottomLeft,\n    .positionBottomCenter {\n        bottom: max(var(--tempest-space-3), var(--tempest-safe-area-bottom));\n    }\n    .toast {\n        min-width: 0;\n        max-width: 100%;\n    }\n}\n\n.toast {\n    pointer-events: auto;\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    box-shadow: var(--tempest-shadow-lg);\n    min-width: 280px;\n    max-width: 420px;\n    animation: tempest-toast-in var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.success {\n    border-left: 4px solid var(--tempest-success-solid);\n}\n.warning {\n    border-left: 4px solid var(--tempest-warning-solid);\n}\n.error {\n    border-left: 4px solid var(--tempest-danger-solid);\n}\n.info {\n    border-left: 4px solid var(--tempest-info-solid);\n}\n\n.title {\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n    margin: 0;\n}\n\n.description {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    margin: 2px 0 0 0;\n}\n\n.close {\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n@keyframes tempest-toast-in {\n    from {\n        transform: translateX(24px);\n        opacity: 0;\n    }\n    to {\n        transform: translateX(0);\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .toast {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Toast/ToastProvider.cjs

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