@flowstack-ui/brick 0.1.9 → 0.1.11

package/dist/styles/pagination.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,2nBAwBA,+DAMA,6BAIA,0EACA,sEACA,sEACA,sEACA,sEAEA,kFACA,sFACA,8EACA,gFACA,4EACA,kFACA,kFACA,gFAEA,wEAIA,8BACE,oECtDF,u7DAsCA,+JAKA,uNAMA,ghBAUA,ghBAUA,iQAcA,0GAOA,muBAqBA,iZAUA,uMAIA,4MAIA,4MAMA,uPAOA,4KAOA,wHACA,mHAEA,uCACE,oGAKF,8BACE,2GACA,8IAGA,wHFpKJ","sources":["home/runner/work/brick/brick/.brick-cache/production/pagination.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon/icon.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/pagination/pagination.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/icon/icon.css\";\n@import \"../../src/components/pagination/pagination.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-icon {\n    --brick-icon-size-2xs: 0.75rem;\n    --brick-icon-size-xs: 1rem;\n    --brick-icon-size-sm: 1.25rem;\n    --brick-icon-size-md: 1.5rem;\n    --brick-icon-size-lg: 2rem;\n    --brick-icon-size-xl: 2.5rem;\n    --brick-icon-size: var(--brick-icon-size-md);\n    --brick-icon-color: currentcolor;\n    --brick-icon-vertical-align: middle;\n    --brick-icon-direction-scale: 1;\n\n    box-sizing: border-box;\n    display: inline-flex;\n    flex: 0 0 var(--brick-icon-size);\n    inline-size: var(--brick-icon-size);\n    block-size: var(--brick-icon-size);\n    align-items: center;\n    justify-content: center;\n    vertical-align: var(--brick-icon-vertical-align);\n    color: var(--brick-icon-color);\n    transform: scaleX(var(--brick-icon-direction-scale));\n  }\n\n  .brick-icon > svg {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  svg.brick-icon {\n    display: block;\n  }\n\n  .brick-icon[data-size=\"2xs\"] { --brick-icon-size: var(--brick-icon-size-2xs); }\n  .brick-icon[data-size=\"xs\"] { --brick-icon-size: var(--brick-icon-size-xs); }\n  .brick-icon[data-size=\"sm\"] { --brick-icon-size: var(--brick-icon-size-sm); }\n  .brick-icon[data-size=\"lg\"] { --brick-icon-size: var(--brick-icon-size-lg); }\n  .brick-icon[data-size=\"xl\"] { --brick-icon-size: var(--brick-icon-size-xl); }\n\n  .brick-icon[data-tone=\"primary\"] { --brick-icon-color: var(--brick-color-text-primary); }\n  .brick-icon[data-tone=\"secondary\"] { --brick-icon-color: var(--brick-color-text-secondary); }\n  .brick-icon[data-tone=\"muted\"] { --brick-icon-color: var(--brick-color-text-muted); }\n  .brick-icon[data-tone=\"accent\"] { --brick-icon-color: var(--brick-color-accent-text); }\n  .brick-icon[data-tone=\"info\"] { --brick-icon-color: var(--brick-color-info-text); }\n  .brick-icon[data-tone=\"success\"] { --brick-icon-color: var(--brick-color-success-text); }\n  .brick-icon[data-tone=\"warning\"] { --brick-icon-color: var(--brick-color-warning-text); }\n  .brick-icon[data-tone=\"danger\"] { --brick-icon-color: var(--brick-color-danger-text); }\n\n  [dir=\"rtl\"] .brick-icon[data-directional] {\n    --brick-icon-direction-scale: -1;\n  }\n\n  @media (forced-colors: active) {\n    .brick-icon:not([data-tone=\"inherit\"]) {\n      --brick-icon-color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-pagination {\n    --brick-pagination-root-background: transparent;\n    --brick-pagination-root-border-color: var(--brick-color-border-subtle);\n    --brick-pagination-root-radius: var(--brick-radius-control);\n    --brick-pagination-root-padding: 0;\n    --brick-pagination-list-gap: var(--brick-space-1);\n    --brick-pagination-list-overflow-padding: var(--brick-space-1);\n    --brick-pagination-control-min-size: 2.5rem;\n    --brick-pagination-control-inline-padding: var(--brick-space-2);\n    --brick-pagination-control-radius: var(--brick-radius-subtle);\n    --brick-pagination-control-foreground: var(--brick-color-text-secondary);\n    --brick-pagination-control-background: transparent;\n    --brick-pagination-control-border-color: transparent;\n    --brick-pagination-control-hover-background: var(--brick-color-surface-subtle);\n    --brick-pagination-control-pressed-background: var(--brick-color-border-subtle);\n    --brick-pagination-current-background: var(--brick-color-accent-solid);\n    --brick-pagination-current-foreground: var(--brick-color-accent-on-solid);\n    --brick-pagination-current-border-color: var(--brick-color-accent-solid);\n    --brick-pagination-disabled-foreground: var(--brick-color-text-disabled);\n    --brick-pagination-focus-ring: var(--brick-color-focus-ring);\n    --brick-pagination-ellipsis-foreground: var(--brick-color-text-muted);\n    --brick-pagination-icon-size: 1rem;\n    --brick-pagination-transition-duration: var(--brick-motion-duration-fast);\n    --brick-pagination-font-family: var(--brick-typography-label-md-font-family);\n    --brick-pagination-font-size: var(--brick-typography-label-md-font-size);\n    --brick-pagination-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-pagination-line-height: var(--brick-typography-label-md-line-height);\n    --brick-pagination-letter-spacing: var(--brick-typography-label-md-letter-spacing);\n\n    display: inline-block;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    padding: var(--brick-pagination-root-padding);\n    border: 1px solid transparent;\n    border-radius: var(--brick-pagination-root-radius);\n    background: var(--brick-pagination-root-background);\n  }\n\n  .brick-pagination[data-variant=\"soft\"] {\n    --brick-pagination-root-background: var(--brick-color-surface-subtle);\n    --brick-pagination-root-padding: var(--brick-space-1);\n  }\n\n  .brick-pagination[data-variant=\"outline\"] {\n    --brick-pagination-root-background: var(--brick-color-surface-base);\n    --brick-pagination-root-padding: var(--brick-space-1);\n    border-color: var(--brick-pagination-root-border-color);\n  }\n\n  .brick-pagination[data-size=\"sm\"] {\n    --brick-pagination-control-min-size: 2rem;\n    --brick-pagination-control-inline-padding: var(--brick-space-1);\n    --brick-pagination-font-family: var(--brick-typography-control-sm-font-family);\n    --brick-pagination-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-pagination-font-weight: var(--brick-typography-control-sm-font-weight);\n    --brick-pagination-line-height: var(--brick-typography-control-sm-line-height);\n    --brick-pagination-letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n  }\n\n  .brick-pagination[data-size=\"lg\"] {\n    --brick-pagination-control-min-size: 3rem;\n    --brick-pagination-control-inline-padding: var(--brick-space-3);\n    --brick-pagination-font-family: var(--brick-typography-control-lg-font-family);\n    --brick-pagination-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-pagination-font-weight: var(--brick-typography-control-lg-font-weight);\n    --brick-pagination-line-height: var(--brick-typography-control-lg-line-height);\n    --brick-pagination-letter-spacing: var(--brick-typography-control-lg-letter-spacing);\n  }\n\n  .brick-pagination__list {\n    display: flex;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-pagination-list-gap);\n    margin: 0;\n    padding: var(--brick-pagination-list-overflow-padding);\n    overflow-x: auto;\n    overflow-y: hidden;\n    list-style: none;\n    scrollbar-width: thin;\n  }\n\n  .brick-pagination__list > [data-slot=\"pagination-list-item\"] {\n    display: inline-flex;\n    flex: 0 0 auto;\n    margin: 0;\n    padding: 0;\n  }\n\n  .brick-pagination__previous,\n  .brick-pagination__item,\n  .brick-pagination__next,\n  .brick-pagination__ellipsis {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: var(--brick-pagination-control-min-size);\n    min-block-size: var(--brick-pagination-control-min-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-pagination-control-inline-padding);\n    border: 1px solid var(--brick-pagination-control-border-color);\n    border-radius: var(--brick-pagination-control-radius);\n    font-family: var(--brick-pagination-font-family);\n    font-size: var(--brick-pagination-font-size);\n    font-weight: var(--brick-pagination-font-weight);\n    letter-spacing: var(--brick-pagination-letter-spacing);\n    line-height: var(--brick-pagination-line-height);\n    white-space: nowrap;\n  }\n\n  .brick-pagination__previous,\n  .brick-pagination__item,\n  .brick-pagination__next {\n    color: var(--brick-pagination-control-foreground);\n    background: var(--brick-pagination-control-background);\n    cursor: pointer;\n    touch-action: manipulation;\n    transition: color var(--brick-pagination-transition-duration), background-color var(--brick-pagination-transition-duration), border-color var(--brick-pagination-transition-duration);\n  }\n\n  .brick-pagination__previous:hover:not(:disabled),\n  .brick-pagination__item:hover:not(:disabled),\n  .brick-pagination__next:hover:not(:disabled) { background: var(--brick-pagination-control-hover-background); }\n\n  .brick-pagination__previous:active:not(:disabled),\n  .brick-pagination__item:active:not(:disabled),\n  .brick-pagination__next:active:not(:disabled) { background: var(--brick-pagination-control-pressed-background); }\n\n  .brick-pagination__item[aria-current=\"page\"] {\n    color: var(--brick-pagination-current-foreground);\n    border-color: var(--brick-pagination-current-border-color);\n    background: var(--brick-pagination-current-background);\n  }\n\n  .brick-pagination__previous:focus-visible,\n  .brick-pagination__item:focus-visible,\n  .brick-pagination__next:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-pagination-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-pagination__previous:disabled,\n  .brick-pagination__item:disabled,\n  .brick-pagination__next:disabled {\n    color: var(--brick-pagination-disabled-foreground);\n    cursor: not-allowed;\n  }\n\n  .brick-pagination__ellipsis { color: var(--brick-pagination-ellipsis-foreground); user-select: none; }\n  .brick-pagination__icon { inline-size: var(--brick-pagination-icon-size); block-size: var(--brick-pagination-icon-size); }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-pagination__previous,\n    .brick-pagination__item,\n    .brick-pagination__next { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-pagination__item[aria-current=\"page\"] { color: HighlightText; border-color: Highlight; background: Highlight; }\n    .brick-pagination__previous:focus-visible,\n    .brick-pagination__item:focus-visible,\n    .brick-pagination__next:focus-visible { outline-color: Highlight; }\n    .brick-pagination__previous:disabled,\n    .brick-pagination__item:disabled,\n    .brick-pagination__next:disabled { color: GrayText; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,2nBAwBA,+DAMA,6BAIA,0EACA,sEACA,sEACA,sEACA,sEAEA,kFACA,sFACA,8EACA,gFACA,4EACA,kFACA,kFACA,gFAEA,wEAIA,8BACE,oECtDF,2zEA0CA,+JAKA,uNAMA,kMAKA,ghBAUA,ghBAUA,iQAcA,0GAOA,muBAqBA,saAWA,sKAMA,qRAIA,0RAIA,4MAMA,oNAKA,yNAKA,uPAOA,oTAUA,wHACA,mHAEA,uCACE,oGAKF,8BACE,2GACA,8IAGA,gQFjMJ","sources":["home/runner/work/brick/brick/.brick-cache/production/pagination.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon/icon.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/pagination/pagination.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/icon/icon.css\";\n@import \"../../src/components/pagination/pagination.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-icon {\n    --brick-icon-size-2xs: 0.75rem;\n    --brick-icon-size-xs: 1rem;\n    --brick-icon-size-sm: 1.25rem;\n    --brick-icon-size-md: 1.5rem;\n    --brick-icon-size-lg: 2rem;\n    --brick-icon-size-xl: 2.5rem;\n    --brick-icon-size: var(--brick-icon-size-md);\n    --brick-icon-color: currentcolor;\n    --brick-icon-vertical-align: middle;\n    --brick-icon-direction-scale: 1;\n\n    box-sizing: border-box;\n    display: inline-flex;\n    flex: 0 0 var(--brick-icon-size);\n    inline-size: var(--brick-icon-size);\n    block-size: var(--brick-icon-size);\n    align-items: center;\n    justify-content: center;\n    vertical-align: var(--brick-icon-vertical-align);\n    color: var(--brick-icon-color);\n    transform: scaleX(var(--brick-icon-direction-scale));\n  }\n\n  .brick-icon > svg {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  svg.brick-icon {\n    display: block;\n  }\n\n  .brick-icon[data-size=\"2xs\"] { --brick-icon-size: var(--brick-icon-size-2xs); }\n  .brick-icon[data-size=\"xs\"] { --brick-icon-size: var(--brick-icon-size-xs); }\n  .brick-icon[data-size=\"sm\"] { --brick-icon-size: var(--brick-icon-size-sm); }\n  .brick-icon[data-size=\"lg\"] { --brick-icon-size: var(--brick-icon-size-lg); }\n  .brick-icon[data-size=\"xl\"] { --brick-icon-size: var(--brick-icon-size-xl); }\n\n  .brick-icon[data-tone=\"primary\"] { --brick-icon-color: var(--brick-color-text-primary); }\n  .brick-icon[data-tone=\"secondary\"] { --brick-icon-color: var(--brick-color-text-secondary); }\n  .brick-icon[data-tone=\"muted\"] { --brick-icon-color: var(--brick-color-text-muted); }\n  .brick-icon[data-tone=\"accent\"] { --brick-icon-color: var(--brick-color-accent-text); }\n  .brick-icon[data-tone=\"info\"] { --brick-icon-color: var(--brick-color-info-text); }\n  .brick-icon[data-tone=\"success\"] { --brick-icon-color: var(--brick-color-success-text); }\n  .brick-icon[data-tone=\"warning\"] { --brick-icon-color: var(--brick-color-warning-text); }\n  .brick-icon[data-tone=\"danger\"] { --brick-icon-color: var(--brick-color-danger-text); }\n\n  [dir=\"rtl\"] .brick-icon[data-directional] {\n    --brick-icon-direction-scale: -1;\n  }\n\n  @media (forced-colors: active) {\n    .brick-icon:not([data-tone=\"inherit\"]) {\n      --brick-icon-color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-pagination {\n    --brick-pagination-root-background: transparent;\n    --brick-pagination-root-border-color: var(--brick-color-border-subtle);\n    --brick-pagination-root-radius: var(--brick-radius-control);\n    --brick-pagination-root-padding: 0;\n    --brick-pagination-list-gap: var(--brick-space-1);\n    --brick-pagination-list-overflow-padding: calc(var(--brick-border-focus-width) + var(--brick-border-focus-offset));\n    --brick-pagination-control-min-size: 2.5rem;\n    --brick-pagination-control-inline-padding: var(--brick-space-2);\n    --brick-pagination-control-radius: var(--brick-radius-subtle);\n    --brick-pagination-control-foreground: var(--brick-color-text-secondary);\n    --brick-pagination-control-background: transparent;\n    --brick-pagination-control-border-color: transparent;\n    --brick-pagination-boundary-background: var(--brick-pagination-control-background);\n    --brick-pagination-boundary-border-color: var(--brick-pagination-control-border-color);\n    --brick-pagination-control-hover-background: var(--brick-color-surface-subtle);\n    --brick-pagination-control-pressed-background: var(--brick-color-border-subtle);\n    --brick-pagination-current-background: var(--brick-color-accent-solid);\n    --brick-pagination-current-foreground: var(--brick-color-accent-on-solid);\n    --brick-pagination-current-border-color: var(--brick-color-accent-solid);\n    --brick-pagination-current-hover-background: var(--brick-color-accent-solid-hover);\n    --brick-pagination-current-pressed-background: var(--brick-color-accent-solid-pressed);\n    --brick-pagination-disabled-foreground: var(--brick-color-text-disabled);\n    --brick-pagination-focus-ring: var(--brick-color-focus-ring);\n    --brick-pagination-ellipsis-foreground: var(--brick-color-text-muted);\n    --brick-pagination-icon-size: 1rem;\n    --brick-pagination-transition-duration: var(--brick-motion-duration-fast);\n    --brick-pagination-font-family: var(--brick-typography-label-md-font-family);\n    --brick-pagination-font-size: var(--brick-typography-label-md-font-size);\n    --brick-pagination-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-pagination-line-height: var(--brick-typography-label-md-line-height);\n    --brick-pagination-letter-spacing: var(--brick-typography-label-md-letter-spacing);\n\n    display: inline-block;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    padding: var(--brick-pagination-root-padding);\n    border: 1px solid transparent;\n    border-radius: var(--brick-pagination-root-radius);\n    background: var(--brick-pagination-root-background);\n  }\n\n  .brick-pagination[data-variant=\"soft\"] {\n    --brick-pagination-root-background: var(--brick-color-surface-subtle);\n    --brick-pagination-root-padding: var(--brick-space-1);\n  }\n\n  .brick-pagination[data-variant=\"outline\"] {\n    --brick-pagination-root-background: var(--brick-color-surface-base);\n    --brick-pagination-root-padding: var(--brick-space-1);\n    border-color: var(--brick-pagination-root-border-color);\n  }\n\n  .brick-pagination[data-boundary-variant=\"outline\"] {\n    --brick-pagination-boundary-background: var(--brick-color-surface-base);\n    --brick-pagination-boundary-border-color: var(--brick-color-border-subtle);\n  }\n\n  .brick-pagination[data-size=\"sm\"] {\n    --brick-pagination-control-min-size: 2rem;\n    --brick-pagination-control-inline-padding: var(--brick-space-1);\n    --brick-pagination-font-family: var(--brick-typography-control-sm-font-family);\n    --brick-pagination-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-pagination-font-weight: var(--brick-typography-control-sm-font-weight);\n    --brick-pagination-line-height: var(--brick-typography-control-sm-line-height);\n    --brick-pagination-letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n  }\n\n  .brick-pagination[data-size=\"lg\"] {\n    --brick-pagination-control-min-size: 3rem;\n    --brick-pagination-control-inline-padding: var(--brick-space-3);\n    --brick-pagination-font-family: var(--brick-typography-control-lg-font-family);\n    --brick-pagination-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-pagination-font-weight: var(--brick-typography-control-lg-font-weight);\n    --brick-pagination-line-height: var(--brick-typography-control-lg-line-height);\n    --brick-pagination-letter-spacing: var(--brick-typography-control-lg-letter-spacing);\n  }\n\n  .brick-pagination__list {\n    display: flex;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-pagination-list-gap);\n    margin: 0;\n    padding: var(--brick-pagination-list-overflow-padding);\n    overflow-x: auto;\n    overflow-y: hidden;\n    list-style: none;\n    scrollbar-width: thin;\n  }\n\n  .brick-pagination__list > [data-slot=\"pagination-list-item\"] {\n    display: inline-flex;\n    flex: 0 0 auto;\n    margin: 0;\n    padding: 0;\n  }\n\n  .brick-pagination__previous,\n  .brick-pagination__item,\n  .brick-pagination__next,\n  .brick-pagination__ellipsis {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: var(--brick-pagination-control-min-size);\n    min-block-size: var(--brick-pagination-control-min-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-pagination-control-inline-padding);\n    border: 1px solid var(--brick-pagination-control-border-color);\n    border-radius: var(--brick-pagination-control-radius);\n    font-family: var(--brick-pagination-font-family);\n    font-size: var(--brick-pagination-font-size);\n    font-weight: var(--brick-pagination-font-weight);\n    letter-spacing: var(--brick-pagination-letter-spacing);\n    line-height: var(--brick-pagination-line-height);\n    white-space: nowrap;\n  }\n\n  .brick-pagination__previous,\n  .brick-pagination__item,\n  .brick-pagination__next {\n    color: var(--brick-pagination-control-foreground);\n    background: var(--brick-pagination-control-background);\n    cursor: pointer;\n    text-decoration: none;\n    touch-action: manipulation;\n    transition: color var(--brick-pagination-transition-duration), background-color var(--brick-pagination-transition-duration), border-color var(--brick-pagination-transition-duration);\n  }\n\n  .brick-pagination__previous,\n  .brick-pagination__next {\n    border-color: var(--brick-pagination-boundary-border-color);\n    background: var(--brick-pagination-boundary-background);\n  }\n\n  .brick-pagination__previous:hover:not(:disabled):not([aria-disabled=\"true\"]),\n  .brick-pagination__item:hover:not(:disabled):not([aria-disabled=\"true\"]),\n  .brick-pagination__next:hover:not(:disabled):not([aria-disabled=\"true\"]) { background: var(--brick-pagination-control-hover-background); }\n\n  .brick-pagination__previous:active:not(:disabled):not([aria-disabled=\"true\"]),\n  .brick-pagination__item:active:not(:disabled):not([aria-disabled=\"true\"]),\n  .brick-pagination__next:active:not(:disabled):not([aria-disabled=\"true\"]) { background: var(--brick-pagination-control-pressed-background); }\n\n  .brick-pagination__item[aria-current=\"page\"] {\n    color: var(--brick-pagination-current-foreground);\n    border-color: var(--brick-pagination-current-border-color);\n    background: var(--brick-pagination-current-background);\n  }\n\n  .brick-pagination__item[aria-current=\"page\"]:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n    border-color: var(--brick-pagination-current-hover-background);\n    background: var(--brick-pagination-current-hover-background);\n  }\n\n  .brick-pagination__item[aria-current=\"page\"]:active:not(:disabled):not([aria-disabled=\"true\"]) {\n    border-color: var(--brick-pagination-current-pressed-background);\n    background: var(--brick-pagination-current-pressed-background);\n  }\n\n  .brick-pagination__previous:focus-visible,\n  .brick-pagination__item:focus-visible,\n  .brick-pagination__next:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-pagination-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-pagination__previous:disabled,\n  .brick-pagination__item:disabled,\n  .brick-pagination__next:disabled,\n  .brick-pagination__previous[aria-disabled=\"true\"],\n  .brick-pagination__item[aria-disabled=\"true\"],\n  .brick-pagination__next[aria-disabled=\"true\"] {\n    color: var(--brick-pagination-disabled-foreground);\n    cursor: not-allowed;\n  }\n\n  .brick-pagination__ellipsis { color: var(--brick-pagination-ellipsis-foreground); user-select: none; }\n  .brick-pagination__icon { inline-size: var(--brick-pagination-icon-size); block-size: var(--brick-pagination-icon-size); }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-pagination__previous,\n    .brick-pagination__item,\n    .brick-pagination__next { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-pagination__item[aria-current=\"page\"] { color: HighlightText; border-color: Highlight; background: Highlight; }\n    .brick-pagination__previous:focus-visible,\n    .brick-pagination__item:focus-visible,\n    .brick-pagination__next:focus-visible { outline-color: Highlight; }\n    .brick-pagination__previous:disabled,\n    .brick-pagination__item:disabled,\n    .brick-pagination__next:disabled,\n    .brick-pagination__previous[aria-disabled=\"true\"],\n    .brick-pagination__item[aria-disabled=\"true\"],\n    .brick-pagination__next[aria-disabled=\"true\"] { color: GrayText; }\n  }\n}\n"],"names":[]}

