@trintel/zooy 1.0.2 → 1.0.7

package/dist/chunks/{select-0jyl720Y.js → select-CE-WFB8J.js}

@@ -1,54 +1,54 @@
 import { _ as s } from "./tslib.es6-C5gLNDSD.js";
-import { i as q, a as F, x as o } from "./main-BywCEBtD.js";
-import { n as l } from "./property-DzfJpYmn.js";
+import { i as I, a as A, x as o } from "./main-jVeZRB91.js";
+import { n as c } from "./property-1hLlCJhn.js";
 import { p as e } from "./settings-jvP7vP60.js";
 import { c as M } from "./carbon-element-DzDuXiyl.js";
 import { a as E, e as B } from "./query-CbRg6ZGy.js";
-import { e as k } from "./class-map-hWNVHb09.js";
+import { e as z } from "./class-map-DRKcPEMq.js";
 import { _ as O } from "./16-CDRTWf-C.js";
 import { _ as R } from "./16-BiShwKPX.js";
 import { _ as X } from "./16-BwDdccyH.js";
-import { o as $ } from "./if-defined-D2rCHx2p.js";
+import { o as $ } from "./if-defined-CyKOTQoD.js";
 import { F as D } from "./form-DpI-v6DA.js";
 import { a as P } from "./collection-helpers-Bk68Vaau.js";
