@flowstack-ui/brick 0.1.4 → 0.1.6

package/dist/styles/toggle.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,83CAsCA,4JAMA,mFAIA,mMAMA,4PAOA,mOAOA,mIAKA,sMAOA,kFAIA,+JAMA,6HAIA,sNAKA,gPASA,2LAKA,4SAUA,+SAUA,+GAIA,+HAKA,wCACE,qHAIA,yIAIA,iNAKA,2IAIA,8JAKF,uCACE,uEAKF,8BACE,8GAMA,mMASA,qIAKA,+GDjMJ","sources":["home/runner/work/brick/brick/.brick-cache/production/toggle.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toggle/toggle.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/toggle/toggle.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  :where(.brick-toggle, .brick-toggle-group-item) {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-toggle-padding-inline: 1rem;\n    --brick-toggle-gap: 0.5rem;\n    --brick-toggle-radius: var(--brick-radius-control);\n    --brick-toggle-icon-size: 1.125rem;\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-toggle-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-toggle-gap);\n    padding-block: 0.375rem;\n    padding-inline: var(--brick-toggle-padding-inline);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-toggle-radius);\n    appearance: none;\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-primary);\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    letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    line-height: var(--brick-typography-control-md-line-height);\n    overflow-wrap: anywhere;\n    text-align: center;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item) > :where(svg, img) {\n    flex: 0 0 auto;\n    inline-size: var(--brick-toggle-icon-size);\n    block-size: var(--brick-toggle-icon-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]) {\n    cursor: pointer;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):focus-visible {\n    z-index: 1;\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-state=\"on\"] {\n    border-color: var(--brick-color-accent-border);\n    background: var(--brick-color-accent-soft);\n    color: var(--brick-color-accent-on-soft);\n    box-shadow: inset 0 -0.125rem 0 var(--brick-color-accent-solid);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"] {\n    border-color: var(--brick-color-accent-solid);\n    background: var(--brick-color-accent-solid);\n    color: var(--brick-color-accent-on-solid);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"outline\"] {\n    border-color: var(--brick-color-border-default);\n    background: transparent;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"outline\"][data-state=\"on\"] {\n    border-color: var(--brick-color-accent-border);\n    background: transparent;\n    color: var(--brick-color-accent-text);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"] {\n    background: transparent;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"][data-state=\"on\"] {\n    border-color: transparent;\n    background: var(--brick-color-accent-soft);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]):active {\n    background: var(--brick-color-accent-soft-pressed);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"]:not([data-disabled]):active {\n    border-color: var(--brick-color-accent-solid-pressed);\n    background: var(--brick-color-accent-solid-pressed);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-disabled] {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-secondary);\n    box-shadow: none;\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-disabled][data-state=\"on\"] {\n    border-color: var(--brick-color-border-strong);\n    box-shadow: inset 0 -0.125rem 0 var(--brick-color-text-secondary);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-size=\"sm\"] {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-toggle-padding-inline: 0.75rem;\n    --brick-toggle-gap: 0.375rem;\n    --brick-toggle-icon-size: 1rem;\n\n    padding-block: 0.25rem;\n    font-size: var(--brick-typography-control-sm-font-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-size=\"lg\"] {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-toggle-padding-inline: 1.25rem;\n    --brick-toggle-gap: 0.625rem;\n    --brick-toggle-icon-size: 1.25rem;\n\n    padding-block: 0.5rem;\n    font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-shape=\"pill\"] {\n    --brick-toggle-radius: var(--brick-radius-full);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-icon-only] {\n    inline-size: var(--brick-toggle-min-block-size);\n    padding-inline: 0;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]):hover {\n      background: var(--brick-color-surface-base);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled])[data-state=\"on\"]:hover {\n      background: var(--brick-color-accent-soft-hover);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"]:not([data-disabled]):hover {\n      border-color: var(--brick-color-accent-solid-hover);\n      background: var(--brick-color-accent-solid-hover);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"]:not([data-disabled]):hover {\n      background: var(--brick-color-surface-subtle);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"]:not([data-disabled])[data-state=\"on\"]:hover {\n      background: var(--brick-color-accent-soft-hover);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-toggle, .brick-toggle-group-item) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-toggle, .brick-toggle-group-item) {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-state=\"on\"] {\n      border-color: Highlight;\n      background: ButtonFace;\n      color: ButtonText;\n      outline: 0.125rem solid Highlight;\n      outline-offset: -0.25rem;\n      box-shadow: none;\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item):focus-visible {\n      outline-color: Highlight;\n      outline-offset: var(--brick-border-focus-offset);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,83CAsCA,4JAMA,mFAIA,mMAMA,4PAOA,mOAOA,mIAKA,sMAOA,kFAIA,+JAMA,6HAIA,sNAKA,gPASA,2LAKA,4SAUA,+SAUA,+GAIA,+HAKA,wCACE,qHAIA,yIAIA,iNAKA,2IAIA,8JAKF,uCACE,uEAKF,8BACE,8GAMA,mMASA,qIAKA,+GDjMJ","sources":["home/runner/work/brick/brick/.brick-cache/production/toggle.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toggle/toggle.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/toggle/toggle.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-toggle, .brick-toggle-group-item) {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-toggle-padding-inline: 1rem;\n    --brick-toggle-gap: 0.5rem;\n    --brick-toggle-radius: var(--brick-radius-control);\n    --brick-toggle-icon-size: 1.125rem;\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-toggle-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-toggle-gap);\n    padding-block: 0.375rem;\n    padding-inline: var(--brick-toggle-padding-inline);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-toggle-radius);\n    appearance: none;\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-primary);\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    letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    line-height: var(--brick-typography-control-md-line-height);\n    overflow-wrap: anywhere;\n    text-align: center;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item) > :where(svg, img) {\n    flex: 0 0 auto;\n    inline-size: var(--brick-toggle-icon-size);\n    block-size: var(--brick-toggle-icon-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]) {\n    cursor: pointer;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):focus-visible {\n    z-index: 1;\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-state=\"on\"] {\n    border-color: var(--brick-color-accent-border);\n    background: var(--brick-color-accent-soft);\n    color: var(--brick-color-accent-on-soft);\n    box-shadow: inset 0 -0.125rem 0 var(--brick-color-accent-solid);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"] {\n    border-color: var(--brick-color-accent-solid);\n    background: var(--brick-color-accent-solid);\n    color: var(--brick-color-accent-on-solid);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"outline\"] {\n    border-color: var(--brick-color-border-default);\n    background: transparent;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"outline\"][data-state=\"on\"] {\n    border-color: var(--brick-color-accent-border);\n    background: transparent;\n    color: var(--brick-color-accent-text);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"] {\n    background: transparent;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"][data-state=\"on\"] {\n    border-color: transparent;\n    background: var(--brick-color-accent-soft);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]):active {\n    background: var(--brick-color-accent-soft-pressed);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"]:not([data-disabled]):active {\n    border-color: var(--brick-color-accent-solid-pressed);\n    background: var(--brick-color-accent-solid-pressed);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-disabled] {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-secondary);\n    box-shadow: none;\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-disabled][data-state=\"on\"] {\n    border-color: var(--brick-color-border-strong);\n    box-shadow: inset 0 -0.125rem 0 var(--brick-color-text-secondary);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-size=\"sm\"] {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-toggle-padding-inline: 0.75rem;\n    --brick-toggle-gap: 0.375rem;\n    --brick-toggle-icon-size: 1rem;\n\n    padding-block: 0.25rem;\n    font-size: var(--brick-typography-control-sm-font-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-size=\"lg\"] {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-toggle-padding-inline: 1.25rem;\n    --brick-toggle-gap: 0.625rem;\n    --brick-toggle-icon-size: 1.25rem;\n\n    padding-block: 0.5rem;\n    font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-shape=\"pill\"] {\n    --brick-toggle-radius: var(--brick-radius-full);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-icon-only] {\n    inline-size: var(--brick-toggle-min-block-size);\n    padding-inline: 0;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]):hover {\n      background: var(--brick-color-surface-base);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled])[data-state=\"on\"]:hover {\n      background: var(--brick-color-accent-soft-hover);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"]:not([data-disabled]):hover {\n      border-color: var(--brick-color-accent-solid-hover);\n      background: var(--brick-color-accent-solid-hover);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"]:not([data-disabled]):hover {\n      background: var(--brick-color-surface-subtle);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"]:not([data-disabled])[data-state=\"on\"]:hover {\n      background: var(--brick-color-accent-soft-hover);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-toggle, .brick-toggle-group-item) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-toggle, .brick-toggle-group-item) {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-state=\"on\"] {\n      border-color: Highlight;\n      background: ButtonFace;\n      color: ButtonText;\n      outline: 0.125rem solid Highlight;\n      outline-offset: -0.25rem;\n      box-shadow: none;\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item):focus-visible {\n      outline-color: Highlight;\n      outline-offset: var(--brick-border-focus-offset);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/toolbar.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-toolbar{--brick-toolbar-surface:var(--brick-color-surface-subtle);--brick-toolbar-border-color:transparent;--brick-toolbar-radius:var(--brick-radius-control);--brick-toolbar-gap:.25rem;--brick-toolbar-padding:.25rem;--brick-toolbar-item-size:var(--brick-control-min-block-size-md);--brick-toolbar-item-padding-inline:.75rem;--brick-toolbar-item-radius:calc(var(--brick-toolbar-radius) - .125rem);--brick-toolbar-item-background:transparent;--brick-toolbar-item-selected-background:var(--brick-color-accent-soft);--brick-toolbar-separator-color:var(--brick-color-border-default);box-sizing:border-box;align-items:center;gap:var(--brick-toolbar-gap);min-inline-size:0;max-inline-size:100%;padding:var(--brick-toolbar-padding);border:var(--brick-border-width) solid var(--brick-toolbar-border-color);border-radius:var(--brick-toolbar-radius);background:var(--brick-toolbar-surface);color:var(--brick-color-text-primary);scrollbar-width:thin;display:inline-flex;overflow:auto hidden}.brick-toolbar[data-orientation=vertical]{flex-direction:column;align-items:stretch;overflow:hidden auto}.brick-toolbar[data-variant=plain]{--brick-toolbar-surface:transparent;--brick-toolbar-padding:0}.brick-toolbar[data-variant=outline]{--brick-toolbar-surface:var(--brick-color-surface-base);--brick-toolbar-border-color:var(--brick-color-border-default)}.brick-toolbar[data-size=sm]{--brick-toolbar-item-size:var(--brick-control-min-block-size-sm);--brick-toolbar-item-padding-inline:.625rem}.brick-toolbar[data-size=lg]{--brick-toolbar-item-size:var(--brick-control-min-block-size-lg);--brick-toolbar-item-padding-inline:1rem}:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item){box-sizing:border-box;min-block-size:var(--brick-toolbar-item-size);padding:.25rem var(--brick-toolbar-item-padding-inline);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-toolbar-item-radius);appearance:none;background:var(--brick-toolbar-item-background);color:inherit;font:inherit;font-family:var(--brick-typography-control-md-font-family);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-typography-control-md-line-height);white-space:nowrap;cursor:pointer;flex:none;justify-content:center;align-items:center;gap:.375rem;text-decoration:none;display:inline-flex}.brick-toolbar[data-size=sm] :where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item){font-size:var(--brick-typography-control-sm-font-size)}.brick-toolbar[data-size=lg] :where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item){font-size:var(--brick-typography-control-lg-font-size)}:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item)>:where(svg,img){flex:none;block-size:1em;inline-size:1em}:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item):focus-visible{z-index:1;outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item)[data-disabled]{color:var(--brick-color-text-disabled);cursor:not-allowed}.brick-toolbar__toggle-item[data-state=on]{border-color:var(--brick-color-accent-border);background:var(--brick-toolbar-item-selected-background);color:var(--brick-color-accent-text)}.brick-toolbar__toggle-group{display:contents}.brick-toolbar__separator{inline-size:var(--brick-border-width);background:var(--brick-toolbar-separator-color);flex:none;align-self:stretch;min-block-size:1.25rem;margin:0 .125rem}.brick-toolbar__separator[data-orientation=horizontal]{min-block-size:0;inline-size:auto;block-size:var(--brick-border-width);min-inline-size:1.25rem;margin:.125rem 0}@media (hover:hover) and (pointer:fine){:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item):not([data-disabled]):hover{background:var(--brick-color-surface-raised)}}@media (prefers-reduced-motion:reduce){:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item){transition:none}}@media (forced-colors:active){.brick-toolbar{border-color:canvastext}.brick-toolbar__toggle-item[data-state=on]{outline:2px solid highlight}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{.brick-toolbar{--brick-toolbar-surface:var(--brick-color-surface-subtle);--brick-toolbar-border-color:transparent;--brick-toolbar-radius:var(--brick-radius-control);--brick-toolbar-gap:.25rem;--brick-toolbar-padding:.25rem;--brick-toolbar-item-size:var(--brick-control-min-block-size-md);--brick-toolbar-item-padding-inline:.75rem;--brick-toolbar-item-radius:calc(var(--brick-toolbar-radius) - .125rem);--brick-toolbar-item-background:transparent;--brick-toolbar-item-selected-background:var(--brick-color-accent-soft);--brick-toolbar-separator-color:var(--brick-color-border-default);box-sizing:border-box;align-items:center;gap:var(--brick-toolbar-gap);min-inline-size:0;max-inline-size:100%;padding:var(--brick-toolbar-padding);border:var(--brick-border-width) solid var(--brick-toolbar-border-color);border-radius:var(--brick-toolbar-radius);background:var(--brick-toolbar-surface);color:var(--brick-color-text-primary);scrollbar-width:thin;display:inline-flex;overflow:auto hidden}.brick-toolbar[data-orientation=vertical]{flex-direction:column;align-items:stretch;overflow:hidden auto}.brick-toolbar[data-variant=plain]{--brick-toolbar-surface:transparent;--brick-toolbar-padding:0}.brick-toolbar[data-variant=outline]{--brick-toolbar-surface:var(--brick-color-surface-base);--brick-toolbar-border-color:var(--brick-color-border-default)}.brick-toolbar[data-size=sm]{--brick-toolbar-item-size:var(--brick-control-min-block-size-sm);--brick-toolbar-item-padding-inline:.625rem}.brick-toolbar[data-size=lg]{--brick-toolbar-item-size:var(--brick-control-min-block-size-lg);--brick-toolbar-item-padding-inline:1rem}:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item){box-sizing:border-box;min-block-size:var(--brick-toolbar-item-size);padding:.25rem var(--brick-toolbar-item-padding-inline);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-toolbar-item-radius);appearance:none;background:var(--brick-toolbar-item-background);color:inherit;font:inherit;font-family:var(--brick-typography-control-md-font-family);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-typography-control-md-line-height);white-space:nowrap;cursor:pointer;flex:none;justify-content:center;align-items:center;gap:.375rem;text-decoration:none;display:inline-flex}.brick-toolbar[data-size=sm] :where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item){font-size:var(--brick-typography-control-sm-font-size)}.brick-toolbar[data-size=lg] :where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item){font-size:var(--brick-typography-control-lg-font-size)}:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item)>:where(svg,img){flex:none;block-size:1em;inline-size:1em}:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item):focus-visible{z-index:1;outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item)[data-disabled]{color:var(--brick-color-text-disabled);cursor:not-allowed}.brick-toolbar__toggle-item[data-state=on]{border-color:var(--brick-color-accent-border);background:var(--brick-toolbar-item-selected-background);color:var(--brick-color-accent-text)}.brick-toolbar__toggle-group{display:contents}.brick-toolbar__separator{inline-size:var(--brick-border-width);background:var(--brick-toolbar-separator-color);flex:none;align-self:stretch;min-block-size:1.25rem;margin:0 .125rem}.brick-toolbar__separator[data-orientation=horizontal]{min-block-size:0;inline-size:auto;block-size:var(--brick-border-width);min-inline-size:1.25rem;margin:.125rem 0}@media (hover:hover) and (pointer:fine){:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item):not([data-disabled]):hover{background:var(--brick-color-surface-raised)}}@media (prefers-reduced-motion:reduce){:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item){transition:none}}@media (forced-colors:active){.brick-toolbar{border-color:canvastext}.brick-toolbar__toggle-item[data-state=on]{outline:2px solid highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=toolbar.css.map */

package/dist/styles/toolbar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,09BA2BA,yGACA,iGACA,4JACA,0IACA,uIACA,qsBAMA,oKACA,oKACA,yIACA,oOACA,yJACA,uLACA,8CACA,qLACA,uKACA,wCAA4C,yJAC5C,uCAA0C,iGAC1C,8BAAiC,uCAA6C,yEDlDhF","sources":["home/runner/work/brick/brick/.brick-cache/production/toolbar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toolbar/toolbar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/toolbar/toolbar.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-toolbar {\n    --brick-toolbar-surface: var(--brick-color-surface-subtle);\n    --brick-toolbar-border-color: transparent;\n    --brick-toolbar-radius: var(--brick-radius-control);\n    --brick-toolbar-gap: 0.25rem;\n    --brick-toolbar-padding: 0.25rem;\n    --brick-toolbar-item-size: var(--brick-control-min-block-size-md);\n    --brick-toolbar-item-padding-inline: 0.75rem;\n    --brick-toolbar-item-radius: calc(var(--brick-toolbar-radius) - 0.125rem);\n    --brick-toolbar-item-background: transparent;\n    --brick-toolbar-item-selected-background: var(--brick-color-accent-soft);\n    --brick-toolbar-separator-color: var(--brick-color-border-default);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-toolbar-gap);\n    padding: var(--brick-toolbar-padding);\n    border: var(--brick-border-width) solid var(--brick-toolbar-border-color);\n    border-radius: var(--brick-toolbar-radius);\n    background: var(--brick-toolbar-surface);\n    color: var(--brick-color-text-primary);\n    overflow: auto hidden;\n    scrollbar-width: thin;\n  }\n  .brick-toolbar[data-orientation=\"vertical\"] { flex-direction: column; align-items: stretch; overflow: hidden auto; }\n  .brick-toolbar[data-variant=\"plain\"] { --brick-toolbar-surface: transparent; --brick-toolbar-padding: 0; }\n  .brick-toolbar[data-variant=\"outline\"] { --brick-toolbar-surface: var(--brick-color-surface-base); --brick-toolbar-border-color: var(--brick-color-border-default); }\n  .brick-toolbar[data-size=\"sm\"] { --brick-toolbar-item-size: var(--brick-control-min-block-size-sm); --brick-toolbar-item-padding-inline: 0.625rem; }\n  .brick-toolbar[data-size=\"lg\"] { --brick-toolbar-item-size: var(--brick-control-min-block-size-lg); --brick-toolbar-item-padding-inline: 1rem; }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) {\n    display: inline-flex; box-sizing: border-box; flex: 0 0 auto; min-block-size: var(--brick-toolbar-item-size); align-items: center; justify-content: center;\n    gap: 0.375rem; padding: 0.25rem var(--brick-toolbar-item-padding-inline); border: var(--brick-border-width) solid transparent; border-radius: var(--brick-toolbar-item-radius);\n    appearance: none; background: var(--brick-toolbar-item-background); color: inherit; font: inherit; font-family: var(--brick-typography-control-md-font-family); font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-typography-control-md-line-height); text-decoration: none; white-space: nowrap; cursor: pointer;\n  }\n  .brick-toolbar[data-size=\"sm\"] :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { font-size: var(--brick-typography-control-sm-font-size); }\n  .brick-toolbar[data-size=\"lg\"] :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { font-size: var(--brick-typography-control-lg-font-size); }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) > :where(svg, img) { inline-size: 1em; block-size: 1em; flex: none; }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item):focus-visible { z-index: 1; outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item)[data-disabled] { color: var(--brick-color-text-disabled); cursor: not-allowed; }\n  .brick-toolbar__toggle-item[data-state=\"on\"] { border-color: var(--brick-color-accent-border); background: var(--brick-toolbar-item-selected-background); color: var(--brick-color-accent-text); }\n  .brick-toolbar__toggle-group { display: contents; }\n  .brick-toolbar__separator { flex: 0 0 auto; align-self: stretch; inline-size: var(--brick-border-width); min-block-size: 1.25rem; margin: 0 0.125rem; background: var(--brick-toolbar-separator-color); }\n  .brick-toolbar__separator[data-orientation=\"horizontal\"] { inline-size: auto; min-block-size: 0; block-size: var(--brick-border-width); min-inline-size: 1.25rem; margin: 0.125rem 0; }\n  @media (hover: hover) and (pointer: fine) { :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item):not([data-disabled]):hover { background: var(--brick-color-surface-raised); } }\n  @media (prefers-reduced-motion: reduce) { :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { transition: none; } }\n  @media (forced-colors: active) { .brick-toolbar { border-color: CanvasText; } .brick-toolbar__toggle-item[data-state=\"on\"] { outline: 2px solid Highlight; } }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,09BA2BA,yGACA,iGACA,4JACA,0IACA,uIACA,qsBAMA,oKACA,oKACA,yIACA,oOACA,yJACA,uLACA,8CACA,qLACA,uKACA,wCAA4C,yJAC5C,uCAA0C,iGAC1C,8BAAiC,uCAA6C,yEDlDhF","sources":["home/runner/work/brick/brick/.brick-cache/production/toolbar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toolbar/toolbar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/toolbar/toolbar.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-toolbar {\n    --brick-toolbar-surface: var(--brick-color-surface-subtle);\n    --brick-toolbar-border-color: transparent;\n    --brick-toolbar-radius: var(--brick-radius-control);\n    --brick-toolbar-gap: 0.25rem;\n    --brick-toolbar-padding: 0.25rem;\n    --brick-toolbar-item-size: var(--brick-control-min-block-size-md);\n    --brick-toolbar-item-padding-inline: 0.75rem;\n    --brick-toolbar-item-radius: calc(var(--brick-toolbar-radius) - 0.125rem);\n    --brick-toolbar-item-background: transparent;\n    --brick-toolbar-item-selected-background: var(--brick-color-accent-soft);\n    --brick-toolbar-separator-color: var(--brick-color-border-default);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-toolbar-gap);\n    padding: var(--brick-toolbar-padding);\n    border: var(--brick-border-width) solid var(--brick-toolbar-border-color);\n    border-radius: var(--brick-toolbar-radius);\n    background: var(--brick-toolbar-surface);\n    color: var(--brick-color-text-primary);\n    overflow: auto hidden;\n    scrollbar-width: thin;\n  }\n  .brick-toolbar[data-orientation=\"vertical\"] { flex-direction: column; align-items: stretch; overflow: hidden auto; }\n  .brick-toolbar[data-variant=\"plain\"] { --brick-toolbar-surface: transparent; --brick-toolbar-padding: 0; }\n  .brick-toolbar[data-variant=\"outline\"] { --brick-toolbar-surface: var(--brick-color-surface-base); --brick-toolbar-border-color: var(--brick-color-border-default); }\n  .brick-toolbar[data-size=\"sm\"] { --brick-toolbar-item-size: var(--brick-control-min-block-size-sm); --brick-toolbar-item-padding-inline: 0.625rem; }\n  .brick-toolbar[data-size=\"lg\"] { --brick-toolbar-item-size: var(--brick-control-min-block-size-lg); --brick-toolbar-item-padding-inline: 1rem; }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) {\n    display: inline-flex; box-sizing: border-box; flex: 0 0 auto; min-block-size: var(--brick-toolbar-item-size); align-items: center; justify-content: center;\n    gap: 0.375rem; padding: 0.25rem var(--brick-toolbar-item-padding-inline); border: var(--brick-border-width) solid transparent; border-radius: var(--brick-toolbar-item-radius);\n    appearance: none; background: var(--brick-toolbar-item-background); color: inherit; font: inherit; font-family: var(--brick-typography-control-md-font-family); font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-typography-control-md-line-height); text-decoration: none; white-space: nowrap; cursor: pointer;\n  }\n  .brick-toolbar[data-size=\"sm\"] :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { font-size: var(--brick-typography-control-sm-font-size); }\n  .brick-toolbar[data-size=\"lg\"] :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { font-size: var(--brick-typography-control-lg-font-size); }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) > :where(svg, img) { inline-size: 1em; block-size: 1em; flex: none; }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item):focus-visible { z-index: 1; outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item)[data-disabled] { color: var(--brick-color-text-disabled); cursor: not-allowed; }\n  .brick-toolbar__toggle-item[data-state=\"on\"] { border-color: var(--brick-color-accent-border); background: var(--brick-toolbar-item-selected-background); color: var(--brick-color-accent-text); }\n  .brick-toolbar__toggle-group { display: contents; }\n  .brick-toolbar__separator { flex: 0 0 auto; align-self: stretch; inline-size: var(--brick-border-width); min-block-size: 1.25rem; margin: 0 0.125rem; background: var(--brick-toolbar-separator-color); }\n  .brick-toolbar__separator[data-orientation=\"horizontal\"] { inline-size: auto; min-block-size: 0; block-size: var(--brick-border-width); min-inline-size: 1.25rem; margin: 0.125rem 0; }\n  @media (hover: hover) and (pointer: fine) { :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item):not([data-disabled]):hover { background: var(--brick-color-surface-raised); } }\n  @media (prefers-reduced-motion: reduce) { :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { transition: none; } }\n  @media (forced-colors: active) { .brick-toolbar { border-color: CanvasText; } .brick-toolbar__toggle-item[data-state=\"on\"] { outline: 2px solid Highlight; } }\n}\n"],"names":[]}

