@flowstack-ui/brick 0.1.4 → 0.1.6

package/dist/styles/table.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,wJASA,o7CAgCA,+KACA,+KACA,yFAEA,mFACA,uGACA,+GAEA,kXAWA,4LACA,iEACA,8FACA,qFACA,uHACA,sOAEA,sPAGA,wJACA,yNACA,kSAEA,4LACA,yLAEA,sLAEA,8MACA,8JACA,kGACA,kGAEA,8BACE,iQDtFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/table.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/table/table.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/table/table.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-table-container {\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-table {\n    --brick-table-inline-size: 100%;\n    --brick-table-min-inline-size: 0;\n    --brick-table-border-color: var(--brick-color-border-subtle);\n    --brick-table-border-width: var(--brick-border-width);\n    --brick-table-radius: var(--brick-radius-surface);\n    --brick-table-header-background: var(--brick-color-surface-subtle);\n    --brick-table-header-foreground: var(--brick-color-text-primary);\n    --brick-table-body-background: var(--brick-color-surface);\n    --brick-table-row-stripe-background: var(--brick-color-surface-subtle);\n    --brick-table-footer-background: var(--brick-color-surface-subtle);\n    --brick-table-footer-foreground: var(--brick-color-text-primary);\n    --brick-table-cell-foreground: var(--brick-color-text-primary);\n    --brick-table-cell-padding-inline: var(--brick-space-4);\n    --brick-table-cell-padding-block: var(--brick-space-3);\n    --brick-table-row-min-block-size: 3rem;\n    --brick-table-caption-foreground: var(--brick-color-text-secondary);\n    --brick-table-caption-gap: var(--brick-space-3);\n    --brick-table-sticky-offset: 0px;\n    --brick-table-sticky-z-index: 1;\n    --brick-table-sort-indicator-size: 1rem;\n    --brick-table-sort-indicator-color: var(--brick-color-text-secondary);\n    inline-size: var(--brick-table-inline-size);\n    min-inline-size: var(--brick-table-min-inline-size);\n    border-collapse: separate;\n    border-spacing: 0;\n    color: var(--brick-table-cell-foreground);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-table[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-table-row-min-block-size: 2.5rem; }\n  .brick-table[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-table-row-min-block-size: 3.5rem; }\n  .brick-table[data-density=\"compact\"] { --brick-table-cell-padding-block: var(--brick-space-1); }\n\n  .brick-table__caption { color: var(--brick-table-caption-foreground); text-align: start; }\n  .brick-table__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-table-caption-gap); }\n  .brick-table__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-table-caption-gap); }\n\n  .brick-table__head,\n  .brick-table__cell {\n    box-sizing: border-box;\n    min-block-size: var(--brick-table-row-min-block-size);\n    padding-block: var(--brick-table-cell-padding-block);\n    padding-inline: var(--brick-table-cell-padding-inline);\n    border-block-end: var(--brick-table-border-width) solid var(--brick-table-border-color);\n    text-align: start;\n    vertical-align: middle;\n    overflow-wrap: break-word;\n  }\n  .brick-table__head { color: var(--brick-table-header-foreground); background: var(--brick-table-header-background); font-weight: var(--brick-typography-heading-sm-font-weight); white-space: nowrap; }\n  .brick-table__cell { background: var(--brick-table-body-background); }\n  .brick-table__head[data-align=\"center\"], .brick-table__cell[data-align=\"center\"] { text-align: center; }\n  .brick-table__head[data-align=\"end\"], .brick-table__cell[data-align=\"end\"] { text-align: end; }\n  .brick-table__head[data-numeric], .brick-table__cell[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n  .brick-table__footer .brick-table__head,\n  .brick-table__footer .brick-table__cell { color: var(--brick-table-footer-foreground); background: var(--brick-table-footer-background); font-weight: var(--brick-typography-heading-sm-font-weight); }\n  .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__cell,\n  .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__head { background: var(--brick-table-row-stripe-background); }\n\n  .brick-table[data-variant=\"outline\"] { border: var(--brick-table-border-width) solid var(--brick-table-border-color); border-radius: var(--brick-table-radius); }\n  .brick-table[data-variant=\"outline\"] :where(.brick-table__head, .brick-table__cell) + :where(.brick-table__head, .brick-table__cell) { border-inline-start: var(--brick-table-border-width) solid var(--brick-table-border-color); }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell),\n  .brick-table[data-variant=\"outline\"] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell) { border-block-end: 0; }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n\n  .brick-table[data-sticky-header] .brick-table__header .brick-table__head { position: sticky; inset-block-start: var(--brick-table-sticky-offset); z-index: var(--brick-table-sticky-z-index); }\n\n  .brick-table__sort-indicator { display: inline-flex; inline-size: var(--brick-table-sort-indicator-size); block-size: var(--brick-table-sort-indicator-size); flex: none; color: var(--brick-table-sort-indicator-color); }\n  .brick-table__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n  .brick-table__head[data-sort=\"ascending\"] .brick-table__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n  .brick-table__head[data-sort=\"descending\"] .brick-table__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n\n  @media (forced-colors: active) {\n    .brick-table { --brick-table-border-color: CanvasText; --brick-table-header-background: Canvas; --brick-table-body-background: Canvas; --brick-table-row-stripe-background: Canvas; --brick-table-footer-background: Canvas; --brick-table-sort-indicator-color: CanvasText; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,wJASA,o7CAgCA,+KACA,+KACA,yFAEA,mFACA,uGACA,+GAEA,kXAWA,4LACA,iEACA,8FACA,qFACA,uHACA,sOAEA,sPAGA,wJACA,yNACA,kSAEA,4LACA,yLAEA,sLAEA,8MACA,8JACA,kGACA,kGAEA,8BACE,iQDtFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/table.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/table/table.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/table/table.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-table-container {\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-table {\n    --brick-table-inline-size: 100%;\n    --brick-table-min-inline-size: 0;\n    --brick-table-border-color: var(--brick-color-border-subtle);\n    --brick-table-border-width: var(--brick-border-width);\n    --brick-table-radius: var(--brick-radius-surface);\n    --brick-table-header-background: var(--brick-color-surface-subtle);\n    --brick-table-header-foreground: var(--brick-color-text-primary);\n    --brick-table-body-background: var(--brick-color-surface);\n    --brick-table-row-stripe-background: var(--brick-color-surface-subtle);\n    --brick-table-footer-background: var(--brick-color-surface-subtle);\n    --brick-table-footer-foreground: var(--brick-color-text-primary);\n    --brick-table-cell-foreground: var(--brick-color-text-primary);\n    --brick-table-cell-padding-inline: var(--brick-space-4);\n    --brick-table-cell-padding-block: var(--brick-space-3);\n    --brick-table-row-min-block-size: 3rem;\n    --brick-table-caption-foreground: var(--brick-color-text-secondary);\n    --brick-table-caption-gap: var(--brick-space-3);\n    --brick-table-sticky-offset: 0px;\n    --brick-table-sticky-z-index: 1;\n    --brick-table-sort-indicator-size: 1rem;\n    --brick-table-sort-indicator-color: var(--brick-color-text-secondary);\n    inline-size: var(--brick-table-inline-size);\n    min-inline-size: var(--brick-table-min-inline-size);\n    border-collapse: separate;\n    border-spacing: 0;\n    color: var(--brick-table-cell-foreground);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-table[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-table-row-min-block-size: 2.5rem; }\n  .brick-table[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-table-row-min-block-size: 3.5rem; }\n  .brick-table[data-density=\"compact\"] { --brick-table-cell-padding-block: var(--brick-space-1); }\n\n  .brick-table__caption { color: var(--brick-table-caption-foreground); text-align: start; }\n  .brick-table__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-table-caption-gap); }\n  .brick-table__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-table-caption-gap); }\n\n  .brick-table__head,\n  .brick-table__cell {\n    box-sizing: border-box;\n    min-block-size: var(--brick-table-row-min-block-size);\n    padding-block: var(--brick-table-cell-padding-block);\n    padding-inline: var(--brick-table-cell-padding-inline);\n    border-block-end: var(--brick-table-border-width) solid var(--brick-table-border-color);\n    text-align: start;\n    vertical-align: middle;\n    overflow-wrap: break-word;\n  }\n  .brick-table__head { color: var(--brick-table-header-foreground); background: var(--brick-table-header-background); font-weight: var(--brick-typography-heading-sm-font-weight); white-space: nowrap; }\n  .brick-table__cell { background: var(--brick-table-body-background); }\n  .brick-table__head[data-align=\"center\"], .brick-table__cell[data-align=\"center\"] { text-align: center; }\n  .brick-table__head[data-align=\"end\"], .brick-table__cell[data-align=\"end\"] { text-align: end; }\n  .brick-table__head[data-numeric], .brick-table__cell[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n  .brick-table__footer .brick-table__head,\n  .brick-table__footer .brick-table__cell { color: var(--brick-table-footer-foreground); background: var(--brick-table-footer-background); font-weight: var(--brick-typography-heading-sm-font-weight); }\n  .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__cell,\n  .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__head { background: var(--brick-table-row-stripe-background); }\n\n  .brick-table[data-variant=\"outline\"] { border: var(--brick-table-border-width) solid var(--brick-table-border-color); border-radius: var(--brick-table-radius); }\n  .brick-table[data-variant=\"outline\"] :where(.brick-table__head, .brick-table__cell) + :where(.brick-table__head, .brick-table__cell) { border-inline-start: var(--brick-table-border-width) solid var(--brick-table-border-color); }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell),\n  .brick-table[data-variant=\"outline\"] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell) { border-block-end: 0; }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n\n  .brick-table[data-sticky-header] .brick-table__header .brick-table__head { position: sticky; inset-block-start: var(--brick-table-sticky-offset); z-index: var(--brick-table-sticky-z-index); }\n\n  .brick-table__sort-indicator { display: inline-flex; inline-size: var(--brick-table-sort-indicator-size); block-size: var(--brick-table-sort-indicator-size); flex: none; color: var(--brick-table-sort-indicator-color); }\n  .brick-table__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n  .brick-table__head[data-sort=\"ascending\"] .brick-table__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n  .brick-table__head[data-sort=\"descending\"] .brick-table__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n\n  @media (forced-colors: active) {\n    .brick-table { --brick-table-border-color: CanvasText; --brick-table-header-background: Canvas; --brick-table-body-background: Canvas; --brick-table-row-stripe-background: Canvas; --brick-table-footer-background: Canvas; --brick-table-sort-indicator-color: CanvasText; }\n  }\n}\n"],"names":[]}

package/dist/styles/tabs.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-tabs{--brick-tabs-foreground:var(--brick-color-text-secondary);--brick-tabs-selected-foreground:var(--brick-color-accent-text);--brick-tabs-hover-background:var(--brick-color-surface-subtle);--brick-tabs-list-background:transparent;--brick-tabs-selected-background:transparent;--brick-tabs-border-color:var(--brick-color-border-default);--brick-tabs-indicator-color:var(--brick-color-accent-solid);--brick-tabs-focus-ring:var(--brick-color-focus-ring);--brick-tabs-gap:var(--brick-space-1);--brick-tabs-trigger-gap:var(--brick-space-2);--brick-tabs-trigger-height:2.75rem;--brick-tabs-trigger-padding:var(--brick-space-3);--brick-tabs-panel-padding:var(--brick-space-4);--brick-tabs-radius:var(--brick-radius-control);--brick-tabs-font-family:var(--brick-typography-control-md-font-family);--brick-tabs-font-size:var(--brick-typography-control-md-font-size);--brick-tabs-font-weight:var(--brick-typography-control-md-font-weight);--brick-tabs-line-height:var(--brick-typography-control-md-line-height);flex-direction:column;min-inline-size:0;display:flex}.brick-tabs[data-size=sm]{--brick-tabs-trigger-height:2.25rem;--brick-tabs-trigger-padding:var(--brick-space-2);--brick-tabs-panel-padding:var(--brick-space-3);--brick-tabs-font-family:var(--brick-typography-control-sm-font-family);--brick-tabs-font-size:var(--brick-typography-control-sm-font-size);--brick-tabs-font-weight:var(--brick-typography-control-sm-font-weight);--brick-tabs-line-height:var(--brick-typography-control-sm-line-height)}.brick-tabs[data-size=lg]{--brick-tabs-trigger-height:3.25rem;--brick-tabs-trigger-padding:var(--brick-space-4);--brick-tabs-panel-padding:var(--brick-space-5);--brick-tabs-font-family:var(--brick-typography-control-lg-font-family);--brick-tabs-font-size:var(--brick-typography-control-lg-font-size);--brick-tabs-font-weight:var(--brick-typography-control-lg-font-weight);--brick-tabs-line-height:var(--brick-typography-control-lg-line-height)}.brick-tabs[data-orientation=vertical]{flex-direction:row;align-items:stretch}.brick-tabs-list{box-sizing:border-box;gap:var(--brick-tabs-gap);border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);background:var(--brick-tabs-list-background);scrollbar-width:thin;flex:none;min-inline-size:0;max-inline-size:100%;display:flex;position:relative;overflow:auto hidden}.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);flex-direction:column;min-inline-size:max-content;overflow:visible}.brick-tabs-trigger{box-sizing:border-box;min-block-size:var(--brick-tabs-trigger-height);justify-content:center;align-items:center;gap:var(--brick-tabs-trigger-gap);padding-inline:var(--brick-tabs-trigger-padding);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-tabs-radius) var(--brick-tabs-radius) 0 0;color:var(--brick-tabs-foreground);font-family:var(--brick-tabs-font-family);font-size:var(--brick-tabs-font-size);font-weight:var(--brick-tabs-font-weight);line-height:var(--brick-tabs-line-height);white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;flex:none;display:inline-flex}.brick-tabs-trigger:hover:not(:disabled){background:var(--brick-tabs-hover-background);color:var(--brick-color-text-primary)}.brick-tabs-trigger[data-state=active]{color:var(--brick-tabs-selected-foreground)}.brick-tabs-trigger:focus-visible,.brick-tabs-content:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-tabs-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-tabs-trigger:disabled{opacity:.55;cursor:not-allowed}.brick-tabs[data-full-width] .brick-tabs-list[data-orientation=horizontal]>.brick-tabs-trigger{flex:1 1 0}.brick-tabs-content{box-sizing:border-box;min-inline-size:0;padding:var(--brick-tabs-panel-padding);color:var(--brick-color-text-primary);flex:auto}.brick-tabs-indicator{z-index:1;pointer-events:none;background:var(--brick-tabs-indicator-color);transition:translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);position:absolute}.brick-tabs-indicator[data-orientation=horizontal]{inset-block-end:0;inline-size:var(--tabs-indicator-width);block-size:.125rem;translate:var(--tabs-indicator-left) 0;left:0}.brick-tabs-indicator[data-orientation=vertical]{inline-size:.125rem;block-size:var(--tabs-indicator-height);translate:0 var(--tabs-indicator-top);inset-block-start:0;inset-inline-end:0}.brick-tabs:not([data-variant=line]) .brick-tabs-indicator{display:none}.brick-tabs[data-variant=line] .brick-tabs-trigger[data-state=active]{border-block-end-color:var(--brick-tabs-indicator-color)}.brick-tabs[data-variant=line] .brick-tabs-list[data-orientation=vertical] .brick-tabs-trigger[data-state=active]{border-block-end-color:#0000;border-inline-end-color:var(--brick-tabs-indicator-color)}.brick-tabs[data-variant=solid]{--brick-tabs-list-background:var(--brick-color-surface-subtle);--brick-tabs-selected-background:var(--brick-color-surface-raised)}.brick-tabs[data-variant=soft]{--brick-tabs-selected-background:var(--brick-color-accent-soft)}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-list{padding:var(--brick-space-1);border-radius:var(--brick-tabs-radius);border:0}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-trigger{border-radius:calc(var(--brick-tabs-radius) - var(--brick-space-1))}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-trigger[data-state=active]{background:var(--brick-tabs-selected-background);box-shadow:var(--brick-shadow-sm)}.brick-tabs[data-variant=enclosed] .brick-tabs-list{gap:var(--brick-space-1)}.brick-tabs[data-variant=enclosed] .brick-tabs-trigger[data-state=active]{border-color:var(--brick-tabs-border-color);border-block-end-color:var(--brick-color-surface-base);background:var(--brick-color-surface-base);margin-block-end:calc(-1 * var(--brick-border-width))}.brick-tabs[data-variant=enclosed] .brick-tabs-content{border:var(--brick-border-width) solid var(--brick-tabs-border-color);border-radius:0 0 var(--brick-tabs-radius) var(--brick-tabs-radius);border-block-start:0}@media (prefers-reduced-motion:reduce){.brick-tabs-indicator{transition:none}}@media (forced-colors:active){.brick-tabs-list{border-color:canvastext}.brick-tabs-trigger{color:buttontext;forced-color-adjust:auto}.brick-tabs-trigger[data-state=active]{color:highlight;border-color:highlight;box-shadow:inset 0 -.125rem highlight}.brick-tabs-indicator{background:highlight}.brick-tabs-trigger:focus-visible,.brick-tabs-content:focus-visible{outline-color:highlight}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{.brick-tabs{--brick-tabs-foreground:var(--brick-color-text-secondary);--brick-tabs-selected-foreground:var(--brick-color-accent-text);--brick-tabs-hover-background:var(--brick-color-surface-subtle);--brick-tabs-list-background:transparent;--brick-tabs-selected-background:transparent;--brick-tabs-border-color:var(--brick-color-border-default);--brick-tabs-indicator-color:var(--brick-color-accent-solid);--brick-tabs-focus-ring:var(--brick-color-focus-ring);--brick-tabs-gap:var(--brick-space-1);--brick-tabs-trigger-gap:var(--brick-space-2);--brick-tabs-trigger-height:2.75rem;--brick-tabs-trigger-padding:var(--brick-space-3);--brick-tabs-panel-padding:var(--brick-space-4);--brick-tabs-list-padding:max(var(--brick-space-1), calc(var(--brick-border-focus-width) + var(--brick-border-focus-offset)));--brick-tabs-radius:var(--brick-radius-control);--brick-tabs-font-family:var(--brick-typography-control-md-font-family);--brick-tabs-font-size:var(--brick-typography-control-md-font-size);--brick-tabs-font-weight:var(--brick-typography-control-md-font-weight);--brick-tabs-line-height:var(--brick-typography-control-md-line-height);flex-direction:column;min-inline-size:0;display:flex}.brick-tabs[data-size=sm]{--brick-tabs-trigger-height:2.25rem;--brick-tabs-trigger-padding:var(--brick-space-2);--brick-tabs-panel-padding:var(--brick-space-3);--brick-tabs-font-family:var(--brick-typography-control-sm-font-family);--brick-tabs-font-size:var(--brick-typography-control-sm-font-size);--brick-tabs-font-weight:var(--brick-typography-control-sm-font-weight);--brick-tabs-line-height:var(--brick-typography-control-sm-line-height)}.brick-tabs[data-size=lg]{--brick-tabs-trigger-height:3.25rem;--brick-tabs-trigger-padding:var(--brick-space-4);--brick-tabs-panel-padding:var(--brick-space-5);--brick-tabs-font-family:var(--brick-typography-control-lg-font-family);--brick-tabs-font-size:var(--brick-typography-control-lg-font-size);--brick-tabs-font-weight:var(--brick-typography-control-lg-font-weight);--brick-tabs-line-height:var(--brick-typography-control-lg-line-height)}.brick-tabs[data-orientation=vertical]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout=stacked]{flex-direction:column}.brick-tabs[data-layout=side]{flex-direction:row;align-items:stretch}.brick-tabs-list{box-sizing:border-box;gap:var(--brick-tabs-gap);border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);background:var(--brick-tabs-list-background);scrollbar-width:thin;flex:none;min-inline-size:0;max-inline-size:100%;display:flex;position:relative;overflow:auto hidden}.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);flex-direction:column;min-inline-size:max-content;overflow:visible}.brick-tabs-list[data-columns]{--brick-tabs-list-columns:1;grid-template-columns:repeat(var(--brick-tabs-list-columns), minmax(0, 1fr));align-content:stretch;display:grid}.brick-tabs-list[data-columns="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns="4"]{--brick-tabs-list-columns:4}.brick-tabs-list[data-columns]>.brick-tabs-trigger{white-space:normal;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}.brick-tabs-trigger{box-sizing:border-box;min-block-size:var(--brick-tabs-trigger-height);justify-content:center;align-items:center;gap:var(--brick-tabs-trigger-gap);padding-inline:var(--brick-tabs-trigger-padding);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-tabs-radius) var(--brick-tabs-radius) 0 0;color:var(--brick-tabs-foreground);font-family:var(--brick-tabs-font-family);font-size:var(--brick-tabs-font-size);font-weight:var(--brick-tabs-font-weight);line-height:var(--brick-tabs-line-height);white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;flex:none;display:inline-flex}.brick-tabs-trigger:hover:not(:disabled){background:var(--brick-tabs-hover-background);color:var(--brick-color-text-primary)}.brick-tabs-trigger[data-state=active]{color:var(--brick-tabs-selected-foreground)}.brick-tabs-trigger:focus-visible,.brick-tabs-content:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-tabs-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-tabs-trigger:disabled{opacity:.55;cursor:not-allowed}.brick-tabs[data-full-width] .brick-tabs-list[data-orientation=horizontal]>.brick-tabs-trigger{flex:1 1 0}.brick-tabs-content{box-sizing:border-box;min-inline-size:0;padding:var(--brick-tabs-panel-padding);color:var(--brick-color-text-primary);flex:auto}.brick-tabs-content[data-inset=none]{padding:0}.brick-tabs-content[data-inset=sm]{padding:var(--brick-space-3)}.brick-tabs-content[data-inset=md]{padding:var(--brick-space-4)}.brick-tabs-content[data-inset=lg]{padding:var(--brick-space-5)}.brick-tabs-indicator{z-index:1;pointer-events:none;background:var(--brick-tabs-indicator-color);transition:translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);position:absolute}.brick-tabs-indicator[data-orientation=horizontal]{inset-block-end:0;inline-size:var(--tabs-indicator-width);block-size:.125rem;translate:var(--tabs-indicator-left) 0;left:0}.brick-tabs-indicator[data-orientation=vertical]{inline-size:.125rem;block-size:var(--tabs-indicator-height);translate:0 var(--tabs-indicator-top);inset-block-start:0;inset-inline-end:0}.brick-tabs:not([data-variant=line]) .brick-tabs-indicator{display:none}.brick-tabs[data-variant=line] .brick-tabs-trigger[data-state=active]{border-block-end-color:var(--brick-tabs-indicator-color)}.brick-tabs[data-variant=line] .brick-tabs-list[data-orientation=vertical] .brick-tabs-trigger[data-state=active]{border-block-end-color:#0000;border-inline-end-color:var(--brick-tabs-indicator-color)}.brick-tabs[data-variant=solid]{--brick-tabs-list-background:var(--brick-color-surface-subtle);--brick-tabs-selected-background:var(--brick-color-surface-raised)}.brick-tabs[data-variant=soft]{--brick-tabs-selected-background:var(--brick-color-accent-soft)}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-list{padding:var(--brick-tabs-list-padding);border-radius:var(--brick-tabs-radius);border:0}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-trigger{border-radius:calc(var(--brick-tabs-radius) - var(--brick-space-1))}.brick-tabs:is([data-variant=solid],[data-variant=soft])>.brick-tabs-list[data-radius=none],.brick-tabs:is([data-variant=solid],[data-variant=soft])>.brick-tabs-list[data-radius=none]:not([data-trigger-radius=default])>.brick-tabs-trigger,.brick-tabs:is([data-variant=solid],[data-variant=soft])>.brick-tabs-list[data-trigger-radius=none]>.brick-tabs-trigger{border-radius:0}.brick-tabs:is([data-variant=solid],[data-variant=soft])>.brick-tabs-list[data-trigger-radius=default]>.brick-tabs-trigger{border-radius:calc(var(--brick-tabs-radius) - var(--brick-space-1))}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-trigger[data-state=active]{background:var(--brick-tabs-selected-background);box-shadow:var(--brick-shadow-sm)}.brick-tabs[data-variant=enclosed] .brick-tabs-list{gap:var(--brick-space-1)}.brick-tabs[data-variant=enclosed] .brick-tabs-trigger[data-state=active]{border-color:var(--brick-tabs-border-color);border-block-end-color:var(--brick-color-surface-base);background:var(--brick-color-surface-base);margin-block-end:calc(-1 * var(--brick-border-width))}.brick-tabs[data-variant=enclosed] .brick-tabs-content{border:var(--brick-border-width) solid var(--brick-tabs-border-color);border-radius:0 0 var(--brick-tabs-radius) var(--brick-tabs-radius);border-block-start:0}@media (prefers-reduced-motion:reduce){.brick-tabs-indicator{transition:none}}@media (width>=30rem){.brick-tabs-list[data-columns-sm="1"]{--brick-tabs-list-columns:1}.brick-tabs-list[data-columns-sm="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns-sm="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns-sm="4"]{--brick-tabs-list-columns:4}.brick-tabs[data-layout-sm=stacked]{flex-direction:column}.brick-tabs[data-layout-sm=side]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout-sm=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout-sm=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}}@media (width>=48rem){.brick-tabs-list[data-columns-md="1"]{--brick-tabs-list-columns:1}.brick-tabs-list[data-columns-md="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns-md="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns-md="4"]{--brick-tabs-list-columns:4}.brick-tabs[data-layout-md=stacked]{flex-direction:column}.brick-tabs[data-layout-md=side]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout-md=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout-md=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}}@media (width>=64rem){.brick-tabs-list[data-columns-lg="1"]{--brick-tabs-list-columns:1}.brick-tabs-list[data-columns-lg="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns-lg="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns-lg="4"]{--brick-tabs-list-columns:4}.brick-tabs[data-layout-lg=stacked]{flex-direction:column}.brick-tabs[data-layout-lg=side]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout-lg=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout-lg=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}}@media (width>=80rem){.brick-tabs-list[data-columns-xl="1"]{--brick-tabs-list-columns:1}.brick-tabs-list[data-columns-xl="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns-xl="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns-xl="4"]{--brick-tabs-list-columns:4}.brick-tabs[data-layout-xl=stacked]{flex-direction:column}.brick-tabs[data-layout-xl=side]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout-xl=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout-xl=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}}@media (forced-colors:active){.brick-tabs-list{border-color:canvastext}.brick-tabs-trigger{color:buttontext;forced-color-adjust:auto}.brick-tabs-trigger[data-state=active]{color:highlight;border-color:highlight;box-shadow:inset 0 -.125rem highlight}.brick-tabs-indicator{background:highlight}.brick-tabs-trigger:focus-visible,.brick-tabs-content:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=tabs.css.map */

package/dist/styles/tabs.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,siCAyBA,4bACA,4bAEA,8EAEA,wTAeA,mNAEA,8nBAsBA,6HACA,mFACA,+LACA,4DACA,0GAEA,oJAEA,mXACA,8KACA,0LACA,wEAEA,+HACA,yMAEA,kKACA,+FACA,uJACA,iJACA,mLAEA,6EACA,8QACA,sNAEA,uCAA0C,uCAC1C,8BACE,yCACA,8DACA,oHACA,2CACA,8FDtGJ","sources":["home/runner/work/brick/brick/.brick-cache/production/tabs.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tabs/tabs.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/tabs/tabs.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-tabs {\n    --brick-tabs-foreground: var(--brick-color-text-secondary);\n    --brick-tabs-selected-foreground: var(--brick-color-accent-text);\n    --brick-tabs-hover-background: var(--brick-color-surface-subtle);\n    --brick-tabs-list-background: transparent;\n    --brick-tabs-selected-background: transparent;\n    --brick-tabs-border-color: var(--brick-color-border-default);\n    --brick-tabs-indicator-color: var(--brick-color-accent-solid);\n    --brick-tabs-focus-ring: var(--brick-color-focus-ring);\n    --brick-tabs-gap: var(--brick-space-1);\n    --brick-tabs-trigger-gap: var(--brick-space-2);\n    --brick-tabs-trigger-height: 2.75rem;\n    --brick-tabs-trigger-padding: var(--brick-space-3);\n    --brick-tabs-panel-padding: var(--brick-space-4);\n    --brick-tabs-radius: var(--brick-radius-control);\n    --brick-tabs-font-family: var(--brick-typography-control-md-font-family);\n    --brick-tabs-font-size: var(--brick-typography-control-md-font-size);\n    --brick-tabs-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-tabs-line-height: var(--brick-typography-control-md-line-height);\n\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n  }\n\n  .brick-tabs[data-size=\"sm\"] { --brick-tabs-trigger-height: 2.25rem; --brick-tabs-trigger-padding: var(--brick-space-2); --brick-tabs-panel-padding: var(--brick-space-3); --brick-tabs-font-family: var(--brick-typography-control-sm-font-family); --brick-tabs-font-size: var(--brick-typography-control-sm-font-size); --brick-tabs-font-weight: var(--brick-typography-control-sm-font-weight); --brick-tabs-line-height: var(--brick-typography-control-sm-line-height); }\n  .brick-tabs[data-size=\"lg\"] { --brick-tabs-trigger-height: 3.25rem; --brick-tabs-trigger-padding: var(--brick-space-4); --brick-tabs-panel-padding: var(--brick-space-5); --brick-tabs-font-family: var(--brick-typography-control-lg-font-family); --brick-tabs-font-size: var(--brick-typography-control-lg-font-size); --brick-tabs-font-weight: var(--brick-typography-control-lg-font-weight); --brick-tabs-line-height: var(--brick-typography-control-lg-line-height); }\n\n  .brick-tabs[data-orientation=\"vertical\"] { flex-direction: row; align-items: stretch; }\n\n  .brick-tabs-list {\n    position: relative;\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    flex: 0 0 auto;\n    gap: var(--brick-tabs-gap);\n    overflow-x: auto;\n    overflow-y: hidden;\n    border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color);\n    background: var(--brick-tabs-list-background);\n    scrollbar-width: thin;\n  }\n\n  .brick-tabs-list[data-orientation=\"vertical\"] { min-inline-size: max-content; flex-direction: column; overflow: visible; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n\n  .brick-tabs-trigger {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-block-size: var(--brick-tabs-trigger-height);\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-tabs-trigger-gap);\n    padding-inline: var(--brick-tabs-trigger-padding);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-tabs-radius) var(--brick-tabs-radius) 0 0;\n    background: transparent;\n    color: var(--brick-tabs-foreground);\n    font-family: var(--brick-tabs-font-family);\n    font-size: var(--brick-tabs-font-size);\n    font-weight: var(--brick-tabs-font-weight);\n    line-height: var(--brick-tabs-line-height);\n    white-space: nowrap;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .brick-tabs-trigger:hover:not(:disabled) { background: var(--brick-tabs-hover-background); color: var(--brick-color-text-primary); }\n  .brick-tabs-trigger[data-state=\"active\"] { color: var(--brick-tabs-selected-foreground); }\n  .brick-tabs-trigger:focus-visible, .brick-tabs-content:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-tabs-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-tabs-trigger:disabled { opacity: 0.55; cursor: not-allowed; }\n  .brick-tabs[data-full-width] .brick-tabs-list[data-orientation=\"horizontal\"] > .brick-tabs-trigger { flex: 1 1 0; }\n\n  .brick-tabs-content { box-sizing: border-box; min-inline-size: 0; flex: 1 1 auto; padding: var(--brick-tabs-panel-padding); color: var(--brick-color-text-primary); }\n\n  .brick-tabs-indicator { position: absolute; z-index: 1; pointer-events: none; background: var(--brick-tabs-indicator-color); transition: translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-tabs-indicator[data-orientation=\"horizontal\"] { inset-block-end: 0; left: 0; inline-size: var(--tabs-indicator-width); block-size: 0.125rem; translate: var(--tabs-indicator-left) 0; }\n  .brick-tabs-indicator[data-orientation=\"vertical\"] { inset-block-start: 0; inset-inline-end: 0; inline-size: 0.125rem; block-size: var(--tabs-indicator-height); translate: 0 var(--tabs-indicator-top); }\n  .brick-tabs:not([data-variant=\"line\"]) .brick-tabs-indicator { display: none; }\n\n  .brick-tabs[data-variant=\"line\"] .brick-tabs-trigger[data-state=\"active\"] { border-block-end-color: var(--brick-tabs-indicator-color); }\n  .brick-tabs[data-variant=\"line\"] .brick-tabs-list[data-orientation=\"vertical\"] .brick-tabs-trigger[data-state=\"active\"] { border-block-end-color: transparent; border-inline-end-color: var(--brick-tabs-indicator-color); }\n\n  .brick-tabs[data-variant=\"solid\"] { --brick-tabs-list-background: var(--brick-color-surface-subtle); --brick-tabs-selected-background: var(--brick-color-surface-raised); }\n  .brick-tabs[data-variant=\"soft\"] { --brick-tabs-selected-background: var(--brick-color-accent-soft); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-list { padding: var(--brick-space-1); border: 0; border-radius: var(--brick-tabs-radius); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-trigger { border-radius: calc(var(--brick-tabs-radius) - var(--brick-space-1)); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-trigger[data-state=\"active\"] { background: var(--brick-tabs-selected-background); box-shadow: var(--brick-shadow-sm); }\n\n  .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-list { gap: var(--brick-space-1); }\n  .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-trigger[data-state=\"active\"] { border-color: var(--brick-tabs-border-color); border-block-end-color: var(--brick-color-surface-base); background: var(--brick-color-surface-base); margin-block-end: calc(-1 * var(--brick-border-width)); }\n  .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-content { border: var(--brick-border-width) solid var(--brick-tabs-border-color); border-block-start: 0; border-radius: 0 0 var(--brick-tabs-radius) var(--brick-tabs-radius); }\n\n  @media (prefers-reduced-motion: reduce) { .brick-tabs-indicator { transition: none; } }\n  @media (forced-colors: active) {\n    .brick-tabs-list { border-color: CanvasText; }\n    .brick-tabs-trigger { color: ButtonText; forced-color-adjust: auto; }\n    .brick-tabs-trigger[data-state=\"active\"] { border-color: Highlight; color: Highlight; box-shadow: inset 0 -0.125rem 0 Highlight; }\n    .brick-tabs-indicator { background: Highlight; }\n    .brick-tabs-trigger:focus-visible, .brick-tabs-content:focus-visible { outline-color: Highlight; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,oqCA6BA,4bACA,4bAEA,8EACA,uDACA,qEAEA,wTAeA,mNACA,2KAMA,+DACA,+DACA,+DACA,yGAKA,oNACA,2NAEA,8nBAsBA,6HACA,mFACA,+LACA,4DACA,0GAEA,oJACA,+CACA,gEACA,gEACA,gEAEA,mXACA,8KACA,0LACA,wEAEA,+HACA,yMAEA,kKACA,+FACA,iKACA,iJACA,uXAGA,+LACA,mLAEA,6EACA,8QACA,sNAEA,uCAA0C,uCAC1C,sBACE,kEACA,kEACA,kEACA,kEACA,0DACA,wEACA,uNACA,+NAEF,sBACE,kEACA,kEACA,kEACA,kEACA,0DACA,wEACA,uNACA,+NAEF,sBACE,kEACA,kEACA,kEACA,kEACA,0DACA,wEACA,uNACA,+NAEF,sBACE,kEACA,kEACA,kEACA,kEACA,0DACA,wEACA,uNACA,+NAEF,8BACE,yCACA,8DACA,oHACA,2CACA,8FD5KJ","sources":["home/runner/work/brick/brick/.brick-cache/production/tabs.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tabs/tabs.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/tabs/tabs.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-tabs {\n    --brick-tabs-foreground: var(--brick-color-text-secondary);\n    --brick-tabs-selected-foreground: var(--brick-color-accent-text);\n    --brick-tabs-hover-background: var(--brick-color-surface-subtle);\n    --brick-tabs-list-background: transparent;\n    --brick-tabs-selected-background: transparent;\n    --brick-tabs-border-color: var(--brick-color-border-default);\n    --brick-tabs-indicator-color: var(--brick-color-accent-solid);\n    --brick-tabs-focus-ring: var(--brick-color-focus-ring);\n    --brick-tabs-gap: var(--brick-space-1);\n    --brick-tabs-trigger-gap: var(--brick-space-2);\n    --brick-tabs-trigger-height: 2.75rem;\n    --brick-tabs-trigger-padding: var(--brick-space-3);\n    --brick-tabs-panel-padding: var(--brick-space-4);\n    --brick-tabs-list-padding: max(\n      var(--brick-space-1),\n      calc(var(--brick-border-focus-width) + var(--brick-border-focus-offset))\n    );\n    --brick-tabs-radius: var(--brick-radius-control);\n    --brick-tabs-font-family: var(--brick-typography-control-md-font-family);\n    --brick-tabs-font-size: var(--brick-typography-control-md-font-size);\n    --brick-tabs-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-tabs-line-height: var(--brick-typography-control-md-line-height);\n\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n  }\n\n  .brick-tabs[data-size=\"sm\"] { --brick-tabs-trigger-height: 2.25rem; --brick-tabs-trigger-padding: var(--brick-space-2); --brick-tabs-panel-padding: var(--brick-space-3); --brick-tabs-font-family: var(--brick-typography-control-sm-font-family); --brick-tabs-font-size: var(--brick-typography-control-sm-font-size); --brick-tabs-font-weight: var(--brick-typography-control-sm-font-weight); --brick-tabs-line-height: var(--brick-typography-control-sm-line-height); }\n  .brick-tabs[data-size=\"lg\"] { --brick-tabs-trigger-height: 3.25rem; --brick-tabs-trigger-padding: var(--brick-space-4); --brick-tabs-panel-padding: var(--brick-space-5); --brick-tabs-font-family: var(--brick-typography-control-lg-font-family); --brick-tabs-font-size: var(--brick-typography-control-lg-font-size); --brick-tabs-font-weight: var(--brick-typography-control-lg-font-weight); --brick-tabs-line-height: var(--brick-typography-control-lg-line-height); }\n\n  .brick-tabs[data-orientation=\"vertical\"] { flex-direction: row; align-items: stretch; }\n  .brick-tabs[data-layout=\"stacked\"] { flex-direction: column; }\n  .brick-tabs[data-layout=\"side\"] { flex-direction: row; align-items: stretch; }\n\n  .brick-tabs-list {\n    position: relative;\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    flex: 0 0 auto;\n    gap: var(--brick-tabs-gap);\n    overflow-x: auto;\n    overflow-y: hidden;\n    border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color);\n    background: var(--brick-tabs-list-background);\n    scrollbar-width: thin;\n  }\n\n  .brick-tabs-list[data-orientation=\"vertical\"] { min-inline-size: max-content; flex-direction: column; overflow: visible; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  .brick-tabs-list[data-columns] {\n    --brick-tabs-list-columns: 1;\n    display: grid;\n    grid-template-columns: repeat(var(--brick-tabs-list-columns), minmax(0, 1fr));\n    align-content: stretch;\n  }\n  .brick-tabs-list[data-columns=\"2\"] { --brick-tabs-list-columns: 2; }\n  .brick-tabs-list[data-columns=\"3\"] { --brick-tabs-list-columns: 3; }\n  .brick-tabs-list[data-columns=\"4\"] { --brick-tabs-list-columns: 4; }\n  .brick-tabs-list[data-columns] > .brick-tabs-trigger {\n    min-inline-size: 0;\n    inline-size: 100%;\n    white-space: normal;\n  }\n  .brick-tabs[data-layout=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n  .brick-tabs[data-layout=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n\n  .brick-tabs-trigger {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-block-size: var(--brick-tabs-trigger-height);\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-tabs-trigger-gap);\n    padding-inline: var(--brick-tabs-trigger-padding);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-tabs-radius) var(--brick-tabs-radius) 0 0;\n    background: transparent;\n    color: var(--brick-tabs-foreground);\n    font-family: var(--brick-tabs-font-family);\n    font-size: var(--brick-tabs-font-size);\n    font-weight: var(--brick-tabs-font-weight);\n    line-height: var(--brick-tabs-line-height);\n    white-space: nowrap;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .brick-tabs-trigger:hover:not(:disabled) { background: var(--brick-tabs-hover-background); color: var(--brick-color-text-primary); }\n  .brick-tabs-trigger[data-state=\"active\"] { color: var(--brick-tabs-selected-foreground); }\n  .brick-tabs-trigger:focus-visible, .brick-tabs-content:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-tabs-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-tabs-trigger:disabled { opacity: 0.55; cursor: not-allowed; }\n  .brick-tabs[data-full-width] .brick-tabs-list[data-orientation=\"horizontal\"] > .brick-tabs-trigger { flex: 1 1 0; }\n\n  .brick-tabs-content { box-sizing: border-box; min-inline-size: 0; flex: 1 1 auto; padding: var(--brick-tabs-panel-padding); color: var(--brick-color-text-primary); }\n  .brick-tabs-content[data-inset=\"none\"] { padding: 0; }\n  .brick-tabs-content[data-inset=\"sm\"] { padding: var(--brick-space-3); }\n  .brick-tabs-content[data-inset=\"md\"] { padding: var(--brick-space-4); }\n  .brick-tabs-content[data-inset=\"lg\"] { padding: var(--brick-space-5); }\n\n  .brick-tabs-indicator { position: absolute; z-index: 1; pointer-events: none; background: var(--brick-tabs-indicator-color); transition: translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-tabs-indicator[data-orientation=\"horizontal\"] { inset-block-end: 0; left: 0; inline-size: var(--tabs-indicator-width); block-size: 0.125rem; translate: var(--tabs-indicator-left) 0; }\n  .brick-tabs-indicator[data-orientation=\"vertical\"] { inset-block-start: 0; inset-inline-end: 0; inline-size: 0.125rem; block-size: var(--tabs-indicator-height); translate: 0 var(--tabs-indicator-top); }\n  .brick-tabs:not([data-variant=\"line\"]) .brick-tabs-indicator { display: none; }\n\n  .brick-tabs[data-variant=\"line\"] .brick-tabs-trigger[data-state=\"active\"] { border-block-end-color: var(--brick-tabs-indicator-color); }\n  .brick-tabs[data-variant=\"line\"] .brick-tabs-list[data-orientation=\"vertical\"] .brick-tabs-trigger[data-state=\"active\"] { border-block-end-color: transparent; border-inline-end-color: var(--brick-tabs-indicator-color); }\n\n  .brick-tabs[data-variant=\"solid\"] { --brick-tabs-list-background: var(--brick-color-surface-subtle); --brick-tabs-selected-background: var(--brick-color-surface-raised); }\n  .brick-tabs[data-variant=\"soft\"] { --brick-tabs-selected-background: var(--brick-color-accent-soft); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-list { padding: var(--brick-tabs-list-padding); border: 0; border-radius: var(--brick-tabs-radius); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-trigger { border-radius: calc(var(--brick-tabs-radius) - var(--brick-space-1)); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) > .brick-tabs-list[data-radius=\"none\"] { border-radius: 0; }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) > .brick-tabs-list[data-radius=\"none\"]:not([data-trigger-radius=\"default\"]) > .brick-tabs-trigger,\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) > .brick-tabs-list[data-trigger-radius=\"none\"] > .brick-tabs-trigger { border-radius: 0; }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) > .brick-tabs-list[data-trigger-radius=\"default\"] > .brick-tabs-trigger { border-radius: calc(var(--brick-tabs-radius) - var(--brick-space-1)); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-trigger[data-state=\"active\"] { background: var(--brick-tabs-selected-background); box-shadow: var(--brick-shadow-sm); }\n\n  .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-list { gap: var(--brick-space-1); }\n  .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-trigger[data-state=\"active\"] { border-color: var(--brick-tabs-border-color); border-block-end-color: var(--brick-color-surface-base); background: var(--brick-color-surface-base); margin-block-end: calc(-1 * var(--brick-border-width)); }\n  .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-content { border: var(--brick-border-width) solid var(--brick-tabs-border-color); border-block-start: 0; border-radius: 0 0 var(--brick-tabs-radius) var(--brick-tabs-radius); }\n\n  @media (prefers-reduced-motion: reduce) { .brick-tabs-indicator { transition: none; } }\n  @media (width >= 30rem) {\n    .brick-tabs-list[data-columns-sm=\"1\"] { --brick-tabs-list-columns: 1; }\n    .brick-tabs-list[data-columns-sm=\"2\"] { --brick-tabs-list-columns: 2; }\n    .brick-tabs-list[data-columns-sm=\"3\"] { --brick-tabs-list-columns: 3; }\n    .brick-tabs-list[data-columns-sm=\"4\"] { --brick-tabs-list-columns: 4; }\n    .brick-tabs[data-layout-sm=\"stacked\"] { flex-direction: column; }\n    .brick-tabs[data-layout-sm=\"side\"] { flex-direction: row; align-items: stretch; }\n    .brick-tabs[data-layout-sm=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n    .brick-tabs[data-layout-sm=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  }\n  @media (width >= 48rem) {\n    .brick-tabs-list[data-columns-md=\"1\"] { --brick-tabs-list-columns: 1; }\n    .brick-tabs-list[data-columns-md=\"2\"] { --brick-tabs-list-columns: 2; }\n    .brick-tabs-list[data-columns-md=\"3\"] { --brick-tabs-list-columns: 3; }\n    .brick-tabs-list[data-columns-md=\"4\"] { --brick-tabs-list-columns: 4; }\n    .brick-tabs[data-layout-md=\"stacked\"] { flex-direction: column; }\n    .brick-tabs[data-layout-md=\"side\"] { flex-direction: row; align-items: stretch; }\n    .brick-tabs[data-layout-md=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n    .brick-tabs[data-layout-md=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  }\n  @media (width >= 64rem) {\n    .brick-tabs-list[data-columns-lg=\"1\"] { --brick-tabs-list-columns: 1; }\n    .brick-tabs-list[data-columns-lg=\"2\"] { --brick-tabs-list-columns: 2; }\n    .brick-tabs-list[data-columns-lg=\"3\"] { --brick-tabs-list-columns: 3; }\n    .brick-tabs-list[data-columns-lg=\"4\"] { --brick-tabs-list-columns: 4; }\n    .brick-tabs[data-layout-lg=\"stacked\"] { flex-direction: column; }\n    .brick-tabs[data-layout-lg=\"side\"] { flex-direction: row; align-items: stretch; }\n    .brick-tabs[data-layout-lg=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n    .brick-tabs[data-layout-lg=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  }\n  @media (width >= 80rem) {\n    .brick-tabs-list[data-columns-xl=\"1\"] { --brick-tabs-list-columns: 1; }\n    .brick-tabs-list[data-columns-xl=\"2\"] { --brick-tabs-list-columns: 2; }\n    .brick-tabs-list[data-columns-xl=\"3\"] { --brick-tabs-list-columns: 3; }\n    .brick-tabs-list[data-columns-xl=\"4\"] { --brick-tabs-list-columns: 4; }\n    .brick-tabs[data-layout-xl=\"stacked\"] { flex-direction: column; }\n    .brick-tabs[data-layout-xl=\"side\"] { flex-direction: row; align-items: stretch; }\n    .brick-tabs[data-layout-xl=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n    .brick-tabs[data-layout-xl=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  }\n  @media (forced-colors: active) {\n    .brick-tabs-list { border-color: CanvasText; }\n    .brick-tabs-trigger { color: ButtonText; forced-color-adjust: auto; }\n    .brick-tabs-trigger[data-state=\"active\"] { border-color: Highlight; color: Highlight; box-shadow: inset 0 -0.125rem 0 Highlight; }\n    .brick-tabs-indicator { background: Highlight; }\n    .brick-tabs-trigger:focus-visible, .brick-tabs-content:focus-visible { outline-color: Highlight; }\n  }\n}\n"],"names":[]}

package/dist/styles/text.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-text{--brick-text-font-family:var(--brick-typography-body-md-font-family);--brick-text-font-size:var(--brick-typography-body-md-font-size);--brick-text-font-weight:var(--brick-typography-body-md-font-weight);--brick-text-line-height:var(--brick-typography-body-md-line-height);--brick-text-letter-spacing:var(--brick-typography-body-md-letter-spacing);--brick-text-foreground:var(--brick-color-text-primary);color:var(--brick-text-foreground);font-family:var(--brick-text-font-family);font-size:var(--brick-text-font-size);font-weight:var(--brick-text-font-weight);letter-spacing:var(--brick-text-letter-spacing);line-height:var(--brick-text-line-height);overflow-wrap:break-word;text-align:start;text-wrap:wrap;margin:0}.brick-text[data-variant=display]{--brick-text-font-family:var(--brick-typography-display-font-family);--brick-text-font-size:var(--brick-typography-display-font-size);--brick-text-font-weight:var(--brick-typography-display-font-weight);--brick-text-line-height:var(--brick-typography-display-line-height);--brick-text-letter-spacing:var(--brick-typography-display-letter-spacing)}.brick-text[data-variant=title-lg]{--brick-text-font-family:var(--brick-typography-title-lg-font-family);--brick-text-font-size:var(--brick-typography-title-lg-font-size);--brick-text-font-weight:var(--brick-typography-title-lg-font-weight);--brick-text-line-height:var(--brick-typography-title-lg-line-height);--brick-text-letter-spacing:var(--brick-typography-title-lg-letter-spacing)}.brick-text[data-variant=title-md]{--brick-text-font-family:var(--brick-typography-title-md-font-family);--brick-text-font-size:var(--brick-typography-title-md-font-size);--brick-text-font-weight:var(--brick-typography-title-md-font-weight);--brick-text-line-height:var(--brick-typography-title-md-line-height);--brick-text-letter-spacing:var(--brick-typography-title-md-letter-spacing)}.brick-text[data-variant=title-sm]{--brick-text-font-family:var(--brick-typography-title-sm-font-family);--brick-text-font-size:var(--brick-typography-title-sm-font-size);--brick-text-font-weight:var(--brick-typography-title-sm-font-weight);--brick-text-line-height:var(--brick-typography-title-sm-line-height);--brick-text-letter-spacing:var(--brick-typography-title-sm-letter-spacing)}.brick-text[data-variant=body-lg]{--brick-text-font-family:var(--brick-typography-body-lg-font-family);--brick-text-font-size:var(--brick-typography-body-lg-font-size);--brick-text-font-weight:var(--brick-typography-body-lg-font-weight);--brick-text-line-height:var(--brick-typography-body-lg-line-height);--brick-text-letter-spacing:var(--brick-typography-body-lg-letter-spacing)}.brick-text[data-variant=body-sm]{--brick-text-font-family:var(--brick-typography-body-sm-font-family);--brick-text-font-size:var(--brick-typography-body-sm-font-size);--brick-text-font-weight:var(--brick-typography-body-sm-font-weight);--brick-text-line-height:var(--brick-typography-body-sm-line-height);--brick-text-letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-text[data-variant=caption]{--brick-text-font-family:var(--brick-typography-caption-font-family);--brick-text-font-size:var(--brick-typography-caption-font-size);--brick-text-font-weight:var(--brick-typography-caption-font-weight);--brick-text-line-height:var(--brick-typography-caption-line-height);--brick-text-letter-spacing:var(--brick-typography-caption-letter-spacing)}.brick-text[data-tone=inherit]{--brick-text-foreground:currentColor}.brick-text[data-tone=secondary]{--brick-text-foreground:var(--brick-color-text-secondary)}.brick-text[data-tone=muted]{--brick-text-foreground:var(--brick-color-text-muted)}.brick-text[data-tone=accent]{--brick-text-foreground:var(--brick-color-accent-text)}.brick-text[data-tone=info]{--brick-text-foreground:var(--brick-color-info-text)}.brick-text[data-tone=success]{--brick-text-foreground:var(--brick-color-success-text)}.brick-text[data-tone=warning]{--brick-text-foreground:var(--brick-color-warning-text)}.brick-text[data-tone=danger]{--brick-text-foreground:var(--brick-color-danger-text)}.brick-text[data-weight=inherit]{--brick-text-font-weight:inherit}.brick-text[data-weight=regular]{--brick-text-font-weight:var(--brick-font-weight-regular)}.brick-text[data-weight=medium]{--brick-text-font-weight:var(--brick-font-weight-medium)}.brick-text[data-weight=semibold]{--brick-text-font-weight:var(--brick-font-weight-semibold)}.brick-text[data-align=start]{text-align:start}.brick-text[data-align=center]{text-align:center}.brick-text[data-align=end]{text-align:end}.brick-text[data-wrap=nowrap]{text-wrap:nowrap}.brick-text[data-wrap=balance]{text-wrap:balance}.brick-text[data-wrap=pretty]{text-wrap:pretty}.brick-text[data-truncate]{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;display:block;overflow:hidden}.brick-text[data-line-clamp]{-webkit-box-orient:vertical;min-inline-size:0;display:-webkit-box;overflow:hidden}.brick-text[data-line-clamp="2"]{-webkit-line-clamp:2}.brick-text[data-line-clamp="3"]{-webkit-line-clamp:3}.brick-text[data-line-clamp="4"]{-webkit-line-clamp:4}.brick-text[data-line-clamp="5"]{-webkit-line-clamp:5}.brick-text[data-line-clamp="6"]{-webkit-line-clamp:6}@media (forced-colors:active){.brick-text:not([data-tone=inherit]){--brick-text-foreground:CanvasText}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{.brick-text{--brick-text-font-family:var(--brick-typography-body-md-font-family);--brick-text-font-size:var(--brick-typography-body-md-font-size);--brick-text-font-weight:var(--brick-typography-body-md-font-weight);--brick-text-line-height:var(--brick-typography-body-md-line-height);--brick-text-letter-spacing:var(--brick-typography-body-md-letter-spacing);--brick-text-text-transform:none;--brick-text-foreground:var(--brick-color-text-primary);color:var(--brick-text-foreground);font-family:var(--brick-text-font-family);font-size:var(--brick-text-font-size);font-weight:var(--brick-text-font-weight);letter-spacing:var(--brick-text-letter-spacing);line-height:var(--brick-text-line-height);overflow-wrap:break-word;text-align:start;text-transform:var(--brick-text-text-transform);text-wrap:wrap;margin:0}.brick-text[data-variant=display]{--brick-text-font-family:var(--brick-typography-display-font-family);--brick-text-font-size:var(--brick-typography-display-font-size);--brick-text-font-weight:var(--brick-typography-display-font-weight);--brick-text-line-height:var(--brick-typography-display-line-height);--brick-text-letter-spacing:var(--brick-typography-display-letter-spacing)}.brick-text[data-variant=title-lg]{--brick-text-font-family:var(--brick-typography-title-lg-font-family);--brick-text-font-size:var(--brick-typography-title-lg-font-size);--brick-text-font-weight:var(--brick-typography-title-lg-font-weight);--brick-text-line-height:var(--brick-typography-title-lg-line-height);--brick-text-letter-spacing:var(--brick-typography-title-lg-letter-spacing)}.brick-text[data-variant=title-md]{--brick-text-font-family:var(--brick-typography-title-md-font-family);--brick-text-font-size:var(--brick-typography-title-md-font-size);--brick-text-font-weight:var(--brick-typography-title-md-font-weight);--brick-text-line-height:var(--brick-typography-title-md-line-height);--brick-text-letter-spacing:var(--brick-typography-title-md-letter-spacing)}.brick-text[data-variant=title-sm]{--brick-text-font-family:var(--brick-typography-title-sm-font-family);--brick-text-font-size:var(--brick-typography-title-sm-font-size);--brick-text-font-weight:var(--brick-typography-title-sm-font-weight);--brick-text-line-height:var(--brick-typography-title-sm-line-height);--brick-text-letter-spacing:var(--brick-typography-title-sm-letter-spacing)}.brick-text[data-variant=body-lg]{--brick-text-font-family:var(--brick-typography-body-lg-font-family);--brick-text-font-size:var(--brick-typography-body-lg-font-size);--brick-text-font-weight:var(--brick-typography-body-lg-font-weight);--brick-text-line-height:var(--brick-typography-body-lg-line-height);--brick-text-letter-spacing:var(--brick-typography-body-lg-letter-spacing)}.brick-text[data-variant=body-sm]{--brick-text-font-family:var(--brick-typography-body-sm-font-family);--brick-text-font-size:var(--brick-typography-body-sm-font-size);--brick-text-font-weight:var(--brick-typography-body-sm-font-weight);--brick-text-line-height:var(--brick-typography-body-sm-line-height);--brick-text-letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-text[data-variant=caption]{--brick-text-font-family:var(--brick-typography-caption-font-family);--brick-text-font-size:var(--brick-typography-caption-font-size);--brick-text-font-weight:var(--brick-typography-caption-font-weight);--brick-text-line-height:var(--brick-typography-caption-line-height);--brick-text-letter-spacing:var(--brick-typography-caption-letter-spacing)}.brick-text[data-variant=eyebrow]{--brick-text-font-family:var(--brick-typography-eyebrow-font-family);--brick-text-font-size:var(--brick-typography-eyebrow-font-size);--brick-text-font-weight:var(--brick-typography-eyebrow-font-weight);--brick-text-line-height:var(--brick-typography-eyebrow-line-height);--brick-text-letter-spacing:var(--brick-typography-eyebrow-letter-spacing);--brick-text-text-transform:uppercase}.brick-text[data-tone=inherit]{--brick-text-foreground:currentColor}.brick-text[data-tone=secondary]{--brick-text-foreground:var(--brick-color-text-secondary)}.brick-text[data-tone=muted]{--brick-text-foreground:var(--brick-color-text-muted)}.brick-text[data-tone=accent]{--brick-text-foreground:var(--brick-color-accent-text)}.brick-text[data-tone=info]{--brick-text-foreground:var(--brick-color-info-text)}.brick-text[data-tone=success]{--brick-text-foreground:var(--brick-color-success-text)}.brick-text[data-tone=warning]{--brick-text-foreground:var(--brick-color-warning-text)}.brick-text[data-tone=danger]{--brick-text-foreground:var(--brick-color-danger-text)}.brick-text[data-weight=inherit]{--brick-text-font-weight:inherit}.brick-text[data-weight=regular]{--brick-text-font-weight:var(--brick-font-weight-regular)}.brick-text[data-weight=medium]{--brick-text-font-weight:var(--brick-font-weight-medium)}.brick-text[data-weight=semibold]{--brick-text-font-weight:var(--brick-font-weight-semibold)}.brick-text[data-align=start]{text-align:start}.brick-text[data-align=center]{text-align:center}.brick-text[data-align=end]{text-align:end}.brick-text[data-wrap=nowrap]{text-wrap:nowrap}.brick-text[data-wrap=balance]{text-wrap:balance}.brick-text[data-wrap=pretty]{text-wrap:pretty}.brick-text[data-truncate]{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;display:block;overflow:hidden}.brick-text[data-line-clamp]{-webkit-box-orient:vertical;min-inline-size:0;display:-webkit-box;overflow:hidden}.brick-text[data-line-clamp="2"]{-webkit-line-clamp:2}.brick-text[data-line-clamp="3"]{-webkit-line-clamp:3}.brick-text[data-line-clamp="4"]{-webkit-line-clamp:4}.brick-text[data-line-clamp="5"]{-webkit-line-clamp:5}.brick-text[data-line-clamp="6"]{-webkit-line-clamp:6}@media (forced-colors:active){.brick-text:not([data-tone=inherit]){--brick-text-foreground:CanvasText}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=text.css.map */

package/dist/styles/text.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,wtBAoBA,6XAQA,mYAQA,mYAQA,mYAQA,6XAQA,6XAQA,6XAQA,oEAIA,2FAIA,mFAIA,qFAIA,iFAIA,uFAIA,uFAIA,qFAIA,kEAIA,2FAIA,yFAIA,6FAIA,+CAIA,iDAIA,2CAIA,+CAIA,iDAIA,+CAIA,qHAQA,+GAOA,sDAIA,sDAIA,sDAIA,sDAIA,sDAIA,8BACE,0EDzLJ","sources":["home/runner/work/brick/brick/.brick-cache/production/text.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/text/text.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/text/text.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-text {\n    --brick-text-font-family: var(--brick-typography-body-md-font-family);\n    --brick-text-font-size: var(--brick-typography-body-md-font-size);\n    --brick-text-font-weight: var(--brick-typography-body-md-font-weight);\n    --brick-text-line-height: var(--brick-typography-body-md-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    --brick-text-foreground: var(--brick-color-text-primary);\n\n    margin: 0;\n    color: var(--brick-text-foreground);\n    font-family: var(--brick-text-font-family);\n    font-size: var(--brick-text-font-size);\n    font-weight: var(--brick-text-font-weight);\n    letter-spacing: var(--brick-text-letter-spacing);\n    line-height: var(--brick-text-line-height);\n    overflow-wrap: break-word;\n    text-align: start;\n    text-wrap: wrap;\n  }\n\n  .brick-text[data-variant=\"display\"] {\n    --brick-text-font-family: var(--brick-typography-display-font-family);\n    --brick-text-font-size: var(--brick-typography-display-font-size);\n    --brick-text-font-weight: var(--brick-typography-display-font-weight);\n    --brick-text-line-height: var(--brick-typography-display-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-display-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"title-lg\"] {\n    --brick-text-font-family: var(--brick-typography-title-lg-font-family);\n    --brick-text-font-size: var(--brick-typography-title-lg-font-size);\n    --brick-text-font-weight: var(--brick-typography-title-lg-font-weight);\n    --brick-text-line-height: var(--brick-typography-title-lg-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-title-lg-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"title-md\"] {\n    --brick-text-font-family: var(--brick-typography-title-md-font-family);\n    --brick-text-font-size: var(--brick-typography-title-md-font-size);\n    --brick-text-font-weight: var(--brick-typography-title-md-font-weight);\n    --brick-text-line-height: var(--brick-typography-title-md-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"title-sm\"] {\n    --brick-text-font-family: var(--brick-typography-title-sm-font-family);\n    --brick-text-font-size: var(--brick-typography-title-sm-font-size);\n    --brick-text-font-weight: var(--brick-typography-title-sm-font-weight);\n    --brick-text-line-height: var(--brick-typography-title-sm-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-title-sm-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"body-lg\"] {\n    --brick-text-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-text-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-text-font-weight: var(--brick-typography-body-lg-font-weight);\n    --brick-text-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"body-sm\"] {\n    --brick-text-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-text-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-text-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-text-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"caption\"] {\n    --brick-text-font-family: var(--brick-typography-caption-font-family);\n    --brick-text-font-size: var(--brick-typography-caption-font-size);\n    --brick-text-font-weight: var(--brick-typography-caption-font-weight);\n    --brick-text-line-height: var(--brick-typography-caption-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-caption-letter-spacing);\n  }\n\n  .brick-text[data-tone=\"inherit\"] {\n    --brick-text-foreground: currentColor;\n  }\n\n  .brick-text[data-tone=\"secondary\"] {\n    --brick-text-foreground: var(--brick-color-text-secondary);\n  }\n\n  .brick-text[data-tone=\"muted\"] {\n    --brick-text-foreground: var(--brick-color-text-muted);\n  }\n\n  .brick-text[data-tone=\"accent\"] {\n    --brick-text-foreground: var(--brick-color-accent-text);\n  }\n\n  .brick-text[data-tone=\"info\"] {\n    --brick-text-foreground: var(--brick-color-info-text);\n  }\n\n  .brick-text[data-tone=\"success\"] {\n    --brick-text-foreground: var(--brick-color-success-text);\n  }\n\n  .brick-text[data-tone=\"warning\"] {\n    --brick-text-foreground: var(--brick-color-warning-text);\n  }\n\n  .brick-text[data-tone=\"danger\"] {\n    --brick-text-foreground: var(--brick-color-danger-text);\n  }\n\n  .brick-text[data-weight=\"inherit\"] {\n    --brick-text-font-weight: inherit;\n  }\n\n  .brick-text[data-weight=\"regular\"] {\n    --brick-text-font-weight: var(--brick-font-weight-regular);\n  }\n\n  .brick-text[data-weight=\"medium\"] {\n    --brick-text-font-weight: var(--brick-font-weight-medium);\n  }\n\n  .brick-text[data-weight=\"semibold\"] {\n    --brick-text-font-weight: var(--brick-font-weight-semibold);\n  }\n\n  .brick-text[data-align=\"start\"] {\n    text-align: start;\n  }\n\n  .brick-text[data-align=\"center\"] {\n    text-align: center;\n  }\n\n  .brick-text[data-align=\"end\"] {\n    text-align: end;\n  }\n\n  .brick-text[data-wrap=\"nowrap\"] {\n    text-wrap: nowrap;\n  }\n\n  .brick-text[data-wrap=\"balance\"] {\n    text-wrap: balance;\n  }\n\n  .brick-text[data-wrap=\"pretty\"] {\n    text-wrap: pretty;\n  }\n\n  .brick-text[data-truncate] {\n    display: block;\n    min-inline-size: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-text[data-line-clamp] {\n    display: -webkit-box;\n    min-inline-size: 0;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n  }\n\n  .brick-text[data-line-clamp=\"2\"] {\n    -webkit-line-clamp: 2;\n  }\n\n  .brick-text[data-line-clamp=\"3\"] {\n    -webkit-line-clamp: 3;\n  }\n\n  .brick-text[data-line-clamp=\"4\"] {\n    -webkit-line-clamp: 4;\n  }\n\n  .brick-text[data-line-clamp=\"5\"] {\n    -webkit-line-clamp: 5;\n  }\n\n  .brick-text[data-line-clamp=\"6\"] {\n    -webkit-line-clamp: 6;\n  }\n\n  @media (forced-colors: active) {\n    .brick-text:not([data-tone=\"inherit\"]) {\n      --brick-text-foreground: CanvasText;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,yyBAsBA,6XAQA,mYAQA,mYAQA,mYAQA,6XAQA,6XAQA,6XAQA,maASA,oEAIA,2FAIA,mFAIA,qFAIA,iFAIA,uFAIA,uFAIA,qFAIA,kEAIA,2FAIA,yFAIA,6FAIA,+CAIA,iDAIA,2CAIA,+CAIA,iDAIA,+CAIA,qHAQA,+GAOA,sDAIA,sDAIA,sDAIA,sDAIA,sDAIA,8BACE,0EDpMJ","sources":["home/runner/work/brick/brick/.brick-cache/production/text.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/text/text.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/text/text.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-text {\n    --brick-text-font-family: var(--brick-typography-body-md-font-family);\n    --brick-text-font-size: var(--brick-typography-body-md-font-size);\n    --brick-text-font-weight: var(--brick-typography-body-md-font-weight);\n    --brick-text-line-height: var(--brick-typography-body-md-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    --brick-text-text-transform: none;\n    --brick-text-foreground: var(--brick-color-text-primary);\n\n    margin: 0;\n    color: var(--brick-text-foreground);\n    font-family: var(--brick-text-font-family);\n    font-size: var(--brick-text-font-size);\n    font-weight: var(--brick-text-font-weight);\n    letter-spacing: var(--brick-text-letter-spacing);\n    line-height: var(--brick-text-line-height);\n    overflow-wrap: break-word;\n    text-align: start;\n    text-transform: var(--brick-text-text-transform);\n    text-wrap: wrap;\n  }\n\n  .brick-text[data-variant=\"display\"] {\n    --brick-text-font-family: var(--brick-typography-display-font-family);\n    --brick-text-font-size: var(--brick-typography-display-font-size);\n    --brick-text-font-weight: var(--brick-typography-display-font-weight);\n    --brick-text-line-height: var(--brick-typography-display-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-display-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"title-lg\"] {\n    --brick-text-font-family: var(--brick-typography-title-lg-font-family);\n    --brick-text-font-size: var(--brick-typography-title-lg-font-size);\n    --brick-text-font-weight: var(--brick-typography-title-lg-font-weight);\n    --brick-text-line-height: var(--brick-typography-title-lg-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-title-lg-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"title-md\"] {\n    --brick-text-font-family: var(--brick-typography-title-md-font-family);\n    --brick-text-font-size: var(--brick-typography-title-md-font-size);\n    --brick-text-font-weight: var(--brick-typography-title-md-font-weight);\n    --brick-text-line-height: var(--brick-typography-title-md-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"title-sm\"] {\n    --brick-text-font-family: var(--brick-typography-title-sm-font-family);\n    --brick-text-font-size: var(--brick-typography-title-sm-font-size);\n    --brick-text-font-weight: var(--brick-typography-title-sm-font-weight);\n    --brick-text-line-height: var(--brick-typography-title-sm-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-title-sm-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"body-lg\"] {\n    --brick-text-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-text-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-text-font-weight: var(--brick-typography-body-lg-font-weight);\n    --brick-text-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"body-sm\"] {\n    --brick-text-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-text-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-text-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-text-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"caption\"] {\n    --brick-text-font-family: var(--brick-typography-caption-font-family);\n    --brick-text-font-size: var(--brick-typography-caption-font-size);\n    --brick-text-font-weight: var(--brick-typography-caption-font-weight);\n    --brick-text-line-height: var(--brick-typography-caption-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-caption-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"eyebrow\"] {\n    --brick-text-font-family: var(--brick-typography-eyebrow-font-family);\n    --brick-text-font-size: var(--brick-typography-eyebrow-font-size);\n    --brick-text-font-weight: var(--brick-typography-eyebrow-font-weight);\n    --brick-text-line-height: var(--brick-typography-eyebrow-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-eyebrow-letter-spacing);\n    --brick-text-text-transform: uppercase;\n  }\n\n  .brick-text[data-tone=\"inherit\"] {\n    --brick-text-foreground: currentColor;\n  }\n\n  .brick-text[data-tone=\"secondary\"] {\n    --brick-text-foreground: var(--brick-color-text-secondary);\n  }\n\n  .brick-text[data-tone=\"muted\"] {\n    --brick-text-foreground: var(--brick-color-text-muted);\n  }\n\n  .brick-text[data-tone=\"accent\"] {\n    --brick-text-foreground: var(--brick-color-accent-text);\n  }\n\n  .brick-text[data-tone=\"info\"] {\n    --brick-text-foreground: var(--brick-color-info-text);\n  }\n\n  .brick-text[data-tone=\"success\"] {\n    --brick-text-foreground: var(--brick-color-success-text);\n  }\n\n  .brick-text[data-tone=\"warning\"] {\n    --brick-text-foreground: var(--brick-color-warning-text);\n  }\n\n  .brick-text[data-tone=\"danger\"] {\n    --brick-text-foreground: var(--brick-color-danger-text);\n  }\n\n  .brick-text[data-weight=\"inherit\"] {\n    --brick-text-font-weight: inherit;\n  }\n\n  .brick-text[data-weight=\"regular\"] {\n    --brick-text-font-weight: var(--brick-font-weight-regular);\n  }\n\n  .brick-text[data-weight=\"medium\"] {\n    --brick-text-font-weight: var(--brick-font-weight-medium);\n  }\n\n  .brick-text[data-weight=\"semibold\"] {\n    --brick-text-font-weight: var(--brick-font-weight-semibold);\n  }\n\n  .brick-text[data-align=\"start\"] {\n    text-align: start;\n  }\n\n  .brick-text[data-align=\"center\"] {\n    text-align: center;\n  }\n\n  .brick-text[data-align=\"end\"] {\n    text-align: end;\n  }\n\n  .brick-text[data-wrap=\"nowrap\"] {\n    text-wrap: nowrap;\n  }\n\n  .brick-text[data-wrap=\"balance\"] {\n    text-wrap: balance;\n  }\n\n  .brick-text[data-wrap=\"pretty\"] {\n    text-wrap: pretty;\n  }\n\n  .brick-text[data-truncate] {\n    display: block;\n    min-inline-size: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-text[data-line-clamp] {\n    display: -webkit-box;\n    min-inline-size: 0;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n  }\n\n  .brick-text[data-line-clamp=\"2\"] {\n    -webkit-line-clamp: 2;\n  }\n\n  .brick-text[data-line-clamp=\"3\"] {\n    -webkit-line-clamp: 3;\n  }\n\n  .brick-text[data-line-clamp=\"4\"] {\n    -webkit-line-clamp: 4;\n  }\n\n  .brick-text[data-line-clamp=\"5\"] {\n    -webkit-line-clamp: 5;\n  }\n\n  .brick-text[data-line-clamp=\"6\"] {\n    -webkit-line-clamp: 6;\n  }\n\n  @media (forced-colors: active) {\n    .brick-text:not([data-tone=\"inherit\"]) {\n      --brick-text-foreground: CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/textarea.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-textarea{--brick-textarea-padding-inline:var(--brick-space-3);--brick-textarea-padding-block:var(--brick-space-3);--brick-textarea-gap:var(--brick-space-2);--brick-textarea-radius:var(--brick-radius-control);--brick-textarea-font-family:var(--brick-typography-field-value-md-font-family);--brick-textarea-font-size:var(--brick-typography-field-value-md-font-size);--brick-textarea-font-weight:var(--brick-typography-field-value-md-font-weight);--brick-textarea-line-height:var(--brick-typography-field-value-md-line-height);--brick-textarea-letter-spacing:var(--brick-typography-field-value-md-letter-spacing);--brick-textarea-background:var(--brick-color-surface-raised);--brick-textarea-foreground:var(--brick-color-text-primary);--brick-textarea-placeholder-foreground:var(--brick-color-text-muted);--brick-textarea-border:var(--brick-color-border-strong);--brick-textarea-hover-background:var(--brick-color-surface-base);--brick-textarea-hover-border:var(--brick-color-accent-border);--brick-textarea-focus-ring:var(--brick-color-focus-ring);--brick-textarea-invalid-border:var(--brick-color-danger-text);--brick-textarea-disabled-background:var(--brick-color-surface-subtle);--brick-textarea-disabled-foreground:var(--brick-color-text-secondary);--brick-textarea-disabled-border:var(--brick-color-border-subtle);--brick-textarea-readonly-background:var(--brick-color-surface-subtle);--brick-textarea-count-foreground:var(--brick-color-text-secondary);--brick-textarea-count-over-limit-foreground:var(--brick-color-danger-text);box-sizing:border-box;gap:var(--brick-textarea-gap);min-inline-size:0;max-inline-size:100%;padding:var(--brick-textarea-padding-block) var(--brick-textarea-padding-inline);border:var(--brick-border-width) solid var(--brick-textarea-border);border-radius:var(--brick-textarea-radius);background:var(--brick-textarea-background);color:var(--brick-textarea-foreground);vertical-align:top;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);grid-template-columns:minmax(0,1fr);display:inline-grid}.brick-textarea[data-full-width]{inline-size:100%}.brick-textarea:not([data-full-width]){inline-size:fit-content}.brick-textarea[data-variant=soft]{--brick-textarea-background:var(--brick-color-surface-subtle);--brick-textarea-border:var(--brick-color-border-subtle);--brick-textarea-hover-background:var(--brick-color-accent-soft)}.brick-textarea[data-variant=underline]{--brick-textarea-background:transparent;--brick-textarea-radius:0;border-width:0 0 var(--brick-border-width)}.brick-textarea[data-shape=sharp]{--brick-textarea-radius:0}.brick-textarea[data-size=sm]{--brick-textarea-padding-inline:var(--brick-space-2);--brick-textarea-padding-block:var(--brick-space-2);--brick-textarea-gap:var(--brick-space-1)}.brick-textarea[data-size=lg]{--brick-textarea-padding-inline:var(--brick-space-4);--brick-textarea-padding-block:var(--brick-space-4);--brick-textarea-gap:var(--brick-space-3);--brick-textarea-font-size:var(--brick-typography-field-value-lg-font-size);--brick-textarea-line-height:var(--brick-typography-field-value-lg-line-height)}.brick-textarea-control{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;color:inherit;font-family:var(--brick-textarea-font-family);font-size:var(--brick-textarea-font-size);font-weight:var(--brick-textarea-font-weight);letter-spacing:var(--brick-textarea-letter-spacing);line-height:var(--brick-textarea-line-height);background:0 0;border:0;outline:0;margin:0;padding:0;display:block}.brick-textarea[data-resize=none] .brick-textarea-control{resize:none}.brick-textarea[data-resize=vertical] .brick-textarea-control{resize:vertical}.brick-textarea[data-resize=horizontal] .brick-textarea-control{resize:horizontal}.brick-textarea[data-resize=both] .brick-textarea-control{resize:both}.brick-textarea-control::placeholder{color:var(--brick-textarea-placeholder-foreground);opacity:1}.brick-textarea-count{min-inline-size:0;color:var(--brick-textarea-count-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);line-height:var(--brick-typography-caption-line-height);text-align:end;justify-self:end;display:block}.brick-textarea-count[data-over-limit]{color:var(--brick-textarea-count-over-limit-foreground)}.brick-textarea:focus-within{border-color:var(--brick-textarea-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-textarea-focus-ring)}.brick-textarea:has(.brick-textarea-control[data-invalid]){border-color:var(--brick-textarea-invalid-border)}.brick-textarea:has(.brick-textarea-control[data-disabled]){border-color:var(--brick-textarea-disabled-border);background:var(--brick-textarea-disabled-background);color:var(--brick-textarea-disabled-foreground)}.brick-textarea:has(.brick-textarea-control[data-readonly]){background:var(--brick-textarea-readonly-background)}.brick-textarea-control:disabled{cursor:not-allowed}.brick-textarea-control:read-only{cursor:default}@media (hover:hover) and (pointer:fine){.brick-textarea:not(:has(.brick-textarea-control[data-disabled],.brick-textarea-control[data-readonly],.brick-textarea-control[data-invalid])):hover{border-color:var(--brick-textarea-hover-border);background:var(--brick-textarea-hover-background)}}@media (prefers-reduced-motion:reduce){.brick-textarea{transition-duration:0s}}@media (forced-colors:active){.brick-textarea{color:canvastext;background:canvas;border-color:buttontext}.brick-textarea:focus-within{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:0;box-shadow:none}.brick-textarea:has(.brick-textarea-control[data-invalid]){border-color:mark}.brick-textarea:has(.brick-textarea-control[data-disabled]){color:graytext;border-color:graytext}.brick-textarea-count[data-over-limit]{color:mark}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{.brick-textarea{--brick-textarea-padding-inline:var(--brick-space-3);--brick-textarea-padding-block:var(--brick-space-3);--brick-textarea-gap:var(--brick-space-2);--brick-textarea-radius:var(--brick-radius-control);--brick-textarea-font-family:var(--brick-typography-field-value-md-font-family);--brick-textarea-font-size:var(--brick-typography-field-value-md-font-size);--brick-textarea-font-weight:var(--brick-typography-field-value-md-font-weight);--brick-textarea-line-height:var(--brick-typography-field-value-md-line-height);--brick-textarea-letter-spacing:var(--brick-typography-field-value-md-letter-spacing);--brick-textarea-background:var(--brick-color-surface-raised);--brick-textarea-foreground:var(--brick-color-text-primary);--brick-textarea-placeholder-foreground:var(--brick-color-text-muted);--brick-textarea-border:var(--brick-color-border-strong);--brick-textarea-hover-background:var(--brick-color-surface-base);--brick-textarea-hover-border:var(--brick-color-accent-border);--brick-textarea-focus-ring:var(--brick-color-focus-ring);--brick-textarea-invalid-border:var(--brick-color-danger-text);--brick-textarea-disabled-background:var(--brick-color-surface-subtle);--brick-textarea-disabled-foreground:var(--brick-color-text-secondary);--brick-textarea-disabled-border:var(--brick-color-border-subtle);--brick-textarea-readonly-background:var(--brick-color-surface-subtle);--brick-textarea-count-foreground:var(--brick-color-text-secondary);--brick-textarea-count-over-limit-foreground:var(--brick-color-danger-text);box-sizing:border-box;gap:var(--brick-textarea-gap);min-inline-size:0;max-inline-size:100%;padding:var(--brick-textarea-padding-block) var(--brick-textarea-padding-inline);border:var(--brick-border-width) solid var(--brick-textarea-border);border-radius:var(--brick-textarea-radius);background:var(--brick-textarea-background);color:var(--brick-textarea-foreground);vertical-align:top;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);grid-template-columns:minmax(0,1fr);display:inline-grid}.brick-textarea[data-full-width]{inline-size:100%}.brick-textarea:not([data-full-width]){inline-size:fit-content}.brick-textarea[data-variant=soft]{--brick-textarea-background:var(--brick-color-surface-subtle);--brick-textarea-border:var(--brick-color-border-subtle);--brick-textarea-hover-background:var(--brick-color-accent-soft)}.brick-textarea[data-variant=underline]{--brick-textarea-background:transparent;--brick-textarea-radius:0;border-width:0 0 var(--brick-border-width)}.brick-textarea[data-shape=sharp]{--brick-textarea-radius:0}.brick-textarea[data-size=sm]{--brick-textarea-padding-inline:var(--brick-space-2);--brick-textarea-padding-block:var(--brick-space-2);--brick-textarea-gap:var(--brick-space-1)}.brick-textarea[data-size=lg]{--brick-textarea-padding-inline:var(--brick-space-4);--brick-textarea-padding-block:var(--brick-space-4);--brick-textarea-gap:var(--brick-space-3);--brick-textarea-font-size:var(--brick-typography-field-value-lg-font-size);--brick-textarea-line-height:var(--brick-typography-field-value-lg-line-height)}.brick-textarea-control{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;color:inherit;font-family:var(--brick-textarea-font-family);font-size:var(--brick-textarea-font-size);font-weight:var(--brick-textarea-font-weight);letter-spacing:var(--brick-textarea-letter-spacing);line-height:var(--brick-textarea-line-height);background:0 0;border:0;outline:0;margin:0;padding:0;display:block}.brick-textarea[data-resize=none] .brick-textarea-control{resize:none}.brick-textarea[data-resize=vertical] .brick-textarea-control{resize:vertical}.brick-textarea[data-resize=horizontal] .brick-textarea-control{resize:horizontal}.brick-textarea[data-resize=both] .brick-textarea-control{resize:both}.brick-textarea-control::placeholder{color:var(--brick-textarea-placeholder-foreground);opacity:1}.brick-textarea-count{min-inline-size:0;color:var(--brick-textarea-count-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);line-height:var(--brick-typography-caption-line-height);text-align:end;justify-self:end;display:block}.brick-textarea-count[data-over-limit]{color:var(--brick-textarea-count-over-limit-foreground)}.brick-textarea:focus-within{border-color:var(--brick-textarea-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-textarea-focus-ring)}.brick-textarea:has(.brick-textarea-control[data-invalid]){border-color:var(--brick-textarea-invalid-border)}.brick-textarea:has(.brick-textarea-control[data-disabled]){border-color:var(--brick-textarea-disabled-border);background:var(--brick-textarea-disabled-background);color:var(--brick-textarea-disabled-foreground)}.brick-textarea:has(.brick-textarea-control[data-readonly]){background:var(--brick-textarea-readonly-background)}.brick-textarea-control:disabled{cursor:not-allowed}.brick-textarea-control:read-only{cursor:default}@media (hover:hover) and (pointer:fine){.brick-textarea:not(:has(.brick-textarea-control[data-disabled],.brick-textarea-control[data-readonly],.brick-textarea-control[data-invalid])):hover{border-color:var(--brick-textarea-hover-border);background:var(--brick-textarea-hover-background)}}@media (prefers-reduced-motion:reduce){.brick-textarea{transition-duration:0s}}@media (forced-colors:active){.brick-textarea{color:canvastext;background:canvas;border-color:buttontext}.brick-textarea:focus-within{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:0;box-shadow:none}.brick-textarea:has(.brick-textarea-control[data-invalid]){border-color:mark}.brick-textarea:has(.brick-textarea-control[data-disabled]){color:graytext;border-color:graytext}.brick-textarea-count[data-over-limit]{color:mark}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=textarea.css.map */

package/dist/styles/textarea.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,osEAwCA,kDACA,+DACA,2NAKA,qJAKA,4DACA,iLAKA,6UAQA,+ZAmBA,sEACA,8EACA,kFACA,sEACA,kGAEA,+VAWA,+FAEA,6JAIA,6GACA,oNAKA,iHACA,oDACA,iDAEA,wCACE,wPAKF,uCACE,wCAEF,8BACE,2EACA,sHACA,6EACA,iGACA,oDDrIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/textarea.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/textarea/textarea.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/textarea/textarea.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-textarea {\n    --brick-textarea-padding-inline: var(--brick-space-3);\n    --brick-textarea-padding-block: var(--brick-space-3);\n    --brick-textarea-gap: var(--brick-space-2);\n    --brick-textarea-radius: var(--brick-radius-control);\n    --brick-textarea-font-family: var(--brick-typography-field-value-md-font-family);\n    --brick-textarea-font-size: var(--brick-typography-field-value-md-font-size);\n    --brick-textarea-font-weight: var(--brick-typography-field-value-md-font-weight);\n    --brick-textarea-line-height: var(--brick-typography-field-value-md-line-height);\n    --brick-textarea-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n    --brick-textarea-background: var(--brick-color-surface-raised);\n    --brick-textarea-foreground: var(--brick-color-text-primary);\n    --brick-textarea-placeholder-foreground: var(--brick-color-text-muted);\n    --brick-textarea-border: var(--brick-color-border-strong);\n    --brick-textarea-hover-background: var(--brick-color-surface-base);\n    --brick-textarea-hover-border: var(--brick-color-accent-border);\n    --brick-textarea-focus-ring: var(--brick-color-focus-ring);\n    --brick-textarea-invalid-border: var(--brick-color-danger-text);\n    --brick-textarea-disabled-background: var(--brick-color-surface-subtle);\n    --brick-textarea-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-textarea-disabled-border: var(--brick-color-border-subtle);\n    --brick-textarea-readonly-background: var(--brick-color-surface-subtle);\n    --brick-textarea-count-foreground: var(--brick-color-text-secondary);\n    --brick-textarea-count-over-limit-foreground: var(--brick-color-danger-text);\n\n    display: inline-grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    grid-template-columns: minmax(0, 1fr);\n    gap: var(--brick-textarea-gap);\n    padding: var(--brick-textarea-padding-block) var(--brick-textarea-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-textarea-border);\n    border-radius: var(--brick-textarea-radius);\n    background: var(--brick-textarea-background);\n    color: var(--brick-textarea-foreground);\n    vertical-align: top;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-textarea[data-full-width] { inline-size: 100%; }\n  .brick-textarea:not([data-full-width]) { inline-size: fit-content; }\n  .brick-textarea[data-variant=\"soft\"] {\n    --brick-textarea-background: var(--brick-color-surface-subtle);\n    --brick-textarea-border: var(--brick-color-border-subtle);\n    --brick-textarea-hover-background: var(--brick-color-accent-soft);\n  }\n  .brick-textarea[data-variant=\"underline\"] {\n    --brick-textarea-background: transparent;\n    --brick-textarea-radius: 0;\n    border-width: 0 0 var(--brick-border-width);\n  }\n  .brick-textarea[data-shape=\"sharp\"] { --brick-textarea-radius: 0; }\n  .brick-textarea[data-size=\"sm\"] {\n    --brick-textarea-padding-inline: var(--brick-space-2);\n    --brick-textarea-padding-block: var(--brick-space-2);\n    --brick-textarea-gap: var(--brick-space-1);\n  }\n  .brick-textarea[data-size=\"lg\"] {\n    --brick-textarea-padding-inline: var(--brick-space-4);\n    --brick-textarea-padding-block: var(--brick-space-4);\n    --brick-textarea-gap: var(--brick-space-3);\n    --brick-textarea-font-size: var(--brick-typography-field-value-lg-font-size);\n    --brick-textarea-line-height: var(--brick-typography-field-value-lg-line-height);\n  }\n\n  .brick-textarea-control {\n    display: block;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: inherit;\n    font-family: var(--brick-textarea-font-family);\n    font-size: var(--brick-textarea-font-size);\n    font-weight: var(--brick-textarea-font-weight);\n    letter-spacing: var(--brick-textarea-letter-spacing);\n    line-height: var(--brick-textarea-line-height);\n  }\n\n  .brick-textarea[data-resize=\"none\"] .brick-textarea-control { resize: none; }\n  .brick-textarea[data-resize=\"vertical\"] .brick-textarea-control { resize: vertical; }\n  .brick-textarea[data-resize=\"horizontal\"] .brick-textarea-control { resize: horizontal; }\n  .brick-textarea[data-resize=\"both\"] .brick-textarea-control { resize: both; }\n  .brick-textarea-control::placeholder { color: var(--brick-textarea-placeholder-foreground); opacity: 1; }\n\n  .brick-textarea-count {\n    display: block;\n    min-inline-size: 0;\n    justify-self: end;\n    color: var(--brick-textarea-count-foreground);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    text-align: end;\n  }\n  .brick-textarea-count[data-over-limit] { color: var(--brick-textarea-count-over-limit-foreground); }\n\n  .brick-textarea:focus-within {\n    border-color: var(--brick-textarea-focus-ring);\n    box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-textarea-focus-ring);\n  }\n  .brick-textarea:has(.brick-textarea-control[data-invalid]) { border-color: var(--brick-textarea-invalid-border); }\n  .brick-textarea:has(.brick-textarea-control[data-disabled]) {\n    border-color: var(--brick-textarea-disabled-border);\n    background: var(--brick-textarea-disabled-background);\n    color: var(--brick-textarea-disabled-foreground);\n  }\n  .brick-textarea:has(.brick-textarea-control[data-readonly]) { background: var(--brick-textarea-readonly-background); }\n  .brick-textarea-control:disabled { cursor: not-allowed; }\n  .brick-textarea-control:read-only { cursor: default; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-textarea:not(:has(.brick-textarea-control[data-disabled], .brick-textarea-control[data-readonly], .brick-textarea-control[data-invalid])):hover {\n      border-color: var(--brick-textarea-hover-border);\n      background: var(--brick-textarea-hover-background);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .brick-textarea { transition-duration: 0ms; }\n  }\n  @media (forced-colors: active) {\n    .brick-textarea { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-textarea:focus-within { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-textarea:has(.brick-textarea-control[data-invalid]) { border-color: Mark; }\n    .brick-textarea:has(.brick-textarea-control[data-disabled]) { border-color: GrayText; color: GrayText; }\n    .brick-textarea-count[data-over-limit] { color: Mark; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,osEAwCA,kDACA,+DACA,2NAKA,qJAKA,4DACA,iLAKA,6UAQA,+ZAmBA,sEACA,8EACA,kFACA,sEACA,kGAEA,+VAWA,+FAEA,6JAIA,6GACA,oNAKA,iHACA,oDACA,iDAEA,wCACE,wPAKF,uCACE,wCAEF,8BACE,2EACA,sHACA,6EACA,iGACA,oDDrIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/textarea.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/textarea/textarea.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/textarea/textarea.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-textarea {\n    --brick-textarea-padding-inline: var(--brick-space-3);\n    --brick-textarea-padding-block: var(--brick-space-3);\n    --brick-textarea-gap: var(--brick-space-2);\n    --brick-textarea-radius: var(--brick-radius-control);\n    --brick-textarea-font-family: var(--brick-typography-field-value-md-font-family);\n    --brick-textarea-font-size: var(--brick-typography-field-value-md-font-size);\n    --brick-textarea-font-weight: var(--brick-typography-field-value-md-font-weight);\n    --brick-textarea-line-height: var(--brick-typography-field-value-md-line-height);\n    --brick-textarea-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n    --brick-textarea-background: var(--brick-color-surface-raised);\n    --brick-textarea-foreground: var(--brick-color-text-primary);\n    --brick-textarea-placeholder-foreground: var(--brick-color-text-muted);\n    --brick-textarea-border: var(--brick-color-border-strong);\n    --brick-textarea-hover-background: var(--brick-color-surface-base);\n    --brick-textarea-hover-border: var(--brick-color-accent-border);\n    --brick-textarea-focus-ring: var(--brick-color-focus-ring);\n    --brick-textarea-invalid-border: var(--brick-color-danger-text);\n    --brick-textarea-disabled-background: var(--brick-color-surface-subtle);\n    --brick-textarea-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-textarea-disabled-border: var(--brick-color-border-subtle);\n    --brick-textarea-readonly-background: var(--brick-color-surface-subtle);\n    --brick-textarea-count-foreground: var(--brick-color-text-secondary);\n    --brick-textarea-count-over-limit-foreground: var(--brick-color-danger-text);\n\n    display: inline-grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    grid-template-columns: minmax(0, 1fr);\n    gap: var(--brick-textarea-gap);\n    padding: var(--brick-textarea-padding-block) var(--brick-textarea-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-textarea-border);\n    border-radius: var(--brick-textarea-radius);\n    background: var(--brick-textarea-background);\n    color: var(--brick-textarea-foreground);\n    vertical-align: top;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-textarea[data-full-width] { inline-size: 100%; }\n  .brick-textarea:not([data-full-width]) { inline-size: fit-content; }\n  .brick-textarea[data-variant=\"soft\"] {\n    --brick-textarea-background: var(--brick-color-surface-subtle);\n    --brick-textarea-border: var(--brick-color-border-subtle);\n    --brick-textarea-hover-background: var(--brick-color-accent-soft);\n  }\n  .brick-textarea[data-variant=\"underline\"] {\n    --brick-textarea-background: transparent;\n    --brick-textarea-radius: 0;\n    border-width: 0 0 var(--brick-border-width);\n  }\n  .brick-textarea[data-shape=\"sharp\"] { --brick-textarea-radius: 0; }\n  .brick-textarea[data-size=\"sm\"] {\n    --brick-textarea-padding-inline: var(--brick-space-2);\n    --brick-textarea-padding-block: var(--brick-space-2);\n    --brick-textarea-gap: var(--brick-space-1);\n  }\n  .brick-textarea[data-size=\"lg\"] {\n    --brick-textarea-padding-inline: var(--brick-space-4);\n    --brick-textarea-padding-block: var(--brick-space-4);\n    --brick-textarea-gap: var(--brick-space-3);\n    --brick-textarea-font-size: var(--brick-typography-field-value-lg-font-size);\n    --brick-textarea-line-height: var(--brick-typography-field-value-lg-line-height);\n  }\n\n  .brick-textarea-control {\n    display: block;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: inherit;\n    font-family: var(--brick-textarea-font-family);\n    font-size: var(--brick-textarea-font-size);\n    font-weight: var(--brick-textarea-font-weight);\n    letter-spacing: var(--brick-textarea-letter-spacing);\n    line-height: var(--brick-textarea-line-height);\n  }\n\n  .brick-textarea[data-resize=\"none\"] .brick-textarea-control { resize: none; }\n  .brick-textarea[data-resize=\"vertical\"] .brick-textarea-control { resize: vertical; }\n  .brick-textarea[data-resize=\"horizontal\"] .brick-textarea-control { resize: horizontal; }\n  .brick-textarea[data-resize=\"both\"] .brick-textarea-control { resize: both; }\n  .brick-textarea-control::placeholder { color: var(--brick-textarea-placeholder-foreground); opacity: 1; }\n\n  .brick-textarea-count {\n    display: block;\n    min-inline-size: 0;\n    justify-self: end;\n    color: var(--brick-textarea-count-foreground);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    text-align: end;\n  }\n  .brick-textarea-count[data-over-limit] { color: var(--brick-textarea-count-over-limit-foreground); }\n\n  .brick-textarea:focus-within {\n    border-color: var(--brick-textarea-focus-ring);\n    box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-textarea-focus-ring);\n  }\n  .brick-textarea:has(.brick-textarea-control[data-invalid]) { border-color: var(--brick-textarea-invalid-border); }\n  .brick-textarea:has(.brick-textarea-control[data-disabled]) {\n    border-color: var(--brick-textarea-disabled-border);\n    background: var(--brick-textarea-disabled-background);\n    color: var(--brick-textarea-disabled-foreground);\n  }\n  .brick-textarea:has(.brick-textarea-control[data-readonly]) { background: var(--brick-textarea-readonly-background); }\n  .brick-textarea-control:disabled { cursor: not-allowed; }\n  .brick-textarea-control:read-only { cursor: default; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-textarea:not(:has(.brick-textarea-control[data-disabled], .brick-textarea-control[data-readonly], .brick-textarea-control[data-invalid])):hover {\n      border-color: var(--brick-textarea-hover-border);\n      background: var(--brick-textarea-hover-background);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .brick-textarea { transition-duration: 0ms; }\n  }\n  @media (forced-colors: active) {\n    .brick-textarea { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-textarea:focus-within { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-textarea:has(.brick-textarea-control[data-invalid]) { border-color: Mark; }\n    .brick-textarea:has(.brick-textarea-control[data-disabled]) { border-color: GrayText; color: GrayText; }\n    .brick-textarea-count[data-over-limit] { color: Mark; }\n  }\n}\n"],"names":[]}

package/dist/styles/toast.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-toast-viewport{--brick-toast-viewport-z-index:var(--brick-layer-overlay);--brick-toast-viewport-gap:var(--brick-space-3);--brick-toast-offset-block-start:var(--brick-space-4);--brick-toast-offset-block-end:var(--brick-space-4);--brick-toast-offset-inline-start:var(--brick-space-4);--brick-toast-offset-inline-end:var(--brick-space-4);--brick-toast-inline-size:24rem;--brick-toast-overlap-step:var(--brick-space-2);z-index:var(--brick-toast-viewport-z-index);inline-size:min(var(--brick-toast-inline-size), calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end) - env(safe-area-inset-left) - env(safe-area-inset-right)));max-block-size:calc(100vh - var(--brick-toast-offset-block-start) - var(--brick-toast-offset-block-end));gap:var(--brick-toast-viewport-gap);pointer-events:none;outline:none;flex-direction:column;margin:0;padding:0;display:flex;position:fixed}.brick-toast-viewport[data-width=compact]{--brick-toast-inline-size:20rem}.brick-toast-viewport[data-width=full]{--brick-toast-inline-size:calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end))}.brick-toast-viewport[data-position^=top-]{inset-block-start:calc(var(--brick-toast-offset-block-start) + env(safe-area-inset-top))}.brick-toast-viewport[data-position^=bottom-]{inset-block-end:calc(var(--brick-toast-offset-block-end) + env(safe-area-inset-bottom))}.brick-toast-viewport[data-position$=-start]{inset-inline-start:calc(var(--brick-toast-offset-inline-start) + env(safe-area-inset-left))}.brick-toast-viewport[data-position$=-end]{inset-inline-end:calc(var(--brick-toast-offset-inline-end) + env(safe-area-inset-right))}.brick-toast-viewport[data-position$=-center]{inset-inline-start:50%;transform:translate(-50%)}.brick-toast{--brick-toast-background:var(--brick-color-surface-raised);--brick-toast-foreground:var(--brick-color-text-primary);--brick-toast-description-foreground:var(--brick-color-text-secondary);--brick-toast-border-color:var(--brick-color-border-subtle);--brick-toast-accent-color:var(--brick-color-accent-solid);--brick-toast-radius:var(--brick-radius-overlay);--brick-toast-shadow:0 .75rem 2rem var(--brick-color-shadow);--brick-toast-padding:var(--brick-space-3);--brick-toast-content-gap:var(--brick-space-1);--brick-toast-action-gap:var(--brick-space-2);--brick-toast-motion-duration:var(--brick-motion-duration-fast);--brick-toast-motion-easing:var(--brick-motion-easing-enter);align-items:center;gap:var(--brick-space-3);box-sizing:border-box;border:1px solid var(--brick-toast-border-color);border-inline-start:.25rem solid var(--brick-toast-accent-color);border-radius:var(--brick-toast-radius);min-block-size:3rem;inline-size:100%;min-inline-size:0;padding:var(--brick-toast-padding);background:var(--brick-toast-background);box-shadow:var(--brick-toast-shadow);color:var(--brick-toast-foreground);pointer-events:auto;touch-action:pan-y;transition:opacity var(--brick-toast-motion-duration) var(--brick-toast-motion-easing), transform var(--brick-toast-motion-duration) var(--brick-toast-motion-easing), margin var(--brick-toast-motion-duration) var(--brick-toast-motion-easing);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.brick-toast:has(.brick-toast__close){padding-inline-end:calc(2.75rem + var(--brick-space-3))}.brick-toast[data-type=default],.brick-toast[data-type=loading]{--brick-toast-accent-color:var(--brick-color-accent-solid)}.brick-toast[data-type=success]{--brick-toast-accent-color:var(--brick-color-success-solid);--brick-toast-border-color:var(--brick-color-success-border)}.brick-toast[data-type=error]{--brick-toast-accent-color:var(--brick-color-danger-solid);--brick-toast-border-color:var(--brick-color-danger-border)}.brick-toast[data-type=warning]{--brick-toast-accent-color:var(--brick-color-warning-solid);--brick-toast-border-color:var(--brick-color-warning-border)}.brick-toast[data-type=info]{--brick-toast-accent-color:var(--brick-color-info-solid);--brick-toast-border-color:var(--brick-color-info-border)}.brick-toast[data-state=entering]{opacity:0;transform:translateY(.5rem)}.brick-toast[data-state=exiting]{opacity:0;transform:translateY(-.375rem)}.brick-toast[data-swipe=move]{transform:translate(var(--atom-toast-swipe-move-x), var(--atom-toast-swipe-move-y));transition:none}.brick-toast[data-swipe=cancel]{transform:translate(0)}.brick-toast[data-swipe=end]{opacity:0}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]){gap:0;display:grid}.brick-toast-viewport[data-position^=top-][data-stacking=overlap]:not([data-expanded]){padding-block-end:calc(2 * var(--brick-toast-overlap-step))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]){padding-block-start:calc(2 * var(--brick-toast-overlap-step))}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast{grid-area:1/1}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast[data-index="0"]{z-index:1}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast[data-index="1"]{z-index:2}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast[data-index="2"]{z-index:3}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="1"]) .brick-toast[data-index="0"]{transform:translateY(var(--brick-toast-overlap-step))}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="0"]{transform:translateY(calc(2 * var(--brick-toast-overlap-step)))}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="1"]{transform:translateY(var(--brick-toast-overlap-step))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]) .brick-toast{align-self:end}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="1"]) .brick-toast[data-index="0"]{transform:translateY(calc(-1 * var(--brick-toast-overlap-step)))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="0"]{transform:translateY(calc(-2 * var(--brick-toast-overlap-step)))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="1"]{transform:translateY(calc(-1 * var(--brick-toast-overlap-step)))}.brick-toast__icon{block-size:1.25rem;inline-size:1.25rem;color:var(--brick-toast-accent-color);place-items:center;display:inline-grid}.brick-toast__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;block-size:100%;inline-size:100%}.brick-toast__spinner{box-sizing:border-box;border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-block-start-color:currentColor;border-radius:50%;block-size:1rem;inline-size:1rem;animation:.8s linear infinite brick-toast-spin}.brick-toast__content{gap:var(--brick-toast-content-gap);min-inline-size:0;display:grid}.brick-toast__content:first-child{grid-column-start:1}.brick-toast__title,.brick-toast__description{overflow-wrap:anywhere;margin:0}.brick-toast__title{font-family:var(--brick-typography-compact-title-font-family);font-size:var(--brick-typography-compact-title-font-size);font-weight:var(--brick-typography-compact-title-font-weight);line-height:var(--brick-typography-compact-title-line-height)}.brick-toast__description{color:var(--brick-toast-description-foreground);font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height)}.brick-toast__actions{gap:var(--brick-toast-action-gap);flex-wrap:wrap;margin-block-start:var(--brick-space-1);display:flex}.brick-toast__action,.brick-toast__close{font:inherit;color:var(--brick-toast-accent-color);cursor:pointer;border:0}.brick-toast__action{border-radius:var(--brick-radius-control);min-block-size:2.25rem;padding-inline:var(--brick-space-2);background:color-mix(in srgb, var(--brick-toast-accent-color) 12%, transparent);color:var(--brick-color-text-primary);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-control-sm-font-weight)}.brick-toast__close{border-radius:var(--brick-radius-full);block-size:2.75rem;inline-size:2.75rem;color:var(--brick-color-text-secondary);background:0 0;place-items:center;margin:0;padding:0;display:inline-grid;position:absolute;inset-block-start:50%;inset-inline-end:var(--brick-space-1);transform:translateY(-50%)}.brick-toast__close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;block-size:1.125rem;inline-size:1.125rem}.brick-toast__action:hover{background:color-mix(in srgb, var(--brick-toast-accent-color) 18%, transparent)}.brick-toast__close:hover{background:var(--brick-color-surface-subtle);color:var(--brick-color-text-primary)}.brick-toast__action:focus-visible,.brick-toast__close:focus-visible{outline:2px solid var(--brick-color-focus-ring);outline-offset:2px}@keyframes brick-toast-spin{to{transform:rotate(360deg)}}@media (width<=30rem){.brick-toast-viewport[data-width=responsive]{--brick-toast-inline-size:calc(100vw - var(--brick-space-4) * 2);--brick-toast-offset-inline-start:var(--brick-space-2);--brick-toast-offset-inline-end:var(--brick-space-2)}}@media (prefers-reduced-motion:reduce){.brick-toast{transition:none}.brick-toast[data-state=entering],.brick-toast[data-state=exiting]{transform:none}.brick-toast__spinner{border-style:dotted;animation:none}}@media (forced-colors:active){.brick-toast{box-shadow:none;color:canvastext;forced-color-adjust:auto;background:canvas;border-color:canvastext}.brick-toast__icon,.brick-toast__action,.brick-toast__close{color:buttontext}.brick-toast__action{background:buttonface;border:1px solid buttontext}.brick-toast__action:focus-visible,.brick-toast__close:focus-visible{outline-color:highlight}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{.brick-toast-viewport{--brick-toast-viewport-z-index:var(--brick-layer-overlay);--brick-toast-viewport-gap:var(--brick-space-3);--brick-toast-offset-block-start:var(--brick-space-4);--brick-toast-offset-block-end:var(--brick-space-4);--brick-toast-offset-inline-start:var(--brick-space-4);--brick-toast-offset-inline-end:var(--brick-space-4);--brick-toast-inline-size:24rem;--brick-toast-overlap-step:var(--brick-space-2);z-index:var(--brick-toast-viewport-z-index);inline-size:min(var(--brick-toast-inline-size), calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end) - env(safe-area-inset-left) - env(safe-area-inset-right)));max-block-size:calc(100vh - var(--brick-toast-offset-block-start) - var(--brick-toast-offset-block-end));gap:var(--brick-toast-viewport-gap);pointer-events:none;outline:none;flex-direction:column;margin:0;padding:0;display:flex;position:fixed}.brick-toast-viewport[data-width=compact]{--brick-toast-inline-size:20rem}.brick-toast-viewport[data-width=full]{--brick-toast-inline-size:calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end))}.brick-toast-viewport[data-position^=top-]{inset-block-start:calc(var(--brick-toast-offset-block-start) + env(safe-area-inset-top))}.brick-toast-viewport[data-position^=bottom-]{inset-block-end:calc(var(--brick-toast-offset-block-end) + env(safe-area-inset-bottom))}.brick-toast-viewport[data-position$=-start]{inset-inline-start:calc(var(--brick-toast-offset-inline-start) + env(safe-area-inset-left))}.brick-toast-viewport[data-position$=-end]{inset-inline-end:calc(var(--brick-toast-offset-inline-end) + env(safe-area-inset-right))}.brick-toast-viewport[data-position$=-center]{inset-inline-start:50%;transform:translate(-50%)}.brick-toast{--brick-toast-background:var(--brick-color-surface-raised);--brick-toast-foreground:var(--brick-color-text-primary);--brick-toast-description-foreground:var(--brick-color-text-secondary);--brick-toast-border-color:var(--brick-color-border-subtle);--brick-toast-accent-color:var(--brick-color-accent-solid);--brick-toast-radius:var(--brick-radius-overlay);--brick-toast-shadow:0 .75rem 2rem var(--brick-color-shadow);--brick-toast-padding:var(--brick-space-3);--brick-toast-content-gap:var(--brick-space-1);--brick-toast-action-gap:var(--brick-space-2);--brick-toast-motion-duration:var(--brick-motion-duration-fast);--brick-toast-motion-easing:var(--brick-motion-easing-enter);align-items:center;gap:var(--brick-space-3);box-sizing:border-box;border:1px solid var(--brick-toast-border-color);border-inline-start:.25rem solid var(--brick-toast-accent-color);border-radius:var(--brick-toast-radius);min-block-size:3rem;inline-size:100%;min-inline-size:0;padding:var(--brick-toast-padding);background:var(--brick-toast-background);box-shadow:var(--brick-toast-shadow);color:var(--brick-toast-foreground);pointer-events:auto;touch-action:pan-y;transition:opacity var(--brick-toast-motion-duration) var(--brick-toast-motion-easing), transform var(--brick-toast-motion-duration) var(--brick-toast-motion-easing), margin var(--brick-toast-motion-duration) var(--brick-toast-motion-easing);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.brick-toast:has(.brick-toast__close){padding-inline-end:calc(2.75rem + var(--brick-space-3))}.brick-toast[data-type=default],.brick-toast[data-type=loading]{--brick-toast-accent-color:var(--brick-color-accent-solid)}.brick-toast[data-type=success]{--brick-toast-accent-color:var(--brick-color-success-solid);--brick-toast-border-color:var(--brick-color-success-border)}.brick-toast[data-type=error]{--brick-toast-accent-color:var(--brick-color-danger-solid);--brick-toast-border-color:var(--brick-color-danger-border)}.brick-toast[data-type=warning]{--brick-toast-accent-color:var(--brick-color-warning-solid);--brick-toast-border-color:var(--brick-color-warning-border)}.brick-toast[data-type=info]{--brick-toast-accent-color:var(--brick-color-info-solid);--brick-toast-border-color:var(--brick-color-info-border)}.brick-toast[data-state=entering]{opacity:0;transform:translateY(.5rem)}.brick-toast[data-state=exiting]{opacity:0;transform:translateY(-.375rem)}.brick-toast[data-swipe=move]{transform:translate(var(--atom-toast-swipe-move-x), var(--atom-toast-swipe-move-y));transition:none}.brick-toast[data-swipe=cancel]{transform:translate(0)}.brick-toast[data-swipe=end]{opacity:0}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]){gap:0;display:grid}.brick-toast-viewport[data-position^=top-][data-stacking=overlap]:not([data-expanded]){padding-block-end:calc(2 * var(--brick-toast-overlap-step))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]){padding-block-start:calc(2 * var(--brick-toast-overlap-step))}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast{grid-area:1/1}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast[data-index="0"]{z-index:1}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast[data-index="1"]{z-index:2}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast[data-index="2"]{z-index:3}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="1"]) .brick-toast[data-index="0"]{transform:translateY(var(--brick-toast-overlap-step))}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="0"]{transform:translateY(calc(2 * var(--brick-toast-overlap-step)))}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="1"]{transform:translateY(var(--brick-toast-overlap-step))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]) .brick-toast{align-self:end}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="1"]) .brick-toast[data-index="0"]{transform:translateY(calc(-1 * var(--brick-toast-overlap-step)))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="0"]{transform:translateY(calc(-2 * var(--brick-toast-overlap-step)))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="1"]{transform:translateY(calc(-1 * var(--brick-toast-overlap-step)))}.brick-toast__icon{block-size:1.25rem;inline-size:1.25rem;color:var(--brick-toast-accent-color);place-items:center;display:inline-grid}.brick-toast__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;block-size:100%;inline-size:100%}.brick-toast__spinner{box-sizing:border-box;border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-block-start-color:currentColor;border-radius:50%;block-size:1rem;inline-size:1rem;animation:.8s linear infinite brick-toast-spin}.brick-toast__content{gap:var(--brick-toast-content-gap);min-inline-size:0;display:grid}.brick-toast__content:first-child{grid-column-start:1}.brick-toast__title,.brick-toast__description{overflow-wrap:anywhere;margin:0}.brick-toast__title{font-family:var(--brick-typography-compact-title-font-family);font-size:var(--brick-typography-compact-title-font-size);font-weight:var(--brick-typography-compact-title-font-weight);line-height:var(--brick-typography-compact-title-line-height)}.brick-toast__description{color:var(--brick-toast-description-foreground);font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height)}.brick-toast__actions{gap:var(--brick-toast-action-gap);flex-wrap:wrap;margin-block-start:var(--brick-space-1);display:flex}.brick-toast__action,.brick-toast__close{font:inherit;color:var(--brick-toast-accent-color);cursor:pointer;border:0}.brick-toast__action{border-radius:var(--brick-radius-control);min-block-size:2.25rem;padding-inline:var(--brick-space-2);background:color-mix(in srgb, var(--brick-toast-accent-color) 12%, transparent);color:var(--brick-color-text-primary);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-control-sm-font-weight)}.brick-toast__close{border-radius:var(--brick-radius-full);block-size:2.75rem;inline-size:2.75rem;color:var(--brick-color-text-secondary);background:0 0;place-items:center;margin:0;padding:0;display:inline-grid;position:absolute;inset-block-start:50%;inset-inline-end:var(--brick-space-1);transform:translateY(-50%)}.brick-toast__close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;block-size:1.125rem;inline-size:1.125rem}.brick-toast__action:hover{background:color-mix(in srgb, var(--brick-toast-accent-color) 18%, transparent)}.brick-toast__close:hover{background:var(--brick-color-surface-subtle);color:var(--brick-color-text-primary)}.brick-toast__action:focus-visible,.brick-toast__close:focus-visible{outline:2px solid var(--brick-color-focus-ring);outline-offset:2px}@keyframes brick-toast-spin{to{transform:rotate(360deg)}}@media (width<=30rem){.brick-toast-viewport[data-width=responsive]{--brick-toast-inline-size:calc(100vw - var(--brick-space-4) * 2);--brick-toast-offset-inline-start:var(--brick-space-2);--brick-toast-offset-inline-end:var(--brick-space-2)}}@media (prefers-reduced-motion:reduce){.brick-toast{transition:none}.brick-toast[data-state=entering],.brick-toast[data-state=exiting]{transform:none}.brick-toast__spinner{border-style:dotted;animation:none}}@media (forced-colors:active){.brick-toast{box-shadow:none;color:canvastext;forced-color-adjust:auto;background:canvas;border-color:canvastext}.brick-toast__icon,.brick-toast__action,.brick-toast__close{color:buttontext}.brick-toast__action{background:buttonface;border:1px solid buttontext}.brick-toast__action:focus-visible,.brick-toast__close:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=toast.css.map */

package/dist/styles/toast.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,24BA0BA,0EACA,6JAIA,oIAGA,sIAGA,yIAGA,oIAGA,+FAKA,27CAoCA,8FAIA,2HAIA,yJAIA,qJAIA,yJAIA,gJAKA,wEACA,0EACA,kIAIA,uDACA,uCAEA,qFAIA,mJAGA,wJAGA,6FAGA,yGACA,yGACA,yGACA,uLAGA,iMAGA,uLAGA,sHAGA,0NAGA,0NAGA,0NAIA,uIAOA,kJASA,uPASA,wFAKA,sDACA,8EAEA,wQAMA,8OAMA,4HACA,oHAOA,+VASA,4TAeA,qIACA,2GACA,6GACA,wIAGA,yDAEA,sBACE,2NAOF,uCACE,6BACA,kFAEA,0DAGF,8BACE,iHACA,6EAGA,uEACA,+FDvQJ","sources":["home/runner/work/brick/brick/.brick-cache/production/toast.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toast/toast.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/toast/toast.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-toast-viewport {\n    --brick-toast-viewport-z-index: var(--brick-layer-overlay);\n    --brick-toast-viewport-gap: var(--brick-space-3);\n    --brick-toast-offset-block-start: var(--brick-space-4);\n    --brick-toast-offset-block-end: var(--brick-space-4);\n    --brick-toast-offset-inline-start: var(--brick-space-4);\n    --brick-toast-offset-inline-end: var(--brick-space-4);\n    --brick-toast-inline-size: 24rem;\n    --brick-toast-overlap-step: var(--brick-space-2);\n\n    position: fixed;\n    z-index: var(--brick-toast-viewport-z-index);\n    display: flex;\n    inline-size: min(\n      var(--brick-toast-inline-size),\n      calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end) - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    max-block-size: calc(100vh - var(--brick-toast-offset-block-start) - var(--brick-toast-offset-block-end));\n    flex-direction: column;\n    gap: var(--brick-toast-viewport-gap);\n    margin: 0;\n    padding: 0;\n    outline: none;\n    pointer-events: none;\n  }\n\n  .brick-toast-viewport[data-width=\"compact\"] { --brick-toast-inline-size: 20rem; }\n  .brick-toast-viewport[data-width=\"full\"] {\n    --brick-toast-inline-size: calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end));\n  }\n\n  .brick-toast-viewport[data-position^=\"top-\"] {\n    inset-block-start: calc(var(--brick-toast-offset-block-start) + env(safe-area-inset-top));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"] {\n    inset-block-end: calc(var(--brick-toast-offset-block-end) + env(safe-area-inset-bottom));\n  }\n  .brick-toast-viewport[data-position$=\"-start\"] {\n    inset-inline-start: calc(var(--brick-toast-offset-inline-start) + env(safe-area-inset-left));\n  }\n  .brick-toast-viewport[data-position$=\"-end\"] {\n    inset-inline-end: calc(var(--brick-toast-offset-inline-end) + env(safe-area-inset-right));\n  }\n  .brick-toast-viewport[data-position$=\"-center\"] {\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n  }\n\n  .brick-toast {\n    --brick-toast-background: var(--brick-color-surface-raised);\n    --brick-toast-foreground: var(--brick-color-text-primary);\n    --brick-toast-description-foreground: var(--brick-color-text-secondary);\n    --brick-toast-border-color: var(--brick-color-border-subtle);\n    --brick-toast-accent-color: var(--brick-color-accent-solid);\n    --brick-toast-radius: var(--brick-radius-overlay);\n    --brick-toast-shadow: 0 0.75rem 2rem var(--brick-color-shadow);\n    --brick-toast-padding: var(--brick-space-3);\n    --brick-toast-content-gap: var(--brick-space-1);\n    --brick-toast-action-gap: var(--brick-space-2);\n    --brick-toast-motion-duration: var(--brick-motion-duration-fast);\n    --brick-toast-motion-easing: var(--brick-motion-easing-enter);\n\n    position: relative;\n    display: grid;\n    inline-size: 100%;\n    min-block-size: 3rem;\n    min-inline-size: 0;\n    grid-template-columns: auto minmax(0, 1fr);\n    align-items: center;\n    gap: var(--brick-space-3);\n    box-sizing: border-box;\n    border: 1px solid var(--brick-toast-border-color);\n    border-inline-start: 0.25rem solid var(--brick-toast-accent-color);\n    border-radius: var(--brick-toast-radius);\n    padding: var(--brick-toast-padding);\n    background: var(--brick-toast-background);\n    box-shadow: var(--brick-toast-shadow);\n    color: var(--brick-toast-foreground);\n    pointer-events: auto;\n    touch-action: pan-y;\n    transition: opacity var(--brick-toast-motion-duration) var(--brick-toast-motion-easing),\n      transform var(--brick-toast-motion-duration) var(--brick-toast-motion-easing),\n      margin var(--brick-toast-motion-duration) var(--brick-toast-motion-easing);\n  }\n  .brick-toast:has(.brick-toast__close) {\n    padding-inline-end: calc(2.75rem + var(--brick-space-3));\n  }\n\n  .brick-toast[data-type=\"default\"],\n  .brick-toast[data-type=\"loading\"] {\n    --brick-toast-accent-color: var(--brick-color-accent-solid);\n  }\n  .brick-toast[data-type=\"success\"] {\n    --brick-toast-accent-color: var(--brick-color-success-solid);\n    --brick-toast-border-color: var(--brick-color-success-border);\n  }\n  .brick-toast[data-type=\"error\"] {\n    --brick-toast-accent-color: var(--brick-color-danger-solid);\n    --brick-toast-border-color: var(--brick-color-danger-border);\n  }\n  .brick-toast[data-type=\"warning\"] {\n    --brick-toast-accent-color: var(--brick-color-warning-solid);\n    --brick-toast-border-color: var(--brick-color-warning-border);\n  }\n  .brick-toast[data-type=\"info\"] {\n    --brick-toast-accent-color: var(--brick-color-info-solid);\n    --brick-toast-border-color: var(--brick-color-info-border);\n  }\n\n  .brick-toast[data-state=\"entering\"] { opacity: 0; transform: translateY(0.5rem); }\n  .brick-toast[data-state=\"exiting\"] { opacity: 0; transform: translateY(-0.375rem); }\n  .brick-toast[data-swipe=\"move\"] {\n    transform: translate(var(--atom-toast-swipe-move-x), var(--atom-toast-swipe-move-y));\n    transition: none;\n  }\n  .brick-toast[data-swipe=\"cancel\"] { transform: translate(0, 0); }\n  .brick-toast[data-swipe=\"end\"] { opacity: 0; }\n\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) {\n    display: grid;\n    gap: 0;\n  }\n  .brick-toast-viewport[data-position^=\"top-\"][data-stacking=\"overlap\"]:not([data-expanded]) {\n    padding-block-end: calc(2 * var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]) {\n    padding-block-start: calc(2 * var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast {\n    grid-area: 1 / 1;\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"0\"] { z-index: 1; }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"1\"] { z-index: 2; }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"2\"] { z-index: 3; }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"1\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(calc(2 * var(--brick-toast-overlap-step)));\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"1\"] {\n    transform: translateY(var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast {\n    align-self: end;\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"1\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(calc(-1 * var(--brick-toast-overlap-step)));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(calc(-2 * var(--brick-toast-overlap-step)));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"1\"] {\n    transform: translateY(calc(-1 * var(--brick-toast-overlap-step)));\n  }\n\n  .brick-toast__icon {\n    display: inline-grid;\n    inline-size: 1.25rem;\n    block-size: 1.25rem;\n    place-items: center;\n    color: var(--brick-toast-accent-color);\n  }\n  .brick-toast__icon svg {\n    inline-size: 100%;\n    block-size: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n  }\n  .brick-toast__spinner {\n    inline-size: 1rem;\n    block-size: 1rem;\n    box-sizing: border-box;\n    border: 2px solid color-mix(in srgb, currentColor 30%, transparent);\n    border-block-start-color: currentColor;\n    border-radius: 50%;\n    animation: brick-toast-spin 800ms linear infinite;\n  }\n  .brick-toast__content {\n    display: grid;\n    min-inline-size: 0;\n    gap: var(--brick-toast-content-gap);\n  }\n  .brick-toast__content:first-child { grid-column-start: 1; }\n  .brick-toast__title,\n  .brick-toast__description { margin: 0; overflow-wrap: anywhere; }\n  .brick-toast__title {\n    font-family: var(--brick-typography-compact-title-font-family);\n    font-size: var(--brick-typography-compact-title-font-size);\n    font-weight: var(--brick-typography-compact-title-font-weight);\n    line-height: var(--brick-typography-compact-title-line-height);\n  }\n  .brick-toast__description {\n    color: var(--brick-toast-description-foreground);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n  .brick-toast__actions { display: flex; flex-wrap: wrap; gap: var(--brick-toast-action-gap); margin-block-start: var(--brick-space-1); }\n  .brick-toast__action,\n  .brick-toast__close {\n    border: 0;\n    font: inherit;\n    color: var(--brick-toast-accent-color);\n    cursor: pointer;\n  }\n  .brick-toast__action {\n    min-block-size: 2.25rem;\n    border-radius: var(--brick-radius-control);\n    padding-inline: var(--brick-space-2);\n    background: color-mix(in srgb, var(--brick-toast-accent-color) 12%, transparent);\n    color: var(--brick-color-text-primary);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n  }\n  .brick-toast__close {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: var(--brick-space-1);\n    display: inline-grid;\n    inline-size: 2.75rem;\n    block-size: 2.75rem;\n    place-items: center;\n    margin: 0;\n    border-radius: var(--brick-radius-full);\n    padding: 0;\n    background: transparent;\n    color: var(--brick-color-text-secondary);\n    transform: translateY(-50%);\n  }\n  .brick-toast__close svg { inline-size: 1.125rem; block-size: 1.125rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; }\n  .brick-toast__action:hover { background: color-mix(in srgb, var(--brick-toast-accent-color) 18%, transparent); }\n  .brick-toast__close:hover { background: var(--brick-color-surface-subtle); color: var(--brick-color-text-primary); }\n  .brick-toast__action:focus-visible,\n  .brick-toast__close:focus-visible { outline: 2px solid var(--brick-color-focus-ring); outline-offset: 2px; }\n\n  @keyframes brick-toast-spin { to { transform: rotate(360deg); } }\n\n  @media (max-width: 30rem) {\n    .brick-toast-viewport[data-width=\"responsive\"] {\n      --brick-toast-inline-size: calc(100vw - var(--brick-space-4) * 2);\n      --brick-toast-offset-inline-start: var(--brick-space-2);\n      --brick-toast-offset-inline-end: var(--brick-space-2);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-toast { transition: none; }\n    .brick-toast[data-state=\"entering\"],\n    .brick-toast[data-state=\"exiting\"] { transform: none; }\n    .brick-toast__spinner { animation: none; border-style: dotted; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-toast { border-color: CanvasText; background: Canvas; box-shadow: none; color: CanvasText; forced-color-adjust: auto; }\n    .brick-toast__icon,\n    .brick-toast__action,\n    .brick-toast__close { color: ButtonText; }\n    .brick-toast__action { border: 1px solid ButtonText; background: ButtonFace; }\n    .brick-toast__action:focus-visible,\n    .brick-toast__close:focus-visible { outline-color: Highlight; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,24BA0BA,0EACA,6JAIA,oIAGA,sIAGA,yIAGA,oIAGA,+FAKA,27CAoCA,8FAIA,2HAIA,yJAIA,qJAIA,yJAIA,gJAKA,wEACA,0EACA,kIAIA,uDACA,uCAEA,qFAIA,mJAGA,wJAGA,6FAGA,yGACA,yGACA,yGACA,uLAGA,iMAGA,uLAGA,sHAGA,0NAGA,0NAGA,0NAIA,uIAOA,kJASA,uPASA,wFAKA,sDACA,8EAEA,wQAMA,8OAMA,4HACA,oHAOA,+VASA,4TAeA,qIACA,2GACA,6GACA,wIAGA,yDAEA,sBACE,2NAOF,uCACE,6BACA,kFAEA,0DAGF,8BACE,iHACA,6EAGA,uEACA,+FDvQJ","sources":["home/runner/work/brick/brick/.brick-cache/production/toast.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toast/toast.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/toast/toast.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-toast-viewport {\n    --brick-toast-viewport-z-index: var(--brick-layer-overlay);\n    --brick-toast-viewport-gap: var(--brick-space-3);\n    --brick-toast-offset-block-start: var(--brick-space-4);\n    --brick-toast-offset-block-end: var(--brick-space-4);\n    --brick-toast-offset-inline-start: var(--brick-space-4);\n    --brick-toast-offset-inline-end: var(--brick-space-4);\n    --brick-toast-inline-size: 24rem;\n    --brick-toast-overlap-step: var(--brick-space-2);\n\n    position: fixed;\n    z-index: var(--brick-toast-viewport-z-index);\n    display: flex;\n    inline-size: min(\n      var(--brick-toast-inline-size),\n      calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end) - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    max-block-size: calc(100vh - var(--brick-toast-offset-block-start) - var(--brick-toast-offset-block-end));\n    flex-direction: column;\n    gap: var(--brick-toast-viewport-gap);\n    margin: 0;\n    padding: 0;\n    outline: none;\n    pointer-events: none;\n  }\n\n  .brick-toast-viewport[data-width=\"compact\"] { --brick-toast-inline-size: 20rem; }\n  .brick-toast-viewport[data-width=\"full\"] {\n    --brick-toast-inline-size: calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end));\n  }\n\n  .brick-toast-viewport[data-position^=\"top-\"] {\n    inset-block-start: calc(var(--brick-toast-offset-block-start) + env(safe-area-inset-top));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"] {\n    inset-block-end: calc(var(--brick-toast-offset-block-end) + env(safe-area-inset-bottom));\n  }\n  .brick-toast-viewport[data-position$=\"-start\"] {\n    inset-inline-start: calc(var(--brick-toast-offset-inline-start) + env(safe-area-inset-left));\n  }\n  .brick-toast-viewport[data-position$=\"-end\"] {\n    inset-inline-end: calc(var(--brick-toast-offset-inline-end) + env(safe-area-inset-right));\n  }\n  .brick-toast-viewport[data-position$=\"-center\"] {\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n  }\n\n  .brick-toast {\n    --brick-toast-background: var(--brick-color-surface-raised);\n    --brick-toast-foreground: var(--brick-color-text-primary);\n    --brick-toast-description-foreground: var(--brick-color-text-secondary);\n    --brick-toast-border-color: var(--brick-color-border-subtle);\n    --brick-toast-accent-color: var(--brick-color-accent-solid);\n    --brick-toast-radius: var(--brick-radius-overlay);\n    --brick-toast-shadow: 0 0.75rem 2rem var(--brick-color-shadow);\n    --brick-toast-padding: var(--brick-space-3);\n    --brick-toast-content-gap: var(--brick-space-1);\n    --brick-toast-action-gap: var(--brick-space-2);\n    --brick-toast-motion-duration: var(--brick-motion-duration-fast);\n    --brick-toast-motion-easing: var(--brick-motion-easing-enter);\n\n    position: relative;\n    display: grid;\n    inline-size: 100%;\n    min-block-size: 3rem;\n    min-inline-size: 0;\n    grid-template-columns: auto minmax(0, 1fr);\n    align-items: center;\n    gap: var(--brick-space-3);\n    box-sizing: border-box;\n    border: 1px solid var(--brick-toast-border-color);\n    border-inline-start: 0.25rem solid var(--brick-toast-accent-color);\n    border-radius: var(--brick-toast-radius);\n    padding: var(--brick-toast-padding);\n    background: var(--brick-toast-background);\n    box-shadow: var(--brick-toast-shadow);\n    color: var(--brick-toast-foreground);\n    pointer-events: auto;\n    touch-action: pan-y;\n    transition: opacity var(--brick-toast-motion-duration) var(--brick-toast-motion-easing),\n      transform var(--brick-toast-motion-duration) var(--brick-toast-motion-easing),\n      margin var(--brick-toast-motion-duration) var(--brick-toast-motion-easing);\n  }\n  .brick-toast:has(.brick-toast__close) {\n    padding-inline-end: calc(2.75rem + var(--brick-space-3));\n  }\n\n  .brick-toast[data-type=\"default\"],\n  .brick-toast[data-type=\"loading\"] {\n    --brick-toast-accent-color: var(--brick-color-accent-solid);\n  }\n  .brick-toast[data-type=\"success\"] {\n    --brick-toast-accent-color: var(--brick-color-success-solid);\n    --brick-toast-border-color: var(--brick-color-success-border);\n  }\n  .brick-toast[data-type=\"error\"] {\n    --brick-toast-accent-color: var(--brick-color-danger-solid);\n    --brick-toast-border-color: var(--brick-color-danger-border);\n  }\n  .brick-toast[data-type=\"warning\"] {\n    --brick-toast-accent-color: var(--brick-color-warning-solid);\n    --brick-toast-border-color: var(--brick-color-warning-border);\n  }\n  .brick-toast[data-type=\"info\"] {\n    --brick-toast-accent-color: var(--brick-color-info-solid);\n    --brick-toast-border-color: var(--brick-color-info-border);\n  }\n\n  .brick-toast[data-state=\"entering\"] { opacity: 0; transform: translateY(0.5rem); }\n  .brick-toast[data-state=\"exiting\"] { opacity: 0; transform: translateY(-0.375rem); }\n  .brick-toast[data-swipe=\"move\"] {\n    transform: translate(var(--atom-toast-swipe-move-x), var(--atom-toast-swipe-move-y));\n    transition: none;\n  }\n  .brick-toast[data-swipe=\"cancel\"] { transform: translate(0, 0); }\n  .brick-toast[data-swipe=\"end\"] { opacity: 0; }\n\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) {\n    display: grid;\n    gap: 0;\n  }\n  .brick-toast-viewport[data-position^=\"top-\"][data-stacking=\"overlap\"]:not([data-expanded]) {\n    padding-block-end: calc(2 * var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]) {\n    padding-block-start: calc(2 * var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast {\n    grid-area: 1 / 1;\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"0\"] { z-index: 1; }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"1\"] { z-index: 2; }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"2\"] { z-index: 3; }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"1\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(calc(2 * var(--brick-toast-overlap-step)));\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"1\"] {\n    transform: translateY(var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast {\n    align-self: end;\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"1\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(calc(-1 * var(--brick-toast-overlap-step)));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(calc(-2 * var(--brick-toast-overlap-step)));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"1\"] {\n    transform: translateY(calc(-1 * var(--brick-toast-overlap-step)));\n  }\n\n  .brick-toast__icon {\n    display: inline-grid;\n    inline-size: 1.25rem;\n    block-size: 1.25rem;\n    place-items: center;\n    color: var(--brick-toast-accent-color);\n  }\n  .brick-toast__icon svg {\n    inline-size: 100%;\n    block-size: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n  }\n  .brick-toast__spinner {\n    inline-size: 1rem;\n    block-size: 1rem;\n    box-sizing: border-box;\n    border: 2px solid color-mix(in srgb, currentColor 30%, transparent);\n    border-block-start-color: currentColor;\n    border-radius: 50%;\n    animation: brick-toast-spin 800ms linear infinite;\n  }\n  .brick-toast__content {\n    display: grid;\n    min-inline-size: 0;\n    gap: var(--brick-toast-content-gap);\n  }\n  .brick-toast__content:first-child { grid-column-start: 1; }\n  .brick-toast__title,\n  .brick-toast__description { margin: 0; overflow-wrap: anywhere; }\n  .brick-toast__title {\n    font-family: var(--brick-typography-compact-title-font-family);\n    font-size: var(--brick-typography-compact-title-font-size);\n    font-weight: var(--brick-typography-compact-title-font-weight);\n    line-height: var(--brick-typography-compact-title-line-height);\n  }\n  .brick-toast__description {\n    color: var(--brick-toast-description-foreground);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n  .brick-toast__actions { display: flex; flex-wrap: wrap; gap: var(--brick-toast-action-gap); margin-block-start: var(--brick-space-1); }\n  .brick-toast__action,\n  .brick-toast__close {\n    border: 0;\n    font: inherit;\n    color: var(--brick-toast-accent-color);\n    cursor: pointer;\n  }\n  .brick-toast__action {\n    min-block-size: 2.25rem;\n    border-radius: var(--brick-radius-control);\n    padding-inline: var(--brick-space-2);\n    background: color-mix(in srgb, var(--brick-toast-accent-color) 12%, transparent);\n    color: var(--brick-color-text-primary);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n  }\n  .brick-toast__close {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: var(--brick-space-1);\n    display: inline-grid;\n    inline-size: 2.75rem;\n    block-size: 2.75rem;\n    place-items: center;\n    margin: 0;\n    border-radius: var(--brick-radius-full);\n    padding: 0;\n    background: transparent;\n    color: var(--brick-color-text-secondary);\n    transform: translateY(-50%);\n  }\n  .brick-toast__close svg { inline-size: 1.125rem; block-size: 1.125rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; }\n  .brick-toast__action:hover { background: color-mix(in srgb, var(--brick-toast-accent-color) 18%, transparent); }\n  .brick-toast__close:hover { background: var(--brick-color-surface-subtle); color: var(--brick-color-text-primary); }\n  .brick-toast__action:focus-visible,\n  .brick-toast__close:focus-visible { outline: 2px solid var(--brick-color-focus-ring); outline-offset: 2px; }\n\n  @keyframes brick-toast-spin { to { transform: rotate(360deg); } }\n\n  @media (max-width: 30rem) {\n    .brick-toast-viewport[data-width=\"responsive\"] {\n      --brick-toast-inline-size: calc(100vw - var(--brick-space-4) * 2);\n      --brick-toast-offset-inline-start: var(--brick-space-2);\n      --brick-toast-offset-inline-end: var(--brick-space-2);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-toast { transition: none; }\n    .brick-toast[data-state=\"entering\"],\n    .brick-toast[data-state=\"exiting\"] { transform: none; }\n    .brick-toast__spinner { animation: none; border-style: dotted; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-toast { border-color: CanvasText; background: Canvas; box-shadow: none; color: CanvasText; forced-color-adjust: auto; }\n    .brick-toast__icon,\n    .brick-toast__action,\n    .brick-toast__close { color: ButtonText; }\n    .brick-toast__action { border: 1px solid ButtonText; background: ButtonFace; }\n    .brick-toast__action:focus-visible,\n    .brick-toast__close:focus-visible { outline-color: Highlight; }\n  }\n}\n"],"names":[]}

package/dist/styles/toggle-group.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-toggle,.brick-toggle-group-item){--brick-toggle-min-block-size:var(--brick-control-min-block-size-md);--brick-toggle-padding-inline:1rem;--brick-toggle-gap:.5rem;--brick-toggle-radius:var(--brick-radius-control);--brick-toggle-icon-size:1.125rem;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-toggle-min-block-size);justify-content:center;align-items:center;gap:var(--brick-toggle-gap);padding-block:.375rem;padding-inline:var(--brick-toggle-padding-inline);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-toggle-radius);appearance:none;background:var(--brick-color-surface-subtle);color:var(--brick-color-text-primary);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-typography-control-md-font-size);font-weight:var(--brick-typography-control-md-font-weight);letter-spacing:var(--brick-typography-control-md-letter-spacing);line-height:var(--brick-typography-control-md-line-height);overflow-wrap:anywhere;text-align:center;-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);text-decoration:none;display:inline-flex}:where(.brick-toggle,.brick-toggle-group-item)>:where(svg,img){inline-size:var(--brick-toggle-icon-size);block-size:var(--brick-toggle-icon-size);flex:none}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]){cursor:pointer}:where(.brick-toggle,.brick-toggle-group-item):focus-visible{z-index:1;outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}:where(.brick-toggle,.brick-toggle-group-item)[data-state=on]{border-color:var(--brick-color-accent-border);background:var(--brick-color-accent-soft);color:var(--brick-color-accent-on-soft);box-shadow:inset 0 -.125rem 0 var(--brick-color-accent-solid)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]{border-color:var(--brick-color-accent-solid);background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid);box-shadow:none}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=outline]{border-color:var(--brick-color-border-default);background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=outline][data-state=on]{border-color:var(--brick-color-accent-border);color:var(--brick-color-accent-text);box-shadow:none;background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]{background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost][data-state=on]{background:var(--brick-color-accent-soft);box-shadow:none;border-color:#0000}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]):active{background:var(--brick-color-accent-soft-pressed)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]:not([data-disabled]):active{border-color:var(--brick-color-accent-solid-pressed);background:var(--brick-color-accent-solid-pressed)}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);box-shadow:none;cursor:not-allowed;opacity:.65}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled][data-state=on]{border-color:var(--brick-color-border-strong);box-shadow:inset 0 -.125rem 0 var(--brick-color-text-secondary)}:where(.brick-toggle,.brick-toggle-group-item)[data-size=sm]{--brick-toggle-min-block-size:var(--brick-control-min-block-size-sm);--brick-toggle-padding-inline:.75rem;--brick-toggle-gap:.375rem;--brick-toggle-icon-size:1rem;font-size:var(--brick-typography-control-sm-font-size);padding-block:.25rem}:where(.brick-toggle,.brick-toggle-group-item)[data-size=lg]{--brick-toggle-min-block-size:var(--brick-control-min-block-size-lg);--brick-toggle-padding-inline:1.25rem;--brick-toggle-gap:.625rem;--brick-toggle-icon-size:1.25rem;font-size:var(--brick-typography-control-lg-font-size);padding-block:.5rem}:where(.brick-toggle,.brick-toggle-group-item)[data-shape=pill]{--brick-toggle-radius:var(--brick-radius-full)}:where(.brick-toggle,.brick-toggle-group-item)[data-icon-only]{inline-size:var(--brick-toggle-min-block-size);padding-inline:0}@media (hover:hover) and (pointer:fine){:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]):hover{background:var(--brick-color-surface-base)}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled])[data-state=on]:hover{background:var(--brick-color-accent-soft-hover)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]:not([data-disabled]):hover{border-color:var(--brick-color-accent-solid-hover);background:var(--brick-color-accent-solid-hover)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]:not([data-disabled]):hover{background:var(--brick-color-surface-subtle)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]:not([data-disabled])[data-state=on]:hover{background:var(--brick-color-accent-soft-hover)}}@media (prefers-reduced-motion:reduce){:where(.brick-toggle,.brick-toggle-group-item){transition-duration:0s}}@media (forced-colors:active){:where(.brick-toggle,.brick-toggle-group-item){color:buttontext;background:buttonface;border-color:buttontext}:where(.brick-toggle,.brick-toggle-group-item)[data-state=on]{color:buttontext;outline-offset:-.25rem;box-shadow:none;background:buttonface;border-color:highlight;outline:.125rem solid highlight}:where(.brick-toggle,.brick-toggle-group-item):focus-visible{outline-offset:var(--brick-border-focus-offset);outline-color:highlight}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled]{color:graytext;opacity:1;border-color:graytext}}.brick-toggle-group{--brick-toggle-group-gap:.5rem;box-sizing:border-box;align-items:stretch;gap:var(--brick-toggle-group-gap);min-inline-size:0;max-inline-size:100%;display:inline-flex}.brick-toggle-group[data-orientation=horizontal]{flex-flow:wrap}.brick-toggle-group[data-orientation=vertical]{flex-direction:column}.brick-toggle-group[data-full-width]{inline-size:100%;display:flex}.brick-toggle-group[data-full-width]>.brick-toggle-group-item{flex:1 1 0}.brick-toggle-group>.brick-toggle-group-item{--brick-toggle-min-block-size:var(--brick-control-min-block-size-md);--brick-toggle-padding-inline:1rem;--brick-toggle-gap:.5rem;--brick-toggle-icon-size:1.125rem}.brick-toggle-group[data-size=sm]>.brick-toggle-group-item{--brick-toggle-min-block-size:var(--brick-control-min-block-size-sm);--brick-toggle-padding-inline:.75rem;--brick-toggle-gap:.375rem;--brick-toggle-icon-size:1rem;font-size:var(--brick-typography-control-sm-font-size);padding-block:.25rem}.brick-toggle-group[data-size=lg]>.brick-toggle-group-item{--brick-toggle-min-block-size:var(--brick-control-min-block-size-lg);--brick-toggle-padding-inline:1.25rem;--brick-toggle-gap:.625rem;--brick-toggle-icon-size:1.25rem;font-size:var(--brick-typography-control-lg-font-size);padding-block:.5rem}.brick-toggle-group[data-shape=pill]>.brick-toggle-group-item{--brick-toggle-radius:var(--brick-radius-full)}.brick-toggle-group[data-variant=solid]>.brick-toggle-group-item[data-state=on]{border-color:var(--brick-color-accent-solid);background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid);box-shadow:none}.brick-toggle-group[data-variant=outline]>.brick-toggle-group-item{border-color:var(--brick-color-border-default);background:0 0}.brick-toggle-group[data-variant=outline]>.brick-toggle-group-item[data-state=on]{border-color:var(--brick-color-accent-border);color:var(--brick-color-accent-text);box-shadow:none;background:0 0}.brick-toggle-group[data-variant=ghost]>.brick-toggle-group-item{background:0 0}.brick-toggle-group[data-variant=ghost]>.brick-toggle-group-item[data-state=on]{background:var(--brick-color-accent-soft);box-shadow:none;border-color:#0000}.brick-toggle-group[data-variant=solid]>.brick-toggle-group-item[data-state=on]:not([data-disabled]):active{border-color:var(--brick-color-accent-solid-pressed);background:var(--brick-color-accent-solid-pressed)}.brick-toggle-group[data-attached=true]{--brick-toggle-group-gap:0;flex-wrap:nowrap}.brick-toggle-group[data-attached=true]>.brick-toggle-group-item{--brick-toggle-radius:0}.brick-toggle-group[data-attached=true][data-orientation=horizontal]>.brick-toggle-group-item+.brick-toggle-group-item{margin-inline-start:calc(-1 * var(--brick-border-width))}.brick-toggle-group[data-attached=true][data-orientation=vertical]>.brick-toggle-group-item+.brick-toggle-group-item{margin-block-start:calc(-1 * var(--brick-border-width))}.brick-toggle-group[data-attached=true][data-orientation=horizontal]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-control);border-end-start-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-orientation=horizontal]>.brick-toggle-group-item:last-child{border-start-end-radius:var(--brick-radius-control);border-end-end-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-orientation=vertical]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-control);border-start-end-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-orientation=vertical]>.brick-toggle-group-item:last-child{border-end-end-radius:var(--brick-radius-control);border-end-start-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=horizontal]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-full);border-end-start-radius:var(--brick-radius-full)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=horizontal]>.brick-toggle-group-item:last-child{border-start-end-radius:var(--brick-radius-full);border-end-end-radius:var(--brick-radius-full)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=vertical]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-full);border-start-end-radius:var(--brick-radius-full)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=vertical]>.brick-toggle-group-item:last-child{border-end-end-radius:var(--brick-radius-full);border-end-start-radius:var(--brick-radius-full)}@media (hover:hover) and (pointer:fine){.brick-toggle-group[data-variant=solid]>.brick-toggle-group-item[data-state=on]:not([data-disabled]):hover{border-color:var(--brick-color-accent-solid-hover);background:var(--brick-color-accent-solid-hover)}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-toggle,.brick-toggle-group-item){--brick-toggle-min-block-size:var(--brick-control-min-block-size-md);--brick-toggle-padding-inline:1rem;--brick-toggle-gap:.5rem;--brick-toggle-radius:var(--brick-radius-control);--brick-toggle-icon-size:1.125rem;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-toggle-min-block-size);justify-content:center;align-items:center;gap:var(--brick-toggle-gap);padding-block:.375rem;padding-inline:var(--brick-toggle-padding-inline);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-toggle-radius);appearance:none;background:var(--brick-color-surface-subtle);color:var(--brick-color-text-primary);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-typography-control-md-font-size);font-weight:var(--brick-typography-control-md-font-weight);letter-spacing:var(--brick-typography-control-md-letter-spacing);line-height:var(--brick-typography-control-md-line-height);overflow-wrap:anywhere;text-align:center;-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);text-decoration:none;display:inline-flex}:where(.brick-toggle,.brick-toggle-group-item)>:where(svg,img){inline-size:var(--brick-toggle-icon-size);block-size:var(--brick-toggle-icon-size);flex:none}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]){cursor:pointer}:where(.brick-toggle,.brick-toggle-group-item):focus-visible{z-index:1;outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}:where(.brick-toggle,.brick-toggle-group-item)[data-state=on]{border-color:var(--brick-color-accent-border);background:var(--brick-color-accent-soft);color:var(--brick-color-accent-on-soft);box-shadow:inset 0 -.125rem 0 var(--brick-color-accent-solid)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]{border-color:var(--brick-color-accent-solid);background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid);box-shadow:none}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=outline]{border-color:var(--brick-color-border-default);background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=outline][data-state=on]{border-color:var(--brick-color-accent-border);color:var(--brick-color-accent-text);box-shadow:none;background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]{background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost][data-state=on]{background:var(--brick-color-accent-soft);box-shadow:none;border-color:#0000}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]):active{background:var(--brick-color-accent-soft-pressed)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]:not([data-disabled]):active{border-color:var(--brick-color-accent-solid-pressed);background:var(--brick-color-accent-solid-pressed)}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);box-shadow:none;cursor:not-allowed;opacity:.65}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled][data-state=on]{border-color:var(--brick-color-border-strong);box-shadow:inset 0 -.125rem 0 var(--brick-color-text-secondary)}:where(.brick-toggle,.brick-toggle-group-item)[data-size=sm]{--brick-toggle-min-block-size:var(--brick-control-min-block-size-sm);--brick-toggle-padding-inline:.75rem;--brick-toggle-gap:.375rem;--brick-toggle-icon-size:1rem;font-size:var(--brick-typography-control-sm-font-size);padding-block:.25rem}:where(.brick-toggle,.brick-toggle-group-item)[data-size=lg]{--brick-toggle-min-block-size:var(--brick-control-min-block-size-lg);--brick-toggle-padding-inline:1.25rem;--brick-toggle-gap:.625rem;--brick-toggle-icon-size:1.25rem;font-size:var(--brick-typography-control-lg-font-size);padding-block:.5rem}:where(.brick-toggle,.brick-toggle-group-item)[data-shape=pill]{--brick-toggle-radius:var(--brick-radius-full)}:where(.brick-toggle,.brick-toggle-group-item)[data-icon-only]{inline-size:var(--brick-toggle-min-block-size);padding-inline:0}@media (hover:hover) and (pointer:fine){:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]):hover{background:var(--brick-color-surface-base)}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled])[data-state=on]:hover{background:var(--brick-color-accent-soft-hover)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]:not([data-disabled]):hover{border-color:var(--brick-color-accent-solid-hover);background:var(--brick-color-accent-solid-hover)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]:not([data-disabled]):hover{background:var(--brick-color-surface-subtle)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]:not([data-disabled])[data-state=on]:hover{background:var(--brick-color-accent-soft-hover)}}@media (prefers-reduced-motion:reduce){:where(.brick-toggle,.brick-toggle-group-item){transition-duration:0s}}@media (forced-colors:active){:where(.brick-toggle,.brick-toggle-group-item){color:buttontext;background:buttonface;border-color:buttontext}:where(.brick-toggle,.brick-toggle-group-item)[data-state=on]{color:buttontext;outline-offset:-.25rem;box-shadow:none;background:buttonface;border-color:highlight;outline:.125rem solid highlight}:where(.brick-toggle,.brick-toggle-group-item):focus-visible{outline-offset:var(--brick-border-focus-offset);outline-color:highlight}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled]{color:graytext;opacity:1;border-color:graytext}}.brick-toggle-group{--brick-toggle-group-gap:.5rem;box-sizing:border-box;align-items:stretch;gap:var(--brick-toggle-group-gap);min-inline-size:0;max-inline-size:100%;display:inline-flex}.brick-toggle-group[data-orientation=horizontal]{flex-flow:wrap}.brick-toggle-group[data-orientation=vertical]{flex-direction:column}.brick-toggle-group[data-full-width]{inline-size:100%;display:flex}.brick-toggle-group[data-full-width]>.brick-toggle-group-item{flex:1 1 0}.brick-toggle-group>.brick-toggle-group-item{--brick-toggle-min-block-size:var(--brick-control-min-block-size-md);--brick-toggle-padding-inline:1rem;--brick-toggle-gap:.5rem;--brick-toggle-icon-size:1.125rem}.brick-toggle-group[data-size=sm]>.brick-toggle-group-item{--brick-toggle-min-block-size:var(--brick-control-min-block-size-sm);--brick-toggle-padding-inline:.75rem;--brick-toggle-gap:.375rem;--brick-toggle-icon-size:1rem;font-size:var(--brick-typography-control-sm-font-size);padding-block:.25rem}.brick-toggle-group[data-size=lg]>.brick-toggle-group-item{--brick-toggle-min-block-size:var(--brick-control-min-block-size-lg);--brick-toggle-padding-inline:1.25rem;--brick-toggle-gap:.625rem;--brick-toggle-icon-size:1.25rem;font-size:var(--brick-typography-control-lg-font-size);padding-block:.5rem}.brick-toggle-group[data-shape=pill]>.brick-toggle-group-item{--brick-toggle-radius:var(--brick-radius-full)}.brick-toggle-group[data-variant=solid]>.brick-toggle-group-item[data-state=on]{border-color:var(--brick-color-accent-solid);background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid);box-shadow:none}.brick-toggle-group[data-variant=outline]>.brick-toggle-group-item{border-color:var(--brick-color-border-default);background:0 0}.brick-toggle-group[data-variant=outline]>.brick-toggle-group-item[data-state=on]{border-color:var(--brick-color-accent-border);color:var(--brick-color-accent-text);box-shadow:none;background:0 0}.brick-toggle-group[data-variant=ghost]>.brick-toggle-group-item{background:0 0}.brick-toggle-group[data-variant=ghost]>.brick-toggle-group-item[data-state=on]{background:var(--brick-color-accent-soft);box-shadow:none;border-color:#0000}.brick-toggle-group[data-variant=solid]>.brick-toggle-group-item[data-state=on]:not([data-disabled]):active{border-color:var(--brick-color-accent-solid-pressed);background:var(--brick-color-accent-solid-pressed)}.brick-toggle-group[data-attached=true]{--brick-toggle-group-gap:0;flex-wrap:nowrap}.brick-toggle-group[data-attached=true]>.brick-toggle-group-item{--brick-toggle-radius:0}.brick-toggle-group[data-attached=true][data-orientation=horizontal]>.brick-toggle-group-item+.brick-toggle-group-item{margin-inline-start:calc(-1 * var(--brick-border-width))}.brick-toggle-group[data-attached=true][data-orientation=vertical]>.brick-toggle-group-item+.brick-toggle-group-item{margin-block-start:calc(-1 * var(--brick-border-width))}.brick-toggle-group[data-attached=true][data-orientation=horizontal]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-control);border-end-start-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-orientation=horizontal]>.brick-toggle-group-item:last-child{border-start-end-radius:var(--brick-radius-control);border-end-end-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-orientation=vertical]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-control);border-start-end-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-orientation=vertical]>.brick-toggle-group-item:last-child{border-end-end-radius:var(--brick-radius-control);border-end-start-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=horizontal]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-full);border-end-start-radius:var(--brick-radius-full)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=horizontal]>.brick-toggle-group-item:last-child{border-start-end-radius:var(--brick-radius-full);border-end-end-radius:var(--brick-radius-full)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=vertical]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-full);border-start-end-radius:var(--brick-radius-full)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=vertical]>.brick-toggle-group-item:last-child{border-end-end-radius:var(--brick-radius-full);border-end-start-radius:var(--brick-radius-full)}@media (hover:hover) and (pointer:fine){.brick-toggle-group[data-variant=solid]>.brick-toggle-group-item[data-state=on]:not([data-disabled]):hover{border-color:var(--brick-color-accent-solid-hover);background:var(--brick-color-accent-solid-hover)}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=toggle-group.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,83CAsCA,4JAMA,mFAIA,mMAMA,4PAOA,mOAOA,mIAKA,sMAOA,kFAIA,+JAMA,6HAIA,sNAKA,gPASA,2LAKA,4SAUA,+SAUA,+GAIA,+HAKA,wCACE,qHAIA,yIAIA,iNAKA,2IAIA,8JAKF,uCACE,uEAKF,8BACE,8GAMA,mMASA,qIAKA,8GChMF,0LAWA,gEAIA,qEAIA,mEAKA,yEAIA,gNAOA,0SAUA,6SAUA,6GAIA,iOAOA,iIAKA,oMAOA,gFAIA,6JAMA,oNAKA,oFAMA,yFAIA,gLAIA,6KAIA,oNAKA,+MAKA,kNAKA,6MAKA,+NAKA,0NAKA,6NAKA,wNAKA,wCACE,iNFzJJ","sources":["home/runner/work/brick/brick/.brick-cache/production/toggle-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/toggle/toggle.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toggle-group/toggle-group.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/toggle/toggle.css\";\n@import \"../../src/components/toggle-group/toggle-group.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  :where(.brick-toggle, .brick-toggle-group-item) {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-toggle-padding-inline: 1rem;\n    --brick-toggle-gap: 0.5rem;\n    --brick-toggle-radius: var(--brick-radius-control);\n    --brick-toggle-icon-size: 1.125rem;\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-toggle-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-toggle-gap);\n    padding-block: 0.375rem;\n    padding-inline: var(--brick-toggle-padding-inline);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-toggle-radius);\n    appearance: none;\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-typography-control-md-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    line-height: var(--brick-typography-control-md-line-height);\n    overflow-wrap: anywhere;\n    text-align: center;\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  :where(.brick-toggle, .brick-toggle-group-item) > :where(svg, img) {\n    flex: 0 0 auto;\n    inline-size: var(--brick-toggle-icon-size);\n    block-size: var(--brick-toggle-icon-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]) {\n    cursor: pointer;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):focus-visible {\n    z-index: 1;\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-state=\"on\"] {\n    border-color: var(--brick-color-accent-border);\n    background: var(--brick-color-accent-soft);\n    color: var(--brick-color-accent-on-soft);\n    box-shadow: inset 0 -0.125rem 0 var(--brick-color-accent-solid);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"] {\n    border-color: var(--brick-color-accent-solid);\n    background: var(--brick-color-accent-solid);\n    color: var(--brick-color-accent-on-solid);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"outline\"] {\n    border-color: var(--brick-color-border-default);\n    background: transparent;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"outline\"][data-state=\"on\"] {\n    border-color: var(--brick-color-accent-border);\n    background: transparent;\n    color: var(--brick-color-accent-text);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"] {\n    background: transparent;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"][data-state=\"on\"] {\n    border-color: transparent;\n    background: var(--brick-color-accent-soft);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]):active {\n    background: var(--brick-color-accent-soft-pressed);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"]:not([data-disabled]):active {\n    border-color: var(--brick-color-accent-solid-pressed);\n    background: var(--brick-color-accent-solid-pressed);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[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    box-shadow: none;\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-disabled][data-state=\"on\"] {\n    border-color: var(--brick-color-border-strong);\n    box-shadow: inset 0 -0.125rem 0 var(--brick-color-text-secondary);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-size=\"sm\"] {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-toggle-padding-inline: 0.75rem;\n    --brick-toggle-gap: 0.375rem;\n    --brick-toggle-icon-size: 1rem;\n\n    padding-block: 0.25rem;\n    font-size: var(--brick-typography-control-sm-font-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-size=\"lg\"] {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-toggle-padding-inline: 1.25rem;\n    --brick-toggle-gap: 0.625rem;\n    --brick-toggle-icon-size: 1.25rem;\n\n    padding-block: 0.5rem;\n    font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-shape=\"pill\"] {\n    --brick-toggle-radius: var(--brick-radius-full);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-icon-only] {\n    inline-size: var(--brick-toggle-min-block-size);\n    padding-inline: 0;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]):hover {\n      background: var(--brick-color-surface-base);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled])[data-state=\"on\"]:hover {\n      background: var(--brick-color-accent-soft-hover);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"]:not([data-disabled]):hover {\n      border-color: var(--brick-color-accent-solid-hover);\n      background: var(--brick-color-accent-solid-hover);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"]:not([data-disabled]):hover {\n      background: var(--brick-color-surface-subtle);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"]:not([data-disabled])[data-state=\"on\"]:hover {\n      background: var(--brick-color-accent-soft-hover);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-toggle, .brick-toggle-group-item) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-toggle, .brick-toggle-group-item) {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-state=\"on\"] {\n      border-color: Highlight;\n      background: ButtonFace;\n      color: ButtonText;\n      outline: 0.125rem solid Highlight;\n      outline-offset: -0.25rem;\n      box-shadow: none;\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item):focus-visible {\n      outline-color: Highlight;\n      outline-offset: var(--brick-border-focus-offset);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-toggle-group {\n    --brick-toggle-group-gap: 0.5rem;\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: stretch;\n    gap: var(--brick-toggle-group-gap);\n  }\n\n  .brick-toggle-group[data-orientation=\"horizontal\"] {\n    flex-flow: row wrap;\n  }\n\n  .brick-toggle-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-toggle-group[data-full-width] {\n    display: flex;\n    inline-size: 100%;\n  }\n\n  .brick-toggle-group[data-full-width] > .brick-toggle-group-item {\n    flex: 1 1 0;\n  }\n\n  .brick-toggle-group > .brick-toggle-group-item {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-toggle-padding-inline: 1rem;\n    --brick-toggle-gap: 0.5rem;\n    --brick-toggle-icon-size: 1.125rem;\n  }\n\n  .brick-toggle-group[data-size=\"sm\"] > .brick-toggle-group-item {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-toggle-padding-inline: 0.75rem;\n    --brick-toggle-gap: 0.375rem;\n    --brick-toggle-icon-size: 1rem;\n\n    padding-block: 0.25rem;\n    font-size: var(--brick-typography-control-sm-font-size);\n  }\n\n  .brick-toggle-group[data-size=\"lg\"] > .brick-toggle-group-item {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-toggle-padding-inline: 1.25rem;\n    --brick-toggle-gap: 0.625rem;\n    --brick-toggle-icon-size: 1.25rem;\n\n    padding-block: 0.5rem;\n    font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  .brick-toggle-group[data-shape=\"pill\"] > .brick-toggle-group-item {\n    --brick-toggle-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"] {\n    border-color: var(--brick-color-accent-solid);\n    background: var(--brick-color-accent-solid);\n    color: var(--brick-color-accent-on-solid);\n    box-shadow: none;\n  }\n\n  .brick-toggle-group[data-variant=\"outline\"] > .brick-toggle-group-item {\n    border-color: var(--brick-color-border-default);\n    background: transparent;\n  }\n\n  .brick-toggle-group[data-variant=\"outline\"] > .brick-toggle-group-item[data-state=\"on\"] {\n    border-color: var(--brick-color-accent-border);\n    background: transparent;\n    color: var(--brick-color-accent-text);\n    box-shadow: none;\n  }\n\n  .brick-toggle-group[data-variant=\"ghost\"] > .brick-toggle-group-item {\n    background: transparent;\n  }\n\n  .brick-toggle-group[data-variant=\"ghost\"] > .brick-toggle-group-item[data-state=\"on\"] {\n    border-color: transparent;\n    background: var(--brick-color-accent-soft);\n    box-shadow: none;\n  }\n\n  .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"]:not([data-disabled]):active {\n    border-color: var(--brick-color-accent-solid-pressed);\n    background: var(--brick-color-accent-solid-pressed);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"] {\n    --brick-toggle-group-gap: 0;\n\n    flex-wrap: nowrap;\n  }\n\n  .brick-toggle-group[data-attached=\"true\"] > .brick-toggle-group-item {\n    --brick-toggle-radius: 0;\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item + .brick-toggle-group-item {\n    margin-inline-start: calc(-1 * var(--brick-border-width));\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item + .brick-toggle-group-item {\n    margin-block-start: calc(-1 * var(--brick-border-width));\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-control);\n    border-end-start-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:last-child {\n    border-start-end-radius: var(--brick-radius-control);\n    border-end-end-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-control);\n    border-start-end-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:last-child {\n    border-end-start-radius: var(--brick-radius-control);\n    border-end-end-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-full);\n    border-end-start-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:last-child {\n    border-start-end-radius: var(--brick-radius-full);\n    border-end-end-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-full);\n    border-start-end-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:last-child {\n    border-end-start-radius: var(--brick-radius-full);\n    border-end-end-radius: var(--brick-radius-full);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"]:not([data-disabled]):hover {\n      border-color: var(--brick-color-accent-solid-hover);\n      background: var(--brick-color-accent-solid-hover);\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,83CAsCA,4JAMA,mFAIA,mMAMA,4PAOA,mOAOA,mIAKA,sMAOA,kFAIA,+JAMA,6HAIA,sNAKA,gPASA,2LAKA,4SAUA,+SAUA,+GAIA,+HAKA,wCACE,qHAIA,yIAIA,iNAKA,2IAIA,8JAKF,uCACE,uEAKF,8BACE,8GAMA,mMASA,qIAKA,8GChMF,0LAWA,gEAIA,qEAIA,mEAKA,yEAIA,gNAOA,0SAUA,6SAUA,6GAIA,iOAOA,iIAKA,oMAOA,gFAIA,6JAMA,oNAKA,oFAMA,yFAIA,gLAIA,6KAIA,oNAKA,+MAKA,kNAKA,6MAKA,+NAKA,0NAKA,6NAKA,wNAKA,wCACE,iNFzJJ","sources":["home/runner/work/brick/brick/.brick-cache/production/toggle-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/toggle/toggle.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toggle-group/toggle-group.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/toggle/toggle.css\";\n@import \"../../src/components/toggle-group/toggle-group.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-toggle, .brick-toggle-group-item) {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-toggle-padding-inline: 1rem;\n    --brick-toggle-gap: 0.5rem;\n    --brick-toggle-radius: var(--brick-radius-control);\n    --brick-toggle-icon-size: 1.125rem;\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-toggle-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-toggle-gap);\n    padding-block: 0.375rem;\n    padding-inline: var(--brick-toggle-padding-inline);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-toggle-radius);\n    appearance: none;\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-typography-control-md-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    line-height: var(--brick-typography-control-md-line-height);\n    overflow-wrap: anywhere;\n    text-align: center;\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  :where(.brick-toggle, .brick-toggle-group-item) > :where(svg, img) {\n    flex: 0 0 auto;\n    inline-size: var(--brick-toggle-icon-size);\n    block-size: var(--brick-toggle-icon-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]) {\n    cursor: pointer;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):focus-visible {\n    z-index: 1;\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-state=\"on\"] {\n    border-color: var(--brick-color-accent-border);\n    background: var(--brick-color-accent-soft);\n    color: var(--brick-color-accent-on-soft);\n    box-shadow: inset 0 -0.125rem 0 var(--brick-color-accent-solid);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"] {\n    border-color: var(--brick-color-accent-solid);\n    background: var(--brick-color-accent-solid);\n    color: var(--brick-color-accent-on-solid);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"outline\"] {\n    border-color: var(--brick-color-border-default);\n    background: transparent;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"outline\"][data-state=\"on\"] {\n    border-color: var(--brick-color-accent-border);\n    background: transparent;\n    color: var(--brick-color-accent-text);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"] {\n    background: transparent;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"][data-state=\"on\"] {\n    border-color: transparent;\n    background: var(--brick-color-accent-soft);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]):active {\n    background: var(--brick-color-accent-soft-pressed);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"]:not([data-disabled]):active {\n    border-color: var(--brick-color-accent-solid-pressed);\n    background: var(--brick-color-accent-solid-pressed);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[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    box-shadow: none;\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-disabled][data-state=\"on\"] {\n    border-color: var(--brick-color-border-strong);\n    box-shadow: inset 0 -0.125rem 0 var(--brick-color-text-secondary);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-size=\"sm\"] {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-toggle-padding-inline: 0.75rem;\n    --brick-toggle-gap: 0.375rem;\n    --brick-toggle-icon-size: 1rem;\n\n    padding-block: 0.25rem;\n    font-size: var(--brick-typography-control-sm-font-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-size=\"lg\"] {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-toggle-padding-inline: 1.25rem;\n    --brick-toggle-gap: 0.625rem;\n    --brick-toggle-icon-size: 1.25rem;\n\n    padding-block: 0.5rem;\n    font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-shape=\"pill\"] {\n    --brick-toggle-radius: var(--brick-radius-full);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-icon-only] {\n    inline-size: var(--brick-toggle-min-block-size);\n    padding-inline: 0;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]):hover {\n      background: var(--brick-color-surface-base);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled])[data-state=\"on\"]:hover {\n      background: var(--brick-color-accent-soft-hover);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"]:not([data-disabled]):hover {\n      border-color: var(--brick-color-accent-solid-hover);\n      background: var(--brick-color-accent-solid-hover);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"]:not([data-disabled]):hover {\n      background: var(--brick-color-surface-subtle);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"]:not([data-disabled])[data-state=\"on\"]:hover {\n      background: var(--brick-color-accent-soft-hover);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-toggle, .brick-toggle-group-item) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-toggle, .brick-toggle-group-item) {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-state=\"on\"] {\n      border-color: Highlight;\n      background: ButtonFace;\n      color: ButtonText;\n      outline: 0.125rem solid Highlight;\n      outline-offset: -0.25rem;\n      box-shadow: none;\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item):focus-visible {\n      outline-color: Highlight;\n      outline-offset: var(--brick-border-focus-offset);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-toggle-group {\n    --brick-toggle-group-gap: 0.5rem;\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: stretch;\n    gap: var(--brick-toggle-group-gap);\n  }\n\n  .brick-toggle-group[data-orientation=\"horizontal\"] {\n    flex-flow: row wrap;\n  }\n\n  .brick-toggle-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-toggle-group[data-full-width] {\n    display: flex;\n    inline-size: 100%;\n  }\n\n  .brick-toggle-group[data-full-width] > .brick-toggle-group-item {\n    flex: 1 1 0;\n  }\n\n  .brick-toggle-group > .brick-toggle-group-item {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-toggle-padding-inline: 1rem;\n    --brick-toggle-gap: 0.5rem;\n    --brick-toggle-icon-size: 1.125rem;\n  }\n\n  .brick-toggle-group[data-size=\"sm\"] > .brick-toggle-group-item {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-toggle-padding-inline: 0.75rem;\n    --brick-toggle-gap: 0.375rem;\n    --brick-toggle-icon-size: 1rem;\n\n    padding-block: 0.25rem;\n    font-size: var(--brick-typography-control-sm-font-size);\n  }\n\n  .brick-toggle-group[data-size=\"lg\"] > .brick-toggle-group-item {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-toggle-padding-inline: 1.25rem;\n    --brick-toggle-gap: 0.625rem;\n    --brick-toggle-icon-size: 1.25rem;\n\n    padding-block: 0.5rem;\n    font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  .brick-toggle-group[data-shape=\"pill\"] > .brick-toggle-group-item {\n    --brick-toggle-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"] {\n    border-color: var(--brick-color-accent-solid);\n    background: var(--brick-color-accent-solid);\n    color: var(--brick-color-accent-on-solid);\n    box-shadow: none;\n  }\n\n  .brick-toggle-group[data-variant=\"outline\"] > .brick-toggle-group-item {\n    border-color: var(--brick-color-border-default);\n    background: transparent;\n  }\n\n  .brick-toggle-group[data-variant=\"outline\"] > .brick-toggle-group-item[data-state=\"on\"] {\n    border-color: var(--brick-color-accent-border);\n    background: transparent;\n    color: var(--brick-color-accent-text);\n    box-shadow: none;\n  }\n\n  .brick-toggle-group[data-variant=\"ghost\"] > .brick-toggle-group-item {\n    background: transparent;\n  }\n\n  .brick-toggle-group[data-variant=\"ghost\"] > .brick-toggle-group-item[data-state=\"on\"] {\n    border-color: transparent;\n    background: var(--brick-color-accent-soft);\n    box-shadow: none;\n  }\n\n  .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"]:not([data-disabled]):active {\n    border-color: var(--brick-color-accent-solid-pressed);\n    background: var(--brick-color-accent-solid-pressed);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"] {\n    --brick-toggle-group-gap: 0;\n\n    flex-wrap: nowrap;\n  }\n\n  .brick-toggle-group[data-attached=\"true\"] > .brick-toggle-group-item {\n    --brick-toggle-radius: 0;\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item + .brick-toggle-group-item {\n    margin-inline-start: calc(-1 * var(--brick-border-width));\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item + .brick-toggle-group-item {\n    margin-block-start: calc(-1 * var(--brick-border-width));\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-control);\n    border-end-start-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:last-child {\n    border-start-end-radius: var(--brick-radius-control);\n    border-end-end-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-control);\n    border-start-end-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:last-child {\n    border-end-start-radius: var(--brick-radius-control);\n    border-end-end-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-full);\n    border-end-start-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:last-child {\n    border-start-end-radius: var(--brick-radius-full);\n    border-end-end-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-full);\n    border-start-end-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:last-child {\n    border-end-start-radius: var(--brick-radius-full);\n    border-end-end-radius: var(--brick-radius-full);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"]:not([data-disabled]):hover {\n      border-color: var(--brick-color-accent-solid-hover);\n      background: var(--brick-color-accent-solid-hover);\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/toggle.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-toggle,.brick-toggle-group-item){--brick-toggle-min-block-size:var(--brick-control-min-block-size-md);--brick-toggle-padding-inline:1rem;--brick-toggle-gap:.5rem;--brick-toggle-radius:var(--brick-radius-control);--brick-toggle-icon-size:1.125rem;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-toggle-min-block-size);justify-content:center;align-items:center;gap:var(--brick-toggle-gap);padding-block:.375rem;padding-inline:var(--brick-toggle-padding-inline);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-toggle-radius);appearance:none;background:var(--brick-color-surface-subtle);color:var(--brick-color-text-primary);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-typography-control-md-font-size);font-weight:var(--brick-typography-control-md-font-weight);letter-spacing:var(--brick-typography-control-md-letter-spacing);line-height:var(--brick-typography-control-md-line-height);overflow-wrap:anywhere;text-align:center;-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);text-decoration:none;display:inline-flex}:where(.brick-toggle,.brick-toggle-group-item)>:where(svg,img){inline-size:var(--brick-toggle-icon-size);block-size:var(--brick-toggle-icon-size);flex:none}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]){cursor:pointer}:where(.brick-toggle,.brick-toggle-group-item):focus-visible{z-index:1;outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}:where(.brick-toggle,.brick-toggle-group-item)[data-state=on]{border-color:var(--brick-color-accent-border);background:var(--brick-color-accent-soft);color:var(--brick-color-accent-on-soft);box-shadow:inset 0 -.125rem 0 var(--brick-color-accent-solid)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]{border-color:var(--brick-color-accent-solid);background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid);box-shadow:none}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=outline]{border-color:var(--brick-color-border-default);background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=outline][data-state=on]{border-color:var(--brick-color-accent-border);color:var(--brick-color-accent-text);box-shadow:none;background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]{background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost][data-state=on]{background:var(--brick-color-accent-soft);box-shadow:none;border-color:#0000}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]):active{background:var(--brick-color-accent-soft-pressed)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]:not([data-disabled]):active{border-color:var(--brick-color-accent-solid-pressed);background:var(--brick-color-accent-solid-pressed)}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);box-shadow:none;cursor:not-allowed;opacity:.65}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled][data-state=on]{border-color:var(--brick-color-border-strong);box-shadow:inset 0 -.125rem 0 var(--brick-color-text-secondary)}:where(.brick-toggle,.brick-toggle-group-item)[data-size=sm]{--brick-toggle-min-block-size:var(--brick-control-min-block-size-sm);--brick-toggle-padding-inline:.75rem;--brick-toggle-gap:.375rem;--brick-toggle-icon-size:1rem;font-size:var(--brick-typography-control-sm-font-size);padding-block:.25rem}:where(.brick-toggle,.brick-toggle-group-item)[data-size=lg]{--brick-toggle-min-block-size:var(--brick-control-min-block-size-lg);--brick-toggle-padding-inline:1.25rem;--brick-toggle-gap:.625rem;--brick-toggle-icon-size:1.25rem;font-size:var(--brick-typography-control-lg-font-size);padding-block:.5rem}:where(.brick-toggle,.brick-toggle-group-item)[data-shape=pill]{--brick-toggle-radius:var(--brick-radius-full)}:where(.brick-toggle,.brick-toggle-group-item)[data-icon-only]{inline-size:var(--brick-toggle-min-block-size);padding-inline:0}@media (hover:hover) and (pointer:fine){:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]):hover{background:var(--brick-color-surface-base)}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled])[data-state=on]:hover{background:var(--brick-color-accent-soft-hover)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]:not([data-disabled]):hover{border-color:var(--brick-color-accent-solid-hover);background:var(--brick-color-accent-solid-hover)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]:not([data-disabled]):hover{background:var(--brick-color-surface-subtle)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]:not([data-disabled])[data-state=on]:hover{background:var(--brick-color-accent-soft-hover)}}@media (prefers-reduced-motion:reduce){:where(.brick-toggle,.brick-toggle-group-item){transition-duration:0s}}@media (forced-colors:active){:where(.brick-toggle,.brick-toggle-group-item){color:buttontext;background:buttonface;border-color:buttontext}:where(.brick-toggle,.brick-toggle-group-item)[data-state=on]{color:buttontext;outline-offset:-.25rem;box-shadow:none;background:buttonface;border-color:highlight;outline:.125rem solid highlight}:where(.brick-toggle,.brick-toggle-group-item):focus-visible{outline-offset:var(--brick-border-focus-offset);outline-color:highlight}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled]{color:graytext;opacity:1;border-color:graytext}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-toggle,.brick-toggle-group-item){--brick-toggle-min-block-size:var(--brick-control-min-block-size-md);--brick-toggle-padding-inline:1rem;--brick-toggle-gap:.5rem;--brick-toggle-radius:var(--brick-radius-control);--brick-toggle-icon-size:1.125rem;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-toggle-min-block-size);justify-content:center;align-items:center;gap:var(--brick-toggle-gap);padding-block:.375rem;padding-inline:var(--brick-toggle-padding-inline);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-toggle-radius);appearance:none;background:var(--brick-color-surface-subtle);color:var(--brick-color-text-primary);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-typography-control-md-font-size);font-weight:var(--brick-typography-control-md-font-weight);letter-spacing:var(--brick-typography-control-md-letter-spacing);line-height:var(--brick-typography-control-md-line-height);overflow-wrap:anywhere;text-align:center;-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);text-decoration:none;display:inline-flex}:where(.brick-toggle,.brick-toggle-group-item)>:where(svg,img){inline-size:var(--brick-toggle-icon-size);block-size:var(--brick-toggle-icon-size);flex:none}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]){cursor:pointer}:where(.brick-toggle,.brick-toggle-group-item):focus-visible{z-index:1;outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}:where(.brick-toggle,.brick-toggle-group-item)[data-state=on]{border-color:var(--brick-color-accent-border);background:var(--brick-color-accent-soft);color:var(--brick-color-accent-on-soft);box-shadow:inset 0 -.125rem 0 var(--brick-color-accent-solid)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]{border-color:var(--brick-color-accent-solid);background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid);box-shadow:none}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=outline]{border-color:var(--brick-color-border-default);background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=outline][data-state=on]{border-color:var(--brick-color-accent-border);color:var(--brick-color-accent-text);box-shadow:none;background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]{background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost][data-state=on]{background:var(--brick-color-accent-soft);box-shadow:none;border-color:#0000}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]):active{background:var(--brick-color-accent-soft-pressed)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]:not([data-disabled]):active{border-color:var(--brick-color-accent-solid-pressed);background:var(--brick-color-accent-solid-pressed)}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);box-shadow:none;cursor:not-allowed;opacity:.65}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled][data-state=on]{border-color:var(--brick-color-border-strong);box-shadow:inset 0 -.125rem 0 var(--brick-color-text-secondary)}:where(.brick-toggle,.brick-toggle-group-item)[data-size=sm]{--brick-toggle-min-block-size:var(--brick-control-min-block-size-sm);--brick-toggle-padding-inline:.75rem;--brick-toggle-gap:.375rem;--brick-toggle-icon-size:1rem;font-size:var(--brick-typography-control-sm-font-size);padding-block:.25rem}:where(.brick-toggle,.brick-toggle-group-item)[data-size=lg]{--brick-toggle-min-block-size:var(--brick-control-min-block-size-lg);--brick-toggle-padding-inline:1.25rem;--brick-toggle-gap:.625rem;--brick-toggle-icon-size:1.25rem;font-size:var(--brick-typography-control-lg-font-size);padding-block:.5rem}:where(.brick-toggle,.brick-toggle-group-item)[data-shape=pill]{--brick-toggle-radius:var(--brick-radius-full)}:where(.brick-toggle,.brick-toggle-group-item)[data-icon-only]{inline-size:var(--brick-toggle-min-block-size);padding-inline:0}@media (hover:hover) and (pointer:fine){:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]):hover{background:var(--brick-color-surface-base)}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled])[data-state=on]:hover{background:var(--brick-color-accent-soft-hover)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]:not([data-disabled]):hover{border-color:var(--brick-color-accent-solid-hover);background:var(--brick-color-accent-solid-hover)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]:not([data-disabled]):hover{background:var(--brick-color-surface-subtle)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]:not([data-disabled])[data-state=on]:hover{background:var(--brick-color-accent-soft-hover)}}@media (prefers-reduced-motion:reduce){:where(.brick-toggle,.brick-toggle-group-item){transition-duration:0s}}@media (forced-colors:active){:where(.brick-toggle,.brick-toggle-group-item){color:buttontext;background:buttonface;border-color:buttontext}:where(.brick-toggle,.brick-toggle-group-item)[data-state=on]{color:buttontext;outline-offset:-.25rem;box-shadow:none;background:buttonface;border-color:highlight;outline:.125rem solid highlight}:where(.brick-toggle,.brick-toggle-group-item):focus-visible{outline-offset:var(--brick-border-focus-offset);outline-color:highlight}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled]{color:graytext;opacity:1;border-color:graytext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=toggle.css.map */