tempest-react-sdk 0.38.3 → 0.39.1

package/dist/components/QRCode/QRCode.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"QRCode.cjs","names":[],"sources":["../../../src/components/QRCode/QRCode.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { encodeQR, matrixToPath } from \"./qr-encode\";\nimport type { QRErrorCorrection } from \"./qr-encode\";\nimport styles from \"./QRCode.module.css\";\n\nexport interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** The payload. Encoded as UTF-8 when it is not plain digits or upper-case text. */\n    value: string;\n    /** Rendered side in px, quiet zone included. Default `160`. */\n    size?: number;\n    /** Error correction level. Default `\"M\"`. */\n    level?: QRErrorCorrection;\n    /** Quiet zone in modules. The standard asks for 4; below that, scanners start to miss. */\n    margin?: number;\n    /** Module colour. Defaults to black — see the note on dark mode below. */\n    color?: string;\n    /** Background colour. Defaults to white. */\n    background?: string;\n    /**\n     * Accessible name. Defaults to naming the payload, because a screen reader\n     * user cannot scan the symbol: the content has to reach them as text.\n     */\n    label?: string;\n}\n\n/**\n * A QR symbol, encoded in the browser and drawn as SVG.\n *\n * No dependency and no network round trip: an image service would leak the\n * payload — a payment link, a session token, an invite — to a third party, and\n * the encoder is a few kilobytes.\n *\n * SVG rather than canvas so the symbol stays sharp at any size and prints at\n * the printer's resolution instead of the screen's. Everything is one path\n * (horizontal runs merged), because a version-10 symbol is 3 481 modules and\n * that many elements costs real paint time.\n *\n * The colours are **black on white in both themes, on purpose** — they are the\n * one part of the SDK that ignores the theme tokens. Scanners expect\n * dark-on-light, and the ones that cope with an inverted symbol do it slowly and\n * unreliably; a QR that looks integrated with a dark page and scans on the third\n * try is worse than one that looks pasted on. Wiring the modules to\n * `--tempest-text` would flip them light in dark mode and leave a light symbol\n * on the white background, which scans as nothing at all. Override\n * `color`/`background` only with a scanner in hand.\n *\n * @throws {QRCapacityError} When the payload is too long for a version-40\n * symbol at the chosen level. That is a programming error rather than a state\n * to render, so it surfaces instead of silently drawing nothing — wrap it in\n * `ErrorBoundary` if the payload comes from user input.\n *\n * @example\n * <QRCode value=\"https://tempest.dev\" />\n * <QRCode value={pixPayload} level=\"H\" size={220} label=\"QR do Pix\" />\n */\nexport function QRCode({\n    value,\n    size = 160,\n    level = \"M\",\n    margin = 4,\n    color = \"#000000\",\n    background = \"#ffffff\",\n    label,\n    className,\n    style,\n    ...rest\n}: QRCodeProps) {\n    const { path, side } = useMemo(() => {\n        const matrix = encodeQR(value, { level });\n        return {\n            path: matrixToPath(matrix, margin),\n            side: matrix.size + margin * 2,\n        };\n    }, [value, level, margin]);\n\n    return (\n        <div\n            className={cn(styles.wrapper, className)}\n            style={{ width: size, height: size, ...style }}\n            {...rest}\n        >\n            <svg\n                className={styles.svg}\n                viewBox={`0 0 ${side} ${side}`}\n                width={size}\n                height={size}\n                role=\"img\"\n                aria-label={label ?? `QR code: ${value}`}\n                shapeRendering=\"crispEdges\"\n            >\n                <rect width={side} height={side} fill={background} />\n                <path d={path} fill={color} />\n            </svg>\n        </div>\n    );\n}\n"],"mappings":"0JA2DA,SAAgB,EAAO,CACnB,QACA,OAAO,IACP,QAAQ,IACR,SAAS,EACT,QAAQ,UACR,aAAa,UACb,QACA,YACA,QACA,GAAG,GACS,CACZ,GAAM,CAAE,OAAM,SAAA,EAAA,EAAA,QAAA,KAAuB,CACjC,IAAM,EAAS,EAAA,SAAS,EAAO,CAAE,OAAM,CAAC,EACxC,MAAO,CACH,KAAM,EAAA,aAAa,EAAQ,CAAM,EACjC,KAAM,EAAO,KAAO,EAAS,CACjC,CACJ,EAAG,CAAC,EAAO,EAAO,CAAM,CAAC,EAEzB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EACvC,MAAO,CAAE,MAAO,EAAM,OAAQ,EAAM,GAAG,CAAM,EAC7C,GAAI,YAEJ,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,IAClB,QAAS,OAAO,EAAK,GAAG,IACxB,MAAO,EACP,OAAQ,EACR,KAAK,MACL,aAAY,GAAS,YAAY,IACjC,eAAe,sBAPnB,EASI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,MAAO,EAAM,OAAQ,EAAM,KAAM,CAAa,CAAA,GACpD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAG,EAAM,KAAM,CAAQ,CAAA,CAC5B,GACJ,CAAA,CAEb"}
+{"version":3,"file":"QRCode.cjs","names":[],"sources":["../../../src/components/QRCode/QRCode.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { encodeQR, matrixToPath } from \"./qr-encode\";\nimport type { QRErrorCorrection } from \"./qr-encode\";\nimport styles from \"./QRCode.module.css\";\n\nexport interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** The payload. Encoded as UTF-8 when it is not plain digits or upper-case text. */\n    value: string;\n    /** Rendered side in px, quiet zone included. Default `160`. */\n    size?: number;\n    /** Error correction level. Default `\"M\"`. */\n    level?: QRErrorCorrection;\n    /** Quiet zone in modules. The standard asks for 4; below that, scanners start to miss. */\n    margin?: number;\n    /** Module colour. Defaults to black — see the note on dark mode below. */\n    color?: string;\n    /** Background colour. Defaults to white. */\n    background?: string;\n    /**\n     * Accessible name. Defaults to naming the payload, because a screen reader\n     * user cannot scan the symbol: the content has to reach them as text.\n     */\n    label?: string;\n}\n\n/**\n * A QR symbol, encoded in the browser and drawn as SVG.\n *\n * No dependency and no network round trip: an image service would leak the\n * payload — a payment link, a session token, an invite — to a third party, and\n * the encoder is a few kilobytes.\n *\n * SVG rather than canvas so the symbol stays sharp at any size and prints at\n * the printer's resolution instead of the screen's. Everything is one path\n * (horizontal runs merged), because a version-10 symbol is 3 481 modules and\n * that many elements costs real paint time.\n *\n * The colours are **black on white in both themes, on purpose** — they are the\n * one part of the SDK that ignores the theme tokens. Scanners expect\n * dark-on-light, and the ones that cope with an inverted symbol do it slowly and\n * unreliably; a QR that looks integrated with a dark page and scans on the third\n * try is worse than one that looks pasted on. Wiring the modules to\n * `--tempest-text` would flip them light in dark mode and leave a light symbol\n * on the white background, which scans as nothing at all. Override\n * `color`/`background` only with a scanner in hand.\n *\n * @throws {QRCapacityError} When the payload is too long for a version-40\n * symbol at the chosen level. That is a programming error rather than a state\n * to render, so it surfaces instead of silently drawing nothing — wrap it in\n * `ErrorBoundary` if the payload comes from user input.\n *\n * @example\n * <QRCode value=\"https://tempest.dev\" />\n * <QRCode value={pixPayload} level=\"H\" size={220} label=\"QR do Pix\" />\n */\nexport function QRCode({\n    value,\n    size = 160,\n    level = \"M\",\n    margin = 4,\n    color = \"#000000\",\n    background = \"#ffffff\",\n    label,\n    className,\n    style,\n    ...rest\n}: QRCodeProps) {\n    const { path, side } = useMemo(() => {\n        const matrix = encodeQR(value, { level });\n        return {\n            path: matrixToPath(matrix, margin),\n            side: matrix.size + margin * 2,\n        };\n    }, [value, level, margin]);\n\n    return (\n        <div\n            className={cn(styles.wrapper, className)}\n            style={{ width: size, height: size, ...style }}\n            {...rest}\n        >\n            <svg\n                className={styles.svg}\n                viewBox={`0 0 ${side} ${side}`}\n                width={size}\n                height={size}\n                role=\"img\"\n                aria-label={label ?? `QR code: ${value}`}\n                shapeRendering=\"crispEdges\"\n            >\n                <rect width={side} height={side} fill={background} />\n                <path d={path} fill={color} />\n            </svg>\n        </div>\n    );\n}\n"],"mappings":"0JA2DA,SAAgB,EAAO,CACnB,QACA,OAAO,IACP,QAAQ,IACR,SAAS,EACT,QAAQ,UACR,aAAa,UACb,QACA,YACA,QACA,GAAG,GACS,CACZ,GAAM,CAAE,OAAM,SAAA,EAAS,EAAA,QAAA,KAAc,CACjC,IAAM,EAAS,EAAA,SAAS,EAAO,CAAE,OAAM,CAAC,EACxC,MAAO,CACH,KAAM,EAAA,aAAa,EAAQ,CAAM,EACjC,KAAM,EAAO,KAAO,EAAS,CACjC,CACJ,EAAG,CAAC,EAAO,EAAO,CAAM,CAAC,EAEzB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EACvC,MAAO,CAAE,MAAO,EAAM,OAAQ,EAAM,GAAG,CAAM,EAC7C,GAAI,EAEJ,UAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,IAClB,QAAS,OAAO,EAAK,GAAG,IACxB,MAAO,EACP,OAAQ,EACR,KAAK,MACL,aAAY,GAAS,YAAY,IACjC,eAAe,aAPnB,SAAA,EASI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,MAAO,EAAM,OAAQ,EAAM,KAAM,CAAa,CAAA,GACpD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAG,EAAM,KAAM,CAAQ,CAAA,CAC5B,GACJ,CAAA,CAEb"}

package/dist/components/QRCode/QRCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRCode.js","names":[],"sources":["../../../src/components/QRCode/QRCode.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { encodeQR, matrixToPath } from \"./qr-encode\";\nimport type { QRErrorCorrection } from \"./qr-encode\";\nimport styles from \"./QRCode.module.css\";\n\nexport interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** The payload. Encoded as UTF-8 when it is not plain digits or upper-case text. */\n    value: string;\n    /** Rendered side in px, quiet zone included. Default `160`. */\n    size?: number;\n    /** Error correction level. Default `\"M\"`. */\n    level?: QRErrorCorrection;\n    /** Quiet zone in modules. The standard asks for 4; below that, scanners start to miss. */\n    margin?: number;\n    /** Module colour. Defaults to black — see the note on dark mode below. */\n    color?: string;\n    /** Background colour. Defaults to white. */\n    background?: string;\n    /**\n     * Accessible name. Defaults to naming the payload, because a screen reader\n     * user cannot scan the symbol: the content has to reach them as text.\n     */\n    label?: string;\n}\n\n/**\n * A QR symbol, encoded in the browser and drawn as SVG.\n *\n * No dependency and no network round trip: an image service would leak the\n * payload — a payment link, a session token, an invite — to a third party, and\n * the encoder is a few kilobytes.\n *\n * SVG rather than canvas so the symbol stays sharp at any size and prints at\n * the printer's resolution instead of the screen's. Everything is one path\n * (horizontal runs merged), because a version-10 symbol is 3 481 modules and\n * that many elements costs real paint time.\n *\n * The colours are **black on white in both themes, on purpose** — they are the\n * one part of the SDK that ignores the theme tokens. Scanners expect\n * dark-on-light, and the ones that cope with an inverted symbol do it slowly and\n * unreliably; a QR that looks integrated with a dark page and scans on the third\n * try is worse than one that looks pasted on. Wiring the modules to\n * `--tempest-text` would flip them light in dark mode and leave a light symbol\n * on the white background, which scans as nothing at all. Override\n * `color`/`background` only with a scanner in hand.\n *\n * @throws {QRCapacityError} When the payload is too long for a version-40\n * symbol at the chosen level. That is a programming error rather than a state\n * to render, so it surfaces instead of silently drawing nothing — wrap it in\n * `ErrorBoundary` if the payload comes from user input.\n *\n * @example\n * <QRCode value=\"https://tempest.dev\" />\n * <QRCode value={pixPayload} level=\"H\" size={220} label=\"QR do Pix\" />\n */\nexport function QRCode({\n    value,\n    size = 160,\n    level = \"M\",\n    margin = 4,\n    color = \"#000000\",\n    background = \"#ffffff\",\n    label,\n    className,\n    style,\n    ...rest\n}: QRCodeProps) {\n    const { path, side } = useMemo(() => {\n        const matrix = encodeQR(value, { level });\n        return {\n            path: matrixToPath(matrix, margin),\n            side: matrix.size + margin * 2,\n        };\n    }, [value, level, margin]);\n\n    return (\n        <div\n            className={cn(styles.wrapper, className)}\n            style={{ width: size, height: size, ...style }}\n            {...rest}\n        >\n            <svg\n                className={styles.svg}\n                viewBox={`0 0 ${side} ${side}`}\n                width={size}\n                height={size}\n                role=\"img\"\n                aria-label={label ?? `QR code: ${value}`}\n                shapeRendering=\"crispEdges\"\n            >\n                <rect width={side} height={side} fill={background} />\n                <path d={path} fill={color} />\n            </svg>\n        </div>\n    );\n}\n"],"mappings":";;;;;;AA2DA,SAAgB,EAAO,EACnB,UACA,UAAO,KACP,WAAQ,KACR,YAAS,GACT,WAAQ,WACR,gBAAa,WACb,UACA,cACA,UACA,GAAG,KACS;CACZ,IAAM,EAAE,SAAM,YAAS,QAAc;EACjC,IAAM,IAAS,EAAS,GAAO,EAAE,SAAM,CAAC;EACxC,OAAO;GACH,MAAM,EAAa,GAAQ,CAAM;GACjC,MAAM,EAAO,OAAO,IAAS;EACjC;CACJ,GAAG;EAAC;EAAO;EAAO;CAAM,CAAC;CAEzB,OACI,kBAAC,OAAD;EACI,WAAW,EAAG,EAAO,SAAS,CAAS;EACvC,OAAO;GAAE,OAAO;GAAM,QAAQ;GAAM,GAAG;EAAM;EAC7C,GAAI;YAEJ,kBAAC,OAAD;GACI,WAAW,EAAO;GAClB,SAAS,OAAO,EAAK,GAAG;GACxB,OAAO;GACP,QAAQ;GACR,MAAK;GACL,cAAY,KAAS,YAAY;GACjC,gBAAe;aAPnB,CASI,kBAAC,QAAD;IAAM,OAAO;IAAM,QAAQ;IAAM,MAAM;GAAa,CAAA,GACpD,kBAAC,QAAD;IAAM,GAAG;IAAM,MAAM;GAAQ,CAAA,CAC5B;;CACJ,CAAA;AAEb"}
+{"version":3,"file":"QRCode.js","names":[],"sources":["../../../src/components/QRCode/QRCode.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { encodeQR, matrixToPath } from \"./qr-encode\";\nimport type { QRErrorCorrection } from \"./qr-encode\";\nimport styles from \"./QRCode.module.css\";\n\nexport interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** The payload. Encoded as UTF-8 when it is not plain digits or upper-case text. */\n    value: string;\n    /** Rendered side in px, quiet zone included. Default `160`. */\n    size?: number;\n    /** Error correction level. Default `\"M\"`. */\n    level?: QRErrorCorrection;\n    /** Quiet zone in modules. The standard asks for 4; below that, scanners start to miss. */\n    margin?: number;\n    /** Module colour. Defaults to black — see the note on dark mode below. */\n    color?: string;\n    /** Background colour. Defaults to white. */\n    background?: string;\n    /**\n     * Accessible name. Defaults to naming the payload, because a screen reader\n     * user cannot scan the symbol: the content has to reach them as text.\n     */\n    label?: string;\n}\n\n/**\n * A QR symbol, encoded in the browser and drawn as SVG.\n *\n * No dependency and no network round trip: an image service would leak the\n * payload — a payment link, a session token, an invite — to a third party, and\n * the encoder is a few kilobytes.\n *\n * SVG rather than canvas so the symbol stays sharp at any size and prints at\n * the printer's resolution instead of the screen's. Everything is one path\n * (horizontal runs merged), because a version-10 symbol is 3 481 modules and\n * that many elements costs real paint time.\n *\n * The colours are **black on white in both themes, on purpose** — they are the\n * one part of the SDK that ignores the theme tokens. Scanners expect\n * dark-on-light, and the ones that cope with an inverted symbol do it slowly and\n * unreliably; a QR that looks integrated with a dark page and scans on the third\n * try is worse than one that looks pasted on. Wiring the modules to\n * `--tempest-text` would flip them light in dark mode and leave a light symbol\n * on the white background, which scans as nothing at all. Override\n * `color`/`background` only with a scanner in hand.\n *\n * @throws {QRCapacityError} When the payload is too long for a version-40\n * symbol at the chosen level. That is a programming error rather than a state\n * to render, so it surfaces instead of silently drawing nothing — wrap it in\n * `ErrorBoundary` if the payload comes from user input.\n *\n * @example\n * <QRCode value=\"https://tempest.dev\" />\n * <QRCode value={pixPayload} level=\"H\" size={220} label=\"QR do Pix\" />\n */\nexport function QRCode({\n    value,\n    size = 160,\n    level = \"M\",\n    margin = 4,\n    color = \"#000000\",\n    background = \"#ffffff\",\n    label,\n    className,\n    style,\n    ...rest\n}: QRCodeProps) {\n    const { path, side } = useMemo(() => {\n        const matrix = encodeQR(value, { level });\n        return {\n            path: matrixToPath(matrix, margin),\n            side: matrix.size + margin * 2,\n        };\n    }, [value, level, margin]);\n\n    return (\n        <div\n            className={cn(styles.wrapper, className)}\n            style={{ width: size, height: size, ...style }}\n            {...rest}\n        >\n            <svg\n                className={styles.svg}\n                viewBox={`0 0 ${side} ${side}`}\n                width={size}\n                height={size}\n                role=\"img\"\n                aria-label={label ?? `QR code: ${value}`}\n                shapeRendering=\"crispEdges\"\n            >\n                <rect width={side} height={side} fill={background} />\n                <path d={path} fill={color} />\n            </svg>\n        </div>\n    );\n}\n"],"mappings":";;;;;;AA2DA,SAAgB,EAAO,EACnB,UACA,UAAO,KACP,WAAQ,KACR,YAAS,GACT,WAAQ,WACR,gBAAa,WACb,UACA,cACA,UACA,GAAG,KACS;CACZ,IAAM,EAAE,SAAM,YAAS,QAAc;EACjC,IAAM,IAAS,EAAS,GAAO,EAAE,SAAM,CAAC;EACxC,OAAO;GACH,MAAM,EAAa,GAAQ,CAAM;GACjC,MAAM,EAAO,OAAO,IAAS;EACjC;CACJ,GAAG;EAAC;EAAO;EAAO;CAAM,CAAC;CAEzB,OACI,kBAAC,OAAD;EACI,WAAW,EAAG,EAAO,SAAS,CAAS;EACvC,OAAO;GAAE,OAAO;GAAM,QAAQ;GAAM,GAAG;EAAM;EAC7C,GAAI;EAEJ,UAAA,kBAAC,OAAD;GACI,WAAW,EAAO;GAClB,SAAS,OAAO,EAAK,GAAG;GACxB,OAAO;GACP,QAAQ;GACR,MAAK;GACL,cAAY,KAAS,YAAY;GACjC,gBAAe;GAPnB,UAAA,CASI,kBAAC,QAAD;IAAM,OAAO;IAAM,QAAQ;IAAM,MAAM;GAAa,CAAA,GACpD,kBAAC,QAAD;IAAM,GAAG;IAAM,MAAM;GAAQ,CAAA,CAC5B;;CACJ,CAAA;AAEb"}

