@flowstack-ui/brick 0.1.6 → 0.1.11

package/dist/styles/reorderable-list.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,uoDAoCA,2NAOA,07BAuBA,mIAIA,sHAIA,2GAIA,mKAMA,gGAKA,6NAOA,uLAUA,urBAqBA,wDAEA,iHAGA,4OAMA,iOAMA,gJAMA,wLAQA,0EAEA,kKAKA,gLACA,6KAEA,oKAKA,mLACA,gLAEA,kRAOA,kRAOA,uCACE,sDAGF,8BACE,kIAEA,6EACA,kHAEA,+DDzMJ","sources":["home/runner/work/brick/brick/.brick-cache/production/reorderable-list.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/reorderable-list/reorderable-list.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/reorderable-list/reorderable-list.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-reorderable-list {\n    --brick-reorderable-list-gap: var(--brick-space-3);\n    --brick-reorderable-list-item-background: var(--brick-color-surface-base);\n    --brick-reorderable-list-item-border: var(--brick-color-border-subtle);\n    --brick-reorderable-list-item-radius: var(--brick-radius-surface);\n    --brick-reorderable-list-item-padding-block: var(--brick-space-3);\n    --brick-reorderable-list-item-padding-inline: var(--brick-space-3);\n    --brick-reorderable-list-item-gap: var(--brick-space-3);\n    --brick-reorderable-list-item-shadow: var(--brick-shadow-floating);\n    --brick-reorderable-list-target-background: var(--brick-color-accent-soft);\n    --brick-reorderable-list-handle-background: transparent;\n    --brick-reorderable-list-handle-background-hover: var(--brick-color-surface-subtle);\n    --brick-reorderable-list-control-foreground: var(--brick-color-text-secondary);\n    --brick-reorderable-list-control-foreground-hover: var(--brick-color-text-primary);\n    --brick-reorderable-list-control-size: 2.75rem;\n    --brick-reorderable-list-control-radius: var(--brick-radius-control);\n    --brick-reorderable-list-action-gap: var(--brick-space-1);\n    --brick-reorderable-list-content-min-inline-size: 8rem;\n    --brick-reorderable-list-focus-ring: var(--brick-color-focus-ring);\n    --brick-reorderable-list-indicator-color: var(--brick-color-accent-solid);\n    --brick-reorderable-list-indicator-size: 0.1875rem;\n    --brick-reorderable-list-dragging-opacity: 0.82;\n    --brick-reorderable-list-transition-duration: var(--brick-motion-duration-fast);\n    --brick-reorderable-list-horizontal-item-min-inline-size: 22rem;\n\n    box-sizing: border-box;\n    display: grid;\n    gap: var(--brick-reorderable-list-gap);\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .brick-reorderable-list[data-orientation=\"horizontal\"] {\n    grid-auto-columns: minmax(var(--brick-reorderable-list-horizontal-item-min-inline-size), 1fr);\n    grid-auto-flow: column;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-reorderable-list__item {\n    position: relative;\n    isolation: isolate;\n    box-sizing: border-box;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--brick-reorderable-list-item-gap);\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-reorderable-list-item-padding-block);\n    padding-inline: var(--brick-reorderable-list-item-padding-inline);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-reorderable-list-item-radius);\n    background: var(--brick-reorderable-list-item-background);\n    color: var(--brick-color-text-primary);\n    transition:\n      background-color var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard),\n      border-color var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard),\n      opacity var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard);\n  }\n\n  .brick-reorderable-list[data-variant=\"outline\"] > .brick-reorderable-list__item {\n    border-color: var(--brick-reorderable-list-item-border);\n  }\n\n  .brick-reorderable-list[data-variant=\"soft\"] > .brick-reorderable-list__item {\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-reorderable-list__item[data-drop-target] {\n    background: var(--brick-reorderable-list-target-background);\n  }\n\n  .brick-reorderable-list__item[data-dragging] {\n    z-index: 2;\n    box-shadow: var(--brick-reorderable-list-item-shadow);\n    opacity: var(--brick-reorderable-list-dragging-opacity);\n  }\n\n  .brick-reorderable-list__item[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    opacity: 0.55;\n  }\n\n  .brick-reorderable-list__content {\n    flex: 1 1 var(--brick-reorderable-list-content-min-inline-size);\n    min-inline-size: min(100%, var(--brick-reorderable-list-content-min-inline-size));\n    max-inline-size: 100%;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-reorderable-list__actions {\n    display: flex;\n    flex: none;\n    align-items: center;\n    justify-content: end;\n    gap: var(--brick-reorderable-list-action-gap);\n    min-inline-size: 0;\n    margin-inline-start: auto;\n  }\n\n  .brick-reorderable-list__handle,\n  .brick-reorderable-list__move {\n    display: inline-flex;\n    box-sizing: border-box;\n    inline-size: var(--brick-reorderable-list-control-size);\n    min-inline-size: var(--brick-reorderable-list-control-size);\n    block-size: var(--brick-reorderable-list-control-size);\n    min-block-size: var(--brick-reorderable-list-control-size);\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-reorderable-list-control-radius);\n    appearance: none;\n    background: var(--brick-reorderable-list-handle-background);\n    color: var(--brick-reorderable-list-control-foreground);\n    font: inherit;\n    user-select: none;\n    touch-action: none;\n  }\n\n  .brick-reorderable-list__move { touch-action: manipulation; }\n\n  .brick-reorderable-list__handle:not([data-disabled]),\n  .brick-reorderable-list__move:not(:disabled) { cursor: pointer; }\n\n  .brick-reorderable-list__handle:not([data-disabled]):hover,\n  .brick-reorderable-list__move:not(:disabled):hover {\n    background: var(--brick-reorderable-list-handle-background-hover);\n    color: var(--brick-reorderable-list-control-foreground-hover);\n  }\n\n  .brick-reorderable-list__handle:focus-visible,\n  .brick-reorderable-list__move:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-reorderable-list-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-reorderable-list__handle[data-disabled],\n  .brick-reorderable-list__move:disabled {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  .brick-reorderable-list__drop-indicator {\n    position: absolute;\n    z-index: 3;\n    pointer-events: none;\n    background: var(--brick-reorderable-list-indicator-color);\n    border-radius: var(--brick-radius-full);\n  }\n\n  .brick-reorderable-list__drop-indicator[data-state=\"inactive\"] { display: none; }\n\n  .brick-reorderable-list[data-orientation=\"vertical\"] .brick-reorderable-list__drop-indicator {\n    inset-inline: 0;\n    block-size: var(--brick-reorderable-list-indicator-size);\n  }\n\n  .brick-reorderable-list[data-orientation=\"vertical\"] .brick-reorderable-list__drop-indicator[data-position=\"before\"] { inset-block-start: calc(var(--brick-reorderable-list-gap) / -2); }\n  .brick-reorderable-list[data-orientation=\"vertical\"] .brick-reorderable-list__drop-indicator[data-position=\"after\"] { inset-block-end: calc(var(--brick-reorderable-list-gap) / -2); }\n\n  .brick-reorderable-list[data-orientation=\"horizontal\"] .brick-reorderable-list__drop-indicator {\n    inset-block: 0;\n    inline-size: var(--brick-reorderable-list-indicator-size);\n  }\n\n  .brick-reorderable-list[data-orientation=\"horizontal\"] .brick-reorderable-list__drop-indicator[data-position=\"before\"] { inset-inline-start: calc(var(--brick-reorderable-list-gap) / -2); }\n  .brick-reorderable-list[data-orientation=\"horizontal\"] .brick-reorderable-list__drop-indicator[data-position=\"after\"] { inset-inline-end: calc(var(--brick-reorderable-list-gap) / -2); }\n\n  .brick-reorderable-list[data-size=\"sm\"] {\n    --brick-reorderable-list-gap: var(--brick-space-2);\n    --brick-reorderable-list-item-padding-block: var(--brick-space-2);\n    --brick-reorderable-list-item-padding-inline: var(--brick-space-2);\n    --brick-reorderable-list-item-gap: var(--brick-space-2);\n  }\n\n  .brick-reorderable-list[data-size=\"lg\"] {\n    --brick-reorderable-list-gap: var(--brick-space-4);\n    --brick-reorderable-list-item-padding-block: var(--brick-space-4);\n    --brick-reorderable-list-item-padding-inline: var(--brick-space-4);\n    --brick-reorderable-list-item-gap: var(--brick-space-4);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-reorderable-list__item { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-reorderable-list__item,\n    .brick-reorderable-list[data-variant=\"outline\"] > .brick-reorderable-list__item { border-color: CanvasText; }\n    .brick-reorderable-list__item[data-drop-target] { outline: 2px dashed Highlight; }\n    .brick-reorderable-list__handle:focus-visible,\n    .brick-reorderable-list__move:focus-visible { outline-color: Highlight; }\n    .brick-reorderable-list__drop-indicator { background: Highlight; }\n  }\n}\n"],"names":[]}

package/dist/styles/scroll-area.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-scroll-area{--brick-scroll-area-scrollbar-thumb:var(--brick-color-border-strong);--brick-scroll-area-scrollbar-track:transparent;min-block-size:0;min-inline-size:0}.brick-scroll-area-viewport{box-sizing:border-box;scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);scrollbar-width:auto;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0}.brick-scroll-area-viewport[data-orientation=vertical]{overflow:hidden auto}.brick-scroll-area-viewport[data-orientation=horizontal]{overflow:auto hidden}.brick-scroll-area-viewport[data-orientation=both]{overflow:auto}.brick-scroll-area[data-scrollbar-gutter=stable]>.brick-scroll-area-viewport{scrollbar-gutter:stable}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=vertical]{overflow-y:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=horizontal]{overflow-x:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=both]{overflow:scroll}.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:transparent transparent}.brick-scroll-area[data-scrollbar-visibility=interaction]:is(:hover,:focus-within)>.brick-scroll-area-viewport{scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track)}.brick-scroll-area-viewport:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:calc(-1 * var(--brick-border-focus-width))}@media (forced-colors:active){.brick-scroll-area-viewport,.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:auto}.brick-scroll-area-viewport:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-scroll-area{--brick-scroll-area-scrollbar-thumb:var(--brick-color-border-strong);--brick-scroll-area-scrollbar-track:transparent;min-block-size:0;min-inline-size:0}.brick-scroll-area-viewport{box-sizing:border-box;scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);scrollbar-width:auto;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0}.brick-scroll-area-viewport[data-orientation=vertical]{overflow:hidden auto}.brick-scroll-area-viewport[data-orientation=horizontal]{overflow:auto hidden}.brick-scroll-area-viewport[data-orientation=both]{overflow:auto}.brick-scroll-area[data-scrollbar-gutter=stable]>.brick-scroll-area-viewport{scrollbar-gutter:stable}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=vertical]{overflow-y:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=horizontal]{overflow-x:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=both]{overflow:scroll}.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:transparent transparent}.brick-scroll-area[data-scrollbar-visibility=interaction]:is(:hover,:focus-within)>.brick-scroll-area-viewport{scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track)}.brick-scroll-area-viewport:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:calc(-1 * var(--brick-border-focus-width))}@media (forced-colors:active){.brick-scroll-area-viewport,.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:auto}.brick-scroll-area-viewport:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=scroll-area.css.map */

package/dist/styles/scroll-area.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,2KAQA,6OAUA,4EACA,8EACA,iEAEA,qGACA,8HACA,gIACA,wHACA,8HACA,iNAIA,gLAKA,8BACE,uIAEA,oEDxCJ","sources":["home/runner/work/brick/brick/.brick-cache/production/scroll-area.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/scroll-area/scroll-area.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/scroll-area/scroll-area.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-scroll-area {\n    --brick-scroll-area-scrollbar-thumb: var(--brick-color-border-strong);\n    --brick-scroll-area-scrollbar-track: transparent;\n\n    min-inline-size: 0;\n    min-block-size: 0;\n  }\n\n  .brick-scroll-area-viewport {\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    min-inline-size: 0;\n    min-block-size: 0;\n    scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n    scrollbar-width: auto;\n  }\n\n  .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-x: hidden; overflow-y: auto; }\n  .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: auto; overflow-y: hidden; }\n  .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: auto; }\n\n  .brick-scroll-area[data-scrollbar-gutter=\"stable\"] > .brick-scroll-area-viewport { scrollbar-gutter: stable; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-y: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: transparent transparent; }\n  .brick-scroll-area[data-scrollbar-visibility=\"interaction\"]:is(:hover, :focus-within) > .brick-scroll-area-viewport {\n    scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n  }\n\n  .brick-scroll-area-viewport:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  @media (forced-colors: active) {\n    .brick-scroll-area-viewport,\n    .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: auto; }\n    .brick-scroll-area-viewport:focus-visible { outline-color: Highlight; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,2KAQA,6OAUA,4EACA,8EACA,iEAEA,qGACA,8HACA,gIACA,wHACA,8HACA,iNAIA,gLAKA,8BACE,uIAEA,oEDxCJ","sources":["home/runner/work/brick/brick/.brick-cache/production/scroll-area.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/scroll-area/scroll-area.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/scroll-area/scroll-area.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-scroll-area {\n    --brick-scroll-area-scrollbar-thumb: var(--brick-color-border-strong);\n    --brick-scroll-area-scrollbar-track: transparent;\n\n    min-inline-size: 0;\n    min-block-size: 0;\n  }\n\n  .brick-scroll-area-viewport {\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    min-inline-size: 0;\n    min-block-size: 0;\n    scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n    scrollbar-width: auto;\n  }\n\n  .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-x: hidden; overflow-y: auto; }\n  .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: auto; overflow-y: hidden; }\n  .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: auto; }\n\n  .brick-scroll-area[data-scrollbar-gutter=\"stable\"] > .brick-scroll-area-viewport { scrollbar-gutter: stable; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-y: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: transparent transparent; }\n  .brick-scroll-area[data-scrollbar-visibility=\"interaction\"]:is(:hover, :focus-within) > .brick-scroll-area-viewport {\n    scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n  }\n\n  .brick-scroll-area-viewport:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  @media (forced-colors: active) {\n    .brick-scroll-area-viewport,\n    .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: auto; }\n    .brick-scroll-area-viewport:focus-visible { outline-color: Highlight; }\n  }\n}\n"],"names":[]}

