@flowstack-ui/brick 0.1.6 → 0.1.11

package/dist/styles/data-list.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-data-list{--brick-data-list-gap:var(--brick-space-4);--brick-data-list-item-gap:var(--brick-space-1);--brick-data-list-label-size:auto;--brick-data-list-divider-color:var(--brick-color-border-default);box-sizing:border-box;gap:var(--brick-data-list-gap);min-inline-size:0;color:var(--brick-color-text-primary);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);font-weight:var(--brick-typography-body-md-font-weight);line-height:var(--brick-typography-body-md-line-height);letter-spacing:var(--brick-typography-body-md-letter-spacing);margin:0;display:grid}.brick-data-list[data-size=sm]{--brick-data-list-gap:var(--brick-space-3);--brick-data-list-item-gap:var(--brick-space-1);font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-body-sm-font-weight);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-data-list[data-size=lg]{--brick-data-list-gap:var(--brick-space-5);--brick-data-list-item-gap:var(--brick-space-2);font-family:var(--brick-typography-body-lg-font-family);font-size:var(--brick-typography-body-lg-font-size);font-weight:var(--brick-typography-body-lg-font-weight);line-height:var(--brick-typography-body-lg-line-height);letter-spacing:var(--brick-typography-body-lg-letter-spacing)}.brick-data-list[data-label-width=sm]{--brick-data-list-label-size:6rem}.brick-data-list[data-label-width=md]{--brick-data-list-label-size:9rem}.brick-data-list[data-label-width=lg]{--brick-data-list-label-size:12rem}.brick-data-list__item{box-sizing:border-box;gap:var(--brick-data-list-item-gap);min-inline-size:0;display:grid}.brick-data-list[data-orientation=horizontal]>.brick-data-list__item{grid-template-columns:minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);align-items:baseline;column-gap:var(--brick-data-list-gap)}.brick-data-list[data-orientation=horizontal][data-label-width=auto]>.brick-data-list__item{grid-template-columns:max-content minmax(0,1fr)}.brick-data-list[data-divide]>.brick-data-list__item:not(:first-child){border-block-start:var(--brick-border-width) solid var(--brick-data-list-divider-color);padding-block-start:var(--brick-data-list-gap)}.brick-data-list__label,.brick-data-list__value{min-inline-size:0;margin:0}.brick-data-list__label{color:var(--brick-color-text-secondary);font-weight:var(--brick-typography-label-md-font-weight)}.brick-data-list__value{color:var(--brick-color-text-primary)}@media (width>=30rem){.brick-data-list[data-orientation-sm=vertical]>.brick-data-list__item{grid-template-columns:minmax(0,1fr)}.brick-data-list[data-orientation-sm=horizontal]>.brick-data-list__item{grid-template-columns:minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);align-items:baseline;column-gap:var(--brick-data-list-gap)}.brick-data-list[data-orientation-sm=horizontal][data-label-width=auto]>.brick-data-list__item{grid-template-columns:max-content minmax(0,1fr)}}@media (width>=48rem){.brick-data-list[data-orientation-md=vertical]>.brick-data-list__item{grid-template-columns:minmax(0,1fr)}.brick-data-list[data-orientation-md=horizontal]>.brick-data-list__item{grid-template-columns:minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);align-items:baseline;column-gap:var(--brick-data-list-gap)}.brick-data-list[data-orientation-md=horizontal][data-label-width=auto]>.brick-data-list__item{grid-template-columns:max-content minmax(0,1fr)}}@media (width>=64rem){.brick-data-list[data-orientation-lg=vertical]>.brick-data-list__item{grid-template-columns:minmax(0,1fr)}.brick-data-list[data-orientation-lg=horizontal]>.brick-data-list__item{grid-template-columns:minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);align-items:baseline;column-gap:var(--brick-data-list-gap)}.brick-data-list[data-orientation-lg=horizontal][data-label-width=auto]>.brick-data-list__item{grid-template-columns:max-content minmax(0,1fr)}}@media (width>=80rem){.brick-data-list[data-orientation-xl=vertical]>.brick-data-list__item{grid-template-columns:minmax(0,1fr)}.brick-data-list[data-orientation-xl=horizontal]>.brick-data-list__item{grid-template-columns:minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);align-items:baseline;column-gap:var(--brick-data-list-gap)}.brick-data-list[data-orientation-xl=horizontal][data-label-width=auto]>.brick-data-list__item{grid-template-columns:max-content minmax(0,1fr)}}@media (forced-colors:active){.brick-data-list,.brick-data-list__label,.brick-data-list__value{color:canvastext}.brick-data-list[data-divide]>.brick-data-list__item{border-color:canvastext}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=data-list.css.map */

package/dist/styles/data-list.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,6mBAmBA,oZAUA,oZAUA,wEACA,wEACA,yEAEA,gHAOA,kNAMA,4IAKA,8MAKA,2EAMA,yHAKA,8DAEA,sBACE,0GACA,qNACA,gJAGF,sBACE,0GACA,qNACA,gJAGF,sBACE,0GACA,qNACA,gJAGF,sBACE,0GACA,qNACA,gJAGF,8BACE,kFAGA,+ED5GJ","sources":["home/runner/work/brick/brick/.brick-cache/production/data-list.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/data-list/data-list.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/data-list/data-list.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-data-list {\n    --brick-data-list-gap: var(--brick-space-4);\n    --brick-data-list-item-gap: var(--brick-space-1);\n    --brick-data-list-label-size: auto;\n    --brick-data-list-divider-color: var(--brick-color-border-default);\n\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    gap: var(--brick-data-list-gap);\n    margin: 0;\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    line-height: var(--brick-typography-body-md-line-height);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-data-list[data-size=\"sm\"] {\n    --brick-data-list-gap: var(--brick-space-3);\n    --brick-data-list-item-gap: var(--brick-space-1);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-data-list[data-size=\"lg\"] {\n    --brick-data-list-gap: var(--brick-space-5);\n    --brick-data-list-item-gap: var(--brick-space-2);\n    font-family: var(--brick-typography-body-lg-font-family);\n    font-size: var(--brick-typography-body-lg-font-size);\n    font-weight: var(--brick-typography-body-lg-font-weight);\n    line-height: var(--brick-typography-body-lg-line-height);\n    letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n  }\n\n  .brick-data-list[data-label-width=\"sm\"] { --brick-data-list-label-size: 6rem; }\n  .brick-data-list[data-label-width=\"md\"] { --brick-data-list-label-size: 9rem; }\n  .brick-data-list[data-label-width=\"lg\"] { --brick-data-list-label-size: 12rem; }\n\n  .brick-data-list__item {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    gap: var(--brick-data-list-item-gap);\n  }\n\n  .brick-data-list[data-orientation=\"horizontal\"] > .brick-data-list__item {\n    grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);\n    align-items: baseline;\n    column-gap: var(--brick-data-list-gap);\n  }\n\n  .brick-data-list[data-orientation=\"horizontal\"][data-label-width=\"auto\"]\n    > .brick-data-list__item {\n    grid-template-columns: max-content minmax(0, 1fr);\n  }\n\n  .brick-data-list[data-divide] > .brick-data-list__item:not(:first-child) {\n    padding-block-start: var(--brick-data-list-gap);\n    border-block-start: var(--brick-border-width) solid var(--brick-data-list-divider-color);\n  }\n\n  .brick-data-list__label,\n  .brick-data-list__value {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-data-list__label {\n    color: var(--brick-color-text-secondary);\n    font-weight: var(--brick-typography-label-md-font-weight);\n  }\n\n  .brick-data-list__value { color: var(--brick-color-text-primary); }\n\n  @media (width >= 30rem) {\n    .brick-data-list[data-orientation-sm=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n    .brick-data-list[data-orientation-sm=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n    .brick-data-list[data-orientation-sm=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-data-list[data-orientation-md=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n    .brick-data-list[data-orientation-md=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n    .brick-data-list[data-orientation-md=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-data-list[data-orientation-lg=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n    .brick-data-list[data-orientation-lg=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n    .brick-data-list[data-orientation-lg=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-data-list[data-orientation-xl=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n    .brick-data-list[data-orientation-xl=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n    .brick-data-list[data-orientation-xl=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n  }\n\n  @media (forced-colors: active) {\n    .brick-data-list { color: CanvasText; }\n    .brick-data-list__label,\n    .brick-data-list__value { color: CanvasText; }\n    .brick-data-list[data-divide] > .brick-data-list__item { border-color: CanvasText; }\n  }\n}\n"],"names":[]}

package/dist/styles/dialog.css

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

package/dist/styles/dialog.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,mNASA,mDAIA,owCAuCA,mHAKA,mHAKA,6FAKA,gKASA,yEAMA,kXASA,0XASA,sUAaA,mOAWA,oEAIA,iEAIA,yEAIA,8BACE,iIAKF,sBACE,gEAIA,8CAKF,uCACE,oEAKA,+FAMF,8BACE,mDAKA,gED3KJ","sources":["home/runner/work/brick/brick/.brick-cache/production/dialog.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dialog/dialog.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/dialog/dialog.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-dialog-overlay {\n    position: fixed;\n    z-index: var(--brick-layer-overlay);\n    inset: 0;\n    background: var(--brick-color-scrim);\n    opacity: 1;\n    transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-dialog-overlay[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-dialog-content {\n    --brick-dialog-max-inline-size: 32rem;\n    --brick-dialog-max-block-size: calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    --brick-dialog-space: var(--brick-space-5);\n    --brick-dialog-radius: var(--brick-radius-overlay);\n    --brick-dialog-shadow: 0 1.5rem 4.5rem color-mix(\n      in srgb,\n      var(--brick-color-shadow),\n      transparent 4%\n    );\n\n    position: fixed;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    inset-block-start: 50%;\n    left: 50%;\n    display: flex;\n    box-sizing: border-box;\n    inline-size: min(\n      var(--brick-dialog-max-inline-size),\n      calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    max-inline-size: calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));\n    max-block-size: var(--brick-dialog-max-block-size);\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-dialog-radius);\n    background: var(--brick-color-surface-overlay);\n    box-shadow: var(--brick-dialog-shadow);\n    color: var(--brick-color-text-primary);\n    opacity: 1;\n    overflow-wrap: anywhere;\n    transform: translate(-50%, -50%) scale(1);\n    transform-origin: center;\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-dialog-content[data-size=\"sm\"] {\n    --brick-dialog-max-inline-size: 24rem;\n    --brick-dialog-space: var(--brick-space-4);\n  }\n\n  .brick-dialog-content[data-size=\"lg\"] {\n    --brick-dialog-max-inline-size: 44rem;\n    --brick-dialog-space: var(--brick-space-6);\n  }\n\n  .brick-dialog-content[data-state=\"closed\"] {\n    opacity: 0;\n    transform: translate(-50%, -48%) scale(0.985);\n  }\n\n  .brick-dialog-header {\n    display: grid;\n    flex: none;\n    gap: var(--brick-space-1);\n    min-inline-size: 0;\n    padding: var(--brick-dialog-space);\n    padding-block-end: var(--brick-space-3);\n  }\n\n  .brick-dialog-title,\n  .brick-dialog-description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-dialog-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-overlay-title-font-family);\n    font-size: var(--brick-typography-overlay-title-font-size);\n    font-weight: var(--brick-typography-overlay-title-font-weight);\n    letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n    line-height: var(--brick-typography-overlay-title-line-height);\n  }\n\n  .brick-dialog-description {\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-dialog-body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding-inline: var(--brick-dialog-space);\n    padding-block: var(--brick-space-2) var(--brick-dialog-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-color-text-primary);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-dialog-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-3) var(--brick-dialog-space) var(--brick-dialog-space);\n  }\n\n  .brick-dialog-footer[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .brick-dialog-footer[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .brick-dialog-footer[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-dialog-content {\n      --brick-dialog-max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-dialog-content {\n      --brick-dialog-space: var(--brick-space-4);\n    }\n\n    .brick-dialog-footer > .brick-button {\n      flex: 1 1 9rem;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-dialog-overlay,\n    .brick-dialog-content {\n      transition-duration: 1ms;\n    }\n\n    .brick-dialog-content,\n    .brick-dialog-content[data-state=\"closed\"] {\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-dialog-overlay {\n      background: Canvas;\n      opacity: 0.7;\n    }\n\n    .brick-dialog-content {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,mNASA,mDAIA,gtCAmCA,mHAKA,mHAKA,6FAKA,gKASA,yEAMA,kXASA,0XASA,sUAaA,mOAWA,oEAIA,iEAIA,yEAIA,8BACE,iIAKF,sBACE,gEAIA,8CAKF,uCACE,oEAKA,+FAMF,8BACE,mDAKA,gEDvKJ","sources":["home/runner/work/brick/brick/.brick-cache/production/dialog.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dialog/dialog.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/dialog/dialog.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-dialog-overlay {\n    position: fixed;\n    z-index: var(--brick-layer-overlay);\n    inset: 0;\n    background: var(--brick-color-scrim);\n    opacity: 1;\n    transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-dialog-overlay[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-dialog-content {\n    --brick-dialog-max-inline-size: 32rem;\n    --brick-dialog-max-block-size: calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    --brick-dialog-space: var(--brick-space-5);\n    --brick-dialog-radius: var(--brick-radius-overlay);\n    --brick-dialog-shadow: var(--brick-shadow-modal);\n\n    position: fixed;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    inset-block-start: 50%;\n    left: 50%;\n    display: flex;\n    box-sizing: border-box;\n    inline-size: min(\n      var(--brick-dialog-max-inline-size),\n      calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    max-inline-size: calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));\n    max-block-size: var(--brick-dialog-max-block-size);\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-dialog-radius);\n    background: var(--brick-color-surface-overlay);\n    box-shadow: var(--brick-dialog-shadow);\n    color: var(--brick-color-text-primary);\n    opacity: 1;\n    overflow-wrap: anywhere;\n    transform: translate(-50%, -50%) scale(1);\n    transform-origin: center;\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-dialog-content[data-size=\"sm\"] {\n    --brick-dialog-max-inline-size: 24rem;\n    --brick-dialog-space: var(--brick-space-4);\n  }\n\n  .brick-dialog-content[data-size=\"lg\"] {\n    --brick-dialog-max-inline-size: 44rem;\n    --brick-dialog-space: var(--brick-space-6);\n  }\n\n  .brick-dialog-content[data-state=\"closed\"] {\n    opacity: 0;\n    transform: translate(-50%, -48%) scale(0.985);\n  }\n\n  .brick-dialog-header {\n    display: grid;\n    flex: none;\n    gap: var(--brick-space-1);\n    min-inline-size: 0;\n    padding: var(--brick-dialog-space);\n    padding-block-end: var(--brick-space-3);\n  }\n\n  .brick-dialog-title,\n  .brick-dialog-description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-dialog-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-overlay-title-font-family);\n    font-size: var(--brick-typography-overlay-title-font-size);\n    font-weight: var(--brick-typography-overlay-title-font-weight);\n    letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n    line-height: var(--brick-typography-overlay-title-line-height);\n  }\n\n  .brick-dialog-description {\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-dialog-body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding-inline: var(--brick-dialog-space);\n    padding-block: var(--brick-space-2) var(--brick-dialog-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-color-text-primary);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-dialog-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-3) var(--brick-dialog-space) var(--brick-dialog-space);\n  }\n\n  .brick-dialog-footer[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .brick-dialog-footer[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .brick-dialog-footer[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-dialog-content {\n      --brick-dialog-max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-dialog-content {\n      --brick-dialog-space: var(--brick-space-4);\n    }\n\n    .brick-dialog-footer > .brick-button {\n      flex: 1 1 9rem;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-dialog-overlay,\n    .brick-dialog-content {\n      transition-duration: 1ms;\n    }\n\n    .brick-dialog-content,\n    .brick-dialog-content[data-state=\"closed\"] {\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-dialog-overlay {\n      background: Canvas;\n      opacity: 0.7;\n    }\n\n    .brick-dialog-content {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/divider.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-divider{--brick-divider-color:var(--brick-color-border-subtle);--brick-divider-thickness:var(--brick-border-width);--brick-divider-style:solid;--brick-divider-inset:var(--brick-space-4);--brick-divider-label-gap:var(--brick-space-3);--brick-divider-label-short-segment:var(--brick-space-6);box-sizing:border-box;min-inline-size:0;color:var(--brick-color-text-secondary);border:0;margin:0;padding:0}.brick-divider[data-orientation=horizontal]:not([data-label-align]){border-block-start:var(--brick-divider-thickness) var(--brick-divider-style) var(--brick-divider-color);inline-size:100%}.brick-divider[data-orientation=vertical]{border-inline-start:var(--brick-divider-thickness) var(--brick-divider-style) var(--brick-divider-color);align-self:auto;block-size:auto}.brick-divider[data-stretch]{align-self:stretch}.brick-divider[data-variant=dashed]{--brick-divider-style:dashed}.brick-divider[data-variant=dotted]{--brick-divider-style:dotted}.brick-divider[data-thickness=regular]{--brick-divider-thickness:.125rem}.brick-divider[data-thickness=strong]{--brick-divider-thickness:.25rem}.brick-divider[data-orientation=horizontal][data-inset=start]{inline-size:calc(100% - var(--brick-divider-inset));margin-inline-start:var(--brick-divider-inset)}.brick-divider[data-orientation=horizontal][data-inset=both]{inline-size:calc(100% - (2 * var(--brick-divider-inset)));margin-inline:var(--brick-divider-inset)}.brick-divider[data-orientation=vertical][data-inset=start]{block-size:calc(100% - var(--brick-divider-inset));margin-block-start:var(--brick-divider-inset)}.brick-divider[data-orientation=vertical][data-inset=both]{block-size:calc(100% - (2 * var(--brick-divider-inset)));margin-block:var(--brick-divider-inset)}.brick-divider[data-label-align]{align-items:center;gap:var(--brick-divider-label-gap);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);inline-size:100%;display:grid}.brick-divider__line{border-block-start:var(--brick-divider-thickness) var(--brick-divider-style) var(--brick-divider-color);min-inline-size:0}.brick-divider__label{overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%;font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-body-sm-font-weight);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-divider[data-label-align=start]{grid-template-columns:minmax(0, var(--brick-divider-label-short-segment)) minmax(0, auto) minmax(0, 1fr)}.brick-divider[data-label-align=end]{grid-template-columns:minmax(0, 1fr) minmax(0, auto) minmax(0, var(--brick-divider-label-short-segment))}@media (forced-colors:active){.brick-divider{--brick-divider-color:CanvasText}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-divider{--brick-divider-color:var(--brick-color-border-default);--brick-divider-thickness:var(--brick-border-width);--brick-divider-style:solid;--brick-divider-inset:var(--brick-space-4);--brick-divider-label-gap:var(--brick-space-3);--brick-divider-label-short-segment:var(--brick-space-6);box-sizing:border-box;min-inline-size:0;color:var(--brick-color-text-secondary);border:0;margin:0;padding:0}.brick-divider[data-orientation=horizontal]:not([data-label-align]){border-block-start:var(--brick-divider-thickness) var(--brick-divider-style) var(--brick-divider-color);inline-size:100%}.brick-divider[data-orientation=vertical]{border-inline-start:var(--brick-divider-thickness) var(--brick-divider-style) var(--brick-divider-color);align-self:auto;block-size:auto}.brick-divider[data-stretch]{align-self:stretch}.brick-divider[data-variant=dashed]{--brick-divider-style:dashed}.brick-divider[data-variant=dotted]{--brick-divider-style:dotted}.brick-divider[data-thickness=regular]{--brick-divider-thickness:.125rem}.brick-divider[data-thickness=strong]{--brick-divider-thickness:.25rem}.brick-divider[data-orientation=horizontal][data-inset=start]{inline-size:calc(100% - var(--brick-divider-inset));margin-inline-start:var(--brick-divider-inset)}.brick-divider[data-orientation=horizontal][data-inset=both]{inline-size:calc(100% - (2 * var(--brick-divider-inset)));margin-inline:var(--brick-divider-inset)}.brick-divider[data-orientation=vertical][data-inset=start]{block-size:calc(100% - var(--brick-divider-inset));margin-block-start:var(--brick-divider-inset)}.brick-divider[data-orientation=vertical][data-inset=both]{block-size:calc(100% - (2 * var(--brick-divider-inset)));margin-block:var(--brick-divider-inset)}.brick-divider[data-label-align]{align-items:center;gap:var(--brick-divider-label-gap);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);inline-size:100%;display:grid}.brick-divider__line{border-block-start:var(--brick-divider-thickness) var(--brick-divider-style) var(--brick-divider-color);min-inline-size:0}.brick-divider__label{overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%;font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-body-sm-font-weight);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-divider[data-label-align=start]{grid-template-columns:minmax(0, var(--brick-divider-label-short-segment)) minmax(0, auto) minmax(0, 1fr)}.brick-divider[data-label-align=end]{grid-template-columns:minmax(0, 1fr) minmax(0, auto) minmax(0, var(--brick-divider-label-short-segment))}@media (forced-colors:active){.brick-divider{--brick-divider-color:CanvasText}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=divider.css.map */

package/dist/styles/divider.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,qZAgBA,6LAMA,mLAOA,gDAIA,iEAIA,iEAIA,yEAIA,uEAIA,iKAKA,gKAKA,6JAKA,4JAKA,4KAQA,+IAMA,8WAWA,gJAKA,8IAKA,8BACE,kDD1GJ","sources":["home/runner/work/brick/brick/.brick-cache/production/divider.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/divider/divider.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/divider/divider.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-divider {\n    --brick-divider-color: var(--brick-color-border-subtle);\n    --brick-divider-thickness: var(--brick-border-width);\n    --brick-divider-style: solid;\n    --brick-divider-inset: var(--brick-space-4);\n    --brick-divider-label-gap: var(--brick-space-3);\n    --brick-divider-label-short-segment: var(--brick-space-6);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    color: var(--brick-color-text-secondary);\n  }\n\n  .brick-divider[data-orientation=\"horizontal\"]:not([data-label-align]) {\n    inline-size: 100%;\n    border-block-start: var(--brick-divider-thickness)\n      var(--brick-divider-style) var(--brick-divider-color);\n  }\n\n  .brick-divider[data-orientation=\"vertical\"] {\n    block-size: auto;\n    align-self: auto;\n    border-inline-start: var(--brick-divider-thickness)\n      var(--brick-divider-style) var(--brick-divider-color);\n  }\n\n  .brick-divider[data-stretch] {\n    align-self: stretch;\n  }\n\n  .brick-divider[data-variant=\"dashed\"] {\n    --brick-divider-style: dashed;\n  }\n\n  .brick-divider[data-variant=\"dotted\"] {\n    --brick-divider-style: dotted;\n  }\n\n  .brick-divider[data-thickness=\"regular\"] {\n    --brick-divider-thickness: 0.125rem;\n  }\n\n  .brick-divider[data-thickness=\"strong\"] {\n    --brick-divider-thickness: 0.25rem;\n  }\n\n  .brick-divider[data-orientation=\"horizontal\"][data-inset=\"start\"] {\n    inline-size: calc(100% - var(--brick-divider-inset));\n    margin-inline-start: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-orientation=\"horizontal\"][data-inset=\"both\"] {\n    inline-size: calc(100% - (2 * var(--brick-divider-inset)));\n    margin-inline: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-orientation=\"vertical\"][data-inset=\"start\"] {\n    block-size: calc(100% - var(--brick-divider-inset));\n    margin-block-start: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-orientation=\"vertical\"][data-inset=\"both\"] {\n    block-size: calc(100% - (2 * var(--brick-divider-inset)));\n    margin-block: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-label-align] {\n    display: grid;\n    inline-size: 100%;\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    align-items: center;\n    gap: var(--brick-divider-label-gap);\n  }\n\n  .brick-divider__line {\n    min-inline-size: 0;\n    border-block-start: var(--brick-divider-thickness)\n      var(--brick-divider-style) var(--brick-divider-color);\n  }\n\n  .brick-divider__label {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-wrap: anywhere;\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-divider[data-label-align=\"start\"] {\n    grid-template-columns: minmax(0, var(--brick-divider-label-short-segment))\n      minmax(0, auto) minmax(0, 1fr);\n  }\n\n  .brick-divider[data-label-align=\"end\"] {\n    grid-template-columns: minmax(0, 1fr) minmax(0, auto)\n      minmax(0, var(--brick-divider-label-short-segment));\n  }\n\n  @media (forced-colors: active) {\n    .brick-divider {\n      --brick-divider-color: CanvasText;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,sZAgBA,6LAMA,mLAOA,gDAIA,iEAIA,iEAIA,yEAIA,uEAIA,iKAKA,gKAKA,6JAKA,4JAKA,4KAQA,+IAMA,8WAWA,gJAMA,8IAMA,8BACE,kDD5GJ","sources":["home/runner/work/brick/brick/.brick-cache/production/divider.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/divider/divider.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/divider/divider.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-divider {\n    --brick-divider-color: var(--brick-color-border-default);\n    --brick-divider-thickness: var(--brick-border-width);\n    --brick-divider-style: solid;\n    --brick-divider-inset: var(--brick-space-4);\n    --brick-divider-label-gap: var(--brick-space-3);\n    --brick-divider-label-short-segment: var(--brick-space-6);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    color: var(--brick-color-text-secondary);\n  }\n\n  .brick-divider[data-orientation=\"horizontal\"]:not([data-label-align]) {\n    inline-size: 100%;\n    border-block-start: var(--brick-divider-thickness)\n      var(--brick-divider-style) var(--brick-divider-color);\n  }\n\n  .brick-divider[data-orientation=\"vertical\"] {\n    block-size: auto;\n    align-self: auto;\n    border-inline-start: var(--brick-divider-thickness)\n      var(--brick-divider-style) var(--brick-divider-color);\n  }\n\n  .brick-divider[data-stretch] {\n    align-self: stretch;\n  }\n\n  .brick-divider[data-variant=\"dashed\"] {\n    --brick-divider-style: dashed;\n  }\n\n  .brick-divider[data-variant=\"dotted\"] {\n    --brick-divider-style: dotted;\n  }\n\n  .brick-divider[data-thickness=\"regular\"] {\n    --brick-divider-thickness: 0.125rem;\n  }\n\n  .brick-divider[data-thickness=\"strong\"] {\n    --brick-divider-thickness: 0.25rem;\n  }\n\n  .brick-divider[data-orientation=\"horizontal\"][data-inset=\"start\"] {\n    inline-size: calc(100% - var(--brick-divider-inset));\n    margin-inline-start: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-orientation=\"horizontal\"][data-inset=\"both\"] {\n    inline-size: calc(100% - (2 * var(--brick-divider-inset)));\n    margin-inline: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-orientation=\"vertical\"][data-inset=\"start\"] {\n    block-size: calc(100% - var(--brick-divider-inset));\n    margin-block-start: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-orientation=\"vertical\"][data-inset=\"both\"] {\n    block-size: calc(100% - (2 * var(--brick-divider-inset)));\n    margin-block: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-label-align] {\n    display: grid;\n    inline-size: 100%;\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    align-items: center;\n    gap: var(--brick-divider-label-gap);\n  }\n\n  .brick-divider__line {\n    min-inline-size: 0;\n    border-block-start: var(--brick-divider-thickness)\n      var(--brick-divider-style) var(--brick-divider-color);\n  }\n\n  .brick-divider__label {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-wrap: anywhere;\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-divider[data-label-align=\"start\"] {\n    grid-template-columns:\n      minmax(0, var(--brick-divider-label-short-segment))\n      minmax(0, auto) minmax(0, 1fr);\n  }\n\n  .brick-divider[data-label-align=\"end\"] {\n    grid-template-columns:\n      minmax(0, 1fr) minmax(0, auto)\n      minmax(0, var(--brick-divider-label-short-segment));\n  }\n\n  @media (forced-colors: active) {\n    .brick-divider {\n      --brick-divider-color: CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/drawer.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-drawer-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-drawer-overlay[data-state=closed]{opacity:0}.brick-drawer-content{--brick-drawer-space:var(--brick-space-5);--brick-drawer-shadow:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 4%);--brick-drawer-inline-size-sm:min(20rem, 75dvi);--brick-drawer-inline-size-md:min(28rem, 85dvi);--brick-drawer-inline-size-lg:min(36rem, calc(100dvi - 1rem));--brick-drawer-inline-size-xl:min(48rem, calc(100dvi - .5rem));--brick-drawer-block-size-sm:min(16rem, 45dvb);--brick-drawer-block-size-md:min(24rem, 65dvb);--brick-drawer-block-size-lg:min(32rem, calc(100dvb - 2rem));--brick-drawer-block-size-xl:100dvb;--brick-drawer-safe-top:0px;--brick-drawer-safe-right:0px;--brick-drawer-safe-bottom:0px;--brick-drawer-safe-left:0px;z-index:calc(var(--brick-layer-overlay) + 1);box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-color-border-subtle);background:var(--brick-drawer-background,var(--brick-color-surface-overlay));min-block-size:0;min-inline-size:0;box-shadow:var(--brick-drawer-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translate(0,0)}.brick-drawer-content:is([data-placement=start],[data-placement=end]){--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);--brick-drawer-safe-left:env(safe-area-inset-left);block-size:100dvb;inset-block:0}.brick-drawer-content[data-placement=start]{border-start-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-inline-start:0}.brick-drawer-content[data-placement=end]{border-start-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-inline-end:0}.brick-drawer-content:is([data-placement=top],[data-placement=bottom]){--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-left:env(safe-area-inset-left);inline-size:100dvi;inset-inline:0}.brick-drawer-content[data-placement=top]{--brick-drawer-safe-top:env(safe-area-inset-top);border-end-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-block-start:0}.brick-drawer-content[data-placement=bottom]{--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-start-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-start-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-block-end:0}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=sm]{inline-size:var(--brick-drawer-inline-size-sm)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=md]{inline-size:var(--brick-drawer-inline-size-md)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=lg]{inline-size:var(--brick-drawer-inline-size-lg)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=xl]{inline-size:var(--brick-drawer-inline-size-xl)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=full]{border-radius:0;inline-size:100dvi}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=sm]{max-block-size:var(--brick-drawer-block-size-sm)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=md]{max-block-size:var(--brick-drawer-block-size-md)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=lg]{max-block-size:var(--brick-drawer-block-size-lg)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=xl]{max-block-size:var(--brick-drawer-block-size-xl)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-radius:0;block-size:100dvb}.brick-drawer-content[data-placement=start][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=end][data-state=closed],.brick-drawer-content:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl])[data-placement=start][data-state=closed]{transform:translate(100%)}.brick-drawer-content:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl])[data-placement=end][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=top][data-state=closed]{transform:translateY(-100%)}.brick-drawer-content[data-placement=bottom][data-state=closed]{transform:translateY(100%)}.brick-drawer-header{gap:var(--brick-space-1);min-inline-size:0;padding-block-start:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));padding-block-end:var(--brick-space-3);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex:none;display:grid}.brick-drawer-title,.brick-drawer-description{min-inline-size:0;margin:0}.brick-drawer-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-drawer-description{color:var(--brick-color-text-secondary);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-drawer-body{min-block-size:0;min-inline-size:0;padding-block:var(--brick-space-2) var(--brick-drawer-space);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));overscroll-behavior:contain;color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-drawer-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding-block-start:var(--brick-space-3);padding-block-end:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex-wrap:wrap;flex:none;display:flex}.brick-drawer-footer[data-justify=start]{justify-content:flex-start}.brick-drawer-footer[data-justify=center]{justify-content:center}.brick-drawer-footer[data-justify=between]{justify-content:space-between}@supports not (height:100dvb){.brick-drawer-content:is([data-placement=start],[data-placement=end]),.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{block-size:100vh}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=xl]{max-block-size:100vh}}@media (width<=30rem){.brick-drawer-content{--brick-drawer-space:var(--brick-space-4)}.brick-drawer-footer>.brick-button{flex:9rem}}@media (height<=24rem){.brick-drawer-content{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.brick-drawer-body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-drawer-overlay,.brick-drawer-content{transition-duration:1ms}.brick-drawer-content[data-state=closed]{transform:translate(0,0)}}@media (forced-colors:active){.brick-drawer-overlay{opacity:.7;background:canvas}.brick-drawer-content{box-shadow:none;border-color:canvastext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-drawer-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-drawer-overlay[data-state=closed]{opacity:0}.brick-drawer-content{--brick-drawer-space:var(--brick-space-5);--brick-drawer-shadow:var(--brick-shadow-modal);--brick-drawer-inline-size-sm:min(20rem, 75dvi);--brick-drawer-inline-size-md:min(28rem, 85dvi);--brick-drawer-inline-size-lg:min(36rem, calc(100dvi - 1rem));--brick-drawer-inline-size-xl:min(48rem, calc(100dvi - .5rem));--brick-drawer-block-size-sm:min(16rem, 45dvb);--brick-drawer-block-size-md:min(24rem, 65dvb);--brick-drawer-block-size-lg:min(32rem, calc(100dvb - 2rem));--brick-drawer-block-size-xl:100dvb;--brick-drawer-safe-top:0px;--brick-drawer-safe-right:0px;--brick-drawer-safe-bottom:0px;--brick-drawer-safe-left:0px;z-index:calc(var(--brick-layer-overlay) + 1);box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-color-border-subtle);background:var(--brick-drawer-background,var(--brick-color-surface-overlay));min-block-size:0;min-inline-size:0;box-shadow:var(--brick-drawer-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translate(0,0)}.brick-drawer-content:is([data-placement=start],[data-placement=end]){--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);--brick-drawer-safe-left:env(safe-area-inset-left);block-size:100dvb;inset-block:0}.brick-drawer-content[data-placement=start]{border-start-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-inline-start:0}.brick-drawer-content[data-placement=end]{border-start-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-inline-end:0}.brick-drawer-content:is([data-placement=top],[data-placement=bottom]){--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-left:env(safe-area-inset-left);inline-size:100dvi;inset-inline:0}.brick-drawer-content[data-placement=top]{--brick-drawer-safe-top:env(safe-area-inset-top);border-end-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-block-start:0}.brick-drawer-content[data-placement=bottom]{--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-start-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-start-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-block-end:0}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=sm]{inline-size:var(--brick-drawer-inline-size-sm)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=md]{inline-size:var(--brick-drawer-inline-size-md)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=lg]{inline-size:var(--brick-drawer-inline-size-lg)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=xl]{inline-size:var(--brick-drawer-inline-size-xl)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=full]{border-radius:0;inline-size:100dvi}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=sm]{max-block-size:var(--brick-drawer-block-size-sm)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=md]{max-block-size:var(--brick-drawer-block-size-md)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=lg]{max-block-size:var(--brick-drawer-block-size-lg)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=xl]{max-block-size:var(--brick-drawer-block-size-xl)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-radius:0;block-size:100dvb}.brick-drawer-content[data-placement=start][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=end][data-state=closed],.brick-drawer-content:is(:dir(rtl),[dir=rtl])[data-placement=start][data-state=closed]{transform:translate(100%)}.brick-drawer-content:is(:dir(rtl),[dir=rtl])[data-placement=end][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=top][data-state=closed]{transform:translateY(-100%)}.brick-drawer-content[data-placement=bottom][data-state=closed]{transform:translateY(100%)}.brick-drawer-header{gap:var(--brick-space-1);min-inline-size:0;padding-block-start:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));padding-block-end:var(--brick-space-3);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex:none;display:grid}.brick-drawer-title,.brick-drawer-description{min-inline-size:0;margin:0}.brick-drawer-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-drawer-description{color:var(--brick-color-text-secondary);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-drawer-body{min-block-size:0;min-inline-size:0;padding-block:var(--brick-space-2) var(--brick-drawer-space);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));overscroll-behavior:contain;color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-drawer-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding-block-start:var(--brick-space-3);padding-block-end:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex-wrap:wrap;flex:none;display:flex}.brick-drawer-footer[data-justify=start]{justify-content:flex-start}.brick-drawer-footer[data-justify=center]{justify-content:center}.brick-drawer-footer[data-justify=between]{justify-content:space-between}@supports not (height:100dvb){.brick-drawer-content:is([data-placement=start],[data-placement=end]),.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{block-size:100vh}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=xl]{max-block-size:100vh}}@media (width<=30rem){.brick-drawer-content{--brick-drawer-space:var(--brick-space-4)}.brick-drawer-footer>.brick-button{flex:9rem}}@media (height<=24rem){.brick-drawer-content{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.brick-drawer-body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-drawer-overlay,.brick-drawer-content{transition-duration:1ms}.brick-drawer-content[data-state=closed]{transform:translate(0,0)}}@media (forced-colors:active){.brick-drawer-overlay{opacity:.7;background:canvas}.brick-drawer-content{box-shadow:none;border-color:canvastext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=drawer.css.map */

package/dist/styles/drawer.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,mNASA,mDAIA,2xCAwCA,sTASA,6NAMA,6NAMA,iNAOA,2QAOA,sRAOA,mIAIA,mIAIA,mIAIA,mIAIA,yHAKA,sIAIA,sIAIA,sIAIA,sIAIA,iOAOA,0FAIA,+WAQA,iTAIA,yFAIA,2FAIA,6WAWA,yEAMA,kXASA,0XASA,ybAcA,2aAcA,oEAIA,iEAIA,yEAIA,8BACE,8KAQA,2GAKF,sBACE,gEAIA,8CAKF,uBACE,0FAMA,+CAMF,uCACE,oEAKA,mEAKF,8BACE,mDAKA,gEDrSJ","sources":["home/runner/work/brick/brick/.brick-cache/production/drawer.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/drawer/drawer.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/drawer/drawer.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-drawer-overlay {\n    position: fixed;\n    z-index: var(--brick-layer-overlay);\n    inset: 0;\n    background: var(--brick-color-scrim);\n    opacity: 1;\n    transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-drawer-overlay[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-drawer-content {\n    --brick-drawer-space: var(--brick-space-5);\n    --brick-drawer-shadow: 0 1.5rem 4.5rem color-mix(\n      in srgb,\n      var(--brick-color-shadow),\n      transparent 4%\n    );\n    --brick-drawer-inline-size-sm: min(20rem, 75dvi);\n    --brick-drawer-inline-size-md: min(28rem, 85dvi);\n    --brick-drawer-inline-size-lg: min(36rem, calc(100dvi - 1rem));\n    --brick-drawer-inline-size-xl: min(48rem, calc(100dvi - 0.5rem));\n    --brick-drawer-block-size-sm: min(16rem, 45dvb);\n    --brick-drawer-block-size-md: min(24rem, 65dvb);\n    --brick-drawer-block-size-lg: min(32rem, calc(100dvb - 2rem));\n    --brick-drawer-block-size-xl: 100dvb;\n    --brick-drawer-safe-top: 0px;\n    --brick-drawer-safe-right: 0px;\n    --brick-drawer-safe-bottom: 0px;\n    --brick-drawer-safe-left: 0px;\n\n    position: fixed;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: 0;\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    background: var(--brick-drawer-background, var(--brick-color-surface-overlay));\n    box-shadow: var(--brick-drawer-shadow);\n    color: var(--brick-color-text-primary);\n    opacity: 1;\n    overflow-wrap: anywhere;\n    transform: translate3d(0, 0, 0);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n    inset-block: 0;\n    block-size: 100dvb;\n    --brick-drawer-safe-top: env(safe-area-inset-top);\n    --brick-drawer-safe-right: env(safe-area-inset-right);\n    --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n    --brick-drawer-safe-left: env(safe-area-inset-left);\n  }\n\n  .brick-drawer-content[data-placement=\"start\"] {\n    inset-inline-start: 0;\n    border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n  }\n\n  .brick-drawer-content[data-placement=\"end\"] {\n    inset-inline-end: 0;\n    border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"]) {\n    inset-inline: 0;\n    inline-size: 100dvi;\n    --brick-drawer-safe-right: env(safe-area-inset-right);\n    --brick-drawer-safe-left: env(safe-area-inset-left);\n  }\n\n  .brick-drawer-content[data-placement=\"top\"] {\n    inset-block-start: 0;\n    border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    --brick-drawer-safe-top: env(safe-area-inset-top);\n  }\n\n  .brick-drawer-content[data-placement=\"bottom\"] {\n    inset-block-end: 0;\n    border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"sm\"] {\n    inline-size: var(--brick-drawer-inline-size-sm);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"md\"] {\n    inline-size: var(--brick-drawer-inline-size-md);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"lg\"] {\n    inline-size: var(--brick-drawer-inline-size-lg);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"xl\"] {\n    inline-size: var(--brick-drawer-inline-size-xl);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"full\"] {\n    inline-size: 100dvi;\n    border-radius: 0;\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"sm\"] {\n    max-block-size: var(--brick-drawer-block-size-sm);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"md\"] {\n    max-block-size: var(--brick-drawer-block-size-md);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"lg\"] {\n    max-block-size: var(--brick-drawer-block-size-lg);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n    max-block-size: var(--brick-drawer-block-size-xl);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n    block-size: 100dvb;\n    border-radius: 0;\n    --brick-drawer-safe-top: env(safe-area-inset-top);\n    --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n  }\n\n  .brick-drawer-content[data-placement=\"start\"][data-state=\"closed\"] {\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  .brick-drawer-content[data-placement=\"end\"][data-state=\"closed\"] {\n    transform: translate3d(100%, 0, 0);\n  }\n\n  .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"start\"][data-state=\"closed\"] {\n    transform: translate3d(100%, 0, 0);\n  }\n\n  .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"end\"][data-state=\"closed\"] {\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  .brick-drawer-content[data-placement=\"top\"][data-state=\"closed\"] {\n    transform: translate3d(0, -100%, 0);\n  }\n\n  .brick-drawer-content[data-placement=\"bottom\"][data-state=\"closed\"] {\n    transform: translate3d(0, 100%, 0);\n  }\n\n  .brick-drawer-header {\n    display: grid;\n    min-inline-size: 0;\n    flex: none;\n    gap: var(--brick-space-1);\n    padding-block-start: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));\n    padding-block-end: var(--brick-space-3);\n    padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n    padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n  }\n\n  .brick-drawer-title,\n  .brick-drawer-description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-drawer-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-overlay-title-font-family);\n    font-size: var(--brick-typography-overlay-title-font-size);\n    font-weight: var(--brick-typography-overlay-title-font-weight);\n    letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n    line-height: var(--brick-typography-overlay-title-line-height);\n  }\n\n  .brick-drawer-description {\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-drawer-body {\n    min-inline-size: 0;\n    min-block-size: 0;\n    flex: 1 1 auto;\n    padding-block: var(--brick-space-2) var(--brick-drawer-space);\n    padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n    padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-color-text-primary);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-drawer-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding-block-start: var(--brick-space-3);\n    padding-block-end: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));\n    padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n    padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n  }\n\n  .brick-drawer-footer[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .brick-drawer-footer[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .brick-drawer-footer[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n      block-size: 100vh;\n    }\n\n    .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n      block-size: 100vh;\n    }\n\n    .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n      max-block-size: 100vh;\n    }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-drawer-content {\n      --brick-drawer-space: var(--brick-space-4);\n    }\n\n    .brick-drawer-footer > .brick-button {\n      flex: 1 1 9rem;\n    }\n  }\n\n  @media (max-height: 24rem) {\n    .brick-drawer-content {\n      overflow-y: auto;\n      overscroll-behavior: contain;\n      scrollbar-gutter: stable;\n    }\n\n    .brick-drawer-body {\n      flex: none;\n      overflow: visible;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-drawer-overlay,\n    .brick-drawer-content {\n      transition-duration: 1ms;\n    }\n\n    .brick-drawer-content[data-state=\"closed\"] {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-drawer-overlay {\n      background: Canvas;\n      opacity: 0.7;\n    }\n\n    .brick-drawer-content {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,mNASA,mDAIA,uuCAoCA,sTASA,6NAMA,6NAMA,iNAOA,2QAOA,sRAOA,mIAIA,mIAIA,mIAIA,mIAIA,yHAKA,sIAIA,sIAIA,sIAIA,sIAIA,iOAOA,0FAIA,8KAQA,gHAIA,yFAIA,2FAIA,6WAWA,yEAMA,kXASA,0XASA,ybAcA,2aAcA,oEAIA,iEAIA,yEAIA,8BACE,8KAQA,2GAKF,sBACE,gEAIA,8CAKF,uBACE,0FAMA,+CAMF,uCACE,oEAKA,mEAKF,8BACE,mDAKA,gEDjSJ","sources":["home/runner/work/brick/brick/.brick-cache/production/drawer.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/drawer/drawer.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/drawer/drawer.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-drawer-overlay {\n    position: fixed;\n    z-index: var(--brick-layer-overlay);\n    inset: 0;\n    background: var(--brick-color-scrim);\n    opacity: 1;\n    transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-drawer-overlay[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-drawer-content {\n    --brick-drawer-space: var(--brick-space-5);\n    --brick-drawer-shadow: var(--brick-shadow-modal);\n    --brick-drawer-inline-size-sm: min(20rem, 75dvi);\n    --brick-drawer-inline-size-md: min(28rem, 85dvi);\n    --brick-drawer-inline-size-lg: min(36rem, calc(100dvi - 1rem));\n    --brick-drawer-inline-size-xl: min(48rem, calc(100dvi - 0.5rem));\n    --brick-drawer-block-size-sm: min(16rem, 45dvb);\n    --brick-drawer-block-size-md: min(24rem, 65dvb);\n    --brick-drawer-block-size-lg: min(32rem, calc(100dvb - 2rem));\n    --brick-drawer-block-size-xl: 100dvb;\n    --brick-drawer-safe-top: 0px;\n    --brick-drawer-safe-right: 0px;\n    --brick-drawer-safe-bottom: 0px;\n    --brick-drawer-safe-left: 0px;\n\n    position: fixed;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: 0;\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    background: var(--brick-drawer-background, var(--brick-color-surface-overlay));\n    box-shadow: var(--brick-drawer-shadow);\n    color: var(--brick-color-text-primary);\n    opacity: 1;\n    overflow-wrap: anywhere;\n    transform: translate3d(0, 0, 0);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n    inset-block: 0;\n    block-size: 100dvb;\n    --brick-drawer-safe-top: env(safe-area-inset-top);\n    --brick-drawer-safe-right: env(safe-area-inset-right);\n    --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n    --brick-drawer-safe-left: env(safe-area-inset-left);\n  }\n\n  .brick-drawer-content[data-placement=\"start\"] {\n    inset-inline-start: 0;\n    border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n  }\n\n  .brick-drawer-content[data-placement=\"end\"] {\n    inset-inline-end: 0;\n    border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"]) {\n    inset-inline: 0;\n    inline-size: 100dvi;\n    --brick-drawer-safe-right: env(safe-area-inset-right);\n    --brick-drawer-safe-left: env(safe-area-inset-left);\n  }\n\n  .brick-drawer-content[data-placement=\"top\"] {\n    inset-block-start: 0;\n    border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    --brick-drawer-safe-top: env(safe-area-inset-top);\n  }\n\n  .brick-drawer-content[data-placement=\"bottom\"] {\n    inset-block-end: 0;\n    border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"sm\"] {\n    inline-size: var(--brick-drawer-inline-size-sm);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"md\"] {\n    inline-size: var(--brick-drawer-inline-size-md);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"lg\"] {\n    inline-size: var(--brick-drawer-inline-size-lg);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"xl\"] {\n    inline-size: var(--brick-drawer-inline-size-xl);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"full\"] {\n    inline-size: 100dvi;\n    border-radius: 0;\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"sm\"] {\n    max-block-size: var(--brick-drawer-block-size-sm);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"md\"] {\n    max-block-size: var(--brick-drawer-block-size-md);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"lg\"] {\n    max-block-size: var(--brick-drawer-block-size-lg);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n    max-block-size: var(--brick-drawer-block-size-xl);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n    block-size: 100dvb;\n    border-radius: 0;\n    --brick-drawer-safe-top: env(safe-area-inset-top);\n    --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n  }\n\n  .brick-drawer-content[data-placement=\"start\"][data-state=\"closed\"] {\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  .brick-drawer-content[data-placement=\"end\"][data-state=\"closed\"] {\n    transform: translate3d(100%, 0, 0);\n  }\n\n  .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"start\"][data-state=\"closed\"] {\n    transform: translate3d(100%, 0, 0);\n  }\n\n  .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"end\"][data-state=\"closed\"] {\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  .brick-drawer-content[data-placement=\"top\"][data-state=\"closed\"] {\n    transform: translate3d(0, -100%, 0);\n  }\n\n  .brick-drawer-content[data-placement=\"bottom\"][data-state=\"closed\"] {\n    transform: translate3d(0, 100%, 0);\n  }\n\n  .brick-drawer-header {\n    display: grid;\n    min-inline-size: 0;\n    flex: none;\n    gap: var(--brick-space-1);\n    padding-block-start: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));\n    padding-block-end: var(--brick-space-3);\n    padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n    padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n  }\n\n  .brick-drawer-title,\n  .brick-drawer-description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-drawer-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-overlay-title-font-family);\n    font-size: var(--brick-typography-overlay-title-font-size);\n    font-weight: var(--brick-typography-overlay-title-font-weight);\n    letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n    line-height: var(--brick-typography-overlay-title-line-height);\n  }\n\n  .brick-drawer-description {\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-drawer-body {\n    min-inline-size: 0;\n    min-block-size: 0;\n    flex: 1 1 auto;\n    padding-block: var(--brick-space-2) var(--brick-drawer-space);\n    padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n    padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-color-text-primary);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-drawer-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding-block-start: var(--brick-space-3);\n    padding-block-end: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));\n    padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n    padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n  }\n\n  .brick-drawer-footer[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .brick-drawer-footer[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .brick-drawer-footer[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n      block-size: 100vh;\n    }\n\n    .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n      block-size: 100vh;\n    }\n\n    .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n      max-block-size: 100vh;\n    }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-drawer-content {\n      --brick-drawer-space: var(--brick-space-4);\n    }\n\n    .brick-drawer-footer > .brick-button {\n      flex: 1 1 9rem;\n    }\n  }\n\n  @media (max-height: 24rem) {\n    .brick-drawer-content {\n      overflow-y: auto;\n      overscroll-behavior: contain;\n      scrollbar-gutter: stable;\n    }\n\n    .brick-drawer-body {\n      flex: none;\n      overflow: visible;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-drawer-overlay,\n    .brick-drawer-content {\n      transition-duration: 1ms;\n    }\n\n    .brick-drawer-content[data-state=\"closed\"] {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-drawer-overlay {\n      background: Canvas;\n      opacity: 0.7;\n    }\n\n    .brick-drawer-content {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/dropdown-menu.css

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

package/dist/styles/dropdown-menu.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,2nCA8BA,0OAWA,uPAWA,wPAWA,2OAWA,iOAYA,yhBAgBA,uiBAgBA,kNAYA,8fAcA,6jCAkCA,klBAmBA,qbAiBA,6fAkBA,gcAkBA,oWAeA,+SAeA,2JAUA,2cAeA,0VAaA,8HAQA,wMASA,qKAQA,wTAgBA,8RAWA,kQAUA,qRAUA,6BACE,8PAYF,uCACE,2NAaF,8BACE,qQAcA,+iBAqBA,iZCrcF,21HAuDA,yDFxDF","sources":["home/runner/work/brick/brick/.brick-cache/production/dropdown-menu.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-menu/action-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dropdown-menu/dropdown-menu.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-menu/action-menu.css\";\n@import \"../../src/components/dropdown-menu/dropdown-menu.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  ) {\n    box-sizing: border-box;\n    min-inline-size: max(12rem, var(--atom-menu-anchor-width, 0rem));\n    max-inline-size: min(24rem, calc(100dvi - 2 * var(--brick-space-3)));\n    max-block-size: min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height, var(--brick-action-menu-content-max-block-size)));\n    padding: var(--brick-action-menu-content-padding);\n    overflow-x: hidden;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    border: var(--brick-border-width) solid var(--brick-action-menu-content-border);\n    border-radius: var(--brick-action-menu-content-radius);\n    background: var(--brick-action-menu-content-background);\n    box-shadow: var(--brick-action-menu-content-shadow);\n    color: var(--brick-action-menu-content-foreground);\n    opacity: 0;\n    translate: 0 0;\n    scrollbar-width: thin;\n    transition:\n      opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter),\n      translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);\n    z-index: var(--brick-action-menu-content-z-index);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"top\"] {\n    translate: 0 var(--brick-space-1);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"right\"] {\n    translate: calc(var(--brick-space-1) * -1) 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"bottom\"] {\n    translate: 0 calc(var(--brick-space-1) * -1);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"left\"] {\n    translate: var(--brick-space-1) 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-positioned] {\n    opacity: 1;\n    translate: 0 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-size=\"sm\"] {\n    --brick-action-menu-row-min-block-size: 2rem;\n    --brick-action-menu-row-padding-inline: var(--brick-space-2);\n    --brick-action-menu-row-gap: 0.375rem;\n    --brick-action-menu-indicator-size: 0.875rem;\n    --brick-action-menu-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-sm-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-size=\"lg\"] {\n    --brick-action-menu-row-min-block-size: 3rem;\n    --brick-action-menu-row-padding-inline: var(--brick-space-4);\n    --brick-action-menu-row-gap: var(--brick-space-3);\n    --brick-action-menu-indicator-size: 1.125rem;\n    --brick-action-menu-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-lg-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__group,\n    .brick-context-menu__group,\n    .brick-menubar__group\n  ) + :where(\n    .brick-dropdown-menu__group,\n    .brick-context-menu__group,\n    .brick-menubar__group\n  ) {\n    margin-block-start: var(--brick-space-1);\n  }\n\n  :where(\n    .brick-dropdown-menu__label,\n    .brick-context-menu__label,\n    .brick-menubar__label\n  ) {\n    padding: var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);\n    color: var(--brick-action-menu-label-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-label-md-font-weight);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    line-height: var(--brick-typography-caption-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  ) {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-action-menu-row-min-block-size);\n    grid-template-columns: var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;\n    align-items: center;\n    gap: var(--brick-action-menu-row-gap);\n    padding: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n    border-radius: var(--brick-action-menu-row-radius);\n    outline: 0;\n    color: var(--brick-action-menu-row-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-action-menu-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-action-menu-line-height);\n    text-align: start;\n    cursor: default;\n    user-select: none;\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-highlighted] {\n    background: var(--brick-action-menu-row-highlighted-background);\n    color: var(--brick-action-menu-row-highlighted-foreground);\n    box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"] {\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"][data-highlighted] {\n    background: var(--brick-action-menu-danger-background);\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-disabled] {\n    color: var(--brick-action-menu-disabled-foreground);\n    opacity: 0.65;\n  }\n\n  :where(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading,\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    display: inline-grid;\n    inline-size: var(--brick-action-menu-indicator-size);\n    block-size: var(--brick-action-menu-indicator-size);\n    place-items: center;\n    color: currentColor;\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  ) > :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ):first-child {\n    grid-column: 2;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ) {\n    min-inline-size: 0;\n    grid-column: 2;\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__description,\n    .brick-context-menu__description,\n    .brick-menubar__description\n  ) {\n    min-inline-size: 0;\n    grid-column: 2 / -1;\n    color: var(--brick-action-menu-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__shortcut,\n    .brick-context-menu__shortcut,\n    .brick-menubar__shortcut\n  ) {\n    grid-column: 3;\n    color: var(--brick-action-menu-shortcut-foreground);\n    font-family: var(--brick-typography-code-inline-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    line-height: var(--brick-typography-caption-line-height);\n    white-space: nowrap;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    grid-column: 1;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ):empty::before {\n    content: \"✓\";\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  )[data-state=\"indeterminate\"]:empty::before {\n    content: \"−\";\n  }\n\n  :where(\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  )::after {\n    content: \"\";\n    grid-column: 3;\n    inline-size: 0.5em;\n    block-size: 0.5em;\n    border-right: 0.125rem solid currentColor;\n    border-bottom: 0.125rem solid currentColor;\n    color: var(--brick-action-menu-shortcut-foreground);\n    direction: ltr;\n    transform: rotate(-45deg);\n  }\n\n  :where(\n    [dir=\"rtl\"] .brick-dropdown-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-context-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-menubar__sub-trigger,\n    .brick-dropdown-menu__sub-trigger[dir=\"rtl\"],\n    .brick-context-menu__sub-trigger[dir=\"rtl\"],\n    .brick-menubar__sub-trigger[dir=\"rtl\"]\n  )::after {\n    transform: rotate(135deg);\n  }\n\n  :where(\n    .brick-dropdown-menu__separator,\n    .brick-context-menu__separator,\n    .brick-menubar__separator\n  ) {\n    block-size: var(--brick-border-width);\n    margin: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n    background: var(--brick-action-menu-separator-color);\n  }\n\n  :where(\n    .brick-dropdown-menu__arrow,\n    .brick-context-menu__arrow,\n    .brick-menubar__arrow\n  ) {\n    --brick-floating-arrow-fill: var(--brick-action-menu-content-background);\n    --brick-floating-arrow-stroke: var(--brick-action-menu-content-border);\n    color: var(--brick-action-menu-content-background);\n  }\n\n  @supports not (width: 100dvi) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      max-inline-size: min(24rem, calc(100vw - 2 * var(--brick-space-3)));\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      border-color: CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-highlighted] {\n      outline: var(--brick-border-focus-width) solid Highlight;\n      outline-offset: calc(var(--brick-border-focus-width) * -1);\n      background: Highlight;\n      box-shadow: none;\n      color: HighlightText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-disabled] {\n      color: GrayText;\n    }\n  }\n}\n","@layer brick.components {\n  :where(.brick-dropdown-menu__content, .brick-dropdown-menu__sub-content) {\n    --brick-dropdown-menu-content-background: var(--brick-color-surface-overlay);\n    --brick-dropdown-menu-content-foreground: var(--brick-color-text-primary);\n    --brick-dropdown-menu-content-border: var(--brick-color-border-subtle);\n    --brick-dropdown-menu-content-radius: var(--brick-radius-overlay);\n    --brick-dropdown-menu-content-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n    --brick-dropdown-menu-content-padding: var(--brick-space-1);\n    --brick-dropdown-menu-content-max-block-size: 20rem;\n    --brick-dropdown-menu-row-min-block-size: var(--brick-control-target-min);\n    --brick-dropdown-menu-row-padding-inline: var(--brick-space-3);\n    --brick-dropdown-menu-row-gap: var(--brick-space-2);\n    --brick-dropdown-menu-row-radius: var(--brick-radius-control);\n    --brick-dropdown-menu-row-foreground: var(--brick-color-text-primary);\n    --brick-dropdown-menu-row-highlighted-background: var(--brick-color-accent-soft);\n    --brick-dropdown-menu-row-highlighted-foreground: var(--brick-color-accent-text);\n    --brick-dropdown-menu-description-foreground: var(--brick-color-text-secondary);\n    --brick-dropdown-menu-shortcut-foreground: var(--brick-color-text-muted);\n    --brick-dropdown-menu-label-foreground: var(--brick-color-text-secondary);\n    --brick-dropdown-menu-disabled-foreground: var(--brick-color-text-muted);\n    --brick-dropdown-menu-danger-foreground: var(--brick-color-danger-text);\n    --brick-dropdown-menu-danger-background: var(--brick-color-danger-soft);\n    --brick-dropdown-menu-separator-color: var(--brick-color-border-subtle);\n    --brick-dropdown-menu-indicator-size: 1rem;\n    --brick-dropdown-menu-focus-ring: var(--brick-color-focus-ring);\n    --brick-dropdown-menu-motion-duration: var(--brick-motion-duration-fast);\n\n    --brick-action-menu-content-background: var(--brick-dropdown-menu-content-background);\n    --brick-action-menu-content-foreground: var(--brick-dropdown-menu-content-foreground);\n    --brick-action-menu-content-border: var(--brick-dropdown-menu-content-border);\n    --brick-action-menu-content-radius: var(--brick-dropdown-menu-content-radius);\n    --brick-action-menu-content-shadow: var(--brick-dropdown-menu-content-shadow);\n    --brick-action-menu-content-padding: var(--brick-dropdown-menu-content-padding);\n    --brick-action-menu-content-max-block-size: var(--brick-dropdown-menu-content-max-block-size);\n    --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n    --brick-action-menu-row-min-block-size: var(--brick-dropdown-menu-row-min-block-size);\n    --brick-action-menu-row-padding-inline: var(--brick-dropdown-menu-row-padding-inline);\n    --brick-action-menu-row-gap: var(--brick-dropdown-menu-row-gap);\n    --brick-action-menu-row-radius: var(--brick-dropdown-menu-row-radius);\n    --brick-action-menu-row-foreground: var(--brick-dropdown-menu-row-foreground);\n    --brick-action-menu-row-highlighted-background: var(--brick-dropdown-menu-row-highlighted-background);\n    --brick-action-menu-row-highlighted-foreground: var(--brick-dropdown-menu-row-highlighted-foreground);\n    --brick-action-menu-description-foreground: var(--brick-dropdown-menu-description-foreground);\n    --brick-action-menu-shortcut-foreground: var(--brick-dropdown-menu-shortcut-foreground);\n    --brick-action-menu-label-foreground: var(--brick-dropdown-menu-label-foreground);\n    --brick-action-menu-disabled-foreground: var(--brick-dropdown-menu-disabled-foreground);\n    --brick-action-menu-danger-foreground: var(--brick-dropdown-menu-danger-foreground);\n    --brick-action-menu-danger-background: var(--brick-dropdown-menu-danger-background);\n    --brick-action-menu-separator-color: var(--brick-dropdown-menu-separator-color);\n    --brick-action-menu-indicator-size: var(--brick-dropdown-menu-indicator-size);\n    --brick-action-menu-focus-ring: var(--brick-dropdown-menu-focus-ring);\n    --brick-action-menu-motion-duration: var(--brick-dropdown-menu-motion-duration);\n    --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n  }\n\n  .brick-dropdown-menu__trigger {\n    touch-action: manipulation;\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,2nCA8BA,0OAWA,uPAWA,wPAWA,2OAWA,iOAYA,yhBAgBA,uiBAgBA,kNAYA,8fAcA,6jCAwCA,keAkBA,gIAQA,mLAUA,klBAmBA,qbAiBA,6fAkBA,gcAkBA,oWAeA,6QAgBA,0JAUA,+SAeA,2JAUA,2cAeA,0VAaA,8HAQA,wMASA,qKAQA,wTAgBA,8RAWA,kQAUA,qRAUA,6BACE,8PAYF,uCACE,2NAaF,8BACE,qQAcA,+iBAqBA,iZCzgBF,2yHAuDA,yDFxDF","sources":["home/runner/work/brick/brick/.brick-cache/production/dropdown-menu.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-menu/action-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dropdown-menu/dropdown-menu.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-menu/action-menu.css\";\n@import \"../../src/components/dropdown-menu/dropdown-menu.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  ) {\n    box-sizing: border-box;\n    min-inline-size: max(12rem, var(--atom-menu-anchor-width, 0rem));\n    max-inline-size: min(24rem, calc(100dvi - 2 * var(--brick-space-3)));\n    max-block-size: min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height, var(--brick-action-menu-content-max-block-size)));\n    padding: var(--brick-action-menu-content-padding);\n    overflow-x: hidden;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    border: var(--brick-border-width) solid var(--brick-action-menu-content-border);\n    border-radius: var(--brick-action-menu-content-radius);\n    background: var(--brick-action-menu-content-background);\n    box-shadow: var(--brick-action-menu-content-shadow);\n    color: var(--brick-action-menu-content-foreground);\n    opacity: 0;\n    translate: 0 0;\n    scrollbar-width: thin;\n    transition:\n      opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter),\n      translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);\n    z-index: var(--brick-action-menu-content-z-index);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"top\"] {\n    translate: 0 var(--brick-space-1);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"right\"] {\n    translate: calc(var(--brick-space-1) * -1) 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"bottom\"] {\n    translate: 0 calc(var(--brick-space-1) * -1);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"left\"] {\n    translate: var(--brick-space-1) 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-positioned] {\n    opacity: 1;\n    translate: 0 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-size=\"sm\"] {\n    --brick-action-menu-row-min-block-size: 2rem;\n    --brick-action-menu-row-padding-inline: var(--brick-space-2);\n    --brick-action-menu-row-gap: 0.375rem;\n    --brick-action-menu-indicator-size: 0.875rem;\n    --brick-action-menu-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-sm-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-size=\"lg\"] {\n    --brick-action-menu-row-min-block-size: 3rem;\n    --brick-action-menu-row-padding-inline: var(--brick-space-4);\n    --brick-action-menu-row-gap: var(--brick-space-3);\n    --brick-action-menu-indicator-size: 1.125rem;\n    --brick-action-menu-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-lg-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__group,\n    .brick-context-menu__group,\n    .brick-menubar__group\n  ) + :where(\n    .brick-dropdown-menu__group,\n    .brick-context-menu__group,\n    .brick-menubar__group\n  ) {\n    margin-block-start: var(--brick-space-1);\n  }\n\n  :where(\n    .brick-dropdown-menu__label,\n    .brick-context-menu__label,\n    .brick-menubar__label\n  ) {\n    padding: var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);\n    color: var(--brick-action-menu-label-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-label-md-font-weight);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    line-height: var(--brick-typography-caption-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  ) {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-action-menu-row-min-block-size);\n    grid-template-columns: var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;\n    align-items: center;\n    gap: var(--brick-action-menu-row-gap);\n    padding: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n    border-radius: var(--brick-action-menu-row-radius);\n    outline: 0;\n    color: var(--brick-action-menu-row-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-action-menu-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-action-menu-line-height);\n    text-align: start;\n    cursor: default;\n    user-select: none;\n  }\n\n  /*\n   * Destination rows may compose a Brick Link through the menu item's\n   * `asChild` contract. Restore the menu-row recipe above Link's inline\n   * presentation and flatten Link's content wrapper so Leading, ItemLabel,\n   * Description, and Shortcut continue to participate in the row grid.\n   */\n  .brick-link:is(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item\n  ) {\n    display: grid;\n    inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-action-menu-row-gap);\n    color: var(--brick-action-menu-row-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-action-menu-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-action-menu-line-height);\n    text-decoration-line: none;\n    vertical-align: middle;\n  }\n\n  .brick-link:is(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item\n  ) > .brick-link__content {\n    display: contents;\n  }\n\n  .brick-link:is(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item\n  ):is(:hover, :focus-visible, :active) {\n    outline: 0;\n    color: currentColor;\n    text-decoration-line: none;\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-highlighted] {\n    background: var(--brick-action-menu-row-highlighted-background);\n    color: var(--brick-action-menu-row-highlighted-foreground);\n    box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"] {\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"][data-highlighted] {\n    background: var(--brick-action-menu-danger-background);\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-disabled] {\n    color: var(--brick-action-menu-disabled-foreground);\n    opacity: 0.65;\n  }\n\n  :where(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading,\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    display: inline-grid;\n    inline-size: var(--brick-action-menu-indicator-size);\n    block-size: var(--brick-action-menu-indicator-size);\n    place-items: center;\n    color: currentColor;\n  }\n\n  :is(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading\n  ) > .brick-icon {\n    --brick-icon-size: var(--brick-action-menu-indicator-size);\n  }\n\n  :is(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading\n  ) > .brick-icon[data-size] {\n    --brick-icon-size: var(--brick-action-menu-indicator-size);\n  }\n\n  :where(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading\n  ) > :where(svg, img) {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  ) > :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ):first-child {\n    grid-column: 2;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ) {\n    min-inline-size: 0;\n    grid-column: 2;\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__description,\n    .brick-context-menu__description,\n    .brick-menubar__description\n  ) {\n    min-inline-size: 0;\n    grid-column: 2 / -1;\n    color: var(--brick-action-menu-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__shortcut,\n    .brick-context-menu__shortcut,\n    .brick-menubar__shortcut\n  ) {\n    grid-column: 3;\n    color: var(--brick-action-menu-shortcut-foreground);\n    font-family: var(--brick-typography-code-inline-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    line-height: var(--brick-typography-caption-line-height);\n    white-space: nowrap;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    grid-column: 1;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ):empty::before {\n    content: \"✓\";\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  )[data-state=\"indeterminate\"]:empty::before {\n    content: \"−\";\n  }\n\n  :where(\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  )::after {\n    content: \"\";\n    grid-column: 3;\n    inline-size: 0.5em;\n    block-size: 0.5em;\n    border-right: 0.125rem solid currentColor;\n    border-bottom: 0.125rem solid currentColor;\n    color: var(--brick-action-menu-shortcut-foreground);\n    direction: ltr;\n    transform: rotate(-45deg);\n  }\n\n  :where(\n    [dir=\"rtl\"] .brick-dropdown-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-context-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-menubar__sub-trigger,\n    .brick-dropdown-menu__sub-trigger[dir=\"rtl\"],\n    .brick-context-menu__sub-trigger[dir=\"rtl\"],\n    .brick-menubar__sub-trigger[dir=\"rtl\"]\n  )::after {\n    transform: rotate(135deg);\n  }\n\n  :where(\n    .brick-dropdown-menu__separator,\n    .brick-context-menu__separator,\n    .brick-menubar__separator\n  ) {\n    block-size: var(--brick-border-width);\n    margin: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n    background: var(--brick-action-menu-separator-color);\n  }\n\n  :where(\n    .brick-dropdown-menu__arrow,\n    .brick-context-menu__arrow,\n    .brick-menubar__arrow\n  ) {\n    --brick-floating-arrow-fill: var(--brick-action-menu-content-background);\n    --brick-floating-arrow-stroke: var(--brick-action-menu-content-border);\n    color: var(--brick-action-menu-content-background);\n  }\n\n  @supports not (width: 100dvi) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      max-inline-size: min(24rem, calc(100vw - 2 * var(--brick-space-3)));\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      border-color: CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-highlighted] {\n      outline: var(--brick-border-focus-width) solid Highlight;\n      outline-offset: calc(var(--brick-border-focus-width) * -1);\n      background: Highlight;\n      box-shadow: none;\n      color: HighlightText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-disabled] {\n      color: GrayText;\n    }\n  }\n}\n","@layer brick.components {\n  :where(.brick-dropdown-menu__content, .brick-dropdown-menu__sub-content) {\n    --brick-dropdown-menu-content-background: var(--brick-color-surface-overlay);\n    --brick-dropdown-menu-content-foreground: var(--brick-color-text-primary);\n    --brick-dropdown-menu-content-border: var(--brick-color-border-subtle);\n    --brick-dropdown-menu-content-radius: var(--brick-radius-overlay);\n    --brick-dropdown-menu-content-shadow: var(--brick-shadow-floating);\n    --brick-dropdown-menu-content-padding: var(--brick-space-1);\n    --brick-dropdown-menu-content-max-block-size: 20rem;\n    --brick-dropdown-menu-row-min-block-size: var(--brick-control-target-min);\n    --brick-dropdown-menu-row-padding-inline: var(--brick-space-3);\n    --brick-dropdown-menu-row-gap: var(--brick-space-2);\n    --brick-dropdown-menu-row-radius: var(--brick-radius-control);\n    --brick-dropdown-menu-row-foreground: var(--brick-color-text-primary);\n    --brick-dropdown-menu-row-highlighted-background: var(--brick-color-accent-soft);\n    --brick-dropdown-menu-row-highlighted-foreground: var(--brick-color-accent-text);\n    --brick-dropdown-menu-description-foreground: var(--brick-color-text-secondary);\n    --brick-dropdown-menu-shortcut-foreground: var(--brick-color-text-muted);\n    --brick-dropdown-menu-label-foreground: var(--brick-color-text-secondary);\n    --brick-dropdown-menu-disabled-foreground: var(--brick-color-text-muted);\n    --brick-dropdown-menu-danger-foreground: var(--brick-color-danger-text);\n    --brick-dropdown-menu-danger-background: var(--brick-color-danger-soft);\n    --brick-dropdown-menu-separator-color: var(--brick-color-border-subtle);\n    --brick-dropdown-menu-indicator-size: 1rem;\n    --brick-dropdown-menu-focus-ring: var(--brick-color-focus-ring);\n    --brick-dropdown-menu-motion-duration: var(--brick-motion-duration-fast);\n\n    --brick-action-menu-content-background: var(--brick-dropdown-menu-content-background);\n    --brick-action-menu-content-foreground: var(--brick-dropdown-menu-content-foreground);\n    --brick-action-menu-content-border: var(--brick-dropdown-menu-content-border);\n    --brick-action-menu-content-radius: var(--brick-dropdown-menu-content-radius);\n    --brick-action-menu-content-shadow: var(--brick-dropdown-menu-content-shadow);\n    --brick-action-menu-content-padding: var(--brick-dropdown-menu-content-padding);\n    --brick-action-menu-content-max-block-size: var(--brick-dropdown-menu-content-max-block-size);\n    --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n    --brick-action-menu-row-min-block-size: var(--brick-dropdown-menu-row-min-block-size);\n    --brick-action-menu-row-padding-inline: var(--brick-dropdown-menu-row-padding-inline);\n    --brick-action-menu-row-gap: var(--brick-dropdown-menu-row-gap);\n    --brick-action-menu-row-radius: var(--brick-dropdown-menu-row-radius);\n    --brick-action-menu-row-foreground: var(--brick-dropdown-menu-row-foreground);\n    --brick-action-menu-row-highlighted-background: var(--brick-dropdown-menu-row-highlighted-background);\n    --brick-action-menu-row-highlighted-foreground: var(--brick-dropdown-menu-row-highlighted-foreground);\n    --brick-action-menu-description-foreground: var(--brick-dropdown-menu-description-foreground);\n    --brick-action-menu-shortcut-foreground: var(--brick-dropdown-menu-shortcut-foreground);\n    --brick-action-menu-label-foreground: var(--brick-dropdown-menu-label-foreground);\n    --brick-action-menu-disabled-foreground: var(--brick-dropdown-menu-disabled-foreground);\n    --brick-action-menu-danger-foreground: var(--brick-dropdown-menu-danger-foreground);\n    --brick-action-menu-danger-background: var(--brick-dropdown-menu-danger-background);\n    --brick-action-menu-separator-color: var(--brick-dropdown-menu-separator-color);\n    --brick-action-menu-indicator-size: var(--brick-dropdown-menu-indicator-size);\n    --brick-action-menu-focus-ring: var(--brick-dropdown-menu-focus-ring);\n    --brick-action-menu-motion-duration: var(--brick-dropdown-menu-motion-duration);\n    --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n  }\n\n  .brick-dropdown-menu__trigger {\n    touch-action: manipulation;\n  }\n}\n"],"names":[]}

package/dist/styles/feed.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-feed{--brick-feed-gap:var(--brick-space-3);--brick-feed-item-padding-block:var(--brick-space-4);--brick-feed-item-padding-inline:var(--brick-space-4);--brick-feed-background:transparent;--brick-feed-foreground:var(--brick-color-text-primary);--brick-feed-border-color:var(--brick-color-border-subtle);--brick-feed-border-width:var(--brick-border-width);--brick-feed-radius:var(--brick-radius-surface);--brick-feed-divider-color:var(--brick-color-border-subtle);--brick-feed-focus-color:var(--brick-color-focus-ring);--brick-feed-focus-width:2px;--brick-feed-focus-offset:2px;--brick-feed-transition-duration:var(--brick-motion-duration-fast);box-sizing:border-box;gap:var(--brick-feed-gap);inline-size:100%;min-inline-size:0;max-inline-size:100%;color:var(--brick-feed-foreground);display:grid}.brick-feed[data-density=compact]{--brick-feed-gap:var(--brick-space-2);--brick-feed-item-padding-block:var(--brick-space-2);--brick-feed-item-padding-inline:var(--brick-space-3)}.brick-feed[data-variant=divided]{--brick-feed-gap:0;background:var(--brick-feed-background)}.brick-feed[data-variant=divided]>.brick-feed__item+.brick-feed__item{border-block-start:var(--brick-feed-border-width) solid var(--brick-feed-divider-color)}.brick-feed__item{box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding-block:var(--brick-feed-item-padding-block);padding-inline:var(--brick-feed-item-padding-inline);color:var(--brick-feed-foreground);overflow-wrap:anywhere;outline:var(--brick-feed-focus-width) solid transparent;outline-offset:var(--brick-feed-focus-offset);transition:border-color var(--brick-feed-transition-duration) ease}.brick-feed[data-variant=outline]>.brick-feed__item{border:var(--brick-feed-border-width) solid var(--brick-feed-border-color);border-radius:var(--brick-feed-radius);background:var(--brick-feed-background)}.brick-feed__item:focus-visible{outline-color:var(--brick-feed-focus-color)}@media (prefers-reduced-motion:reduce){.brick-feed__item{transition-duration:0s}}@media (forced-colors:active){.brick-feed[data-variant=divided]>.brick-feed__item+.brick-feed__item,.brick-feed[data-variant=outline]>.brick-feed__item{border-color:canvastext}.brick-feed__item:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-feed{--brick-feed-gap:var(--brick-space-3);--brick-feed-item-padding-block:var(--brick-space-4);--brick-feed-item-padding-inline:var(--brick-space-4);--brick-feed-background:transparent;--brick-feed-foreground:var(--brick-color-text-primary);--brick-feed-border-color:var(--brick-color-border-subtle);--brick-feed-border-width:var(--brick-border-width);--brick-feed-radius:var(--brick-radius-surface);--brick-feed-divider-color:var(--brick-color-border-subtle);--brick-feed-focus-color:var(--brick-color-focus-ring);--brick-feed-focus-width:2px;--brick-feed-focus-offset:2px;--brick-feed-transition-duration:var(--brick-motion-duration-fast);box-sizing:border-box;gap:var(--brick-feed-gap);inline-size:100%;min-inline-size:0;max-inline-size:100%;color:var(--brick-feed-foreground);display:grid}.brick-feed[data-density=compact]{--brick-feed-gap:var(--brick-space-2);--brick-feed-item-padding-block:var(--brick-space-2);--brick-feed-item-padding-inline:var(--brick-space-3)}.brick-feed[data-divider-strength=default]{--brick-feed-divider-color:var(--brick-color-border-default)}.brick-feed[data-variant=divided]{--brick-feed-gap:0;background:var(--brick-feed-background)}.brick-feed[data-variant=divided]>.brick-feed__item+.brick-feed__item{border-block-start:var(--brick-feed-border-width) solid var(--brick-feed-divider-color)}.brick-feed__item{box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding-block:var(--brick-feed-item-padding-block);padding-inline:var(--brick-feed-item-padding-inline);color:var(--brick-feed-foreground);overflow-wrap:anywhere;outline:var(--brick-feed-focus-width) solid transparent;outline-offset:var(--brick-feed-focus-offset);transition:border-color var(--brick-feed-transition-duration) ease}.brick-feed[data-variant=outline]>.brick-feed__item{border:var(--brick-feed-border-width) solid var(--brick-feed-border-color);border-radius:var(--brick-feed-radius);background:var(--brick-feed-background)}.brick-feed__item:focus-visible{outline-color:var(--brick-feed-focus-color)}@media (prefers-reduced-motion:reduce){.brick-feed__item{transition-duration:0s}}@media (forced-colors:active){.brick-feed[data-variant=divided]>.brick-feed__item+.brick-feed__item,.brick-feed[data-variant=outline]>.brick-feed__item{border-color:canvastext}.brick-feed__item:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=feed.css.map */

package/dist/styles/feed.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,iyBAwBA,mLAMA,6FAKA,8JAIA,0ZAaA,8MAMA,4EAIA,uCACE,0CAGF,8BACE,kJAKA,0DDzEJ","sources":["home/runner/work/brick/brick/.brick-cache/production/feed.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/feed/feed.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/feed/feed.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-feed {\n    --brick-feed-gap: var(--brick-space-3);\n    --brick-feed-item-padding-block: var(--brick-space-4);\n    --brick-feed-item-padding-inline: var(--brick-space-4);\n    --brick-feed-background: transparent;\n    --brick-feed-foreground: var(--brick-color-text-primary);\n    --brick-feed-border-color: var(--brick-color-border-subtle);\n    --brick-feed-border-width: var(--brick-border-width);\n    --brick-feed-radius: var(--brick-radius-surface);\n    --brick-feed-divider-color: var(--brick-color-border-subtle);\n    --brick-feed-focus-color: var(--brick-color-focus-ring);\n    --brick-feed-focus-width: 2px;\n    --brick-feed-focus-offset: 2px;\n    --brick-feed-transition-duration: var(--brick-motion-duration-fast);\n\n    box-sizing: border-box;\n    display: grid;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-feed-gap);\n    color: var(--brick-feed-foreground);\n  }\n\n  .brick-feed[data-density=\"compact\"] {\n    --brick-feed-gap: var(--brick-space-2);\n    --brick-feed-item-padding-block: var(--brick-space-2);\n    --brick-feed-item-padding-inline: var(--brick-space-3);\n  }\n\n  .brick-feed[data-variant=\"divided\"] {\n    --brick-feed-gap: 0;\n    background: var(--brick-feed-background);\n  }\n\n  .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item {\n    border-block-start: var(--brick-feed-border-width) solid var(--brick-feed-divider-color);\n  }\n\n  .brick-feed__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-feed-item-padding-block);\n    padding-inline: var(--brick-feed-item-padding-inline);\n    color: var(--brick-feed-foreground);\n    overflow-wrap: anywhere;\n    outline: var(--brick-feed-focus-width) solid transparent;\n    outline-offset: var(--brick-feed-focus-offset);\n    transition: border-color var(--brick-feed-transition-duration) ease;\n  }\n\n  .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n    border: var(--brick-feed-border-width) solid var(--brick-feed-border-color);\n    border-radius: var(--brick-feed-radius);\n    background: var(--brick-feed-background);\n  }\n\n  .brick-feed__item:focus-visible {\n    outline-color: var(--brick-feed-focus-color);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-feed__item { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item,\n    .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n      border-color: CanvasText;\n    }\n\n    .brick-feed__item:focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,iyBAwBA,mLAMA,wGAIA,6FAKA,8JAIA,0ZAaA,8MAMA,4EAIA,uCACE,0CAGF,8BACE,kJAKA,0DD7EJ","sources":["home/runner/work/brick/brick/.brick-cache/production/feed.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/feed/feed.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/feed/feed.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-feed {\n    --brick-feed-gap: var(--brick-space-3);\n    --brick-feed-item-padding-block: var(--brick-space-4);\n    --brick-feed-item-padding-inline: var(--brick-space-4);\n    --brick-feed-background: transparent;\n    --brick-feed-foreground: var(--brick-color-text-primary);\n    --brick-feed-border-color: var(--brick-color-border-subtle);\n    --brick-feed-border-width: var(--brick-border-width);\n    --brick-feed-radius: var(--brick-radius-surface);\n    --brick-feed-divider-color: var(--brick-color-border-subtle);\n    --brick-feed-focus-color: var(--brick-color-focus-ring);\n    --brick-feed-focus-width: 2px;\n    --brick-feed-focus-offset: 2px;\n    --brick-feed-transition-duration: var(--brick-motion-duration-fast);\n\n    box-sizing: border-box;\n    display: grid;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-feed-gap);\n    color: var(--brick-feed-foreground);\n  }\n\n  .brick-feed[data-density=\"compact\"] {\n    --brick-feed-gap: var(--brick-space-2);\n    --brick-feed-item-padding-block: var(--brick-space-2);\n    --brick-feed-item-padding-inline: var(--brick-space-3);\n  }\n\n  .brick-feed[data-divider-strength=\"default\"] {\n    --brick-feed-divider-color: var(--brick-color-border-default);\n  }\n\n  .brick-feed[data-variant=\"divided\"] {\n    --brick-feed-gap: 0;\n    background: var(--brick-feed-background);\n  }\n\n  .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item {\n    border-block-start: var(--brick-feed-border-width) solid var(--brick-feed-divider-color);\n  }\n\n  .brick-feed__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-feed-item-padding-block);\n    padding-inline: var(--brick-feed-item-padding-inline);\n    color: var(--brick-feed-foreground);\n    overflow-wrap: anywhere;\n    outline: var(--brick-feed-focus-width) solid transparent;\n    outline-offset: var(--brick-feed-focus-offset);\n    transition: border-color var(--brick-feed-transition-duration) ease;\n  }\n\n  .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n    border: var(--brick-feed-border-width) solid var(--brick-feed-border-color);\n    border-radius: var(--brick-feed-radius);\n    background: var(--brick-feed-background);\n  }\n\n  .brick-feed__item:focus-visible {\n    outline-color: var(--brick-feed-focus-color);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-feed__item { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item,\n    .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n      border-color: CanvasText;\n    }\n\n    .brick-feed__item:focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/field.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-field{--brick-field-row-gap:var(--brick-space-3);--brick-field-column-gap:var(--brick-space-5);--brick-field-label-min-inline-size:8rem;--brick-field-control-min-inline-size:12rem;--brick-field-label-foreground:var(--brick-color-text-primary);--brick-field-label-foreground-disabled:var(--brick-color-text-secondary);--brick-field-label-font-family:var(--brick-typography-label-md-font-family);--brick-field-label-font-size:var(--brick-typography-label-md-font-size);--brick-field-label-font-weight:var(--brick-typography-label-md-font-weight);--brick-field-label-line-height:var(--brick-typography-label-md-line-height);--brick-field-indicator-foreground:var(--brick-color-danger-text);--brick-field-indicator-gap:var(--brick-space-1);--brick-field-optional-foreground:var(--brick-color-text-secondary);--brick-field-description-foreground:var(--brick-color-text-secondary);--brick-field-description-font-size:var(--brick-typography-supporting-sm-font-size);--brick-field-description-line-height:var(--brick-typography-supporting-sm-line-height);--brick-field-error-foreground:var(--brick-color-danger-text);--brick-field-error-font-size:var(--brick-typography-validation-sm-font-size);--brick-field-error-font-weight:var(--brick-typography-validation-sm-font-weight);--brick-field-error-line-height:var(--brick-typography-validation-sm-line-height);align-items:start;gap:var(--brick-field-row-gap) var(--brick-field-column-gap);min-inline-size:0;display:grid}.brick-field[data-orientation=horizontal]{grid-template-columns:repeat(auto-fit, minmax(min(100%, max(var(--brick-field-label-min-inline-size), var(--brick-field-control-min-inline-size), calc((100% - var(--brick-field-column-gap)) / 2))), 1fr))}.brick-field[data-orientation=horizontal]>:where(.brick-field-description,.brick-field-error){grid-column:-2/-1}.brick-field>:not(.brick-field-label,.brick-field-description,.brick-field-error,.brick-field-required-indicator){min-inline-size:0;max-inline-size:100%}.brick-field-label{min-inline-size:0;color:var(--brick-field-label-foreground);font-family:var(--brick-field-label-font-family);font-size:var(--brick-field-label-font-size);font-weight:var(--brick-field-label-font-weight);letter-spacing:var(--brick-typography-label-md-letter-spacing);line-height:var(--brick-field-label-line-height);overflow-wrap:anywhere;margin:0}.brick-field-label>:where([data-slot=field-required-indicator],[data-slot=field-optional-indicator]){margin-inline-start:var(--brick-field-indicator-gap)}.brick-field-label>[data-slot=field-required-indicator],.brick-field-required-indicator[data-slot=field-required-indicator]{color:var(--brick-field-indicator-foreground)}.brick-field-label>[data-slot=field-optional-indicator],.brick-field-required-indicator[data-slot=field-optional-indicator]{color:var(--brick-field-optional-foreground);font-weight:var(--brick-font-weight-regular)}.brick-field-required-indicator{overflow-wrap:anywhere;min-inline-size:0}.brick-field-description,.brick-field-error{overflow-wrap:anywhere;min-inline-size:0;margin:0}.brick-field-description{color:var(--brick-field-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-field-description-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-field-description-line-height)}.brick-field-error{border-inline-start:max(var(--brick-border-width), .125rem) solid var(--brick-field-error-foreground);color:var(--brick-field-error-foreground);font-family:var(--brick-typography-validation-sm-font-family);font-size:var(--brick-field-error-font-size);font-weight:var(--brick-field-error-font-weight);letter-spacing:var(--brick-typography-validation-sm-letter-spacing);line-height:var(--brick-field-error-line-height);padding-inline-start:var(--brick-space-2)}.brick-field[data-disabled] .brick-field-label{color:var(--brick-field-label-foreground-disabled)}.brick-field[data-readonly] .brick-field-label{font-style:italic}.brick-field[data-invalid] .brick-field-label{text-decoration-line:underline;text-decoration-style:wavy;-webkit-text-decoration-color:var(--brick-field-error-foreground);text-decoration-color:var(--brick-field-error-foreground);text-underline-offset:.2em}@media (width<=34rem){.brick-field[data-orientation=horizontal]{grid-template-columns:minmax(0,1fr)}.brick-field[data-orientation=horizontal]>:where(.brick-field-description,.brick-field-error){grid-column:auto}}@media (forced-colors:active){.brick-field-error{color:canvastext;border-inline-start-color:mark}.brick-field[data-invalid] .brick-field-label{text-decoration-color:mark}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-field{--brick-field-row-gap:var(--brick-space-3);--brick-field-column-gap:var(--brick-space-5);--brick-field-label-min-inline-size:8rem;--brick-field-control-min-inline-size:12rem;--brick-field-label-foreground:var(--brick-color-text-primary);--brick-field-label-foreground-disabled:var(--brick-color-text-secondary);--brick-field-label-font-family:var(--brick-typography-label-md-font-family);--brick-field-label-font-size:var(--brick-typography-label-md-font-size);--brick-field-label-font-weight:var(--brick-typography-label-md-font-weight);--brick-field-label-line-height:var(--brick-typography-label-md-line-height);--brick-field-indicator-foreground:var(--brick-color-danger-text);--brick-field-indicator-gap:var(--brick-space-1);--brick-field-optional-foreground:var(--brick-color-text-secondary);--brick-field-description-foreground:var(--brick-color-text-secondary);--brick-field-description-font-size:var(--brick-typography-supporting-sm-font-size);--brick-field-description-line-height:var(--brick-typography-supporting-sm-line-height);--brick-field-error-foreground:var(--brick-color-danger-text);--brick-field-error-font-size:var(--brick-typography-validation-sm-font-size);--brick-field-error-font-weight:var(--brick-typography-validation-sm-font-weight);--brick-field-error-line-height:var(--brick-typography-validation-sm-line-height);align-items:start;gap:var(--brick-field-row-gap) var(--brick-field-column-gap);min-inline-size:0;display:grid}.brick-field[data-orientation=horizontal]{grid-template-columns:repeat(auto-fit, minmax(min(100%, max(var(--brick-field-label-min-inline-size), var(--brick-field-control-min-inline-size), calc((100% - var(--brick-field-column-gap)) / 2))), 1fr))}.brick-field[data-orientation=horizontal]>:where(.brick-field-description,.brick-field-error){grid-column:-2/-1}.brick-field>:not(.brick-field-label,.brick-field-description,.brick-field-error,.brick-field-required-indicator){min-inline-size:0;max-inline-size:100%}.brick-field-label{min-inline-size:0;color:var(--brick-field-label-foreground);font-family:var(--brick-field-label-font-family);font-size:var(--brick-field-label-font-size);font-weight:var(--brick-field-label-font-weight);letter-spacing:var(--brick-typography-label-md-letter-spacing);line-height:var(--brick-field-label-line-height);overflow-wrap:anywhere;margin:0}.brick-field-label>:where([data-slot=field-required-indicator],[data-slot=field-optional-indicator]){margin-inline-start:var(--brick-field-indicator-gap)}.brick-field-label>[data-slot=field-required-indicator],.brick-field-required-indicator[data-slot=field-required-indicator]{color:var(--brick-field-indicator-foreground)}.brick-field-label>[data-slot=field-optional-indicator],.brick-field-required-indicator[data-slot=field-optional-indicator]{color:var(--brick-field-optional-foreground);font-weight:var(--brick-font-weight-regular)}.brick-field-required-indicator{overflow-wrap:anywhere;min-inline-size:0}.brick-field-description,.brick-field-error{overflow-wrap:anywhere;min-inline-size:0;margin:0}.brick-field-description{color:var(--brick-field-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-field-description-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-field-description-line-height)}.brick-field-error{border-inline-start:max(var(--brick-border-width), .125rem) solid var(--brick-field-error-foreground);color:var(--brick-field-error-foreground);font-family:var(--brick-typography-validation-sm-font-family);font-size:var(--brick-field-error-font-size);font-weight:var(--brick-field-error-font-weight);letter-spacing:var(--brick-typography-validation-sm-letter-spacing);line-height:var(--brick-field-error-line-height);padding-inline-start:var(--brick-space-2)}.brick-field[data-disabled] .brick-field-label{color:var(--brick-field-label-foreground-disabled)}.brick-field[data-readonly] .brick-field-label{font-style:italic}.brick-field[data-invalid] .brick-field-label{text-decoration-line:underline;text-decoration-style:wavy;-webkit-text-decoration-color:var(--brick-field-error-foreground);text-decoration-color:var(--brick-field-error-foreground);text-underline-offset:.2em}@media (width<=34rem){.brick-field[data-orientation=horizontal]{grid-template-columns:minmax(0,1fr)}.brick-field[data-orientation=horizontal]>:where(.brick-field-description,.brick-field-error){grid-column:auto}}@media (forced-colors:active){.brick-field-error{color:canvastext;border-inline-start-color:mark}.brick-field[data-invalid] .brick-field-label{text-decoration-color:mark}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=field.css.map */

package/dist/styles/field.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,47CA4BA,sPAiBA,gHAOA,yJAUA,8WAYA,0JAOA,0KAKA,sNAMA,yEAKA,8FAOA,mXASA,8dAYA,kGAIA,iEAIA,+PAOA,sBACE,8EAIA,gHAQF,8BACE,mEAKA,2EDhKJ","sources":["home/runner/work/brick/brick/.brick-cache/production/field.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/field/field.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/field/field.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-field {\n    --brick-field-row-gap: var(--brick-space-3);\n    --brick-field-column-gap: var(--brick-space-5);\n    --brick-field-label-min-inline-size: 8rem;\n    --brick-field-control-min-inline-size: 12rem;\n    --brick-field-label-foreground: var(--brick-color-text-primary);\n    --brick-field-label-foreground-disabled: var(--brick-color-text-secondary);\n    --brick-field-label-font-family: var(--brick-typography-label-md-font-family);\n    --brick-field-label-font-size: var(--brick-typography-label-md-font-size);\n    --brick-field-label-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-field-label-line-height: var(--brick-typography-label-md-line-height);\n    --brick-field-indicator-foreground: var(--brick-color-danger-text);\n    --brick-field-indicator-gap: var(--brick-space-1);\n    --brick-field-optional-foreground: var(--brick-color-text-secondary);\n    --brick-field-description-foreground: var(--brick-color-text-secondary);\n    --brick-field-description-font-size: var(--brick-typography-supporting-sm-font-size);\n    --brick-field-description-line-height: var(--brick-typography-supporting-sm-line-height);\n    --brick-field-error-foreground: var(--brick-color-danger-text);\n    --brick-field-error-font-size: var(--brick-typography-validation-sm-font-size);\n    --brick-field-error-font-weight: var(--brick-typography-validation-sm-font-weight);\n    --brick-field-error-line-height: var(--brick-typography-validation-sm-line-height);\n\n    display: grid;\n    min-inline-size: 0;\n    align-items: start;\n    gap: var(--brick-field-row-gap) var(--brick-field-column-gap);\n  }\n\n  .brick-field[data-orientation=\"horizontal\"] {\n    grid-template-columns: repeat(\n      auto-fit,\n      minmax(\n        min(\n          100%,\n          max(\n            var(--brick-field-label-min-inline-size),\n            var(--brick-field-control-min-inline-size),\n            calc((100% - var(--brick-field-column-gap)) / 2)\n          )\n        ),\n        1fr\n      )\n    );\n  }\n\n  .brick-field[data-orientation=\"horizontal\"] > :where(\n      .brick-field-description,\n      .brick-field-error\n    ) {\n    grid-column: -2 / -1;\n  }\n\n  .brick-field > :not(\n      .brick-field-label,\n      .brick-field-description,\n      .brick-field-error,\n      .brick-field-required-indicator\n    ) {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n  }\n\n  .brick-field-label {\n    min-inline-size: 0;\n    margin: 0;\n    color: var(--brick-field-label-foreground);\n    font-family: var(--brick-field-label-font-family);\n    font-size: var(--brick-field-label-font-size);\n    font-weight: var(--brick-field-label-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-field-label-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-field-label > :where(\n      [data-slot=\"field-required-indicator\"],\n      [data-slot=\"field-optional-indicator\"]\n    ) {\n    margin-inline-start: var(--brick-field-indicator-gap);\n  }\n\n  .brick-field-label > [data-slot=\"field-required-indicator\"],\n  .brick-field-required-indicator[data-slot=\"field-required-indicator\"] {\n    color: var(--brick-field-indicator-foreground);\n  }\n\n  .brick-field-label > [data-slot=\"field-optional-indicator\"],\n  .brick-field-required-indicator[data-slot=\"field-optional-indicator\"] {\n    color: var(--brick-field-optional-foreground);\n    font-weight: var(--brick-font-weight-regular);\n  }\n\n  .brick-field-required-indicator {\n    min-inline-size: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-field-description,\n  .brick-field-error {\n    min-inline-size: 0;\n    margin: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-field-description {\n    color: var(--brick-field-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-field-description-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-field-description-line-height);\n  }\n\n  .brick-field-error {\n    padding-inline-start: var(--brick-space-2);\n    border-inline-start: max(var(--brick-border-width), 0.125rem) solid\n      var(--brick-field-error-foreground);\n    color: var(--brick-field-error-foreground);\n    font-family: var(--brick-typography-validation-sm-font-family);\n    font-size: var(--brick-field-error-font-size);\n    font-weight: var(--brick-field-error-font-weight);\n    letter-spacing: var(--brick-typography-validation-sm-letter-spacing);\n    line-height: var(--brick-field-error-line-height);\n  }\n\n  .brick-field[data-disabled] .brick-field-label {\n    color: var(--brick-field-label-foreground-disabled);\n  }\n\n  .brick-field[data-readonly] .brick-field-label {\n    font-style: italic;\n  }\n\n  .brick-field[data-invalid] .brick-field-label {\n    text-decoration-line: underline;\n    text-decoration-style: wavy;\n    text-decoration-color: var(--brick-field-error-foreground);\n    text-underline-offset: 0.2em;\n  }\n\n  @media (max-width: 34rem) {\n    .brick-field[data-orientation=\"horizontal\"] {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .brick-field[data-orientation=\"horizontal\"] > :where(\n        .brick-field-description,\n        .brick-field-error\n      ) {\n      grid-column: auto;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-field-error {\n      border-inline-start-color: Mark;\n      color: CanvasText;\n    }\n\n    .brick-field[data-invalid] .brick-field-label {\n      text-decoration-color: Mark;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,47CA4BA,sPAiBA,gHAOA,yJAUA,8WAYA,0JAOA,0KAKA,sNAMA,yEAKA,8FAOA,mXASA,8dAYA,kGAIA,iEAIA,+PAOA,sBACE,8EAIA,gHAQF,8BACE,mEAKA,2EDhKJ","sources":["home/runner/work/brick/brick/.brick-cache/production/field.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/field/field.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/field/field.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-field {\n    --brick-field-row-gap: var(--brick-space-3);\n    --brick-field-column-gap: var(--brick-space-5);\n    --brick-field-label-min-inline-size: 8rem;\n    --brick-field-control-min-inline-size: 12rem;\n    --brick-field-label-foreground: var(--brick-color-text-primary);\n    --brick-field-label-foreground-disabled: var(--brick-color-text-secondary);\n    --brick-field-label-font-family: var(--brick-typography-label-md-font-family);\n    --brick-field-label-font-size: var(--brick-typography-label-md-font-size);\n    --brick-field-label-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-field-label-line-height: var(--brick-typography-label-md-line-height);\n    --brick-field-indicator-foreground: var(--brick-color-danger-text);\n    --brick-field-indicator-gap: var(--brick-space-1);\n    --brick-field-optional-foreground: var(--brick-color-text-secondary);\n    --brick-field-description-foreground: var(--brick-color-text-secondary);\n    --brick-field-description-font-size: var(--brick-typography-supporting-sm-font-size);\n    --brick-field-description-line-height: var(--brick-typography-supporting-sm-line-height);\n    --brick-field-error-foreground: var(--brick-color-danger-text);\n    --brick-field-error-font-size: var(--brick-typography-validation-sm-font-size);\n    --brick-field-error-font-weight: var(--brick-typography-validation-sm-font-weight);\n    --brick-field-error-line-height: var(--brick-typography-validation-sm-line-height);\n\n    display: grid;\n    min-inline-size: 0;\n    align-items: start;\n    gap: var(--brick-field-row-gap) var(--brick-field-column-gap);\n  }\n\n  .brick-field[data-orientation=\"horizontal\"] {\n    grid-template-columns: repeat(\n      auto-fit,\n      minmax(\n        min(\n          100%,\n          max(\n            var(--brick-field-label-min-inline-size),\n            var(--brick-field-control-min-inline-size),\n            calc((100% - var(--brick-field-column-gap)) / 2)\n          )\n        ),\n        1fr\n      )\n    );\n  }\n\n  .brick-field[data-orientation=\"horizontal\"] > :where(\n      .brick-field-description,\n      .brick-field-error\n    ) {\n    grid-column: -2 / -1;\n  }\n\n  .brick-field > :not(\n      .brick-field-label,\n      .brick-field-description,\n      .brick-field-error,\n      .brick-field-required-indicator\n    ) {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n  }\n\n  .brick-field-label {\n    min-inline-size: 0;\n    margin: 0;\n    color: var(--brick-field-label-foreground);\n    font-family: var(--brick-field-label-font-family);\n    font-size: var(--brick-field-label-font-size);\n    font-weight: var(--brick-field-label-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-field-label-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-field-label > :where(\n      [data-slot=\"field-required-indicator\"],\n      [data-slot=\"field-optional-indicator\"]\n    ) {\n    margin-inline-start: var(--brick-field-indicator-gap);\n  }\n\n  .brick-field-label > [data-slot=\"field-required-indicator\"],\n  .brick-field-required-indicator[data-slot=\"field-required-indicator\"] {\n    color: var(--brick-field-indicator-foreground);\n  }\n\n  .brick-field-label > [data-slot=\"field-optional-indicator\"],\n  .brick-field-required-indicator[data-slot=\"field-optional-indicator\"] {\n    color: var(--brick-field-optional-foreground);\n    font-weight: var(--brick-font-weight-regular);\n  }\n\n  .brick-field-required-indicator {\n    min-inline-size: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-field-description,\n  .brick-field-error {\n    min-inline-size: 0;\n    margin: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-field-description {\n    color: var(--brick-field-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-field-description-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-field-description-line-height);\n  }\n\n  .brick-field-error {\n    padding-inline-start: var(--brick-space-2);\n    border-inline-start: max(var(--brick-border-width), 0.125rem) solid\n      var(--brick-field-error-foreground);\n    color: var(--brick-field-error-foreground);\n    font-family: var(--brick-typography-validation-sm-font-family);\n    font-size: var(--brick-field-error-font-size);\n    font-weight: var(--brick-field-error-font-weight);\n    letter-spacing: var(--brick-typography-validation-sm-letter-spacing);\n    line-height: var(--brick-field-error-line-height);\n  }\n\n  .brick-field[data-disabled] .brick-field-label {\n    color: var(--brick-field-label-foreground-disabled);\n  }\n\n  .brick-field[data-readonly] .brick-field-label {\n    font-style: italic;\n  }\n\n  .brick-field[data-invalid] .brick-field-label {\n    text-decoration-line: underline;\n    text-decoration-style: wavy;\n    text-decoration-color: var(--brick-field-error-foreground);\n    text-underline-offset: 0.2em;\n  }\n\n  @media (max-width: 34rem) {\n    .brick-field[data-orientation=\"horizontal\"] {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .brick-field[data-orientation=\"horizontal\"] > :where(\n        .brick-field-description,\n        .brick-field-error\n      ) {\n      grid-column: auto;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-field-error {\n      border-inline-start-color: Mark;\n      color: CanvasText;\n    }\n\n    .brick-field[data-invalid] .brick-field-label {\n      text-decoration-color: Mark;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/fieldset.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-fieldset{--brick-fieldset-gap:var(--brick-space-3);--brick-fieldset-control-gap:var(--brick-space-4);--brick-fieldset-legend-foreground:var(--brick-color-text-primary);--brick-fieldset-legend-foreground-disabled:var(--brick-color-text-secondary);--brick-fieldset-legend-font-family:var(--brick-typography-label-md-font-family);--brick-fieldset-legend-font-size:var(--brick-typography-label-md-font-size);--brick-fieldset-legend-font-weight:var(--brick-typography-label-md-font-weight);--brick-fieldset-legend-line-height:var(--brick-typography-label-md-line-height);--brick-fieldset-indicator-foreground:var(--brick-color-danger-text);--brick-fieldset-indicator-gap:var(--brick-space-1);--brick-fieldset-optional-foreground:var(--brick-color-text-secondary);--brick-fieldset-description-foreground:var(--brick-color-text-secondary);--brick-fieldset-description-font-size:var(--brick-typography-supporting-sm-font-size);--brick-fieldset-description-line-height:var(--brick-typography-supporting-sm-line-height);--brick-fieldset-error-foreground:var(--brick-color-danger-text);--brick-fieldset-error-font-size:var(--brick-typography-validation-sm-font-size);--brick-fieldset-error-font-weight:var(--brick-typography-validation-sm-font-weight);--brick-fieldset-error-line-height:var(--brick-typography-validation-sm-line-height);border:0;min-inline-size:0;margin:0;padding:0;display:block}.brick-fieldset>:not(.brick-fieldset-legend){min-inline-size:0;margin-block-start:var(--brick-fieldset-control-gap)}.brick-fieldset>.brick-fieldset-legend+*{clear:both;margin-block-start:0}.brick-fieldset-legend{float:inline-start;inline-size:100%;max-inline-size:100%;margin:0 0 var(--brick-fieldset-gap);color:var(--brick-fieldset-legend-foreground);font-family:var(--brick-fieldset-legend-font-family);font-size:var(--brick-fieldset-legend-font-size);font-weight:var(--brick-fieldset-legend-font-weight);letter-spacing:var(--brick-typography-label-md-letter-spacing);line-height:var(--brick-fieldset-legend-line-height);overflow-wrap:anywhere;padding:0}.brick-fieldset-legend>:where([data-slot=fieldset-required-indicator],[data-slot=fieldset-optional-indicator]){margin-inline-start:var(--brick-fieldset-indicator-gap)}.brick-fieldset-legend>[data-slot=fieldset-required-indicator]{color:var(--brick-fieldset-indicator-foreground)}.brick-fieldset-legend>[data-slot=fieldset-optional-indicator]{color:var(--brick-fieldset-optional-foreground);font-weight:var(--brick-font-weight-regular)}.brick-fieldset-description,.brick-fieldset-error{overflow-wrap:anywhere;min-inline-size:0;margin:0}.brick-fieldset-description{color:var(--brick-fieldset-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-fieldset-description-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-fieldset-description-line-height)}.brick-fieldset-error{color:var(--brick-fieldset-error-foreground);font-family:var(--brick-typography-validation-sm-font-family);font-size:var(--brick-fieldset-error-font-size);font-weight:var(--brick-fieldset-error-font-weight);letter-spacing:var(--brick-typography-validation-sm-letter-spacing);line-height:var(--brick-fieldset-error-line-height);padding-block-start:var(--brick-fieldset-control-gap);padding-inline-start:var(--brick-space-2);position:relative}.brick-fieldset-error:before{inset-block:var(--brick-fieldset-control-gap) 0;inline-size:max(var(--brick-border-width), .125rem);background:var(--brick-fieldset-error-foreground);content:"";position:absolute;inset-inline-start:0}.brick-fieldset[data-disabled] .brick-fieldset-legend{color:var(--brick-fieldset-legend-foreground-disabled)}.brick-fieldset[data-invalid] .brick-fieldset-legend{text-decoration-line:underline;text-decoration-style:wavy;-webkit-text-decoration-color:var(--brick-fieldset-error-foreground);text-decoration-color:var(--brick-fieldset-error-foreground);text-underline-offset:.2em}@media (forced-colors:active){.brick-fieldset-error{color:canvastext}.brick-fieldset-error:before{background:mark}.brick-fieldset[data-invalid] .brick-fieldset-legend{text-decoration-color:mark}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-fieldset{--brick-fieldset-gap:var(--brick-space-3);--brick-fieldset-control-gap:var(--brick-space-4);--brick-fieldset-legend-foreground:var(--brick-color-text-primary);--brick-fieldset-legend-foreground-disabled:var(--brick-color-text-secondary);--brick-fieldset-legend-font-family:var(--brick-typography-label-md-font-family);--brick-fieldset-legend-font-size:var(--brick-typography-label-md-font-size);--brick-fieldset-legend-font-weight:var(--brick-typography-label-md-font-weight);--brick-fieldset-legend-line-height:var(--brick-typography-label-md-line-height);--brick-fieldset-indicator-foreground:var(--brick-color-danger-text);--brick-fieldset-indicator-gap:var(--brick-space-1);--brick-fieldset-optional-foreground:var(--brick-color-text-secondary);--brick-fieldset-description-foreground:var(--brick-color-text-secondary);--brick-fieldset-description-font-size:var(--brick-typography-supporting-sm-font-size);--brick-fieldset-description-line-height:var(--brick-typography-supporting-sm-line-height);--brick-fieldset-error-foreground:var(--brick-color-danger-text);--brick-fieldset-error-font-size:var(--brick-typography-validation-sm-font-size);--brick-fieldset-error-font-weight:var(--brick-typography-validation-sm-font-weight);--brick-fieldset-error-line-height:var(--brick-typography-validation-sm-line-height);border:0;min-inline-size:0;margin:0;padding:0;display:block}.brick-fieldset>:not(.brick-fieldset-legend){min-inline-size:0;margin-block-start:var(--brick-fieldset-control-gap)}.brick-fieldset>.brick-fieldset-legend+*{clear:both;margin-block-start:0}.brick-fieldset-legend{float:inline-start;inline-size:100%;max-inline-size:100%;margin:0 0 var(--brick-fieldset-gap);color:var(--brick-fieldset-legend-foreground);font-family:var(--brick-fieldset-legend-font-family);font-size:var(--brick-fieldset-legend-font-size);font-weight:var(--brick-fieldset-legend-font-weight);letter-spacing:var(--brick-typography-label-md-letter-spacing);line-height:var(--brick-fieldset-legend-line-height);overflow-wrap:anywhere;padding:0}.brick-fieldset-legend>:where([data-slot=fieldset-required-indicator],[data-slot=fieldset-optional-indicator]){margin-inline-start:var(--brick-fieldset-indicator-gap)}.brick-fieldset-legend>[data-slot=fieldset-required-indicator]{color:var(--brick-fieldset-indicator-foreground)}.brick-fieldset-legend>[data-slot=fieldset-optional-indicator]{color:var(--brick-fieldset-optional-foreground);font-weight:var(--brick-font-weight-regular)}.brick-fieldset-description,.brick-fieldset-error{overflow-wrap:anywhere;min-inline-size:0;margin:0}.brick-fieldset-description{color:var(--brick-fieldset-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-fieldset-description-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-fieldset-description-line-height)}.brick-fieldset-error{color:var(--brick-fieldset-error-foreground);font-family:var(--brick-typography-validation-sm-font-family);font-size:var(--brick-fieldset-error-font-size);font-weight:var(--brick-fieldset-error-font-weight);letter-spacing:var(--brick-typography-validation-sm-letter-spacing);line-height:var(--brick-fieldset-error-line-height);padding-block-start:var(--brick-fieldset-control-gap);padding-inline-start:var(--brick-space-2);position:relative}.brick-fieldset-error:before{inset-block:var(--brick-fieldset-control-gap) 0;inline-size:max(var(--brick-border-width), .125rem);background:var(--brick-fieldset-error-foreground);content:"";position:absolute;inset-inline-start:0}.brick-fieldset[data-disabled] .brick-fieldset-legend{color:var(--brick-fieldset-legend-foreground-disabled)}.brick-fieldset[data-invalid] .brick-fieldset-legend{text-decoration-line:underline;text-decoration-style:wavy;-webkit-text-decoration-color:var(--brick-fieldset-error-foreground);text-decoration-color:var(--brick-fieldset-error-foreground);text-underline-offset:.2em}@media (forced-colors:active){.brick-fieldset-error{color:canvastext}.brick-fieldset-error:before{background:mark}.brick-fieldset[data-invalid] .brick-fieldset-legend{text-decoration-color:mark}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=fieldset.css.map */

package/dist/styles/fieldset.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,i3CA2BA,oHAKA,yEAKA,mdAeA,uKAOA,gHAIA,4JAKA,oGAOA,+XASA,+cAYA,qOASA,6GAIA,4QAOA,8BACE,uCAIA,6CAIA,kFD9HJ","sources":["home/runner/work/brick/brick/.brick-cache/production/fieldset.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/fieldset/fieldset.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/fieldset/fieldset.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-fieldset {\n    --brick-fieldset-gap: var(--brick-space-3);\n    --brick-fieldset-control-gap: var(--brick-space-4);\n    --brick-fieldset-legend-foreground: var(--brick-color-text-primary);\n    --brick-fieldset-legend-foreground-disabled: var(--brick-color-text-secondary);\n    --brick-fieldset-legend-font-family: var(--brick-typography-label-md-font-family);\n    --brick-fieldset-legend-font-size: var(--brick-typography-label-md-font-size);\n    --brick-fieldset-legend-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-fieldset-legend-line-height: var(--brick-typography-label-md-line-height);\n    --brick-fieldset-indicator-foreground: var(--brick-color-danger-text);\n    --brick-fieldset-indicator-gap: var(--brick-space-1);\n    --brick-fieldset-optional-foreground: var(--brick-color-text-secondary);\n    --brick-fieldset-description-foreground: var(--brick-color-text-secondary);\n    --brick-fieldset-description-font-size: var(--brick-typography-supporting-sm-font-size);\n    --brick-fieldset-description-line-height: var(--brick-typography-supporting-sm-line-height);\n    --brick-fieldset-error-foreground: var(--brick-color-danger-text);\n    --brick-fieldset-error-font-size: var(--brick-typography-validation-sm-font-size);\n    --brick-fieldset-error-font-weight: var(--brick-typography-validation-sm-font-weight);\n    --brick-fieldset-error-line-height: var(--brick-typography-validation-sm-line-height);\n\n    display: block;\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n\n  .brick-fieldset > :not(.brick-fieldset-legend) {\n    min-inline-size: 0;\n    margin-block-start: var(--brick-fieldset-control-gap);\n  }\n\n  .brick-fieldset > .brick-fieldset-legend + * {\n    clear: both;\n    margin-block-start: 0;\n  }\n\n  .brick-fieldset-legend {\n    float: inline-start;\n    inline-size: 100%;\n    max-inline-size: 100%;\n    margin: 0 0 var(--brick-fieldset-gap);\n    padding: 0;\n    color: var(--brick-fieldset-legend-foreground);\n    font-family: var(--brick-fieldset-legend-font-family);\n    font-size: var(--brick-fieldset-legend-font-size);\n    font-weight: var(--brick-fieldset-legend-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-fieldset-legend-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-fieldset-legend > :where(\n      [data-slot=\"fieldset-required-indicator\"],\n      [data-slot=\"fieldset-optional-indicator\"]\n    ) {\n    margin-inline-start: var(--brick-fieldset-indicator-gap);\n  }\n\n  .brick-fieldset-legend > [data-slot=\"fieldset-required-indicator\"] {\n    color: var(--brick-fieldset-indicator-foreground);\n  }\n\n  .brick-fieldset-legend > [data-slot=\"fieldset-optional-indicator\"] {\n    color: var(--brick-fieldset-optional-foreground);\n    font-weight: var(--brick-font-weight-regular);\n  }\n\n  .brick-fieldset-description,\n  .brick-fieldset-error {\n    min-inline-size: 0;\n    margin: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-fieldset-description {\n    color: var(--brick-fieldset-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-fieldset-description-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-fieldset-description-line-height);\n  }\n\n  .brick-fieldset-error {\n    position: relative;\n    padding-block-start: var(--brick-fieldset-control-gap);\n    padding-inline-start: var(--brick-space-2);\n    color: var(--brick-fieldset-error-foreground);\n    font-family: var(--brick-typography-validation-sm-font-family);\n    font-size: var(--brick-fieldset-error-font-size);\n    font-weight: var(--brick-fieldset-error-font-weight);\n    letter-spacing: var(--brick-typography-validation-sm-letter-spacing);\n    line-height: var(--brick-fieldset-error-line-height);\n  }\n\n  .brick-fieldset-error::before {\n    position: absolute;\n    inset-block: var(--brick-fieldset-control-gap) 0;\n    inset-inline-start: 0;\n    inline-size: max(var(--brick-border-width), 0.125rem);\n    background: var(--brick-fieldset-error-foreground);\n    content: \"\";\n  }\n\n  .brick-fieldset[data-disabled] .brick-fieldset-legend {\n    color: var(--brick-fieldset-legend-foreground-disabled);\n  }\n\n  .brick-fieldset[data-invalid] .brick-fieldset-legend {\n    text-decoration-line: underline;\n    text-decoration-style: wavy;\n    text-decoration-color: var(--brick-fieldset-error-foreground);\n    text-underline-offset: 0.2em;\n  }\n\n  @media (forced-colors: active) {\n    .brick-fieldset-error {\n      color: CanvasText;\n    }\n\n    .brick-fieldset-error::before {\n      background: Mark;\n    }\n\n    .brick-fieldset[data-invalid] .brick-fieldset-legend {\n      text-decoration-color: Mark;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,i3CA2BA,oHAKA,yEAKA,mdAeA,uKAOA,gHAIA,4JAKA,oGAOA,+XASA,+cAYA,qOASA,6GAIA,4QAOA,8BACE,uCAIA,6CAIA,kFD9HJ","sources":["home/runner/work/brick/brick/.brick-cache/production/fieldset.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/fieldset/fieldset.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/fieldset/fieldset.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-fieldset {\n    --brick-fieldset-gap: var(--brick-space-3);\n    --brick-fieldset-control-gap: var(--brick-space-4);\n    --brick-fieldset-legend-foreground: var(--brick-color-text-primary);\n    --brick-fieldset-legend-foreground-disabled: var(--brick-color-text-secondary);\n    --brick-fieldset-legend-font-family: var(--brick-typography-label-md-font-family);\n    --brick-fieldset-legend-font-size: var(--brick-typography-label-md-font-size);\n    --brick-fieldset-legend-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-fieldset-legend-line-height: var(--brick-typography-label-md-line-height);\n    --brick-fieldset-indicator-foreground: var(--brick-color-danger-text);\n    --brick-fieldset-indicator-gap: var(--brick-space-1);\n    --brick-fieldset-optional-foreground: var(--brick-color-text-secondary);\n    --brick-fieldset-description-foreground: var(--brick-color-text-secondary);\n    --brick-fieldset-description-font-size: var(--brick-typography-supporting-sm-font-size);\n    --brick-fieldset-description-line-height: var(--brick-typography-supporting-sm-line-height);\n    --brick-fieldset-error-foreground: var(--brick-color-danger-text);\n    --brick-fieldset-error-font-size: var(--brick-typography-validation-sm-font-size);\n    --brick-fieldset-error-font-weight: var(--brick-typography-validation-sm-font-weight);\n    --brick-fieldset-error-line-height: var(--brick-typography-validation-sm-line-height);\n\n    display: block;\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n\n  .brick-fieldset > :not(.brick-fieldset-legend) {\n    min-inline-size: 0;\n    margin-block-start: var(--brick-fieldset-control-gap);\n  }\n\n  .brick-fieldset > .brick-fieldset-legend + * {\n    clear: both;\n    margin-block-start: 0;\n  }\n\n  .brick-fieldset-legend {\n    float: inline-start;\n    inline-size: 100%;\n    max-inline-size: 100%;\n    margin: 0 0 var(--brick-fieldset-gap);\n    padding: 0;\n    color: var(--brick-fieldset-legend-foreground);\n    font-family: var(--brick-fieldset-legend-font-family);\n    font-size: var(--brick-fieldset-legend-font-size);\n    font-weight: var(--brick-fieldset-legend-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-fieldset-legend-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-fieldset-legend > :where(\n      [data-slot=\"fieldset-required-indicator\"],\n      [data-slot=\"fieldset-optional-indicator\"]\n    ) {\n    margin-inline-start: var(--brick-fieldset-indicator-gap);\n  }\n\n  .brick-fieldset-legend > [data-slot=\"fieldset-required-indicator\"] {\n    color: var(--brick-fieldset-indicator-foreground);\n  }\n\n  .brick-fieldset-legend > [data-slot=\"fieldset-optional-indicator\"] {\n    color: var(--brick-fieldset-optional-foreground);\n    font-weight: var(--brick-font-weight-regular);\n  }\n\n  .brick-fieldset-description,\n  .brick-fieldset-error {\n    min-inline-size: 0;\n    margin: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-fieldset-description {\n    color: var(--brick-fieldset-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-fieldset-description-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-fieldset-description-line-height);\n  }\n\n  .brick-fieldset-error {\n    position: relative;\n    padding-block-start: var(--brick-fieldset-control-gap);\n    padding-inline-start: var(--brick-space-2);\n    color: var(--brick-fieldset-error-foreground);\n    font-family: var(--brick-typography-validation-sm-font-family);\n    font-size: var(--brick-fieldset-error-font-size);\n    font-weight: var(--brick-fieldset-error-font-weight);\n    letter-spacing: var(--brick-typography-validation-sm-letter-spacing);\n    line-height: var(--brick-fieldset-error-line-height);\n  }\n\n  .brick-fieldset-error::before {\n    position: absolute;\n    inset-block: var(--brick-fieldset-control-gap) 0;\n    inset-inline-start: 0;\n    inline-size: max(var(--brick-border-width), 0.125rem);\n    background: var(--brick-fieldset-error-foreground);\n    content: \"\";\n  }\n\n  .brick-fieldset[data-disabled] .brick-fieldset-legend {\n    color: var(--brick-fieldset-legend-foreground-disabled);\n  }\n\n  .brick-fieldset[data-invalid] .brick-fieldset-legend {\n    text-decoration-line: underline;\n    text-decoration-style: wavy;\n    text-decoration-color: var(--brick-fieldset-error-foreground);\n    text-underline-offset: 0.2em;\n  }\n\n  @media (forced-colors: active) {\n    .brick-fieldset-error {\n      color: CanvasText;\n    }\n\n    .brick-fieldset-error::before {\n      background: Mark;\n    }\n\n    .brick-fieldset[data-invalid] .brick-fieldset-legend {\n      text-decoration-color: Mark;\n    }\n  }\n}\n"],"names":[]}