@baseline-ui/core 0.3.0 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.d.mts +55 -32
- package/dist/index.d.ts +55 -32
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +4 -11
package/dist/index.css
CHANGED
|
@@ -1 +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}
|
|
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{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
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { Key } from 'react';
|
|
2
2
|
import { IconProps, SVGRProps } from '@baseline-ui/icons';
|
|
3
3
|
import * as react_aria from 'react-aria';
|
|
4
|
-
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,
|
|
4
|
+
import { AriaButtonProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, useOverlayTrigger, 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';
|
|
5
5
|
export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
|
|
6
|
-
import { SliderStateOptions, ToggleProps, MenuTriggerProps, TooltipTriggerProps, NumberFieldStateOptions, ListProps, Orientation, SelectStateOptions, Item as Item$2
|
|
6
|
+
import { SliderStateOptions, ToggleProps, OverlayTriggerProps, OverlayTriggerState, MenuTriggerProps, TooltipTriggerProps, NumberFieldStateOptions, ListProps, Orientation, SelectStateOptions, Item as Item$2 } from 'react-stately';
|
|
7
7
|
import { Theme, Sprinkles } from '@baseline-ui/tokens';
|
|
8
8
|
import { Node as Node$1, AriaLabelingProps } from '@react-types/shared';
|
|
9
9
|
import { AriaTabListProps } from '@react-types/tabs';
|
|
@@ -11,7 +11,12 @@ import { ColorFieldProps } from '@react-stately/color';
|
|
|
11
11
|
import { OnRender, OnRenderStart, OnDragStart, OnDrag, OnDragEnd, OnResizeStart, OnResize, OnResizeEnd, OnRotateStart, OnRotate, OnRotateEnd, OnSnap, RotationPosition } from 'react-moveable';
|
|
12
12
|
|
|
13
13
|
interface BlockProps {
|
|
14
|
-
|
|
14
|
+
/**
|
|
15
|
+
* The unique identifier for the block. This is used to identify the block in
|
|
16
|
+
* the DOM and in the block map. It is added as a data attribute
|
|
17
|
+
* `data-blockid` to the root element of the block if a DOM node is rendered.
|
|
18
|
+
*/
|
|
19
|
+
"data-blockid"?: Key;
|
|
15
20
|
}
|
|
16
21
|
|
|
17
22
|
interface StylingProps extends BlockProps {
|
|
@@ -61,7 +66,7 @@ interface DomNodeRendererProps {
|
|
|
61
66
|
|
|
62
67
|
declare const DomNodeRenderer: React.ForwardRefExoticComponent<DomNodeRendererProps & React.RefAttributes<HTMLDivElement>>;
|
|
63
68
|
|
|
64
|
-
interface SliderProps extends AriaSliderProps<number
|
|
69
|
+
interface SliderProps extends Omit<AriaSliderProps<number> & SliderStateOptions<number>, "orientation" | "numberFormatter">, StylingProps {
|
|
65
70
|
/**
|
|
66
71
|
* Whether the slider is read only.
|
|
67
72
|
*
|
|
@@ -72,10 +77,8 @@ interface SliderProps extends AriaSliderProps<number>, Omit<SliderStateOptions<n
|
|
|
72
77
|
numberFormatOptions?: Intl.NumberFormatOptions & {
|
|
73
78
|
numberingSystem?: string;
|
|
74
79
|
};
|
|
75
|
-
/** The class name applied to the root element. */
|
|
76
|
-
className?: string;
|
|
77
80
|
/** The label for the slider. */
|
|
78
|
-
label?:
|
|
81
|
+
label?: React.ReactNode;
|
|
79
82
|
/**
|
|
80
83
|
* Whether to include a number input for the slider.
|
|
81
84
|
*
|
|
@@ -86,9 +89,9 @@ interface SliderProps extends AriaSliderProps<number>, Omit<SliderStateOptions<n
|
|
|
86
89
|
|
|
87
90
|
declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
|
|
88
91
|
|
|
89
|
-
interface SwitchProps extends Omit<AriaSwitchProps, "children">, Omit<ToggleProps, "children">, StylingProps {
|
|
92
|
+
interface SwitchProps extends Omit<AriaSwitchProps, "children">, Omit<ToggleProps, "children" | "isRequired" | "validate" | "validationBehavior" | "validationState" | "isInvalid">, StylingProps {
|
|
90
93
|
/** The label to display next to the switch. */
|
|
91
|
-
label?:
|
|
94
|
+
label?: React.ReactNode;
|
|
92
95
|
/** The position of the label. */
|
|
93
96
|
labelPosition?: "top" | "left";
|
|
94
97
|
/** The status label to display next to the switch. */
|
|
@@ -100,7 +103,7 @@ interface SwitchProps extends Omit<AriaSwitchProps, "children">, Omit<ToggleProp
|
|
|
100
103
|
|
|
101
104
|
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLLabelElement>>;
|
|
102
105
|
|
|
103
|
-
interface SearchInputProps extends Omit<AriaSearchFieldProps, "validationState" | "label" | "aria-autocomplete" | "autoComplete" | "isRequired" | "aria-haspopup" | "isReadOnly" | "aria-activedescendant" | "type">, StylingProps {
|
|
106
|
+
interface SearchInputProps extends Omit<AriaSearchFieldProps, "validationState" | "label" | "aria-autocomplete" | "autoComplete" | "isRequired" | "aria-haspopup" | "isReadOnly" | "aria-activedescendant" | "type" | "validationBehavior" | "validate" | "isInvalid">, StylingProps {
|
|
104
107
|
/**
|
|
105
108
|
* The size of the search input.
|
|
106
109
|
*
|
|
@@ -145,24 +148,23 @@ declare const ThemeProvider: React.ForwardRefExoticComponent<ThemeProviderProps
|
|
|
145
148
|
* changes their preferences.
|
|
146
149
|
*
|
|
147
150
|
* @example
|
|
148
|
-
* const {
|
|
149
|
-
*
|
|
150
|
-
* contrast,
|
|
151
|
-
* reducedMotion,
|
|
152
|
-
* transparency,
|
|
153
|
-
* reducedData,
|
|
154
|
-
* } = useUserPreferences();
|
|
151
|
+
* const { colorScheme, highContrast, reducedMotion, transparency } =
|
|
152
|
+
* useUserPreferences();
|
|
155
153
|
*
|
|
156
154
|
* @returns The user preferences.
|
|
157
155
|
*/
|
|
158
156
|
declare function useUserPreferences(): {
|
|
159
157
|
colorScheme: "dark" | "light";
|
|
160
|
-
|
|
158
|
+
highContrast: boolean;
|
|
161
159
|
reducedMotion: boolean;
|
|
162
160
|
transparency: boolean;
|
|
163
|
-
reducedData: boolean;
|
|
164
161
|
};
|
|
165
162
|
|
|
163
|
+
type OverlayTriggerProps_ = Parameters<typeof useOverlayTrigger>[0];
|
|
164
|
+
interface PopoverProps extends OverlayTriggerProps, OverlayTriggerProps_ {
|
|
165
|
+
/** The children of the popover. */
|
|
166
|
+
children: React.ReactNode | ((state: OverlayTriggerState) => React.ReactNode);
|
|
167
|
+
}
|
|
166
168
|
interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "triggerRef">, StylingProps {
|
|
167
169
|
/**
|
|
168
170
|
* The reference element for the popover position. By default, the popover is
|
|
@@ -174,6 +176,16 @@ interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "tri
|
|
|
174
176
|
/** The contents of the popover. */
|
|
175
177
|
children: React.ReactNode;
|
|
176
178
|
}
|
|
179
|
+
interface PopoverTriggerProps {
|
|
180
|
+
/** The contents of the popover trigger. */
|
|
181
|
+
children: React.ReactNode;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
185
|
+
|
|
186
|
+
declare const PopoverTrigger: React.FC;
|
|
187
|
+
|
|
188
|
+
declare const Popover: React.FC<PopoverProps>;
|
|
177
189
|
|
|
178
190
|
type Item$1 = {
|
|
179
191
|
label: string;
|
|
@@ -437,7 +449,7 @@ interface ToggleButtonProps extends StylingProps, Omit<AriaToggleButtonProps, "c
|
|
|
437
449
|
|
|
438
450
|
declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
439
451
|
|
|
440
|
-
interface CheckboxProps extends
|
|
452
|
+
interface CheckboxProps extends Omit<AriaCheckboxProps, "children" | "validationBehavior" | "validationState" | "validate">, StylingProps {
|
|
441
453
|
/** The checkbox's label. */
|
|
442
454
|
label?: string;
|
|
443
455
|
/**
|
|
@@ -450,7 +462,7 @@ interface CheckboxProps extends AriaCheckboxProps, Omit<ToggleProps, "children">
|
|
|
450
462
|
|
|
451
463
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>>;
|
|
452
464
|
|
|
453
|
-
type Excluded = "isDisabled" | "isReadOnly" | "isRequired" | "locale" | "validationState" | "label" | "formatOptions" | "isInvalid";
|
|
465
|
+
type Excluded = "isDisabled" | "isReadOnly" | "isRequired" | "locale" | "validationState" | "label" | "formatOptions" | "isInvalid" | "validationBehaviour" | "validate" | "description" | "errorMessage";
|
|
454
466
|
interface PaginationProps extends Omit<AriaNumberFieldProps, Excluded>, Omit<NumberFieldStateOptions, Excluded>, StylingProps {
|
|
455
467
|
/** The largest value allowed for the input. */
|
|
456
468
|
maxValue: number;
|
|
@@ -609,7 +621,7 @@ type ListSection = {
|
|
|
609
621
|
children: ListOption[];
|
|
610
622
|
};
|
|
611
623
|
type ListItem = ListOption | ListSection;
|
|
612
|
-
interface ListBoxProps extends StylingProps,
|
|
624
|
+
interface ListBoxProps extends StylingProps, Omit<AriaListBoxProps<ListItem> & AriaListBoxOptions<ListItem>, "children" | "linkBehavior" | "isVirtualized"> {
|
|
613
625
|
/**
|
|
614
626
|
* The items to render in the listbox. Items have the following shape:
|
|
615
627
|
*
|
|
@@ -642,7 +654,7 @@ interface ListBoxProps extends StylingProps, AriaListBoxOptions<ListItem>, Omit<
|
|
|
642
654
|
/** Whether to show the selected checkmark icon. */
|
|
643
655
|
showSelectedIcon?: boolean;
|
|
644
656
|
/** The label for the listbox. */
|
|
645
|
-
label?:
|
|
657
|
+
label?: React.ReactNode;
|
|
646
658
|
/**
|
|
647
659
|
* Whether the items are arranged in a stack or grid.
|
|
648
660
|
*
|
|
@@ -658,7 +670,7 @@ interface ListBoxProps extends StylingProps, AriaListBoxOptions<ListItem>, Omit<
|
|
|
658
670
|
orientation?: Orientation;
|
|
659
671
|
}
|
|
660
672
|
|
|
661
|
-
interface SelectProps extends Omit<AriaSelectOptions<ListItem
|
|
673
|
+
interface SelectProps extends Omit<AriaSelectOptions<ListItem> & SelectStateOptions<ListItem> & PopoverContentProps, "validationState" | "items" | "children" | "isRequired" | "className" | "style" | "triggerRef" | "validate" | "validationBehavior" | "keyboardDelegate">, Pick<ListBoxProps, "items" | "showSelectedIcon">, StylingProps {
|
|
662
674
|
/**
|
|
663
675
|
* The position of the label.
|
|
664
676
|
*
|
|
@@ -672,7 +684,7 @@ interface SelectProps extends Omit<AriaSelectOptions<ListItem>, "validationState
|
|
|
672
684
|
/** The warning message of the select component. */
|
|
673
685
|
warningMessage?: string;
|
|
674
686
|
/** The label of the select component. */
|
|
675
|
-
label?:
|
|
687
|
+
label?: React.ReactNode;
|
|
676
688
|
/** The variant of the select component. */
|
|
677
689
|
variant?: "primary" | "ghost";
|
|
678
690
|
/** The state of the select component. */
|
|
@@ -822,7 +834,7 @@ interface InlineAlertProps extends StylingProps {
|
|
|
822
834
|
|
|
823
835
|
declare const InlineAlert: React.ForwardRefExoticComponent<InlineAlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
824
836
|
|
|
825
|
-
interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired"> {
|
|
837
|
+
interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired" | "validate" | "validationBehavior"> {
|
|
826
838
|
/**
|
|
827
839
|
* The position of the label relative to the input.
|
|
828
840
|
*
|
|
@@ -1191,6 +1203,10 @@ interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "vari
|
|
|
1191
1203
|
includeCheckeredBackground?: boolean;
|
|
1192
1204
|
/** Whether the component is inlined. */
|
|
1193
1205
|
isInline?: boolean;
|
|
1206
|
+
/** The class name to apply to the picker button. */
|
|
1207
|
+
pickerButtonClassName?: string;
|
|
1208
|
+
/** The style to apply to the picker button. */
|
|
1209
|
+
pickerButtonStyle?: React.CSSProperties;
|
|
1194
1210
|
}
|
|
1195
1211
|
|
|
1196
1212
|
declare const ImageDropZone: React.ForwardRefExoticComponent<ImageDropZoneProps & React.RefAttributes<HTMLLabelElement>>;
|
|
@@ -1234,7 +1250,7 @@ interface PreviewProps extends StylingProps, AriaLabelingProps {
|
|
|
1234
1250
|
|
|
1235
1251
|
declare const Preview: React.ForwardRefExoticComponent<PreviewProps & React.RefAttributes<HTMLDivElement>>;
|
|
1236
1252
|
|
|
1237
|
-
interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "description" | "errorMessage" | "isRequired"> {
|
|
1253
|
+
interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "description" | "errorMessage" | "isRequired" | "isInvalid" | "validate" | "validationBehavior" | "validationState"> {
|
|
1238
1254
|
/**
|
|
1239
1255
|
* The position of the label relative to the input.
|
|
1240
1256
|
*
|
|
@@ -1278,11 +1294,12 @@ interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "descr
|
|
|
1278
1294
|
isHovered: boolean;
|
|
1279
1295
|
isDisabled: boolean;
|
|
1280
1296
|
optionLabelPosition: "start" | "end";
|
|
1297
|
+
isReadOnly?: boolean;
|
|
1281
1298
|
}) => React.ReactNode;
|
|
1282
1299
|
/** The class name for the group container. */
|
|
1283
|
-
|
|
1300
|
+
optionsContainerClassName?: string;
|
|
1284
1301
|
/** The style for the group container. */
|
|
1285
|
-
|
|
1302
|
+
optionsContainerStyle?: React.CSSProperties;
|
|
1286
1303
|
/** The ids of the items that are disabled. */
|
|
1287
1304
|
disabledValues?: string[];
|
|
1288
1305
|
/**
|
|
@@ -1292,9 +1309,9 @@ interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "descr
|
|
|
1292
1309
|
*/
|
|
1293
1310
|
optionLabelPosition?: "start" | "end";
|
|
1294
1311
|
/** The className applicable to the label. */
|
|
1295
|
-
|
|
1312
|
+
optionClassName?: string;
|
|
1296
1313
|
/** The style applicable to the label. */
|
|
1297
|
-
|
|
1314
|
+
optionStyle?: React.CSSProperties;
|
|
1298
1315
|
}
|
|
1299
1316
|
|
|
1300
1317
|
declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1362,6 +1379,12 @@ interface BoxProps extends Pick<StylingProps, "data-blockid">, Omit<React.Compon
|
|
|
1362
1379
|
|
|
1363
1380
|
declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
|
|
1364
1381
|
|
|
1382
|
+
interface ColorPresetInlineInputProps extends Omit<RadioGroupProps, "items" | "disabledValues"> {
|
|
1383
|
+
items: ColorPreset[];
|
|
1384
|
+
}
|
|
1385
|
+
|
|
1386
|
+
declare const ColorPresetInlineInput: React.ForwardRefExoticComponent<ColorPresetInlineInputProps & React.RefAttributes<HTMLDivElement>>;
|
|
1387
|
+
|
|
1365
1388
|
/**
|
|
1366
1389
|
* A hook that creates an IntersectionObserver and observes a target element.
|
|
1367
1390
|
*
|
|
@@ -1678,4 +1701,4 @@ interface TextSelectionProps {
|
|
|
1678
1701
|
isDisabled?: boolean;
|
|
1679
1702
|
}
|
|
1680
1703
|
|
|
1681
|
-
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 };
|
|
1704
|
+
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, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, 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 };
|