package/dist/styles/password-toggle-field.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-password-toggle-field{--brick-password-height:var(--brick-control-min-block-size-md);--brick-password-radius:var(--brick-radius-control);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-password-height);border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-password-radius);background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary);align-items:center;padding-inline-start:var(--brick-space-3);display:inline-flex}.brick-password-toggle-field[data-full-width]{inline-size:100%}.brick-password-toggle-field[data-variant=soft]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-password-toggle-field[data-variant=underline]{border-width:0 0 var(--brick-border-width);background:0 0;border-radius:0}.brick-password-toggle-field[data-shape=sharp]{--brick-password-radius:0}.brick-password-toggle-field[data-shape=pill]{--brick-password-radius:var(--brick-radius-full)}.brick-password-toggle-field[data-size=sm]{--brick-password-height:var(--brick-control-min-block-size-sm)}.brick-password-toggle-field[data-size=lg]{--brick-password-height:var(--brick-control-min-block-size-lg)}.brick-password-toggle-field-input{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:calc(var(--brick-password-height) - 2 * var(--brick-border-width));color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:0}.brick-password-toggle-field-toggle{inline-size:var(--brick-password-height);block-size:var(--brick-password-height);border-radius:var(--brick-password-radius);color:var(--brick-color-text-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.brick-password-toggle-field-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:1.25rem;inline-size:1.25rem}.brick-password-toggle-field:focus-within{border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-invalid]){border-color:var(--brick-color-danger-text)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-disabled]){background:var(--brick-color-surface-subtle);opacity:.72}.brick-password-toggle-field-toggle:disabled{cursor:not-allowed}@media (hover:hover) and (pointer:fine){.brick-password-toggle-field-toggle:not(:disabled):hover{background:var(--brick-color-accent-soft);color:var(--brick-color-text-primary)}}@media (forced-colors:active){.brick-password-toggle-field{color:canvastext;background:canvas;border-color:buttontext}.brick-password-toggle-field:focus-within{box-shadow:0 0 0 var(--brick-border-focus-width) Highlight;border-color:highlight}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-password-toggle-field{--brick-password-height:var(--brick-control-min-block-size-md);--brick-password-radius:var(--brick-radius-control);--brick-password-background:var(--brick-color-surface-raised);--brick-password-foreground:var(--brick-color-text-primary);--brick-password-border:var(--brick-color-border-strong);--brick-password-hover-background:var(--brick-color-surface-base);--brick-password-hover-border:var(--brick-color-accent-border);--brick-password-focus-ring:var(--brick-color-focus-ring);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-password-height);border:var(--brick-border-width) solid var(--brick-password-border);border-radius:var(--brick-password-radius);background:var(--brick-password-background);color:var(--brick-password-foreground);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);align-items:center;padding-inline-start:var(--brick-space-3);display:inline-flex}.brick-password-toggle-field[data-full-width]{inline-size:100%}.brick-password-toggle-field[data-variant=soft]{--brick-password-background:var(--brick-color-surface-subtle);--brick-password-border:var(--brick-color-border-subtle);--brick-password-hover-background:var(--brick-color-accent-soft)}.brick-password-toggle-field[data-variant=underline]{--brick-password-background:transparent;border-width:0 0 var(--brick-border-width);border-radius:0}.brick-password-toggle-field[data-shape=sharp]{--brick-password-radius:0}.brick-password-toggle-field[data-shape=pill]{--brick-password-radius:var(--brick-radius-full)}.brick-password-toggle-field[data-size=sm]{--brick-password-height:var(--brick-control-min-block-size-sm)}.brick-password-toggle-field[data-size=lg]{--brick-password-height:var(--brick-control-min-block-size-lg)}.brick-password-toggle-field-input{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:calc(var(--brick-password-height) - 2 * var(--brick-border-width));color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:0}.brick-password-toggle-field-toggle{inline-size:var(--brick-password-height);block-size:var(--brick-password-height);border-radius:var(--brick-password-radius);color:var(--brick-color-text-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.brick-password-toggle-field-toggle:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-password-focus-ring);outline-offset:calc(-1 * var(--brick-border-focus-width))}.brick-password-toggle-field-icon{place-items:center;block-size:1.25rem;inline-size:1.25rem;display:grid}.brick-password-toggle-field-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:1.25rem;inline-size:1.25rem;display:block}.brick-password-toggle-field:focus-within{border-color:var(--brick-password-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-password-focus-ring)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-invalid]){border-color:var(--brick-color-danger-text)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-disabled]){background:var(--brick-color-surface-subtle);opacity:.72}.brick-password-toggle-field-toggle:disabled{cursor:not-allowed}@media (hover:hover) and (pointer:fine){.brick-password-toggle-field:not(:focus-within,:has(.brick-password-toggle-field-input[data-disabled]),:has(.brick-password-toggle-field-input[data-readonly]),:has(.brick-password-toggle-field-input[data-invalid])):hover{border-color:var(--brick-password-hover-border);background:var(--brick-password-hover-background)}.brick-password-toggle-field-toggle:not(:disabled):hover{background:var(--brick-color-accent-soft);color:var(--brick-color-text-primary)}}@media (prefers-reduced-motion:reduce){.brick-password-toggle-field{transition-duration:0s}}@media (forced-colors:active){.brick-password-toggle-field{color:canvastext;background:canvas;border-color:buttontext}.brick-password-toggle-field:focus-within{box-shadow:0 0 0 var(--brick-border-focus-width) Highlight;border-color:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=password-toggle-field.css.map */

package/dist/styles/password-toggle-field.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCC,ghBACA,+DAA+D,2IAA6I,+HAAyI,yEAA2E,+FAAiG,0GAA4G,0GAC7mB,qPAA6P,mSAA+S,8JAA4J,oKAAoK,+HAA+H,6IAA6I,gEACxnC,wCAAuC,0IAA0I,8BAA6B,wFAAwF,8HDJvS","sources":["home/runner/work/brick/brick/.brick-cache/production/password-toggle-field.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/password-toggle-field/password-toggle-field.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/password-toggle-field/password-toggle-field.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-password-toggle-field{--brick-password-height:var(--brick-control-min-block-size-md);--brick-password-radius:var(--brick-radius-control);display:inline-flex;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-password-height);align-items:center;padding-inline-start:var(--brick-space-3);border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-password-radius);background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary)}\n .brick-password-toggle-field[data-full-width]{inline-size:100%}.brick-password-toggle-field[data-variant=\"soft\"]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-password-toggle-field[data-variant=\"underline\"]{border-width:0 0 var(--brick-border-width);border-radius:0;background:transparent}.brick-password-toggle-field[data-shape=\"sharp\"]{--brick-password-radius:0}.brick-password-toggle-field[data-shape=\"pill\"]{--brick-password-radius:var(--brick-radius-full)}.brick-password-toggle-field[data-size=\"sm\"]{--brick-password-height:var(--brick-control-min-block-size-sm)}.brick-password-toggle-field[data-size=\"lg\"]{--brick-password-height:var(--brick-control-min-block-size-lg)}\n .brick-password-toggle-field-input{box-sizing:border-box;min-inline-size:0;inline-size:100%;min-block-size:calc(var(--brick-password-height) - 2 * var(--brick-border-width));padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.brick-password-toggle-field-toggle{display:grid;flex:0 0 auto;inline-size:var(--brick-password-height);block-size:var(--brick-password-height);place-items:center;padding:0;border:0;border-radius:var(--brick-password-radius);background:transparent;color:var(--brick-color-text-secondary);cursor:pointer}.brick-password-toggle-field-artwork{inline-size:1.25rem;block-size:1.25rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.brick-password-toggle-field:focus-within{border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-invalid]){border-color:var(--brick-color-danger-text)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-disabled]){background:var(--brick-color-surface-subtle);opacity:.72}.brick-password-toggle-field-toggle:disabled{cursor:not-allowed}\n @media(hover:hover) and (pointer:fine){.brick-password-toggle-field-toggle:not(:disabled):hover{background:var(--brick-color-accent-soft);color:var(--brick-color-text-primary)}}@media(forced-colors:active){.brick-password-toggle-field{border-color:ButtonText;background:Canvas;color:CanvasText}.brick-password-toggle-field:focus-within{border-color:Highlight;box-shadow:0 0 0 var(--brick-border-focus-width) Highlight}}\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,koCA8BA,+DAIA,wOAMA,wJAOA,yEAIA,+FAIA,0GAIA,0GAIA,qPAeA,mSAcA,2LAMA,yGAOA,4KAUA,0KAMA,+HAMA,6IAOA,gEAIA,wCACE,+TAUA,0IAMF,uCACE,qDAKF,8BACE,wFAMA,8HDzKJ","sources":["home/runner/work/brick/brick/.brick-cache/production/password-toggle-field.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/password-toggle-field/password-toggle-field.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/password-toggle-field/password-toggle-field.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-password-toggle-field {\n    --brick-password-height: var(--brick-control-min-block-size-md);\n    --brick-password-radius: var(--brick-radius-control);\n    --brick-password-background: var(--brick-color-surface-raised);\n    --brick-password-foreground: var(--brick-color-text-primary);\n    --brick-password-border: var(--brick-color-border-strong);\n    --brick-password-hover-background: var(--brick-color-surface-base);\n    --brick-password-hover-border: var(--brick-color-accent-border);\n    --brick-password-focus-ring: var(--brick-color-focus-ring);\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-password-height);\n    align-items: center;\n    padding-inline-start: var(--brick-space-3);\n    border: var(--brick-border-width) solid var(--brick-password-border);\n    border-radius: var(--brick-password-radius);\n    background: var(--brick-password-background);\n    color: var(--brick-password-foreground);\n    transition:\n      background-color var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard);\n  }\n\n  .brick-password-toggle-field[data-full-width] {\n    inline-size: 100%;\n  }\n\n  .brick-password-toggle-field[data-variant=\"soft\"] {\n    --brick-password-background: var(--brick-color-surface-subtle);\n    --brick-password-border: var(--brick-color-border-subtle);\n    --brick-password-hover-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-password-toggle-field[data-variant=\"underline\"] {\n    --brick-password-background: transparent;\n\n    border-width: 0 0 var(--brick-border-width);\n    border-radius: 0;\n  }\n\n  .brick-password-toggle-field[data-shape=\"sharp\"] {\n    --brick-password-radius: 0;\n  }\n\n  .brick-password-toggle-field[data-shape=\"pill\"] {\n    --brick-password-radius: var(--brick-radius-full);\n  }\n\n  .brick-password-toggle-field[data-size=\"sm\"] {\n    --brick-password-height: var(--brick-control-min-block-size-sm);\n  }\n\n  .brick-password-toggle-field[data-size=\"lg\"] {\n    --brick-password-height: var(--brick-control-min-block-size-lg);\n  }\n\n  .brick-password-toggle-field-input {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    inline-size: 100%;\n    min-block-size: calc(\n      var(--brick-password-height) - 2 * var(--brick-border-width)\n    );\n    padding: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: inherit;\n    font: inherit;\n  }\n\n  .brick-password-toggle-field-toggle {\n    display: grid;\n    flex: 0 0 auto;\n    inline-size: var(--brick-password-height);\n    block-size: var(--brick-password-height);\n    place-items: center;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-password-radius);\n    background: transparent;\n    color: var(--brick-color-text-secondary);\n    cursor: pointer;\n  }\n\n  .brick-password-toggle-field-toggle:focus-visible {\n    outline: var(--brick-border-focus-width) solid\n      var(--brick-password-focus-ring);\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  .brick-password-toggle-field-icon {\n    display: grid;\n    inline-size: 1.25rem;\n    block-size: 1.25rem;\n    place-items: center;\n  }\n\n  .brick-password-toggle-field-artwork {\n    display: block;\n    inline-size: 1.25rem;\n    block-size: 1.25rem;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .brick-password-toggle-field:focus-within {\n    border-color: var(--brick-password-focus-ring);\n    box-shadow: 0 0 0 var(--brick-border-focus-width)\n      var(--brick-password-focus-ring);\n  }\n\n  .brick-password-toggle-field:has(\n      .brick-password-toggle-field-input[data-invalid]\n    ) {\n    border-color: var(--brick-color-danger-text);\n  }\n\n  .brick-password-toggle-field:has(\n      .brick-password-toggle-field-input[data-disabled]\n    ) {\n    background: var(--brick-color-surface-subtle);\n    opacity: 0.72;\n  }\n\n  .brick-password-toggle-field-toggle:disabled {\n    cursor: not-allowed;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-password-toggle-field:not(\n        :focus-within,\n        :has(.brick-password-toggle-field-input[data-disabled]),\n        :has(.brick-password-toggle-field-input[data-readonly]),\n        :has(.brick-password-toggle-field-input[data-invalid])\n      ):hover {\n      border-color: var(--brick-password-hover-border);\n      background: var(--brick-password-hover-background);\n    }\n\n    .brick-password-toggle-field-toggle:not(:disabled):hover {\n      background: var(--brick-color-accent-soft);\n      color: var(--brick-color-text-primary);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-password-toggle-field {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-password-toggle-field {\n      border-color: ButtonText;\n      background: Canvas;\n      color: CanvasText;\n    }\n\n    .brick-password-toggle-field:focus-within {\n      border-color: Highlight;\n      box-shadow: 0 0 0 var(--brick-border-focus-width) Highlight;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/popover.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-tooltip__arrow,.brick-hover-card__arrow,.brick-popover__arrow){color:var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color));fill:var(--brick-floating-arrow-fill,var(--brick-tooltip-background));filter:drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color)))}.brick-popover{--brick-popover-background:var(--brick-color-surface-overlay);--brick-popover-foreground:var(--brick-color-text-primary);--brick-popover-muted-foreground:var(--brick-color-text-secondary);--brick-popover-border:var(--brick-color-border-subtle);--brick-popover-radius:var(--brick-radius-overlay);--brick-popover-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-popover-space:var(--brick-space-4);--brick-popover-max-inline-size-sm:18rem;--brick-popover-max-inline-size-md:24rem;--brick-popover-max-inline-size-lg:32rem;--brick-popover-max-block-size:min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--brick-popover-max-inline-size-md), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));color:var(--brick-popover-foreground);opacity:0;overflow-wrap:anywhere;transform-origin:var(--brick-floating-arrow-transform-origin,center);transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter), scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);overflow:visible;scale:.98}.brick-popover[data-size=sm]{max-inline-size:min(var(--brick-popover-max-inline-size-sm), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover[data-size=lg]{max-inline-size:min(var(--brick-popover-max-inline-size-lg), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover>[data-slot=popover-viewport]{box-sizing:border-box;inline-size:100%;max-block-size:min(var(--brick-popover-max-block-size), calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border:var(--brick-border-width) solid var(--brick-popover-border);border-radius:var(--brick-popover-radius);background:var(--brick-popover-background);box-shadow:var(--brick-popover-shadow);flex-direction:column;display:flex;overflow:hidden}.brick-popover[data-positioned]{opacity:1;scale:1}.brick-popover[data-state=closed]{opacity:0;scale:.98}.brick-popover__header,.brick-popover>[data-slot=popover-viewport]>:where([data-slot=popover-title],[data-slot=popover-description]){flex:none;min-inline-size:0}.brick-popover__header{gap:var(--brick-space-1);padding:var(--brick-popover-space);padding-block-end:var(--brick-space-2);display:grid}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title],.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description],.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){min-inline-size:0;padding-inline:var(--brick-popover-space);margin:0}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title]{padding-block-start:var(--brick-popover-space)}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description]{padding-block-start:var(--brick-space-1)}.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){padding:0}.brick-popover :where([data-slot=popover-title]){color:var(--brick-popover-foreground);font-family:var(--brick-typography-compact-title-lg-font-family);font-size:var(--brick-typography-compact-title-lg-font-size);font-weight:var(--brick-typography-compact-title-lg-font-weight);letter-spacing:var(--brick-typography-compact-title-lg-letter-spacing);line-height:var(--brick-typography-compact-title-lg-line-height)}.brick-popover :where([data-slot=popover-description]){color:var(--brick-popover-muted-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-popover__body{min-block-size:0;min-inline-size:0;padding:var(--brick-space-3) var(--brick-popover-space);overscroll-behavior:contain;color:var(--brick-popover-foreground);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-popover__footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);flex-wrap:wrap;flex:none;display:flex}.brick-popover__arrow{--brick-floating-arrow-fill:var(--brick-popover-background);--brick-floating-arrow-stroke:var(--brick-popover-border)}.brick-popover[data-side=top] .brick-popover__arrow{translate:0 calc(var(--brick-border-width) * -1);filter:drop-shadow(0 1px 0 var(--brick-popover-border))}.brick-popover[data-side=right] .brick-popover__arrow{translate:var(--brick-border-width) 0;filter:drop-shadow(-1px 0 0 var(--brick-popover-border))}.brick-popover[data-side=bottom] .brick-popover__arrow{translate:0 var(--brick-border-width);filter:drop-shadow(0 -1px 0 var(--brick-popover-border))}.brick-popover[data-side=left] .brick-popover__arrow{translate:calc(var(--brick-border-width) * -1) 0;filter:drop-shadow(1px 0 0 var(--brick-popover-border))}@supports not (height:100dvb){.brick-popover{--brick-popover-max-block-size:min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}}@media (width<=20rem){.brick-popover{--brick-popover-space:var(--brick-space-3)}.brick-popover__footer>.brick-button{flex:100%;inline-size:100%}}@media (height<=20rem){.brick-popover>[data-slot=popover-viewport]{overscroll-behavior:contain;scrollbar-gutter:stable;overflow:auto}.brick-popover__body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-popover{transition-duration:1ms;scale:1}}@media (forced-colors:active){.brick-popover{--brick-popover-background:Canvas;--brick-popover-foreground:CanvasText;--brick-popover-muted-foreground:CanvasText;--brick-popover-border:CanvasText;box-shadow:none}.brick-popover__arrow{color:canvastext;fill:canvas;filter:none;stroke:canvastext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-tooltip__arrow,.brick-hover-card__arrow,.brick-popover__arrow){color:var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color));fill:var(--brick-floating-arrow-fill,var(--brick-tooltip-background));filter:drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color)))}.brick-popover{--brick-popover-background:var(--brick-color-surface-overlay);--brick-popover-foreground:var(--brick-color-text-primary);--brick-popover-muted-foreground:var(--brick-color-text-secondary);--brick-popover-border:var(--brick-color-border-default);--brick-popover-radius:var(--brick-radius-overlay);--brick-popover-shadow:var(--brick-shadow-floating);--brick-popover-space:var(--brick-space-4);--brick-popover-max-inline-size-sm:18rem;--brick-popover-max-inline-size-md:24rem;--brick-popover-max-inline-size-lg:32rem;--brick-popover-max-block-size:min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--brick-popover-max-inline-size-md), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));color:var(--brick-popover-foreground);opacity:0;overflow-wrap:anywhere;transform-origin:var(--brick-floating-arrow-transform-origin,center);transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter), scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);overflow:visible;scale:.98}.brick-popover[data-size=sm]{max-inline-size:min(var(--brick-popover-max-inline-size-sm), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover[data-size=lg]{max-inline-size:min(var(--brick-popover-max-inline-size-lg), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover[data-density=compact]{--brick-popover-space:var(--brick-space-3)}.brick-popover>[data-slot=popover-viewport]{box-sizing:border-box;inline-size:100%;max-block-size:min(var(--brick-popover-max-block-size), calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border:var(--brick-border-width) solid var(--brick-popover-border);border-radius:var(--brick-popover-radius);background:var(--brick-popover-background);box-shadow:var(--brick-popover-shadow);flex-direction:column;display:flex;overflow:hidden}.brick-popover[data-positioned]{opacity:1;scale:1}.brick-popover[data-state=closed]{opacity:0;scale:.98}.brick-popover__header,.brick-popover>[data-slot=popover-viewport]>:where([data-slot=popover-title],[data-slot=popover-description]){flex:none;min-inline-size:0}.brick-popover__header{gap:var(--brick-space-1);padding:var(--brick-popover-space);padding-block-end:var(--brick-space-2);display:grid}.brick-popover :where([data-slot=popover-title],[data-slot=popover-description]){min-inline-size:0;margin:0}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title],.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description],.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){padding-inline:var(--brick-popover-space)}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title]{padding-block-start:var(--brick-popover-space)}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description]{padding-block-start:var(--brick-space-1)}.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){padding:0}.brick-popover :where([data-slot=popover-title]){color:var(--brick-popover-foreground);font-family:var(--brick-typography-compact-title-lg-font-family);font-size:var(--brick-typography-compact-title-lg-font-size);font-weight:var(--brick-typography-compact-title-lg-font-weight);letter-spacing:var(--brick-typography-compact-title-lg-letter-spacing);line-height:var(--brick-typography-compact-title-lg-line-height)}.brick-popover[data-density=compact] :where([data-slot=popover-title]){font-family:var(--brick-typography-compact-title-font-family);font-size:var(--brick-typography-compact-title-font-size);font-weight:var(--brick-typography-compact-title-font-weight);letter-spacing:var(--brick-typography-compact-title-letter-spacing);line-height:var(--brick-typography-compact-title-line-height)}.brick-popover :where([data-slot=popover-description]){color:var(--brick-popover-muted-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-popover__body{min-block-size:0;min-inline-size:0;padding:var(--brick-space-3) var(--brick-popover-space);overscroll-behavior:contain;color:var(--brick-popover-foreground);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-popover__footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);flex-wrap:wrap;flex:none;display:flex}.brick-popover__arrow{--brick-floating-arrow-fill:var(--brick-popover-background);--brick-floating-arrow-stroke:var(--brick-popover-border)}.brick-popover[data-side=top] .brick-popover__arrow{translate:0 calc(var(--brick-border-width) * -1);filter:drop-shadow(0 1px 0 var(--brick-popover-border))}.brick-popover[data-side=right] .brick-popover__arrow{translate:var(--brick-border-width) 0;filter:drop-shadow(-1px 0 0 var(--brick-popover-border))}.brick-popover[data-side=bottom] .brick-popover__arrow{translate:0 var(--brick-border-width);filter:drop-shadow(0 -1px 0 var(--brick-popover-border))}.brick-popover[data-side=left] .brick-popover__arrow{translate:calc(var(--brick-border-width) * -1) 0;filter:drop-shadow(1px 0 0 var(--brick-popover-border))}@supports not (height:100dvb){.brick-popover{--brick-popover-max-block-size:min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}}@media (width<=20rem){.brick-popover{--brick-popover-space:var(--brick-space-3)}.brick-popover__footer>.brick-button{flex:100%;inline-size:100%}}@media (height<=20rem){.brick-popover>[data-slot=popover-viewport]{overscroll-behavior:contain;scrollbar-gutter:stable;overflow:auto}.brick-popover__body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-popover{transition-duration:1ms;scale:1}}@media (forced-colors:active){.brick-popover{--brick-popover-background:Canvas;--brick-popover-foreground:CanvasText;--brick-popover-muted-foreground:CanvasText;--brick-popover-border:CanvasText;box-shadow:none}.brick-popover__arrow{color:canvastext;fill:canvas;filter:none;stroke:canvastext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=popover.css.map */

package/dist/styles/popover.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+TCAA,quCA+BA,wKAOA,wKAOA,2cAgBA,kDAKA,sDAKA,iKAMA,uIAOA,gTAQA,qHAIA,qHAIA,mGAIA,8ZASA,2ZASA,0RAYA,uOAWA,4IAKA,6JAKA,qJAKA,sJAKA,8JAKA,8BACE,uIAKF,sBACE,0DAIA,iEAMF,uBACE,8GAMA,iDAMF,uCACE,gDAMF,8BACE,qLAQA,mFFzNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/popover.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/floating-arrow.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/popover/popover.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/styles/floating-arrow.css\";\n@import \"../../src/components/popover/popover.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-tooltip__arrow, .brick-hover-card__arrow, .brick-popover__arrow) {\n    color: var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color));\n    fill: var(--brick-floating-arrow-fill, var(--brick-tooltip-background));\n    filter: drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color)));\n  }\n}\n","@layer brick.components {\n  .brick-popover {\n    --brick-popover-background: var(--brick-color-surface-overlay);\n    --brick-popover-foreground: var(--brick-color-text-primary);\n    --brick-popover-muted-foreground: var(--brick-color-text-secondary);\n    --brick-popover-border: var(--brick-color-border-subtle);\n    --brick-popover-radius: var(--brick-radius-overlay);\n    --brick-popover-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n    --brick-popover-space: var(--brick-space-4);\n    --brick-popover-max-inline-size-sm: 18rem;\n    --brick-popover-max-inline-size-md: 24rem;\n    --brick-popover-max-inline-size-lg: 32rem;\n    --brick-popover-max-block-size: min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n\n    z-index: calc(var(--brick-layer-overlay) - 1);\n    box-sizing: border-box;\n    inline-size: max-content;\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-md),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    overflow: visible;\n    color: var(--brick-popover-foreground);\n    opacity: 0;\n    overflow-wrap: anywhere;\n    scale: 0.98;\n    transform-origin: var(--brick-floating-arrow-transform-origin, center);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n      scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n  }\n\n  .brick-popover[data-size=\"sm\"] {\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-sm),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n  }\n\n  .brick-popover[data-size=\"lg\"] {\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-lg),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] {\n    box-sizing: border-box;\n    display: flex;\n    inline-size: 100%;\n    max-block-size: min(\n      var(--brick-popover-max-block-size),\n      calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))\n    );\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-popover-border);\n    border-radius: var(--brick-popover-radius);\n    background: var(--brick-popover-background);\n    box-shadow: var(--brick-popover-shadow);\n  }\n\n  .brick-popover[data-positioned] {\n    opacity: 1;\n    scale: 1;\n  }\n\n  .brick-popover[data-state=\"closed\"] {\n    opacity: 0;\n    scale: 0.98;\n  }\n\n  .brick-popover__header,\n  .brick-popover > [data-slot=\"popover-viewport\"] > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    flex: none;\n    min-inline-size: 0;\n  }\n\n  .brick-popover__header {\n    display: grid;\n    gap: var(--brick-space-1);\n    padding: var(--brick-popover-space);\n    padding-block-end: var(--brick-space-2);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"],\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"],\n  .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    min-inline-size: 0;\n    margin: 0;\n    padding-inline: var(--brick-popover-space);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"] {\n    padding-block-start: var(--brick-popover-space);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"] {\n    padding-block-start: var(--brick-space-1);\n  }\n\n  .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    padding: 0;\n  }\n\n  .brick-popover :where([data-slot=\"popover-title\"]) {\n    color: var(--brick-popover-foreground);\n    font-family: var(--brick-typography-compact-title-lg-font-family);\n    font-size: var(--brick-typography-compact-title-lg-font-size);\n    font-weight: var(--brick-typography-compact-title-lg-font-weight);\n    letter-spacing: var(--brick-typography-compact-title-lg-letter-spacing);\n    line-height: var(--brick-typography-compact-title-lg-line-height);\n  }\n\n  .brick-popover :where([data-slot=\"popover-description\"]) {\n    color: var(--brick-popover-muted-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    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-popover__body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding: var(--brick-space-3) var(--brick-popover-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-popover-foreground);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-popover__footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);\n  }\n\n  .brick-popover__arrow {\n    --brick-floating-arrow-fill: var(--brick-popover-background);\n    --brick-floating-arrow-stroke: var(--brick-popover-border);\n  }\n\n  .brick-popover[data-side=\"top\"] .brick-popover__arrow {\n    translate: 0 calc(var(--brick-border-width) * -1);\n    filter: drop-shadow(0 1px 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"right\"] .brick-popover__arrow {\n    translate: var(--brick-border-width) 0;\n    filter: drop-shadow(-1px 0 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"bottom\"] .brick-popover__arrow {\n    translate: 0 var(--brick-border-width);\n    filter: drop-shadow(0 -1px 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"left\"] .brick-popover__arrow {\n    translate: calc(var(--brick-border-width) * -1) 0;\n    filter: drop-shadow(1px 0 0 var(--brick-popover-border));\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-popover {\n      --brick-popover-max-block-size: min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n    }\n  }\n\n  @media (max-width: 20rem) {\n    .brick-popover {\n      --brick-popover-space: var(--brick-space-3);\n    }\n\n    .brick-popover__footer > .brick-button {\n      inline-size: 100%;\n      flex: 1 1 100%;\n    }\n  }\n\n  @media (max-height: 20rem) {\n    .brick-popover > [data-slot=\"popover-viewport\"] {\n      overflow: auto;\n      overscroll-behavior: contain;\n      scrollbar-gutter: stable;\n    }\n\n    .brick-popover__body {\n      flex: none;\n      overflow: visible;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-popover {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-popover {\n      --brick-popover-background: Canvas;\n      --brick-popover-foreground: CanvasText;\n      --brick-popover-muted-foreground: CanvasText;\n      --brick-popover-border: CanvasText;\n      box-shadow: none;\n    }\n\n    .brick-popover__arrow {\n      color: CanvasText;\n      fill: Canvas;\n      filter: none;\n      stroke: CanvasText;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+TCAA,srCA+BA,wKAOA,wKAOA,gFAIA,2cAgBA,kDAKA,sDAKA,iKAMA,uIAOA,4GAKA,qRAMA,qHAIA,qHAIA,mGAIA,8ZASA,+XAQA,2ZASA,0RAYA,uOAWA,4IAKA,6JAKA,qJAKA,sJAKA,8JAKA,8BACE,uIAKF,sBACE,0DAIA,iEAMF,uBACE,8GAMA,iDAMF,uCACE,gDAMF,8BACE,qLAQA,mFFxOJ","sources":["home/runner/work/brick/brick/.brick-cache/production/popover.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/floating-arrow.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/popover/popover.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/styles/floating-arrow.css\";\n@import \"../../src/components/popover/popover.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-tooltip__arrow, .brick-hover-card__arrow, .brick-popover__arrow) {\n    color: var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color));\n    fill: var(--brick-floating-arrow-fill, var(--brick-tooltip-background));\n    filter: drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color)));\n  }\n}\n","@layer brick.components {\n  .brick-popover {\n    --brick-popover-background: var(--brick-color-surface-overlay);\n    --brick-popover-foreground: var(--brick-color-text-primary);\n    --brick-popover-muted-foreground: var(--brick-color-text-secondary);\n    --brick-popover-border: var(--brick-color-border-default);\n    --brick-popover-radius: var(--brick-radius-overlay);\n    --brick-popover-shadow: var(--brick-shadow-floating);\n    --brick-popover-space: var(--brick-space-4);\n    --brick-popover-max-inline-size-sm: 18rem;\n    --brick-popover-max-inline-size-md: 24rem;\n    --brick-popover-max-inline-size-lg: 32rem;\n    --brick-popover-max-block-size: min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n\n    z-index: calc(var(--brick-layer-overlay) - 1);\n    box-sizing: border-box;\n    inline-size: max-content;\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-md),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    overflow: visible;\n    color: var(--brick-popover-foreground);\n    opacity: 0;\n    overflow-wrap: anywhere;\n    scale: 0.98;\n    transform-origin: var(--brick-floating-arrow-transform-origin, center);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n      scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n  }\n\n  .brick-popover[data-size=\"sm\"] {\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-sm),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n  }\n\n  .brick-popover[data-size=\"lg\"] {\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-lg),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n  }\n\n  .brick-popover[data-density=\"compact\"] {\n    --brick-popover-space: var(--brick-space-3);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] {\n    box-sizing: border-box;\n    display: flex;\n    inline-size: 100%;\n    max-block-size: min(\n      var(--brick-popover-max-block-size),\n      calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))\n    );\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-popover-border);\n    border-radius: var(--brick-popover-radius);\n    background: var(--brick-popover-background);\n    box-shadow: var(--brick-popover-shadow);\n  }\n\n  .brick-popover[data-positioned] {\n    opacity: 1;\n    scale: 1;\n  }\n\n  .brick-popover[data-state=\"closed\"] {\n    opacity: 0;\n    scale: 0.98;\n  }\n\n  .brick-popover__header,\n  .brick-popover > [data-slot=\"popover-viewport\"] > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    flex: none;\n    min-inline-size: 0;\n  }\n\n  .brick-popover__header {\n    display: grid;\n    gap: var(--brick-space-1);\n    padding: var(--brick-popover-space);\n    padding-block-end: var(--brick-space-2);\n  }\n\n  .brick-popover :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"],\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"],\n  .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    padding-inline: var(--brick-popover-space);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"] {\n    padding-block-start: var(--brick-popover-space);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"] {\n    padding-block-start: var(--brick-space-1);\n  }\n\n  .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    padding: 0;\n  }\n\n  .brick-popover :where([data-slot=\"popover-title\"]) {\n    color: var(--brick-popover-foreground);\n    font-family: var(--brick-typography-compact-title-lg-font-family);\n    font-size: var(--brick-typography-compact-title-lg-font-size);\n    font-weight: var(--brick-typography-compact-title-lg-font-weight);\n    letter-spacing: var(--brick-typography-compact-title-lg-letter-spacing);\n    line-height: var(--brick-typography-compact-title-lg-line-height);\n  }\n\n  .brick-popover[data-density=\"compact\"] :where([data-slot=\"popover-title\"]) {\n    font-family: var(--brick-typography-compact-title-font-family);\n    font-size: var(--brick-typography-compact-title-font-size);\n    font-weight: var(--brick-typography-compact-title-font-weight);\n    letter-spacing: var(--brick-typography-compact-title-letter-spacing);\n    line-height: var(--brick-typography-compact-title-line-height);\n  }\n\n  .brick-popover :where([data-slot=\"popover-description\"]) {\n    color: var(--brick-popover-muted-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    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-popover__body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding: var(--brick-space-3) var(--brick-popover-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-popover-foreground);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-popover__footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);\n  }\n\n  .brick-popover__arrow {\n    --brick-floating-arrow-fill: var(--brick-popover-background);\n    --brick-floating-arrow-stroke: var(--brick-popover-border);\n  }\n\n  .brick-popover[data-side=\"top\"] .brick-popover__arrow {\n    translate: 0 calc(var(--brick-border-width) * -1);\n    filter: drop-shadow(0 1px 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"right\"] .brick-popover__arrow {\n    translate: var(--brick-border-width) 0;\n    filter: drop-shadow(-1px 0 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"bottom\"] .brick-popover__arrow {\n    translate: 0 var(--brick-border-width);\n    filter: drop-shadow(0 -1px 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"left\"] .brick-popover__arrow {\n    translate: calc(var(--brick-border-width) * -1) 0;\n    filter: drop-shadow(1px 0 0 var(--brick-popover-border));\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-popover {\n      --brick-popover-max-block-size: min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n    }\n  }\n\n  @media (max-width: 20rem) {\n    .brick-popover {\n      --brick-popover-space: var(--brick-space-3);\n    }\n\n    .brick-popover__footer > .brick-button {\n      inline-size: 100%;\n      flex: 1 1 100%;\n    }\n  }\n\n  @media (max-height: 20rem) {\n    .brick-popover > [data-slot=\"popover-viewport\"] {\n      overflow: auto;\n      overscroll-behavior: contain;\n      scrollbar-gutter: stable;\n    }\n\n    .brick-popover__body {\n      flex: none;\n      overflow: visible;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-popover {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-popover {\n      --brick-popover-background: Canvas;\n      --brick-popover-foreground: CanvasText;\n      --brick-popover-muted-foreground: CanvasText;\n      --brick-popover-border: CanvasText;\n      box-shadow: none;\n    }\n\n    .brick-popover__arrow {\n      color: CanvasText;\n      fill: Canvas;\n      filter: none;\n      stroke: CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/rating.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-rating{--brick-rating-item-size:1.5rem;--brick-rating-gap:var(--brick-space-1);--brick-rating-empty-color:var(--brick-color-border-strong);--brick-rating-fill-color:var(--brick-color-accent-solid);box-sizing:border-box;align-items:center;gap:var(--brick-rating-gap);border-radius:var(--brick-radius-subtle);outline:0;min-inline-size:0;display:inline-flex}.brick-rating:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-rating__item{box-sizing:border-box;inline-size:var(--brick-control-target-min);min-inline-size:var(--brick-control-target-min);block-size:var(--brick-control-target-min);color:var(--brick-rating-empty-color);cursor:pointer;place-items:center;display:grid;position:relative}.brick-rating__artwork{inline-size:var(--brick-rating-item-size);block-size:var(--brick-rating-item-size);pointer-events:none;place-items:center;display:grid;position:absolute}.brick-rating__artwork>*{block-size:100%;inline-size:100%}.brick-rating__artwork--empty{color:var(--brick-rating-empty-color)}.brick-rating__artwork--fill{color:var(--brick-rating-fill-color);clip-path:inset(0 calc(100% - var(--brick-rating-fill)) 0 0);overflow:hidden}[dir=rtl] .brick-rating__artwork--fill{clip-path:inset(0 0 0 calc(100% - var(--brick-rating-fill)))}.brick-rating__star{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%;display:block;overflow:visible}.brick-rating[data-variant=outline] .brick-rating__artwork--empty .brick-rating__star,.brick-rating[data-variant=outline] .brick-rating__artwork--fill .brick-rating__star{fill:#0000}.brick-rating[data-variant=outline] .brick-rating__artwork--fill .brick-rating__star{fill:color-mix(in srgb, currentColor 24%, transparent)}.brick-rating[data-size=sm]{--brick-rating-item-size:1.125rem;--brick-rating-gap:0}.brick-rating[data-size=lg]{--brick-rating-item-size:1.875rem;--brick-rating-gap:var(--brick-space-2)}.brick-rating[data-tone=neutral]{--brick-rating-fill-color:var(--brick-color-text-primary)}.brick-rating[data-invalid]{--brick-rating-fill-color:var(--brick-color-danger-text);--brick-rating-empty-color:var(--brick-color-danger-text)}.brick-rating[data-disabled]{opacity:.6}.brick-rating[data-disabled] .brick-rating__item{cursor:not-allowed}.brick-rating[data-readonly] .brick-rating__item{cursor:default}@media (hover:hover) and (pointer:fine){.brick-rating:not([data-disabled],[data-readonly]) .brick-rating__item:hover{transform:translateY(-.0625rem)}}@media (prefers-reduced-motion:reduce){.brick-rating__item{transform:none!important}}@media (forced-colors:active){.brick-rating{forced-color-adjust:none}.brick-rating__artwork--empty{color:buttontext}.brick-rating__artwork--fill{color:highlight}.brick-rating[data-invalid] .brick-rating__artwork{color:mark}.brick-rating[data-disabled]{opacity:1}.brick-rating[data-disabled] .brick-rating__artwork{color:graytext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-rating{--brick-rating-item-size:1.5rem;--brick-rating-gap:var(--brick-space-1);--brick-rating-empty-color:var(--brick-color-border-strong);--brick-rating-fill-color:var(--brick-color-accent-solid);box-sizing:border-box;align-items:center;gap:var(--brick-rating-gap);border-radius:var(--brick-radius-subtle);outline:0;min-inline-size:0;display:inline-flex}.brick-rating:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-rating__item{box-sizing:border-box;inline-size:var(--brick-control-target-min);min-inline-size:var(--brick-control-target-min);block-size:var(--brick-control-target-min);color:var(--brick-rating-empty-color);cursor:pointer;place-items:center;display:grid;position:relative}.brick-rating--display .brick-rating__item{inline-size:var(--brick-rating-item-size);min-inline-size:var(--brick-rating-item-size);block-size:var(--brick-rating-item-size);cursor:default}.brick-rating__artwork{inline-size:var(--brick-rating-item-size);block-size:var(--brick-rating-item-size);pointer-events:none;place-items:center;display:grid;position:absolute}.brick-rating__artwork>*{block-size:100%;inline-size:100%}.brick-rating__artwork--empty{color:var(--brick-rating-empty-color)}.brick-rating__artwork--fill{color:var(--brick-rating-fill-color);clip-path:inset(0 calc(100% - var(--brick-rating-fill)) 0 0);overflow:hidden}[dir=rtl] .brick-rating__artwork--fill{clip-path:inset(0 0 0 calc(100% - var(--brick-rating-fill)))}.brick-rating__star{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%;display:block;overflow:visible}.brick-rating[data-variant=outline] .brick-rating__artwork--empty .brick-rating__star,.brick-rating[data-variant=outline] .brick-rating__artwork--fill .brick-rating__star{fill:#0000}.brick-rating[data-variant=outline] .brick-rating__artwork--fill .brick-rating__star{fill:color-mix(in srgb, currentColor 24%, transparent)}.brick-rating[data-size=sm]{--brick-rating-item-size:1.125rem;--brick-rating-gap:0}.brick-rating[data-size=lg]{--brick-rating-item-size:1.875rem;--brick-rating-gap:var(--brick-space-2)}.brick-rating[data-tone=neutral]{--brick-rating-fill-color:var(--brick-color-text-primary)}.brick-rating[data-invalid]{--brick-rating-fill-color:var(--brick-color-danger-text);--brick-rating-empty-color:var(--brick-color-danger-text)}.brick-rating[data-disabled]{opacity:.6}.brick-rating[data-disabled] .brick-rating__item{cursor:not-allowed}.brick-rating[data-readonly] .brick-rating__item{cursor:default}.brick-rating-summary{--brick-rating-summary-artwork-size:1rem;--brick-rating-summary-gap:var(--brick-space-1);--brick-rating-summary-color:var(--brick-color-accent-solid);box-sizing:border-box;align-items:center;gap:var(--brick-rating-summary-gap);min-inline-size:0;color:var(--brick-color-text-primary);font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-variant-numeric:tabular-nums;font-weight:var(--brick-typography-body-sm-font-weight);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing);vertical-align:middle;display:inline-flex}.brick-rating-summary[data-size=sm]{--brick-rating-summary-artwork-size:.875rem;font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);line-height:var(--brick-typography-caption-line-height);letter-spacing:var(--brick-typography-caption-letter-spacing)}.brick-rating-summary[data-size=lg]{--brick-rating-summary-artwork-size:1.25rem;--brick-rating-summary-gap:var(--brick-space-2);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);font-weight:var(--brick-typography-body-md-font-weight);line-height:var(--brick-typography-body-md-line-height);letter-spacing:var(--brick-typography-body-md-letter-spacing)}.brick-rating-summary[data-tone=neutral]{--brick-rating-summary-color:var(--brick-color-text-primary)}.brick-rating-summary__artwork{inline-size:var(--brick-rating-summary-artwork-size);block-size:var(--brick-rating-summary-artwork-size);color:var(--brick-rating-summary-color);flex:none;place-items:center;display:inline-grid}.brick-rating-summary__value{min-inline-size:0;color:inherit}@media (hover:hover) and (pointer:fine){.brick-rating:not([data-disabled],[data-readonly]) .brick-rating__item:hover{transform:translateY(-.0625rem)}}@media (prefers-reduced-motion:reduce){.brick-rating__item{transform:none!important}}@media (forced-colors:active){.brick-rating{forced-color-adjust:none}.brick-rating__artwork--empty{color:buttontext}.brick-rating__artwork--fill{color:highlight}.brick-rating[data-invalid] .brick-rating__artwork{color:mark}.brick-rating[data-disabled]{opacity:1}.brick-rating[data-disabled] .brick-rating__artwork{color:graytext}.brick-rating-summary{color:canvastext}.brick-rating-summary__artwork{color:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=rating.css.map */

package/dist/styles/rating.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,0WAeA,kLAKA,wRAYA,gLASA,0DACA,oEACA,+IAKA,oGAIA,mKAWA,sLAIA,4IAIA,mFACA,sGACA,2FACA,+IACA,wCACA,oEACA,gEAEA,wCACE,8GAIF,uCAA0C,8CAC1C,8BACE,uCACA,+CACA,6CACA,8DACA,uCACA,qED5FJ","sources":["home/runner/work/brick/brick/.brick-cache/production/rating.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/rating/rating.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/rating/rating.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-rating {\n    --brick-rating-item-size: 1.5rem;\n    --brick-rating-gap: var(--brick-space-1);\n    --brick-rating-empty-color: var(--brick-color-border-strong);\n    --brick-rating-fill-color: var(--brick-color-accent-solid);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-rating-gap);\n    border-radius: var(--brick-radius-subtle);\n    outline: 0;\n  }\n\n  .brick-rating:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-rating__item {\n    position: relative;\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    min-inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    color: var(--brick-rating-empty-color);\n    cursor: pointer;\n  }\n\n  .brick-rating__artwork {\n    position: absolute;\n    display: grid;\n    inline-size: var(--brick-rating-item-size);\n    block-size: var(--brick-rating-item-size);\n    place-items: center;\n    pointer-events: none;\n  }\n\n  .brick-rating__artwork > * { inline-size: 100%; block-size: 100%; }\n  .brick-rating__artwork--empty { color: var(--brick-rating-empty-color); }\n  .brick-rating__artwork--fill {\n    overflow: hidden;\n    color: var(--brick-rating-fill-color);\n    clip-path: inset(0 calc(100% - var(--brick-rating-fill)) 0 0);\n  }\n  [dir=\"rtl\"] .brick-rating__artwork--fill {\n    clip-path: inset(0 0 0 calc(100% - var(--brick-rating-fill)));\n  }\n\n  .brick-rating__star {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    overflow: visible;\n    fill: currentColor;\n    stroke: currentColor;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--empty .brick-rating__star,\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--fill .brick-rating__star {\n    fill: transparent;\n  }\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--fill .brick-rating__star {\n    fill: color-mix(in srgb, currentColor 24%, transparent);\n  }\n\n  .brick-rating[data-size=\"sm\"] { --brick-rating-item-size: 1.125rem; --brick-rating-gap: 0; }\n  .brick-rating[data-size=\"lg\"] { --brick-rating-item-size: 1.875rem; --brick-rating-gap: var(--brick-space-2); }\n  .brick-rating[data-tone=\"neutral\"] { --brick-rating-fill-color: var(--brick-color-text-primary); }\n  .brick-rating[data-invalid] { --brick-rating-fill-color: var(--brick-color-danger-text); --brick-rating-empty-color: var(--brick-color-danger-text); }\n  .brick-rating[data-disabled] { opacity: 0.6; }\n  .brick-rating[data-disabled] .brick-rating__item { cursor: not-allowed; }\n  .brick-rating[data-readonly] .brick-rating__item { cursor: default; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-rating:not([data-disabled], [data-readonly]) .brick-rating__item:hover {\n      transform: translateY(-0.0625rem);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-rating__item { transform: none !important; } }\n  @media (forced-colors: active) {\n    .brick-rating { forced-color-adjust: none; }\n    .brick-rating__artwork--empty { color: ButtonText; }\n    .brick-rating__artwork--fill { color: Highlight; }\n    .brick-rating[data-invalid] .brick-rating__artwork { color: Mark; }\n    .brick-rating[data-disabled] { opacity: 1; }\n    .brick-rating[data-disabled] .brick-rating__artwork { color: GrayText; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,0WAeA,kLAKA,wRAYA,2LAOA,gLASA,0DACA,oEACA,+IAKA,oGAIA,mKAWA,sLAIA,4IAIA,mFACA,sGACA,2FACA,+IACA,wCACA,oEACA,gEAEA,upBAoBA,0WASA,0ZAUA,sGAIA,iOASA,6DAEA,wCACE,8GAIF,uCAA0C,8CAC1C,8BACE,uCACA,+CACA,6CACA,8DACA,uCACA,mEACA,uCACA,iDD3JJ","sources":["home/runner/work/brick/brick/.brick-cache/production/rating.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/rating/rating.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/rating/rating.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-rating {\n    --brick-rating-item-size: 1.5rem;\n    --brick-rating-gap: var(--brick-space-1);\n    --brick-rating-empty-color: var(--brick-color-border-strong);\n    --brick-rating-fill-color: var(--brick-color-accent-solid);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-rating-gap);\n    border-radius: var(--brick-radius-subtle);\n    outline: 0;\n  }\n\n  .brick-rating:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-rating__item {\n    position: relative;\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    min-inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    color: var(--brick-rating-empty-color);\n    cursor: pointer;\n  }\n\n  .brick-rating--display .brick-rating__item {\n    inline-size: var(--brick-rating-item-size);\n    min-inline-size: var(--brick-rating-item-size);\n    block-size: var(--brick-rating-item-size);\n    cursor: default;\n  }\n\n  .brick-rating__artwork {\n    position: absolute;\n    display: grid;\n    inline-size: var(--brick-rating-item-size);\n    block-size: var(--brick-rating-item-size);\n    place-items: center;\n    pointer-events: none;\n  }\n\n  .brick-rating__artwork > * { inline-size: 100%; block-size: 100%; }\n  .brick-rating__artwork--empty { color: var(--brick-rating-empty-color); }\n  .brick-rating__artwork--fill {\n    overflow: hidden;\n    color: var(--brick-rating-fill-color);\n    clip-path: inset(0 calc(100% - var(--brick-rating-fill)) 0 0);\n  }\n  [dir=\"rtl\"] .brick-rating__artwork--fill {\n    clip-path: inset(0 0 0 calc(100% - var(--brick-rating-fill)));\n  }\n\n  .brick-rating__star {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    overflow: visible;\n    fill: currentColor;\n    stroke: currentColor;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--empty .brick-rating__star,\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--fill .brick-rating__star {\n    fill: transparent;\n  }\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--fill .brick-rating__star {\n    fill: color-mix(in srgb, currentColor 24%, transparent);\n  }\n\n  .brick-rating[data-size=\"sm\"] { --brick-rating-item-size: 1.125rem; --brick-rating-gap: 0; }\n  .brick-rating[data-size=\"lg\"] { --brick-rating-item-size: 1.875rem; --brick-rating-gap: var(--brick-space-2); }\n  .brick-rating[data-tone=\"neutral\"] { --brick-rating-fill-color: var(--brick-color-text-primary); }\n  .brick-rating[data-invalid] { --brick-rating-fill-color: var(--brick-color-danger-text); --brick-rating-empty-color: var(--brick-color-danger-text); }\n  .brick-rating[data-disabled] { opacity: 0.6; }\n  .brick-rating[data-disabled] .brick-rating__item { cursor: not-allowed; }\n  .brick-rating[data-readonly] .brick-rating__item { cursor: default; }\n\n  .brick-rating-summary {\n    --brick-rating-summary-artwork-size: 1rem;\n    --brick-rating-summary-gap: var(--brick-space-1);\n    --brick-rating-summary-color: var(--brick-color-accent-solid);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-rating-summary-gap);\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    vertical-align: middle;\n  }\n\n  .brick-rating-summary[data-size=\"sm\"] {\n    --brick-rating-summary-artwork-size: 0.875rem;\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n  }\n\n  .brick-rating-summary[data-size=\"lg\"] {\n    --brick-rating-summary-artwork-size: 1.25rem;\n    --brick-rating-summary-gap: var(--brick-space-2);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    line-height: var(--brick-typography-body-md-line-height);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-rating-summary[data-tone=\"neutral\"] {\n    --brick-rating-summary-color: var(--brick-color-text-primary);\n  }\n\n  .brick-rating-summary__artwork {\n    display: inline-grid;\n    inline-size: var(--brick-rating-summary-artwork-size);\n    block-size: var(--brick-rating-summary-artwork-size);\n    flex: none;\n    place-items: center;\n    color: var(--brick-rating-summary-color);\n  }\n\n  .brick-rating-summary__value { min-inline-size: 0; color: inherit; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-rating:not([data-disabled], [data-readonly]) .brick-rating__item:hover {\n      transform: translateY(-0.0625rem);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-rating__item { transform: none !important; } }\n  @media (forced-colors: active) {\n    .brick-rating { forced-color-adjust: none; }\n    .brick-rating__artwork--empty { color: ButtonText; }\n    .brick-rating__artwork--fill { color: Highlight; }\n    .brick-rating[data-invalid] .brick-rating__artwork { color: Mark; }\n    .brick-rating[data-disabled] { opacity: 1; }\n    .brick-rating[data-disabled] .brick-rating__artwork { color: GrayText; }\n    .brick-rating-summary { color: CanvasText; }\n    .brick-rating-summary__artwork { color: Highlight; }\n  }\n}\n"],"names":[]}

