tempest-react-sdk 0.78.0 → 0.80.0

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

@@ -1 +1 @@
-{"version":3,"file":"Button.module.cjs","names":[],"sources":["../../../src/components/Button/Button.module.css"],"sourcesContent":[".button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-control-gap, var(--tempest-space-2));\n    border: 1px solid transparent;\n    border-radius: var(--tempest-control-radius, var(--tempest-radius-md));\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-none);\n    letter-spacing: var(--tempest-tracking-normal);\n    color: var(--_tempest-button-fg);\n    text-decoration: none;\n    white-space: nowrap;\n    user-select: none;\n    transition: var(--tempest-transition-base);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button: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@media (hover: hover) and (pointer: fine) {\n    .button:hover:not(:disabled, [aria-disabled=\"true\"]) {\n        box-shadow: var(--tempest-shadow-sm);\n    }\n}\n\n.button:active:not(:disabled, [aria-disabled=\"true\"]) {\n    transform: translateY(1px);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button:disabled,\n.button[aria-disabled=\"true\"] {\n    opacity: 0.55;\n    box-shadow: none;\n}\n\n.button[aria-disabled=\"true\"] {\n    cursor: not-allowed;\n}\n\n/*\n * `<Button href>` and `<ButtonSlot>` around a link render an `<a>`, and an app's own link\n * rules reach it. `.button` is one class (0,1,0); `a:hover { color }` is (0,1,1) and\n * wins — the Vite React template ships exactly that rule, so in a fresh app a\n * primary link-button turned its label `#535bf2` on hover, over the primary fill.\n *\n * Each variant therefore sets its text colour as `--_tempest-button-fg` instead of\n * `color`, and this rule restates it on every link state at (0,2,1), above any\n * single-element link rule. The `link` variant's hover underline is (0,3,0) and\n * still applies.\n */\na.button:is(:link, :visited, :hover, :active, :focus, :not([href])) {\n    color: var(--_tempest-button-fg);\n    text-decoration: none;\n}\n\n/* ============================================================\n * Variants — solid (default), soft, outline, ghost\n * Status colors: primary, secondary (neutral), danger, success\n * ============================================================ */\n\n/* primary — solid filled */\n.primary {\n    background-color: var(--tempest-primary);\n    --_tempest-button-fg: var(--tempest-primary-foreground);\n}\n.primary:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-hover);\n}\n.primary:active:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-active);\n}\n\n/* secondary — neutral surface */\n.secondary {\n    background-color: var(--tempest-surface);\n    --_tempest-button-fg: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.secondary:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-surface-2);\n    border-color: var(--tempest-border-strong);\n}\n\n/* danger — solid red */\n.danger {\n    background-color: var(--tempest-danger-solid);\n    --_tempest-button-fg: var(--tempest-danger-on-solid);\n}\n.danger:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-danger-hover);\n}\n\n/* success — solid green */\n.success {\n    background-color: var(--tempest-success-solid);\n    --_tempest-button-fg: var(--tempest-success-on-solid);\n}\n.success:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    filter: brightness(0.92);\n}\n\n/* ghost — transparent, hover surface */\n.ghost {\n    background-color: transparent;\n    --_tempest-button-fg: var(--tempest-text);\n    box-shadow: none;\n}\n.ghost:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-surface);\n    box-shadow: none;\n}\n.ghost:active:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-surface-2);\n    box-shadow: none;\n}\n\n/* soft — tinted background, primary text */\n.soft {\n    background-color: var(--tempest-primary-soft);\n    --_tempest-button-fg: var(--tempest-primary-on-soft);\n    box-shadow: none;\n}\n.soft:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n/* outline — bordered, transparent fill */\n.outline {\n    background-color: transparent;\n    --_tempest-button-fg: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    box-shadow: none;\n}\n/*\n * The text colour has to move with the background.\n *\n * `.outline` sets its text to `var(--tempest-primary)` over a transparent background,\n * where it is fine. This rule tints the background to `--tempest-primary-soft` and,\n * without restating the colour, leaves the fill token sitting on the tint: **4.38:1 in\n * the light theme and 4.28:1 in dark**, both under the 4.5:1 floor for text — so the\n * label got harder to read at the exact moment the pointer was on it.\n *\n * `--tempest-primary-on-soft` is the token for this ground (6.18:1 / 8.72:1) and\n * `docs/styles.md` has documented the rule all along. A rule that changes only the\n * background of a coloured element is the shape of this bug; the other eight places in\n * the SDK that tint a background inherit `--tempest-text`, `--tempest-text-muted` or\n * `--tempest-primary-on-soft` and are fine.\n */\n.outline:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-soft);\n    --_tempest-button-fg: var(--tempest-primary-on-soft);\n}\n\n/* link — text-only, underline on hover */\n.link {\n    background-color: transparent;\n    --_tempest-button-fg: var(--tempest-primary);\n    box-shadow: none;\n    padding-left: 0;\n    padding-right: 0;\n    border-radius: var(--tempest-radius-sm);\n}\n.link:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    --_tempest-button-fg: var(--tempest-primary-hover);\n    text-decoration: underline;\n    background: none;\n    box-shadow: none;\n}\n\n/* ============================================================\n * Sizes — token-driven, density-aware\n * ============================================================ */\n.xs {\n    height: var(--tempest-control-height-xs);\n    padding: 0 var(--tempest-control-padding-xs);\n    font-size: var(--tempest-control-font-xs);\n}\n.sm {\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.md {\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.lg {\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.xl {\n    height: var(--tempest-control-height-xl);\n    padding: 0 var(--tempest-control-padding-xl);\n    font-size: var(--tempest-control-font-xl);\n}\n\n/* Square (icon-only) — width matches height */\n.iconOnly {\n    position: relative;\n}\n.iconOnly.xs {\n    width: var(--tempest-control-height-xs);\n    padding: 0;\n}\n.iconOnly.sm {\n    width: var(--tempest-control-height-sm);\n    padding: 0;\n}\n.iconOnly.md {\n    width: var(--tempest-control-height-md);\n    padding: 0;\n}\n.iconOnly.lg {\n    width: var(--tempest-control-height-lg);\n    padding: 0;\n}\n.iconOnly.xl {\n    width: var(--tempest-control-height-xl);\n    padding: 0;\n}\n\n/* Touch hit-slop — extend tap target to a min 44×44 on coarse pointers\n * for the smallest icon-only sizes, without changing visual footprint. */\n@media (pointer: coarse) {\n    .iconOnly.xs::after,\n    .iconOnly.sm::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n/* Pill shape */\n.pill {\n    border-radius: var(--tempest-radius-full);\n}\n\n.fullWidth {\n    width: 100%;\n}\n\n/*\n * Lay out leftIcon + label + rightIcon as one centered, gapped row. Without\n * this the three are inline inside a single span (no gap, icon baseline-\n * aligned instead of centered), which reads as off-center — most visible on\n * fullWidth buttons where the label has room to drift.\n */\n.content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-control-gap, var(--tempest-space-2));\n    min-width: 0;\n}\n\n/*\n * Hide the label by paint only. `visibility: hidden` also drops it from the\n * accessibility tree, so a loading button lost its name (#416). `opacity: 0`\n * keeps the name and the width; `pointer-events: none` keeps the invisible\n * label out of hit-testing, as it was. Forced colors leaves `opacity` alone.\n */\n.loading .hiddenText {\n    opacity: 0;\n    pointer-events: none;\n}\n\n.spinner {\n    position: absolute;\n    animation: tempest-spin 0.8s linear infinite;\n}\n\n@keyframes tempest-spin {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Button.module.cjs","names":["button","primary","secondary","danger","success","ghost","soft","outline","link","xs","sm","md","lg","xl","iconOnly","pill","fullWidth","content","loading","hiddenText","spinner","tempestSpin","Button_module_default"],"sources":["../../../src/components/Button/Button.module.css"],"sourcesContent":[".button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-control-gap, var(--tempest-space-2));\n    border: 1px solid transparent;\n    border-radius: var(--tempest-control-radius, var(--tempest-radius-md));\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-none);\n    letter-spacing: var(--tempest-tracking-normal);\n    color: var(--_tempest-button-fg);\n    text-decoration: none;\n    white-space: nowrap;\n    user-select: none;\n    transition: var(--tempest-transition-base);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button: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@media (hover: hover) and (pointer: fine) {\n    .button:hover:not(:disabled, [aria-disabled=\"true\"]) {\n        box-shadow: var(--tempest-shadow-sm);\n    }\n}\n\n.button:active:not(:disabled, [aria-disabled=\"true\"]) {\n    transform: translateY(1px);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button:disabled,\n.button[aria-disabled=\"true\"] {\n    opacity: 0.55;\n    box-shadow: none;\n}\n\n.button[aria-disabled=\"true\"] {\n    cursor: not-allowed;\n}\n\n/*\n * `<Button href>` and `<ButtonSlot>` around a link render an `<a>`, and an app's own link\n * rules reach it. `.button` is one class (0,1,0); `a:hover { color }` is (0,1,1) and\n * wins — the Vite React template ships exactly that rule, so in a fresh app a\n * primary link-button turned its label `#535bf2` on hover, over the primary fill.\n *\n * Each variant therefore sets its text colour as `--_tempest-button-fg` instead of\n * `color`, and this rule restates it on every link state at (0,2,1), above any\n * single-element link rule. The `link` variant's hover underline is (0,3,0) and\n * still applies.\n */\na.button:is(:link, :visited, :hover, :active, :focus, :not([href])) {\n    color: var(--_tempest-button-fg);\n    text-decoration: none;\n}\n\n/* ============================================================\n * Variants — solid (default), soft, outline, ghost\n * Status colors: primary, secondary (neutral), danger, success\n * ============================================================ */\n\n/* primary — solid filled */\n.primary {\n    background-color: var(--tempest-primary);\n    --_tempest-button-fg: var(--tempest-primary-foreground);\n}\n.primary:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-hover);\n}\n.primary:active:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-active);\n}\n\n/* secondary — neutral surface */\n.secondary {\n    background-color: var(--tempest-surface);\n    --_tempest-button-fg: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.secondary:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-surface-2);\n    border-color: var(--tempest-border-strong);\n}\n\n/* danger — solid red */\n.danger {\n    background-color: var(--tempest-danger-solid);\n    --_tempest-button-fg: var(--tempest-danger-on-solid);\n}\n.danger:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-danger-hover);\n}\n\n/* success — solid green */\n.success {\n    background-color: var(--tempest-success-solid);\n    --_tempest-button-fg: var(--tempest-success-on-solid);\n}\n.success:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    filter: brightness(0.92);\n}\n\n/* ghost — transparent, hover surface */\n.ghost {\n    background-color: transparent;\n    --_tempest-button-fg: var(--tempest-text);\n    box-shadow: none;\n}\n.ghost:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-surface);\n    box-shadow: none;\n}\n.ghost:active:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-surface-2);\n    box-shadow: none;\n}\n\n/* soft — tinted background, primary text */\n.soft {\n    background-color: var(--tempest-primary-soft);\n    --_tempest-button-fg: var(--tempest-primary-on-soft);\n    box-shadow: none;\n}\n.soft:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n/* outline — bordered, transparent fill */\n.outline {\n    background-color: transparent;\n    --_tempest-button-fg: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    box-shadow: none;\n}\n/*\n * The text colour has to move with the background.\n *\n * `.outline` sets its text to `var(--tempest-primary)` over a transparent background,\n * where it is fine. This rule tints the background to `--tempest-primary-soft` and,\n * without restating the colour, leaves the fill token sitting on the tint: **4.38:1 in\n * the light theme and 4.28:1 in dark**, both under the 4.5:1 floor for text — so the\n * label got harder to read at the exact moment the pointer was on it.\n *\n * `--tempest-primary-on-soft` is the token for this ground (6.18:1 / 8.72:1) and\n * `docs/styles.md` has documented the rule all along. A rule that changes only the\n * background of a coloured element is the shape of this bug; the other eight places in\n * the SDK that tint a background inherit `--tempest-text`, `--tempest-text-muted` or\n * `--tempest-primary-on-soft` and are fine.\n */\n.outline:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-soft);\n    --_tempest-button-fg: var(--tempest-primary-on-soft);\n}\n\n/* link — text-only, underline on hover */\n.link {\n    background-color: transparent;\n    --_tempest-button-fg: var(--tempest-primary);\n    box-shadow: none;\n    padding-left: 0;\n    padding-right: 0;\n    border-radius: var(--tempest-radius-sm);\n}\n.link:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    --_tempest-button-fg: var(--tempest-primary-hover);\n    text-decoration: underline;\n    background: none;\n    box-shadow: none;\n}\n\n/* ============================================================\n * Sizes — token-driven, density-aware\n * ============================================================ */\n.xs {\n    height: var(--tempest-control-height-xs);\n    padding: 0 var(--tempest-control-padding-xs);\n    font-size: var(--tempest-control-font-xs);\n}\n.sm {\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.md {\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.lg {\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.xl {\n    height: var(--tempest-control-height-xl);\n    padding: 0 var(--tempest-control-padding-xl);\n    font-size: var(--tempest-control-font-xl);\n}\n\n/* Square (icon-only) — width matches height */\n.iconOnly {\n    position: relative;\n}\n.iconOnly.xs {\n    width: var(--tempest-control-height-xs);\n    padding: 0;\n}\n.iconOnly.sm {\n    width: var(--tempest-control-height-sm);\n    padding: 0;\n}\n.iconOnly.md {\n    width: var(--tempest-control-height-md);\n    padding: 0;\n}\n.iconOnly.lg {\n    width: var(--tempest-control-height-lg);\n    padding: 0;\n}\n.iconOnly.xl {\n    width: var(--tempest-control-height-xl);\n    padding: 0;\n}\n\n/* Touch hit-slop — extend tap target to a min 44×44 on coarse pointers\n * for the smallest icon-only sizes, without changing visual footprint. */\n@media (pointer: coarse) {\n    .iconOnly.xs::after,\n    .iconOnly.sm::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n/* Pill shape */\n.pill {\n    border-radius: var(--tempest-radius-full);\n}\n\n.fullWidth {\n    width: 100%;\n}\n\n/*\n * Lay out leftIcon + label + rightIcon as one centered, gapped row. Without\n * this the three are inline inside a single span (no gap, icon baseline-\n * aligned instead of centered), which reads as off-center — most visible on\n * fullWidth buttons where the label has room to drift.\n */\n.content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-control-gap, var(--tempest-space-2));\n    min-width: 0;\n}\n\n/*\n * Hide the label by paint only. `visibility: hidden` also drops it from the\n * accessibility tree, so a loading button lost its name (#416). `opacity: 0`\n * keeps the name and the width; `pointer-events: none` keeps the invisible\n * label out of hit-testing, as it was. Forced colors leaves `opacity` alone.\n */\n.loading .hiddenText {\n    opacity: 0;\n    pointer-events: none;\n}\n\n.spinner {\n    position: absolute;\n    animation: tempest-spin 0.8s linear infinite;\n}\n\n@keyframes tempest-spin {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.module.js","names":[],"sources":["../../../src/components/Button/Button.module.css"],"sourcesContent":[".button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-control-gap, var(--tempest-space-2));\n    border: 1px solid transparent;\n    border-radius: var(--tempest-control-radius, var(--tempest-radius-md));\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-none);\n    letter-spacing: var(--tempest-tracking-normal);\n    color: var(--_tempest-button-fg);\n    text-decoration: none;\n    white-space: nowrap;\n    user-select: none;\n    transition: var(--tempest-transition-base);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button: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@media (hover: hover) and (pointer: fine) {\n    .button:hover:not(:disabled, [aria-disabled=\"true\"]) {\n        box-shadow: var(--tempest-shadow-sm);\n    }\n}\n\n.button:active:not(:disabled, [aria-disabled=\"true\"]) {\n    transform: translateY(1px);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button:disabled,\n.button[aria-disabled=\"true\"] {\n    opacity: 0.55;\n    box-shadow: none;\n}\n\n.button[aria-disabled=\"true\"] {\n    cursor: not-allowed;\n}\n\n/*\n * `<Button href>` and `<ButtonSlot>` around a link render an `<a>`, and an app's own link\n * rules reach it. `.button` is one class (0,1,0); `a:hover { color }` is (0,1,1) and\n * wins — the Vite React template ships exactly that rule, so in a fresh app a\n * primary link-button turned its label `#535bf2` on hover, over the primary fill.\n *\n * Each variant therefore sets its text colour as `--_tempest-button-fg` instead of\n * `color`, and this rule restates it on every link state at (0,2,1), above any\n * single-element link rule. The `link` variant's hover underline is (0,3,0) and\n * still applies.\n */\na.button:is(:link, :visited, :hover, :active, :focus, :not([href])) {\n    color: var(--_tempest-button-fg);\n    text-decoration: none;\n}\n\n/* ============================================================\n * Variants — solid (default), soft, outline, ghost\n * Status colors: primary, secondary (neutral), danger, success\n * ============================================================ */\n\n/* primary — solid filled */\n.primary {\n    background-color: var(--tempest-primary);\n    --_tempest-button-fg: var(--tempest-primary-foreground);\n}\n.primary:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-hover);\n}\n.primary:active:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-active);\n}\n\n/* secondary — neutral surface */\n.secondary {\n    background-color: var(--tempest-surface);\n    --_tempest-button-fg: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.secondary:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-surface-2);\n    border-color: var(--tempest-border-strong);\n}\n\n/* danger — solid red */\n.danger {\n    background-color: var(--tempest-danger-solid);\n    --_tempest-button-fg: var(--tempest-danger-on-solid);\n}\n.danger:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-danger-hover);\n}\n\n/* success — solid green */\n.success {\n    background-color: var(--tempest-success-solid);\n    --_tempest-button-fg: var(--tempest-success-on-solid);\n}\n.success:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    filter: brightness(0.92);\n}\n\n/* ghost — transparent, hover surface */\n.ghost {\n    background-color: transparent;\n    --_tempest-button-fg: var(--tempest-text);\n    box-shadow: none;\n}\n.ghost:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-surface);\n    box-shadow: none;\n}\n.ghost:active:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-surface-2);\n    box-shadow: none;\n}\n\n/* soft — tinted background, primary text */\n.soft {\n    background-color: var(--tempest-primary-soft);\n    --_tempest-button-fg: var(--tempest-primary-on-soft);\n    box-shadow: none;\n}\n.soft:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n/* outline — bordered, transparent fill */\n.outline {\n    background-color: transparent;\n    --_tempest-button-fg: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    box-shadow: none;\n}\n/*\n * The text colour has to move with the background.\n *\n * `.outline` sets its text to `var(--tempest-primary)` over a transparent background,\n * where it is fine. This rule tints the background to `--tempest-primary-soft` and,\n * without restating the colour, leaves the fill token sitting on the tint: **4.38:1 in\n * the light theme and 4.28:1 in dark**, both under the 4.5:1 floor for text — so the\n * label got harder to read at the exact moment the pointer was on it.\n *\n * `--tempest-primary-on-soft` is the token for this ground (6.18:1 / 8.72:1) and\n * `docs/styles.md` has documented the rule all along. A rule that changes only the\n * background of a coloured element is the shape of this bug; the other eight places in\n * the SDK that tint a background inherit `--tempest-text`, `--tempest-text-muted` or\n * `--tempest-primary-on-soft` and are fine.\n */\n.outline:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-soft);\n    --_tempest-button-fg: var(--tempest-primary-on-soft);\n}\n\n/* link — text-only, underline on hover */\n.link {\n    background-color: transparent;\n    --_tempest-button-fg: var(--tempest-primary);\n    box-shadow: none;\n    padding-left: 0;\n    padding-right: 0;\n    border-radius: var(--tempest-radius-sm);\n}\n.link:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    --_tempest-button-fg: var(--tempest-primary-hover);\n    text-decoration: underline;\n    background: none;\n    box-shadow: none;\n}\n\n/* ============================================================\n * Sizes — token-driven, density-aware\n * ============================================================ */\n.xs {\n    height: var(--tempest-control-height-xs);\n    padding: 0 var(--tempest-control-padding-xs);\n    font-size: var(--tempest-control-font-xs);\n}\n.sm {\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.md {\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.lg {\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.xl {\n    height: var(--tempest-control-height-xl);\n    padding: 0 var(--tempest-control-padding-xl);\n    font-size: var(--tempest-control-font-xl);\n}\n\n/* Square (icon-only) — width matches height */\n.iconOnly {\n    position: relative;\n}\n.iconOnly.xs {\n    width: var(--tempest-control-height-xs);\n    padding: 0;\n}\n.iconOnly.sm {\n    width: var(--tempest-control-height-sm);\n    padding: 0;\n}\n.iconOnly.md {\n    width: var(--tempest-control-height-md);\n    padding: 0;\n}\n.iconOnly.lg {\n    width: var(--tempest-control-height-lg);\n    padding: 0;\n}\n.iconOnly.xl {\n    width: var(--tempest-control-height-xl);\n    padding: 0;\n}\n\n/* Touch hit-slop — extend tap target to a min 44×44 on coarse pointers\n * for the smallest icon-only sizes, without changing visual footprint. */\n@media (pointer: coarse) {\n    .iconOnly.xs::after,\n    .iconOnly.sm::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n/* Pill shape */\n.pill {\n    border-radius: var(--tempest-radius-full);\n}\n\n.fullWidth {\n    width: 100%;\n}\n\n/*\n * Lay out leftIcon + label + rightIcon as one centered, gapped row. Without\n * this the three are inline inside a single span (no gap, icon baseline-\n * aligned instead of centered), which reads as off-center — most visible on\n * fullWidth buttons where the label has room to drift.\n */\n.content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-control-gap, var(--tempest-space-2));\n    min-width: 0;\n}\n\n/*\n * Hide the label by paint only. `visibility: hidden` also drops it from the\n * accessibility tree, so a loading button lost its name (#416). `opacity: 0`\n * keeps the name and the width; `pointer-events: none` keeps the invisible\n * label out of hit-testing, as it was. Forced colors leaves `opacity` alone.\n */\n.loading .hiddenText {\n    opacity: 0;\n    pointer-events: none;\n}\n\n.spinner {\n    position: absolute;\n    animation: tempest-spin 0.8s linear infinite;\n}\n\n@keyframes tempest-spin {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Button.module.js","names":["button","primary","secondary","danger","success","ghost","soft","outline","link","xs","sm","md","lg","xl","iconOnly","pill","fullWidth","content","loading","hiddenText","spinner","tempestSpin","Button_module_default"],"sources":["../../../src/components/Button/Button.module.css"],"sourcesContent":[".button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-control-gap, var(--tempest-space-2));\n    border: 1px solid transparent;\n    border-radius: var(--tempest-control-radius, var(--tempest-radius-md));\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-none);\n    letter-spacing: var(--tempest-tracking-normal);\n    color: var(--_tempest-button-fg);\n    text-decoration: none;\n    white-space: nowrap;\n    user-select: none;\n    transition: var(--tempest-transition-base);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button: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@media (hover: hover) and (pointer: fine) {\n    .button:hover:not(:disabled, [aria-disabled=\"true\"]) {\n        box-shadow: var(--tempest-shadow-sm);\n    }\n}\n\n.button:active:not(:disabled, [aria-disabled=\"true\"]) {\n    transform: translateY(1px);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button:disabled,\n.button[aria-disabled=\"true\"] {\n    opacity: 0.55;\n    box-shadow: none;\n}\n\n.button[aria-disabled=\"true\"] {\n    cursor: not-allowed;\n}\n\n/*\n * `<Button href>` and `<ButtonSlot>` around a link render an `<a>`, and an app's own link\n * rules reach it. `.button` is one class (0,1,0); `a:hover { color }` is (0,1,1) and\n * wins — the Vite React template ships exactly that rule, so in a fresh app a\n * primary link-button turned its label `#535bf2` on hover, over the primary fill.\n *\n * Each variant therefore sets its text colour as `--_tempest-button-fg` instead of\n * `color`, and this rule restates it on every link state at (0,2,1), above any\n * single-element link rule. The `link` variant's hover underline is (0,3,0) and\n * still applies.\n */\na.button:is(:link, :visited, :hover, :active, :focus, :not([href])) {\n    color: var(--_tempest-button-fg);\n    text-decoration: none;\n}\n\n/* ============================================================\n * Variants — solid (default), soft, outline, ghost\n * Status colors: primary, secondary (neutral), danger, success\n * ============================================================ */\n\n/* primary — solid filled */\n.primary {\n    background-color: var(--tempest-primary);\n    --_tempest-button-fg: var(--tempest-primary-foreground);\n}\n.primary:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-hover);\n}\n.primary:active:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-active);\n}\n\n/* secondary — neutral surface */\n.secondary {\n    background-color: var(--tempest-surface);\n    --_tempest-button-fg: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.secondary:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-surface-2);\n    border-color: var(--tempest-border-strong);\n}\n\n/* danger — solid red */\n.danger {\n    background-color: var(--tempest-danger-solid);\n    --_tempest-button-fg: var(--tempest-danger-on-solid);\n}\n.danger:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-danger-hover);\n}\n\n/* success — solid green */\n.success {\n    background-color: var(--tempest-success-solid);\n    --_tempest-button-fg: var(--tempest-success-on-solid);\n}\n.success:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    filter: brightness(0.92);\n}\n\n/* ghost — transparent, hover surface */\n.ghost {\n    background-color: transparent;\n    --_tempest-button-fg: var(--tempest-text);\n    box-shadow: none;\n}\n.ghost:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-surface);\n    box-shadow: none;\n}\n.ghost:active:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-surface-2);\n    box-shadow: none;\n}\n\n/* soft — tinted background, primary text */\n.soft {\n    background-color: var(--tempest-primary-soft);\n    --_tempest-button-fg: var(--tempest-primary-on-soft);\n    box-shadow: none;\n}\n.soft:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n/* outline — bordered, transparent fill */\n.outline {\n    background-color: transparent;\n    --_tempest-button-fg: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    box-shadow: none;\n}\n/*\n * The text colour has to move with the background.\n *\n * `.outline` sets its text to `var(--tempest-primary)` over a transparent background,\n * where it is fine. This rule tints the background to `--tempest-primary-soft` and,\n * without restating the colour, leaves the fill token sitting on the tint: **4.38:1 in\n * the light theme and 4.28:1 in dark**, both under the 4.5:1 floor for text — so the\n * label got harder to read at the exact moment the pointer was on it.\n *\n * `--tempest-primary-on-soft` is the token for this ground (6.18:1 / 8.72:1) and\n * `docs/styles.md` has documented the rule all along. A rule that changes only the\n * background of a coloured element is the shape of this bug; the other eight places in\n * the SDK that tint a background inherit `--tempest-text`, `--tempest-text-muted` or\n * `--tempest-primary-on-soft` and are fine.\n */\n.outline:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    background-color: var(--tempest-primary-soft);\n    --_tempest-button-fg: var(--tempest-primary-on-soft);\n}\n\n/* link — text-only, underline on hover */\n.link {\n    background-color: transparent;\n    --_tempest-button-fg: var(--tempest-primary);\n    box-shadow: none;\n    padding-left: 0;\n    padding-right: 0;\n    border-radius: var(--tempest-radius-sm);\n}\n.link:hover:not(:disabled, [aria-disabled=\"true\"]) {\n    --_tempest-button-fg: var(--tempest-primary-hover);\n    text-decoration: underline;\n    background: none;\n    box-shadow: none;\n}\n\n/* ============================================================\n * Sizes — token-driven, density-aware\n * ============================================================ */\n.xs {\n    height: var(--tempest-control-height-xs);\n    padding: 0 var(--tempest-control-padding-xs);\n    font-size: var(--tempest-control-font-xs);\n}\n.sm {\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.md {\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.lg {\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.xl {\n    height: var(--tempest-control-height-xl);\n    padding: 0 var(--tempest-control-padding-xl);\n    font-size: var(--tempest-control-font-xl);\n}\n\n/* Square (icon-only) — width matches height */\n.iconOnly {\n    position: relative;\n}\n.iconOnly.xs {\n    width: var(--tempest-control-height-xs);\n    padding: 0;\n}\n.iconOnly.sm {\n    width: var(--tempest-control-height-sm);\n    padding: 0;\n}\n.iconOnly.md {\n    width: var(--tempest-control-height-md);\n    padding: 0;\n}\n.iconOnly.lg {\n    width: var(--tempest-control-height-lg);\n    padding: 0;\n}\n.iconOnly.xl {\n    width: var(--tempest-control-height-xl);\n    padding: 0;\n}\n\n/* Touch hit-slop — extend tap target to a min 44×44 on coarse pointers\n * for the smallest icon-only sizes, without changing visual footprint. */\n@media (pointer: coarse) {\n    .iconOnly.xs::after,\n    .iconOnly.sm::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n/* Pill shape */\n.pill {\n    border-radius: var(--tempest-radius-full);\n}\n\n.fullWidth {\n    width: 100%;\n}\n\n/*\n * Lay out leftIcon + label + rightIcon as one centered, gapped row. Without\n * this the three are inline inside a single span (no gap, icon baseline-\n * aligned instead of centered), which reads as off-center — most visible on\n * fullWidth buttons where the label has room to drift.\n */\n.content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-control-gap, var(--tempest-space-2));\n    min-width: 0;\n}\n\n/*\n * Hide the label by paint only. `visibility: hidden` also drops it from the\n * accessibility tree, so a loading button lost its name (#416). `opacity: 0`\n * keeps the name and the width; `pointer-events: none` keeps the invisible\n * label out of hit-testing, as it was. Forced colors leaves `opacity` alone.\n */\n.loading .hiddenText {\n    opacity: 0;\n    pointer-events: none;\n}\n\n.spinner {\n    position: absolute;\n    animation: tempest-spin 0.8s linear infinite;\n}\n\n@keyframes tempest-spin {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n}\n"],"mappings":";"}

package/dist/components/Button/ButtonContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContent.cjs","names":[],"sources":["../../../src/components/Button/ButtonContent.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Button.module.css\";\n\n/** Props of {@link ButtonContent}. */\nexport interface ButtonContentProps {\n    loading: boolean;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    children?: ReactNode;\n}\n\n/**\n * The inside of every button-looking element: the absolutely-positioned spinner\n * plus the icon/label row, shared by `Button` and `ButtonSlot`.\n *\n * While loading, the row is hidden by paint only (`opacity: 0`), never with\n * `visibility: hidden` or `display: none`: those drop the label from the\n * accessibility tree and the button is announced with no name (#416). Painted\n * out, the label still sizes the button — its width does not move — and still\n * names it. The spinner is `aria-hidden`, so the name is the label alone and the\n * busy state comes from `aria-busy` on the host element.\n *\n * @param props - See {@link ButtonContentProps}.\n * @returns The content nodes.\n */\nexport function ButtonContent({ loading, leftIcon, rightIcon, children }: ButtonContentProps) {\n    return (\n        <>\n            {loading && (\n                <span className={styles.spinner} aria-hidden>\n                    <svg\n                        width=\"16\"\n                        height=\"16\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                    >\n                        <path\n                            d=\"M21 12a9 9 0 1 1-6.219-8.56\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"2\"\n                            strokeLinecap=\"round\"\n                        />\n                    </svg>\n                </span>\n            )}\n            <span className={cn(styles.content, loading && styles.hiddenText)}>\n                {leftIcon}\n                {children}\n                {rightIcon}\n            </span>\n        </>\n    );\n}\n"],"mappings":"0GA0BA,SAAgB,EAAc,CAAE,UAAS,WAAU,YAAW,YAAgC,CAC1F,OACI,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,CACK,IACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,QAAS,cAAA,GAC7B,UAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,8BACF,OAAO,eACP,YAAY,IACZ,cAAc,OACjB,CAAA,CACA,CAAA,CACH,CAAA,GAEV,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAW,EAAA,QAAO,UAAU,EAAhE,SAAA,CACK,EACA,EACA,CACC,CACR,CAAA,CAAA,CAAA,CAAA,CAEV"}
+{"version":3,"file":"ButtonContent.cjs","names":["_Fragment","styles","cn","require_cn","require_Button_module","react_jsx_runtime","ButtonContent","loading","leftIcon","children","rightIcon"],"sources":["../../../src/components/Button/ButtonContent.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Button.module.css\";\n\n/** Props of {@link ButtonContent}. */\nexport interface ButtonContentProps {\n    loading: boolean;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    children?: ReactNode;\n}\n\n/**\n * The inside of every button-looking element: the absolutely-positioned spinner\n * plus the icon/label row, shared by `Button` and `ButtonSlot`.\n *\n * While loading, the row is hidden by paint only (`opacity: 0`), never with\n * `visibility: hidden` or `display: none`: those drop the label from the\n * accessibility tree and the button is announced with no name (#416). Painted\n * out, the label still sizes the button — its width does not move — and still\n * names it. The spinner is `aria-hidden`, so the name is the label alone and the\n * busy state comes from `aria-busy` on the host element.\n *\n * @param props - See {@link ButtonContentProps}.\n * @returns The content nodes.\n */\nexport function ButtonContent({ loading, leftIcon, rightIcon, children }: ButtonContentProps) {\n    return (\n        <>\n            {loading && (\n                <span className={styles.spinner} aria-hidden>\n                    <svg\n                        width=\"16\"\n                        height=\"16\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                    >\n                        <path\n                            d=\"M21 12a9 9 0 1 1-6.219-8.56\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"2\"\n                            strokeLinecap=\"round\"\n                        />\n                    </svg>\n                </span>\n            )}\n            <span className={cn(styles.content, loading && styles.hiddenText)}>\n                {leftIcon}\n                {children}\n                {rightIcon}\n            </span>\n        </>\n    );\n}\n"],"mappings":"A,0GA0BA,SAAgBM,EAAc,CAAE,UAAS,WAAU,YAAW,YAAgC,CAC1F,OACI,EAAAD,EAAA,KAAA,CAAAL,EAAAA,SAAA,CAAA,SAAA,CACKO,IACG,EAAAF,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,QAAS,cAAA,GAC7B,UAAA,EAAAI,EAAA,IAAA,CAAC,MAAD,CACI,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,UAAA,EAAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,8BACF,OAAO,eACP,YAAY,IACZ,cAAc,OACjB,CAAA,CACA,CAAA,CACH,CAAA,GAEV,EAAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAWH,EAAAA,GAAGD,EAAAA,QAAO,QAASM,GAAWN,EAAAA,QAAO,UAAU,EAAhE,SAAA,CACKO,EACAC,EACAC,CACC,CACR,CAAA,CAAA,CAAA,CAAA,CAEV,C"}

package/dist/components/Button/ButtonContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContent.js","names":[],"sources":["../../../src/components/Button/ButtonContent.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Button.module.css\";\n\n/** Props of {@link ButtonContent}. */\nexport interface ButtonContentProps {\n    loading: boolean;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    children?: ReactNode;\n}\n\n/**\n * The inside of every button-looking element: the absolutely-positioned spinner\n * plus the icon/label row, shared by `Button` and `ButtonSlot`.\n *\n * While loading, the row is hidden by paint only (`opacity: 0`), never with\n * `visibility: hidden` or `display: none`: those drop the label from the\n * accessibility tree and the button is announced with no name (#416). Painted\n * out, the label still sizes the button — its width does not move — and still\n * names it. The spinner is `aria-hidden`, so the name is the label alone and the\n * busy state comes from `aria-busy` on the host element.\n *\n * @param props - See {@link ButtonContentProps}.\n * @returns The content nodes.\n */\nexport function ButtonContent({ loading, leftIcon, rightIcon, children }: ButtonContentProps) {\n    return (\n        <>\n            {loading && (\n                <span className={styles.spinner} aria-hidden>\n                    <svg\n                        width=\"16\"\n                        height=\"16\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                    >\n                        <path\n                            d=\"M21 12a9 9 0 1 1-6.219-8.56\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"2\"\n                            strokeLinecap=\"round\"\n                        />\n                    </svg>\n                </span>\n            )}\n            <span className={cn(styles.content, loading && styles.hiddenText)}>\n                {leftIcon}\n                {children}\n                {rightIcon}\n            </span>\n        </>\n    );\n}\n"],"mappings":";;;;AA0BA,SAAgB,EAAc,EAAE,YAAS,aAAU,cAAW,eAAgC;CAC1F,OACI,kBAAA,GAAA,EAAA,UAAA,CACK,KACG,kBAAC,QAAD;EAAM,WAAW,EAAO;EAAS,eAAA;EAC7B,UAAA,kBAAC,OAAD;GACI,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;GAEN,UAAA,kBAAC,QAAD;IACI,GAAE;IACF,QAAO;IACP,aAAY;IACZ,eAAc;GACjB,CAAA;EACA,CAAA;CACH,CAAA,GAEV,kBAAC,QAAD;EAAM,WAAW,EAAG,EAAO,SAAS,KAAW,EAAO,UAAU;EAAhE,UAAA;GACK;GACA;GACA;EACC;CACR,CAAA,CAAA,EAAA,CAAA;AAEV"}
+{"version":3,"file":"ButtonContent.js","names":["_Fragment","styles","Button_module_default","ButtonContent","Fragment","loading","cn","leftIcon","children","rightIcon"],"sources":["../../../src/components/Button/ButtonContent.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Button.module.css\";\n\n/** Props of {@link ButtonContent}. */\nexport interface ButtonContentProps {\n    loading: boolean;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    children?: ReactNode;\n}\n\n/**\n * The inside of every button-looking element: the absolutely-positioned spinner\n * plus the icon/label row, shared by `Button` and `ButtonSlot`.\n *\n * While loading, the row is hidden by paint only (`opacity: 0`), never with\n * `visibility: hidden` or `display: none`: those drop the label from the\n * accessibility tree and the button is announced with no name (#416). Painted\n * out, the label still sizes the button — its width does not move — and still\n * names it. The spinner is `aria-hidden`, so the name is the label alone and the\n * busy state comes from `aria-busy` on the host element.\n *\n * @param props - See {@link ButtonContentProps}.\n * @returns The content nodes.\n */\nexport function ButtonContent({ loading, leftIcon, rightIcon, children }: ButtonContentProps) {\n    return (\n        <>\n            {loading && (\n                <span className={styles.spinner} aria-hidden>\n                    <svg\n                        width=\"16\"\n                        height=\"16\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                    >\n                        <path\n                            d=\"M21 12a9 9 0 1 1-6.219-8.56\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"2\"\n                            strokeLinecap=\"round\"\n                        />\n                    </svg>\n                </span>\n            )}\n            <span className={cn(styles.content, loading && styles.hiddenText)}>\n                {leftIcon}\n                {children}\n                {rightIcon}\n            </span>\n        </>\n    );\n}\n"],"mappings":";;;;AA0BA,SAAgBG,EAAc,EAAE,YAAS,aAAU,cAAW,eAAgC;CAC1F,OACI,kBAAAH,GAAA,EAAA,UAAA,CACKK,KACG,kBAAC,QAAD;EAAM,WAAWJ,EAAO;EAAS,eAAA;EAC7B,UAAA,kBAAC,OAAD;GACI,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;GAEN,UAAA,kBAAC,QAAD;IACI,GAAE;IACF,QAAO;IACP,aAAY;IACZ,eAAc;GACjB,CAAA;EACA,CAAA;CACH,CAAA,GAEV,kBAAC,QAAD;EAAM,WAAWK,EAAGL,EAAO,SAASI,KAAWJ,EAAO,UAAU;EAAhE,UAAA;GACKM;GACAC;GACAC;EACC;CACR,CAAA,CAAA,EAAA,CAAA;AAEV"}

