npm - @baseline-ui/core - Versions diffs - 0.38.0 → 0.39.1 - Mend

@baseline-ui/core 0.38.0 → 0.39.1

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.

Files changed (7) hide show

package/Acknowledgements.md +12690 -17638
package/dist/index.css +1 -1
package/dist/index.d.mts +80 -20
package/dist/index.d.ts +80 -20
package/dist/index.js +5 -35
package/dist/index.mjs +5 -35
package/package.json +8 -6

package/dist/index.css CHANGED Viewed

@@ -7,4 +7,4 @@
  * This notice may not be removed from this file.
  *
  */
-@layer bui-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 bui-reset{.z9nup80{display:contents}.z9nup87{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer bui-base;@layer bui-variants;._6n12k90{list-style:none;padding-top:var(--bui-spacing-md);padding-bottom:var(--bui-spacing-md)}._6n12k98[data-orientation=vertical][data-layout=stack]{flex-direction:column}._6n12k98[data-orientation=horizontal][data-layout=stack]{flex-direction:row}._6n12k9f{overflow-wrap:break-word;inline-size:min-content;min-height:36px}@layer bui-base{._6n12k91{list-style:none;height:36px}._6n12k9b{list-style:none;transition-property:outline-color;z-index:9}}@layer bui-variants{._6n12k95{border-top-width:1px}._6n12k96{border-bottom-width:1px}}@layer bui-base;@layer bui-variants;@layer bui-base{.gukncs0{background-color:var(--bui-color-border-subtle);width:100%;height:1px;flex-shrink:0}}@layer bui-variants{.gukncs1{width:1px;height:100%}.gukncs2{background-color:var(--bui-color-border-medium)}}@layer bui-reset;@layer bui-variants;.uf19bsf{transition-property:rotate}.uf19bse[aria-expanded=true] .uf19bsf{rotate:180deg}@layer bui-reset{.uf19bs0{all:unset;height:fit-content}}@layer bui-variants{.uf19bs1{min-height:16px;min-width:16px}.uf19bs2{min-height:24px;min-width:24px}.uf19bs3{min-height:32px;min-width:32px}.uf19bs4{min-height:40px;min-width:40px}.uf19bs5{min-height:48px;min-width:48px}.uf19bs7{cursor:not-allowed}.uf19bs8{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}.uf19bs9[aria-expanded=true],.uf19bs9[data-pressed=true]{background-color:var(--bui-color-background-primary-medium)}.uf19bsa[aria-expanded=true],.uf19bsa[data-pressed=true]{color:var(--bui-color-icon-secondary)}.uf19bsb[aria-expanded=true],.uf19bsb[data-pressed=true]{background-color:var(--bui-color-background-primary-strong);color:var(--bui-color-icon-interactive-enabled)}.uf19bsc[aria-expanded=true],.uf19bsc[data-pressed=true]{color:var(--bui-color-icon-interactive-active)}.uf19bsd[aria-expanded=true],.uf19bsd[data-pressed=true]{background-color:var(--bui-color-background-primary-strong)}.uf19bse{min-height:unset;width:fit-content;min-width:unset}.uf19bse[aria-expanded=true],.uf19bse[data-pressed=true]{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}}@layer bui-base;@layer bui-variants;@layer bui-base{.cjv3et0{overflow:auto;outline:none;width:calc(var(--lz9qs0, 100vw) - 2 * var(--bui-spacing-xl))}@media screen and (min-width: 768px){.cjv3et0{width:calc(var(--lz9qs0, 100vw) - 2 * var(--bui-spacing-2-xl))}}@media screen and (min-width: 1280px){.cjv3et0{width:var(--lz9qs0, 100vw)}}}@layer bui-variants{.cjv3et1{max-width:240px}.cjv3et2{max-width:480px}.cjv3et3{max-width:720px}.cjv3et4{width:unset}.cjv3et6{outline:none;border-color:transparent}.cjv3et9{max-width:100vw}}@layer bui-base;@layer bui-variants;._1gzftthc{position:fixed;inset:0;z-index:1;overflow:hidden}._1gzftthd{opacity:0;position:fixed;pointer-events:none}._1gzftth1:has(.cjv3et0[data-focus-visible=true]) ._1gzftth2{display:none}._1gzftth1:has(.cjv3et0[data-focus-visible=true]) ._1gzftth7{display:block}@layer bui-base{._1gzftth1{min-width:max-content;position:absolute}._1gzftth1[data-placement=top],._1gzftth1[data-placement=bottom]{width:var(--_1gzftth0)}._1gzftth2{position:absolute}._1gzftth7{display:none;z-index:9}}@layer bui-variants{._1gzftth3{transform:rotate(180deg) translate(-50%,8px);transform-origin:left}._1gzftth4{bottom:0;transform:translate(-50%,8px)}._1gzftth5{transform:rotate(90deg) translate(-50%,11px)}._1gzftth6{right:0;transform:rotate(-90deg) translate(50%,11px);transform-origin:center}._1gzftth8{transform:rotate(180deg) translate(-50%,10px);transform-origin:left}._1gzftth9{bottom:0;transform:translate(-50%,10px)}._1gzfttha{transform:rotate(90deg) translate(-50%,10px)}._1gzftthb{right:0;transform:rotate(-90deg) translate(50%,10px);transform-origin:center}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.oom8bs0 svg{pointer-events:none}.oom8bs5[aria-expanded=true] .uf19bsf{rotate:180deg}@layer bui-base{.oom8bs0{border:none;transition-property:all;width:fit-content;height:fit-content;white-space:nowrap;box-sizing:border-box}.oom8bst{transition-property:color}}@layer bui-variants{.oom8bs1{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}.oom8bs1:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs2{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium);background-color:var(--bui-color-background-secondary-subtle);color:var(--bui-color-text-primary)}.oom8bs2:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs3{background-color:transparent;box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-enabled);color:var(--bui-color-text-interactive-enabled)}.oom8bs3:disabled{box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-disabled);color:var(--bui-color-text-interactive-disabled)}.oom8bs4{background-color:transparent;color:var(--bui-color-text-interactive-enabled)}.oom8bs4:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs5{background-color:transparent;color:var(--bui-color-text-primary);transition-property:none}.oom8bs5:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs5[aria-expanded=true]{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bs6{background-color:transparent;color:var(--bui-color-text-primary);border-radius:0}.oom8bs6:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs6[data-hovered=true],.oom8bs6[data-pressed=true],.oom8bs6[aria-expanded=true]{background-color:var(--bui-color-background-primary-strong)}.oom8bs6[data-focus-visible=true]{outline:2px solid var(--bui-color-focused-default);outline-offset:-2px}.oom8bs7{background-color:var(--bui-color-support-success-medium);color:var(--bui-color-text-inverse)}.oom8bs7:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs8{background-color:var(--bui-color-support-warning-medium);color:var(--bui-color-text-inverse)}.oom8bs8:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs9{background-color:var(--bui-color-support-error-medium);color:var(--bui-color-text-inverse)}.oom8bs9:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bsa{cursor:not-allowed}.oom8bsb{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}.oom8bsd{min-height:32px;padding:var(--bui-spacing-md)}.oom8bse{min-height:40px;padding:var(--bui-spacing-md) var(--bui-spacing-lg)}.oom8bsf{min-height:48px;padding:var(--bui-spacing-lg);font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}}@layer bui-compound-variants{.oom8bsg{background-color:var(--bui-color-background-interactive-hovered)}.oom8bsh{background-color:var(--bui-color-background-secondary-medium)}.oom8bsi{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive);box-shadow:none}.oom8bsj{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bsk{color:var(--bui-color-text-interactive-hovered)}.oom8bsl{background-color:var(--bui-color-support-success-strong)}.oom8bsm{background-color:var(--bui-color-support-warning-strong)}.oom8bsn{background-color:var(--bui-color-support-error-strong)}.oom8bso{border:none;box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}.oom8bsp{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset);background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}.oom8bsq,.oom8bsr,.oom8bss{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}}._14uvjig0{width:100%}._14uvjig1{background-color:var(--bui-color-background-inverse-strong)}._14uvjig2{background-color:var(--bui-color-background-interactive-enabled)}._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-interactive-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%}._14uvjigc{background-color:var(--bui-color-background-interactive-disabled)}._14uvjigf{height:8px;width:8px;border-radius:50%;margin-top:1px;cursor:pointer;transition-property:height,width;transition-duration:.2s}._14uvjigg{height:12px;width:12px;border:0;outline:0}._14uvjigh{background-color:var(--bui-color-background-interactive-disabled);cursor:not-allowed}._14uvjigi{display:none}._14uvjigj{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-background-interactive-enabled);transition-property:left;transition-duration:.2s}._14uvjigk{height:12px;width:12px}@media (pointer: coarse){._14uvjige{min-height:22px;min-width:22px}}.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-default);outline:1px solid var(--bui-color-focused-default);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-interactive-disabled)}.nrh1ehp::placeholder{color:var(--bui-color-text-interactive-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-interactive-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 bui-base;._1jwycy80{width:0;height:0;border-right:7px solid transparent;border-bottom:8px solid;border-left:7px solid transparent;position:absolute}._1jwycy81{transform:translate(-50%,-7px)}._1jwycy82{transform:translate(10px,-50%) rotate(90deg);right:0}._1jwycy83{transform:translate(-10px,-50%) rotate(270deg);left:0}._1jwycy84{transform:translate(-50%,7px) rotate(180deg);bottom:0}._1jwycy85{border-bottom-color:var(--bui-color-background-inverse-strong)}._1jwycy86{border-bottom-color:var(--bui-color-background-primary-subtle)}@layer bui-base{._1jwycy87{max-inline-size:35ch}}@layer bui-variants;@layer bui-variants;@layer bui-base;.siobe24{min-height:48px}@layer bui-base{.siobe20{overflow:hidden;touch-action:none;width:100vw}@media screen and (min-width: 768px){.siobe20{width:100%}}}@layer bui-variants;@layer bui-base;.aml2vl8{left:0;right:0;height:fit-content;max-height:80dvh;max-height:80vh}@layer bui-variants{.aml2vl1{position:absolute}.aml2vl2{position:fixed}.aml2vl5{align-items:flex-end}.aml2vl6{position:absolute}.aml2vl7{position:fixed}}@layer bui-base{.aml2vl3{z-index:1000}}.bpklwa0{display:inline-flex}.bpklwa1{flex-direction:column;gap:var(--bui-spacing-md);width:fit-content}.bpklwa2{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.bpklwa3{display:inline-flex;flex-direction:row;gap:var(--bui-spacing-md);align-items:center}.bpklwa4{flex-direction:row-reverse}.bpklwa6{color:var(--bui-color-text-primary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwa7{border-radius:9px;width:36px;height:18px;background-color:var(--bui-color-background-inverse-subtle);padding:2px;box-sizing:border-box;cursor:pointer}.bpklwa8{border:1px solid var(--bui-color-border-interactive-disabled);padding:1px;background-color:transparent;cursor:default}.bpklwa9{background-color:var(--bui-color-background-secondary-medium);cursor:not-allowed}.bpklwab{outline-offset:1px;outline:var(--bui-color-focused-default) 2px solid}.bpklwac{background-color:var(--bui-color-background-interactive-enabled)}.bpklwad{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwae{width:14px;height:14px;background-color:var(--bui-color-icon-oninteractive);border-radius:var(--bui-rounded-full);transition:transform .2s}.bpklwaf{background-color:var(--bui-color-border-interactive-disabled)}.bpklwag{transform:translate(18px)}.bpklwah{background-color:var(--bui-color-icon-primary)}._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-default)}._19n40yy7{padding-right:0}._19n40yy8{color:var(--bui-color-text-interactive-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)}._1mdhlqv0{cursor:pointer;background-color:transparent}._1mdhlqv1{outline:none}._1mdhlqv2{border-color:var(--bui-color-border-medium)}._1mdhlqv7{border-color:var(--bui-color-border-strong)}._1mdhlqv8{transition:transform .2s ease-in-out}._1mdhlqv9{transform:rotate(180deg)}._1mdhlqva{flex:1}._1mdhlqvb{min-width:max(64px,var(--_1gzftth0));position:relative;overflow-y:auto;max-height:inherit;border:none;outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}._1mdhlqvb .BaselineUI-ListBox-Section{padding-block:var(--bui-spacing-md)}._1mdhlqvb.BaselineUI-ListBox:not(:has(.BaselineUI-ListBox-Section)){padding-block:var(--bui-spacing-md)}._13f0naj0{cursor:pointer;color:var(--bui-color-text-interactive-enabled);transition:color .2s;outline:none}._13f0naj0:visited:not([aria-disabled=true]){color:var(--bui-color-text-interactive-visited);text-decoration-color:var(--bui-color-border-interactive-visited)}._13f0naj1{text-decoration:none}._13f0naj2{text-decoration:underline;text-decoration-color:var(--bui-color-border-interactive-enabled)}._13f0naj3{color:var(--bui-color-text-interactive-hovered);text-decoration-color:var(--bui-color-border-interactive-hovered)}._13f0naj4{outline:2px solid var(--bui-color-focused-default)}._13f0naj5{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed;text-decoration-color:var(--bui-color-border-interactive-disabled)}._13f0najc{color:var(--bui-color-text-interactive-active);outline:2px solid var(--bui-color-focused-default)}._13f0najd{font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._13f0naje{font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._13f0najf{font:var(--bui-typography-body-lg-regular-font);letter-spacing:var(--bui-typography-body-lg-regular-letter-spacing)}._13f0najg{font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._13f0najh{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._13f0naji{font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}._180w5ed0{text-align:center;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;padding:var(--bui-spacing-xl);gap:var(--bui-spacing-md)}._180w5ed1{width:100%;background-color:var(--bui-color-background-secondary-subtle)}._180w5ed2{border:1px dashed var(--bui-color-border-medium);border-radius:var(--bui-rounded-sm)}._180w5ed3{outline:none}._180w5ed4{pointer-events:none;background-color:unset}._180w5ed5{border-color:var(--bui-color-border-interactive-enabled)}._180w5ed6{border:2px solid var(--bui-color-border-interactive-enabled)}._180w5ed7{border:1px solid var(--bui-color-border-interactive-disabled)}._180w5ed8{border:1px dashed var(--bui-color-border-interactive-disabled)}._180w5ed9{color:var(--bui-color-icon-secondary)}._180w5eda{color:var(--bui-color-icon-interactive-disabled)}._180w5edb{cursor:inherit;color:var(--bui-color-background-interactive-enabled);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._180w5edc{color:var(--bui-color-text-interactive-disabled)}._180w5edd{text-decoration:underline}._180w5ede{color:var(--bui-color-text-helper);font:var(--bui-typography-label-md-regular-font);letter-spacing:var(--bui-typography-label-md-regular-letter-spacing)}._180w5edf{color:var(--bui-color-text-interactive-disabled)}._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)}@layer bui-base;@layer bui-variants;._9b1tml0{display:inline-flex;flex-direction:row;align-self:flex-start;padding:var(--bui-spacing-xs);gap:var(--bui-spacing-xs);border-radius:var(--bui-rounded-sm);align-items:center;cursor:pointer;transition:background-color .2s ease;outline:none;border:none;background-color:var(--bui-color-background-secondary-subtle)}._9b1tml1{background-color:var(--bui-color-background-interactive-enabled)}._9b1tml2{background-color:var(--bui-color-background-secondary-subtle)}._9b1tml5{outline:2px solid var(--bui-color-focused-default)}._9b1tml6{cursor:default;box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-disabled);background-color:var(--bui-color-background-primary-subtle)}._9b1tml7{padding:1px;border:1px solid var(--bui-color-focused-inset)}._9b1tml8{background-color:var(--bui-color-background-interactive-hovered)}._9b1tml9{background-color:var(--bui-color-background-secondary-medium)}._9b1tmla{background-color:var(--bui-color-background-interactive-disabled);color:var(--bui-color-text-oninteractive)}._9b1tmlb{background-color:var(--bui-color-background-interactive-disabled);box-shadow:inset 0 0 0 1px var(--bui-color-border-inverse)}._9b1tmlc{padding:var(--bui-spacing-xs);background-color:var(--bui-color-background-primary-subtle);color:var(--bui-color-icon-primary);border-radius:var(--bui-rounded-xs);display:flex}._9b1tmld{color:var(--bui-color-icon-interactive-disabled)}._9b1tmle{color:var(--bui-color-icon-inverse);background-color:var(--bui-color-background-inverse-strong)}@layer bui-base{._9b1tmlf{font-variant-numeric:tabular-nums}}@layer bui-variants{._9b1tmlh{height:20px}._9b1tmli{height:24px}}@keyframes _1azy5683{0%{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:0}50%{stroke-dasharray:calc(var(--_1azy5680) * .75) calc(var(--_1azy5680) * .25);stroke-dashoffset:calc(var(--_1azy5680) * -.25)}to{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:calc(-1 * var(--_1azy5680))}}@keyframes _1azy5684{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1azy5681{gap:var(--bui-spacing-md);align-items:center}._1azy5682{display:flex;align-items:center}._1azy5685{fill:none;stroke-width:3;stroke:var(--bui-color-background-interactive-enabled);transform-origin:center;animation:1.5s ease-in-out infinite _1azy5683,2s linear infinite _1azy5684}._1azy5686{position:absolute;fill:none;stroke-width:3;stroke:var(--bui-color-border-medium)}._1azy5687{color:var(--bui-color-support-success-medium)}._1azy5688{color:var(--bui-color-support-error-medium)}._1azy5689{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._5uw3kp0{background-color:transparent;border-radius:0;align-items:center;gap:var(--bui-spacing-md);color:var(--bui-color-text-primary);outline:none;cursor:pointer}._5uw3kp0:active:not(:disabled){background-color:var(--bui-color-background-primary-strong)}._5uw3kp1{background-color:var(--bui-color-background-primary-strong)}._5uw3kp2{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._5uw3kp3{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed}._5uw3kp4{color:var(--bui-color-text-oninteractive);background-color:var(--bui-color-background-interactive-enabled)}._5uw3kp5{min-height:32px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);padding:var(--bui-spacing-md)}._5uw3kp6{min-height:40px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);padding:var(--bui-spacing-md) var(--bui-spacing-lg)}._5uw3kp7{min-height:48px;font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing);padding:var(--bui-spacing-lg)}._5uw3kp8{border-radius:var(--bui-rounded-xs)}._5uw3kpa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}._5uw3kpb{background-color:var(--bui-color-background-interactive-disabled)}._5uw3kpc{border-radius:var(--bui-rounded-sm)}._16vugd05{border:none;background-color:var(--_16vugd00)}._16vugd06{--_16vugd00: var(--bui-color-background-inverse-strong);--_16vugd01: var(--bui-color-border-inverse);border-radius:var(--bui-rounded-xs);border:1px solid var(--_16vugd01);height:16px;width:16px;color:var(--bui-color-icon-oninteractive);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease-in-out}._16vugd09{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-focused-default)}._16vugd0a{--_16vugd00: var(--bui-color-background-interactive-enabled);--_16vugd01: var(--bui-color-border-interactive-enabled)}._16vugd0b{--_16vugd00: var(--bui-color-background-interactive-disabled);--_16vugd01: var(--bui-color-border-interactive-disabled);cursor:not-allowed;pointer-events:none}._16vugd0c{--_16vugd00: var(--bui-color-icon-interactive-disabled);--_16vugd01: var(--bui-color-border-interactive-disabled);cursor:not-allowed;pointer-events:none;color:var(--bui-color-icon-primary);border:1px solid var(--bui-color-icon-interactive-disabled);background-color:transparent}._16vugd0d{border:1px solid var(--bui-color-support-error-medium)}._16vugd0e{border:none}._16vugd0f{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._16vugd0g{color:var(--bui-color-text-interactive-disabled)}@layer bui-variants;@layer bui-base;._1nsi9h17{display:flex;gap:var(--bui-spacing-sm);height:inherit;align-items:center;padding:0 var(--bui-spacing-lg)}._1nsi9h18{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1nsi9h19{justify-content:center;flex:1}._1nsi9h1b{padding:0 var(--bui-spacing-md)}._1nsi9h1f{font:inherit;line-height:inherit;font-variant-numeric:tabular-nums;background-color:transparent}._1nsi9h1f:disabled{color:var(--bui-color-text-interactive-disabled)}@layer bui-variants{._1nsi9h11{height:24px}._1nsi9h12{height:32px}._1nsi9h13{height:40px}._1nsi9h14{height:48px}}@layer bui-base{._1nsi9h1g{white-space:nowrap}}@layer bui-base;@layer bui-variants;._1f789qju{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}._1f789qj11{background-color:var(--bui-color-background-secondary-subtle)}._1f789qj12{background-color:var(--bui-color-support-error-subtler)}._1f789qj13{background-color:var(--bui-color-support-info-subtler)}._1f789qj14{background-color:var(--bui-color-support-success-subtler)}._1f789qj15{background-color:var(--bui-color-background-inverse-medium)}@layer bui-base{._1f789qj0{width:fit-content}}@layer bui-variants{._1f789qj1{outline:2px solid var(--bui-color-focused-default);outline-offset:1px}._1f789qj7{cursor:not-allowed}._1f789qja{cursor:pointer}._1f789qjc:has(.BaselineUI-Tag-Icon){padding-inline-start:var(--bui-spacing-sm)}._1f789qjd{min-height:16px}._1f789qjd:has(.BaselineUI-Tag-Icon){padding-inline-start:var(--bui-spacing-xs)}}@layer bui-reset;._1kvz17d1{transform:rotate(90deg)}._1kvz17d2{cursor:pointer;box-shadow:inset 0 1px 0 var(--bui-color-border-medium);outline:none;height:40px}._1kvz17d3{outline-offset:-2px;outline:2px solid var(--bui-color-focused-default)}._1kvz17dc{opacity:0}._1kvz17dd{opacity:1}._1kvz17de{overflow:hidden}@layer bui-reset{._1kvz17da{all:unset}}._1017q4c0{border-radius:var(--bui-rounded-full);color:var(--bui-color-icon-inverse);display:flex;position:relative;align-items:center;justify-content:center;background-color:var(--bui-color-icon-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._1017q4c1{height:24px;width:24px}._1017q4c2{height:16px;width:16px}._1017q4c3{opacity:var(--bui-opacity-medium)}._1017q4c4{height:100%;width:100%;border-radius:var(--bui-rounded-full);overflow:hidden;object-fit:cover}._1017q4c5{position:absolute;height:12px;width:12px;background-color:var(--bui-color-support-error-medium);border:2px solid var(--bui-color-border-subtle);border-radius:var(--bui-rounded-full);bottom:-4px;right:-4px}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1x62fhbl{border-left:1px solid var(--bui-color-border-medium);flex-shrink:0}._1x62fhbl:first-of-type{border-left:none}@layer bui-base{._1x62fhb0{overflow-x:auto;height:40px}._1x62fhb6{text-wrap:nowrap}}@layer bui-variants{._1x62fhb9{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1x62fhba{pointer-events:none;cursor:not-allowed}._1x62fhbb{border-right:1px solid var(--bui-color-border-medium)}}@layer bui-compound-variants{._1x62fhbd{box-shadow:inset 0 -2px 0 0 var(--bui-color-border-interactive-enabled)}._1x62fhbe{box-shadow:inset 0 -2px 0 0 var(--bui-color-background-interactive-disabled)}}@layer bui-variants;@layer bui-variants{.kfun6y5{min-height:44px}.kfun6y6{justify-content:space-between}.kfun6y7{width:240px}}@keyframes _1dbkl5w{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}@layer bui-variants;@layer bui-base;@layer bui-reset;._1dbkl53{height:120px}._1dbkl5e{width:100%;height:4px}._1dbkl5f{font-variant-numeric:tabular-nums}._1dbkl5g{max-width:240px}._1dbkl5j{min-width:max-content}._1dbkl5k{list-style:none}._1dbkl5l{grid-template-columns:repeat(6,1fr)}._1dbkl5m{height:12px}._1dbkl5u{margin-inline-start:-1px}._1dbkl5u[data-hovered],._1dbkl5u[data-focus-visible]{z-index:9}._1dbkl5v .BaselineUI-NumberInput:not(:first-of-type){margin-inline-start:-1px}._1dbkl5v .BaselineUI-NumberInput:not(:first-of-type):not(:last-of-type) .BaselineUI-NumberInput-Container{border-radius:0}._1dbkl5v:not(:has(._1dbkl5q)) .BaselineUI-NumberInput:first-of-type .BaselineUI-NumberInput-Container{border-top-right-radius:0;border-bottom-right-radius:0}._1dbkl5v .BaselineUI-NumberInput:last-of-type .BaselineUI-NumberInput-Container{border-top-left-radius:0;border-bottom-left-radius:0}._1dbkl5x{animation-name:_1dbkl5w;animation-duration:.2s}@layer bui-variants{._1dbkl55{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium)}._1dbkl56{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1dbkl58{width:fit-content}._1dbkl5o{outline-offset:-2px;border-width:3px}._1dbkl5r{box-shadow:inset 0 0 0 1px var(--bui-color-focused-default);z-index:99}._1dbkl5s{z-index:9}}@layer bui-reset{._1dbkl5a{all:unset}}@layer bui-base{._1dbkl54{background-color:transparent}._1dbkl5a{min-width:32px;min-height:32px;box-sizing:border-box}._1dbkl5h{max-width:240px;max-height:inherit;overflow-y:auto}._1dbkl5n{border-color:var(--bui-color-background-positive-subtle);width:12px;height:12px;top:6px;box-shadow:0 0 4px #0006;overflow:hidden}._1dbkl5q{background-color:transparent;border-width:1px;height:32px;width:154px}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1344e9q9{height:2px;rotate:-45deg;width:calc(100% - 2px)}@layer bui-base{._1344e9q0{width:16px;height:16px;transition:outline-color ease-in .2s}._1344e9q0:before{content:"";position:absolute;inset:0;border-radius:var(--bui-rounded-full);border:1px solid var(--bui-color-border-medium);mix-blend-mode:multiply}._1344e9q0[data-interactive=true]:before{cursor:pointer}}@layer bui-variants{._1344e9q2{pointer-events:none}._1344e9q3:before{mix-blend-mode:normal}}@layer bui-compound-variants{._1344e9q6,._1344e9q7{box-shadow:0 0 0 4px var(--bui-color-focused-inset),0 0 0 6px var(--bui-color-focused-default)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.mnnh5s0{background:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%);background-size:16px 16px}.mnnh5sa{height:100%;width:100%;object-fit:contain}.mnnh5sd{opacity:.5}@layer bui-base{.mnnh5s1{min-height:100px;overflow:hidden}.mnnh5s1:after{content:"";background-color:transparent}}@layer bui-variants{.mnnh5s2{min-width:208px}.mnnh5s8{pointer-events:none;cursor:not-allowed}}@layer bui-compound-variants{.mnnh5s9:after{content:"";position:absolute;transition:background-color .2s;inset:0;background:var(--bui-color-background-overlay-medium)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1i0ytqa0{display:flex;flex-direction:column;align-items:center}@layer bui-base{._1i0ytqa1{height:40px}._1i0ytqa3{touch-action:none}}@layer bui-variants{._1i0ytqa7{pointer-events:none;cursor:not-allowed}._1i0ytqa8{cursor:crosshair}._1i0ytqad{pointer-events:none;cursor:not-allowed}}@layer bui-compound-variants{._1i0ytqa9{box-shadow:inset 0 0 0 1px var(--bui-color-focused-default)}._1i0ytqaa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}}._1vac7ws0{cursor:move}._1vac7ws1 ._1vac7ws2 .moveable-control,._1vac7ws1 ._1vac7ws2 .moveable-rotation{display:none}@layer bui-base;@layer bui-variants;@layer bui-reset;._1vm2oh49{top:var(--bui-spacing-sm);right:var(--bui-spacing-sm)}@layer bui-base{._1vm2oh40{transition-property:outline-color,background-color}}@layer bui-variants;@layer bui-reset{._1vm2oh48{all:unset}}.cw3m0n3{border-radius:var(--bui-rounded-full);color:var(--bui-color-border-inverse)}.cw3m0n3:hover{color:var(--bui-color-icon-interactive-enabled);border-color:var(--bui-color-border-interactive-enabled)}.cw3m0n7{width:8px;height:8px;background-color:currentColor;border-radius:var(--bui-rounded-full)}.xvr3wn0{overflow-x:auto}.xvr3wn1{overflow-y:auto}@layer bui-reset;@layer bui-base;@layer bui-variants;@layer bui-compound-variants;@layer bui-reset{._1j5skr70{all:unset}}@layer bui-base{._1j5skr71{aspect-ratio:1 / 1;height:fit-content}._1j5skr77{background-color:transparent}}@layer bui-variants{._1j5skr72{min-height:16px}._1j5skr73{min-height:24px}._1j5skr74{min-height:32px}._1j5skr75{min-height:40px}._1j5skr76{min-height:48px}._1j5skr7b{background-color:var(--bui-color-background-interactive-disabled)}}@layer bui-compound-variants{._1j5skr7c{background-color:var(--bui-color-background-interactive-enabled)}._1j5skr7d{background-color:transparent}._1j5skr7e{outline-offset:-3px}._1j5skr7k{background-color:var(--bui-color-background-interactive-enabled);outline-offset:-3px}}@layer bui-base;@layer bui-variants;@layer bui-reset;.f6jv6b9{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#A9AEB7 transparent}.f6jv6ba{white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;resize:none;overflow:hidden;z-index:9}.f6jv6ba::placeholder{color:var(--bui-color-text-placeholder);font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}.f6jv6ba:disabled{color:var(--bui-color-text-interactive-disabled)}.f6jv6be{overflow:auto;min-height:40px;box-sizing:border-box;padding-block:12px}.f6jv6b4 span[data-user-id]{color:var(--bui-color-background-interactive-enabled);cursor:pointer;display:inline-block;background-color:var(--bui-color-background-primary-strong);border-radius:var(--bui-rounded-sm);padding:0 var(--bui-spacing-xs)}.f6jv6b4 a{text-decoration:underline}.f6jv6bj{min-height:48px}.f6jv6bi[data-drawer=true] .f6jv6bj,.f6jv6bi[data-drawer=true] .f6jv6bk{display:none}.f6jv6bl{border-top:1px solid var(--bui-color-border-subtle)}.f6jv6bm{font:inherit;background-color:transparent;field-sizing:content}.f6jv6bn{height:40px}@layer bui-base{.f6jv6b0[aria-disabled=true]{pointer-events:none;cursor:not-allowed}.f6jv6b4{cursor:text}.f6jv6b6:hover{z-index:9}.f6jv6b6:focus:not(:has(input)){outline:2px solid var(--bui-color-focused-default);z-index:9;outline-offset:-1px}.f6jv6bb:has([data-focused]){outline:2px solid var(--bui-color-focused-default);outline-offset:-1px}.f6jv6bf{min-height:48px}}@layer bui-variants{.f6jv6b5{pointer-events:none;cursor:not-allowed}.f6jv6b7:hover:not(:focus){outline:1px solid var(--bui-color-border-strong)}.f6jv6b8:hover:not(:focus){box-shadow:0 -1px 1px -1px var(--bui-color-border-strong),0 1px 1px -1px var(--bui-color-border-strong)}}@layer bui-reset{.f6jv6ba{all:unset}}@layer bui-reset;@layer bui-variants;._8kqf970{height:fit-content;bottom:var(--bui-spacing-lg);margin-left:50%;text-align:center;white-space:nowrap;position:absolute}@layer bui-reset{._8kqf970{all:unset}}@layer bui-variants{._8kqf970{overflow:unset}}._1v0p2z10{min-height:48px}@keyframes _1t55bp72{0%{opacity:0}}._1t55bp70 h1{font:var(--bui-typography-heading-h-3-medium-font);letter-spacing:var(--bui-typography-heading-h-3-medium-letter-spacing)}._1t55bp70 h2{font:var(--bui-typography-heading-h-4-medium-font);letter-spacing:var(--bui-typography-heading-h-4-medium-letter-spacing)}._1t55bp70 h3{font:var(--bui-typography-heading-h-5-semibold-font);letter-spacing:var(--bui-typography-heading-h-5-semibold-letter-spacing)}._1t55bp70 h4{font:var(--bui-typography-heading-h-5-medium-font);letter-spacing:var(--bui-typography-heading-h-5-medium-letter-spacing)}._1t55bp70 h5{font:var(--bui-typography-heading-h-6-medium-font);letter-spacing:var(--bui-typography-heading-h-6-medium-letter-spacing)}._1t55bp70 h6{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1t55bp70 em>strong{font-style:italic}._1t55bp70 strong{font:var(--bui-typography-body-sm-semibold-font);letter-spacing:var(--bui-typography-body-sm-semibold-letter-spacing)}._1t55bp70 blockquote{border-left:2px solid var(--bui-color-border-strong);padding-left:var(--bui-spacing-md);color:var(--bui-color-text-secondary)}._1t55bp70 ul,._1t55bp70 ol{list-style-position:inside}._1t55bp70 ul>li>p,._1t55bp70 ol>li>p{display:inline}._1t55bp70 li>ol,._1t55bp70 li>ul{padding-left:var(--bui-spacing-md)}._1t55bp70 pre:has(code){background-color:var(--bui-color-background-primary-strong);padding:var(--bui-spacing-lg)}._1t55bp70 a{color:var(--bui-color-background-interactive-enabled)}._1t55bp70 th{text-align:left}._1t55bp71>:not(ol,ul,pre):last-child:after,._1t55bp71:empty:after,._1t55bp71>pre:last-child code:after,._1t55bp71>:is(ul,ol):last-child>li:last-child:not(:has(*>li)):after{content:"\2502";animation:_1t55bp72 1s infinite steps(2);color:var(--bui-color-background-interactive-enabled)}.rta2n90 .BaselineUI-Slider-Thumb{transition:background-color .2s ease-in;margin-top:1.5px;background-color:transparent;width:12px;height:12px}.rta2n90:hover .BaselineUI-Slider-Thumb,.rta2n90:focus-within .BaselineUI-Slider-Thumb{background-color:var(--bui-color-background-interactive-enabled)}.rta2n90:not(:hover):not(:focus-within) .BaselineUI-Slider-Thumb{background-color:transparent}.rta2n90 .BaselineUI-Slider-Track{height:4px;border-radius:0}.rta2n90 .BaselineUI-Slider-TrackHighlight{height:100%;border-radius:0;background-color:var(--bui-color-background-interactive-enabled)}.rta2n91{font-variant-numeric:tabular-nums}@layer bui-base;@layer bui-compound-variants;@layer bui-variants;._1w920rn0{row-gap:var(--bui-spacing-xl);justify-content:center}._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 bui-base{._1w920rn2{overflow:hidden;list-style:none;background-color:#fff}._1w920rn7{min-width:var(--bui-spacing-4-xl);text-align:center}}@layer bui-compound-variants{._1w920rn6:before{content:"";position:absolute;inset:0;box-shadow:var(--bui-elevation-low),inset 0 0 0 1px var(--bui-color-focused-inset),inset 0 0 0 3px var(--bui-color-focused-default)}._1w920rna{outline-offset:-3px}}@layer bui-variants{._1w920rn8{outline-offset:-2px}._1w920rn9{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}}@layer bui-variants;._1sexph00:hover{background-color:var(--bui-color-background-primary-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}._1sexph00:not([data-selected=true]) ._1sexph01:disabled{color:var(--bui-color-icon-interactive-disabled);pointer-events:none;cursor:not-allowed}._1sexph00[data-selected=true] ._1sexph01:disabled{color:var(--bui-color-icon-oninteractive);background-color:var(--bui-color-background-interactive-disabled)}._1sexph01 svg{transition:transform .2s ease-in-out;width:8px;height:8px}._1sexph01[data-hovered=true] svg{opacity:.5}._1sexph01[aria-expanded=true] svg{transform:rotate(180deg)}@layer bui-variants{._1sexph01{width:20px;min-width:auto;box-sizing:border-box;color:var(--bui-color-icon-primary)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;@layer bui-base{._18v88n15{height:24px}._18v88n1d{overflow:hidden;height:32px}._18v88n1p{background-color:transparent;height:inherit;text-align:inherit}._18v88n1p::placeholder{color:var(--bui-color-text-placeholder)}._18v88n1p[type=number]::-webkit-inner-spin-button,._18v88n1p[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}._18v88n1p[type=number]{-moz-appearance:textfield}}@layer bui-variants{._18v88n1j{cursor:not-allowed}._18v88n1q{cursor:inherit}._18v88n1q::placeholder{color:var(--bui-color-text-interactive-disabled)}._18v88n1s{text-align:right}}@layer bui-compound-variants{._18v88n1n{border-color:transparent}._18v88n1o{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}}@layer bui-base;.byycd02{cursor:grab}@layer bui-base{.byycd01{overflow:hidden;list-style:none;background-color:var(--bui-color-background-primary-subtle)}}._1dc3b8m0{color:var(--bui-color-icon-interactive-enabled);background-color:var(--bui-color-background-primary-strong)}.ujkypy0{list-style-type:none;outline:none}.ujkypy0[data-disabled=true]{pointer-events:none}@layer bui-reset;@layer bui-base;@layer bui-variants;._10dw1p95 ._10dw1p96 svg{transition:transform .2s ease-in-out}._10dw1p95[data-expanded=true] ._10dw1p96 svg{transform:rotate(90deg)}@layer bui-reset{._10dw1p90{all:unset}}@layer bui-base{._10dw1p90{min-height:32px}}@layer bui-variants;._6abhjk0{background:var(--bui-color-background-secondary-medium);transition:background-color 80ms ease-in-out}._6abhjk0[data-resize-handle-active=pointer],._6abhjk0[data-resize-handle-active=keyboard],._6abhjk0:focus,._6abhjk0:hover{background:var(--bui-color-background-overlay-interactive)}._6abhjk0[data-panel-group-direction=horizontal]{width:4px}._6abhjk0[data-panel-group-direction=vertical]{height:4px}._1udvgpn5{inset-block:auto var(--bui-spacing-lg);inset-inline:var(--bui-spacing-lg)}@media screen and (min-width: 768px){._1udvgpn5{inset-inline:auto var(--bui-spacing-lg)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1aj2a4v0{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:4}._1aj2a4v1{height:fit-content;width:fit-content;font-variant-numeric:tabular-nums}._1aj2a4v2{grid-template-columns:repeat(7,8px);grid-template-rows:repeat(7,8px);border-width:.5px;overflow:hidden}._1aj2a4v3{width:8px;height:8px;border-width:.5px;z-index:2;mix-blend-mode:multiply}._1aj2a4v4{width:14px;height:14px;z-index:3;outline:1px solid var(--bui-color-border-inverse);outline-offset:-3px;border:3px solid var(--bui-color-focused-inset);box-shadow:0 0 4px #0006;transform:translate(-3px,-3px);mix-blend-mode:unset}._1aj2a4v5{position:absolute;z-index:1;transform-origin:top left;pointer-events:none;user-select:none}._1aj2a4v8 *{pointer-events:none;cursor:none}._1aj2a4vd{position:relative;display:inline-flex}@layer bui-base{._1aj2a4v6{outline:none;display:inline-flex}}@layer bui-variants{._1aj2a4v8[data-focus-visible=true]{outline:2px solid var(--bui-color-focused-default)}}@layer bui-compound-variants{._1aj2a4vb{cursor:none}._1aj2a4vc{cursor:crosshair}}
+@layer bui-reset;.z9nup81{display:flex;flex-direction:row}.z9nup82{pointer-events:none;cursor:not-allowed}.z9nup83{background-image:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%)}.z9nup84{background-size:4px 4px}.z9nup85{background-size:6px 6px}@layer bui-reset{.z9nup80{display:contents}.z9nup86{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer bui-base;@layer bui-variants;._6n12k90{list-style:none;padding-top:var(--bui-spacing-md);padding-bottom:var(--bui-spacing-md)}._6n12k98[data-orientation=vertical][data-layout=stack]{flex-direction:column}._6n12k98[data-orientation=horizontal][data-layout=stack]{flex-direction:row}._6n12k9f{overflow-wrap:break-word;inline-size:min-content;min-height:36px}@layer bui-base{._6n12k91{list-style:none;height:36px}._6n12k9b{list-style:none;transition-property:outline-color;z-index:9}}@layer bui-variants{._6n12k95{border-top-width:1px}._6n12k96{border-bottom-width:1px}}@layer bui-base;@layer bui-variants;@layer bui-base{.gukncs0{background-color:var(--bui-color-border-subtle);width:100%;height:1px;flex-shrink:0}}@layer bui-variants{.gukncs1{width:1px;height:100%}.gukncs2{background-color:var(--bui-color-border-medium)}}@layer bui-reset;@layer bui-variants;.uf19bsf{transition-property:rotate}.uf19bse[aria-expanded=true] .uf19bsf{rotate:180deg}@layer bui-reset{.uf19bs0{all:unset;height:fit-content}}@layer bui-variants{.uf19bs1{min-height:16px;min-width:16px}.uf19bs2{min-height:24px;min-width:24px}.uf19bs3{min-height:32px;min-width:32px}.uf19bs4{min-height:40px;min-width:40px}.uf19bs5{min-height:48px;min-width:48px}.uf19bs7{cursor:not-allowed}.uf19bs8{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}.uf19bs9[aria-expanded=true],.uf19bs9[data-pressed=true]{background-color:var(--bui-color-background-primary-medium)}.uf19bsa[aria-expanded=true],.uf19bsa[data-pressed=true]{color:var(--bui-color-icon-secondary)}.uf19bsb[aria-expanded=true],.uf19bsb[data-pressed=true]{background-color:var(--bui-color-background-primary-strong);color:var(--bui-color-icon-interactive-enabled)}.uf19bsc[aria-expanded=true],.uf19bsc[data-pressed=true]{color:var(--bui-color-icon-interactive-active)}.uf19bsd[aria-expanded=true],.uf19bsd[data-pressed=true]{background-color:var(--bui-color-background-primary-strong)}.uf19bse{min-height:unset;width:fit-content;min-width:unset}.uf19bse[aria-expanded=true],.uf19bse[data-pressed=true]{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}}@layer bui-base;@layer bui-variants;@layer bui-base{.cjv3et1{overflow:auto;outline:none;width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-xl))}[data-device=tablet] .cjv3et1,[data-device=tablet].cjv3et1{width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-2-xl))}[data-device=desktop] .cjv3et1,[data-device=desktop].cjv3et1{width:var(--cjv3et0)}}@layer bui-variants{.cjv3et2{max-width:240px}.cjv3et3{max-width:480px}.cjv3et4{max-width:720px}.cjv3et5{width:unset;max-width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-xl))}[data-device=tablet] .cjv3et5,[data-device=tablet].cjv3et5,[data-device=desktop] .cjv3et5,[data-device=desktop].cjv3et5{max-width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-2-xl))}.cjv3et7{outline:none;border-color:transparent}.cjv3eta{max-width:100vw}}@layer bui-base;@layer bui-variants;._1gzftthc{position:fixed;inset:0;z-index:1;overflow:hidden}._1gzftthd{opacity:0;position:fixed;pointer-events:none}._1gzftth1:has(.cjv3et1[data-focus-visible=true]) ._1gzftth2{display:none}._1gzftth1:has(.cjv3et1[data-focus-visible=true]) ._1gzftth7{display:block}@layer bui-base{._1gzftth1{min-width:max-content;position:absolute}._1gzftth1[data-placement=top],._1gzftth1[data-placement=bottom]{width:var(--_1gzftth0)}._1gzftth2{position:absolute}._1gzftth7{display:none;z-index:9}}@layer bui-variants{._1gzftth3{transform:rotate(180deg) translate(-50%,8px);transform-origin:left}._1gzftth4{bottom:0;transform:translate(-50%,8px)}._1gzftth5{transform:rotate(90deg) translate(-50%,11px)}._1gzftth6{right:0;transform:rotate(-90deg) translate(50%,11px);transform-origin:center}._1gzftth8{transform:rotate(180deg) translate(-50%,10px);transform-origin:left}._1gzftth9{bottom:0;transform:translate(-50%,10px)}._1gzfttha{transform:rotate(90deg) translate(-50%,10px)}._1gzftthb{right:0;transform:rotate(-90deg) translate(50%,10px);transform-origin:center}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.oom8bs0 svg{pointer-events:none}.oom8bs5[aria-expanded=true] .uf19bsf{rotate:180deg}@layer bui-base{.oom8bs0{border:none;transition-property:all;width:fit-content;height:fit-content;white-space:nowrap;box-sizing:border-box}.oom8bst{transition-property:color}}@layer bui-variants{.oom8bs1{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}.oom8bs1:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs2{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium);background-color:var(--bui-color-background-secondary-subtle);color:var(--bui-color-text-primary)}.oom8bs2:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs3{background-color:transparent;box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-enabled);color:var(--bui-color-text-interactive-enabled)}.oom8bs3:disabled{box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-disabled);color:var(--bui-color-text-interactive-disabled)}.oom8bs4{background-color:transparent;color:var(--bui-color-text-interactive-enabled)}.oom8bs4:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs5{background-color:transparent;color:var(--bui-color-text-primary);transition-property:none}.oom8bs5:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs5[aria-expanded=true]{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bs6{background-color:transparent;color:var(--bui-color-text-primary);border-radius:0}.oom8bs6:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs6[data-hovered=true],.oom8bs6[data-pressed=true],.oom8bs6[aria-expanded=true]{background-color:var(--bui-color-background-primary-strong)}.oom8bs6[data-focus-visible=true]{outline:2px solid var(--bui-color-focused-default);outline-offset:-2px}.oom8bs7{background-color:var(--bui-color-support-success-medium);color:var(--bui-color-text-inverse)}.oom8bs7:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs8{background-color:var(--bui-color-support-warning-medium);color:var(--bui-color-text-inverse)}.oom8bs8:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs9{background-color:var(--bui-color-support-error-medium);color:var(--bui-color-text-inverse)}.oom8bs9:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bsa{cursor:not-allowed}.oom8bsb{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}.oom8bsd{min-height:32px;padding:var(--bui-spacing-md)}.oom8bse{min-height:40px;padding:var(--bui-spacing-md) var(--bui-spacing-lg)}.oom8bsf{min-height:48px;padding:var(--bui-spacing-lg);font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}}@layer bui-compound-variants{.oom8bsg{background-color:var(--bui-color-background-interactive-hovered)}.oom8bsh{background-color:var(--bui-color-background-secondary-medium)}.oom8bsi{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive);box-shadow:none}.oom8bsj{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bsk{color:var(--bui-color-text-interactive-hovered)}.oom8bsl{background-color:var(--bui-color-support-success-strong)}.oom8bsm{background-color:var(--bui-color-support-warning-strong)}.oom8bsn{background-color:var(--bui-color-support-error-strong)}.oom8bso{border:none;box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}.oom8bsp{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset);background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}.oom8bsq,.oom8bsr,.oom8bss{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}}@layer bui-base;@layer bui-variants;._14uvjig3{height:24px}._14uvjig4{height:2px}@media (pointer: coarse){._14uvjiga{min-height:22px;min-width:22px}}@layer bui-base{._14uvjigb{height:8px;width:8px;margin-top:1px;transition-property:height,width}}@layer bui-variants{._14uvjigc{height:12px;width:12px}._14uvjigd{cursor:not-allowed}._14uvjigf{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-background-interactive-enabled);transition-property:left}._14uvjigg{height:12px;width:12px}}@layer bui-variants;@layer bui-base;@layer bui-compound-variants;@layer bui-variants{.nrh1ehd{cursor:not-allowed}.nrh1ehj{cursor:inherit;color:var(--bui-color-text-interactive-disabled)}.nrh1ehj::placeholder{color:var(--bui-color-text-interactive-disabled)}.nrh1ehl{text-align:right}.nrh1ehu{width:max-content;max-width:100px}}@layer bui-base{.nrh1eh7{overflow:hidden;height:32px}.nrh1ehi{background-color:transparent;height:inherit;text-align:inherit}.nrh1ehi::placeholder{color:var(--bui-color-text-placeholder)}}@layer bui-compound-variants{.nrh1ehh{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}}._1lnwne0{max-width:140px}._1lnwne1{display:flex;align-items:center;gap:var(--bui-spacing-sm);padding:0 var(--bui-spacing-sm);height:inherit;transition:background-color .2s ease-in}._1lnwne4{background-color:var(--bui-color-background-primary-medium)}@layer bui-base;._1jwycy80{width:0;height:0;border-right:7px solid transparent;border-bottom:8px solid;border-left:7px solid transparent;position:absolute}._1jwycy81{transform:translate(-50%,-7px)}._1jwycy82{transform:translate(10px,-50%) rotate(90deg);right:0}._1jwycy83{transform:translate(-10px,-50%) rotate(270deg);left:0}._1jwycy84{transform:translate(-50%,7px) rotate(180deg);bottom:0}._1jwycy85{border-bottom-color:var(--bui-color-background-inverse-strong)}._1jwycy86{border-bottom-color:var(--bui-color-background-primary-subtle)}@layer bui-base{._1jwycy87{max-inline-size:35ch}}@layer bui-variants;@layer bui-variants;@layer bui-base;.siobe24{min-height:48px}@layer bui-base{.siobe20{overflow:hidden;touch-action:none;width:100vw}[data-device=tablet] .siobe20,[data-device=tablet].siobe20,[data-device=desktop] .siobe20,[data-device=desktop].siobe20{width:100%;overflow:hidden}}@layer bui-variants;@layer bui-base;.aml2vl8{left:0;right:0;height:fit-content;max-height:80dvh;max-height:80vh}@layer bui-variants{.aml2vl1{position:absolute}.aml2vl2{position:fixed}.aml2vl5{align-items:flex-end}.aml2vl6{position:absolute}.aml2vl7{position:fixed}}@layer bui-base{.aml2vl3{z-index:1000}}.bpklwa0{display:inline-flex}.bpklwa1{flex-direction:column;gap:var(--bui-spacing-md);width:fit-content}.bpklwa2{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.bpklwa3{display:inline-flex;flex-direction:row;gap:var(--bui-spacing-md);align-items:center}.bpklwa4{flex-direction:row-reverse}.bpklwa6{color:var(--bui-color-text-primary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwa7{border-radius:9px;width:36px;height:18px;background-color:var(--bui-color-background-inverse-subtle);padding:2px;box-sizing:border-box;cursor:pointer}.bpklwa8{border:1px solid var(--bui-color-border-interactive-disabled);padding:1px;background-color:transparent;cursor:default}.bpklwa9{background-color:var(--bui-color-background-secondary-medium);cursor:not-allowed}.bpklwab{outline-offset:1px;outline:var(--bui-color-focused-default) 2px solid}.bpklwac{background-color:var(--bui-color-background-interactive-enabled)}.bpklwad{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwae{width:14px;height:14px;background-color:var(--bui-color-icon-oninteractive);border-radius:var(--bui-rounded-full);transition:transform .2s}.bpklwaf{background-color:var(--bui-color-border-interactive-disabled)}.bpklwag{transform:translate(18px)}.bpklwah{background-color:var(--bui-color-icon-primary)}._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-default)}._19n40yy7{padding-right:0}._19n40yy8{color:var(--bui-color-text-interactive-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)}._1mdhlqv0{cursor:pointer;background-color:transparent}._1mdhlqv1{outline:none}._1mdhlqv2{border-color:var(--bui-color-border-medium)}._1mdhlqv8{transition:transform .2s ease-in-out}._1mdhlqv9{transform:rotate(180deg)}._1mdhlqva{flex:1}._1mdhlqvb{min-width:max(64px,var(--_1gzftth0));position:relative;overflow-y:auto;max-height:inherit;border:none;outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}._1mdhlqvb .BaselineUI-ListBox-Section{padding-block:var(--bui-spacing-md)}._1mdhlqvb.BaselineUI-ListBox:not(:has(.BaselineUI-ListBox-Section)){padding-block:var(--bui-spacing-md)}._13f0naj0{cursor:pointer;color:var(--bui-color-text-interactive-enabled);transition:color .2s;outline:none}._13f0naj0:visited:not([aria-disabled=true]){color:var(--bui-color-text-interactive-visited);text-decoration-color:var(--bui-color-border-interactive-visited)}._13f0naj1{text-decoration:none}._13f0naj2{text-decoration:underline;text-decoration-color:var(--bui-color-border-interactive-enabled)}._13f0naj3{color:var(--bui-color-text-interactive-hovered);text-decoration-color:var(--bui-color-border-interactive-hovered)}._13f0naj4{outline:2px solid var(--bui-color-focused-default)}._13f0naj5{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed;text-decoration-color:var(--bui-color-border-interactive-disabled)}._13f0najc{color:var(--bui-color-text-interactive-active);outline:2px solid var(--bui-color-focused-default)}._13f0najd{font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._13f0naje{font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._13f0najf{font:var(--bui-typography-body-lg-regular-font);letter-spacing:var(--bui-typography-body-lg-regular-letter-spacing)}._13f0najg{font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._13f0najh{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._13f0naji{font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}._180w5ed0{text-align:center;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;padding:var(--bui-spacing-xl);gap:var(--bui-spacing-md)}._180w5ed1{width:100%;background-color:var(--bui-color-background-secondary-subtle)}._180w5ed2{border:1px dashed var(--bui-color-border-medium);border-radius:var(--bui-rounded-sm)}._180w5ed3{outline:none}._180w5ed4{pointer-events:none;background-color:unset}._180w5ed5{border-color:var(--bui-color-border-interactive-enabled)}._180w5ed6{border:2px solid var(--bui-color-border-interactive-enabled)}._180w5ed7{border:1px solid var(--bui-color-border-interactive-disabled)}._180w5ed8{border:1px dashed var(--bui-color-border-interactive-disabled)}._180w5ed9{color:var(--bui-color-icon-secondary)}._180w5eda{color:var(--bui-color-icon-interactive-disabled)}._180w5edb{cursor:inherit;color:var(--bui-color-background-interactive-enabled);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._180w5edc{color:var(--bui-color-text-interactive-disabled)}._180w5edd{text-decoration:underline}._180w5ede{color:var(--bui-color-text-helper);font:var(--bui-typography-label-md-regular-font);letter-spacing:var(--bui-typography-label-md-regular-letter-spacing)}._180w5edf{color:var(--bui-color-text-interactive-disabled)}@layer bui-base;._12vfhl42{height:16px}._12vfhl43{height:4px}@layer bui-base{._12vfhl44{height:4px}}@layer bui-base;@layer bui-variants;._9b1tml0{display:inline-flex;flex-direction:row;align-self:flex-start;padding:var(--bui-spacing-xs);gap:var(--bui-spacing-xs);border-radius:var(--bui-rounded-sm);align-items:center;cursor:pointer;transition:background-color .2s ease;outline:none;border:none;background-color:var(--bui-color-background-secondary-subtle)}._9b1tml1{background-color:var(--bui-color-background-interactive-enabled)}._9b1tml2{background-color:var(--bui-color-background-secondary-subtle)}._9b1tml5{outline:2px solid var(--bui-color-focused-default)}._9b1tml6{cursor:default;box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-disabled);background-color:var(--bui-color-background-primary-subtle)}._9b1tml7{padding:1px;border:1px solid var(--bui-color-focused-inset)}._9b1tml8{background-color:var(--bui-color-background-interactive-hovered)}._9b1tml9{background-color:var(--bui-color-background-secondary-medium)}._9b1tmla{background-color:var(--bui-color-background-interactive-disabled);color:var(--bui-color-text-oninteractive)}._9b1tmlb{background-color:var(--bui-color-background-interactive-disabled);box-shadow:inset 0 0 0 1px var(--bui-color-border-inverse)}._9b1tmlc{padding:var(--bui-spacing-xs);background-color:var(--bui-color-background-primary-subtle);color:var(--bui-color-icon-primary);border-radius:var(--bui-rounded-xs);display:flex}._9b1tmld{color:var(--bui-color-icon-interactive-disabled)}._9b1tmle{color:var(--bui-color-icon-inverse);background-color:var(--bui-color-background-inverse-strong)}@layer bui-base{._9b1tmlf{font-variant-numeric:tabular-nums}}@layer bui-variants{._9b1tmlh{height:20px}._9b1tmli{height:24px}}@keyframes _1azy5683{0%{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:0}50%{stroke-dasharray:calc(var(--_1azy5680) * .75) calc(var(--_1azy5680) * .25);stroke-dashoffset:calc(var(--_1azy5680) * -.25)}to{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:calc(-1 * var(--_1azy5680))}}@keyframes _1azy5684{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1azy5681{gap:var(--bui-spacing-md);align-items:center}._1azy5682{display:flex;align-items:center}._1azy5685{fill:none;stroke-width:3;stroke:var(--bui-color-background-interactive-enabled);transform-origin:center;animation:1.5s ease-in-out infinite _1azy5683,2s linear infinite _1azy5684}._1azy5686{position:absolute;fill:none;stroke-width:3;stroke:var(--bui-color-border-medium)}._1azy5687{color:var(--bui-color-support-success-medium)}._1azy5688{color:var(--bui-color-support-error-medium)}._1azy5689{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._5uw3kp0{background-color:transparent;border-radius:0;align-items:center;gap:var(--bui-spacing-md);color:var(--bui-color-text-primary);outline:none;cursor:pointer}._5uw3kp0:active:not(:disabled){background-color:var(--bui-color-background-primary-strong)}._5uw3kp1{background-color:var(--bui-color-background-primary-strong)}._5uw3kp2{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._5uw3kp3{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed}._5uw3kp4{color:var(--bui-color-text-oninteractive);background-color:var(--bui-color-background-interactive-enabled)}._5uw3kp5{min-height:32px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);padding:var(--bui-spacing-md)}._5uw3kp6{min-height:40px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);padding:var(--bui-spacing-md) var(--bui-spacing-lg)}._5uw3kp7{min-height:48px;font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing);padding:var(--bui-spacing-lg)}._5uw3kp8{border-radius:var(--bui-rounded-xs)}._5uw3kpa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}._5uw3kpb{background-color:var(--bui-color-background-interactive-disabled)}._5uw3kpc{border-radius:var(--bui-rounded-sm)}@layer bui-base;@layer bui-variants;@layer bui-base{._16vugd03{height:16px;width:16px;transition-property:background-color,border-color}}@layer bui-variants{._16vugd06{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-focused-default)}._16vugd08,._16vugd09{cursor:not-allowed;pointer-events:none}}@layer bui-variants;@layer bui-base;._1nsi9h17{display:flex;gap:var(--bui-spacing-sm);height:inherit;align-items:center;padding:0 var(--bui-spacing-lg)}._1nsi9h18{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1nsi9h19{justify-content:center;flex:1}._1nsi9h1b{padding:0 var(--bui-spacing-md)}._1nsi9h1f{font:inherit;line-height:inherit;font-variant-numeric:tabular-nums;background-color:transparent}._1nsi9h1f:disabled{color:var(--bui-color-text-interactive-disabled)}@layer bui-variants{._1nsi9h11{height:24px}._1nsi9h12{height:32px}._1nsi9h13{height:40px}._1nsi9h14{height:48px}}@layer bui-base{._1nsi9h1g{white-space:nowrap}}@layer bui-base;@layer bui-variants;._1f789qju{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}._1f789qj11{background-color:var(--bui-color-background-secondary-subtle)}._1f789qj12{background-color:var(--bui-color-support-error-subtler)}._1f789qj13{background-color:var(--bui-color-support-info-subtler)}._1f789qj14{background-color:var(--bui-color-support-success-subtler)}._1f789qj15{background-color:var(--bui-color-background-inverse-medium)}@layer bui-base{._1f789qj0{width:fit-content}}@layer bui-variants{._1f789qj1{outline:2px solid var(--bui-color-focused-default);outline-offset:1px}._1f789qj7{cursor:not-allowed}._1f789qja{cursor:pointer}._1f789qjc:has(.BaselineUI-Tag-Icon){padding-inline-start:var(--bui-spacing-sm)}._1f789qjd{min-height:16px}._1f789qjd:has(.BaselineUI-Tag-Icon){padding-inline-start:var(--bui-spacing-xs)}}@layer bui-reset;._1kvz17d1{transform:rotate(90deg)}._1kvz17d2{cursor:pointer;box-shadow:inset 0 1px 0 var(--bui-color-border-medium);outline:none;height:40px}._1kvz17d3{outline-offset:-2px;outline:2px solid var(--bui-color-focused-default)}._1kvz17dc{opacity:0}._1kvz17dd{opacity:1}._1kvz17de{overflow:hidden}@layer bui-reset{._1kvz17da{all:unset}}._1017q4c0{border-radius:var(--bui-rounded-full);color:var(--bui-color-icon-inverse);display:flex;position:relative;align-items:center;justify-content:center;background-color:var(--bui-color-icon-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._1017q4c1{height:24px;width:24px}._1017q4c2{height:16px;width:16px}._1017q4c3{opacity:var(--bui-opacity-medium)}._1017q4c4{height:100%;width:100%;border-radius:var(--bui-rounded-full);overflow:hidden;object-fit:cover}._1017q4c5{position:absolute;height:12px;width:12px;background-color:var(--bui-color-support-error-medium);border:2px solid var(--bui-color-border-subtle);border-radius:var(--bui-rounded-full);bottom:-4px;right:-4px}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1x62fhbl{border-left:1px solid var(--bui-color-border-medium);flex-shrink:0}._1x62fhbl:first-of-type{border-left:none}@layer bui-base{._1x62fhb0{overflow-x:auto;height:40px}._1x62fhb6{text-wrap:nowrap}}@layer bui-variants{._1x62fhb9{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1x62fhba{pointer-events:none;cursor:not-allowed}._1x62fhbb{border-right:1px solid var(--bui-color-border-medium)}}@layer bui-compound-variants{._1x62fhbd{box-shadow:inset 0 -2px 0 0 var(--bui-color-border-interactive-enabled)}._1x62fhbe{box-shadow:inset 0 -2px 0 0 var(--bui-color-background-interactive-disabled)}}@layer bui-variants;@layer bui-variants{.kfun6y5{min-height:44px}.kfun6y6{justify-content:space-between}.kfun6y7{width:240px}}@keyframes _1dbkl5w{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}@layer bui-variants;@layer bui-base;@layer bui-reset;._1dbkl53{height:120px}._1dbkl5e{width:100%;height:4px}._1dbkl5f{font-variant-numeric:tabular-nums}._1dbkl5g{max-width:240px}._1dbkl5j{min-width:max-content}._1dbkl5k{list-style:none}._1dbkl5l{grid-template-columns:repeat(6,1fr)}._1dbkl5m{height:12px}._1dbkl5u{margin-inline-start:-1px}._1dbkl5u[data-hovered],._1dbkl5u[data-focus-visible]{z-index:9}._1dbkl5v .BaselineUI-NumberInput:not(:first-of-type){margin-inline-start:-1px}._1dbkl5v .BaselineUI-NumberInput:not(:first-of-type):not(:last-of-type) .BaselineUI-NumberInput-Container{border-radius:0}._1dbkl5v:not(:has(._1dbkl5q)) .BaselineUI-NumberInput:first-of-type .BaselineUI-NumberInput-Container{border-top-right-radius:0;border-bottom-right-radius:0}._1dbkl5v .BaselineUI-NumberInput:last-of-type .BaselineUI-NumberInput-Container{border-top-left-radius:0;border-bottom-left-radius:0}._1dbkl5x{animation-name:_1dbkl5w;animation-duration:.2s}@layer bui-variants{._1dbkl55{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium)}._1dbkl56{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1dbkl58{width:fit-content}._1dbkl5o{outline-offset:-2px;border-width:3px}._1dbkl5r{box-shadow:inset 0 0 0 1px var(--bui-color-focused-default);z-index:99}._1dbkl5s{z-index:9}}@layer bui-reset{._1dbkl5a{all:unset}}@layer bui-base{._1dbkl54{background-color:transparent}._1dbkl5a{min-width:32px;min-height:32px;box-sizing:border-box}._1dbkl5h{max-height:inherit;overflow-y:auto}._1dbkl5n{border-color:var(--bui-color-background-positive-subtle);width:12px;height:12px;top:6px;box-shadow:0 0 4px #0006;overflow:hidden}._1dbkl5q{background-color:transparent;border-width:1px;height:32px;width:154px}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1344e9q9{height:2px;rotate:-45deg;width:calc(100% - 2px)}@layer bui-base{._1344e9q0{width:16px;height:16px;transition:outline-color ease-in .2s}._1344e9q0:before{content:"";position:absolute;inset:0;border-radius:var(--bui-rounded-full);border:1px solid var(--bui-color-border-medium);mix-blend-mode:multiply}._1344e9q0[data-interactive=true]:before{cursor:pointer}}@layer bui-variants{._1344e9q2{pointer-events:none}._1344e9q3:before{mix-blend-mode:normal}}@layer bui-compound-variants{._1344e9q6,._1344e9q7{box-shadow:0 0 0 4px var(--bui-color-focused-inset),0 0 0 6px var(--bui-color-focused-default)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.mnnh5s0{background:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%);background-size:16px 16px}.mnnh5sa{height:100%;width:100%;object-fit:contain}.mnnh5sd{opacity:.5}@layer bui-base{.mnnh5s1{min-height:100px;overflow:hidden}.mnnh5s1:after{content:"";background-color:transparent}}@layer bui-variants{.mnnh5s2{min-width:208px}.mnnh5s8{pointer-events:none;cursor:not-allowed}}@layer bui-compound-variants{.mnnh5s9:after{content:"";position:absolute;transition:background-color .2s;inset:0;background:var(--bui-color-background-overlay-medium)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1i0ytqa0{display:flex;flex-direction:column;align-items:center}@layer bui-base{._1i0ytqa1{height:40px}._1i0ytqa3{touch-action:none}}@layer bui-variants{._1i0ytqa7{pointer-events:none;cursor:not-allowed}._1i0ytqa8{cursor:crosshair}._1i0ytqad{pointer-events:none;cursor:not-allowed}}@layer bui-compound-variants{._1i0ytqa9{box-shadow:inset 0 0 0 1px var(--bui-color-focused-default)}._1i0ytqaa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}}._1vac7ws0{cursor:move}._1vac7ws1 ._1vac7ws2 .moveable-control,._1vac7ws1 ._1vac7ws2 .moveable-rotation{display:none}@layer bui-base;@layer bui-variants;@layer bui-reset;._1vm2oh49{top:var(--bui-spacing-sm);right:var(--bui-spacing-sm)}@layer bui-base{._1vm2oh40{transition-property:outline-color,background-color}}@layer bui-variants;@layer bui-reset{._1vm2oh48{all:unset}}.cw3m0n0{transition-property:color}.cw3m0n3{color:var(--bui-color-icon-interactive-enabled)}.cw3m0n4{width:8px;height:8px;background-color:currentColor;border-radius:var(--bui-rounded-full)}.xvr3wn0{overflow-x:auto}.xvr3wn1{overflow-y:auto}@layer bui-reset;@layer bui-base;@layer bui-variants;@layer bui-compound-variants;@layer bui-reset{._1j5skr70{all:unset}}@layer bui-base{._1j5skr71{aspect-ratio:1 / 1;height:fit-content}._1j5skr77{background-color:transparent}}@layer bui-variants{._1j5skr72{min-height:16px}._1j5skr73{min-height:24px}._1j5skr74{min-height:32px}._1j5skr75{min-height:40px}._1j5skr76{min-height:48px}._1j5skr7b{background-color:var(--bui-color-background-interactive-disabled)}}@layer bui-compound-variants{._1j5skr7c{background-color:var(--bui-color-background-interactive-enabled)}._1j5skr7d{background-color:transparent}._1j5skr7e{outline-offset:-3px}._1j5skr7k{background-color:var(--bui-color-background-interactive-enabled);outline-offset:-3px}}@layer bui-base;@layer bui-variants;@layer bui-reset;.f6jv6b9{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#A9AEB7 transparent}.f6jv6ba{white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;resize:none;overflow:hidden;z-index:9}.f6jv6ba::placeholder{color:var(--bui-color-text-placeholder);font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}.f6jv6ba:disabled{color:var(--bui-color-text-interactive-disabled)}.f6jv6be{overflow:auto;min-height:40px;box-sizing:border-box;padding-block:12px}.f6jv6b4 span[data-user-id]{color:var(--bui-color-background-interactive-enabled);cursor:pointer;display:inline-block;background-color:var(--bui-color-background-primary-strong);border-radius:var(--bui-rounded-sm);padding:0 var(--bui-spacing-xs)}.f6jv6b4 a{text-decoration:underline}.f6jv6bj{min-height:48px}.f6jv6bi[data-drawer=true] .f6jv6bj,.f6jv6bi[data-drawer=true] .f6jv6bk{display:none}.f6jv6bl{border-top:1px solid var(--bui-color-border-subtle)}.f6jv6bm{font:inherit;background-color:transparent;field-sizing:content}.f6jv6bn{height:40px}@layer bui-base{.f6jv6b0[aria-disabled=true]{pointer-events:none;cursor:not-allowed}.f6jv6b4{cursor:text}.f6jv6b6:hover{z-index:9}.f6jv6b6:focus:not(:has(input)){outline:2px solid var(--bui-color-focused-default);z-index:9;outline-offset:-1px}.f6jv6bb:has([data-focused]){outline:2px solid var(--bui-color-focused-default);outline-offset:-1px}.f6jv6bf{min-height:48px}}@layer bui-variants{.f6jv6b5{pointer-events:none;cursor:not-allowed}.f6jv6b7:hover:not(:focus){outline:1px solid var(--bui-color-border-strong)}.f6jv6b8:hover:not(:focus){box-shadow:0 -1px 1px -1px var(--bui-color-border-strong),0 1px 1px -1px var(--bui-color-border-strong)}}@layer bui-reset{.f6jv6ba{all:unset}}@layer bui-reset;@layer bui-variants;._8kqf970{height:fit-content;bottom:var(--bui-spacing-lg);margin-left:50%;text-align:center;white-space:nowrap;position:absolute}@layer bui-reset{._8kqf970{all:unset}}@layer bui-variants{._8kqf970{overflow:unset}}._1v0p2z10{min-height:48px}@keyframes _1t55bp72{0%{opacity:0}}._1t55bp70 h1{font:var(--bui-typography-heading-h-3-medium-font);letter-spacing:var(--bui-typography-heading-h-3-medium-letter-spacing)}._1t55bp70 h2{font:var(--bui-typography-heading-h-4-medium-font);letter-spacing:var(--bui-typography-heading-h-4-medium-letter-spacing)}._1t55bp70 h3{font:var(--bui-typography-heading-h-5-semibold-font);letter-spacing:var(--bui-typography-heading-h-5-semibold-letter-spacing)}._1t55bp70 h4{font:var(--bui-typography-heading-h-5-medium-font);letter-spacing:var(--bui-typography-heading-h-5-medium-letter-spacing)}._1t55bp70 h5{font:var(--bui-typography-heading-h-6-medium-font);letter-spacing:var(--bui-typography-heading-h-6-medium-letter-spacing)}._1t55bp70 h6{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1t55bp70 em>strong{font-style:italic}._1t55bp70 strong{font:var(--bui-typography-body-sm-semibold-font);letter-spacing:var(--bui-typography-body-sm-semibold-letter-spacing)}._1t55bp70 blockquote{border-left:2px solid var(--bui-color-border-strong);padding-left:var(--bui-spacing-md);color:var(--bui-color-text-secondary)}._1t55bp70 ul,._1t55bp70 ol{list-style-position:inside}._1t55bp70 ul>li>p,._1t55bp70 ol>li>p{display:inline}._1t55bp70 li>ol,._1t55bp70 li>ul{padding-left:var(--bui-spacing-md)}._1t55bp70 pre:has(code){background-color:var(--bui-color-background-primary-strong);padding:var(--bui-spacing-lg)}._1t55bp70 a{color:var(--bui-color-background-interactive-enabled)}._1t55bp70 th{text-align:left}._1t55bp71>:not(ol,ul,pre):last-child:after,._1t55bp71:empty:after,._1t55bp71>pre:last-child code:after,._1t55bp71>:is(ul,ol):last-child>li:last-child:not(:has(*>li)):after{content:"\2502";animation:_1t55bp72 1s infinite steps(2);color:var(--bui-color-background-interactive-enabled)}.rta2n90 .BaselineUI-Slider-Thumb{transition:background-color .2s ease-in;margin-top:1.5px;background-color:transparent;width:12px;height:12px}.rta2n90:hover .BaselineUI-Slider-Thumb,.rta2n90:focus-within .BaselineUI-Slider-Thumb{background-color:var(--bui-color-background-interactive-enabled)}.rta2n90:not(:hover):not(:focus-within) .BaselineUI-Slider-Thumb{background-color:transparent}.rta2n90 .BaselineUI-Slider-Track{height:4px;border-radius:0}.rta2n90 .BaselineUI-Slider-TrackHighlight{height:100%;border-radius:0;background-color:var(--bui-color-background-interactive-enabled)}.rta2n91{font-variant-numeric:tabular-nums}@layer bui-base;@layer bui-compound-variants;@layer bui-variants;._1w920rn0{row-gap:var(--bui-spacing-xl);justify-content:center}[data-device=tablet] ._1w920rn0,[data-device=tablet]._1w920rn0,[data-device=desktop] ._1w920rn0,[data-device=desktop]._1w920rn0{justify-content:start}._1w920rn1{list-style:none;width:fit-content;outline:none;margin-inline:calc(var(--bui-spacing-lg) / 2)}._1w920rn1[aria-disabled=true]{opacity:var(--bui-opacity-medium)}._1w920rnb{background-repeat:no-repeat;background-position:center;width:inherit}._1w920rnc{top:var(--bui-spacing-sm);left:var(--bui-spacing-sm)}._1w920rnd{top:var(--bui-spacing-xs);right:var(--bui-spacing-xs)}@layer bui-base{._1w920rn2{overflow:hidden;list-style:none;background-color:#fff}._1w920rn7{min-width:var(--bui-spacing-4-xl);text-align:center}@media (pointer: fine){._1w920rn7{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}}@layer bui-compound-variants{._1w920rn6:before{content:"";position:absolute;inset:0;box-shadow:var(--bui-elevation-low),inset 0 0 0 1px var(--bui-color-focused-inset),inset 0 0 0 3px var(--bui-color-focused-default)}._1w920rna{outline-offset:-3px}}@layer bui-variants{._1w920rn8{outline-offset:-2px}._1w920rn9{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}}@layer bui-variants;._1sexph00:hover{background-color:var(--bui-color-background-primary-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}._1sexph00:not([data-selected=true]) ._1sexph01:disabled{color:var(--bui-color-icon-interactive-disabled);pointer-events:none;cursor:not-allowed}._1sexph00[data-selected=true] ._1sexph01:disabled{color:var(--bui-color-icon-oninteractive);background-color:var(--bui-color-background-interactive-disabled)}._1sexph01 svg{transition:transform .2s ease-in-out;width:8px;height:8px}._1sexph01[data-hovered=true] svg{opacity:.5}._1sexph01[aria-expanded=true] svg{transform:rotate(180deg)}@layer bui-variants{._1sexph01{width:20px;min-width:auto;box-sizing:border-box;color:var(--bui-color-icon-primary)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;@layer bui-base{._18v88n15{height:24px}._18v88n1d{overflow:hidden;height:32px}._18v88n1p{background-color:transparent;height:inherit;text-align:inherit}._18v88n1p::placeholder{color:var(--bui-color-text-placeholder)}._18v88n1p[type=number]::-webkit-inner-spin-button,._18v88n1p[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}._18v88n1p[type=number]{-moz-appearance:textfield}}@layer bui-variants{._18v88n1j{cursor:not-allowed}._18v88n1q{cursor:inherit}._18v88n1q::placeholder{color:var(--bui-color-text-interactive-disabled)}._18v88n1s{text-align:right}}@layer bui-compound-variants{._18v88n1n{border-color:transparent}._18v88n1o{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}}@layer bui-base;.byycd02{cursor:grab}@layer bui-base{.byycd01{overflow:hidden;list-style:none;background-color:var(--bui-color-background-primary-subtle)}}._1dc3b8m0{color:var(--bui-color-icon-interactive-enabled);background-color:var(--bui-color-background-primary-strong)}.ujkypy0{list-style-type:none;outline:none}.ujkypy0[data-disabled=true]{pointer-events:none}@layer bui-base;@layer bui-base{._1lrwegk0{outline:none;font-variant-numeric:tabular-nums;white-space:break-spaces}}@layer bui-reset;@layer bui-base;@layer bui-variants;._10dw1p95 ._10dw1p96 svg{transition:transform .2s ease-in-out}._10dw1p95[data-expanded=true] ._10dw1p96 svg{transform:rotate(90deg)}@layer bui-reset{._10dw1p90{all:unset}}@layer bui-base{._10dw1p90{min-height:32px}}@layer bui-variants;._6abhjk0{background:var(--bui-color-background-secondary-medium);transition:background-color 80ms ease-in-out}._6abhjk0[data-resize-handle-active=pointer],._6abhjk0[data-resize-handle-active=keyboard],._6abhjk0:focus,._6abhjk0:hover{background:var(--bui-color-background-overlay-interactive)}._6abhjk0[data-panel-group-direction=horizontal]{width:4px}._6abhjk0[data-panel-group-direction=vertical]{height:4px}._1udvgpn5{inset-block:auto var(--bui-spacing-lg);inset-inline:var(--bui-spacing-lg)}[data-device=tablet] ._1udvgpn5,[data-device=tablet]._1udvgpn5,[data-device=desktop] ._1udvgpn5,[data-device=desktop]._1udvgpn5{inset-inline:auto var(--bui-spacing-lg)}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1aj2a4v0{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:4}._1aj2a4v1{height:fit-content;width:fit-content;font-variant-numeric:tabular-nums}._1aj2a4v2{grid-template-columns:repeat(7,8px);grid-template-rows:repeat(7,8px);border-width:.5px;overflow:hidden}._1aj2a4v3{width:8px;height:8px;border-width:.5px;z-index:2;mix-blend-mode:multiply}._1aj2a4v4{width:14px;height:14px;z-index:3;outline:1px solid var(--bui-color-border-inverse);outline-offset:-3px;border:3px solid var(--bui-color-focused-inset);box-shadow:0 0 4px #0006;transform:translate(-3px,-3px);mix-blend-mode:unset}._1aj2a4v5{position:absolute;z-index:1;transform-origin:top left;pointer-events:none;user-select:none}._1aj2a4v8 *{pointer-events:none;cursor:none}._1aj2a4vd{position:relative;display:inline-flex}@layer bui-base{._1aj2a4v6{outline:none;display:inline-flex}}@layer bui-variants{._1aj2a4v8[data-focus-visible=true]{outline:2px solid var(--bui-color-focused-default)}}@layer bui-compound-variants{._1aj2a4vb{cursor:none}._1aj2a4vc{cursor:crosshair}}

package/dist/index.d.mts CHANGED Viewed

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import React__default, { AriaRole, Key, ReactNode, Dispatch, SetStateAction } from 'react';
 import { IconProps, SVGRProps } from '@baseline-ui/icons';
-import { DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaPopoverProps, useOverlayTrigger, AriaTooltipProps, AriaPositionProps, FocusableOptions, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaSelectOptions, Key as Key$1, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, AriaComboBoxOptions, AriaComboBoxProps, AriaGridListOptions, GridListItemAria, FocusProps, KeyboardProps as KeyboardProps$1, PressEvent, Locale } from 'react-aria';
+import * as react_aria from 'react-aria';
+import { DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaPopoverProps, useOverlayTrigger, AriaTooltipProps, AriaPositionProps, FocusableOptions, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaSelectOptions, Key as Key$1, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, AriaComboBoxOptions, AriaComboBoxProps, AriaGridListOptions, GridListItemAria, AriaTimeFieldProps, TimeValue, AriaDateFieldProps, DateValue, FocusProps, KeyboardProps as KeyboardProps$1, PressEvent, Locale } from 'react-aria';
 export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
-import { DraggableCollectionStateOptions, DroppableCollectionStateOptions, Orientation, ListState, OverlayTriggerProps, OverlayTriggerState, TooltipTriggerProps, SliderStateOptions, ToggleProps, MenuTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$2, Selection as Selection$1, ComboBoxStateOptions, Node as Node$2, TreeProps } from 'react-stately';
-import { Node as Node$1, DragItem, FocusableElement, DOMAttributes, AriaLabelingProps, AriaValidationProps, DOMProps } from '@react-types/shared';
+import { DraggableCollectionStateOptions, DroppableCollectionStateOptions, Orientation, ListState, OverlayTriggerState, OverlayTriggerProps, TooltipTriggerProps, SliderStateOptions, ToggleProps, MenuTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$2, Selection as Selection$1, ComboBoxStateOptions, Node as Node$2, TimeFieldStateOptions, TreeProps, DateFieldStateOptions } from 'react-stately';
+import { Node as Node$1, DragItem, DOMAttributes, FocusableElement, AriaLabelingProps, AriaValidationProps, DOMProps } from '@react-types/shared';
 import { PressHookProps, KeyboardProps } from '@react-aria/interactions';
 import { AriaTabListProps } from '@react-types/tabs';
 import { ColorFieldProps, Color } from '@react-stately/color';
@@ -14,7 +15,7 @@ import { AriaToolbarProps } from '@react-aria/toolbar';
 import { AriaColorSwatchProps } from '@react-aria/color';
 import { AriaActionGroupProps } from '@react-aria/actiongroup';
 import { TreeItem } from 'react-complex-tree';
-import { PanelProps as PanelProps$1, PanelGroupProps as PanelGroupProps$1, PanelResizeHandleProps as PanelResizeHandleProps$1, ImperativePanelGroupHandle as ImperativePanelGroupHandle$1, ImperativePanelHandle as ImperativePanelHandle$1 } from 'react-resizable-panels';
+import { PanelProps as PanelProps$1, ImperativePanelHandle as ImperativePanelHandle$1, PanelGroupProps as PanelGroupProps$1, ImperativePanelGroupHandle as ImperativePanelGroupHandle$1, PanelResizeHandleProps as PanelResizeHandleProps$1 } from 'react-resizable-panels';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastQueue } from '@react-stately/toast';
 export { ToastQueue } from '@react-stately/toast';
@@ -336,7 +337,10 @@ interface TooltipProps extends StylingProps, TooltipTriggerProps, AriaTooltipPro
     /** The content of the tooltip. */
     text?: string;
     /** The tooltip trigger element. */
-    children: React__default.ReactNode;
+    children: React__default.ReactNode | ((props: {
+        triggerProps: DOMAttributes;
+        triggerRef: React__default.RefObject<HTMLElement>;
+    }) => React__default.ReactNode);
     /**
      * The delay time for the tooltip to show up.
      *
@@ -686,15 +690,7 @@ interface ProgressBarProps extends StylingProps, Omit<AriaProgressBarProps, "isI
 declare const ProgressBar: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<HTMLDivElement>>;
-interface InputMessage {
-    /** The description to display below the input. */
-    description?: string;
-    /** The error message to display when the input is in an error state. */
-    errorMessage?: string;
-    /** The warning message to display when the input is in a warning state. */
-    warningMessage?: string;
-}
-interface TextInputProps extends Omit<AriaTextFieldProps, "validationState" | "isInvalid" | "description" | "errorMessage">, StylingProps, InputMessage {
+interface SharedInputProps extends StylingProps, Pick<AriaTextFieldProps, "isReadOnly" | "isDisabled"> {
     /** The state of the input. */
     validationState?: "valid" | "error" | "warning";
     /**
@@ -709,8 +705,32 @@ interface TextInputProps extends Omit<AriaTextFieldProps, "validationState" | "i
      * @default top
      */
     labelPosition?: "top" | "start";
-    /** Whether the input is read only. */
-    readOnly?: boolean;
+    /** The props to apply to the label element. */
+    labelProps?: React__default.HTMLAttributes<HTMLLabelElement>;
+    /** The props to apply to the input element. */
+    fieldProps?: React__default.HTMLAttributes<HTMLDivElement>;
+    /** The message to display below the input. */
+    message?: React__default.ReactNode;
+    /** The content to display inside the input wrapper. */
+    children?: React__default.ReactNode;
+    /** Whether the input is focused. */
+    isFocused?: boolean;
+    /** The label to display above the input. */
+    label?: React__default.ReactNode;
+    wrapperRef?: React__default.Ref<HTMLDivElement>;
+    wrapperClassName?: string;
+    isInvalid?: boolean;
+}
+interface InputMessage {
+    /** The description to display below the input. */
+    description?: string;
+    /** The error message to display when the input is in an error state. */
+    errorMessage?: string;
+    /** The warning message to display when the input is in a warning state. */
+    warningMessage?: string;
+}
+interface TextInputProps extends Omit<AriaTextFieldProps, "validationState" | "isInvalid" | "description" | "errorMessage">, StylingProps, InputMessage, Pick<SharedInputProps, "validationState" | "variant" | "labelPosition"> {
     /** The style object to apply to the input element */
     inputStyle?: React__default.CSSProperties;
     /** The class name to apply to the input element */
@@ -1809,6 +1829,16 @@ interface ModalContentProps extends Omit<AriaModalOverlayProps, "isDismissable"
      * @default false
      */
     disableAnimation?: boolean;
+    /**
+     * Whether the modal should be rendered with the initial animation. If set to
+     * false, the modal will be rendered without the initial animation on mount.
+     * This doesn't affect the animation when the modal is is being opened or
+     * closed after it has been mounted. This prop is ignored if
+     * `disableAnimation` is set to `true`.
+     *
+     * @default true
+     */
+    shouldAnimateOnMount?: boolean;
     /**
      * Whether the modal should be rendered as a drawer. This will render the
      * modal with a transparent background and no border at the bottom. The `auto`
@@ -1884,13 +1914,13 @@ interface GroupProps extends StylingProps, AriaLabelingProps {
 declare const Group: React__default.ForwardRefExoticComponent<GroupProps & React__default.RefAttributes<HTMLDivElement>>;
 type SprinkleProps = Parameters<Sprinkles>[0];
-interface BoxProps extends Pick<StylingProps, "data-block-id">, Omit<React__default.ComponentPropsWithoutRef<"div">, "color">, SprinkleProps {
+interface BoxProps extends Pick<StylingProps, "data-block-id">, DOMAttributes<HTMLElement>, SprinkleProps {
     /**
      * The HTML element to use for the box.
      *
      * @default "div"
      */
-    elementType?: string;
+    elementType?: keyof React__default.ReactHTML;
 }
 declare const Box: React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<HTMLDivElement>>;
@@ -2367,11 +2397,17 @@ interface ButtonSelectProps extends StylingProps, Pick<SelectProps, "isDisabled"
     }) => React__default.CSSProperties);
     /** Props for the tooltip. */
     tooltipProps?: Omit<TooltipProps, "children"> | ((trigger: "button" | "select") => Omit<TooltipProps, "children">);
+    /**
+     * The behaviour of the button select.
+     *
+     * @default "toggle"
+     */
+    buttonBehaviour?: "toggle" | "action";
 }
 declare const ButtonSelect: React__default.ForwardRefExoticComponent<ButtonSelectProps & React__default.RefAttributes<HTMLDivElement>>;
-interface ComboBoxProps extends StylingProps, Omit<AriaComboBoxOptions<ListItem>, "items" | "children" | "inputRef" | "popoverRef" | "listBoxRef" | "buttonRef" | "validationState" | "errorMessage" | "description">, Omit<AriaComboBoxProps<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState">, Omit<ListBoxProps, "autoFocus" | "onBlur" | "onFocus" | "onSelectionChange" | "selectionBehavior" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "renderDropIndicator" | "renderDragPreview" | "dropIndicatorClassName" | "dropIndicatorStyle" | keyof DragAndDropProps>, AriaValidationProps, Omit<ComboBoxStateOptions<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState" | "selectedKey">, InputMessage {
+interface ComboBoxProps extends StylingProps, Omit<AriaComboBoxOptions<ListItem>, "items" | "children" | "inputRef" | "popoverRef" | "listBoxRef" | "buttonRef" | "validationState" | "errorMessage" | "description">, Omit<AriaComboBoxProps<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState">, Omit<ListBoxProps, "autoFocus" | "onBlur" | "onFocus" | "onSelectionChange" | "selectionBehavior" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "renderDropIndicator" | "renderDragPreview" | "dropIndicatorClassName" | "dropIndicatorStyle" | keyof DragAndDropProps>, AriaValidationProps, Omit<ComboBoxStateOptions<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState" | "selectedKey">, InputMessage, Pick<ActionIconButtonProps, "tooltip"> {
     /** ID of the initially selected item */
     defaultSelectedKey?: string;
     /**
@@ -2659,6 +2695,10 @@ interface ColorSwatchPickerProps extends StylingProps, Pick<RadioGroupProps, "op
 declare const ColorSwatchPicker: React__default.ForwardRefExoticComponent<ColorSwatchPickerProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const TimeField: React__default.ForwardRefExoticComponent<StylingProps & Omit<Omit<TimeFieldStateOptions<react_aria.TimeValue>, "locale"> & react_aria.AriaTimeFieldProps<react_aria.TimeValue>, "validationState" | "isRequired" | "validate" | "isInvalid"> & Pick<SharedInputProps, "label" | "variant" | "labelPosition" | "validationState"> & InputMessage & React__default.RefAttributes<HTMLDivElement>>;
+type TimeFieldProps = StylingProps & Omit<Omit<TimeFieldStateOptions, "locale"> & AriaTimeFieldProps<TimeValue>, "validationState" | "isInvalid" | "isRequired" | "validate"> & Pick<SharedInputProps, "variant" | "labelPosition" | "validationState" | "label"> & InputMessage;
 interface TreeListItem extends ListOption {
     children?: TreeListItem[];
 }
@@ -2884,6 +2924,10 @@ interface FrameProviderProps extends BlockProps {
 declare const FrameProvider: React__default.FC<FrameProviderProps>;
+declare const DateField: React__default.ForwardRefExoticComponent<StylingProps & Omit<Omit<DateFieldStateOptions<react_aria.DateValue>, "locale"> & react_aria.AriaDateFieldProps<react_aria.DateValue>, "validationState" | "isRequired" | "validate" | "isInvalid" | "createCalendar"> & Pick<SharedInputProps, "label" | "variant" | "labelPosition" | "validationState"> & InputMessage & React__default.RefAttributes<HTMLDivElement>>;
+type DateFieldProps = StylingProps & Omit<Omit<DateFieldStateOptions, "locale"> & AriaDateFieldProps<DateValue>, "validationState" | "isInvalid" | "isRequired" | "validate" | "createCalendar"> & Pick<SharedInputProps, "variant" | "labelPosition" | "validationState" | "label"> & InputMessage;
 interface MagnifierProps extends BlockProps {
     /** The magnifier's content. */
     children: React__default.ReactNode;
@@ -2936,6 +2980,22 @@ declare const MagnifierContent: React__default.ForwardRefExoticComponent<Magnifi
 declare const MagnifierDisplay: React__default.ForwardRefExoticComponent<MagnifierDisplayProps & React__default.RefAttributes<HTMLDivElement>>;
+interface Breakpoints {
+    mobile: number;
+    tablet: number;
+    desktop: number;
+}
+interface DeviceProviderProps extends BlockProps {
+    children: React__default.ReactNode;
+    /** The breakpoints to use for the device provider. */
+    breakpoints?: Breakpoints;
+}
+declare const DeviceProviderContext: React__default.Context<{
+    breakpoints: Breakpoints;
+}>;
+declare const DeviceProvider: React__default.FC<DeviceProviderProps>;
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
  *
@@ -3267,4 +3327,4 @@ type Device = ReturnType<typeof useDevice>;
  */
 declare function usePortalContainer(_portalContainer?: HTMLElement): HTMLElement | undefined;
-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, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, 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, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle, type ListOption, Magnifier, MagnifierContent, type MagnifierContentProps, MagnifierDisplay, type MagnifierDisplayProps, type MagnifierProps, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, 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, type ReactComplexTreeItem, 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, type ToastProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, TreeView, type TreeViewProps, defineMessages, disableAnimations, enableAnimations, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
+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, DateField, type DateFieldProps, DateFormat, type DateFormatProps, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, 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, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle, type ListOption, Magnifier, MagnifierContent, type MagnifierContentProps, MagnifierDisplay, type MagnifierDisplayProps, type MagnifierProps, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, 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, type ReactComplexTreeItem, 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, TimeField, type TimeFieldProps, type ToastProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, TreeView, type TreeViewProps, defineMessages, disableAnimations, enableAnimations, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };

package/dist/index.d.ts CHANGED Viewed

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import React__default, { AriaRole, Key, ReactNode, Dispatch, SetStateAction } from 'react';
 import { IconProps, SVGRProps } from '@baseline-ui/icons';
-import { DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaPopoverProps, useOverlayTrigger, AriaTooltipProps, AriaPositionProps, FocusableOptions, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaSelectOptions, Key as Key$1, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, AriaComboBoxOptions, AriaComboBoxProps, AriaGridListOptions, GridListItemAria, FocusProps, KeyboardProps as KeyboardProps$1, PressEvent, Locale } from 'react-aria';
+import * as react_aria from 'react-aria';
+import { DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaPopoverProps, useOverlayTrigger, AriaTooltipProps, AriaPositionProps, FocusableOptions, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaSelectOptions, Key as Key$1, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, AriaComboBoxOptions, AriaComboBoxProps, AriaGridListOptions, GridListItemAria, AriaTimeFieldProps, TimeValue, AriaDateFieldProps, DateValue, FocusProps, KeyboardProps as KeyboardProps$1, PressEvent, Locale } from 'react-aria';
 export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
-import { DraggableCollectionStateOptions, DroppableCollectionStateOptions, Orientation, ListState, OverlayTriggerProps, OverlayTriggerState, TooltipTriggerProps, SliderStateOptions, ToggleProps, MenuTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$2, Selection as Selection$1, ComboBoxStateOptions, Node as Node$2, TreeProps } from 'react-stately';
-import { Node as Node$1, DragItem, FocusableElement, DOMAttributes, AriaLabelingProps, AriaValidationProps, DOMProps } from '@react-types/shared';
+import { DraggableCollectionStateOptions, DroppableCollectionStateOptions, Orientation, ListState, OverlayTriggerState, OverlayTriggerProps, TooltipTriggerProps, SliderStateOptions, ToggleProps, MenuTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$2, Selection as Selection$1, ComboBoxStateOptions, Node as Node$2, TimeFieldStateOptions, TreeProps, DateFieldStateOptions } from 'react-stately';
+import { Node as Node$1, DragItem, DOMAttributes, FocusableElement, AriaLabelingProps, AriaValidationProps, DOMProps } from '@react-types/shared';
 import { PressHookProps, KeyboardProps } from '@react-aria/interactions';
 import { AriaTabListProps } from '@react-types/tabs';
 import { ColorFieldProps, Color } from '@react-stately/color';
@@ -14,7 +15,7 @@ import { AriaToolbarProps } from '@react-aria/toolbar';
 import { AriaColorSwatchProps } from '@react-aria/color';
 import { AriaActionGroupProps } from '@react-aria/actiongroup';
 import { TreeItem } from 'react-complex-tree';
-import { PanelProps as PanelProps$1, PanelGroupProps as PanelGroupProps$1, PanelResizeHandleProps as PanelResizeHandleProps$1, ImperativePanelGroupHandle as ImperativePanelGroupHandle$1, ImperativePanelHandle as ImperativePanelHandle$1 } from 'react-resizable-panels';
+import { PanelProps as PanelProps$1, ImperativePanelHandle as ImperativePanelHandle$1, PanelGroupProps as PanelGroupProps$1, ImperativePanelGroupHandle as ImperativePanelGroupHandle$1, PanelResizeHandleProps as PanelResizeHandleProps$1 } from 'react-resizable-panels';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastQueue } from '@react-stately/toast';
 export { ToastQueue } from '@react-stately/toast';
@@ -336,7 +337,10 @@ interface TooltipProps extends StylingProps, TooltipTriggerProps, AriaTooltipPro
     /** The content of the tooltip. */
     text?: string;
     /** The tooltip trigger element. */
-    children: React__default.ReactNode;
+    children: React__default.ReactNode | ((props: {
+        triggerProps: DOMAttributes;
+        triggerRef: React__default.RefObject<HTMLElement>;
+    }) => React__default.ReactNode);
     /**
      * The delay time for the tooltip to show up.
      *
@@ -686,15 +690,7 @@ interface ProgressBarProps extends StylingProps, Omit<AriaProgressBarProps, "isI
 declare const ProgressBar: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<HTMLDivElement>>;
-interface InputMessage {
-    /** The description to display below the input. */
-    description?: string;
-    /** The error message to display when the input is in an error state. */
-    errorMessage?: string;
-    /** The warning message to display when the input is in a warning state. */
-    warningMessage?: string;
-}
-interface TextInputProps extends Omit<AriaTextFieldProps, "validationState" | "isInvalid" | "description" | "errorMessage">, StylingProps, InputMessage {
+interface SharedInputProps extends StylingProps, Pick<AriaTextFieldProps, "isReadOnly" | "isDisabled"> {
     /** The state of the input. */
     validationState?: "valid" | "error" | "warning";
     /**
@@ -709,8 +705,32 @@ interface TextInputProps extends Omit<AriaTextFieldProps, "validationState" | "i
      * @default top
      */
     labelPosition?: "top" | "start";
-    /** Whether the input is read only. */
-    readOnly?: boolean;
+    /** The props to apply to the label element. */
+    labelProps?: React__default.HTMLAttributes<HTMLLabelElement>;
+    /** The props to apply to the input element. */
+    fieldProps?: React__default.HTMLAttributes<HTMLDivElement>;
+    /** The message to display below the input. */
+    message?: React__default.ReactNode;
+    /** The content to display inside the input wrapper. */
+    children?: React__default.ReactNode;
+    /** Whether the input is focused. */
+    isFocused?: boolean;
+    /** The label to display above the input. */
+    label?: React__default.ReactNode;
+    wrapperRef?: React__default.Ref<HTMLDivElement>;
+    wrapperClassName?: string;
+    isInvalid?: boolean;
+}
+interface InputMessage {
+    /** The description to display below the input. */
+    description?: string;
+    /** The error message to display when the input is in an error state. */
+    errorMessage?: string;
+    /** The warning message to display when the input is in a warning state. */
+    warningMessage?: string;
+}
+interface TextInputProps extends Omit<AriaTextFieldProps, "validationState" | "isInvalid" | "description" | "errorMessage">, StylingProps, InputMessage, Pick<SharedInputProps, "validationState" | "variant" | "labelPosition"> {
     /** The style object to apply to the input element */
     inputStyle?: React__default.CSSProperties;
     /** The class name to apply to the input element */
@@ -1809,6 +1829,16 @@ interface ModalContentProps extends Omit<AriaModalOverlayProps, "isDismissable"
      * @default false
      */
     disableAnimation?: boolean;
+    /**
+     * Whether the modal should be rendered with the initial animation. If set to
+     * false, the modal will be rendered without the initial animation on mount.
+     * This doesn't affect the animation when the modal is is being opened or
+     * closed after it has been mounted. This prop is ignored if
+     * `disableAnimation` is set to `true`.
+     *
+     * @default true
+     */
+    shouldAnimateOnMount?: boolean;
     /**
      * Whether the modal should be rendered as a drawer. This will render the
      * modal with a transparent background and no border at the bottom. The `auto`
@@ -1884,13 +1914,13 @@ interface GroupProps extends StylingProps, AriaLabelingProps {
 declare const Group: React__default.ForwardRefExoticComponent<GroupProps & React__default.RefAttributes<HTMLDivElement>>;
 type SprinkleProps = Parameters<Sprinkles>[0];
-interface BoxProps extends Pick<StylingProps, "data-block-id">, Omit<React__default.ComponentPropsWithoutRef<"div">, "color">, SprinkleProps {
+interface BoxProps extends Pick<StylingProps, "data-block-id">, DOMAttributes<HTMLElement>, SprinkleProps {
     /**
      * The HTML element to use for the box.
      *
      * @default "div"
      */
-    elementType?: string;
+    elementType?: keyof React__default.ReactHTML;
 }
 declare const Box: React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<HTMLDivElement>>;
@@ -2367,11 +2397,17 @@ interface ButtonSelectProps extends StylingProps, Pick<SelectProps, "isDisabled"
     }) => React__default.CSSProperties);
     /** Props for the tooltip. */
     tooltipProps?: Omit<TooltipProps, "children"> | ((trigger: "button" | "select") => Omit<TooltipProps, "children">);
+    /**
+     * The behaviour of the button select.
+     *
+     * @default "toggle"
+     */
+    buttonBehaviour?: "toggle" | "action";
 }
 declare const ButtonSelect: React__default.ForwardRefExoticComponent<ButtonSelectProps & React__default.RefAttributes<HTMLDivElement>>;
-interface ComboBoxProps extends StylingProps, Omit<AriaComboBoxOptions<ListItem>, "items" | "children" | "inputRef" | "popoverRef" | "listBoxRef" | "buttonRef" | "validationState" | "errorMessage" | "description">, Omit<AriaComboBoxProps<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState">, Omit<ListBoxProps, "autoFocus" | "onBlur" | "onFocus" | "onSelectionChange" | "selectionBehavior" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "renderDropIndicator" | "renderDragPreview" | "dropIndicatorClassName" | "dropIndicatorStyle" | keyof DragAndDropProps>, AriaValidationProps, Omit<ComboBoxStateOptions<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState" | "selectedKey">, InputMessage {
+interface ComboBoxProps extends StylingProps, Omit<AriaComboBoxOptions<ListItem>, "items" | "children" | "inputRef" | "popoverRef" | "listBoxRef" | "buttonRef" | "validationState" | "errorMessage" | "description">, Omit<AriaComboBoxProps<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState">, Omit<ListBoxProps, "autoFocus" | "onBlur" | "onFocus" | "onSelectionChange" | "selectionBehavior" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "renderDropIndicator" | "renderDragPreview" | "dropIndicatorClassName" | "dropIndicatorStyle" | keyof DragAndDropProps>, AriaValidationProps, Omit<ComboBoxStateOptions<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState" | "selectedKey">, InputMessage, Pick<ActionIconButtonProps, "tooltip"> {
     /** ID of the initially selected item */
     defaultSelectedKey?: string;
     /**
@@ -2659,6 +2695,10 @@ interface ColorSwatchPickerProps extends StylingProps, Pick<RadioGroupProps, "op
 declare const ColorSwatchPicker: React__default.ForwardRefExoticComponent<ColorSwatchPickerProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const TimeField: React__default.ForwardRefExoticComponent<StylingProps & Omit<Omit<TimeFieldStateOptions<react_aria.TimeValue>, "locale"> & react_aria.AriaTimeFieldProps<react_aria.TimeValue>, "validationState" | "isRequired" | "validate" | "isInvalid"> & Pick<SharedInputProps, "label" | "variant" | "labelPosition" | "validationState"> & InputMessage & React__default.RefAttributes<HTMLDivElement>>;
+type TimeFieldProps = StylingProps & Omit<Omit<TimeFieldStateOptions, "locale"> & AriaTimeFieldProps<TimeValue>, "validationState" | "isInvalid" | "isRequired" | "validate"> & Pick<SharedInputProps, "variant" | "labelPosition" | "validationState" | "label"> & InputMessage;
 interface TreeListItem extends ListOption {
     children?: TreeListItem[];
 }
@@ -2884,6 +2924,10 @@ interface FrameProviderProps extends BlockProps {
 declare const FrameProvider: React__default.FC<FrameProviderProps>;
+declare const DateField: React__default.ForwardRefExoticComponent<StylingProps & Omit<Omit<DateFieldStateOptions<react_aria.DateValue>, "locale"> & react_aria.AriaDateFieldProps<react_aria.DateValue>, "validationState" | "isRequired" | "validate" | "isInvalid" | "createCalendar"> & Pick<SharedInputProps, "label" | "variant" | "labelPosition" | "validationState"> & InputMessage & React__default.RefAttributes<HTMLDivElement>>;
+type DateFieldProps = StylingProps & Omit<Omit<DateFieldStateOptions, "locale"> & AriaDateFieldProps<DateValue>, "validationState" | "isInvalid" | "isRequired" | "validate" | "createCalendar"> & Pick<SharedInputProps, "variant" | "labelPosition" | "validationState" | "label"> & InputMessage;
 interface MagnifierProps extends BlockProps {
     /** The magnifier's content. */
     children: React__default.ReactNode;
@@ -2936,6 +2980,22 @@ declare const MagnifierContent: React__default.ForwardRefExoticComponent<Magnifi
 declare const MagnifierDisplay: React__default.ForwardRefExoticComponent<MagnifierDisplayProps & React__default.RefAttributes<HTMLDivElement>>;
+interface Breakpoints {
+    mobile: number;
+    tablet: number;
+    desktop: number;
+}
+interface DeviceProviderProps extends BlockProps {
+    children: React__default.ReactNode;
+    /** The breakpoints to use for the device provider. */
+    breakpoints?: Breakpoints;
+}
+declare const DeviceProviderContext: React__default.Context<{
+    breakpoints: Breakpoints;
+}>;
+declare const DeviceProvider: React__default.FC<DeviceProviderProps>;
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
  *
@@ -3267,4 +3327,4 @@ type Device = ReturnType<typeof useDevice>;
  */
 declare function usePortalContainer(_portalContainer?: HTMLElement): HTMLElement | undefined;
-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, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, 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, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle, type ListOption, Magnifier, MagnifierContent, type MagnifierContentProps, MagnifierDisplay, type MagnifierDisplayProps, type MagnifierProps, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, 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, type ReactComplexTreeItem, 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, type ToastProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, TreeView, type TreeViewProps, defineMessages, disableAnimations, enableAnimations, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
+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, DateField, type DateFieldProps, DateFormat, type DateFormatProps, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, 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, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle, type ListOption, Magnifier, MagnifierContent, type MagnifierContentProps, MagnifierDisplay, type MagnifierDisplayProps, type MagnifierProps, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, 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, type ReactComplexTreeItem, 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, TimeField, type TimeFieldProps, type ToastProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, TreeView, type TreeViewProps, defineMessages, disableAnimations, enableAnimations, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };