@baseline-ui/core 0.3.0 → 0.4.0

package/dist/index.css

@@ -1 +1 @@
-.oom8bs0{border:none;transition-property:all;width:fit-content;white-space:nowrap;box-sizing:border-box}.oom8bs1{background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bs1:disabled{background-color:var(--bui-color-interactive-disabled)}.oom8bs2{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium);background-color:var(--bui-color-background-secondary-subtle);color:var(--bui-color-text-primary)}.oom8bs2:disabled{color:var(--bui-color-text-disabled)}.oom8bs3{background-color:transparent;box-shadow:inset 0 0 0 1px var(--bui-color-interactive-primary);color:var(--bui-color-interactive-primary)}.oom8bs3:disabled{box-shadow:inset 0 0 0 1px var(--bui-color-interactive-disabled);color:var(--bui-color-interactive-disabled)}.oom8bs4{background-color:transparent;color:var(--bui-color-interactive-primary)}.oom8bs4:disabled{color:var(--bui-color-interactive-disabled)}.oom8bs5{cursor:not-allowed}.oom8bs6{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}.oom8bs8{min-height:32px;padding:var(--bui-spacing-md)}.oom8bs9{min-height:40px;padding:var(--bui-spacing-md) var(--bui-spacing-lg)}.oom8bsa{background-color:var(--bui-color-interactive-hovered)}.oom8bsb{background-color:var(--bui-color-background-secondary-medium)}.oom8bsc{background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bsd{color:var(--bui-color-interactive-hovered)}.oom8bse{border:none;box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary),inset 0 0 0 3px var(--bui-color-focused-inset)}.oom8bsf{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary),inset 0 0 0 3px var(--bui-color-focused-inset);background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bs0 svg{pointer-events:none}@layer reset;.z9nup81{display:flex;flex-direction:column}.z9nup82{display:flex;flex-direction:row}.z9nup83{pointer-events:none;cursor:not-allowed}.z9nup84{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.z9nup85{background:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%)}.z9nup86{background-size:4px 4px}.z9nup87{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@layer reset{.z9nup80{display:contents}}._14uvjig0{width:100%}._14uvjig1{background-color:var(--bui-color-background-inverse-strong)}._14uvjig2{background-color:var(--bui-color-interactive-primary)}._14uvjig3{display:flex;justify-content:space-between;align-items:center}._14uvjig4{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);color:var(--bui-color-text-secondary)}._14uvjig5{color:var(--bui-color-text-disabled)}._14uvjig6{padding-bottom:var(--bui-spacing-md)}._14uvjig7{display:flex;height:24px;align-items:center;gap:var(--bui-spacing-md)}._14uvjig8{height:2px;background-color:var(--bui-color-background-primary-strong);width:100%}._14uvjig9{position:absolute;height:100%}._14uvjigb{transition:width .2s}._14uvjigc{background-color:var(--bui-color-interactive-disabled)}._14uvjige{height:8px;width:8px;border-radius:50%;margin-top:1px;cursor:pointer;transition-property:height,width;transition-duration:.2s}._14uvjigf{height:12px;width:12px;border:0;outline:0}._14uvjigg{background-color:var(--bui-color-interactive-disabled);cursor:not-allowed}._14uvjigh{display:none}._14uvjigi{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-interactive-primary);transition-property:left;transition-duration:.2s}._14uvjigj{height:12px;width:12px}.nrh1eh0{width:100%}.nrh1eh2{justify-content:space-between;gap:var(--bui-spacing-md)}.nrh1eh3{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);color:var(--bui-color-text-secondary)}.nrh1eh4{display:inline-flex}.nrh1eh5{margin-bottom:var(--bui-spacing-md)}.nrh1eh6{padding-top:0;flex-direction:column}.nrh1eh8{justify-content:center}.nrh1eh9{border:1px solid var(--bui-color-border-medium);border-radius:var(--bui-rounded-xs);overflow:hidden;align-items:center;height:32px}.nrh1ehb{border-color:var(--bui-color-support-error-medium)}.nrh1ehe{border-radius:var(--bui-rounded-xs);border:1px solid var(--bui-color-focused-primary);outline:1px solid var(--bui-color-focused-primary);outline-offset:-2px}.nrh1ehf{cursor:not-allowed}.nrh1ehi{border-radius:0;outline:none}.nrh1ehj{border:1px solid var(--bui-color-border-medium)}.nrh1ehk{border-color:transparent}.nrh1ehl,.nrh1ehm{border-color:var(--bui-color-border-strong)}.nrh1ehn{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}.nrh1eho{color:var(--bui-color-text-primary);width:100%;background-color:transparent;padding:var(--bui-spacing-md);border:none;outline:none;height:inherit;text-align:inherit;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.nrh1eho::placeholder{color:var(--bui-color-text-placeholder)}.nrh1ehp{cursor:inherit;color:var(--bui-color-text-disabled)}.nrh1ehp::placeholder{color:var(--bui-color-text-disabled)}.nrh1ehr{text-align:right}.nrh1ehs{margin-right:var(--bui-spacing-md);display:inline-flex;flex-shrink:0}.nrh1ehu{color:var(--bui-color-support-error-medium)}.nrh1ehv{color:var(--bui-color-support-warning-medium)}.nrh1ehw{color:var(--bui-color-icon-primary)}.nrh1ehx{color:var(--bui-color-text-helper);padding-top:var(--bui-spacing-sm);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}.nrh1ehy{color:var(--bui-color-text-disabled)}.nrh1ehz{color:var(--bui-color-support-error-medium)}.nrh1eh10{width:max-content;max-width:100px}.gukncs0{background-color:var(--bui-color-border-subtle);width:100%;height:1px}.gukncs1{width:1px;height:100%}.gukncs2{background-color: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)}.uf19bs0{all:unset;border-radius:var(--bui-rounded-xs);color:var(--bui-color-icon-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;flex-shrink:0}.uf19bs1{height:16px;width:16px}.uf19bs2{height:20px;width:20px}.uf19bs3{height:32px;width:32px}.uf19bs4{height:40px;width:40px}.uf19bs5{height:48px;width:48px;border-radius:var(--bui-rounded-sm)}.uf19bs7{color:var(--bui-color-icon-disabled);cursor:not-allowed}.uf19bs8{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}.uf19bsc{background-color:var(--bui-color-background-primary-medium)}.uf19bsd{color:var(--bui-color-icon-secondary)}.uf19bse{color:var(--bui-color-icon-interactive)}.bpklwa0{display:inline-flex}.bpklwa1{flex-direction:column;gap:var(--bui-spacing-md);width:fit-content}.bpklwa2{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.bpklwa3{display:inline-flex;flex-direction:row;gap:var(--bui-spacing-md);align-items:center}.bpklwa4{flex-direction:row-reverse}.bpklwa6{color:var(--bui-color-text-primary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwa7{border-radius:9px;width:36px;height:18px;background-color:var(--bui-color-background-inverse-subtle);padding:2px;box-sizing:border-box;cursor:pointer}.bpklwa8{border:1px solid var(--bui-color-icon-disabled);padding:1px;background-color:transparent;cursor:default}.bpklwa9{background-color:var(--bui-color-background-secondary-medium);cursor:not-allowed}.bpklwab{outline-offset:1px;outline:var(--bui-color-focused-primary) 2px solid}.bpklwac{background-color:var(--bui-color-icon-interactive)}.bpklwad{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwae{width:14px;height:14px;background-color:var(--bui-color-icon-inverse);border-radius:var(--bui-rounded-full);transition:transform .2s}.bpklwaf{background-color:var(--bui-color-icon-disabled)}.bpklwag{transform:translate(18px)}.bpklwah{background-color:var(--bui-color-icon-primary)}._19n40yy0{display:flex;align-items:center;position:relative;flex-direction:row;padding:0 var(--bui-spacing-md);gap:var(--bui-spacing-md);background-color:var(--bui-color-background-primary-subtle);border-radius:var(--bui-rounded-xs);border:1px solid transparent;color:var(--bui-color-icon-primary);width:100%;font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._19n40yy1{height:48px}._19n40yy2{height:40px}._19n40yy3{height:32px;font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._19n40yy4{border-color:var(--bui-color-border-medium)}._19n40yy6{border-color:transparent;box-shadow:0 0 0 2px var(--bui-color-focused-primary)}._19n40yy7{padding-right:0}._19n40yy8{color:var(--bui-color-text-disabled);cursor:not-allowed}._19n40yy9{border:none;outline:none;background-color:transparent;font:inherit;display:flex;cursor:inherit;flex:1;color:var(--bui-color-text-primary)}._19n40yy9::placeholder{font:inherit;color:var(--bui-color-text-placeholder)}._19n40yy9::-webkit-search-cancel-button{-webkit-appearance:none}._19n40yy9::-webkit-search-decoration{-webkit-appearance:none}._1gzftth1{min-width:max-content;overflow-y:auto}._1gzftth1[data-placement=top],._1gzftth1[data-placement=bottom]{width:var(--_1gzftth0)}.xyd2ss1{margin:0;padding:0;list-style:none;width:150px}.xyd2ss2{border-top:1px solid gray;margin:2px 5px}.xyd2ss3{font-weight:700;font-size:1.1em;padding:2px 5px}.xyd2ss4{padding:0;list-style:none}.xyd2ss5{background:transparent;color:#000;padding:2px 5px;outline:none;display:flex;justify-content:space-between}.xyd2ss6{color:gray}.xyd2ss7{background:gray;color:#fff}._13f0naj0{cursor:pointer;color:var(--bui-color-interactive-primary);transition:color .2s;outline:none}._13f0naj0:visited:not([aria-disabled=true]){color:var(--bui-color-interactive-visited)}._13f0naj1{text-decoration:none}._13f0naj2{text-decoration:underline}._13f0naj3{color:var(--bui-color-interactive-hovered)}._13f0naj4{outline:2px solid var(--bui-color-focused-primary)}._13f0naj5{color:var(--bui-color-text-disabled);cursor:not-allowed}._13f0naj6{font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._13f0naj7{font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._13f0naj8{font:var(--bui-typography-body-lg-regular-font);letter-spacing:var(--bui-typography-body-lg-regular-letter-spacing)}._13f0naja{color:var(--bui-color-text-primary);outline:2px solid var(--bui-color-focused-primary)}._180w5ed0{text-align:center;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;padding:var(--bui-spacing-xl);gap:var(--bui-spacing-md)}._180w5ed1{width:100%;background-color:var(--bui-color-background-secondary-subtle)}._180w5ed2{border:1px dashed var(--bui-color-border-medium);border-radius:var(--bui-rounded-sm)}._180w5ed3{outline:none}._180w5ed4{pointer-events:none;background-color:unset}._180w5ed5{border-color:var(--bui-color-border-interactive)}._180w5ed6{border:2px solid var(--bui-color-border-interactive)}._180w5ed7{border:1px solid var(--bui-color-border-disabled)}._180w5ed8{border:1px dashed var(--bui-color-border-disabled)}._180w5ed9{color:var(--bui-color-icon-secondary)}._180w5eda{color:var(--bui-color-icon-disabled)}._180w5edb{cursor:inherit;color:var(--bui-color-interactive-primary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._180w5edc{color:var(--bui-color-text-disabled)}._180w5edd{text-decoration:underline}._180w5ede{color:var(--bui-color-text-helper);font:var(--bui-typography-label-md-regular-font);letter-spacing:var(--bui-typography-label-md-regular-letter-spacing)}._180w5edf{color:var(--bui-color-text-disabled)}._12vfhl40{width:100%}._12vfhl41{justify-content:space-between}._12vfhl42{color:var(--bui-color-text-secondary);padding-bottom:var(--bui-spacing-sm);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._12vfhl43{color:var(--bui-color-text-primary)}._12vfhl44{padding-bottom:0}._12vfhl45{padding:var(--bui-spacing-md) 0}._12vfhl46{height:16px;align-items:center;gap:var(--bui-spacing-md)}._12vfhl47{height:4px;background-color:var(--bui-color-background-primary-strong);width:100%}._12vfhl48{height:4px}._12vfhl49{background-color:var(--bui-color-support-success-medium)}._12vfhl4a{background-color:var(--bui-color-support-error-medium)}._12vfhl4b{background-color:var(--bui-color-support-info-medium)}._9b1tml0{display:inline-flex;flex-direction:row;align-self:flex-start;padding:var(--bui-spacing-xs);gap:var(--bui-spacing-xs);border-radius:var(--bui-rounded-sm);align-items:center;cursor:pointer;transition:background-color .2s ease;outline:none;border:none;background-color:var(--bui-color-background-secondary-subtle)}._9b1tml1{background-color:var(--bui-color-icon-interactive)}._9b1tml2{background-color:var(--bui-color-background-secondary-subtle)}._9b1tml5{outline:2px solid var(--bui-color-focused-primary)}._9b1tml6{cursor:default;box-shadow:inset 0 0 0 1px var(--bui-color-icon-disabled);background-color:var(--bui-color-background-primary-subtle)}._9b1tml7{padding:1px;border:1px solid var(--bui-color-focused-inset)}._9b1tml8{background-color:var(--bui-color-interactive-hovered)}._9b1tml9{background-color:var(--bui-color-background-secondary-medium)}._9b1tmla{background-color:var(--bui-color-interactive-disabled);color:var(--bui-color-text-inverse)}._9b1tmlb{background-color:var(--bui-color-interactive-disabled);box-shadow:inset 0 0 0 1px var(--bui-color-border-inverse)}._9b1tmlc{padding:var(--bui-spacing-xs);background-color:var(--bui-color-background-primary-subtle);color:var(--bui-color-icon-primary);border-radius:var(--bui-rounded-xs);display:flex}._9b1tmld{color:var(--bui-color-icon-disabled)}._9b1tmle{color:var(--bui-color-icon-inverse);background-color:var(--bui-color-icon-primary)}._9b1tmlf{display:flex;align-items:center;padding:0 var(--bui-spacing-md);color:var(--bui-color-text-primary);transition:color .2s ease;font-variant-numeric:tabular-nums;font:var(--bui-typography-body-lg-regular-font);letter-spacing:var(--bui-typography-body-lg-regular-letter-spacing)}._9b1tmlh{height:20px}._9b1tmli{height:24px}._9b1tmlk{color:var(--bui-color-text-primary)}._9b1tmll,._9b1tmlm{color:var(--bui-color-text-inverse)}._9b1tmln{color:var(--bui-color-text-disabled)}._1jwycy80{width:0;height:0;border-right:7px solid transparent;border-bottom:8px solid;border-bottom-color:var(--bui-color-background-inverse-strong);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{max-inline-size:35ch}@keyframes _1azy5683{0%{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:0}50%{stroke-dasharray:calc(var(--_1azy5680) * .75) calc(var(--_1azy5680) * .25);stroke-dashoffset:calc(var(--_1azy5680) * -.25)}to{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:calc(-1 * var(--_1azy5680))}}@keyframes _1azy5684{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1azy5681{gap:var(--bui-spacing-md);align-items:center}._1azy5682{display:flex;align-items:center}._1azy5685{fill:none;stroke-width:3;stroke:var(--bui-color-interactive-primary);transform-origin:center;animation:1.5s ease-in-out infinite _1azy5683,2s linear infinite _1azy5684}._1azy5686{position:absolute;fill:none;stroke-width:3;stroke:var(--bui-color-border-medium)}._1azy5687{color:var(--bui-color-support-success-medium)}._1azy5688{color:var(--bui-color-support-error-medium)}._1azy5689{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._5uw3kp0{background-color:var(--bui-color-background-primary-subtle);border-radius:0;align-items:center;gap:var(--bui-spacing-md);color:var(--bui-color-text-primary);outline:none}._5uw3kp0:active,._5uw3kp1{background-color:var(--bui-color-background-primary-medium)}._5uw3kp2{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}._5uw3kp3{color:var(--bui-color-text-disabled);cursor:not-allowed}._5uw3kp4{color:var(--bui-color-text-inverse);background-color:var(--bui-color-interactive-primary)}._5uw3kp5{height:40px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);padding:0 calc(var(--bui-spacing-xs) + var(--bui-spacing-md))}._5uw3kp6{height:48px;font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing);padding:0 calc(var(--bui-spacing-xs) + var(--bui-spacing-lg))}._5uw3kp7{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary),inset 0 0 0 3px var(--bui-color-focused-inset)}._5uw3kp8{transition:transform .2s ease}._5uw3kp9{transform:rotate(-90deg)}._5uw3kpa{transform:rotate(90deg)}._5uw3kpb{transform:rotate(180deg)}._5uw3kpe{transform:rotate(90deg)}._5uw3kpf{transform:rotate(-90deg)}._5uw3kpg{transform:rotate(180deg)}._5uw3kph{transform:rotate(0)}._16vugd01{display:flex;align-items:center}._16vugd02{flex-direction:row;gap:var(--bui-spacing-md)}._16vugd03{flex-direction:row-reverse;justify-content:space-between}._16vugd04{border:none;background-color:var(--_16vugd00)}._16vugd05{--_16vugd00: var(--bui-color-icon-primary);border-radius:var(--bui-rounded-xs);border:1px solid var(--_16vugd00);height:16px;width:16px;color:var(--bui-color-icon-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease-in-out}._16vugd08{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-focused-primary)}._16vugd09{--_16vugd00: var(--bui-color-icon-interactive)}._16vugd0a{--_16vugd00: var(--bui-color-icon-disabled);cursor:not-allowed;pointer-events:none}._16vugd0b{--_16vugd00: var(--bui-color-icon-disabled);cursor:not-allowed;pointer-events:none;color:var(--bui-color-icon-primary);border:1px solid var(--bui-color-icon-disabled);background-color:transparent}._16vugd0c{border:1px solid var(--bui-color-support-error-medium)}._16vugd0d{border:none}._16vugd0e{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._16vugd0f{color:var(--bui-color-text-disabled)}._1nsi9h10{display:inline-flex;flex-direction:row;align-items:center;border-radius:var(--bui-rounded-sm);background-color:var(--bui-color-background-primary-subtle);font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}._1nsi9h11{height:24px;border-radius:var(--bui-rounded-xs);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._1nsi9h12{height:32px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1nsi9h13{height:40px}._1nsi9h14{height:48px}._1nsi9h15{box-shadow:var(--bui-elevation-medium);border:1px solid var(--bui-color-border-subtle)}._1nsi9h16{width:250px}._1nsi9h17{padding:0 var(--bui-spacing-md);display:flex;gap:var(--bui-spacing-sm);height:inherit;align-items:center}._1nsi9h18{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}._1nsi9h19{justify-content:center;flex:1}._1nsi9h1b{border:none;outline:none;font:inherit;line-height:inherit;font-variant-numeric:tabular-nums;background-color:transparent;color:var(--bui-color-text-primary)}._1nsi9h1c{color:var(--bui-color-text-placeholder)}._1f789qj0{display:flex;gap:var(--bui-spacing-md)}._1f789qj1{padding:var(--bui-spacing-sm) var(--bui-spacing-md);border-radius:24px;width:fit-content;transition:background-color .2s ease-in-out;outline:none;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1f789qj2{outline:2px solid var(--bui-color-focused-primary);outline-offset:1px}._1f789qj3{color:var(--bui-color-text-primary);background-color:var(--bui-color-background-secondary-medium)}._1f789qj4{color:var(--bui-color-support-error-strong);background-color:var(--bui-color-support-error-subtle)}._1f789qj5{color:var(--bui-color-support-success-strong);background-color:var(--bui-color-support-success-subtle)}._1f789qj6{color:var(--bui-color-support-info-strong);background-color:var(--bui-color-support-info-subtle)}._1f789qj7{color:var(--bui-color-text-inverse);background-color:var(--bui-color-background-inverse-strong)}._1f789qj8{color:var(--bui-color-text-disabled);background-color:var(--bui-color-background-secondary-subtle);cursor:not-allowed}._1f789qj9{padding:var(--bui-spacing-xs);padding-left:var(--bui-spacing-md)}._1f789qja{color:var(--bui-color-text-inverse);background-color:var(--bui-color-interactive-primary)}._1f789qjb{cursor:pointer}._1f789qjd{background-color:var(--bui-color-background-secondary-subtle)}._1f789qje{background-color:var(--bui-color-support-error-subtler)}._1f789qjf{background-color:var(--bui-color-support-info-subtler)}._1f789qjg{background-color:var(--bui-color-support-success-subtler)}._1f789qjh{background-color:var(--bui-color-background-inverse-medium)}._1f789qji{background-color:var(--bui-color-interactive-hovered)}._1f789qjj{display:flex;align-items:center;gap:var(--bui-spacing-sm)}._1f789qjk{all:unset;display:inline-flex;padding:var(--bui-spacing-sm);border-radius:var(--bui-rounded-full);cursor:pointer;transition:background-color .2s ease-in-out}._1f789qjr{background-color:var(--bui-color-background-secondary-subtle)}._1f789qjs{background-color:var(--bui-color-support-error-subtler)}._1f789qjt{background-color:var(--bui-color-support-info-subtler)}._1f789qju{background-color:var(--bui-color-support-success-subtler)}._1f789qjv{background-color:var(--bui-color-background-inverse-medium)}@layer reset;._1kvz17d1{transform:rotate(90deg)}._1kvz17d2{cursor:pointer;box-shadow:inset 0 1px 0 var(--bui-color-border-medium);outline:none;height:40px}._1kvz17d3{outline-offset:-2px;outline:2px solid var(--bui-color-focused-primary)}._1kvz17dc{opacity:0}._1kvz17dd{opacity:1}@layer reset{._1kvz17da{all:unset}}._6n12k90{outline:none}._6n12k91{list-style:none;height:36px;width:100%;padding:0 var(--bui-spacing-lg);align-items:center;justify-content:space-between;background-color:var(--bui-color-background-primary-subtle);gap:var(--bui-spacing-lg);transition:background-color .2s ease;outline:none;color:var(--bui-color-text-primary);cursor:pointer;border:1px solid var(--bui-color-border-subtle);border-top-width:0;border-bottom-width:0;box-sizing:border-box;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._6n12k92{outline:2px solid var(--bui-color-focused-primary);outline-offset:-2px}._6n12k93{background-color:var(--bui-color-background-primary-medium)}._6n12k94{border-top-left-radius:var(--bui-rounded-xs);border-top-right-radius:var(--bui-rounded-xs);border-top-width:1px}._6n12k95{border-bottom-left-radius:var(--bui-rounded-xs);border-bottom-right-radius:var(--bui-rounded-xs);border-bottom-width:1px}._6n12k96{color:var(--bui-color-text-disabled)}._6n12k97{display:flex;align-items:center;gap:var(--bui-spacing-lg)}._6n12k98{color:var(--bui-color-text-secondary);opacity:var(--bui-opacity-medium);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._6n12k99{color:var(--bui-color-text-disabled)}._6n12k9a{list-style:none}._1mdhlqv1{display:flex;align-items:center;gap:var(--bui-spacing-xl);cursor:pointer;padding:var(--bui-spacing-md);background-color:transparent;color:var(--bui-color-text-primary);justify-content:space-between;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1mdhlqv2{outline:none}._1mdhlqv3{color:var(--bui-color-text-disabled)}._1mdhlqv4{transition:transform .2s ease-in-out}._1mdhlqv5{transform:rotate(180deg)}._1mdhlqv6{margin-right:0}._1mdhlqv7{align-items:center;gap:var(--bui-spacing-md);flex:1}._1mdhlqv8{box-shadow:var(--bui-elevation-medium)}._1mdhlqv9{width:var(--_1mdhlqv0);min-width:64px;box-shadow:var(--bui-elevation-medium);border-radius:var(--bui-rounded-xs);overflow:hidden}._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}._1x62fhb0{width:100%;overflow-x:scroll;height:40px}._1x62fhb1{background-color:var(--bui-color-background-primary-strong)}._1x62fhb3{width:inline-flex}._1x62fhb5{gap:var(--bui-spacing-md)}._1x62fhb6{display:flex;align-items:center;padding:0 var(--bui-spacing-lg);cursor:pointer;transition:background-color .2s ease-in-out;outline:none;color:var(--bui-color-text-secondary);gap:var(--bui-spacing-md);text-wrap:nowrap}._1x62fhb7{color:var(--bui-color-text-primary)}._1x62fhb9{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}._1x62fhba{color:var(--bui-color-text-disabled);cursor:not-allowed}._1x62fhbb{border-right:1px solid var(--bui-color-border-medium);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._1x62fhbc{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1x62fhbd{color:var(--bui-color-text-primary)}._1x62fhbe{background-color:var(--bui-color-background-primary-subtle)}._1x62fhbf{box-shadow:inset 0 -2px 0 0 var(--bui-color-interactive-primary)}._1x62fhbg{color:var(--bui-color-interactive-primary)}._1x62fhbh{color:var(--bui-color-text-disabled);box-shadow:inset 0 -2px 0 0 var(--bui-color-interactive-disabled)}._1x62fhbi{background-color:var(--bui-color-background-primary-medium)}._1x62fhbj{display:flex;align-items:center;padding:var(--bui-spacing-sm)}._1x62fhbk{border-left:1px solid var(--bui-color-border-medium);flex-shrink:0}._1x62fhbk:first-of-type{border-left:none}._1x62fhbl{outline:2px solid var(--bui-color-focused-primary);outline-offset:-2px}.kfun6y0{width:100%;padding:0 var(--bui-spacing-lg);gap:var(--bui-spacing-lg);padding-right:0}.kfun6y1{background-color:var(--bui-color-support-info-subtler)}.kfun6y2{background-color:var(--bui-color-support-warning-subtler)}.kfun6y3{background-color:var(--bui-color-support-error-subtler)}.kfun6y4{background-color:var(--bui-color-support-success-subtler)}.kfun6y5{min-height:44px;justify-content:space-between;align-items:center}.kfun6y6{justify-content:space-between}.kfun6y7{padding:var(--bui-spacing-lg);width:240px;flex-direction:column-reverse;gap:0}.kfun6ya,.kfun6yb{padding:var(--bui-spacing-lg)}.kfun6yc{padding-top:0;padding-right:0}.kfun6yd{gap:var(--bui-spacing-lg)}.kfun6ye{align-items:center}.kfun6yf{margin:var(--bui-spacing-lg) 0}.kfun6yg{flex-direction:column}.kfun6yh{color:var(--bui-color-text-primary)}.kfun6yi{font:var(--bui-typography-body-sm-semibold-font);letter-spacing:var(--bui-typography-body-sm-semibold-letter-spacing)}.kfun6yj{font:var(--bui-typography-body-md-semibold-font);letter-spacing:var(--bui-typography-body-md-semibold-letter-spacing)}.kfun6yk{flex-shrink:0}.kfun6yl{color:var(--bui-color-support-info-medium)}.kfun6ym{color:var(--bui-color-support-warning-medium)}.kfun6yn{color:var(--bui-color-support-error-medium)}.kfun6yo{color:var(--bui-color-support-success-medium)}.kfun6yp{padding:var(--bui-spacing-sm) 0;display:flex;align-items:center}.kfun6yr{align-items:flex-start}.kfun6ys{padding:0;align-self:flex-end}.kfun6yt{color:var(--bui-color-text-primary)}.kfun6yu{font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}.kfun6yv{font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}.kfun6yw{display:flex;flex-direction:row;gap:0}.kfun6yx{gap:var(--bui-spacing-sm)}.kfun6yy,.kfun6yz{flex-direction:column}.cjv3et0{outline:none;overflow:hidden;width:calc(100vw - 2 * var(--bui-spacing-xl))}.cjv3et1{max-width:240px}.cjv3et2{max-width:480px}.cjv3et3{max-width:720px}.cjv3et4{border-width:1px;border-style:solid}@media screen and (min-width: 768px){.cjv3et0{width:calc(100vw - 2 * var(--bui-spacing-2xl))}}@media screen and (min-width: 1280px){.cjv3et0{width:100vw}}._1dbkl50{gap:var(--bui-spacing-lg);align-items:center;justify-content:space-between}._1dbkl51{display:flex}._1dbkl52{padding-bottom:var(--bui-spacing-sm)}._1dbkl54{border:none;outline:none;background-color:transparent;padding:var(--bui-spacing-md);gap:var(--bui-spacing-md);color:var(--bui-color-text-primary);cursor:pointer;border-radius:var(--bui-rounded-xs)}._1dbkl55{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium)}._1dbkl56{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}._1dbkl57{color:var(--bui-color-text-disabled)}._1dbkl58{width:fit-content}._1dbkl5a{outline:2px solid var(--bui-color-focused-primary);outline-offset:1px}._1dbkl5b{width:16px;height:16px;border-radius:var(--bui-rounded-full);position:relative;cursor:pointer;flex-shrink:0}._1dbkl5b:before{content:"";position:absolute;inset:0;border-radius:var(--bui-rounded-full);border:1px solid var(--bui-color-border-medium);mix-blend-mode:multiply}._1dbkl5c{box-shadow:0 0 0 4px var(--bui-color-focused-inset),0 0 0 6px var(--bui-color-focused-primary)}._1dbkl5d{opacity:var(--bui-opacity-medium)}._1dbkl5e:before{mix-blend-mode:normal}._1dbkl5h{border:none}._1dbkl5h:before{content:"";border-radius:0;border:none}._1dbkl5i{background-color:var(--bui-color-background-primary-subtle);border-radius:var(--bui-rounded-sm);border:1px solid var(--bui-color-border-medium);box-shadow:var(--bui-elevation-medium);padding:var(--bui-spacing-sm) 0}._1dbkl5j{padding:var(--bui-spacing-lg);gap:var(--bui-spacing-sm);min-width:max-content}._1dbkl5k{padding:var(--bui-spacing-md);list-style:none;outline:none}._1dbkl5l{margin:var(--bui-spacing-sm) 0}._1dbkl5m{color:var(--bui-color-text-primary)}._1dbkl5n{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--bui-spacing-sm)}.mnnh5s0{background:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%);background-size:16px 16px}.mnnh5s1{position:relative;transition:background-color .2s ease;cursor:pointer;height:100%;min-height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mnnh5s2{border-radius:var(--bui-rounded-sm);border:1px dashed var(--bui-color-border-strong);min-width:208px}.mnnh5s3{width:100%;background-color:var(--bui-color-background-secondary-subtle)}.mnnh5s5{background-color:var(--bui-color-background-primary-strong)}.mnnh5s7{border-color:transparent;outline:2px solid var(--bui-color-focused-primary);outline-offset:-2px}.mnnh5s8{opacity:var(--bui-opacity-medium)}.mnnh5s9{background-color:var(--bui-color-background-overlay-medium)}.mnnh5sa{border-color:var(--bui-color-border-strong)}.mnnh5sb{background-color:var(--bui-color-background-primary-strong)}.mnnh5sc{height:100%;width:100%;object-fit:contain}.mnnh5sf{opacity:.5}.mnnh5sh{position:absolute;background-color:var(--bui-color-background-overlay-medium);display:flex;align-items:center;justify-content:center;gap:var(--bui-spacing-md);cursor:auto}.mnnh5si{inset:-1px;border-radius:var(--bui-rounded-sm)}.mnnh5sj{inset:0}.mnnh5sk{opacity:0}._1i0ytqa0{display:flex;flex-direction:column;align-items:center}._1i0ytqa1{justify-content:space-between;align-items:center;width:100%;padding:var(--bui-spacing-sm) 0;height:40px}._1i0ytqa2{padding-left:var(--bui-spacing-lg);padding-right:var(--bui-spacing-sm)}._1i0ytqa3{position:relative;cursor:crosshair;touch-action:none;width:100%;height:100%;outline:none}._1i0ytqa5{background-color:var(--bui-color-background-positive-subtle)}._1i0ytqa6{background-color:var(--bui-color-background-positive-strong)}._1i0ytqa7{opacity:var(--bui-opacity-medium)}._1i0ytqa8{border-color:var(--bui-color-focused-primary);border-style:solid;box-shadow:inset 0 0 0 1px var(--bui-color-focused-primary)}._1i0ytqa9{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}._1i0ytqaa{background-color:var(--bui-color-background-positive-subtle)}._1i0ytqab{background-color:var(--bui-color-background-positive-strong)}._1i0ytqac{padding:var(--bui-spacing-sm) var(--bui-spacing-lg);width:100%;display:flex;justify-content:center}._1i0ytqad{background-color:var(--bui-color-background-primary-strong)}._1i0ytqae{opacity:var(--bui-opacity-medium)}@layer variants;@layer variants;._1vac7ws0{cursor:move}._1vac7ws1 ._1vac7ws2 .moveable-control,._1vac7ws1 ._1vac7ws2 .moveable-rotation{display:none}._1vm2oh40{outline:2px solid transparent;outline-offset:-2px;transition:outline-color .2s ease-in-out}._1vm2oh41{background-color:var(--bui-color-background-positive-subtle);border-color:var(--bui-color-border-medium);border-style:solid;border-radius:var(--bui-rounded-xs)}._1vm2oh42{background-color:var(--bui-color-background-positive-strong)}._1vm2oh43{outline:none}._1vm2oh48{outline:2px solid var(--bui-color-focused-primary);outline-offset:-2px}._1vm2oh49{background-color:var(--bui-color-background-primary-medium);outline:2px solid var(--bui-color-focused-primary);outline-offset:-2px}._1vm2oh4a{background-color:var(--bui-color-background-secondary-medium);outline:2px solid var(--bui-color-focused-primary);outline-offset:-2px}._1vm2oh4b{height:100%;display:flex;align-items:center;justify-content:center}.cw3m0n0{border:none;overflow:visible;height:auto;gap:var(--bui-spacing-md);flex-shrink:0;align-items:normal}.cw3m0n1{height:auto}.cw3m0n4{border-radius:var(--bui-rounded-full);color:var(--bui-color-icon-primary)}.cw3m0n4:hover{color:var(--bui-color-icon-interactive);border-color:var(--bui-color-border-interactive)}.cw3m0n8{gap:var(--bui-spacing-xs)}.cw3m0n9{width:8px;height:8px;background-color:currentColor;border-radius:var(--bui-rounded-full)}.cw3m0na{font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing);color:var(--bui-color-text-helper)}.cw3m0nb{color:var(--bui-color-text-disabled)}.aml2vl0{position:fixed;inset:0;z-index:1000}
+.oom8bs0{border:none;transition-property:all;width:fit-content;white-space:nowrap;box-sizing:border-box}.oom8bs1{background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bs1:disabled{background-color:var(--bui-color-interactive-disabled)}.oom8bs2{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium);background-color:var(--bui-color-background-secondary-subtle);color:var(--bui-color-text-primary)}.oom8bs2:disabled{color:var(--bui-color-text-disabled)}.oom8bs3{background-color:transparent;box-shadow:inset 0 0 0 1px var(--bui-color-interactive-primary);color:var(--bui-color-interactive-primary)}.oom8bs3:disabled{box-shadow:inset 0 0 0 1px var(--bui-color-interactive-disabled);color:var(--bui-color-interactive-disabled)}.oom8bs4{background-color:transparent;color:var(--bui-color-interactive-primary)}.oom8bs4:disabled{color:var(--bui-color-interactive-disabled)}.oom8bs5{cursor:not-allowed}.oom8bs6{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}.oom8bs8{min-height:32px;padding:var(--bui-spacing-md)}.oom8bs9{min-height:40px;padding:var(--bui-spacing-md) var(--bui-spacing-lg)}.oom8bsa{background-color:var(--bui-color-interactive-hovered)}.oom8bsb{background-color:var(--bui-color-background-secondary-medium)}.oom8bsc{background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bsd{color:var(--bui-color-interactive-hovered)}.oom8bse{border:none;box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary),inset 0 0 0 3px var(--bui-color-focused-inset)}.oom8bsf{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary),inset 0 0 0 3px var(--bui-color-focused-inset);background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bs0 svg{pointer-events:none}@layer reset;.z9nup81{display:flex;flex-direction:column}.z9nup82{display:flex;flex-direction:row}.z9nup83{pointer-events:none;cursor:not-allowed}.z9nup84{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.z9nup85{background:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%)}.z9nup86{background-size:4px 4px}.z9nup87{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@layer reset{.z9nup80{display:contents}}._14uvjig0{width:100%}._14uvjig1{background-color:var(--bui-color-background-inverse-strong)}._14uvjig2{background-color:var(--bui-color-interactive-primary)}._14uvjig3{display:flex;justify-content:space-between;align-items:center}._14uvjig4{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);color:var(--bui-color-text-secondary)}._14uvjig5{color:var(--bui-color-text-disabled)}._14uvjig6{padding-bottom:var(--bui-spacing-md)}._14uvjig7{display:flex;height:24px;align-items:center;gap:var(--bui-spacing-md)}._14uvjig8{height:2px;background-color:var(--bui-color-background-primary-strong);width:100%}._14uvjig9{position:absolute;height:100%}._14uvjigb{transition:width .2s}._14uvjigc{background-color:var(--bui-color-interactive-disabled)}._14uvjige{height:8px;width:8px;border-radius:50%;margin-top:1px;cursor:pointer;transition-property:height,width;transition-duration:.2s}._14uvjigf{height:12px;width:12px;border:0;outline:0}._14uvjigg{background-color:var(--bui-color-interactive-disabled);cursor:not-allowed}._14uvjigh{display:none}._14uvjigi{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-interactive-primary);transition-property:left;transition-duration:.2s}._14uvjigj{height:12px;width:12px}.nrh1eh0{width:100%}.nrh1eh2{justify-content:space-between;gap:var(--bui-spacing-md)}.nrh1eh3{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);color:var(--bui-color-text-secondary)}.nrh1eh4{display:inline-flex}.nrh1eh5{margin-bottom:var(--bui-spacing-md)}.nrh1eh6{padding-top:0;flex-direction:column}.nrh1eh8{justify-content:center}.nrh1eh9{border:1px solid var(--bui-color-border-medium);border-radius:var(--bui-rounded-xs);overflow:hidden;align-items:center;height:32px}.nrh1ehb{border-color:var(--bui-color-support-error-medium)}.nrh1ehe{border-radius:var(--bui-rounded-xs);border:1px solid var(--bui-color-focused-primary);outline:1px solid var(--bui-color-focused-primary);outline-offset:-2px}.nrh1ehf{cursor:not-allowed}.nrh1ehi{border-radius:0;outline:none}.nrh1ehj{border:1px solid var(--bui-color-border-medium)}.nrh1ehk{border-color:transparent}.nrh1ehl,.nrh1ehm{border-color:var(--bui-color-border-strong)}.nrh1ehn{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}.nrh1eho{color:var(--bui-color-text-primary);width:100%;background-color:transparent;padding:var(--bui-spacing-md);border:none;outline:none;height:inherit;text-align:inherit;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.nrh1eho::placeholder{color:var(--bui-color-text-placeholder)}.nrh1ehp{cursor:inherit;color:var(--bui-color-text-disabled)}.nrh1ehp::placeholder{color:var(--bui-color-text-disabled)}.nrh1ehr{text-align:right}.nrh1ehs{margin-right:var(--bui-spacing-md);display:inline-flex;flex-shrink:0}.nrh1ehu{color:var(--bui-color-support-error-medium)}.nrh1ehv{color:var(--bui-color-support-warning-medium)}.nrh1ehw{color:var(--bui-color-icon-primary)}.nrh1ehx{color:var(--bui-color-text-helper);padding-top:var(--bui-spacing-sm);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}.nrh1ehy{color:var(--bui-color-text-disabled)}.nrh1ehz{color:var(--bui-color-support-error-medium)}.nrh1eh10{width:max-content;max-width:100px}.gukncs0{background-color:var(--bui-color-border-subtle);width:100%;height:1px}.gukncs1{width:1px;height:100%}.gukncs2{background-color: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)}.uf19bs0{all:unset;border-radius:var(--bui-rounded-xs);color:var(--bui-color-icon-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;flex-shrink:0}.uf19bs1{height:16px;width:16px}.uf19bs2{height:20px;width:20px}.uf19bs3{height:32px;width:32px}.uf19bs4{height:40px;width:40px}.uf19bs5{height:48px;width:48px;border-radius:var(--bui-rounded-sm)}.uf19bs7{color:var(--bui-color-icon-disabled);cursor:not-allowed}.uf19bs8{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}.uf19bsc{background-color:var(--bui-color-background-primary-medium)}.uf19bsd{color:var(--bui-color-icon-secondary)}.uf19bse{color:var(--bui-color-icon-interactive)}.bpklwa0{display:inline-flex}.bpklwa1{flex-direction:column;gap:var(--bui-spacing-md);width:fit-content}.bpklwa2{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.bpklwa3{display:inline-flex;flex-direction:row;gap:var(--bui-spacing-md);align-items:center}.bpklwa4{flex-direction:row-reverse}.bpklwa6{color:var(--bui-color-text-primary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwa7{border-radius:9px;width:36px;height:18px;background-color:var(--bui-color-background-inverse-subtle);padding:2px;box-sizing:border-box;cursor:pointer}.bpklwa8{border:1px solid var(--bui-color-icon-disabled);padding:1px;background-color:transparent;cursor:default}.bpklwa9{background-color:var(--bui-color-background-secondary-medium);cursor:not-allowed}.bpklwab{outline-offset:1px;outline:var(--bui-color-focused-primary) 2px solid}.bpklwac{background-color:var(--bui-color-icon-interactive)}.bpklwad{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwae{width:14px;height:14px;background-color:var(--bui-color-icon-inverse);border-radius:var(--bui-rounded-full);transition:transform .2s}.bpklwaf{background-color:var(--bui-color-icon-disabled)}.bpklwag{transform:translate(18px)}.bpklwah{background-color:var(--bui-color-icon-primary)}._19n40yy0{display:flex;align-items:center;position:relative;flex-direction:row;padding:0 var(--bui-spacing-md);gap:var(--bui-spacing-md);background-color:var(--bui-color-background-primary-subtle);border-radius:var(--bui-rounded-xs);border:1px solid transparent;color:var(--bui-color-icon-primary);width:100%;font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._19n40yy1{height:48px}._19n40yy2{height:40px}._19n40yy3{height:32px;font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._19n40yy4{border-color:var(--bui-color-border-medium)}._19n40yy6{border-color:transparent;box-shadow:0 0 0 2px var(--bui-color-focused-primary)}._19n40yy7{padding-right:0}._19n40yy8{color:var(--bui-color-text-disabled);cursor:not-allowed}._19n40yy9{border:none;outline:none;background-color:transparent;font:inherit;display:flex;cursor:inherit;flex:1;color:var(--bui-color-text-primary)}._19n40yy9::placeholder{font:inherit;color:var(--bui-color-text-placeholder)}._19n40yy9::-webkit-search-cancel-button{-webkit-appearance:none}._19n40yy9::-webkit-search-decoration{-webkit-appearance:none}._1gzftth1{min-width:max-content;overflow-y:auto}._1gzftth1[data-placement=top],._1gzftth1[data-placement=bottom]{width:var(--_1gzftth0)}.xyd2ss1{margin:0;padding:0;list-style:none;width:150px}.xyd2ss2{border-top:1px solid gray;margin:2px 5px}.xyd2ss3{font-weight:700;font-size:1.1em;padding:2px 5px}.xyd2ss4{padding:0;list-style:none}.xyd2ss5{background:transparent;color:#000;padding:2px 5px;outline:none;display:flex;justify-content:space-between}.xyd2ss6{color:gray}.xyd2ss7{background:gray;color:#fff}._13f0naj0{cursor:pointer;color:var(--bui-color-interactive-primary);transition:color .2s;outline:none}._13f0naj0:visited:not([aria-disabled=true]){color:var(--bui-color-interactive-visited)}._13f0naj1{text-decoration:none}._13f0naj2{text-decoration:underline}._13f0naj3{color:var(--bui-color-interactive-hovered)}._13f0naj4{outline:2px solid var(--bui-color-focused-primary)}._13f0naj5{color:var(--bui-color-text-disabled);cursor:not-allowed}._13f0naj6{font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._13f0naj7{font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._13f0naj8{font:var(--bui-typography-body-lg-regular-font);letter-spacing:var(--bui-typography-body-lg-regular-letter-spacing)}._13f0naja{color:var(--bui-color-text-primary);outline:2px solid var(--bui-color-focused-primary)}._180w5ed0{text-align:center;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;padding:var(--bui-spacing-xl);gap:var(--bui-spacing-md)}._180w5ed1{width:100%;background-color:var(--bui-color-background-secondary-subtle)}._180w5ed2{border:1px dashed var(--bui-color-border-medium);border-radius:var(--bui-rounded-sm)}._180w5ed3{outline:none}._180w5ed4{pointer-events:none;background-color:unset}._180w5ed5{border-color:var(--bui-color-border-interactive)}._180w5ed6{border:2px solid var(--bui-color-border-interactive)}._180w5ed7{border:1px solid var(--bui-color-border-disabled)}._180w5ed8{border:1px dashed var(--bui-color-border-disabled)}._180w5ed9{color:var(--bui-color-icon-secondary)}._180w5eda{color:var(--bui-color-icon-disabled)}._180w5edb{cursor:inherit;color:var(--bui-color-interactive-primary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._180w5edc{color:var(--bui-color-text-disabled)}._180w5edd{text-decoration:underline}._180w5ede{color:var(--bui-color-text-helper);font:var(--bui-typography-label-md-regular-font);letter-spacing:var(--bui-typography-label-md-regular-letter-spacing)}._180w5edf{color:var(--bui-color-text-disabled)}._12vfhl40{width:100%}._12vfhl41{justify-content:space-between}._12vfhl42{color:var(--bui-color-text-secondary);padding-bottom:var(--bui-spacing-sm);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._12vfhl43{color:var(--bui-color-text-primary)}._12vfhl44{padding-bottom:0}._12vfhl45{padding:var(--bui-spacing-md) 0}._12vfhl46{height:16px;align-items:center;gap:var(--bui-spacing-md)}._12vfhl47{height:4px;background-color:var(--bui-color-background-primary-strong);width:100%}._12vfhl48{height:4px}._12vfhl49{background-color:var(--bui-color-support-success-medium)}._12vfhl4a{background-color:var(--bui-color-support-error-medium)}._12vfhl4b{background-color:var(--bui-color-support-info-medium)}._9b1tml0{display:inline-flex;flex-direction:row;align-self:flex-start;padding:var(--bui-spacing-xs);gap:var(--bui-spacing-xs);border-radius:var(--bui-rounded-sm);align-items:center;cursor:pointer;transition:background-color .2s ease;outline:none;border:none;background-color:var(--bui-color-background-secondary-subtle)}._9b1tml1{background-color:var(--bui-color-icon-interactive)}._9b1tml2{background-color:var(--bui-color-background-secondary-subtle)}._9b1tml5{outline:2px solid var(--bui-color-focused-primary)}._9b1tml6{cursor:default;box-shadow:inset 0 0 0 1px var(--bui-color-icon-disabled);background-color:var(--bui-color-background-primary-subtle)}._9b1tml7{padding:1px;border:1px solid var(--bui-color-focused-inset)}._9b1tml8{background-color:var(--bui-color-interactive-hovered)}._9b1tml9{background-color:var(--bui-color-background-secondary-medium)}._9b1tmla{background-color:var(--bui-color-interactive-disabled);color:var(--bui-color-text-inverse)}._9b1tmlb{background-color:var(--bui-color-interactive-disabled);box-shadow:inset 0 0 0 1px var(--bui-color-border-inverse)}._9b1tmlc{padding:var(--bui-spacing-xs);background-color:var(--bui-color-background-primary-subtle);color:var(--bui-color-icon-primary);border-radius:var(--bui-rounded-xs);display:flex}._9b1tmld{color:var(--bui-color-icon-disabled)}._9b1tmle{color:var(--bui-color-icon-inverse);background-color:var(--bui-color-icon-primary)}._9b1tmlf{display:flex;align-items:center;padding:0 var(--bui-spacing-md);color:var(--bui-color-text-primary);transition:color .2s ease;font-variant-numeric:tabular-nums;font:var(--bui-typography-body-lg-regular-font);letter-spacing:var(--bui-typography-body-lg-regular-letter-spacing)}._9b1tmlh{height:20px}._9b1tmli{height:24px}._9b1tmlk{color:var(--bui-color-text-primary)}._9b1tmll,._9b1tmlm{color:var(--bui-color-text-inverse)}._9b1tmln{color:var(--bui-color-text-disabled)}._1jwycy80{width:0;height:0;border-right:7px solid transparent;border-bottom:8px solid;border-bottom-color:var(--bui-color-background-inverse-strong);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{max-inline-size:35ch}@keyframes _1azy5683{0%{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:0}50%{stroke-dasharray:calc(var(--_1azy5680) * .75) calc(var(--_1azy5680) * .25);stroke-dashoffset:calc(var(--_1azy5680) * -.25)}to{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:calc(-1 * var(--_1azy5680))}}@keyframes _1azy5684{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1azy5681{gap:var(--bui-spacing-md);align-items:center}._1azy5682{display:flex;align-items:center}._1azy5685{fill:none;stroke-width:3;stroke:var(--bui-color-interactive-primary);transform-origin:center;animation:1.5s ease-in-out infinite _1azy5683,2s linear infinite _1azy5684}._1azy5686{position:absolute;fill:none;stroke-width:3;stroke:var(--bui-color-border-medium)}._1azy5687{color:var(--bui-color-support-success-medium)}._1azy5688{color:var(--bui-color-support-error-medium)}._1azy5689{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._5uw3kp0{background-color:var(--bui-color-background-primary-subtle);border-radius:0;align-items:center;gap:var(--bui-spacing-md);color:var(--bui-color-text-primary);outline:none}._5uw3kp0:active,._5uw3kp1{background-color:var(--bui-color-background-primary-medium)}._5uw3kp2{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}._5uw3kp3{color:var(--bui-color-text-disabled);cursor:not-allowed}._5uw3kp4{color:var(--bui-color-text-inverse);background-color:var(--bui-color-interactive-primary)}._5uw3kp5{min-height: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)}._5uw3kp6{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)}._5uw3kp7{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary),inset 0 0 0 3px var(--bui-color-focused-inset)}._5uw3kp8{transition:transform .2s ease}._5uw3kp9{transform:rotate(-90deg)}._5uw3kpa{transform:rotate(90deg)}._5uw3kpb{transform:rotate(180deg)}._5uw3kpe{transform:rotate(90deg)}._5uw3kpf{transform:rotate(-90deg)}._5uw3kpg{transform:rotate(180deg)}._5uw3kph{transform:rotate(0)}._16vugd04{border:none;background-color:var(--_16vugd00)}._16vugd05{--_16vugd00: var(--bui-color-icon-primary);border-radius:var(--bui-rounded-xs);border:1px solid var(--_16vugd00);height:16px;width:16px;color:var(--bui-color-icon-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease-in-out}._16vugd08{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-focused-primary)}._16vugd09{--_16vugd00: var(--bui-color-icon-interactive)}._16vugd0a{--_16vugd00: var(--bui-color-icon-disabled);cursor:not-allowed;pointer-events:none}._16vugd0b{--_16vugd00: var(--bui-color-icon-disabled);cursor:not-allowed;pointer-events:none;color:var(--bui-color-icon-primary);border:1px solid var(--bui-color-icon-disabled);background-color:transparent}._16vugd0c{border:1px solid var(--bui-color-support-error-medium)}._16vugd0d{border:none}._16vugd0e{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._16vugd0f{color:var(--bui-color-text-disabled)}._1nsi9h10{display:inline-flex;flex-direction:row;align-items:center;border-radius:var(--bui-rounded-sm);background-color:var(--bui-color-background-primary-subtle);font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}._1nsi9h11{height:24px;border-radius:var(--bui-rounded-xs);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._1nsi9h12{height:32px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1nsi9h13{height:40px}._1nsi9h14{height:48px}._1nsi9h15{box-shadow:var(--bui-elevation-medium);border:1px solid var(--bui-color-border-subtle)}._1nsi9h16{width:250px}._1nsi9h17{padding:0 var(--bui-spacing-md);display:flex;gap:var(--bui-spacing-sm);height:inherit;align-items:center}._1nsi9h18{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}._1nsi9h19{justify-content:center;flex:1}._1nsi9h1b{border:none;outline:none;font:inherit;line-height:inherit;font-variant-numeric:tabular-nums;background-color:transparent;color:var(--bui-color-text-primary)}._1nsi9h1c{color:var(--bui-color-text-placeholder)}._1f789qj0{display:flex;gap:var(--bui-spacing-md)}._1f789qj1{padding:var(--bui-spacing-sm) var(--bui-spacing-md);border-radius:24px;width:fit-content;transition:background-color .2s ease-in-out;outline:none;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1f789qj2{outline:2px solid var(--bui-color-focused-primary);outline-offset:1px}._1f789qj3{color:var(--bui-color-text-primary);background-color:var(--bui-color-background-secondary-medium)}._1f789qj4{color:var(--bui-color-support-error-strong);background-color:var(--bui-color-support-error-subtle)}._1f789qj5{color:var(--bui-color-support-success-strong);background-color:var(--bui-color-support-success-subtle)}._1f789qj6{color:var(--bui-color-support-info-strong);background-color:var(--bui-color-support-info-subtle)}._1f789qj7{color:var(--bui-color-text-inverse);background-color:var(--bui-color-background-inverse-strong)}._1f789qj8{color:var(--bui-color-text-disabled);background-color:var(--bui-color-background-secondary-subtle);cursor:not-allowed}._1f789qj9{padding:var(--bui-spacing-xs);padding-left:var(--bui-spacing-md)}._1f789qja{color:var(--bui-color-text-inverse);background-color:var(--bui-color-interactive-primary)}._1f789qjb{cursor:pointer}._1f789qjd{background-color:var(--bui-color-background-secondary-subtle)}._1f789qje{background-color:var(--bui-color-support-error-subtler)}._1f789qjf{background-color:var(--bui-color-support-info-subtler)}._1f789qjg{background-color:var(--bui-color-support-success-subtler)}._1f789qjh{background-color:var(--bui-color-background-inverse-medium)}._1f789qji{background-color:var(--bui-color-interactive-hovered)}._1f789qjj{display:flex;align-items:center;gap:var(--bui-spacing-sm)}._1f789qjk{all:unset;display:inline-flex;padding:var(--bui-spacing-sm);border-radius:var(--bui-rounded-full);cursor:pointer;transition:background-color .2s ease-in-out}._1f789qjr{background-color:var(--bui-color-background-secondary-subtle)}._1f789qjs{background-color:var(--bui-color-support-error-subtler)}._1f789qjt{background-color:var(--bui-color-support-info-subtler)}._1f789qju{background-color:var(--bui-color-support-success-subtler)}._1f789qjv{background-color:var(--bui-color-background-inverse-medium)}@layer reset;._1kvz17d1{transform:rotate(90deg)}._1kvz17d2{cursor:pointer;box-shadow:inset 0 1px 0 var(--bui-color-border-medium);outline:none;height:40px}._1kvz17d3{outline-offset:-2px;outline:2px solid var(--bui-color-focused-primary)}._1kvz17dc{opacity:0}._1kvz17dd{opacity:1}@layer reset{._1kvz17da{all:unset}}._6n12k90{outline:none}._6n12k91{list-style:none;height:36px;width:100%;padding:0 var(--bui-spacing-lg);align-items:center;justify-content:space-between;background-color:var(--bui-color-background-primary-subtle);gap:var(--bui-spacing-lg);transition:background-color .2s ease;outline:none;color:var(--bui-color-text-primary);cursor:pointer;border:1px solid var(--bui-color-border-subtle);border-top-width:0;border-bottom-width:0;box-sizing:border-box;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._6n12k92{outline:2px solid var(--bui-color-focused-primary);outline-offset:-2px}._6n12k93{background-color:var(--bui-color-background-primary-medium)}._6n12k94{border-top-left-radius:var(--bui-rounded-xs);border-top-right-radius:var(--bui-rounded-xs);border-top-width:1px}._6n12k95{border-bottom-left-radius:var(--bui-rounded-xs);border-bottom-right-radius:var(--bui-rounded-xs);border-bottom-width:1px}._6n12k96{color:var(--bui-color-text-disabled)}._6n12k97{display:flex;align-items:center;gap:var(--bui-spacing-lg)}._6n12k98{color:var(--bui-color-text-secondary);opacity:var(--bui-opacity-medium);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._6n12k99{color:var(--bui-color-text-disabled)}._6n12k9a{list-style:none}._1mdhlqv1{display:flex;align-items:center;gap:var(--bui-spacing-xl);cursor:pointer;padding:var(--bui-spacing-md);background-color:transparent;color:var(--bui-color-text-primary);justify-content:space-between;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1mdhlqv2{outline:none}._1mdhlqv3{color:var(--bui-color-text-disabled)}._1mdhlqv4{transition:transform .2s ease-in-out}._1mdhlqv5{transform:rotate(180deg)}._1mdhlqv6{margin-right:0}._1mdhlqv7{align-items:center;gap:var(--bui-spacing-md);flex:1}._1mdhlqv8{box-shadow:var(--bui-elevation-medium)}._1mdhlqv9{width:var(--_1mdhlqv0);min-width:64px;box-shadow:var(--bui-elevation-medium);border-radius:var(--bui-rounded-xs);overflow:hidden}._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}._1x62fhb0{width:100%;overflow-x:scroll;height:40px}._1x62fhb1{background-color:var(--bui-color-background-primary-strong)}._1x62fhb3{width:inline-flex}._1x62fhb5{gap:var(--bui-spacing-md)}._1x62fhb6{display:flex;align-items:center;padding:0 var(--bui-spacing-lg);cursor:pointer;transition:background-color .2s ease-in-out;outline:none;color:var(--bui-color-text-secondary);gap:var(--bui-spacing-md);text-wrap:nowrap}._1x62fhb7{color:var(--bui-color-text-primary)}._1x62fhb9{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}._1x62fhba{color:var(--bui-color-text-disabled);cursor:not-allowed}._1x62fhbb{border-right:1px solid var(--bui-color-border-medium);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._1x62fhbc{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1x62fhbd{color:var(--bui-color-text-primary)}._1x62fhbe{background-color:var(--bui-color-background-primary-subtle)}._1x62fhbf{box-shadow:inset 0 -2px 0 0 var(--bui-color-interactive-primary)}._1x62fhbg{color:var(--bui-color-interactive-primary)}._1x62fhbh{color:var(--bui-color-text-disabled);box-shadow:inset 0 -2px 0 0 var(--bui-color-interactive-disabled)}._1x62fhbi{background-color:var(--bui-color-background-primary-medium)}._1x62fhbj{display:flex;align-items:center;padding:var(--bui-spacing-sm)}._1x62fhbk{border-left:1px solid var(--bui-color-border-medium);flex-shrink:0}._1x62fhbk:first-of-type{border-left:none}._1x62fhbl{outline:2px solid var(--bui-color-focused-primary);outline-offset:-2px}.kfun6y0{width:100%;padding:0 var(--bui-spacing-lg);gap:var(--bui-spacing-lg);padding-right:0}.kfun6y1{background-color:var(--bui-color-support-info-subtler)}.kfun6y2{background-color:var(--bui-color-support-warning-subtler)}.kfun6y3{background-color:var(--bui-color-support-error-subtler)}.kfun6y4{background-color:var(--bui-color-support-success-subtler)}.kfun6y5{min-height:44px;justify-content:space-between;align-items:center}.kfun6y6{justify-content:space-between}.kfun6y7{padding:var(--bui-spacing-lg);width:240px;flex-direction:column-reverse;gap:0}.kfun6ya,.kfun6yb{padding:var(--bui-spacing-lg)}.kfun6yc{padding-top:0;padding-right:0}.kfun6yd{gap:var(--bui-spacing-lg)}.kfun6ye{align-items:center}.kfun6yf{margin:var(--bui-spacing-lg) 0}.kfun6yg{flex-direction:column}.kfun6yh{color:var(--bui-color-text-primary)}.kfun6yi{font:var(--bui-typography-body-sm-semibold-font);letter-spacing:var(--bui-typography-body-sm-semibold-letter-spacing)}.kfun6yj{font:var(--bui-typography-body-md-semibold-font);letter-spacing:var(--bui-typography-body-md-semibold-letter-spacing)}.kfun6yk{flex-shrink:0}.kfun6yl{color:var(--bui-color-support-info-medium)}.kfun6ym{color:var(--bui-color-support-warning-medium)}.kfun6yn{color:var(--bui-color-support-error-medium)}.kfun6yo{color:var(--bui-color-support-success-medium)}.kfun6yp{padding:var(--bui-spacing-sm) 0;display:flex;align-items:center}.kfun6yr{align-items:flex-start}.kfun6ys{padding:0;align-self:flex-end}.kfun6yt{color:var(--bui-color-text-primary)}.kfun6yu{font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}.kfun6yv{font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}.kfun6yw{display:flex;flex-direction:row;gap:0}.kfun6yx{gap:var(--bui-spacing-sm)}.kfun6yy,.kfun6yz{flex-direction:column}.cjv3et0{outline:none;overflow:hidden;width:calc(100vw - 2 * var(--bui-spacing-xl))}.cjv3et1{max-width:240px}.cjv3et2{max-width:480px}.cjv3et3{max-width:720px}.cjv3et4{border-width:1px;border-style:solid}@media screen and (min-width: 768px){.cjv3et0{width:calc(100vw - 2 * var(--bui-spacing-2xl))}}@media screen and (min-width: 1280px){.cjv3et0{width:100vw}}._1dbkl50{gap:var(--bui-spacing-lg);align-items:center;justify-content:space-between}._1dbkl51{display:flex}._1dbkl52{padding-bottom:var(--bui-spacing-sm)}._1dbkl54{border:none;outline:none;background-color:transparent;padding:var(--bui-spacing-md);gap:var(--bui-spacing-md);color:var(--bui-color-text-primary);cursor:pointer;border-radius:var(--bui-rounded-xs)}._1dbkl55{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium)}._1dbkl56{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}._1dbkl57{color:var(--bui-color-text-disabled)}._1dbkl58{width:fit-content}._1dbkl5a{outline:2px solid var(--bui-color-focused-primary);outline-offset:1px}._1dbkl5b{width:16px;height:16px;border-radius:var(--bui-rounded-full);position:relative;cursor:pointer;flex-shrink:0}._1dbkl5b:before{content:"";position:absolute;inset:0;border-radius:var(--bui-rounded-full);border:1px solid var(--bui-color-border-medium);mix-blend-mode:multiply}._1dbkl5c{box-shadow:0 0 0 4px var(--bui-color-focused-inset),0 0 0 6px var(--bui-color-focused-primary)}._1dbkl5d{opacity:var(--bui-opacity-medium)}._1dbkl5e:before{mix-blend-mode:normal}._1dbkl5h{border:none}._1dbkl5h:before{content:"";border-radius:0;border:none}._1dbkl5i{background-color:var(--bui-color-background-primary-subtle);border-radius:var(--bui-rounded-sm);border:1px solid var(--bui-color-border-medium);box-shadow:var(--bui-elevation-medium);padding:var(--bui-spacing-sm) 0}._1dbkl5j{padding:var(--bui-spacing-lg);gap:var(--bui-spacing-sm);min-width:max-content}._1dbkl5k{padding:var(--bui-spacing-md);list-style:none;outline:none}._1dbkl5l{margin:var(--bui-spacing-sm) 0}._1dbkl5m{color:var(--bui-color-text-primary)}._1dbkl5n{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--bui-spacing-sm)}.mnnh5s0{background:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%);background-size:16px 16px}.mnnh5s1{position:relative;transition:background-color .2s ease;cursor:pointer;height:100%;min-height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mnnh5s2{border-radius:var(--bui-rounded-sm);border:1px dashed var(--bui-color-border-strong);min-width:208px}.mnnh5s3{width:100%;background-color:var(--bui-color-background-secondary-subtle)}.mnnh5s5{background-color:var(--bui-color-background-primary-strong)}.mnnh5s7{border-color:transparent;outline:2px solid var(--bui-color-focused-primary);outline-offset:-2px}.mnnh5s8{opacity:var(--bui-opacity-medium)}.mnnh5s9{background-color:var(--bui-color-background-overlay-medium)}.mnnh5sa{border-color:var(--bui-color-border-strong)}.mnnh5sb{background-color:var(--bui-color-background-primary-strong)}.mnnh5sc{height:100%;width:100%;object-fit:contain}.mnnh5sf{opacity:.5}.mnnh5sh{position:absolute;background-color:var(--bui-color-background-overlay-medium);display:flex;align-items:center;justify-content:center;gap:var(--bui-spacing-md);cursor:auto}.mnnh5si{inset:-1px;border-radius:var(--bui-rounded-sm)}.mnnh5sj{inset:0}.mnnh5sk{opacity:0}._1i0ytqa0{display:flex;flex-direction:column;align-items:center}._1i0ytqa1{justify-content:space-between;align-items:center;width:100%;padding:var(--bui-spacing-sm) 0;height:40px}._1i0ytqa2{padding-left:var(--bui-spacing-lg);padding-right:var(--bui-spacing-sm)}._1i0ytqa3{position:relative;cursor:crosshair;touch-action:none;width:100%;height:100%;outline:none}._1i0ytqa5{background-color:var(--bui-color-background-positive-subtle)}._1i0ytqa6{background-color:var(--bui-color-background-positive-strong)}._1i0ytqa7{opacity:var(--bui-opacity-medium)}._1i0ytqa8{border-color:var(--bui-color-focused-primary);border-style:solid;box-shadow:inset 0 0 0 1px var(--bui-color-focused-primary)}._1i0ytqa9{box-shadow:inset 0 0 0 2px var(--bui-color-focused-primary)}._1i0ytqaa{background-color:var(--bui-color-background-positive-subtle)}._1i0ytqab{background-color:var(--bui-color-background-positive-strong)}._1i0ytqac{padding:var(--bui-spacing-sm) var(--bui-spacing-lg);width:100%;display:flex;justify-content:center}._1i0ytqad{background-color:var(--bui-color-background-primary-strong)}._1i0ytqae{opacity:var(--bui-opacity-medium)}@layer variants;@layer variants;._1vac7ws0{cursor:move}._1vac7ws1 ._1vac7ws2 .moveable-control,._1vac7ws1 ._1vac7ws2 .moveable-rotation{display:none}._1vm2oh40{outline:2px solid transparent;outline-offset:-2px;transition:outline-color .2s ease-in-out}._1vm2oh41{background-color:var(--bui-color-background-positive-subtle);border-color:var(--bui-color-border-medium);border-style:solid;border-radius:var(--bui-rounded-xs)}._1vm2oh42{background-color:var(--bui-color-background-positive-strong)}._1vm2oh43{outline:none}._1vm2oh48{outline:2px solid var(--bui-color-focused-primary);outline-offset:-2px}._1vm2oh49{background-color:var(--bui-color-background-primary-medium);outline:2px solid var(--bui-color-focused-primary);outline-offset:-2px}._1vm2oh4a{background-color:var(--bui-color-background-secondary-medium);outline:2px solid var(--bui-color-focused-primary);outline-offset:-2px}._1vm2oh4b{height:100%;display:flex;align-items:center;justify-content:center}.cw3m0n3{border-radius:var(--bui-rounded-full);color:var(--bui-color-icon-primary)}.cw3m0n3:hover{color:var(--bui-color-icon-interactive);border-color:var(--bui-color-border-interactive)}.cw3m0n7{width:8px;height:8px;background-color:currentColor;border-radius:var(--bui-rounded-full)}.aml2vl0{position:fixed;inset:0;z-index:1000}

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import React, { Key } from 'react';
 import { IconProps, SVGRProps } from '@baseline-ui/icons';
 import * as react_aria from 'react-aria';
-import { AriaButtonProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, AriaTooltipProps, AriaPositionProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaListBoxOptions, AriaListBoxProps, OptionAria, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
+import { AriaButtonProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, AriaTooltipProps, AriaPositionProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
 export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
 import { SliderStateOptions, ToggleProps, MenuTriggerProps, TooltipTriggerProps, NumberFieldStateOptions, ListProps, Orientation, SelectStateOptions, Item as Item$2, OverlayTriggerProps } from 'react-stately';
 import { Theme, Sprinkles } from '@baseline-ui/tokens';
@@ -11,7 +11,12 @@ import { ColorFieldProps } from '@react-stately/color';
 import { OnRender, OnRenderStart, OnDragStart, OnDrag, OnDragEnd, OnResizeStart, OnResize, OnResizeEnd, OnRotateStart, OnRotate, OnRotateEnd, OnSnap, RotationPosition } from 'react-moveable';
 
 interface BlockProps {
-  "data-blockid"?: string;
+  /**
+   * The unique identifier for the block. This is used to identify the block in
+   * the DOM and in the block map. It is added as a data attribute
+   * `data-blockid` to the root element of the block if a DOM node is rendered.
+   */
+  "data-blockid"?: Key;
 }
 
 interface StylingProps extends BlockProps {
@@ -61,7 +66,7 @@ interface DomNodeRendererProps {
 
 declare const DomNodeRenderer: React.ForwardRefExoticComponent<DomNodeRendererProps & React.RefAttributes<HTMLDivElement>>;
 
-interface SliderProps extends AriaSliderProps<number>, Omit<SliderStateOptions<number>, "numberFormatter"> {
+interface SliderProps extends Omit<AriaSliderProps<number> & SliderStateOptions<number>, "orientation" | "numberFormatter">, StylingProps {
     /**
      * Whether the slider is read only.
      *
@@ -72,10 +77,8 @@ interface SliderProps extends AriaSliderProps<number>, Omit<SliderStateOptions<n
     numberFormatOptions?: Intl.NumberFormatOptions & {
         numberingSystem?: string;
     };
-    /** The class name applied to the root element. */
-    className?: string;
     /** The label for the slider. */
-    label?: string;
+    label?: React.ReactNode;
     /**
      * Whether to include a number input for the slider.
      *
@@ -86,9 +89,9 @@ interface SliderProps extends AriaSliderProps<number>, Omit<SliderStateOptions<n
 
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
 
-interface SwitchProps extends Omit<AriaSwitchProps, "children">, Omit<ToggleProps, "children">, StylingProps {
+interface SwitchProps extends Omit<AriaSwitchProps, "children">, Omit<ToggleProps, "children" | "isRequired" | "validate" | "validationBehavior" | "validationState" | "isInvalid">, StylingProps {
     /** The label to display next to the switch. */
-    label?: string;
+    label?: React.ReactNode;
     /** The position of the label. */
     labelPosition?: "top" | "left";
     /** The status label to display next to the switch. */
@@ -100,7 +103,7 @@ interface SwitchProps extends Omit<AriaSwitchProps, "children">, Omit<ToggleProp
 
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLLabelElement>>;
 
-interface SearchInputProps extends Omit<AriaSearchFieldProps, "validationState" | "label" | "aria-autocomplete" | "autoComplete" | "isRequired" | "aria-haspopup" | "isReadOnly" | "aria-activedescendant" | "type">, StylingProps {
+interface SearchInputProps extends Omit<AriaSearchFieldProps, "validationState" | "label" | "aria-autocomplete" | "autoComplete" | "isRequired" | "aria-haspopup" | "isReadOnly" | "aria-activedescendant" | "type" | "validationBehavior" | "validate" | "isInvalid">, StylingProps {
     /**
      * The size of the search input.
      *
@@ -145,22 +148,16 @@ declare const ThemeProvider: React.ForwardRefExoticComponent<ThemeProviderProps
  * changes their preferences.
  *
  * @example
- *   const {
- *     colorScheme,
- *     contrast,
- *     reducedMotion,
- *     transparency,
- *     reducedData,
- *   } = useUserPreferences();
+ *   const { colorScheme, highContrast, reducedMotion, transparency } =
+ *     useUserPreferences();
  *
  * @returns The user preferences.
  */
 declare function useUserPreferences(): {
     colorScheme: "dark" | "light";
-    contrast: "normal" | "high";
+    highContrast: boolean;
     reducedMotion: boolean;
     transparency: boolean;
-    reducedData: boolean;
 };
 
 interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "triggerRef">, StylingProps {
@@ -437,7 +434,7 @@ interface ToggleButtonProps extends StylingProps, Omit<AriaToggleButtonProps, "c
 
 declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-interface CheckboxProps extends AriaCheckboxProps, Omit<ToggleProps, "children">, StylingProps {
+interface CheckboxProps extends Omit<AriaCheckboxProps, "children" | "validationBehavior" | "validationState" | "validate">, StylingProps {
     /** The checkbox's label. */
     label?: string;
     /**
@@ -450,7 +447,7 @@ interface CheckboxProps extends AriaCheckboxProps, Omit<ToggleProps, "children">
 
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>>;
 
-type Excluded = "isDisabled" | "isReadOnly" | "isRequired" | "locale" | "validationState" | "label" | "formatOptions" | "isInvalid";
+type Excluded = "isDisabled" | "isReadOnly" | "isRequired" | "locale" | "validationState" | "label" | "formatOptions" | "isInvalid" | "validationBehaviour" | "validate" | "description" | "errorMessage";
 interface PaginationProps extends Omit<AriaNumberFieldProps, Excluded>, Omit<NumberFieldStateOptions, Excluded>, StylingProps {
     /** The largest value allowed for the input. */
     maxValue: number;
@@ -609,7 +606,7 @@ type ListSection = {
     children: ListOption[];
 };
 type ListItem = ListOption | ListSection;
-interface ListBoxProps extends StylingProps, AriaListBoxOptions<ListItem>, Omit<AriaListBoxProps<ListItem>, "children"> {
+interface ListBoxProps extends StylingProps, Omit<AriaListBoxProps<ListItem> & AriaListBoxOptions<ListItem>, "children" | "linkBehavior" | "isVirtualized"> {
     /**
      * The items to render in the listbox. Items have the following shape:
      *
@@ -642,7 +639,7 @@ interface ListBoxProps extends StylingProps, AriaListBoxOptions<ListItem>, Omit<
     /** Whether to show the selected checkmark icon. */
     showSelectedIcon?: boolean;
     /** The label for the listbox. */
-    label?: string;
+    label?: React.ReactNode;
     /**
      * Whether the items are arranged in a stack or grid.
      *
@@ -658,7 +655,7 @@ interface ListBoxProps extends StylingProps, AriaListBoxOptions<ListItem>, Omit<
     orientation?: Orientation;
 }
 
-interface SelectProps extends Omit<AriaSelectOptions<ListItem>, "validationState" | "items">, Omit<SelectStateOptions<ListItem>, "children" | "items" | "validationState" | "isRequired" | "isInvalid">, Pick<ListBoxProps, "items" | "showSelectedIcon">, Omit<PopoverContentProps, "className" | "style" | "triggerRef" | "children">, StylingProps {
+interface SelectProps extends Omit<AriaSelectOptions<ListItem> & SelectStateOptions<ListItem> & PopoverContentProps, "validationState" | "items" | "children" | "isRequired" | "className" | "style" | "triggerRef" | "validate" | "validationBehavior" | "keyboardDelegate">, Pick<ListBoxProps, "items" | "showSelectedIcon">, StylingProps {
     /**
      * The position of the label.
      *
@@ -672,7 +669,7 @@ interface SelectProps extends Omit<AriaSelectOptions<ListItem>, "validationState
     /** The warning message of the select component. */
     warningMessage?: string;
     /** The label of the select component. */
-    label?: string;
+    label?: React.ReactNode;
     /** The variant of the select component. */
     variant?: "primary" | "ghost";
     /** The state of the select component. */
@@ -822,7 +819,7 @@ interface InlineAlertProps extends StylingProps {
 
 declare const InlineAlert: React.ForwardRefExoticComponent<InlineAlertProps & React.RefAttributes<HTMLDivElement>>;
 
-interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired"> {
+interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired" | "validate" | "validationBehavior"> {
     /**
      * The position of the label relative to the input.
      *
@@ -1234,7 +1231,7 @@ interface PreviewProps extends StylingProps, AriaLabelingProps {
 
 declare const Preview: React.ForwardRefExoticComponent<PreviewProps & React.RefAttributes<HTMLDivElement>>;
 
-interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "description" | "errorMessage" | "isRequired"> {
+interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "description" | "errorMessage" | "isRequired" | "isInvalid" | "validate" | "validationBehavior" | "validationState"> {
     /**
      * The position of the label relative to the input.
      *
@@ -1278,11 +1275,12 @@ interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "descr
         isHovered: boolean;
         isDisabled: boolean;
         optionLabelPosition: "start" | "end";
+        isReadOnly?: boolean;
     }) => React.ReactNode;
     /** The class name for the group container. */
-    groupContainerClassName?: string;
+    optionsContainerClassName?: string;
     /** The style for the group container. */
-    groupContainerStyle?: React.CSSProperties;
+    optionsContainerStyle?: React.CSSProperties;
     /** The ids of the items that are disabled. */
     disabledValues?: string[];
     /**
@@ -1292,9 +1290,9 @@ interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "descr
      */
     optionLabelPosition?: "start" | "end";
     /** The className applicable to the label. */
-    labelClassName?: string;
+    optionClassName?: string;
     /** The style applicable to the label. */
-    labelStyle?: React.CSSProperties;
+    optionStyle?: React.CSSProperties;
 }
 
 declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
@@ -1362,6 +1360,12 @@ interface BoxProps extends Pick<StylingProps, "data-blockid">, Omit<React.Compon
 
 declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
 
+interface ColorPresetInlineInputProps extends Omit<RadioGroupProps, "items" | "disabledValues"> {
+    items: ColorPreset[];
+}
+
+declare const ColorPresetInlineInput: React.ForwardRefExoticComponent<ColorPresetInlineInputProps & React.RefAttributes<HTMLDivElement>>;
+
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
  *
@@ -1678,4 +1682,4 @@ interface TextSelectionProps {
     isDisabled?: boolean;
 }
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Menu, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Portal, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorPresetInlineInput, type ColorPresetInlineInputProps, ColorSwatch, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Menu, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Portal, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import React, { Key } from 'react';
 import { IconProps, SVGRProps } from '@baseline-ui/icons';
 import * as react_aria from 'react-aria';
-import { AriaButtonProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, AriaTooltipProps, AriaPositionProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaListBoxOptions, AriaListBoxProps, OptionAria, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
+import { AriaButtonProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, AriaTooltipProps, AriaPositionProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
 export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
 import { SliderStateOptions, ToggleProps, MenuTriggerProps, TooltipTriggerProps, NumberFieldStateOptions, ListProps, Orientation, SelectStateOptions, Item as Item$2, OverlayTriggerProps } from 'react-stately';
 import { Theme, Sprinkles } from '@baseline-ui/tokens';
@@ -11,7 +11,12 @@ import { ColorFieldProps } from '@react-stately/color';
 import { OnRender, OnRenderStart, OnDragStart, OnDrag, OnDragEnd, OnResizeStart, OnResize, OnResizeEnd, OnRotateStart, OnRotate, OnRotateEnd, OnSnap, RotationPosition } from 'react-moveable';
 
 interface BlockProps {
-  "data-blockid"?: string;
+  /**
+   * The unique identifier for the block. This is used to identify the block in
+   * the DOM and in the block map. It is added as a data attribute
+   * `data-blockid` to the root element of the block if a DOM node is rendered.
+   */
+  "data-blockid"?: Key;
 }
 
 interface StylingProps extends BlockProps {
@@ -61,7 +66,7 @@ interface DomNodeRendererProps {
 
 declare const DomNodeRenderer: React.ForwardRefExoticComponent<DomNodeRendererProps & React.RefAttributes<HTMLDivElement>>;
 
-interface SliderProps extends AriaSliderProps<number>, Omit<SliderStateOptions<number>, "numberFormatter"> {
+interface SliderProps extends Omit<AriaSliderProps<number> & SliderStateOptions<number>, "orientation" | "numberFormatter">, StylingProps {
     /**
      * Whether the slider is read only.
      *
@@ -72,10 +77,8 @@ interface SliderProps extends AriaSliderProps<number>, Omit<SliderStateOptions<n
     numberFormatOptions?: Intl.NumberFormatOptions & {
         numberingSystem?: string;
     };
-    /** The class name applied to the root element. */
-    className?: string;
     /** The label for the slider. */
-    label?: string;
+    label?: React.ReactNode;
     /**
      * Whether to include a number input for the slider.
      *
@@ -86,9 +89,9 @@ interface SliderProps extends AriaSliderProps<number>, Omit<SliderStateOptions<n
 
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
 
-interface SwitchProps extends Omit<AriaSwitchProps, "children">, Omit<ToggleProps, "children">, StylingProps {
+interface SwitchProps extends Omit<AriaSwitchProps, "children">, Omit<ToggleProps, "children" | "isRequired" | "validate" | "validationBehavior" | "validationState" | "isInvalid">, StylingProps {
     /** The label to display next to the switch. */
-    label?: string;
+    label?: React.ReactNode;
     /** The position of the label. */
     labelPosition?: "top" | "left";
     /** The status label to display next to the switch. */
@@ -100,7 +103,7 @@ interface SwitchProps extends Omit<AriaSwitchProps, "children">, Omit<ToggleProp
 
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLLabelElement>>;
 
-interface SearchInputProps extends Omit<AriaSearchFieldProps, "validationState" | "label" | "aria-autocomplete" | "autoComplete" | "isRequired" | "aria-haspopup" | "isReadOnly" | "aria-activedescendant" | "type">, StylingProps {
+interface SearchInputProps extends Omit<AriaSearchFieldProps, "validationState" | "label" | "aria-autocomplete" | "autoComplete" | "isRequired" | "aria-haspopup" | "isReadOnly" | "aria-activedescendant" | "type" | "validationBehavior" | "validate" | "isInvalid">, StylingProps {
     /**
      * The size of the search input.
      *
@@ -145,22 +148,16 @@ declare const ThemeProvider: React.ForwardRefExoticComponent<ThemeProviderProps
  * changes their preferences.
  *
  * @example
- *   const {
- *     colorScheme,
- *     contrast,
- *     reducedMotion,
- *     transparency,
- *     reducedData,
- *   } = useUserPreferences();
+ *   const { colorScheme, highContrast, reducedMotion, transparency } =
+ *     useUserPreferences();
  *
  * @returns The user preferences.
  */
 declare function useUserPreferences(): {
     colorScheme: "dark" | "light";
-    contrast: "normal" | "high";
+    highContrast: boolean;
     reducedMotion: boolean;
     transparency: boolean;
-    reducedData: boolean;
 };
 
 interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "triggerRef">, StylingProps {
@@ -437,7 +434,7 @@ interface ToggleButtonProps extends StylingProps, Omit<AriaToggleButtonProps, "c
 
 declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-interface CheckboxProps extends AriaCheckboxProps, Omit<ToggleProps, "children">, StylingProps {
+interface CheckboxProps extends Omit<AriaCheckboxProps, "children" | "validationBehavior" | "validationState" | "validate">, StylingProps {
     /** The checkbox's label. */
     label?: string;
     /**
@@ -450,7 +447,7 @@ interface CheckboxProps extends AriaCheckboxProps, Omit<ToggleProps, "children">
 
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>>;
 
-type Excluded = "isDisabled" | "isReadOnly" | "isRequired" | "locale" | "validationState" | "label" | "formatOptions" | "isInvalid";
+type Excluded = "isDisabled" | "isReadOnly" | "isRequired" | "locale" | "validationState" | "label" | "formatOptions" | "isInvalid" | "validationBehaviour" | "validate" | "description" | "errorMessage";
 interface PaginationProps extends Omit<AriaNumberFieldProps, Excluded>, Omit<NumberFieldStateOptions, Excluded>, StylingProps {
     /** The largest value allowed for the input. */
     maxValue: number;
@@ -609,7 +606,7 @@ type ListSection = {
     children: ListOption[];
 };
 type ListItem = ListOption | ListSection;
-interface ListBoxProps extends StylingProps, AriaListBoxOptions<ListItem>, Omit<AriaListBoxProps<ListItem>, "children"> {
+interface ListBoxProps extends StylingProps, Omit<AriaListBoxProps<ListItem> & AriaListBoxOptions<ListItem>, "children" | "linkBehavior" | "isVirtualized"> {
     /**
      * The items to render in the listbox. Items have the following shape:
      *
@@ -642,7 +639,7 @@ interface ListBoxProps extends StylingProps, AriaListBoxOptions<ListItem>, Omit<
     /** Whether to show the selected checkmark icon. */
     showSelectedIcon?: boolean;
     /** The label for the listbox. */
-    label?: string;
+    label?: React.ReactNode;
     /**
      * Whether the items are arranged in a stack or grid.
      *
@@ -658,7 +655,7 @@ interface ListBoxProps extends StylingProps, AriaListBoxOptions<ListItem>, Omit<
     orientation?: Orientation;
 }
 
-interface SelectProps extends Omit<AriaSelectOptions<ListItem>, "validationState" | "items">, Omit<SelectStateOptions<ListItem>, "children" | "items" | "validationState" | "isRequired" | "isInvalid">, Pick<ListBoxProps, "items" | "showSelectedIcon">, Omit<PopoverContentProps, "className" | "style" | "triggerRef" | "children">, StylingProps {
+interface SelectProps extends Omit<AriaSelectOptions<ListItem> & SelectStateOptions<ListItem> & PopoverContentProps, "validationState" | "items" | "children" | "isRequired" | "className" | "style" | "triggerRef" | "validate" | "validationBehavior" | "keyboardDelegate">, Pick<ListBoxProps, "items" | "showSelectedIcon">, StylingProps {
     /**
      * The position of the label.
      *
@@ -672,7 +669,7 @@ interface SelectProps extends Omit<AriaSelectOptions<ListItem>, "validationState
     /** The warning message of the select component. */
     warningMessage?: string;
     /** The label of the select component. */
-    label?: string;
+    label?: React.ReactNode;
     /** The variant of the select component. */
     variant?: "primary" | "ghost";
     /** The state of the select component. */
@@ -822,7 +819,7 @@ interface InlineAlertProps extends StylingProps {
 
 declare const InlineAlert: React.ForwardRefExoticComponent<InlineAlertProps & React.RefAttributes<HTMLDivElement>>;
 
-interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired"> {
+interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired" | "validate" | "validationBehavior"> {
     /**
      * The position of the label relative to the input.
      *
@@ -1234,7 +1231,7 @@ interface PreviewProps extends StylingProps, AriaLabelingProps {
 
 declare const Preview: React.ForwardRefExoticComponent<PreviewProps & React.RefAttributes<HTMLDivElement>>;
 
-interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "description" | "errorMessage" | "isRequired"> {
+interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "description" | "errorMessage" | "isRequired" | "isInvalid" | "validate" | "validationBehavior" | "validationState"> {
     /**
      * The position of the label relative to the input.
      *
@@ -1278,11 +1275,12 @@ interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "descr
         isHovered: boolean;
         isDisabled: boolean;
         optionLabelPosition: "start" | "end";
+        isReadOnly?: boolean;
     }) => React.ReactNode;
     /** The class name for the group container. */
-    groupContainerClassName?: string;
+    optionsContainerClassName?: string;
     /** The style for the group container. */
-    groupContainerStyle?: React.CSSProperties;
+    optionsContainerStyle?: React.CSSProperties;
     /** The ids of the items that are disabled. */
     disabledValues?: string[];
     /**
@@ -1292,9 +1290,9 @@ interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "descr
      */
     optionLabelPosition?: "start" | "end";
     /** The className applicable to the label. */
-    labelClassName?: string;
+    optionClassName?: string;
     /** The style applicable to the label. */
-    labelStyle?: React.CSSProperties;
+    optionStyle?: React.CSSProperties;
 }
 
 declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
@@ -1362,6 +1360,12 @@ interface BoxProps extends Pick<StylingProps, "data-blockid">, Omit<React.Compon
 
 declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
 
+interface ColorPresetInlineInputProps extends Omit<RadioGroupProps, "items" | "disabledValues"> {
+    items: ColorPreset[];
+}
+
+declare const ColorPresetInlineInput: React.ForwardRefExoticComponent<ColorPresetInlineInputProps & React.RefAttributes<HTMLDivElement>>;
+
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
  *
@@ -1678,4 +1682,4 @@ interface TextSelectionProps {
     isDisabled?: boolean;
 }
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Menu, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Portal, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorPresetInlineInput, type ColorPresetInlineInputProps, ColorSwatch, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Menu, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Portal, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };