{this.label}</slot>
        </label>

        <div part="form-control-input" class="form-control-input">
          <div
            part="base"
            class=${bi({input:!0,"input--small":"small"===this.size,"input--medium":"medium"===this.size,"input--large":"large"===this.size,"input--pill":this.pill,"input--standard":!this.filled,"input--filled":this.filled,"input--disabled":this.disabled,"input--focused":this.hasFocus,"input--empty":!this.value,"input--no-spin-buttons":this.noSpinButtons})}
          >
            <span part="prefix" class="input__prefix">
              <slot name="prefix"></slot>
            </span>

            <input
              part="input"
              id="input"
              class="input__control"
              type=${"password"===this.type&&this.passwordVisible?"text":this.type}
              title=${this.title}
              name=${hn(this.name)}
              ?disabled=${this.disabled}
              ?readonly=${this.readonly}
              ?required=${this.required}
              placeholder=${hn(this.placeholder)}
              minlength=${hn(this.minlength)}
              maxlength=${hn(this.maxlength)}
              min=${hn(this.min)}
              max=${hn(this.max)}
              step=${hn(this.step)}
              .value=${wn(this.value)}
              autocapitalize=${hn(this.autocapitalize)}
              autocomplete=${hn(this.autocomplete)}
              autocorrect=${hn(this.autocorrect)}
              ?autofocus=${this.autofocus}
              spellcheck=${this.spellcheck}
              pattern=${hn(this.pattern)}
              enterkeyhint=${hn(this.enterkeyhint)}
              inputmode=${hn(this.inputmode)}
              aria-describedby="help-text"
              @change=${this.handleChange}
              @input=${this.handleInput}
              @invalid=${this.handleInvalid}
              @keydown=${this.handleKeyDown}
              @focus=${this.handleFocus}
              @blur=${this.handleBlur}
            />

            ${n?vo`
                  <button
                    part="clear-button"
                    class="input__clear"
                    type="button"
                    aria-label=${this.localize.term("clearEntry")}
                    @click=${this.handleClearClick}
                    tabindex="-1"
                  >
                    <slot name="clear-icon">
                      <sl-icon name="x-circle-fill" library="system"></sl-icon>
                    </slot>
                  </button>
                `:""}
            ${this.passwordToggle&&!this.disabled?vo`
                  <button
                    part="password-toggle-button"
                    class="input__password-toggle"
                    type="button"
                    aria-label=${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}
                    @click=${this.handlePasswordToggle}
                    tabindex="-1"
                  >
                    ${this.passwordVisible?vo`
                          <slot name="show-password-icon">
                            <sl-icon name="eye-slash" library="system"></sl-icon>
                          </slot>
                        `:vo`
                          <slot name="hide-password-icon">
                            <sl-icon name="eye" library="system"></sl-icon>
                          </slot>
                        `}
                  </button>
                `:""}

            <span part="suffix" class="input__suffix">
              <slot name="suffix"></slot>
            </span>
          </div>
        </div>

        <div
          part="form-control-help-text"
          id="help-text"
          class="form-control__help-text"
          aria-hidden=${r?"false":"true"}
        >
          <slot name="help-text">${this.helpText}</slot>
        </div>
      </div>
    `}};Ma.styles=[Do,Ji,Ia],Ma.dependencies={"sl-icon":Nn},Vo([tr(".input__control")],Ma.prototype,"input",2),Vo([Qo()],Ma.prototype,"hasFocus",2),Vo([Xo()],Ma.prototype,"title",2),Vo([Xo({reflect:!0})],Ma.prototype,"type",2),Vo([Xo()],Ma.prototype,"name",2),Vo([Xo()],Ma.prototype,"value",2),Vo([Qi()],Ma.prototype,"defaultValue",2),Vo([Xo({reflect:!0})],Ma.prototype,"size",2),Vo([Xo({type:Boolean,reflect:!0})],Ma.prototype,"filled",2),Vo([Xo({type:Boolean,reflect:!0})],Ma.prototype,"pill",2),Vo([Xo()],Ma.prototype,"label",2),Vo([Xo({attribute:"help-text"})],Ma.prototype,"helpText",2),Vo([Xo({type:Boolean})],Ma.prototype,"clearable",2),Vo([Xo({type:Boolean,reflect:!0})],Ma.prototype,"disabled",2),Vo([Xo()],Ma.prototype,"placeholder",2),Vo([Xo({type:Boolean,reflect:!0})],Ma.prototype,"readonly",2),Vo([Xo({attribute:"password-toggle",type:Boolean})],Ma.prototype,"passwordToggle",2),Vo([Xo({attribute:"password-visible",type:Boolean})],Ma.prototype,"passwordVisible",2),Vo([Xo({attribute:"no-spin-buttons",type:Boolean})],Ma.prototype,"noSpinButtons",2),Vo([Xo({reflect:!0})],Ma.prototype,"form",2),Vo([Xo({type:Boolean,reflect:!0})],Ma.prototype,"required",2),Vo([Xo()],Ma.prototype,"pattern",2),Vo([Xo({type:Number})],Ma.prototype,"minlength",2),Vo([Xo({type:Number})],Ma.prototype,"maxlength",2),Vo([Xo()],Ma.prototype,"min",2),Vo([Xo()],Ma.prototype,"max",2),Vo([Xo()],Ma.prototype,"step",2),Vo([Xo()],Ma.prototype,"autocapitalize",2),Vo([Xo()],Ma.prototype,"autocorrect",2),Vo([Xo()],Ma.prototype,"autocomplete",2),Vo([Xo({type:Boolean})],Ma.prototype,"autofocus",2),Vo([Xo()],Ma.prototype,"enterkeyhint",2),Vo([Xo({type:Boolean,converter:{fromAttribute:e=>!(!e||"false"===e),toAttribute:e=>e?"true":"false"}})],Ma.prototype,"spellcheck",2),Vo([Xo()],Ma.prototype,"inputmode",2),Vo([Vi("disabled",{waitUntilFirstUpdate:!0})],Ma.prototype,"handleDisabledChange",1),Vo([Vi("step",{waitUntilFirstUpdate:!0})],Ma.prototype,"handleStepChange",1),Vo([Vi("value",{waitUntilFirstUpdate:!0})],Ma.prototype,"handleValueChange",1);Ma.define("sl-input");Ki({tagName:"sl-input",elementClass:Ma,react:p,events:{onSlBlur:"sl-blur",onSlChange:"sl-change",onSlClear:"sl-clear",onSlFocus:"sl-focus",onSlInput:"sl-input",onSlInvalid:"sl-invalid"},displayName:"SlInput"});var za=At`
  :host {
    display: block;
    position: relative;
    background: var(--sl-panel-background-color);
    border: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
    border-radius: var(--sl-border-radius-medium);
    padding: var(--sl-spacing-x-small) 0;
    overflow: auto;
    overscroll-behavior: none;
  }

  ::slotted(sl-divider) {
    --spacing: var(--sl-spacing-x-small);
  }