package/dist/styles/reorderable-list.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-reorderable-list{--brick-reorderable-list-gap:var(--brick-space-3);--brick-reorderable-list-item-background:var(--brick-color-surface-base);--brick-reorderable-list-item-border:var(--brick-color-border-subtle);--brick-reorderable-list-item-radius:var(--brick-radius-surface);--brick-reorderable-list-item-padding-block:var(--brick-space-3);--brick-reorderable-list-item-padding-inline:var(--brick-space-3);--brick-reorderable-list-item-gap:var(--brick-space-3);--brick-reorderable-list-item-shadow:var(--brick-shadow-floating);--brick-reorderable-list-target-background:var(--brick-color-accent-soft);--brick-reorderable-list-handle-background:transparent;--brick-reorderable-list-handle-background-hover:var(--brick-color-surface-subtle);--brick-reorderable-list-control-foreground:var(--brick-color-text-secondary);--brick-reorderable-list-control-foreground-hover:var(--brick-color-text-primary);--brick-reorderable-list-control-size:2.75rem;--brick-reorderable-list-control-radius:var(--brick-radius-control);--brick-reorderable-list-action-gap:var(--brick-space-1);--brick-reorderable-list-content-min-inline-size:8rem;--brick-reorderable-list-focus-ring:var(--brick-color-focus-ring);--brick-reorderable-list-indicator-color:var(--brick-color-accent-solid);--brick-reorderable-list-indicator-size:.1875rem;--brick-reorderable-list-dragging-opacity:.82;--brick-reorderable-list-transition-duration:var(--brick-motion-duration-fast);--brick-reorderable-list-horizontal-item-min-inline-size:22rem;box-sizing:border-box;gap:var(--brick-reorderable-list-gap);inline-size:100%;min-inline-size:0;max-inline-size:100%;margin:0;padding:0;list-style:none;display:grid}.brick-reorderable-list[data-orientation=horizontal]{grid-auto-columns:minmax(var(--brick-reorderable-list-horizontal-item-min-inline-size), 1fr);overscroll-behavior-inline:contain;grid-auto-flow:column;overflow-x:auto}.brick-reorderable-list__item{isolation:isolate;box-sizing:border-box;align-items:center;gap:var(--brick-reorderable-list-item-gap);min-inline-size:0;max-inline-size:100%;padding-block:var(--brick-reorderable-list-item-padding-block);padding-inline:var(--brick-reorderable-list-item-padding-inline);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-reorderable-list-item-radius);background:var(--brick-reorderable-list-item-background);color:var(--brick-color-text-primary);transition:background-color var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard), border-color var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard), box-shadow var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard), opacity var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard);flex-wrap:wrap;display:flex;position:relative}.brick-reorderable-list[data-variant=outline]>.brick-reorderable-list__item{border-color:var(--brick-reorderable-list-item-border)}.brick-reorderable-list[data-variant=soft]>.brick-reorderable-list__item{background:var(--brick-color-surface-subtle)}.brick-reorderable-list__item[data-drop-target]{background:var(--brick-reorderable-list-target-background)}.brick-reorderable-list__item[data-dragging]{z-index:2;box-shadow:var(--brick-reorderable-list-item-shadow);opacity:var(--brick-reorderable-list-dragging-opacity)}.brick-reorderable-list__item[data-disabled]{color:var(--brick-color-text-disabled);opacity:.55}.brick-reorderable-list__content{flex:1 1 var(--brick-reorderable-list-content-min-inline-size);min-inline-size:min(100%, var(--brick-reorderable-list-content-min-inline-size));overflow-wrap:anywhere;max-inline-size:100%}.brick-reorderable-list__actions{justify-content:end;align-items:center;gap:var(--brick-reorderable-list-action-gap);flex:none;min-inline-size:0;margin-inline-start:auto;display:flex}.brick-reorderable-list__handle,.brick-reorderable-list__move{box-sizing:border-box;inline-size:var(--brick-reorderable-list-control-size);min-inline-size:var(--brick-reorderable-list-control-size);block-size:var(--brick-reorderable-list-control-size);min-block-size:var(--brick-reorderable-list-control-size);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-reorderable-list-control-radius);appearance:none;background:var(--brick-reorderable-list-handle-background);color:var(--brick-reorderable-list-control-foreground);font:inherit;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.brick-reorderable-list__move{touch-action:manipulation}.brick-reorderable-list__handle:not([data-disabled]),.brick-reorderable-list__move:not(:disabled){cursor:pointer}.brick-reorderable-list__handle:not([data-disabled]):hover,.brick-reorderable-list__move:not(:disabled):hover{background:var(--brick-reorderable-list-handle-background-hover);color:var(--brick-reorderable-list-control-foreground-hover)}.brick-reorderable-list__handle:focus-visible,.brick-reorderable-list__move:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-reorderable-list-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-reorderable-list__handle[data-disabled],.brick-reorderable-list__move:disabled{color:var(--brick-color-text-disabled);cursor:not-allowed}.brick-reorderable-list__drop-indicator{z-index:3;pointer-events:none;background:var(--brick-reorderable-list-indicator-color);border-radius:var(--brick-radius-full);position:absolute}.brick-reorderable-list__drop-indicator[data-state=inactive]{display:none}.brick-reorderable-list[data-orientation=vertical] .brick-reorderable-list__drop-indicator{block-size:var(--brick-reorderable-list-indicator-size);inset-inline:0}.brick-reorderable-list[data-orientation=vertical] .brick-reorderable-list__drop-indicator[data-position=before]{inset-block-start:calc(var(--brick-reorderable-list-gap) / -2)}.brick-reorderable-list[data-orientation=vertical] .brick-reorderable-list__drop-indicator[data-position=after]{inset-block-end:calc(var(--brick-reorderable-list-gap) / -2)}.brick-reorderable-list[data-orientation=horizontal] .brick-reorderable-list__drop-indicator{inline-size:var(--brick-reorderable-list-indicator-size);inset-block:0}.brick-reorderable-list[data-orientation=horizontal] .brick-reorderable-list__drop-indicator[data-position=before]{inset-inline-start:calc(var(--brick-reorderable-list-gap) / -2)}.brick-reorderable-list[data-orientation=horizontal] .brick-reorderable-list__drop-indicator[data-position=after]{inset-inline-end:calc(var(--brick-reorderable-list-gap) / -2)}.brick-reorderable-list[data-size=sm]{--brick-reorderable-list-gap:var(--brick-space-2);--brick-reorderable-list-item-padding-block:var(--brick-space-2);--brick-reorderable-list-item-padding-inline:var(--brick-space-2);--brick-reorderable-list-item-gap:var(--brick-space-2)}.brick-reorderable-list[data-size=lg]{--brick-reorderable-list-gap:var(--brick-space-4);--brick-reorderable-list-item-padding-block:var(--brick-space-4);--brick-reorderable-list-item-padding-inline:var(--brick-space-4);--brick-reorderable-list-item-gap:var(--brick-space-4)}@media (prefers-reduced-motion:reduce){.brick-reorderable-list__item{transition-duration:0s}}@media (forced-colors:active){.brick-reorderable-list__item,.brick-reorderable-list[data-variant=outline]>.brick-reorderable-list__item{border-color:canvastext}.brick-reorderable-list__item[data-drop-target]{outline:2px dashed highlight}.brick-reorderable-list__handle:focus-visible,.brick-reorderable-list__move:focus-visible{outline-color:highlight}.brick-reorderable-list__drop-indicator{background:highlight}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=reorderable-list.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,uoDAoCA,2NAOA,07BAuBA,mIAIA,sHAIA,2GAIA,mKAMA,gGAKA,6NAOA,uLAUA,urBAqBA,wDAEA,iHAGA,4OAMA,iOAMA,gJAMA,wLAQA,0EAEA,kKAKA,gLACA,6KAEA,oKAKA,mLACA,gLAEA,kRAOA,kRAOA,uCACE,sDAGF,8BACE,kIAEA,6EACA,kHAEA,+DDzMJ","sources":["home/runner/work/brick/brick/.brick-cache/production/reorderable-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/reorderable-list/reorderable-list.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/reorderable-list/reorderable-list.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-reorderable-list {\n    --brick-reorderable-list-gap: var(--brick-space-3);\n    --brick-reorderable-list-item-background: var(--brick-color-surface-base);\n    --brick-reorderable-list-item-border: var(--brick-color-border-subtle);\n    --brick-reorderable-list-item-radius: var(--brick-radius-surface);\n    --brick-reorderable-list-item-padding-block: var(--brick-space-3);\n    --brick-reorderable-list-item-padding-inline: var(--brick-space-3);\n    --brick-reorderable-list-item-gap: var(--brick-space-3);\n    --brick-reorderable-list-item-shadow: var(--brick-shadow-floating);\n    --brick-reorderable-list-target-background: var(--brick-color-accent-soft);\n    --brick-reorderable-list-handle-background: transparent;\n    --brick-reorderable-list-handle-background-hover: var(--brick-color-surface-subtle);\n    --brick-reorderable-list-control-foreground: var(--brick-color-text-secondary);\n    --brick-reorderable-list-control-foreground-hover: var(--brick-color-text-primary);\n    --brick-reorderable-list-control-size: 2.75rem;\n    --brick-reorderable-list-control-radius: var(--brick-radius-control);\n    --brick-reorderable-list-action-gap: var(--brick-space-1);\n    --brick-reorderable-list-content-min-inline-size: 8rem;\n    --brick-reorderable-list-focus-ring: var(--brick-color-focus-ring);\n    --brick-reorderable-list-indicator-color: var(--brick-color-accent-solid);\n    --brick-reorderable-list-indicator-size: 0.1875rem;\n    --brick-reorderable-list-dragging-opacity: 0.82;\n    --brick-reorderable-list-transition-duration: var(--brick-motion-duration-fast);\n    --brick-reorderable-list-horizontal-item-min-inline-size: 22rem;\n\n    box-sizing: border-box;\n    display: grid;\n    gap: var(--brick-reorderable-list-gap);\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .brick-reorderable-list[data-orientation=\"horizontal\"] {\n    grid-auto-columns: minmax(var(--brick-reorderable-list-horizontal-item-min-inline-size), 1fr);\n    grid-auto-flow: column;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-reorderable-list__item {\n    position: relative;\n    isolation: isolate;\n    box-sizing: border-box;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--brick-reorderable-list-item-gap);\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-reorderable-list-item-padding-block);\n    padding-inline: var(--brick-reorderable-list-item-padding-inline);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-reorderable-list-item-radius);\n    background: var(--brick-reorderable-list-item-background);\n    color: var(--brick-color-text-primary);\n    transition:\n      background-color var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard),\n      border-color var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard),\n      opacity var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard);\n  }\n\n  .brick-reorderable-list[data-variant=\"outline\"] > .brick-reorderable-list__item {\n    border-color: var(--brick-reorderable-list-item-border);\n  }\n\n  .brick-reorderable-list[data-variant=\"soft\"] > .brick-reorderable-list__item {\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-reorderable-list__item[data-drop-target] {\n    background: var(--brick-reorderable-list-target-background);\n  }\n\n  .brick-reorderable-list__item[data-dragging] {\n    z-index: 2;\n    box-shadow: var(--brick-reorderable-list-item-shadow);\n    opacity: var(--brick-reorderable-list-dragging-opacity);\n  }\n\n  .brick-reorderable-list__item[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    opacity: 0.55;\n  }\n\n  .brick-reorderable-list__content {\n    flex: 1 1 var(--brick-reorderable-list-content-min-inline-size);\n    min-inline-size: min(100%, var(--brick-reorderable-list-content-min-inline-size));\n    max-inline-size: 100%;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-reorderable-list__actions {\n    display: flex;\n    flex: none;\n    align-items: center;\n    justify-content: end;\n    gap: var(--brick-reorderable-list-action-gap);\n    min-inline-size: 0;\n    margin-inline-start: auto;\n  }\n\n  .brick-reorderable-list__handle,\n  .brick-reorderable-list__move {\n    display: inline-flex;\n    box-sizing: border-box;\n    inline-size: var(--brick-reorderable-list-control-size);\n    min-inline-size: var(--brick-reorderable-list-control-size);\n    block-size: var(--brick-reorderable-list-control-size);\n    min-block-size: var(--brick-reorderable-list-control-size);\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-reorderable-list-control-radius);\n    appearance: none;\n    background: var(--brick-reorderable-list-handle-background);\n    color: var(--brick-reorderable-list-control-foreground);\n    font: inherit;\n    user-select: none;\n    touch-action: none;\n  }\n\n  .brick-reorderable-list__move { touch-action: manipulation; }\n\n  .brick-reorderable-list__handle:not([data-disabled]),\n  .brick-reorderable-list__move:not(:disabled) { cursor: pointer; }\n\n  .brick-reorderable-list__handle:not([data-disabled]):hover,\n  .brick-reorderable-list__move:not(:disabled):hover {\n    background: var(--brick-reorderable-list-handle-background-hover);\n    color: var(--brick-reorderable-list-control-foreground-hover);\n  }\n\n  .brick-reorderable-list__handle:focus-visible,\n  .brick-reorderable-list__move:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-reorderable-list-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-reorderable-list__handle[data-disabled],\n  .brick-reorderable-list__move:disabled {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  .brick-reorderable-list__drop-indicator {\n    position: absolute;\n    z-index: 3;\n    pointer-events: none;\n    background: var(--brick-reorderable-list-indicator-color);\n    border-radius: var(--brick-radius-full);\n  }\n\n  .brick-reorderable-list__drop-indicator[data-state=\"inactive\"] { display: none; }\n\n  .brick-reorderable-list[data-orientation=\"vertical\"] .brick-reorderable-list__drop-indicator {\n    inset-inline: 0;\n    block-size: var(--brick-reorderable-list-indicator-size);\n  }\n\n  .brick-reorderable-list[data-orientation=\"vertical\"] .brick-reorderable-list__drop-indicator[data-position=\"before\"] { inset-block-start: calc(var(--brick-reorderable-list-gap) / -2); }\n  .brick-reorderable-list[data-orientation=\"vertical\"] .brick-reorderable-list__drop-indicator[data-position=\"after\"] { inset-block-end: calc(var(--brick-reorderable-list-gap) / -2); }\n\n  .brick-reorderable-list[data-orientation=\"horizontal\"] .brick-reorderable-list__drop-indicator {\n    inset-block: 0;\n    inline-size: var(--brick-reorderable-list-indicator-size);\n  }\n\n  .brick-reorderable-list[data-orientation=\"horizontal\"] .brick-reorderable-list__drop-indicator[data-position=\"before\"] { inset-inline-start: calc(var(--brick-reorderable-list-gap) / -2); }\n  .brick-reorderable-list[data-orientation=\"horizontal\"] .brick-reorderable-list__drop-indicator[data-position=\"after\"] { inset-inline-end: calc(var(--brick-reorderable-list-gap) / -2); }\n\n  .brick-reorderable-list[data-size=\"sm\"] {\n    --brick-reorderable-list-gap: var(--brick-space-2);\n    --brick-reorderable-list-item-padding-block: var(--brick-space-2);\n    --brick-reorderable-list-item-padding-inline: var(--brick-space-2);\n    --brick-reorderable-list-item-gap: var(--brick-space-2);\n  }\n\n  .brick-reorderable-list[data-size=\"lg\"] {\n    --brick-reorderable-list-gap: var(--brick-space-4);\n    --brick-reorderable-list-item-padding-block: var(--brick-space-4);\n    --brick-reorderable-list-item-padding-inline: var(--brick-space-4);\n    --brick-reorderable-list-item-gap: var(--brick-space-4);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-reorderable-list__item { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-reorderable-list__item,\n    .brick-reorderable-list[data-variant=\"outline\"] > .brick-reorderable-list__item { border-color: CanvasText; }\n    .brick-reorderable-list__item[data-drop-target] { outline: 2px dashed Highlight; }\n    .brick-reorderable-list__handle:focus-visible,\n    .brick-reorderable-list__move:focus-visible { outline-color: Highlight; }\n    .brick-reorderable-list__drop-indicator { background: Highlight; }\n  }\n}\n"],"names":[]}

package/dist/styles/segment-group.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-segment-group{--brick-segment-group-min-block-size:var(--brick-control-min-block-size-md);--brick-segment-group-item-padding-inline:var(--brick-space-3);--brick-segment-group-item-gap:var(--brick-space-2);--brick-segment-group-icon-size:1rem;--brick-segment-group-inset:0px;--brick-segment-group-background:var(--brick-color-surface-subtle);--brick-segment-group-border:var(--brick-color-border-default);--brick-segment-group-root-shadow:inset 0 0 0 var(--brick-border-width) var(--brick-segment-group-border);--brick-segment-group-indicator-background:var(--brick-color-surface-raised);--brick-segment-group-indicator-border:var(--brick-color-border-default);--brick-segment-group-indicator-shadow:0 .0625rem .125rem color-mix(in srgb, var(--brick-color-text-primary), transparent 82%);--brick-segment-group-foreground:var(--brick-color-text-secondary);--brick-segment-group-selected-foreground:var(--brick-color-text-primary);--brick-segment-group-focus-ring:var(--brick-color-focus-ring);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-segment-group-min-block-size);padding:var(--brick-segment-group-inset);border-radius:var(--brick-radius-control);background:var(--brick-segment-group-background);box-shadow:var(--brick-segment-group-root-shadow);border:0;align-items:stretch;gap:0;display:inline-flex;position:relative}.brick-segment-group[data-orientation=vertical]{flex-direction:column}.brick-segment-group[data-full-width]{inline-size:100%;display:flex}.brick-segment-group[data-full-width]>.brick-segment-group__item{flex:1 1 0}.brick-segment-group__indicator{z-index:0;inline-size:var(--brick-segment-group-indicator-inline-size,0);block-size:var(--brick-segment-group-indicator-block-size,0);border:var(--brick-border-width) solid var(--brick-segment-group-indicator-border);border-radius:calc(var(--brick-radius-control) - var(--brick-segment-group-inset));background:var(--brick-segment-group-indicator-background);box-shadow:var(--brick-segment-group-indicator-shadow);opacity:0;pointer-events:none;translate:var(--brick-segment-group-indicator-x,0) var(--brick-segment-group-indicator-y,0);transition:translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);position:absolute;inset-block-start:0;inset-inline-start:0}.brick-segment-group__indicator[data-ready]{opacity:1}.brick-segment-group__item{z-index:1;box-sizing:border-box;min-inline-size:0;min-block-size:calc(var(--brick-segment-group-min-block-size) - (2 * var(--brick-segment-group-inset)) - 0px);justify-content:center;align-items:center;gap:var(--brick-segment-group-item-gap);padding-block:var(--brick-space-1);padding-inline:var(--brick-segment-group-item-padding-inline);border-radius:calc(var(--brick-radius-control) - var(--brick-segment-group-inset));appearance:none;color:var(--brick-segment-group-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);white-space:nowrap;cursor:pointer;transition:color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);background:0 0;border:0;display:inline-flex;position:relative}.brick-segment-group__item>:where(svg,img,.brick-icon){inline-size:var(--brick-segment-group-icon-size);block-size:var(--brick-segment-group-icon-size);flex:none}.brick-segment-group__item[data-state=checked]{color:var(--brick-segment-group-selected-foreground)}.brick-segment-group__item:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-segment-group-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-segment-group__item[data-disabled]{color:var(--brick-color-text-disabled);cursor:not-allowed}.brick-segment-group__item[data-icon-only]{aspect-ratio:1;padding-inline:0}.brick-segment-group[data-size=sm]{--brick-segment-group-min-block-size:var(--brick-control-min-block-size-sm);--brick-segment-group-item-padding-inline:var(--brick-space-2);--brick-segment-group-item-gap:var(--brick-space-1);--brick-segment-group-icon-size:.875rem}.brick-segment-group[data-size=sm]>.brick-segment-group__item{font-family:var(--brick-typography-control-sm-font-family);font-size:var(--brick-typography-control-sm-font-size);font-weight:var(--brick-typography-control-sm-font-weight);line-height:var(--brick-typography-control-sm-line-height)}.brick-segment-group[data-size=lg]{--brick-segment-group-min-block-size:var(--brick-control-min-block-size-lg);--brick-segment-group-item-padding-inline:var(--brick-space-4);--brick-segment-group-item-gap:var(--brick-space-2);--brick-segment-group-icon-size:1.125rem}.brick-segment-group[data-size=lg]>.brick-segment-group__item{font-family:var(--brick-typography-control-lg-font-family);font-size:var(--brick-typography-control-lg-font-size);font-weight:var(--brick-typography-control-lg-font-weight);line-height:var(--brick-typography-control-lg-line-height)}@media (hover:hover) and (pointer:fine){.brick-segment-group__item:not([data-disabled]):hover{color:var(--brick-color-text-primary)}}@media (prefers-reduced-motion:reduce){.brick-segment-group__indicator{transition:none}}@media (forced-colors:active){.brick-segment-group{box-shadow:inset 0 0 0 var(--brick-border-width) ButtonText;background:canvas}.brick-segment-group__indicator{box-shadow:none;background:highlight;border-color:highlight}.brick-segment-group__item{color:buttontext;forced-color-adjust:none}.brick-segment-group__item[data-state=checked]{color:highlighttext}.brick-segment-group__item:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=segment-group.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,21CAqCA,sEAIA,oEAKA,4EAIA,k8BAuBA,sDAIA,45BA+BA,kKAMA,oGAIA,6KAKA,oGAKA,2EAKA,0QAOA,sSAOA,2QAOA,sSAOA,wCACE,6FAKF,uCACE,iDAKF,8BACE,mGAIA,4FAKA,qEAIA,mEAGA,mED/LJ","sources":["home/runner/work/brick/brick/.brick-cache/production/segment-group.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/segment-group/segment-group.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/segment-group/segment-group.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-segment-group {\n    --brick-segment-group-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-segment-group-item-padding-inline: var(--brick-space-3);\n    --brick-segment-group-item-gap: var(--brick-space-2);\n    --brick-segment-group-icon-size: 1rem;\n    --brick-segment-group-inset: 0px;\n    --brick-segment-group-background: var(--brick-color-surface-subtle);\n    --brick-segment-group-border: var(--brick-color-border-default);\n    --brick-segment-group-root-shadow: inset 0 0 0 var(--brick-border-width)\n      var(--brick-segment-group-border);\n    --brick-segment-group-indicator-background: var(--brick-color-surface-raised);\n    --brick-segment-group-indicator-border: var(--brick-color-border-default);\n    --brick-segment-group-indicator-shadow:\n      0 0.0625rem 0.125rem color-mix(\n        in srgb,\n        var(--brick-color-text-primary),\n        transparent 82%\n      );\n    --brick-segment-group-foreground: var(--brick-color-text-secondary);\n    --brick-segment-group-selected-foreground: var(--brick-color-text-primary);\n    --brick-segment-group-focus-ring: var(--brick-color-focus-ring);\n\n    position: relative;\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-segment-group-min-block-size);\n    align-items: stretch;\n    gap: 0;\n    padding: var(--brick-segment-group-inset);\n    border: 0;\n    border-radius: var(--brick-radius-control);\n    background: var(--brick-segment-group-background);\n    box-shadow: var(--brick-segment-group-root-shadow);\n  }\n\n  .brick-segment-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-segment-group[data-full-width] {\n    display: flex;\n    inline-size: 100%;\n  }\n\n  .brick-segment-group[data-full-width] > .brick-segment-group__item {\n    flex: 1 1 0;\n  }\n\n  .brick-segment-group__indicator {\n    position: absolute;\n    z-index: 0;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    inline-size: var(--brick-segment-group-indicator-inline-size, 0);\n    block-size: var(--brick-segment-group-indicator-block-size, 0);\n    border: var(--brick-border-width) solid var(--brick-segment-group-indicator-border);\n    border-radius: calc(var(--brick-radius-control) - var(--brick-segment-group-inset));\n    background: var(--brick-segment-group-indicator-background);\n    box-shadow: var(--brick-segment-group-indicator-shadow);\n    opacity: 0;\n    pointer-events: none;\n    translate:\n      var(--brick-segment-group-indicator-x, 0)\n      var(--brick-segment-group-indicator-y, 0);\n    transition:\n      translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-segment-group__indicator[data-ready] {\n    opacity: 1;\n  }\n\n  .brick-segment-group__item {\n    position: relative;\n    z-index: 1;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: calc(\n      var(--brick-segment-group-min-block-size) -\n      (2 * var(--brick-segment-group-inset)) -\n      0px\n    );\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-segment-group-item-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-segment-group-item-padding-inline);\n    border: 0;\n    border-radius: calc(var(--brick-radius-control) - var(--brick-segment-group-inset));\n    appearance: none;\n    background: transparent;\n    color: var(--brick-segment-group-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    white-space: nowrap;\n    cursor: pointer;\n    transition:\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-segment-group__item > :where(svg, img, .brick-icon) {\n    flex: 0 0 auto;\n    inline-size: var(--brick-segment-group-icon-size);\n    block-size: var(--brick-segment-group-icon-size);\n  }\n\n  .brick-segment-group__item[data-state=\"checked\"] {\n    color: var(--brick-segment-group-selected-foreground);\n  }\n\n  .brick-segment-group__item:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-segment-group-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-segment-group__item[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  .brick-segment-group__item[data-icon-only] {\n    aspect-ratio: 1;\n    padding-inline: 0;\n  }\n\n  .brick-segment-group[data-size=\"sm\"] {\n    --brick-segment-group-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-segment-group-item-padding-inline: var(--brick-space-2);\n    --brick-segment-group-item-gap: var(--brick-space-1);\n    --brick-segment-group-icon-size: 0.875rem;\n  }\n\n  .brick-segment-group[data-size=\"sm\"] > .brick-segment-group__item {\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-typography-control-sm-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    line-height: var(--brick-typography-control-sm-line-height);\n  }\n\n  .brick-segment-group[data-size=\"lg\"] {\n    --brick-segment-group-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-segment-group-item-padding-inline: var(--brick-space-4);\n    --brick-segment-group-item-gap: var(--brick-space-2);\n    --brick-segment-group-icon-size: 1.125rem;\n  }\n\n  .brick-segment-group[data-size=\"lg\"] > .brick-segment-group__item {\n    font-family: var(--brick-typography-control-lg-font-family);\n    font-size: var(--brick-typography-control-lg-font-size);\n    font-weight: var(--brick-typography-control-lg-font-weight);\n    line-height: var(--brick-typography-control-lg-line-height);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-segment-group__item:not([data-disabled]):hover {\n      color: var(--brick-color-text-primary);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-segment-group__indicator {\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-segment-group {\n      background: Canvas;\n      box-shadow: inset 0 0 0 var(--brick-border-width) ButtonText;\n    }\n    .brick-segment-group__indicator {\n      border-color: Highlight;\n      background: Highlight;\n      box-shadow: none;\n    }\n    .brick-segment-group__item {\n      color: ButtonText;\n      forced-color-adjust: none;\n    }\n    .brick-segment-group__item[data-state=\"checked\"] {\n      color: HighlightText;\n    }\n    .brick-segment-group__item:focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/select.css

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

package/dist/styles/select.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,0pFAiDA,wDACA,qEACA,mPACA,uKACA,wEACA,8FACA,6OACA,+UAEA,gGACA,oFACA,4RACA,mFACA,+MAEA,0LACA,4FACA,kOACA,+GAEA,2pDAkCA,8GACA,8GAEA,iLACA,gFACA,8TACA,8ZACA,gGACA,8IACA,oHACA,iEACA,iKACA,gLACA,8TACA,2HACA,2IACA,qPACA,iEACA,6DACA,6DACA,+DACA,iGACA,0FACA,8FACA,6FAEA,wCACE,8LACA,0GAEF,uCAA0C,iEAC1C,8BACE,uGACA,kKACA,sDACA,4GACA,kDACA,gDD7IJ","sources":["home/runner/work/brick/brick/.brick-cache/production/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/select/select.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/select/select.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-select-trigger {\n    --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-select-trigger-padding-inline: var(--brick-space-3);\n    --brick-select-trigger-gap: var(--brick-space-2);\n    --brick-select-trigger-radius: var(--brick-radius-control);\n    --brick-select-trigger-font-family: var(--brick-typography-field-value-md-font-family);\n    --brick-select-trigger-font-size: var(--brick-typography-field-value-md-font-size);\n    --brick-select-trigger-font-weight: var(--brick-typography-field-value-md-font-weight);\n    --brick-select-trigger-line-height: var(--brick-typography-field-value-md-line-height);\n    --brick-select-trigger-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n    --brick-select-trigger-background: var(--brick-color-surface-raised);\n    --brick-select-trigger-foreground: var(--brick-color-text-primary);\n    --brick-select-trigger-placeholder: var(--brick-color-text-muted);\n    --brick-select-trigger-border: var(--brick-color-border-strong);\n    --brick-select-trigger-hover-background: var(--brick-color-surface-base);\n    --brick-select-trigger-hover-border: var(--brick-color-accent-border);\n    --brick-select-trigger-focus-ring: var(--brick-color-focus-ring);\n    --brick-select-trigger-invalid-border: var(--brick-color-danger-text);\n    --brick-select-trigger-disabled-background: var(--brick-color-surface-subtle);\n    --brick-select-trigger-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-select-trigger-disabled-border: var(--brick-color-border-subtle);\n    --brick-select-trigger-readonly-background: var(--brick-color-surface-subtle);\n    --brick-select-icon-size: 1.125rem;\n    --brick-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-select-trigger-min-block-size);\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--brick-select-trigger-gap);\n    padding-inline: var(--brick-select-trigger-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-select-trigger-border);\n    border-radius: var(--brick-select-trigger-radius);\n    background: var(--brick-select-trigger-background);\n    color: var(--brick-select-trigger-foreground);\n    font-family: var(--brick-select-trigger-font-family);\n    font-size: var(--brick-select-trigger-font-size);\n    font-weight: var(--brick-select-trigger-font-weight);\n    letter-spacing: var(--brick-select-trigger-letter-spacing);\n    line-height: var(--brick-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-select-trigger[data-full-width] { inline-size: 100%; }\n  .brick-select-trigger:not([data-full-width]) { inline-size: fit-content; }\n  .brick-select-trigger[data-variant=\"soft\"] { --brick-select-trigger-background: var(--brick-color-surface-subtle); --brick-select-trigger-border: var(--brick-color-border-subtle); --brick-select-trigger-hover-background: var(--brick-color-accent-soft); }\n  .brick-select-trigger[data-variant=\"underline\"] { --brick-select-trigger-background: transparent; --brick-select-trigger-radius: 0; border-width: 0 0 var(--brick-border-width); }\n  .brick-select-trigger[data-shape=\"sharp\"] { --brick-select-trigger-radius: 0; }\n  .brick-select-trigger[data-shape=\"pill\"] { --brick-select-trigger-radius: var(--brick-radius-full); }\n  .brick-select-trigger[data-size=\"sm\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-sm); --brick-select-trigger-padding-inline: var(--brick-space-2); --brick-select-trigger-gap: 0.375rem; --brick-select-icon-size: 1rem; }\n  .brick-select-trigger[data-size=\"lg\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-lg); --brick-select-trigger-padding-inline: var(--brick-space-4); --brick-select-trigger-gap: var(--brick-space-3); --brick-select-trigger-font-size: var(--brick-typography-field-value-lg-font-size); --brick-select-icon-size: 1.25rem; }\n\n  .brick-select-value { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .brick-select-value[data-placeholder] { color: var(--brick-select-trigger-placeholder); }\n  .brick-select-icon { display: inline-grid; flex: 0 0 auto; inline-size: var(--brick-select-icon-size); block-size: var(--brick-select-icon-size); place-items: center; color: var(--brick-select-icon-foreground); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-select-trigger[data-state=\"open\"] .brick-select-icon { transform: rotate(180deg); }\n  .brick-select-direction-artwork, .brick-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-select-trigger:focus-visible { outline: 0; border-color: var(--brick-select-trigger-focus-ring); box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-select-trigger-focus-ring); }\n  .brick-select-trigger[data-invalid] { border-color: var(--brick-select-trigger-invalid-border); }\n  .brick-select-trigger[data-disabled] { border-color: var(--brick-select-trigger-disabled-border); background: var(--brick-select-trigger-disabled-background); color: var(--brick-select-trigger-disabled-foreground); cursor: not-allowed; }\n  .brick-select-trigger[data-readonly] { background: var(--brick-select-trigger-readonly-background); cursor: default; }\n\n  .brick-select-content {\n    --brick-select-content-background: var(--brick-color-surface-raised);\n    --brick-select-content-foreground: var(--brick-color-text-primary);\n    --brick-select-content-border: var(--brick-color-border-subtle);\n    --brick-select-content-radius: var(--brick-radius-control);\n    --brick-select-content-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n    --brick-select-content-max-block-size: min(20rem, var(--available-height, 20rem));\n    --brick-select-content-padding: var(--brick-space-1);\n    --brick-select-content-z-index: 70;\n    --brick-select-item-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-select-item-padding-inline: var(--brick-space-3);\n    --brick-select-item-gap: var(--brick-space-2);\n    --brick-select-item-highlighted-background: var(--brick-color-accent-soft);\n    --brick-select-item-selected-foreground: var(--brick-color-accent-text);\n    --brick-select-item-disabled-foreground: var(--brick-color-text-muted);\n    --brick-select-indicator-size: 1rem;\n    --brick-select-label-foreground: var(--brick-color-text-secondary);\n    --brick-select-separator-color: var(--brick-color-border-subtle);\n    --brick-select-scroll-button-block-size: 2rem;\n    --brick-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-select-content-max-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-select-content-border);\n    border-radius: var(--brick-select-content-radius);\n    background: var(--brick-select-content-background);\n    box-shadow: var(--brick-select-content-shadow);\n    color: var(--brick-select-content-foreground);\n    z-index: var(--brick-select-content-z-index);\n  }\n\n  .brick-select-content[data-size=\"sm\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-sm); }\n  .brick-select-content[data-size=\"lg\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-lg); }\n\n  .brick-select-viewport { box-sizing: border-box; max-block-size: inherit; overflow-y: auto; padding: var(--brick-select-content-padding); overscroll-behavior: contain; scrollbar-width: thin; }\n  .brick-select-group + .brick-select-group { margin-block-start: var(--brick-space-1); }\n  .brick-select-label { padding: var(--brick-space-2) var(--brick-select-item-padding-inline) var(--brick-space-1); color: var(--brick-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-select-item { display: grid; box-sizing: border-box; min-inline-size: 0; min-block-size: var(--brick-select-item-min-block-size); grid-template-columns: minmax(0, 1fr) var(--brick-select-indicator-size); align-items: center; gap: var(--brick-select-item-gap); padding-inline: var(--brick-select-item-padding-inline); border-radius: calc(var(--brick-select-content-radius) - var(--brick-border-width)); outline: 0; cursor: pointer; }\n  .brick-select-item[data-highlighted] { background: var(--brick-select-item-highlighted-background); }\n  .brick-select-item[data-selected] { color: var(--brick-select-item-selected-foreground); font-weight: var(--brick-typography-label-md-font-weight); }\n  .brick-select-item[data-disabled] { color: var(--brick-select-item-disabled-foreground); cursor: not-allowed; opacity: 0.65; }\n  .brick-select-item-text { min-inline-size: 0; overflow-wrap: anywhere; }\n  .brick-select-item-indicator { display: inline-grid; inline-size: var(--brick-select-indicator-size); block-size: var(--brick-select-indicator-size); place-items: center; }\n  .brick-select-separator { block-size: var(--brick-border-width); margin: var(--brick-space-1) var(--brick-select-item-padding-inline); background: var(--brick-select-separator-color); }\n  :where(.brick-select-scroll-up, .brick-select-scroll-down) { display: grid; box-sizing: border-box; inline-size: 100%; block-size: var(--brick-select-scroll-button-block-size); place-items: center; padding: var(--brick-space-1); border: 0; background: var(--brick-select-content-background); color: var(--brick-select-content-foreground); }\n  :where(.brick-select-scroll-up, .brick-select-scroll-down) .brick-select-direction-artwork { inline-size: 1rem; block-size: 1rem; }\n  .brick-select-arrow { display: block; inline-size: var(--brick-select-arrow-size); block-size: var(--brick-select-arrow-size); pointer-events: none; }\n  .brick-select-arrow-artwork { display: block; box-sizing: border-box; inline-size: 100%; block-size: 100%; border: var(--brick-border-width) solid var(--brick-select-content-border); background: var(--brick-select-content-background); transform: rotate(45deg); }\n  .brick-select-arrow[data-side=\"bottom\"] { transform: translateY(-50%); }\n  .brick-select-arrow[data-side=\"top\"] { transform: translateY(50%); }\n  .brick-select-arrow[data-side=\"left\"] { transform: translateX(50%); }\n  .brick-select-arrow[data-side=\"right\"] { transform: translateX(-50%); }\n  .brick-select-arrow[data-side=\"bottom\"] .brick-select-arrow-artwork { border-right: 0; border-bottom: 0; }\n  .brick-select-arrow[data-side=\"top\"] .brick-select-arrow-artwork { border-left: 0; border-top: 0; }\n  .brick-select-arrow[data-side=\"left\"] .brick-select-arrow-artwork { border-left: 0; border-bottom: 0; }\n  .brick-select-arrow[data-side=\"right\"] .brick-select-arrow-artwork { border-right: 0; border-top: 0; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-select-trigger:not([data-disabled], [data-readonly], [data-invalid]):hover { border-color: var(--brick-select-trigger-hover-border); background: var(--brick-select-trigger-hover-background); }\n    .brick-select-item:not([data-disabled]):hover { background: var(--brick-select-item-highlighted-background); }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-select-trigger, .brick-select-icon { transition-duration: 0ms; } }\n  @media (forced-colors: active) {\n    .brick-select-trigger, .brick-select-content { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-select-trigger:focus-visible, .brick-select-item[data-highlighted] { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-select-trigger[data-invalid] { border-color: Mark; }\n    .brick-select-trigger[data-disabled], .brick-select-item[data-disabled] { border-color: GrayText; color: GrayText; }\n    .brick-select-item[data-selected] { color: Highlight; }\n    .brick-select-separator { background: ButtonText; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,soFAiDA,wDACA,qEACA,mPACA,uKACA,wEACA,8FACA,yoBACA,ypBAEA,gGACA,oFACA,4RACA,mFACA,+MAEA,0LACA,4FACA,kOACA,+GAEA,2mDAkCA,8GACA,8GAEA,iLACA,gFACA,8TACA,8ZACA,gGACA,8IACA,oHACA,iEACA,iKACA,gLACA,8TACA,2HACA,2IACA,qPACA,iEACA,6DACA,6DACA,+DACA,iGACA,0FACA,8FACA,6FAEA,wCACE,8LACA,0GAEF,uCAA0C,iEAC1C,8BACE,uGACA,kKACA,sDACA,4GACA,kDACA,gDD7IJ","sources":["home/runner/work/brick/brick/.brick-cache/production/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/select/select.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/select/select.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-select-trigger {\n    --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-select-trigger-padding-inline: var(--brick-space-3);\n    --brick-select-trigger-gap: var(--brick-space-2);\n    --brick-select-trigger-radius: var(--brick-radius-control);\n    --brick-select-trigger-font-family: var(--brick-typography-control-md-font-family);\n    --brick-select-trigger-font-size: var(--brick-typography-control-md-font-size);\n    --brick-select-trigger-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-select-trigger-line-height: var(--brick-typography-control-md-line-height);\n    --brick-select-trigger-letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    --brick-select-trigger-background: var(--brick-color-surface-raised);\n    --brick-select-trigger-foreground: var(--brick-color-text-primary);\n    --brick-select-trigger-placeholder: var(--brick-color-text-muted);\n    --brick-select-trigger-border: var(--brick-color-border-strong);\n    --brick-select-trigger-hover-background: var(--brick-color-surface-base);\n    --brick-select-trigger-hover-border: var(--brick-color-accent-border);\n    --brick-select-trigger-focus-ring: var(--brick-color-focus-ring);\n    --brick-select-trigger-invalid-border: var(--brick-color-danger-text);\n    --brick-select-trigger-disabled-background: var(--brick-color-surface-subtle);\n    --brick-select-trigger-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-select-trigger-disabled-border: var(--brick-color-border-subtle);\n    --brick-select-trigger-readonly-background: var(--brick-color-surface-subtle);\n    --brick-select-icon-size: 1.125rem;\n    --brick-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-select-trigger-min-block-size);\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--brick-select-trigger-gap);\n    padding-inline: var(--brick-select-trigger-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-select-trigger-border);\n    border-radius: var(--brick-select-trigger-radius);\n    background: var(--brick-select-trigger-background);\n    color: var(--brick-select-trigger-foreground);\n    font-family: var(--brick-select-trigger-font-family);\n    font-size: var(--brick-select-trigger-font-size);\n    font-weight: var(--brick-select-trigger-font-weight);\n    letter-spacing: var(--brick-select-trigger-letter-spacing);\n    line-height: var(--brick-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-select-trigger[data-full-width] { inline-size: 100%; }\n  .brick-select-trigger:not([data-full-width]) { inline-size: fit-content; }\n  .brick-select-trigger[data-variant=\"soft\"] { --brick-select-trigger-background: var(--brick-color-surface-subtle); --brick-select-trigger-border: var(--brick-color-border-subtle); --brick-select-trigger-hover-background: var(--brick-color-accent-soft); }\n  .brick-select-trigger[data-variant=\"underline\"] { --brick-select-trigger-background: transparent; --brick-select-trigger-radius: 0; border-width: 0 0 var(--brick-border-width); }\n  .brick-select-trigger[data-shape=\"sharp\"] { --brick-select-trigger-radius: 0; }\n  .brick-select-trigger[data-shape=\"pill\"] { --brick-select-trigger-radius: var(--brick-radius-full); }\n  .brick-select-trigger[data-size=\"sm\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-sm); --brick-select-trigger-padding-inline: var(--brick-space-2); --brick-select-trigger-gap: 0.375rem; --brick-select-trigger-font-family: var(--brick-typography-control-sm-font-family); --brick-select-trigger-font-size: var(--brick-typography-control-sm-font-size); --brick-select-trigger-font-weight: var(--brick-typography-control-sm-font-weight); --brick-select-trigger-line-height: var(--brick-typography-control-sm-line-height); --brick-select-trigger-letter-spacing: var(--brick-typography-control-sm-letter-spacing); --brick-select-icon-size: 1rem; }\n  .brick-select-trigger[data-size=\"lg\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-lg); --brick-select-trigger-padding-inline: var(--brick-space-4); --brick-select-trigger-gap: var(--brick-space-3); --brick-select-trigger-font-family: var(--brick-typography-control-lg-font-family); --brick-select-trigger-font-size: var(--brick-typography-control-lg-font-size); --brick-select-trigger-font-weight: var(--brick-typography-control-lg-font-weight); --brick-select-trigger-line-height: var(--brick-typography-control-lg-line-height); --brick-select-trigger-letter-spacing: var(--brick-typography-control-lg-letter-spacing); --brick-select-icon-size: 1.25rem; }\n\n  .brick-select-value { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .brick-select-value[data-placeholder] { color: var(--brick-select-trigger-placeholder); }\n  .brick-select-icon { display: inline-grid; flex: 0 0 auto; inline-size: var(--brick-select-icon-size); block-size: var(--brick-select-icon-size); place-items: center; color: var(--brick-select-icon-foreground); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-select-trigger[data-state=\"open\"] .brick-select-icon { transform: rotate(180deg); }\n  .brick-select-direction-artwork, .brick-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-select-trigger:focus-visible { outline: 0; border-color: var(--brick-select-trigger-focus-ring); box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-select-trigger-focus-ring); }\n  .brick-select-trigger[data-invalid] { border-color: var(--brick-select-trigger-invalid-border); }\n  .brick-select-trigger[data-disabled] { border-color: var(--brick-select-trigger-disabled-border); background: var(--brick-select-trigger-disabled-background); color: var(--brick-select-trigger-disabled-foreground); cursor: not-allowed; }\n  .brick-select-trigger[data-readonly] { background: var(--brick-select-trigger-readonly-background); cursor: default; }\n\n  .brick-select-content {\n    --brick-select-content-background: var(--brick-color-surface-raised);\n    --brick-select-content-foreground: var(--brick-color-text-primary);\n    --brick-select-content-border: var(--brick-color-border-subtle);\n    --brick-select-content-radius: var(--brick-radius-control);\n    --brick-select-content-shadow: var(--brick-shadow-floating);\n    --brick-select-content-max-block-size: min(20rem, var(--available-height, 20rem));\n    --brick-select-content-padding: var(--brick-space-1);\n    --brick-select-content-z-index: 70;\n    --brick-select-item-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-select-item-padding-inline: var(--brick-space-3);\n    --brick-select-item-gap: var(--brick-space-2);\n    --brick-select-item-highlighted-background: var(--brick-color-accent-soft);\n    --brick-select-item-selected-foreground: var(--brick-color-accent-text);\n    --brick-select-item-disabled-foreground: var(--brick-color-text-muted);\n    --brick-select-indicator-size: 1rem;\n    --brick-select-label-foreground: var(--brick-color-text-secondary);\n    --brick-select-separator-color: var(--brick-color-border-subtle);\n    --brick-select-scroll-button-block-size: 2rem;\n    --brick-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-select-content-max-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-select-content-border);\n    border-radius: var(--brick-select-content-radius);\n    background: var(--brick-select-content-background);\n    box-shadow: var(--brick-select-content-shadow);\n    color: var(--brick-select-content-foreground);\n    z-index: var(--brick-select-content-z-index);\n  }\n\n  .brick-select-content[data-size=\"sm\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-sm); }\n  .brick-select-content[data-size=\"lg\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-lg); }\n\n  .brick-select-viewport { box-sizing: border-box; max-block-size: inherit; overflow-y: auto; padding: var(--brick-select-content-padding); overscroll-behavior: contain; scrollbar-width: thin; }\n  .brick-select-group + .brick-select-group { margin-block-start: var(--brick-space-1); }\n  .brick-select-label { padding: var(--brick-space-2) var(--brick-select-item-padding-inline) var(--brick-space-1); color: var(--brick-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-select-item { display: grid; box-sizing: border-box; min-inline-size: 0; min-block-size: var(--brick-select-item-min-block-size); grid-template-columns: minmax(0, 1fr) var(--brick-select-indicator-size); align-items: center; gap: var(--brick-select-item-gap); padding-inline: var(--brick-select-item-padding-inline); border-radius: calc(var(--brick-select-content-radius) - var(--brick-border-width)); outline: 0; cursor: pointer; }\n  .brick-select-item[data-highlighted] { background: var(--brick-select-item-highlighted-background); }\n  .brick-select-item[data-selected] { color: var(--brick-select-item-selected-foreground); font-weight: var(--brick-typography-label-md-font-weight); }\n  .brick-select-item[data-disabled] { color: var(--brick-select-item-disabled-foreground); cursor: not-allowed; opacity: 0.65; }\n  .brick-select-item-text { min-inline-size: 0; overflow-wrap: anywhere; }\n  .brick-select-item-indicator { display: inline-grid; inline-size: var(--brick-select-indicator-size); block-size: var(--brick-select-indicator-size); place-items: center; }\n  .brick-select-separator { block-size: var(--brick-border-width); margin: var(--brick-space-1) var(--brick-select-item-padding-inline); background: var(--brick-select-separator-color); }\n  :where(.brick-select-scroll-up, .brick-select-scroll-down) { display: grid; box-sizing: border-box; inline-size: 100%; block-size: var(--brick-select-scroll-button-block-size); place-items: center; padding: var(--brick-space-1); border: 0; background: var(--brick-select-content-background); color: var(--brick-select-content-foreground); }\n  :where(.brick-select-scroll-up, .brick-select-scroll-down) .brick-select-direction-artwork { inline-size: 1rem; block-size: 1rem; }\n  .brick-select-arrow { display: block; inline-size: var(--brick-select-arrow-size); block-size: var(--brick-select-arrow-size); pointer-events: none; }\n  .brick-select-arrow-artwork { display: block; box-sizing: border-box; inline-size: 100%; block-size: 100%; border: var(--brick-border-width) solid var(--brick-select-content-border); background: var(--brick-select-content-background); transform: rotate(45deg); }\n  .brick-select-arrow[data-side=\"bottom\"] { transform: translateY(-50%); }\n  .brick-select-arrow[data-side=\"top\"] { transform: translateY(50%); }\n  .brick-select-arrow[data-side=\"left\"] { transform: translateX(50%); }\n  .brick-select-arrow[data-side=\"right\"] { transform: translateX(-50%); }\n  .brick-select-arrow[data-side=\"bottom\"] .brick-select-arrow-artwork { border-right: 0; border-bottom: 0; }\n  .brick-select-arrow[data-side=\"top\"] .brick-select-arrow-artwork { border-left: 0; border-top: 0; }\n  .brick-select-arrow[data-side=\"left\"] .brick-select-arrow-artwork { border-left: 0; border-bottom: 0; }\n  .brick-select-arrow[data-side=\"right\"] .brick-select-arrow-artwork { border-right: 0; border-top: 0; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-select-trigger:not([data-disabled], [data-readonly], [data-invalid]):hover { border-color: var(--brick-select-trigger-hover-border); background: var(--brick-select-trigger-hover-background); }\n    .brick-select-item:not([data-disabled]):hover { background: var(--brick-select-item-highlighted-background); }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-select-trigger, .brick-select-icon { transition-duration: 0ms; } }\n  @media (forced-colors: active) {\n    .brick-select-trigger, .brick-select-content { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-select-trigger:focus-visible, .brick-select-item[data-highlighted] { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-select-trigger[data-invalid] { border-color: Mark; }\n    .brick-select-trigger[data-disabled], .brick-select-item[data-disabled] { border-color: GrayText; color: GrayText; }\n    .brick-select-item[data-selected] { color: Highlight; }\n    .brick-select-separator { background: ButtonText; }\n  }\n}\n"],"names":[]}

package/dist/styles/show.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{@media (width<30rem){.brick-show[data-from=sm]{display:none!important}}@media (width<48rem){.brick-show[data-from=md]{display:none!important}}@media (width<64rem){.brick-show[data-from=lg]{display:none!important}}@media (width<80rem){.brick-show[data-from=xl]{display:none!important}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-show{display:contents!important}@media (width<30rem){.brick-show[data-from=sm]{display:none!important}}@media (width<48rem){.brick-show[data-from=md]{display:none!important}}@media (width<64rem){.brick-show[data-from=lg]{display:none!important}}@media (width<80rem){.brick-show[data-from=xl]{display:none!important}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=show.css.map */

package/dist/styles/show.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,mDDJ3B","sources":["home/runner/work/brick/brick/.brick-cache/production/show.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/show/show.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/show/show.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  @media (width < 30rem) { .brick-show[data-from=\"sm\"] { display: none !important; } }\n  @media (width < 48rem) { .brick-show[data-from=\"md\"] { display: none !important; } }\n  @media (width < 64rem) { .brick-show[data-from=\"lg\"] { display: none !important; } }\n  @media (width < 80rem) { .brick-show[data-from=\"xl\"] { display: none !important; } }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,uCACA,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,mDDL3B","sources":["home/runner/work/brick/brick/.brick-cache/production/show.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/show/show.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/show/show.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-show { display: contents !important; }\n  @media (width < 30rem) { .brick-show[data-from=\"sm\"] { display: none !important; } }\n  @media (width < 48rem) { .brick-show[data-from=\"md\"] { display: none !important; } }\n  @media (width < 64rem) { .brick-show[data-from=\"lg\"] { display: none !important; } }\n  @media (width < 80rem) { .brick-show[data-from=\"xl\"] { display: none !important; } }\n}\n"],"names":[]}

package/dist/styles/sidebar.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-sidebar{--brick-sidebar-expanded-width-sm:14rem;--brick-sidebar-expanded-width-md:17rem;--brick-sidebar-expanded-width-lg:20rem;--brick-sidebar-rail-width-sm:3.25rem;--brick-sidebar-rail-width-md:3.75rem;--brick-sidebar-rail-width-lg:4.25rem;--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-md);--brick-sidebar-panel-background:var(--brick-color-surface-base);--brick-sidebar-panel-border:var(--brick-color-border-subtle);--brick-sidebar-panel-radius:0;--brick-sidebar-panel-gap:0px;--brick-sidebar-region-padding-inline:var(--brick-space-4);--brick-sidebar-region-padding-block:var(--brick-space-4);--brick-sidebar-content-gap:var(--brick-space-3);--brick-sidebar-sticky-offset:0px;--brick-sidebar-available-block-size:calc(100dvh - var(--brick-sidebar-sticky-offset));--brick-sidebar-transition-duration:.18s;--brick-sidebar-transition-easing:ease;grid-template-columns:minmax(0, var(--brick-sidebar-panel-width)) minmax(0, 1fr);align-items:start;gap:var(--brick-sidebar-panel-gap);min-inline-size:0;display:grid}.brick-sidebar[data-size=sm]{--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-sm)}.brick-sidebar[data-size=lg]{--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-lg)}.brick-sidebar[data-state=rail]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-md)}.brick-sidebar[data-state=rail][data-size=sm]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-sm)}.brick-sidebar[data-state=rail][data-size=lg]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-lg)}.brick-sidebar[data-state=offcanvas]{--brick-sidebar-panel-width:0px;--brick-sidebar-panel-gap:0px}.brick-sidebar[data-side=right]{grid-template-columns:minmax(0, 1fr) minmax(0, var(--brick-sidebar-panel-width))}.brick-sidebar[data-side=right]>.brick-sidebar__panel{grid-column:2}.brick-sidebar[data-side=right]>.brick-sidebar__main{grid-area:1/1}.brick-sidebar[data-variant=floating]{--brick-sidebar-panel-background:var(--brick-color-surface-raised);--brick-sidebar-panel-radius:var(--brick-radius-surface);--brick-sidebar-panel-gap:var(--brick-space-3);padding:var(--brick-space-3)}.brick-sidebar__panel{z-index:1;min-inline-size:0;inline-size:var(--brick-sidebar-panel-width);border-inline-end:var(--brick-border-width) solid var(--brick-sidebar-panel-border);border-radius:var(--brick-sidebar-panel-radius);background:var(--brick-sidebar-panel-background);max-inline-size:100%;color:var(--brick-color-text-primary);flex-direction:column;align-self:stretch;display:flex;position:relative;overflow:clip}.brick-sidebar[data-side=right]>.brick-sidebar__panel{border-inline-start:var(--brick-border-width) solid var(--brick-sidebar-panel-border);border-inline-end:0}.brick-sidebar[data-variant=floating]>.brick-sidebar__panel{border:var(--brick-border-width) solid var(--brick-sidebar-panel-border);box-shadow:var(--brick-shadow-raised)}.brick-sidebar[data-position=sticky]>.brick-sidebar__panel{block-size:var(--brick-sidebar-available-block-size);min-block-size:0;position:sticky;inset-block-start:var(--brick-sidebar-sticky-offset)}.brick-sidebar[data-state=offcanvas]>.brick-sidebar__panel{visibility:hidden;border:0;align-self:start;block-size:0;min-block-size:0;inline-size:0;translate:-100%}.brick-sidebar[data-state=offcanvas][data-side=right]>.brick-sidebar__panel{translate:100%}.brick-sidebar__header,.brick-sidebar__footer{align-items:center;gap:var(--brick-sidebar-content-gap);padding:var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline);flex:none;display:flex}.brick-sidebar__header{border-block-end:var(--brick-border-width) solid var(--brick-sidebar-panel-border)}.brick-sidebar__footer{border-block-start:var(--brick-border-width) solid var(--brick-sidebar-panel-border)}.brick-sidebar__content{gap:var(--brick-sidebar-content-gap);min-block-size:0;min-inline-size:0;padding:var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline);flex-direction:column;flex:auto;display:flex}.brick-sidebar__main{min-inline-size:0}.brick-sidebar__trigger{box-sizing:border-box;min-inline-size:var(--brick-control-min-block-size-sm);min-block-size:var(--brick-control-min-block-size-sm);padding:var(--brick-space-2);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-radius-control);color:var(--brick-color-text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.brick-sidebar__trigger:hover:not(:disabled){background:var(--brick-color-surface-subtle)}.brick-sidebar__trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-sidebar__trigger:disabled{color:var(--brick-color-text-muted);cursor:not-allowed}@media (prefers-reduced-motion:no-preference){.brick-sidebar{transition:grid-template-columns var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), gap var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing)}.brick-sidebar__panel{transition:inline-size var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), translate var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing)}}@media (forced-colors:active){.brick-sidebar{--brick-sidebar-panel-background:Canvas;--brick-sidebar-panel-border:CanvasText}.brick-sidebar__trigger{color:buttontext;border-color:buttonborder}.brick-sidebar__trigger:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-sidebar{--brick-sidebar-expanded-width-sm:14rem;--brick-sidebar-expanded-width-md:17rem;--brick-sidebar-expanded-width-lg:20rem;--brick-sidebar-rail-width-sm:3.25rem;--brick-sidebar-rail-width-md:3.75rem;--brick-sidebar-rail-width-lg:4.25rem;--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-md);--brick-sidebar-panel-background:var(--brick-color-surface-base);--brick-sidebar-panel-border:var(--brick-color-border-subtle);--brick-sidebar-panel-radius:0;--brick-sidebar-panel-gap:0px;--brick-sidebar-region-padding-inline:var(--brick-space-4);--brick-sidebar-region-padding-block:var(--brick-space-4);--brick-sidebar-content-gap:var(--brick-space-3);--brick-sidebar-sticky-offset:0px;--brick-sidebar-available-block-size:calc(100dvh - var(--brick-sidebar-sticky-offset));--brick-sidebar-transition-duration:.18s;--brick-sidebar-transition-easing:ease;grid-template-columns:minmax(0, var(--brick-sidebar-panel-width)) minmax(0, 1fr);align-items:start;gap:var(--brick-sidebar-panel-gap);min-inline-size:0;display:grid}.brick-sidebar[data-size=sm]{--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-sm)}.brick-sidebar[data-size=lg]{--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-lg)}.brick-sidebar[data-state=rail]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-md)}.brick-sidebar[data-state=rail][data-size=sm]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-sm)}.brick-sidebar[data-state=rail][data-size=lg]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-lg)}.brick-sidebar[data-state=offcanvas]{--brick-sidebar-panel-width:0px;--brick-sidebar-panel-gap:0px}.brick-sidebar[data-side=right]{grid-template-columns:minmax(0, 1fr) minmax(0, var(--brick-sidebar-panel-width))}.brick-sidebar[data-side=right]>.brick-sidebar__panel{grid-column:2}.brick-sidebar[data-side=right]>.brick-sidebar__main{grid-area:1/1}.brick-sidebar[data-variant=floating]{--brick-sidebar-panel-radius:var(--brick-radius-surface);--brick-sidebar-panel-gap:var(--brick-space-3);padding:var(--brick-space-3)}.brick-sidebar[data-surface=transparent]{--brick-sidebar-panel-background:transparent}.brick-sidebar[data-surface=base]{--brick-sidebar-panel-background:var(--brick-color-surface-base)}.brick-sidebar[data-surface=raised]{--brick-sidebar-panel-background:var(--brick-color-surface-raised)}.brick-sidebar__panel{z-index:1;min-inline-size:0;inline-size:var(--brick-sidebar-panel-width);border-inline-end:var(--brick-border-width) solid var(--brick-sidebar-panel-border);border-radius:var(--brick-sidebar-panel-radius);background:var(--brick-sidebar-panel-background);max-inline-size:100%;color:var(--brick-color-text-primary);flex-direction:column;align-self:stretch;display:flex;position:relative;overflow:clip}.brick-sidebar[data-side=right]>.brick-sidebar__panel{border-inline-start:var(--brick-border-width) solid var(--brick-sidebar-panel-border);border-inline-end:0}.brick-sidebar[data-variant=floating]>.brick-sidebar__panel{border:var(--brick-border-width) solid var(--brick-sidebar-panel-border);box-shadow:var(--brick-shadow-raised)}.brick-sidebar[data-position=sticky]>.brick-sidebar__panel{block-size:var(--brick-sidebar-available-block-size);min-block-size:0;position:sticky;inset-block-start:var(--brick-sidebar-sticky-offset)}.brick-sidebar[data-state=offcanvas]>.brick-sidebar__panel{visibility:hidden;border:0;align-self:start;block-size:0;min-block-size:0;inline-size:0;translate:-100%}.brick-sidebar[data-state=offcanvas][data-side=right]>.brick-sidebar__panel{translate:100%}.brick-sidebar__header,.brick-sidebar__footer{align-items:center;gap:var(--brick-sidebar-content-gap);padding:var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline);flex:none;display:flex}.brick-sidebar__header{border-block-end:var(--brick-border-width) solid var(--brick-sidebar-panel-border)}.brick-sidebar__footer{border-block-start:var(--brick-border-width) solid var(--brick-sidebar-panel-border)}.brick-sidebar__content{gap:var(--brick-sidebar-content-gap);min-block-size:0;min-inline-size:0;padding:var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline);flex-direction:column;flex:auto;display:flex}.brick-sidebar__main{min-inline-size:0}.brick-sidebar__trigger{box-sizing:border-box;min-inline-size:var(--brick-control-min-block-size-sm);min-block-size:var(--brick-control-min-block-size-sm);padding:var(--brick-space-2);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-radius-control);color:var(--brick-color-text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.brick-sidebar__trigger:hover:not(:disabled){background:var(--brick-color-surface-subtle)}.brick-sidebar__trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-sidebar__trigger:disabled{color:var(--brick-color-text-muted);cursor:not-allowed}@media (prefers-reduced-motion:no-preference){.brick-sidebar{transition:grid-template-columns var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), gap var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing)}.brick-sidebar__panel{transition:inline-size var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), translate var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing)}}@media (forced-colors:active){.brick-sidebar{--brick-sidebar-panel-background:Canvas;--brick-sidebar-panel-border:CanvasText}.brick-sidebar__trigger{color:buttontext;border-color:buttonborder}.brick-sidebar__trigger:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=sidebar.css.map */

package/dist/styles/sidebar.css.map

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

package/dist/styles/skeleton.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-skeleton{--brick-skeleton-background:var(--brick-color-surface-subtle);--brick-skeleton-highlight:var(--brick-color-surface-raised);--brick-skeleton-width:100%;--brick-skeleton-height:1em;--brick-skeleton-radius:var(--brick-radius-subtle);box-sizing:border-box;inline-size:var(--brick-skeleton-width);block-size:var(--brick-skeleton-height);border-radius:var(--brick-skeleton-radius);vertical-align:middle;max-inline-size:100%;display:inline-block;position:relative}.brick-skeleton[data-loading]{background:var(--brick-skeleton-background);overflow:hidden}.brick-skeleton[data-variant=circular]{--brick-skeleton-width:2.5rem;--brick-skeleton-height:2.5rem;--brick-skeleton-radius:9999px;aspect-ratio:1}.brick-skeleton[data-variant=rectangular]{--brick-skeleton-height:4rem;--brick-skeleton-radius:0}.brick-skeleton[data-variant=rounded]{--brick-skeleton-height:4rem;--brick-skeleton-radius:var(--brick-radius-surface)}.brick-skeleton[data-has-children]{block-size:fit-content;inline-size:fit-content}.brick-skeleton-content{display:inherit;visibility:visible}.brick-skeleton[data-loading]>.brick-skeleton-content{visibility:hidden}.brick-skeleton[data-lines]{gap:var(--brick-space-2);background:0 0;flex-direction:column;block-size:auto;display:flex;overflow:visible}.brick-skeleton-line{inline-size:100%;block-size:var(--brick-skeleton-height);border-radius:var(--brick-skeleton-radius);background:var(--brick-skeleton-background);display:block;overflow:hidden}.brick-skeleton-line:last-child{inline-size:72%}.brick-skeleton[data-animation=pulse][data-loading],.brick-skeleton[data-animation=pulse][data-loading] .brick-skeleton-line{animation:1.8s ease-in-out infinite brick-skeleton-pulse}.brick-skeleton[data-animation=wave][data-loading]:after,.brick-skeleton[data-animation=wave][data-loading] .brick-skeleton-line:after{content:"";background:linear-gradient(90deg, transparent, var(--brick-skeleton-highlight), transparent);animation:1.8s ease-in-out infinite brick-skeleton-wave;position:absolute;inset:0;translate:-100%}.brick-skeleton[data-animation=wave][data-lines]:after{content:none}.brick-skeleton-line{position:relative}@keyframes brick-skeleton-pulse{0%,to{opacity:1}50%{opacity:.52}}@keyframes brick-skeleton-wave{to{translate:100%}}@media (prefers-reduced-motion:reduce){.brick-skeleton,.brick-skeleton:after,.brick-skeleton-line,.brick-skeleton-line:after{animation:none!important}}@media (forced-colors:active){.brick-skeleton[data-loading],.brick-skeleton-line{forced-color-adjust:auto;background:canvas;border:1px solid canvastext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-skeleton{--brick-skeleton-background:color-mix(in srgb, var(--brick-color-surface-base), var(--brick-color-text-primary) 16%);--brick-skeleton-highlight:color-mix(in srgb, var(--brick-color-surface-base), var(--brick-color-text-primary) 28%);--brick-skeleton-width:100%;--brick-skeleton-height:1em;--brick-skeleton-radius:var(--brick-radius-subtle);box-sizing:border-box;inline-size:var(--brick-skeleton-width);block-size:var(--brick-skeleton-height);border-radius:var(--brick-skeleton-radius);vertical-align:middle;max-inline-size:100%;display:inline-block;position:relative}.brick-skeleton[data-loading]{background:var(--brick-skeleton-background);overflow:hidden}.brick-skeleton[data-variant=circular]{--brick-skeleton-width:2.5rem;--brick-skeleton-height:2.5rem;--brick-skeleton-radius:9999px;aspect-ratio:1}.brick-skeleton[data-variant=rectangular]{--brick-skeleton-height:4rem;--brick-skeleton-radius:0}.brick-skeleton[data-variant=rounded]{--brick-skeleton-height:4rem;--brick-skeleton-radius:var(--brick-radius-surface)}.brick-skeleton[data-has-children]{block-size:fit-content;inline-size:fit-content}.brick-skeleton-content{display:inherit;visibility:visible}.brick-skeleton[data-loading]>.brick-skeleton-content{visibility:hidden}.brick-skeleton[data-lines]{gap:var(--brick-space-2);background:0 0;flex-direction:column;block-size:auto;display:flex;overflow:visible}.brick-skeleton-line{inline-size:100%;block-size:var(--brick-skeleton-height);border-radius:var(--brick-skeleton-radius);background:var(--brick-skeleton-background);display:block;overflow:hidden}.brick-skeleton-line:last-child{inline-size:72%}.brick-skeleton[data-animation=pulse][data-loading],.brick-skeleton[data-animation=pulse][data-loading] .brick-skeleton-line{animation:1.8s ease-in-out infinite brick-skeleton-pulse}.brick-skeleton[data-animation=wave][data-loading]:after,.brick-skeleton[data-animation=wave][data-loading] .brick-skeleton-line:after{content:"";background:linear-gradient(90deg, transparent, var(--brick-skeleton-highlight), transparent);animation:1.8s ease-in-out infinite brick-skeleton-wave;position:absolute;inset:0;translate:-100%}.brick-skeleton[data-animation=wave][data-lines]:after{content:none}.brick-skeleton-line{position:relative}@keyframes brick-skeleton-pulse{0%,to{opacity:1}50%{opacity:.52}}@keyframes brick-skeleton-wave{to{translate:100%}}@media (prefers-reduced-motion:reduce){.brick-skeleton,.brick-skeleton:after,.brick-skeleton-line,.brick-skeleton-line:after{animation:none!important}}@media (forced-colors:active){.brick-skeleton[data-loading],.brick-skeleton-line{forced-color-adjust:auto;background:canvas;border:1px solid canvastext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=skeleton.css.map */