package/dist/components/Radio/Radio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.cjs","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — RadioGroup carries the group semantics (name, value,\n * defaultValue, onChange, disabled) and its layout (horizontal, className,\n * children). The individual Radio is a separate component already — this is the\n * group, and a group needs the group's props.\n */\nimport { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n    name: string;\n    value?: string;\n    onChange?: (value: string) => void;\n    disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    value: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n    {\n        label,\n        description,\n        value,\n        disabled,\n        name,\n        checked,\n        onChange,\n        wrapperClassName,\n        className,\n        ...props\n    },\n    ref,\n) {\n    const group = useContext(RadioGroupContext);\n    const resolvedName = group?.name ?? name;\n    const resolvedDisabled = group?.disabled ?? disabled;\n    const isChecked = group ? group.value === value : checked;\n\n    function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n        if (group) group.onChange?.(value);\n        onChange?.(event);\n    }\n\n    return (\n        <label\n            className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n        >\n            <input\n                ref={ref}\n                type=\"radio\"\n                name={resolvedName}\n                value={value}\n                checked={isChecked}\n                disabled={resolvedDisabled}\n                onChange={handleChange}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.dot} aria-hidden />\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nexport interface RadioGroupProps {\n    /** Selected value (controlled). */\n    value?: string;\n    /** Default selected value (uncontrolled). */\n    defaultValue?: string;\n    /** Called when the selection changes. */\n    onChange?: (value: string) => void;\n    /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n    name?: string;\n    /** Disable every Radio inside. */\n    disabled?: boolean;\n    /** Lay out radios horizontally. Default: false (column). */\n    horizontal?: boolean;\n    className?: string;\n    children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n    value,\n    defaultValue,\n    onChange,\n    name,\n    disabled,\n    horizontal = false,\n    className,\n    children,\n}: RadioGroupProps) {\n    const generatedName = useId();\n    const resolvedName = name ?? generatedName;\n\n    const [internal, setInternal] = useState<string | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : internal;\n\n    function handleChange(next: string): void {\n        if (!isControlled) setInternal(next);\n        onChange?.(next);\n    }\n\n    return (\n        <RadioGroupContext.Provider\n            value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n        >\n            <div\n                role=\"radiogroup\"\n                className={cn(styles.group, horizontal && styles.horizontal, className)}\n            >\n                {children}\n            </div>\n        </RadioGroupContext.Provider>\n    );\n}\n"],"mappings":"4HAkBA,IAAM,GAAA,EAAA,EAAA,cAAA,CAAiE,IAAI,EAa9D,GAAA,EAAA,EAAA,WAAA,CAAiD,SAC1D,CACI,QACA,cACA,QACA,WACA,OACA,UACA,WACA,mBACA,YACA,GAAG,GAEP,EACF,CACE,IAAM,GAAA,EAAA,EAAA,WAAA,CAAmB,CAAiB,EACpC,EAAe,GAAO,MAAQ,EAC9B,EAAmB,GAAO,UAAY,EACtC,EAAY,EAAQ,EAAM,QAAU,EAAQ,EAElD,SAAS,EAAa,EAA4C,CAC1D,GAAO,EAAM,WAAW,CAAK,EACjC,IAAW,CAAK,CACpB,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAoB,EAAA,QAAO,SAAU,CAAgB,WADvF,EAGI,EAAA,EAAA,IAAA,CAAC,QAAD,CACS,MACL,KAAK,QACL,KAAM,EACC,QACP,QAAS,EACT,SAAU,EACV,SAAU,EACV,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,GAAI,CACP,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,IAAK,cAAA,EAAa,CAAA,GACxC,GAAS,KACP,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAxB,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EACrD,IAAe,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,qBAAc,CAAkB,CAAA,CACtE,GAEP,GAEf,CAAC,EAuBD,SAAgB,EAAW,CACvB,QACA,eACA,WACA,OACA,WACA,aAAa,GACb,YACA,YACgB,CAChB,IAAM,GAAA,EAAA,EAAA,MAAA,CAAsB,EACtB,EAAe,GAAQ,EAEvB,CAAC,EAAU,IAAA,EAAA,EAAA,SAAA,CAA4C,CAAY,EACnE,EAAe,IAAU,IAAA,GACzB,EAAU,EAAe,EAAQ,EAEvC,SAAS,EAAa,EAAoB,CACjC,GAAc,EAAY,CAAI,EACnC,IAAW,CAAI,CACnB,CAEA,OACI,EAAA,EAAA,IAAA,CAAC,EAAkB,SAAnB,CACI,MAAO,CAAE,KAAM,EAAc,MAAO,EAAS,SAAU,EAAc,UAAS,YAE9E,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,aACL,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,GAAc,EAAA,QAAO,WAAY,CAAS,EAErE,UACA,CAAA,CACmB,CAAA,CAEpC"}
+{"version":3,"file":"Radio.cjs","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — RadioGroup carries the group semantics (name, value,\n * defaultValue, onChange, disabled) and its layout (horizontal, className,\n * children). The individual Radio is a separate component already — this is the\n * group, and a group needs the group's props.\n */\nimport { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n    name: string;\n    value?: string;\n    onChange?: (value: string) => void;\n    disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    value: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n    {\n        label,\n        description,\n        value,\n        disabled,\n        name,\n        checked,\n        onChange,\n        wrapperClassName,\n        className,\n        ...props\n    },\n    ref,\n) {\n    const group = useContext(RadioGroupContext);\n    const resolvedName = group?.name ?? name;\n    const resolvedDisabled = group?.disabled ?? disabled;\n    const isChecked = group ? group.value === value : checked;\n\n    function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n        if (group) group.onChange?.(value);\n        onChange?.(event);\n    }\n\n    return (\n        <label\n            className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n        >\n            <input\n                ref={ref}\n                type=\"radio\"\n                name={resolvedName}\n                value={value}\n                checked={isChecked}\n                disabled={resolvedDisabled}\n                onChange={handleChange}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.dot} aria-hidden />\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nexport interface RadioGroupProps {\n    /** Selected value (controlled). */\n    value?: string;\n    /** Default selected value (uncontrolled). */\n    defaultValue?: string;\n    /** Called when the selection changes. */\n    onChange?: (value: string) => void;\n    /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n    name?: string;\n    /** Disable every Radio inside. */\n    disabled?: boolean;\n    /** Lay out radios horizontally. Default: false (column). */\n    horizontal?: boolean;\n    className?: string;\n    children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n    value,\n    defaultValue,\n    onChange,\n    name,\n    disabled,\n    horizontal = false,\n    className,\n    children,\n}: RadioGroupProps) {\n    const generatedName = useId();\n    const resolvedName = name ?? generatedName;\n\n    const [internal, setInternal] = useState<string | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : internal;\n\n    function handleChange(next: string): void {\n        if (!isControlled) setInternal(next);\n        onChange?.(next);\n    }\n\n    return (\n        <RadioGroupContext.Provider\n            value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n        >\n            <div\n                role=\"radiogroup\"\n                className={cn(styles.group, horizontal && styles.horizontal, className)}\n            >\n                {children}\n            </div>\n        </RadioGroupContext.Provider>\n    );\n}\n"],"mappings":"4HAkBA,IAAM,GAAA,EAAoB,EAAA,cAAA,CAA6C,IAAI,EAa9D,GAAA,EAAQ,EAAA,WAAA,CAAyC,SAC1D,CACI,QACA,cACA,QACA,WACA,OACA,UACA,WACA,mBACA,YACA,GAAG,GAEP,EACF,CACE,IAAM,GAAA,EAAQ,EAAA,WAAA,CAAW,CAAiB,EACpC,EAAe,GAAO,MAAQ,EAC9B,EAAmB,GAAO,UAAY,EACtC,EAAY,EAAQ,EAAM,QAAU,EAAQ,EAElD,SAAS,EAAa,EAA4C,CAC1D,GAAO,EAAM,WAAW,CAAK,EACjC,IAAW,CAAK,CACpB,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAoB,EAAA,QAAO,SAAU,CAAgB,EADvF,SAAA,EAGI,EAAA,EAAA,IAAA,CAAC,QAAD,CACS,MACL,KAAK,QACL,KAAM,EACC,QACP,QAAS,EACT,SAAU,EACV,SAAU,EACV,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,GAAI,CACP,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,IAAK,cAAA,EAAa,CAAA,GACxC,GAAS,KACP,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,UAAxB,SAAA,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,SAAA,CAAY,CAAA,EACrD,IAAe,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,YAAc,SAAA,CAAkB,CAAA,CACtE,GAEP,GAEf,CAAC,EAuBD,SAAgB,EAAW,CACvB,QACA,eACA,WACA,OACA,WACA,aAAa,GACb,YACA,YACgB,CAChB,IAAM,GAAA,EAAgB,EAAA,MAAA,CAAM,EACtB,EAAe,GAAQ,EAEvB,CAAC,EAAU,IAAA,EAAe,EAAA,SAAA,CAA6B,CAAY,EACnE,EAAe,IAAU,IAAA,GACzB,EAAU,EAAe,EAAQ,EAEvC,SAAS,EAAa,EAAoB,CACjC,GAAc,EAAY,CAAI,EACnC,IAAW,CAAI,CACnB,CAEA,OACI,EAAA,EAAA,IAAA,CAAC,EAAkB,SAAnB,CACI,MAAO,CAAE,KAAM,EAAc,MAAO,EAAS,SAAU,EAAc,UAAS,EAE9E,UAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,aACL,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,GAAc,EAAA,QAAO,WAAY,CAAS,EAErE,UACA,CAAA,CACmB,CAAA,CAEpC"}

package/dist/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — RadioGroup carries the group semantics (name, value,\n * defaultValue, onChange, disabled) and its layout (horizontal, className,\n * children). The individual Radio is a separate component already — this is the\n * group, and a group needs the group's props.\n */\nimport { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n    name: string;\n    value?: string;\n    onChange?: (value: string) => void;\n    disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    value: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n    {\n        label,\n        description,\n        value,\n        disabled,\n        name,\n        checked,\n        onChange,\n        wrapperClassName,\n        className,\n        ...props\n    },\n    ref,\n) {\n    const group = useContext(RadioGroupContext);\n    const resolvedName = group?.name ?? name;\n    const resolvedDisabled = group?.disabled ?? disabled;\n    const isChecked = group ? group.value === value : checked;\n\n    function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n        if (group) group.onChange?.(value);\n        onChange?.(event);\n    }\n\n    return (\n        <label\n            className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n        >\n            <input\n                ref={ref}\n                type=\"radio\"\n                name={resolvedName}\n                value={value}\n                checked={isChecked}\n                disabled={resolvedDisabled}\n                onChange={handleChange}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.dot} aria-hidden />\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nexport interface RadioGroupProps {\n    /** Selected value (controlled). */\n    value?: string;\n    /** Default selected value (uncontrolled). */\n    defaultValue?: string;\n    /** Called when the selection changes. */\n    onChange?: (value: string) => void;\n    /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n    name?: string;\n    /** Disable every Radio inside. */\n    disabled?: boolean;\n    /** Lay out radios horizontally. Default: false (column). */\n    horizontal?: boolean;\n    className?: string;\n    children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n    value,\n    defaultValue,\n    onChange,\n    name,\n    disabled,\n    horizontal = false,\n    className,\n    children,\n}: RadioGroupProps) {\n    const generatedName = useId();\n    const resolvedName = name ?? generatedName;\n\n    const [internal, setInternal] = useState<string | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : internal;\n\n    function handleChange(next: string): void {\n        if (!isControlled) setInternal(next);\n        onChange?.(next);\n    }\n\n    return (\n        <RadioGroupContext.Provider\n            value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n        >\n            <div\n                role=\"radiogroup\"\n                className={cn(styles.group, horizontal && styles.horizontal, className)}\n            >\n                {children}\n            </div>\n        </RadioGroupContext.Provider>\n    );\n}\n"],"mappings":";;;;;AAkBA,IAAM,IAAoB,EAA6C,IAAI,GAa9D,IAAQ,EAAyC,SAC1D,EACI,UACA,gBACA,UACA,aACA,SACA,YACA,aACA,qBACA,cACA,GAAG,KAEP,GACF;CACE,IAAM,IAAQ,EAAW,CAAiB,GACpC,IAAe,GAAO,QAAQ,GAC9B,IAAmB,GAAO,YAAY,GACtC,IAAY,IAAQ,EAAM,UAAU,IAAQ;CAElD,SAAS,EAAa,GAA4C;EAE9D,AADI,KAAO,EAAM,WAAW,CAAK,GACjC,IAAW,CAAK;CACpB;CAEA,OACI,kBAAC,SAAD;EACI,WAAW,EAAG,EAAO,SAAS,KAAoB,EAAO,UAAU,CAAgB;YADvF;GAGI,kBAAC,SAAD;IACS;IACL,MAAK;IACL,MAAM;IACC;IACP,SAAS;IACT,UAAU;IACV,UAAU;IACV,WAAW,EAAG,EAAO,OAAO,CAAS;IACrC,GAAI;GACP,CAAA;GACD,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAK,eAAA;GAAa,CAAA;IACxC,KAAS,MACP,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAxB,CACK,KAAS,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,GACrD,KAAe,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAc;IAAkB,CAAA,CACtE;;EAEP;;AAEf,CAAC;AAuBD,SAAgB,EAAW,EACvB,UACA,iBACA,aACA,SACA,aACA,gBAAa,IACb,cACA,eACgB;CAChB,IAAM,IAAgB,EAAM,GACtB,IAAe,KAAQ,GAEvB,CAAC,GAAU,KAAe,EAA6B,CAAY,GACnE,IAAe,MAAU,KAAA,GACzB,IAAU,IAAe,IAAQ;CAEvC,SAAS,EAAa,GAAoB;EAEtC,AADK,KAAc,EAAY,CAAI,GACnC,IAAW,CAAI;CACnB;CAEA,OACI,kBAAC,EAAkB,UAAnB;EACI,OAAO;GAAE,MAAM;GAAc,OAAO;GAAS,UAAU;GAAc;EAAS;YAE9E,kBAAC,OAAD;GACI,MAAK;GACL,WAAW,EAAG,EAAO,OAAO,KAAc,EAAO,YAAY,CAAS;GAErE;EACA,CAAA;CACmB,CAAA;AAEpC"}
+{"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — RadioGroup carries the group semantics (name, value,\n * defaultValue, onChange, disabled) and its layout (horizontal, className,\n * children). The individual Radio is a separate component already — this is the\n * group, and a group needs the group's props.\n */\nimport { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n    name: string;\n    value?: string;\n    onChange?: (value: string) => void;\n    disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    value: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n    {\n        label,\n        description,\n        value,\n        disabled,\n        name,\n        checked,\n        onChange,\n        wrapperClassName,\n        className,\n        ...props\n    },\n    ref,\n) {\n    const group = useContext(RadioGroupContext);\n    const resolvedName = group?.name ?? name;\n    const resolvedDisabled = group?.disabled ?? disabled;\n    const isChecked = group ? group.value === value : checked;\n\n    function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n        if (group) group.onChange?.(value);\n        onChange?.(event);\n    }\n\n    return (\n        <label\n            className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n        >\n            <input\n                ref={ref}\n                type=\"radio\"\n                name={resolvedName}\n                value={value}\n                checked={isChecked}\n                disabled={resolvedDisabled}\n                onChange={handleChange}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.dot} aria-hidden />\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nexport interface RadioGroupProps {\n    /** Selected value (controlled). */\n    value?: string;\n    /** Default selected value (uncontrolled). */\n    defaultValue?: string;\n    /** Called when the selection changes. */\n    onChange?: (value: string) => void;\n    /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n    name?: string;\n    /** Disable every Radio inside. */\n    disabled?: boolean;\n    /** Lay out radios horizontally. Default: false (column). */\n    horizontal?: boolean;\n    className?: string;\n    children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n    value,\n    defaultValue,\n    onChange,\n    name,\n    disabled,\n    horizontal = false,\n    className,\n    children,\n}: RadioGroupProps) {\n    const generatedName = useId();\n    const resolvedName = name ?? generatedName;\n\n    const [internal, setInternal] = useState<string | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : internal;\n\n    function handleChange(next: string): void {\n        if (!isControlled) setInternal(next);\n        onChange?.(next);\n    }\n\n    return (\n        <RadioGroupContext.Provider\n            value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n        >\n            <div\n                role=\"radiogroup\"\n                className={cn(styles.group, horizontal && styles.horizontal, className)}\n            >\n                {children}\n            </div>\n        </RadioGroupContext.Provider>\n    );\n}\n"],"mappings":";;;;;AAkBA,IAAM,IAAoB,EAA6C,IAAI,GAa9D,IAAQ,EAAyC,SAC1D,EACI,UACA,gBACA,UACA,aACA,SACA,YACA,aACA,qBACA,cACA,GAAG,KAEP,GACF;CACE,IAAM,IAAQ,EAAW,CAAiB,GACpC,IAAe,GAAO,QAAQ,GAC9B,IAAmB,GAAO,YAAY,GACtC,IAAY,IAAQ,EAAM,UAAU,IAAQ;CAElD,SAAS,EAAa,GAA4C;EAE9D,AADI,KAAO,EAAM,WAAW,CAAK,GACjC,IAAW,CAAK;CACpB;CAEA,OACI,kBAAC,SAAD;EACI,WAAW,EAAG,EAAO,SAAS,KAAoB,EAAO,UAAU,CAAgB;EADvF,UAAA;GAGI,kBAAC,SAAD;IACS;IACL,MAAK;IACL,MAAM;IACC;IACP,SAAS;IACT,UAAU;IACV,UAAU;IACV,WAAW,EAAG,EAAO,OAAO,CAAS;IACrC,GAAI;GACP,CAAA;GACD,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAK,eAAA;GAAa,CAAA;IACxC,KAAS,MACP,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAxB,UAAA,CACK,KAAS,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAQ,UAAA;IAAY,CAAA,GACrD,KAAe,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAc,UAAA;IAAkB,CAAA,CACtE;;EAEP;;AAEf,CAAC;AAuBD,SAAgB,EAAW,EACvB,UACA,iBACA,aACA,SACA,aACA,gBAAa,IACb,cACA,eACgB;CAChB,IAAM,IAAgB,EAAM,GACtB,IAAe,KAAQ,GAEvB,CAAC,GAAU,KAAe,EAA6B,CAAY,GACnE,IAAe,MAAU,KAAA,GACzB,IAAU,IAAe,IAAQ;CAEvC,SAAS,EAAa,GAAoB;EAEtC,AADK,KAAc,EAAY,CAAI,GACnC,IAAW,CAAI;CACnB;CAEA,OACI,kBAAC,EAAkB,UAAnB;EACI,OAAO;GAAE,MAAM;GAAc,OAAO;GAAS,UAAU;GAAc;EAAS;EAE9E,UAAA,kBAAC,OAAD;GACI,MAAK;GACL,WAAW,EAAG,EAAO,OAAO,KAAc,EAAO,YAAY,CAAS;GAErE;EACA,CAAA;CACmB,CAAA;AAEpC"}

