tempest-react-sdk 0.22.0 → 0.24.0

package/dist/components/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","names":[],"sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Sidebar.module.css\";\n\nexport interface SidebarItem {\n    key: string;\n    label: ReactNode;\n    icon?: ReactNode;\n    badge?: ReactNode;\n    disabled?: boolean;\n    href?: string;\n}\n\nexport interface SidebarProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    /** Top slot — typically the logo + brand. */\n    header?: ReactNode;\n    /** Navigation items. */\n    items: SidebarItem[];\n    /** Active item key. */\n    value?: string;\n    /** Fires when an item is clicked. Receives the item's `key`. */\n    onChange?: (key: string) => void;\n    /** Bottom slot — typically settings/profile/logout. */\n    footer?: ReactNode;\n    /** Collapsed mode — only icons visible. Default `false`. */\n    collapsed?: boolean;\n    /** Width when expanded, in pixels or any CSS length. Default `240px`. */\n    width?: number | string;\n    /** Width when collapsed, in pixels or any CSS length. Default `64px`. */\n    collapsedWidth?: number | string;\n}\n\n/**\n * Desktop sidebar navigation. Pair with `<Show above=\"md\">` and a `Drawer`\n * for mobile.\n *\n * @example\n * const [tab, setTab] = useState(\"home\");\n * <Show above=\"md\">\n *     <Sidebar\n *         header={<Brand />}\n *         items={[{ key: \"home\", label: \"Home\", icon: <Home /> }]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function Sidebar({\n    header,\n    items,\n    value,\n    onChange,\n    footer,\n    collapsed = false,\n    width = 240,\n    collapsedWidth = 64,\n    className,\n    style,\n    ...props\n}: SidebarProps) {\n    const finalWidth =\n        typeof (collapsed ? collapsedWidth : width) === \"number\"\n            ? `${collapsed ? collapsedWidth : width}px`\n            : collapsed\n              ? collapsedWidth\n              : width;\n    return (\n        <aside\n            className={cn(styles.sidebar, collapsed && styles.collapsed, className)}\n            style={{ width: finalWidth, ...style }}\n            {...props}\n        >\n            {header && <div className={styles.header}>{header}</div>}\n            <nav className={styles.nav} aria-label=\"Navegação lateral\">\n                {items.map((item) => {\n                    const active = item.key === value;\n                    return (\n                        <button\n                            key={item.key}\n                            type=\"button\"\n                            className={cn(styles.item, active && styles.active)}\n                            aria-current={active ? \"page\" : undefined}\n                            disabled={item.disabled}\n                            onClick={() => onChange?.(item.key)}\n                            title={\n                                collapsed && typeof item.label === \"string\" ? item.label : undefined\n                            }\n                        >\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {!collapsed && <span className={styles.label}>{item.label}</span>}\n                            {!collapsed && item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </button>\n                    );\n                })}\n            </nav>\n            {footer && <div className={styles.footer}>{footer}</div>}\n        </aside>\n    );\n}\n"],"mappings":";;;;AA+CA,SAAgB,EAAQ,EACpB,WACA,UACA,UACA,aACA,WACA,eAAY,IACZ,WAAQ,KACR,oBAAiB,IACjB,cACA,UACA,GAAG,KACU;CACb,IAAM,IACF,QAAQ,IAAY,IAAiB,MAAW,WAC1C,GAAG,IAAY,IAAiB,EAAM,MACtC,IACE,IACA;CACZ,OACI,kBAAC,SAAD;EACI,WAAW,EAAG,EAAO,SAAS,KAAa,EAAO,WAAW,CAAS;EACtE,OAAO;GAAE,OAAO;GAAY,GAAG;EAAM;EACrC,GAAI;YAHR;GAKK,KAAU,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;GAAY,CAAA;GACvD,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAK,cAAW;cAClC,EAAM,KAAK,MAAS;KACjB,IAAM,IAAS,EAAK,QAAQ;KAC5B,OACI,kBAAC,UAAD;MAEI,MAAK;MACL,WAAW,EAAG,EAAO,MAAM,KAAU,EAAO,MAAM;MAClD,gBAAc,IAAS,SAAS,KAAA;MAChC,UAAU,EAAK;MACf,eAAe,IAAW,EAAK,GAAG;MAClC,OACI,KAAa,OAAO,EAAK,SAAU,WAAW,EAAK,QAAQ,KAAA;gBARnE;OAWK,EAAK,QAAQ,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAO,EAAK;OAAW,CAAA;OAC5D,CAAC,KAAa,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAQ,EAAK;OAAY,CAAA;OAC/D,CAAC,KAAa,EAAK,UAAU,KAAA,KAC1B,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAQ,EAAK;OAAY,CAAA;MAEjD;QAfC,EAAK,GAeN;IAEhB,CAAC;GACA,CAAA;GACJ,KAAU,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;GAAY,CAAA;EACpD;;AAEf"}