package/dist/components/Button/ButtonSlot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSlot.cjs","names":[],"sources":["../../../src/components/Button/ButtonSlot.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\nimport type { ForwardedRef, HTMLAttributes, ReactElement, ReactNode } from \"react\";\nimport { buttonClassName, preventActivation } from \"./button-class\";\nimport { ButtonContent } from \"./ButtonContent\";\nimport { resolveLinkRel } from \"./link-rel\";\nimport { Slot } from \"./slot\";\nimport type { SlotProps } from \"./slot\";\nimport type { ButtonBaseProps } from \"./types\";\n\n/** Props of {@link ButtonSlot}: the `Button` look, applied to the single child. */\nexport interface ButtonSlotProps\n    extends ButtonBaseProps, Omit<HTMLAttributes<HTMLElement>, \"children\"> {\n    /** The one element that receives the classes, props and ref — e.g. a router `Link`. */\n    children: ReactElement;\n}\n\n/**\n * Lends the `Button` look to its single child element instead of rendering one —\n * the `asChild`/Slot pattern. `<ButtonSlot><Link to=\"/x\">Go</Link></ButtonSlot>`\n * styles a react-router `Link`, so the route changes without a reload, and no\n * router is imported here.\n *\n * It is a component of its own rather than an `asChild` prop on `Button` because\n * of what it costs: the prop merge and ref composition are ~0.6 kB brotli, and a\n * prop is a runtime branch no bundler can drop, so every app using `Button` paid\n * for it. As a separate export it is tree-shaken away where unused.\n *\n * Merge rules: classes are joined (a function `className`, as `NavLink` takes,\n * stays a function); `ButtonSlot`'s props win over the child's, because they carry\n * the disabled semantics; handlers run `ButtonSlot`'s first and skip the child's\n * when the event was prevented; both refs receive the node. A child with\n * `target=\"_blank\"` gets `noopener noreferrer`.\n *\n * Disabled or loading: `aria-disabled=\"true\"`, `tabIndex={-1}`, click and\n * middle-click cancelled — a router `Link` then skips its navigation because the\n * event arrives prevented. A plain `<a href>` child also loses the `href` and gets\n * `role=\"link\"`; a `Link` computes its own `href`, which stays in the DOM.\n *\n * @example\n * <ButtonSlot variant=\"outline\">\n *     <Link to=\"/planos\">Ver planos</Link>\n * </ButtonSlot>\n *\n * @throws {Error} When `children` is not a single React element.\n */\nexport const ButtonSlot = forwardRef<HTMLElement, ButtonSlotProps>(function ButtonSlot(\n    {\n        variant,\n        size,\n        loading = false,\n        disabled = false,\n        fullWidth,\n        iconOnly,\n        pill,\n        leftIcon,\n        rightIcon,\n        className,\n        children,\n        ...rest\n    }: ButtonSlotProps,\n    ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n    const childProps = (isValidElement(children) ? children.props : {}) as {\n        target?: unknown;\n        rel?: unknown;\n        href?: unknown;\n        children?: ReactNode;\n    };\n    const slotProps: SlotProps = {\n        ...rest,\n        className: buttonClassName(\n            { variant, size, loading, fullWidth, iconOnly, pill },\n            className,\n        ),\n        \"aria-busy\": loading || undefined,\n    };\n    if (childProps.target === \"_blank\") {\n        slotProps.rel = resolveLinkRel(\n            \"_blank\",\n            typeof childProps.rel === \"string\" ? childProps.rel : undefined,\n        );\n    }\n    if (disabled || loading) {\n        slotProps[\"aria-disabled\"] = true;\n        slotProps.tabIndex = -1;\n        slotProps.onClick = preventActivation;\n        slotProps.onAuxClick = preventActivation;\n        if (childProps.href !== undefined) {\n            slotProps.href = undefined;\n            slotProps.role = \"link\";\n        }\n    }\n    return (\n        <Slot\n            child={children}\n            slotProps={slotProps}\n            slotRef={ref}\n            content={\n                <ButtonContent loading={loading} leftIcon={leftIcon} rightIcon={rightIcon}>\n                    {childProps.children}\n                </ButtonContent>\n            }\n        />\n    );\n});\n"],"mappings":"iLA6CA,IAAa,GAAA,EAAa,EAAA,WAAA,CAAyC,SAC/D,CACI,UACA,OACA,UAAU,GACV,WAAW,GACX,YACA,WACA,OACA,WACA,YACA,YACA,WACA,GAAG,GAEP,EACY,CACZ,IAAM,GAAA,EAAc,EAAA,eAAA,CAAe,CAAQ,EAAI,EAAS,MAAQ,CAAC,EAM3D,EAAuB,CACzB,GAAG,EACH,UAAW,EAAA,gBACP,CAAE,UAAS,OAAM,UAAS,YAAW,WAAU,MAAK,EACpD,CACJ,EACA,YAAa,GAAW,IAAA,EAC5B,EAiBA,OAhBI,EAAW,SAAW,WACtB,EAAU,IAAM,EAAA,eACZ,SACA,OAAO,EAAW,KAAQ,SAAW,EAAW,IAAM,IAAA,EAC1D,IAEA,GAAY,KACZ,EAAU,iBAAmB,GAC7B,EAAU,SAAW,GACrB,EAAU,QAAU,EAAA,kBACpB,EAAU,WAAa,EAAA,kBACnB,EAAW,OAAS,IAAA,KACpB,EAAU,KAAO,IAAA,GACjB,EAAU,KAAO,UAIrB,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CACI,MAAO,EACI,YACX,QAAS,EACT,SACI,EAAA,EAAA,IAAA,CAAC,EAAA,cAAD,CAAwB,UAAmB,WAAqB,YAC3D,SAAA,EAAW,QACD,CAAA,CAEtB,CAAA,CAET,CAAC"}
+{"version":3,"file":"ButtonSlot.cjs","names":["forwardRef","isValidElement","buttonClassName","resolveLinkRel","preventActivation","Slot","ButtonContent","require_button_class","require_ButtonContent","require_link_rel","require_slot","react","react_jsx_runtime","ButtonSlot","rest","childProps","children","slotProps","className","loading","disabled","ref"],"sources":["../../../src/components/Button/ButtonSlot.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\nimport type { ForwardedRef, HTMLAttributes, ReactElement, ReactNode } from \"react\";\nimport { buttonClassName, preventActivation } from \"./button-class\";\nimport { ButtonContent } from \"./ButtonContent\";\nimport { resolveLinkRel } from \"./link-rel\";\nimport { Slot } from \"./slot\";\nimport type { SlotProps } from \"./slot\";\nimport type { ButtonBaseProps } from \"./types\";\n\n/** Props of {@link ButtonSlot}: the `Button` look, applied to the single child. */\nexport interface ButtonSlotProps\n    extends ButtonBaseProps, Omit<HTMLAttributes<HTMLElement>, \"children\"> {\n    /** The one element that receives the classes, props and ref — e.g. a router `Link`. */\n    children: ReactElement;\n}\n\n/**\n * Lends the `Button` look to its single child element instead of rendering one —\n * the `asChild`/Slot pattern. `<ButtonSlot><Link to=\"/x\">Go</Link></ButtonSlot>`\n * styles a react-router `Link`, so the route changes without a reload, and no\n * router is imported here.\n *\n * It is a component of its own rather than an `asChild` prop on `Button` because\n * of what it costs: the prop merge and ref composition are ~0.6 kB brotli, and a\n * prop is a runtime branch no bundler can drop, so every app using `Button` paid\n * for it. As a separate export it is tree-shaken away where unused.\n *\n * Merge rules: classes are joined (a function `className`, as `NavLink` takes,\n * stays a function); `ButtonSlot`'s props win over the child's, because they carry\n * the disabled semantics; handlers run `ButtonSlot`'s first and skip the child's\n * when the event was prevented; both refs receive the node. A child with\n * `target=\"_blank\"` gets `noopener noreferrer`.\n *\n * Disabled or loading: `aria-disabled=\"true\"`, `tabIndex={-1}`, click and\n * middle-click cancelled — a router `Link` then skips its navigation because the\n * event arrives prevented. A plain `<a href>` child also loses the `href` and gets\n * `role=\"link\"`; a `Link` computes its own `href`, which stays in the DOM.\n *\n * @example\n * <ButtonSlot variant=\"outline\">\n *     <Link to=\"/planos\">Ver planos</Link>\n * </ButtonSlot>\n *\n * @throws {Error} When `children` is not a single React element.\n */\nexport const ButtonSlot = forwardRef<HTMLElement, ButtonSlotProps>(function ButtonSlot(\n    {\n        variant,\n        size,\n        loading = false,\n        disabled = false,\n        fullWidth,\n        iconOnly,\n        pill,\n        leftIcon,\n        rightIcon,\n        className,\n        children,\n        ...rest\n    }: ButtonSlotProps,\n    ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n    const childProps = (isValidElement(children) ? children.props : {}) as {\n        target?: unknown;\n        rel?: unknown;\n        href?: unknown;\n        children?: ReactNode;\n    };\n    const slotProps: SlotProps = {\n        ...rest,\n        className: buttonClassName(\n            { variant, size, loading, fullWidth, iconOnly, pill },\n            className,\n        ),\n        \"aria-busy\": loading || undefined,\n    };\n    if (childProps.target === \"_blank\") {\n        slotProps.rel = resolveLinkRel(\n            \"_blank\",\n            typeof childProps.rel === \"string\" ? childProps.rel : undefined,\n        );\n    }\n    if (disabled || loading) {\n        slotProps[\"aria-disabled\"] = true;\n        slotProps.tabIndex = -1;\n        slotProps.onClick = preventActivation;\n        slotProps.onAuxClick = preventActivation;\n        if (childProps.href !== undefined) {\n            slotProps.href = undefined;\n            slotProps.role = \"link\";\n        }\n    }\n    return (\n        <Slot\n            child={children}\n            slotProps={slotProps}\n            slotRef={ref}\n            content={\n                <ButtonContent loading={loading} leftIcon={leftIcon} rightIcon={rightIcon}>\n                    {childProps.children}\n                </ButtonContent>\n            }\n        />\n    );\n});\n"],"mappings":"A,iLA6CA,IAAaa,GAAA,EAAab,EAAAA,WAAAA,CAAyC,SAC/D,CACI,UACA,OACA,UAAU,GACV,WAAW,GACX,YACA,WACA,OACA,WACA,YACA,YACA,WACA,GAAGc,GAEP,EACY,CACZ,IAAMC,GAAA,EAAcd,EAAAA,eAAAA,CAAee,CAAQ,EAAIA,EAAS,MAAQ,CAAC,EAM3DC,EAAuB,CACzB,GAAGH,EACH,UAAWZ,EAAAA,gBACP,CAAE,UAAS,OAAM,UAAS,YAAW,WAAU,MAAK,EACpDgB,CACJ,EACA,YAAaC,GAAW,IAAA,EAC5B,EAiBA,OAhBIJ,EAAW,SAAW,WACtB,EAAU,IAAMZ,EAAAA,eACZ,SACA,OAAOY,EAAW,KAAQ,SAAWA,EAAW,IAAM,IAAA,EAC1D,IAEAK,GAAYD,KACZ,EAAU,iBAAmB,GAC7B,EAAU,SAAW,GACrB,EAAU,QAAUf,EAAAA,kBACpB,EAAU,WAAaA,EAAAA,kBACnBW,EAAW,OAAS,IAAA,KACpB,EAAU,KAAO,IAAA,GACjB,EAAU,KAAO,UAIrB,EAAAH,EAAA,IAAA,CAACP,EAAAA,KAAD,CACI,MAAOW,EACI,YACX,QAASK,EACT,SACI,EAAAT,EAAA,IAAA,CAACN,EAAAA,cAAD,CAAwB,UAAmB,WAAqB,YAC3D,SAAAS,EAAW,QACD,CAAA,CAEtB,CAAA,CAET,CAAC,E"}