package/dist/components/RangeSlider/RangeSlider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.cjs","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — min, max and step define the scale, value/onChange\n * the two thumbs, formatValue the readout, and label/helperText/disabled/className\n * the field around it. Same surface as Slider, one thumb more.\n */\nimport { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n    value: RangeValue;\n    onChange: (value: RangeValue) => 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 `min – max`. */\n    formatValue?: (value: RangeValue) => string;\n    className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: RangeSliderProps) {\n    const [low, high] = value;\n    const range = max - min;\n\n    const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n    const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n    const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n    const handleLow = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.min(Number(event.target.value), high);\n            onChange([next, high]);\n        },\n        [high, onChange],\n    );\n\n    const handleHigh = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.max(Number(event.target.value), low);\n            onChange([low, next]);\n        },\n        [low, 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\n                    className={styles.fill}\n                    style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={low}\n                    onChange={handleLow}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={high}\n                    onChange={handleHigh}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":"kIA8BA,SAAgB,EAAY,CACxB,QACA,WACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,aACA,WAAW,GACX,cACA,aACiB,CACjB,GAAM,CAAC,EAAK,GAAQ,EACd,EAAQ,EAAM,EAEd,GAAA,EAAA,EAAA,QAAA,MAA2B,EAAM,GAAO,EAAS,IAAK,CAAC,EAAK,EAAK,CAAK,CAAC,EACvE,GAAA,EAAA,EAAA,QAAA,MAA4B,EAAO,GAAO,EAAS,IAAK,CAAC,EAAM,EAAK,CAAK,CAAC,EAE1E,EAAY,IAAc,CAAK,GAAK,GAAG,EAAI,KAAK,IAEhD,GAAA,EAAA,EAAA,YAAA,CACD,GAAqD,CAElD,EAAS,CADI,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,EAAG,CACxC,EAAM,CAAI,CAAC,CACzB,EACA,CAAC,EAAM,CAAQ,CACnB,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAAqD,CAClD,IAAM,EAAO,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,EAAG,CAAG,EACrD,EAAS,CAAC,EAAK,CAAI,CAAC,CACxB,EACA,CAAC,EAAK,CAAQ,CAClB,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,WAA5C,CACK,IACG,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,CAAY,CAAA,GACnB,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAgB,CAAA,CAC/C,KAET,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAQ,CAAA,GAC/B,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,KAClB,MAAO,CAAE,KAAM,GAAG,EAAS,GAAI,MAAO,GAAG,IAAM,EAAU,EAAG,CAC/D,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACN,MAAO,EACP,SAAU,EACA,WACV,aAAY,EAAQ,GAAG,EAAM,WAAa,QAC7C,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACN,MAAO,EACP,SAAU,EACA,WACV,aAAY,EAAQ,GAAG,EAAM,WAAa,QAC7C,CAAA,CACA,IACJ,IAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,gBAAS,CAAiB,CAAA,CAChE,GAEb"}
+{"version":3,"file":"RangeSlider.cjs","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — min, max and step define the scale, value/onChange\n * the two thumbs, formatValue the readout, and label/helperText/disabled/className\n * the field around it. Same surface as Slider, one thumb more.\n */\nimport { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n    value: RangeValue;\n    onChange: (value: RangeValue) => 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 `min – max`. */\n    formatValue?: (value: RangeValue) => string;\n    className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: RangeSliderProps) {\n    const [low, high] = value;\n    const range = max - min;\n\n    const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n    const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n    const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n    const handleLow = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.min(Number(event.target.value), high);\n            onChange([next, high]);\n        },\n        [high, onChange],\n    );\n\n    const handleHigh = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.max(Number(event.target.value), low);\n            onChange([low, next]);\n        },\n        [low, 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\n                    className={styles.fill}\n                    style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={low}\n                    onChange={handleLow}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={high}\n                    onChange={handleHigh}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":"kIA8BA,SAAgB,EAAY,CACxB,QACA,WACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,aACA,WAAW,GACX,cACA,aACiB,CACjB,GAAM,CAAC,EAAK,GAAQ,EACd,EAAQ,EAAM,EAEd,GAAA,EAAW,EAAA,QAAA,MAAgB,EAAM,GAAO,EAAS,IAAK,CAAC,EAAK,EAAK,CAAK,CAAC,EACvE,GAAA,EAAY,EAAA,QAAA,MAAgB,EAAO,GAAO,EAAS,IAAK,CAAC,EAAM,EAAK,CAAK,CAAC,EAE1E,EAAY,IAAc,CAAK,GAAK,GAAG,EAAI,KAAK,IAEhD,GAAA,EAAY,EAAA,YAAA,CACb,GAAqD,CAElD,EAAS,CADI,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,EAAG,CACxC,EAAM,CAAI,CAAC,CACzB,EACA,CAAC,EAAM,CAAQ,CACnB,EAEM,GAAA,EAAa,EAAA,YAAA,CACd,GAAqD,CAClD,IAAM,EAAO,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,EAAG,CAAG,EACrD,EAAS,CAAC,EAAK,CAAI,CAAC,CACxB,EACA,CAAC,EAAK,CAAQ,CAClB,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,CACI,UAAW,EAAA,QAAO,KAClB,MAAO,CAAE,KAAM,GAAG,EAAS,GAAI,MAAO,GAAG,IAAM,EAAU,EAAG,CAC/D,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACN,MAAO,EACP,SAAU,EACA,WACV,aAAY,EAAQ,GAAG,EAAM,WAAa,QAC7C,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACN,MAAO,EACP,SAAU,EACA,WACV,aAAY,EAAQ,GAAG,EAAM,WAAa,QAC7C,CAAA,CACA,IACJ,IAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,OAAS,SAAA,CAAiB,CAAA,CAChE,GAEb"}

package/dist/components/RangeSlider/RangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.js","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — min, max and step define the scale, value/onChange\n * the two thumbs, formatValue the readout, and label/helperText/disabled/className\n * the field around it. Same surface as Slider, one thumb more.\n */\nimport { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n    value: RangeValue;\n    onChange: (value: RangeValue) => 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 `min – max`. */\n    formatValue?: (value: RangeValue) => string;\n    className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: RangeSliderProps) {\n    const [low, high] = value;\n    const range = max - min;\n\n    const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n    const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n    const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n    const handleLow = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.min(Number(event.target.value), high);\n            onChange([next, high]);\n        },\n        [high, onChange],\n    );\n\n    const handleHigh = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.max(Number(event.target.value), low);\n            onChange([low, next]);\n        },\n        [low, 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\n                    className={styles.fill}\n                    style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={low}\n                    onChange={handleLow}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={high}\n                    onChange={handleHigh}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":";;;;;AA8BA,SAAgB,EAAY,EACxB,UACA,aACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,eACA,cAAW,IACX,gBACA,gBACiB;CACjB,IAAM,CAAC,GAAK,KAAQ,GACd,IAAQ,IAAM,GAEd,IAAW,SAAgB,IAAM,KAAO,IAAS,KAAK;EAAC;EAAK;EAAK;CAAK,CAAC,GACvE,IAAY,SAAgB,IAAO,KAAO,IAAS,KAAK;EAAC;EAAM;EAAK;CAAK,CAAC,GAE1E,IAAY,IAAc,CAAK,KAAK,GAAG,EAAI,KAAK,KAEhD,IAAY,GACb,MAAqD;EAElD,EAAS,CADI,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,GAAG,CACxC,GAAM,CAAI,CAAC;CACzB,GACA,CAAC,GAAM,CAAQ,CACnB,GAEM,IAAa,GACd,MAAqD;EAClD,IAAM,IAAO,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,GAAG,CAAG;EACrD,EAAS,CAAC,GAAK,CAAI,CAAC;CACxB,GACA,CAAC,GAAK,CAAQ,CAClB;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;YAA5C;GACK,KACG,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,GACnB,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAgB,CAAA,CAC/C;;GAET,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACI,kBAAC,OAAD,EAAK,WAAW,EAAO,MAAQ,CAAA;KAC/B,kBAAC,OAAD;MACI,WAAW,EAAO;MAClB,OAAO;OAAE,MAAM,GAAG,EAAS;OAAI,OAAO,GAAG,MAAM,EAAU;MAAG;KAC/D,CAAA;KACD,kBAAC,SAAD;MACI,MAAK;MACL,WAAW,EAAO;MACb;MACA;MACC;MACN,OAAO;MACP,UAAU;MACA;MACV,cAAY,IAAQ,GAAG,EAAM,aAAa;KAC7C,CAAA;KACD,kBAAC,SAAD;MACI,MAAK;MACL,WAAW,EAAO;MACb;MACA;MACC;MACN,OAAO;MACP,UAAU;MACA;MACV,cAAY,IAAQ,GAAG,EAAM,aAAa;KAC7C,CAAA;IACA;;GACJ,KAAc,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAS;GAAiB,CAAA;EAChE;;AAEb"}
+{"version":3,"file":"RangeSlider.js","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — min, max and step define the scale, value/onChange\n * the two thumbs, formatValue the readout, and label/helperText/disabled/className\n * the field around it. Same surface as Slider, one thumb more.\n */\nimport { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n    value: RangeValue;\n    onChange: (value: RangeValue) => 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 `min – max`. */\n    formatValue?: (value: RangeValue) => string;\n    className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: RangeSliderProps) {\n    const [low, high] = value;\n    const range = max - min;\n\n    const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n    const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n    const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n    const handleLow = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.min(Number(event.target.value), high);\n            onChange([next, high]);\n        },\n        [high, onChange],\n    );\n\n    const handleHigh = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.max(Number(event.target.value), low);\n            onChange([low, next]);\n        },\n        [low, 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\n                    className={styles.fill}\n                    style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={low}\n                    onChange={handleLow}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={high}\n                    onChange={handleHigh}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":";;;;;AA8BA,SAAgB,EAAY,EACxB,UACA,aACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,eACA,cAAW,IACX,gBACA,gBACiB;CACjB,IAAM,CAAC,GAAK,KAAQ,GACd,IAAQ,IAAM,GAEd,IAAW,SAAgB,IAAM,KAAO,IAAS,KAAK;EAAC;EAAK;EAAK;CAAK,CAAC,GACvE,IAAY,SAAgB,IAAO,KAAO,IAAS,KAAK;EAAC;EAAM;EAAK;CAAK,CAAC,GAE1E,IAAY,IAAc,CAAK,KAAK,GAAG,EAAI,KAAK,KAEhD,IAAY,GACb,MAAqD;EAElD,EAAS,CADI,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,GAAG,CACxC,GAAM,CAAI,CAAC;CACzB,GACA,CAAC,GAAM,CAAQ,CACnB,GAEM,IAAa,GACd,MAAqD;EAClD,IAAM,IAAO,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,GAAG,CAAG;EACrD,EAAS,CAAC,GAAK,CAAI,CAAC;CACxB,GACA,CAAC,GAAK,CAAQ,CAClB;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;MACI,WAAW,EAAO;MAClB,OAAO;OAAE,MAAM,GAAG,EAAS;OAAI,OAAO,GAAG,MAAM,EAAU;MAAG;KAC/D,CAAA;KACD,kBAAC,SAAD;MACI,MAAK;MACL,WAAW,EAAO;MACb;MACA;MACC;MACN,OAAO;MACP,UAAU;MACA;MACV,cAAY,IAAQ,GAAG,EAAM,aAAa;KAC7C,CAAA;KACD,kBAAC,SAAD;MACI,MAAK;MACL,WAAW,EAAO;MACb;MACA;MACC;MACN,OAAO;MACP,UAAU;MACA;MACV,cAAY,IAAQ,GAAG,EAAM,aAAa;KAC7C,CAAA;IACA;;GACJ,KAAc,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAS,UAAA;GAAiB,CAAA;EAChE;;AAEb"}

package/dist/components/RatingStars/RatingStars.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RatingStars.cjs","names":[],"sources":["../../../src/components/RatingStars/RatingStars.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — value, max, onChange, size, readonly, disabled,\n * label, className — a rating is a radio group drawn as stars, and readonly and\n * disabled are genuinely different (a shown rating versus a control you cannot use).\n */\nimport { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RatingStars.module.css\";\n\nexport type RatingSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface RatingStarsProps {\n    /** Current selected value (1..max). 0 means none. */\n    value: number;\n    /** Total number of stars. Default 5. */\n    max?: number;\n    onChange?: (value: number) => void;\n    size?: RatingSize;\n    readonly?: boolean;\n    disabled?: boolean;\n    /** Accessible label for the rating group. */\n    label?: string;\n    className?: string;\n}\n\n/**\n * Star rating control. Renders `max` stars, fills the first `value`. Click a\n * star to set rating (when not readonly). Hovering previews the value.\n */\nexport function RatingStars({\n    value,\n    max = 5,\n    onChange,\n    size = \"md\",\n    readonly = false,\n    disabled = false,\n    label = \"Avaliação\",\n    className,\n}: RatingStarsProps) {\n    const [hover, setHover] = useState<number>(0);\n    const displayed = hover > 0 ? hover : value;\n\n    const handleClick = (next: number): void => {\n        if (readonly || disabled) return;\n        onChange?.(next);\n    };\n\n    return (\n        <span\n            role=\"radiogroup\"\n            aria-label={label}\n            className={cn(\n                styles.wrapper,\n                styles[size],\n                disabled && styles.disabled,\n                readonly && styles.readonly,\n                className,\n            )}\n            onMouseLeave={() => setHover(0)}\n        >\n            {Array.from({ length: max }, (_, i) => {\n                const starIndex = i + 1;\n                const filled = starIndex <= displayed;\n                return (\n                    <button\n                        key={starIndex}\n                        type=\"button\"\n                        role=\"radio\"\n                        aria-checked={value === starIndex}\n                        aria-label={`${starIndex} ${starIndex === 1 ? \"estrela\" : \"estrelas\"}`}\n                        className={cn(styles.star, filled && styles.filled)}\n                        disabled={disabled}\n                        onMouseEnter={() => !readonly && !disabled && setHover(starIndex)}\n                        onClick={() => handleClick(starIndex)}\n                    >\n                        <StarIcon filled={filled} />\n                    </button>\n                );\n            })}\n        </span>\n    );\n}\n\nfunction StarIcon({ filled }: { filled: boolean }) {\n    return (\n        <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill={filled ? \"currentColor\" : \"none\"}\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinejoin=\"round\"\n            aria-hidden\n        >\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z\" />\n        </svg>\n    );\n}\n"],"mappings":"kIA6BA,SAAgB,EAAY,CACxB,QACA,MAAM,EACN,WACA,OAAO,KACP,WAAW,GACX,WAAW,GACX,QAAQ,YACR,aACiB,CACjB,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,SAAA,CAA6B,CAAC,EACtC,EAAY,EAAQ,EAAI,EAAQ,EAEhC,EAAe,GAAuB,CACpC,GAAY,GAChB,IAAW,CAAI,CACnB,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,KAAK,aACL,aAAY,EACZ,UAAW,EAAA,GACP,EAAA,QAAO,QACP,EAAA,QAAO,GACP,GAAY,EAAA,QAAO,SACnB,GAAY,EAAA,QAAO,SACnB,CACJ,EACA,iBAAoB,EAAS,CAAC,WAE7B,MAAM,KAAK,CAAE,OAAQ,CAAI,GAAI,EAAG,IAAM,CACnC,IAAM,EAAY,EAAI,EAChB,EAAS,GAAa,EAC5B,OACI,EAAA,EAAA,IAAA,CAAC,SAAD,CAEI,KAAK,SACL,KAAK,QACL,eAAc,IAAU,EACxB,aAAY,GAAG,EAAU,GAAG,IAAc,EAAI,UAAY,aAC1D,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAU,EAAA,QAAO,MAAM,EACxC,WACV,iBAAoB,CAAC,GAAY,CAAC,GAAY,EAAS,CAAS,EAChE,YAAe,EAAY,CAAS,YAEpC,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,QAAS,CAAA,CACvB,EAXC,CAWD,CAEhB,CAAC,CACC,CAAA,CAEd,CAEA,SAAS,EAAS,CAAE,UAA+B,CAC/C,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAM,EAAS,eAAiB,OAChC,OAAO,eACP,YAAY,MACZ,eAAe,QACf,cAAA,aAEA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,0FAA4F,CAAA,CACnG,CAAA,CAEb"}
+{"version":3,"file":"RatingStars.cjs","names":[],"sources":["../../../src/components/RatingStars/RatingStars.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — value, max, onChange, size, readonly, disabled,\n * label, className — a rating is a radio group drawn as stars, and readonly and\n * disabled are genuinely different (a shown rating versus a control you cannot use).\n */\nimport { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RatingStars.module.css\";\n\nexport type RatingSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface RatingStarsProps {\n    /** Current selected value (1..max). 0 means none. */\n    value: number;\n    /** Total number of stars. Default 5. */\n    max?: number;\n    onChange?: (value: number) => void;\n    size?: RatingSize;\n    readonly?: boolean;\n    disabled?: boolean;\n    /** Accessible label for the rating group. */\n    label?: string;\n    className?: string;\n}\n\n/**\n * Star rating control. Renders `max` stars, fills the first `value`. Click a\n * star to set rating (when not readonly). Hovering previews the value.\n */\nexport function RatingStars({\n    value,\n    max = 5,\n    onChange,\n    size = \"md\",\n    readonly = false,\n    disabled = false,\n    label = \"Avaliação\",\n    className,\n}: RatingStarsProps) {\n    const [hover, setHover] = useState<number>(0);\n    const displayed = hover > 0 ? hover : value;\n\n    const handleClick = (next: number): void => {\n        if (readonly || disabled) return;\n        onChange?.(next);\n    };\n\n    return (\n        <span\n            role=\"radiogroup\"\n            aria-label={label}\n            className={cn(\n                styles.wrapper,\n                styles[size],\n                disabled && styles.disabled,\n                readonly && styles.readonly,\n                className,\n            )}\n            onMouseLeave={() => setHover(0)}\n        >\n            {Array.from({ length: max }, (_, i) => {\n                const starIndex = i + 1;\n                const filled = starIndex <= displayed;\n                return (\n                    <button\n                        key={starIndex}\n                        type=\"button\"\n                        role=\"radio\"\n                        aria-checked={value === starIndex}\n                        aria-label={`${starIndex} ${starIndex === 1 ? \"estrela\" : \"estrelas\"}`}\n                        className={cn(styles.star, filled && styles.filled)}\n                        disabled={disabled}\n                        onMouseEnter={() => !readonly && !disabled && setHover(starIndex)}\n                        onClick={() => handleClick(starIndex)}\n                    >\n                        <StarIcon filled={filled} />\n                    </button>\n                );\n            })}\n        </span>\n    );\n}\n\nfunction StarIcon({ filled }: { filled: boolean }) {\n    return (\n        <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill={filled ? \"currentColor\" : \"none\"}\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinejoin=\"round\"\n            aria-hidden\n        >\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z\" />\n        </svg>\n    );\n}\n"],"mappings":"kIA6BA,SAAgB,EAAY,CACxB,QACA,MAAM,EACN,WACA,OAAO,KACP,WAAW,GACX,WAAW,GACX,QAAQ,YACR,aACiB,CACjB,GAAM,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAiB,CAAC,EACtC,EAAY,EAAQ,EAAI,EAAQ,EAEhC,EAAe,GAAuB,CACpC,GAAY,GAChB,IAAW,CAAI,CACnB,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,KAAK,aACL,aAAY,EACZ,UAAW,EAAA,GACP,EAAA,QAAO,QACP,EAAA,QAAO,GACP,GAAY,EAAA,QAAO,SACnB,GAAY,EAAA,QAAO,SACnB,CACJ,EACA,iBAAoB,EAAS,CAAC,EAE7B,SAAA,MAAM,KAAK,CAAE,OAAQ,CAAI,GAAI,EAAG,IAAM,CACnC,IAAM,EAAY,EAAI,EAChB,EAAS,GAAa,EAC5B,OACI,EAAA,EAAA,IAAA,CAAC,SAAD,CAEI,KAAK,SACL,KAAK,QACL,eAAc,IAAU,EACxB,aAAY,GAAG,EAAU,GAAG,IAAc,EAAI,UAAY,aAC1D,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAU,EAAA,QAAO,MAAM,EACxC,WACV,iBAAoB,CAAC,GAAY,CAAC,GAAY,EAAS,CAAS,EAChE,YAAe,EAAY,CAAS,EAEpC,UAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,QAAS,CAAA,CACvB,EAXC,CAWD,CAEhB,CAAC,CACC,CAAA,CAEd,CAEA,SAAS,EAAS,CAAE,UAA+B,CAC/C,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAM,EAAS,eAAiB,OAChC,OAAO,eACP,YAAY,MACZ,eAAe,QACf,cAAA,GAEA,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,0FAA4F,CAAA,CACnG,CAAA,CAEb"}

