@baseline-ui/core 0.4.0 → 0.5.1

package/License.md

@@ -0,0 +1,5 @@
+## PSPDFKit for Web License Agreement
+
+Please refer to our website to read our evaluation license terms and conditions for PSPDFKit for Web:
+
+https://pspdfkit.com/legal/License.pdf

package/dist/index.css

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

package/dist/index.d.mts

@@ -1,9 +1,9 @@
 import React, { Key } from 'react';
 import { IconProps, SVGRProps } from '@baseline-ui/icons';
 import * as react_aria from 'react-aria';
-import { AriaButtonProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, AriaTooltipProps, AriaPositionProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
+import { AriaButtonProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, useOverlayTrigger, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, AriaTooltipProps, AriaPositionProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
 export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
-import { SliderStateOptions, ToggleProps, MenuTriggerProps, TooltipTriggerProps, NumberFieldStateOptions, ListProps, Orientation, SelectStateOptions, Item as Item$2, OverlayTriggerProps } from 'react-stately';
+import { SliderStateOptions, ToggleProps, OverlayTriggerProps, OverlayTriggerState, MenuTriggerProps, TooltipTriggerProps, NumberFieldStateOptions, ListProps, Orientation, SelectStateOptions, Item as Item$2 } from 'react-stately';
 import { Theme, Sprinkles } from '@baseline-ui/tokens';
 import { Node as Node$1, AriaLabelingProps } from '@react-types/shared';
 import { AriaTabListProps } from '@react-types/tabs';
@@ -160,6 +160,11 @@ declare function useUserPreferences(): {
     transparency: boolean;
 };
 
+type OverlayTriggerProps_ = Parameters<typeof useOverlayTrigger>[0];
+interface PopoverProps extends OverlayTriggerProps, OverlayTriggerProps_ {
+    /** The children of the popover. */
+    children: React.ReactNode | ((state: OverlayTriggerState) => React.ReactNode);
+}
 interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "triggerRef">, StylingProps {
     /**
      * The reference element for the popover position. By default, the popover is
@@ -171,6 +176,16 @@ interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "tri
     /** The contents of the popover. */
     children: React.ReactNode;
 }
+interface PopoverTriggerProps {
+    /** The contents of the popover trigger. */
+    children: React.ReactNode;
+}
+
+declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const PopoverTrigger: React.FC;
+
+declare const Popover: React.FC<PopoverProps>;
 
 type Item$1 = {
     label: string;
@@ -1188,6 +1203,10 @@ interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "vari
     includeCheckeredBackground?: boolean;
     /** Whether the component is inlined. */
     isInline?: boolean;
+    /** The class name to apply to the picker button. */
+    pickerButtonClassName?: string;
+    /** The style to apply to the picker button. */
+    pickerButtonStyle?: React.CSSProperties;
 }
 
 declare const ImageDropZone: React.ForwardRefExoticComponent<ImageDropZoneProps & React.RefAttributes<HTMLLabelElement>>;
@@ -1682,4 +1701,4 @@ interface TextSelectionProps {
     isDisabled?: boolean;
 }
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorPresetInlineInput, type ColorPresetInlineInputProps, ColorSwatch, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Menu, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Portal, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorPresetInlineInput, type ColorPresetInlineInputProps, ColorSwatch, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Menu, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import React, { Key } from 'react';
 import { IconProps, SVGRProps } from '@baseline-ui/icons';
 import * as react_aria from 'react-aria';
-import { AriaButtonProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, AriaTooltipProps, AriaPositionProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
+import { AriaButtonProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, useOverlayTrigger, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, AriaTooltipProps, AriaPositionProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
 export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
-import { SliderStateOptions, ToggleProps, MenuTriggerProps, TooltipTriggerProps, NumberFieldStateOptions, ListProps, Orientation, SelectStateOptions, Item as Item$2, OverlayTriggerProps } from 'react-stately';
+import { SliderStateOptions, ToggleProps, OverlayTriggerProps, OverlayTriggerState, MenuTriggerProps, TooltipTriggerProps, NumberFieldStateOptions, ListProps, Orientation, SelectStateOptions, Item as Item$2 } from 'react-stately';
 import { Theme, Sprinkles } from '@baseline-ui/tokens';
 import { Node as Node$1, AriaLabelingProps } from '@react-types/shared';
 import { AriaTabListProps } from '@react-types/tabs';
@@ -160,6 +160,11 @@ declare function useUserPreferences(): {
     transparency: boolean;
 };
 
+type OverlayTriggerProps_ = Parameters<typeof useOverlayTrigger>[0];
+interface PopoverProps extends OverlayTriggerProps, OverlayTriggerProps_ {
+    /** The children of the popover. */
+    children: React.ReactNode | ((state: OverlayTriggerState) => React.ReactNode);
+}
 interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "triggerRef">, StylingProps {
     /**
      * The reference element for the popover position. By default, the popover is
@@ -171,6 +176,16 @@ interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "tri
     /** The contents of the popover. */
     children: React.ReactNode;
 }
+interface PopoverTriggerProps {
+    /** The contents of the popover trigger. */
+    children: React.ReactNode;
+}
+
+declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const PopoverTrigger: React.FC;
+
+declare const Popover: React.FC<PopoverProps>;
 
 type Item$1 = {
     label: string;
@@ -1188,6 +1203,10 @@ interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "vari
     includeCheckeredBackground?: boolean;
     /** Whether the component is inlined. */
     isInline?: boolean;
+    /** The class name to apply to the picker button. */
+    pickerButtonClassName?: string;
+    /** The style to apply to the picker button. */
+    pickerButtonStyle?: React.CSSProperties;
 }
 
 declare const ImageDropZone: React.ForwardRefExoticComponent<ImageDropZoneProps & React.RefAttributes<HTMLLabelElement>>;
@@ -1682,4 +1701,4 @@ interface TextSelectionProps {
     isDisabled?: boolean;
 }
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorPresetInlineInput, type ColorPresetInlineInputProps, ColorSwatch, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Menu, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Portal, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorPresetInlineInput, type ColorPresetInlineInputProps, ColorSwatch, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Menu, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };