tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/UpdatePrompt/UpdatePrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpdatePrompt.js","sources":["../../../src/components/UpdatePrompt/UpdatePrompt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { RefreshCw, X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./UpdatePrompt.module.css\";\n\nexport type UpdatePromptPosition = \"top\" | \"bottom\";\n\nexport interface UpdatePromptProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Whether the prompt is visible. Feed from `useServiceWorkerUpdate().updateAvailable`. */\n    open: boolean;\n    /** Called when the user confirms the update. Wire to `applyUpdate`. */\n    onUpdate: () => void;\n    /** Called when the user dismisses the prompt. Omit to hide the dismiss button. */\n    onDismiss?: () => void;\n    /** Body message. */\n    message?: ReactNode;\n    /** Confirm button label. Default `\"Atualizar\"`. */\n    actionLabel?: string;\n    /** Where to pin the fixed toast. Default `\"bottom\"`. */\n    position?: UpdatePromptPosition;\n}\n\n/**\n * Fixed toast prompting the user to activate a freshly installed service\n * worker. Presentational — pair with {@link useServiceWorkerUpdate}, feeding\n * `updateAvailable` to `open` and `applyUpdate` to `onUpdate`.\n *\n * Renders nothing while `open` is `false`.\n *\n * @example\n * const { updateAvailable, applyUpdate } = useServiceWorkerUpdate({ url: \"/sw.js\" });\n * <UpdatePrompt open={updateAvailable} onUpdate={applyUpdate} />\n */\nexport function UpdatePrompt({\n    open,\n    onUpdate,\n    onDismiss,\n    message = \"Uma nova versão está disponível.\",\n    actionLabel = \"Atualizar\",\n    position = \"bottom\",\n    className,\n    ...props\n}: UpdatePromptProps) {\n    if (!open) return null;\n    return (\n        <div\n            className={cn(styles.prompt, styles[position], className)}\n            role=\"alert\"\n            aria-live=\"assertive\"\n            {...props}\n        >\n            <RefreshCw className={styles.icon} size={18} aria-hidden=\"true\" />\n            <span className={styles.message}>{message}</span>\n            <button type=\"button\" className={styles.action} onClick={onUpdate}>\n                {actionLabel}\n            </button>\n            {onDismiss && (\n                <button\n                    type=\"button\"\n                    className={styles.dismiss}\n                    aria-label=\"Dispensar\"\n                    onClick={onDismiss}\n                >\n                    <X size={16} aria-hidden=\"true\" />\n                </button>\n            )}\n        </div>\n    );\n}\n"],"names":["UpdatePrompt","open","onUpdate","onDismiss","message","actionLabel","position","className","props","jsxs","cn","styles","jsx","RefreshCw","X"],"mappings":";;;;AAiCO,SAASA,EAAa;AAAA,EACzB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,GAAGC;AACP,GAAsB;AAClB,SAAKP,IAED,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAGC,EAAO,QAAQA,EAAOL,CAAQ,GAAGC,CAAS;AAAA,MACxD,MAAK;AAAA,MACL,aAAU;AAAA,MACT,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACC,KAAU,WAAWF,EAAO,MAAM,MAAM,IAAI,eAAY,QAAO;AAAA,QAChE,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,SAAU,UAAAP,GAAQ;AAAA,QAC1C,gBAAAQ,EAAC,YAAO,MAAK,UAAS,WAAWD,EAAO,QAAQ,SAAST,GACpD,UAAAG,EAAA,CACL;AAAA,QACCF,KACG,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,WAAWD,EAAO;AAAA,YAClB,cAAW;AAAA,YACX,SAASR;AAAA,YAET,UAAA,gBAAAS,EAACE,GAAA,EAAE,MAAM,IAAI,eAAY,OAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC;AAAA,IAAA;AAAA,EAAA,IArBM;AAyBtB;"}
+{"version":3,"file":"UpdatePrompt.js","names":[],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { RefreshCw, X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./UpdatePrompt.module.css\";\n\nexport type UpdatePromptPosition = \"top\" | \"bottom\";\n\nexport interface UpdatePromptProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Whether the prompt is visible. Feed from `useServiceWorkerUpdate().updateAvailable`. */\n    open: boolean;\n    /** Called when the user confirms the update. Wire to `applyUpdate`. */\n    onUpdate: () => void;\n    /** Called when the user dismisses the prompt. Omit to hide the dismiss button. */\n    onDismiss?: () => void;\n    /** Body message. */\n    message?: ReactNode;\n    /** Confirm button label. Default `\"Atualizar\"`. */\n    actionLabel?: string;\n    /** Where to pin the fixed toast. Default `\"bottom\"`. */\n    position?: UpdatePromptPosition;\n}\n\n/**\n * Fixed toast prompting the user to activate a freshly installed service\n * worker. Presentational — pair with {@link useServiceWorkerUpdate}, feeding\n * `updateAvailable` to `open` and `applyUpdate` to `onUpdate`.\n *\n * Renders nothing while `open` is `false`.\n *\n * @example\n * const { updateAvailable, applyUpdate } = useServiceWorkerUpdate({ url: \"/sw.js\" });\n * <UpdatePrompt open={updateAvailable} onUpdate={applyUpdate} />\n */\nexport function UpdatePrompt({\n    open,\n    onUpdate,\n    onDismiss,\n    message = \"Uma nova versão está disponível.\",\n    actionLabel = \"Atualizar\",\n    position = \"bottom\",\n    className,\n    ...props\n}: UpdatePromptProps) {\n    if (!open) return null;\n    return (\n        <div\n            className={cn(styles.prompt, styles[position], className)}\n            role=\"alert\"\n            aria-live=\"assertive\"\n            {...props}\n        >\n            <RefreshCw className={styles.icon} size={18} aria-hidden=\"true\" />\n            <span className={styles.message}>{message}</span>\n            <button type=\"button\" className={styles.action} onClick={onUpdate}>\n                {actionLabel}\n            </button>\n            {onDismiss && (\n                <button\n                    type=\"button\"\n                    className={styles.dismiss}\n                    aria-label=\"Dispensar\"\n                    onClick={onDismiss}\n                >\n                    <X size={16} aria-hidden=\"true\" />\n                </button>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAiCA,SAAgB,EAAa,EACzB,SACA,aACA,cACA,aAAU,oCACV,iBAAc,aACd,cAAW,UACX,cACA,GAAG,KACe;CAElB,OADK,IAED,kBAAC,OAAD;EACI,WAAW,EAAG,EAAO,QAAQ,EAAO,IAAW,CAAS;EACxD,MAAK;EACL,aAAU;EACV,GAAI;YAJR;GAMI,kBAAC,GAAD;IAAW,WAAW,EAAO;IAAM,MAAM;IAAI,eAAY;GAAQ,CAAA;GACjE,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAU;GAAc,CAAA;GAChD,kBAAC,UAAD;IAAQ,MAAK;IAAS,WAAW,EAAO;IAAQ,SAAS;cACpD;GACG,CAAA;GACP,KACG,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAO;IAClB,cAAW;IACX,SAAS;cAET,kBAAC,GAAD;KAAG,MAAM;KAAI,eAAY;IAAQ,CAAA;GAC7B,CAAA;EAEX;MAvBS;AAyBtB"}

package/dist/components/UpdatePrompt/UpdatePrompt.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_prompt_zjn4k`,t=`tempest_top_R7h6g`,n=`tempest_bottom_HcM1B`,r=`tempest_icon_2h5sW`,i=`tempest_message_OWZ-w`,a=`tempest_action_f6ida`,o=`tempest_dismiss_mNO-v`,s={prompt:e,top:t,bottom:n,icon:r,message:i,action:a,dismiss:o};exports.action=a,exports.bottom=n,exports.default=s,exports.dismiss=o,exports.icon=r,exports.message=i,exports.prompt=e,exports.top=t;
+//# sourceMappingURL=UpdatePrompt.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatePrompt.module.cjs","names":[],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.module.css"],"sourcesContent":[".prompt {\n    position: fixed;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: var(--tempest-z-toast, 1000);\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    max-width: calc(100vw - 2 * var(--tempest-space-4));\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border: 1px solid var(--tempest-info-border);\n    box-shadow: var(--tempest-shadow-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.top {\n    top: max(var(--tempest-space-4), env(safe-area-inset-top));\n}\n\n.bottom {\n    bottom: max(var(--tempest-space-4), env(safe-area-inset-bottom));\n}\n\n.icon {\n    flex: 0 0 auto;\n}\n\n.message {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.action {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid currentColor;\n    border-radius: var(--tempest-radius-sm);\n    background: transparent;\n    color: currentColor;\n    font-family: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    cursor: pointer;\n}\n\n.action:hover {\n    background: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.dismiss {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    border: 0;\n    border-radius: var(--tempest-radius-sm);\n    background: none;\n    color: currentColor;\n    cursor: pointer;\n}\n\n.dismiss:hover {\n    background: color-mix(in srgb, currentColor 12%, transparent);\n}\n"],"mappings":""}

package/dist/components/UpdatePrompt/UpdatePrompt.module.js

@@ -0,0 +1,14 @@
+//#region src/components/UpdatePrompt/UpdatePrompt.module.css
+var e = "tempest_prompt_zjn4k", t = "tempest_top_R7h6g", n = "tempest_bottom_HcM1B", r = "tempest_icon_2h5sW", i = "tempest_message_OWZ-w", a = "tempest_action_f6ida", o = "tempest_dismiss_mNO-v", s = {
+	prompt: e,
+	top: t,
+	bottom: n,
+	icon: r,
+	message: i,
+	action: a,
+	dismiss: o
+};
+//#endregion
+export { a as action, n as bottom, s as default, o as dismiss, r as icon, i as message, e as prompt, t as top };
+
+//# sourceMappingURL=UpdatePrompt.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatePrompt.module.js","names":[],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.module.css"],"sourcesContent":[".prompt {\n    position: fixed;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: var(--tempest-z-toast, 1000);\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    max-width: calc(100vw - 2 * var(--tempest-space-4));\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border: 1px solid var(--tempest-info-border);\n    box-shadow: var(--tempest-shadow-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.top {\n    top: max(var(--tempest-space-4), env(safe-area-inset-top));\n}\n\n.bottom {\n    bottom: max(var(--tempest-space-4), env(safe-area-inset-bottom));\n}\n\n.icon {\n    flex: 0 0 auto;\n}\n\n.message {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.action {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid currentColor;\n    border-radius: var(--tempest-radius-sm);\n    background: transparent;\n    color: currentColor;\n    font-family: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    cursor: pointer;\n}\n\n.action:hover {\n    background: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.dismiss {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    border: 0;\n    border-radius: var(--tempest-radius-sm);\n    background: none;\n    color: currentColor;\n    cursor: pointer;\n}\n\n.dismiss:hover {\n    background: color-mix(in srgb, currentColor 12%, transparent);\n}\n"],"mappings":""}

package/dist/components/VirtualList/VirtualList.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("react"),m=require("../../utils/cn.cjs"),i=require("./VirtualList.module.css.cjs");function q({items:l,itemHeight:t,renderItem:h,height:p,overscan:u=4,getKey:a,className:v,style:b}){const d=n.useRef(null),[x,y]=n.useState(0),[S,f]=n.useState(0);n.useEffect(()=>{const e=d.current;if(!e||(f(e.clientHeight),typeof ResizeObserver>"u"))return;const r=new ResizeObserver(()=>f(e.clientHeight));return r.observe(e),()=>r.disconnect()},[]);const g=l.length*t,o=Math.max(0,Math.floor(x/t)-u),j=Math.ceil(S/t)+u*2,M=Math.min(l.length,o+j);return c.jsx("div",{ref:d,className:m.cn(i.default.scroll,v),style:{height:p,...b},onScroll:e=>y(e.target.scrollTop),role:"list",children:c.jsx("div",{className:i.default.spacer,style:{height:g},children:l.slice(o,M).map((e,r)=>{const s=o+r,R=a?a(e,s):s;return c.jsx("div",{role:"listitem",className:i.default.row,style:{top:s*t,height:t},children:h(e,s)},R)})})})}exports.VirtualList=q;
-//# sourceMappingURL=VirtualList.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./VirtualList.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({items:i,itemHeight:a,renderItem:o,height:s,overscan:c=4,getKey:l,className:u,style:d}){let f=(0,n.useRef)(null),[p,m]=(0,n.useState)(0),[h,g]=(0,n.useState)(0);(0,n.useEffect)(()=>{let e=f.current;if(!e||(g(e.clientHeight),typeof ResizeObserver>`u`))return;let t=new ResizeObserver(()=>g(e.clientHeight));return t.observe(e),()=>t.disconnect()},[]);let _=i.length*a,v=Math.max(0,Math.floor(p/a)-c),y=Math.ceil(h/a)+c*2,b=Math.min(i.length,v+y);return(0,r.jsx)(`div`,{ref:f,className:e.cn(t.default.scroll,u),style:{height:s,...d},onScroll:e=>m(e.target.scrollTop),role:`list`,children:(0,r.jsx)(`div`,{className:t.default.spacer,style:{height:_},children:i.slice(v,b).map((e,n)=>{let i=v+n,s=l?l(e,i):i;return(0,r.jsx)(`div`,{role:`listitem`,className:t.default.row,style:{top:i*a,height:a},children:o(e,i)},s)})})})}exports.VirtualList=i;
+//# sourceMappingURL=VirtualList.cjs.map

package/dist/components/VirtualList/VirtualList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.cjs","sources":["../../../src/components/VirtualList/VirtualList.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { CSSProperties, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./VirtualList.module.css\";\n\nexport interface VirtualListProps<T> {\n    items: T[];\n    /** Fixed pixel height for each row. */\n    itemHeight: number;\n    /** Render a single row. */\n    renderItem: (item: T, index: number) => ReactNode;\n    /** Container height (px) or any CSS length. */\n    height: number | string;\n    /** Number of items rendered above/below the viewport. Default: 4. */\n    overscan?: number;\n    /** Stable key derivation; defaults to the index. */\n    getKey?: (item: T, index: number) => string | number;\n    className?: string;\n    style?: CSSProperties;\n}\n\n/**\n * Fixed-height virtual list. Renders only the visible window plus a small\n * overscan buffer. Suitable for lists of thousands of identical rows.\n *\n * For variable heights, use `react-window`/`@tanstack/react-virtual` — those\n * solve a more general problem at the cost of extra setup.\n */\nexport function VirtualList<T>({\n    items,\n    itemHeight,\n    renderItem,\n    height,\n    overscan = 4,\n    getKey,\n    className,\n    style,\n}: VirtualListProps<T>) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [scrollTop, setScrollTop] = useState<number>(0);\n    const [viewport, setViewport] = useState<number>(0);\n\n    useEffect(() => {\n        const element = containerRef.current;\n        if (!element) return;\n        setViewport(element.clientHeight);\n        if (typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver(() => setViewport(element.clientHeight));\n        observer.observe(element);\n        return () => observer.disconnect();\n    }, []);\n\n    const totalHeight = items.length * itemHeight;\n    const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);\n    const visibleCount = Math.ceil(viewport / itemHeight) + overscan * 2;\n    const end = Math.min(items.length, start + visibleCount);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.scroll, className)}\n            style={{ height, ...style }}\n            onScroll={(event) => setScrollTop((event.target as HTMLDivElement).scrollTop)}\n            role=\"list\"\n        >\n            <div className={styles.spacer} style={{ height: totalHeight }}>\n                {items.slice(start, end).map((item, offset) => {\n                    const index = start + offset;\n                    const key = getKey ? getKey(item, index) : index;\n                    return (\n                        <div\n                            key={key}\n                            role=\"listitem\"\n                            className={styles.row}\n                            style={{ top: index * itemHeight, height: itemHeight }}\n                        >\n                            {renderItem(item, index)}\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"names":["VirtualList","items","itemHeight","renderItem","height","overscan","getKey","className","style","containerRef","useRef","scrollTop","setScrollTop","useState","viewport","setViewport","useEffect","element","observer","totalHeight","start","visibleCount","end","jsx","cn","styles","event","item","offset","index","key"],"mappings":"kNA4BO,SAASA,EAAe,CAC3B,MAAAC,EACA,WAAAC,EACA,WAAAC,EACA,OAAAC,EACA,SAAAC,EAAW,EACX,OAAAC,EACA,UAAAC,EACA,MAAAC,CACJ,EAAwB,CACpB,MAAMC,EAAeC,EAAAA,OAAuB,IAAI,EAC1C,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAiB,CAAC,EAC9C,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAAiB,CAAC,EAElDG,EAAAA,UAAU,IAAM,CACZ,MAAMC,EAAUR,EAAa,QAG7B,GAFI,CAACQ,IACLF,EAAYE,EAAQ,YAAY,EAC5B,OAAO,eAAmB,KAAa,OAC3C,MAAMC,EAAW,IAAI,eAAe,IAAMH,EAAYE,EAAQ,YAAY,CAAC,EAC3E,OAAAC,EAAS,QAAQD,CAAO,EACjB,IAAMC,EAAS,WAAA,CAC1B,EAAG,CAAA,CAAE,EAEL,MAAMC,EAAclB,EAAM,OAASC,EAC7BkB,EAAQ,KAAK,IAAI,EAAG,KAAK,MAAMT,EAAYT,CAAU,EAAIG,CAAQ,EACjEgB,EAAe,KAAK,KAAKP,EAAWZ,CAAU,EAAIG,EAAW,EAC7DiB,EAAM,KAAK,IAAIrB,EAAM,OAAQmB,EAAQC,CAAY,EAEvD,OACIE,EAAAA,IAAC,MAAA,CACG,IAAKd,EACL,UAAWe,EAAAA,GAAGC,UAAO,OAAQlB,CAAS,EACtC,MAAO,CAAE,OAAAH,EAAQ,GAAGI,CAAA,EACpB,SAAWkB,GAAUd,EAAcc,EAAM,OAA0B,SAAS,EAC5E,KAAK,OAEL,eAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,OAAQ,MAAO,CAAE,OAAQN,CAAA,EAC3C,SAAAlB,EAAM,MAAMmB,EAAOE,CAAG,EAAE,IAAI,CAACK,EAAMC,IAAW,CAC3C,MAAMC,EAAQT,EAAQQ,EAChBE,EAAMxB,EAASA,EAAOqB,EAAME,CAAK,EAAIA,EAC3C,OACIN,EAAAA,IAAC,MAAA,CAEG,KAAK,WACL,UAAWE,EAAAA,QAAO,IAClB,MAAO,CAAE,IAAKI,EAAQ3B,EAAY,OAAQA,CAAA,EAEzC,SAAAC,EAAWwB,EAAME,CAAK,CAAA,EALlBC,CAAA,CAQjB,CAAC,CAAA,CACL,CAAA,CAAA,CAGZ"}
+{"version":3,"file":"VirtualList.cjs","names":[],"sources":["../../../src/components/VirtualList/VirtualList.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { CSSProperties, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./VirtualList.module.css\";\n\nexport interface VirtualListProps<T> {\n    items: T[];\n    /** Fixed pixel height for each row. */\n    itemHeight: number;\n    /** Render a single row. */\n    renderItem: (item: T, index: number) => ReactNode;\n    /** Container height (px) or any CSS length. */\n    height: number | string;\n    /** Number of items rendered above/below the viewport. Default: 4. */\n    overscan?: number;\n    /** Stable key derivation; defaults to the index. */\n    getKey?: (item: T, index: number) => string | number;\n    className?: string;\n    style?: CSSProperties;\n}\n\n/**\n * Fixed-height virtual list. Renders only the visible window plus a small\n * overscan buffer. Suitable for lists of thousands of identical rows.\n *\n * For variable heights, use `react-window`/`@tanstack/react-virtual` — those\n * solve a more general problem at the cost of extra setup.\n */\nexport function VirtualList<T>({\n    items,\n    itemHeight,\n    renderItem,\n    height,\n    overscan = 4,\n    getKey,\n    className,\n    style,\n}: VirtualListProps<T>) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [scrollTop, setScrollTop] = useState<number>(0);\n    const [viewport, setViewport] = useState<number>(0);\n\n    useEffect(() => {\n        const element = containerRef.current;\n        if (!element) return;\n        setViewport(element.clientHeight);\n        if (typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver(() => setViewport(element.clientHeight));\n        observer.observe(element);\n        return () => observer.disconnect();\n    }, []);\n\n    const totalHeight = items.length * itemHeight;\n    const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);\n    const visibleCount = Math.ceil(viewport / itemHeight) + overscan * 2;\n    const end = Math.min(items.length, start + visibleCount);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.scroll, className)}\n            style={{ height, ...style }}\n            onScroll={(event) => setScrollTop((event.target as HTMLDivElement).scrollTop)}\n            role=\"list\"\n        >\n            <div className={styles.spacer} style={{ height: totalHeight }}>\n                {items.slice(start, end).map((item, offset) => {\n                    const index = start + offset;\n                    const key = getKey ? getKey(item, index) : index;\n                    return (\n                        <div\n                            key={key}\n                            role=\"listitem\"\n                            className={styles.row}\n                            style={{ top: index * itemHeight, height: itemHeight }}\n                        >\n                            {renderItem(item, index)}\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"kIA4BA,SAAgB,EAAe,CAC3B,QACA,aACA,aACA,SACA,WAAW,EACX,SACA,YACA,SACoB,CACpB,IAAM,GAAA,EAAA,EAAA,OAAA,CAAsC,IAAI,EAC1C,CAAC,EAAW,IAAA,EAAA,EAAA,SAAA,CAAiC,CAAC,EAC9C,CAAC,EAAU,IAAA,EAAA,EAAA,SAAA,CAAgC,CAAC,GAElD,EAAA,EAAA,UAAA,KAAgB,CACZ,IAAM,EAAU,EAAa,QAG7B,GAFI,CAAC,IACL,EAAY,EAAQ,YAAY,EAC5B,OAAO,eAAmB,KAAa,OAC3C,IAAM,EAAW,IAAI,mBAAqB,EAAY,EAAQ,YAAY,CAAC,EAE3E,OADA,EAAS,QAAQ,CAAO,MACX,EAAS,WAAW,CACrC,EAAG,CAAC,CAAC,EAEL,IAAM,EAAc,EAAM,OAAS,EAC7B,EAAQ,KAAK,IAAI,EAAG,KAAK,MAAM,EAAY,CAAU,EAAI,CAAQ,EACjE,EAAe,KAAK,KAAK,EAAW,CAAU,EAAI,EAAW,EAC7D,EAAM,KAAK,IAAI,EAAM,OAAQ,EAAQ,CAAY,EAEvD,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,CAAS,EACtC,MAAO,CAAE,SAAQ,GAAG,CAAM,EAC1B,SAAW,GAAU,EAAc,EAAM,OAA0B,SAAS,EAC5E,KAAK,iBAEL,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,OAAQ,MAAO,CAAE,OAAQ,CAAY,WACvD,EAAM,MAAM,EAAO,CAAG,CAAC,CAAC,KAAK,EAAM,IAAW,CAC3C,IAAM,EAAQ,EAAQ,EAChB,EAAM,EAAS,EAAO,EAAM,CAAK,EAAI,EAC3C,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAEI,KAAK,WACL,UAAW,EAAA,QAAO,IAClB,MAAO,CAAE,IAAK,EAAQ,EAAY,OAAQ,CAAW,WAEpD,EAAW,EAAM,CAAK,CACtB,EANI,CAMJ,CAEb,CAAC,CACA,CAAA,CACJ,CAAA,CAEb"}

package/dist/components/VirtualList/VirtualList.js

@@ -1,50 +1,45 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useRef as N, useState as u, useEffect as S } from "react";
-import { cn as T } from "../../utils/cn.js";
-import c from "./VirtualList.module.css.js";
-function k({
-  items: s,
-  itemHeight: t,
-  renderItem: h,
-  height: d,
-  overscan: i = 4,
-  getKey: a,
-  className: m,
-  style: v
-}) {
-  const f = N(null), [b, y] = u(0), [w, p] = u(0);
-  S(() => {
-    const e = f.current;
-    if (!e || (p(e.clientHeight), typeof ResizeObserver > "u")) return;
-    const r = new ResizeObserver(() => p(e.clientHeight));
-    return r.observe(e), () => r.disconnect();
-  }, []);
-  const x = s.length * t, n = Math.max(0, Math.floor(b / t) - i), M = Math.ceil(w / t) + i * 2, R = Math.min(s.length, n + M);
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      ref: f,
-      className: T(c.scroll, m),
-      style: { height: d, ...v },
-      onScroll: (e) => y(e.target.scrollTop),
-      role: "list",
-      children: /* @__PURE__ */ l("div", { className: c.spacer, style: { height: x }, children: s.slice(n, R).map((e, r) => {
-        const o = n + r, g = a ? a(e, o) : o;
-        return /* @__PURE__ */ l(
-          "div",
-          {
-            role: "listitem",
-            className: c.row,
-            style: { top: o * t, height: t },
-            children: h(e, o)
-          },
-          g
-        );
-      }) })
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./VirtualList.module.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/VirtualList/VirtualList.tsx
+function o({ items: o, itemHeight: s, renderItem: c, height: l, overscan: u = 4, getKey: d, className: f, style: p }) {
+	let m = r(null), [h, g] = i(0), [_, v] = i(0);
+	n(() => {
+		let e = m.current;
+		if (!e || (v(e.clientHeight), typeof ResizeObserver > "u")) return;
+		let t = new ResizeObserver(() => v(e.clientHeight));
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let y = o.length * s, b = Math.max(0, Math.floor(h / s) - u), x = Math.ceil(_ / s) + u * 2, S = Math.min(o.length, b + x);
+	return /* @__PURE__ */ a("div", {
+		ref: m,
+		className: e(t.scroll, f),
+		style: {
+			height: l,
+			...p
+		},
+		onScroll: (e) => g(e.target.scrollTop),
+		role: "list",
+		children: /* @__PURE__ */ a("div", {
+			className: t.spacer,
+			style: { height: y },
+			children: o.slice(b, S).map((e, n) => {
+				let r = b + n, i = d ? d(e, r) : r;
+				return /* @__PURE__ */ a("div", {
+					role: "listitem",
+					className: t.row,
+					style: {
+						top: r * s,
+						height: s
+					},
+					children: c(e, r)
+				}, i);
+			})
+		})
+	});
 }
-export {
-  k as VirtualList
-};
-//# sourceMappingURL=VirtualList.js.map
+//#endregion
+export { o as VirtualList };
+
+//# sourceMappingURL=VirtualList.js.map

package/dist/components/VirtualList/VirtualList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.js","sources":["../../../src/components/VirtualList/VirtualList.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { CSSProperties, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./VirtualList.module.css\";\n\nexport interface VirtualListProps<T> {\n    items: T[];\n    /** Fixed pixel height for each row. */\n    itemHeight: number;\n    /** Render a single row. */\n    renderItem: (item: T, index: number) => ReactNode;\n    /** Container height (px) or any CSS length. */\n    height: number | string;\n    /** Number of items rendered above/below the viewport. Default: 4. */\n    overscan?: number;\n    /** Stable key derivation; defaults to the index. */\n    getKey?: (item: T, index: number) => string | number;\n    className?: string;\n    style?: CSSProperties;\n}\n\n/**\n * Fixed-height virtual list. Renders only the visible window plus a small\n * overscan buffer. Suitable for lists of thousands of identical rows.\n *\n * For variable heights, use `react-window`/`@tanstack/react-virtual` — those\n * solve a more general problem at the cost of extra setup.\n */\nexport function VirtualList<T>({\n    items,\n    itemHeight,\n    renderItem,\n    height,\n    overscan = 4,\n    getKey,\n    className,\n    style,\n}: VirtualListProps<T>) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [scrollTop, setScrollTop] = useState<number>(0);\n    const [viewport, setViewport] = useState<number>(0);\n\n    useEffect(() => {\n        const element = containerRef.current;\n        if (!element) return;\n        setViewport(element.clientHeight);\n        if (typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver(() => setViewport(element.clientHeight));\n        observer.observe(element);\n        return () => observer.disconnect();\n    }, []);\n\n    const totalHeight = items.length * itemHeight;\n    const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);\n    const visibleCount = Math.ceil(viewport / itemHeight) + overscan * 2;\n    const end = Math.min(items.length, start + visibleCount);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.scroll, className)}\n            style={{ height, ...style }}\n            onScroll={(event) => setScrollTop((event.target as HTMLDivElement).scrollTop)}\n            role=\"list\"\n        >\n            <div className={styles.spacer} style={{ height: totalHeight }}>\n                {items.slice(start, end).map((item, offset) => {\n                    const index = start + offset;\n                    const key = getKey ? getKey(item, index) : index;\n                    return (\n                        <div\n                            key={key}\n                            role=\"listitem\"\n                            className={styles.row}\n                            style={{ top: index * itemHeight, height: itemHeight }}\n                        >\n                            {renderItem(item, index)}\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"names":["VirtualList","items","itemHeight","renderItem","height","overscan","getKey","className","style","containerRef","useRef","scrollTop","setScrollTop","useState","viewport","setViewport","useEffect","element","observer","totalHeight","start","visibleCount","end","jsx","cn","styles","event","item","offset","index","key"],"mappings":";;;;AA4BO,SAASA,EAAe;AAAA,EAC3B,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AACJ,GAAwB;AACpB,QAAMC,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAWC,CAAY,IAAIC,EAAiB,CAAC,GAC9C,CAACC,GAAUC,CAAW,IAAIF,EAAiB,CAAC;AAElD,EAAAG,EAAU,MAAM;AACZ,UAAMC,IAAUR,EAAa;AAG7B,QAFI,CAACQ,MACLF,EAAYE,EAAQ,YAAY,GAC5B,OAAO,iBAAmB,KAAa;AAC3C,UAAMC,IAAW,IAAI,eAAe,MAAMH,EAAYE,EAAQ,YAAY,CAAC;AAC3E,WAAAC,EAAS,QAAQD,CAAO,GACjB,MAAMC,EAAS,WAAA;AAAA,EAC1B,GAAG,CAAA,CAAE;AAEL,QAAMC,IAAclB,EAAM,SAASC,GAC7BkB,IAAQ,KAAK,IAAI,GAAG,KAAK,MAAMT,IAAYT,CAAU,IAAIG,CAAQ,GACjEgB,IAAe,KAAK,KAAKP,IAAWZ,CAAU,IAAIG,IAAW,GAC7DiB,IAAM,KAAK,IAAIrB,EAAM,QAAQmB,IAAQC,CAAY;AAEvD,SACI,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKd;AAAA,MACL,WAAWe,EAAGC,EAAO,QAAQlB,CAAS;AAAA,MACtC,OAAO,EAAE,QAAAH,GAAQ,GAAGI,EAAA;AAAA,MACpB,UAAU,CAACkB,MAAUd,EAAcc,EAAM,OAA0B,SAAS;AAAA,MAC5E,MAAK;AAAA,MAEL,4BAAC,OAAA,EAAI,WAAWD,EAAO,QAAQ,OAAO,EAAE,QAAQN,EAAA,GAC3C,UAAAlB,EAAM,MAAMmB,GAAOE,CAAG,EAAE,IAAI,CAACK,GAAMC,MAAW;AAC3C,cAAMC,IAAQT,IAAQQ,GAChBE,IAAMxB,IAASA,EAAOqB,GAAME,CAAK,IAAIA;AAC3C,eACI,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,MAAK;AAAA,YACL,WAAWE,EAAO;AAAA,YAClB,OAAO,EAAE,KAAKI,IAAQ3B,GAAY,QAAQA,EAAA;AAAA,YAEzC,UAAAC,EAAWwB,GAAME,CAAK;AAAA,UAAA;AAAA,UALlBC;AAAA,QAAA;AAAA,MAQjB,CAAC,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"VirtualList.js","names":[],"sources":["../../../src/components/VirtualList/VirtualList.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { CSSProperties, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./VirtualList.module.css\";\n\nexport interface VirtualListProps<T> {\n    items: T[];\n    /** Fixed pixel height for each row. */\n    itemHeight: number;\n    /** Render a single row. */\n    renderItem: (item: T, index: number) => ReactNode;\n    /** Container height (px) or any CSS length. */\n    height: number | string;\n    /** Number of items rendered above/below the viewport. Default: 4. */\n    overscan?: number;\n    /** Stable key derivation; defaults to the index. */\n    getKey?: (item: T, index: number) => string | number;\n    className?: string;\n    style?: CSSProperties;\n}\n\n/**\n * Fixed-height virtual list. Renders only the visible window plus a small\n * overscan buffer. Suitable for lists of thousands of identical rows.\n *\n * For variable heights, use `react-window`/`@tanstack/react-virtual` — those\n * solve a more general problem at the cost of extra setup.\n */\nexport function VirtualList<T>({\n    items,\n    itemHeight,\n    renderItem,\n    height,\n    overscan = 4,\n    getKey,\n    className,\n    style,\n}: VirtualListProps<T>) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [scrollTop, setScrollTop] = useState<number>(0);\n    const [viewport, setViewport] = useState<number>(0);\n\n    useEffect(() => {\n        const element = containerRef.current;\n        if (!element) return;\n        setViewport(element.clientHeight);\n        if (typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver(() => setViewport(element.clientHeight));\n        observer.observe(element);\n        return () => observer.disconnect();\n    }, []);\n\n    const totalHeight = items.length * itemHeight;\n    const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);\n    const visibleCount = Math.ceil(viewport / itemHeight) + overscan * 2;\n    const end = Math.min(items.length, start + visibleCount);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.scroll, className)}\n            style={{ height, ...style }}\n            onScroll={(event) => setScrollTop((event.target as HTMLDivElement).scrollTop)}\n            role=\"list\"\n        >\n            <div className={styles.spacer} style={{ height: totalHeight }}>\n                {items.slice(start, end).map((item, offset) => {\n                    const index = start + offset;\n                    const key = getKey ? getKey(item, index) : index;\n                    return (\n                        <div\n                            key={key}\n                            role=\"listitem\"\n                            className={styles.row}\n                            style={{ top: index * itemHeight, height: itemHeight }}\n                        >\n                            {renderItem(item, index)}\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;AA4BA,SAAgB,EAAe,EAC3B,UACA,eACA,eACA,WACA,cAAW,GACX,WACA,cACA,YACoB;CACpB,IAAM,IAAe,EAAuB,IAAI,GAC1C,CAAC,GAAW,KAAgB,EAAiB,CAAC,GAC9C,CAAC,GAAU,KAAe,EAAiB,CAAC;CAElD,QAAgB;EACZ,IAAM,IAAU,EAAa;EAG7B,IAFI,CAAC,MACL,EAAY,EAAQ,YAAY,GAC5B,OAAO,iBAAmB,MAAa;EAC3C,IAAM,IAAW,IAAI,qBAAqB,EAAY,EAAQ,YAAY,CAAC;EAE3E,OADA,EAAS,QAAQ,CAAO,SACX,EAAS,WAAW;CACrC,GAAG,CAAC,CAAC;CAEL,IAAM,IAAc,EAAM,SAAS,GAC7B,IAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,IAAY,CAAU,IAAI,CAAQ,GACjE,IAAe,KAAK,KAAK,IAAW,CAAU,IAAI,IAAW,GAC7D,IAAM,KAAK,IAAI,EAAM,QAAQ,IAAQ,CAAY;CAEvD,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,EAAO,QAAQ,CAAS;EACtC,OAAO;GAAE;GAAQ,GAAG;EAAM;EAC1B,WAAW,MAAU,EAAc,EAAM,OAA0B,SAAS;EAC5E,MAAK;YAEL,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAQ,OAAO,EAAE,QAAQ,EAAY;aACvD,EAAM,MAAM,GAAO,CAAG,CAAC,CAAC,KAAK,GAAM,MAAW;IAC3C,IAAM,IAAQ,IAAQ,GAChB,IAAM,IAAS,EAAO,GAAM,CAAK,IAAI;IAC3C,OACI,kBAAC,OAAD;KAEI,MAAK;KACL,WAAW,EAAO;KAClB,OAAO;MAAE,KAAK,IAAQ;MAAY,QAAQ;KAAW;eAEpD,EAAW,GAAM,CAAK;IACtB,GANI,CAMJ;GAEb,CAAC;EACA,CAAA;CACJ,CAAA;AAEb"}

package/dist/components/VirtualList/VirtualList.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_scroll_8Giwl`,t=`tempest_spacer_P3Pvl`,n=`tempest_row_Ff0VU`,r={scroll:e,spacer:t,row:n};exports.default=r,exports.row=n,exports.scroll=e,exports.spacer=t;
+//# sourceMappingURL=VirtualList.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualList.module.cjs","names":[],"sources":["../../../src/components/VirtualList/VirtualList.module.css"],"sourcesContent":[".scroll {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n}\n\n.spacer {\n    position: relative;\n    width: 100%;\n}\n\n.row {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n"],"mappings":""}

package/dist/components/VirtualList/VirtualList.module.js

@@ -0,0 +1,10 @@
+//#region src/components/VirtualList/VirtualList.module.css
+var e = "tempest_scroll_8Giwl", t = "tempest_spacer_P3Pvl", n = "tempest_row_Ff0VU", r = {
+	scroll: e,
+	spacer: t,
+	row: n
+};
+//#endregion
+export { r as default, n as row, e as scroll, t as spacer };
+
+//# sourceMappingURL=VirtualList.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualList.module.js","names":[],"sources":["../../../src/components/VirtualList/VirtualList.module.css"],"sourcesContent":[".scroll {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n}\n\n.spacer {\n    position: relative;\n    width: 100%;\n}\n\n.row {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n"],"mappings":""}

package/dist/components/VisuallyHidden/VisuallyHidden.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),l=require("../../utils/cn.cjs"),u=require("./VisuallyHidden.module.css.cjs");function d({as:e="span",className:n,children:t,...i}){return r.createElement(e,{className:l.cn(u.default.hidden,n),...i},t)}exports.VisuallyHidden=d;
-//# sourceMappingURL=VisuallyHidden.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./VisuallyHidden.module.cjs");let n=require("react");function r({as:r=`span`,className:i,children:a,...o}){return(0,n.createElement)(r,{className:e.cn(t.default.hidden,i),...o},a)}exports.VisuallyHidden=r;
+//# sourceMappingURL=VisuallyHidden.cjs.map