package/dist/components/Button/ButtonSlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSlot.js","names":[],"sources":["../../../src/components/Button/ButtonSlot.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\nimport type { ForwardedRef, HTMLAttributes, ReactElement, ReactNode } from \"react\";\nimport { buttonClassName, preventActivation } from \"./button-class\";\nimport { ButtonContent } from \"./ButtonContent\";\nimport { resolveLinkRel } from \"./link-rel\";\nimport { Slot } from \"./slot\";\nimport type { SlotProps } from \"./slot\";\nimport type { ButtonBaseProps } from \"./types\";\n\n/** Props of {@link ButtonSlot}: the `Button` look, applied to the single child. */\nexport interface ButtonSlotProps\n    extends ButtonBaseProps, Omit<HTMLAttributes<HTMLElement>, \"children\"> {\n    /** The one element that receives the classes, props and ref — e.g. a router `Link`. */\n    children: ReactElement;\n}\n\n/**\n * Lends the `Button` look to its single child element instead of rendering one —\n * the `asChild`/Slot pattern. `<ButtonSlot><Link to=\"/x\">Go</Link></ButtonSlot>`\n * styles a react-router `Link`, so the route changes without a reload, and no\n * router is imported here.\n *\n * It is a component of its own rather than an `asChild` prop on `Button` because\n * of what it costs: the prop merge and ref composition are ~0.6 kB brotli, and a\n * prop is a runtime branch no bundler can drop, so every app using `Button` paid\n * for it. As a separate export it is tree-shaken away where unused.\n *\n * Merge rules: classes are joined (a function `className`, as `NavLink` takes,\n * stays a function); `ButtonSlot`'s props win over the child's, because they carry\n * the disabled semantics; handlers run `ButtonSlot`'s first and skip the child's\n * when the event was prevented; both refs receive the node. A child with\n * `target=\"_blank\"` gets `noopener noreferrer`.\n *\n * Disabled or loading: `aria-disabled=\"true\"`, `tabIndex={-1}`, click and\n * middle-click cancelled — a router `Link` then skips its navigation because the\n * event arrives prevented. A plain `<a href>` child also loses the `href` and gets\n * `role=\"link\"`; a `Link` computes its own `href`, which stays in the DOM.\n *\n * @example\n * <ButtonSlot variant=\"outline\">\n *     <Link to=\"/planos\">Ver planos</Link>\n * </ButtonSlot>\n *\n * @throws {Error} When `children` is not a single React element.\n */\nexport const ButtonSlot = forwardRef<HTMLElement, ButtonSlotProps>(function ButtonSlot(\n    {\n        variant,\n        size,\n        loading = false,\n        disabled = false,\n        fullWidth,\n        iconOnly,\n        pill,\n        leftIcon,\n        rightIcon,\n        className,\n        children,\n        ...rest\n    }: ButtonSlotProps,\n    ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n    const childProps = (isValidElement(children) ? children.props : {}) as {\n        target?: unknown;\n        rel?: unknown;\n        href?: unknown;\n        children?: ReactNode;\n    };\n    const slotProps: SlotProps = {\n        ...rest,\n        className: buttonClassName(\n            { variant, size, loading, fullWidth, iconOnly, pill },\n            className,\n        ),\n        \"aria-busy\": loading || undefined,\n    };\n    if (childProps.target === \"_blank\") {\n        slotProps.rel = resolveLinkRel(\n            \"_blank\",\n            typeof childProps.rel === \"string\" ? childProps.rel : undefined,\n        );\n    }\n    if (disabled || loading) {\n        slotProps[\"aria-disabled\"] = true;\n        slotProps.tabIndex = -1;\n        slotProps.onClick = preventActivation;\n        slotProps.onAuxClick = preventActivation;\n        if (childProps.href !== undefined) {\n            slotProps.href = undefined;\n            slotProps.role = \"link\";\n        }\n    }\n    return (\n        <Slot\n            child={children}\n            slotProps={slotProps}\n            slotRef={ref}\n            content={\n                <ButtonContent loading={loading} leftIcon={leftIcon} rightIcon={rightIcon}>\n                    {childProps.children}\n                </ButtonContent>\n            }\n        />\n    );\n});\n"],"mappings":";;;;;;;AA6CA,IAAa,IAAa,EAAyC,SAC/D,EACI,YACA,SACA,aAAU,IACV,cAAW,IACX,cACA,aACA,SACA,aACA,cACA,cACA,aACA,GAAG,KAEP,GACY;CACZ,IAAM,IAAc,EAAe,CAAQ,IAAI,EAAS,QAAQ,CAAC,GAM3D,IAAuB;EACzB,GAAG;EACH,WAAW,EACP;GAAE;GAAS;GAAM;GAAS;GAAW;GAAU;EAAK,GACpD,CACJ;EACA,aAAa,KAAW,KAAA;CAC5B;CAiBA,OAhBI,EAAW,WAAW,aACtB,EAAU,MAAM,EACZ,UACA,OAAO,EAAW,OAAQ,WAAW,EAAW,MAAM,KAAA,CAC1D,KAEA,KAAY,OACZ,EAAU,mBAAmB,IAC7B,EAAU,WAAW,IACrB,EAAU,UAAU,GACpB,EAAU,aAAa,GACnB,EAAW,SAAS,KAAA,MACpB,EAAU,OAAO,KAAA,GACjB,EAAU,OAAO,UAIrB,kBAAC,GAAD;EACI,OAAO;EACI;EACX,SAAS;EACT,SACI,kBAAC,GAAD;GAAwB;GAAmB;GAAqB;GAC3D,UAAA,EAAW;EACD,CAAA;CAEtB,CAAA;AAET,CAAC"}
+{"version":3,"file":"ButtonSlot.js","names":["ButtonSlot","forwardRef","rest","childProps","isValidElement","children","slotProps","buttonClassName","className","loading","resolveLinkRel","disabled","preventActivation","Slot","ref","ButtonContent"],"sources":["../../../src/components/Button/ButtonSlot.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\nimport type { ForwardedRef, HTMLAttributes, ReactElement, ReactNode } from \"react\";\nimport { buttonClassName, preventActivation } from \"./button-class\";\nimport { ButtonContent } from \"./ButtonContent\";\nimport { resolveLinkRel } from \"./link-rel\";\nimport { Slot } from \"./slot\";\nimport type { SlotProps } from \"./slot\";\nimport type { ButtonBaseProps } from \"./types\";\n\n/** Props of {@link ButtonSlot}: the `Button` look, applied to the single child. */\nexport interface ButtonSlotProps\n    extends ButtonBaseProps, Omit<HTMLAttributes<HTMLElement>, \"children\"> {\n    /** The one element that receives the classes, props and ref — e.g. a router `Link`. */\n    children: ReactElement;\n}\n\n/**\n * Lends the `Button` look to its single child element instead of rendering one —\n * the `asChild`/Slot pattern. `<ButtonSlot><Link to=\"/x\">Go</Link></ButtonSlot>`\n * styles a react-router `Link`, so the route changes without a reload, and no\n * router is imported here.\n *\n * It is a component of its own rather than an `asChild` prop on `Button` because\n * of what it costs: the prop merge and ref composition are ~0.6 kB brotli, and a\n * prop is a runtime branch no bundler can drop, so every app using `Button` paid\n * for it. As a separate export it is tree-shaken away where unused.\n *\n * Merge rules: classes are joined (a function `className`, as `NavLink` takes,\n * stays a function); `ButtonSlot`'s props win over the child's, because they carry\n * the disabled semantics; handlers run `ButtonSlot`'s first and skip the child's\n * when the event was prevented; both refs receive the node. A child with\n * `target=\"_blank\"` gets `noopener noreferrer`.\n *\n * Disabled or loading: `aria-disabled=\"true\"`, `tabIndex={-1}`, click and\n * middle-click cancelled — a router `Link` then skips its navigation because the\n * event arrives prevented. A plain `<a href>` child also loses the `href` and gets\n * `role=\"link\"`; a `Link` computes its own `href`, which stays in the DOM.\n *\n * @example\n * <ButtonSlot variant=\"outline\">\n *     <Link to=\"/planos\">Ver planos</Link>\n * </ButtonSlot>\n *\n * @throws {Error} When `children` is not a single React element.\n */\nexport const ButtonSlot = forwardRef<HTMLElement, ButtonSlotProps>(function ButtonSlot(\n    {\n        variant,\n        size,\n        loading = false,\n        disabled = false,\n        fullWidth,\n        iconOnly,\n        pill,\n        leftIcon,\n        rightIcon,\n        className,\n        children,\n        ...rest\n    }: ButtonSlotProps,\n    ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n    const childProps = (isValidElement(children) ? children.props : {}) as {\n        target?: unknown;\n        rel?: unknown;\n        href?: unknown;\n        children?: ReactNode;\n    };\n    const slotProps: SlotProps = {\n        ...rest,\n        className: buttonClassName(\n            { variant, size, loading, fullWidth, iconOnly, pill },\n            className,\n        ),\n        \"aria-busy\": loading || undefined,\n    };\n    if (childProps.target === \"_blank\") {\n        slotProps.rel = resolveLinkRel(\n            \"_blank\",\n            typeof childProps.rel === \"string\" ? childProps.rel : undefined,\n        );\n    }\n    if (disabled || loading) {\n        slotProps[\"aria-disabled\"] = true;\n        slotProps.tabIndex = -1;\n        slotProps.onClick = preventActivation;\n        slotProps.onAuxClick = preventActivation;\n        if (childProps.href !== undefined) {\n            slotProps.href = undefined;\n            slotProps.role = \"link\";\n        }\n    }\n    return (\n        <Slot\n            child={children}\n            slotProps={slotProps}\n            slotRef={ref}\n            content={\n                <ButtonContent loading={loading} leftIcon={leftIcon} rightIcon={rightIcon}>\n                    {childProps.children}\n                </ButtonContent>\n            }\n        />\n    );\n});\n"],"mappings":";;;;;;;AA6CA,IAAaA,IAAaC,EAAyC,SAC/D,EACI,YACA,SACA,aAAU,IACV,cAAW,IACX,cACA,aACA,SACA,aACA,cACA,cACA,aACA,GAAGC,KAEP,GACY;CACZ,IAAMC,IAAcC,EAAeC,CAAQ,IAAIA,EAAS,QAAQ,CAAC,GAM3DC,IAAuB;EACzB,GAAGJ;EACH,WAAWK,EACP;GAAE;GAAS;GAAM;GAAS;GAAW;GAAU;EAAK,GACpDC,CACJ;EACA,aAAaC,KAAW,KAAA;CAC5B;CAiBA,OAhBIN,EAAW,WAAW,aACtB,EAAU,MAAMO,EACZ,UACA,OAAOP,EAAW,OAAQ,WAAWA,EAAW,MAAM,KAAA,CAC1D,KAEAQ,KAAYF,OACZ,EAAU,mBAAmB,IAC7B,EAAU,WAAW,IACrB,EAAU,UAAUG,GACpB,EAAU,aAAaA,GACnBT,EAAW,SAAS,KAAA,MACpB,EAAU,OAAO,KAAA,GACjB,EAAU,OAAO,UAIrB,kBAACU,GAAD;EACI,OAAOR;EACI;EACX,SAASS;EACT,SACI,kBAACC,GAAD;GAAwB;GAAmB;GAAqB;GAC3D,UAAAZ,EAAW;EACD,CAAA;CAEtB,CAAA;AAET,CAAC"}

package/dist/components/Button/button-class.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-class.cjs","names":[],"sources":["../../../src/components/Button/button-class.ts"],"sourcesContent":["import type { MouseEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Button.module.css\";\nimport type { ButtonBaseProps } from \"./types\";\n\n/**\n * The class list of a button-looking element, shared by `Button` and `ButtonSlot`\n * so the two can never drift apart.\n *\n * @param props - The look props.\n * @param className - The consumer's own class, appended last.\n * @returns The joined class string.\n */\nexport function buttonClassName(\n    {\n        variant = \"primary\",\n        size = \"md\",\n        loading = false,\n        fullWidth = false,\n        iconOnly = false,\n        pill = false,\n    }: ButtonBaseProps,\n    className: string | undefined,\n): string {\n    return cn(\n        styles.button,\n        styles[variant],\n        styles[size],\n        iconOnly && styles.iconOnly,\n        pill && styles.pill,\n        loading && styles.loading,\n        fullWidth && styles.fullWidth,\n        className,\n    );\n}\n\n/**\n * Click handler of a disabled link: cancels the navigation.\n *\n * @param event - The click or middle-click.\n */\nexport function preventActivation(event: MouseEvent<HTMLElement>): void {\n    event.preventDefault();\n}\n"],"mappings":"uEAaA,SAAgB,EACZ,CACI,UAAU,UACV,OAAO,KACP,UAAU,GACV,YAAY,GACZ,WAAW,GACX,OAAO,IAEX,EACM,CACN,OAAO,EAAA,GACH,EAAA,QAAO,OACP,EAAA,QAAO,GACP,EAAA,QAAO,GACP,GAAY,EAAA,QAAO,SACnB,GAAQ,EAAA,QAAO,KACf,GAAW,EAAA,QAAO,QAClB,GAAa,EAAA,QAAO,UACpB,CACJ,CACJ,CAOA,SAAgB,EAAkB,EAAsC,CACpE,EAAM,eAAe,CACzB"}
+{"version":3,"file":"button-class.cjs","names":["cn","styles","require_cn","require_Button_module","buttonClassName","variant","size","iconOnly","pill","loading","fullWidth","className","preventActivation","event"],"sources":["../../../src/components/Button/button-class.ts"],"sourcesContent":["import type { MouseEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Button.module.css\";\nimport type { ButtonBaseProps } from \"./types\";\n\n/**\n * The class list of a button-looking element, shared by `Button` and `ButtonSlot`\n * so the two can never drift apart.\n *\n * @param props - The look props.\n * @param className - The consumer's own class, appended last.\n * @returns The joined class string.\n */\nexport function buttonClassName(\n    {\n        variant = \"primary\",\n        size = \"md\",\n        loading = false,\n        fullWidth = false,\n        iconOnly = false,\n        pill = false,\n    }: ButtonBaseProps,\n    className: string | undefined,\n): string {\n    return cn(\n        styles.button,\n        styles[variant],\n        styles[size],\n        iconOnly && styles.iconOnly,\n        pill && styles.pill,\n        loading && styles.loading,\n        fullWidth && styles.fullWidth,\n        className,\n    );\n}\n\n/**\n * Click handler of a disabled link: cancels the navigation.\n *\n * @param event - The click or middle-click.\n */\nexport function preventActivation(event: MouseEvent<HTMLElement>): void {\n    event.preventDefault();\n}\n"],"mappings":"A,uEAaA,SAAgBI,EACZ,CACI,UAAU,UACV,OAAO,KACP,UAAU,GACV,YAAY,GACZ,WAAW,GACX,OAAO,IAEX,EACM,CACN,OAAOJ,EAAAA,GACHC,EAAAA,QAAO,OACPA,EAAAA,QAAOI,GACPJ,EAAAA,QAAOK,GACPC,GAAYN,EAAAA,QAAO,SACnBO,GAAQP,EAAAA,QAAO,KACfQ,GAAWR,EAAAA,QAAO,QAClBS,GAAaT,EAAAA,QAAO,UACpBU,CACJ,CACJ,CAOA,SAAgBC,EAAkB,EAAsC,CACpEC,EAAM,eAAe,CACzB,C"}

package/dist/components/Button/button-class.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-class.js","names":[],"sources":["../../../src/components/Button/button-class.ts"],"sourcesContent":["import type { MouseEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Button.module.css\";\nimport type { ButtonBaseProps } from \"./types\";\n\n/**\n * The class list of a button-looking element, shared by `Button` and `ButtonSlot`\n * so the two can never drift apart.\n *\n * @param props - The look props.\n * @param className - The consumer's own class, appended last.\n * @returns The joined class string.\n */\nexport function buttonClassName(\n    {\n        variant = \"primary\",\n        size = \"md\",\n        loading = false,\n        fullWidth = false,\n        iconOnly = false,\n        pill = false,\n    }: ButtonBaseProps,\n    className: string | undefined,\n): string {\n    return cn(\n        styles.button,\n        styles[variant],\n        styles[size],\n        iconOnly && styles.iconOnly,\n        pill && styles.pill,\n        loading && styles.loading,\n        fullWidth && styles.fullWidth,\n        className,\n    );\n}\n\n/**\n * Click handler of a disabled link: cancels the navigation.\n *\n * @param event - The click or middle-click.\n */\nexport function preventActivation(event: MouseEvent<HTMLElement>): void {\n    event.preventDefault();\n}\n"],"mappings":";;;AAaA,SAAgB,EACZ,EACI,aAAU,WACV,UAAO,MACP,aAAU,IACV,eAAY,IACZ,cAAW,IACX,UAAO,MAEX,GACM;CACN,OAAO,EACH,EAAO,QACP,EAAO,IACP,EAAO,IACP,KAAY,EAAO,UACnB,KAAQ,EAAO,MACf,KAAW,EAAO,SAClB,KAAa,EAAO,WACpB,CACJ;AACJ;AAOA,SAAgB,EAAkB,GAAsC;CACpE,EAAM,eAAe;AACzB"}
+{"version":3,"file":"button-class.js","names":["styles","Button_module_default","buttonClassName","cn","variant","size","iconOnly","pill","loading","fullWidth","className","preventActivation"],"sources":["../../../src/components/Button/button-class.ts"],"sourcesContent":["import type { MouseEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Button.module.css\";\nimport type { ButtonBaseProps } from \"./types\";\n\n/**\n * The class list of a button-looking element, shared by `Button` and `ButtonSlot`\n * so the two can never drift apart.\n *\n * @param props - The look props.\n * @param className - The consumer's own class, appended last.\n * @returns The joined class string.\n */\nexport function buttonClassName(\n    {\n        variant = \"primary\",\n        size = \"md\",\n        loading = false,\n        fullWidth = false,\n        iconOnly = false,\n        pill = false,\n    }: ButtonBaseProps,\n    className: string | undefined,\n): string {\n    return cn(\n        styles.button,\n        styles[variant],\n        styles[size],\n        iconOnly && styles.iconOnly,\n        pill && styles.pill,\n        loading && styles.loading,\n        fullWidth && styles.fullWidth,\n        className,\n    );\n}\n\n/**\n * Click handler of a disabled link: cancels the navigation.\n *\n * @param event - The click or middle-click.\n */\nexport function preventActivation(event: MouseEvent<HTMLElement>): void {\n    event.preventDefault();\n}\n"],"mappings":";;;AAaA,SAAgBE,EACZ,EACI,aAAU,WACV,UAAO,MACP,aAAU,IACV,eAAY,IACZ,cAAW,IACX,UAAO,MAEX,GACM;CACN,OAAOC,EACHH,EAAO,QACPA,EAAOI,IACPJ,EAAOK,IACPC,KAAYN,EAAO,UACnBO,KAAQP,EAAO,MACfQ,KAAWR,EAAO,SAClBS,KAAaT,EAAO,WACpBU,CACJ;AACJ;AAOA,SAAgBC,EAAkB,GAAsC;CACpE,EAAM,eAAe;AACzB"}

package/dist/components/Button/link-rel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"link-rel.cjs","names":[],"sources":["../../../src/components/Button/link-rel.ts"],"sourcesContent":["/** Link relationships that `target=\"_blank\"` must carry. */\nconst BLANK_TARGET_REL: readonly string[] = [\"noopener\", \"noreferrer\"];\n\n/**\n * The `rel` to render for a link, adding `noopener noreferrer` to a new-tab link.\n *\n * A page opened with `target=\"_blank\"` and no `noopener` gets `window.opener` and\n * can redirect the tab that opened it. It is a mechanical rule with one right\n * answer, so it lives here instead of in a warning on the docs page. The tokens\n * the consumer passed are kept, and none is added twice (case-insensitively).\n *\n * @param target - The link's `target`.\n * @param rel - The `rel` the consumer passed, if any.\n * @returns The `rel` to render, or `undefined` when there is none.\n */\nexport function resolveLinkRel(\n    target: string | undefined,\n    rel: string | undefined,\n): string | undefined {\n    if (target !== \"_blank\") return rel;\n    const present = ` ${(rel ?? \"\").toLowerCase().replace(/\\s+/g, \" \")} `;\n    return [rel?.trim(), ...BLANK_TARGET_REL.filter((token) => !present.includes(` ${token} `))]\n        .filter(Boolean)\n        .join(\" \");\n}\n"],"mappings":"AACA,IAAM,EAAsC,CAAC,WAAY,YAAY,EAcrE,SAAgB,EACZ,EACA,EACkB,CAClB,GAAI,IAAW,SAAU,OAAO,EAChC,IAAM,EAAU,KAAK,GAAO,GAAA,CAAI,YAAY,CAAC,CAAC,QAAQ,OAAQ,GAAG,EAAE,GACnE,MAAO,CAAC,GAAK,KAAK,EAAG,GAAG,EAAiB,OAAQ,GAAU,CAAC,EAAQ,SAAS,IAAI,EAAM,EAAE,CAAC,CAAC,CAAC,CACvF,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,CACjB"}
+{"version":3,"file":"link-rel.cjs","names":["BLANK_TARGET_REL","resolveLinkRel","target","rel","present","token"],"sources":["../../../src/components/Button/link-rel.ts"],"sourcesContent":["/** Link relationships that `target=\"_blank\"` must carry. */\nconst BLANK_TARGET_REL: readonly string[] = [\"noopener\", \"noreferrer\"];\n\n/**\n * The `rel` to render for a link, adding `noopener noreferrer` to a new-tab link.\n *\n * A page opened with `target=\"_blank\"` and no `noopener` gets `window.opener` and\n * can redirect the tab that opened it. It is a mechanical rule with one right\n * answer, so it lives here instead of in a warning on the docs page. The tokens\n * the consumer passed are kept, and none is added twice (case-insensitively).\n *\n * @param target - The link's `target`.\n * @param rel - The `rel` the consumer passed, if any.\n * @returns The `rel` to render, or `undefined` when there is none.\n */\nexport function resolveLinkRel(\n    target: string | undefined,\n    rel: string | undefined,\n): string | undefined {\n    if (target !== \"_blank\") return rel;\n    const present = ` ${(rel ?? \"\").toLowerCase().replace(/\\s+/g, \" \")} `;\n    return [rel?.trim(), ...BLANK_TARGET_REL.filter((token) => !present.includes(` ${token} `))]\n        .filter(Boolean)\n        .join(\" \");\n}\n"],"mappings":"AACA,IAAMA,EAAsC,CAAC,WAAY,YAAY,EAcrE,SAAgBC,EACZ,EACA,EACkB,CAClB,GAAIC,IAAW,SAAU,OAAOC,EAChC,IAAMC,EAAU,KAAKD,GAAO,GAAA,CAAI,YAAY,CAAC,CAAC,QAAQ,OAAQ,GAAG,EAAE,GACnE,MAAO,CAACA,GAAK,KAAK,EAAG,GAAGH,EAAiB,OAAQ,GAAU,CAACI,EAAQ,SAAS,IAAIC,EAAM,EAAE,CAAC,CAAC,CAAC,CACvF,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,CACjB,C"}

package/dist/components/Button/link-rel.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-rel.js","names":[],"sources":["../../../src/components/Button/link-rel.ts"],"sourcesContent":["/** Link relationships that `target=\"_blank\"` must carry. */\nconst BLANK_TARGET_REL: readonly string[] = [\"noopener\", \"noreferrer\"];\n\n/**\n * The `rel` to render for a link, adding `noopener noreferrer` to a new-tab link.\n *\n * A page opened with `target=\"_blank\"` and no `noopener` gets `window.opener` and\n * can redirect the tab that opened it. It is a mechanical rule with one right\n * answer, so it lives here instead of in a warning on the docs page. The tokens\n * the consumer passed are kept, and none is added twice (case-insensitively).\n *\n * @param target - The link's `target`.\n * @param rel - The `rel` the consumer passed, if any.\n * @returns The `rel` to render, or `undefined` when there is none.\n */\nexport function resolveLinkRel(\n    target: string | undefined,\n    rel: string | undefined,\n): string | undefined {\n    if (target !== \"_blank\") return rel;\n    const present = ` ${(rel ?? \"\").toLowerCase().replace(/\\s+/g, \" \")} `;\n    return [rel?.trim(), ...BLANK_TARGET_REL.filter((token) => !present.includes(` ${token} `))]\n        .filter(Boolean)\n        .join(\" \");\n}\n"],"mappings":";AACA,IAAM,IAAsC,CAAC,YAAY,YAAY;AAcrE,SAAgB,EACZ,GACA,GACkB;CAClB,IAAI,MAAW,UAAU,OAAO;CAChC,IAAM,IAAU,KAAK,KAAO,GAAA,CAAI,YAAY,CAAC,CAAC,QAAQ,QAAQ,GAAG,EAAE;CACnE,OAAO,CAAC,GAAK,KAAK,GAAG,GAAG,EAAiB,QAAQ,MAAU,CAAC,EAAQ,SAAS,IAAI,EAAM,EAAE,CAAC,CAAC,CAAC,CACvF,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACjB"}
+{"version":3,"file":"link-rel.js","names":["BLANK_TARGET_REL","resolveLinkRel","target","rel","present","token"],"sources":["../../../src/components/Button/link-rel.ts"],"sourcesContent":["/** Link relationships that `target=\"_blank\"` must carry. */\nconst BLANK_TARGET_REL: readonly string[] = [\"noopener\", \"noreferrer\"];\n\n/**\n * The `rel` to render for a link, adding `noopener noreferrer` to a new-tab link.\n *\n * A page opened with `target=\"_blank\"` and no `noopener` gets `window.opener` and\n * can redirect the tab that opened it. It is a mechanical rule with one right\n * answer, so it lives here instead of in a warning on the docs page. The tokens\n * the consumer passed are kept, and none is added twice (case-insensitively).\n *\n * @param target - The link's `target`.\n * @param rel - The `rel` the consumer passed, if any.\n * @returns The `rel` to render, or `undefined` when there is none.\n */\nexport function resolveLinkRel(\n    target: string | undefined,\n    rel: string | undefined,\n): string | undefined {\n    if (target !== \"_blank\") return rel;\n    const present = ` ${(rel ?? \"\").toLowerCase().replace(/\\s+/g, \" \")} `;\n    return [rel?.trim(), ...BLANK_TARGET_REL.filter((token) => !present.includes(` ${token} `))]\n        .filter(Boolean)\n        .join(\" \");\n}\n"],"mappings":";AACA,IAAMA,IAAsC,CAAC,YAAY,YAAY;AAcrE,SAAgBC,EACZ,GACA,GACkB;CAClB,IAAIC,MAAW,UAAU,OAAOC;CAChC,IAAMC,IAAU,KAAKD,KAAO,GAAA,CAAI,YAAY,CAAC,CAAC,QAAQ,QAAQ,GAAG,EAAE;CACnE,OAAO,CAACA,GAAK,KAAK,GAAG,GAAGH,EAAiB,QAAQ,MAAU,CAACI,EAAQ,SAAS,IAAIC,EAAM,EAAE,CAAC,CAAC,CAAC,CACvF,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACjB"}

