tempest-react-sdk 0.78.0 → 0.79.0

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

@@ -1 +1 @@
-{"version":3,"file":"SignaturePad.js","names":[],"sources":["../../../src/components/SignaturePad/SignaturePad.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the canvas (width,\n * height, penColor, penWidth), the lifecycle an app needs to enable its save button\n * (onBegin, onEnd, onEmptyChange) and the built-in actions with their copy\n * (showActions, clearLabel, undoLabel, label). The body is the stroke buffer plus\n * undo history, which are the same array.\n */\nimport { 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":";;;;;;AAwFA,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;EAArE,UAAA,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;GAAvB,UAAA,CACI,kBAAC,GAAD;IACI,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;IACT,UAAU,KAAY;IAErB,UAAA;GACG,CAAA,GACR,kBAAC,GAAD;IACI,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;IACT,UAAU,KAAY;IAErB,UAAA;GACG,CAAA,CACP;EACL,CAAA,IAAA,IACH;;AAEb,CAAC"}
+{"version":3,"file":"SignaturePad.js","names":["styles","SignaturePad_module_default","SignaturePad","forwardRef","canvasRef","useRef","strokesRef","drawingRef","isEmpty","setIsEmpty","useState","resolvePenColor","useCallback","penColor","canvas","redraw","context","ratio","width","height","penWidth","stroke","point","setEmptiness","current","next","onEmptyChange","pointFrom","rect","event","handlePointerDown","disabled","onBegin","handlePointerMove","strokes","handlePointerUp","onEnd","clear","undo","useImperativeHandle","ref","type","quality","resolve","blob","cn","className","label","showActions","Button","undoLabel","clearLabel"],"sources":["../../../src/components/SignaturePad/SignaturePad.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the canvas (width,\n * height, penColor, penWidth), the lifecycle an app needs to enable its save button\n * (onBegin, onEnd, onEmptyChange) and the built-in actions with their copy\n * (showActions, clearLabel, undoLabel, label). The body is the stroke buffer plus\n * undo history, which are the same array.\n */\nimport { 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":"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"}

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

@@ -1 +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":";"}
+{"version":3,"file":"SignaturePad.module.cjs","names":["pad","canvas","actions","disabled","SignaturePad_module_default"],"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.map

@@ -1 +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":";"}
+{"version":3,"file":"SignaturePad.module.js","names":["pad","canvas","actions","disabled","SignaturePad_module_default"],"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.map

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

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

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

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

@@ -1 +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":";"}
+{"version":3,"file":"Skeleton.module.cjs","names":["skeleton","tempestSkeleton","text","circle","rect","Skeleton_module_default"],"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.map

@@ -1 +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":";"}
+{"version":3,"file":"Skeleton.module.js","names":["skeleton","tempestSkeleton","text","circle","rect","Skeleton_module_default"],"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.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.cjs","names":[],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — min, max, step, value, onChange, formatValue plus\n * the field chrome (label, helperText, disabled, className). Every one is used by\n * the range variant too — the pair is deliberately the same API.\n */\nimport { 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    /**\n     * Accessible name, for when the visible `label` block does not fit.\n     *\n     * A slider in a one-line footer, a table cell or a toolbar has no room for the\n     * label row above the track, and without this every such control announces\n     * itself as \"Slider\" — several on the same screen become indistinguishable to a\n     * screen reader. Takes precedence over `label`; wrapping the field in an outer\n     * `<label>` does not work, because an explicit `aria-label` on the input wins\n     * the accessible-name precedence order.\n     */\n    \"aria-label\"?: 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    \"aria-label\": ariaLabel,\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={ariaLabel ?? label ?? \"Slider\"}\n                    aria-valuetext={valueText}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":"6HAyCA,SAAgB,EAAO,CACnB,QACA,WACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,aACA,WAAW,GACX,cACA,aAAc,EACd,aACY,CACZ,IAAM,GAAA,EAAM,EAAA,QAAA,KAAc,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,EAAe,EAAA,YAAA,CAChB,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,EAA5C,SAAA,CACK,IACG,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,MAAvB,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,CAAY,CAAA,GACnB,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,SAAA,CAAgB,CAAA,CAC/C,KAET,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,MAAvB,SAAA,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,GAAa,GAAS,SAClC,iBAAgB,CACnB,CAAA,CACA,IACJ,IAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,OAAS,SAAA,CAAiB,CAAA,CAChE,GAEb"}
+{"version":3,"file":"Slider.cjs","names":["useMemo","useCallback","cn","styles","require_cn","require_Slider_module","react","react_jsx_runtime","Slider","ariaLabel","pct","range","max","min","value","valueText","formatValue","handleChange","onChange","event","className","label","helperText"],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — min, max, step, value, onChange, formatValue plus\n * the field chrome (label, helperText, disabled, className). Every one is used by\n * the range variant too — the pair is deliberately the same API.\n */\nimport { 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    /**\n     * Accessible name, for when the visible `label` block does not fit.\n     *\n     * A slider in a one-line footer, a table cell or a toolbar has no room for the\n     * label row above the track, and without this every such control announces\n     * itself as \"Slider\" — several on the same screen become indistinguishable to a\n     * screen reader. Takes precedence over `label`; wrapping the field in an outer\n     * `<label>` does not work, because an explicit `aria-label` on the input wins\n     * the accessible-name precedence order.\n     */\n    \"aria-label\"?: 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    \"aria-label\": ariaLabel,\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={ariaLabel ?? label ?? \"Slider\"}\n                    aria-valuetext={valueText}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":"A,6HAyCA,SAAgBQ,EAAO,CACnB,QACA,WACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,aACA,WAAW,GACX,cACA,aAAcC,EACd,aACY,CACZ,IAAMC,GAAA,EAAMV,EAAAA,QAAAA,KAAc,CACtB,IAAMW,EAAQC,EAAMC,EAEpB,OADIF,GAAS,EAAU,EAChB,KAAK,IAAI,IAAK,KAAK,IAAI,GAAKG,EAAQD,GAAOF,EAAS,GAAG,CAAC,CACnE,EAAG,CAACG,EAAOD,EAAKD,CAAG,CAAC,EAEdG,EAAYC,IAAcF,CAAK,GAAK,OAAOA,CAAK,EAEhDG,GAAA,EAAehB,EAAAA,YAAAA,CAChB,GAAqD,CAClDiB,EAAS,OAAOC,EAAM,OAAO,KAAK,CAAC,CACvC,EACA,CAACD,CAAQ,CACb,EAEA,OACI,EAAAX,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWL,EAAAA,GAAGC,EAAAA,QAAO,QAASiB,CAAS,EAA5C,SAAA,CACKC,IACG,EAAAd,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,QAAO,MAAvB,SAAA,EACI,EAAAI,EAAA,IAAA,CAAC,OAAD,CAAA,SAAOc,CAAY,CAAA,GACnB,EAAAd,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,MAAQ,SAAAY,CAAgB,CAAA,CAC/C,C,IAET,EAAAR,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,QAAO,MAAvB,SAAA,EACI,EAAAI,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,QAAO,KAAQ,CAAA,GAC/B,EAAAI,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,QAAO,KAAM,MAAO,CAAE,MAAO,GAAGO,EAAI,EAAG,CAAI,CAAA,GAC3D,EAAAH,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAWJ,EAAAA,QAAO,MACb,MACA,MACC,OACC,QACP,SAAUc,EACA,WACV,aAAYR,GAAaY,GAAS,SAClC,iBAAgBN,CACnB,CAAA,CACA,C,GACJO,IAAc,EAAAf,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,OAAS,SAAAmB,CAAiB,CAAA,CAChE,C,EAEb,C"}

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":[],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — min, max, step, value, onChange, formatValue plus\n * the field chrome (label, helperText, disabled, className). Every one is used by\n * the range variant too — the pair is deliberately the same API.\n */\nimport { 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    /**\n     * Accessible name, for when the visible `label` block does not fit.\n     *\n     * A slider in a one-line footer, a table cell or a toolbar has no room for the\n     * label row above the track, and without this every such control announces\n     * itself as \"Slider\" — several on the same screen become indistinguishable to a\n     * screen reader. Takes precedence over `label`; wrapping the field in an outer\n     * `<label>` does not work, because an explicit `aria-label` on the input wins\n     * the accessible-name precedence order.\n     */\n    \"aria-label\"?: 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    \"aria-label\": ariaLabel,\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={ariaLabel ?? label ?? \"Slider\"}\n                    aria-valuetext={valueText}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAyCA,SAAgB,EAAO,EACnB,UACA,aACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,eACA,cAAW,IACX,gBACA,cAAc,GACd,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;EAA5C,UAAA;GACK,KACG,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAvB,UAAA,CACI,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,GACnB,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAQ,UAAA;IAAgB,CAAA,CAC/C;;GAET,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAvB,UAAA;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,KAAa,KAAS;MAClC,kBAAgB;KACnB,CAAA;IACA;;GACJ,KAAc,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAS,UAAA;GAAiB,CAAA;EAChE;;AAEb"}
+{"version":3,"file":"Slider.js","names":["styles","Slider_module_default","Slider","ariaLabel","pct","useMemo","range","max","min","value","valueText","formatValue","handleChange","useCallback","event","onChange","cn","className","label","helperText"],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — min, max, step, value, onChange, formatValue plus\n * the field chrome (label, helperText, disabled, className). Every one is used by\n * the range variant too — the pair is deliberately the same API.\n */\nimport { 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    /**\n     * Accessible name, for when the visible `label` block does not fit.\n     *\n     * A slider in a one-line footer, a table cell or a toolbar has no room for the\n     * label row above the track, and without this every such control announces\n     * itself as \"Slider\" — several on the same screen become indistinguishable to a\n     * screen reader. Takes precedence over `label`; wrapping the field in an outer\n     * `<label>` does not work, because an explicit `aria-label` on the input wins\n     * the accessible-name precedence order.\n     */\n    \"aria-label\"?: 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    \"aria-label\": ariaLabel,\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={ariaLabel ?? label ?? \"Slider\"}\n                    aria-valuetext={valueText}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAyCA,SAAgBE,EAAO,EACnB,UACA,aACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,eACA,cAAW,IACX,gBACA,cAAcC,GACd,gBACY;CACZ,IAAMC,IAAMC,QAAc;EACtB,IAAMC,IAAQC,IAAMC;EAEpB,OADIF,KAAS,IAAU,IAChB,KAAK,IAAI,KAAK,KAAK,IAAI,IAAKG,IAAQD,KAAOF,IAAS,GAAG,CAAC;CACnE,GAAG;EAACG;EAAOD;EAAKD;CAAG,CAAC,GAEdG,IAAYC,IAAcF,CAAK,KAAK,OAAOA,CAAK,GAEhDG,IAAeC,GAChB,MAAqD;EAClD,EAAS,OAAOC,EAAM,OAAO,KAAK,CAAC;CACvC,GACA,CAACC,CAAQ,CACb;CAEA,OACI,kBAAC,OAAD;EAAK,WAAWC,EAAGhB,EAAO,SAASiB,CAAS;EAA5C,UAAA;GACKC,KACG,kBAAC,OAAD;IAAK,WAAWlB,EAAO;IAAvB,UAAA,CACI,kBAAC,QAAD,EAAA,UAAOkB,EAAY,CAAA,GACnB,kBAAC,QAAD;KAAM,WAAWlB,EAAO;KAAQ,UAAAU;IAAgB,CAAA,CAC/C;;GAET,kBAAC,OAAD;IAAK,WAAWV,EAAO;IAAvB,UAAA;KACI,kBAAC,OAAD,EAAK,WAAWA,EAAO,MAAQ,CAAA;KAC/B,kBAAC,OAAD;MAAK,WAAWA,EAAO;MAAM,OAAO,EAAE,OAAO,GAAGI,EAAI,GAAG;KAAI,CAAA;KAC3D,kBAAC,SAAD;MACI,MAAK;MACL,WAAWJ,EAAO;MACb;MACA;MACC;MACC;MACP,UAAUY;MACA;MACV,cAAYT,KAAae,KAAS;MAClC,kBAAgBR;KACnB,CAAA;IACA;;GACJS,KAAc,kBAAC,QAAD;IAAM,WAAWnB,EAAO;IAAS,UAAAmB;GAAiB,CAAA;EAChE;;AAEb"}

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

@@ -1 +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":";"}
+{"version":3,"file":"Slider.module.cjs","names":["wrapper","label","value","field","track","fill","input","helper","Slider_module_default"],"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.map

@@ -1 +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":";"}
+{"version":3,"file":"Slider.module.js","names":["wrapper","label","value","field","track","fill","input","helper","Slider_module_default"],"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.map

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

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

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

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

@@ -1 +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":";"}
+{"version":3,"file":"Spacer.module.cjs","names":["spacer","both","x","y","Spacer_module_default"],"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.map

@@ -1 +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":";"}
+{"version":3,"file":"Spacer.module.js","names":["spacer","both","x","y","Spacer_module_default"],"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/Sparkline/Sparkline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sparkline.cjs","names":[],"sources":["../../../src/components/Sparkline/Sparkline.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — an inline chart with no chart library: data plus its\n * scale (min, max), its box (width, height), its look (variant, color, showEnd) and\n * its accessibility (valueFormatter, label). The formatter and label matter because\n * a sparkline has no axes to read.\n */\nimport type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { areaPath, barRects, describeSeries, linePath, sparkPoints } from \"./sparkline-geometry\";\nimport styles from \"./Sparkline.module.css\";\n\nexport type SparklineVariant = \"line\" | \"area\" | \"bar\";\n\nexport interface SparklineProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n    /** The series, in order. Non-finite entries are skipped. */\n    data: readonly number[];\n    /** Drawing width in px. Default `88`. */\n    width?: number;\n    /** Drawing height in px. Default `24`. */\n    height?: number;\n    /** Which mark to draw. Default `\"line\"`. */\n    variant?: SparklineVariant;\n    /** Any CSS colour. Defaults to the first chart series token. */\n    color?: string;\n    /** Draw a dot on the last point. Default `true` for line and area. */\n    showEnd?: boolean;\n    /** Force the low end of the value axis — use it to compare several sparklines. */\n    min?: number;\n    /** Force the high end. */\n    max?: number;\n    /** Render a value; used in the accessible description. */\n    valueFormatter?: (value: number) => string;\n    /**\n     * Accessible name. Defaults to a sentence describing the series.\n     *\n     * Pass one when the surrounding text already says what is plotted — the default\n     * still appends the shape, so a caller never ends up with an unlabelled image.\n     */\n    label?: string;\n}\n\n/**\n * A tiny inline chart: shape only, no axes, no legend.\n *\n * Sized to sit in a table cell or beside a number, which is why it is plain SVG on\n * the root entry rather than a recharts wrapper — a sparkline in a data table should\n * not oblige an app to install a charting library.\n *\n * It carries `role=\"img\"` and a spoken description of the series (direction, ends,\n * extremes). Without that it is an unlabelled image: a sparkline has no axis or\n * legend to fall back on, so a screen reader would reach it and read nothing. Pair it\n * with the number it annotates — the shape is context, never the only way to read the\n * value.\n *\n * @example\n * <Sparkline data={last30Days} />\n * <Sparkline data={revenue} variant=\"area\" width={120} height={32} />\n *\n * // Same axis across a column, so the rows are comparable\n * <Sparkline data={row.series} min={0} max={columnMax} />\n */\nexport function Sparkline({\n    data,\n    width = 88,\n    height = 24,\n    variant = \"line\",\n    color = \"var(--tempest-chart-1)\",\n    showEnd,\n    min,\n    max,\n    valueFormatter,\n    label,\n    className,\n    ...rest\n}: SparklineProps) {\n    const points = sparkPoints({ values: data, width, height, min, max });\n    const description = label ?? describeSeries(data, valueFormatter);\n    const withEnd = showEnd ?? variant !== \"bar\";\n    const last = points[points.length - 1];\n\n    /*\n     * Bars grow from the bottom of the box; line and area close against it. Both use\n     * the same edge so a sparkline swapped between variants keeps its footprint.\n     */\n    const baselineY = height - 2;\n\n    return (\n        <span className={cn(styles.wrapper, className)} {...rest}>\n            <svg\n                className={styles.svg}\n                width={width}\n                height={height}\n                viewBox={`0 0 ${width} ${height}`}\n                role=\"img\"\n                aria-label={description}\n            >\n                {points.length > 0 && variant === \"area\" && (\n                    <path d={areaPath(points, baselineY)} fill={color} className={styles.area} />\n                )}\n\n                {points.length > 0 && variant !== \"bar\" && (\n                    <path\n                        d={linePath(points)}\n                        fill=\"none\"\n                        stroke={color}\n                        strokeWidth={2}\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                    />\n                )}\n\n                {variant === \"bar\" &&\n                    barRects(points, { width, baselineY }).map((rect) => (\n                        <rect\n                            key={rect.point.index}\n                            x={rect.x}\n                            y={rect.y}\n                            width={rect.width}\n                            height={rect.height}\n                            rx={1}\n                            fill={color}\n                        />\n                    ))}\n\n                {withEnd && last && (\n                    /*\n                     * The ring is drawn in the surface colour rather than as a stroke on\n                     * the dot: it keeps the marker legible where it sits on top of the\n                     * line without adding ink that is not data.\n                     */\n                    <circle\n                        cx={last.x}\n                        cy={last.y}\n                        r={3}\n                        fill={color}\n                        stroke=\"var(--tempest-bg)\"\n                        strokeWidth={2}\n                    />\n                )}\n            </svg>\n        </span>\n    );\n}\n"],"mappings":"mJA+DA,SAAgB,EAAU,CACtB,OACA,QAAQ,GACR,SAAS,GACT,UAAU,OACV,QAAQ,yBACR,UACA,MACA,MACA,iBACA,QACA,YACA,GAAG,GACY,CACf,IAAM,EAAS,EAAA,YAAY,CAAE,OAAQ,EAAM,QAAO,SAAQ,MAAK,KAAI,CAAC,EAC9D,EAAc,GAAS,EAAA,eAAe,EAAM,CAAc,EAC1D,EAAU,GAAW,IAAY,MACjC,EAAO,EAAO,EAAO,OAAS,GAM9B,EAAY,EAAS,EAE3B,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EAAG,GAAI,EAChD,UAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,IACX,QACC,SACR,QAAS,OAAO,EAAM,GAAG,IACzB,KAAK,MACL,aAAY,EANhB,SAAA,CAQK,EAAO,OAAS,GAAK,IAAY,SAC9B,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAG,EAAA,SAAS,EAAQ,CAAS,EAAG,KAAM,EAAO,UAAW,EAAA,QAAO,IAAO,CAAA,EAG/E,EAAO,OAAS,GAAK,IAAY,QAC9B,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAG,EAAA,SAAS,CAAM,EAClB,KAAK,OACL,OAAQ,EACR,YAAa,EACb,cAAc,QACd,eAAe,OAClB,CAAA,EAGJ,IAAY,OACT,EAAA,SAAS,EAAQ,CAAE,QAAO,WAAU,CAAC,CAAC,CAAC,IAAK,IACxC,EAAA,EAAA,IAAA,CAAC,OAAD,CAEI,EAAG,EAAK,EACR,EAAG,EAAK,EACR,MAAO,EAAK,MACZ,OAAQ,EAAK,OACb,GAAI,EACJ,KAAM,CACT,EAPQ,EAAK,MAAM,KAOnB,CACJ,EAEJ,GAAW,IAMR,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,GAAI,EAAK,EACT,GAAI,EAAK,EACT,EAAG,EACH,KAAM,EACN,OAAO,oBACP,YAAa,CAChB,CAAA,CAEJ,GACH,CAAA,CAEd"}
+{"version":3,"file":"Sparkline.cjs","names":["sparkPoints","describeSeries","cn","styles","areaPath","linePath","barRects","require_cn","require_sparkline_geometry","require_Sparkline_module","react_jsx_runtime","Sparkline","rest","points","data","description","label","valueFormatter","withEnd","showEnd","variant","last","baselineY","height","className","width","color","rect"],"sources":["../../../src/components/Sparkline/Sparkline.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — an inline chart with no chart library: data plus its\n * scale (min, max), its box (width, height), its look (variant, color, showEnd) and\n * its accessibility (valueFormatter, label). The formatter and label matter because\n * a sparkline has no axes to read.\n */\nimport type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { areaPath, barRects, describeSeries, linePath, sparkPoints } from \"./sparkline-geometry\";\nimport styles from \"./Sparkline.module.css\";\n\nexport type SparklineVariant = \"line\" | \"area\" | \"bar\";\n\nexport interface SparklineProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n    /** The series, in order. Non-finite entries are skipped. */\n    data: readonly number[];\n    /** Drawing width in px. Default `88`. */\n    width?: number;\n    /** Drawing height in px. Default `24`. */\n    height?: number;\n    /** Which mark to draw. Default `\"line\"`. */\n    variant?: SparklineVariant;\n    /** Any CSS colour. Defaults to the first chart series token. */\n    color?: string;\n    /** Draw a dot on the last point. Default `true` for line and area. */\n    showEnd?: boolean;\n    /** Force the low end of the value axis — use it to compare several sparklines. */\n    min?: number;\n    /** Force the high end. */\n    max?: number;\n    /** Render a value; used in the accessible description. */\n    valueFormatter?: (value: number) => string;\n    /**\n     * Accessible name. Defaults to a sentence describing the series.\n     *\n     * Pass one when the surrounding text already says what is plotted — the default\n     * still appends the shape, so a caller never ends up with an unlabelled image.\n     */\n    label?: string;\n}\n\n/**\n * A tiny inline chart: shape only, no axes, no legend.\n *\n * Sized to sit in a table cell or beside a number, which is why it is plain SVG on\n * the root entry rather than a recharts wrapper — a sparkline in a data table should\n * not oblige an app to install a charting library.\n *\n * It carries `role=\"img\"` and a spoken description of the series (direction, ends,\n * extremes). Without that it is an unlabelled image: a sparkline has no axis or\n * legend to fall back on, so a screen reader would reach it and read nothing. Pair it\n * with the number it annotates — the shape is context, never the only way to read the\n * value.\n *\n * @example\n * <Sparkline data={last30Days} />\n * <Sparkline data={revenue} variant=\"area\" width={120} height={32} />\n *\n * // Same axis across a column, so the rows are comparable\n * <Sparkline data={row.series} min={0} max={columnMax} />\n */\nexport function Sparkline({\n    data,\n    width = 88,\n    height = 24,\n    variant = \"line\",\n    color = \"var(--tempest-chart-1)\",\n    showEnd,\n    min,\n    max,\n    valueFormatter,\n    label,\n    className,\n    ...rest\n}: SparklineProps) {\n    const points = sparkPoints({ values: data, width, height, min, max });\n    const description = label ?? describeSeries(data, valueFormatter);\n    const withEnd = showEnd ?? variant !== \"bar\";\n    const last = points[points.length - 1];\n\n    /*\n     * Bars grow from the bottom of the box; line and area close against it. Both use\n     * the same edge so a sparkline swapped between variants keeps its footprint.\n     */\n    const baselineY = height - 2;\n\n    return (\n        <span className={cn(styles.wrapper, className)} {...rest}>\n            <svg\n                className={styles.svg}\n                width={width}\n                height={height}\n                viewBox={`0 0 ${width} ${height}`}\n                role=\"img\"\n                aria-label={description}\n            >\n                {points.length > 0 && variant === \"area\" && (\n                    <path d={areaPath(points, baselineY)} fill={color} className={styles.area} />\n                )}\n\n                {points.length > 0 && variant !== \"bar\" && (\n                    <path\n                        d={linePath(points)}\n                        fill=\"none\"\n                        stroke={color}\n                        strokeWidth={2}\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                    />\n                )}\n\n                {variant === \"bar\" &&\n                    barRects(points, { width, baselineY }).map((rect) => (\n                        <rect\n                            key={rect.point.index}\n                            x={rect.x}\n                            y={rect.y}\n                            width={rect.width}\n                            height={rect.height}\n                            rx={1}\n                            fill={color}\n                        />\n                    ))}\n\n                {withEnd && last && (\n                    /*\n                     * The ring is drawn in the surface colour rather than as a stroke on\n                     * the dot: it keeps the marker legible where it sits on top of the\n                     * line without adding ink that is not data.\n                     */\n                    <circle\n                        cx={last.x}\n                        cy={last.y}\n                        r={3}\n                        fill={color}\n                        stroke=\"var(--tempest-bg)\"\n                        strokeWidth={2}\n                    />\n                )}\n            </svg>\n        </span>\n    );\n}\n"],"mappings":"A,mJA+DA,SAAgBW,EAAU,CACtB,OACA,QAAQ,GACR,SAAS,GACT,UAAU,OACV,QAAQ,yBACR,UACA,MACA,MACA,iBACA,QACA,YACA,GAAGC,GACY,CACf,IAAMC,EAASb,EAAAA,YAAY,CAAE,OAAQc,EAAM,QAAO,SAAQ,MAAK,KAAI,CAAC,EAC9DC,EAAcC,GAASf,EAAAA,eAAea,EAAMG,CAAc,EAC1DC,EAAUC,GAAWC,IAAY,MACjCC,EAAOR,EAAOA,EAAO,OAAS,GAM9BS,EAAYC,EAAS,EAE3B,OACI,EAAAb,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWR,EAAAA,GAAGC,EAAAA,QAAO,QAASqB,CAAS,EAAG,GAAIZ,EAChD,UAAA,EAAAF,EAAA,KAAA,CAAC,MAAD,CACI,UAAWP,EAAAA,QAAO,IACX,QACC,SACR,QAAS,OAAOsB,EAAM,GAAGF,IACzB,KAAK,MACL,aAAYR,EANhB,SAAA,CAQKF,EAAO,OAAS,GAAKO,IAAY,SAC9B,EAAAV,EAAA,IAAA,CAAC,OAAD,CAAM,EAAGN,EAAAA,SAASS,EAAQS,CAAS,EAAG,KAAMI,EAAO,UAAWvB,EAAAA,QAAO,IAAO,CAAA,EAG/EU,EAAO,OAAS,GAAKO,IAAY,QAC9B,EAAAV,EAAA,IAAA,CAAC,OAAD,CACI,EAAGL,EAAAA,SAASQ,CAAM,EAClB,KAAK,OACL,OAAQa,EACR,YAAa,EACb,cAAc,QACd,eAAe,OAClB,CAAA,EAGJN,IAAY,OACTd,EAAAA,SAASO,EAAQ,CAAE,QAAO,WAAU,CAAC,CAAC,CAAC,IAAK,IACxC,EAAAH,EAAA,IAAA,CAAC,OAAD,CAEI,EAAGiB,EAAK,EACR,EAAGA,EAAK,EACR,MAAOA,EAAK,MACZ,OAAQA,EAAK,OACb,GAAI,EACJ,KAAMD,CACT,EAPQC,EAAK,MAAM,KAOnB,CACJ,EAEJT,GAAWG,IAMR,EAAAX,EAAA,IAAA,CAAC,SAAD,CACI,GAAIW,EAAK,EACT,GAAIA,EAAK,EACT,EAAG,EACH,KAAMK,EACN,OAAO,oBACP,YAAa,CAChB,CAAA,CAEJ,C,EACH,CAAA,CAEd,C"}

package/dist/components/Sparkline/Sparkline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sparkline.js","names":[],"sources":["../../../src/components/Sparkline/Sparkline.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — an inline chart with no chart library: data plus its\n * scale (min, max), its box (width, height), its look (variant, color, showEnd) and\n * its accessibility (valueFormatter, label). The formatter and label matter because\n * a sparkline has no axes to read.\n */\nimport type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { areaPath, barRects, describeSeries, linePath, sparkPoints } from \"./sparkline-geometry\";\nimport styles from \"./Sparkline.module.css\";\n\nexport type SparklineVariant = \"line\" | \"area\" | \"bar\";\n\nexport interface SparklineProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n    /** The series, in order. Non-finite entries are skipped. */\n    data: readonly number[];\n    /** Drawing width in px. Default `88`. */\n    width?: number;\n    /** Drawing height in px. Default `24`. */\n    height?: number;\n    /** Which mark to draw. Default `\"line\"`. */\n    variant?: SparklineVariant;\n    /** Any CSS colour. Defaults to the first chart series token. */\n    color?: string;\n    /** Draw a dot on the last point. Default `true` for line and area. */\n    showEnd?: boolean;\n    /** Force the low end of the value axis — use it to compare several sparklines. */\n    min?: number;\n    /** Force the high end. */\n    max?: number;\n    /** Render a value; used in the accessible description. */\n    valueFormatter?: (value: number) => string;\n    /**\n     * Accessible name. Defaults to a sentence describing the series.\n     *\n     * Pass one when the surrounding text already says what is plotted — the default\n     * still appends the shape, so a caller never ends up with an unlabelled image.\n     */\n    label?: string;\n}\n\n/**\n * A tiny inline chart: shape only, no axes, no legend.\n *\n * Sized to sit in a table cell or beside a number, which is why it is plain SVG on\n * the root entry rather than a recharts wrapper — a sparkline in a data table should\n * not oblige an app to install a charting library.\n *\n * It carries `role=\"img\"` and a spoken description of the series (direction, ends,\n * extremes). Without that it is an unlabelled image: a sparkline has no axis or\n * legend to fall back on, so a screen reader would reach it and read nothing. Pair it\n * with the number it annotates — the shape is context, never the only way to read the\n * value.\n *\n * @example\n * <Sparkline data={last30Days} />\n * <Sparkline data={revenue} variant=\"area\" width={120} height={32} />\n *\n * // Same axis across a column, so the rows are comparable\n * <Sparkline data={row.series} min={0} max={columnMax} />\n */\nexport function Sparkline({\n    data,\n    width = 88,\n    height = 24,\n    variant = \"line\",\n    color = \"var(--tempest-chart-1)\",\n    showEnd,\n    min,\n    max,\n    valueFormatter,\n    label,\n    className,\n    ...rest\n}: SparklineProps) {\n    const points = sparkPoints({ values: data, width, height, min, max });\n    const description = label ?? describeSeries(data, valueFormatter);\n    const withEnd = showEnd ?? variant !== \"bar\";\n    const last = points[points.length - 1];\n\n    /*\n     * Bars grow from the bottom of the box; line and area close against it. Both use\n     * the same edge so a sparkline swapped between variants keeps its footprint.\n     */\n    const baselineY = height - 2;\n\n    return (\n        <span className={cn(styles.wrapper, className)} {...rest}>\n            <svg\n                className={styles.svg}\n                width={width}\n                height={height}\n                viewBox={`0 0 ${width} ${height}`}\n                role=\"img\"\n                aria-label={description}\n            >\n                {points.length > 0 && variant === \"area\" && (\n                    <path d={areaPath(points, baselineY)} fill={color} className={styles.area} />\n                )}\n\n                {points.length > 0 && variant !== \"bar\" && (\n                    <path\n                        d={linePath(points)}\n                        fill=\"none\"\n                        stroke={color}\n                        strokeWidth={2}\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                    />\n                )}\n\n                {variant === \"bar\" &&\n                    barRects(points, { width, baselineY }).map((rect) => (\n                        <rect\n                            key={rect.point.index}\n                            x={rect.x}\n                            y={rect.y}\n                            width={rect.width}\n                            height={rect.height}\n                            rx={1}\n                            fill={color}\n                        />\n                    ))}\n\n                {withEnd && last && (\n                    /*\n                     * The ring is drawn in the surface colour rather than as a stroke on\n                     * the dot: it keeps the marker legible where it sits on top of the\n                     * line without adding ink that is not data.\n                     */\n                    <circle\n                        cx={last.x}\n                        cy={last.y}\n                        r={3}\n                        fill={color}\n                        stroke=\"var(--tempest-bg)\"\n                        strokeWidth={2}\n                    />\n                )}\n            </svg>\n        </span>\n    );\n}\n"],"mappings":";;;;;AA+DA,SAAgB,EAAU,EACtB,SACA,WAAQ,IACR,YAAS,IACT,aAAU,QACV,WAAQ,0BACR,YACA,QACA,QACA,mBACA,UACA,cACA,GAAG,KACY;CACf,IAAM,IAAS,EAAY;EAAE,QAAQ;EAAM;EAAO;EAAQ;EAAK;CAAI,CAAC,GAC9D,IAAc,KAAS,EAAe,GAAM,CAAc,GAC1D,IAAU,KAAW,MAAY,OACjC,IAAO,EAAO,EAAO,SAAS,IAM9B,IAAY,IAAS;CAE3B,OACI,kBAAC,QAAD;EAAM,WAAW,EAAG,EAAO,SAAS,CAAS;EAAG,GAAI;EAChD,UAAA,kBAAC,OAAD;GACI,WAAW,EAAO;GACX;GACC;GACR,SAAS,OAAO,EAAM,GAAG;GACzB,MAAK;GACL,cAAY;GANhB,UAAA;IAQK,EAAO,SAAS,KAAK,MAAY,UAC9B,kBAAC,QAAD;KAAM,GAAG,EAAS,GAAQ,CAAS;KAAG,MAAM;KAAO,WAAW,EAAO;IAAO,CAAA;IAG/E,EAAO,SAAS,KAAK,MAAY,SAC9B,kBAAC,QAAD;KACI,GAAG,EAAS,CAAM;KAClB,MAAK;KACL,QAAQ;KACR,aAAa;KACb,eAAc;KACd,gBAAe;IAClB,CAAA;IAGJ,MAAY,SACT,EAAS,GAAQ;KAAE;KAAO;IAAU,CAAC,CAAC,CAAC,KAAK,MACxC,kBAAC,QAAD;KAEI,GAAG,EAAK;KACR,GAAG,EAAK;KACR,OAAO,EAAK;KACZ,QAAQ,EAAK;KACb,IAAI;KACJ,MAAM;IACT,GAPQ,EAAK,MAAM,KAOnB,CACJ;IAEJ,KAAW,KAMR,kBAAC,UAAD;KACI,IAAI,EAAK;KACT,IAAI,EAAK;KACT,GAAG;KACH,MAAM;KACN,QAAO;KACP,aAAa;IAChB,CAAA;GAEJ;;CACH,CAAA;AAEd"}
+{"version":3,"file":"Sparkline.js","names":["styles","Sparkline_module_default","Sparkline","rest","points","sparkPoints","data","description","label","describeSeries","valueFormatter","withEnd","showEnd","variant","last","baselineY","height","cn","className","width","areaPath","color","linePath","barRects","rect"],"sources":["../../../src/components/Sparkline/Sparkline.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — an inline chart with no chart library: data plus its\n * scale (min, max), its box (width, height), its look (variant, color, showEnd) and\n * its accessibility (valueFormatter, label). The formatter and label matter because\n * a sparkline has no axes to read.\n */\nimport type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { areaPath, barRects, describeSeries, linePath, sparkPoints } from \"./sparkline-geometry\";\nimport styles from \"./Sparkline.module.css\";\n\nexport type SparklineVariant = \"line\" | \"area\" | \"bar\";\n\nexport interface SparklineProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n    /** The series, in order. Non-finite entries are skipped. */\n    data: readonly number[];\n    /** Drawing width in px. Default `88`. */\n    width?: number;\n    /** Drawing height in px. Default `24`. */\n    height?: number;\n    /** Which mark to draw. Default `\"line\"`. */\n    variant?: SparklineVariant;\n    /** Any CSS colour. Defaults to the first chart series token. */\n    color?: string;\n    /** Draw a dot on the last point. Default `true` for line and area. */\n    showEnd?: boolean;\n    /** Force the low end of the value axis — use it to compare several sparklines. */\n    min?: number;\n    /** Force the high end. */\n    max?: number;\n    /** Render a value; used in the accessible description. */\n    valueFormatter?: (value: number) => string;\n    /**\n     * Accessible name. Defaults to a sentence describing the series.\n     *\n     * Pass one when the surrounding text already says what is plotted — the default\n     * still appends the shape, so a caller never ends up with an unlabelled image.\n     */\n    label?: string;\n}\n\n/**\n * A tiny inline chart: shape only, no axes, no legend.\n *\n * Sized to sit in a table cell or beside a number, which is why it is plain SVG on\n * the root entry rather than a recharts wrapper — a sparkline in a data table should\n * not oblige an app to install a charting library.\n *\n * It carries `role=\"img\"` and a spoken description of the series (direction, ends,\n * extremes). Without that it is an unlabelled image: a sparkline has no axis or\n * legend to fall back on, so a screen reader would reach it and read nothing. Pair it\n * with the number it annotates — the shape is context, never the only way to read the\n * value.\n *\n * @example\n * <Sparkline data={last30Days} />\n * <Sparkline data={revenue} variant=\"area\" width={120} height={32} />\n *\n * // Same axis across a column, so the rows are comparable\n * <Sparkline data={row.series} min={0} max={columnMax} />\n */\nexport function Sparkline({\n    data,\n    width = 88,\n    height = 24,\n    variant = \"line\",\n    color = \"var(--tempest-chart-1)\",\n    showEnd,\n    min,\n    max,\n    valueFormatter,\n    label,\n    className,\n    ...rest\n}: SparklineProps) {\n    const points = sparkPoints({ values: data, width, height, min, max });\n    const description = label ?? describeSeries(data, valueFormatter);\n    const withEnd = showEnd ?? variant !== \"bar\";\n    const last = points[points.length - 1];\n\n    /*\n     * Bars grow from the bottom of the box; line and area close against it. Both use\n     * the same edge so a sparkline swapped between variants keeps its footprint.\n     */\n    const baselineY = height - 2;\n\n    return (\n        <span className={cn(styles.wrapper, className)} {...rest}>\n            <svg\n                className={styles.svg}\n                width={width}\n                height={height}\n                viewBox={`0 0 ${width} ${height}`}\n                role=\"img\"\n                aria-label={description}\n            >\n                {points.length > 0 && variant === \"area\" && (\n                    <path d={areaPath(points, baselineY)} fill={color} className={styles.area} />\n                )}\n\n                {points.length > 0 && variant !== \"bar\" && (\n                    <path\n                        d={linePath(points)}\n                        fill=\"none\"\n                        stroke={color}\n                        strokeWidth={2}\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                    />\n                )}\n\n                {variant === \"bar\" &&\n                    barRects(points, { width, baselineY }).map((rect) => (\n                        <rect\n                            key={rect.point.index}\n                            x={rect.x}\n                            y={rect.y}\n                            width={rect.width}\n                            height={rect.height}\n                            rx={1}\n                            fill={color}\n                        />\n                    ))}\n\n                {withEnd && last && (\n                    /*\n                     * The ring is drawn in the surface colour rather than as a stroke on\n                     * the dot: it keeps the marker legible where it sits on top of the\n                     * line without adding ink that is not data.\n                     */\n                    <circle\n                        cx={last.x}\n                        cy={last.y}\n                        r={3}\n                        fill={color}\n                        stroke=\"var(--tempest-bg)\"\n                        strokeWidth={2}\n                    />\n                )}\n            </svg>\n        </span>\n    );\n}\n"],"mappings":";;;;;AA+DA,SAAgBE,EAAU,EACtB,SACA,WAAQ,IACR,YAAS,IACT,aAAU,QACV,WAAQ,0BACR,YACA,QACA,QACA,mBACA,UACA,cACA,GAAGC,KACY;CACf,IAAMC,IAASC,EAAY;EAAE,QAAQC;EAAM;EAAO;EAAQ;EAAK;CAAI,CAAC,GAC9DC,IAAcC,KAASC,EAAeH,GAAMI,CAAc,GAC1DC,IAAUC,KAAWC,MAAY,OACjCC,IAAOV,EAAOA,EAAO,SAAS,IAM9BW,IAAYC,IAAS;CAE3B,OACI,kBAAC,QAAD;EAAM,WAAWC,EAAGjB,EAAO,SAASkB,CAAS;EAAG,GAAIf;EAChD,UAAA,kBAAC,OAAD;GACI,WAAWH,EAAO;GACX;GACC;GACR,SAAS,OAAOmB,EAAM,GAAGH;GACzB,MAAK;GACL,cAAYT;GANhB,UAAA;IAQKH,EAAO,SAAS,KAAKS,MAAY,UAC9B,kBAAC,QAAD;KAAM,GAAGO,EAAShB,GAAQW,CAAS;KAAG,MAAMM;KAAO,WAAWrB,EAAO;IAAO,CAAA;IAG/EI,EAAO,SAAS,KAAKS,MAAY,SAC9B,kBAAC,QAAD;KACI,GAAGS,EAASlB,CAAM;KAClB,MAAK;KACL,QAAQiB;KACR,aAAa;KACb,eAAc;KACd,gBAAe;IAClB,CAAA;IAGJR,MAAY,SACTU,EAASnB,GAAQ;KAAE;KAAO;IAAU,CAAC,CAAC,CAAC,KAAK,MACxC,kBAAC,QAAD;KAEI,GAAGoB,EAAK;KACR,GAAGA,EAAK;KACR,OAAOA,EAAK;KACZ,QAAQA,EAAK;KACb,IAAI;KACJ,MAAMH;IACT,GAPQG,EAAK,MAAM,KAOnB,CACJ;IAEJb,KAAWG,KAMR,kBAAC,UAAD;KACI,IAAIA,EAAK;KACT,IAAIA,EAAK;KACT,GAAG;KACH,MAAMO;KACN,QAAO;KACP,aAAa;IAChB,CAAA;GAEJ;;CACH,CAAA;AAEd"}

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

@@ -1 +1 @@
-{"version":3,"file":"Sparkline.module.cjs","names":[],"sources":["../../../src/components/Sparkline/Sparkline.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: center;\n    /*\n     * `middle` rather than the inline default: a sparkline sits beside a number, and\n     * a baseline-aligned SVG hangs low enough to look like it fell off the line.\n     */\n    vertical-align: middle;\n    line-height: 0;\n}\n\n.svg {\n    display: block;\n    overflow: visible;\n}\n\n/*\n * A wash, never a saturated block — the fill is context for the line, and at full\n * strength it competes with the mark that actually carries the data.\n */\n.area {\n    opacity: 0.12;\n}\n"],"mappings":";"}
+{"version":3,"file":"Sparkline.module.cjs","names":["wrapper","svg","area","Sparkline_module_default"],"sources":["../../../src/components/Sparkline/Sparkline.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: center;\n    /*\n     * `middle` rather than the inline default: a sparkline sits beside a number, and\n     * a baseline-aligned SVG hangs low enough to look like it fell off the line.\n     */\n    vertical-align: middle;\n    line-height: 0;\n}\n\n.svg {\n    display: block;\n    overflow: visible;\n}\n\n/*\n * A wash, never a saturated block — the fill is context for the line, and at full\n * strength it competes with the mark that actually carries the data.\n */\n.area {\n    opacity: 0.12;\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"Sparkline.module.js","names":[],"sources":["../../../src/components/Sparkline/Sparkline.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: center;\n    /*\n     * `middle` rather than the inline default: a sparkline sits beside a number, and\n     * a baseline-aligned SVG hangs low enough to look like it fell off the line.\n     */\n    vertical-align: middle;\n    line-height: 0;\n}\n\n.svg {\n    display: block;\n    overflow: visible;\n}\n\n/*\n * A wash, never a saturated block — the fill is context for the line, and at full\n * strength it competes with the mark that actually carries the data.\n */\n.area {\n    opacity: 0.12;\n}\n"],"mappings":";"}
+{"version":3,"file":"Sparkline.module.js","names":["wrapper","svg","area","Sparkline_module_default"],"sources":["../../../src/components/Sparkline/Sparkline.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: center;\n    /*\n     * `middle` rather than the inline default: a sparkline sits beside a number, and\n     * a baseline-aligned SVG hangs low enough to look like it fell off the line.\n     */\n    vertical-align: middle;\n    line-height: 0;\n}\n\n.svg {\n    display: block;\n    overflow: visible;\n}\n\n/*\n * A wash, never a saturated block — the fill is context for the line, and at full\n * strength it competes with the mark that actually carries the data.\n */\n.area {\n    opacity: 0.12;\n}\n"],"mappings":";"}

package/dist/components/Sparkline/sparkline-geometry.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sparkline-geometry.cjs","names":[],"sources":["../../../src/components/Sparkline/sparkline-geometry.ts"],"sourcesContent":["/** A point in the sparkline's own coordinate space. */\nexport interface SparkPoint {\n    x: number;\n    y: number;\n    /** The datum this point came from. */\n    value: number;\n    /** Its position in the input series. */\n    index: number;\n}\n\nexport interface SparkGeometryOptions {\n    values: readonly number[];\n    width: number;\n    height: number;\n    /** Room reserved on every side for the end marker's ring, so it is never clipped. */\n    padding?: number;\n    /** Force the low end of the value axis. Defaults to the series minimum. */\n    min?: number;\n    /** Force the high end. Defaults to the series maximum. */\n    max?: number;\n}\n\n/**\n * Project a series onto the drawing box.\n *\n * `y` is inverted — SVG grows downward and a chart grows upward — and a flat series\n * is centred rather than pinned to an edge, which is the honest reading of \"no\n * variation\" and avoids dividing by a zero-height domain.\n *\n * Non-finite values are dropped rather than drawn: a `NaN` in the middle of a path\n * silently voids the whole `d` attribute and the sparkline disappears with no error.\n *\n * @param options - The series and the box to fit it in.\n * @returns The projected points, in input order.\n */\nexport function sparkPoints({\n    values,\n    width,\n    height,\n    padding = 2,\n    min,\n    max,\n}: SparkGeometryOptions): SparkPoint[] {\n    const usable = values\n        .map((value, index) => ({ value, index }))\n        .filter((item) => Number.isFinite(item.value));\n    if (usable.length === 0 || width <= 0 || height <= 0) return [];\n\n    const numbers = usable.map((item) => item.value);\n    const lo = min ?? Math.min(...numbers);\n    const hi = max ?? Math.max(...numbers);\n    const span = hi - lo;\n\n    const innerW = Math.max(0, width - padding * 2);\n    const innerH = Math.max(0, height - padding * 2);\n    const lastIndex = usable.length - 1;\n\n    return usable.map((item, i) => {\n        const t = lastIndex === 0 ? 0.5 : i / lastIndex;\n        const v = span === 0 ? 0.5 : (item.value - lo) / span;\n        return {\n            x: padding + t * innerW,\n            y: padding + (1 - Math.min(1, Math.max(0, v))) * innerH,\n            value: item.value,\n            index: item.index,\n        };\n    });\n}\n\n/** An SVG `d` for a polyline through the points. */\nexport function linePath(points: readonly SparkPoint[]): string {\n    if (points.length === 0) return \"\";\n    if (points.length === 1) {\n        // A lone point has no line; emit a zero-length segment so the round cap\n        // still paints a dot rather than nothing at all.\n        const [only] = points;\n        return `M ${only.x} ${only.y} L ${only.x} ${only.y}`;\n    }\n    return points.map((p, i) => `${i === 0 ? \"M\" : \"L\"} ${p.x} ${p.y}`).join(\" \");\n}\n\n/**\n * An SVG `d` for the area under the line, closed along the baseline.\n *\n * @param points - The projected points.\n * @param baselineY - Where the fill closes, in the same space as the points.\n */\nexport function areaPath(points: readonly SparkPoint[], baselineY: number): string {\n    if (points.length === 0) return \"\";\n    const line = points.map((p, i) => `${i === 0 ? \"M\" : \"L\"} ${p.x} ${p.y}`).join(\" \");\n    const first = points[0];\n    const last = points[points.length - 1];\n    return `${line} L ${last.x} ${baselineY} L ${first.x} ${baselineY} Z`;\n}\n\n/** Bar rectangles growing from the baseline, with the band's leftover left as air. */\nexport function barRects(\n    points: readonly SparkPoint[],\n    { width, baselineY, gap = 2 }: { width: number; baselineY: number; gap?: number },\n): { x: number; y: number; width: number; height: number; point: SparkPoint }[] {\n    if (points.length === 0) return [];\n    const band = width / points.length;\n    // Never fill the slot: the gap between bars is what separates them, not a stroke.\n    const barWidth = Math.max(1, Math.min(24, band - gap));\n    return points.map((point) => {\n        /*\n         * The minimum value sits on the baseline, where the raw height is 0. It still\n         * needs a visible sliver — but growing *up* from the baseline, not down: the\n         * naive `Math.max(1, …)` on height alone leaves the bar hanging one pixel\n         * below the axis it is supposed to stand on.\n         */\n        const height = Math.max(1, Math.abs(baselineY - point.y));\n        return {\n            x: point.x - barWidth / 2,\n            y: Math.min(point.y, baselineY - height),\n            width: barWidth,\n            height,\n            point,\n        };\n    });\n}\n\n/**\n * A one-sentence description of the series, for the chart's accessible name.\n *\n * A sparkline has no axes and no legend, so without this it is an unlabelled image:\n * a screen reader reaches it and reads nothing. Direction is stated in words rather\n * than implied by the shape.\n *\n * @param values - The series, in order.\n * @param format - How to render a single value.\n * @returns Text suitable for `aria-label`.\n */\nexport function describeSeries(\n    values: readonly number[],\n    format: (value: number) => string = String,\n): string {\n    const usable = values.filter((v) => Number.isFinite(v));\n    if (usable.length === 0) return \"Sem dados\";\n    if (usable.length === 1) return `Valor único: ${format(usable[0])}`;\n\n    const first = usable[0];\n    const last = usable[usable.length - 1];\n    const direction = last > first ? \"subindo\" : last < first ? \"descendo\" : \"estável\";\n    return (\n        `${usable.length} pontos, ${direction}. ` +\n        `Início ${format(first)}, fim ${format(last)}. ` +\n        `Mínimo ${format(Math.min(...usable))}, máximo ${format(Math.max(...usable))}.`\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sparkline-geometry.cjs","names":["sparkPoints","usable","values","item","width","height","numbers","lo","min","span","max","innerW","padding","innerH","lastIndex","t","i","v","linePath","points","only","p","areaPath","line","first","baselineY","barRects","band","barWidth","gap","point","describeSeries","format","last","direction"],"sources":["../../../src/components/Sparkline/sparkline-geometry.ts"],"sourcesContent":["/** A point in the sparkline's own coordinate space. */\nexport interface SparkPoint {\n    x: number;\n    y: number;\n    /** The datum this point came from. */\n    value: number;\n    /** Its position in the input series. */\n    index: number;\n}\n\nexport interface SparkGeometryOptions {\n    values: readonly number[];\n    width: number;\n    height: number;\n    /** Room reserved on every side for the end marker's ring, so it is never clipped. */\n    padding?: number;\n    /** Force the low end of the value axis. Defaults to the series minimum. */\n    min?: number;\n    /** Force the high end. Defaults to the series maximum. */\n    max?: number;\n}\n\n/**\n * Project a series onto the drawing box.\n *\n * `y` is inverted — SVG grows downward and a chart grows upward — and a flat series\n * is centred rather than pinned to an edge, which is the honest reading of \"no\n * variation\" and avoids dividing by a zero-height domain.\n *\n * Non-finite values are dropped rather than drawn: a `NaN` in the middle of a path\n * silently voids the whole `d` attribute and the sparkline disappears with no error.\n *\n * @param options - The series and the box to fit it in.\n * @returns The projected points, in input order.\n */\nexport function sparkPoints({\n    values,\n    width,\n    height,\n    padding = 2,\n    min,\n    max,\n}: SparkGeometryOptions): SparkPoint[] {\n    const usable = values\n        .map((value, index) => ({ value, index }))\n        .filter((item) => Number.isFinite(item.value));\n    if (usable.length === 0 || width <= 0 || height <= 0) return [];\n\n    const numbers = usable.map((item) => item.value);\n    const lo = min ?? Math.min(...numbers);\n    const hi = max ?? Math.max(...numbers);\n    const span = hi - lo;\n\n    const innerW = Math.max(0, width - padding * 2);\n    const innerH = Math.max(0, height - padding * 2);\n    const lastIndex = usable.length - 1;\n\n    return usable.map((item, i) => {\n        const t = lastIndex === 0 ? 0.5 : i / lastIndex;\n        const v = span === 0 ? 0.5 : (item.value - lo) / span;\n        return {\n            x: padding + t * innerW,\n            y: padding + (1 - Math.min(1, Math.max(0, v))) * innerH,\n            value: item.value,\n            index: item.index,\n        };\n    });\n}\n\n/** An SVG `d` for a polyline through the points. */\nexport function linePath(points: readonly SparkPoint[]): string {\n    if (points.length === 0) return \"\";\n    if (points.length === 1) {\n        // A lone point has no line; emit a zero-length segment so the round cap\n        // still paints a dot rather than nothing at all.\n        const [only] = points;\n        return `M ${only.x} ${only.y} L ${only.x} ${only.y}`;\n    }\n    return points.map((p, i) => `${i === 0 ? \"M\" : \"L\"} ${p.x} ${p.y}`).join(\" \");\n}\n\n/**\n * An SVG `d` for the area under the line, closed along the baseline.\n *\n * @param points - The projected points.\n * @param baselineY - Where the fill closes, in the same space as the points.\n */\nexport function areaPath(points: readonly SparkPoint[], baselineY: number): string {\n    if (points.length === 0) return \"\";\n    const line = points.map((p, i) => `${i === 0 ? \"M\" : \"L\"} ${p.x} ${p.y}`).join(\" \");\n    const first = points[0];\n    const last = points[points.length - 1];\n    return `${line} L ${last.x} ${baselineY} L ${first.x} ${baselineY} Z`;\n}\n\n/** Bar rectangles growing from the baseline, with the band's leftover left as air. */\nexport function barRects(\n    points: readonly SparkPoint[],\n    { width, baselineY, gap = 2 }: { width: number; baselineY: number; gap?: number },\n): { x: number; y: number; width: number; height: number; point: SparkPoint }[] {\n    if (points.length === 0) return [];\n    const band = width / points.length;\n    // Never fill the slot: the gap between bars is what separates them, not a stroke.\n    const barWidth = Math.max(1, Math.min(24, band - gap));\n    return points.map((point) => {\n        /*\n         * The minimum value sits on the baseline, where the raw height is 0. It still\n         * needs a visible sliver — but growing *up* from the baseline, not down: the\n         * naive `Math.max(1, …)` on height alone leaves the bar hanging one pixel\n         * below the axis it is supposed to stand on.\n         */\n        const height = Math.max(1, Math.abs(baselineY - point.y));\n        return {\n            x: point.x - barWidth / 2,\n            y: Math.min(point.y, baselineY - height),\n            width: barWidth,\n            height,\n            point,\n        };\n    });\n}\n\n/**\n * A one-sentence description of the series, for the chart's accessible name.\n *\n * A sparkline has no axes and no legend, so without this it is an unlabelled image:\n * a screen reader reaches it and reads nothing. Direction is stated in words rather\n * than implied by the shape.\n *\n * @param values - The series, in order.\n * @param format - How to render a single value.\n * @returns Text suitable for `aria-label`.\n */\nexport function describeSeries(\n    values: readonly number[],\n    format: (value: number) => string = String,\n): string {\n    const usable = values.filter((v) => Number.isFinite(v));\n    if (usable.length === 0) return \"Sem dados\";\n    if (usable.length === 1) return `Valor único: ${format(usable[0])}`;\n\n    const first = usable[0];\n    const last = usable[usable.length - 1];\n    const direction = last > first ? \"subindo\" : last < first ? \"descendo\" : \"estável\";\n    return (\n        `${usable.length} pontos, ${direction}. ` +\n        `Início ${format(first)}, fim ${format(last)}. ` +\n        `Mínimo ${format(Math.min(...usable))}, máximo ${format(Math.max(...usable))}.`\n    );\n}\n"],"mappings":"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"}

package/dist/components/Sparkline/sparkline-geometry.js.map

@@ -1 +1 @@
-{"version":3,"file":"sparkline-geometry.js","names":[],"sources":["../../../src/components/Sparkline/sparkline-geometry.ts"],"sourcesContent":["/** A point in the sparkline's own coordinate space. */\nexport interface SparkPoint {\n    x: number;\n    y: number;\n    /** The datum this point came from. */\n    value: number;\n    /** Its position in the input series. */\n    index: number;\n}\n\nexport interface SparkGeometryOptions {\n    values: readonly number[];\n    width: number;\n    height: number;\n    /** Room reserved on every side for the end marker's ring, so it is never clipped. */\n    padding?: number;\n    /** Force the low end of the value axis. Defaults to the series minimum. */\n    min?: number;\n    /** Force the high end. Defaults to the series maximum. */\n    max?: number;\n}\n\n/**\n * Project a series onto the drawing box.\n *\n * `y` is inverted — SVG grows downward and a chart grows upward — and a flat series\n * is centred rather than pinned to an edge, which is the honest reading of \"no\n * variation\" and avoids dividing by a zero-height domain.\n *\n * Non-finite values are dropped rather than drawn: a `NaN` in the middle of a path\n * silently voids the whole `d` attribute and the sparkline disappears with no error.\n *\n * @param options - The series and the box to fit it in.\n * @returns The projected points, in input order.\n */\nexport function sparkPoints({\n    values,\n    width,\n    height,\n    padding = 2,\n    min,\n    max,\n}: SparkGeometryOptions): SparkPoint[] {\n    const usable = values\n        .map((value, index) => ({ value, index }))\n        .filter((item) => Number.isFinite(item.value));\n    if (usable.length === 0 || width <= 0 || height <= 0) return [];\n\n    const numbers = usable.map((item) => item.value);\n    const lo = min ?? Math.min(...numbers);\n    const hi = max ?? Math.max(...numbers);\n    const span = hi - lo;\n\n    const innerW = Math.max(0, width - padding * 2);\n    const innerH = Math.max(0, height - padding * 2);\n    const lastIndex = usable.length - 1;\n\n    return usable.map((item, i) => {\n        const t = lastIndex === 0 ? 0.5 : i / lastIndex;\n        const v = span === 0 ? 0.5 : (item.value - lo) / span;\n        return {\n            x: padding + t * innerW,\n            y: padding + (1 - Math.min(1, Math.max(0, v))) * innerH,\n            value: item.value,\n            index: item.index,\n        };\n    });\n}\n\n/** An SVG `d` for a polyline through the points. */\nexport function linePath(points: readonly SparkPoint[]): string {\n    if (points.length === 0) return \"\";\n    if (points.length === 1) {\n        // A lone point has no line; emit a zero-length segment so the round cap\n        // still paints a dot rather than nothing at all.\n        const [only] = points;\n        return `M ${only.x} ${only.y} L ${only.x} ${only.y}`;\n    }\n    return points.map((p, i) => `${i === 0 ? \"M\" : \"L\"} ${p.x} ${p.y}`).join(\" \");\n}\n\n/**\n * An SVG `d` for the area under the line, closed along the baseline.\n *\n * @param points - The projected points.\n * @param baselineY - Where the fill closes, in the same space as the points.\n */\nexport function areaPath(points: readonly SparkPoint[], baselineY: number): string {\n    if (points.length === 0) return \"\";\n    const line = points.map((p, i) => `${i === 0 ? \"M\" : \"L\"} ${p.x} ${p.y}`).join(\" \");\n    const first = points[0];\n    const last = points[points.length - 1];\n    return `${line} L ${last.x} ${baselineY} L ${first.x} ${baselineY} Z`;\n}\n\n/** Bar rectangles growing from the baseline, with the band's leftover left as air. */\nexport function barRects(\n    points: readonly SparkPoint[],\n    { width, baselineY, gap = 2 }: { width: number; baselineY: number; gap?: number },\n): { x: number; y: number; width: number; height: number; point: SparkPoint }[] {\n    if (points.length === 0) return [];\n    const band = width / points.length;\n    // Never fill the slot: the gap between bars is what separates them, not a stroke.\n    const barWidth = Math.max(1, Math.min(24, band - gap));\n    return points.map((point) => {\n        /*\n         * The minimum value sits on the baseline, where the raw height is 0. It still\n         * needs a visible sliver — but growing *up* from the baseline, not down: the\n         * naive `Math.max(1, …)` on height alone leaves the bar hanging one pixel\n         * below the axis it is supposed to stand on.\n         */\n        const height = Math.max(1, Math.abs(baselineY - point.y));\n        return {\n            x: point.x - barWidth / 2,\n            y: Math.min(point.y, baselineY - height),\n            width: barWidth,\n            height,\n            point,\n        };\n    });\n}\n\n/**\n * A one-sentence description of the series, for the chart's accessible name.\n *\n * A sparkline has no axes and no legend, so without this it is an unlabelled image:\n * a screen reader reaches it and reads nothing. Direction is stated in words rather\n * than implied by the shape.\n *\n * @param values - The series, in order.\n * @param format - How to render a single value.\n * @returns Text suitable for `aria-label`.\n */\nexport function describeSeries(\n    values: readonly number[],\n    format: (value: number) => string = String,\n): string {\n    const usable = values.filter((v) => Number.isFinite(v));\n    if (usable.length === 0) return \"Sem dados\";\n    if (usable.length === 1) return `Valor único: ${format(usable[0])}`;\n\n    const first = usable[0];\n    const last = usable[usable.length - 1];\n    const direction = last > first ? \"subindo\" : last < first ? \"descendo\" : \"estável\";\n    return (\n        `${usable.length} pontos, ${direction}. ` +\n        `Início ${format(first)}, fim ${format(last)}. ` +\n        `Mínimo ${format(Math.min(...usable))}, máximo ${format(Math.max(...usable))}.`\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sparkline-geometry.js","names":["sparkPoints","usable","values","item","width","height","numbers","lo","min","span","max","innerW","padding","innerH","lastIndex","t","i","v","linePath","points","only","p","areaPath","line","first","baselineY","barRects","band","barWidth","gap","point","describeSeries","format","last","direction"],"sources":["../../../src/components/Sparkline/sparkline-geometry.ts"],"sourcesContent":["/** A point in the sparkline's own coordinate space. */\nexport interface SparkPoint {\n    x: number;\n    y: number;\n    /** The datum this point came from. */\n    value: number;\n    /** Its position in the input series. */\n    index: number;\n}\n\nexport interface SparkGeometryOptions {\n    values: readonly number[];\n    width: number;\n    height: number;\n    /** Room reserved on every side for the end marker's ring, so it is never clipped. */\n    padding?: number;\n    /** Force the low end of the value axis. Defaults to the series minimum. */\n    min?: number;\n    /** Force the high end. Defaults to the series maximum. */\n    max?: number;\n}\n\n/**\n * Project a series onto the drawing box.\n *\n * `y` is inverted — SVG grows downward and a chart grows upward — and a flat series\n * is centred rather than pinned to an edge, which is the honest reading of \"no\n * variation\" and avoids dividing by a zero-height domain.\n *\n * Non-finite values are dropped rather than drawn: a `NaN` in the middle of a path\n * silently voids the whole `d` attribute and the sparkline disappears with no error.\n *\n * @param options - The series and the box to fit it in.\n * @returns The projected points, in input order.\n */\nexport function sparkPoints({\n    values,\n    width,\n    height,\n    padding = 2,\n    min,\n    max,\n}: SparkGeometryOptions): SparkPoint[] {\n    const usable = values\n        .map((value, index) => ({ value, index }))\n        .filter((item) => Number.isFinite(item.value));\n    if (usable.length === 0 || width <= 0 || height <= 0) return [];\n\n    const numbers = usable.map((item) => item.value);\n    const lo = min ?? Math.min(...numbers);\n    const hi = max ?? Math.max(...numbers);\n    const span = hi - lo;\n\n    const innerW = Math.max(0, width - padding * 2);\n    const innerH = Math.max(0, height - padding * 2);\n    const lastIndex = usable.length - 1;\n\n    return usable.map((item, i) => {\n        const t = lastIndex === 0 ? 0.5 : i / lastIndex;\n        const v = span === 0 ? 0.5 : (item.value - lo) / span;\n        return {\n            x: padding + t * innerW,\n            y: padding + (1 - Math.min(1, Math.max(0, v))) * innerH,\n            value: item.value,\n            index: item.index,\n        };\n    });\n}\n\n/** An SVG `d` for a polyline through the points. */\nexport function linePath(points: readonly SparkPoint[]): string {\n    if (points.length === 0) return \"\";\n    if (points.length === 1) {\n        // A lone point has no line; emit a zero-length segment so the round cap\n        // still paints a dot rather than nothing at all.\n        const [only] = points;\n        return `M ${only.x} ${only.y} L ${only.x} ${only.y}`;\n    }\n    return points.map((p, i) => `${i === 0 ? \"M\" : \"L\"} ${p.x} ${p.y}`).join(\" \");\n}\n\n/**\n * An SVG `d` for the area under the line, closed along the baseline.\n *\n * @param points - The projected points.\n * @param baselineY - Where the fill closes, in the same space as the points.\n */\nexport function areaPath(points: readonly SparkPoint[], baselineY: number): string {\n    if (points.length === 0) return \"\";\n    const line = points.map((p, i) => `${i === 0 ? \"M\" : \"L\"} ${p.x} ${p.y}`).join(\" \");\n    const first = points[0];\n    const last = points[points.length - 1];\n    return `${line} L ${last.x} ${baselineY} L ${first.x} ${baselineY} Z`;\n}\n\n/** Bar rectangles growing from the baseline, with the band's leftover left as air. */\nexport function barRects(\n    points: readonly SparkPoint[],\n    { width, baselineY, gap = 2 }: { width: number; baselineY: number; gap?: number },\n): { x: number; y: number; width: number; height: number; point: SparkPoint }[] {\n    if (points.length === 0) return [];\n    const band = width / points.length;\n    // Never fill the slot: the gap between bars is what separates them, not a stroke.\n    const barWidth = Math.max(1, Math.min(24, band - gap));\n    return points.map((point) => {\n        /*\n         * The minimum value sits on the baseline, where the raw height is 0. It still\n         * needs a visible sliver — but growing *up* from the baseline, not down: the\n         * naive `Math.max(1, …)` on height alone leaves the bar hanging one pixel\n         * below the axis it is supposed to stand on.\n         */\n        const height = Math.max(1, Math.abs(baselineY - point.y));\n        return {\n            x: point.x - barWidth / 2,\n            y: Math.min(point.y, baselineY - height),\n            width: barWidth,\n            height,\n            point,\n        };\n    });\n}\n\n/**\n * A one-sentence description of the series, for the chart's accessible name.\n *\n * A sparkline has no axes and no legend, so without this it is an unlabelled image:\n * a screen reader reaches it and reads nothing. Direction is stated in words rather\n * than implied by the shape.\n *\n * @param values - The series, in order.\n * @param format - How to render a single value.\n * @returns Text suitable for `aria-label`.\n */\nexport function describeSeries(\n    values: readonly number[],\n    format: (value: number) => string = String,\n): string {\n    const usable = values.filter((v) => Number.isFinite(v));\n    if (usable.length === 0) return \"Sem dados\";\n    if (usable.length === 1) return `Valor único: ${format(usable[0])}`;\n\n    const first = usable[0];\n    const last = usable[usable.length - 1];\n    const direction = last > first ? \"subindo\" : last < first ? \"descendo\" : \"estável\";\n    return (\n        `${usable.length} pontos, ${direction}. ` +\n        `Início ${format(first)}, fim ${format(last)}. ` +\n        `Mínimo ${format(Math.min(...usable))}, máximo ${format(Math.max(...usable))}.`\n    );\n}\n"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Stat.cjs","names":[],"sources":["../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Stat.module.css\";\n\nexport type StatTrend = \"up\" | \"down\" | \"flat\";\n\nexport interface StatProps extends HTMLAttributes<HTMLDivElement> {\n    /** Metric label (e.g. \"Revenue\", \"Active users\"). */\n    label: ReactNode;\n    /** Metric value (e.g. \"R$ 12.345\", \"1.2k\"). */\n    value: ReactNode;\n    /** Optional comparison delta — when set, renders alongside the value. */\n    delta?: ReactNode;\n    /** Trend direction for the delta. Default inferred from delta string. */\n    trend?: StatTrend;\n    /** Optional supporting context line below the value. */\n    hint?: ReactNode;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n}\n\nfunction inferTrend(delta: ReactNode | undefined): StatTrend | undefined {\n    if (typeof delta !== \"string\") return undefined;\n    const trimmed = delta.trim();\n    if (trimmed.startsWith(\"+\")) return \"up\";\n    if (trimmed.startsWith(\"-\") || trimmed.startsWith(\"−\")) return \"down\";\n    return undefined;\n}\n\n/**\n * KPI card. Dashboard widget showing a label + big value + optional\n * delta/trend and hint.\n *\n * @example\n * <Stat label=\"Receita\" value=\"R$ 12.345\" delta=\"+12,4%\" trend=\"up\" hint=\"vs. mês anterior\" />\n */\nexport function Stat({ label, value, delta, trend, hint, icon, className, ...props }: StatProps) {\n    const resolvedTrend: StatTrend | undefined = trend ?? inferTrend(delta);\n    return (\n        <div className={cn(styles.stat, className)} {...props}>\n            <div className={styles.header}>\n                {icon && <span className={styles.icon}>{icon}</span>}\n                <span className={styles.label}>{label}</span>\n            </div>\n            <div className={styles.row}>\n                <span className={styles.value}>{value}</span>\n                {delta !== undefined && (\n                    <span\n                        className={cn(\n                            styles.delta,\n                            resolvedTrend === \"up\" && styles.up,\n                            resolvedTrend === \"down\" && styles.down,\n                            resolvedTrend === \"flat\" && styles.flat,\n                        )}\n                    >\n                        {delta}\n                    </span>\n                )}\n            </div>\n            {hint && <p className={styles.hint}>{hint}</p>}\n        </div>\n    );\n}\n"],"mappings":"wGAqBA,SAAS,EAAW,EAAqD,CACrE,GAAI,OAAO,GAAU,SAAU,OAC/B,IAAM,EAAU,EAAM,KAAK,EAC3B,GAAI,EAAQ,WAAW,GAAG,EAAG,MAAO,KACpC,GAAI,EAAQ,WAAW,GAAG,GAAK,EAAQ,WAAW,GAAG,EAAG,MAAO,MAEnE,CASA,SAAgB,EAAK,CAAE,QAAO,QAAO,QAAO,QAAO,OAAM,OAAM,YAAW,GAAG,GAAoB,CAC7F,IAAM,EAAuC,GAAS,EAAW,CAAK,EACtE,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EAAG,GAAI,EAAhD,SAAA,EACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,OAAvB,SAAA,CACK,IAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAO,SAAA,CAAW,CAAA,GACnD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,SAAA,CAAY,CAAA,CAC3C,KACL,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,IAAvB,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,SAAA,CAAY,CAAA,EAC3C,IAAU,IAAA,KACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,MACP,IAAkB,MAAQ,EAAA,QAAO,GACjC,IAAkB,QAAU,EAAA,QAAO,KACnC,IAAkB,QAAU,EAAA,QAAO,IACvC,EAEC,SAAA,CACC,CAAA,CAET,IACJ,IAAQ,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,KAAO,SAAA,CAAQ,CAAA,CAC5C,GAEb"}
+{"version":3,"file":"Stat.cjs","names":["cn","styles","require_cn","require_Stat_module","react_jsx_runtime","inferTrend","delta","trimmed","Stat","props","resolvedTrend","trend","className","icon","label","value","hint"],"sources":["../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Stat.module.css\";\n\nexport type StatTrend = \"up\" | \"down\" | \"flat\";\n\nexport interface StatProps extends HTMLAttributes<HTMLDivElement> {\n    /** Metric label (e.g. \"Revenue\", \"Active users\"). */\n    label: ReactNode;\n    /** Metric value (e.g. \"R$ 12.345\", \"1.2k\"). */\n    value: ReactNode;\n    /** Optional comparison delta — when set, renders alongside the value. */\n    delta?: ReactNode;\n    /** Trend direction for the delta. Default inferred from delta string. */\n    trend?: StatTrend;\n    /** Optional supporting context line below the value. */\n    hint?: ReactNode;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n}\n\nfunction inferTrend(delta: ReactNode | undefined): StatTrend | undefined {\n    if (typeof delta !== \"string\") return undefined;\n    const trimmed = delta.trim();\n    if (trimmed.startsWith(\"+\")) return \"up\";\n    if (trimmed.startsWith(\"-\") || trimmed.startsWith(\"−\")) return \"down\";\n    return undefined;\n}\n\n/**\n * KPI card. Dashboard widget showing a label + big value + optional\n * delta/trend and hint.\n *\n * @example\n * <Stat label=\"Receita\" value=\"R$ 12.345\" delta=\"+12,4%\" trend=\"up\" hint=\"vs. mês anterior\" />\n */\nexport function Stat({ label, value, delta, trend, hint, icon, className, ...props }: StatProps) {\n    const resolvedTrend: StatTrend | undefined = trend ?? inferTrend(delta);\n    return (\n        <div className={cn(styles.stat, className)} {...props}>\n            <div className={styles.header}>\n                {icon && <span className={styles.icon}>{icon}</span>}\n                <span className={styles.label}>{label}</span>\n            </div>\n            <div className={styles.row}>\n                <span className={styles.value}>{value}</span>\n                {delta !== undefined && (\n                    <span\n                        className={cn(\n                            styles.delta,\n                            resolvedTrend === \"up\" && styles.up,\n                            resolvedTrend === \"down\" && styles.down,\n                            resolvedTrend === \"flat\" && styles.flat,\n                        )}\n                    >\n                        {delta}\n                    </span>\n                )}\n            </div>\n            {hint && <p className={styles.hint}>{hint}</p>}\n        </div>\n    );\n}\n"],"mappings":"A,wGAqBA,SAASK,EAAW,EAAqD,CACrE,GAAI,OAAOC,GAAU,SAAU,OAC/B,IAAMC,EAAUD,EAAM,KAAK,EAC3B,GAAIC,EAAQ,WAAW,GAAG,EAAG,MAAO,KACpC,GAAIA,EAAQ,WAAW,GAAG,GAAKA,EAAQ,WAAW,GAAG,EAAG,MAAO,MAEnE,CASA,SAAgBC,EAAK,CAAE,QAAO,QAAO,QAAO,QAAO,OAAM,OAAM,YAAW,GAAGC,GAAoB,CAC7F,IAAMC,EAAuCC,GAASN,EAAWC,CAAK,EACtE,OACI,EAAAF,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,GAAGC,EAAAA,QAAO,KAAMW,CAAS,EAAG,GAAIH,EAAhD,SAAA,EACI,EAAAL,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWH,EAAAA,QAAO,OAAvB,SAAA,CACKY,IAAQ,EAAAT,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWH,EAAAA,QAAO,KAAO,SAAAY,CAAW,CAAA,GACnD,EAAAT,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWH,EAAAA,QAAO,MAAQ,SAAAa,CAAY,CAAA,CAC3C,C,IACL,EAAAV,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWH,EAAAA,QAAO,IAAvB,SAAA,EACI,EAAAG,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWH,EAAAA,QAAO,MAAQ,SAAAc,CAAY,CAAA,EAC3CT,IAAU,IAAA,KACP,EAAAF,EAAA,IAAA,CAAC,OAAD,CACI,UAAWJ,EAAAA,GACPC,EAAAA,QAAO,MACPS,IAAkB,MAAQT,EAAAA,QAAO,GACjCS,IAAkB,QAAUT,EAAAA,QAAO,KACnCS,IAAkB,QAAUT,EAAAA,QAAO,IACvC,EAEC,SAAAK,CACC,CAAA,CAET,C,GACJU,IAAQ,EAAAZ,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWH,EAAAA,QAAO,KAAO,SAAAe,CAAQ,CAAA,CAC5C,C,EAEb,C"}

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

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