package/dist/components/VisuallyHidden/VisuallyHidden.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.cjs","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import type { HTMLAttributes, JSX } from \"react\";\nimport { createElement } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./VisuallyHidden.module.css\";\n\nexport interface VisuallyHiddenProps extends HTMLAttributes<HTMLElement> {\n    /** Intrinsic element to render. Defaults to \"span\". */\n    as?: keyof JSX.IntrinsicElements;\n}\n\n/**\n * Render content that is hidden visually but remains available to screen\n * readers — the standard \"sr-only\" pattern. Useful for accessible labels on\n * icon-only controls.\n *\n * @example\n * <button><Icon /><VisuallyHidden>Close</VisuallyHidden></button>\n */\nexport function VisuallyHidden({\n    as = \"span\",\n    className,\n    children,\n    ...props\n}: VisuallyHiddenProps) {\n    return createElement(as, { className: cn(styles.hidden, className), ...props }, children);\n}\n"],"names":["VisuallyHidden","as","className","children","props","createElement","cn","styles"],"mappings":"sLAkBO,SAASA,EAAe,CAC3B,GAAAC,EAAK,OACL,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAwB,CACpB,OAAOC,gBAAcJ,EAAI,CAAE,UAAWK,EAAAA,GAAGC,EAAAA,QAAO,OAAQL,CAAS,EAAG,GAAGE,CAAA,EAASD,CAAQ,CAC5F"}
+{"version":3,"file":"VisuallyHidden.cjs","names":[],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import type { HTMLAttributes, JSX } from \"react\";\nimport { createElement } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./VisuallyHidden.module.css\";\n\nexport interface VisuallyHiddenProps extends HTMLAttributes<HTMLElement> {\n    /** Intrinsic element to render. Defaults to \"span\". */\n    as?: keyof JSX.IntrinsicElements;\n}\n\n/**\n * Render content that is hidden visually but remains available to screen\n * readers — the standard \"sr-only\" pattern. Useful for accessible labels on\n * icon-only controls.\n *\n * @example\n * <button><Icon /><VisuallyHidden>Close</VisuallyHidden></button>\n */\nexport function VisuallyHidden({\n    as = \"span\",\n    className,\n    children,\n    ...props\n}: VisuallyHiddenProps) {\n    return createElement(as, { className: cn(styles.hidden, className), ...props }, children);\n}\n"],"mappings":"sGAkBA,SAAgB,EAAe,CAC3B,KAAK,OACL,YACA,WACA,GAAG,GACiB,CACpB,OAAA,EAAA,EAAA,cAAA,CAAqB,EAAI,CAAE,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,CAAS,EAAG,GAAG,CAAM,EAAG,CAAQ,CAC5F"}

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -1,15 +1,14 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./VisuallyHidden.module.js";
 import { createElement as n } from "react";