package/dist/components/Button/slot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slot.cjs","names":[],"sources":["../../../src/components/Button/slot.ts"],"sourcesContent":["import { cloneElement, isValidElement, useMemo, version } from \"react\";\nimport type { CSSProperties, ReactElement, ReactNode, Ref, RefCallback, RefObject } from \"react\";\nimport { cn } from \"@/utils/cn\";\n\n/** Props a slot hands to the element it renders through. */\nexport type SlotProps = Record<string, unknown> & {\n    className?: string;\n    style?: CSSProperties;\n};\n\n/**\n * Major version of the React running the page.\n *\n * React 19 moved an element's `ref` into `element.props.ref` and turned the old\n * `element.ref` into a getter that logs a deprecation warning; React 18 only has\n * `element.ref`. Reading the version once picks the right field without touching\n * the deprecated one.\n */\nconst REACT_MAJOR: number = Number.parseInt(version, 10);\n\n/**\n * Combine several refs into one callback ref, so a single DOM node reaches all of\n * them — the ref the consumer put on the child and the one forwarded to `Button`.\n *\n * @param refs - Callback refs, ref objects, `null` or `undefined`, in any mix.\n * @returns A callback ref that assigns the node to every ref it was given.\n */\nexport function composeRefs<T>(...refs: Array<Ref<T> | undefined>): RefCallback<T> {\n    return (node: T | null): void => {\n        for (const ref of refs) {\n            if (typeof ref === \"function\") ref(node);\n            else if (ref) (ref as RefObject<T | null>).current = node;\n        }\n    };\n}\n\n/**\n * Read the `ref` a React element was created with, on React 18 and 19 alike.\n *\n * @param element - The element whose ref is wanted.\n * @returns The element's ref, or `undefined` when it has none.\n */\nexport function getElementRef(element: ReactElement): Ref<unknown> | undefined {\n    if (REACT_MAJOR >= 19) return (element.props as { ref?: Ref<unknown> }).ref;\n    return (element as unknown as { ref?: Ref<unknown> }).ref;\n}\n\n/**\n * Join the slot's class with the child's, which may be a function of state.\n *\n * react-router's `NavLink` takes `className` as `({ isActive }) => string`.\n * Stringifying that would drop the active class, so a function stays a function\n * and gets the slot's class prepended to whatever it returns.\n *\n * @param slotClass - The slot's class string.\n * @param childClass - The child's `className`: a string, a function or absent.\n * @returns A string, or a function of the same shape as the child's.\n */\nfunction mergeClassName(slotClass: string | undefined, childClass: unknown): unknown {\n    if (typeof childClass === \"function\") {\n        return (...args: unknown[]): string =>\n            cn(slotClass, childClass(...args) as string | undefined);\n    }\n    return cn(slotClass, childClass as string | undefined);\n}\n\n/**\n * Merge the slot's props over the child's own props.\n *\n * The rules, and why each one is that way round:\n *\n * - **Plain props: the slot wins.** The slot is `ButtonSlot`, and the props it adds\n *   carry its invariants — `aria-disabled`, `tabIndex={-1}` and the click blocker\n *   of a disabled link. A child prop overriding them would make a disabled link\n *   navigate, which is the bug the props exist to prevent.\n * - **`className` is joined**, slot first, so the child keeps its own classes.\n *   A function `className` (react-router's `NavLink`) stays a function.\n * - **`style` is merged** when the slot sets one, slot keys over child keys, for\n *   the same reason as the plain props. Without a slot `style` the child's stays\n *   untouched, function or not.\n * - **Event handlers (`on[A-Z]…`) both run**: the slot's first, then the child's,\n *   unless the slot's handler called `preventDefault()`. That is what lets a\n *   disabled `ButtonSlot` stop a react-router `Link`: the `Link` runs the `onClick` it\n *   was given and then skips its own navigation when the event is already\n *   prevented.\n *\n * @param slotProps - Props the slot applies.\n * @param childProps - Props the child element was created with.\n * @returns The merged props for `cloneElement`.\n */\nexport function mergeSlotProps(\n    slotProps: SlotProps,\n    childProps: Record<string, unknown>,\n): Record<string, unknown> {\n    const merged: Record<string, unknown> = { ...childProps, ...slotProps };\n\n    for (const key of Object.keys(slotProps)) {\n        const slotValue = slotProps[key];\n        const childValue = childProps[key];\n        if (\n            /^on[A-Z]/.test(key) &&\n            typeof slotValue === \"function\" &&\n            typeof childValue === \"function\"\n        ) {\n            merged[key] = (event: { defaultPrevented?: boolean }): void => {\n                slotValue(event);\n                if (!event.defaultPrevented) childValue(event);\n            };\n        }\n    }\n\n    merged.className = mergeClassName(slotProps.className, childProps.className);\n    if (slotProps.style) {\n        merged.style = { ...(childProps.style as CSSProperties | undefined), ...slotProps.style };\n    }\n    return merged;\n}\n\n/** Props of {@link Slot}. */\nexport interface SlotComponentProps {\n    /** The single element the consumer passed as `children`. */\n    child: ReactNode;\n    /** Props to merge over the child's own (see {@link mergeSlotProps}). */\n    slotProps: SlotProps;\n    /** Ref forwarded to the slot, composed with the child's own ref. */\n    slotRef?: Ref<HTMLElement>;\n    /** What to render inside the child, in place of its children. */\n    content: ReactNode;\n}\n\n/**\n * Render `child` with the slot's props, ref and content — the `asChild` pattern behind `ButtonSlot`.\n *\n * Kept local to `Button` instead of taking `@radix-ui/react-slot`: the whole\n * mechanism is a prop merge and a ref composition, and a dependency for that\n * would put its version bounds on every consumer of the SDK.\n *\n * The composed ref is memoised on the two refs, so a re-render with the same refs\n * does not detach and re-attach them.\n *\n * @param props - See {@link SlotComponentProps}.\n * @returns The cloned element.\n * @throws {Error} When `child` is not a single React element.\n */\nexport function Slot({ child, slotProps, slotRef, content }: SlotComponentProps): ReactElement {\n    const childRef = isValidElement(child)\n        ? (getElementRef(child) as Ref<HTMLElement> | undefined)\n        : undefined;\n    const ref = useMemo(() => composeRefs(childRef, slotRef), [childRef, slotRef]);\n    if (!isValidElement(child)) {\n        throw new Error(\"ButtonSlot expects exactly one React element as its child.\");\n    }\n    const merged = mergeSlotProps(slotProps, child.props as Record<string, unknown>);\n    merged.ref = ref;\n    return cloneElement(child, merged, content);\n}\n"],"mappings":"6DAkBA,IAAM,EAAsB,OAAO,SAAS,EAAA,QAAS,EAAE,EASvD,SAAgB,EAAe,GAAG,EAAiD,CAC/E,MAAQ,IAAyB,CAC7B,IAAK,IAAM,KAAO,EACV,OAAO,GAAQ,WAAY,EAAI,CAAI,EAC9B,IAAK,EAA6B,QAAU,EAE7D,CACJ,CAQA,SAAgB,EAAc,EAAiD,CAE3E,OADI,GAAe,GAAY,EAAQ,MAAiC,IAChE,EAA8C,GAC1D,CAaA,SAAS,EAAe,EAA+B,EAA8B,CAKjF,OAJI,OAAO,GAAe,YACd,GAAG,IACP,EAAA,GAAG,EAAW,EAAW,GAAG,CAAI,CAAuB,EAExD,EAAA,GAAG,EAAW,CAAgC,CACzD,CA0BA,SAAgB,EACZ,EACA,EACuB,CACvB,IAAM,EAAkC,CAAE,GAAG,EAAY,GAAG,CAAU,EAEtE,IAAK,IAAM,KAAO,OAAO,KAAK,CAAS,EAAG,CACtC,IAAM,EAAY,EAAU,GACtB,EAAa,EAAW,GAE1B,WAAW,KAAK,CAAG,GACnB,OAAO,GAAc,YACrB,OAAO,GAAe,aAEtB,EAAO,GAAQ,GAAgD,CAC3D,EAAU,CAAK,EACV,EAAM,kBAAkB,EAAW,CAAK,CACjD,EAER,CAMA,MAJA,GAAO,UAAY,EAAe,EAAU,UAAW,EAAW,SAAS,EACvE,EAAU,QACV,EAAO,MAAQ,CAAE,GAAI,EAAW,MAAqC,GAAG,EAAU,KAAM,GAErF,CACX,CA4BA,SAAgB,EAAK,CAAE,QAAO,YAAW,UAAS,WAA6C,CAC3F,IAAM,GAAA,EAAW,EAAA,eAAA,CAAe,CAAK,EAC9B,EAAc,CAAK,EACpB,IAAA,GACA,GAAA,EAAM,EAAA,QAAA,KAAc,EAAY,EAAU,CAAO,EAAG,CAAC,EAAU,CAAO,CAAC,EAC7E,GAAI,EAAA,EAAC,EAAA,eAAA,CAAe,CAAK,EACrB,MAAU,MAAM,4DAA4D,EAEhF,IAAM,EAAS,EAAe,EAAW,EAAM,KAAgC,EAE/E,MADA,GAAO,IAAM,GACb,EAAO,EAAA,aAAA,CAAa,EAAO,EAAQ,CAAO,CAC9C"}
+{"version":3,"file":"slot.cjs","names":["version","cn","isValidElement","useMemo","cloneElement","require_cn","react","REACT_MAJOR","composeRefs","refs","ref","node","getElementRef","element","mergeClassName","childClass","args","slotClass","mergeSlotProps","merged","childProps","slotProps","key","slotValue","childValue","event","Slot","childRef","child","slotRef","content"],"sources":["../../../src/components/Button/slot.ts"],"sourcesContent":["import { cloneElement, isValidElement, useMemo, version } from \"react\";\nimport type { CSSProperties, ReactElement, ReactNode, Ref, RefCallback, RefObject } from \"react\";\nimport { cn } from \"@/utils/cn\";\n\n/** Props a slot hands to the element it renders through. */\nexport type SlotProps = Record<string, unknown> & {\n    className?: string;\n    style?: CSSProperties;\n};\n\n/**\n * Major version of the React running the page.\n *\n * React 19 moved an element's `ref` into `element.props.ref` and turned the old\n * `element.ref` into a getter that logs a deprecation warning; React 18 only has\n * `element.ref`. Reading the version once picks the right field without touching\n * the deprecated one.\n */\nconst REACT_MAJOR: number = Number.parseInt(version, 10);\n\n/**\n * Combine several refs into one callback ref, so a single DOM node reaches all of\n * them — the ref the consumer put on the child and the one forwarded to `Button`.\n *\n * @param refs - Callback refs, ref objects, `null` or `undefined`, in any mix.\n * @returns A callback ref that assigns the node to every ref it was given.\n */\nexport function composeRefs<T>(...refs: Array<Ref<T> | undefined>): RefCallback<T> {\n    return (node: T | null): void => {\n        for (const ref of refs) {\n            if (typeof ref === \"function\") ref(node);\n            else if (ref) (ref as RefObject<T | null>).current = node;\n        }\n    };\n}\n\n/**\n * Read the `ref` a React element was created with, on React 18 and 19 alike.\n *\n * @param element - The element whose ref is wanted.\n * @returns The element's ref, or `undefined` when it has none.\n */\nexport function getElementRef(element: ReactElement): Ref<unknown> | undefined {\n    if (REACT_MAJOR >= 19) return (element.props as { ref?: Ref<unknown> }).ref;\n    return (element as unknown as { ref?: Ref<unknown> }).ref;\n}\n\n/**\n * Join the slot's class with the child's, which may be a function of state.\n *\n * react-router's `NavLink` takes `className` as `({ isActive }) => string`.\n * Stringifying that would drop the active class, so a function stays a function\n * and gets the slot's class prepended to whatever it returns.\n *\n * @param slotClass - The slot's class string.\n * @param childClass - The child's `className`: a string, a function or absent.\n * @returns A string, or a function of the same shape as the child's.\n */\nfunction mergeClassName(slotClass: string | undefined, childClass: unknown): unknown {\n    if (typeof childClass === \"function\") {\n        return (...args: unknown[]): string =>\n            cn(slotClass, childClass(...args) as string | undefined);\n    }\n    return cn(slotClass, childClass as string | undefined);\n}\n\n/**\n * Merge the slot's props over the child's own props.\n *\n * The rules, and why each one is that way round:\n *\n * - **Plain props: the slot wins.** The slot is `ButtonSlot`, and the props it adds\n *   carry its invariants — `aria-disabled`, `tabIndex={-1}` and the click blocker\n *   of a disabled link. A child prop overriding them would make a disabled link\n *   navigate, which is the bug the props exist to prevent.\n * - **`className` is joined**, slot first, so the child keeps its own classes.\n *   A function `className` (react-router's `NavLink`) stays a function.\n * - **`style` is merged** when the slot sets one, slot keys over child keys, for\n *   the same reason as the plain props. Without a slot `style` the child's stays\n *   untouched, function or not.\n * - **Event handlers (`on[A-Z]…`) both run**: the slot's first, then the child's,\n *   unless the slot's handler called `preventDefault()`. That is what lets a\n *   disabled `ButtonSlot` stop a react-router `Link`: the `Link` runs the `onClick` it\n *   was given and then skips its own navigation when the event is already\n *   prevented.\n *\n * @param slotProps - Props the slot applies.\n * @param childProps - Props the child element was created with.\n * @returns The merged props for `cloneElement`.\n */\nexport function mergeSlotProps(\n    slotProps: SlotProps,\n    childProps: Record<string, unknown>,\n): Record<string, unknown> {\n    const merged: Record<string, unknown> = { ...childProps, ...slotProps };\n\n    for (const key of Object.keys(slotProps)) {\n        const slotValue = slotProps[key];\n        const childValue = childProps[key];\n        if (\n            /^on[A-Z]/.test(key) &&\n            typeof slotValue === \"function\" &&\n            typeof childValue === \"function\"\n        ) {\n            merged[key] = (event: { defaultPrevented?: boolean }): void => {\n                slotValue(event);\n                if (!event.defaultPrevented) childValue(event);\n            };\n        }\n    }\n\n    merged.className = mergeClassName(slotProps.className, childProps.className);\n    if (slotProps.style) {\n        merged.style = { ...(childProps.style as CSSProperties | undefined), ...slotProps.style };\n    }\n    return merged;\n}\n\n/** Props of {@link Slot}. */\nexport interface SlotComponentProps {\n    /** The single element the consumer passed as `children`. */\n    child: ReactNode;\n    /** Props to merge over the child's own (see {@link mergeSlotProps}). */\n    slotProps: SlotProps;\n    /** Ref forwarded to the slot, composed with the child's own ref. */\n    slotRef?: Ref<HTMLElement>;\n    /** What to render inside the child, in place of its children. */\n    content: ReactNode;\n}\n\n/**\n * Render `child` with the slot's props, ref and content — the `asChild` pattern behind `ButtonSlot`.\n *\n * Kept local to `Button` instead of taking `@radix-ui/react-slot`: the whole\n * mechanism is a prop merge and a ref composition, and a dependency for that\n * would put its version bounds on every consumer of the SDK.\n *\n * The composed ref is memoised on the two refs, so a re-render with the same refs\n * does not detach and re-attach them.\n *\n * @param props - See {@link SlotComponentProps}.\n * @returns The cloned element.\n * @throws {Error} When `child` is not a single React element.\n */\nexport function Slot({ child, slotProps, slotRef, content }: SlotComponentProps): ReactElement {\n    const childRef = isValidElement(child)\n        ? (getElementRef(child) as Ref<HTMLElement> | undefined)\n        : undefined;\n    const ref = useMemo(() => composeRefs(childRef, slotRef), [childRef, slotRef]);\n    if (!isValidElement(child)) {\n        throw new Error(\"ButtonSlot expects exactly one React element as its child.\");\n    }\n    const merged = mergeSlotProps(slotProps, child.props as Record<string, unknown>);\n    merged.ref = ref;\n    return cloneElement(child, merged, content);\n}\n"],"mappings":"A,6DAkBA,IAAMO,EAAsB,OAAO,SAASP,EAAAA,QAAS,EAAE,EASvD,SAAgBQ,EAAe,GAAGC,EAAiD,CAC/E,MAAQ,IAAyB,CAC7B,IAAK,IAAMC,KAAOD,EACV,OAAOC,GAAQ,WAAYA,EAAIC,CAAI,EAC9BD,IAAK,EAA6B,QAAUC,EAE7D,CACJ,CAQA,SAAgBC,EAAc,EAAiD,CAE3E,OADIL,GAAe,GAAYM,EAAQ,MAAiC,IAChEA,EAA8C,GAC1D,CAaA,SAASC,EAAe,EAA+B,EAA8B,CAKjF,OAJI,OAAOC,GAAe,YACd,GAAGC,IACPf,EAAAA,GAAGgB,EAAWF,EAAW,GAAGC,CAAI,CAAuB,EAExDf,EAAAA,GAAGgB,EAAWF,CAAgC,CACzD,CA0BA,SAAgBG,EACZ,EACA,EACuB,CACvB,IAAMC,EAAkC,CAAE,GAAGC,EAAY,GAAGC,CAAU,EAEtE,IAAK,IAAMC,KAAO,OAAO,KAAKD,CAAS,EAAG,CACtC,IAAME,EAAYF,EAAUC,GACtBE,EAAaJ,EAAWE,GAE1B,WAAW,KAAKA,CAAG,GACnB,OAAOC,GAAc,YACrB,OAAOC,GAAe,aAEtB,EAAOF,GAAQ,GAAgD,CAC3DC,EAAUE,CAAK,EACVA,EAAM,kBAAkBD,EAAWC,CAAK,CACjD,EAER,CAMA,MAJA,GAAO,UAAYX,EAAeO,EAAU,UAAWD,EAAW,SAAS,EACvEC,EAAU,QACV,EAAO,MAAQ,CAAE,GAAID,EAAW,MAAqC,GAAGC,EAAU,KAAM,GAErFF,CACX,CA4BA,SAAgBO,EAAK,CAAE,QAAO,YAAW,UAAS,WAA6C,CAC3F,IAAMC,GAAA,EAAWzB,EAAAA,eAAAA,CAAe0B,CAAK,EAC9BhB,EAAcgB,CAAK,EACpB,IAAA,GACAlB,GAAA,EAAMP,EAAAA,QAAAA,KAAcK,EAAYmB,EAAUE,CAAO,EAAG,CAACF,EAAUE,CAAO,CAAC,EAC7E,GAAI,EAAA,EAAC3B,EAAAA,eAAAA,CAAe0B,CAAK,EACrB,MAAU,MAAM,4DAA4D,EAEhF,IAAMT,EAASD,EAAeG,EAAWO,EAAM,KAAgC,EAE/E,MADA,GAAO,IAAMlB,GACb,EAAON,EAAAA,aAAAA,CAAawB,EAAOT,EAAQW,CAAO,CAC9C,C"}