-import { I as V } from "./text-input-BGuFqOdN.js";
-import { i as z } from "./icon-loader-C3acLKRm.js";
-import { i as j } from "./if-non-empty-CcwduEjT.js";
+import { I as V } from "./text-input-DQKK3f2L.js";
+import { i as q } from "./icon-loader-HxMZmG1S.js";
+import { i as j } from "./if-non-empty-DZ7mMVRO.js";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 let U;
-function Y(y) {
-  return (c, i) => E(c, i, { get() {
-    return (this.renderRoot ?? (U ??= document.createDocumentFragment())).querySelectorAll(y);
+function Y(w) {
+  return (l, i) => E(l, i, { get() {
+    return (this.renderRoot ?? (U ??= document.createDocumentFragment())).querySelectorAll(w);
   } });
 }
-let m = class extends q {
+let h = class extends I {
   constructor() {
     super(...arguments), this.disabled = !1, this.label = "", this.selected = !1, this.value = "";
   }
 };
 s([
-  l({ type: Boolean, reflect: !0 })
-], m.prototype, "disabled", void 0);
+  c({ type: Boolean, reflect: !0 })
+], h.prototype, "disabled", void 0);
 s([
-  l({ reflect: !0 })
-], m.prototype, "label", void 0);
+  c({ reflect: !0 })
+], h.prototype, "label", void 0);
 s([
-  l({ type: Boolean, reflect: !0 })
-], m.prototype, "selected", void 0);
+  c({ type: Boolean, reflect: !0 })
+], h.prototype, "selected", void 0);
 s([
-  l({ reflect: !0 })
-], m.prototype, "value", void 0);
-m = s([
+  c({ reflect: !0 })
+], h.prototype, "value", void 0);
+h = s([
   M(`${e}-select-item`)
-], m);
-var Z = F(['.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,:host(cds-select[warn]) .cds--select-input__wrapper~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,:host(cds-select[inline]):host(cds-select[warn]) .cds--select-input--inline__wrapper~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text,:host(cds-select[inline]) .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select,:host(cds-select){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--select *,.cds--select :after,.cds--select :before,:host(cds-select) *,:host(cds-select) :after,:host(cds-select) :before{box-sizing:inherit}.cds--select,:host(cds-select){align-items:flex-start;display:flex;flex-direction:column;inline-size:100%;position:relative}.cds--select-input__wrapper{align-items:center;display:flex;inline-size:100%;position:relative}.cds--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;display:block;font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:focus{color:var(--cds-text-primary,#161616)}.cds--select-input:disabled,.cds--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select-input--sm{block-size:2rem;max-block-size:2rem}.cds--select-input--lg{block-size:3rem;max-block-size:3rem}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label,:host(cds-select[disabled]) .cds--form__helper-text,:host(cds-select[disabled]) .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input,:host(cds-select[warn]) .cds--select-input{padding-inline-end:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--light .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select__arrow{block-size:100%;position:absolute;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{inset-inline-end:2.5rem;position:absolute}.cds--select-input--inline__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--inline,:host(cds-select[inline]){align-items:center;display:flex;flex-direction:row}.cds--select--inline .cds--form__helper-text,:host(cds-select[inline]) .cds--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds--select--inline .cds--label,:host(cds-select[inline]) .cds--label{margin:0 .5rem 0 0;white-space:nowrap}.cds--select--inline .cds--select-input,:host(cds-select[inline]) .cds--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds--select--inline .cds--select-input:hover,:host(cds-select[inline]) .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option,:host(cds-select[inline]) .cds--select-input:focus,:host(cds-select[inline]) .cds--select-input:focus optgroup,:host(cds-select[inline]) .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input:focus optgroup:hover,.cds--select--inline .cds--select-input:focus option:hover,.cds--select--inline .cds--select-input:focus:hover,:host(cds-select[inline]) .cds--select-input:focus optgroup:hover,:host(cds-select[inline]) .cds--select-input:focus option:hover,:host(cds-select[inline]) .cds--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover,:host(cds-select[inline]) .cds--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select__arrow,:host(cds-select[inline]) .cds--select__arrow{inset-inline-end:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input,:host(cds-select[inline]):host(cds-select[invalid]) .cds--select-input{padding-inline-end:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon,.cds--select--inline.cds--select--warning .cds--select-input~.cds--select__invalid-icon--warning,:host(cds-select[inline]):host(cds-select[invalid]) .cds--select-input~.cds--select__invalid-icon,:host(cds-select[inline]):host(cds-select[warn]) .cds--select-input~.cds--select__invalid-icon--warning{inset-inline-end:2rem}.cds--select--inline .cds--select-input:disabled,:host(cds-select[inline]) .cds--select-input:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*,:host(cds-select[inline]) .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--readonly.cds--select--inline .cds--select-input:hover{background-color:transparent}.cds--select.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--select.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--select.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--select.cds--skeleton{background:CanvasText}.cds--select.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--select.cds--skeleton{block-size:2.5rem;inline-size:100%}.cds--select.cds--skeleton .cds--select-input{display:none}.cds--select--decorator .cds--select__inner-wrapper--decorator>*,.cds--select--slug .cds--ai-label,.cds--select--slug .cds--slug,:host(cds-select[slug]) .cds--ai-label,:host(cds-select[slug]) .cds--slug{inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;position:absolute;transform:translateY(-50%)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:after,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:after,:host(cds-select[slug]) .cds--slug:before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:"";inline-size:.0625rem;position:absolute}.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--slug:after,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert:before,.cds--select--slug .cds--ai-label--revert:before,.cds--select--slug .cds--slug--revert:before,:host(cds-select[slug]) .cds--ai-label--revert:before,:host(cds-select[slug]) .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert,.cds--select--slug .cds--ai-label--revert,:host(cds-select[slug]) .cds--ai-label--revert{inset-inline-end:2.5625rem}.cds--select--decorator .cds--ai-label--revert:after,.cds--select--slug .cds--ai-label--revert:after,.cds--select--slug .cds--slug--revert:after,:host(cds-select[slug]) .cds--ai-label--revert:after,:host(cds-select[slug]) .cds--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug .cds--select-input:has(~.cds--ai-label),.cds--select--slug .cds--select-input:has(~.cds--slug),:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label),:host(cds-select[slug]) .cds--select-input:has(~.cds--slug){padding-inline-end:4rem}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--ai-label),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--slug),:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label),:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--select-input:has(~.cds--slug){padding-inline-end:6rem}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--select__inner-wrapper--decorator .cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--select-input-has--ai-label,:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),:host(cds-select[slug]) .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select__inner-wrapper--decorator>:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--slug:before,:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--ai-label:before,:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--slug:before{display:block}.cds--select--decorator .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon,:host(cds-select[slug]) .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon{inset-inline-end:5rem}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-select){outline:none}:host(cds-select) ::slotted(cds-ai-label),:host(cds-select) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:3rem;position:absolute}:host(cds-select) ::slotted(cds-ai-label:not([revert-active])),:host(cds-select) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-select) ::slotted(cds-ai-label):after,:host(cds-select) ::slotted(cds-ai-label):before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:"";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px);position:absolute}:host(cds-select) ::slotted(cds-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-select[readonly]) select{pointer-events:none}:host(cds-select[pagination]) .cds--label{margin:0}:host(cds-select[pagination]) .cds--select-input{padding:0 2.25rem 0 1rem}:host(cds-select[pagination]) .cds--select-input:focus{background-color:transparent}:host(cds-select[pagination]) .cds--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-select[pagination][left-select]) .cds--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-select[invalid]) ::slotted(cds-ai-label),:host(cds-select[invalid]) ::slotted(cds-slug),:host(cds-select[warn]) ::slotted(cds-ai-label),:host(cds-select[warn]) ::slotted(cds-slug){inset-inline-end:3rem}']);
-let t = class extends D(q) {
+], h);
+var Z = A(['.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,:host(cds-select[warn]) .cds--select-input__wrapper~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,:host(cds-select[inline]):host(cds-select[warn]) .cds--select-input--inline__wrapper~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text,:host(cds-select[inline]) .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select,:host(cds-select){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--select *,.cds--select :after,.cds--select :before,:host(cds-select) *,:host(cds-select) :after,:host(cds-select) :before{box-sizing:inherit}.cds--select,:host(cds-select){align-items:flex-start;display:flex;flex-direction:column;inline-size:100%;position:relative}.cds--select-input__wrapper{align-items:center;display:flex;inline-size:100%;position:relative}.cds--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;display:block;font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:focus{color:var(--cds-text-primary,#161616)}.cds--select-input:disabled,.cds--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select-input--sm{block-size:2rem;max-block-size:2rem}.cds--select-input--lg{block-size:3rem;max-block-size:3rem}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label,:host(cds-select[disabled]) .cds--form__helper-text,:host(cds-select[disabled]) .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input,:host(cds-select[warn]) .cds--select-input{padding-inline-end:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--light .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select__arrow{block-size:100%;position:absolute;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{inset-inline-end:2.5rem;position:absolute}.cds--select-input--inline__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--inline,:host(cds-select[inline]){align-items:center;display:flex;flex-direction:row}.cds--select--inline .cds--form__helper-text,:host(cds-select[inline]) .cds--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds--select--inline .cds--label,:host(cds-select[inline]) .cds--label{margin:0 .5rem 0 0;white-space:nowrap}.cds--select--inline .cds--select-input,:host(cds-select[inline]) .cds--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds--select--inline .cds--select-input:hover,:host(cds-select[inline]) .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option,:host(cds-select[inline]) .cds--select-input:focus,:host(cds-select[inline]) .cds--select-input:focus optgroup,:host(cds-select[inline]) .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input:focus optgroup:hover,.cds--select--inline .cds--select-input:focus option:hover,.cds--select--inline .cds--select-input:focus:hover,:host(cds-select[inline]) .cds--select-input:focus optgroup:hover,:host(cds-select[inline]) .cds--select-input:focus option:hover,:host(cds-select[inline]) .cds--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover,:host(cds-select[inline]) .cds--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select__arrow,:host(cds-select[inline]) .cds--select__arrow{inset-inline-end:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input,:host(cds-select[inline]):host(cds-select[invalid]) .cds--select-input{padding-inline-end:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon,.cds--select--inline.cds--select--warning .cds--select-input~.cds--select__invalid-icon--warning,:host(cds-select[inline]):host(cds-select[invalid]) .cds--select-input~.cds--select__invalid-icon,:host(cds-select[inline]):host(cds-select[warn]) .cds--select-input~.cds--select__invalid-icon--warning{inset-inline-end:2rem}.cds--select--inline .cds--select-input:disabled,:host(cds-select[inline]) .cds--select-input:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*,:host(cds-select[inline]) .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--readonly.cds--select--inline .cds--select-input:hover{background-color:transparent}.cds--select.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--select.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--select.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--select.cds--skeleton{background:CanvasText}.cds--select.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--select.cds--skeleton{block-size:2.5rem;inline-size:100%}.cds--select.cds--skeleton .cds--select-input{display:none}.cds--select--decorator .cds--select__inner-wrapper--decorator>*,.cds--select--slug .cds--ai-label,.cds--select--slug .cds--slug,:host(cds-select[slug]) .cds--ai-label,:host(cds-select[slug]) .cds--slug{inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;position:absolute;transform:translateY(-50%)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:after,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:after,:host(cds-select[slug]) .cds--slug:before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:"";inline-size:.0625rem;position:absolute}.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--slug:after,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert:before,.cds--select--slug .cds--ai-label--revert:before,.cds--select--slug .cds--slug--revert:before,:host(cds-select[slug]) .cds--ai-label--revert:before,:host(cds-select[slug]) .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert,.cds--select--slug .cds--ai-label--revert,:host(cds-select[slug]) .cds--ai-label--revert{inset-inline-end:2.5625rem}.cds--select--decorator .cds--ai-label--revert:after,.cds--select--slug .cds--ai-label--revert:after,.cds--select--slug .cds--slug--revert:after,:host(cds-select[slug]) .cds--ai-label--revert:after,:host(cds-select[slug]) .cds--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug .cds--select-input:has(~.cds--ai-label),.cds--select--slug .cds--select-input:has(~.cds--slug),:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label),:host(cds-select[slug]) .cds--select-input:has(~.cds--slug){padding-inline-end:4rem}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--ai-label),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--slug),:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label),:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--select-input:has(~.cds--slug){padding-inline-end:6rem}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--select__inner-wrapper--decorator .cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--select-input-has--ai-label,:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),:host(cds-select[slug]) .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select__inner-wrapper--decorator>:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--slug:before,:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--ai-label:before,:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--slug:before{display:block}.cds--select--decorator .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon,:host(cds-select[slug]) .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon{inset-inline-end:5rem}.cds--select--fluid .cds--select,.cds--select--fluid :host(cds-select){background:var(--cds-field);block-size:100%;position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--select--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,.cds--select--fluid .cds--label::-webkit-scrollbar{display:none}.cds--select--fluid .cds--label .cds--toggletip-label,.cds--select--fluid .cds--label:not(:has(.cds--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds--select--fluid .cds--select-input{min-block-size:4rem;outline:none;padding:2rem 2rem .8125rem 1rem;text-overflow:ellipsis}.cds--select--fluid .cds--select__arrow{block-size:1rem;inset-block-start:2.125rem;inset-inline-end:.75rem}.cds--select--fluid .cds--select__divider{display:none;transition:border-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper,.cds--select--fluid :host(cds-select[invalid]) .cds--select-input__wrapper{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper,.cds--select--fluid :host(cds-select[invalid]) .cds--select-input__wrapper{outline-style:dotted}}.cds--select--fluid .cds--select--invalid .cds--select__divider,.cds--select--fluid .cds--select--warning .cds--select__divider,.cds--select--fluid :host(cds-select[invalid]) .cds--select__divider,.cds--select--fluid :host(cds-select[warn]) .cds--select__divider{border:none;border-block-end:1px solid var(--cds-border-subtle);display:block;inline-size:calc(100% - 2rem);margin:0 1rem}.cds--select--fluid .cds--select--warning .cds--select-input,.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input,.cds--select--fluid :host(cds-select[warn]) .cds--select-input{border-block-end:1px solid transparent;padding-inline-end:2rem}.cds--select--fluid .cds--select--warning,.cds--select--fluid :host(cds-select[warn]){border-block-end:1px solid var(--cds-border-strong)}.cds--select--fluid .cds--select-input__wrapper{display:block}.cds--select--fluid .cds--select--warning .cds--select-input:not(:focus),.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--select--fluid :host(cds-select[warn]) .cds--select-input:not(:focus){outline:none}.cds--select--fluid .cds--select--warning .cds--form-requirement,.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement,.cds--select--fluid :host(cds-select[warn]) .cds--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--select--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}.cds--select--fluid .cds--select--warning .cds--select-input__wrapper:hover+.cds--select__divider,.cds--select--fluid .cds--select-input__wrapper[data-invalid]:hover+.cds--select__divider,.cds--select--fluid :host(cds-select[warn]) .cds--select-input__wrapper:hover+.cds--select__divider{border-color:transparent}.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select--fluid .cds--select--warning .cds--select-input__wrapper .cds--select__invalid-icon,.cds--select--fluid :host(cds-select[invalid]) .cds--select-input__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select--fluid :host(cds-select[warn]) .cds--select-input__wrapper .cds--select__invalid-icon{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper{outline-style:dotted}}.cds--select--fluid .cds--select--fluid--focus .cds--select-input,.cds--select--fluid .cds--select--fluid--focus.cds--select--warning{border-block-end:1px solid transparent}.cds--select--fluid .cds--select--disabled .cds--toggletip-label,.cds--select--fluid :host(cds-select[disabled]) .cds--toggletip-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--fluid .cds--select--disabled .cds--toggletip-button,.cds--select--fluid :host(cds-select[disabled]) .cds--toggletip-button{pointer-events:none}.cds--select--fluid .cds--select--disabled .cds--toggletip-button svg,.cds--select--fluid :host(cds-select[disabled]) .cds--toggletip-button svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--fluid .cds--select--decorator .cds--select__inner-wrapper--decorator>*,.cds--select--fluid .cds--select--slug .cds--ai-label,.cds--select--fluid .cds--select--slug .cds--slug,.cds--select--fluid :host(cds-select[slug]) .cds--ai-label,.cds--select--fluid :host(cds-select[slug]) .cds--slug{inset-block-start:2.625rem;inset-inline-end:3rem}.cds--select--fluid .cds--select--slug .cds--select-input,.cds--select--fluid :host(cds-select[slug]) .cds--select-input{padding-inline-end:4rem}.cds--select--fluid .cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label:before,.cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label:before,.cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--slug:before,.cds--select--fluid :has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--ai-label:before,.cds--select--fluid :has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--slug:before{display:none}.cds--select--fluid__skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6);position:relative}.cds--select--fluid__skeleton .cds--skeleton{block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.cds--select--fluid__skeleton .cds--label{block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem;padding:0;position:absolute}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-select){outline:none}:host(cds-select) ::slotted(cds-ai-label),:host(cds-select) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:3rem;position:absolute}:host(cds-select) ::slotted(cds-ai-label:not([revert-active])),:host(cds-select) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-select) ::slotted(cds-ai-label):after,:host(cds-select) ::slotted(cds-ai-label):before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:"";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px);position:absolute}:host(cds-select) ::slotted(cds-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-select[readonly]) select{pointer-events:none}:host(cds-select[pagination]) .cds--label{margin:0}:host(cds-select[pagination]) .cds--select-input{padding:0 2.25rem 0 1rem}:host(cds-select[pagination]) .cds--select-input:focus{background-color:transparent}:host(cds-select[pagination]) .cds--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-select[pagination][left-select]) .cds--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-select[invalid]) ::slotted(cds-ai-label),:host(cds-select[invalid]) ::slotted(cds-slug),:host(cds-select[warn]) ::slotted(cds-ai-label),:host(cds-select[warn]) ::slotted(cds-slug){inset-inline-end:3rem}']);
+let t = class extends D(I) {
   constructor() {
-    super(...arguments), this._hasAILabel = !1, this._observerMutation = null, this._placeholderItemValue = `__${e}-select-placeholder_${Math.random().toString(36).slice(2)}`, this._handleMutation = () => {
+    super(...arguments), this._hasAILabel = !1, this._observerMutation = null, this._placeholderItemValue = `__${e}-select-placeholder_${Math.random().toString(36).slice(2)}`, this.isFluid = !1, this._handleMutation = () => {
       this.requestUpdate();
     }, this.autofocus = !1, this.disabled = !1, this.helperText = "", this.hideLabel = !1, this.id = "", this.invalid = !1, this.invalidText = "", this.warn = !1, this.warnText = "", this.labelText = "", this.inline = !1, this.name = "", this.pattern = "", this.placeholder = "", this.readonly = !1, this.required = !1, this.requiredValidityMessage = "Please fill out this field.", this.size = V.MEDIUM, this.value = "";
   }
@@ -58,8 +58,8 @@ let t = class extends D(q) {
    * @param event The event.
    * @param event.target The event target.
    */
-  _handleInput({ target: c }) {
-    const { value: i } = c;
+  _handleInput({ target: l }) {
+    const { value: i } = l;
     this.value = i;
     const { eventSelect: a } = this.constructor;
     this.dispatchEvent(new CustomEvent(a, {
@@ -74,40 +74,40 @@ let t = class extends D(q) {
    * @param element The parent element containing pseudo `<optgroup>`/`<option>`.
    * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.
    */
-  _renderItems(c) {
+  _renderItems(l) {
     const { selectorItem: i, selectorLeafItem: a } = this.constructor;
     return o`
-      ${P(c.childNodes, (d) => d.nodeType === Node.ELEMENT_NODE && d.matches(i)).map((d) => {
-      const r = d.hasAttribute("disabled"), n = d.getAttribute("label"), b = d.hasAttribute("selected"), p = d.getAttribute("value"), { textContent: f } = d;
-      return d.matches(a) ? o`
+      ${P(l.childNodes, (r) => r.nodeType === Node.ELEMENT_NODE && r.matches(i)).map((r) => {
+      const d = r.hasAttribute("disabled"), n = r.getAttribute("label"), b = r.hasAttribute("selected"), u = r.getAttribute("value"), { textContent: f } = r;
+      return r.matches(a) ? o`
               <option
                 class="${e}--select-option"
-                ?disabled="${r}"
+                ?disabled="${d}"
                 label="${j(n)}"
                 ?selected="${b}"
-                value="${$(p)}">
+                value="${$(u)}">
                 ${f}
               </option>
             ` : o`
               <optgroup
                 class="${e}--select-optgroup"
-                ?disabled="${r}"
+                ?disabled="${d}"
                 label="${$(n)}">
-                ${this._renderItems(d)}
+                ${this._renderItems(r)}
               </optgroup>
             `;
     })}
     `;
   }
-  _handleFormdata(c) {
-    const { formData: i } = c, { disabled: a, name: d, value: r } = this;
-    a || i.append(d, r);
+  _handleFormdata(l) {
+    const { formData: i } = l, { disabled: a, name: r, value: d } = this;
+    a || i.append(r, d);
   }
   /**
    * Handles `slotchange` event.
    */
-  _handleAILabelSlotChange({ target: c }) {
-    const i = c.assignedNodes().filter((a) => a.matches !== void 0 ? a.matches(this.constructor.aiLabelItem) || // remove reference to slug in v12
+  _handleAILabelSlotChange({ target: l }) {
+    const i = l.assignedNodes().filter((a) => a.matches !== void 0 ? a.matches(this.constructor.aiLabelItem) || // remove reference to slug in v12
     a.matches(this.constructor.slugItem) : !1);
     this._hasAILabel = !!i, this.setAttribute("slug", `${this._hasAILabel}`), i[0].setAttribute("size", "mini"), this.requestUpdate();
   }
@@ -140,11 +140,11 @@ let t = class extends D(q) {
    * The selected index.
    */
   get selectedIndex() {
-    var c;
-    return (c = this._selectNode) === null || c === void 0 ? void 0 : c.selectedIndex;
+    var l;
+    return (l = this._selectNode) === null || l === void 0 ? void 0 : l.selectedIndex;
   }
-  set selectedIndex(c) {
-    this._selectNode.selectedIndex = c, this.value = this._selectNode.value;
+  set selectedIndex(l) {
+    this._selectNode.selectedIndex = l, this.value = this._selectNode.value;
   }
   connectedCallback() {
     super.connectedCallback(), this._observerMutation = new MutationObserver(this._handleMutation), this._observerMutation.observe(this, {
@@ -156,68 +156,68 @@ let t = class extends D(q) {
   disconnectedCallback() {
     this._observerMutation && (this._observerMutation.disconnect(), this._observerMutation = null), super.disconnectedCallback();
   }
-  updated(c) {
-    var i, a, d, r, n, b, p, f, h, u;
-    if (c.has("value")) {
-      const { value: g, _placeholderItemValue: x } = this, _ = (d = (i = this._selectedOptionNodes) === null || i === void 0 ? void 0 : i[((a = this._selectedOptionNodes) === null || a === void 0 ? void 0 : a.length) - 1]) === null || d === void 0 ? void 0 : d.value;
+  updated(l) {
+    var i, a, r, d, n, b, u, f, m, p;
+    if (l.has("value")) {
+      const { value: g, _placeholderItemValue: x } = this, _ = (r = (i = this._selectedOptionNodes) === null || i === void 0 ? void 0 : i[((a = this._selectedOptionNodes) === null || a === void 0 ? void 0 : a.length) - 1]) === null || r === void 0 ? void 0 : r.value;
       g ? this._selectNode.value = g : _ ? this._selectNode.value = _ : this._selectNode.value = x;
     }
-    const v = (r = this.shadowRoot) === null || r === void 0 ? void 0 : r.querySelector("slot[name='ai-label']");
-    v ? (!((n = v.assignedNodes()) === null || n === void 0) && n.length && ((b = this._inputNode) === null || b === void 0 || b.classList.add(`${e}--select-input-has--ai-label`)), v?.classList.toggle(`${e}--slug--revert`, (p = this.querySelector(`${e}-ai-label`)) === null || p === void 0 ? void 0 : p.hasAttribute("revert-active"))) : (h = (f = this.shadowRoot) === null || f === void 0 ? void 0 : f.querySelector("slot[name='slug']")) === null || h === void 0 || h.classList.toggle(`${e}--slug--revert`, (u = this.querySelector(`${e}-slug`)) === null || u === void 0 ? void 0 : u.hasAttribute("revert-active"));
+    const v = (d = this.shadowRoot) === null || d === void 0 ? void 0 : d.querySelector("slot[name='ai-label']");
+    v ? (!((n = v.assignedNodes()) === null || n === void 0) && n.length && ((b = this._inputNode) === null || b === void 0 || b.classList.add(`${e}--select-input-has--ai-label`)), v?.classList.toggle(`${e}--slug--revert`, (u = this.querySelector(`${e}-ai-label`)) === null || u === void 0 ? void 0 : u.hasAttribute("revert-active"))) : (m = (f = this.shadowRoot) === null || f === void 0 ? void 0 : f.querySelector("slot[name='slug']")) === null || m === void 0 || m.classList.toggle(`${e}--slug--revert`, (p = this.querySelector(`${e}-slug`)) === null || p === void 0 ? void 0 : p.hasAttribute("revert-active"));
   }
   render() {
-    const { disabled: c, helperText: i, hideLabel: a, inline: d, invalid: r, invalidText: n, labelText: b, placeholder: p, readonly: f, size: h, warn: u, warnText: v, value: g, _placeholderItemValue: x, _handleInput: _, _handleAILabelSlotChange: I } = this, T = k({
+    const { disabled: l, helperText: i, hideLabel: a, inline: r, invalid: d, invalidText: n, labelText: b, placeholder: u, readonly: f, size: m, warn: p, warnText: v, value: g, _placeholderItemValue: x, _handleInput: _, _handleAILabelSlotChange: S } = this, T = z({
       [`${e}--select-input`]: !0,
-      [`${e}--select-input--${h}`]: h
-    }), C = k({
+      [`${e}--select-input--${m}`]: m
+    }), C = z({
       [`${e}--label`]: !0,
-      [`${e}--label--disabled`]: c,
+      [`${e}--label--disabled`]: l,
       [`${e}--visually-hidden`]: a
-    }), L = k({
+    }), L = z({
       [`${e}--form__helper-text`]: !0,
-      [`${e}--form__helper-text--disabled`]: c
-    }), A = i ? o`
+      [`${e}--form__helper-text--disabled`]: l
+    }), F = i ? o`
           <div id="helper-text" class="${L}">
             <slot name="helper-text"> ${i} </slot>
           </div>
-        ` : null, S = r || u ? o` <div id="error-text" class="${e}--form-requirement">
-            ${r ? n : v}
+        ` : null, y = d || p ? o` <div id="error-text" class="${e}--form-requirement">
+            ${d ? n : v}
           </div>` : null;
-    let w;
-    r || u ? w = "error-text" : i && (w = "helper-text");
+    let k;
+    d || p ? k = "error-text" : i && (k = "helper-text");
     const N = o`
       <select
         id="input"
         class="${T}"
-        ?disabled="${c}"
+        ?disabled="${l}"
         aria-readonly="${String(!!f)}"
-        aria-invalid="${String(!!r)}"
-        aria-describedby="${$(w)}"
+        aria-invalid="${String(!!d)}"
+        aria-describedby="${$(k)}"
         @input="${_}">
-        ${!p || g ? void 0 : o`
+        ${!u || g ? void 0 : o`
               <option
                 disabled
                 hidden
                 class="${e}--select-option"
                 value="${x}">
-                ${p}
+                ${u}
               </option>
             `}
         ${this._renderItems(this)}
       </select>
-      ${z(O, {
+      ${q(O, {
       class: `${e}--select__arrow`,
       "aria-hidden": "true"
     })}
       <slot
         name="ai-label"
-        style="--${e}-show-before: ${u || r ? "block" : "none"}"
-        @slotchange=${I}></slot>
-      <slot name="slug" @slotchange=${I}></slot>
-      ${r ? z(R, {
+        style="--${e}-show-before: ${p || d ? "block" : "none"}"
+        @slotchange=${S}></slot>
+      <slot name="slug" @slotchange=${S}></slot>
+      ${d ? q(R, {
       class: `${e}--select__invalid-icon`
     }) : void 0}
-      ${!r && u ? z(X, {
+      ${!d && p ? q(X, {
       class: `${e}--select__invalid-icon ${e}--select__invalid-icon--warning`
     }) : null}
     `;
@@ -226,20 +226,24 @@ let t = class extends D(q) {
         <slot name="label-text"> ${b} </slot>
       </label>
 
-      ${d ? o`<div
+      ${r ? o`<div
             class="${e}--select-input--inline__wrapper"
-            ?data-invalid="${r}">
+            ?data-invalid="${d}">
             <div
               class="${e}--select-input__wrapper"
-              ?data-invalid="${r}">
+              ?data-invalid="${d}">
               ${N}
             </div>
           </div>` : o`<div
             class="${e}--select-input__wrapper"
-            ?data-invalid="${r}">
+            ?data-invalid="${d}">
             ${N}
+            ${this.isFluid ? o`
+                  <hr class="${e}--select__divider" />
+                  ${y || null}
+                ` : null}
           </div> `}
-      ${S || A}
+      ${!this.isFluid && y ? y : F}
     `;
   }
   /**
@@ -275,7 +279,7 @@ let t = class extends D(q) {
     return `${e}-select-selected`;
   }
 };
-t.shadowRootOptions = Object.assign(Object.assign({}, q.shadowRootOptions), { delegatesFocus: !0 });
+t.shadowRootOptions = Object.assign(Object.assign({}, I.shadowRootOptions), { delegatesFocus: !0 });
 t.styles = Z;
 s([
   B("select")
@@ -287,67 +291,70 @@ s([
   Y(`.${e}--select-option[selected]`)
 ], t.prototype, "_selectedOptionNodes", void 0);
 s([
-  l({ type: Boolean })
+  c({ type: Boolean })
+], t.prototype, "isFluid", void 0);
+s([
+  c({ type: Boolean })
 ], t.prototype, "autofocus", void 0);
 s([
-  l({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], t.prototype, "disabled", void 0);
 s([
-  l({ attribute: "helper-text" })
+  c({ attribute: "helper-text" })
 ], t.prototype, "helperText", void 0);
 s([
-  l({ type: Boolean, attribute: "hide-label" })
+  c({ type: Boolean, attribute: "hide-label" })
 ], t.prototype, "hideLabel", void 0);
 s([
-  l()
+  c()
 ], t.prototype, "id", void 0);
 s([
-  l({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], t.prototype, "invalid", void 0);
 s([
-  l({ attribute: "invalid-text" })
+  c({ attribute: "invalid-text" })
 ], t.prototype, "invalidText", void 0);
 s([
-  l({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], t.prototype, "warn", void 0);
 s([
-  l({ attribute: "warn-text" })
+  c({ attribute: "warn-text" })
 ], t.prototype, "warnText", void 0);
 s([
-  l({ attribute: "label-text" })
+  c({ attribute: "label-text" })
 ], t.prototype, "labelText", void 0);
 s([
-  l({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], t.prototype, "inline", void 0);
 s([
-  l({ type: Boolean })
+  c({ type: Boolean })
 ], t.prototype, "multiple", null);
 s([
-  l()
+  c()
 ], t.prototype, "name", void 0);
 s([
-  l()
+  c()
 ], t.prototype, "pattern", void 0);
 s([
-  l({ reflect: !0 })
+  c({ reflect: !0 })
 ], t.prototype, "placeholder", void 0);
 s([
-  l({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], t.prototype, "readonly", void 0);
 s([
-  l({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], t.prototype, "required", void 0);
 s([
-  l({ attribute: "required-validity-message" })
+  c({ attribute: "required-validity-message" })
 ], t.prototype, "requiredValidityMessage", void 0);
 s([
-  l({ type: Number })
+  c({ type: Number })
 ], t.prototype, "selectedIndex", null);
 s([
-  l({ reflect: !0 })
+  c({ reflect: !0 })
 ], t.prototype, "size", void 0);
 s([
-  l({ reflect: !0 })
+  c({ reflect: !0 })
 ], t.prototype, "value", void 0);
 t = s([
   M(`${e}-select`)