tempest-react-sdk 0.78.0 → 0.80.0

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

@@ -1 +1 @@
-{"version":3,"file":"ImageCropper.module.js","names":[],"sources":["../../../src/components/ImageCropper/ImageCropper.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3);\n    max-width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.frame {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    /*\n     * `grab` rather than `move`: nothing is being moved to a destination, the\n     * image is being dragged under a fixed frame.\n     */\n    cursor: grab;\n    /*\n     * The frame owns dragging on touch, so the browser must not also scroll the\n     * page from the same gesture.\n     */\n    touch-action: none;\n    user-select: none;\n}\n\n.frame:active {\n    cursor: grabbing;\n}\n\n.frame:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.circle {\n    border-radius: var(--tempest-radius-full);\n}\n\n.image {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    /*\n     * Both `max-*`, not just the width. The size is set inline from the zoom, so\n     * either cap silently overrides it — and an app reset carrying\n     * `img { max-height: 100% }` is enough, since a 0-0-1 element rule meets no\n     * competition here. The failure is worse than it looks: `crop()` builds its\n     * rectangle from `computeCropRect({ image: natural, ... })` and never reads the\n     * rendered element, so the export stays correct while the preview is squashed\n     * on one axis. The user drags against a distorted image and gets a framing they\n     * never saw. A component that sizes itself inline owns neutralising both caps.\n     */\n    max-width: none;\n    max-height: none;\n    pointer-events: none;\n    /*\n     * Centring lives in `translate` and the pan in the inline `transform`, which\n     * are separate CSS properties applied in that order. Keeping them apart means\n     * a pan is just `transform: translate(x, y)` — it never has to re-derive the\n     * `-50% -50%` centring, and the two cannot overwrite each other.\n     */\n    translate: -50% -50%;\n}\n\n.controls {\n    display: flex;\n    /*\n     * Wraps rather than squeezing. The zoom slider is the flexible item, so on a\n     * narrow row it is the one that gives — and a range input has no useful floor\n     * of its own, so it gave all the way to `width: 0`, leaving the thumb alone and\n     * no visible focus ring while the button beside it kept both. Measured at 390px\n     * with a crowded row. Wrapping moves the slider to its own line instead.\n     */\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-3);\n}\n\n.zoom {\n    /*\n     * `min-width: 0` is what let it collapse to nothing: it exists to let a flex\n     * item shrink past its min-content size, which for a range input is the whole\n     * control. A real floor keeps the slider draggable and its focus ring visible;\n     * the wrap on `.controls` is what absorbs the width this refuses to give up.\n     */\n    flex: 1 1 6rem;\n    min-width: 6rem;\n    accent-color: var(--tempest-primary);\n}\n\n.zoom:disabled {\n    opacity: 0.5;\n}\n\n.reset {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .reset:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.reset:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.reset:disabled {\n    opacity: 0.5;\n    cursor: default;\n}\n\n.hint {\n    margin: 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.hint kbd {\n    padding: 0 var(--tempest-space-1);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-surface);\n    font-family: var(--tempest-font-mono, monospace);\n    font-size: inherit;\n}\n"],"mappings":";"}
+{"version":3,"file":"ImageCropper.module.js","names":["wrapper","frame","circle","image","controls","zoom","reset","hint","ImageCropper_module_default"],"sources":["../../../src/components/ImageCropper/ImageCropper.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3);\n    max-width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.frame {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    /*\n     * `grab` rather than `move`: nothing is being moved to a destination, the\n     * image is being dragged under a fixed frame.\n     */\n    cursor: grab;\n    /*\n     * The frame owns dragging on touch, so the browser must not also scroll the\n     * page from the same gesture.\n     */\n    touch-action: none;\n    user-select: none;\n}\n\n.frame:active {\n    cursor: grabbing;\n}\n\n.frame:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.circle {\n    border-radius: var(--tempest-radius-full);\n}\n\n.image {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    /*\n     * Both `max-*`, not just the width. The size is set inline from the zoom, so\n     * either cap silently overrides it — and an app reset carrying\n     * `img { max-height: 100% }` is enough, since a 0-0-1 element rule meets no\n     * competition here. The failure is worse than it looks: `crop()` builds its\n     * rectangle from `computeCropRect({ image: natural, ... })` and never reads the\n     * rendered element, so the export stays correct while the preview is squashed\n     * on one axis. The user drags against a distorted image and gets a framing they\n     * never saw. A component that sizes itself inline owns neutralising both caps.\n     */\n    max-width: none;\n    max-height: none;\n    pointer-events: none;\n    /*\n     * Centring lives in `translate` and the pan in the inline `transform`, which\n     * are separate CSS properties applied in that order. Keeping them apart means\n     * a pan is just `transform: translate(x, y)` — it never has to re-derive the\n     * `-50% -50%` centring, and the two cannot overwrite each other.\n     */\n    translate: -50% -50%;\n}\n\n.controls {\n    display: flex;\n    /*\n     * Wraps rather than squeezing. The zoom slider is the flexible item, so on a\n     * narrow row it is the one that gives — and a range input has no useful floor\n     * of its own, so it gave all the way to `width: 0`, leaving the thumb alone and\n     * no visible focus ring while the button beside it kept both. Measured at 390px\n     * with a crowded row. Wrapping moves the slider to its own line instead.\n     */\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-3);\n}\n\n.zoom {\n    /*\n     * `min-width: 0` is what let it collapse to nothing: it exists to let a flex\n     * item shrink past its min-content size, which for a range input is the whole\n     * control. A real floor keeps the slider draggable and its focus ring visible;\n     * the wrap on `.controls` is what absorbs the width this refuses to give up.\n     */\n    flex: 1 1 6rem;\n    min-width: 6rem;\n    accent-color: var(--tempest-primary);\n}\n\n.zoom:disabled {\n    opacity: 0.5;\n}\n\n.reset {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .reset:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.reset:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.reset:disabled {\n    opacity: 0.5;\n    cursor: default;\n}\n\n.hint {\n    margin: 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.hint kbd {\n    padding: 0 var(--tempest-space-1);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-surface);\n    font-family: var(--tempest-font-mono, monospace);\n    font-size: inherit;\n}\n"],"mappings":";"}

package/dist/components/ImageCropper/crop-geometry.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"crop-geometry.cjs","names":[],"sources":["../../../src/components/ImageCropper/crop-geometry.ts"],"sourcesContent":["/** A width/height pair in pixels. */\nexport interface Size {\n    width: number;\n    height: number;\n}\n\n/** A pan offset in frame pixels, measured from the centered position. */\nexport interface Offset {\n    x: number;\n    y: number;\n}\n\n/** The source rectangle to read out of the natural-size image. */\nexport interface CropRect {\n    sx: number;\n    sy: number;\n    sWidth: number;\n    sHeight: number;\n}\n\n/**\n * Scale that makes `image` exactly cover `frame` with no empty space.\n *\n * `max` rather than `min`: a crop frame must never show background, so the\n * constraining axis is the one that would leave a gap.\n *\n * @param image - Natural image size.\n * @param frame - Crop frame size.\n * @returns The cover scale, or `0` when either dimension is unusable.\n */\nexport function coverScale(image: Size, frame: Size): number {\n    if (image.width <= 0 || image.height <= 0 || frame.width <= 0 || frame.height <= 0) return 0;\n    return Math.max(frame.width / image.width, frame.height / image.height);\n}\n\n/**\n * The largest pan offset that keeps the image covering the frame.\n *\n * Zero on an axis means the image is exactly as wide (or tall) as the frame\n * there, so panning along it would expose background.\n *\n * @param displayed - On-screen image size, after scale and zoom.\n * @param frame - Crop frame size.\n * @returns Maximum absolute offset per axis.\n */\nexport function maxOffset(displayed: Size, frame: Size): Offset {\n    return {\n        x: Math.max(0, (displayed.width - frame.width) / 2),\n        y: Math.max(0, (displayed.height - frame.height) / 2),\n    };\n}\n\n/**\n * Clamp a pan offset so the frame stays fully covered.\n *\n * This is what stops the single most common defect in a cropper: dragging or\n * zooming until the frame shows empty space, which then bakes transparent or\n * black bands into the exported image.\n *\n * @param offset - Desired offset.\n * @param displayed - On-screen image size, after scale and zoom.\n * @param frame - Crop frame size.\n * @returns The offset, clamped per axis.\n */\nexport function clampOffset(offset: Offset, displayed: Size, frame: Size): Offset {\n    const max = maxOffset(displayed, frame);\n    return {\n        x: normalizeZero(Math.min(max.x, Math.max(-max.x, offset.x))),\n        y: normalizeZero(Math.min(max.y, Math.max(-max.y, offset.y))),\n    };\n}\n\n/**\n * Turn `-0` into `0`.\n *\n * Clamping a negative offset against a zero maximum yields `-0`, which compares\n * equal to `0` under `===` but not under `Object.is`. Left alone it leaks into\n * state comparisons and into the `translate()` string, so it is normalized once\n * here rather than guarded at every call site.\n */\nfunction normalizeZero(value: number): number {\n    return value === 0 ? 0 : value;\n}\n\n/**\n * Map the crop frame back onto the natural-size image.\n *\n * The frame is what the user sees; the export has to read the corresponding\n * region of the *original* pixels, so every on-screen quantity is divided back\n * out by the effective scale. Working in natural pixels — instead of exporting\n * whatever the preview happens to be sized at — is what keeps a 4000 px photo\n * from being downsampled to the width of a 320 px preview.\n *\n * @param params.image - Natural image size.\n * @param params.frame - Crop frame size.\n * @param params.zoom - Zoom multiplier over the cover scale (`1` = cover).\n * @param params.offset - Pan offset in frame pixels.\n * @returns The source rectangle, clamped to the image bounds.\n */\nexport function computeCropRect({\n    image,\n    frame,\n    zoom,\n    offset,\n}: {\n    image: Size;\n    frame: Size;\n    zoom: number;\n    offset: Offset;\n}): CropRect {\n    const scale = coverScale(image, frame) * zoom;\n    if (scale <= 0) return { sx: 0, sy: 0, sWidth: 0, sHeight: 0 };\n\n    const sWidth = frame.width / scale;\n    const sHeight = frame.height / scale;\n\n    // A positive offset moves the image right/down on screen, which means the\n    // visible region moves left/up within the source — hence the subtraction.\n    const centerX = image.width / 2 - offset.x / scale;\n    const centerY = image.height / 2 - offset.y / scale;\n\n    const sx = Math.max(0, Math.min(image.width - sWidth, centerX - sWidth / 2));\n    const sy = Math.max(0, Math.min(image.height - sHeight, centerY - sHeight / 2));\n\n    return { sx, sy, sWidth, sHeight };\n}\n\n/**\n * Output size for a crop, honoring an optional cap on the long edge.\n *\n * Exporting at the frame's own size would tie file size to whatever the preview\n * happened to measure. Exporting at full source resolution is right by default,\n * but a 12 MP phone photo cropped for a 96 px avatar is megabytes of waste — so\n * `maxSize` caps the long edge while preserving the aspect ratio.\n *\n * @param crop - The source rectangle being exported.\n * @param maxSize - Cap on the longest output edge, if any.\n * @returns Integer output dimensions, at least 1 px per axis.\n */\nexport function outputSize(crop: CropRect, maxSize?: number): Size {\n    const width = crop.sWidth;\n    const height = crop.sHeight;\n    if (!maxSize || maxSize <= 0 || (width <= maxSize && height <= maxSize)) {\n        return { width: Math.max(1, Math.round(width)), height: Math.max(1, Math.round(height)) };\n    }\n    const ratio = maxSize / Math.max(width, height);\n    return {\n        width: Math.max(1, Math.round(width * ratio)),\n        height: Math.max(1, Math.round(height * ratio)),\n    };\n}\n"],"mappings":"AA8BA,SAAgB,EAAW,EAAa,EAAqB,CAEzD,OADI,EAAM,OAAS,GAAK,EAAM,QAAU,GAAK,EAAM,OAAS,GAAK,EAAM,QAAU,EAAU,EACpF,KAAK,IAAI,EAAM,MAAQ,EAAM,MAAO,EAAM,OAAS,EAAM,MAAM,CAC1E,CAYA,SAAgB,EAAU,EAAiB,EAAqB,CAC5D,MAAO,CACH,EAAG,KAAK,IAAI,GAAI,EAAU,MAAQ,EAAM,OAAS,CAAC,EAClD,EAAG,KAAK,IAAI,GAAI,EAAU,OAAS,EAAM,QAAU,CAAC,CACxD,CACJ,CAcA,SAAgB,EAAY,EAAgB,EAAiB,EAAqB,CAC9E,IAAM,EAAM,EAAU,EAAW,CAAK,EACtC,MAAO,CACH,EAAG,EAAc,KAAK,IAAI,EAAI,EAAG,KAAK,IAAI,CAAC,EAAI,EAAG,EAAO,CAAC,CAAC,CAAC,EAC5D,EAAG,EAAc,KAAK,IAAI,EAAI,EAAG,KAAK,IAAI,CAAC,EAAI,EAAG,EAAO,CAAC,CAAC,CAAC,CAChE,CACJ,CAUA,SAAS,EAAc,EAAuB,CAC1C,OAAO,IAAU,EAAI,EAAI,CAC7B,CAiBA,SAAgB,EAAgB,CAC5B,QACA,QACA,OACA,UAMS,CACT,IAAM,EAAQ,EAAW,EAAO,CAAK,EAAI,EACzC,GAAI,GAAS,EAAG,MAAO,CAAE,GAAI,EAAG,GAAI,EAAG,OAAQ,EAAG,QAAS,CAAE,EAE7D,IAAM,EAAS,EAAM,MAAQ,EACvB,EAAU,EAAM,OAAS,EAIzB,EAAU,EAAM,MAAQ,EAAI,EAAO,EAAI,EACvC,EAAU,EAAM,OAAS,EAAI,EAAO,EAAI,EAK9C,MAAO,CAAE,GAHE,KAAK,IAAI,EAAG,KAAK,IAAI,EAAM,MAAQ,EAAQ,EAAU,EAAS,CAAC,CAGjE,EAAI,GAFF,KAAK,IAAI,EAAG,KAAK,IAAI,EAAM,OAAS,EAAS,EAAU,EAAU,CAAC,CAEhE,EAAI,SAAQ,SAAQ,CACrC,CAcA,SAAgB,EAAW,EAAgB,EAAwB,CAC/D,IAAM,EAAQ,EAAK,OACb,EAAS,EAAK,QACpB,GAAI,CAAC,GAAW,GAAW,GAAM,GAAS,GAAW,GAAU,EAC3D,MAAO,CAAE,MAAO,KAAK,IAAI,EAAG,KAAK,MAAM,CAAK,CAAC,EAAG,OAAQ,KAAK,IAAI,EAAG,KAAK,MAAM,CAAM,CAAC,CAAE,EAE5F,IAAM,EAAQ,EAAU,KAAK,IAAI,EAAO,CAAM,EAC9C,MAAO,CACH,MAAO,KAAK,IAAI,EAAG,KAAK,MAAM,EAAQ,CAAK,CAAC,EAC5C,OAAQ,KAAK,IAAI,EAAG,KAAK,MAAM,EAAS,CAAK,CAAC,CAClD,CACJ"}
+{"version":3,"file":"crop-geometry.cjs","names":["coverScale","image","frame","maxOffset","displayed","clampOffset","max","normalizeZero","offset","value","computeCropRect","scale","zoom","sWidth","sHeight","centerX","centerY","outputSize","width","crop","height","maxSize","ratio"],"sources":["../../../src/components/ImageCropper/crop-geometry.ts"],"sourcesContent":["/** A width/height pair in pixels. */\nexport interface Size {\n    width: number;\n    height: number;\n}\n\n/** A pan offset in frame pixels, measured from the centered position. */\nexport interface Offset {\n    x: number;\n    y: number;\n}\n\n/** The source rectangle to read out of the natural-size image. */\nexport interface CropRect {\n    sx: number;\n    sy: number;\n    sWidth: number;\n    sHeight: number;\n}\n\n/**\n * Scale that makes `image` exactly cover `frame` with no empty space.\n *\n * `max` rather than `min`: a crop frame must never show background, so the\n * constraining axis is the one that would leave a gap.\n *\n * @param image - Natural image size.\n * @param frame - Crop frame size.\n * @returns The cover scale, or `0` when either dimension is unusable.\n */\nexport function coverScale(image: Size, frame: Size): number {\n    if (image.width <= 0 || image.height <= 0 || frame.width <= 0 || frame.height <= 0) return 0;\n    return Math.max(frame.width / image.width, frame.height / image.height);\n}\n\n/**\n * The largest pan offset that keeps the image covering the frame.\n *\n * Zero on an axis means the image is exactly as wide (or tall) as the frame\n * there, so panning along it would expose background.\n *\n * @param displayed - On-screen image size, after scale and zoom.\n * @param frame - Crop frame size.\n * @returns Maximum absolute offset per axis.\n */\nexport function maxOffset(displayed: Size, frame: Size): Offset {\n    return {\n        x: Math.max(0, (displayed.width - frame.width) / 2),\n        y: Math.max(0, (displayed.height - frame.height) / 2),\n    };\n}\n\n/**\n * Clamp a pan offset so the frame stays fully covered.\n *\n * This is what stops the single most common defect in a cropper: dragging or\n * zooming until the frame shows empty space, which then bakes transparent or\n * black bands into the exported image.\n *\n * @param offset - Desired offset.\n * @param displayed - On-screen image size, after scale and zoom.\n * @param frame - Crop frame size.\n * @returns The offset, clamped per axis.\n */\nexport function clampOffset(offset: Offset, displayed: Size, frame: Size): Offset {\n    const max = maxOffset(displayed, frame);\n    return {\n        x: normalizeZero(Math.min(max.x, Math.max(-max.x, offset.x))),\n        y: normalizeZero(Math.min(max.y, Math.max(-max.y, offset.y))),\n    };\n}\n\n/**\n * Turn `-0` into `0`.\n *\n * Clamping a negative offset against a zero maximum yields `-0`, which compares\n * equal to `0` under `===` but not under `Object.is`. Left alone it leaks into\n * state comparisons and into the `translate()` string, so it is normalized once\n * here rather than guarded at every call site.\n */\nfunction normalizeZero(value: number): number {\n    return value === 0 ? 0 : value;\n}\n\n/**\n * Map the crop frame back onto the natural-size image.\n *\n * The frame is what the user sees; the export has to read the corresponding\n * region of the *original* pixels, so every on-screen quantity is divided back\n * out by the effective scale. Working in natural pixels — instead of exporting\n * whatever the preview happens to be sized at — is what keeps a 4000 px photo\n * from being downsampled to the width of a 320 px preview.\n *\n * @param params.image - Natural image size.\n * @param params.frame - Crop frame size.\n * @param params.zoom - Zoom multiplier over the cover scale (`1` = cover).\n * @param params.offset - Pan offset in frame pixels.\n * @returns The source rectangle, clamped to the image bounds.\n */\nexport function computeCropRect({\n    image,\n    frame,\n    zoom,\n    offset,\n}: {\n    image: Size;\n    frame: Size;\n    zoom: number;\n    offset: Offset;\n}): CropRect {\n    const scale = coverScale(image, frame) * zoom;\n    if (scale <= 0) return { sx: 0, sy: 0, sWidth: 0, sHeight: 0 };\n\n    const sWidth = frame.width / scale;\n    const sHeight = frame.height / scale;\n\n    // A positive offset moves the image right/down on screen, which means the\n    // visible region moves left/up within the source — hence the subtraction.\n    const centerX = image.width / 2 - offset.x / scale;\n    const centerY = image.height / 2 - offset.y / scale;\n\n    const sx = Math.max(0, Math.min(image.width - sWidth, centerX - sWidth / 2));\n    const sy = Math.max(0, Math.min(image.height - sHeight, centerY - sHeight / 2));\n\n    return { sx, sy, sWidth, sHeight };\n}\n\n/**\n * Output size for a crop, honoring an optional cap on the long edge.\n *\n * Exporting at the frame's own size would tie file size to whatever the preview\n * happened to measure. Exporting at full source resolution is right by default,\n * but a 12 MP phone photo cropped for a 96 px avatar is megabytes of waste — so\n * `maxSize` caps the long edge while preserving the aspect ratio.\n *\n * @param crop - The source rectangle being exported.\n * @param maxSize - Cap on the longest output edge, if any.\n * @returns Integer output dimensions, at least 1 px per axis.\n */\nexport function outputSize(crop: CropRect, maxSize?: number): Size {\n    const width = crop.sWidth;\n    const height = crop.sHeight;\n    if (!maxSize || maxSize <= 0 || (width <= maxSize && height <= maxSize)) {\n        return { width: Math.max(1, Math.round(width)), height: Math.max(1, Math.round(height)) };\n    }\n    const ratio = maxSize / Math.max(width, height);\n    return {\n        width: Math.max(1, Math.round(width * ratio)),\n        height: Math.max(1, Math.round(height * ratio)),\n    };\n}\n"],"mappings":"AA8BA,SAAgBA,EAAW,EAAa,EAAqB,CAEzD,OADIC,EAAM,OAAS,GAAKA,EAAM,QAAU,GAAKC,EAAM,OAAS,GAAKA,EAAM,QAAU,EAAU,EACpF,KAAK,IAAIA,EAAM,MAAQD,EAAM,MAAOC,EAAM,OAASD,EAAM,MAAM,CAC1E,CAYA,SAAgBE,EAAU,EAAiB,EAAqB,CAC5D,MAAO,CACH,EAAG,KAAK,IAAI,GAAIC,EAAU,MAAQF,EAAM,OAAS,CAAC,EAClD,EAAG,KAAK,IAAI,GAAIE,EAAU,OAASF,EAAM,QAAU,CAAC,CACxD,CACJ,CAcA,SAAgBG,EAAY,EAAgB,EAAiB,EAAqB,CAC9E,IAAMC,EAAMH,EAAUC,EAAWF,CAAK,EACtC,MAAO,CACH,EAAGK,EAAc,KAAK,IAAID,EAAI,EAAG,KAAK,IAAI,CAACA,EAAI,EAAGE,EAAO,CAAC,CAAC,CAAC,EAC5D,EAAGD,EAAc,KAAK,IAAID,EAAI,EAAG,KAAK,IAAI,CAACA,EAAI,EAAGE,EAAO,CAAC,CAAC,CAAC,CAChE,CACJ,CAUA,SAASD,EAAc,EAAuB,CAC1C,OAAOE,IAAU,EAAI,EAAIA,CAC7B,CAiBA,SAAgBC,EAAgB,CAC5B,QACA,QACA,OACA,UAMS,CACT,IAAMC,EAAQX,EAAWC,EAAOC,CAAK,EAAIU,EACzC,GAAID,GAAS,EAAG,MAAO,CAAE,GAAI,EAAG,GAAI,EAAG,OAAQ,EAAG,QAAS,CAAE,EAE7D,IAAME,EAASX,EAAM,MAAQS,EACvBG,EAAUZ,EAAM,OAASS,EAIzBI,EAAUd,EAAM,MAAQ,EAAIO,EAAO,EAAIG,EACvCK,EAAUf,EAAM,OAAS,EAAIO,EAAO,EAAIG,EAK9C,MAAO,CAAE,GAHE,KAAK,IAAI,EAAG,KAAK,IAAIV,EAAM,MAAQY,EAAQE,EAAUF,EAAS,CAAC,CAGjE,EAAI,GAFF,KAAK,IAAI,EAAG,KAAK,IAAIZ,EAAM,OAASa,EAASE,EAAUF,EAAU,CAAC,CAEhE,EAAI,SAAQ,SAAQ,CACrC,CAcA,SAAgBG,EAAW,EAAgB,EAAwB,CAC/D,IAAMC,EAAQC,EAAK,OACbC,EAASD,EAAK,QACpB,GAAI,CAACE,GAAWA,GAAW,GAAMH,GAASG,GAAWD,GAAUC,EAC3D,MAAO,CAAE,MAAO,KAAK,IAAI,EAAG,KAAK,MAAMH,CAAK,CAAC,EAAG,OAAQ,KAAK,IAAI,EAAG,KAAK,MAAME,CAAM,CAAC,CAAE,EAE5F,IAAME,EAAQD,EAAU,KAAK,IAAIH,EAAOE,CAAM,EAC9C,MAAO,CACH,MAAO,KAAK,IAAI,EAAG,KAAK,MAAMF,EAAQI,CAAK,CAAC,EAC5C,OAAQ,KAAK,IAAI,EAAG,KAAK,MAAMF,EAASE,CAAK,CAAC,CAClD,CACJ,C"}

