@flowstack-ui/brick 0.1.11 → 0.1.12

package/dist/styles/menubar.css.map

@@ -1 +1 @@
-{"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,6nCA0BA,wFACA,qIACA,qIAEA,yYAeA,iHACA,4KACA,oJACA,uFAEA,6EAKA,ytFA8BA,8BACE,0EACA,gEFxFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/menubar.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/menubar/menubar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-menu/action-menu.css\";\n@import \"../../src/components/menubar/menubar.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  .brick-menubar {\n    --brick-menubar-background: var(--brick-color-surface-subtle);\n    --brick-menubar-border: var(--brick-color-border-subtle);\n    --brick-menubar-radius: var(--brick-radius-control);\n    --brick-menubar-padding: var(--brick-space-1);\n    --brick-menubar-gap: var(--brick-space-1);\n    --brick-menubar-trigger-min-block-size: var(--brick-control-target-min);\n    --brick-menubar-trigger-padding-inline: var(--brick-space-3);\n    --brick-menubar-trigger-radius: calc(var(--brick-radius-control) - var(--brick-border-width));\n    --brick-menubar-trigger-foreground: var(--brick-color-text-primary);\n    --brick-menubar-trigger-interaction-background: var(--brick-color-surface-raised);\n    --brick-menubar-trigger-open-background: var(--brick-color-accent-soft);\n    --brick-menubar-trigger-open-foreground: var(--brick-color-accent-text);\n    --brick-menubar-trigger-focus-ring: var(--brick-color-focus-ring);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    align-items: stretch;\n    gap: var(--brick-menubar-gap);\n    padding: var(--brick-menubar-padding);\n    border: var(--brick-border-width) solid var(--brick-menubar-border);\n    border-radius: var(--brick-menubar-radius);\n    background: var(--brick-menubar-background);\n  }\n\n  .brick-menubar[data-orientation=\"vertical\"] { flex-direction: column; inline-size: fit-content; }\n  .brick-menubar[data-size=\"sm\"] { --brick-menubar-trigger-min-block-size: 2rem; --brick-menubar-trigger-padding-inline: var(--brick-space-2); }\n  .brick-menubar[data-size=\"lg\"] { --brick-menubar-trigger-min-block-size: 3rem; --brick-menubar-trigger-padding-inline: var(--brick-space-4); }\n\n  .brick-menubar__trigger {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-block-size: var(--brick-menubar-trigger-min-block-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-menubar-trigger-padding-inline);\n    border: 0;\n    border-radius: var(--brick-menubar-trigger-radius);\n    background: transparent;\n    color: var(--brick-menubar-trigger-foreground);\n    font: inherit;\n    white-space: nowrap;\n    cursor: default;\n  }\n  .brick-menubar__trigger:is(:hover, :focus-visible) { background: var(--brick-menubar-trigger-interaction-background); }\n  .brick-menubar__trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-menubar-trigger-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-menubar__trigger[data-state=\"open\"] { background: var(--brick-menubar-trigger-open-background); color: var(--brick-menubar-trigger-open-foreground); }\n  .brick-menubar__trigger[data-disabled] { color: var(--brick-color-text-muted); opacity: 0.65; }\n\n  .brick-menubar__content[data-state=\"closed\"] {\n    visibility: hidden;\n    transition: none;\n  }\n\n  :where(.brick-menubar__content, .brick-menubar__sub-content) {\n    --brick-action-menu-content-background: var(--brick-menubar-content-background, var(--brick-color-surface-overlay));\n    --brick-action-menu-content-foreground: var(--brick-menubar-content-foreground, var(--brick-color-text-primary));\n    --brick-action-menu-content-border: var(--brick-menubar-content-border, var(--brick-color-border-subtle));\n    --brick-action-menu-content-radius: var(--brick-menubar-content-radius, var(--brick-radius-overlay));\n    --brick-action-menu-content-shadow: var(--brick-menubar-content-shadow, var(--brick-shadow-floating));\n    --brick-action-menu-content-padding: var(--brick-menubar-content-padding, var(--brick-space-1));\n    --brick-action-menu-content-max-block-size: var(--brick-menubar-content-max-block-size, 20rem);\n    --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n    --brick-action-menu-row-min-block-size: var(--brick-menubar-row-min-block-size, var(--brick-control-target-min));\n    --brick-action-menu-row-padding-inline: var(--brick-menubar-row-padding-inline, var(--brick-space-3));\n    --brick-action-menu-row-gap: var(--brick-menubar-row-gap, var(--brick-space-2));\n    --brick-action-menu-row-radius: var(--brick-menubar-row-radius, var(--brick-radius-control));\n    --brick-action-menu-row-foreground: var(--brick-menubar-row-foreground, var(--brick-color-text-primary));\n    --brick-action-menu-row-highlighted-background: var(--brick-menubar-row-highlighted-background, var(--brick-color-accent-soft));\n    --brick-action-menu-row-highlighted-foreground: var(--brick-menubar-row-highlighted-foreground, var(--brick-color-accent-text));\n    --brick-action-menu-description-foreground: var(--brick-menubar-description-foreground, var(--brick-color-text-secondary));\n    --brick-action-menu-shortcut-foreground: var(--brick-menubar-shortcut-foreground, var(--brick-color-text-muted));\n    --brick-action-menu-label-foreground: var(--brick-menubar-label-foreground, var(--brick-color-text-secondary));\n    --brick-action-menu-disabled-foreground: var(--brick-menubar-disabled-foreground, var(--brick-color-text-muted));\n    --brick-action-menu-danger-foreground: var(--brick-menubar-danger-foreground, var(--brick-color-danger-text));\n    --brick-action-menu-danger-background: var(--brick-menubar-danger-background, var(--brick-color-danger-soft));\n    --brick-action-menu-separator-color: var(--brick-menubar-separator-color, var(--brick-color-border-subtle));\n    --brick-action-menu-indicator-size: var(--brick-menubar-indicator-size, 1rem);\n    --brick-action-menu-focus-ring: var(--brick-menubar-focus-ring, var(--brick-color-focus-ring));\n    --brick-action-menu-motion-duration: var(--brick-menubar-motion-duration, var(--brick-motion-duration-fast));\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  @media (forced-colors: active) {\n    .brick-menubar { border-color: CanvasText; background: Canvas; color: CanvasText; }\n    .brick-menubar__trigger:focus-visible { outline-color: Highlight; }\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,6nCA0BA,wFACA,qIACA,qIAEA,yYAeA,iHACA,4KACA,oJACA,uFAEA,6EAKA,ytFA8BA,8BACE,0EACA,gEFxFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/menubar.source.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/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/menubar/menubar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-menu/action-menu.css\";\n@import \"../../src/components/menubar/menubar.css\";","@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.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-menubar {\n    --brick-menubar-background: var(--brick-color-surface-subtle);\n    --brick-menubar-border: var(--brick-color-border-subtle);\n    --brick-menubar-radius: var(--brick-radius-control);\n    --brick-menubar-padding: var(--brick-space-1);\n    --brick-menubar-gap: var(--brick-space-1);\n    --brick-menubar-trigger-min-block-size: var(--brick-control-target-min);\n    --brick-menubar-trigger-padding-inline: var(--brick-space-3);\n    --brick-menubar-trigger-radius: calc(var(--brick-radius-control) - var(--brick-border-width));\n    --brick-menubar-trigger-foreground: var(--brick-color-text-primary);\n    --brick-menubar-trigger-interaction-background: var(--brick-color-surface-raised);\n    --brick-menubar-trigger-open-background: var(--brick-color-accent-soft);\n    --brick-menubar-trigger-open-foreground: var(--brick-color-accent-text);\n    --brick-menubar-trigger-focus-ring: var(--brick-color-focus-ring);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    align-items: stretch;\n    gap: var(--brick-menubar-gap);\n    padding: var(--brick-menubar-padding);\n    border: var(--brick-border-width) solid var(--brick-menubar-border);\n    border-radius: var(--brick-menubar-radius);\n    background: var(--brick-menubar-background);\n  }\n\n  .brick-menubar[data-orientation=\"vertical\"] { flex-direction: column; inline-size: fit-content; }\n  .brick-menubar[data-size=\"sm\"] { --brick-menubar-trigger-min-block-size: 2rem; --brick-menubar-trigger-padding-inline: var(--brick-space-2); }\n  .brick-menubar[data-size=\"lg\"] { --brick-menubar-trigger-min-block-size: 3rem; --brick-menubar-trigger-padding-inline: var(--brick-space-4); }\n\n  .brick-menubar__trigger {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-block-size: var(--brick-menubar-trigger-min-block-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-menubar-trigger-padding-inline);\n    border: 0;\n    border-radius: var(--brick-menubar-trigger-radius);\n    background: transparent;\n    color: var(--brick-menubar-trigger-foreground);\n    font: inherit;\n    white-space: nowrap;\n    cursor: default;\n  }\n  .brick-menubar__trigger:is(:hover, :focus-visible) { background: var(--brick-menubar-trigger-interaction-background); }\n  .brick-menubar__trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-menubar-trigger-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-menubar__trigger[data-state=\"open\"] { background: var(--brick-menubar-trigger-open-background); color: var(--brick-menubar-trigger-open-foreground); }\n  .brick-menubar__trigger[data-disabled] { color: var(--brick-color-text-muted); opacity: 0.65; }\n\n  .brick-menubar__content[data-state=\"closed\"] {\n    visibility: hidden;\n    transition: none;\n  }\n\n  :where(.brick-menubar__content, .brick-menubar__sub-content) {\n    --brick-action-menu-content-background: var(--brick-menubar-content-background, var(--brick-color-surface-overlay));\n    --brick-action-menu-content-foreground: var(--brick-menubar-content-foreground, var(--brick-color-text-primary));\n    --brick-action-menu-content-border: var(--brick-menubar-content-border, var(--brick-color-border-subtle));\n    --brick-action-menu-content-radius: var(--brick-menubar-content-radius, var(--brick-radius-overlay));\n    --brick-action-menu-content-shadow: var(--brick-menubar-content-shadow, var(--brick-shadow-floating));\n    --brick-action-menu-content-padding: var(--brick-menubar-content-padding, var(--brick-space-1));\n    --brick-action-menu-content-max-block-size: var(--brick-menubar-content-max-block-size, 20rem);\n    --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n    --brick-action-menu-row-min-block-size: var(--brick-menubar-row-min-block-size, var(--brick-control-target-min));\n    --brick-action-menu-row-padding-inline: var(--brick-menubar-row-padding-inline, var(--brick-space-3));\n    --brick-action-menu-row-gap: var(--brick-menubar-row-gap, var(--brick-space-2));\n    --brick-action-menu-row-radius: var(--brick-menubar-row-radius, var(--brick-radius-control));\n    --brick-action-menu-row-foreground: var(--brick-menubar-row-foreground, var(--brick-color-text-primary));\n    --brick-action-menu-row-highlighted-background: var(--brick-menubar-row-highlighted-background, var(--brick-color-accent-soft));\n    --brick-action-menu-row-highlighted-foreground: var(--brick-menubar-row-highlighted-foreground, var(--brick-color-accent-text));\n    --brick-action-menu-description-foreground: var(--brick-menubar-description-foreground, var(--brick-color-text-secondary));\n    --brick-action-menu-shortcut-foreground: var(--brick-menubar-shortcut-foreground, var(--brick-color-text-muted));\n    --brick-action-menu-label-foreground: var(--brick-menubar-label-foreground, var(--brick-color-text-secondary));\n    --brick-action-menu-disabled-foreground: var(--brick-menubar-disabled-foreground, var(--brick-color-text-muted));\n    --brick-action-menu-danger-foreground: var(--brick-menubar-danger-foreground, var(--brick-color-danger-text));\n    --brick-action-menu-danger-background: var(--brick-menubar-danger-background, var(--brick-color-danger-soft));\n    --brick-action-menu-separator-color: var(--brick-menubar-separator-color, var(--brick-color-border-subtle));\n    --brick-action-menu-indicator-size: var(--brick-menubar-indicator-size, 1rem);\n    --brick-action-menu-focus-ring: var(--brick-menubar-focus-ring, var(--brick-color-focus-ring));\n    --brick-action-menu-motion-duration: var(--brick-menubar-motion-duration, var(--brick-motion-duration-fast));\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  @media (forced-colors: active) {\n    .brick-menubar { border-color: CanvasText; background: Canvas; color: CanvasText; }\n    .brick-menubar__trigger:focus-visible { outline-color: Highlight; }\n  }\n}\n"],"names":[]}

