@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/Acknowledgements.md +602 -667
- package/dist/index.css +1 -1
- package/dist/index.d.mts +45 -24
- package/dist/index.d.ts +45 -24
- package/dist/index.js +11 -11
- package/dist/index.mjs +11 -11
- package/package.json +5 -6
- package/sbom.json +1 -1
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<
|
|
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 "
|
|
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:
|
|
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,
|
|
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<
|
|
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 "
|
|
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:
|
|
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,
|
|
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 };
|