package/dist/components/Sidebar/Sidebar.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_sidebar_UB1qz`,t=`tempest_header_zupoS`,n=`tempest_nav_aLYuL`,r=`tempest_item_IAjHb`,i=`tempest_collapsed_ZbZYA`,a=`tempest_active_BgcFy`,o=`tempest_icon_UQswn`,s=`tempest_label_TPvJ9`,c=`tempest_badge_xwEZv`,l=`tempest_footer_TyRyi`,u={sidebar:e,header:t,nav:n,item:r,collapsed:i,active:a,icon:o,label:s,badge:c,footer:l};exports.active=a,exports.badge=c,exports.collapsed=i,exports.default=u,exports.footer=l,exports.header=t,exports.icon=o,exports.item=r,exports.label=s,exports.nav=n,exports.sidebar=e;
+//# sourceMappingURL=Sidebar.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.module.cjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.module.css"],"sourcesContent":[".sidebar {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--tempest-surface);\n    border-right: 1px solid var(--tempest-border);\n    font-family: var(--tempest-font-sans);\n    transition: width var(--tempest-duration-base, 200ms) var(--tempest-ease-out, ease-out);\n    overflow: hidden;\n}\n\n.header {\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-bottom: 1px solid var(--tempest-border);\n    min-height: 56px;\n    display: flex;\n    align-items: center;\n}\n\n.nav {\n    flex: 1 1 auto;\n    overflow-y: auto;\n    padding: var(--tempest-space-2);\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: 0;\n    border-radius: var(--tempest-radius-md);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    text-align: left;\n    cursor: pointer;\n    transition: background var(--tempest-duration-fast, 120ms);\n    min-height: 36px;\n    width: 100%;\n}\n\n.collapsed .item {\n    justify-content: center;\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.item:hover {\n    background: var(--tempest-gray-100);\n}\n\n.item.active {\n    background: var(--tempest-primary-100);\n    color: var(--tempest-primary-700);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    font-size: 18px;\n    line-height: 1;\n    flex: 0 0 auto;\n}\n\n.label {\n    flex: 1 1 auto;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.badge {\n    flex: 0 0 auto;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 6px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-gray-200);\n    color: var(--tempest-text);\n    font-size: 10px;\n    line-height: 18px;\n    text-align: center;\n}\n\n.footer {\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}

package/dist/components/Sidebar/Sidebar.module.js

@@ -0,0 +1,17 @@
+//#region src/components/Sidebar/Sidebar.module.css
+var e = "tempest_sidebar_UB1qz", t = "tempest_header_zupoS", n = "tempest_nav_aLYuL", r = "tempest_item_IAjHb", i = "tempest_collapsed_ZbZYA", a = "tempest_active_BgcFy", o = "tempest_icon_UQswn", s = "tempest_label_TPvJ9", c = "tempest_badge_xwEZv", l = "tempest_footer_TyRyi", u = {
+	sidebar: e,
+	header: t,
+	nav: n,
+	item: r,
+	collapsed: i,
+	active: a,
+	icon: o,
+	label: s,
+	badge: c,
+	footer: l
+};
+//#endregion
+export { a as active, c as badge, i as collapsed, u as default, l as footer, t as header, o as icon, r as item, s as label, n as nav, e as sidebar };
+
+//# sourceMappingURL=Sidebar.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.module.js","names":[],"sources":["../../../src/components/Sidebar/Sidebar.module.css"],"sourcesContent":[".sidebar {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--tempest-surface);\n    border-right: 1px solid var(--tempest-border);\n    font-family: var(--tempest-font-sans);\n    transition: width var(--tempest-duration-base, 200ms) var(--tempest-ease-out, ease-out);\n    overflow: hidden;\n}\n\n.header {\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-bottom: 1px solid var(--tempest-border);\n    min-height: 56px;\n    display: flex;\n    align-items: center;\n}\n\n.nav {\n    flex: 1 1 auto;\n    overflow-y: auto;\n    padding: var(--tempest-space-2);\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: 0;\n    border-radius: var(--tempest-radius-md);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    text-align: left;\n    cursor: pointer;\n    transition: background var(--tempest-duration-fast, 120ms);\n    min-height: 36px;\n    width: 100%;\n}\n\n.collapsed .item {\n    justify-content: center;\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.item:hover {\n    background: var(--tempest-gray-100);\n}\n\n.item.active {\n    background: var(--tempest-primary-100);\n    color: var(--tempest-primary-700);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    font-size: 18px;\n    line-height: 1;\n    flex: 0 0 auto;\n}\n\n.label {\n    flex: 1 1 auto;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.badge {\n    flex: 0 0 auto;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 6px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-gray-200);\n    color: var(--tempest-text);\n    font-size: 10px;\n    line-height: 18px;\n    text-align: center;\n}\n\n.footer {\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}

package/dist/components/Skeleton/Skeleton.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Skeleton.module.cjs");let n=require("react/jsx-runtime");function r({variant:r=`rect`,width:i,height:a,className:o,style:s}){return(0,n.jsx)(`span`,{"aria-hidden":!0,className:e.cn(t.default.skeleton,r===`text`&&t.default.text,r===`circle`&&t.default.circle,o),style:{width:i,height:a,...s}})}exports.Skeleton=r;
+//# sourceMappingURL=Skeleton.cjs.map

package/dist/components/Skeleton/Skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Skeleton.module.css\";\n\nexport interface SkeletonProps {\n    variant?: \"rect\" | \"text\" | \"circle\";\n    width?: number | string;\n    height?: number | string;\n    className?: string;\n    style?: CSSProperties;\n}\n\n/** Loading placeholder block. Use `variant=\"text\"` for inline lines, `circle` for avatars. */\nexport function Skeleton({ variant = \"rect\", width, height, className, style }: SkeletonProps) {\n    return (\n        <span\n            aria-hidden\n            className={cn(\n                styles.skeleton,\n                variant === \"text\" && styles.text,\n                variant === \"circle\" && styles.circle,\n                className,\n            )}\n            style={{ width, height, ...style }}\n        />\n    );\n}\n"],"mappings":"4GAaA,SAAgB,EAAS,CAAE,UAAU,OAAQ,QAAO,SAAQ,YAAW,SAAwB,CAC3F,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,cAAA,GACA,UAAW,EAAA,GACP,EAAA,QAAO,SACP,IAAY,QAAU,EAAA,QAAO,KAC7B,IAAY,UAAY,EAAA,QAAO,OAC/B,CACJ,EACA,MAAO,CAAE,QAAO,SAAQ,GAAG,CAAM,CACpC,CAAA,CAET"}

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,19 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Skeleton.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Skeleton/Skeleton.tsx
+function r({ variant: r = "rect", width: i, height: a, className: o, style: s }) {
+	return /* @__PURE__ */ n("span", {
+		"aria-hidden": !0,
+		className: e(t.skeleton, r === "text" && t.text, r === "circle" && t.circle, o),
+		style: {
+			width: i,
+			height: a,
+			...s
+		}
+	});
+}
+//#endregion
+export { r as Skeleton };
+
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","names":[],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Skeleton.module.css\";\n\nexport interface SkeletonProps {\n    variant?: \"rect\" | \"text\" | \"circle\";\n    width?: number | string;\n    height?: number | string;\n    className?: string;\n    style?: CSSProperties;\n}\n\n/** Loading placeholder block. Use `variant=\"text\"` for inline lines, `circle` for avatars. */\nexport function Skeleton({ variant = \"rect\", width, height, className, style }: SkeletonProps) {\n    return (\n        <span\n            aria-hidden\n            className={cn(\n                styles.skeleton,\n                variant === \"text\" && styles.text,\n                variant === \"circle\" && styles.circle,\n                className,\n            )}\n            style={{ width, height, ...style }}\n        />\n    );\n}\n"],"mappings":";;;;AAaA,SAAgB,EAAS,EAAE,aAAU,QAAQ,UAAO,WAAQ,cAAW,YAAwB;CAC3F,OACI,kBAAC,QAAD;EACI,eAAA;EACA,WAAW,EACP,EAAO,UACP,MAAY,UAAU,EAAO,MAC7B,MAAY,YAAY,EAAO,QAC/B,CACJ;EACA,OAAO;GAAE;GAAO;GAAQ,GAAG;EAAM;CACpC,CAAA;AAET"}

package/dist/components/Skeleton/Skeleton.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_skeleton_CB4uF`,t=`tempest_tempest-skeleton_H5Y8e`,n=`tempest_text_-A8IF`,r=`tempest_circle_DYcl8`,i=`tempest_rect_do1uR`,a={skeleton:e,tempestSkeleton:t,text:n,circle:r,rect:i};exports.circle=r,exports.default=a,exports.rect=i,exports.skeleton=e,exports.tempestSkeleton=t,exports.text=n;
+//# sourceMappingURL=Skeleton.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.module.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.module.css"],"sourcesContent":[".skeleton {\n    display: block;\n    background: linear-gradient(\n        90deg,\n        var(--tempest-surface) 0%,\n        var(--tempest-surface-2) 50%,\n        var(--tempest-surface) 100%\n    );\n    background-size: 200% 100%;\n    border-radius: var(--tempest-radius-md);\n    animation: tempest-skeleton 1.4s var(--tempest-ease-in-out) infinite;\n}\n\n.text {\n    height: var(--tempest-text-base);\n    border-radius: var(--tempest-radius-sm);\n}\n\n.circle {\n    border-radius: 50%;\n}\n\n.rect {\n    border-radius: var(--tempest-radius-md);\n}\n\n@keyframes tempest-skeleton {\n    0% {\n        background-position: 200% 0;\n    }\n    100% {\n        background-position: -200% 0;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .skeleton {\n        animation: none;\n        background: var(--tempest-surface-2);\n    }\n}\n"],"mappings":""}

package/dist/components/Skeleton/Skeleton.module.js

@@ -0,0 +1,12 @@
+//#region src/components/Skeleton/Skeleton.module.css
+var e = "tempest_skeleton_CB4uF", t = "tempest_tempest-skeleton_H5Y8e", n = "tempest_text_-A8IF", r = "tempest_circle_DYcl8", i = "tempest_rect_do1uR", a = {
+	skeleton: e,
+	tempestSkeleton: t,
+	text: n,
+	circle: r,
+	rect: i
+};
+//#endregion
+export { r as circle, a as default, i as rect, e as skeleton, t as tempestSkeleton, n as text };
+
+//# sourceMappingURL=Skeleton.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.module.js","names":[],"sources":["../../../src/components/Skeleton/Skeleton.module.css"],"sourcesContent":[".skeleton {\n    display: block;\n    background: linear-gradient(\n        90deg,\n        var(--tempest-surface) 0%,\n        var(--tempest-surface-2) 50%,\n        var(--tempest-surface) 100%\n    );\n    background-size: 200% 100%;\n    border-radius: var(--tempest-radius-md);\n    animation: tempest-skeleton 1.4s var(--tempest-ease-in-out) infinite;\n}\n\n.text {\n    height: var(--tempest-text-base);\n    border-radius: var(--tempest-radius-sm);\n}\n\n.circle {\n    border-radius: 50%;\n}\n\n.rect {\n    border-radius: var(--tempest-radius-md);\n}\n\n@keyframes tempest-skeleton {\n    0% {\n        background-position: 200% 0;\n    }\n    100% {\n        background-position: -200% 0;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .skeleton {\n        animation: none;\n        background: var(--tempest-surface-2);\n    }\n}\n"],"mappings":""}

package/dist/components/Slider/Slider.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Slider.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({value:i,onChange:a,min:o=0,max:s=100,step:c=1,label:l,helperText:u,disabled:d=!1,formatValue:f,className:p}){let m=(0,n.useMemo)(()=>{let e=s-o;return e<=0?0:Math.min(100,Math.max(0,(i-o)/e*100))},[i,o,s]),h=f?.(i)??String(i),g=(0,n.useCallback)(e=>{a(Number(e.target.value))},[a]);return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,p),children:[l&&(0,r.jsxs)(`div`,{className:t.default.label,children:[(0,r.jsx)(`span`,{children:l}),(0,r.jsx)(`span`,{className:t.default.value,children:h})]}),(0,r.jsxs)(`div`,{className:t.default.field,children:[(0,r.jsx)(`div`,{className:t.default.track}),(0,r.jsx)(`div`,{className:t.default.fill,style:{width:`${m}%`}}),(0,r.jsx)(`input`,{type:`range`,className:t.default.input,min:o,max:s,step:c,value:i,onChange:g,disabled:d,"aria-label":l??`Slider`,"aria-valuetext":h})]}),u&&(0,r.jsx)(`span`,{className:t.default.helper,children:u})]})}exports.Slider=i;
+//# sourceMappingURL=Slider.cjs.map

package/dist/components/Slider/Slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.cjs","names":[],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Slider.module.css\";\n\nexport interface SliderProps {\n    /** Current value. */\n    value: number;\n    /** Called with the new value on every change. */\n    onChange: (value: number) => void;\n    min?: number;\n    max?: number;\n    step?: number;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    /** Formatter for the value badge next to the label. Defaults to the raw number. */\n    formatValue?: (value: number) => string;\n    className?: string;\n}\n\n/**\n * Single-thumb slider built on a native `<input type=\"range\">`, so it stays\n * accessible (keyboard + screen reader) with no positioning libs. The active\n * fill is a percentage-width bar. For a two-thumb range, use `RangeSlider`.\n */\nexport function Slider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: SliderProps) {\n    const pct = useMemo(() => {\n        const range = max - min;\n        if (range <= 0) return 0;\n        return Math.min(100, Math.max(0, ((value - min) / range) * 100));\n    }, [value, min, max]);\n\n    const valueText = formatValue?.(value) ?? String(value);\n\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            onChange(Number(event.target.value));\n        },\n        [onChange],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && (\n                <div className={styles.label}>\n                    <span>{label}</span>\n                    <span className={styles.value}>{valueText}</span>\n                </div>\n            )}\n            <div className={styles.field}>\n                <div className={styles.track} />\n                <div className={styles.fill} style={{ width: `${pct}%` }} />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={value}\n                    onChange={handleChange}\n                    disabled={disabled}\n                    aria-label={label ?? \"Slider\"}\n                    aria-valuetext={valueText}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":"6HAyBA,SAAgB,EAAO,CACnB,QACA,WACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,aACA,WAAW,GACX,cACA,aACY,CACZ,IAAM,GAAA,EAAA,EAAA,QAAA,KAAoB,CACtB,IAAM,EAAQ,EAAM,EAEpB,OADI,GAAS,EAAU,EAChB,KAAK,IAAI,IAAK,KAAK,IAAI,GAAK,EAAQ,GAAO,EAAS,GAAG,CAAC,CACnE,EAAG,CAAC,EAAO,EAAK,CAAG,CAAC,EAEd,EAAY,IAAc,CAAK,GAAK,OAAO,CAAK,EAEhD,GAAA,EAAA,EAAA,YAAA,CACD,GAAqD,CAClD,EAAS,OAAO,EAAM,OAAO,KAAK,CAAC,CACvC,EACA,CAAC,CAAQ,CACb,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,WAA5C,CACK,IACG,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,CAAY,CAAA,GACnB,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAgB,CAAA,CAC/C,KAET,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAQ,CAAA,GAC/B,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,MAAO,GAAG,EAAI,EAAG,CAAI,CAAA,GAC3D,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACC,QACP,SAAU,EACA,WACV,aAAY,GAAS,SACrB,iBAAgB,CACnB,CAAA,CACA,IACJ,IAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,gBAAS,CAAiB,CAAA,CAChE,GAEb"}

