dap-design-system 0.56.8 → 0.57.1

package/dist/components/file-input/file-input.component.d.ts

@@ -155,7 +155,10 @@ export default class DapDSFileInput extends GenericFormElement {
     /**
      * When false, the dropzone is not tab-focusable (tabindex -1), uses role="group"
      * instead of role="button", and Enter/Space no longer opens the file dialog from
-     * the dropzone. Click and drag-and-drop still work.
+     * the dropzone. Click and drag-and-drop still work. When the browse button is
+     * also hidden, slot a focusable control into dropzone-content to keep a keyboard
+     * path to the file dialog — the hidden native input is out of the tab order
+     * whenever a dropzone is rendered.
      */
     dropzoneFocusable: string;
     /** Size of the thumbnail preview in the built-in file list */

package/dist/{components-Dd2F_vzC.js → components-C2yXmzb-.js}

@@ -12808,7 +12808,7 @@ let Y = class extends pe {
   }
   render() {
     var i, o;
-    const t = this.showBrowseButton === "true" && !this.autoupload, e = t || !(this.showDropzone && this.dropzoneFocusable === "true");
+    const t = this.showBrowseButton === "true" && !this.autoupload, e = t || !this.showDropzone;
     return $`
       <div class="label-container">
         ${this.label && $`<dap-ds-form-label
@@ -18137,7 +18137,7 @@ let cn = class extends pt {
 cn = ym([
   O("dap-ds-search")
 ], cn);
-const xm = '*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:root{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}dap-ds-form-label .dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label--no-margin{margin-bottom:0}dap-ds-form-label .dds-label--disabled{color:var(--dds-form-label-disabled-color)}dap-ds-form-label .dds-label--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label--sm{font-size:var(--dds-font-base)}dap-ds-form-label .dds-label--lg{font-size:var(--dds-font-lg)}dap-ds-form-label .dds-label--subtle{font-weight:var(--dds-font-weight-medium)}dap-ds-form-label .dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.label-container{display:flex;align-items:center;justify-content:space-between}.label--has-description{margin-bottom:var(--dds-spacing-200)}dap-ds-form-label+dap-ds-typography{display:block}.info-button{fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}:root{--font-family: "Inter", sans-serif}:host{--dds-text-color: var(--dds-text-neutral-base);--dds-text-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-heading-color: var(--dds-text-neutral-strong);--dds-text-heading-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-description-color: var(--dds-text-neutral-subtle);--dds-text-description-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-font-family: var(--font-family);--dds-text-font-weight-medium: var(--dds-font-weight-medium);--dds-text-font-weight-bold: var(--dds-font-weight-bold);--dds-text-font-size-h1: var(--dds-font-7xl);--dds-text-font-size-h2: var(--dds-font-4xl);--dds-text-font-size-h3: var(--dds-font-2xl);--dds-text-font-size-h4: var(--dds-font-xl);--dds-text-font-size-h5: var(--dds-font-lg);--dds-text-font-size-h6: var(--dds-font-base);--dds-text-font-size-body: var(--dds-font-base);--dds-text-font-size-caption: var(--dds-font-xs);--dds-text-font-size-description: var(--dds-font-base);--dds-text-font-size-description-lg: var(--dds-font-base);--dds-text-font-size-description-sm: var(--dds-font-sm);--dds-text-font-size-lg: var(--dds-font-lg);--dds-text-font-size-md: var(--dds-font-base);--dds-text-font-size-sm: var(--dds-font-sm);--dds-text-font-size-xs: var(--dds-font-xs)}:host([variant=h1]),:host([variant=h2]),:host([variant=h3]),:host([variant=h4]),:host([variant=h5]),:host([variant=h6]){color:var(--dds-text-heading-color)}:host([inverted]) :host([variant=h1]),:host([inverted]) :host([variant=h2]),:host([inverted]) :host([variant=h3]),:host([inverted]) :host([variant=h4]),:host([inverted]) :host([variant=h5]),:host([inverted]) :host([variant=h6]){color:var(--dds-text-heading-color-inverted)}:host([variant=description]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=description]){color:var(--dds-text-description-color-inverted)}:host([variant=body]){color:var(--dds-text-color)}:host([inverted]) :host([variant=body]){color:var(--dds-text-color-inverted)}:host([variant=caption]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=caption]){color:var(--dds-text-description-color-inverted)}.typography{margin:0;font-family:var(--dds-text-font-family);font-weight:var(--dds-text-font-weight-medium);letter-spacing:0}.heading{font-weight:var(--dds-text-font-weight-bold);line-height:var(--dds-font-line-height-large)}.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.72px}@media (width >= 768px){.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.8px;line-height:var(--dds-font-line-height-xlarge)}}.typography-h2{font-size:var(--dds-text-font-size-h2);letter-spacing:-.56px}.typography-h3{font-size:var(--dds-text-font-size-h3);letter-spacing:-.48px}.typography-h4{font-size:var(--dds-text-font-size-h4);letter-spacing:-.4px}.typography-h5{font-size:var(--dds-text-font-size-h5)}.typography-h6{font-size:var(--dds-text-font-size-h6)}.typography-body{font-size:var(--dds-text-font-size-body);line-height:var(--dds-font-line-height-xlarge)}.typography-caption{font-size:var(--dds-text-font-size-caption);line-height:var(--dds-font-line-height-xlarge)}.typography-description{font-size:var(--dds-text-font-size-description);line-height:var(--dds-font-line-height-xlarge)}.typography-description-lg{font-size:var(--dds-text-font-size-description-lg);line-height:var(--dds-font-line-height-xlarge)}.typography-description-sm{font-size:var(--dds-text-font-size-description-sm);line-height:var(--dds-font-line-height-xlarge)}.typography-size-lg{font-size:var(--dds-text-font-size-lg);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-md{font-size:var(--dds-text-font-size-md);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-sm{font-size:var(--dds-text-font-size-sm);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-xs{font-size:var(--dds-text-font-size-xs);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-inverted{color:var(--dds-text-color-inverted)}.typography-heading-inverted{color:var(--dds-text-heading-color-inverted)}.typography-description-inverted{color:var(--dds-text-description-color-inverted)}:host{--dds-select-min-height: var(--dds-spacing-1000);--dds-select-padding: var(--dds-spacing-300);--dds-select-column-gap: var(--dds-spacing-100);--dds-select-border-color: var(--dds-border-neutral-base);--dds-select-border-radius: var(--dds-radius-base);--dds-select-bg-color: var(--dds-background-neutral-subtle);--dds-select-text-color: var(--dds-text-neutral-base);--dds-select-icon-right: var(--dds-spacing-200);--dds-select-icon-color: var(--dds-icon-neutral-subtle);--dds-select-text-margin-right: var(--dds-spacing-600);--dds-select-native-text-margin-right: var(--dds-spacing-800);--dds-select-disabled-border-color: var(--dds-background-neutral-stronger);--dds-select-disabled-bg-color: var(--dds-background-neutral-stronger);--dds-select-disabled-text-color: var(--dds-text-neutral-disabled);--dds-select-error-border-color: var(--dds-border-negative-base);--dds-select-success-border-color: var(--dds-border-positive-base);--dds-select-xs-min-height: var(--dds-spacing-800);--dds-select-xs-padding: var(--dds-spacing-200);--dds-select-xs-font-size: var(--dds-font-sm);--dds-select-lg-min-height: var(--dds-spacing-1200);--dds-select-lg-padding: var(--dds-spacing-400);--dds-select-lg-font-size: var(--dds-font-lg);--dds-select-lg-icon-right: var(--dds-spacing-300);--dds-select-lg-icon-color: var(--dds-text-icon-neutral-subtle);--dds-select-popup-bg-color: var(--dds-background-neutral-subtle);--dds-select-icon-opened-transform: rotate(-180deg)}.select{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:inline-flex;position:relative;flex-direction:row;align-items:center;width:100%;min-height:var(--dds-select-min-height);padding:var(--dds-select-padding);column-gap:var(--dds-select-column-gap);border:var(--dds-border-width-base, 1px) solid var(--dds-select-border-color);border-radius:var(--dds-select-border-radius);background-color:var(--dds-select-bg-color);color:var(--dds-select-text-color);line-height:1;text-overflow:ellipsis;cursor:pointer}.select:focus{outline-style:solid}.select .icon{position:absolute;right:var(--dds-select-icon-right);transition:all .3s;fill:var(--dds-select-icon-color);color:var(--dds-select-icon-color);pointer-events:none}.select .text{margin-right:var(--dds-select-text-margin-right);text-align:left}.select--loading .icon{animation:dds-spin 1s linear infinite}.select--disabled{border-color:var(--dds-select-disabled-border-color);background-color:var(--dds-select-disabled-bg-color);color:var(--dds-select-disabled-text-color);cursor:not-allowed;pointer-events:none;user-select:none}.select--disabled .text{pointer-events:auto;user-select:text;-webkit-touch-callout:default}.select--readonly{border-color:var(--dds-border-neutral-transparent-disabled);background-color:var(--dds-fields-background-read-only);color:var(--dds-text-neutral-subtle);cursor:text;pointer-events:none;user-select:none}.select--readonly .text{pointer-events:auto;user-select:text;-webkit-touch-callout:default}.select--readonly .icon{pointer-events:none}.select--error{border-color:var(--dds-select-error-border-color)}.select--success{border-color:var(--dds-select-success-border-color)}.select--xs{min-height:var(--dds-select-xs-min-height);padding:var(--dds-select-xs-padding);font-size:var(--dds-select-xs-font-size)}.select--lg{min-height:var(--dds-select-lg-min-height);padding:var(--dds-select-lg-padding);font-size:var(--dds-select-lg-font-size)}.select--lg .icon{position:absolute;right:var(--dds-select-lg-icon-right);color:var(--dds-select-lg-icon-color);pointer-events:none}.select--opened:not(.select--no-animation) .icon{transform:var(--dds-select-icon-opened-transform)}.select-popup::part(popup){background-color:var(--dds-select-popup-bg-color)}dap-ds-tray::part(content){padding:var(--dds-spacing-100)}.select-wrapper--native{display:block;position:relative;width:100%}.select-wrapper--native .icon{position:absolute;top:50%;right:var(--dds-select-icon-right);transform:translateY(-50%);fill:var(--dds-select-icon-color);color:var(--dds-select-icon-color);pointer-events:none;user-select:none}.select-wrapper--native select.select--lg+.icon{right:var(--dds-select-lg-icon-right);color:var(--dds-select-lg-icon-color)}select.select{padding-right:var(--dds-select-native-text-margin-right);background-image:none;font-family:inherit;appearance:none}';
+const xm = '*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:root{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}dap-ds-form-label .dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label--no-margin{margin-bottom:0}dap-ds-form-label .dds-label--disabled{color:var(--dds-form-label-disabled-color)}dap-ds-form-label .dds-label--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label--sm{font-size:var(--dds-font-base)}dap-ds-form-label .dds-label--lg{font-size:var(--dds-font-lg)}dap-ds-form-label .dds-label--subtle{font-weight:var(--dds-font-weight-medium)}dap-ds-form-label .dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.label-container{display:flex;align-items:center;justify-content:space-between}.label--has-description{margin-bottom:var(--dds-spacing-200)}dap-ds-form-label+dap-ds-typography{display:block}.info-button{fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}:root{--font-family: "Inter", sans-serif}:host{--dds-text-color: var(--dds-text-neutral-base);--dds-text-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-heading-color: var(--dds-text-neutral-strong);--dds-text-heading-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-description-color: var(--dds-text-neutral-subtle);--dds-text-description-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-font-family: var(--font-family);--dds-text-font-weight-medium: var(--dds-font-weight-medium);--dds-text-font-weight-bold: var(--dds-font-weight-bold);--dds-text-font-size-h1: var(--dds-font-7xl);--dds-text-font-size-h2: var(--dds-font-4xl);--dds-text-font-size-h3: var(--dds-font-2xl);--dds-text-font-size-h4: var(--dds-font-xl);--dds-text-font-size-h5: var(--dds-font-lg);--dds-text-font-size-h6: var(--dds-font-base);--dds-text-font-size-body: var(--dds-font-base);--dds-text-font-size-caption: var(--dds-font-xs);--dds-text-font-size-description: var(--dds-font-base);--dds-text-font-size-description-lg: var(--dds-font-base);--dds-text-font-size-description-sm: var(--dds-font-sm);--dds-text-font-size-lg: var(--dds-font-lg);--dds-text-font-size-md: var(--dds-font-base);--dds-text-font-size-sm: var(--dds-font-sm);--dds-text-font-size-xs: var(--dds-font-xs)}:host([variant=h1]),:host([variant=h2]),:host([variant=h3]),:host([variant=h4]),:host([variant=h5]),:host([variant=h6]){color:var(--dds-text-heading-color)}:host([inverted]) :host([variant=h1]),:host([inverted]) :host([variant=h2]),:host([inverted]) :host([variant=h3]),:host([inverted]) :host([variant=h4]),:host([inverted]) :host([variant=h5]),:host([inverted]) :host([variant=h6]){color:var(--dds-text-heading-color-inverted)}:host([variant=description]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=description]){color:var(--dds-text-description-color-inverted)}:host([variant=body]){color:var(--dds-text-color)}:host([inverted]) :host([variant=body]){color:var(--dds-text-color-inverted)}:host([variant=caption]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=caption]){color:var(--dds-text-description-color-inverted)}.typography{margin:0;font-family:var(--dds-text-font-family);font-weight:var(--dds-text-font-weight-medium);letter-spacing:0}.heading{font-weight:var(--dds-text-font-weight-bold);line-height:var(--dds-font-line-height-large)}.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.72px}@media (width >= 768px){.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.8px;line-height:var(--dds-font-line-height-xlarge)}}.typography-h2{font-size:var(--dds-text-font-size-h2);letter-spacing:-.56px}.typography-h3{font-size:var(--dds-text-font-size-h3);letter-spacing:-.48px}.typography-h4{font-size:var(--dds-text-font-size-h4);letter-spacing:-.4px}.typography-h5{font-size:var(--dds-text-font-size-h5)}.typography-h6{font-size:var(--dds-text-font-size-h6)}.typography-body{font-size:var(--dds-text-font-size-body);line-height:var(--dds-font-line-height-xlarge)}.typography-caption{font-size:var(--dds-text-font-size-caption);line-height:var(--dds-font-line-height-xlarge)}.typography-description{font-size:var(--dds-text-font-size-description);line-height:var(--dds-font-line-height-xlarge)}.typography-description-lg{font-size:var(--dds-text-font-size-description-lg);line-height:var(--dds-font-line-height-xlarge)}.typography-description-sm{font-size:var(--dds-text-font-size-description-sm);line-height:var(--dds-font-line-height-xlarge)}.typography-size-lg{font-size:var(--dds-text-font-size-lg);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-md{font-size:var(--dds-text-font-size-md);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-sm{font-size:var(--dds-text-font-size-sm);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-xs{font-size:var(--dds-text-font-size-xs);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-inverted{color:var(--dds-text-color-inverted)}.typography-heading-inverted{color:var(--dds-text-heading-color-inverted)}.typography-description-inverted{color:var(--dds-text-description-color-inverted)}:host{--dds-select-min-height: var(--dds-spacing-1000);--dds-select-padding: var(--dds-spacing-300);--dds-select-column-gap: var(--dds-spacing-100);--dds-select-border-color: var(--dds-border-neutral-base);--dds-select-border-radius: var(--dds-radius-base);--dds-select-bg-color: var(--dds-background-neutral-subtle);--dds-select-text-color: var(--dds-text-neutral-base);--dds-select-icon-right: var(--dds-spacing-200);--dds-select-icon-color: var(--dds-icon-neutral-subtle);--dds-select-text-margin-right: var(--dds-spacing-600);--dds-select-native-text-margin-right: var(--dds-spacing-800);--dds-select-disabled-border-color: var(--dds-background-neutral-stronger);--dds-select-disabled-bg-color: var(--dds-background-neutral-stronger);--dds-select-disabled-text-color: var(--dds-text-neutral-disabled);--dds-select-error-border-color: var(--dds-border-negative-base);--dds-select-success-border-color: var(--dds-border-positive-base);--dds-select-xs-min-height: var(--dds-spacing-800);--dds-select-xs-padding: var(--dds-spacing-200);--dds-select-xs-font-size: var(--dds-font-sm);--dds-select-lg-min-height: var(--dds-spacing-1200);--dds-select-lg-padding: var(--dds-spacing-400);--dds-select-lg-font-size: var(--dds-font-lg);--dds-select-lg-icon-right: var(--dds-spacing-300);--dds-select-lg-icon-color: var(--dds-text-icon-neutral-subtle);--dds-select-popup-bg-color: var(--dds-background-neutral-subtle);--dds-select-icon-opened-transform: rotate(-180deg)}.select{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:inline-flex;position:relative;flex-direction:row;align-items:center;width:100%;min-height:var(--dds-select-min-height);padding:var(--dds-select-padding);column-gap:var(--dds-select-column-gap);border:var(--dds-border-width-base, 1px) solid var(--dds-select-border-color);border-radius:var(--dds-select-border-radius);background-color:var(--dds-select-bg-color);color:var(--dds-select-text-color);line-height:1;text-overflow:ellipsis;cursor:pointer}.select:focus{outline-style:solid}.select .icon{position:absolute;right:var(--dds-select-icon-right);transition:all .3s;fill:var(--dds-select-icon-color);color:var(--dds-select-icon-color);pointer-events:none}.select .text{margin-right:var(--dds-select-text-margin-right);text-align:left}.select--loading .icon{animation:dds-spin 1s linear infinite}.select--disabled{border-color:var(--dds-select-disabled-border-color);background-color:var(--dds-select-disabled-bg-color);color:var(--dds-select-disabled-text-color);cursor:not-allowed;pointer-events:none;user-select:none}.select--disabled .text{pointer-events:auto;user-select:text;-webkit-touch-callout:default}.select--readonly{border-color:var(--dds-border-neutral-transparent-disabled);background-color:var(--dds-fields-background-read-only);color:var(--dds-text-neutral-subtle);cursor:text;pointer-events:none;user-select:none}.select--readonly .text{pointer-events:auto;user-select:text;-webkit-touch-callout:default}.select--readonly .icon{pointer-events:none}.select--error{border-color:var(--dds-select-error-border-color)}.select--success{border-color:var(--dds-select-success-border-color)}.select--xs{min-height:var(--dds-select-xs-min-height);padding:var(--dds-select-xs-padding);font-size:var(--dds-select-xs-font-size)}.select--sm{height:var(--dds-select-min-height)}.select--lg{min-height:var(--dds-select-lg-min-height);padding:var(--dds-select-lg-padding);font-size:var(--dds-select-lg-font-size)}.select--lg .icon{position:absolute;right:var(--dds-select-lg-icon-right);color:var(--dds-select-lg-icon-color);pointer-events:none}.select--opened:not(.select--no-animation) .icon{transform:var(--dds-select-icon-opened-transform)}.select-popup::part(popup){background-color:var(--dds-select-popup-bg-color)}dap-ds-tray::part(content){padding:var(--dds-spacing-100)}.select-wrapper--native{display:block;position:relative;width:100%}.select-wrapper--native .icon{position:absolute;top:50%;right:var(--dds-select-icon-right);transform:translateY(-50%);fill:var(--dds-select-icon-color);color:var(--dds-select-icon-color);pointer-events:none;user-select:none}.select-wrapper--native select.select--lg+.icon{right:var(--dds-select-lg-icon-right);color:var(--dds-select-lg-icon-color)}select.select{padding-right:var(--dds-select-native-text-margin-right);background-image:none;font-family:inherit;appearance:none}';
 var wm = Object.defineProperty, _m = Object.getOwnPropertyDescriptor, Yt = (t, e, i, o) => {
   for (var r = o > 1 ? void 0 : o ? _m(e, i) : e, a = t.length - 1, s; a >= 0; a--)
     (s = t[a]) && (r = (o ? s(e, i, r) : s(r)) || r);
@@ -21555,7 +21555,7 @@ export {
   Na as Y,
   Ro as Z,
   ie as _,
-  Be as a,
+  to as a,
   Ar as a0,
   zt as a1,
   Lr as a2,
@@ -21601,10 +21601,10 @@ export {
   po as ax,
   me as ay,
   Pr as az,
-  to as b,
-  eo as c,
-  Ut as d,
-  Eo as e,
+  Eo as b,
+  Ut as c,
+  Be as d,
+  eo as e,
   He as f,
   vi as g,
   ii as h,
@@ -21612,13 +21612,13 @@ export {
   qt as j,
   Mt as k,
   Xt as l,
-  Ia as m,
-  $r as n,
-  Li as o,
-  Sr as p,
-  Po as q,
-  ve as r,
-  jt as s,
+  jt as m,
+  Ia as n,
+  $r as o,
+  Li as p,
+  Sr as q,
+  Po as r,
+  ve as s,
   Ce as t,
   Ei as u,
   De as v,
@@ -21627,4 +21627,4 @@ export {
   Qt as y,
   wi as z
 };
-//# sourceMappingURL=components-Dd2F_vzC.js.map
+//# sourceMappingURL=components-C2yXmzb-.js.map