package/dist/styles/prose.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-prose{--brick-prose-measure:48rem;--brick-prose-flow-space:var(--brick-space-4);--brick-prose-section-space:var(--brick-space-6);--brick-prose-foreground:var(--brick-color-text-primary);--brick-prose-muted-foreground:var(--brick-color-text-secondary);--brick-prose-link-foreground:var(--brick-color-link-text);--brick-prose-accent:var(--brick-color-accent-border);--brick-prose-border-color:var(--brick-color-border-subtle);--brick-prose-surface:var(--brick-color-surface-subtle);--brick-prose-body-font-family:var(--brick-typography-body-md-font-family);--brick-prose-body-font-size:var(--brick-typography-body-md-font-size);--brick-prose-body-font-weight:var(--brick-typography-body-md-font-weight);--brick-prose-body-line-height:var(--brick-typography-body-md-line-height);--brick-prose-body-letter-spacing:var(--brick-typography-body-md-letter-spacing);--brick-prose-heading-font-family:var(--brick-typography-title-md-font-family);--brick-prose-heading-font-weight:var(--brick-typography-title-md-font-weight);--brick-prose-heading-letter-spacing:var(--brick-typography-title-md-letter-spacing);--brick-prose-code-font-family:var(--brick-typography-code-inline-font-family);--brick-prose-code-font-size:var(--brick-typography-code-inline-font-size);--brick-prose-code-radius:var(--brick-radius-subtle);--brick-prose-media-radius:var(--brick-radius-surface);--brick-prose-table-cell-padding-block:var(--brick-space-3);--brick-prose-table-cell-padding-inline:var(--brick-space-4);--_brick-prose-h1-font-size:var(--brick-typography-title-lg-font-size);--_brick-prose-h1-line-height:var(--brick-typography-title-lg-line-height);--_brick-prose-h2-font-size:var(--brick-typography-title-md-font-size);--_brick-prose-h2-line-height:var(--brick-typography-title-md-line-height);--_brick-prose-h3-font-size:var(--brick-typography-title-sm-font-size);--_brick-prose-h3-line-height:var(--brick-typography-title-sm-line-height);box-sizing:border-box;inline-size:100%;max-inline-size:var(--brick-prose-measure);color:var(--brick-prose-foreground);font-family:var(--brick-prose-body-font-family);font-size:var(--brick-prose-body-font-size);font-weight:var(--brick-prose-body-font-weight);letter-spacing:var(--brick-prose-body-letter-spacing);line-height:var(--brick-prose-body-line-height);overflow-wrap:break-word;text-align:start;margin:0}.brick-prose[data-measure=narrow]{--brick-prose-measure:40rem}.brick-prose[data-measure=wide]{--brick-prose-measure:64rem}.brick-prose[data-measure=none]{--brick-prose-measure:none}.brick-prose[data-size=sm]{--brick-prose-body-font-family:var(--brick-typography-body-sm-font-family);--brick-prose-body-font-size:var(--brick-typography-body-sm-font-size);--brick-prose-body-font-weight:var(--brick-typography-body-sm-font-weight);--brick-prose-body-line-height:var(--brick-typography-body-sm-line-height);--brick-prose-body-letter-spacing:var(--brick-typography-body-sm-letter-spacing);--brick-prose-flow-space:var(--brick-space-3);--_brick-prose-h1-font-size:var(--brick-typography-title-md-font-size);--_brick-prose-h1-line-height:var(--brick-typography-title-md-line-height);--_brick-prose-h2-font-size:var(--brick-typography-title-sm-font-size);--_brick-prose-h2-line-height:var(--brick-typography-title-sm-line-height);--_brick-prose-h3-font-size:var(--brick-typography-body-lg-font-size);--_brick-prose-h3-line-height:var(--brick-typography-body-lg-line-height)}.brick-prose[data-size=lg]{--brick-prose-body-font-family:var(--brick-typography-body-lg-font-family);--brick-prose-body-font-size:var(--brick-typography-body-lg-font-size);--brick-prose-body-font-weight:var(--brick-typography-body-lg-font-weight);--brick-prose-body-line-height:var(--brick-typography-body-lg-line-height);--brick-prose-body-letter-spacing:var(--brick-typography-body-lg-letter-spacing);--brick-prose-flow-space:var(--brick-space-5);--_brick-prose-h1-font-size:var(--brick-typography-display-sm-font-size);--_brick-prose-h1-line-height:var(--brick-typography-display-sm-line-height);--_brick-prose-h2-font-size:var(--brick-typography-title-lg-font-size);--_brick-prose-h2-line-height:var(--brick-typography-title-lg-line-height);--_brick-prose-h3-font-size:var(--brick-typography-title-md-font-size);--_brick-prose-h3-line-height:var(--brick-typography-title-md-line-height)}:where(.brick-prose) :where(h1,h2,h3,h4,h5,h6){margin:var(--brick-prose-section-space) 0 0;color:var(--brick-prose-foreground);font-family:var(--brick-prose-heading-font-family);font-weight:var(--brick-prose-heading-font-weight);letter-spacing:var(--brick-prose-heading-letter-spacing);line-height:var(--brick-typography-title-md-line-height);overflow-wrap:break-word;text-wrap:balance}:where(.brick-prose) :where(h1){font-size:var(--_brick-prose-h1-font-size);line-height:var(--_brick-prose-h1-line-height)}:where(.brick-prose) :where(h2){font-size:var(--_brick-prose-h2-font-size);line-height:var(--_brick-prose-h2-line-height)}:where(.brick-prose) :where(h3){font-size:var(--_brick-prose-h3-font-size);line-height:var(--_brick-prose-h3-line-height)}:where(.brick-prose) :where(h4,h5,h6){font-size:var(--brick-prose-body-font-size);line-height:var(--brick-prose-body-line-height)}:where(.brick-prose) :where(p,ul,ol,blockquote,pre,table,figure,hr){margin:var(--brick-prose-flow-space) 0 0}:where(.brick-prose)>:where(:first-child){margin-block-start:0}:where(.brick-prose) :where(ul,ol){padding-inline-start:1.5em}:where(.brick-prose) :where(li+li),:where(.brick-prose) :where(li>ul,li>ol){margin-block-start:calc(var(--brick-prose-flow-space) / 2)}:where(.brick-prose) :where(a){color:var(--brick-prose-link-foreground);text-underline-offset:.16em;text-decoration-line:underline;text-decoration-thickness:.08em}:where(.brick-prose) :where(a:hover){text-decoration-thickness:.14em}:where(.brick-prose) :where(a:focus-visible){border-radius:var(--brick-radius-subtle);outline:.125rem solid var(--brick-color-focus-ring);outline-offset:.125rem}:where(.brick-prose) :where(blockquote){padding-block:var(--brick-space-3);padding-inline:var(--brick-space-5);border-inline-start:.25rem solid var(--brick-prose-accent);color:var(--brick-prose-foreground);font-size:var(--brick-typography-body-lg-font-size)}:where(.brick-prose) :where(blockquote>:first-child){margin-block-start:0}:where(.brick-prose) :where(blockquote>:last-child){margin-block-end:0}:where(.brick-prose) :where(cite,figcaption){color:var(--brick-prose-muted-foreground);font-size:var(--brick-typography-caption-font-size);line-height:var(--brick-typography-caption-line-height)}:where(.brick-prose) :where(code,kbd){border:var(--brick-border-width) solid var(--brick-prose-border-color);border-radius:var(--brick-prose-code-radius);background:var(--brick-prose-surface);font-family:var(--brick-prose-code-font-family);font-size:var(--brick-prose-code-font-size);overflow-wrap:anywhere;padding:.0625em .3em}:where(.brick-prose) :where(pre){box-sizing:border-box;max-inline-size:100%;padding:var(--brick-space-4);border:var(--brick-border-width) solid var(--brick-prose-border-color);border-radius:var(--brick-radius-surface);background:var(--brick-prose-surface);overflow:hidden}:where(.brick-prose) :where(pre code){color:inherit;overflow-wrap:anywhere;white-space:pre-wrap;background:0 0;border:0;padding:0}:where(.brick-prose) :where(table){box-sizing:border-box;border-collapse:collapse;table-layout:fixed;inline-size:100%;max-inline-size:100%}:where(.brick-prose) :where(th,td){padding-block:var(--brick-prose-table-cell-padding-block);padding-inline:var(--brick-prose-table-cell-padding-inline);border-block-end:var(--brick-border-width) solid var(--brick-prose-border-color);text-align:start;vertical-align:top;overflow-wrap:anywhere}:where(.brick-prose) :where(th){background:var(--brick-prose-surface);font-weight:var(--brick-typography-label-strong-font-weight)}:where(.brick-prose) :where(hr){border:0;border-block-start:var(--brick-border-width) solid var(--brick-prose-border-color)}:where(.brick-prose) :where(img,video,svg){border-radius:var(--brick-prose-media-radius);block-size:auto;max-inline-size:100%;display:block}:where(.brick-prose) :where(strong,b){font-weight:var(--brick-typography-label-strong-font-weight)}:where(.brick-prose) :where(mark){border-radius:var(--brick-radius-subtle);background:var(--brick-color-accent-soft);color:var(--brick-color-text-primary);padding-inline:.12em}@media (forced-colors:active){.brick-prose{--brick-prose-foreground:CanvasText;--brick-prose-muted-foreground:CanvasText;--brick-prose-link-foreground:LinkText;--brick-prose-accent:Highlight;--brick-prose-border-color:CanvasText;--brick-prose-surface:Canvas}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=prose.css.map */

package/dist/styles/prose.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,myEA6CA,8DACA,4DACA,2DAEA,s3BAeA,43BAeA,kYAWA,0HAIA,0HAIA,0HAIA,kIAKA,6GAIA,+DAEA,8DAGA,uIAGA,mKAMA,qEACA,iKAMA,kQAOA,0EACA,uEACA,mMAMA,wUASA,gRASA,kIASA,2IAOA,qSAQA,mIAKA,4HAIA,4IAMA,mGACA,gLAOA,8BACE,sODtNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/prose.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/prose/prose.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/prose/prose.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-prose {\n    --brick-prose-measure: 48rem;\n    --brick-prose-flow-space: var(--brick-space-4);\n    --brick-prose-section-space: var(--brick-space-6);\n    --brick-prose-foreground: var(--brick-color-text-primary);\n    --brick-prose-muted-foreground: var(--brick-color-text-secondary);\n    --brick-prose-link-foreground: var(--brick-color-link-text);\n    --brick-prose-accent: var(--brick-color-accent-border);\n    --brick-prose-border-color: var(--brick-color-border-subtle);\n    --brick-prose-surface: var(--brick-color-surface-subtle);\n    --brick-prose-body-font-family: var(--brick-typography-body-md-font-family);\n    --brick-prose-body-font-size: var(--brick-typography-body-md-font-size);\n    --brick-prose-body-font-weight: var(--brick-typography-body-md-font-weight);\n    --brick-prose-body-line-height: var(--brick-typography-body-md-line-height);\n    --brick-prose-body-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    --brick-prose-heading-font-family: var(--brick-typography-title-md-font-family);\n    --brick-prose-heading-font-weight: var(--brick-typography-title-md-font-weight);\n    --brick-prose-heading-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n    --brick-prose-code-font-family: var(--brick-typography-code-inline-font-family);\n    --brick-prose-code-font-size: var(--brick-typography-code-inline-font-size);\n    --brick-prose-code-radius: var(--brick-radius-subtle);\n    --brick-prose-media-radius: var(--brick-radius-surface);\n    --brick-prose-table-cell-padding-block: var(--brick-space-3);\n    --brick-prose-table-cell-padding-inline: var(--brick-space-4);\n    --_brick-prose-h1-font-size: var(--brick-typography-title-lg-font-size);\n    --_brick-prose-h1-line-height: var(--brick-typography-title-lg-line-height);\n    --_brick-prose-h2-font-size: var(--brick-typography-title-md-font-size);\n    --_brick-prose-h2-line-height: var(--brick-typography-title-md-line-height);\n    --_brick-prose-h3-font-size: var(--brick-typography-title-sm-font-size);\n    --_brick-prose-h3-line-height: var(--brick-typography-title-sm-line-height);\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    max-inline-size: var(--brick-prose-measure);\n    margin: 0;\n    color: var(--brick-prose-foreground);\n    font-family: var(--brick-prose-body-font-family);\n    font-size: var(--brick-prose-body-font-size);\n    font-weight: var(--brick-prose-body-font-weight);\n    letter-spacing: var(--brick-prose-body-letter-spacing);\n    line-height: var(--brick-prose-body-line-height);\n    overflow-wrap: break-word;\n    text-align: start;\n  }\n\n  .brick-prose[data-measure=\"narrow\"] { --brick-prose-measure: 40rem; }\n  .brick-prose[data-measure=\"wide\"] { --brick-prose-measure: 64rem; }\n  .brick-prose[data-measure=\"none\"] { --brick-prose-measure: none; }\n\n  .brick-prose[data-size=\"sm\"] {\n    --brick-prose-body-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-prose-body-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-prose-body-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-prose-body-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-prose-body-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    --brick-prose-flow-space: var(--brick-space-3);\n    --_brick-prose-h1-font-size: var(--brick-typography-title-md-font-size);\n    --_brick-prose-h1-line-height: var(--brick-typography-title-md-line-height);\n    --_brick-prose-h2-font-size: var(--brick-typography-title-sm-font-size);\n    --_brick-prose-h2-line-height: var(--brick-typography-title-sm-line-height);\n    --_brick-prose-h3-font-size: var(--brick-typography-body-lg-font-size);\n    --_brick-prose-h3-line-height: var(--brick-typography-body-lg-line-height);\n  }\n\n  .brick-prose[data-size=\"lg\"] {\n    --brick-prose-body-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-prose-body-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-prose-body-font-weight: var(--brick-typography-body-lg-font-weight);\n    --brick-prose-body-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-prose-body-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    --brick-prose-flow-space: var(--brick-space-5);\n    --_brick-prose-h1-font-size: var(--brick-typography-display-sm-font-size);\n    --_brick-prose-h1-line-height: var(--brick-typography-display-sm-line-height);\n    --_brick-prose-h2-font-size: var(--brick-typography-title-lg-font-size);\n    --_brick-prose-h2-line-height: var(--brick-typography-title-lg-line-height);\n    --_brick-prose-h3-font-size: var(--brick-typography-title-md-font-size);\n    --_brick-prose-h3-line-height: var(--brick-typography-title-md-line-height);\n  }\n\n  :where(.brick-prose) :where(h1, h2, h3, h4, h5, h6) {\n    margin: var(--brick-prose-section-space) 0 0;\n    color: var(--brick-prose-foreground);\n    font-family: var(--brick-prose-heading-font-family);\n    font-weight: var(--brick-prose-heading-font-weight);\n    letter-spacing: var(--brick-prose-heading-letter-spacing);\n    line-height: var(--brick-typography-title-md-line-height);\n    overflow-wrap: break-word;\n    text-wrap: balance;\n  }\n\n  :where(.brick-prose) :where(h1) {\n    font-size: var(--_brick-prose-h1-font-size);\n    line-height: var(--_brick-prose-h1-line-height);\n  }\n  :where(.brick-prose) :where(h2) {\n    font-size: var(--_brick-prose-h2-font-size);\n    line-height: var(--_brick-prose-h2-line-height);\n  }\n  :where(.brick-prose) :where(h3) {\n    font-size: var(--_brick-prose-h3-font-size);\n    line-height: var(--_brick-prose-h3-line-height);\n  }\n  :where(.brick-prose) :where(h4, h5, h6) {\n    font-size: var(--brick-prose-body-font-size);\n    line-height: var(--brick-prose-body-line-height);\n  }\n\n  :where(.brick-prose) :where(p, ul, ol, blockquote, pre, table, figure, hr) {\n    margin: var(--brick-prose-flow-space) 0 0;\n  }\n\n  :where(.brick-prose) > :where(:first-child) { margin-block-start: 0; }\n\n  :where(.brick-prose) :where(ul, ol) {\n    padding-inline-start: 1.5em;\n  }\n  :where(.brick-prose) :where(li + li) { margin-block-start: calc(var(--brick-prose-flow-space) / 2); }\n  :where(.brick-prose) :where(li > ul, li > ol) { margin-block-start: calc(var(--brick-prose-flow-space) / 2); }\n\n  :where(.brick-prose) :where(a) {\n    color: var(--brick-prose-link-foreground);\n    text-decoration-line: underline;\n    text-decoration-thickness: 0.08em;\n    text-underline-offset: 0.16em;\n  }\n  :where(.brick-prose) :where(a:hover) { text-decoration-thickness: 0.14em; }\n  :where(.brick-prose) :where(a:focus-visible) {\n    border-radius: var(--brick-radius-subtle);\n    outline: 0.125rem solid var(--brick-color-focus-ring);\n    outline-offset: 0.125rem;\n  }\n\n  :where(.brick-prose) :where(blockquote) {\n    padding-block: var(--brick-space-3);\n    padding-inline: var(--brick-space-5);\n    border-inline-start: 0.25rem solid var(--brick-prose-accent);\n    color: var(--brick-prose-foreground);\n    font-size: var(--brick-typography-body-lg-font-size);\n  }\n  :where(.brick-prose) :where(blockquote > :first-child) { margin-block-start: 0; }\n  :where(.brick-prose) :where(blockquote > :last-child) { margin-block-end: 0; }\n  :where(.brick-prose) :where(cite, figcaption) {\n    color: var(--brick-prose-muted-foreground);\n    font-size: var(--brick-typography-caption-font-size);\n    line-height: var(--brick-typography-caption-line-height);\n  }\n\n  :where(.brick-prose) :where(code, kbd) {\n    padding: 0.0625em 0.3em;\n    border: var(--brick-border-width) solid var(--brick-prose-border-color);\n    border-radius: var(--brick-prose-code-radius);\n    background: var(--brick-prose-surface);\n    font-family: var(--brick-prose-code-font-family);\n    font-size: var(--brick-prose-code-font-size);\n    overflow-wrap: anywhere;\n  }\n  :where(.brick-prose) :where(pre) {\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    padding: var(--brick-space-4);\n    border: var(--brick-border-width) solid var(--brick-prose-border-color);\n    border-radius: var(--brick-radius-surface);\n    background: var(--brick-prose-surface);\n    overflow: hidden;\n  }\n  :where(.brick-prose) :where(pre code) {\n    padding: 0;\n    border: 0;\n    background: transparent;\n    color: inherit;\n    overflow-wrap: anywhere;\n    white-space: pre-wrap;\n  }\n\n  :where(.brick-prose) :where(table) {\n    box-sizing: border-box;\n    inline-size: 100%;\n    max-inline-size: 100%;\n    border-collapse: collapse;\n    table-layout: fixed;\n  }\n  :where(.brick-prose) :where(th, td) {\n    padding-block: var(--brick-prose-table-cell-padding-block);\n    padding-inline: var(--brick-prose-table-cell-padding-inline);\n    border-block-end: var(--brick-border-width) solid var(--brick-prose-border-color);\n    text-align: start;\n    vertical-align: top;\n    overflow-wrap: anywhere;\n  }\n  :where(.brick-prose) :where(th) {\n    background: var(--brick-prose-surface);\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  :where(.brick-prose) :where(hr) {\n    border: 0;\n    border-block-start: var(--brick-border-width) solid var(--brick-prose-border-color);\n  }\n  :where(.brick-prose) :where(img, video, svg) {\n    display: block;\n    max-inline-size: 100%;\n    block-size: auto;\n    border-radius: var(--brick-prose-media-radius);\n  }\n  :where(.brick-prose) :where(strong, b) { font-weight: var(--brick-typography-label-strong-font-weight); }\n  :where(.brick-prose) :where(mark) {\n    padding-inline: 0.12em;\n    border-radius: var(--brick-radius-subtle);\n    background: var(--brick-color-accent-soft);\n    color: var(--brick-color-text-primary);\n  }\n\n  @media (forced-colors: active) {\n    .brick-prose {\n      --brick-prose-foreground: CanvasText;\n      --brick-prose-muted-foreground: CanvasText;\n      --brick-prose-link-foreground: LinkText;\n      --brick-prose-accent: Highlight;\n      --brick-prose-border-color: CanvasText;\n      --brick-prose-surface: Canvas;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/slider.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+jCA6BA,4DACA,uGAGA,iIAKA,qHAOA,oPAMA,iPAMA,wNAQA,iLAOA,+KAOA,4JAQA,2JAMA,0JAMA,mRAeA,kcAYA,qHAIA,wGAGA,mHAKA,4CACA,yDACA,gMAKA,iUASA,4OAQA,sLAIA,+PAOA,+FACA,kGACA,2FACA,8GACA,uGACA,uQAOA,iMAMA,oQAQA,+rBAmBA,uKAMA,gGACA,+FACA,6RAMA,sJACA,wCACA,qEACA,iEAEA,uCAA0C,6CAC1C,8BACE,uCACA,sEACA,0CACA,qFACA,mDACA,qEACA,sGACA,uCACA,iFDxPJ","sources":["home/runner/work/brick/brick/.brick-cache/production/slider.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/slider/slider.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/slider/slider.css\";","@layer brick.components {\n  .brick-slider {\n    --brick-slider-track-size: 0.5rem;\n    --brick-slider-track-length: 10rem;\n    --brick-slider-track-inset: calc(var(--brick-control-target-min) / 2);\n    --brick-slider-track-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 8%\n    );\n    --brick-slider-track-border: var(--brick-color-border-strong);\n    --brick-slider-range-background: var(--brick-color-accent-solid);\n    --brick-slider-thumb-size: 1.125rem;\n    --brick-slider-thumb-background: var(--brick-color-surface-raised);\n    --brick-slider-thumb-border: var(--brick-color-accent-solid);\n    --brick-slider-thumb-shadow: var(--brick-shadow-sm);\n    --brick-slider-marker-color: var(--brick-color-text-primary);\n    --brick-slider-marker-selected-color: var(--brick-color-surface-canvas);\n    --brick-slider-marker-border: var(--brick-color-border-strong);\n    --brick-slider-marker-size: 0.25rem;\n    --brick-slider-value-label-background: var(--brick-color-surface-raised);\n    --brick-slider-value-label-foreground: var(--brick-color-text-primary);\n\n    display: block;\n    position: relative;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] { inline-size: 100%; }\n  .brick-slider[data-orientation=\"horizontal\"]:has(.brick-slider__value-label) {\n    padding-block-start: 2.25rem;\n  }\n  .brick-slider[data-orientation=\"vertical\"] {\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-slider-track-length);\n  }\n\n  .brick-slider__track {\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    user-select: none;\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track {\n    inline-size: calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));\n    block-size: var(--brick-control-target-min);\n    margin-inline: var(--brick-slider-track-inset);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__track {\n    inline-size: var(--brick-control-target-min);\n    block-size: calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));\n    margin-block: var(--brick-slider-track-inset);\n  }\n\n  .brick-slider__track::before {\n    position: absolute;\n    border: var(--brick-border-width) solid var(--brick-slider-track-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-track-background);\n    content: \"\";\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track::before {\n    inset-inline: 0;\n    inset-block-start: 50%;\n    block-size: var(--brick-slider-track-size);\n    transform: translateY(-50%);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__track::before {\n    inset-block: 0;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-slider-track-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__range {\n    position: absolute;\n    z-index: 1;\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-range-background);\n    pointer-events: none;\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__range {\n    inset-block-start: 50%;\n    block-size: var(--brick-slider-track-size);\n    transform: translateY(-50%);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__range {\n    inset-inline-start: 50%;\n    inline-size: var(--brick-slider-track-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__thumb {\n    position: absolute;\n    z-index: 3;\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    outline: 0;\n    background: transparent;\n    cursor: grab;\n  }\n\n  .brick-slider__thumb::before {\n    inline-size: var(--brick-slider-thumb-size);\n    block-size: var(--brick-slider-thumb-size);\n    box-sizing: border-box;\n    border: calc(2 * var(--brick-border-width)) solid var(--brick-slider-thumb-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-thumb-background);\n    box-shadow: var(--brick-slider-thumb-shadow);\n    content: \"\";\n    transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n    inset-block-start: 50%;\n    transform: translate(-50%, -50%);\n  }\n  [dir=\"rtl\"] .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n    transform: translate(50%, -50%);\n  }\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__thumb {\n    inset-inline-start: 50%;\n    transform: translate(-50%, 50%);\n  }\n\n  .brick-slider__thumb:active { cursor: grabbing; }\n  .brick-slider__thumb:active::before { transform: scale(1.12); }\n  .brick-slider__thumb:is(:focus-visible, [data-focus-visible])::before {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-slider__marker {\n    position: absolute;\n    z-index: 2;\n    display: grid;\n    color: var(--brick-color-text-secondary);\n    place-items: center;\n    pointer-events: none;\n    font: var(--brick-typography-body-sm-font-weight) var(--brick-typography-body-sm-font-size)/var(--brick-typography-body-sm-line-height) var(--brick-typography-body-sm-font-family);\n  }\n  .brick-slider__marker::before {\n    position: absolute;\n    box-sizing: border-box;\n    border: var(--brick-border-width) solid var(--brick-slider-marker-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-marker-color);\n    content: \"\";\n  }\n  .brick-slider__marker[data-selected]::before {\n    border-color: color-mix(in srgb, var(--brick-color-accent-on-solid), transparent 45%);\n    background: var(--brick-slider-marker-selected-color);\n  }\n  .brick-slider__marker[data-orientation=\"horizontal\"] {\n    inset-inline-start: calc(var(--brick-slider-marker-percent) * 1%);\n    inset-block-start: 50%;\n    min-inline-size: calc(var(--brick-slider-marker-size) * 2);\n    padding-block-start: 2.25rem;\n    transform: translate(-50%, -50%);\n  }\n  .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(0, -50%); }\n  .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(-100%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"] { transform: translate(50%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(-100%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(0, -50%); }\n  .brick-slider__marker[data-orientation=\"horizontal\"]::before {\n    inset-inline-start: calc(50% - (var(--brick-slider-marker-size) / 2));\n    inset-block-start: 50%;\n    inline-size: var(--brick-slider-marker-size);\n    block-size: var(--brick-slider-marker-size);\n    transform: translateY(-50%);\n  }\n  .brick-slider__marker[data-orientation=\"vertical\"] {\n    inset-inline-start: 50%;\n    inset-block-end: calc(var(--brick-slider-marker-percent) * 1%);\n    padding-inline-start: 2.25rem;\n    transform: translate(-50%, 50%);\n  }\n  .brick-slider__marker[data-orientation=\"vertical\"]::before {\n    inset-inline-start: 50%;\n    inset-block-start: calc(50% - (var(--brick-slider-marker-size) / 2));\n    inline-size: var(--brick-slider-marker-size);\n    block-size: var(--brick-slider-marker-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__value-label {\n    position: absolute;\n    inset-inline-start: 50%;\n    inset-block-end: calc(100% + var(--brick-space-1));\n    min-inline-size: 1.75rem;\n    padding: var(--brick-space-1) var(--brick-space-2);\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-radius-subtle);\n    background: var(--brick-slider-value-label-background);\n    color: var(--brick-slider-value-label-foreground);\n    box-shadow: var(--brick-shadow-sm);\n    transform: translateX(-50%);\n    text-align: center;\n    white-space: nowrap;\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n    font-variant-numeric: tabular-nums;\n  }\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__value-label {\n    inset-inline-start: calc(100% + var(--brick-space-1));\n    inset-block-end: 50%;\n    transform: translateY(50%);\n  }\n\n  .brick-slider[data-size=\"sm\"] { --brick-slider-track-size: 0.375rem; --brick-slider-thumb-size: 0.875rem; }\n  .brick-slider[data-size=\"lg\"] { --brick-slider-track-size: 0.5rem; --brick-slider-thumb-size: 1.375rem; }\n  .brick-slider[data-variant=\"soft\"] {\n    --brick-slider-range-background: var(--brick-color-accent-soft);\n    --brick-slider-marker-color: var(--brick-color-accent-text);\n    --brick-slider-marker-selected-color: var(--brick-color-accent-on-soft);\n    --brick-slider-thumb-border: var(--brick-color-accent-text);\n  }\n  .brick-slider[data-invalid] { --brick-slider-thumb-border: var(--brick-color-danger-text); --brick-slider-range-background: var(--brick-color-danger-text); }\n  .brick-slider[data-disabled] { opacity: 0.6; }\n  .brick-slider[data-disabled] .brick-slider__thumb { cursor: not-allowed; }\n  .brick-slider[data-readonly] .brick-slider__thumb { cursor: default; }\n\n  @media (prefers-reduced-motion: reduce) { .brick-slider__thumb::before { transition: none; } }\n  @media (forced-colors: active) {\n    .brick-slider { forced-color-adjust: none; }\n    .brick-slider__track::before { border-color: ButtonText; background: Canvas; }\n    .brick-slider__range { background: Highlight; }\n    .brick-slider__thumb::before { border-color: Highlight; background: Canvas; box-shadow: none; }\n    .brick-slider__marker::before { background: ButtonText; }\n    .brick-slider__marker[data-selected]::before { background: HighlightText; }\n    .brick-slider__value-label { border-color: ButtonText; background: Canvas; color: CanvasText; box-shadow: none; }\n    .brick-slider[data-disabled] { opacity: 1; }\n    .brick-slider[data-disabled] .brick-slider__thumb::before { border-color: GrayText; }\n  }\n}\n","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+jCA6BA,4DACA,uGAGA,iIAKA,qHAOA,oPAMA,iPAMA,wNAQA,iLAOA,+KAOA,4JAQA,2JAMA,0JAMA,mRAeA,kcAYA,qHAIA,wGAGA,mHAKA,4CACA,yDACA,gMAKA,iUASA,4OAQA,sLAIA,+PAOA,+FACA,kGACA,2FACA,8GACA,uGACA,uQAOA,iMAMA,oQAQA,+rBAmBA,uKAMA,gGACA,+FACA,6RAMA,sJACA,wCACA,qEACA,iEAEA,uCAA0C,6CAC1C,8BACE,uCACA,sEACA,0CACA,qFACA,mDACA,qEACA,sGACA,uCACA,iFDxPJ","sources":["home/runner/work/brick/brick/.brick-cache/production/slider.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/slider/slider.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/slider/slider.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-slider {\n    --brick-slider-track-size: 0.5rem;\n    --brick-slider-track-length: 10rem;\n    --brick-slider-track-inset: calc(var(--brick-control-target-min) / 2);\n    --brick-slider-track-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 8%\n    );\n    --brick-slider-track-border: var(--brick-color-border-strong);\n    --brick-slider-range-background: var(--brick-color-accent-solid);\n    --brick-slider-thumb-size: 1.125rem;\n    --brick-slider-thumb-background: var(--brick-color-surface-raised);\n    --brick-slider-thumb-border: var(--brick-color-accent-solid);\n    --brick-slider-thumb-shadow: var(--brick-shadow-sm);\n    --brick-slider-marker-color: var(--brick-color-text-primary);\n    --brick-slider-marker-selected-color: var(--brick-color-surface-canvas);\n    --brick-slider-marker-border: var(--brick-color-border-strong);\n    --brick-slider-marker-size: 0.25rem;\n    --brick-slider-value-label-background: var(--brick-color-surface-raised);\n    --brick-slider-value-label-foreground: var(--brick-color-text-primary);\n\n    display: block;\n    position: relative;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] { inline-size: 100%; }\n  .brick-slider[data-orientation=\"horizontal\"]:has(.brick-slider__value-label) {\n    padding-block-start: 2.25rem;\n  }\n  .brick-slider[data-orientation=\"vertical\"] {\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-slider-track-length);\n  }\n\n  .brick-slider__track {\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    user-select: none;\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track {\n    inline-size: calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));\n    block-size: var(--brick-control-target-min);\n    margin-inline: var(--brick-slider-track-inset);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__track {\n    inline-size: var(--brick-control-target-min);\n    block-size: calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));\n    margin-block: var(--brick-slider-track-inset);\n  }\n\n  .brick-slider__track::before {\n    position: absolute;\n    border: var(--brick-border-width) solid var(--brick-slider-track-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-track-background);\n    content: \"\";\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track::before {\n    inset-inline: 0;\n    inset-block-start: 50%;\n    block-size: var(--brick-slider-track-size);\n    transform: translateY(-50%);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__track::before {\n    inset-block: 0;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-slider-track-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__range {\n    position: absolute;\n    z-index: 1;\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-range-background);\n    pointer-events: none;\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__range {\n    inset-block-start: 50%;\n    block-size: var(--brick-slider-track-size);\n    transform: translateY(-50%);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__range {\n    inset-inline-start: 50%;\n    inline-size: var(--brick-slider-track-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__thumb {\n    position: absolute;\n    z-index: 3;\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    outline: 0;\n    background: transparent;\n    cursor: grab;\n  }\n\n  .brick-slider__thumb::before {\n    inline-size: var(--brick-slider-thumb-size);\n    block-size: var(--brick-slider-thumb-size);\n    box-sizing: border-box;\n    border: calc(2 * var(--brick-border-width)) solid var(--brick-slider-thumb-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-thumb-background);\n    box-shadow: var(--brick-slider-thumb-shadow);\n    content: \"\";\n    transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n    inset-block-start: 50%;\n    transform: translate(-50%, -50%);\n  }\n  [dir=\"rtl\"] .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n    transform: translate(50%, -50%);\n  }\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__thumb {\n    inset-inline-start: 50%;\n    transform: translate(-50%, 50%);\n  }\n\n  .brick-slider__thumb:active { cursor: grabbing; }\n  .brick-slider__thumb:active::before { transform: scale(1.12); }\n  .brick-slider__thumb:is(:focus-visible, [data-focus-visible])::before {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-slider__marker {\n    position: absolute;\n    z-index: 2;\n    display: grid;\n    color: var(--brick-color-text-secondary);\n    place-items: center;\n    pointer-events: none;\n    font: var(--brick-typography-body-sm-font-weight) var(--brick-typography-body-sm-font-size)/var(--brick-typography-body-sm-line-height) var(--brick-typography-body-sm-font-family);\n  }\n  .brick-slider__marker::before {\n    position: absolute;\n    box-sizing: border-box;\n    border: var(--brick-border-width) solid var(--brick-slider-marker-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-marker-color);\n    content: \"\";\n  }\n  .brick-slider__marker[data-selected]::before {\n    border-color: color-mix(in srgb, var(--brick-color-accent-on-solid), transparent 45%);\n    background: var(--brick-slider-marker-selected-color);\n  }\n  .brick-slider__marker[data-orientation=\"horizontal\"] {\n    inset-inline-start: calc(var(--brick-slider-marker-percent) * 1%);\n    inset-block-start: 50%;\n    min-inline-size: calc(var(--brick-slider-marker-size) * 2);\n    padding-block-start: 2.25rem;\n    transform: translate(-50%, -50%);\n  }\n  .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(0, -50%); }\n  .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(-100%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"] { transform: translate(50%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(-100%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(0, -50%); }\n  .brick-slider__marker[data-orientation=\"horizontal\"]::before {\n    inset-inline-start: calc(50% - (var(--brick-slider-marker-size) / 2));\n    inset-block-start: 50%;\n    inline-size: var(--brick-slider-marker-size);\n    block-size: var(--brick-slider-marker-size);\n    transform: translateY(-50%);\n  }\n  .brick-slider__marker[data-orientation=\"vertical\"] {\n    inset-inline-start: 50%;\n    inset-block-end: calc(var(--brick-slider-marker-percent) * 1%);\n    padding-inline-start: 2.25rem;\n    transform: translate(-50%, 50%);\n  }\n  .brick-slider__marker[data-orientation=\"vertical\"]::before {\n    inset-inline-start: 50%;\n    inset-block-start: calc(50% - (var(--brick-slider-marker-size) / 2));\n    inline-size: var(--brick-slider-marker-size);\n    block-size: var(--brick-slider-marker-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__value-label {\n    position: absolute;\n    inset-inline-start: 50%;\n    inset-block-end: calc(100% + var(--brick-space-1));\n    min-inline-size: 1.75rem;\n    padding: var(--brick-space-1) var(--brick-space-2);\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-radius-subtle);\n    background: var(--brick-slider-value-label-background);\n    color: var(--brick-slider-value-label-foreground);\n    box-shadow: var(--brick-shadow-sm);\n    transform: translateX(-50%);\n    text-align: center;\n    white-space: nowrap;\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n    font-variant-numeric: tabular-nums;\n  }\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__value-label {\n    inset-inline-start: calc(100% + var(--brick-space-1));\n    inset-block-end: 50%;\n    transform: translateY(50%);\n  }\n\n  .brick-slider[data-size=\"sm\"] { --brick-slider-track-size: 0.375rem; --brick-slider-thumb-size: 0.875rem; }\n  .brick-slider[data-size=\"lg\"] { --brick-slider-track-size: 0.5rem; --brick-slider-thumb-size: 1.375rem; }\n  .brick-slider[data-variant=\"soft\"] {\n    --brick-slider-range-background: var(--brick-color-accent-soft);\n    --brick-slider-marker-color: var(--brick-color-accent-text);\n    --brick-slider-marker-selected-color: var(--brick-color-accent-on-soft);\n    --brick-slider-thumb-border: var(--brick-color-accent-text);\n  }\n  .brick-slider[data-invalid] { --brick-slider-thumb-border: var(--brick-color-danger-text); --brick-slider-range-background: var(--brick-color-danger-text); }\n  .brick-slider[data-disabled] { opacity: 0.6; }\n  .brick-slider[data-disabled] .brick-slider__thumb { cursor: not-allowed; }\n  .brick-slider[data-readonly] .brick-slider__thumb { cursor: default; }\n\n  @media (prefers-reduced-motion: reduce) { .brick-slider__thumb::before { transition: none; } }\n  @media (forced-colors: active) {\n    .brick-slider { forced-color-adjust: none; }\n    .brick-slider__track::before { border-color: ButtonText; background: Canvas; }\n    .brick-slider__range { background: Highlight; }\n    .brick-slider__thumb::before { border-color: Highlight; background: Canvas; box-shadow: none; }\n    .brick-slider__marker::before { background: ButtonText; }\n    .brick-slider__marker[data-selected]::before { background: HighlightText; }\n    .brick-slider__value-label { border-color: ButtonText; background: Canvas; color: CanvasText; box-shadow: none; }\n    .brick-slider[data-disabled] { opacity: 1; }\n    .brick-slider[data-disabled] .brick-slider__thumb::before { border-color: GrayText; }\n  }\n}\n"],"names":[]}