@baseline-ui/core 0.29.0 → 0.29.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Acknowledgements.md +8223 -2973
- package/dist/index.css +1 -1
- package/dist/index.d.mts +55 -6
- package/dist/index.d.ts +55 -6
- package/dist/index.js +97 -96
- package/dist/index.mjs +16 -16
- 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 reset;.z9nup81{display:flex;flex-direction:column}.z9nup82{display:flex;flex-direction:row}.z9nup83{pointer-events:none;cursor:not-allowed}.z9nup84{background-image:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%)}.z9nup85{background-size:4px 4px}.z9nup86{background-size:6px 6px}@layer reset{.z9nup80{display:contents}.z9nup87{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer base;@layer 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 base{._6n12k91{list-style:none;height:36px}._6n12k9b{list-style:none;transition-property:outline-color;z-index:9}}@layer variants{._6n12k95{border-top-width:1px}._6n12k96{border-bottom-width:1px}}@layer base;@layer variants;@layer base{.gukncs0{background-color:var(--bui-color-border-subtle);width:100%;height:1px;flex-shrink:0}}@layer variants{.gukncs1{width:1px;height:100%}.gukncs2{background-color:var(--bui-color-border-medium)}}@layer reset;@layer variants;.uf19bsf{transition-property:rotate}.uf19bse[aria-expanded=true] .uf19bsf{rotate:180deg}@layer reset{.uf19bs0{all:unset;height:fit-content}}@layer 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-primary)}.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)}.uf19bsc[aria-expanded=true],.uf19bsc[data-pressed=true]{color:var(--bui-color-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 base;._1gzftth2{transform:rotate(180deg) translate(-50%,8px);transform-origin:left}._1gzftth3{bottom:0;transform:translate(-50%,8px)}._1gzftth4{transform:rotate(90deg) translate(-50%,11px)}._1gzftth5{right:0;transform:rotate(-90deg) translate(50%,11px);transform-origin:center}._1gzftth6{overflow-y:auto;display:flex;flex:1}._1gzftth7{position:fixed;inset:0;z-index:1;overflow:hidden}._1gzftth8{opacity:0;position:fixed;pointer-events:none}@layer base{._1gzftth1{min-width:max-content;position:absolute}._1gzftth1[data-placement=top],._1gzftth1[data-placement=bottom]{width:var(--_1gzftth0)}}@layer base;@layer variants;@layer compoundVariants;.oom8bs0 svg{pointer-events:none}.oom8bs5[aria-expanded=true] .uf19bsf{rotate:180deg}@layer base{.oom8bs0{border:none;transition-property:all;width:fit-content;height:fit-content;white-space:nowrap;box-sizing:border-box}}@layer variants{.oom8bs1{background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bs1:disabled{background-color:var(--bui-color-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-disabled)}.oom8bs3{background-color:transparent;box-shadow:inset 0 0 0 1px var(--bui-color-interactive-primary);color:var(--bui-color-interactive-primary)}.oom8bs3:disabled{box-shadow:inset 0 0 0 1px var(--bui-color-interactive-disabled);color:var(--bui-color-interactive-disabled)}.oom8bs4{background-color:transparent;color:var(--bui-color-interactive-primary)}.oom8bs4:disabled{color:var(--bui-color-interactive-disabled)}.oom8bs5{background-color:transparent;color:var(--bui-color-text-primary);transition-property:none}.oom8bs5:disabled{color:var(--bui-color-text-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-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-primary);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-interactive-disabled)}.oom8bs8{background-color:var(--bui-color-support-warning-medium);color:var(--bui-color-text-inverse)}.oom8bs8:disabled{background-color:var(--bui-color-interactive-disabled)}.oom8bs9{background-color:var(--bui-color-support-error-medium);color:var(--bui-color-text-inverse)}.oom8bs9:disabled{background-color:var(--bui-color-interactive-disabled)}.oom8bsa{cursor:not-allowed}.oom8bsb{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}.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 compoundVariants{.oom8bsg{background-color:var(--bui-color-interactive-hovered)}.oom8bsh{background-color:var(--bui-color-background-secondary-medium)}.oom8bsi{background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bsj{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bsk{color:var(--bui-color-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-primary),inset 0 0 0 3px var(--bui-color-focused-inset)}.oom8bsp{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary),inset 0 0 0 3px var(--bui-color-focused-inset);background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bsq,.oom8bsr,.oom8bss{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary),inset 0 0 0 3px var(--bui-color-focused-inset)}}._14uvjig0{width:100%}._14uvjig1{background-color:var(--bui-color-background-inverse-strong)}._14uvjig2{background-color:var(--bui-color-interactive-primary)}._14uvjig3{display:flex;justify-content:space-between;align-items:center}._14uvjig4{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);color:var(--bui-color-text-secondary)}._14uvjig5{color:var(--bui-color-text-disabled)}._14uvjig6{padding-bottom:var(--bui-spacing-md)}._14uvjig7{display:flex;height:24px;align-items:center;gap:var(--bui-spacing-md)}._14uvjig8{height:2px;background-color:var(--bui-color-background-primary-strong);width:100%}._14uvjig9{position:absolute;height:100%}._14uvjigb{transition:width .2s}._14uvjigc{background-color:var(--bui-color-interactive-disabled)}._14uvjige{height:8px;width:8px;border-radius:50%;margin-top:1px;cursor:pointer;transition-property:height,width;transition-duration:.2s}._14uvjigf{height:12px;width:12px;border:0;outline:0}._14uvjigg{background-color:var(--bui-color-interactive-disabled);cursor:not-allowed}._14uvjigh{display:none}._14uvjigi{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-interactive-primary);transition-property:left;transition-duration:.2s}._14uvjigj{height:12px;width:12px}.nrh1eh0{width:100%}.nrh1eh2{justify-content:space-between;gap:var(--bui-spacing-md)}.nrh1eh3{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);color:var(--bui-color-text-secondary)}.nrh1eh4{display:inline-flex}.nrh1eh5{margin-bottom:var(--bui-spacing-md)}.nrh1eh6{padding-top:0;flex-direction:column}.nrh1eh8{justify-content:center}.nrh1eh9{border:1px solid var(--bui-color-border-medium);border-radius:var(--bui-rounded-xs);overflow:hidden;align-items:center;height:32px}.nrh1ehb{border-color:var(--bui-color-support-error-medium)}.nrh1ehe{border-radius:var(--bui-rounded-xs);border:1px solid var(--bui-color-focused-primary);outline:1px solid var(--bui-color-focused-primary);outline-offset:-2px}.nrh1ehf{cursor:not-allowed}.nrh1ehi{border-radius:0;outline:none}.nrh1ehj{border:1px solid var(--bui-color-border-medium)}.nrh1ehk{border-color:transparent}.nrh1ehl,.nrh1ehm{border-color:var(--bui-color-border-strong)}.nrh1ehn{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}.nrh1eho{color:var(--bui-color-text-primary);width:100%;background-color:transparent;padding:var(--bui-spacing-md);border:none;outline:none;height:inherit;text-align:inherit;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.nrh1eho::placeholder{color:var(--bui-color-text-placeholder)}.nrh1ehp{cursor:inherit;color:var(--bui-color-text-disabled)}.nrh1ehp::placeholder{color:var(--bui-color-text-disabled)}.nrh1ehr{text-align:right}.nrh1ehs{margin-right:var(--bui-spacing-md);display:inline-flex;flex-shrink:0}.nrh1ehu{color:var(--bui-color-support-error-medium)}.nrh1ehv{color:var(--bui-color-support-warning-medium)}.nrh1ehw{color:var(--bui-color-icon-primary)}.nrh1ehx{color:var(--bui-color-text-helper);padding-top:var(--bui-spacing-sm);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}.nrh1ehy{color:var(--bui-color-text-disabled)}.nrh1ehz{color:var(--bui-color-support-error-medium)}.nrh1eh10{width:max-content;max-width:100px}._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 variants;@layer variants;@layer base;.siobe25{min-height:48px}@layer base{.siobe21{max-height:calc(var(--siobe20) * .8);overflow:hidden;width:100vw}@media screen and (min-width: 768px){.siobe21{width:100%}}}@layer base;@layer variants;@layer base{.aml2vl0{z-index:1000}}@layer variants{.aml2vl2{align-items:flex-end}}@layer base;@layer variants;@layer base{.cjv3et0{outline:none;overflow:hidden;width:calc(100vw - 2 * var(--bui-spacing-xl))}@media screen and (min-width: 768px){.cjv3et0{width:calc(100vw - 2 * var(--bui-spacing-2-xl))}}@media screen and (min-width: 1280px){.cjv3et0{width:100vw}}}@layer variants{.cjv3et1{max-width:240px}.cjv3et2{max-width:480px}.cjv3et3{max-width:720px}.cjv3et4{width:unset}.cjv3et7{max-width:100vw}}._1mdhlqv0{cursor:pointer;background-color:transparent}._1mdhlqv1{outline:none}._1mdhlqv3{transition:transform .2s ease-in-out}._1mdhlqv4{transform:rotate(180deg)}._1mdhlqv5{flex:1}._1mdhlqv6{overflow:hidden}._1mdhlqv7{min-width:max(64px,var(--_1gzftth0));overflow:hidden;outline:1px solid var(--bui-color-border-medium);outline-offset:-1px;position:relative;overflow-y:auto;max-height:inherit}._1mdhlqv7 .BaselineUI-ListBox-Section{padding-block:var(--bui-spacing-md)}._1mdhlqv7.BaselineUI-ListBox:not(:has(.BaselineUI-ListBox-Section)){padding-block:var(--bui-spacing-md)}@layer 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 base{._1jwycy87{max-inline-size:35ch}}.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-icon-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-primary) 2px solid}.bpklwac{background-color:var(--bui-color-icon-interactive)}.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-inverse);border-radius:var(--bui-rounded-full);transition:transform .2s}.bpklwaf{background-color:var(--bui-color-icon-disabled)}.bpklwag{transform:translate(18px)}.bpklwah{background-color:var(--bui-color-icon-primary)}._19n40yy0{display:flex;align-items:center;position:relative;flex-direction:row;padding:0 var(--bui-spacing-md);gap:var(--bui-spacing-md);background-color:var(--bui-color-background-primary-subtle);border-radius:var(--bui-rounded-xs);border:1px solid transparent;color:var(--bui-color-icon-primary);width:100%;font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._19n40yy1{height:48px}._19n40yy2{height:40px}._19n40yy3{height:32px;font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._19n40yy4{border-color:var(--bui-color-border-medium)}._19n40yy6{border-color:transparent;box-shadow:0 0 0 2px var(--bui-color-focused-primary)}._19n40yy7{padding-right:0}._19n40yy8{color:var(--bui-color-text-disabled);cursor:not-allowed}._19n40yy9{border:none;outline:none;background-color:transparent;font:inherit;display:flex;cursor:inherit;flex:1;color:var(--bui-color-text-primary)}._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}.xyd2ss0{list-style:none}.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)}._13f0naj0{cursor:pointer;color:var(--bui-color-interactive-primary);transition:color .2s;outline:none}._13f0naj0:visited:not([aria-disabled=true]){color:var(--bui-color-interactive-visited)}._13f0naj1{text-decoration:none}._13f0naj2{text-decoration:underline}._13f0naj3{color:var(--bui-color-interactive-hovered)}._13f0naj4{outline:2px solid var(--bui-color-focused-primary)}._13f0naj5{color:var(--bui-color-text-disabled);cursor:not-allowed}._13f0najc{color:var(--bui-color-text-primary);outline:2px solid var(--bui-color-focused-primary)}._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)}._180w5ed6{border:2px solid var(--bui-color-border-interactive)}._180w5ed7{border:1px solid var(--bui-color-border-disabled)}._180w5ed8{border:1px dashed var(--bui-color-border-disabled)}._180w5ed9{color:var(--bui-color-icon-secondary)}._180w5eda{color:var(--bui-color-icon-disabled)}._180w5edb{cursor:inherit;color:var(--bui-color-interactive-primary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._180w5edc{color:var(--bui-color-text-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-disabled)}._12vfhl40{width:100%}._12vfhl41{justify-content:space-between}._12vfhl42{color:var(--bui-color-text-secondary);padding-bottom:var(--bui-spacing-sm);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._12vfhl43{color:var(--bui-color-text-primary)}._12vfhl44{padding-bottom:0}._12vfhl45{padding:var(--bui-spacing-md) 0}._12vfhl46{height:16px;align-items:center;gap:var(--bui-spacing-md)}._12vfhl47{height:4px;background-color:var(--bui-color-background-primary-strong);width:100%}._12vfhl48{height:4px}._12vfhl49{background-color:var(--bui-color-support-success-medium)}._12vfhl4a{background-color:var(--bui-color-support-error-medium)}._12vfhl4b{background-color:var(--bui-color-support-info-medium)}._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-icon-interactive)}._9b1tml2{background-color:var(--bui-color-background-secondary-subtle)}._9b1tml5{outline:2px solid var(--bui-color-focused-primary)}._9b1tml6{cursor:default;box-shadow:inset 0 0 0 1px var(--bui-color-icon-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-interactive-hovered)}._9b1tml9{background-color:var(--bui-color-background-secondary-medium)}._9b1tmla{background-color:var(--bui-color-interactive-disabled);color:var(--bui-color-text-inverse)}._9b1tmlb{background-color:var(--bui-color-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-disabled)}._9b1tmle{color:var(--bui-color-icon-inverse);background-color:var(--bui-color-icon-primary)}._9b1tmlf{display:flex;align-items:center;padding:0 var(--bui-spacing-md);color:var(--bui-color-text-primary);transition:color .2s ease;font:var(--bui-typography-body-lg-regular-font);letter-spacing:var(--bui-typography-body-lg-regular-letter-spacing);font-variant-numeric:tabular-nums}._9b1tmlh{height:20px}._9b1tmli{height:24px}._9b1tmlk{color:var(--bui-color-text-primary)}._9b1tmll,._9b1tmlm{color:var(--bui-color-text-inverse)}._9b1tmln{color:var(--bui-color-text-disabled)}@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-interactive-primary);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-primary)}._5uw3kp3{color:var(--bui-color-text-disabled);cursor:not-allowed}._5uw3kp4{color:var(--bui-color-text-inverse);background-color:var(--bui-color-interactive-primary)}._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{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary),inset 0 0 0 3px var(--bui-color-focused-inset)}._5uw3kp9{background-color:var(--bui-color-interactive-disabled)}._16vugd04{border:none;background-color:var(--_16vugd00)}._16vugd05{--_16vugd00: var(--bui-color-icon-primary);border-radius:var(--bui-rounded-xs);border:1px solid var(--_16vugd00);height:16px;width:16px;color:var(--bui-color-icon-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease-in-out}._16vugd08{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-focused-primary)}._16vugd09{--_16vugd00: var(--bui-color-icon-interactive)}._16vugd0a{--_16vugd00: var(--bui-color-icon-disabled);cursor:not-allowed;pointer-events:none}._16vugd0b{--_16vugd00: var(--bui-color-icon-disabled);cursor:not-allowed;pointer-events:none;color:var(--bui-color-icon-primary);border:1px solid var(--bui-color-icon-disabled);background-color:transparent}._16vugd0c{border:1px solid var(--bui-color-support-error-medium)}._16vugd0d{border:none}._16vugd0e{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._16vugd0f{color:var(--bui-color-text-disabled)}@layer variants;@layer 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-primary)}._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-disabled)}@layer variants{._1nsi9h11{height:24px}._1nsi9h12{height:32px}._1nsi9h13{height:40px}._1nsi9h14{height:48px}}@layer base{._1nsi9h1g{white-space:nowrap}}@layer base;@layer variants;@layer compoundVariants;._1f789qj0{display:flex;gap:var(--bui-spacing-md)}._1f789qjj{display:flex;align-items:center;gap:var(--bui-spacing-sm)}._1f789qjk{all:unset;display:inline-flex;padding:var(--bui-spacing-sm);border-radius:var(--bui-rounded-full);cursor:pointer;transition:background-color .2s ease-in-out}._1f789qjr{background-color:var(--bui-color-background-secondary-subtle)}._1f789qjs{background-color:var(--bui-color-support-error-subtler)}._1f789qjt{background-color:var(--bui-color-support-info-subtler)}._1f789qju{background-color:var(--bui-color-support-success-subtler)}._1f789qjv{background-color:var(--bui-color-background-inverse-medium)}@layer base{._1f789qj1{padding:var(--bui-spacing-sm) var(--bui-spacing-md);border-radius:24px;width:fit-content;transition:background-color .2s ease-in-out;outline:none;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}}@layer variants{._1f789qj2{outline:2px solid var(--bui-color-focused-primary);outline-offset:1px}._1f789qj3{color:var(--bui-color-text-primary);background-color:var(--bui-color-background-secondary-medium)}._1f789qj4{color:var(--bui-color-support-error-strong);background-color:var(--bui-color-support-error-subtle)}._1f789qj5{color:var(--bui-color-support-success-strong);background-color:var(--bui-color-support-success-subtle)}._1f789qj6{color:var(--bui-color-support-info-strong);background-color:var(--bui-color-support-info-subtle)}._1f789qj7{color:var(--bui-color-text-inverse);background-color:var(--bui-color-background-inverse-strong)}._1f789qj8{color:var(--bui-color-text-disabled);background-color:var(--bui-color-background-secondary-subtle);cursor:not-allowed}._1f789qj9{padding:var(--bui-spacing-xs);padding-left:var(--bui-spacing-md)}._1f789qja{color:var(--bui-color-text-inverse);background-color:var(--bui-color-interactive-primary)}._1f789qjb{cursor:pointer}}@layer compoundVariants{._1f789qjd{background-color:var(--bui-color-background-secondary-subtle)}._1f789qje{background-color:var(--bui-color-support-error-subtler)}._1f789qjf{background-color:var(--bui-color-support-info-subtler)}._1f789qjg{background-color:var(--bui-color-support-success-subtler)}._1f789qjh{background-color:var(--bui-color-background-inverse-medium)}._1f789qji{background-color:var(--bui-color-interactive-hovered)}}@layer 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-primary)}._1kvz17dc{opacity:0}._1kvz17dd{opacity:1}@layer 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 base;@layer variants;@layer compoundVariants;._1x62fhbf{border-left:1px solid var(--bui-color-border-medium);flex-shrink:0}._1x62fhbf:first-of-type{border-left:none}@layer base{._1x62fhb0{overflow-x:auto;height:40px}._1x62fhb6{text-wrap:nowrap}}@layer variants{._1x62fhb9{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}._1x62fhba{pointer-events:none;cursor:not-allowed}._1x62fhbb{border-right:1px solid var(--bui-color-border-medium)}}@layer compoundVariants{._1x62fhbd{box-shadow:inset 0 -2px 0 0 var(--bui-color-interactive-primary)}._1x62fhbe{box-shadow:inset 0 -2px 0 0 var(--bui-color-interactive-disabled)}}.kfun6y0{width:100%;padding:0 var(--bui-spacing-lg);gap:var(--bui-spacing-lg);padding-right:0}.kfun6y1{background-color:var(--bui-color-support-info-subtler)}.kfun6y2{background-color:var(--bui-color-support-warning-subtler)}.kfun6y3{background-color:var(--bui-color-support-error-subtler)}.kfun6y4{background-color:var(--bui-color-support-success-subtler)}.kfun6y5{min-height:44px;justify-content:space-between;align-items:center}.kfun6y6{justify-content:space-between}.kfun6y7{padding:var(--bui-spacing-lg);width:240px;flex-direction:column-reverse;gap:0}.kfun6ya,.kfun6yb{padding:var(--bui-spacing-lg)}.kfun6yc{padding-top:0;padding-right:0}.kfun6yd{gap:var(--bui-spacing-lg)}.kfun6ye{align-items:center}.kfun6yf{margin:var(--bui-spacing-lg) 0}.kfun6yg{flex-direction:column}.kfun6yh{color:var(--bui-color-text-primary)}.kfun6yi{font:var(--bui-typography-body-sm-semibold-font);letter-spacing:var(--bui-typography-body-sm-semibold-letter-spacing)}.kfun6yj{font:var(--bui-typography-body-md-semibold-font);letter-spacing:var(--bui-typography-body-md-semibold-letter-spacing)}.kfun6yk{flex-shrink:0}.kfun6yl{color:var(--bui-color-support-info-medium)}.kfun6ym{color:var(--bui-color-support-warning-medium)}.kfun6yn{color:var(--bui-color-support-error-medium)}.kfun6yo{color:var(--bui-color-support-success-medium)}.kfun6yp{padding:var(--bui-spacing-sm) 0;display:flex;align-items:center}.kfun6yr{align-items:flex-start}.kfun6ys{padding:0;align-self:flex-end}.kfun6yt{color:var(--bui-color-text-primary)}.kfun6yu{font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}.kfun6yv{font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}.kfun6yw{display:flex;flex-direction:row;gap:0}.kfun6yx{gap:var(--bui-spacing-sm)}.kfun6yy,.kfun6yz{flex-direction:column}@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 variants;@layer base;@layer 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 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-primary)}._1dbkl58{width:fit-content}._1dbkl5o{outline-offset:-2px;border-width:3px}._1dbkl5r{box-shadow:inset 0 0 0 1px var(--bui-color-focused-primary);z-index:99}._1dbkl5s{z-index:9}}@layer reset{._1dbkl5a{all:unset}}@layer base{._1dbkl54{background-color:transparent}._1dbkl5a{min-width:32px;min-height:32px;box-sizing:border-box}._1dbkl5h{max-width:240px;max-height:inherit;overflow-y:auto}._1dbkl5n{border-color:var(--bui-color-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 base;@layer variants;@layer compoundVariants;@layer 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 variants{._1344e9q2{pointer-events:none}._1344e9q3:before{mix-blend-mode:normal}}@layer compoundVariants{._1344e9q6,._1344e9q7{box-shadow:0 0 0 4px var(--bui-color-focused-inset),0 0 0 6px var(--bui-color-focused-primary)}}@layer base;@layer variants;@layer compoundVariants;.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 base{.mnnh5s1{min-height:100px;overflow:hidden}.mnnh5s1:after{content:"";background-color:transparent}}@layer variants{.mnnh5s2{min-width:208px}.mnnh5s8{pointer-events:none;cursor:not-allowed}}@layer compoundVariants{.mnnh5s9:after{content:"";position:absolute;transition:background-color .2s;inset:0;background:var(--bui-color-background-overlay-medium)}}@layer base;@layer variants;@layer compoundVariants;._1i0ytqa0{display:flex;flex-direction:column;align-items:center}@layer base{._1i0ytqa1{height:40px}._1i0ytqa3{touch-action:none}}@layer variants{._1i0ytqa7{pointer-events:none;cursor:not-allowed}._1i0ytqa8{cursor:crosshair}._1i0ytqad{pointer-events:none;cursor:not-allowed}}@layer compoundVariants{._1i0ytqa9{box-shadow:inset 0 0 0 1px var(--bui-color-focused-primary)}._1i0ytqaa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}}._1vac7ws0{cursor:move}._1vac7ws1 ._1vac7ws2 .moveable-control,._1vac7ws1 ._1vac7ws2 .moveable-rotation{display:none}@layer base;@layer variants;@layer reset;._1vm2oh49{top:var(--bui-spacing-sm);right:var(--bui-spacing-sm)}@layer base{._1vm2oh40{transition-property:outline-color,background-color}}@layer variants;@layer reset{._1vm2oh48{all:unset}}.cw3m0n3{border-radius:var(--bui-rounded-full);color:var(--bui-color-icon-primary)}.cw3m0n3:hover{color:var(--bui-color-icon-interactive);border-color:var(--bui-color-border-interactive)}.cw3m0n7{width:8px;height:8px;background-color:currentColor;border-radius:var(--bui-rounded-full)}.xvr3wn0{overflow-x:auto}.xvr3wn1{overflow-y:auto}@layer reset;@layer base;@layer variants;@layer compoundVariants;@layer reset{._1j5skr70{all:unset}}@layer base{._1j5skr71{aspect-ratio:1 / 1;height:fit-content}._1j5skr77{background-color:transparent}}@layer 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-interactive-disabled)}}@layer compoundVariants{._1j5skr7c{background-color:var(--bui-color-interactive-primary)}._1j5skr7d{background-color:transparent}._1j5skr7e{outline-offset:-3px}._1j5skr7k{background-color:var(--bui-color-interactive-primary);outline-offset:-3px}}@layer base;@layer variants;@layer 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-disabled)}.f6jv6be{overflow:auto;min-height:40px;box-sizing:border-box;padding-block:12px}.f6jv6bi{overflow:auto;min-width:250px}.f6jv6b4 span[data-user-id]{color:var(--bui-color-interactive-primary);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}.f6jv6bk{min-height:48px}.f6jv6bj[data-drawer=true] .f6jv6bk,.f6jv6bj[data-drawer=true] .f6jv6bl{display:none}.f6jv6bm{border-top:1px solid var(--bui-color-border-subtle)}.f6jv6bn{font:inherit;background-color:transparent;field-sizing:content}.f6jv6bo{height:40px}@layer 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-primary);z-index:9;outline-offset:-1px}.f6jv6bb:has([data-focused]){outline:2px solid var(--bui-color-focused-primary);outline-offset:-1px}.f6jv6bf{min-height:48px}}@layer 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 reset{.f6jv6ba{all:unset}}@layer reset;@layer variants;._8kqf970{height:fit-content;bottom:var(--bui-spacing-lg);margin-left:50%;text-align:center;white-space:nowrap;position:absolute}@layer reset{._8kqf970{all:unset}}@layer 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-interactive-primary)}._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-interactive-primary)}.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-interactive-primary)}.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-interactive-primary)}.rta2n91{font-variant-numeric:tabular-nums}@layer base;@layer variants;@layer compoundVariants;._1w920rn0{row-gap:var(--bui-spacing-xl);justify-content:center}._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)}._1w920rnd{background-repeat:no-repeat;background-position:center;width:inherit}._1w920rne{top:var(--bui-spacing-sm);left:var(--bui-spacing-sm)}._1w920rnf{top:var(--bui-spacing-xs);right:var(--bui-spacing-xs)}@media screen and (min-width: 768px){._1w920rn0{justify-content:start}}@layer base{._1w920rn2{overflow:hidden;list-style:none;background-color:#fff}._1w920rn9{min-width:var(--bui-spacing-4-xl);text-align:center}}@layer variants{._1w920rn6{width:102px}._1w920rn7{width:170px}._1w920rna{outline-offset:-2px}._1w920rnb{background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}}@layer compoundVariants{._1w920rn8: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-primary)}._1w920rnc{outline-offset:-3px}}._1sexph00:hover{background-color:var(--bui-color-background-primary-medium)}._1sexph00[data-disabled=true]{pointer-events:none;cursor:not-allowed}._1sexph00:hover:not([data-selected=true]) button{background-color:transparent}._1sexph01{width:20px;min-width:auto;box-sizing:border-box;transition:transform .2s ease-in}._1sexph01:disabled{pointer-events:none;color:var(--bui-color-icon-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)}@layer base;@layer variants;@layer compoundVariants;@layer 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}}@layer variants{._18v88n1j{cursor:not-allowed}._18v88n1q{cursor:inherit}._18v88n1q::placeholder{color:var(--bui-color-text-disabled)}._18v88n1s{text-align:right}}@layer compoundVariants{._18v88n1n{border-color:transparent}._18v88n1o{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}}._1dc3b8m0{color:var(--bui-color-icon-interactive);background-color:var(--bui-color-background-primary-strong)}.ujkypy0{list-style-type:none;outline:none}.ujkypy0[data-disabled=true]{pointer-events:none}
|
|
10
|
+
@layer reset;.z9nup81{display:flex;flex-direction:column}.z9nup82{display:flex;flex-direction:row}.z9nup83{pointer-events:none;cursor:not-allowed}.z9nup84{background-image:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%)}.z9nup85{background-size:4px 4px}.z9nup86{background-size:6px 6px}@layer reset{.z9nup80{display:contents}.z9nup87{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer base;@layer 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 base{._6n12k91{list-style:none;height:36px}._6n12k9b{list-style:none;transition-property:outline-color;z-index:9}}@layer variants{._6n12k95{border-top-width:1px}._6n12k96{border-bottom-width:1px}}@layer base;@layer variants;@layer base{.gukncs0{background-color:var(--bui-color-border-subtle);width:100%;height:1px;flex-shrink:0}}@layer variants{.gukncs1{width:1px;height:100%}.gukncs2{background-color:var(--bui-color-border-medium)}}@layer reset;@layer variants;.uf19bsf{transition-property:rotate}.uf19bse[aria-expanded=true] .uf19bsf{rotate:180deg}@layer reset{.uf19bs0{all:unset;height:fit-content}}@layer 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-primary)}.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)}.uf19bsc[aria-expanded=true],.uf19bsc[data-pressed=true]{color:var(--bui-color-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 base;._1gzftth2{transform:rotate(180deg) translate(-50%,8px);transform-origin:left}._1gzftth3{bottom:0;transform:translate(-50%,8px)}._1gzftth4{transform:rotate(90deg) translate(-50%,11px)}._1gzftth5{right:0;transform:rotate(-90deg) translate(50%,11px);transform-origin:center}._1gzftth6{overflow-y:auto;display:flex;flex:1}._1gzftth7{position:fixed;inset:0;z-index:1;overflow:hidden}._1gzftth8{opacity:0;position:fixed;pointer-events:none}@layer base{._1gzftth1{min-width:max-content;position:absolute}._1gzftth1[data-placement=top],._1gzftth1[data-placement=bottom]{width:var(--_1gzftth0)}}@layer base;@layer variants;@layer compoundVariants;.oom8bs0 svg{pointer-events:none}.oom8bs5[aria-expanded=true] .uf19bsf{rotate:180deg}@layer base{.oom8bs0{border:none;transition-property:all;width:fit-content;height:fit-content;white-space:nowrap;box-sizing:border-box}}@layer variants{.oom8bs1{background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bs1:disabled{background-color:var(--bui-color-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-disabled)}.oom8bs3{background-color:transparent;box-shadow:inset 0 0 0 1px var(--bui-color-interactive-primary);color:var(--bui-color-interactive-primary)}.oom8bs3:disabled{box-shadow:inset 0 0 0 1px var(--bui-color-interactive-disabled);color:var(--bui-color-interactive-disabled)}.oom8bs4{background-color:transparent;color:var(--bui-color-interactive-primary)}.oom8bs4:disabled{color:var(--bui-color-interactive-disabled)}.oom8bs5{background-color:transparent;color:var(--bui-color-text-primary);transition-property:none}.oom8bs5:disabled{color:var(--bui-color-text-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-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-primary);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-interactive-disabled)}.oom8bs8{background-color:var(--bui-color-support-warning-medium);color:var(--bui-color-text-inverse)}.oom8bs8:disabled{background-color:var(--bui-color-interactive-disabled)}.oom8bs9{background-color:var(--bui-color-support-error-medium);color:var(--bui-color-text-inverse)}.oom8bs9:disabled{background-color:var(--bui-color-interactive-disabled)}.oom8bsa{cursor:not-allowed}.oom8bsb{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}.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 compoundVariants{.oom8bsg{background-color:var(--bui-color-interactive-hovered)}.oom8bsh{background-color:var(--bui-color-background-secondary-medium)}.oom8bsi{background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bsj{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bsk{color:var(--bui-color-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-primary),inset 0 0 0 3px var(--bui-color-focused-inset)}.oom8bsp{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary),inset 0 0 0 3px var(--bui-color-focused-inset);background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bsq,.oom8bsr,.oom8bss{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary),inset 0 0 0 3px var(--bui-color-focused-inset)}}._14uvjig0{width:100%}._14uvjig1{background-color:var(--bui-color-background-inverse-strong)}._14uvjig2{background-color:var(--bui-color-interactive-primary)}._14uvjig3{display:flex;justify-content:space-between;align-items:center}._14uvjig4{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);color:var(--bui-color-text-secondary)}._14uvjig5{color:var(--bui-color-text-disabled)}._14uvjig6{padding-bottom:var(--bui-spacing-md)}._14uvjig7{display:flex;height:24px;align-items:center;gap:var(--bui-spacing-md)}._14uvjig8{height:2px;background-color:var(--bui-color-background-primary-strong);width:100%}._14uvjig9{position:absolute;height:100%}._14uvjigb{transition:width .2s}._14uvjigc{background-color:var(--bui-color-interactive-disabled)}._14uvjige{height:8px;width:8px;border-radius:50%;margin-top:1px;cursor:pointer;transition-property:height,width;transition-duration:.2s}._14uvjigf{height:12px;width:12px;border:0;outline:0}._14uvjigg{background-color:var(--bui-color-interactive-disabled);cursor:not-allowed}._14uvjigh{display:none}._14uvjigi{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-interactive-primary);transition-property:left;transition-duration:.2s}._14uvjigj{height:12px;width:12px}.nrh1eh0{width:100%}.nrh1eh2{justify-content:space-between;gap:var(--bui-spacing-md)}.nrh1eh3{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);color:var(--bui-color-text-secondary)}.nrh1eh4{display:inline-flex}.nrh1eh5{margin-bottom:var(--bui-spacing-md)}.nrh1eh6{padding-top:0;flex-direction:column}.nrh1eh8{justify-content:center}.nrh1eh9{border:1px solid var(--bui-color-border-medium);border-radius:var(--bui-rounded-xs);overflow:hidden;align-items:center;height:32px}.nrh1ehb{border-color:var(--bui-color-support-error-medium)}.nrh1ehe{border-radius:var(--bui-rounded-xs);border:1px solid var(--bui-color-focused-primary);outline:1px solid var(--bui-color-focused-primary);outline-offset:-2px}.nrh1ehf{cursor:not-allowed}.nrh1ehi{border-radius:0;outline:none}.nrh1ehj{border:1px solid var(--bui-color-border-medium)}.nrh1ehk{border-color:transparent}.nrh1ehl,.nrh1ehm{border-color:var(--bui-color-border-strong)}.nrh1ehn{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}.nrh1eho{color:var(--bui-color-text-primary);width:100%;background-color:transparent;padding:var(--bui-spacing-md);border:none;outline:none;height:inherit;text-align:inherit;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.nrh1eho::placeholder{color:var(--bui-color-text-placeholder)}.nrh1ehp{cursor:inherit;color:var(--bui-color-text-disabled)}.nrh1ehp::placeholder{color:var(--bui-color-text-disabled)}.nrh1ehr{text-align:right}.nrh1ehs{margin-right:var(--bui-spacing-md);display:inline-flex;flex-shrink:0}.nrh1ehu{color:var(--bui-color-support-error-medium)}.nrh1ehv{color:var(--bui-color-support-warning-medium)}.nrh1ehw{color:var(--bui-color-icon-primary)}.nrh1ehx{color:var(--bui-color-text-helper);padding-top:var(--bui-spacing-sm);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}.nrh1ehy{color:var(--bui-color-text-disabled)}.nrh1ehz{color:var(--bui-color-support-error-medium)}.nrh1eh10{width:max-content;max-width:100px}._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 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 base{._1jwycy87{max-inline-size:35ch}}@layer variants;@layer variants;@layer base;.siobe25{min-height:48px}@layer base{.siobe21{max-height:calc(var(--siobe20) * .8);overflow:hidden;width:100vw}@media screen and (min-width: 768px){.siobe21{width:100%}}}@layer base;@layer variants;@layer base{.aml2vl0{z-index:1000}}@layer variants{.aml2vl2{align-items:flex-end}}@layer base;@layer variants;@layer base{.cjv3et0{outline:none;overflow:hidden;width:calc(100vw - 2 * var(--bui-spacing-xl))}@media screen and (min-width: 768px){.cjv3et0{width:calc(100vw - 2 * var(--bui-spacing-2-xl))}}@media screen and (min-width: 1280px){.cjv3et0{width:100vw}}}@layer variants{.cjv3et1{max-width:240px}.cjv3et2{max-width:480px}.cjv3et3{max-width:720px}.cjv3et4{width:unset}.cjv3et7{max-width:100vw}}._1mdhlqv0{cursor:pointer;background-color:transparent}._1mdhlqv1{outline:none}._1mdhlqv3{transition:transform .2s ease-in-out}._1mdhlqv4{transform:rotate(180deg)}._1mdhlqv5{flex:1}._1mdhlqv6{overflow:hidden}._1mdhlqv7{min-width:max(64px,var(--_1gzftth0));overflow:hidden;outline:1px solid var(--bui-color-border-medium);outline-offset:-1px;position:relative;overflow-y:auto;max-height:inherit}._1mdhlqv7 .BaselineUI-ListBox-Section{padding-block:var(--bui-spacing-md)}._1mdhlqv7.BaselineUI-ListBox:not(:has(.BaselineUI-ListBox-Section)){padding-block:var(--bui-spacing-md)}.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-icon-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-primary) 2px solid}.bpklwac{background-color:var(--bui-color-icon-interactive)}.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-inverse);border-radius:var(--bui-rounded-full);transition:transform .2s}.bpklwaf{background-color:var(--bui-color-icon-disabled)}.bpklwag{transform:translate(18px)}.bpklwah{background-color:var(--bui-color-icon-primary)}._19n40yy0{display:flex;align-items:center;position:relative;flex-direction:row;padding:0 var(--bui-spacing-md);gap:var(--bui-spacing-md);background-color:var(--bui-color-background-primary-subtle);border-radius:var(--bui-rounded-xs);border:1px solid transparent;color:var(--bui-color-icon-primary);width:100%;font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._19n40yy1{height:48px}._19n40yy2{height:40px}._19n40yy3{height:32px;font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._19n40yy4{border-color:var(--bui-color-border-medium)}._19n40yy6{border-color:transparent;box-shadow:0 0 0 2px var(--bui-color-focused-primary)}._19n40yy7{padding-right:0}._19n40yy8{color:var(--bui-color-text-disabled);cursor:not-allowed}._19n40yy9{border:none;outline:none;background-color:transparent;font:inherit;display:flex;cursor:inherit;flex:1;color:var(--bui-color-text-primary)}._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}.xyd2ss0{list-style:none}.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)}._13f0naj0{cursor:pointer;color:var(--bui-color-interactive-primary);transition:color .2s;outline:none}._13f0naj0:visited:not([aria-disabled=true]){color:var(--bui-color-interactive-visited)}._13f0naj1{text-decoration:none}._13f0naj2{text-decoration:underline}._13f0naj3{color:var(--bui-color-interactive-hovered)}._13f0naj4{outline:2px solid var(--bui-color-focused-primary)}._13f0naj5{color:var(--bui-color-text-disabled);cursor:not-allowed}._13f0najc{color:var(--bui-color-text-primary);outline:2px solid var(--bui-color-focused-primary)}._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)}._180w5ed6{border:2px solid var(--bui-color-border-interactive)}._180w5ed7{border:1px solid var(--bui-color-border-disabled)}._180w5ed8{border:1px dashed var(--bui-color-border-disabled)}._180w5ed9{color:var(--bui-color-icon-secondary)}._180w5eda{color:var(--bui-color-icon-disabled)}._180w5edb{cursor:inherit;color:var(--bui-color-interactive-primary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._180w5edc{color:var(--bui-color-text-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-disabled)}._12vfhl40{width:100%}._12vfhl41{justify-content:space-between}._12vfhl42{color:var(--bui-color-text-secondary);padding-bottom:var(--bui-spacing-sm);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._12vfhl43{color:var(--bui-color-text-primary)}._12vfhl44{padding-bottom:0}._12vfhl45{padding:var(--bui-spacing-md) 0}._12vfhl46{height:16px;align-items:center;gap:var(--bui-spacing-md)}._12vfhl47{height:4px;background-color:var(--bui-color-background-primary-strong);width:100%}._12vfhl48{height:4px}._12vfhl49{background-color:var(--bui-color-support-success-medium)}._12vfhl4a{background-color:var(--bui-color-support-error-medium)}._12vfhl4b{background-color:var(--bui-color-support-info-medium)}._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-icon-interactive)}._9b1tml2{background-color:var(--bui-color-background-secondary-subtle)}._9b1tml5{outline:2px solid var(--bui-color-focused-primary)}._9b1tml6{cursor:default;box-shadow:inset 0 0 0 1px var(--bui-color-icon-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-interactive-hovered)}._9b1tml9{background-color:var(--bui-color-background-secondary-medium)}._9b1tmla{background-color:var(--bui-color-interactive-disabled);color:var(--bui-color-text-inverse)}._9b1tmlb{background-color:var(--bui-color-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-disabled)}._9b1tmle{color:var(--bui-color-icon-inverse);background-color:var(--bui-color-icon-primary)}._9b1tmlf{display:flex;align-items:center;padding:0 var(--bui-spacing-md);color:var(--bui-color-text-primary);transition:color .2s ease;font:var(--bui-typography-body-lg-regular-font);letter-spacing:var(--bui-typography-body-lg-regular-letter-spacing);font-variant-numeric:tabular-nums}._9b1tmlh{height:20px}._9b1tmli{height:24px}._9b1tmlk{color:var(--bui-color-text-primary)}._9b1tmll,._9b1tmlm{color:var(--bui-color-text-inverse)}._9b1tmln{color:var(--bui-color-text-disabled)}@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-interactive-primary);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-primary)}._5uw3kp3{color:var(--bui-color-text-disabled);cursor:not-allowed}._5uw3kp4{color:var(--bui-color-text-inverse);background-color:var(--bui-color-interactive-primary)}._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{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary),inset 0 0 0 3px var(--bui-color-focused-inset)}._5uw3kp9{background-color:var(--bui-color-interactive-disabled)}._16vugd04{border:none;background-color:var(--_16vugd00)}._16vugd05{--_16vugd00: var(--bui-color-icon-primary);border-radius:var(--bui-rounded-xs);border:1px solid var(--_16vugd00);height:16px;width:16px;color:var(--bui-color-icon-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease-in-out}._16vugd08{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-focused-primary)}._16vugd09{--_16vugd00: var(--bui-color-icon-interactive)}._16vugd0a{--_16vugd00: var(--bui-color-icon-disabled);cursor:not-allowed;pointer-events:none}._16vugd0b{--_16vugd00: var(--bui-color-icon-disabled);cursor:not-allowed;pointer-events:none;color:var(--bui-color-icon-primary);border:1px solid var(--bui-color-icon-disabled);background-color:transparent}._16vugd0c{border:1px solid var(--bui-color-support-error-medium)}._16vugd0d{border:none}._16vugd0e{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._16vugd0f{color:var(--bui-color-text-disabled)}@layer variants;@layer 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-primary)}._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-disabled)}@layer variants{._1nsi9h11{height:24px}._1nsi9h12{height:32px}._1nsi9h13{height:40px}._1nsi9h14{height:48px}}@layer base{._1nsi9h1g{white-space:nowrap}}@layer base;@layer variants;@layer compoundVariants;._1f789qj0{display:flex;gap:var(--bui-spacing-md)}._1f789qjj{display:flex;align-items:center;gap:var(--bui-spacing-sm)}._1f789qjk{all:unset;display:inline-flex;padding:var(--bui-spacing-sm);border-radius:var(--bui-rounded-full);cursor:pointer;transition:background-color .2s ease-in-out}._1f789qjr{background-color:var(--bui-color-background-secondary-subtle)}._1f789qjs{background-color:var(--bui-color-support-error-subtler)}._1f789qjt{background-color:var(--bui-color-support-info-subtler)}._1f789qju{background-color:var(--bui-color-support-success-subtler)}._1f789qjv{background-color:var(--bui-color-background-inverse-medium)}@layer base{._1f789qj1{padding:var(--bui-spacing-sm) var(--bui-spacing-md);border-radius:24px;width:fit-content;transition:background-color .2s ease-in-out;outline:none;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}}@layer variants{._1f789qj2{outline:2px solid var(--bui-color-focused-primary);outline-offset:1px}._1f789qj3{color:var(--bui-color-text-primary);background-color:var(--bui-color-background-secondary-medium)}._1f789qj4{color:var(--bui-color-support-error-strong);background-color:var(--bui-color-support-error-subtle)}._1f789qj5{color:var(--bui-color-support-success-strong);background-color:var(--bui-color-support-success-subtle)}._1f789qj6{color:var(--bui-color-support-info-strong);background-color:var(--bui-color-support-info-subtle)}._1f789qj7{color:var(--bui-color-text-inverse);background-color:var(--bui-color-background-inverse-strong)}._1f789qj8{color:var(--bui-color-text-disabled);background-color:var(--bui-color-background-secondary-subtle);cursor:not-allowed}._1f789qj9{padding:var(--bui-spacing-xs);padding-left:var(--bui-spacing-md)}._1f789qja{color:var(--bui-color-text-inverse);background-color:var(--bui-color-interactive-primary)}._1f789qjb{cursor:pointer}}@layer compoundVariants{._1f789qjd{background-color:var(--bui-color-background-secondary-subtle)}._1f789qje{background-color:var(--bui-color-support-error-subtler)}._1f789qjf{background-color:var(--bui-color-support-info-subtler)}._1f789qjg{background-color:var(--bui-color-support-success-subtler)}._1f789qjh{background-color:var(--bui-color-background-inverse-medium)}._1f789qji{background-color:var(--bui-color-interactive-hovered)}}@layer 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-primary)}._1kvz17dc{opacity:0}._1kvz17dd{opacity:1}@layer 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 base;@layer variants;@layer compoundVariants;._1x62fhbf{border-left:1px solid var(--bui-color-border-medium);flex-shrink:0}._1x62fhbf:first-of-type{border-left:none}@layer base{._1x62fhb0{overflow-x:auto;height:40px}._1x62fhb6{text-wrap:nowrap}}@layer variants{._1x62fhb9{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}._1x62fhba{pointer-events:none;cursor:not-allowed}._1x62fhbb{border-right:1px solid var(--bui-color-border-medium)}}@layer compoundVariants{._1x62fhbd{box-shadow:inset 0 -2px 0 0 var(--bui-color-interactive-primary)}._1x62fhbe{box-shadow:inset 0 -2px 0 0 var(--bui-color-interactive-disabled)}}.kfun6y0{width:100%;padding:0 var(--bui-spacing-lg);gap:var(--bui-spacing-lg);padding-right:0}.kfun6y1{background-color:var(--bui-color-support-info-subtler)}.kfun6y2{background-color:var(--bui-color-support-warning-subtler)}.kfun6y3{background-color:var(--bui-color-support-error-subtler)}.kfun6y4{background-color:var(--bui-color-support-success-subtler)}.kfun6y5{min-height:44px;justify-content:space-between;align-items:center}.kfun6y6{justify-content:space-between}.kfun6y7{padding:var(--bui-spacing-lg);width:240px;flex-direction:column-reverse;gap:0}.kfun6ya,.kfun6yb{padding:var(--bui-spacing-lg)}.kfun6yc{padding-top:0;padding-right:0}.kfun6yd{gap:var(--bui-spacing-lg)}.kfun6ye{align-items:center}.kfun6yf{margin:var(--bui-spacing-lg) 0}.kfun6yg{flex-direction:column}.kfun6yh{color:var(--bui-color-text-primary)}.kfun6yi{font:var(--bui-typography-body-sm-semibold-font);letter-spacing:var(--bui-typography-body-sm-semibold-letter-spacing)}.kfun6yj{font:var(--bui-typography-body-md-semibold-font);letter-spacing:var(--bui-typography-body-md-semibold-letter-spacing)}.kfun6yk{flex-shrink:0}.kfun6yl{color:var(--bui-color-support-info-medium)}.kfun6ym{color:var(--bui-color-support-warning-medium)}.kfun6yn{color:var(--bui-color-support-error-medium)}.kfun6yo{color:var(--bui-color-support-success-medium)}.kfun6yp{padding:var(--bui-spacing-sm) 0;display:flex;align-items:center}.kfun6yr{align-items:flex-start}.kfun6ys{padding:0;align-self:flex-end}.kfun6yt{color:var(--bui-color-text-primary)}.kfun6yu{font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}.kfun6yv{font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}.kfun6yw{display:flex;flex-direction:row;gap:0}.kfun6yx{gap:var(--bui-spacing-sm)}.kfun6yy,.kfun6yz{flex-direction:column}@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 variants;@layer base;@layer 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 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-primary)}._1dbkl58{width:fit-content}._1dbkl5o{outline-offset:-2px;border-width:3px}._1dbkl5r{box-shadow:inset 0 0 0 1px var(--bui-color-focused-primary);z-index:99}._1dbkl5s{z-index:9}}@layer reset{._1dbkl5a{all:unset}}@layer base{._1dbkl54{background-color:transparent}._1dbkl5a{min-width:32px;min-height:32px;box-sizing:border-box}._1dbkl5h{max-width:240px;max-height:inherit;overflow-y:auto}._1dbkl5n{border-color:var(--bui-color-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 base;@layer variants;@layer compoundVariants;@layer 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 variants{._1344e9q2{pointer-events:none}._1344e9q3:before{mix-blend-mode:normal}}@layer compoundVariants{._1344e9q6,._1344e9q7{box-shadow:0 0 0 4px var(--bui-color-focused-inset),0 0 0 6px var(--bui-color-focused-primary)}}@layer base;@layer variants;@layer compoundVariants;.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 base{.mnnh5s1{min-height:100px;overflow:hidden}.mnnh5s1:after{content:"";background-color:transparent}}@layer variants{.mnnh5s2{min-width:208px}.mnnh5s8{pointer-events:none;cursor:not-allowed}}@layer compoundVariants{.mnnh5s9:after{content:"";position:absolute;transition:background-color .2s;inset:0;background:var(--bui-color-background-overlay-medium)}}@layer base;@layer variants;@layer compoundVariants;._1i0ytqa0{display:flex;flex-direction:column;align-items:center}@layer base{._1i0ytqa1{height:40px}._1i0ytqa3{touch-action:none}}@layer variants{._1i0ytqa7{pointer-events:none;cursor:not-allowed}._1i0ytqa8{cursor:crosshair}._1i0ytqad{pointer-events:none;cursor:not-allowed}}@layer compoundVariants{._1i0ytqa9{box-shadow:inset 0 0 0 1px var(--bui-color-focused-primary)}._1i0ytqaa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}}._1vac7ws0{cursor:move}._1vac7ws1 ._1vac7ws2 .moveable-control,._1vac7ws1 ._1vac7ws2 .moveable-rotation{display:none}@layer base;@layer variants;@layer reset;._1vm2oh49{top:var(--bui-spacing-sm);right:var(--bui-spacing-sm)}@layer base{._1vm2oh40{transition-property:outline-color,background-color}}@layer variants;@layer reset{._1vm2oh48{all:unset}}.cw3m0n3{border-radius:var(--bui-rounded-full);color:var(--bui-color-icon-primary)}.cw3m0n3:hover{color:var(--bui-color-icon-interactive);border-color:var(--bui-color-border-interactive)}.cw3m0n7{width:8px;height:8px;background-color:currentColor;border-radius:var(--bui-rounded-full)}.xvr3wn0{overflow-x:auto}.xvr3wn1{overflow-y:auto}@layer reset;@layer base;@layer variants;@layer compoundVariants;@layer reset{._1j5skr70{all:unset}}@layer base{._1j5skr71{aspect-ratio:1 / 1;height:fit-content}._1j5skr77{background-color:transparent}}@layer 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-interactive-disabled)}}@layer compoundVariants{._1j5skr7c{background-color:var(--bui-color-interactive-primary)}._1j5skr7d{background-color:transparent}._1j5skr7e{outline-offset:-3px}._1j5skr7k{background-color:var(--bui-color-interactive-primary);outline-offset:-3px}}@layer base;@layer variants;@layer 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-disabled)}.f6jv6be{overflow:auto;min-height:40px;box-sizing:border-box;padding-block:12px}.f6jv6bi{overflow:auto;min-width:250px}.f6jv6b4 span[data-user-id]{color:var(--bui-color-interactive-primary);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}.f6jv6bk{min-height:48px}.f6jv6bj[data-drawer=true] .f6jv6bk,.f6jv6bj[data-drawer=true] .f6jv6bl{display:none}.f6jv6bm{border-top:1px solid var(--bui-color-border-subtle)}.f6jv6bn{font:inherit;background-color:transparent;field-sizing:content}.f6jv6bo{height:40px}@layer 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-primary);z-index:9;outline-offset:-1px}.f6jv6bb:has([data-focused]){outline:2px solid var(--bui-color-focused-primary);outline-offset:-1px}.f6jv6bf{min-height:48px}}@layer 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 reset{.f6jv6ba{all:unset}}@layer reset;@layer variants;._8kqf970{height:fit-content;bottom:var(--bui-spacing-lg);margin-left:50%;text-align:center;white-space:nowrap;position:absolute}@layer reset{._8kqf970{all:unset}}@layer 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-interactive-primary)}._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-interactive-primary)}.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-interactive-primary)}.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-interactive-primary)}.rta2n91{font-variant-numeric:tabular-nums}@layer base;@layer compoundVariants;@layer variants;._1w920rn0{row-gap:var(--bui-spacing-xl);justify-content:center}._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)}@media screen and (min-width: 768px){._1w920rn0{justify-content:start}}@layer base{._1w920rn2{overflow:hidden;list-style:none;background-color:#fff}._1w920rn7{min-width:var(--bui-spacing-4-xl);text-align:center}}@layer compoundVariants{._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-primary)}._1w920rna{outline-offset:-3px}}@layer variants{._1w920rn8{outline-offset:-2px}._1w920rn9{background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}}._1sexph00:hover{background-color:var(--bui-color-background-primary-medium)}._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-medium)}._1sexph00:hover:not([data-selected=true]) button{background-color:transparent}._1sexph01{width:20px;min-width:auto;box-sizing:border-box}._1sexph01:disabled{pointer-events:none;color:var(--bui-color-icon-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)}@layer base;@layer variants;@layer compoundVariants;@layer 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}}@layer variants{._18v88n1j{cursor:not-allowed}._18v88n1q{cursor:inherit}._18v88n1q::placeholder{color:var(--bui-color-text-disabled)}._18v88n1s{text-align:right}}@layer compoundVariants{._18v88n1n{border-color:transparent}._18v88n1o{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}}._1dc3b8m0{color:var(--bui-color-icon-interactive);background-color:var(--bui-color-background-primary-strong)}.ujkypy0{list-style-type:none;outline:none}.ujkypy0[data-disabled=true]{pointer-events:none}
|
package/dist/index.d.mts
CHANGED
|
@@ -190,7 +190,22 @@ interface ListBoxProps extends StylingProps, Omit<AriaListBoxProps<ListItem> & A
|
|
|
190
190
|
|
|
191
191
|
declare const ListBox: React.ForwardRefExoticComponent<ListBoxProps & React.RefAttributes<HTMLUListElement>>;
|
|
192
192
|
|
|
193
|
-
|
|
193
|
+
declare type UIStateOptions<T extends {
|
|
194
|
+
isSelected?: boolean;
|
|
195
|
+
} = object> = {
|
|
196
|
+
isHovered?: boolean;
|
|
197
|
+
isFocused?: boolean;
|
|
198
|
+
isPressed?: boolean;
|
|
199
|
+
isDisabled?: boolean;
|
|
200
|
+
isFocusVisible?: boolean;
|
|
201
|
+
} & T;
|
|
202
|
+
interface StylingWithUIState<T = object> {
|
|
203
|
+
/** The button's class name. */
|
|
204
|
+
className?: string | ((props: UIStateOptions<T>) => string);
|
|
205
|
+
/** The button's style. */
|
|
206
|
+
style?: React.CSSProperties | ((props: UIStateOptions<T>) => React.CSSProperties);
|
|
207
|
+
}
|
|
208
|
+
interface ActionButtonSharedProps extends Omit<AriaButtonProps<"button" | "div">, "rel" | "href" | "target" | "children">, Omit<StylingProps, "className" | "style">, StylingWithUIState {
|
|
194
209
|
/**
|
|
195
210
|
* There are some cases where we need to use a button that is not interactive.
|
|
196
211
|
* For example, when we need to use a button inside a TabItem component that
|
|
@@ -704,11 +719,20 @@ interface ActionIconButtonProps extends ActionButtonSharedProps {
|
|
|
704
719
|
variant?: "primary" | "secondary" | "tertiary" | "ghost" | "toolbar" | "popover";
|
|
705
720
|
/** Indicates whether focusing should be prevented on press. */
|
|
706
721
|
preventFocusOnPress?: boolean;
|
|
722
|
+
/**
|
|
723
|
+
* Whether to show a tooltip. You can pass a boolean or a partial tooltip
|
|
724
|
+
* object that extends the default tooltip props.
|
|
725
|
+
*
|
|
726
|
+
* @default false
|
|
727
|
+
*/
|
|
728
|
+
tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
|
|
707
729
|
}
|
|
708
730
|
|
|
709
731
|
declare const ActionIconButton: React.ForwardRefExoticComponent<ActionIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
710
732
|
|
|
711
|
-
interface ToggleButtonProps extends StylingProps, Omit<AriaToggleButtonProps, "children"
|
|
733
|
+
interface ToggleButtonProps extends Omit<StylingProps, "style" | "className">, Omit<AriaToggleButtonProps, "children">, StylingWithUIState<{
|
|
734
|
+
isSelected?: boolean;
|
|
735
|
+
}> {
|
|
712
736
|
/** The text content of the button. */
|
|
713
737
|
label: React.ReactNode;
|
|
714
738
|
/** The icon to display before the label. */
|
|
@@ -915,7 +939,7 @@ interface SelectProps extends Omit<AriaSelectOptions<ListItem> & SelectStateOpti
|
|
|
915
939
|
* select menu.
|
|
916
940
|
*/
|
|
917
941
|
renderTrigger?: (options: {
|
|
918
|
-
buttonProps: Omit<ActionButtonProps, "variant" | "label" | "elementType" | "iconStart" | "iconEnd">;
|
|
942
|
+
buttonProps: Omit<ActionButtonProps, "variant" | "label" | "elementType" | "iconStart" | "iconEnd" | "className" | "style">;
|
|
919
943
|
valueProps: DOMAttributes;
|
|
920
944
|
isOpen: boolean;
|
|
921
945
|
selectedValue: ListItem | null;
|
|
@@ -1278,7 +1302,7 @@ declare const IconColorInputButton: React.ForwardRefExoticComponent<Omit<ColorIn
|
|
|
1278
1302
|
icon: React.FC<IconProps>;
|
|
1279
1303
|
color?: string | null | undefined;
|
|
1280
1304
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
1281
|
-
interface ColorInputButtonProps extends Omit<ActionButtonProps, "label">, Pick<ColorInputProps, "colorLabel"> {
|
|
1305
|
+
interface ColorInputButtonProps extends Omit<ActionButtonProps, "label" | "className" | "style">, StylingProps, Pick<ColorInputProps, "colorLabel"> {
|
|
1282
1306
|
isOpen: boolean;
|
|
1283
1307
|
"aria-label"?: string;
|
|
1284
1308
|
labelPosition?: "top" | "start";
|
|
@@ -1840,7 +1864,9 @@ interface ToolbarProps extends StylingProps, AriaToolbarProps {
|
|
|
1840
1864
|
|
|
1841
1865
|
declare const Toolbar: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<HTMLDivElement>>;
|
|
1842
1866
|
|
|
1843
|
-
interface ToggleIconButtonProps extends StylingProps, Omit<ToggleProps, "children">, Omit<ToggleButtonProps, "size" | "iconStart" | "label"
|
|
1867
|
+
interface ToggleIconButtonProps extends Omit<StylingProps, "style" | "className">, Omit<ToggleProps, "children">, Omit<ToggleButtonProps, "size" | "iconStart" | "label">, Pick<ActionIconButtonProps, "tooltip">, StylingWithUIState<{
|
|
1868
|
+
isSelected?: boolean;
|
|
1869
|
+
}> {
|
|
1844
1870
|
/**
|
|
1845
1871
|
* The available sizes for a variable.
|
|
1846
1872
|
*
|
|
@@ -2155,6 +2181,13 @@ interface Item {
|
|
|
2155
2181
|
src?: string;
|
|
2156
2182
|
alt?: string;
|
|
2157
2183
|
}
|
|
2184
|
+
declare type Dimension = {
|
|
2185
|
+
width: number | "sm" | "md";
|
|
2186
|
+
height: number;
|
|
2187
|
+
} | {
|
|
2188
|
+
width: number | "sm" | "md";
|
|
2189
|
+
aspectRatio: number;
|
|
2190
|
+
};
|
|
2158
2191
|
interface ImageGalleryProps extends StylingProps, Omit<ListBoxProps, "items" | "layout" | "grid" | "renderOption" | "renderDropIndicator" | "renderDragPreview" | "showSelectedIcon" | "orientation" | "shouldSelectOnPressUp" | "shouldFocusOnHover" | "dropIndicatorClassName" | "dropIndicatorStyle" | "shouldUseVirtualFocus" | "getItems" | "acceptedDragTypes" | "sectionClassName" | "sectionStyle"> {
|
|
2159
2192
|
/**
|
|
2160
2193
|
* An array of objects containing the image source, alt text, and label for
|
|
@@ -2235,6 +2268,12 @@ interface ImageGalleryProps extends StylingProps, Omit<ListBoxProps, "items" | "
|
|
|
2235
2268
|
deleteElement?: React.ReactElement;
|
|
2236
2269
|
onDelete?: (id: string) => void;
|
|
2237
2270
|
}) => React.ReactElement;
|
|
2271
|
+
/** The dimensions of the grid. */
|
|
2272
|
+
imageContainerStyle?: React.CSSProperties;
|
|
2273
|
+
/** The dimensions of the image. */
|
|
2274
|
+
imageDimensions?: Dimension | ((item: Item, options: {
|
|
2275
|
+
isSelected: boolean;
|
|
2276
|
+
}) => Dimension);
|
|
2238
2277
|
}
|
|
2239
2278
|
|
|
2240
2279
|
declare const ImageGallery: React.ForwardRefExoticComponent<ImageGalleryProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -2269,6 +2308,8 @@ interface ButtonSelectProps extends StylingProps, Pick<SelectProps, "isDisabled"
|
|
|
2269
2308
|
isButton: boolean;
|
|
2270
2309
|
isSelected: boolean;
|
|
2271
2310
|
}) => React.CSSProperties);
|
|
2311
|
+
/** Props for the tooltip. */
|
|
2312
|
+
tooltipProps?: Omit<TooltipProps, "children"> | ((trigger: "button" | "select") => Omit<TooltipProps, "children">);
|
|
2272
2313
|
}
|
|
2273
2314
|
|
|
2274
2315
|
declare const ButtonSelect: React.ForwardRefExoticComponent<ButtonSelectProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -2385,6 +2426,12 @@ interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "colorName">, Styl
|
|
|
2385
2426
|
|
|
2386
2427
|
declare const ColorSwatch: React.ForwardRefExoticComponent<ColorSwatchProps & React.RefAttributes<HTMLDivElement>>;
|
|
2387
2428
|
|
|
2429
|
+
interface GridListHandle {
|
|
2430
|
+
/** Sets the selection manager focus state */
|
|
2431
|
+
setFocused: (value: boolean) => void;
|
|
2432
|
+
/** Imperatively focuses the specified key */
|
|
2433
|
+
setFocusedKey: (key: Key$1) => void;
|
|
2434
|
+
}
|
|
2388
2435
|
declare type GridListProps = Omit<StylingProps & ListProps<ListOption> & AriaGridListOptions<ListOption> & {
|
|
2389
2436
|
/**
|
|
2390
2437
|
* The items to render in the grid list. Items have the following shape:
|
|
@@ -2446,6 +2493,8 @@ declare type GridListProps = Omit<StylingProps & ListProps<ListOption> & AriaGri
|
|
|
2446
2493
|
* @default false
|
|
2447
2494
|
*/
|
|
2448
2495
|
isEditing?: boolean;
|
|
2496
|
+
/** Handle to access the gridlist imperative methods. */
|
|
2497
|
+
gridListHandle?: React.RefObject<GridListHandle>;
|
|
2449
2498
|
}, "children" | "suppressTextValueWarning" | "allowDuplicateSelectionEvents" | "linkBehavior" | "keyboardDelegate" | "isVirtualized" | "filter">;
|
|
2450
2499
|
|
|
2451
2500
|
declare const GridList: React.ForwardRefExoticComponent<GridListProps & React.RefAttributes<HTMLUListElement>>;
|
|
@@ -2854,4 +2903,4 @@ declare type Device = ReturnType<typeof useDevice>;
|
|
|
2854
2903
|
*/
|
|
2855
2904
|
declare function usePortalContainer(_portalContainer?: HTMLElement): HTMLElement | undefined;
|
|
2856
2905
|
|
|
2857
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateFormat, type DateFormatProps, type Device, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, GridList, type GridListProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInput, IconColorInputButton, type IconColorInputProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, Transition, type TransitionProps, defineMessages, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
|
|
2906
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateFormat, type DateFormatProps, type Device, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, GridList, type GridListHandle, type GridListProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInput, IconColorInputButton, type IconColorInputProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, Transition, type TransitionProps, defineMessages, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
|
package/dist/index.d.ts
CHANGED
|
@@ -190,7 +190,22 @@ interface ListBoxProps extends StylingProps, Omit<AriaListBoxProps<ListItem> & A
|
|
|
190
190
|
|
|
191
191
|
declare const ListBox: React.ForwardRefExoticComponent<ListBoxProps & React.RefAttributes<HTMLUListElement>>;
|
|
192
192
|
|
|
193
|
-
|
|
193
|
+
declare type UIStateOptions<T extends {
|
|
194
|
+
isSelected?: boolean;
|
|
195
|
+
} = object> = {
|
|
196
|
+
isHovered?: boolean;
|
|
197
|
+
isFocused?: boolean;
|
|
198
|
+
isPressed?: boolean;
|
|
199
|
+
isDisabled?: boolean;
|
|
200
|
+
isFocusVisible?: boolean;
|
|
201
|
+
} & T;
|
|
202
|
+
interface StylingWithUIState<T = object> {
|
|
203
|
+
/** The button's class name. */
|
|
204
|
+
className?: string | ((props: UIStateOptions<T>) => string);
|
|
205
|
+
/** The button's style. */
|
|
206
|
+
style?: React.CSSProperties | ((props: UIStateOptions<T>) => React.CSSProperties);
|
|
207
|
+
}
|
|
208
|
+
interface ActionButtonSharedProps extends Omit<AriaButtonProps<"button" | "div">, "rel" | "href" | "target" | "children">, Omit<StylingProps, "className" | "style">, StylingWithUIState {
|
|
194
209
|
/**
|
|
195
210
|
* There are some cases where we need to use a button that is not interactive.
|
|
196
211
|
* For example, when we need to use a button inside a TabItem component that
|
|
@@ -704,11 +719,20 @@ interface ActionIconButtonProps extends ActionButtonSharedProps {
|
|
|
704
719
|
variant?: "primary" | "secondary" | "tertiary" | "ghost" | "toolbar" | "popover";
|
|
705
720
|
/** Indicates whether focusing should be prevented on press. */
|
|
706
721
|
preventFocusOnPress?: boolean;
|
|
722
|
+
/**
|
|
723
|
+
* Whether to show a tooltip. You can pass a boolean or a partial tooltip
|
|
724
|
+
* object that extends the default tooltip props.
|
|
725
|
+
*
|
|
726
|
+
* @default false
|
|
727
|
+
*/
|
|
728
|
+
tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
|
|
707
729
|
}
|
|
708
730
|
|
|
709
731
|
declare const ActionIconButton: React.ForwardRefExoticComponent<ActionIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
710
732
|
|
|
711
|
-
interface ToggleButtonProps extends StylingProps, Omit<AriaToggleButtonProps, "children"
|
|
733
|
+
interface ToggleButtonProps extends Omit<StylingProps, "style" | "className">, Omit<AriaToggleButtonProps, "children">, StylingWithUIState<{
|
|
734
|
+
isSelected?: boolean;
|
|
735
|
+
}> {
|
|
712
736
|
/** The text content of the button. */
|
|
713
737
|
label: React.ReactNode;
|
|
714
738
|
/** The icon to display before the label. */
|
|
@@ -915,7 +939,7 @@ interface SelectProps extends Omit<AriaSelectOptions<ListItem> & SelectStateOpti
|
|
|
915
939
|
* select menu.
|
|
916
940
|
*/
|
|
917
941
|
renderTrigger?: (options: {
|
|
918
|
-
buttonProps: Omit<ActionButtonProps, "variant" | "label" | "elementType" | "iconStart" | "iconEnd">;
|
|
942
|
+
buttonProps: Omit<ActionButtonProps, "variant" | "label" | "elementType" | "iconStart" | "iconEnd" | "className" | "style">;
|
|
919
943
|
valueProps: DOMAttributes;
|
|
920
944
|
isOpen: boolean;
|
|
921
945
|
selectedValue: ListItem | null;
|
|
@@ -1278,7 +1302,7 @@ declare const IconColorInputButton: React.ForwardRefExoticComponent<Omit<ColorIn
|
|
|
1278
1302
|
icon: React.FC<IconProps>;
|
|
1279
1303
|
color?: string | null | undefined;
|
|
1280
1304
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
1281
|
-
interface ColorInputButtonProps extends Omit<ActionButtonProps, "label">, Pick<ColorInputProps, "colorLabel"> {
|
|
1305
|
+
interface ColorInputButtonProps extends Omit<ActionButtonProps, "label" | "className" | "style">, StylingProps, Pick<ColorInputProps, "colorLabel"> {
|
|
1282
1306
|
isOpen: boolean;
|
|
1283
1307
|
"aria-label"?: string;
|
|
1284
1308
|
labelPosition?: "top" | "start";
|
|
@@ -1840,7 +1864,9 @@ interface ToolbarProps extends StylingProps, AriaToolbarProps {
|
|
|
1840
1864
|
|
|
1841
1865
|
declare const Toolbar: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<HTMLDivElement>>;
|
|
1842
1866
|
|
|
1843
|
-
interface ToggleIconButtonProps extends StylingProps, Omit<ToggleProps, "children">, Omit<ToggleButtonProps, "size" | "iconStart" | "label"
|
|
1867
|
+
interface ToggleIconButtonProps extends Omit<StylingProps, "style" | "className">, Omit<ToggleProps, "children">, Omit<ToggleButtonProps, "size" | "iconStart" | "label">, Pick<ActionIconButtonProps, "tooltip">, StylingWithUIState<{
|
|
1868
|
+
isSelected?: boolean;
|
|
1869
|
+
}> {
|
|
1844
1870
|
/**
|
|
1845
1871
|
* The available sizes for a variable.
|
|
1846
1872
|
*
|
|
@@ -2155,6 +2181,13 @@ interface Item {
|
|
|
2155
2181
|
src?: string;
|
|
2156
2182
|
alt?: string;
|
|
2157
2183
|
}
|
|
2184
|
+
declare type Dimension = {
|
|
2185
|
+
width: number | "sm" | "md";
|
|
2186
|
+
height: number;
|
|
2187
|
+
} | {
|
|
2188
|
+
width: number | "sm" | "md";
|
|
2189
|
+
aspectRatio: number;
|
|
2190
|
+
};
|
|
2158
2191
|
interface ImageGalleryProps extends StylingProps, Omit<ListBoxProps, "items" | "layout" | "grid" | "renderOption" | "renderDropIndicator" | "renderDragPreview" | "showSelectedIcon" | "orientation" | "shouldSelectOnPressUp" | "shouldFocusOnHover" | "dropIndicatorClassName" | "dropIndicatorStyle" | "shouldUseVirtualFocus" | "getItems" | "acceptedDragTypes" | "sectionClassName" | "sectionStyle"> {
|
|
2159
2192
|
/**
|
|
2160
2193
|
* An array of objects containing the image source, alt text, and label for
|
|
@@ -2235,6 +2268,12 @@ interface ImageGalleryProps extends StylingProps, Omit<ListBoxProps, "items" | "
|
|
|
2235
2268
|
deleteElement?: React.ReactElement;
|
|
2236
2269
|
onDelete?: (id: string) => void;
|
|
2237
2270
|
}) => React.ReactElement;
|
|
2271
|
+
/** The dimensions of the grid. */
|
|
2272
|
+
imageContainerStyle?: React.CSSProperties;
|
|
2273
|
+
/** The dimensions of the image. */
|
|
2274
|
+
imageDimensions?: Dimension | ((item: Item, options: {
|
|
2275
|
+
isSelected: boolean;
|
|
2276
|
+
}) => Dimension);
|
|
2238
2277
|
}
|
|
2239
2278
|
|
|
2240
2279
|
declare const ImageGallery: React.ForwardRefExoticComponent<ImageGalleryProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -2269,6 +2308,8 @@ interface ButtonSelectProps extends StylingProps, Pick<SelectProps, "isDisabled"
|
|
|
2269
2308
|
isButton: boolean;
|
|
2270
2309
|
isSelected: boolean;
|
|
2271
2310
|
}) => React.CSSProperties);
|
|
2311
|
+
/** Props for the tooltip. */
|
|
2312
|
+
tooltipProps?: Omit<TooltipProps, "children"> | ((trigger: "button" | "select") => Omit<TooltipProps, "children">);
|
|
2272
2313
|
}
|
|
2273
2314
|
|
|
2274
2315
|
declare const ButtonSelect: React.ForwardRefExoticComponent<ButtonSelectProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -2385,6 +2426,12 @@ interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "colorName">, Styl
|
|
|
2385
2426
|
|
|
2386
2427
|
declare const ColorSwatch: React.ForwardRefExoticComponent<ColorSwatchProps & React.RefAttributes<HTMLDivElement>>;
|
|
2387
2428
|
|
|
2429
|
+
interface GridListHandle {
|
|
2430
|
+
/** Sets the selection manager focus state */
|
|
2431
|
+
setFocused: (value: boolean) => void;
|
|
2432
|
+
/** Imperatively focuses the specified key */
|
|
2433
|
+
setFocusedKey: (key: Key$1) => void;
|
|
2434
|
+
}
|
|
2388
2435
|
declare type GridListProps = Omit<StylingProps & ListProps<ListOption> & AriaGridListOptions<ListOption> & {
|
|
2389
2436
|
/**
|
|
2390
2437
|
* The items to render in the grid list. Items have the following shape:
|
|
@@ -2446,6 +2493,8 @@ declare type GridListProps = Omit<StylingProps & ListProps<ListOption> & AriaGri
|
|
|
2446
2493
|
* @default false
|
|
2447
2494
|
*/
|
|
2448
2495
|
isEditing?: boolean;
|
|
2496
|
+
/** Handle to access the gridlist imperative methods. */
|
|
2497
|
+
gridListHandle?: React.RefObject<GridListHandle>;
|
|
2449
2498
|
}, "children" | "suppressTextValueWarning" | "allowDuplicateSelectionEvents" | "linkBehavior" | "keyboardDelegate" | "isVirtualized" | "filter">;
|
|
2450
2499
|
|
|
2451
2500
|
declare const GridList: React.ForwardRefExoticComponent<GridListProps & React.RefAttributes<HTMLUListElement>>;
|
|
@@ -2854,4 +2903,4 @@ declare type Device = ReturnType<typeof useDevice>;
|
|
|
2854
2903
|
*/
|
|
2855
2904
|
declare function usePortalContainer(_portalContainer?: HTMLElement): HTMLElement | undefined;
|
|
2856
2905
|
|
|
2857
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateFormat, type DateFormatProps, type Device, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, GridList, type GridListProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInput, IconColorInputButton, type IconColorInputProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, Transition, type TransitionProps, defineMessages, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
|
|
2906
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateFormat, type DateFormatProps, type Device, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, GridList, type GridListHandle, type GridListProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInput, IconColorInputButton, type IconColorInputProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, Transition, type TransitionProps, defineMessages, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
|