package/dist/components/Slider/Slider.js

@@ -0,0 +1,59 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Slider.module.js";
+import { useCallback as n, useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Slider/Slider.tsx
+function o({ value: o, onChange: s, min: c = 0, max: l = 100, step: u = 1, label: d, helperText: f, disabled: p = !1, formatValue: m, className: h }) {
+	let g = r(() => {
+		let e = l - c;
+		return e <= 0 ? 0 : Math.min(100, Math.max(0, (o - c) / e * 100));
+	}, [
+		o,
+		c,
+		l
+	]), _ = m?.(o) ?? String(o), v = n((e) => {
+		s(Number(e.target.value));
+	}, [s]);
+	return /* @__PURE__ */ a("div", {
+		className: e(t.wrapper, h),
+		children: [
+			d && /* @__PURE__ */ a("div", {
+				className: t.label,
+				children: [/* @__PURE__ */ i("span", { children: d }), /* @__PURE__ */ i("span", {
+					className: t.value,
+					children: _
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: t.field,
+				children: [
+					/* @__PURE__ */ i("div", { className: t.track }),
+					/* @__PURE__ */ i("div", {
+						className: t.fill,
+						style: { width: `${g}%` }
+					}),
+					/* @__PURE__ */ i("input", {
+						type: "range",
+						className: t.input,
+						min: c,
+						max: l,
+						step: u,
+						value: o,
+						onChange: v,
+						disabled: p,
+						"aria-label": d ?? "Slider",
+						"aria-valuetext": _
+					})
+				]
+			}),
+			f && /* @__PURE__ */ i("span", {
+				className: t.helper,
+				children: f
+			})
+		]
+	});
+}
+//#endregion
+export { o as Slider };
+
+//# sourceMappingURL=Slider.js.map

package/dist/components/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":[],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Slider.module.css\";\n\nexport interface SliderProps {\n    /** Current value. */\n    value: number;\n    /** Called with the new value on every change. */\n    onChange: (value: number) => void;\n    min?: number;\n    max?: number;\n    step?: number;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    /** Formatter for the value badge next to the label. Defaults to the raw number. */\n    formatValue?: (value: number) => string;\n    className?: string;\n}\n\n/**\n * Single-thumb slider built on a native `<input type=\"range\">`, so it stays\n * accessible (keyboard + screen reader) with no positioning libs. The active\n * fill is a percentage-width bar. For a two-thumb range, use `RangeSlider`.\n */\nexport function Slider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: SliderProps) {\n    const pct = useMemo(() => {\n        const range = max - min;\n        if (range <= 0) return 0;\n        return Math.min(100, Math.max(0, ((value - min) / range) * 100));\n    }, [value, min, max]);\n\n    const valueText = formatValue?.(value) ?? String(value);\n\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            onChange(Number(event.target.value));\n        },\n        [onChange],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && (\n                <div className={styles.label}>\n                    <span>{label}</span>\n                    <span className={styles.value}>{valueText}</span>\n                </div>\n            )}\n            <div className={styles.field}>\n                <div className={styles.track} />\n                <div className={styles.fill} style={{ width: `${pct}%` }} />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={value}\n                    onChange={handleChange}\n                    disabled={disabled}\n                    aria-label={label ?? \"Slider\"}\n                    aria-valuetext={valueText}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAyBA,SAAgB,EAAO,EACnB,UACA,aACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,eACA,cAAW,IACX,gBACA,gBACY;CACZ,IAAM,IAAM,QAAc;EACtB,IAAM,IAAQ,IAAM;EAEpB,OADI,KAAS,IAAU,IAChB,KAAK,IAAI,KAAK,KAAK,IAAI,IAAK,IAAQ,KAAO,IAAS,GAAG,CAAC;CACnE,GAAG;EAAC;EAAO;EAAK;CAAG,CAAC,GAEd,IAAY,IAAc,CAAK,KAAK,OAAO,CAAK,GAEhD,IAAe,GAChB,MAAqD;EAClD,EAAS,OAAO,EAAM,OAAO,KAAK,CAAC;CACvC,GACA,CAAC,CAAQ,CACb;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;YAA5C;GACK,KACG,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,GACnB,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAgB,CAAA,CAC/C;;GAET,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACI,kBAAC,OAAD,EAAK,WAAW,EAAO,MAAQ,CAAA;KAC/B,kBAAC,OAAD;MAAK,WAAW,EAAO;MAAM,OAAO,EAAE,OAAO,GAAG,EAAI,GAAG;KAAI,CAAA;KAC3D,kBAAC,SAAD;MACI,MAAK;MACL,WAAW,EAAO;MACb;MACA;MACC;MACC;MACP,UAAU;MACA;MACV,cAAY,KAAS;MACrB,kBAAgB;KACnB,CAAA;IACA;;GACJ,KAAc,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAS;GAAiB,CAAA;EAChE;;AAEb"}

package/dist/components/Slider/Slider.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_KCCs1`,t=`tempest_label_N4ak-`,n=`tempest_value_-33zj`,r=`tempest_field_wFJsg`,i=`tempest_track_kaJkL`,a=`tempest_fill_tio-b`,o=`tempest_input_J48Um`,s=`tempest_helper_yn8VW`,c={wrapper:e,label:t,value:n,field:r,track:i,fill:a,input:o,helper:s};exports.default=c,exports.field=r,exports.fill=a,exports.helper=s,exports.input=o,exports.label=t,exports.track=i,exports.value=n,exports.wrapper=e;
+//# sourceMappingURL=Slider.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.module.cjs","names":[],"sources":["../../../src/components/Slider/Slider.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\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.value {\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.field {\n    position: relative;\n    height: 28px;\n    display: flex;\n    align-items: center;\n}\n\n.track {\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 4px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-2);\n}\n\n.fill {\n    position: absolute;\n    left: 0;\n    height: 4px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary);\n}\n\n.input {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 28px;\n    -webkit-appearance: none;\n    appearance: none;\n    background: none;\n    margin: 0;\n}\n\n.input::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    border: 2px solid var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-sm);\n    cursor: pointer;\n}\n\n.input::-moz-range-thumb {\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    border: 2px solid var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-sm);\n    cursor: pointer;\n}\n\n.input:focus-visible::-webkit-slider-thumb {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n.input:focus-visible::-moz-range-thumb {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.input:disabled::-webkit-slider-thumb,\n.input:disabled::-moz-range-thumb {\n    border-color: var(--tempest-border-strong);\n    cursor: not-allowed;\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"],"mappings":""}

package/dist/components/Slider/Slider.module.js

@@ -0,0 +1,15 @@
+//#region src/components/Slider/Slider.module.css
+var e = "tempest_wrapper_KCCs1", t = "tempest_label_N4ak-", n = "tempest_value_-33zj", r = "tempest_field_wFJsg", i = "tempest_track_kaJkL", a = "tempest_fill_tio-b", o = "tempest_input_J48Um", s = "tempest_helper_yn8VW", c = {
+	wrapper: e,
+	label: t,
+	value: n,
+	field: r,
+	track: i,
+	fill: a,
+	input: o,
+	helper: s
+};
+//#endregion
+export { c as default, r as field, a as fill, s as helper, o as input, t as label, i as track, n as value, e as wrapper };
+
+//# sourceMappingURL=Slider.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.module.js","names":[],"sources":["../../../src/components/Slider/Slider.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\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.value {\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.field {\n    position: relative;\n    height: 28px;\n    display: flex;\n    align-items: center;\n}\n\n.track {\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 4px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-2);\n}\n\n.fill {\n    position: absolute;\n    left: 0;\n    height: 4px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary);\n}\n\n.input {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 28px;\n    -webkit-appearance: none;\n    appearance: none;\n    background: none;\n    margin: 0;\n}\n\n.input::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    border: 2px solid var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-sm);\n    cursor: pointer;\n}\n\n.input::-moz-range-thumb {\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    border: 2px solid var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-sm);\n    cursor: pointer;\n}\n\n.input:focus-visible::-webkit-slider-thumb {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n.input:focus-visible::-moz-range-thumb {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.input:disabled::-webkit-slider-thumb,\n.input:disabled::-moz-range-thumb {\n    border-color: var(--tempest-border-strong);\n    cursor: not-allowed;\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"],"mappings":""}

package/dist/components/Spacer/Spacer.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Spacer.module.cjs");let n=require("react/jsx-runtime");function r({axis:r=`both`,className:i,...a}){return(0,n.jsx)(`div`,{className:e.cn(t.default.spacer,t.default[r],i),...a})}exports.Spacer=r;
+//# sourceMappingURL=Spacer.cjs.map

package/dist/components/Spacer/Spacer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.cjs","names":[],"sources":["../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Spacer.module.css\";\n\nexport type SpacerAxis = \"both\" | \"x\" | \"y\";\n\nexport interface SpacerProps extends HTMLAttributes<HTMLDivElement> {\n    /** Axis to flex along. Default `\"both\"` (`flex: 1`). */\n    axis?: SpacerAxis;\n}\n\n/**\n * Flex spacer — pushes siblings apart inside a flex container. Equivalent\n * to `<div style={{ flex: 1 }}>` but typed and intent-revealing.\n *\n * @example\n * <Stack direction=\"horizontal\">\n *     <Button>Cancelar</Button>\n *     <Spacer />\n *     <Button variant=\"primary\">Salvar</Button>\n * </Stack>\n */\nexport function Spacer({ axis = \"both\", className, ...props }: SpacerProps) {\n    return <div className={cn(styles.spacer, styles[axis], className)} {...props} />;\n}\n"],"mappings":"0GAsBA,SAAgB,EAAO,CAAE,OAAO,OAAQ,YAAW,GAAG,GAAsB,CACxE,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAA,QAAO,GAAO,CAAS,EAAG,GAAI,CAAQ,CAAA,CACnF"}

package/dist/components/Spacer/Spacer.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Spacer.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Spacer/Spacer.tsx
+function r({ axis: r = "both", className: i, ...a }) {
+	return /* @__PURE__ */ n("div", {
+		className: e(t.spacer, t[r], i),
+		...a
+	});
+}
+//#endregion
+export { r as Spacer };
+
+//# sourceMappingURL=Spacer.js.map

package/dist/components/Spacer/Spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.js","names":[],"sources":["../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Spacer.module.css\";\n\nexport type SpacerAxis = \"both\" | \"x\" | \"y\";\n\nexport interface SpacerProps extends HTMLAttributes<HTMLDivElement> {\n    /** Axis to flex along. Default `\"both\"` (`flex: 1`). */\n    axis?: SpacerAxis;\n}\n\n/**\n * Flex spacer — pushes siblings apart inside a flex container. Equivalent\n * to `<div style={{ flex: 1 }}>` but typed and intent-revealing.\n *\n * @example\n * <Stack direction=\"horizontal\">\n *     <Button>Cancelar</Button>\n *     <Spacer />\n *     <Button variant=\"primary\">Salvar</Button>\n * </Stack>\n */\nexport function Spacer({ axis = \"both\", className, ...props }: SpacerProps) {\n    return <div className={cn(styles.spacer, styles[axis], className)} {...props} />;\n}\n"],"mappings":";;;;AAsBA,SAAgB,EAAO,EAAE,UAAO,QAAQ,cAAW,GAAG,KAAsB;CACxE,OAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,QAAQ,EAAO,IAAO,CAAS;EAAG,GAAI;CAAQ,CAAA;AACnF"}