-import { cn as o } from "../../utils/cn.js";
-import i from "./VisuallyHidden.module.css.js";
-function p({
-  as: e = "span",
-  className: r,
-  children: t,
-  ...m
-}) {
-  return n(e, { className: o(i.hidden, r), ...m }, t);
+//#region src/components/VisuallyHidden/VisuallyHidden.tsx
+function r({ as: r = "span", className: i, children: a, ...o }) {
+	return n(r, {
+		className: e(t.hidden, i),
+		...o
+	}, a);
 }
-export {
-  p as VisuallyHidden
-};
-//# sourceMappingURL=VisuallyHidden.js.map
+//#endregion
+export { r as VisuallyHidden };
+
+//# sourceMappingURL=VisuallyHidden.js.map

package/dist/components/VisuallyHidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import type { HTMLAttributes, JSX } from \"react\";\nimport { createElement } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./VisuallyHidden.module.css\";\n\nexport interface VisuallyHiddenProps extends HTMLAttributes<HTMLElement> {\n    /** Intrinsic element to render. Defaults to \"span\". */\n    as?: keyof JSX.IntrinsicElements;\n}\n\n/**\n * Render content that is hidden visually but remains available to screen\n * readers — the standard \"sr-only\" pattern. Useful for accessible labels on\n * icon-only controls.\n *\n * @example\n * <button><Icon /><VisuallyHidden>Close</VisuallyHidden></button>\n */\nexport function VisuallyHidden({\n    as = \"span\",\n    className,\n    children,\n    ...props\n}: VisuallyHiddenProps) {\n    return createElement(as, { className: cn(styles.hidden, className), ...props }, children);\n}\n"],"names":["VisuallyHidden","as","className","children","props","createElement","cn","styles"],"mappings":";;;AAkBO,SAASA,EAAe;AAAA,EAC3B,IAAAC,IAAK;AAAA,EACL,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAwB;AACpB,SAAOC,EAAcJ,GAAI,EAAE,WAAWK,EAAGC,EAAO,QAAQL,CAAS,GAAG,GAAGE,EAAA,GAASD,CAAQ;AAC5F;"}
+{"version":3,"file":"VisuallyHidden.js","names":[],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import type { HTMLAttributes, JSX } from \"react\";\nimport { createElement } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./VisuallyHidden.module.css\";\n\nexport interface VisuallyHiddenProps extends HTMLAttributes<HTMLElement> {\n    /** Intrinsic element to render. Defaults to \"span\". */\n    as?: keyof JSX.IntrinsicElements;\n}\n\n/**\n * Render content that is hidden visually but remains available to screen\n * readers — the standard \"sr-only\" pattern. Useful for accessible labels on\n * icon-only controls.\n *\n * @example\n * <button><Icon /><VisuallyHidden>Close</VisuallyHidden></button>\n */\nexport function VisuallyHidden({\n    as = \"span\",\n    className,\n    children,\n    ...props\n}: VisuallyHiddenProps) {\n    return createElement(as, { className: cn(styles.hidden, className), ...props }, children);\n}\n"],"mappings":";;;;AAkBA,SAAgB,EAAe,EAC3B,QAAK,QACL,cACA,aACA,GAAG,KACiB;CACpB,OAAO,EAAc,GAAI;EAAE,WAAW,EAAG,EAAO,QAAQ,CAAS;EAAG,GAAG;CAAM,GAAG,CAAQ;AAC5F"}

package/dist/components/VisuallyHidden/VisuallyHidden.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_hidden_k7p-e`,t={hidden:e};exports.default=t,exports.hidden=e;
+//# sourceMappingURL=VisuallyHidden.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.module.cjs","names":[],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.module.css"],"sourcesContent":[".hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n}\n"],"mappings":""}

package/dist/components/VisuallyHidden/VisuallyHidden.module.js

@@ -0,0 +1,6 @@
+//#region src/components/VisuallyHidden/VisuallyHidden.module.css
+var e = "tempest_hidden_k7p-e", t = { hidden: e };
+//#endregion
+export { t as default, e as hidden };
+
+//# sourceMappingURL=VisuallyHidden.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.module.js","names":[],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.module.css"],"sourcesContent":[".hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n}\n"],"mappings":""}

package/dist/components/Wizard/Wizard.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("../Button/Button.cjs"),n=require("../Stepper/Stepper.cjs"),r=require("./Wizard.module.cjs");let i=require("react"),a=require("react/jsx-runtime");function o({steps:o,activeIndex:s,defaultActiveIndex:c=0,onStepChange:l,onComplete:u,nextLabel:d=`Next`,backLabel:f=`Back`,finishLabel:p=`Finish`,clickableSteps:m=!1,renderActions:h,className:g}){let _=s!==void 0,[v,y]=(0,i.useState)(c),[b,x]=(0,i.useState)(!1),S=Math.min(_?s:v,o.length-1),C=o[S],w=(0,i.useCallback)(e=>{_||y(e),l?.(e,o[e])},[_,l,o]),T=(0,i.useCallback)(async e=>{if(!e.validate)return!0;x(!0);try{return await e.validate()}catch{return!1}finally{x(!1)}},[]),E=(0,i.useCallback)(async()=>{if(await T(C)){if(S===o.length-1){await u?.();return}w(S+1)}},[S,w,u,T,C,o.length]),D=(0,i.useCallback)(()=>{S>0&&w(S-1)},[S,w]),O=(0,i.useCallback)(async e=>{let t=Math.max(0,Math.min(e,o.length-1));if(t!==S){if(t<S){w(t);return}for(let e=S;e<t;e+=1)if(!await T(o[e]))return;w(t)}},[S,w,T,o]),k=(0,i.useMemo)(()=>({activeIndex:S,step:C,validating:b,isFirst:S===0,isLast:S===o.length-1,next:E,back:D,goTo:O}),[D,S,O,E,C,o.length,b]),A=(0,i.useMemo)(()=>o.map(e=>({label:e.label,description:e.optional?`${e.description??``} (optional)`.trim():e.description})),[o]);return(0,a.jsxs)(`div`,{className:e.cn(r.default.wizard,g),children:[(0,a.jsx)(n.Stepper,{steps:A,current:S,onStepClick:m?e=>void O(e):void 0}),(0,a.jsx)(`div`,{className:r.default.body,role:`group`,"aria-label":C.label,children:typeof C.content==`function`?C.content(k):C.content}),h?h(k):(0,a.jsxs)(`div`,{className:r.default.actions,children:[(0,a.jsx)(t.Button,{variant:`secondary`,onClick:D,disabled:k.isFirst||b,children:f}),(0,a.jsx)(t.Button,{onClick:()=>void E(),loading:b,children:k.isLast?p:d})]})]})}exports.Wizard=o;
+//# sourceMappingURL=Wizard.cjs.map

package/dist/components/Wizard/Wizard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.cjs","names":[],"sources":["../../../src/components/Wizard/Wizard.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"../Button\";\nimport { Stepper } from \"../Stepper\";\nimport styles from \"./Wizard.module.css\";\n\n/** One step of the flow. */\nexport interface WizardStep {\n    /** Stable identifier. */\n    id: string;\n    /** Step label shown in the indicator. */\n    label: string;\n    /** Optional description under the label. */\n    description?: string;\n    /** Step body. A function receives the flow controls, for a \"skip\" link inside the form. */\n    content: ReactNode | ((controls: WizardControls) => ReactNode);\n    /**\n     * Gate for leaving this step forward. Return `false` (or a rejected/`false`\n     * promise) to keep the user here — typically `() => form.trigger()`.\n     * Async is supported: the Next button shows a pending state while it runs.\n     */\n    validate?: () => boolean | Promise<boolean>;\n    /** Marks the step as optional, so `onComplete` can ignore it. */\n    optional?: boolean;\n}\n\n/** Flow controls handed to a step body and to `renderActions`. */\nexport interface WizardControls {\n    /** Zero-based index of the current step. */\n    activeIndex: number;\n    /** The current step. */\n    step: WizardStep;\n    /** `true` while a `validate` promise is pending. */\n    validating: boolean;\n    isFirst: boolean;\n    isLast: boolean;\n    /** Run the current step's `validate` and advance when it passes. */\n    next: () => Promise<void>;\n    /** Go back one step. No validation — going back never blocks. */\n    back: () => void;\n    /** Jump to an index. Forward jumps validate every step in between. */\n    goTo: (index: number) => Promise<void>;\n}\n\nexport interface WizardProps {\n    steps: WizardStep[];\n    /** Controlled active index. */\n    activeIndex?: number;\n    /** Uncontrolled initial index. Default `0`. */\n    defaultActiveIndex?: number;\n    onStepChange?: (index: number, step: WizardStep) => void;\n    /** Called when the last step passes validation. */\n    onComplete?: () => void | Promise<void>;\n    /** Label of the advance button. Default `\"Next\"`. */\n    nextLabel?: string;\n    /** Label of the back button. Default `\"Back\"`. */\n    backLabel?: string;\n    /** Label of the button on the last step. Default `\"Finish\"`. */\n    finishLabel?: string;\n    /**\n     * Allow clicking the indicator to jump. Default `false` — a wizard exists\n     * because order matters, and a free jump skips the gates.\n     */\n    clickableSteps?: boolean;\n    /** Replace the default button row. */\n    renderActions?: (controls: WizardControls) => ReactNode;\n    className?: string;\n}\n\n/**\n * Multi-step flow: step indicator, one body at a time, and navigation that\n * respects per-step validation.\n *\n * `Stepper` draws the indicator; this owns the part every app was rewriting — the\n * active index, the async gate before advancing, the disabled/pending buttons and\n * the completion call.\n *\n * Only the active step's body is mounted. Uncommitted input in a step you leave is\n * therefore lost unless the state lives outside (react-hook-form's `FormProvider`,\n * a store, a parent `useState`) — which is the right place for it anyway, since\n * the last step usually needs to submit everything at once.\n *\n * @example\n * ```tsx\n * const form = useZodForm(schema);\n *\n * <FormProvider {...form}>\n *   <Wizard\n *     steps={[\n *       {\n *         id: \"dados\",\n *         label: \"Dados\",\n *         validate: () => form.trigger([\"nome\", \"email\"]),\n *         content: (\n *           <>\n *             <FormField name=\"nome\" label=\"Nome\"><Input /></FormField>\n *             <FormField name=\"email\" label=\"E-mail\"><Input type=\"email\" /></FormField>\n *           </>\n *         ),\n *       },\n *       { id: \"revisao\", label: \"Revisão\", content: <Review /> },\n *     ]}\n *     onComplete={form.handleSubmit(onSubmit)}\n *   />\n * </FormProvider>\n * ```\n */\nexport function Wizard({\n    steps,\n    activeIndex,\n    defaultActiveIndex = 0,\n    onStepChange,\n    onComplete,\n    nextLabel = \"Next\",\n    backLabel = \"Back\",\n    finishLabel = \"Finish\",\n    clickableSteps = false,\n    renderActions,\n    className,\n}: WizardProps) {\n    const isControlled = activeIndex !== undefined;\n    const [internalIndex, setInternalIndex] = useState(defaultActiveIndex);\n    const [validating, setValidating] = useState(false);\n\n    const current = Math.min(isControlled ? activeIndex : internalIndex, steps.length - 1);\n    const step = steps[current];\n\n    const moveTo = useCallback(\n        (index: number): void => {\n            if (!isControlled) setInternalIndex(index);\n            onStepChange?.(index, steps[index]);\n        },\n        [isControlled, onStepChange, steps],\n    );\n\n    /**\n     * Run a step's gate. A gate that throws counts as \"not allowed\": a `validate`\n     * wired to a network check should not strand the user on a half-advanced flow\n     * when the request fails.\n     */\n    const runValidate = useCallback(async (candidate: WizardStep): Promise<boolean> => {\n        if (!candidate.validate) return true;\n        setValidating(true);\n        try {\n            return await candidate.validate();\n        } catch {\n            return false;\n        } finally {\n            setValidating(false);\n        }\n    }, []);\n\n    const next = useCallback(async (): Promise<void> => {\n        if (!(await runValidate(step))) return;\n        if (current === steps.length - 1) {\n            await onComplete?.();\n            return;\n        }\n        moveTo(current + 1);\n    }, [current, moveTo, onComplete, runValidate, step, steps.length]);\n\n    const back = useCallback((): void => {\n        if (current > 0) moveTo(current - 1);\n    }, [current, moveTo]);\n\n    const goTo = useCallback(\n        async (index: number): Promise<void> => {\n            const target = Math.max(0, Math.min(index, steps.length - 1));\n            if (target === current) return;\n            if (target < current) {\n                moveTo(target);\n                return;\n            }\n            for (let i = current; i < target; i += 1) {\n                if (!(await runValidate(steps[i]))) return;\n            }\n            moveTo(target);\n        },\n        [current, moveTo, runValidate, steps],\n    );\n\n    const controls = useMemo<WizardControls>(\n        () => ({\n            activeIndex: current,\n            step,\n            validating,\n            isFirst: current === 0,\n            isLast: current === steps.length - 1,\n            next,\n            back,\n            goTo,\n        }),\n        [back, current, goTo, next, step, steps.length, validating],\n    );\n\n    const indicatorSteps = useMemo(\n        () =>\n            steps.map((item) => ({\n                label: item.label,\n                description: item.optional\n                    ? `${item.description ?? \"\"} (optional)`.trim()\n                    : item.description,\n            })),\n        [steps],\n    );\n\n    return (\n        <div className={cn(styles.wizard, className)}>\n            <Stepper\n                steps={indicatorSteps}\n                current={current}\n                onStepClick={clickableSteps ? (index) => void goTo(index) : undefined}\n            />\n\n            <div className={styles.body} role=\"group\" aria-label={step.label}>\n                {typeof step.content === \"function\" ? step.content(controls) : step.content}\n            </div>\n\n            {renderActions ? (\n                renderActions(controls)\n            ) : (\n                <div className={styles.actions}>\n                    <Button\n                        variant=\"secondary\"\n                        onClick={back}\n                        disabled={controls.isFirst || validating}\n                    >\n                        {backLabel}\n                    </Button>\n                    <Button onClick={() => void next()} loading={validating}>\n                        {controls.isLast ? finishLabel : nextLabel}\n                    </Button>\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":"mMA4GA,SAAgB,EAAO,CACnB,QACA,cACA,qBAAqB,EACrB,eACA,aACA,YAAY,OACZ,YAAY,OACZ,cAAc,SACd,iBAAiB,GACjB,gBACA,aACY,CACZ,IAAM,EAAe,IAAgB,IAAA,GAC/B,CAAC,EAAe,IAAA,EAAA,EAAA,SAAA,CAA6B,CAAkB,EAC/D,CAAC,EAAY,IAAA,EAAA,EAAA,SAAA,CAA0B,EAAK,EAE5C,EAAU,KAAK,IAAI,EAAe,EAAc,EAAe,EAAM,OAAS,CAAC,EAC/E,EAAO,EAAM,GAEb,GAAA,EAAA,EAAA,YAAA,CACD,GAAwB,CAChB,GAAc,EAAiB,CAAK,EACzC,IAAe,EAAO,EAAM,EAAM,CACtC,EACA,CAAC,EAAc,EAAc,CAAK,CACtC,EAOM,GAAA,EAAA,EAAA,YAAA,CAA0B,KAAO,IAA4C,CAC/E,GAAI,CAAC,EAAU,SAAU,MAAO,GAChC,EAAc,EAAI,EAClB,GAAI,CACA,OAAO,MAAM,EAAU,SAAS,CACpC,MAAQ,CACJ,MAAO,EACX,QAAU,CACN,EAAc,EAAK,CACvB,CACJ,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,YAAA,CAAmB,SAA2B,CAC1C,SAAM,EAAY,CAAI,EAC5B,IAAI,IAAY,EAAM,OAAS,EAAG,CAC9B,MAAM,IAAa,EACnB,MACJ,CACA,EAAO,EAAU,CAAC,CADlB,CAEJ,EAAG,CAAC,EAAS,EAAQ,EAAY,EAAa,EAAM,EAAM,MAAM,CAAC,EAE3D,GAAA,EAAA,EAAA,YAAA,KAA+B,CAC7B,EAAU,GAAG,EAAO,EAAU,CAAC,CACvC,EAAG,CAAC,EAAS,CAAM,CAAC,EAEd,GAAA,EAAA,EAAA,YAAA,CACF,KAAO,IAAiC,CACpC,IAAM,EAAS,KAAK,IAAI,EAAG,KAAK,IAAI,EAAO,EAAM,OAAS,CAAC,CAAC,EACxD,OAAW,EACf,IAAI,EAAS,EAAS,CAClB,EAAO,CAAM,EACb,MACJ,CACA,IAAK,IAAI,EAAI,EAAS,EAAI,EAAQ,GAAK,EACnC,GAAI,CAAE,MAAM,EAAY,EAAM,EAAE,EAAI,OAExC,EAAO,CAAM,CAJb,CAKJ,EACA,CAAC,EAAS,EAAQ,EAAa,CAAK,CACxC,EAEM,GAAA,EAAA,EAAA,QAAA,MACK,CACH,YAAa,EACb,OACA,aACA,QAAS,IAAY,EACrB,OAAQ,IAAY,EAAM,OAAS,EACnC,OACA,OACA,MACJ,GACA,CAAC,EAAM,EAAS,EAAM,EAAM,EAAM,EAAM,OAAQ,CAAU,CAC9D,EAEM,GAAA,EAAA,EAAA,QAAA,KAEE,EAAM,IAAK,IAAU,CACjB,MAAO,EAAK,MACZ,YAAa,EAAK,SACZ,GAAG,EAAK,aAAe,GAAG,aAAa,KAAK,EAC5C,EAAK,WACf,EAAE,EACN,CAAC,CAAK,CACV,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,CAAS,WAA3C,EACI,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CACI,MAAO,EACE,UACT,YAAa,EAAkB,GAAU,KAAK,EAAK,CAAK,EAAI,IAAA,EAC/D,CAAA,GAED,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,KAAK,QAAQ,aAAY,EAAK,eACtD,OAAO,EAAK,SAAY,WAAa,EAAK,QAAQ,CAAQ,EAAI,EAAK,OACnE,CAAA,EAEJ,EACG,EAAc,CAAQ,GAEtB,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAvB,EACI,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACI,QAAQ,YACR,QAAS,EACT,SAAU,EAAS,SAAW,WAE7B,CACG,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CAAQ,YAAe,KAAK,EAAK,EAAG,QAAS,WACxC,EAAS,OAAS,EAAc,CAC7B,CAAA,CACP,GAER,GAEb"}