`,Da=class extends rr{connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu")}handleClick(e){const t=["menuitem","menuitemcheckbox"],o=e.composedPath(),r=o.find((e=>{var o;return t.includes((null==(o=null==e?void 0:e.getAttribute)?void 0:o.call(e,"role"))||"")}));if(!r)return;if(o.find((e=>{var t;return"menu"===(null==(t=null==e?void 0:e.getAttribute)?void 0:t.call(e,"role"))}))!==this)return;const n=r;"checkbox"===n.type&&(n.checked=!n.checked),this.emit("sl-select",{detail:{item:n}})}handleKeyDown(e){if("Enter"===e.key||" "===e.key){const t=this.getCurrentItem();e.preventDefault(),e.stopPropagation(),null==t||t.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)){const t=this.getAllItems(),o=this.getCurrentItem();let r=o?t.indexOf(o):0;t.length>0&&(e.preventDefault(),e.stopPropagation(),"ArrowDown"===e.key?r++:"ArrowUp"===e.key?r--:"Home"===e.key?r=0:"End"===e.key&&(r=t.length-1),r<0&&(r=t.length-1),r>t.length-1&&(r=0),this.setCurrentItem(t[r]),t[r].focus())}}handleMouseDown(e){const t=e.target;this.isMenuItem(t)&&this.setCurrentItem(t)}handleSlotChange(){const e=this.getAllItems();e.length>0&&this.setCurrentItem(e[0])}isMenuItem(e){var t;return"sl-menu-item"===e.tagName.toLowerCase()||["menuitem","menuitemcheckbox","menuitemradio"].includes(null!=(t=e.getAttribute("role"))?t:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter((e=>!(e.inert||!this.isMenuItem(e))))}getCurrentItem(){return this.getAllItems().find((e=>"0"===e.getAttribute("tabindex")))}setCurrentItem(e){this.getAllItems().forEach((t=>{t.setAttribute("tabindex",t===e?"0":"-1")}))}render(){return vo`
      <slot
        @slotchange=${this.handleSlotChange}
        @click=${this.handleClick}
        @keydown=${this.handleKeyDown}
        @mousedown=${this.handleMouseDown}
      ></slot>
    `}};Da.styles=[Do,za],Vo([tr("slot")],Da.prototype,"defaultSlot",2);Da.define("sl-menu");Ki({tagName:"sl-menu",elementClass:Da,react:p,events:{onSlSelect:"sl-select"},displayName:"SlMenu"});var Aa=At`
  :host {
    display: inline-block;
  }

  .dropdown::part(popup) {
    z-index: var(--sl-z-index-dropdown);
  }

  .dropdown[data-current-placement^='top']::part(popup) {
    transform-origin: bottom;
  }

  .dropdown[data-current-placement^='bottom']::part(popup) {
    transform-origin: top;
  }

  .dropdown[data-current-placement^='left']::part(popup) {
    transform-origin: right;
  }

  .dropdown[data-current-placement^='right']::part(popup) {
    transform-origin: left;
  }

  .dropdown__trigger {
    display: block;
  }

  .dropdown__panel {
    font-family: var(--sl-font-sans);
    font-size: var(--sl-font-size-medium);
    font-weight: var(--sl-font-weight-normal);
    box-shadow: var(--sl-shadow-large);
    border-radius: var(--sl-border-radius-medium);
    pointer-events: none;
  }

  .dropdown--open .dropdown__panel {
    display: block;
    pointer-events: all;
  }

  /* When users slot a menu, make sure it conforms to the popup's auto-size */
  ::slotted(sl-menu) {
    max-width: var(--auto-size-available-width) !important;
    max-height: var(--auto-size-available-height) !important;
  }