package/dist/components/Spacer/Spacer.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_spacer_okdOd`,t=`tempest_both_85qSF`,n=`tempest_x_QiU2B`,r=`tempest_y_hTtCp`,i={spacer:e,both:t,x:n,y:r};exports.both=t,exports.default=i,exports.spacer=e,exports.x=n,exports.y=r;
+//# sourceMappingURL=Spacer.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.module.cjs","names":[],"sources":["../../../src/components/Spacer/Spacer.module.css"],"sourcesContent":[".spacer.both {\n    flex: 1 1 auto;\n}\n\n.spacer.x {\n    flex: 1 0 auto;\n    width: auto;\n}\n\n.spacer.y {\n    flex: 1 0 auto;\n    height: auto;\n}\n"],"mappings":""}

package/dist/components/Spacer/Spacer.module.js

@@ -0,0 +1,11 @@
+//#region src/components/Spacer/Spacer.module.css
+var e = "tempest_spacer_okdOd", t = "tempest_both_85qSF", n = "tempest_x_QiU2B", r = "tempest_y_hTtCp", i = {
+	spacer: e,
+	both: t,
+	x: n,
+	y: r
+};
+//#endregion
+export { t as both, i as default, e as spacer, n as x, r as y };
+
+//# sourceMappingURL=Spacer.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.module.js","names":[],"sources":["../../../src/components/Spacer/Spacer.module.css"],"sourcesContent":[".spacer.both {\n    flex: 1 1 auto;\n}\n\n.spacer.x {\n    flex: 1 0 auto;\n    width: auto;\n}\n\n.spacer.y {\n    flex: 1 0 auto;\n    height: auto;\n}\n"],"mappings":""}

package/dist/components/Spinner/Spinner.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Spinner.module.cjs");let n=require("react/jsx-runtime");function r({size:r=`md`,className:i,label:a=`Carregando`,caption:o,overlay:s=!1}){let c=(0,n.jsx)(`span`,{"aria-hidden":!0,className:e.cn(t.default.spinner,t.default[r])});return!s&&o===void 0?(0,n.jsx)(`span`,{role:`status`,"aria-label":a,className:e.cn(t.default.spinner,t.default[r],i)}):(0,n.jsxs)(`div`,{role:`status`,"aria-label":a,"aria-live":`polite`,className:e.cn(t.default.wrap,s&&t.default.overlay,i),children:[c,o!==void 0&&(0,n.jsx)(`span`,{className:t.default.caption,children:o})]})}exports.Spinner=r;
+//# sourceMappingURL=Spinner.cjs.map

package/dist/components/Spinner/Spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Spinner.module.css\";\n\nexport type SpinnerSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface SpinnerProps {\n    size?: SpinnerSize;\n    className?: string;\n    /** Accessible label announced by screen readers. */\n    label?: string;\n    /**\n     * Visible caption rendered under the spinner. When set, the spinner and\n     * caption are wrapped in a centered column.\n     */\n    caption?: ReactNode;\n    /**\n     * Center the spinner inside a full-area overlay (fills the nearest\n     * positioned ancestor; pair with a relative container or a route fallback).\n     * Implies the wrapped layout.\n     */\n    overlay?: boolean;\n}\n\n/**\n * Loading spinner with preset sizes (xs..xl). Provide `label` for screen\n * readers, `caption` for a visible message, and `overlay` to center it inside a\n * full-area container (e.g. a Suspense / route fallback).\n *\n * @example\n * <Spinner />\n * <Spinner size=\"lg\" caption=\"Carregando…\" overlay />\n */\nexport function Spinner({\n    size = \"md\",\n    className,\n    label = \"Carregando\",\n    caption,\n    overlay = false,\n}: SpinnerProps) {\n    const dot = <span aria-hidden className={cn(styles.spinner, styles[size])} />;\n\n    if (!overlay && caption === undefined) {\n        return (\n            <span\n                role=\"status\"\n                aria-label={label}\n                className={cn(styles.spinner, styles[size], className)}\n            />\n        );\n    }\n\n    return (\n        <div\n            role=\"status\"\n            aria-label={label}\n            aria-live=\"polite\"\n            className={cn(styles.wrap, overlay && styles.overlay, className)}\n        >\n            {dot}\n            {caption !== undefined && <span className={styles.caption}>{caption}</span>}\n        </div>\n    );\n}\n"],"mappings":"2GAiCA,SAAgB,EAAQ,CACpB,OAAO,KACP,YACA,QAAQ,aACR,UACA,UAAU,IACG,CACb,IAAM,GAAM,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,cAAA,GAAY,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,EAAA,QAAO,EAAK,CAAI,CAAA,EAY5E,MAVI,CAAC,GAAW,IAAY,IAAA,IAEpB,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,KAAK,SACL,aAAY,EACZ,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,EAAA,QAAO,GAAO,CAAS,CACxD,CAAA,GAKL,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,KAAK,SACL,aAAY,EACZ,YAAU,SACV,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAW,EAAA,QAAO,QAAS,CAAS,WAJnE,CAMK,EACA,IAAY,IAAA,KAAa,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAU,CAAc,CAAA,CACzE,GAEb"}

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,28 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Spinner.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Spinner/Spinner.tsx
+function i({ size: i = "md", className: a, label: o = "Carregando", caption: s, overlay: c = !1 }) {
+	let l = /* @__PURE__ */ n("span", {
+		"aria-hidden": !0,
+		className: e(t.spinner, t[i])
+	});
+	return !c && s === void 0 ? /* @__PURE__ */ n("span", {
+		role: "status",
+		"aria-label": o,
+		className: e(t.spinner, t[i], a)
+	}) : /* @__PURE__ */ r("div", {
+		role: "status",
+		"aria-label": o,
+		"aria-live": "polite",
+		className: e(t.wrap, c && t.overlay, a),
+		children: [l, s !== void 0 && /* @__PURE__ */ n("span", {
+			className: t.caption,
+			children: s
+		})]
+	});
+}
+//#endregion
+export { i as Spinner };
+
+//# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","names":[],"sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Spinner.module.css\";\n\nexport type SpinnerSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface SpinnerProps {\n    size?: SpinnerSize;\n    className?: string;\n    /** Accessible label announced by screen readers. */\n    label?: string;\n    /**\n     * Visible caption rendered under the spinner. When set, the spinner and\n     * caption are wrapped in a centered column.\n     */\n    caption?: ReactNode;\n    /**\n     * Center the spinner inside a full-area overlay (fills the nearest\n     * positioned ancestor; pair with a relative container or a route fallback).\n     * Implies the wrapped layout.\n     */\n    overlay?: boolean;\n}\n\n/**\n * Loading spinner with preset sizes (xs..xl). Provide `label` for screen\n * readers, `caption` for a visible message, and `overlay` to center it inside a\n * full-area container (e.g. a Suspense / route fallback).\n *\n * @example\n * <Spinner />\n * <Spinner size=\"lg\" caption=\"Carregando…\" overlay />\n */\nexport function Spinner({\n    size = \"md\",\n    className,\n    label = \"Carregando\",\n    caption,\n    overlay = false,\n}: SpinnerProps) {\n    const dot = <span aria-hidden className={cn(styles.spinner, styles[size])} />;\n\n    if (!overlay && caption === undefined) {\n        return (\n            <span\n                role=\"status\"\n                aria-label={label}\n                className={cn(styles.spinner, styles[size], className)}\n            />\n        );\n    }\n\n    return (\n        <div\n            role=\"status\"\n            aria-label={label}\n            aria-live=\"polite\"\n            className={cn(styles.wrap, overlay && styles.overlay, className)}\n        >\n            {dot}\n            {caption !== undefined && <span className={styles.caption}>{caption}</span>}\n        </div>\n    );\n}\n"],"mappings":";;;;AAiCA,SAAgB,EAAQ,EACpB,UAAO,MACP,cACA,WAAQ,cACR,YACA,aAAU,MACG;CACb,IAAM,IAAM,kBAAC,QAAD;EAAM,eAAA;EAAY,WAAW,EAAG,EAAO,SAAS,EAAO,EAAK;CAAI,CAAA;CAY5E,OAVI,CAAC,KAAW,MAAY,KAAA,IAEpB,kBAAC,QAAD;EACI,MAAK;EACL,cAAY;EACZ,WAAW,EAAG,EAAO,SAAS,EAAO,IAAO,CAAS;CACxD,CAAA,IAKL,kBAAC,OAAD;EACI,MAAK;EACL,cAAY;EACZ,aAAU;EACV,WAAW,EAAG,EAAO,MAAM,KAAW,EAAO,SAAS,CAAS;YAJnE,CAMK,GACA,MAAY,KAAA,KAAa,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAU;EAAc,CAAA,CACzE;;AAEb"}

package/dist/components/Spinner/Spinner.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_spinner_GpFZS`,t=`tempest_tempest-spinner_wKVCY`,n=`tempest_xs_p8BFI`,r=`tempest_sm_3sIoD`,i=`tempest_md_M2sPj`,a=`tempest_lg_IxTw2`,o=`tempest_xl_cgwqq`,s=`tempest_wrap_Xkv-I`,c=`tempest_overlay_sVSe9`,l=`tempest_caption_B0ED9`,u={spinner:e,tempestSpinner:t,xs:n,sm:r,md:i,lg:a,xl:o,wrap:s,overlay:c,caption:l};exports.caption=l,exports.default=u,exports.lg=a,exports.md=i,exports.overlay=c,exports.sm=r,exports.spinner=e,exports.tempestSpinner=t,exports.wrap=s,exports.xl=o,exports.xs=n;
+//# sourceMappingURL=Spinner.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.module.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.module.css"],"sourcesContent":[".spinner {\n    display: inline-block;\n    border: 2px solid var(--tempest-surface-2);\n    border-top-color: var(--tempest-primary);\n    border-radius: 50%;\n    animation: tempest-spinner 0.7s linear infinite;\n    flex-shrink: 0;\n}\n\n.xs {\n    width: 10px;\n    height: 10px;\n    border-width: 1.5px;\n}\n.sm {\n    width: 14px;\n    height: 14px;\n    border-width: 2px;\n}\n.md {\n    width: 20px;\n    height: 20px;\n    border-width: 2px;\n}\n.lg {\n    width: 32px;\n    height: 32px;\n    border-width: 3px;\n}\n.xl {\n    width: 48px;\n    height: 48px;\n    border-width: 4px;\n}\n\n.wrap {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n}\n\n.overlay {\n    position: absolute;\n    inset: 0;\n    min-height: 60vh;\n}\n\n.caption {\n    font-size: var(--tempest-text-sm);\n}\n\n@keyframes tempest-spinner {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .spinner {\n        animation-duration: 2s;\n    }\n}\n"],"mappings":""}

