tempest-react-sdk 0.61.0 → 0.63.0

package/dist/components/Alert/Alert.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/Alert.css";
 //#region src/components/Alert/Alert.module.css
 var e = "tempest_alert_7cYyI", t = "tempest_content_UXnmZ", n = "tempest_title_abGgF", r = "tempest_description_pXPvw", i = "tempest_icon_Zg6SB", a = "tempest_close_narep", o = "tempest_neutral_J7MH1", s = "tempest_solid_s-oW5", c = "tempest_outline_v7w9b", l = "tempest_info_9r3r1", u = "tempest_success_1bzoB", d = "tempest_warning_q-j1Q", f = "tempest_danger_CiZkW", p = {
 	alert: e,

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.module.js","names":[],"sources":["../../../src/components/Alert/Alert.module.css"],"sourcesContent":[".alert {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n    width: 100%;\n}\n\n.content {\n    flex: 1;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 2px 0 0 0;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text-muted);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    margin-top: 1px;\n}\n\n.close {\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: inherit;\n    opacity: 0.7;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition:\n        var(--tempest-transition-color),\n        opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.close:hover {\n    opacity: 1;\n    background-color: rgba(15, 23, 42, 0.06);\n}\n\n.close: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/* ============================================================\n * Tone × Appearance matrix\n * ============================================================ */\n\n/* neutral */\n.neutral {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: var(--tempest-neutral-on-solid);\n    border-color: transparent;\n}\n.neutral.outline {\n    background-color: transparent;\n    border-color: var(--tempest-border-strong);\n}\n\n/* info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n.info .description {\n    color: var(--tempest-info-fg);\n    opacity: 0.85;\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: var(--tempest-info-on-solid);\n    border-color: transparent;\n}\n.info.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info);\n}\n\n/* success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n.success .description {\n    color: var(--tempest-success-fg);\n    opacity: 0.85;\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n    border-color: transparent;\n}\n.success.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success);\n}\n\n/* warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n.warning .description {\n    color: var(--tempest-warning-fg);\n    opacity: 0.85;\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: var(--tempest-warning-on-solid);\n    border-color: transparent;\n}\n.warning.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning);\n}\n\n/* danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n.danger .description {\n    color: var(--tempest-danger-fg);\n    opacity: 0.85;\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    border-color: transparent;\n}\n.danger.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger);\n}\n"],"mappings":""}
+{"version":3,"file":"Alert.module.js","names":[],"sources":["../../../src/components/Alert/Alert.module.css"],"sourcesContent":[".alert {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n    width: 100%;\n}\n\n.content {\n    flex: 1;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 2px 0 0 0;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text-muted);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    margin-top: 1px;\n}\n\n.close {\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: inherit;\n    opacity: 0.7;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition:\n        var(--tempest-transition-color),\n        opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.close:hover {\n    opacity: 1;\n    background-color: rgba(15, 23, 42, 0.06);\n}\n\n.close: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/* ============================================================\n * Tone × Appearance matrix\n * ============================================================ */\n\n/* neutral */\n.neutral {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: var(--tempest-neutral-on-solid);\n    border-color: transparent;\n}\n.neutral.outline {\n    background-color: transparent;\n    border-color: var(--tempest-border-strong);\n}\n\n/* info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n.info .description {\n    color: var(--tempest-info-fg);\n    opacity: 0.85;\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: var(--tempest-info-on-solid);\n    border-color: transparent;\n}\n.info.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info);\n}\n\n/* success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n.success .description {\n    color: var(--tempest-success-fg);\n    opacity: 0.85;\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n    border-color: transparent;\n}\n.success.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success);\n}\n\n/* warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n.warning .description {\n    color: var(--tempest-warning-fg);\n    opacity: 0.85;\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: var(--tempest-warning-on-solid);\n    border-color: transparent;\n}\n.warning.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning);\n}\n\n/* danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n.danger .description {\n    color: var(--tempest-danger-fg);\n    opacity: 0.85;\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    border-color: transparent;\n}\n.danger.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger);\n}\n"],"mappings":";"}

package/dist/components/AppBar/AppBar.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/AppBar.css");
 var e=`tempest_bar_SHqWS`,t=`tempest_centered_S0CCw`,n=`tempest_surface_fusKb`,r=`tempest_primary_QcCyN`,i=`tempest_transparent_uGrsu`,a=`tempest_bordered_5M9FZ`,o=`tempest_sticky_DStUO`,s=`tempest_safeArea_Vo3Bi`,c=`tempest_leading_mXv-d`,l=`tempest_actions_x7tMx`,u=`tempest_title_qaMMQ`,d=`tempest_brand_xKt54`,f=`tempest_iconBtn_S-BTg`,p={bar:e,centered:t,surface:n,primary:r,transparent:i,bordered:a,sticky:o,safeArea:s,leading:c,actions:l,title:u,brand:d,iconBtn:f};exports.actions=l,exports.bar=e,exports.bordered=a,exports.brand=d,exports.centered=t,exports.default=p,exports.iconBtn=f,exports.leading=c,exports.primary=r,exports.safeArea=s,exports.sticky=o,exports.surface=n,exports.title=u,exports.transparent=i;
 //# sourceMappingURL=AppBar.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppBar.module.cjs","names":[],"sources":["../../../src/components/AppBar/AppBar.module.css"],"sourcesContent":[".bar {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    min-height: 56px;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n}\n\n/* Symmetric side columns so the title is truly centered. */\n.bar.centered {\n    grid-template-columns: 1fr auto 1fr;\n}\n\n.bar.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.bar.primary {\n    background: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.bar.transparent {\n    background: transparent;\n    color: inherit;\n}\n\n.bar.bordered {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.bar.sticky {\n    position: sticky;\n    top: 0;\n    z-index: 30;\n}\n\n.bar.safeArea {\n    padding-top: max(var(--tempest-space-3), env(safe-area-inset-top, 0px));\n}\n\n.leading {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-1);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    min-width: 0;\n    font-size: var(--tempest-text-xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: 1.2;\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.bar.centered .title {\n    text-align: center;\n}\n\n.brand {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-bold);\n    color: inherit;\n    white-space: nowrap;\n}\n\n.iconBtn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\n.iconBtn:hover {\n    background: var(--tempest-surface-2);\n}\n\n.iconBtn: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"],"mappings":""}
+{"version":3,"file":"AppBar.module.cjs","names":[],"sources":["../../../src/components/AppBar/AppBar.module.css"],"sourcesContent":[".bar {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    min-height: 56px;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n}\n\n/* Symmetric side columns so the title is truly centered. */\n.bar.centered {\n    grid-template-columns: 1fr auto 1fr;\n}\n\n.bar.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.bar.primary {\n    background: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.bar.transparent {\n    background: transparent;\n    color: inherit;\n}\n\n.bar.bordered {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.bar.sticky {\n    position: sticky;\n    top: 0;\n    z-index: 30;\n}\n\n.bar.safeArea {\n    padding-top: max(var(--tempest-space-3), env(safe-area-inset-top, 0px));\n}\n\n.leading {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-1);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    min-width: 0;\n    font-size: var(--tempest-text-xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: 1.2;\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.bar.centered .title {\n    text-align: center;\n}\n\n.brand {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-bold);\n    color: inherit;\n    white-space: nowrap;\n}\n\n.iconBtn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\n.iconBtn:hover {\n    background: var(--tempest-surface-2);\n}\n\n.iconBtn: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"],"mappings":";"}

package/dist/components/AppBar/AppBar.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/AppBar.css";
 //#region src/components/AppBar/AppBar.module.css
 var e = "tempest_bar_SHqWS", t = "tempest_centered_S0CCw", n = "tempest_surface_fusKb", r = "tempest_primary_QcCyN", i = "tempest_transparent_uGrsu", a = "tempest_bordered_5M9FZ", o = "tempest_sticky_DStUO", s = "tempest_safeArea_Vo3Bi", c = "tempest_leading_mXv-d", l = "tempest_actions_x7tMx", u = "tempest_title_qaMMQ", d = "tempest_brand_xKt54", f = "tempest_iconBtn_S-BTg", p = {
 	bar: e,

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

@@ -1 +1 @@
-{"version":3,"file":"AppBar.module.js","names":[],"sources":["../../../src/components/AppBar/AppBar.module.css"],"sourcesContent":[".bar {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    min-height: 56px;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n}\n\n/* Symmetric side columns so the title is truly centered. */\n.bar.centered {\n    grid-template-columns: 1fr auto 1fr;\n}\n\n.bar.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.bar.primary {\n    background: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.bar.transparent {\n    background: transparent;\n    color: inherit;\n}\n\n.bar.bordered {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.bar.sticky {\n    position: sticky;\n    top: 0;\n    z-index: 30;\n}\n\n.bar.safeArea {\n    padding-top: max(var(--tempest-space-3), env(safe-area-inset-top, 0px));\n}\n\n.leading {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-1);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    min-width: 0;\n    font-size: var(--tempest-text-xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: 1.2;\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.bar.centered .title {\n    text-align: center;\n}\n\n.brand {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-bold);\n    color: inherit;\n    white-space: nowrap;\n}\n\n.iconBtn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\n.iconBtn:hover {\n    background: var(--tempest-surface-2);\n}\n\n.iconBtn: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"],"mappings":""}
+{"version":3,"file":"AppBar.module.js","names":[],"sources":["../../../src/components/AppBar/AppBar.module.css"],"sourcesContent":[".bar {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    min-height: 56px;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n}\n\n/* Symmetric side columns so the title is truly centered. */\n.bar.centered {\n    grid-template-columns: 1fr auto 1fr;\n}\n\n.bar.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.bar.primary {\n    background: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.bar.transparent {\n    background: transparent;\n    color: inherit;\n}\n\n.bar.bordered {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.bar.sticky {\n    position: sticky;\n    top: 0;\n    z-index: 30;\n}\n\n.bar.safeArea {\n    padding-top: max(var(--tempest-space-3), env(safe-area-inset-top, 0px));\n}\n\n.leading {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-1);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    min-width: 0;\n    font-size: var(--tempest-text-xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: 1.2;\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.bar.centered .title {\n    text-align: center;\n}\n\n.brand {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-bold);\n    color: inherit;\n    white-space: nowrap;\n}\n\n.iconBtn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\n.iconBtn:hover {\n    background: var(--tempest-surface-2);\n}\n\n.iconBtn: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"],"mappings":";"}

package/dist/components/AppShell/AppShell.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/AppShell.css");
 var e=`tempest_shell_-xp0O`,t=`tempest_navbar_liTKV`,n=`tempest_row_PE41P`,r=`tempest_sidebar_wyx-V`,i=`tempest_main_O3GFv`,a=`tempest_footer_IFW4q`,o=`tempest_bottomNav_pKJ1v`,s={shell:e,navbar:t,row:n,sidebar:r,main:i,footer:a,bottomNav:o};exports.bottomNav=o,exports.default=s,exports.footer=a,exports.main=i,exports.navbar=t,exports.row=n,exports.shell=e,exports.sidebar=r;
 //# sourceMappingURL=AppShell.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppShell.module.cjs","names":[],"sources":["../../../src/components/AppShell/AppShell.module.css"],"sourcesContent":[".shell {\n    display: flex;\n    flex-direction: column;\n    min-height: 100dvh;\n    width: 100%;\n    background: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.navbar {\n    flex: 0 0 auto;\n}\n\n.row {\n    flex: 1 1 auto;\n    display: flex;\n    min-height: 0;\n    width: 100%;\n}\n\n.sidebar {\n    flex: 0 0 auto;\n}\n\n.main {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow-x: auto;\n}\n\n.footer {\n    flex: 0 0 auto;\n}\n\n.bottomNav {\n    position: sticky;\n    bottom: 0;\n    z-index: 30;\n    flex: 0 0 auto;\n}\n"],"mappings":""}
+{"version":3,"file":"AppShell.module.cjs","names":[],"sources":["../../../src/components/AppShell/AppShell.module.css"],"sourcesContent":[".shell {\n    display: flex;\n    flex-direction: column;\n    min-height: 100dvh;\n    width: 100%;\n    background: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.navbar {\n    flex: 0 0 auto;\n}\n\n.row {\n    flex: 1 1 auto;\n    display: flex;\n    min-height: 0;\n    width: 100%;\n}\n\n.sidebar {\n    flex: 0 0 auto;\n}\n\n.main {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow-x: auto;\n}\n\n.footer {\n    flex: 0 0 auto;\n}\n\n.bottomNav {\n    position: sticky;\n    bottom: 0;\n    z-index: 30;\n    flex: 0 0 auto;\n}\n"],"mappings":";"}

package/dist/components/AppShell/AppShell.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/AppShell.css";
 //#region src/components/AppShell/AppShell.module.css
 var e = "tempest_shell_-xp0O", t = "tempest_navbar_liTKV", n = "tempest_row_PE41P", r = "tempest_sidebar_wyx-V", i = "tempest_main_O3GFv", a = "tempest_footer_IFW4q", o = "tempest_bottomNav_pKJ1v", s = {
 	shell: e,

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

@@ -1 +1 @@
-{"version":3,"file":"AppShell.module.js","names":[],"sources":["../../../src/components/AppShell/AppShell.module.css"],"sourcesContent":[".shell {\n    display: flex;\n    flex-direction: column;\n    min-height: 100dvh;\n    width: 100%;\n    background: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.navbar {\n    flex: 0 0 auto;\n}\n\n.row {\n    flex: 1 1 auto;\n    display: flex;\n    min-height: 0;\n    width: 100%;\n}\n\n.sidebar {\n    flex: 0 0 auto;\n}\n\n.main {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow-x: auto;\n}\n\n.footer {\n    flex: 0 0 auto;\n}\n\n.bottomNav {\n    position: sticky;\n    bottom: 0;\n    z-index: 30;\n    flex: 0 0 auto;\n}\n"],"mappings":""}
+{"version":3,"file":"AppShell.module.js","names":[],"sources":["../../../src/components/AppShell/AppShell.module.css"],"sourcesContent":[".shell {\n    display: flex;\n    flex-direction: column;\n    min-height: 100dvh;\n    width: 100%;\n    background: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.navbar {\n    flex: 0 0 auto;\n}\n\n.row {\n    flex: 1 1 auto;\n    display: flex;\n    min-height: 0;\n    width: 100%;\n}\n\n.sidebar {\n    flex: 0 0 auto;\n}\n\n.main {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow-x: auto;\n}\n\n.footer {\n    flex: 0 0 auto;\n}\n\n.bottomNav {\n    position: sticky;\n    bottom: 0;\n    z-index: 30;\n    flex: 0 0 auto;\n}\n"],"mappings":";"}

package/dist/components/AspectRatio/AspectRatio.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/AspectRatio.css");
 var e=`tempest_aspect_GnAJt`,t={aspect:e};exports.aspect=e,exports.default=t;
 //# sourceMappingURL=AspectRatio.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AspectRatio.module.cjs","names":[],"sources":["../../../src/components/AspectRatio/AspectRatio.module.css"],"sourcesContent":[".aspect {\n    width: 100%;\n    position: relative;\n}\n\n.aspect > * {\n    width: 100%;\n    height: 100%;\n}\n"],"mappings":""}
+{"version":3,"file":"AspectRatio.module.cjs","names":[],"sources":["../../../src/components/AspectRatio/AspectRatio.module.css"],"sourcesContent":[".aspect {\n    width: 100%;\n    position: relative;\n}\n\n.aspect > * {\n    width: 100%;\n    height: 100%;\n}\n"],"mappings":";"}

package/dist/components/AspectRatio/AspectRatio.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/AspectRatio.css";
 //#region src/components/AspectRatio/AspectRatio.module.css
 var e = "tempest_aspect_GnAJt", t = { aspect: e };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"AspectRatio.module.js","names":[],"sources":["../../../src/components/AspectRatio/AspectRatio.module.css"],"sourcesContent":[".aspect {\n    width: 100%;\n    position: relative;\n}\n\n.aspect > * {\n    width: 100%;\n    height: 100%;\n}\n"],"mappings":""}
+{"version":3,"file":"AspectRatio.module.js","names":[],"sources":["../../../src/components/AspectRatio/AspectRatio.module.css"],"sourcesContent":[".aspect {\n    width: 100%;\n    position: relative;\n}\n\n.aspect > * {\n    width: 100%;\n    height: 100%;\n}\n"],"mappings":";"}

package/dist/components/AudioPlayer/AudioPlayer.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/AudioPlayer.css");
 var e=`tempest_player_NEgFD`,t=`tempest_transport_-7WMK`,n=`tempest_seek_-iy4f`,r=`tempest_time_zNVm8`,i=`tempest_actions_QZ7Yn`,a={player:e,transport:t,seek:n,time:r,actions:i};exports.actions=i,exports.default=a,exports.player=e,exports.seek=n,exports.time=r,exports.transport=t;
 //# sourceMappingURL=AudioPlayer.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AudioPlayer.module.cjs","names":[],"sources":["../../../src/components/AudioPlayer/AudioPlayer.module.css"],"sourcesContent":[".player {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    min-width: 0;\n    padding: var(--tempest-space-2) 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}\n\n.transport {\n    position: relative;\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.transport:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.transport:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .transport {\n        transition: none;\n    }\n}\n\n/*\n * The track is drawn on the input itself rather than with a wrapper and an overlay:\n * the native element already carries the keyboard behaviour and the value semantics,\n * and the only thing missing is the look.\n */\n.seek {\n    flex: 1 1 auto;\n    min-width: 3rem;\n    height: 1.25rem;\n    margin: 0;\n    background: none;\n    accent-color: var(--tempest-primary);\n    cursor: pointer;\n}\n\n.seek:disabled {\n    accent-color: var(--tempest-surface-3);\n    cursor: not-allowed;\n}\n\n.seek:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n/*\n * Tabular figures, so the elapsed time does not shift the seek bar sideways as the\n * digits change — a proportional `1` is narrower than a `0`, and at 10 updates a\n * second the whole row visibly jitters.\n */\n.time {\n    display: inline-flex;\n    flex: 0 0 auto;\n    gap: var(--tempest-space-1);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-variant-numeric: tabular-nums;\n}\n\n.actions {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--tempest-space-1);\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .transport::after {\n        content: \"\";\n        position: absolute;\n        inset: -4px;\n    }\n}\n\n@media (max-width: 480px) {\n    .player {\n        gap: var(--tempest-space-2);\n        padding: var(--tempest-space-2);\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"AudioPlayer.module.cjs","names":[],"sources":["../../../src/components/AudioPlayer/AudioPlayer.module.css"],"sourcesContent":[".player {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    min-width: 0;\n    padding: var(--tempest-space-2) 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}\n\n.transport {\n    position: relative;\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.transport:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.transport:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .transport {\n        transition: none;\n    }\n}\n\n/*\n * The track is drawn on the input itself rather than with a wrapper and an overlay:\n * the native element already carries the keyboard behaviour and the value semantics,\n * and the only thing missing is the look.\n */\n.seek {\n    flex: 1 1 auto;\n    min-width: 3rem;\n    height: 1.25rem;\n    margin: 0;\n    background: none;\n    accent-color: var(--tempest-primary);\n    cursor: pointer;\n}\n\n.seek:disabled {\n    accent-color: var(--tempest-surface-3);\n    cursor: not-allowed;\n}\n\n.seek:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n/*\n * Tabular figures, so the elapsed time does not shift the seek bar sideways as the\n * digits change — a proportional `1` is narrower than a `0`, and at 10 updates a\n * second the whole row visibly jitters.\n */\n.time {\n    display: inline-flex;\n    flex: 0 0 auto;\n    gap: var(--tempest-space-1);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-variant-numeric: tabular-nums;\n}\n\n.actions {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--tempest-space-1);\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .transport::after {\n        content: \"\";\n        position: absolute;\n        inset: -4px;\n    }\n}\n\n@media (max-width: 480px) {\n    .player {\n        gap: var(--tempest-space-2);\n        padding: var(--tempest-space-2);\n    }\n}\n"],"mappings":";"}

package/dist/components/AudioPlayer/AudioPlayer.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/AudioPlayer.css";
 //#region src/components/AudioPlayer/AudioPlayer.module.css
 var e = "tempest_player_NEgFD", t = "tempest_transport_-7WMK", n = "tempest_seek_-iy4f", r = "tempest_time_zNVm8", i = "tempest_actions_QZ7Yn", a = {
 	player: e,

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

@@ -1 +1 @@
-{"version":3,"file":"AudioPlayer.module.js","names":[],"sources":["../../../src/components/AudioPlayer/AudioPlayer.module.css"],"sourcesContent":[".player {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    min-width: 0;\n    padding: var(--tempest-space-2) 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}\n\n.transport {\n    position: relative;\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.transport:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.transport:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .transport {\n        transition: none;\n    }\n}\n\n/*\n * The track is drawn on the input itself rather than with a wrapper and an overlay:\n * the native element already carries the keyboard behaviour and the value semantics,\n * and the only thing missing is the look.\n */\n.seek {\n    flex: 1 1 auto;\n    min-width: 3rem;\n    height: 1.25rem;\n    margin: 0;\n    background: none;\n    accent-color: var(--tempest-primary);\n    cursor: pointer;\n}\n\n.seek:disabled {\n    accent-color: var(--tempest-surface-3);\n    cursor: not-allowed;\n}\n\n.seek:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n/*\n * Tabular figures, so the elapsed time does not shift the seek bar sideways as the\n * digits change — a proportional `1` is narrower than a `0`, and at 10 updates a\n * second the whole row visibly jitters.\n */\n.time {\n    display: inline-flex;\n    flex: 0 0 auto;\n    gap: var(--tempest-space-1);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-variant-numeric: tabular-nums;\n}\n\n.actions {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--tempest-space-1);\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .transport::after {\n        content: \"\";\n        position: absolute;\n        inset: -4px;\n    }\n}\n\n@media (max-width: 480px) {\n    .player {\n        gap: var(--tempest-space-2);\n        padding: var(--tempest-space-2);\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"AudioPlayer.module.js","names":[],"sources":["../../../src/components/AudioPlayer/AudioPlayer.module.css"],"sourcesContent":[".player {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    min-width: 0;\n    padding: var(--tempest-space-2) 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}\n\n.transport {\n    position: relative;\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.transport:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.transport:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .transport {\n        transition: none;\n    }\n}\n\n/*\n * The track is drawn on the input itself rather than with a wrapper and an overlay:\n * the native element already carries the keyboard behaviour and the value semantics,\n * and the only thing missing is the look.\n */\n.seek {\n    flex: 1 1 auto;\n    min-width: 3rem;\n    height: 1.25rem;\n    margin: 0;\n    background: none;\n    accent-color: var(--tempest-primary);\n    cursor: pointer;\n}\n\n.seek:disabled {\n    accent-color: var(--tempest-surface-3);\n    cursor: not-allowed;\n}\n\n.seek:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n/*\n * Tabular figures, so the elapsed time does not shift the seek bar sideways as the\n * digits change — a proportional `1` is narrower than a `0`, and at 10 updates a\n * second the whole row visibly jitters.\n */\n.time {\n    display: inline-flex;\n    flex: 0 0 auto;\n    gap: var(--tempest-space-1);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-variant-numeric: tabular-nums;\n}\n\n.actions {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--tempest-space-1);\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .transport::after {\n        content: \"\";\n        position: absolute;\n        inset: -4px;\n    }\n}\n\n@media (max-width: 480px) {\n    .player {\n        gap: var(--tempest-space-2);\n        padding: var(--tempest-space-2);\n    }\n}\n"],"mappings":";"}

package/dist/components/AudioRecorder/AudioRecorder.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/AudioRecorder.css");
 var e=`tempest_recorder_4p8pT`,t=`tempest_row_gNlbi`,n=`tempest_record_dhkt8`,r=`tempest_stop_yMMLh`,i=`tempest_secondary_C13wq`,a=`tempest_meter_6QDc9`,o=`tempest_meterFill_oUoGY`,s=`tempest_clock_VGvvJ`,c=`tempest_max_kx9VL`,l=`tempest_status_v2kHH`,u=`tempest_notice_MtPVY`,d=`tempest_footer_tfueB`,f={recorder:e,row:t,record:n,stop:r,secondary:i,meter:a,meterFill:o,clock:s,max:c,status:l,notice:u,footer:d};exports.clock=s,exports.default=f,exports.footer=d,exports.max=c,exports.meter=a,exports.meterFill=o,exports.notice=u,exports.record=n,exports.recorder=e,exports.row=t,exports.secondary=i,exports.status=l,exports.stop=r;
 //# sourceMappingURL=AudioRecorder.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AudioRecorder.module.cjs","names":[],"sources":["../../../src/components/AudioRecorder/AudioRecorder.module.css"],"sourcesContent":[".recorder {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\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-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.row {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.record,\n.stop,\n.secondary {\n    position: relative;\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.record {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.record:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/*\n * Stop reads as the danger control — while recording it is the one\n * irreversible-feeling thing on screen and has to be what the eye lands on without\n * reading labels — but it uses the **soft** danger pair, not solid red with white.\n *\n * Measured in a real browser: white on `--tempest-danger-solid` is 4.83:1 in the light\n * theme and **3.76:1** in dark, under the 4.5:1 floor for text. Every solid variant\n * fails there (`--tempest-danger` is 2.77:1 against white in dark, `-hover` 3.76:1);\n * only `--tempest-danger-fg` on `--tempest-danger-bg` clears it in both — 8.2:1 light,\n * 6.57:1 dark. The border keeps the control unmistakably red at a glance.\n */\n.stop {\n    border-color: var(--tempest-danger);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n\n.secondary {\n    border-color: var(--tempest-border);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    padding-inline: var(--tempest-space-2);\n}\n\n.record:focus-visible,\n.stop:focus-visible,\n.secondary:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .record,\n    .stop,\n    .secondary {\n        transition: none;\n    }\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .secondary::after {\n        content: \"\";\n        position: absolute;\n        inset: -6px;\n    }\n}\n\n/*\n * The meter is transform-driven, not width-driven: `transform` is composited, so a\n * value arriving 10 times a second does not force layout on the whole row.\n */\n.meter {\n    flex: 1 1 6rem;\n    min-width: 3rem;\n    height: 0.5rem;\n    overflow: hidden;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-2);\n}\n\n.meterFill {\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: var(--tempest-success);\n    transform-origin: left center;\n    transform: scaleX(0);\n    transition: transform 80ms linear;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .meterFill {\n        transition: none;\n    }\n}\n\n.clock {\n    flex: 0 0 auto;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    font-variant-numeric: tabular-nums;\n}\n\n.max {\n    color: var(--tempest-text-muted);\n}\n\n.status {\n    margin: 0;\n    min-height: 1.25em;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.notice {\n    margin: 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.footer {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n@media (max-width: 480px) {\n    .recorder {\n        padding: var(--tempest-space-2);\n    }\n\n    .meter {\n        flex-basis: 100%;\n        order: 1;\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"AudioRecorder.module.cjs","names":[],"sources":["../../../src/components/AudioRecorder/AudioRecorder.module.css"],"sourcesContent":[".recorder {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\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-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.row {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.record,\n.stop,\n.secondary {\n    position: relative;\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.record {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.record:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/*\n * Stop reads as the danger control — while recording it is the one\n * irreversible-feeling thing on screen and has to be what the eye lands on without\n * reading labels — but it uses the **soft** danger pair, not solid red with white.\n *\n * Measured in a real browser: white on `--tempest-danger-solid` is 4.83:1 in the light\n * theme and **3.76:1** in dark, under the 4.5:1 floor for text. Every solid variant\n * fails there (`--tempest-danger` is 2.77:1 against white in dark, `-hover` 3.76:1);\n * only `--tempest-danger-fg` on `--tempest-danger-bg` clears it in both — 8.2:1 light,\n * 6.57:1 dark. The border keeps the control unmistakably red at a glance.\n */\n.stop {\n    border-color: var(--tempest-danger);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n\n.secondary {\n    border-color: var(--tempest-border);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    padding-inline: var(--tempest-space-2);\n}\n\n.record:focus-visible,\n.stop:focus-visible,\n.secondary:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .record,\n    .stop,\n    .secondary {\n        transition: none;\n    }\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .secondary::after {\n        content: \"\";\n        position: absolute;\n        inset: -6px;\n    }\n}\n\n/*\n * The meter is transform-driven, not width-driven: `transform` is composited, so a\n * value arriving 10 times a second does not force layout on the whole row.\n */\n.meter {\n    flex: 1 1 6rem;\n    min-width: 3rem;\n    height: 0.5rem;\n    overflow: hidden;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-2);\n}\n\n.meterFill {\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: var(--tempest-success);\n    transform-origin: left center;\n    transform: scaleX(0);\n    transition: transform 80ms linear;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .meterFill {\n        transition: none;\n    }\n}\n\n.clock {\n    flex: 0 0 auto;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    font-variant-numeric: tabular-nums;\n}\n\n.max {\n    color: var(--tempest-text-muted);\n}\n\n.status {\n    margin: 0;\n    min-height: 1.25em;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.notice {\n    margin: 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.footer {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n@media (max-width: 480px) {\n    .recorder {\n        padding: var(--tempest-space-2);\n    }\n\n    .meter {\n        flex-basis: 100%;\n        order: 1;\n    }\n}\n"],"mappings":";"}

package/dist/components/AudioRecorder/AudioRecorder.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/AudioRecorder.css";
 //#region src/components/AudioRecorder/AudioRecorder.module.css
 var e = "tempest_recorder_4p8pT", t = "tempest_row_gNlbi", n = "tempest_record_dhkt8", r = "tempest_stop_yMMLh", i = "tempest_secondary_C13wq", a = "tempest_meter_6QDc9", o = "tempest_meterFill_oUoGY", s = "tempest_clock_VGvvJ", c = "tempest_max_kx9VL", l = "tempest_status_v2kHH", u = "tempest_notice_MtPVY", d = "tempest_footer_tfueB", f = {
 	recorder: e,

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

@@ -1 +1 @@
-{"version":3,"file":"AudioRecorder.module.js","names":[],"sources":["../../../src/components/AudioRecorder/AudioRecorder.module.css"],"sourcesContent":[".recorder {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\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-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.row {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.record,\n.stop,\n.secondary {\n    position: relative;\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.record {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.record:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/*\n * Stop reads as the danger control — while recording it is the one\n * irreversible-feeling thing on screen and has to be what the eye lands on without\n * reading labels — but it uses the **soft** danger pair, not solid red with white.\n *\n * Measured in a real browser: white on `--tempest-danger-solid` is 4.83:1 in the light\n * theme and **3.76:1** in dark, under the 4.5:1 floor for text. Every solid variant\n * fails there (`--tempest-danger` is 2.77:1 against white in dark, `-hover` 3.76:1);\n * only `--tempest-danger-fg` on `--tempest-danger-bg` clears it in both — 8.2:1 light,\n * 6.57:1 dark. The border keeps the control unmistakably red at a glance.\n */\n.stop {\n    border-color: var(--tempest-danger);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n\n.secondary {\n    border-color: var(--tempest-border);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    padding-inline: var(--tempest-space-2);\n}\n\n.record:focus-visible,\n.stop:focus-visible,\n.secondary:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .record,\n    .stop,\n    .secondary {\n        transition: none;\n    }\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .secondary::after {\n        content: \"\";\n        position: absolute;\n        inset: -6px;\n    }\n}\n\n/*\n * The meter is transform-driven, not width-driven: `transform` is composited, so a\n * value arriving 10 times a second does not force layout on the whole row.\n */\n.meter {\n    flex: 1 1 6rem;\n    min-width: 3rem;\n    height: 0.5rem;\n    overflow: hidden;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-2);\n}\n\n.meterFill {\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: var(--tempest-success);\n    transform-origin: left center;\n    transform: scaleX(0);\n    transition: transform 80ms linear;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .meterFill {\n        transition: none;\n    }\n}\n\n.clock {\n    flex: 0 0 auto;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    font-variant-numeric: tabular-nums;\n}\n\n.max {\n    color: var(--tempest-text-muted);\n}\n\n.status {\n    margin: 0;\n    min-height: 1.25em;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.notice {\n    margin: 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.footer {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n@media (max-width: 480px) {\n    .recorder {\n        padding: var(--tempest-space-2);\n    }\n\n    .meter {\n        flex-basis: 100%;\n        order: 1;\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"AudioRecorder.module.js","names":[],"sources":["../../../src/components/AudioRecorder/AudioRecorder.module.css"],"sourcesContent":[".recorder {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\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-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.row {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.record,\n.stop,\n.secondary {\n    position: relative;\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.record {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.record:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/*\n * Stop reads as the danger control — while recording it is the one\n * irreversible-feeling thing on screen and has to be what the eye lands on without\n * reading labels — but it uses the **soft** danger pair, not solid red with white.\n *\n * Measured in a real browser: white on `--tempest-danger-solid` is 4.83:1 in the light\n * theme and **3.76:1** in dark, under the 4.5:1 floor for text. Every solid variant\n * fails there (`--tempest-danger` is 2.77:1 against white in dark, `-hover` 3.76:1);\n * only `--tempest-danger-fg` on `--tempest-danger-bg` clears it in both — 8.2:1 light,\n * 6.57:1 dark. The border keeps the control unmistakably red at a glance.\n */\n.stop {\n    border-color: var(--tempest-danger);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n\n.secondary {\n    border-color: var(--tempest-border);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    padding-inline: var(--tempest-space-2);\n}\n\n.record:focus-visible,\n.stop:focus-visible,\n.secondary:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .record,\n    .stop,\n    .secondary {\n        transition: none;\n    }\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .secondary::after {\n        content: \"\";\n        position: absolute;\n        inset: -6px;\n    }\n}\n\n/*\n * The meter is transform-driven, not width-driven: `transform` is composited, so a\n * value arriving 10 times a second does not force layout on the whole row.\n */\n.meter {\n    flex: 1 1 6rem;\n    min-width: 3rem;\n    height: 0.5rem;\n    overflow: hidden;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-2);\n}\n\n.meterFill {\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: var(--tempest-success);\n    transform-origin: left center;\n    transform: scaleX(0);\n    transition: transform 80ms linear;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .meterFill {\n        transition: none;\n    }\n}\n\n.clock {\n    flex: 0 0 auto;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    font-variant-numeric: tabular-nums;\n}\n\n.max {\n    color: var(--tempest-text-muted);\n}\n\n.status {\n    margin: 0;\n    min-height: 1.25em;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.notice {\n    margin: 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.footer {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n@media (max-width: 480px) {\n    .recorder {\n        padding: var(--tempest-space-2);\n    }\n\n    .meter {\n        flex-basis: 100%;\n        order: 1;\n    }\n}\n"],"mappings":";"}

package/dist/components/Avatar/Avatar.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/Avatar.css");
 var e=`tempest_avatar_3xMuZ`,t=`tempest_image_ieqGp`,n=`tempest_xs_oSaLL`,r=`tempest_sm_sZ2bk`,i=`tempest_md_Fdkbz`,a=`tempest_lg_pTTUA`,o=`tempest_xl_mW58F`,s=`tempest_status_ISBnL`,c=`tempest_dot_Wgfo-`,l=`tempest_online_-aWoW`,u=`tempest_offline_-StX3`,d=`tempest_busy_TbwuF`,f={avatar:e,image:t,xs:n,sm:r,md:i,lg:a,xl:o,status:s,dot:c,online:l,offline:u,busy:d};exports.avatar=e,exports.busy=d,exports.default=f,exports.dot=c,exports.image=t,exports.lg=a,exports.md=i,exports.offline=u,exports.online=l,exports.sm=r,exports.status=s,exports.xl=o,exports.xs=n;
 //# sourceMappingURL=Avatar.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.module.cjs","names":[],"sources":["../../../src/components/Avatar/Avatar.module.css"],"sourcesContent":[".avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    overflow: hidden;\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    text-transform: uppercase;\n    flex-shrink: 0;\n    user-select: none;\n}\n\n.image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.xs {\n    width: 24px;\n    height: 24px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.sm {\n    width: 32px;\n    height: 32px;\n    font-size: var(--tempest-text-xs);\n}\n\n.md {\n    width: 40px;\n    height: 40px;\n    font-size: var(--tempest-text-base);\n}\n\n.lg {\n    width: 56px;\n    height: 56px;\n    font-size: var(--tempest-text-xl);\n}\n\n.xl {\n    width: 80px;\n    height: 80px;\n    font-size: var(--tempest-text-3xl);\n}\n\n.status {\n    position: relative;\n}\n\n.dot {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 28%;\n    height: 28%;\n    border-radius: 50%;\n    border: 2px solid var(--tempest-bg);\n}\n\n.dot.online {\n    background-color: var(--tempest-success-solid);\n}\n\n.dot.offline {\n    background-color: var(--tempest-text-subtle);\n}\n\n.dot.busy {\n    background-color: var(--tempest-danger-solid);\n}\n"],"mappings":""}
+{"version":3,"file":"Avatar.module.cjs","names":[],"sources":["../../../src/components/Avatar/Avatar.module.css"],"sourcesContent":[".avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    overflow: hidden;\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    text-transform: uppercase;\n    flex-shrink: 0;\n    user-select: none;\n}\n\n.image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.xs {\n    width: 24px;\n    height: 24px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.sm {\n    width: 32px;\n    height: 32px;\n    font-size: var(--tempest-text-xs);\n}\n\n.md {\n    width: 40px;\n    height: 40px;\n    font-size: var(--tempest-text-base);\n}\n\n.lg {\n    width: 56px;\n    height: 56px;\n    font-size: var(--tempest-text-xl);\n}\n\n.xl {\n    width: 80px;\n    height: 80px;\n    font-size: var(--tempest-text-3xl);\n}\n\n.status {\n    position: relative;\n}\n\n.dot {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 28%;\n    height: 28%;\n    border-radius: 50%;\n    border: 2px solid var(--tempest-bg);\n}\n\n.dot.online {\n    background-color: var(--tempest-success-solid);\n}\n\n.dot.offline {\n    background-color: var(--tempest-text-subtle);\n}\n\n.dot.busy {\n    background-color: var(--tempest-danger-solid);\n}\n"],"mappings":";"}

package/dist/components/Avatar/Avatar.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/Avatar.css";
 //#region src/components/Avatar/Avatar.module.css
 var e = "tempest_avatar_3xMuZ", t = "tempest_image_ieqGp", n = "tempest_xs_oSaLL", r = "tempest_sm_sZ2bk", i = "tempest_md_Fdkbz", a = "tempest_lg_pTTUA", o = "tempest_xl_mW58F", s = "tempest_status_ISBnL", c = "tempest_dot_Wgfo-", l = "tempest_online_-aWoW", u = "tempest_offline_-StX3", d = "tempest_busy_TbwuF", f = {
 	avatar: e,

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.module.js","names":[],"sources":["../../../src/components/Avatar/Avatar.module.css"],"sourcesContent":[".avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    overflow: hidden;\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    text-transform: uppercase;\n    flex-shrink: 0;\n    user-select: none;\n}\n\n.image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.xs {\n    width: 24px;\n    height: 24px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.sm {\n    width: 32px;\n    height: 32px;\n    font-size: var(--tempest-text-xs);\n}\n\n.md {\n    width: 40px;\n    height: 40px;\n    font-size: var(--tempest-text-base);\n}\n\n.lg {\n    width: 56px;\n    height: 56px;\n    font-size: var(--tempest-text-xl);\n}\n\n.xl {\n    width: 80px;\n    height: 80px;\n    font-size: var(--tempest-text-3xl);\n}\n\n.status {\n    position: relative;\n}\n\n.dot {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 28%;\n    height: 28%;\n    border-radius: 50%;\n    border: 2px solid var(--tempest-bg);\n}\n\n.dot.online {\n    background-color: var(--tempest-success-solid);\n}\n\n.dot.offline {\n    background-color: var(--tempest-text-subtle);\n}\n\n.dot.busy {\n    background-color: var(--tempest-danger-solid);\n}\n"],"mappings":""}
+{"version":3,"file":"Avatar.module.js","names":[],"sources":["../../../src/components/Avatar/Avatar.module.css"],"sourcesContent":[".avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    overflow: hidden;\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    text-transform: uppercase;\n    flex-shrink: 0;\n    user-select: none;\n}\n\n.image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.xs {\n    width: 24px;\n    height: 24px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.sm {\n    width: 32px;\n    height: 32px;\n    font-size: var(--tempest-text-xs);\n}\n\n.md {\n    width: 40px;\n    height: 40px;\n    font-size: var(--tempest-text-base);\n}\n\n.lg {\n    width: 56px;\n    height: 56px;\n    font-size: var(--tempest-text-xl);\n}\n\n.xl {\n    width: 80px;\n    height: 80px;\n    font-size: var(--tempest-text-3xl);\n}\n\n.status {\n    position: relative;\n}\n\n.dot {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 28%;\n    height: 28%;\n    border-radius: 50%;\n    border: 2px solid var(--tempest-bg);\n}\n\n.dot.online {\n    background-color: var(--tempest-success-solid);\n}\n\n.dot.offline {\n    background-color: var(--tempest-text-subtle);\n}\n\n.dot.busy {\n    background-color: var(--tempest-danger-solid);\n}\n"],"mappings":";"}

package/dist/components/AvatarGroup/AvatarGroup.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/AvatarGroup.css");
 var e=`tempest_group_qCSYk`,t=`tempest_slot_KyJQJ`,n=`tempest_xs_PPTP5`,r=`tempest_sm_ptoRA`,i=`tempest_md_YbE61`,a=`tempest_lg_oAEMY`,o=`tempest_xl_78RZG`,s=`tempest_overflow_JZIo-`,c=`tempest_overflowButton_hSf-2`,l={group:e,slot:t,xs:n,sm:r,md:i,lg:a,xl:o,overflow:s,overflowButton:c};exports.default=l,exports.group=e,exports.lg=a,exports.md=i,exports.overflow=s,exports.overflowButton=c,exports.slot=t,exports.sm=r,exports.xl=o,exports.xs=n;
 //# sourceMappingURL=AvatarGroup.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.module.cjs","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.module.css"],"sourcesContent":[".group {\n    display: inline-flex;\n    align-items: center;\n}\n\n/**\n * Each slot pulls the next avatar over the previous one. The overlap is a\n * fraction of the avatar size so every size keeps the same proportion.\n */\n.slot {\n    display: inline-flex;\n    border-radius: var(--tempest-radius-full);\n    box-shadow: 0 0 0 2px var(--tempest-bg);\n}\n\n.slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -10px);\n}\n\n.xs .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -8px);\n}\n\n.sm .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -10px);\n}\n\n.md .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -12px);\n}\n\n.lg .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -16px);\n}\n\n.xl .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -22px);\n}\n\n.overflow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    width: 40px;\n    height: 40px;\n    border: 0;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    font-variant-numeric: tabular-nums;\n}\n\n.xs .overflow {\n    width: 24px;\n    height: 24px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.sm .overflow {\n    width: 32px;\n    height: 32px;\n}\n\n.lg .overflow {\n    width: 56px;\n    height: 56px;\n    font-size: var(--tempest-text-sm);\n}\n\n.xl .overflow {\n    width: 80px;\n    height: 80px;\n    font-size: var(--tempest-text-base);\n}\n\n.overflowButton {\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.overflowButton:hover {\n    background-color: var(--tempest-border-strong);\n    color: var(--tempest-text);\n}\n\n.overflowButton: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 (prefers-reduced-motion: reduce) {\n    .overflowButton {\n        transition: none;\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"AvatarGroup.module.cjs","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.module.css"],"sourcesContent":[".group {\n    display: inline-flex;\n    align-items: center;\n}\n\n/**\n * Each slot pulls the next avatar over the previous one. The overlap is a\n * fraction of the avatar size so every size keeps the same proportion.\n */\n.slot {\n    display: inline-flex;\n    border-radius: var(--tempest-radius-full);\n    box-shadow: 0 0 0 2px var(--tempest-bg);\n}\n\n.slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -10px);\n}\n\n.xs .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -8px);\n}\n\n.sm .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -10px);\n}\n\n.md .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -12px);\n}\n\n.lg .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -16px);\n}\n\n.xl .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -22px);\n}\n\n.overflow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    width: 40px;\n    height: 40px;\n    border: 0;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    font-variant-numeric: tabular-nums;\n}\n\n.xs .overflow {\n    width: 24px;\n    height: 24px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.sm .overflow {\n    width: 32px;\n    height: 32px;\n}\n\n.lg .overflow {\n    width: 56px;\n    height: 56px;\n    font-size: var(--tempest-text-sm);\n}\n\n.xl .overflow {\n    width: 80px;\n    height: 80px;\n    font-size: var(--tempest-text-base);\n}\n\n.overflowButton {\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.overflowButton:hover {\n    background-color: var(--tempest-border-strong);\n    color: var(--tempest-text);\n}\n\n.overflowButton: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 (prefers-reduced-motion: reduce) {\n    .overflowButton {\n        transition: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/AvatarGroup/AvatarGroup.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/AvatarGroup.css";
 //#region src/components/AvatarGroup/AvatarGroup.module.css
 var e = "tempest_group_qCSYk", t = "tempest_slot_KyJQJ", n = "tempest_xs_PPTP5", r = "tempest_sm_ptoRA", i = "tempest_md_YbE61", a = "tempest_lg_oAEMY", o = "tempest_xl_78RZG", s = "tempest_overflow_JZIo-", c = "tempest_overflowButton_hSf-2", l = {
 	group: e,

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.module.js","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.module.css"],"sourcesContent":[".group {\n    display: inline-flex;\n    align-items: center;\n}\n\n/**\n * Each slot pulls the next avatar over the previous one. The overlap is a\n * fraction of the avatar size so every size keeps the same proportion.\n */\n.slot {\n    display: inline-flex;\n    border-radius: var(--tempest-radius-full);\n    box-shadow: 0 0 0 2px var(--tempest-bg);\n}\n\n.slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -10px);\n}\n\n.xs .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -8px);\n}\n\n.sm .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -10px);\n}\n\n.md .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -12px);\n}\n\n.lg .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -16px);\n}\n\n.xl .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -22px);\n}\n\n.overflow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    width: 40px;\n    height: 40px;\n    border: 0;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    font-variant-numeric: tabular-nums;\n}\n\n.xs .overflow {\n    width: 24px;\n    height: 24px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.sm .overflow {\n    width: 32px;\n    height: 32px;\n}\n\n.lg .overflow {\n    width: 56px;\n    height: 56px;\n    font-size: var(--tempest-text-sm);\n}\n\n.xl .overflow {\n    width: 80px;\n    height: 80px;\n    font-size: var(--tempest-text-base);\n}\n\n.overflowButton {\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.overflowButton:hover {\n    background-color: var(--tempest-border-strong);\n    color: var(--tempest-text);\n}\n\n.overflowButton: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 (prefers-reduced-motion: reduce) {\n    .overflowButton {\n        transition: none;\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"AvatarGroup.module.js","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.module.css"],"sourcesContent":[".group {\n    display: inline-flex;\n    align-items: center;\n}\n\n/**\n * Each slot pulls the next avatar over the previous one. The overlap is a\n * fraction of the avatar size so every size keeps the same proportion.\n */\n.slot {\n    display: inline-flex;\n    border-radius: var(--tempest-radius-full);\n    box-shadow: 0 0 0 2px var(--tempest-bg);\n}\n\n.slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -10px);\n}\n\n.xs .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -8px);\n}\n\n.sm .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -10px);\n}\n\n.md .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -12px);\n}\n\n.lg .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -16px);\n}\n\n.xl .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -22px);\n}\n\n.overflow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    width: 40px;\n    height: 40px;\n    border: 0;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    font-variant-numeric: tabular-nums;\n}\n\n.xs .overflow {\n    width: 24px;\n    height: 24px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.sm .overflow {\n    width: 32px;\n    height: 32px;\n}\n\n.lg .overflow {\n    width: 56px;\n    height: 56px;\n    font-size: var(--tempest-text-sm);\n}\n\n.xl .overflow {\n    width: 80px;\n    height: 80px;\n    font-size: var(--tempest-text-base);\n}\n\n.overflowButton {\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.overflowButton:hover {\n    background-color: var(--tempest-border-strong);\n    color: var(--tempest-text);\n}\n\n.overflowButton: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 (prefers-reduced-motion: reduce) {\n    .overflowButton {\n        transition: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/Badge/Badge.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/Badge.css");
 var e=`tempest_badge_RsuMz`,t=`tempest_sm_LYsCn`,n=`tempest_md_4Or8q`,r=`tempest_lg_Bseje`,i=`tempest_square_l63D-`,a=`tempest_neutral_lulSm`,o=`tempest_solid_0Leug`,s=`tempest_outline_x06HL`,c=`tempest_success_u9JiS`,l=`tempest_warning_nsGp-`,u=`tempest_danger_PD2hz`,d=`tempest_info_na6DQ`,f=`tempest_primary_S0WCS`,p=`tempest_dot_i0c-G`,m={badge:e,sm:t,md:n,lg:r,square:i,neutral:a,solid:o,outline:s,success:c,warning:l,danger:u,info:d,primary:f,dot:p};exports.badge=e,exports.danger=u,exports.default=m,exports.dot=p,exports.info=d,exports.lg=r,exports.md=n,exports.neutral=a,exports.outline=s,exports.primary=f,exports.sm=t,exports.solid=o,exports.square=i,exports.success=c,exports.warning=l;
 //# sourceMappingURL=Badge.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.module.cjs","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":[".badge {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: 2px var(--tempest-space-2);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    letter-spacing: var(--tempest-tracking-normal);\n    white-space: nowrap;\n}\n\n/* ============================================================\n * Sizes\n * ============================================================ */\n.sm {\n    padding: 1px var(--tempest-space-2);\n    font-size: var(--tempest-text-2xs);\n}\n.md {\n    padding: 2px var(--tempest-space-2);\n    font-size: var(--tempest-text-xs);\n}\n.lg {\n    padding: 3px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n/* ============================================================\n * Shapes — pill is the default (border-radius-full).\n * `square` flips to a small radius for chip-style badges.\n * ============================================================ */\n.square {\n    border-radius: var(--tempest-radius-sm);\n}\n\n/* ============================================================\n * Tone × Style matrix.\n * Soft (default) = tinted bg + colored fg.\n * Solid = filled colored bg + white fg.\n * Outline = transparent bg + colored fg + colored border.\n * ============================================================ */\n\n/* Neutral */\n.neutral {\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: var(--tempest-neutral-on-solid);\n}\n.neutral.outline {\n    background-color: transparent;\n    color: var(--tempest-text);\n    border-color: var(--tempest-border-strong);\n}\n\n/* Success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success-border);\n}\n\n/* Warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: var(--tempest-warning-on-solid);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning-border);\n}\n\n/* Danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger-border);\n}\n\n/* Info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: var(--tempest-info-on-solid);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info-border);\n}\n\n/* Primary */\n.primary {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n.primary.solid {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n.primary.outline {\n    background-color: transparent;\n    color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n\n/* Status dot — small leading dot, color inherits from text. */\n.dot {\n    width: 6px;\n    height: 6px;\n    border-radius: var(--tempest-radius-full);\n    background-color: currentColor;\n    display: inline-block;\n    flex-shrink: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"Badge.module.cjs","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":[".badge {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: 2px var(--tempest-space-2);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    letter-spacing: var(--tempest-tracking-normal);\n    white-space: nowrap;\n}\n\n/* ============================================================\n * Sizes\n * ============================================================ */\n.sm {\n    padding: 1px var(--tempest-space-2);\n    font-size: var(--tempest-text-2xs);\n}\n.md {\n    padding: 2px var(--tempest-space-2);\n    font-size: var(--tempest-text-xs);\n}\n.lg {\n    padding: 3px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n/* ============================================================\n * Shapes — pill is the default (border-radius-full).\n * `square` flips to a small radius for chip-style badges.\n * ============================================================ */\n.square {\n    border-radius: var(--tempest-radius-sm);\n}\n\n/* ============================================================\n * Tone × Style matrix.\n * Soft (default) = tinted bg + colored fg.\n * Solid = filled colored bg + white fg.\n * Outline = transparent bg + colored fg + colored border.\n * ============================================================ */\n\n/* Neutral */\n.neutral {\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: var(--tempest-neutral-on-solid);\n}\n.neutral.outline {\n    background-color: transparent;\n    color: var(--tempest-text);\n    border-color: var(--tempest-border-strong);\n}\n\n/* Success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success-border);\n}\n\n/* Warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: var(--tempest-warning-on-solid);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning-border);\n}\n\n/* Danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger-border);\n}\n\n/* Info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: var(--tempest-info-on-solid);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info-border);\n}\n\n/* Primary */\n.primary {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n.primary.solid {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n.primary.outline {\n    background-color: transparent;\n    color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n\n/* Status dot — small leading dot, color inherits from text. */\n.dot {\n    width: 6px;\n    height: 6px;\n    border-radius: var(--tempest-radius-full);\n    background-color: currentColor;\n    display: inline-block;\n    flex-shrink: 0;\n}\n"],"mappings":";"}

package/dist/components/Badge/Badge.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/Badge.css";
 //#region src/components/Badge/Badge.module.css
 var e = "tempest_badge_RsuMz", t = "tempest_sm_LYsCn", n = "tempest_md_4Or8q", r = "tempest_lg_Bseje", i = "tempest_square_l63D-", a = "tempest_neutral_lulSm", o = "tempest_solid_0Leug", s = "tempest_outline_x06HL", c = "tempest_success_u9JiS", l = "tempest_warning_nsGp-", u = "tempest_danger_PD2hz", d = "tempest_info_na6DQ", f = "tempest_primary_S0WCS", p = "tempest_dot_i0c-G", m = {
 	badge: e,

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.module.js","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":[".badge {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: 2px var(--tempest-space-2);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    letter-spacing: var(--tempest-tracking-normal);\n    white-space: nowrap;\n}\n\n/* ============================================================\n * Sizes\n * ============================================================ */\n.sm {\n    padding: 1px var(--tempest-space-2);\n    font-size: var(--tempest-text-2xs);\n}\n.md {\n    padding: 2px var(--tempest-space-2);\n    font-size: var(--tempest-text-xs);\n}\n.lg {\n    padding: 3px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n/* ============================================================\n * Shapes — pill is the default (border-radius-full).\n * `square` flips to a small radius for chip-style badges.\n * ============================================================ */\n.square {\n    border-radius: var(--tempest-radius-sm);\n}\n\n/* ============================================================\n * Tone × Style matrix.\n * Soft (default) = tinted bg + colored fg.\n * Solid = filled colored bg + white fg.\n * Outline = transparent bg + colored fg + colored border.\n * ============================================================ */\n\n/* Neutral */\n.neutral {\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: var(--tempest-neutral-on-solid);\n}\n.neutral.outline {\n    background-color: transparent;\n    color: var(--tempest-text);\n    border-color: var(--tempest-border-strong);\n}\n\n/* Success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success-border);\n}\n\n/* Warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: var(--tempest-warning-on-solid);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning-border);\n}\n\n/* Danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger-border);\n}\n\n/* Info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: var(--tempest-info-on-solid);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info-border);\n}\n\n/* Primary */\n.primary {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n.primary.solid {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n.primary.outline {\n    background-color: transparent;\n    color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n\n/* Status dot — small leading dot, color inherits from text. */\n.dot {\n    width: 6px;\n    height: 6px;\n    border-radius: var(--tempest-radius-full);\n    background-color: currentColor;\n    display: inline-block;\n    flex-shrink: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"Badge.module.js","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":[".badge {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: 2px var(--tempest-space-2);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    letter-spacing: var(--tempest-tracking-normal);\n    white-space: nowrap;\n}\n\n/* ============================================================\n * Sizes\n * ============================================================ */\n.sm {\n    padding: 1px var(--tempest-space-2);\n    font-size: var(--tempest-text-2xs);\n}\n.md {\n    padding: 2px var(--tempest-space-2);\n    font-size: var(--tempest-text-xs);\n}\n.lg {\n    padding: 3px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n/* ============================================================\n * Shapes — pill is the default (border-radius-full).\n * `square` flips to a small radius for chip-style badges.\n * ============================================================ */\n.square {\n    border-radius: var(--tempest-radius-sm);\n}\n\n/* ============================================================\n * Tone × Style matrix.\n * Soft (default) = tinted bg + colored fg.\n * Solid = filled colored bg + white fg.\n * Outline = transparent bg + colored fg + colored border.\n * ============================================================ */\n\n/* Neutral */\n.neutral {\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: var(--tempest-neutral-on-solid);\n}\n.neutral.outline {\n    background-color: transparent;\n    color: var(--tempest-text);\n    border-color: var(--tempest-border-strong);\n}\n\n/* Success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success-border);\n}\n\n/* Warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: var(--tempest-warning-on-solid);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning-border);\n}\n\n/* Danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger-border);\n}\n\n/* Info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: var(--tempest-info-on-solid);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info-border);\n}\n\n/* Primary */\n.primary {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n.primary.solid {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n.primary.outline {\n    background-color: transparent;\n    color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n\n/* Status dot — small leading dot, color inherits from text. */\n.dot {\n    width: 6px;\n    height: 6px;\n    border-radius: var(--tempest-radius-full);\n    background-color: currentColor;\n    display: inline-block;\n    flex-shrink: 0;\n}\n"],"mappings":";"}

package/dist/components/Banner/Banner.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/Banner.css");
 var e=`tempest_banner_oyoWE`,t=`tempest_info_s2q0P`,n=`tempest_success_uLYQ3`,r=`tempest_warning_9rua8`,i=`tempest_danger_Uzb-6`,a=`tempest_icon_vzKmx`,o=`tempest_body_-Qm4K`,s=`tempest_title_AeTHT`,c=`tempest_description_nbyf-`,l=`tempest_action_47P8e`,u=`tempest_close_Iy2oN`,d={banner:e,info:t,success:n,warning:r,danger:i,icon:a,body:o,title:s,description:c,action:l,close:u};exports.action=l,exports.banner=e,exports.body=o,exports.close=u,exports.danger=i,exports.default=d,exports.description=c,exports.icon=a,exports.info=t,exports.success=n,exports.title=s,exports.warning=r;
 //# sourceMappingURL=Banner.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.module.cjs","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":[".banner {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-md);\n    border: 1px solid;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.banner.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n\n.banner.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n\n.banner.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n\n.banner.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n\n.icon {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.title {\n    margin: 0 0 var(--tempest-space-1);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.description {\n    margin: 0;\n}\n\n.action {\n    flex: 0 0 auto;\n}\n\n.close {\n    flex: 0 0 auto;\n    background: none;\n    border: 0;\n    color: currentColor;\n    font-size: 20px;\n    line-height: 1;\n    cursor: pointer;\n    padding: 0;\n    width: 24px;\n    height: 24px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.close:hover {\n    background: color-mix(in srgb, currentColor 10%, transparent);\n}\n"],"mappings":""}
+{"version":3,"file":"Banner.module.cjs","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":[".banner {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-md);\n    border: 1px solid;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.banner.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n\n.banner.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n\n.banner.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n\n.banner.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n\n.icon {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.title {\n    margin: 0 0 var(--tempest-space-1);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.description {\n    margin: 0;\n}\n\n.action {\n    flex: 0 0 auto;\n}\n\n.close {\n    flex: 0 0 auto;\n    background: none;\n    border: 0;\n    color: currentColor;\n    font-size: 20px;\n    line-height: 1;\n    cursor: pointer;\n    padding: 0;\n    width: 24px;\n    height: 24px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.close:hover {\n    background: color-mix(in srgb, currentColor 10%, transparent);\n}\n"],"mappings":";"}

package/dist/components/Banner/Banner.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/Banner.css";
 //#region src/components/Banner/Banner.module.css
 var e = "tempest_banner_oyoWE", t = "tempest_info_s2q0P", n = "tempest_success_uLYQ3", r = "tempest_warning_9rua8", i = "tempest_danger_Uzb-6", a = "tempest_icon_vzKmx", o = "tempest_body_-Qm4K", s = "tempest_title_AeTHT", c = "tempest_description_nbyf-", l = "tempest_action_47P8e", u = "tempest_close_Iy2oN", d = {
 	banner: e,

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.module.js","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":[".banner {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-md);\n    border: 1px solid;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.banner.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n\n.banner.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n\n.banner.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n\n.banner.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n\n.icon {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.title {\n    margin: 0 0 var(--tempest-space-1);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.description {\n    margin: 0;\n}\n\n.action {\n    flex: 0 0 auto;\n}\n\n.close {\n    flex: 0 0 auto;\n    background: none;\n    border: 0;\n    color: currentColor;\n    font-size: 20px;\n    line-height: 1;\n    cursor: pointer;\n    padding: 0;\n    width: 24px;\n    height: 24px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.close:hover {\n    background: color-mix(in srgb, currentColor 10%, transparent);\n}\n"],"mappings":""}
+{"version":3,"file":"Banner.module.js","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":[".banner {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-md);\n    border: 1px solid;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.banner.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n\n.banner.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n\n.banner.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n\n.banner.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n\n.icon {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.title {\n    margin: 0 0 var(--tempest-space-1);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.description {\n    margin: 0;\n}\n\n.action {\n    flex: 0 0 auto;\n}\n\n.close {\n    flex: 0 0 auto;\n    background: none;\n    border: 0;\n    color: currentColor;\n    font-size: 20px;\n    line-height: 1;\n    cursor: pointer;\n    padding: 0;\n    width: 24px;\n    height: 24px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.close:hover {\n    background: color-mix(in srgb, currentColor 10%, transparent);\n}\n"],"mappings":";"}

package/dist/components/BarList/BarList.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/BarList.css");
 var e=`tempest_list_XtltA`,t=`tempest_item_y-W9f`,n=`tempest_line_WKQ57`,r=`tempest_label_AywVf`,i=`tempest_value_Y0DD0`,a=`tempest_percentage_YTyMa`,o=`tempest_track_OVSC3`,s=`tempest_fill_kg-Vl`,c={list:e,item:t,line:n,label:r,value:i,percentage:a,track:o,fill:s};exports.default=c,exports.fill=s,exports.item=t,exports.label=r,exports.line=n,exports.list=e,exports.percentage=a,exports.track=o,exports.value=i;
 //# sourceMappingURL=BarList.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"BarList.module.cjs","names":[],"sources":["../../../src/components/BarList/BarList.module.css"],"sourcesContent":[".list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3, 0.75rem);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.item {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1, 0.25rem);\n}\n\n.line {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: var(--tempest-space-3, 0.75rem);\n    font-size: var(--tempest-text-sm);\n}\n\n/*\n * The label truncates instead of wrapping: a plan name long enough to wrap would\n * push its own bar down and break the alignment the list exists to show.\n */\n.label {\n    min-width: 0;\n    overflow: hidden;\n    color: var(--tempest-text);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.value {\n    display: inline-flex;\n    align-items: baseline;\n    gap: var(--tempest-space-2, 0.5rem);\n    color: var(--tempest-text);\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n/*\n * The share is de-emphasised by size, and only then by colour — and the colour it\n * uses is resolved against the page background, which is where this text actually\n * sits. Putting the label on top of the bar would need the fill's own foreground\n * re-verified per series, which is the trap this layout avoids entirely.\n */\n.percentage {\n    color: var(--tempest-text-subtle);\n    font-size: var(--tempest-text-xs);\n}\n\n.track {\n    overflow: hidden;\n    width: 100%;\n    height: 0.5rem;\n    border-radius: var(--tempest-radius-sm, 0.25rem);\n    background-color: var(--tempest-surface-2);\n}\n\n.fill {\n    height: 100%;\n    border-radius: inherit;\n    transition: width var(--tempest-duration-base) ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .fill {\n        transition: none;\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"BarList.module.cjs","names":[],"sources":["../../../src/components/BarList/BarList.module.css"],"sourcesContent":[".list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3, 0.75rem);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.item {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1, 0.25rem);\n}\n\n.line {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: var(--tempest-space-3, 0.75rem);\n    font-size: var(--tempest-text-sm);\n}\n\n/*\n * The label truncates instead of wrapping: a plan name long enough to wrap would\n * push its own bar down and break the alignment the list exists to show.\n */\n.label {\n    min-width: 0;\n    overflow: hidden;\n    color: var(--tempest-text);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.value {\n    display: inline-flex;\n    align-items: baseline;\n    gap: var(--tempest-space-2, 0.5rem);\n    color: var(--tempest-text);\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n/*\n * The share is de-emphasised by size, and only then by colour — and the colour it\n * uses is resolved against the page background, which is where this text actually\n * sits. Putting the label on top of the bar would need the fill's own foreground\n * re-verified per series, which is the trap this layout avoids entirely.\n */\n.percentage {\n    color: var(--tempest-text-subtle);\n    font-size: var(--tempest-text-xs);\n}\n\n.track {\n    overflow: hidden;\n    width: 100%;\n    height: 0.5rem;\n    border-radius: var(--tempest-radius-sm, 0.25rem);\n    background-color: var(--tempest-surface-2);\n}\n\n.fill {\n    height: 100%;\n    border-radius: inherit;\n    transition: width var(--tempest-duration-base) ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .fill {\n        transition: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/BarList/BarList.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/BarList.css";
 //#region src/components/BarList/BarList.module.css
 var e = "tempest_list_XtltA", t = "tempest_item_y-W9f", n = "tempest_line_WKQ57", r = "tempest_label_AywVf", i = "tempest_value_Y0DD0", a = "tempest_percentage_YTyMa", o = "tempest_track_OVSC3", s = "tempest_fill_kg-Vl", c = {
 	list: e,

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

@@ -1 +1 @@
-{"version":3,"file":"BarList.module.js","names":[],"sources":["../../../src/components/BarList/BarList.module.css"],"sourcesContent":[".list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3, 0.75rem);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.item {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1, 0.25rem);\n}\n\n.line {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: var(--tempest-space-3, 0.75rem);\n    font-size: var(--tempest-text-sm);\n}\n\n/*\n * The label truncates instead of wrapping: a plan name long enough to wrap would\n * push its own bar down and break the alignment the list exists to show.\n */\n.label {\n    min-width: 0;\n    overflow: hidden;\n    color: var(--tempest-text);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.value {\n    display: inline-flex;\n    align-items: baseline;\n    gap: var(--tempest-space-2, 0.5rem);\n    color: var(--tempest-text);\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n/*\n * The share is de-emphasised by size, and only then by colour — and the colour it\n * uses is resolved against the page background, which is where this text actually\n * sits. Putting the label on top of the bar would need the fill's own foreground\n * re-verified per series, which is the trap this layout avoids entirely.\n */\n.percentage {\n    color: var(--tempest-text-subtle);\n    font-size: var(--tempest-text-xs);\n}\n\n.track {\n    overflow: hidden;\n    width: 100%;\n    height: 0.5rem;\n    border-radius: var(--tempest-radius-sm, 0.25rem);\n    background-color: var(--tempest-surface-2);\n}\n\n.fill {\n    height: 100%;\n    border-radius: inherit;\n    transition: width var(--tempest-duration-base) ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .fill {\n        transition: none;\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"BarList.module.js","names":[],"sources":["../../../src/components/BarList/BarList.module.css"],"sourcesContent":[".list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3, 0.75rem);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.item {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1, 0.25rem);\n}\n\n.line {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: var(--tempest-space-3, 0.75rem);\n    font-size: var(--tempest-text-sm);\n}\n\n/*\n * The label truncates instead of wrapping: a plan name long enough to wrap would\n * push its own bar down and break the alignment the list exists to show.\n */\n.label {\n    min-width: 0;\n    overflow: hidden;\n    color: var(--tempest-text);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.value {\n    display: inline-flex;\n    align-items: baseline;\n    gap: var(--tempest-space-2, 0.5rem);\n    color: var(--tempest-text);\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n/*\n * The share is de-emphasised by size, and only then by colour — and the colour it\n * uses is resolved against the page background, which is where this text actually\n * sits. Putting the label on top of the bar would need the fill's own foreground\n * re-verified per series, which is the trap this layout avoids entirely.\n */\n.percentage {\n    color: var(--tempest-text-subtle);\n    font-size: var(--tempest-text-xs);\n}\n\n.track {\n    overflow: hidden;\n    width: 100%;\n    height: 0.5rem;\n    border-radius: var(--tempest-radius-sm, 0.25rem);\n    background-color: var(--tempest-surface-2);\n}\n\n.fill {\n    height: 100%;\n    border-radius: inherit;\n    transition: width var(--tempest-duration-base) ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .fill {\n        transition: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/BarcodeScanner/BarcodeScanner.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/BarcodeScanner.css");
 var e=`tempest_scanner_pIsey`,t=`tempest_viewport_PA5gg`,n=`tempest_video_vxiea`,r=`tempest_frame_sWB0M`,i=`tempest_laser_wloBH`,a=`tempest_laserActive_cCUwf`,o=`tempest_tempest-barcode-sweep_UmIe5`,s=`tempest_torch_aw7tt`,c=`tempest_retry_3K88V`,l=`tempest_overlay_ZWMCa`,u=`tempest_overlayText_jBln2`,d=`tempest_status_9eKPi`,f=`tempest_statusIcon_k2Hmu`,p=`tempest_notice_ELics`,m=`tempest_footer_6SO7U`,h={scanner:e,viewport:t,video:n,frame:r,laser:i,laserActive:a,tempestBarcodeSweep:o,torch:s,retry:c,overlay:l,overlayText:u,status:d,statusIcon:f,notice:p,footer:m};exports.default=h,exports.footer=m,exports.frame=r,exports.laser=i,exports.laserActive=a,exports.notice=p,exports.overlay=l,exports.overlayText=u,exports.retry=c,exports.scanner=e,exports.status=d,exports.statusIcon=f,exports.tempestBarcodeSweep=o,exports.torch=s,exports.video=n,exports.viewport=t;
 //# sourceMappingURL=BarcodeScanner.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"BarcodeScanner.module.cjs","names":[],"sources":["../../../src/components/BarcodeScanner/BarcodeScanner.module.css"],"sourcesContent":[".scanner {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n/*\n * The viewport is a fixed-ratio box and the video fills it with `object-fit: cover`,\n * because a camera hands back whatever aspect ratio the device felt like: letting the\n * element size itself makes the layout jump the moment the stream arrives, which on a\n * phone pushes the button the user was aiming at off the screen.\n */\n.viewport {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface-3);\n}\n\n.video {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n/*\n * Corner brackets: they tell the user where to aim without hiding the frame, which a\n * full border or a dimming mask would. Eight background layers — a horizontal and a\n * vertical bar per corner — because a `linear-gradient` cannot draw an L.\n */\n.frame {\n    position: absolute;\n    inset: 12%;\n    background-image:\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0);\n    background-repeat: no-repeat;\n    background-size:\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%;\n    background-position:\n        left top,\n        left top,\n        right top,\n        right top,\n        left bottom,\n        left bottom,\n        right bottom,\n        right bottom;\n    pointer-events: none;\n}\n\n.laser {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    opacity: 0.35;\n}\n\n.laserActive {\n    opacity: 0.9;\n    animation: tempest-barcode-sweep 1.6s ease-in-out infinite alternate;\n}\n\n@keyframes tempest-barcode-sweep {\n    from {\n        top: 0;\n    }\n    to {\n        top: calc(100% - 2px);\n    }\n}\n\n/*\n * A sweeping line is the one animation here, and it is the first thing to drop: the\n * indicator that matters is the `role=\"status\"` text, so with reduced motion the line\n * simply sits still at the top of the frame.\n */\n@media (prefers-reduced-motion: reduce) {\n    .laserActive {\n        animation: none;\n    }\n}\n\n.torch {\n    position: absolute;\n    top: var(--tempest-space-2);\n    right: var(--tempest-space-2);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.torch[aria-pressed=\"true\"] {\n    border-color: var(--tempest-warning);\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.torch:focus-visible,\n.retry:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .torch {\n        transition: none;\n    }\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .torch::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n.overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    background-color: var(--tempest-surface);\n    text-align: center;\n}\n\n.overlayText {\n    margin: 0;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.retry {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.status {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    margin: 0;\n    min-height: 1.25em;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.statusIcon {\n    flex: 0 0 auto;\n}\n\n.notice {\n    margin: 0;\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-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.footer {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n"],"mappings":""}
+{"version":3,"file":"BarcodeScanner.module.cjs","names":[],"sources":["../../../src/components/BarcodeScanner/BarcodeScanner.module.css"],"sourcesContent":[".scanner {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n/*\n * The viewport is a fixed-ratio box and the video fills it with `object-fit: cover`,\n * because a camera hands back whatever aspect ratio the device felt like: letting the\n * element size itself makes the layout jump the moment the stream arrives, which on a\n * phone pushes the button the user was aiming at off the screen.\n */\n.viewport {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface-3);\n}\n\n.video {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n/*\n * Corner brackets: they tell the user where to aim without hiding the frame, which a\n * full border or a dimming mask would. Eight background layers — a horizontal and a\n * vertical bar per corner — because a `linear-gradient` cannot draw an L.\n */\n.frame {\n    position: absolute;\n    inset: 12%;\n    background-image:\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0);\n    background-repeat: no-repeat;\n    background-size:\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%;\n    background-position:\n        left top,\n        left top,\n        right top,\n        right top,\n        left bottom,\n        left bottom,\n        right bottom,\n        right bottom;\n    pointer-events: none;\n}\n\n.laser {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    opacity: 0.35;\n}\n\n.laserActive {\n    opacity: 0.9;\n    animation: tempest-barcode-sweep 1.6s ease-in-out infinite alternate;\n}\n\n@keyframes tempest-barcode-sweep {\n    from {\n        top: 0;\n    }\n    to {\n        top: calc(100% - 2px);\n    }\n}\n\n/*\n * A sweeping line is the one animation here, and it is the first thing to drop: the\n * indicator that matters is the `role=\"status\"` text, so with reduced motion the line\n * simply sits still at the top of the frame.\n */\n@media (prefers-reduced-motion: reduce) {\n    .laserActive {\n        animation: none;\n    }\n}\n\n.torch {\n    position: absolute;\n    top: var(--tempest-space-2);\n    right: var(--tempest-space-2);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.torch[aria-pressed=\"true\"] {\n    border-color: var(--tempest-warning);\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.torch:focus-visible,\n.retry:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .torch {\n        transition: none;\n    }\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .torch::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n.overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    background-color: var(--tempest-surface);\n    text-align: center;\n}\n\n.overlayText {\n    margin: 0;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.retry {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.status {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    margin: 0;\n    min-height: 1.25em;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.statusIcon {\n    flex: 0 0 auto;\n}\n\n.notice {\n    margin: 0;\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-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.footer {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n"],"mappings":";"}

package/dist/components/BarcodeScanner/BarcodeScanner.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/BarcodeScanner.css";
 //#region src/components/BarcodeScanner/BarcodeScanner.module.css
 var e = "tempest_scanner_pIsey", t = "tempest_viewport_PA5gg", n = "tempest_video_vxiea", r = "tempest_frame_sWB0M", i = "tempest_laser_wloBH", a = "tempest_laserActive_cCUwf", o = "tempest_tempest-barcode-sweep_UmIe5", s = "tempest_torch_aw7tt", c = "tempest_retry_3K88V", l = "tempest_overlay_ZWMCa", u = "tempest_overlayText_jBln2", d = "tempest_status_9eKPi", f = "tempest_statusIcon_k2Hmu", p = "tempest_notice_ELics", m = "tempest_footer_6SO7U", h = {
 	scanner: e,

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

@@ -1 +1 @@
-{"version":3,"file":"BarcodeScanner.module.js","names":[],"sources":["../../../src/components/BarcodeScanner/BarcodeScanner.module.css"],"sourcesContent":[".scanner {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n/*\n * The viewport is a fixed-ratio box and the video fills it with `object-fit: cover`,\n * because a camera hands back whatever aspect ratio the device felt like: letting the\n * element size itself makes the layout jump the moment the stream arrives, which on a\n * phone pushes the button the user was aiming at off the screen.\n */\n.viewport {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface-3);\n}\n\n.video {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n/*\n * Corner brackets: they tell the user where to aim without hiding the frame, which a\n * full border or a dimming mask would. Eight background layers — a horizontal and a\n * vertical bar per corner — because a `linear-gradient` cannot draw an L.\n */\n.frame {\n    position: absolute;\n    inset: 12%;\n    background-image:\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0);\n    background-repeat: no-repeat;\n    background-size:\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%;\n    background-position:\n        left top,\n        left top,\n        right top,\n        right top,\n        left bottom,\n        left bottom,\n        right bottom,\n        right bottom;\n    pointer-events: none;\n}\n\n.laser {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    opacity: 0.35;\n}\n\n.laserActive {\n    opacity: 0.9;\n    animation: tempest-barcode-sweep 1.6s ease-in-out infinite alternate;\n}\n\n@keyframes tempest-barcode-sweep {\n    from {\n        top: 0;\n    }\n    to {\n        top: calc(100% - 2px);\n    }\n}\n\n/*\n * A sweeping line is the one animation here, and it is the first thing to drop: the\n * indicator that matters is the `role=\"status\"` text, so with reduced motion the line\n * simply sits still at the top of the frame.\n */\n@media (prefers-reduced-motion: reduce) {\n    .laserActive {\n        animation: none;\n    }\n}\n\n.torch {\n    position: absolute;\n    top: var(--tempest-space-2);\n    right: var(--tempest-space-2);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.torch[aria-pressed=\"true\"] {\n    border-color: var(--tempest-warning);\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.torch:focus-visible,\n.retry:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .torch {\n        transition: none;\n    }\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .torch::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n.overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    background-color: var(--tempest-surface);\n    text-align: center;\n}\n\n.overlayText {\n    margin: 0;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.retry {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.status {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    margin: 0;\n    min-height: 1.25em;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.statusIcon {\n    flex: 0 0 auto;\n}\n\n.notice {\n    margin: 0;\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-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.footer {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n"],"mappings":""}
+{"version":3,"file":"BarcodeScanner.module.js","names":[],"sources":["../../../src/components/BarcodeScanner/BarcodeScanner.module.css"],"sourcesContent":[".scanner {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n/*\n * The viewport is a fixed-ratio box and the video fills it with `object-fit: cover`,\n * because a camera hands back whatever aspect ratio the device felt like: letting the\n * element size itself makes the layout jump the moment the stream arrives, which on a\n * phone pushes the button the user was aiming at off the screen.\n */\n.viewport {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface-3);\n}\n\n.video {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n/*\n * Corner brackets: they tell the user where to aim without hiding the frame, which a\n * full border or a dimming mask would. Eight background layers — a horizontal and a\n * vertical bar per corner — because a `linear-gradient` cannot draw an L.\n */\n.frame {\n    position: absolute;\n    inset: 12%;\n    background-image:\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0);\n    background-repeat: no-repeat;\n    background-size:\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%;\n    background-position:\n        left top,\n        left top,\n        right top,\n        right top,\n        left bottom,\n        left bottom,\n        right bottom,\n        right bottom;\n    pointer-events: none;\n}\n\n.laser {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    opacity: 0.35;\n}\n\n.laserActive {\n    opacity: 0.9;\n    animation: tempest-barcode-sweep 1.6s ease-in-out infinite alternate;\n}\n\n@keyframes tempest-barcode-sweep {\n    from {\n        top: 0;\n    }\n    to {\n        top: calc(100% - 2px);\n    }\n}\n\n/*\n * A sweeping line is the one animation here, and it is the first thing to drop: the\n * indicator that matters is the `role=\"status\"` text, so with reduced motion the line\n * simply sits still at the top of the frame.\n */\n@media (prefers-reduced-motion: reduce) {\n    .laserActive {\n        animation: none;\n    }\n}\n\n.torch {\n    position: absolute;\n    top: var(--tempest-space-2);\n    right: var(--tempest-space-2);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.torch[aria-pressed=\"true\"] {\n    border-color: var(--tempest-warning);\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.torch:focus-visible,\n.retry:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .torch {\n        transition: none;\n    }\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .torch::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n.overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    background-color: var(--tempest-surface);\n    text-align: center;\n}\n\n.overlayText {\n    margin: 0;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.retry {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.status {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    margin: 0;\n    min-height: 1.25em;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.statusIcon {\n    flex: 0 0 auto;\n}\n\n.notice {\n    margin: 0;\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-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.footer {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n"],"mappings":";"}

package/dist/components/BottomNavigation/BottomNavigation.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/BottomNavigation.css");
 var e=`tempest_bar_kp35Q`,t=`tempest_item_XfDIW`,n=`tempest_active_sK54f`,r=`tempest_iconWrap_yJ20b`,i=`tempest_icon_TAjtI`,a=`tempest_badge_-c3Do`,o=`tempest_label_qJj3L`,s={bar:e,item:t,active:n,iconWrap:r,icon:i,badge:a,label:o};exports.active=n,exports.badge=a,exports.bar=e,exports.default=s,exports.icon=i,exports.iconWrap=r,exports.item=t,exports.label=o;
 //# sourceMappingURL=BottomNavigation.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.module.cjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    width: 100%;\n    background: var(--tempest-surface);\n    border-top: 1px solid var(--tempest-border);\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    font-family: var(--tempest-font-sans);\n}\n\n.item {\n    flex: 1 1 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    padding: 8px 4px;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition: color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n    min-height: 56px;\n}\n\n.item:hover {\n    color: var(--tempest-text);\n}\n\n.item.active {\n    color: var(--tempest-primary);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 20px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n}\n"],"mappings":""}
+{"version":3,"file":"BottomNavigation.module.cjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    width: 100%;\n    background: var(--tempest-surface);\n    border-top: 1px solid var(--tempest-border);\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    font-family: var(--tempest-font-sans);\n}\n\n.item {\n    flex: 1 1 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    padding: 8px 4px;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition: color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n    min-height: 56px;\n}\n\n.item:hover {\n    color: var(--tempest-text);\n}\n\n.item.active {\n    color: var(--tempest-primary);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 20px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n}\n"],"mappings":";"}

package/dist/components/BottomNavigation/BottomNavigation.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/BottomNavigation.css";
 //#region src/components/BottomNavigation/BottomNavigation.module.css
 var e = "tempest_bar_kp35Q", t = "tempest_item_XfDIW", n = "tempest_active_sK54f", r = "tempest_iconWrap_yJ20b", i = "tempest_icon_TAjtI", a = "tempest_badge_-c3Do", o = "tempest_label_qJj3L", s = {
 	bar: e,

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

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.module.js","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    width: 100%;\n    background: var(--tempest-surface);\n    border-top: 1px solid var(--tempest-border);\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    font-family: var(--tempest-font-sans);\n}\n\n.item {\n    flex: 1 1 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    padding: 8px 4px;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition: color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n    min-height: 56px;\n}\n\n.item:hover {\n    color: var(--tempest-text);\n}\n\n.item.active {\n    color: var(--tempest-primary);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 20px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n}\n"],"mappings":""}
+{"version":3,"file":"BottomNavigation.module.js","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    width: 100%;\n    background: var(--tempest-surface);\n    border-top: 1px solid var(--tempest-border);\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    font-family: var(--tempest-font-sans);\n}\n\n.item {\n    flex: 1 1 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    padding: 8px 4px;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition: color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n    min-height: 56px;\n}\n\n.item:hover {\n    color: var(--tempest-text);\n}\n\n.item.active {\n    color: var(--tempest-primary);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 20px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n}\n"],"mappings":";"}

package/dist/components/BottomSheet/BottomSheet.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/BottomSheet.css");
 var e=`tempest_root_qXce2`,t=`tempest_backdrop_WLqh0`,n=`tempest_fadeIn_fyyhf`,r=`tempest_sheet_Okz1P`,i=`tempest_slideUp_CSrpB`,a=`tempest_handle_GWCoK`,o=`tempest_handleBar_XPPiI`,s=`tempest_title_i5Vuc`,c=`tempest_body_bgDhJ`,l={root:e,backdrop:t,fadeIn:n,sheet:r,slideUp:i,handle:a,handleBar:o,title:s,body:c};exports.backdrop=t,exports.body=c,exports.default=l,exports.fadeIn=n,exports.handle=a,exports.handleBar=o,exports.root=e,exports.sheet=r,exports.slideUp=i,exports.title=s;
 //# sourceMappingURL=BottomSheet.module.cjs.map