@flowstack-ui/brick 0.1.9 → 0.1.11

package/dist/styles/group.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-group{--brick-group-gap:var(--brick-group-gap-input,var(--brick-space-2));--brick-group-overlap:var(--brick-border-width);box-sizing:border-box;align-items:center;gap:var(--brick-group-gap);isolation:isolate;vertical-align:middle;min-inline-size:0;display:inline-flex}.brick-group[data-orientation=vertical]{flex-direction:column}.brick-group[data-grow]{inline-size:100%;display:flex}.brick-group[data-grow]>*{flex:1 1 0;min-inline-size:0}.brick-group[data-attached]{gap:0}.brick-group[data-attached]>*{flex-shrink:0}.brick-group[data-attached]>:hover{z-index:1}.brick-group[data-attached]>:is(:focus-visible,:focus-within){z-index:2}.brick-group[data-attached][data-orientation=horizontal]>:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.brick-group[data-attached][data-orientation=horizontal]>:not(:first-child,:last-child){border-radius:0}.brick-group[data-attached][data-orientation=horizontal]>:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:calc(-1 * var(--brick-group-overlap))}.brick-group[data-attached][data-orientation=horizontal]>:not(:first-child,:last-child){margin-inline-start:calc(-1 * var(--brick-group-overlap))}.brick-group[data-attached][data-orientation=vertical]>:first-child:not(:last-child){border-end-end-radius:0;border-end-start-radius:0}.brick-group[data-attached][data-orientation=vertical]>:not(:first-child,:last-child){border-radius:0}.brick-group[data-attached][data-orientation=vertical]>:last-child:not(:first-child){border-start-start-radius:0;border-start-end-radius:0;margin-block-start:calc(-1 * var(--brick-group-overlap))}.brick-group[data-attached][data-orientation=vertical]>:not(:first-child,:last-child){margin-block-start:calc(-1 * var(--brick-group-overlap))}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=group.css.map */

package/dist/styles/group.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,mRAaA,8DAIA,sDAKA,uDAKA,kCAIA,4CAIA,6CAIA,wEAIA,yIAMA,wGAKA,uMAOA,kJAKA,uIAMA,sGAKA,oMAOA,gJDrFF","sources":["home/runner/work/brick/brick/.brick-cache/production/group.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/group/group.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/group/group.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-group {\n    --brick-group-gap: var(--brick-group-gap-input, var(--brick-space-2));\n    --brick-group-overlap: var(--brick-border-width);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-group-gap);\n    isolation: isolate;\n    vertical-align: middle;\n  }\n\n  .brick-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-group[data-grow] {\n    display: flex;\n    inline-size: 100%;\n  }\n\n  .brick-group[data-grow] > * {\n    flex: 1 1 0;\n    min-inline-size: 0;\n  }\n\n  .brick-group[data-attached] {\n    gap: 0;\n  }\n\n  .brick-group[data-attached] > * {\n    flex-shrink: 0;\n  }\n\n  .brick-group[data-attached] > :hover {\n    z-index: 1;\n  }\n\n  .brick-group[data-attached] > :is(:focus-visible, :focus-within) {\n    z-index: 2;\n  }\n\n  .brick-group[data-attached][data-orientation=\"horizontal\"]\n    > :first-child:not(:last-child) {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"horizontal\"]\n    > :not(:first-child, :last-child) {\n    border-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"horizontal\"]\n    > :last-child:not(:first-child) {\n    margin-inline-start: calc(-1 * var(--brick-group-overlap));\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"horizontal\"]\n    > :not(:first-child, :last-child) {\n    margin-inline-start: calc(-1 * var(--brick-group-overlap));\n  }\n\n  .brick-group[data-attached][data-orientation=\"vertical\"]\n    > :first-child:not(:last-child) {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"vertical\"]\n    > :not(:first-child, :last-child) {\n    border-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"vertical\"]\n    > :last-child:not(:first-child) {\n    margin-block-start: calc(-1 * var(--brick-group-overlap));\n    border-start-start-radius: 0;\n    border-start-end-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"vertical\"]\n    > :not(:first-child, :last-child) {\n    margin-block-start: calc(-1 * var(--brick-group-overlap));\n  }\n}\n"],"names":[]}

package/dist/styles/hide.css

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

package/dist/styles/hide.css.map

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