package/dist/components/Spinner/Spinner.module.js

@@ -0,0 +1,17 @@
+//#region src/components/Spinner/Spinner.module.css
+var e = "tempest_spinner_GpFZS", t = "tempest_tempest-spinner_wKVCY", n = "tempest_xs_p8BFI", r = "tempest_sm_3sIoD", i = "tempest_md_M2sPj", a = "tempest_lg_IxTw2", o = "tempest_xl_cgwqq", s = "tempest_wrap_Xkv-I", c = "tempest_overlay_sVSe9", l = "tempest_caption_B0ED9", u = {
+	spinner: e,
+	tempestSpinner: t,
+	xs: n,
+	sm: r,
+	md: i,
+	lg: a,
+	xl: o,
+	wrap: s,
+	overlay: c,
+	caption: l
+};
+//#endregion
+export { l as caption, u as default, a as lg, i as md, c as overlay, r as sm, e as spinner, t as tempestSpinner, s as wrap, o as xl, n as xs };
+
+//# sourceMappingURL=Spinner.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.module.js","names":[],"sources":["../../../src/components/Spinner/Spinner.module.css"],"sourcesContent":[".spinner {\n    display: inline-block;\n    border: 2px solid var(--tempest-surface-2);\n    border-top-color: var(--tempest-primary);\n    border-radius: 50%;\n    animation: tempest-spinner 0.7s linear infinite;\n    flex-shrink: 0;\n}\n\n.xs {\n    width: 10px;\n    height: 10px;\n    border-width: 1.5px;\n}\n.sm {\n    width: 14px;\n    height: 14px;\n    border-width: 2px;\n}\n.md {\n    width: 20px;\n    height: 20px;\n    border-width: 2px;\n}\n.lg {\n    width: 32px;\n    height: 32px;\n    border-width: 3px;\n}\n.xl {\n    width: 48px;\n    height: 48px;\n    border-width: 4px;\n}\n\n.wrap {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n}\n\n.overlay {\n    position: absolute;\n    inset: 0;\n    min-height: 60vh;\n}\n\n.caption {\n    font-size: var(--tempest-text-sm);\n}\n\n@keyframes tempest-spinner {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .spinner {\n        animation-duration: 2s;\n    }\n}\n"],"mappings":""}

