@flowstack-ui/brick 0.1.3 → 0.1.5

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,48DAoCA,4RACA,6RAEA,uJASA,2EACA,0HACA,+CAEA,gzBAuBA,qdAUA,+FACA,gKACA,yNACA,4KACA,iSACA,kHAEA,oYAWA,gEACA,oSAQA,sSAQA,uHAOA,wIAMA,gHACA,sGACA,kjBAMA,wJACA,yPACA,+iBAMA,sJACA,iRACA,sXACA,6VACA,meAEA,gmCAkBA,+KACA,kNACA,oEACA,2NACA,yJAMA,wKAEA,iGACA,6BAAgC,wJAChC,uCAA0C,iIAA0I,0DACpL,8BAAiC,4GAAwH,2GAAkH,0EAAgF,sKD7L7V","sources":["home/runner/work/brick/brick/.brick-cache/production/navigation-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/navigation-menu/navigation-menu.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/navigation-menu/navigation-menu.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-navigation-menu,\n  .brick-navigation-menu__sub {\n    --brick-navigation-menu-gap: var(--brick-space-1);\n    --brick-navigation-menu-control-min-block-size: var(--brick-control-target-min);\n    --brick-navigation-menu-control-padding-inline: var(--brick-space-3);\n    --brick-navigation-menu-control-radius: var(--brick-radius-control);\n    --brick-navigation-menu-control-foreground: currentColor;\n    --brick-navigation-menu-control-hover-background: var(--brick-color-surface-subtle);\n    --brick-navigation-menu-control-open-background: var(--brick-color-accent-soft);\n    --brick-navigation-menu-control-open-foreground: var(--brick-color-accent-text);\n    --brick-navigation-menu-control-current-foreground: currentColor;\n    --brick-navigation-menu-focus-ring: var(--brick-color-focus-ring);\n    --brick-navigation-menu-chevron-size: 0.375rem;\n    --brick-navigation-menu-chevron-stroke: 0.0625rem;\n    --brick-navigation-menu-chevron-gap: 0.375rem;\n    --brick-navigation-menu-current-underline-size: 0.0625rem;\n    --brick-navigation-menu-current-underline-offset: 0.25em;\n    --brick-navigation-menu-indicator-size: 0.625rem;\n    --brick-navigation-menu-indicator-offset: var(--brick-space-2);\n    --brick-navigation-menu-viewport-background: var(--brick-color-surface-overlay);\n    --brick-navigation-menu-viewport-foreground: var(--brick-color-text-primary);\n    --brick-navigation-menu-viewport-border: var(--brick-color-border-subtle);\n    --brick-navigation-menu-viewport-radius: var(--brick-radius-control);\n    --brick-navigation-menu-viewport-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n    --brick-navigation-menu-viewport-padding: var(--brick-space-4);\n    --brick-navigation-menu-viewport-max-inline-size: min(42rem, calc(100dvi - 2 * var(--brick-space-3)));\n    --brick-navigation-menu-motion-duration: var(--brick-motion-duration-fast);\n    --brick-navigation-menu-indicator-color: var(--brick-navigation-menu-viewport-background);\n    --brick-navigation-menu-indicator-border: var(--brick-navigation-menu-viewport-border);\n\n    position: relative;\n    display: inline-block;\n    max-inline-size: 100%;\n    color: inherit;\n  }\n\n  :where(.brick-navigation-menu, .brick-navigation-menu__sub)[data-size=\"sm\"] { --brick-navigation-menu-control-min-block-size: 2rem; --brick-navigation-menu-control-padding-inline: var(--brick-space-2); --brick-navigation-menu-chevron-size: 0.3125rem; --brick-navigation-menu-indicator-size: 0.5rem; }\n  :where(.brick-navigation-menu, .brick-navigation-menu__sub)[data-size=\"lg\"] { --brick-navigation-menu-control-min-block-size: 3rem; --brick-navigation-menu-control-padding-inline: var(--brick-space-4); --brick-navigation-menu-chevron-size: 0.4375rem; --brick-navigation-menu-indicator-size: 0.75rem; }\n\n  .brick-navigation-menu__list {\n    display: flex;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-navigation-menu-gap);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  .brick-navigation-menu__list[data-orientation=\"horizontal\"] { flex-wrap: nowrap; }\n  .brick-navigation-menu__list[data-orientation=\"vertical\"] { inline-size: fit-content; flex-direction: column; align-items: stretch; }\n  .brick-navigation-menu__item { min-inline-size: 0; }\n\n  :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link) {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-navigation-menu-control-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-navigation-menu-chevron-gap);\n    padding-inline: var(--brick-navigation-menu-control-padding-inline);\n    border: 0;\n    border-radius: var(--brick-navigation-menu-control-radius);\n    background: transparent;\n    color: var(--brick-navigation-menu-control-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-typography-control-md-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-typography-control-md-line-height);\n    text-align: start;\n    text-decoration: none;\n    white-space: nowrap;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n  .brick-navigation-menu__trigger::after {\n    content: \"\";\n    inline-size: var(--brick-navigation-menu-chevron-size);\n    block-size: var(--brick-navigation-menu-chevron-size);\n    flex: none;\n    border-inline-end: var(--brick-navigation-menu-chevron-stroke) solid currentColor;\n    border-block-end: var(--brick-navigation-menu-chevron-stroke) solid currentColor;\n    transform: translateY(-20%) rotate(45deg);\n    transition: transform var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);\n  }\n  .brick-navigation-menu__trigger[data-state=\"open\"]::after { transform: translateY(20%) rotate(225deg); }\n  :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):is(:hover, :focus-visible) { background: var(--brick-navigation-menu-control-hover-background); }\n  :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-navigation-menu__trigger[data-state=\"open\"] { background: var(--brick-navigation-menu-control-open-background); color: var(--brick-navigation-menu-control-open-foreground); }\n  .brick-navigation-menu__link[data-active] { color: var(--brick-navigation-menu-control-current-foreground); text-decoration-line: underline; text-decoration-thickness: var(--brick-navigation-menu-current-underline-size); text-underline-offset: var(--brick-navigation-menu-current-underline-offset); }\n  .brick-navigation-menu__trigger[data-disabled] { color: var(--brick-color-text-muted); opacity: 0.65; cursor: not-allowed; }\n\n  .brick-navigation-menu__indicator {\n    position: absolute;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: visible;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);\n  }\n  .brick-navigation-menu__indicator[data-state=\"visible\"] { opacity: 1; }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] {\n    inset-block-start: 100%;\n    inset-inline-start: 0;\n    inline-size: var(--atom-navigation-menu-trigger-width);\n    block-size: var(--brick-navigation-menu-indicator-offset);\n    align-items: flex-end;\n    translate: var(--atom-navigation-menu-trigger-left) 0;\n  }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] {\n    inset-block-start: 0;\n    inset-inline-start: 100%;\n    inline-size: var(--brick-navigation-menu-indicator-offset);\n    block-size: var(--atom-navigation-menu-trigger-height);\n    justify-content: flex-end;\n    translate: 0 var(--atom-navigation-menu-trigger-top);\n  }\n  .brick-navigation-menu__indicator-arrow {\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    flex: none;\n    background: transparent;\n  }\n  .brick-navigation-menu__indicator-arrow::before,\n  .brick-navigation-menu__indicator-arrow::after {\n    position: absolute;\n    display: block;\n    content: \"\";\n  }\n  .brick-navigation-menu__indicator-arrow::before { inset: 0; background: var(--brick-navigation-menu-indicator-border); }\n  .brick-navigation-menu__indicator-arrow::after { background: var(--brick-navigation-menu-indicator-color); }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow {\n    inline-size: var(--brick-navigation-menu-indicator-size);\n    block-size: calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));\n    background: linear-gradient(var(--brick-navigation-menu-indicator-color), var(--brick-navigation-menu-indicator-color)) bottom center / calc(100% - var(--brick-border-width) - var(--brick-border-width)) calc(var(--brick-border-width) + var(--brick-border-width)) no-repeat;\n    translate: 0 var(--brick-border-width);\n  }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(50% 0, 100% 100%, 0 100%); }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) var(--brick-border-width) 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); translate: 0 var(--brick-border-width); }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow {\n    inline-size: calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));\n    block-size: var(--brick-navigation-menu-indicator-size);\n    background: linear-gradient(var(--brick-navigation-menu-indicator-color), var(--brick-navigation-menu-indicator-color)) center right / calc(var(--brick-border-width) + var(--brick-border-width)) calc(100% - var(--brick-border-width) - var(--brick-border-width)) no-repeat;\n    translate: var(--brick-border-width) 0;\n  }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(0 50%, 100% 0, 100% 100%); }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) 0 var(--brick-border-width) var(--brick-border-width); clip-path: polygon(0 50%, 100% 0, 100% 100%); translate: var(--brick-border-width) 0; }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow { background-position: center left; translate: calc(var(--brick-border-width) * -1) 0; }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(100% 50%, 0 0, 0 100%); }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) var(--brick-border-width) var(--brick-border-width) 0; clip-path: polygon(100% 50%, 0 0, 0 100%); translate: calc(var(--brick-border-width) * -1) 0; }\n\n  .brick-navigation-menu__viewport {\n    position: absolute;\n    z-index: var(--brick-layer-overlay);\n    box-sizing: border-box;\n    inline-size: var(--atom-navigation-menu-viewport-width);\n    max-inline-size: var(--brick-navigation-menu-viewport-max-inline-size);\n    block-size: var(--atom-navigation-menu-viewport-height);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-navigation-menu-viewport-border);\n    border-radius: var(--brick-navigation-menu-viewport-radius);\n    background: var(--brick-navigation-menu-viewport-background);\n    box-shadow: var(--brick-navigation-menu-viewport-shadow);\n    color: var(--brick-navigation-menu-viewport-foreground);\n    opacity: 0;\n    transform-origin: top center;\n    scale: 0.98;\n    transition: inline-size var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), block-size var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), translate var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), opacity var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter), scale var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter);\n  }\n  .brick-navigation-menu[data-orientation=\"horizontal\"] > .brick-navigation-menu__viewport { inset-block-start: calc(100% + var(--brick-space-2)); inset-inline-start: 50%; translate: -50% 0; }\n  .brick-navigation-menu[data-orientation=\"vertical\"] > .brick-navigation-menu__viewport { inset-block-start: 0; inset-inline-start: calc(100% + var(--brick-space-2)); translate: 0 var(--atom-navigation-menu-trigger-top, 0); }\n  .brick-navigation-menu__viewport[data-state=\"open\"] { opacity: 1; scale: 1; }\n  .brick-navigation-menu__content { box-sizing: border-box; inline-size: max-content; max-inline-size: var(--brick-navigation-menu-viewport-max-inline-size); min-block-size: 0; padding: var(--brick-navigation-menu-viewport-padding); }\n  .brick-navigation-menu__content .brick-navigation-menu__link {\n    min-block-size: 0;\n    justify-content: flex-start;\n    padding: var(--brick-space-2);\n    white-space: normal;\n  }\n  .brick-navigation-menu__content[data-motion^=\"from-\"] { animation: brick-navigation-menu-enter var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter); }\n\n  @keyframes brick-navigation-menu-enter { from { opacity: 0; translate: 0 0.25rem; } to { opacity: 1; translate: 0 0; } }\n  @supports not (width: 100dvi) { .brick-navigation-menu, .brick-navigation-menu__sub { --brick-navigation-menu-viewport-max-inline-size: min(42rem, calc(100vw - 2 * var(--brick-space-3))); } }\n  @media (prefers-reduced-motion: reduce) { .brick-navigation-menu__trigger::after, .brick-navigation-menu__indicator, .brick-navigation-menu__viewport { transition-duration: 1ms; } .brick-navigation-menu__content { animation: none !important; } }\n  @media (forced-colors: active) { .brick-navigation-menu__viewport { border-color: CanvasText; background: Canvas; box-shadow: none; color: CanvasText; } :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):focus-visible { outline-color: Highlight; } .brick-navigation-menu__link[data-active] { text-decoration-color: Highlight; } .brick-navigation-menu__indicator-arrow { --brick-navigation-menu-indicator-color: Canvas; --brick-navigation-menu-indicator-border: CanvasText; forced-color-adjust: none; } }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,48DAoCA,4RACA,6RAEA,uJASA,2EACA,0HACA,+CAEA,gzBAuBA,qdAUA,+FACA,gKACA,yNACA,4KACA,iSACA,6KASA,iFACA,0FACA,iGACA,oNAIA,kGACA,kHAEA,oYAWA,gEACA,8SASA,sSAQA,uHAOA,wIAMA,gHACA,sGACA,kjBAMA,wJACA,yPACA,+iBAMA,sJACA,iRACA,sXACA,6VACA,meAEA,gmCAkBA,6VAOA,kNACA,oEACA,2NACA,+KAMA,wKAEA,iGACA,6BAAgC,wJAChC,uCAA0C,iIAA0I,0DACpL,8BAAiC,4GAAwH,yLAAkO,0EAAgF,sKDrN7c","sources":["home/runner/work/brick/brick/.brick-cache/production/navigation-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/navigation-menu/navigation-menu.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/navigation-menu/navigation-menu.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-navigation-menu,\n  .brick-navigation-menu__sub {\n    --brick-navigation-menu-gap: var(--brick-space-1);\n    --brick-navigation-menu-control-min-block-size: var(--brick-control-target-min);\n    --brick-navigation-menu-control-padding-inline: var(--brick-space-3);\n    --brick-navigation-menu-control-radius: var(--brick-radius-control);\n    --brick-navigation-menu-control-foreground: currentColor;\n    --brick-navigation-menu-control-hover-background: var(--brick-color-surface-subtle);\n    --brick-navigation-menu-control-open-background: var(--brick-color-accent-soft);\n    --brick-navigation-menu-control-open-foreground: var(--brick-color-accent-text);\n    --brick-navigation-menu-control-current-foreground: currentColor;\n    --brick-navigation-menu-focus-ring: var(--brick-color-focus-ring);\n    --brick-navigation-menu-chevron-size: 0.375rem;\n    --brick-navigation-menu-chevron-stroke: 0.0625rem;\n    --brick-navigation-menu-chevron-gap: 0.375rem;\n    --brick-navigation-menu-current-underline-size: 0.0625rem;\n    --brick-navigation-menu-current-underline-offset: 0.25em;\n    --brick-navigation-menu-indicator-size: 0.625rem;\n    --brick-navigation-menu-indicator-offset: var(--brick-space-2);\n    --brick-navigation-menu-viewport-background: var(--brick-color-surface-overlay);\n    --brick-navigation-menu-viewport-foreground: var(--brick-color-text-primary);\n    --brick-navigation-menu-viewport-border: var(--brick-color-border-subtle);\n    --brick-navigation-menu-viewport-radius: var(--brick-radius-control);\n    --brick-navigation-menu-viewport-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n    --brick-navigation-menu-viewport-padding: var(--brick-space-4);\n    --brick-navigation-menu-viewport-max-inline-size: min(42rem, calc(100dvi - 2 * var(--brick-space-3)));\n    --brick-navigation-menu-motion-duration: var(--brick-motion-duration-fast);\n    --brick-navigation-menu-indicator-color: var(--brick-navigation-menu-viewport-background);\n    --brick-navigation-menu-indicator-border: var(--brick-navigation-menu-viewport-border);\n\n    position: relative;\n    display: inline-block;\n    max-inline-size: 100%;\n    color: inherit;\n  }\n\n  :where(.brick-navigation-menu, .brick-navigation-menu__sub)[data-size=\"sm\"] { --brick-navigation-menu-control-min-block-size: 2rem; --brick-navigation-menu-control-padding-inline: var(--brick-space-2); --brick-navigation-menu-chevron-size: 0.3125rem; --brick-navigation-menu-indicator-size: 0.5rem; }\n  :where(.brick-navigation-menu, .brick-navigation-menu__sub)[data-size=\"lg\"] { --brick-navigation-menu-control-min-block-size: 3rem; --brick-navigation-menu-control-padding-inline: var(--brick-space-4); --brick-navigation-menu-chevron-size: 0.4375rem; --brick-navigation-menu-indicator-size: 0.75rem; }\n\n  .brick-navigation-menu__list {\n    display: flex;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-navigation-menu-gap);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  .brick-navigation-menu__list[data-orientation=\"horizontal\"] { flex-wrap: nowrap; }\n  .brick-navigation-menu__list[data-orientation=\"vertical\"] { inline-size: fit-content; flex-direction: column; align-items: stretch; }\n  .brick-navigation-menu__item { min-inline-size: 0; }\n\n  :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link) {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-navigation-menu-control-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-navigation-menu-chevron-gap);\n    padding-inline: var(--brick-navigation-menu-control-padding-inline);\n    border: 0;\n    border-radius: var(--brick-navigation-menu-control-radius);\n    background: transparent;\n    color: var(--brick-navigation-menu-control-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-typography-control-md-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-typography-control-md-line-height);\n    text-align: start;\n    text-decoration: none;\n    white-space: nowrap;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n  .brick-navigation-menu__trigger::after {\n    content: \"\";\n    inline-size: var(--brick-navigation-menu-chevron-size);\n    block-size: var(--brick-navigation-menu-chevron-size);\n    flex: none;\n    border-inline-end: var(--brick-navigation-menu-chevron-stroke) solid currentColor;\n    border-block-end: var(--brick-navigation-menu-chevron-stroke) solid currentColor;\n    transform: translateY(-20%) rotate(45deg);\n    transition: transform var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);\n  }\n  .brick-navigation-menu__trigger[data-state=\"open\"]::after { transform: translateY(20%) rotate(225deg); }\n  :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):is(:hover, :focus-visible) { background: var(--brick-navigation-menu-control-hover-background); }\n  :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-navigation-menu__trigger[data-state=\"open\"] { background: var(--brick-navigation-menu-control-open-background); color: var(--brick-navigation-menu-control-open-foreground); }\n  .brick-navigation-menu__link[data-active] { color: var(--brick-navigation-menu-control-current-foreground); text-decoration-line: underline; text-decoration-thickness: var(--brick-navigation-menu-current-underline-size); text-underline-offset: var(--brick-navigation-menu-current-underline-offset); }\n  .brick-navigation-menu__link[data-variant=\"panel\"] {\n    inline-size: 100%;\n    align-items: stretch;\n    justify-content: flex-start;\n    padding: 0;\n    border-radius: 0;\n    background: transparent;\n    white-space: normal;\n  }\n  .brick-navigation-menu__link[data-variant=\"panel\"] > .brick-surface { inline-size: 100%; }\n  .brick-navigation-menu__link[data-variant=\"panel\"]:is(:hover, :focus-visible) { background: transparent; }\n  .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible:has(> .brick-surface) { outline: none; }\n  .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible > .brick-surface {\n    outline: var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n  .brick-navigation-menu__link[data-variant=\"panel\"][data-active] { background: transparent; text-decoration: none; }\n  .brick-navigation-menu__trigger[data-disabled] { color: var(--brick-color-text-muted); opacity: 0.65; cursor: not-allowed; }\n\n  .brick-navigation-menu__indicator {\n    position: absolute;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: visible;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);\n  }\n  .brick-navigation-menu__indicator[data-state=\"visible\"] { opacity: 1; }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] {\n    inset-block-start: 100%;\n    inset-inline-start: auto;\n    left: 0;\n    inline-size: var(--atom-navigation-menu-trigger-width);\n    block-size: var(--brick-navigation-menu-indicator-offset);\n    align-items: flex-end;\n    translate: var(--atom-navigation-menu-trigger-left) 0;\n  }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] {\n    inset-block-start: 0;\n    inset-inline-start: 100%;\n    inline-size: var(--brick-navigation-menu-indicator-offset);\n    block-size: var(--atom-navigation-menu-trigger-height);\n    justify-content: flex-end;\n    translate: 0 var(--atom-navigation-menu-trigger-top);\n  }\n  .brick-navigation-menu__indicator-arrow {\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    flex: none;\n    background: transparent;\n  }\n  .brick-navigation-menu__indicator-arrow::before,\n  .brick-navigation-menu__indicator-arrow::after {\n    position: absolute;\n    display: block;\n    content: \"\";\n  }\n  .brick-navigation-menu__indicator-arrow::before { inset: 0; background: var(--brick-navigation-menu-indicator-border); }\n  .brick-navigation-menu__indicator-arrow::after { background: var(--brick-navigation-menu-indicator-color); }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow {\n    inline-size: var(--brick-navigation-menu-indicator-size);\n    block-size: calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));\n    background: linear-gradient(var(--brick-navigation-menu-indicator-color), var(--brick-navigation-menu-indicator-color)) bottom center / calc(100% - var(--brick-border-width) - var(--brick-border-width)) calc(var(--brick-border-width) + var(--brick-border-width)) no-repeat;\n    translate: 0 var(--brick-border-width);\n  }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(50% 0, 100% 100%, 0 100%); }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) var(--brick-border-width) 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); translate: 0 var(--brick-border-width); }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow {\n    inline-size: calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));\n    block-size: var(--brick-navigation-menu-indicator-size);\n    background: linear-gradient(var(--brick-navigation-menu-indicator-color), var(--brick-navigation-menu-indicator-color)) center right / calc(var(--brick-border-width) + var(--brick-border-width)) calc(100% - var(--brick-border-width) - var(--brick-border-width)) no-repeat;\n    translate: var(--brick-border-width) 0;\n  }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(0 50%, 100% 0, 100% 100%); }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) 0 var(--brick-border-width) var(--brick-border-width); clip-path: polygon(0 50%, 100% 0, 100% 100%); translate: var(--brick-border-width) 0; }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow { background-position: center left; translate: calc(var(--brick-border-width) * -1) 0; }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(100% 50%, 0 0, 0 100%); }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) var(--brick-border-width) var(--brick-border-width) 0; clip-path: polygon(100% 50%, 0 0, 0 100%); translate: calc(var(--brick-border-width) * -1) 0; }\n\n  .brick-navigation-menu__viewport {\n    position: absolute;\n    z-index: var(--brick-layer-overlay);\n    box-sizing: border-box;\n    inline-size: var(--atom-navigation-menu-viewport-width);\n    max-inline-size: var(--brick-navigation-menu-viewport-max-inline-size);\n    block-size: var(--atom-navigation-menu-viewport-height);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-navigation-menu-viewport-border);\n    border-radius: var(--brick-navigation-menu-viewport-radius);\n    background: var(--brick-navigation-menu-viewport-background);\n    box-shadow: var(--brick-navigation-menu-viewport-shadow);\n    color: var(--brick-navigation-menu-viewport-foreground);\n    opacity: 0;\n    transform-origin: top center;\n    scale: 0.98;\n    transition: inline-size var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), block-size var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), translate var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), opacity var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter), scale var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter);\n  }\n  .brick-navigation-menu[data-orientation=\"horizontal\"] > .brick-navigation-menu__viewport {\n    inset-block-start: calc(100% + var(--brick-space-2));\n    inset-inline-start: auto;\n    left: var(--atom-navigation-menu-viewport-left);\n    max-inline-size: min(var(--brick-navigation-menu-viewport-max-inline-size), var(--atom-navigation-menu-viewport-available-width));\n    translate: 0 0;\n  }\n  .brick-navigation-menu[data-orientation=\"vertical\"] > .brick-navigation-menu__viewport { inset-block-start: 0; inset-inline-start: calc(100% + var(--brick-space-2)); translate: 0 var(--atom-navigation-menu-trigger-top, 0); }\n  .brick-navigation-menu__viewport[data-state=\"open\"] { opacity: 1; scale: 1; }\n  .brick-navigation-menu__content { box-sizing: border-box; inline-size: max-content; max-inline-size: var(--brick-navigation-menu-viewport-max-inline-size); min-block-size: 0; padding: var(--brick-navigation-menu-viewport-padding); }\n  .brick-navigation-menu__content .brick-navigation-menu__link[data-variant=\"control\"] {\n    min-block-size: 0;\n    justify-content: flex-start;\n    padding: var(--brick-space-2);\n    white-space: normal;\n  }\n  .brick-navigation-menu__content[data-motion^=\"from-\"] { animation: brick-navigation-menu-enter var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter); }\n\n  @keyframes brick-navigation-menu-enter { from { opacity: 0; translate: 0 0.25rem; } to { opacity: 1; translate: 0 0; } }\n  @supports not (width: 100dvi) { .brick-navigation-menu, .brick-navigation-menu__sub { --brick-navigation-menu-viewport-max-inline-size: min(42rem, calc(100vw - 2 * var(--brick-space-3))); } }\n  @media (prefers-reduced-motion: reduce) { .brick-navigation-menu__trigger::after, .brick-navigation-menu__indicator, .brick-navigation-menu__viewport { transition-duration: 1ms; } .brick-navigation-menu__content { animation: none !important; } }\n  @media (forced-colors: active) { .brick-navigation-menu__viewport { border-color: CanvasText; background: Canvas; box-shadow: none; color: CanvasText; } :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):focus-visible { outline-color: Highlight; } .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible > .brick-surface { outline-color: Highlight; } .brick-navigation-menu__link[data-active] { text-decoration-color: Highlight; } .brick-navigation-menu__indicator-arrow { --brick-navigation-menu-indicator-color: Canvas; --brick-navigation-menu-indicator-border: CanvasText; forced-color-adjust: none; } }\n}\n"],"names":[]}

