tempest-react-sdk 0.62.0 → 0.64.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    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) {\n        box-shadow: var(--tempest-shadow-sm);\n    }\n}\n\n.button:active:not(:disabled) {\n    transform: translateY(1px);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button:disabled {\n    opacity: 0.55;\n    box-shadow: 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    color: var(--tempest-primary-foreground);\n}\n.primary:hover:not(:disabled) {\n    background-color: var(--tempest-primary-hover);\n}\n.primary:active:not(:disabled) {\n    background-color: var(--tempest-primary-active);\n}\n\n/* secondary — neutral surface */\n.secondary {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.secondary:hover:not(:disabled) {\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    color: var(--tempest-danger-on-solid);\n}\n.danger:hover:not(:disabled) {\n    background-color: var(--tempest-danger-hover);\n}\n\n/* success — solid green */\n.success {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n}\n.success:hover:not(:disabled) {\n    filter: brightness(0.92);\n}\n\n/* ghost — transparent, hover surface */\n.ghost {\n    background-color: transparent;\n    color: var(--tempest-text);\n    box-shadow: none;\n}\n.ghost:hover:not(:disabled) {\n    background-color: var(--tempest-surface);\n    box-shadow: none;\n}\n.ghost:active:not(:disabled) {\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    color: var(--tempest-primary-on-soft);\n    box-shadow: none;\n}\n.soft:hover:not(:disabled) {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n/* outline — bordered, transparent fill */\n.outline {\n    background-color: transparent;\n    color: 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 `color: 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) {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n\n/* link — text-only, underline on hover */\n.link {\n    background-color: transparent;\n    color: 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) {\n    color: 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.loading .hiddenText {\n    visibility: hidden;\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":[],"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    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) {\n        box-shadow: var(--tempest-shadow-sm);\n    }\n}\n\n.button:active:not(:disabled) {\n    transform: translateY(1px);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button:disabled {\n    opacity: 0.55;\n    box-shadow: 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    color: var(--tempest-primary-foreground);\n}\n.primary:hover:not(:disabled) {\n    background-color: var(--tempest-primary-hover);\n}\n.primary:active:not(:disabled) {\n    background-color: var(--tempest-primary-active);\n}\n\n/* secondary — neutral surface */\n.secondary {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.secondary:hover:not(:disabled) {\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    color: var(--tempest-danger-on-solid);\n}\n.danger:hover:not(:disabled) {\n    background-color: var(--tempest-danger-hover);\n}\n\n/* success — solid green */\n.success {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n}\n.success:hover:not(:disabled) {\n    filter: brightness(0.92);\n}\n\n/* ghost — transparent, hover surface */\n.ghost {\n    background-color: transparent;\n    color: var(--tempest-text);\n    box-shadow: none;\n}\n.ghost:hover:not(:disabled) {\n    background-color: var(--tempest-surface);\n    box-shadow: none;\n}\n.ghost:active:not(:disabled) {\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    color: var(--tempest-primary-on-soft);\n    box-shadow: none;\n}\n.soft:hover:not(:disabled) {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n/* outline — bordered, transparent fill */\n.outline {\n    background-color: transparent;\n    color: 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 `color: 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) {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n\n/* link — text-only, underline on hover */\n.link {\n    background-color: transparent;\n    color: 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) {\n    color: 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.loading .hiddenText {\n    visibility: hidden;\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

@@ -1,3 +1,4 @@
+import "../../styles/component/Button.css";
 //#region src/components/Button/Button.module.css
 var e = "tempest_button_2ZuB7", t = "tempest_primary_s1sM6", n = "tempest_secondary_R0waJ", r = "tempest_danger_V4fX8", i = "tempest_success_w6qB6", a = "tempest_ghost_1KINV", o = "tempest_soft_c3kzm", s = "tempest_outline_F5jq-", c = "tempest_link_Zt5hw", l = "tempest_xs_cF6m0", u = "tempest_sm_NhG0g", d = "tempest_md_hH4h3", f = "tempest_lg_2plQf", p = "tempest_xl_nx4V0", m = "tempest_iconOnly_WCpTS", h = "tempest_pill_lx8lt", g = "tempest_fullWidth_36oJT", _ = "tempest_content_EKXmF", v = "tempest_loading_EQAt2", y = "tempest_hiddenText_hIiJ2", b = "tempest_spinner_ZExvW", x = "tempest_tempest-spin_UOSVC", S = {
 	button: e,

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    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) {\n        box-shadow: var(--tempest-shadow-sm);\n    }\n}\n\n.button:active:not(:disabled) {\n    transform: translateY(1px);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button:disabled {\n    opacity: 0.55;\n    box-shadow: 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    color: var(--tempest-primary-foreground);\n}\n.primary:hover:not(:disabled) {\n    background-color: var(--tempest-primary-hover);\n}\n.primary:active:not(:disabled) {\n    background-color: var(--tempest-primary-active);\n}\n\n/* secondary — neutral surface */\n.secondary {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.secondary:hover:not(:disabled) {\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    color: var(--tempest-danger-on-solid);\n}\n.danger:hover:not(:disabled) {\n    background-color: var(--tempest-danger-hover);\n}\n\n/* success — solid green */\n.success {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n}\n.success:hover:not(:disabled) {\n    filter: brightness(0.92);\n}\n\n/* ghost — transparent, hover surface */\n.ghost {\n    background-color: transparent;\n    color: var(--tempest-text);\n    box-shadow: none;\n}\n.ghost:hover:not(:disabled) {\n    background-color: var(--tempest-surface);\n    box-shadow: none;\n}\n.ghost:active:not(:disabled) {\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    color: var(--tempest-primary-on-soft);\n    box-shadow: none;\n}\n.soft:hover:not(:disabled) {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n/* outline — bordered, transparent fill */\n.outline {\n    background-color: transparent;\n    color: 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 `color: 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) {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n\n/* link — text-only, underline on hover */\n.link {\n    background-color: transparent;\n    color: 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) {\n    color: 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.loading .hiddenText {\n    visibility: hidden;\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":[],"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    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) {\n        box-shadow: var(--tempest-shadow-sm);\n    }\n}\n\n.button:active:not(:disabled) {\n    transform: translateY(1px);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button:disabled {\n    opacity: 0.55;\n    box-shadow: 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    color: var(--tempest-primary-foreground);\n}\n.primary:hover:not(:disabled) {\n    background-color: var(--tempest-primary-hover);\n}\n.primary:active:not(:disabled) {\n    background-color: var(--tempest-primary-active);\n}\n\n/* secondary — neutral surface */\n.secondary {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.secondary:hover:not(:disabled) {\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    color: var(--tempest-danger-on-solid);\n}\n.danger:hover:not(:disabled) {\n    background-color: var(--tempest-danger-hover);\n}\n\n/* success — solid green */\n.success {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n}\n.success:hover:not(:disabled) {\n    filter: brightness(0.92);\n}\n\n/* ghost — transparent, hover surface */\n.ghost {\n    background-color: transparent;\n    color: var(--tempest-text);\n    box-shadow: none;\n}\n.ghost:hover:not(:disabled) {\n    background-color: var(--tempest-surface);\n    box-shadow: none;\n}\n.ghost:active:not(:disabled) {\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    color: var(--tempest-primary-on-soft);\n    box-shadow: none;\n}\n.soft:hover:not(:disabled) {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n/* outline — bordered, transparent fill */\n.outline {\n    background-color: transparent;\n    color: 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 `color: 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) {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n\n/* link — text-only, underline on hover */\n.link {\n    background-color: transparent;\n    color: 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) {\n    color: 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.loading .hiddenText {\n    visibility: hidden;\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/Calendar/Calendar.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/Calendar.css");
 var e=`tempest_root_ObO-Z`,t=`tempest_header_5nSJG`,n=`tempest_title_Jd3Xb`,r=`tempest_nav_4h58I`,i=`tempest_weekdays_YzRfx`,a=`tempest_grid_nbaFm`,o=`tempest_weekday_k-7Vr`,s=`tempest_day_ao-IC`,c=`tempest_outside_HkC-6`,l=`tempest_today_p18-m`,u=`tempest_selected_C9bTY`,d={root:e,header:t,title:n,nav:r,weekdays:i,grid:a,weekday:o,day:s,outside:c,today:l,selected:u};exports.day=s,exports.default=d,exports.grid=a,exports.header=t,exports.nav=r,exports.outside=c,exports.root=e,exports.selected=u,exports.title=n,exports.today=l,exports.weekday=o,exports.weekdays=i;
 //# sourceMappingURL=Calendar.module.cjs.map

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":[],"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

@@ -1,3 +1,4 @@
+import "../../styles/component/Calendar.css";
 //#region src/components/Calendar/Calendar.module.css
 var e = "tempest_root_ObO-Z", t = "tempest_header_5nSJG", n = "tempest_title_Jd3Xb", r = "tempest_nav_4h58I", i = "tempest_weekdays_YzRfx", a = "tempest_grid_nbaFm", o = "tempest_weekday_k-7Vr", s = "tempest_day_ao-IC", c = "tempest_outside_HkC-6", l = "tempest_today_p18-m", u = "tempest_selected_C9bTY", d = {
 	root: e,

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":[],"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.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/Card.css");
 var e=`tempest_card_Cb1o4`,t=`tempest_flat_LRpce`,n=`tempest_raised_WmIqk`,r=`tempest_elevated_5VEDw`,i=`tempest_interactive_B8Tah`,a=`tempest_padded_oOxwN`,o=`tempest_flush_aiDZi`,s=`tempest_header_PTXf2`,c=`tempest_title_mSgoo`,l=`tempest_body_W441Z`,u=`tempest_footer_Mu-JC`,d={card:e,flat:t,raised:n,elevated:r,interactive:i,padded:a,flush:o,header:s,title:c,body:l,footer:u};exports.body=l,exports.card=e,exports.default=d,exports.elevated=r,exports.flat=t,exports.flush=o,exports.footer=u,exports.header=s,exports.interactive=i,exports.padded=a,exports.raised=n,exports.title=c;
 //# sourceMappingURL=Card.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.module.cjs","names":[],"sources":["../../../src/components/Card/Card.module.css"],"sourcesContent":[".card {\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    padding: var(--tempest-space-5);\n    box-shadow: var(--tempest-shadow-sm);\n    color: var(--tempest-text);\n    transition:\n        var(--tempest-transition-shadow),\n        var(--tempest-transition-transform),\n        border-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n/* ============================================================\n * Elevation variants\n * ============================================================ */\n.flat {\n    box-shadow: none;\n}\n.raised {\n    box-shadow: var(--tempest-shadow-md);\n}\n.elevated {\n    box-shadow: var(--tempest-shadow-lg);\n    border-color: transparent;\n}\n\n/* ============================================================\n * Interactive — hoverable card (use for clickable cards, list rows)\n * ============================================================ */\n.interactive {\n    cursor: pointer;\n}\n@media (hover: hover) and (pointer: fine) {\n    .interactive:hover {\n        border-color: var(--tempest-border-strong);\n        box-shadow: var(--tempest-shadow-md);\n        transform: translateY(-1px);\n    }\n}\n.interactive:active {\n    transform: translateY(0);\n    box-shadow: var(--tempest-shadow-sm);\n}\n.interactive: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.padded {\n    padding: var(--tempest-space-5);\n}\n\n.flush {\n    padding: 0;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-md);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n}\n\n.footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}
+{"version":3,"file":"Card.module.cjs","names":[],"sources":["../../../src/components/Card/Card.module.css"],"sourcesContent":[".card {\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    padding: var(--tempest-space-5);\n    box-shadow: var(--tempest-shadow-sm);\n    color: var(--tempest-text);\n    transition:\n        var(--tempest-transition-shadow),\n        var(--tempest-transition-transform),\n        border-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n/* ============================================================\n * Elevation variants\n * ============================================================ */\n.flat {\n    box-shadow: none;\n}\n.raised {\n    box-shadow: var(--tempest-shadow-md);\n}\n.elevated {\n    box-shadow: var(--tempest-shadow-lg);\n    border-color: transparent;\n}\n\n/* ============================================================\n * Interactive — hoverable card (use for clickable cards, list rows)\n * ============================================================ */\n.interactive {\n    cursor: pointer;\n}\n@media (hover: hover) and (pointer: fine) {\n    .interactive:hover {\n        border-color: var(--tempest-border-strong);\n        box-shadow: var(--tempest-shadow-md);\n        transform: translateY(-1px);\n    }\n}\n.interactive:active {\n    transform: translateY(0);\n    box-shadow: var(--tempest-shadow-sm);\n}\n.interactive: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.padded {\n    padding: var(--tempest-space-5);\n}\n\n.flush {\n    padding: 0;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-md);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n}\n\n.footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":";"}

package/dist/components/Card/Card.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/Card.css";
 //#region src/components/Card/Card.module.css
 var e = "tempest_card_Cb1o4", t = "tempest_flat_LRpce", n = "tempest_raised_WmIqk", r = "tempest_elevated_5VEDw", i = "tempest_interactive_B8Tah", a = "tempest_padded_oOxwN", o = "tempest_flush_aiDZi", s = "tempest_header_PTXf2", c = "tempest_title_mSgoo", l = "tempest_body_W441Z", u = "tempest_footer_Mu-JC", d = {
 	card: e,

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

@@ -1 +1 @@
-{"version":3,"file":"Card.module.js","names":[],"sources":["../../../src/components/Card/Card.module.css"],"sourcesContent":[".card {\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    padding: var(--tempest-space-5);\n    box-shadow: var(--tempest-shadow-sm);\n    color: var(--tempest-text);\n    transition:\n        var(--tempest-transition-shadow),\n        var(--tempest-transition-transform),\n        border-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n/* ============================================================\n * Elevation variants\n * ============================================================ */\n.flat {\n    box-shadow: none;\n}\n.raised {\n    box-shadow: var(--tempest-shadow-md);\n}\n.elevated {\n    box-shadow: var(--tempest-shadow-lg);\n    border-color: transparent;\n}\n\n/* ============================================================\n * Interactive — hoverable card (use for clickable cards, list rows)\n * ============================================================ */\n.interactive {\n    cursor: pointer;\n}\n@media (hover: hover) and (pointer: fine) {\n    .interactive:hover {\n        border-color: var(--tempest-border-strong);\n        box-shadow: var(--tempest-shadow-md);\n        transform: translateY(-1px);\n    }\n}\n.interactive:active {\n    transform: translateY(0);\n    box-shadow: var(--tempest-shadow-sm);\n}\n.interactive: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.padded {\n    padding: var(--tempest-space-5);\n}\n\n.flush {\n    padding: 0;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-md);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n}\n\n.footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}
+{"version":3,"file":"Card.module.js","names":[],"sources":["../../../src/components/Card/Card.module.css"],"sourcesContent":[".card {\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    padding: var(--tempest-space-5);\n    box-shadow: var(--tempest-shadow-sm);\n    color: var(--tempest-text);\n    transition:\n        var(--tempest-transition-shadow),\n        var(--tempest-transition-transform),\n        border-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n/* ============================================================\n * Elevation variants\n * ============================================================ */\n.flat {\n    box-shadow: none;\n}\n.raised {\n    box-shadow: var(--tempest-shadow-md);\n}\n.elevated {\n    box-shadow: var(--tempest-shadow-lg);\n    border-color: transparent;\n}\n\n/* ============================================================\n * Interactive — hoverable card (use for clickable cards, list rows)\n * ============================================================ */\n.interactive {\n    cursor: pointer;\n}\n@media (hover: hover) and (pointer: fine) {\n    .interactive:hover {\n        border-color: var(--tempest-border-strong);\n        box-shadow: var(--tempest-shadow-md);\n        transform: translateY(-1px);\n    }\n}\n.interactive:active {\n    transform: translateY(0);\n    box-shadow: var(--tempest-shadow-sm);\n}\n.interactive: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.padded {\n    padding: var(--tempest-space-5);\n}\n\n.flush {\n    padding: 0;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-md);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n}\n\n.footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":";"}

package/dist/components/Carousel/Carousel.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/Carousel.css");
 var e=`tempest_root_-w3-j`,t=`tempest_viewport_n0hzM`,n=`tempest_track_5PA8h`,r=`tempest_slide_fhfjg`,i=`tempest_arrow_S92Lt`,a=`tempest_prev_X8whU`,o=`tempest_next_jBRSz`,s=`tempest_dots_fL3Hr`,c=`tempest_dot_vEB56`,l=`tempest_dotActive_OSSUg`,u={root:e,viewport:t,track:n,slide:r,arrow:i,prev:a,next:o,dots:s,dot:c,dotActive:l};exports.arrow=i,exports.default=u,exports.dot=c,exports.dotActive=l,exports.dots=s,exports.next=o,exports.prev=a,exports.root=e,exports.slide=r,exports.track=n,exports.viewport=t;
 //# sourceMappingURL=Carousel.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.module.cjs","names":[],"sources":["../../../src/components/Carousel/Carousel.module.css"],"sourcesContent":[".root {\n    position: relative;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.root:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.viewport {\n    overflow: hidden;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.track {\n    display: flex;\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.slide {\n    flex: 0 0 100%;\n    min-width: 0;\n}\n\n.arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    box-shadow: var(--tempest-shadow-md);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-xl);\n    line-height: 1;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .arrow:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.arrow:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.arrow:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.prev {\n    left: var(--tempest-space-2);\n}\n\n.next {\n    right: var(--tempest-space-2);\n}\n\n.dots {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    margin-top: var(--tempest-space-3);\n}\n\n.dot {\n    width: 0.5rem;\n    height: 0.5rem;\n    padding: 0;\n    background-color: var(--tempest-border);\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.dotActive {\n    background-color: var(--tempest-primary);\n}\n\n.dot:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .track {\n        transition: none;\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Carousel.module.cjs","names":[],"sources":["../../../src/components/Carousel/Carousel.module.css"],"sourcesContent":[".root {\n    position: relative;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.root:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.viewport {\n    overflow: hidden;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.track {\n    display: flex;\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.slide {\n    flex: 0 0 100%;\n    min-width: 0;\n}\n\n.arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    box-shadow: var(--tempest-shadow-md);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-xl);\n    line-height: 1;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .arrow:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.arrow:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.arrow:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.prev {\n    left: var(--tempest-space-2);\n}\n\n.next {\n    right: var(--tempest-space-2);\n}\n\n.dots {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    margin-top: var(--tempest-space-3);\n}\n\n.dot {\n    width: 0.5rem;\n    height: 0.5rem;\n    padding: 0;\n    background-color: var(--tempest-border);\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.dotActive {\n    background-color: var(--tempest-primary);\n}\n\n.dot:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .track {\n        transition: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/Carousel/Carousel.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/Carousel.css";
 //#region src/components/Carousel/Carousel.module.css
 var e = "tempest_root_-w3-j", t = "tempest_viewport_n0hzM", n = "tempest_track_5PA8h", r = "tempest_slide_fhfjg", i = "tempest_arrow_S92Lt", a = "tempest_prev_X8whU", o = "tempest_next_jBRSz", s = "tempest_dots_fL3Hr", c = "tempest_dot_vEB56", l = "tempest_dotActive_OSSUg", u = {
 	root: e,

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.module.js","names":[],"sources":["../../../src/components/Carousel/Carousel.module.css"],"sourcesContent":[".root {\n    position: relative;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.root:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.viewport {\n    overflow: hidden;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.track {\n    display: flex;\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.slide {\n    flex: 0 0 100%;\n    min-width: 0;\n}\n\n.arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    box-shadow: var(--tempest-shadow-md);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-xl);\n    line-height: 1;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .arrow:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.arrow:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.arrow:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.prev {\n    left: var(--tempest-space-2);\n}\n\n.next {\n    right: var(--tempest-space-2);\n}\n\n.dots {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    margin-top: var(--tempest-space-3);\n}\n\n.dot {\n    width: 0.5rem;\n    height: 0.5rem;\n    padding: 0;\n    background-color: var(--tempest-border);\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.dotActive {\n    background-color: var(--tempest-primary);\n}\n\n.dot:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .track {\n        transition: none;\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Carousel.module.js","names":[],"sources":["../../../src/components/Carousel/Carousel.module.css"],"sourcesContent":[".root {\n    position: relative;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.root:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.viewport {\n    overflow: hidden;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.track {\n    display: flex;\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.slide {\n    flex: 0 0 100%;\n    min-width: 0;\n}\n\n.arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    box-shadow: var(--tempest-shadow-md);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-xl);\n    line-height: 1;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .arrow:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.arrow:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.arrow:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.prev {\n    left: var(--tempest-space-2);\n}\n\n.next {\n    right: var(--tempest-space-2);\n}\n\n.dots {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    margin-top: var(--tempest-space-3);\n}\n\n.dot {\n    width: 0.5rem;\n    height: 0.5rem;\n    padding: 0;\n    background-color: var(--tempest-border);\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.dotActive {\n    background-color: var(--tempest-primary);\n}\n\n.dot:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .track {\n        transition: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/Center/Center.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/Center.css");
 var e=`tempest_center_Pu1Pf`,t=`tempest_both_53GWn`,n=`tempest_horizontal_94-Bt`,r=`tempest_vertical_Q7Kyg`,i={center:e,both:t,horizontal:n,vertical:r};exports.both=t,exports.center=e,exports.default=i,exports.horizontal=n,exports.vertical=r;
 //# sourceMappingURL=Center.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Center.module.cjs","names":[],"sources":["../../../src/components/Center/Center.module.css"],"sourcesContent":[".center {\n    display: flex;\n}\n\n.center.both {\n    align-items: center;\n    justify-content: center;\n}\n\n.center.horizontal {\n    justify-content: center;\n}\n\n.center.vertical {\n    align-items: center;\n}\n"],"mappings":""}
+{"version":3,"file":"Center.module.cjs","names":[],"sources":["../../../src/components/Center/Center.module.css"],"sourcesContent":[".center {\n    display: flex;\n}\n\n.center.both {\n    align-items: center;\n    justify-content: center;\n}\n\n.center.horizontal {\n    justify-content: center;\n}\n\n.center.vertical {\n    align-items: center;\n}\n"],"mappings":";"}

package/dist/components/Center/Center.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/Center.css";
 //#region src/components/Center/Center.module.css
 var e = "tempest_center_Pu1Pf", t = "tempest_both_53GWn", n = "tempest_horizontal_94-Bt", r = "tempest_vertical_Q7Kyg", i = {
 	center: e,

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

@@ -1 +1 @@
-{"version":3,"file":"Center.module.js","names":[],"sources":["../../../src/components/Center/Center.module.css"],"sourcesContent":[".center {\n    display: flex;\n}\n\n.center.both {\n    align-items: center;\n    justify-content: center;\n}\n\n.center.horizontal {\n    justify-content: center;\n}\n\n.center.vertical {\n    align-items: center;\n}\n"],"mappings":""}
+{"version":3,"file":"Center.module.js","names":[],"sources":["../../../src/components/Center/Center.module.css"],"sourcesContent":[".center {\n    display: flex;\n}\n\n.center.both {\n    align-items: center;\n    justify-content: center;\n}\n\n.center.horizontal {\n    justify-content: center;\n}\n\n.center.vertical {\n    align-items: center;\n}\n"],"mappings":";"}

package/dist/components/Chat/Chat.cjs

@@ -1,2 +1,2 @@
-const e=require("../../utils/cn.cjs"),t=require("../EmptyState/EmptyState.cjs"),n=require("../VisuallyHidden/VisuallyHidden.cjs"),r=require("./chat-groups.cjs"),i=require("./Chat.module.cjs"),a=require("./ChatComposer.cjs");let o=require("react"),s=require("react/jsx-runtime");var c={sending:`◌`,sent:`✓`,read:`✓✓`,failed:`!`};function l({messages:l,currentUserId:u,onSend:d,onRetry:f,typing:p=[],renderAvatar:m,header:h,emptyState:g,groupWindowMs:_,locale:v=`pt-BR`,now:y,placeholder:b,composerActions:x,composerDisabled:S,onSendError:C,className:w,...T}){let E=r.chatStrings(v),D=r.groupMessages({messages:l,currentUserId:u,windowMs:_}),O=(0,o.useRef)(null),k=(0,o.useRef)(null),A=(0,o.useRef)(!0),j=()=>{let e=k.current;if(!e)return;let t=e.scrollHeight-e.scrollTop-e.clientHeight;A.current=t<48};(0,o.useLayoutEffect)(()=>{let e=k.current;e&&A.current&&(e.scrollTop=e.scrollHeight)},[l,p]),(0,o.useEffect)(()=>{let e=k.current;e&&(e.scrollTop=e.scrollHeight)},[]);let M=r.typingLabel(p,v);return(0,s.jsxs)(`div`,{className:e.cn(i.default.panel,w),...T,children:[h&&(0,s.jsx)(`header`,{className:i.default.header,children:h}),(0,s.jsx)(`div`,{ref:k,className:i.default.thread,onScroll:j,role:`log`,"aria-live":`polite`,"aria-relevant":`additions text`,tabIndex:0,"aria-label":E.thread,children:l.length===0?g??(0,s.jsx)(t.EmptyState,{title:E.empty}):D.map(t=>t.kind===`day`?(0,s.jsx)(`div`,{className:i.default.day,children:(0,s.jsx)(`span`,{className:i.default.dayLabel,children:r.dayLabel(t.date,{locale:v,now:y})})},t.key):(0,s.jsxs)(`div`,{className:e.cn(i.default.run,t.own&&i.default.ownRun),children:[m&&(0,s.jsx)(`div`,{className:i.default.avatar,"aria-hidden":`true`,children:m(t.messages[0])}),(0,s.jsxs)(`div`,{className:i.default.runBody,children:[(0,s.jsx)(`span`,{className:i.default.author,children:t.own?E.you:t.authorName??t.authorId}),(0,s.jsx)(`ul`,{className:i.default.bubbles,children:t.messages.map(a=>(0,s.jsxs)(`li`,{className:i.default.bubbleRow,children:[(0,s.jsxs)(`div`,{className:e.cn(i.default.bubble,t.own&&i.default.ownBubble,a.status===`failed`&&i.default.failedBubble),children:[(0,s.jsx)(`div`,{className:i.default.body,children:a.body}),(0,s.jsxs)(`div`,{className:i.default.meta,children:[(0,s.jsx)(`time`,{dateTime:new Date(a.sentAt).toISOString(),children:r.timeLabel(a.sentAt,v)}),t.own&&a.status&&(0,s.jsxs)(`span`,{className:e.cn(i.default.status,a.status===`failed`&&i.default.statusFailed),title:E[a.status],children:[(0,s.jsx)(`span`,{"aria-hidden":`true`,children:c[a.status]}),(0,s.jsx)(n.VisuallyHidden,{children:E[a.status]})]})]})]}),a.status===`failed`&&f&&(0,s.jsx)(`button`,{type:`button`,className:i.default.retry,onClick:()=>f(a),children:E.retry})]},a.id))})]})]},t.key))}),M&&(0,s.jsx)(`p`,{className:i.default.typing,"aria-live":`polite`,children:M}),d&&(0,s.jsx)(a.ChatComposer,{ref:O,onSend:d,locale:v,placeholder:b,actions:x,disabled:S,onError:C})]})}exports.Chat=l;
+const e=require("../../utils/cn.cjs"),t=require("../EmptyState/EmptyState.cjs"),n=require("./chat-groups.cjs"),r=require("./Chat.module.cjs"),i=require("./ChatBubble.cjs"),a=require("./ChatComposer.cjs");let o=require("react"),s=require("react/jsx-runtime");function c({messages:c,currentUserId:l,onSend:u,onRetry:d,typing:f=[],renderAvatar:p,header:m,emptyState:h,groupWindowMs:g,locale:_=`pt-BR`,now:v,placeholder:y,composerActions:b,composerDisabled:x,onSendError:S,onReact:C,messageActions:w,onQuoteClick:T,className:E,...D}){let O=n.chatStrings(_),k=n.groupMessages({messages:c,currentUserId:l,windowMs:g}),A=(0,o.useRef)(null),j=(0,o.useRef)(null),M=(0,o.useRef)(!0),N=()=>{let e=j.current;if(!e)return;let t=e.scrollHeight-e.scrollTop-e.clientHeight;M.current=t<48};(0,o.useLayoutEffect)(()=>{let e=j.current;e&&M.current&&(e.scrollTop=e.scrollHeight)},[c,f]),(0,o.useEffect)(()=>{let e=j.current;e&&(e.scrollTop=e.scrollHeight)},[]);let P=n.typingLabel(f,_);return(0,s.jsxs)(`div`,{className:e.cn(r.default.panel,E),...D,children:[m&&(0,s.jsx)(`header`,{className:r.default.header,children:m}),(0,s.jsx)(`div`,{ref:j,className:r.default.thread,onScroll:N,role:`log`,"aria-live":`polite`,"aria-relevant":`additions text`,tabIndex:0,"aria-label":O.thread,children:c.length===0?h??(0,s.jsx)(t.EmptyState,{title:O.empty}):k.map(t=>t.kind===`day`?(0,s.jsx)(`div`,{className:r.default.day,children:(0,s.jsx)(`span`,{className:r.default.dayLabel,children:n.dayLabel(t.date,{locale:_,now:v})})},t.key):(0,s.jsxs)(`div`,{className:e.cn(r.default.run,t.own&&r.default.ownRun),children:[p&&(0,s.jsx)(`div`,{className:r.default.avatar,"aria-hidden":`true`,children:p(t.messages[0])}),(0,s.jsxs)(`div`,{className:r.default.runBody,children:[(0,s.jsx)(`span`,{className:r.default.author,children:t.own?O.you:t.authorName??t.authorId}),(0,s.jsx)(`ul`,{className:r.default.bubbles,children:t.messages.map(e=>(0,s.jsx)(i.ChatBubble,{message:e,own:t.own,locale:_,onRetry:d,onReact:C,messageActions:w,onQuoteClick:T},e.id))})]})]},t.key))}),P&&(0,s.jsx)(`p`,{className:r.default.typing,"aria-live":`polite`,children:P}),u&&(0,s.jsx)(a.ChatComposer,{ref:A,onSend:u,locale:_,placeholder:y,actions:b,disabled:x,onError:S})]})}exports.Chat=c;
 //# sourceMappingURL=Chat.cjs.map

package/dist/components/Chat/Chat.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.cjs","names":[],"sources":["../../../src/components/Chat/Chat.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — message grouping needs\n * more context than a list does: currentUserId to decide sides, groupWindowMs and\n * now to decide where a bubble group breaks, typing for the indicator. The remaining\n * props are the composer's (placeholder, composerActions, composerDisabled, onSend,\n * onSendError) and the slots (renderAvatar, header, emptyState).\n */\nimport { useEffect, useLayoutEffect, useRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { EmptyState } from \"../EmptyState\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { ChatComposer, type ChatComposerHandle } from \"./ChatComposer\";\nimport {\n    chatStrings,\n    dayLabel,\n    groupMessages,\n    timeLabel,\n    typingLabel,\n    type ChatMessage,\n} from \"./chat-groups\";\nimport styles from \"./Chat.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\" | \"onSubmit\";\n\nexport interface ChatProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** The thread, **oldest first**. Never reordered by the component. */\n    messages: readonly ChatMessage[];\n    /** Author id treated as \"own\" — decides side, colour and status ticks. */\n    currentUserId?: string;\n    /** Renders the composer when given. Receives the trimmed text. */\n    onSend?: (text: string) => void | Promise<void>;\n    /** Enables the retry control on a `\"failed\"` message. */\n    onRetry?: (message: ChatMessage) => void;\n    /** Names currently typing. One, two or a count is phrased for you. */\n    typing?: readonly string[];\n    /** Avatar for the first message of a run — an `<Avatar>`, an `<Icon>`. */\n    renderAvatar?: (message: ChatMessage) => ReactNode;\n    /** Rendered above the thread, inside the panel. */\n    header?: ReactNode;\n    /** Shown when there are no messages. */\n    emptyState?: ReactNode;\n    /** Gap that still keeps consecutive messages in one run. Default 5 min. */\n    groupWindowMs?: number;\n    /** Locale for labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Reference instant for \"Hoje\"/\"Ontem\". Default: now, at render time. */\n    now?: number;\n    /** Placeholder for the composer. */\n    placeholder?: string;\n    /** Extra controls inside the composer, before the send button. */\n    composerActions?: ReactNode;\n    /** Disable the composer — no permission, thread archived, offline. */\n    composerDisabled?: boolean;\n    /** Called when `onSend` rejects. The draft stays in the field either way. */\n    onSendError?: (error: unknown) => void;\n}\n\n/** Status glyph and label for an outgoing message. */\nconst STATUS_GLYPH: Record<NonNullable<ChatMessage[\"status\"]>, string> = {\n    sending: \"◌\",\n    sent: \"✓\",\n    read: \"✓✓\",\n    failed: \"!\",\n};\n\n/**\n * A message thread: grouped by author and by day, own messages on one side, with\n * delivery state, a typing indicator and an optional composer.\n *\n * Presentational and controlled, like the rest of the SDK: it takes a list and\n * emits intent (`onSend`, `onRetry`). Where messages come from — REST, the SDK's\n * `createWebSocket`, an SSE stream — and how an optimistic insert is done stay with\n * the app, because those differ per backend and a component that assumed one would\n * be wrong for most.\n *\n * It works as a comment thread too: that is the same component with\n * `currentUserId` set and no `typing`.\n *\n * @example\n * <Chat\n *     messages={messages}\n *     currentUserId={me.id}\n *     typing={typingNames}\n *     onSend={(text) => send({ text })}\n *     onRetry={(message) => resend(message.id)}\n * />\n */\nexport function Chat({\n    messages,\n    currentUserId,\n    onSend,\n    onRetry,\n    typing = [],\n    renderAvatar,\n    header,\n    emptyState,\n    groupWindowMs,\n    locale = \"pt-BR\",\n    now,\n    placeholder,\n    composerActions,\n    composerDisabled,\n    onSendError,\n    className,\n    ...rest\n}: ChatProps) {\n    const strings = chatStrings(locale);\n    const sections = groupMessages({ messages, currentUserId, windowMs: groupWindowMs });\n    const composer = useRef<ChatComposerHandle | null>(null);\n    const thread = useRef<HTMLDivElement | null>(null);\n    const stuckToBottom = useRef(true);\n\n    /**\n     * Remember whether the reader is at the bottom, before the next batch lands.\n     *\n     * A thread that always scrolls to the newest message yanks somebody out of the\n     * history they were reading, every time anyone types. So the jump only happens\n     * when they were already at the bottom — the same rule every chat app converges\n     * on. The 48px slack covers a partially visible last row.\n     */\n    const trackPosition = (): void => {\n        const node = thread.current;\n        if (!node) return;\n        const distance = node.scrollHeight - node.scrollTop - node.clientHeight;\n        stuckToBottom.current = distance < 48;\n    };\n\n    useLayoutEffect(() => {\n        const node = thread.current;\n        if (!node || !stuckToBottom.current) return;\n        node.scrollTop = node.scrollHeight;\n    }, [messages, typing]);\n\n    useEffect(() => {\n        const node = thread.current;\n        if (!node) return;\n        node.scrollTop = node.scrollHeight;\n        // Mount lands on the newest message; from then on `trackPosition` decides.\n    }, []);\n\n    const typingText = typingLabel(typing, locale);\n\n    return (\n        <div className={cn(styles.panel, className)} {...rest}>\n            {header && <header className={styles.header}>{header}</header>}\n\n            <div\n                ref={thread}\n                className={styles.thread}\n                onScroll={trackPosition}\n                role=\"log\"\n                aria-live=\"polite\"\n                aria-relevant=\"additions text\"\n                tabIndex={0}\n                aria-label={strings.thread}\n            >\n                {messages.length === 0\n                    ? (emptyState ?? <EmptyState title={strings.empty} />)\n                    : sections.map((section) =>\n                          section.kind === \"day\" ? (\n                              <div key={section.key} className={styles.day}>\n                                  <span className={styles.dayLabel}>\n                                      {dayLabel(section.date, { locale, now })}\n                                  </span>\n                              </div>\n                          ) : (\n                              <div\n                                  key={section.key}\n                                  className={cn(styles.run, section.own && styles.ownRun)}\n                              >\n                                  {renderAvatar && (\n                                      <div className={styles.avatar} aria-hidden=\"true\">\n                                          {renderAvatar(section.messages[0])}\n                                      </div>\n                                  )}\n                                  <div className={styles.runBody}>\n                                      <span className={styles.author}>\n                                          {section.own\n                                              ? strings.you\n                                              : (section.authorName ?? section.authorId)}\n                                      </span>\n                                      <ul className={styles.bubbles}>\n                                          {section.messages.map((message) => (\n                                              <li key={message.id} className={styles.bubbleRow}>\n                                                  <div\n                                                      className={cn(\n                                                          styles.bubble,\n                                                          section.own && styles.ownBubble,\n                                                          message.status === \"failed\" &&\n                                                              styles.failedBubble,\n                                                      )}\n                                                  >\n                                                      <div className={styles.body}>\n                                                          {message.body}\n                                                      </div>\n                                                      <div className={styles.meta}>\n                                                          <time\n                                                              dateTime={new Date(\n                                                                  message.sentAt,\n                                                              ).toISOString()}\n                                                          >\n                                                              {timeLabel(message.sentAt, locale)}\n                                                          </time>\n                                                          {section.own && message.status && (\n                                                              <span\n                                                                  className={cn(\n                                                                      styles.status,\n                                                                      message.status === \"failed\" &&\n                                                                          styles.statusFailed,\n                                                                  )}\n                                                                  title={strings[message.status]}\n                                                              >\n                                                                  <span aria-hidden=\"true\">\n                                                                      {STATUS_GLYPH[message.status]}\n                                                                  </span>\n                                                                  <VisuallyHidden>\n                                                                      {strings[message.status]}\n                                                                  </VisuallyHidden>\n                                                              </span>\n                                                          )}\n                                                      </div>\n                                                  </div>\n                                                  {message.status === \"failed\" && onRetry && (\n                                                      <button\n                                                          type=\"button\"\n                                                          className={styles.retry}\n                                                          onClick={() => onRetry(message)}\n                                                      >\n                                                          {strings.retry}\n                                                      </button>\n                                                  )}\n                                              </li>\n                                          ))}\n                                      </ul>\n                                  </div>\n                              </div>\n                          ),\n                      )}\n            </div>\n\n            {typingText && (\n                <p className={styles.typing} aria-live=\"polite\">\n                    {typingText}\n                </p>\n            )}\n\n            {onSend && (\n                <ChatComposer\n                    ref={composer}\n                    onSend={onSend}\n                    locale={locale}\n                    placeholder={placeholder}\n                    actions={composerActions}\n                    disabled={composerDisabled}\n                    onError={onSendError}\n                />\n            )}\n        </div>\n    );\n}\n"],"mappings":"sRA6DA,IAAM,EAAmE,CACrE,QAAS,IACT,KAAM,IACN,KAAM,KACN,OAAQ,GACZ,EAwBA,SAAgB,EAAK,CACjB,WACA,gBACA,SACA,UACA,SAAS,CAAC,EACV,eACA,SACA,aACA,gBACA,SAAS,QACT,MACA,cACA,kBACA,mBACA,cACA,YACA,GAAG,GACO,CACV,IAAM,EAAU,EAAA,YAAY,CAAM,EAC5B,EAAW,EAAA,cAAc,CAAE,WAAU,gBAAe,SAAU,CAAc,CAAC,EAC7E,GAAA,EAAW,EAAA,OAAA,CAAkC,IAAI,EACjD,GAAA,EAAS,EAAA,OAAA,CAA8B,IAAI,EAC3C,GAAA,EAAgB,EAAA,OAAA,CAAO,EAAI,EAU3B,MAA4B,CAC9B,IAAM,EAAO,EAAO,QACpB,GAAI,CAAC,EAAM,OACX,IAAM,EAAW,EAAK,aAAe,EAAK,UAAY,EAAK,aAC3D,EAAc,QAAU,EAAW,EACvC,GAEA,EAAA,EAAA,gBAAA,KAAsB,CAClB,IAAM,EAAO,EAAO,QACf,GAAS,EAAc,UAC5B,EAAK,UAAY,EAAK,aAC1B,EAAG,CAAC,EAAU,CAAM,CAAC,GAErB,EAAA,EAAA,UAAA,KAAgB,CACZ,IAAM,EAAO,EAAO,QACf,IACL,EAAK,UAAY,EAAK,aAE1B,EAAG,CAAC,CAAC,EAEL,IAAM,EAAa,EAAA,YAAY,EAAQ,CAAM,EAE7C,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EAAG,GAAI,EAAjD,SAAA,CACK,IAAU,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,OAAS,SAAA,CAAe,CAAA,GAE7D,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,QAAO,OAClB,SAAU,EACV,KAAK,MACL,YAAU,SACV,gBAAc,iBACd,SAAU,EACV,aAAY,EAAQ,OAEnB,SAAA,EAAS,SAAW,EACd,IAAc,EAAA,EAAA,IAAA,CAAC,EAAA,WAAD,CAAY,MAAO,EAAQ,KAAQ,CAAA,EAClD,EAAS,IAAK,GACV,EAAQ,OAAS,OACb,EAAA,EAAA,IAAA,CAAC,MAAD,CAAuB,UAAW,EAAA,QAAO,IACrC,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,SACnB,SAAA,EAAA,SAAS,EAAQ,KAAM,CAAE,SAAQ,KAAI,CAAC,CACrC,CAAA,CACL,EAJK,EAAQ,GAIb,GAEL,EAAA,EAAA,KAAA,CAAC,MAAD,CAEI,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,EAAQ,KAAO,EAAA,QAAO,MAAM,EAF1D,SAAA,CAIK,IACG,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,OAAQ,cAAY,OACtC,SAAA,EAAa,EAAQ,SAAS,EAAE,CAChC,CAAA,GAET,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAvB,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,OACnB,SAAA,EAAQ,IACH,EAAQ,IACP,EAAQ,YAAc,EAAQ,QACnC,CAAA,GACN,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,QACjB,SAAA,EAAQ,SAAS,IAAK,IACnB,EAAA,EAAA,KAAA,CAAC,KAAD,CAAqB,UAAW,EAAA,QAAO,UAAvC,SAAA,EACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,OACP,EAAQ,KAAO,EAAA,QAAO,UACtB,EAAQ,SAAW,UACf,EAAA,QAAO,YACf,EANJ,SAAA,EAQI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAClB,SAAA,EAAQ,IACR,CAAA,GACL,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAvB,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,SAAU,IAAI,KACV,EAAQ,MACZ,CAAC,CAAC,YAAY,EAEb,SAAA,EAAA,UAAU,EAAQ,OAAQ,CAAM,CAC/B,CAAA,EACL,EAAQ,KAAO,EAAQ,SACpB,EAAA,EAAA,KAAA,CAAC,OAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,OACP,EAAQ,SAAW,UACf,EAAA,QAAO,YACf,EACA,MAAO,EAAQ,EAAQ,QAN3B,SAAA,EAQI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,cAAY,OACb,SAAA,EAAa,EAAQ,OACpB,CAAA,GACN,EAAA,EAAA,IAAA,CAAC,EAAA,eAAD,CAAA,SACK,EAAQ,EAAQ,OACL,CAAA,CACd,CAET,CAAA,CAAA,CACJ,CAAA,CAAA,CACJ,CAAA,EAAA,EAAQ,SAAW,UAAY,IAC5B,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,MAClB,YAAe,EAAQ,CAAO,EAE7B,SAAA,EAAQ,KACL,CAAA,CAEZ,CAhDK,EAAA,EAAQ,EAgDb,CACP,CACD,CAAA,CACH,CACJ,CAAA,CAAA,CApEI,EAAA,EAAQ,GAoEZ,CAEb,CACL,CAAA,EAEJ,IACG,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,OAAQ,YAAU,SAClC,SAAA,CACF,CAAA,EAGN,IACG,EAAA,EAAA,IAAA,CAAC,EAAA,aAAD,CACI,IAAK,EACG,SACA,SACK,cACb,QAAS,EACT,SAAU,EACV,QAAS,CACZ,CAAA,CAEJ,GAEb"}
+{"version":3,"file":"Chat.cjs","names":[],"sources":["../../../src/components/Chat/Chat.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — message grouping needs\n * more context than a list does: currentUserId to decide sides, groupWindowMs and\n * now to decide where a bubble group breaks, typing for the indicator. The remaining\n * props are the composer's (placeholder, composerActions, composerDisabled, onSend,\n * onSendError) and the slots (renderAvatar, header, emptyState).\n */\nimport { useEffect, useLayoutEffect, useRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport type { ContextMenuItem } from \"../ContextMenu\";\nimport { EmptyState } from \"../EmptyState\";\nimport { ChatBubble } from \"./ChatBubble\";\nimport { ChatComposer, type ChatComposerHandle } from \"./ChatComposer\";\nimport { chatStrings, dayLabel, groupMessages, typingLabel, type ChatMessage } from \"./chat-groups\";\nimport styles from \"./Chat.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\" | \"onSubmit\";\n\nexport interface ChatProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** The thread, **oldest first**. Never reordered by the component. */\n    messages: readonly ChatMessage[];\n    /** Author id treated as \"own\" — decides side, colour and status ticks. */\n    currentUserId?: string;\n    /** Renders the composer when given. Receives the trimmed text. */\n    onSend?: (text: string) => void | Promise<void>;\n    /** Enables the retry control on a `\"failed\"` message. */\n    onRetry?: (message: ChatMessage) => void;\n    /** Names currently typing. One, two or a count is phrased for you. */\n    typing?: readonly string[];\n    /** Avatar for the first message of a run — an `<Avatar>`, an `<Icon>`. */\n    renderAvatar?: (message: ChatMessage) => ReactNode;\n    /** Rendered above the thread, inside the panel. */\n    header?: ReactNode;\n    /** Shown when there are no messages. */\n    emptyState?: ReactNode;\n    /** Gap that still keeps consecutive messages in one run. Default 5 min. */\n    groupWindowMs?: number;\n    /** Locale for labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Reference instant for \"Hoje\"/\"Ontem\". Default: now, at render time. */\n    now?: number;\n    /** Placeholder for the composer. */\n    placeholder?: string;\n    /** Extra controls inside the composer, before the send button. */\n    composerActions?: ReactNode;\n    /** Disable the composer — no permission, thread archived, offline. */\n    composerDisabled?: boolean;\n    /** Called when `onSend` rejects. The draft stays in the field either way. */\n    onSendError?: (error: unknown) => void;\n    /**\n     * Toggles a reaction on a message. Enables the reaction chips.\n     *\n     * Called with the emoji that was pressed, including one the user already\n     * reacted with: reacting again clears it, rather than stacking a second copy.\n     * The app owns that rule — the component only reports the press.\n     */\n    onReact?: (message: ChatMessage, emoji: string) => void;\n    /**\n     * Per-message actions: reply, forward, star, edit, delete.\n     *\n     * Returns the items for one message, opened by right click, by long press on\n     * touch, and by a `⋮` button on the bubble. Buttons painted on every bubble\n     * turn a conversation into a toolbar, which is why this is a menu.\n     */\n    messageActions?: (message: ChatMessage) => ContextMenuItem[];\n    /** Called when a reply stub is activated — scroll to the quoted message. */\n    onQuoteClick?: (message: ChatMessage) => void;\n}\n\n/**\n * A message thread: grouped by author and by day, own messages on one side, with\n * delivery state, a typing indicator and an optional composer.\n *\n * Presentational and controlled, like the rest of the SDK: it takes a list and\n * emits intent (`onSend`, `onRetry`). Where messages come from — REST, the SDK's\n * `createWebSocket`, an SSE stream — and how an optimistic insert is done stay with\n * the app, because those differ per backend and a component that assumed one would\n * be wrong for most.\n *\n * It works as a comment thread too: that is the same component with\n * `currentUserId` set and no `typing`.\n *\n * @example\n * <Chat\n *     messages={messages}\n *     currentUserId={me.id}\n *     typing={typingNames}\n *     onSend={(text) => send({ text })}\n *     onRetry={(message) => resend(message.id)}\n * />\n */\nexport function Chat({\n    messages,\n    currentUserId,\n    onSend,\n    onRetry,\n    typing = [],\n    renderAvatar,\n    header,\n    emptyState,\n    groupWindowMs,\n    locale = \"pt-BR\",\n    now,\n    placeholder,\n    composerActions,\n    composerDisabled,\n    onSendError,\n    onReact,\n    messageActions,\n    onQuoteClick,\n    className,\n    ...rest\n}: ChatProps) {\n    const strings = chatStrings(locale);\n    const sections = groupMessages({ messages, currentUserId, windowMs: groupWindowMs });\n    const composer = useRef<ChatComposerHandle | null>(null);\n    const thread = useRef<HTMLDivElement | null>(null);\n    const stuckToBottom = useRef(true);\n\n    /**\n     * Remember whether the reader is at the bottom, before the next batch lands.\n     *\n     * A thread that always scrolls to the newest message yanks somebody out of the\n     * history they were reading, every time anyone types. So the jump only happens\n     * when they were already at the bottom — the same rule every chat app converges\n     * on. The 48px slack covers a partially visible last row.\n     */\n    const trackPosition = (): void => {\n        const node = thread.current;\n        if (!node) return;\n        const distance = node.scrollHeight - node.scrollTop - node.clientHeight;\n        stuckToBottom.current = distance < 48;\n    };\n\n    useLayoutEffect(() => {\n        const node = thread.current;\n        if (!node || !stuckToBottom.current) return;\n        node.scrollTop = node.scrollHeight;\n    }, [messages, typing]);\n\n    useEffect(() => {\n        const node = thread.current;\n        if (!node) return;\n        node.scrollTop = node.scrollHeight;\n        // Mount lands on the newest message; from then on `trackPosition` decides.\n    }, []);\n\n    const typingText = typingLabel(typing, locale);\n\n    return (\n        <div className={cn(styles.panel, className)} {...rest}>\n            {header && <header className={styles.header}>{header}</header>}\n\n            <div\n                ref={thread}\n                className={styles.thread}\n                onScroll={trackPosition}\n                role=\"log\"\n                aria-live=\"polite\"\n                aria-relevant=\"additions text\"\n                tabIndex={0}\n                aria-label={strings.thread}\n            >\n                {messages.length === 0\n                    ? (emptyState ?? <EmptyState title={strings.empty} />)\n                    : sections.map((section) =>\n                          section.kind === \"day\" ? (\n                              <div key={section.key} className={styles.day}>\n                                  <span className={styles.dayLabel}>\n                                      {dayLabel(section.date, { locale, now })}\n                                  </span>\n                              </div>\n                          ) : (\n                              <div\n                                  key={section.key}\n                                  className={cn(styles.run, section.own && styles.ownRun)}\n                              >\n                                  {renderAvatar && (\n                                      <div className={styles.avatar} aria-hidden=\"true\">\n                                          {renderAvatar(section.messages[0])}\n                                      </div>\n                                  )}\n                                  <div className={styles.runBody}>\n                                      <span className={styles.author}>\n                                          {section.own\n                                              ? strings.you\n                                              : (section.authorName ?? section.authorId)}\n                                      </span>\n                                      <ul className={styles.bubbles}>\n                                          {section.messages.map((message) => (\n                                              <ChatBubble\n                                                  key={message.id}\n                                                  message={message}\n                                                  own={section.own}\n                                                  locale={locale}\n                                                  onRetry={onRetry}\n                                                  onReact={onReact}\n                                                  messageActions={messageActions}\n                                                  onQuoteClick={onQuoteClick}\n                                              />\n                                          ))}\n                                      </ul>\n                                  </div>\n                              </div>\n                          ),\n                      )}\n            </div>\n\n            {typingText && (\n                <p className={styles.typing} aria-live=\"polite\">\n                    {typingText}\n                </p>\n            )}\n\n            {onSend && (\n                <ChatComposer\n                    ref={composer}\n                    onSend={onSend}\n                    locale={locale}\n                    placeholder={placeholder}\n                    actions={composerActions}\n                    disabled={composerDisabled}\n                    onError={onSendError}\n                />\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Chat/Chat.js

@@ -1,126 +1,101 @@
 import { cn as e } from "../../utils/cn.js";
 import { EmptyState as t } from "../EmptyState/EmptyState.js";
-import { VisuallyHidden as n } from "../VisuallyHidden/VisuallyHidden.js";
-import { chatStrings as r, dayLabel as i, groupMessages as a, timeLabel as o, typingLabel as s } from "./chat-groups.js";
-import c from "./Chat.module.js";
-import { ChatComposer as l } from "./ChatComposer.js";
-import { useEffect as u, useLayoutEffect as d, useRef as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { chatStrings as n, dayLabel as r, groupMessages as i, typingLabel as a } from "./chat-groups.js";
+import o from "./Chat.module.js";
+import { ChatBubble as s } from "./ChatBubble.js";
+import { ChatComposer as c } from "./ChatComposer.js";
+import { useEffect as l, useLayoutEffect as u, useRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/Chat/Chat.tsx
-var h = {
-	sending: "◌",
-	sent: "✓",
-	read: "✓✓",
-	failed: "!"
-};
-function g({ messages: g, currentUserId: _, onSend: v, onRetry: y, typing: b = [], renderAvatar: x, header: S, emptyState: C, groupWindowMs: w, locale: T = "pt-BR", now: E, placeholder: D, composerActions: O, composerDisabled: k, onSendError: A, className: j, ...M }) {
-	let N = r(T), P = a({
-		messages: g,
-		currentUserId: _,
-		windowMs: w
-	}), F = f(null), I = f(null), L = f(!0), R = () => {
-		let e = I.current;
+function m({ messages: m, currentUserId: h, onSend: g, onRetry: _, typing: v = [], renderAvatar: y, header: b, emptyState: x, groupWindowMs: S, locale: C = "pt-BR", now: w, placeholder: T, composerActions: E, composerDisabled: D, onSendError: O, onReact: k, messageActions: A, onQuoteClick: j, className: M, ...N }) {
+	let P = n(C), F = i({
+		messages: m,
+		currentUserId: h,
+		windowMs: S
+	}), I = d(null), L = d(null), R = d(!0), z = () => {
+		let e = L.current;
 		if (!e) return;
 		let t = e.scrollHeight - e.scrollTop - e.clientHeight;
-		L.current = t < 48;
+		R.current = t < 48;
 	};
-	d(() => {
-		let e = I.current;
-		e && L.current && (e.scrollTop = e.scrollHeight);
-	}, [g, b]), u(() => {
-		let e = I.current;
+	u(() => {
+		let e = L.current;
+		e && R.current && (e.scrollTop = e.scrollHeight);
+	}, [m, v]), l(() => {
+		let e = L.current;
 		e && (e.scrollTop = e.scrollHeight);
 	}, []);
-	let z = s(b, T);
-	return /* @__PURE__ */ m("div", {
-		className: e(c.panel, j),
-		...M,
+	let B = a(v, C);
+	return /* @__PURE__ */ p("div", {
+		className: e(o.panel, M),
+		...N,
 		children: [
-			S && /* @__PURE__ */ p("header", {
-				className: c.header,
-				children: S
+			b && /* @__PURE__ */ f("header", {
+				className: o.header,
+				children: b
 			}),
-			/* @__PURE__ */ p("div", {
-				ref: I,
-				className: c.thread,
-				onScroll: R,
+			/* @__PURE__ */ f("div", {
+				ref: L,
+				className: o.thread,
+				onScroll: z,
 				role: "log",
 				"aria-live": "polite",
 				"aria-relevant": "additions text",
 				tabIndex: 0,
-				"aria-label": N.thread,
-				children: g.length === 0 ? C ?? /* @__PURE__ */ p(t, { title: N.empty }) : P.map((t) => t.kind === "day" ? /* @__PURE__ */ p("div", {
-					className: c.day,
-					children: /* @__PURE__ */ p("span", {
-						className: c.dayLabel,
-						children: i(t.date, {
-							locale: T,
-							now: E
+				"aria-label": P.thread,
+				children: m.length === 0 ? x ?? /* @__PURE__ */ f(t, { title: P.empty }) : F.map((t) => t.kind === "day" ? /* @__PURE__ */ f("div", {
+					className: o.day,
+					children: /* @__PURE__ */ f("span", {
+						className: o.dayLabel,
+						children: r(t.date, {
+							locale: C,
+							now: w
 						})
 					})
-				}, t.key) : /* @__PURE__ */ m("div", {
-					className: e(c.run, t.own && c.ownRun),
-					children: [x && /* @__PURE__ */ p("div", {
-						className: c.avatar,
+				}, t.key) : /* @__PURE__ */ p("div", {
+					className: e(o.run, t.own && o.ownRun),
+					children: [y && /* @__PURE__ */ f("div", {
+						className: o.avatar,
 						"aria-hidden": "true",
-						children: x(t.messages[0])
-					}), /* @__PURE__ */ m("div", {
-						className: c.runBody,
-						children: [/* @__PURE__ */ p("span", {
-							className: c.author,
-							children: t.own ? N.you : t.authorName ?? t.authorId
-						}), /* @__PURE__ */ p("ul", {
-							className: c.bubbles,
-							children: t.messages.map((r) => /* @__PURE__ */ m("li", {
-								className: c.bubbleRow,
-								children: [/* @__PURE__ */ m("div", {
-									className: e(c.bubble, t.own && c.ownBubble, r.status === "failed" && c.failedBubble),
-									children: [/* @__PURE__ */ p("div", {
-										className: c.body,
-										children: r.body
-									}), /* @__PURE__ */ m("div", {
-										className: c.meta,
-										children: [/* @__PURE__ */ p("time", {
-											dateTime: new Date(r.sentAt).toISOString(),
-											children: o(r.sentAt, T)
-										}), t.own && r.status && /* @__PURE__ */ m("span", {
-											className: e(c.status, r.status === "failed" && c.statusFailed),
-											title: N[r.status],
-											children: [/* @__PURE__ */ p("span", {
-												"aria-hidden": "true",
-												children: h[r.status]
-											}), /* @__PURE__ */ p(n, { children: N[r.status] })]
-										})]
-									})]
-								}), r.status === "failed" && y && /* @__PURE__ */ p("button", {
-									type: "button",
-									className: c.retry,
-									onClick: () => y(r),
-									children: N.retry
-								})]
-							}, r.id))
+						children: y(t.messages[0])
+					}), /* @__PURE__ */ p("div", {
+						className: o.runBody,
+						children: [/* @__PURE__ */ f("span", {
+							className: o.author,
+							children: t.own ? P.you : t.authorName ?? t.authorId
+						}), /* @__PURE__ */ f("ul", {
+							className: o.bubbles,
+							children: t.messages.map((e) => /* @__PURE__ */ f(s, {
+								message: e,
+								own: t.own,
+								locale: C,
+								onRetry: _,
+								onReact: k,
+								messageActions: A,
+								onQuoteClick: j
+							}, e.id))
 						})]
 					})]
 				}, t.key))
 			}),
-			z && /* @__PURE__ */ p("p", {
-				className: c.typing,
+			B && /* @__PURE__ */ f("p", {
+				className: o.typing,
 				"aria-live": "polite",
-				children: z
+				children: B
 			}),
-			v && /* @__PURE__ */ p(l, {
-				ref: F,
-				onSend: v,
-				locale: T,
-				placeholder: D,
-				actions: O,
-				disabled: k,
-				onError: A
+			g && /* @__PURE__ */ f(c, {
+				ref: I,
+				onSend: g,
+				locale: C,
+				placeholder: T,
+				actions: E,
+				disabled: D,
+				onError: O
 			})
 		]
 	});
 }
 //#endregion
-export { g as Chat };
+export { m as Chat };
 
 //# sourceMappingURL=Chat.js.map