package/dist/components/RatingStars/RatingStars.js.map

@@ -1 +1 @@
-{"version":3,"file":"RatingStars.js","names":[],"sources":["../../../src/components/RatingStars/RatingStars.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — value, max, onChange, size, readonly, disabled,\n * label, className — a rating is a radio group drawn as stars, and readonly and\n * disabled are genuinely different (a shown rating versus a control you cannot use).\n */\nimport { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RatingStars.module.css\";\n\nexport type RatingSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface RatingStarsProps {\n    /** Current selected value (1..max). 0 means none. */\n    value: number;\n    /** Total number of stars. Default 5. */\n    max?: number;\n    onChange?: (value: number) => void;\n    size?: RatingSize;\n    readonly?: boolean;\n    disabled?: boolean;\n    /** Accessible label for the rating group. */\n    label?: string;\n    className?: string;\n}\n\n/**\n * Star rating control. Renders `max` stars, fills the first `value`. Click a\n * star to set rating (when not readonly). Hovering previews the value.\n */\nexport function RatingStars({\n    value,\n    max = 5,\n    onChange,\n    size = \"md\",\n    readonly = false,\n    disabled = false,\n    label = \"Avaliação\",\n    className,\n}: RatingStarsProps) {\n    const [hover, setHover] = useState<number>(0);\n    const displayed = hover > 0 ? hover : value;\n\n    const handleClick = (next: number): void => {\n        if (readonly || disabled) return;\n        onChange?.(next);\n    };\n\n    return (\n        <span\n            role=\"radiogroup\"\n            aria-label={label}\n            className={cn(\n                styles.wrapper,\n                styles[size],\n                disabled && styles.disabled,\n                readonly && styles.readonly,\n                className,\n            )}\n            onMouseLeave={() => setHover(0)}\n        >\n            {Array.from({ length: max }, (_, i) => {\n                const starIndex = i + 1;\n                const filled = starIndex <= displayed;\n                return (\n                    <button\n                        key={starIndex}\n                        type=\"button\"\n                        role=\"radio\"\n                        aria-checked={value === starIndex}\n                        aria-label={`${starIndex} ${starIndex === 1 ? \"estrela\" : \"estrelas\"}`}\n                        className={cn(styles.star, filled && styles.filled)}\n                        disabled={disabled}\n                        onMouseEnter={() => !readonly && !disabled && setHover(starIndex)}\n                        onClick={() => handleClick(starIndex)}\n                    >\n                        <StarIcon filled={filled} />\n                    </button>\n                );\n            })}\n        </span>\n    );\n}\n\nfunction StarIcon({ filled }: { filled: boolean }) {\n    return (\n        <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill={filled ? \"currentColor\" : \"none\"}\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinejoin=\"round\"\n            aria-hidden\n        >\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z\" />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AA6BA,SAAgB,EAAY,EACxB,UACA,SAAM,GACN,aACA,UAAO,MACP,cAAW,IACX,cAAW,IACX,WAAQ,aACR,gBACiB;CACjB,IAAM,CAAC,GAAO,KAAY,EAAiB,CAAC,GACtC,IAAY,IAAQ,IAAI,IAAQ,GAEhC,KAAe,MAAuB;EACpC,KAAY,KAChB,IAAW,CAAI;CACnB;CAEA,OACI,kBAAC,QAAD;EACI,MAAK;EACL,cAAY;EACZ,WAAW,EACP,EAAO,SACP,EAAO,IACP,KAAY,EAAO,UACnB,KAAY,EAAO,UACnB,CACJ;EACA,oBAAoB,EAAS,CAAC;YAE7B,MAAM,KAAK,EAAE,QAAQ,EAAI,IAAI,GAAG,MAAM;GACnC,IAAM,IAAY,IAAI,GAChB,IAAS,KAAa;GAC5B,OACI,kBAAC,UAAD;IAEI,MAAK;IACL,MAAK;IACL,gBAAc,MAAU;IACxB,cAAY,GAAG,EAAU,GAAG,MAAc,IAAI,YAAY;IAC1D,WAAW,EAAG,EAAO,MAAM,KAAU,EAAO,MAAM;IACxC;IACV,oBAAoB,CAAC,KAAY,CAAC,KAAY,EAAS,CAAS;IAChE,eAAe,EAAY,CAAS;cAEpC,kBAAC,GAAD,EAAkB,UAAS,CAAA;GACvB,GAXC,CAWD;EAEhB,CAAC;CACC,CAAA;AAEd;AAEA,SAAS,EAAS,EAAE,aAA+B;CAC/C,OACI,kBAAC,OAAD;EACI,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAM,IAAS,iBAAiB;EAChC,QAAO;EACP,aAAY;EACZ,gBAAe;EACf,eAAA;YAEA,kBAAC,QAAD,EAAM,GAAE,2FAA4F,CAAA;CACnG,CAAA;AAEb"}
+{"version":3,"file":"RatingStars.js","names":[],"sources":["../../../src/components/RatingStars/RatingStars.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — value, max, onChange, size, readonly, disabled,\n * label, className — a rating is a radio group drawn as stars, and readonly and\n * disabled are genuinely different (a shown rating versus a control you cannot use).\n */\nimport { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RatingStars.module.css\";\n\nexport type RatingSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface RatingStarsProps {\n    /** Current selected value (1..max). 0 means none. */\n    value: number;\n    /** Total number of stars. Default 5. */\n    max?: number;\n    onChange?: (value: number) => void;\n    size?: RatingSize;\n    readonly?: boolean;\n    disabled?: boolean;\n    /** Accessible label for the rating group. */\n    label?: string;\n    className?: string;\n}\n\n/**\n * Star rating control. Renders `max` stars, fills the first `value`. Click a\n * star to set rating (when not readonly). Hovering previews the value.\n */\nexport function RatingStars({\n    value,\n    max = 5,\n    onChange,\n    size = \"md\",\n    readonly = false,\n    disabled = false,\n    label = \"Avaliação\",\n    className,\n}: RatingStarsProps) {\n    const [hover, setHover] = useState<number>(0);\n    const displayed = hover > 0 ? hover : value;\n\n    const handleClick = (next: number): void => {\n        if (readonly || disabled) return;\n        onChange?.(next);\n    };\n\n    return (\n        <span\n            role=\"radiogroup\"\n            aria-label={label}\n            className={cn(\n                styles.wrapper,\n                styles[size],\n                disabled && styles.disabled,\n                readonly && styles.readonly,\n                className,\n            )}\n            onMouseLeave={() => setHover(0)}\n        >\n            {Array.from({ length: max }, (_, i) => {\n                const starIndex = i + 1;\n                const filled = starIndex <= displayed;\n                return (\n                    <button\n                        key={starIndex}\n                        type=\"button\"\n                        role=\"radio\"\n                        aria-checked={value === starIndex}\n                        aria-label={`${starIndex} ${starIndex === 1 ? \"estrela\" : \"estrelas\"}`}\n                        className={cn(styles.star, filled && styles.filled)}\n                        disabled={disabled}\n                        onMouseEnter={() => !readonly && !disabled && setHover(starIndex)}\n                        onClick={() => handleClick(starIndex)}\n                    >\n                        <StarIcon filled={filled} />\n                    </button>\n                );\n            })}\n        </span>\n    );\n}\n\nfunction StarIcon({ filled }: { filled: boolean }) {\n    return (\n        <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill={filled ? \"currentColor\" : \"none\"}\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinejoin=\"round\"\n            aria-hidden\n        >\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z\" />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AA6BA,SAAgB,EAAY,EACxB,UACA,SAAM,GACN,aACA,UAAO,MACP,cAAW,IACX,cAAW,IACX,WAAQ,aACR,gBACiB;CACjB,IAAM,CAAC,GAAO,KAAY,EAAiB,CAAC,GACtC,IAAY,IAAQ,IAAI,IAAQ,GAEhC,KAAe,MAAuB;EACpC,KAAY,KAChB,IAAW,CAAI;CACnB;CAEA,OACI,kBAAC,QAAD;EACI,MAAK;EACL,cAAY;EACZ,WAAW,EACP,EAAO,SACP,EAAO,IACP,KAAY,EAAO,UACnB,KAAY,EAAO,UACnB,CACJ;EACA,oBAAoB,EAAS,CAAC;EAE7B,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAI,IAAI,GAAG,MAAM;GACnC,IAAM,IAAY,IAAI,GAChB,IAAS,KAAa;GAC5B,OACI,kBAAC,UAAD;IAEI,MAAK;IACL,MAAK;IACL,gBAAc,MAAU;IACxB,cAAY,GAAG,EAAU,GAAG,MAAc,IAAI,YAAY;IAC1D,WAAW,EAAG,EAAO,MAAM,KAAU,EAAO,MAAM;IACxC;IACV,oBAAoB,CAAC,KAAY,CAAC,KAAY,EAAS,CAAS;IAChE,eAAe,EAAY,CAAS;IAEpC,UAAA,kBAAC,GAAD,EAAkB,UAAS,CAAA;GACvB,GAXC,CAWD;EAEhB,CAAC;CACC,CAAA;AAEd;AAEA,SAAS,EAAS,EAAE,aAA+B;CAC/C,OACI,kBAAC,OAAD;EACI,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAM,IAAS,iBAAiB;EAChC,QAAO;EACP,aAAY;EACZ,gBAAe;EACf,eAAA;EAEA,UAAA,kBAAC,QAAD,EAAM,GAAE,2FAA4F,CAAA;CACnG,CAAA;AAEb"}

package/dist/components/RefreshIndicator/RefreshIndicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RefreshIndicator.cjs","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — pull-to-refresh is a gesture with a threshold, a\n * rubber-band offset and a release animation, and the body is those three reading\n * one pointer delta.\n */\nimport { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n    /** Invoked when the user pulls past `threshold` and releases. May be async. */\n    onRefresh: () => void | Promise<void>;\n    /** Scrollable content to wrap. */\n    children: ReactNode;\n    /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n    threshold?: number;\n    /** When true, pull-to-refresh is inert. */\n    disabled?: boolean;\n    className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n    const cap = threshold * 1.5;\n    return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n    onRefresh,\n    children,\n    threshold = 80,\n    disabled,\n    className,\n}: RefreshIndicatorProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const startYRef = useRef<number | null>(null);\n    const [pull, setPull] = useState(0);\n    const [refreshing, setRefreshing] = useState(false);\n    /**\n     * Whether a drag is in progress. Kept in state, not derived from\n     * `startYRef.current`: a ref is not reactive, so reading it during render ties\n     * the rendered class to a value React never re-renders for — it only looked\n     * correct here because the touch handlers happen to call `setPull` too.\n     */\n    const [engaged, setEngaged] = useState(false);\n\n    const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const container = containerRef.current;\n        if (!container || container.scrollTop > 0) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        startYRef.current = touch.clientY;\n        setEngaged(true);\n    };\n\n    const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const startY = startYRef.current;\n        if (startY === null) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        const delta = touch.clientY - startY;\n        if (delta <= 0) {\n            setPull(0);\n            return;\n        }\n        setPull(applyResistance(delta, threshold));\n    };\n\n    const reset = (): void => {\n        startYRef.current = null;\n        setEngaged(false);\n        setPull(0);\n    };\n\n    const handleTouchEnd = async (): Promise<void> => {\n        if (disabled || refreshing) {\n            reset();\n            return;\n        }\n        const startY = startYRef.current;\n        const triggered = startY !== null && pull >= threshold;\n        if (!triggered) {\n            reset();\n            return;\n        }\n        startYRef.current = null;\n        setEngaged(false);\n        setRefreshing(true);\n        setPull(threshold);\n        try {\n            await onRefresh();\n        } finally {\n            setRefreshing(false);\n            setPull(0);\n        }\n    };\n\n    const showIndicator = refreshing || pull > 0;\n    const progress = Math.min(1, pull / threshold);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.wrapper, className)}\n            data-refreshing={refreshing}\n            onTouchStart={handleTouchStart}\n            onTouchMove={handleTouchMove}\n            onTouchEnd={handleTouchEnd}\n        >\n            <div\n                className={styles.indicator}\n                aria-hidden={!showIndicator}\n                style={{\n                    opacity: refreshing ? 1 : progress,\n                    transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n                }}\n            >\n                <Spinner size=\"sm\" label=\"Atualizando\" />\n            </div>\n            <div\n                className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n                style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"2KAuBA,SAAS,EAAgB,EAAkB,EAA2B,CAClE,IAAM,EAAM,EAAY,IACxB,OAAO,KAAK,IAAI,EAAW,EAAG,CAAG,CACrC,CASA,SAAgB,EAAiB,CAC7B,YACA,WACA,YAAY,GACZ,WACA,aACsB,CACtB,IAAM,GAAA,EAAA,EAAA,OAAA,CAAsC,IAAI,EAC1C,GAAA,EAAA,EAAA,OAAA,CAAkC,IAAI,EACtC,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,CAAoB,CAAC,EAC5B,CAAC,EAAY,IAAA,EAAA,EAAA,SAAA,CAA0B,EAAK,EAO5C,CAAC,EAAS,IAAA,EAAA,EAAA,SAAA,CAAuB,EAAK,EAEtC,EAAoB,GAA4C,CAClE,GAAI,GAAY,EAAY,OAC5B,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,GAAa,EAAU,UAAY,EAAG,OAC3C,IAAM,EAAQ,EAAM,QAAQ,GACvB,IACL,EAAU,QAAU,EAAM,QAC1B,EAAW,EAAI,EACnB,EAEM,EAAmB,GAA4C,CACjE,GAAI,GAAY,EAAY,OAC5B,IAAM,EAAS,EAAU,QACzB,GAAI,IAAW,KAAM,OACrB,IAAM,EAAQ,EAAM,QAAQ,GAC5B,GAAI,CAAC,EAAO,OACZ,IAAM,EAAQ,EAAM,QAAU,EAC9B,GAAI,GAAS,EAAG,CACZ,EAAQ,CAAC,EACT,MACJ,CACA,EAAQ,EAAgB,EAAO,CAAS,CAAC,CAC7C,EAEM,MAAoB,CACtB,EAAU,QAAU,KACpB,EAAW,EAAK,EAChB,EAAQ,CAAC,CACb,EAEM,EAAiB,SAA2B,CAC9C,GAAI,GAAY,EAAY,CACxB,EAAM,EACN,MACJ,CAGA,GAAI,EAFW,EAAU,UACI,MAAQ,GAAQ,GAC7B,CACZ,EAAM,EACN,MACJ,CACA,EAAU,QAAU,KACpB,EAAW,EAAK,EAChB,EAAc,EAAI,EAClB,EAAQ,CAAS,EACjB,GAAI,CACA,MAAM,EAAU,CACpB,QAAU,CACN,EAAc,EAAK,EACnB,EAAQ,CAAC,CACb,CACJ,EAEM,EAAgB,GAAc,EAAO,EACrC,EAAW,KAAK,IAAI,EAAG,EAAO,CAAS,EAE7C,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EACvC,kBAAiB,EACjB,aAAc,EACd,YAAa,EACb,WAAY,WANhB,EAQI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,UAClB,cAAa,CAAC,EACd,MAAO,CACH,QAAS,EAAa,EAAI,EAC1B,UAAW,+BAA+B,EAAgB,EAAO,EAAE,aAAa,EAAW,IAAI,KACnG,YAEA,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CAAS,KAAK,KAAK,MAAM,aAAe,CAAA,CACvC,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,GAAW,IAAe,EAAA,QAAO,QAAQ,EACxE,MAAO,CAAE,UAAW,cAAc,EAAgB,EAAO,EAAE,IAAK,EAE/D,UACA,CAAA,CACJ,GAEb"}
+{"version":3,"file":"RefreshIndicator.cjs","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — pull-to-refresh is a gesture with a threshold, a\n * rubber-band offset and a release animation, and the body is those three reading\n * one pointer delta.\n */\nimport { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n    /** Invoked when the user pulls past `threshold` and releases. May be async. */\n    onRefresh: () => void | Promise<void>;\n    /** Scrollable content to wrap. */\n    children: ReactNode;\n    /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n    threshold?: number;\n    /** When true, pull-to-refresh is inert. */\n    disabled?: boolean;\n    className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n    const cap = threshold * 1.5;\n    return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n    onRefresh,\n    children,\n    threshold = 80,\n    disabled,\n    className,\n}: RefreshIndicatorProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const startYRef = useRef<number | null>(null);\n    const [pull, setPull] = useState(0);\n    const [refreshing, setRefreshing] = useState(false);\n    /**\n     * Whether a drag is in progress. Kept in state, not derived from\n     * `startYRef.current`: a ref is not reactive, so reading it during render ties\n     * the rendered class to a value React never re-renders for — it only looked\n     * correct here because the touch handlers happen to call `setPull` too.\n     */\n    const [engaged, setEngaged] = useState(false);\n\n    const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const container = containerRef.current;\n        if (!container || container.scrollTop > 0) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        startYRef.current = touch.clientY;\n        setEngaged(true);\n    };\n\n    const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const startY = startYRef.current;\n        if (startY === null) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        const delta = touch.clientY - startY;\n        if (delta <= 0) {\n            setPull(0);\n            return;\n        }\n        setPull(applyResistance(delta, threshold));\n    };\n\n    const reset = (): void => {\n        startYRef.current = null;\n        setEngaged(false);\n        setPull(0);\n    };\n\n    const handleTouchEnd = async (): Promise<void> => {\n        if (disabled || refreshing) {\n            reset();\n            return;\n        }\n        const startY = startYRef.current;\n        const triggered = startY !== null && pull >= threshold;\n        if (!triggered) {\n            reset();\n            return;\n        }\n        startYRef.current = null;\n        setEngaged(false);\n        setRefreshing(true);\n        setPull(threshold);\n        try {\n            await onRefresh();\n        } finally {\n            setRefreshing(false);\n            setPull(0);\n        }\n    };\n\n    const showIndicator = refreshing || pull > 0;\n    const progress = Math.min(1, pull / threshold);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.wrapper, className)}\n            data-refreshing={refreshing}\n            onTouchStart={handleTouchStart}\n            onTouchMove={handleTouchMove}\n            onTouchEnd={handleTouchEnd}\n        >\n            <div\n                className={styles.indicator}\n                aria-hidden={!showIndicator}\n                style={{\n                    opacity: refreshing ? 1 : progress,\n                    transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n                }}\n            >\n                <Spinner size=\"sm\" label=\"Atualizando\" />\n            </div>\n            <div\n                className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n                style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"2KAuBA,SAAS,EAAgB,EAAkB,EAA2B,CAClE,IAAM,EAAM,EAAY,IACxB,OAAO,KAAK,IAAI,EAAW,EAAG,CAAG,CACrC,CASA,SAAgB,EAAiB,CAC7B,YACA,WACA,YAAY,GACZ,WACA,aACsB,CACtB,IAAM,GAAA,EAAe,EAAA,OAAA,CAAuB,IAAI,EAC1C,GAAA,EAAY,EAAA,OAAA,CAAsB,IAAI,EACtC,CAAC,EAAM,IAAA,EAAW,EAAA,SAAA,CAAS,CAAC,EAC5B,CAAC,EAAY,IAAA,EAAiB,EAAA,SAAA,CAAS,EAAK,EAO5C,CAAC,EAAS,IAAA,EAAc,EAAA,SAAA,CAAS,EAAK,EAEtC,EAAoB,GAA4C,CAClE,GAAI,GAAY,EAAY,OAC5B,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,GAAa,EAAU,UAAY,EAAG,OAC3C,IAAM,EAAQ,EAAM,QAAQ,GACvB,IACL,EAAU,QAAU,EAAM,QAC1B,EAAW,EAAI,EACnB,EAEM,EAAmB,GAA4C,CACjE,GAAI,GAAY,EAAY,OAC5B,IAAM,EAAS,EAAU,QACzB,GAAI,IAAW,KAAM,OACrB,IAAM,EAAQ,EAAM,QAAQ,GAC5B,GAAI,CAAC,EAAO,OACZ,IAAM,EAAQ,EAAM,QAAU,EAC9B,GAAI,GAAS,EAAG,CACZ,EAAQ,CAAC,EACT,MACJ,CACA,EAAQ,EAAgB,EAAO,CAAS,CAAC,CAC7C,EAEM,MAAoB,CACtB,EAAU,QAAU,KACpB,EAAW,EAAK,EAChB,EAAQ,CAAC,CACb,EAEM,EAAiB,SAA2B,CAC9C,GAAI,GAAY,EAAY,CACxB,EAAM,EACN,MACJ,CAGA,GAAI,EAFW,EAAU,UACI,MAAQ,GAAQ,GAC7B,CACZ,EAAM,EACN,MACJ,CACA,EAAU,QAAU,KACpB,EAAW,EAAK,EAChB,EAAc,EAAI,EAClB,EAAQ,CAAS,EACjB,GAAI,CACA,MAAM,EAAU,CACpB,QAAU,CACN,EAAc,EAAK,EACnB,EAAQ,CAAC,CACb,CACJ,EAEM,EAAgB,GAAc,EAAO,EACrC,EAAW,KAAK,IAAI,EAAG,EAAO,CAAS,EAE7C,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EACvC,kBAAiB,EACjB,aAAc,EACd,YAAa,EACb,WAAY,EANhB,SAAA,EAQI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,UAClB,cAAa,CAAC,EACd,MAAO,CACH,QAAS,EAAa,EAAI,EAC1B,UAAW,+BAA+B,EAAgB,EAAO,EAAE,aAAa,EAAW,IAAI,KACnG,EAEA,UAAA,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CAAS,KAAK,KAAK,MAAM,aAAe,CAAA,CACvC,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,GAAW,IAAe,EAAA,QAAO,QAAQ,EACxE,MAAO,CAAE,UAAW,cAAc,EAAgB,EAAO,EAAE,IAAK,EAE/D,UACA,CAAA,CACJ,GAEb"}

package/dist/components/RefreshIndicator/RefreshIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"RefreshIndicator.js","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — pull-to-refresh is a gesture with a threshold, a\n * rubber-band offset and a release animation, and the body is those three reading\n * one pointer delta.\n */\nimport { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n    /** Invoked when the user pulls past `threshold` and releases. May be async. */\n    onRefresh: () => void | Promise<void>;\n    /** Scrollable content to wrap. */\n    children: ReactNode;\n    /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n    threshold?: number;\n    /** When true, pull-to-refresh is inert. */\n    disabled?: boolean;\n    className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n    const cap = threshold * 1.5;\n    return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n    onRefresh,\n    children,\n    threshold = 80,\n    disabled,\n    className,\n}: RefreshIndicatorProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const startYRef = useRef<number | null>(null);\n    const [pull, setPull] = useState(0);\n    const [refreshing, setRefreshing] = useState(false);\n    /**\n     * Whether a drag is in progress. Kept in state, not derived from\n     * `startYRef.current`: a ref is not reactive, so reading it during render ties\n     * the rendered class to a value React never re-renders for — it only looked\n     * correct here because the touch handlers happen to call `setPull` too.\n     */\n    const [engaged, setEngaged] = useState(false);\n\n    const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const container = containerRef.current;\n        if (!container || container.scrollTop > 0) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        startYRef.current = touch.clientY;\n        setEngaged(true);\n    };\n\n    const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const startY = startYRef.current;\n        if (startY === null) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        const delta = touch.clientY - startY;\n        if (delta <= 0) {\n            setPull(0);\n            return;\n        }\n        setPull(applyResistance(delta, threshold));\n    };\n\n    const reset = (): void => {\n        startYRef.current = null;\n        setEngaged(false);\n        setPull(0);\n    };\n\n    const handleTouchEnd = async (): Promise<void> => {\n        if (disabled || refreshing) {\n            reset();\n            return;\n        }\n        const startY = startYRef.current;\n        const triggered = startY !== null && pull >= threshold;\n        if (!triggered) {\n            reset();\n            return;\n        }\n        startYRef.current = null;\n        setEngaged(false);\n        setRefreshing(true);\n        setPull(threshold);\n        try {\n            await onRefresh();\n        } finally {\n            setRefreshing(false);\n            setPull(0);\n        }\n    };\n\n    const showIndicator = refreshing || pull > 0;\n    const progress = Math.min(1, pull / threshold);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.wrapper, className)}\n            data-refreshing={refreshing}\n            onTouchStart={handleTouchStart}\n            onTouchMove={handleTouchMove}\n            onTouchEnd={handleTouchEnd}\n        >\n            <div\n                className={styles.indicator}\n                aria-hidden={!showIndicator}\n                style={{\n                    opacity: refreshing ? 1 : progress,\n                    transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n                }}\n            >\n                <Spinner size=\"sm\" label=\"Atualizando\" />\n            </div>\n            <div\n                className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n                style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;;AAuBA,SAAS,EAAgB,GAAkB,GAA2B;CAClE,IAAM,IAAM,IAAY;CACxB,OAAO,KAAK,IAAI,IAAW,GAAG,CAAG;AACrC;AASA,SAAgB,EAAiB,EAC7B,cACA,aACA,eAAY,IACZ,aACA,gBACsB;CACtB,IAAM,IAAe,EAAuB,IAAI,GAC1C,IAAY,EAAsB,IAAI,GACtC,CAAC,GAAM,KAAW,EAAS,CAAC,GAC5B,CAAC,GAAY,KAAiB,EAAS,EAAK,GAO5C,CAAC,GAAS,KAAc,EAAS,EAAK,GAEtC,KAAoB,MAA4C;EAClE,IAAI,KAAY,GAAY;EAC5B,IAAM,IAAY,EAAa;EAC/B,IAAI,CAAC,KAAa,EAAU,YAAY,GAAG;EAC3C,IAAM,IAAQ,EAAM,QAAQ;EACvB,MACL,EAAU,UAAU,EAAM,SAC1B,EAAW,EAAI;CACnB,GAEM,KAAmB,MAA4C;EACjE,IAAI,KAAY,GAAY;EAC5B,IAAM,IAAS,EAAU;EACzB,IAAI,MAAW,MAAM;EACrB,IAAM,IAAQ,EAAM,QAAQ;EAC5B,IAAI,CAAC,GAAO;EACZ,IAAM,IAAQ,EAAM,UAAU;EAC9B,IAAI,KAAS,GAAG;GACZ,EAAQ,CAAC;GACT;EACJ;EACA,EAAQ,EAAgB,GAAO,CAAS,CAAC;CAC7C,GAEM,UAAoB;EAGtB,AAFA,EAAU,UAAU,MACpB,EAAW,EAAK,GAChB,EAAQ,CAAC;CACb,GAEM,IAAiB,YAA2B;EAC9C,IAAI,KAAY,GAAY;GACxB,EAAM;GACN;EACJ;EAGA,IAAI,EAFW,EAAU,YACI,QAAQ,KAAQ,IAC7B;GACZ,EAAM;GACN;EACJ;EAIA,AAHA,EAAU,UAAU,MACpB,EAAW,EAAK,GAChB,EAAc,EAAI,GAClB,EAAQ,CAAS;EACjB,IAAI;GACA,MAAM,EAAU;EACpB,UAAU;GAEN,AADA,EAAc,EAAK,GACnB,EAAQ,CAAC;EACb;CACJ,GAEM,IAAgB,KAAc,IAAO,GACrC,IAAW,KAAK,IAAI,GAAG,IAAO,CAAS;CAE7C,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,EAAO,SAAS,CAAS;EACvC,mBAAiB;EACjB,cAAc;EACd,aAAa;EACb,YAAY;YANhB,CAQI,kBAAC,OAAD;GACI,WAAW,EAAO;GAClB,eAAa,CAAC;GACd,OAAO;IACH,SAAS,IAAa,IAAI;IAC1B,WAAW,+BAA+B,IAAgB,IAAO,EAAE,aAAa,IAAW,IAAI;GACnG;aAEA,kBAAC,GAAD;IAAS,MAAK;IAAK,OAAM;GAAe,CAAA;EACvC,CAAA,GACL,kBAAC,OAAD;GACI,WAAW,EAAG,EAAO,UAAU,KAAW,MAAe,EAAO,QAAQ;GACxE,OAAO,EAAE,WAAW,cAAc,IAAgB,IAAO,EAAE,KAAK;GAE/D;EACA,CAAA,CACJ;;AAEb"}
+{"version":3,"file":"RefreshIndicator.js","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — pull-to-refresh is a gesture with a threshold, a\n * rubber-band offset and a release animation, and the body is those three reading\n * one pointer delta.\n */\nimport { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n    /** Invoked when the user pulls past `threshold` and releases. May be async. */\n    onRefresh: () => void | Promise<void>;\n    /** Scrollable content to wrap. */\n    children: ReactNode;\n    /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n    threshold?: number;\n    /** When true, pull-to-refresh is inert. */\n    disabled?: boolean;\n    className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n    const cap = threshold * 1.5;\n    return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n    onRefresh,\n    children,\n    threshold = 80,\n    disabled,\n    className,\n}: RefreshIndicatorProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const startYRef = useRef<number | null>(null);\n    const [pull, setPull] = useState(0);\n    const [refreshing, setRefreshing] = useState(false);\n    /**\n     * Whether a drag is in progress. Kept in state, not derived from\n     * `startYRef.current`: a ref is not reactive, so reading it during render ties\n     * the rendered class to a value React never re-renders for — it only looked\n     * correct here because the touch handlers happen to call `setPull` too.\n     */\n    const [engaged, setEngaged] = useState(false);\n\n    const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const container = containerRef.current;\n        if (!container || container.scrollTop > 0) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        startYRef.current = touch.clientY;\n        setEngaged(true);\n    };\n\n    const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const startY = startYRef.current;\n        if (startY === null) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        const delta = touch.clientY - startY;\n        if (delta <= 0) {\n            setPull(0);\n            return;\n        }\n        setPull(applyResistance(delta, threshold));\n    };\n\n    const reset = (): void => {\n        startYRef.current = null;\n        setEngaged(false);\n        setPull(0);\n    };\n\n    const handleTouchEnd = async (): Promise<void> => {\n        if (disabled || refreshing) {\n            reset();\n            return;\n        }\n        const startY = startYRef.current;\n        const triggered = startY !== null && pull >= threshold;\n        if (!triggered) {\n            reset();\n            return;\n        }\n        startYRef.current = null;\n        setEngaged(false);\n        setRefreshing(true);\n        setPull(threshold);\n        try {\n            await onRefresh();\n        } finally {\n            setRefreshing(false);\n            setPull(0);\n        }\n    };\n\n    const showIndicator = refreshing || pull > 0;\n    const progress = Math.min(1, pull / threshold);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.wrapper, className)}\n            data-refreshing={refreshing}\n            onTouchStart={handleTouchStart}\n            onTouchMove={handleTouchMove}\n            onTouchEnd={handleTouchEnd}\n        >\n            <div\n                className={styles.indicator}\n                aria-hidden={!showIndicator}\n                style={{\n                    opacity: refreshing ? 1 : progress,\n                    transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n                }}\n            >\n                <Spinner size=\"sm\" label=\"Atualizando\" />\n            </div>\n            <div\n                className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n                style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;;AAuBA,SAAS,EAAgB,GAAkB,GAA2B;CAClE,IAAM,IAAM,IAAY;CACxB,OAAO,KAAK,IAAI,IAAW,GAAG,CAAG;AACrC;AASA,SAAgB,EAAiB,EAC7B,cACA,aACA,eAAY,IACZ,aACA,gBACsB;CACtB,IAAM,IAAe,EAAuB,IAAI,GAC1C,IAAY,EAAsB,IAAI,GACtC,CAAC,GAAM,KAAW,EAAS,CAAC,GAC5B,CAAC,GAAY,KAAiB,EAAS,EAAK,GAO5C,CAAC,GAAS,KAAc,EAAS,EAAK,GAEtC,KAAoB,MAA4C;EAClE,IAAI,KAAY,GAAY;EAC5B,IAAM,IAAY,EAAa;EAC/B,IAAI,CAAC,KAAa,EAAU,YAAY,GAAG;EAC3C,IAAM,IAAQ,EAAM,QAAQ;EACvB,MACL,EAAU,UAAU,EAAM,SAC1B,EAAW,EAAI;CACnB,GAEM,KAAmB,MAA4C;EACjE,IAAI,KAAY,GAAY;EAC5B,IAAM,IAAS,EAAU;EACzB,IAAI,MAAW,MAAM;EACrB,IAAM,IAAQ,EAAM,QAAQ;EAC5B,IAAI,CAAC,GAAO;EACZ,IAAM,IAAQ,EAAM,UAAU;EAC9B,IAAI,KAAS,GAAG;GACZ,EAAQ,CAAC;GACT;EACJ;EACA,EAAQ,EAAgB,GAAO,CAAS,CAAC;CAC7C,GAEM,UAAoB;EAGtB,AAFA,EAAU,UAAU,MACpB,EAAW,EAAK,GAChB,EAAQ,CAAC;CACb,GAEM,IAAiB,YAA2B;EAC9C,IAAI,KAAY,GAAY;GACxB,EAAM;GACN;EACJ;EAGA,IAAI,EAFW,EAAU,YACI,QAAQ,KAAQ,IAC7B;GACZ,EAAM;GACN;EACJ;EAIA,AAHA,EAAU,UAAU,MACpB,EAAW,EAAK,GAChB,EAAc,EAAI,GAClB,EAAQ,CAAS;EACjB,IAAI;GACA,MAAM,EAAU;EACpB,UAAU;GAEN,AADA,EAAc,EAAK,GACnB,EAAQ,CAAC;EACb;CACJ,GAEM,IAAgB,KAAc,IAAO,GACrC,IAAW,KAAK,IAAI,GAAG,IAAO,CAAS;CAE7C,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,EAAO,SAAS,CAAS;EACvC,mBAAiB;EACjB,cAAc;EACd,aAAa;EACb,YAAY;EANhB,UAAA,CAQI,kBAAC,OAAD;GACI,WAAW,EAAO;GAClB,eAAa,CAAC;GACd,OAAO;IACH,SAAS,IAAa,IAAI;IAC1B,WAAW,+BAA+B,IAAgB,IAAO,EAAE,aAAa,IAAW,IAAI;GACnG;GAEA,UAAA,kBAAC,GAAD;IAAS,MAAK;IAAK,OAAM;GAAe,CAAA;EACvC,CAAA,GACL,kBAAC,OAAD;GACI,WAAW,EAAG,EAAO,UAAU,KAAW,MAAe,EAAO,QAAQ;GACxE,OAAO,EAAE,WAAW,cAAc,IAAgB,IAAO,EAAE,KAAK;GAE/D;EACA,CAAA,CACJ;;AAEb"}

