@flowstack-ui/brick 0.1.4 → 0.1.6

package/dist/styles/password-toggle-field.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCC,ghBACA,+DAA+D,2IAA6I,+HAAyI,yEAA2E,+FAAiG,0GAA4G,0GAC7mB,qPAA6P,mSAA+S,8JAA4J,oKAAoK,+HAA+H,6IAA6I,gEACxnC,wCAAuC,0IAA0I,8BAA6B,wFAAwF,8HDJvS","sources":["home/runner/work/brick/brick/.brick-cache/production/password-toggle-field.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/password-toggle-field/password-toggle-field.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/password-toggle-field/password-toggle-field.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-password-toggle-field{--brick-password-height:var(--brick-control-min-block-size-md);--brick-password-radius:var(--brick-radius-control);display:inline-flex;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-password-height);align-items:center;padding-inline-start:var(--brick-space-3);border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-password-radius);background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary)}\n .brick-password-toggle-field[data-full-width]{inline-size:100%}.brick-password-toggle-field[data-variant=\"soft\"]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-password-toggle-field[data-variant=\"underline\"]{border-width:0 0 var(--brick-border-width);border-radius:0;background:transparent}.brick-password-toggle-field[data-shape=\"sharp\"]{--brick-password-radius:0}.brick-password-toggle-field[data-shape=\"pill\"]{--brick-password-radius:var(--brick-radius-full)}.brick-password-toggle-field[data-size=\"sm\"]{--brick-password-height:var(--brick-control-min-block-size-sm)}.brick-password-toggle-field[data-size=\"lg\"]{--brick-password-height:var(--brick-control-min-block-size-lg)}\n .brick-password-toggle-field-input{box-sizing:border-box;min-inline-size:0;inline-size:100%;min-block-size:calc(var(--brick-password-height) - 2 * var(--brick-border-width));padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.brick-password-toggle-field-toggle{display:grid;flex:0 0 auto;inline-size:var(--brick-password-height);block-size:var(--brick-password-height);place-items:center;padding:0;border:0;border-radius:var(--brick-password-radius);background:transparent;color:var(--brick-color-text-secondary);cursor:pointer}.brick-password-toggle-field-artwork{inline-size:1.25rem;block-size:1.25rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.brick-password-toggle-field:focus-within{border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-invalid]){border-color:var(--brick-color-danger-text)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-disabled]){background:var(--brick-color-surface-subtle);opacity:.72}.brick-password-toggle-field-toggle:disabled{cursor:not-allowed}\n @media(hover:hover) and (pointer:fine){.brick-password-toggle-field-toggle:not(:disabled):hover{background:var(--brick-color-accent-soft);color:var(--brick-color-text-primary)}}@media(forced-colors:active){.brick-password-toggle-field{border-color:ButtonText;background:Canvas;color:CanvasText}.brick-password-toggle-field:focus-within{border-color:Highlight;box-shadow:0 0 0 var(--brick-border-focus-width) Highlight}}\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCC,ghBACA,+DAA+D,2IAA6I,+HAAyI,yEAA2E,+FAAiG,0GAA4G,0GAC7mB,qPAA6P,mSAA+S,8JAA4J,oKAAoK,+HAA+H,6IAA6I,gEACxnC,wCAAuC,0IAA0I,8BAA6B,wFAAwF,8HDJvS","sources":["home/runner/work/brick/brick/.brick-cache/production/password-toggle-field.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/password-toggle-field/password-toggle-field.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/password-toggle-field/password-toggle-field.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-password-toggle-field{--brick-password-height:var(--brick-control-min-block-size-md);--brick-password-radius:var(--brick-radius-control);display:inline-flex;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-password-height);align-items:center;padding-inline-start:var(--brick-space-3);border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-password-radius);background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary)}\n .brick-password-toggle-field[data-full-width]{inline-size:100%}.brick-password-toggle-field[data-variant=\"soft\"]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-password-toggle-field[data-variant=\"underline\"]{border-width:0 0 var(--brick-border-width);border-radius:0;background:transparent}.brick-password-toggle-field[data-shape=\"sharp\"]{--brick-password-radius:0}.brick-password-toggle-field[data-shape=\"pill\"]{--brick-password-radius:var(--brick-radius-full)}.brick-password-toggle-field[data-size=\"sm\"]{--brick-password-height:var(--brick-control-min-block-size-sm)}.brick-password-toggle-field[data-size=\"lg\"]{--brick-password-height:var(--brick-control-min-block-size-lg)}\n .brick-password-toggle-field-input{box-sizing:border-box;min-inline-size:0;inline-size:100%;min-block-size:calc(var(--brick-password-height) - 2 * var(--brick-border-width));padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.brick-password-toggle-field-toggle{display:grid;flex:0 0 auto;inline-size:var(--brick-password-height);block-size:var(--brick-password-height);place-items:center;padding:0;border:0;border-radius:var(--brick-password-radius);background:transparent;color:var(--brick-color-text-secondary);cursor:pointer}.brick-password-toggle-field-artwork{inline-size:1.25rem;block-size:1.25rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.brick-password-toggle-field:focus-within{border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-invalid]){border-color:var(--brick-color-danger-text)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-disabled]){background:var(--brick-color-surface-subtle);opacity:.72}.brick-password-toggle-field-toggle:disabled{cursor:not-allowed}\n @media(hover:hover) and (pointer:fine){.brick-password-toggle-field-toggle:not(:disabled):hover{background:var(--brick-color-accent-soft);color:var(--brick-color-text-primary)}}@media(forced-colors:active){.brick-password-toggle-field{border-color:ButtonText;background:Canvas;color:CanvasText}.brick-password-toggle-field:focus-within{border-color:Highlight;box-shadow:0 0 0 var(--brick-border-focus-width) Highlight}}\n}\n"],"names":[]}