package/dist/components/Stat/Stat.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Stat.module.cjs");let n=require("react/jsx-runtime");function r(e){if(typeof e!=`string`)return;let t=e.trim();if(t.startsWith(`+`))return`up`;if(t.startsWith(`-`)||t.startsWith(`−`))return`down`}function i({label:i,value:a,delta:o,trend:s,hint:c,icon:l,className:u,...d}){let f=s??r(o);return(0,n.jsxs)(`div`,{className:e.cn(t.default.stat,u),...d,children:[(0,n.jsxs)(`div`,{className:t.default.header,children:[l&&(0,n.jsx)(`span`,{className:t.default.icon,children:l}),(0,n.jsx)(`span`,{className:t.default.label,children:i})]}),(0,n.jsxs)(`div`,{className:t.default.row,children:[(0,n.jsx)(`span`,{className:t.default.value,children:a}),o!==void 0&&(0,n.jsx)(`span`,{className:e.cn(t.default.delta,f===`up`&&t.default.up,f===`down`&&t.default.down,f===`flat`&&t.default.flat),children:o})]}),c&&(0,n.jsx)(`p`,{className:t.default.hint,children:c})]})}exports.Stat=i;
+//# sourceMappingURL=Stat.cjs.map

package/dist/components/Stat/Stat.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.cjs","names":[],"sources":["../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Stat.module.css\";\n\nexport type StatTrend = \"up\" | \"down\" | \"flat\";\n\nexport interface StatProps extends HTMLAttributes<HTMLDivElement> {\n    /** Metric label (e.g. \"Revenue\", \"Active users\"). */\n    label: ReactNode;\n    /** Metric value (e.g. \"R$ 12.345\", \"1.2k\"). */\n    value: ReactNode;\n    /** Optional comparison delta — when set, renders alongside the value. */\n    delta?: ReactNode;\n    /** Trend direction for the delta. Default inferred from delta string. */\n    trend?: StatTrend;\n    /** Optional supporting context line below the value. */\n    hint?: ReactNode;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n}\n\nfunction inferTrend(delta: ReactNode | undefined): StatTrend | undefined {\n    if (typeof delta !== \"string\") return undefined;\n    const trimmed = delta.trim();\n    if (trimmed.startsWith(\"+\")) return \"up\";\n    if (trimmed.startsWith(\"-\") || trimmed.startsWith(\"−\")) return \"down\";\n    return undefined;\n}\n\n/**\n * KPI card. Dashboard widget showing a label + big value + optional\n * delta/trend and hint.\n *\n * @example\n * <Stat label=\"Receita\" value=\"R$ 12.345\" delta=\"+12,4%\" trend=\"up\" hint=\"vs. mês anterior\" />\n */\nexport function Stat({ label, value, delta, trend, hint, icon, className, ...props }: StatProps) {\n    const resolvedTrend: StatTrend | undefined = trend ?? inferTrend(delta);\n    return (\n        <div className={cn(styles.stat, className)} {...props}>\n            <div className={styles.header}>\n                {icon && <span className={styles.icon}>{icon}</span>}\n                <span className={styles.label}>{label}</span>\n            </div>\n            <div className={styles.row}>\n                <span className={styles.value}>{value}</span>\n                {delta !== undefined && (\n                    <span\n                        className={cn(\n                            styles.delta,\n                            resolvedTrend === \"up\" && styles.up,\n                            resolvedTrend === \"down\" && styles.down,\n                            resolvedTrend === \"flat\" && styles.flat,\n                        )}\n                    >\n                        {delta}\n                    </span>\n                )}\n            </div>\n            {hint && <p className={styles.hint}>{hint}</p>}\n        </div>\n    );\n}\n"],"mappings":"wGAqBA,SAAS,EAAW,EAAqD,CACrE,GAAI,OAAO,GAAU,SAAU,OAC/B,IAAM,EAAU,EAAM,KAAK,EAC3B,GAAI,EAAQ,WAAW,GAAG,EAAG,MAAO,KACpC,GAAI,EAAQ,WAAW,GAAG,GAAK,EAAQ,WAAW,GAAG,EAAG,MAAO,MAEnE,CASA,SAAgB,EAAK,CAAE,QAAO,QAAO,QAAO,QAAO,OAAM,OAAM,YAAW,GAAG,GAAoB,CAC7F,IAAM,EAAuC,GAAS,EAAW,CAAK,EACtE,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EAAG,GAAI,WAAhD,EACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAvB,CACK,IAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,CAAW,CAAA,GACnD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,CAC3C,KACL,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,aAAvB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EAC3C,IAAU,IAAA,KACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,MACP,IAAkB,MAAQ,EAAA,QAAO,GACjC,IAAkB,QAAU,EAAA,QAAO,KACnC,IAAkB,QAAU,EAAA,QAAO,IACvC,WAEC,CACC,CAAA,CAET,IACJ,IAAQ,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,cAAO,CAAQ,CAAA,CAC5C,GAEb"}

package/dist/components/Stat/Stat.js

@@ -0,0 +1,47 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Stat.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Stat/Stat.tsx
+function i(e) {
+	if (typeof e != "string") return;
+	let t = e.trim();
+	if (t.startsWith("+")) return "up";
+	if (t.startsWith("-") || t.startsWith("−")) return "down";
+}
+function a({ label: a, value: o, delta: s, trend: c, hint: l, icon: u, className: d, ...f }) {
+	let p = c ?? i(s);
+	return /* @__PURE__ */ r("div", {
+		className: e(t.stat, d),
+		...f,
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: t.header,
+				children: [u && /* @__PURE__ */ n("span", {
+					className: t.icon,
+					children: u
+				}), /* @__PURE__ */ n("span", {
+					className: t.label,
+					children: a
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: t.row,
+				children: [/* @__PURE__ */ n("span", {
+					className: t.value,
+					children: o
+				}), s !== void 0 && /* @__PURE__ */ n("span", {
+					className: e(t.delta, p === "up" && t.up, p === "down" && t.down, p === "flat" && t.flat),
+					children: s
+				})]
+			}),
+			l && /* @__PURE__ */ n("p", {
+				className: t.hint,
+				children: l
+			})
+		]
+	});
+}
+//#endregion
+export { a as Stat };
+
+//# sourceMappingURL=Stat.js.map

