@flowstack-ui/brick 0.1.6 → 0.1.9

package/README.md

@@ -139,12 +139,15 @@ Override public semantic variables with ordinary CSS:
 ```
 
 See [Appearance and tokens](docs/guides/appearance-and-tokens.md) for the full
-contract.
+customization guide. Theme tooling can discover Brick's generated
+[`flowstack.brick-theme-contract.v1`](docs/guides/theme-contract.md) artifact
+through `@flowstack-ui/brick/theme-contract.json`.
 
 ## Documentation
 
 - [Installation and stylesheet setup](docs/guides/installation.md)
 - [Appearance and semantic tokens](docs/guides/appearance-and-tokens.md)
+- [Generated theme contract](docs/guides/theme-contract.md)
 
 The complete component guides live with the source repository:
 

package/dist/agents/accordion.json

@@ -53,6 +53,11 @@
       "id": "accordion-css",
       "level": "must",
       "statement": "Load styles.css or core.css plus accordion.css."
+    },
+    {
+      "id": "accordion-grouped-focus-geometry",
+      "level": "must",
+      "statement": "Keep grouped trigger corners continuous with the enclosing Root and verify that the complete focus ring remains visible at the first and last group edges."
     }
   ],
   "commonMistakes": [
@@ -63,12 +68,16 @@
     {
       "mistake": "Accepting the default heading level or region landmark count without checking the host page.",
       "correction": "Set Header to the correct document level and use landmark=false when many open panels would create excessive landmarks."
+    },
+    {
+      "mistake": "Rounding every Trigger in one outlined group or clipping Root paint so the first and last Trigger focus rings are cut off.",
+      "correction": "Treat Root as the group silhouette, keep interior Trigger edges square, round only exposed group corners, and preserve visible focus outside the group boundary."
     }
   ],
   "validation": [
     "Check complete anatomy, unique values, heading order, Trigger names, linked panel relationships, landmark usefulness, and CSS delivery.",
     "Test Enter, Space, Home, End, orientation-aware arrows, RTL, disabled and locked-open state, single and multiple modes, and controlled and uncontrolled state.",
-    "Test initial open, open and close motion, dynamic panel measurement, reduced motion, focus geometry, long labels, narrow widths, zoom, and forced colors."
+    "Test initial open, open and close motion, dynamic panel measurement, reduced motion, complete first and last Trigger focus geometry, continuous grouped corners, long labels, narrow widths, zoom, and forced colors."
   ],
   "related": [
     "collapsible",

package/dist/agents/accordion.md

@@ -27,17 +27,19 @@ Present a finished group of related disclosure sections while Atom owns expanded
 - **MUST:** Keep visible padding and panel layout in ContentInner rather than Content so Atom can measure and animate the panel accurately.
 - **MUST:** Choose Header level from the page outline and opt out of optional Content landmarks when the resulting region count would be noisy.
 - **MUST:** Load styles.css or core.css plus accordion.css.
+- **MUST:** Keep grouped trigger corners continuous with the enclosing Root and verify that the complete focus ring remains visible at the first and last group edges.
 
 ## Common mistakes
 
 - **Avoid:** Using Accordion for one disclosure, nesting a finished Button in Trigger, or placing padding directly on Content. **Instead:** Use Collapsible for one region, let Trigger own its visual recipe, and put panel spacing in ContentInner.
 - **Avoid:** Accepting the default heading level or region landmark count without checking the host page. **Instead:** Set Header to the correct document level and use landmark=false when many open panels would create excessive landmarks.
+- **Avoid:** Rounding every Trigger in one outlined group or clipping Root paint so the first and last Trigger focus rings are cut off. **Instead:** Treat Root as the group silhouette, keep interior Trigger edges square, round only exposed group corners, and preserve visible focus outside the group boundary.
 
 ## Validation checklist
 
 - Check complete anatomy, unique values, heading order, Trigger names, linked panel relationships, landmark usefulness, and CSS delivery.
 - Test Enter, Space, Home, End, orientation-aware arrows, RTL, disabled and locked-open state, single and multiple modes, and controlled and uncontrolled state.
-- Test initial open, open and close motion, dynamic panel measurement, reduced motion, focus geometry, long labels, narrow widths, zoom, and forced colors.
+- Test initial open, open and close motion, dynamic panel measurement, reduced motion, complete first and last Trigger focus geometry, continuous grouped corners, long labels, narrow widths, zoom, and forced colors.
 
 ## Related guidance
 

package/dist/agents/manifest.json

@@ -1,7 +1,7 @@
 {
   "schema": "flowstack.agent-manifest.v1",
   "package": "@flowstack-ui/brick",
-  "packageVersion": "0.1.6",
+  "packageVersion": "0.1.9",
   "components": [
     {
       "id": "accordion",

package/dist/agents/surface.json

@@ -17,7 +17,7 @@
     }
   ],
   "composition": [
-    "Choose Surface level and boundary by hierarchy, then compose public layout and content components inside. Use asChild around Section when paint must cover the Section rhythm without another host. For background media, author Media, optional Scrim, and Content in that order."
+    "Choose Surface level and boundary by hierarchy, then compose public layout and content components inside. Use asChild around Section when paint must cover the Section rhythm without another host. For background media, author Media, optional Scrim, and Content in that order. When layered foreground content needs four-sided breathing room, set inset on the Surface root; Content owns foreground layering, not padding."
   ],
   "rules": [
     {
@@ -35,6 +35,11 @@
       "level": "must",
       "statement": "Load styles.css or core.css plus surface.css."
     },
+    {
+      "id": "surface-inset-owner",
+      "level": "must",
+      "statement": "Use the Surface inset recipe for four-sided internal spacing; Surface.Content provides z-order only, and Stack startSpacing/endSpacing remain axis-specific."
+    },
     {
       "id": "surface-media-decoration",
       "level": "must",
@@ -69,12 +74,17 @@
     {
       "mistake": "Adding absolute-positioning and z-index CSS for ordinary background media.",
       "correction": "Use Surface.Media, Surface.Scrim, and Surface.Content."
+    },
+    {
+      "mistake": "Expecting Surface.Content or Stack edge spacing to create padding on every foreground edge.",
+      "correction": "Set inset on the Surface root, then use Stack only for child arrangement and primary-axis spacing."
     }
   ],
   "validation": [
     "Check foreground contrast against the selected surface in every appearance.",
     "Confirm nested surfaces communicate hierarchy without excessive borders or elevation.",
-    "Confirm Media and Scrim fill the root, remain hidden from assistive technology and pointer input, and Content stays above both."
+    "Confirm Media and Scrim fill the root, remain hidden from assistive technology and pointer input, and Content stays above both.",
+    "Check that layered foreground content has intentional spacing on all four logical edges at narrow and wide sizes."
   ],
   "related": [
     "card",

package/dist/agents/surface.md

@@ -15,13 +15,14 @@ Apply semantic background layers, boundaries, elevation, radius, inset, and opti
 
 ## Required composition
 
-- Choose Surface level and boundary by hierarchy, then compose public layout and content components inside. Use asChild around Section when paint must cover the Section rhythm without another host. For background media, author Media, optional Scrim, and Content in that order.
+- Choose Surface level and boundary by hierarchy, then compose public layout and content components inside. Use asChild around Section when paint must cover the Section rhythm without another host. For background media, author Media, optional Scrim, and Content in that order. When layered foreground content needs four-sided breathing room, set inset on the Surface root; Content owns foreground layering, not padding.
 
 ## Rules
 
 - **SHOULD:** Choose surface level by information hierarchy, not decoration alone.
 - **MUST:** Use asChild only with one existing non-Fragment host that already owns the required semantics or layout; preserve that child's meaning and keep Surface responsible only for paint.
 - **MUST:** Load styles.css or core.css plus surface.css.
+- **MUST:** Use the Surface inset recipe for four-sided internal spacing; Surface.Content provides z-order only, and Stack startSpacing/endSpacing remain axis-specific.
 - **MUST:** Treat Surface.Media as decorative and noninteractive; keep meaningful media and controls in Content or ordinary document flow.
 - **MUST:** Give Brick Image explicit fill inside Surface.Media so its actual Content and Fallback consume the complete media layer.
 - **MUST:** Put every foreground child inside Surface.Content when Media or Scrim is used.
@@ -32,12 +33,14 @@ Apply semantic background layers, boundaries, elevation, radius, inset, and opti
 
 - **Avoid:** Using arbitrary background colors to recreate a surface. **Instead:** Use Surface and theme its semantic tokens.
 - **Avoid:** Adding absolute-positioning and z-index CSS for ordinary background media. **Instead:** Use Surface.Media, Surface.Scrim, and Surface.Content.
+- **Avoid:** Expecting Surface.Content or Stack edge spacing to create padding on every foreground edge. **Instead:** Set inset on the Surface root, then use Stack only for child arrangement and primary-axis spacing.
 
 ## Validation checklist
 
 - Check foreground contrast against the selected surface in every appearance.
 - Confirm nested surfaces communicate hierarchy without excessive borders or elevation.
 - Confirm Media and Scrim fill the root, remain hidden from assistive technology and pointer input, and Content stays above both.
+- Check that layered foreground content has intentional spacing on all four logical edges at narrow and wide sizes.
 
 ## Related guidance
 

package/dist/styles/accordion.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-accordion{--brick-accordion-background:transparent;--brick-accordion-border-color:var(--brick-color-border-default);--brick-accordion-divider-color:var(--brick-color-border-subtle);--brick-accordion-trigger-background:transparent;--brick-accordion-trigger-hover-background:var(--brick-color-surface-subtle);--brick-accordion-trigger-open-background:var(--brick-color-surface-subtle);--brick-accordion-foreground:var(--brick-color-text-primary);--brick-accordion-content-foreground:var(--brick-color-text-secondary);--brick-accordion-focus-ring:var(--brick-color-focus-ring);--brick-accordion-radius:var(--brick-radius-control);--brick-accordion-trigger-height:2.75rem;--brick-accordion-horizontal-height:14rem;--brick-accordion-trigger-padding-inline:var(--brick-space-3);--brick-accordion-content-padding-block:var(--brick-space-3);--brick-accordion-content-padding-inline:var(--brick-space-3);--brick-accordion-indicator-size:1rem;--brick-accordion-font-family:var(--brick-typography-control-md-font-family);--brick-accordion-font-size:var(--brick-typography-control-md-font-size);--brick-accordion-font-weight:var(--brick-typography-control-md-font-weight);--brick-accordion-line-height:var(--brick-typography-control-md-line-height);box-sizing:border-box;border-radius:var(--brick-accordion-radius);background:var(--brick-accordion-background);inline-size:100%;min-inline-size:0;overflow:clip}.brick-accordion[data-variant=soft]{--brick-accordion-background:var(--brick-color-surface-subtle);--brick-accordion-trigger-hover-background:var(--brick-color-surface-raised);--brick-accordion-trigger-open-background:var(--brick-color-surface-raised)}.brick-accordion[data-variant=outline]{border:var(--brick-border-width) solid var(--brick-accordion-border-color)}.brick-accordion[data-size=sm]{--brick-accordion-trigger-height:2.25rem;--brick-accordion-trigger-padding-inline:var(--brick-space-2);--brick-accordion-content-padding-block:var(--brick-space-2);--brick-accordion-content-padding-inline:var(--brick-space-2);--brick-accordion-indicator-size:.875rem;--brick-accordion-font-family:var(--brick-typography-control-sm-font-family);--brick-accordion-font-size:var(--brick-typography-control-sm-font-size);--brick-accordion-font-weight:var(--brick-typography-control-sm-font-weight);--brick-accordion-line-height:var(--brick-typography-control-sm-line-height)}.brick-accordion[data-size=lg]{--brick-accordion-trigger-height:3.25rem;--brick-accordion-trigger-padding-inline:var(--brick-space-4);--brick-accordion-content-padding-block:var(--brick-space-4);--brick-accordion-content-padding-inline:var(--brick-space-4);--brick-accordion-indicator-size:1.125rem;--brick-accordion-font-family:var(--brick-typography-control-lg-font-family);--brick-accordion-font-size:var(--brick-typography-control-lg-font-size);--brick-accordion-font-weight:var(--brick-typography-control-lg-font-weight);--brick-accordion-line-height:var(--brick-typography-control-lg-line-height)}.brick-accordion-item{box-sizing:border-box;border-block-end:var(--brick-border-width) solid var(--brick-accordion-divider-color);min-inline-size:0}.brick-accordion-item:last-child{border-block-end:0}.brick-accordion-header{font:inherit;margin:0}.brick-accordion-trigger{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:var(--brick-accordion-trigger-height);align-items:center;gap:var(--brick-space-2);padding-block:var(--brick-space-2);padding-inline:var(--brick-accordion-trigger-padding-inline);border-radius:calc(var(--brick-accordion-radius) - var(--brick-border-width));background:var(--brick-accordion-trigger-background);color:var(--brick-accordion-foreground);font-family:var(--brick-accordion-font-family);font-size:var(--brick-accordion-font-size);font-weight:var(--brick-accordion-font-weight);line-height:var(--brick-accordion-line-height);text-align:start;cursor:pointer;touch-action:manipulation;border:0;display:flex}.brick-accordion-trigger:hover:not(:disabled,[data-disabled]){background:var(--brick-accordion-trigger-hover-background)}.brick-accordion-trigger[data-state=open]{background:var(--brick-accordion-trigger-open-background)}.brick-accordion-trigger:focus-visible{z-index:1;outline:var(--brick-border-focus-width) solid var(--brick-accordion-focus-ring);outline-offset:var(--brick-border-focus-offset);position:relative}.brick-accordion-trigger:is(:disabled,[data-disabled]){opacity:.55;cursor:not-allowed}.brick-accordion-trigger[data-locked-open]{cursor:default}.brick-accordion-indicator{inline-size:var(--brick-accordion-indicator-size);block-size:var(--brick-accordion-indicator-size);transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex:none;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex;transform:rotate(0)}.brick-accordion-indicator>svg{block-size:100%;inline-size:100%}.brick-accordion-trigger[data-state=open] .brick-accordion-indicator{transform:rotate(90deg)}[dir=rtl] .brick-accordion-trigger[data-state=closed] .brick-accordion-indicator{transform:scaleX(-1)}[dir=rtl] .brick-accordion-trigger[data-state=open] .brick-accordion-indicator{transform:rotate(90deg)}.brick-accordion-content{box-sizing:border-box;min-inline-size:0;color:var(--brick-accordion-content-foreground);overflow:hidden}.brick-accordion-content[data-state=open]{animation:brick-accordion-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both}.brick-accordion-content[data-state=closed]{animation:brick-accordion-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both}.brick-accordion-content-inner{box-sizing:border-box;min-inline-size:0;padding-block:var(--brick-accordion-content-padding-block);padding-inline:var(--brick-accordion-content-padding-inline)}.brick-accordion[data-orientation=horizontal]{inline-size:max-content;max-inline-size:100%;block-size:var(--brick-accordion-horizontal-height);align-items:stretch;display:flex;overflow:auto clip}.brick-accordion[data-orientation=horizontal] .brick-accordion-item{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-accordion-divider-color);flex:none;align-items:stretch;block-size:100%;display:flex}.brick-accordion[data-orientation=horizontal] .brick-accordion-item:last-child{border-inline-end:0}.brick-accordion[data-orientation=horizontal] .brick-accordion-header{flex:none;block-size:100%;display:flex}.brick-accordion[data-orientation=horizontal] .brick-accordion-trigger{inline-size:100%;min-inline-size:0;block-size:var(--brick-accordion-trigger-height);min-block-size:var(--brick-accordion-trigger-height);writing-mode:vertical-rl;text-orientation:mixed}.brick-accordion[data-orientation=horizontal] .brick-accordion-content{writing-mode:horizontal-tb;flex:none;block-size:100%;min-block-size:0}.brick-accordion[data-orientation=horizontal] .brick-accordion-content[data-state=open]{animation-name:brick-accordion-open-horizontal}.brick-accordion[data-orientation=horizontal] .brick-accordion-content[data-state=closed]{animation-name:brick-accordion-close-horizontal}.brick-accordion-content[data-initial-open]{animation:none}.brick-accordion[data-orientation=horizontal] .brick-accordion-content-inner{block-size:100%;min-block-size:0;inline-size:max-content}@keyframes brick-accordion-open{0%{block-size:0}to{block-size:var(--content-height)}}@keyframes brick-accordion-close{0%{block-size:var(--content-height)}to{block-size:0}}@keyframes brick-accordion-open-horizontal{0%{inline-size:0}to{inline-size:var(--content-width)}}@keyframes brick-accordion-close-horizontal{0%{inline-size:var(--content-width)}to{inline-size:0}}@media (prefers-reduced-motion:reduce){.brick-accordion-indicator{transition:none}.brick-accordion-content{animation:none!important}}@media (forced-colors:active){.brick-accordion{--brick-accordion-border-color:CanvasText;--brick-accordion-divider-color:CanvasText;forced-color-adjust:auto}.brick-accordion-trigger{color:buttontext}.brick-accordion-trigger:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-accordion{--brick-accordion-background:transparent;--brick-accordion-border-color:var(--brick-color-border-default);--brick-accordion-divider-color:var(--brick-color-border-subtle);--brick-accordion-trigger-background:transparent;--brick-accordion-trigger-hover-background:var(--brick-color-surface-subtle);--brick-accordion-trigger-open-background:var(--brick-color-surface-subtle);--brick-accordion-foreground:var(--brick-color-text-primary);--brick-accordion-content-foreground:var(--brick-color-text-secondary);--brick-accordion-focus-ring:var(--brick-color-focus-ring);--brick-accordion-radius:var(--brick-radius-control);--brick-accordion-trigger-height:2.75rem;--brick-accordion-horizontal-height:14rem;--brick-accordion-trigger-padding-inline:var(--brick-space-3);--brick-accordion-content-padding-block:var(--brick-space-3);--brick-accordion-content-padding-inline:var(--brick-space-3);--brick-accordion-indicator-size:1rem;--brick-accordion-font-family:var(--brick-typography-control-md-font-family);--brick-accordion-font-size:var(--brick-typography-control-md-font-size);--brick-accordion-font-weight:var(--brick-typography-control-md-font-weight);--brick-accordion-line-height:var(--brick-typography-control-md-line-height);box-sizing:border-box;border-radius:var(--brick-accordion-radius);background:var(--brick-accordion-background);inline-size:100%;min-inline-size:0;overflow:visible}.brick-accordion[data-variant=soft]{--brick-accordion-background:var(--brick-color-surface-subtle);--brick-accordion-trigger-hover-background:var(--brick-color-surface-raised);--brick-accordion-trigger-open-background:var(--brick-color-surface-raised)}.brick-accordion[data-variant=outline]{border:var(--brick-border-width) solid var(--brick-accordion-border-color)}.brick-accordion[data-size=sm]{--brick-accordion-trigger-height:2.25rem;--brick-accordion-trigger-padding-inline:var(--brick-space-2);--brick-accordion-content-padding-block:var(--brick-space-2);--brick-accordion-content-padding-inline:var(--brick-space-2);--brick-accordion-indicator-size:.875rem;--brick-accordion-font-family:var(--brick-typography-control-sm-font-family);--brick-accordion-font-size:var(--brick-typography-control-sm-font-size);--brick-accordion-font-weight:var(--brick-typography-control-sm-font-weight);--brick-accordion-line-height:var(--brick-typography-control-sm-line-height)}.brick-accordion[data-size=lg]{--brick-accordion-trigger-height:3.25rem;--brick-accordion-trigger-padding-inline:var(--brick-space-4);--brick-accordion-content-padding-block:var(--brick-space-4);--brick-accordion-content-padding-inline:var(--brick-space-4);--brick-accordion-indicator-size:1.125rem;--brick-accordion-font-family:var(--brick-typography-control-lg-font-family);--brick-accordion-font-size:var(--brick-typography-control-lg-font-size);--brick-accordion-font-weight:var(--brick-typography-control-lg-font-weight);--brick-accordion-line-height:var(--brick-typography-control-lg-line-height)}.brick-accordion-item{box-sizing:border-box;border-block-end:var(--brick-border-width) solid var(--brick-accordion-divider-color);min-inline-size:0}.brick-accordion-item:last-child{border-block-end:0}.brick-accordion-header{font:inherit;margin:0}.brick-accordion-trigger{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:var(--brick-accordion-trigger-height);align-items:center;gap:var(--brick-space-2);padding-block:var(--brick-space-2);padding-inline:var(--brick-accordion-trigger-padding-inline);background:var(--brick-accordion-trigger-background);color:var(--brick-accordion-foreground);font-family:var(--brick-accordion-font-family);font-size:var(--brick-accordion-font-size);font-weight:var(--brick-accordion-font-weight);line-height:var(--brick-accordion-line-height);text-align:start;cursor:pointer;touch-action:manipulation;border:0;border-radius:0;display:flex}.brick-accordion-trigger:hover:not(:disabled,[data-disabled]){background:var(--brick-accordion-trigger-hover-background)}.brick-accordion-trigger[data-state=open]{background:var(--brick-accordion-trigger-open-background)}.brick-accordion[data-orientation=vertical] .brick-accordion-item:first-child .brick-accordion-trigger{border-start-start-radius:calc(var(--brick-accordion-radius) - var(--brick-border-width));border-start-end-radius:calc(var(--brick-accordion-radius) - var(--brick-border-width))}.brick-accordion[data-orientation=vertical] .brick-accordion-item:last-child .brick-accordion-trigger[data-state=closed]{border-end-end-radius:calc(var(--brick-accordion-radius) - var(--brick-border-width));border-end-start-radius:calc(var(--brick-accordion-radius) - var(--brick-border-width))}.brick-accordion-trigger:focus-visible{z-index:1;outline:var(--brick-border-focus-width) solid var(--brick-accordion-focus-ring);outline-offset:var(--brick-border-focus-offset);position:relative}.brick-accordion-trigger:is(:disabled,[data-disabled]){opacity:.55;cursor:not-allowed}.brick-accordion-trigger[data-locked-open]{cursor:default}.brick-accordion-indicator{inline-size:var(--brick-accordion-indicator-size);block-size:var(--brick-accordion-indicator-size);transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex:none;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex;transform:rotate(0)}.brick-accordion-indicator>svg{block-size:100%;inline-size:100%}.brick-accordion-trigger[data-state=open] .brick-accordion-indicator{transform:rotate(90deg)}[dir=rtl] .brick-accordion-trigger[data-state=closed] .brick-accordion-indicator{transform:scaleX(-1)}[dir=rtl] .brick-accordion-trigger[data-state=open] .brick-accordion-indicator{transform:rotate(90deg)}.brick-accordion-content{box-sizing:border-box;min-inline-size:0;color:var(--brick-accordion-content-foreground);overflow:hidden}.brick-accordion-content[data-state=open]{animation:brick-accordion-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both}.brick-accordion-content[data-state=closed]{animation:brick-accordion-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both}.brick-accordion-content-inner{box-sizing:border-box;min-inline-size:0;padding-block:var(--brick-accordion-content-padding-block);padding-inline:var(--brick-accordion-content-padding-inline)}.brick-accordion[data-orientation=horizontal]{inline-size:max-content;max-inline-size:100%;block-size:var(--brick-accordion-horizontal-height);align-items:stretch;display:flex;overflow:auto clip}.brick-accordion[data-orientation=horizontal] .brick-accordion-item{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-accordion-divider-color);flex:none;align-items:stretch;block-size:100%;display:flex}.brick-accordion[data-orientation=horizontal] .brick-accordion-item:last-child{border-inline-end:0}.brick-accordion[data-orientation=horizontal] .brick-accordion-header{flex:none;block-size:100%;display:flex}.brick-accordion[data-orientation=horizontal] .brick-accordion-trigger{inline-size:100%;min-inline-size:0;block-size:var(--brick-accordion-trigger-height);min-block-size:var(--brick-accordion-trigger-height);writing-mode:vertical-rl;text-orientation:mixed}.brick-accordion[data-orientation=horizontal] .brick-accordion-content{writing-mode:horizontal-tb;flex:none;block-size:100%;min-block-size:0}.brick-accordion[data-orientation=horizontal] .brick-accordion-content[data-state=open]{animation-name:brick-accordion-open-horizontal}.brick-accordion[data-orientation=horizontal] .brick-accordion-content[data-state=closed]{animation-name:brick-accordion-close-horizontal}.brick-accordion-content[data-initial-open]{animation:none}.brick-accordion[data-orientation=horizontal] .brick-accordion-content-inner{block-size:100%;min-block-size:0;inline-size:max-content}@keyframes brick-accordion-open{0%{block-size:0}to{block-size:var(--content-height)}}@keyframes brick-accordion-close{0%{block-size:var(--content-height)}to{block-size:0}}@keyframes brick-accordion-open-horizontal{0%{inline-size:0}to{inline-size:var(--content-width)}}@keyframes brick-accordion-close-horizontal{0%{inline-size:var(--content-width)}to{inline-size:0}}@media (prefers-reduced-motion:reduce){.brick-accordion-indicator{transition:none}.brick-accordion-content{animation:none!important}}@media (forced-colors:active){.brick-accordion{--brick-accordion-border-color:CanvasText;--brick-accordion-divider-color:CanvasText;forced-color-adjust:auto}.brick-accordion-trigger{color:buttontext}.brick-accordion-trigger:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=accordion.css.map */

package/dist/styles/accordion.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,43CA4BA,4PACA,kHACA,0lBACA,2lBACA,oJACA,oDACA,8CACA,ssBACA,yHACA,oGACA,mMACA,sFACA,0DACA,8UACA,gEACA,6FACA,sGACA,uGACA,iIACA,iJACA,mJACA,+LACA,mMACA,yOACA,mGACA,6GACA,gQACA,6IACA,uIACA,0IACA,2DACA,sIACA,qFACA,sFACA,iGACA,kGACA,uCAA0C,2CAAiD,mDAC3F,8BAAiC,+HAAyI,0CAAgD,iEDlE5N","sources":["home/runner/work/brick/brick/.brick-cache/production/accordion.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/accordion/accordion.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/accordion/accordion.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-accordion {\n    --brick-accordion-background: transparent;\n    --brick-accordion-border-color: var(--brick-color-border-default);\n    --brick-accordion-divider-color: var(--brick-color-border-subtle);\n    --brick-accordion-trigger-background: transparent;\n    --brick-accordion-trigger-hover-background: var(--brick-color-surface-subtle);\n    --brick-accordion-trigger-open-background: var(--brick-color-surface-subtle);\n    --brick-accordion-foreground: var(--brick-color-text-primary);\n    --brick-accordion-content-foreground: var(--brick-color-text-secondary);\n    --brick-accordion-focus-ring: var(--brick-color-focus-ring);\n    --brick-accordion-radius: var(--brick-radius-control);\n    --brick-accordion-trigger-height: 2.75rem;\n    --brick-accordion-horizontal-height: 14rem;\n    --brick-accordion-trigger-padding-inline: var(--brick-space-3);\n    --brick-accordion-content-padding-block: var(--brick-space-3);\n    --brick-accordion-content-padding-inline: var(--brick-space-3);\n    --brick-accordion-indicator-size: 1rem;\n    --brick-accordion-font-family: var(--brick-typography-control-md-font-family);\n    --brick-accordion-font-size: var(--brick-typography-control-md-font-size);\n    --brick-accordion-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-accordion-line-height: var(--brick-typography-control-md-line-height);\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    overflow: clip;\n    border-radius: var(--brick-accordion-radius);\n    background: var(--brick-accordion-background);\n  }\n  .brick-accordion[data-variant=\"soft\"] { --brick-accordion-background: var(--brick-color-surface-subtle); --brick-accordion-trigger-hover-background: var(--brick-color-surface-raised); --brick-accordion-trigger-open-background: var(--brick-color-surface-raised); }\n  .brick-accordion[data-variant=\"outline\"] { border: var(--brick-border-width) solid var(--brick-accordion-border-color); }\n  .brick-accordion[data-size=\"sm\"] { --brick-accordion-trigger-height: 2.25rem; --brick-accordion-trigger-padding-inline: var(--brick-space-2); --brick-accordion-content-padding-block: var(--brick-space-2); --brick-accordion-content-padding-inline: var(--brick-space-2); --brick-accordion-indicator-size: .875rem; --brick-accordion-font-family: var(--brick-typography-control-sm-font-family); --brick-accordion-font-size: var(--brick-typography-control-sm-font-size); --brick-accordion-font-weight: var(--brick-typography-control-sm-font-weight); --brick-accordion-line-height: var(--brick-typography-control-sm-line-height); }\n  .brick-accordion[data-size=\"lg\"] { --brick-accordion-trigger-height: 3.25rem; --brick-accordion-trigger-padding-inline: var(--brick-space-4); --brick-accordion-content-padding-block: var(--brick-space-4); --brick-accordion-content-padding-inline: var(--brick-space-4); --brick-accordion-indicator-size: 1.125rem; --brick-accordion-font-family: var(--brick-typography-control-lg-font-family); --brick-accordion-font-size: var(--brick-typography-control-lg-font-size); --brick-accordion-font-weight: var(--brick-typography-control-lg-font-weight); --brick-accordion-line-height: var(--brick-typography-control-lg-line-height); }\n  .brick-accordion-item { box-sizing: border-box; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-accordion-divider-color); }\n  .brick-accordion-item:last-child { border-block-end: 0; }\n  .brick-accordion-header { margin: 0; font: inherit; }\n  .brick-accordion-trigger { display: flex; box-sizing: border-box; inline-size: 100%; min-inline-size: 0; min-block-size: var(--brick-accordion-trigger-height); align-items: center; gap: var(--brick-space-2); padding-block: var(--brick-space-2); padding-inline: var(--brick-accordion-trigger-padding-inline); border: 0; border-radius: calc(var(--brick-accordion-radius) - var(--brick-border-width)); background: var(--brick-accordion-trigger-background); color: var(--brick-accordion-foreground); font-family: var(--brick-accordion-font-family); font-size: var(--brick-accordion-font-size); font-weight: var(--brick-accordion-font-weight); line-height: var(--brick-accordion-line-height); text-align: start; cursor: pointer; touch-action: manipulation; }\n  .brick-accordion-trigger:hover:not(:disabled, [data-disabled]) { background: var(--brick-accordion-trigger-hover-background); }\n  .brick-accordion-trigger[data-state=\"open\"] { background: var(--brick-accordion-trigger-open-background); }\n  .brick-accordion-trigger:focus-visible { position: relative; z-index: 1; outline: var(--brick-border-focus-width) solid var(--brick-accordion-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-accordion-trigger:is(:disabled, [data-disabled]) { opacity: .55; cursor: not-allowed; }\n  .brick-accordion-trigger[data-locked-open] { cursor: default; }\n  .brick-accordion-indicator { display: inline-flex; inline-size: var(--brick-accordion-indicator-size); block-size: var(--brick-accordion-indicator-size); flex: 0 0 auto; align-items: center; justify-content: center; margin-inline-start: auto; transform: rotate(0deg); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-accordion-indicator > svg { inline-size: 100%; block-size: 100%; }\n  .brick-accordion-trigger[data-state=\"open\"] .brick-accordion-indicator { transform: rotate(90deg); }\n  [dir=\"rtl\"] .brick-accordion-trigger[data-state=\"closed\"] .brick-accordion-indicator { transform: scaleX(-1); }\n  [dir=\"rtl\"] .brick-accordion-trigger[data-state=\"open\"] .brick-accordion-indicator { transform: rotate(90deg); }\n  .brick-accordion-content { box-sizing: border-box; min-inline-size: 0; overflow: hidden; color: var(--brick-accordion-content-foreground); }\n  .brick-accordion-content[data-state=\"open\"] { animation: brick-accordion-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both; }\n  .brick-accordion-content[data-state=\"closed\"] { animation: brick-accordion-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both; }\n  .brick-accordion-content-inner { box-sizing: border-box; min-inline-size: 0; padding-block: var(--brick-accordion-content-padding-block); padding-inline: var(--brick-accordion-content-padding-inline); }\n  .brick-accordion[data-orientation=\"horizontal\"] { display: flex; inline-size: max-content; max-inline-size: 100%; block-size: var(--brick-accordion-horizontal-height); align-items: stretch; overflow-x: auto; overflow-y: clip; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-item { display: flex; flex: 0 0 auto; block-size: 100%; align-items: stretch; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-accordion-divider-color); }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-item:last-child { border-inline-end: 0; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-header { display: flex; flex: 0 0 auto; block-size: 100%; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-trigger { inline-size: 100%; min-inline-size: 0; block-size: var(--brick-accordion-trigger-height); min-block-size: var(--brick-accordion-trigger-height); writing-mode: vertical-rl; text-orientation: mixed; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content { flex: 0 0 auto; block-size: 100%; min-block-size: 0; writing-mode: horizontal-tb; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content[data-state=\"open\"] { animation-name: brick-accordion-open-horizontal; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content[data-state=\"closed\"] { animation-name: brick-accordion-close-horizontal; }\n  .brick-accordion-content[data-initial-open] { animation: none; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content-inner { inline-size: max-content; block-size: 100%; min-block-size: 0; }\n  @keyframes brick-accordion-open { from { block-size: 0; } to { block-size: var(--content-height); } }\n  @keyframes brick-accordion-close { from { block-size: var(--content-height); } to { block-size: 0; } }\n  @keyframes brick-accordion-open-horizontal { from { inline-size: 0; } to { inline-size: var(--content-width); } }\n  @keyframes brick-accordion-close-horizontal { from { inline-size: var(--content-width); } to { inline-size: 0; } }\n  @media (prefers-reduced-motion: reduce) { .brick-accordion-indicator { transition: none; } .brick-accordion-content { animation: none !important; } }\n  @media (forced-colors: active) { .brick-accordion { --brick-accordion-border-color: CanvasText; --brick-accordion-divider-color: CanvasText; forced-color-adjust: auto; } .brick-accordion-trigger { color: ButtonText; } .brick-accordion-trigger:focus-visible { outline-color: Highlight; } }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+3CA4BA,4PACA,kHACA,0lBACA,2lBACA,oJACA,oDACA,8CACA,woBACA,yHACA,oGACA,yRACA,uSACA,mMACA,sFACA,0DACA,8UACA,gEACA,6FACA,sGACA,uGACA,iIACA,iJACA,mJACA,+LACA,mMACA,yOACA,mGACA,6GACA,gQACA,6IACA,uIACA,0IACA,2DACA,sIACA,qFACA,sFACA,iGACA,kGACA,uCAA0C,2CAAiD,mDAC3F,8BAAiC,+HAAyI,0CAAgD,iEDpE5N","sources":["home/runner/work/brick/brick/.brick-cache/production/accordion.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/accordion/accordion.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/accordion/accordion.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-accordion {\n    --brick-accordion-background: transparent;\n    --brick-accordion-border-color: var(--brick-color-border-default);\n    --brick-accordion-divider-color: var(--brick-color-border-subtle);\n    --brick-accordion-trigger-background: transparent;\n    --brick-accordion-trigger-hover-background: var(--brick-color-surface-subtle);\n    --brick-accordion-trigger-open-background: var(--brick-color-surface-subtle);\n    --brick-accordion-foreground: var(--brick-color-text-primary);\n    --brick-accordion-content-foreground: var(--brick-color-text-secondary);\n    --brick-accordion-focus-ring: var(--brick-color-focus-ring);\n    --brick-accordion-radius: var(--brick-radius-control);\n    --brick-accordion-trigger-height: 2.75rem;\n    --brick-accordion-horizontal-height: 14rem;\n    --brick-accordion-trigger-padding-inline: var(--brick-space-3);\n    --brick-accordion-content-padding-block: var(--brick-space-3);\n    --brick-accordion-content-padding-inline: var(--brick-space-3);\n    --brick-accordion-indicator-size: 1rem;\n    --brick-accordion-font-family: var(--brick-typography-control-md-font-family);\n    --brick-accordion-font-size: var(--brick-typography-control-md-font-size);\n    --brick-accordion-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-accordion-line-height: var(--brick-typography-control-md-line-height);\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    overflow: visible;\n    border-radius: var(--brick-accordion-radius);\n    background: var(--brick-accordion-background);\n  }\n  .brick-accordion[data-variant=\"soft\"] { --brick-accordion-background: var(--brick-color-surface-subtle); --brick-accordion-trigger-hover-background: var(--brick-color-surface-raised); --brick-accordion-trigger-open-background: var(--brick-color-surface-raised); }\n  .brick-accordion[data-variant=\"outline\"] { border: var(--brick-border-width) solid var(--brick-accordion-border-color); }\n  .brick-accordion[data-size=\"sm\"] { --brick-accordion-trigger-height: 2.25rem; --brick-accordion-trigger-padding-inline: var(--brick-space-2); --brick-accordion-content-padding-block: var(--brick-space-2); --brick-accordion-content-padding-inline: var(--brick-space-2); --brick-accordion-indicator-size: .875rem; --brick-accordion-font-family: var(--brick-typography-control-sm-font-family); --brick-accordion-font-size: var(--brick-typography-control-sm-font-size); --brick-accordion-font-weight: var(--brick-typography-control-sm-font-weight); --brick-accordion-line-height: var(--brick-typography-control-sm-line-height); }\n  .brick-accordion[data-size=\"lg\"] { --brick-accordion-trigger-height: 3.25rem; --brick-accordion-trigger-padding-inline: var(--brick-space-4); --brick-accordion-content-padding-block: var(--brick-space-4); --brick-accordion-content-padding-inline: var(--brick-space-4); --brick-accordion-indicator-size: 1.125rem; --brick-accordion-font-family: var(--brick-typography-control-lg-font-family); --brick-accordion-font-size: var(--brick-typography-control-lg-font-size); --brick-accordion-font-weight: var(--brick-typography-control-lg-font-weight); --brick-accordion-line-height: var(--brick-typography-control-lg-line-height); }\n  .brick-accordion-item { box-sizing: border-box; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-accordion-divider-color); }\n  .brick-accordion-item:last-child { border-block-end: 0; }\n  .brick-accordion-header { margin: 0; font: inherit; }\n  .brick-accordion-trigger { display: flex; box-sizing: border-box; inline-size: 100%; min-inline-size: 0; min-block-size: var(--brick-accordion-trigger-height); align-items: center; gap: var(--brick-space-2); padding-block: var(--brick-space-2); padding-inline: var(--brick-accordion-trigger-padding-inline); border: 0; border-radius: 0; background: var(--brick-accordion-trigger-background); color: var(--brick-accordion-foreground); font-family: var(--brick-accordion-font-family); font-size: var(--brick-accordion-font-size); font-weight: var(--brick-accordion-font-weight); line-height: var(--brick-accordion-line-height); text-align: start; cursor: pointer; touch-action: manipulation; }\n  .brick-accordion-trigger:hover:not(:disabled, [data-disabled]) { background: var(--brick-accordion-trigger-hover-background); }\n  .brick-accordion-trigger[data-state=\"open\"] { background: var(--brick-accordion-trigger-open-background); }\n  .brick-accordion[data-orientation=\"vertical\"] .brick-accordion-item:first-child .brick-accordion-trigger { border-start-start-radius: calc(var(--brick-accordion-radius) - var(--brick-border-width)); border-start-end-radius: calc(var(--brick-accordion-radius) - var(--brick-border-width)); }\n  .brick-accordion[data-orientation=\"vertical\"] .brick-accordion-item:last-child .brick-accordion-trigger[data-state=\"closed\"] { border-end-start-radius: calc(var(--brick-accordion-radius) - var(--brick-border-width)); border-end-end-radius: calc(var(--brick-accordion-radius) - var(--brick-border-width)); }\n  .brick-accordion-trigger:focus-visible { position: relative; z-index: 1; outline: var(--brick-border-focus-width) solid var(--brick-accordion-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-accordion-trigger:is(:disabled, [data-disabled]) { opacity: .55; cursor: not-allowed; }\n  .brick-accordion-trigger[data-locked-open] { cursor: default; }\n  .brick-accordion-indicator { display: inline-flex; inline-size: var(--brick-accordion-indicator-size); block-size: var(--brick-accordion-indicator-size); flex: 0 0 auto; align-items: center; justify-content: center; margin-inline-start: auto; transform: rotate(0deg); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-accordion-indicator > svg { inline-size: 100%; block-size: 100%; }\n  .brick-accordion-trigger[data-state=\"open\"] .brick-accordion-indicator { transform: rotate(90deg); }\n  [dir=\"rtl\"] .brick-accordion-trigger[data-state=\"closed\"] .brick-accordion-indicator { transform: scaleX(-1); }\n  [dir=\"rtl\"] .brick-accordion-trigger[data-state=\"open\"] .brick-accordion-indicator { transform: rotate(90deg); }\n  .brick-accordion-content { box-sizing: border-box; min-inline-size: 0; overflow: hidden; color: var(--brick-accordion-content-foreground); }\n  .brick-accordion-content[data-state=\"open\"] { animation: brick-accordion-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both; }\n  .brick-accordion-content[data-state=\"closed\"] { animation: brick-accordion-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both; }\n  .brick-accordion-content-inner { box-sizing: border-box; min-inline-size: 0; padding-block: var(--brick-accordion-content-padding-block); padding-inline: var(--brick-accordion-content-padding-inline); }\n  .brick-accordion[data-orientation=\"horizontal\"] { display: flex; inline-size: max-content; max-inline-size: 100%; block-size: var(--brick-accordion-horizontal-height); align-items: stretch; overflow-x: auto; overflow-y: clip; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-item { display: flex; flex: 0 0 auto; block-size: 100%; align-items: stretch; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-accordion-divider-color); }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-item:last-child { border-inline-end: 0; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-header { display: flex; flex: 0 0 auto; block-size: 100%; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-trigger { inline-size: 100%; min-inline-size: 0; block-size: var(--brick-accordion-trigger-height); min-block-size: var(--brick-accordion-trigger-height); writing-mode: vertical-rl; text-orientation: mixed; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content { flex: 0 0 auto; block-size: 100%; min-block-size: 0; writing-mode: horizontal-tb; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content[data-state=\"open\"] { animation-name: brick-accordion-open-horizontal; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content[data-state=\"closed\"] { animation-name: brick-accordion-close-horizontal; }\n  .brick-accordion-content[data-initial-open] { animation: none; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content-inner { inline-size: max-content; block-size: 100%; min-block-size: 0; }\n  @keyframes brick-accordion-open { from { block-size: 0; } to { block-size: var(--content-height); } }\n  @keyframes brick-accordion-close { from { block-size: var(--content-height); } to { block-size: 0; } }\n  @keyframes brick-accordion-open-horizontal { from { inline-size: 0; } to { inline-size: var(--content-width); } }\n  @keyframes brick-accordion-close-horizontal { from { inline-size: var(--content-width); } to { inline-size: 0; } }\n  @media (prefers-reduced-motion: reduce) { .brick-accordion-indicator { transition: none; } .brick-accordion-content { animation: none !important; } }\n  @media (forced-colors: active) { .brick-accordion { --brick-accordion-border-color: CanvasText; --brick-accordion-divider-color: CanvasText; forced-color-adjust: auto; } .brick-accordion-trigger { color: ButtonText; } .brick-accordion-trigger:focus-visible { outline-color: Highlight; } }\n}\n"],"names":[]}

package/dist/styles/alert-dialog.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-alert-dialog-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-alert-dialog-overlay[data-state=closed]{opacity:0}.brick-alert-dialog-content{--brick-alert-dialog-max-inline-size:30rem;--brick-alert-dialog-max-block-size:calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));--brick-alert-dialog-space:var(--brick-space-5);--brick-alert-dialog-radius:var(--brick-radius-overlay);--brick-alert-dialog-shadow:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 4%);z-index:calc(var(--brick-layer-overlay) + 1);inset-block-start:50%;box-sizing:border-box;inline-size:min(var(--brick-alert-dialog-max-inline-size), calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-inline-size:calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));max-block-size:var(--brick-alert-dialog-max-block-size);border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-alert-dialog-radius);background:var(--brick-color-surface-overlay);box-shadow:var(--brick-alert-dialog-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transform-origin:50%;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1)}.brick-alert-dialog-content[data-size=sm]{--brick-alert-dialog-max-inline-size:24rem;--brick-alert-dialog-space:var(--brick-space-4)}.brick-alert-dialog-content[data-state=closed]{opacity:0;transform:translate(-50%,-48%)scale(.985)}.brick-alert-dialog-header{gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-alert-dialog-space);flex:none;padding-block-end:var(--brick-space-3);display:grid}.brick-alert-dialog-title,.brick-alert-dialog-description{min-inline-size:0;margin:0}.brick-alert-dialog-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-alert-dialog-description{color:var(--brick-color-text-secondary);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-alert-dialog-body{min-block-size:0;min-inline-size:0;padding-inline:var(--brick-alert-dialog-space);padding-block:var(--brick-space-2) var(--brick-alert-dialog-space);overscroll-behavior:contain;color:var(--brick-color-text-primary);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);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-alert-dialog-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-3) var(--brick-alert-dialog-space) var(--brick-alert-dialog-space);flex-wrap:wrap;flex:none;display:flex}.brick-alert-dialog-footer[data-justify=start]{justify-content:flex-start}.brick-alert-dialog-footer[data-justify=center]{justify-content:center}.brick-alert-dialog-footer[data-justify=between]{justify-content:space-between}@supports not (height:100dvb){.brick-alert-dialog-content{--brick-alert-dialog-max-block-size:calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media (width<=30rem){.brick-alert-dialog-content{--brick-alert-dialog-space:var(--brick-space-4)}.brick-alert-dialog-footer>.brick-button{flex:9rem}}@media (width<=12rem),(height<=24rem){.brick-alert-dialog-content{overscroll-behavior:contain;overflow-y:auto}.brick-alert-dialog-body{overscroll-behavior:auto;scrollbar-gutter:auto;flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-alert-dialog-overlay,.brick-alert-dialog-content{transition-duration:1ms}.brick-alert-dialog-content,.brick-alert-dialog-content[data-state=closed]{transform:translate(-50%,-50%)}}@media (forced-colors:active){.brick-alert-dialog-overlay{opacity:.7;background:canvas}.brick-alert-dialog-content{box-shadow:none;border-color:canvastext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-alert-dialog-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-alert-dialog-overlay[data-state=closed]{opacity:0}.brick-alert-dialog-content{--brick-alert-dialog-max-inline-size:30rem;--brick-alert-dialog-max-block-size:calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));--brick-alert-dialog-space:var(--brick-space-5);--brick-alert-dialog-radius:var(--brick-radius-overlay);--brick-alert-dialog-shadow:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 4%);z-index:calc(var(--brick-layer-overlay) + 1);inset-block-start:50%;box-sizing:border-box;inline-size:min(var(--brick-alert-dialog-max-inline-size), calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-inline-size:calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));max-block-size:var(--brick-alert-dialog-max-block-size);border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-alert-dialog-radius);background:var(--brick-color-surface-overlay);box-shadow:var(--brick-alert-dialog-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transform-origin:50%;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1)}.brick-alert-dialog-content[data-size=sm]{--brick-alert-dialog-max-inline-size:24rem;--brick-alert-dialog-space:var(--brick-space-4)}.brick-alert-dialog-content[data-state=closed]{opacity:0;transform:translate(-50%,-48%)scale(.985)}.brick-alert-dialog-header{gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-alert-dialog-space);flex:none;padding-block-end:var(--brick-space-3);display:grid}.brick-alert-dialog-title,.brick-alert-dialog-description{min-inline-size:0;margin:0}.brick-alert-dialog-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-alert-dialog-description{color:var(--brick-color-text-secondary);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-alert-dialog-body{min-block-size:0;min-inline-size:0;padding-inline:var(--brick-alert-dialog-space);padding-block:var(--brick-space-2) var(--brick-alert-dialog-space);overscroll-behavior:contain;color:var(--brick-color-text-primary);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);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-alert-dialog-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-3) var(--brick-alert-dialog-space) var(--brick-alert-dialog-space);flex-wrap:wrap;flex:none;display:flex}.brick-alert-dialog-footer[data-justify=start]{justify-content:flex-start}.brick-alert-dialog-footer[data-justify=center]{justify-content:center}.brick-alert-dialog-footer[data-justify=between]{justify-content:space-between}@supports not (height:100dvb){.brick-alert-dialog-content{--brick-alert-dialog-max-block-size:calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media (width<=30rem){.brick-alert-dialog-content{--brick-alert-dialog-space:var(--brick-space-4)}.brick-alert-dialog-footer>.brick-button{flex:9rem}}@media (width<=12rem),(height<=24rem){.brick-alert-dialog-content{overscroll-behavior:contain;overflow-y:auto}.brick-alert-dialog-body{overscroll-behavior:auto;scrollbar-gutter:auto;flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-alert-dialog-overlay,.brick-alert-dialog-content{transition-duration:1ms}.brick-alert-dialog-content,.brick-alert-dialog-content[data-state=closed]{transform:translate(-50%,-50%)}}@media (forced-colors:active){.brick-alert-dialog-overlay{opacity:.7;background:canvas}.brick-alert-dialog-content{box-shadow:none;border-color:canvastext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=alert-dialog.css.map */

package/dist/styles/alert-dialog.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,yNASA,yDAIA,g0CAuCA,qIAKA,mGAKA,4KASA,qFAMA,wXASA,gYASA,wlBAiBA,qPAWA,0EAIA,uEAIA,+EAIA,8BACE,6IAKF,sBACE,4EAIA,oDAKF,sCACE,wEAKA,oGAQF,uCACE,gFAKA,2GAMF,8BACE,yDAKA,sEDxLJ","sources":["home/runner/work/brick/brick/.brick-cache/production/alert-dialog.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/alert-dialog/alert-dialog.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/alert-dialog/alert-dialog.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-alert-dialog-overlay {\n    position: fixed;\n    z-index: var(--brick-layer-overlay);\n    inset: 0;\n    background: var(--brick-color-scrim);\n    opacity: 1;\n    transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-alert-dialog-overlay[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-alert-dialog-content {\n    --brick-alert-dialog-max-inline-size: 30rem;\n    --brick-alert-dialog-max-block-size: calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    --brick-alert-dialog-space: var(--brick-space-5);\n    --brick-alert-dialog-radius: var(--brick-radius-overlay);\n    --brick-alert-dialog-shadow: 0 1.5rem 4.5rem color-mix(\n      in srgb,\n      var(--brick-color-shadow),\n      transparent 4%\n    );\n\n    position: fixed;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    inset-block-start: 50%;\n    left: 50%;\n    display: flex;\n    box-sizing: border-box;\n    inline-size: min(\n      var(--brick-alert-dialog-max-inline-size),\n      calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    max-inline-size: calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));\n    max-block-size: var(--brick-alert-dialog-max-block-size);\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-alert-dialog-radius);\n    background: var(--brick-color-surface-overlay);\n    box-shadow: var(--brick-alert-dialog-shadow);\n    color: var(--brick-color-text-primary);\n    opacity: 1;\n    overflow-wrap: anywhere;\n    transform: translate(-50%, -50%) scale(1);\n    transform-origin: center;\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-alert-dialog-content[data-size=\"sm\"] {\n    --brick-alert-dialog-max-inline-size: 24rem;\n    --brick-alert-dialog-space: var(--brick-space-4);\n  }\n\n  .brick-alert-dialog-content[data-state=\"closed\"] {\n    opacity: 0;\n    transform: translate(-50%, -48%) scale(0.985);\n  }\n\n  .brick-alert-dialog-header {\n    display: grid;\n    flex: none;\n    gap: var(--brick-space-2);\n    min-inline-size: 0;\n    padding: var(--brick-alert-dialog-space);\n    padding-block-end: var(--brick-space-3);\n  }\n\n  .brick-alert-dialog-title,\n  .brick-alert-dialog-description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-alert-dialog-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-overlay-title-font-family);\n    font-size: var(--brick-typography-overlay-title-font-size);\n    font-weight: var(--brick-typography-overlay-title-font-weight);\n    letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n    line-height: var(--brick-typography-overlay-title-line-height);\n  }\n\n  .brick-alert-dialog-description {\n    color: var(--brick-color-text-secondary);\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-alert-dialog-body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding-inline: var(--brick-alert-dialog-space);\n    padding-block: var(--brick-space-2) var(--brick-alert-dialog-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-color-text-primary);\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    scrollbar-gutter: stable;\n  }\n\n  .brick-alert-dialog-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-3) var(--brick-alert-dialog-space) var(--brick-alert-dialog-space);\n  }\n\n  .brick-alert-dialog-footer[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .brick-alert-dialog-footer[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .brick-alert-dialog-footer[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-alert-dialog-content {\n      --brick-alert-dialog-max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-alert-dialog-content {\n      --brick-alert-dialog-space: var(--brick-space-4);\n    }\n\n    .brick-alert-dialog-footer > .brick-button {\n      flex: 1 1 9rem;\n    }\n  }\n\n  @media (max-width: 12rem), (max-height: 24rem) {\n    .brick-alert-dialog-content {\n      overflow-y: auto;\n      overscroll-behavior: contain;\n    }\n\n    .brick-alert-dialog-body {\n      flex: 0 0 auto;\n      overflow: visible;\n      overscroll-behavior: auto;\n      scrollbar-gutter: auto;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-alert-dialog-overlay,\n    .brick-alert-dialog-content {\n      transition-duration: 1ms;\n    }\n\n    .brick-alert-dialog-content,\n    .brick-alert-dialog-content[data-state=\"closed\"] {\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-alert-dialog-overlay {\n      background: Canvas;\n      opacity: 0.7;\n    }\n\n    .brick-alert-dialog-content {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,yNASA,yDAIA,g0CAuCA,qIAKA,mGAKA,4KASA,qFAMA,wXASA,gYASA,wlBAiBA,qPAWA,0EAIA,uEAIA,+EAIA,8BACE,6IAKF,sBACE,4EAIA,oDAKF,sCACE,wEAKA,oGAQF,uCACE,gFAKA,2GAMF,8BACE,yDAKA,sEDxLJ","sources":["home/runner/work/brick/brick/.brick-cache/production/alert-dialog.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/alert-dialog/alert-dialog.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/alert-dialog/alert-dialog.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-alert-dialog-overlay {\n    position: fixed;\n    z-index: var(--brick-layer-overlay);\n    inset: 0;\n    background: var(--brick-color-scrim);\n    opacity: 1;\n    transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-alert-dialog-overlay[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-alert-dialog-content {\n    --brick-alert-dialog-max-inline-size: 30rem;\n    --brick-alert-dialog-max-block-size: calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    --brick-alert-dialog-space: var(--brick-space-5);\n    --brick-alert-dialog-radius: var(--brick-radius-overlay);\n    --brick-alert-dialog-shadow: 0 1.5rem 4.5rem color-mix(\n      in srgb,\n      var(--brick-color-shadow),\n      transparent 4%\n    );\n\n    position: fixed;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    inset-block-start: 50%;\n    left: 50%;\n    display: flex;\n    box-sizing: border-box;\n    inline-size: min(\n      var(--brick-alert-dialog-max-inline-size),\n      calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    max-inline-size: calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));\n    max-block-size: var(--brick-alert-dialog-max-block-size);\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-alert-dialog-radius);\n    background: var(--brick-color-surface-overlay);\n    box-shadow: var(--brick-alert-dialog-shadow);\n    color: var(--brick-color-text-primary);\n    opacity: 1;\n    overflow-wrap: anywhere;\n    transform: translate(-50%, -50%) scale(1);\n    transform-origin: center;\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-alert-dialog-content[data-size=\"sm\"] {\n    --brick-alert-dialog-max-inline-size: 24rem;\n    --brick-alert-dialog-space: var(--brick-space-4);\n  }\n\n  .brick-alert-dialog-content[data-state=\"closed\"] {\n    opacity: 0;\n    transform: translate(-50%, -48%) scale(0.985);\n  }\n\n  .brick-alert-dialog-header {\n    display: grid;\n    flex: none;\n    gap: var(--brick-space-2);\n    min-inline-size: 0;\n    padding: var(--brick-alert-dialog-space);\n    padding-block-end: var(--brick-space-3);\n  }\n\n  .brick-alert-dialog-title,\n  .brick-alert-dialog-description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-alert-dialog-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-overlay-title-font-family);\n    font-size: var(--brick-typography-overlay-title-font-size);\n    font-weight: var(--brick-typography-overlay-title-font-weight);\n    letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n    line-height: var(--brick-typography-overlay-title-line-height);\n  }\n\n  .brick-alert-dialog-description {\n    color: var(--brick-color-text-secondary);\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-alert-dialog-body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding-inline: var(--brick-alert-dialog-space);\n    padding-block: var(--brick-space-2) var(--brick-alert-dialog-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-color-text-primary);\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    scrollbar-gutter: stable;\n  }\n\n  .brick-alert-dialog-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-3) var(--brick-alert-dialog-space) var(--brick-alert-dialog-space);\n  }\n\n  .brick-alert-dialog-footer[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .brick-alert-dialog-footer[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .brick-alert-dialog-footer[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-alert-dialog-content {\n      --brick-alert-dialog-max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-alert-dialog-content {\n      --brick-alert-dialog-space: var(--brick-space-4);\n    }\n\n    .brick-alert-dialog-footer > .brick-button {\n      flex: 1 1 9rem;\n    }\n  }\n\n  @media (max-width: 12rem), (max-height: 24rem) {\n    .brick-alert-dialog-content {\n      overflow-y: auto;\n      overscroll-behavior: contain;\n    }\n\n    .brick-alert-dialog-body {\n      flex: 0 0 auto;\n      overflow: visible;\n      overscroll-behavior: auto;\n      scrollbar-gutter: auto;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-alert-dialog-overlay,\n    .brick-alert-dialog-content {\n      transition-duration: 1ms;\n    }\n\n    .brick-alert-dialog-content,\n    .brick-alert-dialog-content[data-state=\"closed\"] {\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-alert-dialog-overlay {\n      background: Canvas;\n      opacity: 0.7;\n    }\n\n    .brick-alert-dialog-content {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/app-bar.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{:root{--brick-app-bar-toolbar-min-block-size-comfortable:4rem;--brick-app-bar-toolbar-min-block-size-compact:3rem}.brick-app-bar{--brick-app-bar-background:var(--brick-color-surface-base);--brick-app-bar-foreground:var(--brick-color-text-primary);--brick-app-bar-border-color:var(--brick-color-border-subtle);--brick-app-bar-blurred-background:color-mix(in srgb, var(--brick-color-surface-base), transparent 12%);--brick-app-bar-reduced-transparency-background:var(--brick-color-surface-base);--brick-app-bar-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 28%);box-sizing:border-box;background:var(--brick-app-bar-background);inline-size:100%;min-inline-size:0;color:var(--brick-app-bar-foreground);display:block}.brick-app-bar[data-position=absolute],.brick-app-bar[data-position=sticky],.brick-app-bar[data-position=fixed]{z-index:calc(var(--brick-layer-overlay) - 10);inset-block-start:0}.brick-app-bar[data-position=absolute]{position:absolute;inset-inline:0}.brick-app-bar[data-position=sticky]{position:sticky}.brick-app-bar[data-position=fixed]{position:fixed;inset-inline:0}.brick-app-bar[data-variant=solid]{--brick-app-bar-background:var(--brick-color-surface-raised)}.brick-app-bar[data-variant=surface]{--brick-app-bar-background:var(--brick-color-surface-base)}.brick-app-bar[data-variant=transparent]{--brick-app-bar-background:transparent}.brick-app-bar[data-tone=accent][data-variant=solid]{--brick-app-bar-background:var(--brick-color-accent-solid);--brick-app-bar-foreground:var(--brick-color-accent-on-solid);--brick-app-bar-border-color:var(--brick-color-accent-solid-pressed);--brick-app-bar-blurred-background:color-mix(in srgb, var(--brick-color-accent-solid), transparent 12%);--brick-app-bar-reduced-transparency-background:var(--brick-color-accent-solid)}.brick-app-bar[data-tone=accent][data-variant=surface]{--brick-app-bar-background:var(--brick-color-accent-soft);--brick-app-bar-foreground:var(--brick-color-accent-on-soft);--brick-app-bar-border-color:var(--brick-color-accent-border);--brick-app-bar-blurred-background:color-mix(in srgb, var(--brick-color-accent-soft), transparent 12%);--brick-app-bar-reduced-transparency-background:var(--brick-color-accent-soft)}.brick-app-bar[data-tone=accent][data-variant=transparent]{--brick-app-bar-foreground:var(--brick-color-accent-text);--brick-app-bar-border-color:var(--brick-color-accent-border);--brick-app-bar-blurred-background:color-mix(in srgb, var(--brick-color-accent-soft), transparent 12%);--brick-app-bar-reduced-transparency-background:var(--brick-color-accent-soft)}.brick-app-bar[data-bordered]{border-block-end:var(--brick-border-width) solid var(--brick-app-bar-border-color)}.brick-app-bar[data-elevated]{box-shadow:var(--brick-app-bar-shadow)}.brick-app-bar[data-blurred]{background:var(--brick-app-bar-blurred-background);backdrop-filter:blur(.75rem)saturate(1.15)}.brick-app-bar[data-tone=accent][data-variant=solid] .brick-icon-button[data-tone=neutral]{--brick-icon-button-background-hover:color-mix(in srgb, currentColor, transparent 88%);--brick-icon-button-background-pressed:color-mix(in srgb, currentColor, transparent 78%);--brick-icon-button-border-color:transparent;--brick-icon-button-foreground:var(--brick-app-bar-foreground)}.brick-app-bar-toolbar{--brick-app-bar-toolbar-min-block-size:var(--brick-app-bar-toolbar-min-block-size-comfortable);box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:var(--brick-app-bar-toolbar-min-block-size);align-items:center;gap:var(--brick-space-3);padding-inline:clamp(var(--brick-space-4), 4vw, var(--brick-space-6));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.brick-app-bar-toolbar[data-density=compact]{--brick-app-bar-toolbar-min-block-size:var(--brick-app-bar-toolbar-min-block-size-compact);min-block-size:var(--brick-app-bar-toolbar-min-block-size);gap:var(--brick-space-2)}:where(.brick-app-bar-start,.brick-app-bar-center,.brick-app-bar-end){align-items:center;gap:var(--brick-space-2);min-inline-size:0;display:flex}.brick-app-bar-start{grid-column:1}.brick-app-bar-center{grid-column:2;justify-content:center}.brick-app-bar-end{grid-column:3;justify-content:flex-end}@media (prefers-reduced-transparency:reduce){.brick-app-bar[data-blurred]{background:var(--brick-app-bar-reduced-transparency-background);backdrop-filter:none}}@media (forced-colors:active){.brick-app-bar,.brick-app-bar[data-variant],.brick-app-bar[data-blurred]{box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:root{--brick-app-bar-toolbar-min-block-size-comfortable:4rem;--brick-app-bar-toolbar-min-block-size-compact:3rem}.brick-app-bar{--brick-app-bar-background:var(--brick-color-surface-base);--brick-app-bar-foreground:var(--brick-color-text-primary);--brick-app-bar-border-color:var(--brick-color-border-subtle);--brick-app-bar-blurred-background:color-mix(in srgb, var(--brick-color-surface-base), transparent 12%);--brick-app-bar-reduced-transparency-background:var(--brick-color-surface-base);--brick-app-bar-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 28%);box-sizing:border-box;background:var(--brick-app-bar-background);inline-size:100%;min-inline-size:0;color:var(--brick-app-bar-foreground);display:block}.brick-app-bar[data-position=absolute],.brick-app-bar[data-position=sticky],.brick-app-bar[data-position=fixed]{z-index:calc(var(--brick-layer-overlay) - 10);inset-block-start:0}.brick-app-bar[data-position=absolute]{position:absolute;inset-inline:0}.brick-app-bar[data-position=sticky]{position:sticky}.brick-app-bar[data-position=fixed]{position:fixed;inset-inline:0}.brick-app-bar[data-variant=solid]{--brick-app-bar-background:var(--brick-color-surface-raised)}.brick-app-bar[data-variant=surface]{--brick-app-bar-background:var(--brick-color-surface-base)}.brick-app-bar[data-variant=transparent]{--brick-app-bar-background:transparent}.brick-app-bar[data-tone=accent][data-variant=solid]{--brick-app-bar-background:var(--brick-color-accent-solid);--brick-app-bar-foreground:var(--brick-color-accent-on-solid);--brick-app-bar-border-color:var(--brick-color-accent-solid-pressed);--brick-app-bar-blurred-background:color-mix(in srgb, var(--brick-color-accent-solid), transparent 12%);--brick-app-bar-reduced-transparency-background:var(--brick-color-accent-solid)}.brick-app-bar[data-tone=accent][data-variant=surface]{--brick-app-bar-background:var(--brick-color-accent-soft);--brick-app-bar-foreground:var(--brick-color-accent-on-soft);--brick-app-bar-border-color:var(--brick-color-accent-border);--brick-app-bar-blurred-background:color-mix(in srgb, var(--brick-color-accent-soft), transparent 12%);--brick-app-bar-reduced-transparency-background:var(--brick-color-accent-soft)}.brick-app-bar[data-tone=accent][data-variant=transparent]{--brick-app-bar-foreground:var(--brick-color-accent-text);--brick-app-bar-border-color:var(--brick-color-accent-border);--brick-app-bar-blurred-background:color-mix(in srgb, var(--brick-color-accent-soft), transparent 12%);--brick-app-bar-reduced-transparency-background:var(--brick-color-accent-soft)}.brick-app-bar[data-bordered]{border-block-end:var(--brick-border-width) solid var(--brick-app-bar-border-color)}.brick-app-bar[data-elevated]{box-shadow:var(--brick-app-bar-shadow)}.brick-app-bar[data-blurred]{background:var(--brick-app-bar-blurred-background);backdrop-filter:blur(.75rem)saturate(1.15)}.brick-app-bar[data-tone=accent][data-variant=solid] .brick-icon-button[data-tone=neutral]{--brick-icon-button-background-hover:color-mix(in srgb, currentColor, transparent 88%);--brick-icon-button-background-pressed:color-mix(in srgb, currentColor, transparent 78%);--brick-icon-button-border-color:transparent;--brick-icon-button-foreground:var(--brick-app-bar-foreground)}.brick-app-bar-toolbar{--brick-app-bar-toolbar-min-block-size:var(--brick-app-bar-toolbar-min-block-size-comfortable);box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:var(--brick-app-bar-toolbar-min-block-size);align-items:center;gap:var(--brick-space-3);padding-inline:clamp(var(--brick-space-4), 4vw, var(--brick-space-6));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.brick-app-bar-toolbar[data-density=compact]{--brick-app-bar-toolbar-min-block-size:var(--brick-app-bar-toolbar-min-block-size-compact);min-block-size:var(--brick-app-bar-toolbar-min-block-size);gap:var(--brick-space-2)}:where(.brick-app-bar-start,.brick-app-bar-center,.brick-app-bar-end){align-items:center;gap:var(--brick-space-2);min-inline-size:0;display:flex}.brick-app-bar-start{grid-column:1}.brick-app-bar-center{grid-column:2;justify-content:center}.brick-app-bar-end{grid-column:3;justify-content:flex-end}@media (prefers-reduced-transparency:reduce){.brick-app-bar[data-blurred]{background:var(--brick-app-bar-reduced-transparency-background);backdrop-filter:none}}@media (forced-colors:active){.brick-app-bar,.brick-app-bar[data-variant],.brick-app-bar[data-blurred]{box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=app-bar.css.map */

package/dist/styles/app-bar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,kHAKA,wnBAwBA,kLAOA,wEAKA,qDAIA,kEAKA,gGAIA,gGAIA,gFAIA,2aAYA,kaAYA,yWAWA,iHAIA,qEAIA,2HAMA,uXAQA,gaAgBA,4NAQA,iJAOA,mCAIA,2DAKA,0DAKA,6CACE,mHAOF,8BACE,sJD9KJ","sources":["home/runner/work/brick/brick/.brick-cache/production/app-bar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/app-bar/app-bar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/app-bar/app-bar.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :root {\n    --brick-app-bar-toolbar-min-block-size-comfortable: 4rem;\n    --brick-app-bar-toolbar-min-block-size-compact: 3rem;\n  }\n\n  .brick-app-bar {\n    --brick-app-bar-background: var(--brick-color-surface-base);\n    --brick-app-bar-foreground: var(--brick-color-text-primary);\n    --brick-app-bar-border-color: var(--brick-color-border-subtle);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-base),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-surface-base);\n    --brick-app-bar-shadow: 0 0.5rem 1.5rem color-mix(\n      in srgb,\n      var(--brick-color-shadow),\n      transparent 28%\n    );\n\n    display: block;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    background: var(--brick-app-bar-background);\n    color: var(--brick-app-bar-foreground);\n  }\n\n  .brick-app-bar[data-position=\"absolute\"],\n  .brick-app-bar[data-position=\"sticky\"],\n  .brick-app-bar[data-position=\"fixed\"] {\n    inset-block-start: 0;\n    z-index: calc(var(--brick-layer-overlay) - 10);\n  }\n\n  .brick-app-bar[data-position=\"absolute\"] {\n    position: absolute;\n    inset-inline: 0;\n  }\n\n  .brick-app-bar[data-position=\"sticky\"] {\n    position: sticky;\n  }\n\n  .brick-app-bar[data-position=\"fixed\"] {\n    position: fixed;\n    inset-inline: 0;\n  }\n\n  .brick-app-bar[data-variant=\"solid\"] {\n    --brick-app-bar-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-app-bar[data-variant=\"surface\"] {\n    --brick-app-bar-background: var(--brick-color-surface-base);\n  }\n\n  .brick-app-bar[data-variant=\"transparent\"] {\n    --brick-app-bar-background: transparent;\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"solid\"] {\n    --brick-app-bar-background: var(--brick-color-accent-solid);\n    --brick-app-bar-foreground: var(--brick-color-accent-on-solid);\n    --brick-app-bar-border-color: var(--brick-color-accent-solid-pressed);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-accent-solid),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-accent-solid);\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"surface\"] {\n    --brick-app-bar-background: var(--brick-color-accent-soft);\n    --brick-app-bar-foreground: var(--brick-color-accent-on-soft);\n    --brick-app-bar-border-color: var(--brick-color-accent-border);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-accent-soft),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"transparent\"] {\n    --brick-app-bar-foreground: var(--brick-color-accent-text);\n    --brick-app-bar-border-color: var(--brick-color-accent-border);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-accent-soft),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-app-bar[data-bordered] {\n    border-block-end: var(--brick-border-width) solid var(--brick-app-bar-border-color);\n  }\n\n  .brick-app-bar[data-elevated] {\n    box-shadow: var(--brick-app-bar-shadow);\n  }\n\n  .brick-app-bar[data-blurred] {\n    background: var(--brick-app-bar-blurred-background);\n    -webkit-backdrop-filter: blur(0.75rem) saturate(1.15);\n    backdrop-filter: blur(0.75rem) saturate(1.15);\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"solid\"]\n    .brick-icon-button[data-tone=\"neutral\"] {\n    --brick-icon-button-background-hover: color-mix(in srgb, currentColor, transparent 88%);\n    --brick-icon-button-background-pressed: color-mix(in srgb, currentColor, transparent 78%);\n    --brick-icon-button-border-color: transparent;\n    --brick-icon-button-foreground: var(--brick-app-bar-foreground);\n  }\n\n  .brick-app-bar-toolbar {\n    --brick-app-bar-toolbar-min-block-size: var(\n      --brick-app-bar-toolbar-min-block-size-comfortable\n    );\n\n    display: grid;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    min-block-size: var(--brick-app-bar-toolbar-min-block-size);\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    align-items: center;\n    gap: var(--brick-space-3);\n    padding-inline: clamp(var(--brick-space-4), 4vw, var(--brick-space-6));\n  }\n\n  .brick-app-bar-toolbar[data-density=\"compact\"] {\n    --brick-app-bar-toolbar-min-block-size: var(\n      --brick-app-bar-toolbar-min-block-size-compact\n    );\n    min-block-size: var(--brick-app-bar-toolbar-min-block-size);\n    gap: var(--brick-space-2);\n  }\n\n  :where(.brick-app-bar-start, .brick-app-bar-center, .brick-app-bar-end) {\n    display: flex;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-space-2);\n  }\n\n  .brick-app-bar-start {\n    grid-column: 1;\n  }\n\n  .brick-app-bar-center {\n    grid-column: 2;\n    justify-content: center;\n  }\n\n  .brick-app-bar-end {\n    grid-column: 3;\n    justify-content: flex-end;\n  }\n\n  @media (prefers-reduced-transparency: reduce) {\n    .brick-app-bar[data-blurred] {\n      background: var(--brick-app-bar-reduced-transparency-background);\n      -webkit-backdrop-filter: none;\n      backdrop-filter: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-app-bar,\n    .brick-app-bar[data-variant],\n    .brick-app-bar[data-blurred] {\n      border-color: CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,kHAKA,wnBAwBA,kLAOA,wEAKA,qDAIA,kEAKA,gGAIA,gGAIA,gFAIA,2aAYA,kaAYA,yWAWA,iHAIA,qEAIA,2HAMA,uXAQA,gaAgBA,4NAQA,iJAOA,mCAIA,2DAKA,0DAKA,6CACE,mHAOF,8BACE,sJD9KJ","sources":["home/runner/work/brick/brick/.brick-cache/production/app-bar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/app-bar/app-bar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/app-bar/app-bar.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :root {\n    --brick-app-bar-toolbar-min-block-size-comfortable: 4rem;\n    --brick-app-bar-toolbar-min-block-size-compact: 3rem;\n  }\n\n  .brick-app-bar {\n    --brick-app-bar-background: var(--brick-color-surface-base);\n    --brick-app-bar-foreground: var(--brick-color-text-primary);\n    --brick-app-bar-border-color: var(--brick-color-border-subtle);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-base),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-surface-base);\n    --brick-app-bar-shadow: 0 0.5rem 1.5rem color-mix(\n      in srgb,\n      var(--brick-color-shadow),\n      transparent 28%\n    );\n\n    display: block;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    background: var(--brick-app-bar-background);\n    color: var(--brick-app-bar-foreground);\n  }\n\n  .brick-app-bar[data-position=\"absolute\"],\n  .brick-app-bar[data-position=\"sticky\"],\n  .brick-app-bar[data-position=\"fixed\"] {\n    inset-block-start: 0;\n    z-index: calc(var(--brick-layer-overlay) - 10);\n  }\n\n  .brick-app-bar[data-position=\"absolute\"] {\n    position: absolute;\n    inset-inline: 0;\n  }\n\n  .brick-app-bar[data-position=\"sticky\"] {\n    position: sticky;\n  }\n\n  .brick-app-bar[data-position=\"fixed\"] {\n    position: fixed;\n    inset-inline: 0;\n  }\n\n  .brick-app-bar[data-variant=\"solid\"] {\n    --brick-app-bar-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-app-bar[data-variant=\"surface\"] {\n    --brick-app-bar-background: var(--brick-color-surface-base);\n  }\n\n  .brick-app-bar[data-variant=\"transparent\"] {\n    --brick-app-bar-background: transparent;\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"solid\"] {\n    --brick-app-bar-background: var(--brick-color-accent-solid);\n    --brick-app-bar-foreground: var(--brick-color-accent-on-solid);\n    --brick-app-bar-border-color: var(--brick-color-accent-solid-pressed);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-accent-solid),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-accent-solid);\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"surface\"] {\n    --brick-app-bar-background: var(--brick-color-accent-soft);\n    --brick-app-bar-foreground: var(--brick-color-accent-on-soft);\n    --brick-app-bar-border-color: var(--brick-color-accent-border);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-accent-soft),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"transparent\"] {\n    --brick-app-bar-foreground: var(--brick-color-accent-text);\n    --brick-app-bar-border-color: var(--brick-color-accent-border);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-accent-soft),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-app-bar[data-bordered] {\n    border-block-end: var(--brick-border-width) solid var(--brick-app-bar-border-color);\n  }\n\n  .brick-app-bar[data-elevated] {\n    box-shadow: var(--brick-app-bar-shadow);\n  }\n\n  .brick-app-bar[data-blurred] {\n    background: var(--brick-app-bar-blurred-background);\n    -webkit-backdrop-filter: blur(0.75rem) saturate(1.15);\n    backdrop-filter: blur(0.75rem) saturate(1.15);\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"solid\"]\n    .brick-icon-button[data-tone=\"neutral\"] {\n    --brick-icon-button-background-hover: color-mix(in srgb, currentColor, transparent 88%);\n    --brick-icon-button-background-pressed: color-mix(in srgb, currentColor, transparent 78%);\n    --brick-icon-button-border-color: transparent;\n    --brick-icon-button-foreground: var(--brick-app-bar-foreground);\n  }\n\n  .brick-app-bar-toolbar {\n    --brick-app-bar-toolbar-min-block-size: var(\n      --brick-app-bar-toolbar-min-block-size-comfortable\n    );\n\n    display: grid;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    min-block-size: var(--brick-app-bar-toolbar-min-block-size);\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    align-items: center;\n    gap: var(--brick-space-3);\n    padding-inline: clamp(var(--brick-space-4), 4vw, var(--brick-space-6));\n  }\n\n  .brick-app-bar-toolbar[data-density=\"compact\"] {\n    --brick-app-bar-toolbar-min-block-size: var(\n      --brick-app-bar-toolbar-min-block-size-compact\n    );\n    min-block-size: var(--brick-app-bar-toolbar-min-block-size);\n    gap: var(--brick-space-2);\n  }\n\n  :where(.brick-app-bar-start, .brick-app-bar-center, .brick-app-bar-end) {\n    display: flex;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-space-2);\n  }\n\n  .brick-app-bar-start {\n    grid-column: 1;\n  }\n\n  .brick-app-bar-center {\n    grid-column: 2;\n    justify-content: center;\n  }\n\n  .brick-app-bar-end {\n    grid-column: 3;\n    justify-content: flex-end;\n  }\n\n  @media (prefers-reduced-transparency: reduce) {\n    .brick-app-bar[data-blurred] {\n      background: var(--brick-app-bar-reduced-transparency-background);\n      -webkit-backdrop-filter: none;\n      backdrop-filter: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-app-bar,\n    .brick-app-bar[data-variant],\n    .brick-app-bar[data-blurred] {\n      border-color: CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/appearance.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-appearance{box-sizing:border-box}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-appearance{box-sizing:border-box}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=appearance.css.map */

package/dist/styles/appearance.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,yCDDF","sources":["home/runner/work/brick/brick/.brick-cache/production/appearance.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/appearance/appearance.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/appearance/appearance.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-appearance {\n    box-sizing: border-box;\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,yCDDF","sources":["home/runner/work/brick/brick/.brick-cache/production/appearance.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/appearance/appearance.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/appearance/appearance.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-appearance {\n    box-sizing: border-box;\n  }\n}\n"],"names":[]}

package/dist/styles/aspect-ratio.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-aspect-ratio{--brick-aspect-ratio-background:transparent;--brick-aspect-ratio-border-color:transparent;--brick-aspect-ratio-border-width:0rem;--brick-aspect-ratio-radius:0rem;--brick-aspect-ratio-overflow:hidden;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow:var(--brick-aspect-ratio-overflow);border:var(--brick-aspect-ratio-border-width) solid var(--brick-aspect-ratio-border-color);border-radius:var(--brick-aspect-ratio-radius);background:var(--brick-aspect-ratio-background);display:block;position:relative}.brick-aspect-ratio[data-variant=subtle]{--brick-aspect-ratio-background:var(--brick-color-surface-subtle)}.brick-aspect-ratio[data-variant=outline]{--brick-aspect-ratio-background:var(--brick-color-surface-base);--brick-aspect-ratio-border-color:var(--brick-color-border-subtle);--brick-aspect-ratio-border-width:var(--brick-border-width)}.brick-aspect-ratio[data-radius=sm]{--brick-aspect-ratio-radius:var(--brick-radius-subtle)}.brick-aspect-ratio[data-radius=md]{--brick-aspect-ratio-radius:var(--brick-radius-control)}.brick-aspect-ratio[data-radius=lg]{--brick-aspect-ratio-radius:var(--brick-radius-surface)}.brick-aspect-ratio[data-radius=full]{--brick-aspect-ratio-radius:var(--brick-radius-full)}.brick-aspect-ratio[data-overflow=visible]{--brick-aspect-ratio-overflow:visible}@media (forced-colors:active){.brick-aspect-ratio[data-variant=outline]{--brick-aspect-ratio-background:Canvas;--brick-aspect-ratio-border-color:CanvasText}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-aspect-ratio{--brick-aspect-ratio-background:transparent;--brick-aspect-ratio-border-color:transparent;--brick-aspect-ratio-border-width:0rem;--brick-aspect-ratio-radius:0rem;--brick-aspect-ratio-overflow:hidden;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow:var(--brick-aspect-ratio-overflow);border:var(--brick-aspect-ratio-border-width) solid var(--brick-aspect-ratio-border-color);border-radius:var(--brick-aspect-ratio-radius);background:var(--brick-aspect-ratio-background);display:block;position:relative}.brick-aspect-ratio[data-variant=subtle]{--brick-aspect-ratio-background:var(--brick-color-surface-subtle)}.brick-aspect-ratio[data-variant=outline]{--brick-aspect-ratio-background:var(--brick-color-surface-base);--brick-aspect-ratio-border-color:var(--brick-color-border-subtle);--brick-aspect-ratio-border-width:var(--brick-border-width)}.brick-aspect-ratio[data-radius=sm]{--brick-aspect-ratio-radius:var(--brick-radius-subtle)}.brick-aspect-ratio[data-radius=md]{--brick-aspect-ratio-radius:var(--brick-radius-control)}.brick-aspect-ratio[data-radius=lg]{--brick-aspect-ratio-radius:var(--brick-radius-surface)}.brick-aspect-ratio[data-radius=full]{--brick-aspect-ratio-radius:var(--brick-radius-full)}.brick-aspect-ratio[data-overflow=visible]{--brick-aspect-ratio-overflow:visible}@media (forced-colors:active){.brick-aspect-ratio[data-variant=outline]{--brick-aspect-ratio-background:Canvas;--brick-aspect-ratio-border-color:CanvasText}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=aspect-ratio.css.map */

package/dist/styles/aspect-ratio.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,+iBAoBA,2GAIA,yOAMA,2FAIA,4FAIA,4FAIA,2FAIA,iFAIA,8BACE,gIDpDJ","sources":["home/runner/work/brick/brick/.brick-cache/production/aspect-ratio.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/aspect-ratio/aspect-ratio.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/aspect-ratio/aspect-ratio.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-aspect-ratio {\n    --brick-aspect-ratio-background: transparent;\n    --brick-aspect-ratio-border-color: transparent;\n    --brick-aspect-ratio-border-width: 0rem;\n    --brick-aspect-ratio-radius: 0rem;\n    --brick-aspect-ratio-overflow: hidden;\n\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow: var(--brick-aspect-ratio-overflow);\n    border: var(--brick-aspect-ratio-border-width) solid\n      var(--brick-aspect-ratio-border-color);\n    border-radius: var(--brick-aspect-ratio-radius);\n    background: var(--brick-aspect-ratio-background);\n  }\n\n  .brick-aspect-ratio[data-variant=\"subtle\"] {\n    --brick-aspect-ratio-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-aspect-ratio[data-variant=\"outline\"] {\n    --brick-aspect-ratio-background: var(--brick-color-surface-base);\n    --brick-aspect-ratio-border-color: var(--brick-color-border-subtle);\n    --brick-aspect-ratio-border-width: var(--brick-border-width);\n  }\n\n  .brick-aspect-ratio[data-radius=\"sm\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-subtle);\n  }\n\n  .brick-aspect-ratio[data-radius=\"md\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-control);\n  }\n\n  .brick-aspect-ratio[data-radius=\"lg\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-surface);\n  }\n\n  .brick-aspect-ratio[data-radius=\"full\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-full);\n  }\n\n  .brick-aspect-ratio[data-overflow=\"visible\"] {\n    --brick-aspect-ratio-overflow: visible;\n  }\n\n  @media (forced-colors: active) {\n    .brick-aspect-ratio[data-variant=\"outline\"] {\n      --brick-aspect-ratio-background: Canvas;\n      --brick-aspect-ratio-border-color: CanvasText;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+iBAoBA,2GAIA,yOAMA,2FAIA,4FAIA,4FAIA,2FAIA,iFAIA,8BACE,gIDpDJ","sources":["home/runner/work/brick/brick/.brick-cache/production/aspect-ratio.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/aspect-ratio/aspect-ratio.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/aspect-ratio/aspect-ratio.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-aspect-ratio {\n    --brick-aspect-ratio-background: transparent;\n    --brick-aspect-ratio-border-color: transparent;\n    --brick-aspect-ratio-border-width: 0rem;\n    --brick-aspect-ratio-radius: 0rem;\n    --brick-aspect-ratio-overflow: hidden;\n\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow: var(--brick-aspect-ratio-overflow);\n    border: var(--brick-aspect-ratio-border-width) solid\n      var(--brick-aspect-ratio-border-color);\n    border-radius: var(--brick-aspect-ratio-radius);\n    background: var(--brick-aspect-ratio-background);\n  }\n\n  .brick-aspect-ratio[data-variant=\"subtle\"] {\n    --brick-aspect-ratio-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-aspect-ratio[data-variant=\"outline\"] {\n    --brick-aspect-ratio-background: var(--brick-color-surface-base);\n    --brick-aspect-ratio-border-color: var(--brick-color-border-subtle);\n    --brick-aspect-ratio-border-width: var(--brick-border-width);\n  }\n\n  .brick-aspect-ratio[data-radius=\"sm\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-subtle);\n  }\n\n  .brick-aspect-ratio[data-radius=\"md\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-control);\n  }\n\n  .brick-aspect-ratio[data-radius=\"lg\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-surface);\n  }\n\n  .brick-aspect-ratio[data-radius=\"full\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-full);\n  }\n\n  .brick-aspect-ratio[data-overflow=\"visible\"] {\n    --brick-aspect-ratio-overflow: visible;\n  }\n\n  @media (forced-colors: active) {\n    .brick-aspect-ratio[data-variant=\"outline\"] {\n      --brick-aspect-ratio-background: Canvas;\n      --brick-aspect-ratio-border-color: CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/avatar.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-avatar{--brick-avatar-size:2.5rem;--brick-avatar-radius:var(--brick-radius-full);--brick-avatar-background:var(--brick-color-surface-subtle);--brick-avatar-foreground:var(--brick-color-text-secondary);--brick-avatar-outline-color:var(--brick-color-surface-base);--brick-avatar-outline-width:var(--brick-border-width);--brick-avatar-status-ring-color:transparent;--brick-avatar-status-ring-width:.125rem;--brick-avatar-status-ring-offset:.125rem;--brick-avatar-fallback-font-size:.875rem;box-sizing:border-box;inline-size:var(--brick-avatar-size);block-size:var(--brick-avatar-size);border-radius:var(--brick-avatar-radius);background:var(--brick-avatar-background);box-shadow:0 0 0 var(--brick-avatar-outline-width) var(--brick-avatar-outline-color);color:var(--brick-avatar-foreground);vertical-align:middle;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative;overflow:hidden}.brick-avatar[data-status]:after{z-index:1;box-sizing:border-box;border:var(--brick-avatar-status-ring-width) solid var(--brick-avatar-status-ring-color);border-radius:inherit;box-shadow:inset 0 0 0 var(--brick-avatar-status-ring-offset) var(--brick-avatar-outline-color);content:"";pointer-events:none;position:absolute;inset:0}.brick-avatar[data-shape=rounded]{--brick-avatar-radius:var(--brick-radius-control)}.brick-avatar[data-size=xs]{--brick-avatar-size:1.5rem;--brick-avatar-fallback-font-size:.625rem}.brick-avatar[data-size=sm]{--brick-avatar-size:2rem;--brick-avatar-fallback-font-size:.75rem}.brick-avatar[data-size=lg]{--brick-avatar-size:3rem;--brick-avatar-fallback-font-size:1rem}.brick-avatar[data-size=xl]{--brick-avatar-size:4rem;--brick-avatar-fallback-font-size:1.25rem}.brick-avatar[data-status=online]{--brick-avatar-status-ring-color:var(--brick-color-success-solid)}.brick-avatar[data-status=away]{--brick-avatar-status-ring-color:var(--brick-color-warning-solid)}.brick-avatar[data-status=busy]{--brick-avatar-status-ring-color:var(--brick-color-danger-solid)}.brick-avatar[data-status=offline]{--brick-avatar-status-ring-color:var(--brick-color-border-strong)}.brick-avatar__image,.brick-avatar__fallback{box-sizing:border-box;border-radius:inherit;block-size:100%;inline-size:100%;display:flex}.brick-avatar__image{object-fit:cover;display:block}.brick-avatar__fallback{background:var(--brick-avatar-background);color:var(--brick-avatar-foreground);font-family:var(--brick-font-family-body);font-size:var(--brick-avatar-fallback-font-size);font-weight:var(--brick-font-weight-semibold);text-align:center;text-overflow:clip;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;line-height:1;overflow:hidden}@media (forced-colors:active){.brick-avatar{border:var(--brick-border-width) solid CanvasText;box-shadow:none;color:canvastext;background:canvas}.brick-avatar[data-status]:after{box-shadow:inset 0 0 0 var(--brick-avatar-status-ring-offset) Canvas;border-color:highlight}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-avatar{--brick-avatar-size:2.5rem;--brick-avatar-radius:var(--brick-radius-full);--brick-avatar-background:var(--brick-color-surface-subtle);--brick-avatar-foreground:var(--brick-color-text-secondary);--brick-avatar-outline-color:var(--brick-color-surface-base);--brick-avatar-outline-width:var(--brick-border-width);--brick-avatar-status-ring-color:transparent;--brick-avatar-status-ring-width:.125rem;--brick-avatar-status-ring-offset:.125rem;--brick-avatar-fallback-font-size:.875rem;box-sizing:border-box;inline-size:var(--brick-avatar-size);block-size:var(--brick-avatar-size);border-radius:var(--brick-avatar-radius);background:var(--brick-avatar-background);box-shadow:0 0 0 var(--brick-avatar-outline-width) var(--brick-avatar-outline-color);color:var(--brick-avatar-foreground);vertical-align:middle;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative;overflow:hidden}.brick-avatar[data-status]:after{z-index:1;box-sizing:border-box;border:var(--brick-avatar-status-ring-width) solid var(--brick-avatar-status-ring-color);border-radius:inherit;box-shadow:inset 0 0 0 var(--brick-avatar-status-ring-offset) var(--brick-avatar-outline-color);content:"";pointer-events:none;position:absolute;inset:0}.brick-avatar[data-shape=rounded]{--brick-avatar-radius:var(--brick-radius-control)}.brick-avatar[data-size=xs]{--brick-avatar-size:1.5rem;--brick-avatar-fallback-font-size:.625rem}.brick-avatar[data-size=sm]{--brick-avatar-size:2rem;--brick-avatar-fallback-font-size:.75rem}.brick-avatar[data-size=lg]{--brick-avatar-size:3rem;--brick-avatar-fallback-font-size:1rem}.brick-avatar[data-size=xl]{--brick-avatar-size:4rem;--brick-avatar-fallback-font-size:1.25rem}.brick-avatar[data-status=online]{--brick-avatar-status-ring-color:var(--brick-color-success-solid)}.brick-avatar[data-status=away]{--brick-avatar-status-ring-color:var(--brick-color-warning-solid)}.brick-avatar[data-status=busy]{--brick-avatar-status-ring-color:var(--brick-color-danger-solid)}.brick-avatar[data-status=offline]{--brick-avatar-status-ring-color:var(--brick-color-border-strong)}.brick-avatar__image,.brick-avatar__fallback{box-sizing:border-box;border-radius:inherit;block-size:100%;inline-size:100%;display:flex}.brick-avatar__image{object-fit:cover;display:block}.brick-avatar__fallback{background:var(--brick-avatar-background);color:var(--brick-avatar-foreground);font-family:var(--brick-font-family-body);font-size:var(--brick-avatar-fallback-font-size);font-weight:var(--brick-font-weight-semibold);text-align:center;text-overflow:clip;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;line-height:1;overflow:hidden}@media (forced-colors:active){.brick-avatar{border:var(--brick-border-width) solid CanvasText;box-shadow:none;color:canvastext;background:canvas}.brick-avatar[data-status]:after{box-shadow:inset 0 0 0 var(--brick-avatar-status-ring-offset) Canvas;border-color:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=avatar.css.map */

package/dist/styles/avatar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,w6BA8BA,yUAcA,oFAIA,iGAKA,8FAKA,4FAKA,+FAKA,oGAIA,kGAIA,iGAIA,qGAIA,uIASA,oDAKA,0ZAgBA,8BACE,mHAOA,+HD3HJ","sources":["home/runner/work/brick/brick/.brick-cache/production/avatar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/avatar/avatar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/avatar/avatar.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-avatar {\n    --brick-avatar-size: 2.5rem;\n    --brick-avatar-radius: var(--brick-radius-full);\n    --brick-avatar-background: var(--brick-color-surface-subtle);\n    --brick-avatar-foreground: var(--brick-color-text-secondary);\n    --brick-avatar-outline-color: var(--brick-color-surface-base);\n    --brick-avatar-outline-width: var(--brick-border-width);\n    --brick-avatar-status-ring-color: transparent;\n    --brick-avatar-status-ring-width: 0.125rem;\n    --brick-avatar-status-ring-offset: 0.125rem;\n    --brick-avatar-fallback-font-size: 0.875rem;\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    flex: none;\n    inline-size: var(--brick-avatar-size);\n    block-size: var(--brick-avatar-size);\n    align-items: center;\n    justify-content: center;\n    border-radius: var(--brick-avatar-radius);\n    background: var(--brick-avatar-background);\n    box-shadow: 0 0 0 var(--brick-avatar-outline-width)\n      var(--brick-avatar-outline-color);\n    color: var(--brick-avatar-foreground);\n    line-height: 1;\n    overflow: hidden;\n    vertical-align: middle;\n  }\n\n  .brick-avatar[data-status]::after {\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    box-sizing: border-box;\n    border: var(--brick-avatar-status-ring-width) solid\n      var(--brick-avatar-status-ring-color);\n    border-radius: inherit;\n    box-shadow: inset 0 0 0 var(--brick-avatar-status-ring-offset)\n      var(--brick-avatar-outline-color);\n    content: \"\";\n    pointer-events: none;\n  }\n\n  .brick-avatar[data-shape=\"rounded\"] {\n    --brick-avatar-radius: var(--brick-radius-control);\n  }\n\n  .brick-avatar[data-size=\"xs\"] {\n    --brick-avatar-size: 1.5rem;\n    --brick-avatar-fallback-font-size: 0.625rem;\n  }\n\n  .brick-avatar[data-size=\"sm\"] {\n    --brick-avatar-size: 2rem;\n    --brick-avatar-fallback-font-size: 0.75rem;\n  }\n\n  .brick-avatar[data-size=\"lg\"] {\n    --brick-avatar-size: 3rem;\n    --brick-avatar-fallback-font-size: 1rem;\n  }\n\n  .brick-avatar[data-size=\"xl\"] {\n    --brick-avatar-size: 4rem;\n    --brick-avatar-fallback-font-size: 1.25rem;\n  }\n\n  .brick-avatar[data-status=\"online\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-success-solid);\n  }\n\n  .brick-avatar[data-status=\"away\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-warning-solid);\n  }\n\n  .brick-avatar[data-status=\"busy\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-danger-solid);\n  }\n\n  .brick-avatar[data-status=\"offline\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-border-strong);\n  }\n\n  .brick-avatar__image,\n  .brick-avatar__fallback {\n    display: flex;\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    border-radius: inherit;\n  }\n\n  .brick-avatar__image {\n    display: block;\n    object-fit: cover;\n  }\n\n  .brick-avatar__fallback {\n    align-items: center;\n    justify-content: center;\n    background: var(--brick-avatar-background);\n    color: var(--brick-avatar-foreground);\n    font-family: var(--brick-font-family-body);\n    font-size: var(--brick-avatar-fallback-font-size);\n    font-weight: var(--brick-font-weight-semibold);\n    line-height: 1;\n    overflow: hidden;\n    text-align: center;\n    text-overflow: clip;\n    user-select: none;\n    white-space: nowrap;\n  }\n\n  @media (forced-colors: active) {\n    .brick-avatar {\n      border: var(--brick-border-width) solid CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n\n    .brick-avatar[data-status]::after {\n      border-color: Highlight;\n      box-shadow: inset 0 0 0 var(--brick-avatar-status-ring-offset) Canvas;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,w6BA8BA,yUAcA,oFAIA,iGAKA,8FAKA,4FAKA,+FAKA,oGAIA,kGAIA,iGAIA,qGAIA,uIASA,oDAKA,0ZAgBA,8BACE,mHAOA,+HD3HJ","sources":["home/runner/work/brick/brick/.brick-cache/production/avatar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/avatar/avatar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/avatar/avatar.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-avatar {\n    --brick-avatar-size: 2.5rem;\n    --brick-avatar-radius: var(--brick-radius-full);\n    --brick-avatar-background: var(--brick-color-surface-subtle);\n    --brick-avatar-foreground: var(--brick-color-text-secondary);\n    --brick-avatar-outline-color: var(--brick-color-surface-base);\n    --brick-avatar-outline-width: var(--brick-border-width);\n    --brick-avatar-status-ring-color: transparent;\n    --brick-avatar-status-ring-width: 0.125rem;\n    --brick-avatar-status-ring-offset: 0.125rem;\n    --brick-avatar-fallback-font-size: 0.875rem;\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    flex: none;\n    inline-size: var(--brick-avatar-size);\n    block-size: var(--brick-avatar-size);\n    align-items: center;\n    justify-content: center;\n    border-radius: var(--brick-avatar-radius);\n    background: var(--brick-avatar-background);\n    box-shadow: 0 0 0 var(--brick-avatar-outline-width)\n      var(--brick-avatar-outline-color);\n    color: var(--brick-avatar-foreground);\n    line-height: 1;\n    overflow: hidden;\n    vertical-align: middle;\n  }\n\n  .brick-avatar[data-status]::after {\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    box-sizing: border-box;\n    border: var(--brick-avatar-status-ring-width) solid\n      var(--brick-avatar-status-ring-color);\n    border-radius: inherit;\n    box-shadow: inset 0 0 0 var(--brick-avatar-status-ring-offset)\n      var(--brick-avatar-outline-color);\n    content: \"\";\n    pointer-events: none;\n  }\n\n  .brick-avatar[data-shape=\"rounded\"] {\n    --brick-avatar-radius: var(--brick-radius-control);\n  }\n\n  .brick-avatar[data-size=\"xs\"] {\n    --brick-avatar-size: 1.5rem;\n    --brick-avatar-fallback-font-size: 0.625rem;\n  }\n\n  .brick-avatar[data-size=\"sm\"] {\n    --brick-avatar-size: 2rem;\n    --brick-avatar-fallback-font-size: 0.75rem;\n  }\n\n  .brick-avatar[data-size=\"lg\"] {\n    --brick-avatar-size: 3rem;\n    --brick-avatar-fallback-font-size: 1rem;\n  }\n\n  .brick-avatar[data-size=\"xl\"] {\n    --brick-avatar-size: 4rem;\n    --brick-avatar-fallback-font-size: 1.25rem;\n  }\n\n  .brick-avatar[data-status=\"online\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-success-solid);\n  }\n\n  .brick-avatar[data-status=\"away\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-warning-solid);\n  }\n\n  .brick-avatar[data-status=\"busy\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-danger-solid);\n  }\n\n  .brick-avatar[data-status=\"offline\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-border-strong);\n  }\n\n  .brick-avatar__image,\n  .brick-avatar__fallback {\n    display: flex;\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    border-radius: inherit;\n  }\n\n  .brick-avatar__image {\n    display: block;\n    object-fit: cover;\n  }\n\n  .brick-avatar__fallback {\n    align-items: center;\n    justify-content: center;\n    background: var(--brick-avatar-background);\n    color: var(--brick-avatar-foreground);\n    font-family: var(--brick-font-family-body);\n    font-size: var(--brick-avatar-fallback-font-size);\n    font-weight: var(--brick-font-weight-semibold);\n    line-height: 1;\n    overflow: hidden;\n    text-align: center;\n    text-overflow: clip;\n    user-select: none;\n    white-space: nowrap;\n  }\n\n  @media (forced-colors: active) {\n    .brick-avatar {\n      border: var(--brick-border-width) solid CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n\n    .brick-avatar[data-status]::after {\n      border-color: Highlight;\n      box-shadow: inset 0 0 0 var(--brick-avatar-status-ring-offset) Canvas;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/badge.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-badge,.brick-notification-badge{--brick-badge-tone-solid:var(--brick-color-text-primary);--brick-badge-tone-on-solid:var(--brick-color-text-inverse);--brick-badge-tone-soft:var(--brick-color-surface-subtle);--brick-badge-tone-on-soft:var(--brick-color-text-primary);--brick-badge-tone-border:var(--brick-color-border-strong);--brick-badge-tone-text:var(--brick-color-text-primary)}.brick-badge{--brick-badge-background:var(--brick-badge-tone-soft);--brick-badge-foreground:var(--brick-badge-tone-on-soft);--brick-badge-border-color:transparent;--brick-badge-min-block-size:1.5rem;--brick-badge-inline-padding:.5rem;--brick-badge-block-padding:.125rem;--brick-badge-gap:var(--brick-space-1);--brick-badge-radius:var(--brick-radius-control);--brick-badge-font-size:var(--brick-typography-control-sm-font-size);box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-badge-min-block-size);justify-content:safe center;align-items:center;gap:var(--brick-badge-gap);max-inline-size:100%;padding-block:var(--brick-badge-block-padding);padding-inline:var(--brick-badge-inline-padding);border:var(--brick-border-width) solid var(--brick-badge-border-color);border-radius:var(--brick-badge-radius);background:var(--brick-badge-background);color:var(--brick-badge-foreground);font-family:var(--brick-typography-control-sm-font-family);font-size:var(--brick-badge-font-size);font-weight:var(--brick-typography-control-sm-font-weight);font-variant-numeric:tabular-nums;letter-spacing:var(--brick-typography-control-sm-letter-spacing);line-height:var(--brick-typography-control-sm-line-height);overflow-wrap:anywhere;word-break:break-word;text-align:start;vertical-align:baseline;display:inline-flex}.brick-badge[data-shape=pill]{--brick-badge-radius:var(--brick-radius-full)}.brick-badge[data-size=sm]{--brick-badge-min-block-size:1.25rem;--brick-badge-inline-padding:.375rem;--brick-badge-block-padding:.0625rem;--brick-badge-font-size:var(--brick-typography-control-xs-font-size)}.brick-badge[data-size=lg]{--brick-badge-min-block-size:1.75rem;--brick-badge-inline-padding:.625rem;--brick-badge-block-padding:.1875rem;--brick-badge-font-size:var(--brick-typography-control-lg-font-size)}.brick-badge[data-variant=solid]{--brick-badge-background:var(--brick-badge-tone-solid);--brick-badge-foreground:var(--brick-badge-tone-on-solid);--brick-badge-border-color:var(--brick-badge-tone-solid)}.brick-badge[data-variant=outline]{--brick-badge-background:transparent;--brick-badge-foreground:var(--brick-badge-tone-text);--brick-badge-border-color:var(--brick-badge-tone-border)}.brick-badge[data-tone=accent],.brick-notification-badge[data-tone=accent]{--brick-badge-tone-solid:var(--brick-color-accent-solid);--brick-badge-tone-on-solid:var(--brick-color-accent-on-solid);--brick-badge-tone-soft:var(--brick-color-accent-soft);--brick-badge-tone-on-soft:var(--brick-color-accent-on-soft);--brick-badge-tone-border:var(--brick-color-accent-border);--brick-badge-tone-text:var(--brick-color-accent-text)}.brick-badge[data-tone=info],.brick-notification-badge[data-tone=info]{--brick-badge-tone-solid:var(--brick-color-info-solid);--brick-badge-tone-on-solid:var(--brick-color-info-on-solid);--brick-badge-tone-soft:var(--brick-color-info-soft);--brick-badge-tone-on-soft:var(--brick-color-info-on-soft);--brick-badge-tone-border:var(--brick-color-info-border);--brick-badge-tone-text:var(--brick-color-info-text)}.brick-badge[data-tone=success],.brick-notification-badge[data-tone=success]{--brick-badge-tone-solid:var(--brick-color-success-solid);--brick-badge-tone-on-solid:var(--brick-color-success-on-solid);--brick-badge-tone-soft:var(--brick-color-success-soft);--brick-badge-tone-on-soft:var(--brick-color-success-on-soft);--brick-badge-tone-border:var(--brick-color-success-border);--brick-badge-tone-text:var(--brick-color-success-text)}.brick-badge[data-tone=warning],.brick-notification-badge[data-tone=warning]{--brick-badge-tone-solid:var(--brick-color-warning-solid);--brick-badge-tone-on-solid:var(--brick-color-warning-on-solid);--brick-badge-tone-soft:var(--brick-color-warning-soft);--brick-badge-tone-on-soft:var(--brick-color-warning-on-soft);--brick-badge-tone-border:var(--brick-color-warning-border);--brick-badge-tone-text:var(--brick-color-warning-text)}.brick-badge[data-tone=danger],.brick-notification-badge[data-tone=danger]{--brick-badge-tone-solid:var(--brick-color-danger-solid);--brick-badge-tone-on-solid:var(--brick-color-danger-on-solid);--brick-badge-tone-soft:var(--brick-color-danger-soft);--brick-badge-tone-on-soft:var(--brick-color-danger-on-soft);--brick-badge-tone-border:var(--brick-color-danger-border);--brick-badge-tone-text:var(--brick-color-danger-text)}.brick-notification-badge{--brick-notification-badge-size:1.25rem;--brick-notification-badge-dot-size:.625rem;--brick-notification-badge-inline-padding:.3125rem;--brick-notification-badge-outline-color:var(--brick-color-surface-base);--brick-notification-badge-translate-inline:50%;--brick-notification-badge-translate-block:-50%;box-sizing:border-box;vertical-align:middle;max-inline-size:100%;display:inline-flex;position:relative}.brick-notification-badge[data-size=sm]{--brick-notification-badge-size:1rem;--brick-notification-badge-dot-size:.5rem;--brick-notification-badge-inline-padding:.25rem}.brick-notification-badge[data-size=lg]{--brick-notification-badge-size:1.5rem;--brick-notification-badge-dot-size:.75rem;--brick-notification-badge-inline-padding:.375rem}.brick-notification-badge__indicator{z-index:1;box-sizing:border-box;min-inline-size:var(--brick-notification-badge-size);block-size:var(--brick-notification-badge-size);padding-inline:var(--brick-notification-badge-inline-padding);border:var(--brick-border-width) solid var(--brick-notification-badge-outline-color);border-radius:var(--brick-radius-full);background:var(--brick-badge-tone-solid);color:var(--brick-badge-tone-on-solid);font-family:var(--brick-font-family-body);font-size:.6875rem;font-weight:var(--brick-font-weight-semibold);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute}.brick-notification-badge__indicator[data-shape=circle]{inline-size:var(--brick-notification-badge-size);padding-inline:0}.brick-notification-badge__indicator[data-variant=dot]{min-inline-size:var(--brick-notification-badge-dot-size);inline-size:var(--brick-notification-badge-dot-size);block-size:var(--brick-notification-badge-dot-size);padding:0}.brick-notification-badge[data-placement^=top]>.brick-notification-badge__indicator{inset-block-start:0}.brick-notification-badge[data-placement^=bottom]>.brick-notification-badge__indicator{--brick-notification-badge-translate-block:50%;inset-block-end:0}.brick-notification-badge[data-placement$=end]>.brick-notification-badge__indicator{translate:var(--brick-notification-badge-translate-inline) var(--brick-notification-badge-translate-block);inset-inline-end:0}.brick-notification-badge[data-placement$=start]>.brick-notification-badge__indicator{translate:calc(var(--brick-notification-badge-translate-inline) * -1) var(--brick-notification-badge-translate-block);inset-inline-start:0}.brick-notification-badge[data-overlap=circular]{--brick-notification-badge-translate-inline:50%;--brick-notification-badge-translate-block:-50%}.brick-notification-badge[data-overlap=circular][data-placement^=bottom]{--brick-notification-badge-translate-block:50%}.brick-notification-badge[data-overlap=circular][data-placement^=top]>.brick-notification-badge__indicator{inset-block-start:14.6447%}.brick-notification-badge[data-overlap=circular][data-placement^=bottom]>.brick-notification-badge__indicator{inset-block-end:14.6447%}.brick-notification-badge[data-overlap=circular][data-placement$=start]>.brick-notification-badge__indicator{inset-inline-start:14.6447%}.brick-notification-badge[data-overlap=circular][data-placement$=end]>.brick-notification-badge__indicator{inset-inline-end:14.6447%}:is([dir=rtl],:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) .brick-notification-badge[data-placement$=end]>.brick-notification-badge__indicator,.brick-notification-badge[dir=rtl][data-placement$=end]>.brick-notification-badge__indicator{translate:calc(var(--brick-notification-badge-translate-inline) * -1) var(--brick-notification-badge-translate-block)}:is([dir=rtl],:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) .brick-notification-badge[data-placement$=start]>.brick-notification-badge__indicator,.brick-notification-badge[dir=rtl][data-placement$=start]>.brick-notification-badge__indicator{translate:var(--brick-notification-badge-translate-inline) var(--brick-notification-badge-translate-block)}@media (forced-colors:active){.brick-badge{color:canvastext;background:canvas;border-color:canvastext}.brick-notification-badge__indicator{color:canvas;forced-color-adjust:none;background:canvastext;border-color:canvas}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-badge,.brick-notification-badge{--brick-badge-tone-solid:var(--brick-color-text-primary);--brick-badge-tone-on-solid:var(--brick-color-text-inverse);--brick-badge-tone-soft:var(--brick-color-surface-subtle);--brick-badge-tone-on-soft:var(--brick-color-text-primary);--brick-badge-tone-border:var(--brick-color-border-strong);--brick-badge-tone-text:var(--brick-color-text-primary)}.brick-badge{--brick-badge-background:var(--brick-badge-tone-soft);--brick-badge-foreground:var(--brick-badge-tone-on-soft);--brick-badge-border-color:transparent;--brick-badge-min-block-size:1.5rem;--brick-badge-inline-padding:.5rem;--brick-badge-block-padding:.125rem;--brick-badge-gap:var(--brick-space-1);--brick-badge-radius:var(--brick-radius-control);--brick-badge-font-size:var(--brick-typography-control-sm-font-size);box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-badge-min-block-size);justify-content:safe center;align-items:center;gap:var(--brick-badge-gap);max-inline-size:100%;padding-block:var(--brick-badge-block-padding);padding-inline:var(--brick-badge-inline-padding);border:var(--brick-border-width) solid var(--brick-badge-border-color);border-radius:var(--brick-badge-radius);background:var(--brick-badge-background);color:var(--brick-badge-foreground);font-family:var(--brick-typography-control-sm-font-family);font-size:var(--brick-badge-font-size);font-weight:var(--brick-typography-control-sm-font-weight);font-variant-numeric:tabular-nums;letter-spacing:var(--brick-typography-control-sm-letter-spacing);line-height:var(--brick-typography-control-sm-line-height);overflow-wrap:anywhere;word-break:break-word;text-align:start;vertical-align:baseline;display:inline-flex}.brick-badge[data-shape=pill]{--brick-badge-radius:var(--brick-radius-full)}.brick-badge[data-size=sm]{--brick-badge-min-block-size:1.25rem;--brick-badge-inline-padding:.375rem;--brick-badge-block-padding:.0625rem;--brick-badge-font-size:var(--brick-typography-control-xs-font-size)}.brick-badge[data-size=lg]{--brick-badge-min-block-size:1.75rem;--brick-badge-inline-padding:.625rem;--brick-badge-block-padding:.1875rem;--brick-badge-font-size:var(--brick-typography-control-lg-font-size)}.brick-badge[data-variant=solid]{--brick-badge-background:var(--brick-badge-tone-solid);--brick-badge-foreground:var(--brick-badge-tone-on-solid);--brick-badge-border-color:var(--brick-badge-tone-solid)}.brick-badge[data-variant=outline]{--brick-badge-background:transparent;--brick-badge-foreground:var(--brick-badge-tone-text);--brick-badge-border-color:var(--brick-badge-tone-border)}.brick-badge[data-tone=accent],.brick-notification-badge[data-tone=accent]{--brick-badge-tone-solid:var(--brick-color-accent-solid);--brick-badge-tone-on-solid:var(--brick-color-accent-on-solid);--brick-badge-tone-soft:var(--brick-color-accent-soft);--brick-badge-tone-on-soft:var(--brick-color-accent-on-soft);--brick-badge-tone-border:var(--brick-color-accent-border);--brick-badge-tone-text:var(--brick-color-accent-text)}.brick-badge[data-tone=info],.brick-notification-badge[data-tone=info]{--brick-badge-tone-solid:var(--brick-color-info-solid);--brick-badge-tone-on-solid:var(--brick-color-info-on-solid);--brick-badge-tone-soft:var(--brick-color-info-soft);--brick-badge-tone-on-soft:var(--brick-color-info-on-soft);--brick-badge-tone-border:var(--brick-color-info-border);--brick-badge-tone-text:var(--brick-color-info-text)}.brick-badge[data-tone=success],.brick-notification-badge[data-tone=success]{--brick-badge-tone-solid:var(--brick-color-success-solid);--brick-badge-tone-on-solid:var(--brick-color-success-on-solid);--brick-badge-tone-soft:var(--brick-color-success-soft);--brick-badge-tone-on-soft:var(--brick-color-success-on-soft);--brick-badge-tone-border:var(--brick-color-success-border);--brick-badge-tone-text:var(--brick-color-success-text)}.brick-badge[data-tone=warning],.brick-notification-badge[data-tone=warning]{--brick-badge-tone-solid:var(--brick-color-warning-solid);--brick-badge-tone-on-solid:var(--brick-color-warning-on-solid);--brick-badge-tone-soft:var(--brick-color-warning-soft);--brick-badge-tone-on-soft:var(--brick-color-warning-on-soft);--brick-badge-tone-border:var(--brick-color-warning-border);--brick-badge-tone-text:var(--brick-color-warning-text)}.brick-badge[data-tone=danger],.brick-notification-badge[data-tone=danger]{--brick-badge-tone-solid:var(--brick-color-danger-solid);--brick-badge-tone-on-solid:var(--brick-color-danger-on-solid);--brick-badge-tone-soft:var(--brick-color-danger-soft);--brick-badge-tone-on-soft:var(--brick-color-danger-on-soft);--brick-badge-tone-border:var(--brick-color-danger-border);--brick-badge-tone-text:var(--brick-color-danger-text)}.brick-notification-badge{--brick-notification-badge-size:1.25rem;--brick-notification-badge-dot-size:.625rem;--brick-notification-badge-inline-padding:.3125rem;--brick-notification-badge-outline-color:var(--brick-color-surface-base);--brick-notification-badge-translate-inline:50%;--brick-notification-badge-translate-block:-50%;box-sizing:border-box;vertical-align:middle;max-inline-size:100%;display:inline-flex;position:relative}.brick-notification-badge[data-size=sm]{--brick-notification-badge-size:1rem;--brick-notification-badge-dot-size:.5rem;--brick-notification-badge-inline-padding:.25rem}.brick-notification-badge[data-size=lg]{--brick-notification-badge-size:1.5rem;--brick-notification-badge-dot-size:.75rem;--brick-notification-badge-inline-padding:.375rem}.brick-notification-badge__indicator{z-index:1;box-sizing:border-box;min-inline-size:var(--brick-notification-badge-size);block-size:var(--brick-notification-badge-size);padding-inline:var(--brick-notification-badge-inline-padding);border:var(--brick-border-width) solid var(--brick-notification-badge-outline-color);border-radius:var(--brick-radius-full);background:var(--brick-badge-tone-solid);color:var(--brick-badge-tone-on-solid);font-family:var(--brick-font-family-body);font-size:.6875rem;font-weight:var(--brick-font-weight-semibold);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute}.brick-notification-badge__indicator[data-shape=circle]{inline-size:var(--brick-notification-badge-size);padding-inline:0}.brick-notification-badge__indicator[data-variant=dot]{min-inline-size:var(--brick-notification-badge-dot-size);inline-size:var(--brick-notification-badge-dot-size);block-size:var(--brick-notification-badge-dot-size);padding:0}.brick-notification-badge[data-placement^=top]>.brick-notification-badge__indicator{inset-block-start:0}.brick-notification-badge[data-placement^=bottom]>.brick-notification-badge__indicator{--brick-notification-badge-translate-block:50%;inset-block-end:0}.brick-notification-badge[data-placement$=end]>.brick-notification-badge__indicator{translate:var(--brick-notification-badge-translate-inline) var(--brick-notification-badge-translate-block);inset-inline-end:0}.brick-notification-badge[data-placement$=start]>.brick-notification-badge__indicator{translate:calc(var(--brick-notification-badge-translate-inline) * -1) var(--brick-notification-badge-translate-block);inset-inline-start:0}.brick-notification-badge[data-overlap=circular]{--brick-notification-badge-translate-inline:50%;--brick-notification-badge-translate-block:-50%}.brick-notification-badge[data-overlap=circular][data-placement^=bottom]{--brick-notification-badge-translate-block:50%}.brick-notification-badge[data-overlap=circular][data-placement^=top]>.brick-notification-badge__indicator{inset-block-start:14.6447%}.brick-notification-badge[data-overlap=circular][data-placement^=bottom]>.brick-notification-badge__indicator{inset-block-end:14.6447%}.brick-notification-badge[data-overlap=circular][data-placement$=start]>.brick-notification-badge__indicator{inset-inline-start:14.6447%}.brick-notification-badge[data-overlap=circular][data-placement$=end]>.brick-notification-badge__indicator{inset-inline-end:14.6447%}:is([dir=rtl],:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) .brick-notification-badge[data-placement$=end]>.brick-notification-badge__indicator,.brick-notification-badge[dir=rtl][data-placement$=end]>.brick-notification-badge__indicator{translate:calc(var(--brick-notification-badge-translate-inline) * -1) var(--brick-notification-badge-translate-block)}:is([dir=rtl],:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) .brick-notification-badge[data-placement$=start]>.brick-notification-badge__indicator,.brick-notification-badge[dir=rtl][data-placement$=start]>.brick-notification-badge__indicator{translate:var(--brick-notification-badge-translate-inline) var(--brick-notification-badge-translate-block)}@media (forced-colors:active){.brick-badge{color:canvastext;background:canvas;border-color:canvastext}.brick-notification-badge__indicator{color:canvas;forced-color-adjust:none;background:canvastext;border-color:canvas}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=badge.css.map */

package/dist/styles/badge.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,oYAUA,oyCAqCA,4EAIA,+MAOA,+MAOA,2MAMA,wLAMA,yaAUA,yZAUA,ibAUA,ibAUA,yaAUA,ibAeA,wKAMA,4KAMA,ssBAuBA,0HAKA,mOAOA,wGAKA,wJAMA,kNAOA,iOAOA,iJAKA,wHAIA,sIAKA,uIAKA,yIAKA,qIAKA,igBASA,0fASA,8BACE,wEAMA,uHD7QJ","sources":["home/runner/work/brick/brick/.brick-cache/production/badge.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/badge/badge.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/badge/badge.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-badge,\n  .brick-notification-badge {\n    --brick-badge-tone-solid: var(--brick-color-text-primary);\n    --brick-badge-tone-on-solid: var(--brick-color-text-inverse);\n    --brick-badge-tone-soft: var(--brick-color-surface-subtle);\n    --brick-badge-tone-on-soft: var(--brick-color-text-primary);\n    --brick-badge-tone-border: var(--brick-color-border-strong);\n    --brick-badge-tone-text: var(--brick-color-text-primary);\n  }\n\n  .brick-badge {\n    --brick-badge-background: var(--brick-badge-tone-soft);\n    --brick-badge-foreground: var(--brick-badge-tone-on-soft);\n    --brick-badge-border-color: transparent;\n    --brick-badge-min-block-size: 1.5rem;\n    --brick-badge-inline-padding: 0.5rem;\n    --brick-badge-block-padding: 0.125rem;\n    --brick-badge-gap: var(--brick-space-1);\n    --brick-badge-radius: var(--brick-radius-control);\n    --brick-badge-font-size: var(--brick-typography-control-sm-font-size);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-badge-min-block-size);\n    max-inline-size: 100%;\n    align-items: center;\n    justify-content: safe center;\n    gap: var(--brick-badge-gap);\n    padding-block: var(--brick-badge-block-padding);\n    padding-inline: var(--brick-badge-inline-padding);\n    border: var(--brick-border-width) solid var(--brick-badge-border-color);\n    border-radius: var(--brick-badge-radius);\n    background: var(--brick-badge-background);\n    color: var(--brick-badge-foreground);\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-badge-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    font-variant-numeric: tabular-nums;\n    letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n    line-height: var(--brick-typography-control-sm-line-height);\n    overflow-wrap: anywhere;\n    word-break: break-word;\n    text-align: start;\n    vertical-align: baseline;\n  }\n\n  .brick-badge[data-shape=\"pill\"] {\n    --brick-badge-radius: var(--brick-radius-full);\n  }\n\n  .brick-badge[data-size=\"sm\"] {\n    --brick-badge-min-block-size: 1.25rem;\n    --brick-badge-inline-padding: 0.375rem;\n    --brick-badge-block-padding: 0.0625rem;\n    --brick-badge-font-size: var(--brick-typography-control-xs-font-size);\n  }\n\n  .brick-badge[data-size=\"lg\"] {\n    --brick-badge-min-block-size: 1.75rem;\n    --brick-badge-inline-padding: 0.625rem;\n    --brick-badge-block-padding: 0.1875rem;\n    --brick-badge-font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  .brick-badge[data-variant=\"solid\"] {\n    --brick-badge-background: var(--brick-badge-tone-solid);\n    --brick-badge-foreground: var(--brick-badge-tone-on-solid);\n    --brick-badge-border-color: var(--brick-badge-tone-solid);\n  }\n\n  .brick-badge[data-variant=\"outline\"] {\n    --brick-badge-background: transparent;\n    --brick-badge-foreground: var(--brick-badge-tone-text);\n    --brick-badge-border-color: var(--brick-badge-tone-border);\n  }\n\n  .brick-badge[data-tone=\"accent\"],\n  .brick-notification-badge[data-tone=\"accent\"] {\n    --brick-badge-tone-solid: var(--brick-color-accent-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-accent-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-badge-tone-border: var(--brick-color-accent-border);\n    --brick-badge-tone-text: var(--brick-color-accent-text);\n  }\n\n  .brick-badge[data-tone=\"info\"],\n  .brick-notification-badge[data-tone=\"info\"] {\n    --brick-badge-tone-solid: var(--brick-color-info-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-info-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-info-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-info-on-soft);\n    --brick-badge-tone-border: var(--brick-color-info-border);\n    --brick-badge-tone-text: var(--brick-color-info-text);\n  }\n\n  .brick-badge[data-tone=\"success\"],\n  .brick-notification-badge[data-tone=\"success\"] {\n    --brick-badge-tone-solid: var(--brick-color-success-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-success-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-success-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-success-on-soft);\n    --brick-badge-tone-border: var(--brick-color-success-border);\n    --brick-badge-tone-text: var(--brick-color-success-text);\n  }\n\n  .brick-badge[data-tone=\"warning\"],\n  .brick-notification-badge[data-tone=\"warning\"] {\n    --brick-badge-tone-solid: var(--brick-color-warning-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-warning-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-warning-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-warning-on-soft);\n    --brick-badge-tone-border: var(--brick-color-warning-border);\n    --brick-badge-tone-text: var(--brick-color-warning-text);\n  }\n\n  .brick-badge[data-tone=\"danger\"],\n  .brick-notification-badge[data-tone=\"danger\"] {\n    --brick-badge-tone-solid: var(--brick-color-danger-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-danger-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-danger-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-danger-on-soft);\n    --brick-badge-tone-border: var(--brick-color-danger-border);\n    --brick-badge-tone-text: var(--brick-color-danger-text);\n  }\n\n  .brick-notification-badge {\n    --brick-notification-badge-size: 1.25rem;\n    --brick-notification-badge-dot-size: 0.625rem;\n    --brick-notification-badge-inline-padding: 0.3125rem;\n    --brick-notification-badge-outline-color: var(--brick-color-surface-base);\n    --brick-notification-badge-translate-inline: 50%;\n    --brick-notification-badge-translate-block: -50%;\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    vertical-align: middle;\n  }\n\n  .brick-notification-badge[data-size=\"sm\"] {\n    --brick-notification-badge-size: 1rem;\n    --brick-notification-badge-dot-size: 0.5rem;\n    --brick-notification-badge-inline-padding: 0.25rem;\n  }\n\n  .brick-notification-badge[data-size=\"lg\"] {\n    --brick-notification-badge-size: 1.5rem;\n    --brick-notification-badge-dot-size: 0.75rem;\n    --brick-notification-badge-inline-padding: 0.375rem;\n  }\n\n  .brick-notification-badge__indicator {\n    position: absolute;\n    z-index: 1;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: var(--brick-notification-badge-size);\n    block-size: var(--brick-notification-badge-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-notification-badge-inline-padding);\n    border: var(--brick-border-width) solid var(--brick-notification-badge-outline-color);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-badge-tone-solid);\n    color: var(--brick-badge-tone-on-solid);\n    font-family: var(--brick-font-family-body);\n    font-size: 0.6875rem;\n    font-weight: var(--brick-font-weight-semibold);\n    font-variant-numeric: tabular-nums;\n    line-height: 1;\n    pointer-events: none;\n    white-space: nowrap;\n  }\n\n  .brick-notification-badge__indicator[data-shape=\"circle\"] {\n    inline-size: var(--brick-notification-badge-size);\n    padding-inline: 0;\n  }\n\n  .brick-notification-badge__indicator[data-variant=\"dot\"] {\n    min-inline-size: var(--brick-notification-badge-dot-size);\n    inline-size: var(--brick-notification-badge-dot-size);\n    block-size: var(--brick-notification-badge-dot-size);\n    padding: 0;\n  }\n\n  .brick-notification-badge[data-placement^=\"top\"]\n    > .brick-notification-badge__indicator {\n    inset-block-start: 0;\n  }\n\n  .brick-notification-badge[data-placement^=\"bottom\"]\n    > .brick-notification-badge__indicator {\n    --brick-notification-badge-translate-block: 50%;\n    inset-block-end: 0;\n  }\n\n  .brick-notification-badge[data-placement$=\"end\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-end: 0;\n    translate: var(--brick-notification-badge-translate-inline)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  .brick-notification-badge[data-placement$=\"start\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-start: 0;\n    translate: calc(var(--brick-notification-badge-translate-inline) * -1)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"] {\n    --brick-notification-badge-translate-inline: 50%;\n    --brick-notification-badge-translate-block: -50%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement^=\"bottom\"] {\n    --brick-notification-badge-translate-block: 50%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement^=\"top\"]\n    > .brick-notification-badge__indicator {\n    inset-block-start: 14.6447%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement^=\"bottom\"]\n    > .brick-notification-badge__indicator {\n    inset-block-end: 14.6447%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement$=\"start\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-start: 14.6447%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement$=\"end\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-end: 14.6447%;\n  }\n\n  :is([dir=\"rtl\"], :dir(rtl))\n    .brick-notification-badge[data-placement$=\"end\"]\n    > .brick-notification-badge__indicator,\n  .brick-notification-badge[dir=\"rtl\"][data-placement$=\"end\"]\n    > .brick-notification-badge__indicator {\n    translate: calc(var(--brick-notification-badge-translate-inline) * -1)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  :is([dir=\"rtl\"], :dir(rtl))\n    .brick-notification-badge[data-placement$=\"start\"]\n    > .brick-notification-badge__indicator,\n  .brick-notification-badge[dir=\"rtl\"][data-placement$=\"start\"]\n    > .brick-notification-badge__indicator {\n    translate: var(--brick-notification-badge-translate-inline)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  @media (forced-colors: active) {\n    .brick-badge {\n      border-color: CanvasText;\n      background: Canvas;\n      color: CanvasText;\n    }\n\n    .brick-notification-badge__indicator {\n      border-color: Canvas;\n      background: CanvasText;\n      color: Canvas;\n      forced-color-adjust: none;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,oYAUA,oyCAqCA,4EAIA,+MAOA,+MAOA,2MAMA,wLAMA,yaAUA,yZAUA,ibAUA,ibAUA,yaAUA,ibAeA,wKAMA,4KAMA,ssBAuBA,0HAKA,mOAOA,wGAKA,wJAMA,kNAOA,iOAOA,iJAKA,wHAIA,sIAKA,uIAKA,yIAKA,qIAKA,igBASA,0fASA,8BACE,wEAMA,uHD7QJ","sources":["home/runner/work/brick/brick/.brick-cache/production/badge.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/badge/badge.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/badge/badge.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-badge,\n  .brick-notification-badge {\n    --brick-badge-tone-solid: var(--brick-color-text-primary);\n    --brick-badge-tone-on-solid: var(--brick-color-text-inverse);\n    --brick-badge-tone-soft: var(--brick-color-surface-subtle);\n    --brick-badge-tone-on-soft: var(--brick-color-text-primary);\n    --brick-badge-tone-border: var(--brick-color-border-strong);\n    --brick-badge-tone-text: var(--brick-color-text-primary);\n  }\n\n  .brick-badge {\n    --brick-badge-background: var(--brick-badge-tone-soft);\n    --brick-badge-foreground: var(--brick-badge-tone-on-soft);\n    --brick-badge-border-color: transparent;\n    --brick-badge-min-block-size: 1.5rem;\n    --brick-badge-inline-padding: 0.5rem;\n    --brick-badge-block-padding: 0.125rem;\n    --brick-badge-gap: var(--brick-space-1);\n    --brick-badge-radius: var(--brick-radius-control);\n    --brick-badge-font-size: var(--brick-typography-control-sm-font-size);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-badge-min-block-size);\n    max-inline-size: 100%;\n    align-items: center;\n    justify-content: safe center;\n    gap: var(--brick-badge-gap);\n    padding-block: var(--brick-badge-block-padding);\n    padding-inline: var(--brick-badge-inline-padding);\n    border: var(--brick-border-width) solid var(--brick-badge-border-color);\n    border-radius: var(--brick-badge-radius);\n    background: var(--brick-badge-background);\n    color: var(--brick-badge-foreground);\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-badge-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    font-variant-numeric: tabular-nums;\n    letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n    line-height: var(--brick-typography-control-sm-line-height);\n    overflow-wrap: anywhere;\n    word-break: break-word;\n    text-align: start;\n    vertical-align: baseline;\n  }\n\n  .brick-badge[data-shape=\"pill\"] {\n    --brick-badge-radius: var(--brick-radius-full);\n  }\n\n  .brick-badge[data-size=\"sm\"] {\n    --brick-badge-min-block-size: 1.25rem;\n    --brick-badge-inline-padding: 0.375rem;\n    --brick-badge-block-padding: 0.0625rem;\n    --brick-badge-font-size: var(--brick-typography-control-xs-font-size);\n  }\n\n  .brick-badge[data-size=\"lg\"] {\n    --brick-badge-min-block-size: 1.75rem;\n    --brick-badge-inline-padding: 0.625rem;\n    --brick-badge-block-padding: 0.1875rem;\n    --brick-badge-font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  .brick-badge[data-variant=\"solid\"] {\n    --brick-badge-background: var(--brick-badge-tone-solid);\n    --brick-badge-foreground: var(--brick-badge-tone-on-solid);\n    --brick-badge-border-color: var(--brick-badge-tone-solid);\n  }\n\n  .brick-badge[data-variant=\"outline\"] {\n    --brick-badge-background: transparent;\n    --brick-badge-foreground: var(--brick-badge-tone-text);\n    --brick-badge-border-color: var(--brick-badge-tone-border);\n  }\n\n  .brick-badge[data-tone=\"accent\"],\n  .brick-notification-badge[data-tone=\"accent\"] {\n    --brick-badge-tone-solid: var(--brick-color-accent-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-accent-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-badge-tone-border: var(--brick-color-accent-border);\n    --brick-badge-tone-text: var(--brick-color-accent-text);\n  }\n\n  .brick-badge[data-tone=\"info\"],\n  .brick-notification-badge[data-tone=\"info\"] {\n    --brick-badge-tone-solid: var(--brick-color-info-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-info-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-info-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-info-on-soft);\n    --brick-badge-tone-border: var(--brick-color-info-border);\n    --brick-badge-tone-text: var(--brick-color-info-text);\n  }\n\n  .brick-badge[data-tone=\"success\"],\n  .brick-notification-badge[data-tone=\"success\"] {\n    --brick-badge-tone-solid: var(--brick-color-success-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-success-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-success-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-success-on-soft);\n    --brick-badge-tone-border: var(--brick-color-success-border);\n    --brick-badge-tone-text: var(--brick-color-success-text);\n  }\n\n  .brick-badge[data-tone=\"warning\"],\n  .brick-notification-badge[data-tone=\"warning\"] {\n    --brick-badge-tone-solid: var(--brick-color-warning-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-warning-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-warning-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-warning-on-soft);\n    --brick-badge-tone-border: var(--brick-color-warning-border);\n    --brick-badge-tone-text: var(--brick-color-warning-text);\n  }\n\n  .brick-badge[data-tone=\"danger\"],\n  .brick-notification-badge[data-tone=\"danger\"] {\n    --brick-badge-tone-solid: var(--brick-color-danger-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-danger-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-danger-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-danger-on-soft);\n    --brick-badge-tone-border: var(--brick-color-danger-border);\n    --brick-badge-tone-text: var(--brick-color-danger-text);\n  }\n\n  .brick-notification-badge {\n    --brick-notification-badge-size: 1.25rem;\n    --brick-notification-badge-dot-size: 0.625rem;\n    --brick-notification-badge-inline-padding: 0.3125rem;\n    --brick-notification-badge-outline-color: var(--brick-color-surface-base);\n    --brick-notification-badge-translate-inline: 50%;\n    --brick-notification-badge-translate-block: -50%;\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    vertical-align: middle;\n  }\n\n  .brick-notification-badge[data-size=\"sm\"] {\n    --brick-notification-badge-size: 1rem;\n    --brick-notification-badge-dot-size: 0.5rem;\n    --brick-notification-badge-inline-padding: 0.25rem;\n  }\n\n  .brick-notification-badge[data-size=\"lg\"] {\n    --brick-notification-badge-size: 1.5rem;\n    --brick-notification-badge-dot-size: 0.75rem;\n    --brick-notification-badge-inline-padding: 0.375rem;\n  }\n\n  .brick-notification-badge__indicator {\n    position: absolute;\n    z-index: 1;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: var(--brick-notification-badge-size);\n    block-size: var(--brick-notification-badge-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-notification-badge-inline-padding);\n    border: var(--brick-border-width) solid var(--brick-notification-badge-outline-color);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-badge-tone-solid);\n    color: var(--brick-badge-tone-on-solid);\n    font-family: var(--brick-font-family-body);\n    font-size: 0.6875rem;\n    font-weight: var(--brick-font-weight-semibold);\n    font-variant-numeric: tabular-nums;\n    line-height: 1;\n    pointer-events: none;\n    white-space: nowrap;\n  }\n\n  .brick-notification-badge__indicator[data-shape=\"circle\"] {\n    inline-size: var(--brick-notification-badge-size);\n    padding-inline: 0;\n  }\n\n  .brick-notification-badge__indicator[data-variant=\"dot\"] {\n    min-inline-size: var(--brick-notification-badge-dot-size);\n    inline-size: var(--brick-notification-badge-dot-size);\n    block-size: var(--brick-notification-badge-dot-size);\n    padding: 0;\n  }\n\n  .brick-notification-badge[data-placement^=\"top\"]\n    > .brick-notification-badge__indicator {\n    inset-block-start: 0;\n  }\n\n  .brick-notification-badge[data-placement^=\"bottom\"]\n    > .brick-notification-badge__indicator {\n    --brick-notification-badge-translate-block: 50%;\n    inset-block-end: 0;\n  }\n\n  .brick-notification-badge[data-placement$=\"end\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-end: 0;\n    translate: var(--brick-notification-badge-translate-inline)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  .brick-notification-badge[data-placement$=\"start\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-start: 0;\n    translate: calc(var(--brick-notification-badge-translate-inline) * -1)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"] {\n    --brick-notification-badge-translate-inline: 50%;\n    --brick-notification-badge-translate-block: -50%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement^=\"bottom\"] {\n    --brick-notification-badge-translate-block: 50%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement^=\"top\"]\n    > .brick-notification-badge__indicator {\n    inset-block-start: 14.6447%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement^=\"bottom\"]\n    > .brick-notification-badge__indicator {\n    inset-block-end: 14.6447%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement$=\"start\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-start: 14.6447%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement$=\"end\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-end: 14.6447%;\n  }\n\n  :is([dir=\"rtl\"], :dir(rtl))\n    .brick-notification-badge[data-placement$=\"end\"]\n    > .brick-notification-badge__indicator,\n  .brick-notification-badge[dir=\"rtl\"][data-placement$=\"end\"]\n    > .brick-notification-badge__indicator {\n    translate: calc(var(--brick-notification-badge-translate-inline) * -1)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  :is([dir=\"rtl\"], :dir(rtl))\n    .brick-notification-badge[data-placement$=\"start\"]\n    > .brick-notification-badge__indicator,\n  .brick-notification-badge[dir=\"rtl\"][data-placement$=\"start\"]\n    > .brick-notification-badge__indicator {\n    translate: var(--brick-notification-badge-translate-inline)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  @media (forced-colors: active) {\n    .brick-badge {\n      border-color: CanvasText;\n      background: Canvas;\n      color: CanvasText;\n    }\n\n    .brick-notification-badge__indicator {\n      border-color: Canvas;\n      background: CanvasText;\n      color: Canvas;\n      forced-color-adjust: none;\n    }\n  }\n}\n"],"names":[]}