@baseline-ui/core 0.1.3 → 0.2.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 +49 -24
- package/dist/index.d.ts +49 -24
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +7 -7
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.oom8bs0{display:inline-flex;gap:var(--bui-spacing-md);align-items:center;cursor:pointer;outline:none;border-radius:var(--bui-rounded-xs);border:none;white-space:nowrap;transition:all .2s ease;box-sizing:border-box;width:fit-content;flex-shrink:0;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.oom8bs1{background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bs1:disabled{background-color:var(--bui-color-interactive-disabled)}.oom8bs2{border:1px solid 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;border:1px solid var(--bui-color-interactive-primary);color:var(--bui-color-interactive-primary)}.oom8bs3:disabled{border-color:var(--bui-color-interactive-disabled);color:var(--bui-color-interactive-disabled)}.oom8bs4{border:1px solid transparent;background-color:transparent;color:var(--bui-color-interactive-primary)}.oom8bs4:disabled{color:var(--bui-color-interactive-disabled)}.oom8bs5{cursor:not-allowed}.oom8bs6{border:1px solid var(--bui-color-focused-primary);box-shadow:inset 0 0 0 1px var(--bui-color-focused-primary)}.oom8bs8{height:32px;padding:0 calc(var(--bui-spacing-xs) + var(--bui-spacing-md))}.oom8bs9{height:40px;padding:0 calc(var(--bui-spacing-xs) + 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 1px var(--bui-color-focused-primary),inset 0 0 0 2px var(--bui-color-focused-inset);background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bs0 svg{pointer-events:none}.z9nup80{display:contents}.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}._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;position:absolute;border-right:7px solid transparent;border-bottom:8px solid;border-bottom-color:var(--bui-color-background-inverse-strong);border-left:7px solid transparent}._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{padding:var(--bui-spacing-md) var(--bui-spacing-xl);color:var(--bui-color-text-inverse);background-color:var(--bui-color-background-inverse-strong);border-radius:var(--bui-rounded-sm);max-inline-size:35ch;font:var(--bui-typography-body-md-medium-font);letter-spacing:var(--bui-typography-body-md-medium-letter-spacing)}@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)}._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)}._1kvz17d0{width:100%}._1kvz17d2{transform:rotate(90deg)}._1kvz17d3{cursor:pointer;box-shadow:inset 0 1px 0 var(--bui-color-border-medium);outline:none;height:40px}._1kvz17d4{outline-offset:-2px;outline:2px solid var(--bui-color-focused-primary)}._1kvz17db{all:unset}._1kvz17de{opacity:1}._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)}._1vac7ws0{cursor:move}._1vac7ws1 ._1vac7ws2 .moveable-control,._1vac7ws1 ._1vac7ws2 .moveable-rotation{display:none}._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}._1vm2oh45{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{display:inline-flex;gap:var(--bui-spacing-md);align-items:center;cursor:pointer;outline:none;border-radius:var(--bui-rounded-xs);border:none;white-space:nowrap;transition:all .2s ease;box-sizing:border-box;width:fit-content;flex-shrink:0;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.oom8bs1{background-color:var(--bui-color-interactive-primary);color:var(--bui-color-text-inverse)}.oom8bs1:disabled{background-color:var(--bui-color-interactive-disabled)}.oom8bs2{border:1px solid 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;border:1px solid var(--bui-color-interactive-primary);color:var(--bui-color-interactive-primary)}.oom8bs3:disabled{border-color:var(--bui-color-interactive-disabled);color:var(--bui-color-interactive-disabled)}.oom8bs4{border:1px solid transparent;background-color:transparent;color:var(--bui-color-interactive-primary)}.oom8bs4:disabled{color:var(--bui-color-interactive-disabled)}.oom8bs5{cursor:not-allowed}.oom8bs6{border:1px solid var(--bui-color-focused-primary);box-shadow:inset 0 0 0 1px var(--bui-color-focused-primary)}.oom8bs8{height:32px;padding:0 calc(var(--bui-spacing-xs) + var(--bui-spacing-md))}.oom8bs9{height:40px;padding:0 calc(var(--bui-spacing-xs) + 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 1px var(--bui-color-focused-primary),inset 0 0 0 2px 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)}._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;._1kvz17d0{width:100%}._1kvz17d2{transform:rotate(90deg)}._1kvz17d3{cursor:pointer;box-shadow:inset 0 1px 0 var(--bui-color-border-medium);outline:none;height:40px}._1kvz17d4{outline-offset:-2px;outline:2px solid var(--bui-color-focused-primary)}._1kvz17dd{opacity:0}._1kvz17de{opacity:1}@layer reset{._1kvz17db{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 components.variants;@layer components.variants;._1vac7ws0{cursor:move}._1vac7ws1 ._1vac7ws2 .moveable-control,._1vac7ws1 ._1vac7ws2 .moveable-rotation{display:none}._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}._1vm2oh45{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}
|
package/dist/index.d.mts
CHANGED
|
@@ -4,16 +4,12 @@ import * as react_aria from 'react-aria';
|
|
|
4
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, AriaListBoxOptions, AriaListBoxProps, OptionAria, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
|
|
5
5
|
export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
|
|
6
6
|
import { SliderStateOptions, ToggleProps, MenuTriggerProps, TooltipTriggerProps, NumberFieldStateOptions, ListProps, Orientation, SelectStateOptions, Item as Item$2, OverlayTriggerProps } from 'react-stately';
|
|
7
|
-
import { Theme } from '@baseline-ui/tokens';
|
|
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';
|
|
10
10
|
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
|
-
declare function assignInlineTheme(theme: Theme): {
|
|
14
|
-
[cssVarName: string]: string;
|
|
15
|
-
};
|
|
16
|
-
|
|
17
13
|
interface BlockProps {
|
|
18
14
|
"data-blockid"?: string;
|
|
19
15
|
}
|
|
@@ -134,15 +130,17 @@ interface ThemeProviderProps extends StylingProps {
|
|
|
134
130
|
* The theme to use. If not provided, the theme will be inherited from the
|
|
135
131
|
* parent ThemeProvider. If there is no parent ThemeProvider, the default
|
|
136
132
|
* theme will be used.
|
|
133
|
+
*
|
|
134
|
+
* @default "system"
|
|
137
135
|
*/
|
|
138
|
-
theme
|
|
136
|
+
theme?: Theme | "light" | "dark" | "system";
|
|
139
137
|
/** The children to render. */
|
|
140
138
|
children: React$1.ReactNode;
|
|
141
139
|
/**
|
|
142
140
|
* A function that will be called when the theme changes from any of the child
|
|
143
141
|
* components.
|
|
144
142
|
*/
|
|
145
|
-
setTheme?: (theme: Theme) => void;
|
|
143
|
+
setTheme?: (theme: Theme | "light" | "dark" | "system") => void;
|
|
146
144
|
}
|
|
147
145
|
|
|
148
146
|
declare const ThemeProvider: React$1.ForwardRefExoticComponent<ThemeProviderProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -241,7 +239,7 @@ interface LinkProps extends AriaLinkOptions, StylingProps {
|
|
|
241
239
|
size?: "sm" | "md" | "lg";
|
|
242
240
|
}
|
|
243
241
|
|
|
244
|
-
declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<
|
|
242
|
+
declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<HTMLElement>>;
|
|
245
243
|
|
|
246
244
|
interface SharedFileUploadProps extends StylingProps {
|
|
247
245
|
/** Whether the component is inlined. */
|
|
@@ -1062,7 +1060,7 @@ type TextProps<T extends keyof React$1.JSX.IntrinsicElements = "span"> = Styling
|
|
|
1062
1060
|
elementType?: React$1.ElementType;
|
|
1063
1061
|
};
|
|
1064
1062
|
|
|
1065
|
-
declare const Text: React$1.ForwardRefExoticComponent<Pick<TextProps, "color" | "size" | "content" | "translate" | "hidden" | "style" | "
|
|
1063
|
+
declare const Text: React$1.ForwardRefExoticComponent<Pick<TextProps, "color" | "size" | "content" | "translate" | "hidden" | "style" | "children" | "elementType" | "className" | "data-blockid" | "slot" | "title" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1066
1064
|
|
|
1067
1065
|
type TransformProps = {
|
|
1068
1066
|
/** The `className` property assigned to the root element of the component. */
|
|
@@ -1329,8 +1327,6 @@ interface MessageFormatProps {
|
|
|
1329
1327
|
id: string;
|
|
1330
1328
|
/** The default message to use if the message id is not found. */
|
|
1331
1329
|
defaultMessage?: string;
|
|
1332
|
-
/** The values to use for formatting the message. */
|
|
1333
|
-
values?: Record<string, string | number | boolean | null | undefined>;
|
|
1334
1330
|
}
|
|
1335
1331
|
|
|
1336
1332
|
declare const MessageFormat: React$1.FC<MessageFormatProps>;
|
|
@@ -1354,6 +1350,18 @@ interface GroupProps extends StylingProps, AriaLabelingProps {
|
|
|
1354
1350
|
|
|
1355
1351
|
declare const Group: React$1.ForwardRefExoticComponent<GroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1356
1352
|
|
|
1353
|
+
type SprinkleProps = Parameters<Sprinkles>[0];
|
|
1354
|
+
interface BoxProps extends Pick<StylingProps, "data-blockid">, Omit<React$1.ComponentPropsWithoutRef<"div">, "color">, SprinkleProps {
|
|
1355
|
+
/**
|
|
1356
|
+
* The HTML element to use for the box.
|
|
1357
|
+
*
|
|
1358
|
+
* @default "div"
|
|
1359
|
+
*/
|
|
1360
|
+
elementType?: string;
|
|
1361
|
+
}
|
|
1362
|
+
|
|
1363
|
+
declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1364
|
+
|
|
1357
1365
|
/**
|
|
1358
1366
|
* A hook that creates an IntersectionObserver and observes a target element.
|
|
1359
1367
|
*
|
|
@@ -1621,18 +1629,6 @@ declare function defineMessages<T extends LocalizedStrings[keyof LocalizedString
|
|
|
1621
1629
|
*/
|
|
1622
1630
|
declare function useMutationObserver(target: Element | null, options: MutationObserverInit, callback: MutationCallback): MutationObserver | null;
|
|
1623
1631
|
|
|
1624
|
-
/**
|
|
1625
|
-
* Returns the current window size. This is a custom hook that uses the
|
|
1626
|
-
* `window.addEventListener` API to listen for window resize events. It returns
|
|
1627
|
-
* the current window size as an object with `width` and `height` properties.
|
|
1628
|
-
*
|
|
1629
|
-
* @returns The current window size.
|
|
1630
|
-
*/
|
|
1631
|
-
declare function useWindowSize(): {
|
|
1632
|
-
width: number;
|
|
1633
|
-
height: number;
|
|
1634
|
-
};
|
|
1635
|
-
|
|
1636
1632
|
type SetValue<T> = (value: T | ((val: T) => T)) => void;
|
|
1637
1633
|
/**
|
|
1638
1634
|
* A hook to persist a value to localStorage.
|
|
@@ -1653,4 +1649,33 @@ type SetValue<T> = (value: T | ((val: T) => T)) => void;
|
|
|
1653
1649
|
*/
|
|
1654
1650
|
declare function useLocalStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
|
|
1655
1651
|
|
|
1656
|
-
|
|
1652
|
+
/**
|
|
1653
|
+
* A hook that provides text selection functionality for a given HTML element.
|
|
1654
|
+
*
|
|
1655
|
+
* ```jsx
|
|
1656
|
+
* function MyComponent() {
|
|
1657
|
+
* const ref = useRef();
|
|
1658
|
+
* const [selection, setSelection] = useState();
|
|
1659
|
+
*
|
|
1660
|
+
* useTextSelection({
|
|
1661
|
+
* ref,
|
|
1662
|
+
* onSelectionChange: setSelection,
|
|
1663
|
+
* });
|
|
1664
|
+
*
|
|
1665
|
+
* return (
|
|
1666
|
+
* <div ref={ref}>
|
|
1667
|
+
* <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
|
1668
|
+
* </div>
|
|
1669
|
+
* );
|
|
1670
|
+
* }
|
|
1671
|
+
* ```
|
|
1672
|
+
*/
|
|
1673
|
+
declare function useTextSelection({ ref, onSelectionChange, onSelectionEnd, isDisabled, }: TextSelectionProps): void;
|
|
1674
|
+
interface TextSelectionProps {
|
|
1675
|
+
ref: React$1.RefObject<HTMLElement>;
|
|
1676
|
+
onSelectionChange: (selection: Selection) => void;
|
|
1677
|
+
onSelectionEnd?: (selection: Selection) => void;
|
|
1678
|
+
isDisabled?: boolean;
|
|
1679
|
+
}
|
|
1680
|
+
|
|
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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -4,16 +4,12 @@ import * as react_aria from 'react-aria';
|
|
|
4
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, AriaListBoxOptions, AriaListBoxProps, OptionAria, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
|
|
5
5
|
export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
|
|
6
6
|
import { SliderStateOptions, ToggleProps, MenuTriggerProps, TooltipTriggerProps, NumberFieldStateOptions, ListProps, Orientation, SelectStateOptions, Item as Item$2, OverlayTriggerProps } from 'react-stately';
|
|
7
|
-
import { Theme } from '@baseline-ui/tokens';
|
|
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';
|
|
10
10
|
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
|
-
declare function assignInlineTheme(theme: Theme): {
|
|
14
|
-
[cssVarName: string]: string;
|
|
15
|
-
};
|
|
16
|
-
|
|
17
13
|
interface BlockProps {
|
|
18
14
|
"data-blockid"?: string;
|
|
19
15
|
}
|
|
@@ -134,15 +130,17 @@ interface ThemeProviderProps extends StylingProps {
|
|
|
134
130
|
* The theme to use. If not provided, the theme will be inherited from the
|
|
135
131
|
* parent ThemeProvider. If there is no parent ThemeProvider, the default
|
|
136
132
|
* theme will be used.
|
|
133
|
+
*
|
|
134
|
+
* @default "system"
|
|
137
135
|
*/
|
|
138
|
-
theme
|
|
136
|
+
theme?: Theme | "light" | "dark" | "system";
|
|
139
137
|
/** The children to render. */
|
|
140
138
|
children: React$1.ReactNode;
|
|
141
139
|
/**
|
|
142
140
|
* A function that will be called when the theme changes from any of the child
|
|
143
141
|
* components.
|
|
144
142
|
*/
|
|
145
|
-
setTheme?: (theme: Theme) => void;
|
|
143
|
+
setTheme?: (theme: Theme | "light" | "dark" | "system") => void;
|
|
146
144
|
}
|
|
147
145
|
|
|
148
146
|
declare const ThemeProvider: React$1.ForwardRefExoticComponent<ThemeProviderProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -241,7 +239,7 @@ interface LinkProps extends AriaLinkOptions, StylingProps {
|
|
|
241
239
|
size?: "sm" | "md" | "lg";
|
|
242
240
|
}
|
|
243
241
|
|
|
244
|
-
declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<
|
|
242
|
+
declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<HTMLElement>>;
|
|
245
243
|
|
|
246
244
|
interface SharedFileUploadProps extends StylingProps {
|
|
247
245
|
/** Whether the component is inlined. */
|
|
@@ -1062,7 +1060,7 @@ type TextProps<T extends keyof React$1.JSX.IntrinsicElements = "span"> = Styling
|
|
|
1062
1060
|
elementType?: React$1.ElementType;
|
|
1063
1061
|
};
|
|
1064
1062
|
|
|
1065
|
-
declare const Text: React$1.ForwardRefExoticComponent<Pick<TextProps, "color" | "size" | "content" | "translate" | "hidden" | "style" | "
|
|
1063
|
+
declare const Text: React$1.ForwardRefExoticComponent<Pick<TextProps, "color" | "size" | "content" | "translate" | "hidden" | "style" | "children" | "elementType" | "className" | "data-blockid" | "slot" | "title" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1066
1064
|
|
|
1067
1065
|
type TransformProps = {
|
|
1068
1066
|
/** The `className` property assigned to the root element of the component. */
|
|
@@ -1329,8 +1327,6 @@ interface MessageFormatProps {
|
|
|
1329
1327
|
id: string;
|
|
1330
1328
|
/** The default message to use if the message id is not found. */
|
|
1331
1329
|
defaultMessage?: string;
|
|
1332
|
-
/** The values to use for formatting the message. */
|
|
1333
|
-
values?: Record<string, string | number | boolean | null | undefined>;
|
|
1334
1330
|
}
|
|
1335
1331
|
|
|
1336
1332
|
declare const MessageFormat: React$1.FC<MessageFormatProps>;
|
|
@@ -1354,6 +1350,18 @@ interface GroupProps extends StylingProps, AriaLabelingProps {
|
|
|
1354
1350
|
|
|
1355
1351
|
declare const Group: React$1.ForwardRefExoticComponent<GroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1356
1352
|
|
|
1353
|
+
type SprinkleProps = Parameters<Sprinkles>[0];
|
|
1354
|
+
interface BoxProps extends Pick<StylingProps, "data-blockid">, Omit<React$1.ComponentPropsWithoutRef<"div">, "color">, SprinkleProps {
|
|
1355
|
+
/**
|
|
1356
|
+
* The HTML element to use for the box.
|
|
1357
|
+
*
|
|
1358
|
+
* @default "div"
|
|
1359
|
+
*/
|
|
1360
|
+
elementType?: string;
|
|
1361
|
+
}
|
|
1362
|
+
|
|
1363
|
+
declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1364
|
+
|
|
1357
1365
|
/**
|
|
1358
1366
|
* A hook that creates an IntersectionObserver and observes a target element.
|
|
1359
1367
|
*
|
|
@@ -1621,18 +1629,6 @@ declare function defineMessages<T extends LocalizedStrings[keyof LocalizedString
|
|
|
1621
1629
|
*/
|
|
1622
1630
|
declare function useMutationObserver(target: Element | null, options: MutationObserverInit, callback: MutationCallback): MutationObserver | null;
|
|
1623
1631
|
|
|
1624
|
-
/**
|
|
1625
|
-
* Returns the current window size. This is a custom hook that uses the
|
|
1626
|
-
* `window.addEventListener` API to listen for window resize events. It returns
|
|
1627
|
-
* the current window size as an object with `width` and `height` properties.
|
|
1628
|
-
*
|
|
1629
|
-
* @returns The current window size.
|
|
1630
|
-
*/
|
|
1631
|
-
declare function useWindowSize(): {
|
|
1632
|
-
width: number;
|
|
1633
|
-
height: number;
|
|
1634
|
-
};
|
|
1635
|
-
|
|
1636
1632
|
type SetValue<T> = (value: T | ((val: T) => T)) => void;
|
|
1637
1633
|
/**
|
|
1638
1634
|
* A hook to persist a value to localStorage.
|
|
@@ -1653,4 +1649,33 @@ type SetValue<T> = (value: T | ((val: T) => T)) => void;
|
|
|
1653
1649
|
*/
|
|
1654
1650
|
declare function useLocalStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
|
|
1655
1651
|
|
|
1656
|
-
|
|
1652
|
+
/**
|
|
1653
|
+
* A hook that provides text selection functionality for a given HTML element.
|
|
1654
|
+
*
|
|
1655
|
+
* ```jsx
|
|
1656
|
+
* function MyComponent() {
|
|
1657
|
+
* const ref = useRef();
|
|
1658
|
+
* const [selection, setSelection] = useState();
|
|
1659
|
+
*
|
|
1660
|
+
* useTextSelection({
|
|
1661
|
+
* ref,
|
|
1662
|
+
* onSelectionChange: setSelection,
|
|
1663
|
+
* });
|
|
1664
|
+
*
|
|
1665
|
+
* return (
|
|
1666
|
+
* <div ref={ref}>
|
|
1667
|
+
* <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
|
1668
|
+
* </div>
|
|
1669
|
+
* );
|
|
1670
|
+
* }
|
|
1671
|
+
* ```
|
|
1672
|
+
*/
|
|
1673
|
+
declare function useTextSelection({ ref, onSelectionChange, onSelectionEnd, isDisabled, }: TextSelectionProps): void;
|
|
1674
|
+
interface TextSelectionProps {
|
|
1675
|
+
ref: React$1.RefObject<HTMLElement>;
|
|
1676
|
+
onSelectionChange: (selection: Selection) => void;
|
|
1677
|
+
onSelectionEnd?: (selection: Selection) => void;
|
|
1678
|
+
isDisabled?: boolean;
|
|
1679
|
+
}
|
|
1680
|
+
|
|
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 };
|