package/dist/components/ImageCropper/crop-geometry.js.map

@@ -1 +1 @@
-{"version":3,"file":"crop-geometry.js","names":[],"sources":["../../../src/components/ImageCropper/crop-geometry.ts"],"sourcesContent":["/** A width/height pair in pixels. */\nexport interface Size {\n    width: number;\n    height: number;\n}\n\n/** A pan offset in frame pixels, measured from the centered position. */\nexport interface Offset {\n    x: number;\n    y: number;\n}\n\n/** The source rectangle to read out of the natural-size image. */\nexport interface CropRect {\n    sx: number;\n    sy: number;\n    sWidth: number;\n    sHeight: number;\n}\n\n/**\n * Scale that makes `image` exactly cover `frame` with no empty space.\n *\n * `max` rather than `min`: a crop frame must never show background, so the\n * constraining axis is the one that would leave a gap.\n *\n * @param image - Natural image size.\n * @param frame - Crop frame size.\n * @returns The cover scale, or `0` when either dimension is unusable.\n */\nexport function coverScale(image: Size, frame: Size): number {\n    if (image.width <= 0 || image.height <= 0 || frame.width <= 0 || frame.height <= 0) return 0;\n    return Math.max(frame.width / image.width, frame.height / image.height);\n}\n\n/**\n * The largest pan offset that keeps the image covering the frame.\n *\n * Zero on an axis means the image is exactly as wide (or tall) as the frame\n * there, so panning along it would expose background.\n *\n * @param displayed - On-screen image size, after scale and zoom.\n * @param frame - Crop frame size.\n * @returns Maximum absolute offset per axis.\n */\nexport function maxOffset(displayed: Size, frame: Size): Offset {\n    return {\n        x: Math.max(0, (displayed.width - frame.width) / 2),\n        y: Math.max(0, (displayed.height - frame.height) / 2),\n    };\n}\n\n/**\n * Clamp a pan offset so the frame stays fully covered.\n *\n * This is what stops the single most common defect in a cropper: dragging or\n * zooming until the frame shows empty space, which then bakes transparent or\n * black bands into the exported image.\n *\n * @param offset - Desired offset.\n * @param displayed - On-screen image size, after scale and zoom.\n * @param frame - Crop frame size.\n * @returns The offset, clamped per axis.\n */\nexport function clampOffset(offset: Offset, displayed: Size, frame: Size): Offset {\n    const max = maxOffset(displayed, frame);\n    return {\n        x: normalizeZero(Math.min(max.x, Math.max(-max.x, offset.x))),\n        y: normalizeZero(Math.min(max.y, Math.max(-max.y, offset.y))),\n    };\n}\n\n/**\n * Turn `-0` into `0`.\n *\n * Clamping a negative offset against a zero maximum yields `-0`, which compares\n * equal to `0` under `===` but not under `Object.is`. Left alone it leaks into\n * state comparisons and into the `translate()` string, so it is normalized once\n * here rather than guarded at every call site.\n */\nfunction normalizeZero(value: number): number {\n    return value === 0 ? 0 : value;\n}\n\n/**\n * Map the crop frame back onto the natural-size image.\n *\n * The frame is what the user sees; the export has to read the corresponding\n * region of the *original* pixels, so every on-screen quantity is divided back\n * out by the effective scale. Working in natural pixels — instead of exporting\n * whatever the preview happens to be sized at — is what keeps a 4000 px photo\n * from being downsampled to the width of a 320 px preview.\n *\n * @param params.image - Natural image size.\n * @param params.frame - Crop frame size.\n * @param params.zoom - Zoom multiplier over the cover scale (`1` = cover).\n * @param params.offset - Pan offset in frame pixels.\n * @returns The source rectangle, clamped to the image bounds.\n */\nexport function computeCropRect({\n    image,\n    frame,\n    zoom,\n    offset,\n}: {\n    image: Size;\n    frame: Size;\n    zoom: number;\n    offset: Offset;\n}): CropRect {\n    const scale = coverScale(image, frame) * zoom;\n    if (scale <= 0) return { sx: 0, sy: 0, sWidth: 0, sHeight: 0 };\n\n    const sWidth = frame.width / scale;\n    const sHeight = frame.height / scale;\n\n    // A positive offset moves the image right/down on screen, which means the\n    // visible region moves left/up within the source — hence the subtraction.\n    const centerX = image.width / 2 - offset.x / scale;\n    const centerY = image.height / 2 - offset.y / scale;\n\n    const sx = Math.max(0, Math.min(image.width - sWidth, centerX - sWidth / 2));\n    const sy = Math.max(0, Math.min(image.height - sHeight, centerY - sHeight / 2));\n\n    return { sx, sy, sWidth, sHeight };\n}\n\n/**\n * Output size for a crop, honoring an optional cap on the long edge.\n *\n * Exporting at the frame's own size would tie file size to whatever the preview\n * happened to measure. Exporting at full source resolution is right by default,\n * but a 12 MP phone photo cropped for a 96 px avatar is megabytes of waste — so\n * `maxSize` caps the long edge while preserving the aspect ratio.\n *\n * @param crop - The source rectangle being exported.\n * @param maxSize - Cap on the longest output edge, if any.\n * @returns Integer output dimensions, at least 1 px per axis.\n */\nexport function outputSize(crop: CropRect, maxSize?: number): Size {\n    const width = crop.sWidth;\n    const height = crop.sHeight;\n    if (!maxSize || maxSize <= 0 || (width <= maxSize && height <= maxSize)) {\n        return { width: Math.max(1, Math.round(width)), height: Math.max(1, Math.round(height)) };\n    }\n    const ratio = maxSize / Math.max(width, height);\n    return {\n        width: Math.max(1, Math.round(width * ratio)),\n        height: Math.max(1, Math.round(height * ratio)),\n    };\n}\n"],"mappings":";AA8BA,SAAgB,EAAW,GAAa,GAAqB;CAEzD,OADI,EAAM,SAAS,KAAK,EAAM,UAAU,KAAK,EAAM,SAAS,KAAK,EAAM,UAAU,IAAU,IACpF,KAAK,IAAI,EAAM,QAAQ,EAAM,OAAO,EAAM,SAAS,EAAM,MAAM;AAC1E;AAYA,SAAgB,EAAU,GAAiB,GAAqB;CAC5D,OAAO;EACH,GAAG,KAAK,IAAI,IAAI,EAAU,QAAQ,EAAM,SAAS,CAAC;EAClD,GAAG,KAAK,IAAI,IAAI,EAAU,SAAS,EAAM,UAAU,CAAC;CACxD;AACJ;AAcA,SAAgB,EAAY,GAAgB,GAAiB,GAAqB;CAC9E,IAAM,IAAM,EAAU,GAAW,CAAK;CACtC,OAAO;EACH,GAAG,EAAc,KAAK,IAAI,EAAI,GAAG,KAAK,IAAI,CAAC,EAAI,GAAG,EAAO,CAAC,CAAC,CAAC;EAC5D,GAAG,EAAc,KAAK,IAAI,EAAI,GAAG,KAAK,IAAI,CAAC,EAAI,GAAG,EAAO,CAAC,CAAC,CAAC;CAChE;AACJ;AAUA,SAAS,EAAc,GAAuB;CAC1C,OAAO,MAAU,IAAI,IAAI;AAC7B;AAiBA,SAAgB,EAAgB,EAC5B,UACA,UACA,SACA,aAMS;CACT,IAAM,IAAQ,EAAW,GAAO,CAAK,IAAI;CACzC,IAAI,KAAS,GAAG,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,QAAQ;EAAG,SAAS;CAAE;CAE7D,IAAM,IAAS,EAAM,QAAQ,GACvB,IAAU,EAAM,SAAS,GAIzB,IAAU,EAAM,QAAQ,IAAI,EAAO,IAAI,GACvC,IAAU,EAAM,SAAS,IAAI,EAAO,IAAI;CAK9C,OAAO;EAAE,IAHE,KAAK,IAAI,GAAG,KAAK,IAAI,EAAM,QAAQ,GAAQ,IAAU,IAAS,CAAC,CAGjE;EAAI,IAFF,KAAK,IAAI,GAAG,KAAK,IAAI,EAAM,SAAS,GAAS,IAAU,IAAU,CAAC,CAEhE;EAAI;EAAQ;CAAQ;AACrC;AAcA,SAAgB,EAAW,GAAgB,GAAwB;CAC/D,IAAM,IAAQ,EAAK,QACb,IAAS,EAAK;CACpB,IAAI,CAAC,KAAW,KAAW,KAAM,KAAS,KAAW,KAAU,GAC3D,OAAO;EAAE,OAAO,KAAK,IAAI,GAAG,KAAK,MAAM,CAAK,CAAC;EAAG,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,CAAM,CAAC;CAAE;CAE5F,IAAM,IAAQ,IAAU,KAAK,IAAI,GAAO,CAAM;CAC9C,OAAO;EACH,OAAO,KAAK,IAAI,GAAG,KAAK,MAAM,IAAQ,CAAK,CAAC;EAC5C,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,IAAS,CAAK,CAAC;CAClD;AACJ"}
+{"version":3,"file":"crop-geometry.js","names":["coverScale","image","frame","maxOffset","displayed","clampOffset","max","normalizeZero","offset","value","computeCropRect","scale","zoom","sWidth","sHeight","centerX","centerY","outputSize","width","crop","height","maxSize","ratio"],"sources":["../../../src/components/ImageCropper/crop-geometry.ts"],"sourcesContent":["/** A width/height pair in pixels. */\nexport interface Size {\n    width: number;\n    height: number;\n}\n\n/** A pan offset in frame pixels, measured from the centered position. */\nexport interface Offset {\n    x: number;\n    y: number;\n}\n\n/** The source rectangle to read out of the natural-size image. */\nexport interface CropRect {\n    sx: number;\n    sy: number;\n    sWidth: number;\n    sHeight: number;\n}\n\n/**\n * Scale that makes `image` exactly cover `frame` with no empty space.\n *\n * `max` rather than `min`: a crop frame must never show background, so the\n * constraining axis is the one that would leave a gap.\n *\n * @param image - Natural image size.\n * @param frame - Crop frame size.\n * @returns The cover scale, or `0` when either dimension is unusable.\n */\nexport function coverScale(image: Size, frame: Size): number {\n    if (image.width <= 0 || image.height <= 0 || frame.width <= 0 || frame.height <= 0) return 0;\n    return Math.max(frame.width / image.width, frame.height / image.height);\n}\n\n/**\n * The largest pan offset that keeps the image covering the frame.\n *\n * Zero on an axis means the image is exactly as wide (or tall) as the frame\n * there, so panning along it would expose background.\n *\n * @param displayed - On-screen image size, after scale and zoom.\n * @param frame - Crop frame size.\n * @returns Maximum absolute offset per axis.\n */\nexport function maxOffset(displayed: Size, frame: Size): Offset {\n    return {\n        x: Math.max(0, (displayed.width - frame.width) / 2),\n        y: Math.max(0, (displayed.height - frame.height) / 2),\n    };\n}\n\n/**\n * Clamp a pan offset so the frame stays fully covered.\n *\n * This is what stops the single most common defect in a cropper: dragging or\n * zooming until the frame shows empty space, which then bakes transparent or\n * black bands into the exported image.\n *\n * @param offset - Desired offset.\n * @param displayed - On-screen image size, after scale and zoom.\n * @param frame - Crop frame size.\n * @returns The offset, clamped per axis.\n */\nexport function clampOffset(offset: Offset, displayed: Size, frame: Size): Offset {\n    const max = maxOffset(displayed, frame);\n    return {\n        x: normalizeZero(Math.min(max.x, Math.max(-max.x, offset.x))),\n        y: normalizeZero(Math.min(max.y, Math.max(-max.y, offset.y))),\n    };\n}\n\n/**\n * Turn `-0` into `0`.\n *\n * Clamping a negative offset against a zero maximum yields `-0`, which compares\n * equal to `0` under `===` but not under `Object.is`. Left alone it leaks into\n * state comparisons and into the `translate()` string, so it is normalized once\n * here rather than guarded at every call site.\n */\nfunction normalizeZero(value: number): number {\n    return value === 0 ? 0 : value;\n}\n\n/**\n * Map the crop frame back onto the natural-size image.\n *\n * The frame is what the user sees; the export has to read the corresponding\n * region of the *original* pixels, so every on-screen quantity is divided back\n * out by the effective scale. Working in natural pixels — instead of exporting\n * whatever the preview happens to be sized at — is what keeps a 4000 px photo\n * from being downsampled to the width of a 320 px preview.\n *\n * @param params.image - Natural image size.\n * @param params.frame - Crop frame size.\n * @param params.zoom - Zoom multiplier over the cover scale (`1` = cover).\n * @param params.offset - Pan offset in frame pixels.\n * @returns The source rectangle, clamped to the image bounds.\n */\nexport function computeCropRect({\n    image,\n    frame,\n    zoom,\n    offset,\n}: {\n    image: Size;\n    frame: Size;\n    zoom: number;\n    offset: Offset;\n}): CropRect {\n    const scale = coverScale(image, frame) * zoom;\n    if (scale <= 0) return { sx: 0, sy: 0, sWidth: 0, sHeight: 0 };\n\n    const sWidth = frame.width / scale;\n    const sHeight = frame.height / scale;\n\n    // A positive offset moves the image right/down on screen, which means the\n    // visible region moves left/up within the source — hence the subtraction.\n    const centerX = image.width / 2 - offset.x / scale;\n    const centerY = image.height / 2 - offset.y / scale;\n\n    const sx = Math.max(0, Math.min(image.width - sWidth, centerX - sWidth / 2));\n    const sy = Math.max(0, Math.min(image.height - sHeight, centerY - sHeight / 2));\n\n    return { sx, sy, sWidth, sHeight };\n}\n\n/**\n * Output size for a crop, honoring an optional cap on the long edge.\n *\n * Exporting at the frame's own size would tie file size to whatever the preview\n * happened to measure. Exporting at full source resolution is right by default,\n * but a 12 MP phone photo cropped for a 96 px avatar is megabytes of waste — so\n * `maxSize` caps the long edge while preserving the aspect ratio.\n *\n * @param crop - The source rectangle being exported.\n * @param maxSize - Cap on the longest output edge, if any.\n * @returns Integer output dimensions, at least 1 px per axis.\n */\nexport function outputSize(crop: CropRect, maxSize?: number): Size {\n    const width = crop.sWidth;\n    const height = crop.sHeight;\n    if (!maxSize || maxSize <= 0 || (width <= maxSize && height <= maxSize)) {\n        return { width: Math.max(1, Math.round(width)), height: Math.max(1, Math.round(height)) };\n    }\n    const ratio = maxSize / Math.max(width, height);\n    return {\n        width: Math.max(1, Math.round(width * ratio)),\n        height: Math.max(1, Math.round(height * ratio)),\n    };\n}\n"],"mappings":";AA8BA,SAAgBA,EAAW,GAAa,GAAqB;CAEzD,OADIC,EAAM,SAAS,KAAKA,EAAM,UAAU,KAAKC,EAAM,SAAS,KAAKA,EAAM,UAAU,IAAU,IACpF,KAAK,IAAIA,EAAM,QAAQD,EAAM,OAAOC,EAAM,SAASD,EAAM,MAAM;AAC1E;AAYA,SAAgBE,EAAU,GAAiB,GAAqB;CAC5D,OAAO;EACH,GAAG,KAAK,IAAI,IAAIC,EAAU,QAAQF,EAAM,SAAS,CAAC;EAClD,GAAG,KAAK,IAAI,IAAIE,EAAU,SAASF,EAAM,UAAU,CAAC;CACxD;AACJ;AAcA,SAAgBG,EAAY,GAAgB,GAAiB,GAAqB;CAC9E,IAAMC,IAAMH,EAAUC,GAAWF,CAAK;CACtC,OAAO;EACH,GAAGK,EAAc,KAAK,IAAID,EAAI,GAAG,KAAK,IAAI,CAACA,EAAI,GAAGE,EAAO,CAAC,CAAC,CAAC;EAC5D,GAAGD,EAAc,KAAK,IAAID,EAAI,GAAG,KAAK,IAAI,CAACA,EAAI,GAAGE,EAAO,CAAC,CAAC,CAAC;CAChE;AACJ;AAUA,SAASD,EAAc,GAAuB;CAC1C,OAAOE,MAAU,IAAI,IAAIA;AAC7B;AAiBA,SAAgBC,EAAgB,EAC5B,UACA,UACA,SACA,aAMS;CACT,IAAMC,IAAQX,EAAWC,GAAOC,CAAK,IAAIU;CACzC,IAAID,KAAS,GAAG,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,QAAQ;EAAG,SAAS;CAAE;CAE7D,IAAME,IAASX,EAAM,QAAQS,GACvBG,IAAUZ,EAAM,SAASS,GAIzBI,IAAUd,EAAM,QAAQ,IAAIO,EAAO,IAAIG,GACvCK,IAAUf,EAAM,SAAS,IAAIO,EAAO,IAAIG;CAK9C,OAAO;EAAE,IAHE,KAAK,IAAI,GAAG,KAAK,IAAIV,EAAM,QAAQY,GAAQE,IAAUF,IAAS,CAAC,CAGjE;EAAI,IAFF,KAAK,IAAI,GAAG,KAAK,IAAIZ,EAAM,SAASa,GAASE,IAAUF,IAAU,CAAC,CAEhE;EAAI;EAAQ;CAAQ;AACrC;AAcA,SAAgBG,EAAW,GAAgB,GAAwB;CAC/D,IAAMC,IAAQC,EAAK,QACbC,IAASD,EAAK;CACpB,IAAI,CAACE,KAAWA,KAAW,KAAMH,KAASG,KAAWD,KAAUC,GAC3D,OAAO;EAAE,OAAO,KAAK,IAAI,GAAG,KAAK,MAAMH,CAAK,CAAC;EAAG,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAME,CAAM,CAAC;CAAE;CAE5F,IAAME,IAAQD,IAAU,KAAK,IAAIH,GAAOE,CAAM;CAC9C,OAAO;EACH,OAAO,KAAK,IAAI,GAAG,KAAK,MAAMF,IAAQI,CAAK,CAAC;EAC5C,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAMF,IAASE,CAAK,CAAC;CAClD;AACJ"}

