@flowstack-ui/brick 0.1.9 → 0.1.12

package/dist/styles/sidebar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,4gCA2BA,gGACA,gGACA,+FACA,6GACA,6GACA,mGAEA,iHACA,oEACA,mEAEA,8OAOA,qaAgBA,gKAIA,2KACA,sMACA,mKACA,2FAEA,0NAEA,0GACA,4GACA,0OACA,uCAEA,uZAcA,0FACA,kKACA,wFAEA,8CACE,qNACA,yNAGF,8BACE,+FACA,mEACA,gEDxGJ","sources":["home/runner/work/brick/brick/.brick-cache/production/sidebar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/sidebar/sidebar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/sidebar/sidebar.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-sidebar {\n    --brick-sidebar-expanded-width-sm: 14rem;\n    --brick-sidebar-expanded-width-md: 17rem;\n    --brick-sidebar-expanded-width-lg: 20rem;\n    --brick-sidebar-rail-width-sm: 3.25rem;\n    --brick-sidebar-rail-width-md: 3.75rem;\n    --brick-sidebar-rail-width-lg: 4.25rem;\n    --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-md);\n    --brick-sidebar-panel-background: var(--brick-color-surface-base);\n    --brick-sidebar-panel-border: var(--brick-color-border-subtle);\n    --brick-sidebar-panel-radius: 0;\n    --brick-sidebar-panel-gap: 0px;\n    --brick-sidebar-region-padding-inline: var(--brick-space-4);\n    --brick-sidebar-region-padding-block: var(--brick-space-4);\n    --brick-sidebar-content-gap: var(--brick-space-3);\n    --brick-sidebar-sticky-offset: 0px;\n    --brick-sidebar-available-block-size: calc(100dvh - var(--brick-sidebar-sticky-offset));\n    --brick-sidebar-transition-duration: 180ms;\n    --brick-sidebar-transition-easing: ease;\n\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, var(--brick-sidebar-panel-width)) minmax(0, 1fr);\n    align-items: start;\n    gap: var(--brick-sidebar-panel-gap);\n  }\n\n  .brick-sidebar[data-size=\"sm\"] { --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-sm); }\n  .brick-sidebar[data-size=\"lg\"] { --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-lg); }\n  .brick-sidebar[data-state=\"rail\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-md); }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"sm\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-sm); }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"lg\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-lg); }\n  .brick-sidebar[data-state=\"offcanvas\"] { --brick-sidebar-panel-width: 0px; --brick-sidebar-panel-gap: 0px; }\n\n  .brick-sidebar[data-side=\"right\"] { grid-template-columns: minmax(0, 1fr) minmax(0, var(--brick-sidebar-panel-width)); }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel { grid-column: 2; }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__main { grid-column: 1; grid-row: 1; }\n\n  .brick-sidebar[data-variant=\"floating\"] {\n    --brick-sidebar-panel-background: var(--brick-color-surface-raised);\n    --brick-sidebar-panel-radius: var(--brick-radius-surface);\n    --brick-sidebar-panel-gap: var(--brick-space-3);\n    padding: var(--brick-space-3);\n  }\n\n  .brick-sidebar__panel {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    overflow: clip;\n    min-inline-size: 0;\n    inline-size: var(--brick-sidebar-panel-width);\n    max-inline-size: 100%;\n    align-self: stretch;\n    flex-direction: column;\n    border-inline-end: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n    border-radius: var(--brick-sidebar-panel-radius);\n    background: var(--brick-sidebar-panel-background);\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel {\n    border-inline-start: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n    border-inline-end: 0;\n  }\n  .brick-sidebar[data-variant=\"floating\"] > .brick-sidebar__panel { border: var(--brick-border-width) solid var(--brick-sidebar-panel-border); box-shadow: var(--brick-shadow-raised); }\n  .brick-sidebar[data-position=\"sticky\"] > .brick-sidebar__panel { position: sticky; inset-block-start: var(--brick-sidebar-sticky-offset); block-size: var(--brick-sidebar-available-block-size); min-block-size: 0; }\n  .brick-sidebar[data-state=\"offcanvas\"] > .brick-sidebar__panel { visibility: hidden; inline-size: 0; block-size: 0; min-block-size: 0; align-self: start; border: 0; translate: -100% 0; }\n  .brick-sidebar[data-state=\"offcanvas\"][data-side=\"right\"] > .brick-sidebar__panel { translate: 100% 0; }\n\n  .brick-sidebar__header,\n  .brick-sidebar__footer { display: flex; flex: 0 0 auto; align-items: center; gap: var(--brick-sidebar-content-gap); padding: var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline); }\n  .brick-sidebar__header { border-block-end: var(--brick-border-width) solid var(--brick-sidebar-panel-border); }\n  .brick-sidebar__footer { border-block-start: var(--brick-border-width) solid var(--brick-sidebar-panel-border); }\n  .brick-sidebar__content { display: flex; min-block-size: 0; min-inline-size: 0; flex: 1 1 auto; flex-direction: column; gap: var(--brick-sidebar-content-gap); padding: var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline); }\n  .brick-sidebar__main { min-inline-size: 0; }\n\n  .brick-sidebar__trigger {\n    box-sizing: border-box;\n    display: inline-flex;\n    min-inline-size: var(--brick-control-min-block-size-sm);\n    min-block-size: var(--brick-control-min-block-size-sm);\n    align-items: center;\n    justify-content: center;\n    padding: var(--brick-space-2);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-radius-control);\n    background: transparent;\n    color: var(--brick-color-text-primary);\n    cursor: pointer;\n  }\n  .brick-sidebar__trigger:hover:not(:disabled) { background: var(--brick-color-surface-subtle); }\n  .brick-sidebar__trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-sidebar__trigger:disabled { color: var(--brick-color-text-muted); cursor: not-allowed; }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .brick-sidebar { transition: grid-template-columns var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), gap var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing); }\n    .brick-sidebar__panel { transition: inline-size var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), translate var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing); }\n  }\n\n  @media (forced-colors: active) {\n    .brick-sidebar { --brick-sidebar-panel-background: Canvas; --brick-sidebar-panel-border: CanvasText; }\n    .brick-sidebar__trigger { border-color: ButtonBorder; color: ButtonText; }\n    .brick-sidebar__trigger:focus-visible { outline-color: Highlight; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,4gCA2BA,gGACA,gGACA,+FACA,6GACA,6GACA,mGAEA,iHACA,oEACA,mEAEA,2KAMA,sFAIA,mGAIA,uGAIA,qaAgBA,gKAIA,2KACA,sMACA,mKACA,2FAEA,0NAEA,0GACA,4GACA,0OACA,uCAEA,uZAcA,0FACA,kKACA,wFAEA,8CACE,qNACA,yNAGF,8BACE,+FACA,mEACA,gEDnHJ","sources":["home/runner/work/brick/brick/.brick-cache/production/sidebar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/sidebar/sidebar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/sidebar/sidebar.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-sidebar {\n    --brick-sidebar-expanded-width-sm: 14rem;\n    --brick-sidebar-expanded-width-md: 17rem;\n    --brick-sidebar-expanded-width-lg: 20rem;\n    --brick-sidebar-rail-width-sm: 3.25rem;\n    --brick-sidebar-rail-width-md: 3.75rem;\n    --brick-sidebar-rail-width-lg: 4.25rem;\n    --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-md);\n    --brick-sidebar-panel-background: var(--brick-color-surface-base);\n    --brick-sidebar-panel-border: var(--brick-color-border-subtle);\n    --brick-sidebar-panel-radius: 0;\n    --brick-sidebar-panel-gap: 0px;\n    --brick-sidebar-region-padding-inline: var(--brick-space-4);\n    --brick-sidebar-region-padding-block: var(--brick-space-4);\n    --brick-sidebar-content-gap: var(--brick-space-3);\n    --brick-sidebar-sticky-offset: 0px;\n    --brick-sidebar-available-block-size: calc(100dvh - var(--brick-sidebar-sticky-offset));\n    --brick-sidebar-transition-duration: 180ms;\n    --brick-sidebar-transition-easing: ease;\n\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, var(--brick-sidebar-panel-width)) minmax(0, 1fr);\n    align-items: start;\n    gap: var(--brick-sidebar-panel-gap);\n  }\n\n  .brick-sidebar[data-size=\"sm\"] { --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-sm); }\n  .brick-sidebar[data-size=\"lg\"] { --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-lg); }\n  .brick-sidebar[data-state=\"rail\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-md); }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"sm\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-sm); }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"lg\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-lg); }\n  .brick-sidebar[data-state=\"offcanvas\"] { --brick-sidebar-panel-width: 0px; --brick-sidebar-panel-gap: 0px; }\n\n  .brick-sidebar[data-side=\"right\"] { grid-template-columns: minmax(0, 1fr) minmax(0, var(--brick-sidebar-panel-width)); }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel { grid-column: 2; }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__main { grid-column: 1; grid-row: 1; }\n\n  .brick-sidebar[data-variant=\"floating\"] {\n    --brick-sidebar-panel-radius: var(--brick-radius-surface);\n    --brick-sidebar-panel-gap: var(--brick-space-3);\n    padding: var(--brick-space-3);\n  }\n\n  .brick-sidebar[data-surface=\"transparent\"] {\n    --brick-sidebar-panel-background: transparent;\n  }\n\n  .brick-sidebar[data-surface=\"base\"] {\n    --brick-sidebar-panel-background: var(--brick-color-surface-base);\n  }\n\n  .brick-sidebar[data-surface=\"raised\"] {\n    --brick-sidebar-panel-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-sidebar__panel {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    overflow: clip;\n    min-inline-size: 0;\n    inline-size: var(--brick-sidebar-panel-width);\n    max-inline-size: 100%;\n    align-self: stretch;\n    flex-direction: column;\n    border-inline-end: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n    border-radius: var(--brick-sidebar-panel-radius);\n    background: var(--brick-sidebar-panel-background);\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel {\n    border-inline-start: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n    border-inline-end: 0;\n  }\n  .brick-sidebar[data-variant=\"floating\"] > .brick-sidebar__panel { border: var(--brick-border-width) solid var(--brick-sidebar-panel-border); box-shadow: var(--brick-shadow-raised); }\n  .brick-sidebar[data-position=\"sticky\"] > .brick-sidebar__panel { position: sticky; inset-block-start: var(--brick-sidebar-sticky-offset); block-size: var(--brick-sidebar-available-block-size); min-block-size: 0; }\n  .brick-sidebar[data-state=\"offcanvas\"] > .brick-sidebar__panel { visibility: hidden; inline-size: 0; block-size: 0; min-block-size: 0; align-self: start; border: 0; translate: -100% 0; }\n  .brick-sidebar[data-state=\"offcanvas\"][data-side=\"right\"] > .brick-sidebar__panel { translate: 100% 0; }\n\n  .brick-sidebar__header,\n  .brick-sidebar__footer { display: flex; flex: 0 0 auto; align-items: center; gap: var(--brick-sidebar-content-gap); padding: var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline); }\n  .brick-sidebar__header { border-block-end: var(--brick-border-width) solid var(--brick-sidebar-panel-border); }\n  .brick-sidebar__footer { border-block-start: var(--brick-border-width) solid var(--brick-sidebar-panel-border); }\n  .brick-sidebar__content { display: flex; min-block-size: 0; min-inline-size: 0; flex: 1 1 auto; flex-direction: column; gap: var(--brick-sidebar-content-gap); padding: var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline); }\n  .brick-sidebar__main { min-inline-size: 0; }\n\n  .brick-sidebar__trigger {\n    box-sizing: border-box;\n    display: inline-flex;\n    min-inline-size: var(--brick-control-min-block-size-sm);\n    min-block-size: var(--brick-control-min-block-size-sm);\n    align-items: center;\n    justify-content: center;\n    padding: var(--brick-space-2);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-radius-control);\n    background: transparent;\n    color: var(--brick-color-text-primary);\n    cursor: pointer;\n  }\n  .brick-sidebar__trigger:hover:not(:disabled) { background: var(--brick-color-surface-subtle); }\n  .brick-sidebar__trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-sidebar__trigger:disabled { color: var(--brick-color-text-muted); cursor: not-allowed; }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .brick-sidebar { transition: grid-template-columns var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), gap var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing); }\n    .brick-sidebar__panel { transition: inline-size var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), translate var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing); }\n  }\n\n  @media (forced-colors: active) {\n    .brick-sidebar { --brick-sidebar-panel-background: Canvas; --brick-sidebar-panel-border: CanvasText; }\n    .brick-sidebar__trigger { border-color: ButtonBorder; color: ButtonText; }\n    .brick-sidebar__trigger:focus-visible { outline-color: Highlight; }\n  }\n}\n"],"names":[]}

package/dist/styles/skeleton.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-skeleton{--brick-skeleton-background:var(--brick-color-surface-subtle);--brick-skeleton-highlight:var(--brick-color-surface-raised);--brick-skeleton-width:100%;--brick-skeleton-height:1em;--brick-skeleton-radius:var(--brick-radius-subtle);box-sizing:border-box;inline-size:var(--brick-skeleton-width);block-size:var(--brick-skeleton-height);border-radius:var(--brick-skeleton-radius);vertical-align:middle;max-inline-size:100%;display:inline-block;position:relative}.brick-skeleton[data-loading]{background:var(--brick-skeleton-background);overflow:hidden}.brick-skeleton[data-variant=circular]{--brick-skeleton-width:2.5rem;--brick-skeleton-height:2.5rem;--brick-skeleton-radius:9999px;aspect-ratio:1}.brick-skeleton[data-variant=rectangular]{--brick-skeleton-height:4rem;--brick-skeleton-radius:0}.brick-skeleton[data-variant=rounded]{--brick-skeleton-height:4rem;--brick-skeleton-radius:var(--brick-radius-surface)}.brick-skeleton[data-has-children]{block-size:fit-content;inline-size:fit-content}.brick-skeleton-content{display:inherit;visibility:visible}.brick-skeleton[data-loading]>.brick-skeleton-content{visibility:hidden}.brick-skeleton[data-lines]{gap:var(--brick-space-2);background:0 0;flex-direction:column;block-size:auto;display:flex;overflow:visible}.brick-skeleton-line{inline-size:100%;block-size:var(--brick-skeleton-height);border-radius:var(--brick-skeleton-radius);background:var(--brick-skeleton-background);display:block;overflow:hidden}.brick-skeleton-line:last-child{inline-size:72%}.brick-skeleton[data-animation=pulse][data-loading],.brick-skeleton[data-animation=pulse][data-loading] .brick-skeleton-line{animation:1.8s ease-in-out infinite brick-skeleton-pulse}.brick-skeleton[data-animation=wave][data-loading]:after,.brick-skeleton[data-animation=wave][data-loading] .brick-skeleton-line:after{content:"";background:linear-gradient(90deg, transparent, var(--brick-skeleton-highlight), transparent);animation:1.8s ease-in-out infinite brick-skeleton-wave;position:absolute;inset:0;translate:-100%}.brick-skeleton[data-animation=wave][data-lines]:after{content:none}.brick-skeleton-line{position:relative}@keyframes brick-skeleton-pulse{0%,to{opacity:1}50%{opacity:.52}}@keyframes brick-skeleton-wave{to{translate:100%}}@media (prefers-reduced-motion:reduce){.brick-skeleton,.brick-skeleton:after,.brick-skeleton-line,.brick-skeleton-line:after{animation:none!important}}@media (forced-colors:active){.brick-skeleton[data-loading],.brick-skeleton-line{forced-color-adjust:auto;background:canvas;border:1px solid canvastext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-skeleton{--brick-skeleton-background:color-mix(in srgb, var(--brick-color-surface-base), var(--brick-color-text-primary) 16%);--brick-skeleton-highlight:color-mix(in srgb, var(--brick-color-surface-base), var(--brick-color-text-primary) 28%);--brick-skeleton-width:100%;--brick-skeleton-height:1em;--brick-skeleton-radius:var(--brick-radius-subtle);box-sizing:border-box;inline-size:var(--brick-skeleton-width);block-size:var(--brick-skeleton-height);border-radius:var(--brick-skeleton-radius);vertical-align:middle;max-inline-size:100%;display:inline-block;position:relative}.brick-skeleton[data-loading]{background:var(--brick-skeleton-background);overflow:hidden}.brick-skeleton[data-variant=circular]{--brick-skeleton-width:2.5rem;--brick-skeleton-height:2.5rem;--brick-skeleton-radius:9999px;aspect-ratio:1}.brick-skeleton[data-variant=rectangular]{--brick-skeleton-height:4rem;--brick-skeleton-radius:0}.brick-skeleton[data-variant=rounded]{--brick-skeleton-height:4rem;--brick-skeleton-radius:var(--brick-radius-surface)}.brick-skeleton[data-has-children]{block-size:fit-content;inline-size:fit-content}.brick-skeleton-content{display:inherit;visibility:visible}.brick-skeleton[data-loading]>.brick-skeleton-content{visibility:hidden}.brick-skeleton[data-lines]{gap:var(--brick-space-2);background:0 0;flex-direction:column;block-size:auto;display:flex;overflow:visible}.brick-skeleton-line{inline-size:100%;block-size:var(--brick-skeleton-height);border-radius:var(--brick-skeleton-radius);background:var(--brick-skeleton-background);display:block;overflow:hidden}.brick-skeleton-line:last-child{inline-size:72%}.brick-skeleton[data-animation=pulse][data-loading],.brick-skeleton[data-animation=pulse][data-loading] .brick-skeleton-line{animation:1.8s ease-in-out infinite brick-skeleton-pulse}.brick-skeleton[data-animation=wave][data-loading]:after,.brick-skeleton[data-animation=wave][data-loading] .brick-skeleton-line:after{content:"";background:linear-gradient(90deg, transparent, var(--brick-skeleton-highlight), transparent);animation:1.8s ease-in-out infinite brick-skeleton-wave;position:absolute;inset:0;translate:-100%}.brick-skeleton[data-animation=wave][data-lines]:after{content:none}.brick-skeleton-line{position:relative}@keyframes brick-skeleton-pulse{0%,to{opacity:1}50%{opacity:.52}}@keyframes brick-skeleton-wave{to{translate:100%}}@media (prefers-reduced-motion:reduce){.brick-skeleton,.brick-skeleton:after,.brick-skeleton-line,.brick-skeleton-line:after{animation:none!important}}@media (forced-colors:active){.brick-skeleton[data-loading],.brick-skeleton-line{forced-color-adjust:auto;background:canvas;border:1px solid canvastext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=skeleton.css.map */

package/dist/styles/skeleton.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,ydAeA,0FACA,kJACA,iGACA,uHACA,kFACA,2DACA,wEACA,wIACA,mMACA,gDACA,sLACA,iVACA,oEACA,uCACA,iEACA,kDACA,uCAA0C,gHAC1C,8BAAiC,4HDjCnC","sources":["home/runner/work/brick/brick/.brick-cache/production/skeleton.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/skeleton/skeleton.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/skeleton/skeleton.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-skeleton {\n    --brick-skeleton-background: var(--brick-color-surface-subtle);\n    --brick-skeleton-highlight: var(--brick-color-surface-raised);\n    --brick-skeleton-width: 100%;\n    --brick-skeleton-height: 1em;\n    --brick-skeleton-radius: var(--brick-radius-subtle);\n    position: relative;\n    display: inline-block;\n    box-sizing: border-box;\n    inline-size: var(--brick-skeleton-width);\n    block-size: var(--brick-skeleton-height);\n    max-inline-size: 100%;\n    border-radius: var(--brick-skeleton-radius);\n    vertical-align: middle;\n  }\n  .brick-skeleton[data-loading] { overflow: hidden; background: var(--brick-skeleton-background); }\n  .brick-skeleton[data-variant=\"circular\"] { --brick-skeleton-width: 2.5rem; --brick-skeleton-height: 2.5rem; --brick-skeleton-radius: 9999px; aspect-ratio: 1; }\n  .brick-skeleton[data-variant=\"rectangular\"] { --brick-skeleton-height: 4rem; --brick-skeleton-radius: 0; }\n  .brick-skeleton[data-variant=\"rounded\"] { --brick-skeleton-height: 4rem; --brick-skeleton-radius: var(--brick-radius-surface); }\n  .brick-skeleton[data-has-children] { inline-size: fit-content; block-size: fit-content; }\n  .brick-skeleton-content { display: inherit; visibility: visible; }\n  .brick-skeleton[data-loading] > .brick-skeleton-content { visibility: hidden; }\n  .brick-skeleton[data-lines] { display: flex; block-size: auto; flex-direction: column; gap: var(--brick-space-2); background: transparent; overflow: visible; }\n  .brick-skeleton-line { display: block; inline-size: 100%; block-size: var(--brick-skeleton-height); border-radius: var(--brick-skeleton-radius); background: var(--brick-skeleton-background); overflow: hidden; }\n  .brick-skeleton-line:last-child { inline-size: 72%; }\n  .brick-skeleton[data-animation=\"pulse\"][data-loading], .brick-skeleton[data-animation=\"pulse\"][data-loading] .brick-skeleton-line { animation: brick-skeleton-pulse 1.8s ease-in-out infinite; }\n  .brick-skeleton[data-animation=\"wave\"][data-loading]::after, .brick-skeleton[data-animation=\"wave\"][data-loading] .brick-skeleton-line::after { content: \"\"; position: absolute; inset: 0; translate: -100% 0; background: linear-gradient(90deg, transparent, var(--brick-skeleton-highlight), transparent); animation: brick-skeleton-wave 1.8s ease-in-out infinite; }\n  .brick-skeleton[data-animation=\"wave\"][data-lines]::after { content: none; }\n  .brick-skeleton-line { position: relative; }\n  @keyframes brick-skeleton-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.52; } }\n  @keyframes brick-skeleton-wave { to { translate: 100% 0; } }\n  @media (prefers-reduced-motion: reduce) { .brick-skeleton, .brick-skeleton::after, .brick-skeleton-line, .brick-skeleton-line::after { animation: none !important; } }\n  @media (forced-colors: active) { .brick-skeleton[data-loading], .brick-skeleton-line { border: 1px solid CanvasText; background: Canvas; forced-color-adjust: auto; } }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,ukBAuBA,0FACA,kJACA,iGACA,uHACA,kFACA,2DACA,wEACA,wIACA,mMACA,gDACA,sLACA,iVACA,oEACA,uCACA,iEACA,kDACA,uCAA0C,gHAC1C,8BAAiC,4HDzCnC","sources":["home/runner/work/brick/brick/.brick-cache/production/skeleton.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/skeleton/skeleton.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/skeleton/skeleton.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-skeleton {\n    --brick-skeleton-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-base),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-skeleton-highlight: color-mix(\n      in srgb,\n      var(--brick-color-surface-base),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-skeleton-width: 100%;\n    --brick-skeleton-height: 1em;\n    --brick-skeleton-radius: var(--brick-radius-subtle);\n    position: relative;\n    display: inline-block;\n    box-sizing: border-box;\n    inline-size: var(--brick-skeleton-width);\n    block-size: var(--brick-skeleton-height);\n    max-inline-size: 100%;\n    border-radius: var(--brick-skeleton-radius);\n    vertical-align: middle;\n  }\n  .brick-skeleton[data-loading] { overflow: hidden; background: var(--brick-skeleton-background); }\n  .brick-skeleton[data-variant=\"circular\"] { --brick-skeleton-width: 2.5rem; --brick-skeleton-height: 2.5rem; --brick-skeleton-radius: 9999px; aspect-ratio: 1; }\n  .brick-skeleton[data-variant=\"rectangular\"] { --brick-skeleton-height: 4rem; --brick-skeleton-radius: 0; }\n  .brick-skeleton[data-variant=\"rounded\"] { --brick-skeleton-height: 4rem; --brick-skeleton-radius: var(--brick-radius-surface); }\n  .brick-skeleton[data-has-children] { inline-size: fit-content; block-size: fit-content; }\n  .brick-skeleton-content { display: inherit; visibility: visible; }\n  .brick-skeleton[data-loading] > .brick-skeleton-content { visibility: hidden; }\n  .brick-skeleton[data-lines] { display: flex; block-size: auto; flex-direction: column; gap: var(--brick-space-2); background: transparent; overflow: visible; }\n  .brick-skeleton-line { display: block; inline-size: 100%; block-size: var(--brick-skeleton-height); border-radius: var(--brick-skeleton-radius); background: var(--brick-skeleton-background); overflow: hidden; }\n  .brick-skeleton-line:last-child { inline-size: 72%; }\n  .brick-skeleton[data-animation=\"pulse\"][data-loading], .brick-skeleton[data-animation=\"pulse\"][data-loading] .brick-skeleton-line { animation: brick-skeleton-pulse 1.8s ease-in-out infinite; }\n  .brick-skeleton[data-animation=\"wave\"][data-loading]::after, .brick-skeleton[data-animation=\"wave\"][data-loading] .brick-skeleton-line::after { content: \"\"; position: absolute; inset: 0; translate: -100% 0; background: linear-gradient(90deg, transparent, var(--brick-skeleton-highlight), transparent); animation: brick-skeleton-wave 1.8s ease-in-out infinite; }\n  .brick-skeleton[data-animation=\"wave\"][data-lines]::after { content: none; }\n  .brick-skeleton-line { position: relative; }\n  @keyframes brick-skeleton-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.52; } }\n  @keyframes brick-skeleton-wave { to { translate: 100% 0; } }\n  @media (prefers-reduced-motion: reduce) { .brick-skeleton, .brick-skeleton::after, .brick-skeleton-line, .brick-skeleton-line::after { animation: none !important; } }\n  @media (forced-colors: active) { .brick-skeleton[data-loading], .brick-skeleton-line { border: 1px solid CanvasText; background: Canvas; forced-color-adjust: auto; } }\n}\n"],"names":[]}

package/dist/styles/slider.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-slider{--brick-slider-track-size:.375rem;--brick-slider-track-length:10rem;--brick-slider-track-background:var(--brick-color-surface-subtle);--brick-slider-track-border:var(--brick-color-border-subtle);--brick-slider-range-background:var(--brick-color-accent-solid);--brick-slider-thumb-size:1.125rem;--brick-slider-thumb-background:var(--brick-color-surface-raised);--brick-slider-thumb-border:var(--brick-color-accent-solid);--brick-slider-thumb-shadow:var(--brick-shadow-sm);--brick-slider-marker-color:var(--brick-color-border-strong);--brick-slider-value-label-background:var(--brick-color-surface-raised);--brick-slider-value-label-foreground:var(--brick-color-text-primary);box-sizing:border-box;min-inline-size:0;color:var(--brick-color-text-primary);display:block;position:relative}.brick-slider[data-orientation=horizontal]{inline-size:100%}.brick-slider[data-orientation=horizontal]:has(.brick-slider__value-label){padding-block-start:2.25rem}.brick-slider[data-orientation=vertical]{inline-size:var(--brick-control-target-min);block-size:var(--brick-slider-track-length)}.brick-slider__track{box-sizing:border-box;-webkit-user-select:none;user-select:none;display:block;position:relative}.brick-slider[data-orientation=horizontal] .brick-slider__track{inline-size:100%;block-size:var(--brick-control-target-min)}.brick-slider[data-orientation=vertical] .brick-slider__track{inline-size:var(--brick-control-target-min);block-size:100%}.brick-slider__track:before{border:var(--brick-border-width) solid var(--brick-slider-track-border);border-radius:var(--brick-radius-full);background:var(--brick-slider-track-background);content:"";position:absolute}.brick-slider[data-orientation=horizontal] .brick-slider__track:before{block-size:var(--brick-slider-track-size);inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.brick-slider[data-orientation=vertical] .brick-slider__track:before{inline-size:var(--brick-slider-track-size);inset-block:0;inset-inline-start:50%;transform:translate(-50%)}.brick-slider__range{z-index:1;border-radius:var(--brick-radius-full);background:var(--brick-slider-range-background);pointer-events:none;position:absolute}.brick-slider[data-orientation=horizontal] .brick-slider__range{block-size:var(--brick-slider-track-size);inset-block-start:50%;transform:translateY(-50%)}.brick-slider[data-orientation=vertical] .brick-slider__range{inline-size:var(--brick-slider-track-size);inset-inline-start:50%;transform:translate(-50%)}.brick-slider__thumb{z-index:3;box-sizing:border-box;inline-size:var(--brick-control-target-min);block-size:var(--brick-control-target-min);border-radius:var(--brick-radius-full);cursor:grab;background:0 0;border:0;outline:0;place-items:center;display:grid;position:absolute}.brick-slider__thumb:before{inline-size:var(--brick-slider-thumb-size);block-size:var(--brick-slider-thumb-size);box-sizing:border-box;border:calc(2 * var(--brick-border-width)) solid var(--brick-slider-thumb-border);border-radius:var(--brick-radius-full);background:var(--brick-slider-thumb-background);box-shadow:var(--brick-slider-thumb-shadow);content:"";transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard)}.brick-slider[data-orientation=horizontal] .brick-slider__thumb{inset-block-start:50%;transform:translate(-50%,-50%)}[dir=rtl] .brick-slider[data-orientation=horizontal] .brick-slider__thumb{transform:translate(50%,-50%)}.brick-slider[data-orientation=vertical] .brick-slider__thumb{inset-inline-start:50%;transform:translate(-50%,50%)}.brick-slider__thumb:active{cursor:grabbing}.brick-slider__thumb:active:before{transform:scale(1.12)}.brick-slider__thumb:is(:focus-visible,[data-focus-visible]):before{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-slider__marker{z-index:2;color:var(--brick-color-text-secondary);pointer-events:none;font:var(--brick-typography-body-sm-font-weight) var(--brick-typography-body-sm-font-size)/var(--brick-typography-body-sm-line-height) var(--brick-typography-body-sm-font-family);place-items:center;display:grid;position:absolute}.brick-slider__marker:before{border-radius:var(--brick-radius-full);background:var(--brick-slider-marker-color);content:"";position:absolute}.brick-slider__marker[data-orientation=horizontal]{padding-block-start:2.25rem;inset-block-start:50%;inset-inline-start:calc(var(--brick-slider-marker-percent) * 1%);transform:translate(-50%,-50%)}.brick-slider__marker[data-orientation=horizontal][data-edge=start]{transform:translateY(-50%)}.brick-slider__marker[data-orientation=horizontal][data-edge=end]{transform:translate(-100%,-50%)}[dir=rtl] .brick-slider__marker[data-orientation=horizontal]{transform:translate(50%,-50%)}[dir=rtl] .brick-slider__marker[data-orientation=horizontal][data-edge=start]{transform:translate(-100%,-50%)}[dir=rtl] .brick-slider__marker[data-orientation=horizontal][data-edge=end]{transform:translateY(-50%)}.brick-slider__marker[data-orientation=horizontal]:before{block-size:.25rem;inline-size:.25rem}.brick-slider__marker[data-orientation=vertical]{padding-inline-start:2.25rem;inset-block-end:calc(var(--brick-slider-marker-percent) * 1%);inset-inline-start:50%;transform:translate(-50%,50%)}.brick-slider__marker[data-orientation=vertical]:before{block-size:.25rem;inline-size:.25rem}.brick-slider__value-label{min-inline-size:1.75rem;padding:var(--brick-space-1) var(--brick-space-2);border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-radius-subtle);background:var(--brick-slider-value-label-background);color:var(--brick-slider-value-label-foreground);box-shadow:var(--brick-shadow-sm);text-align:center;white-space:nowrap;font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);font-variant-numeric:tabular-nums;position:absolute;inset-block-end:calc(100% + var(--brick-space-1));inset-inline-start:50%;transform:translate(-50%)}.brick-slider[data-orientation=vertical] .brick-slider__value-label{inset-block-end:50%;inset-inline-start:calc(100% + var(--brick-space-1));transform:translateY(50%)}.brick-slider[data-size=sm]{--brick-slider-track-size:.25rem;--brick-slider-thumb-size:.875rem}.brick-slider[data-size=lg]{--brick-slider-track-size:.5rem;--brick-slider-thumb-size:1.375rem}.brick-slider[data-variant=soft]{--brick-slider-range-background:var(--brick-color-accent-soft);--brick-slider-thumb-border:var(--brick-color-accent-text)}.brick-slider[data-invalid]{--brick-slider-thumb-border:var(--brick-color-danger-text);--brick-slider-range-background:var(--brick-color-danger-text)}.brick-slider[data-disabled]{opacity:.6}.brick-slider[data-disabled] .brick-slider__thumb{cursor:not-allowed}.brick-slider[data-readonly] .brick-slider__thumb{cursor:default}@media (prefers-reduced-motion:reduce){.brick-slider__thumb:before{transition:none}}@media (forced-colors:active){.brick-slider{forced-color-adjust:none}.brick-slider__track:before{background:canvas;border-color:buttontext}.brick-slider__range{background:highlight}.brick-slider__thumb:before{box-shadow:none;background:canvas;border-color:highlight}.brick-slider__marker:before{background:buttontext}.brick-slider__value-label{color:canvastext;box-shadow:none;background:canvas;border-color:buttontext}.brick-slider[data-disabled]{opacity:1}.brick-slider[data-disabled] .brick-slider__thumb:before{border-color:graytext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-slider{--brick-slider-track-size:.5rem;--brick-slider-track-length:10rem;--brick-slider-track-inset:calc(var(--brick-control-target-min) / 2);--brick-slider-track-background:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 8%);--brick-slider-track-border:var(--brick-color-border-strong);--brick-slider-range-background:var(--brick-color-accent-solid);--brick-slider-thumb-size:1.125rem;--brick-slider-thumb-background:var(--brick-color-surface-raised);--brick-slider-thumb-border:var(--brick-color-accent-solid);--brick-slider-thumb-shadow:var(--brick-shadow-sm);--brick-slider-marker-color:var(--brick-color-text-primary);--brick-slider-marker-selected-color:var(--brick-color-surface-canvas);--brick-slider-marker-border:var(--brick-color-border-strong);--brick-slider-marker-size:.25rem;--brick-slider-value-label-background:var(--brick-color-surface-raised);--brick-slider-value-label-foreground:var(--brick-color-text-primary);box-sizing:border-box;min-inline-size:0;color:var(--brick-color-text-primary);display:block;position:relative}.brick-slider[data-orientation=horizontal]{inline-size:100%}.brick-slider[data-orientation=horizontal]:has(.brick-slider__value-label){padding-block-start:2.25rem}.brick-slider[data-orientation=vertical]{inline-size:var(--brick-control-target-min);block-size:var(--brick-slider-track-length)}.brick-slider__track{box-sizing:border-box;-webkit-user-select:none;user-select:none;display:block;position:relative}.brick-slider[data-orientation=horizontal] .brick-slider__track{inline-size:calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));block-size:var(--brick-control-target-min);margin-inline:var(--brick-slider-track-inset)}.brick-slider[data-orientation=vertical] .brick-slider__track{inline-size:var(--brick-control-target-min);block-size:calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));margin-block:var(--brick-slider-track-inset)}.brick-slider__track:before{border:var(--brick-border-width) solid var(--brick-slider-track-border);border-radius:var(--brick-radius-full);background:var(--brick-slider-track-background);content:"";position:absolute}.brick-slider[data-orientation=horizontal] .brick-slider__track:before{block-size:var(--brick-slider-track-size);inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.brick-slider[data-orientation=vertical] .brick-slider__track:before{inline-size:var(--brick-slider-track-size);inset-block:0;inset-inline-start:50%;transform:translate(-50%)}.brick-slider__range{z-index:1;border-radius:var(--brick-radius-full);background:var(--brick-slider-range-background);pointer-events:none;position:absolute}.brick-slider[data-orientation=horizontal] .brick-slider__range{block-size:var(--brick-slider-track-size);inset-block-start:50%;transform:translateY(-50%)}.brick-slider[data-orientation=vertical] .brick-slider__range{inline-size:var(--brick-slider-track-size);inset-inline-start:50%;transform:translate(-50%)}.brick-slider__thumb{z-index:3;box-sizing:border-box;inline-size:var(--brick-control-target-min);block-size:var(--brick-control-target-min);border-radius:var(--brick-radius-full);cursor:grab;background:0 0;border:0;outline:0;place-items:center;display:grid;position:absolute}.brick-slider__thumb:before{inline-size:var(--brick-slider-thumb-size);block-size:var(--brick-slider-thumb-size);box-sizing:border-box;border:calc(2 * var(--brick-border-width)) solid var(--brick-slider-thumb-border);border-radius:var(--brick-radius-full);background:var(--brick-slider-thumb-background);box-shadow:var(--brick-slider-thumb-shadow);content:"";transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard)}.brick-slider[data-orientation=horizontal] .brick-slider__thumb{inset-block-start:50%;transform:translate(-50%,-50%)}[dir=rtl] .brick-slider[data-orientation=horizontal] .brick-slider__thumb{transform:translate(50%,-50%)}.brick-slider[data-orientation=vertical] .brick-slider__thumb{inset-inline-start:50%;transform:translate(-50%,50%)}.brick-slider__thumb:active{cursor:grabbing}.brick-slider__thumb:active:before{transform:scale(1.12)}.brick-slider__thumb:is(:focus-visible,[data-focus-visible]):before{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-slider__marker{z-index:2;color:var(--brick-color-text-secondary);pointer-events:none;font:var(--brick-typography-body-sm-font-weight) var(--brick-typography-body-sm-font-size)/var(--brick-typography-body-sm-line-height) var(--brick-typography-body-sm-font-family);place-items:center;display:grid;position:absolute}.brick-slider__marker:before{box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-slider-marker-border);border-radius:var(--brick-radius-full);background:var(--brick-slider-marker-color);content:"";position:absolute}.brick-slider__marker[data-selected]:before{border-color:color-mix(in srgb, var(--brick-color-accent-on-solid), transparent 45%);background:var(--brick-slider-marker-selected-color)}.brick-slider__marker[data-orientation=horizontal]{min-inline-size:calc(var(--brick-slider-marker-size) * 2);padding-block-start:2.25rem;inset-block-start:50%;inset-inline-start:calc(var(--brick-slider-marker-percent) * 1%);transform:translate(-50%,-50%)}.brick-slider__marker[data-orientation=horizontal][data-edge=start]{transform:translateY(-50%)}.brick-slider__marker[data-orientation=horizontal][data-edge=end]{transform:translate(-100%,-50%)}[dir=rtl] .brick-slider__marker[data-orientation=horizontal]{transform:translate(50%,-50%)}[dir=rtl] .brick-slider__marker[data-orientation=horizontal][data-edge=start]{transform:translate(-100%,-50%)}[dir=rtl] .brick-slider__marker[data-orientation=horizontal][data-edge=end]{transform:translateY(-50%)}.brick-slider__marker[data-orientation=horizontal]:before{inline-size:var(--brick-slider-marker-size);block-size:var(--brick-slider-marker-size);inset-block-start:50%;inset-inline-start:calc(50% - (var(--brick-slider-marker-size) / 2));transform:translateY(-50%)}.brick-slider__marker[data-orientation=vertical]{padding-inline-start:2.25rem;inset-block-end:calc(var(--brick-slider-marker-percent) * 1%);inset-inline-start:50%;transform:translate(-50%,50%)}.brick-slider__marker[data-orientation=vertical]:before{inline-size:var(--brick-slider-marker-size);block-size:var(--brick-slider-marker-size);inset-block-start:calc(50% - (var(--brick-slider-marker-size) / 2));inset-inline-start:50%;transform:translate(-50%)}.brick-slider__value-label{min-inline-size:1.75rem;padding:var(--brick-space-1) var(--brick-space-2);border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-radius-subtle);background:var(--brick-slider-value-label-background);color:var(--brick-slider-value-label-foreground);box-shadow:var(--brick-shadow-sm);text-align:center;white-space:nowrap;font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);font-variant-numeric:tabular-nums;position:absolute;inset-block-end:calc(100% + var(--brick-space-1));inset-inline-start:50%;transform:translate(-50%)}.brick-slider[data-orientation=vertical] .brick-slider__value-label{inset-block-end:50%;inset-inline-start:calc(100% + var(--brick-space-1));transform:translateY(50%)}.brick-slider[data-size=sm]{--brick-slider-track-size:.375rem;--brick-slider-thumb-size:.875rem}.brick-slider[data-size=lg]{--brick-slider-track-size:.5rem;--brick-slider-thumb-size:1.375rem}.brick-slider[data-variant=soft]{--brick-slider-range-background:var(--brick-color-accent-soft);--brick-slider-marker-color:var(--brick-color-accent-text);--brick-slider-marker-selected-color:var(--brick-color-accent-on-soft);--brick-slider-thumb-border:var(--brick-color-accent-text)}.brick-slider[data-invalid]{--brick-slider-thumb-border:var(--brick-color-danger-text);--brick-slider-range-background:var(--brick-color-danger-text)}.brick-slider[data-disabled]{opacity:.6}.brick-slider[data-disabled] .brick-slider__thumb{cursor:not-allowed}.brick-slider[data-readonly] .brick-slider__thumb{cursor:default}@media (prefers-reduced-motion:reduce){.brick-slider__thumb:before{transition:none}}@media (forced-colors:active){.brick-slider{forced-color-adjust:none}.brick-slider__track:before{background:canvas;border-color:buttontext}.brick-slider__range{background:highlight}.brick-slider__thumb:before{box-shadow:none;background:canvas;border-color:highlight}.brick-slider__marker:before{background:buttontext}.brick-slider__marker[data-selected]:before{background:highlighttext}.brick-slider__value-label{color:canvastext;box-shadow:none;background:canvas;border-color:buttontext}.brick-slider[data-disabled]{opacity:1}.brick-slider[data-disabled] .brick-slider__thumb:before{border-color:graytext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=slider.css.map */

package/dist/styles/slider.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,8xBAqBA,4DACA,uGAGA,iIAKA,qHAOA,4HAKA,0HAKA,wNAQA,iLAOA,+KAOA,4JAQA,2JAMA,0JAMA,mRAeA,kcAYA,qHAIA,wGAGA,mHAKA,4CACA,yDACA,gMAKA,iUASA,6IAMA,qMAMA,+FACA,kGACA,2FACA,8GACA,uGACA,+FACA,iMAMA,6FAEA,+rBAmBA,uKAMA,+FACA,+FACA,2JAIA,sJACA,wCACA,qEACA,iEAEA,uCAA0C,6CAC1C,8BACE,uCACA,sEACA,0CACA,qFACA,mDACA,sGACA,uCACA,iFDxNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/slider.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/slider/slider.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/slider/slider.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-slider {\n    --brick-slider-track-size: 0.375rem;\n    --brick-slider-track-length: 10rem;\n    --brick-slider-track-background: var(--brick-color-surface-subtle);\n    --brick-slider-track-border: var(--brick-color-border-subtle);\n    --brick-slider-range-background: var(--brick-color-accent-solid);\n    --brick-slider-thumb-size: 1.125rem;\n    --brick-slider-thumb-background: var(--brick-color-surface-raised);\n    --brick-slider-thumb-border: var(--brick-color-accent-solid);\n    --brick-slider-thumb-shadow: var(--brick-shadow-sm);\n    --brick-slider-marker-color: var(--brick-color-border-strong);\n    --brick-slider-value-label-background: var(--brick-color-surface-raised);\n    --brick-slider-value-label-foreground: var(--brick-color-text-primary);\n\n    display: block;\n    position: relative;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] { inline-size: 100%; }\n  .brick-slider[data-orientation=\"horizontal\"]:has(.brick-slider__value-label) {\n    padding-block-start: 2.25rem;\n  }\n  .brick-slider[data-orientation=\"vertical\"] {\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-slider-track-length);\n  }\n\n  .brick-slider__track {\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    user-select: none;\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track {\n    inline-size: 100%;\n    block-size: var(--brick-control-target-min);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__track {\n    inline-size: var(--brick-control-target-min);\n    block-size: 100%;\n  }\n\n  .brick-slider__track::before {\n    position: absolute;\n    border: var(--brick-border-width) solid var(--brick-slider-track-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-track-background);\n    content: \"\";\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track::before {\n    inset-inline: 0;\n    inset-block-start: 50%;\n    block-size: var(--brick-slider-track-size);\n    transform: translateY(-50%);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__track::before {\n    inset-block: 0;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-slider-track-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__range {\n    position: absolute;\n    z-index: 1;\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-range-background);\n    pointer-events: none;\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__range {\n    inset-block-start: 50%;\n    block-size: var(--brick-slider-track-size);\n    transform: translateY(-50%);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__range {\n    inset-inline-start: 50%;\n    inline-size: var(--brick-slider-track-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__thumb {\n    position: absolute;\n    z-index: 3;\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    outline: 0;\n    background: transparent;\n    cursor: grab;\n  }\n\n  .brick-slider__thumb::before {\n    inline-size: var(--brick-slider-thumb-size);\n    block-size: var(--brick-slider-thumb-size);\n    box-sizing: border-box;\n    border: calc(2 * var(--brick-border-width)) solid var(--brick-slider-thumb-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-thumb-background);\n    box-shadow: var(--brick-slider-thumb-shadow);\n    content: \"\";\n    transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n    inset-block-start: 50%;\n    transform: translate(-50%, -50%);\n  }\n  [dir=\"rtl\"] .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n    transform: translate(50%, -50%);\n  }\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__thumb {\n    inset-inline-start: 50%;\n    transform: translate(-50%, 50%);\n  }\n\n  .brick-slider__thumb:active { cursor: grabbing; }\n  .brick-slider__thumb:active::before { transform: scale(1.12); }\n  .brick-slider__thumb:is(:focus-visible, [data-focus-visible])::before {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-slider__marker {\n    position: absolute;\n    z-index: 2;\n    display: grid;\n    color: var(--brick-color-text-secondary);\n    place-items: center;\n    pointer-events: none;\n    font: var(--brick-typography-body-sm-font-weight) var(--brick-typography-body-sm-font-size)/var(--brick-typography-body-sm-line-height) var(--brick-typography-body-sm-font-family);\n  }\n  .brick-slider__marker::before {\n    position: absolute;\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-marker-color);\n    content: \"\";\n  }\n  .brick-slider__marker[data-orientation=\"horizontal\"] {\n    inset-inline-start: calc(var(--brick-slider-marker-percent) * 1%);\n    inset-block-start: 50%;\n    padding-block-start: 2.25rem;\n    transform: translate(-50%, -50%);\n  }\n  .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(0, -50%); }\n  .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(-100%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"] { transform: translate(50%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(-100%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(0, -50%); }\n  .brick-slider__marker[data-orientation=\"horizontal\"]::before { inline-size: 0.25rem; block-size: 0.25rem; }\n  .brick-slider__marker[data-orientation=\"vertical\"] {\n    inset-inline-start: 50%;\n    inset-block-end: calc(var(--brick-slider-marker-percent) * 1%);\n    padding-inline-start: 2.25rem;\n    transform: translate(-50%, 50%);\n  }\n  .brick-slider__marker[data-orientation=\"vertical\"]::before { inline-size: 0.25rem; block-size: 0.25rem; }\n\n  .brick-slider__value-label {\n    position: absolute;\n    inset-inline-start: 50%;\n    inset-block-end: calc(100% + var(--brick-space-1));\n    min-inline-size: 1.75rem;\n    padding: var(--brick-space-1) var(--brick-space-2);\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-radius-subtle);\n    background: var(--brick-slider-value-label-background);\n    color: var(--brick-slider-value-label-foreground);\n    box-shadow: var(--brick-shadow-sm);\n    transform: translateX(-50%);\n    text-align: center;\n    white-space: nowrap;\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n    font-variant-numeric: tabular-nums;\n  }\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__value-label {\n    inset-inline-start: calc(100% + var(--brick-space-1));\n    inset-block-end: 50%;\n    transform: translateY(50%);\n  }\n\n  .brick-slider[data-size=\"sm\"] { --brick-slider-track-size: 0.25rem; --brick-slider-thumb-size: 0.875rem; }\n  .brick-slider[data-size=\"lg\"] { --brick-slider-track-size: 0.5rem; --brick-slider-thumb-size: 1.375rem; }\n  .brick-slider[data-variant=\"soft\"] {\n    --brick-slider-range-background: var(--brick-color-accent-soft);\n    --brick-slider-thumb-border: var(--brick-color-accent-text);\n  }\n  .brick-slider[data-invalid] { --brick-slider-thumb-border: var(--brick-color-danger-text); --brick-slider-range-background: var(--brick-color-danger-text); }\n  .brick-slider[data-disabled] { opacity: 0.6; }\n  .brick-slider[data-disabled] .brick-slider__thumb { cursor: not-allowed; }\n  .brick-slider[data-readonly] .brick-slider__thumb { cursor: default; }\n\n  @media (prefers-reduced-motion: reduce) { .brick-slider__thumb::before { transition: none; } }\n  @media (forced-colors: active) {\n    .brick-slider { forced-color-adjust: none; }\n    .brick-slider__track::before { border-color: ButtonText; background: Canvas; }\n    .brick-slider__range { background: Highlight; }\n    .brick-slider__thumb::before { border-color: Highlight; background: Canvas; box-shadow: none; }\n    .brick-slider__marker::before { background: ButtonText; }\n    .brick-slider__value-label { border-color: ButtonText; background: Canvas; color: CanvasText; box-shadow: none; }\n    .brick-slider[data-disabled] { opacity: 1; }\n    .brick-slider[data-disabled] .brick-slider__thumb::before { border-color: GrayText; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+jCA6BA,4DACA,uGAGA,iIAKA,qHAOA,oPAMA,iPAMA,wNAQA,iLAOA,+KAOA,4JAQA,2JAMA,0JAMA,mRAeA,kcAYA,qHAIA,wGAGA,mHAKA,4CACA,yDACA,gMAKA,iUASA,4OAQA,sLAIA,+PAOA,+FACA,kGACA,2FACA,8GACA,uGACA,uQAOA,iMAMA,oQAQA,+rBAmBA,uKAMA,gGACA,+FACA,6RAMA,sJACA,wCACA,qEACA,iEAEA,uCAA0C,6CAC1C,8BACE,uCACA,sEACA,0CACA,qFACA,mDACA,qEACA,sGACA,uCACA,iFDxPJ","sources":["home/runner/work/brick/brick/.brick-cache/production/slider.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/slider/slider.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/slider/slider.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-slider {\n    --brick-slider-track-size: 0.5rem;\n    --brick-slider-track-length: 10rem;\n    --brick-slider-track-inset: calc(var(--brick-control-target-min) / 2);\n    --brick-slider-track-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 8%\n    );\n    --brick-slider-track-border: var(--brick-color-border-strong);\n    --brick-slider-range-background: var(--brick-color-accent-solid);\n    --brick-slider-thumb-size: 1.125rem;\n    --brick-slider-thumb-background: var(--brick-color-surface-raised);\n    --brick-slider-thumb-border: var(--brick-color-accent-solid);\n    --brick-slider-thumb-shadow: var(--brick-shadow-sm);\n    --brick-slider-marker-color: var(--brick-color-text-primary);\n    --brick-slider-marker-selected-color: var(--brick-color-surface-canvas);\n    --brick-slider-marker-border: var(--brick-color-border-strong);\n    --brick-slider-marker-size: 0.25rem;\n    --brick-slider-value-label-background: var(--brick-color-surface-raised);\n    --brick-slider-value-label-foreground: var(--brick-color-text-primary);\n\n    display: block;\n    position: relative;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] { inline-size: 100%; }\n  .brick-slider[data-orientation=\"horizontal\"]:has(.brick-slider__value-label) {\n    padding-block-start: 2.25rem;\n  }\n  .brick-slider[data-orientation=\"vertical\"] {\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-slider-track-length);\n  }\n\n  .brick-slider__track {\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    user-select: none;\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track {\n    inline-size: calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));\n    block-size: var(--brick-control-target-min);\n    margin-inline: var(--brick-slider-track-inset);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__track {\n    inline-size: var(--brick-control-target-min);\n    block-size: calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));\n    margin-block: var(--brick-slider-track-inset);\n  }\n\n  .brick-slider__track::before {\n    position: absolute;\n    border: var(--brick-border-width) solid var(--brick-slider-track-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-track-background);\n    content: \"\";\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track::before {\n    inset-inline: 0;\n    inset-block-start: 50%;\n    block-size: var(--brick-slider-track-size);\n    transform: translateY(-50%);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__track::before {\n    inset-block: 0;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-slider-track-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__range {\n    position: absolute;\n    z-index: 1;\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-range-background);\n    pointer-events: none;\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__range {\n    inset-block-start: 50%;\n    block-size: var(--brick-slider-track-size);\n    transform: translateY(-50%);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__range {\n    inset-inline-start: 50%;\n    inline-size: var(--brick-slider-track-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__thumb {\n    position: absolute;\n    z-index: 3;\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    outline: 0;\n    background: transparent;\n    cursor: grab;\n  }\n\n  .brick-slider__thumb::before {\n    inline-size: var(--brick-slider-thumb-size);\n    block-size: var(--brick-slider-thumb-size);\n    box-sizing: border-box;\n    border: calc(2 * var(--brick-border-width)) solid var(--brick-slider-thumb-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-thumb-background);\n    box-shadow: var(--brick-slider-thumb-shadow);\n    content: \"\";\n    transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n    inset-block-start: 50%;\n    transform: translate(-50%, -50%);\n  }\n  [dir=\"rtl\"] .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n    transform: translate(50%, -50%);\n  }\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__thumb {\n    inset-inline-start: 50%;\n    transform: translate(-50%, 50%);\n  }\n\n  .brick-slider__thumb:active { cursor: grabbing; }\n  .brick-slider__thumb:active::before { transform: scale(1.12); }\n  .brick-slider__thumb:is(:focus-visible, [data-focus-visible])::before {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-slider__marker {\n    position: absolute;\n    z-index: 2;\n    display: grid;\n    color: var(--brick-color-text-secondary);\n    place-items: center;\n    pointer-events: none;\n    font: var(--brick-typography-body-sm-font-weight) var(--brick-typography-body-sm-font-size)/var(--brick-typography-body-sm-line-height) var(--brick-typography-body-sm-font-family);\n  }\n  .brick-slider__marker::before {\n    position: absolute;\n    box-sizing: border-box;\n    border: var(--brick-border-width) solid var(--brick-slider-marker-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-marker-color);\n    content: \"\";\n  }\n  .brick-slider__marker[data-selected]::before {\n    border-color: color-mix(in srgb, var(--brick-color-accent-on-solid), transparent 45%);\n    background: var(--brick-slider-marker-selected-color);\n  }\n  .brick-slider__marker[data-orientation=\"horizontal\"] {\n    inset-inline-start: calc(var(--brick-slider-marker-percent) * 1%);\n    inset-block-start: 50%;\n    min-inline-size: calc(var(--brick-slider-marker-size) * 2);\n    padding-block-start: 2.25rem;\n    transform: translate(-50%, -50%);\n  }\n  .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(0, -50%); }\n  .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(-100%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"] { transform: translate(50%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(-100%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(0, -50%); }\n  .brick-slider__marker[data-orientation=\"horizontal\"]::before {\n    inset-inline-start: calc(50% - (var(--brick-slider-marker-size) / 2));\n    inset-block-start: 50%;\n    inline-size: var(--brick-slider-marker-size);\n    block-size: var(--brick-slider-marker-size);\n    transform: translateY(-50%);\n  }\n  .brick-slider__marker[data-orientation=\"vertical\"] {\n    inset-inline-start: 50%;\n    inset-block-end: calc(var(--brick-slider-marker-percent) * 1%);\n    padding-inline-start: 2.25rem;\n    transform: translate(-50%, 50%);\n  }\n  .brick-slider__marker[data-orientation=\"vertical\"]::before {\n    inset-inline-start: 50%;\n    inset-block-start: calc(50% - (var(--brick-slider-marker-size) / 2));\n    inline-size: var(--brick-slider-marker-size);\n    block-size: var(--brick-slider-marker-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__value-label {\n    position: absolute;\n    inset-inline-start: 50%;\n    inset-block-end: calc(100% + var(--brick-space-1));\n    min-inline-size: 1.75rem;\n    padding: var(--brick-space-1) var(--brick-space-2);\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-radius-subtle);\n    background: var(--brick-slider-value-label-background);\n    color: var(--brick-slider-value-label-foreground);\n    box-shadow: var(--brick-shadow-sm);\n    transform: translateX(-50%);\n    text-align: center;\n    white-space: nowrap;\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n    font-variant-numeric: tabular-nums;\n  }\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__value-label {\n    inset-inline-start: calc(100% + var(--brick-space-1));\n    inset-block-end: 50%;\n    transform: translateY(50%);\n  }\n\n  .brick-slider[data-size=\"sm\"] { --brick-slider-track-size: 0.375rem; --brick-slider-thumb-size: 0.875rem; }\n  .brick-slider[data-size=\"lg\"] { --brick-slider-track-size: 0.5rem; --brick-slider-thumb-size: 1.375rem; }\n  .brick-slider[data-variant=\"soft\"] {\n    --brick-slider-range-background: var(--brick-color-accent-soft);\n    --brick-slider-marker-color: var(--brick-color-accent-text);\n    --brick-slider-marker-selected-color: var(--brick-color-accent-on-soft);\n    --brick-slider-thumb-border: var(--brick-color-accent-text);\n  }\n  .brick-slider[data-invalid] { --brick-slider-thumb-border: var(--brick-color-danger-text); --brick-slider-range-background: var(--brick-color-danger-text); }\n  .brick-slider[data-disabled] { opacity: 0.6; }\n  .brick-slider[data-disabled] .brick-slider__thumb { cursor: not-allowed; }\n  .brick-slider[data-readonly] .brick-slider__thumb { cursor: default; }\n\n  @media (prefers-reduced-motion: reduce) { .brick-slider__thumb::before { transition: none; } }\n  @media (forced-colors: active) {\n    .brick-slider { forced-color-adjust: none; }\n    .brick-slider__track::before { border-color: ButtonText; background: Canvas; }\n    .brick-slider__range { background: Highlight; }\n    .brick-slider__thumb::before { border-color: Highlight; background: Canvas; box-shadow: none; }\n    .brick-slider__marker::before { background: ButtonText; }\n    .brick-slider__marker[data-selected]::before { background: HighlightText; }\n    .brick-slider__value-label { border-color: ButtonText; background: Canvas; color: CanvasText; box-shadow: none; }\n    .brick-slider[data-disabled] { opacity: 1; }\n    .brick-slider[data-disabled] .brick-slider__thumb::before { border-color: GrayText; }\n  }\n}\n"],"names":[]}

package/dist/styles/stack.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-stack{--brick-stack-gap:var(--brick-space-0);--brick-stack-start-spacing:var(--brick-space-0);--brick-stack-end-spacing:var(--brick-space-0);box-sizing:border-box;justify-content:start;align-items:stretch;gap:var(--brick-stack-gap);min-inline-size:0;padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0;display:flex}.brick-stack[data-direction=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-gap="1"]{--brick-stack-gap:var(--brick-space-1)}.brick-stack[data-gap="2"]{--brick-stack-gap:var(--brick-space-2)}.brick-stack[data-gap="3"]{--brick-stack-gap:var(--brick-space-3)}.brick-stack[data-gap="4"]{--brick-stack-gap:var(--brick-space-4)}.brick-stack[data-gap="5"]{--brick-stack-gap:var(--brick-space-5)}.brick-stack[data-gap="6"]{--brick-stack-gap:var(--brick-space-6)}.brick-stack[data-start-spacing="1"]{--brick-stack-start-spacing:var(--brick-space-1)}.brick-stack[data-start-spacing="2"]{--brick-stack-start-spacing:var(--brick-space-2)}.brick-stack[data-start-spacing="3"]{--brick-stack-start-spacing:var(--brick-space-3)}.brick-stack[data-start-spacing="4"]{--brick-stack-start-spacing:var(--brick-space-4)}.brick-stack[data-start-spacing="5"]{--brick-stack-start-spacing:var(--brick-space-5)}.brick-stack[data-start-spacing="6"]{--brick-stack-start-spacing:var(--brick-space-6)}.brick-stack[data-end-spacing="1"]{--brick-stack-end-spacing:var(--brick-space-1)}.brick-stack[data-end-spacing="2"]{--brick-stack-end-spacing:var(--brick-space-2)}.brick-stack[data-end-spacing="3"]{--brick-stack-end-spacing:var(--brick-space-3)}.brick-stack[data-end-spacing="4"]{--brick-stack-end-spacing:var(--brick-space-4)}.brick-stack[data-end-spacing="5"]{--brick-stack-end-spacing:var(--brick-space-5)}.brick-stack[data-end-spacing="6"]{--brick-stack-end-spacing:var(--brick-space-6)}.brick-stack[data-align=start]{align-items:start}.brick-stack[data-align=center]{align-items:center}.brick-stack[data-align=end]{align-items:end}.brick-stack[data-align=baseline]{align-items:baseline}.brick-stack[data-justify=center]{justify-content:center}.brick-stack[data-justify=end]{justify-content:end}.brick-stack[data-justify=between]{justify-content:space-between}.brick-stack[data-justify=around]{justify-content:space-around}.brick-stack[data-justify=evenly]{justify-content:space-evenly}.brick-stack[data-wrap]{flex-wrap:wrap}.brick-stack-item{box-sizing:border-box;flex:0 auto;align-self:auto;min-block-size:0;min-inline-size:0}.brick-stack-item[data-flex=fixed]{flex:none}.brick-stack-item[data-flex=auto]{flex:auto}.brick-stack-item[data-flex="1"]{flex:1 1 0}.brick-stack-item[data-flex="2"]{flex:2 1 0}.brick-stack-item[data-flex="3"]{flex:3 1 0}.brick-stack-item[data-flex="4"]{flex:4 1 0}.brick-stack-item[data-align=stretch]{align-self:stretch}.brick-stack-item[data-align=start]{align-self:start}.brick-stack-item[data-align=center]{align-self:center}.brick-stack-item[data-align=end]{align-self:end}.brick-stack-item[data-align=baseline]{align-self:baseline}@media (width>=30rem){.brick-stack[data-direction-sm=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-sm=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-gap-sm="0"]{--brick-stack-gap:var(--brick-space-0)}.brick-stack[data-gap-sm="1"]{--brick-stack-gap:var(--brick-space-1)}.brick-stack[data-gap-sm="2"]{--brick-stack-gap:var(--brick-space-2)}.brick-stack[data-gap-sm="3"]{--brick-stack-gap:var(--brick-space-3)}.brick-stack[data-gap-sm="4"]{--brick-stack-gap:var(--brick-space-4)}.brick-stack[data-gap-sm="5"]{--brick-stack-gap:var(--brick-space-5)}.brick-stack[data-gap-sm="6"]{--brick-stack-gap:var(--brick-space-6)}.brick-stack[data-align-sm=stretch]{align-items:stretch}.brick-stack[data-align-sm=start]{align-items:start}.brick-stack[data-align-sm=center]{align-items:center}.brick-stack[data-align-sm=end]{align-items:end}.brick-stack[data-align-sm=baseline]{align-items:baseline}.brick-stack[data-justify-sm=start]{justify-content:start}.brick-stack[data-justify-sm=center]{justify-content:center}.brick-stack[data-justify-sm=end]{justify-content:end}.brick-stack[data-justify-sm=between]{justify-content:space-between}.brick-stack[data-justify-sm=around]{justify-content:space-around}.brick-stack[data-justify-sm=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-sm=true]{flex-wrap:wrap}.brick-stack[data-wrap-sm=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-sm=content]{flex:0 auto}.brick-stack-item[data-flex-sm=fixed]{flex:none}.brick-stack-item[data-flex-sm=auto]{flex:auto}.brick-stack-item[data-flex-sm="1"]{flex:1 1 0}.brick-stack-item[data-flex-sm="2"]{flex:2 1 0}.brick-stack-item[data-flex-sm="3"]{flex:3 1 0}.brick-stack-item[data-flex-sm="4"]{flex:4 1 0}.brick-stack-item[data-align-sm=auto]{align-self:auto}.brick-stack-item[data-align-sm=stretch]{align-self:stretch}.brick-stack-item[data-align-sm=start]{align-self:start}.brick-stack-item[data-align-sm=center]{align-self:center}.brick-stack-item[data-align-sm=end]{align-self:end}.brick-stack-item[data-align-sm=baseline]{align-self:baseline}}@media (width>=48rem){.brick-stack[data-direction-md=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-md=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-gap-md="0"]{--brick-stack-gap:var(--brick-space-0)}.brick-stack[data-gap-md="1"]{--brick-stack-gap:var(--brick-space-1)}.brick-stack[data-gap-md="2"]{--brick-stack-gap:var(--brick-space-2)}.brick-stack[data-gap-md="3"]{--brick-stack-gap:var(--brick-space-3)}.brick-stack[data-gap-md="4"]{--brick-stack-gap:var(--brick-space-4)}.brick-stack[data-gap-md="5"]{--brick-stack-gap:var(--brick-space-5)}.brick-stack[data-gap-md="6"]{--brick-stack-gap:var(--brick-space-6)}.brick-stack[data-align-md=stretch]{align-items:stretch}.brick-stack[data-align-md=start]{align-items:start}.brick-stack[data-align-md=center]{align-items:center}.brick-stack[data-align-md=end]{align-items:end}.brick-stack[data-align-md=baseline]{align-items:baseline}.brick-stack[data-justify-md=start]{justify-content:start}.brick-stack[data-justify-md=center]{justify-content:center}.brick-stack[data-justify-md=end]{justify-content:end}.brick-stack[data-justify-md=between]{justify-content:space-between}.brick-stack[data-justify-md=around]{justify-content:space-around}.brick-stack[data-justify-md=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-md=true]{flex-wrap:wrap}.brick-stack[data-wrap-md=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-md=content]{flex:0 auto}.brick-stack-item[data-flex-md=fixed]{flex:none}.brick-stack-item[data-flex-md=auto]{flex:auto}.brick-stack-item[data-flex-md="1"]{flex:1 1 0}.brick-stack-item[data-flex-md="2"]{flex:2 1 0}.brick-stack-item[data-flex-md="3"]{flex:3 1 0}.brick-stack-item[data-flex-md="4"]{flex:4 1 0}.brick-stack-item[data-align-md=auto]{align-self:auto}.brick-stack-item[data-align-md=stretch]{align-self:stretch}.brick-stack-item[data-align-md=start]{align-self:start}.brick-stack-item[data-align-md=center]{align-self:center}.brick-stack-item[data-align-md=end]{align-self:end}.brick-stack-item[data-align-md=baseline]{align-self:baseline}}@media (width>=64rem){.brick-stack[data-direction-lg=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-lg=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-gap-lg="0"]{--brick-stack-gap:var(--brick-space-0)}.brick-stack[data-gap-lg="1"]{--brick-stack-gap:var(--brick-space-1)}.brick-stack[data-gap-lg="2"]{--brick-stack-gap:var(--brick-space-2)}.brick-stack[data-gap-lg="3"]{--brick-stack-gap:var(--brick-space-3)}.brick-stack[data-gap-lg="4"]{--brick-stack-gap:var(--brick-space-4)}.brick-stack[data-gap-lg="5"]{--brick-stack-gap:var(--brick-space-5)}.brick-stack[data-gap-lg="6"]{--brick-stack-gap:var(--brick-space-6)}.brick-stack[data-align-lg=stretch]{align-items:stretch}.brick-stack[data-align-lg=start]{align-items:start}.brick-stack[data-align-lg=center]{align-items:center}.brick-stack[data-align-lg=end]{align-items:end}.brick-stack[data-align-lg=baseline]{align-items:baseline}.brick-stack[data-justify-lg=start]{justify-content:start}.brick-stack[data-justify-lg=center]{justify-content:center}.brick-stack[data-justify-lg=end]{justify-content:end}.brick-stack[data-justify-lg=between]{justify-content:space-between}.brick-stack[data-justify-lg=around]{justify-content:space-around}.brick-stack[data-justify-lg=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-lg=true]{flex-wrap:wrap}.brick-stack[data-wrap-lg=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-lg=content]{flex:0 auto}.brick-stack-item[data-flex-lg=fixed]{flex:none}.brick-stack-item[data-flex-lg=auto]{flex:auto}.brick-stack-item[data-flex-lg="1"]{flex:1 1 0}.brick-stack-item[data-flex-lg="2"]{flex:2 1 0}.brick-stack-item[data-flex-lg="3"]{flex:3 1 0}.brick-stack-item[data-flex-lg="4"]{flex:4 1 0}.brick-stack-item[data-align-lg=auto]{align-self:auto}.brick-stack-item[data-align-lg=stretch]{align-self:stretch}.brick-stack-item[data-align-lg=start]{align-self:start}.brick-stack-item[data-align-lg=center]{align-self:center}.brick-stack-item[data-align-lg=end]{align-self:end}.brick-stack-item[data-align-lg=baseline]{align-self:baseline}}@media (width>=80rem){.brick-stack[data-direction-xl=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-xl=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-gap-xl="0"]{--brick-stack-gap:var(--brick-space-0)}.brick-stack[data-gap-xl="1"]{--brick-stack-gap:var(--brick-space-1)}.brick-stack[data-gap-xl="2"]{--brick-stack-gap:var(--brick-space-2)}.brick-stack[data-gap-xl="3"]{--brick-stack-gap:var(--brick-space-3)}.brick-stack[data-gap-xl="4"]{--brick-stack-gap:var(--brick-space-4)}.brick-stack[data-gap-xl="5"]{--brick-stack-gap:var(--brick-space-5)}.brick-stack[data-gap-xl="6"]{--brick-stack-gap:var(--brick-space-6)}.brick-stack[data-align-xl=stretch]{align-items:stretch}.brick-stack[data-align-xl=start]{align-items:start}.brick-stack[data-align-xl=center]{align-items:center}.brick-stack[data-align-xl=end]{align-items:end}.brick-stack[data-align-xl=baseline]{align-items:baseline}.brick-stack[data-justify-xl=start]{justify-content:start}.brick-stack[data-justify-xl=center]{justify-content:center}.brick-stack[data-justify-xl=end]{justify-content:end}.brick-stack[data-justify-xl=between]{justify-content:space-between}.brick-stack[data-justify-xl=around]{justify-content:space-around}.brick-stack[data-justify-xl=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-xl=true]{flex-wrap:wrap}.brick-stack[data-wrap-xl=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-xl=content]{flex:0 auto}.brick-stack-item[data-flex-xl=fixed]{flex:none}.brick-stack-item[data-flex-xl=auto]{flex:auto}.brick-stack-item[data-flex-xl="1"]{flex:1 1 0}.brick-stack-item[data-flex-xl="2"]{flex:2 1 0}.brick-stack-item[data-flex-xl="3"]{flex:3 1 0}.brick-stack-item[data-flex-xl="4"]{flex:4 1 0}.brick-stack-item[data-align-xl=auto]{align-self:auto}.brick-stack-item[data-align-xl=stretch]{align-self:stretch}.brick-stack-item[data-align-xl=start]{align-self:start}.brick-stack-item[data-align-xl=center]{align-self:center}.brick-stack-item[data-align-xl=end]{align-self:end}.brick-stack-item[data-align-xl=baseline]{align-self:baseline}}@media (width>=30rem){.brick-stack[data-start-spacing-sm="0"]{--brick-stack-start-spacing:var(--brick-space-0)}.brick-stack[data-start-spacing-sm="1"]{--brick-stack-start-spacing:var(--brick-space-1)}.brick-stack[data-start-spacing-sm="2"]{--brick-stack-start-spacing:var(--brick-space-2)}.brick-stack[data-start-spacing-sm="3"]{--brick-stack-start-spacing:var(--brick-space-3)}.brick-stack[data-start-spacing-sm="4"]{--brick-stack-start-spacing:var(--brick-space-4)}.brick-stack[data-start-spacing-sm="5"]{--brick-stack-start-spacing:var(--brick-space-5)}.brick-stack[data-start-spacing-sm="6"]{--brick-stack-start-spacing:var(--brick-space-6)}.brick-stack[data-end-spacing-sm="0"]{--brick-stack-end-spacing:var(--brick-space-0)}.brick-stack[data-end-spacing-sm="1"]{--brick-stack-end-spacing:var(--brick-space-1)}.brick-stack[data-end-spacing-sm="2"]{--brick-stack-end-spacing:var(--brick-space-2)}.brick-stack[data-end-spacing-sm="3"]{--brick-stack-end-spacing:var(--brick-space-3)}.brick-stack[data-end-spacing-sm="4"]{--brick-stack-end-spacing:var(--brick-space-4)}.brick-stack[data-end-spacing-sm="5"]{--brick-stack-end-spacing:var(--brick-space-5)}.brick-stack[data-end-spacing-sm="6"]{--brick-stack-end-spacing:var(--brick-space-6)}}@media (width>=48rem){.brick-stack[data-start-spacing-md="0"]{--brick-stack-start-spacing:var(--brick-space-0)}.brick-stack[data-start-spacing-md="1"]{--brick-stack-start-spacing:var(--brick-space-1)}.brick-stack[data-start-spacing-md="2"]{--brick-stack-start-spacing:var(--brick-space-2)}.brick-stack[data-start-spacing-md="3"]{--brick-stack-start-spacing:var(--brick-space-3)}.brick-stack[data-start-spacing-md="4"]{--brick-stack-start-spacing:var(--brick-space-4)}.brick-stack[data-start-spacing-md="5"]{--brick-stack-start-spacing:var(--brick-space-5)}.brick-stack[data-start-spacing-md="6"]{--brick-stack-start-spacing:var(--brick-space-6)}.brick-stack[data-end-spacing-md="0"]{--brick-stack-end-spacing:var(--brick-space-0)}.brick-stack[data-end-spacing-md="1"]{--brick-stack-end-spacing:var(--brick-space-1)}.brick-stack[data-end-spacing-md="2"]{--brick-stack-end-spacing:var(--brick-space-2)}.brick-stack[data-end-spacing-md="3"]{--brick-stack-end-spacing:var(--brick-space-3)}.brick-stack[data-end-spacing-md="4"]{--brick-stack-end-spacing:var(--brick-space-4)}.brick-stack[data-end-spacing-md="5"]{--brick-stack-end-spacing:var(--brick-space-5)}.brick-stack[data-end-spacing-md="6"]{--brick-stack-end-spacing:var(--brick-space-6)}}@media (width>=64rem){.brick-stack[data-start-spacing-lg="0"]{--brick-stack-start-spacing:var(--brick-space-0)}.brick-stack[data-start-spacing-lg="1"]{--brick-stack-start-spacing:var(--brick-space-1)}.brick-stack[data-start-spacing-lg="2"]{--brick-stack-start-spacing:var(--brick-space-2)}.brick-stack[data-start-spacing-lg="3"]{--brick-stack-start-spacing:var(--brick-space-3)}.brick-stack[data-start-spacing-lg="4"]{--brick-stack-start-spacing:var(--brick-space-4)}.brick-stack[data-start-spacing-lg="5"]{--brick-stack-start-spacing:var(--brick-space-5)}.brick-stack[data-start-spacing-lg="6"]{--brick-stack-start-spacing:var(--brick-space-6)}.brick-stack[data-end-spacing-lg="0"]{--brick-stack-end-spacing:var(--brick-space-0)}.brick-stack[data-end-spacing-lg="1"]{--brick-stack-end-spacing:var(--brick-space-1)}.brick-stack[data-end-spacing-lg="2"]{--brick-stack-end-spacing:var(--brick-space-2)}.brick-stack[data-end-spacing-lg="3"]{--brick-stack-end-spacing:var(--brick-space-3)}.brick-stack[data-end-spacing-lg="4"]{--brick-stack-end-spacing:var(--brick-space-4)}.brick-stack[data-end-spacing-lg="5"]{--brick-stack-end-spacing:var(--brick-space-5)}.brick-stack[data-end-spacing-lg="6"]{--brick-stack-end-spacing:var(--brick-space-6)}}@media (width>=80rem){.brick-stack[data-start-spacing-xl="0"]{--brick-stack-start-spacing:var(--brick-space-0)}.brick-stack[data-start-spacing-xl="1"]{--brick-stack-start-spacing:var(--brick-space-1)}.brick-stack[data-start-spacing-xl="2"]{--brick-stack-start-spacing:var(--brick-space-2)}.brick-stack[data-start-spacing-xl="3"]{--brick-stack-start-spacing:var(--brick-space-3)}.brick-stack[data-start-spacing-xl="4"]{--brick-stack-start-spacing:var(--brick-space-4)}.brick-stack[data-start-spacing-xl="5"]{--brick-stack-start-spacing:var(--brick-space-5)}.brick-stack[data-start-spacing-xl="6"]{--brick-stack-start-spacing:var(--brick-space-6)}.brick-stack[data-end-spacing-xl="0"]{--brick-stack-end-spacing:var(--brick-space-0)}.brick-stack[data-end-spacing-xl="1"]{--brick-stack-end-spacing:var(--brick-space-1)}.brick-stack[data-end-spacing-xl="2"]{--brick-stack-end-spacing:var(--brick-space-2)}.brick-stack[data-end-spacing-xl="3"]{--brick-stack-end-spacing:var(--brick-space-3)}.brick-stack[data-end-spacing-xl="4"]{--brick-stack-end-spacing:var(--brick-space-4)}.brick-stack[data-end-spacing-xl="5"]{--brick-stack-end-spacing:var(--brick-space-5)}.brick-stack[data-end-spacing-xl="6"]{--brick-stack-end-spacing:var(--brick-space-6)}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-stack{--brick-stack-gap:var(--brick-space-0);--brick-stack-start-spacing:var(--brick-space-0);--brick-stack-end-spacing:var(--brick-space-0);box-sizing:border-box;justify-content:start;align-items:stretch;gap:var(--brick-stack-gap);min-inline-size:0;padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;margin:0;padding-inline:0;display:flex}.brick-stack:is(ul,ol){list-style:none}.brick-stack[data-direction=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-gap]{--brick-stack-gap:var(--brick-stack-gap-input,var(--brick-space-0))}.brick-stack[data-start-spacing]{--brick-stack-start-spacing:var(--brick-stack-start-spacing-input,var(--brick-space-0))}.brick-stack[data-end-spacing]{--brick-stack-end-spacing:var(--brick-stack-end-spacing-input,var(--brick-space-0))}.brick-stack[data-align=start]{align-items:start}.brick-stack[data-align=center]{align-items:center}.brick-stack[data-align=end]{align-items:end}.brick-stack[data-align=baseline]{align-items:baseline}.brick-stack[data-justify=center]{justify-content:center}.brick-stack[data-justify=end]{justify-content:end}.brick-stack[data-justify=between]{justify-content:space-between}.brick-stack[data-justify=around]{justify-content:space-around}.brick-stack[data-justify=evenly]{justify-content:space-evenly}.brick-stack[data-wrap]{flex-wrap:wrap}.brick-stack-item{box-sizing:border-box;flex:0 auto;align-self:auto;min-inline-size:0}.brick-stack-item:not([data-stack-item-composed]){min-block-size:0}.brick-stack-item[data-flex=fixed]{flex:none}.brick-stack-item[data-flex=auto]{flex:auto}.brick-stack-item[data-flex="1"]{flex:1 1 0}.brick-stack-item[data-flex="2"]{flex:2 1 0}.brick-stack-item[data-flex="3"]{flex:3 1 0}.brick-stack-item[data-flex="4"]{flex:4 1 0}.brick-stack-item[data-align=stretch]{align-self:stretch}.brick-stack-item[data-align=start]{align-self:start}.brick-stack-item[data-align=center]{align-self:center}.brick-stack-item[data-align=end]{align-self:end}.brick-stack-item[data-align=baseline]{align-self:baseline}@media (width>=30rem){.brick-stack[data-direction-sm=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-sm=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-align-sm=stretch]{align-items:stretch}.brick-stack[data-align-sm=start]{align-items:start}.brick-stack[data-align-sm=center]{align-items:center}.brick-stack[data-align-sm=end]{align-items:end}.brick-stack[data-align-sm=baseline]{align-items:baseline}.brick-stack[data-justify-sm=start]{justify-content:start}.brick-stack[data-justify-sm=center]{justify-content:center}.brick-stack[data-justify-sm=end]{justify-content:end}.brick-stack[data-justify-sm=between]{justify-content:space-between}.brick-stack[data-justify-sm=around]{justify-content:space-around}.brick-stack[data-justify-sm=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-sm=true]{flex-wrap:wrap}.brick-stack[data-wrap-sm=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-sm=content]{flex:0 auto}.brick-stack-item[data-flex-sm=fixed]{flex:none}.brick-stack-item[data-flex-sm=auto]{flex:auto}.brick-stack-item[data-flex-sm="1"]{flex:1 1 0}.brick-stack-item[data-flex-sm="2"]{flex:2 1 0}.brick-stack-item[data-flex-sm="3"]{flex:3 1 0}.brick-stack-item[data-flex-sm="4"]{flex:4 1 0}.brick-stack-item[data-align-sm=auto]{align-self:auto}.brick-stack-item[data-align-sm=stretch]{align-self:stretch}.brick-stack-item[data-align-sm=start]{align-self:start}.brick-stack-item[data-align-sm=center]{align-self:center}.brick-stack-item[data-align-sm=end]{align-self:end}.brick-stack-item[data-align-sm=baseline]{align-self:baseline}}@media (width>=48rem){.brick-stack[data-direction-md=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-md=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-align-md=stretch]{align-items:stretch}.brick-stack[data-align-md=start]{align-items:start}.brick-stack[data-align-md=center]{align-items:center}.brick-stack[data-align-md=end]{align-items:end}.brick-stack[data-align-md=baseline]{align-items:baseline}.brick-stack[data-justify-md=start]{justify-content:start}.brick-stack[data-justify-md=center]{justify-content:center}.brick-stack[data-justify-md=end]{justify-content:end}.brick-stack[data-justify-md=between]{justify-content:space-between}.brick-stack[data-justify-md=around]{justify-content:space-around}.brick-stack[data-justify-md=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-md=true]{flex-wrap:wrap}.brick-stack[data-wrap-md=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-md=content]{flex:0 auto}.brick-stack-item[data-flex-md=fixed]{flex:none}.brick-stack-item[data-flex-md=auto]{flex:auto}.brick-stack-item[data-flex-md="1"]{flex:1 1 0}.brick-stack-item[data-flex-md="2"]{flex:2 1 0}.brick-stack-item[data-flex-md="3"]{flex:3 1 0}.brick-stack-item[data-flex-md="4"]{flex:4 1 0}.brick-stack-item[data-align-md=auto]{align-self:auto}.brick-stack-item[data-align-md=stretch]{align-self:stretch}.brick-stack-item[data-align-md=start]{align-self:start}.brick-stack-item[data-align-md=center]{align-self:center}.brick-stack-item[data-align-md=end]{align-self:end}.brick-stack-item[data-align-md=baseline]{align-self:baseline}}@media (width>=64rem){.brick-stack[data-direction-lg=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-lg=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-align-lg=stretch]{align-items:stretch}.brick-stack[data-align-lg=start]{align-items:start}.brick-stack[data-align-lg=center]{align-items:center}.brick-stack[data-align-lg=end]{align-items:end}.brick-stack[data-align-lg=baseline]{align-items:baseline}.brick-stack[data-justify-lg=start]{justify-content:start}.brick-stack[data-justify-lg=center]{justify-content:center}.brick-stack[data-justify-lg=end]{justify-content:end}.brick-stack[data-justify-lg=between]{justify-content:space-between}.brick-stack[data-justify-lg=around]{justify-content:space-around}.brick-stack[data-justify-lg=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-lg=true]{flex-wrap:wrap}.brick-stack[data-wrap-lg=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-lg=content]{flex:0 auto}.brick-stack-item[data-flex-lg=fixed]{flex:none}.brick-stack-item[data-flex-lg=auto]{flex:auto}.brick-stack-item[data-flex-lg="1"]{flex:1 1 0}.brick-stack-item[data-flex-lg="2"]{flex:2 1 0}.brick-stack-item[data-flex-lg="3"]{flex:3 1 0}.brick-stack-item[data-flex-lg="4"]{flex:4 1 0}.brick-stack-item[data-align-lg=auto]{align-self:auto}.brick-stack-item[data-align-lg=stretch]{align-self:stretch}.brick-stack-item[data-align-lg=start]{align-self:start}.brick-stack-item[data-align-lg=center]{align-self:center}.brick-stack-item[data-align-lg=end]{align-self:end}.brick-stack-item[data-align-lg=baseline]{align-self:baseline}}@media (width>=80rem){.brick-stack[data-direction-xl=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-xl=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-align-xl=stretch]{align-items:stretch}.brick-stack[data-align-xl=start]{align-items:start}.brick-stack[data-align-xl=center]{align-items:center}.brick-stack[data-align-xl=end]{align-items:end}.brick-stack[data-align-xl=baseline]{align-items:baseline}.brick-stack[data-justify-xl=start]{justify-content:start}.brick-stack[data-justify-xl=center]{justify-content:center}.brick-stack[data-justify-xl=end]{justify-content:end}.brick-stack[data-justify-xl=between]{justify-content:space-between}.brick-stack[data-justify-xl=around]{justify-content:space-around}.brick-stack[data-justify-xl=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-xl=true]{flex-wrap:wrap}.brick-stack[data-wrap-xl=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-xl=content]{flex:0 auto}.brick-stack-item[data-flex-xl=fixed]{flex:none}.brick-stack-item[data-flex-xl=auto]{flex:auto}.brick-stack-item[data-flex-xl="1"]{flex:1 1 0}.brick-stack-item[data-flex-xl="2"]{flex:2 1 0}.brick-stack-item[data-flex-xl="3"]{flex:3 1 0}.brick-stack-item[data-flex-xl="4"]{flex:4 1 0}.brick-stack-item[data-align-xl=auto]{align-self:auto}.brick-stack-item[data-align-xl=stretch]{align-self:stretch}.brick-stack-item[data-align-xl=start]{align-self:start}.brick-stack-item[data-align-xl=center]{align-self:center}.brick-stack-item[data-align-xl=end]{align-self:end}.brick-stack-item[data-align-xl=baseline]{align-self:baseline}}@media (width>=30rem){.brick-stack[data-gap-sm]{--brick-stack-gap:var(--brick-stack-gap-sm-input,var(--brick-stack-gap-input,var(--brick-space-0)))}.brick-stack[data-start-spacing-sm]{--brick-stack-start-spacing:var(--brick-stack-start-spacing-sm-input,var(--brick-stack-start-spacing-input,var(--brick-space-0)))}.brick-stack[data-end-spacing-sm]{--brick-stack-end-spacing:var(--brick-stack-end-spacing-sm-input,var(--brick-stack-end-spacing-input,var(--brick-space-0)))}}@media (width>=48rem){.brick-stack[data-gap-md]{--brick-stack-gap:var(--brick-stack-gap-md-input,var(--brick-stack-gap-input,var(--brick-space-0)))}.brick-stack[data-start-spacing-md]{--brick-stack-start-spacing:var(--brick-stack-start-spacing-md-input,var(--brick-stack-start-spacing-input,var(--brick-space-0)))}.brick-stack[data-end-spacing-md]{--brick-stack-end-spacing:var(--brick-stack-end-spacing-md-input,var(--brick-stack-end-spacing-input,var(--brick-space-0)))}}@media (width>=64rem){.brick-stack[data-gap-lg]{--brick-stack-gap:var(--brick-stack-gap-lg-input,var(--brick-stack-gap-input,var(--brick-space-0)))}.brick-stack[data-start-spacing-lg]{--brick-stack-start-spacing:var(--brick-stack-start-spacing-lg-input,var(--brick-stack-start-spacing-input,var(--brick-space-0)))}.brick-stack[data-end-spacing-lg]{--brick-stack-end-spacing:var(--brick-stack-end-spacing-lg-input,var(--brick-stack-end-spacing-input,var(--brick-space-0)))}}@media (width>=80rem){.brick-stack[data-gap-xl]{--brick-stack-gap:var(--brick-stack-gap-xl-input,var(--brick-stack-gap-input,var(--brick-space-0)))}.brick-stack[data-start-spacing-xl]{--brick-stack-start-spacing:var(--brick-stack-start-spacing-xl-input,var(--brick-stack-start-spacing-input,var(--brick-space-0)))}.brick-stack[data-end-spacing-xl]{--brick-stack-end-spacing:var(--brick-stack-end-spacing-xl-input,var(--brick-stack-end-spacing-input,var(--brick-space-0)))}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=stack.css.map */

package/dist/styles/stack.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,mYAgBA,mJAMA,kEACA,kEACA,kEACA,kEACA,kEACA,kEACA,sFACA,sFACA,sFACA,sFACA,sFACA,sFACA,kFACA,kFACA,kFACA,kFACA,kFACA,kFAEA,iDACA,mDACA,6CACA,uDACA,yDACA,mDACA,iEACA,+DACA,+DACA,uCAEA,uGAQA,6CACA,4CACA,4CACA,4CACA,4CACA,4CACA,yDACA,qDACA,uDACA,iDACA,2DAEA,sBACE,4JACA,sJACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,qFACA,qFACA,qFACA,qFACA,qFACA,qFACA,sFAEF,sBACE,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,qFACA,qFACA,qFACA,qFACA,qFACA,qFACA,sFAEF,sBACE,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,qFACA,qFACA,qFACA,qFACA,qFACA,qFACA,sFAEF,sBACE,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,qFACA,qFACA,qFACA,qFACA,qFACA,qFACA,uFD/RJ","sources":["home/runner/work/brick/brick/.brick-cache/production/stack.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/stack/stack.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/stack/stack.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-stack {\n    --brick-stack-gap: var(--brick-space-0);\n    --brick-stack-start-spacing: var(--brick-space-0);\n    --brick-stack-end-spacing: var(--brick-space-0);\n\n    box-sizing: border-box;\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: start;\n    gap: var(--brick-stack-gap);\n    padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);\n    padding-inline: 0;\n  }\n\n  .brick-stack[data-direction=\"row\"] {\n    flex-direction: row;\n    padding-block: 0;\n    padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);\n  }\n\n  .brick-stack[data-gap=\"1\"] { --brick-stack-gap: var(--brick-space-1); }\n  .brick-stack[data-gap=\"2\"] { --brick-stack-gap: var(--brick-space-2); }\n  .brick-stack[data-gap=\"3\"] { --brick-stack-gap: var(--brick-space-3); }\n  .brick-stack[data-gap=\"4\"] { --brick-stack-gap: var(--brick-space-4); }\n  .brick-stack[data-gap=\"5\"] { --brick-stack-gap: var(--brick-space-5); }\n  .brick-stack[data-gap=\"6\"] { --brick-stack-gap: var(--brick-space-6); }\n  .brick-stack[data-start-spacing=\"1\"] { --brick-stack-start-spacing: var(--brick-space-1); }\n  .brick-stack[data-start-spacing=\"2\"] { --brick-stack-start-spacing: var(--brick-space-2); }\n  .brick-stack[data-start-spacing=\"3\"] { --brick-stack-start-spacing: var(--brick-space-3); }\n  .brick-stack[data-start-spacing=\"4\"] { --brick-stack-start-spacing: var(--brick-space-4); }\n  .brick-stack[data-start-spacing=\"5\"] { --brick-stack-start-spacing: var(--brick-space-5); }\n  .brick-stack[data-start-spacing=\"6\"] { --brick-stack-start-spacing: var(--brick-space-6); }\n  .brick-stack[data-end-spacing=\"1\"] { --brick-stack-end-spacing: var(--brick-space-1); }\n  .brick-stack[data-end-spacing=\"2\"] { --brick-stack-end-spacing: var(--brick-space-2); }\n  .brick-stack[data-end-spacing=\"3\"] { --brick-stack-end-spacing: var(--brick-space-3); }\n  .brick-stack[data-end-spacing=\"4\"] { --brick-stack-end-spacing: var(--brick-space-4); }\n  .brick-stack[data-end-spacing=\"5\"] { --brick-stack-end-spacing: var(--brick-space-5); }\n  .brick-stack[data-end-spacing=\"6\"] { --brick-stack-end-spacing: var(--brick-space-6); }\n\n  .brick-stack[data-align=\"start\"] { align-items: start; }\n  .brick-stack[data-align=\"center\"] { align-items: center; }\n  .brick-stack[data-align=\"end\"] { align-items: end; }\n  .brick-stack[data-align=\"baseline\"] { align-items: baseline; }\n  .brick-stack[data-justify=\"center\"] { justify-content: center; }\n  .brick-stack[data-justify=\"end\"] { justify-content: end; }\n  .brick-stack[data-justify=\"between\"] { justify-content: space-between; }\n  .brick-stack[data-justify=\"around\"] { justify-content: space-around; }\n  .brick-stack[data-justify=\"evenly\"] { justify-content: space-evenly; }\n  .brick-stack[data-wrap] { flex-wrap: wrap; }\n\n  .brick-stack-item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: 0;\n    flex: 0 1 auto;\n    align-self: auto;\n  }\n\n  .brick-stack-item[data-flex=\"fixed\"] { flex: 0 0 auto; }\n  .brick-stack-item[data-flex=\"auto\"] { flex: 1 1 auto; }\n  .brick-stack-item[data-flex=\"1\"] { flex: 1 1 0; }\n  .brick-stack-item[data-flex=\"2\"] { flex: 2 1 0; }\n  .brick-stack-item[data-flex=\"3\"] { flex: 3 1 0; }\n  .brick-stack-item[data-flex=\"4\"] { flex: 4 1 0; }\n  .brick-stack-item[data-align=\"stretch\"] { align-self: stretch; }\n  .brick-stack-item[data-align=\"start\"] { align-self: start; }\n  .brick-stack-item[data-align=\"center\"] { align-self: center; }\n  .brick-stack-item[data-align=\"end\"] { align-self: end; }\n  .brick-stack-item[data-align=\"baseline\"] { align-self: baseline; }\n\n  @media (width >= 30rem) {\n    .brick-stack[data-direction-sm=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-sm=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-gap-sm=\"0\"] { --brick-stack-gap: var(--brick-space-0); }\n    .brick-stack[data-gap-sm=\"1\"] { --brick-stack-gap: var(--brick-space-1); }\n    .brick-stack[data-gap-sm=\"2\"] { --brick-stack-gap: var(--brick-space-2); }\n    .brick-stack[data-gap-sm=\"3\"] { --brick-stack-gap: var(--brick-space-3); }\n    .brick-stack[data-gap-sm=\"4\"] { --brick-stack-gap: var(--brick-space-4); }\n    .brick-stack[data-gap-sm=\"5\"] { --brick-stack-gap: var(--brick-space-5); }\n    .brick-stack[data-gap-sm=\"6\"] { --brick-stack-gap: var(--brick-space-6); }\n    .brick-stack[data-align-sm=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-sm=\"start\"] { align-items: start; }\n    .brick-stack[data-align-sm=\"center\"] { align-items: center; }\n    .brick-stack[data-align-sm=\"end\"] { align-items: end; }\n    .brick-stack[data-align-sm=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-sm=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-sm=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-sm=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-sm=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-sm=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-sm=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-sm=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-sm=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-sm=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-sm=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-sm=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-sm=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-sm=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-sm=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-sm=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-sm=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-sm=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-sm=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-sm=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-sm=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-stack[data-direction-md=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-md=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-gap-md=\"0\"] { --brick-stack-gap: var(--brick-space-0); }\n    .brick-stack[data-gap-md=\"1\"] { --brick-stack-gap: var(--brick-space-1); }\n    .brick-stack[data-gap-md=\"2\"] { --brick-stack-gap: var(--brick-space-2); }\n    .brick-stack[data-gap-md=\"3\"] { --brick-stack-gap: var(--brick-space-3); }\n    .brick-stack[data-gap-md=\"4\"] { --brick-stack-gap: var(--brick-space-4); }\n    .brick-stack[data-gap-md=\"5\"] { --brick-stack-gap: var(--brick-space-5); }\n    .brick-stack[data-gap-md=\"6\"] { --brick-stack-gap: var(--brick-space-6); }\n    .brick-stack[data-align-md=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-md=\"start\"] { align-items: start; }\n    .brick-stack[data-align-md=\"center\"] { align-items: center; }\n    .brick-stack[data-align-md=\"end\"] { align-items: end; }\n    .brick-stack[data-align-md=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-md=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-md=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-md=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-md=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-md=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-md=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-md=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-md=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-md=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-md=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-md=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-md=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-md=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-md=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-md=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-md=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-md=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-md=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-md=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-md=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-md=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-stack[data-direction-lg=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-lg=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-gap-lg=\"0\"] { --brick-stack-gap: var(--brick-space-0); }\n    .brick-stack[data-gap-lg=\"1\"] { --brick-stack-gap: var(--brick-space-1); }\n    .brick-stack[data-gap-lg=\"2\"] { --brick-stack-gap: var(--brick-space-2); }\n    .brick-stack[data-gap-lg=\"3\"] { --brick-stack-gap: var(--brick-space-3); }\n    .brick-stack[data-gap-lg=\"4\"] { --brick-stack-gap: var(--brick-space-4); }\n    .brick-stack[data-gap-lg=\"5\"] { --brick-stack-gap: var(--brick-space-5); }\n    .brick-stack[data-gap-lg=\"6\"] { --brick-stack-gap: var(--brick-space-6); }\n    .brick-stack[data-align-lg=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-lg=\"start\"] { align-items: start; }\n    .brick-stack[data-align-lg=\"center\"] { align-items: center; }\n    .brick-stack[data-align-lg=\"end\"] { align-items: end; }\n    .brick-stack[data-align-lg=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-lg=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-lg=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-lg=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-lg=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-lg=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-lg=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-lg=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-lg=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-lg=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-lg=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-lg=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-lg=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-lg=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-lg=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-lg=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-lg=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-lg=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-lg=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-lg=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-lg=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-stack[data-direction-xl=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-xl=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-gap-xl=\"0\"] { --brick-stack-gap: var(--brick-space-0); }\n    .brick-stack[data-gap-xl=\"1\"] { --brick-stack-gap: var(--brick-space-1); }\n    .brick-stack[data-gap-xl=\"2\"] { --brick-stack-gap: var(--brick-space-2); }\n    .brick-stack[data-gap-xl=\"3\"] { --brick-stack-gap: var(--brick-space-3); }\n    .brick-stack[data-gap-xl=\"4\"] { --brick-stack-gap: var(--brick-space-4); }\n    .brick-stack[data-gap-xl=\"5\"] { --brick-stack-gap: var(--brick-space-5); }\n    .brick-stack[data-gap-xl=\"6\"] { --brick-stack-gap: var(--brick-space-6); }\n    .brick-stack[data-align-xl=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-xl=\"start\"] { align-items: start; }\n    .brick-stack[data-align-xl=\"center\"] { align-items: center; }\n    .brick-stack[data-align-xl=\"end\"] { align-items: end; }\n    .brick-stack[data-align-xl=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-xl=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-xl=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-xl=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-xl=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-xl=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-xl=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-xl=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-xl=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-xl=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-xl=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-xl=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-xl=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-xl=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-xl=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-xl=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-xl=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-xl=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-xl=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-xl=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-xl=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 30rem) {\n    .brick-stack[data-start-spacing-sm=\"0\"] { --brick-stack-start-spacing: var(--brick-space-0); }\n    .brick-stack[data-start-spacing-sm=\"1\"] { --brick-stack-start-spacing: var(--brick-space-1); }\n    .brick-stack[data-start-spacing-sm=\"2\"] { --brick-stack-start-spacing: var(--brick-space-2); }\n    .brick-stack[data-start-spacing-sm=\"3\"] { --brick-stack-start-spacing: var(--brick-space-3); }\n    .brick-stack[data-start-spacing-sm=\"4\"] { --brick-stack-start-spacing: var(--brick-space-4); }\n    .brick-stack[data-start-spacing-sm=\"5\"] { --brick-stack-start-spacing: var(--brick-space-5); }\n    .brick-stack[data-start-spacing-sm=\"6\"] { --brick-stack-start-spacing: var(--brick-space-6); }\n    .brick-stack[data-end-spacing-sm=\"0\"] { --brick-stack-end-spacing: var(--brick-space-0); }\n    .brick-stack[data-end-spacing-sm=\"1\"] { --brick-stack-end-spacing: var(--brick-space-1); }\n    .brick-stack[data-end-spacing-sm=\"2\"] { --brick-stack-end-spacing: var(--brick-space-2); }\n    .brick-stack[data-end-spacing-sm=\"3\"] { --brick-stack-end-spacing: var(--brick-space-3); }\n    .brick-stack[data-end-spacing-sm=\"4\"] { --brick-stack-end-spacing: var(--brick-space-4); }\n    .brick-stack[data-end-spacing-sm=\"5\"] { --brick-stack-end-spacing: var(--brick-space-5); }\n    .brick-stack[data-end-spacing-sm=\"6\"] { --brick-stack-end-spacing: var(--brick-space-6); }\n  }\n  @media (width >= 48rem) {\n    .brick-stack[data-start-spacing-md=\"0\"] { --brick-stack-start-spacing: var(--brick-space-0); }\n    .brick-stack[data-start-spacing-md=\"1\"] { --brick-stack-start-spacing: var(--brick-space-1); }\n    .brick-stack[data-start-spacing-md=\"2\"] { --brick-stack-start-spacing: var(--brick-space-2); }\n    .brick-stack[data-start-spacing-md=\"3\"] { --brick-stack-start-spacing: var(--brick-space-3); }\n    .brick-stack[data-start-spacing-md=\"4\"] { --brick-stack-start-spacing: var(--brick-space-4); }\n    .brick-stack[data-start-spacing-md=\"5\"] { --brick-stack-start-spacing: var(--brick-space-5); }\n    .brick-stack[data-start-spacing-md=\"6\"] { --brick-stack-start-spacing: var(--brick-space-6); }\n    .brick-stack[data-end-spacing-md=\"0\"] { --brick-stack-end-spacing: var(--brick-space-0); }\n    .brick-stack[data-end-spacing-md=\"1\"] { --brick-stack-end-spacing: var(--brick-space-1); }\n    .brick-stack[data-end-spacing-md=\"2\"] { --brick-stack-end-spacing: var(--brick-space-2); }\n    .brick-stack[data-end-spacing-md=\"3\"] { --brick-stack-end-spacing: var(--brick-space-3); }\n    .brick-stack[data-end-spacing-md=\"4\"] { --brick-stack-end-spacing: var(--brick-space-4); }\n    .brick-stack[data-end-spacing-md=\"5\"] { --brick-stack-end-spacing: var(--brick-space-5); }\n    .brick-stack[data-end-spacing-md=\"6\"] { --brick-stack-end-spacing: var(--brick-space-6); }\n  }\n  @media (width >= 64rem) {\n    .brick-stack[data-start-spacing-lg=\"0\"] { --brick-stack-start-spacing: var(--brick-space-0); }\n    .brick-stack[data-start-spacing-lg=\"1\"] { --brick-stack-start-spacing: var(--brick-space-1); }\n    .brick-stack[data-start-spacing-lg=\"2\"] { --brick-stack-start-spacing: var(--brick-space-2); }\n    .brick-stack[data-start-spacing-lg=\"3\"] { --brick-stack-start-spacing: var(--brick-space-3); }\n    .brick-stack[data-start-spacing-lg=\"4\"] { --brick-stack-start-spacing: var(--brick-space-4); }\n    .brick-stack[data-start-spacing-lg=\"5\"] { --brick-stack-start-spacing: var(--brick-space-5); }\n    .brick-stack[data-start-spacing-lg=\"6\"] { --brick-stack-start-spacing: var(--brick-space-6); }\n    .brick-stack[data-end-spacing-lg=\"0\"] { --brick-stack-end-spacing: var(--brick-space-0); }\n    .brick-stack[data-end-spacing-lg=\"1\"] { --brick-stack-end-spacing: var(--brick-space-1); }\n    .brick-stack[data-end-spacing-lg=\"2\"] { --brick-stack-end-spacing: var(--brick-space-2); }\n    .brick-stack[data-end-spacing-lg=\"3\"] { --brick-stack-end-spacing: var(--brick-space-3); }\n    .brick-stack[data-end-spacing-lg=\"4\"] { --brick-stack-end-spacing: var(--brick-space-4); }\n    .brick-stack[data-end-spacing-lg=\"5\"] { --brick-stack-end-spacing: var(--brick-space-5); }\n    .brick-stack[data-end-spacing-lg=\"6\"] { --brick-stack-end-spacing: var(--brick-space-6); }\n  }\n  @media (width >= 80rem) {\n    .brick-stack[data-start-spacing-xl=\"0\"] { --brick-stack-start-spacing: var(--brick-space-0); }\n    .brick-stack[data-start-spacing-xl=\"1\"] { --brick-stack-start-spacing: var(--brick-space-1); }\n    .brick-stack[data-start-spacing-xl=\"2\"] { --brick-stack-start-spacing: var(--brick-space-2); }\n    .brick-stack[data-start-spacing-xl=\"3\"] { --brick-stack-start-spacing: var(--brick-space-3); }\n    .brick-stack[data-start-spacing-xl=\"4\"] { --brick-stack-start-spacing: var(--brick-space-4); }\n    .brick-stack[data-start-spacing-xl=\"5\"] { --brick-stack-start-spacing: var(--brick-space-5); }\n    .brick-stack[data-start-spacing-xl=\"6\"] { --brick-stack-start-spacing: var(--brick-space-6); }\n    .brick-stack[data-end-spacing-xl=\"0\"] { --brick-stack-end-spacing: var(--brick-space-0); }\n    .brick-stack[data-end-spacing-xl=\"1\"] { --brick-stack-end-spacing: var(--brick-space-1); }\n    .brick-stack[data-end-spacing-xl=\"2\"] { --brick-stack-end-spacing: var(--brick-space-2); }\n    .brick-stack[data-end-spacing-xl=\"3\"] { --brick-stack-end-spacing: var(--brick-space-3); }\n    .brick-stack[data-end-spacing-xl=\"4\"] { --brick-stack-end-spacing: var(--brick-space-4); }\n    .brick-stack[data-end-spacing-xl=\"5\"] { --brick-stack-end-spacing: var(--brick-space-5); }\n    .brick-stack[data-end-spacing-xl=\"6\"] { --brick-stack-end-spacing: var(--brick-space-6); }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,4YAiBA,uCAIA,mJAKA,2FACA,yHACA,mHAEA,iDACA,mDACA,6CACA,uDACA,yDACA,mDACA,iEACA,+DACA,+DACA,uCAEA,sFAOA,mEAEA,6CACA,4CACA,4CACA,4CACA,4CACA,4CACA,yDACA,qDACA,uDACA,iDACA,2DAEA,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAYF,sBACE,8HACA,sKACA,+JAGF,sBACE,8HACA,sKACA,+JAGF,sBACE,8HACA,sKACA,+JAGF,sBACE,8HACA,sKACA,gKDzNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/stack.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/stack/stack.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/stack/stack.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-stack {\n    --brick-stack-gap: var(--brick-space-0);\n    --brick-stack-start-spacing: var(--brick-space-0);\n    --brick-stack-end-spacing: var(--brick-space-0);\n\n    box-sizing: border-box;\n    display: flex;\n    min-inline-size: 0;\n    margin: 0;\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: start;\n    gap: var(--brick-stack-gap);\n    padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);\n    padding-inline: 0;\n  }\n\n  .brick-stack:is(ul, ol) {\n    list-style: none;\n  }\n\n  .brick-stack[data-direction=\"row\"] {\n    flex-direction: row;\n    padding-block: 0;\n    padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);\n  }\n  .brick-stack[data-gap] { --brick-stack-gap: var(--brick-stack-gap-input, var(--brick-space-0)); }\n  .brick-stack[data-start-spacing] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-input, var(--brick-space-0)); }\n  .brick-stack[data-end-spacing] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-input, var(--brick-space-0)); }\n\n  .brick-stack[data-align=\"start\"] { align-items: start; }\n  .brick-stack[data-align=\"center\"] { align-items: center; }\n  .brick-stack[data-align=\"end\"] { align-items: end; }\n  .brick-stack[data-align=\"baseline\"] { align-items: baseline; }\n  .brick-stack[data-justify=\"center\"] { justify-content: center; }\n  .brick-stack[data-justify=\"end\"] { justify-content: end; }\n  .brick-stack[data-justify=\"between\"] { justify-content: space-between; }\n  .brick-stack[data-justify=\"around\"] { justify-content: space-around; }\n  .brick-stack[data-justify=\"evenly\"] { justify-content: space-evenly; }\n  .brick-stack[data-wrap] { flex-wrap: wrap; }\n\n  .brick-stack-item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    flex: 0 1 auto;\n    align-self: auto;\n  }\n\n  .brick-stack-item:not([data-stack-item-composed]) { min-block-size: 0; }\n\n  .brick-stack-item[data-flex=\"fixed\"] { flex: 0 0 auto; }\n  .brick-stack-item[data-flex=\"auto\"] { flex: 1 1 auto; }\n  .brick-stack-item[data-flex=\"1\"] { flex: 1 1 0; }\n  .brick-stack-item[data-flex=\"2\"] { flex: 2 1 0; }\n  .brick-stack-item[data-flex=\"3\"] { flex: 3 1 0; }\n  .brick-stack-item[data-flex=\"4\"] { flex: 4 1 0; }\n  .brick-stack-item[data-align=\"stretch\"] { align-self: stretch; }\n  .brick-stack-item[data-align=\"start\"] { align-self: start; }\n  .brick-stack-item[data-align=\"center\"] { align-self: center; }\n  .brick-stack-item[data-align=\"end\"] { align-self: end; }\n  .brick-stack-item[data-align=\"baseline\"] { align-self: baseline; }\n\n  @media (width >= 30rem) {\n    .brick-stack[data-direction-sm=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-sm=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-align-sm=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-sm=\"start\"] { align-items: start; }\n    .brick-stack[data-align-sm=\"center\"] { align-items: center; }\n    .brick-stack[data-align-sm=\"end\"] { align-items: end; }\n    .brick-stack[data-align-sm=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-sm=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-sm=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-sm=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-sm=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-sm=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-sm=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-sm=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-sm=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-sm=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-sm=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-sm=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-sm=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-sm=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-sm=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-sm=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-sm=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-sm=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-sm=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-sm=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-sm=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-stack[data-direction-md=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-md=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-align-md=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-md=\"start\"] { align-items: start; }\n    .brick-stack[data-align-md=\"center\"] { align-items: center; }\n    .brick-stack[data-align-md=\"end\"] { align-items: end; }\n    .brick-stack[data-align-md=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-md=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-md=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-md=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-md=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-md=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-md=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-md=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-md=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-md=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-md=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-md=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-md=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-md=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-md=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-md=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-md=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-md=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-md=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-md=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-md=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-md=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-stack[data-direction-lg=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-lg=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-align-lg=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-lg=\"start\"] { align-items: start; }\n    .brick-stack[data-align-lg=\"center\"] { align-items: center; }\n    .brick-stack[data-align-lg=\"end\"] { align-items: end; }\n    .brick-stack[data-align-lg=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-lg=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-lg=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-lg=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-lg=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-lg=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-lg=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-lg=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-lg=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-lg=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-lg=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-lg=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-lg=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-lg=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-lg=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-lg=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-lg=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-lg=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-lg=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-lg=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-lg=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-stack[data-direction-xl=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-xl=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-align-xl=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-xl=\"start\"] { align-items: start; }\n    .brick-stack[data-align-xl=\"center\"] { align-items: center; }\n    .brick-stack[data-align-xl=\"end\"] { align-items: end; }\n    .brick-stack[data-align-xl=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-xl=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-xl=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-xl=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-xl=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-xl=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-xl=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-xl=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-xl=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-xl=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-xl=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-xl=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-xl=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-xl=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-xl=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-xl=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-xl=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-xl=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-xl=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-xl=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-xl=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 30rem) {\n  }\n  @media (width >= 48rem) {\n  }\n  @media (width >= 64rem) {\n  }\n  @media (width >= 80rem) {\n  }\n\n  @media (width >= 30rem) {\n    .brick-stack[data-gap-sm] { --brick-stack-gap: var(--brick-stack-gap-sm-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n    .brick-stack[data-start-spacing-sm] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-sm-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n    .brick-stack[data-end-spacing-sm] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-sm-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-stack[data-gap-md] { --brick-stack-gap: var(--brick-stack-gap-md-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n    .brick-stack[data-start-spacing-md] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-md-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n    .brick-stack[data-end-spacing-md] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-md-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-stack[data-gap-lg] { --brick-stack-gap: var(--brick-stack-gap-lg-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n    .brick-stack[data-start-spacing-lg] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-lg-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n    .brick-stack[data-end-spacing-lg] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-lg-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-stack[data-gap-xl] { --brick-stack-gap: var(--brick-stack-gap-xl-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n    .brick-stack[data-start-spacing-xl] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-xl-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n    .brick-stack[data-end-spacing-xl] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-xl-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n  }\n}\n"],"names":[]}

package/dist/styles/status.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-status{--brick-status-indicator-size:.5rem;--brick-status-gap:var(--brick-space-2);--brick-status-color:var(--brick-color-border-strong);box-sizing:border-box;align-items:center;gap:var(--brick-status-gap);min-inline-size:0;color:var(--brick-color-text-primary);font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-body-sm-font-weight);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing);vertical-align:middle;display:inline-flex}.brick-status[data-size=sm]{--brick-status-indicator-size:.375rem;--brick-status-gap:var(--brick-space-1);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);line-height:var(--brick-typography-caption-line-height);letter-spacing:var(--brick-typography-caption-letter-spacing)}.brick-status[data-size=lg]{--brick-status-indicator-size:.625rem;font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);font-weight:var(--brick-typography-body-md-font-weight);line-height:var(--brick-typography-body-md-line-height);letter-spacing:var(--brick-typography-body-md-letter-spacing)}.brick-status[data-tone=accent]{--brick-status-color:var(--brick-color-accent-solid)}.brick-status[data-tone=info]{--brick-status-color:var(--brick-color-info-solid)}.brick-status[data-tone=success]{--brick-status-color:var(--brick-color-success-solid)}.brick-status[data-tone=warning]{--brick-status-color:var(--brick-color-warning-solid)}.brick-status[data-tone=danger]{--brick-status-color:var(--brick-color-danger-solid)}.brick-status__indicator{box-sizing:border-box;inline-size:var(--brick-status-indicator-size);block-size:var(--brick-status-indicator-size);border-radius:var(--brick-radius-full);background:var(--brick-status-color);flex:none;display:block}.brick-status__label{min-inline-size:0;color:inherit}@media (forced-colors:active){.brick-status{color:canvastext}.brick-status__indicator{border:var(--brick-border-width) solid CanvasText;background:canvastext}.brick-status:not([data-tone=neutral]) .brick-status__indicator{background:highlight;border-color:highlight}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=status.css.map */

package/dist/styles/status.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,ilBAmBA,oYAUA,4VASA,qFACA,iFACA,uFACA,uFACA,qFAEA,gPAUA,qDAEA,8BACE,+BACA,iGACA,8GD5DJ","sources":["home/runner/work/brick/brick/.brick-cache/production/status.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/status/status.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/status/status.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-status {\n    --brick-status-indicator-size: 0.5rem;\n    --brick-status-gap: var(--brick-space-2);\n    --brick-status-color: var(--brick-color-border-strong);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-status-gap);\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    vertical-align: middle;\n  }\n\n  .brick-status[data-size=\"sm\"] {\n    --brick-status-indicator-size: 0.375rem;\n    --brick-status-gap: var(--brick-space-1);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n  }\n\n  .brick-status[data-size=\"lg\"] {\n    --brick-status-indicator-size: 0.625rem;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    line-height: var(--brick-typography-body-md-line-height);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-status[data-tone=\"accent\"] { --brick-status-color: var(--brick-color-accent-solid); }\n  .brick-status[data-tone=\"info\"] { --brick-status-color: var(--brick-color-info-solid); }\n  .brick-status[data-tone=\"success\"] { --brick-status-color: var(--brick-color-success-solid); }\n  .brick-status[data-tone=\"warning\"] { --brick-status-color: var(--brick-color-warning-solid); }\n  .brick-status[data-tone=\"danger\"] { --brick-status-color: var(--brick-color-danger-solid); }\n\n  .brick-status__indicator {\n    display: block;\n    box-sizing: border-box;\n    inline-size: var(--brick-status-indicator-size);\n    block-size: var(--brick-status-indicator-size);\n    flex: none;\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-status-color);\n  }\n\n  .brick-status__label { min-inline-size: 0; color: inherit; }\n\n  @media (forced-colors: active) {\n    .brick-status { color: CanvasText; }\n    .brick-status__indicator { border: var(--brick-border-width) solid CanvasText; background: CanvasText; }\n    .brick-status:not([data-tone=\"neutral\"]) .brick-status__indicator { border-color: Highlight; background: Highlight; }\n  }\n}\n"],"names":[]}

package/dist/styles/surface.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-surface{--brick-surface-background:var(--brick-color-surface-base);--brick-surface-foreground:var(--brick-color-text-primary);--brick-surface-border-color:var(--brick-color-border-subtle);--brick-surface-border-width:0rem;--brick-surface-elevation-none:none;--brick-surface-elevation-low:0 .25rem .75rem color-mix(in srgb, var(--brick-color-shadow), transparent 58%);--brick-surface-elevation-medium:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 38%);--brick-surface-elevation-high:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 18%);--brick-surface-shadow:var(--brick-surface-elevation-none);--brick-surface-radius:var(--brick-radius-surface);--brick-surface-padding:var(--brick-space-0);--brick-surface-scrim-color:var(--brick-color-scrim);--brick-surface-scrim-soft:color-mix(in srgb, var(--brick-surface-scrim-color), transparent 76%);--brick-surface-scrim-medium:color-mix(in srgb, var(--brick-surface-scrim-color), transparent 44%);--brick-surface-scrim-strong:color-mix(in srgb, var(--brick-surface-scrim-color), transparent 8%);--brick-surface-scrim-gradient-stop-soft:68%;--brick-surface-scrim-gradient-stop-medium:82%;--brick-surface-scrim-gradient-stop-strong:94%;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding:var(--brick-surface-padding);border:var(--brick-surface-border-width) solid var(--brick-surface-border-color);border-radius:var(--brick-surface-radius);background:var(--brick-surface-background);box-shadow:var(--brick-surface-shadow);color:var(--brick-surface-foreground)}.brick-surface:has(>.brick-surface__media,>.brick-surface__scrim){isolation:isolate;position:relative}.brick-surface__media,.brick-surface__scrim{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.brick-surface__media{z-index:0;overflow:hidden}.brick-surface__media>*,.brick-surface__media>picture>img{block-size:100%;inline-size:100%;display:block}.brick-surface__media>:is(img,video,canvas,svg),.brick-surface__media>picture>img{object-fit:cover;object-position:center}.brick-surface__scrim{--brick-surface-scrim-paint:var(--brick-surface-scrim-medium);--brick-surface-scrim-gradient-stop:var(--brick-surface-scrim-gradient-stop-medium);z-index:1;background:var(--brick-surface-scrim-paint)}.brick-surface__scrim[data-strength=soft]{--brick-surface-scrim-paint:var(--brick-surface-scrim-soft);--brick-surface-scrim-gradient-stop:var(--brick-surface-scrim-gradient-stop-soft)}.brick-surface__scrim[data-strength=strong]{--brick-surface-scrim-paint:var(--brick-surface-scrim-strong);--brick-surface-scrim-gradient-stop:var(--brick-surface-scrim-gradient-stop-strong)}.brick-surface__scrim[data-direction=inline-start]{background:linear-gradient(to right, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.brick-surface__scrim[data-direction=inline-start],.brick-surface__scrim[data-direction=inline-end]{background:linear-gradient(to left, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.brick-surface__scrim[data-direction=inline-end]{background:linear-gradient(to right, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}.brick-surface__scrim[data-direction=block-start]{background:linear-gradient(to bottom, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}.brick-surface__scrim[data-direction=block-end]{background:linear-gradient(to top, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}.brick-surface__content{z-index:2;min-inline-size:0;position:relative}.brick-surface[data-level=canvas]{--brick-surface-background:var(--brick-color-surface-canvas)}.brick-surface[data-level=subtle]{--brick-surface-background:var(--brick-color-surface-subtle)}.brick-surface[data-level=raised]{--brick-surface-background:var(--brick-color-surface-raised)}.brick-surface[data-bordered]{--brick-surface-border-width:var(--brick-border-width)}.brick-surface[data-elevation=low]{--brick-surface-shadow:var(--brick-surface-elevation-low)}.brick-surface[data-elevation=medium]{--brick-surface-shadow:var(--brick-surface-elevation-medium)}.brick-surface[data-elevation=high]{--brick-surface-shadow:var(--brick-surface-elevation-high)}.brick-surface[data-radius=none]{--brick-surface-radius:0rem}.brick-surface[data-radius=subtle]{--brick-surface-radius:var(--brick-radius-subtle)}.brick-surface[data-inset=sm]{--brick-surface-padding:var(--brick-space-3)}.brick-surface[data-inset=md]{--brick-surface-padding:var(--brick-space-5)}.brick-surface[data-inset=lg]{--brick-surface-padding:var(--brick-space-6)}@media (forced-colors:active){.brick-surface__media,.brick-surface__scrim{display:none}.brick-surface[data-bordered],.brick-surface:not([data-elevation=none]){--brick-surface-border-width:var(--brick-border-width);--brick-surface-border-color:CanvasText;--brick-surface-shadow:none}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-surface{--brick-surface-background:var(--brick-color-surface-base);--brick-surface-foreground:var(--brick-color-text-primary);--brick-surface-border-color:var(--brick-color-border-subtle);--brick-surface-border-width:0rem;--brick-surface-elevation-none:none;--brick-surface-elevation-low:0 .25rem .75rem color-mix(in srgb, var(--brick-color-shadow), transparent 58%);--brick-surface-elevation-medium:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 38%);--brick-surface-elevation-high:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 18%);--brick-surface-shadow:var(--brick-surface-elevation-none);--brick-surface-radius:var(--brick-radius-surface);--brick-surface-inset-none:var(--brick-space-0);--brick-surface-inset-sm:var(--brick-space-3);--brick-surface-inset-md:var(--brick-space-5);--brick-surface-inset-lg:var(--brick-space-6);--brick-surface-inset-xl:calc(var(--brick-space-6) + var(--brick-space-4));--brick-surface-inset-2xl:calc(var(--brick-space-6) + var(--brick-space-6));--brick-surface-padding:var(--brick-surface-inset-none);--brick-surface-scrim-color:var(--brick-color-scrim);--brick-surface-scrim-soft:color-mix(in srgb, var(--brick-surface-scrim-color), transparent 76%);--brick-surface-scrim-medium:color-mix(in srgb, var(--brick-surface-scrim-color), transparent 44%);--brick-surface-scrim-strong:color-mix(in srgb, var(--brick-surface-scrim-color), transparent 8%);--brick-surface-scrim-gradient-stop-soft:68%;--brick-surface-scrim-gradient-stop-medium:82%;--brick-surface-scrim-gradient-stop-strong:94%;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding:var(--brick-surface-padding);border:var(--brick-surface-border-width) solid var(--brick-surface-border-color);border-radius:var(--brick-surface-radius);background:var(--brick-surface-background);box-shadow:var(--brick-surface-shadow);color:var(--brick-surface-foreground)}.brick-surface:has(>.brick-surface__media,>.brick-surface__scrim){isolation:isolate;position:relative}.brick-surface__media,.brick-surface__scrim{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.brick-surface__media{z-index:0;overflow:hidden}.brick-surface__media>*,.brick-surface__media>picture>img{block-size:100%;inline-size:100%;display:block}.brick-surface__media>:is(img,video,canvas,svg),.brick-surface__media>picture>img{object-fit:cover;object-position:center}.brick-surface__scrim{--brick-surface-scrim-paint:var(--brick-surface-scrim-medium);--brick-surface-scrim-gradient-stop:var(--brick-surface-scrim-gradient-stop-medium);z-index:1;background:var(--brick-surface-scrim-paint)}.brick-surface__scrim[data-strength=soft]{--brick-surface-scrim-paint:var(--brick-surface-scrim-soft);--brick-surface-scrim-gradient-stop:var(--brick-surface-scrim-gradient-stop-soft)}.brick-surface__scrim[data-strength=strong]{--brick-surface-scrim-paint:var(--brick-surface-scrim-strong);--brick-surface-scrim-gradient-stop:var(--brick-surface-scrim-gradient-stop-strong)}.brick-surface__scrim[data-direction=inline-start]{background:linear-gradient(to right, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}:dir(rtl)>.brick-surface__scrim[data-direction=inline-start],.brick-surface__scrim[data-direction=inline-end]{background:linear-gradient(to left, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}:dir(rtl)>.brick-surface__scrim[data-direction=inline-end]{background:linear-gradient(to right, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}.brick-surface__scrim[data-direction=block-start]{background:linear-gradient(to bottom, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}.brick-surface__scrim[data-direction=block-end]{background:linear-gradient(to top, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}.brick-surface__content{z-index:2;min-inline-size:0;position:relative}.brick-surface[data-level=canvas]{--brick-surface-background:var(--brick-color-surface-canvas)}.brick-surface[data-level=subtle]{--brick-surface-background:var(--brick-color-surface-subtle)}.brick-surface[data-level=raised]{--brick-surface-background:var(--brick-color-surface-raised)}.brick-surface[data-tone=accent]{--brick-surface-background:var(--brick-color-accent-solid);--brick-surface-foreground:var(--brick-color-accent-on-solid);--brick-surface-border-color:var(--brick-color-accent-border)}.brick-surface[data-bordered]{--brick-surface-border-width:var(--brick-border-width)}.brick-surface[data-elevation=low]{--brick-surface-shadow:var(--brick-surface-elevation-low)}.brick-surface[data-elevation=medium]{--brick-surface-shadow:var(--brick-surface-elevation-medium)}.brick-surface[data-elevation=high]{--brick-surface-shadow:var(--brick-surface-elevation-high)}.brick-surface[data-radius=none]{--brick-surface-radius:0rem}.brick-surface[data-radius=subtle]{--brick-surface-radius:var(--brick-radius-subtle)}.brick-surface[data-inset=sm]{--brick-surface-padding:var(--brick-surface-inset-sm)}.brick-surface[data-inset=md]{--brick-surface-padding:var(--brick-surface-inset-md)}.brick-surface[data-inset=lg]{--brick-surface-padding:var(--brick-surface-inset-lg)}.brick-surface[data-inset=xl]{--brick-surface-padding:var(--brick-surface-inset-xl)}.brick-surface[data-inset="2xl"]{--brick-surface-padding:var(--brick-surface-inset-2xl)}@media (width>=30rem){.brick-surface[data-inset-sm=none]{--brick-surface-padding:var(--brick-surface-inset-none)}.brick-surface[data-inset-sm=sm]{--brick-surface-padding:var(--brick-surface-inset-sm)}.brick-surface[data-inset-sm=md]{--brick-surface-padding:var(--brick-surface-inset-md)}.brick-surface[data-inset-sm=lg]{--brick-surface-padding:var(--brick-surface-inset-lg)}.brick-surface[data-inset-sm=xl]{--brick-surface-padding:var(--brick-surface-inset-xl)}.brick-surface[data-inset-sm="2xl"]{--brick-surface-padding:var(--brick-surface-inset-2xl)}}@media (width>=48rem){.brick-surface[data-inset-md=none]{--brick-surface-padding:var(--brick-surface-inset-none)}.brick-surface[data-inset-md=sm]{--brick-surface-padding:var(--brick-surface-inset-sm)}.brick-surface[data-inset-md=md]{--brick-surface-padding:var(--brick-surface-inset-md)}.brick-surface[data-inset-md=lg]{--brick-surface-padding:var(--brick-surface-inset-lg)}.brick-surface[data-inset-md=xl]{--brick-surface-padding:var(--brick-surface-inset-xl)}.brick-surface[data-inset-md="2xl"]{--brick-surface-padding:var(--brick-surface-inset-2xl)}}@media (width>=64rem){.brick-surface[data-inset-lg=none]{--brick-surface-padding:var(--brick-surface-inset-none)}.brick-surface[data-inset-lg=sm]{--brick-surface-padding:var(--brick-surface-inset-sm)}.brick-surface[data-inset-lg=md]{--brick-surface-padding:var(--brick-surface-inset-md)}.brick-surface[data-inset-lg=lg]{--brick-surface-padding:var(--brick-surface-inset-lg)}.brick-surface[data-inset-lg=xl]{--brick-surface-padding:var(--brick-surface-inset-xl)}.brick-surface[data-inset-lg="2xl"]{--brick-surface-padding:var(--brick-surface-inset-2xl)}}@media (width>=80rem){.brick-surface[data-inset-xl=none]{--brick-surface-padding:var(--brick-surface-inset-none)}.brick-surface[data-inset-xl=sm]{--brick-surface-padding:var(--brick-surface-inset-sm)}.brick-surface[data-inset-xl=md]{--brick-surface-padding:var(--brick-surface-inset-md)}.brick-surface[data-inset-xl=lg]{--brick-surface-padding:var(--brick-surface-inset-lg)}.brick-surface[data-inset-xl=xl]{--brick-surface-padding:var(--brick-surface-inset-xl)}.brick-surface[data-inset-xl="2xl"]{--brick-surface-padding:var(--brick-surface-inset-2xl)}}@media (forced-colors:active){.brick-surface__media,.brick-surface__scrim{display:none}.brick-surface[data-bordered],.brick-surface:not([data-elevation=none]){--brick-surface-border-width:var(--brick-border-width);--brick-surface-border-color:CanvasText;--brick-surface-shadow:none}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=surface.css.map */

package/dist/styles/surface.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,wiDAgDA,sGAQA,gHAQA,gDAKA,yGAOA,0HAMA,8NAUA,wLAOA,8LAOA,gLAQA,2aAgBA,yXAQA,gLAQA,2KAQA,sEAMA,+FAIA,+FAIA,+FAIA,qFAIA,6FAIA,mGAIA,+FAIA,6DAIA,qFAIA,2EAIA,2EAIA,2EAIA,8BACE,yDAKA,qMDvNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/surface.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/surface/surface.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/surface/surface.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-surface {\n    --brick-surface-background: var(--brick-color-surface-base);\n    --brick-surface-foreground: var(--brick-color-text-primary);\n    --brick-surface-border-color: var(--brick-color-border-subtle);\n    --brick-surface-border-width: 0rem;\n    --brick-surface-elevation-none: none;\n    --brick-surface-elevation-low: 0 0.25rem 0.75rem\n      color-mix(in srgb, var(--brick-color-shadow), transparent 58%);\n    --brick-surface-elevation-medium: 0 0.75rem 2rem\n      color-mix(in srgb, var(--brick-color-shadow), transparent 38%);\n    --brick-surface-elevation-high: 0 1.5rem 4.5rem\n      color-mix(in srgb, var(--brick-color-shadow), transparent 18%);\n    --brick-surface-shadow: var(--brick-surface-elevation-none);\n    --brick-surface-radius: var(--brick-radius-surface);\n    --brick-surface-padding: var(--brick-space-0);\n    --brick-surface-scrim-color: var(--brick-color-scrim);\n    /* Strength is perceptual: intensity and directional reach move together. */\n    --brick-surface-scrim-soft: color-mix(\n      in srgb,\n      var(--brick-surface-scrim-color),\n      transparent 76%\n    );\n    --brick-surface-scrim-medium: color-mix(\n      in srgb,\n      var(--brick-surface-scrim-color),\n      transparent 44%\n    );\n    --brick-surface-scrim-strong: color-mix(\n      in srgb,\n      var(--brick-surface-scrim-color),\n      transparent 8%\n    );\n    --brick-surface-scrim-gradient-stop-soft: 68%;\n    --brick-surface-scrim-gradient-stop-medium: 82%;\n    --brick-surface-scrim-gradient-stop-strong: 94%;\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding: var(--brick-surface-padding);\n    border: var(--brick-surface-border-width) solid\n      var(--brick-surface-border-color);\n    border-radius: var(--brick-surface-radius);\n    background: var(--brick-surface-background);\n    box-shadow: var(--brick-surface-shadow);\n    color: var(--brick-surface-foreground);\n  }\n\n  .brick-surface:has(\n      > .brick-surface__media,\n      > .brick-surface__scrim\n    ) {\n    position: relative;\n    isolation: isolate;\n  }\n\n  .brick-surface__media,\n  .brick-surface__scrim {\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  .brick-surface__media {\n    z-index: 0;\n    overflow: hidden;\n  }\n\n  .brick-surface__media > *,\n  .brick-surface__media > picture > img {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-surface__media > :is(img, video, canvas, svg),\n  .brick-surface__media > picture > img {\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .brick-surface__scrim {\n    --brick-surface-scrim-paint: var(--brick-surface-scrim-medium);\n    --brick-surface-scrim-gradient-stop: var(\n      --brick-surface-scrim-gradient-stop-medium\n    );\n\n    z-index: 1;\n    background: var(--brick-surface-scrim-paint);\n  }\n\n  .brick-surface__scrim[data-strength=\"soft\"] {\n    --brick-surface-scrim-paint: var(--brick-surface-scrim-soft);\n    --brick-surface-scrim-gradient-stop: var(\n      --brick-surface-scrim-gradient-stop-soft\n    );\n  }\n\n  .brick-surface__scrim[data-strength=\"strong\"] {\n    --brick-surface-scrim-paint: var(--brick-surface-scrim-strong);\n    --brick-surface-scrim-gradient-stop: var(\n      --brick-surface-scrim-gradient-stop-strong\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"inline-start\"] {\n    background: linear-gradient(\n      to right,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  :dir(rtl) > .brick-surface__scrim[data-direction=\"inline-start\"] {\n    background: linear-gradient(\n      to left,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"inline-end\"] {\n    background: linear-gradient(\n      to left,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  :dir(rtl) > .brick-surface__scrim[data-direction=\"inline-end\"] {\n    background: linear-gradient(\n      to right,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"block-start\"] {\n    background: linear-gradient(\n      to bottom,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"block-end\"] {\n    background: linear-gradient(\n      to top,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__content {\n    position: relative;\n    z-index: 2;\n    min-inline-size: 0;\n  }\n\n  .brick-surface[data-level=\"canvas\"] {\n    --brick-surface-background: var(--brick-color-surface-canvas);\n  }\n\n  .brick-surface[data-level=\"subtle\"] {\n    --brick-surface-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-surface[data-level=\"raised\"] {\n    --brick-surface-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-surface[data-bordered] {\n    --brick-surface-border-width: var(--brick-border-width);\n  }\n\n  .brick-surface[data-elevation=\"low\"] {\n    --brick-surface-shadow: var(--brick-surface-elevation-low);\n  }\n\n  .brick-surface[data-elevation=\"medium\"] {\n    --brick-surface-shadow: var(--brick-surface-elevation-medium);\n  }\n\n  .brick-surface[data-elevation=\"high\"] {\n    --brick-surface-shadow: var(--brick-surface-elevation-high);\n  }\n\n  .brick-surface[data-radius=\"none\"] {\n    --brick-surface-radius: 0rem;\n  }\n\n  .brick-surface[data-radius=\"subtle\"] {\n    --brick-surface-radius: var(--brick-radius-subtle);\n  }\n\n  .brick-surface[data-inset=\"sm\"] {\n    --brick-surface-padding: var(--brick-space-3);\n  }\n\n  .brick-surface[data-inset=\"md\"] {\n    --brick-surface-padding: var(--brick-space-5);\n  }\n\n  .brick-surface[data-inset=\"lg\"] {\n    --brick-surface-padding: var(--brick-space-6);\n  }\n\n  @media (forced-colors: active) {\n    .brick-surface__media,\n    .brick-surface__scrim {\n      display: none;\n    }\n\n    .brick-surface[data-bordered],\n    .brick-surface:not([data-elevation=\"none\"]) {\n      --brick-surface-border-width: var(--brick-border-width);\n      --brick-surface-border-color: CanvasText;\n      --brick-surface-shadow: none;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,o4DA0DA,sGAQA,gHAQA,gDAKA,yGAOA,0HAMA,8NAUA,wLAOA,8LAOA,gLAQA,0OAgBA,wLAQA,gLAQA,2KAQA,sEAMA,+FAIA,+FAIA,+FAIA,wNAMA,qFAIA,6FAIA,mGAIA,+FAIA,6DAIA,qFAIA,oFAIA,oFAIA,oFAIA,oFAIA,wFAIA,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,8BACE,yDAKA,qMDnRJ","sources":["home/runner/work/brick/brick/.brick-cache/production/surface.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/surface/surface.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/surface/surface.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-surface {\n    --brick-surface-background: var(--brick-color-surface-base);\n    --brick-surface-foreground: var(--brick-color-text-primary);\n    --brick-surface-border-color: var(--brick-color-border-subtle);\n    --brick-surface-border-width: 0rem;\n    --brick-surface-elevation-none: none;\n    --brick-surface-elevation-low: 0 0.25rem 0.75rem\n      color-mix(in srgb, var(--brick-color-shadow), transparent 58%);\n    --brick-surface-elevation-medium: 0 0.75rem 2rem\n      color-mix(in srgb, var(--brick-color-shadow), transparent 38%);\n    --brick-surface-elevation-high: 0 1.5rem 4.5rem\n      color-mix(in srgb, var(--brick-color-shadow), transparent 18%);\n    --brick-surface-shadow: var(--brick-surface-elevation-none);\n    --brick-surface-radius: var(--brick-radius-surface);\n    --brick-surface-inset-none: var(--brick-space-0);\n    --brick-surface-inset-sm: var(--brick-space-3);\n    --brick-surface-inset-md: var(--brick-space-5);\n    --brick-surface-inset-lg: var(--brick-space-6);\n    --brick-surface-inset-xl: calc(\n      var(--brick-space-6) + var(--brick-space-4)\n    );\n    --brick-surface-inset-2xl: calc(\n      var(--brick-space-6) + var(--brick-space-6)\n    );\n    --brick-surface-padding: var(--brick-surface-inset-none);\n    --brick-surface-scrim-color: var(--brick-color-scrim);\n    /* Strength is perceptual: intensity and directional reach move together. */\n    --brick-surface-scrim-soft: color-mix(\n      in srgb,\n      var(--brick-surface-scrim-color),\n      transparent 76%\n    );\n    --brick-surface-scrim-medium: color-mix(\n      in srgb,\n      var(--brick-surface-scrim-color),\n      transparent 44%\n    );\n    --brick-surface-scrim-strong: color-mix(\n      in srgb,\n      var(--brick-surface-scrim-color),\n      transparent 8%\n    );\n    --brick-surface-scrim-gradient-stop-soft: 68%;\n    --brick-surface-scrim-gradient-stop-medium: 82%;\n    --brick-surface-scrim-gradient-stop-strong: 94%;\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding: var(--brick-surface-padding);\n    border: var(--brick-surface-border-width) solid\n      var(--brick-surface-border-color);\n    border-radius: var(--brick-surface-radius);\n    background: var(--brick-surface-background);\n    box-shadow: var(--brick-surface-shadow);\n    color: var(--brick-surface-foreground);\n  }\n\n  .brick-surface:has(\n      > .brick-surface__media,\n      > .brick-surface__scrim\n    ) {\n    position: relative;\n    isolation: isolate;\n  }\n\n  .brick-surface__media,\n  .brick-surface__scrim {\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  .brick-surface__media {\n    z-index: 0;\n    overflow: hidden;\n  }\n\n  .brick-surface__media > *,\n  .brick-surface__media > picture > img {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-surface__media > :is(img, video, canvas, svg),\n  .brick-surface__media > picture > img {\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .brick-surface__scrim {\n    --brick-surface-scrim-paint: var(--brick-surface-scrim-medium);\n    --brick-surface-scrim-gradient-stop: var(\n      --brick-surface-scrim-gradient-stop-medium\n    );\n\n    z-index: 1;\n    background: var(--brick-surface-scrim-paint);\n  }\n\n  .brick-surface__scrim[data-strength=\"soft\"] {\n    --brick-surface-scrim-paint: var(--brick-surface-scrim-soft);\n    --brick-surface-scrim-gradient-stop: var(\n      --brick-surface-scrim-gradient-stop-soft\n    );\n  }\n\n  .brick-surface__scrim[data-strength=\"strong\"] {\n    --brick-surface-scrim-paint: var(--brick-surface-scrim-strong);\n    --brick-surface-scrim-gradient-stop: var(\n      --brick-surface-scrim-gradient-stop-strong\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"inline-start\"] {\n    background: linear-gradient(\n      to right,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  :dir(rtl) > .brick-surface__scrim[data-direction=\"inline-start\"] {\n    background: linear-gradient(\n      to left,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"inline-end\"] {\n    background: linear-gradient(\n      to left,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  :dir(rtl) > .brick-surface__scrim[data-direction=\"inline-end\"] {\n    background: linear-gradient(\n      to right,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"block-start\"] {\n    background: linear-gradient(\n      to bottom,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"block-end\"] {\n    background: linear-gradient(\n      to top,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__content {\n    position: relative;\n    z-index: 2;\n    min-inline-size: 0;\n  }\n\n  .brick-surface[data-level=\"canvas\"] {\n    --brick-surface-background: var(--brick-color-surface-canvas);\n  }\n\n  .brick-surface[data-level=\"subtle\"] {\n    --brick-surface-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-surface[data-level=\"raised\"] {\n    --brick-surface-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-surface[data-tone=\"accent\"] {\n    --brick-surface-background: var(--brick-color-accent-solid);\n    --brick-surface-foreground: var(--brick-color-accent-on-solid);\n    --brick-surface-border-color: var(--brick-color-accent-border);\n  }\n\n  .brick-surface[data-bordered] {\n    --brick-surface-border-width: var(--brick-border-width);\n  }\n\n  .brick-surface[data-elevation=\"low\"] {\n    --brick-surface-shadow: var(--brick-surface-elevation-low);\n  }\n\n  .brick-surface[data-elevation=\"medium\"] {\n    --brick-surface-shadow: var(--brick-surface-elevation-medium);\n  }\n\n  .brick-surface[data-elevation=\"high\"] {\n    --brick-surface-shadow: var(--brick-surface-elevation-high);\n  }\n\n  .brick-surface[data-radius=\"none\"] {\n    --brick-surface-radius: 0rem;\n  }\n\n  .brick-surface[data-radius=\"subtle\"] {\n    --brick-surface-radius: var(--brick-radius-subtle);\n  }\n\n  .brick-surface[data-inset=\"sm\"] {\n    --brick-surface-padding: var(--brick-surface-inset-sm);\n  }\n\n  .brick-surface[data-inset=\"md\"] {\n    --brick-surface-padding: var(--brick-surface-inset-md);\n  }\n\n  .brick-surface[data-inset=\"lg\"] {\n    --brick-surface-padding: var(--brick-surface-inset-lg);\n  }\n\n  .brick-surface[data-inset=\"xl\"] {\n    --brick-surface-padding: var(--brick-surface-inset-xl);\n  }\n\n  .brick-surface[data-inset=\"2xl\"] {\n    --brick-surface-padding: var(--brick-surface-inset-2xl);\n  }\n\n  @media (width >= 30rem) {\n    .brick-surface[data-inset-sm=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n    .brick-surface[data-inset-sm=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n    .brick-surface[data-inset-sm=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n    .brick-surface[data-inset-sm=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n    .brick-surface[data-inset-sm=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n    .brick-surface[data-inset-sm=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-surface[data-inset-md=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n    .brick-surface[data-inset-md=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n    .brick-surface[data-inset-md=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n    .brick-surface[data-inset-md=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n    .brick-surface[data-inset-md=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n    .brick-surface[data-inset-md=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-surface[data-inset-lg=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n    .brick-surface[data-inset-lg=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n    .brick-surface[data-inset-lg=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n    .brick-surface[data-inset-lg=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n    .brick-surface[data-inset-lg=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n    .brick-surface[data-inset-lg=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-surface[data-inset-xl=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n    .brick-surface[data-inset-xl=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n    .brick-surface[data-inset-xl=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n    .brick-surface[data-inset-xl=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n    .brick-surface[data-inset-xl=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n    .brick-surface[data-inset-xl=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n  }\n\n  @media (forced-colors: active) {\n    .brick-surface__media,\n    .brick-surface__scrim {\n      display: none;\n    }\n\n    .brick-surface[data-bordered],\n    .brick-surface:not([data-elevation=\"none\"]) {\n      --brick-surface-border-width: var(--brick-border-width);\n      --brick-surface-border-color: CanvasText;\n      --brick-surface-shadow: none;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/table.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-table-container{box-sizing:border-box;overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.brick-table{--brick-table-inline-size:100%;--brick-table-min-inline-size:0;--brick-table-border-color:var(--brick-color-border-subtle);--brick-table-border-width:var(--brick-border-width);--brick-table-radius:var(--brick-radius-surface);--brick-table-header-background:var(--brick-color-surface-subtle);--brick-table-header-foreground:var(--brick-color-text-primary);--brick-table-body-background:var(--brick-color-surface-base);--brick-table-row-stripe-background:var(--brick-color-surface-subtle);--brick-table-footer-background:var(--brick-color-surface-subtle);--brick-table-footer-foreground:var(--brick-color-text-primary);--brick-table-cell-foreground:var(--brick-color-text-primary);--brick-table-cell-padding-inline:var(--brick-space-4);--brick-table-cell-padding-block:var(--brick-space-3);--brick-table-row-min-block-size:3rem;--brick-table-caption-foreground:var(--brick-color-text-secondary);--brick-table-caption-gap:var(--brick-space-3);--brick-table-sticky-offset:0px;--brick-table-sticky-z-index:1;--brick-table-sort-indicator-size:1rem;--brick-table-sort-indicator-color:var(--brick-color-text-secondary);inline-size:var(--brick-table-inline-size);min-inline-size:var(--brick-table-min-inline-size);border-collapse:separate;border-spacing:0;color:var(--brick-table-cell-foreground);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height)}.brick-table[data-size=sm]{font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);--brick-table-row-min-block-size:2.5rem}.brick-table[data-size=lg]{font-size:var(--brick-typography-body-lg-font-size);line-height:var(--brick-typography-body-lg-line-height);--brick-table-row-min-block-size:3.5rem}.brick-table[data-density=compact]{--brick-table-cell-padding-block:var(--brick-space-1)}.brick-table__caption{color:var(--brick-table-caption-foreground);text-align:start}.brick-table__caption[data-side=top]{caption-side:top;padding-block-end:var(--brick-table-caption-gap)}.brick-table__caption[data-side=bottom]{caption-side:bottom;padding-block-start:var(--brick-table-caption-gap)}.brick-table__head,.brick-table__cell{box-sizing:border-box;min-block-size:var(--brick-table-row-min-block-size);padding-block:var(--brick-table-cell-padding-block);padding-inline:var(--brick-table-cell-padding-inline);border-block-end:var(--brick-table-border-width) solid var(--brick-table-border-color);text-align:start;vertical-align:middle;overflow-wrap:break-word}.brick-table__head{color:var(--brick-table-header-foreground);background:var(--brick-table-header-background);font-weight:var(--brick-typography-compact-title-font-weight);white-space:nowrap}.brick-table__cell{background:var(--brick-table-body-background)}.brick-table__head[data-align=center],.brick-table__cell[data-align=center]{text-align:center}.brick-table__head[data-align=end],.brick-table__cell[data-align=end]{text-align:end}.brick-table__head[data-numeric],.brick-table__cell[data-numeric]{white-space:nowrap;font-variant-numeric:tabular-nums}.brick-table__footer .brick-table__head,.brick-table__footer .brick-table__cell{color:var(--brick-table-footer-foreground);background:var(--brick-table-footer-background);font-weight:var(--brick-typography-compact-title-font-weight)}.brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(2n) .brick-table__cell,.brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(2n) .brick-table__head{background:var(--brick-table-row-stripe-background)}.brick-table[data-variant=outline]{border:var(--brick-table-border-width) solid var(--brick-table-border-color);border-radius:var(--brick-table-radius)}.brick-table[data-variant=outline] :where(.brick-table__head,.brick-table__cell)+:where(.brick-table__head,.brick-table__cell){border-inline-start:var(--brick-table-border-width) solid var(--brick-table-border-color)}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head,.brick-table__cell),.brick-table[data-variant=outline] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head,.brick-table__cell){border-block-end:0}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-sticky-header] .brick-table__header .brick-table__head{z-index:var(--brick-table-sticky-z-index);position:sticky;inset-block-start:var(--brick-table-sticky-offset)}.brick-table__sort-indicator{inline-size:var(--brick-table-sort-indicator-size);block-size:var(--brick-table-sort-indicator-size);color:var(--brick-table-sort-indicator-color);flex:none;display:inline-flex}.brick-table__sort-indicator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%}.brick-table__head[data-sort=ascending] .brick-table__sort-indicator path{d:path("m4 10 4-4 4 4")}.brick-table__head[data-sort=descending] .brick-table__sort-indicator path{d:path("m4 6 4 4 4-4")}@media (forced-colors:active){.brick-table{--brick-table-border-color:CanvasText;--brick-table-header-background:Canvas;--brick-table-body-background:Canvas;--brick-table-row-stripe-background:Canvas;--brick-table-footer-background:Canvas;--brick-table-sort-indicator-color:CanvasText}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-table-container{box-sizing:border-box;overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.brick-table{--brick-table-inline-size:100%;--brick-table-min-inline-size:0;--brick-table-border-color:var(--brick-color-border-subtle);--brick-table-border-width:var(--brick-border-width);--brick-table-radius:var(--brick-radius-surface);--brick-table-header-background:var(--brick-color-surface-subtle);--brick-table-header-foreground:var(--brick-color-text-primary);--brick-table-body-background:var(--brick-color-surface-base);--brick-table-row-stripe-background:var(--brick-color-surface-subtle);--brick-table-footer-background:var(--brick-color-surface-subtle);--brick-table-footer-foreground:var(--brick-color-text-primary);--brick-table-cell-foreground:var(--brick-color-text-primary);--brick-table-cell-padding-inline:var(--brick-space-4);--brick-table-cell-padding-block:var(--brick-space-3);--brick-table-row-min-block-size:3rem;--brick-table-caption-foreground:var(--brick-color-text-secondary);--brick-table-caption-gap:var(--brick-space-3);--brick-table-sticky-offset:0px;--brick-table-sticky-z-index:1;--brick-table-sort-indicator-size:1rem;--brick-table-sort-indicator-color:var(--brick-color-text-secondary);inline-size:var(--brick-table-inline-size);min-inline-size:var(--brick-table-min-inline-size);border-collapse:separate;border-spacing:0;color:var(--brick-table-cell-foreground);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height)}.brick-table[data-size=sm]{font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);--brick-table-row-min-block-size:2.5rem}.brick-table[data-size=lg]{font-size:var(--brick-typography-body-lg-font-size);line-height:var(--brick-typography-body-lg-line-height);--brick-table-row-min-block-size:3.5rem}.brick-table[data-density=compact]{--brick-table-cell-padding-block:var(--brick-space-1)}.brick-table__caption{color:var(--brick-table-caption-foreground);text-align:start}.brick-table__caption[data-side=top]{caption-side:top;padding-block-end:var(--brick-table-caption-gap)}.brick-table__caption[data-side=bottom]{caption-side:bottom;padding-block-start:var(--brick-table-caption-gap)}.brick-table__head,.brick-table__cell{box-sizing:border-box;min-block-size:var(--brick-table-row-min-block-size);padding-block:var(--brick-table-cell-padding-block);padding-inline:var(--brick-table-cell-padding-inline);border-block-end:var(--brick-table-border-width) solid var(--brick-table-border-color);text-align:start;vertical-align:middle;overflow-wrap:break-word}.brick-table__head{color:var(--brick-table-header-foreground);background:var(--brick-table-header-background);font-weight:var(--brick-typography-compact-title-font-weight);white-space:nowrap}.brick-table__cell{background:var(--brick-table-body-background)}.brick-table__head[data-align=center],.brick-table__cell[data-align=center]{text-align:center}.brick-table__head[data-align=end],.brick-table__cell[data-align=end]{text-align:end}.brick-table__head[data-numeric],.brick-table__cell[data-numeric]{white-space:nowrap;font-variant-numeric:tabular-nums}.brick-table__footer .brick-table__head,.brick-table__footer .brick-table__cell{color:var(--brick-table-footer-foreground);background:var(--brick-table-footer-background);font-weight:var(--brick-typography-compact-title-font-weight)}.brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(2n) .brick-table__cell,.brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(2n) .brick-table__head{background:var(--brick-table-row-stripe-background)}.brick-table[data-variant=outline]{border:var(--brick-table-border-width) solid var(--brick-table-border-color);border-radius:var(--brick-table-radius)}.brick-table[data-variant=outline] :where(.brick-table__head,.brick-table__cell)+:where(.brick-table__head,.brick-table__cell){border-inline-start:var(--brick-table-border-width) solid var(--brick-table-border-color)}.brick-table[data-variant=outline] .brick-table__header:first-of-type .brick-table__row:first-child>:first-child,.brick-table[data-variant=outline]:not(:has(.brick-table__header)) .brick-table__body:first-of-type .brick-table__row:first-child>:first-child{border-start-start-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline] .brick-table__header:first-of-type .brick-table__row:first-child>:last-child,.brick-table[data-variant=outline]:not(:has(.brick-table__header)) .brick-table__body:first-of-type .brick-table__row:first-child>:last-child{border-start-end-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head,.brick-table__cell),.brick-table[data-variant=outline] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head,.brick-table__cell){border-block-end:0}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline]:not(:has(.brick-table__footer)) .brick-table__body:last-child .brick-table__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline]:not(:has(.brick-table__footer)) .brick-table__body:last-child .brick-table__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-sticky-header] .brick-table__header .brick-table__head{z-index:var(--brick-table-sticky-z-index);position:sticky;inset-block-start:var(--brick-table-sticky-offset)}.brick-table__sort-indicator{inline-size:var(--brick-table-sort-indicator-size);block-size:var(--brick-table-sort-indicator-size);color:var(--brick-table-sort-indicator-color);flex:none;display:inline-flex}.brick-table__sort-indicator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%}.brick-table__head[data-sort=ascending] .brick-table__sort-indicator path{d:path("m4 10 4-4 4 4")}.brick-table__head[data-sort=descending] .brick-table__sort-indicator path{d:path("m4 6 4 4 4-4")}@media (forced-colors:active){.brick-table{--brick-table-border-color:CanvasText;--brick-table-header-background:Canvas;--brick-table-body-background:Canvas;--brick-table-row-stripe-background:Canvas;--brick-table-footer-background:Canvas;--brick-table-sort-indicator-color:CanvasText}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=table.css.map */

package/dist/styles/table.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,wJASA,y7CAgCA,+KACA,+KACA,yFAEA,mFACA,uGACA,+GAEA,kXAWA,+LACA,iEACA,8FACA,qFACA,uHACA,yOAEA,sPAGA,wJACA,yNACA,kSAEA,4LACA,yLAEA,sLAEA,8MACA,8JACA,kGACA,kGAEA,8BACE,iQDtFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/table.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/table/table.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/table/table.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-table-container {\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-table {\n    --brick-table-inline-size: 100%;\n    --brick-table-min-inline-size: 0;\n    --brick-table-border-color: var(--brick-color-border-subtle);\n    --brick-table-border-width: var(--brick-border-width);\n    --brick-table-radius: var(--brick-radius-surface);\n    --brick-table-header-background: var(--brick-color-surface-subtle);\n    --brick-table-header-foreground: var(--brick-color-text-primary);\n    --brick-table-body-background: var(--brick-color-surface-base);\n    --brick-table-row-stripe-background: var(--brick-color-surface-subtle);\n    --brick-table-footer-background: var(--brick-color-surface-subtle);\n    --brick-table-footer-foreground: var(--brick-color-text-primary);\n    --brick-table-cell-foreground: var(--brick-color-text-primary);\n    --brick-table-cell-padding-inline: var(--brick-space-4);\n    --brick-table-cell-padding-block: var(--brick-space-3);\n    --brick-table-row-min-block-size: 3rem;\n    --brick-table-caption-foreground: var(--brick-color-text-secondary);\n    --brick-table-caption-gap: var(--brick-space-3);\n    --brick-table-sticky-offset: 0px;\n    --brick-table-sticky-z-index: 1;\n    --brick-table-sort-indicator-size: 1rem;\n    --brick-table-sort-indicator-color: var(--brick-color-text-secondary);\n    inline-size: var(--brick-table-inline-size);\n    min-inline-size: var(--brick-table-min-inline-size);\n    border-collapse: separate;\n    border-spacing: 0;\n    color: var(--brick-table-cell-foreground);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-table[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-table-row-min-block-size: 2.5rem; }\n  .brick-table[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-table-row-min-block-size: 3.5rem; }\n  .brick-table[data-density=\"compact\"] { --brick-table-cell-padding-block: var(--brick-space-1); }\n\n  .brick-table__caption { color: var(--brick-table-caption-foreground); text-align: start; }\n  .brick-table__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-table-caption-gap); }\n  .brick-table__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-table-caption-gap); }\n\n  .brick-table__head,\n  .brick-table__cell {\n    box-sizing: border-box;\n    min-block-size: var(--brick-table-row-min-block-size);\n    padding-block: var(--brick-table-cell-padding-block);\n    padding-inline: var(--brick-table-cell-padding-inline);\n    border-block-end: var(--brick-table-border-width) solid var(--brick-table-border-color);\n    text-align: start;\n    vertical-align: middle;\n    overflow-wrap: break-word;\n  }\n  .brick-table__head { color: var(--brick-table-header-foreground); background: var(--brick-table-header-background); font-weight: var(--brick-typography-compact-title-font-weight); white-space: nowrap; }\n  .brick-table__cell { background: var(--brick-table-body-background); }\n  .brick-table__head[data-align=\"center\"], .brick-table__cell[data-align=\"center\"] { text-align: center; }\n  .brick-table__head[data-align=\"end\"], .brick-table__cell[data-align=\"end\"] { text-align: end; }\n  .brick-table__head[data-numeric], .brick-table__cell[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n  .brick-table__footer .brick-table__head,\n  .brick-table__footer .brick-table__cell { color: var(--brick-table-footer-foreground); background: var(--brick-table-footer-background); font-weight: var(--brick-typography-compact-title-font-weight); }\n  .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__cell,\n  .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__head { background: var(--brick-table-row-stripe-background); }\n\n  .brick-table[data-variant=\"outline\"] { border: var(--brick-table-border-width) solid var(--brick-table-border-color); border-radius: var(--brick-table-radius); }\n  .brick-table[data-variant=\"outline\"] :where(.brick-table__head, .brick-table__cell) + :where(.brick-table__head, .brick-table__cell) { border-inline-start: var(--brick-table-border-width) solid var(--brick-table-border-color); }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell),\n  .brick-table[data-variant=\"outline\"] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell) { border-block-end: 0; }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n\n  .brick-table[data-sticky-header] .brick-table__header .brick-table__head { position: sticky; inset-block-start: var(--brick-table-sticky-offset); z-index: var(--brick-table-sticky-z-index); }\n\n  .brick-table__sort-indicator { display: inline-flex; inline-size: var(--brick-table-sort-indicator-size); block-size: var(--brick-table-sort-indicator-size); flex: none; color: var(--brick-table-sort-indicator-color); }\n  .brick-table__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n  .brick-table__head[data-sort=\"ascending\"] .brick-table__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n  .brick-table__head[data-sort=\"descending\"] .brick-table__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n\n  @media (forced-colors: active) {\n    .brick-table { --brick-table-border-color: CanvasText; --brick-table-header-background: Canvas; --brick-table-body-background: Canvas; --brick-table-row-stripe-background: Canvas; --brick-table-footer-background: Canvas; --brick-table-sort-indicator-color: CanvasText; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,wJASA,y7CAgCA,+KACA,+KACA,yFAEA,mFACA,uGACA,+GAEA,kXAWA,+LACA,iEACA,8FACA,qFACA,uHACA,yOAEA,sPAGA,wJACA,yNACA,4VAEA,wVAEA,kSAEA,4LACA,yLACA,qOACA,kOAEA,sLAEA,8MACA,8JACA,kGACA,kGAEA,8BACE,iQD5FJ","sources":["home/runner/work/brick/brick/.brick-cache/production/table.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/table/table.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/table/table.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-table-container {\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-table {\n    --brick-table-inline-size: 100%;\n    --brick-table-min-inline-size: 0;\n    --brick-table-border-color: var(--brick-color-border-subtle);\n    --brick-table-border-width: var(--brick-border-width);\n    --brick-table-radius: var(--brick-radius-surface);\n    --brick-table-header-background: var(--brick-color-surface-subtle);\n    --brick-table-header-foreground: var(--brick-color-text-primary);\n    --brick-table-body-background: var(--brick-color-surface-base);\n    --brick-table-row-stripe-background: var(--brick-color-surface-subtle);\n    --brick-table-footer-background: var(--brick-color-surface-subtle);\n    --brick-table-footer-foreground: var(--brick-color-text-primary);\n    --brick-table-cell-foreground: var(--brick-color-text-primary);\n    --brick-table-cell-padding-inline: var(--brick-space-4);\n    --brick-table-cell-padding-block: var(--brick-space-3);\n    --brick-table-row-min-block-size: 3rem;\n    --brick-table-caption-foreground: var(--brick-color-text-secondary);\n    --brick-table-caption-gap: var(--brick-space-3);\n    --brick-table-sticky-offset: 0px;\n    --brick-table-sticky-z-index: 1;\n    --brick-table-sort-indicator-size: 1rem;\n    --brick-table-sort-indicator-color: var(--brick-color-text-secondary);\n    inline-size: var(--brick-table-inline-size);\n    min-inline-size: var(--brick-table-min-inline-size);\n    border-collapse: separate;\n    border-spacing: 0;\n    color: var(--brick-table-cell-foreground);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-table[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-table-row-min-block-size: 2.5rem; }\n  .brick-table[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-table-row-min-block-size: 3.5rem; }\n  .brick-table[data-density=\"compact\"] { --brick-table-cell-padding-block: var(--brick-space-1); }\n\n  .brick-table__caption { color: var(--brick-table-caption-foreground); text-align: start; }\n  .brick-table__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-table-caption-gap); }\n  .brick-table__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-table-caption-gap); }\n\n  .brick-table__head,\n  .brick-table__cell {\n    box-sizing: border-box;\n    min-block-size: var(--brick-table-row-min-block-size);\n    padding-block: var(--brick-table-cell-padding-block);\n    padding-inline: var(--brick-table-cell-padding-inline);\n    border-block-end: var(--brick-table-border-width) solid var(--brick-table-border-color);\n    text-align: start;\n    vertical-align: middle;\n    overflow-wrap: break-word;\n  }\n  .brick-table__head { color: var(--brick-table-header-foreground); background: var(--brick-table-header-background); font-weight: var(--brick-typography-compact-title-font-weight); white-space: nowrap; }\n  .brick-table__cell { background: var(--brick-table-body-background); }\n  .brick-table__head[data-align=\"center\"], .brick-table__cell[data-align=\"center\"] { text-align: center; }\n  .brick-table__head[data-align=\"end\"], .brick-table__cell[data-align=\"end\"] { text-align: end; }\n  .brick-table__head[data-numeric], .brick-table__cell[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n  .brick-table__footer .brick-table__head,\n  .brick-table__footer .brick-table__cell { color: var(--brick-table-footer-foreground); background: var(--brick-table-footer-background); font-weight: var(--brick-typography-compact-title-font-weight); }\n  .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__cell,\n  .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__head { background: var(--brick-table-row-stripe-background); }\n\n  .brick-table[data-variant=\"outline\"] { border: var(--brick-table-border-width) solid var(--brick-table-border-color); border-radius: var(--brick-table-radius); }\n  .brick-table[data-variant=\"outline\"] :where(.brick-table__head, .brick-table__cell) + :where(.brick-table__head, .brick-table__cell) { border-inline-start: var(--brick-table-border-width) solid var(--brick-table-border-color); }\n  .brick-table[data-variant=\"outline\"] .brick-table__header:first-of-type .brick-table__row:first-child > :first-child,\n  .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__header)) .brick-table__body:first-of-type .brick-table__row:first-child > :first-child { border-start-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"] .brick-table__header:first-of-type .brick-table__row:first-child > :last-child,\n  .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__header)) .brick-table__body:first-of-type .brick-table__row:first-child > :last-child { border-start-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell),\n  .brick-table[data-variant=\"outline\"] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell) { border-block-end: 0; }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__footer)) .brick-table__body:last-child .brick-table__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__footer)) .brick-table__body:last-child .brick-table__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n\n  .brick-table[data-sticky-header] .brick-table__header .brick-table__head { position: sticky; inset-block-start: var(--brick-table-sticky-offset); z-index: var(--brick-table-sticky-z-index); }\n\n  .brick-table__sort-indicator { display: inline-flex; inline-size: var(--brick-table-sort-indicator-size); block-size: var(--brick-table-sort-indicator-size); flex: none; color: var(--brick-table-sort-indicator-color); }\n  .brick-table__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n  .brick-table__head[data-sort=\"ascending\"] .brick-table__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n  .brick-table__head[data-sort=\"descending\"] .brick-table__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n\n  @media (forced-colors: active) {\n    .brick-table { --brick-table-border-color: CanvasText; --brick-table-header-background: Canvas; --brick-table-body-background: Canvas; --brick-table-row-stripe-background: Canvas; --brick-table-footer-background: Canvas; --brick-table-sort-indicator-color: CanvasText; }\n  }\n}\n"],"names":[]}