package/dist/components/Button/slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot.js","names":[],"sources":["../../../src/components/Button/slot.ts"],"sourcesContent":["import { cloneElement, isValidElement, useMemo, version } from \"react\";\nimport type { CSSProperties, ReactElement, ReactNode, Ref, RefCallback, RefObject } from \"react\";\nimport { cn } from \"@/utils/cn\";\n\n/** Props a slot hands to the element it renders through. */\nexport type SlotProps = Record<string, unknown> & {\n    className?: string;\n    style?: CSSProperties;\n};\n\n/**\n * Major version of the React running the page.\n *\n * React 19 moved an element's `ref` into `element.props.ref` and turned the old\n * `element.ref` into a getter that logs a deprecation warning; React 18 only has\n * `element.ref`. Reading the version once picks the right field without touching\n * the deprecated one.\n */\nconst REACT_MAJOR: number = Number.parseInt(version, 10);\n\n/**\n * Combine several refs into one callback ref, so a single DOM node reaches all of\n * them — the ref the consumer put on the child and the one forwarded to `Button`.\n *\n * @param refs - Callback refs, ref objects, `null` or `undefined`, in any mix.\n * @returns A callback ref that assigns the node to every ref it was given.\n */\nexport function composeRefs<T>(...refs: Array<Ref<T> | undefined>): RefCallback<T> {\n    return (node: T | null): void => {\n        for (const ref of refs) {\n            if (typeof ref === \"function\") ref(node);\n            else if (ref) (ref as RefObject<T | null>).current = node;\n        }\n    };\n}\n\n/**\n * Read the `ref` a React element was created with, on React 18 and 19 alike.\n *\n * @param element - The element whose ref is wanted.\n * @returns The element's ref, or `undefined` when it has none.\n */\nexport function getElementRef(element: ReactElement): Ref<unknown> | undefined {\n    if (REACT_MAJOR >= 19) return (element.props as { ref?: Ref<unknown> }).ref;\n    return (element as unknown as { ref?: Ref<unknown> }).ref;\n}\n\n/**\n * Join the slot's class with the child's, which may be a function of state.\n *\n * react-router's `NavLink` takes `className` as `({ isActive }) => string`.\n * Stringifying that would drop the active class, so a function stays a function\n * and gets the slot's class prepended to whatever it returns.\n *\n * @param slotClass - The slot's class string.\n * @param childClass - The child's `className`: a string, a function or absent.\n * @returns A string, or a function of the same shape as the child's.\n */\nfunction mergeClassName(slotClass: string | undefined, childClass: unknown): unknown {\n    if (typeof childClass === \"function\") {\n        return (...args: unknown[]): string =>\n            cn(slotClass, childClass(...args) as string | undefined);\n    }\n    return cn(slotClass, childClass as string | undefined);\n}\n\n/**\n * Merge the slot's props over the child's own props.\n *\n * The rules, and why each one is that way round:\n *\n * - **Plain props: the slot wins.** The slot is `ButtonSlot`, and the props it adds\n *   carry its invariants — `aria-disabled`, `tabIndex={-1}` and the click blocker\n *   of a disabled link. A child prop overriding them would make a disabled link\n *   navigate, which is the bug the props exist to prevent.\n * - **`className` is joined**, slot first, so the child keeps its own classes.\n *   A function `className` (react-router's `NavLink`) stays a function.\n * - **`style` is merged** when the slot sets one, slot keys over child keys, for\n *   the same reason as the plain props. Without a slot `style` the child's stays\n *   untouched, function or not.\n * - **Event handlers (`on[A-Z]…`) both run**: the slot's first, then the child's,\n *   unless the slot's handler called `preventDefault()`. That is what lets a\n *   disabled `ButtonSlot` stop a react-router `Link`: the `Link` runs the `onClick` it\n *   was given and then skips its own navigation when the event is already\n *   prevented.\n *\n * @param slotProps - Props the slot applies.\n * @param childProps - Props the child element was created with.\n * @returns The merged props for `cloneElement`.\n */\nexport function mergeSlotProps(\n    slotProps: SlotProps,\n    childProps: Record<string, unknown>,\n): Record<string, unknown> {\n    const merged: Record<string, unknown> = { ...childProps, ...slotProps };\n\n    for (const key of Object.keys(slotProps)) {\n        const slotValue = slotProps[key];\n        const childValue = childProps[key];\n        if (\n            /^on[A-Z]/.test(key) &&\n            typeof slotValue === \"function\" &&\n            typeof childValue === \"function\"\n        ) {\n            merged[key] = (event: { defaultPrevented?: boolean }): void => {\n                slotValue(event);\n                if (!event.defaultPrevented) childValue(event);\n            };\n        }\n    }\n\n    merged.className = mergeClassName(slotProps.className, childProps.className);\n    if (slotProps.style) {\n        merged.style = { ...(childProps.style as CSSProperties | undefined), ...slotProps.style };\n    }\n    return merged;\n}\n\n/** Props of {@link Slot}. */\nexport interface SlotComponentProps {\n    /** The single element the consumer passed as `children`. */\n    child: ReactNode;\n    /** Props to merge over the child's own (see {@link mergeSlotProps}). */\n    slotProps: SlotProps;\n    /** Ref forwarded to the slot, composed with the child's own ref. */\n    slotRef?: Ref<HTMLElement>;\n    /** What to render inside the child, in place of its children. */\n    content: ReactNode;\n}\n\n/**\n * Render `child` with the slot's props, ref and content — the `asChild` pattern behind `ButtonSlot`.\n *\n * Kept local to `Button` instead of taking `@radix-ui/react-slot`: the whole\n * mechanism is a prop merge and a ref composition, and a dependency for that\n * would put its version bounds on every consumer of the SDK.\n *\n * The composed ref is memoised on the two refs, so a re-render with the same refs\n * does not detach and re-attach them.\n *\n * @param props - See {@link SlotComponentProps}.\n * @returns The cloned element.\n * @throws {Error} When `child` is not a single React element.\n */\nexport function Slot({ child, slotProps, slotRef, content }: SlotComponentProps): ReactElement {\n    const childRef = isValidElement(child)\n        ? (getElementRef(child) as Ref<HTMLElement> | undefined)\n        : undefined;\n    const ref = useMemo(() => composeRefs(childRef, slotRef), [childRef, slotRef]);\n    if (!isValidElement(child)) {\n        throw new Error(\"ButtonSlot expects exactly one React element as its child.\");\n    }\n    const merged = mergeSlotProps(slotProps, child.props as Record<string, unknown>);\n    merged.ref = ref;\n    return cloneElement(child, merged, content);\n}\n"],"mappings":";;;AAkBA,IAAM,IAAsB,OAAO,SAAS,GAAS,EAAE;AASvD,SAAgB,EAAe,GAAG,GAAiD;CAC/E,QAAQ,MAAyB;EAC7B,KAAK,IAAM,KAAO,GACd,AAAI,OAAO,KAAQ,aAAY,EAAI,CAAI,IAC9B,MAAK,EAA6B,UAAU;CAE7D;AACJ;AAQA,SAAgB,EAAc,GAAiD;CAE3E,OADI,KAAe,KAAY,EAAQ,MAAiC,MAChE,EAA8C;AAC1D;AAaA,SAAS,EAAe,GAA+B,GAA8B;CAKjF,OAJI,OAAO,KAAe,cACd,GAAG,MACP,EAAG,GAAW,EAAW,GAAG,CAAI,CAAuB,IAExD,EAAG,GAAW,CAAgC;AACzD;AA0BA,SAAgB,EACZ,GACA,GACuB;CACvB,IAAM,IAAkC;EAAE,GAAG;EAAY,GAAG;CAAU;CAEtE,KAAK,IAAM,KAAO,OAAO,KAAK,CAAS,GAAG;EACtC,IAAM,IAAY,EAAU,IACtB,IAAa,EAAW;EAC9B,AACI,WAAW,KAAK,CAAG,KACnB,OAAO,KAAc,cACrB,OAAO,KAAe,eAEtB,EAAO,MAAQ,MAAgD;GAE3D,AADA,EAAU,CAAK,GACV,EAAM,oBAAkB,EAAW,CAAK;EACjD;CAER;CAMA,OAJA,EAAO,YAAY,EAAe,EAAU,WAAW,EAAW,SAAS,GACvE,EAAU,UACV,EAAO,QAAQ;EAAE,GAAI,EAAW;EAAqC,GAAG,EAAU;CAAM,IAErF;AACX;AA4BA,SAAgB,EAAK,EAAE,UAAO,cAAW,YAAS,cAA6C;CAC3F,IAAM,IAAW,EAAe,CAAK,IAC9B,EAAc,CAAK,IACpB,KAAA,GACA,IAAM,QAAc,EAAY,GAAU,CAAO,GAAG,CAAC,GAAU,CAAO,CAAC;CAC7E,IAAI,CAAC,EAAe,CAAK,GACrB,MAAU,MAAM,4DAA4D;CAEhF,IAAM,IAAS,EAAe,GAAW,EAAM,KAAgC;CAE/E,OADA,EAAO,MAAM,GACN,EAAa,GAAO,GAAQ,CAAO;AAC9C"}
+{"version":3,"file":"slot.js","names":["REACT_MAJOR","version","composeRefs","refs","ref","node","getElementRef","element","mergeClassName","childClass","args","cn","slotClass","mergeSlotProps","merged","childProps","slotProps","key","slotValue","childValue","event","Slot","childRef","isValidElement","child","useMemo","slotRef","cloneElement","content"],"sources":["../../../src/components/Button/slot.ts"],"sourcesContent":["import { cloneElement, isValidElement, useMemo, version } from \"react\";\nimport type { CSSProperties, ReactElement, ReactNode, Ref, RefCallback, RefObject } from \"react\";\nimport { cn } from \"@/utils/cn\";\n\n/** Props a slot hands to the element it renders through. */\nexport type SlotProps = Record<string, unknown> & {\n    className?: string;\n    style?: CSSProperties;\n};\n\n/**\n * Major version of the React running the page.\n *\n * React 19 moved an element's `ref` into `element.props.ref` and turned the old\n * `element.ref` into a getter that logs a deprecation warning; React 18 only has\n * `element.ref`. Reading the version once picks the right field without touching\n * the deprecated one.\n */\nconst REACT_MAJOR: number = Number.parseInt(version, 10);\n\n/**\n * Combine several refs into one callback ref, so a single DOM node reaches all of\n * them — the ref the consumer put on the child and the one forwarded to `Button`.\n *\n * @param refs - Callback refs, ref objects, `null` or `undefined`, in any mix.\n * @returns A callback ref that assigns the node to every ref it was given.\n */\nexport function composeRefs<T>(...refs: Array<Ref<T> | undefined>): RefCallback<T> {\n    return (node: T | null): void => {\n        for (const ref of refs) {\n            if (typeof ref === \"function\") ref(node);\n            else if (ref) (ref as RefObject<T | null>).current = node;\n        }\n    };\n}\n\n/**\n * Read the `ref` a React element was created with, on React 18 and 19 alike.\n *\n * @param element - The element whose ref is wanted.\n * @returns The element's ref, or `undefined` when it has none.\n */\nexport function getElementRef(element: ReactElement): Ref<unknown> | undefined {\n    if (REACT_MAJOR >= 19) return (element.props as { ref?: Ref<unknown> }).ref;\n    return (element as unknown as { ref?: Ref<unknown> }).ref;\n}\n\n/**\n * Join the slot's class with the child's, which may be a function of state.\n *\n * react-router's `NavLink` takes `className` as `({ isActive }) => string`.\n * Stringifying that would drop the active class, so a function stays a function\n * and gets the slot's class prepended to whatever it returns.\n *\n * @param slotClass - The slot's class string.\n * @param childClass - The child's `className`: a string, a function or absent.\n * @returns A string, or a function of the same shape as the child's.\n */\nfunction mergeClassName(slotClass: string | undefined, childClass: unknown): unknown {\n    if (typeof childClass === \"function\") {\n        return (...args: unknown[]): string =>\n            cn(slotClass, childClass(...args) as string | undefined);\n    }\n    return cn(slotClass, childClass as string | undefined);\n}\n\n/**\n * Merge the slot's props over the child's own props.\n *\n * The rules, and why each one is that way round:\n *\n * - **Plain props: the slot wins.** The slot is `ButtonSlot`, and the props it adds\n *   carry its invariants — `aria-disabled`, `tabIndex={-1}` and the click blocker\n *   of a disabled link. A child prop overriding them would make a disabled link\n *   navigate, which is the bug the props exist to prevent.\n * - **`className` is joined**, slot first, so the child keeps its own classes.\n *   A function `className` (react-router's `NavLink`) stays a function.\n * - **`style` is merged** when the slot sets one, slot keys over child keys, for\n *   the same reason as the plain props. Without a slot `style` the child's stays\n *   untouched, function or not.\n * - **Event handlers (`on[A-Z]…`) both run**: the slot's first, then the child's,\n *   unless the slot's handler called `preventDefault()`. That is what lets a\n *   disabled `ButtonSlot` stop a react-router `Link`: the `Link` runs the `onClick` it\n *   was given and then skips its own navigation when the event is already\n *   prevented.\n *\n * @param slotProps - Props the slot applies.\n * @param childProps - Props the child element was created with.\n * @returns The merged props for `cloneElement`.\n */\nexport function mergeSlotProps(\n    slotProps: SlotProps,\n    childProps: Record<string, unknown>,\n): Record<string, unknown> {\n    const merged: Record<string, unknown> = { ...childProps, ...slotProps };\n\n    for (const key of Object.keys(slotProps)) {\n        const slotValue = slotProps[key];\n        const childValue = childProps[key];\n        if (\n            /^on[A-Z]/.test(key) &&\n            typeof slotValue === \"function\" &&\n            typeof childValue === \"function\"\n        ) {\n            merged[key] = (event: { defaultPrevented?: boolean }): void => {\n                slotValue(event);\n                if (!event.defaultPrevented) childValue(event);\n            };\n        }\n    }\n\n    merged.className = mergeClassName(slotProps.className, childProps.className);\n    if (slotProps.style) {\n        merged.style = { ...(childProps.style as CSSProperties | undefined), ...slotProps.style };\n    }\n    return merged;\n}\n\n/** Props of {@link Slot}. */\nexport interface SlotComponentProps {\n    /** The single element the consumer passed as `children`. */\n    child: ReactNode;\n    /** Props to merge over the child's own (see {@link mergeSlotProps}). */\n    slotProps: SlotProps;\n    /** Ref forwarded to the slot, composed with the child's own ref. */\n    slotRef?: Ref<HTMLElement>;\n    /** What to render inside the child, in place of its children. */\n    content: ReactNode;\n}\n\n/**\n * Render `child` with the slot's props, ref and content — the `asChild` pattern behind `ButtonSlot`.\n *\n * Kept local to `Button` instead of taking `@radix-ui/react-slot`: the whole\n * mechanism is a prop merge and a ref composition, and a dependency for that\n * would put its version bounds on every consumer of the SDK.\n *\n * The composed ref is memoised on the two refs, so a re-render with the same refs\n * does not detach and re-attach them.\n *\n * @param props - See {@link SlotComponentProps}.\n * @returns The cloned element.\n * @throws {Error} When `child` is not a single React element.\n */\nexport function Slot({ child, slotProps, slotRef, content }: SlotComponentProps): ReactElement {\n    const childRef = isValidElement(child)\n        ? (getElementRef(child) as Ref<HTMLElement> | undefined)\n        : undefined;\n    const ref = useMemo(() => composeRefs(childRef, slotRef), [childRef, slotRef]);\n    if (!isValidElement(child)) {\n        throw new Error(\"ButtonSlot expects exactly one React element as its child.\");\n    }\n    const merged = mergeSlotProps(slotProps, child.props as Record<string, unknown>);\n    merged.ref = ref;\n    return cloneElement(child, merged, content);\n}\n"],"mappings":";;;AAkBA,IAAMA,IAAsB,OAAO,SAASC,GAAS,EAAE;AASvD,SAAgBC,EAAe,GAAGC,GAAiD;CAC/E,QAAQ,MAAyB;EAC7B,KAAK,IAAMC,KAAOD,GACd,AAAI,OAAOC,KAAQ,aAAYA,EAAIC,CAAI,IAC9BD,MAAK,EAA6B,UAAUC;CAE7D;AACJ;AAQA,SAAgBC,EAAc,GAAiD;CAE3E,OADIN,KAAe,KAAYO,EAAQ,MAAiC,MAChEA,EAA8C;AAC1D;AAaA,SAASC,EAAe,GAA+B,GAA8B;CAKjF,OAJI,OAAOC,KAAe,cACd,GAAGC,MACPC,EAAGC,GAAWH,EAAW,GAAGC,CAAI,CAAuB,IAExDC,EAAGC,GAAWH,CAAgC;AACzD;AA0BA,SAAgBI,EACZ,GACA,GACuB;CACvB,IAAMC,IAAkC;EAAE,GAAGC;EAAY,GAAGC;CAAU;CAEtE,KAAK,IAAMC,KAAO,OAAO,KAAKD,CAAS,GAAG;EACtC,IAAME,IAAYF,EAAUC,IACtBE,IAAaJ,EAAWE;EAC9B,AACI,WAAW,KAAKA,CAAG,KACnB,OAAOC,KAAc,cACrB,OAAOC,KAAe,eAEtB,EAAOF,MAAQ,MAAgD;GAE3D,AADAC,EAAUE,CAAK,GACVA,EAAM,oBAAkBD,EAAWC,CAAK;EACjD;CAER;CAMA,OAJA,EAAO,YAAYZ,EAAeQ,EAAU,WAAWD,EAAW,SAAS,GACvEC,EAAU,UACV,EAAO,QAAQ;EAAE,GAAID,EAAW;EAAqC,GAAGC,EAAU;CAAM,IAErFF;AACX;AA4BA,SAAgBO,EAAK,EAAE,UAAO,cAAW,YAAS,cAA6C;CAC3F,IAAMC,IAAWC,EAAeC,CAAK,IAC9BlB,EAAckB,CAAK,IACpB,KAAA,GACApB,IAAMqB,QAAcvB,EAAYoB,GAAUI,CAAO,GAAG,CAACJ,GAAUI,CAAO,CAAC;CAC7E,IAAI,CAACH,EAAeC,CAAK,GACrB,MAAU,MAAM,4DAA4D;CAEhF,IAAMV,IAASD,EAAeG,GAAWQ,EAAM,KAAgC;CAE/E,OADA,EAAO,MAAMpB,GACNuB,EAAaH,GAAOV,GAAQc,CAAO;AAC9C"}