package/dist/components/Stat/Stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.js","names":[],"sources":["../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Stat.module.css\";\n\nexport type StatTrend = \"up\" | \"down\" | \"flat\";\n\nexport interface StatProps extends HTMLAttributes<HTMLDivElement> {\n    /** Metric label (e.g. \"Revenue\", \"Active users\"). */\n    label: ReactNode;\n    /** Metric value (e.g. \"R$ 12.345\", \"1.2k\"). */\n    value: ReactNode;\n    /** Optional comparison delta — when set, renders alongside the value. */\n    delta?: ReactNode;\n    /** Trend direction for the delta. Default inferred from delta string. */\n    trend?: StatTrend;\n    /** Optional supporting context line below the value. */\n    hint?: ReactNode;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n}\n\nfunction inferTrend(delta: ReactNode | undefined): StatTrend | undefined {\n    if (typeof delta !== \"string\") return undefined;\n    const trimmed = delta.trim();\n    if (trimmed.startsWith(\"+\")) return \"up\";\n    if (trimmed.startsWith(\"-\") || trimmed.startsWith(\"−\")) return \"down\";\n    return undefined;\n}\n\n/**\n * KPI card. Dashboard widget showing a label + big value + optional\n * delta/trend and hint.\n *\n * @example\n * <Stat label=\"Receita\" value=\"R$ 12.345\" delta=\"+12,4%\" trend=\"up\" hint=\"vs. mês anterior\" />\n */\nexport function Stat({ label, value, delta, trend, hint, icon, className, ...props }: StatProps) {\n    const resolvedTrend: StatTrend | undefined = trend ?? inferTrend(delta);\n    return (\n        <div className={cn(styles.stat, className)} {...props}>\n            <div className={styles.header}>\n                {icon && <span className={styles.icon}>{icon}</span>}\n                <span className={styles.label}>{label}</span>\n            </div>\n            <div className={styles.row}>\n                <span className={styles.value}>{value}</span>\n                {delta !== undefined && (\n                    <span\n                        className={cn(\n                            styles.delta,\n                            resolvedTrend === \"up\" && styles.up,\n                            resolvedTrend === \"down\" && styles.down,\n                            resolvedTrend === \"flat\" && styles.flat,\n                        )}\n                    >\n                        {delta}\n                    </span>\n                )}\n            </div>\n            {hint && <p className={styles.hint}>{hint}</p>}\n        </div>\n    );\n}\n"],"mappings":";;;;AAqBA,SAAS,EAAW,GAAqD;CACrE,IAAI,OAAO,KAAU,UAAU;CAC/B,IAAM,IAAU,EAAM,KAAK;CAC3B,IAAI,EAAQ,WAAW,GAAG,GAAG,OAAO;CACpC,IAAI,EAAQ,WAAW,GAAG,KAAK,EAAQ,WAAW,GAAG,GAAG,OAAO;AAEnE;AASA,SAAgB,EAAK,EAAE,UAAO,UAAO,UAAO,UAAO,SAAM,SAAM,cAAW,GAAG,KAAoB;CAC7F,IAAM,IAAuC,KAAS,EAAW,CAAK;CACtE,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,GAAI;YAAhD;GACI,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACK,KAAQ,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAO;IAAW,CAAA,GACnD,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,CAC3C;;GACL,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,GAC3C,MAAU,KAAA,KACP,kBAAC,QAAD;KACI,WAAW,EACP,EAAO,OACP,MAAkB,QAAQ,EAAO,IACjC,MAAkB,UAAU,EAAO,MACnC,MAAkB,UAAU,EAAO,IACvC;eAEC;IACC,CAAA,CAET;;GACJ,KAAQ,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAO;GAAQ,CAAA;EAC5C;;AAEb"}