package/dist/styles/section.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-section{--brick-section-space-none:0rem;--brick-section-space-sm:clamp(2rem, 4vw, 3rem);--brick-section-space-md:clamp(3rem, 6vw, 5rem);--brick-section-space-lg:clamp(4rem, 8vw, 7rem);--brick-section-space-xl:clamp(5rem, 10vw, 9rem);--brick-section-space-2xl:clamp(6rem, 12vw, 12rem);--brick-section-spacing:var(--brick-section-space-md);--brick-section-start-spacing:var(--brick-section-spacing);--brick-section-end-spacing:var(--brick-section-spacing);box-sizing:border-box;min-inline-size:0}.brick-section[data-spacing]{padding-block:var(--brick-section-start-spacing) var(--brick-section-end-spacing)}.brick-section[data-spacing=none]{--brick-section-spacing:var(--brick-section-space-none)}.brick-section[data-spacing=sm]{--brick-section-spacing:var(--brick-section-space-sm)}.brick-section[data-spacing=lg]{--brick-section-spacing:var(--brick-section-space-lg)}.brick-section[data-spacing=xl]{--brick-section-spacing:var(--brick-section-space-xl)}.brick-section[data-spacing="2xl"]{--brick-section-spacing:var(--brick-section-space-2xl)}.brick-section[data-start-spacing=none]{--brick-section-start-spacing:var(--brick-section-space-none)}.brick-section[data-start-spacing=sm]{--brick-section-start-spacing:var(--brick-section-space-sm)}.brick-section[data-start-spacing=md]{--brick-section-start-spacing:var(--brick-section-space-md)}.brick-section[data-start-spacing=lg]{--brick-section-start-spacing:var(--brick-section-space-lg)}.brick-section[data-start-spacing=xl]{--brick-section-start-spacing:var(--brick-section-space-xl)}.brick-section[data-start-spacing="2xl"]{--brick-section-start-spacing:var(--brick-section-space-2xl)}.brick-section[data-end-spacing=none]{--brick-section-end-spacing:var(--brick-section-space-none)}.brick-section[data-end-spacing=sm]{--brick-section-end-spacing:var(--brick-section-space-sm)}.brick-section[data-end-spacing=md]{--brick-section-end-spacing:var(--brick-section-space-md)}.brick-section[data-end-spacing=lg]{--brick-section-end-spacing:var(--brick-section-space-lg)}.brick-section[data-end-spacing=xl]{--brick-section-end-spacing:var(--brick-section-space-xl)}.brick-section[data-end-spacing="2xl"]{--brick-section-end-spacing:var(--brick-section-space-2xl)}@media (width>=30rem){.brick-section[data-spacing-sm=none]{--brick-section-spacing:var(--brick-section-space-none)}.brick-section[data-spacing-sm=sm]{--brick-section-spacing:var(--brick-section-space-sm)}.brick-section[data-spacing-sm=md]{--brick-section-spacing:var(--brick-section-space-md)}.brick-section[data-spacing-sm=lg]{--brick-section-spacing:var(--brick-section-space-lg)}.brick-section[data-spacing-sm=xl]{--brick-section-spacing:var(--brick-section-space-xl)}.brick-section[data-spacing-sm="2xl"]{--brick-section-spacing:var(--brick-section-space-2xl)}.brick-section[data-start-spacing-sm=none]{--brick-section-start-spacing:var(--brick-section-space-none)}.brick-section[data-start-spacing-sm=sm]{--brick-section-start-spacing:var(--brick-section-space-sm)}.brick-section[data-start-spacing-sm=md]{--brick-section-start-spacing:var(--brick-section-space-md)}.brick-section[data-start-spacing-sm=lg]{--brick-section-start-spacing:var(--brick-section-space-lg)}.brick-section[data-start-spacing-sm=xl]{--brick-section-start-spacing:var(--brick-section-space-xl)}.brick-section[data-start-spacing-sm="2xl"]{--brick-section-start-spacing:var(--brick-section-space-2xl)}.brick-section[data-end-spacing-sm=none]{--brick-section-end-spacing:var(--brick-section-space-none)}.brick-section[data-end-spacing-sm=sm]{--brick-section-end-spacing:var(--brick-section-space-sm)}.brick-section[data-end-spacing-sm=md]{--brick-section-end-spacing:var(--brick-section-space-md)}.brick-section[data-end-spacing-sm=lg]{--brick-section-end-spacing:var(--brick-section-space-lg)}.brick-section[data-end-spacing-sm=xl]{--brick-section-end-spacing:var(--brick-section-space-xl)}.brick-section[data-end-spacing-sm="2xl"]{--brick-section-end-spacing:var(--brick-section-space-2xl)}}@media (width>=48rem){.brick-section[data-spacing-md=none]{--brick-section-spacing:var(--brick-section-space-none)}.brick-section[data-spacing-md=sm]{--brick-section-spacing:var(--brick-section-space-sm)}.brick-section[data-spacing-md=md]{--brick-section-spacing:var(--brick-section-space-md)}.brick-section[data-spacing-md=lg]{--brick-section-spacing:var(--brick-section-space-lg)}.brick-section[data-spacing-md=xl]{--brick-section-spacing:var(--brick-section-space-xl)}.brick-section[data-spacing-md="2xl"]{--brick-section-spacing:var(--brick-section-space-2xl)}.brick-section[data-start-spacing-md=none]{--brick-section-start-spacing:var(--brick-section-space-none)}.brick-section[data-start-spacing-md=sm]{--brick-section-start-spacing:var(--brick-section-space-sm)}.brick-section[data-start-spacing-md=md]{--brick-section-start-spacing:var(--brick-section-space-md)}.brick-section[data-start-spacing-md=lg]{--brick-section-start-spacing:var(--brick-section-space-lg)}.brick-section[data-start-spacing-md=xl]{--brick-section-start-spacing:var(--brick-section-space-xl)}.brick-section[data-start-spacing-md="2xl"]{--brick-section-start-spacing:var(--brick-section-space-2xl)}.brick-section[data-end-spacing-md=none]{--brick-section-end-spacing:var(--brick-section-space-none)}.brick-section[data-end-spacing-md=sm]{--brick-section-end-spacing:var(--brick-section-space-sm)}.brick-section[data-end-spacing-md=md]{--brick-section-end-spacing:var(--brick-section-space-md)}.brick-section[data-end-spacing-md=lg]{--brick-section-end-spacing:var(--brick-section-space-lg)}.brick-section[data-end-spacing-md=xl]{--brick-section-end-spacing:var(--brick-section-space-xl)}.brick-section[data-end-spacing-md="2xl"]{--brick-section-end-spacing:var(--brick-section-space-2xl)}}@media (width>=64rem){.brick-section[data-spacing-lg=none]{--brick-section-spacing:var(--brick-section-space-none)}.brick-section[data-spacing-lg=sm]{--brick-section-spacing:var(--brick-section-space-sm)}.brick-section[data-spacing-lg=md]{--brick-section-spacing:var(--brick-section-space-md)}.brick-section[data-spacing-lg=lg]{--brick-section-spacing:var(--brick-section-space-lg)}.brick-section[data-spacing-lg=xl]{--brick-section-spacing:var(--brick-section-space-xl)}.brick-section[data-spacing-lg="2xl"]{--brick-section-spacing:var(--brick-section-space-2xl)}.brick-section[data-start-spacing-lg=none]{--brick-section-start-spacing:var(--brick-section-space-none)}.brick-section[data-start-spacing-lg=sm]{--brick-section-start-spacing:var(--brick-section-space-sm)}.brick-section[data-start-spacing-lg=md]{--brick-section-start-spacing:var(--brick-section-space-md)}.brick-section[data-start-spacing-lg=lg]{--brick-section-start-spacing:var(--brick-section-space-lg)}.brick-section[data-start-spacing-lg=xl]{--brick-section-start-spacing:var(--brick-section-space-xl)}.brick-section[data-start-spacing-lg="2xl"]{--brick-section-start-spacing:var(--brick-section-space-2xl)}.brick-section[data-end-spacing-lg=none]{--brick-section-end-spacing:var(--brick-section-space-none)}.brick-section[data-end-spacing-lg=sm]{--brick-section-end-spacing:var(--brick-section-space-sm)}.brick-section[data-end-spacing-lg=md]{--brick-section-end-spacing:var(--brick-section-space-md)}.brick-section[data-end-spacing-lg=lg]{--brick-section-end-spacing:var(--brick-section-space-lg)}.brick-section[data-end-spacing-lg=xl]{--brick-section-end-spacing:var(--brick-section-space-xl)}.brick-section[data-end-spacing-lg="2xl"]{--brick-section-end-spacing:var(--brick-section-space-2xl)}}@media (width>=80rem){.brick-section[data-spacing-xl=none]{--brick-section-spacing:var(--brick-section-space-none)}.brick-section[data-spacing-xl=sm]{--brick-section-spacing:var(--brick-section-space-sm)}.brick-section[data-spacing-xl=md]{--brick-section-spacing:var(--brick-section-space-md)}.brick-section[data-spacing-xl=lg]{--brick-section-spacing:var(--brick-section-space-lg)}.brick-section[data-spacing-xl=xl]{--brick-section-spacing:var(--brick-section-space-xl)}.brick-section[data-spacing-xl="2xl"]{--brick-section-spacing:var(--brick-section-space-2xl)}.brick-section[data-start-spacing-xl=none]{--brick-section-start-spacing:var(--brick-section-space-none)}.brick-section[data-start-spacing-xl=sm]{--brick-section-start-spacing:var(--brick-section-space-sm)}.brick-section[data-start-spacing-xl=md]{--brick-section-start-spacing:var(--brick-section-space-md)}.brick-section[data-start-spacing-xl=lg]{--brick-section-start-spacing:var(--brick-section-space-lg)}.brick-section[data-start-spacing-xl=xl]{--brick-section-start-spacing:var(--brick-section-space-xl)}.brick-section[data-start-spacing-xl="2xl"]{--brick-section-start-spacing:var(--brick-section-space-2xl)}.brick-section[data-end-spacing-xl=none]{--brick-section-end-spacing:var(--brick-section-space-none)}.brick-section[data-end-spacing-xl=sm]{--brick-section-end-spacing:var(--brick-section-space-sm)}.brick-section[data-end-spacing-xl=md]{--brick-section-end-spacing:var(--brick-section-space-md)}.brick-section[data-end-spacing-xl=lg]{--brick-section-end-spacing:var(--brick-section-space-lg)}.brick-section[data-end-spacing-xl=xl]{--brick-section-end-spacing:var(--brick-section-space-xl)}.brick-section[data-end-spacing-xl="2xl"]{--brick-section-end-spacing:var(--brick-section-space-2xl)}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-section{--brick-section-space-none:0rem;--brick-section-space-sm:clamp(2rem, 4vw, 3rem);--brick-section-space-md:clamp(3rem, 6vw, 5rem);--brick-section-space-lg:clamp(4rem, 8vw, 7rem);--brick-section-space-xl:clamp(5rem, 10vw, 9rem);--brick-section-space-2xl:clamp(6rem, 12vw, 12rem);--brick-section-spacing:var(--brick-section-space-md);--brick-section-start-spacing:var(--brick-section-spacing);--brick-section-end-spacing:var(--brick-section-spacing);box-sizing:border-box;min-inline-size:0}.brick-section[data-spacing]{padding-block:var(--brick-section-start-spacing) var(--brick-section-end-spacing)}.brick-section[data-spacing=none]{--brick-section-spacing:var(--brick-section-space-none)}.brick-section[data-spacing=sm]{--brick-section-spacing:var(--brick-section-space-sm)}.brick-section[data-spacing=lg]{--brick-section-spacing:var(--brick-section-space-lg)}.brick-section[data-spacing=xl]{--brick-section-spacing:var(--brick-section-space-xl)}.brick-section[data-spacing="2xl"]{--brick-section-spacing:var(--brick-section-space-2xl)}.brick-section[data-start-spacing=none]{--brick-section-start-spacing:var(--brick-section-space-none)}.brick-section[data-start-spacing=sm]{--brick-section-start-spacing:var(--brick-section-space-sm)}.brick-section[data-start-spacing=md]{--brick-section-start-spacing:var(--brick-section-space-md)}.brick-section[data-start-spacing=lg]{--brick-section-start-spacing:var(--brick-section-space-lg)}.brick-section[data-start-spacing=xl]{--brick-section-start-spacing:var(--brick-section-space-xl)}.brick-section[data-start-spacing="2xl"]{--brick-section-start-spacing:var(--brick-section-space-2xl)}.brick-section[data-end-spacing=none]{--brick-section-end-spacing:var(--brick-section-space-none)}.brick-section[data-end-spacing=sm]{--brick-section-end-spacing:var(--brick-section-space-sm)}.brick-section[data-end-spacing=md]{--brick-section-end-spacing:var(--brick-section-space-md)}.brick-section[data-end-spacing=lg]{--brick-section-end-spacing:var(--brick-section-space-lg)}.brick-section[data-end-spacing=xl]{--brick-section-end-spacing:var(--brick-section-space-xl)}.brick-section[data-end-spacing="2xl"]{--brick-section-end-spacing:var(--brick-section-space-2xl)}@media (width>=30rem){.brick-section[data-spacing-sm=none]{--brick-section-spacing:var(--brick-section-space-none)}.brick-section[data-spacing-sm=sm]{--brick-section-spacing:var(--brick-section-space-sm)}.brick-section[data-spacing-sm=md]{--brick-section-spacing:var(--brick-section-space-md)}.brick-section[data-spacing-sm=lg]{--brick-section-spacing:var(--brick-section-space-lg)}.brick-section[data-spacing-sm=xl]{--brick-section-spacing:var(--brick-section-space-xl)}.brick-section[data-spacing-sm="2xl"]{--brick-section-spacing:var(--brick-section-space-2xl)}.brick-section[data-start-spacing-sm=none]{--brick-section-start-spacing:var(--brick-section-space-none)}.brick-section[data-start-spacing-sm=sm]{--brick-section-start-spacing:var(--brick-section-space-sm)}.brick-section[data-start-spacing-sm=md]{--brick-section-start-spacing:var(--brick-section-space-md)}.brick-section[data-start-spacing-sm=lg]{--brick-section-start-spacing:var(--brick-section-space-lg)}.brick-section[data-start-spacing-sm=xl]{--brick-section-start-spacing:var(--brick-section-space-xl)}.brick-section[data-start-spacing-sm="2xl"]{--brick-section-start-spacing:var(--brick-section-space-2xl)}.brick-section[data-end-spacing-sm=none]{--brick-section-end-spacing:var(--brick-section-space-none)}.brick-section[data-end-spacing-sm=sm]{--brick-section-end-spacing:var(--brick-section-space-sm)}.brick-section[data-end-spacing-sm=md]{--brick-section-end-spacing:var(--brick-section-space-md)}.brick-section[data-end-spacing-sm=lg]{--brick-section-end-spacing:var(--brick-section-space-lg)}.brick-section[data-end-spacing-sm=xl]{--brick-section-end-spacing:var(--brick-section-space-xl)}.brick-section[data-end-spacing-sm="2xl"]{--brick-section-end-spacing:var(--brick-section-space-2xl)}}@media (width>=48rem){.brick-section[data-spacing-md=none]{--brick-section-spacing:var(--brick-section-space-none)}.brick-section[data-spacing-md=sm]{--brick-section-spacing:var(--brick-section-space-sm)}.brick-section[data-spacing-md=md]{--brick-section-spacing:var(--brick-section-space-md)}.brick-section[data-spacing-md=lg]{--brick-section-spacing:var(--brick-section-space-lg)}.brick-section[data-spacing-md=xl]{--brick-section-spacing:var(--brick-section-space-xl)}.brick-section[data-spacing-md="2xl"]{--brick-section-spacing:var(--brick-section-space-2xl)}.brick-section[data-start-spacing-md=none]{--brick-section-start-spacing:var(--brick-section-space-none)}.brick-section[data-start-spacing-md=sm]{--brick-section-start-spacing:var(--brick-section-space-sm)}.brick-section[data-start-spacing-md=md]{--brick-section-start-spacing:var(--brick-section-space-md)}.brick-section[data-start-spacing-md=lg]{--brick-section-start-spacing:var(--brick-section-space-lg)}.brick-section[data-start-spacing-md=xl]{--brick-section-start-spacing:var(--brick-section-space-xl)}.brick-section[data-start-spacing-md="2xl"]{--brick-section-start-spacing:var(--brick-section-space-2xl)}.brick-section[data-end-spacing-md=none]{--brick-section-end-spacing:var(--brick-section-space-none)}.brick-section[data-end-spacing-md=sm]{--brick-section-end-spacing:var(--brick-section-space-sm)}.brick-section[data-end-spacing-md=md]{--brick-section-end-spacing:var(--brick-section-space-md)}.brick-section[data-end-spacing-md=lg]{--brick-section-end-spacing:var(--brick-section-space-lg)}.brick-section[data-end-spacing-md=xl]{--brick-section-end-spacing:var(--brick-section-space-xl)}.brick-section[data-end-spacing-md="2xl"]{--brick-section-end-spacing:var(--brick-section-space-2xl)}}@media (width>=64rem){.brick-section[data-spacing-lg=none]{--brick-section-spacing:var(--brick-section-space-none)}.brick-section[data-spacing-lg=sm]{--brick-section-spacing:var(--brick-section-space-sm)}.brick-section[data-spacing-lg=md]{--brick-section-spacing:var(--brick-section-space-md)}.brick-section[data-spacing-lg=lg]{--brick-section-spacing:var(--brick-section-space-lg)}.brick-section[data-spacing-lg=xl]{--brick-section-spacing:var(--brick-section-space-xl)}.brick-section[data-spacing-lg="2xl"]{--brick-section-spacing:var(--brick-section-space-2xl)}.brick-section[data-start-spacing-lg=none]{--brick-section-start-spacing:var(--brick-section-space-none)}.brick-section[data-start-spacing-lg=sm]{--brick-section-start-spacing:var(--brick-section-space-sm)}.brick-section[data-start-spacing-lg=md]{--brick-section-start-spacing:var(--brick-section-space-md)}.brick-section[data-start-spacing-lg=lg]{--brick-section-start-spacing:var(--brick-section-space-lg)}.brick-section[data-start-spacing-lg=xl]{--brick-section-start-spacing:var(--brick-section-space-xl)}.brick-section[data-start-spacing-lg="2xl"]{--brick-section-start-spacing:var(--brick-section-space-2xl)}.brick-section[data-end-spacing-lg=none]{--brick-section-end-spacing:var(--brick-section-space-none)}.brick-section[data-end-spacing-lg=sm]{--brick-section-end-spacing:var(--brick-section-space-sm)}.brick-section[data-end-spacing-lg=md]{--brick-section-end-spacing:var(--brick-section-space-md)}.brick-section[data-end-spacing-lg=lg]{--brick-section-end-spacing:var(--brick-section-space-lg)}.brick-section[data-end-spacing-lg=xl]{--brick-section-end-spacing:var(--brick-section-space-xl)}.brick-section[data-end-spacing-lg="2xl"]{--brick-section-end-spacing:var(--brick-section-space-2xl)}}@media (width>=80rem){.brick-section[data-spacing-xl=none]{--brick-section-spacing:var(--brick-section-space-none)}.brick-section[data-spacing-xl=sm]{--brick-section-spacing:var(--brick-section-space-sm)}.brick-section[data-spacing-xl=md]{--brick-section-spacing:var(--brick-section-space-md)}.brick-section[data-spacing-xl=lg]{--brick-section-spacing:var(--brick-section-space-lg)}.brick-section[data-spacing-xl=xl]{--brick-section-spacing:var(--brick-section-space-xl)}.brick-section[data-spacing-xl="2xl"]{--brick-section-spacing:var(--brick-section-space-2xl)}.brick-section[data-start-spacing-xl=none]{--brick-section-start-spacing:var(--brick-section-space-none)}.brick-section[data-start-spacing-xl=sm]{--brick-section-start-spacing:var(--brick-section-space-sm)}.brick-section[data-start-spacing-xl=md]{--brick-section-start-spacing:var(--brick-section-space-md)}.brick-section[data-start-spacing-xl=lg]{--brick-section-start-spacing:var(--brick-section-space-lg)}.brick-section[data-start-spacing-xl=xl]{--brick-section-start-spacing:var(--brick-section-space-xl)}.brick-section[data-start-spacing-xl="2xl"]{--brick-section-start-spacing:var(--brick-section-space-2xl)}.brick-section[data-end-spacing-xl=none]{--brick-section-end-spacing:var(--brick-section-space-none)}.brick-section[data-end-spacing-xl=sm]{--brick-section-end-spacing:var(--brick-section-space-sm)}.brick-section[data-end-spacing-xl=md]{--brick-section-end-spacing:var(--brick-section-space-md)}.brick-section[data-end-spacing-xl=lg]{--brick-section-end-spacing:var(--brick-section-space-lg)}.brick-section[data-end-spacing-xl=xl]{--brick-section-end-spacing:var(--brick-section-space-xl)}.brick-section[data-end-spacing-xl="2xl"]{--brick-section-end-spacing:var(--brick-section-space-2xl)}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=section.css.map */

package/dist/styles/section.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,qfAgBA,+GAKA,0FACA,sFACA,sFACA,sFACA,0FAEA,sGACA,kGACA,kGACA,kGACA,kGACA,sGAEA,kGACA,8FACA,8FACA,8FACA,8FACA,kGAEA,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGAGF,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGAGF,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGAGF,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,uGD3HJ","sources":["home/runner/work/brick/brick/.brick-cache/production/section.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/section/section.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/section/section.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-section {\n    --brick-section-space-none: 0rem;\n    --brick-section-space-sm: clamp(2rem, 4vw, 3rem);\n    --brick-section-space-md: clamp(3rem, 6vw, 5rem);\n    --brick-section-space-lg: clamp(4rem, 8vw, 7rem);\n    --brick-section-space-xl: clamp(5rem, 10vw, 9rem);\n    --brick-section-space-2xl: clamp(6rem, 12vw, 12rem);\n    --brick-section-spacing: var(--brick-section-space-md);\n    --brick-section-start-spacing: var(--brick-section-spacing);\n    --brick-section-end-spacing: var(--brick-section-spacing);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n  }\n\n  /* Section owns the block axis even when Surface paints the same host. */\n  .brick-section[data-spacing] {\n    padding-block: var(--brick-section-start-spacing)\n      var(--brick-section-end-spacing);\n  }\n\n  .brick-section[data-spacing=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n  .brick-section[data-spacing=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n  .brick-section[data-spacing=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n  .brick-section[data-spacing=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n  .brick-section[data-spacing=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n\n  .brick-section[data-start-spacing=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n  .brick-section[data-start-spacing=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n  .brick-section[data-start-spacing=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n  .brick-section[data-start-spacing=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n  .brick-section[data-start-spacing=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n  .brick-section[data-start-spacing=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n\n  .brick-section[data-end-spacing=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n  .brick-section[data-end-spacing=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n  .brick-section[data-end-spacing=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n  .brick-section[data-end-spacing=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n  .brick-section[data-end-spacing=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n  .brick-section[data-end-spacing=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n\n  @media (width >= 30rem) {\n    .brick-section[data-spacing-sm=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-sm=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-sm=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-sm=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-sm=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-sm=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-sm=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-sm=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-sm=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-sm=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-sm=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-sm=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-sm=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-sm=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-sm=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-sm=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-sm=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-sm=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-section[data-spacing-md=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-md=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-md=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-md=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-md=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-md=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-md=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-md=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-md=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-md=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-md=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-md=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-md=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-md=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-md=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-md=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-md=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-md=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-section[data-spacing-lg=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-lg=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-lg=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-lg=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-lg=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-lg=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-lg=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-lg=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-lg=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-lg=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-lg=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-lg=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-lg=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-lg=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-lg=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-lg=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-lg=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-lg=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-section[data-spacing-xl=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-xl=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-xl=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-xl=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-xl=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-xl=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-xl=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-xl=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-xl=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-xl=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-xl=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-xl=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-xl=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-xl=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-xl=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-xl=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-xl=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-xl=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,qfAgBA,+GAKA,0FACA,sFACA,sFACA,sFACA,0FAEA,sGACA,kGACA,kGACA,kGACA,kGACA,sGAEA,kGACA,8FACA,8FACA,8FACA,8FACA,kGAEA,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGAGF,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGAGF,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGAGF,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,uGD3HJ","sources":["home/runner/work/brick/brick/.brick-cache/production/section.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/section/section.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/section/section.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-section {\n    --brick-section-space-none: 0rem;\n    --brick-section-space-sm: clamp(2rem, 4vw, 3rem);\n    --brick-section-space-md: clamp(3rem, 6vw, 5rem);\n    --brick-section-space-lg: clamp(4rem, 8vw, 7rem);\n    --brick-section-space-xl: clamp(5rem, 10vw, 9rem);\n    --brick-section-space-2xl: clamp(6rem, 12vw, 12rem);\n    --brick-section-spacing: var(--brick-section-space-md);\n    --brick-section-start-spacing: var(--brick-section-spacing);\n    --brick-section-end-spacing: var(--brick-section-spacing);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n  }\n\n  /* Section owns the block axis even when Surface paints the same host. */\n  .brick-section[data-spacing] {\n    padding-block: var(--brick-section-start-spacing)\n      var(--brick-section-end-spacing);\n  }\n\n  .brick-section[data-spacing=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n  .brick-section[data-spacing=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n  .brick-section[data-spacing=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n  .brick-section[data-spacing=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n  .brick-section[data-spacing=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n\n  .brick-section[data-start-spacing=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n  .brick-section[data-start-spacing=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n  .brick-section[data-start-spacing=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n  .brick-section[data-start-spacing=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n  .brick-section[data-start-spacing=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n  .brick-section[data-start-spacing=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n\n  .brick-section[data-end-spacing=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n  .brick-section[data-end-spacing=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n  .brick-section[data-end-spacing=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n  .brick-section[data-end-spacing=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n  .brick-section[data-end-spacing=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n  .brick-section[data-end-spacing=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n\n  @media (width >= 30rem) {\n    .brick-section[data-spacing-sm=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-sm=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-sm=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-sm=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-sm=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-sm=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-sm=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-sm=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-sm=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-sm=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-sm=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-sm=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-sm=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-sm=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-sm=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-sm=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-sm=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-sm=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-section[data-spacing-md=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-md=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-md=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-md=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-md=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-md=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-md=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-md=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-md=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-md=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-md=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-md=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-md=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-md=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-md=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-md=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-md=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-md=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-section[data-spacing-lg=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-lg=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-lg=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-lg=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-lg=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-lg=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-lg=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-lg=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-lg=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-lg=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-lg=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-lg=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-lg=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-lg=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-lg=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-lg=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-lg=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-lg=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-section[data-spacing-xl=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-xl=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-xl=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-xl=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-xl=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-xl=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-xl=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-xl=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-xl=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-xl=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-xl=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-xl=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-xl=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-xl=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-xl=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-xl=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-xl=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-xl=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n}\n"],"names":[]}

package/dist/styles/segment-group.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-segment-group{--brick-segment-group-min-block-size:var(--brick-control-min-block-size-md);--brick-segment-group-item-padding-inline:var(--brick-space-3);--brick-segment-group-item-gap:var(--brick-space-2);--brick-segment-group-icon-size:1rem;--brick-segment-group-inset:0px;--brick-segment-group-background:var(--brick-color-surface-subtle);--brick-segment-group-border:var(--brick-color-border-default);--brick-segment-group-root-shadow:inset 0 0 0 var(--brick-border-width) var(--brick-segment-group-border);--brick-segment-group-indicator-background:var(--brick-color-surface-raised);--brick-segment-group-indicator-border:var(--brick-color-border-default);--brick-segment-group-indicator-shadow:0 .0625rem .125rem color-mix(in srgb, var(--brick-color-text-primary), transparent 82%);--brick-segment-group-foreground:var(--brick-color-text-secondary);--brick-segment-group-selected-foreground:var(--brick-color-text-primary);--brick-segment-group-focus-ring:var(--brick-color-focus-ring);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-segment-group-min-block-size);padding:var(--brick-segment-group-inset);border-radius:var(--brick-radius-control);background:var(--brick-segment-group-background);box-shadow:var(--brick-segment-group-root-shadow);border:0;align-items:stretch;gap:0;display:inline-flex;position:relative}.brick-segment-group[data-orientation=vertical]{flex-direction:column}.brick-segment-group[data-full-width]{inline-size:100%;display:flex}.brick-segment-group[data-full-width]>.brick-segment-group__item{flex:1 1 0}.brick-segment-group__indicator{z-index:0;inline-size:var(--brick-segment-group-indicator-inline-size,0);block-size:var(--brick-segment-group-indicator-block-size,0);border:var(--brick-border-width) solid var(--brick-segment-group-indicator-border);border-radius:calc(var(--brick-radius-control) - var(--brick-segment-group-inset));background:var(--brick-segment-group-indicator-background);box-shadow:var(--brick-segment-group-indicator-shadow);opacity:0;pointer-events:none;translate:var(--brick-segment-group-indicator-x,0) var(--brick-segment-group-indicator-y,0);transition:translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);position:absolute;inset-block-start:0;inset-inline-start:0}.brick-segment-group__indicator[data-ready]{opacity:1}.brick-segment-group__item{z-index:1;box-sizing:border-box;min-inline-size:0;min-block-size:calc(var(--brick-segment-group-min-block-size) - (2 * var(--brick-segment-group-inset)) - 0px);justify-content:center;align-items:center;gap:var(--brick-segment-group-item-gap);padding-block:var(--brick-space-1);padding-inline:var(--brick-segment-group-item-padding-inline);border-radius:calc(var(--brick-radius-control) - var(--brick-segment-group-inset));appearance:none;color:var(--brick-segment-group-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-typography-control-md-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-typography-control-md-line-height);white-space:nowrap;cursor:pointer;transition:color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);background:0 0;border:0;display:inline-flex;position:relative}.brick-segment-group__item>:where(svg,img,.brick-icon){inline-size:var(--brick-segment-group-icon-size);block-size:var(--brick-segment-group-icon-size);flex:none}.brick-segment-group__item[data-state=checked]{color:var(--brick-segment-group-selected-foreground)}.brick-segment-group__item:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-segment-group-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-segment-group__item[data-disabled]{color:var(--brick-color-text-disabled);cursor:not-allowed}.brick-segment-group__item[data-icon-only]{aspect-ratio:1;padding-inline:0}.brick-segment-group[data-size=sm]{--brick-segment-group-min-block-size:var(--brick-control-min-block-size-sm);--brick-segment-group-item-padding-inline:var(--brick-space-2);--brick-segment-group-item-gap:var(--brick-space-1);--brick-segment-group-icon-size:.875rem}.brick-segment-group[data-size=sm]>.brick-segment-group__item{font-family:var(--brick-typography-control-sm-font-family);font-size:var(--brick-typography-control-sm-font-size);font-weight:var(--brick-typography-control-sm-font-weight);line-height:var(--brick-typography-control-sm-line-height)}.brick-segment-group[data-size=lg]{--brick-segment-group-min-block-size:var(--brick-control-min-block-size-lg);--brick-segment-group-item-padding-inline:var(--brick-space-4);--brick-segment-group-item-gap:var(--brick-space-2);--brick-segment-group-icon-size:1.125rem}.brick-segment-group[data-size=lg]>.brick-segment-group__item{font-family:var(--brick-typography-control-lg-font-family);font-size:var(--brick-typography-control-lg-font-size);font-weight:var(--brick-typography-control-lg-font-weight);line-height:var(--brick-typography-control-lg-line-height)}@media (hover:hover) and (pointer:fine){.brick-segment-group__item:not([data-disabled]):hover{color:var(--brick-color-text-primary)}}@media (prefers-reduced-motion:reduce){.brick-segment-group__indicator{transition:none}}@media (forced-colors:active){.brick-segment-group{box-shadow:inset 0 0 0 var(--brick-border-width) ButtonText;background:canvas}.brick-segment-group__indicator{box-shadow:none;background:highlight;border-color:highlight}.brick-segment-group__item{color:buttontext;forced-color-adjust:none}.brick-segment-group__item[data-state=checked]{color:highlighttext}.brick-segment-group__item:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=segment-group.css.map */

package/dist/styles/segment-group.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,21CAqCA,sEAIA,oEAKA,4EAIA,k8BAuBA,sDAIA,45BA+BA,kKAMA,oGAIA,6KAKA,oGAKA,2EAKA,0QAOA,sSAOA,2QAOA,sSAOA,wCACE,6FAKF,uCACE,iDAKF,8BACE,mGAIA,4FAKA,qEAIA,mEAGA,mED/LJ","sources":["home/runner/work/brick/brick/.brick-cache/production/segment-group.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/segment-group/segment-group.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/segment-group/segment-group.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-segment-group {\n    --brick-segment-group-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-segment-group-item-padding-inline: var(--brick-space-3);\n    --brick-segment-group-item-gap: var(--brick-space-2);\n    --brick-segment-group-icon-size: 1rem;\n    --brick-segment-group-inset: 0px;\n    --brick-segment-group-background: var(--brick-color-surface-subtle);\n    --brick-segment-group-border: var(--brick-color-border-default);\n    --brick-segment-group-root-shadow: inset 0 0 0 var(--brick-border-width)\n      var(--brick-segment-group-border);\n    --brick-segment-group-indicator-background: var(--brick-color-surface-raised);\n    --brick-segment-group-indicator-border: var(--brick-color-border-default);\n    --brick-segment-group-indicator-shadow:\n      0 0.0625rem 0.125rem color-mix(\n        in srgb,\n        var(--brick-color-text-primary),\n        transparent 82%\n      );\n    --brick-segment-group-foreground: var(--brick-color-text-secondary);\n    --brick-segment-group-selected-foreground: var(--brick-color-text-primary);\n    --brick-segment-group-focus-ring: var(--brick-color-focus-ring);\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-segment-group-min-block-size);\n    align-items: stretch;\n    gap: 0;\n    padding: var(--brick-segment-group-inset);\n    border: 0;\n    border-radius: var(--brick-radius-control);\n    background: var(--brick-segment-group-background);\n    box-shadow: var(--brick-segment-group-root-shadow);\n  }\n\n  .brick-segment-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-segment-group[data-full-width] {\n    display: flex;\n    inline-size: 100%;\n  }\n\n  .brick-segment-group[data-full-width] > .brick-segment-group__item {\n    flex: 1 1 0;\n  }\n\n  .brick-segment-group__indicator {\n    position: absolute;\n    z-index: 0;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    inline-size: var(--brick-segment-group-indicator-inline-size, 0);\n    block-size: var(--brick-segment-group-indicator-block-size, 0);\n    border: var(--brick-border-width) solid var(--brick-segment-group-indicator-border);\n    border-radius: calc(var(--brick-radius-control) - var(--brick-segment-group-inset));\n    background: var(--brick-segment-group-indicator-background);\n    box-shadow: var(--brick-segment-group-indicator-shadow);\n    opacity: 0;\n    pointer-events: none;\n    translate:\n      var(--brick-segment-group-indicator-x, 0)\n      var(--brick-segment-group-indicator-y, 0);\n    transition:\n      translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-segment-group__indicator[data-ready] {\n    opacity: 1;\n  }\n\n  .brick-segment-group__item {\n    position: relative;\n    z-index: 1;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: calc(\n      var(--brick-segment-group-min-block-size) -\n      (2 * var(--brick-segment-group-inset)) -\n      0px\n    );\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-segment-group-item-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-segment-group-item-padding-inline);\n    border: 0;\n    border-radius: calc(var(--brick-radius-control) - var(--brick-segment-group-inset));\n    appearance: none;\n    background: transparent;\n    color: var(--brick-segment-group-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-typography-control-md-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-typography-control-md-line-height);\n    white-space: nowrap;\n    cursor: pointer;\n    transition:\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-segment-group__item > :where(svg, img, .brick-icon) {\n    flex: 0 0 auto;\n    inline-size: var(--brick-segment-group-icon-size);\n    block-size: var(--brick-segment-group-icon-size);\n  }\n\n  .brick-segment-group__item[data-state=\"checked\"] {\n    color: var(--brick-segment-group-selected-foreground);\n  }\n\n  .brick-segment-group__item:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-segment-group-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-segment-group__item[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  .brick-segment-group__item[data-icon-only] {\n    aspect-ratio: 1;\n    padding-inline: 0;\n  }\n\n  .brick-segment-group[data-size=\"sm\"] {\n    --brick-segment-group-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-segment-group-item-padding-inline: var(--brick-space-2);\n    --brick-segment-group-item-gap: var(--brick-space-1);\n    --brick-segment-group-icon-size: 0.875rem;\n  }\n\n  .brick-segment-group[data-size=\"sm\"] > .brick-segment-group__item {\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-typography-control-sm-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    line-height: var(--brick-typography-control-sm-line-height);\n  }\n\n  .brick-segment-group[data-size=\"lg\"] {\n    --brick-segment-group-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-segment-group-item-padding-inline: var(--brick-space-4);\n    --brick-segment-group-item-gap: var(--brick-space-2);\n    --brick-segment-group-icon-size: 1.125rem;\n  }\n\n  .brick-segment-group[data-size=\"lg\"] > .brick-segment-group__item {\n    font-family: var(--brick-typography-control-lg-font-family);\n    font-size: var(--brick-typography-control-lg-font-size);\n    font-weight: var(--brick-typography-control-lg-font-weight);\n    line-height: var(--brick-typography-control-lg-line-height);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-segment-group__item:not([data-disabled]):hover {\n      color: var(--brick-color-text-primary);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-segment-group__indicator {\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-segment-group {\n      background: Canvas;\n      box-shadow: inset 0 0 0 var(--brick-border-width) ButtonText;\n    }\n    .brick-segment-group__indicator {\n      border-color: Highlight;\n      background: Highlight;\n      box-shadow: none;\n    }\n    .brick-segment-group__item {\n      color: ButtonText;\n      forced-color-adjust: none;\n    }\n    .brick-segment-group__item[data-state=\"checked\"] {\n      color: HighlightText;\n    }\n    .brick-segment-group__item:focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/select.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-select-trigger{--brick-select-trigger-min-block-size:var(--brick-control-min-block-size-md);--brick-select-trigger-padding-inline:var(--brick-space-3);--brick-select-trigger-gap:var(--brick-space-2);--brick-select-trigger-radius:var(--brick-radius-control);--brick-select-trigger-font-family:var(--brick-typography-field-value-md-font-family);--brick-select-trigger-font-size:var(--brick-typography-field-value-md-font-size);--brick-select-trigger-font-weight:var(--brick-typography-field-value-md-font-weight);--brick-select-trigger-line-height:var(--brick-typography-field-value-md-line-height);--brick-select-trigger-letter-spacing:var(--brick-typography-field-value-md-letter-spacing);--brick-select-trigger-background:var(--brick-color-surface-raised);--brick-select-trigger-foreground:var(--brick-color-text-primary);--brick-select-trigger-placeholder:var(--brick-color-text-muted);--brick-select-trigger-border:var(--brick-color-border-strong);--brick-select-trigger-hover-background:var(--brick-color-surface-base);--brick-select-trigger-hover-border:var(--brick-color-accent-border);--brick-select-trigger-focus-ring:var(--brick-color-focus-ring);--brick-select-trigger-invalid-border:var(--brick-color-danger-text);--brick-select-trigger-disabled-background:var(--brick-color-surface-subtle);--brick-select-trigger-disabled-foreground:var(--brick-color-text-secondary);--brick-select-trigger-disabled-border:var(--brick-color-border-subtle);--brick-select-trigger-readonly-background:var(--brick-color-surface-subtle);--brick-select-icon-size:1.125rem;--brick-select-icon-foreground:var(--brick-color-text-secondary);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-select-trigger-min-block-size);justify-content:space-between;align-items:center;gap:var(--brick-select-trigger-gap);padding-inline:var(--brick-select-trigger-padding-inline);border:var(--brick-border-width) solid var(--brick-select-trigger-border);border-radius:var(--brick-select-trigger-radius);background:var(--brick-select-trigger-background);color:var(--brick-select-trigger-foreground);font-family:var(--brick-select-trigger-font-family);font-size:var(--brick-select-trigger-font-size);font-weight:var(--brick-select-trigger-font-weight);letter-spacing:var(--brick-select-trigger-letter-spacing);line-height:var(--brick-select-trigger-line-height);text-align:start;vertical-align:middle;cursor:pointer;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:inline-flex}.brick-select-trigger[data-full-width]{inline-size:100%}.brick-select-trigger:not([data-full-width]){inline-size:fit-content}.brick-select-trigger[data-variant=soft]{--brick-select-trigger-background:var(--brick-color-surface-subtle);--brick-select-trigger-border:var(--brick-color-border-subtle);--brick-select-trigger-hover-background:var(--brick-color-accent-soft)}.brick-select-trigger[data-variant=underline]{--brick-select-trigger-background:transparent;--brick-select-trigger-radius:0;border-width:0 0 var(--brick-border-width)}.brick-select-trigger[data-shape=sharp]{--brick-select-trigger-radius:0}.brick-select-trigger[data-shape=pill]{--brick-select-trigger-radius:var(--brick-radius-full)}.brick-select-trigger[data-size=sm]{--brick-select-trigger-min-block-size:var(--brick-control-min-block-size-sm);--brick-select-trigger-padding-inline:var(--brick-space-2);--brick-select-trigger-gap:.375rem;--brick-select-icon-size:1rem}.brick-select-trigger[data-size=lg]{--brick-select-trigger-min-block-size:var(--brick-control-min-block-size-lg);--brick-select-trigger-padding-inline:var(--brick-space-4);--brick-select-trigger-gap:var(--brick-space-3);--brick-select-trigger-font-size:var(--brick-typography-field-value-lg-font-size);--brick-select-icon-size:1.25rem}.brick-select-value{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.brick-select-value[data-placeholder]{color:var(--brick-select-trigger-placeholder)}.brick-select-icon{inline-size:var(--brick-select-icon-size);block-size:var(--brick-select-icon-size);color:var(--brick-select-icon-foreground);transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex:none;place-items:center;display:inline-grid}.brick-select-trigger[data-state=open] .brick-select-icon{transform:rotate(180deg)}.brick-select-direction-artwork,.brick-select-check-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:100%;inline-size:100%;display:block;overflow:visible}.brick-select-trigger:focus-visible{border-color:var(--brick-select-trigger-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-select-trigger-focus-ring);outline:0}.brick-select-trigger[data-invalid]{border-color:var(--brick-select-trigger-invalid-border)}.brick-select-trigger[data-disabled]{border-color:var(--brick-select-trigger-disabled-border);background:var(--brick-select-trigger-disabled-background);color:var(--brick-select-trigger-disabled-foreground);cursor:not-allowed}.brick-select-trigger[data-readonly]{background:var(--brick-select-trigger-readonly-background);cursor:default}.brick-select-content{--brick-select-content-background:var(--brick-color-surface-raised);--brick-select-content-foreground:var(--brick-color-text-primary);--brick-select-content-border:var(--brick-color-border-subtle);--brick-select-content-radius:var(--brick-radius-control);--brick-select-content-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-select-content-max-block-size:min(20rem, var(--available-height,20rem));--brick-select-content-padding:var(--brick-space-1);--brick-select-content-z-index:70;--brick-select-item-min-block-size:var(--brick-control-min-block-size-md);--brick-select-item-padding-inline:var(--brick-space-3);--brick-select-item-gap:var(--brick-space-2);--brick-select-item-highlighted-background:var(--brick-color-accent-soft);--brick-select-item-selected-foreground:var(--brick-color-accent-text);--brick-select-item-disabled-foreground:var(--brick-color-text-muted);--brick-select-indicator-size:1rem;--brick-select-label-foreground:var(--brick-color-text-secondary);--brick-select-separator-color:var(--brick-color-border-subtle);--brick-select-scroll-button-block-size:2rem;--brick-select-arrow-size:.625rem;box-sizing:border-box;min-inline-size:var(--anchor-width);max-inline-size:min(28rem, calc(100vw - 2 * var(--brick-space-3)));max-block-size:var(--brick-select-content-max-block-size);border:var(--brick-border-width) solid var(--brick-select-content-border);border-radius:var(--brick-select-content-radius);background:var(--brick-select-content-background);box-shadow:var(--brick-select-content-shadow);color:var(--brick-select-content-foreground);z-index:var(--brick-select-content-z-index);overflow:hidden}.brick-select-content[data-size=sm]{--brick-select-item-min-block-size:var(--brick-control-min-block-size-sm)}.brick-select-content[data-size=lg]{--brick-select-item-min-block-size:var(--brick-control-min-block-size-lg)}.brick-select-viewport{box-sizing:border-box;max-block-size:inherit;padding:var(--brick-select-content-padding);overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.brick-select-group+.brick-select-group{margin-block-start:var(--brick-space-1)}.brick-select-label{padding:var(--brick-space-2) var(--brick-select-item-padding-inline) var(--brick-space-1);color:var(--brick-select-label-foreground);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);line-height:var(--brick-typography-caption-line-height)}.brick-select-item{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-select-item-min-block-size);grid-template-columns:minmax(0, 1fr) var(--brick-select-indicator-size);align-items:center;gap:var(--brick-select-item-gap);padding-inline:var(--brick-select-item-padding-inline);border-radius:calc(var(--brick-select-content-radius) - var(--brick-border-width));cursor:pointer;outline:0;display:grid}.brick-select-item[data-highlighted]{background:var(--brick-select-item-highlighted-background)}.brick-select-item[data-selected]{color:var(--brick-select-item-selected-foreground);font-weight:var(--brick-typography-label-md-font-weight)}.brick-select-item[data-disabled]{color:var(--brick-select-item-disabled-foreground);cursor:not-allowed;opacity:.65}.brick-select-item-text{overflow-wrap:anywhere;min-inline-size:0}.brick-select-item-indicator{inline-size:var(--brick-select-indicator-size);block-size:var(--brick-select-indicator-size);place-items:center;display:inline-grid}.brick-select-separator{block-size:var(--brick-border-width);margin:var(--brick-space-1) var(--brick-select-item-padding-inline);background:var(--brick-select-separator-color)}:where(.brick-select-scroll-up,.brick-select-scroll-down){box-sizing:border-box;inline-size:100%;block-size:var(--brick-select-scroll-button-block-size);padding:var(--brick-space-1);background:var(--brick-select-content-background);color:var(--brick-select-content-foreground);border:0;place-items:center;display:grid}:where(.brick-select-scroll-up,.brick-select-scroll-down) .brick-select-direction-artwork{block-size:1rem;inline-size:1rem}.brick-select-arrow{inline-size:var(--brick-select-arrow-size);block-size:var(--brick-select-arrow-size);pointer-events:none;display:block}.brick-select-arrow-artwork{box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-select-content-border);background:var(--brick-select-content-background);block-size:100%;inline-size:100%;display:block;transform:rotate(45deg)}.brick-select-arrow[data-side=bottom]{transform:translateY(-50%)}.brick-select-arrow[data-side=top]{transform:translateY(50%)}.brick-select-arrow[data-side=left]{transform:translate(50%)}.brick-select-arrow[data-side=right]{transform:translate(-50%)}.brick-select-arrow[data-side=bottom] .brick-select-arrow-artwork{border-bottom:0;border-right:0}.brick-select-arrow[data-side=top] .brick-select-arrow-artwork{border-top:0;border-left:0}.brick-select-arrow[data-side=left] .brick-select-arrow-artwork{border-bottom:0;border-left:0}.brick-select-arrow[data-side=right] .brick-select-arrow-artwork{border-top:0;border-right:0}@media (hover:hover) and (pointer:fine){.brick-select-trigger:not([data-disabled],[data-readonly],[data-invalid]):hover{border-color:var(--brick-select-trigger-hover-border);background:var(--brick-select-trigger-hover-background)}.brick-select-item:not([data-disabled]):hover{background:var(--brick-select-item-highlighted-background)}}@media (prefers-reduced-motion:reduce){.brick-select-trigger,.brick-select-icon{transition-duration:0s}}@media (forced-colors:active){.brick-select-trigger,.brick-select-content{color:canvastext;background:canvas;border-color:buttontext}.brick-select-trigger:focus-visible,.brick-select-item[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:0;box-shadow:none}.brick-select-trigger[data-invalid]{border-color:mark}.brick-select-trigger[data-disabled],.brick-select-item[data-disabled]{color:graytext;border-color:graytext}.brick-select-item[data-selected]{color:highlight}.brick-select-separator{background:buttontext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-select-trigger{--brick-select-trigger-min-block-size:var(--brick-control-min-block-size-md);--brick-select-trigger-padding-inline:var(--brick-space-3);--brick-select-trigger-gap:var(--brick-space-2);--brick-select-trigger-radius:var(--brick-radius-control);--brick-select-trigger-font-family:var(--brick-typography-control-md-font-family);--brick-select-trigger-font-size:var(--brick-typography-control-md-font-size);--brick-select-trigger-font-weight:var(--brick-typography-control-md-font-weight);--brick-select-trigger-line-height:var(--brick-typography-control-md-line-height);--brick-select-trigger-letter-spacing:var(--brick-typography-control-md-letter-spacing);--brick-select-trigger-background:var(--brick-color-surface-raised);--brick-select-trigger-foreground:var(--brick-color-text-primary);--brick-select-trigger-placeholder:var(--brick-color-text-muted);--brick-select-trigger-border:var(--brick-color-border-strong);--brick-select-trigger-hover-background:var(--brick-color-surface-base);--brick-select-trigger-hover-border:var(--brick-color-accent-border);--brick-select-trigger-focus-ring:var(--brick-color-focus-ring);--brick-select-trigger-invalid-border:var(--brick-color-danger-text);--brick-select-trigger-disabled-background:var(--brick-color-surface-subtle);--brick-select-trigger-disabled-foreground:var(--brick-color-text-secondary);--brick-select-trigger-disabled-border:var(--brick-color-border-subtle);--brick-select-trigger-readonly-background:var(--brick-color-surface-subtle);--brick-select-icon-size:1.125rem;--brick-select-icon-foreground:var(--brick-color-text-secondary);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-select-trigger-min-block-size);justify-content:space-between;align-items:center;gap:var(--brick-select-trigger-gap);padding-inline:var(--brick-select-trigger-padding-inline);border:var(--brick-border-width) solid var(--brick-select-trigger-border);border-radius:var(--brick-select-trigger-radius);background:var(--brick-select-trigger-background);color:var(--brick-select-trigger-foreground);font-family:var(--brick-select-trigger-font-family);font-size:var(--brick-select-trigger-font-size);font-weight:var(--brick-select-trigger-font-weight);letter-spacing:var(--brick-select-trigger-letter-spacing);line-height:var(--brick-select-trigger-line-height);text-align:start;vertical-align:middle;cursor:pointer;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:inline-flex}.brick-select-trigger[data-full-width]{inline-size:100%}.brick-select-trigger:not([data-full-width]){inline-size:fit-content}.brick-select-trigger[data-variant=soft]{--brick-select-trigger-background:var(--brick-color-surface-subtle);--brick-select-trigger-border:var(--brick-color-border-subtle);--brick-select-trigger-hover-background:var(--brick-color-accent-soft)}.brick-select-trigger[data-variant=underline]{--brick-select-trigger-background:transparent;--brick-select-trigger-radius:0;border-width:0 0 var(--brick-border-width)}.brick-select-trigger[data-shape=sharp]{--brick-select-trigger-radius:0}.brick-select-trigger[data-shape=pill]{--brick-select-trigger-radius:var(--brick-radius-full)}.brick-select-trigger[data-size=sm]{--brick-select-trigger-min-block-size:var(--brick-control-min-block-size-sm);--brick-select-trigger-padding-inline:var(--brick-space-2);--brick-select-trigger-gap:.375rem;--brick-select-trigger-font-family:var(--brick-typography-control-sm-font-family);--brick-select-trigger-font-size:var(--brick-typography-control-sm-font-size);--brick-select-trigger-font-weight:var(--brick-typography-control-sm-font-weight);--brick-select-trigger-line-height:var(--brick-typography-control-sm-line-height);--brick-select-trigger-letter-spacing:var(--brick-typography-control-sm-letter-spacing);--brick-select-icon-size:1rem}.brick-select-trigger[data-size=lg]{--brick-select-trigger-min-block-size:var(--brick-control-min-block-size-lg);--brick-select-trigger-padding-inline:var(--brick-space-4);--brick-select-trigger-gap:var(--brick-space-3);--brick-select-trigger-font-family:var(--brick-typography-control-lg-font-family);--brick-select-trigger-font-size:var(--brick-typography-control-lg-font-size);--brick-select-trigger-font-weight:var(--brick-typography-control-lg-font-weight);--brick-select-trigger-line-height:var(--brick-typography-control-lg-line-height);--brick-select-trigger-letter-spacing:var(--brick-typography-control-lg-letter-spacing);--brick-select-icon-size:1.25rem}.brick-select-value{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.brick-select-value[data-placeholder]{color:var(--brick-select-trigger-placeholder)}.brick-select-icon{inline-size:var(--brick-select-icon-size);block-size:var(--brick-select-icon-size);color:var(--brick-select-icon-foreground);transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex:none;place-items:center;display:inline-grid}.brick-select-trigger[data-state=open] .brick-select-icon{transform:rotate(180deg)}.brick-select-direction-artwork,.brick-select-check-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:100%;inline-size:100%;display:block;overflow:visible}.brick-select-trigger:focus-visible{border-color:var(--brick-select-trigger-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-select-trigger-focus-ring);outline:0}.brick-select-trigger[data-invalid]{border-color:var(--brick-select-trigger-invalid-border)}.brick-select-trigger[data-disabled]{border-color:var(--brick-select-trigger-disabled-border);background:var(--brick-select-trigger-disabled-background);color:var(--brick-select-trigger-disabled-foreground);cursor:not-allowed}.brick-select-trigger[data-readonly]{background:var(--brick-select-trigger-readonly-background);cursor:default}.brick-select-content{--brick-select-content-background:var(--brick-color-surface-raised);--brick-select-content-foreground:var(--brick-color-text-primary);--brick-select-content-border:var(--brick-color-border-subtle);--brick-select-content-radius:var(--brick-radius-control);--brick-select-content-shadow:var(--brick-shadow-floating);--brick-select-content-max-block-size:min(20rem, var(--available-height,20rem));--brick-select-content-padding:var(--brick-space-1);--brick-select-content-z-index:70;--brick-select-item-min-block-size:var(--brick-control-min-block-size-md);--brick-select-item-padding-inline:var(--brick-space-3);--brick-select-item-gap:var(--brick-space-2);--brick-select-item-highlighted-background:var(--brick-color-accent-soft);--brick-select-item-selected-foreground:var(--brick-color-accent-text);--brick-select-item-disabled-foreground:var(--brick-color-text-muted);--brick-select-indicator-size:1rem;--brick-select-label-foreground:var(--brick-color-text-secondary);--brick-select-separator-color:var(--brick-color-border-subtle);--brick-select-scroll-button-block-size:2rem;--brick-select-arrow-size:.625rem;box-sizing:border-box;min-inline-size:var(--anchor-width);max-inline-size:min(28rem, calc(100vw - 2 * var(--brick-space-3)));max-block-size:var(--brick-select-content-max-block-size);border:var(--brick-border-width) solid var(--brick-select-content-border);border-radius:var(--brick-select-content-radius);background:var(--brick-select-content-background);box-shadow:var(--brick-select-content-shadow);color:var(--brick-select-content-foreground);z-index:var(--brick-select-content-z-index);overflow:hidden}.brick-select-content[data-size=sm]{--brick-select-item-min-block-size:var(--brick-control-min-block-size-sm)}.brick-select-content[data-size=lg]{--brick-select-item-min-block-size:var(--brick-control-min-block-size-lg)}.brick-select-viewport{box-sizing:border-box;max-block-size:inherit;padding:var(--brick-select-content-padding);overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.brick-select-group+.brick-select-group{margin-block-start:var(--brick-space-1)}.brick-select-label{padding:var(--brick-space-2) var(--brick-select-item-padding-inline) var(--brick-space-1);color:var(--brick-select-label-foreground);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);line-height:var(--brick-typography-caption-line-height)}.brick-select-item{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-select-item-min-block-size);grid-template-columns:minmax(0, 1fr) var(--brick-select-indicator-size);align-items:center;gap:var(--brick-select-item-gap);padding-inline:var(--brick-select-item-padding-inline);border-radius:calc(var(--brick-select-content-radius) - var(--brick-border-width));cursor:pointer;outline:0;display:grid}.brick-select-item[data-highlighted]{background:var(--brick-select-item-highlighted-background)}.brick-select-item[data-selected]{color:var(--brick-select-item-selected-foreground);font-weight:var(--brick-typography-label-md-font-weight)}.brick-select-item[data-disabled]{color:var(--brick-select-item-disabled-foreground);cursor:not-allowed;opacity:.65}.brick-select-item-text{overflow-wrap:anywhere;min-inline-size:0}.brick-select-item-indicator{inline-size:var(--brick-select-indicator-size);block-size:var(--brick-select-indicator-size);place-items:center;display:inline-grid}.brick-select-separator{block-size:var(--brick-border-width);margin:var(--brick-space-1) var(--brick-select-item-padding-inline);background:var(--brick-select-separator-color)}:where(.brick-select-scroll-up,.brick-select-scroll-down){box-sizing:border-box;inline-size:100%;block-size:var(--brick-select-scroll-button-block-size);padding:var(--brick-space-1);background:var(--brick-select-content-background);color:var(--brick-select-content-foreground);border:0;place-items:center;display:grid}:where(.brick-select-scroll-up,.brick-select-scroll-down) .brick-select-direction-artwork{block-size:1rem;inline-size:1rem}.brick-select-arrow{inline-size:var(--brick-select-arrow-size);block-size:var(--brick-select-arrow-size);pointer-events:none;display:block}.brick-select-arrow-artwork{box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-select-content-border);background:var(--brick-select-content-background);block-size:100%;inline-size:100%;display:block;transform:rotate(45deg)}.brick-select-arrow[data-side=bottom]{transform:translateY(-50%)}.brick-select-arrow[data-side=top]{transform:translateY(50%)}.brick-select-arrow[data-side=left]{transform:translate(50%)}.brick-select-arrow[data-side=right]{transform:translate(-50%)}.brick-select-arrow[data-side=bottom] .brick-select-arrow-artwork{border-bottom:0;border-right:0}.brick-select-arrow[data-side=top] .brick-select-arrow-artwork{border-top:0;border-left:0}.brick-select-arrow[data-side=left] .brick-select-arrow-artwork{border-bottom:0;border-left:0}.brick-select-arrow[data-side=right] .brick-select-arrow-artwork{border-top:0;border-right:0}@media (hover:hover) and (pointer:fine){.brick-select-trigger:not([data-disabled],[data-readonly],[data-invalid]):hover{border-color:var(--brick-select-trigger-hover-border);background:var(--brick-select-trigger-hover-background)}.brick-select-item:not([data-disabled]):hover{background:var(--brick-select-item-highlighted-background)}}@media (prefers-reduced-motion:reduce){.brick-select-trigger,.brick-select-icon{transition-duration:0s}}@media (forced-colors:active){.brick-select-trigger,.brick-select-content{color:canvastext;background:canvas;border-color:buttontext}.brick-select-trigger:focus-visible,.brick-select-item[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:0;box-shadow:none}.brick-select-trigger[data-invalid]{border-color:mark}.brick-select-trigger[data-disabled],.brick-select-item[data-disabled]{color:graytext;border-color:graytext}.brick-select-item[data-selected]{color:highlight}.brick-select-separator{background:buttontext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=select.css.map */

package/dist/styles/select.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,0pFAiDA,wDACA,qEACA,mPACA,uKACA,wEACA,8FACA,6OACA,+UAEA,gGACA,oFACA,4RACA,mFACA,+MAEA,0LACA,4FACA,kOACA,+GAEA,2pDAkCA,8GACA,8GAEA,iLACA,gFACA,8TACA,8ZACA,gGACA,8IACA,oHACA,iEACA,iKACA,gLACA,8TACA,2HACA,2IACA,qPACA,iEACA,6DACA,6DACA,+DACA,iGACA,0FACA,8FACA,6FAEA,wCACE,8LACA,0GAEF,uCAA0C,iEAC1C,8BACE,uGACA,kKACA,sDACA,4GACA,kDACA,gDD7IJ","sources":["home/runner/work/brick/brick/.brick-cache/production/select.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/select/select.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/select/select.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-select-trigger {\n    --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-select-trigger-padding-inline: var(--brick-space-3);\n    --brick-select-trigger-gap: var(--brick-space-2);\n    --brick-select-trigger-radius: var(--brick-radius-control);\n    --brick-select-trigger-font-family: var(--brick-typography-field-value-md-font-family);\n    --brick-select-trigger-font-size: var(--brick-typography-field-value-md-font-size);\n    --brick-select-trigger-font-weight: var(--brick-typography-field-value-md-font-weight);\n    --brick-select-trigger-line-height: var(--brick-typography-field-value-md-line-height);\n    --brick-select-trigger-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n    --brick-select-trigger-background: var(--brick-color-surface-raised);\n    --brick-select-trigger-foreground: var(--brick-color-text-primary);\n    --brick-select-trigger-placeholder: var(--brick-color-text-muted);\n    --brick-select-trigger-border: var(--brick-color-border-strong);\n    --brick-select-trigger-hover-background: var(--brick-color-surface-base);\n    --brick-select-trigger-hover-border: var(--brick-color-accent-border);\n    --brick-select-trigger-focus-ring: var(--brick-color-focus-ring);\n    --brick-select-trigger-invalid-border: var(--brick-color-danger-text);\n    --brick-select-trigger-disabled-background: var(--brick-color-surface-subtle);\n    --brick-select-trigger-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-select-trigger-disabled-border: var(--brick-color-border-subtle);\n    --brick-select-trigger-readonly-background: var(--brick-color-surface-subtle);\n    --brick-select-icon-size: 1.125rem;\n    --brick-select-icon-foreground: var(--brick-color-text-secondary);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-select-trigger-min-block-size);\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--brick-select-trigger-gap);\n    padding-inline: var(--brick-select-trigger-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-select-trigger-border);\n    border-radius: var(--brick-select-trigger-radius);\n    background: var(--brick-select-trigger-background);\n    color: var(--brick-select-trigger-foreground);\n    font-family: var(--brick-select-trigger-font-family);\n    font-size: var(--brick-select-trigger-font-size);\n    font-weight: var(--brick-select-trigger-font-weight);\n    letter-spacing: var(--brick-select-trigger-letter-spacing);\n    line-height: var(--brick-select-trigger-line-height);\n    text-align: start;\n    vertical-align: middle;\n    cursor: pointer;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-select-trigger[data-full-width] { inline-size: 100%; }\n  .brick-select-trigger:not([data-full-width]) { inline-size: fit-content; }\n  .brick-select-trigger[data-variant=\"soft\"] { --brick-select-trigger-background: var(--brick-color-surface-subtle); --brick-select-trigger-border: var(--brick-color-border-subtle); --brick-select-trigger-hover-background: var(--brick-color-accent-soft); }\n  .brick-select-trigger[data-variant=\"underline\"] { --brick-select-trigger-background: transparent; --brick-select-trigger-radius: 0; border-width: 0 0 var(--brick-border-width); }\n  .brick-select-trigger[data-shape=\"sharp\"] { --brick-select-trigger-radius: 0; }\n  .brick-select-trigger[data-shape=\"pill\"] { --brick-select-trigger-radius: var(--brick-radius-full); }\n  .brick-select-trigger[data-size=\"sm\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-sm); --brick-select-trigger-padding-inline: var(--brick-space-2); --brick-select-trigger-gap: 0.375rem; --brick-select-icon-size: 1rem; }\n  .brick-select-trigger[data-size=\"lg\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-lg); --brick-select-trigger-padding-inline: var(--brick-space-4); --brick-select-trigger-gap: var(--brick-space-3); --brick-select-trigger-font-size: var(--brick-typography-field-value-lg-font-size); --brick-select-icon-size: 1.25rem; }\n\n  .brick-select-value { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .brick-select-value[data-placeholder] { color: var(--brick-select-trigger-placeholder); }\n  .brick-select-icon { display: inline-grid; flex: 0 0 auto; inline-size: var(--brick-select-icon-size); block-size: var(--brick-select-icon-size); place-items: center; color: var(--brick-select-icon-foreground); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-select-trigger[data-state=\"open\"] .brick-select-icon { transform: rotate(180deg); }\n  .brick-select-direction-artwork, .brick-select-check-artwork { display: block; inline-size: 100%; block-size: 100%; overflow: visible; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }\n\n  .brick-select-trigger:focus-visible { outline: 0; border-color: var(--brick-select-trigger-focus-ring); box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-select-trigger-focus-ring); }\n  .brick-select-trigger[data-invalid] { border-color: var(--brick-select-trigger-invalid-border); }\n  .brick-select-trigger[data-disabled] { border-color: var(--brick-select-trigger-disabled-border); background: var(--brick-select-trigger-disabled-background); color: var(--brick-select-trigger-disabled-foreground); cursor: not-allowed; }\n  .brick-select-trigger[data-readonly] { background: var(--brick-select-trigger-readonly-background); cursor: default; }\n\n  .brick-select-content {\n    --brick-select-content-background: var(--brick-color-surface-raised);\n    --brick-select-content-foreground: var(--brick-color-text-primary);\n    --brick-select-content-border: var(--brick-color-border-subtle);\n    --brick-select-content-radius: var(--brick-radius-control);\n    --brick-select-content-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n    --brick-select-content-max-block-size: min(20rem, var(--available-height, 20rem));\n    --brick-select-content-padding: var(--brick-space-1);\n    --brick-select-content-z-index: 70;\n    --brick-select-item-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-select-item-padding-inline: var(--brick-space-3);\n    --brick-select-item-gap: var(--brick-space-2);\n    --brick-select-item-highlighted-background: var(--brick-color-accent-soft);\n    --brick-select-item-selected-foreground: var(--brick-color-accent-text);\n    --brick-select-item-disabled-foreground: var(--brick-color-text-muted);\n    --brick-select-indicator-size: 1rem;\n    --brick-select-label-foreground: var(--brick-color-text-secondary);\n    --brick-select-separator-color: var(--brick-color-border-subtle);\n    --brick-select-scroll-button-block-size: 2rem;\n    --brick-select-arrow-size: 0.625rem;\n\n    box-sizing: border-box;\n    min-inline-size: var(--anchor-width);\n    max-inline-size: min(28rem, calc(100vw - 2 * var(--brick-space-3)));\n    max-block-size: var(--brick-select-content-max-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-select-content-border);\n    border-radius: var(--brick-select-content-radius);\n    background: var(--brick-select-content-background);\n    box-shadow: var(--brick-select-content-shadow);\n    color: var(--brick-select-content-foreground);\n    z-index: var(--brick-select-content-z-index);\n  }\n\n  .brick-select-content[data-size=\"sm\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-sm); }\n  .brick-select-content[data-size=\"lg\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-lg); }\n\n  .brick-select-viewport { box-sizing: border-box; max-block-size: inherit; overflow-y: auto; padding: var(--brick-select-content-padding); overscroll-behavior: contain; scrollbar-width: thin; }\n  .brick-select-group + .brick-select-group { margin-block-start: var(--brick-space-1); }\n  .brick-select-label { padding: var(--brick-space-2) var(--brick-select-item-padding-inline) var(--brick-space-1); color: var(--brick-select-label-foreground); font-size: var(--brick-typography-caption-font-size); font-weight: var(--brick-typography-label-md-font-weight); line-height: var(--brick-typography-caption-line-height); }\n  .brick-select-item { display: grid; box-sizing: border-box; min-inline-size: 0; min-block-size: var(--brick-select-item-min-block-size); grid-template-columns: minmax(0, 1fr) var(--brick-select-indicator-size); align-items: center; gap: var(--brick-select-item-gap); padding-inline: var(--brick-select-item-padding-inline); border-radius: calc(var(--brick-select-content-radius) - var(--brick-border-width)); outline: 0; cursor: pointer; }\n  .brick-select-item[data-highlighted] { background: var(--brick-select-item-highlighted-background); }\n  .brick-select-item[data-selected] { color: var(--brick-select-item-selected-foreground); font-weight: var(--brick-typography-label-md-font-weight); }\n  .brick-select-item[data-disabled] { color: var(--brick-select-item-disabled-foreground); cursor: not-allowed; opacity: 0.65; }\n  .brick-select-item-text { min-inline-size: 0; overflow-wrap: anywhere; }\n  .brick-select-item-indicator { display: inline-grid; inline-size: var(--brick-select-indicator-size); block-size: var(--brick-select-indicator-size); place-items: center; }\n  .brick-select-separator { block-size: var(--brick-border-width); margin: var(--brick-space-1) var(--brick-select-item-padding-inline); background: var(--brick-select-separator-color); }\n  :where(.brick-select-scroll-up, .brick-select-scroll-down) { display: grid; box-sizing: border-box; inline-size: 100%; block-size: var(--brick-select-scroll-button-block-size); place-items: center; padding: var(--brick-space-1); border: 0; background: var(--brick-select-content-background); color: var(--brick-select-content-foreground); }\n  :where(.brick-select-scroll-up, .brick-select-scroll-down) .brick-select-direction-artwork { inline-size: 1rem; block-size: 1rem; }\n  .brick-select-arrow { display: block; inline-size: var(--brick-select-arrow-size); block-size: var(--brick-select-arrow-size); pointer-events: none; }\n  .brick-select-arrow-artwork { display: block; box-sizing: border-box; inline-size: 100%; block-size: 100%; border: var(--brick-border-width) solid var(--brick-select-content-border); background: var(--brick-select-content-background); transform: rotate(45deg); }\n  .brick-select-arrow[data-side=\"bottom\"] { transform: translateY(-50%); }\n  .brick-select-arrow[data-side=\"top\"] { transform: translateY(50%); }\n  .brick-select-arrow[data-side=\"left\"] { transform: translateX(50%); }\n  .brick-select-arrow[data-side=\"right\"] { transform: translateX(-50%); }\n  .brick-select-arrow[data-side=\"bottom\"] .brick-select-arrow-artwork { border-right: 0; border-bottom: 0; }\n  .brick-select-arrow[data-side=\"top\"] .brick-select-arrow-artwork { border-left: 0; border-top: 0; }\n  .brick-select-arrow[data-side=\"left\"] .brick-select-arrow-artwork { border-left: 0; border-bottom: 0; }\n  .brick-select-arrow[data-side=\"right\"] .brick-select-arrow-artwork { border-right: 0; border-top: 0; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-select-trigger:not([data-disabled], [data-readonly], [data-invalid]):hover { border-color: var(--brick-select-trigger-hover-border); background: var(--brick-select-trigger-hover-background); }\n    .brick-select-item:not([data-disabled]):hover { background: var(--brick-select-item-highlighted-background); }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-select-trigger, .brick-select-icon { transition-duration: 0ms; } }\n  @media (forced-colors: active) {\n    .brick-select-trigger, .brick-select-content { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-select-trigger:focus-visible, .brick-select-item[data-highlighted] { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-select-trigger[data-invalid] { border-color: Mark; }\n    .brick-select-trigger[data-disabled], .brick-select-item[data-disabled] { border-color: GrayText; color: GrayText; }\n    .brick-select-item[data-selected] { color: Highlight; }\n    .brick-select-separator { background: ButtonText; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,soFAiDA,wDACA,qEACA,mPACA,uKACA,wEACA,8FACA,yoBACA,ypBAEA,gGACA,oFACA,4RACA,mFACA,+MAEA,0LACA,4FACA,kOACA,+GAEA,2mDAkCA,8GACA,8GAEA,iLACA,gFACA,8TACA,8ZACA,gGACA,8IACA,oHACA,iEACA,iKACA,gLACA,8TACA,2HACA,2IACA,qPACA,iEACA,6DACA,6DACA,+DACA,iGACA,0FACA,8FACA,6FAEA,wCACE,8LACA,0GAEF,uCAA0C,iEAC1C,8BACE,uGACA,kKACA,sDACA,4GACA,kDACA,gDD7IJ","sources":["home/runner/work/brick/brick/.brick-cache/production/select.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/select/select.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/select/select.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-select-trigger {\n    --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-select-trigger-padding-inline: var(--brick-space-3);\n    --brick-select-trigger-gap: var(--brick-space-2);\n    --brick-select-trigger-radius: var(--brick-radius-control);\n    --brick-select-trigger-font-family: var(--brick-typography-control-md-font-family);\n    --brick-select-trigger-font-size: var(--brick-typography-control-md-font-size);\n    --brick-select-trigger-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-select-trigger-line-height: var(--brick-typography-control-md-line-height);\n    --brick-select-trigger-letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    --brick-select-trigger-background: var(--brick-color-surface-raised);\n    --brick-select-trigger-foreground: var(--brick-color-text-primary);\n    --brick-select-trigger-placeholder: var(--brick-color-text-muted);\n    --brick-select-trigger-border: var(--brick-color-border-strong);\n    --brick-select-trigger-hover-background: var(--brick-color-surface-base);\n    --brick-select-trigger-hover-border: var(--brick-color-accent-border);\n    --brick-select-trigger-focus-ring: var(--brick-color-focus-ring);\n    --brick-select-trigger-invalid-border: var(--brick-color-danger-text);\n    --brick-select-trigger-disabled-background: var(--brick-color-surface-subtle);\n    --brick-select-trigger-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-select-trigger-disabled-border: var(--brick-color-border-subtle);\n    --brick-select-trigger-readonly-background: var(--brick-color-surface-subtle);\n    --brick-select-icon-size: 1.125rem;\n    --brick-select-icon-foreground: var(--brick-color-text-secondary);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-select-trigger-min-block-size);\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--brick-select-trigger-gap);\n    padding-inline: var(--brick-select-trigger-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-select-trigger-border);\n    border-radius: var(--brick-select-trigger-radius);\n    background: var(--brick-select-trigger-background);\n    color: var(--brick-select-trigger-foreground);\n    font-family: var(--brick-select-trigger-font-family);\n    font-size: var(--brick-select-trigger-font-size);\n    font-weight: var(--brick-select-trigger-font-weight);\n    letter-spacing: var(--brick-select-trigger-letter-spacing);\n    line-height: var(--brick-select-trigger-line-height);\n    text-align: start;\n    vertical-align: middle;\n    cursor: pointer;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-select-trigger[data-full-width] { inline-size: 100%; }\n  .brick-select-trigger:not([data-full-width]) { inline-size: fit-content; }\n  .brick-select-trigger[data-variant=\"soft\"] { --brick-select-trigger-background: var(--brick-color-surface-subtle); --brick-select-trigger-border: var(--brick-color-border-subtle); --brick-select-trigger-hover-background: var(--brick-color-accent-soft); }\n  .brick-select-trigger[data-variant=\"underline\"] { --brick-select-trigger-background: transparent; --brick-select-trigger-radius: 0; border-width: 0 0 var(--brick-border-width); }\n  .brick-select-trigger[data-shape=\"sharp\"] { --brick-select-trigger-radius: 0; }\n  .brick-select-trigger[data-shape=\"pill\"] { --brick-select-trigger-radius: var(--brick-radius-full); }\n  .brick-select-trigger[data-size=\"sm\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-sm); --brick-select-trigger-padding-inline: var(--brick-space-2); --brick-select-trigger-gap: 0.375rem; --brick-select-trigger-font-family: var(--brick-typography-control-sm-font-family); --brick-select-trigger-font-size: var(--brick-typography-control-sm-font-size); --brick-select-trigger-font-weight: var(--brick-typography-control-sm-font-weight); --brick-select-trigger-line-height: var(--brick-typography-control-sm-line-height); --brick-select-trigger-letter-spacing: var(--brick-typography-control-sm-letter-spacing); --brick-select-icon-size: 1rem; }\n  .brick-select-trigger[data-size=\"lg\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-lg); --brick-select-trigger-padding-inline: var(--brick-space-4); --brick-select-trigger-gap: var(--brick-space-3); --brick-select-trigger-font-family: var(--brick-typography-control-lg-font-family); --brick-select-trigger-font-size: var(--brick-typography-control-lg-font-size); --brick-select-trigger-font-weight: var(--brick-typography-control-lg-font-weight); --brick-select-trigger-line-height: var(--brick-typography-control-lg-line-height); --brick-select-trigger-letter-spacing: var(--brick-typography-control-lg-letter-spacing); --brick-select-icon-size: 1.25rem; }\n\n  .brick-select-value { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .brick-select-value[data-placeholder] { color: var(--brick-select-trigger-placeholder); }\n  .brick-select-icon { display: inline-grid; flex: 0 0 auto; inline-size: var(--brick-select-icon-size); block-size: var(--brick-select-icon-size); place-items: center; color: var(--brick-select-icon-foreground); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-select-trigger[data-state=\"open\"] .brick-select-icon { transform: rotate(180deg); }\n  .brick-select-direction-artwork, .brick-select-check-artwork { display: block; inline-size: 100%; block-size: 100%; overflow: visible; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }\n\n  .brick-select-trigger:focus-visible { outline: 0; border-color: var(--brick-select-trigger-focus-ring); box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-select-trigger-focus-ring); }\n  .brick-select-trigger[data-invalid] { border-color: var(--brick-select-trigger-invalid-border); }\n  .brick-select-trigger[data-disabled] { border-color: var(--brick-select-trigger-disabled-border); background: var(--brick-select-trigger-disabled-background); color: var(--brick-select-trigger-disabled-foreground); cursor: not-allowed; }\n  .brick-select-trigger[data-readonly] { background: var(--brick-select-trigger-readonly-background); cursor: default; }\n\n  .brick-select-content {\n    --brick-select-content-background: var(--brick-color-surface-raised);\n    --brick-select-content-foreground: var(--brick-color-text-primary);\n    --brick-select-content-border: var(--brick-color-border-subtle);\n    --brick-select-content-radius: var(--brick-radius-control);\n    --brick-select-content-shadow: var(--brick-shadow-floating);\n    --brick-select-content-max-block-size: min(20rem, var(--available-height, 20rem));\n    --brick-select-content-padding: var(--brick-space-1);\n    --brick-select-content-z-index: 70;\n    --brick-select-item-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-select-item-padding-inline: var(--brick-space-3);\n    --brick-select-item-gap: var(--brick-space-2);\n    --brick-select-item-highlighted-background: var(--brick-color-accent-soft);\n    --brick-select-item-selected-foreground: var(--brick-color-accent-text);\n    --brick-select-item-disabled-foreground: var(--brick-color-text-muted);\n    --brick-select-indicator-size: 1rem;\n    --brick-select-label-foreground: var(--brick-color-text-secondary);\n    --brick-select-separator-color: var(--brick-color-border-subtle);\n    --brick-select-scroll-button-block-size: 2rem;\n    --brick-select-arrow-size: 0.625rem;\n\n    box-sizing: border-box;\n    min-inline-size: var(--anchor-width);\n    max-inline-size: min(28rem, calc(100vw - 2 * var(--brick-space-3)));\n    max-block-size: var(--brick-select-content-max-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-select-content-border);\n    border-radius: var(--brick-select-content-radius);\n    background: var(--brick-select-content-background);\n    box-shadow: var(--brick-select-content-shadow);\n    color: var(--brick-select-content-foreground);\n    z-index: var(--brick-select-content-z-index);\n  }\n\n  .brick-select-content[data-size=\"sm\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-sm); }\n  .brick-select-content[data-size=\"lg\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-lg); }\n\n  .brick-select-viewport { box-sizing: border-box; max-block-size: inherit; overflow-y: auto; padding: var(--brick-select-content-padding); overscroll-behavior: contain; scrollbar-width: thin; }\n  .brick-select-group + .brick-select-group { margin-block-start: var(--brick-space-1); }\n  .brick-select-label { padding: var(--brick-space-2) var(--brick-select-item-padding-inline) var(--brick-space-1); color: var(--brick-select-label-foreground); font-size: var(--brick-typography-caption-font-size); font-weight: var(--brick-typography-label-md-font-weight); line-height: var(--brick-typography-caption-line-height); }\n  .brick-select-item { display: grid; box-sizing: border-box; min-inline-size: 0; min-block-size: var(--brick-select-item-min-block-size); grid-template-columns: minmax(0, 1fr) var(--brick-select-indicator-size); align-items: center; gap: var(--brick-select-item-gap); padding-inline: var(--brick-select-item-padding-inline); border-radius: calc(var(--brick-select-content-radius) - var(--brick-border-width)); outline: 0; cursor: pointer; }\n  .brick-select-item[data-highlighted] { background: var(--brick-select-item-highlighted-background); }\n  .brick-select-item[data-selected] { color: var(--brick-select-item-selected-foreground); font-weight: var(--brick-typography-label-md-font-weight); }\n  .brick-select-item[data-disabled] { color: var(--brick-select-item-disabled-foreground); cursor: not-allowed; opacity: 0.65; }\n  .brick-select-item-text { min-inline-size: 0; overflow-wrap: anywhere; }\n  .brick-select-item-indicator { display: inline-grid; inline-size: var(--brick-select-indicator-size); block-size: var(--brick-select-indicator-size); place-items: center; }\n  .brick-select-separator { block-size: var(--brick-border-width); margin: var(--brick-space-1) var(--brick-select-item-padding-inline); background: var(--brick-select-separator-color); }\n  :where(.brick-select-scroll-up, .brick-select-scroll-down) { display: grid; box-sizing: border-box; inline-size: 100%; block-size: var(--brick-select-scroll-button-block-size); place-items: center; padding: var(--brick-space-1); border: 0; background: var(--brick-select-content-background); color: var(--brick-select-content-foreground); }\n  :where(.brick-select-scroll-up, .brick-select-scroll-down) .brick-select-direction-artwork { inline-size: 1rem; block-size: 1rem; }\n  .brick-select-arrow { display: block; inline-size: var(--brick-select-arrow-size); block-size: var(--brick-select-arrow-size); pointer-events: none; }\n  .brick-select-arrow-artwork { display: block; box-sizing: border-box; inline-size: 100%; block-size: 100%; border: var(--brick-border-width) solid var(--brick-select-content-border); background: var(--brick-select-content-background); transform: rotate(45deg); }\n  .brick-select-arrow[data-side=\"bottom\"] { transform: translateY(-50%); }\n  .brick-select-arrow[data-side=\"top\"] { transform: translateY(50%); }\n  .brick-select-arrow[data-side=\"left\"] { transform: translateX(50%); }\n  .brick-select-arrow[data-side=\"right\"] { transform: translateX(-50%); }\n  .brick-select-arrow[data-side=\"bottom\"] .brick-select-arrow-artwork { border-right: 0; border-bottom: 0; }\n  .brick-select-arrow[data-side=\"top\"] .brick-select-arrow-artwork { border-left: 0; border-top: 0; }\n  .brick-select-arrow[data-side=\"left\"] .brick-select-arrow-artwork { border-left: 0; border-bottom: 0; }\n  .brick-select-arrow[data-side=\"right\"] .brick-select-arrow-artwork { border-right: 0; border-top: 0; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-select-trigger:not([data-disabled], [data-readonly], [data-invalid]):hover { border-color: var(--brick-select-trigger-hover-border); background: var(--brick-select-trigger-hover-background); }\n    .brick-select-item:not([data-disabled]):hover { background: var(--brick-select-item-highlighted-background); }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-select-trigger, .brick-select-icon { transition-duration: 0ms; } }\n  @media (forced-colors: active) {\n    .brick-select-trigger, .brick-select-content { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-select-trigger:focus-visible, .brick-select-item[data-highlighted] { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-select-trigger[data-invalid] { border-color: Mark; }\n    .brick-select-trigger[data-disabled], .brick-select-item[data-disabled] { border-color: GrayText; color: GrayText; }\n    .brick-select-item[data-selected] { color: Highlight; }\n    .brick-select-separator { background: ButtonText; }\n  }\n}\n"],"names":[]}

package/dist/styles/show.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{@media (width<30rem){.brick-show[data-from=sm]{display:none!important}}@media (width<48rem){.brick-show[data-from=md]{display:none!important}}@media (width<64rem){.brick-show[data-from=lg]{display:none!important}}@media (width<80rem){.brick-show[data-from=xl]{display:none!important}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-show{display:contents!important}@media (width<30rem){.brick-show[data-from=sm]{display:none!important}}@media (width<48rem){.brick-show[data-from=md]{display:none!important}}@media (width<64rem){.brick-show[data-from=lg]{display:none!important}}@media (width<80rem){.brick-show[data-from=xl]{display:none!important}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=show.css.map */

package/dist/styles/show.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,mDDJ3B","sources":["home/runner/work/brick/brick/.brick-cache/production/show.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/show/show.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/show/show.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  @media (width < 30rem) { .brick-show[data-from=\"sm\"] { display: none !important; } }\n  @media (width < 48rem) { .brick-show[data-from=\"md\"] { display: none !important; } }\n  @media (width < 64rem) { .brick-show[data-from=\"lg\"] { display: none !important; } }\n  @media (width < 80rem) { .brick-show[data-from=\"xl\"] { display: none !important; } }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,uCACA,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,mDDL3B","sources":["home/runner/work/brick/brick/.brick-cache/production/show.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/show/show.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/show/show.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-show { display: contents !important; }\n  @media (width < 30rem) { .brick-show[data-from=\"sm\"] { display: none !important; } }\n  @media (width < 48rem) { .brick-show[data-from=\"md\"] { display: none !important; } }\n  @media (width < 64rem) { .brick-show[data-from=\"lg\"] { display: none !important; } }\n  @media (width < 80rem) { .brick-show[data-from=\"xl\"] { display: none !important; } }\n}\n"],"names":[]}

package/dist/styles/sidebar.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-sidebar{--brick-sidebar-expanded-width-sm:14rem;--brick-sidebar-expanded-width-md:17rem;--brick-sidebar-expanded-width-lg:20rem;--brick-sidebar-rail-width-sm:3.25rem;--brick-sidebar-rail-width-md:3.75rem;--brick-sidebar-rail-width-lg:4.25rem;--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-md);--brick-sidebar-panel-background:var(--brick-color-surface-base);--brick-sidebar-panel-border:var(--brick-color-border-subtle);--brick-sidebar-panel-radius:0;--brick-sidebar-panel-gap:0px;--brick-sidebar-region-padding-inline:var(--brick-space-4);--brick-sidebar-region-padding-block:var(--brick-space-4);--brick-sidebar-content-gap:var(--brick-space-3);--brick-sidebar-sticky-offset:0px;--brick-sidebar-available-block-size:calc(100dvh - var(--brick-sidebar-sticky-offset));--brick-sidebar-transition-duration:.18s;--brick-sidebar-transition-easing:ease;grid-template-columns:minmax(0, var(--brick-sidebar-panel-width)) minmax(0, 1fr);align-items:start;gap:var(--brick-sidebar-panel-gap);min-inline-size:0;display:grid}.brick-sidebar[data-size=sm]{--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-sm)}.brick-sidebar[data-size=lg]{--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-lg)}.brick-sidebar[data-state=rail]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-md)}.brick-sidebar[data-state=rail][data-size=sm]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-sm)}.brick-sidebar[data-state=rail][data-size=lg]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-lg)}.brick-sidebar[data-state=offcanvas]{--brick-sidebar-panel-width:0px;--brick-sidebar-panel-gap:0px}.brick-sidebar[data-side=right]{grid-template-columns:minmax(0, 1fr) minmax(0, var(--brick-sidebar-panel-width))}.brick-sidebar[data-side=right]>.brick-sidebar__panel{grid-column:2}.brick-sidebar[data-side=right]>.brick-sidebar__main{grid-area:1/1}.brick-sidebar[data-variant=floating]{--brick-sidebar-panel-background:var(--brick-color-surface-raised);--brick-sidebar-panel-radius:var(--brick-radius-surface);--brick-sidebar-panel-gap:var(--brick-space-3);padding:var(--brick-space-3)}.brick-sidebar__panel{z-index:1;min-inline-size:0;inline-size:var(--brick-sidebar-panel-width);border-inline-end:var(--brick-border-width) solid var(--brick-sidebar-panel-border);border-radius:var(--brick-sidebar-panel-radius);background:var(--brick-sidebar-panel-background);max-inline-size:100%;color:var(--brick-color-text-primary);flex-direction:column;align-self:stretch;display:flex;position:relative;overflow:clip}.brick-sidebar[data-side=right]>.brick-sidebar__panel{border-inline-start:var(--brick-border-width) solid var(--brick-sidebar-panel-border);border-inline-end:0}.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)}.brick-sidebar[data-position=sticky]>.brick-sidebar__panel{block-size:var(--brick-sidebar-available-block-size);min-block-size:0;position:sticky;inset-block-start:var(--brick-sidebar-sticky-offset)}.brick-sidebar[data-state=offcanvas]>.brick-sidebar__panel{visibility:hidden;border:0;align-self:start;block-size:0;min-block-size:0;inline-size:0;translate:-100%}.brick-sidebar[data-state=offcanvas][data-side=right]>.brick-sidebar__panel{translate:100%}.brick-sidebar__header,.brick-sidebar__footer{align-items:center;gap:var(--brick-sidebar-content-gap);padding:var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline);flex:none;display:flex}.brick-sidebar__header{border-block-end:var(--brick-border-width) solid var(--brick-sidebar-panel-border)}.brick-sidebar__footer{border-block-start:var(--brick-border-width) solid var(--brick-sidebar-panel-border)}.brick-sidebar__content{gap:var(--brick-sidebar-content-gap);min-block-size:0;min-inline-size:0;padding:var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline);flex-direction:column;flex:auto;display:flex}.brick-sidebar__main{min-inline-size:0}.brick-sidebar__trigger{box-sizing:border-box;min-inline-size:var(--brick-control-min-block-size-sm);min-block-size:var(--brick-control-min-block-size-sm);padding:var(--brick-space-2);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-radius-control);color:var(--brick-color-text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.brick-sidebar__trigger:hover:not(:disabled){background:var(--brick-color-surface-subtle)}.brick-sidebar__trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-sidebar__trigger:disabled{color:var(--brick-color-text-muted);cursor:not-allowed}@media (prefers-reduced-motion:no-preference){.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)}.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)}}@media (forced-colors:active){.brick-sidebar{--brick-sidebar-panel-background:Canvas;--brick-sidebar-panel-border:CanvasText}.brick-sidebar__trigger{color:buttontext;border-color:buttonborder}.brick-sidebar__trigger:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-sidebar{--brick-sidebar-expanded-width-sm:14rem;--brick-sidebar-expanded-width-md:17rem;--brick-sidebar-expanded-width-lg:20rem;--brick-sidebar-rail-width-sm:3.25rem;--brick-sidebar-rail-width-md:3.75rem;--brick-sidebar-rail-width-lg:4.25rem;--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-md);--brick-sidebar-panel-background:var(--brick-color-surface-base);--brick-sidebar-panel-border:var(--brick-color-border-subtle);--brick-sidebar-panel-radius:0;--brick-sidebar-panel-gap:0px;--brick-sidebar-region-padding-inline:var(--brick-space-4);--brick-sidebar-region-padding-block:var(--brick-space-4);--brick-sidebar-content-gap:var(--brick-space-3);--brick-sidebar-sticky-offset:0px;--brick-sidebar-available-block-size:calc(100dvh - var(--brick-sidebar-sticky-offset));--brick-sidebar-transition-duration:.18s;--brick-sidebar-transition-easing:ease;grid-template-columns:minmax(0, var(--brick-sidebar-panel-width)) minmax(0, 1fr);align-items:start;gap:var(--brick-sidebar-panel-gap);min-inline-size:0;display:grid}.brick-sidebar[data-size=sm]{--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-sm)}.brick-sidebar[data-size=lg]{--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-lg)}.brick-sidebar[data-state=rail]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-md)}.brick-sidebar[data-state=rail][data-size=sm]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-sm)}.brick-sidebar[data-state=rail][data-size=lg]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-lg)}.brick-sidebar[data-state=offcanvas]{--brick-sidebar-panel-width:0px;--brick-sidebar-panel-gap:0px}.brick-sidebar[data-side=right]{grid-template-columns:minmax(0, 1fr) minmax(0, var(--brick-sidebar-panel-width))}.brick-sidebar[data-side=right]>.brick-sidebar__panel{grid-column:2}.brick-sidebar[data-side=right]>.brick-sidebar__main{grid-area:1/1}.brick-sidebar[data-variant=floating]{--brick-sidebar-panel-radius:var(--brick-radius-surface);--brick-sidebar-panel-gap:var(--brick-space-3);padding:var(--brick-space-3)}.brick-sidebar[data-surface=transparent]{--brick-sidebar-panel-background:transparent}.brick-sidebar[data-surface=base]{--brick-sidebar-panel-background:var(--brick-color-surface-base)}.brick-sidebar[data-surface=raised]{--brick-sidebar-panel-background:var(--brick-color-surface-raised)}.brick-sidebar__panel{z-index:1;min-inline-size:0;inline-size:var(--brick-sidebar-panel-width);border-inline-end:var(--brick-border-width) solid var(--brick-sidebar-panel-border);border-radius:var(--brick-sidebar-panel-radius);background:var(--brick-sidebar-panel-background);max-inline-size:100%;color:var(--brick-color-text-primary);flex-direction:column;align-self:stretch;display:flex;position:relative;overflow:clip}.brick-sidebar[data-side=right]>.brick-sidebar__panel{border-inline-start:var(--brick-border-width) solid var(--brick-sidebar-panel-border);border-inline-end:0}.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)}.brick-sidebar[data-position=sticky]>.brick-sidebar__panel{block-size:var(--brick-sidebar-available-block-size);min-block-size:0;position:sticky;inset-block-start:var(--brick-sidebar-sticky-offset)}.brick-sidebar[data-state=offcanvas]>.brick-sidebar__panel{visibility:hidden;border:0;align-self:start;block-size:0;min-block-size:0;inline-size:0;translate:-100%}.brick-sidebar[data-state=offcanvas][data-side=right]>.brick-sidebar__panel{translate:100%}.brick-sidebar__header,.brick-sidebar__footer{align-items:center;gap:var(--brick-sidebar-content-gap);padding:var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline);flex:none;display:flex}.brick-sidebar__header{border-block-end:var(--brick-border-width) solid var(--brick-sidebar-panel-border)}.brick-sidebar__footer{border-block-start:var(--brick-border-width) solid var(--brick-sidebar-panel-border)}.brick-sidebar__content{gap:var(--brick-sidebar-content-gap);min-block-size:0;min-inline-size:0;padding:var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline);flex-direction:column;flex:auto;display:flex}.brick-sidebar__main{min-inline-size:0}.brick-sidebar__trigger{box-sizing:border-box;min-inline-size:var(--brick-control-min-block-size-sm);min-block-size:var(--brick-control-min-block-size-sm);padding:var(--brick-space-2);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-radius-control);color:var(--brick-color-text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.brick-sidebar__trigger:hover:not(:disabled){background:var(--brick-color-surface-subtle)}.brick-sidebar__trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-sidebar__trigger:disabled{color:var(--brick-color-text-muted);cursor:not-allowed}@media (prefers-reduced-motion:no-preference){.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)}.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)}}@media (forced-colors:active){.brick-sidebar{--brick-sidebar-panel-background:Canvas;--brick-sidebar-panel-border:CanvasText}.brick-sidebar__trigger{color:buttontext;border-color:buttonborder}.brick-sidebar__trigger:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=sidebar.css.map */

package/dist/styles/sidebar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,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, 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,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,sCAAA,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, 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/skip-link.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-skip-link{--brick-skip-link-background:var(--brick-color-surface-overlay);--brick-skip-link-foreground:var(--brick-color-text-primary);--brick-skip-link-border-color:var(--brick-color-accent-border);--brick-skip-link-border-width:var(--brick-border-width);--brick-skip-link-radius:var(--brick-radius-control);--brick-skip-link-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 42%);--brick-skip-link-focus-ring:var(--brick-color-focus-ring);--brick-skip-link-inset-block:.75rem;--brick-skip-link-inset-inline:.75rem;--brick-skip-link-max-inline-size:32rem;--brick-skip-link-z-index:calc(var(--brick-layer-overlay) + 10);z-index:var(--brick-skip-link-z-index);max-inline-size:min(var(--brick-skip-link-max-inline-size), calc(100vw - var(--brick-skip-link-inset-inline) - var(--brick-skip-link-inset-inline)));min-block-size:var(--brick-control-target-min);transform:translateY(calc(-100% - var(--brick-skip-link-inset-block) - .5rem));border:var(--brick-skip-link-border-width) solid var(--brick-skip-link-border-color);border-radius:var(--brick-skip-link-radius);background:var(--brick-skip-link-background);box-shadow:var(--brick-skip-link-shadow);color:var(--brick-skip-link-foreground);font-family:var(--brick-typography-control-sm-font-family);font-size:var(--brick-typography-control-sm-font-size);font-weight:var(--brick-typography-control-sm-font-weight);letter-spacing:var(--brick-typography-control-sm-letter-spacing);line-height:var(--brick-typography-control-sm-line-height);overflow-wrap:anywhere;text-align:start;justify-content:center;align-items:center;padding:.625rem .875rem;text-decoration:none;display:inline-flex;position:fixed;inset-block-start:var(--brick-skip-link-inset-block);inset-inline-start:var(--brick-skip-link-inset-inline)}.brick-skip-link:focus{outline:var(--brick-border-focus-width) solid var(--brick-skip-link-focus-ring);outline-offset:var(--brick-border-focus-offset);transform:none}.brick-skip-link:focus:hover{--brick-skip-link-border-color:var(--brick-color-accent-text);--brick-skip-link-foreground:var(--brick-color-accent-text)}.brick-skip-link:focus:active{--brick-skip-link-background:var(--brick-color-accent-soft)}@media (forced-colors:active){.brick-skip-link{--brick-skip-link-background:Canvas;--brick-skip-link-foreground:CanvasText;--brick-skip-link-border-color:LinkText;--brick-skip-link-focus-ring:Highlight;--brick-skip-link-shadow:none;forced-color-adjust:auto}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-skip-link{--brick-skip-link-background:var(--brick-color-surface-overlay);--brick-skip-link-foreground:var(--brick-color-text-primary);--brick-skip-link-border-color:var(--brick-color-accent-border);--brick-skip-link-border-width:var(--brick-border-width);--brick-skip-link-radius:var(--brick-radius-control);--brick-skip-link-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 42%);--brick-skip-link-focus-ring:var(--brick-color-focus-ring);--brick-skip-link-inset-block:.75rem;--brick-skip-link-inset-inline:.75rem;--brick-skip-link-max-inline-size:32rem;--brick-skip-link-z-index:calc(var(--brick-layer-overlay) + 10);z-index:var(--brick-skip-link-z-index);max-inline-size:min(var(--brick-skip-link-max-inline-size), calc(100vw - var(--brick-skip-link-inset-inline) - var(--brick-skip-link-inset-inline)));min-block-size:var(--brick-control-target-min);transform:translateY(calc(-100% - var(--brick-skip-link-inset-block) - .5rem));border:var(--brick-skip-link-border-width) solid var(--brick-skip-link-border-color);border-radius:var(--brick-skip-link-radius);background:var(--brick-skip-link-background);box-shadow:var(--brick-skip-link-shadow);color:var(--brick-skip-link-foreground);font-family:var(--brick-typography-control-sm-font-family);font-size:var(--brick-typography-control-sm-font-size);font-weight:var(--brick-typography-control-sm-font-weight);letter-spacing:var(--brick-typography-control-sm-letter-spacing);line-height:var(--brick-typography-control-sm-line-height);overflow-wrap:anywhere;text-align:start;justify-content:center;align-items:center;padding:.625rem .875rem;text-decoration:none;display:inline-flex;position:fixed;inset-block-start:var(--brick-skip-link-inset-block);inset-inline-start:var(--brick-skip-link-inset-inline)}.brick-skip-link:focus{outline:var(--brick-border-focus-width) solid var(--brick-skip-link-focus-ring);outline-offset:var(--brick-border-focus-offset);transform:none}.brick-skip-link:focus:hover{--brick-skip-link-border-color:var(--brick-color-accent-text);--brick-skip-link-foreground:var(--brick-color-accent-text)}.brick-skip-link:focus:active{--brick-skip-link-background:var(--brick-color-accent-soft)}@media (forced-colors:active){.brick-skip-link{--brick-skip-link-background:Canvas;--brick-skip-link-foreground:CanvasText;--brick-skip-link-border-color:LinkText;--brick-skip-link-focus-ring:Highlight;--brick-skip-link-shadow:none;forced-color-adjust:auto}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=skip-link.css.map */

package/dist/styles/skip-link.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,gwDA0CA,sKAMA,uJAKA,0FAIA,8BACE,qOD3DJ","sources":["home/runner/work/brick/brick/.brick-cache/production/skip-link.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/skip-link/skip-link.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/skip-link/skip-link.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-skip-link {\n    --brick-skip-link-background: var(--brick-color-surface-overlay);\n    --brick-skip-link-foreground: var(--brick-color-text-primary);\n    --brick-skip-link-border-color: var(--brick-color-accent-border);\n    --brick-skip-link-border-width: var(--brick-border-width);\n    --brick-skip-link-radius: var(--brick-radius-control);\n    --brick-skip-link-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 42%);\n    --brick-skip-link-focus-ring: var(--brick-color-focus-ring);\n    --brick-skip-link-inset-block: 0.75rem;\n    --brick-skip-link-inset-inline: 0.75rem;\n    --brick-skip-link-max-inline-size: 32rem;\n    --brick-skip-link-z-index: calc(var(--brick-layer-overlay) + 10);\n\n    position: fixed;\n    z-index: var(--brick-skip-link-z-index);\n    inset-block-start: var(--brick-skip-link-inset-block);\n    inset-inline-start: var(--brick-skip-link-inset-inline);\n    display: inline-flex;\n    max-inline-size: min(\n      var(--brick-skip-link-max-inline-size),\n      calc(100vw - var(--brick-skip-link-inset-inline) - var(--brick-skip-link-inset-inline))\n    );\n    min-block-size: var(--brick-control-target-min);\n    align-items: center;\n    justify-content: center;\n    padding: 0.625rem 0.875rem;\n    transform: translateY(calc(-100% - var(--brick-skip-link-inset-block) - 0.5rem));\n    border: var(--brick-skip-link-border-width) solid var(--brick-skip-link-border-color);\n    border-radius: var(--brick-skip-link-radius);\n    background: var(--brick-skip-link-background);\n    box-shadow: var(--brick-skip-link-shadow);\n    color: var(--brick-skip-link-foreground);\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-typography-control-sm-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n    line-height: var(--brick-typography-control-sm-line-height);\n    overflow-wrap: anywhere;\n    text-align: start;\n    text-decoration: none;\n  }\n\n  .brick-skip-link:focus {\n    transform: none;\n    outline: var(--brick-border-focus-width) solid var(--brick-skip-link-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-skip-link:focus:hover {\n    --brick-skip-link-border-color: var(--brick-color-accent-text);\n    --brick-skip-link-foreground: var(--brick-color-accent-text);\n  }\n\n  .brick-skip-link:focus:active {\n    --brick-skip-link-background: var(--brick-color-accent-soft);\n  }\n\n  @media (forced-colors: active) {\n    .brick-skip-link {\n      --brick-skip-link-background: Canvas;\n      --brick-skip-link-foreground: CanvasText;\n      --brick-skip-link-border-color: LinkText;\n      --brick-skip-link-focus-ring: Highlight;\n      --brick-skip-link-shadow: none;\n      forced-color-adjust: auto;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,gwDA0CA,sKAMA,uJAKA,0FAIA,8BACE,qOD3DJ","sources":["home/runner/work/brick/brick/.brick-cache/production/skip-link.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/skip-link/skip-link.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/skip-link/skip-link.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-skip-link {\n    --brick-skip-link-background: var(--brick-color-surface-overlay);\n    --brick-skip-link-foreground: var(--brick-color-text-primary);\n    --brick-skip-link-border-color: var(--brick-color-accent-border);\n    --brick-skip-link-border-width: var(--brick-border-width);\n    --brick-skip-link-radius: var(--brick-radius-control);\n    --brick-skip-link-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 42%);\n    --brick-skip-link-focus-ring: var(--brick-color-focus-ring);\n    --brick-skip-link-inset-block: 0.75rem;\n    --brick-skip-link-inset-inline: 0.75rem;\n    --brick-skip-link-max-inline-size: 32rem;\n    --brick-skip-link-z-index: calc(var(--brick-layer-overlay) + 10);\n\n    position: fixed;\n    z-index: var(--brick-skip-link-z-index);\n    inset-block-start: var(--brick-skip-link-inset-block);\n    inset-inline-start: var(--brick-skip-link-inset-inline);\n    display: inline-flex;\n    max-inline-size: min(\n      var(--brick-skip-link-max-inline-size),\n      calc(100vw - var(--brick-skip-link-inset-inline) - var(--brick-skip-link-inset-inline))\n    );\n    min-block-size: var(--brick-control-target-min);\n    align-items: center;\n    justify-content: center;\n    padding: 0.625rem 0.875rem;\n    transform: translateY(calc(-100% - var(--brick-skip-link-inset-block) - 0.5rem));\n    border: var(--brick-skip-link-border-width) solid var(--brick-skip-link-border-color);\n    border-radius: var(--brick-skip-link-radius);\n    background: var(--brick-skip-link-background);\n    box-shadow: var(--brick-skip-link-shadow);\n    color: var(--brick-skip-link-foreground);\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-typography-control-sm-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n    line-height: var(--brick-typography-control-sm-line-height);\n    overflow-wrap: anywhere;\n    text-align: start;\n    text-decoration: none;\n  }\n\n  .brick-skip-link:focus {\n    transform: none;\n    outline: var(--brick-border-focus-width) solid var(--brick-skip-link-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-skip-link:focus:hover {\n    --brick-skip-link-border-color: var(--brick-color-accent-text);\n    --brick-skip-link-foreground: var(--brick-color-accent-text);\n  }\n\n  .brick-skip-link:focus:active {\n    --brick-skip-link-background: var(--brick-color-accent-soft);\n  }\n\n  @media (forced-colors: active) {\n    .brick-skip-link {\n      --brick-skip-link-background: Canvas;\n      --brick-skip-link-foreground: CanvasText;\n      --brick-skip-link-border-color: LinkText;\n      --brick-skip-link-focus-ring: Highlight;\n      --brick-skip-link-shadow: none;\n      forced-color-adjust: auto;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/slider.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,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 */