@hortiview/shared-components 2.8.6 → 2.8.7

package/dist/{index.es-jFaPNuBO.js → index.es-DENZVv7_.js}

@@ -1,11 +1,14 @@
-import { _ as re, c as V, P as r } from "./index-D5m--65X.js";
-import { f as ve, c as Xe, d as O, r as _t } from "./index.es-ChSlnpSq.js";
-import c, { forwardRef as Ie, useRef as y, useImperativeHandle as Ge, useEffect as _, useState as B, useMemo as gt, useCallback as De } from "react";
-import { M as mt, a as bt, N as vt, F as Se, T as It } from "./index.es-p4O33fMu.js";
-import { b as C, c as f } from "./tslib.es6-BDCynO9F.js";
-import { M as z, a as Y } from "./component-neHBNHRu.js";
-import { c as xt, I as We } from "./index.es-8MVlRCi4.js";
-import { a as ie, M as He, b as Tt, m as yt } from "./component-DsB0poTj.js";
+import { _ as Oe, a as te, c as k, P as a, b as Nt, d as wn } from "./index-Cpb-8cAN.js";
+import { g as Mn, _ as jn, a as Pt, b as $n, c as Bn, d as Xt, e as Ft, f as kn } from "./defineProperty-CmuOyxyf.js";
+import { _ as St } from "./index.es-t7hFwQSs.js";
+import { _ as j } from "./slicedToArray-BWk2gTCn.js";
+import { e as Ee, w as Un, _ as Vt, c as Gt, d as P, r as qn } from "./index.es-BXj90wb_.js";
+import d, { forwardRef as Ae, useRef as O, useImperativeHandle as zt, useEffect as v, useState as $, useMemo as Wn, useCallback as Dt } from "react";
+import { M as Xn, a as Gn, N as zn, F as Ht, T as Yn } from "./index.es-Cq04gn3U.js";
+import { b as A, c as f } from "./tslib.es6-BDCynO9F.js";
+import { M as ne, a as ie } from "./component-neHBNHRu.js";
+import { c as Kn, I as Yt } from "./index.es-DwzB1d7_.js";
+import { a as pe, M as wt, b as Jn, m as Qn } from "./component-DsB0poTj.js";
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -28,7 +31,7 @@ import { a as ie, M as He, b as Tt, m as yt } from "./component-DsB0poTj.js";
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var P = {
+var B = {
   LINE_RIPPLE_ACTIVE: "mdc-line-ripple--active",
   LINE_RIPPLE_DEACTIVATING: "mdc-line-ripple--deactivating"
 };
@@ -54,19 +57,19 @@ var P = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Ct = (
+var Zn = (
   /** @class */
-  function(a) {
-    C(t, a);
+  function(r) {
+    A(t, r);
     function t(e) {
-      var n = a.call(this, f(f({}, t.defaultAdapter), e)) || this;
+      var n = r.call(this, f(f({}, t.defaultAdapter), e)) || this;
       return n.transitionEndHandler_ = function(i) {
         return n.handleTransitionEnd(i);
       }, n;
     }
     return Object.defineProperty(t, "cssClasses", {
       get: function() {
-        return P;
+        return B;
       },
       enumerable: !1,
       configurable: !0
@@ -98,16 +101,16 @@ var Ct = (
     }, t.prototype.destroy = function() {
       this.adapter.deregisterEventHandler("transitionend", this.transitionEndHandler_);
     }, t.prototype.activate = function() {
-      this.adapter.removeClass(P.LINE_RIPPLE_DEACTIVATING), this.adapter.addClass(P.LINE_RIPPLE_ACTIVE);
+      this.adapter.removeClass(B.LINE_RIPPLE_DEACTIVATING), this.adapter.addClass(B.LINE_RIPPLE_ACTIVE);
     }, t.prototype.setRippleCenter = function(e) {
       this.adapter.setStyle("transform-origin", e + "px center");
     }, t.prototype.deactivate = function() {
-      this.adapter.addClass(P.LINE_RIPPLE_DEACTIVATING);
+      this.adapter.addClass(B.LINE_RIPPLE_DEACTIVATING);
     }, t.prototype.handleTransitionEnd = function(e) {
-      var n = this.adapter.hasClass(P.LINE_RIPPLE_DEACTIVATING);
-      e.propertyName === "opacity" && n && (this.adapter.removeClass(P.LINE_RIPPLE_ACTIVE), this.adapter.removeClass(P.LINE_RIPPLE_DEACTIVATING));
+      var n = this.adapter.hasClass(B.LINE_RIPPLE_DEACTIVATING);
+      e.propertyName === "opacity" && n && (this.adapter.removeClass(B.LINE_RIPPLE_ACTIVE), this.adapter.removeClass(B.LINE_RIPPLE_DEACTIVATING));
     }, t;
-  }(z)
+  }(ne)
 );
 /**
  * @license
@@ -131,12 +134,12 @@ var Ct = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var ze = (
+var Kt = (
   /** @class */
-  function(a) {
-    C(t, a);
+  function(r) {
+    A(t, r);
     function t() {
-      return a !== null && a.apply(this, arguments) || this;
+      return r !== null && r.apply(this, arguments) || this;
     }
     return t.attachTo = function(e) {
       return new t(e);
@@ -167,9 +170,9 @@ var ze = (
           return e.unlisten(i, o);
         }
       };
-      return new Ct(n);
+      return new Zn(n);
     }, t;
-  }(Y)
+  }(ie)
 );
 /**
  * @license
@@ -193,10 +196,10 @@ var ze = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Ye = {
+var Jt = {
   ROOT: "mdc-text-field-character-counter"
-}, Et = {
-  ROOT_SELECTOR: "." + Ye.ROOT
+}, ei = {
+  ROOT_SELECTOR: "." + Jt.ROOT
 };
 /**
  * @license
@@ -220,22 +223,22 @@ var Ye = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Ke = (
+var Qt = (
   /** @class */
-  function(a) {
-    C(t, a);
+  function(r) {
+    A(t, r);
     function t(e) {
-      return a.call(this, f(f({}, t.defaultAdapter), e)) || this;
+      return r.call(this, f(f({}, t.defaultAdapter), e)) || this;
     }
     return Object.defineProperty(t, "cssClasses", {
       get: function() {
-        return Ye;
+        return Jt;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(t, "strings", {
       get: function() {
-        return Et;
+        return ei;
       },
       enumerable: !1,
       configurable: !0
@@ -254,7 +257,7 @@ var Ke = (
     }), t.prototype.setCounterValue = function(e, n) {
       e = Math.min(e, n), this.adapter.setContent(e + " / " + n);
     }, t;
-  }(z)
+  }(ne)
 );
 /**
  * @license
@@ -278,12 +281,12 @@ var Ke = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Lt = (
+var ti = (
   /** @class */
-  function(a) {
-    C(t, a);
+  function(r) {
+    A(t, r);
     function t() {
-      return a !== null && a.apply(this, arguments) || this;
+      return r !== null && r.apply(this, arguments) || this;
     }
     return t.attachTo = function(e) {
       return new t(e);
@@ -300,9 +303,9 @@ var Lt = (
           e.root.textContent = i;
         }
       };
-      return new Ke(n);
+      return new Qt(n);
     }, t;
-  }(Y)
+  }(ie)
 );
 /**
  * @license
@@ -326,7 +329,7 @@ var Lt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var I = {
+var x = {
   ARIA_CONTROLS: "aria-controls",
   ARIA_DESCRIBEDBY: "aria-describedby",
   INPUT_SELECTOR: ".mdc-text-field__input",
@@ -337,7 +340,7 @@ var I = {
   PREFIX_SELECTOR: ".mdc-text-field__affix--prefix",
   SUFFIX_SELECTOR: ".mdc-text-field__affix--suffix",
   TRAILING_ICON_SELECTOR: ".mdc-text-field__icon--trailing"
-}, ae = {
+}, he = {
   DISABLED: "mdc-text-field--disabled",
   FOCUSED: "mdc-text-field--focused",
   HELPER_LINE: "mdc-text-field-helper-line",
@@ -349,9 +352,9 @@ var I = {
   TEXTAREA: "mdc-text-field--textarea",
   WITH_LEADING_ICON: "mdc-text-field--with-leading-icon",
   WITH_TRAILING_ICON: "mdc-text-field--with-trailing-icon"
-}, we = {
+}, Mt = {
   LABEL_SCALE: 0.75
-}, Ot = [
+}, ni = [
   "pattern",
   "min",
   "max",
@@ -359,7 +362,7 @@ var I = {
   "step",
   "minlength",
   "maxlength"
-], At = [
+], ii = [
   "color",
   "date",
   "datetime-local",
@@ -390,13 +393,13 @@ var I = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Me = ["mousedown", "touchstart"], je = ["click", "keydown"], Rt = (
+var jt = ["mousedown", "touchstart"], $t = ["click", "keydown"], ri = (
   /** @class */
-  function(a) {
-    C(t, a);
+  function(r) {
+    A(t, r);
     function t(e, n) {
       n === void 0 && (n = {});
-      var i = a.call(this, f(f({}, t.defaultAdapter), e)) || this;
+      var i = r.call(this, f(f({}, t.defaultAdapter), e)) || this;
       return i.isFocused_ = !1, i.receivedUserInput_ = !1, i.isValid_ = !0, i.useNativeValidation_ = !0, i.validateOnValueChange_ = !0, i.helperText_ = n.helperText, i.characterCounter_ = n.characterCounter, i.leadingIcon_ = n.leadingIcon, i.trailingIcon_ = n.trailingIcon, i.inputFocusHandler_ = function() {
         return i.activateFocus();
       }, i.inputBlurHandler_ = function() {
@@ -413,26 +416,26 @@ var Me = ["mousedown", "touchstart"], je = ["click", "keydown"], Rt = (
     }
     return Object.defineProperty(t, "cssClasses", {
       get: function() {
-        return ae;
+        return he;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(t, "strings", {
       get: function() {
-        return I;
+        return x;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(t, "numbers", {
       get: function() {
-        return we;
+        return Mt;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(t.prototype, "shouldAlwaysFloat_", {
       get: function() {
         var e = this.getNativeInput_().type;
-        return At.indexOf(e) >= 0;
+        return ii.indexOf(e) >= 0;
       },
       enumerable: !1,
       configurable: !0
@@ -517,16 +520,16 @@ var Me = ["mousedown", "touchstart"], je = ["click", "keydown"], Rt = (
       configurable: !0
     }), t.prototype.init = function() {
       var e = this;
-      this.adapter.hasLabel() && this.getNativeInput_().required && this.adapter.setLabelRequired(!0), this.adapter.isFocused() ? this.inputFocusHandler_() : this.adapter.hasLabel() && this.shouldFloat && (this.notchOutline(!0), this.adapter.floatLabel(!0), this.styleFloating_(!0)), this.adapter.registerInputInteractionHandler("focus", this.inputFocusHandler_), this.adapter.registerInputInteractionHandler("blur", this.inputBlurHandler_), this.adapter.registerInputInteractionHandler("input", this.inputInputHandler_), Me.forEach(function(n) {
+      this.adapter.hasLabel() && this.getNativeInput_().required && this.adapter.setLabelRequired(!0), this.adapter.isFocused() ? this.inputFocusHandler_() : this.adapter.hasLabel() && this.shouldFloat && (this.notchOutline(!0), this.adapter.floatLabel(!0), this.styleFloating_(!0)), this.adapter.registerInputInteractionHandler("focus", this.inputFocusHandler_), this.adapter.registerInputInteractionHandler("blur", this.inputBlurHandler_), this.adapter.registerInputInteractionHandler("input", this.inputInputHandler_), jt.forEach(function(n) {
         e.adapter.registerInputInteractionHandler(n, e.setPointerXOffset_);
-      }), je.forEach(function(n) {
+      }), $t.forEach(function(n) {
         e.adapter.registerTextFieldInteractionHandler(n, e.textFieldInteractionHandler_);
       }), this.validationObserver_ = this.adapter.registerValidationAttributeChangeHandler(this.validationAttributeChangeHandler_), this.setCharacterCounter_(this.getValue().length);
     }, t.prototype.destroy = function() {
       var e = this;
-      this.adapter.deregisterInputInteractionHandler("focus", this.inputFocusHandler_), this.adapter.deregisterInputInteractionHandler("blur", this.inputBlurHandler_), this.adapter.deregisterInputInteractionHandler("input", this.inputInputHandler_), Me.forEach(function(n) {
+      this.adapter.deregisterInputInteractionHandler("focus", this.inputFocusHandler_), this.adapter.deregisterInputInteractionHandler("blur", this.inputBlurHandler_), this.adapter.deregisterInputInteractionHandler("input", this.inputInputHandler_), jt.forEach(function(n) {
         e.adapter.deregisterInputInteractionHandler(n, e.setPointerXOffset_);
-      }), je.forEach(function(n) {
+      }), $t.forEach(function(n) {
         e.adapter.deregisterTextFieldInteractionHandler(n, e.textFieldInteractionHandler_);
       }), this.adapter.deregisterValidationAttributeChangeHandler(this.validationObserver_);
     }, t.prototype.handleTextFieldInteraction = function() {
@@ -535,12 +538,12 @@ var Me = ["mousedown", "touchstart"], je = ["click", "keydown"], Rt = (
     }, t.prototype.handleValidationAttributeChange = function(e) {
       var n = this;
       e.some(function(i) {
-        return Ot.indexOf(i) > -1 ? (n.styleValidity_(!0), n.adapter.setLabelRequired(n.getNativeInput_().required), !0) : !1;
+        return ni.indexOf(i) > -1 ? (n.styleValidity_(!0), n.adapter.setLabelRequired(n.getNativeInput_().required), !0) : !1;
       }), e.indexOf("maxlength") > -1 && this.setCharacterCounter_(this.getValue().length);
     }, t.prototype.notchOutline = function(e) {
       if (!(!this.adapter.hasOutline() || !this.adapter.hasLabel()))
         if (e) {
-          var n = this.adapter.getLabelWidth() * we.LABEL_SCALE;
+          var n = this.adapter.getLabelWidth() * Mt.LABEL_SCALE;
           this.adapter.notchOutline(n);
         } else
           this.adapter.closeOutline();
@@ -548,8 +551,8 @@ var Me = ["mousedown", "touchstart"], je = ["click", "keydown"], Rt = (
       this.isFocused_ = !0, this.styleFocused_(this.isFocused_), this.adapter.activateLineRipple(), this.adapter.hasLabel() && (this.notchOutline(this.shouldFloat), this.adapter.floatLabel(this.shouldFloat), this.styleFloating_(this.shouldFloat), this.adapter.shakeLabel(this.shouldShake)), this.helperText_ && (this.helperText_.isPersistent() || !this.helperText_.isValidation() || !this.isValid_) && this.helperText_.showToScreenReader();
     }, t.prototype.setTransformOrigin = function(e) {
       if (!(this.isDisabled() || this.adapter.hasOutline())) {
-        var n = e.touches, i = n ? n[0] : e, o = i.target.getBoundingClientRect(), l = i.clientX - o.left;
-        this.adapter.setLineRippleTransformOrigin(l);
+        var n = e.touches, i = n ? n[0] : e, o = i.target.getBoundingClientRect(), s = i.clientX - o.left;
+        this.adapter.setLineRippleTransformOrigin(s);
       }
     }, t.prototype.handleInput = function() {
       this.autoCompleteFocus(), this.setCharacterCounter_(this.getValue().length);
@@ -611,8 +614,8 @@ var Me = ["mousedown", "touchstart"], je = ["click", "keydown"], Rt = (
         var i = this.helperText_.isValidation();
         if (!i)
           return;
-        var o = this.helperText_.isVisible(), l = this.helperText_.getId();
-        o && l ? this.adapter.setInputAttr(I.ARIA_DESCRIBEDBY, l) : this.adapter.removeInputAttr(I.ARIA_DESCRIBEDBY);
+        var o = this.helperText_.isVisible(), s = this.helperText_.getId();
+        o && s ? this.adapter.setInputAttr(x.ARIA_DESCRIBEDBY, s) : this.adapter.removeInputAttr(x.ARIA_DESCRIBEDBY);
       }
     }, t.prototype.styleFocused_ = function(e) {
       var n = t.cssClasses.FOCUSED;
@@ -637,7 +640,7 @@ var Me = ["mousedown", "touchstart"], je = ["click", "keydown"], Rt = (
         value: ""
       };
     }, t;
-  }(z)
+  }(ne)
 );
 /**
  * @license
@@ -661,14 +664,14 @@ var Me = ["mousedown", "touchstart"], je = ["click", "keydown"], Rt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var T = {
+var L = {
   HELPER_TEXT_PERSISTENT: "mdc-text-field-helper-text--persistent",
   HELPER_TEXT_VALIDATION_MSG: "mdc-text-field-helper-text--validation-msg",
   ROOT: "mdc-text-field-helper-text"
-}, k = {
+}, G = {
   ARIA_HIDDEN: "aria-hidden",
   ROLE: "role",
-  ROOT_SELECTOR: "." + T.ROOT
+  ROOT_SELECTOR: "." + L.ROOT
 };
 /**
  * @license
@@ -692,22 +695,22 @@ var T = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Je = (
+var Zt = (
   /** @class */
-  function(a) {
-    C(t, a);
+  function(r) {
+    A(t, r);
     function t(e) {
-      return a.call(this, f(f({}, t.defaultAdapter), e)) || this;
+      return r.call(this, f(f({}, t.defaultAdapter), e)) || this;
     }
     return Object.defineProperty(t, "cssClasses", {
       get: function() {
-        return T;
+        return L;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(t, "strings", {
       get: function() {
-        return k;
+        return G;
       },
       enumerable: !1,
       configurable: !0
@@ -740,26 +743,26 @@ var Je = (
     }), t.prototype.getId = function() {
       return this.adapter.getAttr("id");
     }, t.prototype.isVisible = function() {
-      return this.adapter.getAttr(k.ARIA_HIDDEN) !== "true";
+      return this.adapter.getAttr(G.ARIA_HIDDEN) !== "true";
     }, t.prototype.setContent = function(e) {
       this.adapter.setContent(e);
     }, t.prototype.isPersistent = function() {
-      return this.adapter.hasClass(T.HELPER_TEXT_PERSISTENT);
+      return this.adapter.hasClass(L.HELPER_TEXT_PERSISTENT);
     }, t.prototype.setPersistent = function(e) {
-      e ? this.adapter.addClass(T.HELPER_TEXT_PERSISTENT) : this.adapter.removeClass(T.HELPER_TEXT_PERSISTENT);
+      e ? this.adapter.addClass(L.HELPER_TEXT_PERSISTENT) : this.adapter.removeClass(L.HELPER_TEXT_PERSISTENT);
     }, t.prototype.isValidation = function() {
-      return this.adapter.hasClass(T.HELPER_TEXT_VALIDATION_MSG);
+      return this.adapter.hasClass(L.HELPER_TEXT_VALIDATION_MSG);
     }, t.prototype.setValidation = function(e) {
-      e ? this.adapter.addClass(T.HELPER_TEXT_VALIDATION_MSG) : this.adapter.removeClass(T.HELPER_TEXT_VALIDATION_MSG);
+      e ? this.adapter.addClass(L.HELPER_TEXT_VALIDATION_MSG) : this.adapter.removeClass(L.HELPER_TEXT_VALIDATION_MSG);
     }, t.prototype.showToScreenReader = function() {
-      this.adapter.removeAttr(k.ARIA_HIDDEN);
+      this.adapter.removeAttr(G.ARIA_HIDDEN);
     }, t.prototype.setValidity = function(e) {
-      var n = this.adapter.hasClass(T.HELPER_TEXT_PERSISTENT), i = this.adapter.hasClass(T.HELPER_TEXT_VALIDATION_MSG), o = i && !e;
-      o ? (this.showToScreenReader(), this.adapter.setAttr(k.ROLE, "alert")) : this.adapter.removeAttr(k.ROLE), !n && !o && this.hide_();
+      var n = this.adapter.hasClass(L.HELPER_TEXT_PERSISTENT), i = this.adapter.hasClass(L.HELPER_TEXT_VALIDATION_MSG), o = i && !e;
+      o ? (this.showToScreenReader(), this.adapter.setAttr(G.ROLE, "alert")) : this.adapter.removeAttr(G.ROLE), !n && !o && this.hide_();
     }, t.prototype.hide_ = function() {
-      this.adapter.setAttr(k.ARIA_HIDDEN, "true");
+      this.adapter.setAttr(G.ARIA_HIDDEN, "true");
     }, t;
-  }(z)
+  }(ne)
 );
 /**
  * @license
@@ -783,12 +786,12 @@ var Je = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Qe = (
+var en = (
   /** @class */
-  function(a) {
-    C(t, a);
+  function(r) {
+    A(t, r);
     function t() {
-      return a !== null && a.apply(this, arguments) || this;
+      return r !== null && r.apply(this, arguments) || this;
     }
     return t.attachTo = function(e) {
       return new t(e);
@@ -823,9 +826,9 @@ var Qe = (
           e.root.textContent = i;
         }
       };
-      return new Je(n);
+      return new Zt(n);
     }, t;
-  }(Y)
+  }(ie)
 );
 /**
  * @license
@@ -849,10 +852,10 @@ var Qe = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Be = {
+var Bt = {
   ICON_EVENT: "MDCTextField:icon",
   ICON_ROLE: "button"
-}, Nt = {
+}, ai = {
   ROOT: "mdc-text-field__icon"
 };
 /**
@@ -877,25 +880,25 @@ var Be = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var ke = ["click", "keydown"], Ue = (
+var kt = ["click", "keydown"], Ut = (
   /** @class */
-  function(a) {
-    C(t, a);
+  function(r) {
+    A(t, r);
     function t(e) {
-      var n = a.call(this, f(f({}, t.defaultAdapter), e)) || this;
+      var n = r.call(this, f(f({}, t.defaultAdapter), e)) || this;
       return n.savedTabIndex_ = null, n.interactionHandler_ = function(i) {
         return n.handleInteraction(i);
       }, n;
     }
     return Object.defineProperty(t, "strings", {
       get: function() {
-        return Be;
+        return Bt;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(t, "cssClasses", {
       get: function() {
-        return Nt;
+        return ai;
       },
       enumerable: !1,
       configurable: !0
@@ -926,16 +929,16 @@ var ke = ["click", "keydown"], Ue = (
       configurable: !0
     }), t.prototype.init = function() {
       var e = this;
-      this.savedTabIndex_ = this.adapter.getAttr("tabindex"), ke.forEach(function(n) {
+      this.savedTabIndex_ = this.adapter.getAttr("tabindex"), kt.forEach(function(n) {
         e.adapter.registerInteractionHandler(n, e.interactionHandler_);
       });
     }, t.prototype.destroy = function() {
       var e = this;
-      ke.forEach(function(n) {
+      kt.forEach(function(n) {
         e.adapter.deregisterInteractionHandler(n, e.interactionHandler_);
       });
     }, t.prototype.setDisabled = function(e) {
-      this.savedTabIndex_ && (e ? (this.adapter.setAttr("tabindex", "-1"), this.adapter.removeAttr("role")) : (this.adapter.setAttr("tabindex", this.savedTabIndex_), this.adapter.setAttr("role", Be.ICON_ROLE)));
+      this.savedTabIndex_ && (e ? (this.adapter.setAttr("tabindex", "-1"), this.adapter.removeAttr("role")) : (this.adapter.setAttr("tabindex", this.savedTabIndex_), this.adapter.setAttr("role", Bt.ICON_ROLE)));
     }, t.prototype.setAriaLabel = function(e) {
       this.adapter.setAttr("aria-label", e);
     }, t.prototype.setContent = function(e) {
@@ -944,7 +947,7 @@ var ke = ["click", "keydown"], Ue = (
       var n = e.key === "Enter" || e.keyCode === 13;
       (e.type === "click" || n) && (e.preventDefault(), this.adapter.notifyIconAction());
     }, t;
-  }(z)
+  }(ne)
 );
 /**
  * @license
@@ -968,12 +971,12 @@ var ke = ["click", "keydown"], Ue = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Ft = (
+var oi = (
   /** @class */
-  function(a) {
-    C(t, a);
+  function(r) {
+    A(t, r);
     function t() {
-      return a !== null && a.apply(this, arguments) || this;
+      return r !== null && r.apply(this, arguments) || this;
     }
     return t.attachTo = function(e) {
       return new t(e);
@@ -1006,16 +1009,16 @@ var Ft = (
         },
         notifyIconAction: function() {
           return e.emit(
-            Ue.strings.ICON_EVENT,
+            Ut.strings.ICON_EVENT,
             {},
             !0
             /* shouldBubble */
           );
         }
       };
-      return new Ue(n);
+      return new Ut(n);
     }, t;
-  }(Y)
+  }(ie)
 );
 /**
  * @license
@@ -1039,47 +1042,47 @@ var Ft = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Pt = (
+var li = (
   /** @class */
-  function(a) {
-    C(t, a);
+  function(r) {
+    A(t, r);
     function t() {
-      return a !== null && a.apply(this, arguments) || this;
+      return r !== null && r.apply(this, arguments) || this;
     }
     return t.attachTo = function(e) {
       return new t(e);
-    }, t.prototype.initialize = function(e, n, i, o, l, s, p) {
-      e === void 0 && (e = function(u, ue) {
-        return new He(u, ue);
-      }), n === void 0 && (n = function(u) {
-        return new ze(u);
-      }), i === void 0 && (i = function(u) {
-        return new Qe(u);
-      }), o === void 0 && (o = function(u) {
-        return new Lt(u);
-      }), l === void 0 && (l = function(u) {
-        return new Ft(u);
-      }), s === void 0 && (s = function(u) {
-        return new mt(u);
-      }), p === void 0 && (p = function(u) {
-        return new bt(u);
-      }), this.input_ = this.root.querySelector(I.INPUT_SELECTOR);
-      var D = this.root.querySelector(I.LABEL_SELECTOR);
-      this.label_ = D ? s(D) : null;
-      var R = this.root.querySelector(I.LINE_RIPPLE_SELECTOR);
-      this.lineRipple_ = R ? n(R) : null;
-      var U = this.root.querySelector(I.OUTLINE_SELECTOR);
-      this.outline_ = U ? p(U) : null;
-      var le = Je.strings, A = this.root.nextElementSibling, K = A && A.classList.contains(ae.HELPER_LINE), h = K && A && A.querySelector(le.ROOT_SELECTOR);
-      this.helperText_ = h ? i(h) : null;
-      var J = Ke.strings, E = this.root.querySelector(J.ROOT_SELECTOR);
-      !E && K && A && (E = A.querySelector(J.ROOT_SELECTOR)), this.characterCounter_ = E ? o(E) : null;
-      var S = this.root.querySelector(I.LEADING_ICON_SELECTOR);
-      this.leadingIcon_ = S ? l(S) : null;
-      var Q = this.root.querySelector(I.TRAILING_ICON_SELECTOR);
-      this.trailingIcon_ = Q ? l(Q) : null, this.prefix_ = this.root.querySelector(I.PREFIX_SELECTOR), this.suffix_ = this.root.querySelector(I.SUFFIX_SELECTOR), this.ripple = this.createRipple_(e);
+    }, t.prototype.initialize = function(e, n, i, o, s, _, p) {
+      e === void 0 && (e = function(h, U) {
+        return new wt(h, U);
+      }), n === void 0 && (n = function(h) {
+        return new Kt(h);
+      }), i === void 0 && (i = function(h) {
+        return new en(h);
+      }), o === void 0 && (o = function(h) {
+        return new ti(h);
+      }), s === void 0 && (s = function(h) {
+        return new oi(h);
+      }), _ === void 0 && (_ = function(h) {
+        return new Xn(h);
+      }), p === void 0 && (p = function(h) {
+        return new Gn(h);
+      }), this.input_ = this.root.querySelector(x.INPUT_SELECTOR);
+      var y = this.root.querySelector(x.LABEL_SELECTOR);
+      this.label_ = y ? _(y) : null;
+      var T = this.root.querySelector(x.LINE_RIPPLE_SELECTOR);
+      this.lineRipple_ = T ? n(T) : null;
+      var re = this.root.querySelector(x.OUTLINE_SELECTOR);
+      this.outline_ = re ? p(re) : null;
+      var ae = Zt.strings, F = this.root.nextElementSibling, z = F && F.classList.contains(he.HELPER_LINE), R = z && F && F.querySelector(ae.ROOT_SELECTOR);
+      this.helperText_ = R ? i(R) : null;
+      var Y = Qt.strings, S = this.root.querySelector(Y.ROOT_SELECTOR);
+      !S && z && F && (S = F.querySelector(Y.ROOT_SELECTOR)), this.characterCounter_ = S ? o(S) : null;
+      var K = this.root.querySelector(x.LEADING_ICON_SELECTOR);
+      this.leadingIcon_ = K ? s(K) : null;
+      var D = this.root.querySelector(x.TRAILING_ICON_SELECTOR);
+      this.trailingIcon_ = D ? s(D) : null, this.prefix_ = this.root.querySelector(x.PREFIX_SELECTOR), this.suffix_ = this.root.querySelector(x.SUFFIX_SELECTOR), this.ripple = this.createRipple_(e);
     }, t.prototype.destroy = function() {
-      this.ripple && this.ripple.destroy(), this.lineRipple_ && this.lineRipple_.destroy(), this.helperText_ && this.helperText_.destroy(), this.characterCounter_ && this.characterCounter_.destroy(), this.leadingIcon_ && this.leadingIcon_.destroy(), this.trailingIcon_ && this.trailingIcon_.destroy(), this.label_ && this.label_.destroy(), this.outline_ && this.outline_.destroy(), a.prototype.destroy.call(this);
+      this.ripple && this.ripple.destroy(), this.lineRipple_ && this.lineRipple_.destroy(), this.helperText_ && this.helperText_.destroy(), this.characterCounter_ && this.characterCounter_.destroy(), this.leadingIcon_ && this.leadingIcon_.destroy(), this.trailingIcon_ && this.trailingIcon_.destroy(), this.label_ && this.label_.destroy(), this.outline_ && this.outline_.destroy(), r.prototype.destroy.call(this);
     }, t.prototype.initialSyncWithDOM = function() {
       this.disabled = this.input_.disabled;
     }, Object.defineProperty(t.prototype, "value", {
@@ -1294,7 +1297,7 @@ var Pt = (
       this.foundation.notchOutline(e);
     }, t.prototype.getDefaultFoundation = function() {
       var e = f(f(f(f(f({}, this.getRootAdapterMethods_()), this.getInputAdapterMethods_()), this.getLabelAdapterMethods_()), this.getLineRippleAdapterMethods_()), this.getOutlineAdapterMethods_());
-      return new Rt(e, this.getFoundationMap_());
+      return new ri(e, this.getFoundationMap_());
     }, t.prototype.getRootAdapterMethods_ = function() {
       var e = this;
       return {
@@ -1314,16 +1317,16 @@ var Pt = (
           e.unlisten(n, i);
         },
         registerValidationAttributeChangeHandler: function(n) {
-          var i = function(s) {
-            return s.map(function(p) {
+          var i = function(_) {
+            return _.map(function(p) {
               return p.attributeName;
             }).filter(function(p) {
               return p;
             });
-          }, o = new MutationObserver(function(s) {
-            return n(i(s));
-          }), l = { attributes: !0 };
-          return o.observe(e.input_, l), o;
+          }, o = new MutationObserver(function(_) {
+            return n(i(_));
+          }), s = { attributes: !0 };
+          return o.observe(e.input_, s), o;
         },
         deregisterValidationAttributeChangeHandler: function(n) {
           n.disconnect();
@@ -1345,10 +1348,10 @@ var Pt = (
           return document.activeElement === e.input_;
         },
         registerInputInteractionHandler: function(n, i) {
-          e.input_.addEventListener(n, i, ie());
+          e.input_.addEventListener(n, i, pe());
         },
         deregisterInputInteractionHandler: function(n, i) {
-          e.input_.removeEventListener(n, i, ie());
+          e.input_.removeEventListener(n, i, pe());
         }
       };
     }, t.prototype.getLabelAdapterMethods_ = function() {
@@ -1404,84 +1407,76 @@ var Pt = (
         trailingIcon: this.trailingIcon_ ? this.trailingIcon_.foundationForTextField : void 0
       };
     }, t.prototype.createRipple_ = function(e) {
-      var n = this, i = this.root.classList.contains(ae.TEXTAREA), o = this.root.classList.contains(ae.OUTLINED);
+      var n = this, i = this.root.classList.contains(he.TEXTAREA), o = this.root.classList.contains(he.OUTLINED);
       if (i || o)
         return null;
-      var l = f(f({}, He.createAdapter(this)), { isSurfaceActive: function() {
-        return yt(n.input_, ":active");
-      }, registerInteractionHandler: function(s, p) {
-        return n.input_.addEventListener(s, p, ie());
-      }, deregisterInteractionHandler: function(s, p) {
-        return n.input_.removeEventListener(s, p, ie());
+      var s = f(f({}, wt.createAdapter(this)), { isSurfaceActive: function() {
+        return Qn(n.input_, ":active");
+      }, registerInteractionHandler: function(_, p) {
+        return n.input_.addEventListener(_, p, pe());
+      }, deregisterInteractionHandler: function(_, p) {
+        return n.input_.removeEventListener(_, p, pe());
       } });
-      return e(this.root, new Tt(l));
+      return e(this.root, new Jn(s));
     }, t;
-  }(Y)
-);
-const Vt = {
+  }(ie)
+), si = {
   /**
    *
    *
    * Defaults to **null**.
    */
-  activated: r.bool,
+  activated: a.bool,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: r.string,
+  className: a.string,
   /**
    *
    *
    * Defaults to **null**.
    */
-  rippleCenter: r.string
-}, Dt = {
+  rippleCenter: a.string
+}, ui = {
   activated: null,
   className: void 0,
   rippleCenter: null
-}, oe = /* @__PURE__ */ Ie((a, t) => {
-  const {
-    activated: e,
-    rippleCenter: n,
-    className: i,
-    ...o
-  } = a, l = y(), s = y();
-  return Ge(t, () => s.current, []), _(() => (l.current = ze.attachTo(s.current), () => {
-    l.current.destroy();
-  }), [s]), _(() => {
-    e ? l.current.activate() : l.current.deactivate();
-  }, [e]), _(() => {
-    n && l.current.setRippleCenter(n);
-  }, [n]), /* @__PURE__ */ c.createElement("div", re({
-    ref: s,
-    className: V("lmnt", "mdc-line-ripple", i)
-  }, o));
+}, di = ["activated", "rippleCenter", "className"], Le = ui, Re = /* @__PURE__ */ Ae(function(r, t) {
+  var e = r.activated, n = e === void 0 ? Le.activated : e, i = r.rippleCenter, o = i === void 0 ? Le.rippleCenter : i, s = r.className, _ = s === void 0 ? Le.className : s, p = Oe(r, di), y = O(), T = O();
+  return zt(t, function() {
+    return T.current;
+  }, []), v(function() {
+    return y.current = Kt.attachTo(T.current), function() {
+      y.current.destroy();
+    };
+  }, [T]), v(function() {
+    n ? y.current.activate() : y.current.deactivate();
+  }, [n]), v(function() {
+    o && y.current.setRippleCenter(o);
+  }, [o]), /* @__PURE__ */ d.createElement("div", te({
+    ref: T,
+    className: k("lmnt", "mdc-line-ripple", _)
+  }, p));
 });
-oe.displayName = "LineRipple";
-oe.propTypes = Vt;
-oe.defaultProps = Dt;
-const se = /* @__PURE__ */ Ie((a, t) => {
-  const {
-    wrap: e,
-    children: n
-  } = a;
-  return e ? /* @__PURE__ */ c.createElement("span", {
+Re.displayName = "LineRipple";
+Re.propTypes = si;
+var ci = ["wrap", "children"], tn = /* @__PURE__ */ Ae(function(r, t) {
+  var e = r.wrap, n = r.children, i = Oe(r, ci);
+  return e ? /* @__PURE__ */ d.createElement("span", te({
     ref: t,
     className: "mdc-text-field__resizer"
-  }, n) : n;
+  }, i), n) : n;
 });
-se.displayName = "TextfieldSpanShim";
-se.propTypes = {
-  children: r.node,
-  wrap: r.bool
-};
-se.defaultProps = {
-  children: void 0,
-  wrap: !1
-};
-const St = {
+tn.displayName = "TextfieldSpanShim";
+var fi = {
+  /**
+   * For dense textfield this aligns the contents of the text-field to left or right
+   *
+   * Defaults to **'left'**.
+   */
+  alignment: a.oneOf(["left", "right"]),
   /**
    * @deprecated _Use `fullWidth` instead._
    *
@@ -1489,13 +1484,13 @@ const St = {
    *
    * Defaults to **undefined**.
    */
-  block: O(r.bool, "Textfield", "Use `fullWidth` instead."),
+  block: P(a.bool, "Textfield", "Use `fullWidth` instead."),
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: r.string,
+  className: a.string,
   /**
    * @deprecated _See `containerProps`._
    *
@@ -1503,37 +1498,37 @@ const St = {
    *
    * Defaults to **undefined**.
    */
-  containerClass: O(r.string, "Textfield", "See `containerProps`."),
+  containerClass: P(a.string, "Textfield", "See `containerProps`."),
   /**
    * Properties to be added to the container of the textfield.
    *
    * Defaults to **undefined**.
    */
-  containerProps: r.object,
+  containerProps: a.object,
   /**
    * Enables a character count. _Warning_ requires `maxlength` to be set.
    *
    * Defaults to **false**.
    */
-  counter: r.bool,
+  counter: a.bool,
   /**
    * The starting value of the Textfield when working in uncontrolled mode.
    *
    * Defaults to **undefined**.
    */
-  defaultValue: r.oneOfType([r.string, r.number]),
+  defaultValue: a.oneOfType([a.string, a.number]),
   /**
    * The size of the Textfield will be reduced.
    *
    * Defaults to **false**.
    */
-  dense: r.bool,
+  dense: a.bool,
   /**
    * Textfield will be disabled.
    *
    * Defaults to **false**.
    */
-  disabled: r.bool,
+  disabled: a.bool,
   /**
    * @deprecated _Use `variant='embedded'_
    *
@@ -1541,7 +1536,7 @@ const St = {
    *
    * Defaults to **undefined**.
    */
-  embedded: O(r.bool, "Textfield", 'Use `variant="embedded"'),
+  embedded: P(a.bool, "Textfield", 'Use `variant="embedded"'),
   /**
    * @deprecated _Use variant='filled' instead._
    *
@@ -1549,73 +1544,73 @@ const St = {
    *
    * Defaults to **undefined**.
    */
-  filled: O(r.bool, "Textfield", 'Use variant="filled" instead.'),
+  filled: P(a.bool, "Textfield", 'Use variant="filled" instead.'),
   /**
    * Sets the Textfield to the focused state.
    *
    * Defaults to **false**.
    */
-  focused: r.bool,
+  focused: a.bool,
   /**
    * The Textfield will expand to 100% width.
    *
    * Defaults to **false**.
    */
-  fullWidth: r.bool,
+  fullWidth: a.bool,
   /**
    * Helper text to be displayed below Textfield, by default only visible on focus.
    *
    * Defaults to **null**.
    */
-  helperText: r.node,
+  helperText: a.node,
   /**
    * Randomly generated id for the helper text container element. May be overwritten.
    *
    * Defaults to **undefined**.
    */
-  helperTextId: r.string,
+  helperTextId: a.string,
   /**
    * Set the helper text to be permanently visible.
    *
    * Defaults to **false**.
    */
-  helperTextPersistent: r.bool,
+  helperTextPersistent: a.bool,
   /**
    * Set the helper text to use validation styles. Helper text changes with `valid` (e.g., helper text will appear red when `valid` is set to 'false').
    *
    * Defaults to **false**.
    */
-  helperTextValidation: r.bool,
+  helperTextValidation: a.bool,
   /**
    * Randomly generated id for the input element. May be overwritten.
    *
    * Defaults to **undefined**.
    */
-  id: r.string,
+  id: a.string,
   /**
    * Floating input label. Note: full-width Textfields do not support floating labels - any label on a full-width Textfield will be automatically mapped to a placeholder.
    *
    * Defaults to **null**.
    */
-  label: r.string,
+  label: a.string,
   /**
    * Randomly generated id for the label element. May be overwritten.
    *
    * Defaults to **undefined**.
    */
-  labelId: r.string,
+  labelId: a.string,
   /**
    * Custom content to appear before the input.
    *
    * Defaults to **null**.
    */
-  leadingContent: r.node,
+  leadingContent: a.node,
   /**
    * Adds the given Icon or Icon Button to the left of the Textfield. Expects the name of a valid Material.io icon, however in React an icon or icon button component may be passed in instead for more control,
    *
    * Defaults to **null**.
    */
-  leadingIcon: r.oneOfType([r.string, r.node]),
+  leadingIcon: a.oneOfType([a.string, a.node]),
   /**
    * @deprecated _Use `maxlength` instead. The case of this prop has changed to be more consistent._
    *
@@ -1623,37 +1618,37 @@ const St = {
    *
    * Defaults to **undefined**.
    */
-  maxLength: O(r.number, "Textfield", "Use `maxlength` instead. The case of this prop has changed to be more consistent."),
+  maxLength: P(a.number, "Textfield", "Use `maxlength` instead. The case of this prop has changed to be more consistent."),
   /**
    * Restricts the number of characters that can be entered, best used with counter.
    *
    * Defaults to **null**.
    */
-  maxlength: _t(r.number, "Textfield", "counter"),
+  maxlength: qn(a.number, "Textfield", "counter"),
   /**
    * Prevents resizing when using `textarea`.
    *
    * Defaults to **true**.
    */
-  noResize: r.bool,
+  noResize: a.bool,
   /**
    * Fired when focus leaves the input.
    *
    * Defaults to **null**.
    */
-  onBlur: r.func,
+  onBlur: a.func,
   /**
    * Fired when each character is entered into the Textfield.
    *
    * Defaults to **null**.
    */
-  onChange: r.func,
+  onChange: a.func,
   /**
    * Fired when the input gains focus.
    *
    * Defaults to **null**.
    */
-  onFocus: r.func,
+  onFocus: a.func,
   /**
    * @deprecated _Use `variant='outlined'` instead_
    *
@@ -1661,19 +1656,19 @@ const St = {
    *
    * Defaults to **undefined**.
    */
-  outlined: O(r.bool, "Textfield", 'Use `variant="outlined"` instead'),
+  outlined: P(a.bool, "Textfield", 'Use `variant="outlined"` instead'),
   /**
    * Non-floating label text, will be replaced when the user starts typing.
    *
    * Defaults to **null**.
    */
-  placeholder: r.string,
+  placeholder: a.string,
   /**
    * Text that will appear before the label or value of the Textfield. It will be shown on focus. An example use-case might be a currency symbol such as `$`. _Warning:_ This cannot be used with `leadingIcon` or `textarea`.
    *
    * Defaults to **null**.
    */
-  prefixText: r.string,
+  prefixText: a.string,
   /**
    * @deprecated _This feature is no longer supported. Use `variant='filled'` instead._
    *
@@ -1681,7 +1676,7 @@ const St = {
    *
    * Defaults to **undefined**.
    */
-  primary: O(r.bool, "Textfield", 'This feature is no longer supported. Use `variant="filled"` instead.'),
+  primary: P(a.bool, "Textfield", 'This feature is no longer supported. Use `variant="filled"` instead.'),
   /**
    * @deprecated _Use `variant='embedded'`_
    *
@@ -1689,7 +1684,7 @@ const St = {
    *
    * Defaults to **undefined**.
    */
-  search: O(r.bool, "Textfield", 'Use `variant="embedded"`'),
+  search: P(a.bool, "Textfield", 'Use `variant="embedded"`'),
   /**
    * @deprecated _Use `variant='outlined'` instead._
    *
@@ -1697,62 +1692,63 @@ const St = {
    *
    * Defaults to **undefined**.
    */
-  secondary: O(r.bool, "Textfield", 'Use `variant="outlined"` instead.'),
+  secondary: P(a.bool, "Textfield", 'Use `variant="outlined"` instead.'),
   /**
    * Text that will appear after the label or value of the Textfield. It will be shown on focus. An example use-case might be `.00` if handling currency. _Warning:_ This cannot be used with `trailingIcon` or `textarea`.
    *
    * Defaults to **null**.
    */
-  suffixText: r.string,
+  suffixText: a.string,
   /**
    * Enabled multi-line text input. _Note_ `textarea` cannot be used with the embedded variant.
    *
    * Defaults to **false**.
    */
-  textarea: r.bool,
+  textarea: a.bool,
   /**
    * If defined, a Tooltip will appear on the Textfield. Useful to show the full value, if the value is too long for the Textfield width. The object should be the needed Tooltip properties. Tooltip `text` prop will be set to the current value of the Textfield.  See Tooltip docs for available props.
    *
    * Defaults to **null**.
    */
-  tooltip: r.oneOfType([r.bool, r.object]),
+  tooltip: a.oneOfType([a.bool, a.object]),
   /**
    * Custom content to appear after the input.
    *
    * Defaults to **null**.
    */
-  trailingContent: r.node,
+  trailingContent: a.node,
   /**
    * Adds the given Icon or Icon Button  to the right of the Textfield . Expects the name of a valid Material.io icon, however in React an icon icon button component may be passed in instead for more control.
    *
    * Defaults to **null**.
    */
-  trailingIcon: r.oneOfType([r.string, r.node]),
+  trailingIcon: a.oneOfType([a.string, a.node]),
   /**
    * Support for built-in input types. Browser support for some advanced types such as color or date may be limited or appear differently between browsers. _Note_  the `Datepicker` component should be preferred over the built-in date/time types as it offers more consistency and features._Note_ Slider type is not support, please use the Element `Slider` component instead.
    *
    * Defaults to **'text'**.
    */
-  type: r.oneOf(["text", "password", "color", "email", "url", "number", "tel", "search", "datetime-local", "month", "time", "week", "date"]),
+  type: a.oneOf(["button", "checkbox", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week"]),
   /**
    * Applies an invalid style to the Textfield.
    *
    * Defaults to **true**.
    */
-  valid: r.bool,
+  valid: a.bool,
   /**
    * The current value of the Textfield component.
    *
    * Defaults to **undefined**.
    */
-  value: r.oneOfType([r.string, r.number]),
+  value: a.oneOfType([a.string, a.number]),
   /**
    * Applies the selected styling to the Textfield. _Note_ `textarea` does not support the `embedded` variant.
    *
    * Defaults to **'filled'**.
    */
-  variant: r.oneOf(["filled", "outlined", "embedded"])
-}, Ht = {
+  variant: a.oneOf(["filled", "outlined", "embedded"])
+}, pi = {
+  alignment: "left",
   block: void 0,
   className: void 0,
   containerClass: void 0,
@@ -1777,6 +1773,7 @@ const St = {
   maxLength: void 0,
   maxlength: null,
   noResize: !0,
+  onBlur: null,
   outlined: void 0,
   placeholder: null,
   prefixText: null,
@@ -1792,130 +1789,112 @@ const St = {
   valid: !0,
   value: void 0,
   variant: "filled"
-}, qe = (a, t) => a ? /* @__PURE__ */ c.createElement("div", {
-  className: "mdc-text-field-character-counter"
-}, "0 / ", t) : null, wt = (a) => {
-  const {
-    type: t
-  } = {
-    ...a
-  }, {
-    displayName: e
-  } = {
-    ...t
-  };
-  return typeof a == "string" ? /* @__PURE__ */ c.createElement(We, {
+}, hi = ["alignment", "block", "className", "containerClass", "containerProps", "containerStyle", "counter", "defaultValue", "dense", "disabled", "embedded", "filled", "focused", "fullWidth", "helperText", "helperTextId", "helperTextPersistent", "helperTextValidation", "id", "label", "labelId", "leadingContent", "leadingIcon", "maxLength", "maxlength", "noResize", "onBlur", "outlined", "placeholder", "prefixText", "primary", "search", "secondary", "suffixText", "textarea", "tooltip", "trailingContent", "trailingIcon", "type", "valid", "value", "variant"];
+function qt(r, t) {
+  var e = wn(r);
+  if (Ft) {
+    var n = Ft(r);
+    t && (n = kn(n).call(n, function(i) {
+      return Xt(r, i).enumerable;
+    })), e.push.apply(e, n);
+  }
+  return e;
+}
+function V(r) {
+  for (var t = 1; t < arguments.length; t++) {
+    var e, n, i = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? Nt(e = qt(Object(i), !0)).call(e, function(o) {
+      jn(r, o, i[o]);
+    }) : Pt ? $n(r, Pt(i)) : Nt(n = qt(Object(i))).call(n, function(o) {
+      Bn(r, o, Xt(i, o));
+    });
+  }
+  return r;
+}
+var Wt = function(t, e) {
+  return t ? /* @__PURE__ */ d.createElement("div", {
+    className: "mdc-text-field-character-counter"
+  }, "0 / ", e) : null;
+}, _i = function(t) {
+  var e = V({}, t), n = e.type, i = V({}, n), o = i.displayName;
+  return typeof t == "string" ? /* @__PURE__ */ d.createElement(Yt, {
     role: "button",
     className: "mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--leading",
-    icon: a
-  }) : Xe(a, {
-    className: V("mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--leading", e === "IconButton" && "lmnt-text-field__icon-button--leading"),
-    dense: e === "IconButton" ? !0 : void 0,
+    icon: t
+  }) : Gt(t, {
+    className: k("mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--leading", o === "IconButton" && "lmnt-text-field__icon-button--leading"),
+    dense: o === "IconButton" ? !0 : void 0,
     role: "button"
   });
-}, Mt = (a) => {
-  const {
-    type: t
-  } = {
-    ...a
-  }, {
-    displayName: e
-  } = {
-    ...t
-  };
-  return typeof a == "string" ? /* @__PURE__ */ c.createElement(We, {
+}, vi = function(t) {
+  var e = V({}, t), n = e.type, i = V({}, n), o = i.displayName;
+  return typeof t == "string" ? /* @__PURE__ */ d.createElement(Yt, {
     className: "mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--trailing",
-    icon: a
-  }) : Xe(a, {
-    className: V("mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--trailing", e === "IconButton" && "lmnt-text-field__icon-button--trailing"),
-    dense: e === "IconButton" ? !0 : void 0,
-    role: e === "IconButton" ? "button" : null
+    icon: t
+  }) : Gt(t, {
+    className: k("mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--trailing", o === "IconButton" && "lmnt-text-field__icon-button--trailing"),
+    dense: o === "IconButton" ? !0 : void 0,
+    role: o === "IconButton" ? "button" : null
   });
-}, xe = /* @__PURE__ */ Ie((a, t) => {
-  const {
-    block: e,
-    className: n,
-    containerClass: i,
-    containerProps: o,
-    containerStyle: l,
-    counter: s,
-    defaultValue: p,
-    dense: D,
-    disabled: R,
-    embedded: U,
-    filled: le,
-    focused: A,
-    fullWidth: K,
-    helperText: h,
-    helperTextId: J,
-    helperTextPersistent: E,
-    helperTextValidation: S,
-    id: Q,
-    label: u,
-    labelId: ue,
-    leadingContent: Ze,
-    leadingIcon: q,
-    maxLength: de,
-    maxlength: Z,
-    noResize: $,
-    onBlur: Te,
-    outlined: $e,
-    placeholder: et,
-    prefixText: ye,
-    primary: tt = null,
-    search: nt,
-    secondary: it,
-    suffixText: Ce,
-    textarea: g,
-    tooltip: b,
-    trailingContent: rt,
-    trailingIcon: X,
-    type: Ee,
-    valid: H,
-    value: L,
-    variant: ce,
-    ...at
-  } = a, {
-    hoisted: ot,
-    position: Le = "bottom"
-  } = b && typeof b == "object" ? b : {}, [ee] = B(() => Q || ve()), [fe] = B(() => J || ve()), [pe] = B(() => ue || ve()), [Oe, st] = B(!0), [he, lt] = B(!1), [N, ut] = B(Z), dt = h || s && N, ct = g ? "textarea" : "input", Ae = y(), F = y(), m = y(), _e = y(), Re = y(), ge = y(), te = y(), G = y(), ft = (X || q) && !g, w = gt(() => H ?? !0, [H]), M = !g && (U || nt || ce === "embedded"), me = !U && ($e || it || ce === "outlined"), ne = !me && !M && (tt || le || ce === "filled"), W = M || K || e, be = !M && !!u && !D;
-  _(() => (m.current = Pt.attachTo(_e.current), () => {
-    m.current.destroy();
-  }), [he]), Ge(t, () => ({
-    mdc: m.current,
-    input: Re.current,
-    container: ge.current,
-    label: _e.current
-  })), _(() => (h && typeof h == "string" && (F.current = new Qe(Ae.current)), () => {
-    F.current && F.current.destroy();
-  }), [h]), _(() => {
-    if (h) {
-      var d, v, x, j;
-      (d = F.current) === null || d === void 0 || d.foundation.setValidation(S), (v = F.current) === null || v === void 0 || v.foundation.setValidity(w), (x = F.current) === null || x === void 0 || x.foundation.setPersistent(E), (j = F.current) === null || j === void 0 || j.foundation.setContent(h);
+}, l = pi, nn = /* @__PURE__ */ Ae(function(r, t) {
+  var e = r.alignment, n = e === void 0 ? l.alignment : e, i = r.block, o = i === void 0 ? l.block : i, s = r.className, _ = s === void 0 ? l.className : s, p = r.containerClass, y = p === void 0 ? l.containerClass : p, T = r.containerProps, re = T === void 0 ? l.containerProps : T, ae = r.containerStyle, F = ae === void 0 ? l.containerStyle : ae, z = r.counter, R = z === void 0 ? l.counter : z, Y = r.defaultValue, S = Y === void 0 ? l.defaultValue : Y, K = r.dense, D = K === void 0 ? l.dense : K, h = r.disabled, U = h === void 0 ? l.disabled : h, Ne = r.embedded, Pe = Ne === void 0 ? l.embedded : Ne, Fe = r.filled, rn = Fe === void 0 ? l.filled : Fe, Se = r.focused, Ve = Se === void 0 ? l.focused : Se, De = r.fullWidth, an = De === void 0 ? l.fullWidth : De, He = r.helperText, b = He === void 0 ? l.helperText : He, we = r.helperTextId, on = we === void 0 ? l.helperTextId : we, Me = r.helperTextPersistent, oe = Me === void 0 ? l.helperTextPersistent : Me, je = r.helperTextValidation, _e = je === void 0 ? l.helperTextValidation : je, $e = r.id, ln = $e === void 0 ? l.id : $e, Be = r.label, H = Be === void 0 ? l.label : Be, ke = r.labelId, sn = ke === void 0 ? l.labelId : ke, Ue = r.leadingContent, un = Ue === void 0 ? l.leadingContent : Ue, qe = r.leadingIcon, J = qe === void 0 ? l.leadingIcon : qe, We = r.maxLength, ve = We === void 0 ? l.maxLength : We, Xe = r.maxlength, le = Xe === void 0 ? l.maxlength : Xe, Ge = r.noResize, se = Ge === void 0 ? l.noResize : Ge, ze = r.onBlur, Ye = ze === void 0 ? l.onBlur : ze, Ke = r.outlined, dn = Ke === void 0 ? l.outlined : Ke, Je = r.placeholder, cn = Je === void 0 ? l.placeholder : Je, Qe = r.prefixText, Ze = Qe === void 0 ? l.prefixText : Qe, et = r.primary, fn = et === void 0 ? l.primary : et, tt = r.search, pn = tt === void 0 ? l.search : tt, nt = r.secondary, hn = nt === void 0 ? l.secondary : nt, it = r.suffixText, rt = it === void 0 ? l.suffixText : it, at = r.textarea, g = at === void 0 ? l.textarea : at, ot = r.tooltip, I = ot === void 0 ? l.tooltip : ot, lt = r.trailingContent, _n = lt === void 0 ? l.trailingContent : lt, st = r.trailingIcon, Q = st === void 0 ? l.trailingIcon : st, ut = r.type, dt = ut === void 0 ? l.type : ut, ct = r.valid, q = ct === void 0 ? l.valid : ct, ft = r.value, N = ft === void 0 ? l.value : ft, pt = r.variant, ge = pt === void 0 ? l.variant : pt, me = Oe(r, hi), ht = I && Mn(I) === "object" ? I : {}, vn = ht.hoisted, _t = ht.position, vt = _t === void 0 ? "bottom" : _t, gn = $(function() {
+    return ln || Ee();
+  }), mn = j(gn, 1), ue = mn[0], bn = $(function() {
+    return on || Ee();
+  }), In = j(bn, 1), be = In[0], xn = $(function() {
+    return sn || Ee();
+  }), yn = j(xn, 1), Ie = yn[0], Tn = $(!0), gt = j(Tn, 2), mt = gt[0], Cn = gt[1], En = $(!1), bt = j(En, 2), xe = bt[0], Ln = bt[1], On = $(le), It = j(On, 2), w = It[0], An = It[1], Rn = $(Ve || !1), xt = j(Rn, 2), Nn = xt[0], yt = xt[1], Pn = b || R && w, Fn = g ? "textarea" : "input", Tt = O(), M = O(), m = O(), ye = O(), Ct = O(), Te = O(), de = O(), Z = O(), Sn = (Q || J) && !g, W = Wn(function() {
+    return q ?? !0;
+  }, [q]), X = !g && (Pe || pn || ge === "embedded"), ce = !Pe && (dn || hn || ge === "outlined"), fe = !ce && !X && (fn || rn || ge === "filled"), ee = X || an || o, Ce = !X && !!H && !D;
+  v(function() {
+    return m.current = li.attachTo(ye.current), function() {
+      m.current.destroy();
+    };
+  }, [xe]), zt(t, function() {
+    return {
+      mdc: m.current,
+      input: Ct.current,
+      container: Te.current,
+      label: ye.current
+    };
+  }), v(function() {
+    return b && typeof b == "string" && (M.current = new en(Tt.current)), function() {
+      M.current && M.current.destroy();
+    };
+  }, [b]), v(function() {
+    if (b) {
+      var c, u, C, E;
+      (c = M.current) === null || c === void 0 || c.foundation.setValidation(_e), (u = M.current) === null || u === void 0 || u.foundation.setValidity(W), (C = M.current) === null || C === void 0 || C.foundation.setPersistent(oe), (E = M.current) === null || E === void 0 || E.foundation.setContent(b);
     }
-  }, [h, E, S, w]), _(() => {
-    p || (m.current.value = L || L === 0 ? L : ""), m.current.valid = w;
-  }, [m, L, w, p]), _(() => {
-    m.current.disabled = R;
-  }, [m, R]), _(() => {
-    ut(de && !Z ? de : Z);
-  }, [Z, de]), _(() => {
-    lt(N > 0 && s);
-  }, [N, s]), _(() => {
-    st(W || s || h);
-  }, [W, s, h]);
-  const pt = () => {
-    H !== void 0 && L !== null && (m.current.valid = H);
-  }, ht = (d) => {
-    Te && Te(d), pt();
-  }, Ne = () => {
-    m.current.value = "", m.current.valid = w;
+  }, [b, oe, _e, W]), v(function() {
+    S || (m.current.value = N || N === 0 ? N : ""), m.current.valid = W;
+  }, [m, N, W, S]), v(function() {
+    m.current.disabled = U;
+  }, [m, U]), v(function() {
+    An(ve && !le ? ve : le);
+  }, [le, ve]), v(function() {
+    Ln(w > 0 && R);
+  }, [w, R]), v(function() {
+    var c = ee || R || b;
+    Cn(c);
+  }, [ee, R, b]);
+  var Vn = function() {
+    q !== void 0 && N !== null && (m.current.valid = q);
+  }, Dn = function(u) {
+    yt(!1), Ye && Ye(u), Vn();
+  }, Hn = function(u) {
+    yt(!0), me.onFocus && me.onFocus(u);
+  }, Et = function() {
+    m.current.value = "", m.current.valid = W;
   };
-  _(() => (window.addEventListener("reset", Ne), () => {
-    window.removeEventListener("reset", Ne);
-  }), []), _(() => {
-    if (b) {
-      const d = [{
+  v(function() {
+    return Un() ? (window.addEventListener("reset", Et), function() {
+      window.removeEventListener("reset", Et);
+    }) : function() {
+    };
+  }, []), v(function() {
+    if (I) {
+      var c = [{
         name: "flip",
         options: {
           enabled: !0,
@@ -1930,98 +1909,102 @@ const St = {
           offset: [0, 12]
         }
       }];
-      G.current = xt(ge.current, te.current, {
-        placement: Le,
-        modifiers: d
+      Z.current = Kn(Te.current, de.current, {
+        placement: vt,
+        modifiers: c
       });
     }
-    return () => {
-      var d;
-      (d = G.current) === null || d === void 0 || d.destroy();
+    return function() {
+      var u;
+      (u = Z.current) === null || u === void 0 || u.destroy();
     };
-  }, [Le, ot, b]);
-  const Fe = De(() => {
-    if (L) {
-      const j = m.current.input_;
-      if (j.offsetWidth < j.scrollWidth) {
-        var d, v, x;
-        (d = te.current) === null || d === void 0 || d.setAttribute("data-show", ""), (v = G.current) === null || v === void 0 || v.setOptions((Ve) => ({
-          ...Ve,
-          modifiers: [...Ve.modifiers, {
-            name: "eventListeners",
-            enabled: !0
-          }]
-        })), (x = G.current) === null || x === void 0 || x.update();
+  }, [vt, vn, I]);
+  var Lt = Dt(function() {
+    if (N) {
+      var c = m.current.input_;
+      if (c.offsetWidth < c.scrollWidth) {
+        var u, C, E;
+        (u = de.current) === null || u === void 0 || u.setAttribute("data-show", ""), (C = Z.current) === null || C === void 0 || C.setOptions(function(At) {
+          var Rt;
+          return V(V({}, At), {}, {
+            modifiers: Vt(Rt = []).call(Rt, St(At.modifiers), [{
+              name: "eventListeners",
+              enabled: !0
+            }])
+          });
+        }), (E = Z.current) === null || E === void 0 || E.update();
       }
     }
-  }, [L]), Pe = De(() => {
-    var d, v;
-    (d = te.current) === null || d === void 0 || d.removeAttribute("data-show"), (v = G.current) === null || v === void 0 || v.setOptions((x) => ({
-      ...x,
-      modifiers: [...x.modifiers, {
-        name: "eventListeners",
-        enabled: !1
-      }]
-    }));
+  }, [N]), Ot = Dt(function() {
+    var c, u;
+    (c = de.current) === null || c === void 0 || c.removeAttribute("data-show"), (u = Z.current) === null || u === void 0 || u.setOptions(function(C) {
+      var E;
+      return V(V({}, C), {}, {
+        modifiers: Vt(E = []).call(E, St(C.modifiers), [{
+          name: "eventListeners",
+          enabled: !1
+        }])
+      });
+    });
   }, []);
-  return /* @__PURE__ */ c.createElement("div", re({
-    ref: ge,
-    style: l,
-    className: V("lmnt", "lmnt-text-field--container", W && "lmnt-text-field--container-full-width", !W && Oe && "lmnt-text-field--container-to-content-width", !Oe && "lmnt-text-field-inline-container", i)
-  }, o, {
-    onMouseEnter: b && Fe,
-    onFocus: b && Fe,
-    onMouseLeave: b && Pe,
-    onBlur: b && Pe
-  }), Ze, /* @__PURE__ */ c.createElement("label", {
-    htmlFor: ee,
-    ref: _e,
-    className: V(["lmnt", "mdc-text-field", "lmnt-text-field", M && "lmnt-text-field--embedded", W && "lmnt-text-field--full-width", ft && "lmnt-text-field--with-icon", !w && "mdc-text-field--invalid", R && "mdc-text-field--disabled", A && "mdc-text-field--focused", !be && "mdc-text-field--no-label", q && !g && "mdc-text-field--with-leading-icon", g && "mdc-text-field--textarea", g && s && N && !$ && "mdc-text-field--with-internal-counter", X && !g && "mdc-text-field--with-trailing-icon", ne && "mdc-text-field--filled", me && "mdc-text-field--outlined", D && "lmnt-text-field--dense", n])
-  }, ne && /* @__PURE__ */ c.createElement("span", {
+  return /* @__PURE__ */ d.createElement("div", te({
+    ref: Te,
+    style: F,
+    className: k("lmnt", "lmnt-text-field--container", ee && "lmnt-text-field--container-full-width", !ee && mt && "lmnt-text-field--container-to-content-width", !mt && "lmnt-text-field-inline-container", y)
+  }, re, {
+    onMouseEnter: I && Lt,
+    onFocus: I && Lt,
+    onMouseLeave: I && Ot,
+    onBlur: I && Ot
+  }), un, /* @__PURE__ */ d.createElement("label", {
+    htmlFor: ue,
+    ref: ye,
+    className: k(["lmnt", "mdc-text-field", "lmnt-text-field", X && "lmnt-text-field--embedded", ee && "lmnt-text-field--full-width", Sn && "lmnt-text-field--with-icon", !W && "mdc-text-field--invalid", U && "mdc-text-field--disabled", Ve && "mdc-text-field--focused", !Ce && "mdc-text-field--no-label", J && !g && "mdc-text-field--with-leading-icon", g && "mdc-text-field--textarea", g && R && w && !se && "mdc-text-field--with-internal-counter", Q && !g && "mdc-text-field--with-trailing-icon", fe && "mdc-text-field--filled", ce && "mdc-text-field--outlined", D && "lmnt-text-field--dense", _])
+  }, fe && /* @__PURE__ */ d.createElement("span", {
     className: "mdc-text-field__ripple"
-  }), q && !g && wt(q), ye && !q && !g && /* @__PURE__ */ c.createElement("span", {
+  }), J && !g && _i(J), Ze && !J && !g && /* @__PURE__ */ d.createElement("span", {
     className: "mdc-text-field__affix mdc-text-field__affix--prefix"
-  }, ye), /* @__PURE__ */ c.createElement(se, {
-    wrap: !$ && g
-  }, /* @__PURE__ */ c.createElement(ct, re({
-    "aria-controls": fe,
-    "aria-describedby": fe,
-    "aria-labelledby": pe,
-    className: V("mdc-text-field__input", Ee === "color" && "lmnt-text-field__input--color"),
-    disabled: R,
-    id: ee,
-    type: Ee,
-    onBlur: ht,
-    defaultValue: p,
-    placeholder: et || (M && u ? u : "") || (D && u ? u : ""),
-    maxLength: N,
-    ref: Re,
-    value: L
-  }, at)), !$ && qe(he, N)), X && !g && Mt(X), Ce && !X && !g && /* @__PURE__ */ c.createElement("span", {
+  }, Ze), /* @__PURE__ */ d.createElement(tn, {
+    wrap: !se && g
+  }, /* @__PURE__ */ d.createElement(Fn, te({
+    "aria-controls": be,
+    "aria-describedby": be,
+    "aria-labelledby": Ie,
+    className: k("mdc-text-field__input", D && n === "right" && "lmnt-text-field--alignment-right", dt === "color" && "lmnt-text-field__input--color"),
+    disabled: U,
+    id: ue,
+    type: dt,
+    onBlur: Dn,
+    onFocus: Hn,
+    defaultValue: S,
+    placeholder: ce && !Nn ? "" : cn || (X && H ? H : "") || (D && H ? H : ""),
+    maxLength: w,
+    ref: Ct,
+    value: N
+  }, me)), !se && Wt(xe, w)), Q && !g && vi(Q), rt && !Q && !g && /* @__PURE__ */ d.createElement("span", {
     className: "mdc-text-field__affix mdc-text-field__affix--suffix"
-  }, Ce), me && /* @__PURE__ */ c.createElement(vt, null, be && /* @__PURE__ */ c.createElement(Se, {
-    id: pe,
-    htmlFor: ee
-  }, u)), ne && be && /* @__PURE__ */ c.createElement(Se, {
-    id: pe,
-    htmlFor: ee
-  }, u), (ne || M) && /* @__PURE__ */ c.createElement(oe, null)), rt, dt && /* @__PURE__ */ c.createElement("div", {
+  }, rt), ce && /* @__PURE__ */ d.createElement(zn, null, Ce && /* @__PURE__ */ d.createElement(Ht, {
+    id: Ie,
+    htmlFor: ue
+  }, H)), fe && Ce && /* @__PURE__ */ d.createElement(Ht, {
+    id: Ie,
+    htmlFor: ue
+  }, H), (fe || X) && /* @__PURE__ */ d.createElement(Re, null)), _n, Pn && /* @__PURE__ */ d.createElement("div", {
     className: "mdc-text-field-helper-line"
-  }, h && /* @__PURE__ */ c.createElement("div", {
-    ref: Ae,
-    id: fe,
-    "aria-hidden": E ? "false" : "true",
-    className: V(["mdc-text-field-helper-text", E && "mdc-text-field-helper-text--persistent", S && "mdc-text-field-helper-text--validation-msg"])
-  }, h), $ && qe(he, N)), b && /* @__PURE__ */ c.createElement(It, re({
+  }, b && /* @__PURE__ */ d.createElement("div", {
+    ref: Tt,
+    id: be,
+    "aria-hidden": oe ? "false" : "true",
+    className: k(["mdc-text-field-helper-text", oe && "mdc-text-field-helper-text--persistent", _e && "mdc-text-field-helper-text--validation-msg"])
+  }, b), se && Wt(xe, w)), I && /* @__PURE__ */ d.createElement(Yn, te({
     role: "tooltip"
-  }, b, {
-    ref: te,
-    text: L
+  }, I, {
+    ref: de,
+    text: N
   })));
 });
-xe.displayName = "Textfield";
-xe.propTypes = St;
-xe.defaultProps = Ht;
+nn.displayName = "Textfield";
+nn.propTypes = fi;
 export {
-  xe as T
+  nn as T
 };