package/dist/styles/sidebar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,4gCA2BA,gGACA,gGACA,+FACA,6GACA,6GACA,mGAEA,iHACA,oEACA,mEAEA,8OAOA,qaAgBA,gKAIA,2KACA,sMACA,mKACA,2FAEA,0NAEA,0GACA,4GACA,0OACA,uCAEA,uZAcA,0FACA,kKACA,wFAEA,8CACE,qNACA,yNAGF,8BACE,+FACA,mEACA,gEDxGJ","sources":["home/runner/work/brick/brick/.brick-cache/production/sidebar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/sidebar/sidebar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/sidebar/sidebar.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-sidebar {\n    --brick-sidebar-expanded-width-sm: 14rem;\n    --brick-sidebar-expanded-width-md: 17rem;\n    --brick-sidebar-expanded-width-lg: 20rem;\n    --brick-sidebar-rail-width-sm: 3.25rem;\n    --brick-sidebar-rail-width-md: 3.75rem;\n    --brick-sidebar-rail-width-lg: 4.25rem;\n    --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-md);\n    --brick-sidebar-panel-background: var(--brick-color-surface-base);\n    --brick-sidebar-panel-border: var(--brick-color-border-subtle);\n    --brick-sidebar-panel-radius: 0;\n    --brick-sidebar-panel-gap: 0px;\n    --brick-sidebar-region-padding-inline: var(--brick-space-4);\n    --brick-sidebar-region-padding-block: var(--brick-space-4);\n    --brick-sidebar-content-gap: var(--brick-space-3);\n    --brick-sidebar-sticky-offset: 0px;\n    --brick-sidebar-available-block-size: calc(100dvh - var(--brick-sidebar-sticky-offset));\n    --brick-sidebar-transition-duration: 180ms;\n    --brick-sidebar-transition-easing: ease;\n\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, var(--brick-sidebar-panel-width)) minmax(0, 1fr);\n    align-items: start;\n    gap: var(--brick-sidebar-panel-gap);\n  }\n\n  .brick-sidebar[data-size=\"sm\"] { --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-sm); }\n  .brick-sidebar[data-size=\"lg\"] { --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-lg); }\n  .brick-sidebar[data-state=\"rail\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-md); }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"sm\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-sm); }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"lg\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-lg); }\n  .brick-sidebar[data-state=\"offcanvas\"] { --brick-sidebar-panel-width: 0px; --brick-sidebar-panel-gap: 0px; }\n\n  .brick-sidebar[data-side=\"right\"] { grid-template-columns: minmax(0, 1fr) minmax(0, var(--brick-sidebar-panel-width)); }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel { grid-column: 2; }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__main { grid-column: 1; grid-row: 1; }\n\n  .brick-sidebar[data-variant=\"floating\"] {\n    --brick-sidebar-panel-background: var(--brick-color-surface-raised);\n    --brick-sidebar-panel-radius: var(--brick-radius-surface);\n    --brick-sidebar-panel-gap: var(--brick-space-3);\n    padding: var(--brick-space-3);\n  }\n\n  .brick-sidebar__panel {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    overflow: clip;\n    min-inline-size: 0;\n    inline-size: var(--brick-sidebar-panel-width);\n    max-inline-size: 100%;\n    align-self: stretch;\n    flex-direction: column;\n    border-inline-end: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n    border-radius: var(--brick-sidebar-panel-radius);\n    background: var(--brick-sidebar-panel-background);\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel {\n    border-inline-start: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n    border-inline-end: 0;\n  }\n  .brick-sidebar[data-variant=\"floating\"] > .brick-sidebar__panel { border: var(--brick-border-width) solid var(--brick-sidebar-panel-border); box-shadow: var(--brick-shadow-raised); }\n  .brick-sidebar[data-position=\"sticky\"] > .brick-sidebar__panel { position: sticky; inset-block-start: var(--brick-sidebar-sticky-offset); block-size: var(--brick-sidebar-available-block-size); min-block-size: 0; }\n  .brick-sidebar[data-state=\"offcanvas\"] > .brick-sidebar__panel { visibility: hidden; inline-size: 0; block-size: 0; min-block-size: 0; align-self: start; border: 0; translate: -100% 0; }\n  .brick-sidebar[data-state=\"offcanvas\"][data-side=\"right\"] > .brick-sidebar__panel { translate: 100% 0; }\n\n  .brick-sidebar__header,\n  .brick-sidebar__footer { display: flex; flex: 0 0 auto; align-items: center; gap: var(--brick-sidebar-content-gap); padding: var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline); }\n  .brick-sidebar__header { border-block-end: var(--brick-border-width) solid var(--brick-sidebar-panel-border); }\n  .brick-sidebar__footer { border-block-start: var(--brick-border-width) solid var(--brick-sidebar-panel-border); }\n  .brick-sidebar__content { display: flex; min-block-size: 0; min-inline-size: 0; flex: 1 1 auto; flex-direction: column; gap: var(--brick-sidebar-content-gap); padding: var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline); }\n  .brick-sidebar__main { min-inline-size: 0; }\n\n  .brick-sidebar__trigger {\n    box-sizing: border-box;\n    display: inline-flex;\n    min-inline-size: var(--brick-control-min-block-size-sm);\n    min-block-size: var(--brick-control-min-block-size-sm);\n    align-items: center;\n    justify-content: center;\n    padding: var(--brick-space-2);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-radius-control);\n    background: transparent;\n    color: var(--brick-color-text-primary);\n    cursor: pointer;\n  }\n  .brick-sidebar__trigger:hover:not(:disabled) { background: var(--brick-color-surface-subtle); }\n  .brick-sidebar__trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-sidebar__trigger:disabled { color: var(--brick-color-text-muted); cursor: not-allowed; }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .brick-sidebar { transition: grid-template-columns var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), gap var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing); }\n    .brick-sidebar__panel { transition: inline-size var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), translate var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing); }\n  }\n\n  @media (forced-colors: active) {\n    .brick-sidebar { --brick-sidebar-panel-background: Canvas; --brick-sidebar-panel-border: CanvasText; }\n    .brick-sidebar__trigger { border-color: ButtonBorder; color: ButtonText; }\n    .brick-sidebar__trigger:focus-visible { outline-color: Highlight; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"AEAA,sCAAA,wBDCE,4gCA2BA,gGACA,gGACA,+FACA,6GACA,6GACA,mGAEA,iHACA,oEACA,mEAEA,8OAOA,qaAgBA,gKAIA,2KACA,sMACA,mKACA,2FAEA,0NAEA,0GACA,4GACA,0OACA,uCAEA,uZAcA,0FACA,kKACA,wFAEA,8CACE,qNACA,yNAGF,8BACE,+FACA,mEACA,gECxGJ","sources":["home/runner/work/brick/brick/.brick-cache/production/sidebar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/sidebar/sidebar.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/sidebar/sidebar.css\";","@layer brick.components {\n  .brick-sidebar {\n    --brick-sidebar-expanded-width-sm: 14rem;\n    --brick-sidebar-expanded-width-md: 17rem;\n    --brick-sidebar-expanded-width-lg: 20rem;\n    --brick-sidebar-rail-width-sm: 3.25rem;\n    --brick-sidebar-rail-width-md: 3.75rem;\n    --brick-sidebar-rail-width-lg: 4.25rem;\n    --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-md);\n    --brick-sidebar-panel-background: var(--brick-color-surface-base);\n    --brick-sidebar-panel-border: var(--brick-color-border-subtle);\n    --brick-sidebar-panel-radius: 0;\n    --brick-sidebar-panel-gap: 0px;\n    --brick-sidebar-region-padding-inline: var(--brick-space-4);\n    --brick-sidebar-region-padding-block: var(--brick-space-4);\n    --brick-sidebar-content-gap: var(--brick-space-3);\n    --brick-sidebar-sticky-offset: 0px;\n    --brick-sidebar-available-block-size: calc(100dvh - var(--brick-sidebar-sticky-offset));\n    --brick-sidebar-transition-duration: 180ms;\n    --brick-sidebar-transition-easing: ease;\n\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, var(--brick-sidebar-panel-width)) minmax(0, 1fr);\n    align-items: start;\n    gap: var(--brick-sidebar-panel-gap);\n  }\n\n  .brick-sidebar[data-size=\"sm\"] { --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-sm); }\n  .brick-sidebar[data-size=\"lg\"] { --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-lg); }\n  .brick-sidebar[data-state=\"rail\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-md); }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"sm\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-sm); }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"lg\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-lg); }\n  .brick-sidebar[data-state=\"offcanvas\"] { --brick-sidebar-panel-width: 0px; --brick-sidebar-panel-gap: 0px; }\n\n  .brick-sidebar[data-side=\"right\"] { grid-template-columns: minmax(0, 1fr) minmax(0, var(--brick-sidebar-panel-width)); }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel { grid-column: 2; }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__main { grid-column: 1; grid-row: 1; }\n\n  .brick-sidebar[data-variant=\"floating\"] {\n    --brick-sidebar-panel-background: var(--brick-color-surface-raised);\n    --brick-sidebar-panel-radius: var(--brick-radius-surface);\n    --brick-sidebar-panel-gap: var(--brick-space-3);\n    padding: var(--brick-space-3);\n  }\n\n  .brick-sidebar__panel {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    overflow: clip;\n    min-inline-size: 0;\n    inline-size: var(--brick-sidebar-panel-width);\n    max-inline-size: 100%;\n    align-self: stretch;\n    flex-direction: column;\n    border-inline-end: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n    border-radius: var(--brick-sidebar-panel-radius);\n    background: var(--brick-sidebar-panel-background);\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel {\n    border-inline-start: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n    border-inline-end: 0;\n  }\n  .brick-sidebar[data-variant=\"floating\"] > .brick-sidebar__panel { border: var(--brick-border-width) solid var(--brick-sidebar-panel-border); box-shadow: var(--brick-shadow-raised); }\n  .brick-sidebar[data-position=\"sticky\"] > .brick-sidebar__panel { position: sticky; inset-block-start: var(--brick-sidebar-sticky-offset); block-size: var(--brick-sidebar-available-block-size); min-block-size: 0; }\n  .brick-sidebar[data-state=\"offcanvas\"] > .brick-sidebar__panel { visibility: hidden; inline-size: 0; block-size: 0; min-block-size: 0; align-self: start; border: 0; translate: -100% 0; }\n  .brick-sidebar[data-state=\"offcanvas\"][data-side=\"right\"] > .brick-sidebar__panel { translate: 100% 0; }\n\n  .brick-sidebar__header,\n  .brick-sidebar__footer { display: flex; flex: 0 0 auto; align-items: center; gap: var(--brick-sidebar-content-gap); padding: var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline); }\n  .brick-sidebar__header { border-block-end: var(--brick-border-width) solid var(--brick-sidebar-panel-border); }\n  .brick-sidebar__footer { border-block-start: var(--brick-border-width) solid var(--brick-sidebar-panel-border); }\n  .brick-sidebar__content { display: flex; min-block-size: 0; min-inline-size: 0; flex: 1 1 auto; flex-direction: column; gap: var(--brick-sidebar-content-gap); padding: var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline); }\n  .brick-sidebar__main { min-inline-size: 0; }\n\n  .brick-sidebar__trigger {\n    box-sizing: border-box;\n    display: inline-flex;\n    min-inline-size: var(--brick-control-min-block-size-sm);\n    min-block-size: var(--brick-control-min-block-size-sm);\n    align-items: center;\n    justify-content: center;\n    padding: var(--brick-space-2);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-radius-control);\n    background: transparent;\n    color: var(--brick-color-text-primary);\n    cursor: pointer;\n  }\n  .brick-sidebar__trigger:hover:not(:disabled) { background: var(--brick-color-surface-subtle); }\n  .brick-sidebar__trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-sidebar__trigger:disabled { color: var(--brick-color-text-muted); cursor: not-allowed; }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .brick-sidebar { transition: grid-template-columns var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), gap var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing); }\n    .brick-sidebar__panel { transition: inline-size var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), translate var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing); }\n  }\n\n  @media (forced-colors: active) {\n    .brick-sidebar { --brick-sidebar-panel-background: Canvas; --brick-sidebar-panel-border: CanvasText; }\n    .brick-sidebar__trigger { border-color: ButtonBorder; color: ButtonText; }\n    .brick-sidebar__trigger:focus-visible { outline-color: Highlight; }\n  }\n}\n","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n"],"names":[]}

package/dist/styles/text.css

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

package/dist/styles/text.css.map

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