package/dist/components/RelativeTime/RelativeTime.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RelativeTime.cjs","names":[],"sources":["../../../src/components/RelativeTime/RelativeTime.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { relativeTime } from \"@/utils/relative-time\";\n\nexport interface RelativeTimeProps extends HTMLAttributes<HTMLTimeElement> {\n    /** The instant to render relative to now. */\n    date: Date | string | number;\n    /** Output language. Defaults to \"pt\". */\n    locale?: \"pt\" | \"en\";\n}\n\n/**\n * Render a date as a human-friendly relative-time string (e.g. \"5 min atrás\")\n * inside a semantic `<time>` element with a machine-readable `dateTime`.\n *\n * Delegates the wording to the `relativeTime` util; \"pt\" maps to its \"pt-BR\"\n * locale.\n *\n * @example\n * <RelativeTime date={post.createdAt} locale=\"en\" />\n */\nexport function RelativeTime({ date, locale = \"pt\", ...props }: RelativeTimeProps) {\n    const target = date instanceof Date ? date : new Date(date);\n    const iso = Number.isNaN(target.getTime()) ? undefined : target.toISOString();\n    const label = relativeTime(date, { locale: locale === \"pt\" ? \"pt-BR\" : \"en\" });\n\n    return (\n        <time dateTime={iso} {...props}>\n            {label}\n        </time>\n    );\n}\n"],"mappings":"oFAoBA,SAAgB,EAAa,CAAE,OAAM,SAAS,KAAM,GAAG,GAA4B,CAC/E,IAAM,EAAS,aAAgB,KAAO,EAAO,IAAI,KAAK,CAAI,EACpD,EAAM,OAAO,MAAM,EAAO,QAAQ,CAAC,EAAI,IAAA,GAAY,EAAO,YAAY,EACtE,EAAQ,EAAA,aAAa,EAAM,CAAE,OAAQ,IAAW,KAAO,QAAU,IAAK,CAAC,EAE7E,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,SAAU,EAAK,GAAI,WACpB,CACC,CAAA,CAEd"}
+{"version":3,"file":"RelativeTime.cjs","names":[],"sources":["../../../src/components/RelativeTime/RelativeTime.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { relativeTime } from \"@/utils/relative-time\";\n\nexport interface RelativeTimeProps extends HTMLAttributes<HTMLTimeElement> {\n    /** The instant to render relative to now. */\n    date: Date | string | number;\n    /** Output language. Defaults to \"pt\". */\n    locale?: \"pt\" | \"en\";\n}\n\n/**\n * Render a date as a human-friendly relative-time string (e.g. \"5 min atrás\")\n * inside a semantic `<time>` element with a machine-readable `dateTime`.\n *\n * Delegates the wording to the `relativeTime` util; \"pt\" maps to its \"pt-BR\"\n * locale.\n *\n * @example\n * <RelativeTime date={post.createdAt} locale=\"en\" />\n */\nexport function RelativeTime({ date, locale = \"pt\", ...props }: RelativeTimeProps) {\n    const target = date instanceof Date ? date : new Date(date);\n    const iso = Number.isNaN(target.getTime()) ? undefined : target.toISOString();\n    const label = relativeTime(date, { locale: locale === \"pt\" ? \"pt-BR\" : \"en\" });\n\n    return (\n        <time dateTime={iso} {...props}>\n            {label}\n        </time>\n    );\n}\n"],"mappings":"oFAoBA,SAAgB,EAAa,CAAE,OAAM,SAAS,KAAM,GAAG,GAA4B,CAC/E,IAAM,EAAS,aAAgB,KAAO,EAAO,IAAI,KAAK,CAAI,EACpD,EAAM,OAAO,MAAM,EAAO,QAAQ,CAAC,EAAI,IAAA,GAAY,EAAO,YAAY,EACtE,EAAQ,EAAA,aAAa,EAAM,CAAE,OAAQ,IAAW,KAAO,QAAU,IAAK,CAAC,EAE7E,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,SAAU,EAAK,GAAI,EACpB,SAAA,CACC,CAAA,CAEd"}