`,$a=new WeakMap;function Pa(e){let t=$a.get(e);return t||(t=window.getComputedStyle(e,null),$a.set(e,t)),t}function Na(e){const t=e.tagName.toLowerCase(),o=Number(e.getAttribute("tabindex"));if(e.hasAttribute("tabindex")&&(isNaN(o)||o<=-1))return!1;if(e.hasAttribute("disabled"))return!1;if(e.closest("[inert]"))return!1;if("input"===t&&"radio"===e.getAttribute("type")&&!e.hasAttribute("checked"))return!1;if(!function(e){if("function"==typeof e.checkVisibility)return e.checkVisibility({checkOpacity:!1,checkVisibilityCSS:!0});const t=Pa(e);return"hidden"!==t.visibility&&"none"!==t.display}(e))return!1;if(("audio"===t||"video"===t)&&e.hasAttribute("controls"))return!0;if(e.hasAttribute("tabindex"))return!0;if(e.hasAttribute("contenteditable")&&"false"!==e.getAttribute("contenteditable"))return!0;return!!["button","input","select","textarea","a","audio","video","summary","iframe"].includes(t)||function(e){const t=Pa(e),{overflowY:o,overflowX:r}=t;return"scroll"===o||"scroll"===r||"auto"===o&&"auto"===r&&(e.scrollHeight>e.clientHeight&&"auto"===o||!(!(e.scrollWidth>e.clientWidth)||"auto"!==r))}(e)}function La(e){const t=new WeakMap,o=[];return function r(n){if(n instanceof Element){if(n.hasAttribute("inert")||n.closest("[inert]"))return;if(t.has(n))return;t.set(n,!0),!o.includes(n)&&Na(n)&&o.push(n),n instanceof HTMLSlotElement&&function(e,t){var o;return(null==(o=e.getRootNode({composed:!0}))?void 0:o.host)!==t}(n,e)&&n.assignedElements({flatten:!0}).forEach((e=>{r(e)})),null!==n.shadowRoot&&"open"===n.shadowRoot.mode&&r(n.shadowRoot)}for(const e of n.children)r(e)}(e),o.sort(((e,t)=>{const o=Number(e.getAttribute("tabindex"))||0;return(Number(t.getAttribute("tabindex"))||0)-o}))}var Ha=class extends rr{constructor(){super(...arguments),this.localize=new Ui(this),this.open=!1,this.placement="bottom-start",this.disabled=!1,this.stayOpenOnSelect=!1,this.distance=0,this.skidding=0,this.hoist=!1,this.sync=void 0,this.handleKeyDown=e=>{this.open&&"Escape"===e.key&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())},this.handleDocumentKeyDown=e=>{var t;if("Escape"===e.key&&this.open&&!this.closeWatcher)return e.stopPropagation(),this.focusOnTrigger(),void this.hide();if("Tab"===e.key){if(this.open&&"sl-menu-item"===(null==(t=document.activeElement)?void 0:t.tagName.toLowerCase()))return e.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{var e,t,o;const r=(null==(e=this.containingElement)?void 0:e.getRootNode())instanceof ShadowRoot?null==(o=null==(t=document.activeElement)?void 0:t.shadowRoo