@flowstack-ui/brick 0.1.9 → 0.1.11

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,6jCAkCA,klBAmBA,qbAiBA,6fAkBA,gcAkBA,oWAeA,+SAeA,2JAUA,2cAeA,0VAaA,8HAQA,wMASA,qKAQA,wTAgBA,8RAWA,kQAUA,qRAUA,6BACE,8PAYF,uCACE,2NAaF,8BACE,qQAcA,+iBAqBA,iZCrcF,6nCA0BA,wFACA,qIACA,qIAEA,yYAeA,iHACA,4KACA,oJACA,uFAEA,6EAKA,ywFA8BA,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  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-highlighted] {\n    background: var(--brick-action-menu-row-highlighted-background);\n    color: var(--brick-action-menu-row-highlighted-foreground);\n    box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"] {\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"][data-highlighted] {\n    background: var(--brick-action-menu-danger-background);\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-disabled] {\n    color: var(--brick-action-menu-disabled-foreground);\n    opacity: 0.65;\n  }\n\n  :where(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading,\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    display: inline-grid;\n    inline-size: var(--brick-action-menu-indicator-size);\n    block-size: var(--brick-action-menu-indicator-size);\n    place-items: center;\n    color: currentColor;\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  ) > :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ):first-child {\n    grid-column: 2;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ) {\n    min-inline-size: 0;\n    grid-column: 2;\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__description,\n    .brick-context-menu__description,\n    .brick-menubar__description\n  ) {\n    min-inline-size: 0;\n    grid-column: 2 / -1;\n    color: var(--brick-action-menu-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__shortcut,\n    .brick-context-menu__shortcut,\n    .brick-menubar__shortcut\n  ) {\n    grid-column: 3;\n    color: var(--brick-action-menu-shortcut-foreground);\n    font-family: var(--brick-typography-code-inline-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    line-height: var(--brick-typography-caption-line-height);\n    white-space: nowrap;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    grid-column: 1;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ):empty::before {\n    content: \"✓\";\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  )[data-state=\"indeterminate\"]:empty::before {\n    content: \"−\";\n  }\n\n  :where(\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  )::after {\n    content: \"\";\n    grid-column: 3;\n    inline-size: 0.5em;\n    block-size: 0.5em;\n    border-right: 0.125rem solid currentColor;\n    border-bottom: 0.125rem solid currentColor;\n    color: var(--brick-action-menu-shortcut-foreground);\n    direction: ltr;\n    transform: rotate(-45deg);\n  }\n\n  :where(\n    [dir=\"rtl\"] .brick-dropdown-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-context-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-menubar__sub-trigger,\n    .brick-dropdown-menu__sub-trigger[dir=\"rtl\"],\n    .brick-context-menu__sub-trigger[dir=\"rtl\"],\n    .brick-menubar__sub-trigger[dir=\"rtl\"]\n  )::after {\n    transform: rotate(135deg);\n  }\n\n  :where(\n    .brick-dropdown-menu__separator,\n    .brick-context-menu__separator,\n    .brick-menubar__separator\n  ) {\n    block-size: var(--brick-border-width);\n    margin: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n    background: var(--brick-action-menu-separator-color);\n  }\n\n  :where(\n    .brick-dropdown-menu__arrow,\n    .brick-context-menu__arrow,\n    .brick-menubar__arrow\n  ) {\n    --brick-floating-arrow-fill: var(--brick-action-menu-content-background);\n    --brick-floating-arrow-stroke: var(--brick-action-menu-content-border);\n    color: var(--brick-action-menu-content-background);\n  }\n\n  @supports not (width: 100dvi) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      max-inline-size: min(24rem, calc(100vw - 2 * var(--brick-space-3)));\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      border-color: CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-highlighted] {\n      outline: var(--brick-border-focus-width) solid Highlight;\n      outline-offset: calc(var(--brick-border-focus-width) * -1);\n      background: Highlight;\n      box-shadow: none;\n      color: HighlightText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-disabled] {\n      color: GrayText;\n    }\n  }\n}\n","@layer brick.components {\n  .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, 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%));\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/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":[]}

package/dist/styles/multi-select.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-multi-select-trigger{--brick-multi-select-trigger-min-block-size:var(--brick-control-min-block-size-md);--brick-multi-select-trigger-padding-inline:var(--brick-space-3);--brick-multi-select-trigger-gap:var(--brick-space-2);--brick-multi-select-trigger-radius:var(--brick-radius-control);--brick-multi-select-trigger-font-family:var(--brick-typography-field-value-md-font-family);--brick-multi-select-trigger-font-size:var(--brick-typography-field-value-md-font-size);--brick-multi-select-trigger-font-weight:var(--brick-typography-field-value-md-font-weight);--brick-multi-select-trigger-line-height:var(--brick-typography-field-value-md-line-height);--brick-multi-select-trigger-letter-spacing:var(--brick-typography-field-value-md-letter-spacing);--brick-multi-select-trigger-background:var(--brick-color-surface-raised);--brick-multi-select-trigger-foreground:var(--brick-color-text-primary);--brick-multi-select-trigger-placeholder:var(--brick-color-text-muted);--brick-multi-select-trigger-border:var(--brick-color-border-strong);--brick-multi-select-trigger-hover-background:var(--brick-color-surface-base);--brick-multi-select-trigger-hover-border:var(--brick-color-accent-border);--brick-multi-select-trigger-focus-ring:var(--brick-color-focus-ring);--brick-multi-select-trigger-invalid-border:var(--brick-color-danger-text);--brick-multi-select-trigger-disabled-background:var(--brick-color-surface-subtle);--brick-multi-select-trigger-disabled-foreground:var(--brick-color-text-secondary);--brick-multi-select-trigger-disabled-border:var(--brick-color-border-subtle);--brick-multi-select-trigger-readonly-background:var(--brick-color-surface-subtle);--brick-multi-select-icon-size:1.125rem;--brick-multi-select-icon-foreground:var(--brick-color-text-secondary);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-multi-select-trigger-min-block-size);justify-content:space-between;align-items:center;gap:var(--brick-multi-select-trigger-gap);padding-inline:var(--brick-multi-select-trigger-padding-inline);border:var(--brick-border-width) solid var(--brick-multi-select-trigger-border);border-radius:var(--brick-multi-select-trigger-radius);background:var(--brick-multi-select-trigger-background);color:var(--brick-multi-select-trigger-foreground);font-family:var(--brick-multi-select-trigger-font-family);font-size:var(--brick-multi-select-trigger-font-size);font-weight:var(--brick-multi-select-trigger-font-weight);letter-spacing:var(--brick-multi-select-trigger-letter-spacing);line-height:var(--brick-multi-select-trigger-line-height);text-align:start;vertical-align:middle;cursor:pointer;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:inline-flex}.brick-multi-select-trigger[data-full-width]{inline-size:100%}.brick-multi-select-trigger:not([data-full-width]){inline-size:fit-content}.brick-multi-select-trigger[data-variant=soft]{--brick-multi-select-trigger-background:var(--brick-color-surface-subtle);--brick-multi-select-trigger-border:var(--brick-color-border-subtle);--brick-multi-select-trigger-hover-background:var(--brick-color-accent-soft)}.brick-multi-select-trigger[data-variant=underline]{--brick-multi-select-trigger-background:transparent;--brick-multi-select-trigger-radius:0;border-width:0 0 var(--brick-border-width)}.brick-multi-select-trigger[data-shape=sharp]{--brick-multi-select-trigger-radius:0}.brick-multi-select-trigger[data-shape=pill]{--brick-multi-select-trigger-radius:var(--brick-radius-full)}.brick-multi-select-trigger[data-size=sm]{--brick-multi-select-trigger-min-block-size:var(--brick-control-min-block-size-sm);--brick-multi-select-trigger-padding-inline:var(--brick-space-2);--brick-multi-select-trigger-gap:.375rem;--brick-multi-select-icon-size:1rem}.brick-multi-select-trigger[data-size=lg]{--brick-multi-select-trigger-min-block-size:var(--brick-control-min-block-size-lg);--brick-multi-select-trigger-padding-inline:var(--brick-space-4);--brick-multi-select-trigger-gap:var(--brick-space-3);--brick-multi-select-trigger-font-size:var(--brick-typography-field-value-lg-font-size);--brick-multi-select-icon-size:1.25rem}.brick-multi-select-value{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.brick-multi-select-value[data-placeholder]{color:var(--brick-multi-select-trigger-placeholder)}.brick-multi-select-icon{inline-size:var(--brick-multi-select-icon-size);block-size:var(--brick-multi-select-icon-size);color:var(--brick-multi-select-icon-foreground);transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex:none;place-items:center;display:inline-grid}.brick-multi-select-trigger[data-state=open] .brick-multi-select-icon{transform:rotate(180deg)}.brick-multi-select-direction-artwork,.brick-multi-select-check-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:100%;inline-size:100%;display:block;overflow:visible}.brick-multi-select-trigger:focus-visible{border-color:var(--brick-multi-select-trigger-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-multi-select-trigger-focus-ring);outline:0}.brick-multi-select-trigger[data-invalid]{border-color:var(--brick-multi-select-trigger-invalid-border)}.brick-multi-select-trigger[data-disabled]{border-color:var(--brick-multi-select-trigger-disabled-border);background:var(--brick-multi-select-trigger-disabled-background);color:var(--brick-multi-select-trigger-disabled-foreground);cursor:not-allowed}.brick-multi-select-trigger[data-readonly]{background:var(--brick-multi-select-trigger-readonly-background);cursor:default}.brick-multi-select-content{--brick-multi-select-content-background:var(--brick-color-surface-raised);--brick-multi-select-content-foreground:var(--brick-color-text-primary);--brick-multi-select-content-border:var(--brick-color-border-subtle);--brick-multi-select-content-radius:var(--brick-radius-control);--brick-multi-select-content-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-multi-select-content-max-block-size:min(20rem, var(--available-height,20rem));--brick-multi-select-content-padding:var(--brick-space-1);--brick-multi-select-content-z-index:70;--brick-multi-select-item-min-block-size:var(--brick-control-min-block-size-md);--brick-multi-select-item-padding-inline:var(--brick-space-3);--brick-multi-select-item-gap:var(--brick-space-2);--brick-multi-select-item-highlighted-background:var(--brick-color-accent-soft);--brick-multi-select-item-selected-foreground:var(--brick-color-accent-text);--brick-multi-select-item-disabled-foreground:var(--brick-color-text-muted);--brick-multi-select-indicator-size:1rem;--brick-multi-select-label-foreground:var(--brick-color-text-secondary);--brick-multi-select-separator-color:var(--brick-color-border-subtle);--brick-multi-select-scroll-button-block-size:2rem;--brick-multi-select-arrow-size:.625rem;box-sizing:border-box;min-inline-size:var(--anchor-width);max-inline-size:min(28rem, calc(100vw - 2 * var(--brick-space-3)));max-block-size:var(--brick-multi-select-content-max-block-size);border:var(--brick-border-width) solid var(--brick-multi-select-content-border);border-radius:var(--brick-multi-select-content-radius);background:var(--brick-multi-select-content-background);box-shadow:var(--brick-multi-select-content-shadow);color:var(--brick-multi-select-content-foreground);z-index:var(--brick-multi-select-content-z-index);overflow:hidden}.brick-multi-select-content[data-size=sm]{--brick-multi-select-item-min-block-size:var(--brick-control-min-block-size-sm)}.brick-multi-select-content[data-size=lg]{--brick-multi-select-item-min-block-size:var(--brick-control-min-block-size-lg)}.brick-multi-select-viewport{box-sizing:border-box;max-block-size:inherit;padding:var(--brick-multi-select-content-padding);overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.brick-multi-select-group+.brick-multi-select-group{margin-block-start:var(--brick-space-1)}.brick-multi-select-label{padding:var(--brick-space-2) var(--brick-multi-select-item-padding-inline) var(--brick-space-1);color:var(--brick-multi-select-label-foreground);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);line-height:var(--brick-typography-caption-line-height)}.brick-multi-select-item{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-multi-select-item-min-block-size);grid-template-columns:minmax(0, 1fr) var(--brick-multi-select-indicator-size);align-items:center;gap:var(--brick-multi-select-item-gap);padding-inline:var(--brick-multi-select-item-padding-inline);border-radius:calc(var(--brick-multi-select-content-radius) - var(--brick-border-width));cursor:pointer;outline:0;display:grid}.brick-multi-select-item[data-highlighted]{background:var(--brick-multi-select-item-highlighted-background)}.brick-multi-select-item[data-state=checked]{color:var(--brick-multi-select-item-selected-foreground);font-weight:var(--brick-typography-label-md-font-weight)}.brick-multi-select-item[data-disabled]{color:var(--brick-multi-select-item-disabled-foreground);cursor:not-allowed;opacity:.65}.brick-multi-select-item-text{overflow-wrap:anywhere;min-inline-size:0}.brick-multi-select-item-indicator{inline-size:var(--brick-multi-select-indicator-size);block-size:var(--brick-multi-select-indicator-size);place-items:center;display:inline-grid}.brick-multi-select-separator{block-size:var(--brick-border-width);margin:var(--brick-space-1) var(--brick-multi-select-item-padding-inline);background:var(--brick-multi-select-separator-color)}:where(.brick-multi-select-scroll-up,.brick-multi-select-scroll-down){box-sizing:border-box;inline-size:100%;block-size:var(--brick-multi-select-scroll-button-block-size);padding:var(--brick-space-1);background:var(--brick-multi-select-content-background);color:var(--brick-multi-select-content-foreground);border:0;place-items:center;display:grid}:where(.brick-multi-select-scroll-up,.brick-multi-select-scroll-down) .brick-multi-select-direction-artwork{block-size:1rem;inline-size:1rem}.brick-multi-select-arrow{inline-size:var(--brick-multi-select-arrow-size);block-size:var(--brick-multi-select-arrow-size);pointer-events:none;display:block}.brick-multi-select-arrow-artwork{box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-multi-select-content-border);background:var(--brick-multi-select-content-background);block-size:100%;inline-size:100%;display:block;transform:rotate(45deg)}.brick-multi-select-arrow[data-side=bottom]{transform:translateY(-50%)}.brick-multi-select-arrow[data-side=top]{transform:translateY(50%)}.brick-multi-select-arrow[data-side=left]{transform:translate(50%)}.brick-multi-select-arrow[data-side=right]{transform:translate(-50%)}.brick-multi-select-arrow[data-side=bottom] .brick-multi-select-arrow-artwork{border-bottom:0;border-right:0}.brick-multi-select-arrow[data-side=top] .brick-multi-select-arrow-artwork{border-top:0;border-left:0}.brick-multi-select-arrow[data-side=left] .brick-multi-select-arrow-artwork{border-bottom:0;border-left:0}.brick-multi-select-arrow[data-side=right] .brick-multi-select-arrow-artwork{border-top:0;border-right:0}@media (hover:hover) and (pointer:fine){.brick-multi-select-trigger:not([data-disabled],[data-readonly],[data-invalid]):hover{border-color:var(--brick-multi-select-trigger-hover-border);background:var(--brick-multi-select-trigger-hover-background)}.brick-multi-select-item:not([data-disabled]):hover{background:var(--brick-multi-select-item-highlighted-background)}}@media (prefers-reduced-motion:reduce){.brick-multi-select-trigger,.brick-multi-select-icon{transition-duration:0s}}@media (forced-colors:active){.brick-multi-select-trigger,.brick-multi-select-content{color:canvastext;background:canvas;border-color:buttontext}.brick-multi-select-trigger:focus-visible,.brick-multi-select-item[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:0;box-shadow:none}.brick-multi-select-trigger[data-invalid]{border-color:mark}.brick-multi-select-trigger[data-disabled],.brick-multi-select-item[data-disabled]{color:graytext;border-color:graytext}.brick-multi-select-item[data-state=checked]{color:highlight}.brick-multi-select-separator{background:buttontext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-multi-select-trigger{--brick-multi-select-trigger-min-block-size:var(--brick-control-min-block-size-md);--brick-multi-select-trigger-padding-inline:var(--brick-space-3);--brick-multi-select-trigger-gap:var(--brick-space-2);--brick-multi-select-trigger-radius:var(--brick-radius-control);--brick-multi-select-trigger-font-family:var(--brick-typography-control-md-font-family);--brick-multi-select-trigger-font-size:var(--brick-typography-control-md-font-size);--brick-multi-select-trigger-font-weight:var(--brick-typography-control-md-font-weight);--brick-multi-select-trigger-line-height:var(--brick-typography-control-md-line-height);--brick-multi-select-trigger-letter-spacing:var(--brick-typography-control-md-letter-spacing);--brick-multi-select-trigger-background:var(--brick-color-surface-raised);--brick-multi-select-trigger-foreground:var(--brick-color-text-primary);--brick-multi-select-trigger-placeholder:var(--brick-color-text-muted);--brick-multi-select-trigger-border:var(--brick-color-border-strong);--brick-multi-select-trigger-hover-background:var(--brick-color-surface-base);--brick-multi-select-trigger-hover-border:var(--brick-color-accent-border);--brick-multi-select-trigger-focus-ring:var(--brick-color-focus-ring);--brick-multi-select-trigger-invalid-border:var(--brick-color-danger-text);--brick-multi-select-trigger-disabled-background:var(--brick-color-surface-subtle);--brick-multi-select-trigger-disabled-foreground:var(--brick-color-text-secondary);--brick-multi-select-trigger-disabled-border:var(--brick-color-border-subtle);--brick-multi-select-trigger-readonly-background:var(--brick-color-surface-subtle);--brick-multi-select-icon-size:1.125rem;--brick-multi-select-icon-foreground:var(--brick-color-text-secondary);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-multi-select-trigger-min-block-size);justify-content:space-between;align-items:center;gap:var(--brick-multi-select-trigger-gap);padding-inline:var(--brick-multi-select-trigger-padding-inline);border:var(--brick-border-width) solid var(--brick-multi-select-trigger-border);border-radius:var(--brick-multi-select-trigger-radius);background:var(--brick-multi-select-trigger-background);color:var(--brick-multi-select-trigger-foreground);font-family:var(--brick-multi-select-trigger-font-family);font-size:var(--brick-multi-select-trigger-font-size);font-weight:var(--brick-multi-select-trigger-font-weight);letter-spacing:var(--brick-multi-select-trigger-letter-spacing);line-height:var(--brick-multi-select-trigger-line-height);text-align:start;vertical-align:middle;cursor:pointer;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:inline-flex}.brick-multi-select-trigger[data-full-width]{inline-size:100%}.brick-multi-select-trigger:not([data-full-width]){inline-size:fit-content}.brick-multi-select-trigger[data-variant=soft]{--brick-multi-select-trigger-background:var(--brick-color-surface-subtle);--brick-multi-select-trigger-border:var(--brick-color-border-subtle);--brick-multi-select-trigger-hover-background:var(--brick-color-accent-soft)}.brick-multi-select-trigger[data-variant=underline]{--brick-multi-select-trigger-background:transparent;--brick-multi-select-trigger-radius:0;border-width:0 0 var(--brick-border-width)}.brick-multi-select-trigger[data-shape=sharp]{--brick-multi-select-trigger-radius:0}.brick-multi-select-trigger[data-shape=pill]{--brick-multi-select-trigger-radius:var(--brick-radius-full)}.brick-multi-select-trigger[data-size=sm]{--brick-multi-select-trigger-min-block-size:var(--brick-control-min-block-size-sm);--brick-multi-select-trigger-padding-inline:var(--brick-space-2);--brick-multi-select-trigger-gap:.375rem;--brick-multi-select-trigger-font-family:var(--brick-typography-control-sm-font-family);--brick-multi-select-trigger-font-size:var(--brick-typography-control-sm-font-size);--brick-multi-select-trigger-font-weight:var(--brick-typography-control-sm-font-weight);--brick-multi-select-trigger-line-height:var(--brick-typography-control-sm-line-height);--brick-multi-select-trigger-letter-spacing:var(--brick-typography-control-sm-letter-spacing);--brick-multi-select-icon-size:1rem}.brick-multi-select-trigger[data-size=lg]{--brick-multi-select-trigger-min-block-size:var(--brick-control-min-block-size-lg);--brick-multi-select-trigger-padding-inline:var(--brick-space-4);--brick-multi-select-trigger-gap:var(--brick-space-3);--brick-multi-select-trigger-font-family:var(--brick-typography-control-lg-font-family);--brick-multi-select-trigger-font-size:var(--brick-typography-control-lg-font-size);--brick-multi-select-trigger-font-weight:var(--brick-typography-control-lg-font-weight);--brick-multi-select-trigger-line-height:var(--brick-typography-control-lg-line-height);--brick-multi-select-trigger-letter-spacing:var(--brick-typography-control-lg-letter-spacing);--brick-multi-select-icon-size:1.25rem}.brick-multi-select-value{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.brick-multi-select-value[data-placeholder]{color:var(--brick-multi-select-trigger-placeholder)}.brick-multi-select-icon{inline-size:var(--brick-multi-select-icon-size);block-size:var(--brick-multi-select-icon-size);color:var(--brick-multi-select-icon-foreground);transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex:none;place-items:center;display:inline-grid}.brick-multi-select-trigger[data-state=open] .brick-multi-select-icon{transform:rotate(180deg)}.brick-multi-select-direction-artwork,.brick-multi-select-check-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:100%;inline-size:100%;display:block;overflow:visible}.brick-multi-select-trigger:focus-visible{border-color:var(--brick-multi-select-trigger-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-multi-select-trigger-focus-ring);outline:0}.brick-multi-select-trigger[data-invalid]{border-color:var(--brick-multi-select-trigger-invalid-border)}.brick-multi-select-trigger[data-disabled]{border-color:var(--brick-multi-select-trigger-disabled-border);background:var(--brick-multi-select-trigger-disabled-background);color:var(--brick-multi-select-trigger-disabled-foreground);cursor:not-allowed}.brick-multi-select-trigger[data-readonly]{background:var(--brick-multi-select-trigger-readonly-background);cursor:default}.brick-multi-select-content{--brick-multi-select-content-background:var(--brick-color-surface-raised);--brick-multi-select-content-foreground:var(--brick-color-text-primary);--brick-multi-select-content-border:var(--brick-color-border-subtle);--brick-multi-select-content-radius:var(--brick-radius-control);--brick-multi-select-content-shadow:var(--brick-shadow-floating);--brick-multi-select-content-max-block-size:min(20rem, var(--available-height,20rem));--brick-multi-select-content-padding:var(--brick-space-1);--brick-multi-select-content-z-index:70;--brick-multi-select-item-min-block-size:var(--brick-control-min-block-size-md);--brick-multi-select-item-padding-inline:var(--brick-space-3);--brick-multi-select-item-gap:var(--brick-space-2);--brick-multi-select-item-highlighted-background:var(--brick-color-accent-soft);--brick-multi-select-item-selected-foreground:var(--brick-color-accent-text);--brick-multi-select-item-disabled-foreground:var(--brick-color-text-muted);--brick-multi-select-indicator-size:1rem;--brick-multi-select-label-foreground:var(--brick-color-text-secondary);--brick-multi-select-separator-color:var(--brick-color-border-subtle);--brick-multi-select-scroll-button-block-size:2rem;--brick-multi-select-arrow-size:.625rem;box-sizing:border-box;min-inline-size:var(--anchor-width);max-inline-size:min(28rem, calc(100vw - 2 * var(--brick-space-3)));max-block-size:var(--brick-multi-select-content-max-block-size);border:var(--brick-border-width) solid var(--brick-multi-select-content-border);border-radius:var(--brick-multi-select-content-radius);background:var(--brick-multi-select-content-background);box-shadow:var(--brick-multi-select-content-shadow);color:var(--brick-multi-select-content-foreground);z-index:var(--brick-multi-select-content-z-index);overflow:hidden}.brick-multi-select-content[data-size=sm]{--brick-multi-select-item-min-block-size:var(--brick-control-min-block-size-sm)}.brick-multi-select-content[data-size=lg]{--brick-multi-select-item-min-block-size:var(--brick-control-min-block-size-lg)}.brick-multi-select-viewport{box-sizing:border-box;max-block-size:inherit;padding:var(--brick-multi-select-content-padding);overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.brick-multi-select-group+.brick-multi-select-group{margin-block-start:var(--brick-space-1)}.brick-multi-select-label{padding:var(--brick-space-2) var(--brick-multi-select-item-padding-inline) var(--brick-space-1);color:var(--brick-multi-select-label-foreground);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);line-height:var(--brick-typography-caption-line-height)}.brick-multi-select-item{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-multi-select-item-min-block-size);grid-template-columns:minmax(0, 1fr) var(--brick-multi-select-indicator-size);align-items:center;gap:var(--brick-multi-select-item-gap);padding-inline:var(--brick-multi-select-item-padding-inline);border-radius:calc(var(--brick-multi-select-content-radius) - var(--brick-border-width));cursor:pointer;outline:0;display:grid}.brick-multi-select-item[data-highlighted]{background:var(--brick-multi-select-item-highlighted-background)}.brick-multi-select-item[data-state=checked]{color:var(--brick-multi-select-item-selected-foreground);font-weight:var(--brick-typography-label-md-font-weight)}.brick-multi-select-item[data-disabled]{color:var(--brick-multi-select-item-disabled-foreground);cursor:not-allowed;opacity:.65}.brick-multi-select-item-text{overflow-wrap:anywhere;min-inline-size:0}.brick-multi-select-item-indicator{inline-size:var(--brick-multi-select-indicator-size);block-size:var(--brick-multi-select-indicator-size);place-items:center;display:inline-grid}.brick-multi-select-separator{block-size:var(--brick-border-width);margin:var(--brick-space-1) var(--brick-multi-select-item-padding-inline);background:var(--brick-multi-select-separator-color)}:where(.brick-multi-select-scroll-up,.brick-multi-select-scroll-down){box-sizing:border-box;inline-size:100%;block-size:var(--brick-multi-select-scroll-button-block-size);padding:var(--brick-space-1);background:var(--brick-multi-select-content-background);color:var(--brick-multi-select-content-foreground);border:0;place-items:center;display:grid}:where(.brick-multi-select-scroll-up,.brick-multi-select-scroll-down) .brick-multi-select-direction-artwork{block-size:1rem;inline-size:1rem}.brick-multi-select-arrow{inline-size:var(--brick-multi-select-arrow-size);block-size:var(--brick-multi-select-arrow-size);pointer-events:none;display:block}.brick-multi-select-arrow-artwork{box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-multi-select-content-border);background:var(--brick-multi-select-content-background);block-size:100%;inline-size:100%;display:block;transform:rotate(45deg)}.brick-multi-select-arrow[data-side=bottom]{transform:translateY(-50%)}.brick-multi-select-arrow[data-side=top]{transform:translateY(50%)}.brick-multi-select-arrow[data-side=left]{transform:translate(50%)}.brick-multi-select-arrow[data-side=right]{transform:translate(-50%)}.brick-multi-select-arrow[data-side=bottom] .brick-multi-select-arrow-artwork{border-bottom:0;border-right:0}.brick-multi-select-arrow[data-side=top] .brick-multi-select-arrow-artwork{border-top:0;border-left:0}.brick-multi-select-arrow[data-side=left] .brick-multi-select-arrow-artwork{border-bottom:0;border-left:0}.brick-multi-select-arrow[data-side=right] .brick-multi-select-arrow-artwork{border-top:0;border-right:0}@media (hover:hover) and (pointer:fine){.brick-multi-select-trigger:not([data-disabled],[data-readonly],[data-invalid]):hover{border-color:var(--brick-multi-select-trigger-hover-border);background:var(--brick-multi-select-trigger-hover-background)}.brick-multi-select-item:not([data-disabled]):hover{background:var(--brick-multi-select-item-highlighted-background)}}@media (prefers-reduced-motion:reduce){.brick-multi-select-trigger,.brick-multi-select-icon{transition-duration:0s}}@media (forced-colors:active){.brick-multi-select-trigger,.brick-multi-select-content{color:canvastext;background:canvas;border-color:buttontext}.brick-multi-select-trigger:focus-visible,.brick-multi-select-item[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:0;box-shadow:none}.brick-multi-select-trigger[data-invalid]{border-color:mark}.brick-multi-select-trigger[data-disabled],.brick-multi-select-item[data-disabled]{color:graytext;border-color:graytext}.brick-multi-select-item[data-state=checked]{color:highlight}.brick-multi-select-separator{background:buttontext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=multi-select.css.map */

package/dist/styles/multi-select.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,k3FAiDA,8DACA,2EACA,2QACA,yLACA,oFACA,0GACA,2QACA,mXAEA,sGACA,gGACA,oTACA,+FACA,2NAEA,4MACA,wGACA,0PACA,2HAEA,6zDAkCA,0HACA,0HAEA,6LACA,4FACA,gVACA,kcACA,4GACA,+JACA,gIACA,uEACA,mLACA,kMACA,4VACA,6IACA,6JACA,uQACA,uEACA,mEACA,mEACA,qEACA,6GACA,sGACA,0GACA,yGAEA,wCACE,gNACA,sHAEF,uCAA0C,6EAC1C,8BACE,mHACA,8KACA,4DACA,wHACA,6DACA,sDD7IJ","sources":["home/runner/work/brick/brick/.brick-cache/production/multi-select.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/multi-select/multi-select.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/multi-select/multi-select.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-multi-select-trigger {\n    --brick-multi-select-trigger-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-multi-select-trigger-padding-inline: var(--brick-space-3);\n    --brick-multi-select-trigger-gap: var(--brick-space-2);\n    --brick-multi-select-trigger-radius: var(--brick-radius-control);\n    --brick-multi-select-trigger-font-family: var(--brick-typography-field-value-md-font-family);\n    --brick-multi-select-trigger-font-size: var(--brick-typography-field-value-md-font-size);\n    --brick-multi-select-trigger-font-weight: var(--brick-typography-field-value-md-font-weight);\n    --brick-multi-select-trigger-line-height: var(--brick-typography-field-value-md-line-height);\n    --brick-multi-select-trigger-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n    --brick-multi-select-trigger-background: var(--brick-color-surface-raised);\n    --brick-multi-select-trigger-foreground: var(--brick-color-text-primary);\n    --brick-multi-select-trigger-placeholder: var(--brick-color-text-muted);\n    --brick-multi-select-trigger-border: var(--brick-color-border-strong);\n    --brick-multi-select-trigger-hover-background: var(--brick-color-surface-base);\n    --brick-multi-select-trigger-hover-border: var(--brick-color-accent-border);\n    --brick-multi-select-trigger-focus-ring: var(--brick-color-focus-ring);\n    --brick-multi-select-trigger-invalid-border: var(--brick-color-danger-text);\n    --brick-multi-select-trigger-disabled-background: var(--brick-color-surface-subtle);\n    --brick-multi-select-trigger-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-multi-select-trigger-disabled-border: var(--brick-color-border-subtle);\n    --brick-multi-select-trigger-readonly-background: var(--brick-color-surface-subtle);\n    --brick-multi-select-icon-size: 1.125rem;\n    --brick-multi-select-icon-foreground: var(--brick-color-text-secondary);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-multi-select-trigger-min-block-size);\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--brick-multi-select-trigger-gap);\n    padding-inline: var(--brick-multi-select-trigger-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-multi-select-trigger-border);\n    border-radius: var(--brick-multi-select-trigger-radius);\n    background: var(--brick-multi-select-trigger-background);\n    color: var(--brick-multi-select-trigger-foreground);\n    font-family: var(--brick-multi-select-trigger-font-family);\n    font-size: var(--brick-multi-select-trigger-font-size);\n    font-weight: var(--brick-multi-select-trigger-font-weight);\n    letter-spacing: var(--brick-multi-select-trigger-letter-spacing);\n    line-height: var(--brick-multi-select-trigger-line-height);\n    text-align: start;\n    vertical-align: middle;\n    cursor: pointer;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-multi-select-trigger[data-full-width] { inline-size: 100%; }\n  .brick-multi-select-trigger:not([data-full-width]) { inline-size: fit-content; }\n  .brick-multi-select-trigger[data-variant=\"soft\"] { --brick-multi-select-trigger-background: var(--brick-color-surface-subtle); --brick-multi-select-trigger-border: var(--brick-color-border-subtle); --brick-multi-select-trigger-hover-background: var(--brick-color-accent-soft); }\n  .brick-multi-select-trigger[data-variant=\"underline\"] { --brick-multi-select-trigger-background: transparent; --brick-multi-select-trigger-radius: 0; border-width: 0 0 var(--brick-border-width); }\n  .brick-multi-select-trigger[data-shape=\"sharp\"] { --brick-multi-select-trigger-radius: 0; }\n  .brick-multi-select-trigger[data-shape=\"pill\"] { --brick-multi-select-trigger-radius: var(--brick-radius-full); }\n  .brick-multi-select-trigger[data-size=\"sm\"] { --brick-multi-select-trigger-min-block-size: var(--brick-control-min-block-size-sm); --brick-multi-select-trigger-padding-inline: var(--brick-space-2); --brick-multi-select-trigger-gap: 0.375rem; --brick-multi-select-icon-size: 1rem; }\n  .brick-multi-select-trigger[data-size=\"lg\"] { --brick-multi-select-trigger-min-block-size: var(--brick-control-min-block-size-lg); --brick-multi-select-trigger-padding-inline: var(--brick-space-4); --brick-multi-select-trigger-gap: var(--brick-space-3); --brick-multi-select-trigger-font-size: var(--brick-typography-field-value-lg-font-size); --brick-multi-select-icon-size: 1.25rem; }\n\n  .brick-multi-select-value { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .brick-multi-select-value[data-placeholder] { color: var(--brick-multi-select-trigger-placeholder); }\n  .brick-multi-select-icon { display: inline-grid; flex: 0 0 auto; inline-size: var(--brick-multi-select-icon-size); block-size: var(--brick-multi-select-icon-size); place-items: center; color: var(--brick-multi-select-icon-foreground); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-multi-select-trigger[data-state=\"open\"] .brick-multi-select-icon { transform: rotate(180deg); }\n  .brick-multi-select-direction-artwork, .brick-multi-select-check-artwork { display: block; inline-size: 100%; block-size: 100%; overflow: visible; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }\n\n  .brick-multi-select-trigger:focus-visible { outline: 0; border-color: var(--brick-multi-select-trigger-focus-ring); box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-multi-select-trigger-focus-ring); }\n  .brick-multi-select-trigger[data-invalid] { border-color: var(--brick-multi-select-trigger-invalid-border); }\n  .brick-multi-select-trigger[data-disabled] { border-color: var(--brick-multi-select-trigger-disabled-border); background: var(--brick-multi-select-trigger-disabled-background); color: var(--brick-multi-select-trigger-disabled-foreground); cursor: not-allowed; }\n  .brick-multi-select-trigger[data-readonly] { background: var(--brick-multi-select-trigger-readonly-background); cursor: default; }\n\n  .brick-multi-select-content {\n    --brick-multi-select-content-background: var(--brick-color-surface-raised);\n    --brick-multi-select-content-foreground: var(--brick-color-text-primary);\n    --brick-multi-select-content-border: var(--brick-color-border-subtle);\n    --brick-multi-select-content-radius: var(--brick-radius-control);\n    --brick-multi-select-content-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n    --brick-multi-select-content-max-block-size: min(20rem, var(--available-height, 20rem));\n    --brick-multi-select-content-padding: var(--brick-space-1);\n    --brick-multi-select-content-z-index: 70;\n    --brick-multi-select-item-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-multi-select-item-padding-inline: var(--brick-space-3);\n    --brick-multi-select-item-gap: var(--brick-space-2);\n    --brick-multi-select-item-highlighted-background: var(--brick-color-accent-soft);\n    --brick-multi-select-item-selected-foreground: var(--brick-color-accent-text);\n    --brick-multi-select-item-disabled-foreground: var(--brick-color-text-muted);\n    --brick-multi-select-indicator-size: 1rem;\n    --brick-multi-select-label-foreground: var(--brick-color-text-secondary);\n    --brick-multi-select-separator-color: var(--brick-color-border-subtle);\n    --brick-multi-select-scroll-button-block-size: 2rem;\n    --brick-multi-select-arrow-size: 0.625rem;\n\n    box-sizing: border-box;\n    min-inline-size: var(--anchor-width);\n    max-inline-size: min(28rem, calc(100vw - 2 * var(--brick-space-3)));\n    max-block-size: var(--brick-multi-select-content-max-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-multi-select-content-border);\n    border-radius: var(--brick-multi-select-content-radius);\n    background: var(--brick-multi-select-content-background);\n    box-shadow: var(--brick-multi-select-content-shadow);\n    color: var(--brick-multi-select-content-foreground);\n    z-index: var(--brick-multi-select-content-z-index);\n  }\n\n  .brick-multi-select-content[data-size=\"sm\"] { --brick-multi-select-item-min-block-size: var(--brick-control-min-block-size-sm); }\n  .brick-multi-select-content[data-size=\"lg\"] { --brick-multi-select-item-min-block-size: var(--brick-control-min-block-size-lg); }\n\n  .brick-multi-select-viewport { box-sizing: border-box; max-block-size: inherit; overflow-y: auto; padding: var(--brick-multi-select-content-padding); overscroll-behavior: contain; scrollbar-width: thin; }\n  .brick-multi-select-group + .brick-multi-select-group { margin-block-start: var(--brick-space-1); }\n  .brick-multi-select-label { padding: var(--brick-space-2) var(--brick-multi-select-item-padding-inline) var(--brick-space-1); color: var(--brick-multi-select-label-foreground); font-size: var(--brick-typography-caption-font-size); font-weight: var(--brick-typography-label-md-font-weight); line-height: var(--brick-typography-caption-line-height); }\n  .brick-multi-select-item { display: grid; box-sizing: border-box; min-inline-size: 0; min-block-size: var(--brick-multi-select-item-min-block-size); grid-template-columns: minmax(0, 1fr) var(--brick-multi-select-indicator-size); align-items: center; gap: var(--brick-multi-select-item-gap); padding-inline: var(--brick-multi-select-item-padding-inline); border-radius: calc(var(--brick-multi-select-content-radius) - var(--brick-border-width)); outline: 0; cursor: pointer; }\n  .brick-multi-select-item[data-highlighted] { background: var(--brick-multi-select-item-highlighted-background); }\n  .brick-multi-select-item[data-state=\"checked\"] { color: var(--brick-multi-select-item-selected-foreground); font-weight: var(--brick-typography-label-md-font-weight); }\n  .brick-multi-select-item[data-disabled] { color: var(--brick-multi-select-item-disabled-foreground); cursor: not-allowed; opacity: 0.65; }\n  .brick-multi-select-item-text { min-inline-size: 0; overflow-wrap: anywhere; }\n  .brick-multi-select-item-indicator { display: inline-grid; inline-size: var(--brick-multi-select-indicator-size); block-size: var(--brick-multi-select-indicator-size); place-items: center; }\n  .brick-multi-select-separator { block-size: var(--brick-border-width); margin: var(--brick-space-1) var(--brick-multi-select-item-padding-inline); background: var(--brick-multi-select-separator-color); }\n  :where(.brick-multi-select-scroll-up, .brick-multi-select-scroll-down) { display: grid; box-sizing: border-box; inline-size: 100%; block-size: var(--brick-multi-select-scroll-button-block-size); place-items: center; padding: var(--brick-space-1); border: 0; background: var(--brick-multi-select-content-background); color: var(--brick-multi-select-content-foreground); }\n  :where(.brick-multi-select-scroll-up, .brick-multi-select-scroll-down) .brick-multi-select-direction-artwork { inline-size: 1rem; block-size: 1rem; }\n  .brick-multi-select-arrow { display: block; inline-size: var(--brick-multi-select-arrow-size); block-size: var(--brick-multi-select-arrow-size); pointer-events: none; }\n  .brick-multi-select-arrow-artwork { display: block; box-sizing: border-box; inline-size: 100%; block-size: 100%; border: var(--brick-border-width) solid var(--brick-multi-select-content-border); background: var(--brick-multi-select-content-background); transform: rotate(45deg); }\n  .brick-multi-select-arrow[data-side=\"bottom\"] { transform: translateY(-50%); }\n  .brick-multi-select-arrow[data-side=\"top\"] { transform: translateY(50%); }\n  .brick-multi-select-arrow[data-side=\"left\"] { transform: translateX(50%); }\n  .brick-multi-select-arrow[data-side=\"right\"] { transform: translateX(-50%); }\n  .brick-multi-select-arrow[data-side=\"bottom\"] .brick-multi-select-arrow-artwork { border-right: 0; border-bottom: 0; }\n  .brick-multi-select-arrow[data-side=\"top\"] .brick-multi-select-arrow-artwork { border-left: 0; border-top: 0; }\n  .brick-multi-select-arrow[data-side=\"left\"] .brick-multi-select-arrow-artwork { border-left: 0; border-bottom: 0; }\n  .brick-multi-select-arrow[data-side=\"right\"] .brick-multi-select-arrow-artwork { border-right: 0; border-top: 0; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-multi-select-trigger:not([data-disabled], [data-readonly], [data-invalid]):hover { border-color: var(--brick-multi-select-trigger-hover-border); background: var(--brick-multi-select-trigger-hover-background); }\n    .brick-multi-select-item:not([data-disabled]):hover { background: var(--brick-multi-select-item-highlighted-background); }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-multi-select-trigger, .brick-multi-select-icon { transition-duration: 0ms; } }\n  @media (forced-colors: active) {\n    .brick-multi-select-trigger, .brick-multi-select-content { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-multi-select-trigger:focus-visible, .brick-multi-select-item[data-highlighted] { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-multi-select-trigger[data-invalid] { border-color: Mark; }\n    .brick-multi-select-trigger[data-disabled], .brick-multi-select-item[data-disabled] { border-color: GrayText; color: GrayText; }\n    .brick-multi-select-item[data-state=\"checked\"] { color: Highlight; }\n    .brick-multi-select-separator { background: ButtonText; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,81FAiDA,8DACA,2EACA,2QACA,yLACA,oFACA,0GACA,qsBACA,qtBAEA,sGACA,gGACA,oTACA,+FACA,2NAEA,4MACA,wGACA,0PACA,2HAEA,6wDAkCA,0HACA,0HAEA,6LACA,4FACA,gVACA,kcACA,4GACA,+JACA,gIACA,uEACA,mLACA,kMACA,4VACA,6IACA,6JACA,uQACA,uEACA,mEACA,mEACA,qEACA,6GACA,sGACA,0GACA,yGAEA,wCACE,gNACA,sHAEF,uCAA0C,6EAC1C,8BACE,mHACA,8KACA,4DACA,wHACA,6DACA,sDD7IJ","sources":["home/runner/work/brick/brick/.brick-cache/production/multi-select.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/multi-select/multi-select.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/multi-select/multi-select.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-multi-select-trigger {\n    --brick-multi-select-trigger-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-multi-select-trigger-padding-inline: var(--brick-space-3);\n    --brick-multi-select-trigger-gap: var(--brick-space-2);\n    --brick-multi-select-trigger-radius: var(--brick-radius-control);\n    --brick-multi-select-trigger-font-family: var(--brick-typography-control-md-font-family);\n    --brick-multi-select-trigger-font-size: var(--brick-typography-control-md-font-size);\n    --brick-multi-select-trigger-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-multi-select-trigger-line-height: var(--brick-typography-control-md-line-height);\n    --brick-multi-select-trigger-letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    --brick-multi-select-trigger-background: var(--brick-color-surface-raised);\n    --brick-multi-select-trigger-foreground: var(--brick-color-text-primary);\n    --brick-multi-select-trigger-placeholder: var(--brick-color-text-muted);\n    --brick-multi-select-trigger-border: var(--brick-color-border-strong);\n    --brick-multi-select-trigger-hover-background: var(--brick-color-surface-base);\n    --brick-multi-select-trigger-hover-border: var(--brick-color-accent-border);\n    --brick-multi-select-trigger-focus-ring: var(--brick-color-focus-ring);\n    --brick-multi-select-trigger-invalid-border: var(--brick-color-danger-text);\n    --brick-multi-select-trigger-disabled-background: var(--brick-color-surface-subtle);\n    --brick-multi-select-trigger-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-multi-select-trigger-disabled-border: var(--brick-color-border-subtle);\n    --brick-multi-select-trigger-readonly-background: var(--brick-color-surface-subtle);\n    --brick-multi-select-icon-size: 1.125rem;\n    --brick-multi-select-icon-foreground: var(--brick-color-text-secondary);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-multi-select-trigger-min-block-size);\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--brick-multi-select-trigger-gap);\n    padding-inline: var(--brick-multi-select-trigger-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-multi-select-trigger-border);\n    border-radius: var(--brick-multi-select-trigger-radius);\n    background: var(--brick-multi-select-trigger-background);\n    color: var(--brick-multi-select-trigger-foreground);\n    font-family: var(--brick-multi-select-trigger-font-family);\n    font-size: var(--brick-multi-select-trigger-font-size);\n    font-weight: var(--brick-multi-select-trigger-font-weight);\n    letter-spacing: var(--brick-multi-select-trigger-letter-spacing);\n    line-height: var(--brick-multi-select-trigger-line-height);\n    text-align: start;\n    vertical-align: middle;\n    cursor: pointer;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-multi-select-trigger[data-full-width] { inline-size: 100%; }\n  .brick-multi-select-trigger:not([data-full-width]) { inline-size: fit-content; }\n  .brick-multi-select-trigger[data-variant=\"soft\"] { --brick-multi-select-trigger-background: var(--brick-color-surface-subtle); --brick-multi-select-trigger-border: var(--brick-color-border-subtle); --brick-multi-select-trigger-hover-background: var(--brick-color-accent-soft); }\n  .brick-multi-select-trigger[data-variant=\"underline\"] { --brick-multi-select-trigger-background: transparent; --brick-multi-select-trigger-radius: 0; border-width: 0 0 var(--brick-border-width); }\n  .brick-multi-select-trigger[data-shape=\"sharp\"] { --brick-multi-select-trigger-radius: 0; }\n  .brick-multi-select-trigger[data-shape=\"pill\"] { --brick-multi-select-trigger-radius: var(--brick-radius-full); }\n  .brick-multi-select-trigger[data-size=\"sm\"] { --brick-multi-select-trigger-min-block-size: var(--brick-control-min-block-size-sm); --brick-multi-select-trigger-padding-inline: var(--brick-space-2); --brick-multi-select-trigger-gap: 0.375rem; --brick-multi-select-trigger-font-family: var(--brick-typography-control-sm-font-family); --brick-multi-select-trigger-font-size: var(--brick-typography-control-sm-font-size); --brick-multi-select-trigger-font-weight: var(--brick-typography-control-sm-font-weight); --brick-multi-select-trigger-line-height: var(--brick-typography-control-sm-line-height); --brick-multi-select-trigger-letter-spacing: var(--brick-typography-control-sm-letter-spacing); --brick-multi-select-icon-size: 1rem; }\n  .brick-multi-select-trigger[data-size=\"lg\"] { --brick-multi-select-trigger-min-block-size: var(--brick-control-min-block-size-lg); --brick-multi-select-trigger-padding-inline: var(--brick-space-4); --brick-multi-select-trigger-gap: var(--brick-space-3); --brick-multi-select-trigger-font-family: var(--brick-typography-control-lg-font-family); --brick-multi-select-trigger-font-size: var(--brick-typography-control-lg-font-size); --brick-multi-select-trigger-font-weight: var(--brick-typography-control-lg-font-weight); --brick-multi-select-trigger-line-height: var(--brick-typography-control-lg-line-height); --brick-multi-select-trigger-letter-spacing: var(--brick-typography-control-lg-letter-spacing); --brick-multi-select-icon-size: 1.25rem; }\n\n  .brick-multi-select-value { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .brick-multi-select-value[data-placeholder] { color: var(--brick-multi-select-trigger-placeholder); }\n  .brick-multi-select-icon { display: inline-grid; flex: 0 0 auto; inline-size: var(--brick-multi-select-icon-size); block-size: var(--brick-multi-select-icon-size); place-items: center; color: var(--brick-multi-select-icon-foreground); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-multi-select-trigger[data-state=\"open\"] .brick-multi-select-icon { transform: rotate(180deg); }\n  .brick-multi-select-direction-artwork, .brick-multi-select-check-artwork { display: block; inline-size: 100%; block-size: 100%; overflow: visible; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }\n\n  .brick-multi-select-trigger:focus-visible { outline: 0; border-color: var(--brick-multi-select-trigger-focus-ring); box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-multi-select-trigger-focus-ring); }\n  .brick-multi-select-trigger[data-invalid] { border-color: var(--brick-multi-select-trigger-invalid-border); }\n  .brick-multi-select-trigger[data-disabled] { border-color: var(--brick-multi-select-trigger-disabled-border); background: var(--brick-multi-select-trigger-disabled-background); color: var(--brick-multi-select-trigger-disabled-foreground); cursor: not-allowed; }\n  .brick-multi-select-trigger[data-readonly] { background: var(--brick-multi-select-trigger-readonly-background); cursor: default; }\n\n  .brick-multi-select-content {\n    --brick-multi-select-content-background: var(--brick-color-surface-raised);\n    --brick-multi-select-content-foreground: var(--brick-color-text-primary);\n    --brick-multi-select-content-border: var(--brick-color-border-subtle);\n    --brick-multi-select-content-radius: var(--brick-radius-control);\n    --brick-multi-select-content-shadow: var(--brick-shadow-floating);\n    --brick-multi-select-content-max-block-size: min(20rem, var(--available-height, 20rem));\n    --brick-multi-select-content-padding: var(--brick-space-1);\n    --brick-multi-select-content-z-index: 70;\n    --brick-multi-select-item-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-multi-select-item-padding-inline: var(--brick-space-3);\n    --brick-multi-select-item-gap: var(--brick-space-2);\n    --brick-multi-select-item-highlighted-background: var(--brick-color-accent-soft);\n    --brick-multi-select-item-selected-foreground: var(--brick-color-accent-text);\n    --brick-multi-select-item-disabled-foreground: var(--brick-color-text-muted);\n    --brick-multi-select-indicator-size: 1rem;\n    --brick-multi-select-label-foreground: var(--brick-color-text-secondary);\n    --brick-multi-select-separator-color: var(--brick-color-border-subtle);\n    --brick-multi-select-scroll-button-block-size: 2rem;\n    --brick-multi-select-arrow-size: 0.625rem;\n\n    box-sizing: border-box;\n    min-inline-size: var(--anchor-width);\n    max-inline-size: min(28rem, calc(100vw - 2 * var(--brick-space-3)));\n    max-block-size: var(--brick-multi-select-content-max-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-multi-select-content-border);\n    border-radius: var(--brick-multi-select-content-radius);\n    background: var(--brick-multi-select-content-background);\n    box-shadow: var(--brick-multi-select-content-shadow);\n    color: var(--brick-multi-select-content-foreground);\n    z-index: var(--brick-multi-select-content-z-index);\n  }\n\n  .brick-multi-select-content[data-size=\"sm\"] { --brick-multi-select-item-min-block-size: var(--brick-control-min-block-size-sm); }\n  .brick-multi-select-content[data-size=\"lg\"] { --brick-multi-select-item-min-block-size: var(--brick-control-min-block-size-lg); }\n\n  .brick-multi-select-viewport { box-sizing: border-box; max-block-size: inherit; overflow-y: auto; padding: var(--brick-multi-select-content-padding); overscroll-behavior: contain; scrollbar-width: thin; }\n  .brick-multi-select-group + .brick-multi-select-group { margin-block-start: var(--brick-space-1); }\n  .brick-multi-select-label { padding: var(--brick-space-2) var(--brick-multi-select-item-padding-inline) var(--brick-space-1); color: var(--brick-multi-select-label-foreground); font-size: var(--brick-typography-caption-font-size); font-weight: var(--brick-typography-label-md-font-weight); line-height: var(--brick-typography-caption-line-height); }\n  .brick-multi-select-item { display: grid; box-sizing: border-box; min-inline-size: 0; min-block-size: var(--brick-multi-select-item-min-block-size); grid-template-columns: minmax(0, 1fr) var(--brick-multi-select-indicator-size); align-items: center; gap: var(--brick-multi-select-item-gap); padding-inline: var(--brick-multi-select-item-padding-inline); border-radius: calc(var(--brick-multi-select-content-radius) - var(--brick-border-width)); outline: 0; cursor: pointer; }\n  .brick-multi-select-item[data-highlighted] { background: var(--brick-multi-select-item-highlighted-background); }\n  .brick-multi-select-item[data-state=\"checked\"] { color: var(--brick-multi-select-item-selected-foreground); font-weight: var(--brick-typography-label-md-font-weight); }\n  .brick-multi-select-item[data-disabled] { color: var(--brick-multi-select-item-disabled-foreground); cursor: not-allowed; opacity: 0.65; }\n  .brick-multi-select-item-text { min-inline-size: 0; overflow-wrap: anywhere; }\n  .brick-multi-select-item-indicator { display: inline-grid; inline-size: var(--brick-multi-select-indicator-size); block-size: var(--brick-multi-select-indicator-size); place-items: center; }\n  .brick-multi-select-separator { block-size: var(--brick-border-width); margin: var(--brick-space-1) var(--brick-multi-select-item-padding-inline); background: var(--brick-multi-select-separator-color); }\n  :where(.brick-multi-select-scroll-up, .brick-multi-select-scroll-down) { display: grid; box-sizing: border-box; inline-size: 100%; block-size: var(--brick-multi-select-scroll-button-block-size); place-items: center; padding: var(--brick-space-1); border: 0; background: var(--brick-multi-select-content-background); color: var(--brick-multi-select-content-foreground); }\n  :where(.brick-multi-select-scroll-up, .brick-multi-select-scroll-down) .brick-multi-select-direction-artwork { inline-size: 1rem; block-size: 1rem; }\n  .brick-multi-select-arrow { display: block; inline-size: var(--brick-multi-select-arrow-size); block-size: var(--brick-multi-select-arrow-size); pointer-events: none; }\n  .brick-multi-select-arrow-artwork { display: block; box-sizing: border-box; inline-size: 100%; block-size: 100%; border: var(--brick-border-width) solid var(--brick-multi-select-content-border); background: var(--brick-multi-select-content-background); transform: rotate(45deg); }\n  .brick-multi-select-arrow[data-side=\"bottom\"] { transform: translateY(-50%); }\n  .brick-multi-select-arrow[data-side=\"top\"] { transform: translateY(50%); }\n  .brick-multi-select-arrow[data-side=\"left\"] { transform: translateX(50%); }\n  .brick-multi-select-arrow[data-side=\"right\"] { transform: translateX(-50%); }\n  .brick-multi-select-arrow[data-side=\"bottom\"] .brick-multi-select-arrow-artwork { border-right: 0; border-bottom: 0; }\n  .brick-multi-select-arrow[data-side=\"top\"] .brick-multi-select-arrow-artwork { border-left: 0; border-top: 0; }\n  .brick-multi-select-arrow[data-side=\"left\"] .brick-multi-select-arrow-artwork { border-left: 0; border-bottom: 0; }\n  .brick-multi-select-arrow[data-side=\"right\"] .brick-multi-select-arrow-artwork { border-right: 0; border-top: 0; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-multi-select-trigger:not([data-disabled], [data-readonly], [data-invalid]):hover { border-color: var(--brick-multi-select-trigger-hover-border); background: var(--brick-multi-select-trigger-hover-background); }\n    .brick-multi-select-item:not([data-disabled]):hover { background: var(--brick-multi-select-item-highlighted-background); }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-multi-select-trigger, .brick-multi-select-icon { transition-duration: 0ms; } }\n  @media (forced-colors: active) {\n    .brick-multi-select-trigger, .brick-multi-select-content { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-multi-select-trigger:focus-visible, .brick-multi-select-item[data-highlighted] { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-multi-select-trigger[data-invalid] { border-color: Mark; }\n    .brick-multi-select-trigger[data-disabled], .brick-multi-select-item[data-disabled] { border-color: GrayText; color: GrayText; }\n    .brick-multi-select-item[data-state=\"checked\"] { color: Highlight; }\n    .brick-multi-select-separator { background: ButtonText; }\n  }\n}\n"],"names":[]}

package/dist/styles/nav-list.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-nav-list{--brick-nav-list-gap:var(--brick-space-1);--brick-nav-list-section-gap:var(--brick-space-2);--brick-nav-list-item-gap:var(--brick-space-1);--brick-nav-list-content-inset:var(--brick-space-3);--brick-nav-list-row-min-block-size:2.75rem;--brick-nav-list-row-padding-inline:var(--brick-space-3);--brick-nav-list-row-padding-inline-start:var(--brick-nav-list-row-padding-inline);--brick-nav-list-row-padding-inline-end:var(--brick-nav-list-row-padding-inline);--brick-nav-list-row-padding-block:var(--brick-space-2);--brick-nav-list-row-radius:var(--brick-radius-control);--brick-nav-list-link-foreground:var(--brick-color-text-secondary);--brick-nav-list-link-foreground-hover:var(--brick-color-text-primary);--brick-nav-list-link-foreground-current:var(--brick-color-accent-text);--brick-nav-list-link-foreground-disabled:var(--brick-color-text-muted);--brick-nav-list-link-surface-hover:var(--brick-color-surface-subtle);--brick-nav-list-link-surface-active:var(--brick-color-surface-raised);--brick-nav-list-link-surface-current:var(--brick-color-accent-soft);--brick-nav-list-current-border:var(--brick-color-accent-border);--brick-nav-list-focus-ring:var(--brick-color-focus-ring);--brick-nav-list-icon-size:1.125rem;--brick-nav-list-icon-gap:var(--brick-space-2);--brick-nav-list-description-foreground:var(--brick-color-text-secondary);--brick-nav-list-trigger-indicator-size:.5rem;--brick-nav-list-label-font-family:var(--brick-typography-body-sm-font-family);--brick-nav-list-label-font-size:var(--brick-typography-body-sm-font-size);--brick-nav-list-label-font-weight:var(--brick-typography-body-sm-font-weight);--brick-nav-list-label-line-height:var(--brick-typography-body-sm-line-height);--brick-nav-list-label-letter-spacing:var(--brick-typography-body-sm-letter-spacing);gap:var(--brick-nav-list-section-gap);flex-direction:column;min-inline-size:0;display:flex}.brick-nav-list[data-tone=neutral]{--brick-nav-list-link-foreground-current:var(--brick-color-text-primary);--brick-nav-list-link-surface-current:var(--brick-color-surface-raised);--brick-nav-list-current-border:var(--brick-color-border-strong)}.brick-nav-list[data-size=sm]{--brick-nav-list-row-min-block-size:2rem;--brick-nav-list-row-padding-inline:var(--brick-space-2);--brick-nav-list-row-padding-block:var(--brick-space-1);--brick-nav-list-content-inset:var(--brick-space-2);--brick-nav-list-icon-size:1rem;--brick-nav-list-label-font-size:var(--brick-typography-caption-font-size);--brick-nav-list-label-line-height:var(--brick-typography-caption-line-height)}.brick-nav-list[data-size=lg]{--brick-nav-list-row-min-block-size:3.25rem;--brick-nav-list-row-padding-inline:var(--brick-space-4);--brick-nav-list-row-padding-block:var(--brick-space-3);--brick-nav-list-content-inset:var(--brick-space-4);--brick-nav-list-icon-size:1.25rem;--brick-nav-list-label-font-size:var(--brick-typography-body-md-font-size);--brick-nav-list-label-line-height:var(--brick-typography-body-md-line-height)}.brick-nav-list__list{gap:var(--brick-nav-list-gap);flex-direction:column;min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.brick-nav-list__item{min-inline-size:0;margin:0;padding:0}.brick-nav-list__link,.brick-nav-list__section-trigger{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-nav-list-row-min-block-size);align-items:center;gap:var(--brick-nav-list-icon-gap);padding-block:var(--brick-nav-list-row-padding-block);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-nav-list-row-radius);color:var(--brick-nav-list-link-foreground);font-family:var(--brick-nav-list-label-font-family);font-size:var(--brick-nav-list-label-font-size);font-weight:var(--brick-nav-list-label-font-weight);letter-spacing:var(--brick-nav-list-label-letter-spacing);line-height:var(--brick-nav-list-label-line-height);text-align:start;background:0 0;padding-inline-start:var(--brick-nav-list-row-padding-inline-start);padding-inline-end:var(--brick-nav-list-row-padding-inline-end);text-decoration:none;display:flex}.brick-nav-list[data-orientation=vertical] :is(.brick-nav-list__link,.brick-nav-list__section-trigger){inline-size:100%}.brick-nav-list__link:hover:not([data-disabled]),.brick-nav-list__section-trigger:hover:not([data-disabled]){background:var(--brick-nav-list-link-surface-hover);color:var(--brick-nav-list-link-foreground-hover)}.brick-nav-list__link:active:not([data-disabled]),.brick-nav-list__section-trigger:active:not([data-disabled]){background:var(--brick-nav-list-link-surface-active)}.brick-nav-list__link:focus-visible,.brick-nav-list__section-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-nav-list-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-nav-list__link[data-current]{background:var(--brick-nav-list-link-surface-current);color:var(--brick-nav-list-link-foreground-current);font-weight:var(--brick-typography-label-strong-font-weight)}.brick-nav-list[data-variant=solid] .brick-nav-list__link[data-current]{background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid)}.brick-nav-list[data-tone=neutral][data-variant=solid] .brick-nav-list__link[data-current]{background:var(--brick-color-text-primary);color:var(--brick-color-text-inverse)}.brick-nav-list[data-variant=outline] .brick-nav-list__link[data-current]{border-color:var(--brick-nav-list-current-border);background:0 0}.brick-nav-list__link[data-disabled],.brick-nav-list__section-trigger[data-disabled]{color:var(--brick-nav-list-link-foreground-disabled);cursor:not-allowed}.brick-nav-list__link-start,.brick-nav-list__link-end{inline-size:var(--brick-nav-list-icon-size);block-size:var(--brick-nav-list-icon-size);flex:none;justify-content:center;align-self:flex-start;align-items:center;margin-block-start:calc((var(--brick-nav-list-label-line-height) - var(--brick-nav-list-icon-size)) / 2);display:inline-flex}:is(.brick-nav-list__link-start,.brick-nav-list__link-end)>:where(svg,img){block-size:100%;inline-size:100%}.brick-nav-list__link-content{flex-direction:column;flex:auto;min-inline-size:0;display:flex}.brick-nav-list__link-label,.brick-nav-list__link-description{overflow-wrap:anywhere;min-inline-size:0}.brick-nav-list__link-description{color:var(--brick-nav-list-description-foreground);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);letter-spacing:var(--brick-typography-caption-letter-spacing);line-height:var(--brick-typography-caption-line-height)}.brick-nav-list__section{gap:var(--brick-nav-list-section-gap);flex-direction:column;min-inline-size:0;display:flex}.brick-nav-list__section-label{color:var(--brick-color-text-secondary);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-strong-font-weight);letter-spacing:var(--brick-typography-label-strong-letter-spacing);line-height:var(--brick-typography-caption-line-height);text-transform:uppercase;margin:0}.brick-nav-list__section-trigger{cursor:pointer}.brick-nav-list__section-trigger[data-collapsible]:after{box-sizing:border-box;inline-size:var(--brick-nav-list-trigger-indicator-size);block-size:var(--brick-nav-list-trigger-indicator-size);border-inline-end:var(--brick-border-width) solid currentColor;border-block-end:var(--brick-border-width) solid currentColor;content:"";flex:none;margin-inline-start:auto;rotate:45deg}.brick-nav-list__section-trigger[data-collapsible][data-state=open]:after{rotate:225deg}.brick-nav-list__section-content{min-inline-size:0}.brick-nav-list[data-orientation=vertical] .brick-nav-list__section-content{padding-inline-start:var(--brick-nav-list-content-inset)}.brick-nav-list[data-orientation=horizontal],.brick-nav-list[data-orientation=horizontal] .brick-nav-list__list,.brick-nav-list[data-orientation=horizontal] .brick-nav-list__section{flex-flow:wrap;align-items:center}.brick-nav-list[data-orientation=horizontal] .brick-nav-list__section-content{display:contents}@media (prefers-reduced-motion:no-preference){.brick-nav-list__section-trigger[data-collapsible]:after{transition:rotate .12s}}@media (forced-colors:active){.brick-nav-list{--brick-nav-list-link-foreground:LinkText;--brick-nav-list-link-foreground-hover:LinkText;--brick-nav-list-link-foreground-current:LinkText;--brick-nav-list-link-foreground-disabled:GrayText;--brick-nav-list-focus-ring:Highlight;--brick-nav-list-current-border:Highlight}.brick-nav-list__link[data-current]{color:linktext;forced-color-adjust:auto;background:canvas;border-color:highlight}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-nav-list{--brick-nav-list-gap:var(--brick-space-1);--brick-nav-list-section-gap:var(--brick-space-2);--brick-nav-list-item-gap:var(--brick-space-1);--brick-nav-list-content-inset:var(--brick-space-3);--brick-nav-list-row-min-block-size:2.75rem;--brick-nav-list-row-padding-inline:var(--brick-space-3);--brick-nav-list-row-padding-inline-start:var(--brick-nav-list-row-padding-inline);--brick-nav-list-row-padding-inline-end:var(--brick-nav-list-row-padding-inline);--brick-nav-list-row-padding-block:var(--brick-space-2);--brick-nav-list-row-radius:var(--brick-radius-control);--brick-nav-list-link-foreground:var(--brick-color-text-secondary);--brick-nav-list-link-foreground-hover:var(--brick-color-text-primary);--brick-nav-list-link-foreground-current:var(--brick-color-accent-text);--brick-nav-list-link-foreground-disabled:var(--brick-color-text-muted);--brick-nav-list-link-surface-hover:var(--brick-color-surface-subtle);--brick-nav-list-link-surface-active:var(--brick-color-surface-raised);--brick-nav-list-link-surface-current:var(--brick-color-accent-soft);--brick-nav-list-link-surface-current-hover:var(--brick-nav-list-link-surface-current);--brick-nav-list-current-border:var(--brick-color-accent-border);--brick-nav-list-focus-ring:var(--brick-color-focus-ring);--brick-nav-list-icon-size:1.125rem;--brick-nav-list-icon-gap:var(--brick-space-2);--brick-nav-list-description-foreground:var(--brick-color-text-secondary);--brick-nav-list-trigger-indicator-size:.5rem;--brick-nav-list-section-label-padding-inline:var(--brick-nav-list-row-padding-inline-start);--brick-nav-list-section-label-font-size:var(--brick-nav-list-label-font-size);--brick-nav-list-section-label-font-weight:var(--brick-typography-label-strong-font-weight);--brick-nav-list-section-label-line-height:var(--brick-nav-list-label-line-height);--brick-nav-list-section-label-letter-spacing:var(--brick-nav-list-label-letter-spacing);--brick-nav-list-label-font-family:var(--brick-typography-body-sm-font-family);--brick-nav-list-label-font-size:var(--brick-typography-body-sm-font-size);--brick-nav-list-label-font-weight:var(--brick-typography-body-sm-font-weight);--brick-nav-list-label-line-height:var(--brick-typography-body-sm-line-height);--brick-nav-list-label-letter-spacing:var(--brick-typography-body-sm-letter-spacing);gap:var(--brick-nav-list-section-gap);flex-direction:column;min-inline-size:0;display:flex}.brick-nav-list[data-tone=neutral]{--brick-nav-list-link-foreground-current:var(--brick-color-text-primary);--brick-nav-list-link-surface-current:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 8%);--brick-nav-list-link-surface-current-hover:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 12%);--brick-nav-list-current-border:var(--brick-color-border-strong)}.brick-nav-list[data-size=sm]{--brick-nav-list-row-min-block-size:2rem;--brick-nav-list-row-padding-inline:var(--brick-space-2);--brick-nav-list-row-padding-block:var(--brick-space-1);--brick-nav-list-content-inset:var(--brick-space-2);--brick-nav-list-icon-size:1rem;--brick-nav-list-label-font-size:var(--brick-typography-caption-font-size);--brick-nav-list-label-line-height:var(--brick-typography-caption-line-height)}.brick-nav-list[data-size=lg]{--brick-nav-list-row-min-block-size:3.25rem;--brick-nav-list-row-padding-inline:var(--brick-space-4);--brick-nav-list-row-padding-block:var(--brick-space-3);--brick-nav-list-content-inset:var(--brick-space-4);--brick-nav-list-icon-size:1.25rem;--brick-nav-list-label-font-size:var(--brick-typography-body-md-font-size);--brick-nav-list-label-line-height:var(--brick-typography-body-md-line-height)}.brick-nav-list__list{gap:var(--brick-nav-list-gap);flex-direction:column;min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.brick-nav-list__item{min-inline-size:0;margin:0;padding:0}.brick-nav-list__link,.brick-nav-list__section-trigger{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-nav-list-row-min-block-size);align-items:center;gap:var(--brick-nav-list-icon-gap);padding-block:var(--brick-nav-list-row-padding-block);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-nav-list-row-radius);color:var(--brick-nav-list-link-foreground);font-family:var(--brick-nav-list-label-font-family);font-size:var(--brick-nav-list-label-font-size);font-weight:var(--brick-nav-list-label-font-weight);letter-spacing:var(--brick-nav-list-label-letter-spacing);line-height:var(--brick-nav-list-label-line-height);text-align:start;background:0 0;padding-inline-start:var(--brick-nav-list-row-padding-inline-start);padding-inline-end:var(--brick-nav-list-row-padding-inline-end);text-decoration:none;display:flex}.brick-nav-list[data-orientation=vertical] :is(.brick-nav-list__link,.brick-nav-list__section-trigger){inline-size:100%}.brick-nav-list__link:hover:not([data-disabled]),.brick-nav-list__section-trigger:hover:not([data-disabled]){background:var(--brick-nav-list-link-surface-hover);color:var(--brick-nav-list-link-foreground-hover)}.brick-nav-list__link:active:not([data-disabled]),.brick-nav-list__section-trigger:active:not([data-disabled]){background:var(--brick-nav-list-link-surface-active)}.brick-nav-list__link:focus-visible,.brick-nav-list__section-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-nav-list-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-nav-list__link[data-current]{background:var(--brick-nav-list-link-surface-current);color:var(--brick-nav-list-link-foreground-current);font-weight:var(--brick-typography-label-strong-font-weight)}.brick-nav-list__link[data-current]:hover:not([data-disabled]){background:var(--brick-nav-list-link-surface-current-hover);color:var(--brick-nav-list-link-foreground-current)}.brick-nav-list[data-variant=solid] .brick-nav-list__link[data-current]:hover:not([data-disabled]){color:var(--brick-color-accent-on-solid)}.brick-nav-list[data-tone=neutral][data-variant=solid] .brick-nav-list__link[data-current]:hover:not([data-disabled]){color:var(--brick-color-text-inverse)}.brick-nav-list[data-variant=solid] .brick-nav-list__link[data-current]{background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid)}.brick-nav-list[data-tone=neutral][data-variant=solid] .brick-nav-list__link[data-current]{background:var(--brick-color-text-primary);color:var(--brick-color-text-inverse)}.brick-nav-list[data-variant=outline] .brick-nav-list__link[data-current]{border-color:var(--brick-nav-list-current-border);background:0 0}.brick-nav-list[data-variant=ghost] .brick-nav-list__link[data-current]{background:0 0}.brick-nav-list[data-variant=ghost] .brick-nav-list__link[data-current]:hover:not([data-disabled]){background:var(--brick-color-accent-soft)}.brick-nav-list[data-tone=neutral][data-variant=ghost] .brick-nav-list__link[data-current]:hover:not([data-disabled]){background:var(--brick-nav-list-link-surface-current-hover)}.brick-nav-list__link[data-disabled],.brick-nav-list__section-trigger[data-disabled]{color:var(--brick-nav-list-link-foreground-disabled);cursor:not-allowed}.brick-nav-list__link-start,.brick-nav-list__link-end{inline-size:var(--brick-nav-list-icon-size);block-size:var(--brick-nav-list-icon-size);flex:none;justify-content:center;align-self:center;align-items:center;display:inline-flex}.brick-nav-list__link[data-has-description] :is(.brick-nav-list__link-start,.brick-nav-list__link-end){align-self:flex-start;margin-block-start:calc((1em * var(--brick-nav-list-label-line-height) - var(--brick-nav-list-icon-size)) * .5)}:is(.brick-nav-list__link-start,.brick-nav-list__link-end)>:where(svg,img){block-size:100%;inline-size:100%}.brick-nav-list__link-content{flex-direction:column;flex:auto;min-inline-size:0;display:flex}.brick-nav-list__link-label,.brick-nav-list__link-description{overflow-wrap:anywhere;min-inline-size:0}.brick-nav-list__link-description{color:var(--brick-nav-list-description-foreground);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);letter-spacing:var(--brick-typography-caption-letter-spacing);line-height:var(--brick-typography-caption-line-height)}.brick-nav-list__section{gap:var(--brick-nav-list-section-gap);flex-direction:column;min-inline-size:0;display:flex}.brick-nav-list__section-label{padding-inline:var(--brick-nav-list-section-label-padding-inline);color:var(--brick-color-text-secondary);font-family:var(--brick-nav-list-label-font-family);font-size:var(--brick-nav-list-section-label-font-size);font-weight:var(--brick-nav-list-section-label-font-weight);letter-spacing:var(--brick-nav-list-section-label-letter-spacing);line-height:var(--brick-nav-list-section-label-line-height);margin:0}.brick-nav-list__section-trigger{cursor:pointer}.brick-nav-list__section-trigger[data-collapsible]:after{box-sizing:border-box;inline-size:var(--brick-nav-list-trigger-indicator-size);block-size:var(--brick-nav-list-trigger-indicator-size);border-inline-end:var(--brick-border-width) solid currentColor;border-block-end:var(--brick-border-width) solid currentColor;content:"";flex:none;margin-inline-start:auto;rotate:45deg}.brick-nav-list__section-trigger[data-collapsible][data-state=open]:after{rotate:225deg}.brick-nav-list__section-content{min-inline-size:0}.brick-nav-list__section-content[data-collapsible]{overflow:hidden}.brick-nav-list__section-content[data-collapsible][data-state=open]{animation:brick-nav-list-section-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both}.brick-nav-list__section-content[data-collapsible][data-state=closed]{animation:brick-nav-list-section-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both}.brick-nav-list__section-content[data-initial-open]{animation:none}.brick-nav-list[data-orientation=vertical] .brick-nav-list__section-content{padding-inline-start:var(--brick-nav-list-content-inset)}.brick-nav-list[data-orientation=horizontal],.brick-nav-list[data-orientation=horizontal] .brick-nav-list__list,.brick-nav-list[data-orientation=horizontal] .brick-nav-list__section{flex-flow:wrap;align-items:center}.brick-nav-list[data-orientation=horizontal] .brick-nav-list__section-content{animation:none;display:contents}@keyframes brick-nav-list-section-open{0%{block-size:0}to{block-size:var(--content-height)}}@keyframes brick-nav-list-section-close{0%{block-size:var(--content-height)}to{block-size:0}}@media (prefers-reduced-motion:no-preference){.brick-nav-list__section-trigger[data-collapsible]:after{transition:rotate .12s}}@media (prefers-reduced-motion:reduce){.brick-nav-list__section-content{animation:none!important}}@media (forced-colors:active){.brick-nav-list{--brick-nav-list-link-foreground:LinkText;--brick-nav-list-link-foreground-hover:LinkText;--brick-nav-list-link-foreground-current:LinkText;--brick-nav-list-link-foreground-disabled:GrayText;--brick-nav-list-focus-ring:Highlight;--brick-nav-list-current-border:Highlight}.brick-nav-list__link[data-current]{color:linktext;forced-color-adjust:auto;background:canvas;border-color:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=nav-list.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,k2DAoCA,qPAMA,saAUA,4aAUA,4IAUA,2DAMA,61BAwBA,wHAIA,mNAMA,oKAKA,kNAMA,2MAMA,4JAKA,4KAKA,2IAKA,6JAMA,oVAYA,4GAKA,6FAOA,uGAMA,uTAQA,oHAOA,6YAWA,gDAIA,wXAYA,wFAIA,mDAIA,qIAIA,wNAOA,+FAIA,8CACE,iFAKF,8BACE,+RASA,uHDtQJ","sources":["home/runner/work/brick/brick/.brick-cache/production/nav-list.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/nav-list/nav-list.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/nav-list/nav-list.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-nav-list {\n    --brick-nav-list-gap: var(--brick-space-1);\n    --brick-nav-list-section-gap: var(--brick-space-2);\n    --brick-nav-list-item-gap: var(--brick-space-1);\n    --brick-nav-list-content-inset: var(--brick-space-3);\n    --brick-nav-list-row-min-block-size: 2.75rem;\n    --brick-nav-list-row-padding-inline: var(--brick-space-3);\n    --brick-nav-list-row-padding-inline-start: var(--brick-nav-list-row-padding-inline);\n    --brick-nav-list-row-padding-inline-end: var(--brick-nav-list-row-padding-inline);\n    --brick-nav-list-row-padding-block: var(--brick-space-2);\n    --brick-nav-list-row-radius: var(--brick-radius-control);\n    --brick-nav-list-link-foreground: var(--brick-color-text-secondary);\n    --brick-nav-list-link-foreground-hover: var(--brick-color-text-primary);\n    --brick-nav-list-link-foreground-current: var(--brick-color-accent-text);\n    --brick-nav-list-link-foreground-disabled: var(--brick-color-text-muted);\n    --brick-nav-list-link-surface-hover: var(--brick-color-surface-subtle);\n    --brick-nav-list-link-surface-active: var(--brick-color-surface-raised);\n    --brick-nav-list-link-surface-current: var(--brick-color-accent-soft);\n    --brick-nav-list-current-border: var(--brick-color-accent-border);\n    --brick-nav-list-focus-ring: var(--brick-color-focus-ring);\n    --brick-nav-list-icon-size: 1.125rem;\n    --brick-nav-list-icon-gap: var(--brick-space-2);\n    --brick-nav-list-description-foreground: var(--brick-color-text-secondary);\n    --brick-nav-list-trigger-indicator-size: 0.5rem;\n    --brick-nav-list-label-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-nav-list-label-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-nav-list-label-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-nav-list-label-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-nav-list-label-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n    gap: var(--brick-nav-list-section-gap);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"] {\n    --brick-nav-list-link-foreground-current: var(--brick-color-text-primary);\n    --brick-nav-list-link-surface-current: var(--brick-color-surface-raised);\n    --brick-nav-list-current-border: var(--brick-color-border-strong);\n  }\n\n  .brick-nav-list[data-size=\"sm\"] {\n    --brick-nav-list-row-min-block-size: 2rem;\n    --brick-nav-list-row-padding-inline: var(--brick-space-2);\n    --brick-nav-list-row-padding-block: var(--brick-space-1);\n    --brick-nav-list-content-inset: var(--brick-space-2);\n    --brick-nav-list-icon-size: 1rem;\n    --brick-nav-list-label-font-size: var(--brick-typography-caption-font-size);\n    --brick-nav-list-label-line-height: var(--brick-typography-caption-line-height);\n  }\n\n  .brick-nav-list[data-size=\"lg\"] {\n    --brick-nav-list-row-min-block-size: 3.25rem;\n    --brick-nav-list-row-padding-inline: var(--brick-space-4);\n    --brick-nav-list-row-padding-block: var(--brick-space-3);\n    --brick-nav-list-content-inset: var(--brick-space-4);\n    --brick-nav-list-icon-size: 1.25rem;\n    --brick-nav-list-label-font-size: var(--brick-typography-body-md-font-size);\n    --brick-nav-list-label-line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-nav-list__list {\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n    gap: var(--brick-nav-list-gap);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .brick-nav-list__item {\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  .brick-nav-list__link,\n  .brick-nav-list__section-trigger {\n    box-sizing: border-box;\n    display: flex;\n    min-inline-size: 0;\n    min-block-size: var(--brick-nav-list-row-min-block-size);\n    align-items: center;\n    gap: var(--brick-nav-list-icon-gap);\n    padding-block: var(--brick-nav-list-row-padding-block);\n    padding-inline-start: var(--brick-nav-list-row-padding-inline-start);\n    padding-inline-end: var(--brick-nav-list-row-padding-inline-end);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-nav-list-row-radius);\n    background: transparent;\n    color: var(--brick-nav-list-link-foreground);\n    font-family: var(--brick-nav-list-label-font-family);\n    font-size: var(--brick-nav-list-label-font-size);\n    font-weight: var(--brick-nav-list-label-font-weight);\n    letter-spacing: var(--brick-nav-list-label-letter-spacing);\n    line-height: var(--brick-nav-list-label-line-height);\n    text-align: start;\n    text-decoration: none;\n  }\n\n  .brick-nav-list[data-orientation=\"vertical\"] :is(.brick-nav-list__link, .brick-nav-list__section-trigger) {\n    inline-size: 100%;\n  }\n\n  .brick-nav-list__link:hover:not([data-disabled]),\n  .brick-nav-list__section-trigger:hover:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-hover);\n    color: var(--brick-nav-list-link-foreground-hover);\n  }\n\n  .brick-nav-list__link:active:not([data-disabled]),\n  .brick-nav-list__section-trigger:active:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-active);\n  }\n\n  .brick-nav-list__link:focus-visible,\n  .brick-nav-list__section-trigger:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-nav-list-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-nav-list__link[data-current] {\n    background: var(--brick-nav-list-link-surface-current);\n    color: var(--brick-nav-list-link-foreground-current);\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  .brick-nav-list[data-variant=\"solid\"] .brick-nav-list__link[data-current] {\n    background: var(--brick-color-accent-solid);\n    color: var(--brick-color-accent-on-solid);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"][data-variant=\"solid\"] .brick-nav-list__link[data-current] {\n    background: var(--brick-color-text-primary);\n    color: var(--brick-color-text-inverse);\n  }\n\n  .brick-nav-list[data-variant=\"outline\"] .brick-nav-list__link[data-current] {\n    border-color: var(--brick-nav-list-current-border);\n    background: transparent;\n  }\n\n  .brick-nav-list__link[data-disabled],\n  .brick-nav-list__section-trigger[data-disabled] {\n    color: var(--brick-nav-list-link-foreground-disabled);\n    cursor: not-allowed;\n  }\n\n  .brick-nav-list__link-start,\n  .brick-nav-list__link-end {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-self: flex-start;\n    align-items: center;\n    justify-content: center;\n    inline-size: var(--brick-nav-list-icon-size);\n    block-size: var(--brick-nav-list-icon-size);\n    margin-block-start: calc((var(--brick-nav-list-label-line-height) - var(--brick-nav-list-icon-size)) / 2);\n  }\n\n  :is(.brick-nav-list__link-start, .brick-nav-list__link-end) > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-nav-list__link-content {\n    display: flex;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    flex-direction: column;\n  }\n\n  .brick-nav-list__link-label,\n  .brick-nav-list__link-description {\n    min-inline-size: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-nav-list__link-description {\n    color: var(--brick-nav-list-description-foreground);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    line-height: var(--brick-typography-caption-line-height);\n  }\n\n  .brick-nav-list__section {\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n    gap: var(--brick-nav-list-section-gap);\n  }\n\n  .brick-nav-list__section-label {\n    margin: 0;\n    color: var(--brick-color-text-secondary);\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-strong-font-weight);\n    letter-spacing: var(--brick-typography-label-strong-letter-spacing);\n    line-height: var(--brick-typography-caption-line-height);\n    text-transform: uppercase;\n  }\n\n  .brick-nav-list__section-trigger {\n    cursor: pointer;\n  }\n\n  .brick-nav-list__section-trigger[data-collapsible]::after {\n    box-sizing: border-box;\n    inline-size: var(--brick-nav-list-trigger-indicator-size);\n    block-size: var(--brick-nav-list-trigger-indicator-size);\n    flex: 0 0 auto;\n    margin-inline-start: auto;\n    border-inline-end: var(--brick-border-width) solid currentColor;\n    border-block-end: var(--brick-border-width) solid currentColor;\n    content: \"\";\n    rotate: 45deg;\n  }\n\n  .brick-nav-list__section-trigger[data-collapsible][data-state=\"open\"]::after {\n    rotate: 225deg;\n  }\n\n  .brick-nav-list__section-content {\n    min-inline-size: 0;\n  }\n\n  .brick-nav-list[data-orientation=\"vertical\"] .brick-nav-list__section-content {\n    padding-inline-start: var(--brick-nav-list-content-inset);\n  }\n\n  .brick-nav-list[data-orientation=\"horizontal\"],\n  .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__list,\n  .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__section {\n    flex-flow: row wrap;\n    align-items: center;\n  }\n\n  .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__section-content {\n    display: contents;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .brick-nav-list__section-trigger[data-collapsible]::after {\n      transition: rotate 120ms ease;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-nav-list {\n      --brick-nav-list-link-foreground: LinkText;\n      --brick-nav-list-link-foreground-hover: LinkText;\n      --brick-nav-list-link-foreground-current: LinkText;\n      --brick-nav-list-link-foreground-disabled: GrayText;\n      --brick-nav-list-focus-ring: Highlight;\n      --brick-nav-list-current-border: Highlight;\n    }\n\n    .brick-nav-list__link[data-current] {\n      border-color: Highlight;\n      background: Canvas;\n      color: LinkText;\n      forced-color-adjust: auto;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,62EA0CA,obAeA,saAUA,4aAUA,4IAUA,2DAMA,61BAwBA,wHAIA,mNAMA,oKAKA,kNAMA,2MAMA,+KAKA,4IAIA,4JAIA,4JAKA,4KAKA,2IAKA,uFAIA,6IAIA,kLAIA,6JAMA,uOAWA,6OAKA,4GAKA,6FAOA,uGAMA,uTAQA,oHAOA,wbAWA,gDAIA,wXAYA,wFAIA,mDAIA,mEAIA,kLAKA,oLAKA,mEAIA,qIAIA,wNAOA,8GAKA,4FAKA,6FAKA,8CACE,iFAKF,uCACE,2DAKF,8BACE,+RASA,uHDrVJ","sources":["home/runner/work/brick/brick/.brick-cache/production/nav-list.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/nav-list/nav-list.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/nav-list/nav-list.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-nav-list {\n    --brick-nav-list-gap: var(--brick-space-1);\n    --brick-nav-list-section-gap: var(--brick-space-2);\n    --brick-nav-list-item-gap: var(--brick-space-1);\n    --brick-nav-list-content-inset: var(--brick-space-3);\n    --brick-nav-list-row-min-block-size: 2.75rem;\n    --brick-nav-list-row-padding-inline: var(--brick-space-3);\n    --brick-nav-list-row-padding-inline-start: var(--brick-nav-list-row-padding-inline);\n    --brick-nav-list-row-padding-inline-end: var(--brick-nav-list-row-padding-inline);\n    --brick-nav-list-row-padding-block: var(--brick-space-2);\n    --brick-nav-list-row-radius: var(--brick-radius-control);\n    --brick-nav-list-link-foreground: var(--brick-color-text-secondary);\n    --brick-nav-list-link-foreground-hover: var(--brick-color-text-primary);\n    --brick-nav-list-link-foreground-current: var(--brick-color-accent-text);\n    --brick-nav-list-link-foreground-disabled: var(--brick-color-text-muted);\n    --brick-nav-list-link-surface-hover: var(--brick-color-surface-subtle);\n    --brick-nav-list-link-surface-active: var(--brick-color-surface-raised);\n    --brick-nav-list-link-surface-current: var(--brick-color-accent-soft);\n    --brick-nav-list-link-surface-current-hover: var(--brick-nav-list-link-surface-current);\n    --brick-nav-list-current-border: var(--brick-color-accent-border);\n    --brick-nav-list-focus-ring: var(--brick-color-focus-ring);\n    --brick-nav-list-icon-size: 1.125rem;\n    --brick-nav-list-icon-gap: var(--brick-space-2);\n    --brick-nav-list-description-foreground: var(--brick-color-text-secondary);\n    --brick-nav-list-trigger-indicator-size: 0.5rem;\n    --brick-nav-list-section-label-padding-inline: var(--brick-nav-list-row-padding-inline-start);\n    --brick-nav-list-section-label-font-size: var(--brick-nav-list-label-font-size);\n    --brick-nav-list-section-label-font-weight: var(--brick-typography-label-strong-font-weight);\n    --brick-nav-list-section-label-line-height: var(--brick-nav-list-label-line-height);\n    --brick-nav-list-section-label-letter-spacing: var(--brick-nav-list-label-letter-spacing);\n    --brick-nav-list-label-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-nav-list-label-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-nav-list-label-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-nav-list-label-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-nav-list-label-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n    gap: var(--brick-nav-list-section-gap);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"] {\n    --brick-nav-list-link-foreground-current: var(--brick-color-text-primary);\n    --brick-nav-list-link-surface-current: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 8%\n    );\n    --brick-nav-list-link-surface-current-hover: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 12%\n    );\n    --brick-nav-list-current-border: var(--brick-color-border-strong);\n  }\n\n  .brick-nav-list[data-size=\"sm\"] {\n    --brick-nav-list-row-min-block-size: 2rem;\n    --brick-nav-list-row-padding-inline: var(--brick-space-2);\n    --brick-nav-list-row-padding-block: var(--brick-space-1);\n    --brick-nav-list-content-inset: var(--brick-space-2);\n    --brick-nav-list-icon-size: 1rem;\n    --brick-nav-list-label-font-size: var(--brick-typography-caption-font-size);\n    --brick-nav-list-label-line-height: var(--brick-typography-caption-line-height);\n  }\n\n  .brick-nav-list[data-size=\"lg\"] {\n    --brick-nav-list-row-min-block-size: 3.25rem;\n    --brick-nav-list-row-padding-inline: var(--brick-space-4);\n    --brick-nav-list-row-padding-block: var(--brick-space-3);\n    --brick-nav-list-content-inset: var(--brick-space-4);\n    --brick-nav-list-icon-size: 1.25rem;\n    --brick-nav-list-label-font-size: var(--brick-typography-body-md-font-size);\n    --brick-nav-list-label-line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-nav-list__list {\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n    gap: var(--brick-nav-list-gap);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .brick-nav-list__item {\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  .brick-nav-list__link,\n  .brick-nav-list__section-trigger {\n    box-sizing: border-box;\n    display: flex;\n    min-inline-size: 0;\n    min-block-size: var(--brick-nav-list-row-min-block-size);\n    align-items: center;\n    gap: var(--brick-nav-list-icon-gap);\n    padding-block: var(--brick-nav-list-row-padding-block);\n    padding-inline-start: var(--brick-nav-list-row-padding-inline-start);\n    padding-inline-end: var(--brick-nav-list-row-padding-inline-end);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-nav-list-row-radius);\n    background: transparent;\n    color: var(--brick-nav-list-link-foreground);\n    font-family: var(--brick-nav-list-label-font-family);\n    font-size: var(--brick-nav-list-label-font-size);\n    font-weight: var(--brick-nav-list-label-font-weight);\n    letter-spacing: var(--brick-nav-list-label-letter-spacing);\n    line-height: var(--brick-nav-list-label-line-height);\n    text-align: start;\n    text-decoration: none;\n  }\n\n  .brick-nav-list[data-orientation=\"vertical\"] :is(.brick-nav-list__link, .brick-nav-list__section-trigger) {\n    inline-size: 100%;\n  }\n\n  .brick-nav-list__link:hover:not([data-disabled]),\n  .brick-nav-list__section-trigger:hover:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-hover);\n    color: var(--brick-nav-list-link-foreground-hover);\n  }\n\n  .brick-nav-list__link:active:not([data-disabled]),\n  .brick-nav-list__section-trigger:active:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-active);\n  }\n\n  .brick-nav-list__link:focus-visible,\n  .brick-nav-list__section-trigger:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-nav-list-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-nav-list__link[data-current] {\n    background: var(--brick-nav-list-link-surface-current);\n    color: var(--brick-nav-list-link-foreground-current);\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-current-hover);\n    color: var(--brick-nav-list-link-foreground-current);\n  }\n\n  .brick-nav-list[data-variant=\"solid\"] .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    color: var(--brick-color-accent-on-solid);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"][data-variant=\"solid\"] .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    color: var(--brick-color-text-inverse);\n  }\n\n  .brick-nav-list[data-variant=\"solid\"] .brick-nav-list__link[data-current] {\n    background: var(--brick-color-accent-solid);\n    color: var(--brick-color-accent-on-solid);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"][data-variant=\"solid\"] .brick-nav-list__link[data-current] {\n    background: var(--brick-color-text-primary);\n    color: var(--brick-color-text-inverse);\n  }\n\n  .brick-nav-list[data-variant=\"outline\"] .brick-nav-list__link[data-current] {\n    border-color: var(--brick-nav-list-current-border);\n    background: transparent;\n  }\n\n  .brick-nav-list[data-variant=\"ghost\"] .brick-nav-list__link[data-current] {\n    background: transparent;\n  }\n\n  .brick-nav-list[data-variant=\"ghost\"] .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    background: var(--brick-color-accent-soft);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"][data-variant=\"ghost\"] .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-current-hover);\n  }\n\n  .brick-nav-list__link[data-disabled],\n  .brick-nav-list__section-trigger[data-disabled] {\n    color: var(--brick-nav-list-link-foreground-disabled);\n    cursor: not-allowed;\n  }\n\n  .brick-nav-list__link-start,\n  .brick-nav-list__link-end {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-self: center;\n    align-items: center;\n    justify-content: center;\n    inline-size: var(--brick-nav-list-icon-size);\n    block-size: var(--brick-nav-list-icon-size);\n  }\n\n  .brick-nav-list__link[data-has-description] :is(.brick-nav-list__link-start, .brick-nav-list__link-end) {\n    align-self: flex-start;\n    margin-block-start: calc((1em * var(--brick-nav-list-label-line-height) - var(--brick-nav-list-icon-size)) * 0.5);\n  }\n\n  :is(.brick-nav-list__link-start, .brick-nav-list__link-end) > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-nav-list__link-content {\n    display: flex;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    flex-direction: column;\n  }\n\n  .brick-nav-list__link-label,\n  .brick-nav-list__link-description {\n    min-inline-size: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-nav-list__link-description {\n    color: var(--brick-nav-list-description-foreground);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    line-height: var(--brick-typography-caption-line-height);\n  }\n\n  .brick-nav-list__section {\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n    gap: var(--brick-nav-list-section-gap);\n  }\n\n  .brick-nav-list__section-label {\n    margin: 0;\n    padding-inline: var(--brick-nav-list-section-label-padding-inline);\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-nav-list-label-font-family);\n    font-size: var(--brick-nav-list-section-label-font-size);\n    font-weight: var(--brick-nav-list-section-label-font-weight);\n    letter-spacing: var(--brick-nav-list-section-label-letter-spacing);\n    line-height: var(--brick-nav-list-section-label-line-height);\n  }\n\n  .brick-nav-list__section-trigger {\n    cursor: pointer;\n  }\n\n  .brick-nav-list__section-trigger[data-collapsible]::after {\n    box-sizing: border-box;\n    inline-size: var(--brick-nav-list-trigger-indicator-size);\n    block-size: var(--brick-nav-list-trigger-indicator-size);\n    flex: 0 0 auto;\n    margin-inline-start: auto;\n    border-inline-end: var(--brick-border-width) solid currentColor;\n    border-block-end: var(--brick-border-width) solid currentColor;\n    content: \"\";\n    rotate: 45deg;\n  }\n\n  .brick-nav-list__section-trigger[data-collapsible][data-state=\"open\"]::after {\n    rotate: 225deg;\n  }\n\n  .brick-nav-list__section-content {\n    min-inline-size: 0;\n  }\n\n  .brick-nav-list__section-content[data-collapsible] {\n    overflow: hidden;\n  }\n\n  .brick-nav-list__section-content[data-collapsible][data-state=\"open\"] {\n    animation: brick-nav-list-section-open var(--brick-motion-duration-fast)\n      var(--brick-motion-easing-enter) both;\n  }\n\n  .brick-nav-list__section-content[data-collapsible][data-state=\"closed\"] {\n    animation: brick-nav-list-section-close var(--brick-motion-duration-fast)\n      var(--brick-motion-easing-exit) both;\n  }\n\n  .brick-nav-list__section-content[data-initial-open] {\n    animation: none;\n  }\n\n  .brick-nav-list[data-orientation=\"vertical\"] .brick-nav-list__section-content {\n    padding-inline-start: var(--brick-nav-list-content-inset);\n  }\n\n  .brick-nav-list[data-orientation=\"horizontal\"],\n  .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__list,\n  .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__section {\n    flex-flow: row wrap;\n    align-items: center;\n  }\n\n  .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__section-content {\n    display: contents;\n    animation: none;\n  }\n\n  @keyframes brick-nav-list-section-open {\n    from { block-size: 0; }\n    to { block-size: var(--content-height); }\n  }\n\n  @keyframes brick-nav-list-section-close {\n    from { block-size: var(--content-height); }\n    to { block-size: 0; }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .brick-nav-list__section-trigger[data-collapsible]::after {\n      transition: rotate 120ms ease;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-nav-list__section-content {\n      animation: none !important;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-nav-list {\n      --brick-nav-list-link-foreground: LinkText;\n      --brick-nav-list-link-foreground-hover: LinkText;\n      --brick-nav-list-link-foreground-current: LinkText;\n      --brick-nav-list-link-foreground-disabled: GrayText;\n      --brick-nav-list-focus-ring: Highlight;\n      --brick-nav-list-current-border: Highlight;\n    }\n\n    .brick-nav-list__link[data-current] {\n      border-color: Highlight;\n      background: Canvas;\n      color: LinkText;\n      forced-color-adjust: auto;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/navigation-menu.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-navigation-menu,.brick-navigation-menu__sub{--brick-navigation-menu-gap:var(--brick-space-1);--brick-navigation-menu-control-min-block-size:var(--brick-control-target-min);--brick-navigation-menu-control-padding-inline:var(--brick-space-3);--brick-navigation-menu-control-radius:var(--brick-radius-control);--brick-navigation-menu-control-foreground:currentColor;--brick-navigation-menu-control-hover-background:var(--brick-color-surface-subtle);--brick-navigation-menu-control-open-background:var(--brick-color-accent-soft);--brick-navigation-menu-control-open-foreground:var(--brick-color-accent-text);--brick-navigation-menu-control-current-foreground:currentColor;--brick-navigation-menu-focus-ring:var(--brick-color-focus-ring);--brick-navigation-menu-chevron-size:.375rem;--brick-navigation-menu-chevron-stroke:.0625rem;--brick-navigation-menu-chevron-gap:.375rem;--brick-navigation-menu-current-underline-size:.0625rem;--brick-navigation-menu-current-underline-offset:.25em;--brick-navigation-menu-indicator-size:.625rem;--brick-navigation-menu-indicator-offset:var(--brick-space-2);--brick-navigation-menu-viewport-background:var(--brick-color-surface-overlay);--brick-navigation-menu-viewport-foreground:var(--brick-color-text-primary);--brick-navigation-menu-viewport-border:var(--brick-color-border-subtle);--brick-navigation-menu-viewport-radius:var(--brick-radius-control);--brick-navigation-menu-viewport-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-navigation-menu-viewport-padding:var(--brick-space-4);--brick-navigation-menu-viewport-max-inline-size:min(42rem, calc(100dvi - 2 * var(--brick-space-3)));--brick-navigation-menu-motion-duration:var(--brick-motion-duration-fast);--brick-navigation-menu-indicator-color:var(--brick-navigation-menu-viewport-background);--brick-navigation-menu-indicator-border:var(--brick-navigation-menu-viewport-border);max-inline-size:100%;color:inherit;display:inline-block;position:relative}: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:.3125rem;--brick-navigation-menu-indicator-size:.5rem}: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:.4375rem;--brick-navigation-menu-indicator-size:.75rem}.brick-navigation-menu__list{align-items:center;gap:var(--brick-navigation-menu-gap);min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.brick-navigation-menu__list[data-orientation=horizontal]{flex-wrap:nowrap}.brick-navigation-menu__list[data-orientation=vertical]{flex-direction:column;align-items:stretch;inline-size:fit-content}.brick-navigation-menu__item{min-inline-size:0}:where(.brick-navigation-menu__trigger,.brick-navigation-menu__link){box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-navigation-menu-control-min-block-size);justify-content:center;align-items:center;gap:var(--brick-navigation-menu-chevron-gap);padding-inline:var(--brick-navigation-menu-control-padding-inline);border-radius:var(--brick-navigation-menu-control-radius);color:var(--brick-navigation-menu-control-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-typography-control-md-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-typography-control-md-line-height);text-align:start;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;text-decoration:none;display:inline-flex}.brick-navigation-menu__trigger:after{content:"";inline-size:var(--brick-navigation-menu-chevron-size);block-size:var(--brick-navigation-menu-chevron-size);border-inline-end:var(--brick-navigation-menu-chevron-stroke) solid currentColor;border-block-end:var(--brick-navigation-menu-chevron-stroke) solid currentColor;transition:transform var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);flex:none;transform:translateY(-20%)rotate(45deg)}.brick-navigation-menu__trigger[data-state=open]:after{transform:translateY(20%)rotate(225deg)}:where(.brick-navigation-menu__trigger,.brick-navigation-menu__link):is(:hover,:focus-visible){background:var(--brick-navigation-menu-control-hover-background)}: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)}.brick-navigation-menu__trigger[data-state=open]{background:var(--brick-navigation-menu-control-open-background);color:var(--brick-navigation-menu-control-open-foreground)}.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)}.brick-navigation-menu__link[data-variant=panel]{white-space:normal;background:0 0;border-radius:0;justify-content:flex-start;align-items:stretch;inline-size:100%;padding:0}.brick-navigation-menu__link[data-variant=panel]>.brick-surface{inline-size:100%}.brick-navigation-menu__link[data-variant=panel]:is(:hover,:focus-visible){background:0 0}.brick-navigation-menu__link[data-variant=panel]:focus-visible:has(>.brick-surface){outline:none}.brick-navigation-menu__link[data-variant=panel]:focus-visible>.brick-surface{outline:var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-navigation-menu__link[data-variant=panel][data-active]{background:0 0;text-decoration:none}.brick-navigation-menu__trigger[data-disabled]{color:var(--brick-color-text-muted);opacity:.65;cursor:not-allowed}.brick-navigation-menu__indicator{z-index:calc(var(--brick-layer-overlay) + 1);pointer-events:none;opacity:0;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);justify-content:center;align-items:center;display:flex;position:absolute;overflow:visible}.brick-navigation-menu__indicator[data-state=visible]{opacity:1}.brick-navigation-menu__indicator[data-orientation=horizontal]{inset-block-start:100%;inset-inline-start:auto;inline-size:var(--atom-navigation-menu-trigger-width);block-size:var(--brick-navigation-menu-indicator-offset);translate:var(--atom-navigation-menu-trigger-left) 0;align-items:flex-end;left:0}.brick-navigation-menu__indicator[data-orientation=vertical]{inline-size:var(--brick-navigation-menu-indicator-offset);block-size:var(--atom-navigation-menu-trigger-height);translate:0 var(--atom-navigation-menu-trigger-top);justify-content:flex-end;inset-block-start:0;inset-inline-start:100%}.brick-navigation-menu__indicator-arrow{box-sizing:border-box;background:0 0;flex:none;display:block;position:relative}.brick-navigation-menu__indicator-arrow:before,.brick-navigation-menu__indicator-arrow:after{content:"";display:block;position:absolute}.brick-navigation-menu__indicator-arrow:before{background:var(--brick-navigation-menu-indicator-border);inset:0}.brick-navigation-menu__indicator-arrow:after{background:var(--brick-navigation-menu-indicator-color)}.brick-navigation-menu__indicator[data-orientation=horizontal]>.brick-navigation-menu__indicator-arrow{inline-size:var(--brick-navigation-menu-indicator-size);block-size:calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));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;translate:0 var(--brick-border-width)}.brick-navigation-menu__indicator[data-orientation=horizontal]>.brick-navigation-menu__indicator-arrow:before{clip-path:polygon(50% 0,100% 100%,0 100%)}.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)}.brick-navigation-menu__indicator[data-orientation=vertical]>.brick-navigation-menu__indicator-arrow{inline-size:calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));block-size:var(--brick-navigation-menu-indicator-size);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;translate:var(--brick-border-width) 0}.brick-navigation-menu__indicator[data-orientation=vertical]>.brick-navigation-menu__indicator-arrow:before{clip-path:polygon(0 50%,100% 0,100% 100%)}.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}.brick-navigation-menu__indicator[data-orientation=vertical]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.brick-navigation-menu__indicator-arrow{translate:calc(var(--brick-border-width) * -1) 0;background-position:0}.brick-navigation-menu__indicator[data-orientation=vertical]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.brick-navigation-menu__indicator-arrow:before{clip-path:polygon(100% 50%,0 0,0 100%)}.brick-navigation-menu__indicator[data-orientation=vertical]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.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}.brick-navigation-menu__viewport{z-index:var(--brick-layer-overlay);box-sizing:border-box;inline-size:var(--atom-navigation-menu-viewport-width);max-inline-size:var(--brick-navigation-menu-viewport-max-inline-size);block-size:var(--atom-navigation-menu-viewport-height);border:var(--brick-border-width) solid var(--brick-navigation-menu-viewport-border);border-radius:var(--brick-navigation-menu-viewport-radius);background:var(--brick-navigation-menu-viewport-background);box-shadow:var(--brick-navigation-menu-viewport-shadow);color:var(--brick-navigation-menu-viewport-foreground);opacity:0;transform-origin:top;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);position:absolute;overflow:hidden;scale:.98}.brick-navigation-menu[data-orientation=horizontal]>.brick-navigation-menu__viewport{inset-block-start:calc(100% + var(--brick-space-2));inset-inline-start:auto;left:var(--atom-navigation-menu-viewport-left);max-inline-size:min(var(--brick-navigation-menu-viewport-max-inline-size), var(--atom-navigation-menu-viewport-available-width));translate:0}.brick-navigation-menu[data-orientation=vertical]>.brick-navigation-menu__viewport{translate:0 var(--atom-navigation-menu-trigger-top,0);inset-block-start:0;inset-inline-start:calc(100% + var(--brick-space-2))}.brick-navigation-menu__viewport[data-state=open]{opacity:1;scale:1}.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)}.brick-navigation-menu__content .brick-navigation-menu__link[data-variant=control]{min-block-size:0;padding:var(--brick-space-2);white-space:normal;justify-content:flex-start}.brick-navigation-menu__content[data-motion^=from-]{animation:brick-navigation-menu-enter var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter)}@keyframes brick-navigation-menu-enter{0%{opacity:0;translate:0 .25rem}to{opacity:1;translate:0}}@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)))}}@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}}@media (forced-colors:active){.brick-navigation-menu__viewport{box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}:where(.brick-navigation-menu__trigger,.brick-navigation-menu__link):focus-visible,.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}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-navigation-menu,.brick-navigation-menu__sub{--brick-navigation-menu-gap:var(--brick-space-1);--brick-navigation-menu-control-min-block-size:var(--brick-control-target-min);--brick-navigation-menu-control-padding-inline:var(--brick-space-3);--brick-navigation-menu-control-radius:var(--brick-radius-control);--brick-navigation-menu-control-foreground:currentColor;--brick-navigation-menu-control-hover-background:var(--brick-color-surface-subtle);--brick-navigation-menu-control-open-background:var(--brick-color-accent-soft);--brick-navigation-menu-control-open-foreground:var(--brick-color-accent-text);--brick-navigation-menu-control-current-foreground:currentColor;--brick-navigation-menu-focus-ring:var(--brick-color-focus-ring);--brick-navigation-menu-chevron-size:.375rem;--brick-navigation-menu-chevron-stroke:.0625rem;--brick-navigation-menu-chevron-gap:.375rem;--brick-navigation-menu-current-underline-size:.0625rem;--brick-navigation-menu-current-underline-offset:.25em;--brick-navigation-menu-indicator-size:.625rem;--brick-navigation-menu-indicator-offset:var(--brick-space-2);--brick-navigation-menu-viewport-background:var(--brick-color-surface-overlay);--brick-navigation-menu-viewport-foreground:var(--brick-color-text-primary);--brick-navigation-menu-viewport-border:var(--brick-color-border-subtle);--brick-navigation-menu-viewport-radius:var(--brick-radius-control);--brick-navigation-menu-viewport-shadow:var(--brick-shadow-floating);--brick-navigation-menu-viewport-padding:var(--brick-space-4);--brick-navigation-menu-viewport-max-inline-size:min(42rem, calc(100dvi - 2 * var(--brick-space-3)));--brick-navigation-menu-motion-duration:var(--brick-motion-duration-fast);--brick-navigation-menu-indicator-color:var(--brick-navigation-menu-viewport-background);--brick-navigation-menu-indicator-border:var(--brick-navigation-menu-viewport-border);max-inline-size:100%;color:inherit;display:inline-block;position:relative}: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:.3125rem;--brick-navigation-menu-indicator-size:.5rem}: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:.4375rem;--brick-navigation-menu-indicator-size:.75rem}.brick-navigation-menu__list{align-items:center;gap:var(--brick-navigation-menu-gap);min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.brick-navigation-menu__list[data-orientation=horizontal]{flex-wrap:nowrap}.brick-navigation-menu__list[data-orientation=vertical]{flex-direction:column;align-items:stretch;inline-size:fit-content}.brick-navigation-menu__item{min-inline-size:0}:where(.brick-navigation-menu__trigger,.brick-navigation-menu__link){box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-navigation-menu-control-min-block-size);justify-content:center;align-items:center;gap:var(--brick-navigation-menu-chevron-gap);padding-inline:var(--brick-navigation-menu-control-padding-inline);border-radius:var(--brick-navigation-menu-control-radius);color:var(--brick-navigation-menu-control-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-typography-control-md-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-typography-control-md-line-height);text-align:start;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;text-decoration:none;display:inline-flex}.brick-navigation-menu__trigger:after{content:"";inline-size:var(--brick-navigation-menu-chevron-size);block-size:var(--brick-navigation-menu-chevron-size);border-inline-end:var(--brick-navigation-menu-chevron-stroke) solid currentColor;border-block-end:var(--brick-navigation-menu-chevron-stroke) solid currentColor;transition:transform var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);flex:none;transform:translateY(-20%)rotate(45deg)}.brick-navigation-menu__trigger[data-state=open]:after{transform:translateY(20%)rotate(225deg)}:where(.brick-navigation-menu__trigger,.brick-navigation-menu__link):is(:hover,:focus-visible){background:var(--brick-navigation-menu-control-hover-background)}: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)}.brick-navigation-menu__trigger[data-state=open]{background:var(--brick-navigation-menu-control-open-background);color:var(--brick-navigation-menu-control-open-foreground)}.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)}.brick-navigation-menu__link[data-variant=panel]{white-space:normal;background:0 0;border-radius:0;justify-content:flex-start;align-items:stretch;inline-size:100%;padding:0}.brick-navigation-menu__link[data-variant=panel]>.brick-surface{inline-size:100%}.brick-navigation-menu__link[data-variant=panel]:is(:hover,:focus-visible){background:0 0}.brick-navigation-menu__link[data-variant=panel]:focus-visible:has(>.brick-surface){outline:none}.brick-navigation-menu__link[data-variant=panel]:focus-visible>.brick-surface{outline:var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-navigation-menu__link[data-variant=panel][data-active]{background:0 0;text-decoration:none}.brick-navigation-menu__trigger[data-disabled]{color:var(--brick-color-text-muted);opacity:.65;cursor:not-allowed}.brick-navigation-menu__indicator{z-index:calc(var(--brick-layer-overlay) + 1);pointer-events:none;opacity:0;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);justify-content:center;align-items:center;display:flex;position:absolute;overflow:visible}.brick-navigation-menu__indicator[data-state=visible]{opacity:1}.brick-navigation-menu__indicator[data-orientation=horizontal]{inset-block-start:100%;inset-inline-start:auto;inline-size:var(--atom-navigation-menu-trigger-width);block-size:var(--brick-navigation-menu-indicator-offset);translate:var(--atom-navigation-menu-trigger-left) 0;align-items:flex-end;left:0}.brick-navigation-menu__indicator[data-orientation=vertical]{inline-size:var(--brick-navigation-menu-indicator-offset);block-size:var(--atom-navigation-menu-trigger-height);translate:0 var(--atom-navigation-menu-trigger-top);justify-content:flex-end;inset-block-start:0;inset-inline-start:100%}.brick-navigation-menu__indicator-arrow{box-sizing:border-box;background:0 0;flex:none;display:block;position:relative}.brick-navigation-menu__indicator-arrow:before,.brick-navigation-menu__indicator-arrow:after{content:"";display:block;position:absolute}.brick-navigation-menu__indicator-arrow:before{background:var(--brick-navigation-menu-indicator-border);inset:0}.brick-navigation-menu__indicator-arrow:after{background:var(--brick-navigation-menu-indicator-color)}.brick-navigation-menu__indicator[data-orientation=horizontal]>.brick-navigation-menu__indicator-arrow{inline-size:var(--brick-navigation-menu-indicator-size);block-size:calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));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;translate:0 var(--brick-border-width)}.brick-navigation-menu__indicator[data-orientation=horizontal]>.brick-navigation-menu__indicator-arrow:before{clip-path:polygon(50% 0,100% 100%,0 100%)}.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)}.brick-navigation-menu__indicator[data-orientation=vertical]>.brick-navigation-menu__indicator-arrow{inline-size:calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));block-size:var(--brick-navigation-menu-indicator-size);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;translate:var(--brick-border-width) 0}.brick-navigation-menu__indicator[data-orientation=vertical]>.brick-navigation-menu__indicator-arrow:before{clip-path:polygon(0 50%,100% 0,100% 100%)}.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}.brick-navigation-menu__indicator[data-orientation=vertical]:dir(rtl)>.brick-navigation-menu__indicator-arrow{translate:calc(var(--brick-border-width) * -1) 0;background-position:0}.brick-navigation-menu__indicator[data-orientation=vertical]:dir(rtl)>.brick-navigation-menu__indicator-arrow:before{clip-path:polygon(100% 50%,0 0,0 100%)}.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}.brick-navigation-menu__viewport{z-index:var(--brick-layer-overlay);box-sizing:border-box;inline-size:var(--atom-navigation-menu-viewport-width);max-inline-size:var(--brick-navigation-menu-viewport-max-inline-size);block-size:var(--atom-navigation-menu-viewport-height);border:var(--brick-border-width) solid var(--brick-navigation-menu-viewport-border);border-radius:var(--brick-navigation-menu-viewport-radius);background:var(--brick-navigation-menu-viewport-background);box-shadow:var(--brick-navigation-menu-viewport-shadow);color:var(--brick-navigation-menu-viewport-foreground);opacity:0;transform-origin:top;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);position:absolute;overflow:hidden;scale:.98}.brick-navigation-menu[data-orientation=horizontal]>.brick-navigation-menu__viewport{inset-block-start:calc(100% + var(--brick-space-2));inset-inline-start:auto;left:var(--atom-navigation-menu-viewport-left);max-inline-size:min(var(--brick-navigation-menu-viewport-max-inline-size), var(--atom-navigation-menu-viewport-available-width));translate:0}.brick-navigation-menu[data-orientation=vertical]>.brick-navigation-menu__viewport{translate:0 var(--atom-navigation-menu-trigger-top,0);inset-block-start:0;inset-inline-start:calc(100% + var(--brick-space-2))}.brick-navigation-menu__viewport[data-state=open]{opacity:1;scale:1}.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)}.brick-navigation-menu__content .brick-navigation-menu__link[data-variant=control]{min-block-size:0;padding:var(--brick-space-2);white-space:normal;justify-content:flex-start}.brick-navigation-menu__content[data-motion^=from-]{animation:brick-navigation-menu-enter var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter)}@keyframes brick-navigation-menu-enter{0%{opacity:0;translate:0 .25rem}to{opacity:1;translate:0}}@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)))}}@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}}@media (forced-colors:active){.brick-navigation-menu__viewport{box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}:where(.brick-navigation-menu__trigger,.brick-navigation-menu__link):focus-visible,.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}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=navigation-menu.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,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, flowstack.theme, brick.foundations, brick.components, brick.utilities, 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":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,45DAoCA,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,qLACA,4JACA,kSAEA,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, flowstack.theme, brick.foundations, brick.components, brick.utilities, 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: var(--brick-shadow-floating);\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/pagination.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-icon{--brick-icon-size-2xs:.75rem;--brick-icon-size-xs:1rem;--brick-icon-size-sm:1.25rem;--brick-icon-size-md:1.5rem;--brick-icon-size-lg:2rem;--brick-icon-size-xl:2.5rem;--brick-icon-size:var(--brick-icon-size-md);--brick-icon-color:currentcolor;--brick-icon-vertical-align:middle;--brick-icon-direction-scale:1;box-sizing:border-box;flex:0 0 var(--brick-icon-size);inline-size:var(--brick-icon-size);block-size:var(--brick-icon-size);vertical-align:var(--brick-icon-vertical-align);color:var(--brick-icon-color);transform:scaleX(var(--brick-icon-direction-scale));justify-content:center;align-items:center;display:inline-flex}.brick-icon>svg{block-size:100%;inline-size:100%;display:block}svg.brick-icon{display:block}.brick-icon[data-size="2xs"]{--brick-icon-size:var(--brick-icon-size-2xs)}.brick-icon[data-size=xs]{--brick-icon-size:var(--brick-icon-size-xs)}.brick-icon[data-size=sm]{--brick-icon-size:var(--brick-icon-size-sm)}.brick-icon[data-size=lg]{--brick-icon-size:var(--brick-icon-size-lg)}.brick-icon[data-size=xl]{--brick-icon-size:var(--brick-icon-size-xl)}.brick-icon[data-tone=primary]{--brick-icon-color:var(--brick-color-text-primary)}.brick-icon[data-tone=secondary]{--brick-icon-color:var(--brick-color-text-secondary)}.brick-icon[data-tone=muted]{--brick-icon-color:var(--brick-color-text-muted)}.brick-icon[data-tone=accent]{--brick-icon-color:var(--brick-color-accent-text)}.brick-icon[data-tone=info]{--brick-icon-color:var(--brick-color-info-text)}.brick-icon[data-tone=success]{--brick-icon-color:var(--brick-color-success-text)}.brick-icon[data-tone=warning]{--brick-icon-color:var(--brick-color-warning-text)}.brick-icon[data-tone=danger]{--brick-icon-color:var(--brick-color-danger-text)}[dir=rtl] .brick-icon[data-directional]{--brick-icon-direction-scale:-1}@media (forced-colors:active){.brick-icon:not([data-tone=inherit]){--brick-icon-color:CanvasText}}.brick-pagination{--brick-pagination-root-background:transparent;--brick-pagination-root-border-color:var(--brick-color-border-subtle);--brick-pagination-root-radius:var(--brick-radius-control);--brick-pagination-root-padding:0;--brick-pagination-list-gap:var(--brick-space-1);--brick-pagination-list-overflow-padding:var(--brick-space-1);--brick-pagination-control-min-size:2.5rem;--brick-pagination-control-inline-padding:var(--brick-space-2);--brick-pagination-control-radius:var(--brick-radius-subtle);--brick-pagination-control-foreground:var(--brick-color-text-secondary);--brick-pagination-control-background:transparent;--brick-pagination-control-border-color:transparent;--brick-pagination-control-hover-background:var(--brick-color-surface-subtle);--brick-pagination-control-pressed-background:var(--brick-color-border-subtle);--brick-pagination-current-background:var(--brick-color-accent-solid);--brick-pagination-current-foreground:var(--brick-color-accent-on-solid);--brick-pagination-current-border-color:var(--brick-color-accent-solid);--brick-pagination-disabled-foreground:var(--brick-color-text-disabled);--brick-pagination-focus-ring:var(--brick-color-focus-ring);--brick-pagination-ellipsis-foreground:var(--brick-color-text-muted);--brick-pagination-icon-size:1rem;--brick-pagination-transition-duration:var(--brick-motion-duration-fast);--brick-pagination-font-family:var(--brick-typography-label-md-font-family);--brick-pagination-font-size:var(--brick-typography-label-md-font-size);--brick-pagination-font-weight:var(--brick-typography-label-md-font-weight);--brick-pagination-line-height:var(--brick-typography-label-md-line-height);--brick-pagination-letter-spacing:var(--brick-typography-label-md-letter-spacing);box-sizing:border-box;max-inline-size:100%;padding:var(--brick-pagination-root-padding);border-radius:var(--brick-pagination-root-radius);background:var(--brick-pagination-root-background);border:1px solid #0000;display:inline-block}.brick-pagination[data-variant=soft]{--brick-pagination-root-background:var(--brick-color-surface-subtle);--brick-pagination-root-padding:var(--brick-space-1)}.brick-pagination[data-variant=outline]{--brick-pagination-root-background:var(--brick-color-surface-base);--brick-pagination-root-padding:var(--brick-space-1);border-color:var(--brick-pagination-root-border-color)}.brick-pagination[data-size=sm]{--brick-pagination-control-min-size:2rem;--brick-pagination-control-inline-padding:var(--brick-space-1);--brick-pagination-font-family:var(--brick-typography-control-sm-font-family);--brick-pagination-font-size:var(--brick-typography-control-sm-font-size);--brick-pagination-font-weight:var(--brick-typography-control-sm-font-weight);--brick-pagination-line-height:var(--brick-typography-control-sm-line-height);--brick-pagination-letter-spacing:var(--brick-typography-control-sm-letter-spacing)}.brick-pagination[data-size=lg]{--brick-pagination-control-min-size:3rem;--brick-pagination-control-inline-padding:var(--brick-space-3);--brick-pagination-font-family:var(--brick-typography-control-lg-font-family);--brick-pagination-font-size:var(--brick-typography-control-lg-font-size);--brick-pagination-font-weight:var(--brick-typography-control-lg-font-weight);--brick-pagination-line-height:var(--brick-typography-control-lg-line-height);--brick-pagination-letter-spacing:var(--brick-typography-control-lg-letter-spacing)}.brick-pagination__list{box-sizing:border-box;align-items:center;gap:var(--brick-pagination-list-gap);max-inline-size:100%;padding:var(--brick-pagination-list-overflow-padding);scrollbar-width:thin;margin:0;list-style:none;display:flex;overflow:auto hidden}.brick-pagination__list>[data-slot=pagination-list-item]{flex:none;margin:0;padding:0;display:inline-flex}.brick-pagination__previous,.brick-pagination__item,.brick-pagination__next,.brick-pagination__ellipsis{box-sizing:border-box;min-inline-size:var(--brick-pagination-control-min-size);min-block-size:var(--brick-pagination-control-min-size);padding-inline:var(--brick-pagination-control-inline-padding);border:1px solid var(--brick-pagination-control-border-color);border-radius:var(--brick-pagination-control-radius);font-family:var(--brick-pagination-font-family);font-size:var(--brick-pagination-font-size);font-weight:var(--brick-pagination-font-weight);letter-spacing:var(--brick-pagination-letter-spacing);line-height:var(--brick-pagination-line-height);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.brick-pagination__previous,.brick-pagination__item,.brick-pagination__next{color:var(--brick-pagination-control-foreground);background:var(--brick-pagination-control-background);cursor:pointer;touch-action:manipulation;transition:color var(--brick-pagination-transition-duration), background-color var(--brick-pagination-transition-duration), border-color var(--brick-pagination-transition-duration)}.brick-pagination__previous:hover:not(:disabled),.brick-pagination__item:hover:not(:disabled),.brick-pagination__next:hover:not(:disabled){background:var(--brick-pagination-control-hover-background)}.brick-pagination__previous:active:not(:disabled),.brick-pagination__item:active:not(:disabled),.brick-pagination__next:active:not(:disabled){background:var(--brick-pagination-control-pressed-background)}.brick-pagination__item[aria-current=page]{color:var(--brick-pagination-current-foreground);border-color:var(--brick-pagination-current-border-color);background:var(--brick-pagination-current-background)}.brick-pagination__previous:focus-visible,.brick-pagination__item:focus-visible,.brick-pagination__next:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-pagination-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-pagination__previous:disabled,.brick-pagination__item:disabled,.brick-pagination__next:disabled{color:var(--brick-pagination-disabled-foreground);cursor:not-allowed}.brick-pagination__ellipsis{color:var(--brick-pagination-ellipsis-foreground);-webkit-user-select:none;user-select:none}.brick-pagination__icon{inline-size:var(--brick-pagination-icon-size);block-size:var(--brick-pagination-icon-size)}@media (prefers-reduced-motion:reduce){.brick-pagination__previous,.brick-pagination__item,.brick-pagination__next{transition-duration:0s}}@media (forced-colors:active){.brick-pagination__item[aria-current=page]{color:highlighttext;background:highlight;border-color:highlight}.brick-pagination__previous:focus-visible,.brick-pagination__item:focus-visible,.brick-pagination__next:focus-visible{outline-color:highlight}.brick-pagination__previous:disabled,.brick-pagination__item:disabled,.brick-pagination__next:disabled{color:graytext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-icon{--brick-icon-size-2xs:.75rem;--brick-icon-size-xs:1rem;--brick-icon-size-sm:1.25rem;--brick-icon-size-md:1.5rem;--brick-icon-size-lg:2rem;--brick-icon-size-xl:2.5rem;--brick-icon-size:var(--brick-icon-size-md);--brick-icon-color:currentcolor;--brick-icon-vertical-align:middle;--brick-icon-direction-scale:1;box-sizing:border-box;flex:0 0 var(--brick-icon-size);inline-size:var(--brick-icon-size);block-size:var(--brick-icon-size);vertical-align:var(--brick-icon-vertical-align);color:var(--brick-icon-color);transform:scaleX(var(--brick-icon-direction-scale));justify-content:center;align-items:center;display:inline-flex}.brick-icon>svg{block-size:100%;inline-size:100%;display:block}svg.brick-icon{display:block}.brick-icon[data-size="2xs"]{--brick-icon-size:var(--brick-icon-size-2xs)}.brick-icon[data-size=xs]{--brick-icon-size:var(--brick-icon-size-xs)}.brick-icon[data-size=sm]{--brick-icon-size:var(--brick-icon-size-sm)}.brick-icon[data-size=lg]{--brick-icon-size:var(--brick-icon-size-lg)}.brick-icon[data-size=xl]{--brick-icon-size:var(--brick-icon-size-xl)}.brick-icon[data-tone=primary]{--brick-icon-color:var(--brick-color-text-primary)}.brick-icon[data-tone=secondary]{--brick-icon-color:var(--brick-color-text-secondary)}.brick-icon[data-tone=muted]{--brick-icon-color:var(--brick-color-text-muted)}.brick-icon[data-tone=accent]{--brick-icon-color:var(--brick-color-accent-text)}.brick-icon[data-tone=info]{--brick-icon-color:var(--brick-color-info-text)}.brick-icon[data-tone=success]{--brick-icon-color:var(--brick-color-success-text)}.brick-icon[data-tone=warning]{--brick-icon-color:var(--brick-color-warning-text)}.brick-icon[data-tone=danger]{--brick-icon-color:var(--brick-color-danger-text)}[dir=rtl] .brick-icon[data-directional]{--brick-icon-direction-scale:-1}@media (forced-colors:active){.brick-icon:not([data-tone=inherit]){--brick-icon-color:CanvasText}}.brick-pagination{--brick-pagination-root-background:transparent;--brick-pagination-root-border-color:var(--brick-color-border-subtle);--brick-pagination-root-radius:var(--brick-radius-control);--brick-pagination-root-padding:0;--brick-pagination-list-gap:var(--brick-space-1);--brick-pagination-list-overflow-padding:calc(var(--brick-border-focus-width) + var(--brick-border-focus-offset));--brick-pagination-control-min-size:2.5rem;--brick-pagination-control-inline-padding:var(--brick-space-2);--brick-pagination-control-radius:var(--brick-radius-subtle);--brick-pagination-control-foreground:var(--brick-color-text-secondary);--brick-pagination-control-background:transparent;--brick-pagination-control-border-color:transparent;--brick-pagination-boundary-background:var(--brick-pagination-control-background);--brick-pagination-boundary-border-color:var(--brick-pagination-control-border-color);--brick-pagination-control-hover-background:var(--brick-color-surface-subtle);--brick-pagination-control-pressed-background:var(--brick-color-border-subtle);--brick-pagination-current-background:var(--brick-color-accent-solid);--brick-pagination-current-foreground:var(--brick-color-accent-on-solid);--brick-pagination-current-border-color:var(--brick-color-accent-solid);--brick-pagination-current-hover-background:var(--brick-color-accent-solid-hover);--brick-pagination-current-pressed-background:var(--brick-color-accent-solid-pressed);--brick-pagination-disabled-foreground:var(--brick-color-text-disabled);--brick-pagination-focus-ring:var(--brick-color-focus-ring);--brick-pagination-ellipsis-foreground:var(--brick-color-text-muted);--brick-pagination-icon-size:1rem;--brick-pagination-transition-duration:var(--brick-motion-duration-fast);--brick-pagination-font-family:var(--brick-typography-label-md-font-family);--brick-pagination-font-size:var(--brick-typography-label-md-font-size);--brick-pagination-font-weight:var(--brick-typography-label-md-font-weight);--brick-pagination-line-height:var(--brick-typography-label-md-line-height);--brick-pagination-letter-spacing:var(--brick-typography-label-md-letter-spacing);box-sizing:border-box;max-inline-size:100%;padding:var(--brick-pagination-root-padding);border-radius:var(--brick-pagination-root-radius);background:var(--brick-pagination-root-background);border:1px solid #0000;display:inline-block}.brick-pagination[data-variant=soft]{--brick-pagination-root-background:var(--brick-color-surface-subtle);--brick-pagination-root-padding:var(--brick-space-1)}.brick-pagination[data-variant=outline]{--brick-pagination-root-background:var(--brick-color-surface-base);--brick-pagination-root-padding:var(--brick-space-1);border-color:var(--brick-pagination-root-border-color)}.brick-pagination[data-boundary-variant=outline]{--brick-pagination-boundary-background:var(--brick-color-surface-base);--brick-pagination-boundary-border-color:var(--brick-color-border-subtle)}.brick-pagination[data-size=sm]{--brick-pagination-control-min-size:2rem;--brick-pagination-control-inline-padding:var(--brick-space-1);--brick-pagination-font-family:var(--brick-typography-control-sm-font-family);--brick-pagination-font-size:var(--brick-typography-control-sm-font-size);--brick-pagination-font-weight:var(--brick-typography-control-sm-font-weight);--brick-pagination-line-height:var(--brick-typography-control-sm-line-height);--brick-pagination-letter-spacing:var(--brick-typography-control-sm-letter-spacing)}.brick-pagination[data-size=lg]{--brick-pagination-control-min-size:3rem;--brick-pagination-control-inline-padding:var(--brick-space-3);--brick-pagination-font-family:var(--brick-typography-control-lg-font-family);--brick-pagination-font-size:var(--brick-typography-control-lg-font-size);--brick-pagination-font-weight:var(--brick-typography-control-lg-font-weight);--brick-pagination-line-height:var(--brick-typography-control-lg-line-height);--brick-pagination-letter-spacing:var(--brick-typography-control-lg-letter-spacing)}.brick-pagination__list{box-sizing:border-box;align-items:center;gap:var(--brick-pagination-list-gap);max-inline-size:100%;padding:var(--brick-pagination-list-overflow-padding);scrollbar-width:thin;margin:0;list-style:none;display:flex;overflow:auto hidden}.brick-pagination__list>[data-slot=pagination-list-item]{flex:none;margin:0;padding:0;display:inline-flex}.brick-pagination__previous,.brick-pagination__item,.brick-pagination__next,.brick-pagination__ellipsis{box-sizing:border-box;min-inline-size:var(--brick-pagination-control-min-size);min-block-size:var(--brick-pagination-control-min-size);padding-inline:var(--brick-pagination-control-inline-padding);border:1px solid var(--brick-pagination-control-border-color);border-radius:var(--brick-pagination-control-radius);font-family:var(--brick-pagination-font-family);font-size:var(--brick-pagination-font-size);font-weight:var(--brick-pagination-font-weight);letter-spacing:var(--brick-pagination-letter-spacing);line-height:var(--brick-pagination-line-height);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.brick-pagination__previous,.brick-pagination__item,.brick-pagination__next{color:var(--brick-pagination-control-foreground);background:var(--brick-pagination-control-background);cursor:pointer;touch-action:manipulation;transition:color var(--brick-pagination-transition-duration), background-color var(--brick-pagination-transition-duration), border-color var(--brick-pagination-transition-duration);text-decoration:none}.brick-pagination__previous,.brick-pagination__next{border-color:var(--brick-pagination-boundary-border-color);background:var(--brick-pagination-boundary-background)}.brick-pagination__previous:hover:not(:disabled):not([aria-disabled=true]),.brick-pagination__item:hover:not(:disabled):not([aria-disabled=true]),.brick-pagination__next:hover:not(:disabled):not([aria-disabled=true]){background:var(--brick-pagination-control-hover-background)}.brick-pagination__previous:active:not(:disabled):not([aria-disabled=true]),.brick-pagination__item:active:not(:disabled):not([aria-disabled=true]),.brick-pagination__next:active:not(:disabled):not([aria-disabled=true]){background:var(--brick-pagination-control-pressed-background)}.brick-pagination__item[aria-current=page]{color:var(--brick-pagination-current-foreground);border-color:var(--brick-pagination-current-border-color);background:var(--brick-pagination-current-background)}.brick-pagination__item[aria-current=page]:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--brick-pagination-current-hover-background);background:var(--brick-pagination-current-hover-background)}.brick-pagination__item[aria-current=page]:active:not(:disabled):not([aria-disabled=true]){border-color:var(--brick-pagination-current-pressed-background);background:var(--brick-pagination-current-pressed-background)}.brick-pagination__previous:focus-visible,.brick-pagination__item:focus-visible,.brick-pagination__next:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-pagination-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-pagination__previous:disabled,.brick-pagination__item:disabled,.brick-pagination__next:disabled,.brick-pagination__previous[aria-disabled=true],.brick-pagination__item[aria-disabled=true],.brick-pagination__next[aria-disabled=true]{color:var(--brick-pagination-disabled-foreground);cursor:not-allowed}.brick-pagination__ellipsis{color:var(--brick-pagination-ellipsis-foreground);-webkit-user-select:none;user-select:none}.brick-pagination__icon{inline-size:var(--brick-pagination-icon-size);block-size:var(--brick-pagination-icon-size)}@media (prefers-reduced-motion:reduce){.brick-pagination__previous,.brick-pagination__item,.brick-pagination__next{transition-duration:0s}}@media (forced-colors:active){.brick-pagination__item[aria-current=page]{color:highlighttext;background:highlight;border-color:highlight}.brick-pagination__previous:focus-visible,.brick-pagination__item:focus-visible,.brick-pagination__next:focus-visible{outline-color:highlight}.brick-pagination__previous:disabled,.brick-pagination__item:disabled,.brick-pagination__next:disabled,.brick-pagination__previous[aria-disabled=true],.brick-pagination__item[aria-disabled=true],.brick-pagination__next[aria-disabled=true]{color:graytext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=pagination.css.map */