package/dist/components/RelativeTime/RelativeTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelativeTime.js","names":[],"sources":["../../../src/components/RelativeTime/RelativeTime.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { relativeTime } from \"@/utils/relative-time\";\n\nexport interface RelativeTimeProps extends HTMLAttributes<HTMLTimeElement> {\n    /** The instant to render relative to now. */\n    date: Date | string | number;\n    /** Output language. Defaults to \"pt\". */\n    locale?: \"pt\" | \"en\";\n}\n\n/**\n * Render a date as a human-friendly relative-time string (e.g. \"5 min atrás\")\n * inside a semantic `<time>` element with a machine-readable `dateTime`.\n *\n * Delegates the wording to the `relativeTime` util; \"pt\" maps to its \"pt-BR\"\n * locale.\n *\n * @example\n * <RelativeTime date={post.createdAt} locale=\"en\" />\n */\nexport function RelativeTime({ date, locale = \"pt\", ...props }: RelativeTimeProps) {\n    const target = date instanceof Date ? date : new Date(date);\n    const iso = Number.isNaN(target.getTime()) ? undefined : target.toISOString();\n    const label = relativeTime(date, { locale: locale === \"pt\" ? \"pt-BR\" : \"en\" });\n\n    return (\n        <time dateTime={iso} {...props}>\n            {label}\n        </time>\n    );\n}\n"],"mappings":";;;AAoBA,SAAgB,EAAa,EAAE,SAAM,YAAS,MAAM,GAAG,KAA4B;CAC/E,IAAM,IAAS,aAAgB,OAAO,IAAO,IAAI,KAAK,CAAI,GACpD,IAAM,OAAO,MAAM,EAAO,QAAQ,CAAC,IAAI,KAAA,IAAY,EAAO,YAAY,GACtE,IAAQ,EAAa,GAAM,EAAE,QAAQ,MAAW,OAAO,UAAU,KAAK,CAAC;CAE7E,OACI,kBAAC,QAAD;EAAM,UAAU;EAAK,GAAI;YACpB;CACC,CAAA;AAEd"}
+{"version":3,"file":"RelativeTime.js","names":[],"sources":["../../../src/components/RelativeTime/RelativeTime.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { relativeTime } from \"@/utils/relative-time\";\n\nexport interface RelativeTimeProps extends HTMLAttributes<HTMLTimeElement> {\n    /** The instant to render relative to now. */\n    date: Date | string | number;\n    /** Output language. Defaults to \"pt\". */\n    locale?: \"pt\" | \"en\";\n}\n\n/**\n * Render a date as a human-friendly relative-time string (e.g. \"5 min atrás\")\n * inside a semantic `<time>` element with a machine-readable `dateTime`.\n *\n * Delegates the wording to the `relativeTime` util; \"pt\" maps to its \"pt-BR\"\n * locale.\n *\n * @example\n * <RelativeTime date={post.createdAt} locale=\"en\" />\n */\nexport function RelativeTime({ date, locale = \"pt\", ...props }: RelativeTimeProps) {\n    const target = date instanceof Date ? date : new Date(date);\n    const iso = Number.isNaN(target.getTime()) ? undefined : target.toISOString();\n    const label = relativeTime(date, { locale: locale === \"pt\" ? \"pt-BR\" : \"en\" });\n\n    return (\n        <time dateTime={iso} {...props}>\n            {label}\n        </time>\n    );\n}\n"],"mappings":";;;AAoBA,SAAgB,EAAa,EAAE,SAAM,YAAS,MAAM,GAAG,KAA4B;CAC/E,IAAM,IAAS,aAAgB,OAAO,IAAO,IAAI,KAAK,CAAI,GACpD,IAAM,OAAO,MAAM,EAAO,QAAQ,CAAC,IAAI,KAAA,IAAY,EAAO,YAAY,GACtE,IAAQ,EAAa,GAAM,EAAE,QAAQ,MAAW,OAAO,UAAU,KAAK,CAAC;CAE7E,OACI,kBAAC,QAAD;EAAM,UAAU;EAAK,GAAI;EACpB,UAAA;CACC,CAAA;AAEd"}

