tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/SignaturePad/SignaturePad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignaturePad.js","names":[],"sources":["../../../src/components/SignaturePad/SignaturePad.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from \"react\";\nimport type { PointerEvent as ReactPointerEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"../Button\";\nimport styles from \"./SignaturePad.module.css\";\n\n/** A single sampled point of a stroke, in CSS pixels relative to the canvas. */\ninterface Point {\n    x: number;\n    y: number;\n}\n\n/** Imperative handle exposed through `ref`. */\nexport interface SignaturePadHandle {\n    /** Drop every stroke. */\n    clear: () => void;\n    /** Drop the last stroke. */\n    undo: () => void;\n    /** `true` while nothing has been drawn. */\n    isEmpty: () => boolean;\n    /** Export as a data URL. Returns `\"\"` when the canvas is unavailable. */\n    toDataURL: (type?: string, quality?: number) => string;\n    /** Export as a `Blob` — what you actually upload. `null` when unavailable. */\n    toBlob: (type?: string, quality?: number) => Promise<Blob | null>;\n}\n\nexport interface SignaturePadProps {\n    /** Drawing surface width in CSS pixels. Default `400`. */\n    width?: number;\n    /** Drawing surface height in CSS pixels. Default `160`. */\n    height?: number;\n    /**\n     * Stroke color. Defaults to the canvas' computed `color`, which the\n     * stylesheet binds to `--tempest-text` — so the signature follows the theme\n     * (including dark mode) instead of being hardcoded black.\n     */\n    penColor?: string;\n    /** Stroke width in CSS pixels. Default `2`. */\n    penWidth?: number;\n    /** Blocks drawing and dims the surface. */\n    disabled?: boolean;\n    /** Accessible name of the surface. Default `\"Signature\"`. */\n    label?: string;\n    /** Called on the first move of each stroke. */\n    onBegin?: () => void;\n    /** Called when a stroke ends, with the current image as a data URL. */\n    onEnd?: (dataUrl: string) => void;\n    /** Called whenever the emptiness changes — wire it to a submit button. */\n    onEmptyChange?: (isEmpty: boolean) => void;\n    /** Renders the Clear/Undo buttons. Default `true`. */\n    showActions?: boolean;\n    clearLabel?: string;\n    undoLabel?: string;\n    className?: string;\n}\n\n/**\n * Signature capture on a canvas — the \"sign here\" field of a delivery receipt,\n * a service order, a term of acceptance.\n *\n * Strokes are kept as point lists and the canvas is **redrawn** from them, which\n * is what makes `undo` possible at all: a canvas holds pixels, not history, so\n * removing the last stroke means replaying the rest.\n *\n * The backing store is scaled by `devicePixelRatio`, so the line is crisp on a\n * phone instead of the blurry 1x bitmap a naive canvas produces.\n *\n * @example\n * ```tsx\n * const pad = useRef<SignaturePadHandle>(null);\n * const [empty, setEmpty] = useState(true);\n *\n * async function submit() {\n *   const blob = await pad.current?.toBlob(\"image/png\");\n *   if (blob) await api.upload(\"/receipts/42/signature\", blob);\n * }\n *\n * <SignaturePad ref={pad} label=\"Assinatura do cliente\" onEmptyChange={setEmpty} />\n * <Button disabled={empty} onClick={submit}>Enviar</Button>\n * ```\n */\nexport const SignaturePad = forwardRef<SignaturePadHandle, SignaturePadProps>(function SignaturePad(\n    {\n        width = 400,\n        height = 160,\n        penColor,\n        penWidth = 2,\n        disabled = false,\n        label = \"Signature\",\n        onBegin,\n        onEnd,\n        onEmptyChange,\n        showActions = true,\n        clearLabel = \"Clear\",\n        undoLabel = \"Undo\",\n        className,\n    },\n    ref,\n) {\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const strokesRef = useRef<Point[][]>([]);\n    const drawingRef = useRef(false);\n    const [isEmpty, setIsEmpty] = useState(true);\n\n    const resolvePenColor = useCallback((): string => {\n        if (penColor) return penColor;\n        const canvas = canvasRef.current;\n        if (!canvas || typeof window === \"undefined\") return \"#101828\";\n        return window.getComputedStyle(canvas).color || \"#101828\";\n    }, [penColor]);\n\n    /**\n     * Repaint the whole surface from the stroke list, honouring the pixel ratio.\n     *\n     * A one-point stroke (a tap) gets a line back to its own origin: `stroke()`\n     * over a path with a single point paints nothing, so without it a tap would\n     * silently produce no dot while still counting as \"not empty\".\n     */\n    const redraw = useCallback((): void => {\n        const canvas = canvasRef.current;\n        const context = canvas?.getContext(\"2d\");\n        if (!canvas || !context) return;\n\n        const ratio = typeof window === \"undefined\" ? 1 : window.devicePixelRatio || 1;\n        canvas.width = width * ratio;\n        canvas.height = height * ratio;\n        context.setTransform(ratio, 0, 0, ratio, 0, 0);\n        context.clearRect(0, 0, width, height);\n\n        context.lineWidth = penWidth;\n        context.lineCap = \"round\";\n        context.lineJoin = \"round\";\n        context.strokeStyle = resolvePenColor();\n\n        for (const stroke of strokesRef.current) {\n            if (stroke.length === 0) continue;\n            context.beginPath();\n            context.moveTo(stroke[0].x, stroke[0].y);\n            for (const point of stroke.slice(1)) {\n                context.lineTo(point.x, point.y);\n            }\n            if (stroke.length === 1) context.lineTo(stroke[0].x, stroke[0].y);\n            context.stroke();\n        }\n    }, [height, penWidth, resolvePenColor, width]);\n\n    useEffect(() => {\n        redraw();\n    }, [redraw]);\n\n    const setEmptiness = useCallback(\n        (next: boolean): void => {\n            setIsEmpty((current) => {\n                if (current !== next) onEmptyChange?.(next);\n                return next;\n            });\n        },\n        [onEmptyChange],\n    );\n\n    const pointFrom = useCallback((event: ReactPointerEvent<HTMLCanvasElement>): Point => {\n        const rect = canvasRef.current?.getBoundingClientRect();\n        return {\n            x: event.clientX - (rect?.left ?? 0),\n            y: event.clientY - (rect?.top ?? 0),\n        };\n    }, []);\n\n    const handlePointerDown = useCallback(\n        (event: ReactPointerEvent<HTMLCanvasElement>): void => {\n            if (disabled) return;\n            drawingRef.current = true;\n            strokesRef.current = [...strokesRef.current, [pointFrom(event)]];\n            canvasRef.current?.setPointerCapture?.(event.pointerId);\n            onBegin?.();\n            setEmptiness(false);\n            redraw();\n        },\n        [disabled, onBegin, pointFrom, redraw, setEmptiness],\n    );\n\n    const handlePointerMove = useCallback(\n        (event: ReactPointerEvent<HTMLCanvasElement>): void => {\n            if (!drawingRef.current || disabled) return;\n            const strokes = strokesRef.current;\n            strokes[strokes.length - 1].push(pointFrom(event));\n            redraw();\n        },\n        [disabled, pointFrom, redraw],\n    );\n\n    const handlePointerUp = useCallback(\n        (event: ReactPointerEvent<HTMLCanvasElement>): void => {\n            if (!drawingRef.current) return;\n            drawingRef.current = false;\n            canvasRef.current?.releasePointerCapture?.(event.pointerId);\n            onEnd?.(canvasRef.current?.toDataURL() ?? \"\");\n        },\n        [onEnd],\n    );\n\n    const clear = useCallback((): void => {\n        strokesRef.current = [];\n        setEmptiness(true);\n        redraw();\n    }, [redraw, setEmptiness]);\n\n    const undo = useCallback((): void => {\n        strokesRef.current = strokesRef.current.slice(0, -1);\n        setEmptiness(strokesRef.current.length === 0);\n        redraw();\n    }, [redraw, setEmptiness]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            clear,\n            undo,\n            isEmpty: () => strokesRef.current.length === 0,\n            toDataURL: (type, quality) => canvasRef.current?.toDataURL(type, quality) ?? \"\",\n            toBlob: (type, quality) =>\n                new Promise((resolve) => {\n                    const canvas = canvasRef.current;\n                    if (!canvas?.toBlob) {\n                        resolve(null);\n                        return;\n                    }\n                    canvas.toBlob((blob) => resolve(blob), type, quality);\n                }),\n        }),\n        [clear, undo],\n    );\n\n    return (\n        <div className={cn(styles.pad, disabled && styles.disabled, className)}>\n            <canvas\n                ref={canvasRef}\n                role=\"img\"\n                aria-label={label}\n                aria-disabled={disabled || undefined}\n                className={styles.canvas}\n                style={{ width, height, touchAction: \"none\" }}\n                onPointerDown={handlePointerDown}\n                onPointerMove={handlePointerMove}\n                onPointerUp={handlePointerUp}\n                onPointerLeave={handlePointerUp}\n            />\n            {showActions ? (\n                <div className={styles.actions}>\n                    <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={undo}\n                        disabled={disabled || isEmpty}\n                    >\n                        {undoLabel}\n                    </Button>\n                    <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={clear}\n                        disabled={disabled || isEmpty}\n                    >\n                        {clearLabel}\n                    </Button>\n                </div>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":";;;;;;AAiFA,IAAa,IAAe,EAAkD,SAC1E,EACI,WAAQ,KACR,YAAS,KACT,aACA,cAAW,GACX,cAAW,IACX,WAAQ,aACR,YACA,UACA,kBACA,iBAAc,IACd,gBAAa,SACb,eAAY,QACZ,gBAEJ,GACF;CACE,IAAM,IAAY,EAA0B,IAAI,GAC1C,IAAa,EAAkB,CAAC,CAAC,GACjC,IAAa,EAAO,EAAK,GACzB,CAAC,GAAS,KAAc,EAAS,EAAI,GAErC,IAAkB,QAA0B;EAC9C,IAAI,GAAU,OAAO;EACrB,IAAM,IAAS,EAAU;EAEzB,OADI,CAAC,KAAU,OAAO,SAAW,MAAoB,YAC9C,OAAO,iBAAiB,CAAM,CAAC,CAAC,SAAS;CACpD,GAAG,CAAC,CAAQ,CAAC,GASP,IAAS,QAAwB;EACnC,IAAM,IAAS,EAAU,SACnB,IAAU,GAAQ,WAAW,IAAI;EACvC,IAAI,CAAC,KAAU,CAAC,GAAS;EAEzB,IAAM,IAAQ,OAAO,SAAW,MAAc,IAAI,OAAO,oBAAoB;EAS7E,AARA,EAAO,QAAQ,IAAQ,GACvB,EAAO,SAAS,IAAS,GACzB,EAAQ,aAAa,GAAO,GAAG,GAAG,GAAO,GAAG,CAAC,GAC7C,EAAQ,UAAU,GAAG,GAAG,GAAO,CAAM,GAErC,EAAQ,YAAY,GACpB,EAAQ,UAAU,SAClB,EAAQ,WAAW,SACnB,EAAQ,cAAc,EAAgB;EAEtC,KAAK,IAAM,KAAU,EAAW,SACxB,MAAO,WAAW,GAEtB;GADA,EAAQ,UAAU,GAClB,EAAQ,OAAO,EAAO,EAAE,CAAC,GAAG,EAAO,EAAE,CAAC,CAAC;GACvC,KAAK,IAAM,KAAS,EAAO,MAAM,CAAC,GAC9B,EAAQ,OAAO,EAAM,GAAG,EAAM,CAAC;GAGnC,AADI,EAAO,WAAW,KAAG,EAAQ,OAAO,EAAO,EAAE,CAAC,GAAG,EAAO,EAAE,CAAC,CAAC,GAChE,EAAQ,OAAO;EALwB;CAO/C,GAAG;EAAC;EAAQ;EAAU;EAAiB;CAAK,CAAC;CAE7C,QAAgB;EACZ,EAAO;CACX,GAAG,CAAC,CAAM,CAAC;CAEX,IAAM,IAAe,GAChB,MAAwB;EACrB,GAAY,OACJ,MAAY,KAAM,IAAgB,CAAI,GACnC,EACV;CACL,GACA,CAAC,CAAa,CAClB,GAEM,IAAY,GAAa,MAAuD;EAClF,IAAM,IAAO,EAAU,SAAS,sBAAsB;EACtD,OAAO;GACH,GAAG,EAAM,WAAW,GAAM,QAAQ;GAClC,GAAG,EAAM,WAAW,GAAM,OAAO;EACrC;CACJ,GAAG,CAAC,CAAC,GAEC,IAAoB,GACrB,MAAsD;EAC/C,MACJ,EAAW,UAAU,IACrB,EAAW,UAAU,CAAC,GAAG,EAAW,SAAS,CAAC,EAAU,CAAK,CAAC,CAAC,GAC/D,EAAU,SAAS,oBAAoB,EAAM,SAAS,GACtD,IAAU,GACV,EAAa,EAAK,GAClB,EAAO;CACX,GACA;EAAC;EAAU;EAAS;EAAW;EAAQ;CAAY,CACvD,GAEM,IAAoB,GACrB,MAAsD;EACnD,IAAI,CAAC,EAAW,WAAW,GAAU;EACrC,IAAM,IAAU,EAAW;EAE3B,AADA,EAAQ,EAAQ,SAAS,EAAE,CAAC,KAAK,EAAU,CAAK,CAAC,GACjD,EAAO;CACX,GACA;EAAC;EAAU;EAAW;CAAM,CAChC,GAEM,IAAkB,GACnB,MAAsD;EAC9C,EAAW,YAChB,EAAW,UAAU,IACrB,EAAU,SAAS,wBAAwB,EAAM,SAAS,GAC1D,IAAQ,EAAU,SAAS,UAAU,KAAK,EAAE;CAChD,GACA,CAAC,CAAK,CACV,GAEM,IAAQ,QAAwB;EAGlC,AAFA,EAAW,UAAU,CAAC,GACtB,EAAa,EAAI,GACjB,EAAO;CACX,GAAG,CAAC,GAAQ,CAAY,CAAC,GAEnB,IAAO,QAAwB;EAGjC,AAFA,EAAW,UAAU,EAAW,QAAQ,MAAM,GAAG,EAAE,GACnD,EAAa,EAAW,QAAQ,WAAW,CAAC,GAC5C,EAAO;CACX,GAAG,CAAC,GAAQ,CAAY,CAAC;CAsBzB,OApBA,EACI,UACO;EACH;EACA;EACA,eAAe,EAAW,QAAQ,WAAW;EAC7C,YAAY,GAAM,MAAY,EAAU,SAAS,UAAU,GAAM,CAAO,KAAK;EAC7E,SAAS,GAAM,MACX,IAAI,SAAS,MAAY;GACrB,IAAM,IAAS,EAAU;GACzB,IAAI,CAAC,GAAQ,QAAQ;IACjB,EAAQ,IAAI;IACZ;GACJ;GACA,EAAO,QAAQ,MAAS,EAAQ,CAAI,GAAG,GAAM,CAAO;EACxD,CAAC;CACT,IACA,CAAC,GAAO,CAAI,CAChB,GAGI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,KAAK,KAAY,EAAO,UAAU,CAAS;YAArE,CACI,kBAAC,UAAD;GACI,KAAK;GACL,MAAK;GACL,cAAY;GACZ,iBAAe,KAAY,KAAA;GAC3B,WAAW,EAAO;GAClB,OAAO;IAAE;IAAO;IAAQ,aAAa;GAAO;GAC5C,eAAe;GACf,eAAe;GACf,aAAa;GACb,gBAAgB;EACnB,CAAA,GACA,IACG,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACI,kBAAC,GAAD;IACI,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;IACT,UAAU,KAAY;cAErB;GACG,CAAA,GACR,kBAAC,GAAD;IACI,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;IACT,UAAU,KAAY;cAErB;GACG,CAAA,CACP;OACL,IACH;;AAEb,CAAC"}

