@flowstack-ui/brick 0.1.11 → 0.2.0

package/dist/styles/color-picker.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-color-swatch{--brick-color-swatch-size:1.5rem;--brick-color-swatch-value:transparent;--brick-color-swatch-border-color:var(--brick-color-border-default);--brick-color-swatch-radius:var(--brick-radius-subtle);box-sizing:border-box;inline-size:var(--brick-color-swatch-size);block-size:var(--brick-color-swatch-size);border:var(--brick-border-width) solid var(--brick-color-swatch-border-color);border-radius:var(--brick-color-swatch-radius);background-color:var(--brick-color-surface-base);background-image:repeating-conic-gradient(var(--brick-color-surface-subtle) 0 25%, var(--brick-color-surface-raised) 0 50%);vertical-align:middle;background-position:0 0;background-size:.5rem .5rem;flex:none;display:inline-block;position:relative;overflow:hidden}.brick-color-swatch:after{background:var(--brick-color-swatch-value);content:"";position:absolute;inset:0}.brick-color-swatch[data-size=sm]{--brick-color-swatch-size:1rem}.brick-color-swatch[data-size=lg]{--brick-color-swatch-size:2rem}@media (forced-colors:active){.brick-color-swatch{forced-color-adjust:none;border-color:canvastext}}.brick-color-picker{--brick-color-picker-control-size:2.5rem;--brick-color-picker-gap:var(--brick-space-2);--brick-color-picker-background:transparent;--brick-color-picker-border-color:var(--brick-color-border-default);--brick-color-picker-focus-ring:var(--brick-color-focus-ring);--brick-color-picker-content-background:var(--brick-color-surface-overlay);--brick-color-picker-content-border-color:var(--brick-color-border-default);--brick-color-picker-content-radius:var(--brick-radius-overlay);--brick-color-picker-content-shadow:var(--brick-shadow-floating);gap:var(--brick-space-2);min-inline-size:0;color:var(--brick-color-text-primary);display:grid}.brick-color-picker[data-size=sm]{--brick-color-picker-control-size:2rem}.brick-color-picker[data-size=lg]{--brick-color-picker-control-size:3rem}.brick-color-picker[data-variant=soft]{--brick-color-picker-background:var(--brick-color-surface-subtle)}.brick-color-picker__label{inline-size:fit-content;color:var(--brick-color-text-primary);font-family:var(--brick-typography-label-md-font-family);font-size:var(--brick-typography-label-md-font-size);font-weight:var(--brick-typography-label-md-font-weight);letter-spacing:var(--brick-typography-label-md-letter-spacing);line-height:var(--brick-typography-label-md-line-height)}.brick-color-picker__control{align-items:stretch;gap:var(--brick-color-picker-gap);min-inline-size:0;display:flex}.brick-color-picker__input,.brick-color-picker__native-input,.brick-color-picker__trigger,.brick-color-picker__swatch-trigger{box-sizing:border-box;min-block-size:var(--brick-color-picker-control-size);border:var(--brick-border-width) solid var(--brick-color-picker-border-color);border-radius:var(--brick-radius-control);background:var(--brick-color-picker-background);color:var(--brick-color-text-primary);transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard)}.brick-color-picker__input{inline-size:9rem;min-inline-size:0;padding-inline:var(--brick-space-3);font:inherit;font-variant-numeric:tabular-nums}.brick-color-picker__native-input{inline-size:var(--brick-color-picker-control-size);padding:var(--brick-space-1);cursor:pointer;flex:none}.brick-color-picker__trigger{min-inline-size:var(--brick-color-picker-control-size);justify-content:center;align-items:center;gap:var(--brick-space-2);padding-inline:var(--brick-space-2);cursor:pointer;font:inherit;display:inline-flex}.brick-color-picker__swatch-trigger{min-inline-size:var(--brick-color-picker-control-size);justify-content:flex-start;align-items:center;gap:var(--brick-space-2);padding:var(--brick-space-2);cursor:pointer;font:inherit;display:inline-flex}.brick-color-picker__input:hover,.brick-color-picker__native-input:hover,.brick-color-picker__trigger:hover,.brick-color-picker__swatch-trigger:hover{border-color:var(--brick-color-border-strong);background-color:var(--brick-color-surface-hover,var(--brick-color-surface-subtle))}.brick-color-picker__input:focus-visible,.brick-color-picker__native-input:focus-visible,.brick-color-picker__trigger:focus-visible,.brick-color-picker__swatch-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-picker-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-color-picker[data-invalid]{--brick-color-picker-border-color:var(--brick-color-danger-border);--brick-color-picker-focus-ring:var(--brick-color-danger-text)}.brick-color-picker[data-disabled] :where(.brick-color-picker__input,.brick-color-picker__native-input,.brick-color-picker__trigger,.brick-color-picker__swatch-trigger){cursor:not-allowed;color:var(--brick-color-text-disabled);opacity:.72}.brick-color-picker[data-readonly] :where(.brick-color-picker__input,.brick-color-picker__native-input,.brick-color-picker__swatch-trigger){cursor:not-allowed;background:var(--brick-color-surface-subtle)}.brick-color-picker__swatch-trigger[aria-pressed=true]{border-color:var(--brick-color-accent-border);box-shadow:inset 0 0 0 var(--brick-border-width) var(--brick-color-accent-border)}.brick-color-picker__content{z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(22rem, calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));color:var(--brick-color-text-primary)}.brick-color-picker__content>[data-slot=popover-viewport]{gap:var(--brick-space-3);max-block-size:min(28rem,100dvb - 2rem);min-inline-size:min(18rem,100dvi - 2rem);padding:var(--brick-space-3);border:var(--brick-border-width) solid var(--brick-color-picker-content-border-color);border-radius:var(--brick-color-picker-content-radius);background:var(--brick-color-picker-content-background);box-shadow:var(--brick-color-picker-content-shadow);overscroll-behavior:contain;display:grid;overflow:auto}@supports not (height:100dvb){.brick-color-picker__content>[data-slot=popover-viewport]{max-block-size:min(28rem,100vh - 2rem)}}@media (prefers-reduced-motion:reduce){.brick-color-picker :where(.brick-color-picker__input,.brick-color-picker__native-input,.brick-color-picker__trigger,.brick-color-picker__swatch-trigger){transition-duration:1ms}}@media (forced-colors:active){.brick-color-picker{--brick-color-picker-background:Canvas;--brick-color-picker-border-color:CanvasText;--brick-color-picker-content-background:Canvas;--brick-color-picker-content-border-color:CanvasText;--brick-color-picker-content-shadow:none}.brick-color-picker__swatch-trigger[aria-pressed=true]{box-shadow:none;border-width:2px}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-color-swatch{--brick-color-swatch-size:1.5rem;--brick-color-swatch-value:transparent;--brick-color-swatch-border-color:var(--brick-color-border-default);--brick-color-swatch-radius:var(--brick-radius-subtle);box-sizing:border-box;inline-size:var(--brick-color-swatch-size);block-size:var(--brick-color-swatch-size);border:var(--brick-border-width) solid var(--brick-color-swatch-border-color);border-radius:var(--brick-color-swatch-radius);background-color:var(--brick-color-surface-base);background-image:repeating-conic-gradient(var(--brick-color-surface-subtle) 0 25%, var(--brick-color-surface-raised) 0 50%);vertical-align:middle;background-position:0 0;background-size:.5rem .5rem;flex:none;display:inline-block;position:relative;overflow:hidden}.brick-color-swatch:after{background:var(--brick-color-swatch-value);content:"";position:absolute;inset:0}.brick-color-swatch[data-size=sm]{--brick-color-swatch-size:1rem}.brick-color-swatch[data-size=lg]{--brick-color-swatch-size:2rem}.brick-color-swatch[data-shape=sharp]{--brick-color-swatch-radius:0}.brick-color-swatch[data-shape=circle]{--brick-color-swatch-radius:var(--brick-radius-full)}@media (forced-colors:active){.brick-color-swatch{forced-color-adjust:none;border-color:canvastext}}.brick-color-picker{--brick-color-picker-control-size:2.5rem;--brick-color-picker-gap:var(--brick-space-2);--brick-color-picker-input-width:9rem;--brick-color-picker-area-block-size:11rem;--brick-color-picker-slider-block-size:.75rem;--brick-color-picker-thumb-size:1.125rem;--brick-color-picker-swatch-size:2rem;--brick-color-picker-swatch-gap:var(--brick-space-2);--brick-color-picker-swatch-radius:var(--brick-radius-full);--brick-color-picker-checker-size:.5rem;--brick-color-picker-background:transparent;--brick-color-picker-border-color:var(--brick-color-border-default);--brick-color-picker-focus-ring:var(--brick-color-focus-ring);--brick-color-picker-content-background:var(--brick-color-surface-overlay);--brick-color-picker-content-border-color:var(--brick-color-border-default);--brick-color-picker-content-radius:var(--brick-radius-overlay);--brick-color-picker-content-shadow:var(--brick-shadow-floating);--brick-color-picker-indicator-color:white;--brick-color-picker-indicator-shadow:#000000b3;gap:var(--brick-space-2);min-inline-size:0;color:var(--brick-color-text-primary);display:grid}.brick-color-picker[data-size=sm]{--brick-color-picker-control-size:2rem;--brick-color-picker-area-block-size:8rem;--brick-color-picker-thumb-size:1rem;--brick-color-picker-swatch-size:1.75rem}.brick-color-picker[data-size=lg]{--brick-color-picker-control-size:3rem;--brick-color-picker-area-block-size:14rem;--brick-color-picker-thumb-size:1.25rem;--brick-color-picker-swatch-size:2.5rem}.brick-color-picker[data-variant=soft]{--brick-color-picker-background:var(--brick-color-surface-subtle)}.brick-color-picker__label,.brick-color-picker__channel-slider-label{inline-size:fit-content;color:var(--brick-color-text-primary);font-family:var(--brick-typography-label-md-font-family);font-size:var(--brick-typography-label-md-font-size);font-weight:var(--brick-typography-label-md-font-weight);letter-spacing:var(--brick-typography-label-md-letter-spacing);line-height:var(--brick-typography-label-md-line-height)}.brick-color-picker__control{align-items:stretch;gap:var(--brick-color-picker-gap);min-inline-size:0;display:flex}:where(.brick-color-picker__input,.brick-color-picker__channel-input,.brick-color-picker__native-input,.brick-color-picker__trigger,.brick-color-picker__eye-dropper-trigger,.brick-color-picker__format-trigger,.brick-color-picker__format-select){box-sizing:border-box;min-block-size:var(--brick-color-picker-control-size);border:var(--brick-border-width) solid var(--brick-color-picker-border-color);border-radius:var(--brick-radius-control);background:var(--brick-color-picker-background);color:var(--brick-color-text-primary);font:inherit;transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard)}.brick-color-picker__input{inline-size:var(--brick-color-picker-input-width);flex:1 1 var(--brick-color-picker-input-width);min-inline-size:0;padding-inline:var(--brick-space-3);font-variant-numeric:tabular-nums}.brick-color-picker__channel-input{inline-size:4.5rem;min-inline-size:0;padding-inline:var(--brick-space-2);text-align:center;font-variant-numeric:tabular-nums}.brick-color-picker__native-input{inline-size:var(--brick-color-picker-control-size);padding:var(--brick-space-1);cursor:pointer;flex:none}:where(.brick-color-picker__trigger,.brick-color-picker__eye-dropper-trigger,.brick-color-picker__format-trigger){min-inline-size:var(--brick-color-picker-control-size);justify-content:center;align-items:center;gap:var(--brick-space-2);padding-inline:var(--brick-space-2);cursor:pointer;flex:none;display:inline-flex}.brick-color-picker__format-select{padding-inline:var(--brick-space-2);cursor:pointer}:where(.brick-color-picker__input,.brick-color-picker__channel-input,.brick-color-picker__native-input,.brick-color-picker__trigger,.brick-color-picker__eye-dropper-trigger,.brick-color-picker__format-trigger,.brick-color-picker__format-select):hover{border-color:var(--brick-color-border-strong);background-color:var(--brick-color-surface-hover,var(--brick-color-surface-subtle))}:where(.brick-color-picker__input,.brick-color-picker__channel-input,.brick-color-picker__native-input,.brick-color-picker__trigger,.brick-color-picker__eye-dropper-trigger,.brick-color-picker__format-trigger,.brick-color-picker__format-select,.brick-color-picker__swatch-trigger,.brick-color-picker__area,.brick-color-picker__channel-slider):focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-picker-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-color-picker__value-text,.brick-color-picker__channel-slider-value{color:var(--brick-color-text-secondary);font-variant-numeric:tabular-nums}.brick-color-picker__value-swatch,.brick-color-picker__swatch{box-sizing:border-box;inline-size:var(--brick-color-picker-swatch-size);block-size:var(--brick-color-picker-swatch-size);border:var(--brick-border-width) solid var(--brick-color-border-default);border-radius:var(--brick-color-picker-swatch-radius);background-color:var(--brick-color-surface-base);background-image:repeating-conic-gradient(var(--brick-color-surface-subtle) 0 25%, var(--brick-color-surface-raised) 0 50%);background-size:var(--brick-color-picker-checker-size) var(--brick-color-picker-checker-size);place-items:center;display:inline-grid;position:relative;overflow:hidden}.brick-color-picker__area{box-sizing:border-box;inline-size:100%;block-size:var(--brick-color-picker-area-block-size);border:var(--brick-border-width) solid var(--brick-color-border-default);border-radius:var(--brick-radius-surface);touch-action:none;position:relative;overflow:hidden}.brick-color-picker__area-background{inset:0;position:absolute!important}.brick-color-picker__area-thumb,.brick-color-picker__channel-slider-thumb{box-sizing:border-box;inline-size:var(--brick-color-picker-thumb-size);block-size:var(--brick-color-picker-thumb-size);border-radius:var(--brick-radius-full);box-shadow:0 0 0 1px #0006, var(--brick-shadow-floating);background:currentColor;border:2px solid #fff}.brick-color-picker__channel-slider{align-items:center;gap:var(--brick-space-1) var(--brick-space-2);touch-action:none;grid-template-columns:1fr auto;min-inline-size:0;display:grid;position:relative}.brick-color-picker__channel-slider-track{block-size:var(--brick-color-picker-slider-block-size);border:var(--brick-border-width) solid var(--brick-color-border-default);border-radius:var(--brick-radius-full);grid-column:1/-1;position:relative;overflow:hidden}.brick-color-picker__transparency-grid{border-radius:inherit;position:absolute;inset:0}.brick-color-picker__positioner{z-index:calc(var(--brick-layer-overlay) - 1)}.brick-color-picker__content{box-sizing:border-box;inline-size:min(21rem, calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));gap:var(--brick-space-3);max-block-size:min(32rem,100dvb - 2rem);padding:var(--brick-space-3);border:var(--brick-border-width) solid var(--brick-color-picker-content-border-color);border-radius:var(--brick-color-picker-content-radius);background:var(--brick-color-picker-content-background);box-shadow:var(--brick-color-picker-content-shadow);color:var(--brick-color-text-primary);overscroll-behavior:contain;display:grid;overflow:auto}.brick-color-picker>.brick-color-picker__content{inline-size:min(21rem,100%)}.brick-color-picker__view:not([hidden]){gap:var(--brick-space-2);display:grid}.brick-color-picker__swatch-group{gap:var(--brick-color-picker-swatch-gap);flex-wrap:wrap;display:flex}.brick-color-picker__swatch-trigger{box-sizing:border-box;min-inline-size:var(--brick-color-picker-control-size);min-block-size:var(--brick-color-picker-control-size);padding:var(--brick-space-1);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-radius-full);color:var(--brick-color-text-primary);cursor:pointer;background:0 0;place-items:center;display:inline-grid;position:relative}.brick-color-picker__swatch-trigger:hover{border-color:var(--brick-color-border-strong);background:var(--brick-color-surface-hover,var(--brick-color-surface-subtle))}.brick-color-picker__swatch-trigger[data-state=checked],.brick-color-picker__swatch-trigger[aria-pressed=true]{border-color:var(--brick-color-accent-border)}.brick-color-picker__swatch-indicator{z-index:1;block-size:1rem;inline-size:1rem;color:var(--brick-color-picker-indicator-color);filter:drop-shadow(0 1px 1px var(--brick-color-picker-indicator-shadow));place-items:center;display:inline-grid;position:relative}.brick-color-picker__swatch-indicator:before{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);content:"✓"}.brick-color-picker[data-invalid]{--brick-color-picker-border-color:var(--brick-color-danger-border);--brick-color-picker-focus-ring:var(--brick-color-danger-text)}.brick-color-picker[data-disabled] :where(input,button,select){cursor:not-allowed;color:var(--brick-color-text-disabled);opacity:.72}.brick-color-picker[data-readonly] :where(input,select,.brick-color-picker__swatch-trigger){cursor:not-allowed;background:var(--brick-color-surface-subtle)}@supports not (height:100dvb){.brick-color-picker__content{max-block-size:min(32rem,100vh - 2rem)}}@media (width<=30rem){.brick-color-picker__control{flex-wrap:wrap}.brick-color-picker__input{flex-basis:100%;inline-size:100%}.brick-color-picker__content{inline-size:min(21rem,100dvi - 1rem)}.brick-color-picker__swatch-trigger{min-block-size:2.75rem;min-inline-size:2.75rem}}@media (prefers-reduced-motion:reduce){.brick-color-picker :where(input,button,select){transition-duration:1ms}}@media (forced-colors:active){.brick-color-picker{--brick-color-picker-background:Canvas;--brick-color-picker-border-color:CanvasText;--brick-color-picker-content-background:Canvas;--brick-color-picker-content-border-color:CanvasText;--brick-color-picker-content-shadow:none;--brick-color-picker-indicator-color:CanvasText;--brick-color-picker-indicator-shadow:transparent}:where(.brick-color-picker__area,.brick-color-picker__channel-slider-track,.brick-color-picker__value-swatch,.brick-color-picker__swatch){forced-color-adjust:none;border-color:canvastext}.brick-color-picker__swatch-trigger[data-state=checked],.brick-color-picker__swatch-trigger[aria-pressed=true]{border-width:2px}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=color-picker.css.map */

package/dist/styles/color-picker.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,uvBAyBA,0GAOA,iEACA,iEAEA,8BACE,sECpCF,+oBAiBA,yEACA,yEACA,yGAEA,wXAUA,kHAOA,gqBAgBA,iJAQA,2IAOA,2OAWA,+OAWA,wRAQA,yTAQA,oKAKA,+OAMA,4MAKA,uLAKA,uQAQA,ifAcA,8BACE,kGAGF,uCACE,mLAGF,8BACE,qPAQA,0FFxKJ","sources":["home/runner/work/brick/brick/.brick-cache/production/color-picker.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/color-swatch/color-swatch.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/color-picker/color-picker.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/color-swatch/color-swatch.css\";\n@import \"../../src/components/color-picker/color-picker.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-color-swatch {\n    --brick-color-swatch-size: 1.5rem;\n    --brick-color-swatch-value: transparent;\n    --brick-color-swatch-border-color: var(--brick-color-border-default);\n    --brick-color-swatch-radius: var(--brick-radius-subtle);\n\n    position: relative;\n    display: inline-block;\n    box-sizing: border-box;\n    inline-size: var(--brick-color-swatch-size);\n    block-size: var(--brick-color-swatch-size);\n    flex: none;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-swatch-border-color);\n    border-radius: var(--brick-color-swatch-radius);\n    background-color: var(--brick-color-surface-base);\n    background-image: repeating-conic-gradient(\n      var(--brick-color-surface-subtle) 0 25%,\n      var(--brick-color-surface-raised) 0 50%\n    );\n    background-position: 0 0;\n    background-size: 0.5rem 0.5rem;\n    vertical-align: middle;\n  }\n\n  .brick-color-swatch::after {\n    position: absolute;\n    inset: 0;\n    background: var(--brick-color-swatch-value);\n    content: \"\";\n  }\n\n  .brick-color-swatch[data-size=\"sm\"] { --brick-color-swatch-size: 1rem; }\n  .brick-color-swatch[data-size=\"lg\"] { --brick-color-swatch-size: 2rem; }\n\n  @media (forced-colors: active) {\n    .brick-color-swatch {\n      border-color: CanvasText;\n      forced-color-adjust: none;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-color-picker {\n    --brick-color-picker-control-size: 2.5rem;\n    --brick-color-picker-gap: var(--brick-space-2);\n    --brick-color-picker-background: transparent;\n    --brick-color-picker-border-color: var(--brick-color-border-default);\n    --brick-color-picker-focus-ring: var(--brick-color-focus-ring);\n    --brick-color-picker-content-background: var(--brick-color-surface-overlay);\n    --brick-color-picker-content-border-color: var(--brick-color-border-default);\n    --brick-color-picker-content-radius: var(--brick-radius-overlay);\n    --brick-color-picker-content-shadow: var(--brick-shadow-floating);\n\n    display: grid;\n    min-inline-size: 0;\n    gap: var(--brick-space-2);\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-color-picker[data-size=\"sm\"] { --brick-color-picker-control-size: 2rem; }\n  .brick-color-picker[data-size=\"lg\"] { --brick-color-picker-control-size: 3rem; }\n  .brick-color-picker[data-variant=\"soft\"] { --brick-color-picker-background: var(--brick-color-surface-subtle); }\n\n  .brick-color-picker__label {\n    inline-size: fit-content;\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-label-md-font-family);\n    font-size: var(--brick-typography-label-md-font-size);\n    font-weight: var(--brick-typography-label-md-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-typography-label-md-line-height);\n  }\n\n  .brick-color-picker__control {\n    display: flex;\n    min-inline-size: 0;\n    align-items: stretch;\n    gap: var(--brick-color-picker-gap);\n  }\n\n  .brick-color-picker__input,\n  .brick-color-picker__native-input,\n  .brick-color-picker__trigger,\n  .brick-color-picker__swatch-trigger {\n    box-sizing: border-box;\n    min-block-size: var(--brick-color-picker-control-size);\n    border: var(--brick-border-width) solid var(--brick-color-picker-border-color);\n    border-radius: var(--brick-radius-control);\n    background: var(--brick-color-picker-background);\n    color: var(--brick-color-text-primary);\n    transition:\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-color-picker__input {\n    inline-size: 9rem;\n    min-inline-size: 0;\n    padding-inline: var(--brick-space-3);\n    font: inherit;\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-color-picker__native-input {\n    inline-size: var(--brick-color-picker-control-size);\n    flex: none;\n    padding: var(--brick-space-1);\n    cursor: pointer;\n  }\n\n  .brick-color-picker__trigger {\n    display: inline-flex;\n    min-inline-size: var(--brick-color-picker-control-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-space-2);\n    padding-inline: var(--brick-space-2);\n    cursor: pointer;\n    font: inherit;\n  }\n\n  .brick-color-picker__swatch-trigger {\n    display: inline-flex;\n    min-inline-size: var(--brick-color-picker-control-size);\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-2);\n    cursor: pointer;\n    font: inherit;\n  }\n\n  .brick-color-picker__input:hover,\n  .brick-color-picker__native-input:hover,\n  .brick-color-picker__trigger:hover,\n  .brick-color-picker__swatch-trigger:hover {\n    border-color: var(--brick-color-border-strong);\n    background-color: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n  }\n\n  .brick-color-picker__input:focus-visible,\n  .brick-color-picker__native-input:focus-visible,\n  .brick-color-picker__trigger:focus-visible,\n  .brick-color-picker__swatch-trigger:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-picker-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-color-picker[data-invalid] {\n    --brick-color-picker-border-color: var(--brick-color-danger-border);\n    --brick-color-picker-focus-ring: var(--brick-color-danger-text);\n  }\n\n  .brick-color-picker[data-disabled] :where(.brick-color-picker__input, .brick-color-picker__native-input, .brick-color-picker__trigger, .brick-color-picker__swatch-trigger) {\n    cursor: not-allowed;\n    color: var(--brick-color-text-disabled);\n    opacity: 0.72;\n  }\n\n  .brick-color-picker[data-readonly] :where(.brick-color-picker__input, .brick-color-picker__native-input, .brick-color-picker__swatch-trigger) {\n    cursor: not-allowed;\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-color-picker__swatch-trigger[aria-pressed=\"true\"] {\n    border-color: var(--brick-color-accent-border);\n    box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-color-accent-border);\n  }\n\n  .brick-color-picker__content {\n    z-index: calc(var(--brick-layer-overlay) - 1);\n    box-sizing: border-box;\n    inline-size: max-content;\n    max-inline-size: min(22rem, calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-color-picker__content > [data-slot=\"popover-viewport\"] {\n    display: grid;\n    min-inline-size: min(18rem, calc(100dvi - 2rem));\n    max-block-size: min(28rem, calc(100dvb - 2rem));\n    gap: var(--brick-space-3);\n    padding: var(--brick-space-3);\n    overflow: auto;\n    border: var(--brick-border-width) solid var(--brick-color-picker-content-border-color);\n    border-radius: var(--brick-color-picker-content-radius);\n    background: var(--brick-color-picker-content-background);\n    box-shadow: var(--brick-color-picker-content-shadow);\n    overscroll-behavior: contain;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-color-picker__content > [data-slot=\"popover-viewport\"] { max-block-size: min(28rem, calc(100vh - 2rem)); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-color-picker :where(.brick-color-picker__input, .brick-color-picker__native-input, .brick-color-picker__trigger, .brick-color-picker__swatch-trigger) { transition-duration: 1ms; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-color-picker {\n      --brick-color-picker-background: Canvas;\n      --brick-color-picker-border-color: CanvasText;\n      --brick-color-picker-content-background: Canvas;\n      --brick-color-picker-content-border-color: CanvasText;\n      --brick-color-picker-content-shadow: none;\n    }\n\n    .brick-color-picker__swatch-trigger[aria-pressed=\"true\"] { border-width: 2px; box-shadow: none; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,uvBAyBA,0GAOA,iEACA,iEACA,oEACA,4FAEA,8BACE,sECtCF,ilCA2BA,iMAOA,oMAOA,yGAIA,kaAWA,kHAOA,oyBAsBA,oNAQA,gKAQA,2IAOA,6TAeA,sFAKA,6XAaA,weAgBA,oJAMA,0oBAmBA,6RAWA,yEAOA,+UAWA,uMAUA,oQASA,uFAMA,6EAIA,4kBAkBA,6EAIA,8EAKA,uGAMA,2ZAeA,sKAKA,6JAKA,mQAWA,wOAOA,oKAKA,qIAMA,4JAKA,8BACE,qEAGF,sBACE,4CACA,4DACA,kEACA,oFAGF,uCACE,yEAGF,8BACE,uVAUA,2LAOA,kIF9WJ","sources":["home/runner/work/brick/brick/.brick-cache/production/color-picker.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/color-swatch/color-swatch.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/color-picker/color-picker.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/color-swatch/color-swatch.css\";\n@import \"../../src/components/color-picker/color-picker.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-color-swatch {\n    --brick-color-swatch-size: 1.5rem;\n    --brick-color-swatch-value: transparent;\n    --brick-color-swatch-border-color: var(--brick-color-border-default);\n    --brick-color-swatch-radius: var(--brick-radius-subtle);\n\n    position: relative;\n    display: inline-block;\n    box-sizing: border-box;\n    inline-size: var(--brick-color-swatch-size);\n    block-size: var(--brick-color-swatch-size);\n    flex: none;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-swatch-border-color);\n    border-radius: var(--brick-color-swatch-radius);\n    background-color: var(--brick-color-surface-base);\n    background-image: repeating-conic-gradient(\n      var(--brick-color-surface-subtle) 0 25%,\n      var(--brick-color-surface-raised) 0 50%\n    );\n    background-position: 0 0;\n    background-size: 0.5rem 0.5rem;\n    vertical-align: middle;\n  }\n\n  .brick-color-swatch::after {\n    position: absolute;\n    inset: 0;\n    background: var(--brick-color-swatch-value);\n    content: \"\";\n  }\n\n  .brick-color-swatch[data-size=\"sm\"] { --brick-color-swatch-size: 1rem; }\n  .brick-color-swatch[data-size=\"lg\"] { --brick-color-swatch-size: 2rem; }\n  .brick-color-swatch[data-shape=\"sharp\"] { --brick-color-swatch-radius: 0; }\n  .brick-color-swatch[data-shape=\"circle\"] { --brick-color-swatch-radius: var(--brick-radius-full); }\n\n  @media (forced-colors: active) {\n    .brick-color-swatch {\n      border-color: CanvasText;\n      forced-color-adjust: none;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-color-picker {\n    --brick-color-picker-control-size: 2.5rem;\n    --brick-color-picker-gap: var(--brick-space-2);\n    --brick-color-picker-input-width: 9rem;\n    --brick-color-picker-area-block-size: 11rem;\n    --brick-color-picker-slider-block-size: 0.75rem;\n    --brick-color-picker-thumb-size: 1.125rem;\n    --brick-color-picker-swatch-size: 2rem;\n    --brick-color-picker-swatch-gap: var(--brick-space-2);\n    --brick-color-picker-swatch-radius: var(--brick-radius-full);\n    --brick-color-picker-checker-size: 0.5rem;\n    --brick-color-picker-background: transparent;\n    --brick-color-picker-border-color: var(--brick-color-border-default);\n    --brick-color-picker-focus-ring: var(--brick-color-focus-ring);\n    --brick-color-picker-content-background: var(--brick-color-surface-overlay);\n    --brick-color-picker-content-border-color: var(--brick-color-border-default);\n    --brick-color-picker-content-radius: var(--brick-radius-overlay);\n    --brick-color-picker-content-shadow: var(--brick-shadow-floating);\n    --brick-color-picker-indicator-color: white;\n    --brick-color-picker-indicator-shadow: rgb(0 0 0 / 70%);\n\n    display: grid;\n    min-inline-size: 0;\n    gap: var(--brick-space-2);\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-color-picker[data-size=\"sm\"] {\n    --brick-color-picker-control-size: 2rem;\n    --brick-color-picker-area-block-size: 8rem;\n    --brick-color-picker-thumb-size: 1rem;\n    --brick-color-picker-swatch-size: 1.75rem;\n  }\n\n  .brick-color-picker[data-size=\"lg\"] {\n    --brick-color-picker-control-size: 3rem;\n    --brick-color-picker-area-block-size: 14rem;\n    --brick-color-picker-thumb-size: 1.25rem;\n    --brick-color-picker-swatch-size: 2.5rem;\n  }\n\n  .brick-color-picker[data-variant=\"soft\"] {\n    --brick-color-picker-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-color-picker__label,\n  .brick-color-picker__channel-slider-label {\n    inline-size: fit-content;\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-label-md-font-family);\n    font-size: var(--brick-typography-label-md-font-size);\n    font-weight: var(--brick-typography-label-md-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-typography-label-md-line-height);\n  }\n\n  .brick-color-picker__control {\n    display: flex;\n    min-inline-size: 0;\n    align-items: stretch;\n    gap: var(--brick-color-picker-gap);\n  }\n\n  :where(\n    .brick-color-picker__input,\n    .brick-color-picker__channel-input,\n    .brick-color-picker__native-input,\n    .brick-color-picker__trigger,\n    .brick-color-picker__eye-dropper-trigger,\n    .brick-color-picker__format-trigger,\n    .brick-color-picker__format-select\n  ) {\n    box-sizing: border-box;\n    min-block-size: var(--brick-color-picker-control-size);\n    border: var(--brick-border-width) solid var(--brick-color-picker-border-color);\n    border-radius: var(--brick-radius-control);\n    background: var(--brick-color-picker-background);\n    color: var(--brick-color-text-primary);\n    font: inherit;\n    transition:\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-color-picker__input {\n    inline-size: var(--brick-color-picker-input-width);\n    min-inline-size: 0;\n    flex: 1 1 var(--brick-color-picker-input-width);\n    padding-inline: var(--brick-space-3);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-color-picker__channel-input {\n    inline-size: 4.5rem;\n    min-inline-size: 0;\n    padding-inline: var(--brick-space-2);\n    text-align: center;\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-color-picker__native-input {\n    inline-size: var(--brick-color-picker-control-size);\n    flex: none;\n    padding: var(--brick-space-1);\n    cursor: pointer;\n  }\n\n  :where(\n    .brick-color-picker__trigger,\n    .brick-color-picker__eye-dropper-trigger,\n    .brick-color-picker__format-trigger\n  ) {\n    display: inline-flex;\n    min-inline-size: var(--brick-color-picker-control-size);\n    flex: none;\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-space-2);\n    padding-inline: var(--brick-space-2);\n    cursor: pointer;\n  }\n\n  .brick-color-picker__format-select {\n    padding-inline: var(--brick-space-2);\n    cursor: pointer;\n  }\n\n  :where(\n    .brick-color-picker__input,\n    .brick-color-picker__channel-input,\n    .brick-color-picker__native-input,\n    .brick-color-picker__trigger,\n    .brick-color-picker__eye-dropper-trigger,\n    .brick-color-picker__format-trigger,\n    .brick-color-picker__format-select\n  ):hover {\n    border-color: var(--brick-color-border-strong);\n    background-color: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n  }\n\n  :where(\n    .brick-color-picker__input,\n    .brick-color-picker__channel-input,\n    .brick-color-picker__native-input,\n    .brick-color-picker__trigger,\n    .brick-color-picker__eye-dropper-trigger,\n    .brick-color-picker__format-trigger,\n    .brick-color-picker__format-select,\n    .brick-color-picker__swatch-trigger,\n    .brick-color-picker__area,\n    .brick-color-picker__channel-slider\n  ):focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-picker-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-color-picker__value-text,\n  .brick-color-picker__channel-slider-value {\n    color: var(--brick-color-text-secondary);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-color-picker__value-swatch,\n  .brick-color-picker__swatch {\n    position: relative;\n    display: inline-grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-color-picker-swatch-size);\n    block-size: var(--brick-color-picker-swatch-size);\n    place-items: center;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-default);\n    border-radius: var(--brick-color-picker-swatch-radius);\n    background-color: var(--brick-color-surface-base);\n    background-image: repeating-conic-gradient(\n      var(--brick-color-surface-subtle) 0 25%,\n      var(--brick-color-surface-raised) 0 50%\n    );\n    background-size: var(--brick-color-picker-checker-size) var(--brick-color-picker-checker-size);\n  }\n\n  .brick-color-picker__area {\n    position: relative;\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: var(--brick-color-picker-area-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-default);\n    border-radius: var(--brick-radius-surface);\n    touch-action: none;\n  }\n\n  .brick-color-picker__area-background {\n    /* Atom's behavioral primitive emits a neutral relative position inline;\n       the finished Brick anatomy makes that gradient fill the bounded area. */\n    position: absolute !important;\n    inset: 0;\n  }\n\n  .brick-color-picker__area-thumb,\n  .brick-color-picker__channel-slider-thumb {\n    box-sizing: border-box;\n    inline-size: var(--brick-color-picker-thumb-size);\n    block-size: var(--brick-color-picker-thumb-size);\n    border: 2px solid white;\n    border-radius: var(--brick-radius-full);\n    background: currentColor;\n    box-shadow: 0 0 0 1px rgb(0 0 0 / 40%), var(--brick-shadow-floating);\n  }\n\n  .brick-color-picker__channel-slider {\n    position: relative;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-space-1) var(--brick-space-2);\n    touch-action: none;\n  }\n\n  .brick-color-picker__channel-slider-track {\n    position: relative;\n    grid-column: 1 / -1;\n    block-size: var(--brick-color-picker-slider-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-default);\n    border-radius: var(--brick-radius-full);\n  }\n\n  .brick-color-picker__transparency-grid {\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n  }\n\n  .brick-color-picker__positioner {\n    z-index: calc(var(--brick-layer-overlay) - 1);\n  }\n\n  .brick-color-picker__content {\n    box-sizing: border-box;\n    display: grid;\n    inline-size: min(21rem, calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));\n    max-block-size: min(32rem, calc(100dvb - 2rem));\n    gap: var(--brick-space-3);\n    padding: var(--brick-space-3);\n    overflow: auto;\n    border: var(--brick-border-width) solid var(--brick-color-picker-content-border-color);\n    border-radius: var(--brick-color-picker-content-radius);\n    background: var(--brick-color-picker-content-background);\n    box-shadow: var(--brick-color-picker-content-shadow);\n    color: var(--brick-color-text-primary);\n    overscroll-behavior: contain;\n  }\n\n  /* Inline Content participates in its authored container instead of the\n     viewport-owned Positioner used by popup compositions. */\n  .brick-color-picker > .brick-color-picker__content {\n    inline-size: min(21rem, 100%);\n  }\n\n  .brick-color-picker__view:not([hidden]) {\n    display: grid;\n    gap: var(--brick-space-2);\n  }\n\n  .brick-color-picker__swatch-group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--brick-color-picker-swatch-gap);\n  }\n\n  .brick-color-picker__swatch-trigger {\n    position: relative;\n    display: inline-grid;\n    box-sizing: border-box;\n    min-inline-size: var(--brick-color-picker-control-size);\n    min-block-size: var(--brick-color-picker-control-size);\n    place-items: center;\n    padding: var(--brick-space-1);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-radius-full);\n    background: transparent;\n    color: var(--brick-color-text-primary);\n    cursor: pointer;\n  }\n\n  .brick-color-picker__swatch-trigger:hover {\n    border-color: var(--brick-color-border-strong);\n    background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n  }\n\n  .brick-color-picker__swatch-trigger[data-state=\"checked\"],\n  .brick-color-picker__swatch-trigger[aria-pressed=\"true\"] {\n    border-color: var(--brick-color-accent-border);\n  }\n\n  .brick-color-picker__swatch-indicator {\n    position: relative;\n    z-index: 1;\n    display: inline-grid;\n    inline-size: 1rem;\n    block-size: 1rem;\n    place-items: center;\n    color: var(--brick-color-picker-indicator-color);\n    filter: drop-shadow(0 1px 1px var(--brick-color-picker-indicator-shadow));\n  }\n\n  .brick-color-picker__swatch-indicator::before {\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    content: \"✓\";\n  }\n\n  .brick-color-picker[data-invalid] {\n    --brick-color-picker-border-color: var(--brick-color-danger-border);\n    --brick-color-picker-focus-ring: var(--brick-color-danger-text);\n  }\n\n  .brick-color-picker[data-disabled] :where(input, button, select) {\n    cursor: not-allowed;\n    color: var(--brick-color-text-disabled);\n    opacity: 0.72;\n  }\n\n  .brick-color-picker[data-readonly] :where(input, select, .brick-color-picker__swatch-trigger) {\n    cursor: not-allowed;\n    background: var(--brick-color-surface-subtle);\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-color-picker__content { max-block-size: min(32rem, calc(100vh - 2rem)); }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-color-picker__control { flex-wrap: wrap; }\n    .brick-color-picker__input { inline-size: 100%; flex-basis: 100%; }\n    .brick-color-picker__content { inline-size: min(21rem, calc(100dvi - 1rem)); }\n    .brick-color-picker__swatch-trigger { min-inline-size: 2.75rem; min-block-size: 2.75rem; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-color-picker :where(input, button, select) { transition-duration: 1ms; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-color-picker {\n      --brick-color-picker-background: Canvas;\n      --brick-color-picker-border-color: CanvasText;\n      --brick-color-picker-content-background: Canvas;\n      --brick-color-picker-content-border-color: CanvasText;\n      --brick-color-picker-content-shadow: none;\n      --brick-color-picker-indicator-color: CanvasText;\n      --brick-color-picker-indicator-shadow: transparent;\n    }\n\n    :where(\n      .brick-color-picker__area,\n      .brick-color-picker__channel-slider-track,\n      .brick-color-picker__value-swatch,\n      .brick-color-picker__swatch\n    ) { border-color: CanvasText; forced-color-adjust: none; }\n\n    .brick-color-picker__swatch-trigger[data-state=\"checked\"],\n    .brick-color-picker__swatch-trigger[aria-pressed=\"true\"] { border-width: 2px; }\n  }\n}\n"],"names":[]}

package/dist/styles/color-swatch.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-color-swatch{--brick-color-swatch-size:1.5rem;--brick-color-swatch-value:transparent;--brick-color-swatch-border-color:var(--brick-color-border-default);--brick-color-swatch-radius:var(--brick-radius-subtle);box-sizing:border-box;inline-size:var(--brick-color-swatch-size);block-size:var(--brick-color-swatch-size);border:var(--brick-border-width) solid var(--brick-color-swatch-border-color);border-radius:var(--brick-color-swatch-radius);background-color:var(--brick-color-surface-base);background-image:repeating-conic-gradient(var(--brick-color-surface-subtle) 0 25%, var(--brick-color-surface-raised) 0 50%);vertical-align:middle;background-position:0 0;background-size:.5rem .5rem;flex:none;display:inline-block;position:relative;overflow:hidden}.brick-color-swatch:after{background:var(--brick-color-swatch-value);content:"";position:absolute;inset:0}.brick-color-swatch[data-size=sm]{--brick-color-swatch-size:1rem}.brick-color-swatch[data-size=lg]{--brick-color-swatch-size:2rem}@media (forced-colors:active){.brick-color-swatch{forced-color-adjust:none;border-color:canvastext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-color-swatch{--brick-color-swatch-size:1.5rem;--brick-color-swatch-value:transparent;--brick-color-swatch-border-color:var(--brick-color-border-default);--brick-color-swatch-radius:var(--brick-radius-subtle);box-sizing:border-box;inline-size:var(--brick-color-swatch-size);block-size:var(--brick-color-swatch-size);border:var(--brick-border-width) solid var(--brick-color-swatch-border-color);border-radius:var(--brick-color-swatch-radius);background-color:var(--brick-color-surface-base);background-image:repeating-conic-gradient(var(--brick-color-surface-subtle) 0 25%, var(--brick-color-surface-raised) 0 50%);vertical-align:middle;background-position:0 0;background-size:.5rem .5rem;flex:none;display:inline-block;position:relative;overflow:hidden}.brick-color-swatch:after{background:var(--brick-color-swatch-value);content:"";position:absolute;inset:0}.brick-color-swatch[data-size=sm]{--brick-color-swatch-size:1rem}.brick-color-swatch[data-size=lg]{--brick-color-swatch-size:2rem}.brick-color-swatch[data-shape=sharp]{--brick-color-swatch-radius:0}.brick-color-swatch[data-shape=circle]{--brick-color-swatch-radius:var(--brick-radius-full)}@media (forced-colors:active){.brick-color-swatch{forced-color-adjust:none;border-color:canvastext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=color-swatch.css.map */

package/dist/styles/color-swatch.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,uvBAyBA,0GAOA,iEACA,iEAEA,8BACE,uEDrCJ","sources":["home/runner/work/brick/brick/.brick-cache/production/color-swatch.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/color-swatch/color-swatch.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/color-swatch/color-swatch.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-color-swatch {\n    --brick-color-swatch-size: 1.5rem;\n    --brick-color-swatch-value: transparent;\n    --brick-color-swatch-border-color: var(--brick-color-border-default);\n    --brick-color-swatch-radius: var(--brick-radius-subtle);\n\n    position: relative;\n    display: inline-block;\n    box-sizing: border-box;\n    inline-size: var(--brick-color-swatch-size);\n    block-size: var(--brick-color-swatch-size);\n    flex: none;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-swatch-border-color);\n    border-radius: var(--brick-color-swatch-radius);\n    background-color: var(--brick-color-surface-base);\n    background-image: repeating-conic-gradient(\n      var(--brick-color-surface-subtle) 0 25%,\n      var(--brick-color-surface-raised) 0 50%\n    );\n    background-position: 0 0;\n    background-size: 0.5rem 0.5rem;\n    vertical-align: middle;\n  }\n\n  .brick-color-swatch::after {\n    position: absolute;\n    inset: 0;\n    background: var(--brick-color-swatch-value);\n    content: \"\";\n  }\n\n  .brick-color-swatch[data-size=\"sm\"] { --brick-color-swatch-size: 1rem; }\n  .brick-color-swatch[data-size=\"lg\"] { --brick-color-swatch-size: 2rem; }\n\n  @media (forced-colors: active) {\n    .brick-color-swatch {\n      border-color: CanvasText;\n      forced-color-adjust: none;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,uvBAyBA,0GAOA,iEACA,iEACA,oEACA,4FAEA,8BACE,uEDvCJ","sources":["home/runner/work/brick/brick/.brick-cache/production/color-swatch.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/color-swatch/color-swatch.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/color-swatch/color-swatch.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-color-swatch {\n    --brick-color-swatch-size: 1.5rem;\n    --brick-color-swatch-value: transparent;\n    --brick-color-swatch-border-color: var(--brick-color-border-default);\n    --brick-color-swatch-radius: var(--brick-radius-subtle);\n\n    position: relative;\n    display: inline-block;\n    box-sizing: border-box;\n    inline-size: var(--brick-color-swatch-size);\n    block-size: var(--brick-color-swatch-size);\n    flex: none;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-swatch-border-color);\n    border-radius: var(--brick-color-swatch-radius);\n    background-color: var(--brick-color-surface-base);\n    background-image: repeating-conic-gradient(\n      var(--brick-color-surface-subtle) 0 25%,\n      var(--brick-color-surface-raised) 0 50%\n    );\n    background-position: 0 0;\n    background-size: 0.5rem 0.5rem;\n    vertical-align: middle;\n  }\n\n  .brick-color-swatch::after {\n    position: absolute;\n    inset: 0;\n    background: var(--brick-color-swatch-value);\n    content: \"\";\n  }\n\n  .brick-color-swatch[data-size=\"sm\"] { --brick-color-swatch-size: 1rem; }\n  .brick-color-swatch[data-size=\"lg\"] { --brick-color-swatch-size: 2rem; }\n  .brick-color-swatch[data-shape=\"sharp\"] { --brick-color-swatch-radius: 0; }\n  .brick-color-swatch[data-shape=\"circle\"] { --brick-color-swatch-radius: var(--brick-radius-full); }\n\n  @media (forced-colors: active) {\n    .brick-color-swatch {\n      border-color: CanvasText;\n      forced-color-adjust: none;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/em.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-em{--brick-em-font-style:italic;color:inherit;font:inherit;font-style:var(--brick-em-font-style)}@media (forced-colors:active){.brick-em{color:currentColor}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=em.css.map */

package/dist/styles/em.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,wGAQA,8BACE,+BDVJ","sources":["home/runner/work/brick/brick/.brick-cache/production/em.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/em/em.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/em/em.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-em {\n    --brick-em-font-style: italic;\n\n    color: inherit;\n    font: inherit;\n    font-style: var(--brick-em-font-style);\n  }\n\n  @media (forced-colors: active) {\n    .brick-em { color: currentColor; }\n  }\n}\n"],"names":[]}

package/dist/styles/highlight.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-highlight{--brick-highlight-background:var(--brick-color-accent-soft);--brick-highlight-foreground:var(--brick-color-accent-text);--brick-highlight-radius:var(--brick-radius-subtle);--brick-highlight-padding-inline:.125em;--brick-highlight-decoration-color:var(--brick-color-accent-border);--brick-highlight-decoration-thickness:.125em;--brick-highlight-decoration-offset:.125em}.brick-highlight[data-tone=neutral]{--brick-highlight-background:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 28%);--brick-highlight-foreground:var(--brick-color-text-primary);--brick-highlight-decoration-color:var(--brick-color-border-strong)}.brick-highlight[data-variant=solid]{--brick-highlight-background:var(--brick-color-accent-solid);--brick-highlight-foreground:var(--brick-color-accent-on-solid)}.brick-highlight[data-variant=solid][data-tone=neutral]{--brick-highlight-background:var(--brick-color-text-primary);--brick-highlight-foreground:var(--brick-color-surface-canvas)}.brick-highlight [data-slot=highlight-match]{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:var(--brick-highlight-padding-inline);border-radius:var(--brick-highlight-radius);background:var(--brick-highlight-background);color:var(--brick-highlight-foreground);font:inherit}.brick-highlight[data-variant=underline] [data-slot=highlight-match]{--brick-highlight-background:transparent;--brick-highlight-foreground:currentColor;--brick-highlight-padding-inline:0em;-webkit-text-decoration-color:var(--brick-highlight-decoration-color);text-decoration-color:var(--brick-highlight-decoration-color);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration-line:underline;text-decoration-thickness:var(--brick-highlight-decoration-thickness);text-underline-offset:var(--brick-highlight-decoration-offset)}@media (forced-colors:active){.brick-highlight{--brick-highlight-background:Highlight;--brick-highlight-foreground:HighlightText;--brick-highlight-decoration-color:Highlight}.brick-highlight[data-variant=underline] [data-slot=highlight-match]{--brick-highlight-background:transparent;--brick-highlight-foreground:CanvasText}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=highlight.css.map */

package/dist/styles/highlight.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,kYAUA,6RAUA,kKAKA,oLAKA,8SAUA,yiBAYA,8BACE,gJAMA,wJD5DJ","sources":["home/runner/work/brick/brick/.brick-cache/production/highlight.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/highlight/highlight.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/highlight/highlight.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-highlight {\n    --brick-highlight-background: var(--brick-color-accent-soft);\n    --brick-highlight-foreground: var(--brick-color-accent-text);\n    --brick-highlight-radius: var(--brick-radius-subtle);\n    --brick-highlight-padding-inline: 0.125em;\n    --brick-highlight-decoration-color: var(--brick-color-accent-border);\n    --brick-highlight-decoration-thickness: 0.125em;\n    --brick-highlight-decoration-offset: 0.125em;\n  }\n\n  .brick-highlight[data-tone=\"neutral\"] {\n    --brick-highlight-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-highlight-foreground: var(--brick-color-text-primary);\n    --brick-highlight-decoration-color: var(--brick-color-border-strong);\n  }\n\n  .brick-highlight[data-variant=\"solid\"] {\n    --brick-highlight-background: var(--brick-color-accent-solid);\n    --brick-highlight-foreground: var(--brick-color-accent-on-solid);\n  }\n\n  .brick-highlight[data-variant=\"solid\"][data-tone=\"neutral\"] {\n    --brick-highlight-background: var(--brick-color-text-primary);\n    --brick-highlight-foreground: var(--brick-color-surface-canvas);\n  }\n\n  .brick-highlight [data-slot=\"highlight-match\"] {\n    box-decoration-break: clone;\n    padding-inline: var(--brick-highlight-padding-inline);\n    border-radius: var(--brick-highlight-radius);\n    background: var(--brick-highlight-background);\n    color: var(--brick-highlight-foreground);\n    font: inherit;\n    -webkit-box-decoration-break: clone;\n  }\n\n  .brick-highlight[data-variant=\"underline\"] [data-slot=\"highlight-match\"] {\n    --brick-highlight-background: transparent;\n    --brick-highlight-foreground: currentColor;\n    --brick-highlight-padding-inline: 0em;\n\n    text-decoration-color: var(--brick-highlight-decoration-color);\n    text-decoration-line: underline;\n    text-decoration-skip-ink: auto;\n    text-decoration-thickness: var(--brick-highlight-decoration-thickness);\n    text-underline-offset: var(--brick-highlight-decoration-offset);\n  }\n\n  @media (forced-colors: active) {\n    .brick-highlight {\n      --brick-highlight-background: Highlight;\n      --brick-highlight-foreground: HighlightText;\n      --brick-highlight-decoration-color: Highlight;\n    }\n\n    .brick-highlight[data-variant=\"underline\"] [data-slot=\"highlight-match\"] {\n      --brick-highlight-background: transparent;\n      --brick-highlight-foreground: CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/kbd.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-kbd{--brick-kbd-background:var(--brick-color-surface-raised);--brick-kbd-foreground:var(--brick-color-text-primary);--brick-kbd-border-color:var(--brick-color-border-strong);--brick-kbd-border-block-end-color:var(--brick-color-border-strong);--brick-kbd-radius:var(--brick-radius-subtle);--brick-kbd-font-family:var(--brick-typography-code-inline-font-family);--brick-kbd-font-size:var(--brick-typography-control-sm-font-size);--brick-kbd-font-weight:var(--brick-typography-control-sm-font-weight);--brick-kbd-line-height:var(--brick-typography-control-sm-line-height);--brick-kbd-letter-spacing:var(--brick-typography-code-inline-letter-spacing);--brick-kbd-min-block-size:1.5rem;--brick-kbd-padding-inline:.375rem;--brick-kbd-shadow:0 .125rem 0 var(--brick-kbd-border-block-end-color);box-sizing:border-box;min-inline-size:1.5em;min-block-size:var(--brick-kbd-min-block-size);padding-inline:var(--brick-kbd-padding-inline);border:var(--brick-border-width) solid var(--brick-kbd-border-color);border-radius:var(--brick-kbd-radius);background:var(--brick-kbd-background);box-shadow:var(--brick-kbd-shadow);color:var(--brick-kbd-foreground);font-family:var(--brick-kbd-font-family);font-size:var(--brick-kbd-font-size);font-weight:var(--brick-kbd-font-weight);letter-spacing:var(--brick-kbd-letter-spacing);line-height:var(--brick-kbd-line-height);vertical-align:.08em;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.brick-kbd[data-variant=outline]{--brick-kbd-background:transparent;--brick-kbd-shadow:none}.brick-kbd[data-variant=subtle]{--brick-kbd-background:var(--brick-color-surface-subtle);--brick-kbd-border-color:transparent;--brick-kbd-shadow:none}.brick-kbd[data-variant=plain]{--brick-kbd-background:transparent;--brick-kbd-border-color:transparent;--brick-kbd-padding-inline:0rem;--brick-kbd-shadow:none}.brick-kbd[data-size=sm]{--brick-kbd-font-size:var(--brick-typography-control-xs-font-size);--brick-kbd-font-weight:var(--brick-typography-control-xs-font-weight);--brick-kbd-line-height:var(--brick-typography-control-xs-line-height);--brick-kbd-min-block-size:1.25rem;--brick-kbd-padding-inline:.25rem}.brick-kbd[data-size=lg]{--brick-kbd-font-size:var(--brick-typography-control-md-font-size);--brick-kbd-font-weight:var(--brick-typography-control-md-font-weight);--brick-kbd-line-height:var(--brick-typography-control-md-line-height);--brick-kbd-min-block-size:1.75rem;--brick-kbd-padding-inline:.5rem}@media (forced-colors:active){.brick-kbd{--brick-kbd-background:Canvas;--brick-kbd-foreground:CanvasText;--brick-kbd-border-color:ButtonText;--brick-kbd-border-block-end-color:ButtonText}.brick-kbd[data-variant=subtle],.brick-kbd[data-variant=plain]{--brick-kbd-border-color:ButtonText}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=kbd.css.map */

package/dist/styles/kbd.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,g7CAoCA,4FAKA,sJAMA,+JAOA,+SAQA,8SAQA,8BACE,6JAOA,qGD/EJ","sources":["home/runner/work/brick/brick/.brick-cache/production/kbd.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/kbd/kbd.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/kbd/kbd.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-kbd {\n    --brick-kbd-background: var(--brick-color-surface-raised);\n    --brick-kbd-foreground: var(--brick-color-text-primary);\n    --brick-kbd-border-color: var(--brick-color-border-strong);\n    --brick-kbd-border-block-end-color: var(--brick-color-border-strong);\n    --brick-kbd-radius: var(--brick-radius-subtle);\n    --brick-kbd-font-family: var(--brick-typography-code-inline-font-family);\n    --brick-kbd-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-kbd-font-weight: var(--brick-typography-control-sm-font-weight);\n    --brick-kbd-line-height: var(--brick-typography-control-sm-line-height);\n    --brick-kbd-letter-spacing: var(--brick-typography-code-inline-letter-spacing);\n    --brick-kbd-min-block-size: 1.5rem;\n    --brick-kbd-padding-inline: 0.375rem;\n    --brick-kbd-shadow: 0 0.125rem 0 var(--brick-kbd-border-block-end-color);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 1.5em;\n    min-block-size: var(--brick-kbd-min-block-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-kbd-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-kbd-border-color);\n    border-radius: var(--brick-kbd-radius);\n    background: var(--brick-kbd-background);\n    box-shadow: var(--brick-kbd-shadow);\n    color: var(--brick-kbd-foreground);\n    font-family: var(--brick-kbd-font-family);\n    font-size: var(--brick-kbd-font-size);\n    font-weight: var(--brick-kbd-font-weight);\n    letter-spacing: var(--brick-kbd-letter-spacing);\n    line-height: var(--brick-kbd-line-height);\n    vertical-align: 0.08em;\n    white-space: nowrap;\n  }\n\n  .brick-kbd[data-variant=\"outline\"] {\n    --brick-kbd-background: transparent;\n    --brick-kbd-shadow: none;\n  }\n\n  .brick-kbd[data-variant=\"subtle\"] {\n    --brick-kbd-background: var(--brick-color-surface-subtle);\n    --brick-kbd-border-color: transparent;\n    --brick-kbd-shadow: none;\n  }\n\n  .brick-kbd[data-variant=\"plain\"] {\n    --brick-kbd-background: transparent;\n    --brick-kbd-border-color: transparent;\n    --brick-kbd-padding-inline: 0rem;\n    --brick-kbd-shadow: none;\n  }\n\n  .brick-kbd[data-size=\"sm\"] {\n    --brick-kbd-font-size: var(--brick-typography-control-xs-font-size);\n    --brick-kbd-font-weight: var(--brick-typography-control-xs-font-weight);\n    --brick-kbd-line-height: var(--brick-typography-control-xs-line-height);\n    --brick-kbd-min-block-size: 1.25rem;\n    --brick-kbd-padding-inline: 0.25rem;\n  }\n\n  .brick-kbd[data-size=\"lg\"] {\n    --brick-kbd-font-size: var(--brick-typography-control-md-font-size);\n    --brick-kbd-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-kbd-line-height: var(--brick-typography-control-md-line-height);\n    --brick-kbd-min-block-size: 1.75rem;\n    --brick-kbd-padding-inline: 0.5rem;\n  }\n\n  @media (forced-colors: active) {\n    .brick-kbd {\n      --brick-kbd-background: Canvas;\n      --brick-kbd-foreground: CanvasText;\n      --brick-kbd-border-color: ButtonText;\n      --brick-kbd-border-block-end-color: ButtonText;\n    }\n\n    .brick-kbd[data-variant=\"subtle\"],\n    .brick-kbd[data-variant=\"plain\"] {\n      --brick-kbd-border-color: ButtonText;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/mark.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-mark{--brick-mark-background:var(--brick-color-accent-soft);--brick-mark-foreground:var(--brick-color-accent-text);--brick-mark-radius:var(--brick-radius-subtle);--brick-mark-padding-inline:.125em;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:var(--brick-mark-padding-inline);border-radius:var(--brick-mark-radius);background:var(--brick-mark-background);color:var(--brick-mark-foreground);font:inherit}.brick-mark[data-tone=neutral]{--brick-mark-background:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 28%);--brick-mark-foreground:var(--brick-color-text-primary)}.brick-mark[data-variant=solid]{--brick-mark-background:var(--brick-color-accent-solid);--brick-mark-foreground:var(--brick-color-accent-on-solid)}.brick-mark[data-variant=solid][data-tone=neutral]{--brick-mark-background:var(--brick-color-text-primary);--brick-mark-foreground:var(--brick-color-surface-canvas)}.brick-mark[data-variant=plain]{--brick-mark-background:transparent;--brick-mark-foreground:currentColor;--brick-mark-padding-inline:0em}@media (forced-colors:active){.brick-mark{--brick-mark-background:Highlight;--brick-mark-foreground:HighlightText}.brick-mark[data-variant=plain]{--brick-mark-background:transparent;--brick-mark-foreground:CanvasText;text-decoration:underline}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=mark.css.map */

package/dist/styles/mark.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,ybAeA,0MASA,mJAIA,qKAIA,yIAMA,8BACE,oFAIA,mID5CJ","sources":["home/runner/work/brick/brick/.brick-cache/production/mark.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/mark/mark.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/mark/mark.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-mark {\n    --brick-mark-background: var(--brick-color-accent-soft);\n    --brick-mark-foreground: var(--brick-color-accent-text);\n    --brick-mark-radius: var(--brick-radius-subtle);\n    --brick-mark-padding-inline: 0.125em;\n\n    box-decoration-break: clone;\n    padding-inline: var(--brick-mark-padding-inline);\n    border-radius: var(--brick-mark-radius);\n    background: var(--brick-mark-background);\n    color: var(--brick-mark-foreground);\n    font: inherit;\n    -webkit-box-decoration-break: clone;\n  }\n\n  .brick-mark[data-tone=\"neutral\"] {\n    --brick-mark-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-mark-foreground: var(--brick-color-text-primary);\n  }\n\n  .brick-mark[data-variant=\"solid\"] {\n    --brick-mark-background: var(--brick-color-accent-solid);\n    --brick-mark-foreground: var(--brick-color-accent-on-solid);\n  }\n  .brick-mark[data-variant=\"solid\"][data-tone=\"neutral\"] {\n    --brick-mark-background: var(--brick-color-text-primary);\n    --brick-mark-foreground: var(--brick-color-surface-canvas);\n  }\n  .brick-mark[data-variant=\"plain\"] {\n    --brick-mark-background: transparent;\n    --brick-mark-foreground: currentColor;\n    --brick-mark-padding-inline: 0em;\n  }\n\n  @media (forced-colors: active) {\n    .brick-mark {\n      --brick-mark-background: Highlight;\n      --brick-mark-foreground: HighlightText;\n    }\n    .brick-mark[data-variant=\"plain\"] {\n      --brick-mark-background: transparent;\n      --brick-mark-foreground: CanvasText;\n      text-decoration: underline;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/popover.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+TCAA,srCA+BA,wKAOA,wKAOA,gFAIA,2cAgBA,kDAKA,sDAKA,iKAMA,uIAOA,4GAKA,qRAMA,qHAIA,qHAIA,mGAIA,8ZASA,+XAQA,2ZASA,0RAYA,uOAWA,4IAKA,6JAKA,qJAKA,sJAKA,8JAKA,8BACE,uIAKF,sBACE,0DAIA,iEAMF,uBACE,8GAMA,iDAMF,uCACE,gDAMF,8BACE,qLAQA,mFFxOJ","sources":["home/runner/work/brick/brick/.brick-cache/production/popover.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/floating-arrow.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/popover/popover.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/styles/floating-arrow.css\";\n@import \"../../src/components/popover/popover.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-tooltip__arrow, .brick-hover-card__arrow, .brick-popover__arrow) {\n    color: var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color));\n    fill: var(--brick-floating-arrow-fill, var(--brick-tooltip-background));\n    filter: drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color)));\n  }\n}\n","@layer brick.components {\n  .brick-popover {\n    --brick-popover-background: var(--brick-color-surface-overlay);\n    --brick-popover-foreground: var(--brick-color-text-primary);\n    --brick-popover-muted-foreground: var(--brick-color-text-secondary);\n    --brick-popover-border: var(--brick-color-border-default);\n    --brick-popover-radius: var(--brick-radius-overlay);\n    --brick-popover-shadow: var(--brick-shadow-floating);\n    --brick-popover-space: var(--brick-space-4);\n    --brick-popover-max-inline-size-sm: 18rem;\n    --brick-popover-max-inline-size-md: 24rem;\n    --brick-popover-max-inline-size-lg: 32rem;\n    --brick-popover-max-block-size: min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n\n    z-index: calc(var(--brick-layer-overlay) - 1);\n    box-sizing: border-box;\n    inline-size: max-content;\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-md),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    overflow: visible;\n    color: var(--brick-popover-foreground);\n    opacity: 0;\n    overflow-wrap: anywhere;\n    scale: 0.98;\n    transform-origin: var(--brick-floating-arrow-transform-origin, center);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n      scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n  }\n\n  .brick-popover[data-size=\"sm\"] {\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-sm),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n  }\n\n  .brick-popover[data-size=\"lg\"] {\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-lg),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n  }\n\n  .brick-popover[data-density=\"compact\"] {\n    --brick-popover-space: var(--brick-space-3);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] {\n    box-sizing: border-box;\n    display: flex;\n    inline-size: 100%;\n    max-block-size: min(\n      var(--brick-popover-max-block-size),\n      calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))\n    );\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-popover-border);\n    border-radius: var(--brick-popover-radius);\n    background: var(--brick-popover-background);\n    box-shadow: var(--brick-popover-shadow);\n  }\n\n  .brick-popover[data-positioned] {\n    opacity: 1;\n    scale: 1;\n  }\n\n  .brick-popover[data-state=\"closed\"] {\n    opacity: 0;\n    scale: 0.98;\n  }\n\n  .brick-popover__header,\n  .brick-popover > [data-slot=\"popover-viewport\"] > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    flex: none;\n    min-inline-size: 0;\n  }\n\n  .brick-popover__header {\n    display: grid;\n    gap: var(--brick-space-1);\n    padding: var(--brick-popover-space);\n    padding-block-end: var(--brick-space-2);\n  }\n\n  .brick-popover :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"],\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"],\n  .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    padding-inline: var(--brick-popover-space);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"] {\n    padding-block-start: var(--brick-popover-space);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"] {\n    padding-block-start: var(--brick-space-1);\n  }\n\n  .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    padding: 0;\n  }\n\n  .brick-popover :where([data-slot=\"popover-title\"]) {\n    color: var(--brick-popover-foreground);\n    font-family: var(--brick-typography-compact-title-lg-font-family);\n    font-size: var(--brick-typography-compact-title-lg-font-size);\n    font-weight: var(--brick-typography-compact-title-lg-font-weight);\n    letter-spacing: var(--brick-typography-compact-title-lg-letter-spacing);\n    line-height: var(--brick-typography-compact-title-lg-line-height);\n  }\n\n  .brick-popover[data-density=\"compact\"] :where([data-slot=\"popover-title\"]) {\n    font-family: var(--brick-typography-compact-title-font-family);\n    font-size: var(--brick-typography-compact-title-font-size);\n    font-weight: var(--brick-typography-compact-title-font-weight);\n    letter-spacing: var(--brick-typography-compact-title-letter-spacing);\n    line-height: var(--brick-typography-compact-title-line-height);\n  }\n\n  .brick-popover :where([data-slot=\"popover-description\"]) {\n    color: var(--brick-popover-muted-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-popover__body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding: var(--brick-space-3) var(--brick-popover-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-popover-foreground);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-popover__footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);\n  }\n\n  .brick-popover__arrow {\n    --brick-floating-arrow-fill: var(--brick-popover-background);\n    --brick-floating-arrow-stroke: var(--brick-popover-border);\n  }\n\n  .brick-popover[data-side=\"top\"] .brick-popover__arrow {\n    translate: 0 calc(var(--brick-border-width) * -1);\n    filter: drop-shadow(0 1px 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"right\"] .brick-popover__arrow {\n    translate: var(--brick-border-width) 0;\n    filter: drop-shadow(-1px 0 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"bottom\"] .brick-popover__arrow {\n    translate: 0 var(--brick-border-width);\n    filter: drop-shadow(0 -1px 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"left\"] .brick-popover__arrow {\n    translate: calc(var(--brick-border-width) * -1) 0;\n    filter: drop-shadow(1px 0 0 var(--brick-popover-border));\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-popover {\n      --brick-popover-max-block-size: min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n    }\n  }\n\n  @media (max-width: 20rem) {\n    .brick-popover {\n      --brick-popover-space: var(--brick-space-3);\n    }\n\n    .brick-popover__footer > .brick-button {\n      inline-size: 100%;\n      flex: 1 1 100%;\n    }\n  }\n\n  @media (max-height: 20rem) {\n    .brick-popover > [data-slot=\"popover-viewport\"] {\n      overflow: auto;\n      overscroll-behavior: contain;\n      scrollbar-gutter: stable;\n    }\n\n    .brick-popover__body {\n      flex: none;\n      overflow: visible;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-popover {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-popover {\n      --brick-popover-background: Canvas;\n      --brick-popover-foreground: CanvasText;\n      --brick-popover-muted-foreground: CanvasText;\n      --brick-popover-border: CanvasText;\n      box-shadow: none;\n    }\n\n    .brick-popover__arrow {\n      color: CanvasText;\n      fill: Canvas;\n      filter: none;\n      stroke: CanvasText;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+TCAA,srCA+BA,wKAOA,wKAOA,gFAIA,2cAgBA,kDAKA,sDAKA,iKAMA,uIAOA,4GAKA,qRAMA,qHAIA,qHAIA,mGAIA,8ZASA,+XAQA,2ZASA,0RAYA,uOAWA,4IAKA,6JAKA,qJAKA,sJAKA,8JAKA,8BACE,uIAKF,sBACE,0DAIA,iEAMF,uBACE,8GAMA,iDAMF,uCACE,gDAMF,8BACE,qLAQA,mFFxOJ","sources":["home/runner/work/brick/brick/.brick-cache/production/popover.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/popover/popover.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/floating-arrow.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/styles/floating-arrow.css\";\n@import \"../../src/components/popover/popover.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-popover {\n    --brick-popover-background: var(--brick-color-surface-overlay);\n    --brick-popover-foreground: var(--brick-color-text-primary);\n    --brick-popover-muted-foreground: var(--brick-color-text-secondary);\n    --brick-popover-border: var(--brick-color-border-default);\n    --brick-popover-radius: var(--brick-radius-overlay);\n    --brick-popover-shadow: var(--brick-shadow-floating);\n    --brick-popover-space: var(--brick-space-4);\n    --brick-popover-max-inline-size-sm: 18rem;\n    --brick-popover-max-inline-size-md: 24rem;\n    --brick-popover-max-inline-size-lg: 32rem;\n    --brick-popover-max-block-size: min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n\n    z-index: calc(var(--brick-layer-overlay) - 1);\n    box-sizing: border-box;\n    inline-size: max-content;\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-md),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    overflow: visible;\n    color: var(--brick-popover-foreground);\n    opacity: 0;\n    overflow-wrap: anywhere;\n    scale: 0.98;\n    transform-origin: var(--brick-floating-arrow-transform-origin, center);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n      scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n  }\n\n  .brick-popover[data-size=\"sm\"] {\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-sm),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n  }\n\n  .brick-popover[data-size=\"lg\"] {\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-lg),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n  }\n\n  .brick-popover[data-density=\"compact\"] {\n    --brick-popover-space: var(--brick-space-3);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] {\n    box-sizing: border-box;\n    display: flex;\n    inline-size: 100%;\n    max-block-size: min(\n      var(--brick-popover-max-block-size),\n      calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))\n    );\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-popover-border);\n    border-radius: var(--brick-popover-radius);\n    background: var(--brick-popover-background);\n    box-shadow: var(--brick-popover-shadow);\n  }\n\n  .brick-popover[data-positioned] {\n    opacity: 1;\n    scale: 1;\n  }\n\n  .brick-popover[data-state=\"closed\"] {\n    opacity: 0;\n    scale: 0.98;\n  }\n\n  .brick-popover__header,\n  .brick-popover > [data-slot=\"popover-viewport\"] > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    flex: none;\n    min-inline-size: 0;\n  }\n\n  .brick-popover__header {\n    display: grid;\n    gap: var(--brick-space-1);\n    padding: var(--brick-popover-space);\n    padding-block-end: var(--brick-space-2);\n  }\n\n  .brick-popover :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"],\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"],\n  .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    padding-inline: var(--brick-popover-space);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"] {\n    padding-block-start: var(--brick-popover-space);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"] {\n    padding-block-start: var(--brick-space-1);\n  }\n\n  .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    padding: 0;\n  }\n\n  .brick-popover :where([data-slot=\"popover-title\"]) {\n    color: var(--brick-popover-foreground);\n    font-family: var(--brick-typography-compact-title-lg-font-family);\n    font-size: var(--brick-typography-compact-title-lg-font-size);\n    font-weight: var(--brick-typography-compact-title-lg-font-weight);\n    letter-spacing: var(--brick-typography-compact-title-lg-letter-spacing);\n    line-height: var(--brick-typography-compact-title-lg-line-height);\n  }\n\n  .brick-popover[data-density=\"compact\"] :where([data-slot=\"popover-title\"]) {\n    font-family: var(--brick-typography-compact-title-font-family);\n    font-size: var(--brick-typography-compact-title-font-size);\n    font-weight: var(--brick-typography-compact-title-font-weight);\n    letter-spacing: var(--brick-typography-compact-title-letter-spacing);\n    line-height: var(--brick-typography-compact-title-line-height);\n  }\n\n  .brick-popover :where([data-slot=\"popover-description\"]) {\n    color: var(--brick-popover-muted-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-popover__body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding: var(--brick-space-3) var(--brick-popover-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-popover-foreground);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-popover__footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);\n  }\n\n  .brick-popover__arrow {\n    --brick-floating-arrow-fill: var(--brick-popover-background);\n    --brick-floating-arrow-stroke: var(--brick-popover-border);\n  }\n\n  .brick-popover[data-side=\"top\"] .brick-popover__arrow {\n    translate: 0 calc(var(--brick-border-width) * -1);\n    filter: drop-shadow(0 1px 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"right\"] .brick-popover__arrow {\n    translate: var(--brick-border-width) 0;\n    filter: drop-shadow(-1px 0 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"bottom\"] .brick-popover__arrow {\n    translate: 0 var(--brick-border-width);\n    filter: drop-shadow(0 -1px 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"left\"] .brick-popover__arrow {\n    translate: calc(var(--brick-border-width) * -1) 0;\n    filter: drop-shadow(1px 0 0 var(--brick-popover-border));\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-popover {\n      --brick-popover-max-block-size: min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n    }\n  }\n\n  @media (max-width: 20rem) {\n    .brick-popover {\n      --brick-popover-space: var(--brick-space-3);\n    }\n\n    .brick-popover__footer > .brick-button {\n      inline-size: 100%;\n      flex: 1 1 100%;\n    }\n  }\n\n  @media (max-height: 20rem) {\n    .brick-popover > [data-slot=\"popover-viewport\"] {\n      overflow: auto;\n      overscroll-behavior: contain;\n      scrollbar-gutter: stable;\n    }\n\n    .brick-popover__body {\n      flex: none;\n      overflow: visible;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-popover {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-popover {\n      --brick-popover-background: Canvas;\n      --brick-popover-foreground: CanvasText;\n      --brick-popover-muted-foreground: CanvasText;\n      --brick-popover-border: CanvasText;\n      box-shadow: none;\n    }\n\n    .brick-popover__arrow {\n      color: CanvasText;\n      fill: Canvas;\n      filter: none;\n      stroke: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  :where(.brick-tooltip__arrow, .brick-hover-card__arrow, .brick-popover__arrow) {\n    color: var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color));\n    fill: var(--brick-floating-arrow-fill, var(--brick-tooltip-background));\n    filter: drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color)));\n  }\n}\n"],"names":[]}

package/dist/styles/prose.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-prose{--brick-prose-measure:48rem;--brick-prose-flow-space:var(--brick-space-4);--brick-prose-section-space:var(--brick-space-6);--brick-prose-foreground:var(--brick-color-text-primary);--brick-prose-muted-foreground:var(--brick-color-text-secondary);--brick-prose-link-foreground:var(--brick-color-link-text);--brick-prose-accent:var(--brick-color-accent-border);--brick-prose-border-color:var(--brick-color-border-subtle);--brick-prose-surface:var(--brick-color-surface-subtle);--brick-prose-body-font-family:var(--brick-typography-body-md-font-family);--brick-prose-body-font-size:var(--brick-typography-body-md-font-size);--brick-prose-body-font-weight:var(--brick-typography-body-md-font-weight);--brick-prose-body-line-height:var(--brick-typography-body-md-line-height);--brick-prose-body-letter-spacing:var(--brick-typography-body-md-letter-spacing);--brick-prose-heading-font-family:var(--brick-typography-title-md-font-family);--brick-prose-heading-font-weight:var(--brick-typography-title-md-font-weight);--brick-prose-heading-letter-spacing:var(--brick-typography-title-md-letter-spacing);--brick-prose-code-font-family:var(--brick-typography-code-inline-font-family);--brick-prose-code-font-size:var(--brick-typography-code-inline-font-size);--brick-prose-code-radius:var(--brick-radius-subtle);--brick-prose-media-radius:var(--brick-radius-surface);--brick-prose-table-cell-padding-block:var(--brick-space-3);--brick-prose-table-cell-padding-inline:var(--brick-space-4);--_brick-prose-h1-font-size:var(--brick-typography-title-lg-font-size);--_brick-prose-h1-line-height:var(--brick-typography-title-lg-line-height);--_brick-prose-h2-font-size:var(--brick-typography-title-md-font-size);--_brick-prose-h2-line-height:var(--brick-typography-title-md-line-height);--_brick-prose-h3-font-size:var(--brick-typography-title-sm-font-size);--_brick-prose-h3-line-height:var(--brick-typography-title-sm-line-height);box-sizing:border-box;inline-size:100%;max-inline-size:var(--brick-prose-measure);color:var(--brick-prose-foreground);font-family:var(--brick-prose-body-font-family);font-size:var(--brick-prose-body-font-size);font-weight:var(--brick-prose-body-font-weight);letter-spacing:var(--brick-prose-body-letter-spacing);line-height:var(--brick-prose-body-line-height);overflow-wrap:break-word;text-align:start;margin:0}.brick-prose[data-measure=narrow]{--brick-prose-measure:40rem}.brick-prose[data-measure=wide]{--brick-prose-measure:64rem}.brick-prose[data-measure=none]{--brick-prose-measure:none}.brick-prose[data-size=sm]{--brick-prose-body-font-family:var(--brick-typography-body-sm-font-family);--brick-prose-body-font-size:var(--brick-typography-body-sm-font-size);--brick-prose-body-font-weight:var(--brick-typography-body-sm-font-weight);--brick-prose-body-line-height:var(--brick-typography-body-sm-line-height);--brick-prose-body-letter-spacing:var(--brick-typography-body-sm-letter-spacing);--brick-prose-flow-space:var(--brick-space-3);--_brick-prose-h1-font-size:var(--brick-typography-title-md-font-size);--_brick-prose-h1-line-height:var(--brick-typography-title-md-line-height);--_brick-prose-h2-font-size:var(--brick-typography-title-sm-font-size);--_brick-prose-h2-line-height:var(--brick-typography-title-sm-line-height);--_brick-prose-h3-font-size:var(--brick-typography-body-lg-font-size);--_brick-prose-h3-line-height:var(--brick-typography-body-lg-line-height)}.brick-prose[data-size=lg]{--brick-prose-body-font-family:var(--brick-typography-body-lg-font-family);--brick-prose-body-font-size:var(--brick-typography-body-lg-font-size);--brick-prose-body-font-weight:var(--brick-typography-body-lg-font-weight);--brick-prose-body-line-height:var(--brick-typography-body-lg-line-height);--brick-prose-body-letter-spacing:var(--brick-typography-body-lg-letter-spacing);--brick-prose-flow-space:var(--brick-space-5);--_brick-prose-h1-font-size:var(--brick-typography-display-sm-font-size);--_brick-prose-h1-line-height:var(--brick-typography-display-sm-line-height);--_brick-prose-h2-font-size:var(--brick-typography-title-lg-font-size);--_brick-prose-h2-line-height:var(--brick-typography-title-lg-line-height);--_brick-prose-h3-font-size:var(--brick-typography-title-md-font-size);--_brick-prose-h3-line-height:var(--brick-typography-title-md-line-height)}:where(.brick-prose) :where(h1,h2,h3,h4,h5,h6){margin:var(--brick-prose-section-space) 0 0;color:var(--brick-prose-foreground);font-family:var(--brick-prose-heading-font-family);font-weight:var(--brick-prose-heading-font-weight);letter-spacing:var(--brick-prose-heading-letter-spacing);line-height:var(--brick-typography-title-md-line-height);overflow-wrap:break-word;text-wrap:balance}:where(.brick-prose) :where(h1){font-size:var(--_brick-prose-h1-font-size);line-height:var(--_brick-prose-h1-line-height)}:where(.brick-prose) :where(h2){font-size:var(--_brick-prose-h2-font-size);line-height:var(--_brick-prose-h2-line-height)}:where(.brick-prose) :where(h3){font-size:var(--_brick-prose-h3-font-size);line-height:var(--_brick-prose-h3-line-height)}:where(.brick-prose) :where(h4,h5,h6){font-size:var(--brick-prose-body-font-size);line-height:var(--brick-prose-body-line-height)}:where(.brick-prose) :where(p,ul,ol,blockquote,pre,table,figure,hr){margin:var(--brick-prose-flow-space) 0 0}:where(.brick-prose)>:where(:first-child){margin-block-start:0}:where(.brick-prose) :where(ul,ol){padding-inline-start:1.5em}:where(.brick-prose) :where(li+li),:where(.brick-prose) :where(li>ul,li>ol){margin-block-start:calc(var(--brick-prose-flow-space) / 2)}:where(.brick-prose) :where(a){color:var(--brick-prose-link-foreground);text-underline-offset:.16em;text-decoration-line:underline;text-decoration-thickness:.08em}:where(.brick-prose) :where(a:hover){text-decoration-thickness:.14em}:where(.brick-prose) :where(a:focus-visible){border-radius:var(--brick-radius-subtle);outline:.125rem solid var(--brick-color-focus-ring);outline-offset:.125rem}:where(.brick-prose) :where(blockquote){padding-block:var(--brick-space-3);padding-inline:var(--brick-space-5);border-inline-start:.25rem solid var(--brick-prose-accent);color:var(--brick-prose-foreground);font-size:var(--brick-typography-body-lg-font-size)}:where(.brick-prose) :where(blockquote>:first-child){margin-block-start:0}:where(.brick-prose) :where(blockquote>:last-child){margin-block-end:0}:where(.brick-prose) :where(cite,figcaption){color:var(--brick-prose-muted-foreground);font-size:var(--brick-typography-caption-font-size);line-height:var(--brick-typography-caption-line-height)}:where(.brick-prose) :where(code,kbd){border:var(--brick-border-width) solid var(--brick-prose-border-color);border-radius:var(--brick-prose-code-radius);background:var(--brick-prose-surface);font-family:var(--brick-prose-code-font-family);font-size:var(--brick-prose-code-font-size);overflow-wrap:anywhere;padding:.0625em .3em}:where(.brick-prose) :where(pre){box-sizing:border-box;max-inline-size:100%;padding:var(--brick-space-4);border:var(--brick-border-width) solid var(--brick-prose-border-color);border-radius:var(--brick-radius-surface);background:var(--brick-prose-surface);overflow:hidden}:where(.brick-prose) :where(pre code){color:inherit;overflow-wrap:anywhere;white-space:pre-wrap;background:0 0;border:0;padding:0}:where(.brick-prose) :where(table){box-sizing:border-box;border-collapse:collapse;table-layout:fixed;inline-size:100%;max-inline-size:100%}:where(.brick-prose) :where(th,td){padding-block:var(--brick-prose-table-cell-padding-block);padding-inline:var(--brick-prose-table-cell-padding-inline);border-block-end:var(--brick-border-width) solid var(--brick-prose-border-color);text-align:start;vertical-align:top;overflow-wrap:anywhere}:where(.brick-prose) :where(th){background:var(--brick-prose-surface);font-weight:var(--brick-typography-label-strong-font-weight)}:where(.brick-prose) :where(hr){border:0;border-block-start:var(--brick-border-width) solid var(--brick-prose-border-color)}:where(.brick-prose) :where(img,video,svg){border-radius:var(--brick-prose-media-radius);block-size:auto;max-inline-size:100%;display:block}:where(.brick-prose) :where(strong,b){font-weight:var(--brick-typography-label-strong-font-weight)}:where(.brick-prose) :where(mark){border-radius:var(--brick-radius-subtle);background:var(--brick-color-accent-soft);color:var(--brick-color-text-primary);padding-inline:.12em}@media (forced-colors:active){.brick-prose{--brick-prose-foreground:CanvasText;--brick-prose-muted-foreground:CanvasText;--brick-prose-link-foreground:LinkText;--brick-prose-accent:Highlight;--brick-prose-border-color:CanvasText;--brick-prose-surface:Canvas}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=prose.css.map */

package/dist/styles/prose.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,myEA6CA,8DACA,4DACA,2DAEA,s3BAeA,43BAeA,kYAWA,0HAIA,0HAIA,0HAIA,kIAKA,6GAIA,+DAEA,8DAGA,uIAGA,mKAMA,qEACA,iKAMA,kQAOA,0EACA,uEACA,mMAMA,wUASA,gRASA,kIASA,2IAOA,qSAQA,mIAKA,4HAIA,4IAMA,mGACA,gLAOA,8BACE,sODtNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/prose.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/prose/prose.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/prose/prose.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-prose {\n    --brick-prose-measure: 48rem;\n    --brick-prose-flow-space: var(--brick-space-4);\n    --brick-prose-section-space: var(--brick-space-6);\n    --brick-prose-foreground: var(--brick-color-text-primary);\n    --brick-prose-muted-foreground: var(--brick-color-text-secondary);\n    --brick-prose-link-foreground: var(--brick-color-link-text);\n    --brick-prose-accent: var(--brick-color-accent-border);\n    --brick-prose-border-color: var(--brick-color-border-subtle);\n    --brick-prose-surface: var(--brick-color-surface-subtle);\n    --brick-prose-body-font-family: var(--brick-typography-body-md-font-family);\n    --brick-prose-body-font-size: var(--brick-typography-body-md-font-size);\n    --brick-prose-body-font-weight: var(--brick-typography-body-md-font-weight);\n    --brick-prose-body-line-height: var(--brick-typography-body-md-line-height);\n    --brick-prose-body-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    --brick-prose-heading-font-family: var(--brick-typography-title-md-font-family);\n    --brick-prose-heading-font-weight: var(--brick-typography-title-md-font-weight);\n    --brick-prose-heading-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n    --brick-prose-code-font-family: var(--brick-typography-code-inline-font-family);\n    --brick-prose-code-font-size: var(--brick-typography-code-inline-font-size);\n    --brick-prose-code-radius: var(--brick-radius-subtle);\n    --brick-prose-media-radius: var(--brick-radius-surface);\n    --brick-prose-table-cell-padding-block: var(--brick-space-3);\n    --brick-prose-table-cell-padding-inline: var(--brick-space-4);\n    --_brick-prose-h1-font-size: var(--brick-typography-title-lg-font-size);\n    --_brick-prose-h1-line-height: var(--brick-typography-title-lg-line-height);\n    --_brick-prose-h2-font-size: var(--brick-typography-title-md-font-size);\n    --_brick-prose-h2-line-height: var(--brick-typography-title-md-line-height);\n    --_brick-prose-h3-font-size: var(--brick-typography-title-sm-font-size);\n    --_brick-prose-h3-line-height: var(--brick-typography-title-sm-line-height);\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    max-inline-size: var(--brick-prose-measure);\n    margin: 0;\n    color: var(--brick-prose-foreground);\n    font-family: var(--brick-prose-body-font-family);\n    font-size: var(--brick-prose-body-font-size);\n    font-weight: var(--brick-prose-body-font-weight);\n    letter-spacing: var(--brick-prose-body-letter-spacing);\n    line-height: var(--brick-prose-body-line-height);\n    overflow-wrap: break-word;\n    text-align: start;\n  }\n\n  .brick-prose[data-measure=\"narrow\"] { --brick-prose-measure: 40rem; }\n  .brick-prose[data-measure=\"wide\"] { --brick-prose-measure: 64rem; }\n  .brick-prose[data-measure=\"none\"] { --brick-prose-measure: none; }\n\n  .brick-prose[data-size=\"sm\"] {\n    --brick-prose-body-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-prose-body-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-prose-body-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-prose-body-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-prose-body-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    --brick-prose-flow-space: var(--brick-space-3);\n    --_brick-prose-h1-font-size: var(--brick-typography-title-md-font-size);\n    --_brick-prose-h1-line-height: var(--brick-typography-title-md-line-height);\n    --_brick-prose-h2-font-size: var(--brick-typography-title-sm-font-size);\n    --_brick-prose-h2-line-height: var(--brick-typography-title-sm-line-height);\n    --_brick-prose-h3-font-size: var(--brick-typography-body-lg-font-size);\n    --_brick-prose-h3-line-height: var(--brick-typography-body-lg-line-height);\n  }\n\n  .brick-prose[data-size=\"lg\"] {\n    --brick-prose-body-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-prose-body-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-prose-body-font-weight: var(--brick-typography-body-lg-font-weight);\n    --brick-prose-body-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-prose-body-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    --brick-prose-flow-space: var(--brick-space-5);\n    --_brick-prose-h1-font-size: var(--brick-typography-display-sm-font-size);\n    --_brick-prose-h1-line-height: var(--brick-typography-display-sm-line-height);\n    --_brick-prose-h2-font-size: var(--brick-typography-title-lg-font-size);\n    --_brick-prose-h2-line-height: var(--brick-typography-title-lg-line-height);\n    --_brick-prose-h3-font-size: var(--brick-typography-title-md-font-size);\n    --_brick-prose-h3-line-height: var(--brick-typography-title-md-line-height);\n  }\n\n  :where(.brick-prose) :where(h1, h2, h3, h4, h5, h6) {\n    margin: var(--brick-prose-section-space) 0 0;\n    color: var(--brick-prose-foreground);\n    font-family: var(--brick-prose-heading-font-family);\n    font-weight: var(--brick-prose-heading-font-weight);\n    letter-spacing: var(--brick-prose-heading-letter-spacing);\n    line-height: var(--brick-typography-title-md-line-height);\n    overflow-wrap: break-word;\n    text-wrap: balance;\n  }\n\n  :where(.brick-prose) :where(h1) {\n    font-size: var(--_brick-prose-h1-font-size);\n    line-height: var(--_brick-prose-h1-line-height);\n  }\n  :where(.brick-prose) :where(h2) {\n    font-size: var(--_brick-prose-h2-font-size);\n    line-height: var(--_brick-prose-h2-line-height);\n  }\n  :where(.brick-prose) :where(h3) {\n    font-size: var(--_brick-prose-h3-font-size);\n    line-height: var(--_brick-prose-h3-line-height);\n  }\n  :where(.brick-prose) :where(h4, h5, h6) {\n    font-size: var(--brick-prose-body-font-size);\n    line-height: var(--brick-prose-body-line-height);\n  }\n\n  :where(.brick-prose) :where(p, ul, ol, blockquote, pre, table, figure, hr) {\n    margin: var(--brick-prose-flow-space) 0 0;\n  }\n\n  :where(.brick-prose) > :where(:first-child) { margin-block-start: 0; }\n\n  :where(.brick-prose) :where(ul, ol) {\n    padding-inline-start: 1.5em;\n  }\n  :where(.brick-prose) :where(li + li) { margin-block-start: calc(var(--brick-prose-flow-space) / 2); }\n  :where(.brick-prose) :where(li > ul, li > ol) { margin-block-start: calc(var(--brick-prose-flow-space) / 2); }\n\n  :where(.brick-prose) :where(a) {\n    color: var(--brick-prose-link-foreground);\n    text-decoration-line: underline;\n    text-decoration-thickness: 0.08em;\n    text-underline-offset: 0.16em;\n  }\n  :where(.brick-prose) :where(a:hover) { text-decoration-thickness: 0.14em; }\n  :where(.brick-prose) :where(a:focus-visible) {\n    border-radius: var(--brick-radius-subtle);\n    outline: 0.125rem solid var(--brick-color-focus-ring);\n    outline-offset: 0.125rem;\n  }\n\n  :where(.brick-prose) :where(blockquote) {\n    padding-block: var(--brick-space-3);\n    padding-inline: var(--brick-space-5);\n    border-inline-start: 0.25rem solid var(--brick-prose-accent);\n    color: var(--brick-prose-foreground);\n    font-size: var(--brick-typography-body-lg-font-size);\n  }\n  :where(.brick-prose) :where(blockquote > :first-child) { margin-block-start: 0; }\n  :where(.brick-prose) :where(blockquote > :last-child) { margin-block-end: 0; }\n  :where(.brick-prose) :where(cite, figcaption) {\n    color: var(--brick-prose-muted-foreground);\n    font-size: var(--brick-typography-caption-font-size);\n    line-height: var(--brick-typography-caption-line-height);\n  }\n\n  :where(.brick-prose) :where(code, kbd) {\n    padding: 0.0625em 0.3em;\n    border: var(--brick-border-width) solid var(--brick-prose-border-color);\n    border-radius: var(--brick-prose-code-radius);\n    background: var(--brick-prose-surface);\n    font-family: var(--brick-prose-code-font-family);\n    font-size: var(--brick-prose-code-font-size);\n    overflow-wrap: anywhere;\n  }\n  :where(.brick-prose) :where(pre) {\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    padding: var(--brick-space-4);\n    border: var(--brick-border-width) solid var(--brick-prose-border-color);\n    border-radius: var(--brick-radius-surface);\n    background: var(--brick-prose-surface);\n    overflow: hidden;\n  }\n  :where(.brick-prose) :where(pre code) {\n    padding: 0;\n    border: 0;\n    background: transparent;\n    color: inherit;\n    overflow-wrap: anywhere;\n    white-space: pre-wrap;\n  }\n\n  :where(.brick-prose) :where(table) {\n    box-sizing: border-box;\n    inline-size: 100%;\n    max-inline-size: 100%;\n    border-collapse: collapse;\n    table-layout: fixed;\n  }\n  :where(.brick-prose) :where(th, td) {\n    padding-block: var(--brick-prose-table-cell-padding-block);\n    padding-inline: var(--brick-prose-table-cell-padding-inline);\n    border-block-end: var(--brick-border-width) solid var(--brick-prose-border-color);\n    text-align: start;\n    vertical-align: top;\n    overflow-wrap: anywhere;\n  }\n  :where(.brick-prose) :where(th) {\n    background: var(--brick-prose-surface);\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  :where(.brick-prose) :where(hr) {\n    border: 0;\n    border-block-start: var(--brick-border-width) solid var(--brick-prose-border-color);\n  }\n  :where(.brick-prose) :where(img, video, svg) {\n    display: block;\n    max-inline-size: 100%;\n    block-size: auto;\n    border-radius: var(--brick-prose-media-radius);\n  }\n  :where(.brick-prose) :where(strong, b) { font-weight: var(--brick-typography-label-strong-font-weight); }\n  :where(.brick-prose) :where(mark) {\n    padding-inline: 0.12em;\n    border-radius: var(--brick-radius-subtle);\n    background: var(--brick-color-accent-soft);\n    color: var(--brick-color-text-primary);\n  }\n\n  @media (forced-colors: active) {\n    .brick-prose {\n      --brick-prose-foreground: CanvasText;\n      --brick-prose-muted-foreground: CanvasText;\n      --brick-prose-link-foreground: LinkText;\n      --brick-prose-accent: Highlight;\n      --brick-prose-border-color: CanvasText;\n      --brick-prose-surface: Canvas;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/segment-group.css

@@ -1,2 +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;
+@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);text-align:center;white-space:normal;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-text{overflow-wrap:anywhere;min-inline-size:0}.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

@@ -1 +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":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,21CAqCA,sEAIA,oEAKA,4EAIA,k8BA6BA,sDAIA,86BAiCA,kKAMA,yEAKA,oGAIA,6KAMA,oGAKA,2EAKA,0QASA,sSAOA,2QASA,sSAOA,wCACE,6FAKF,uCACE,iDAKF,8BACE,mGAIA,4FAKA,qEAIA,mEAGA,mEDjNJ","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(\n      --brick-control-min-block-size-md\n    );\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(\n      --brick-color-surface-raised\n    );\n    --brick-segment-group-indicator-border: var(--brick-color-border-default);\n    --brick-segment-group-indicator-shadow: 0 0.0625rem 0.125rem\n      color-mix(in srgb, var(--brick-color-text-primary), transparent 82%);\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\n      var(--brick-segment-group-indicator-border);\n    border-radius: calc(\n      var(--brick-radius-control) - var(--brick-segment-group-inset)\n    );\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: var(--brick-segment-group-indicator-x, 0)\n      var(--brick-segment-group-indicator-y, 0);\n    transition:\n      translate var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      inline-size var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      block-size var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      opacity var(--brick-motion-duration-fast)\n        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)) - 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(\n      var(--brick-radius-control) - var(--brick-segment-group-inset)\n    );\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    text-align: center;\n    white-space: normal;\n    cursor: pointer;\n    transition: color var(--brick-motion-duration-fast)\n      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-text {\n    min-inline-size: 0;\n    overflow-wrap: anywhere;\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\n      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(\n      --brick-control-min-block-size-sm\n    );\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(\n      --brick-control-min-block-size-lg\n    );\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/sidebar.css

@@ -1,2 +1,2 @@
-@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;
+@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-right: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-right:0;border-left:var(--brick-border-width) solid var(--brick-sidebar-panel-border)}.brick-sidebar:not([data-side=right]):dir(rtl){grid-template-columns:minmax(0, 1fr) minmax(0, var(--brick-sidebar-panel-width))}.brick-sidebar:not([data-side=right]):dir(rtl)>.brick-sidebar__panel{grid-column:2}.brick-sidebar:not([data-side=right]):dir(rtl)>.brick-sidebar__main{grid-area:1/1}.brick-sidebar[data-side=right]:dir(rtl){grid-template-columns:minmax(0, var(--brick-sidebar-panel-width)) minmax(0, 1fr)}.brick-sidebar[data-side=right]:dir(rtl)>.brick-sidebar__panel{grid-column:1}.brick-sidebar[data-side=right]:dir(rtl)>.brick-sidebar__main{grid-column:2}.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,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":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,4gCAgCA,gGAGA,gGAGA,+FAGA,6GAGA,6GAGA,mGAKA,iHAMA,oEAGA,mEAKA,2KAMA,sFAIA,mGAIA,uGAIA,gaAiBA,mJAKA,gIAMA,mFAGA,kFAIA,0HAMA,6EAGA,4EAGA,2KAIA,sMAMA,mKASA,2FAKA,0NASA,0GAIA,4GAIA,0OAUA,uCAIA,uZAcA,0FAGA,kKAIA,wFAKA,8CACE,qNAOA,yNASF,8BACE,+FAIA,mEAIA,gED/OJ","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(\n      100dvh - var(--brick-sidebar-sticky-offset)\n    );\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(\n        0,\n        1fr\n      );\n    align-items: start;\n    gap: var(--brick-sidebar-panel-gap);\n  }\n\n  .brick-sidebar[data-size=\"sm\"] {\n    --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-sm);\n  }\n  .brick-sidebar[data-size=\"lg\"] {\n    --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-lg);\n  }\n  .brick-sidebar[data-state=\"rail\"] {\n    --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-md);\n  }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"sm\"] {\n    --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-sm);\n  }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"lg\"] {\n    --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-lg);\n  }\n  .brick-sidebar[data-state=\"offcanvas\"] {\n    --brick-sidebar-panel-width: 0px;\n    --brick-sidebar-panel-gap: 0px;\n  }\n\n  .brick-sidebar[data-side=\"right\"] {\n    grid-template-columns: minmax(0, 1fr) minmax(\n        0,\n        var(--brick-sidebar-panel-width)\n      );\n  }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel {\n    grid-column: 2;\n  }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__main {\n    grid-column: 1;\n    grid-row: 1;\n  }\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-right: var(--brick-border-width) solid\n      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-right: 0;\n    border-left: var(--brick-border-width) solid\n      var(--brick-sidebar-panel-border);\n  }\n  .brick-sidebar:not([data-side=\"right\"]):dir(rtl) {\n    grid-template-columns: minmax(0, 1fr) minmax(\n        0,\n        var(--brick-sidebar-panel-width)\n      );\n  }\n  .brick-sidebar:not([data-side=\"right\"]):dir(rtl) > .brick-sidebar__panel {\n    grid-column: 2;\n  }\n  .brick-sidebar:not([data-side=\"right\"]):dir(rtl) > .brick-sidebar__main {\n    grid-column: 1;\n    grid-row: 1;\n  }\n  .brick-sidebar[data-side=\"right\"]:dir(rtl) {\n    grid-template-columns: minmax(0, var(--brick-sidebar-panel-width)) minmax(\n        0,\n        1fr\n      );\n  }\n  .brick-sidebar[data-side=\"right\"]:dir(rtl) > .brick-sidebar__panel {\n    grid-column: 1;\n  }\n  .brick-sidebar[data-side=\"right\"]:dir(rtl) > .brick-sidebar__main {\n    grid-column: 2;\n  }\n  .brick-sidebar[data-variant=\"floating\"] > .brick-sidebar__panel {\n    border: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n    box-shadow: var(--brick-shadow-raised);\n  }\n  .brick-sidebar[data-position=\"sticky\"] > .brick-sidebar__panel {\n    position: sticky;\n    inset-block-start: var(--brick-sidebar-sticky-offset);\n    block-size: var(--brick-sidebar-available-block-size);\n    min-block-size: 0;\n  }\n  .brick-sidebar[data-state=\"offcanvas\"] > .brick-sidebar__panel {\n    visibility: hidden;\n    inline-size: 0;\n    block-size: 0;\n    min-block-size: 0;\n    align-self: start;\n    border: 0;\n    translate: -100% 0;\n  }\n  .brick-sidebar[data-state=\"offcanvas\"][data-side=\"right\"]\n    > .brick-sidebar__panel {\n    translate: 100% 0;\n  }\n\n  .brick-sidebar__header,\n  .brick-sidebar__footer {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--brick-sidebar-content-gap);\n    padding: var(--brick-sidebar-region-padding-block)\n      var(--brick-sidebar-region-padding-inline);\n  }\n  .brick-sidebar__header {\n    border-block-end: var(--brick-border-width) solid\n      var(--brick-sidebar-panel-border);\n  }\n  .brick-sidebar__footer {\n    border-block-start: var(--brick-border-width) solid\n      var(--brick-sidebar-panel-border);\n  }\n  .brick-sidebar__content {\n    display: flex;\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: var(--brick-sidebar-content-gap);\n    padding: var(--brick-sidebar-region-padding-block)\n      var(--brick-sidebar-region-padding-inline);\n  }\n  .brick-sidebar__main {\n    min-inline-size: 0;\n  }\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) {\n    background: var(--brick-color-surface-subtle);\n  }\n  .brick-sidebar__trigger:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n  .brick-sidebar__trigger:disabled {\n    color: var(--brick-color-text-muted);\n    cursor: not-allowed;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .brick-sidebar {\n      transition:\n        grid-template-columns var(--brick-sidebar-transition-duration)\n          var(--brick-sidebar-transition-easing),\n        gap var(--brick-sidebar-transition-duration)\n          var(--brick-sidebar-transition-easing);\n    }\n    .brick-sidebar__panel {\n      transition:\n        inline-size var(--brick-sidebar-transition-duration)\n          var(--brick-sidebar-transition-easing),\n        translate var(--brick-sidebar-transition-duration)\n          var(--brick-sidebar-transition-easing);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-sidebar {\n      --brick-sidebar-panel-background: Canvas;\n      --brick-sidebar-panel-border: CanvasText;\n    }\n    .brick-sidebar__trigger {\n      border-color: ButtonBorder;\n      color: ButtonText;\n    }\n    .brick-sidebar__trigger:focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/slider.css.map

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