package/dist/components/Resizable/Resizable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.cjs","names":[],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — the body owns the pointer capture, the min/max\n * clamp and the keyboard resize step; all three write the same size and must agree\n * on the bounds.\n */\nimport { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Split orientation. `horizontal` (default) places panes side by side. */\n    direction?: ResizableDirection;\n    /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n    defaultSize?: number;\n    /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n    min?: number;\n    /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n    max?: number;\n    /** Exactly two panes — `[paneA, paneB]`. */\n    children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n    direction = \"horizontal\",\n    defaultSize = 50,\n    min = 10,\n    max = 90,\n    children,\n    className,\n    ...props\n}: ResizableProps) {\n    const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [paneA, paneB] = children;\n    const isHorizontal = direction === \"horizontal\";\n\n    const updateFromPointer = useCallback(\n        (clientX: number, clientY: number): void => {\n            const container = containerRef.current;\n            if (!container) return;\n            const rect = container.getBoundingClientRect();\n            const total = isHorizontal ? rect.width : rect.height;\n            if (total <= 0) return;\n            const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n            const percent = (offset / total) * 100;\n            setSize(clamp(percent, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<HTMLDivElement>): void => {\n            event.preventDefault();\n            const divider = event.currentTarget;\n            divider.setPointerCapture(event.pointerId);\n\n            const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n                updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n            };\n            const handleUp = (): void => {\n                window.removeEventListener(\"pointermove\", handleMove);\n                window.removeEventListener(\"pointerup\", handleUp);\n            };\n\n            window.addEventListener(\"pointermove\", handleMove);\n            window.addEventListener(\"pointerup\", handleUp);\n        },\n        [updateFromPointer],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>): void => {\n            let delta = 0;\n            if (isHorizontal) {\n                if (event.key === \"ArrowRight\") delta = KEY_STEP;\n                else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n            } else {\n                if (event.key === \"ArrowDown\") delta = KEY_STEP;\n                else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n            }\n            if (event.key === \"Home\") {\n                event.preventDefault();\n                setSize(min);\n                return;\n            }\n            if (event.key === \"End\") {\n                event.preventDefault();\n                setSize(max);\n                return;\n            }\n            if (delta === 0) return;\n            event.preventDefault();\n            setSize((current) => clamp(current + delta, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(\n                styles.root,\n                isHorizontal ? styles.horizontal : styles.vertical,\n                className,\n            )}\n            {...props}\n        >\n            <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n                {paneA}\n            </div>\n            <div\n                role=\"separator\"\n                aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n                aria-valuenow={Math.round(size)}\n                aria-valuemin={min}\n                aria-valuemax={max}\n                tabIndex={0}\n                className={styles.divider}\n                onPointerDown={handlePointerDown}\n                onKeyDown={handleKeyDown}\n            >\n                <span className={styles.handle} aria-hidden=\"true\" />\n            </div>\n            <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n                {paneB}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"gIAyBA,IAAM,EAAW,EAUjB,SAAS,EAAM,EAAe,EAAa,EAAqB,CAC5D,OAAO,KAAK,IAAI,EAAK,KAAK,IAAI,EAAK,CAAK,CAAC,CAC7C,CASA,SAAgB,EAAU,CACtB,YAAY,aACZ,cAAc,GACd,MAAM,GACN,MAAM,GACN,WACA,YACA,GAAG,GACY,CACf,GAAM,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,KAAkC,EAAM,EAAa,EAAK,CAAG,CAAC,EACrE,GAAA,EAAA,EAAA,OAAA,CAA6C,IAAI,EACjD,CAAC,EAAO,GAAS,EACjB,EAAe,IAAc,aAE7B,GAAA,EAAA,EAAA,YAAA,EACD,EAAiB,IAA0B,CACxC,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,EAAW,OAChB,IAAM,EAAO,EAAU,sBAAsB,EACvC,EAAQ,EAAe,EAAK,MAAQ,EAAK,OAC/C,GAAI,GAAS,EAAG,OAEhB,IAAM,GADS,EAAe,EAAU,EAAK,KAAO,EAAU,EAAK,KACzC,EAAS,IACnC,EAAQ,EAAM,EAAS,EAAK,CAAG,CAAC,CACpC,EACA,CAAC,EAAc,EAAK,CAAG,CAC3B,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAA8C,CAC3C,EAAM,eAAe,EAErB,EADsB,cACd,kBAAkB,EAAM,SAAS,EAEzC,IAAM,EAAc,GAA6C,CAC7D,EAAkB,EAAU,QAAS,EAAU,OAAO,CAC1D,EACM,MAAuB,CACzB,OAAO,oBAAoB,cAAe,CAAU,EACpD,OAAO,oBAAoB,YAAa,CAAQ,CACpD,EAEA,OAAO,iBAAiB,cAAe,CAAU,EACjD,OAAO,iBAAiB,YAAa,CAAQ,CACjD,EACA,CAAC,CAAiB,CACtB,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAA+C,CAC5C,IAAI,EAAQ,EAQZ,GAPI,EACI,EAAM,MAAQ,aAAc,EAAQ,EAC/B,EAAM,MAAQ,cAAa,EAAQ,IAExC,EAAM,MAAQ,YAAa,EAAQ,EAC9B,EAAM,MAAQ,YAAW,EAAQ,IAE1C,EAAM,MAAQ,OAAQ,CACtB,EAAM,eAAe,EACrB,EAAQ,CAAG,EACX,MACJ,CACA,GAAI,EAAM,MAAQ,MAAO,CACrB,EAAM,eAAe,EACrB,EAAQ,CAAG,EACX,MACJ,CACI,IAAU,IACd,EAAM,eAAe,EACrB,EAAS,GAAY,EAAM,EAAU,EAAO,EAAK,CAAG,CAAC,EACzD,EACA,CAAC,EAAc,EAAK,CAAG,CAC3B,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GACP,EAAA,QAAO,KACP,EAAe,EAAA,QAAO,WAAa,EAAA,QAAO,SAC1C,CACJ,EACA,GAAI,WAPR,EASI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAG,EAAK,EAAG,WACvD,CACA,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,YACL,mBAAkB,EAAe,WAAa,aAC9C,gBAAe,KAAK,MAAM,CAAI,EAC9B,gBAAe,EACf,gBAAe,EACf,SAAU,EACV,UAAW,EAAA,QAAO,QAClB,cAAe,EACf,UAAW,YAEX,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,OAAQ,cAAY,MAAQ,CAAA,CACnD,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAG,IAAM,EAAK,EAAG,WAC7D,CACA,CAAA,CACJ,GAEb"}
+{"version":3,"file":"Resizable.cjs","names":[],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — the body owns the pointer capture, the min/max\n * clamp and the keyboard resize step; all three write the same size and must agree\n * on the bounds.\n */\nimport { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Split orientation. `horizontal` (default) places panes side by side. */\n    direction?: ResizableDirection;\n    /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n    defaultSize?: number;\n    /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n    min?: number;\n    /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n    max?: number;\n    /** Exactly two panes — `[paneA, paneB]`. */\n    children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n    direction = \"horizontal\",\n    defaultSize = 50,\n    min = 10,\n    max = 90,\n    children,\n    className,\n    ...props\n}: ResizableProps) {\n    const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [paneA, paneB] = children;\n    const isHorizontal = direction === \"horizontal\";\n\n    const updateFromPointer = useCallback(\n        (clientX: number, clientY: number): void => {\n            const container = containerRef.current;\n            if (!container) return;\n            const rect = container.getBoundingClientRect();\n            const total = isHorizontal ? rect.width : rect.height;\n            if (total <= 0) return;\n            const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n            const percent = (offset / total) * 100;\n            setSize(clamp(percent, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<HTMLDivElement>): void => {\n            event.preventDefault();\n            const divider = event.currentTarget;\n            divider.setPointerCapture(event.pointerId);\n\n            const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n                updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n            };\n            const handleUp = (): void => {\n                window.removeEventListener(\"pointermove\", handleMove);\n                window.removeEventListener(\"pointerup\", handleUp);\n            };\n\n            window.addEventListener(\"pointermove\", handleMove);\n            window.addEventListener(\"pointerup\", handleUp);\n        },\n        [updateFromPointer],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>): void => {\n            let delta = 0;\n            if (isHorizontal) {\n                if (event.key === \"ArrowRight\") delta = KEY_STEP;\n                else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n            } else {\n                if (event.key === \"ArrowDown\") delta = KEY_STEP;\n                else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n            }\n            if (event.key === \"Home\") {\n                event.preventDefault();\n                setSize(min);\n                return;\n            }\n            if (event.key === \"End\") {\n                event.preventDefault();\n                setSize(max);\n                return;\n            }\n            if (delta === 0) return;\n            event.preventDefault();\n            setSize((current) => clamp(current + delta, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(\n                styles.root,\n                isHorizontal ? styles.horizontal : styles.vertical,\n                className,\n            )}\n            {...props}\n        >\n            <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n                {paneA}\n            </div>\n            <div\n                role=\"separator\"\n                aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n                aria-valuenow={Math.round(size)}\n                aria-valuemin={min}\n                aria-valuemax={max}\n                tabIndex={0}\n                className={styles.divider}\n                onPointerDown={handlePointerDown}\n                onKeyDown={handleKeyDown}\n            >\n                <span className={styles.handle} aria-hidden=\"true\" />\n            </div>\n            <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n                {paneB}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"gIAyBA,IAAM,EAAW,EAUjB,SAAS,EAAM,EAAe,EAAa,EAAqB,CAC5D,OAAO,KAAK,IAAI,EAAK,KAAK,IAAI,EAAK,CAAK,CAAC,CAC7C,CASA,SAAgB,EAAU,CACtB,YAAY,aACZ,cAAc,GACd,MAAM,GACN,MAAM,GACN,WACA,YACA,GAAG,GACY,CACf,GAAM,CAAC,EAAM,IAAA,EAAW,EAAA,SAAA,KAAuB,EAAM,EAAa,EAAK,CAAG,CAAC,EACrE,GAAA,EAAe,EAAA,OAAA,CAA8B,IAAI,EACjD,CAAC,EAAO,GAAS,EACjB,EAAe,IAAc,aAE7B,GAAA,EAAoB,EAAA,YAAA,EACrB,EAAiB,IAA0B,CACxC,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,EAAW,OAChB,IAAM,EAAO,EAAU,sBAAsB,EACvC,EAAQ,EAAe,EAAK,MAAQ,EAAK,OAC/C,GAAI,GAAS,EAAG,OAEhB,IAAM,GADS,EAAe,EAAU,EAAK,KAAO,EAAU,EAAK,KACzC,EAAS,IACnC,EAAQ,EAAM,EAAS,EAAK,CAAG,CAAC,CACpC,EACA,CAAC,EAAc,EAAK,CAAG,CAC3B,EAEM,GAAA,EAAoB,EAAA,YAAA,CACrB,GAA8C,CAC3C,EAAM,eAAe,EAErB,EADsB,cACd,kBAAkB,EAAM,SAAS,EAEzC,IAAM,EAAc,GAA6C,CAC7D,EAAkB,EAAU,QAAS,EAAU,OAAO,CAC1D,EACM,MAAuB,CACzB,OAAO,oBAAoB,cAAe,CAAU,EACpD,OAAO,oBAAoB,YAAa,CAAQ,CACpD,EAEA,OAAO,iBAAiB,cAAe,CAAU,EACjD,OAAO,iBAAiB,YAAa,CAAQ,CACjD,EACA,CAAC,CAAiB,CACtB,EAEM,GAAA,EAAgB,EAAA,YAAA,CACjB,GAA+C,CAC5C,IAAI,EAAQ,EAQZ,GAPI,EACI,EAAM,MAAQ,aAAc,EAAQ,EAC/B,EAAM,MAAQ,cAAa,EAAQ,IAExC,EAAM,MAAQ,YAAa,EAAQ,EAC9B,EAAM,MAAQ,YAAW,EAAQ,IAE1C,EAAM,MAAQ,OAAQ,CACtB,EAAM,eAAe,EACrB,EAAQ,CAAG,EACX,MACJ,CACA,GAAI,EAAM,MAAQ,MAAO,CACrB,EAAM,eAAe,EACrB,EAAQ,CAAG,EACX,MACJ,CACI,IAAU,IACd,EAAM,eAAe,EACrB,EAAS,GAAY,EAAM,EAAU,EAAO,EAAK,CAAG,CAAC,EACzD,EACA,CAAC,EAAc,EAAK,CAAG,CAC3B,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GACP,EAAA,QAAO,KACP,EAAe,EAAA,QAAO,WAAa,EAAA,QAAO,SAC1C,CACJ,EACA,GAAI,EAPR,SAAA,EASI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAG,EAAK,EAAG,EACvD,SAAA,CACA,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,YACL,mBAAkB,EAAe,WAAa,aAC9C,gBAAe,KAAK,MAAM,CAAI,EAC9B,gBAAe,EACf,gBAAe,EACf,SAAU,EACV,UAAW,EAAA,QAAO,QAClB,cAAe,EACf,UAAW,EAEX,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,OAAQ,cAAY,MAAQ,CAAA,CACnD,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAG,IAAM,EAAK,EAAG,EAC7D,SAAA,CACA,CAAA,CACJ,GAEb"}

package/dist/components/Resizable/Resizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.js","names":[],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — the body owns the pointer capture, the min/max\n * clamp and the keyboard resize step; all three write the same size and must agree\n * on the bounds.\n */\nimport { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Split orientation. `horizontal` (default) places panes side by side. */\n    direction?: ResizableDirection;\n    /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n    defaultSize?: number;\n    /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n    min?: number;\n    /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n    max?: number;\n    /** Exactly two panes — `[paneA, paneB]`. */\n    children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n    direction = \"horizontal\",\n    defaultSize = 50,\n    min = 10,\n    max = 90,\n    children,\n    className,\n    ...props\n}: ResizableProps) {\n    const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [paneA, paneB] = children;\n    const isHorizontal = direction === \"horizontal\";\n\n    const updateFromPointer = useCallback(\n        (clientX: number, clientY: number): void => {\n            const container = containerRef.current;\n            if (!container) return;\n            const rect = container.getBoundingClientRect();\n            const total = isHorizontal ? rect.width : rect.height;\n            if (total <= 0) return;\n            const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n            const percent = (offset / total) * 100;\n            setSize(clamp(percent, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<HTMLDivElement>): void => {\n            event.preventDefault();\n            const divider = event.currentTarget;\n            divider.setPointerCapture(event.pointerId);\n\n            const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n                updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n            };\n            const handleUp = (): void => {\n                window.removeEventListener(\"pointermove\", handleMove);\n                window.removeEventListener(\"pointerup\", handleUp);\n            };\n\n            window.addEventListener(\"pointermove\", handleMove);\n            window.addEventListener(\"pointerup\", handleUp);\n        },\n        [updateFromPointer],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>): void => {\n            let delta = 0;\n            if (isHorizontal) {\n                if (event.key === \"ArrowRight\") delta = KEY_STEP;\n                else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n            } else {\n                if (event.key === \"ArrowDown\") delta = KEY_STEP;\n                else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n            }\n            if (event.key === \"Home\") {\n                event.preventDefault();\n                setSize(min);\n                return;\n            }\n            if (event.key === \"End\") {\n                event.preventDefault();\n                setSize(max);\n                return;\n            }\n            if (delta === 0) return;\n            event.preventDefault();\n            setSize((current) => clamp(current + delta, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(\n                styles.root,\n                isHorizontal ? styles.horizontal : styles.vertical,\n                className,\n            )}\n            {...props}\n        >\n            <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n                {paneA}\n            </div>\n            <div\n                role=\"separator\"\n                aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n                aria-valuenow={Math.round(size)}\n                aria-valuemin={min}\n                aria-valuemax={max}\n                tabIndex={0}\n                className={styles.divider}\n                onPointerDown={handlePointerDown}\n                onKeyDown={handleKeyDown}\n            >\n                <span className={styles.handle} aria-hidden=\"true\" />\n            </div>\n            <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n                {paneB}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;AAyBA,IAAM,IAAW;AAUjB,SAAS,EAAM,GAAe,GAAa,GAAqB;CAC5D,OAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,CAAK,CAAC;AAC7C;AASA,SAAgB,EAAU,EACtB,eAAY,cACZ,iBAAc,IACd,SAAM,IACN,SAAM,IACN,aACA,cACA,GAAG,KACY;CACf,IAAM,CAAC,GAAM,KAAW,QAAuB,EAAM,GAAa,GAAK,CAAG,CAAC,GACrE,IAAe,EAA8B,IAAI,GACjD,CAAC,GAAO,KAAS,GACjB,IAAe,MAAc,cAE7B,IAAoB,GACrB,GAAiB,MAA0B;EACxC,IAAM,IAAY,EAAa;EAC/B,IAAI,CAAC,GAAW;EAChB,IAAM,IAAO,EAAU,sBAAsB,GACvC,IAAQ,IAAe,EAAK,QAAQ,EAAK;EAC/C,IAAI,KAAS,GAAG;EAEhB,IAAM,KADS,IAAe,IAAU,EAAK,OAAO,IAAU,EAAK,OACzC,IAAS;EACnC,EAAQ,EAAM,GAAS,GAAK,CAAG,CAAC;CACpC,GACA;EAAC;EAAc;EAAK;CAAG,CAC3B,GAEM,IAAoB,GACrB,MAA8C;EAG3C,AAFA,EAAM,eAAe,GAErB,EADsB,cACd,kBAAkB,EAAM,SAAS;EAEzC,IAAM,KAAc,MAA6C;GAC7D,EAAkB,EAAU,SAAS,EAAU,OAAO;EAC1D,GACM,UAAuB;GAEzB,AADA,OAAO,oBAAoB,eAAe,CAAU,GACpD,OAAO,oBAAoB,aAAa,CAAQ;EACpD;EAGA,AADA,OAAO,iBAAiB,eAAe,CAAU,GACjD,OAAO,iBAAiB,aAAa,CAAQ;CACjD,GACA,CAAC,CAAiB,CACtB,GAEM,IAAgB,GACjB,MAA+C;EAC5C,IAAI,IAAQ;EAQZ,IAPI,IACI,EAAM,QAAQ,eAAc,IAAQ,IAC/B,EAAM,QAAQ,gBAAa,IAAQ,MAExC,EAAM,QAAQ,cAAa,IAAQ,IAC9B,EAAM,QAAQ,cAAW,IAAQ,KAE1C,EAAM,QAAQ,QAAQ;GAEtB,AADA,EAAM,eAAe,GACrB,EAAQ,CAAG;GACX;EACJ;EACA,IAAI,EAAM,QAAQ,OAAO;GAErB,AADA,EAAM,eAAe,GACrB,EAAQ,CAAG;GACX;EACJ;EACI,MAAU,MACd,EAAM,eAAe,GACrB,GAAS,MAAY,EAAM,IAAU,GAAO,GAAK,CAAG,CAAC;CACzD,GACA;EAAC;EAAc;EAAK;CAAG,CAC3B;CAEA,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EACP,EAAO,MACP,IAAe,EAAO,aAAa,EAAO,UAC1C,CACJ;EACA,GAAI;YAPR;GASI,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,OAAO,EAAE,WAAW,GAAG,EAAK,GAAG;cACvD;GACA,CAAA;GACL,kBAAC,OAAD;IACI,MAAK;IACL,oBAAkB,IAAe,aAAa;IAC9C,iBAAe,KAAK,MAAM,CAAI;IAC9B,iBAAe;IACf,iBAAe;IACf,UAAU;IACV,WAAW,EAAO;IAClB,eAAe;IACf,WAAW;cAEX,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAQ,eAAY;IAAQ,CAAA;GACnD,CAAA;GACL,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,OAAO,EAAE,WAAW,GAAG,MAAM,EAAK,GAAG;cAC7D;GACA,CAAA;EACJ;;AAEb"}
+{"version":3,"file":"Resizable.js","names":[],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — the body owns the pointer capture, the min/max\n * clamp and the keyboard resize step; all three write the same size and must agree\n * on the bounds.\n */\nimport { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Split orientation. `horizontal` (default) places panes side by side. */\n    direction?: ResizableDirection;\n    /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n    defaultSize?: number;\n    /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n    min?: number;\n    /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n    max?: number;\n    /** Exactly two panes — `[paneA, paneB]`. */\n    children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n    direction = \"horizontal\",\n    defaultSize = 50,\n    min = 10,\n    max = 90,\n    children,\n    className,\n    ...props\n}: ResizableProps) {\n    const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [paneA, paneB] = children;\n    const isHorizontal = direction === \"horizontal\";\n\n    const updateFromPointer = useCallback(\n        (clientX: number, clientY: number): void => {\n            const container = containerRef.current;\n            if (!container) return;\n            const rect = container.getBoundingClientRect();\n            const total = isHorizontal ? rect.width : rect.height;\n            if (total <= 0) return;\n            const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n            const percent = (offset / total) * 100;\n            setSize(clamp(percent, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<HTMLDivElement>): void => {\n            event.preventDefault();\n            const divider = event.currentTarget;\n            divider.setPointerCapture(event.pointerId);\n\n            const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n                updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n            };\n            const handleUp = (): void => {\n                window.removeEventListener(\"pointermove\", handleMove);\n                window.removeEventListener(\"pointerup\", handleUp);\n            };\n\n            window.addEventListener(\"pointermove\", handleMove);\n            window.addEventListener(\"pointerup\", handleUp);\n        },\n        [updateFromPointer],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>): void => {\n            let delta = 0;\n            if (isHorizontal) {\n                if (event.key === \"ArrowRight\") delta = KEY_STEP;\n                else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n            } else {\n                if (event.key === \"ArrowDown\") delta = KEY_STEP;\n                else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n            }\n            if (event.key === \"Home\") {\n                event.preventDefault();\n                setSize(min);\n                return;\n            }\n            if (event.key === \"End\") {\n                event.preventDefault();\n                setSize(max);\n                return;\n            }\n            if (delta === 0) return;\n            event.preventDefault();\n            setSize((current) => clamp(current + delta, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(\n                styles.root,\n                isHorizontal ? styles.horizontal : styles.vertical,\n                className,\n            )}\n            {...props}\n        >\n            <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n                {paneA}\n            </div>\n            <div\n                role=\"separator\"\n                aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n                aria-valuenow={Math.round(size)}\n                aria-valuemin={min}\n                aria-valuemax={max}\n                tabIndex={0}\n                className={styles.divider}\n                onPointerDown={handlePointerDown}\n                onKeyDown={handleKeyDown}\n            >\n                <span className={styles.handle} aria-hidden=\"true\" />\n            </div>\n            <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n                {paneB}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;AAyBA,IAAM,IAAW;AAUjB,SAAS,EAAM,GAAe,GAAa,GAAqB;CAC5D,OAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,CAAK,CAAC;AAC7C;AASA,SAAgB,EAAU,EACtB,eAAY,cACZ,iBAAc,IACd,SAAM,IACN,SAAM,IACN,aACA,cACA,GAAG,KACY;CACf,IAAM,CAAC,GAAM,KAAW,QAAuB,EAAM,GAAa,GAAK,CAAG,CAAC,GACrE,IAAe,EAA8B,IAAI,GACjD,CAAC,GAAO,KAAS,GACjB,IAAe,MAAc,cAE7B,IAAoB,GACrB,GAAiB,MAA0B;EACxC,IAAM,IAAY,EAAa;EAC/B,IAAI,CAAC,GAAW;EAChB,IAAM,IAAO,EAAU,sBAAsB,GACvC,IAAQ,IAAe,EAAK,QAAQ,EAAK;EAC/C,IAAI,KAAS,GAAG;EAEhB,IAAM,KADS,IAAe,IAAU,EAAK,OAAO,IAAU,EAAK,OACzC,IAAS;EACnC,EAAQ,EAAM,GAAS,GAAK,CAAG,CAAC;CACpC,GACA;EAAC;EAAc;EAAK;CAAG,CAC3B,GAEM,IAAoB,GACrB,MAA8C;EAG3C,AAFA,EAAM,eAAe,GAErB,EADsB,cACd,kBAAkB,EAAM,SAAS;EAEzC,IAAM,KAAc,MAA6C;GAC7D,EAAkB,EAAU,SAAS,EAAU,OAAO;EAC1D,GACM,UAAuB;GAEzB,AADA,OAAO,oBAAoB,eAAe,CAAU,GACpD,OAAO,oBAAoB,aAAa,CAAQ;EACpD;EAGA,AADA,OAAO,iBAAiB,eAAe,CAAU,GACjD,OAAO,iBAAiB,aAAa,CAAQ;CACjD,GACA,CAAC,CAAiB,CACtB,GAEM,IAAgB,GACjB,MAA+C;EAC5C,IAAI,IAAQ;EAQZ,IAPI,IACI,EAAM,QAAQ,eAAc,IAAQ,IAC/B,EAAM,QAAQ,gBAAa,IAAQ,MAExC,EAAM,QAAQ,cAAa,IAAQ,IAC9B,EAAM,QAAQ,cAAW,IAAQ,KAE1C,EAAM,QAAQ,QAAQ;GAEtB,AADA,EAAM,eAAe,GACrB,EAAQ,CAAG;GACX;EACJ;EACA,IAAI,EAAM,QAAQ,OAAO;GAErB,AADA,EAAM,eAAe,GACrB,EAAQ,CAAG;GACX;EACJ;EACI,MAAU,MACd,EAAM,eAAe,GACrB,GAAS,MAAY,EAAM,IAAU,GAAO,GAAK,CAAG,CAAC;CACzD,GACA;EAAC;EAAc;EAAK;CAAG,CAC3B;CAEA,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EACP,EAAO,MACP,IAAe,EAAO,aAAa,EAAO,UAC1C,CACJ;EACA,GAAI;EAPR,UAAA;GASI,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,OAAO,EAAE,WAAW,GAAG,EAAK,GAAG;IACvD,UAAA;GACA,CAAA;GACL,kBAAC,OAAD;IACI,MAAK;IACL,oBAAkB,IAAe,aAAa;IAC9C,iBAAe,KAAK,MAAM,CAAI;IAC9B,iBAAe;IACf,iBAAe;IACf,UAAU;IACV,WAAW,EAAO;IAClB,eAAe;IACf,WAAW;IAEX,UAAA,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAQ,eAAY;IAAQ,CAAA;GACnD,CAAA;GACL,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,OAAO,EAAE,WAAW,GAAG,MAAM,EAAK,GAAG;IAC7D,UAAA;GACA,CAAA;EACJ;;AAEb"}

package/dist/components/Scheduler/Scheduler.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Scheduler.cjs","names":[],"sources":["../../../src/components/Scheduler/Scheduler.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the grid is defined by\n * anchor, days, startHour, endHour and snapMinutes; the content by events,\n * renderEvent, onEventClick and onSlotClick; the reading by locale, showCurrentTime\n * and now. The body lays out overlapping events into columns, which needs the whole\n * day's events at once.\n */\nimport { type HTMLAttributes, type ReactNode, useEffect, useMemo, useState } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport {\n    dayRange,\n    type DayWindow,\n    fractionOfWindow,\n    hourMarks,\n    isSameDay,\n    layoutAllDay,\n    layoutEvents,\n    type SchedulerEvent,\n} from \"./scheduler-layout\";\nimport styles from \"./Scheduler.module.css\";\n\nexport interface SchedulerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Events to place. Instants are read in the browser's local time. */\n    events: readonly SchedulerEvent[];\n    /** Any day within the range to show. Default: today. */\n    anchor?: Date;\n    /** How many consecutive days to render. `1` is a day view, `7` a week. Default `7`. */\n    days?: number;\n    /** First visible hour, `0`–`23`. Default `8`. */\n    startHour?: number;\n    /** Last visible hour, `1`–`24`. Default `20`. */\n    endHour?: number;\n    /** Minutes a click on empty space snaps to. Default `30`. */\n    snapMinutes?: number;\n    /** Called when an event is activated by click, `Enter` or `Space`. */\n    onEventClick?: (event: SchedulerEvent) => void;\n    /** Called with the snapped instant when empty space is clicked. */\n    onSlotClick?: (start: Date) => void;\n    /** Render an event's contents. Defaults to its title and start time. */\n    renderEvent?: (event: SchedulerEvent) => ReactNode;\n    /** Locale for the day and hour labels. Default `\"pt-BR\"`. */\n    locale?: string;\n    /** Draw the current-time line. Default `true`. */\n    showCurrentTime?: boolean;\n    /** Fixed \"now\" for the indicator. Default: the real clock, ticking each minute. */\n    now?: Date;\n}\n\n/** Minutes between ticks of the current-time indicator. */\nconst TICK_MS = 60_000;\n\n/**\n * An agenda: events placed on a time grid across consecutive days.\n *\n * `Calendar` is a date *picker* — it answers \"which day?\". This answers \"what is on\n * those days, and when\", which needs a different structure entirely: a vertical time\n * axis, events sized by duration, and overlapping events sitting side by side.\n *\n * That last part is the one worth naming. Overlapping events are grouped into\n * clusters of mutual overlap and every event in a cluster shares one column count,\n * so widths line up; a column is reused the moment it frees, so `9–10`, `9–10`,\n * `10–11` takes two columns and not three. The layout is pure and lives in\n * `scheduler-layout.ts`.\n *\n * Times are local. An event crossing midnight is split into both day columns, and\n * the day range is built by incrementing the calendar day, so a DST boundary does\n * not duplicate or skip a date.\n *\n * @example\n * <Scheduler\n *     events={bookings}\n *     days={7}\n *     startHour={7}\n *     endHour={21}\n *     onEventClick={(e) => open(e.id)}\n *     onSlotClick={(start) => createAt(start)}\n * />\n */\nexport function Scheduler({\n    events,\n    anchor,\n    days: dayCount = 7,\n    startHour = 8,\n    endHour = 20,\n    snapMinutes = 30,\n    onEventClick,\n    onSlotClick,\n    renderEvent,\n    locale = \"pt-BR\",\n    showCurrentTime = true,\n    now,\n    className,\n    ...rest\n}: SchedulerProps) {\n    const [clock, setClock] = useState<Date>(() => now ?? new Date());\n\n    /**\n     * Keep the current-time line moving.\n     *\n     * Skipped entirely when `now` is supplied: that is the hook tests and demos use\n     * to be deterministic, and a timer would fight it.\n     */\n    useEffect(() => {\n        if (now || !showCurrentTime) return;\n        const id = setInterval(() => setClock(new Date()), TICK_MS);\n        return () => clearInterval(id);\n    }, [now, showCurrentTime]);\n\n    const reference = now ?? clock;\n\n    const window = useMemo<DayWindow>(\n        () => ({ startMinute: startHour * 60, endMinute: endHour * 60 }),\n        [startHour, endHour],\n    );\n\n    /**\n     * The calendar day the range starts from, as a stable string.\n     *\n     * `reference` ticks every minute when the current-time line is live. Depending on\n     * the Date itself would re-slice the day range — and therefore relayout every\n     * event — once a minute; depending on the day only recomputes at midnight.\n     */\n    const anchorDay = (anchor ?? reference).toDateString();\n    const dayList = useMemo(() => dayRange(new Date(anchorDay), dayCount), [anchorDay, dayCount]);\n\n    const placed = useMemo(\n        () => layoutEvents({ events, days: dayList, window }),\n        [events, dayList, window],\n    );\n    const allDay = useMemo(() => layoutAllDay({ events, days: dayList }), [events, dayList]);\n    const marks = useMemo(() => hourMarks(window), [window]);\n\n    const dayLabel = new Intl.DateTimeFormat(locale, { weekday: \"short\", day: \"numeric\" });\n    const timeLabel = new Intl.DateTimeFormat(locale, { hour: \"2-digit\", minute: \"2-digit\" });\n\n    /** Turn a click's vertical position within a day column into a snapped instant. */\n    const slotFromClick = (day: Date, event: React.MouseEvent<HTMLDivElement>): Date => {\n        const rect = event.currentTarget.getBoundingClientRect();\n        const fraction = rect.height > 0 ? (event.clientY - rect.top) / rect.height : 0;\n        const raw = window.startMinute + fraction * (window.endMinute - window.startMinute);\n        const snapped = Math.round(raw / snapMinutes) * snapMinutes;\n        const clamped = Math.max(window.startMinute, Math.min(window.endMinute, snapped));\n        const result = new Date(day);\n        result.setHours(0, clamped, 0, 0);\n        return result;\n    };\n\n    const currentFraction = showCurrentTime ? fractionOfWindow(reference, window) : null;\n    const todayIndex = dayList.findIndex((day) => isSameDay(day, reference));\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            <div\n                className={styles.head}\n                style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n            >\n                <span className={styles.gutterHead} />\n                {dayList.map((day, index) => (\n                    <span\n                        key={day.toISOString()}\n                        className={cn(styles.dayHead, index === todayIndex && styles.today)}\n                    >\n                        {dayLabel.format(day)}\n                    </span>\n                ))}\n            </div>\n\n            {allDay.length > 0 && (\n                <div\n                    className={styles.allDayLane}\n                    style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n                >\n                    <span className={styles.gutterHead}>Dia inteiro</span>\n                    <div className={styles.allDayTrack}>\n                        {allDay.map(({ event, dayIndex, span }) => (\n                            <button\n                                key={event.id}\n                                type=\"button\"\n                                className={styles.allDayEvent}\n                                style={{ gridColumn: `${dayIndex + 1} / span ${span}` }}\n                                onClick={() => onEventClick?.(event)}\n                                disabled={!onEventClick}\n                            >\n                                {event.title}\n                            </button>\n                        ))}\n                    </div>\n                </div>\n            )}\n\n            {/*\n             * Focusable because it scrolls vertically: a scroll region that cannot be\n             * focused is unreachable by keyboard, which is what `axe`'s\n             * `scrollable-region-focusable` rule is about. It needs a name too, or the\n             * new tab stop would announce nothing — but `group`, not `region`: a named\n             * `region` is a landmark, and two schedulers on one page would then be two\n             * identically-named landmarks (`landmark-unique`).\n             */}\n            <div\n                className={styles.body}\n                style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n                tabIndex={0}\n                role=\"group\"\n                aria-label=\"Grade de horários\"\n            >\n                <div className={styles.gutter}>\n                    {marks.map((minute) => (\n                        <span\n                            key={minute}\n                            className={styles.hourLabel}\n                            style={{\n                                top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n                            }}\n                        >\n                            {timeLabel.format(\n                                new Date(2026, 0, 1, Math.floor(minute / 60), minute % 60),\n                            )}\n                        </span>\n                    ))}\n                </div>\n\n                {/*\n                 * Not `role=\"grid\"`: that requires `row` children, and the events are\n                 * siblings of the day columns inside one CSS grid — a `row` wrapper\n                 * would stop the columns being grid items and collapse the layout.\n                 * A labelled group per day is the honest structure anyway: a screen\n                 * reader tabs the event buttons and the group name supplies the day.\n                 */}\n                <div className={styles.grid} aria-label=\"Agenda\">\n                    {dayList.map((day, index) => (\n                        <div\n                            key={day.toISOString()}\n                            className={cn(\n                                styles.dayColumn,\n                                index === todayIndex && styles.todayColumn,\n                            )}\n                            role=\"group\"\n                            aria-label={dayLabel.format(day)}\n                            onClick={\n                                onSlotClick\n                                    ? (event) => {\n                                          // Only empty space creates: a click that\n                                          // landed on an event is that event's.\n                                          if (event.target !== event.currentTarget) return;\n                                          onSlotClick(slotFromClick(day, event));\n                                      }\n                                    : undefined\n                            }\n                        >\n                            {marks.map((minute) => (\n                                <span\n                                    key={minute}\n                                    className={styles.hourLine}\n                                    style={{\n                                        top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n                                    }}\n                                />\n                            ))}\n                        </div>\n                    ))}\n\n                    {placed.map((item) => (\n                        <button\n                            key={`${item.event.id}-${item.dayIndex}`}\n                            type=\"button\"\n                            className={styles.event}\n                            style={{\n                                gridColumn: item.dayIndex + 1,\n                                top: `${item.top * 100}%`,\n                                height: `${item.height * 100}%`,\n                                left: `${(item.column / item.columns) * 100}%`,\n                                width: `${(1 / item.columns) * 100}%`,\n                            }}\n                            onClick={() => onEventClick?.(item.event)}\n                            disabled={!onEventClick}\n                            title={`${item.event.title} — ${timeLabel.format(item.event.start)}`}\n                        >\n                            {renderEvent ? (\n                                renderEvent(item.event)\n                            ) : (\n                                <>\n                                    <span className={styles.eventTime}>\n                                        {timeLabel.format(item.event.start)}\n                                    </span>\n                                    <span className={styles.eventTitle}>{item.event.title}</span>\n                                </>\n                            )}\n                        </button>\n                    ))}\n\n                    {currentFraction !== null && todayIndex >= 0 && (\n                        <span\n                            className={styles.nowLine}\n                            style={{ top: `${currentFraction * 100}%` }}\n                            aria-hidden\n                            data-testid=\"scheduler-now\"\n                        />\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport type { SchedulerEvent };\n"],"mappings":"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"}
+{"version":3,"file":"Scheduler.cjs","names":[],"sources":["../../../src/components/Scheduler/Scheduler.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the grid is defined by\n * anchor, days, startHour, endHour and snapMinutes; the content by events,\n * renderEvent, onEventClick and onSlotClick; the reading by locale, showCurrentTime\n * and now. The body lays out overlapping events into columns, which needs the whole\n * day's events at once.\n */\nimport { type HTMLAttributes, type ReactNode, useEffect, useMemo, useState } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport {\n    dayRange,\n    type DayWindow,\n    fractionOfWindow,\n    hourMarks,\n    isSameDay,\n    layoutAllDay,\n    layoutEvents,\n    type SchedulerEvent,\n} from \"./scheduler-layout\";\nimport styles from \"./Scheduler.module.css\";\n\nexport interface SchedulerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Events to place. Instants are read in the browser's local time. */\n    events: readonly SchedulerEvent[];\n    /** Any day within the range to show. Default: today. */\n    anchor?: Date;\n    /** How many consecutive days to render. `1` is a day view, `7` a week. Default `7`. */\n    days?: number;\n    /** First visible hour, `0`–`23`. Default `8`. */\n    startHour?: number;\n    /** Last visible hour, `1`–`24`. Default `20`. */\n    endHour?: number;\n    /** Minutes a click on empty space snaps to. Default `30`. */\n    snapMinutes?: number;\n    /** Called when an event is activated by click, `Enter` or `Space`. */\n    onEventClick?: (event: SchedulerEvent) => void;\n    /** Called with the snapped instant when empty space is clicked. */\n    onSlotClick?: (start: Date) => void;\n    /** Render an event's contents. Defaults to its title and start time. */\n    renderEvent?: (event: SchedulerEvent) => ReactNode;\n    /** Locale for the day and hour labels. Default `\"pt-BR\"`. */\n    locale?: string;\n    /** Draw the current-time line. Default `true`. */\n    showCurrentTime?: boolean;\n    /** Fixed \"now\" for the indicator. Default: the real clock, ticking each minute. */\n    now?: Date;\n}\n\n/** Minutes between ticks of the current-time indicator. */\nconst TICK_MS = 60_000;\n\n/**\n * An agenda: events placed on a time grid across consecutive days.\n *\n * `Calendar` is a date *picker* — it answers \"which day?\". This answers \"what is on\n * those days, and when\", which needs a different structure entirely: a vertical time\n * axis, events sized by duration, and overlapping events sitting side by side.\n *\n * That last part is the one worth naming. Overlapping events are grouped into\n * clusters of mutual overlap and every event in a cluster shares one column count,\n * so widths line up; a column is reused the moment it frees, so `9–10`, `9–10`,\n * `10–11` takes two columns and not three. The layout is pure and lives in\n * `scheduler-layout.ts`.\n *\n * Times are local. An event crossing midnight is split into both day columns, and\n * the day range is built by incrementing the calendar day, so a DST boundary does\n * not duplicate or skip a date.\n *\n * @example\n * <Scheduler\n *     events={bookings}\n *     days={7}\n *     startHour={7}\n *     endHour={21}\n *     onEventClick={(e) => open(e.id)}\n *     onSlotClick={(start) => createAt(start)}\n * />\n */\nexport function Scheduler({\n    events,\n    anchor,\n    days: dayCount = 7,\n    startHour = 8,\n    endHour = 20,\n    snapMinutes = 30,\n    onEventClick,\n    onSlotClick,\n    renderEvent,\n    locale = \"pt-BR\",\n    showCurrentTime = true,\n    now,\n    className,\n    ...rest\n}: SchedulerProps) {\n    const [clock, setClock] = useState<Date>(() => now ?? new Date());\n\n    /**\n     * Keep the current-time line moving.\n     *\n     * Skipped entirely when `now` is supplied: that is the hook tests and demos use\n     * to be deterministic, and a timer would fight it.\n     */\n    useEffect(() => {\n        if (now || !showCurrentTime) return;\n        const id = setInterval(() => setClock(new Date()), TICK_MS);\n        return () => clearInterval(id);\n    }, [now, showCurrentTime]);\n\n    const reference = now ?? clock;\n\n    const window = useMemo<DayWindow>(\n        () => ({ startMinute: startHour * 60, endMinute: endHour * 60 }),\n        [startHour, endHour],\n    );\n\n    /**\n     * The calendar day the range starts from, as a stable string.\n     *\n     * `reference` ticks every minute when the current-time line is live. Depending on\n     * the Date itself would re-slice the day range — and therefore relayout every\n     * event — once a minute; depending on the day only recomputes at midnight.\n     */\n    const anchorDay = (anchor ?? reference).toDateString();\n    const dayList = useMemo(() => dayRange(new Date(anchorDay), dayCount), [anchorDay, dayCount]);\n\n    const placed = useMemo(\n        () => layoutEvents({ events, days: dayList, window }),\n        [events, dayList, window],\n    );\n    const allDay = useMemo(() => layoutAllDay({ events, days: dayList }), [events, dayList]);\n    const marks = useMemo(() => hourMarks(window), [window]);\n\n    const dayLabel = new Intl.DateTimeFormat(locale, { weekday: \"short\", day: \"numeric\" });\n    const timeLabel = new Intl.DateTimeFormat(locale, { hour: \"2-digit\", minute: \"2-digit\" });\n\n    /** Turn a click's vertical position within a day column into a snapped instant. */\n    const slotFromClick = (day: Date, event: React.MouseEvent<HTMLDivElement>): Date => {\n        const rect = event.currentTarget.getBoundingClientRect();\n        const fraction = rect.height > 0 ? (event.clientY - rect.top) / rect.height : 0;\n        const raw = window.startMinute + fraction * (window.endMinute - window.startMinute);\n        const snapped = Math.round(raw / snapMinutes) * snapMinutes;\n        const clamped = Math.max(window.startMinute, Math.min(window.endMinute, snapped));\n        const result = new Date(day);\n        result.setHours(0, clamped, 0, 0);\n        return result;\n    };\n\n    const currentFraction = showCurrentTime ? fractionOfWindow(reference, window) : null;\n    const todayIndex = dayList.findIndex((day) => isSameDay(day, reference));\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            <div\n                className={styles.head}\n                style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n            >\n                <span className={styles.gutterHead} />\n                {dayList.map((day, index) => (\n                    <span\n                        key={day.toISOString()}\n                        className={cn(styles.dayHead, index === todayIndex && styles.today)}\n                    >\n                        {dayLabel.format(day)}\n                    </span>\n                ))}\n            </div>\n\n            {allDay.length > 0 && (\n                <div\n                    className={styles.allDayLane}\n                    style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n                >\n                    <span className={styles.gutterHead}>Dia inteiro</span>\n                    <div className={styles.allDayTrack}>\n                        {allDay.map(({ event, dayIndex, span }) => (\n                            <button\n                                key={event.id}\n                                type=\"button\"\n                                className={styles.allDayEvent}\n                                style={{ gridColumn: `${dayIndex + 1} / span ${span}` }}\n                                onClick={() => onEventClick?.(event)}\n                                disabled={!onEventClick}\n                            >\n                                {event.title}\n                            </button>\n                        ))}\n                    </div>\n                </div>\n            )}\n\n            {/*\n             * Focusable because it scrolls vertically: a scroll region that cannot be\n             * focused is unreachable by keyboard, which is what `axe`'s\n             * `scrollable-region-focusable` rule is about. It needs a name too, or the\n             * new tab stop would announce nothing — but `group`, not `region`: a named\n             * `region` is a landmark, and two schedulers on one page would then be two\n             * identically-named landmarks (`landmark-unique`).\n             */}\n            <div\n                className={styles.body}\n                style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n                tabIndex={0}\n                role=\"group\"\n                aria-label=\"Grade de horários\"\n            >\n                <div className={styles.gutter}>\n                    {marks.map((minute) => (\n                        <span\n                            key={minute}\n                            className={styles.hourLabel}\n                            style={{\n                                top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n                            }}\n                        >\n                            {timeLabel.format(\n                                new Date(2026, 0, 1, Math.floor(minute / 60), minute % 60),\n                            )}\n                        </span>\n                    ))}\n                </div>\n\n                {/*\n                 * Not `role=\"grid\"`: that requires `row` children, and the events are\n                 * siblings of the day columns inside one CSS grid — a `row` wrapper\n                 * would stop the columns being grid items and collapse the layout.\n                 * A labelled group per day is the honest structure anyway: a screen\n                 * reader tabs the event buttons and the group name supplies the day.\n                 */}\n                <div className={styles.grid} aria-label=\"Agenda\">\n                    {dayList.map((day, index) => (\n                        <div\n                            key={day.toISOString()}\n                            className={cn(\n                                styles.dayColumn,\n                                index === todayIndex && styles.todayColumn,\n                            )}\n                            role=\"group\"\n                            aria-label={dayLabel.format(day)}\n                            onClick={\n                                onSlotClick\n                                    ? (event) => {\n                                          // Only empty space creates: a click that\n                                          // landed on an event is that event's.\n                                          if (event.target !== event.currentTarget) return;\n                                          onSlotClick(slotFromClick(day, event));\n                                      }\n                                    : undefined\n                            }\n                        >\n                            {marks.map((minute) => (\n                                <span\n                                    key={minute}\n                                    className={styles.hourLine}\n                                    style={{\n                                        top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n                                    }}\n                                />\n                            ))}\n                        </div>\n                    ))}\n\n                    {placed.map((item) => (\n                        <button\n                            key={`${item.event.id}-${item.dayIndex}`}\n                            type=\"button\"\n                            className={styles.event}\n                            style={{\n                                gridColumn: item.dayIndex + 1,\n                                top: `${item.top * 100}%`,\n                                height: `${item.height * 100}%`,\n                                left: `${(item.column / item.columns) * 100}%`,\n                                width: `${(1 / item.columns) * 100}%`,\n                            }}\n                            onClick={() => onEventClick?.(item.event)}\n                            disabled={!onEventClick}\n                            title={`${item.event.title} — ${timeLabel.format(item.event.start)}`}\n                        >\n                            {renderEvent ? (\n                                renderEvent(item.event)\n                            ) : (\n                                <>\n                                    <span className={styles.eventTime}>\n                                        {timeLabel.format(item.event.start)}\n                                    </span>\n                                    <span className={styles.eventTitle}>{item.event.title}</span>\n                                </>\n                            )}\n                        </button>\n                    ))}\n\n                    {currentFraction !== null && todayIndex >= 0 && (\n                        <span\n                            className={styles.nowLine}\n                            style={{ top: `${currentFraction * 100}%` }}\n                            aria-hidden\n                            data-testid=\"scheduler-now\"\n                        />\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport type { SchedulerEvent };\n"],"mappings":"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"}