package/dist/styles/tooltip.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,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-tooltip{--brick-tooltip-background:var(--brick-color-text-primary);--brick-tooltip-foreground:var(--brick-color-surface-base);--brick-tooltip-border-color:color-mix(in srgb, var(--brick-tooltip-foreground), transparent 72%);--brick-tooltip-radius:var(--brick-radius-control);--brick-tooltip-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 28%);--brick-tooltip-max-inline-size:20rem;--brick-tooltip-padding-block:var(--brick-space-2);--brick-tooltip-padding-inline:var(--brick-space-3);--brick-tooltip-rich-max-inline-size:24rem;--brick-tooltip-rich-gap:var(--brick-space-1);z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--brick-tooltip-max-inline-size), calc(100vi - 2rem));padding-block:var(--brick-tooltip-padding-block);padding-inline:var(--brick-tooltip-padding-inline);border:var(--brick-border-width) solid var(--brick-tooltip-border-color);border-radius:var(--brick-tooltip-radius);background:var(--brick-tooltip-background);box-shadow:var(--brick-tooltip-shadow);color:var(--brick-tooltip-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);opacity:0;overflow-wrap:anywhere;pointer-events:auto;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter), translate var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);translate:0}.brick-tooltip[data-positioned]{opacity:1}.brick-tooltip[data-state=closed]{opacity:0}.brick-tooltip[data-side=top]:not([data-state=closed]){translate:0 -.2rem}.brick-tooltip[data-side=bottom]:not([data-state=closed]){translate:0 .2rem}.brick-tooltip[data-side=left]:not([data-state=closed]){translate:-.2rem}.brick-tooltip[data-side=right]:not([data-state=closed]){translate:.2rem}.brick-tooltip[data-shape=pill]{--brick-tooltip-radius:var(--brick-radius-full)}.brick-tooltip[data-variant=rich]{max-inline-size:min(var(--brick-tooltip-rich-max-inline-size), calc(100vi - 2rem));gap:var(--brick-tooltip-rich-gap);padding-block:var(--brick-space-3);padding-inline:var(--brick-space-4);display:grid}.brick-tooltip[data-side=top] .brick-tooltip__arrow{translate:0 calc(var(--brick-border-width) * -1);filter:drop-shadow(0 1px 0 var(--brick-tooltip-border-color))}.brick-tooltip[data-side=right] .brick-tooltip__arrow{translate:var(--brick-border-width) 0;filter:drop-shadow(-1px 0 0 var(--brick-tooltip-border-color))}.brick-tooltip[data-side=bottom] .brick-tooltip__arrow{translate:0 var(--brick-border-width);filter:drop-shadow(0 -1px 0 var(--brick-tooltip-border-color))}.brick-tooltip[data-side=left] .brick-tooltip__arrow{translate:calc(var(--brick-border-width) * -1) 0;filter:drop-shadow(1px 0 0 var(--brick-tooltip-border-color))}.brick-tooltip__title,.brick-tooltip__description{min-inline-size:0;margin:0}.brick-tooltip__title{color:inherit;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-tooltip__description{color:color-mix(in srgb, currentColor, transparent 18%);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)}@media (prefers-reduced-motion:reduce){.brick-tooltip{transition-duration:1ms;translate:0}}@media (forced-colors:active){.brick-tooltip{--brick-tooltip-background:Canvas;--brick-tooltip-foreground:CanvasText;--brick-tooltip-border-color:CanvasText;box-shadow:none}.brick-tooltip__arrow{color:canvastext;fill:canvas;filter:none;stroke:canvastext}}}@layer brick.effects;
+@layer brick.tokens,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-tooltip{--brick-tooltip-background:var(--brick-color-text-primary);--brick-tooltip-foreground:var(--brick-color-surface-base);--brick-tooltip-border-color:color-mix(in srgb, var(--brick-tooltip-foreground), transparent 72%);--brick-tooltip-radius:var(--brick-radius-control);--brick-tooltip-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 28%);--brick-tooltip-max-inline-size:20rem;--brick-tooltip-padding-block:var(--brick-space-2);--brick-tooltip-padding-inline:var(--brick-space-3);--brick-tooltip-rich-max-inline-size:24rem;--brick-tooltip-rich-gap:var(--brick-space-1);z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--brick-tooltip-max-inline-size), calc(100vi - 2rem));padding-block:var(--brick-tooltip-padding-block);padding-inline:var(--brick-tooltip-padding-inline);border:var(--brick-border-width) solid var(--brick-tooltip-border-color);border-radius:var(--brick-tooltip-radius);background:var(--brick-tooltip-background);box-shadow:var(--brick-tooltip-shadow);color:var(--brick-tooltip-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);opacity:0;overflow-wrap:anywhere;pointer-events:auto;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter), translate var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);translate:0}.brick-tooltip[data-positioned]{opacity:1}.brick-tooltip[data-state=closed]{opacity:0}.brick-tooltip[data-side=top]:not([data-state=closed]){translate:0 -.2rem}.brick-tooltip[data-side=bottom]:not([data-state=closed]){translate:0 .2rem}.brick-tooltip[data-side=left]:not([data-state=closed]){translate:-.2rem}.brick-tooltip[data-side=right]:not([data-state=closed]){translate:.2rem}.brick-tooltip[data-shape=pill]{--brick-tooltip-radius:var(--brick-radius-full)}.brick-tooltip[data-variant=rich]{max-inline-size:min(var(--brick-tooltip-rich-max-inline-size), calc(100vi - 2rem));gap:var(--brick-tooltip-rich-gap);padding-block:var(--brick-space-3);padding-inline:var(--brick-space-4);display:grid}.brick-tooltip[data-side=top] .brick-tooltip__arrow{translate:0 calc(var(--brick-border-width) * -1);filter:drop-shadow(0 1px 0 var(--brick-tooltip-border-color))}.brick-tooltip[data-side=right] .brick-tooltip__arrow{translate:var(--brick-border-width) 0;filter:drop-shadow(-1px 0 0 var(--brick-tooltip-border-color))}.brick-tooltip[data-side=bottom] .brick-tooltip__arrow{translate:0 var(--brick-border-width);filter:drop-shadow(0 -1px 0 var(--brick-tooltip-border-color))}.brick-tooltip[data-side=left] .brick-tooltip__arrow{translate:calc(var(--brick-border-width) * -1) 0;filter:drop-shadow(1px 0 0 var(--brick-tooltip-border-color))}.brick-tooltip__title,.brick-tooltip__description{min-inline-size:0;margin:0}.brick-tooltip__title{color:inherit;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-tooltip__description{color:color-mix(in srgb, currentColor, transparent 18%);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)}@media (prefers-reduced-motion:reduce){.brick-tooltip{transition-duration:1ms;translate:0}}@media (forced-colors:active){.brick-tooltip{--brick-tooltip-background:Canvas;--brick-tooltip-foreground:CanvasText;--brick-tooltip-border-color:CanvasText;box-shadow:none}.brick-tooltip__arrow{color:canvastext;fill:canvas;filter:none;stroke:canvastext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=tooltip.css.map */

package/dist/styles/tooltip.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,+TCAA,0nDAqCA,0CAIA,4CAIA,0EAIA,4EAIA,yEAIA,yEAIA,gFAIA,2OAQA,mKAKA,2JAKA,4JAKA,oKAKA,6EAMA,4VASA,4YASA,uCACE,oDAMF,8BACE,+IAOA,mFFrIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/tooltip.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/tooltip/tooltip.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/styles/floating-arrow.css\";\n@import \"../../src/components/tooltip/tooltip.css\";","@layer brick.tokens, brick.foundations, brick.components, 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-tooltip {\n    --brick-tooltip-background: var(--brick-color-text-primary);\n    --brick-tooltip-foreground: var(--brick-color-surface-base);\n    --brick-tooltip-border-color: color-mix(in srgb, var(--brick-tooltip-foreground), transparent 72%);\n    --brick-tooltip-radius: var(--brick-radius-control);\n    --brick-tooltip-shadow: 0 0.5rem 1.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 28%);\n    --brick-tooltip-max-inline-size: 20rem;\n    --brick-tooltip-padding-block: var(--brick-space-2);\n    --brick-tooltip-padding-inline: var(--brick-space-3);\n    --brick-tooltip-rich-max-inline-size: 24rem;\n    --brick-tooltip-rich-gap: var(--brick-space-1);\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(var(--brick-tooltip-max-inline-size), calc(100vi - 2rem));\n    padding-block: var(--brick-tooltip-padding-block);\n    padding-inline: var(--brick-tooltip-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-tooltip-border-color);\n    border-radius: var(--brick-tooltip-radius);\n    background: var(--brick-tooltip-background);\n    box-shadow: var(--brick-tooltip-shadow);\n    color: var(--brick-tooltip-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    opacity: 0;\n    overflow-wrap: anywhere;\n    pointer-events: auto;\n    translate: 0 0;\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n      translate var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n  }\n\n  .brick-tooltip[data-positioned] {\n    opacity: 1;\n  }\n\n  .brick-tooltip[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-tooltip[data-side=\"top\"]:not([data-state=\"closed\"]) {\n    translate: 0 -0.2rem;\n  }\n\n  .brick-tooltip[data-side=\"bottom\"]:not([data-state=\"closed\"]) {\n    translate: 0 0.2rem;\n  }\n\n  .brick-tooltip[data-side=\"left\"]:not([data-state=\"closed\"]) {\n    translate: -0.2rem 0;\n  }\n\n  .brick-tooltip[data-side=\"right\"]:not([data-state=\"closed\"]) {\n    translate: 0.2rem 0;\n  }\n\n  .brick-tooltip[data-shape=\"pill\"] {\n    --brick-tooltip-radius: var(--brick-radius-full);\n  }\n\n  .brick-tooltip[data-variant=\"rich\"] {\n    display: grid;\n    max-inline-size: min(var(--brick-tooltip-rich-max-inline-size), calc(100vi - 2rem));\n    gap: var(--brick-tooltip-rich-gap);\n    padding-block: var(--brick-space-3);\n    padding-inline: var(--brick-space-4);\n  }\n\n  .brick-tooltip[data-side=\"top\"] .brick-tooltip__arrow {\n    translate: 0 calc(var(--brick-border-width) * -1);\n    filter: drop-shadow(0 1px 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip[data-side=\"right\"] .brick-tooltip__arrow {\n    translate: var(--brick-border-width) 0;\n    filter: drop-shadow(-1px 0 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip[data-side=\"bottom\"] .brick-tooltip__arrow {\n    translate: 0 var(--brick-border-width);\n    filter: drop-shadow(0 -1px 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip[data-side=\"left\"] .brick-tooltip__arrow {\n    translate: calc(var(--brick-border-width) * -1) 0;\n    filter: drop-shadow(1px 0 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip__title,\n  .brick-tooltip__description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-tooltip__title {\n    color: inherit;\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-tooltip__description {\n    color: color-mix(in srgb, currentColor, transparent 18%);\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  @media (prefers-reduced-motion: reduce) {\n    .brick-tooltip {\n      translate: 0 0;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-tooltip {\n      --brick-tooltip-background: Canvas;\n      --brick-tooltip-foreground: CanvasText;\n      --brick-tooltip-border-color: CanvasText;\n      box-shadow: none;\n    }\n\n    .brick-tooltip__arrow {\n      color: CanvasText;\n      fill: Canvas;\n      filter: none;\n      stroke: CanvasText;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,+TCAA,0nDAqCA,0CAIA,4CAIA,0EAIA,4EAIA,yEAIA,yEAIA,gFAIA,2OAQA,mKAKA,2JAKA,4JAKA,oKAKA,6EAMA,4VASA,4YASA,uCACE,oDAMF,8BACE,+IAOA,mFFrIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/tooltip.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/tooltip/tooltip.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/styles/floating-arrow.css\";\n@import \"../../src/components/tooltip/tooltip.css\";","@layer brick.tokens, 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-tooltip {\n    --brick-tooltip-background: var(--brick-color-text-primary);\n    --brick-tooltip-foreground: var(--brick-color-surface-base);\n    --brick-tooltip-border-color: color-mix(in srgb, var(--brick-tooltip-foreground), transparent 72%);\n    --brick-tooltip-radius: var(--brick-radius-control);\n    --brick-tooltip-shadow: 0 0.5rem 1.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 28%);\n    --brick-tooltip-max-inline-size: 20rem;\n    --brick-tooltip-padding-block: var(--brick-space-2);\n    --brick-tooltip-padding-inline: var(--brick-space-3);\n    --brick-tooltip-rich-max-inline-size: 24rem;\n    --brick-tooltip-rich-gap: var(--brick-space-1);\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(var(--brick-tooltip-max-inline-size), calc(100vi - 2rem));\n    padding-block: var(--brick-tooltip-padding-block);\n    padding-inline: var(--brick-tooltip-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-tooltip-border-color);\n    border-radius: var(--brick-tooltip-radius);\n    background: var(--brick-tooltip-background);\n    box-shadow: var(--brick-tooltip-shadow);\n    color: var(--brick-tooltip-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    opacity: 0;\n    overflow-wrap: anywhere;\n    pointer-events: auto;\n    translate: 0 0;\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n      translate var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n  }\n\n  .brick-tooltip[data-positioned] {\n    opacity: 1;\n  }\n\n  .brick-tooltip[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-tooltip[data-side=\"top\"]:not([data-state=\"closed\"]) {\n    translate: 0 -0.2rem;\n  }\n\n  .brick-tooltip[data-side=\"bottom\"]:not([data-state=\"closed\"]) {\n    translate: 0 0.2rem;\n  }\n\n  .brick-tooltip[data-side=\"left\"]:not([data-state=\"closed\"]) {\n    translate: -0.2rem 0;\n  }\n\n  .brick-tooltip[data-side=\"right\"]:not([data-state=\"closed\"]) {\n    translate: 0.2rem 0;\n  }\n\n  .brick-tooltip[data-shape=\"pill\"] {\n    --brick-tooltip-radius: var(--brick-radius-full);\n  }\n\n  .brick-tooltip[data-variant=\"rich\"] {\n    display: grid;\n    max-inline-size: min(var(--brick-tooltip-rich-max-inline-size), calc(100vi - 2rem));\n    gap: var(--brick-tooltip-rich-gap);\n    padding-block: var(--brick-space-3);\n    padding-inline: var(--brick-space-4);\n  }\n\n  .brick-tooltip[data-side=\"top\"] .brick-tooltip__arrow {\n    translate: 0 calc(var(--brick-border-width) * -1);\n    filter: drop-shadow(0 1px 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip[data-side=\"right\"] .brick-tooltip__arrow {\n    translate: var(--brick-border-width) 0;\n    filter: drop-shadow(-1px 0 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip[data-side=\"bottom\"] .brick-tooltip__arrow {\n    translate: 0 var(--brick-border-width);\n    filter: drop-shadow(0 -1px 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip[data-side=\"left\"] .brick-tooltip__arrow {\n    translate: calc(var(--brick-border-width) * -1) 0;\n    filter: drop-shadow(1px 0 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip__title,\n  .brick-tooltip__description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-tooltip__title {\n    color: inherit;\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-tooltip__description {\n    color: color-mix(in srgb, currentColor, transparent 18%);\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  @media (prefers-reduced-motion: reduce) {\n    .brick-tooltip {\n      translate: 0 0;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-tooltip {\n      --brick-tooltip-background: Canvas;\n      --brick-tooltip-foreground: CanvasText;\n      --brick-tooltip-border-color: CanvasText;\n      box-shadow: none;\n    }\n\n    .brick-tooltip__arrow {\n      color: CanvasText;\n      fill: Canvas;\n      filter: none;\n      stroke: CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/tree-grid.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-tree-grid-container{box-sizing:border-box;overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.brick-tree-grid{--brick-tree-grid-inline-size:100%;--brick-tree-grid-min-inline-size:38rem;--brick-tree-grid-border-color:var(--brick-color-border-subtle);--brick-tree-grid-border-width:var(--brick-border-width);--brick-tree-grid-radius:var(--brick-radius-surface);--brick-tree-grid-header-background:var(--brick-color-surface-subtle);--brick-tree-grid-header-foreground:var(--brick-color-text-primary);--brick-tree-grid-body-background:var(--brick-color-surface);--brick-tree-grid-footer-background:var(--brick-color-surface-subtle);--brick-tree-grid-cell-foreground:var(--brick-color-text-primary);--brick-tree-grid-cell-padding-inline:var(--brick-space-4);--brick-tree-grid-cell-padding-block:var(--brick-space-3);--brick-tree-grid-row-min-block-size:3rem;--brick-tree-grid-depth-indent:var(--brick-space-5);--brick-tree-grid-caption-foreground:var(--brick-color-text-secondary);--brick-tree-grid-caption-gap:var(--brick-space-3);--brick-tree-grid-active-color:var(--brick-color-focus-ring);--brick-tree-grid-active-width:2px;--brick-tree-grid-selected-background:var(--brick-color-surface-accent-subtle,var(--brick-color-surface-subtle));--brick-tree-grid-selected-foreground:var(--brick-color-text-primary);--brick-tree-grid-hover-background:var(--brick-color-surface-hover,var(--brick-color-surface-subtle));--brick-tree-grid-disabled-opacity:.5;--brick-tree-grid-indicator-size:1rem;--brick-tree-grid-indicator-color:var(--brick-color-text-secondary);--brick-tree-grid-sort-indicator-size:1rem;--brick-tree-grid-sort-indicator-color:var(--brick-color-text-secondary);--brick-tree-grid-motion-duration:.16s;--brick-tree-grid-motion-easing:ease;box-sizing:border-box;inline-size:var(--brick-tree-grid-inline-size);min-inline-size:var(--brick-tree-grid-min-inline-size);border-collapse:separate;border-spacing:0;color:var(--brick-tree-grid-cell-foreground);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height)}.brick-tree-grid[data-size=sm]{--brick-tree-grid-row-min-block-size:2.5rem;--brick-tree-grid-cell-padding-inline:var(--brick-space-3);--brick-tree-grid-depth-indent:var(--brick-space-4);--brick-tree-grid-indicator-size:.875rem;--brick-tree-grid-sort-indicator-size:.875rem;font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height)}.brick-tree-grid[data-size=lg]{--brick-tree-grid-row-min-block-size:3.5rem;--brick-tree-grid-cell-padding-inline:var(--brick-space-5);--brick-tree-grid-depth-indent:var(--brick-space-6);--brick-tree-grid-indicator-size:1.125rem;--brick-tree-grid-sort-indicator-size:1.125rem;font-size:var(--brick-typography-body-lg-font-size);line-height:var(--brick-typography-body-lg-line-height)}.brick-tree-grid[data-density=compact]{--brick-tree-grid-cell-padding-block:var(--brick-space-1)}.brick-tree-grid[data-density=spacious]{--brick-tree-grid-cell-padding-block:var(--brick-space-5)}.brick-tree-grid__caption{color:var(--brick-tree-grid-caption-foreground);text-align:start}.brick-tree-grid__caption[data-side=top]{caption-side:top;padding-block-end:var(--brick-tree-grid-caption-gap)}.brick-tree-grid__caption[data-side=bottom]{caption-side:bottom;padding-block-start:var(--brick-tree-grid-caption-gap)}:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell){box-sizing:border-box;min-block-size:var(--brick-tree-grid-row-min-block-size);padding-block:var(--brick-tree-grid-cell-padding-block);padding-inline:var(--brick-tree-grid-cell-padding-inline);border-block-end:var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color);text-align:start;vertical-align:middle;overflow-wrap:break-word}.brick-tree-grid__column-header{color:var(--brick-tree-grid-header-foreground);background:var(--brick-tree-grid-header-background);font-weight:var(--brick-typography-heading-sm-font-weight);white-space:nowrap}:where(.brick-tree-grid__row-header,.brick-tree-grid__cell){background:var(--brick-tree-grid-body-background)}.brick-tree-grid__row-header{font-weight:var(--brick-typography-body-md-font-weight);padding-inline-start:calc(var(--brick-tree-grid-cell-padding-inline) + (var(--tree-grid-level,1) - 1) * var(--brick-tree-grid-depth-indent))}.brick-tree-grid__row[data-level="2"]{--tree-grid-level:2}.brick-tree-grid__row[data-level="3"]{--tree-grid-level:3}.brick-tree-grid__row[data-level="4"]{--tree-grid-level:4}.brick-tree-grid__row[data-level="5"]{--tree-grid-level:5}.brick-tree-grid__row[data-level="6"]{--tree-grid-level:6}.brick-tree-grid__row[data-level="7"]{--tree-grid-level:7}.brick-tree-grid__row[data-level="8"]{--tree-grid-level:8}.brick-tree-grid__row[data-level="9"]{--tree-grid-level:9}.brick-tree-grid__row[data-level="10"]{--tree-grid-level:10}.brick-tree-grid__footer :where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell){background:var(--brick-tree-grid-footer-background);font-weight:var(--brick-typography-heading-sm-font-weight)}:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)[data-align=center]{text-align:center}:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)[data-align=end]{text-align:end}:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)[data-numeric]{white-space:nowrap;font-variant-numeric:tabular-nums}.brick-tree-grid[data-variant=outline]{border:var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color);border-radius:var(--brick-tree-grid-radius);overflow:clip}.brick-tree-grid[data-variant=outline] :where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)+:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell){border-inline-start:var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color)}.brick-tree-grid[data-variant=outline] :where(.brick-tree-grid__body,.brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child :where(.brick-tree-grid__row-header,.brick-tree-grid__cell){border-block-end:0}.brick-tree-grid[data-variant=outline] :where(.brick-tree-grid__body,.brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-tree-grid-radius) - var(--brick-tree-grid-border-width))}.brick-tree-grid[data-variant=outline] :where(.brick-tree-grid__body,.brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-tree-grid-radius) - var(--brick-tree-grid-border-width))}.brick-tree-grid__row[data-selected] :where(.brick-tree-grid__row-header,.brick-tree-grid__cell){color:var(--brick-tree-grid-selected-foreground);background:var(--brick-tree-grid-selected-background)}.brick-tree-grid__row[data-selectable]:hover :where(.brick-tree-grid__row-header,.brick-tree-grid__cell),.brick-tree-grid__column-header[data-actionable]:hover{background:var(--brick-tree-grid-hover-background)}.brick-tree-grid__row[data-disabled] :where(.brick-tree-grid__row-header,.brick-tree-grid__cell),:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)[data-disabled]{opacity:var(--brick-tree-grid-disabled-opacity)}:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)[data-active]{outline:var(--brick-tree-grid-active-width) solid var(--brick-tree-grid-active-color);outline-offset:calc(-1 * var(--brick-tree-grid-active-width));position:relative}.brick-tree-grid__indicator{inline-size:var(--brick-tree-grid-indicator-size);block-size:var(--brick-tree-grid-indicator-size);color:var(--brick-tree-grid-indicator-color);vertical-align:middle;transition:transform var(--brick-tree-grid-motion-duration) var(--brick-tree-grid-motion-easing);justify-content:center;align-items:center;margin-inline-end:var(--brick-space-2);display:inline-flex}.brick-tree-grid__indicator svg,.brick-tree-grid__sort-indicator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%}.brick-tree-grid__row:not([data-expandable]) .brick-tree-grid__indicator{visibility:hidden}.brick-tree-grid__row[data-expanded] .brick-tree-grid__indicator{transform:rotate(90deg)}[dir=rtl] .brick-tree-grid__indicator{transform:scaleX(-1)}[dir=rtl] .brick-tree-grid__row[data-expanded] .brick-tree-grid__indicator{transform:scaleX(-1)rotate(90deg)}.brick-tree-grid__sort-indicator{inline-size:var(--brick-tree-grid-sort-indicator-size);block-size:var(--brick-tree-grid-sort-indicator-size);vertical-align:middle;color:var(--brick-tree-grid-sort-indicator-color);margin-inline-start:var(--brick-space-2);display:inline-flex}.brick-tree-grid__column-header[data-sort=ascending] .brick-tree-grid__sort-indicator path{d:path("m4 10 4-4 4 4")}.brick-tree-grid__column-header[data-sort=descending] .brick-tree-grid__sort-indicator path{d:path("m4 6 4 4 4-4")}@media (prefers-reduced-motion:reduce){.brick-tree-grid__indicator{transition:none}}@media (forced-colors:active){.brick-tree-grid{--brick-tree-grid-border-color:CanvasText;--brick-tree-grid-header-background:Canvas;--brick-tree-grid-body-background:Canvas;--brick-tree-grid-footer-background:Canvas;--brick-tree-grid-active-color:Highlight;--brick-tree-grid-selected-background:Highlight;--brick-tree-grid-selected-foreground:HighlightText;--brick-tree-grid-hover-background:Canvas;--brick-tree-grid-indicator-color:CanvasText;--brick-tree-grid-sort-indicator-color:CanvasText}:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)[data-active]{outline-color:highlight}.brick-tree-grid__row[data-disabled] :where(.brick-tree-grid__row-header,.brick-tree-grid__cell){color:graytext;opacity:1}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{.brick-tree-grid-container{box-sizing:border-box;overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.brick-tree-grid{--brick-tree-grid-inline-size:100%;--brick-tree-grid-min-inline-size:38rem;--brick-tree-grid-border-color:var(--brick-color-border-subtle);--brick-tree-grid-border-width:var(--brick-border-width);--brick-tree-grid-radius:var(--brick-radius-surface);--brick-tree-grid-header-background:var(--brick-color-surface-subtle);--brick-tree-grid-header-foreground:var(--brick-color-text-primary);--brick-tree-grid-body-background:var(--brick-color-surface);--brick-tree-grid-footer-background:var(--brick-color-surface-subtle);--brick-tree-grid-cell-foreground:var(--brick-color-text-primary);--brick-tree-grid-cell-padding-inline:var(--brick-space-4);--brick-tree-grid-cell-padding-block:var(--brick-space-3);--brick-tree-grid-row-min-block-size:3rem;--brick-tree-grid-depth-indent:var(--brick-space-5);--brick-tree-grid-caption-foreground:var(--brick-color-text-secondary);--brick-tree-grid-caption-gap:var(--brick-space-3);--brick-tree-grid-active-color:var(--brick-color-focus-ring);--brick-tree-grid-active-width:2px;--brick-tree-grid-selected-background:var(--brick-color-surface-accent-subtle,var(--brick-color-surface-subtle));--brick-tree-grid-selected-foreground:var(--brick-color-text-primary);--brick-tree-grid-hover-background:var(--brick-color-surface-hover,var(--brick-color-surface-subtle));--brick-tree-grid-disabled-opacity:.5;--brick-tree-grid-indicator-size:1rem;--brick-tree-grid-indicator-color:var(--brick-color-text-secondary);--brick-tree-grid-sort-indicator-size:1rem;--brick-tree-grid-sort-indicator-color:var(--brick-color-text-secondary);--brick-tree-grid-motion-duration:.16s;--brick-tree-grid-motion-easing:ease;box-sizing:border-box;inline-size:var(--brick-tree-grid-inline-size);min-inline-size:var(--brick-tree-grid-min-inline-size);border-collapse:separate;border-spacing:0;color:var(--brick-tree-grid-cell-foreground);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height)}.brick-tree-grid[data-size=sm]{--brick-tree-grid-row-min-block-size:2.5rem;--brick-tree-grid-cell-padding-inline:var(--brick-space-3);--brick-tree-grid-depth-indent:var(--brick-space-4);--brick-tree-grid-indicator-size:.875rem;--brick-tree-grid-sort-indicator-size:.875rem;font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height)}.brick-tree-grid[data-size=lg]{--brick-tree-grid-row-min-block-size:3.5rem;--brick-tree-grid-cell-padding-inline:var(--brick-space-5);--brick-tree-grid-depth-indent:var(--brick-space-6);--brick-tree-grid-indicator-size:1.125rem;--brick-tree-grid-sort-indicator-size:1.125rem;font-size:var(--brick-typography-body-lg-font-size);line-height:var(--brick-typography-body-lg-line-height)}.brick-tree-grid[data-density=compact]{--brick-tree-grid-cell-padding-block:var(--brick-space-1)}.brick-tree-grid[data-density=spacious]{--brick-tree-grid-cell-padding-block:var(--brick-space-5)}.brick-tree-grid__caption{color:var(--brick-tree-grid-caption-foreground);text-align:start}.brick-tree-grid__caption[data-side=top]{caption-side:top;padding-block-end:var(--brick-tree-grid-caption-gap)}.brick-tree-grid__caption[data-side=bottom]{caption-side:bottom;padding-block-start:var(--brick-tree-grid-caption-gap)}:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell){box-sizing:border-box;min-block-size:var(--brick-tree-grid-row-min-block-size);padding-block:var(--brick-tree-grid-cell-padding-block);padding-inline:var(--brick-tree-grid-cell-padding-inline);border-block-end:var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color);text-align:start;vertical-align:middle;overflow-wrap:break-word}.brick-tree-grid__column-header{color:var(--brick-tree-grid-header-foreground);background:var(--brick-tree-grid-header-background);font-weight:var(--brick-typography-heading-sm-font-weight);white-space:nowrap}:where(.brick-tree-grid__row-header,.brick-tree-grid__cell){background:var(--brick-tree-grid-body-background)}.brick-tree-grid__row-header{font-weight:var(--brick-typography-body-md-font-weight);padding-inline-start:calc(var(--brick-tree-grid-cell-padding-inline) + (var(--tree-grid-level,1) - 1) * var(--brick-tree-grid-depth-indent))}.brick-tree-grid__row[data-level="2"]{--tree-grid-level:2}.brick-tree-grid__row[data-level="3"]{--tree-grid-level:3}.brick-tree-grid__row[data-level="4"]{--tree-grid-level:4}.brick-tree-grid__row[data-level="5"]{--tree-grid-level:5}.brick-tree-grid__row[data-level="6"]{--tree-grid-level:6}.brick-tree-grid__row[data-level="7"]{--tree-grid-level:7}.brick-tree-grid__row[data-level="8"]{--tree-grid-level:8}.brick-tree-grid__row[data-level="9"]{--tree-grid-level:9}.brick-tree-grid__row[data-level="10"]{--tree-grid-level:10}.brick-tree-grid__footer :where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell){background:var(--brick-tree-grid-footer-background);font-weight:var(--brick-typography-heading-sm-font-weight)}:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)[data-align=center]{text-align:center}:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)[data-align=end]{text-align:end}:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)[data-numeric]{white-space:nowrap;font-variant-numeric:tabular-nums}.brick-tree-grid[data-variant=outline]{border:var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color);border-radius:var(--brick-tree-grid-radius);overflow:clip}.brick-tree-grid[data-variant=outline] :where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)+:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell){border-inline-start:var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color)}.brick-tree-grid[data-variant=outline] :where(.brick-tree-grid__body,.brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child :where(.brick-tree-grid__row-header,.brick-tree-grid__cell){border-block-end:0}.brick-tree-grid[data-variant=outline] :where(.brick-tree-grid__body,.brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-tree-grid-radius) - var(--brick-tree-grid-border-width))}.brick-tree-grid[data-variant=outline] :where(.brick-tree-grid__body,.brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-tree-grid-radius) - var(--brick-tree-grid-border-width))}.brick-tree-grid__row[data-selected] :where(.brick-tree-grid__row-header,.brick-tree-grid__cell){color:var(--brick-tree-grid-selected-foreground);background:var(--brick-tree-grid-selected-background)}.brick-tree-grid__row[data-selectable]:hover :where(.brick-tree-grid__row-header,.brick-tree-grid__cell),.brick-tree-grid__column-header[data-actionable]:hover{background:var(--brick-tree-grid-hover-background)}.brick-tree-grid__row[data-disabled] :where(.brick-tree-grid__row-header,.brick-tree-grid__cell),:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)[data-disabled]{opacity:var(--brick-tree-grid-disabled-opacity)}:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)[data-active]{outline:var(--brick-tree-grid-active-width) solid var(--brick-tree-grid-active-color);outline-offset:calc(-1 * var(--brick-tree-grid-active-width));position:relative}.brick-tree-grid__indicator{inline-size:var(--brick-tree-grid-indicator-size);block-size:var(--brick-tree-grid-indicator-size);color:var(--brick-tree-grid-indicator-color);vertical-align:middle;transition:transform var(--brick-tree-grid-motion-duration) var(--brick-tree-grid-motion-easing);justify-content:center;align-items:center;margin-inline-end:var(--brick-space-2);display:inline-flex}.brick-tree-grid__indicator svg,.brick-tree-grid__sort-indicator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%}.brick-tree-grid__row:not([data-expandable]) .brick-tree-grid__indicator{visibility:hidden}.brick-tree-grid__row[data-expanded] .brick-tree-grid__indicator{transform:rotate(90deg)}[dir=rtl] .brick-tree-grid__indicator{transform:scaleX(-1)}[dir=rtl] .brick-tree-grid__row[data-expanded] .brick-tree-grid__indicator{transform:scaleX(-1)rotate(90deg)}.brick-tree-grid__sort-indicator{inline-size:var(--brick-tree-grid-sort-indicator-size);block-size:var(--brick-tree-grid-sort-indicator-size);vertical-align:middle;color:var(--brick-tree-grid-sort-indicator-color);margin-inline-start:var(--brick-space-2);display:inline-flex}.brick-tree-grid__column-header[data-sort=ascending] .brick-tree-grid__sort-indicator path{d:path("m4 10 4-4 4 4")}.brick-tree-grid__column-header[data-sort=descending] .brick-tree-grid__sort-indicator path{d:path("m4 6 4 4 4-4")}@media (prefers-reduced-motion:reduce){.brick-tree-grid__indicator{transition:none}}@media (forced-colors:active){.brick-tree-grid{--brick-tree-grid-border-color:CanvasText;--brick-tree-grid-header-background:Canvas;--brick-tree-grid-body-background:Canvas;--brick-tree-grid-footer-background:Canvas;--brick-tree-grid-active-color:Highlight;--brick-tree-grid-selected-background:Highlight;--brick-tree-grid-selected-foreground:HighlightText;--brick-tree-grid-hover-background:Canvas;--brick-tree-grid-indicator-color:CanvasText;--brick-tree-grid-sort-indicator-color:CanvasText}:where(.brick-tree-grid__column-header,.brick-tree-grid__row-header,.brick-tree-grid__cell)[data-active]{outline-color:highlight}.brick-tree-grid__row[data-disabled] :where(.brick-tree-grid__row-header,.brick-tree-grid__cell){color:graytext;opacity:1}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=tree-grid.css.map */

package/dist/styles/tree-grid.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,4JASA,0+DAwCA,6XAUA,+XAUA,iGACA,kGAEA,2FACA,+GACA,uHAEA,4bAWA,iNACA,8GACA,kOACA,0DACA,0DACA,0DACA,0DACA,0DACA,0DACA,0DACA,0DACA,4DAEA,oOACA,iIACA,2HACA,+JAEA,sLACA,iUACA,0NACA,0PACA,uPAEA,wMACA,mNACA,4PACA,+QAEA,wYACA,kMACA,2FACA,yFACA,2DACA,6GAEA,mRACA,mHACA,mHAEA,uCAA0C,6CAC1C,8BACE,gdACA,iIACA,4HDpIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/tree-grid.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tree-grid/tree-grid.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/tree-grid/tree-grid.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-tree-grid-container {\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-tree-grid {\n    --brick-tree-grid-inline-size: 100%;\n    --brick-tree-grid-min-inline-size: 38rem;\n    --brick-tree-grid-border-color: var(--brick-color-border-subtle);\n    --brick-tree-grid-border-width: var(--brick-border-width);\n    --brick-tree-grid-radius: var(--brick-radius-surface);\n    --brick-tree-grid-header-background: var(--brick-color-surface-subtle);\n    --brick-tree-grid-header-foreground: var(--brick-color-text-primary);\n    --brick-tree-grid-body-background: var(--brick-color-surface);\n    --brick-tree-grid-footer-background: var(--brick-color-surface-subtle);\n    --brick-tree-grid-cell-foreground: var(--brick-color-text-primary);\n    --brick-tree-grid-cell-padding-inline: var(--brick-space-4);\n    --brick-tree-grid-cell-padding-block: var(--brick-space-3);\n    --brick-tree-grid-row-min-block-size: 3rem;\n    --brick-tree-grid-depth-indent: var(--brick-space-5);\n    --brick-tree-grid-caption-foreground: var(--brick-color-text-secondary);\n    --brick-tree-grid-caption-gap: var(--brick-space-3);\n    --brick-tree-grid-active-color: var(--brick-color-focus-ring);\n    --brick-tree-grid-active-width: 2px;\n    --brick-tree-grid-selected-background: var(--brick-color-surface-accent-subtle, var(--brick-color-surface-subtle));\n    --brick-tree-grid-selected-foreground: var(--brick-color-text-primary);\n    --brick-tree-grid-hover-background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n    --brick-tree-grid-disabled-opacity: .5;\n    --brick-tree-grid-indicator-size: 1rem;\n    --brick-tree-grid-indicator-color: var(--brick-color-text-secondary);\n    --brick-tree-grid-sort-indicator-size: 1rem;\n    --brick-tree-grid-sort-indicator-color: var(--brick-color-text-secondary);\n    --brick-tree-grid-motion-duration: 160ms;\n    --brick-tree-grid-motion-easing: ease;\n    box-sizing: border-box;\n    inline-size: var(--brick-tree-grid-inline-size);\n    min-inline-size: var(--brick-tree-grid-min-inline-size);\n    border-collapse: separate;\n    border-spacing: 0;\n    color: var(--brick-tree-grid-cell-foreground);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-tree-grid[data-size=\"sm\"] {\n    --brick-tree-grid-row-min-block-size: 2.5rem;\n    --brick-tree-grid-cell-padding-inline: var(--brick-space-3);\n    --brick-tree-grid-depth-indent: var(--brick-space-4);\n    --brick-tree-grid-indicator-size: .875rem;\n    --brick-tree-grid-sort-indicator-size: .875rem;\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n\n  .brick-tree-grid[data-size=\"lg\"] {\n    --brick-tree-grid-row-min-block-size: 3.5rem;\n    --brick-tree-grid-cell-padding-inline: var(--brick-space-5);\n    --brick-tree-grid-depth-indent: var(--brick-space-6);\n    --brick-tree-grid-indicator-size: 1.125rem;\n    --brick-tree-grid-sort-indicator-size: 1.125rem;\n    font-size: var(--brick-typography-body-lg-font-size);\n    line-height: var(--brick-typography-body-lg-line-height);\n  }\n\n  .brick-tree-grid[data-density=\"compact\"] { --brick-tree-grid-cell-padding-block: var(--brick-space-1); }\n  .brick-tree-grid[data-density=\"spacious\"] { --brick-tree-grid-cell-padding-block: var(--brick-space-5); }\n\n  .brick-tree-grid__caption { color: var(--brick-tree-grid-caption-foreground); text-align: start; }\n  .brick-tree-grid__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-tree-grid-caption-gap); }\n  .brick-tree-grid__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-tree-grid-caption-gap); }\n\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) {\n    box-sizing: border-box;\n    min-block-size: var(--brick-tree-grid-row-min-block-size);\n    padding-block: var(--brick-tree-grid-cell-padding-block);\n    padding-inline: var(--brick-tree-grid-cell-padding-inline);\n    border-block-end: var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color);\n    text-align: start;\n    vertical-align: middle;\n    overflow-wrap: break-word;\n  }\n\n  .brick-tree-grid__column-header { color: var(--brick-tree-grid-header-foreground); background: var(--brick-tree-grid-header-background); font-weight: var(--brick-typography-heading-sm-font-weight); white-space: nowrap; }\n  :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { background: var(--brick-tree-grid-body-background); }\n  .brick-tree-grid__row-header { padding-inline-start: calc(var(--brick-tree-grid-cell-padding-inline) + (var(--tree-grid-level, 1) - 1) * var(--brick-tree-grid-depth-indent)); font-weight: var(--brick-typography-body-md-font-weight); }\n  .brick-tree-grid__row[data-level=\"2\"] { --tree-grid-level: 2; }\n  .brick-tree-grid__row[data-level=\"3\"] { --tree-grid-level: 3; }\n  .brick-tree-grid__row[data-level=\"4\"] { --tree-grid-level: 4; }\n  .brick-tree-grid__row[data-level=\"5\"] { --tree-grid-level: 5; }\n  .brick-tree-grid__row[data-level=\"6\"] { --tree-grid-level: 6; }\n  .brick-tree-grid__row[data-level=\"7\"] { --tree-grid-level: 7; }\n  .brick-tree-grid__row[data-level=\"8\"] { --tree-grid-level: 8; }\n  .brick-tree-grid__row[data-level=\"9\"] { --tree-grid-level: 9; }\n  .brick-tree-grid__row[data-level=\"10\"] { --tree-grid-level: 10; }\n\n  .brick-tree-grid__footer :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) { background: var(--brick-tree-grid-footer-background); font-weight: var(--brick-typography-heading-sm-font-weight); }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-align=\"center\"] { text-align: center; }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-align=\"end\"] { text-align: end; }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n\n  .brick-tree-grid[data-variant=\"outline\"] { border: var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color); border-radius: var(--brick-tree-grid-radius); overflow: clip; }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) + :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) { border-inline-start: var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color); }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__body, .brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { border-block-end: 0; }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__body, .brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-tree-grid-radius) - var(--brick-tree-grid-border-width)); }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__body, .brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-tree-grid-radius) - var(--brick-tree-grid-border-width)); }\n\n  .brick-tree-grid__row[data-selected] :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { color: var(--brick-tree-grid-selected-foreground); background: var(--brick-tree-grid-selected-background); }\n  .brick-tree-grid__row[data-selectable]:hover :where(.brick-tree-grid__row-header, .brick-tree-grid__cell), .brick-tree-grid__column-header[data-actionable]:hover { background: var(--brick-tree-grid-hover-background); }\n  .brick-tree-grid__row[data-disabled] :where(.brick-tree-grid__row-header, .brick-tree-grid__cell), :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-disabled] { opacity: var(--brick-tree-grid-disabled-opacity); }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-active] { position: relative; outline: var(--brick-tree-grid-active-width) solid var(--brick-tree-grid-active-color); outline-offset: calc(-1 * var(--brick-tree-grid-active-width)); }\n\n  .brick-tree-grid__indicator { display: inline-flex; align-items: center; justify-content: center; inline-size: var(--brick-tree-grid-indicator-size); block-size: var(--brick-tree-grid-indicator-size); margin-inline-end: var(--brick-space-2); color: var(--brick-tree-grid-indicator-color); vertical-align: middle; transition: transform var(--brick-tree-grid-motion-duration) var(--brick-tree-grid-motion-easing); }\n  .brick-tree-grid__indicator svg, .brick-tree-grid__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n  .brick-tree-grid__row:not([data-expandable]) .brick-tree-grid__indicator { visibility: hidden; }\n  .brick-tree-grid__row[data-expanded] .brick-tree-grid__indicator { transform: rotate(90deg); }\n  [dir=\"rtl\"] .brick-tree-grid__indicator { transform: scaleX(-1); }\n  [dir=\"rtl\"] .brick-tree-grid__row[data-expanded] .brick-tree-grid__indicator { transform: scaleX(-1) rotate(90deg); }\n\n  .brick-tree-grid__sort-indicator { display: inline-flex; inline-size: var(--brick-tree-grid-sort-indicator-size); block-size: var(--brick-tree-grid-sort-indicator-size); margin-inline-start: var(--brick-space-2); vertical-align: middle; color: var(--brick-tree-grid-sort-indicator-color); }\n  .brick-tree-grid__column-header[data-sort=\"ascending\"] .brick-tree-grid__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n  .brick-tree-grid__column-header[data-sort=\"descending\"] .brick-tree-grid__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n\n  @media (prefers-reduced-motion: reduce) { .brick-tree-grid__indicator { transition: none; } }\n  @media (forced-colors: active) {\n    .brick-tree-grid { --brick-tree-grid-border-color: CanvasText; --brick-tree-grid-header-background: Canvas; --brick-tree-grid-body-background: Canvas; --brick-tree-grid-footer-background: Canvas; --brick-tree-grid-active-color: Highlight; --brick-tree-grid-selected-background: Highlight; --brick-tree-grid-selected-foreground: HighlightText; --brick-tree-grid-hover-background: Canvas; --brick-tree-grid-indicator-color: CanvasText; --brick-tree-grid-sort-indicator-color: CanvasText; }\n    :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-active] { outline-color: Highlight; }\n    .brick-tree-grid__row[data-disabled] :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { color: GrayText; opacity: 1; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,4JASA,0+DAwCA,6XAUA,+XAUA,iGACA,kGAEA,2FACA,+GACA,uHAEA,4bAWA,iNACA,8GACA,kOACA,0DACA,0DACA,0DACA,0DACA,0DACA,0DACA,0DACA,0DACA,4DAEA,oOACA,iIACA,2HACA,+JAEA,sLACA,iUACA,0NACA,0PACA,uPAEA,wMACA,mNACA,4PACA,+QAEA,wYACA,kMACA,2FACA,yFACA,2DACA,6GAEA,mRACA,mHACA,mHAEA,uCAA0C,6CAC1C,8BACE,gdACA,iIACA,4HDpIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/tree-grid.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tree-grid/tree-grid.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/tree-grid/tree-grid.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-tree-grid-container {\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-tree-grid {\n    --brick-tree-grid-inline-size: 100%;\n    --brick-tree-grid-min-inline-size: 38rem;\n    --brick-tree-grid-border-color: var(--brick-color-border-subtle);\n    --brick-tree-grid-border-width: var(--brick-border-width);\n    --brick-tree-grid-radius: var(--brick-radius-surface);\n    --brick-tree-grid-header-background: var(--brick-color-surface-subtle);\n    --brick-tree-grid-header-foreground: var(--brick-color-text-primary);\n    --brick-tree-grid-body-background: var(--brick-color-surface);\n    --brick-tree-grid-footer-background: var(--brick-color-surface-subtle);\n    --brick-tree-grid-cell-foreground: var(--brick-color-text-primary);\n    --brick-tree-grid-cell-padding-inline: var(--brick-space-4);\n    --brick-tree-grid-cell-padding-block: var(--brick-space-3);\n    --brick-tree-grid-row-min-block-size: 3rem;\n    --brick-tree-grid-depth-indent: var(--brick-space-5);\n    --brick-tree-grid-caption-foreground: var(--brick-color-text-secondary);\n    --brick-tree-grid-caption-gap: var(--brick-space-3);\n    --brick-tree-grid-active-color: var(--brick-color-focus-ring);\n    --brick-tree-grid-active-width: 2px;\n    --brick-tree-grid-selected-background: var(--brick-color-surface-accent-subtle, var(--brick-color-surface-subtle));\n    --brick-tree-grid-selected-foreground: var(--brick-color-text-primary);\n    --brick-tree-grid-hover-background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n    --brick-tree-grid-disabled-opacity: .5;\n    --brick-tree-grid-indicator-size: 1rem;\n    --brick-tree-grid-indicator-color: var(--brick-color-text-secondary);\n    --brick-tree-grid-sort-indicator-size: 1rem;\n    --brick-tree-grid-sort-indicator-color: var(--brick-color-text-secondary);\n    --brick-tree-grid-motion-duration: 160ms;\n    --brick-tree-grid-motion-easing: ease;\n    box-sizing: border-box;\n    inline-size: var(--brick-tree-grid-inline-size);\n    min-inline-size: var(--brick-tree-grid-min-inline-size);\n    border-collapse: separate;\n    border-spacing: 0;\n    color: var(--brick-tree-grid-cell-foreground);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-tree-grid[data-size=\"sm\"] {\n    --brick-tree-grid-row-min-block-size: 2.5rem;\n    --brick-tree-grid-cell-padding-inline: var(--brick-space-3);\n    --brick-tree-grid-depth-indent: var(--brick-space-4);\n    --brick-tree-grid-indicator-size: .875rem;\n    --brick-tree-grid-sort-indicator-size: .875rem;\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n\n  .brick-tree-grid[data-size=\"lg\"] {\n    --brick-tree-grid-row-min-block-size: 3.5rem;\n    --brick-tree-grid-cell-padding-inline: var(--brick-space-5);\n    --brick-tree-grid-depth-indent: var(--brick-space-6);\n    --brick-tree-grid-indicator-size: 1.125rem;\n    --brick-tree-grid-sort-indicator-size: 1.125rem;\n    font-size: var(--brick-typography-body-lg-font-size);\n    line-height: var(--brick-typography-body-lg-line-height);\n  }\n\n  .brick-tree-grid[data-density=\"compact\"] { --brick-tree-grid-cell-padding-block: var(--brick-space-1); }\n  .brick-tree-grid[data-density=\"spacious\"] { --brick-tree-grid-cell-padding-block: var(--brick-space-5); }\n\n  .brick-tree-grid__caption { color: var(--brick-tree-grid-caption-foreground); text-align: start; }\n  .brick-tree-grid__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-tree-grid-caption-gap); }\n  .brick-tree-grid__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-tree-grid-caption-gap); }\n\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) {\n    box-sizing: border-box;\n    min-block-size: var(--brick-tree-grid-row-min-block-size);\n    padding-block: var(--brick-tree-grid-cell-padding-block);\n    padding-inline: var(--brick-tree-grid-cell-padding-inline);\n    border-block-end: var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color);\n    text-align: start;\n    vertical-align: middle;\n    overflow-wrap: break-word;\n  }\n\n  .brick-tree-grid__column-header { color: var(--brick-tree-grid-header-foreground); background: var(--brick-tree-grid-header-background); font-weight: var(--brick-typography-heading-sm-font-weight); white-space: nowrap; }\n  :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { background: var(--brick-tree-grid-body-background); }\n  .brick-tree-grid__row-header { padding-inline-start: calc(var(--brick-tree-grid-cell-padding-inline) + (var(--tree-grid-level, 1) - 1) * var(--brick-tree-grid-depth-indent)); font-weight: var(--brick-typography-body-md-font-weight); }\n  .brick-tree-grid__row[data-level=\"2\"] { --tree-grid-level: 2; }\n  .brick-tree-grid__row[data-level=\"3\"] { --tree-grid-level: 3; }\n  .brick-tree-grid__row[data-level=\"4\"] { --tree-grid-level: 4; }\n  .brick-tree-grid__row[data-level=\"5\"] { --tree-grid-level: 5; }\n  .brick-tree-grid__row[data-level=\"6\"] { --tree-grid-level: 6; }\n  .brick-tree-grid__row[data-level=\"7\"] { --tree-grid-level: 7; }\n  .brick-tree-grid__row[data-level=\"8\"] { --tree-grid-level: 8; }\n  .brick-tree-grid__row[data-level=\"9\"] { --tree-grid-level: 9; }\n  .brick-tree-grid__row[data-level=\"10\"] { --tree-grid-level: 10; }\n\n  .brick-tree-grid__footer :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) { background: var(--brick-tree-grid-footer-background); font-weight: var(--brick-typography-heading-sm-font-weight); }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-align=\"center\"] { text-align: center; }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-align=\"end\"] { text-align: end; }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n\n  .brick-tree-grid[data-variant=\"outline\"] { border: var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color); border-radius: var(--brick-tree-grid-radius); overflow: clip; }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) + :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) { border-inline-start: var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color); }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__body, .brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { border-block-end: 0; }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__body, .brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-tree-grid-radius) - var(--brick-tree-grid-border-width)); }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__body, .brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-tree-grid-radius) - var(--brick-tree-grid-border-width)); }\n\n  .brick-tree-grid__row[data-selected] :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { color: var(--brick-tree-grid-selected-foreground); background: var(--brick-tree-grid-selected-background); }\n  .brick-tree-grid__row[data-selectable]:hover :where(.brick-tree-grid__row-header, .brick-tree-grid__cell), .brick-tree-grid__column-header[data-actionable]:hover { background: var(--brick-tree-grid-hover-background); }\n  .brick-tree-grid__row[data-disabled] :where(.brick-tree-grid__row-header, .brick-tree-grid__cell), :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-disabled] { opacity: var(--brick-tree-grid-disabled-opacity); }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-active] { position: relative; outline: var(--brick-tree-grid-active-width) solid var(--brick-tree-grid-active-color); outline-offset: calc(-1 * var(--brick-tree-grid-active-width)); }\n\n  .brick-tree-grid__indicator { display: inline-flex; align-items: center; justify-content: center; inline-size: var(--brick-tree-grid-indicator-size); block-size: var(--brick-tree-grid-indicator-size); margin-inline-end: var(--brick-space-2); color: var(--brick-tree-grid-indicator-color); vertical-align: middle; transition: transform var(--brick-tree-grid-motion-duration) var(--brick-tree-grid-motion-easing); }\n  .brick-tree-grid__indicator svg, .brick-tree-grid__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n  .brick-tree-grid__row:not([data-expandable]) .brick-tree-grid__indicator { visibility: hidden; }\n  .brick-tree-grid__row[data-expanded] .brick-tree-grid__indicator { transform: rotate(90deg); }\n  [dir=\"rtl\"] .brick-tree-grid__indicator { transform: scaleX(-1); }\n  [dir=\"rtl\"] .brick-tree-grid__row[data-expanded] .brick-tree-grid__indicator { transform: scaleX(-1) rotate(90deg); }\n\n  .brick-tree-grid__sort-indicator { display: inline-flex; inline-size: var(--brick-tree-grid-sort-indicator-size); block-size: var(--brick-tree-grid-sort-indicator-size); margin-inline-start: var(--brick-space-2); vertical-align: middle; color: var(--brick-tree-grid-sort-indicator-color); }\n  .brick-tree-grid__column-header[data-sort=\"ascending\"] .brick-tree-grid__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n  .brick-tree-grid__column-header[data-sort=\"descending\"] .brick-tree-grid__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n\n  @media (prefers-reduced-motion: reduce) { .brick-tree-grid__indicator { transition: none; } }\n  @media (forced-colors: active) {\n    .brick-tree-grid { --brick-tree-grid-border-color: CanvasText; --brick-tree-grid-header-background: Canvas; --brick-tree-grid-body-background: Canvas; --brick-tree-grid-footer-background: Canvas; --brick-tree-grid-active-color: Highlight; --brick-tree-grid-selected-background: Highlight; --brick-tree-grid-selected-foreground: HighlightText; --brick-tree-grid-hover-background: Canvas; --brick-tree-grid-indicator-color: CanvasText; --brick-tree-grid-sort-indicator-color: CanvasText; }\n    :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-active] { outline-color: Highlight; }\n    .brick-tree-grid__row[data-disabled] :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { color: GrayText; opacity: 1; }\n  }\n}\n"],"names":[]}

package/dist/styles/tree.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{.brick-tree{--brick-tree-background:transparent;--brick-tree-border-color:var(--brick-color-border-subtle);--brick-tree-border-width:var(--brick-border-width);--brick-tree-radius:var(--brick-radius-surface);--brick-tree-padding:var(--brick-space-1);--brick-tree-row-min-block-size:2.75rem;--brick-tree-row-radius:var(--brick-radius-control);--brick-tree-row-gap:var(--brick-space-2);--brick-tree-row-padding-block:var(--brick-space-2);--brick-tree-row-padding-inline:var(--brick-space-3);--brick-tree-depth-indent:var(--brick-space-5);--brick-tree-guide-color:var(--brick-color-border-subtle);--brick-tree-guide-offset:calc(var(--brick-tree-padding) + var(--brick-tree-row-padding-inline) + .4375rem);--brick-tree-foreground:var(--brick-color-text-primary);--brick-tree-indicator-color:var(--brick-color-text-secondary);--brick-tree-hover-background:var(--brick-color-surface-hover,var(--brick-color-surface-subtle));--brick-tree-active-background:transparent;--brick-tree-selected-background:var(--brick-color-surface-accent-subtle,var(--brick-color-surface-subtle));--brick-tree-selected-foreground:var(--brick-color-text-primary);--brick-tree-disabled-opacity:.5;--brick-tree-focus-ring:var(--brick-color-focus-ring);--brick-tree-focus-ring-width:2px;--brick-tree-motion-duration:.16s;--brick-tree-motion-easing:ease;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;padding:var(--brick-tree-padding);border-radius:var(--brick-tree-radius);color:var(--brick-tree-foreground);background:var(--brick-tree-background);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height);border:0}.brick-tree[data-variant=soft]{--brick-tree-background:var(--brick-color-surface-subtle)}.brick-tree[data-variant=outline]{border:var(--brick-tree-border-width) solid var(--brick-tree-border-color);overflow:clip}.brick-tree[data-size=sm]{--brick-tree-row-min-block-size:2.25rem;--brick-tree-row-padding-block:var(--brick-space-1);--brick-tree-row-padding-inline:var(--brick-space-2);--brick-tree-depth-indent:var(--brick-space-4);--brick-tree-guide-offset:calc(var(--brick-tree-padding) + var(--brick-tree-row-padding-inline) + .375rem);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height)}.brick-tree__item{box-sizing:border-box;--brick-tree-level:1;outline:none;min-inline-size:0}.brick-tree__item[data-level="2"]{--brick-tree-level:2}.brick-tree__item[data-level="3"]{--brick-tree-level:3}.brick-tree__item[data-level="4"]{--brick-tree-level:4}.brick-tree__item[data-level="5"]{--brick-tree-level:5}.brick-tree__item[data-level="6"]{--brick-tree-level:6}.brick-tree__item[data-level="7"]{--brick-tree-level:7}.brick-tree__item[data-level="8"]{--brick-tree-level:8}.brick-tree__item[data-level="9"]{--brick-tree-level:9}.brick-tree__item[data-level="10"]{--brick-tree-level:10}.brick-tree__item-content{box-sizing:border-box;align-items:center;gap:var(--brick-tree-row-gap);min-inline-size:0;min-block-size:var(--brick-tree-row-min-block-size);padding-block:var(--brick-tree-row-padding-block);padding-inline:var(--brick-tree-row-padding-inline);border-radius:var(--brick-tree-row-radius);overflow-wrap:anywhere;margin-inline-start:calc((var(--brick-tree-level) - 1) * var(--brick-tree-depth-indent));display:flex}.brick-tree__item:hover>.brick-tree__item-content{background:var(--brick-tree-hover-background)}.brick-tree__item[data-selected]>.brick-tree__item-content{color:var(--brick-tree-selected-foreground);background:var(--brick-tree-selected-background)}.brick-tree__item[data-active]>.brick-tree__item-content{box-shadow:inset 0 0 0 var(--brick-tree-focus-ring-width) var(--brick-tree-focus-ring)}.brick-tree__item[data-active][data-selected]>.brick-tree__item-content{background:var(--brick-tree-selected-background)}.brick-tree__item[data-disabled]>.brick-tree__item-content,.brick-tree[data-disabled] .brick-tree__item-content{opacity:var(--brick-tree-disabled-opacity)}.brick-tree__indicator{block-size:1rem;inline-size:1rem;color:var(--brick-tree-indicator-color);transition:transform var(--brick-tree-motion-duration) var(--brick-tree-motion-easing);flex:none;justify-content:center;align-items:center;display:inline-flex}.brick-tree__indicator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%}.brick-tree__item:not([data-expandable])>.brick-tree__item-content>.brick-tree__indicator{visibility:hidden}.brick-tree__item[data-expanded]>.brick-tree__item-content>.brick-tree__indicator{transform:rotate(90deg)}[dir=rtl] .brick-tree__indicator{transform:scaleX(-1)}[dir=rtl] .brick-tree__item[data-expanded]>.brick-tree__item-content>.brick-tree__indicator{transform:scaleX(-1)rotate(90deg)}.brick-tree__item-text{min-inline-size:0}.brick-tree__group{min-inline-size:0;position:relative}.brick-tree[data-guide] .brick-tree__group:before{content:"";border-inline-start:var(--brick-tree-border-width) solid var(--brick-tree-guide-color);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:calc(var(--brick-tree-guide-offset) + (var(--brick-tree-level) - 1) * var(--brick-tree-depth-indent))}@media (prefers-reduced-motion:reduce){.brick-tree__indicator{transition:none}}@media (forced-colors:active){.brick-tree{--brick-tree-border-color:CanvasText;--brick-tree-background:Canvas;--brick-tree-guide-color:GrayText;--brick-tree-hover-background:Canvas;--brick-tree-selected-background:Highlight;--brick-tree-selected-foreground:HighlightText;--brick-tree-focus-ring:CanvasText}.brick-tree__item[data-active]>.brick-tree__item-content{outline-offset:-2px;outline:2px solid canvastext}.brick-tree__item[data-disabled]>.brick-tree__item-content{color:graytext;opacity:1}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{.brick-tree{--brick-tree-background:transparent;--brick-tree-border-color:var(--brick-color-border-subtle);--brick-tree-border-width:var(--brick-border-width);--brick-tree-radius:var(--brick-radius-surface);--brick-tree-padding:var(--brick-space-1);--brick-tree-row-min-block-size:2.75rem;--brick-tree-row-radius:var(--brick-radius-control);--brick-tree-row-gap:var(--brick-space-2);--brick-tree-row-padding-block:var(--brick-space-2);--brick-tree-row-padding-inline:var(--brick-space-3);--brick-tree-depth-indent:var(--brick-space-5);--brick-tree-guide-color:var(--brick-color-border-subtle);--brick-tree-guide-offset:calc(var(--brick-tree-padding) + var(--brick-tree-row-padding-inline) + .4375rem);--brick-tree-foreground:var(--brick-color-text-primary);--brick-tree-indicator-color:var(--brick-color-text-secondary);--brick-tree-hover-background:var(--brick-color-surface-hover,var(--brick-color-surface-subtle));--brick-tree-active-background:transparent;--brick-tree-selected-background:var(--brick-color-surface-accent-subtle,var(--brick-color-surface-subtle));--brick-tree-selected-foreground:var(--brick-color-text-primary);--brick-tree-disabled-opacity:.5;--brick-tree-focus-ring:var(--brick-color-focus-ring);--brick-tree-focus-ring-width:2px;--brick-tree-motion-duration:.16s;--brick-tree-motion-easing:ease;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;padding:var(--brick-tree-padding);border-radius:var(--brick-tree-radius);color:var(--brick-tree-foreground);background:var(--brick-tree-background);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height);border:0}.brick-tree[data-variant=soft]{--brick-tree-background:var(--brick-color-surface-subtle)}.brick-tree[data-variant=outline]{border:var(--brick-tree-border-width) solid var(--brick-tree-border-color);overflow:clip}.brick-tree[data-size=sm]{--brick-tree-row-min-block-size:2.25rem;--brick-tree-row-padding-block:var(--brick-space-1);--brick-tree-row-padding-inline:var(--brick-space-2);--brick-tree-depth-indent:var(--brick-space-4);--brick-tree-guide-offset:calc(var(--brick-tree-padding) + var(--brick-tree-row-padding-inline) + .375rem);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height)}.brick-tree__item{box-sizing:border-box;--brick-tree-level:1;outline:none;min-inline-size:0}.brick-tree__item[data-level="2"]{--brick-tree-level:2}.brick-tree__item[data-level="3"]{--brick-tree-level:3}.brick-tree__item[data-level="4"]{--brick-tree-level:4}.brick-tree__item[data-level="5"]{--brick-tree-level:5}.brick-tree__item[data-level="6"]{--brick-tree-level:6}.brick-tree__item[data-level="7"]{--brick-tree-level:7}.brick-tree__item[data-level="8"]{--brick-tree-level:8}.brick-tree__item[data-level="9"]{--brick-tree-level:9}.brick-tree__item[data-level="10"]{--brick-tree-level:10}.brick-tree__item-content{box-sizing:border-box;align-items:center;gap:var(--brick-tree-row-gap);min-inline-size:0;min-block-size:var(--brick-tree-row-min-block-size);padding-block:var(--brick-tree-row-padding-block);padding-inline:var(--brick-tree-row-padding-inline);border-radius:var(--brick-tree-row-radius);overflow-wrap:anywhere;margin-inline-start:calc((var(--brick-tree-level) - 1) * var(--brick-tree-depth-indent));display:flex}.brick-tree__item:hover>.brick-tree__item-content{background:var(--brick-tree-hover-background)}.brick-tree__item[data-selected]>.brick-tree__item-content{color:var(--brick-tree-selected-foreground);background:var(--brick-tree-selected-background)}.brick-tree__item[data-active]>.brick-tree__item-content{box-shadow:inset 0 0 0 var(--brick-tree-focus-ring-width) var(--brick-tree-focus-ring)}.brick-tree__item[data-active][data-selected]>.brick-tree__item-content{background:var(--brick-tree-selected-background)}.brick-tree__item[data-disabled]>.brick-tree__item-content,.brick-tree[data-disabled] .brick-tree__item-content{opacity:var(--brick-tree-disabled-opacity)}.brick-tree__indicator{block-size:1rem;inline-size:1rem;color:var(--brick-tree-indicator-color);transition:transform var(--brick-tree-motion-duration) var(--brick-tree-motion-easing);flex:none;justify-content:center;align-items:center;display:inline-flex}.brick-tree__indicator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%}.brick-tree__item:not([data-expandable])>.brick-tree__item-content>.brick-tree__indicator{visibility:hidden}.brick-tree__item[data-expanded]>.brick-tree__item-content>.brick-tree__indicator{transform:rotate(90deg)}[dir=rtl] .brick-tree__indicator{transform:scaleX(-1)}[dir=rtl] .brick-tree__item[data-expanded]>.brick-tree__item-content>.brick-tree__indicator{transform:scaleX(-1)rotate(90deg)}.brick-tree__item-text{min-inline-size:0}.brick-tree__group{min-inline-size:0;position:relative}.brick-tree[data-guide] .brick-tree__group:before{content:"";border-inline-start:var(--brick-tree-border-width) solid var(--brick-tree-guide-color);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:calc(var(--brick-tree-guide-offset) + (var(--brick-tree-level) - 1) * var(--brick-tree-depth-indent))}@media (prefers-reduced-motion:reduce){.brick-tree__indicator{transition:none}}@media (forced-colors:active){.brick-tree{--brick-tree-border-color:CanvasText;--brick-tree-background:Canvas;--brick-tree-guide-color:GrayText;--brick-tree-hover-background:Canvas;--brick-tree-selected-background:Highlight;--brick-tree-selected-foreground:HighlightText;--brick-tree-focus-ring:CanvasText}.brick-tree__item[data-active]>.brick-tree__item-content{outline-offset:-2px;outline:2px solid canvastext}.brick-tree__item[data-disabled]>.brick-tree__item-content{color:graytext;opacity:1}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=tree.css.map */

package/dist/styles/tree.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,urDAuCA,yFAIA,2HAKA,ibAUA,4FAOA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDAEA,qbAcA,gGAIA,wJAKA,gJAIA,yHAIA,2JAKA,+PAWA,wJAUA,4GAIA,0GAIA,sDAIA,8HAIA,yCAIA,uDAKA,iUASA,uCACE,wCAGF,8BACE,oRASA,0GACA,sFDtLJ","sources":["home/runner/work/brick/brick/.brick-cache/production/tree.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tree/tree.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/tree/tree.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n  .brick-tree {\n    --brick-tree-background: transparent;\n    --brick-tree-border-color: var(--brick-color-border-subtle);\n    --brick-tree-border-width: var(--brick-border-width);\n    --brick-tree-radius: var(--brick-radius-surface);\n    --brick-tree-padding: var(--brick-space-1);\n    --brick-tree-row-min-block-size: 2.75rem;\n    --brick-tree-row-radius: var(--brick-radius-control);\n    --brick-tree-row-gap: var(--brick-space-2);\n    --brick-tree-row-padding-block: var(--brick-space-2);\n    --brick-tree-row-padding-inline: var(--brick-space-3);\n    --brick-tree-depth-indent: var(--brick-space-5);\n    --brick-tree-guide-color: var(--brick-color-border-subtle);\n    --brick-tree-guide-offset: calc(var(--brick-tree-padding) + var(--brick-tree-row-padding-inline) + .4375rem);\n    --brick-tree-foreground: var(--brick-color-text-primary);\n    --brick-tree-indicator-color: var(--brick-color-text-secondary);\n    --brick-tree-hover-background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n    --brick-tree-active-background: transparent;\n    --brick-tree-selected-background: var(--brick-color-surface-accent-subtle, var(--brick-color-surface-subtle));\n    --brick-tree-selected-foreground: var(--brick-color-text-primary);\n    --brick-tree-disabled-opacity: .5;\n    --brick-tree-focus-ring: var(--brick-color-focus-ring);\n    --brick-tree-focus-ring-width: 2px;\n    --brick-tree-motion-duration: 160ms;\n    --brick-tree-motion-easing: ease;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding: var(--brick-tree-padding);\n    border: 0;\n    border-radius: var(--brick-tree-radius);\n    color: var(--brick-tree-foreground);\n    background: var(--brick-tree-background);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-tree[data-variant=\"soft\"] {\n    --brick-tree-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-tree[data-variant=\"outline\"] {\n    border: var(--brick-tree-border-width) solid var(--brick-tree-border-color);\n    overflow: clip;\n  }\n\n  .brick-tree[data-size=\"sm\"] {\n    --brick-tree-row-min-block-size: 2.25rem;\n    --brick-tree-row-padding-block: var(--brick-space-1);\n    --brick-tree-row-padding-inline: var(--brick-space-2);\n    --brick-tree-depth-indent: var(--brick-space-4);\n    --brick-tree-guide-offset: calc(var(--brick-tree-padding) + var(--brick-tree-row-padding-inline) + .375rem);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n\n  .brick-tree__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    outline: none;\n    --brick-tree-level: 1;\n  }\n\n  .brick-tree__item[data-level=\"2\"] { --brick-tree-level: 2; }\n  .brick-tree__item[data-level=\"3\"] { --brick-tree-level: 3; }\n  .brick-tree__item[data-level=\"4\"] { --brick-tree-level: 4; }\n  .brick-tree__item[data-level=\"5\"] { --brick-tree-level: 5; }\n  .brick-tree__item[data-level=\"6\"] { --brick-tree-level: 6; }\n  .brick-tree__item[data-level=\"7\"] { --brick-tree-level: 7; }\n  .brick-tree__item[data-level=\"8\"] { --brick-tree-level: 8; }\n  .brick-tree__item[data-level=\"9\"] { --brick-tree-level: 9; }\n  .brick-tree__item[data-level=\"10\"] { --brick-tree-level: 10; }\n\n  .brick-tree__item-content {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    gap: var(--brick-tree-row-gap);\n    min-inline-size: 0;\n    min-block-size: var(--brick-tree-row-min-block-size);\n    margin-inline-start: calc((var(--brick-tree-level) - 1) * var(--brick-tree-depth-indent));\n    padding-block: var(--brick-tree-row-padding-block);\n    padding-inline: var(--brick-tree-row-padding-inline);\n    border-radius: var(--brick-tree-row-radius);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-tree__item:hover > .brick-tree__item-content {\n    background: var(--brick-tree-hover-background);\n  }\n\n  .brick-tree__item[data-selected] > .brick-tree__item-content {\n    color: var(--brick-tree-selected-foreground);\n    background: var(--brick-tree-selected-background);\n  }\n\n  .brick-tree__item[data-active] > .brick-tree__item-content {\n    box-shadow: inset 0 0 0 var(--brick-tree-focus-ring-width) var(--brick-tree-focus-ring);\n  }\n\n  .brick-tree__item[data-active][data-selected] > .brick-tree__item-content {\n    background: var(--brick-tree-selected-background);\n  }\n\n  .brick-tree__item[data-disabled] > .brick-tree__item-content,\n  .brick-tree[data-disabled] .brick-tree__item-content {\n    opacity: var(--brick-tree-disabled-opacity);\n  }\n\n  .brick-tree__indicator {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    inline-size: 1rem;\n    block-size: 1rem;\n    color: var(--brick-tree-indicator-color);\n    transition: transform var(--brick-tree-motion-duration) var(--brick-tree-motion-easing);\n  }\n\n  .brick-tree__indicator svg {\n    inline-size: 100%;\n    block-size: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .brick-tree__item:not([data-expandable]) > .brick-tree__item-content > .brick-tree__indicator {\n    visibility: hidden;\n  }\n\n  .brick-tree__item[data-expanded] > .brick-tree__item-content > .brick-tree__indicator {\n    transform: rotate(90deg);\n  }\n\n  [dir=\"rtl\"] .brick-tree__indicator {\n    transform: scaleX(-1);\n  }\n\n  [dir=\"rtl\"] .brick-tree__item[data-expanded] > .brick-tree__item-content > .brick-tree__indicator {\n    transform: scaleX(-1) rotate(90deg);\n  }\n\n  .brick-tree__item-text {\n    min-inline-size: 0;\n  }\n\n  .brick-tree__group {\n    position: relative;\n    min-inline-size: 0;\n  }\n\n  .brick-tree[data-guide] .brick-tree__group::before {\n    content: \"\";\n    position: absolute;\n    inset-block: 0;\n    inset-inline-start: calc(var(--brick-tree-guide-offset) + (var(--brick-tree-level) - 1) * var(--brick-tree-depth-indent));\n    border-inline-start: var(--brick-tree-border-width) solid var(--brick-tree-guide-color);\n    pointer-events: none;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-tree__indicator { transition: none; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-tree {\n      --brick-tree-border-color: CanvasText;\n      --brick-tree-background: Canvas;\n      --brick-tree-guide-color: GrayText;\n      --brick-tree-hover-background: Canvas;\n      --brick-tree-selected-background: Highlight;\n      --brick-tree-selected-foreground: HighlightText;\n      --brick-tree-focus-ring: CanvasText;\n    }\n    .brick-tree__item[data-active] > .brick-tree__item-content { outline: 2px solid CanvasText; outline-offset: -2px; }\n    .brick-tree__item[data-disabled] > .brick-tree__item-content { color: GrayText; opacity: 1; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,urDAuCA,yFAIA,2HAKA,ibAUA,4FAOA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDAEA,qbAcA,gGAIA,wJAKA,gJAIA,yHAIA,2JAKA,+PAWA,wJAUA,4GAIA,0GAIA,sDAIA,8HAIA,yCAIA,uDAKA,iUASA,uCACE,wCAGF,8BACE,oRASA,0GACA,sFDtLJ","sources":["home/runner/work/brick/brick/.brick-cache/production/tree.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tree/tree.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/tree/tree.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-tree {\n    --brick-tree-background: transparent;\n    --brick-tree-border-color: var(--brick-color-border-subtle);\n    --brick-tree-border-width: var(--brick-border-width);\n    --brick-tree-radius: var(--brick-radius-surface);\n    --brick-tree-padding: var(--brick-space-1);\n    --brick-tree-row-min-block-size: 2.75rem;\n    --brick-tree-row-radius: var(--brick-radius-control);\n    --brick-tree-row-gap: var(--brick-space-2);\n    --brick-tree-row-padding-block: var(--brick-space-2);\n    --brick-tree-row-padding-inline: var(--brick-space-3);\n    --brick-tree-depth-indent: var(--brick-space-5);\n    --brick-tree-guide-color: var(--brick-color-border-subtle);\n    --brick-tree-guide-offset: calc(var(--brick-tree-padding) + var(--brick-tree-row-padding-inline) + .4375rem);\n    --brick-tree-foreground: var(--brick-color-text-primary);\n    --brick-tree-indicator-color: var(--brick-color-text-secondary);\n    --brick-tree-hover-background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n    --brick-tree-active-background: transparent;\n    --brick-tree-selected-background: var(--brick-color-surface-accent-subtle, var(--brick-color-surface-subtle));\n    --brick-tree-selected-foreground: var(--brick-color-text-primary);\n    --brick-tree-disabled-opacity: .5;\n    --brick-tree-focus-ring: var(--brick-color-focus-ring);\n    --brick-tree-focus-ring-width: 2px;\n    --brick-tree-motion-duration: 160ms;\n    --brick-tree-motion-easing: ease;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding: var(--brick-tree-padding);\n    border: 0;\n    border-radius: var(--brick-tree-radius);\n    color: var(--brick-tree-foreground);\n    background: var(--brick-tree-background);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-tree[data-variant=\"soft\"] {\n    --brick-tree-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-tree[data-variant=\"outline\"] {\n    border: var(--brick-tree-border-width) solid var(--brick-tree-border-color);\n    overflow: clip;\n  }\n\n  .brick-tree[data-size=\"sm\"] {\n    --brick-tree-row-min-block-size: 2.25rem;\n    --brick-tree-row-padding-block: var(--brick-space-1);\n    --brick-tree-row-padding-inline: var(--brick-space-2);\n    --brick-tree-depth-indent: var(--brick-space-4);\n    --brick-tree-guide-offset: calc(var(--brick-tree-padding) + var(--brick-tree-row-padding-inline) + .375rem);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n\n  .brick-tree__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    outline: none;\n    --brick-tree-level: 1;\n  }\n\n  .brick-tree__item[data-level=\"2\"] { --brick-tree-level: 2; }\n  .brick-tree__item[data-level=\"3\"] { --brick-tree-level: 3; }\n  .brick-tree__item[data-level=\"4\"] { --brick-tree-level: 4; }\n  .brick-tree__item[data-level=\"5\"] { --brick-tree-level: 5; }\n  .brick-tree__item[data-level=\"6\"] { --brick-tree-level: 6; }\n  .brick-tree__item[data-level=\"7\"] { --brick-tree-level: 7; }\n  .brick-tree__item[data-level=\"8\"] { --brick-tree-level: 8; }\n  .brick-tree__item[data-level=\"9\"] { --brick-tree-level: 9; }\n  .brick-tree__item[data-level=\"10\"] { --brick-tree-level: 10; }\n\n  .brick-tree__item-content {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    gap: var(--brick-tree-row-gap);\n    min-inline-size: 0;\n    min-block-size: var(--brick-tree-row-min-block-size);\n    margin-inline-start: calc((var(--brick-tree-level) - 1) * var(--brick-tree-depth-indent));\n    padding-block: var(--brick-tree-row-padding-block);\n    padding-inline: var(--brick-tree-row-padding-inline);\n    border-radius: var(--brick-tree-row-radius);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-tree__item:hover > .brick-tree__item-content {\n    background: var(--brick-tree-hover-background);\n  }\n\n  .brick-tree__item[data-selected] > .brick-tree__item-content {\n    color: var(--brick-tree-selected-foreground);\n    background: var(--brick-tree-selected-background);\n  }\n\n  .brick-tree__item[data-active] > .brick-tree__item-content {\n    box-shadow: inset 0 0 0 var(--brick-tree-focus-ring-width) var(--brick-tree-focus-ring);\n  }\n\n  .brick-tree__item[data-active][data-selected] > .brick-tree__item-content {\n    background: var(--brick-tree-selected-background);\n  }\n\n  .brick-tree__item[data-disabled] > .brick-tree__item-content,\n  .brick-tree[data-disabled] .brick-tree__item-content {\n    opacity: var(--brick-tree-disabled-opacity);\n  }\n\n  .brick-tree__indicator {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    inline-size: 1rem;\n    block-size: 1rem;\n    color: var(--brick-tree-indicator-color);\n    transition: transform var(--brick-tree-motion-duration) var(--brick-tree-motion-easing);\n  }\n\n  .brick-tree__indicator svg {\n    inline-size: 100%;\n    block-size: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .brick-tree__item:not([data-expandable]) > .brick-tree__item-content > .brick-tree__indicator {\n    visibility: hidden;\n  }\n\n  .brick-tree__item[data-expanded] > .brick-tree__item-content > .brick-tree__indicator {\n    transform: rotate(90deg);\n  }\n\n  [dir=\"rtl\"] .brick-tree__indicator {\n    transform: scaleX(-1);\n  }\n\n  [dir=\"rtl\"] .brick-tree__item[data-expanded] > .brick-tree__item-content > .brick-tree__indicator {\n    transform: scaleX(-1) rotate(90deg);\n  }\n\n  .brick-tree__item-text {\n    min-inline-size: 0;\n  }\n\n  .brick-tree__group {\n    position: relative;\n    min-inline-size: 0;\n  }\n\n  .brick-tree[data-guide] .brick-tree__group::before {\n    content: \"\";\n    position: absolute;\n    inset-block: 0;\n    inset-inline-start: calc(var(--brick-tree-guide-offset) + (var(--brick-tree-level) - 1) * var(--brick-tree-depth-indent));\n    border-inline-start: var(--brick-tree-border-width) solid var(--brick-tree-guide-color);\n    pointer-events: none;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-tree__indicator { transition: none; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-tree {\n      --brick-tree-border-color: CanvasText;\n      --brick-tree-background: Canvas;\n      --brick-tree-guide-color: GrayText;\n      --brick-tree-hover-background: Canvas;\n      --brick-tree-selected-background: Highlight;\n      --brick-tree-selected-foreground: HighlightText;\n      --brick-tree-focus-ring: CanvasText;\n    }\n    .brick-tree__item[data-active] > .brick-tree__item-content { outline: 2px solid CanvasText; outline-offset: -2px; }\n    .brick-tree__item[data-disabled] > .brick-tree__item-content { color: GrayText; opacity: 1; }\n  }\n}\n"],"names":[]}

package/dist/styles/visually-hidden.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations,brick.components,brick.effects;
+@layer brick.tokens,brick.foundations,brick.components,brick.utilities,brick.effects;
 /*# sourceMappingURL=visually-hidden.css.map */

package/dist/styles/visually-hidden.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA","sources":["home/runner/work/brick/brick/.brick-cache/production/visually-hidden.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/visually-hidden/visually-hidden.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/visually-hidden/visually-hidden.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","/* Atom owns the authoritative inline hiding behavior. This file intentionally\n   contains no visual recipe. */\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA","sources":["home/runner/work/brick/brick/.brick-cache/production/visually-hidden.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/visually-hidden/visually-hidden.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/visually-hidden/visually-hidden.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","/* Atom owns the authoritative inline hiding behavior. This file intentionally\n   contains no visual recipe. */\n"],"names":[]}

package/dist/styles/z-stack.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,brick.foundations;@layer brick.components{.brick-z-stack{box-sizing:border-box;grid-template:minmax(0,auto)/minmax(0,1fr);place-items:stretch stretch;min-block-size:0;min-inline-size:0;display:grid}.brick-z-stack>*{grid-area:1/1;min-block-size:0;min-inline-size:0}.brick-z-stack[data-align=start]{align-items:start}.brick-z-stack[data-align=center]{align-items:center}.brick-z-stack[data-align=end]{align-items:end}.brick-z-stack[data-justify=start]{justify-items:start}.brick-z-stack[data-justify=center]{justify-items:center}.brick-z-stack[data-justify=end]{justify-items:end}.brick-z-stack-item{box-sizing:border-box;place-self:auto}.brick-z-stack-item[data-align=stretch]{align-self:stretch}.brick-z-stack-item[data-align=start]{align-self:start}.brick-z-stack-item[data-align=center]{align-self:center}.brick-z-stack-item[data-align=end]{align-self:end}.brick-z-stack-item[data-justify=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify=start]{justify-self:start}.brick-z-stack-item[data-justify=center]{justify-self:center}.brick-z-stack-item[data-justify=end]{justify-self:end}@media (width>=30rem){.brick-z-stack[data-align-sm=stretch]{align-items:stretch}.brick-z-stack[data-align-sm=start]{align-items:start}.brick-z-stack[data-align-sm=center]{align-items:center}.brick-z-stack[data-align-sm=end]{align-items:end}.brick-z-stack[data-justify-sm=stretch]{justify-items:stretch}.brick-z-stack[data-justify-sm=start]{justify-items:start}.brick-z-stack[data-justify-sm=center]{justify-items:center}.brick-z-stack[data-justify-sm=end]{justify-items:end}.brick-z-stack-item[data-align-sm=auto]{align-self:auto}.brick-z-stack-item[data-align-sm=stretch]{align-self:stretch}.brick-z-stack-item[data-align-sm=start]{align-self:start}.brick-z-stack-item[data-align-sm=center]{align-self:center}.brick-z-stack-item[data-align-sm=end]{align-self:end}.brick-z-stack-item[data-justify-sm=auto]{justify-self:auto}.brick-z-stack-item[data-justify-sm=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify-sm=start]{justify-self:start}.brick-z-stack-item[data-justify-sm=center]{justify-self:center}.brick-z-stack-item[data-justify-sm=end]{justify-self:end}}@media (width>=48rem){.brick-z-stack[data-align-md=stretch]{align-items:stretch}.brick-z-stack[data-align-md=start]{align-items:start}.brick-z-stack[data-align-md=center]{align-items:center}.brick-z-stack[data-align-md=end]{align-items:end}.brick-z-stack[data-justify-md=stretch]{justify-items:stretch}.brick-z-stack[data-justify-md=start]{justify-items:start}.brick-z-stack[data-justify-md=center]{justify-items:center}.brick-z-stack[data-justify-md=end]{justify-items:end}.brick-z-stack-item[data-align-md=auto]{align-self:auto}.brick-z-stack-item[data-align-md=stretch]{align-self:stretch}.brick-z-stack-item[data-align-md=start]{align-self:start}.brick-z-stack-item[data-align-md=center]{align-self:center}.brick-z-stack-item[data-align-md=end]{align-self:end}.brick-z-stack-item[data-justify-md=auto]{justify-self:auto}.brick-z-stack-item[data-justify-md=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify-md=start]{justify-self:start}.brick-z-stack-item[data-justify-md=center]{justify-self:center}.brick-z-stack-item[data-justify-md=end]{justify-self:end}}@media (width>=64rem){.brick-z-stack[data-align-lg=stretch]{align-items:stretch}.brick-z-stack[data-align-lg=start]{align-items:start}.brick-z-stack[data-align-lg=center]{align-items:center}.brick-z-stack[data-align-lg=end]{align-items:end}.brick-z-stack[data-justify-lg=stretch]{justify-items:stretch}.brick-z-stack[data-justify-lg=start]{justify-items:start}.brick-z-stack[data-justify-lg=center]{justify-items:center}.brick-z-stack[data-justify-lg=end]{justify-items:end}.brick-z-stack-item[data-align-lg=auto]{align-self:auto}.brick-z-stack-item[data-align-lg=stretch]{align-self:stretch}.brick-z-stack-item[data-align-lg=start]{align-self:start}.brick-z-stack-item[data-align-lg=center]{align-self:center}.brick-z-stack-item[data-align-lg=end]{align-self:end}.brick-z-stack-item[data-justify-lg=auto]{justify-self:auto}.brick-z-stack-item[data-justify-lg=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify-lg=start]{justify-self:start}.brick-z-stack-item[data-justify-lg=center]{justify-self:center}.brick-z-stack-item[data-justify-lg=end]{justify-self:end}}@media (width>=80rem){.brick-z-stack[data-align-xl=stretch]{align-items:stretch}.brick-z-stack[data-align-xl=start]{align-items:start}.brick-z-stack[data-align-xl=center]{align-items:center}.brick-z-stack[data-align-xl=end]{align-items:end}.brick-z-stack[data-justify-xl=stretch]{justify-items:stretch}.brick-z-stack[data-justify-xl=start]{justify-items:start}.brick-z-stack[data-justify-xl=center]{justify-items:center}.brick-z-stack[data-justify-xl=end]{justify-items:end}.brick-z-stack-item[data-align-xl=auto]{align-self:auto}.brick-z-stack-item[data-align-xl=stretch]{align-self:stretch}.brick-z-stack-item[data-align-xl=start]{align-self:start}.brick-z-stack-item[data-align-xl=center]{align-self:center}.brick-z-stack-item[data-align-xl=end]{align-self:end}.brick-z-stack-item[data-justify-xl=auto]{justify-self:auto}.brick-z-stack-item[data-justify-xl=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify-xl=start]{justify-self:start}.brick-z-stack-item[data-justify-xl=center]{justify-self:center}.brick-z-stack-item[data-justify-xl=end]{justify-self:end}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=z-stack.css.map */

package/dist/styles/z-stack.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,4JAUA,kEAMA,mDACA,qDACA,+CACA,uDACA,yDACA,mDAEA,0DACA,2DACA,uDACA,yDACA,mDACA,+DACA,2DACA,6DACA,uDAEA,sBACE,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,4DDnHJ","sources":["home/runner/work/brick/brick/.brick-cache/production/z-stack.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/z-stack/z-stack.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/z-stack/z-stack.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-z-stack {\n    box-sizing: border-box;\n    display: grid;\n    min-inline-size: 0;\n    min-block-size: 0;\n    grid-template: minmax(0, auto) / minmax(0, 1fr);\n    align-items: stretch;\n    justify-items: stretch;\n  }\n\n  .brick-z-stack > * {\n    min-inline-size: 0;\n    min-block-size: 0;\n    grid-area: 1 / 1;\n  }\n\n  .brick-z-stack[data-align=\"start\"] { align-items: start; }\n  .brick-z-stack[data-align=\"center\"] { align-items: center; }\n  .brick-z-stack[data-align=\"end\"] { align-items: end; }\n  .brick-z-stack[data-justify=\"start\"] { justify-items: start; }\n  .brick-z-stack[data-justify=\"center\"] { justify-items: center; }\n  .brick-z-stack[data-justify=\"end\"] { justify-items: end; }\n\n  .brick-z-stack-item { box-sizing: border-box; align-self: auto; justify-self: auto; }\n  .brick-z-stack-item[data-align=\"stretch\"] { align-self: stretch; }\n  .brick-z-stack-item[data-align=\"start\"] { align-self: start; }\n  .brick-z-stack-item[data-align=\"center\"] { align-self: center; }\n  .brick-z-stack-item[data-align=\"end\"] { align-self: end; }\n  .brick-z-stack-item[data-justify=\"stretch\"] { justify-self: stretch; }\n  .brick-z-stack-item[data-justify=\"start\"] { justify-self: start; }\n  .brick-z-stack-item[data-justify=\"center\"] { justify-self: center; }\n  .brick-z-stack-item[data-justify=\"end\"] { justify-self: end; }\n\n  @media (width >= 30rem) {\n    .brick-z-stack[data-align-sm=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-sm=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-sm=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-sm=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-sm=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-sm=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-sm=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-sm=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-sm=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-sm=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-sm=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-sm=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-sm=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-sm=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-sm=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-sm=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-sm=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-z-stack[data-align-md=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-md=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-md=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-md=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-md=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-md=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-md=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-md=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-md=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-md=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-md=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-md=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-md=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-md=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-md=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-md=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-md=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-md=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-z-stack[data-align-lg=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-lg=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-lg=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-lg=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-lg=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-lg=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-lg=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-lg=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-lg=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-lg=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-lg=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-lg=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-lg=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-lg=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-lg=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-lg=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-lg=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-z-stack[data-align-xl=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-xl=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-xl=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-xl=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-xl=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-xl=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-xl=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-xl=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-xl=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-xl=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-xl=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-xl=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-xl=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-xl=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-xl=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-xl=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-xl=\"end\"] { justify-self: end; }\n  }\n\n}\n"],"names":[]}