package/dist/components/Stat/Stat.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_stat_zoo9y`,t=`tempest_header_3UQqq`,n=`tempest_icon_zUG3e`,r=`tempest_label_lIH47`,i=`tempest_row_Ifyts`,a=`tempest_value_JBWnr`,o=`tempest_delta_mRVrE`,s=`tempest_up_7qgUO`,c=`tempest_down_3Rq2Z`,l=`tempest_flat_R5pZT`,u=`tempest_hint_YkTF8`,d={stat:e,header:t,icon:n,label:r,row:i,value:a,delta:o,up:s,down:c,flat:l,hint:u};exports.default=d,exports.delta=o,exports.down=c,exports.flat=l,exports.header=t,exports.hint=u,exports.icon=n,exports.label=r,exports.row=i,exports.stat=e,exports.up=s,exports.value=a;
+//# sourceMappingURL=Stat.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.module.cjs","names":[],"sources":["../../../src/components/Stat/Stat.module.css"],"sourcesContent":[".stat {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-4);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    min-width: 0;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n}\n\n.label {\n    line-height: var(--tempest-leading-snug);\n}\n\n.row {\n    display: flex;\n    align-items: baseline;\n    gap: var(--tempest-space-2);\n    flex-wrap: wrap;\n}\n\n.value {\n    font-size: var(--tempest-text-2xl);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-tight);\n}\n\n.delta {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    color: var(--tempest-text-muted);\n}\n\n.delta.up {\n    color: var(--tempest-success-fg);\n}\n\n.delta.down {\n    color: var(--tempest-danger-fg);\n}\n\n.delta.flat {\n    color: var(--tempest-text-muted);\n}\n\n.hint {\n    margin: 0;\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n"],"mappings":""}

package/dist/components/Stat/Stat.module.js

@@ -0,0 +1,18 @@
+//#region src/components/Stat/Stat.module.css
+var e = "tempest_stat_zoo9y", t = "tempest_header_3UQqq", n = "tempest_icon_zUG3e", r = "tempest_label_lIH47", i = "tempest_row_Ifyts", a = "tempest_value_JBWnr", o = "tempest_delta_mRVrE", s = "tempest_up_7qgUO", c = "tempest_down_3Rq2Z", l = "tempest_flat_R5pZT", u = "tempest_hint_YkTF8", d = {
+	stat: e,
+	header: t,
+	icon: n,
+	label: r,
+	row: i,
+	value: a,
+	delta: o,
+	up: s,
+	down: c,
+	flat: l,
+	hint: u
+};
+//#endregion
+export { d as default, o as delta, c as down, l as flat, t as header, u as hint, n as icon, r as label, i as row, e as stat, s as up, a as value };
+
+//# sourceMappingURL=Stat.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.module.js","names":[],"sources":["../../../src/components/Stat/Stat.module.css"],"sourcesContent":[".stat {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-4);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    min-width: 0;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n}\n\n.label {\n    line-height: var(--tempest-leading-snug);\n}\n\n.row {\n    display: flex;\n    align-items: baseline;\n    gap: var(--tempest-space-2);\n    flex-wrap: wrap;\n}\n\n.value {\n    font-size: var(--tempest-text-2xl);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-tight);\n}\n\n.delta {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    color: var(--tempest-text-muted);\n}\n\n.delta.up {\n    color: var(--tempest-success-fg);\n}\n\n.delta.down {\n    color: var(--tempest-danger-fg);\n}\n\n.delta.flat {\n    color: var(--tempest-text-muted);\n}\n\n.hint {\n    margin: 0;\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n"],"mappings":""}

package/dist/components/Stepper/Stepper.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Stepper.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({steps:i,current:a,orientation:o=`horizontal`,className:s}){return(0,r.jsx)(`ol`,{className:e.cn(t.default.stepper,o===`vertical`&&t.default.vertical,s),children:i.map((o,s)=>{let c=s<a,l=s===a;return(0,r.jsxs)(n.Fragment,{children:[(0,r.jsxs)(`li`,{className:e.cn(t.default.step,c&&t.default.completed,l&&t.default.active),"aria-current":l?`step`:void 0,children:[(0,r.jsx)(`span`,{className:t.default.dot,children:c?`✓`:s+1}),(0,r.jsx)(`span`,{className:t.default.label,children:o.label})]}),s<i.length-1&&(0,r.jsx)(`span`,{className:e.cn(t.default.connector,c&&t.default.completed),"aria-hidden":!0})]},s)})})}exports.Stepper=i;
+//# sourceMappingURL=Stepper.cjs.map

package/dist/components/Stepper/Stepper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.cjs","names":[],"sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Stepper.module.css\";\n\nexport interface StepItem {\n    label: ReactNode;\n}\n\nexport interface StepperProps {\n    steps: StepItem[];\n    /** Index of the currently active step (0-based). */\n    current: number;\n    orientation?: \"horizontal\" | \"vertical\";\n    className?: string;\n}\n\n/**\n * Linear progress indicator for multi-step flows. Steps before `current`\n * render as completed; the step at `current` is active; later steps are\n * upcoming.\n */\nexport function Stepper({ steps, current, orientation = \"horizontal\", className }: StepperProps) {\n    return (\n        <ol\n            className={cn(styles.stepper, orientation === \"vertical\" && styles.vertical, className)}\n        >\n            {steps.map((step, index) => {\n                const completed = index < current;\n                const active = index === current;\n                return (\n                    <Fragment key={index}>\n                        <li\n                            className={cn(\n                                styles.step,\n                                completed && styles.completed,\n                                active && styles.active,\n                            )}\n                            aria-current={active ? \"step\" : undefined}\n                        >\n                            <span className={styles.dot}>{completed ? \"✓\" : index + 1}</span>\n                            <span className={styles.label}>{step.label}</span>\n                        </li>\n                        {index < steps.length - 1 && (\n                            <span\n                                className={cn(styles.connector, completed && styles.completed)}\n                                aria-hidden\n                            />\n                        )}\n                    </Fragment>\n                );\n            })}\n        </ol>\n    );\n}\n"],"mappings":"8HAsBA,SAAgB,EAAQ,CAAE,QAAO,UAAS,cAAc,aAAc,aAA2B,CAC7F,OACI,EAAA,EAAA,IAAA,CAAC,KAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,IAAgB,YAAc,EAAA,QAAO,SAAU,CAAS,WAErF,EAAM,KAAK,EAAM,IAAU,CACxB,IAAM,EAAY,EAAQ,EACpB,EAAS,IAAU,EACzB,OACI,EAAA,EAAA,KAAA,CAAC,EAAA,SAAD,CAAA,SAAA,EACI,EAAA,EAAA,KAAA,CAAC,KAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,KACP,GAAa,EAAA,QAAO,UACpB,GAAU,EAAA,QAAO,MACrB,EACA,eAAc,EAAS,OAAS,IAAA,YANpC,EAQI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,aAAM,EAAY,IAAM,EAAQ,CAAQ,CAAA,GAChE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,CACjD,IACH,EAAQ,EAAM,OAAS,IACpB,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,UAAW,GAAa,EAAA,QAAO,SAAS,EAC7D,cAAA,EACH,CAAA,CAEC,CAAA,EAlBK,CAkBL,CAElB,CAAC,CACD,CAAA,CAEZ"}

package/dist/components/Stepper/Stepper.js

@@ -0,0 +1,31 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Stepper.module.js";
+import { Fragment as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Stepper/Stepper.tsx
+function a({ steps: a, current: o, orientation: s = "horizontal", className: c }) {
+	return /* @__PURE__ */ r("ol", {
+		className: e(t.stepper, s === "vertical" && t.vertical, c),
+		children: a.map((s, c) => {
+			let l = c < o, u = c === o;
+			return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ i("li", {
+				className: e(t.step, l && t.completed, u && t.active),
+				"aria-current": u ? "step" : void 0,
+				children: [/* @__PURE__ */ r("span", {
+					className: t.dot,
+					children: l ? "✓" : c + 1
+				}), /* @__PURE__ */ r("span", {
+					className: t.label,
+					children: s.label
+				})]
+			}), c < a.length - 1 && /* @__PURE__ */ r("span", {
+				className: e(t.connector, l && t.completed),
+				"aria-hidden": !0
+			})] }, c);
+		})
+	});
+}
+//#endregion
+export { a as Stepper };
+
+//# sourceMappingURL=Stepper.js.map

package/dist/components/Stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","names":[],"sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Stepper.module.css\";\n\nexport interface StepItem {\n    label: ReactNode;\n}\n\nexport interface StepperProps {\n    steps: StepItem[];\n    /** Index of the currently active step (0-based). */\n    current: number;\n    orientation?: \"horizontal\" | \"vertical\";\n    className?: string;\n}\n\n/**\n * Linear progress indicator for multi-step flows. Steps before `current`\n * render as completed; the step at `current` is active; later steps are\n * upcoming.\n */\nexport function Stepper({ steps, current, orientation = \"horizontal\", className }: StepperProps) {\n    return (\n        <ol\n            className={cn(styles.stepper, orientation === \"vertical\" && styles.vertical, className)}\n        >\n            {steps.map((step, index) => {\n                const completed = index < current;\n                const active = index === current;\n                return (\n                    <Fragment key={index}>\n                        <li\n                            className={cn(\n                                styles.step,\n                                completed && styles.completed,\n                                active && styles.active,\n                            )}\n                            aria-current={active ? \"step\" : undefined}\n                        >\n                            <span className={styles.dot}>{completed ? \"✓\" : index + 1}</span>\n                            <span className={styles.label}>{step.label}</span>\n                        </li>\n                        {index < steps.length - 1 && (\n                            <span\n                                className={cn(styles.connector, completed && styles.completed)}\n                                aria-hidden\n                            />\n                        )}\n                    </Fragment>\n                );\n            })}\n        </ol>\n    );\n}\n"],"mappings":";;;;;AAsBA,SAAgB,EAAQ,EAAE,UAAO,YAAS,iBAAc,cAAc,gBAA2B;CAC7F,OACI,kBAAC,MAAD;EACI,WAAW,EAAG,EAAO,SAAS,MAAgB,cAAc,EAAO,UAAU,CAAS;YAErF,EAAM,KAAK,GAAM,MAAU;GACxB,IAAM,IAAY,IAAQ,GACpB,IAAS,MAAU;GACzB,OACI,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,MAAD;IACI,WAAW,EACP,EAAO,MACP,KAAa,EAAO,WACpB,KAAU,EAAO,MACrB;IACA,gBAAc,IAAS,SAAS,KAAA;cANpC,CAQI,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAM,IAAY,MAAM,IAAQ;IAAQ,CAAA,GAChE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ,EAAK;IAAY,CAAA,CACjD;OACH,IAAQ,EAAM,SAAS,KACpB,kBAAC,QAAD;IACI,WAAW,EAAG,EAAO,WAAW,KAAa,EAAO,SAAS;IAC7D,eAAA;GACH,CAAA,CAEC,EAAA,GAlBK,CAkBL;EAElB,CAAC;CACD,CAAA;AAEZ"}

package/dist/components/Stepper/Stepper.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_stepper_w3qjQ`,t=`tempest_vertical_d4mOs`,n=`tempest_step_s2nqL`,r=`tempest_dot_d1bSL`,i=`tempest_completed_gcFHM`,a=`tempest_active_kL-CH`,o=`tempest_label_8irAI`,s=`tempest_connector_lyeWp`,c={stepper:e,vertical:t,step:n,dot:r,completed:i,active:a,label:o,connector:s};exports.active=a,exports.completed=i,exports.connector=s,exports.default=c,exports.dot=r,exports.label=o,exports.step=n,exports.stepper=e,exports.vertical=t;
+//# sourceMappingURL=Stepper.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.module.cjs","names":[],"sources":["../../../src/components/Stepper/Stepper.module.css"],"sourcesContent":[".stepper {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.stepper.vertical {\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.step {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    flex: 1;\n}\n\n.dot {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    border: 2px solid var(--tempest-border-strong);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text-muted);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-bold);\n    flex-shrink: 0;\n    transition: var(--tempest-transition-color);\n}\n\n.step.completed .dot {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.step.active .dot {\n    border-color: var(--tempest-primary-on-soft);\n    color: var(--tempest-primary-on-soft);\n    box-shadow: 0 0 0 4px var(--tempest-primary-soft);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.step.active .label,\n.step.completed .label {\n    color: var(--tempest-text);\n}\n\n.connector {\n    flex: 1;\n    height: 2px;\n    background-color: var(--tempest-border);\n    margin: 0 var(--tempest-space-1);\n    transition: background-color var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.connector.completed {\n    background-color: var(--tempest-primary);\n}\n\n.stepper.vertical .connector {\n    width: 2px;\n    height: 24px;\n    margin: 0 0 0 13px;\n}\n\n/* Mobile — horizontal stepper becomes vertical automatically. */\n@media (max-width: 639.98px) {\n    .stepper:not(.vertical) {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    .stepper:not(.vertical) .connector {\n        width: 2px;\n        height: 16px;\n        margin: 0 0 0 13px;\n    }\n}\n"],"mappings":""}

package/dist/components/Stepper/Stepper.module.js

@@ -0,0 +1,15 @@
+//#region src/components/Stepper/Stepper.module.css
+var e = "tempest_stepper_w3qjQ", t = "tempest_vertical_d4mOs", n = "tempest_step_s2nqL", r = "tempest_dot_d1bSL", i = "tempest_completed_gcFHM", a = "tempest_active_kL-CH", o = "tempest_label_8irAI", s = "tempest_connector_lyeWp", c = {
+	stepper: e,
+	vertical: t,
+	step: n,
+	dot: r,
+	completed: i,
+	active: a,
+	label: o,
+	connector: s
+};
+//#endregion
+export { a as active, i as completed, s as connector, c as default, r as dot, o as label, n as step, e as stepper, t as vertical };
+
+//# sourceMappingURL=Stepper.module.js.map