package/dist/components/SignaturePad/SignaturePad.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_pad_mrFAb`,t=`tempest_canvas_Jbknm`,n=`tempest_actions_iM9T-`,r=`tempest_disabled_0E3Fa`,i={pad:e,canvas:t,actions:n,disabled:r};exports.actions=n,exports.canvas=t,exports.default=i,exports.disabled=r,exports.pad=e;
+//# sourceMappingURL=SignaturePad.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignaturePad.module.cjs","names":[],"sources":["../../../src/components/SignaturePad/SignaturePad.module.css"],"sourcesContent":[".pad {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.canvas {\n    color: var(--tempest-text);\n    background-color: var(--tempest-bg);\n    border: 1px dashed var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-md);\n    cursor: crosshair;\n}\n\n.canvas:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n}\n\n.disabled .canvas {\n    cursor: not-allowed;\n    opacity: 0.6;\n    background-color: var(--tempest-surface-2);\n}\n"],"mappings":""}

package/dist/components/SignaturePad/SignaturePad.module.js

@@ -0,0 +1,11 @@
+//#region src/components/SignaturePad/SignaturePad.module.css
+var e = "tempest_pad_mrFAb", t = "tempest_canvas_Jbknm", n = "tempest_actions_iM9T-", r = "tempest_disabled_0E3Fa", i = {
+	pad: e,
+	canvas: t,
+	actions: n,
+	disabled: r
+};
+//#endregion
+export { n as actions, t as canvas, i as default, r as disabled, e as pad };
+
+//# sourceMappingURL=SignaturePad.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignaturePad.module.js","names":[],"sources":["../../../src/components/SignaturePad/SignaturePad.module.css"],"sourcesContent":[".pad {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.canvas {\n    color: var(--tempest-text);\n    background-color: var(--tempest-bg);\n    border: 1px dashed var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-md);\n    cursor: crosshair;\n}\n\n.canvas:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n}\n\n.disabled .canvas {\n    cursor: not-allowed;\n    opacity: 0.6;\n    background-color: var(--tempest-surface-2);\n}\n"],"mappings":""}

package/dist/components/Skeleton/Skeleton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("../../utils/cn.cjs"),e=require("./Skeleton.module.css.cjs");function s({variant:t="rect",width:n,height:r,className:l,style:c}){return u.jsx("span",{"aria-hidden":!0,className:o.cn(e.default.skeleton,t==="text"&&e.default.text,t==="circle"&&e.default.circle,l),style:{width:n,height:r,...c}})}exports.Skeleton=s;
-//# sourceMappingURL=Skeleton.cjs.map
+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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.cjs","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"],"names":["Skeleton","variant","width","height","className","style","jsx","cn","styles"],"mappings":"4LAaO,SAASA,EAAS,CAAE,QAAAC,EAAU,OAAQ,MAAAC,EAAO,OAAAC,EAAQ,UAAAC,EAAW,MAAAC,GAAwB,CAC3F,OACIC,EAAAA,IAAC,OAAA,CACG,cAAW,GACX,UAAWC,EAAAA,GACPC,EAAAA,QAAO,SACPP,IAAY,QAAUO,EAAAA,QAAO,KAC7BP,IAAY,UAAYO,EAAAA,QAAO,OAC/BJ,CAAA,EAEJ,MAAO,CAAE,MAAAF,EAAO,OAAAC,EAAQ,GAAGE,CAAA,CAAM,CAAA,CAG7C"}
+{"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

@@ -1,22 +1,19 @@
-import { jsx as i } from "react/jsx-runtime";
-import { cn as l } from "../../utils/cn.js";
-import e from "./Skeleton.module.css.js";
-function f({ variant: t = "rect", width: r, height: o, className: c, style: s }) {
-  return /* @__PURE__ */ i(
-    "span",
-    {
-      "aria-hidden": !0,
-      className: l(
-        e.skeleton,
-        t === "text" && e.text,
-        t === "circle" && e.circle,
-        c
-      ),
-      style: { width: r, height: o, ...s }
-    }
-  );
+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
+		}
+	});
 }
-export {
-  f as Skeleton
-};
-//# sourceMappingURL=Skeleton.js.map
+//#endregion
+export { r as Skeleton };
+
+//# sourceMappingURL=Skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","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"],"names":["Skeleton","variant","width","height","className","style","jsx","cn","styles"],"mappings":";;;AAaO,SAASA,EAAS,EAAE,SAAAC,IAAU,QAAQ,OAAAC,GAAO,QAAAC,GAAQ,WAAAC,GAAW,OAAAC,KAAwB;AAC3F,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,eAAW;AAAA,MACX,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPP,MAAY,UAAUO,EAAO;AAAA,QAC7BP,MAAY,YAAYO,EAAO;AAAA,QAC/BJ;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,OAAAF,GAAO,QAAAC,GAAQ,GAAGE,EAAA;AAAA,IAAM;AAAA,EAAA;AAG7C;"}
+{"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

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.cjs","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"],"names":["Slider","value","onChange","min","max","step","label","helperText","disabled","formatValue","className","pct","useMemo","range","valueText","handleChange","useCallback","event","cn","styles","jsxs","jsx"],"mappings":"6MAyBO,SAASA,EAAO,CACnB,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,KAAAC,EAAO,EACP,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,GACX,YAAAC,EACA,UAAAC,CACJ,EAAgB,CACZ,MAAMC,EAAMC,EAAAA,QAAQ,IAAM,CACtB,MAAMC,EAAQT,EAAMD,EACpB,OAAIU,GAAS,EAAU,EAChB,KAAK,IAAI,IAAK,KAAK,IAAI,GAAKZ,EAAQE,GAAOU,EAAS,GAAG,CAAC,CACnE,EAAG,CAACZ,EAAOE,EAAKC,CAAG,CAAC,EAEdU,EAAYL,IAAcR,CAAK,GAAK,OAAOA,CAAK,EAEhDc,EAAeC,EAAAA,YAChBC,GAAqD,CAClDf,EAAS,OAAOe,EAAM,OAAO,KAAK,CAAC,CACvC,EACA,CAACf,CAAQ,CAAA,EAGb,cACK,MAAA,CAAI,UAAWgB,EAAAA,GAAGC,EAAAA,QAAO,QAAST,CAAS,EACvC,SAAA,CAAAJ,GACGc,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MACnB,SAAA,CAAAE,EAAAA,IAAC,QAAM,SAAAf,CAAA,CAAM,EACbe,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,MAAQ,SAAAL,CAAA,CAAU,CAAA,EAC9C,EAEJM,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MACnB,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,KAAA,CAAO,EAC9BE,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,KAAM,MAAO,CAAE,MAAO,GAAGR,CAAG,GAAA,CAAI,CAAG,EAC1DU,EAAAA,IAAC,QAAA,CACG,KAAK,QACL,UAAWF,EAAAA,QAAO,MAClB,IAAAhB,EACA,IAAAC,EACA,KAAAC,EACA,MAAAJ,EACA,SAAUc,EACV,SAAAP,EACA,aAAYF,GAAS,SACrB,iBAAgBQ,CAAA,CAAA,CACpB,EACJ,EACCP,GAAcc,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,OAAS,SAAAZ,CAAA,CAAW,CAAA,EAC/D,CAER"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","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"],"names":["Slider","value","onChange","min","max","step","label","helperText","disabled","formatValue","className","pct","useMemo","range","valueText","handleChange","useCallback","event","cn","styles","jsxs","jsx"],"mappings":";;;;AAyBO,SAASA,EAAO;AAAA,EACnB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,WAAAC;AACJ,GAAgB;AACZ,QAAMC,IAAMC,EAAQ,MAAM;AACtB,UAAMC,IAAQT,IAAMD;AACpB,WAAIU,KAAS,IAAU,IAChB,KAAK,IAAI,KAAK,KAAK,IAAI,IAAKZ,IAAQE,KAAOU,IAAS,GAAG,CAAC;AAAA,EACnE,GAAG,CAACZ,GAAOE,GAAKC,CAAG,CAAC,GAEdU,IAAYL,IAAcR,CAAK,KAAK,OAAOA,CAAK,GAEhDc,IAAeC;AAAA,IACjB,CAACC,MAAqD;AAClD,MAAAf,EAAS,OAAOe,EAAM,OAAO,KAAK,CAAC;AAAA,IACvC;AAAA,IACA,CAACf,CAAQ;AAAA,EAAA;AAGb,2BACK,OAAA,EAAI,WAAWgB,EAAGC,EAAO,SAAST,CAAS,GACvC,UAAA;AAAA,IAAAJ,KACG,gBAAAc,EAAC,OAAA,EAAI,WAAWD,EAAO,OACnB,UAAA;AAAA,MAAA,gBAAAE,EAAC,UAAM,UAAAf,EAAA,CAAM;AAAA,MACb,gBAAAe,EAAC,QAAA,EAAK,WAAWF,EAAO,OAAQ,UAAAL,EAAA,CAAU;AAAA,IAAA,GAC9C;AAAA,IAEJ,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,OACnB,UAAA;AAAA,MAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,MAAA,CAAO;AAAA,MAC9B,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,MAAM,OAAO,EAAE,OAAO,GAAGR,CAAG,IAAA,EAAI,CAAG;AAAA,MAC1D,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAWF,EAAO;AAAA,UAClB,KAAAhB;AAAA,UACA,KAAAC;AAAA,UACA,MAAAC;AAAA,UACA,OAAAJ;AAAA,UACA,UAAUc;AAAA,UACV,UAAAP;AAAA,UACA,cAAYF,KAAS;AAAA,UACrB,kBAAgBQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACpB,GACJ;AAAA,IACCP,KAAc,gBAAAc,EAAC,QAAA,EAAK,WAAWF,EAAO,QAAS,UAAAZ,EAAA,CAAW;AAAA,EAAA,GAC/D;AAER;"}
+{"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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),n=require("../../utils/cn.cjs"),e=require("./Spacer.module.css.cjs");function a({axis:r="both",className:t,...c}){return u.jsx("div",{className:n.cn(e.default.spacer,e.default[r],t),...c})}exports.Spacer=a;
-//# sourceMappingURL=Spacer.cjs.map
+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

@@ -1 +1 @@
-{"version":3,"file":"Spacer.cjs","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"],"names":["Spacer","axis","className","props","jsx","cn","styles"],"mappings":"0LAsBO,SAASA,EAAO,CAAE,KAAAC,EAAO,OAAQ,UAAAC,EAAW,GAAGC,GAAsB,CACxE,OAAOC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,OAAQA,EAAAA,QAAOL,CAAI,EAAGC,CAAS,EAAI,GAAGC,CAAA,CAAO,CAClF"}
+{"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

@@ -1,10 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as p } from "../../utils/cn.js";
-import r from "./Spacer.module.css.js";
-function a({ axis: o = "both", className: t, ...m }) {
-  return /* @__PURE__ */ e("div", { className: p(r.spacer, r[o], t), ...m });
+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
+	});
 }
-export {
-  a as Spacer
-};
-//# sourceMappingURL=Spacer.js.map
+//#endregion
+export { r as Spacer };
+
+//# sourceMappingURL=Spacer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spacer.js","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"],"names":["Spacer","axis","className","props","jsx","cn","styles"],"mappings":";;;AAsBO,SAASA,EAAO,EAAE,MAAAC,IAAO,QAAQ,WAAAC,GAAW,GAAGC,KAAsB;AACxE,SAAO,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,QAAQA,EAAOL,CAAI,GAAGC,CAAS,GAAI,GAAGC,EAAA,CAAO;AAClF;"}
+{"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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../utils/cn.cjs"),e=require("./Spinner.module.css.cjs");function d({size:s="md",className:t,label:i="Carregando",caption:n,overlay:l=!1}){const u=a.jsx("span",{"aria-hidden":!0,className:r.cn(e.default.spinner,e.default[s])});return!l&&n===void 0?a.jsx("span",{role:"status","aria-label":i,className:r.cn(e.default.spinner,e.default[s],t)}):a.jsxs("div",{role:"status","aria-label":i,"aria-live":"polite",className:r.cn(e.default.wrap,l&&e.default.overlay,t),children:[u,n!==void 0&&a.jsx("span",{className:e.default.caption,children:n})]})}exports.Spinner=d;
-//# sourceMappingURL=Spinner.cjs.map
+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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.cjs","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"],"names":["Spinner","size","className","label","caption","overlay","dot","jsx","cn","styles","jsxs"],"mappings":"2LAiCO,SAASA,EAAQ,CACpB,KAAAC,EAAO,KACP,UAAAC,EACA,MAAAC,EAAQ,aACR,QAAAC,EACA,QAAAC,EAAU,EACd,EAAiB,CACb,MAAMC,EAAMC,EAAAA,IAAC,OAAA,CAAK,cAAW,GAAC,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASA,EAAAA,QAAOR,CAAI,CAAC,CAAA,CAAG,EAE3E,MAAI,CAACI,GAAWD,IAAY,OAEpBG,EAAAA,IAAC,OAAA,CACG,KAAK,SACL,aAAYJ,EACZ,UAAWK,EAAAA,GAAGC,EAAAA,QAAO,QAASA,EAAAA,QAAOR,CAAI,EAAGC,CAAS,CAAA,CAAA,EAM7DQ,EAAAA,KAAC,MAAA,CACG,KAAK,SACL,aAAYP,EACZ,YAAU,SACV,UAAWK,EAAAA,GAAGC,UAAO,KAAMJ,GAAWI,EAAAA,QAAO,QAASP,CAAS,EAE9D,SAAA,CAAAI,EACAF,IAAY,QAAaG,EAAAA,IAAC,QAAK,UAAWE,UAAO,QAAU,SAAAL,CAAA,CAAQ,CAAA,CAAA,CAAA,CAGhF"}
+{"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

@@ -1,36 +1,28 @@
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
 import { cn as e } from "../../utils/cn.js";
-import r from "./Spinner.module.css.js";
-function f({
-  size: i = "md",
-  className: n,
-  label: o = "Carregando",
-  caption: a,
-  overlay: t = !1
-}) {
-  const l = /* @__PURE__ */ s("span", { "aria-hidden": !0, className: e(r.spinner, r[i]) });
-  return !t && a === void 0 ? /* @__PURE__ */ s(
-    "span",
-    {
-      role: "status",
-      "aria-label": o,
-      className: e(r.spinner, r[i], n)
-    }
-  ) : /* @__PURE__ */ p(
-    "div",
-    {
-      role: "status",
-      "aria-label": o,
-      "aria-live": "polite",
-      className: e(r.wrap, t && r.overlay, n),
-      children: [
-        l,
-        a !== void 0 && /* @__PURE__ */ s("span", { className: r.caption, children: a })
-      ]
-    }
-  );
+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
+		})]
+	});
 }
-export {
-  f as Spinner
-};
-//# sourceMappingURL=Spinner.js.map
+//#endregion
+export { i as Spinner };
+
+//# sourceMappingURL=Spinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","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"],"names":["Spinner","size","className","label","caption","overlay","dot","jsx","cn","styles","jsxs"],"mappings":";;;AAiCO,SAASA,EAAQ;AAAA,EACpB,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,SAAAC,IAAU;AACd,GAAiB;AACb,QAAMC,IAAM,gBAAAC,EAAC,QAAA,EAAK,eAAW,IAAC,WAAWC,EAAGC,EAAO,SAASA,EAAOR,CAAI,CAAC,EAAA,CAAG;AAE3E,SAAI,CAACI,KAAWD,MAAY,SAEpB,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,cAAYJ;AAAA,MACZ,WAAWK,EAAGC,EAAO,SAASA,EAAOR,CAAI,GAAGC,CAAS;AAAA,IAAA;AAAA,EAAA,IAM7D,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,cAAYP;AAAA,MACZ,aAAU;AAAA,MACV,WAAWK,EAAGC,EAAO,MAAMJ,KAAWI,EAAO,SAASP,CAAS;AAAA,MAE9D,UAAA;AAAA,QAAAI;AAAA,QACAF,MAAY,UAAa,gBAAAG,EAAC,UAAK,WAAWE,EAAO,SAAU,UAAAL,EAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhF;"}
+{"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"}