package/dist/components/Wizard/Wizard.js

@@ -0,0 +1,111 @@
+import { cn as e } from "../../utils/cn.js";
+import { Button as t } from "../Button/Button.js";
+import { Stepper as n } from "../Stepper/Stepper.js";
+import r from "./Wizard.module.js";
+import { useCallback as i, useMemo as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/Wizard/Wizard.tsx
+function l({ steps: l, activeIndex: u, defaultActiveIndex: d = 0, onStepChange: f, onComplete: p, nextLabel: m = "Next", backLabel: h = "Back", finishLabel: g = "Finish", clickableSteps: _ = !1, renderActions: v, className: y }) {
+	let b = u !== void 0, [x, S] = o(d), [C, w] = o(!1), T = Math.min(b ? u : x, l.length - 1), E = l[T], D = i((e) => {
+		b || S(e), f?.(e, l[e]);
+	}, [
+		b,
+		f,
+		l
+	]), O = i(async (e) => {
+		if (!e.validate) return !0;
+		w(!0);
+		try {
+			return await e.validate();
+		} catch {
+			return !1;
+		} finally {
+			w(!1);
+		}
+	}, []), k = i(async () => {
+		if (await O(E)) {
+			if (T === l.length - 1) {
+				await p?.();
+				return;
+			}
+			D(T + 1);
+		}
+	}, [
+		T,
+		D,
+		p,
+		O,
+		E,
+		l.length
+	]), A = i(() => {
+		T > 0 && D(T - 1);
+	}, [T, D]), j = i(async (e) => {
+		let t = Math.max(0, Math.min(e, l.length - 1));
+		if (t !== T) {
+			if (t < T) {
+				D(t);
+				return;
+			}
+			for (let e = T; e < t; e += 1) if (!await O(l[e])) return;
+			D(t);
+		}
+	}, [
+		T,
+		D,
+		O,
+		l
+	]), M = a(() => ({
+		activeIndex: T,
+		step: E,
+		validating: C,
+		isFirst: T === 0,
+		isLast: T === l.length - 1,
+		next: k,
+		back: A,
+		goTo: j
+	}), [
+		A,
+		T,
+		j,
+		k,
+		E,
+		l.length,
+		C
+	]), N = a(() => l.map((e) => ({
+		label: e.label,
+		description: e.optional ? `${e.description ?? ""} (optional)`.trim() : e.description
+	})), [l]);
+	return /* @__PURE__ */ c("div", {
+		className: e(r.wizard, y),
+		children: [
+			/* @__PURE__ */ s(n, {
+				steps: N,
+				current: T,
+				onStepClick: _ ? (e) => void j(e) : void 0
+			}),
+			/* @__PURE__ */ s("div", {
+				className: r.body,
+				role: "group",
+				"aria-label": E.label,
+				children: typeof E.content == "function" ? E.content(M) : E.content
+			}),
+			v ? v(M) : /* @__PURE__ */ c("div", {
+				className: r.actions,
+				children: [/* @__PURE__ */ s(t, {
+					variant: "secondary",
+					onClick: A,
+					disabled: M.isFirst || C,
+					children: h
+				}), /* @__PURE__ */ s(t, {
+					onClick: () => void k(),
+					loading: C,
+					children: M.isLast ? g : m
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { l as Wizard };
+
+//# sourceMappingURL=Wizard.js.map

package/dist/components/Wizard/Wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.js","names":[],"sources":["../../../src/components/Wizard/Wizard.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"../Button\";\nimport { Stepper } from \"../Stepper\";\nimport styles from \"./Wizard.module.css\";\n\n/** One step of the flow. */\nexport interface WizardStep {\n    /** Stable identifier. */\n    id: string;\n    /** Step label shown in the indicator. */\n    label: string;\n    /** Optional description under the label. */\n    description?: string;\n    /** Step body. A function receives the flow controls, for a \"skip\" link inside the form. */\n    content: ReactNode | ((controls: WizardControls) => ReactNode);\n    /**\n     * Gate for leaving this step forward. Return `false` (or a rejected/`false`\n     * promise) to keep the user here — typically `() => form.trigger()`.\n     * Async is supported: the Next button shows a pending state while it runs.\n     */\n    validate?: () => boolean | Promise<boolean>;\n    /** Marks the step as optional, so `onComplete` can ignore it. */\n    optional?: boolean;\n}\n\n/** Flow controls handed to a step body and to `renderActions`. */\nexport interface WizardControls {\n    /** Zero-based index of the current step. */\n    activeIndex: number;\n    /** The current step. */\n    step: WizardStep;\n    /** `true` while a `validate` promise is pending. */\n    validating: boolean;\n    isFirst: boolean;\n    isLast: boolean;\n    /** Run the current step's `validate` and advance when it passes. */\n    next: () => Promise<void>;\n    /** Go back one step. No validation — going back never blocks. */\n    back: () => void;\n    /** Jump to an index. Forward jumps validate every step in between. */\n    goTo: (index: number) => Promise<void>;\n}\n\nexport interface WizardProps {\n    steps: WizardStep[];\n    /** Controlled active index. */\n    activeIndex?: number;\n    /** Uncontrolled initial index. Default `0`. */\n    defaultActiveIndex?: number;\n    onStepChange?: (index: number, step: WizardStep) => void;\n    /** Called when the last step passes validation. */\n    onComplete?: () => void | Promise<void>;\n    /** Label of the advance button. Default `\"Next\"`. */\n    nextLabel?: string;\n    /** Label of the back button. Default `\"Back\"`. */\n    backLabel?: string;\n    /** Label of the button on the last step. Default `\"Finish\"`. */\n    finishLabel?: string;\n    /**\n     * Allow clicking the indicator to jump. Default `false` — a wizard exists\n     * because order matters, and a free jump skips the gates.\n     */\n    clickableSteps?: boolean;\n    /** Replace the default button row. */\n    renderActions?: (controls: WizardControls) => ReactNode;\n    className?: string;\n}\n\n/**\n * Multi-step flow: step indicator, one body at a time, and navigation that\n * respects per-step validation.\n *\n * `Stepper` draws the indicator; this owns the part every app was rewriting — the\n * active index, the async gate before advancing, the disabled/pending buttons and\n * the completion call.\n *\n * Only the active step's body is mounted. Uncommitted input in a step you leave is\n * therefore lost unless the state lives outside (react-hook-form's `FormProvider`,\n * a store, a parent `useState`) — which is the right place for it anyway, since\n * the last step usually needs to submit everything at once.\n *\n * @example\n * ```tsx\n * const form = useZodForm(schema);\n *\n * <FormProvider {...form}>\n *   <Wizard\n *     steps={[\n *       {\n *         id: \"dados\",\n *         label: \"Dados\",\n *         validate: () => form.trigger([\"nome\", \"email\"]),\n *         content: (\n *           <>\n *             <FormField name=\"nome\" label=\"Nome\"><Input /></FormField>\n *             <FormField name=\"email\" label=\"E-mail\"><Input type=\"email\" /></FormField>\n *           </>\n *         ),\n *       },\n *       { id: \"revisao\", label: \"Revisão\", content: <Review /> },\n *     ]}\n *     onComplete={form.handleSubmit(onSubmit)}\n *   />\n * </FormProvider>\n * ```\n */\nexport function Wizard({\n    steps,\n    activeIndex,\n    defaultActiveIndex = 0,\n    onStepChange,\n    onComplete,\n    nextLabel = \"Next\",\n    backLabel = \"Back\",\n    finishLabel = \"Finish\",\n    clickableSteps = false,\n    renderActions,\n    className,\n}: WizardProps) {\n    const isControlled = activeIndex !== undefined;\n    const [internalIndex, setInternalIndex] = useState(defaultActiveIndex);\n    const [validating, setValidating] = useState(false);\n\n    const current = Math.min(isControlled ? activeIndex : internalIndex, steps.length - 1);\n    const step = steps[current];\n\n    const moveTo = useCallback(\n        (index: number): void => {\n            if (!isControlled) setInternalIndex(index);\n            onStepChange?.(index, steps[index]);\n        },\n        [isControlled, onStepChange, steps],\n    );\n\n    /**\n     * Run a step's gate. A gate that throws counts as \"not allowed\": a `validate`\n     * wired to a network check should not strand the user on a half-advanced flow\n     * when the request fails.\n     */\n    const runValidate = useCallback(async (candidate: WizardStep): Promise<boolean> => {\n        if (!candidate.validate) return true;\n        setValidating(true);\n        try {\n            return await candidate.validate();\n        } catch {\n            return false;\n        } finally {\n            setValidating(false);\n        }\n    }, []);\n\n    const next = useCallback(async (): Promise<void> => {\n        if (!(await runValidate(step))) return;\n        if (current === steps.length - 1) {\n            await onComplete?.();\n            return;\n        }\n        moveTo(current + 1);\n    }, [current, moveTo, onComplete, runValidate, step, steps.length]);\n\n    const back = useCallback((): void => {\n        if (current > 0) moveTo(current - 1);\n    }, [current, moveTo]);\n\n    const goTo = useCallback(\n        async (index: number): Promise<void> => {\n            const target = Math.max(0, Math.min(index, steps.length - 1));\n            if (target === current) return;\n            if (target < current) {\n                moveTo(target);\n                return;\n            }\n            for (let i = current; i < target; i += 1) {\n                if (!(await runValidate(steps[i]))) return;\n            }\n            moveTo(target);\n        },\n        [current, moveTo, runValidate, steps],\n    );\n\n    const controls = useMemo<WizardControls>(\n        () => ({\n            activeIndex: current,\n            step,\n            validating,\n            isFirst: current === 0,\n            isLast: current === steps.length - 1,\n            next,\n            back,\n            goTo,\n        }),\n        [back, current, goTo, next, step, steps.length, validating],\n    );\n\n    const indicatorSteps = useMemo(\n        () =>\n            steps.map((item) => ({\n                label: item.label,\n                description: item.optional\n                    ? `${item.description ?? \"\"} (optional)`.trim()\n                    : item.description,\n            })),\n        [steps],\n    );\n\n    return (\n        <div className={cn(styles.wizard, className)}>\n            <Stepper\n                steps={indicatorSteps}\n                current={current}\n                onStepClick={clickableSteps ? (index) => void goTo(index) : undefined}\n            />\n\n            <div className={styles.body} role=\"group\" aria-label={step.label}>\n                {typeof step.content === \"function\" ? step.content(controls) : step.content}\n            </div>\n\n            {renderActions ? (\n                renderActions(controls)\n            ) : (\n                <div className={styles.actions}>\n                    <Button\n                        variant=\"secondary\"\n                        onClick={back}\n                        disabled={controls.isFirst || validating}\n                    >\n                        {backLabel}\n                    </Button>\n                    <Button onClick={() => void next()} loading={validating}>\n                        {controls.isLast ? finishLabel : nextLabel}\n                    </Button>\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;AA4GA,SAAgB,EAAO,EACnB,UACA,gBACA,wBAAqB,GACrB,iBACA,eACA,eAAY,QACZ,eAAY,QACZ,iBAAc,UACd,oBAAiB,IACjB,kBACA,gBACY;CACZ,IAAM,IAAe,MAAgB,KAAA,GAC/B,CAAC,GAAe,KAAoB,EAAS,CAAkB,GAC/D,CAAC,GAAY,KAAiB,EAAS,EAAK,GAE5C,IAAU,KAAK,IAAI,IAAe,IAAc,GAAe,EAAM,SAAS,CAAC,GAC/E,IAAO,EAAM,IAEb,IAAS,GACV,MAAwB;EAErB,AADK,KAAc,EAAiB,CAAK,GACzC,IAAe,GAAO,EAAM,EAAM;CACtC,GACA;EAAC;EAAc;EAAc;CAAK,CACtC,GAOM,IAAc,EAAY,OAAO,MAA4C;EAC/E,IAAI,CAAC,EAAU,UAAU,OAAO;EAChC,EAAc,EAAI;EAClB,IAAI;GACA,OAAO,MAAM,EAAU,SAAS;EACpC,QAAQ;GACJ,OAAO;EACX,UAAU;GACN,EAAc,EAAK;EACvB;CACJ,GAAG,CAAC,CAAC,GAEC,IAAO,EAAY,YAA2B;EAC1C,UAAM,EAAY,CAAI,GAC5B;OAAI,MAAY,EAAM,SAAS,GAAG;IAC9B,MAAM,IAAa;IACnB;GACJ;GACA,EAAO,IAAU,CAAC;EADlB;CAEJ,GAAG;EAAC;EAAS;EAAQ;EAAY;EAAa;EAAM,EAAM;CAAM,CAAC,GAE3D,IAAO,QAAwB;EACjC,AAAI,IAAU,KAAG,EAAO,IAAU,CAAC;CACvC,GAAG,CAAC,GAAS,CAAM,CAAC,GAEd,IAAO,EACT,OAAO,MAAiC;EACpC,IAAM,IAAS,KAAK,IAAI,GAAG,KAAK,IAAI,GAAO,EAAM,SAAS,CAAC,CAAC;EACxD,UAAW,GACf;OAAI,IAAS,GAAS;IAClB,EAAO,CAAM;IACb;GACJ;GACA,KAAK,IAAI,IAAI,GAAS,IAAI,GAAQ,KAAK,GACnC,IAAI,CAAE,MAAM,EAAY,EAAM,EAAE,GAAI;GAExC,EAAO,CAAM;EAJb;CAKJ,GACA;EAAC;EAAS;EAAQ;EAAa;CAAK,CACxC,GAEM,IAAW,SACN;EACH,aAAa;EACb;EACA;EACA,SAAS,MAAY;EACrB,QAAQ,MAAY,EAAM,SAAS;EACnC;EACA;EACA;CACJ,IACA;EAAC;EAAM;EAAS;EAAM;EAAM;EAAM,EAAM;EAAQ;CAAU,CAC9D,GAEM,IAAiB,QAEf,EAAM,KAAK,OAAU;EACjB,OAAO,EAAK;EACZ,aAAa,EAAK,WACZ,GAAG,EAAK,eAAe,GAAG,aAAa,KAAK,IAC5C,EAAK;CACf,EAAE,GACN,CAAC,CAAK,CACV;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,QAAQ,CAAS;YAA3C;GACI,kBAAC,GAAD;IACI,OAAO;IACE;IACT,aAAa,KAAkB,MAAU,KAAK,EAAK,CAAK,IAAI,KAAA;GAC/D,CAAA;GAED,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,MAAK;IAAQ,cAAY,EAAK;cACtD,OAAO,EAAK,WAAY,aAAa,EAAK,QAAQ,CAAQ,IAAI,EAAK;GACnE,CAAA;GAEJ,IACG,EAAc,CAAQ,IAEtB,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,GAAD;KACI,SAAQ;KACR,SAAS;KACT,UAAU,EAAS,WAAW;eAE7B;IACG,CAAA,GACR,kBAAC,GAAD;KAAQ,eAAe,KAAK,EAAK;KAAG,SAAS;eACxC,EAAS,SAAS,IAAc;IAC7B,CAAA,CACP;;EAER;;AAEb"}

package/dist/components/Wizard/Wizard.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wizard_2BkgZ`,t=`tempest_body_ZDhtj`,n=`tempest_actions_-VsgT`,r={wizard:e,body:t,actions:n};exports.actions=n,exports.body=t,exports.default=r,exports.wizard=e;
+//# sourceMappingURL=Wizard.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.module.cjs","names":[],"sources":["../../../src/components/Wizard/Wizard.module.css"],"sourcesContent":[".wizard {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-6);\n    width: 100%;\n}\n\n.body {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-4);\n    min-height: var(--tempest-wizard-body-min-height, 0);\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding-top: var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}

package/dist/components/Wizard/Wizard.module.js

@@ -0,0 +1,10 @@
+//#region src/components/Wizard/Wizard.module.css
+var e = "tempest_wizard_2BkgZ", t = "tempest_body_ZDhtj", n = "tempest_actions_-VsgT", r = {
+	wizard: e,
+	body: t,
+	actions: n
+};
+//#endregion
+export { n as actions, t as body, r as default, e as wizard };
+
+//# sourceMappingURL=Wizard.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.module.js","names":[],"sources":["../../../src/components/Wizard/Wizard.module.css"],"sourcesContent":[".wizard {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-6);\n    width: 100%;\n}\n\n.body {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-4);\n    min-height: var(--tempest-wizard-body-min-height, 0);\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding-top: var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}

package/dist/data/create-data-provider.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=(r,u)=>u==null?`/${r}`:`/${r}/${u}`;function h(r,u={}){const{pageParam:l="page",sizeParam:g="size",sortFieldParam:c="order_by",sortOrderParam:f="ascending",sortOrderAsBoolean:P=!0,updateMethod:y="patch",buildPath:s=O}=u,i={getList(e,t={}){const{pagination:a,sort:o,filters:p}=t,n={};if(a?.page!=null&&(n[l]=a.page),a?.pageSize!=null&&(n[g]=a.pageSize),o?.field){const d=o.order??"asc";n[c]=o.field,n[f]=P?d==="asc":d}if(p)for(const[d,m]of Object.entries(p))n[d]=m;const b={params:n};return r.get(s(e),b)},getOne(e,t){return r.get(s(e,t))},getMany(e,t){return Promise.all(t.map(a=>i.getOne(e,a)))},create(e,t){return r.post(s(e),{body:t})},update(e,t,a){const o=s(e,t);return y==="put"?r.put(o,{body:a}):r.patch(o,{body:a})},deleteOne(e,t){return r.delete(s(e,t))}};return i}exports.createDataProvider=h;
-//# sourceMappingURL=create-data-provider.cjs.map
+var e=(e,t)=>t==null?`/${e}`:`/${e}/${t}`;function t(t,n={}){let{pageParam:r=`page`,sizeParam:i=`size`,sortFieldParam:a=`order_by`,sortOrderParam:o=`ascending`,sortOrderAsBoolean:s=!0,updateMethod:c=`patch`,buildPath:l=e}=n,u={getList(e,n={}){let{pagination:c,sort:u,filters:d}=n,f={};if(c?.page!=null&&(f[r]=c.page),c?.pageSize!=null&&(f[i]=c.pageSize),u?.field){let e=u.order??`asc`;f[a]=u.field,f[o]=s?e===`asc`:e}if(d)for(let[e,t]of Object.entries(d))f[e]=t;let p={params:f};return t.get(l(e),p)},getOne(e,n){return t.get(l(e,n))},getMany(e,t){return Promise.all(t.map(t=>u.getOne(e,t)))},create(e,n){return t.post(l(e),{body:n})},update(e,n,r){let i=l(e,n);return c===`put`?t.put(i,{body:r}):t.patch(i,{body:r})},deleteOne(e,n){return t.delete(l(e,n))}};return u}exports.createDataProvider=t;
+//# sourceMappingURL=create-data-provider.cjs.map