tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/TimePicker/TimePicker.js

@@ -1,107 +1,135 @@
-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");
+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 _(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 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 w(l) {
-  const c = l % 12;
-  return c === 0 ? 12 : c;
+function c(e) {
+	let t = e % 12;
+	return t === 0 ? 12 : t;
 }
-function b(l, c) {
-  const a = l % 12;
-  return c === "PM" ? a + 12 : a;
+function l(e, t) {
+	let n = e % 12;
+	return t === "PM" ? n + 12 : n;
 }
-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 })
-  ] });
+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
+			})
+		]
+	});
 }
-export {
-  q as TimePicker
-};
-//# sourceMappingURL=TimePicker.js.map
+//#endregion
+export { u as TimePicker };
+
+//# sourceMappingURL=TimePicker.js.map

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

@@ -1 +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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"}
+{"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

@@ -1,2 +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
+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

@@ -1 +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"}
+{"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

@@ -1,35 +1,46 @@
-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);
-  }) });
+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);
+		})
+	});
 }
-export {
-  N as Timeline
-};
-//# sourceMappingURL=Timeline.js.map
+//#endregion
+export { i as Timeline };
+
+//# sourceMappingURL=Timeline.js.map

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

@@ -1 +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;"}
+{"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":""}