package/dist/components/Calendar/Calendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.cjs","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — a date grid is\n * controlled two ways at once — the selected day (value, defaultValue, onChange) and\n * the visible month (month, onMonthChange) — inside the bounds (minDate, maxDate,\n * weekStartsOn). The body builds the grid and owns roving focus and keyboard\n * navigation, which read the same cursor date.\n */\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Calendar.module.css\";\n\nexport type WeekStart = 0 | 1;\n\nexport interface CalendarProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected date. */\n    value?: Date;\n    /** Initial selected date for the uncontrolled case. */\n    defaultValue?: Date;\n    /** Called with the newly selected date. */\n    onChange?: (date: Date) => void;\n    /** Controlled visible month (any day within it). */\n    month?: Date;\n    /** Called when the visible month changes (prev/next). */\n    onMonthChange?: (month: Date) => void;\n    /** Earliest selectable date (inclusive). */\n    minDate?: Date;\n    /** Latest selectable date (inclusive). */\n    maxDate?: Date;\n    /** First column of the week — `0` Sunday (default) or `1` Monday. */\n    weekStartsOn?: WeekStart;\n}\n\nconst WEEKDAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTH_LABELS = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n];\n\nconst DAYS_IN_GRID = 42;\n\n/**\n * Build a `Date` at midnight local time for the given year/month/day.\n *\n * @param year - Full year.\n * @param month - Zero-based month index.\n * @param day - Day of the month.\n * @returns A normalized `Date`.\n */\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\n/**\n * Strip the time portion so two dates can be compared by calendar day.\n *\n * @param date - The date to normalize.\n * @returns A new `Date` at local midnight.\n */\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\n/**\n * Whether two dates fall on the same calendar day.\n *\n * @param a - First date.\n * @param b - Second date.\n * @returns `true` when year, month and day match.\n */\nfunction isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\n/**\n * Whether a date is outside the inclusive `[minDate, maxDate]` window.\n *\n * @param date - The candidate day.\n * @param minDate - Optional lower bound.\n * @param maxDate - Optional upper bound.\n * @returns `true` when the date is disabled.\n */\nfunction isOutOfRange(date: Date, minDate?: Date, maxDate?: Date): boolean {\n    const day = startOfDay(date).getTime();\n    if (minDate && day < startOfDay(minDate).getTime()) return true;\n    if (maxDate && day > startOfDay(maxDate).getTime()) return true;\n    return false;\n}\n\n/**\n * Compute the 42-cell (6x7) grid of dates covering the given month, padded with\n * leading/trailing days from the adjacent months.\n *\n * @param month - Any date within the target month.\n * @param weekStartsOn - First column of the week.\n * @returns An array of 42 `Date` objects.\n */\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstOfMonth = makeDate(year, monthIndex, 1);\n    const firstWeekday = firstOfMonth.getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n\n    const cells: Date[] = [];\n    for (let i = 0; i < DAYS_IN_GRID; i += 1) {\n        cells.push(makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i));\n    }\n    return cells;\n}\n\n/**\n * Standalone month-grid date picker. Renders a header with the month/year and\n * prev/next buttons, a weekday row, and a 6x7 grid of day buttons. Selection and\n * the visible month can each be controlled or uncontrolled. Grid arithmetic uses\n * plain `Date` math — no external date libraries.\n *\n * Keyboard: arrow keys move focus by day (left/right) or week (up/down), and\n * Enter/Space selects the focused day.\n */\nexport function Calendar({\n    value,\n    defaultValue,\n    onChange,\n    month,\n    onMonthChange,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: CalendarProps) {\n    const isSelectionControlled = value !== undefined;\n    const [internalSelected, setInternalSelected] = useState<Date | undefined>(defaultValue);\n    const selected = isSelectionControlled ? value : internalSelected;\n\n    const isMonthControlled = month !== undefined;\n    const [internalMonth, setInternalMonth] = useState<Date>(() => {\n        const base = month ?? value ?? defaultValue ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const visibleMonth = isMonthControlled\n        ? makeDate(month.getFullYear(), month.getMonth(), 1)\n        : internalMonth;\n\n    const [focusedDay, setFocusedDay] = useState<number | null>(null);\n    const gridRef = useRef<HTMLDivElement | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const cells = useMemo(\n        () => buildGrid(visibleMonth, weekStartsOn),\n        [visibleMonth, weekStartsOn],\n    );\n\n    const weekdayLabels = useMemo(() => {\n        return Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]);\n    }, [weekStartsOn]);\n\n    const changeMonth = useCallback(\n        (offset: number): void => {\n            const next = makeDate(visibleMonth.getFullYear(), visibleMonth.getMonth() + offset, 1);\n            if (onMonthChange) onMonthChange(next);\n            if (!isMonthControlled) setInternalMonth(next);\n        },\n        [visibleMonth, onMonthChange, isMonthControlled],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            if (onChange) onChange(date);\n            if (!isSelectionControlled) setInternalSelected(date);\n        },\n        [minDate, maxDate, onChange, isSelectionControlled],\n    );\n\n    const focusCell = useCallback((index: number): void => {\n        const clamped = Math.max(0, Math.min(DAYS_IN_GRID - 1, index));\n        setFocusedDay(clamped);\n        const grid = gridRef.current;\n        if (!grid) return;\n        const buttons = grid.querySelectorAll<HTMLButtonElement>(\"button[data-day]\");\n        buttons[clamped]?.focus();\n    }, []);\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLButtonElement>, index: number): void => {\n            switch (event.key) {\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    focusCell(index - 1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    focusCell(index + 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    focusCell(index - 7);\n                    break;\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    focusCell(index + 7);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    selectDate(cells[index]);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [focusCell, selectDate, cells],\n    );\n\n    return (\n        <div className={cn(styles.root, className)} {...props}>\n            <div className={styles.header}>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Previous month\"\n                    onClick={() => changeMonth(-1)}\n                >\n                    {\"‹\"}\n                </button>\n                <span className={styles.title} aria-live=\"polite\">\n                    {MONTH_LABELS[visibleMonth.getMonth()]} {visibleMonth.getFullYear()}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Next month\"\n                    onClick={() => changeMonth(1)}\n                >\n                    {\"›\"}\n                </button>\n            </div>\n\n            <div className={styles.weekdays} role=\"row\">\n                {weekdayLabels.map((label) => (\n                    <span key={label} className={styles.weekday} role=\"columnheader\">\n                        {label}\n                    </span>\n                ))}\n            </div>\n\n            <div className={styles.grid} role=\"grid\" ref={gridRef}>\n                {cells.map((date, index) => {\n                    const inMonth = date.getMonth() === visibleMonth.getMonth();\n                    const isSelected = selected ? isSameDay(date, selected) : false;\n                    const isToday = isSameDay(date, today);\n                    const disabled = isOutOfRange(date, minDate, maxDate);\n                    const isFocusTarget =\n                        focusedDay === null\n                            ? inMonth && date.getDate() === 1\n                            : focusedDay === index;\n                    return (\n                        <button\n                            key={index}\n                            type=\"button\"\n                            data-day\n                            role=\"gridcell\"\n                            className={cn(\n                                styles.day,\n                                !inMonth && styles.outside,\n                                isSelected && styles.selected,\n                                isToday && styles.today,\n                            )}\n                            aria-pressed={isSelected}\n                            aria-selected={isSelected}\n                            aria-current={isToday ? \"date\" : undefined}\n                            disabled={disabled}\n                            tabIndex={isFocusTarget ? 0 : -1}\n                            onClick={() => selectDate(date)}\n                            onKeyDown={(event) => handleKeyDown(event, index)}\n                        >\n                            {date.getDate()}\n                        </button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.cjs","names":["useState","useRef","useMemo","useCallback","cn","styles","require_cn","require_Calendar_module","react","react_jsx_runtime","WEEKDAY_LABELS","MONTH_LABELS","DAYS_IN_GRID","makeDate","year","month","day","startOfDay","date","isSameDay","a","b","isOutOfRange","minDate","maxDate","buildGrid","monthIndex","start","weekStartsOn","cells","i","Calendar","props","isSelectionControlled","value","internalSelected","setInternalSelected","defaultValue","selected","isMonthControlled","internalMonth","setInternalMonth","base","visibleMonth","focusedDay","setFocusedDay","gridRef","today","weekdayLabels","changeMonth","next","offset","onMonthChange","selectDate","onChange","focusCell","clamped","index","grid","handleKeyDown","event","className","label","inMonth","isSelected","isToday","disabled","isFocusTarget"],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — a date grid is\n * controlled two ways at once — the selected day (value, defaultValue, onChange) and\n * the visible month (month, onMonthChange) — inside the bounds (minDate, maxDate,\n * weekStartsOn). The body builds the grid and owns roving focus and keyboard\n * navigation, which read the same cursor date.\n */\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Calendar.module.css\";\n\nexport type WeekStart = 0 | 1;\n\nexport interface CalendarProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected date. */\n    value?: Date;\n    /** Initial selected date for the uncontrolled case. */\n    defaultValue?: Date;\n    /** Called with the newly selected date. */\n    onChange?: (date: Date) => void;\n    /** Controlled visible month (any day within it). */\n    month?: Date;\n    /** Called when the visible month changes (prev/next). */\n    onMonthChange?: (month: Date) => void;\n    /** Earliest selectable date (inclusive). */\n    minDate?: Date;\n    /** Latest selectable date (inclusive). */\n    maxDate?: Date;\n    /** First column of the week — `0` Sunday (default) or `1` Monday. */\n    weekStartsOn?: WeekStart;\n}\n\nconst WEEKDAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTH_LABELS = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n];\n\nconst DAYS_IN_GRID = 42;\n\n/**\n * Build a `Date` at midnight local time for the given year/month/day.\n *\n * @param year - Full year.\n * @param month - Zero-based month index.\n * @param day - Day of the month.\n * @returns A normalized `Date`.\n */\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\n/**\n * Strip the time portion so two dates can be compared by calendar day.\n *\n * @param date - The date to normalize.\n * @returns A new `Date` at local midnight.\n */\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\n/**\n * Whether two dates fall on the same calendar day.\n *\n * @param a - First date.\n * @param b - Second date.\n * @returns `true` when year, month and day match.\n */\nfunction isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\n/**\n * Whether a date is outside the inclusive `[minDate, maxDate]` window.\n *\n * @param date - The candidate day.\n * @param minDate - Optional lower bound.\n * @param maxDate - Optional upper bound.\n * @returns `true` when the date is disabled.\n */\nfunction isOutOfRange(date: Date, minDate?: Date, maxDate?: Date): boolean {\n    const day = startOfDay(date).getTime();\n    if (minDate && day < startOfDay(minDate).getTime()) return true;\n    if (maxDate && day > startOfDay(maxDate).getTime()) return true;\n    return false;\n}\n\n/**\n * Compute the 42-cell (6x7) grid of dates covering the given month, padded with\n * leading/trailing days from the adjacent months.\n *\n * @param month - Any date within the target month.\n * @param weekStartsOn - First column of the week.\n * @returns An array of 42 `Date` objects.\n */\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstOfMonth = makeDate(year, monthIndex, 1);\n    const firstWeekday = firstOfMonth.getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n\n    const cells: Date[] = [];\n    for (let i = 0; i < DAYS_IN_GRID; i += 1) {\n        cells.push(makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i));\n    }\n    return cells;\n}\n\n/**\n * Standalone month-grid date picker. Renders a header with the month/year and\n * prev/next buttons, a weekday row, and a 6x7 grid of day buttons. Selection and\n * the visible month can each be controlled or uncontrolled. Grid arithmetic uses\n * plain `Date` math — no external date libraries.\n *\n * Keyboard: arrow keys move focus by day (left/right) or week (up/down), and\n * Enter/Space selects the focused day.\n */\nexport function Calendar({\n    value,\n    defaultValue,\n    onChange,\n    month,\n    onMonthChange,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: CalendarProps) {\n    const isSelectionControlled = value !== undefined;\n    const [internalSelected, setInternalSelected] = useState<Date | undefined>(defaultValue);\n    const selected = isSelectionControlled ? value : internalSelected;\n\n    const isMonthControlled = month !== undefined;\n    const [internalMonth, setInternalMonth] = useState<Date>(() => {\n        const base = month ?? value ?? defaultValue ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const visibleMonth = isMonthControlled\n        ? makeDate(month.getFullYear(), month.getMonth(), 1)\n        : internalMonth;\n\n    const [focusedDay, setFocusedDay] = useState<number | null>(null);\n    const gridRef = useRef<HTMLDivElement | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const cells = useMemo(\n        () => buildGrid(visibleMonth, weekStartsOn),\n        [visibleMonth, weekStartsOn],\n    );\n\n    const weekdayLabels = useMemo(() => {\n        return Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]);\n    }, [weekStartsOn]);\n\n    const changeMonth = useCallback(\n        (offset: number): void => {\n            const next = makeDate(visibleMonth.getFullYear(), visibleMonth.getMonth() + offset, 1);\n            if (onMonthChange) onMonthChange(next);\n            if (!isMonthControlled) setInternalMonth(next);\n        },\n        [visibleMonth, onMonthChange, isMonthControlled],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            if (onChange) onChange(date);\n            if (!isSelectionControlled) setInternalSelected(date);\n        },\n        [minDate, maxDate, onChange, isSelectionControlled],\n    );\n\n    const focusCell = useCallback((index: number): void => {\n        const clamped = Math.max(0, Math.min(DAYS_IN_GRID - 1, index));\n        setFocusedDay(clamped);\n        const grid = gridRef.current;\n        if (!grid) return;\n        const buttons = grid.querySelectorAll<HTMLButtonElement>(\"button[data-day]\");\n        buttons[clamped]?.focus();\n    }, []);\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLButtonElement>, index: number): void => {\n            switch (event.key) {\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    focusCell(index - 1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    focusCell(index + 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    focusCell(index - 7);\n                    break;\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    focusCell(index + 7);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    selectDate(cells[index]);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [focusCell, selectDate, cells],\n    );\n\n    return (\n        <div className={cn(styles.root, className)} {...props}>\n            <div className={styles.header}>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Previous month\"\n                    onClick={() => changeMonth(-1)}\n                >\n                    {\"‹\"}\n                </button>\n                <span className={styles.title} aria-live=\"polite\">\n                    {MONTH_LABELS[visibleMonth.getMonth()]} {visibleMonth.getFullYear()}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Next month\"\n                    onClick={() => changeMonth(1)}\n                >\n                    {\"›\"}\n                </button>\n            </div>\n\n            <div className={styles.weekdays} role=\"row\">\n                {weekdayLabels.map((label) => (\n                    <span key={label} className={styles.weekday} role=\"columnheader\">\n                        {label}\n                    </span>\n                ))}\n            </div>\n\n            <div className={styles.grid} role=\"grid\" ref={gridRef}>\n                {cells.map((date, index) => {\n                    const inMonth = date.getMonth() === visibleMonth.getMonth();\n                    const isSelected = selected ? isSameDay(date, selected) : false;\n                    const isToday = isSameDay(date, today);\n                    const disabled = isOutOfRange(date, minDate, maxDate);\n                    const isFocusTarget =\n                        focusedDay === null\n                            ? inMonth && date.getDate() === 1\n                            : focusedDay === index;\n                    return (\n                        <button\n                            key={index}\n                            type=\"button\"\n                            data-day\n                            role=\"gridcell\"\n                            className={cn(\n                                styles.day,\n                                !inMonth && styles.outside,\n                                isSelected && styles.selected,\n                                isToday && styles.today,\n                            )}\n                            aria-pressed={isSelected}\n                            aria-selected={isSelected}\n                            aria-current={isToday ? \"date\" : undefined}\n                            disabled={disabled}\n                            tabIndex={isFocusTarget ? 0 : -1}\n                            onClick={() => selectDate(date)}\n                            onKeyDown={(event) => handleKeyDown(event, index)}\n                        >\n                            {date.getDate()}\n                        </button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — a date grid is\n * controlled two ways at once — the selected day (value, defaultValue, onChange) and\n * the visible month (month, onMonthChange) — inside the bounds (minDate, maxDate,\n * weekStartsOn). The body builds the grid and owns roving focus and keyboard\n * navigation, which read the same cursor date.\n */\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Calendar.module.css\";\n\nexport type WeekStart = 0 | 1;\n\nexport interface CalendarProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected date. */\n    value?: Date;\n    /** Initial selected date for the uncontrolled case. */\n    defaultValue?: Date;\n    /** Called with the newly selected date. */\n    onChange?: (date: Date) => void;\n    /** Controlled visible month (any day within it). */\n    month?: Date;\n    /** Called when the visible month changes (prev/next). */\n    onMonthChange?: (month: Date) => void;\n    /** Earliest selectable date (inclusive). */\n    minDate?: Date;\n    /** Latest selectable date (inclusive). */\n    maxDate?: Date;\n    /** First column of the week — `0` Sunday (default) or `1` Monday. */\n    weekStartsOn?: WeekStart;\n}\n\nconst WEEKDAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTH_LABELS = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n];\n\nconst DAYS_IN_GRID = 42;\n\n/**\n * Build a `Date` at midnight local time for the given year/month/day.\n *\n * @param year - Full year.\n * @param month - Zero-based month index.\n * @param day - Day of the month.\n * @returns A normalized `Date`.\n */\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\n/**\n * Strip the time portion so two dates can be compared by calendar day.\n *\n * @param date - The date to normalize.\n * @returns A new `Date` at local midnight.\n */\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\n/**\n * Whether two dates fall on the same calendar day.\n *\n * @param a - First date.\n * @param b - Second date.\n * @returns `true` when year, month and day match.\n */\nfunction isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\n/**\n * Whether a date is outside the inclusive `[minDate, maxDate]` window.\n *\n * @param date - The candidate day.\n * @param minDate - Optional lower bound.\n * @param maxDate - Optional upper bound.\n * @returns `true` when the date is disabled.\n */\nfunction isOutOfRange(date: Date, minDate?: Date, maxDate?: Date): boolean {\n    const day = startOfDay(date).getTime();\n    if (minDate && day < startOfDay(minDate).getTime()) return true;\n    if (maxDate && day > startOfDay(maxDate).getTime()) return true;\n    return false;\n}\n\n/**\n * Compute the 42-cell (6x7) grid of dates covering the given month, padded with\n * leading/trailing days from the adjacent months.\n *\n * @param month - Any date within the target month.\n * @param weekStartsOn - First column of the week.\n * @returns An array of 42 `Date` objects.\n */\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstOfMonth = makeDate(year, monthIndex, 1);\n    const firstWeekday = firstOfMonth.getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n\n    const cells: Date[] = [];\n    for (let i = 0; i < DAYS_IN_GRID; i += 1) {\n        cells.push(makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i));\n    }\n    return cells;\n}\n\n/**\n * Standalone month-grid date picker. Renders a header with the month/year and\n * prev/next buttons, a weekday row, and a 6x7 grid of day buttons. Selection and\n * the visible month can each be controlled or uncontrolled. Grid arithmetic uses\n * plain `Date` math — no external date libraries.\n *\n * Keyboard: arrow keys move focus by day (left/right) or week (up/down), and\n * Enter/Space selects the focused day.\n */\nexport function Calendar({\n    value,\n    defaultValue,\n    onChange,\n    month,\n    onMonthChange,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: CalendarProps) {\n    const isSelectionControlled = value !== undefined;\n    const [internalSelected, setInternalSelected] = useState<Date | undefined>(defaultValue);\n    const selected = isSelectionControlled ? value : internalSelected;\n\n    const isMonthControlled = month !== undefined;\n    const [internalMonth, setInternalMonth] = useState<Date>(() => {\n        const base = month ?? value ?? defaultValue ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const visibleMonth = isMonthControlled\n        ? makeDate(month.getFullYear(), month.getMonth(), 1)\n        : internalMonth;\n\n    const [focusedDay, setFocusedDay] = useState<number | null>(null);\n    const gridRef = useRef<HTMLDivElement | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const cells = useMemo(\n        () => buildGrid(visibleMonth, weekStartsOn),\n        [visibleMonth, weekStartsOn],\n    );\n\n    const weekdayLabels = useMemo(() => {\n        return Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]);\n    }, [weekStartsOn]);\n\n    const changeMonth = useCallback(\n        (offset: number): void => {\n            const next = makeDate(visibleMonth.getFullYear(), visibleMonth.getMonth() + offset, 1);\n            if (onMonthChange) onMonthChange(next);\n            if (!isMonthControlled) setInternalMonth(next);\n        },\n        [visibleMonth, onMonthChange, isMonthControlled],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            if (onChange) onChange(date);\n            if (!isSelectionControlled) setInternalSelected(date);\n        },\n        [minDate, maxDate, onChange, isSelectionControlled],\n    );\n\n    const focusCell = useCallback((index: number): void => {\n        const clamped = Math.max(0, Math.min(DAYS_IN_GRID - 1, index));\n        setFocusedDay(clamped);\n        const grid = gridRef.current;\n        if (!grid) return;\n        const buttons = grid.querySelectorAll<HTMLButtonElement>(\"button[data-day]\");\n        buttons[clamped]?.focus();\n    }, []);\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLButtonElement>, index: number): void => {\n            switch (event.key) {\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    focusCell(index - 1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    focusCell(index + 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    focusCell(index - 7);\n                    break;\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    focusCell(index + 7);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    selectDate(cells[index]);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [focusCell, selectDate, cells],\n    );\n\n    return (\n        <div className={cn(styles.root, className)} {...props}>\n            <div className={styles.header}>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Previous month\"\n                    onClick={() => changeMonth(-1)}\n                >\n                    {\"‹\"}\n                </button>\n                <span className={styles.title} aria-live=\"polite\">\n                    {MONTH_LABELS[visibleMonth.getMonth()]} {visibleMonth.getFullYear()}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Next month\"\n                    onClick={() => changeMonth(1)}\n                >\n                    {\"›\"}\n                </button>\n            </div>\n\n            <div className={styles.weekdays} role=\"row\">\n                {weekdayLabels.map((label) => (\n                    <span key={label} className={styles.weekday} role=\"columnheader\">\n                        {label}\n                    </span>\n                ))}\n            </div>\n\n            <div className={styles.grid} role=\"grid\" ref={gridRef}>\n                {cells.map((date, index) => {\n                    const inMonth = date.getMonth() === visibleMonth.getMonth();\n                    const isSelected = selected ? isSameDay(date, selected) : false;\n                    const isToday = isSameDay(date, today);\n                    const disabled = isOutOfRange(date, minDate, maxDate);\n                    const isFocusTarget =\n                        focusedDay === null\n                            ? inMonth && date.getDate() === 1\n                            : focusedDay === index;\n                    return (\n                        <button\n                            key={index}\n                            type=\"button\"\n                            data-day\n                            role=\"gridcell\"\n                            className={cn(\n                                styles.day,\n                                !inMonth && styles.outside,\n                                isSelected && styles.selected,\n                                isToday && styles.today,\n                            )}\n                            aria-pressed={isSelected}\n                            aria-selected={isSelected}\n                            aria-current={isToday ? \"date\" : undefined}\n                            disabled={disabled}\n                            tabIndex={isFocusTarget ? 0 : -1}\n                            onClick={() => selectDate(date)}\n                            onKeyDown={(event) => handleKeyDown(event, index)}\n                        >\n                            {date.getDate()}\n                        </button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","names":["styles","Calendar_module_default","WEEKDAY_LABELS","MONTH_LABELS","DAYS_IN_GRID","makeDate","year","month","day","startOfDay","date","isSameDay","a","b","isOutOfRange","minDate","maxDate","buildGrid","monthIndex","start","weekStartsOn","cells","i","Calendar","props","isSelectionControlled","value","internalSelected","setInternalSelected","useState","defaultValue","selected","isMonthControlled","internalMonth","setInternalMonth","base","visibleMonth","focusedDay","setFocusedDay","gridRef","useRef","today","useMemo","weekdayLabels","changeMonth","useCallback","next","offset","onMonthChange","selectDate","onChange","focusCell","clamped","index","grid","handleKeyDown","event","cn","className","label","inMonth","isSelected","isToday","disabled","isFocusTarget"],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — a date grid is\n * controlled two ways at once — the selected day (value, defaultValue, onChange) and\n * the visible month (month, onMonthChange) — inside the bounds (minDate, maxDate,\n * weekStartsOn). The body builds the grid and owns roving focus and keyboard\n * navigation, which read the same cursor date.\n */\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Calendar.module.css\";\n\nexport type WeekStart = 0 | 1;\n\nexport interface CalendarProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected date. */\n    value?: Date;\n    /** Initial selected date for the uncontrolled case. */\n    defaultValue?: Date;\n    /** Called with the newly selected date. */\n    onChange?: (date: Date) => void;\n    /** Controlled visible month (any day within it). */\n    month?: Date;\n    /** Called when the visible month changes (prev/next). */\n    onMonthChange?: (month: Date) => void;\n    /** Earliest selectable date (inclusive). */\n    minDate?: Date;\n    /** Latest selectable date (inclusive). */\n    maxDate?: Date;\n    /** First column of the week — `0` Sunday (default) or `1` Monday. */\n    weekStartsOn?: WeekStart;\n}\n\nconst WEEKDAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTH_LABELS = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n];\n\nconst DAYS_IN_GRID = 42;\n\n/**\n * Build a `Date` at midnight local time for the given year/month/day.\n *\n * @param year - Full year.\n * @param month - Zero-based month index.\n * @param day - Day of the month.\n * @returns A normalized `Date`.\n */\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\n/**\n * Strip the time portion so two dates can be compared by calendar day.\n *\n * @param date - The date to normalize.\n * @returns A new `Date` at local midnight.\n */\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\n/**\n * Whether two dates fall on the same calendar day.\n *\n * @param a - First date.\n * @param b - Second date.\n * @returns `true` when year, month and day match.\n */\nfunction isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\n/**\n * Whether a date is outside the inclusive `[minDate, maxDate]` window.\n *\n * @param date - The candidate day.\n * @param minDate - Optional lower bound.\n * @param maxDate - Optional upper bound.\n * @returns `true` when the date is disabled.\n */\nfunction isOutOfRange(date: Date, minDate?: Date, maxDate?: Date): boolean {\n    const day = startOfDay(date).getTime();\n    if (minDate && day < startOfDay(minDate).getTime()) return true;\n    if (maxDate && day > startOfDay(maxDate).getTime()) return true;\n    return false;\n}\n\n/**\n * Compute the 42-cell (6x7) grid of dates covering the given month, padded with\n * leading/trailing days from the adjacent months.\n *\n * @param month - Any date within the target month.\n * @param weekStartsOn - First column of the week.\n * @returns An array of 42 `Date` objects.\n */\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstOfMonth = makeDate(year, monthIndex, 1);\n    const firstWeekday = firstOfMonth.getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n\n    const cells: Date[] = [];\n    for (let i = 0; i < DAYS_IN_GRID; i += 1) {\n        cells.push(makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i));\n    }\n    return cells;\n}\n\n/**\n * Standalone month-grid date picker. Renders a header with the month/year and\n * prev/next buttons, a weekday row, and a 6x7 grid of day buttons. Selection and\n * the visible month can each be controlled or uncontrolled. Grid arithmetic uses\n * plain `Date` math — no external date libraries.\n *\n * Keyboard: arrow keys move focus by day (left/right) or week (up/down), and\n * Enter/Space selects the focused day.\n */\nexport function Calendar({\n    value,\n    defaultValue,\n    onChange,\n    month,\n    onMonthChange,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: CalendarProps) {\n    const isSelectionControlled = value !== undefined;\n    const [internalSelected, setInternalSelected] = useState<Date | undefined>(defaultValue);\n    const selected = isSelectionControlled ? value : internalSelected;\n\n    const isMonthControlled = month !== undefined;\n    const [internalMonth, setInternalMonth] = useState<Date>(() => {\n        const base = month ?? value ?? defaultValue ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const visibleMonth = isMonthControlled\n        ? makeDate(month.getFullYear(), month.getMonth(), 1)\n        : internalMonth;\n\n    const [focusedDay, setFocusedDay] = useState<number | null>(null);\n    const gridRef = useRef<HTMLDivElement | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const cells = useMemo(\n        () => buildGrid(visibleMonth, weekStartsOn),\n        [visibleMonth, weekStartsOn],\n    );\n\n    const weekdayLabels = useMemo(() => {\n        return Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]);\n    }, [weekStartsOn]);\n\n    const changeMonth = useCallback(\n        (offset: number): void => {\n            const next = makeDate(visibleMonth.getFullYear(), visibleMonth.getMonth() + offset, 1);\n            if (onMonthChange) onMonthChange(next);\n            if (!isMonthControlled) setInternalMonth(next);\n        },\n        [visibleMonth, onMonthChange, isMonthControlled],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            if (onChange) onChange(date);\n            if (!isSelectionControlled) setInternalSelected(date);\n        },\n        [minDate, maxDate, onChange, isSelectionControlled],\n    );\n\n    const focusCell = useCallback((index: number): void => {\n        const clamped = Math.max(0, Math.min(DAYS_IN_GRID - 1, index));\n        setFocusedDay(clamped);\n        const grid = gridRef.current;\n        if (!grid) return;\n        const buttons = grid.querySelectorAll<HTMLButtonElement>(\"button[data-day]\");\n        buttons[clamped]?.focus();\n    }, []);\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLButtonElement>, index: number): void => {\n            switch (event.key) {\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    focusCell(index - 1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    focusCell(index + 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    focusCell(index - 7);\n                    break;\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    focusCell(index + 7);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    selectDate(cells[index]);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [focusCell, selectDate, cells],\n    );\n\n    return (\n        <div className={cn(styles.root, className)} {...props}>\n            <div className={styles.header}>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Previous month\"\n                    onClick={() => changeMonth(-1)}\n                >\n                    {\"‹\"}\n                </button>\n                <span className={styles.title} aria-live=\"polite\">\n                    {MONTH_LABELS[visibleMonth.getMonth()]} {visibleMonth.getFullYear()}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Next month\"\n                    onClick={() => changeMonth(1)}\n                >\n                    {\"›\"}\n                </button>\n            </div>\n\n            <div className={styles.weekdays} role=\"row\">\n                {weekdayLabels.map((label) => (\n                    <span key={label} className={styles.weekday} role=\"columnheader\">\n                        {label}\n                    </span>\n                ))}\n            </div>\n\n            <div className={styles.grid} role=\"grid\" ref={gridRef}>\n                {cells.map((date, index) => {\n                    const inMonth = date.getMonth() === visibleMonth.getMonth();\n                    const isSelected = selected ? isSameDay(date, selected) : false;\n                    const isToday = isSameDay(date, today);\n                    const disabled = isOutOfRange(date, minDate, maxDate);\n                    const isFocusTarget =\n                        focusedDay === null\n                            ? inMonth && date.getDate() === 1\n                            : focusedDay === index;\n                    return (\n                        <button\n                            key={index}\n                            type=\"button\"\n                            data-day\n                            role=\"gridcell\"\n                            className={cn(\n                                styles.day,\n                                !inMonth && styles.outside,\n                                isSelected && styles.selected,\n                                isToday && styles.today,\n                            )}\n                            aria-pressed={isSelected}\n                            aria-selected={isSelected}\n                            aria-current={isToday ? \"date\" : undefined}\n                            disabled={disabled}\n                            tabIndex={isFocusTarget ? 0 : -1}\n                            onClick={() => selectDate(date)}\n                            onKeyDown={(event) => handleKeyDown(event, index)}\n                        >\n                            {date.getDate()}\n                        </button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.module.cjs","names":[],"sources":["../../../src/components/Calendar/Calendar.module.css"],"sourcesContent":[".root {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    user-select: none;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n}\n\n.title {\n    flex: 1;\n    text-align: center;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.nav {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.nav:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.nav: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.weekdays,\n.grid {\n    display: grid;\n    grid-template-columns: repeat(7, 2.25rem);\n    gap: var(--tempest-space-1);\n}\n\n.weekday {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 1.5rem;\n    font-size: var(--tempest-text-2xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n}\n\n.day {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n        color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.day:hover:not(:disabled) {\n    background-color: var(--tempest-surface-2);\n}\n\n.day: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.day:disabled {\n    color: var(--tempest-text-muted);\n    cursor: not-allowed;\n    opacity: 0.4;\n}\n\n.outside {\n    /* No extra opacity: subtle-on-surface already reads as de-emphasised, and\n       fading it further dropped the contrast to 2.11:1 (WCAG AA needs 4.5:1)\n       for dates that are still clickable. */\n    color: var(--tempest-text-subtle);\n}\n\n.today {\n    border-color: var(--tempest-primary);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.selected,\n.selected:hover {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":";"}
+{"version":3,"file":"Calendar.module.cjs","names":["root","header","title","nav","weekdays","grid","weekday","day","outside","today","selected","Calendar_module_default"],"sources":["../../../src/components/Calendar/Calendar.module.css"],"sourcesContent":[".root {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    user-select: none;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n}\n\n.title {\n    flex: 1;\n    text-align: center;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.nav {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.nav:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.nav: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.weekdays,\n.grid {\n    display: grid;\n    grid-template-columns: repeat(7, 2.25rem);\n    gap: var(--tempest-space-1);\n}\n\n.weekday {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 1.5rem;\n    font-size: var(--tempest-text-2xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n}\n\n.day {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n        color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.day:hover:not(:disabled) {\n    background-color: var(--tempest-surface-2);\n}\n\n.day: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.day:disabled {\n    color: var(--tempest-text-muted);\n    cursor: not-allowed;\n    opacity: 0.4;\n}\n\n.outside {\n    /* No extra opacity: subtle-on-surface already reads as de-emphasised, and\n       fading it further dropped the contrast to 2.11:1 (WCAG AA needs 4.5:1)\n       for dates that are still clickable. */\n    color: var(--tempest-text-subtle);\n}\n\n.today {\n    border-color: var(--tempest-primary);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.selected,\n.selected:hover {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.module.js","names":[],"sources":["../../../src/components/Calendar/Calendar.module.css"],"sourcesContent":[".root {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    user-select: none;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n}\n\n.title {\n    flex: 1;\n    text-align: center;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.nav {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.nav:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.nav: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.weekdays,\n.grid {\n    display: grid;\n    grid-template-columns: repeat(7, 2.25rem);\n    gap: var(--tempest-space-1);\n}\n\n.weekday {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 1.5rem;\n    font-size: var(--tempest-text-2xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n}\n\n.day {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n        color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.day:hover:not(:disabled) {\n    background-color: var(--tempest-surface-2);\n}\n\n.day: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.day:disabled {\n    color: var(--tempest-text-muted);\n    cursor: not-allowed;\n    opacity: 0.4;\n}\n\n.outside {\n    /* No extra opacity: subtle-on-surface already reads as de-emphasised, and\n       fading it further dropped the contrast to 2.11:1 (WCAG AA needs 4.5:1)\n       for dates that are still clickable. */\n    color: var(--tempest-text-subtle);\n}\n\n.today {\n    border-color: var(--tempest-primary);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.selected,\n.selected:hover {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":";"}
+{"version":3,"file":"Calendar.module.js","names":["root","header","title","nav","weekdays","grid","weekday","day","outside","today","selected","Calendar_module_default"],"sources":["../../../src/components/Calendar/Calendar.module.css"],"sourcesContent":[".root {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    user-select: none;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n}\n\n.title {\n    flex: 1;\n    text-align: center;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.nav {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.nav:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.nav: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.weekdays,\n.grid {\n    display: grid;\n    grid-template-columns: repeat(7, 2.25rem);\n    gap: var(--tempest-space-1);\n}\n\n.weekday {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 1.5rem;\n    font-size: var(--tempest-text-2xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n}\n\n.day {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n        color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.day:hover:not(:disabled) {\n    background-color: var(--tempest-surface-2);\n}\n\n.day: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.day:disabled {\n    color: var(--tempest-text-muted);\n    cursor: not-allowed;\n    opacity: 0.4;\n}\n\n.outside {\n    /* No extra opacity: subtle-on-surface already reads as de-emphasised, and\n       fading it further dropped the contrast to 2.11:1 (WCAG AA needs 4.5:1)\n       for dates that are still clickable. */\n    color: var(--tempest-text-subtle);\n}\n\n.today {\n    border-color: var(--tempest-primary);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.selected,\n.selected:hover {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":";"}

package/dist/components/Card/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","names":[],"sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Card.module.css\";\n\nexport type CardElevation = \"flat\" | \"default\" | \"raised\" | \"elevated\";\n\nexport interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    title?: ReactNode;\n    actions?: ReactNode;\n    footer?: ReactNode;\n    flush?: boolean;\n    /** Hoverable card — adds elevation lift, cursor pointer and focus ring. */\n    interactive?: boolean;\n    /** Visual elevation level. Defaults to `default` (subtle shadow + border). */\n    elevation?: CardElevation;\n}\n\n/**\n * Card container with optional header (title + actions) and footer slot.\n * Use `flush` when you need to host content (tables, lists) without inner padding.\n * Use `interactive` for clickable cards — adds hover lift and focus ring.\n */\nexport function Card({\n    title,\n    actions,\n    footer,\n    flush = false,\n    interactive = false,\n    elevation = \"default\",\n    className,\n    children,\n    ...props\n}: CardProps) {\n    const hasHeader = !!(title || actions);\n    return (\n        <div\n            className={cn(\n                styles.card,\n                elevation === \"flat\" && styles.flat,\n                elevation === \"raised\" && styles.raised,\n                elevation === \"elevated\" && styles.elevated,\n                interactive && styles.interactive,\n                !hasHeader && !flush && styles.padded,\n                flush && styles.flush,\n                className,\n            )}\n            tabIndex={interactive ? (props.tabIndex ?? 0) : props.tabIndex}\n            {...props}\n        >\n            {hasHeader && (\n                <header className={styles.header}>\n                    {typeof title === \"string\" ? <h3 className={styles.title}>{title}</h3> : title}\n                    {actions}\n                </header>\n            )}\n            {hasHeader ? <div className={styles.body}>{children}</div> : children}\n            {footer && <footer className={styles.footer}>{footer}</footer>}\n        </div>\n    );\n}\n"],"mappings":"wGAsBA,SAAgB,EAAK,CACjB,QACA,UACA,SACA,QAAQ,GACR,cAAc,GACd,YAAY,UACZ,YACA,WACA,GAAG,GACO,CACV,IAAM,EAAY,CAAC,EAAE,GAAS,GAC9B,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,KACP,IAAc,QAAU,EAAA,QAAO,KAC/B,IAAc,UAAY,EAAA,QAAO,OACjC,IAAc,YAAc,EAAA,QAAO,SACnC,GAAe,EAAA,QAAO,YACtB,CAAC,GAAa,CAAC,GAAS,EAAA,QAAO,OAC/B,GAAS,EAAA,QAAO,MAChB,CACJ,EACA,SAAU,EAAe,EAAM,UAAY,EAAK,EAAM,SACtD,GAAI,EAZR,SAAA,CAcK,IACG,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,OAA1B,SAAA,CACK,OAAO,GAAU,UAAW,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,MAAQ,SAAA,CAAU,CAAA,EAAI,EACxE,CACG,IAEX,GAAY,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAO,UAAc,CAAA,EAAI,EAC5D,IAAU,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,OAAS,SAAA,CAAe,CAAA,CAC5D,GAEb"}
+{"version":3,"file":"Card.cjs","names":["cn","styles","require_cn","require_Card_module","react_jsx_runtime","Card","props","hasHeader","title","actions","elevation","interactive","flush","className","children","footer"],"sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Card.module.css\";\n\nexport type CardElevation = \"flat\" | \"default\" | \"raised\" | \"elevated\";\n\nexport interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    title?: ReactNode;\n    actions?: ReactNode;\n    footer?: ReactNode;\n    flush?: boolean;\n    /** Hoverable card — adds elevation lift, cursor pointer and focus ring. */\n    interactive?: boolean;\n    /** Visual elevation level. Defaults to `default` (subtle shadow + border). */\n    elevation?: CardElevation;\n}\n\n/**\n * Card container with optional header (title + actions) and footer slot.\n * Use `flush` when you need to host content (tables, lists) without inner padding.\n * Use `interactive` for clickable cards — adds hover lift and focus ring.\n */\nexport function Card({\n    title,\n    actions,\n    footer,\n    flush = false,\n    interactive = false,\n    elevation = \"default\",\n    className,\n    children,\n    ...props\n}: CardProps) {\n    const hasHeader = !!(title || actions);\n    return (\n        <div\n            className={cn(\n                styles.card,\n                elevation === \"flat\" && styles.flat,\n                elevation === \"raised\" && styles.raised,\n                elevation === \"elevated\" && styles.elevated,\n                interactive && styles.interactive,\n                !hasHeader && !flush && styles.padded,\n                flush && styles.flush,\n                className,\n            )}\n            tabIndex={interactive ? (props.tabIndex ?? 0) : props.tabIndex}\n            {...props}\n        >\n            {hasHeader && (\n                <header className={styles.header}>\n                    {typeof title === \"string\" ? <h3 className={styles.title}>{title}</h3> : title}\n                    {actions}\n                </header>\n            )}\n            {hasHeader ? <div className={styles.body}>{children}</div> : children}\n            {footer && <footer className={styles.footer}>{footer}</footer>}\n        </div>\n    );\n}\n"],"mappings":"A,wGAsBA,SAAgBK,EAAK,CACjB,QACA,UACA,SACA,QAAQ,GACR,cAAc,GACd,YAAY,UACZ,YACA,WACA,GAAGC,GACO,CACV,IAAMC,EAAY,CAAC,EAAEC,GAASC,GAC9B,OACI,EAAAL,EAAA,KAAA,CAAC,MAAD,CACI,UAAWJ,EAAAA,GACPC,EAAAA,QAAO,KACPS,IAAc,QAAUT,EAAAA,QAAO,KAC/BS,IAAc,UAAYT,EAAAA,QAAO,OACjCS,IAAc,YAAcT,EAAAA,QAAO,SACnCU,GAAeV,EAAAA,QAAO,YACtB,CAACM,GAAa,CAACK,GAASX,EAAAA,QAAO,OAC/BW,GAASX,EAAAA,QAAO,MAChBY,CACJ,EACA,SAAUF,EAAeL,EAAM,UAAY,EAAKA,EAAM,SACtD,GAAIA,EAZR,SAAA,CAcKC,IACG,EAAAH,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAWH,EAAAA,QAAO,OAA1B,SAAA,CACK,OAAOO,GAAU,UAAW,EAAAJ,EAAA,IAAA,CAAC,KAAD,CAAI,UAAWH,EAAAA,QAAO,MAAQ,SAAAO,CAAU,CAAA,EAAIA,EACxEC,CACG,C,GAEXF,GAAY,EAAAH,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWH,EAAAA,QAAO,KAAO,UAAc,CAAA,EAAIa,EAC5DC,IAAU,EAAAX,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAWH,EAAAA,QAAO,OAAS,SAAAc,CAAe,CAAA,CAC5D,C,EAEb,C"}