package/dist/components/Input/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Input.module.css\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    wrapperClassName?: string;\n    /** Visual size — drives height, padding and font via density-aware tokens. */\n    size?: InputSize;\n}\n\n/**\n * Labelled text input with helper/error slots and optional adornment icons.\n * Forwards refs to the underlying `<input>` for integration with form libraries.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n    {\n        label,\n        helperText,\n        error,\n        leftIcon,\n        rightIcon,\n        wrapperClassName,\n        className,\n        id,\n        required,\n        size = \"md\",\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n    const sizeClass = size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : styles.sizeMd;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                {leftIcon && <span className={styles.iconLeft}>{leftIcon}</span>}\n                <input\n                    ref={ref}\n                    id={inputId}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    required={required}\n                    className={cn(\n                        styles.input,\n                        sizeClass,\n                        leftIcon && styles.hasLeftIcon,\n                        rightIcon && styles.hasRightIcon,\n                        className,\n                    )}\n                    {...props}\n                />\n                {rightIcon && <span className={styles.iconRight}>{rightIcon}</span>}\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":"4HAsBA,IAAa,GAAA,EAAQ,EAAA,WAAA,CAAyC,SAC1D,CACI,QACA,aACA,QACA,WACA,YACA,mBACA,YACA,KACA,WACA,OAAO,KACP,GAAG,GAEP,EACF,CACE,IAAM,GAAA,EAAc,EAAA,MAAA,CAAM,EACpB,EAAU,GAAM,EAChB,EAAgB,EAAQ,GAAG,EAAQ,QAAU,EAAa,GAAG,EAAQ,SAAW,IAAA,GAChF,EAAY,IAAS,KAAO,EAAA,QAAO,OAAS,IAAS,KAAO,EAAA,QAAO,OAAS,EAAA,QAAO,OAEzF,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAS,EAAA,QAAO,MAAO,CAAgB,EAA1E,SAAA,CACK,IACG,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,QAAS,EAAS,UAAW,EAAA,QAAO,MAA3C,SAAA,CACK,EACA,IAAY,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,SAAU,SAAA,GAAO,CAAA,CACnD,KAEX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,MAAvB,SAAA,CACK,IAAY,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,SAAW,SAAA,CAAe,CAAA,GAC/D,EAAA,EAAA,IAAA,CAAC,QAAD,CACS,MACL,GAAI,EACJ,eAAc,CAAC,CAAC,EAChB,mBAAkB,EACR,WACV,UAAW,EAAA,GACP,EAAA,QAAO,MACP,EACA,GAAY,EAAA,QAAO,YACnB,GAAa,EAAA,QAAO,aACpB,CACJ,EACA,GAAI,CACP,CAAA,EACA,IAAa,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,UAAY,SAAA,CAAgB,CAAA,CACjE,IACJ,GACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAG,EAAQ,QAAS,UAAW,EAAA,QAAO,UAC3C,SAAA,CACC,CAAA,EACN,GACA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAG,EAAQ,SAAU,UAAW,EAAA,QAAO,OAC5C,SAAA,CACC,CAAA,EACN,IACH,GAEb,CAAC"}
+{"version":3,"file":"Input.cjs","names":["forwardRef","useId","styles","cn","require_cn","require_Input_module","react","react_jsx_runtime","Input","props","generatedId","inputId","id","describedById","error","helperText","sizeClass","size","wrapperClassName","label","required","leftIcon","rightIcon","className"],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Input.module.css\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    wrapperClassName?: string;\n    /** Visual size — drives height, padding and font via density-aware tokens. */\n    size?: InputSize;\n}\n\n/**\n * Labelled text input with helper/error slots and optional adornment icons.\n * Forwards refs to the underlying `<input>` for integration with form libraries.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n    {\n        label,\n        helperText,\n        error,\n        leftIcon,\n        rightIcon,\n        wrapperClassName,\n        className,\n        id,\n        required,\n        size = \"md\",\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n    const sizeClass = size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : styles.sizeMd;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                {leftIcon && <span className={styles.iconLeft}>{leftIcon}</span>}\n                <input\n                    ref={ref}\n                    id={inputId}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    required={required}\n                    className={cn(\n                        styles.input,\n                        sizeClass,\n                        leftIcon && styles.hasLeftIcon,\n                        rightIcon && styles.hasRightIcon,\n                        className,\n                    )}\n                    {...props}\n                />\n                {rightIcon && <span className={styles.iconRight}>{rightIcon}</span>}\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":"A,4HAsBA,IAAaQ,GAAA,EAAQR,EAAAA,WAAAA,CAAyC,SAC1D,CACI,QACA,aACA,QACA,WACA,YACA,mBACA,YACA,KACA,WACA,OAAO,KACP,GAAGS,GAEP,EACF,CACE,IAAMC,GAAA,EAAcT,EAAAA,MAAAA,CAAM,EACpBU,EAAUC,GAAMF,EAChBG,EAAgBC,EAAQ,GAAGH,EAAQ,QAAUI,EAAa,GAAGJ,EAAQ,SAAW,IAAA,GAChFK,EAAYC,IAAS,KAAOf,EAAAA,QAAO,OAASe,IAAS,KAAOf,EAAAA,QAAO,OAASA,EAAAA,QAAO,OAEzF,OACI,EAAAK,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,GAAGD,EAAAA,QAAO,QAASY,GAASZ,EAAAA,QAAO,MAAOgB,CAAgB,EAA1E,SAAA,CACKC,IACG,EAAAZ,EAAA,KAAA,CAAC,QAAD,CAAO,QAASI,EAAS,UAAWT,EAAAA,QAAO,MAA3C,SAAA,CACKiB,EACAC,IAAY,EAAAb,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWL,EAAAA,QAAO,SAAU,SAAA,GAAO,CAAA,CACnD,C,IAEX,EAAAK,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWL,EAAAA,QAAO,MAAvB,SAAA,CACKmB,IAAY,EAAAd,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWL,EAAAA,QAAO,SAAW,SAAAmB,CAAe,CAAA,GAC/D,EAAAd,EAAA,IAAA,CAAC,QAAD,CACS,MACL,GAAII,EACJ,eAAc,CAAC,CAACG,EAChB,mBAAkBD,EACR,WACV,UAAWV,EAAAA,GACPD,EAAAA,QAAO,MACPc,EACAK,GAAYnB,EAAAA,QAAO,YACnBoB,GAAapB,EAAAA,QAAO,aACpBqB,CACJ,EACA,GAAId,CACP,CAAA,EACAa,IAAa,EAAAf,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWL,EAAAA,QAAO,UAAY,SAAAoB,CAAgB,CAAA,CACjE,C,GACJR,GACG,EAAAP,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAGI,EAAQ,QAAS,UAAWT,EAAAA,QAAO,UAC3C,SAAAY,CACC,CAAA,EACNC,GACA,EAAAR,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAGI,EAAQ,SAAU,UAAWT,EAAAA,QAAO,OAC5C,SAAAa,CACC,CAAA,EACN,IACH,C,EAEb,CAAC,E"}

package/dist/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Input.module.css\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    wrapperClassName?: string;\n    /** Visual size — drives height, padding and font via density-aware tokens. */\n    size?: InputSize;\n}\n\n/**\n * Labelled text input with helper/error slots and optional adornment icons.\n * Forwards refs to the underlying `<input>` for integration with form libraries.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n    {\n        label,\n        helperText,\n        error,\n        leftIcon,\n        rightIcon,\n        wrapperClassName,\n        className,\n        id,\n        required,\n        size = \"md\",\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n    const sizeClass = size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : styles.sizeMd;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                {leftIcon && <span className={styles.iconLeft}>{leftIcon}</span>}\n                <input\n                    ref={ref}\n                    id={inputId}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    required={required}\n                    className={cn(\n                        styles.input,\n                        sizeClass,\n                        leftIcon && styles.hasLeftIcon,\n                        rightIcon && styles.hasRightIcon,\n                        className,\n                    )}\n                    {...props}\n                />\n                {rightIcon && <span className={styles.iconRight}>{rightIcon}</span>}\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":";;;;;AAsBA,IAAa,IAAQ,EAAyC,SAC1D,EACI,UACA,eACA,UACA,aACA,cACA,qBACA,cACA,OACA,aACA,UAAO,MACP,GAAG,KAEP,GACF;CACE,IAAM,IAAc,EAAM,GACpB,IAAU,KAAM,GAChB,IAAgB,IAAQ,GAAG,EAAQ,UAAU,IAAa,GAAG,EAAQ,WAAW,KAAA,GAChF,IAAY,MAAS,OAAO,EAAO,SAAS,MAAS,OAAO,EAAO,SAAS,EAAO;CAEzF,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,KAAS,EAAO,OAAO,CAAgB;EAA1E,UAAA;GACK,KACG,kBAAC,SAAD;IAAO,SAAS;IAAS,WAAW,EAAO;IAA3C,UAAA,CACK,GACA,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAU,UAAA;IAAO,CAAA,CACnD;;GAEX,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAvB,UAAA;KACK,KAAY,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAW,UAAA;KAAe,CAAA;KAC/D,kBAAC,SAAD;MACS;MACL,IAAI;MACJ,gBAAc,CAAC,CAAC;MAChB,oBAAkB;MACR;MACV,WAAW,EACP,EAAO,OACP,GACA,KAAY,EAAO,aACnB,KAAa,EAAO,cACpB,CACJ;MACA,GAAI;KACP,CAAA;KACA,KAAa,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAY,UAAA;KAAgB,CAAA;IACjE;;GACJ,IACG,kBAAC,QAAD;IAAM,IAAI,GAAG,EAAQ;IAAS,WAAW,EAAO;IAC3C,UAAA;GACC,CAAA,IACN,IACA,kBAAC,QAAD;IAAM,IAAI,GAAG,EAAQ;IAAU,WAAW,EAAO;IAC5C,UAAA;GACC,CAAA,IACN;EACH;;AAEb,CAAC"}
+{"version":3,"file":"Input.js","names":["styles","Input_module_default","Input","forwardRef","props","generatedId","useId","inputId","id","describedById","error","helperText","sizeClass","size","cn","wrapperClassName","label","required","leftIcon","rightIcon","className"],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Input.module.css\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    wrapperClassName?: string;\n    /** Visual size — drives height, padding and font via density-aware tokens. */\n    size?: InputSize;\n}\n\n/**\n * Labelled text input with helper/error slots and optional adornment icons.\n * Forwards refs to the underlying `<input>` for integration with form libraries.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n    {\n        label,\n        helperText,\n        error,\n        leftIcon,\n        rightIcon,\n        wrapperClassName,\n        className,\n        id,\n        required,\n        size = \"md\",\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n    const sizeClass = size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : styles.sizeMd;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                {leftIcon && <span className={styles.iconLeft}>{leftIcon}</span>}\n                <input\n                    ref={ref}\n                    id={inputId}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    required={required}\n                    className={cn(\n                        styles.input,\n                        sizeClass,\n                        leftIcon && styles.hasLeftIcon,\n                        rightIcon && styles.hasRightIcon,\n                        className,\n                    )}\n                    {...props}\n                />\n                {rightIcon && <span className={styles.iconRight}>{rightIcon}</span>}\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":";;;;;AAsBA,IAAaE,IAAQC,EAAyC,SAC1D,EACI,UACA,eACA,UACA,aACA,cACA,qBACA,cACA,OACA,aACA,UAAO,MACP,GAAGC,KAEP,GACF;CACE,IAAMC,IAAcC,EAAM,GACpBC,IAAUC,KAAMH,GAChBI,IAAgBC,IAAQ,GAAGH,EAAQ,UAAUI,IAAa,GAAGJ,EAAQ,WAAW,KAAA,GAChFK,IAAYC,MAAS,OAAOb,EAAO,SAASa,MAAS,OAAOb,EAAO,SAASA,EAAO;CAEzF,OACI,kBAAC,OAAD;EAAK,WAAWc,EAAGd,EAAO,SAASU,KAASV,EAAO,OAAOe,CAAgB;EAA1E,UAAA;GACKC,KACG,kBAAC,SAAD;IAAO,SAAST;IAAS,WAAWP,EAAO;IAA3C,UAAA,CACKgB,GACAC,KAAY,kBAAC,QAAD;KAAM,WAAWjB,EAAO;KAAU,UAAA;IAAO,CAAA,CACnD;;GAEX,kBAAC,OAAD;IAAK,WAAWA,EAAO;IAAvB,UAAA;KACKkB,KAAY,kBAAC,QAAD;MAAM,WAAWlB,EAAO;MAAW,UAAAkB;KAAe,CAAA;KAC/D,kBAAC,SAAD;MACS;MACL,IAAIX;MACJ,gBAAc,CAAC,CAACG;MAChB,oBAAkBD;MACR;MACV,WAAWK,EACPd,EAAO,OACPY,GACAM,KAAYlB,EAAO,aACnBmB,KAAanB,EAAO,cACpBoB,CACJ;MACA,GAAIhB;KACP,CAAA;KACAe,KAAa,kBAAC,QAAD;MAAM,WAAWnB,EAAO;MAAY,UAAAmB;KAAgB,CAAA;IACjE;;GACJT,IACG,kBAAC,QAAD;IAAM,IAAI,GAAGH,EAAQ;IAAS,WAAWP,EAAO;IAC3C,UAAAU;GACC,CAAA,IACNC,IACA,kBAAC,QAAD;IAAM,IAAI,GAAGJ,EAAQ;IAAU,WAAWP,EAAO;IAC5C,UAAAW;GACC,CAAA,IACN;EACH;;AAEb,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Input.module.cjs","names":[],"sources":["../../../src/components/Input/Input.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.field {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-snug);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.input:read-only {\n    background-color: var(--tempest-surface);\n}\n\n/* Sizes — density-aware. Applied directly on the <input>. */\n.sizeSm {\n    height: var(--tempest-control-height-sm);\n    padding: 0 var(--tempest-control-padding-sm);\n    font-size: var(--tempest-control-font-sm);\n}\n.sizeMd {\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    font-size: var(--tempest-control-font-md);\n}\n.sizeLg {\n    height: var(--tempest-control-height-lg);\n    padding: 0 var(--tempest-control-padding-lg);\n    font-size: var(--tempest-control-font-lg);\n}\n\n.hasLeftIcon {\n    padding-left: 36px;\n}\n\n.hasRightIcon {\n    padding-right: 36px;\n}\n\n.iconLeft,\n.iconRight {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    color: var(--tempest-text-muted);\n    pointer-events: none;\n}\n\n/*\n * Decorative icons let clicks fall through to the input, but interactive\n * adornments (a clear/reveal/save button passed as leftIcon/rightIcon) must\n * stay clickable — re-enable pointer events on the slot's children.\n */\n.iconLeft > *,\n.iconRight > * {\n    pointer-events: auto;\n}\n\n.iconLeft {\n    left: 12px;\n}\n\n.iconRight {\n    right: 12px;\n}\n\n.error .input {\n    border-color: var(--tempest-danger);\n}\n\n.error .input:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}
+{"version":3,"file":"Input.module.cjs","names":["wrapper","label","required","field","input","sizeSm","sizeMd","sizeLg","hasLeftIcon","hasRightIcon","iconLeft","iconRight","error","helper","errorText","Input_module_default"],"sources":["../../../src/components/Input/Input.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.field {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-snug);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.input:read-only {\n    background-color: var(--tempest-surface);\n}\n\n/* Sizes — density-aware. Applied directly on the <input>. */\n.sizeSm {\n    height: var(--tempest-control-height-sm);\n    padding: 0 var(--tempest-control-padding-sm);\n    font-size: var(--tempest-control-font-sm);\n}\n.sizeMd {\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    font-size: var(--tempest-control-font-md);\n}\n.sizeLg {\n    height: var(--tempest-control-height-lg);\n    padding: 0 var(--tempest-control-padding-lg);\n    font-size: var(--tempest-control-font-lg);\n}\n\n.hasLeftIcon {\n    padding-left: 36px;\n}\n\n.hasRightIcon {\n    padding-right: 36px;\n}\n\n.iconLeft,\n.iconRight {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    color: var(--tempest-text-muted);\n    pointer-events: none;\n}\n\n/*\n * Decorative icons let clicks fall through to the input, but interactive\n * adornments (a clear/reveal/save button passed as leftIcon/rightIcon) must\n * stay clickable — re-enable pointer events on the slot's children.\n */\n.iconLeft > *,\n.iconRight > * {\n    pointer-events: auto;\n}\n\n.iconLeft {\n    left: 12px;\n}\n\n.iconRight {\n    right: 12px;\n}\n\n.error .input {\n    border-color: var(--tempest-danger);\n}\n\n.error .input:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"Input.module.js","names":[],"sources":["../../../src/components/Input/Input.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.field {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-snug);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.input:read-only {\n    background-color: var(--tempest-surface);\n}\n\n/* Sizes — density-aware. Applied directly on the <input>. */\n.sizeSm {\n    height: var(--tempest-control-height-sm);\n    padding: 0 var(--tempest-control-padding-sm);\n    font-size: var(--tempest-control-font-sm);\n}\n.sizeMd {\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    font-size: var(--tempest-control-font-md);\n}\n.sizeLg {\n    height: var(--tempest-control-height-lg);\n    padding: 0 var(--tempest-control-padding-lg);\n    font-size: var(--tempest-control-font-lg);\n}\n\n.hasLeftIcon {\n    padding-left: 36px;\n}\n\n.hasRightIcon {\n    padding-right: 36px;\n}\n\n.iconLeft,\n.iconRight {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    color: var(--tempest-text-muted);\n    pointer-events: none;\n}\n\n/*\n * Decorative icons let clicks fall through to the input, but interactive\n * adornments (a clear/reveal/save button passed as leftIcon/rightIcon) must\n * stay clickable — re-enable pointer events on the slot's children.\n */\n.iconLeft > *,\n.iconRight > * {\n    pointer-events: auto;\n}\n\n.iconLeft {\n    left: 12px;\n}\n\n.iconRight {\n    right: 12px;\n}\n\n.error .input {\n    border-color: var(--tempest-danger);\n}\n\n.error .input:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}
+{"version":3,"file":"Input.module.js","names":["wrapper","label","required","field","input","sizeSm","sizeMd","sizeLg","hasLeftIcon","hasRightIcon","iconLeft","iconRight","error","helper","errorText","Input_module_default"],"sources":["../../../src/components/Input/Input.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.field {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-snug);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.input:read-only {\n    background-color: var(--tempest-surface);\n}\n\n/* Sizes — density-aware. Applied directly on the <input>. */\n.sizeSm {\n    height: var(--tempest-control-height-sm);\n    padding: 0 var(--tempest-control-padding-sm);\n    font-size: var(--tempest-control-font-sm);\n}\n.sizeMd {\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    font-size: var(--tempest-control-font-md);\n}\n.sizeLg {\n    height: var(--tempest-control-height-lg);\n    padding: 0 var(--tempest-control-padding-lg);\n    font-size: var(--tempest-control-font-lg);\n}\n\n.hasLeftIcon {\n    padding-left: 36px;\n}\n\n.hasRightIcon {\n    padding-right: 36px;\n}\n\n.iconLeft,\n.iconRight {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    color: var(--tempest-text-muted);\n    pointer-events: none;\n}\n\n/*\n * Decorative icons let clicks fall through to the input, but interactive\n * adornments (a clear/reveal/save button passed as leftIcon/rightIcon) must\n * stay clickable — re-enable pointer events on the slot's children.\n */\n.iconLeft > *,\n.iconRight > * {\n    pointer-events: auto;\n}\n\n.iconLeft {\n    left: 12px;\n}\n\n.iconRight {\n    right: 12px;\n}\n\n.error .input {\n    border-color: var(--tempest-danger);\n}\n\n.error .input:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}

package/dist/components/InstallBanner/InstallBanner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InstallBanner.cjs","names":[],"sources":["../../../src/components/InstallBanner/InstallBanner.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — title, description, installLabel and dismissLabel\n * are four strings the app has to write, icon and className the look, storageKey the\n * dismissal memory and onResult the outcome. An install prompt with SDK-authored\n * copy is the one thing nobody ships.\n */\nimport { useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"@/components/Button\";\nimport { useInstallPrompt } from \"@/hooks/use-install-prompt\";\nimport { defaultInstallHint } from \"@/components/InstallButton/install-hints\";\nimport type { RenderInstallHint } from \"@/components/InstallButton/install-hints\";\nimport type { InstallOutcome } from \"@/components/InstallButton\";\nimport styles from \"./InstallBanner.module.css\";\n\nexport interface InstallBannerProps {\n    /** Headline. Default `\"Instale o app\"`. */\n    title?: ReactNode;\n    /** Supporting copy under the title. */\n    description?: ReactNode;\n    /** Install button label. Default `\"Instalar\"`. */\n    installLabel?: string;\n    /** Accessible label for the dismiss button. Default `\"Dispensar\"`. */\n    dismissLabel?: string;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /**\n     * `localStorage` key used to remember dismissal across reloads. Omit to\n     * make dismissal last only for the current session (component state).\n     */\n    storageKey?: string;\n    /**\n     * How long, in ms, a dismissal lasts before the banner may return.\n     *\n     * Omitted, a dismissal written to `storageKey` is permanent, which is what\n     * the component always did and what a stored `\"1\"` keeps meaning. With a\n     * cooldown the dismissal is stored as a timestamp instead, so the banner\n     * comes back after the window — the same shape `useInstallPrompt` uses for\n     * its own decline.\n     */\n    declineCooldownMs?: number;\n    /**\n     * Install button label used when the browser cannot be prompted and the\n     * banner shows the manual instruction. Default `\"Como instalar\"`.\n     */\n    hintLabel?: string;\n    /**\n     * Replaces the instruction shown for the `\"ios\"` and `\"manual\"` methods.\n     *\n     * The default copy is in PT-BR and names the real menu entries.\n     */\n    renderHint?: RenderInstallHint;\n    /**\n     * How long, in ms, to wait for `beforeinstallprompt` before falling back to\n     * the manual instruction. Forwarded to {@link useInstallPrompt}; defaults to\n     * 3000 there.\n     */\n    manualFallbackDelayMs?: number;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    className?: string;\n}\n\n/**\n * Whether the user already dismissed this banner.\n *\n * Two stored shapes, and both have to keep working: `\"1\"` is the permanent\n * dismissal the component has always written, and a timestamp is what a banner\n * with `declineCooldownMs` writes. A `\"1\"` found while a cooldown is configured\n * still counts as dismissed forever — it was written under the old contract, and\n * reviving a banner the user turned off is worse than keeping it off.\n *\n * @param storageKey - The key holding the dismissal, if any.\n * @param declineCooldownMs - How long a timestamped dismissal lasts.\n * @returns Whether the banner should stay hidden.\n */\nfunction readDismissed(storageKey?: string, declineCooldownMs?: number): boolean {\n    if (!storageKey || typeof window === \"undefined\") return false;\n    try {\n        const raw = window.localStorage.getItem(storageKey);\n        if (!raw) return false;\n        if (raw === \"1\") return true;\n        const dismissedAt = Number(raw);\n        if (!Number.isFinite(dismissedAt)) return false;\n        if (declineCooldownMs === undefined) return true;\n        return Date.now() - dismissedAt < declineCooldownMs;\n    } catch {\n        return false;\n    }\n}\n\n/**\n * Dismissible bottom banner that invites the user to install the PWA, wired to\n * {@link useInstallPrompt}.\n *\n * Where the browser fires `beforeinstallprompt`, the button installs. Where it\n * does not — iOS Safari, and the Android Chromium forks that strip the API — the\n * banner shows that platform's instruction instead of disappearing. It used to\n * disappear: built on `useBeforeInstallPrompt`, it rendered `null` exactly where\n * the user has no other way to find the install entry, which is why every app\n * kept a local copy of this component just to add the two missing paths.\n *\n * @tempest-limits empty-catch — persisting the dismissal is a courtesy, not the\n * feature. When `localStorage` refuses the write (quota, private mode) the banner\n * still hides for this session; the worst case is that it comes back next visit,\n * which beats an error thrown out of a click handler that only closed a banner.\n *\n * @example\n * <InstallBanner\n *     title=\"Instale o FAMACHApp\"\n *     description=\"Acesso offline e atalho na tela inicial.\"\n *     storageKey=\"famacha:install-dismissed\"\n * />\n */\nexport function InstallBanner({\n    title = \"Instale o app\",\n    description,\n    installLabel = \"Instalar\",\n    hintLabel = \"Como instalar\",\n    dismissLabel = \"Dispensar\",\n    icon,\n    storageKey,\n    declineCooldownMs,\n    renderHint = defaultInstallHint,\n    manualFallbackDelayMs,\n    onResult,\n    className,\n}: InstallBannerProps) {\n    const { method, openInChromeIntent, install } = useInstallPrompt({ manualFallbackDelayMs });\n    const [dismissed, setDismissed] = useState<boolean>(() =>\n        readDismissed(storageKey, declineCooldownMs),\n    );\n    const [hintOpen, setHintOpen] = useState(false);\n    const hintId = useId();\n\n    if (method === \"none\" || dismissed) return null;\n\n    const dismiss = (): void => {\n        setDismissed(true);\n        if (storageKey && typeof window !== \"undefined\") {\n            try {\n                window.localStorage.setItem(\n                    storageKey,\n                    declineCooldownMs === undefined ? \"1\" : String(Date.now()),\n                );\n            } catch {\n                /* empty */\n            }\n        }\n    };\n\n    const hint = method === \"native\" ? null : renderHint({ method, openInChromeIntent });\n\n    return (\n        <div className={cn(styles.banner, className)} role=\"region\" aria-label={String(title)}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                <p className={styles.title}>{title}</p>\n                {description && <p className={styles.description}>{description}</p>}\n                {hintOpen && hint ? (\n                    <p className={styles.hint} id={hintId}>\n                        {hint}\n                    </p>\n                ) : null}\n            </div>\n            {method === \"native\" ? (\n                <Button\n                    size=\"sm\"\n                    onClick={async () => {\n                        const accepted = await install();\n                        onResult?.(accepted ? \"accepted\" : \"dismissed\");\n                    }}\n                >\n                    {installLabel}\n                </Button>\n            ) : (\n                <Button\n                    size=\"sm\"\n                    aria-expanded={hintOpen}\n                    aria-controls={hintOpen && hint ? hintId : undefined}\n                    onClick={() => setHintOpen((open) => !open)}\n                >\n                    {hintLabel}\n                </Button>\n            )}\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label={dismissLabel}\n                onClick={dismiss}\n            >\n                <X size={18} aria-hidden />\n            </button>\n        </div>\n    );\n}\n"],"mappings":"gSA8EA,SAAS,EAAc,EAAqB,EAAqC,CAC7E,GAAI,CAAC,GAAc,OAAO,OAAW,IAAa,MAAO,GACzD,GAAI,CACA,IAAM,EAAM,OAAO,aAAa,QAAQ,CAAU,EAClD,GAAI,CAAC,EAAK,MAAO,GACjB,GAAI,IAAQ,IAAK,MAAO,GACxB,IAAM,EAAc,OAAO,CAAG,EAG9B,OAFK,OAAO,SAAS,CAAW,EAC5B,IAAsB,IAAA,IACnB,KAAK,IAAI,EAAI,EAAc,EAFQ,EAG9C,MAAQ,CACJ,MAAO,EACX,CACJ,CAyBA,SAAgB,EAAc,CAC1B,QAAQ,gBACR,cACA,eAAe,WACf,YAAY,gBACZ,eAAe,YACf,OACA,aACA,oBACA,aAAa,EAAA,mBACb,wBACA,WACA,aACmB,CACnB,GAAM,CAAE,SAAQ,qBAAoB,WAAY,EAAA,iBAAiB,CAAE,uBAAsB,CAAC,EACpF,CAAC,EAAW,IAAA,EAAgB,EAAA,SAAA,KAC9B,EAAc,EAAY,CAAiB,CAC/C,EACM,CAAC,EAAU,IAAA,EAAe,EAAA,SAAA,CAAS,EAAK,EACxC,GAAA,EAAS,EAAA,MAAA,CAAM,EAErB,GAAI,IAAW,QAAU,EAAW,OAAO,KAE3C,IAAM,MAAsB,CAExB,GADA,EAAa,EAAI,EACb,GAAc,OAAO,OAAW,IAChC,GAAI,CACA,OAAO,aAAa,QAChB,EACA,IAAsB,IAAA,GAAY,IAAM,OAAO,KAAK,IAAI,CAAC,CAC7D,CACJ,MAAQ,CAER,CAER,EAEM,EAAO,IAAW,SAAW,KAAO,EAAW,CAAE,SAAQ,oBAAmB,CAAC,EAEnF,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,CAAS,EAAG,KAAK,SAAS,aAAY,OAAO,CAAK,EAApF,SAAA,CACK,IAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAO,SAAA,CAAW,CAAA,GACnD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAvB,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,MAAQ,SAAA,CAAS,CAAA,EACrC,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,YAAc,SAAA,CAAe,CAAA,EACjE,GAAY,GACT,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,KAAM,GAAI,EAC1B,SAAA,CACF,CAAA,EACH,IACH,IACJ,IAAW,UACR,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACI,KAAK,KACL,QAAS,SAAY,CACjB,IAAM,EAAW,MAAM,EAAQ,EAC/B,IAAW,EAAW,WAAa,WAAW,CAClD,EAEC,SAAA,CACG,CAAA,GAER,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACI,KAAK,KACL,gBAAe,EACf,gBAAe,GAAY,EAAO,EAAS,IAAA,GAC3C,YAAe,EAAa,GAAS,CAAC,CAAI,EAEzC,SAAA,CACG,CAAA,GAEZ,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,MAClB,aAAY,EACZ,QAAS,EAET,UAAA,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAG,KAAM,GAAI,cAAA,EAAa,CAAA,CACtB,CAAA,CACP,GAEb"}
+{"version":3,"file":"InstallBanner.cjs","names":["defaultInstallHint","useInstallPrompt","useState","useId","cn","styles","Button","X","require_cn","require_Button","require_use_install_prompt","require_install_hints","require_InstallBanner_module","react","react_jsx_runtime","lucide_react","readDismissed","storageKey","raw","dismissedAt","declineCooldownMs","InstallBanner","dismissed","setDismissed","hintOpen","setHintOpen","hintId","method","dismiss","hint","renderHint","className","title","icon","description","accepted","install","onResult","installLabel","open","hintLabel","dismissLabel"],"sources":["../../../src/components/InstallBanner/InstallBanner.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — title, description, installLabel and dismissLabel\n * are four strings the app has to write, icon and className the look, storageKey the\n * dismissal memory and onResult the outcome. An install prompt with SDK-authored\n * copy is the one thing nobody ships.\n */\nimport { useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"@/components/Button\";\nimport { useInstallPrompt } from \"@/hooks/use-install-prompt\";\nimport { defaultInstallHint } from \"@/components/InstallButton/install-hints\";\nimport type { RenderInstallHint } from \"@/components/InstallButton/install-hints\";\nimport type { InstallOutcome } from \"@/components/InstallButton\";\nimport styles from \"./InstallBanner.module.css\";\n\nexport interface InstallBannerProps {\n    /** Headline. Default `\"Instale o app\"`. */\n    title?: ReactNode;\n    /** Supporting copy under the title. */\n    description?: ReactNode;\n    /** Install button label. Default `\"Instalar\"`. */\n    installLabel?: string;\n    /** Accessible label for the dismiss button. Default `\"Dispensar\"`. */\n    dismissLabel?: string;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /**\n     * `localStorage` key used to remember dismissal across reloads. Omit to\n     * make dismissal last only for the current session (component state).\n     */\n    storageKey?: string;\n    /**\n     * How long, in ms, a dismissal lasts before the banner may return.\n     *\n     * Omitted, a dismissal written to `storageKey` is permanent, which is what\n     * the component always did and what a stored `\"1\"` keeps meaning. With a\n     * cooldown the dismissal is stored as a timestamp instead, so the banner\n     * comes back after the window — the same shape `useInstallPrompt` uses for\n     * its own decline.\n     */\n    declineCooldownMs?: number;\n    /**\n     * Install button label used when the browser cannot be prompted and the\n     * banner shows the manual instruction. Default `\"Como instalar\"`.\n     */\n    hintLabel?: string;\n    /**\n     * Replaces the instruction shown for the `\"ios\"` and `\"manual\"` methods.\n     *\n     * The default copy is in PT-BR and names the real menu entries.\n     */\n    renderHint?: RenderInstallHint;\n    /**\n     * How long, in ms, to wait for `beforeinstallprompt` before falling back to\n     * the manual instruction. Forwarded to {@link useInstallPrompt}; defaults to\n     * 3000 there.\n     */\n    manualFallbackDelayMs?: number;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    className?: string;\n}\n\n/**\n * Whether the user already dismissed this banner.\n *\n * Two stored shapes, and both have to keep working: `\"1\"` is the permanent\n * dismissal the component has always written, and a timestamp is what a banner\n * with `declineCooldownMs` writes. A `\"1\"` found while a cooldown is configured\n * still counts as dismissed forever — it was written under the old contract, and\n * reviving a banner the user turned off is worse than keeping it off.\n *\n * @param storageKey - The key holding the dismissal, if any.\n * @param declineCooldownMs - How long a timestamped dismissal lasts.\n * @returns Whether the banner should stay hidden.\n */\nfunction readDismissed(storageKey?: string, declineCooldownMs?: number): boolean {\n    if (!storageKey || typeof window === \"undefined\") return false;\n    try {\n        const raw = window.localStorage.getItem(storageKey);\n        if (!raw) return false;\n        if (raw === \"1\") return true;\n        const dismissedAt = Number(raw);\n        if (!Number.isFinite(dismissedAt)) return false;\n        if (declineCooldownMs === undefined) return true;\n        return Date.now() - dismissedAt < declineCooldownMs;\n    } catch {\n        return false;\n    }\n}\n\n/**\n * Dismissible bottom banner that invites the user to install the PWA, wired to\n * {@link useInstallPrompt}.\n *\n * Where the browser fires `beforeinstallprompt`, the button installs. Where it\n * does not — iOS Safari, and the Android Chromium forks that strip the API — the\n * banner shows that platform's instruction instead of disappearing. It used to\n * disappear: built on `useBeforeInstallPrompt`, it rendered `null` exactly where\n * the user has no other way to find the install entry, which is why every app\n * kept a local copy of this component just to add the two missing paths.\n *\n * @tempest-limits empty-catch — persisting the dismissal is a courtesy, not the\n * feature. When `localStorage` refuses the write (quota, private mode) the banner\n * still hides for this session; the worst case is that it comes back next visit,\n * which beats an error thrown out of a click handler that only closed a banner.\n *\n * @example\n * <InstallBanner\n *     title=\"Instale o FAMACHApp\"\n *     description=\"Acesso offline e atalho na tela inicial.\"\n *     storageKey=\"famacha:install-dismissed\"\n * />\n */\nexport function InstallBanner({\n    title = \"Instale o app\",\n    description,\n    installLabel = \"Instalar\",\n    hintLabel = \"Como instalar\",\n    dismissLabel = \"Dispensar\",\n    icon,\n    storageKey,\n    declineCooldownMs,\n    renderHint = defaultInstallHint,\n    manualFallbackDelayMs,\n    onResult,\n    className,\n}: InstallBannerProps) {\n    const { method, openInChromeIntent, install } = useInstallPrompt({ manualFallbackDelayMs });\n    const [dismissed, setDismissed] = useState<boolean>(() =>\n        readDismissed(storageKey, declineCooldownMs),\n    );\n    const [hintOpen, setHintOpen] = useState(false);\n    const hintId = useId();\n\n    if (method === \"none\" || dismissed) return null;\n\n    const dismiss = (): void => {\n        setDismissed(true);\n        if (storageKey && typeof window !== \"undefined\") {\n            try {\n                window.localStorage.setItem(\n                    storageKey,\n                    declineCooldownMs === undefined ? \"1\" : String(Date.now()),\n                );\n            } catch {\n                /* empty */\n            }\n        }\n    };\n\n    const hint = method === \"native\" ? null : renderHint({ method, openInChromeIntent });\n\n    return (\n        <div className={cn(styles.banner, className)} role=\"region\" aria-label={String(title)}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                <p className={styles.title}>{title}</p>\n                {description && <p className={styles.description}>{description}</p>}\n                {hintOpen && hint ? (\n                    <p className={styles.hint} id={hintId}>\n                        {hint}\n                    </p>\n                ) : null}\n            </div>\n            {method === \"native\" ? (\n                <Button\n                    size=\"sm\"\n                    onClick={async () => {\n                        const accepted = await install();\n                        onResult?.(accepted ? \"accepted\" : \"dismissed\");\n                    }}\n                >\n                    {installLabel}\n                </Button>\n            ) : (\n                <Button\n                    size=\"sm\"\n                    aria-expanded={hintOpen}\n                    aria-controls={hintOpen && hint ? hintId : undefined}\n                    onClick={() => setHintOpen((open) => !open)}\n                >\n                    {hintLabel}\n                </Button>\n            )}\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label={dismissLabel}\n                onClick={dismiss}\n            >\n                <X size={18} aria-hidden />\n            </button>\n        </div>\n    );\n}\n"],"mappings":"A,gSA8EA,SAASgB,EAAc,EAAqB,EAAqC,CAC7E,GAAI,CAACC,GAAc,OAAO,OAAW,IAAa,MAAO,GACzD,GAAI,CACA,IAAMC,EAAM,OAAO,aAAa,QAAQD,CAAU,EAClD,GAAI,CAACC,EAAK,MAAO,GACjB,GAAIA,IAAQ,IAAK,MAAO,GACxB,IAAMC,EAAc,OAAOD,CAAG,EAG9B,OAFK,OAAO,SAASC,CAAW,EAC5BC,IAAsB,IAAA,IACnB,KAAK,IAAI,EAAID,EAAcC,EAFQ,EAG9C,MAAQ,CACJ,MAAO,EACX,CACJ,CAyBA,SAAgBC,EAAc,CAC1B,QAAQ,gBACR,cACA,eAAe,WACf,YAAY,gBACZ,eAAe,YACf,OACA,aACA,oBACA,aAAarB,EAAAA,mBACb,wBACA,WACA,aACmB,CACnB,GAAM,CAAE,SAAQ,qBAAoB,WAAYC,EAAAA,iBAAiB,CAAE,uBAAsB,CAAC,EACpF,CAACqB,EAAWC,IAAA,EAAgBrB,EAAAA,SAAAA,KAC9Bc,EAAcC,EAAYG,CAAiB,CAC/C,EACM,CAACI,EAAUC,IAAA,EAAevB,EAAAA,SAAAA,CAAS,EAAK,EACxCwB,GAAA,EAASvB,EAAAA,MAAAA,CAAM,EAErB,GAAIwB,IAAW,QAAUL,EAAW,OAAO,KAE3C,IAAMM,MAAsB,CAExB,GADAL,EAAa,EAAI,EACbN,GAAc,OAAO,OAAW,IAChC,GAAI,CACA,OAAO,aAAa,QAChBA,EACAG,IAAsB,IAAA,GAAY,IAAM,OAAO,KAAK,IAAI,CAAC,CAC7D,CACJ,MAAQ,CAER,CAER,EAEMS,EAAOF,IAAW,SAAW,KAAOG,EAAW,CAAE,SAAQ,oBAAmB,CAAC,EAEnF,OACI,EAAAhB,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWV,EAAAA,GAAGC,EAAAA,QAAO,OAAQ0B,CAAS,EAAG,KAAK,SAAS,aAAY,OAAOC,CAAK,EAApF,SAAA,CACKC,IAAQ,EAAAnB,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWT,EAAAA,QAAO,KAAO,SAAA4B,CAAW,CAAA,GACnD,EAAAnB,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWT,EAAAA,QAAO,KAAvB,SAAA,EACI,EAAAS,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWT,EAAAA,QAAO,MAAQ,SAAA2B,CAAS,CAAA,EACrCE,IAAe,EAAApB,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWT,EAAAA,QAAO,YAAc,SAAA6B,CAAe,CAAA,EACjEV,GAAYK,GACT,EAAAf,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWT,EAAAA,QAAO,KAAM,GAAIqB,EAC1B,SAAAG,CACF,CAAA,EACH,IACH,C,GACJF,IAAW,UACR,EAAAb,EAAA,IAAA,CAACR,EAAAA,OAAD,CACI,KAAK,KACL,QAAS,SAAY,CACjB,IAAM6B,EAAW,MAAMC,EAAQ,EAC/BC,IAAWF,EAAW,WAAa,WAAW,CAClD,EAEC,SAAAG,CACG,CAAA,GAER,EAAAxB,EAAA,IAAA,CAACR,EAAAA,OAAD,CACI,KAAK,KACL,gBAAekB,EACf,gBAAeA,GAAYK,EAAOH,EAAS,IAAA,GAC3C,YAAeD,EAAa,GAAS,CAACc,CAAI,EAEzC,SAAAC,CACG,CAAA,GAEZ,EAAA1B,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAWT,EAAAA,QAAO,MAClB,aAAYoC,EACZ,QAASb,EAET,UAAA,EAAAd,EAAA,IAAA,CAACP,EAAAA,EAAD,CAAG,KAAM,GAAI,cAAA,EAAa,CAAA,CACtB,CAAA,CACP,C,EAEb,C"}

package/dist/components/InstallBanner/InstallBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstallBanner.js","names":[],"sources":["../../../src/components/InstallBanner/InstallBanner.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — title, description, installLabel and dismissLabel\n * are four strings the app has to write, icon and className the look, storageKey the\n * dismissal memory and onResult the outcome. An install prompt with SDK-authored\n * copy is the one thing nobody ships.\n */\nimport { useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"@/components/Button\";\nimport { useInstallPrompt } from \"@/hooks/use-install-prompt\";\nimport { defaultInstallHint } from \"@/components/InstallButton/install-hints\";\nimport type { RenderInstallHint } from \"@/components/InstallButton/install-hints\";\nimport type { InstallOutcome } from \"@/components/InstallButton\";\nimport styles from \"./InstallBanner.module.css\";\n\nexport interface InstallBannerProps {\n    /** Headline. Default `\"Instale o app\"`. */\n    title?: ReactNode;\n    /** Supporting copy under the title. */\n    description?: ReactNode;\n    /** Install button label. Default `\"Instalar\"`. */\n    installLabel?: string;\n    /** Accessible label for the dismiss button. Default `\"Dispensar\"`. */\n    dismissLabel?: string;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /**\n     * `localStorage` key used to remember dismissal across reloads. Omit to\n     * make dismissal last only for the current session (component state).\n     */\n    storageKey?: string;\n    /**\n     * How long, in ms, a dismissal lasts before the banner may return.\n     *\n     * Omitted, a dismissal written to `storageKey` is permanent, which is what\n     * the component always did and what a stored `\"1\"` keeps meaning. With a\n     * cooldown the dismissal is stored as a timestamp instead, so the banner\n     * comes back after the window — the same shape `useInstallPrompt` uses for\n     * its own decline.\n     */\n    declineCooldownMs?: number;\n    /**\n     * Install button label used when the browser cannot be prompted and the\n     * banner shows the manual instruction. Default `\"Como instalar\"`.\n     */\n    hintLabel?: string;\n    /**\n     * Replaces the instruction shown for the `\"ios\"` and `\"manual\"` methods.\n     *\n     * The default copy is in PT-BR and names the real menu entries.\n     */\n    renderHint?: RenderInstallHint;\n    /**\n     * How long, in ms, to wait for `beforeinstallprompt` before falling back to\n     * the manual instruction. Forwarded to {@link useInstallPrompt}; defaults to\n     * 3000 there.\n     */\n    manualFallbackDelayMs?: number;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    className?: string;\n}\n\n/**\n * Whether the user already dismissed this banner.\n *\n * Two stored shapes, and both have to keep working: `\"1\"` is the permanent\n * dismissal the component has always written, and a timestamp is what a banner\n * with `declineCooldownMs` writes. A `\"1\"` found while a cooldown is configured\n * still counts as dismissed forever — it was written under the old contract, and\n * reviving a banner the user turned off is worse than keeping it off.\n *\n * @param storageKey - The key holding the dismissal, if any.\n * @param declineCooldownMs - How long a timestamped dismissal lasts.\n * @returns Whether the banner should stay hidden.\n */\nfunction readDismissed(storageKey?: string, declineCooldownMs?: number): boolean {\n    if (!storageKey || typeof window === \"undefined\") return false;\n    try {\n        const raw = window.localStorage.getItem(storageKey);\n        if (!raw) return false;\n        if (raw === \"1\") return true;\n        const dismissedAt = Number(raw);\n        if (!Number.isFinite(dismissedAt)) return false;\n        if (declineCooldownMs === undefined) return true;\n        return Date.now() - dismissedAt < declineCooldownMs;\n    } catch {\n        return false;\n    }\n}\n\n/**\n * Dismissible bottom banner that invites the user to install the PWA, wired to\n * {@link useInstallPrompt}.\n *\n * Where the browser fires `beforeinstallprompt`, the button installs. Where it\n * does not — iOS Safari, and the Android Chromium forks that strip the API — the\n * banner shows that platform's instruction instead of disappearing. It used to\n * disappear: built on `useBeforeInstallPrompt`, it rendered `null` exactly where\n * the user has no other way to find the install entry, which is why every app\n * kept a local copy of this component just to add the two missing paths.\n *\n * @tempest-limits empty-catch — persisting the dismissal is a courtesy, not the\n * feature. When `localStorage` refuses the write (quota, private mode) the banner\n * still hides for this session; the worst case is that it comes back next visit,\n * which beats an error thrown out of a click handler that only closed a banner.\n *\n * @example\n * <InstallBanner\n *     title=\"Instale o FAMACHApp\"\n *     description=\"Acesso offline e atalho na tela inicial.\"\n *     storageKey=\"famacha:install-dismissed\"\n * />\n */\nexport function InstallBanner({\n    title = \"Instale o app\",\n    description,\n    installLabel = \"Instalar\",\n    hintLabel = \"Como instalar\",\n    dismissLabel = \"Dispensar\",\n    icon,\n    storageKey,\n    declineCooldownMs,\n    renderHint = defaultInstallHint,\n    manualFallbackDelayMs,\n    onResult,\n    className,\n}: InstallBannerProps) {\n    const { method, openInChromeIntent, install } = useInstallPrompt({ manualFallbackDelayMs });\n    const [dismissed, setDismissed] = useState<boolean>(() =>\n        readDismissed(storageKey, declineCooldownMs),\n    );\n    const [hintOpen, setHintOpen] = useState(false);\n    const hintId = useId();\n\n    if (method === \"none\" || dismissed) return null;\n\n    const dismiss = (): void => {\n        setDismissed(true);\n        if (storageKey && typeof window !== \"undefined\") {\n            try {\n                window.localStorage.setItem(\n                    storageKey,\n                    declineCooldownMs === undefined ? \"1\" : String(Date.now()),\n                );\n            } catch {\n                /* empty */\n            }\n        }\n    };\n\n    const hint = method === \"native\" ? null : renderHint({ method, openInChromeIntent });\n\n    return (\n        <div className={cn(styles.banner, className)} role=\"region\" aria-label={String(title)}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                <p className={styles.title}>{title}</p>\n                {description && <p className={styles.description}>{description}</p>}\n                {hintOpen && hint ? (\n                    <p className={styles.hint} id={hintId}>\n                        {hint}\n                    </p>\n                ) : null}\n            </div>\n            {method === \"native\" ? (\n                <Button\n                    size=\"sm\"\n                    onClick={async () => {\n                        const accepted = await install();\n                        onResult?.(accepted ? \"accepted\" : \"dismissed\");\n                    }}\n                >\n                    {installLabel}\n                </Button>\n            ) : (\n                <Button\n                    size=\"sm\"\n                    aria-expanded={hintOpen}\n                    aria-controls={hintOpen && hint ? hintId : undefined}\n                    onClick={() => setHintOpen((open) => !open)}\n                >\n                    {hintLabel}\n                </Button>\n            )}\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label={dismissLabel}\n                onClick={dismiss}\n            >\n                <X size={18} aria-hidden />\n            </button>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;AA8EA,SAAS,EAAc,GAAqB,GAAqC;CAC7E,IAAI,CAAC,KAAc,OAAO,SAAW,KAAa,OAAO;CACzD,IAAI;EACA,IAAM,IAAM,OAAO,aAAa,QAAQ,CAAU;EAClD,IAAI,CAAC,GAAK,OAAO;EACjB,IAAI,MAAQ,KAAK,OAAO;EACxB,IAAM,IAAc,OAAO,CAAG;EAG9B,OAFK,OAAO,SAAS,CAAW,IAC5B,MAAsB,KAAA,KACnB,KAAK,IAAI,IAAI,IAAc,IAFQ;CAG9C,QAAQ;EACJ,OAAO;CACX;AACJ;AAyBA,SAAgB,EAAc,EAC1B,WAAQ,iBACR,gBACA,kBAAe,YACf,eAAY,iBACZ,kBAAe,aACf,SACA,eACA,sBACA,gBAAa,GACb,0BACA,aACA,gBACmB;CACnB,IAAM,EAAE,WAAQ,uBAAoB,eAAY,EAAiB,EAAE,yBAAsB,CAAC,GACpF,CAAC,GAAW,KAAgB,QAC9B,EAAc,GAAY,CAAiB,CAC/C,GACM,CAAC,GAAU,KAAe,EAAS,EAAK,GACxC,IAAS,EAAM;CAErB,IAAI,MAAW,UAAU,GAAW,OAAO;CAE3C,IAAM,UAAsB;EAExB,IADA,EAAa,EAAI,GACb,KAAc,OAAO,SAAW,KAChC,IAAI;GACA,OAAO,aAAa,QAChB,GACA,MAAsB,KAAA,IAAY,MAAM,OAAO,KAAK,IAAI,CAAC,CAC7D;EACJ,QAAQ,CAER;CAER,GAEM,IAAO,MAAW,WAAW,OAAO,EAAW;EAAE;EAAQ;CAAmB,CAAC;CAEnF,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,QAAQ,CAAS;EAAG,MAAK;EAAS,cAAY,OAAO,CAAK;EAApF,UAAA;GACK,KAAQ,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAO,UAAA;GAAW,CAAA;GACnD,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAvB,UAAA;KACI,kBAAC,KAAD;MAAG,WAAW,EAAO;MAAQ,UAAA;KAAS,CAAA;KACrC,KAAe,kBAAC,KAAD;MAAG,WAAW,EAAO;MAAc,UAAA;KAAe,CAAA;KACjE,KAAY,IACT,kBAAC,KAAD;MAAG,WAAW,EAAO;MAAM,IAAI;MAC1B,UAAA;KACF,CAAA,IACH;IACH;;GACJ,MAAW,WACR,kBAAC,GAAD;IACI,MAAK;IACL,SAAS,YAAY;KACjB,IAAM,IAAW,MAAM,EAAQ;KAC/B,IAAW,IAAW,aAAa,WAAW;IAClD;IAEC,UAAA;GACG,CAAA,IAER,kBAAC,GAAD;IACI,MAAK;IACL,iBAAe;IACf,iBAAe,KAAY,IAAO,IAAS,KAAA;IAC3C,eAAe,GAAa,MAAS,CAAC,CAAI;IAEzC,UAAA;GACG,CAAA;GAEZ,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAO;IAClB,cAAY;IACZ,SAAS;IAET,UAAA,kBAAC,GAAD;KAAG,MAAM;KAAI,eAAA;IAAa,CAAA;GACtB,CAAA;EACP;;AAEb"}
+{"version":3,"file":"InstallBanner.js","names":["styles","InstallBanner_module_default","readDismissed","storageKey","raw","dismissedAt","declineCooldownMs","InstallBanner","defaultInstallHint","useInstallPrompt","dismissed","setDismissed","useState","hintOpen","setHintOpen","hintId","useId","method","dismiss","hint","renderHint","cn","className","title","icon","description","Button","accepted","install","installLabel","open","hintLabel","dismissLabel","X"],"sources":["../../../src/components/InstallBanner/InstallBanner.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — title, description, installLabel and dismissLabel\n * are four strings the app has to write, icon and className the look, storageKey the\n * dismissal memory and onResult the outcome. An install prompt with SDK-authored\n * copy is the one thing nobody ships.\n */\nimport { useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"@/components/Button\";\nimport { useInstallPrompt } from \"@/hooks/use-install-prompt\";\nimport { defaultInstallHint } from \"@/components/InstallButton/install-hints\";\nimport type { RenderInstallHint } from \"@/components/InstallButton/install-hints\";\nimport type { InstallOutcome } from \"@/components/InstallButton\";\nimport styles from \"./InstallBanner.module.css\";\n\nexport interface InstallBannerProps {\n    /** Headline. Default `\"Instale o app\"`. */\n    title?: ReactNode;\n    /** Supporting copy under the title. */\n    description?: ReactNode;\n    /** Install button label. Default `\"Instalar\"`. */\n    installLabel?: string;\n    /** Accessible label for the dismiss button. Default `\"Dispensar\"`. */\n    dismissLabel?: string;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /**\n     * `localStorage` key used to remember dismissal across reloads. Omit to\n     * make dismissal last only for the current session (component state).\n     */\n    storageKey?: string;\n    /**\n     * How long, in ms, a dismissal lasts before the banner may return.\n     *\n     * Omitted, a dismissal written to `storageKey` is permanent, which is what\n     * the component always did and what a stored `\"1\"` keeps meaning. With a\n     * cooldown the dismissal is stored as a timestamp instead, so the banner\n     * comes back after the window — the same shape `useInstallPrompt` uses for\n     * its own decline.\n     */\n    declineCooldownMs?: number;\n    /**\n     * Install button label used when the browser cannot be prompted and the\n     * banner shows the manual instruction. Default `\"Como instalar\"`.\n     */\n    hintLabel?: string;\n    /**\n     * Replaces the instruction shown for the `\"ios\"` and `\"manual\"` methods.\n     *\n     * The default copy is in PT-BR and names the real menu entries.\n     */\n    renderHint?: RenderInstallHint;\n    /**\n     * How long, in ms, to wait for `beforeinstallprompt` before falling back to\n     * the manual instruction. Forwarded to {@link useInstallPrompt}; defaults to\n     * 3000 there.\n     */\n    manualFallbackDelayMs?: number;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    className?: string;\n}\n\n/**\n * Whether the user already dismissed this banner.\n *\n * Two stored shapes, and both have to keep working: `\"1\"` is the permanent\n * dismissal the component has always written, and a timestamp is what a banner\n * with `declineCooldownMs` writes. A `\"1\"` found while a cooldown is configured\n * still counts as dismissed forever — it was written under the old contract, and\n * reviving a banner the user turned off is worse than keeping it off.\n *\n * @param storageKey - The key holding the dismissal, if any.\n * @param declineCooldownMs - How long a timestamped dismissal lasts.\n * @returns Whether the banner should stay hidden.\n */\nfunction readDismissed(storageKey?: string, declineCooldownMs?: number): boolean {\n    if (!storageKey || typeof window === \"undefined\") return false;\n    try {\n        const raw = window.localStorage.getItem(storageKey);\n        if (!raw) return false;\n        if (raw === \"1\") return true;\n        const dismissedAt = Number(raw);\n        if (!Number.isFinite(dismissedAt)) return false;\n        if (declineCooldownMs === undefined) return true;\n        return Date.now() - dismissedAt < declineCooldownMs;\n    } catch {\n        return false;\n    }\n}\n\n/**\n * Dismissible bottom banner that invites the user to install the PWA, wired to\n * {@link useInstallPrompt}.\n *\n * Where the browser fires `beforeinstallprompt`, the button installs. Where it\n * does not — iOS Safari, and the Android Chromium forks that strip the API — the\n * banner shows that platform's instruction instead of disappearing. It used to\n * disappear: built on `useBeforeInstallPrompt`, it rendered `null` exactly where\n * the user has no other way to find the install entry, which is why every app\n * kept a local copy of this component just to add the two missing paths.\n *\n * @tempest-limits empty-catch — persisting the dismissal is a courtesy, not the\n * feature. When `localStorage` refuses the write (quota, private mode) the banner\n * still hides for this session; the worst case is that it comes back next visit,\n * which beats an error thrown out of a click handler that only closed a banner.\n *\n * @example\n * <InstallBanner\n *     title=\"Instale o FAMACHApp\"\n *     description=\"Acesso offline e atalho na tela inicial.\"\n *     storageKey=\"famacha:install-dismissed\"\n * />\n */\nexport function InstallBanner({\n    title = \"Instale o app\",\n    description,\n    installLabel = \"Instalar\",\n    hintLabel = \"Como instalar\",\n    dismissLabel = \"Dispensar\",\n    icon,\n    storageKey,\n    declineCooldownMs,\n    renderHint = defaultInstallHint,\n    manualFallbackDelayMs,\n    onResult,\n    className,\n}: InstallBannerProps) {\n    const { method, openInChromeIntent, install } = useInstallPrompt({ manualFallbackDelayMs });\n    const [dismissed, setDismissed] = useState<boolean>(() =>\n        readDismissed(storageKey, declineCooldownMs),\n    );\n    const [hintOpen, setHintOpen] = useState(false);\n    const hintId = useId();\n\n    if (method === \"none\" || dismissed) return null;\n\n    const dismiss = (): void => {\n        setDismissed(true);\n        if (storageKey && typeof window !== \"undefined\") {\n            try {\n                window.localStorage.setItem(\n                    storageKey,\n                    declineCooldownMs === undefined ? \"1\" : String(Date.now()),\n                );\n            } catch {\n                /* empty */\n            }\n        }\n    };\n\n    const hint = method === \"native\" ? null : renderHint({ method, openInChromeIntent });\n\n    return (\n        <div className={cn(styles.banner, className)} role=\"region\" aria-label={String(title)}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                <p className={styles.title}>{title}</p>\n                {description && <p className={styles.description}>{description}</p>}\n                {hintOpen && hint ? (\n                    <p className={styles.hint} id={hintId}>\n                        {hint}\n                    </p>\n                ) : null}\n            </div>\n            {method === \"native\" ? (\n                <Button\n                    size=\"sm\"\n                    onClick={async () => {\n                        const accepted = await install();\n                        onResult?.(accepted ? \"accepted\" : \"dismissed\");\n                    }}\n                >\n                    {installLabel}\n                </Button>\n            ) : (\n                <Button\n                    size=\"sm\"\n                    aria-expanded={hintOpen}\n                    aria-controls={hintOpen && hint ? hintId : undefined}\n                    onClick={() => setHintOpen((open) => !open)}\n                >\n                    {hintLabel}\n                </Button>\n            )}\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label={dismissLabel}\n                onClick={dismiss}\n            >\n                <X size={18} aria-hidden />\n            </button>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;AA8EA,SAASE,EAAc,GAAqB,GAAqC;CAC7E,IAAI,CAACC,KAAc,OAAO,SAAW,KAAa,OAAO;CACzD,IAAI;EACA,IAAMC,IAAM,OAAO,aAAa,QAAQD,CAAU;EAClD,IAAI,CAACC,GAAK,OAAO;EACjB,IAAIA,MAAQ,KAAK,OAAO;EACxB,IAAMC,IAAc,OAAOD,CAAG;EAG9B,OAFK,OAAO,SAASC,CAAW,IAC5BC,MAAsB,KAAA,KACnB,KAAK,IAAI,IAAID,IAAcC,IAFQ;CAG9C,QAAQ;EACJ,OAAO;CACX;AACJ;AAyBA,SAAgBC,EAAc,EAC1B,WAAQ,iBACR,gBACA,kBAAe,YACf,eAAY,iBACZ,kBAAe,aACf,SACA,eACA,sBACA,gBAAaC,GACb,0BACA,aACA,gBACmB;CACnB,IAAM,EAAE,WAAQ,uBAAoB,eAAYC,EAAiB,EAAE,yBAAsB,CAAC,GACpF,CAACC,GAAWC,KAAgBC,QAC9BV,EAAcC,GAAYG,CAAiB,CAC/C,GACM,CAACO,GAAUC,KAAeF,EAAS,EAAK,GACxCG,IAASC,EAAM;CAErB,IAAIC,MAAW,UAAUP,GAAW,OAAO;CAE3C,IAAMQ,UAAsB;EAExB,IADAP,EAAa,EAAI,GACbR,KAAc,OAAO,SAAW,KAChC,IAAI;GACA,OAAO,aAAa,QAChBA,GACAG,MAAsB,KAAA,IAAY,MAAM,OAAO,KAAK,IAAI,CAAC,CAC7D;EACJ,QAAQ,CAER;CAER,GAEMa,IAAOF,MAAW,WAAW,OAAOG,EAAW;EAAE;EAAQ;CAAmB,CAAC;CAEnF,OACI,kBAAC,OAAD;EAAK,WAAWC,EAAGrB,EAAO,QAAQsB,CAAS;EAAG,MAAK;EAAS,cAAY,OAAOC,CAAK;EAApF,UAAA;GACKC,KAAQ,kBAAC,QAAD;IAAM,WAAWxB,EAAO;IAAO,UAAAwB;GAAW,CAAA;GACnD,kBAAC,OAAD;IAAK,WAAWxB,EAAO;IAAvB,UAAA;KACI,kBAAC,KAAD;MAAG,WAAWA,EAAO;MAAQ,UAAAuB;KAAS,CAAA;KACrCE,KAAe,kBAAC,KAAD;MAAG,WAAWzB,EAAO;MAAc,UAAAyB;KAAe,CAAA;KACjEZ,KAAYM,IACT,kBAAC,KAAD;MAAG,WAAWnB,EAAO;MAAM,IAAIe;MAC1B,UAAAI;KACF,CAAA,IACH;IACH;;GACJF,MAAW,WACR,kBAACS,GAAD;IACI,MAAK;IACL,SAAS,YAAY;KACjB,IAAMC,IAAW,MAAMC,EAAQ;KAC/B,IAAWD,IAAW,aAAa,WAAW;IAClD;IAEC,UAAAE;GACG,CAAA,IAER,kBAACH,GAAD;IACI,MAAK;IACL,iBAAeb;IACf,iBAAeA,KAAYM,IAAOJ,IAAS,KAAA;IAC3C,eAAeD,GAAa,MAAS,CAACgB,CAAI;IAEzC,UAAAC;GACG,CAAA;GAEZ,kBAAC,UAAD;IACI,MAAK;IACL,WAAW/B,EAAO;IAClB,cAAYgC;IACZ,SAASd;IAET,UAAA,kBAACe,GAAD;KAAG,MAAM;KAAI,eAAA;IAAa,CAAA;GACtB,CAAA;EACP;;AAEb"}

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

@@ -1 +1 @@
-{"version":3,"file":"InstallBanner.module.cjs","names":[],"sources":["../../../src/components/InstallBanner/InstallBanner.module.css"],"sourcesContent":[".banner {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-lg);\n    border: 1px solid var(--tempest-border);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-lg);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.icon {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n    color: var(--tempest-primary);\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.description {\n    margin: var(--tempest-space-1) 0 0;\n    color: var(--tempest-text-muted);\n}\n\n.close {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    padding: 0;\n    width: 28px;\n    height: 28px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.close:hover {\n    background: color-mix(in srgb, currentColor 10%, transparent);\n}\n\n.hint {\n    margin: var(--tempest-space-2) 0 0;\n    color: var(--tempest-text-muted);\n}\n\n.hint a {\n    color: var(--tempest-primary);\n}\n"],"mappings":";"}
+{"version":3,"file":"InstallBanner.module.cjs","names":["banner","icon","body","title","description","close","hint","InstallBanner_module_default"],"sources":["../../../src/components/InstallBanner/InstallBanner.module.css"],"sourcesContent":[".banner {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-lg);\n    border: 1px solid var(--tempest-border);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-lg);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.icon {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n    color: var(--tempest-primary);\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.description {\n    margin: var(--tempest-space-1) 0 0;\n    color: var(--tempest-text-muted);\n}\n\n.close {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    padding: 0;\n    width: 28px;\n    height: 28px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.close:hover {\n    background: color-mix(in srgb, currentColor 10%, transparent);\n}\n\n.hint {\n    margin: var(--tempest-space-2) 0 0;\n    color: var(--tempest-text-muted);\n}\n\n.hint a {\n    color: var(--tempest-primary);\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"InstallBanner.module.js","names":[],"sources":["../../../src/components/InstallBanner/InstallBanner.module.css"],"sourcesContent":[".banner {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-lg);\n    border: 1px solid var(--tempest-border);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-lg);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.icon {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n    color: var(--tempest-primary);\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.description {\n    margin: var(--tempest-space-1) 0 0;\n    color: var(--tempest-text-muted);\n}\n\n.close {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    padding: 0;\n    width: 28px;\n    height: 28px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.close:hover {\n    background: color-mix(in srgb, currentColor 10%, transparent);\n}\n\n.hint {\n    margin: var(--tempest-space-2) 0 0;\n    color: var(--tempest-text-muted);\n}\n\n.hint a {\n    color: var(--tempest-primary);\n}\n"],"mappings":";"}
+{"version":3,"file":"InstallBanner.module.js","names":["banner","icon","body","title","description","close","hint","InstallBanner_module_default"],"sources":["../../../src/components/InstallBanner/InstallBanner.module.css"],"sourcesContent":[".banner {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-lg);\n    border: 1px solid var(--tempest-border);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-lg);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.icon {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n    color: var(--tempest-primary);\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.description {\n    margin: var(--tempest-space-1) 0 0;\n    color: var(--tempest-text-muted);\n}\n\n.close {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    padding: 0;\n    width: 28px;\n    height: 28px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.close:hover {\n    background: color-mix(in srgb, currentColor 10%, transparent);\n}\n\n.hint {\n    margin: var(--tempest-space-2) 0 0;\n    color: var(--tempest-text-muted);\n}\n\n.hint a {\n    color: var(--tempest-primary);\n}\n"],"mappings":";"}

package/dist/components/InstallButton/InstallButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InstallButton.cjs","names":[],"sources":["../../../src/components/InstallButton/InstallButton.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Button, type ButtonAsButtonProps } from \"@/components/Button\";\nimport { useInstallPrompt } from \"@/hooks/use-install-prompt\";\nimport { cn } from \"@/utils/cn\";\nimport { defaultInstallHint, type RenderInstallHint } from \"./install-hints\";\nimport styles from \"./InstallButton.module.css\";\n\nexport type InstallOutcome = \"accepted\" | \"dismissed\" | \"unsupported\";\n\nexport interface InstallButtonProps extends Omit<ButtonAsButtonProps, \"onClick\" | \"children\"> {\n    /** Button label. Default `\"Instalar app\"`. */\n    label?: ReactNode;\n    /**\n     * Label used when the browser cannot be prompted and the button reveals the\n     * manual instruction instead. Default `\"Como instalar\"`.\n     */\n    hintLabel?: ReactNode;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    /**\n     * Replaces the instruction shown for the `\"ios\"` and `\"manual\"` methods.\n     *\n     * The default copy is in PT-BR and names the real menu entries. Pass this to\n     * translate it, to shorten it, or to point at a screenshot of your own.\n     */\n    renderHint?: RenderInstallHint;\n    /**\n     * How long, in ms, to wait for `beforeinstallprompt` before falling back to\n     * the manual instruction. Forwarded to {@link useInstallPrompt}; defaults to\n     * 3000 there.\n     */\n    manualFallbackDelayMs?: number;\n    /** Class applied to the wrapper that holds the button and the instruction. */\n    wrapperClassName?: string;\n}\n\n/**\n * Button wired to PWA installation, through {@link useInstallPrompt}.\n *\n * Where the browser fires `beforeinstallprompt`, the click installs. Where it\n * does not — iOS Safari, and the Android Chromium forks (Mi Browser, UC, Opera\n * Mini, Huawei) that strip the API — the click reveals the instruction for that\n * platform instead of the button disappearing.\n *\n * That disappearance was the defect: the component was built on\n * `useBeforeInstallPrompt`, so it rendered `null` exactly where the user needs\n * the most help, and every app re-implemented the iOS and manual paths locally.\n * Nothing renders only when there is genuinely nothing to offer — already\n * installed, running standalone, or inside the decline cooldown.\n *\n * Inherits every {@link Button} prop of the `<button>` mode (`variant`, `size`,\n * `leftIcon`, …) but not `href`: its click opens the install prompt\n * or toggles the instruction, which is an action, not a navigation.\n *\n * @example\n * <InstallButton variant=\"primary\" leftIcon={<Download />} />\n *\n * @example\n * <InstallButton renderHint={({ method }) => (method === \"ios\" ? <IOSSteps /> : <MenuSteps />)} />\n */\nexport function InstallButton({\n    label = \"Instalar app\",\n    hintLabel = \"Como instalar\",\n    onResult,\n    renderHint = defaultInstallHint,\n    manualFallbackDelayMs,\n    wrapperClassName,\n    ...props\n}: InstallButtonProps) {\n    const { method, openInChromeIntent, install } = useInstallPrompt({ manualFallbackDelayMs });\n    const [hintOpen, setHintOpen] = useState(false);\n    const hintId = useId();\n\n    if (method === \"none\") return null;\n\n    if (method === \"native\") {\n        return (\n            <Button\n                onClick={async () => {\n                    const accepted = await install();\n                    onResult?.(accepted ? \"accepted\" : \"dismissed\");\n                }}\n                {...props}\n            >\n                {label}\n            </Button>\n        );\n    }\n\n    const hint = renderHint({ method, openInChromeIntent });\n\n    return (\n        <div className={cn(styles.wrapper, wrapperClassName)}>\n            <Button\n                aria-expanded={hintOpen}\n                aria-controls={hintOpen && hint ? hintId : undefined}\n                onClick={() => setHintOpen((open) => !open)}\n                {...props}\n            >\n                {hintLabel}\n            </Button>\n            {hintOpen && hint ? (\n                <p className={styles.hint} id={hintId}>\n                    {hint}\n                </p>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"uPA6DA,SAAgB,EAAc,CAC1B,QAAQ,eACR,YAAY,gBACZ,WACA,aAAa,EAAA,mBACb,wBACA,mBACA,GAAG,GACgB,CACnB,GAAM,CAAE,SAAQ,qBAAoB,WAAY,EAAA,iBAAiB,CAAE,uBAAsB,CAAC,EACpF,CAAC,EAAU,IAAA,EAAe,EAAA,SAAA,CAAS,EAAK,EACxC,GAAA,EAAS,EAAA,MAAA,CAAM,EAErB,GAAI,IAAW,OAAQ,OAAO,KAE9B,GAAI,IAAW,SACX,OACI,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACI,QAAS,SAAY,CACjB,IAAM,EAAW,MAAM,EAAQ,EAC/B,IAAW,EAAW,WAAa,WAAW,CAClD,EACA,GAAI,EAEH,SAAA,CACG,CAAA,EAIhB,IAAM,EAAO,EAAW,CAAE,SAAQ,oBAAmB,CAAC,EAEtD,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAgB,EAAnD,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACI,gBAAe,EACf,gBAAe,GAAY,EAAO,EAAS,IAAA,GAC3C,YAAe,EAAa,GAAS,CAAC,CAAI,EAC1C,GAAI,EAEH,SAAA,CACG,CAAA,EACP,GAAY,GACT,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,KAAM,GAAI,EAC1B,SAAA,CACF,CAAA,EACH,IACH,GAEb"}
+{"version":3,"file":"InstallButton.cjs","names":["defaultInstallHint","useInstallPrompt","useState","useId","Button","cn","styles","require_cn","require_Button","require_use_install_prompt","require_install_hints","require_InstallButton_module","react","react_jsx_runtime","InstallButton","props","hintOpen","setHintOpen","hintId","method","accepted","install","onResult","label","hint","renderHint","wrapperClassName","open","hintLabel"],"sources":["../../../src/components/InstallButton/InstallButton.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Button, type ButtonAsButtonProps } from \"@/components/Button\";\nimport { useInstallPrompt } from \"@/hooks/use-install-prompt\";\nimport { cn } from \"@/utils/cn\";\nimport { defaultInstallHint, type RenderInstallHint } from \"./install-hints\";\nimport styles from \"./InstallButton.module.css\";\n\nexport type InstallOutcome = \"accepted\" | \"dismissed\" | \"unsupported\";\n\nexport interface InstallButtonProps extends Omit<ButtonAsButtonProps, \"onClick\" | \"children\"> {\n    /** Button label. Default `\"Instalar app\"`. */\n    label?: ReactNode;\n    /**\n     * Label used when the browser cannot be prompted and the button reveals the\n     * manual instruction instead. Default `\"Como instalar\"`.\n     */\n    hintLabel?: ReactNode;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    /**\n     * Replaces the instruction shown for the `\"ios\"` and `\"manual\"` methods.\n     *\n     * The default copy is in PT-BR and names the real menu entries. Pass this to\n     * translate it, to shorten it, or to point at a screenshot of your own.\n     */\n    renderHint?: RenderInstallHint;\n    /**\n     * How long, in ms, to wait for `beforeinstallprompt` before falling back to\n     * the manual instruction. Forwarded to {@link useInstallPrompt}; defaults to\n     * 3000 there.\n     */\n    manualFallbackDelayMs?: number;\n    /** Class applied to the wrapper that holds the button and the instruction. */\n    wrapperClassName?: string;\n}\n\n/**\n * Button wired to PWA installation, through {@link useInstallPrompt}.\n *\n * Where the browser fires `beforeinstallprompt`, the click installs. Where it\n * does not — iOS Safari, and the Android Chromium forks (Mi Browser, UC, Opera\n * Mini, Huawei) that strip the API — the click reveals the instruction for that\n * platform instead of the button disappearing.\n *\n * That disappearance was the defect: the component was built on\n * `useBeforeInstallPrompt`, so it rendered `null` exactly where the user needs\n * the most help, and every app re-implemented the iOS and manual paths locally.\n * Nothing renders only when there is genuinely nothing to offer — already\n * installed, running standalone, or inside the decline cooldown.\n *\n * Inherits every {@link Button} prop of the `<button>` mode (`variant`, `size`,\n * `leftIcon`, …) but not `href`: its click opens the install prompt\n * or toggles the instruction, which is an action, not a navigation.\n *\n * @example\n * <InstallButton variant=\"primary\" leftIcon={<Download />} />\n *\n * @example\n * <InstallButton renderHint={({ method }) => (method === \"ios\" ? <IOSSteps /> : <MenuSteps />)} />\n */\nexport function InstallButton({\n    label = \"Instalar app\",\n    hintLabel = \"Como instalar\",\n    onResult,\n    renderHint = defaultInstallHint,\n    manualFallbackDelayMs,\n    wrapperClassName,\n    ...props\n}: InstallButtonProps) {\n    const { method, openInChromeIntent, install } = useInstallPrompt({ manualFallbackDelayMs });\n    const [hintOpen, setHintOpen] = useState(false);\n    const hintId = useId();\n\n    if (method === \"none\") return null;\n\n    if (method === \"native\") {\n        return (\n            <Button\n                onClick={async () => {\n                    const accepted = await install();\n                    onResult?.(accepted ? \"accepted\" : \"dismissed\");\n                }}\n                {...props}\n            >\n                {label}\n            </Button>\n        );\n    }\n\n    const hint = renderHint({ method, openInChromeIntent });\n\n    return (\n        <div className={cn(styles.wrapper, wrapperClassName)}>\n            <Button\n                aria-expanded={hintOpen}\n                aria-controls={hintOpen && hint ? hintId : undefined}\n                onClick={() => setHintOpen((open) => !open)}\n                {...props}\n            >\n                {hintLabel}\n            </Button>\n            {hintOpen && hint ? (\n                <p className={styles.hint} id={hintId}>\n                    {hint}\n                </p>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"A,uPA6DA,SAAgBc,EAAc,CAC1B,QAAQ,eACR,YAAY,gBACZ,WACA,aAAad,EAAAA,mBACb,wBACA,mBACA,GAAGe,GACgB,CACnB,GAAM,CAAE,SAAQ,qBAAoB,WAAYd,EAAAA,iBAAiB,CAAE,uBAAsB,CAAC,EACpF,CAACe,EAAUC,IAAA,EAAef,EAAAA,SAAAA,CAAS,EAAK,EACxCgB,GAAA,EAASf,EAAAA,MAAAA,CAAM,EAErB,GAAIgB,IAAW,OAAQ,OAAO,KAE9B,GAAIA,IAAW,SACX,OACI,EAAAN,EAAA,IAAA,CAACT,EAAAA,OAAD,CACI,QAAS,SAAY,CACjB,IAAMgB,EAAW,MAAMC,EAAQ,EAC/BC,IAAWF,EAAW,WAAa,WAAW,CAClD,EACA,GAAIL,EAEH,SAAAQ,CACG,CAAA,EAIhB,IAAMC,EAAOC,EAAW,CAAE,SAAQ,oBAAmB,CAAC,EAEtD,OACI,EAAAZ,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWR,EAAAA,GAAGC,EAAAA,QAAO,QAASoB,CAAgB,EAAnD,SAAA,EACI,EAAAb,EAAA,IAAA,CAACT,EAAAA,OAAD,CACI,gBAAeY,EACf,gBAAeA,GAAYQ,EAAON,EAAS,IAAA,GAC3C,YAAeD,EAAa,GAAS,CAACU,CAAI,EAC1C,GAAIZ,EAEH,SAAAa,CACG,CAAA,EACPZ,GAAYQ,GACT,EAAAX,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWP,EAAAA,QAAO,KAAM,GAAIY,EAC1B,SAAAM,CACF,CAAA,EACH,IACH,C,EAEb,C"}

package/dist/components/InstallButton/InstallButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstallButton.js","names":[],"sources":["../../../src/components/InstallButton/InstallButton.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Button, type ButtonAsButtonProps } from \"@/components/Button\";\nimport { useInstallPrompt } from \"@/hooks/use-install-prompt\";\nimport { cn } from \"@/utils/cn\";\nimport { defaultInstallHint, type RenderInstallHint } from \"./install-hints\";\nimport styles from \"./InstallButton.module.css\";\n\nexport type InstallOutcome = \"accepted\" | \"dismissed\" | \"unsupported\";\n\nexport interface InstallButtonProps extends Omit<ButtonAsButtonProps, \"onClick\" | \"children\"> {\n    /** Button label. Default `\"Instalar app\"`. */\n    label?: ReactNode;\n    /**\n     * Label used when the browser cannot be prompted and the button reveals the\n     * manual instruction instead. Default `\"Como instalar\"`.\n     */\n    hintLabel?: ReactNode;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    /**\n     * Replaces the instruction shown for the `\"ios\"` and `\"manual\"` methods.\n     *\n     * The default copy is in PT-BR and names the real menu entries. Pass this to\n     * translate it, to shorten it, or to point at a screenshot of your own.\n     */\n    renderHint?: RenderInstallHint;\n    /**\n     * How long, in ms, to wait for `beforeinstallprompt` before falling back to\n     * the manual instruction. Forwarded to {@link useInstallPrompt}; defaults to\n     * 3000 there.\n     */\n    manualFallbackDelayMs?: number;\n    /** Class applied to the wrapper that holds the button and the instruction. */\n    wrapperClassName?: string;\n}\n\n/**\n * Button wired to PWA installation, through {@link useInstallPrompt}.\n *\n * Where the browser fires `beforeinstallprompt`, the click installs. Where it\n * does not — iOS Safari, and the Android Chromium forks (Mi Browser, UC, Opera\n * Mini, Huawei) that strip the API — the click reveals the instruction for that\n * platform instead of the button disappearing.\n *\n * That disappearance was the defect: the component was built on\n * `useBeforeInstallPrompt`, so it rendered `null` exactly where the user needs\n * the most help, and every app re-implemented the iOS and manual paths locally.\n * Nothing renders only when there is genuinely nothing to offer — already\n * installed, running standalone, or inside the decline cooldown.\n *\n * Inherits every {@link Button} prop of the `<button>` mode (`variant`, `size`,\n * `leftIcon`, …) but not `href`: its click opens the install prompt\n * or toggles the instruction, which is an action, not a navigation.\n *\n * @example\n * <InstallButton variant=\"primary\" leftIcon={<Download />} />\n *\n * @example\n * <InstallButton renderHint={({ method }) => (method === \"ios\" ? <IOSSteps /> : <MenuSteps />)} />\n */\nexport function InstallButton({\n    label = \"Instalar app\",\n    hintLabel = \"Como instalar\",\n    onResult,\n    renderHint = defaultInstallHint,\n    manualFallbackDelayMs,\n    wrapperClassName,\n    ...props\n}: InstallButtonProps) {\n    const { method, openInChromeIntent, install } = useInstallPrompt({ manualFallbackDelayMs });\n    const [hintOpen, setHintOpen] = useState(false);\n    const hintId = useId();\n\n    if (method === \"none\") return null;\n\n    if (method === \"native\") {\n        return (\n            <Button\n                onClick={async () => {\n                    const accepted = await install();\n                    onResult?.(accepted ? \"accepted\" : \"dismissed\");\n                }}\n                {...props}\n            >\n                {label}\n            </Button>\n        );\n    }\n\n    const hint = renderHint({ method, openInChromeIntent });\n\n    return (\n        <div className={cn(styles.wrapper, wrapperClassName)}>\n            <Button\n                aria-expanded={hintOpen}\n                aria-controls={hintOpen && hint ? hintId : undefined}\n                onClick={() => setHintOpen((open) => !open)}\n                {...props}\n            >\n                {hintLabel}\n            </Button>\n            {hintOpen && hint ? (\n                <p className={styles.hint} id={hintId}>\n                    {hint}\n                </p>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;AA6DA,SAAgB,EAAc,EAC1B,WAAQ,gBACR,eAAY,iBACZ,aACA,gBAAa,GACb,0BACA,qBACA,GAAG,KACgB;CACnB,IAAM,EAAE,WAAQ,uBAAoB,eAAY,EAAiB,EAAE,yBAAsB,CAAC,GACpF,CAAC,GAAU,KAAe,EAAS,EAAK,GACxC,IAAS,EAAM;CAErB,IAAI,MAAW,QAAQ,OAAO;CAE9B,IAAI,MAAW,UACX,OACI,kBAAC,GAAD;EACI,SAAS,YAAY;GACjB,IAAM,IAAW,MAAM,EAAQ;GAC/B,IAAW,IAAW,aAAa,WAAW;EAClD;EACA,GAAI;EAEH,UAAA;CACG,CAAA;CAIhB,IAAM,IAAO,EAAW;EAAE;EAAQ;CAAmB,CAAC;CAEtD,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAgB;EAAnD,UAAA,CACI,kBAAC,GAAD;GACI,iBAAe;GACf,iBAAe,KAAY,IAAO,IAAS,KAAA;GAC3C,eAAe,GAAa,MAAS,CAAC,CAAI;GAC1C,GAAI;GAEH,UAAA;EACG,CAAA,GACP,KAAY,IACT,kBAAC,KAAD;GAAG,WAAW,EAAO;GAAM,IAAI;GAC1B,UAAA;EACF,CAAA,IACH,IACH;;AAEb"}
+{"version":3,"file":"InstallButton.js","names":["styles","InstallButton_module_default","InstallButton","defaultInstallHint","props","useInstallPrompt","hintOpen","setHintOpen","useState","hintId","useId","method","Button","accepted","install","label","hint","renderHint","cn","wrapperClassName","open","hintLabel"],"sources":["../../../src/components/InstallButton/InstallButton.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Button, type ButtonAsButtonProps } from \"@/components/Button\";\nimport { useInstallPrompt } from \"@/hooks/use-install-prompt\";\nimport { cn } from \"@/utils/cn\";\nimport { defaultInstallHint, type RenderInstallHint } from \"./install-hints\";\nimport styles from \"./InstallButton.module.css\";\n\nexport type InstallOutcome = \"accepted\" | \"dismissed\" | \"unsupported\";\n\nexport interface InstallButtonProps extends Omit<ButtonAsButtonProps, \"onClick\" | \"children\"> {\n    /** Button label. Default `\"Instalar app\"`. */\n    label?: ReactNode;\n    /**\n     * Label used when the browser cannot be prompted and the button reveals the\n     * manual instruction instead. Default `\"Como instalar\"`.\n     */\n    hintLabel?: ReactNode;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    /**\n     * Replaces the instruction shown for the `\"ios\"` and `\"manual\"` methods.\n     *\n     * The default copy is in PT-BR and names the real menu entries. Pass this to\n     * translate it, to shorten it, or to point at a screenshot of your own.\n     */\n    renderHint?: RenderInstallHint;\n    /**\n     * How long, in ms, to wait for `beforeinstallprompt` before falling back to\n     * the manual instruction. Forwarded to {@link useInstallPrompt}; defaults to\n     * 3000 there.\n     */\n    manualFallbackDelayMs?: number;\n    /** Class applied to the wrapper that holds the button and the instruction. */\n    wrapperClassName?: string;\n}\n\n/**\n * Button wired to PWA installation, through {@link useInstallPrompt}.\n *\n * Where the browser fires `beforeinstallprompt`, the click installs. Where it\n * does not — iOS Safari, and the Android Chromium forks (Mi Browser, UC, Opera\n * Mini, Huawei) that strip the API — the click reveals the instruction for that\n * platform instead of the button disappearing.\n *\n * That disappearance was the defect: the component was built on\n * `useBeforeInstallPrompt`, so it rendered `null` exactly where the user needs\n * the most help, and every app re-implemented the iOS and manual paths locally.\n * Nothing renders only when there is genuinely nothing to offer — already\n * installed, running standalone, or inside the decline cooldown.\n *\n * Inherits every {@link Button} prop of the `<button>` mode (`variant`, `size`,\n * `leftIcon`, …) but not `href`: its click opens the install prompt\n * or toggles the instruction, which is an action, not a navigation.\n *\n * @example\n * <InstallButton variant=\"primary\" leftIcon={<Download />} />\n *\n * @example\n * <InstallButton renderHint={({ method }) => (method === \"ios\" ? <IOSSteps /> : <MenuSteps />)} />\n */\nexport function InstallButton({\n    label = \"Instalar app\",\n    hintLabel = \"Como instalar\",\n    onResult,\n    renderHint = defaultInstallHint,\n    manualFallbackDelayMs,\n    wrapperClassName,\n    ...props\n}: InstallButtonProps) {\n    const { method, openInChromeIntent, install } = useInstallPrompt({ manualFallbackDelayMs });\n    const [hintOpen, setHintOpen] = useState(false);\n    const hintId = useId();\n\n    if (method === \"none\") return null;\n\n    if (method === \"native\") {\n        return (\n            <Button\n                onClick={async () => {\n                    const accepted = await install();\n                    onResult?.(accepted ? \"accepted\" : \"dismissed\");\n                }}\n                {...props}\n            >\n                {label}\n            </Button>\n        );\n    }\n\n    const hint = renderHint({ method, openInChromeIntent });\n\n    return (\n        <div className={cn(styles.wrapper, wrapperClassName)}>\n            <Button\n                aria-expanded={hintOpen}\n                aria-controls={hintOpen && hint ? hintId : undefined}\n                onClick={() => setHintOpen((open) => !open)}\n                {...props}\n            >\n                {hintLabel}\n            </Button>\n            {hintOpen && hint ? (\n                <p className={styles.hint} id={hintId}>\n                    {hint}\n                </p>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;AA6DA,SAAgBE,EAAc,EAC1B,WAAQ,gBACR,eAAY,iBACZ,aACA,gBAAaC,GACb,0BACA,qBACA,GAAGC,KACgB;CACnB,IAAM,EAAE,WAAQ,uBAAoB,eAAYC,EAAiB,EAAE,yBAAsB,CAAC,GACpF,CAACC,GAAUC,KAAeC,EAAS,EAAK,GACxCC,IAASC,EAAM;CAErB,IAAIC,MAAW,QAAQ,OAAO;CAE9B,IAAIA,MAAW,UACX,OACI,kBAACC,GAAD;EACI,SAAS,YAAY;GACjB,IAAMC,IAAW,MAAMC,EAAQ;GAC/B,IAAWD,IAAW,aAAa,WAAW;EAClD;EACA,GAAIT;EAEH,UAAAW;CACG,CAAA;CAIhB,IAAMC,IAAOC,EAAW;EAAE;EAAQ;CAAmB,CAAC;CAEtD,OACI,kBAAC,OAAD;EAAK,WAAWC,EAAGlB,EAAO,SAASmB,CAAgB;EAAnD,UAAA,CACI,kBAACP,GAAD;GACI,iBAAeN;GACf,iBAAeA,KAAYU,IAAOP,IAAS,KAAA;GAC3C,eAAeF,GAAa,MAAS,CAACa,CAAI;GAC1C,GAAIhB;GAEH,UAAAiB;EACG,CAAA,GACPf,KAAYU,IACT,kBAAC,KAAD;GAAG,WAAWhB,EAAO;GAAM,IAAIS;GAC1B,UAAAO;EACF,CAAA,IACH,IACH;;AAEb"}

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

@@ -1 +1 @@
-{"version":3,"file":"InstallButton.module.cjs","names":[],"sources":["../../../src/components/InstallButton/InstallButton.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    font-family: var(--tempest-font-sans);\n}\n\n.hint {\n    margin: 0;\n    max-width: 36ch;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.hint a {\n    color: var(--tempest-primary);\n}\n"],"mappings":";"}
+{"version":3,"file":"InstallButton.module.cjs","names":["wrapper","hint","InstallButton_module_default"],"sources":["../../../src/components/InstallButton/InstallButton.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    font-family: var(--tempest-font-sans);\n}\n\n.hint {\n    margin: 0;\n    max-width: 36ch;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.hint a {\n    color: var(--tempest-primary);\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"InstallButton.module.js","names":[],"sources":["../../../src/components/InstallButton/InstallButton.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    font-family: var(--tempest-font-sans);\n}\n\n.hint {\n    margin: 0;\n    max-width: 36ch;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.hint a {\n    color: var(--tempest-primary);\n}\n"],"mappings":";"}
+{"version":3,"file":"InstallButton.module.js","names":["wrapper","hint","InstallButton_module_default"],"sources":["../../../src/components/InstallButton/InstallButton.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    font-family: var(--tempest-font-sans);\n}\n\n.hint {\n    margin: 0;\n    max-width: 36ch;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.hint a {\n    color: var(--tempest-primary);\n}\n"],"mappings":";"}

package/dist/components/InstallButton/install-hints.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"install-hints.cjs","names":[],"sources":["../../../src/components/InstallButton/install-hints.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nimport type { InstallMethod } from \"@/hooks/use-install-prompt\";\n\n/** What an install affordance needs to render the instruction for a method. */\nexport interface InstallHintInput {\n    /** The strategy `useInstallPrompt` resolved. */\n    method: InstallMethod;\n    /** An `intent://` URL that re-opens the page in Chrome on Android, if any. */\n    openInChromeIntent: string | null;\n}\n\n/** Renders the instruction shown when the browser has no install prompt. */\nexport type RenderInstallHint = (input: InstallHintInput) => ReactNode;\n\n/**\n * The default instruction for a browser that cannot be prompted.\n *\n * Written out rather than left to the app because every app wrote the same two\n * sentences, and getting them wrong is invisible: an iOS user who is told to\n * look for an \"Install\" menu never finds one, because Safari puts it behind the\n * Share sheet.\n *\n * On an Android fork the copy also offers the `intent://` link the SDK already\n * builds — reopening the page in Chrome is the only path that reaches a real\n * install on a browser whose menu has no install entry at all.\n *\n * @param input - The resolved method and the optional Chrome intent.\n * @returns The instruction, or `null` when the method needs none.\n */\nexport function defaultInstallHint({ method, openInChromeIntent }: InstallHintInput): ReactNode {\n    if (method === \"ios\") {\n        return (\n            <>\n                Toque em <strong>Compartilhar</strong> e escolha{\" \"}\n                <strong>Adicionar à Tela de Início</strong>.\n            </>\n        );\n    }\n    if (method === \"manual\") {\n        return (\n            <>\n                Abra o menu do navegador (<strong>⋮</strong>) e escolha{\" \"}\n                <strong>Instalar app</strong>.\n                {openInChromeIntent ? (\n                    <>\n                        {\" \"}\n                        Se não houver essa opção, <a href={openInChromeIntent}>abra no Chrome</a>.\n                    </>\n                ) : null}\n            </>\n        );\n    }\n    return null;\n}\n"],"mappings":"mCA8BA,SAAgB,EAAmB,CAAE,SAAQ,sBAAmD,CAuB5F,OAtBI,IAAW,OAEP,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,CAAE,aACW,EAAA,EAAA,IAAA,CAAC,SAAD,CAAA,SAAQ,cAAoB,CAAA,EAAC,aAAW,KACjD,EAAA,EAAA,IAAA,CAAC,SAAD,CAAA,SAAQ,4BAAkC,CAAA,EAAC,GAC7C,CAAA,CAAA,EAGN,IAAW,UAEP,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,CAAE,8BAC4B,EAAA,EAAA,IAAA,CAAC,SAAD,CAAA,SAAQ,GAAS,CAAA,EAAC,cAAY,KACxD,EAAA,EAAA,IAAA,CAAC,SAAD,CAAA,SAAQ,cAAoB,CAAA,EAAC,IAC5B,GACG,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,CACK,IAAI,8BACqB,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,KAAM,EAAoB,SAAA,gBAAiB,CAAA,EAAC,GAC3E,CAAA,CAAA,EACF,IACN,CAAA,CAAA,EAGH,IACX"}
+{"version":3,"file":"install-hints.cjs","names":["_Fragment","react_jsx_runtime","defaultInstallHint","method","openInChromeIntent"],"sources":["../../../src/components/InstallButton/install-hints.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nimport type { InstallMethod } from \"@/hooks/use-install-prompt\";\n\n/** What an install affordance needs to render the instruction for a method. */\nexport interface InstallHintInput {\n    /** The strategy `useInstallPrompt` resolved. */\n    method: InstallMethod;\n    /** An `intent://` URL that re-opens the page in Chrome on Android, if any. */\n    openInChromeIntent: string | null;\n}\n\n/** Renders the instruction shown when the browser has no install prompt. */\nexport type RenderInstallHint = (input: InstallHintInput) => ReactNode;\n\n/**\n * The default instruction for a browser that cannot be prompted.\n *\n * Written out rather than left to the app because every app wrote the same two\n * sentences, and getting them wrong is invisible: an iOS user who is told to\n * look for an \"Install\" menu never finds one, because Safari puts it behind the\n * Share sheet.\n *\n * On an Android fork the copy also offers the `intent://` link the SDK already\n * builds — reopening the page in Chrome is the only path that reaches a real\n * install on a browser whose menu has no install entry at all.\n *\n * @param input - The resolved method and the optional Chrome intent.\n * @returns The instruction, or `null` when the method needs none.\n */\nexport function defaultInstallHint({ method, openInChromeIntent }: InstallHintInput): ReactNode {\n    if (method === \"ios\") {\n        return (\n            <>\n                Toque em <strong>Compartilhar</strong> e escolha{\" \"}\n                <strong>Adicionar à Tela de Início</strong>.\n            </>\n        );\n    }\n    if (method === \"manual\") {\n        return (\n            <>\n                Abra o menu do navegador (<strong>⋮</strong>) e escolha{\" \"}\n                <strong>Instalar app</strong>.\n                {openInChromeIntent ? (\n                    <>\n                        {\" \"}\n                        Se não houver essa opção, <a href={openInChromeIntent}>abra no Chrome</a>.\n                    </>\n                ) : null}\n            </>\n        );\n    }\n    return null;\n}\n"],"mappings":"A,mCA8BA,SAAgBE,EAAmB,CAAE,SAAQ,sBAAmD,CAuB5F,OAtBIC,IAAW,OAEP,EAAAF,EAAA,KAAA,CAAAD,EAAAA,SAAA,CAAA,SAAA,CAAE,aACW,EAAAC,EAAA,IAAA,CAAC,SAAD,CAAA,SAAQ,cAAoB,CAAA,EAAC,aAAW,KACjD,EAAAA,EAAA,IAAA,CAAC,SAAD,CAAA,SAAQ,4BAAkC,CAAA,EAAC,GAC7C,CAAA,CAAA,EAGNE,IAAW,UAEP,EAAAF,EAAA,KAAA,CAAAD,EAAAA,SAAA,CAAA,SAAA,CAAE,8BAC4B,EAAAC,EAAA,IAAA,CAAC,SAAD,CAAA,SAAQ,GAAS,CAAA,EAAC,cAAY,KACxD,EAAAA,EAAA,IAAA,CAAC,SAAD,CAAA,SAAQ,cAAoB,CAAA,EAAC,IAC5BG,GACG,EAAAH,EAAA,KAAA,CAAAD,EAAAA,SAAA,CAAA,SAAA,CACK,IAAI,8BACqB,EAAAC,EAAA,IAAA,CAAC,IAAD,CAAG,KAAMG,EAAoB,SAAA,gBAAiB,CAAA,EAAC,GAC3E,CAAA,CAAA,EACF,IACN,CAAA,CAAA,EAGH,IACX,C"}

package/dist/components/InstallButton/install-hints.js.map

@@ -1 +1 @@
-{"version":3,"file":"install-hints.js","names":[],"sources":["../../../src/components/InstallButton/install-hints.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nimport type { InstallMethod } from \"@/hooks/use-install-prompt\";\n\n/** What an install affordance needs to render the instruction for a method. */\nexport interface InstallHintInput {\n    /** The strategy `useInstallPrompt` resolved. */\n    method: InstallMethod;\n    /** An `intent://` URL that re-opens the page in Chrome on Android, if any. */\n    openInChromeIntent: string | null;\n}\n\n/** Renders the instruction shown when the browser has no install prompt. */\nexport type RenderInstallHint = (input: InstallHintInput) => ReactNode;\n\n/**\n * The default instruction for a browser that cannot be prompted.\n *\n * Written out rather than left to the app because every app wrote the same two\n * sentences, and getting them wrong is invisible: an iOS user who is told to\n * look for an \"Install\" menu never finds one, because Safari puts it behind the\n * Share sheet.\n *\n * On an Android fork the copy also offers the `intent://` link the SDK already\n * builds — reopening the page in Chrome is the only path that reaches a real\n * install on a browser whose menu has no install entry at all.\n *\n * @param input - The resolved method and the optional Chrome intent.\n * @returns The instruction, or `null` when the method needs none.\n */\nexport function defaultInstallHint({ method, openInChromeIntent }: InstallHintInput): ReactNode {\n    if (method === \"ios\") {\n        return (\n            <>\n                Toque em <strong>Compartilhar</strong> e escolha{\" \"}\n                <strong>Adicionar à Tela de Início</strong>.\n            </>\n        );\n    }\n    if (method === \"manual\") {\n        return (\n            <>\n                Abra o menu do navegador (<strong>⋮</strong>) e escolha{\" \"}\n                <strong>Instalar app</strong>.\n                {openInChromeIntent ? (\n                    <>\n                        {\" \"}\n                        Se não houver essa opção, <a href={openInChromeIntent}>abra no Chrome</a>.\n                    </>\n                ) : null}\n            </>\n        );\n    }\n    return null;\n}\n"],"mappings":";;AA8BA,SAAgB,EAAmB,EAAE,WAAQ,yBAAmD;CAuB5F,OAtBI,MAAW,QAEP,kBAAA,GAAA,EAAA,UAAA;EAAE;EACW,kBAAC,UAAD,EAAA,UAAQ,eAAoB,CAAA;EAAC;EAAW;EACjD,kBAAC,UAAD,EAAA,UAAQ,6BAAkC,CAAA;EAAC;CAC7C,EAAA,CAAA,IAGN,MAAW,WAEP,kBAAA,GAAA,EAAA,UAAA;EAAE;EAC4B,kBAAC,UAAD,EAAA,UAAQ,IAAS,CAAA;EAAC;EAAY;EACxD,kBAAC,UAAD,EAAA,UAAQ,eAAoB,CAAA;EAAC;EAC5B,IACG,kBAAA,GAAA,EAAA,UAAA;GACK;GAAI;GACqB,kBAAC,KAAD;IAAG,MAAM;IAAoB,UAAA;GAAiB,CAAA;GAAC;EAC3E,EAAA,CAAA,IACF;CACN,EAAA,CAAA,IAGH;AACX"}
+{"version":3,"file":"install-hints.js","names":["_Fragment","defaultInstallHint","method","Fragment","openInChromeIntent"],"sources":["../../../src/components/InstallButton/install-hints.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nimport type { InstallMethod } from \"@/hooks/use-install-prompt\";\n\n/** What an install affordance needs to render the instruction for a method. */\nexport interface InstallHintInput {\n    /** The strategy `useInstallPrompt` resolved. */\n    method: InstallMethod;\n    /** An `intent://` URL that re-opens the page in Chrome on Android, if any. */\n    openInChromeIntent: string | null;\n}\n\n/** Renders the instruction shown when the browser has no install prompt. */\nexport type RenderInstallHint = (input: InstallHintInput) => ReactNode;\n\n/**\n * The default instruction for a browser that cannot be prompted.\n *\n * Written out rather than left to the app because every app wrote the same two\n * sentences, and getting them wrong is invisible: an iOS user who is told to\n * look for an \"Install\" menu never finds one, because Safari puts it behind the\n * Share sheet.\n *\n * On an Android fork the copy also offers the `intent://` link the SDK already\n * builds — reopening the page in Chrome is the only path that reaches a real\n * install on a browser whose menu has no install entry at all.\n *\n * @param input - The resolved method and the optional Chrome intent.\n * @returns The instruction, or `null` when the method needs none.\n */\nexport function defaultInstallHint({ method, openInChromeIntent }: InstallHintInput): ReactNode {\n    if (method === \"ios\") {\n        return (\n            <>\n                Toque em <strong>Compartilhar</strong> e escolha{\" \"}\n                <strong>Adicionar à Tela de Início</strong>.\n            </>\n        );\n    }\n    if (method === \"manual\") {\n        return (\n            <>\n                Abra o menu do navegador (<strong>⋮</strong>) e escolha{\" \"}\n                <strong>Instalar app</strong>.\n                {openInChromeIntent ? (\n                    <>\n                        {\" \"}\n                        Se não houver essa opção, <a href={openInChromeIntent}>abra no Chrome</a>.\n                    </>\n                ) : null}\n            </>\n        );\n    }\n    return null;\n}\n"],"mappings":";;AA8BA,SAAgBC,EAAmB,EAAE,WAAQ,yBAAmD;CAuB5F,OAtBIC,MAAW,QAEP,kBAAAF,GAAA,EAAA,UAAA;EAAE;EACW,kBAAC,UAAD,EAAA,UAAQ,eAAoB,CAAA;EAAC;EAAW;EACjD,kBAAC,UAAD,EAAA,UAAQ,6BAAkC,CAAA;EAAC;CAC7C,EAAA,CAAA,IAGNE,MAAW,WAEP,kBAAAF,GAAA,EAAA,UAAA;EAAE;EAC4B,kBAAC,UAAD,EAAA,UAAQ,IAAS,CAAA;EAAC;EAAY;EACxD,kBAAC,UAAD,EAAA,UAAQ,eAAoB,CAAA;EAAC;EAC5BI,IACG,kBAAAJ,GAAA,EAAA,UAAA;GACK;GAAI;GACqB,kBAAC,KAAD;IAAG,MAAMI;IAAoB,UAAA;GAAiB,CAAA;GAAC;EAC3E,EAAA,CAAA,IACF;CACN,EAAA,CAAA,IAGH;AACX"}

package/dist/components/Kanban/Kanban.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Kanban.cjs","names":[],"sources":["../../../src/components/Kanban/Kanban.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — drag-and-drop needs an\n * accessible twin: cardRoleDescription and label exist so the keyboard path\n * announces what the pointer path shows, and renderCard/emptyLabel are the slots.\n * The body is the move calculation shared by both paths.\n */\n/* eslint-disable react-hooks/refs -- `getItemProps` is called during render and its\n   handlers close over `useSortable`'s mirror refs, so the rule reports the call site\n   here. The refs are only written from event handlers and read from a window\n   listener; the two reads that were genuinely render-time (the drag group in the\n   rendered class/aria, and the group lookup inside `commit`) were fixed instead of\n   silenced — see the hook's docstring. */\nimport { useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useSortable } from \"@/hooks/use-sortable\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Kanban.module.css\";\n\n/** One card on the board. */\nexport interface KanbanCard {\n    /** Stable identifier, unique across the whole board. */\n    id: string;\n    /** Card body. A string renders as the card's title. */\n    content: ReactNode;\n}\n\n/** One column of the board. */\nexport interface KanbanColumn {\n    /** Stable identifier, used as the drop group. */\n    id: string;\n    /** Column heading. */\n    title: ReactNode;\n    /** Cards in display order. */\n    cards: KanbanCard[];\n    /**\n     * Refuses drops into this column. The cards inside can still be picked up and\n     * moved elsewhere — a \"done\" column that no longer accepts work, for instance.\n     */\n    locked?: boolean;\n}\n\n/** Where a card ended up. */\nexport interface KanbanMove {\n    cardId: string;\n    fromColumn: string;\n    toColumn: string;\n    /** Index within the destination column. */\n    toIndex: number;\n}\n\nexport interface KanbanProps {\n    columns: KanbanColumn[];\n    /**\n     * Called once per committed move — on pointer release or on a keyboard drop.\n     * You own the data: apply the move and pass the new `columns` back.\n     */\n    onMove: (move: KanbanMove) => void;\n    /** Renders a card. Defaults to its `content`. */\n    renderCard?: (card: KanbanCard, column: KanbanColumn) => ReactNode;\n    /** Text shown in a column with no cards. */\n    emptyLabel?: ReactNode;\n    /** Announced per card, so a screen reader user learns the keyboard contract. */\n    cardRoleDescription?: string;\n    /**\n     * Accessible name of the board. A `listbox` without a name is unusable with a\n     * screen reader, so this has a default rather than being optional in practice.\n     */\n    label?: string;\n    /** Blocks all dragging. */\n    disabled?: boolean;\n    className?: string;\n}\n\n/**\n * Kanban board: columns of cards, reorderable within a column and movable across\n * columns, by pointer **or** keyboard.\n *\n * The drag machine is `useSortable` — the board does not reimplement it. Cards are\n * indexed globally across columns so a single sortable can span the whole board;\n * the component translates that flat index back into `{ column, index }` for\n * `onMove`, which is the shape an app actually needs.\n *\n * Nothing is mutated here: `onMove` reports the intent once and the parent applies\n * it. That keeps the board a controlled value and avoids a re-render per pointer\n * frame.\n *\n * ARIA shape: **one `listbox` per column**, named by the column title, containing\n * only `option` cards. A single board-wide listbox does not survive the markup a\n * board needs — `listbox` requires `option`/`group` children, and the column header\n * and card wrapper in between break that ownership. Per-column listboxes also read\n * better: a screen reader announces which column it is in and how many cards it\n * holds. The column header is a plain `div`, not a `<header>`, because outside a\n * sectioning element every `<header>` becomes a page-level banner landmark — with\n * three columns that is three duplicate banners. An **empty** column is not marked\n * as a listbox at all: a listbox with zero options fails `aria-required-children`,\n * and \"no cards\" is exactly zero options.\n *\n * Known limitation: a **keyboard** move can only target positions that hold a card,\n * because the move walks the flat index space of existing cards. Dropping into an\n * empty column works by pointer; by keyboard it does not. Moving a card to a column\n * that already has one card, then reordering, is the workaround until column-switch\n * keys land.\n *\n * @example\n * ```tsx\n * const [columns, setColumns] = useState<KanbanColumn[]>([\n *   { id: \"todo\", title: \"A fazer\", cards: [{ id: \"1\", content: \"Corrigir login\" }] },\n *   { id: \"doing\", title: \"Fazendo\", cards: [] },\n *   { id: \"done\", title: \"Feito\", cards: [], locked: true },\n * ]);\n *\n * <Kanban\n *   columns={columns}\n *   onMove={({ cardId, fromColumn, toColumn, toIndex }) =>\n *     setColumns((current) => applyKanbanMove(current, { cardId, fromColumn, toColumn, toIndex }))\n *   }\n * />\n * ```\n */\nexport function Kanban({\n    columns,\n    onMove,\n    renderCard,\n    emptyLabel = \"Nenhum card\",\n    cardRoleDescription = \"Card do quadro — Espaço pega, setas movem, Espaço solta\",\n    label = \"Quadro\",\n    disabled = false,\n    className,\n}: KanbanProps) {\n    /**\n     * Flat view of every card, in column order.\n     *\n     * `useSortable` works on a single index space, so the board flattens itself and\n     * keeps the mapping back to `{ column, index }` here — the only place that has\n     * to know both shapes.\n     */\n    const flat = useMemo(\n        () =>\n            columns.flatMap((column, columnIndex) =>\n                column.cards.map((card, cardIndex) => ({ card, column, columnIndex, cardIndex })),\n            ),\n        [columns],\n    );\n\n    const sortable = useSortable({\n        itemCount: flat.length,\n        disabled,\n        roleDescription: cardRoleDescription,\n        onReorder: ({ from, to, fromGroup, toGroup }) => {\n            const source = flat[from];\n            if (!source) return;\n\n            const destinationId = toGroup ?? fromGroup ?? source.column.id;\n            const destination = columns.find((column) => column.id === destinationId);\n            if (!destination || destination.locked) return;\n\n            const target = flat[to];\n            const toIndex =\n                target && target.column.id === destinationId\n                    ? target.cardIndex\n                    : destination.cards.length;\n\n            onMove({\n                cardId: source.card.id,\n                fromColumn: source.column.id,\n                toColumn: destinationId,\n                toIndex,\n            });\n        },\n    });\n\n    /**\n     * First flat index of each column.\n     *\n     * Derived instead of counted with a mutable `flatIndex++` during render: a\n     * render-scoped counter mutated inside the map is exactly the pattern the React\n     * Compiler rules reject, and for good reason — a partial or replayed render\n     * would resume from a half-advanced counter.\n     */\n    const columnOffsets = useMemo(() => {\n        const offsets: number[] = [];\n        let start = 0;\n        for (const column of columns) {\n            offsets.push(start);\n            start += column.cards.length;\n        }\n        return offsets;\n    }, [columns]);\n\n    return (\n        <div className={cn(styles.board, className)} aria-label={label} ref={sortable.setContainer}>\n            {columns.map((column, columnIndex) => {\n                const isDropTarget = sortable.overGroup === column.id && !column.locked;\n                return (\n                    <div\n                        key={column.id}\n                        className={cn(\n                            styles.column,\n                            isDropTarget && styles.columnActive,\n                            column.locked && styles.columnLocked,\n                        )}\n                    >\n                        <div className={styles.columnHeader}>\n                            <span className={styles.columnTitle}>{column.title}</span>\n                            <span className={styles.count}>{column.cards.length}</span>\n                        </div>\n\n                        <div\n                            className={styles.cards}\n                            {...(column.cards.length > 0 ? sortable.getListProps() : {})}\n                            aria-label={typeof column.title === \"string\" ? column.title : column.id}\n                        >\n                            {column.cards.map((card, cardIndex) => {\n                                const index = columnOffsets[columnIndex] + cardIndex;\n                                const isActive = sortable.activeIndex === index;\n                                const isOver = sortable.overIndex === index && !isActive;\n                                return (\n                                    <div\n                                        key={card.id}\n                                        {...sortable.getItemProps(index, column.id)}\n                                        className={cn(\n                                            styles.card,\n                                            isActive && styles.cardActive,\n                                            isOver && styles.cardOver,\n                                        )}\n                                    >\n                                        {renderCard ? renderCard(card, column) : card.content}\n                                    </div>\n                                );\n                            })}\n\n                            {column.cards.length === 0 ? (\n                                <div\n                                    {...sortable.getEmptyGroupProps(column.id)}\n                                    className={styles.empty}\n                                >\n                                    {emptyLabel}\n                                </div>\n                            ) : null}\n                        </div>\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n\n/**\n * Apply a {@link KanbanMove} to a column list, returning new arrays.\n *\n * Exported because every consumer needs the same reducer.\n *\n * `toIndex` is the position of the card that was dropped **onto**, read from the\n * board as it looked before the move. Inserting at that same index *after* removing\n * the dragged card lands where the user aimed in both directions — moving down, the\n * removal shifts the target up by one and the insertion lands after it; moving up,\n * nothing shifted. Compensating for the shift (the \"obvious\" `toIndex - 1`) is what\n * turns a one-step move down into a no-op.\n *\n * @param columns - Current board.\n * @param move - The move reported by `onMove`.\n * @returns A new column list, or the same reference when the move cannot apply.\n */\nexport function applyKanbanMove(columns: KanbanColumn[], move: KanbanMove): KanbanColumn[] {\n    const fromColumn = columns.find((column) => column.id === move.fromColumn);\n    const card = fromColumn?.cards.find((candidate) => candidate.id === move.cardId);\n    if (!fromColumn || !card) return columns;\n\n    const insertAt = move.toIndex;\n\n    return columns.map((column) => {\n        if (column.id === move.fromColumn && column.id === move.toColumn) {\n            const without = column.cards.filter((candidate) => candidate.id !== move.cardId);\n            without.splice(insertAt, 0, card);\n            return { ...column, cards: without };\n        }\n        if (column.id === move.fromColumn) {\n            return { ...column, cards: column.cards.filter((c) => c.id !== move.cardId) };\n        }\n        if (column.id === move.toColumn) {\n            const next = column.cards.slice();\n            next.splice(insertAt, 0, card);\n            return { ...column, cards: next };\n        }\n        return column;\n    });\n}\n"],"mappings":"uKAuHA,SAAgB,EAAO,CACnB,UACA,SACA,aACA,aAAa,cACb,sBAAsB,0DACtB,QAAQ,SACR,WAAW,GACX,aACY,CAQZ,IAAM,GAAA,EAAO,EAAA,QAAA,KAEL,EAAQ,SAAS,EAAQ,IACrB,EAAO,MAAM,KAAK,EAAM,KAAe,CAAE,OAAM,SAAQ,cAAa,WAAU,EAAE,CACpF,EACJ,CAAC,CAAO,CACZ,EAEM,EAAW,EAAA,YAAY,CACzB,UAAW,EAAK,OAChB,WACA,gBAAiB,EACjB,WAAY,CAAE,OAAM,KAAI,YAAW,aAAc,CAC7C,IAAM,EAAS,EAAK,GACpB,GAAI,CAAC,EAAQ,OAEb,IAAM,EAAgB,GAAW,GAAa,EAAO,OAAO,GACtD,EAAc,EAAQ,KAAM,GAAW,EAAO,KAAO,CAAa,EACxE,GAAI,CAAC,GAAe,EAAY,OAAQ,OAExC,IAAM,EAAS,EAAK,GACd,EACF,GAAU,EAAO,OAAO,KAAO,EACzB,EAAO,UACP,EAAY,MAAM,OAE5B,EAAO,CACH,OAAQ,EAAO,KAAK,GACpB,WAAY,EAAO,OAAO,GAC1B,SAAU,EACV,SACJ,CAAC,CACL,CACJ,CAAC,EAUK,GAAA,EAAgB,EAAA,QAAA,KAAc,CAChC,IAAM,EAAoB,CAAC,EACvB,EAAQ,EACZ,IAAK,IAAM,KAAU,EACjB,EAAQ,KAAK,CAAK,EAClB,GAAS,EAAO,MAAM,OAE1B,OAAO,CACX,EAAG,CAAC,CAAO,CAAC,EAEZ,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EAAG,aAAY,EAAO,IAAK,EAAS,aACzE,SAAA,EAAQ,KAAK,EAAQ,IAAgB,CAClC,IAAM,EAAe,EAAS,YAAc,EAAO,IAAM,CAAC,EAAO,OACjE,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAEI,UAAW,EAAA,GACP,EAAA,QAAO,OACP,GAAgB,EAAA,QAAO,aACvB,EAAO,QAAU,EAAA,QAAO,YAC5B,EANJ,SAAA,EAQI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,aAAvB,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,YAAc,SAAA,EAAO,KAAY,CAAA,GACzD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,SAAA,EAAO,MAAM,MAAa,CAAA,CACzD,CAEL,CAAA,GAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,MAClB,GAAK,EAAO,MAAM,OAAS,EAAI,EAAS,aAAa,EAAI,CAAC,EAC1D,aAAY,OAAO,EAAO,OAAU,SAAW,EAAO,MAAQ,EAAO,GAHzE,SAAA,CAKK,EAAO,MAAM,KAAK,EAAM,IAAc,CACnC,IAAM,EAAQ,EAAc,GAAe,EACrC,EAAW,EAAS,cAAgB,EACpC,EAAS,EAAS,YAAc,GAAS,CAAC,EAChD,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAEI,GAAI,EAAS,aAAa,EAAO,EAAO,EAAE,EAC1C,UAAW,EAAA,GACP,EAAA,QAAO,KACP,GAAY,EAAA,QAAO,WACnB,GAAU,EAAA,QAAO,QACrB,EAEC,SAAA,EAAa,EAAW,EAAM,CAAM,EAAI,EAAK,OAC7C,EATI,EAAK,EAST,CAEb,CAAC,EAEA,EAAO,MAAM,SAAW,GACrB,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,GAAI,EAAS,mBAAmB,EAAO,EAAE,EACzC,UAAW,EAAA,QAAO,MAEjB,SAAA,CACA,CAAA,EACL,IACH,CACJ,CAAA,CAAA,CA7CI,EAAA,EAAO,EA6CX,CAEb,CAAC,CACA,CAAA,CAEb,CAkBA,SAAgB,EAAgB,EAAyB,EAAkC,CACvF,IAAM,EAAa,EAAQ,KAAM,GAAW,EAAO,KAAO,EAAK,UAAU,EACnE,EAAO,GAAY,MAAM,KAAM,GAAc,EAAU,KAAO,EAAK,MAAM,EAC/E,GAAI,CAAC,GAAc,CAAC,EAAM,OAAO,EAEjC,IAAM,EAAW,EAAK,QAEtB,OAAO,EAAQ,IAAK,GAAW,CAC3B,GAAI,EAAO,KAAO,EAAK,YAAc,EAAO,KAAO,EAAK,SAAU,CAC9D,IAAM,EAAU,EAAO,MAAM,OAAQ,GAAc,EAAU,KAAO,EAAK,MAAM,EAE/E,OADA,EAAQ,OAAO,EAAU,EAAG,CAAI,EACzB,CAAE,GAAG,EAAQ,MAAO,CAAQ,CACvC,CACA,GAAI,EAAO,KAAO,EAAK,WACnB,MAAO,CAAE,GAAG,EAAQ,MAAO,EAAO,MAAM,OAAQ,GAAM,EAAE,KAAO,EAAK,MAAM,CAAE,EAEhF,GAAI,EAAO,KAAO,EAAK,SAAU,CAC7B,IAAM,EAAO,EAAO,MAAM,MAAM,EAEhC,OADA,EAAK,OAAO,EAAU,EAAG,CAAI,EACtB,CAAE,GAAG,EAAQ,MAAO,CAAK,CACpC,CACA,OAAO,CACX,CAAC,CACL"}
+{"version":3,"file":"Kanban.cjs","names":["useMemo","useSortable","cn","styles","require_cn","require_use_sortable","require_Kanban_module","react","react_jsx_runtime","Kanban","flat","columns","column","sortable","cardRoleDescription","source","from","destinationId","toGroup","fromGroup","destination","target","to","toIndex","onMove","columnOffsets","offsets","start","className","label","isDropTarget","index","columnIndex","cardIndex","isActive","isOver","renderCard","card","emptyLabel","applyKanbanMove","fromColumn","move","candidate","insertAt","without","c","next"],"sources":["../../../src/components/Kanban/Kanban.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — drag-and-drop needs an\n * accessible twin: cardRoleDescription and label exist so the keyboard path\n * announces what the pointer path shows, and renderCard/emptyLabel are the slots.\n * The body is the move calculation shared by both paths.\n */\n/* eslint-disable react-hooks/refs -- `getItemProps` is called during render and its\n   handlers close over `useSortable`'s mirror refs, so the rule reports the call site\n   here. The refs are only written from event handlers and read from a window\n   listener; the two reads that were genuinely render-time (the drag group in the\n   rendered class/aria, and the group lookup inside `commit`) were fixed instead of\n   silenced — see the hook's docstring. */\nimport { useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useSortable } from \"@/hooks/use-sortable\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Kanban.module.css\";\n\n/** One card on the board. */\nexport interface KanbanCard {\n    /** Stable identifier, unique across the whole board. */\n    id: string;\n    /** Card body. A string renders as the card's title. */\n    content: ReactNode;\n}\n\n/** One column of the board. */\nexport interface KanbanColumn {\n    /** Stable identifier, used as the drop group. */\n    id: string;\n    /** Column heading. */\n    title: ReactNode;\n    /** Cards in display order. */\n    cards: KanbanCard[];\n    /**\n     * Refuses drops into this column. The cards inside can still be picked up and\n     * moved elsewhere — a \"done\" column that no longer accepts work, for instance.\n     */\n    locked?: boolean;\n}\n\n/** Where a card ended up. */\nexport interface KanbanMove {\n    cardId: string;\n    fromColumn: string;\n    toColumn: string;\n    /** Index within the destination column. */\n    toIndex: number;\n}\n\nexport interface KanbanProps {\n    columns: KanbanColumn[];\n    /**\n     * Called once per committed move — on pointer release or on a keyboard drop.\n     * You own the data: apply the move and pass the new `columns` back.\n     */\n    onMove: (move: KanbanMove) => void;\n    /** Renders a card. Defaults to its `content`. */\n    renderCard?: (card: KanbanCard, column: KanbanColumn) => ReactNode;\n    /** Text shown in a column with no cards. */\n    emptyLabel?: ReactNode;\n    /** Announced per card, so a screen reader user learns the keyboard contract. */\n    cardRoleDescription?: string;\n    /**\n     * Accessible name of the board. A `listbox` without a name is unusable with a\n     * screen reader, so this has a default rather than being optional in practice.\n     */\n    label?: string;\n    /** Blocks all dragging. */\n    disabled?: boolean;\n    className?: string;\n}\n\n/**\n * Kanban board: columns of cards, reorderable within a column and movable across\n * columns, by pointer **or** keyboard.\n *\n * The drag machine is `useSortable` — the board does not reimplement it. Cards are\n * indexed globally across columns so a single sortable can span the whole board;\n * the component translates that flat index back into `{ column, index }` for\n * `onMove`, which is the shape an app actually needs.\n *\n * Nothing is mutated here: `onMove` reports the intent once and the parent applies\n * it. That keeps the board a controlled value and avoids a re-render per pointer\n * frame.\n *\n * ARIA shape: **one `listbox` per column**, named by the column title, containing\n * only `option` cards. A single board-wide listbox does not survive the markup a\n * board needs — `listbox` requires `option`/`group` children, and the column header\n * and card wrapper in between break that ownership. Per-column listboxes also read\n * better: a screen reader announces which column it is in and how many cards it\n * holds. The column header is a plain `div`, not a `<header>`, because outside a\n * sectioning element every `<header>` becomes a page-level banner landmark — with\n * three columns that is three duplicate banners. An **empty** column is not marked\n * as a listbox at all: a listbox with zero options fails `aria-required-children`,\n * and \"no cards\" is exactly zero options.\n *\n * Known limitation: a **keyboard** move can only target positions that hold a card,\n * because the move walks the flat index space of existing cards. Dropping into an\n * empty column works by pointer; by keyboard it does not. Moving a card to a column\n * that already has one card, then reordering, is the workaround until column-switch\n * keys land.\n *\n * @example\n * ```tsx\n * const [columns, setColumns] = useState<KanbanColumn[]>([\n *   { id: \"todo\", title: \"A fazer\", cards: [{ id: \"1\", content: \"Corrigir login\" }] },\n *   { id: \"doing\", title: \"Fazendo\", cards: [] },\n *   { id: \"done\", title: \"Feito\", cards: [], locked: true },\n * ]);\n *\n * <Kanban\n *   columns={columns}\n *   onMove={({ cardId, fromColumn, toColumn, toIndex }) =>\n *     setColumns((current) => applyKanbanMove(current, { cardId, fromColumn, toColumn, toIndex }))\n *   }\n * />\n * ```\n */\nexport function Kanban({\n    columns,\n    onMove,\n    renderCard,\n    emptyLabel = \"Nenhum card\",\n    cardRoleDescription = \"Card do quadro — Espaço pega, setas movem, Espaço solta\",\n    label = \"Quadro\",\n    disabled = false,\n    className,\n}: KanbanProps) {\n    /**\n     * Flat view of every card, in column order.\n     *\n     * `useSortable` works on a single index space, so the board flattens itself and\n     * keeps the mapping back to `{ column, index }` here — the only place that has\n     * to know both shapes.\n     */\n    const flat = useMemo(\n        () =>\n            columns.flatMap((column, columnIndex) =>\n                column.cards.map((card, cardIndex) => ({ card, column, columnIndex, cardIndex })),\n            ),\n        [columns],\n    );\n\n    const sortable = useSortable({\n        itemCount: flat.length,\n        disabled,\n        roleDescription: cardRoleDescription,\n        onReorder: ({ from, to, fromGroup, toGroup }) => {\n            const source = flat[from];\n            if (!source) return;\n\n            const destinationId = toGroup ?? fromGroup ?? source.column.id;\n            const destination = columns.find((column) => column.id === destinationId);\n            if (!destination || destination.locked) return;\n\n            const target = flat[to];\n            const toIndex =\n                target && target.column.id === destinationId\n                    ? target.cardIndex\n                    : destination.cards.length;\n\n            onMove({\n                cardId: source.card.id,\n                fromColumn: source.column.id,\n                toColumn: destinationId,\n                toIndex,\n            });\n        },\n    });\n\n    /**\n     * First flat index of each column.\n     *\n     * Derived instead of counted with a mutable `flatIndex++` during render: a\n     * render-scoped counter mutated inside the map is exactly the pattern the React\n     * Compiler rules reject, and for good reason — a partial or replayed render\n     * would resume from a half-advanced counter.\n     */\n    const columnOffsets = useMemo(() => {\n        const offsets: number[] = [];\n        let start = 0;\n        for (const column of columns) {\n            offsets.push(start);\n            start += column.cards.length;\n        }\n        return offsets;\n    }, [columns]);\n\n    return (\n        <div className={cn(styles.board, className)} aria-label={label} ref={sortable.setContainer}>\n            {columns.map((column, columnIndex) => {\n                const isDropTarget = sortable.overGroup === column.id && !column.locked;\n                return (\n                    <div\n                        key={column.id}\n                        className={cn(\n                            styles.column,\n                            isDropTarget && styles.columnActive,\n                            column.locked && styles.columnLocked,\n                        )}\n                    >\n                        <div className={styles.columnHeader}>\n                            <span className={styles.columnTitle}>{column.title}</span>\n                            <span className={styles.count}>{column.cards.length}</span>\n                        </div>\n\n                        <div\n                            className={styles.cards}\n                            {...(column.cards.length > 0 ? sortable.getListProps() : {})}\n                            aria-label={typeof column.title === \"string\" ? column.title : column.id}\n                        >\n                            {column.cards.map((card, cardIndex) => {\n                                const index = columnOffsets[columnIndex] + cardIndex;\n                                const isActive = sortable.activeIndex === index;\n                                const isOver = sortable.overIndex === index && !isActive;\n                                return (\n                                    <div\n                                        key={card.id}\n                                        {...sortable.getItemProps(index, column.id)}\n                                        className={cn(\n                                            styles.card,\n                                            isActive && styles.cardActive,\n                                            isOver && styles.cardOver,\n                                        )}\n                                    >\n                                        {renderCard ? renderCard(card, column) : card.content}\n                                    </div>\n                                );\n                            })}\n\n                            {column.cards.length === 0 ? (\n                                <div\n                                    {...sortable.getEmptyGroupProps(column.id)}\n                                    className={styles.empty}\n                                >\n                                    {emptyLabel}\n                                </div>\n                            ) : null}\n                        </div>\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n\n/**\n * Apply a {@link KanbanMove} to a column list, returning new arrays.\n *\n * Exported because every consumer needs the same reducer.\n *\n * `toIndex` is the position of the card that was dropped **onto**, read from the\n * board as it looked before the move. Inserting at that same index *after* removing\n * the dragged card lands where the user aimed in both directions — moving down, the\n * removal shifts the target up by one and the insertion lands after it; moving up,\n * nothing shifted. Compensating for the shift (the \"obvious\" `toIndex - 1`) is what\n * turns a one-step move down into a no-op.\n *\n * @param columns - Current board.\n * @param move - The move reported by `onMove`.\n * @returns A new column list, or the same reference when the move cannot apply.\n */\nexport function applyKanbanMove(columns: KanbanColumn[], move: KanbanMove): KanbanColumn[] {\n    const fromColumn = columns.find((column) => column.id === move.fromColumn);\n    const card = fromColumn?.cards.find((candidate) => candidate.id === move.cardId);\n    if (!fromColumn || !card) return columns;\n\n    const insertAt = move.toIndex;\n\n    return columns.map((column) => {\n        if (column.id === move.fromColumn && column.id === move.toColumn) {\n            const without = column.cards.filter((candidate) => candidate.id !== move.cardId);\n            without.splice(insertAt, 0, card);\n            return { ...column, cards: without };\n        }\n        if (column.id === move.fromColumn) {\n            return { ...column, cards: column.cards.filter((c) => c.id !== move.cardId) };\n        }\n        if (column.id === move.toColumn) {\n            const next = column.cards.slice();\n            next.splice(insertAt, 0, card);\n            return { ...column, cards: next };\n        }\n        return column;\n    });\n}\n"],"mappings":"A,uKAuHA,SAAgBS,EAAO,CACnB,UACA,SACA,aACA,aAAa,cACb,sBAAsB,0DACtB,QAAQ,SACR,WAAW,GACX,aACY,CAQZ,IAAMC,GAAA,EAAOV,EAAAA,QAAAA,KAELW,EAAQ,SAAS,EAAQ,IACrBC,EAAO,MAAM,KAAK,EAAM,KAAe,CAAE,OAAM,SAAQ,cAAa,WAAU,EAAE,CACpF,EACJ,CAACD,CAAO,CACZ,EAEME,EAAWZ,EAAAA,YAAY,CACzB,UAAWS,EAAK,OAChB,WACA,gBAAiBI,EACjB,WAAY,CAAE,OAAM,KAAI,YAAW,aAAc,CAC7C,IAAMC,EAASL,EAAKM,GACpB,GAAI,CAACD,EAAQ,OAEb,IAAME,EAAgBC,GAAWC,GAAaJ,EAAO,OAAO,GACtDK,EAAcT,EAAQ,KAAM,GAAWC,EAAO,KAAOK,CAAa,EACxE,GAAI,CAACG,GAAeA,EAAY,OAAQ,OAExC,IAAMC,EAASX,EAAKY,GACdC,EACFF,GAAUA,EAAO,OAAO,KAAOJ,EACzBI,EAAO,UACPD,EAAY,MAAM,OAE5BI,EAAO,CACH,OAAQT,EAAO,KAAK,GACpB,WAAYA,EAAO,OAAO,GAC1B,SAAUE,EACV,SACJ,CAAC,CACL,CACJ,CAAC,EAUKQ,GAAA,EAAgBzB,EAAAA,QAAAA,KAAc,CAChC,IAAM0B,EAAoB,CAAC,EACvBC,EAAQ,EACZ,IAAK,IAAMf,KAAUD,EACjBe,EAAQ,KAAKC,CAAK,EAClB,GAASf,EAAO,MAAM,OAE1B,OAAOc,CACX,EAAG,CAACf,CAAO,CAAC,EAEZ,OACI,EAAAH,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWN,EAAAA,GAAGC,EAAAA,QAAO,MAAOyB,CAAS,EAAG,aAAYC,EAAO,IAAKhB,EAAS,aACzE,SAAAF,EAAQ,KAAK,EAAQ,IAAgB,CAClC,IAAMmB,EAAejB,EAAS,YAAcD,EAAO,IAAM,CAACA,EAAO,OACjE,OACI,EAAAJ,EAAA,KAAA,CAAC,MAAD,CAEI,UAAWN,EAAAA,GACPC,EAAAA,QAAO,OACP2B,GAAgB3B,EAAAA,QAAO,aACvBS,EAAO,QAAUT,EAAAA,QAAO,YAC5B,EANJ,SAAA,EAQI,EAAAK,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWL,EAAAA,QAAO,aAAvB,SAAA,EACI,EAAAK,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWL,EAAAA,QAAO,YAAc,SAAAS,EAAO,KAAY,CAAA,GACzD,EAAAJ,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWL,EAAAA,QAAO,MAAQ,SAAAS,EAAO,MAAM,MAAa,CAAA,CACzD,CAEL,CAAA,GAAA,EAAAJ,EAAA,KAAA,CAAC,MAAD,CACI,UAAWL,EAAAA,QAAO,MAClB,GAAKS,EAAO,MAAM,OAAS,EAAIC,EAAS,aAAa,EAAI,CAAC,EAC1D,aAAY,OAAOD,EAAO,OAAU,SAAWA,EAAO,MAAQA,EAAO,GAHzE,SAAA,CAKKA,EAAO,MAAM,KAAK,EAAM,IAAc,CACnC,IAAMmB,EAAQN,EAAcO,GAAeC,EACrCC,EAAWrB,EAAS,cAAgBkB,EACpCI,EAAStB,EAAS,YAAckB,GAAS,CAACG,EAChD,OACI,EAAA1B,EAAA,IAAA,CAAC,MAAD,CAEI,GAAIK,EAAS,aAAakB,EAAOnB,EAAO,EAAE,EAC1C,UAAWV,EAAAA,GACPC,EAAAA,QAAO,KACP+B,GAAY/B,EAAAA,QAAO,WACnBgC,GAAUhC,EAAAA,QAAO,QACrB,EAEC,SAAAiC,EAAaA,EAAWC,EAAMzB,CAAM,EAAIyB,EAAK,OAC7C,EATIA,EAAK,EAST,CAEb,CAAC,EAEAzB,EAAO,MAAM,SAAW,GACrB,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACI,GAAIK,EAAS,mBAAmBD,EAAO,EAAE,EACzC,UAAWT,EAAAA,QAAO,MAEjB,SAAAmC,CACA,CAAA,EACL,IACH,CACJ,CAAA,CAAA,CA7CI,EAAA1B,EAAO,EA6CX,CAEb,CAAC,CACA,CAAA,CAEb,CAkBA,SAAgB2B,EAAgB,EAAyB,EAAkC,CACvF,IAAMC,EAAa7B,EAAQ,KAAM,GAAWC,EAAO,KAAO6B,EAAK,UAAU,EACnEJ,EAAOG,GAAY,MAAM,KAAM,GAAcE,EAAU,KAAOD,EAAK,MAAM,EAC/E,GAAI,CAACD,GAAc,CAACH,EAAM,OAAO1B,EAEjC,IAAMgC,EAAWF,EAAK,QAEtB,OAAO9B,EAAQ,IAAK,GAAW,CAC3B,GAAIC,EAAO,KAAO6B,EAAK,YAAc7B,EAAO,KAAO6B,EAAK,SAAU,CAC9D,IAAMG,EAAUhC,EAAO,MAAM,OAAQ,GAAc8B,EAAU,KAAOD,EAAK,MAAM,EAE/E,OADAG,EAAQ,OAAOD,EAAU,EAAGN,CAAI,EACzB,CAAE,GAAGzB,EAAQ,MAAOgC,CAAQ,CACvC,CACA,GAAIhC,EAAO,KAAO6B,EAAK,WACnB,MAAO,CAAE,GAAG7B,EAAQ,MAAOA,EAAO,MAAM,OAAQ,GAAMiC,EAAE,KAAOJ,EAAK,MAAM,CAAE,EAEhF,GAAI7B,EAAO,KAAO6B,EAAK,SAAU,CAC7B,IAAMK,EAAOlC,EAAO,MAAM,MAAM,EAEhC,OADAkC,EAAK,OAAOH,EAAU,EAAGN,CAAI,EACtB,CAAE,GAAGzB,EAAQ,MAAOkC,CAAK,CACpC,CACA,OAAOlC,CACX,CAAC,CACL,C"}