package/dist/styles/icon-button.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-button,.brick-icon-button)[data-loading]:after{inline-size:var(--brick-action-spinner-size);block-size:var(--brick-action-spinner-size);border:.125rem solid #0000;border-block-start-color:var(--brick-action-spinner-color);border-inline-end-color:var(--brick-action-spinner-color);border-radius:var(--brick-radius-full);content:"";animation:.7s linear infinite brick-action-spinner-spin;position:absolute;inset-block-start:50%;inset-inline-start:50%}:where([dir=rtl]) :where(.brick-button,.brick-icon-button)[data-loading]:after{animation-name:brick-action-spinner-spin-rtl}@media (prefers-reduced-motion:reduce){:where(.brick-button,.brick-icon-button)[data-loading]:after{animation-duration:1.4s}}@media (forced-colors:active){:where(.brick-button,.brick-icon-button)[data-loading]:after{border-block-start-color:buttontext;border-inline-end-color:buttontext}}@keyframes brick-action-spinner-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes brick-action-spinner-spin-rtl{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}.brick-icon-button{--brick-icon-button-size:var(--brick-control-min-block-size-md);--brick-icon-button-icon-size:1.125rem;--brick-icon-button-radius:var(--brick-radius-control);--brick-icon-button-background:transparent;--brick-icon-button-background-hover:var(--brick-icon-button-tone-soft);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-soft-pressed);--brick-icon-button-border-color:transparent;--brick-icon-button-foreground:var(--brick-icon-button-tone-text);--brick-icon-button-spinner-color:var(--brick-icon-button-foreground);--brick-action-spinner-size:var(--brick-icon-button-icon-size);--brick-action-spinner-color:var(--brick-icon-button-spinner-color);box-sizing:border-box;flex:0 0 var(--brick-icon-button-size);inline-size:var(--brick-icon-button-size);min-inline-size:var(--brick-icon-button-size);block-size:var(--brick-icon-button-size);min-block-size:var(--brick-icon-button-size);border:var(--brick-border-width) solid var(--brick-icon-button-border-color);border-radius:var(--brick-icon-button-radius);appearance:none;background:var(--brick-icon-button-background);color:var(--brick-icon-button-foreground);font:inherit;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);justify-content:center;align-items:center;padding:0;line-height:1;text-decoration:none;display:inline-flex;position:relative}.brick-icon-button__icon{inline-size:var(--brick-icon-button-icon-size);block-size:var(--brick-icon-button-icon-size);pointer-events:none;justify-content:center;align-items:center;display:inline-flex}.brick-icon-button__icon>:where(svg,img){block-size:100%;inline-size:100%}.brick-icon-button>:where(svg,img){inline-size:var(--brick-icon-button-icon-size);block-size:var(--brick-icon-button-icon-size)}.brick-icon-button:not([data-disabled],[data-loading]){cursor:pointer}.brick-icon-button:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-icon-button:not([data-disabled],[data-loading]):active{background:var(--brick-icon-button-background-pressed)}.brick-icon-button[data-variant=solid]{--brick-icon-button-background:var(--brick-icon-button-tone-solid);--brick-icon-button-background-hover:var(--brick-icon-button-tone-solid-hover);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-solid-pressed);--brick-icon-button-border-color:var(--brick-icon-button-tone-solid);--brick-icon-button-foreground:var(--brick-icon-button-tone-on-solid)}.brick-icon-button[data-variant=soft]{--brick-icon-button-background:var(--brick-icon-button-tone-soft);--brick-icon-button-background-hover:var(--brick-icon-button-tone-soft-hover);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-soft-pressed);--brick-icon-button-border-color:var(--brick-icon-button-tone-border);--brick-icon-button-foreground:var(--brick-icon-button-tone-on-soft)}.brick-icon-button[data-variant=outline]{--brick-icon-button-background:transparent;--brick-icon-button-border-color:var(--brick-icon-button-tone-border);--brick-icon-button-foreground:var(--brick-icon-button-tone-text)}.brick-icon-button[data-variant=ghost]{--brick-icon-button-background:transparent;--brick-icon-button-border-color:transparent;--brick-icon-button-foreground:var(--brick-icon-button-tone-text)}.brick-icon-button[data-tone=neutral]{--brick-icon-button-tone-solid:var(--brick-color-text-primary);--brick-icon-button-tone-solid-hover:var(--brick-color-text-secondary);--brick-icon-button-tone-solid-pressed:var(--brick-color-border-strong);--brick-icon-button-tone-on-solid:var(--brick-color-text-inverse);--brick-icon-button-tone-soft:var(--brick-color-surface-subtle);--brick-icon-button-tone-soft-hover:var(--brick-color-surface-base);--brick-icon-button-tone-soft-pressed:var(--brick-color-border-subtle);--brick-icon-button-tone-on-soft:var(--brick-color-text-primary);--brick-icon-button-tone-border:var(--brick-color-border-strong);--brick-icon-button-tone-text:var(--brick-color-text-primary)}.brick-icon-button[data-tone=accent]{--brick-icon-button-tone-solid:var(--brick-color-accent-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-accent-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-accent-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-accent-on-solid);--brick-icon-button-tone-soft:var(--brick-color-accent-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-accent-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-accent-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-accent-on-soft);--brick-icon-button-tone-border:var(--brick-color-accent-border);--brick-icon-button-tone-text:var(--brick-color-accent-text)}.brick-icon-button[data-tone=info]{--brick-icon-button-tone-solid:var(--brick-color-info-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-info-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-info-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-info-on-solid);--brick-icon-button-tone-soft:var(--brick-color-info-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-info-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-info-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-info-on-soft);--brick-icon-button-tone-border:var(--brick-color-info-border);--brick-icon-button-tone-text:var(--brick-color-info-text)}.brick-icon-button[data-tone=success]{--brick-icon-button-tone-solid:var(--brick-color-success-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-success-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-success-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-success-on-solid);--brick-icon-button-tone-soft:var(--brick-color-success-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-success-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-success-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-success-on-soft);--brick-icon-button-tone-border:var(--brick-color-success-border);--brick-icon-button-tone-text:var(--brick-color-success-text)}.brick-icon-button[data-tone=warning]{--brick-icon-button-tone-solid:var(--brick-color-warning-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-warning-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-warning-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-warning-on-solid);--brick-icon-button-tone-soft:var(--brick-color-warning-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-warning-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-warning-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-warning-on-soft);--brick-icon-button-tone-border:var(--brick-color-warning-border);--brick-icon-button-tone-text:var(--brick-color-warning-text)}.brick-icon-button[data-tone=danger]{--brick-icon-button-tone-solid:var(--brick-color-danger-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-danger-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-danger-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-danger-on-solid);--brick-icon-button-tone-soft:var(--brick-color-danger-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-danger-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-danger-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-danger-on-soft);--brick-icon-button-tone-border:var(--brick-color-danger-border);--brick-icon-button-tone-text:var(--brick-color-danger-text)}.brick-icon-button[data-size=xs]{--brick-icon-button-size:var(--brick-control-min-block-size-xs);--brick-icon-button-icon-size:.875rem}.brick-icon-button[data-size=sm]{--brick-icon-button-size:var(--brick-control-min-block-size-sm);--brick-icon-button-icon-size:1rem}.brick-icon-button[data-size=lg]{--brick-icon-button-size:var(--brick-control-min-block-size-lg);--brick-icon-button-icon-size:1.25rem}.brick-icon-button[data-size=xl]{--brick-icon-button-size:var(--brick-control-min-block-size-xl);--brick-icon-button-icon-size:1.5rem}.brick-icon-button[data-shape=circle]{--brick-icon-button-radius:var(--brick-radius-full)}.brick-icon-button[data-disabled]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed;opacity:.65}.brick-icon-button[data-loading]{color:#0000;cursor:progress}.brick-icon-button[data-loading]>*{opacity:0}@media (hover:hover) and (pointer:fine){.brick-icon-button:not([data-disabled],[data-loading]):hover{border-color:var(--brick-icon-button-border-color);background:var(--brick-icon-button-background-hover)}}@media (prefers-reduced-motion:reduce){.brick-icon-button{transition-duration:0s}}@media (forced-colors:active){.brick-icon-button{color:buttontext;background:buttonface;border-color:buttontext}.brick-icon-button:focus-visible{outline-color:highlight}.brick-icon-button[data-disabled]{color:graytext;opacity:1;border-color:graytext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-button,.brick-icon-button)[data-loading]:after{inline-size:var(--brick-action-spinner-size);block-size:var(--brick-action-spinner-size);border:.125rem solid #0000;border-block-start-color:var(--brick-action-spinner-color);border-inline-end-color:var(--brick-action-spinner-color);border-radius:var(--brick-radius-full);content:"";animation:.7s linear infinite brick-action-spinner-spin;position:absolute;inset-block-start:50%;inset-inline-start:50%}:where([dir=rtl]) :where(.brick-button,.brick-icon-button)[data-loading]:after{animation-name:brick-action-spinner-spin-rtl}@media (prefers-reduced-motion:reduce){:where(.brick-button,.brick-icon-button)[data-loading]:after{animation-duration:1.4s}}@media (forced-colors:active){:where(.brick-button,.brick-icon-button)[data-loading]:after{border-block-start-color:buttontext;border-inline-end-color:buttontext}}@keyframes brick-action-spinner-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes brick-action-spinner-spin-rtl{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}.brick-icon-button{--brick-icon-button-size:var(--brick-control-min-block-size-md);--brick-icon-button-icon-size:1.125rem;--brick-icon-button-radius:var(--brick-radius-control);--brick-icon-button-background:transparent;--brick-icon-button-background-hover:var(--brick-icon-button-tone-soft);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-soft-pressed);--brick-icon-button-border-color:transparent;--brick-icon-button-foreground:var(--brick-icon-button-tone-text);--brick-icon-button-spinner-color:var(--brick-icon-button-foreground);--brick-action-spinner-size:var(--brick-icon-button-icon-size);--brick-action-spinner-color:var(--brick-icon-button-spinner-color);box-sizing:border-box;flex:0 0 var(--brick-icon-button-size);inline-size:var(--brick-icon-button-size);min-inline-size:var(--brick-icon-button-size);block-size:var(--brick-icon-button-size);min-block-size:var(--brick-icon-button-size);border:var(--brick-border-width) solid var(--brick-icon-button-border-color);border-radius:var(--brick-icon-button-radius);appearance:none;background:var(--brick-icon-button-background);color:var(--brick-icon-button-foreground);font:inherit;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);justify-content:center;align-items:center;padding:0;line-height:1;text-decoration:none;display:inline-flex;position:relative}.brick-icon-button__icon{inline-size:var(--brick-icon-button-icon-size);block-size:var(--brick-icon-button-icon-size);pointer-events:none;justify-content:center;align-items:center;display:inline-flex}.brick-icon-button__icon>:where(svg,img){block-size:100%;inline-size:100%}.brick-icon-button>:where(svg,img){inline-size:var(--brick-icon-button-icon-size);block-size:var(--brick-icon-button-icon-size)}.brick-icon-button:not([data-disabled],[data-loading]){cursor:pointer}.brick-icon-button:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-icon-button:not([data-disabled],[data-loading]):active{background:var(--brick-icon-button-background-pressed)}.brick-icon-button[data-variant=solid]{--brick-icon-button-background:var(--brick-icon-button-tone-solid);--brick-icon-button-background-hover:var(--brick-icon-button-tone-solid-hover);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-solid-pressed);--brick-icon-button-border-color:var(--brick-icon-button-tone-solid);--brick-icon-button-foreground:var(--brick-icon-button-tone-on-solid)}.brick-icon-button[data-variant=soft]{--brick-icon-button-background:var(--brick-icon-button-tone-soft);--brick-icon-button-background-hover:var(--brick-icon-button-tone-soft-hover);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-soft-pressed);--brick-icon-button-border-color:var(--brick-icon-button-tone-border);--brick-icon-button-foreground:var(--brick-icon-button-tone-on-soft)}.brick-icon-button[data-variant=outline]{--brick-icon-button-background:transparent;--brick-icon-button-border-color:var(--brick-icon-button-tone-border);--brick-icon-button-foreground:var(--brick-icon-button-tone-text)}.brick-icon-button[data-variant=ghost]{--brick-icon-button-background:transparent;--brick-icon-button-border-color:transparent;--brick-icon-button-foreground:var(--brick-icon-button-tone-text)}.brick-icon-button[data-tone=neutral]{--brick-icon-button-tone-solid:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 16%);--brick-icon-button-tone-solid-hover:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 22%);--brick-icon-button-tone-solid-pressed:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 28%);--brick-icon-button-tone-on-solid:var(--brick-color-text-primary);--brick-icon-button-tone-soft:var(--brick-color-surface-subtle);--brick-icon-button-tone-soft-hover:var(--brick-color-surface-base);--brick-icon-button-tone-soft-pressed:var(--brick-color-border-subtle);--brick-icon-button-tone-on-soft:var(--brick-color-text-primary);--brick-icon-button-tone-border:var(--brick-color-border-strong);--brick-icon-button-tone-text:var(--brick-color-text-primary)}.brick-icon-button[data-tone=accent]{--brick-icon-button-tone-solid:var(--brick-color-accent-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-accent-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-accent-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-accent-on-solid);--brick-icon-button-tone-soft:var(--brick-color-accent-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-accent-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-accent-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-accent-on-soft);--brick-icon-button-tone-border:var(--brick-color-accent-border);--brick-icon-button-tone-text:var(--brick-color-accent-text)}.brick-icon-button[data-tone=info]{--brick-icon-button-tone-solid:var(--brick-color-info-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-info-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-info-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-info-on-solid);--brick-icon-button-tone-soft:var(--brick-color-info-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-info-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-info-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-info-on-soft);--brick-icon-button-tone-border:var(--brick-color-info-border);--brick-icon-button-tone-text:var(--brick-color-info-text)}.brick-icon-button[data-tone=success]{--brick-icon-button-tone-solid:var(--brick-color-success-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-success-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-success-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-success-on-solid);--brick-icon-button-tone-soft:var(--brick-color-success-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-success-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-success-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-success-on-soft);--brick-icon-button-tone-border:var(--brick-color-success-border);--brick-icon-button-tone-text:var(--brick-color-success-text)}.brick-icon-button[data-tone=warning]{--brick-icon-button-tone-solid:var(--brick-color-warning-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-warning-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-warning-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-warning-on-solid);--brick-icon-button-tone-soft:var(--brick-color-warning-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-warning-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-warning-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-warning-on-soft);--brick-icon-button-tone-border:var(--brick-color-warning-border);--brick-icon-button-tone-text:var(--brick-color-warning-text)}.brick-icon-button[data-tone=danger]{--brick-icon-button-tone-solid:var(--brick-color-danger-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-danger-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-danger-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-danger-on-solid);--brick-icon-button-tone-soft:var(--brick-color-danger-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-danger-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-danger-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-danger-on-soft);--brick-icon-button-tone-border:var(--brick-color-danger-border);--brick-icon-button-tone-text:var(--brick-color-danger-text)}.brick-icon-button[data-size=xs]{--brick-icon-button-size:var(--brick-control-min-block-size-xs);--brick-icon-button-icon-size:.875rem}.brick-icon-button[data-size=sm]{--brick-icon-button-size:var(--brick-control-min-block-size-sm);--brick-icon-button-icon-size:1rem}.brick-icon-button[data-size=lg]{--brick-icon-button-size:var(--brick-control-min-block-size-lg);--brick-icon-button-icon-size:1.25rem}.brick-icon-button[data-size=xl]{--brick-icon-button-size:var(--brick-control-min-block-size-xl);--brick-icon-button-icon-size:1.5rem}.brick-icon-button[data-shape=circle]{--brick-icon-button-radius:var(--brick-radius-full)}.brick-icon-button[data-disabled]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-disabled);cursor:not-allowed;opacity:.55}.brick-icon-button[data-loading]{color:#0000;cursor:progress}.brick-icon-button[data-loading]>*{opacity:0}@media (hover:hover) and (pointer:fine){.brick-icon-button:not([data-disabled],[data-loading]):hover{border-color:var(--brick-icon-button-border-color);background:var(--brick-icon-button-background-hover)}}.brick-icon-button[aria-expanded=true]:not([data-disabled],[data-loading]){border-color:var(--brick-icon-button-border-color);background:var(--brick-icon-button-background-pressed)}@media (prefers-reduced-motion:reduce){.brick-icon-button{transition-duration:0s}}@media (forced-colors:active){.brick-icon-button{color:buttontext;background:buttonface;border-color:buttontext}.brick-icon-button:focus-visible{outline-color:highlight}.brick-icon-button[data-disabled]{color:graytext;opacity:1;border-color:graytext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=icon-button.css.map */

package/dist/styles/icon-button.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+cAcA,4HAKA,uCACE,sFAKF,8BACE,qIAMF,iIAUA,mIC1CA,0kDAwCA,wMASA,0EAKA,gIAKA,sEAIA,6JAKA,qHAIA,uZAQA,mZAQA,4NAMA,iMAMA,isBAaA,utBAaA,isBAaA,kuBAaA,kuBAaA,utBAaA,uIAKA,oIAKA,uIAKA,sIAKA,0FAIA,oMAQA,6DAKA,6CAIA,wCACE,sKAMF,uCACE,2CAKF,8BACE,kFAMA,yDAIA,mFFpPJ","sources":["home/runner/work/brick/brick/.brick-cache/production/icon-button.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-spinner/action-spinner.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon-button/icon-button.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-spinner/action-spinner.css\";\n@import \"../../src/components/icon-button/icon-button.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-action-spinner-size);\n    block-size: var(--brick-action-spinner-size);\n    border: 0.125rem solid transparent;\n    border-block-start-color: var(--brick-action-spinner-color);\n    border-inline-end-color: var(--brick-action-spinner-color);\n    border-radius: var(--brick-radius-full);\n    content: \"\";\n    animation: brick-action-spinner-spin 700ms linear infinite;\n  }\n\n  :where([dir=\"rtl\"])\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    animation-name: brick-action-spinner-spin-rtl;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      animation-duration: 1400ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      border-block-start-color: ButtonText;\n      border-inline-end-color: ButtonText;\n    }\n  }\n\n  @keyframes brick-action-spinner-spin {\n    from {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n\n  @keyframes brick-action-spinner-spin-rtl {\n    from {\n      transform: translate(50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(50%, -50%) rotate(360deg);\n    }\n  }\n}\n","@layer brick.components {\n  .brick-icon-button {\n    --brick-icon-button-size: var(--brick-control-min-block-size-md);\n    --brick-icon-button-icon-size: 1.125rem;\n    --brick-icon-button-radius: var(--brick-radius-control);\n    --brick-icon-button-background: transparent;\n    --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft);\n    --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n    --brick-icon-button-border-color: transparent;\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n    --brick-icon-button-spinner-color: var(--brick-icon-button-foreground);\n    --brick-action-spinner-size: var(--brick-icon-button-icon-size);\n    --brick-action-spinner-color: var(--brick-icon-button-spinner-color);\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    flex: 0 0 var(--brick-icon-button-size);\n    inline-size: var(--brick-icon-button-size);\n    min-inline-size: var(--brick-icon-button-size);\n    block-size: var(--brick-icon-button-size);\n    min-block-size: var(--brick-icon-button-size);\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: var(--brick-border-width) solid var(--brick-icon-button-border-color);\n    border-radius: var(--brick-icon-button-radius);\n    appearance: none;\n    background: var(--brick-icon-button-background);\n    color: var(--brick-icon-button-foreground);\n    font: inherit;\n    line-height: 1;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-icon-button__icon {\n    display: inline-flex;\n    inline-size: var(--brick-icon-button-icon-size);\n    block-size: var(--brick-icon-button-icon-size);\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n  }\n\n  .brick-icon-button__icon > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-icon-button > :where(svg, img) {\n    inline-size: var(--brick-icon-button-icon-size);\n    block-size: var(--brick-icon-button-icon-size);\n  }\n\n  .brick-icon-button:not([data-disabled], [data-loading]) {\n    cursor: pointer;\n  }\n\n  .brick-icon-button:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-icon-button:not([data-disabled], [data-loading]):active {\n    background: var(--brick-icon-button-background-pressed);\n  }\n\n  .brick-icon-button[data-variant=\"solid\"] {\n    --brick-icon-button-background: var(--brick-icon-button-tone-solid);\n    --brick-icon-button-background-hover: var(--brick-icon-button-tone-solid-hover);\n    --brick-icon-button-background-pressed: var(--brick-icon-button-tone-solid-pressed);\n    --brick-icon-button-border-color: var(--brick-icon-button-tone-solid);\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-on-solid);\n  }\n\n  .brick-icon-button[data-variant=\"soft\"] {\n    --brick-icon-button-background: var(--brick-icon-button-tone-soft);\n    --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft-hover);\n    --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n    --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-on-soft);\n  }\n\n  .brick-icon-button[data-variant=\"outline\"] {\n    --brick-icon-button-background: transparent;\n    --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n  }\n\n  .brick-icon-button[data-variant=\"ghost\"] {\n    --brick-icon-button-background: transparent;\n    --brick-icon-button-border-color: transparent;\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n  }\n\n  .brick-icon-button[data-tone=\"neutral\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-text-primary);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-text-secondary);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-border-strong);\n    --brick-icon-button-tone-on-solid: var(--brick-color-text-inverse);\n    --brick-icon-button-tone-soft: var(--brick-color-surface-subtle);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-surface-base);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-border-subtle);\n    --brick-icon-button-tone-on-soft: var(--brick-color-text-primary);\n    --brick-icon-button-tone-border: var(--brick-color-border-strong);\n    --brick-icon-button-tone-text: var(--brick-color-text-primary);\n  }\n\n  .brick-icon-button[data-tone=\"accent\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-accent-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-accent-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-accent-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-accent-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-accent-border);\n    --brick-icon-button-tone-text: var(--brick-color-accent-text);\n  }\n\n  .brick-icon-button[data-tone=\"info\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-info-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-info-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-info-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-info-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-info-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-info-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-info-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-info-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-info-border);\n    --brick-icon-button-tone-text: var(--brick-color-info-text);\n  }\n\n  .brick-icon-button[data-tone=\"success\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-success-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-success-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-success-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-success-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-success-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-success-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-success-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-success-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-success-border);\n    --brick-icon-button-tone-text: var(--brick-color-success-text);\n  }\n\n  .brick-icon-button[data-tone=\"warning\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-warning-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-warning-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-warning-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-warning-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-warning-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-warning-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-warning-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-warning-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-warning-border);\n    --brick-icon-button-tone-text: var(--brick-color-warning-text);\n  }\n\n  .brick-icon-button[data-tone=\"danger\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-danger-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-danger-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-danger-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-danger-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-danger-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-danger-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-danger-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-danger-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-danger-border);\n    --brick-icon-button-tone-text: var(--brick-color-danger-text);\n  }\n\n  .brick-icon-button[data-size=\"xs\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-xs);\n    --brick-icon-button-icon-size: 0.875rem;\n  }\n\n  .brick-icon-button[data-size=\"sm\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-sm);\n    --brick-icon-button-icon-size: 1rem;\n  }\n\n  .brick-icon-button[data-size=\"lg\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-lg);\n    --brick-icon-button-icon-size: 1.25rem;\n  }\n\n  .brick-icon-button[data-size=\"xl\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-xl);\n    --brick-icon-button-icon-size: 1.5rem;\n  }\n\n  .brick-icon-button[data-shape=\"circle\"] {\n    --brick-icon-button-radius: var(--brick-radius-full);\n  }\n\n  .brick-icon-button[data-disabled] {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-secondary);\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  .brick-icon-button[data-loading] {\n    color: transparent;\n    cursor: progress;\n  }\n\n  .brick-icon-button[data-loading] > * {\n    opacity: 0;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-icon-button:not([data-disabled], [data-loading]):hover {\n      border-color: var(--brick-icon-button-border-color);\n      background: var(--brick-icon-button-background-hover);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-icon-button {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-icon-button {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    .brick-icon-button:focus-visible {\n      outline-color: Highlight;\n    }\n\n    .brick-icon-button[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+cAcA,4HAKA,uCACE,sFAKF,8BACE,qIAMF,iIAUA,mIC1CA,0kDAwCA,wMASA,0EAKA,gIAKA,sEAIA,6JAKA,qHAIA,uZAQA,mZAQA,4NAMA,iMAMA,+2BAyBA,utBAaA,isBAaA,kuBAaA,kuBAaA,utBAaA,uIAKA,oIAKA,uIAKA,sIAKA,0FAIA,mMAQA,6DAKA,6CAIA,wCACE,sKAMF,qLAKA,uCACE,2CAKF,8BACE,kFAMA,yDAIA,mFFrQJ","sources":["home/runner/work/brick/brick/.brick-cache/production/icon-button.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-spinner/action-spinner.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon-button/icon-button.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-spinner/action-spinner.css\";\n@import \"../../src/components/icon-button/icon-button.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-action-spinner-size);\n    block-size: var(--brick-action-spinner-size);\n    border: 0.125rem solid transparent;\n    border-block-start-color: var(--brick-action-spinner-color);\n    border-inline-end-color: var(--brick-action-spinner-color);\n    border-radius: var(--brick-radius-full);\n    content: \"\";\n    animation: brick-action-spinner-spin 700ms linear infinite;\n  }\n\n  :where([dir=\"rtl\"])\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    animation-name: brick-action-spinner-spin-rtl;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      animation-duration: 1400ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      border-block-start-color: ButtonText;\n      border-inline-end-color: ButtonText;\n    }\n  }\n\n  @keyframes brick-action-spinner-spin {\n    from {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n\n  @keyframes brick-action-spinner-spin-rtl {\n    from {\n      transform: translate(50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(50%, -50%) rotate(360deg);\n    }\n  }\n}\n","@layer brick.components {\n  .brick-icon-button {\n    --brick-icon-button-size: var(--brick-control-min-block-size-md);\n    --brick-icon-button-icon-size: 1.125rem;\n    --brick-icon-button-radius: var(--brick-radius-control);\n    --brick-icon-button-background: transparent;\n    --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft);\n    --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n    --brick-icon-button-border-color: transparent;\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n    --brick-icon-button-spinner-color: var(--brick-icon-button-foreground);\n    --brick-action-spinner-size: var(--brick-icon-button-icon-size);\n    --brick-action-spinner-color: var(--brick-icon-button-spinner-color);\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    flex: 0 0 var(--brick-icon-button-size);\n    inline-size: var(--brick-icon-button-size);\n    min-inline-size: var(--brick-icon-button-size);\n    block-size: var(--brick-icon-button-size);\n    min-block-size: var(--brick-icon-button-size);\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: var(--brick-border-width) solid var(--brick-icon-button-border-color);\n    border-radius: var(--brick-icon-button-radius);\n    appearance: none;\n    background: var(--brick-icon-button-background);\n    color: var(--brick-icon-button-foreground);\n    font: inherit;\n    line-height: 1;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-icon-button__icon {\n    display: inline-flex;\n    inline-size: var(--brick-icon-button-icon-size);\n    block-size: var(--brick-icon-button-icon-size);\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n  }\n\n  .brick-icon-button__icon > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-icon-button > :where(svg, img) {\n    inline-size: var(--brick-icon-button-icon-size);\n    block-size: var(--brick-icon-button-icon-size);\n  }\n\n  .brick-icon-button:not([data-disabled], [data-loading]) {\n    cursor: pointer;\n  }\n\n  .brick-icon-button:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-icon-button:not([data-disabled], [data-loading]):active {\n    background: var(--brick-icon-button-background-pressed);\n  }\n\n  .brick-icon-button[data-variant=\"solid\"] {\n    --brick-icon-button-background: var(--brick-icon-button-tone-solid);\n    --brick-icon-button-background-hover: var(--brick-icon-button-tone-solid-hover);\n    --brick-icon-button-background-pressed: var(--brick-icon-button-tone-solid-pressed);\n    --brick-icon-button-border-color: var(--brick-icon-button-tone-solid);\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-on-solid);\n  }\n\n  .brick-icon-button[data-variant=\"soft\"] {\n    --brick-icon-button-background: var(--brick-icon-button-tone-soft);\n    --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft-hover);\n    --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n    --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-on-soft);\n  }\n\n  .brick-icon-button[data-variant=\"outline\"] {\n    --brick-icon-button-background: transparent;\n    --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n  }\n\n  .brick-icon-button[data-variant=\"ghost\"] {\n    --brick-icon-button-background: transparent;\n    --brick-icon-button-border-color: transparent;\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n  }\n\n  .brick-icon-button[data-tone=\"neutral\"] {\n    --brick-icon-button-tone-solid: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-icon-button-tone-solid-hover: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 22%\n    );\n    --brick-icon-button-tone-solid-pressed: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-icon-button-tone-on-solid: var(--brick-color-text-primary);\n    --brick-icon-button-tone-soft: var(--brick-color-surface-subtle);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-surface-base);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-border-subtle);\n    --brick-icon-button-tone-on-soft: var(--brick-color-text-primary);\n    --brick-icon-button-tone-border: var(--brick-color-border-strong);\n    --brick-icon-button-tone-text: var(--brick-color-text-primary);\n  }\n\n  .brick-icon-button[data-tone=\"accent\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-accent-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-accent-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-accent-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-accent-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-accent-border);\n    --brick-icon-button-tone-text: var(--brick-color-accent-text);\n  }\n\n  .brick-icon-button[data-tone=\"info\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-info-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-info-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-info-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-info-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-info-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-info-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-info-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-info-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-info-border);\n    --brick-icon-button-tone-text: var(--brick-color-info-text);\n  }\n\n  .brick-icon-button[data-tone=\"success\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-success-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-success-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-success-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-success-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-success-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-success-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-success-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-success-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-success-border);\n    --brick-icon-button-tone-text: var(--brick-color-success-text);\n  }\n\n  .brick-icon-button[data-tone=\"warning\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-warning-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-warning-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-warning-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-warning-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-warning-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-warning-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-warning-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-warning-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-warning-border);\n    --brick-icon-button-tone-text: var(--brick-color-warning-text);\n  }\n\n  .brick-icon-button[data-tone=\"danger\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-danger-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-danger-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-danger-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-danger-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-danger-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-danger-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-danger-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-danger-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-danger-border);\n    --brick-icon-button-tone-text: var(--brick-color-danger-text);\n  }\n\n  .brick-icon-button[data-size=\"xs\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-xs);\n    --brick-icon-button-icon-size: 0.875rem;\n  }\n\n  .brick-icon-button[data-size=\"sm\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-sm);\n    --brick-icon-button-icon-size: 1rem;\n  }\n\n  .brick-icon-button[data-size=\"lg\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-lg);\n    --brick-icon-button-icon-size: 1.25rem;\n  }\n\n  .brick-icon-button[data-size=\"xl\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-xl);\n    --brick-icon-button-icon-size: 1.5rem;\n  }\n\n  .brick-icon-button[data-shape=\"circle\"] {\n    --brick-icon-button-radius: var(--brick-radius-full);\n  }\n\n  .brick-icon-button[data-disabled] {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n    opacity: 0.55;\n  }\n\n  .brick-icon-button[data-loading] {\n    color: transparent;\n    cursor: progress;\n  }\n\n  .brick-icon-button[data-loading] > * {\n    opacity: 0;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-icon-button:not([data-disabled], [data-loading]):hover {\n      border-color: var(--brick-icon-button-border-color);\n      background: var(--brick-icon-button-background-hover);\n    }\n  }\n\n  .brick-icon-button[aria-expanded=\"true\"]:not([data-disabled], [data-loading]) {\n    border-color: var(--brick-icon-button-border-color);\n    background: var(--brick-icon-button-background-pressed);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-icon-button {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-icon-button {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    .brick-icon-button:focus-visible {\n      outline-color: Highlight;\n    }\n\n    .brick-icon-button[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/input.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-input{--brick-input-min-block-size:var(--brick-control-min-block-size-md);--brick-input-padding-inline:var(--brick-space-3);--brick-input-gap:var(--brick-space-2);--brick-input-radius:var(--brick-radius-control);--brick-input-font-family:var(--brick-typography-field-value-md-font-family);--brick-input-font-size:var(--brick-typography-field-value-md-font-size);--brick-input-font-weight:var(--brick-typography-field-value-md-font-weight);--brick-input-line-height:var(--brick-typography-field-value-md-line-height);--brick-input-letter-spacing:var(--brick-typography-field-value-md-letter-spacing);--brick-input-background:var(--brick-color-surface-raised);--brick-input-foreground:var(--brick-color-text-primary);--brick-input-placeholder-foreground:var(--brick-color-text-muted);--brick-input-border:var(--brick-color-border-strong);--brick-input-hover-background:var(--brick-color-surface-base);--brick-input-hover-border:var(--brick-color-accent-border);--brick-input-focus-ring:var(--brick-color-focus-ring);--brick-input-invalid-border:var(--brick-color-danger-text);--brick-input-disabled-background:var(--brick-color-surface-subtle);--brick-input-disabled-foreground:var(--brick-color-text-secondary);--brick-input-disabled-border:var(--brick-color-border-subtle);--brick-input-readonly-background:var(--brick-color-surface-subtle);--brick-input-adornment-foreground:var(--brick-color-text-secondary);--brick-input-adornment-size:1.125rem;--brick-input-clear-target-size:2rem;--brick-input-clear-icon-size:1rem;--brick-input-clear-foreground:var(--brick-color-text-secondary);--brick-input-clear-hover-background:var(--brick-color-accent-soft);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-input-min-block-size);align-items:center;gap:var(--brick-input-gap);padding-inline:var(--brick-input-padding-inline);border:var(--brick-border-width) solid var(--brick-input-border);border-radius:var(--brick-input-radius);background:var(--brick-input-background);color:var(--brick-input-foreground);vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:inline-flex}.brick-input[data-full-width]{inline-size:100%}.brick-input:not([data-full-width]){inline-size:fit-content}.brick-input[data-variant=soft]{--brick-input-background:var(--brick-color-surface-subtle);--brick-input-border:var(--brick-color-border-subtle);--brick-input-hover-background:var(--brick-color-accent-soft)}.brick-input[data-variant=underline]{--brick-input-background:transparent;--brick-input-radius:0;border-width:0 0 var(--brick-border-width)}.brick-input[data-shape=sharp]{--brick-input-radius:0}.brick-input[data-shape=pill]{--brick-input-radius:var(--brick-radius-full)}.brick-input[data-size=sm]{--brick-input-min-block-size:var(--brick-control-min-block-size-sm);--brick-input-padding-inline:var(--brick-space-2);--brick-input-gap:.375rem;--brick-input-clear-target-size:1.75rem}.brick-input[data-size=lg]{--brick-input-min-block-size:var(--brick-control-min-block-size-lg);--brick-input-padding-inline:var(--brick-space-4);--brick-input-gap:var(--brick-space-3);--brick-input-font-size:var(--brick-typography-field-value-lg-font-size);--brick-input-adornment-size:1.25rem;--brick-input-clear-target-size:2.25rem;--brick-input-clear-icon-size:1.125rem}.brick-input-control{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:calc(var(--brick-input-min-block-size) - (2 * var(--brick-border-width)));color:inherit;font-family:var(--brick-input-font-family);font-size:var(--brick-input-font-size);font-weight:var(--brick-input-font-weight);letter-spacing:var(--brick-input-letter-spacing);line-height:var(--brick-input-line-height);background:0 0;border:0;outline:0;padding:0;display:block}.brick-input-control::placeholder{color:var(--brick-input-placeholder-foreground);opacity:1}:where(.brick-input-start,.brick-input-end){min-inline-size:0;color:var(--brick-input-adornment-foreground);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.brick-input-start{inline-size:var(--brick-input-adornment-size)}.brick-input-end{min-inline-size:var(--brick-input-adornment-size);inline-size:max-content}:where(.brick-input-start,.brick-input-end)>:where(svg,img){block-size:auto;max-inline-size:100%;display:block}.brick-input-clear{box-sizing:border-box;inline-size:var(--brick-input-clear-target-size);block-size:var(--brick-input-clear-target-size);border-radius:var(--brick-radius-full);color:var(--brick-input-clear-foreground);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin-inline-end:calc(-1 * var(--brick-input-padding-inline));padding:0;display:inline-grid}.brick-input-clear[data-hidden]{display:none}.brick-input-clear-artwork{inline-size:var(--brick-input-clear-icon-size);block-size:var(--brick-input-clear-icon-size);stroke:currentColor;stroke-linecap:round;stroke-width:1.75px;display:block;overflow:visible}.brick-input:focus-within{border-color:var(--brick-input-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-input-focus-ring)}.brick-input:has(.brick-input-control[data-invalid]){border-color:var(--brick-input-invalid-border)}.brick-input:has(.brick-input-control[data-disabled]){border-color:var(--brick-input-disabled-border);background:var(--brick-input-disabled-background);color:var(--brick-input-disabled-foreground);cursor:not-allowed}.brick-input:has(.brick-input-control[data-readonly]){background:var(--brick-input-readonly-background);cursor:default}.brick-input-control:disabled{cursor:not-allowed}.brick-input-control:read-only{cursor:default}.brick-input:has(.brick-input-clear) .brick-input-control[type=search]::-webkit-search-cancel-button{display:none}.brick-input-control:-webkit-autofill{-webkit-text-fill-color:var(--brick-input-foreground);caret-color:var(--brick-input-foreground)}@media (hover:hover) and (pointer:fine){.brick-input:not(:focus-within,:has(.brick-input-control[data-disabled]),:has(.brick-input-control[data-readonly]),:has(.brick-input-control[data-invalid])):hover{border-color:var(--brick-input-hover-border);background:var(--brick-input-hover-background)}.brick-input-clear:not([data-disabled],[data-hidden]):hover{background:var(--brick-input-clear-hover-background);color:var(--brick-input-foreground)}}@media (prefers-reduced-motion:reduce){.brick-input{transition-duration:0s}}@media (forced-colors:active){.brick-input{color:canvastext;background:canvas;border-color:buttontext}.brick-input:focus-within{box-shadow:0 0 0 var(--brick-border-focus-width) Highlight;border-color:highlight}.brick-input:has(.brick-input-control[data-invalid]){background:canvas;border-color:mark}.brick-input:has(.brick-input-control[data-disabled]){color:graytext;background:canvas;border-color:graytext}.brick-input-clear{color:buttontext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-input{--brick-input-min-block-size:var(--brick-control-min-block-size-md);--brick-input-padding-inline:var(--brick-space-3);--brick-input-gap:var(--brick-space-2);--brick-input-radius:var(--brick-radius-control);--brick-input-font-family:var(--brick-typography-field-value-md-font-family);--brick-input-font-size:var(--brick-typography-field-value-md-font-size);--brick-input-font-weight:var(--brick-typography-field-value-md-font-weight);--brick-input-line-height:var(--brick-typography-field-value-md-line-height);--brick-input-letter-spacing:var(--brick-typography-field-value-md-letter-spacing);--brick-input-background:var(--brick-color-surface-raised);--brick-input-foreground:var(--brick-color-text-primary);--brick-input-placeholder-foreground:var(--brick-color-text-muted);--brick-input-border:var(--brick-color-border-strong);--brick-input-hover-background:var(--brick-color-surface-base);--brick-input-hover-border:var(--brick-color-accent-border);--brick-input-focus-ring:var(--brick-color-focus-ring);--brick-input-invalid-border:var(--brick-color-danger-text);--brick-input-disabled-background:var(--brick-color-surface-subtle);--brick-input-disabled-foreground:var(--brick-color-text-secondary);--brick-input-disabled-border:var(--brick-color-border-subtle);--brick-input-readonly-background:var(--brick-color-surface-subtle);--brick-input-adornment-foreground:var(--brick-color-text-secondary);--brick-input-adornment-size:1.125rem;--brick-input-clear-target-size:2rem;--brick-input-clear-icon-size:1rem;--brick-input-clear-foreground:var(--brick-color-text-secondary);--brick-input-clear-hover-background:var(--brick-color-accent-soft);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-input-min-block-size);align-items:center;gap:var(--brick-input-gap);padding-inline:var(--brick-input-padding-inline);border:var(--brick-border-width) solid var(--brick-input-border);border-radius:var(--brick-input-radius);background:var(--brick-input-background);color:var(--brick-input-foreground);vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:inline-flex}.brick-input[data-full-width]{inline-size:100%}.brick-input:not([data-full-width]){inline-size:fit-content}.brick-input[data-variant=outline]{--brick-input-background:transparent;--brick-input-hover-background:transparent}.brick-input[data-variant=soft]{--brick-input-background:var(--brick-color-surface-subtle);--brick-input-border:var(--brick-color-border-subtle);--brick-input-hover-background:var(--brick-color-accent-soft)}.brick-input[data-variant=underline]{--brick-input-background:transparent;--brick-input-radius:0;border-width:0 0 var(--brick-border-width)}.brick-input[data-shape=sharp]{--brick-input-radius:0}.brick-input[data-shape=pill]{--brick-input-radius:var(--brick-radius-full)}.brick-input[data-size=sm]{--brick-input-min-block-size:var(--brick-control-min-block-size-sm);--brick-input-padding-inline:var(--brick-space-2);--brick-input-gap:.375rem;--brick-input-clear-target-size:1.75rem}.brick-input[data-size=lg]{--brick-input-min-block-size:var(--brick-control-min-block-size-lg);--brick-input-padding-inline:var(--brick-space-4);--brick-input-gap:var(--brick-space-3);--brick-input-font-size:var(--brick-typography-field-value-lg-font-size);--brick-input-adornment-size:1.25rem;--brick-input-clear-target-size:2.25rem;--brick-input-clear-icon-size:1.125rem}.brick-input-control{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:calc(var(--brick-input-min-block-size) - (2 * var(--brick-border-width)));color:inherit;font-family:var(--brick-input-font-family);font-size:var(--brick-input-font-size);font-weight:var(--brick-input-font-weight);letter-spacing:var(--brick-input-letter-spacing);line-height:var(--brick-input-line-height);background:0 0;border:0;outline:0;padding:0;display:block}.brick-input-control::placeholder{color:var(--brick-input-placeholder-foreground);opacity:1}:where(.brick-input-start,.brick-input-end){min-inline-size:0;color:var(--brick-input-adornment-foreground);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.brick-input-start{inline-size:var(--brick-input-adornment-size)}.brick-input-end{min-inline-size:var(--brick-input-adornment-size);inline-size:max-content}:where(.brick-input-start,.brick-input-end)>:where(svg,img){block-size:auto;max-inline-size:100%;display:block}.brick-input-clear{box-sizing:border-box;inline-size:var(--brick-input-clear-target-size);block-size:var(--brick-input-clear-target-size);border-radius:var(--brick-radius-full);color:var(--brick-input-clear-foreground);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin-inline-end:calc(-1 * var(--brick-input-padding-inline));padding:0;display:inline-grid}.brick-input-clear[data-hidden]{display:none}.brick-input-clear-artwork{inline-size:var(--brick-input-clear-icon-size);block-size:var(--brick-input-clear-icon-size);stroke:currentColor;stroke-linecap:round;stroke-width:1.75px;display:block;overflow:visible}.brick-input:focus-within{border-color:var(--brick-input-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-input-focus-ring)}.brick-input:has(.brick-input-control[data-invalid]){border-color:var(--brick-input-invalid-border)}.brick-input:has(.brick-input-control[data-disabled]){border-color:var(--brick-input-disabled-border);background:var(--brick-input-disabled-background);color:var(--brick-input-disabled-foreground);cursor:not-allowed}.brick-input:has(.brick-input-control[data-readonly]){background:var(--brick-input-readonly-background);cursor:default}.brick-input-control:disabled{cursor:not-allowed}.brick-input-control:read-only{cursor:default}.brick-input:has(.brick-input-clear) .brick-input-control[type=search]::-webkit-search-cancel-button{display:none}.brick-input-control:-webkit-autofill{-webkit-text-fill-color:var(--brick-input-foreground);caret-color:var(--brick-input-foreground)}@media (hover:hover) and (pointer:fine){.brick-input:not(:focus-within,:has(.brick-input-control[data-disabled]),:has(.brick-input-control[data-readonly]),:has(.brick-input-control[data-invalid])):hover{border-color:var(--brick-input-hover-border);background:var(--brick-input-hover-background)}.brick-input-clear:not([data-disabled],[data-hidden]):hover{background:var(--brick-input-clear-hover-background);color:var(--brick-input-foreground)}}@media (prefers-reduced-motion:reduce){.brick-input{transition-duration:0s}}@media (forced-colors:active){.brick-input{color:canvastext;background:canvas;border-color:buttontext}.brick-input:focus-within{box-shadow:0 0 0 var(--brick-border-focus-width) Highlight;border-color:highlight}.brick-input:has(.brick-input-control[data-invalid]){background:canvas;border-color:mark}.brick-input:has(.brick-input-control[data-disabled]){color:graytext;background:canvas;border-color:graytext}.brick-input-clear{color:buttontext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=input.css.map */

package/dist/styles/input.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,izEAgDA,+CAIA,4DAIA,+MAMA,4IAOA,sDAIA,4EAIA,mNAOA,qXAUA,wcAoBA,4FAKA,kMAUA,iEAIA,2FAKA,+GAMA,4XAgBA,6CAIA,oNAUA,oJAMA,oGAIA,wNAOA,uHAKA,iDAIA,8CAIA,kHAKA,sIAKA,wCACE,+PAUA,sJAMF,uCACE,qCAKF,8BACE,wEAMA,4GAKA,yFAKA,6GAMA,sCDrQJ","sources":["home/runner/work/brick/brick/.brick-cache/production/input.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/input/input.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/input/input.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-input {\n    --brick-input-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-input-padding-inline: var(--brick-space-3);\n    --brick-input-gap: var(--brick-space-2);\n    --brick-input-radius: var(--brick-radius-control);\n    --brick-input-font-family: var(--brick-typography-field-value-md-font-family);\n    --brick-input-font-size: var(--brick-typography-field-value-md-font-size);\n    --brick-input-font-weight: var(--brick-typography-field-value-md-font-weight);\n    --brick-input-line-height: var(--brick-typography-field-value-md-line-height);\n    --brick-input-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n    --brick-input-background: var(--brick-color-surface-raised);\n    --brick-input-foreground: var(--brick-color-text-primary);\n    --brick-input-placeholder-foreground: var(--brick-color-text-muted);\n    --brick-input-border: var(--brick-color-border-strong);\n    --brick-input-hover-background: var(--brick-color-surface-base);\n    --brick-input-hover-border: var(--brick-color-accent-border);\n    --brick-input-focus-ring: var(--brick-color-focus-ring);\n    --brick-input-invalid-border: var(--brick-color-danger-text);\n    --brick-input-disabled-background: var(--brick-color-surface-subtle);\n    --brick-input-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-input-disabled-border: var(--brick-color-border-subtle);\n    --brick-input-readonly-background: var(--brick-color-surface-subtle);\n    --brick-input-adornment-foreground: var(--brick-color-text-secondary);\n    --brick-input-adornment-size: 1.125rem;\n    --brick-input-clear-target-size: 2rem;\n    --brick-input-clear-icon-size: 1rem;\n    --brick-input-clear-foreground: var(--brick-color-text-secondary);\n    --brick-input-clear-hover-background: var(--brick-color-accent-soft);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-input-min-block-size);\n    align-items: center;\n    gap: var(--brick-input-gap);\n    padding-inline: var(--brick-input-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-input-border);\n    border-radius: var(--brick-input-radius);\n    background: var(--brick-input-background);\n    color: var(--brick-input-foreground);\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-input[data-full-width] {\n    inline-size: 100%;\n  }\n\n  .brick-input:not([data-full-width]) {\n    inline-size: fit-content;\n  }\n\n  .brick-input[data-variant=\"soft\"] {\n    --brick-input-background: var(--brick-color-surface-subtle);\n    --brick-input-border: var(--brick-color-border-subtle);\n    --brick-input-hover-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-input[data-variant=\"underline\"] {\n    --brick-input-background: transparent;\n    --brick-input-radius: 0;\n\n    border-width: 0 0 var(--brick-border-width);\n  }\n\n  .brick-input[data-shape=\"sharp\"] {\n    --brick-input-radius: 0;\n  }\n\n  .brick-input[data-shape=\"pill\"] {\n    --brick-input-radius: var(--brick-radius-full);\n  }\n\n  .brick-input[data-size=\"sm\"] {\n    --brick-input-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-input-padding-inline: var(--brick-space-2);\n    --brick-input-gap: 0.375rem;\n    --brick-input-clear-target-size: 1.75rem;\n  }\n\n  .brick-input[data-size=\"lg\"] {\n    --brick-input-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-input-padding-inline: var(--brick-space-4);\n    --brick-input-gap: var(--brick-space-3);\n    --brick-input-font-size: var(--brick-typography-field-value-lg-font-size);\n    --brick-input-adornment-size: 1.25rem;\n    --brick-input-clear-target-size: 2.25rem;\n    --brick-input-clear-icon-size: 1.125rem;\n  }\n\n  .brick-input-control {\n    display: block;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    inline-size: 100%;\n    min-block-size: calc(\n      var(--brick-input-min-block-size) - (2 * var(--brick-border-width))\n    );\n    padding: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: inherit;\n    font-family: var(--brick-input-font-family);\n    font-size: var(--brick-input-font-size);\n    font-weight: var(--brick-input-font-weight);\n    letter-spacing: var(--brick-input-letter-spacing);\n    line-height: var(--brick-input-line-height);\n  }\n\n  .brick-input-control::placeholder {\n    color: var(--brick-input-placeholder-foreground);\n    opacity: 1;\n  }\n\n  :where(.brick-input-start, .brick-input-end) {\n    display: inline-flex;\n    flex: 0 0 auto;\n    min-inline-size: 0;\n    align-items: center;\n    justify-content: center;\n    color: var(--brick-input-adornment-foreground);\n    line-height: 1;\n  }\n\n  .brick-input-start {\n    inline-size: var(--brick-input-adornment-size);\n  }\n\n  .brick-input-end {\n    min-inline-size: var(--brick-input-adornment-size);\n    inline-size: max-content;\n  }\n\n  :where(.brick-input-start, .brick-input-end) > :where(svg, img) {\n    display: block;\n    max-inline-size: 100%;\n    block-size: auto;\n  }\n\n  .brick-input-clear {\n    display: inline-grid;\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    inline-size: var(--brick-input-clear-target-size);\n    block-size: var(--brick-input-clear-target-size);\n    place-items: center;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    background: transparent;\n    color: var(--brick-input-clear-foreground);\n    cursor: pointer;\n    margin-inline-end: calc(-1 * var(--brick-input-padding-inline));\n  }\n\n  .brick-input-clear[data-hidden] {\n    display: none;\n  }\n\n  .brick-input-clear-artwork {\n    display: block;\n    inline-size: var(--brick-input-clear-icon-size);\n    block-size: var(--brick-input-clear-icon-size);\n    overflow: visible;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-width: 1.75;\n  }\n\n  .brick-input:focus-within {\n    border-color: var(--brick-input-focus-ring);\n    box-shadow: 0 0 0 var(--brick-border-focus-width)\n      var(--brick-input-focus-ring);\n  }\n\n  .brick-input:has(.brick-input-control[data-invalid]) {\n    border-color: var(--brick-input-invalid-border);\n  }\n\n  .brick-input:has(.brick-input-control[data-disabled]) {\n    border-color: var(--brick-input-disabled-border);\n    background: var(--brick-input-disabled-background);\n    color: var(--brick-input-disabled-foreground);\n    cursor: not-allowed;\n  }\n\n  .brick-input:has(.brick-input-control[data-readonly]) {\n    background: var(--brick-input-readonly-background);\n    cursor: default;\n  }\n\n  .brick-input-control:disabled {\n    cursor: not-allowed;\n  }\n\n  .brick-input-control:read-only {\n    cursor: default;\n  }\n\n  .brick-input:has(.brick-input-clear)\n    .brick-input-control[type=\"search\"]::-webkit-search-cancel-button {\n    display: none;\n  }\n\n  .brick-input-control:-webkit-autofill {\n    -webkit-text-fill-color: var(--brick-input-foreground);\n    caret-color: var(--brick-input-foreground);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-input:not(\n      :focus-within,\n      :has(.brick-input-control[data-disabled]),\n      :has(.brick-input-control[data-readonly]),\n      :has(.brick-input-control[data-invalid])\n    ):hover {\n      border-color: var(--brick-input-hover-border);\n      background: var(--brick-input-hover-background);\n    }\n\n    .brick-input-clear:not([data-disabled], [data-hidden]):hover {\n      background: var(--brick-input-clear-hover-background);\n      color: var(--brick-input-foreground);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-input {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-input {\n      border-color: ButtonText;\n      background: Canvas;\n      color: CanvasText;\n    }\n\n    .brick-input:focus-within {\n      border-color: Highlight;\n      box-shadow: 0 0 0 var(--brick-border-focus-width) Highlight;\n    }\n\n    .brick-input:has(.brick-input-control[data-invalid]) {\n      border-color: Mark;\n      background: Canvas;\n    }\n\n    .brick-input:has(.brick-input-control[data-disabled]) {\n      border-color: GrayText;\n      background: Canvas;\n      color: GrayText;\n    }\n\n    .brick-input-clear {\n      color: ButtonText;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,izEAgDA,+CAIA,4DAIA,mHAKA,+MAMA,4IAOA,sDAIA,4EAIA,mNAOA,qXAUA,wcAoBA,4FAKA,kMAUA,iEAIA,2FAKA,+GAMA,4XAgBA,6CAIA,oNAUA,oJAMA,oGAIA,wNAOA,uHAKA,iDAIA,8CAIA,kHAKA,sIAKA,wCACE,+PAUA,sJAMF,uCACE,qCAKF,8BACE,wEAMA,4GAKA,yFAKA,6GAMA,sCD1QJ","sources":["home/runner/work/brick/brick/.brick-cache/production/input.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/input/input.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/input/input.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-input {\n    --brick-input-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-input-padding-inline: var(--brick-space-3);\n    --brick-input-gap: var(--brick-space-2);\n    --brick-input-radius: var(--brick-radius-control);\n    --brick-input-font-family: var(--brick-typography-field-value-md-font-family);\n    --brick-input-font-size: var(--brick-typography-field-value-md-font-size);\n    --brick-input-font-weight: var(--brick-typography-field-value-md-font-weight);\n    --brick-input-line-height: var(--brick-typography-field-value-md-line-height);\n    --brick-input-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n    --brick-input-background: var(--brick-color-surface-raised);\n    --brick-input-foreground: var(--brick-color-text-primary);\n    --brick-input-placeholder-foreground: var(--brick-color-text-muted);\n    --brick-input-border: var(--brick-color-border-strong);\n    --brick-input-hover-background: var(--brick-color-surface-base);\n    --brick-input-hover-border: var(--brick-color-accent-border);\n    --brick-input-focus-ring: var(--brick-color-focus-ring);\n    --brick-input-invalid-border: var(--brick-color-danger-text);\n    --brick-input-disabled-background: var(--brick-color-surface-subtle);\n    --brick-input-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-input-disabled-border: var(--brick-color-border-subtle);\n    --brick-input-readonly-background: var(--brick-color-surface-subtle);\n    --brick-input-adornment-foreground: var(--brick-color-text-secondary);\n    --brick-input-adornment-size: 1.125rem;\n    --brick-input-clear-target-size: 2rem;\n    --brick-input-clear-icon-size: 1rem;\n    --brick-input-clear-foreground: var(--brick-color-text-secondary);\n    --brick-input-clear-hover-background: var(--brick-color-accent-soft);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-input-min-block-size);\n    align-items: center;\n    gap: var(--brick-input-gap);\n    padding-inline: var(--brick-input-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-input-border);\n    border-radius: var(--brick-input-radius);\n    background: var(--brick-input-background);\n    color: var(--brick-input-foreground);\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-input[data-full-width] {\n    inline-size: 100%;\n  }\n\n  .brick-input:not([data-full-width]) {\n    inline-size: fit-content;\n  }\n\n  .brick-input[data-variant=\"outline\"] {\n    --brick-input-background: transparent;\n    --brick-input-hover-background: transparent;\n  }\n\n  .brick-input[data-variant=\"soft\"] {\n    --brick-input-background: var(--brick-color-surface-subtle);\n    --brick-input-border: var(--brick-color-border-subtle);\n    --brick-input-hover-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-input[data-variant=\"underline\"] {\n    --brick-input-background: transparent;\n    --brick-input-radius: 0;\n\n    border-width: 0 0 var(--brick-border-width);\n  }\n\n  .brick-input[data-shape=\"sharp\"] {\n    --brick-input-radius: 0;\n  }\n\n  .brick-input[data-shape=\"pill\"] {\n    --brick-input-radius: var(--brick-radius-full);\n  }\n\n  .brick-input[data-size=\"sm\"] {\n    --brick-input-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-input-padding-inline: var(--brick-space-2);\n    --brick-input-gap: 0.375rem;\n    --brick-input-clear-target-size: 1.75rem;\n  }\n\n  .brick-input[data-size=\"lg\"] {\n    --brick-input-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-input-padding-inline: var(--brick-space-4);\n    --brick-input-gap: var(--brick-space-3);\n    --brick-input-font-size: var(--brick-typography-field-value-lg-font-size);\n    --brick-input-adornment-size: 1.25rem;\n    --brick-input-clear-target-size: 2.25rem;\n    --brick-input-clear-icon-size: 1.125rem;\n  }\n\n  .brick-input-control {\n    display: block;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    inline-size: 100%;\n    min-block-size: calc(\n      var(--brick-input-min-block-size) - (2 * var(--brick-border-width))\n    );\n    padding: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: inherit;\n    font-family: var(--brick-input-font-family);\n    font-size: var(--brick-input-font-size);\n    font-weight: var(--brick-input-font-weight);\n    letter-spacing: var(--brick-input-letter-spacing);\n    line-height: var(--brick-input-line-height);\n  }\n\n  .brick-input-control::placeholder {\n    color: var(--brick-input-placeholder-foreground);\n    opacity: 1;\n  }\n\n  :where(.brick-input-start, .brick-input-end) {\n    display: inline-flex;\n    flex: 0 0 auto;\n    min-inline-size: 0;\n    align-items: center;\n    justify-content: center;\n    color: var(--brick-input-adornment-foreground);\n    line-height: 1;\n  }\n\n  .brick-input-start {\n    inline-size: var(--brick-input-adornment-size);\n  }\n\n  .brick-input-end {\n    min-inline-size: var(--brick-input-adornment-size);\n    inline-size: max-content;\n  }\n\n  :where(.brick-input-start, .brick-input-end) > :where(svg, img) {\n    display: block;\n    max-inline-size: 100%;\n    block-size: auto;\n  }\n\n  .brick-input-clear {\n    display: inline-grid;\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    inline-size: var(--brick-input-clear-target-size);\n    block-size: var(--brick-input-clear-target-size);\n    place-items: center;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    background: transparent;\n    color: var(--brick-input-clear-foreground);\n    cursor: pointer;\n    margin-inline-end: calc(-1 * var(--brick-input-padding-inline));\n  }\n\n  .brick-input-clear[data-hidden] {\n    display: none;\n  }\n\n  .brick-input-clear-artwork {\n    display: block;\n    inline-size: var(--brick-input-clear-icon-size);\n    block-size: var(--brick-input-clear-icon-size);\n    overflow: visible;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-width: 1.75;\n  }\n\n  .brick-input:focus-within {\n    border-color: var(--brick-input-focus-ring);\n    box-shadow: 0 0 0 var(--brick-border-focus-width)\n      var(--brick-input-focus-ring);\n  }\n\n  .brick-input:has(.brick-input-control[data-invalid]) {\n    border-color: var(--brick-input-invalid-border);\n  }\n\n  .brick-input:has(.brick-input-control[data-disabled]) {\n    border-color: var(--brick-input-disabled-border);\n    background: var(--brick-input-disabled-background);\n    color: var(--brick-input-disabled-foreground);\n    cursor: not-allowed;\n  }\n\n  .brick-input:has(.brick-input-control[data-readonly]) {\n    background: var(--brick-input-readonly-background);\n    cursor: default;\n  }\n\n  .brick-input-control:disabled {\n    cursor: not-allowed;\n  }\n\n  .brick-input-control:read-only {\n    cursor: default;\n  }\n\n  .brick-input:has(.brick-input-clear)\n    .brick-input-control[type=\"search\"]::-webkit-search-cancel-button {\n    display: none;\n  }\n\n  .brick-input-control:-webkit-autofill {\n    -webkit-text-fill-color: var(--brick-input-foreground);\n    caret-color: var(--brick-input-foreground);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-input:not(\n      :focus-within,\n      :has(.brick-input-control[data-disabled]),\n      :has(.brick-input-control[data-readonly]),\n      :has(.brick-input-control[data-invalid])\n    ):hover {\n      border-color: var(--brick-input-hover-border);\n      background: var(--brick-input-hover-background);\n    }\n\n    .brick-input-clear:not([data-disabled], [data-hidden]):hover {\n      background: var(--brick-input-clear-hover-background);\n      color: var(--brick-input-foreground);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-input {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-input {\n      border-color: ButtonText;\n      background: Canvas;\n      color: CanvasText;\n    }\n\n    .brick-input:focus-within {\n      border-color: Highlight;\n      box-shadow: 0 0 0 var(--brick-border-focus-width) Highlight;\n    }\n\n    .brick-input:has(.brick-input-control[data-invalid]) {\n      border-color: Mark;\n      background: Canvas;\n    }\n\n    .brick-input:has(.brick-input-control[data-disabled]) {\n      border-color: GrayText;\n      background: Canvas;\n      color: GrayText;\n    }\n\n    .brick-input-clear {\n      color: ButtonText;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/link-box.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-link{--brick-link-focus-ring:var(--brick-color-focus-ring);--brick-link-decoration-color:currentColor;--brick-link-decoration-thickness:.08em;--brick-link-decoration-offset:.16em;--brick-link-gap:.375em;--brick-link-icon-size:1em;--brick-link-font-family:inherit;--brick-link-font-size:inherit;--brick-link-line-height:inherit;--brick-link-letter-spacing:inherit;align-items:baseline;gap:var(--brick-link-gap);min-inline-size:0;max-inline-size:100%;color:var(--brick-link-foreground,var(--brick-color-link-text));font-family:var(--brick-link-font-family);font-size:var(--brick-link-font-size);font-weight:var(--brick-link-font-weight,var(--brick-link-theme-font-weight,inherit));letter-spacing:var(--brick-link-letter-spacing);line-height:var(--brick-link-line-height);overflow-wrap:anywhere;-webkit-text-decoration-color:var(--brick-link-decoration-color);text-decoration-color:var(--brick-link-decoration-color);-webkit-text-decoration-line:var(--brick-link-decoration,underline);text-decoration-line:var(--brick-link-decoration,underline);text-decoration-thickness:var(--brick-link-decoration-thickness);text-underline-offset:var(--brick-link-decoration-offset);vertical-align:baseline;display:inline-flex}.brick-link:hover{color:var(--brick-link-foreground-hover,var(--brick-color-link-text-hover))}.brick-link:active{color:var(--brick-link-foreground-active,var(--brick-color-link-text-pressed))}.brick-link:focus-visible{border-radius:var(--brick-radius-subtle);outline:var(--brick-border-focus-width) solid var(--brick-link-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-link[data-variant=underline]{text-decoration-line:underline}.brick-link[data-variant=plain]{--brick-link-font-weight:var(--brick-typography-body-md-font-weight);text-decoration-line:none}.brick-link[data-variant=theme]:is(:hover,:focus-visible,:active){text-decoration-line:underline}.brick-link[data-tone=neutral]{--brick-link-foreground:var(--brick-color-text-primary);--brick-link-foreground-hover:var(--brick-color-link-text-hover);--brick-link-foreground-active:var(--brick-color-link-text-pressed)}.brick-link[data-tone=inherit]{--brick-link-foreground:currentColor;--brick-link-foreground-hover:currentColor;--brick-link-foreground-active:currentColor}.brick-link[data-size=sm]{--brick-link-font-family:var(--brick-typography-body-sm-font-family);--brick-link-font-size:var(--brick-typography-body-sm-font-size);--brick-link-line-height:var(--brick-typography-body-sm-line-height);--brick-link-letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-link[data-size=md]{--brick-link-font-family:var(--brick-typography-body-md-font-family);--brick-link-font-size:var(--brick-typography-body-md-font-size);--brick-link-line-height:var(--brick-typography-body-md-line-height);--brick-link-letter-spacing:var(--brick-typography-body-md-letter-spacing)}.brick-link[data-size=lg]{--brick-link-font-family:var(--brick-typography-body-lg-font-family);--brick-link-font-size:var(--brick-typography-body-lg-font-size);--brick-link-line-height:var(--brick-typography-body-lg-line-height);--brick-link-letter-spacing:var(--brick-typography-body-lg-letter-spacing)}.brick-link[aria-current]:not([aria-current=false]){--brick-link-font-weight:var(--brick-typography-label-md-font-weight)}.brick-link__content{min-inline-size:0}.brick-link__icon{inline-size:var(--brick-link-icon-size);block-size:var(--brick-link-icon-size);flex:none;justify-content:center;align-self:center;align-items:center;display:inline-flex}.brick-link__icon>:where(svg,img){block-size:100%;inline-size:100%}@media (forced-colors:active){.brick-link{--brick-link-foreground:LinkText;--brick-link-foreground-hover:LinkText;--brick-link-foreground-active:LinkText;--brick-link-focus-ring:Highlight;forced-color-adjust:auto}}.brick-link-box{--brick-link-box-radius:var(--brick-radius-surface);--brick-link-box-hover-ring:var(--brick-color-border-strong);--brick-link-box-active-ring:var(--brick-color-accent-border);--brick-link-box-focus-ring:var(--brick-color-focus-ring);--brick-link-box-focus-offset:var(--brick-border-focus-offset);border-radius:var(--brick-link-box-radius);isolation:isolate;min-inline-size:0;display:grid;position:relative}.brick-link-box:before{z-index:3;border-radius:inherit;content:"";pointer-events:none;transition:box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);position:absolute;inset:0}.brick-link-box__link:after{z-index:1;border-radius:var(--brick-link-box-radius);content:"";cursor:pointer;position:absolute;inset:0}.brick-link-box__action{z-index:2;min-inline-size:0;position:relative}.brick-link-box:not([data-variant=plain]):has(.brick-link-box__link:hover):before{box-shadow:0 0 0 var(--brick-border-width) var(--brick-link-box-hover-ring)}.brick-link-box:not([data-variant=plain]):has(.brick-link-box__link:active):before{box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-link-box-active-ring)}.brick-link-box:has(.brick-link-box__link:focus-visible):before{outline:var(--brick-border-focus-width) solid var(--brick-link-box-focus-ring);outline-offset:var(--brick-link-box-focus-offset)}.brick-link-box__link:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.brick-link-box:before{transition:none}}@media (forced-colors:active){.brick-link-box{--brick-link-box-hover-ring:CanvasText;--brick-link-box-active-ring:Highlight;--brick-link-box-focus-ring:Highlight}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=link-box.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,gsCA+BA,8FAIA,kGAIA,8LAMA,mEAIA,+HAKA,iGAIA,4NAMA,2JAMA,gTAOA,gTAOA,gTAOA,0HAIA,uCAIA,2LAUA,mEAKA,8BACE,wLCnHF,saAcA,4MAWA,qIASA,sEAMA,8JAKA,sKAKA,iMAMA,iDAIA,uCACE,wCAKF,8BACE,sIFpEJ","sources":["home/runner/work/brick/brick/.brick-cache/production/link-box.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/link/link.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/link-box/link-box.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/link/link.css\";\n@import \"../../src/components/link-box/link-box.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-link {\n    --brick-link-focus-ring: var(--brick-color-focus-ring);\n    --brick-link-decoration-color: currentColor;\n    --brick-link-decoration-thickness: 0.08em;\n    --brick-link-decoration-offset: 0.16em;\n    --brick-link-gap: 0.375em;\n    --brick-link-icon-size: 1em;\n    --brick-link-font-family: inherit;\n    --brick-link-font-size: inherit;\n    --brick-link-line-height: inherit;\n    --brick-link-letter-spacing: inherit;\n\n    display: inline-flex;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: baseline;\n    gap: var(--brick-link-gap);\n    color: var(--brick-link-foreground, var(--brick-color-link-text));\n    font-family: var(--brick-link-font-family);\n    font-size: var(--brick-link-font-size);\n    font-weight: var(--brick-link-font-weight, var(--brick-link-theme-font-weight, inherit));\n    letter-spacing: var(--brick-link-letter-spacing);\n    line-height: var(--brick-link-line-height);\n    overflow-wrap: anywhere;\n    text-decoration-color: var(--brick-link-decoration-color);\n    text-decoration-line: var(--brick-link-decoration, underline);\n    text-decoration-thickness: var(--brick-link-decoration-thickness);\n    text-underline-offset: var(--brick-link-decoration-offset);\n    vertical-align: baseline;\n  }\n\n  .brick-link:hover {\n    color: var(--brick-link-foreground-hover, var(--brick-color-link-text-hover));\n  }\n\n  .brick-link:active {\n    color: var(--brick-link-foreground-active, var(--brick-color-link-text-pressed));\n  }\n\n  .brick-link:focus-visible {\n    border-radius: var(--brick-radius-subtle);\n    outline: var(--brick-border-focus-width) solid var(--brick-link-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-link[data-variant=\"underline\"] {\n    text-decoration-line: underline;\n  }\n\n  .brick-link[data-variant=\"plain\"] {\n    --brick-link-font-weight: var(--brick-typography-body-md-font-weight);\n    text-decoration-line: none;\n  }\n\n  .brick-link[data-variant=\"theme\"]:is(:hover, :focus-visible, :active) {\n    text-decoration-line: underline;\n  }\n\n  .brick-link[data-tone=\"neutral\"] {\n    --brick-link-foreground: var(--brick-color-text-primary);\n    --brick-link-foreground-hover: var(--brick-color-link-text-hover);\n    --brick-link-foreground-active: var(--brick-color-link-text-pressed);\n  }\n\n  .brick-link[data-tone=\"inherit\"] {\n    --brick-link-foreground: currentColor;\n    --brick-link-foreground-hover: currentColor;\n    --brick-link-foreground-active: currentColor;\n  }\n\n  .brick-link[data-size=\"sm\"] {\n    --brick-link-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-link-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-link-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-link[data-size=\"md\"] {\n    --brick-link-font-family: var(--brick-typography-body-md-font-family);\n    --brick-link-font-size: var(--brick-typography-body-md-font-size);\n    --brick-link-line-height: var(--brick-typography-body-md-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-link[data-size=\"lg\"] {\n    --brick-link-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-link-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-link-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n  }\n\n  .brick-link[aria-current]:not([aria-current=\"false\"]) {\n    --brick-link-font-weight: var(--brick-typography-label-md-font-weight);\n  }\n\n  .brick-link__content {\n    min-inline-size: 0;\n  }\n\n  .brick-link__icon {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-self: center;\n    align-items: center;\n    justify-content: center;\n    inline-size: var(--brick-link-icon-size);\n    block-size: var(--brick-link-icon-size);\n  }\n\n  .brick-link__icon > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  @media (forced-colors: active) {\n    .brick-link {\n      --brick-link-foreground: LinkText;\n      --brick-link-foreground-hover: LinkText;\n      --brick-link-foreground-active: LinkText;\n      --brick-link-focus-ring: Highlight;\n      forced-color-adjust: auto;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-link-box {\n    --brick-link-box-radius: var(--brick-radius-surface);\n    --brick-link-box-hover-ring: var(--brick-color-border-strong);\n    --brick-link-box-active-ring: var(--brick-color-accent-border);\n    --brick-link-box-focus-ring: var(--brick-color-focus-ring);\n    --brick-link-box-focus-offset: var(--brick-border-focus-offset);\n\n    position: relative;\n    display: grid;\n    min-inline-size: 0;\n    border-radius: var(--brick-link-box-radius);\n    isolation: isolate;\n  }\n\n  .brick-link-box::before {\n    position: absolute;\n    z-index: 3;\n    border-radius: inherit;\n    content: \"\";\n    inset: 0;\n    pointer-events: none;\n    transition: box-shadow var(--brick-motion-duration-fast)\n      var(--brick-motion-easing-standard);\n  }\n\n  .brick-link-box__link::after {\n    position: absolute;\n    z-index: 1;\n    border-radius: var(--brick-link-box-radius);\n    content: \"\";\n    cursor: pointer;\n    inset: 0;\n  }\n\n  .brick-link-box__action {\n    position: relative;\n    z-index: 2;\n    min-inline-size: 0;\n  }\n\n  .brick-link-box:not([data-variant=\"plain\"]):has(.brick-link-box__link:hover)::before {\n    box-shadow: 0 0 0 var(--brick-border-width)\n      var(--brick-link-box-hover-ring);\n  }\n\n  .brick-link-box:not([data-variant=\"plain\"]):has(.brick-link-box__link:active)::before {\n    box-shadow: 0 0 0 var(--brick-border-focus-width)\n      var(--brick-link-box-active-ring);\n  }\n\n  .brick-link-box:has(.brick-link-box__link:focus-visible)::before {\n    outline: var(--brick-border-focus-width) solid\n      var(--brick-link-box-focus-ring);\n    outline-offset: var(--brick-link-box-focus-offset);\n  }\n\n  .brick-link-box__link:focus-visible {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-link-box::before {\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-link-box {\n      --brick-link-box-hover-ring: CanvasText;\n      --brick-link-box-active-ring: Highlight;\n      --brick-link-box-focus-ring: Highlight;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/link.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-link{--brick-link-foreground:var(--brick-color-accent-text);--brick-link-foreground-hover:var(--brick-color-accent-solid-hover);--brick-link-foreground-active:var(--brick-color-accent-solid-pressed);--brick-link-focus-ring:var(--brick-color-focus-ring);--brick-link-decoration-color:currentColor;--brick-link-decoration-thickness:.08em;--brick-link-decoration-offset:.16em;--brick-link-gap:.375em;--brick-link-icon-size:1em;--brick-link-font-family:inherit;--brick-link-font-size:inherit;--brick-link-font-weight:inherit;--brick-link-line-height:inherit;--brick-link-letter-spacing:inherit;align-items:baseline;gap:var(--brick-link-gap);min-inline-size:0;max-inline-size:100%;color:var(--brick-link-foreground);font-family:var(--brick-link-font-family);font-size:var(--brick-link-font-size);font-weight:var(--brick-link-font-weight);letter-spacing:var(--brick-link-letter-spacing);line-height:var(--brick-link-line-height);overflow-wrap:anywhere;-webkit-text-decoration-color:var(--brick-link-decoration-color);text-decoration-color:var(--brick-link-decoration-color);text-decoration-line:underline;text-decoration-thickness:var(--brick-link-decoration-thickness);text-underline-offset:var(--brick-link-decoration-offset);vertical-align:baseline;display:inline-flex}.brick-link:hover{color:var(--brick-link-foreground-hover)}.brick-link:active{color:var(--brick-link-foreground-active)}.brick-link:focus-visible{border-radius:var(--brick-radius-subtle);outline:var(--brick-border-focus-width) solid var(--brick-link-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-link[data-variant=plain]{text-decoration-line:none}.brick-link[data-variant=plain]:is(:hover,:focus-visible,:active){text-decoration-line:underline}.brick-link[data-tone=neutral]{--brick-link-foreground:var(--brick-color-text-primary);--brick-link-foreground-hover:var(--brick-color-text-secondary);--brick-link-foreground-active:var(--brick-color-text-primary)}.brick-link[data-tone=inherit]{--brick-link-foreground:currentColor;--brick-link-foreground-hover:currentColor;--brick-link-foreground-active:currentColor}.brick-link[data-size=sm]{--brick-link-font-family:var(--brick-typography-body-sm-font-family);--brick-link-font-size:var(--brick-typography-body-sm-font-size);--brick-link-font-weight:var(--brick-typography-body-sm-font-weight);--brick-link-line-height:var(--brick-typography-body-sm-line-height);--brick-link-letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-link[data-size=md]{--brick-link-font-family:var(--brick-typography-body-md-font-family);--brick-link-font-size:var(--brick-typography-body-md-font-size);--brick-link-font-weight:var(--brick-typography-body-md-font-weight);--brick-link-line-height:var(--brick-typography-body-md-line-height);--brick-link-letter-spacing:var(--brick-typography-body-md-letter-spacing)}.brick-link[data-size=lg]{--brick-link-font-family:var(--brick-typography-body-lg-font-family);--brick-link-font-size:var(--brick-typography-body-lg-font-size);--brick-link-font-weight:var(--brick-typography-body-lg-font-weight);--brick-link-line-height:var(--brick-typography-body-lg-line-height);--brick-link-letter-spacing:var(--brick-typography-body-lg-letter-spacing)}.brick-link[aria-current]:not([aria-current=false]){--brick-link-font-weight:var(--brick-font-weight-medium)}.brick-link__content{min-inline-size:0}.brick-link__icon{inline-size:var(--brick-link-icon-size);block-size:var(--brick-link-icon-size);flex:none;justify-content:center;align-self:center;align-items:center;display:inline-flex}.brick-link__icon>:where(svg,img){block-size:100%;inline-size:100%}@media (forced-colors:active){.brick-link{--brick-link-foreground:LinkText;--brick-link-foreground-hover:LinkText;--brick-link-foreground-active:LinkText;--brick-link-focus-ring:Highlight;forced-color-adjust:auto}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-link{--brick-link-focus-ring:var(--brick-color-focus-ring);--brick-link-decoration-color:currentColor;--brick-link-decoration-thickness:.08em;--brick-link-decoration-offset:.16em;--brick-link-gap:.375em;--brick-link-icon-size:1em;--brick-link-font-family:inherit;--brick-link-font-size:inherit;--brick-link-line-height:inherit;--brick-link-letter-spacing:inherit;align-items:baseline;gap:var(--brick-link-gap);min-inline-size:0;max-inline-size:100%;color:var(--brick-link-foreground,var(--brick-color-link-text));font-family:var(--brick-link-font-family);font-size:var(--brick-link-font-size);font-weight:var(--brick-link-font-weight,var(--brick-link-theme-font-weight,inherit));letter-spacing:var(--brick-link-letter-spacing);line-height:var(--brick-link-line-height);overflow-wrap:anywhere;-webkit-text-decoration-color:var(--brick-link-decoration-color);text-decoration-color:var(--brick-link-decoration-color);-webkit-text-decoration-line:var(--brick-link-decoration,underline);text-decoration-line:var(--brick-link-decoration,underline);text-decoration-thickness:var(--brick-link-decoration-thickness);text-underline-offset:var(--brick-link-decoration-offset);vertical-align:baseline;display:inline-flex}.brick-link:hover{color:var(--brick-link-foreground-hover,var(--brick-color-link-text-hover))}.brick-link:active{color:var(--brick-link-foreground-active,var(--brick-color-link-text-pressed))}.brick-link:focus-visible{border-radius:var(--brick-radius-subtle);outline:var(--brick-border-focus-width) solid var(--brick-link-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-link[data-variant=underline]{text-decoration-line:underline}.brick-link[data-variant=plain]{--brick-link-font-weight:var(--brick-typography-body-md-font-weight);text-decoration-line:none}.brick-link[data-variant=theme]:is(:hover,:focus-visible,:active){text-decoration-line:underline}.brick-link[data-tone=neutral]{--brick-link-foreground:var(--brick-color-text-primary);--brick-link-foreground-hover:var(--brick-color-link-text-hover);--brick-link-foreground-active:var(--brick-color-link-text-pressed)}.brick-link[data-tone=inherit]{--brick-link-foreground:currentColor;--brick-link-foreground-hover:currentColor;--brick-link-foreground-active:currentColor}.brick-link[data-size=sm]{--brick-link-font-family:var(--brick-typography-body-sm-font-family);--brick-link-font-size:var(--brick-typography-body-sm-font-size);--brick-link-line-height:var(--brick-typography-body-sm-line-height);--brick-link-letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-link[data-size=md]{--brick-link-font-family:var(--brick-typography-body-md-font-family);--brick-link-font-size:var(--brick-typography-body-md-font-size);--brick-link-line-height:var(--brick-typography-body-md-line-height);--brick-link-letter-spacing:var(--brick-typography-body-md-letter-spacing)}.brick-link[data-size=lg]{--brick-link-font-family:var(--brick-typography-body-lg-font-family);--brick-link-font-size:var(--brick-typography-body-lg-font-size);--brick-link-line-height:var(--brick-typography-body-lg-line-height);--brick-link-letter-spacing:var(--brick-typography-body-lg-letter-spacing)}.brick-link[aria-current]:not([aria-current=false]){--brick-link-font-weight:var(--brick-typography-label-md-font-weight)}.brick-link__content{min-inline-size:0}.brick-link__icon{inline-size:var(--brick-link-icon-size);block-size:var(--brick-link-icon-size);flex:none;justify-content:center;align-self:center;align-items:center;display:inline-flex}.brick-link__icon>:where(svg,img){block-size:100%;inline-size:100%}@media (forced-colors:active){.brick-link{--brick-link-foreground:LinkText;--brick-link-foreground-hover:LinkText;--brick-link-foreground-active:LinkText;--brick-link-focus-ring:Highlight;forced-color-adjust:auto}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=link.css.map */

package/dist/styles/link.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,yvCAmCA,2DAIA,6DAIA,8LAMA,0DAIA,iGAIA,sNAMA,2JAMA,qXAQA,qXAQA,qXAQA,6GAIA,uCAIA,2LAUA,mEAKA,8BACE,yLDtHJ","sources":["home/runner/work/brick/brick/.brick-cache/production/link.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/link/link.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/link/link.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-link {\n    --brick-link-foreground: var(--brick-color-accent-text);\n    --brick-link-foreground-hover: var(--brick-color-accent-solid-hover);\n    --brick-link-foreground-active: var(--brick-color-accent-solid-pressed);\n    --brick-link-focus-ring: var(--brick-color-focus-ring);\n    --brick-link-decoration-color: currentColor;\n    --brick-link-decoration-thickness: 0.08em;\n    --brick-link-decoration-offset: 0.16em;\n    --brick-link-gap: 0.375em;\n    --brick-link-icon-size: 1em;\n    --brick-link-font-family: inherit;\n    --brick-link-font-size: inherit;\n    --brick-link-font-weight: inherit;\n    --brick-link-line-height: inherit;\n    --brick-link-letter-spacing: inherit;\n\n    display: inline-flex;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: baseline;\n    gap: var(--brick-link-gap);\n    color: var(--brick-link-foreground);\n    font-family: var(--brick-link-font-family);\n    font-size: var(--brick-link-font-size);\n    font-weight: var(--brick-link-font-weight);\n    letter-spacing: var(--brick-link-letter-spacing);\n    line-height: var(--brick-link-line-height);\n    overflow-wrap: anywhere;\n    text-decoration-color: var(--brick-link-decoration-color);\n    text-decoration-line: underline;\n    text-decoration-thickness: var(--brick-link-decoration-thickness);\n    text-underline-offset: var(--brick-link-decoration-offset);\n    vertical-align: baseline;\n  }\n\n  .brick-link:hover {\n    color: var(--brick-link-foreground-hover);\n  }\n\n  .brick-link:active {\n    color: var(--brick-link-foreground-active);\n  }\n\n  .brick-link:focus-visible {\n    border-radius: var(--brick-radius-subtle);\n    outline: var(--brick-border-focus-width) solid var(--brick-link-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-link[data-variant=\"plain\"] {\n    text-decoration-line: none;\n  }\n\n  .brick-link[data-variant=\"plain\"]:is(:hover, :focus-visible, :active) {\n    text-decoration-line: underline;\n  }\n\n  .brick-link[data-tone=\"neutral\"] {\n    --brick-link-foreground: var(--brick-color-text-primary);\n    --brick-link-foreground-hover: var(--brick-color-text-secondary);\n    --brick-link-foreground-active: var(--brick-color-text-primary);\n  }\n\n  .brick-link[data-tone=\"inherit\"] {\n    --brick-link-foreground: currentColor;\n    --brick-link-foreground-hover: currentColor;\n    --brick-link-foreground-active: currentColor;\n  }\n\n  .brick-link[data-size=\"sm\"] {\n    --brick-link-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-link-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-link-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-link-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-link[data-size=\"md\"] {\n    --brick-link-font-family: var(--brick-typography-body-md-font-family);\n    --brick-link-font-size: var(--brick-typography-body-md-font-size);\n    --brick-link-font-weight: var(--brick-typography-body-md-font-weight);\n    --brick-link-line-height: var(--brick-typography-body-md-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-link[data-size=\"lg\"] {\n    --brick-link-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-link-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-link-font-weight: var(--brick-typography-body-lg-font-weight);\n    --brick-link-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n  }\n\n  .brick-link[aria-current]:not([aria-current=\"false\"]) {\n    --brick-link-font-weight: var(--brick-font-weight-medium);\n  }\n\n  .brick-link__content {\n    min-inline-size: 0;\n  }\n\n  .brick-link__icon {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-self: center;\n    align-items: center;\n    justify-content: center;\n    inline-size: var(--brick-link-icon-size);\n    block-size: var(--brick-link-icon-size);\n  }\n\n  .brick-link__icon > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  @media (forced-colors: active) {\n    .brick-link {\n      --brick-link-foreground: LinkText;\n      --brick-link-foreground-hover: LinkText;\n      --brick-link-foreground-active: LinkText;\n      --brick-link-focus-ring: Highlight;\n      forced-color-adjust: auto;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,gsCA+BA,8FAIA,kGAIA,8LAMA,mEAIA,+HAKA,iGAIA,4NAMA,2JAMA,gTAOA,gTAOA,gTAOA,0HAIA,uCAIA,2LAUA,mEAKA,8BACE,yLDpHJ","sources":["home/runner/work/brick/brick/.brick-cache/production/link.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/link/link.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/link/link.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-link {\n    --brick-link-focus-ring: var(--brick-color-focus-ring);\n    --brick-link-decoration-color: currentColor;\n    --brick-link-decoration-thickness: 0.08em;\n    --brick-link-decoration-offset: 0.16em;\n    --brick-link-gap: 0.375em;\n    --brick-link-icon-size: 1em;\n    --brick-link-font-family: inherit;\n    --brick-link-font-size: inherit;\n    --brick-link-line-height: inherit;\n    --brick-link-letter-spacing: inherit;\n\n    display: inline-flex;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: baseline;\n    gap: var(--brick-link-gap);\n    color: var(--brick-link-foreground, var(--brick-color-link-text));\n    font-family: var(--brick-link-font-family);\n    font-size: var(--brick-link-font-size);\n    font-weight: var(--brick-link-font-weight, var(--brick-link-theme-font-weight, inherit));\n    letter-spacing: var(--brick-link-letter-spacing);\n    line-height: var(--brick-link-line-height);\n    overflow-wrap: anywhere;\n    text-decoration-color: var(--brick-link-decoration-color);\n    text-decoration-line: var(--brick-link-decoration, underline);\n    text-decoration-thickness: var(--brick-link-decoration-thickness);\n    text-underline-offset: var(--brick-link-decoration-offset);\n    vertical-align: baseline;\n  }\n\n  .brick-link:hover {\n    color: var(--brick-link-foreground-hover, var(--brick-color-link-text-hover));\n  }\n\n  .brick-link:active {\n    color: var(--brick-link-foreground-active, var(--brick-color-link-text-pressed));\n  }\n\n  .brick-link:focus-visible {\n    border-radius: var(--brick-radius-subtle);\n    outline: var(--brick-border-focus-width) solid var(--brick-link-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-link[data-variant=\"underline\"] {\n    text-decoration-line: underline;\n  }\n\n  .brick-link[data-variant=\"plain\"] {\n    --brick-link-font-weight: var(--brick-typography-body-md-font-weight);\n    text-decoration-line: none;\n  }\n\n  .brick-link[data-variant=\"theme\"]:is(:hover, :focus-visible, :active) {\n    text-decoration-line: underline;\n  }\n\n  .brick-link[data-tone=\"neutral\"] {\n    --brick-link-foreground: var(--brick-color-text-primary);\n    --brick-link-foreground-hover: var(--brick-color-link-text-hover);\n    --brick-link-foreground-active: var(--brick-color-link-text-pressed);\n  }\n\n  .brick-link[data-tone=\"inherit\"] {\n    --brick-link-foreground: currentColor;\n    --brick-link-foreground-hover: currentColor;\n    --brick-link-foreground-active: currentColor;\n  }\n\n  .brick-link[data-size=\"sm\"] {\n    --brick-link-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-link-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-link-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-link[data-size=\"md\"] {\n    --brick-link-font-family: var(--brick-typography-body-md-font-family);\n    --brick-link-font-size: var(--brick-typography-body-md-font-size);\n    --brick-link-line-height: var(--brick-typography-body-md-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-link[data-size=\"lg\"] {\n    --brick-link-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-link-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-link-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n  }\n\n  .brick-link[aria-current]:not([aria-current=\"false\"]) {\n    --brick-link-font-weight: var(--brick-typography-label-md-font-weight);\n  }\n\n  .brick-link__content {\n    min-inline-size: 0;\n  }\n\n  .brick-link__icon {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-self: center;\n    align-items: center;\n    justify-content: center;\n    inline-size: var(--brick-link-icon-size);\n    block-size: var(--brick-link-icon-size);\n  }\n\n  .brick-link__icon > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  @media (forced-colors: active) {\n    .brick-link {\n      --brick-link-foreground: LinkText;\n      --brick-link-foreground-hover: LinkText;\n      --brick-link-foreground-active: LinkText;\n      --brick-link-focus-ring: Highlight;\n      forced-color-adjust: auto;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/list.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-list{--brick-list-row-gap:0;--brick-list-row-padding-inline:var(--brick-space-4);--brick-list-row-padding-block:var(--brick-space-3);--brick-list-item-column-gap:var(--brick-space-3);--brick-list-marker-style:disc;--brick-list-marker-color:var(--brick-color-text-secondary);--brick-list-marker-gap:var(--brick-space-4);--brick-list-border-color:var(--brick-color-border-subtle);--brick-list-border-width:var(--brick-border-width);--brick-list-radius:var(--brick-radius-surface);--brick-list-title-color:var(--brick-color-text-primary);--brick-list-description-color:var(--brick-color-text-secondary);--brick-list-leading-color:var(--brick-color-text-secondary);--brick-list-disabled-opacity:.55;--brick-list-nested-inset:var(--brick-space-6);--brick-list-part-align:start;--brick-list-title-font-size:var(--brick-typography-body-md-font-size);--brick-list-title-line-height:var(--brick-typography-body-md-line-height);--brick-list-description-font-size:var(--brick-typography-supporting-sm-font-size);--brick-list-description-line-height:var(--brick-typography-supporting-sm-line-height);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;list-style-position:outside;list-style-type:var(--brick-list-marker-style);color:var(--brick-list-title-color);margin:0;padding-block:0;padding-inline-start:calc(var(--brick-list-marker-gap) + 1em)}.brick-list[data-ordered]{--brick-list-marker-style:decimal}.brick-list[data-marker=disc]{--brick-list-marker-style:disc}.brick-list[data-marker=circle]{--brick-list-marker-style:circle}.brick-list[data-marker=square]{--brick-list-marker-style:square}.brick-list[data-marker=decimal]{--brick-list-marker-style:decimal}.brick-list[data-marker=lower-alpha]{--brick-list-marker-style:lower-alpha}.brick-list[data-marker=upper-alpha]{--brick-list-marker-style:upper-alpha}.brick-list[data-marker=lower-roman]{--brick-list-marker-style:lower-roman}.brick-list[data-marker=upper-roman]{--brick-list-marker-style:upper-roman}.brick-list[data-marker=none]{--brick-list-marker-style:none;padding-inline-start:0}.brick-list[data-size=sm]{--brick-list-row-padding-inline:var(--brick-space-3);--brick-list-item-column-gap:var(--brick-space-2);--brick-list-title-font-size:var(--brick-typography-body-sm-font-size);--brick-list-title-line-height:var(--brick-typography-body-sm-line-height);--brick-list-description-font-size:var(--brick-typography-caption-font-size);--brick-list-description-line-height:var(--brick-typography-caption-line-height)}.brick-list[data-size=lg]{--brick-list-row-padding-inline:var(--brick-space-5);--brick-list-item-column-gap:var(--brick-space-4);--brick-list-title-font-size:var(--brick-typography-body-lg-font-size);--brick-list-title-line-height:var(--brick-typography-body-lg-line-height);--brick-list-description-font-size:var(--brick-typography-body-md-font-size);--brick-list-description-line-height:var(--brick-typography-body-md-line-height)}.brick-list[data-density=compact]{--brick-list-row-padding-block:var(--brick-space-1);--brick-list-row-gap:var(--brick-space-1)}.brick-list[data-variant=divided]>.brick-list__item+.brick-list__item,.brick-list[data-variant=bordered]>.brick-list__item+.brick-list__item{border-block-start:var(--brick-list-border-width) solid var(--brick-list-border-color)}.brick-list[data-variant=bordered]{border:var(--brick-list-border-width) solid var(--brick-list-border-color);border-radius:var(--brick-list-radius);padding-inline-start:0;list-style-position:inside;overflow:clip}.brick-list[data-variant=bordered]>.brick-list__item{padding-inline:calc(var(--brick-list-marker-gap) + 1em)}.brick-list[data-variant=bordered][data-marker=none]>.brick-list__item{padding-inline:0}.brick-list__item{box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding-block:var(--brick-list-row-padding-block);padding-inline:var(--brick-list-row-padding-inline);color:var(--brick-list-title-color)}.brick-list__item::marker{color:var(--brick-list-marker-color);font-variant-numeric:tabular-nums}.brick-list__item[data-disabled]{opacity:var(--brick-list-disabled-opacity)}.brick-list__row{min-inline-size:0;max-inline-size:100%;font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-list-title-font-size);font-weight:var(--brick-typography-body-md-font-weight);letter-spacing:var(--brick-typography-body-md-letter-spacing);line-height:var(--brick-list-title-line-height);overflow-wrap:anywhere}.brick-list__row:has(>:where(.brick-list__leading,.brick-list__content,.brick-list__trailing)){column-gap:var(--brick-list-item-column-gap);align-items:var(--brick-list-part-align);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.brick-list__leading,.brick-list__trailing{min-inline-size:0;color:var(--brick-list-leading-color);flex:none;align-items:center;display:flex}.brick-list__leading{grid-column:1}.brick-list__content{grid-column:2}.brick-list__trailing{grid-column:3;justify-content:end}.brick-list__content:first-child{grid-column-start:1}.brick-list__content:last-child{grid-column-end:-1}.brick-list__content,.brick-list__title,.brick-list__description{min-inline-size:0;max-inline-size:100%;display:block}.brick-list__title{color:var(--brick-list-title-color);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-list-title-font-size);font-weight:var(--brick-typography-body-md-font-weight);letter-spacing:var(--brick-typography-body-md-letter-spacing);line-height:var(--brick-list-title-line-height)}.brick-list__description{color:var(--brick-list-description-color);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-list-description-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-list-description-line-height)}.brick-list .brick-list{margin-block-start:var(--brick-list-row-gap);padding-inline-start:var(--brick-list-nested-inset)}@media (forced-colors:active){.brick-list[data-variant=divided]>.brick-list__item+.brick-list__item,.brick-list[data-variant=bordered]>.brick-list__item+.brick-list__item,.brick-list[data-variant=bordered]{border-color:canvastext}.brick-list__leading,.brick-list__description{color:canvastext}.brick-list__item::marker{color:canvastext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-list{--brick-list-row-gap:0;--brick-list-row-padding-inline:var(--brick-space-4);--brick-list-row-padding-block:var(--brick-space-3);--brick-list-item-column-gap:var(--brick-space-3);--brick-list-marker-style:disc;--brick-list-marker-color:var(--brick-color-text-secondary);--brick-list-marker-gap:var(--brick-space-4);--brick-list-border-color:var(--brick-color-border-subtle);--brick-list-border-width:var(--brick-border-width);--brick-list-radius:var(--brick-radius-surface);--brick-list-title-color:var(--brick-color-text-primary);--brick-list-description-color:var(--brick-color-text-secondary);--brick-list-leading-color:var(--brick-color-text-secondary);--brick-list-disabled-opacity:.55;--brick-list-nested-inset:var(--brick-space-6);--brick-list-part-align:start;--brick-list-title-font-size:var(--brick-typography-body-md-font-size);--brick-list-title-line-height:var(--brick-typography-body-md-line-height);--brick-list-description-font-size:var(--brick-typography-supporting-sm-font-size);--brick-list-description-line-height:var(--brick-typography-supporting-sm-line-height);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;list-style-position:outside;list-style-type:var(--brick-list-marker-style);color:var(--brick-list-title-color);margin:0;padding-block:0;padding-inline-start:calc(var(--brick-list-marker-gap) + 1em)}.brick-list[data-ordered]{--brick-list-marker-style:decimal}.brick-list[data-marker=disc]{--brick-list-marker-style:disc}.brick-list[data-marker=circle]{--brick-list-marker-style:circle}.brick-list[data-marker=square]{--brick-list-marker-style:square}.brick-list[data-marker=decimal]{--brick-list-marker-style:decimal}.brick-list[data-marker=lower-alpha]{--brick-list-marker-style:lower-alpha}.brick-list[data-marker=upper-alpha]{--brick-list-marker-style:upper-alpha}.brick-list[data-marker=lower-roman]{--brick-list-marker-style:lower-roman}.brick-list[data-marker=upper-roman]{--brick-list-marker-style:upper-roman}.brick-list[data-marker=none]{--brick-list-marker-style:none;padding-inline-start:0}.brick-list[data-size=sm]{--brick-list-row-padding-inline:var(--brick-space-3);--brick-list-item-column-gap:var(--brick-space-2);--brick-list-title-font-size:var(--brick-typography-body-sm-font-size);--brick-list-title-line-height:var(--brick-typography-body-sm-line-height);--brick-list-description-font-size:var(--brick-typography-caption-font-size);--brick-list-description-line-height:var(--brick-typography-caption-line-height)}.brick-list[data-size=lg]{--brick-list-row-padding-inline:var(--brick-space-5);--brick-list-item-column-gap:var(--brick-space-4);--brick-list-title-font-size:var(--brick-typography-body-lg-font-size);--brick-list-title-line-height:var(--brick-typography-body-lg-line-height);--brick-list-description-font-size:var(--brick-typography-body-md-font-size);--brick-list-description-line-height:var(--brick-typography-body-md-line-height)}.brick-list[data-density=compact]{--brick-list-row-padding-block:var(--brick-space-1);--brick-list-row-gap:var(--brick-space-1)}.brick-list[data-variant=divided]>.brick-list__item+.brick-list__item,.brick-list[data-variant=bordered]>.brick-list__item+.brick-list__item{border-block-start:var(--brick-list-border-width) solid var(--brick-list-border-color)}.brick-list[data-variant=bordered]{border:var(--brick-list-border-width) solid var(--brick-list-border-color);border-radius:var(--brick-list-radius);padding-inline-start:0;list-style-position:inside;overflow:clip}.brick-list[data-variant=bordered]>.brick-list__item{padding-inline:calc(var(--brick-list-marker-gap) + 1em)}.brick-list[data-variant=bordered][data-marker=none]>.brick-list__item{padding-inline:0}.brick-list[data-variant=bordered]>.brick-list__item>.brick-list__row{display:inline}.brick-list[data-variant=bordered]>.brick-list__item>.brick-list__row:has(>:where(.brick-list__leading,.brick-list__content,.brick-list__trailing)){inline-size:calc(100% - var(--brick-list-marker-gap) - 1em);vertical-align:top;display:inline-grid}.brick-list[data-variant=bordered][data-marker=none]>.brick-list__item>.brick-list__row{display:block}.brick-list[data-variant=bordered][data-marker=none]>.brick-list__item>.brick-list__row:has(>:where(.brick-list__leading,.brick-list__content,.brick-list__trailing)){inline-size:auto;display:grid}.brick-list__item{box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding-block:var(--brick-list-row-padding-block);padding-inline:var(--brick-list-row-padding-inline);color:var(--brick-list-title-color)}.brick-list__item::marker{color:var(--brick-list-marker-color);font-variant-numeric:tabular-nums}.brick-list__item[data-disabled]{opacity:var(--brick-list-disabled-opacity)}.brick-list__row{min-inline-size:0;max-inline-size:100%;font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-list-title-font-size);font-weight:var(--brick-typography-body-md-font-weight);letter-spacing:var(--brick-typography-body-md-letter-spacing);line-height:var(--brick-list-title-line-height);overflow-wrap:anywhere}.brick-list__row:has(>:where(.brick-list__leading,.brick-list__content,.brick-list__trailing)){column-gap:var(--brick-list-item-column-gap);align-items:var(--brick-list-part-align);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.brick-list__leading,.brick-list__trailing{min-inline-size:0;color:var(--brick-list-leading-color);flex:none;align-items:center;display:flex}.brick-list__leading{grid-column:1}.brick-list__content{grid-column:2}.brick-list__trailing{grid-column:3;justify-content:end}.brick-list__content:first-child{grid-column-start:1}.brick-list__content:last-child{grid-column-end:-1}.brick-list__content,.brick-list__title,.brick-list__description{min-inline-size:0;max-inline-size:100%;display:block}.brick-list__title{color:var(--brick-list-title-color);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-list-title-font-size);font-weight:var(--brick-typography-body-md-font-weight);letter-spacing:var(--brick-typography-body-md-letter-spacing);line-height:var(--brick-list-title-line-height)}.brick-list__description{color:var(--brick-list-description-color);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-list-description-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-list-description-line-height)}.brick-list .brick-list{margin-block-start:var(--brick-list-row-gap);padding-inline-start:var(--brick-list-nested-inset)}@media (forced-colors:active){.brick-list[data-variant=divided]>.brick-list__item+.brick-list__item,.brick-list[data-variant=bordered]>.brick-list__item+.brick-list__item,.brick-list[data-variant=bordered]{border-color:canvastext}.brick-list__leading,.brick-list__description{color:canvastext}.brick-list__item::marker{color:canvastext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=list.css.map */

package/dist/styles/list.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,00CAiCA,4DACA,6DACA,iEACA,iEACA,mEACA,2EACA,2EACA,2EACA,2EAEA,oFAKA,ibASA,ibASA,gIAKA,oOAKA,qNAQA,6GAIA,wFAEA,yNASA,iGAKA,4EAEA,yVAWA,gPAOA,6IASA,mCACA,mCACA,wDACA,qDACA,mDAEA,sHAQA,iUASA,2WASA,yHAKA,8BACE,wMAIA,+DAAA,6CDhLJ","sources":["home/runner/work/brick/brick/.brick-cache/production/list.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/list/list.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/list/list.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-list {\n    --brick-list-row-gap: 0;\n    --brick-list-row-padding-inline: var(--brick-space-4);\n    --brick-list-row-padding-block: var(--brick-space-3);\n    --brick-list-item-column-gap: var(--brick-space-3);\n    --brick-list-marker-style: disc;\n    --brick-list-marker-color: var(--brick-color-text-secondary);\n    --brick-list-marker-gap: var(--brick-space-4);\n    --brick-list-border-color: var(--brick-color-border-subtle);\n    --brick-list-border-width: var(--brick-border-width);\n    --brick-list-radius: var(--brick-radius-surface);\n    --brick-list-title-color: var(--brick-color-text-primary);\n    --brick-list-description-color: var(--brick-color-text-secondary);\n    --brick-list-leading-color: var(--brick-color-text-secondary);\n    --brick-list-disabled-opacity: 0.55;\n    --brick-list-nested-inset: var(--brick-space-6);\n    --brick-list-part-align: start;\n    --brick-list-title-font-size: var(--brick-typography-body-md-font-size);\n    --brick-list-title-line-height: var(--brick-typography-body-md-line-height);\n    --brick-list-description-font-size: var(--brick-typography-supporting-sm-font-size);\n    --brick-list-description-line-height: var(--brick-typography-supporting-sm-line-height);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    margin: 0;\n    padding-block: 0;\n    padding-inline-start: calc(var(--brick-list-marker-gap) + 1em);\n    list-style-position: outside;\n    list-style-type: var(--brick-list-marker-style);\n    color: var(--brick-list-title-color);\n  }\n\n  .brick-list[data-ordered] { --brick-list-marker-style: decimal; }\n  .brick-list[data-marker=\"disc\"] { --brick-list-marker-style: disc; }\n  .brick-list[data-marker=\"circle\"] { --brick-list-marker-style: circle; }\n  .brick-list[data-marker=\"square\"] { --brick-list-marker-style: square; }\n  .brick-list[data-marker=\"decimal\"] { --brick-list-marker-style: decimal; }\n  .brick-list[data-marker=\"lower-alpha\"] { --brick-list-marker-style: lower-alpha; }\n  .brick-list[data-marker=\"upper-alpha\"] { --brick-list-marker-style: upper-alpha; }\n  .brick-list[data-marker=\"lower-roman\"] { --brick-list-marker-style: lower-roman; }\n  .brick-list[data-marker=\"upper-roman\"] { --brick-list-marker-style: upper-roman; }\n\n  .brick-list[data-marker=\"none\"] {\n    --brick-list-marker-style: none;\n    padding-inline-start: 0;\n  }\n\n  .brick-list[data-size=\"sm\"] {\n    --brick-list-row-padding-inline: var(--brick-space-3);\n    --brick-list-item-column-gap: var(--brick-space-2);\n    --brick-list-title-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-list-title-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-list-description-font-size: var(--brick-typography-caption-font-size);\n    --brick-list-description-line-height: var(--brick-typography-caption-line-height);\n  }\n\n  .brick-list[data-size=\"lg\"] {\n    --brick-list-row-padding-inline: var(--brick-space-5);\n    --brick-list-item-column-gap: var(--brick-space-4);\n    --brick-list-title-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-list-title-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-list-description-font-size: var(--brick-typography-body-md-font-size);\n    --brick-list-description-line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-list[data-density=\"compact\"] {\n    --brick-list-row-padding-block: var(--brick-space-1);\n    --brick-list-row-gap: var(--brick-space-1);\n  }\n\n  .brick-list[data-variant=\"divided\"] > .brick-list__item + .brick-list__item,\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item + .brick-list__item {\n    border-block-start: var(--brick-list-border-width) solid var(--brick-list-border-color);\n  }\n\n  .brick-list[data-variant=\"bordered\"] {\n    padding-inline-start: 0;\n    overflow: clip;\n    border: var(--brick-list-border-width) solid var(--brick-list-border-color);\n    border-radius: var(--brick-list-radius);\n    list-style-position: inside;\n  }\n\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item {\n    padding-inline: calc(var(--brick-list-marker-gap) + 1em);\n  }\n\n  .brick-list[data-variant=\"bordered\"][data-marker=\"none\"] > .brick-list__item { padding-inline: 0; }\n\n  .brick-list__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-list-row-padding-block);\n    padding-inline: var(--brick-list-row-padding-inline);\n    color: var(--brick-list-title-color);\n  }\n\n  .brick-list__item::marker {\n    color: var(--brick-list-marker-color);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-list__item[data-disabled] { opacity: var(--brick-list-disabled-opacity); }\n\n  .brick-list__row {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-list-title-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-list-title-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-list__row:has(> :where(.brick-list__leading, .brick-list__content, .brick-list__trailing)) {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) auto;\n    column-gap: var(--brick-list-item-column-gap);\n    align-items: var(--brick-list-part-align);\n  }\n\n  .brick-list__leading,\n  .brick-list__trailing {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    align-items: center;\n    color: var(--brick-list-leading-color);\n  }\n\n  .brick-list__leading { grid-column: 1; }\n  .brick-list__content { grid-column: 2; }\n  .brick-list__trailing { grid-column: 3; justify-content: end; }\n  .brick-list__content:first-child { grid-column-start: 1; }\n  .brick-list__content:last-child { grid-column-end: -1; }\n\n  .brick-list__content,\n  .brick-list__title,\n  .brick-list__description {\n    display: block;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n  }\n\n  .brick-list__title {\n    color: var(--brick-list-title-color);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-list-title-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-list-title-line-height);\n  }\n\n  .brick-list__description {\n    color: var(--brick-list-description-color);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-list-description-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-list-description-line-height);\n  }\n\n  .brick-list .brick-list {\n    margin-block-start: var(--brick-list-row-gap);\n    padding-inline-start: var(--brick-list-nested-inset);\n  }\n\n  @media (forced-colors: active) {\n    .brick-list[data-variant=\"divided\"] > .brick-list__item + .brick-list__item,\n    .brick-list[data-variant=\"bordered\"] > .brick-list__item + .brick-list__item,\n    .brick-list[data-variant=\"bordered\"] { border-color: CanvasText; }\n\n    .brick-list__item::marker,\n    .brick-list__leading,\n    .brick-list__description { color: CanvasText; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,00CAiCA,4DACA,6DACA,iEACA,iEACA,mEACA,2EACA,2EACA,2EACA,2EAEA,oFAKA,ibASA,ibASA,gIAKA,oOAKA,qNAQA,6GAIA,wFAEA,qFAIA,uPAMA,sGAEA,oMAKA,yNASA,iGAKA,4EAEA,yVAWA,gPAOA,6IASA,mCACA,mCACA,wDACA,qDACA,mDAEA,sHAQA,iUASA,2WASA,yHAKA,8BACE,wMAIA,+DAAA,6CDjMJ","sources":["home/runner/work/brick/brick/.brick-cache/production/list.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/list/list.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/list/list.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-list {\n    --brick-list-row-gap: 0;\n    --brick-list-row-padding-inline: var(--brick-space-4);\n    --brick-list-row-padding-block: var(--brick-space-3);\n    --brick-list-item-column-gap: var(--brick-space-3);\n    --brick-list-marker-style: disc;\n    --brick-list-marker-color: var(--brick-color-text-secondary);\n    --brick-list-marker-gap: var(--brick-space-4);\n    --brick-list-border-color: var(--brick-color-border-subtle);\n    --brick-list-border-width: var(--brick-border-width);\n    --brick-list-radius: var(--brick-radius-surface);\n    --brick-list-title-color: var(--brick-color-text-primary);\n    --brick-list-description-color: var(--brick-color-text-secondary);\n    --brick-list-leading-color: var(--brick-color-text-secondary);\n    --brick-list-disabled-opacity: 0.55;\n    --brick-list-nested-inset: var(--brick-space-6);\n    --brick-list-part-align: start;\n    --brick-list-title-font-size: var(--brick-typography-body-md-font-size);\n    --brick-list-title-line-height: var(--brick-typography-body-md-line-height);\n    --brick-list-description-font-size: var(--brick-typography-supporting-sm-font-size);\n    --brick-list-description-line-height: var(--brick-typography-supporting-sm-line-height);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    margin: 0;\n    padding-block: 0;\n    padding-inline-start: calc(var(--brick-list-marker-gap) + 1em);\n    list-style-position: outside;\n    list-style-type: var(--brick-list-marker-style);\n    color: var(--brick-list-title-color);\n  }\n\n  .brick-list[data-ordered] { --brick-list-marker-style: decimal; }\n  .brick-list[data-marker=\"disc\"] { --brick-list-marker-style: disc; }\n  .brick-list[data-marker=\"circle\"] { --brick-list-marker-style: circle; }\n  .brick-list[data-marker=\"square\"] { --brick-list-marker-style: square; }\n  .brick-list[data-marker=\"decimal\"] { --brick-list-marker-style: decimal; }\n  .brick-list[data-marker=\"lower-alpha\"] { --brick-list-marker-style: lower-alpha; }\n  .brick-list[data-marker=\"upper-alpha\"] { --brick-list-marker-style: upper-alpha; }\n  .brick-list[data-marker=\"lower-roman\"] { --brick-list-marker-style: lower-roman; }\n  .brick-list[data-marker=\"upper-roman\"] { --brick-list-marker-style: upper-roman; }\n\n  .brick-list[data-marker=\"none\"] {\n    --brick-list-marker-style: none;\n    padding-inline-start: 0;\n  }\n\n  .brick-list[data-size=\"sm\"] {\n    --brick-list-row-padding-inline: var(--brick-space-3);\n    --brick-list-item-column-gap: var(--brick-space-2);\n    --brick-list-title-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-list-title-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-list-description-font-size: var(--brick-typography-caption-font-size);\n    --brick-list-description-line-height: var(--brick-typography-caption-line-height);\n  }\n\n  .brick-list[data-size=\"lg\"] {\n    --brick-list-row-padding-inline: var(--brick-space-5);\n    --brick-list-item-column-gap: var(--brick-space-4);\n    --brick-list-title-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-list-title-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-list-description-font-size: var(--brick-typography-body-md-font-size);\n    --brick-list-description-line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-list[data-density=\"compact\"] {\n    --brick-list-row-padding-block: var(--brick-space-1);\n    --brick-list-row-gap: var(--brick-space-1);\n  }\n\n  .brick-list[data-variant=\"divided\"] > .brick-list__item + .brick-list__item,\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item + .brick-list__item {\n    border-block-start: var(--brick-list-border-width) solid var(--brick-list-border-color);\n  }\n\n  .brick-list[data-variant=\"bordered\"] {\n    padding-inline-start: 0;\n    overflow: clip;\n    border: var(--brick-list-border-width) solid var(--brick-list-border-color);\n    border-radius: var(--brick-list-radius);\n    list-style-position: inside;\n  }\n\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item {\n    padding-inline: calc(var(--brick-list-marker-gap) + 1em);\n  }\n\n  .brick-list[data-variant=\"bordered\"][data-marker=\"none\"] > .brick-list__item { padding-inline: 0; }\n\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item > .brick-list__row {\n    display: inline;\n  }\n\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item > .brick-list__row:has(> :where(.brick-list__leading, .brick-list__content, .brick-list__trailing)) {\n    display: inline-grid;\n    inline-size: calc(100% - var(--brick-list-marker-gap) - 1em);\n    vertical-align: top;\n  }\n\n  .brick-list[data-variant=\"bordered\"][data-marker=\"none\"] > .brick-list__item > .brick-list__row { display: block; }\n\n  .brick-list[data-variant=\"bordered\"][data-marker=\"none\"] > .brick-list__item > .brick-list__row:has(> :where(.brick-list__leading, .brick-list__content, .brick-list__trailing)) {\n    display: grid;\n    inline-size: auto;\n  }\n\n  .brick-list__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-list-row-padding-block);\n    padding-inline: var(--brick-list-row-padding-inline);\n    color: var(--brick-list-title-color);\n  }\n\n  .brick-list__item::marker {\n    color: var(--brick-list-marker-color);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-list__item[data-disabled] { opacity: var(--brick-list-disabled-opacity); }\n\n  .brick-list__row {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-list-title-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-list-title-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-list__row:has(> :where(.brick-list__leading, .brick-list__content, .brick-list__trailing)) {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) auto;\n    column-gap: var(--brick-list-item-column-gap);\n    align-items: var(--brick-list-part-align);\n  }\n\n  .brick-list__leading,\n  .brick-list__trailing {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    align-items: center;\n    color: var(--brick-list-leading-color);\n  }\n\n  .brick-list__leading { grid-column: 1; }\n  .brick-list__content { grid-column: 2; }\n  .brick-list__trailing { grid-column: 3; justify-content: end; }\n  .brick-list__content:first-child { grid-column-start: 1; }\n  .brick-list__content:last-child { grid-column-end: -1; }\n\n  .brick-list__content,\n  .brick-list__title,\n  .brick-list__description {\n    display: block;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n  }\n\n  .brick-list__title {\n    color: var(--brick-list-title-color);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-list-title-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-list-title-line-height);\n  }\n\n  .brick-list__description {\n    color: var(--brick-list-description-color);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-list-description-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-list-description-line-height);\n  }\n\n  .brick-list .brick-list {\n    margin-block-start: var(--brick-list-row-gap);\n    padding-inline-start: var(--brick-list-nested-inset);\n  }\n\n  @media (forced-colors: active) {\n    .brick-list[data-variant=\"divided\"] > .brick-list__item + .brick-list__item,\n    .brick-list[data-variant=\"bordered\"] > .brick-list__item + .brick-list__item,\n    .brick-list[data-variant=\"bordered\"] { border-color: CanvasText; }\n\n    .brick-list__item::marker,\n    .brick-list__leading,\n    .brick-list__description { color: CanvasText; }\n  }\n}\n"],"names":[]}

package/dist/styles/menubar.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-sizing:border-box;min-inline-size:max(12rem, var(--atom-menu-anchor-width,0rem));max-inline-size:min(24rem, calc(100dvi - 2 * var(--brick-space-3)));max-block-size:min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height,var(--brick-action-menu-content-max-block-size)));padding:var(--brick-action-menu-content-padding);overscroll-behavior:contain;border:var(--brick-border-width) solid var(--brick-action-menu-content-border);border-radius:var(--brick-action-menu-content-radius);background:var(--brick-action-menu-content-background);box-shadow:var(--brick-action-menu-content-shadow);color:var(--brick-action-menu-content-foreground);opacity:0;scrollbar-width:thin;transition:opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);z-index:var(--brick-action-menu-content-z-index);overflow:hidden auto;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=top]{translate:0 var(--brick-space-1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=right]{translate:calc(var(--brick-space-1) * -1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=bottom]{translate:0 calc(var(--brick-space-1) * -1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=left]{translate:var(--brick-space-1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-positioned]{opacity:1;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=sm]{--brick-action-menu-row-min-block-size:2rem;--brick-action-menu-row-padding-inline:var(--brick-space-2);--brick-action-menu-row-gap:.375rem;--brick-action-menu-indicator-size:.875rem;--brick-action-menu-font-size:var(--brick-typography-control-sm-font-size);--brick-action-menu-line-height:var(--brick-typography-control-sm-line-height)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=lg]{--brick-action-menu-row-min-block-size:3rem;--brick-action-menu-row-padding-inline:var(--brick-space-4);--brick-action-menu-row-gap:var(--brick-space-3);--brick-action-menu-indicator-size:1.125rem;--brick-action-menu-font-size:var(--brick-typography-control-lg-font-size);--brick-action-menu-line-height:var(--brick-typography-control-lg-line-height)}:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group)+:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group){margin-block-start:var(--brick-space-1)}:where(.brick-dropdown-menu__label,.brick-context-menu__label,.brick-menubar__label){padding:var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);color:var(--brick-action-menu-label-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);letter-spacing:var(--brick-typography-caption-letter-spacing);line-height:var(--brick-typography-caption-line-height)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger){box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-action-menu-row-min-block-size);grid-template-columns:var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;align-items:center;gap:var(--brick-action-menu-row-gap);padding:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);border-radius:var(--brick-action-menu-row-radius);color:var(--brick-action-menu-row-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-action-menu-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-action-menu-line-height);text-align:start;cursor:default;-webkit-user-select:none;user-select:none;outline:0;display:grid}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{background:var(--brick-action-menu-row-highlighted-background);color:var(--brick-action-menu-row-highlighted-foreground);box-shadow:inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger]{color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger][data-highlighted]{background:var(--brick-action-menu-danger-background);color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:var(--brick-action-menu-disabled-foreground);opacity:.65}:where(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading,.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){inline-size:var(--brick-action-menu-indicator-size);block-size:var(--brick-action-menu-indicator-size);color:currentColor;place-items:center;display:inline-grid}:where(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger)>:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label):first-child{grid-column:2}:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label){overflow-wrap:anywhere;grid-column:2;min-inline-size:0}:where(.brick-dropdown-menu__description,.brick-context-menu__description,.brick-menubar__description){min-inline-size:0;color:var(--brick-action-menu-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);line-height:var(--brick-typography-supporting-sm-line-height);overflow-wrap:anywhere;grid-column:2/-1}:where(.brick-dropdown-menu__shortcut,.brick-context-menu__shortcut,.brick-menubar__shortcut){color:var(--brick-action-menu-shortcut-foreground);font-family:var(--brick-typography-code-inline-font-family);font-size:var(--brick-typography-caption-font-size);line-height:var(--brick-typography-caption-line-height);white-space:nowrap;grid-column:3}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){grid-column:1}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator):empty:before{content:"✓";font-weight:var(--brick-typography-label-strong-font-weight)}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator)[data-state=indeterminate]:empty:before{content:"−"}:where(.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger):after{content:"";block-size:.5em;inline-size:.5em;color:var(--brick-action-menu-shortcut-foreground);direction:ltr;border-bottom:.125rem solid;border-right:.125rem solid;grid-column:3;transform:rotate(-45deg)}:where([dir=rtl] .brick-dropdown-menu__sub-trigger,[dir=rtl] .brick-context-menu__sub-trigger,[dir=rtl] .brick-menubar__sub-trigger,.brick-dropdown-menu__sub-trigger[dir=rtl],.brick-context-menu__sub-trigger[dir=rtl],.brick-menubar__sub-trigger[dir=rtl]):after{transform:rotate(135deg)}:where(.brick-dropdown-menu__separator,.brick-context-menu__separator,.brick-menubar__separator){block-size:var(--brick-border-width);margin:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);background:var(--brick-action-menu-separator-color)}:where(.brick-dropdown-menu__arrow,.brick-context-menu__arrow,.brick-menubar__arrow){--brick-floating-arrow-fill:var(--brick-action-menu-content-background);--brick-floating-arrow-stroke:var(--brick-action-menu-content-border);color:var(--brick-action-menu-content-background)}@supports not (width:100dvi){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){max-inline-size:min(24rem, calc(100vw - 2 * var(--brick-space-3)))}}@media (prefers-reduced-motion:reduce){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){transition-duration:1ms;scale:1}}@media (forced-colors:active){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:calc(var(--brick-border-focus-width) * -1);box-shadow:none;color:highlighttext;background:highlight}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:graytext}}.brick-menubar{--brick-menubar-background:var(--brick-color-surface-subtle);--brick-menubar-border:var(--brick-color-border-subtle);--brick-menubar-radius:var(--brick-radius-control);--brick-menubar-padding:var(--brick-space-1);--brick-menubar-gap:var(--brick-space-1);--brick-menubar-trigger-min-block-size:var(--brick-control-target-min);--brick-menubar-trigger-padding-inline:var(--brick-space-3);--brick-menubar-trigger-radius:calc(var(--brick-radius-control) - var(--brick-border-width));--brick-menubar-trigger-foreground:var(--brick-color-text-primary);--brick-menubar-trigger-interaction-background:var(--brick-color-surface-raised);--brick-menubar-trigger-open-background:var(--brick-color-accent-soft);--brick-menubar-trigger-open-foreground:var(--brick-color-accent-text);--brick-menubar-trigger-focus-ring:var(--brick-color-focus-ring);box-sizing:border-box;align-items:stretch;gap:var(--brick-menubar-gap);max-inline-size:100%;padding:var(--brick-menubar-padding);border:var(--brick-border-width) solid var(--brick-menubar-border);border-radius:var(--brick-menubar-radius);background:var(--brick-menubar-background);display:inline-flex}.brick-menubar[data-orientation=vertical]{flex-direction:column;inline-size:fit-content}.brick-menubar[data-size=sm]{--brick-menubar-trigger-min-block-size:2rem;--brick-menubar-trigger-padding-inline:var(--brick-space-2)}.brick-menubar[data-size=lg]{--brick-menubar-trigger-min-block-size:3rem;--brick-menubar-trigger-padding-inline:var(--brick-space-4)}.brick-menubar__trigger{box-sizing:border-box;min-block-size:var(--brick-menubar-trigger-min-block-size);padding-inline:var(--brick-menubar-trigger-padding-inline);border-radius:var(--brick-menubar-trigger-radius);color:var(--brick-menubar-trigger-foreground);font:inherit;white-space:nowrap;cursor:default;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.brick-menubar__trigger:is(:hover,:focus-visible){background:var(--brick-menubar-trigger-interaction-background)}.brick-menubar__trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-menubar-trigger-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-menubar__trigger[data-state=open]{background:var(--brick-menubar-trigger-open-background);color:var(--brick-menubar-trigger-open-foreground)}.brick-menubar__trigger[data-disabled]{color:var(--brick-color-text-muted);opacity:.65}.brick-menubar__content[data-state=closed]{visibility:hidden;transition:none}:where(.brick-menubar__content,.brick-menubar__sub-content){--brick-action-menu-content-background:var(--brick-menubar-content-background,var(--brick-color-surface-overlay));--brick-action-menu-content-foreground:var(--brick-menubar-content-foreground,var(--brick-color-text-primary));--brick-action-menu-content-border:var(--brick-menubar-content-border,var(--brick-color-border-subtle));--brick-action-menu-content-radius:var(--brick-menubar-content-radius,var(--brick-radius-overlay));--brick-action-menu-content-shadow:var(--brick-menubar-content-shadow,0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%));--brick-action-menu-content-padding:var(--brick-menubar-content-padding,var(--brick-space-1));--brick-action-menu-content-max-block-size:var(--brick-menubar-content-max-block-size,20rem);--brick-action-menu-content-z-index:var(--brick-layer-overlay);--brick-action-menu-row-min-block-size:var(--brick-menubar-row-min-block-size,var(--brick-control-target-min));--brick-action-menu-row-padding-inline:var(--brick-menubar-row-padding-inline,var(--brick-space-3));--brick-action-menu-row-gap:var(--brick-menubar-row-gap,var(--brick-space-2));--brick-action-menu-row-radius:var(--brick-menubar-row-radius,var(--brick-radius-control));--brick-action-menu-row-foreground:var(--brick-menubar-row-foreground,var(--brick-color-text-primary));--brick-action-menu-row-highlighted-background:var(--brick-menubar-row-highlighted-background,var(--brick-color-accent-soft));--brick-action-menu-row-highlighted-foreground:var(--brick-menubar-row-highlighted-foreground,var(--brick-color-accent-text));--brick-action-menu-description-foreground:var(--brick-menubar-description-foreground,var(--brick-color-text-secondary));--brick-action-menu-shortcut-foreground:var(--brick-menubar-shortcut-foreground,var(--brick-color-text-muted));--brick-action-menu-label-foreground:var(--brick-menubar-label-foreground,var(--brick-color-text-secondary));--brick-action-menu-disabled-foreground:var(--brick-menubar-disabled-foreground,var(--brick-color-text-muted));--brick-action-menu-danger-foreground:var(--brick-menubar-danger-foreground,var(--brick-color-danger-text));--brick-action-menu-danger-background:var(--brick-menubar-danger-background,var(--brick-color-danger-soft));--brick-action-menu-separator-color:var(--brick-menubar-separator-color,var(--brick-color-border-subtle));--brick-action-menu-indicator-size:var(--brick-menubar-indicator-size,1rem);--brick-action-menu-focus-ring:var(--brick-menubar-focus-ring,var(--brick-color-focus-ring));--brick-action-menu-motion-duration:var(--brick-menubar-motion-duration,var(--brick-motion-duration-fast));--brick-action-menu-font-size:var(--brick-typography-control-md-font-size);--brick-action-menu-line-height:var(--brick-typography-control-md-line-height)}@media (forced-colors:active){.brick-menubar{color:canvastext;background:canvas;border-color:canvastext}.brick-menubar__trigger:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-sizing:border-box;min-inline-size:max(12rem, var(--atom-menu-anchor-width,0rem));max-inline-size:min(24rem, calc(100dvi - 2 * var(--brick-space-3)));max-block-size:min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height,var(--brick-action-menu-content-max-block-size)));padding:var(--brick-action-menu-content-padding);overscroll-behavior:contain;border:var(--brick-border-width) solid var(--brick-action-menu-content-border);border-radius:var(--brick-action-menu-content-radius);background:var(--brick-action-menu-content-background);box-shadow:var(--brick-action-menu-content-shadow);color:var(--brick-action-menu-content-foreground);opacity:0;scrollbar-width:thin;transition:opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);z-index:var(--brick-action-menu-content-z-index);overflow:hidden auto;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=top]{translate:0 var(--brick-space-1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=right]{translate:calc(var(--brick-space-1) * -1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=bottom]{translate:0 calc(var(--brick-space-1) * -1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=left]{translate:var(--brick-space-1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-positioned]{opacity:1;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=sm]{--brick-action-menu-row-min-block-size:2rem;--brick-action-menu-row-padding-inline:var(--brick-space-2);--brick-action-menu-row-gap:.375rem;--brick-action-menu-indicator-size:.875rem;--brick-action-menu-font-size:var(--brick-typography-control-sm-font-size);--brick-action-menu-line-height:var(--brick-typography-control-sm-line-height)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=lg]{--brick-action-menu-row-min-block-size:3rem;--brick-action-menu-row-padding-inline:var(--brick-space-4);--brick-action-menu-row-gap:var(--brick-space-3);--brick-action-menu-indicator-size:1.125rem;--brick-action-menu-font-size:var(--brick-typography-control-lg-font-size);--brick-action-menu-line-height:var(--brick-typography-control-lg-line-height)}:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group)+:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group){margin-block-start:var(--brick-space-1)}:where(.brick-dropdown-menu__label,.brick-context-menu__label,.brick-menubar__label){padding:var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);color:var(--brick-action-menu-label-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);letter-spacing:var(--brick-typography-caption-letter-spacing);line-height:var(--brick-typography-caption-line-height)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger){box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-action-menu-row-min-block-size);grid-template-columns:var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;align-items:center;gap:var(--brick-action-menu-row-gap);padding:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);border-radius:var(--brick-action-menu-row-radius);color:var(--brick-action-menu-row-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-action-menu-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-action-menu-line-height);text-align:start;cursor:default;-webkit-user-select:none;user-select:none;outline:0;display:grid}.brick-link:is(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item){align-items:center;gap:var(--brick-action-menu-row-gap);inline-size:100%;color:var(--brick-action-menu-row-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-action-menu-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-action-menu-line-height);vertical-align:middle;text-decoration-line:none;display:grid}.brick-link:is(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item)>.brick-link__content{display:contents}.brick-link:is(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item):is(:hover,:focus-visible,:active){color:currentColor;outline:0;text-decoration-line:none}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{background:var(--brick-action-menu-row-highlighted-background);color:var(--brick-action-menu-row-highlighted-foreground);box-shadow:inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger]{color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger][data-highlighted]{background:var(--brick-action-menu-danger-background);color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:var(--brick-action-menu-disabled-foreground);opacity:.65}:where(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading,.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){inline-size:var(--brick-action-menu-indicator-size);block-size:var(--brick-action-menu-indicator-size);color:currentColor;place-items:center;display:inline-grid}:is(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading)>.brick-icon,:is(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading)>.brick-icon[data-size]{--brick-icon-size:var(--brick-action-menu-indicator-size)}:where(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading)>:where(svg,img){block-size:100%;inline-size:100%;display:block}:where(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger)>:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label):first-child{grid-column:2}:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label){overflow-wrap:anywhere;grid-column:2;min-inline-size:0}:where(.brick-dropdown-menu__description,.brick-context-menu__description,.brick-menubar__description){min-inline-size:0;color:var(--brick-action-menu-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);line-height:var(--brick-typography-supporting-sm-line-height);overflow-wrap:anywhere;grid-column:2/-1}:where(.brick-dropdown-menu__shortcut,.brick-context-menu__shortcut,.brick-menubar__shortcut){color:var(--brick-action-menu-shortcut-foreground);font-family:var(--brick-typography-code-inline-font-family);font-size:var(--brick-typography-caption-font-size);line-height:var(--brick-typography-caption-line-height);white-space:nowrap;grid-column:3}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){grid-column:1}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator):empty:before{content:"✓";font-weight:var(--brick-typography-label-strong-font-weight)}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator)[data-state=indeterminate]:empty:before{content:"−"}:where(.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger):after{content:"";block-size:.5em;inline-size:.5em;color:var(--brick-action-menu-shortcut-foreground);direction:ltr;border-bottom:.125rem solid;border-right:.125rem solid;grid-column:3;transform:rotate(-45deg)}:where([dir=rtl] .brick-dropdown-menu__sub-trigger,[dir=rtl] .brick-context-menu__sub-trigger,[dir=rtl] .brick-menubar__sub-trigger,.brick-dropdown-menu__sub-trigger[dir=rtl],.brick-context-menu__sub-trigger[dir=rtl],.brick-menubar__sub-trigger[dir=rtl]):after{transform:rotate(135deg)}:where(.brick-dropdown-menu__separator,.brick-context-menu__separator,.brick-menubar__separator){block-size:var(--brick-border-width);margin:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);background:var(--brick-action-menu-separator-color)}:where(.brick-dropdown-menu__arrow,.brick-context-menu__arrow,.brick-menubar__arrow){--brick-floating-arrow-fill:var(--brick-action-menu-content-background);--brick-floating-arrow-stroke:var(--brick-action-menu-content-border);color:var(--brick-action-menu-content-background)}@supports not (width:100dvi){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){max-inline-size:min(24rem, calc(100vw - 2 * var(--brick-space-3)))}}@media (prefers-reduced-motion:reduce){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){transition-duration:1ms;scale:1}}@media (forced-colors:active){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:calc(var(--brick-border-focus-width) * -1);box-shadow:none;color:highlighttext;background:highlight}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:graytext}}.brick-menubar{--brick-menubar-background:var(--brick-color-surface-subtle);--brick-menubar-border:var(--brick-color-border-subtle);--brick-menubar-radius:var(--brick-radius-control);--brick-menubar-padding:var(--brick-space-1);--brick-menubar-gap:var(--brick-space-1);--brick-menubar-trigger-min-block-size:var(--brick-control-target-min);--brick-menubar-trigger-padding-inline:var(--brick-space-3);--brick-menubar-trigger-radius:calc(var(--brick-radius-control) - var(--brick-border-width));--brick-menubar-trigger-foreground:var(--brick-color-text-primary);--brick-menubar-trigger-interaction-background:var(--brick-color-surface-raised);--brick-menubar-trigger-open-background:var(--brick-color-accent-soft);--brick-menubar-trigger-open-foreground:var(--brick-color-accent-text);--brick-menubar-trigger-focus-ring:var(--brick-color-focus-ring);box-sizing:border-box;align-items:stretch;gap:var(--brick-menubar-gap);max-inline-size:100%;padding:var(--brick-menubar-padding);border:var(--brick-border-width) solid var(--brick-menubar-border);border-radius:var(--brick-menubar-radius);background:var(--brick-menubar-background);display:inline-flex}.brick-menubar[data-orientation=vertical]{flex-direction:column;inline-size:fit-content}.brick-menubar[data-size=sm]{--brick-menubar-trigger-min-block-size:2rem;--brick-menubar-trigger-padding-inline:var(--brick-space-2)}.brick-menubar[data-size=lg]{--brick-menubar-trigger-min-block-size:3rem;--brick-menubar-trigger-padding-inline:var(--brick-space-4)}.brick-menubar__trigger{box-sizing:border-box;min-block-size:var(--brick-menubar-trigger-min-block-size);padding-inline:var(--brick-menubar-trigger-padding-inline);border-radius:var(--brick-menubar-trigger-radius);color:var(--brick-menubar-trigger-foreground);font:inherit;white-space:nowrap;cursor:default;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.brick-menubar__trigger:is(:hover,:focus-visible){background:var(--brick-menubar-trigger-interaction-background)}.brick-menubar__trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-menubar-trigger-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-menubar__trigger[data-state=open]{background:var(--brick-menubar-trigger-open-background);color:var(--brick-menubar-trigger-open-foreground)}.brick-menubar__trigger[data-disabled]{color:var(--brick-color-text-muted);opacity:.65}.brick-menubar__content[data-state=closed]{visibility:hidden;transition:none}:where(.brick-menubar__content,.brick-menubar__sub-content){--brick-action-menu-content-background:var(--brick-menubar-content-background,var(--brick-color-surface-overlay));--brick-action-menu-content-foreground:var(--brick-menubar-content-foreground,var(--brick-color-text-primary));--brick-action-menu-content-border:var(--brick-menubar-content-border,var(--brick-color-border-subtle));--brick-action-menu-content-radius:var(--brick-menubar-content-radius,var(--brick-radius-overlay));--brick-action-menu-content-shadow:var(--brick-menubar-content-shadow,var(--brick-shadow-floating));--brick-action-menu-content-padding:var(--brick-menubar-content-padding,var(--brick-space-1));--brick-action-menu-content-max-block-size:var(--brick-menubar-content-max-block-size,20rem);--brick-action-menu-content-z-index:var(--brick-layer-overlay);--brick-action-menu-row-min-block-size:var(--brick-menubar-row-min-block-size,var(--brick-control-target-min));--brick-action-menu-row-padding-inline:var(--brick-menubar-row-padding-inline,var(--brick-space-3));--brick-action-menu-row-gap:var(--brick-menubar-row-gap,var(--brick-space-2));--brick-action-menu-row-radius:var(--brick-menubar-row-radius,var(--brick-radius-control));--brick-action-menu-row-foreground:var(--brick-menubar-row-foreground,var(--brick-color-text-primary));--brick-action-menu-row-highlighted-background:var(--brick-menubar-row-highlighted-background,var(--brick-color-accent-soft));--brick-action-menu-row-highlighted-foreground:var(--brick-menubar-row-highlighted-foreground,var(--brick-color-accent-text));--brick-action-menu-description-foreground:var(--brick-menubar-description-foreground,var(--brick-color-text-secondary));--brick-action-menu-shortcut-foreground:var(--brick-menubar-shortcut-foreground,var(--brick-color-text-muted));--brick-action-menu-label-foreground:var(--brick-menubar-label-foreground,var(--brick-color-text-secondary));--brick-action-menu-disabled-foreground:var(--brick-menubar-disabled-foreground,var(--brick-color-text-muted));--brick-action-menu-danger-foreground:var(--brick-menubar-danger-foreground,var(--brick-color-danger-text));--brick-action-menu-danger-background:var(--brick-menubar-danger-background,var(--brick-color-danger-soft));--brick-action-menu-separator-color:var(--brick-menubar-separator-color,var(--brick-color-border-subtle));--brick-action-menu-indicator-size:var(--brick-menubar-indicator-size,1rem);--brick-action-menu-focus-ring:var(--brick-menubar-focus-ring,var(--brick-color-focus-ring));--brick-action-menu-motion-duration:var(--brick-menubar-motion-duration,var(--brick-motion-duration-fast));--brick-action-menu-font-size:var(--brick-typography-control-md-font-size);--brick-action-menu-line-height:var(--brick-typography-control-md-line-height)}@media (forced-colors:active){.brick-menubar{color:canvastext;background:canvas;border-color:canvastext}.brick-menubar__trigger:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=menubar.css.map */