package/dist/styles/popover.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-tooltip__arrow,.brick-hover-card__arrow,.brick-popover__arrow){color:var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color));fill:var(--brick-floating-arrow-fill,var(--brick-tooltip-background));filter:drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color)))}.brick-popover{--brick-popover-background:var(--brick-color-surface-overlay);--brick-popover-foreground:var(--brick-color-text-primary);--brick-popover-muted-foreground:var(--brick-color-text-secondary);--brick-popover-border:var(--brick-color-border-subtle);--brick-popover-radius:var(--brick-radius-overlay);--brick-popover-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-popover-space:var(--brick-space-4);--brick-popover-max-inline-size-sm:18rem;--brick-popover-max-inline-size-md:24rem;--brick-popover-max-inline-size-lg:32rem;--brick-popover-max-block-size:min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--brick-popover-max-inline-size-md), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));color:var(--brick-popover-foreground);opacity:0;overflow-wrap:anywhere;transform-origin:var(--brick-floating-arrow-transform-origin,center);transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter), scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);overflow:visible;scale:.98}.brick-popover[data-size=sm]{max-inline-size:min(var(--brick-popover-max-inline-size-sm), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover[data-size=lg]{max-inline-size:min(var(--brick-popover-max-inline-size-lg), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover>[data-slot=popover-viewport]{box-sizing:border-box;inline-size:100%;max-block-size:min(var(--brick-popover-max-block-size), calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border:var(--brick-border-width) solid var(--brick-popover-border);border-radius:var(--brick-popover-radius);background:var(--brick-popover-background);box-shadow:var(--brick-popover-shadow);flex-direction:column;display:flex;overflow:hidden}.brick-popover[data-positioned]{opacity:1;scale:1}.brick-popover[data-state=closed]{opacity:0;scale:.98}.brick-popover__header,.brick-popover>[data-slot=popover-viewport]>:where([data-slot=popover-title],[data-slot=popover-description]){flex:none;min-inline-size:0}.brick-popover__header{gap:var(--brick-space-1);padding:var(--brick-popover-space);padding-block-end:var(--brick-space-2);display:grid}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title],.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description],.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){min-inline-size:0;padding-inline:var(--brick-popover-space);margin:0}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title]{padding-block-start:var(--brick-popover-space)}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description]{padding-block-start:var(--brick-space-1)}.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){padding:0}.brick-popover :where([data-slot=popover-title]){color:var(--brick-popover-foreground);font-family:var(--brick-typography-compact-title-lg-font-family);font-size:var(--brick-typography-compact-title-lg-font-size);font-weight:var(--brick-typography-compact-title-lg-font-weight);letter-spacing:var(--brick-typography-compact-title-lg-letter-spacing);line-height:var(--brick-typography-compact-title-lg-line-height)}.brick-popover :where([data-slot=popover-description]){color:var(--brick-popover-muted-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-popover__body{min-block-size:0;min-inline-size:0;padding:var(--brick-space-3) var(--brick-popover-space);overscroll-behavior:contain;color:var(--brick-popover-foreground);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-popover__footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);flex-wrap:wrap;flex:none;display:flex}.brick-popover__arrow{--brick-floating-arrow-fill:var(--brick-popover-background);--brick-floating-arrow-stroke:var(--brick-popover-border)}.brick-popover[data-side=top] .brick-popover__arrow{translate:0 calc(var(--brick-border-width) * -1);filter:drop-shadow(0 1px 0 var(--brick-popover-border))}.brick-popover[data-side=right] .brick-popover__arrow{translate:var(--brick-border-width) 0;filter:drop-shadow(-1px 0 0 var(--brick-popover-border))}.brick-popover[data-side=bottom] .brick-popover__arrow{translate:0 var(--brick-border-width);filter:drop-shadow(0 -1px 0 var(--brick-popover-border))}.brick-popover[data-side=left] .brick-popover__arrow{translate:calc(var(--brick-border-width) * -1) 0;filter:drop-shadow(1px 0 0 var(--brick-popover-border))}@supports not (height:100dvb){.brick-popover{--brick-popover-max-block-size:min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}}@media (width<=20rem){.brick-popover{--brick-popover-space:var(--brick-space-3)}.brick-popover__footer>.brick-button{flex:100%;inline-size:100%}}@media (height<=20rem){.brick-popover>[data-slot=popover-viewport]{overscroll-behavior:contain;scrollbar-gutter:stable;overflow:auto}.brick-popover__body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-popover{transition-duration:1ms;scale:1}}@media (forced-colors:active){.brick-popover{--brick-popover-background:Canvas;--brick-popover-foreground:CanvasText;--brick-popover-muted-foreground:CanvasText;--brick-popover-border:CanvasText;box-shadow:none}.brick-popover__arrow{color:canvastext;fill:canvas;filter:none;stroke:canvastext}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-tooltip__arrow,.brick-hover-card__arrow,.brick-popover__arrow){color:var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color));fill:var(--brick-floating-arrow-fill,var(--brick-tooltip-background));filter:drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color)))}.brick-popover{--brick-popover-background:var(--brick-color-surface-overlay);--brick-popover-foreground:var(--brick-color-text-primary);--brick-popover-muted-foreground:var(--brick-color-text-secondary);--brick-popover-border:var(--brick-color-border-subtle);--brick-popover-radius:var(--brick-radius-overlay);--brick-popover-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-popover-space:var(--brick-space-4);--brick-popover-max-inline-size-sm:18rem;--brick-popover-max-inline-size-md:24rem;--brick-popover-max-inline-size-lg:32rem;--brick-popover-max-block-size:min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--brick-popover-max-inline-size-md), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));color:var(--brick-popover-foreground);opacity:0;overflow-wrap:anywhere;transform-origin:var(--brick-floating-arrow-transform-origin,center);transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter), scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);overflow:visible;scale:.98}.brick-popover[data-size=sm]{max-inline-size:min(var(--brick-popover-max-inline-size-sm), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover[data-size=lg]{max-inline-size:min(var(--brick-popover-max-inline-size-lg), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover>[data-slot=popover-viewport]{box-sizing:border-box;inline-size:100%;max-block-size:min(var(--brick-popover-max-block-size), calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border:var(--brick-border-width) solid var(--brick-popover-border);border-radius:var(--brick-popover-radius);background:var(--brick-popover-background);box-shadow:var(--brick-popover-shadow);flex-direction:column;display:flex;overflow:hidden}.brick-popover[data-positioned]{opacity:1;scale:1}.brick-popover[data-state=closed]{opacity:0;scale:.98}.brick-popover__header,.brick-popover>[data-slot=popover-viewport]>:where([data-slot=popover-title],[data-slot=popover-description]){flex:none;min-inline-size:0}.brick-popover__header{gap:var(--brick-space-1);padding:var(--brick-popover-space);padding-block-end:var(--brick-space-2);display:grid}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title],.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description],.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){min-inline-size:0;padding-inline:var(--brick-popover-space);margin:0}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title]{padding-block-start:var(--brick-popover-space)}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description]{padding-block-start:var(--brick-space-1)}.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){padding:0}.brick-popover :where([data-slot=popover-title]){color:var(--brick-popover-foreground);font-family:var(--brick-typography-compact-title-lg-font-family);font-size:var(--brick-typography-compact-title-lg-font-size);font-weight:var(--brick-typography-compact-title-lg-font-weight);letter-spacing:var(--brick-typography-compact-title-lg-letter-spacing);line-height:var(--brick-typography-compact-title-lg-line-height)}.brick-popover :where([data-slot=popover-description]){color:var(--brick-popover-muted-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-popover__body{min-block-size:0;min-inline-size:0;padding:var(--brick-space-3) var(--brick-popover-space);overscroll-behavior:contain;color:var(--brick-popover-foreground);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-popover__footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);flex-wrap:wrap;flex:none;display:flex}.brick-popover__arrow{--brick-floating-arrow-fill:var(--brick-popover-background);--brick-floating-arrow-stroke:var(--brick-popover-border)}.brick-popover[data-side=top] .brick-popover__arrow{translate:0 calc(var(--brick-border-width) * -1);filter:drop-shadow(0 1px 0 var(--brick-popover-border))}.brick-popover[data-side=right] .brick-popover__arrow{translate:var(--brick-border-width) 0;filter:drop-shadow(-1px 0 0 var(--brick-popover-border))}.brick-popover[data-side=bottom] .brick-popover__arrow{translate:0 var(--brick-border-width);filter:drop-shadow(0 -1px 0 var(--brick-popover-border))}.brick-popover[data-side=left] .brick-popover__arrow{translate:calc(var(--brick-border-width) * -1) 0;filter:drop-shadow(1px 0 0 var(--brick-popover-border))}@supports not (height:100dvb){.brick-popover{--brick-popover-max-block-size:min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}}@media (width<=20rem){.brick-popover{--brick-popover-space:var(--brick-space-3)}.brick-popover__footer>.brick-button{flex:100%;inline-size:100%}}@media (height<=20rem){.brick-popover>[data-slot=popover-viewport]{overscroll-behavior:contain;scrollbar-gutter:stable;overflow:auto}.brick-popover__body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-popover{transition-duration:1ms;scale:1}}@media (forced-colors:active){.brick-popover{--brick-popover-background:Canvas;--brick-popover-foreground:CanvasText;--brick-popover-muted-foreground:CanvasText;--brick-popover-border:CanvasText;box-shadow:none}.brick-popover__arrow{color:canvastext;fill:canvas;filter:none;stroke:canvastext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=popover.css.map */

package/dist/styles/popover.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,+TCAA,quCA+BA,wKAOA,wKAOA,2cAgBA,kDAKA,sDAKA,iKAMA,uIAOA,gTAQA,qHAIA,qHAIA,mGAIA,8ZASA,2ZASA,0RAYA,uOAWA,4IAKA,6JAKA,qJAKA,sJAKA,8JAKA,8BACE,uIAKF,sBACE,0DAIA,iEAMF,uBACE,8GAMA,iDAMF,uCACE,gDAMF,8BACE,qLAQA,mFFzNJ","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, brick.foundations, brick.components, 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-subtle);\n    --brick-popover-radius: var(--brick-radius-overlay);\n    --brick-popover-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\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-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 > [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    min-inline-size: 0;\n    margin: 0;\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 :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,sCAAA,wBCCE,+TCAA,quCA+BA,wKAOA,wKAOA,2cAgBA,kDAKA,sDAKA,iKAMA,uIAOA,gTAQA,qHAIA,qHAIA,mGAIA,8ZASA,2ZASA,0RAYA,uOAWA,4IAKA,6JAKA,qJAKA,sJAKA,8JAKA,8BACE,uIAKF,sBACE,0DAIA,iEAMF,uBACE,8GAMA,iDAMF,uCACE,gDAMF,8BACE,qLAQA,mFFzNJ","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, 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-subtle);\n    --brick-popover-radius: var(--brick-radius-overlay);\n    --brick-popover-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\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-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 > [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    min-inline-size: 0;\n    margin: 0;\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 :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":[]}

package/dist/styles/progress-circle.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-progress-circle{--brick-progress-circle-track:var(--brick-color-surface-subtle);--brick-progress-circle-indicator:var(--brick-color-accent-solid);--brick-progress-circle-label-foreground:var(--brick-color-text-primary);--brick-progress-circle-value-foreground:var(--brick-color-text-primary);--brick-progress-circle-size:3rem;--brick-progress-circle-stroke:8;justify-items:center;gap:var(--brick-space-2);min-inline-size:0;color:var(--brick-progress-circle-label-foreground);grid-template-rows:auto auto;grid-template-columns:auto;display:inline-grid}.brick-progress-circle__circle,.brick-progress-circle__value{grid-area:1/1}.brick-progress-circle__circle{inline-size:var(--brick-progress-circle-size);block-size:var(--brick-progress-circle-size);display:block;overflow:visible;transform:rotate(-90deg)}.brick-progress-circle__track,.brick-progress-circle__indicator{fill:none;stroke-width:var(--brick-progress-circle-stroke)}.brick-progress-circle__track{stroke:var(--brick-progress-circle-track)}.brick-progress-circle__indicator{stroke:var(--brick-progress-circle-indicator);transition:stroke-dashoffset .18s ease-out}.brick-progress-circle[data-cap=round] .brick-progress-circle__indicator{stroke-linecap:round}.brick-progress-circle[data-cap=butt] .brick-progress-circle__indicator{stroke-linecap:butt}.brick-progress-circle__indicator[data-state=indeterminate]{stroke-dasharray:67.8584 214.885;stroke-dashoffset:0;transform-origin:50%;transition:none;animation:1.1s linear infinite brick-progress-circle-spin}.brick-progress-circle__value{z-index:1;max-inline-size:100%;color:var(--brick-progress-circle-value-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);line-height:var(--brick-typography-caption-line-height);letter-spacing:var(--brick-typography-caption-letter-spacing);font-variant-numeric:tabular-nums;text-align:center;text-overflow:ellipsis;transform-origin:50%;white-space:nowrap;place-self:center;overflow:hidden}.brick-progress-circle__label{overflow-wrap:anywhere;max-inline-size:12rem;color:var(--brick-progress-circle-label-foreground);font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-body-sm-font-weight);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing);text-align:center;grid-area:2/1}.brick-progress-circle[data-size=xs]{--brick-progress-circle-size:2rem}.brick-progress-circle[data-size=sm]{--brick-progress-circle-size:2.5rem}.brick-progress-circle[data-size=md]{--brick-progress-circle-size:3rem}.brick-progress-circle[data-size=lg]{--brick-progress-circle-size:4rem}.brick-progress-circle[data-size=xl]{--brick-progress-circle-size:5rem}.brick-progress-circle[data-size=xs] .brick-progress-circle__value{transform:scale(.72)}.brick-progress-circle[data-size=sm] .brick-progress-circle__value{transform:scale(.85)}.brick-progress-circle[data-thickness=thin]{--brick-progress-circle-stroke:4}.brick-progress-circle[data-thickness=thick]{--brick-progress-circle-stroke:12}.brick-progress-circle[data-tone=neutral]{--brick-progress-circle-indicator:var(--brick-color-text-primary)}.brick-progress-circle[data-tone=accent]{--brick-progress-circle-indicator:var(--brick-color-accent-solid)}.brick-progress-circle[data-tone=info]{--brick-progress-circle-indicator:var(--brick-color-info-solid)}.brick-progress-circle[data-tone=success]{--brick-progress-circle-indicator:var(--brick-color-success-solid)}.brick-progress-circle[data-tone=warning]{--brick-progress-circle-indicator:var(--brick-color-warning-solid)}.brick-progress-circle[data-tone=danger]{--brick-progress-circle-indicator:var(--brick-color-danger-solid)}@keyframes brick-progress-circle-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.brick-progress-circle__indicator{transition:none;animation:none!important}}@media (forced-colors:active){.brick-progress-circle__track{stroke:canvastext}.brick-progress-circle__indicator{stroke:highlight}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{.brick-progress-circle{--brick-progress-circle-track:var(--brick-color-surface-subtle);--brick-progress-circle-indicator:var(--brick-color-accent-solid);--brick-progress-circle-label-foreground:var(--brick-color-text-primary);--brick-progress-circle-value-foreground:var(--brick-color-text-primary);--brick-progress-circle-size:3rem;--brick-progress-circle-stroke:8;justify-items:center;gap:var(--brick-space-2);min-inline-size:0;color:var(--brick-progress-circle-label-foreground);grid-template-rows:auto auto;grid-template-columns:auto;display:inline-grid}.brick-progress-circle__circle,.brick-progress-circle__value{grid-area:1/1}.brick-progress-circle__circle{inline-size:var(--brick-progress-circle-size);block-size:var(--brick-progress-circle-size);display:block;overflow:visible;transform:rotate(-90deg)}.brick-progress-circle__track,.brick-progress-circle__indicator{fill:none;stroke-width:var(--brick-progress-circle-stroke)}.brick-progress-circle__track{stroke:var(--brick-progress-circle-track)}.brick-progress-circle__indicator{stroke:var(--brick-progress-circle-indicator);transition:stroke-dashoffset .18s ease-out}.brick-progress-circle[data-cap=round] .brick-progress-circle__indicator{stroke-linecap:round}.brick-progress-circle[data-cap=butt] .brick-progress-circle__indicator{stroke-linecap:butt}.brick-progress-circle__indicator[data-state=indeterminate]{stroke-dasharray:67.8584 214.885;stroke-dashoffset:0;transform-origin:50%;transition:none;animation:1.1s linear infinite brick-progress-circle-spin}.brick-progress-circle__value{z-index:1;max-inline-size:100%;color:var(--brick-progress-circle-value-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);line-height:var(--brick-typography-caption-line-height);letter-spacing:var(--brick-typography-caption-letter-spacing);font-variant-numeric:tabular-nums;text-align:center;text-overflow:ellipsis;transform-origin:50%;white-space:nowrap;place-self:center;overflow:hidden}.brick-progress-circle__label{overflow-wrap:anywhere;max-inline-size:12rem;color:var(--brick-progress-circle-label-foreground);font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-body-sm-font-weight);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing);text-align:center;grid-area:2/1}.brick-progress-circle[data-size=xs]{--brick-progress-circle-size:2rem}.brick-progress-circle[data-size=sm]{--brick-progress-circle-size:2.5rem}.brick-progress-circle[data-size=md]{--brick-progress-circle-size:3rem}.brick-progress-circle[data-size=lg]{--brick-progress-circle-size:4rem}.brick-progress-circle[data-size=xl]{--brick-progress-circle-size:5rem}.brick-progress-circle[data-size=xs] .brick-progress-circle__value{transform:scale(.72)}.brick-progress-circle[data-size=sm] .brick-progress-circle__value{transform:scale(.85)}.brick-progress-circle[data-thickness=thin]{--brick-progress-circle-stroke:4}.brick-progress-circle[data-thickness=thick]{--brick-progress-circle-stroke:12}.brick-progress-circle[data-tone=neutral]{--brick-progress-circle-indicator:var(--brick-color-text-primary)}.brick-progress-circle[data-tone=accent]{--brick-progress-circle-indicator:var(--brick-color-accent-solid)}.brick-progress-circle[data-tone=info]{--brick-progress-circle-indicator:var(--brick-color-info-solid)}.brick-progress-circle[data-tone=success]{--brick-progress-circle-indicator:var(--brick-color-success-solid)}.brick-progress-circle[data-tone=warning]{--brick-progress-circle-indicator:var(--brick-color-warning-solid)}.brick-progress-circle[data-tone=danger]{--brick-progress-circle-indicator:var(--brick-color-danger-solid)}@keyframes brick-progress-circle-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.brick-progress-circle__indicator{transition:none;animation:none!important}}@media (forced-colors:active){.brick-progress-circle__track{stroke:canvastext}.brick-progress-circle__indicator{stroke:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=progress-circle.css.map */

package/dist/styles/progress-circle.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,8iBAiBA,2EAMA,kLAQA,2HAMA,wEAIA,2HAKA,8FAIA,4FAIA,gNAQA,giBAmBA,ybAcA,uEACA,yEACA,uEACA,uEACA,uEAEA,wFACA,wFAEA,6EACA,+EAEA,4GACA,2GACA,uGACA,6GACA,6GACA,2GAEA,mEAIA,uCACE,4EAMF,8BACE,gDACA,qDDhIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/progress-circle.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/progress-circle/progress-circle.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/progress-circle/progress-circle.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-progress-circle {\n    --brick-progress-circle-track: var(--brick-color-surface-subtle);\n    --brick-progress-circle-indicator: var(--brick-color-accent-solid);\n    --brick-progress-circle-label-foreground: var(--brick-color-text-primary);\n    --brick-progress-circle-value-foreground: var(--brick-color-text-primary);\n    --brick-progress-circle-size: 3rem;\n    --brick-progress-circle-stroke: 8;\n\n    display: inline-grid;\n    min-inline-size: 0;\n    grid-template-columns: auto;\n    grid-template-rows: auto auto;\n    justify-items: center;\n    gap: var(--brick-space-2);\n    color: var(--brick-progress-circle-label-foreground);\n  }\n\n  .brick-progress-circle__circle,\n  .brick-progress-circle__value {\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n  .brick-progress-circle__circle {\n    display: block;\n    inline-size: var(--brick-progress-circle-size);\n    block-size: var(--brick-progress-circle-size);\n    overflow: visible;\n    transform: rotate(-90deg);\n  }\n\n  .brick-progress-circle__track,\n  .brick-progress-circle__indicator {\n    fill: none;\n    stroke-width: var(--brick-progress-circle-stroke);\n  }\n\n  .brick-progress-circle__track {\n    stroke: var(--brick-progress-circle-track);\n  }\n\n  .brick-progress-circle__indicator {\n    stroke: var(--brick-progress-circle-indicator);\n    transition: stroke-dashoffset 180ms ease-out;\n  }\n\n  .brick-progress-circle[data-cap=\"round\"] .brick-progress-circle__indicator {\n    stroke-linecap: round;\n  }\n\n  .brick-progress-circle[data-cap=\"butt\"] .brick-progress-circle__indicator {\n    stroke-linecap: butt;\n  }\n\n  .brick-progress-circle__indicator[data-state=\"indeterminate\"] {\n    stroke-dasharray: 67.8584 214.8849;\n    stroke-dashoffset: 0;\n    transform-origin: center;\n    animation: brick-progress-circle-spin 1.1s linear infinite;\n    transition: none;\n  }\n\n  .brick-progress-circle__value {\n    z-index: 1;\n    align-self: center;\n    justify-self: center;\n    max-inline-size: 100%;\n    overflow: hidden;\n    color: var(--brick-progress-circle-value-foreground);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    font-variant-numeric: tabular-nums;\n    text-align: center;\n    text-overflow: ellipsis;\n    transform-origin: center;\n    white-space: nowrap;\n  }\n\n  .brick-progress-circle__label {\n    grid-column: 1;\n    grid-row: 2;\n    max-inline-size: 12rem;\n    overflow-wrap: anywhere;\n    color: var(--brick-progress-circle-label-foreground);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    text-align: center;\n  }\n\n  .brick-progress-circle[data-size=\"xs\"] { --brick-progress-circle-size: 2rem; }\n  .brick-progress-circle[data-size=\"sm\"] { --brick-progress-circle-size: 2.5rem; }\n  .brick-progress-circle[data-size=\"md\"] { --brick-progress-circle-size: 3rem; }\n  .brick-progress-circle[data-size=\"lg\"] { --brick-progress-circle-size: 4rem; }\n  .brick-progress-circle[data-size=\"xl\"] { --brick-progress-circle-size: 5rem; }\n\n  .brick-progress-circle[data-size=\"xs\"] .brick-progress-circle__value { transform: scale(0.72); }\n  .brick-progress-circle[data-size=\"sm\"] .brick-progress-circle__value { transform: scale(0.85); }\n\n  .brick-progress-circle[data-thickness=\"thin\"] { --brick-progress-circle-stroke: 4; }\n  .brick-progress-circle[data-thickness=\"thick\"] { --brick-progress-circle-stroke: 12; }\n\n  .brick-progress-circle[data-tone=\"neutral\"] { --brick-progress-circle-indicator: var(--brick-color-text-primary); }\n  .brick-progress-circle[data-tone=\"accent\"] { --brick-progress-circle-indicator: var(--brick-color-accent-solid); }\n  .brick-progress-circle[data-tone=\"info\"] { --brick-progress-circle-indicator: var(--brick-color-info-solid); }\n  .brick-progress-circle[data-tone=\"success\"] { --brick-progress-circle-indicator: var(--brick-color-success-solid); }\n  .brick-progress-circle[data-tone=\"warning\"] { --brick-progress-circle-indicator: var(--brick-color-warning-solid); }\n  .brick-progress-circle[data-tone=\"danger\"] { --brick-progress-circle-indicator: var(--brick-color-danger-solid); }\n\n  @keyframes brick-progress-circle-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-progress-circle__indicator {\n      animation: none !important;\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-progress-circle__track { stroke: CanvasText; }\n    .brick-progress-circle__indicator { stroke: Highlight; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,8iBAiBA,2EAMA,kLAQA,2HAMA,wEAIA,2HAKA,8FAIA,4FAIA,gNAQA,giBAmBA,ybAcA,uEACA,yEACA,uEACA,uEACA,uEAEA,wFACA,wFAEA,6EACA,+EAEA,4GACA,2GACA,uGACA,6GACA,6GACA,2GAEA,mEAIA,uCACE,4EAMF,8BACE,gDACA,qDDhIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/progress-circle.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/progress-circle/progress-circle.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/progress-circle/progress-circle.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-progress-circle {\n    --brick-progress-circle-track: var(--brick-color-surface-subtle);\n    --brick-progress-circle-indicator: var(--brick-color-accent-solid);\n    --brick-progress-circle-label-foreground: var(--brick-color-text-primary);\n    --brick-progress-circle-value-foreground: var(--brick-color-text-primary);\n    --brick-progress-circle-size: 3rem;\n    --brick-progress-circle-stroke: 8;\n\n    display: inline-grid;\n    min-inline-size: 0;\n    grid-template-columns: auto;\n    grid-template-rows: auto auto;\n    justify-items: center;\n    gap: var(--brick-space-2);\n    color: var(--brick-progress-circle-label-foreground);\n  }\n\n  .brick-progress-circle__circle,\n  .brick-progress-circle__value {\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n  .brick-progress-circle__circle {\n    display: block;\n    inline-size: var(--brick-progress-circle-size);\n    block-size: var(--brick-progress-circle-size);\n    overflow: visible;\n    transform: rotate(-90deg);\n  }\n\n  .brick-progress-circle__track,\n  .brick-progress-circle__indicator {\n    fill: none;\n    stroke-width: var(--brick-progress-circle-stroke);\n  }\n\n  .brick-progress-circle__track {\n    stroke: var(--brick-progress-circle-track);\n  }\n\n  .brick-progress-circle__indicator {\n    stroke: var(--brick-progress-circle-indicator);\n    transition: stroke-dashoffset 180ms ease-out;\n  }\n\n  .brick-progress-circle[data-cap=\"round\"] .brick-progress-circle__indicator {\n    stroke-linecap: round;\n  }\n\n  .brick-progress-circle[data-cap=\"butt\"] .brick-progress-circle__indicator {\n    stroke-linecap: butt;\n  }\n\n  .brick-progress-circle__indicator[data-state=\"indeterminate\"] {\n    stroke-dasharray: 67.8584 214.8849;\n    stroke-dashoffset: 0;\n    transform-origin: center;\n    animation: brick-progress-circle-spin 1.1s linear infinite;\n    transition: none;\n  }\n\n  .brick-progress-circle__value {\n    z-index: 1;\n    align-self: center;\n    justify-self: center;\n    max-inline-size: 100%;\n    overflow: hidden;\n    color: var(--brick-progress-circle-value-foreground);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    font-variant-numeric: tabular-nums;\n    text-align: center;\n    text-overflow: ellipsis;\n    transform-origin: center;\n    white-space: nowrap;\n  }\n\n  .brick-progress-circle__label {\n    grid-column: 1;\n    grid-row: 2;\n    max-inline-size: 12rem;\n    overflow-wrap: anywhere;\n    color: var(--brick-progress-circle-label-foreground);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    text-align: center;\n  }\n\n  .brick-progress-circle[data-size=\"xs\"] { --brick-progress-circle-size: 2rem; }\n  .brick-progress-circle[data-size=\"sm\"] { --brick-progress-circle-size: 2.5rem; }\n  .brick-progress-circle[data-size=\"md\"] { --brick-progress-circle-size: 3rem; }\n  .brick-progress-circle[data-size=\"lg\"] { --brick-progress-circle-size: 4rem; }\n  .brick-progress-circle[data-size=\"xl\"] { --brick-progress-circle-size: 5rem; }\n\n  .brick-progress-circle[data-size=\"xs\"] .brick-progress-circle__value { transform: scale(0.72); }\n  .brick-progress-circle[data-size=\"sm\"] .brick-progress-circle__value { transform: scale(0.85); }\n\n  .brick-progress-circle[data-thickness=\"thin\"] { --brick-progress-circle-stroke: 4; }\n  .brick-progress-circle[data-thickness=\"thick\"] { --brick-progress-circle-stroke: 12; }\n\n  .brick-progress-circle[data-tone=\"neutral\"] { --brick-progress-circle-indicator: var(--brick-color-text-primary); }\n  .brick-progress-circle[data-tone=\"accent\"] { --brick-progress-circle-indicator: var(--brick-color-accent-solid); }\n  .brick-progress-circle[data-tone=\"info\"] { --brick-progress-circle-indicator: var(--brick-color-info-solid); }\n  .brick-progress-circle[data-tone=\"success\"] { --brick-progress-circle-indicator: var(--brick-color-success-solid); }\n  .brick-progress-circle[data-tone=\"warning\"] { --brick-progress-circle-indicator: var(--brick-color-warning-solid); }\n  .brick-progress-circle[data-tone=\"danger\"] { --brick-progress-circle-indicator: var(--brick-color-danger-solid); }\n\n  @keyframes brick-progress-circle-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-progress-circle__indicator {\n      animation: none !important;\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-progress-circle__track { stroke: CanvasText; }\n    .brick-progress-circle__indicator { stroke: Highlight; }\n  }\n}\n"],"names":[]}

package/dist/styles/progress.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-progress{--brick-progress-track-background:var(--brick-color-surface-subtle);--brick-progress-buffer-background:var(--brick-color-accent-soft);--brick-progress-indicator-background:var(--brick-color-accent-solid);--brick-progress-label-foreground:var(--brick-color-text-primary);--brick-progress-value-foreground:var(--brick-color-text-secondary);--brick-progress-thickness:.5rem;--brick-progress-length:10rem;--brick-progress-radius:var(--brick-radius-control);align-items:center;gap:var(--brick-space-2) var(--brick-space-3);min-inline-size:0;color:var(--brick-progress-label-foreground);grid-template-columns:minmax(0,1fr) auto;display:grid}.brick-progress__label,.brick-progress__value{min-inline-size:0;font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-progress__label{overflow-wrap:anywhere;font-weight:var(--brick-typography-body-sm-font-weight);color:var(--brick-progress-label-foreground)}.brick-progress__value{color:var(--brick-progress-value-foreground);font-variant-numeric:tabular-nums;justify-self:end}.brick-progress__track{border-radius:var(--brick-progress-radius);background:var(--brick-progress-track-background);isolation:isolate;grid-column:1/-1;min-inline-size:0;position:relative;overflow:hidden}.brick-progress[data-orientation=horizontal] .brick-progress__track{inline-size:100%;block-size:var(--brick-progress-thickness)}.brick-progress[data-orientation=vertical]{grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0,auto);align-items:start;inline-size:fit-content}.brick-progress[data-orientation=vertical] .brick-progress__track{inline-size:var(--brick-progress-thickness);block-size:var(--brick-progress-length);grid-area:1/1/3}.brick-progress[data-orientation=vertical] .brick-progress__label{grid-area:1/2}.brick-progress[data-orientation=vertical] .brick-progress__value{grid-area:2/2;place-self:end start}.brick-progress__buffer,.brick-progress__indicator{border-radius:inherit;position:absolute}.brick-progress[data-orientation=horizontal] .brick-progress__buffer,.brick-progress[data-orientation=horizontal] .brick-progress__indicator{inset-block:0;inset-inline-start:0}.brick-progress[data-orientation=vertical] .brick-progress__buffer,.brick-progress[data-orientation=vertical] .brick-progress__indicator{inset-block-end:0;inset-inline:0}.brick-progress__buffer{z-index:1;background:var(--brick-progress-buffer-background);display:none}.brick-progress__buffer[data-present]{display:block}.brick-progress[data-orientation=horizontal] .brick-progress__buffer{inline-size:calc(var(--brick-progress-buffer-percent) * 1%)}.brick-progress[data-orientation=vertical] .brick-progress__buffer{block-size:calc(var(--brick-progress-buffer-percent) * 1%)}.brick-progress__indicator{z-index:2;background:var(--brick-progress-indicator-background);transition:inline-size .18s ease-out,block-size .18s ease-out}.brick-progress[data-orientation=horizontal] .brick-progress__indicator{inline-size:calc(var(--brick-progress-percent) * 1%);block-size:100%}.brick-progress[data-orientation=vertical] .brick-progress__indicator{inline-size:100%;block-size:calc(var(--brick-progress-percent) * 1%)}.brick-progress__indicator[data-state=indeterminate]{transition:none}.brick-progress[data-orientation=horizontal] .brick-progress__indicator[data-state=indeterminate]{inline-size:38%;animation:1.4s ease-in-out infinite brick-progress-horizontal}.brick-progress[data-orientation=vertical] .brick-progress__indicator[data-state=indeterminate]{block-size:38%;animation:1.4s ease-in-out infinite brick-progress-vertical}.brick-progress[data-size=xs]{--brick-progress-thickness:.25rem}.brick-progress[data-size=sm]{--brick-progress-thickness:.375rem}.brick-progress[data-size=md]{--brick-progress-thickness:.5rem}.brick-progress[data-size=lg]{--brick-progress-thickness:.75rem}.brick-progress[data-size=xl]{--brick-progress-thickness:1rem}.brick-progress[data-shape=square]{--brick-progress-radius:0}.brick-progress[data-shape=rounded]{--brick-progress-radius:var(--brick-radius-subtle)}.brick-progress[data-shape=pill]{--brick-progress-radius:9999px}.brick-progress[data-tone=neutral]{--brick-progress-buffer-background:var(--brick-color-border-subtle);--brick-progress-indicator-background:var(--brick-color-text-primary)}.brick-progress[data-tone=accent]{--brick-progress-buffer-background:var(--brick-color-accent-soft);--brick-progress-indicator-background:var(--brick-color-accent-solid)}.brick-progress[data-tone=info]{--brick-progress-buffer-background:var(--brick-color-info-soft);--brick-progress-indicator-background:var(--brick-color-info-solid)}.brick-progress[data-tone=success]{--brick-progress-buffer-background:var(--brick-color-success-soft);--brick-progress-indicator-background:var(--brick-color-success-solid)}.brick-progress[data-tone=warning]{--brick-progress-buffer-background:var(--brick-color-warning-soft);--brick-progress-indicator-background:var(--brick-color-warning-solid)}.brick-progress[data-tone=danger]{--brick-progress-buffer-background:var(--brick-color-danger-soft);--brick-progress-indicator-background:var(--brick-color-danger-solid)}@keyframes brick-progress-horizontal{0%{inset-inline-start:-38%}to{inset-inline-start:100%}}@keyframes brick-progress-vertical{0%{inset-block-end:-38%}to{inset-block-end:100%}}@media (prefers-reduced-motion:reduce){.brick-progress__indicator{transition:none;animation:none!important}.brick-progress__indicator[data-state=indeterminate]{inset-block-end:0!important;inset-inline-start:0!important}}@media (forced-colors:active){.brick-progress__track{forced-color-adjust:auto;background:canvas;border:1px solid canvastext}.brick-progress__buffer{background:graytext}.brick-progress__indicator{background:highlight}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{.brick-progress{--brick-progress-track-background:var(--brick-color-surface-subtle);--brick-progress-buffer-background:var(--brick-color-accent-soft);--brick-progress-indicator-background:var(--brick-color-accent-solid);--brick-progress-label-foreground:var(--brick-color-text-primary);--brick-progress-value-foreground:var(--brick-color-text-secondary);--brick-progress-thickness:.5rem;--brick-progress-length:10rem;--brick-progress-radius:var(--brick-radius-control);align-items:center;gap:var(--brick-space-2) var(--brick-space-3);min-inline-size:0;color:var(--brick-progress-label-foreground);grid-template-columns:minmax(0,1fr) auto;display:grid}.brick-progress__label,.brick-progress__value{min-inline-size:0;font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-progress__label{overflow-wrap:anywhere;font-weight:var(--brick-typography-body-sm-font-weight);color:var(--brick-progress-label-foreground)}.brick-progress__value{color:var(--brick-progress-value-foreground);font-variant-numeric:tabular-nums;justify-self:end}.brick-progress__track{border-radius:var(--brick-progress-radius);background:var(--brick-progress-track-background);isolation:isolate;grid-column:1/-1;min-inline-size:0;position:relative;overflow:hidden}.brick-progress[data-orientation=horizontal] .brick-progress__track{inline-size:100%;block-size:var(--brick-progress-thickness)}.brick-progress[data-orientation=vertical]{grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0,auto);align-items:start;inline-size:fit-content}.brick-progress[data-orientation=vertical] .brick-progress__track{inline-size:var(--brick-progress-thickness);block-size:var(--brick-progress-length);grid-area:1/1/3}.brick-progress[data-orientation=vertical] .brick-progress__label{grid-area:1/2}.brick-progress[data-orientation=vertical] .brick-progress__value{grid-area:2/2;place-self:end start}.brick-progress__buffer,.brick-progress__indicator{border-radius:inherit;position:absolute}.brick-progress[data-orientation=horizontal] .brick-progress__buffer,.brick-progress[data-orientation=horizontal] .brick-progress__indicator{inset-block:0;inset-inline-start:0}.brick-progress[data-orientation=vertical] .brick-progress__buffer,.brick-progress[data-orientation=vertical] .brick-progress__indicator{inset-block-end:0;inset-inline:0}.brick-progress__buffer{z-index:1;background:var(--brick-progress-buffer-background);display:none}.brick-progress__buffer[data-present]{display:block}.brick-progress[data-orientation=horizontal] .brick-progress__buffer{inline-size:calc(var(--brick-progress-buffer-percent) * 1%)}.brick-progress[data-orientation=vertical] .brick-progress__buffer{block-size:calc(var(--brick-progress-buffer-percent) * 1%)}.brick-progress__indicator{z-index:2;background:var(--brick-progress-indicator-background);transition:inline-size .18s ease-out,block-size .18s ease-out}.brick-progress[data-orientation=horizontal] .brick-progress__indicator{inline-size:calc(var(--brick-progress-percent) * 1%);block-size:100%}.brick-progress[data-orientation=vertical] .brick-progress__indicator{inline-size:100%;block-size:calc(var(--brick-progress-percent) * 1%)}.brick-progress__indicator[data-state=indeterminate]{transition:none}.brick-progress[data-orientation=horizontal] .brick-progress__indicator[data-state=indeterminate]{inline-size:38%;animation:1.4s ease-in-out infinite brick-progress-horizontal}.brick-progress[data-orientation=vertical] .brick-progress__indicator[data-state=indeterminate]{block-size:38%;animation:1.4s ease-in-out infinite brick-progress-vertical}.brick-progress[data-size=xs]{--brick-progress-thickness:.25rem}.brick-progress[data-size=sm]{--brick-progress-thickness:.375rem}.brick-progress[data-size=md]{--brick-progress-thickness:.5rem}.brick-progress[data-size=lg]{--brick-progress-thickness:.75rem}.brick-progress[data-size=xl]{--brick-progress-thickness:1rem}.brick-progress[data-shape=square]{--brick-progress-radius:0}.brick-progress[data-shape=rounded]{--brick-progress-radius:var(--brick-radius-subtle)}.brick-progress[data-shape=pill]{--brick-progress-radius:9999px}.brick-progress[data-tone=neutral]{--brick-progress-buffer-background:var(--brick-color-border-subtle);--brick-progress-indicator-background:var(--brick-color-text-primary)}.brick-progress[data-tone=accent]{--brick-progress-buffer-background:var(--brick-color-accent-soft);--brick-progress-indicator-background:var(--brick-color-accent-solid)}.brick-progress[data-tone=info]{--brick-progress-buffer-background:var(--brick-color-info-soft);--brick-progress-indicator-background:var(--brick-color-info-solid)}.brick-progress[data-tone=success]{--brick-progress-buffer-background:var(--brick-color-success-soft);--brick-progress-indicator-background:var(--brick-color-success-solid)}.brick-progress[data-tone=warning]{--brick-progress-buffer-background:var(--brick-color-warning-soft);--brick-progress-indicator-background:var(--brick-color-warning-solid)}.brick-progress[data-tone=danger]{--brick-progress-buffer-background:var(--brick-color-danger-soft);--brick-progress-indicator-background:var(--brick-color-danger-solid)}@keyframes brick-progress-horizontal{0%{inset-inline-start:-38%}to{inset-inline-start:100%}}@keyframes brick-progress-vertical{0%{inset-block-end:-38%}to{inset-block-end:100%}}@media (prefers-reduced-motion:reduce){.brick-progress__indicator{transition:none;animation:none!important}.brick-progress__indicator[data-state=indeterminate]{inset-block-end:0!important;inset-inline-start:0!important}}@media (forced-colors:active){.brick-progress__track{forced-color-adjust:auto;background:canvas;border:1px solid canvastext}.brick-progress__buffer{background:graytext}.brick-progress__indicator{background:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=progress.css.map */

package/dist/styles/progress.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,2oBAkBA,kSASA,mJAMA,uHAMA,2MAUA,gIAKA,2JAOA,sKAOA,gFAKA,qGAOA,2FAMA,gLAMA,0KAMA,kGAMA,oDAIA,iIAIA,8HAIA,yJAMA,6IAKA,2IAKA,qEAIA,gLAMA,2KAMA,gEACA,iEACA,+DACA,gEACA,8DAEA,6DACA,uFACA,gEAEA,6KAIA,0KAIA,oKAIA,6KAIA,6KAIA,0KAKA,4FAKA,oFAKA,uCACE,oEAIA,iHAMF,8BACE,8FAKA,4CACA,kDDpNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/progress.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/progress/progress.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/progress/progress.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-progress {\n    --brick-progress-track-background: var(--brick-color-surface-subtle);\n    --brick-progress-buffer-background: var(--brick-color-accent-soft);\n    --brick-progress-indicator-background: var(--brick-color-accent-solid);\n    --brick-progress-label-foreground: var(--brick-color-text-primary);\n    --brick-progress-value-foreground: var(--brick-color-text-secondary);\n    --brick-progress-thickness: 0.5rem;\n    --brick-progress-length: 10rem;\n    --brick-progress-radius: var(--brick-radius-control);\n\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, 1fr) auto;\n    align-items: center;\n    gap: var(--brick-space-2) var(--brick-space-3);\n    color: var(--brick-progress-label-foreground);\n  }\n\n  .brick-progress__label,\n  .brick-progress__value {\n    min-inline-size: 0;\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    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-progress__label {\n    overflow-wrap: anywhere;\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    color: var(--brick-progress-label-foreground);\n  }\n\n  .brick-progress__value {\n    justify-self: end;\n    color: var(--brick-progress-value-foreground);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-progress__track {\n    position: relative;\n    grid-column: 1 / -1;\n    min-inline-size: 0;\n    overflow: hidden;\n    border-radius: var(--brick-progress-radius);\n    background: var(--brick-progress-track-background);\n    isolation: isolate;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__track {\n    inline-size: 100%;\n    block-size: var(--brick-progress-thickness);\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] {\n    inline-size: fit-content;\n    grid-template-columns: auto minmax(0, auto);\n    grid-template-rows: auto 1fr;\n    align-items: start;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__track {\n    grid-column: 1;\n    grid-row: 1 / 3;\n    inline-size: var(--brick-progress-thickness);\n    block-size: var(--brick-progress-length);\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__label {\n    grid-column: 2;\n    grid-row: 1;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__value {\n    grid-column: 2;\n    grid-row: 2;\n    align-self: end;\n    justify-self: start;\n  }\n\n  .brick-progress__buffer,\n  .brick-progress__indicator {\n    position: absolute;\n    border-radius: inherit;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__buffer,\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__indicator {\n    inset-block: 0;\n    inset-inline-start: 0;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__buffer,\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__indicator {\n    inset-inline: 0;\n    inset-block-end: 0;\n  }\n\n  .brick-progress__buffer {\n    z-index: 1;\n    display: none;\n    background: var(--brick-progress-buffer-background);\n  }\n\n  .brick-progress__buffer[data-present] {\n    display: block;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__buffer {\n    inline-size: calc(var(--brick-progress-buffer-percent) * 1%);\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__buffer {\n    block-size: calc(var(--brick-progress-buffer-percent) * 1%);\n  }\n\n  .brick-progress__indicator {\n    z-index: 2;\n    background: var(--brick-progress-indicator-background);\n    transition: inline-size 180ms ease-out, block-size 180ms ease-out;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__indicator {\n    inline-size: calc(var(--brick-progress-percent) * 1%);\n    block-size: 100%;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__indicator {\n    inline-size: 100%;\n    block-size: calc(var(--brick-progress-percent) * 1%);\n  }\n\n  .brick-progress__indicator[data-state=\"indeterminate\"] {\n    transition: none;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"]\n    .brick-progress__indicator[data-state=\"indeterminate\"] {\n    inline-size: 38%;\n    animation: brick-progress-horizontal 1.4s ease-in-out infinite;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"]\n    .brick-progress__indicator[data-state=\"indeterminate\"] {\n    block-size: 38%;\n    animation: brick-progress-vertical 1.4s ease-in-out infinite;\n  }\n\n  .brick-progress[data-size=\"xs\"] { --brick-progress-thickness: 0.25rem; }\n  .brick-progress[data-size=\"sm\"] { --brick-progress-thickness: 0.375rem; }\n  .brick-progress[data-size=\"md\"] { --brick-progress-thickness: 0.5rem; }\n  .brick-progress[data-size=\"lg\"] { --brick-progress-thickness: 0.75rem; }\n  .brick-progress[data-size=\"xl\"] { --brick-progress-thickness: 1rem; }\n\n  .brick-progress[data-shape=\"square\"] { --brick-progress-radius: 0; }\n  .brick-progress[data-shape=\"rounded\"] { --brick-progress-radius: var(--brick-radius-subtle); }\n  .brick-progress[data-shape=\"pill\"] { --brick-progress-radius: 9999px; }\n\n  .brick-progress[data-tone=\"neutral\"] {\n    --brick-progress-buffer-background: var(--brick-color-border-subtle);\n    --brick-progress-indicator-background: var(--brick-color-text-primary);\n  }\n  .brick-progress[data-tone=\"accent\"] {\n    --brick-progress-buffer-background: var(--brick-color-accent-soft);\n    --brick-progress-indicator-background: var(--brick-color-accent-solid);\n  }\n  .brick-progress[data-tone=\"info\"] {\n    --brick-progress-buffer-background: var(--brick-color-info-soft);\n    --brick-progress-indicator-background: var(--brick-color-info-solid);\n  }\n  .brick-progress[data-tone=\"success\"] {\n    --brick-progress-buffer-background: var(--brick-color-success-soft);\n    --brick-progress-indicator-background: var(--brick-color-success-solid);\n  }\n  .brick-progress[data-tone=\"warning\"] {\n    --brick-progress-buffer-background: var(--brick-color-warning-soft);\n    --brick-progress-indicator-background: var(--brick-color-warning-solid);\n  }\n  .brick-progress[data-tone=\"danger\"] {\n    --brick-progress-buffer-background: var(--brick-color-danger-soft);\n    --brick-progress-indicator-background: var(--brick-color-danger-solid);\n  }\n\n  @keyframes brick-progress-horizontal {\n    from { inset-inline-start: -38%; }\n    to { inset-inline-start: 100%; }\n  }\n\n  @keyframes brick-progress-vertical {\n    from { inset-block-end: -38%; }\n    to { inset-block-end: 100%; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-progress__indicator {\n      animation: none !important;\n      transition: none;\n    }\n    .brick-progress__indicator[data-state=\"indeterminate\"] {\n      inset-inline-start: 0 !important;\n      inset-block-end: 0 !important;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-progress__track {\n      border: 1px solid CanvasText;\n      background: Canvas;\n      forced-color-adjust: auto;\n    }\n    .brick-progress__buffer { background: GrayText; }\n    .brick-progress__indicator { background: Highlight; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,2oBAkBA,kSASA,mJAMA,uHAMA,2MAUA,gIAKA,2JAOA,sKAOA,gFAKA,qGAOA,2FAMA,gLAMA,0KAMA,kGAMA,oDAIA,iIAIA,8HAIA,yJAMA,6IAKA,2IAKA,qEAIA,gLAMA,2KAMA,gEACA,iEACA,+DACA,gEACA,8DAEA,6DACA,uFACA,gEAEA,6KAIA,0KAIA,oKAIA,6KAIA,6KAIA,0KAKA,4FAKA,oFAKA,uCACE,oEAIA,iHAMF,8BACE,8FAKA,4CACA,kDDpNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/progress.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/progress/progress.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/progress/progress.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-progress {\n    --brick-progress-track-background: var(--brick-color-surface-subtle);\n    --brick-progress-buffer-background: var(--brick-color-accent-soft);\n    --brick-progress-indicator-background: var(--brick-color-accent-solid);\n    --brick-progress-label-foreground: var(--brick-color-text-primary);\n    --brick-progress-value-foreground: var(--brick-color-text-secondary);\n    --brick-progress-thickness: 0.5rem;\n    --brick-progress-length: 10rem;\n    --brick-progress-radius: var(--brick-radius-control);\n\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, 1fr) auto;\n    align-items: center;\n    gap: var(--brick-space-2) var(--brick-space-3);\n    color: var(--brick-progress-label-foreground);\n  }\n\n  .brick-progress__label,\n  .brick-progress__value {\n    min-inline-size: 0;\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    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-progress__label {\n    overflow-wrap: anywhere;\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    color: var(--brick-progress-label-foreground);\n  }\n\n  .brick-progress__value {\n    justify-self: end;\n    color: var(--brick-progress-value-foreground);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-progress__track {\n    position: relative;\n    grid-column: 1 / -1;\n    min-inline-size: 0;\n    overflow: hidden;\n    border-radius: var(--brick-progress-radius);\n    background: var(--brick-progress-track-background);\n    isolation: isolate;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__track {\n    inline-size: 100%;\n    block-size: var(--brick-progress-thickness);\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] {\n    inline-size: fit-content;\n    grid-template-columns: auto minmax(0, auto);\n    grid-template-rows: auto 1fr;\n    align-items: start;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__track {\n    grid-column: 1;\n    grid-row: 1 / 3;\n    inline-size: var(--brick-progress-thickness);\n    block-size: var(--brick-progress-length);\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__label {\n    grid-column: 2;\n    grid-row: 1;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__value {\n    grid-column: 2;\n    grid-row: 2;\n    align-self: end;\n    justify-self: start;\n  }\n\n  .brick-progress__buffer,\n  .brick-progress__indicator {\n    position: absolute;\n    border-radius: inherit;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__buffer,\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__indicator {\n    inset-block: 0;\n    inset-inline-start: 0;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__buffer,\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__indicator {\n    inset-inline: 0;\n    inset-block-end: 0;\n  }\n\n  .brick-progress__buffer {\n    z-index: 1;\n    display: none;\n    background: var(--brick-progress-buffer-background);\n  }\n\n  .brick-progress__buffer[data-present] {\n    display: block;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__buffer {\n    inline-size: calc(var(--brick-progress-buffer-percent) * 1%);\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__buffer {\n    block-size: calc(var(--brick-progress-buffer-percent) * 1%);\n  }\n\n  .brick-progress__indicator {\n    z-index: 2;\n    background: var(--brick-progress-indicator-background);\n    transition: inline-size 180ms ease-out, block-size 180ms ease-out;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__indicator {\n    inline-size: calc(var(--brick-progress-percent) * 1%);\n    block-size: 100%;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__indicator {\n    inline-size: 100%;\n    block-size: calc(var(--brick-progress-percent) * 1%);\n  }\n\n  .brick-progress__indicator[data-state=\"indeterminate\"] {\n    transition: none;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"]\n    .brick-progress__indicator[data-state=\"indeterminate\"] {\n    inline-size: 38%;\n    animation: brick-progress-horizontal 1.4s ease-in-out infinite;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"]\n    .brick-progress__indicator[data-state=\"indeterminate\"] {\n    block-size: 38%;\n    animation: brick-progress-vertical 1.4s ease-in-out infinite;\n  }\n\n  .brick-progress[data-size=\"xs\"] { --brick-progress-thickness: 0.25rem; }\n  .brick-progress[data-size=\"sm\"] { --brick-progress-thickness: 0.375rem; }\n  .brick-progress[data-size=\"md\"] { --brick-progress-thickness: 0.5rem; }\n  .brick-progress[data-size=\"lg\"] { --brick-progress-thickness: 0.75rem; }\n  .brick-progress[data-size=\"xl\"] { --brick-progress-thickness: 1rem; }\n\n  .brick-progress[data-shape=\"square\"] { --brick-progress-radius: 0; }\n  .brick-progress[data-shape=\"rounded\"] { --brick-progress-radius: var(--brick-radius-subtle); }\n  .brick-progress[data-shape=\"pill\"] { --brick-progress-radius: 9999px; }\n\n  .brick-progress[data-tone=\"neutral\"] {\n    --brick-progress-buffer-background: var(--brick-color-border-subtle);\n    --brick-progress-indicator-background: var(--brick-color-text-primary);\n  }\n  .brick-progress[data-tone=\"accent\"] {\n    --brick-progress-buffer-background: var(--brick-color-accent-soft);\n    --brick-progress-indicator-background: var(--brick-color-accent-solid);\n  }\n  .brick-progress[data-tone=\"info\"] {\n    --brick-progress-buffer-background: var(--brick-color-info-soft);\n    --brick-progress-indicator-background: var(--brick-color-info-solid);\n  }\n  .brick-progress[data-tone=\"success\"] {\n    --brick-progress-buffer-background: var(--brick-color-success-soft);\n    --brick-progress-indicator-background: var(--brick-color-success-solid);\n  }\n  .brick-progress[data-tone=\"warning\"] {\n    --brick-progress-buffer-background: var(--brick-color-warning-soft);\n    --brick-progress-indicator-background: var(--brick-color-warning-solid);\n  }\n  .brick-progress[data-tone=\"danger\"] {\n    --brick-progress-buffer-background: var(--brick-color-danger-soft);\n    --brick-progress-indicator-background: var(--brick-color-danger-solid);\n  }\n\n  @keyframes brick-progress-horizontal {\n    from { inset-inline-start: -38%; }\n    to { inset-inline-start: 100%; }\n  }\n\n  @keyframes brick-progress-vertical {\n    from { inset-block-end: -38%; }\n    to { inset-block-end: 100%; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-progress__indicator {\n      animation: none !important;\n      transition: none;\n    }\n    .brick-progress__indicator[data-state=\"indeterminate\"] {\n      inset-inline-start: 0 !important;\n      inset-block-end: 0 !important;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-progress__track {\n      border: 1px solid CanvasText;\n      background: Canvas;\n      forced-color-adjust: auto;\n    }\n    .brick-progress__buffer { background: GrayText; }\n    .brick-progress__indicator { background: Highlight; }\n  }\n}\n"],"names":[]}

package/dist/styles/radio-group.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-radio-group{--brick-radio-group-gap:var(--brick-space-1);--brick-radio-control-size:1.125rem;--brick-radio-dot-size:.5rem;--brick-radio-target-min-size:var(--brick-control-target-min);--brick-radio-item-gap:var(--brick-space-2);--brick-radio-item-padding-inline:var(--brick-space-2);--brick-radio-item-radius:var(--brick-radius-subtle);--brick-radio-foreground:var(--brick-color-text-primary);--brick-radio-control-background:var(--brick-color-surface-raised);--brick-radio-control-border:var(--brick-color-border-strong);--brick-radio-checked:var(--brick-color-accent-solid);--brick-radio-focus-ring:var(--brick-color-focus-ring);--brick-radio-invalid:var(--brick-color-danger-text);--brick-radio-readonly-background:var(--brick-color-surface-subtle);box-sizing:border-box;gap:var(--brick-radio-group-gap);min-inline-size:0;max-inline-size:100%;display:flex}.brick-radio-group[data-orientation=vertical]{flex-direction:column}.brick-radio-group[data-orientation=horizontal]{flex-flow:wrap;align-items:flex-start}.brick-radio-group[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid var(--brick-radio-invalid);border-radius:var(--brick-radio-item-radius);padding-inline-start:var(--brick-space-2)}.brick-radio-group-item{box-sizing:border-box;inline-size:fit-content;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-radio-target-min-size);grid-template-columns:var(--brick-radio-control-size) minmax(0, 1fr);align-content:center;align-items:center;gap:var(--brick-radio-item-gap);padding-block:var(--brick-space-1);padding-inline:var(--brick-radio-item-padding-inline);border-radius:var(--brick-radio-item-radius);appearance:none;color:var(--brick-radio-foreground);font:inherit;text-align:start;-webkit-user-select:none;user-select:none;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);background:0 0;border:0;display:inline-grid}.brick-radio-group[data-orientation=vertical]>.brick-radio-group-item{inline-size:100%}.brick-radio-group-item:not([data-disabled],[data-readonly]){cursor:pointer}.brick-radio-group-item[data-readonly]{background:var(--brick-radio-readonly-background);cursor:default}.brick-radio-group-item:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-radio-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-radio-group-control{box-sizing:border-box;inline-size:var(--brick-radio-control-size);block-size:var(--brick-radio-control-size);border:var(--brick-border-width) solid var(--brick-radio-control-border);border-radius:var(--brick-radius-full);background:var(--brick-radio-control-background);transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);place-items:center;display:grid}.brick-radio-group-dot{inline-size:var(--brick-radio-dot-size);block-size:var(--brick-radio-dot-size);border-radius:var(--brick-radius-full);background:var(--brick-radio-checked);opacity:0;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:block;transform:scale(.5)}.brick-radio-group-item[data-state=checked] .brick-radio-group-control{border-color:var(--brick-radio-checked)}.brick-radio-group-item[data-state=checked] .brick-radio-group-dot{opacity:1;transform:scale(1)}.brick-radio-group-label{min-inline-size:0;color:inherit;font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);font-weight:var(--brick-typography-body-md-font-weight);letter-spacing:var(--brick-typography-body-md-letter-spacing);line-height:var(--brick-typography-body-md-line-height);overflow-wrap:anywhere}.brick-radio-group-item:not([data-disabled],[data-readonly]):active{background:var(--brick-color-accent-soft-pressed)}.brick-radio-group-item:not([data-disabled],[data-readonly]):active .brick-radio-group-control{transform:scale(.94)}.brick-radio-group-item[data-disabled]{color:var(--brick-color-text-secondary);cursor:not-allowed;opacity:.65}.brick-radio-group-item[data-disabled] .brick-radio-group-control{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-radio-group-item[data-invalid] .brick-radio-group-control{border-color:var(--brick-radio-invalid)}.brick-radio-group[data-size=sm]{--brick-radio-control-size:1rem;--brick-radio-dot-size:.375rem;--brick-radio-item-gap:.375rem;--brick-radio-item-padding-inline:var(--brick-space-1)}.brick-radio-group[data-size=sm] .brick-radio-group-label{font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-body-sm-font-weight);letter-spacing:var(--brick-typography-body-sm-letter-spacing);line-height:var(--brick-typography-body-sm-line-height)}.brick-radio-group[data-size=lg]{--brick-radio-control-size:1.25rem;--brick-radio-dot-size:.625rem;--brick-radio-target-min-size:var(--brick-control-min-block-size-lg);--brick-radio-item-gap:var(--brick-space-3);--brick-radio-item-padding-inline:var(--brick-space-3)}.brick-radio-group[data-size=lg] .brick-radio-group-label{font-family:var(--brick-typography-body-lg-font-family);font-size:var(--brick-typography-body-lg-font-size);font-weight:var(--brick-typography-body-lg-font-weight);letter-spacing:var(--brick-typography-body-lg-letter-spacing);line-height:var(--brick-typography-body-lg-line-height)}@media (hover:hover) and (pointer:fine){.brick-radio-group-item:not([data-disabled],[data-readonly]):hover{background:var(--brick-color-accent-soft)}.brick-radio-group-item:not([data-disabled],[data-readonly],[data-invalid]):hover .brick-radio-group-control{border-color:var(--brick-color-accent-border)}}@media (prefers-reduced-motion:reduce){:where(.brick-radio-group-item,.brick-radio-group-control,.brick-radio-group-dot){transition-duration:0s}}@media (forced-colors:active){.brick-radio-group-item{forced-color-adjust:none;color:buttontext}.brick-radio-group-control{background:canvas;border-color:buttontext}.brick-radio-group-item[data-state=checked] .brick-radio-group-control{border-color:highlight}.brick-radio-group-dot{background:highlight}.brick-radio-group[data-invalid],.brick-radio-group-item[data-invalid] .brick-radio-group-control{border-color:mark}.brick-radio-group-item[data-disabled]{color:graytext;opacity:1}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{.brick-radio-group{--brick-radio-group-gap:var(--brick-space-1);--brick-radio-control-size:1.125rem;--brick-radio-dot-size:.5rem;--brick-radio-target-min-size:var(--brick-control-target-min);--brick-radio-item-gap:var(--brick-space-2);--brick-radio-item-padding-inline:var(--brick-space-2);--brick-radio-item-radius:var(--brick-radius-subtle);--brick-radio-foreground:var(--brick-color-text-primary);--brick-radio-control-background:var(--brick-color-surface-raised);--brick-radio-control-border:var(--brick-color-border-strong);--brick-radio-checked:var(--brick-color-accent-solid);--brick-radio-focus-ring:var(--brick-color-focus-ring);--brick-radio-invalid:var(--brick-color-danger-text);--brick-radio-readonly-background:var(--brick-color-surface-subtle);box-sizing:border-box;gap:var(--brick-radio-group-gap);min-inline-size:0;max-inline-size:100%;display:flex}.brick-radio-group[data-orientation=vertical]{flex-direction:column}.brick-radio-group[data-orientation=horizontal]{flex-flow:wrap;align-items:flex-start}.brick-radio-group[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid var(--brick-radio-invalid);border-radius:var(--brick-radio-item-radius);padding-inline-start:var(--brick-space-2)}.brick-radio-group-item{box-sizing:border-box;inline-size:fit-content;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-radio-target-min-size);grid-template-columns:var(--brick-radio-control-size) minmax(0, 1fr);align-content:center;align-items:center;gap:var(--brick-radio-item-gap);padding-block:var(--brick-space-1);padding-inline:var(--brick-radio-item-padding-inline);border-radius:var(--brick-radio-item-radius);appearance:none;color:var(--brick-radio-foreground);font:inherit;text-align:start;-webkit-user-select:none;user-select:none;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);background:0 0;border:0;display:inline-grid}.brick-radio-group[data-orientation=vertical]>.brick-radio-group-item{inline-size:100%}.brick-radio-group-item:not([data-disabled],[data-readonly]){cursor:pointer}.brick-radio-group-item[data-readonly]{background:var(--brick-radio-readonly-background);cursor:default}.brick-radio-group-item:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-radio-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-radio-group-control{box-sizing:border-box;inline-size:var(--brick-radio-control-size);block-size:var(--brick-radio-control-size);border:var(--brick-border-width) solid var(--brick-radio-control-border);border-radius:var(--brick-radius-full);background:var(--brick-radio-control-background);transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);place-items:center;display:grid}.brick-radio-group-dot{inline-size:var(--brick-radio-dot-size);block-size:var(--brick-radio-dot-size);border-radius:var(--brick-radius-full);background:var(--brick-radio-checked);opacity:0;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:block;transform:scale(.5)}.brick-radio-group-item[data-state=checked] .brick-radio-group-control{border-color:var(--brick-radio-checked)}.brick-radio-group-item[data-state=checked] .brick-radio-group-dot{opacity:1;transform:scale(1)}.brick-radio-group-label{min-inline-size:0;color:inherit;font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);font-weight:var(--brick-typography-body-md-font-weight);letter-spacing:var(--brick-typography-body-md-letter-spacing);line-height:var(--brick-typography-body-md-line-height);overflow-wrap:anywhere}.brick-radio-group-item:not([data-disabled],[data-readonly]):active{background:var(--brick-color-accent-soft-pressed)}.brick-radio-group-item:not([data-disabled],[data-readonly]):active .brick-radio-group-control{transform:scale(.94)}.brick-radio-group-item[data-disabled]{color:var(--brick-color-text-secondary);cursor:not-allowed;opacity:.65}.brick-radio-group-item[data-disabled] .brick-radio-group-control{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-radio-group-item[data-invalid] .brick-radio-group-control{border-color:var(--brick-radio-invalid)}.brick-radio-group[data-size=sm]{--brick-radio-control-size:1rem;--brick-radio-dot-size:.375rem;--brick-radio-item-gap:.375rem;--brick-radio-item-padding-inline:var(--brick-space-1)}.brick-radio-group[data-size=sm] .brick-radio-group-label{font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-body-sm-font-weight);letter-spacing:var(--brick-typography-body-sm-letter-spacing);line-height:var(--brick-typography-body-sm-line-height)}.brick-radio-group[data-size=lg]{--brick-radio-control-size:1.25rem;--brick-radio-dot-size:.625rem;--brick-radio-target-min-size:var(--brick-control-min-block-size-lg);--brick-radio-item-gap:var(--brick-space-3);--brick-radio-item-padding-inline:var(--brick-space-3)}.brick-radio-group[data-size=lg] .brick-radio-group-label{font-family:var(--brick-typography-body-lg-font-family);font-size:var(--brick-typography-body-lg-font-size);font-weight:var(--brick-typography-body-lg-font-weight);letter-spacing:var(--brick-typography-body-lg-letter-spacing);line-height:var(--brick-typography-body-lg-line-height)}@media (hover:hover) and (pointer:fine){.brick-radio-group-item:not([data-disabled],[data-readonly]):hover{background:var(--brick-color-accent-soft)}.brick-radio-group-item:not([data-disabled],[data-readonly],[data-invalid]):hover .brick-radio-group-control{border-color:var(--brick-color-accent-border)}}@media (prefers-reduced-motion:reduce){:where(.brick-radio-group-item,.brick-radio-group-control,.brick-radio-group-dot){transition-duration:0s}}@media (forced-colors:active){.brick-radio-group-item{forced-color-adjust:none;color:buttontext}.brick-radio-group-control{background:canvas;border-color:buttontext}.brick-radio-group-item[data-state=checked] .brick-radio-group-control{border-color:highlight}.brick-radio-group-dot{background:highlight}.brick-radio-group[data-invalid],.brick-radio-group-item[data-invalid] .brick-radio-group-control{border-color:mark}.brick-radio-group-item[data-disabled]{color:graytext;opacity:1}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=radio-group.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,k2BAuBA,oEAIA,sFAKA,6MAMA,21BA2BA,uFAIA,4EAIA,wGAKA,4LAKA,wfAcA,yYAaA,+GAIA,gGAKA,0WAWA,sHAIA,oHAIA,8GAMA,6JAKA,yGAIA,sLAOA,oVAQA,2QAQA,oVAQA,wCACE,6GAIA,4JAKF,uCACE,0GAKF,8BACE,kEAKA,qEAKA,8FAIA,4CAIA,oHAKA,kEDjOJ","sources":["home/runner/work/brick/brick/.brick-cache/production/radio-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/radio-group/radio-group.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/radio-group/radio-group.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-radio-group {\n    --brick-radio-group-gap: var(--brick-space-1);\n    --brick-radio-control-size: 1.125rem;\n    --brick-radio-dot-size: 0.5rem;\n    --brick-radio-target-min-size: var(--brick-control-target-min);\n    --brick-radio-item-gap: var(--brick-space-2);\n    --brick-radio-item-padding-inline: var(--brick-space-2);\n    --brick-radio-item-radius: var(--brick-radius-subtle);\n    --brick-radio-foreground: var(--brick-color-text-primary);\n    --brick-radio-control-background: var(--brick-color-surface-raised);\n    --brick-radio-control-border: var(--brick-color-border-strong);\n    --brick-radio-checked: var(--brick-color-accent-solid);\n    --brick-radio-focus-ring: var(--brick-color-focus-ring);\n    --brick-radio-invalid: var(--brick-color-danger-text);\n    --brick-radio-readonly-background: var(--brick-color-surface-subtle);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-radio-group-gap);\n  }\n\n  .brick-radio-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-radio-group[data-orientation=\"horizontal\"] {\n    flex-flow: row wrap;\n    align-items: flex-start;\n  }\n\n  .brick-radio-group[data-invalid] {\n    padding-inline-start: var(--brick-space-2);\n    border-inline-start: var(--brick-border-focus-width) solid var(--brick-radio-invalid);\n    border-radius: var(--brick-radio-item-radius);\n  }\n\n  .brick-radio-group-item {\n    display: inline-grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    inline-size: fit-content;\n    min-block-size: var(--brick-radio-target-min-size);\n    grid-template-columns: var(--brick-radio-control-size) minmax(0, 1fr);\n    align-content: center;\n    align-items: center;\n    gap: var(--brick-radio-item-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-radio-item-padding-inline);\n    border: 0;\n    border-radius: var(--brick-radio-item-radius);\n    appearance: none;\n    background: transparent;\n    color: var(--brick-radio-foreground);\n    font: inherit;\n    text-align: start;\n    user-select: none;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      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  }\n\n  .brick-radio-group[data-orientation=\"vertical\"] > .brick-radio-group-item {\n    inline-size: 100%;\n  }\n\n  .brick-radio-group-item:not([data-disabled], [data-readonly]) {\n    cursor: pointer;\n  }\n\n  .brick-radio-group-item[data-readonly] {\n    background: var(--brick-radio-readonly-background);\n    cursor: default;\n  }\n\n  .brick-radio-group-item:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-radio-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-radio-group-control {\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-radio-control-size);\n    block-size: var(--brick-radio-control-size);\n    place-items: center;\n    border: var(--brick-border-width) solid var(--brick-radio-control-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-radio-control-background);\n    transition:\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-radio-group-dot {\n    display: block;\n    inline-size: var(--brick-radio-dot-size);\n    block-size: var(--brick-radio-dot-size);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-radio-checked);\n    opacity: 0;\n    transform: scale(0.5);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-radio-group-item[data-state=\"checked\"] .brick-radio-group-control {\n    border-color: var(--brick-radio-checked);\n  }\n\n  .brick-radio-group-item[data-state=\"checked\"] .brick-radio-group-dot {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .brick-radio-group-label {\n    min-inline-size: 0;\n    color: inherit;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-typography-body-md-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-radio-group-item:not([data-disabled], [data-readonly]):active {\n    background: var(--brick-color-accent-soft-pressed);\n  }\n\n  .brick-radio-group-item:not([data-disabled], [data-readonly]):active .brick-radio-group-control {\n    transform: scale(0.94);\n  }\n\n  .brick-radio-group-item[data-disabled] {\n    color: var(--brick-color-text-secondary);\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  .brick-radio-group-item[data-disabled] .brick-radio-group-control {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-radio-group-item[data-invalid] .brick-radio-group-control {\n    border-color: var(--brick-radio-invalid);\n  }\n\n  .brick-radio-group[data-size=\"sm\"] {\n    --brick-radio-control-size: 1rem;\n    --brick-radio-dot-size: 0.375rem;\n    --brick-radio-item-gap: 0.375rem;\n    --brick-radio-item-padding-inline: var(--brick-space-1);\n  }\n\n  .brick-radio-group[data-size=\"sm\"] .brick-radio-group-label {\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n\n  .brick-radio-group[data-size=\"lg\"] {\n    --brick-radio-control-size: 1.25rem;\n    --brick-radio-dot-size: 0.625rem;\n    --brick-radio-target-min-size: var(--brick-control-min-block-size-lg);\n    --brick-radio-item-gap: var(--brick-space-3);\n    --brick-radio-item-padding-inline: var(--brick-space-3);\n  }\n\n  .brick-radio-group[data-size=\"lg\"] .brick-radio-group-label {\n    font-family: var(--brick-typography-body-lg-font-family);\n    font-size: var(--brick-typography-body-lg-font-size);\n    font-weight: var(--brick-typography-body-lg-font-weight);\n    letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    line-height: var(--brick-typography-body-lg-line-height);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-radio-group-item:not([data-disabled], [data-readonly]):hover {\n      background: var(--brick-color-accent-soft);\n    }\n\n    .brick-radio-group-item:not([data-disabled], [data-readonly], [data-invalid]):hover .brick-radio-group-control {\n      border-color: var(--brick-color-accent-border);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-radio-group-item, .brick-radio-group-control, .brick-radio-group-dot) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-radio-group-item {\n      forced-color-adjust: none;\n      color: ButtonText;\n    }\n\n    .brick-radio-group-control {\n      border-color: ButtonText;\n      background: Canvas;\n    }\n\n    .brick-radio-group-item[data-state=\"checked\"] .brick-radio-group-control {\n      border-color: Highlight;\n    }\n\n    .brick-radio-group-dot {\n      background: Highlight;\n    }\n\n    .brick-radio-group[data-invalid],\n    .brick-radio-group-item[data-invalid] .brick-radio-group-control {\n      border-color: Mark;\n    }\n\n    .brick-radio-group-item[data-disabled] {\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,k2BAuBA,oEAIA,sFAKA,6MAMA,21BA2BA,uFAIA,4EAIA,wGAKA,4LAKA,wfAcA,yYAaA,+GAIA,gGAKA,0WAWA,sHAIA,oHAIA,8GAMA,6JAKA,yGAIA,sLAOA,oVAQA,2QAQA,oVAQA,wCACE,6GAIA,4JAKF,uCACE,0GAKF,8BACE,kEAKA,qEAKA,8FAIA,4CAIA,oHAKA,kEDjOJ","sources":["home/runner/work/brick/brick/.brick-cache/production/radio-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/radio-group/radio-group.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/radio-group/radio-group.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-radio-group {\n    --brick-radio-group-gap: var(--brick-space-1);\n    --brick-radio-control-size: 1.125rem;\n    --brick-radio-dot-size: 0.5rem;\n    --brick-radio-target-min-size: var(--brick-control-target-min);\n    --brick-radio-item-gap: var(--brick-space-2);\n    --brick-radio-item-padding-inline: var(--brick-space-2);\n    --brick-radio-item-radius: var(--brick-radius-subtle);\n    --brick-radio-foreground: var(--brick-color-text-primary);\n    --brick-radio-control-background: var(--brick-color-surface-raised);\n    --brick-radio-control-border: var(--brick-color-border-strong);\n    --brick-radio-checked: var(--brick-color-accent-solid);\n    --brick-radio-focus-ring: var(--brick-color-focus-ring);\n    --brick-radio-invalid: var(--brick-color-danger-text);\n    --brick-radio-readonly-background: var(--brick-color-surface-subtle);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-radio-group-gap);\n  }\n\n  .brick-radio-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-radio-group[data-orientation=\"horizontal\"] {\n    flex-flow: row wrap;\n    align-items: flex-start;\n  }\n\n  .brick-radio-group[data-invalid] {\n    padding-inline-start: var(--brick-space-2);\n    border-inline-start: var(--brick-border-focus-width) solid var(--brick-radio-invalid);\n    border-radius: var(--brick-radio-item-radius);\n  }\n\n  .brick-radio-group-item {\n    display: inline-grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    inline-size: fit-content;\n    min-block-size: var(--brick-radio-target-min-size);\n    grid-template-columns: var(--brick-radio-control-size) minmax(0, 1fr);\n    align-content: center;\n    align-items: center;\n    gap: var(--brick-radio-item-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-radio-item-padding-inline);\n    border: 0;\n    border-radius: var(--brick-radio-item-radius);\n    appearance: none;\n    background: transparent;\n    color: var(--brick-radio-foreground);\n    font: inherit;\n    text-align: start;\n    user-select: none;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      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  }\n\n  .brick-radio-group[data-orientation=\"vertical\"] > .brick-radio-group-item {\n    inline-size: 100%;\n  }\n\n  .brick-radio-group-item:not([data-disabled], [data-readonly]) {\n    cursor: pointer;\n  }\n\n  .brick-radio-group-item[data-readonly] {\n    background: var(--brick-radio-readonly-background);\n    cursor: default;\n  }\n\n  .brick-radio-group-item:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-radio-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-radio-group-control {\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-radio-control-size);\n    block-size: var(--brick-radio-control-size);\n    place-items: center;\n    border: var(--brick-border-width) solid var(--brick-radio-control-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-radio-control-background);\n    transition:\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-radio-group-dot {\n    display: block;\n    inline-size: var(--brick-radio-dot-size);\n    block-size: var(--brick-radio-dot-size);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-radio-checked);\n    opacity: 0;\n    transform: scale(0.5);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-radio-group-item[data-state=\"checked\"] .brick-radio-group-control {\n    border-color: var(--brick-radio-checked);\n  }\n\n  .brick-radio-group-item[data-state=\"checked\"] .brick-radio-group-dot {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .brick-radio-group-label {\n    min-inline-size: 0;\n    color: inherit;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-typography-body-md-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-radio-group-item:not([data-disabled], [data-readonly]):active {\n    background: var(--brick-color-accent-soft-pressed);\n  }\n\n  .brick-radio-group-item:not([data-disabled], [data-readonly]):active .brick-radio-group-control {\n    transform: scale(0.94);\n  }\n\n  .brick-radio-group-item[data-disabled] {\n    color: var(--brick-color-text-secondary);\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  .brick-radio-group-item[data-disabled] .brick-radio-group-control {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-radio-group-item[data-invalid] .brick-radio-group-control {\n    border-color: var(--brick-radio-invalid);\n  }\n\n  .brick-radio-group[data-size=\"sm\"] {\n    --brick-radio-control-size: 1rem;\n    --brick-radio-dot-size: 0.375rem;\n    --brick-radio-item-gap: 0.375rem;\n    --brick-radio-item-padding-inline: var(--brick-space-1);\n  }\n\n  .brick-radio-group[data-size=\"sm\"] .brick-radio-group-label {\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n\n  .brick-radio-group[data-size=\"lg\"] {\n    --brick-radio-control-size: 1.25rem;\n    --brick-radio-dot-size: 0.625rem;\n    --brick-radio-target-min-size: var(--brick-control-min-block-size-lg);\n    --brick-radio-item-gap: var(--brick-space-3);\n    --brick-radio-item-padding-inline: var(--brick-space-3);\n  }\n\n  .brick-radio-group[data-size=\"lg\"] .brick-radio-group-label {\n    font-family: var(--brick-typography-body-lg-font-family);\n    font-size: var(--brick-typography-body-lg-font-size);\n    font-weight: var(--brick-typography-body-lg-font-weight);\n    letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    line-height: var(--brick-typography-body-lg-line-height);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-radio-group-item:not([data-disabled], [data-readonly]):hover {\n      background: var(--brick-color-accent-soft);\n    }\n\n    .brick-radio-group-item:not([data-disabled], [data-readonly], [data-invalid]):hover .brick-radio-group-control {\n      border-color: var(--brick-color-accent-border);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-radio-group-item, .brick-radio-group-control, .brick-radio-group-dot) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-radio-group-item {\n      forced-color-adjust: none;\n      color: ButtonText;\n    }\n\n    .brick-radio-group-control {\n      border-color: ButtonText;\n      background: Canvas;\n    }\n\n    .brick-radio-group-item[data-state=\"checked\"] .brick-radio-group-control {\n      border-color: Highlight;\n    }\n\n    .brick-radio-group-dot {\n      background: Highlight;\n    }\n\n    .brick-radio-group[data-invalid],\n    .brick-radio-group-item[data-invalid] .brick-radio-group-control {\n      border-color: Mark;\n    }\n\n    .brick-radio-group-item[data-disabled] {\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/rating.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-rating{--brick-rating-item-size:1.5rem;--brick-rating-gap:var(--brick-space-1);--brick-rating-empty-color:var(--brick-color-border-strong);--brick-rating-fill-color:var(--brick-color-accent-solid);box-sizing:border-box;align-items:center;gap:var(--brick-rating-gap);border-radius:var(--brick-radius-subtle);outline:0;min-inline-size:0;display:inline-flex}.brick-rating:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-rating__item{box-sizing:border-box;inline-size:var(--brick-control-target-min);min-inline-size:var(--brick-control-target-min);block-size:var(--brick-control-target-min);color:var(--brick-rating-empty-color);cursor:pointer;place-items:center;display:grid;position:relative}.brick-rating__artwork{inline-size:var(--brick-rating-item-size);block-size:var(--brick-rating-item-size);pointer-events:none;place-items:center;display:grid;position:absolute}.brick-rating__artwork>*{block-size:100%;inline-size:100%}.brick-rating__artwork--empty{color:var(--brick-rating-empty-color)}.brick-rating__artwork--fill{color:var(--brick-rating-fill-color);clip-path:inset(0 calc(100% - var(--brick-rating-fill)) 0 0);overflow:hidden}[dir=rtl] .brick-rating__artwork--fill{clip-path:inset(0 0 0 calc(100% - var(--brick-rating-fill)))}.brick-rating__star{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%;display:block;overflow:visible}.brick-rating[data-variant=outline] .brick-rating__artwork--empty .brick-rating__star,.brick-rating[data-variant=outline] .brick-rating__artwork--fill .brick-rating__star{fill:#0000}.brick-rating[data-variant=outline] .brick-rating__artwork--fill .brick-rating__star{fill:color-mix(in srgb, currentColor 24%, transparent)}.brick-rating[data-size=sm]{--brick-rating-item-size:1.125rem;--brick-rating-gap:0}.brick-rating[data-size=lg]{--brick-rating-item-size:1.875rem;--brick-rating-gap:var(--brick-space-2)}.brick-rating[data-tone=neutral]{--brick-rating-fill-color:var(--brick-color-text-primary)}.brick-rating[data-invalid]{--brick-rating-fill-color:var(--brick-color-danger-text);--brick-rating-empty-color:var(--brick-color-danger-text)}.brick-rating[data-disabled]{opacity:.6}.brick-rating[data-disabled] .brick-rating__item{cursor:not-allowed}.brick-rating[data-readonly] .brick-rating__item{cursor:default}@media (hover:hover) and (pointer:fine){.brick-rating:not([data-disabled],[data-readonly]) .brick-rating__item:hover{transform:translateY(-.0625rem)}}@media (prefers-reduced-motion:reduce){.brick-rating__item{transform:none!important}}@media (forced-colors:active){.brick-rating{forced-color-adjust:none}.brick-rating__artwork--empty{color:buttontext}.brick-rating__artwork--fill{color:highlight}.brick-rating[data-invalid] .brick-rating__artwork{color:mark}.brick-rating[data-disabled]{opacity:1}.brick-rating[data-disabled] .brick-rating__artwork{color:graytext}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{.brick-rating{--brick-rating-item-size:1.5rem;--brick-rating-gap:var(--brick-space-1);--brick-rating-empty-color:var(--brick-color-border-strong);--brick-rating-fill-color:var(--brick-color-accent-solid);box-sizing:border-box;align-items:center;gap:var(--brick-rating-gap);border-radius:var(--brick-radius-subtle);outline:0;min-inline-size:0;display:inline-flex}.brick-rating:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-rating__item{box-sizing:border-box;inline-size:var(--brick-control-target-min);min-inline-size:var(--brick-control-target-min);block-size:var(--brick-control-target-min);color:var(--brick-rating-empty-color);cursor:pointer;place-items:center;display:grid;position:relative}.brick-rating__artwork{inline-size:var(--brick-rating-item-size);block-size:var(--brick-rating-item-size);pointer-events:none;place-items:center;display:grid;position:absolute}.brick-rating__artwork>*{block-size:100%;inline-size:100%}.brick-rating__artwork--empty{color:var(--brick-rating-empty-color)}.brick-rating__artwork--fill{color:var(--brick-rating-fill-color);clip-path:inset(0 calc(100% - var(--brick-rating-fill)) 0 0);overflow:hidden}[dir=rtl] .brick-rating__artwork--fill{clip-path:inset(0 0 0 calc(100% - var(--brick-rating-fill)))}.brick-rating__star{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%;display:block;overflow:visible}.brick-rating[data-variant=outline] .brick-rating__artwork--empty .brick-rating__star,.brick-rating[data-variant=outline] .brick-rating__artwork--fill .brick-rating__star{fill:#0000}.brick-rating[data-variant=outline] .brick-rating__artwork--fill .brick-rating__star{fill:color-mix(in srgb, currentColor 24%, transparent)}.brick-rating[data-size=sm]{--brick-rating-item-size:1.125rem;--brick-rating-gap:0}.brick-rating[data-size=lg]{--brick-rating-item-size:1.875rem;--brick-rating-gap:var(--brick-space-2)}.brick-rating[data-tone=neutral]{--brick-rating-fill-color:var(--brick-color-text-primary)}.brick-rating[data-invalid]{--brick-rating-fill-color:var(--brick-color-danger-text);--brick-rating-empty-color:var(--brick-color-danger-text)}.brick-rating[data-disabled]{opacity:.6}.brick-rating[data-disabled] .brick-rating__item{cursor:not-allowed}.brick-rating[data-readonly] .brick-rating__item{cursor:default}@media (hover:hover) and (pointer:fine){.brick-rating:not([data-disabled],[data-readonly]) .brick-rating__item:hover{transform:translateY(-.0625rem)}}@media (prefers-reduced-motion:reduce){.brick-rating__item{transform:none!important}}@media (forced-colors:active){.brick-rating{forced-color-adjust:none}.brick-rating__artwork--empty{color:buttontext}.brick-rating__artwork--fill{color:highlight}.brick-rating[data-invalid] .brick-rating__artwork{color:mark}.brick-rating[data-disabled]{opacity:1}.brick-rating[data-disabled] .brick-rating__artwork{color:graytext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=rating.css.map */

package/dist/styles/rating.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,0WAeA,kLAKA,wRAYA,gLASA,0DACA,oEACA,+IAKA,oGAIA,mKAWA,sLAIA,4IAIA,mFACA,sGACA,2FACA,+IACA,wCACA,oEACA,gEAEA,wCACE,8GAIF,uCAA0C,8CAC1C,8BACE,uCACA,+CACA,6CACA,8DACA,uCACA,qED5FJ","sources":["home/runner/work/brick/brick/.brick-cache/production/rating.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/rating/rating.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/rating/rating.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-rating {\n    --brick-rating-item-size: 1.5rem;\n    --brick-rating-gap: var(--brick-space-1);\n    --brick-rating-empty-color: var(--brick-color-border-strong);\n    --brick-rating-fill-color: var(--brick-color-accent-solid);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-rating-gap);\n    border-radius: var(--brick-radius-subtle);\n    outline: 0;\n  }\n\n  .brick-rating:is(:focus-visible, [data-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\n  .brick-rating__item {\n    position: relative;\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    min-inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    color: var(--brick-rating-empty-color);\n    cursor: pointer;\n  }\n\n  .brick-rating__artwork {\n    position: absolute;\n    display: grid;\n    inline-size: var(--brick-rating-item-size);\n    block-size: var(--brick-rating-item-size);\n    place-items: center;\n    pointer-events: none;\n  }\n\n  .brick-rating__artwork > * { inline-size: 100%; block-size: 100%; }\n  .brick-rating__artwork--empty { color: var(--brick-rating-empty-color); }\n  .brick-rating__artwork--fill {\n    overflow: hidden;\n    color: var(--brick-rating-fill-color);\n    clip-path: inset(0 calc(100% - var(--brick-rating-fill)) 0 0);\n  }\n  [dir=\"rtl\"] .brick-rating__artwork--fill {\n    clip-path: inset(0 0 0 calc(100% - var(--brick-rating-fill)));\n  }\n\n  .brick-rating__star {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    overflow: visible;\n    fill: currentColor;\n    stroke: currentColor;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--empty .brick-rating__star,\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--fill .brick-rating__star {\n    fill: transparent;\n  }\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--fill .brick-rating__star {\n    fill: color-mix(in srgb, currentColor 24%, transparent);\n  }\n\n  .brick-rating[data-size=\"sm\"] { --brick-rating-item-size: 1.125rem; --brick-rating-gap: 0; }\n  .brick-rating[data-size=\"lg\"] { --brick-rating-item-size: 1.875rem; --brick-rating-gap: var(--brick-space-2); }\n  .brick-rating[data-tone=\"neutral\"] { --brick-rating-fill-color: var(--brick-color-text-primary); }\n  .brick-rating[data-invalid] { --brick-rating-fill-color: var(--brick-color-danger-text); --brick-rating-empty-color: var(--brick-color-danger-text); }\n  .brick-rating[data-disabled] { opacity: 0.6; }\n  .brick-rating[data-disabled] .brick-rating__item { cursor: not-allowed; }\n  .brick-rating[data-readonly] .brick-rating__item { cursor: default; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-rating:not([data-disabled], [data-readonly]) .brick-rating__item:hover {\n      transform: translateY(-0.0625rem);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-rating__item { transform: none !important; } }\n  @media (forced-colors: active) {\n    .brick-rating { forced-color-adjust: none; }\n    .brick-rating__artwork--empty { color: ButtonText; }\n    .brick-rating__artwork--fill { color: Highlight; }\n    .brick-rating[data-invalid] .brick-rating__artwork { color: Mark; }\n    .brick-rating[data-disabled] { opacity: 1; }\n    .brick-rating[data-disabled] .brick-rating__artwork { color: GrayText; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,0WAeA,kLAKA,wRAYA,gLASA,0DACA,oEACA,+IAKA,oGAIA,mKAWA,sLAIA,4IAIA,mFACA,sGACA,2FACA,+IACA,wCACA,oEACA,gEAEA,wCACE,8GAIF,uCAA0C,8CAC1C,8BACE,uCACA,+CACA,6CACA,8DACA,uCACA,qED5FJ","sources":["home/runner/work/brick/brick/.brick-cache/production/rating.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/rating/rating.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/rating/rating.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-rating {\n    --brick-rating-item-size: 1.5rem;\n    --brick-rating-gap: var(--brick-space-1);\n    --brick-rating-empty-color: var(--brick-color-border-strong);\n    --brick-rating-fill-color: var(--brick-color-accent-solid);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-rating-gap);\n    border-radius: var(--brick-radius-subtle);\n    outline: 0;\n  }\n\n  .brick-rating:is(:focus-visible, [data-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\n  .brick-rating__item {\n    position: relative;\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    min-inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    color: var(--brick-rating-empty-color);\n    cursor: pointer;\n  }\n\n  .brick-rating__artwork {\n    position: absolute;\n    display: grid;\n    inline-size: var(--brick-rating-item-size);\n    block-size: var(--brick-rating-item-size);\n    place-items: center;\n    pointer-events: none;\n  }\n\n  .brick-rating__artwork > * { inline-size: 100%; block-size: 100%; }\n  .brick-rating__artwork--empty { color: var(--brick-rating-empty-color); }\n  .brick-rating__artwork--fill {\n    overflow: hidden;\n    color: var(--brick-rating-fill-color);\n    clip-path: inset(0 calc(100% - var(--brick-rating-fill)) 0 0);\n  }\n  [dir=\"rtl\"] .brick-rating__artwork--fill {\n    clip-path: inset(0 0 0 calc(100% - var(--brick-rating-fill)));\n  }\n\n  .brick-rating__star {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    overflow: visible;\n    fill: currentColor;\n    stroke: currentColor;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--empty .brick-rating__star,\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--fill .brick-rating__star {\n    fill: transparent;\n  }\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--fill .brick-rating__star {\n    fill: color-mix(in srgb, currentColor 24%, transparent);\n  }\n\n  .brick-rating[data-size=\"sm\"] { --brick-rating-item-size: 1.125rem; --brick-rating-gap: 0; }\n  .brick-rating[data-size=\"lg\"] { --brick-rating-item-size: 1.875rem; --brick-rating-gap: var(--brick-space-2); }\n  .brick-rating[data-tone=\"neutral\"] { --brick-rating-fill-color: var(--brick-color-text-primary); }\n  .brick-rating[data-invalid] { --brick-rating-fill-color: var(--brick-color-danger-text); --brick-rating-empty-color: var(--brick-color-danger-text); }\n  .brick-rating[data-disabled] { opacity: 0.6; }\n  .brick-rating[data-disabled] .brick-rating__item { cursor: not-allowed; }\n  .brick-rating[data-readonly] .brick-rating__item { cursor: default; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-rating:not([data-disabled], [data-readonly]) .brick-rating__item:hover {\n      transform: translateY(-0.0625rem);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-rating__item { transform: none !important; } }\n  @media (forced-colors: active) {\n    .brick-rating { forced-color-adjust: none; }\n    .brick-rating__artwork--empty { color: ButtonText; }\n    .brick-rating__artwork--fill { color: Highlight; }\n    .brick-rating[data-invalid] .brick-rating__artwork { color: Mark; }\n    .brick-rating[data-disabled] { opacity: 1; }\n    .brick-rating[data-disabled] .brick-rating__artwork { color: GrayText; }\n  }\n}\n"],"names":[]}

package/dist/styles/scroll-area.css

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

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

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

package/dist/styles/section.css

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

package/dist/styles/section.css.map

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

package/dist/styles/select.css

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

package/dist/styles/select.css.map

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

package/dist/styles/show.css

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