@baseline-ui/core 0.49.1 → 0.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -7,4 +7,4 @@
7
7
  * This notice may not be removed from this file.
8
8
  *
9
9
  */
10
- @layer bui-reset;.z9nup81{display:flex;flex-direction:row}.z9nup82{pointer-events:none;cursor:not-allowed}.z9nup83{background-image:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%)}.z9nup84{background-size:4px 4px}.z9nup85{background-size:6px 6px}.z9nup87{position:relative}.z9nup87:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:var(--hj25q10);background:transparent;pointer-events:auto}.z9nup89{position:relative}.z9nup89:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:var(--hj25q10);min-height:var(--hj25q10);background:transparent;pointer-events:auto}@layer bui-reset{.z9nup80{display:contents}.z9nup86{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (pointer: coarse){.z9nup88{position:relative}.z9nup88:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:var(--hj25q10);background:transparent;pointer-events:auto}.z9nup8a{position:relative}.z9nup8a:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:var(--hj25q10);min-height:var(--hj25q10);background:transparent;pointer-events:auto}}@layer bui-base;@layer bui-variants;._6n12k90{list-style:none;padding-top:var(--bui-spacing-md);padding-bottom:var(--bui-spacing-md)}._6n12k98[data-orientation=vertical][data-layout=stack]{flex-direction:column}._6n12k98[data-orientation=horizontal][data-layout=stack]{flex-direction:row}._6n12k9f{overflow-wrap:break-word;inline-size:min-content;min-height:36px}@layer bui-base{._6n12k91{list-style:none;height:36px}._6n12k9b{list-style:none;transition-property:outline-color;z-index:9}}@layer bui-variants{._6n12k95{border-top-width:1px}._6n12k96{border-bottom-width:1px}}@layer bui-base;@layer bui-variants;@layer bui-base{.gukncs0{background-color:var(--bui-color-border-subtle);width:100%;height:1px;flex-shrink:0}}@layer bui-variants{.gukncs1{width:1px;height:100%}.gukncs2{background-color:var(--bui-color-border-medium)}}@layer bui-reset;@layer bui-variants;.uf19bsf{transition-property:rotate}.uf19bse[aria-expanded=true] .uf19bsf{rotate:180deg}@layer bui-reset{.uf19bs0{all:unset;height:fit-content}}@layer bui-variants{.uf19bs1{min-height:16px;min-width:16px}.uf19bs2{min-height:24px;min-width:24px}.uf19bs3{min-height:32px;min-width:32px}.uf19bs4{min-height:40px;min-width:40px}.uf19bs5{min-height:48px;min-width:48px}.uf19bs7{cursor:not-allowed}.uf19bs8{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}.uf19bs9[aria-expanded=true],.uf19bs9[data-pressed=true]{background-color:var(--bui-color-background-primary-medium)}.uf19bsa[aria-expanded=true],.uf19bsa[data-pressed=true]{color:var(--bui-color-icon-secondary)}.uf19bsb[aria-expanded=true],.uf19bsb[data-pressed=true]{background-color:var(--bui-color-background-primary-strong);color:var(--bui-color-icon-interactive-enabled)}.uf19bsc[aria-expanded=true],.uf19bsc[data-pressed=true]{color:var(--bui-color-icon-interactive-active)}.uf19bsd[aria-expanded=true],.uf19bsd[data-pressed=true]{background-color:var(--bui-color-background-primary-strong)}.uf19bse{min-height:unset;width:fit-content;min-width:unset}.uf19bse[aria-expanded=true],.uf19bse[data-pressed=true]{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}}@layer bui-base;@layer bui-variants;@layer bui-base{.cjv3et1{overflow:auto;outline:none;width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-xl))}[data-device=tablet] .cjv3et1,[data-device=tablet].cjv3et1{width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-2-xl))}[data-device=desktop] .cjv3et1,[data-device=desktop].cjv3et1{width:var(--cjv3et0)}}@layer bui-variants{.cjv3et2{max-width:240px}.cjv3et3{max-width:480px}.cjv3et4{max-width:720px}.cjv3et5{width:unset;max-width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-xl))}[data-device=tablet] .cjv3et5,[data-device=tablet].cjv3et5,[data-device=desktop] .cjv3et5,[data-device=desktop].cjv3et5{max-width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-2-xl))}.cjv3et7{outline:none;border-color:transparent}.cjv3eta{max-width:100vw}}@layer bui-base;@layer bui-variants;._1gzftthc{position:fixed;inset:0;z-index:1;overflow:hidden}._1gzftthd{opacity:0;position:fixed;pointer-events:none}._1gzftth1:has(.cjv3et1[data-focus-visible=true]) ._1gzftth2{display:none}._1gzftth1:has(.cjv3et1[data-focus-visible=true]) ._1gzftth7{display:block}@layer bui-base{._1gzftth1{min-width:max-content;position:absolute}._1gzftth1[data-placement=top],._1gzftth1[data-placement=bottom]{width:var(--_1gzftth0)}._1gzftth2{position:absolute}._1gzftth7{display:none;z-index:9}}@layer bui-variants{._1gzftth3{transform:rotate(180deg) translate(-50%,8px);transform-origin:left}._1gzftth4{bottom:0;transform:translate(-50%,8px)}._1gzftth5{transform:rotate(90deg) translate(-50%,11px)}._1gzftth6{right:0;transform:rotate(-90deg) translate(50%,11px);transform-origin:center}._1gzftth8{transform:rotate(180deg) translate(-50%,10px);transform-origin:left}._1gzftth9{bottom:0;transform:translate(-50%,10px)}._1gzfttha{transform:rotate(90deg) translate(-50%,10px)}._1gzftthb{right:0;transform:rotate(-90deg) translate(50%,10px);transform-origin:center}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.oom8bs0 svg{pointer-events:none}.oom8bs5[aria-expanded=true] .uf19bsf{rotate:180deg}@layer bui-base{.oom8bs0{border:none;transition-property:all;width:fit-content;height:fit-content;white-space:nowrap;box-sizing:border-box}.oom8bst{transition-property:color}}@layer bui-variants{.oom8bs1{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}.oom8bs1:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs2{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium);background-color:var(--bui-color-background-secondary-subtle);color:var(--bui-color-text-primary)}.oom8bs2:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs3{background-color:transparent;box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-enabled);color:var(--bui-color-text-interactive-enabled)}.oom8bs3:disabled{box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-disabled);color:var(--bui-color-text-interactive-disabled)}.oom8bs4{background-color:transparent;color:var(--bui-color-text-interactive-enabled)}.oom8bs4:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs5{background-color:transparent;color:var(--bui-color-text-primary);transition-property:none}.oom8bs5:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs5[aria-expanded=true]{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bs6{background-color:transparent;color:var(--bui-color-text-primary);border-radius:0}.oom8bs6:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs6[data-hovered=true],.oom8bs6[data-pressed=true],.oom8bs6[aria-expanded=true]{background-color:var(--bui-color-background-primary-strong)}.oom8bs6[data-focus-visible=true]{outline:2px solid var(--bui-color-focused-default);outline-offset:-2px}.oom8bs7{background-color:var(--bui-color-support-success-medium);color:var(--bui-color-text-inverse)}.oom8bs7:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs8{background-color:var(--bui-color-support-warning-medium);color:var(--bui-color-text-inverse)}.oom8bs8:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs9{background-color:var(--bui-color-support-error-medium);color:var(--bui-color-text-inverse)}.oom8bs9:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bsa{cursor:not-allowed}.oom8bsb{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}.oom8bsd{min-height:32px;padding:var(--bui-spacing-md)}.oom8bse{min-height:40px;padding:var(--bui-spacing-md) var(--bui-spacing-lg)}.oom8bsf{min-height:48px;padding:var(--bui-spacing-lg);font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}}@layer bui-compound-variants{.oom8bsg{background-color:var(--bui-color-background-interactive-hovered)}.oom8bsh{background-color:var(--bui-color-background-secondary-medium)}.oom8bsi{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive);box-shadow:none}.oom8bsj{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bsk{color:var(--bui-color-text-interactive-hovered)}.oom8bsl{background-color:var(--bui-color-support-success-strong)}.oom8bsm{background-color:var(--bui-color-support-warning-strong)}.oom8bsn{background-color:var(--bui-color-support-error-strong)}.oom8bso{border:none;box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}.oom8bsp{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset);background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}.oom8bsq,.oom8bsr,.oom8bss{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}}@layer bui-base;@layer bui-variants;._14uvjig3{height:24px}._14uvjig4{height:2px}@layer bui-base{._14uvjigb{height:8px;width:8px;margin-top:1px;transition-property:height,width}}@layer bui-variants{._14uvjigc{height:12px;width:12px}._14uvjigd{cursor:not-allowed}._14uvjigf{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-background-interactive-enabled);transition-property:left}._14uvjigg{height:12px;width:12px}}@layer bui-variants;@layer bui-base;@layer bui-compound-variants;@layer bui-variants{.nrh1ehd{cursor:not-allowed}.nrh1ehj{cursor:inherit;color:var(--bui-color-text-interactive-disabled)}.nrh1ehj::placeholder{color:var(--bui-color-text-interactive-disabled)}.nrh1ehl{text-align:right}.nrh1ehu{width:max-content;max-width:100px}}@layer bui-base{.nrh1eh7{overflow:hidden;height:32px}.nrh1ehi{background-color:transparent;height:inherit;text-align:inherit}.nrh1ehi::placeholder{color:var(--bui-color-text-placeholder)}}@layer bui-compound-variants{.nrh1ehh{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}}._1lnwne0{max-width:140px}._1lnwne1{display:flex;align-items:center;gap:var(--bui-spacing-sm);padding:0 var(--bui-spacing-sm);height:inherit;transition:background-color .2s ease-in}._1lnwne4{background-color:var(--bui-color-background-primary-medium)}@layer bui-base;._1jwycy80{width:0;height:0;border-right:7px solid transparent;border-bottom:8px solid;border-left:7px solid transparent;position:absolute}._1jwycy81{transform:translate(-50%,-7px)}._1jwycy82{transform:translate(10px,-50%) rotate(90deg);right:0}._1jwycy83{transform:translate(-10px,-50%) rotate(270deg);left:0}._1jwycy84{transform:translate(-50%,7px) rotate(180deg);bottom:0}._1jwycy85{border-bottom-color:var(--bui-color-background-inverse-strong)}._1jwycy86{border-bottom-color:var(--bui-color-background-primary-subtle)}@layer bui-base{._1jwycy87{max-inline-size:35ch}}@layer bui-variants;@layer bui-variants;@layer bui-base;.siobe24{min-height:48px}@layer bui-base{.siobe20{overflow:hidden;touch-action:none;width:100vw}[data-device=tablet] .siobe20,[data-device=tablet].siobe20,[data-device=desktop] .siobe20,[data-device=desktop].siobe20{width:100%;overflow:hidden}}@layer bui-variants;@layer bui-base;.aml2vl8{left:0;right:0;height:fit-content;max-height:80dvh;max-height:80vh}@layer bui-variants{.aml2vl1{position:absolute}.aml2vl2{position:fixed}.aml2vl5{align-items:flex-end}.aml2vl6{position:absolute}.aml2vl7{position:fixed}}@layer bui-base{.aml2vl3{z-index:1000}}.bpklwa0{display:inline-flex}.bpklwa1{flex-direction:column;gap:var(--bui-spacing-md);width:fit-content}.bpklwa2{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.bpklwa3{display:inline-flex;flex-direction:row;gap:var(--bui-spacing-md);align-items:center}.bpklwa4{flex-direction:row-reverse}.bpklwa6{color:var(--bui-color-text-primary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwa7{border-radius:9px;width:36px;height:18px;background-color:var(--bui-color-background-inverse-subtle);padding:2px;box-sizing:border-box;cursor:pointer}.bpklwa8{border:1px solid var(--bui-color-border-interactive-disabled);padding:1px;background-color:transparent;cursor:default}.bpklwa9{background-color:var(--bui-color-background-secondary-medium);cursor:not-allowed}.bpklwab{outline-offset:1px;outline:var(--bui-color-focused-default) 2px solid}.bpklwac{background-color:var(--bui-color-background-interactive-enabled)}.bpklwad{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwae{width:14px;height:14px;background-color:var(--bui-color-icon-oninteractive);border-radius:var(--bui-rounded-full);transition:transform .2s}.bpklwaf{background-color:var(--bui-color-border-interactive-disabled)}.bpklwag{transform:translate(calc(var(--_1hotumh0) * (18px - 1px)))}.bpklwah{background-color:var(--bui-color-icon-primary)}@layer bui-variants;._19n40yy9{background-color:transparent;font:inherit;cursor:inherit;min-width:0}._19n40yy9::placeholder{font:inherit;color:var(--bui-color-text-placeholder)}._19n40yy9::-webkit-search-cancel-button{-webkit-appearance:none}._19n40yy9::-webkit-search-decoration{-webkit-appearance:none}@layer bui-variants{._19n40yy1{height:48px}._19n40yy2{height:40px}._19n40yy3{height:32px}._19n40yy6{border-color:transparent;outline-width:2px;outline-style:solid;outline-color:var(--bui-color-focused-default);outline-offset:-1px}._19n40yy8{cursor:not-allowed}}@layer bui-compound-variants;.xyd2ss0{list-style:none}.xyd2ss0:has(.BaselineUI-Menu-Section){padding-block:unset}.xyd2ss1 .BaselineUI-Menu-Section{padding-block:var(--bui-spacing-md)}.xyd2ss1:not(:has(.BaselineUI-Menu-Section)){padding-block:var(--bui-spacing-md)}@layer bui-compound-variants{.xyd2ss1{list-style:none;overflow-y:auto;max-height:inherit;width:fit-content;min-width:max(100%,150px)}.xyd2ss1:not(:has(.xyd2ss0)){padding-block:var(--bui-spacing-md)}}@layer bui-reset;@layer bui-base;@layer bui-variants;._1fjxa6l1{list-style:none;padding-top:var(--bui-spacing-md);padding-bottom:var(--bui-spacing-md)}._1fjxa6l1:not(:first-child){border-top:1px solid var(--bui-color-border-subtle)}._1fjxa6l9[data-orientation=vertical][data-layout=stack]{flex-direction:column}._1fjxa6l9[data-orientation=horizontal][data-layout=stack]{flex-direction:row}._1fjxa6lg{overflow-wrap:break-word;inline-size:min-content;min-height:36px}@layer bui-reset{._1fjxa6l0{outline:none;border:none}}@layer bui-base{._1fjxa6l2{list-style:none;height:36px}._1fjxa6l2:first-of-type{border-top-width:1px}._1fjxa6l2:last-of-type{border-bottom-width:1px}._1fjxa6lc{list-style:none;transition-property:outline-color;z-index:9}}@layer bui-variants{._1fjxa6l4{border-top-width:1px}._1fjxa6l5{border-bottom-width:1px}}@layer bui-base;@layer bui-variants;@layer bui-base{._16vugd03{height:16px;width:16px;transition-property:background-color,border-color}}@layer bui-variants{._16vugd06{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-focused-default)}._16vugd08,._16vugd09{cursor:not-allowed;pointer-events:none}}._13f0naj0{cursor:pointer;color:var(--bui-color-text-interactive-enabled);transition:color .2s;outline:none}._13f0naj0:visited:not([aria-disabled=true]){color:var(--bui-color-text-interactive-visited);text-decoration-color:var(--bui-color-border-interactive-visited)}._13f0naj1{text-decoration:none}._13f0naj2{text-decoration:underline;text-decoration-color:var(--bui-color-border-interactive-enabled)}._13f0naj3{color:var(--bui-color-text-interactive-hovered);text-decoration-color:var(--bui-color-border-interactive-hovered)}._13f0naj4{outline:2px solid var(--bui-color-focused-default)}._13f0naj5{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed;text-decoration-color:var(--bui-color-border-interactive-disabled)}._13f0najc{color:var(--bui-color-text-interactive-active);outline:2px solid var(--bui-color-focused-default)}._13f0najd{font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._13f0naje{font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._13f0najf{font:var(--bui-typography-body-lg-regular-font);letter-spacing:var(--bui-typography-body-lg-regular-letter-spacing)}._13f0najg{font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._13f0najh{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._13f0naji{font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}._180w5ed0{text-align:center;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;padding:var(--bui-spacing-xl);gap:var(--bui-spacing-md)}._180w5ed1{width:100%;background-color:var(--bui-color-background-secondary-subtle)}._180w5ed2{border:1px dashed var(--bui-color-border-medium);border-radius:var(--bui-rounded-sm)}._180w5ed3{outline:none}._180w5ed4{pointer-events:none;background-color:unset}._180w5ed5{border-color:var(--bui-color-border-interactive-enabled)}._180w5ed6{border:2px solid var(--bui-color-border-interactive-enabled)}._180w5ed7{border:1px solid var(--bui-color-border-interactive-disabled)}._180w5ed8{border:1px dashed var(--bui-color-border-interactive-disabled)}._180w5ed9{color:var(--bui-color-icon-secondary)}._180w5eda{color:var(--bui-color-icon-interactive-disabled)}._180w5edb{cursor:inherit;color:var(--bui-color-background-interactive-enabled);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._180w5edc{color:var(--bui-color-text-interactive-disabled)}._180w5edd{text-decoration:underline}._180w5ede{color:var(--bui-color-text-helper);font:var(--bui-typography-label-md-regular-font);letter-spacing:var(--bui-typography-label-md-regular-letter-spacing)}._180w5edf{color:var(--bui-color-text-interactive-disabled)}@layer bui-base;._12vfhl42{height:16px}._12vfhl43{height:4px}@layer bui-base{._12vfhl44{height:4px}}@layer bui-base;@layer bui-variants;._9b1tml0{display:inline-flex;flex-direction:row;align-self:flex-start;padding:var(--bui-spacing-xs);gap:var(--bui-spacing-xs);border-radius:var(--bui-rounded-sm);align-items:center;cursor:pointer;transition:background-color .2s ease;outline:none;border:none;background-color:var(--bui-color-background-secondary-subtle)}._9b1tml1{background-color:var(--bui-color-background-interactive-enabled)}._9b1tml2{background-color:var(--bui-color-background-secondary-subtle)}._9b1tml5{outline:2px solid var(--bui-color-focused-default)}._9b1tml6{cursor:default;box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-disabled);background-color:var(--bui-color-background-primary-subtle)}._9b1tml7{padding:1px;border:1px solid var(--bui-color-focused-inset)}._9b1tml8{background-color:var(--bui-color-background-interactive-hovered)}._9b1tml9{background-color:var(--bui-color-background-secondary-medium)}._9b1tmla{background-color:var(--bui-color-background-interactive-disabled);color:var(--bui-color-text-oninteractive)}._9b1tmlb{background-color:var(--bui-color-background-interactive-disabled);box-shadow:inset 0 0 0 1px var(--bui-color-border-inverse)}._9b1tmlc{padding:var(--bui-spacing-xs);background-color:var(--bui-color-background-primary-subtle);color:var(--bui-color-icon-primary);border-radius:var(--bui-rounded-xs);display:flex}._9b1tmld{color:var(--bui-color-icon-interactive-disabled)}._9b1tmle{color:var(--bui-color-icon-inverse);background-color:var(--bui-color-background-inverse-strong)}@layer bui-base{._9b1tmlf{font-variant-numeric:tabular-nums}}@layer bui-variants{._9b1tmlh{height:20px}._9b1tmli{height:24px}}@keyframes _1azy5683{0%{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:0}50%{stroke-dasharray:calc(var(--_1azy5680) * .75) calc(var(--_1azy5680) * .25);stroke-dashoffset:calc(var(--_1azy5680) * -.25)}to{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:calc(-1 * var(--_1azy5680))}}@keyframes _1azy5684{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1azy5681{gap:var(--bui-spacing-md);align-items:center}._1azy5682{display:flex;align-items:center}._1azy5685{fill:none;stroke-width:3;stroke:var(--bui-color-background-interactive-enabled);transform-origin:center;animation:1.5s ease-in-out infinite _1azy5683,2s linear infinite _1azy5684}._1azy5686{position:absolute;fill:none;stroke-width:3;stroke:var(--bui-color-border-medium)}._1azy5687{color:var(--bui-color-support-success-medium)}._1azy5688{color:var(--bui-color-support-error-medium)}._1azy5689{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._5uw3kp0{background-color:transparent;border-radius:0;align-items:center;gap:var(--bui-spacing-md);color:var(--bui-color-text-primary);outline:none;cursor:pointer}._5uw3kp0:active:not(:disabled){background-color:var(--bui-color-background-primary-strong)}._5uw3kp1{background-color:var(--bui-color-background-primary-strong)}._5uw3kp2{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._5uw3kp3{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed}._5uw3kp4{color:var(--bui-color-text-oninteractive);background-color:var(--bui-color-background-interactive-enabled)}._5uw3kp5{min-height:32px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);padding:var(--bui-spacing-md)}._5uw3kp6{min-height:40px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);padding:var(--bui-spacing-md) var(--bui-spacing-lg)}._5uw3kp7{min-height:48px;font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing);padding:var(--bui-spacing-lg)}._5uw3kp8{border-radius:var(--bui-rounded-xs)}._5uw3kpa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}._5uw3kpb{background-color:var(--bui-color-background-interactive-disabled)}._5uw3kpc{border-radius:var(--bui-rounded-sm)}@layer bui-variants;@layer bui-base;._1nsi9h17{display:flex;gap:var(--bui-spacing-sm);height:inherit;align-items:center;padding:0 var(--bui-spacing-lg)}._1nsi9h18{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1nsi9h19{justify-content:center;flex:1}._1nsi9h1b{padding:0 var(--bui-spacing-md)}._1nsi9h1f{font:inherit;line-height:inherit;font-variant-numeric:tabular-nums;background-color:transparent}._1nsi9h1f:disabled{color:var(--bui-color-text-interactive-disabled)}@layer bui-variants{._1nsi9h11{height:24px}._1nsi9h12{height:32px}._1nsi9h13{height:40px}._1nsi9h14{height:48px}}@layer bui-base{._1nsi9h1g{white-space:nowrap}}@layer bui-base;@layer bui-variants;._1f789qju{transition:background-color .2s ease-in-out;background-color:transparent}._1f789qj11{background-color:var(--bui-color-background-secondary-subtle)}._1f789qj12{background-color:var(--bui-color-support-error-subtler)}._1f789qj13{background-color:var(--bui-color-support-info-subtler)}._1f789qj14{background-color:var(--bui-color-support-success-subtler)}._1f789qj15{background-color:var(--bui-color-background-inverse-medium)}@layer bui-base{._1f789qj0{width:fit-content}}@layer bui-variants{._1f789qj1{outline:2px solid var(--bui-color-focused-default);outline-offset:1px}._1f789qj7{cursor:not-allowed}._1f789qja{cursor:pointer}._1f789qjc:has(.BaselineUI-Tag-Icon){padding-inline-start:var(--bui-spacing-sm)}._1f789qjd{min-height:16px}._1f789qjd:has(.BaselineUI-Tag-Icon){padding-inline-start:var(--bui-spacing-xs)}}@layer bui-reset;._1kvz17d1{transform:rotate(90deg)}._1kvz17d2{cursor:pointer;box-shadow:inset 0 1px 0 var(--bui-color-border-medium);outline:none;height:40px}._1kvz17d3{outline-offset:-2px;outline:2px solid var(--bui-color-focused-default)}._1kvz17dc{opacity:0}._1kvz17dd{opacity:1}._1kvz17de{overflow:hidden}@layer bui-reset{._1kvz17da{all:unset}}@layer bui-base;@layer bui-variants;._1mdhlqv0{cursor:pointer;background-color:transparent}._1mdhlqv1{outline:none}._1mdhlqv2{border-color:var(--bui-color-border-medium)}._1mdhlqv8{overflow:auto;flex-basis:auto}._1mdhlqv9{transition:transform .2s ease-in-out}._1mdhlqva{transform:rotate(180deg)}._1mdhlqvb{flex:1}._1mdhlqvc{position:relative;overflow-y:auto;max-height:inherit;border:none;outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}._1mdhlqvc .BaselineUI-ListBox-Section{padding-block:var(--bui-spacing-md)}._1mdhlqvc.BaselineUI-ListBox:not(:has(.BaselineUI-ListBox-Section)){padding-block:var(--bui-spacing-md)}._1mdhlqvd{z-index:9}._1mdhlqvg{background-color:transparent;border:none;outline:none;padding:none;margin:none}._1mdhlqvh{width:auto}._1mdhlqvi{border-top:1px solid var(--bui-color-border-subtle)}@layer bui-base{._1mdhlqvc{min-width:max(64px,var(--_1gzftth0))}._1mdhlqve{overflow-y:auto}._1mdhlqve:has(.BaselineUI-ListBox-Section){padding-block:unset}}@layer bui-variants{._1mdhlqvf{width:calc(100% - 2px);margin-inline:1px}}._1017q4c0{border-radius:var(--bui-rounded-full);color:var(--bui-color-icon-inverse);display:flex;position:relative;align-items:center;justify-content:center;background-color:var(--bui-color-icon-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._1017q4c1{height:24px;width:24px}._1017q4c2{height:16px;width:16px}._1017q4c3{opacity:var(--bui-opacity-medium)}._1017q4c4{height:100%;width:100%;border-radius:var(--bui-rounded-full);overflow:hidden;object-fit:cover}._1017q4c5{position:absolute;height:12px;width:12px;background-color:var(--bui-color-support-error-medium);border:2px solid var(--bui-color-border-subtle);border-radius:var(--bui-rounded-full);bottom:-4px;right:-4px}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1x62fhbl{border-left:1px solid var(--bui-color-border-medium);flex-shrink:0}._1x62fhbl:first-of-type{border-left:none}@layer bui-base{._1x62fhb0{overflow-x:auto;height:40px}._1x62fhb6{text-wrap:nowrap}}@layer bui-variants{._1x62fhb9{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1x62fhba{pointer-events:none;cursor:not-allowed}._1x62fhbb{border-right:1px solid var(--bui-color-border-medium)}}@layer bui-compound-variants{._1x62fhbd{box-shadow:inset 0 -2px 0 0 var(--bui-color-border-interactive-enabled)}._1x62fhbe{box-shadow:inset 0 -2px 0 0 var(--bui-color-background-interactive-disabled)}}@layer bui-variants;@layer bui-variants{.kfun6y5{min-height:44px}.kfun6y6{justify-content:space-between}.kfun6y7{width:240px}}@keyframes _1dbkl5w{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}@layer bui-variants;@layer bui-base;@layer bui-reset;._1dbkl53{height:120px}._1dbkl5e{width:100%;height:4px}._1dbkl5f{font-variant-numeric:tabular-nums}._1dbkl5g{max-width:240px}._1dbkl5j{min-width:max-content}._1dbkl5k{list-style:none}._1dbkl5l{grid-template-columns:repeat(6,1fr)}._1dbkl5m{height:12px}._1dbkl5u{margin-inline-start:-1px}._1dbkl5u[data-hovered],._1dbkl5u[data-focus-visible]{z-index:9}._1dbkl5v .BaselineUI-NumberInput:not(:first-of-type){margin-inline-start:-1px}._1dbkl5v .BaselineUI-NumberInput:not(:first-of-type):not(:last-of-type) .BaselineUI-NumberInput-Container{border-radius:0}._1dbkl5v:not(:has(._1dbkl5q)) .BaselineUI-NumberInput:first-of-type .BaselineUI-NumberInput-Container{border-top-right-radius:0;border-bottom-right-radius:0}._1dbkl5v .BaselineUI-NumberInput:last-of-type .BaselineUI-NumberInput-Container{border-top-left-radius:0;border-bottom-left-radius:0}._1dbkl5x{animation-name:_1dbkl5w;animation-duration:.2s}@layer bui-variants{._1dbkl55{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium)}._1dbkl56{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1dbkl58{width:fit-content}._1dbkl5o{outline-offset:-2px;border-width:3px}._1dbkl5r{box-shadow:inset 0 0 0 1px var(--bui-color-focused-default);z-index:99}._1dbkl5s{z-index:9}}@layer bui-reset{._1dbkl5a{all:unset}}@layer bui-base{._1dbkl54{background-color:transparent}._1dbkl5a{min-width:32px;min-height:32px;box-sizing:border-box}._1dbkl5h{max-height:inherit;overflow-y:auto}._1dbkl5n{border-color:var(--bui-color-background-positive-subtle);width:12px;height:12px;top:6px;box-shadow:0 0 4px #0006;overflow:hidden}._1dbkl5q{background-color:transparent;border-width:1px;height:32px;width:154px}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1344e9q9{height:2px;rotate:-45deg;width:calc(100% - 2px)}@layer bui-base{._1344e9q0{width:16px;height:16px;transition:outline-color ease-in .2s}._1344e9q0:before{content:"";position:absolute;inset:0;border-radius:var(--bui-rounded-full);border:1px solid var(--bui-color-border-medium);mix-blend-mode:multiply}._1344e9q0[data-interactive=true]:before{cursor:pointer}}@layer bui-variants{._1344e9q2{pointer-events:none}._1344e9q3:before{mix-blend-mode:normal}}@layer bui-compound-variants{._1344e9q6,._1344e9q7{box-shadow:0 0 0 4px var(--bui-color-focused-inset),0 0 0 6px var(--bui-color-focused-default)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.mnnh5s0{background:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%);background-size:16px 16px}.mnnh5sa{height:100%;width:100%;object-fit:contain}.mnnh5sd{opacity:.5}@layer bui-base{.mnnh5s1{min-height:100px;overflow:hidden}.mnnh5s1:after{content:"";background-color:transparent}}@layer bui-variants{.mnnh5s2{min-width:208px}.mnnh5s8{pointer-events:none;cursor:not-allowed}}@layer bui-compound-variants{.mnnh5s9:after{content:"";position:absolute;transition:background-color .2s;inset:0;background:var(--bui-color-background-overlay-medium)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1i0ytqa0{display:flex;flex-direction:column;align-items:center}@layer bui-base{._1i0ytqa1{height:40px}._1i0ytqa3{touch-action:none}}@layer bui-variants{._1i0ytqa7{pointer-events:none;cursor:not-allowed}._1i0ytqa8{cursor:crosshair}._1i0ytqad{pointer-events:none;cursor:not-allowed}}@layer bui-compound-variants{._1i0ytqa9{box-shadow:inset 0 0 0 1px var(--bui-color-focused-default)}._1i0ytqaa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}}@layer bui-base;@layer bui-variants;@layer bui-reset;._1vm2oh49{top:var(--bui-spacing-sm);right:var(--bui-spacing-sm)}@layer bui-base{._1vm2oh40{transition-property:outline-color,background-color}}@layer bui-variants;@layer bui-reset{._1vm2oh48{all:unset}}.cw3m0n0{transition-property:color}.cw3m0n3{color:var(--bui-color-icon-interactive-enabled)}.cw3m0n4{width:8px;height:8px;background-color:currentColor;border-radius:var(--bui-rounded-full)}.xvr3wn0{overflow-x:auto}.xvr3wn1{overflow-y:auto}@layer bui-reset;@layer bui-base;@layer bui-variants;@layer bui-compound-variants;@layer bui-reset{._1j5skr70{all:unset}}@layer bui-base{._1j5skr71{aspect-ratio:1 / 1;height:fit-content}._1j5skr77{background-color:transparent}}@layer bui-variants{._1j5skr72{min-height:16px}._1j5skr73{min-height:24px}._1j5skr74{min-height:32px}._1j5skr75{min-height:40px}._1j5skr76{min-height:48px}._1j5skr7b{background-color:var(--bui-color-background-interactive-disabled)}}@layer bui-compound-variants{._1j5skr7c{background-color:var(--bui-color-background-interactive-enabled)}._1j5skr7d{background-color:transparent}._1j5skr7e{outline-offset:-3px}._1j5skr7k{background-color:var(--bui-color-background-interactive-enabled);outline-offset:-3px}}@layer bui-base;@layer bui-variants;@layer bui-reset;.f6jv6b9{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#A9AEB7 transparent}.f6jv6ba{white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;resize:none;overflow:hidden;z-index:9}.f6jv6ba::placeholder{color:var(--bui-color-text-placeholder);font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}.f6jv6ba:disabled{color:var(--bui-color-text-interactive-disabled)}.f6jv6be{overflow:auto;min-height:40px;box-sizing:border-box;padding-block:12px}.f6jv6b4 span[data-user-id]{color:var(--bui-color-background-interactive-enabled);cursor:pointer;display:inline-block;background-color:var(--bui-color-background-primary-strong);border-radius:var(--bui-rounded-sm);padding:0 var(--bui-spacing-xs)}.f6jv6b4 a{text-decoration:underline}.f6jv6bj{min-height:48px}.f6jv6bi[data-drawer=true] .f6jv6bj,.f6jv6bi[data-drawer=true] .f6jv6bk{display:none}.f6jv6bl{border-top:1px solid var(--bui-color-border-subtle)}.f6jv6bm{font:inherit;background-color:transparent;field-sizing:content}.f6jv6bn{height:40px}@layer bui-base{.f6jv6b0[aria-disabled=true]{pointer-events:none;cursor:not-allowed}.f6jv6b4{cursor:text}.f6jv6b6:hover{z-index:9}.f6jv6b6:focus:not(:has(input)){outline:2px solid var(--bui-color-focused-default);z-index:9;outline-offset:-1px}.f6jv6bb:has([data-focused]){outline:2px solid var(--bui-color-focused-default);outline-offset:-1px}.f6jv6bf{min-height:48px}}@layer bui-variants{.f6jv6b5{pointer-events:none;cursor:not-allowed}.f6jv6b7:hover:not(:focus){outline:1px solid var(--bui-color-border-strong)}.f6jv6b8:hover:not(:focus){box-shadow:0 -1px 1px -1px var(--bui-color-border-strong),0 1px 1px -1px var(--bui-color-border-strong)}}@layer bui-reset{.f6jv6ba{all:unset}}@layer bui-reset;@layer bui-variants;._8kqf970{height:fit-content;bottom:var(--bui-spacing-lg);margin-left:50%;text-align:center;white-space:nowrap;position:absolute}@layer bui-reset{._8kqf970{all:unset}}@layer bui-variants{._8kqf970{overflow:unset}}._1v0p2z10{min-height:48px}@keyframes _1t55bp72{0%{opacity:0}}._1t55bp70 h1{font:var(--bui-typography-heading-h-3-medium-font);letter-spacing:var(--bui-typography-heading-h-3-medium-letter-spacing)}._1t55bp70 h2{font:var(--bui-typography-heading-h-4-medium-font);letter-spacing:var(--bui-typography-heading-h-4-medium-letter-spacing)}._1t55bp70 h3{font:var(--bui-typography-heading-h-5-semibold-font);letter-spacing:var(--bui-typography-heading-h-5-semibold-letter-spacing)}._1t55bp70 h4{font:var(--bui-typography-heading-h-5-medium-font);letter-spacing:var(--bui-typography-heading-h-5-medium-letter-spacing)}._1t55bp70 h5{font:var(--bui-typography-heading-h-6-medium-font);letter-spacing:var(--bui-typography-heading-h-6-medium-letter-spacing)}._1t55bp70 h6{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1t55bp70 em>strong{font-style:italic}._1t55bp70 strong{font:var(--bui-typography-body-sm-semibold-font);letter-spacing:var(--bui-typography-body-sm-semibold-letter-spacing)}._1t55bp70 blockquote{border-left:2px solid var(--bui-color-border-strong);padding-left:var(--bui-spacing-md);color:var(--bui-color-text-secondary)}._1t55bp70 ul,._1t55bp70 ol{list-style-position:inside}._1t55bp70 ul>li>p,._1t55bp70 ol>li>p{display:inline}._1t55bp70 li>ol,._1t55bp70 li>ul{padding-left:var(--bui-spacing-md)}._1t55bp70 pre:has(code){background-color:var(--bui-color-background-primary-strong);padding:var(--bui-spacing-lg);overflow:auto}._1t55bp70 a{color:var(--bui-color-background-interactive-enabled)}._1t55bp70 th{text-align:left}._1t55bp71>:not(ol,ul,pre):last-child:after,._1t55bp71:empty:after,._1t55bp71>pre:last-child code:after,._1t55bp71>:is(ul,ol):last-child>li:last-child:not(:has(*>li)):after{content:"\2502";animation:_1t55bp72 1s infinite steps(2);color:var(--bui-color-background-interactive-enabled)}.rta2n90 .BaselineUI-Slider-Thumb{transition:background-color .2s ease-in;margin-top:1.5px;background-color:transparent;width:12px;height:12px}.rta2n90:hover .BaselineUI-Slider-Thumb,.rta2n90:focus-within .BaselineUI-Slider-Thumb{background-color:var(--bui-color-background-interactive-enabled)}.rta2n90:not(:hover):not(:focus-within) .BaselineUI-Slider-Thumb{background-color:transparent}.rta2n90 .BaselineUI-Slider-Track{height:4px;border-radius:0}.rta2n90 .BaselineUI-Slider-TrackHighlight{height:100%;border-radius:0;background-color:var(--bui-color-background-interactive-enabled)}.rta2n91{font-variant-numeric:tabular-nums}@layer bui-base;@layer bui-compound-variants;@layer bui-variants;._1w920rn0{row-gap:var(--bui-spacing-xl);justify-content:center}[data-device=tablet] ._1w920rn0,[data-device=tablet]._1w920rn0,[data-device=desktop] ._1w920rn0,[data-device=desktop]._1w920rn0{justify-content:start}._1w920rn1{list-style:none;width:fit-content;outline:none;margin-inline:calc(var(--bui-spacing-lg) / 2)}._1w920rn1[aria-disabled=true]{opacity:var(--bui-opacity-medium)}._1w920rnb{width:inherit}._1w920rne{top:var(--bui-spacing-sm);left:var(--bui-spacing-sm)}._1w920rnf{top:var(--bui-spacing-xs);right:var(--bui-spacing-xs)}@layer bui-base{._1w920rn2{overflow:hidden;list-style:none;background-color:#fff}._1w920rn7{min-width:var(--bui-spacing-4-xl);text-align:center}._1w920rnc{transition:transform .2s ease-in-out;opacity:0;height:inherit;width:inherit}._1w920rng{height:inherit;outline:none}@media (pointer: fine){._1w920rn7{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}}@layer bui-compound-variants{._1w920rn6:before{content:"";position:absolute;inset:0;box-shadow:var(--bui-elevation-low),inset 0 0 0 1px var(--bui-color-focused-inset),inset 0 0 0 3px var(--bui-color-focused-default)}._1w920rna{outline-offset:-3px}}@layer bui-variants{._1w920rn8{outline-offset:-2px}._1w920rn9{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}._1w920rnd{opacity:1}._1w920rnh{width:2px;background-color:transparent}._1w920rnh[data-drop-target=true]{background-color:var(--bui-color-focused-default)}._1w920rni{width:0;transform:translate(2px)}._1w920rni[data-drop-target=true]{outline:1px solid var(--bui-color-focused-default)}}@layer bui-variants;._1sexph00:hover{background-color:var(--bui-color-background-primary-strong)}._1sexph00[data-disabled=true]{pointer-events:none;cursor:not-allowed}._1sexph00[data-expanded=true]:not([data-disabled=true]):not([data-selected=true]){background-color:var(--bui-color-background-primary-strong)}._1sexph00:hover:not([data-selected=true]) button{background-color:transparent}._1sexph00:not([data-selected=true]) ._1sexph01:disabled{color:var(--bui-color-icon-interactive-disabled);pointer-events:none;cursor:not-allowed}._1sexph00[data-selected=true] ._1sexph01:disabled{color:var(--bui-color-icon-oninteractive);background-color:var(--bui-color-background-interactive-disabled)}._1sexph01 svg{transition:transform .2s ease-in-out;width:8px;height:8px}._1sexph01[data-hovered=true] svg{opacity:.5}._1sexph01[aria-expanded=true] svg{transform:rotate(180deg)}._1sexph02{width:fit-content}@layer bui-variants{._1sexph01{width:fit-content;min-width:24px;box-sizing:border-box;color:var(--bui-color-icon-primary)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._18v88n1y .BaselineUI-ListBox-SelectionIndicator{display:none}@layer bui-base{._18v88n15{height:24px}._18v88n1d{overflow:hidden;height:32px}._18v88n1p{background-color:transparent;height:inherit;text-align:inherit}._18v88n1p::placeholder{color:var(--bui-color-text-placeholder)}._18v88n1p[type=number]::-webkit-inner-spin-button,._18v88n1p[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}._18v88n1p[type=number]{-moz-appearance:textfield}}@layer bui-variants{._18v88n1j{cursor:not-allowed}._18v88n1q{cursor:inherit}._18v88n1q::placeholder{color:var(--bui-color-text-interactive-disabled)}._18v88n1s{text-align:right}}@layer bui-compound-variants{._18v88n1n{border-color:transparent}._18v88n1o{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}}@layer bui-base;.byycd02{cursor:grab}@layer bui-base{.byycd01{overflow:hidden;list-style:none;background-color:var(--bui-color-background-primary-subtle)}}._1dc3b8m0{color:var(--bui-color-icon-interactive-enabled);background-color:var(--bui-color-background-primary-strong)}.ujkypy0{list-style-type:none;outline:none}.ujkypy0[data-disabled=true]{pointer-events:none}@layer bui-base;@layer bui-base{._1lrwegk0{outline:none;font-variant-numeric:tabular-nums;white-space:break-spaces}}@layer bui-reset;@layer bui-base;@layer bui-variants;._10dw1p95 ._10dw1p96 svg{transition:transform .2s ease-in-out}._10dw1p95[data-expanded=true] ._10dw1p96 svg{transform:rotate(90deg)}@layer bui-reset{._10dw1p90{all:unset}}@layer bui-base{._10dw1p90{min-height:32px}}@layer bui-variants;._6abhjk0{background:var(--bui-color-background-secondary-medium);transition:background-color 80ms ease-in-out}._6abhjk0[data-resize-handle-active=pointer],._6abhjk0[data-resize-handle-active=keyboard],._6abhjk0:focus,._6abhjk0:hover{background:var(--bui-color-background-overlay-interactive)}._6abhjk0[data-panel-group-direction=horizontal]{width:4px}._6abhjk0[data-panel-group-direction=vertical]{height:4px}._1udvgpn5{inset-block:auto var(--bui-spacing-lg);inset-inline:var(--bui-spacing-lg)}[data-device=tablet] ._1udvgpn5,[data-device=tablet]._1udvgpn5,[data-device=desktop] ._1udvgpn5,[data-device=desktop]._1udvgpn5{inset-inline:auto var(--bui-spacing-lg)}@layer bui-compound-variants;@layer bui-base;@layer bui-variants;._1bwul1t0{padding:0 var(--bui-spacing-md);gap:var(--bui-spacing-md);height:24px}._1bwul1t1{padding:0 var(--bui-spacing-lg);gap:var(--bui-spacing-lg);height:32px}._1bwul1t2{padding:0 var(--bui-spacing-xl);gap:var(--bui-spacing-xl);height:40px}._1bwul1t3{white-space:nowrap}@layer bui-compound-variants{._1bwul1t3{font-variant-numeric:tabular-nums}}@layer bui-base{._1bwul1t8{text-align:center;-moz-appearance:textfield}._1bwul1t8:focus{outline:2px solid var(--bui-color-focused-default);outline-offset:-1px;z-index:1}._1bwul1t8:disabled{color:var(--bui-color-text-interactive-disabled)}._1bwul1t8::-webkit-outer-spin-button,._1bwul1t8::-webkit-inner-spin-button{margin:0;appearance:none}}@layer bui-variants{._1bwul1t9{width:46px}._1bwul1ta{width:56px}._1bwul1tb{width:62px}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.m0xg2m2 *{pointer-events:none!important;cursor:none!important}.m0xg2m7{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:4;display:inline-flex}.m0xg2m8{height:fit-content;width:fit-content;font-variant-numeric:tabular-nums}.m0xg2m9{grid-template-columns:repeat(7,8px);grid-template-rows:repeat(7,8px);border-width:.5px;overflow:hidden}.m0xg2ma{width:8px;height:8px;border-width:.5px;z-index:2;mix-blend-mode:multiply}.m0xg2mb{width:14px;height:14px;z-index:3;outline:1px solid var(--bui-color-border-inverse);outline-offset:-3px;border:3px solid var(--bui-color-focused-inset);box-shadow:0 0 4px #0006;transform:translate(-3px,-3px);mix-blend-mode:unset}[dir=rtl] .m0xg2mb{transform:translate(3px,-3px)}.m0xg2mc{position:absolute;z-index:1;transform-origin:top left;pointer-events:none;user-select:none}.m0xg2mc [data-grid-line-type]{display:none}.m0xg2md{pointer-events:none;z-index:4;left:0;top:0}.m0xg2me{display:contents}.m0xg2mf{pointer-events:none}.m0xg2mg{min-width:4px;min-height:4px;transform:translate(-50%,-50%)}.m0xg2mh{pointer-events:none;z-index:999}.m0xg2mi{pointer-events:none}.m0xg2mj{z-index:1}.m0xg2mk{stroke-width:.5;stroke:#fff;stroke-alignment:outside}@layer bui-base{.m0xg2m0{outline:none;position:relative;width:fit-content;height:fit-content}}@layer bui-variants{.m0xg2m2[data-focus-visible=true]{outline:2px solid var(--bui-color-focused-default)}}@layer bui-compound-variants{.m0xg2m5{cursor:none}.m0xg2m6{cursor:crosshair}}._1ltpw2m0{scrollbar-width:thin;scrollbar-color:var(--bui-color-background-secondary-strong) transparent}._1ltpw2m0::-webkit-scrollbar{width:6px;height:6px}._1ltpw2m0::-webkit-scrollbar-track{background:transparent}._1ltpw2m0::-webkit-scrollbar-thumb{background-color:var(--bui-color-background-secondary-strong);border-radius:var(--bui-rounded-full);border:2px solid transparent;background-clip:padding-box}._1ltpw2m0:focus-visible{outline:2px solid var(--bui-color-focused-default)}._1ltpw2m0::-webkit-scrollbar-thumb:hover{background-color:var(--bui-color-border-strong)}._1ltpw2m1{overflow:hidden}._1ltpw2m2{font-size:11px;font-weight:400;font-family:SF Mono,Menlo,Monaco,Consolas,Courier New,monospace;line-height:16.5px;overflow:auto}@layer bui-base;@layer bui-variants;.wf9zfn0[data-expanded=true] .wf9zfnb{border-bottom-left-radius:0;border-bottom-right-radius:0}.wf9zfno{overflow:hidden}.wf9zfnp,.wf9zfnq,.wf9zfnr,.wf9zfns,.wf9zfnt{border-top:1px solid var(--bui-color-border-subtle)}.wf9zfnu{border-top:1px solid var(--bui-color-support-info-subtle)}.wf9zfnv{border-top:1px solid var(--bui-color-support-warning-subtle)}.wf9zfnw{border-top:1px solid var(--bui-color-support-error-subtle)}.wf9zfnx{border-top:1px solid var(--bui-color-support-success-subtle)}.wf9zfny{border-top:1px solid var(--bui-color-border-medium)}@layer bui-base{.wf9zfn0{height:fit-content}.wf9zfnb{outline-color:transparent;transition-property:outline-color;background-color:transparent}.wf9zfnb:focus-visible{outline:2px solid var(--bui-color-focused-default);z-index:1}.wf9zfnz{transition:rotate .2s ease-in-out}}@layer bui-variants{.wf9zfn11{rotate:180deg}}@keyframes _1w6k5xl0{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}@layer bui-base;@layer bui-variants;._1w6k5xli{animation:_1w6k5xl0 1.5s cubic-bezier(.25,.46,.45,.94) infinite}._1w6k5xlj{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._1w6k5xlk{min-width:0}@layer bui-base{._1w6k5xl1{text-align:start}}@layer bui-variants;._1h7pyh00{outline:none;border:none;background:transparent}
10
+ @layer bui-reset;.z9nup81{display:flex;flex-direction:row}.z9nup82{pointer-events:none;cursor:not-allowed}.z9nup83{background-image:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%)}.z9nup84{background-size:4px 4px}.z9nup85{background-size:6px 6px}.z9nup87{position:relative}.z9nup87:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:var(--hj25q10);background:transparent;pointer-events:auto}.z9nup89{position:relative}.z9nup89:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:var(--hj25q10);min-height:var(--hj25q10);background:transparent;pointer-events:auto}@layer bui-reset{.z9nup80{display:contents}.z9nup86{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (pointer: coarse){.z9nup88{position:relative}.z9nup88:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:var(--hj25q10);background:transparent;pointer-events:auto}.z9nup8a{position:relative}.z9nup8a:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:var(--hj25q10);min-height:var(--hj25q10);background:transparent;pointer-events:auto}}@layer bui-base;@layer bui-variants;._6n12k90{list-style:none;padding-top:var(--bui-spacing-md);padding-bottom:var(--bui-spacing-md)}._6n12k98[data-orientation=vertical][data-layout=stack]{flex-direction:column}._6n12k98[data-orientation=horizontal][data-layout=stack]{flex-direction:row}._6n12k9f{overflow-wrap:break-word;inline-size:min-content;min-height:36px}@layer bui-base{._6n12k91{list-style:none;height:36px}._6n12k9b{list-style:none;transition-property:outline-color;z-index:9}}@layer bui-variants{._6n12k95{border-top-width:1px}._6n12k96{border-bottom-width:1px}}@layer bui-base;@layer bui-variants;@layer bui-base{.gukncs0{background-color:var(--bui-color-border-subtle);width:100%;height:1px;flex-shrink:0}}@layer bui-variants{.gukncs1{width:1px;height:100%}.gukncs2{background-color:var(--bui-color-border-medium)}}@layer bui-reset;@layer bui-variants;.uf19bsf{transition-property:rotate}.uf19bse[aria-expanded=true] .uf19bsf{rotate:180deg}@layer bui-reset{.uf19bs0{all:unset;height:fit-content}}@layer bui-variants{.uf19bs1{min-height:16px;min-width:16px}.uf19bs2{min-height:24px;min-width:24px}.uf19bs3{min-height:32px;min-width:32px}.uf19bs4{min-height:40px;min-width:40px}.uf19bs5{min-height:48px;min-width:48px}.uf19bs7{cursor:not-allowed}.uf19bs8{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}.uf19bs9[aria-expanded=true],.uf19bs9[data-pressed=true]{background-color:var(--bui-color-background-primary-medium)}.uf19bsa[aria-expanded=true],.uf19bsa[data-pressed=true]{color:var(--bui-color-icon-secondary)}.uf19bsb[aria-expanded=true],.uf19bsb[data-pressed=true]{background-color:var(--bui-color-background-primary-strong);color:var(--bui-color-icon-interactive-enabled)}.uf19bsc[aria-expanded=true],.uf19bsc[data-pressed=true]{color:var(--bui-color-icon-interactive-active)}.uf19bsd[aria-expanded=true],.uf19bsd[data-pressed=true]{background-color:var(--bui-color-background-primary-strong)}.uf19bse{min-height:unset;width:fit-content;min-width:unset}.uf19bse[aria-expanded=true],.uf19bse[data-pressed=true]{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}}@layer bui-base;@layer bui-variants;@layer bui-base{.cjv3et1{overflow:auto;outline:none;width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-xl))}[data-device=tablet] .cjv3et1,[data-device=tablet].cjv3et1{width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-2-xl))}[data-device=desktop] .cjv3et1,[data-device=desktop].cjv3et1{width:var(--cjv3et0)}}@layer bui-variants{.cjv3et2{max-width:240px}.cjv3et3{max-width:480px}.cjv3et4{max-width:720px}.cjv3et5{width:unset;max-width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-xl))}[data-device=tablet] .cjv3et5,[data-device=tablet].cjv3et5,[data-device=desktop] .cjv3et5,[data-device=desktop].cjv3et5{max-width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-2-xl))}.cjv3et7{outline:none;border-color:transparent}.cjv3eta{max-width:100vw}}@layer bui-base;@layer bui-variants;._1gzftthc{position:fixed;inset:0;z-index:1;overflow:hidden}._1gzftthd{opacity:0;position:fixed;pointer-events:none}._1gzftth1:has(.cjv3et1[data-focus-visible=true]) ._1gzftth2{display:none}._1gzftth1:has(.cjv3et1[data-focus-visible=true]) ._1gzftth7{display:block}@layer bui-base{._1gzftth1{min-width:max-content;position:absolute}._1gzftth1[data-placement=top],._1gzftth1[data-placement=bottom]{width:var(--_1gzftth0)}._1gzftth2{position:absolute}._1gzftth7{display:none;z-index:9}}@layer bui-variants{._1gzftth3{transform:rotate(180deg) translate(-50%,8px);transform-origin:left}._1gzftth4{bottom:0;transform:translate(-50%,8px)}._1gzftth5{transform:rotate(90deg) translate(-50%,11px)}._1gzftth6{right:0;transform:rotate(-90deg) translate(50%,11px);transform-origin:center}._1gzftth8{transform:rotate(180deg) translate(-50%,10px);transform-origin:left}._1gzftth9{bottom:0;transform:translate(-50%,10px)}._1gzfttha{transform:rotate(90deg) translate(-50%,10px)}._1gzftthb{right:0;transform:rotate(-90deg) translate(50%,10px);transform-origin:center}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.oom8bs0 svg{pointer-events:none}.oom8bs5[aria-expanded=true] .uf19bsf{rotate:180deg}@layer bui-base{.oom8bs0{border:none;transition-property:all;width:fit-content;height:fit-content;white-space:nowrap;box-sizing:border-box}.oom8bst{transition-property:color}}@layer bui-variants{.oom8bs1{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}.oom8bs1:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs2{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium);background-color:var(--bui-color-background-secondary-subtle);color:var(--bui-color-text-primary)}.oom8bs2:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs3{background-color:transparent;box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-enabled);color:var(--bui-color-text-interactive-enabled)}.oom8bs3:disabled{box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-disabled);color:var(--bui-color-text-interactive-disabled)}.oom8bs4{background-color:transparent;color:var(--bui-color-text-interactive-enabled)}.oom8bs4:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs5{background-color:transparent;color:var(--bui-color-text-primary);transition-property:none}.oom8bs5:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs5[aria-expanded=true]{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bs6{background-color:transparent;color:var(--bui-color-text-primary);border-radius:0}.oom8bs6:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs6[data-hovered=true],.oom8bs6[data-pressed=true],.oom8bs6[aria-expanded=true]{background-color:var(--bui-color-background-primary-strong)}.oom8bs6[data-focus-visible=true]{outline:2px solid var(--bui-color-focused-default);outline-offset:-2px}.oom8bs7{background-color:var(--bui-color-support-success-medium);color:var(--bui-color-text-inverse)}.oom8bs7:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs8{background-color:var(--bui-color-support-warning-medium);color:var(--bui-color-text-inverse)}.oom8bs8:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs9{background-color:var(--bui-color-support-error-medium);color:var(--bui-color-text-inverse)}.oom8bs9:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bsa{cursor:not-allowed}.oom8bsb{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}.oom8bsd{min-height:32px;padding:var(--bui-spacing-md)}.oom8bse{min-height:40px;padding:var(--bui-spacing-md) var(--bui-spacing-lg)}.oom8bsf{min-height:48px;padding:var(--bui-spacing-lg);font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}}@layer bui-compound-variants{.oom8bsg{background-color:var(--bui-color-background-interactive-hovered)}.oom8bsh{background-color:var(--bui-color-background-secondary-medium)}.oom8bsi{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive);box-shadow:none}.oom8bsj{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bsk{color:var(--bui-color-text-interactive-hovered)}.oom8bsl{background-color:var(--bui-color-support-success-strong)}.oom8bsm{background-color:var(--bui-color-support-warning-strong)}.oom8bsn{background-color:var(--bui-color-support-error-strong)}.oom8bso{border:none;box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}.oom8bsp{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset);background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}.oom8bsq,.oom8bsr,.oom8bss{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}}@layer bui-base;@layer bui-variants;._14uvjig3{height:24px}._14uvjig4{height:2px}@layer bui-base{._14uvjigb{height:8px;width:8px;margin-top:1px;transition-property:height,width}}@layer bui-variants{._14uvjigc{height:12px;width:12px}._14uvjigd{cursor:not-allowed}._14uvjigf{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-background-interactive-enabled);transition-property:left}._14uvjigg{height:12px;width:12px}}@layer bui-variants;@layer bui-base;@layer bui-compound-variants;@layer bui-variants{.nrh1ehd{cursor:not-allowed}.nrh1ehj{cursor:inherit;color:var(--bui-color-text-interactive-disabled)}.nrh1ehj::placeholder{color:var(--bui-color-text-interactive-disabled)}.nrh1ehl{text-align:right}.nrh1ehu{width:max-content;max-width:100px}}@layer bui-base{.nrh1eh7{overflow:hidden;height:32px}.nrh1ehi{background-color:transparent;height:inherit;text-align:inherit}.nrh1ehi::placeholder{color:var(--bui-color-text-placeholder)}}@layer bui-compound-variants{.nrh1ehh{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}}._1lnwne0{max-width:140px}._1lnwne1{display:flex;align-items:center;gap:var(--bui-spacing-sm);padding:0 var(--bui-spacing-sm);height:inherit;transition:background-color .2s ease-in}._1lnwne4{background-color:var(--bui-color-background-primary-medium)}@layer bui-base;._1jwycy80{width:0;height:0;border-right:7px solid transparent;border-bottom:8px solid;border-left:7px solid transparent;position:absolute}._1jwycy81{transform:translate(-50%,-7px)}._1jwycy82{transform:translate(10px,-50%) rotate(90deg);right:0}._1jwycy83{transform:translate(-10px,-50%) rotate(270deg);left:0}._1jwycy84{transform:translate(-50%,7px) rotate(180deg);bottom:0}._1jwycy85{border-bottom-color:var(--bui-color-background-inverse-strong)}._1jwycy86{border-bottom-color:var(--bui-color-background-primary-subtle)}@layer bui-base{._1jwycy87{max-inline-size:35ch}}@layer bui-variants;@layer bui-variants;@layer bui-base;.siobe24{min-height:48px}@layer bui-base{.siobe20{overflow:hidden;touch-action:none;width:100vw}[data-device=tablet] .siobe20,[data-device=tablet].siobe20,[data-device=desktop] .siobe20,[data-device=desktop].siobe20{width:100%;overflow:hidden}}@layer bui-variants;@layer bui-base;.aml2vl8{left:0;right:0;height:fit-content;max-height:80dvh;max-height:80vh}@layer bui-variants{.aml2vl1{position:absolute}.aml2vl2{position:fixed}.aml2vl5{align-items:flex-end}.aml2vl6{position:absolute}.aml2vl7{position:fixed}}@layer bui-base{.aml2vl3{z-index:1000}}.bpklwa0{display:inline-flex}.bpklwa1{flex-direction:column;gap:var(--bui-spacing-md);width:fit-content}.bpklwa2{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.bpklwa3{display:inline-flex;flex-direction:row;gap:var(--bui-spacing-md);align-items:center}.bpklwa4{flex-direction:row-reverse}.bpklwa6{color:var(--bui-color-text-primary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwa7{border-radius:9px;width:36px;height:18px;background-color:var(--bui-color-background-inverse-subtle);padding:2px;box-sizing:border-box;cursor:pointer}.bpklwa8{border:1px solid var(--bui-color-border-interactive-disabled);padding:1px;background-color:transparent;cursor:default}.bpklwa9{background-color:var(--bui-color-background-secondary-medium);cursor:not-allowed}.bpklwab{outline-offset:1px;outline:var(--bui-color-focused-default) 2px solid}.bpklwac{background-color:var(--bui-color-background-interactive-enabled)}.bpklwad{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwae{width:14px;height:14px;background-color:var(--bui-color-icon-oninteractive);border-radius:var(--bui-rounded-full);transition:transform .2s}.bpklwaf{background-color:var(--bui-color-border-interactive-disabled)}.bpklwag{transform:translate(calc(var(--_1hotumh0) * (18px - 1px)))}.bpklwah{background-color:var(--bui-color-icon-primary)}@layer bui-variants;._19n40yy9{background-color:transparent;font:inherit;cursor:inherit;min-width:0}._19n40yy9::placeholder{font:inherit;color:var(--bui-color-text-placeholder)}._19n40yy9::-webkit-search-cancel-button{-webkit-appearance:none}._19n40yy9::-webkit-search-decoration{-webkit-appearance:none}@layer bui-variants{._19n40yy1{height:48px}._19n40yy2{height:40px}._19n40yy3{height:32px}._19n40yy6{border-color:transparent;outline-width:2px;outline-style:solid;outline-color:var(--bui-color-focused-default);outline-offset:-1px}._19n40yy8{cursor:not-allowed}}@layer bui-compound-variants;.xyd2ss0{list-style:none}.xyd2ss0:has(.BaselineUI-Menu-Section){padding-block:unset}.xyd2ss1 .BaselineUI-Menu-Section{padding-block:var(--bui-spacing-md)}.xyd2ss1:not(:has(.BaselineUI-Menu-Section)){padding-block:var(--bui-spacing-md)}@layer bui-compound-variants{.xyd2ss1{list-style:none;overflow-y:auto;max-height:inherit;width:fit-content;min-width:max(100%,150px)}.xyd2ss1:not(:has(.xyd2ss0)){padding-block:var(--bui-spacing-md)}}@layer bui-reset;@layer bui-base;@layer bui-variants;._1fjxa6l1{list-style:none;padding-top:var(--bui-spacing-md);padding-bottom:var(--bui-spacing-md)}._1fjxa6l1:not(:first-child){border-top:1px solid var(--bui-color-border-subtle)}._1fjxa6l9[data-orientation=vertical][data-layout=stack]{flex-direction:column}._1fjxa6l9[data-orientation=horizontal][data-layout=stack]{flex-direction:row}._1fjxa6lg{overflow-wrap:break-word;inline-size:min-content;min-height:36px}@layer bui-reset{._1fjxa6l0{outline:none;border:none}}@layer bui-base{._1fjxa6l2{list-style:none;height:36px}._1fjxa6l2:first-of-type{border-top-width:1px}._1fjxa6l2:last-of-type{border-bottom-width:1px}._1fjxa6lc{list-style:none;transition-property:outline-color;z-index:9}}@layer bui-variants{._1fjxa6l4{border-top-width:1px}._1fjxa6l5{border-bottom-width:1px}}@layer bui-base;@layer bui-variants;@layer bui-base{._16vugd03{height:16px;width:16px;transition-property:background-color,border-color}}@layer bui-variants{._16vugd06{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-focused-default)}._16vugd08,._16vugd09{cursor:not-allowed;pointer-events:none}}._13f0naj0{cursor:pointer;color:var(--bui-color-text-interactive-enabled);transition:color .2s;outline:none}._13f0naj0:visited:not([aria-disabled=true]){color:var(--bui-color-text-interactive-visited);text-decoration-color:var(--bui-color-border-interactive-visited)}._13f0naj1{text-decoration:none}._13f0naj2{text-decoration:underline;text-decoration-color:var(--bui-color-border-interactive-enabled)}._13f0naj3{color:var(--bui-color-text-interactive-hovered);text-decoration-color:var(--bui-color-border-interactive-hovered)}._13f0naj4{outline:2px solid var(--bui-color-focused-default)}._13f0naj5{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed;text-decoration-color:var(--bui-color-border-interactive-disabled)}._13f0najc{color:var(--bui-color-text-interactive-active);outline:2px solid var(--bui-color-focused-default)}._13f0najd{font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._13f0naje{font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._13f0najf{font:var(--bui-typography-body-lg-regular-font);letter-spacing:var(--bui-typography-body-lg-regular-letter-spacing)}._13f0najg{font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._13f0najh{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._13f0naji{font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}._180w5ed0{text-align:center;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;padding:var(--bui-spacing-xl);gap:var(--bui-spacing-md)}._180w5ed1{width:100%;background-color:var(--bui-color-background-secondary-subtle)}._180w5ed2{border:1px dashed var(--bui-color-border-medium);border-radius:var(--bui-rounded-sm)}._180w5ed3{outline:none}._180w5ed4{pointer-events:none;background-color:unset}._180w5ed5{border-color:var(--bui-color-border-interactive-enabled)}._180w5ed6{border:2px solid var(--bui-color-border-interactive-enabled)}._180w5ed7{border:1px solid var(--bui-color-border-interactive-disabled)}._180w5ed8{border:1px dashed var(--bui-color-border-interactive-disabled)}._180w5ed9{color:var(--bui-color-icon-secondary)}._180w5eda{color:var(--bui-color-icon-interactive-disabled)}._180w5edb{cursor:inherit;color:var(--bui-color-background-interactive-enabled);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._180w5edc{color:var(--bui-color-text-interactive-disabled)}._180w5edd{text-decoration:underline}._180w5ede{color:var(--bui-color-text-helper);font:var(--bui-typography-label-md-regular-font);letter-spacing:var(--bui-typography-label-md-regular-letter-spacing)}._180w5edf{color:var(--bui-color-text-interactive-disabled)}@layer bui-base;._12vfhl42{height:16px}._12vfhl43{height:4px}@layer bui-base{._12vfhl44{height:4px}}@layer bui-base;@layer bui-variants;._9b1tml0{display:inline-flex;flex-direction:row;align-self:flex-start;padding:var(--bui-spacing-xs);gap:var(--bui-spacing-xs);border-radius:var(--bui-rounded-sm);align-items:center;cursor:pointer;transition:background-color .2s ease;outline:none;border:none;background-color:var(--bui-color-background-secondary-subtle)}._9b1tml1{background-color:var(--bui-color-background-interactive-enabled)}._9b1tml2{background-color:var(--bui-color-background-secondary-subtle)}._9b1tml5{outline:2px solid var(--bui-color-focused-default)}._9b1tml6{cursor:default;box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-disabled);background-color:var(--bui-color-background-primary-subtle)}._9b1tml7{padding:1px;border:1px solid var(--bui-color-focused-inset)}._9b1tml8{background-color:var(--bui-color-background-interactive-hovered)}._9b1tml9{background-color:var(--bui-color-background-secondary-medium)}._9b1tmla{background-color:var(--bui-color-background-interactive-disabled);color:var(--bui-color-text-oninteractive)}._9b1tmlb{background-color:var(--bui-color-background-interactive-disabled);box-shadow:inset 0 0 0 1px var(--bui-color-border-inverse)}._9b1tmlc{padding:var(--bui-spacing-xs);background-color:var(--bui-color-background-primary-subtle);color:var(--bui-color-icon-primary);border-radius:var(--bui-rounded-xs);display:flex}._9b1tmld{color:var(--bui-color-icon-interactive-disabled)}._9b1tmle{color:var(--bui-color-icon-inverse);background-color:var(--bui-color-background-inverse-strong)}@layer bui-base{._9b1tmlf{font-variant-numeric:tabular-nums}}@layer bui-variants{._9b1tmlh{height:20px}._9b1tmli{height:24px}}@keyframes _1azy5683{0%{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:0}50%{stroke-dasharray:calc(var(--_1azy5680) * .75) calc(var(--_1azy5680) * .25);stroke-dashoffset:calc(var(--_1azy5680) * -.25)}to{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:calc(-1 * var(--_1azy5680))}}@keyframes _1azy5684{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1azy5681{gap:var(--bui-spacing-md);align-items:center}._1azy5682{display:flex;align-items:center}._1azy5685{fill:none;stroke-width:3;stroke:var(--bui-color-background-interactive-enabled);transform-origin:center;animation:1.5s ease-in-out infinite _1azy5683,2s linear infinite _1azy5684}._1azy5686{position:absolute;fill:none;stroke-width:3;stroke:var(--bui-color-border-medium)}._1azy5687{color:var(--bui-color-support-success-medium)}._1azy5688{color:var(--bui-color-support-error-medium)}._1azy5689{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._5uw3kp0{background-color:transparent;border-radius:0;align-items:center;gap:var(--bui-spacing-md);color:var(--bui-color-text-primary);outline:none;cursor:pointer}._5uw3kp0:active:not(:disabled){background-color:var(--bui-color-background-primary-strong)}._5uw3kp1{background-color:var(--bui-color-background-primary-strong)}._5uw3kp2{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._5uw3kp3{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed}._5uw3kp4{color:var(--bui-color-text-oninteractive);background-color:var(--bui-color-background-interactive-enabled)}._5uw3kp5{min-height:32px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);padding:var(--bui-spacing-md)}._5uw3kp6{min-height:40px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);padding:var(--bui-spacing-md) var(--bui-spacing-lg)}._5uw3kp7{min-height:48px;font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing);padding:var(--bui-spacing-lg)}._5uw3kp8{border-radius:var(--bui-rounded-xs)}._5uw3kpa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}._5uw3kpb{background-color:var(--bui-color-background-interactive-disabled)}._5uw3kpc{border-radius:var(--bui-rounded-sm)}@layer bui-variants;@layer bui-base;._1nsi9h17{display:flex;gap:var(--bui-spacing-sm);height:inherit;align-items:center;padding:0 var(--bui-spacing-lg)}._1nsi9h18{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1nsi9h19{justify-content:center;flex:1}._1nsi9h1b{padding:0 var(--bui-spacing-md)}._1nsi9h1f{font:inherit;line-height:inherit;font-variant-numeric:tabular-nums;background-color:transparent}._1nsi9h1f:disabled{color:var(--bui-color-text-interactive-disabled)}@layer bui-variants{._1nsi9h11{height:24px}._1nsi9h12{height:32px}._1nsi9h13{height:40px}._1nsi9h14{height:48px}}@layer bui-base{._1nsi9h1g{white-space:nowrap}}@layer bui-base;@layer bui-variants;._1f789qju{transition:background-color .2s ease-in-out;background-color:transparent}._1f789qj11{background-color:var(--bui-color-background-secondary-subtle)}._1f789qj12{background-color:var(--bui-color-support-error-subtler)}._1f789qj13{background-color:var(--bui-color-support-info-subtler)}._1f789qj14{background-color:var(--bui-color-support-success-subtler)}._1f789qj15{background-color:var(--bui-color-background-inverse-medium)}@layer bui-base{._1f789qj0{width:fit-content}}@layer bui-variants{._1f789qj1{outline:2px solid var(--bui-color-focused-default);outline-offset:1px}._1f789qj7{cursor:not-allowed}._1f789qja{cursor:pointer}._1f789qjc:has(.BaselineUI-Tag-Icon){padding-inline-start:var(--bui-spacing-sm)}._1f789qjd{min-height:16px}._1f789qjd:has(.BaselineUI-Tag-Icon){padding-inline-start:var(--bui-spacing-xs)}}@layer bui-reset;._1kvz17d1{transform:rotate(90deg)}._1kvz17d2{cursor:pointer;box-shadow:inset 0 1px 0 var(--bui-color-border-medium);outline:none;height:40px}._1kvz17d3{outline-offset:-2px;outline:2px solid var(--bui-color-focused-default)}._1kvz17dc{opacity:0}._1kvz17dd{opacity:1}._1kvz17de{overflow:hidden}@layer bui-reset{._1kvz17da{all:unset}}@layer bui-base;@layer bui-variants;._1mdhlqv0{cursor:pointer;background-color:transparent}._1mdhlqv1{outline:none}._1mdhlqv2{border-color:var(--bui-color-border-medium)}._1mdhlqv8{overflow:auto;flex-basis:auto}._1mdhlqv9{transition:transform .2s ease-in-out}._1mdhlqva{transform:rotate(180deg)}._1mdhlqvb{flex:1}._1mdhlqvc{position:relative;overflow-y:auto;max-height:inherit;border:none;outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}._1mdhlqvc .BaselineUI-ListBox-Section{padding-block:var(--bui-spacing-md)}._1mdhlqvc.BaselineUI-ListBox:not(:has(.BaselineUI-ListBox-Section)){padding-block:var(--bui-spacing-md)}._1mdhlqvd{z-index:9}._1mdhlqvg{background-color:transparent;border:none;outline:none;padding:none;margin:none}._1mdhlqvh{width:auto}._1mdhlqvi{border-top:1px solid var(--bui-color-border-subtle)}@layer bui-base{._1mdhlqvc{min-width:max(64px,var(--_1gzftth0))}._1mdhlqve{overflow-y:auto}._1mdhlqve:has(.BaselineUI-ListBox-Section){padding-block:unset}}@layer bui-variants{._1mdhlqvf{width:calc(100% - 2px);margin-inline:1px}}._1017q4c0{border-radius:var(--bui-rounded-full);color:var(--bui-color-icon-inverse);display:flex;position:relative;align-items:center;justify-content:center;background-color:var(--bui-color-icon-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._1017q4c1{height:24px;width:24px}._1017q4c2{height:16px;width:16px}._1017q4c3{opacity:var(--bui-opacity-medium)}._1017q4c4{height:100%;width:100%;border-radius:var(--bui-rounded-full);overflow:hidden;object-fit:cover}._1017q4c5{position:absolute;height:12px;width:12px;background-color:var(--bui-color-support-error-medium);border:2px solid var(--bui-color-border-subtle);border-radius:var(--bui-rounded-full);bottom:-4px;right:-4px}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1x62fhbl{border-left:1px solid var(--bui-color-border-medium);flex-shrink:0}._1x62fhbl:first-of-type{border-left:none}@layer bui-base{._1x62fhb0{overflow-x:auto;height:40px}._1x62fhb6{text-wrap:nowrap}}@layer bui-variants{._1x62fhb9{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1x62fhba{pointer-events:none;cursor:not-allowed}._1x62fhbb{border-right:1px solid var(--bui-color-border-medium)}}@layer bui-compound-variants{._1x62fhbd{box-shadow:inset 0 -2px 0 0 var(--bui-color-border-interactive-enabled)}._1x62fhbe{box-shadow:inset 0 -2px 0 0 var(--bui-color-background-interactive-disabled)}}@layer bui-variants;@layer bui-variants{.kfun6y5{min-height:44px}.kfun6y6{justify-content:space-between}.kfun6y7{width:240px}}@keyframes _1dbkl5w{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}@layer bui-variants;@layer bui-base;@layer bui-reset;._1dbkl53{height:120px}._1dbkl5e{width:100%;height:4px}._1dbkl5f{font-variant-numeric:tabular-nums}._1dbkl5g{max-width:240px}._1dbkl5j{min-width:max-content}._1dbkl5k{list-style:none}._1dbkl5l{grid-template-columns:repeat(6,1fr)}._1dbkl5m{height:12px}._1dbkl5u{margin-inline-start:-1px}._1dbkl5u[data-hovered],._1dbkl5u[data-focus-visible]{z-index:9}._1dbkl5v .BaselineUI-NumberInput:not(:first-of-type){margin-inline-start:-1px}._1dbkl5v .BaselineUI-NumberInput:not(:first-of-type):not(:last-of-type) .BaselineUI-NumberInput-Container{border-radius:0}._1dbkl5v:not(:has(._1dbkl5q)) .BaselineUI-NumberInput:first-of-type .BaselineUI-NumberInput-Container{border-top-right-radius:0;border-bottom-right-radius:0}._1dbkl5v .BaselineUI-NumberInput:last-of-type .BaselineUI-NumberInput-Container{border-top-left-radius:0;border-bottom-left-radius:0}._1dbkl5x{animation-name:_1dbkl5w;animation-duration:.2s}@layer bui-variants{._1dbkl55{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium)}._1dbkl56{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1dbkl58{width:fit-content}._1dbkl5o{outline-offset:-2px;border-width:3px}._1dbkl5r{box-shadow:inset 0 0 0 1px var(--bui-color-focused-default);z-index:99}._1dbkl5s{z-index:9}}@layer bui-reset{._1dbkl5a{all:unset}}@layer bui-base{._1dbkl54{background-color:transparent}._1dbkl5a{min-width:32px;min-height:32px;box-sizing:border-box}._1dbkl5h{max-height:inherit;overflow-y:auto}._1dbkl5n{border-color:var(--bui-color-background-positive-subtle);width:12px;height:12px;top:6px;box-shadow:0 0 4px #0006;overflow:hidden}._1dbkl5q{background-color:transparent;border-width:1px;height:32px;width:154px}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1344e9q9{height:2px;rotate:-45deg;width:calc(100% - 2px)}@layer bui-base{._1344e9q0{width:16px;height:16px;transition:outline-color ease-in .2s}._1344e9q0:before{content:"";position:absolute;inset:0;border-radius:var(--bui-rounded-full);border:1px solid var(--bui-color-border-medium);mix-blend-mode:multiply}._1344e9q0[data-interactive=true]:before{cursor:pointer}}@layer bui-variants{._1344e9q2{pointer-events:none}._1344e9q3:before{mix-blend-mode:normal}}@layer bui-compound-variants{._1344e9q6,._1344e9q7{box-shadow:0 0 0 4px var(--bui-color-focused-inset),0 0 0 6px var(--bui-color-focused-default)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.mnnh5s0{background:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%);background-size:16px 16px}.mnnh5sa{height:100%;width:100%;object-fit:contain}.mnnh5sd{opacity:.5}@layer bui-base{.mnnh5s1{min-height:100px;overflow:hidden}.mnnh5s1:after{content:"";background-color:transparent}}@layer bui-variants{.mnnh5s2{min-width:208px}.mnnh5s8{pointer-events:none;cursor:not-allowed}}@layer bui-compound-variants{.mnnh5s9:after{content:"";position:absolute;transition:background-color .2s;inset:0;background:var(--bui-color-background-overlay-medium)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1i0ytqa0{display:flex;flex-direction:column;align-items:center}@layer bui-base{._1i0ytqa1{height:40px}._1i0ytqa3{touch-action:none}}@layer bui-variants{._1i0ytqa7{pointer-events:none;cursor:not-allowed}._1i0ytqa8{cursor:crosshair}._1i0ytqad{pointer-events:none;cursor:not-allowed}}@layer bui-compound-variants{._1i0ytqa9{box-shadow:inset 0 0 0 1px var(--bui-color-focused-default)}._1i0ytqaa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}}@layer bui-base;@layer bui-variants;@layer bui-reset;._1vm2oh49{top:var(--bui-spacing-sm);right:var(--bui-spacing-sm)}@layer bui-base{._1vm2oh40{transition-property:outline-color,background-color}}@layer bui-variants;@layer bui-reset{._1vm2oh48{all:unset}}.cw3m0n0{transition-property:color}.cw3m0n3{color:var(--bui-color-icon-interactive-enabled)}.cw3m0n4{width:8px;height:8px;background-color:currentColor;border-radius:var(--bui-rounded-full)}.xvr3wn0{overflow-x:auto}.xvr3wn1{overflow-y:auto}@layer bui-reset;@layer bui-base;@layer bui-variants;@layer bui-compound-variants;@layer bui-reset{._1j5skr70{all:unset}}@layer bui-base{._1j5skr71{aspect-ratio:1 / 1;height:fit-content}._1j5skr77{background-color:transparent}}@layer bui-variants{._1j5skr72{min-height:16px}._1j5skr73{min-height:24px}._1j5skr74{min-height:32px}._1j5skr75{min-height:40px}._1j5skr76{min-height:48px}._1j5skr7b{background-color:var(--bui-color-background-interactive-disabled)}}@layer bui-compound-variants{._1j5skr7c{background-color:var(--bui-color-background-interactive-enabled)}._1j5skr7d{background-color:transparent}._1j5skr7e{outline-offset:-3px}._1j5skr7k{background-color:var(--bui-color-background-interactive-enabled);outline-offset:-3px}}@layer bui-base;@layer bui-variants;@layer bui-reset;.f6jv6b9{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#A9AEB7 transparent}.f6jv6ba{white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;resize:none;overflow:hidden;z-index:9}.f6jv6ba::placeholder{color:var(--bui-color-text-placeholder);font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}.f6jv6ba:disabled{color:var(--bui-color-text-interactive-disabled)}.f6jv6be{overflow:auto;min-height:40px;box-sizing:border-box;padding-block:12px}.f6jv6b4 span[data-user-id]{color:var(--bui-color-background-interactive-enabled);cursor:pointer;display:inline-block;background-color:var(--bui-color-background-primary-strong);border-radius:var(--bui-rounded-sm);padding:0 var(--bui-spacing-xs)}.f6jv6b4 a{text-decoration:underline}.f6jv6bj{min-height:48px}.f6jv6bi[data-drawer=true] .f6jv6bj,.f6jv6bi[data-drawer=true] .f6jv6bk{display:none}.f6jv6bl{border-top:1px solid var(--bui-color-border-subtle)}.f6jv6bm{font:inherit;background-color:transparent;field-sizing:content}.f6jv6bn{height:40px}@layer bui-base{.f6jv6b0[aria-disabled=true]{pointer-events:none;cursor:not-allowed}.f6jv6b4{cursor:text}.f6jv6b6:hover{z-index:9}.f6jv6b6:focus:not(:has(input)){outline:2px solid var(--bui-color-focused-default);z-index:9;outline-offset:-1px}.f6jv6bb:has([data-focused]){outline:2px solid var(--bui-color-focused-default);outline-offset:-1px}.f6jv6bf{min-height:48px}}@layer bui-variants{.f6jv6b5{pointer-events:none;cursor:not-allowed}.f6jv6b7:hover:not(:focus){outline:1px solid var(--bui-color-border-strong)}.f6jv6b8:hover:not(:focus){box-shadow:0 -1px 1px -1px var(--bui-color-border-strong),0 1px 1px -1px var(--bui-color-border-strong)}}@layer bui-reset{.f6jv6ba{all:unset}}@layer bui-reset;@layer bui-variants;._8kqf970{height:fit-content;bottom:var(--bui-spacing-lg);margin-left:50%;text-align:center;white-space:nowrap;position:absolute}@layer bui-reset{._8kqf970{all:unset}}@layer bui-variants{._8kqf970{overflow:unset}}._1v0p2z10{min-height:48px}@keyframes _1t55bp72{0%{opacity:0}}._1t55bp70 h1{font:var(--bui-typography-heading-h-3-medium-font);letter-spacing:var(--bui-typography-heading-h-3-medium-letter-spacing)}._1t55bp70 h2{font:var(--bui-typography-heading-h-4-medium-font);letter-spacing:var(--bui-typography-heading-h-4-medium-letter-spacing)}._1t55bp70 h3{font:var(--bui-typography-heading-h-5-semibold-font);letter-spacing:var(--bui-typography-heading-h-5-semibold-letter-spacing)}._1t55bp70 h4{font:var(--bui-typography-heading-h-5-medium-font);letter-spacing:var(--bui-typography-heading-h-5-medium-letter-spacing)}._1t55bp70 h5{font:var(--bui-typography-heading-h-6-medium-font);letter-spacing:var(--bui-typography-heading-h-6-medium-letter-spacing)}._1t55bp70 h6{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1t55bp70 em>strong{font-style:italic}._1t55bp70 strong{font:var(--bui-typography-body-sm-semibold-font);letter-spacing:var(--bui-typography-body-sm-semibold-letter-spacing)}._1t55bp70 blockquote{border-left:2px solid var(--bui-color-border-strong);padding-left:var(--bui-spacing-md);color:var(--bui-color-text-secondary)}._1t55bp70 ul,._1t55bp70 ol{list-style-position:inside}._1t55bp70 ul>li>p,._1t55bp70 ol>li>p{display:inline}._1t55bp70 li>ol,._1t55bp70 li>ul{padding-left:var(--bui-spacing-md)}._1t55bp70 pre:has(code){background-color:var(--bui-color-background-primary-strong);padding:var(--bui-spacing-lg);overflow:auto}._1t55bp70 a{color:var(--bui-color-background-interactive-enabled)}._1t55bp70 th{text-align:left}._1t55bp71>:not(ol,ul,pre):last-child:after,._1t55bp71:empty:after,._1t55bp71>pre:last-child code:after,._1t55bp71>:is(ul,ol):last-child>li:last-child:not(:has(*>li)):after{content:"\2502";animation:_1t55bp72 1s infinite steps(2);color:var(--bui-color-background-interactive-enabled)}.rta2n90 .BaselineUI-Slider-Thumb{transition:background-color .2s ease-in;margin-top:1.5px;background-color:transparent;width:12px;height:12px}.rta2n90:hover .BaselineUI-Slider-Thumb,.rta2n90:focus-within .BaselineUI-Slider-Thumb{background-color:var(--bui-color-background-interactive-enabled)}.rta2n90:not(:hover):not(:focus-within) .BaselineUI-Slider-Thumb{background-color:transparent}.rta2n90 .BaselineUI-Slider-Track{height:4px;border-radius:0}.rta2n90 .BaselineUI-Slider-TrackHighlight{height:100%;border-radius:0;background-color:var(--bui-color-background-interactive-enabled)}.rta2n91{font-variant-numeric:tabular-nums}@layer bui-base;@layer bui-compound-variants;@layer bui-variants;._1w920rn0{row-gap:var(--bui-spacing-xl);justify-content:center}[data-device=tablet] ._1w920rn0,[data-device=tablet]._1w920rn0,[data-device=desktop] ._1w920rn0,[data-device=desktop]._1w920rn0{justify-content:start}._1w920rn1{list-style:none;width:fit-content;outline:none;margin-inline:calc(var(--bui-spacing-lg) / 2)}._1w920rn1[aria-disabled=true]{opacity:var(--bui-opacity-medium)}._1w920rnb{width:inherit}._1w920rne{top:var(--bui-spacing-sm);left:var(--bui-spacing-sm)}._1w920rnf{top:var(--bui-spacing-xs);right:var(--bui-spacing-xs)}@layer bui-base{._1w920rn2{overflow:hidden;list-style:none;background-color:#fff}._1w920rn7{min-width:var(--bui-spacing-4-xl);text-align:center}._1w920rnc{transition:transform .2s ease-in-out;opacity:0;height:inherit;width:inherit}._1w920rng{height:inherit;outline:none}@media (pointer: fine){._1w920rn7{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}}@layer bui-compound-variants{._1w920rn6:before{content:"";position:absolute;inset:0;box-shadow:var(--bui-elevation-low),inset 0 0 0 1px var(--bui-color-focused-inset),inset 0 0 0 3px var(--bui-color-focused-default)}._1w920rna{outline-offset:-3px}}@layer bui-variants{._1w920rn8{outline-offset:-2px}._1w920rn9{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}._1w920rnd{opacity:1}._1w920rnh{width:2px;background-color:transparent}._1w920rnh[data-drop-target=true]{background-color:var(--bui-color-focused-default)}._1w920rni{width:0;transform:translate(2px)}._1w920rni[data-drop-target=true]{outline:1px solid var(--bui-color-focused-default)}}@layer bui-variants;._1sexph00:hover{background-color:var(--bui-color-background-primary-strong)}._1sexph00[data-disabled=true]{pointer-events:none;cursor:not-allowed}._1sexph00[data-expanded=true]:not([data-disabled=true]):not([data-selected=true]){background-color:var(--bui-color-background-primary-strong)}._1sexph00:hover:not([data-selected=true]) button{background-color:transparent}._1sexph00:not([data-selected=true]) ._1sexph01:disabled{color:var(--bui-color-icon-interactive-disabled);pointer-events:none;cursor:not-allowed}._1sexph00[data-selected=true] ._1sexph01:disabled{color:var(--bui-color-icon-oninteractive);background-color:var(--bui-color-background-interactive-disabled)}._1sexph01 svg{transition:transform .2s ease-in-out;width:8px;height:8px}._1sexph01[data-hovered=true] svg{opacity:.5}._1sexph01[aria-expanded=true] svg{transform:rotate(180deg)}._1sexph02{width:fit-content}@layer bui-variants{._1sexph01{width:fit-content;min-width:24px;box-sizing:border-box;color:var(--bui-color-icon-primary)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._18v88n1y .BaselineUI-ListBox-SelectionIndicator{display:none}@layer bui-base{._18v88n15{height:24px}._18v88n1d{overflow:hidden;height:32px}._18v88n1p{background-color:transparent;height:inherit;text-align:inherit}._18v88n1p::placeholder{color:var(--bui-color-text-placeholder)}._18v88n1p[type=number]::-webkit-inner-spin-button,._18v88n1p[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}._18v88n1p[type=number]{-moz-appearance:textfield}}@layer bui-variants{._18v88n1j{cursor:not-allowed}._18v88n1q{cursor:inherit}._18v88n1q::placeholder{color:var(--bui-color-text-interactive-disabled)}._18v88n1s{text-align:right}}@layer bui-compound-variants{._18v88n1n{border-color:transparent}._18v88n1o{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}}@layer bui-base;.byycd02{cursor:grab}@layer bui-base{.byycd01{overflow:hidden;list-style:none;background-color:var(--bui-color-background-primary-subtle)}}._1dc3b8m0{color:var(--bui-color-icon-interactive-enabled);background-color:var(--bui-color-background-primary-strong)}.ujkypy0{list-style-type:none;outline:none}.ujkypy0[data-disabled=true]{pointer-events:none}@layer bui-base;@layer bui-base{._1lrwegk0{outline:none;font-variant-numeric:tabular-nums;white-space:break-spaces}}@layer bui-reset;@layer bui-base;@layer bui-variants;._10dw1p95 ._10dw1p96 svg{transition:transform .2s ease-in-out}._10dw1p95[data-expanded=true] ._10dw1p96 svg{transform:rotate(90deg)}@layer bui-reset{._10dw1p90{all:unset}}@layer bui-base{._10dw1p90{min-height:32px}}@layer bui-variants;._6abhjk0{background:var(--bui-color-background-secondary-medium);transition:background-color 80ms ease-in-out}._6abhjk0[data-resize-handle-active=pointer],._6abhjk0[data-resize-handle-active=keyboard],._6abhjk0:focus,._6abhjk0:hover{background:var(--bui-color-background-overlay-interactive)}._6abhjk0[data-panel-group-direction=horizontal]{width:4px}._6abhjk0[data-panel-group-direction=vertical]{height:4px}._1udvgpn5{inset-block:auto var(--bui-spacing-lg);inset-inline:var(--bui-spacing-lg)}[data-device=tablet] ._1udvgpn5,[data-device=tablet]._1udvgpn5,[data-device=desktop] ._1udvgpn5,[data-device=desktop]._1udvgpn5{inset-inline:auto var(--bui-spacing-lg)}@layer bui-compound-variants;@layer bui-base;@layer bui-variants;._1bwul1t0{padding:0 var(--bui-spacing-md);gap:var(--bui-spacing-md);height:24px}._1bwul1t1{padding:0 var(--bui-spacing-lg);gap:var(--bui-spacing-lg);height:32px}._1bwul1t2{padding:0 var(--bui-spacing-xl);gap:var(--bui-spacing-xl);height:40px}._1bwul1t3{white-space:nowrap}@layer bui-compound-variants{._1bwul1t3{font-variant-numeric:tabular-nums}}@layer bui-base{._1bwul1t8{text-align:center;-moz-appearance:textfield}._1bwul1t8:focus{outline:2px solid var(--bui-color-focused-default);outline-offset:-1px;z-index:1}._1bwul1t8:disabled{color:var(--bui-color-text-interactive-disabled)}._1bwul1t8::-webkit-outer-spin-button,._1bwul1t8::-webkit-inner-spin-button{margin:0;appearance:none}}@layer bui-variants{._1bwul1t9{width:46px}._1bwul1ta{width:56px}._1bwul1tb{width:62px}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.m0xg2m2 *{pointer-events:none!important;cursor:none!important}.m0xg2m7{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:4;display:inline-flex}.m0xg2m8{height:fit-content;width:fit-content;font-variant-numeric:tabular-nums}.m0xg2m9{grid-template-columns:repeat(7,8px);grid-template-rows:repeat(7,8px);border-width:.5px;overflow:hidden}.m0xg2ma{width:8px;height:8px;border-width:.5px;z-index:2;mix-blend-mode:multiply}.m0xg2mb{width:14px;height:14px;z-index:3;outline:1px solid var(--bui-color-border-inverse);outline-offset:-3px;border:3px solid var(--bui-color-focused-inset);box-shadow:0 0 4px #0006;transform:translate(-3px,-3px);mix-blend-mode:unset}[dir=rtl] .m0xg2mb{transform:translate(3px,-3px)}.m0xg2mc{position:absolute;z-index:1;transform-origin:top left;pointer-events:none;user-select:none}.m0xg2mc [data-grid-line-type]{display:none}.m0xg2md{pointer-events:none;z-index:4;left:0;top:0}.m0xg2me{display:contents}.m0xg2mf{pointer-events:none}.m0xg2mg{min-width:4px;min-height:4px;transform:translate(-50%,-50%)}.m0xg2mh{pointer-events:none;z-index:999}.m0xg2mi{pointer-events:none}.m0xg2mj{z-index:1}.m0xg2mk{stroke-width:.5;stroke:#fff;stroke-alignment:outside}@layer bui-base{.m0xg2m0{outline:none;position:relative;width:fit-content;height:fit-content}}@layer bui-variants{.m0xg2m2[data-focus-visible=true]{outline:2px solid var(--bui-color-focused-default)}}@layer bui-compound-variants{.m0xg2m5{cursor:none}.m0xg2m6{cursor:crosshair}}._1ltpw2m0{scrollbar-width:thin;scrollbar-color:var(--bui-color-background-secondary-strong) transparent}._1ltpw2m0::-webkit-scrollbar{width:6px;height:6px}._1ltpw2m0::-webkit-scrollbar-track{background:transparent}._1ltpw2m0::-webkit-scrollbar-thumb{background-color:var(--bui-color-background-secondary-strong);border-radius:var(--bui-rounded-full);border:2px solid transparent;background-clip:padding-box}._1ltpw2m0:focus-visible{outline:2px solid var(--bui-color-focused-default)}._1ltpw2m0::-webkit-scrollbar-thumb:hover{background-color:var(--bui-color-border-strong)}._1ltpw2m1{overflow:hidden}._1ltpw2m2{font-size:11px;font-weight:400;font-family:SF Mono,Menlo,Monaco,Consolas,Courier New,monospace;line-height:16.5px;overflow:auto}@layer bui-base;@layer bui-variants;.wf9zfn0[data-expanded=true] .wf9zfnb{border-bottom-left-radius:0;border-bottom-right-radius:0}.wf9zfno{overflow:hidden}.wf9zfnp,.wf9zfnq,.wf9zfnr,.wf9zfns,.wf9zfnt{border-top:1px solid var(--bui-color-border-subtle)}.wf9zfnu{border-top:1px solid var(--bui-color-support-info-subtle)}.wf9zfnv{border-top:1px solid var(--bui-color-support-warning-subtle)}.wf9zfnw{border-top:1px solid var(--bui-color-support-error-subtle)}.wf9zfnx{border-top:1px solid var(--bui-color-support-success-subtle)}.wf9zfny{border-top:1px solid var(--bui-color-border-medium)}@layer bui-base{.wf9zfn0{height:fit-content}.wf9zfnb{outline-color:transparent;transition-property:outline-color;background-color:transparent}.wf9zfnb:focus-visible{outline:2px solid var(--bui-color-focused-default);z-index:1}.wf9zfnz{transition:rotate .2s ease-in-out}}@layer bui-variants{.wf9zfn11{rotate:180deg}}@keyframes _1w6k5xl0{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}@layer bui-base;@layer bui-variants;._1w6k5xli{animation:_1w6k5xl0 1.5s cubic-bezier(.25,.46,.45,.94) infinite}._1w6k5xlj{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._1w6k5xlk{min-width:0}@layer bui-base{._1w6k5xl1{text-align:start}}@layer bui-variants;._1h7pyh00{outline:none;border:none;background:transparent}._1vghdeb0{white-space:nowrap;box-sizing:border-box}
package/dist/index.d.mts CHANGED
@@ -4,7 +4,6 @@ import { Time, CalendarDateTime, ZonedDateTime, CalendarDate, CalendarIdentifier
4
4
  import { NumberFormatOptions } from '@internationalized/number';
5
5
  import { LocalizedStrings } from '@internationalized/message';
6
6
  import { Theme, Sprinkles } from '@baseline-ui/tokens';
7
- import { TreeItem } from 'react-complex-tree';
8
7
  import { PanelProps as PanelProps$1, ImperativePanelHandle as ImperativePanelHandle$1, PanelGroupProps as PanelGroupProps$1, ImperativePanelGroupHandle as ImperativePanelGroupHandle$1, PanelResizeHandleProps as PanelResizeHandleProps$1 } from 'react-resizable-panels';
9
8
  import * as react_jsx_runtime from 'react/jsx-runtime';
10
9
  export { MotionGlobalConfig } from 'motion/react';
@@ -7167,7 +7166,7 @@ interface BoxProps extends Pick<StylingProps, "data-block-id">, DOMAttributes<HT
7167
7166
  elementType?: any;
7168
7167
  }
7169
7168
 
7170
- declare const Box: React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<HTMLDivElement>>;
7169
+ declare const Box: React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<HTMLElement>>;
7171
7170
 
7172
7171
  interface ToolbarProps extends StylingProps, AriaToolbarProps {
7173
7172
  /** The children of the toolbar. */
@@ -7374,11 +7373,17 @@ interface EditorProps extends StylingProps, AriaLabelingProps {
7374
7373
  */
7375
7374
  clearOnCancel?: boolean;
7376
7375
  /**
7377
- * Whether to autofocus the editor when it is mounted.
7376
+ * Whether to autofocus the editor when it is mounted, optionally positioning
7377
+ * the caret at the start or end of the text.
7378
+ *
7379
+ * - `false` or `undefined`: No auto-focus (default)
7380
+ * - `true`: Focus on mount, caret at default position
7381
+ * - `"start"`: Focus on mount, caret at position 0
7382
+ * - `"end"`: Focus on mount, caret at end of text
7378
7383
  *
7379
7384
  * @default false
7380
7385
  */
7381
- autoFocus?: boolean;
7386
+ autoFocus?: boolean | "start" | "end";
7382
7387
  /**
7383
7388
  * Whether to save the editor value when `Enter` key is pressed.
7384
7389
  *
@@ -7436,11 +7441,15 @@ interface AlertDialogProps extends StylingProps, AriaLabelingProps {
7436
7441
  * button that allows the user to cancel the dialog.
7437
7442
  */
7438
7443
  cancelLabel?: string;
7444
+ /** The class name for the cancel button. */
7445
+ cancelClassName?: string;
7439
7446
  /**
7440
7447
  * The label for the confirm button. This is the text that is displayed on the
7441
7448
  * button that allows the user to confirm the dialog.
7442
7449
  */
7443
7450
  primaryActionLabel?: string;
7451
+ /** The class name for the primary action button. */
7452
+ primaryActionClassName?: string;
7444
7453
  /**
7445
7454
  * The function that is called when the user confirms the dialog. This is
7446
7455
  * called when the user clicks the primary action button.
@@ -8027,15 +8036,6 @@ interface TreeViewProps extends StylingProps, Omit<AriaLabelingProps, "aria-desc
8027
8036
  * ```;
8028
8037
  */
8029
8038
  items: TreeListItem;
8030
- /**
8031
- * The id of the root item. If not provided, the id of the first item will be
8032
- * used.
8033
- */
8034
- rootId?: string;
8035
- /** The callback function that is called when the item is collapsed. */
8036
- onCollapse?: (key: Key$1) => void;
8037
- /** The callback function that is called when the item is expanded. */
8038
- onExpand?: (key: Key$1) => void;
8039
8039
  /**
8040
8040
  * The callback function that is called when the primary action is triggered.
8041
8041
  * If not provided, the primary action will not be shown.
@@ -8057,7 +8057,7 @@ interface TreeViewProps extends StylingProps, Omit<AriaLabelingProps, "aria-desc
8057
8057
  /**
8058
8058
  * The position of the actions.
8059
8059
  *
8060
- * @default "end"
8060
+ * @default "start"
8061
8061
  */
8062
8062
  actionsPosition?: "start" | "end";
8063
8063
  /**
@@ -8075,17 +8075,9 @@ interface TreeViewProps extends StylingProps, Omit<AriaLabelingProps, "aria-desc
8075
8075
  *
8076
8076
  * @default item => item.label
8077
8077
  */
8078
- renderItemTitle?: (item: ReactComplexTreeItem) => ReactNode;
8078
+ renderItemTitle?: (item: TreeListItem) => ReactNode;
8079
8079
  }
8080
8080
 
8081
- type ReactComplexTreeItem = TreeItem<{
8082
- label: string;
8083
- description?: string;
8084
- icon?: React__default.ElementType;
8085
- posInset: number;
8086
- setSize: number;
8087
- [key: string]: unknown;
8088
- }>;
8089
8081
  declare const TreeView: React__default.ForwardRefExoticComponent<TreeViewProps & React__default.RefAttributes<HTMLDivElement>>;
8090
8082
 
8091
8083
  interface PanelProps extends StylingProps {
@@ -8416,6 +8408,12 @@ declare const VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS: {
8416
8408
  rowHeight: number;
8417
8409
  };
8418
8410
  };
8411
+ TREE_VIEW: {
8412
+ layout: typeof ListLayout;
8413
+ layoutOptions: {
8414
+ rowHeight: number;
8415
+ };
8416
+ };
8419
8417
  IMAGE_GALLERY: {
8420
8418
  layout: typeof GridLayout;
8421
8419
  layoutOptions: {
@@ -8519,6 +8517,29 @@ interface ActionableProps extends StylingWithUIState<UIStateOptions>, Omit<AriaB
8519
8517
 
8520
8518
  declare const Actionable: React__default.ForwardRefExoticComponent<ActionableProps & React__default.RefAttributes<HTMLButtonElement>>;
8521
8519
 
8520
+ interface KbdProps extends Omit<StylingProps, "data-block-id" | "data-block-class"> {
8521
+ /**
8522
+ * The keyboard shortcut to display. Can be:
8523
+ *
8524
+ * - A single key: "K", "Enter", "Shift"
8525
+ * - A Windows-style shortcut: "Ctrl+K", "Ctrl+Shift+P" (will be converted to
8526
+ * OS-specific format)
8527
+ *
8528
+ * @example
8529
+ * Ctrl+K -> "⌘K" on Mac (with shouldUseSymbol), "Cmd+K" on Mac (without shouldUseSymbol)
8530
+ */
8531
+ children: string;
8532
+ /**
8533
+ * Whether to use symbols for modifier keys (e.g., "⌘" instead of "Cmd"). Only
8534
+ * applies when the shortcut contains modifiers like Ctrl, Alt, Shift.
8535
+ *
8536
+ * @default false
8537
+ */
8538
+ shouldUseSymbol?: boolean;
8539
+ }
8540
+
8541
+ declare const Kbd: React__default.ForwardRefExoticComponent<KbdProps & React__default.RefAttributes<HTMLSpanElement>>;
8542
+
8522
8543
  /**
8523
8544
  * A hook that creates an IntersectionObserver and observes a target element.
8524
8545
  *
@@ -8925,4 +8946,4 @@ declare namespace reactStately {
8925
8946
  export { type reactStately_Color as Color, type reactStately_ListData as ListData, type reactStately_TreeData as TreeData, reactStately_useListData as useListData, reactStately_useTreeData as useTreeData };
8926
8947
  }
8927
8948
 
8928
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, type ReactComplexTreeItem, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, TagGroup, type TagGroupProps, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
8949
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, TagGroup, type TagGroupProps, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
package/dist/index.d.ts CHANGED
@@ -4,7 +4,6 @@ import { Time, CalendarDateTime, ZonedDateTime, CalendarDate, CalendarIdentifier
4
4
  import { NumberFormatOptions } from '@internationalized/number';
5
5
  import { LocalizedStrings } from '@internationalized/message';
6
6
  import { Theme, Sprinkles } from '@baseline-ui/tokens';
7
- import { TreeItem } from 'react-complex-tree';
8
7
  import { PanelProps as PanelProps$1, ImperativePanelHandle as ImperativePanelHandle$1, PanelGroupProps as PanelGroupProps$1, ImperativePanelGroupHandle as ImperativePanelGroupHandle$1, PanelResizeHandleProps as PanelResizeHandleProps$1 } from 'react-resizable-panels';
9
8
  import * as react_jsx_runtime from 'react/jsx-runtime';
10
9
  export { MotionGlobalConfig } from 'motion/react';
@@ -7167,7 +7166,7 @@ interface BoxProps extends Pick<StylingProps, "data-block-id">, DOMAttributes<HT
7167
7166
  elementType?: any;
7168
7167
  }
7169
7168
 
7170
- declare const Box: React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<HTMLDivElement>>;
7169
+ declare const Box: React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<HTMLElement>>;
7171
7170
 
7172
7171
  interface ToolbarProps extends StylingProps, AriaToolbarProps {
7173
7172
  /** The children of the toolbar. */
@@ -7374,11 +7373,17 @@ interface EditorProps extends StylingProps, AriaLabelingProps {
7374
7373
  */
7375
7374
  clearOnCancel?: boolean;
7376
7375
  /**
7377
- * Whether to autofocus the editor when it is mounted.
7376
+ * Whether to autofocus the editor when it is mounted, optionally positioning
7377
+ * the caret at the start or end of the text.
7378
+ *
7379
+ * - `false` or `undefined`: No auto-focus (default)
7380
+ * - `true`: Focus on mount, caret at default position
7381
+ * - `"start"`: Focus on mount, caret at position 0
7382
+ * - `"end"`: Focus on mount, caret at end of text
7378
7383
  *
7379
7384
  * @default false
7380
7385
  */
7381
- autoFocus?: boolean;
7386
+ autoFocus?: boolean | "start" | "end";
7382
7387
  /**
7383
7388
  * Whether to save the editor value when `Enter` key is pressed.
7384
7389
  *
@@ -7436,11 +7441,15 @@ interface AlertDialogProps extends StylingProps, AriaLabelingProps {
7436
7441
  * button that allows the user to cancel the dialog.
7437
7442
  */
7438
7443
  cancelLabel?: string;
7444
+ /** The class name for the cancel button. */
7445
+ cancelClassName?: string;
7439
7446
  /**
7440
7447
  * The label for the confirm button. This is the text that is displayed on the
7441
7448
  * button that allows the user to confirm the dialog.
7442
7449
  */
7443
7450
  primaryActionLabel?: string;
7451
+ /** The class name for the primary action button. */
7452
+ primaryActionClassName?: string;
7444
7453
  /**
7445
7454
  * The function that is called when the user confirms the dialog. This is
7446
7455
  * called when the user clicks the primary action button.
@@ -8027,15 +8036,6 @@ interface TreeViewProps extends StylingProps, Omit<AriaLabelingProps, "aria-desc
8027
8036
  * ```;
8028
8037
  */
8029
8038
  items: TreeListItem;
8030
- /**
8031
- * The id of the root item. If not provided, the id of the first item will be
8032
- * used.
8033
- */
8034
- rootId?: string;
8035
- /** The callback function that is called when the item is collapsed. */
8036
- onCollapse?: (key: Key$1) => void;
8037
- /** The callback function that is called when the item is expanded. */
8038
- onExpand?: (key: Key$1) => void;
8039
8039
  /**
8040
8040
  * The callback function that is called when the primary action is triggered.
8041
8041
  * If not provided, the primary action will not be shown.
@@ -8057,7 +8057,7 @@ interface TreeViewProps extends StylingProps, Omit<AriaLabelingProps, "aria-desc
8057
8057
  /**
8058
8058
  * The position of the actions.
8059
8059
  *
8060
- * @default "end"
8060
+ * @default "start"
8061
8061
  */
8062
8062
  actionsPosition?: "start" | "end";
8063
8063
  /**
@@ -8075,17 +8075,9 @@ interface TreeViewProps extends StylingProps, Omit<AriaLabelingProps, "aria-desc
8075
8075
  *
8076
8076
  * @default item => item.label
8077
8077
  */
8078
- renderItemTitle?: (item: ReactComplexTreeItem) => ReactNode;
8078
+ renderItemTitle?: (item: TreeListItem) => ReactNode;
8079
8079
  }
8080
8080
 
8081
- type ReactComplexTreeItem = TreeItem<{
8082
- label: string;
8083
- description?: string;
8084
- icon?: React__default.ElementType;
8085
- posInset: number;
8086
- setSize: number;
8087
- [key: string]: unknown;
8088
- }>;
8089
8081
  declare const TreeView: React__default.ForwardRefExoticComponent<TreeViewProps & React__default.RefAttributes<HTMLDivElement>>;
8090
8082
 
8091
8083
  interface PanelProps extends StylingProps {
@@ -8416,6 +8408,12 @@ declare const VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS: {
8416
8408
  rowHeight: number;
8417
8409
  };
8418
8410
  };
8411
+ TREE_VIEW: {
8412
+ layout: typeof ListLayout;
8413
+ layoutOptions: {
8414
+ rowHeight: number;
8415
+ };
8416
+ };
8419
8417
  IMAGE_GALLERY: {
8420
8418
  layout: typeof GridLayout;
8421
8419
  layoutOptions: {
@@ -8519,6 +8517,29 @@ interface ActionableProps extends StylingWithUIState<UIStateOptions>, Omit<AriaB
8519
8517
 
8520
8518
  declare const Actionable: React__default.ForwardRefExoticComponent<ActionableProps & React__default.RefAttributes<HTMLButtonElement>>;
8521
8519
 
8520
+ interface KbdProps extends Omit<StylingProps, "data-block-id" | "data-block-class"> {
8521
+ /**
8522
+ * The keyboard shortcut to display. Can be:
8523
+ *
8524
+ * - A single key: "K", "Enter", "Shift"
8525
+ * - A Windows-style shortcut: "Ctrl+K", "Ctrl+Shift+P" (will be converted to
8526
+ * OS-specific format)
8527
+ *
8528
+ * @example
8529
+ * Ctrl+K -> "⌘K" on Mac (with shouldUseSymbol), "Cmd+K" on Mac (without shouldUseSymbol)
8530
+ */
8531
+ children: string;
8532
+ /**
8533
+ * Whether to use symbols for modifier keys (e.g., "⌘" instead of "Cmd"). Only
8534
+ * applies when the shortcut contains modifiers like Ctrl, Alt, Shift.
8535
+ *
8536
+ * @default false
8537
+ */
8538
+ shouldUseSymbol?: boolean;
8539
+ }
8540
+
8541
+ declare const Kbd: React__default.ForwardRefExoticComponent<KbdProps & React__default.RefAttributes<HTMLSpanElement>>;
8542
+
8522
8543
  /**
8523
8544
  * A hook that creates an IntersectionObserver and observes a target element.
8524
8545
  *
@@ -8925,4 +8946,4 @@ declare namespace reactStately {
8925
8946
  export { type reactStately_Color as Color, type reactStately_ListData as ListData, type reactStately_TreeData as TreeData, reactStately_useListData as useListData, reactStately_useTreeData as useTreeData };
8926
8947
  }
8927
8948
 
8928
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, type ReactComplexTreeItem, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, TagGroup, type TagGroupProps, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
8949
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, TagGroup, type TagGroupProps, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };