@baseline-ui/core 0.45.3 → 0.45.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.d.mts +190 -185
- package/dist/index.d.ts +190 -185
- package/dist/index.js +8 -8
- package/dist/index.mjs +8 -8
- package/package.json +5 -5
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(18px)}.bpklwah{background-color:var(--bui-color-icon-primary)}@layer bui-variants;._19n40yy9{background-color:transparent;font:inherit;cursor:inherit}._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;box-shadow:0 0 0 2px var(--bui-color-focused-default)}._19n40yy8{cursor:not-allowed}}@layer bui-compound-variants;.xyd2ss0{list-style:none}@layer bui-compound-variants{.xyd2ss1{list-style:none;overflow-y:auto;max-height:inherit;min-width:150px;width:fit-content}.xyd2ss1:not(:has(.xyd2ss0)){padding-block:var(--bui-spacing-md)}}@layer bui-base;._1mdhlqv0{cursor:pointer;background-color:transparent}._1mdhlqv1{outline:none}._1mdhlqv2{border-color:var(--bui-color-border-medium)}._1mdhlqv8{transition:transform .2s ease-in-out}._1mdhlqv9{transform:rotate(180deg)}._1mdhlqva{flex:1}._1mdhlqvb{position:relative;overflow-y:auto;max-height:inherit;border:none;outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}._1mdhlqvb .BaselineUI-ListBox-Section{padding-block:var(--bui-spacing-md)}._1mdhlqvb.BaselineUI-ListBox:not(:has(.BaselineUI-ListBox-Section)){padding-block:var(--bui-spacing-md)}@layer bui-base{._1mdhlqvb{min-width:max(64px,var(--_1gzftth0))}}._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-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}}@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{display:inline-flex;padding:var(--bui-spacing-sm);border-radius:var(--bui-rounded-full);cursor:pointer;transition:background-color .2s ease-in-out;background-color:transparent;border:none}._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}}._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)}}._1vac7ws0{cursor:move}._1vac7ws1 ._1vac7ws2 .moveable-control,._1vac7ws1 ._1vac7ws2 .moveable-rotation{display:none}@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)}._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{background-repeat:no-repeat;background-position:center;width:inherit}._1w920rnc{top:var(--bui-spacing-sm);left:var(--bui-spacing-sm)}._1w920rnd{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}@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)}}@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:20px}@layer bui-variants{._1sexph01{width:20px;min-width:auto;box-sizing:border-box;color:var(--bui-color-icon-primary)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;@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}}
|
|
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(18px)}.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;box-shadow:0 0 0 2px var(--bui-color-focused-default)}._19n40yy8{cursor:not-allowed}}@layer bui-compound-variants;.xyd2ss0{list-style:none}@layer bui-compound-variants{.xyd2ss1{list-style:none;overflow-y:auto;max-height:inherit;min-width:150px;width:fit-content}.xyd2ss1:not(:has(.xyd2ss0)){padding-block:var(--bui-spacing-md)}}@layer bui-base;._1mdhlqv0{cursor:pointer;background-color:transparent}._1mdhlqv1{outline:none}._1mdhlqv2{border-color:var(--bui-color-border-medium)}._1mdhlqv8{transition:transform .2s ease-in-out}._1mdhlqv9{transform:rotate(180deg)}._1mdhlqva{flex:1}._1mdhlqvb{position:relative;overflow-y:auto;max-height:inherit;border:none;outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}._1mdhlqvb .BaselineUI-ListBox-Section{padding-block:var(--bui-spacing-md)}._1mdhlqvb.BaselineUI-ListBox:not(:has(.BaselineUI-ListBox-Section)){padding-block:var(--bui-spacing-md)}@layer bui-base{._1mdhlqvb{min-width:max(64px,var(--_1gzftth0))}}._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-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}}@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{display:inline-flex;padding:var(--bui-spacing-sm);border-radius:var(--bui-rounded-full);cursor:pointer;transition:background-color .2s ease-in-out;background-color:transparent;border:none}._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}}._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)}}._1vac7ws0{cursor:move}._1vac7ws1 ._1vac7ws2 .moveable-control,._1vac7ws1 ._1vac7ws2 .moveable-rotation{display:none}@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)}._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{background-repeat:no-repeat;background-position:center;width:inherit}._1w920rnc{top:var(--bui-spacing-sm);left:var(--bui-spacing-sm)}._1w920rnd{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}@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)}}@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:20px}@layer bui-variants{._1sexph01{width:20px;min-width:auto;box-sizing:border-box;color:var(--bui-color-icon-primary)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;@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}}
|
package/dist/index.d.mts
CHANGED
|
@@ -19701,6 +19701,47 @@ interface FocusableProps extends FocusableOptions, StylingProps {
|
|
|
19701
19701
|
|
|
19702
19702
|
declare const Tooltip: React__default__default.ForwardRefExoticComponent<TooltipProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
19703
19703
|
|
|
19704
|
+
interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "colorName">, StylingProps, DOMProps, AriaLabelingProps {
|
|
19705
|
+
/** Whether the swatch is focused by keyboard. */
|
|
19706
|
+
isFocusVisible?: boolean;
|
|
19707
|
+
/** Whether the swatch is selected. */
|
|
19708
|
+
isSelected?: boolean;
|
|
19709
|
+
/**
|
|
19710
|
+
* Whether the swatch is interactive. This is used to determine whether to
|
|
19711
|
+
* show hover styles.
|
|
19712
|
+
*/
|
|
19713
|
+
isInteractive?: boolean;
|
|
19714
|
+
/**
|
|
19715
|
+
* Whether the swatch is disabled. This is used to determine whether to show
|
|
19716
|
+
* disabled styles.
|
|
19717
|
+
*/
|
|
19718
|
+
isDisabled?: boolean;
|
|
19719
|
+
/**
|
|
19720
|
+
* Whether to show a tooltip. You can pass a boolean or a partial tooltip
|
|
19721
|
+
* object that extends the default tooltip props.
|
|
19722
|
+
*
|
|
19723
|
+
* @default false
|
|
19724
|
+
*/
|
|
19725
|
+
tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
|
|
19726
|
+
/**
|
|
19727
|
+
* Whether the swatch is indeterminate. When this is `true`, the color related
|
|
19728
|
+
* props will be ignored and indeterminate styles will be applied. This change
|
|
19729
|
+
* is only visual.
|
|
19730
|
+
*
|
|
19731
|
+
* @default false
|
|
19732
|
+
*/
|
|
19733
|
+
isIndeterminate?: boolean;
|
|
19734
|
+
/**
|
|
19735
|
+
* The icon to display when the swatch is indeterminate. The icon should be a
|
|
19736
|
+
* 16x16px icon to ensure consistency with the design system.
|
|
19737
|
+
*
|
|
19738
|
+
* @default HelpIcon
|
|
19739
|
+
*/
|
|
19740
|
+
indeterminateIcon?: React__default__default.FC<IconProps> | null;
|
|
19741
|
+
}
|
|
19742
|
+
|
|
19743
|
+
declare const ColorSwatch: React__default__default.ForwardRefExoticComponent<ColorSwatchProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
19744
|
+
|
|
19704
19745
|
interface ActionIconButtonProps extends ActionButtonSharedProps {
|
|
19705
19746
|
/** The icon to display */
|
|
19706
19747
|
icon: React__default__default.FC<IconProps>;
|
|
@@ -19775,6 +19816,152 @@ interface IconComponentProps {
|
|
|
19775
19816
|
iconTooltip?: ActionIconButtonProps["tooltip"];
|
|
19776
19817
|
}
|
|
19777
19818
|
|
|
19819
|
+
interface ColorPreset {
|
|
19820
|
+
label: string;
|
|
19821
|
+
color: string;
|
|
19822
|
+
}
|
|
19823
|
+
interface ColorInputProps extends OverlayTriggerProps$1, StylingProps, Pick<ColorFieldProps, "onChange" | "defaultValue" | "value" | "label" | "isDisabled">, Pick<AriaLabelingProps, "aria-label">, Pick<PopoverContentProps, "isNonModal" | "placement" | "shouldUpdatePosition" | "shouldFlip" | "boundaryElement" | "crossOffset" | "offset" | "portalContainer">, Pick<ColorSwatchProps, "isIndeterminate" | "indeterminateIcon"> {
|
|
19824
|
+
/**
|
|
19825
|
+
* The list of color presets to show in the color picker. The signature of the
|
|
19826
|
+
* color presets is:
|
|
19827
|
+
*
|
|
19828
|
+
* ```ts
|
|
19829
|
+
* export interface ColorPreset {
|
|
19830
|
+
* label: string;
|
|
19831
|
+
* color: string;
|
|
19832
|
+
* }
|
|
19833
|
+
* ```
|
|
19834
|
+
*
|
|
19835
|
+
* The color can be a hex or hexa value.
|
|
19836
|
+
*/
|
|
19837
|
+
presets?: ColorPreset[];
|
|
19838
|
+
/**
|
|
19839
|
+
* Whether to include the custom color picker. If `false`, the color picker
|
|
19840
|
+
* will only show the color presets. The custom color picker allows the user
|
|
19841
|
+
* to pick any color. You can set the `allowAlpha` prop to `false` to disable
|
|
19842
|
+
* the alpha channel.
|
|
19843
|
+
*
|
|
19844
|
+
* @default true
|
|
19845
|
+
*/
|
|
19846
|
+
includePicker?: boolean;
|
|
19847
|
+
/**
|
|
19848
|
+
* Whether to show the color label. The color label is the name of the color
|
|
19849
|
+
* that is currently selected. If boolean, the label will be shown only when
|
|
19850
|
+
* the color is not `null`. If a function, the function will be called with
|
|
19851
|
+
* the current color and should return a string. If `false`, the label will
|
|
19852
|
+
* not be shown.
|
|
19853
|
+
*
|
|
19854
|
+
* @default true
|
|
19855
|
+
*/
|
|
19856
|
+
colorLabel?: boolean | ((color: Color | null, options: {
|
|
19857
|
+
isIndeterminate: boolean;
|
|
19858
|
+
}) => string);
|
|
19859
|
+
/**
|
|
19860
|
+
* Whether to allow alpha values in the custom color picker.
|
|
19861
|
+
*
|
|
19862
|
+
* @default true
|
|
19863
|
+
*/
|
|
19864
|
+
allowAlpha?: boolean;
|
|
19865
|
+
/**
|
|
19866
|
+
* Whether to allow the removal of the color.
|
|
19867
|
+
*
|
|
19868
|
+
* @default false
|
|
19869
|
+
*/
|
|
19870
|
+
allowRemoval?: boolean;
|
|
19871
|
+
/** The label position of the color input. */
|
|
19872
|
+
labelPosition?: "top" | "start";
|
|
19873
|
+
/**
|
|
19874
|
+
* Whether to show the color picker in active or lazy mode. In active mode,
|
|
19875
|
+
* the color picker will be rendered when the color input popover is open and
|
|
19876
|
+
* the value of the color input will be updated when the user picks a color.
|
|
19877
|
+
* In lazy mode, the color picker will be rendered only when the user clicks
|
|
19878
|
+
* on the "Add color" button and the selected color will be added to custom
|
|
19879
|
+
* colors when the user clicks on the "Add color" button.
|
|
19880
|
+
*
|
|
19881
|
+
* @default active
|
|
19882
|
+
*/
|
|
19883
|
+
pickerMode?: "active" | "lazy";
|
|
19884
|
+
/**
|
|
19885
|
+
* The key to use to store the picked color in the local storage.
|
|
19886
|
+
*
|
|
19887
|
+
* @default baselinePickedColor
|
|
19888
|
+
*/
|
|
19889
|
+
storePickedColorKey?: string;
|
|
19890
|
+
/**
|
|
19891
|
+
* The label to show on the add color button.
|
|
19892
|
+
*
|
|
19893
|
+
* @default Add color
|
|
19894
|
+
*/
|
|
19895
|
+
addColorButtonLabel?: string;
|
|
19896
|
+
/**
|
|
19897
|
+
* The label to show on the remove color button.
|
|
19898
|
+
*
|
|
19899
|
+
* @default Remove color
|
|
19900
|
+
*/
|
|
19901
|
+
removeColorButtonLabel?: string;
|
|
19902
|
+
/**
|
|
19903
|
+
* The label to show on the custom colors section.
|
|
19904
|
+
*
|
|
19905
|
+
* @default Custom colors
|
|
19906
|
+
*/
|
|
19907
|
+
customColorsLabel?: string;
|
|
19908
|
+
/**
|
|
19909
|
+
* An optional function to render the custom trigger button.
|
|
19910
|
+
*
|
|
19911
|
+
* @param options
|
|
19912
|
+
*/
|
|
19913
|
+
renderTriggerButton?: (options: {
|
|
19914
|
+
isOpen: boolean;
|
|
19915
|
+
color: Color | null;
|
|
19916
|
+
ref: React__default__default.RefObject<HTMLButtonElement>;
|
|
19917
|
+
colorName?: string | boolean;
|
|
19918
|
+
triggerProps: AriaButtonProps<"button">;
|
|
19919
|
+
labelId?: string;
|
|
19920
|
+
} & Pick<ColorSwatchProps, "isIndeterminate" | "indeterminateIcon">) => React__default__default.JSX.Element;
|
|
19921
|
+
/**
|
|
19922
|
+
* Handler that is called when the user stops dragging or clicking on the
|
|
19923
|
+
* color picker. In case of presets, this is called when the user clicks on a
|
|
19924
|
+
* color preset.
|
|
19925
|
+
*/
|
|
19926
|
+
onChangeEnd?: (color: Color | null) => void;
|
|
19927
|
+
/**
|
|
19928
|
+
* Whether the color input is indeterminate.
|
|
19929
|
+
*
|
|
19930
|
+
* @default false
|
|
19931
|
+
*/
|
|
19932
|
+
isIndeterminate?: boolean;
|
|
19933
|
+
/**
|
|
19934
|
+
* Handler that is called when the user presses the trigger button. This can
|
|
19935
|
+
* be used to track events like clicks on the trigger button.
|
|
19936
|
+
*/
|
|
19937
|
+
onTriggerPress?: (event: PressEvent) => void;
|
|
19938
|
+
}
|
|
19939
|
+
interface IconColorInputProps extends StylingProps, Omit<ColorInputProps, "renderTriggerButton" | "colorLabel" | "label" | "labelPosition" | "aria-label">, IconComponentProps {
|
|
19940
|
+
/**
|
|
19941
|
+
* The variant of the color input button.
|
|
19942
|
+
*
|
|
19943
|
+
* @default standard
|
|
19944
|
+
*/
|
|
19945
|
+
variant?: "compact" | "standard";
|
|
19946
|
+
}
|
|
19947
|
+
|
|
19948
|
+
declare const ColorInput: React__default__default.ForwardRefExoticComponent<ColorInputProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
19949
|
+
|
|
19950
|
+
declare const IconColorInputButton: React__default__default.ForwardRefExoticComponent<Omit<ColorInputButtonProps, "color" | "children" | "labelPosition"> & {
|
|
19951
|
+
icon: React__default__default.FC<IconProps>;
|
|
19952
|
+
color?: string | null;
|
|
19953
|
+
} & React__default__default.RefAttributes<HTMLButtonElement>>;
|
|
19954
|
+
interface ColorInputButtonProps extends Omit<ActionButtonProps, "label" | "className" | "style">, StylingProps, Pick<ColorInputProps, "colorLabel">, Pick<ColorSwatchProps, "isIndeterminate" | "indeterminateIcon"> {
|
|
19955
|
+
isOpen: boolean;
|
|
19956
|
+
"aria-label"?: string;
|
|
19957
|
+
labelPosition?: "top" | "start";
|
|
19958
|
+
color: Color | null;
|
|
19959
|
+
colorName?: string | boolean;
|
|
19960
|
+
isIndeterminate?: boolean;
|
|
19961
|
+
}
|
|
19962
|
+
|
|
19963
|
+
declare const IconColorInput: React__default__default.ForwardRefExoticComponent<IconColorInputProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
19964
|
+
|
|
19778
19965
|
interface SliderProps extends Omit<AriaSliderProps<number> & SliderStateOptions<number>, "orientation" | "numberFormatter">, StylingProps {
|
|
19779
19966
|
/**
|
|
19780
19967
|
* Whether the slider is read only.
|
|
@@ -19795,7 +19982,7 @@ interface SliderProps extends Omit<AriaSliderProps<number> & SliderStateOptions<
|
|
|
19795
19982
|
*/
|
|
19796
19983
|
includeNumberInput?: boolean;
|
|
19797
19984
|
}
|
|
19798
|
-
interface IconSliderProps extends Pick<SliderProps, "value" | "minValue" | "maxValue" | "onChange" | "defaultValue" | "includeNumberInput" | "step" | "numberFormatOptions" | "isDisabled">, StylingProps, IconComponentProps {
|
|
19985
|
+
interface IconSliderProps extends Pick<SliderProps, "value" | "minValue" | "maxValue" | "onChange" | "defaultValue" | "includeNumberInput" | "step" | "numberFormatOptions" | "isDisabled">, StylingProps, IconComponentProps, Pick<ColorInputProps, "onTriggerPress"> {
|
|
19799
19986
|
/**
|
|
19800
19987
|
* A function to format the value of the slider.
|
|
19801
19988
|
*
|
|
@@ -20285,7 +20472,7 @@ declare const Accordion: React__default__default.ForwardRefExoticComponent<Accor
|
|
|
20285
20472
|
|
|
20286
20473
|
declare const AccordionItem: React__default__default.ForwardRefExoticComponent<AccordionItemProps & React__default__default.RefAttributes<HTMLHeadingElement>>;
|
|
20287
20474
|
|
|
20288
|
-
interface SelectProps extends Omit<AriaSelectOptions<ListItem> & SelectStateOptions<ListItem> & PopoverContentProps, "validationState" | "items" | "children" | "isRequired" | "className" | "style" | "triggerRef" | "validate" | "validationBehavior" | "keyboardDelegate" | "state" | "overlayProps">, Pick<ListBoxProps, "items" | "showSelectedIcon" | "optionStyle" | "optionClassName">, StylingProps {
|
|
20475
|
+
interface SelectProps extends Omit<AriaSelectOptions<ListItem> & SelectStateOptions<ListItem> & PopoverContentProps, "validationState" | "items" | "children" | "isRequired" | "className" | "style" | "triggerRef" | "validate" | "validationBehavior" | "keyboardDelegate" | "state" | "overlayProps">, Pick<ListBoxProps, "items" | "showSelectedIcon" | "optionStyle" | "optionClassName">, Pick<ColorInputProps, "onTriggerPress">, StylingProps {
|
|
20289
20476
|
/**
|
|
20290
20477
|
* The position of the label.
|
|
20291
20478
|
*
|
|
@@ -20553,188 +20740,6 @@ declare const Dialog: React__default__default.ForwardRefExoticComponent<DialogPr
|
|
|
20553
20740
|
|
|
20554
20741
|
declare const DialogTitle: React__default__default.ForwardRefExoticComponent<DialogTitleProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
20555
20742
|
|
|
20556
|
-
interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "colorName">, StylingProps, DOMProps, AriaLabelingProps {
|
|
20557
|
-
/** Whether the swatch is focused by keyboard. */
|
|
20558
|
-
isFocusVisible?: boolean;
|
|
20559
|
-
/** Whether the swatch is selected. */
|
|
20560
|
-
isSelected?: boolean;
|
|
20561
|
-
/**
|
|
20562
|
-
* Whether the swatch is interactive. This is used to determine whether to
|
|
20563
|
-
* show hover styles.
|
|
20564
|
-
*/
|
|
20565
|
-
isInteractive?: boolean;
|
|
20566
|
-
/**
|
|
20567
|
-
* Whether the swatch is disabled. This is used to determine whether to show
|
|
20568
|
-
* disabled styles.
|
|
20569
|
-
*/
|
|
20570
|
-
isDisabled?: boolean;
|
|
20571
|
-
/**
|
|
20572
|
-
* Whether to show a tooltip. You can pass a boolean or a partial tooltip
|
|
20573
|
-
* object that extends the default tooltip props.
|
|
20574
|
-
*
|
|
20575
|
-
* @default false
|
|
20576
|
-
*/
|
|
20577
|
-
tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
|
|
20578
|
-
/**
|
|
20579
|
-
* Whether the swatch is indeterminate. When this is `true`, the color related
|
|
20580
|
-
* props will be ignored and indeterminate styles will be applied. This change
|
|
20581
|
-
* is only visual.
|
|
20582
|
-
*
|
|
20583
|
-
* @default false
|
|
20584
|
-
*/
|
|
20585
|
-
isIndeterminate?: boolean;
|
|
20586
|
-
/**
|
|
20587
|
-
* The icon to display when the swatch is indeterminate. The icon should be a
|
|
20588
|
-
* 16x16px icon to ensure consistency with the design system.
|
|
20589
|
-
*
|
|
20590
|
-
* @default HelpIcon
|
|
20591
|
-
*/
|
|
20592
|
-
indeterminateIcon?: React__default__default.FC<IconProps> | null;
|
|
20593
|
-
}
|
|
20594
|
-
|
|
20595
|
-
declare const ColorSwatch: React__default__default.ForwardRefExoticComponent<ColorSwatchProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
20596
|
-
|
|
20597
|
-
interface ColorPreset {
|
|
20598
|
-
label: string;
|
|
20599
|
-
color: string;
|
|
20600
|
-
}
|
|
20601
|
-
interface ColorInputProps extends OverlayTriggerProps$1, StylingProps, Pick<ColorFieldProps, "onChange" | "defaultValue" | "value" | "label" | "isDisabled">, Pick<AriaLabelingProps, "aria-label">, Pick<PopoverContentProps, "isNonModal" | "placement" | "shouldUpdatePosition" | "shouldFlip" | "boundaryElement" | "crossOffset" | "offset" | "portalContainer">, Pick<ColorSwatchProps, "isIndeterminate" | "indeterminateIcon"> {
|
|
20602
|
-
/**
|
|
20603
|
-
* The list of color presets to show in the color picker. The signature of the
|
|
20604
|
-
* color presets is:
|
|
20605
|
-
*
|
|
20606
|
-
* ```ts
|
|
20607
|
-
* export interface ColorPreset {
|
|
20608
|
-
* label: string;
|
|
20609
|
-
* color: string;
|
|
20610
|
-
* }
|
|
20611
|
-
* ```
|
|
20612
|
-
*
|
|
20613
|
-
* The color can be a hex or hexa value.
|
|
20614
|
-
*/
|
|
20615
|
-
presets?: ColorPreset[];
|
|
20616
|
-
/**
|
|
20617
|
-
* Whether to include the custom color picker. If `false`, the color picker
|
|
20618
|
-
* will only show the color presets. The custom color picker allows the user
|
|
20619
|
-
* to pick any color. You can set the `allowAlpha` prop to `false` to disable
|
|
20620
|
-
* the alpha channel.
|
|
20621
|
-
*
|
|
20622
|
-
* @default true
|
|
20623
|
-
*/
|
|
20624
|
-
includePicker?: boolean;
|
|
20625
|
-
/**
|
|
20626
|
-
* Whether to show the color label. The color label is the name of the color
|
|
20627
|
-
* that is currently selected. If boolean, the label will be shown only when
|
|
20628
|
-
* the color is not `null`. If a function, the function will be called with
|
|
20629
|
-
* the current color and should return a string. If `false`, the label will
|
|
20630
|
-
* not be shown.
|
|
20631
|
-
*
|
|
20632
|
-
* @default true
|
|
20633
|
-
*/
|
|
20634
|
-
colorLabel?: boolean | ((color: Color | null, options: {
|
|
20635
|
-
isIndeterminate: boolean;
|
|
20636
|
-
}) => string);
|
|
20637
|
-
/**
|
|
20638
|
-
* Whether to allow alpha values in the custom color picker.
|
|
20639
|
-
*
|
|
20640
|
-
* @default true
|
|
20641
|
-
*/
|
|
20642
|
-
allowAlpha?: boolean;
|
|
20643
|
-
/**
|
|
20644
|
-
* Whether to allow the removal of the color.
|
|
20645
|
-
*
|
|
20646
|
-
* @default false
|
|
20647
|
-
*/
|
|
20648
|
-
allowRemoval?: boolean;
|
|
20649
|
-
/** The label position of the color input. */
|
|
20650
|
-
labelPosition?: "top" | "start";
|
|
20651
|
-
/**
|
|
20652
|
-
* Whether to show the color picker in active or lazy mode. In active mode,
|
|
20653
|
-
* the color picker will be rendered when the color input popover is open and
|
|
20654
|
-
* the value of the color input will be updated when the user picks a color.
|
|
20655
|
-
* In lazy mode, the color picker will be rendered only when the user clicks
|
|
20656
|
-
* on the "Add color" button and the selected color will be added to custom
|
|
20657
|
-
* colors when the user clicks on the "Add color" button.
|
|
20658
|
-
*
|
|
20659
|
-
* @default active
|
|
20660
|
-
*/
|
|
20661
|
-
pickerMode?: "active" | "lazy";
|
|
20662
|
-
/**
|
|
20663
|
-
* The key to use to store the picked color in the local storage.
|
|
20664
|
-
*
|
|
20665
|
-
* @default baselinePickedColor
|
|
20666
|
-
*/
|
|
20667
|
-
storePickedColorKey?: string;
|
|
20668
|
-
/**
|
|
20669
|
-
* The label to show on the add color button.
|
|
20670
|
-
*
|
|
20671
|
-
* @default Add color
|
|
20672
|
-
*/
|
|
20673
|
-
addColorButtonLabel?: string;
|
|
20674
|
-
/**
|
|
20675
|
-
* The label to show on the remove color button.
|
|
20676
|
-
*
|
|
20677
|
-
* @default Remove color
|
|
20678
|
-
*/
|
|
20679
|
-
removeColorButtonLabel?: string;
|
|
20680
|
-
/**
|
|
20681
|
-
* The label to show on the custom colors section.
|
|
20682
|
-
*
|
|
20683
|
-
* @default Custom colors
|
|
20684
|
-
*/
|
|
20685
|
-
customColorsLabel?: string;
|
|
20686
|
-
/**
|
|
20687
|
-
* An optional function to render the custom trigger button.
|
|
20688
|
-
*
|
|
20689
|
-
* @param options
|
|
20690
|
-
*/
|
|
20691
|
-
renderTriggerButton?: (options: {
|
|
20692
|
-
isOpen: boolean;
|
|
20693
|
-
color: Color | null;
|
|
20694
|
-
ref: React__default__default.RefObject<HTMLButtonElement>;
|
|
20695
|
-
colorName?: string | boolean;
|
|
20696
|
-
triggerProps: AriaButtonProps<"button">;
|
|
20697
|
-
labelId?: string;
|
|
20698
|
-
} & Pick<ColorSwatchProps, "isIndeterminate" | "indeterminateIcon">) => React__default__default.JSX.Element;
|
|
20699
|
-
/**
|
|
20700
|
-
* Handler that is called when the user stops dragging or clicking on the
|
|
20701
|
-
* color picker. In case of presets, this is called when the user clicks on a
|
|
20702
|
-
* color preset.
|
|
20703
|
-
*/
|
|
20704
|
-
onChangeEnd?: (color: Color | null) => void;
|
|
20705
|
-
/**
|
|
20706
|
-
* Whether the color input is indeterminate.
|
|
20707
|
-
*
|
|
20708
|
-
* @default false
|
|
20709
|
-
*/
|
|
20710
|
-
isIndeterminate?: boolean;
|
|
20711
|
-
}
|
|
20712
|
-
interface IconColorInputProps extends StylingProps, Omit<ColorInputProps, "renderTriggerButton" | "colorLabel" | "label" | "labelPosition" | "aria-label">, IconComponentProps {
|
|
20713
|
-
/**
|
|
20714
|
-
* The variant of the color input button.
|
|
20715
|
-
*
|
|
20716
|
-
* @default standard
|
|
20717
|
-
*/
|
|
20718
|
-
variant?: "compact" | "standard";
|
|
20719
|
-
}
|
|
20720
|
-
|
|
20721
|
-
declare const ColorInput: React__default__default.ForwardRefExoticComponent<ColorInputProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
20722
|
-
|
|
20723
|
-
declare const IconColorInputButton: React__default__default.ForwardRefExoticComponent<Omit<ColorInputButtonProps, "color" | "children" | "labelPosition"> & {
|
|
20724
|
-
icon: React__default__default.FC<IconProps>;
|
|
20725
|
-
color?: string | null;
|
|
20726
|
-
} & React__default__default.RefAttributes<HTMLButtonElement>>;
|
|
20727
|
-
interface ColorInputButtonProps extends Omit<ActionButtonProps, "label" | "className" | "style">, StylingProps, Pick<ColorInputProps, "colorLabel">, Pick<ColorSwatchProps, "isIndeterminate" | "indeterminateIcon"> {
|
|
20728
|
-
isOpen: boolean;
|
|
20729
|
-
"aria-label"?: string;
|
|
20730
|
-
labelPosition?: "top" | "start";
|
|
20731
|
-
color: Color | null;
|
|
20732
|
-
colorName?: string | boolean;
|
|
20733
|
-
isIndeterminate?: boolean;
|
|
20734
|
-
}
|
|
20735
|
-
|
|
20736
|
-
declare const IconColorInput: React__default__default.ForwardRefExoticComponent<IconColorInputProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
20737
|
-
|
|
20738
20743
|
interface FreehandCanvasProps extends StylingProps, AriaLabelingProps {
|
|
20739
20744
|
/** The className applicable to the SVG canvas. */
|
|
20740
20745
|
canvasClassName?: string;
|
|
@@ -21692,7 +21697,7 @@ interface ButtonSelectProps extends StylingProps, Pick<SelectProps, "isDisabled"
|
|
|
21692
21697
|
|
|
21693
21698
|
declare const ButtonSelect: React__default__default.ForwardRefExoticComponent<ButtonSelectProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
21694
21699
|
|
|
21695
|
-
interface ComboBoxProps extends StylingProps, Omit<AriaComboBoxOptions<ListItem>, "items" | "children" | "inputRef" | "popoverRef" | "listBoxRef" | "buttonRef" | "validationState" | "errorMessage" | "description">, Omit<AriaComboBoxProps<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState">, Omit<ListBoxProps, "autoFocus" | "onBlur" | "onFocus" | "onSelectionChange" | "selectionBehavior" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "renderDropIndicator" | "renderDragPreview" | "dropIndicatorClassName" | "dropIndicatorStyle" | keyof DragAndDropProps>, AriaValidationProps, Omit<ComboBoxStateOptions<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState" | "selectedKey">, InputMessage, Pick<ActionIconButtonProps, "tooltip"> {
|
|
21700
|
+
interface ComboBoxProps extends StylingProps, Omit<AriaComboBoxOptions<ListItem>, "items" | "children" | "inputRef" | "popoverRef" | "listBoxRef" | "buttonRef" | "validationState" | "errorMessage" | "description">, Omit<AriaComboBoxProps<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState">, Omit<ListBoxProps, "autoFocus" | "onBlur" | "onFocus" | "onSelectionChange" | "selectionBehavior" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "renderDropIndicator" | "renderDragPreview" | "dropIndicatorClassName" | "dropIndicatorStyle" | keyof DragAndDropProps>, AriaValidationProps, Omit<ComboBoxStateOptions<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState" | "selectedKey">, InputMessage, Pick<ActionIconButtonProps, "tooltip">, Pick<ColorInputProps, "onTriggerPress"> {
|
|
21696
21701
|
/** ID of the initially selected item */
|
|
21697
21702
|
defaultSelectedKey?: string;
|
|
21698
21703
|
/**
|