@hortiview/default-components 1.4.0 → 1.4.2

package/dist/{omit-1Eom1PmQ-BLY9iMqj.js → index.es-DENZVv7_-PUEN9sIa.js}

@@ -1,7 +1,8 @@
-import { e as kt, D as Fn, c as Rt, I as ot, h as B, p as y, f as It, r as sn, L as cn, a as xt, j as o, m as q, b as Pn, g as Sn, i as Et, A as Vn, k as jn, C as Hn, l as ve, F as wn, U as dn, s as Dn, B as ge, T as $n, n as Un, t as fn, x as Bn, o as pn, v as hn, S as Mn, $ as kn, M as qn, w as Gn, z as _n, E as Xn, N as bn } from "./useTranslation-B_ODv8uN.js";
-import b, { forwardRef as me, useState as ft, useRef as U, useMemo as Wn, useEffect as R, useImperativeHandle as vn, useCallback as Ce } from "react";
-import { k as zn, H as Le, R as Kn, a as Yn, c as Jn, A as gn, d as Qn, E as Zn, x as mn, b as tr, e as er, O as nr, F as rr, P as yn, I as In } from "./index.es-U5-b20Gv-ChQ_O81C.js";
-import { p as Ot, U as Ae, _ as ir, O as ar } from "./component-DsB0poTj-BDGiEcbP.js";
+import { r as Ot, n as wn, o as Ct, H as jn, L as Bn, q as Ne, h as tt, e as U, g as A, j as c, i as et, Z as Fe, c as kn, p as Pe, f as Mn, v as Un, s as We, B as $e, l as ze, k as nt, X as qn, a as Ve, b as Xn, t as a, m as F, w as Gn } from "./useTranslation-CVaIJbcK.js";
+import { B as He, y as Wn, v as Se, K as $n, a as zn, W as Zn } from "./index.es-Cq04gn3U-Bvzrqtm6.js";
+import { S as B } from "./slicedToArray-BWk2gTCn-Cfzj7tjm.js";
+import u, { forwardRef as At, useState as k, useRef as O, useMemo as Yn, useEffect as g, useImperativeHandle as Ze, useCallback as De } from "react";
+import { p as pt, U as we, _ as Kn, O as Jn } from "./component-DsB0poTj-CeLHB9Ok.js";
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -24,7 +25,7 @@ import { p as Ot, U as Ae, _ as ir, O as ar } from "./component-DsB0poTj-BDGiEcb
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var at = {
+var M = {
   LINE_RIPPLE_ACTIVE: "mdc-line-ripple--active",
   LINE_RIPPLE_DEACTIVATING: "mdc-line-ripple--deactivating"
 };
@@ -50,19 +51,19 @@ var at = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var or = (
+var Qn = (
   /** @class */
-  function(i) {
-    B(e, i);
+  function(r) {
+    A(e, r);
     function e(t) {
-      var n = i.call(this, y(y({}, e.defaultAdapter), t)) || this;
-      return n.transitionEndHandler_ = function(r) {
-        return n.handleTransitionEnd(r);
+      var n = r.call(this, c(c({}, e.defaultAdapter), t)) || this;
+      return n.transitionEndHandler_ = function(i) {
+        return n.handleTransitionEnd(i);
       }, n;
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return at;
+        return M;
       },
       enumerable: !1,
       configurable: !0
@@ -94,16 +95,16 @@ var or = (
     }, e.prototype.destroy = function() {
       this.adapter.deregisterEventHandler("transitionend", this.transitionEndHandler_);
     }, e.prototype.activate = function() {
-      this.adapter.removeClass(at.LINE_RIPPLE_DEACTIVATING), this.adapter.addClass(at.LINE_RIPPLE_ACTIVE);
+      this.adapter.removeClass(M.LINE_RIPPLE_DEACTIVATING), this.adapter.addClass(M.LINE_RIPPLE_ACTIVE);
     }, e.prototype.setRippleCenter = function(t) {
       this.adapter.setStyle("transform-origin", t + "px center");
     }, e.prototype.deactivate = function() {
-      this.adapter.addClass(at.LINE_RIPPLE_DEACTIVATING);
+      this.adapter.addClass(M.LINE_RIPPLE_DEACTIVATING);
     }, e.prototype.handleTransitionEnd = function(t) {
-      var n = this.adapter.hasClass(at.LINE_RIPPLE_DEACTIVATING);
-      t.propertyName === "opacity" && n && (this.adapter.removeClass(at.LINE_RIPPLE_ACTIVE), this.adapter.removeClass(at.LINE_RIPPLE_DEACTIVATING));
+      var n = this.adapter.hasClass(M.LINE_RIPPLE_DEACTIVATING);
+      t.propertyName === "opacity" && n && (this.adapter.removeClass(M.LINE_RIPPLE_ACTIVE), this.adapter.removeClass(M.LINE_RIPPLE_DEACTIVATING));
     }, e;
-  }(xt)
+  }(nt)
 );
 /**
  * @license
@@ -127,12 +128,12 @@ var or = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var xn = (
+var Ye = (
   /** @class */
-  function(i) {
-    B(e, i);
+  function(r) {
+    A(e, r);
     function e() {
-      return i !== null && i.apply(this, arguments) || this;
+      return r !== null && r.apply(this, arguments) || this;
     }
     return e.attachTo = function(t) {
       return new e(t);
@@ -144,28 +145,28 @@ var xn = (
       this.foundation.setRippleCenter(t);
     }, e.prototype.getDefaultFoundation = function() {
       var t = this, n = {
-        addClass: function(r) {
-          return t.root.classList.add(r);
+        addClass: function(i) {
+          return t.root.classList.add(i);
         },
-        removeClass: function(r) {
-          return t.root.classList.remove(r);
+        removeClass: function(i) {
+          return t.root.classList.remove(i);
         },
-        hasClass: function(r) {
-          return t.root.classList.contains(r);
+        hasClass: function(i) {
+          return t.root.classList.contains(i);
         },
-        setStyle: function(r, a) {
-          return t.root.style.setProperty(r, a);
+        setStyle: function(i, o) {
+          return t.root.style.setProperty(i, o);
         },
-        registerEventHandler: function(r, a) {
-          return t.listen(r, a);
+        registerEventHandler: function(i, o) {
+          return t.listen(i, o);
         },
-        deregisterEventHandler: function(r, a) {
-          return t.unlisten(r, a);
+        deregisterEventHandler: function(i, o) {
+          return t.unlisten(i, o);
         }
       };
-      return new or(n);
+      return new Qn(n);
     }, e;
-  }(It)
+  }(et)
 );
 /**
  * @license
@@ -189,10 +190,10 @@ var xn = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var En = {
+var Ke = {
   ROOT: "mdc-text-field-character-counter"
-}, ur = {
-  ROOT_SELECTOR: "." + En.ROOT
+}, ti = {
+  ROOT_SELECTOR: "." + Ke.ROOT
 };
 /**
  * @license
@@ -216,22 +217,22 @@ var En = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Tn = (
+var Je = (
   /** @class */
-  function(i) {
-    B(e, i);
+  function(r) {
+    A(e, r);
     function e(t) {
-      return i.call(this, y(y({}, e.defaultAdapter), t)) || this;
+      return r.call(this, c(c({}, e.defaultAdapter), t)) || this;
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return En;
+        return Ke;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "strings", {
       get: function() {
-        return ur;
+        return ti;
       },
       enumerable: !1,
       configurable: !0
@@ -250,7 +251,7 @@ var Tn = (
     }), e.prototype.setCounterValue = function(t, n) {
       t = Math.min(t, n), this.adapter.setContent(t + " / " + n);
     }, e;
-  }(xt)
+  }(nt)
 );
 /**
  * @license
@@ -274,12 +275,12 @@ var Tn = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var lr = (
+var ei = (
   /** @class */
-  function(i) {
-    B(e, i);
+  function(r) {
+    A(e, r);
     function e() {
-      return i !== null && i.apply(this, arguments) || this;
+      return r !== null && r.apply(this, arguments) || this;
     }
     return e.attachTo = function(t) {
       return new e(t);
@@ -292,13 +293,13 @@ var lr = (
       configurable: !0
     }), e.prototype.getDefaultFoundation = function() {
       var t = this, n = {
-        setContent: function(r) {
-          t.root.textContent = r;
+        setContent: function(i) {
+          t.root.textContent = i;
         }
       };
-      return new Tn(n);
+      return new Je(n);
     }, e;
-  }(It)
+  }(et)
 );
 /**
  * @license
@@ -322,7 +323,7 @@ var lr = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var H = {
+var I = {
   ARIA_CONTROLS: "aria-controls",
   ARIA_DESCRIBEDBY: "aria-describedby",
   INPUT_SELECTOR: ".mdc-text-field__input",
@@ -333,7 +334,7 @@ var H = {
   PREFIX_SELECTOR: ".mdc-text-field__affix--prefix",
   SUFFIX_SELECTOR: ".mdc-text-field__affix--suffix",
   TRAILING_ICON_SELECTOR: ".mdc-text-field__icon--trailing"
-}, Nt = {
+}, ht = {
   DISABLED: "mdc-text-field--disabled",
   FOCUSED: "mdc-text-field--focused",
   HELPER_LINE: "mdc-text-field-helper-line",
@@ -345,9 +346,9 @@ var H = {
   TEXTAREA: "mdc-text-field--textarea",
   WITH_LEADING_ICON: "mdc-text-field--with-leading-icon",
   WITH_TRAILING_ICON: "mdc-text-field--with-trailing-icon"
-}, Oe = {
+}, je = {
   LABEL_SCALE: 0.75
-}, sr = [
+}, ni = [
   "pattern",
   "min",
   "max",
@@ -355,7 +356,7 @@ var H = {
   "step",
   "minlength",
   "maxlength"
-], cr = [
+], ii = [
   "color",
   "date",
   "datetime-local",
@@ -386,49 +387,49 @@ var H = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Re = ["mousedown", "touchstart"], Ne = ["click", "keydown"], dr = (
+var Be = ["mousedown", "touchstart"], ke = ["click", "keydown"], ri = (
   /** @class */
-  function(i) {
-    B(e, i);
+  function(r) {
+    A(e, r);
     function e(t, n) {
       n === void 0 && (n = {});
-      var r = i.call(this, y(y({}, e.defaultAdapter), t)) || this;
-      return r.isFocused_ = !1, r.receivedUserInput_ = !1, r.isValid_ = !0, r.useNativeValidation_ = !0, r.validateOnValueChange_ = !0, r.helperText_ = n.helperText, r.characterCounter_ = n.characterCounter, r.leadingIcon_ = n.leadingIcon, r.trailingIcon_ = n.trailingIcon, r.inputFocusHandler_ = function() {
-        return r.activateFocus();
-      }, r.inputBlurHandler_ = function() {
-        return r.deactivateFocus();
-      }, r.inputInputHandler_ = function() {
-        return r.handleInput();
-      }, r.setPointerXOffset_ = function(a) {
-        return r.setTransformOrigin(a);
-      }, r.textFieldInteractionHandler_ = function() {
-        return r.handleTextFieldInteraction();
-      }, r.validationAttributeChangeHandler_ = function(a) {
-        return r.handleValidationAttributeChange(a);
-      }, r;
+      var i = r.call(this, c(c({}, e.defaultAdapter), t)) || 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() {
+        return i.deactivateFocus();
+      }, i.inputInputHandler_ = function() {
+        return i.handleInput();
+      }, i.setPointerXOffset_ = function(o) {
+        return i.setTransformOrigin(o);
+      }, i.textFieldInteractionHandler_ = function() {
+        return i.handleTextFieldInteraction();
+      }, i.validationAttributeChangeHandler_ = function(o) {
+        return i.handleValidationAttributeChange(o);
+      }, i;
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return Nt;
+        return ht;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "strings", {
       get: function() {
-        return H;
+        return I;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "numbers", {
       get: function() {
-        return Oe;
+        return je;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e.prototype, "shouldAlwaysFloat_", {
       get: function() {
         var t = this.getNativeInput_().type;
-        return cr.indexOf(t) >= 0;
+        return ii.indexOf(t) >= 0;
       },
       enumerable: !1,
       configurable: !0
@@ -513,16 +514,16 @@ var Re = ["mousedown", "touchstart"], Ne = ["click", "keydown"], dr = (
       configurable: !0
     }), e.prototype.init = function() {
       var t = 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_), Re.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_), Be.forEach(function(n) {
         t.adapter.registerInputInteractionHandler(n, t.setPointerXOffset_);
-      }), Ne.forEach(function(n) {
+      }), ke.forEach(function(n) {
         t.adapter.registerTextFieldInteractionHandler(n, t.textFieldInteractionHandler_);
       }), this.validationObserver_ = this.adapter.registerValidationAttributeChangeHandler(this.validationAttributeChangeHandler_), this.setCharacterCounter_(this.getValue().length);
     }, e.prototype.destroy = function() {
       var t = this;
-      this.adapter.deregisterInputInteractionHandler("focus", this.inputFocusHandler_), this.adapter.deregisterInputInteractionHandler("blur", this.inputBlurHandler_), this.adapter.deregisterInputInteractionHandler("input", this.inputInputHandler_), Re.forEach(function(n) {
+      this.adapter.deregisterInputInteractionHandler("focus", this.inputFocusHandler_), this.adapter.deregisterInputInteractionHandler("blur", this.inputBlurHandler_), this.adapter.deregisterInputInteractionHandler("input", this.inputInputHandler_), Be.forEach(function(n) {
         t.adapter.deregisterInputInteractionHandler(n, t.setPointerXOffset_);
-      }), Ne.forEach(function(n) {
+      }), ke.forEach(function(n) {
         t.adapter.deregisterTextFieldInteractionHandler(n, t.textFieldInteractionHandler_);
       }), this.adapter.deregisterValidationAttributeChangeHandler(this.validationObserver_);
     }, e.prototype.handleTextFieldInteraction = function() {
@@ -530,13 +531,13 @@ var Re = ["mousedown", "touchstart"], Ne = ["click", "keydown"], dr = (
       t && t.disabled || (this.receivedUserInput_ = !0);
     }, e.prototype.handleValidationAttributeChange = function(t) {
       var n = this;
-      t.some(function(r) {
-        return sr.indexOf(r) > -1 ? (n.styleValidity_(!0), n.adapter.setLabelRequired(n.getNativeInput_().required), !0) : !1;
+      t.some(function(i) {
+        return ni.indexOf(i) > -1 ? (n.styleValidity_(!0), n.adapter.setLabelRequired(n.getNativeInput_().required), !0) : !1;
       }), t.indexOf("maxlength") > -1 && this.setCharacterCounter_(this.getValue().length);
     }, e.prototype.notchOutline = function(t) {
       if (!(!this.adapter.hasOutline() || !this.adapter.hasLabel()))
         if (t) {
-          var n = this.adapter.getLabelWidth() * Oe.LABEL_SCALE;
+          var n = this.adapter.getLabelWidth() * je.LABEL_SCALE;
           this.adapter.notchOutline(n);
         } else
           this.adapter.closeOutline();
@@ -544,8 +545,8 @@ var Re = ["mousedown", "touchstart"], Ne = ["click", "keydown"], dr = (
       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();
     }, e.prototype.setTransformOrigin = function(t) {
       if (!(this.isDisabled() || this.adapter.hasOutline())) {
-        var n = t.touches, r = n ? n[0] : t, a = r.target.getBoundingClientRect(), u = r.clientX - a.left;
-        this.adapter.setLineRippleTransformOrigin(u);
+        var n = t.touches, i = n ? n[0] : t, o = i.target.getBoundingClientRect(), s = i.clientX - o.left;
+        this.adapter.setLineRippleTransformOrigin(s);
       }
     }, e.prototype.handleInput = function() {
       this.autoCompleteFocus(), this.setCharacterCounter_(this.getValue().length);
@@ -604,18 +605,18 @@ var Re = ["mousedown", "touchstart"], Ne = ["click", "keydown"], dr = (
       var n = e.cssClasses.INVALID;
       if (t ? this.adapter.removeClass(n) : this.adapter.addClass(n), this.helperText_) {
         this.helperText_.setValidity(t);
-        var r = this.helperText_.isValidation();
-        if (!r)
+        var i = this.helperText_.isValidation();
+        if (!i)
           return;
-        var a = this.helperText_.isVisible(), u = this.helperText_.getId();
-        a && u ? this.adapter.setInputAttr(H.ARIA_DESCRIBEDBY, u) : this.adapter.removeInputAttr(H.ARIA_DESCRIBEDBY);
+        var o = this.helperText_.isVisible(), s = this.helperText_.getId();
+        o && s ? this.adapter.setInputAttr(I.ARIA_DESCRIBEDBY, s) : this.adapter.removeInputAttr(I.ARIA_DESCRIBEDBY);
       }
     }, e.prototype.styleFocused_ = function(t) {
       var n = e.cssClasses.FOCUSED;
       t ? this.adapter.addClass(n) : this.adapter.removeClass(n);
     }, e.prototype.styleDisabled_ = function(t) {
-      var n = e.cssClasses, r = n.DISABLED, a = n.INVALID;
-      t ? (this.adapter.addClass(r), this.adapter.removeClass(a)) : this.adapter.removeClass(r), this.leadingIcon_ && this.leadingIcon_.setDisabled(t), this.trailingIcon_ && this.trailingIcon_.setDisabled(t);
+      var n = e.cssClasses, i = n.DISABLED, o = n.INVALID;
+      t ? (this.adapter.addClass(i), this.adapter.removeClass(o)) : this.adapter.removeClass(i), this.leadingIcon_ && this.leadingIcon_.setDisabled(t), this.trailingIcon_ && this.trailingIcon_.setDisabled(t);
     }, e.prototype.styleFloating_ = function(t) {
       var n = e.cssClasses.LABEL_FLOATING;
       t ? this.adapter.addClass(n) : this.adapter.removeClass(n);
@@ -633,7 +634,7 @@ var Re = ["mousedown", "touchstart"], Ne = ["click", "keydown"], dr = (
         value: ""
       };
     }, e;
-  }(xt)
+  }(nt)
 );
 /**
  * @license
@@ -657,14 +658,14 @@ var Re = ["mousedown", "touchstart"], Ne = ["click", "keydown"], dr = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var $ = {
+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"
-}, pt = {
+}, W = {
   ARIA_HIDDEN: "aria-hidden",
   ROLE: "role",
-  ROOT_SELECTOR: "." + $.ROOT
+  ROOT_SELECTOR: "." + L.ROOT
 };
 /**
  * @license
@@ -688,22 +689,22 @@ var $ = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Cn = (
+var Qe = (
   /** @class */
-  function(i) {
-    B(e, i);
+  function(r) {
+    A(e, r);
     function e(t) {
-      return i.call(this, y(y({}, e.defaultAdapter), t)) || this;
+      return r.call(this, c(c({}, e.defaultAdapter), t)) || this;
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return $;
+        return L;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "strings", {
       get: function() {
-        return pt;
+        return W;
       },
       enumerable: !1,
       configurable: !0
@@ -736,26 +737,26 @@ var Cn = (
     }), e.prototype.getId = function() {
       return this.adapter.getAttr("id");
     }, e.prototype.isVisible = function() {
-      return this.adapter.getAttr(pt.ARIA_HIDDEN) !== "true";
+      return this.adapter.getAttr(W.ARIA_HIDDEN) !== "true";
     }, e.prototype.setContent = function(t) {
       this.adapter.setContent(t);
     }, e.prototype.isPersistent = function() {
-      return this.adapter.hasClass($.HELPER_TEXT_PERSISTENT);
+      return this.adapter.hasClass(L.HELPER_TEXT_PERSISTENT);
     }, e.prototype.setPersistent = function(t) {
-      t ? this.adapter.addClass($.HELPER_TEXT_PERSISTENT) : this.adapter.removeClass($.HELPER_TEXT_PERSISTENT);
+      t ? this.adapter.addClass(L.HELPER_TEXT_PERSISTENT) : this.adapter.removeClass(L.HELPER_TEXT_PERSISTENT);
     }, e.prototype.isValidation = function() {
-      return this.adapter.hasClass($.HELPER_TEXT_VALIDATION_MSG);
+      return this.adapter.hasClass(L.HELPER_TEXT_VALIDATION_MSG);
     }, e.prototype.setValidation = function(t) {
-      t ? this.adapter.addClass($.HELPER_TEXT_VALIDATION_MSG) : this.adapter.removeClass($.HELPER_TEXT_VALIDATION_MSG);
+      t ? this.adapter.addClass(L.HELPER_TEXT_VALIDATION_MSG) : this.adapter.removeClass(L.HELPER_TEXT_VALIDATION_MSG);
     }, e.prototype.showToScreenReader = function() {
-      this.adapter.removeAttr(pt.ARIA_HIDDEN);
+      this.adapter.removeAttr(W.ARIA_HIDDEN);
     }, e.prototype.setValidity = function(t) {
-      var n = this.adapter.hasClass($.HELPER_TEXT_PERSISTENT), r = this.adapter.hasClass($.HELPER_TEXT_VALIDATION_MSG), a = r && !t;
-      a ? (this.showToScreenReader(), this.adapter.setAttr(pt.ROLE, "alert")) : this.adapter.removeAttr(pt.ROLE), !n && !a && this.hide_();
+      var n = this.adapter.hasClass(L.HELPER_TEXT_PERSISTENT), i = this.adapter.hasClass(L.HELPER_TEXT_VALIDATION_MSG), o = i && !t;
+      o ? (this.showToScreenReader(), this.adapter.setAttr(W.ROLE, "alert")) : this.adapter.removeAttr(W.ROLE), !n && !o && this.hide_();
     }, e.prototype.hide_ = function() {
-      this.adapter.setAttr(pt.ARIA_HIDDEN, "true");
+      this.adapter.setAttr(W.ARIA_HIDDEN, "true");
     }, e;
-  }(xt)
+  }(nt)
 );
 /**
  * @license
@@ -779,12 +780,12 @@ var Cn = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Ln = (
+var tn = (
   /** @class */
-  function(i) {
-    B(e, i);
+  function(r) {
+    A(e, r);
     function e() {
-      return i !== null && i.apply(this, arguments) || this;
+      return r !== null && r.apply(this, arguments) || this;
     }
     return e.attachTo = function(t) {
       return new e(t);
@@ -797,31 +798,31 @@ var Ln = (
       configurable: !0
     }), e.prototype.getDefaultFoundation = function() {
       var t = this, n = {
-        addClass: function(r) {
-          return t.root.classList.add(r);
+        addClass: function(i) {
+          return t.root.classList.add(i);
         },
-        removeClass: function(r) {
-          return t.root.classList.remove(r);
+        removeClass: function(i) {
+          return t.root.classList.remove(i);
         },
-        hasClass: function(r) {
-          return t.root.classList.contains(r);
+        hasClass: function(i) {
+          return t.root.classList.contains(i);
         },
-        getAttr: function(r) {
-          return t.root.getAttribute(r);
+        getAttr: function(i) {
+          return t.root.getAttribute(i);
         },
-        setAttr: function(r, a) {
-          return t.root.setAttribute(r, a);
+        setAttr: function(i, o) {
+          return t.root.setAttribute(i, o);
         },
-        removeAttr: function(r) {
-          return t.root.removeAttribute(r);
+        removeAttr: function(i) {
+          return t.root.removeAttribute(i);
         },
-        setContent: function(r) {
-          t.root.textContent = r;
+        setContent: function(i) {
+          t.root.textContent = i;
         }
       };
-      return new Cn(n);
+      return new Qe(n);
     }, e;
-  }(It)
+  }(et)
 );
 /**
  * @license
@@ -845,10 +846,10 @@ var Ln = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Fe = {
+var Me = {
   ICON_EVENT: "MDCTextField:icon",
   ICON_ROLE: "button"
-}, fr = {
+}, ai = {
   ROOT: "mdc-text-field__icon"
 };
 /**
@@ -873,25 +874,25 @@ var Fe = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Pe = ["click", "keydown"], Se = (
+var Ue = ["click", "keydown"], qe = (
   /** @class */
-  function(i) {
-    B(e, i);
+  function(r) {
+    A(e, r);
     function e(t) {
-      var n = i.call(this, y(y({}, e.defaultAdapter), t)) || this;
-      return n.savedTabIndex_ = null, n.interactionHandler_ = function(r) {
-        return n.handleInteraction(r);
+      var n = r.call(this, c(c({}, e.defaultAdapter), t)) || this;
+      return n.savedTabIndex_ = null, n.interactionHandler_ = function(i) {
+        return n.handleInteraction(i);
       }, n;
     }
     return Object.defineProperty(e, "strings", {
       get: function() {
-        return Fe;
+        return Me;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return fr;
+        return ai;
       },
       enumerable: !1,
       configurable: !0
@@ -922,16 +923,16 @@ var Pe = ["click", "keydown"], Se = (
       configurable: !0
     }), e.prototype.init = function() {
       var t = this;
-      this.savedTabIndex_ = this.adapter.getAttr("tabindex"), Pe.forEach(function(n) {
+      this.savedTabIndex_ = this.adapter.getAttr("tabindex"), Ue.forEach(function(n) {
         t.adapter.registerInteractionHandler(n, t.interactionHandler_);
       });
     }, e.prototype.destroy = function() {
       var t = this;
-      Pe.forEach(function(n) {
+      Ue.forEach(function(n) {
         t.adapter.deregisterInteractionHandler(n, t.interactionHandler_);
       });
     }, e.prototype.setDisabled = function(t) {
-      this.savedTabIndex_ && (t ? (this.adapter.setAttr("tabindex", "-1"), this.adapter.removeAttr("role")) : (this.adapter.setAttr("tabindex", this.savedTabIndex_), this.adapter.setAttr("role", Fe.ICON_ROLE)));
+      this.savedTabIndex_ && (t ? (this.adapter.setAttr("tabindex", "-1"), this.adapter.removeAttr("role")) : (this.adapter.setAttr("tabindex", this.savedTabIndex_), this.adapter.setAttr("role", Me.ICON_ROLE)));
     }, e.prototype.setAriaLabel = function(t) {
       this.adapter.setAttr("aria-label", t);
     }, e.prototype.setContent = function(t) {
@@ -940,7 +941,7 @@ var Pe = ["click", "keydown"], Se = (
       var n = t.key === "Enter" || t.keyCode === 13;
       (t.type === "click" || n) && (t.preventDefault(), this.adapter.notifyIconAction());
     }, e;
-  }(xt)
+  }(nt)
 );
 /**
  * @license
@@ -964,12 +965,12 @@ var Pe = ["click", "keydown"], Se = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var pr = (
+var oi = (
   /** @class */
-  function(i) {
-    B(e, i);
+  function(r) {
+    A(e, r);
     function e() {
-      return i !== null && i.apply(this, arguments) || this;
+      return r !== null && r.apply(this, arguments) || this;
     }
     return e.attachTo = function(t) {
       return new e(t);
@@ -982,36 +983,36 @@ var pr = (
       configurable: !0
     }), e.prototype.getDefaultFoundation = function() {
       var t = this, n = {
-        getAttr: function(r) {
-          return t.root.getAttribute(r);
+        getAttr: function(i) {
+          return t.root.getAttribute(i);
         },
-        setAttr: function(r, a) {
-          return t.root.setAttribute(r, a);
+        setAttr: function(i, o) {
+          return t.root.setAttribute(i, o);
         },
-        removeAttr: function(r) {
-          return t.root.removeAttribute(r);
+        removeAttr: function(i) {
+          return t.root.removeAttribute(i);
         },
-        setContent: function(r) {
-          t.root.textContent = r;
+        setContent: function(i) {
+          t.root.textContent = i;
         },
-        registerInteractionHandler: function(r, a) {
-          return t.listen(r, a);
+        registerInteractionHandler: function(i, o) {
+          return t.listen(i, o);
         },
-        deregisterInteractionHandler: function(r, a) {
-          return t.unlisten(r, a);
+        deregisterInteractionHandler: function(i, o) {
+          return t.unlisten(i, o);
         },
         notifyIconAction: function() {
           return t.emit(
-            Se.strings.ICON_EVENT,
+            qe.strings.ICON_EVENT,
             {},
             !0
             /* shouldBubble */
           );
         }
       };
-      return new Se(n);
+      return new qe(n);
     }, e;
-  }(It)
+  }(et)
 );
 /**
  * @license
@@ -1035,47 +1036,47 @@ var pr = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var hr = (
+var li = (
   /** @class */
-  function(i) {
-    B(e, i);
+  function(r) {
+    A(e, r);
     function e() {
-      return i !== null && i.apply(this, arguments) || this;
+      return r !== null && r.apply(this, arguments) || this;
     }
     return e.attachTo = function(t) {
       return new e(t);
-    }, e.prototype.initialize = function(t, n, r, a, u, l, p) {
-      t === void 0 && (t = function(f, Q) {
-        return new Ae(f, Q);
-      }), n === void 0 && (n = function(f) {
-        return new xn(f);
-      }), r === void 0 && (r = function(f) {
-        return new Ln(f);
-      }), a === void 0 && (a = function(f) {
-        return new lr(f);
-      }), u === void 0 && (u = function(f) {
-        return new pr(f);
-      }), l === void 0 && (l = function(f) {
-        return new Yn(f);
-      }), p === void 0 && (p = function(f) {
-        return new Jn(f);
-      }), this.input_ = this.root.querySelector(H.INPUT_SELECTOR);
-      var T = this.root.querySelector(H.LABEL_SELECTOR);
-      this.label_ = T ? l(T) : null;
-      var v = this.root.querySelector(H.LINE_RIPPLE_SELECTOR);
-      this.lineRipple_ = v ? n(v) : null;
-      var P = this.root.querySelector(H.OUTLINE_SELECTOR);
-      this.outline_ = P ? p(P) : null;
-      var N = Cn.strings, m = this.root.nextElementSibling, E = m && m.classList.contains(Nt.HELPER_LINE), h = E && m && m.querySelector(N.ROOT_SELECTOR);
-      this.helperText_ = h ? r(h) : null;
-      var S = Tn.strings, g = this.root.querySelector(S.ROOT_SELECTOR);
-      !g && E && m && (g = m.querySelector(S.ROOT_SELECTOR)), this.characterCounter_ = g ? a(g) : null;
-      var w = this.root.querySelector(H.LEADING_ICON_SELECTOR);
-      this.leadingIcon_ = w ? u(w) : null;
-      var G = this.root.querySelector(H.TRAILING_ICON_SELECTOR);
-      this.trailingIcon_ = G ? u(G) : null, this.prefix_ = this.root.querySelector(H.PREFIX_SELECTOR), this.suffix_ = this.root.querySelector(H.SUFFIX_SELECTOR), this.ripple = this.createRipple_(t);
+    }, e.prototype.initialize = function(t, n, i, o, s, h, f) {
+      t === void 0 && (t = function(p, q) {
+        return new we(p, q);
+      }), n === void 0 && (n = function(p) {
+        return new Ye(p);
+      }), i === void 0 && (i = function(p) {
+        return new tn(p);
+      }), o === void 0 && (o = function(p) {
+        return new ei(p);
+      }), s === void 0 && (s = function(p) {
+        return new oi(p);
+      }), h === void 0 && (h = function(p) {
+        return new zn(p);
+      }), f === void 0 && (f = function(p) {
+        return new Zn(p);
+      }), this.input_ = this.root.querySelector(I.INPUT_SELECTOR);
+      var x = this.root.querySelector(I.LABEL_SELECTOR);
+      this.label_ = x ? h(x) : null;
+      var T = this.root.querySelector(I.LINE_RIPPLE_SELECTOR);
+      this.lineRipple_ = T ? n(T) : null;
+      var it = this.root.querySelector(I.OUTLINE_SELECTOR);
+      this.outline_ = it ? f(it) : null;
+      var rt = Qe.strings, P = this.root.nextElementSibling, $ = P && P.classList.contains(ht.HELPER_LINE), R = $ && P && P.querySelector(rt.ROOT_SELECTOR);
+      this.helperText_ = R ? i(R) : null;
+      var z = Je.strings, V = this.root.querySelector(z.ROOT_SELECTOR);
+      !V && $ && P && (V = P.querySelector(z.ROOT_SELECTOR)), this.characterCounter_ = V ? o(V) : null;
+      var Z = this.root.querySelector(I.LEADING_ICON_SELECTOR);
+      this.leadingIcon_ = Z ? s(Z) : null;
+      var S = this.root.querySelector(I.TRAILING_ICON_SELECTOR);
+      this.trailingIcon_ = S ? s(S) : null, this.prefix_ = this.root.querySelector(I.PREFIX_SELECTOR), this.suffix_ = this.root.querySelector(I.SUFFIX_SELECTOR), this.ripple = this.createRipple_(t);
     }, e.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(), i.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);
     }, e.prototype.initialSyncWithDOM = function() {
       this.disabled = this.input_.disabled;
     }, Object.defineProperty(e.prototype, "value", {
@@ -1289,8 +1290,8 @@ var hr = (
       var t = this.foundation.shouldFloat;
       this.foundation.notchOutline(t);
     }, e.prototype.getDefaultFoundation = function() {
-      var t = y(y(y(y(y({}, this.getRootAdapterMethods_()), this.getInputAdapterMethods_()), this.getLabelAdapterMethods_()), this.getLineRippleAdapterMethods_()), this.getOutlineAdapterMethods_());
-      return new dr(t, this.getFoundationMap_());
+      var t = c(c(c(c(c({}, this.getRootAdapterMethods_()), this.getInputAdapterMethods_()), this.getLabelAdapterMethods_()), this.getLineRippleAdapterMethods_()), this.getOutlineAdapterMethods_());
+      return new ri(t, this.getFoundationMap_());
     }, e.prototype.getRootAdapterMethods_ = function() {
       var t = this;
       return {
@@ -1303,23 +1304,23 @@ var hr = (
         hasClass: function(n) {
           return t.root.classList.contains(n);
         },
-        registerTextFieldInteractionHandler: function(n, r) {
-          t.listen(n, r);
+        registerTextFieldInteractionHandler: function(n, i) {
+          t.listen(n, i);
         },
-        deregisterTextFieldInteractionHandler: function(n, r) {
-          t.unlisten(n, r);
+        deregisterTextFieldInteractionHandler: function(n, i) {
+          t.unlisten(n, i);
         },
         registerValidationAttributeChangeHandler: function(n) {
-          var r = function(l) {
-            return l.map(function(p) {
-              return p.attributeName;
-            }).filter(function(p) {
-              return p;
+          var i = function(h) {
+            return h.map(function(f) {
+              return f.attributeName;
+            }).filter(function(f) {
+              return f;
             });
-          }, a = new MutationObserver(function(l) {
-            return n(r(l));
-          }), u = { attributes: !0 };
-          return a.observe(t.input_, u), a;
+          }, o = new MutationObserver(function(h) {
+            return n(i(h));
+          }), s = { attributes: !0 };
+          return o.observe(t.input_, s), o;
         },
         deregisterValidationAttributeChangeHandler: function(n) {
           n.disconnect();
@@ -1331,8 +1332,8 @@ var hr = (
         getNativeInput: function() {
           return t.input_;
         },
-        setInputAttr: function(n, r) {
-          t.input_.setAttribute(n, r);
+        setInputAttr: function(n, i) {
+          t.input_.setAttribute(n, i);
         },
         removeInputAttr: function(n) {
           t.input_.removeAttribute(n);
@@ -1340,11 +1341,11 @@ var hr = (
         isFocused: function() {
           return document.activeElement === t.input_;
         },
-        registerInputInteractionHandler: function(n, r) {
-          t.input_.addEventListener(n, r, Ot());
+        registerInputInteractionHandler: function(n, i) {
+          t.input_.addEventListener(n, i, pt());
         },
-        deregisterInputInteractionHandler: function(n, r) {
-          t.input_.removeEventListener(n, r, Ot());
+        deregisterInputInteractionHandler: function(n, i) {
+          t.input_.removeEventListener(n, i, pt());
         }
       };
     }, e.prototype.getLabelAdapterMethods_ = function() {
@@ -1400,84 +1401,76 @@ var hr = (
         trailingIcon: this.trailingIcon_ ? this.trailingIcon_.foundationForTextField : void 0
       };
     }, e.prototype.createRipple_ = function(t) {
-      var n = this, r = this.root.classList.contains(Nt.TEXTAREA), a = this.root.classList.contains(Nt.OUTLINED);
-      if (r || a)
+      var n = this, i = this.root.classList.contains(ht.TEXTAREA), o = this.root.classList.contains(ht.OUTLINED);
+      if (i || o)
         return null;
-      var u = y(y({}, Ae.createAdapter(this)), { isSurfaceActive: function() {
-        return ir(n.input_, ":active");
-      }, registerInteractionHandler: function(l, p) {
-        return n.input_.addEventListener(l, p, Ot());
-      }, deregisterInteractionHandler: function(l, p) {
-        return n.input_.removeEventListener(l, p, Ot());
+      var s = c(c({}, we.createAdapter(this)), { isSurfaceActive: function() {
+        return Kn(n.input_, ":active");
+      }, registerInteractionHandler: function(h, f) {
+        return n.input_.addEventListener(h, f, pt());
+      }, deregisterInteractionHandler: function(h, f) {
+        return n.input_.removeEventListener(h, f, pt());
       } });
-      return t(this.root, new ar(u));
+      return t(this.root, new Jn(s));
     }, e;
-  }(It)
-);
-const _r = {
+  }(et)
+), si = {
   /**
    *
    *
    * Defaults to **null**.
    */
-  activated: o.bool,
+  activated: a.bool,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: o.string,
+  className: a.string,
   /**
    *
    *
    * Defaults to **null**.
    */
-  rippleCenter: o.string
-}, br = {
+  rippleCenter: a.string
+}, ui = {
   activated: null,
   className: void 0,
   rippleCenter: null
-}, Ft = /* @__PURE__ */ me((i, e) => {
-  const {
-    activated: t,
-    rippleCenter: n,
-    className: r,
-    ...a
-  } = i, u = U(), l = U();
-  return vn(e, () => l.current, []), R(() => (u.current = xn.attachTo(l.current), () => {
-    u.current.destroy();
-  }), [l]), R(() => {
-    t ? u.current.activate() : u.current.deactivate();
-  }, [t]), R(() => {
-    n && u.current.setRippleCenter(n);
-  }, [n]), /* @__PURE__ */ b.createElement("div", Rt({
-    ref: l,
-    className: ot("lmnt", "mdc-line-ripple", r)
-  }, a));
+}, di = ["activated", "rippleCenter", "className"], Lt = ui, Rt = /* @__PURE__ */ At(function(r, e) {
+  var t = r.activated, n = t === void 0 ? Lt.activated : t, i = r.rippleCenter, o = i === void 0 ? Lt.rippleCenter : i, s = r.className, h = s === void 0 ? Lt.className : s, f = Ot(r, di), x = O(), T = O();
+  return Ze(e, function() {
+    return T.current;
+  }, []), g(function() {
+    return x.current = Ye.attachTo(T.current), function() {
+      x.current.destroy();
+    };
+  }, [T]), g(function() {
+    n ? x.current.activate() : x.current.deactivate();
+  }, [n]), g(function() {
+    o && x.current.setRippleCenter(o);
+  }, [o]), /* @__PURE__ */ u.createElement("div", tt({
+    ref: T,
+    className: U("lmnt", "mdc-line-ripple", h)
+  }, f));
 });
-Ft.displayName = "LineRipple";
-Ft.propTypes = _r;
-Ft.defaultProps = br;
-const Pt = /* @__PURE__ */ me((i, e) => {
-  const {
-    wrap: t,
-    children: n
-  } = i;
-  return t ? /* @__PURE__ */ b.createElement("span", {
+Rt.displayName = "LineRipple";
+Rt.propTypes = si;
+var ci = ["wrap", "children"], en = /* @__PURE__ */ At(function(r, e) {
+  var t = r.wrap, n = r.children, i = Ot(r, ci);
+  return t ? /* @__PURE__ */ u.createElement("span", tt({
     ref: e,
     className: "mdc-text-field__resizer"
-  }, n) : n;
+  }, i), n) : n;
 });
-Pt.displayName = "TextfieldSpanShim";
-Pt.propTypes = {
-  children: o.node,
-  wrap: o.bool
-};
-Pt.defaultProps = {
-  children: void 0,
-  wrap: !1
-};
-const vr = {
+en.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._
    *
@@ -1485,13 +1478,13 @@ const vr = {
    *
    * Defaults to **undefined**.
    */
-  block: q(o.bool, "Textfield", "Use `fullWidth` instead."),
+  block: F(a.bool, "Textfield", "Use `fullWidth` instead."),
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: o.string,
+  className: a.string,
   /**
    * @deprecated _See `containerProps`._
    *
@@ -1499,37 +1492,37 @@ const vr = {
    *
    * Defaults to **undefined**.
    */
-  containerClass: q(o.string, "Textfield", "See `containerProps`."),
+  containerClass: F(a.string, "Textfield", "See `containerProps`."),
   /**
    * Properties to be added to the container of the textfield.
    *
    * Defaults to **undefined**.
    */
-  containerProps: o.object,
+  containerProps: a.object,
   /**
    * Enables a character count. _Warning_ requires `maxlength` to be set.
    *
    * Defaults to **false**.
    */
-  counter: o.bool,
+  counter: a.bool,
   /**
    * The starting value of the Textfield when working in uncontrolled mode.
    *
    * Defaults to **undefined**.
    */
-  defaultValue: o.oneOfType([o.string, o.number]),
+  defaultValue: a.oneOfType([a.string, a.number]),
   /**
    * The size of the Textfield will be reduced.
    *
    * Defaults to **false**.
    */
-  dense: o.bool,
+  dense: a.bool,
   /**
    * Textfield will be disabled.
    *
    * Defaults to **false**.
    */
-  disabled: o.bool,
+  disabled: a.bool,
   /**
    * @deprecated _Use `variant='embedded'_
    *
@@ -1537,7 +1530,7 @@ const vr = {
    *
    * Defaults to **undefined**.
    */
-  embedded: q(o.bool, "Textfield", 'Use `variant="embedded"'),
+  embedded: F(a.bool, "Textfield", 'Use `variant="embedded"'),
   /**
    * @deprecated _Use variant='filled' instead._
    *
@@ -1545,73 +1538,73 @@ const vr = {
    *
    * Defaults to **undefined**.
    */
-  filled: q(o.bool, "Textfield", 'Use variant="filled" instead.'),
+  filled: F(a.bool, "Textfield", 'Use variant="filled" instead.'),
   /**
    * Sets the Textfield to the focused state.
    *
    * Defaults to **false**.
    */
-  focused: o.bool,
+  focused: a.bool,
   /**
    * The Textfield will expand to 100% width.
    *
    * Defaults to **false**.
    */
-  fullWidth: o.bool,
+  fullWidth: a.bool,
   /**
    * Helper text to be displayed below Textfield, by default only visible on focus.
    *
    * Defaults to **null**.
    */
-  helperText: o.node,
+  helperText: a.node,
   /**
    * Randomly generated id for the helper text container element. May be overwritten.
    *
    * Defaults to **undefined**.
    */
-  helperTextId: o.string,
+  helperTextId: a.string,
   /**
    * Set the helper text to be permanently visible.
    *
    * Defaults to **false**.
    */
-  helperTextPersistent: o.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: o.bool,
+  helperTextValidation: a.bool,
   /**
    * Randomly generated id for the input element. May be overwritten.
    *
    * Defaults to **undefined**.
    */
-  id: o.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: o.string,
+  label: a.string,
   /**
    * Randomly generated id for the label element. May be overwritten.
    *
    * Defaults to **undefined**.
    */
-  labelId: o.string,
+  labelId: a.string,
   /**
    * Custom content to appear before the input.
    *
    * Defaults to **null**.
    */
-  leadingContent: o.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: o.oneOfType([o.string, o.node]),
+  leadingIcon: a.oneOfType([a.string, a.node]),
   /**
    * @deprecated _Use `maxlength` instead. The case of this prop has changed to be more consistent._
    *
@@ -1619,37 +1612,37 @@ const vr = {
    *
    * Defaults to **undefined**.
    */
-  maxLength: q(o.number, "Textfield", "Use `maxlength` instead. The case of this prop has changed to be more consistent."),
+  maxLength: F(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: Pn(o.number, "Textfield", "counter"),
+  maxlength: Gn(a.number, "Textfield", "counter"),
   /**
    * Prevents resizing when using `textarea`.
    *
    * Defaults to **true**.
    */
-  noResize: o.bool,
+  noResize: a.bool,
   /**
    * Fired when focus leaves the input.
    *
    * Defaults to **null**.
    */
-  onBlur: o.func,
+  onBlur: a.func,
   /**
    * Fired when each character is entered into the Textfield.
    *
    * Defaults to **null**.
    */
-  onChange: o.func,
+  onChange: a.func,
   /**
    * Fired when the input gains focus.
    *
    * Defaults to **null**.
    */
-  onFocus: o.func,
+  onFocus: a.func,
   /**
    * @deprecated _Use `variant='outlined'` instead_
    *
@@ -1657,19 +1650,19 @@ const vr = {
    *
    * Defaults to **undefined**.
    */
-  outlined: q(o.bool, "Textfield", 'Use `variant="outlined"` instead'),
+  outlined: F(a.bool, "Textfield", 'Use `variant="outlined"` instead'),
   /**
    * Non-floating label text, will be replaced when the user starts typing.
    *
    * Defaults to **null**.
    */
-  placeholder: o.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: o.string,
+  prefixText: a.string,
   /**
    * @deprecated _This feature is no longer supported. Use `variant='filled'` instead._
    *
@@ -1677,7 +1670,7 @@ const vr = {
    *
    * Defaults to **undefined**.
    */
-  primary: q(o.bool, "Textfield", 'This feature is no longer supported. Use `variant="filled"` instead.'),
+  primary: F(a.bool, "Textfield", 'This feature is no longer supported. Use `variant="filled"` instead.'),
   /**
    * @deprecated _Use `variant='embedded'`_
    *
@@ -1685,7 +1678,7 @@ const vr = {
    *
    * Defaults to **undefined**.
    */
-  search: q(o.bool, "Textfield", 'Use `variant="embedded"`'),
+  search: F(a.bool, "Textfield", 'Use `variant="embedded"`'),
   /**
    * @deprecated _Use `variant='outlined'` instead._
    *
@@ -1693,62 +1686,63 @@ const vr = {
    *
    * Defaults to **undefined**.
    */
-  secondary: q(o.bool, "Textfield", 'Use `variant="outlined"` instead.'),
+  secondary: F(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: o.string,
+  suffixText: a.string,
   /**
    * Enabled multi-line text input. _Note_ `textarea` cannot be used with the embedded variant.
    *
    * Defaults to **false**.
    */
-  textarea: o.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: o.oneOfType([o.bool, o.object]),
+  tooltip: a.oneOfType([a.bool, a.object]),
   /**
    * Custom content to appear after the input.
    *
    * Defaults to **null**.
    */
-  trailingContent: o.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: o.oneOfType([o.string, o.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: o.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: o.bool,
+  valid: a.bool,
   /**
    * The current value of the Textfield component.
    *
    * Defaults to **undefined**.
    */
-  value: o.oneOfType([o.string, o.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: o.oneOf(["filled", "outlined", "embedded"])
-}, gr = {
+  variant: a.oneOf(["filled", "outlined", "embedded"])
+}, pi = {
+  alignment: "left",
   block: void 0,
   className: void 0,
   containerClass: void 0,
@@ -1773,6 +1767,7 @@ const vr = {
   maxLength: void 0,
   maxlength: null,
   noResize: !0,
+  onBlur: null,
   outlined: void 0,
   placeholder: null,
   prefixText: null,
@@ -1788,130 +1783,112 @@ const vr = {
   valid: !0,
   value: void 0,
   variant: "filled"
-}, Ve = (i, e) => i ? /* @__PURE__ */ b.createElement("div", {
-  className: "mdc-text-field-character-counter"
-}, "0 / ", e) : null, mr = (i) => {
-  const {
-    type: e
-  } = {
-    ...i
-  }, {
-    displayName: t
-  } = {
-    ...e
-  };
-  return typeof i == "string" ? /* @__PURE__ */ b.createElement(cn, {
+}, 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 Xe(r, e) {
+  var t = qn(r);
+  if (Ve) {
+    var n = Ve(r);
+    e && (n = Xn(n).call(n, function(i) {
+      return We(r, i).enumerable;
+    })), t.push.apply(t, n);
+  }
+  return t;
+}
+function H(r) {
+  for (var e = 1; e < arguments.length; e++) {
+    var t, n, i = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Fe(t = Xe(Object(i), !0)).call(t, function(o) {
+      kn(r, o, i[o]);
+    }) : Pe ? Mn(r, Pe(i)) : Fe(n = Xe(Object(i))).call(n, function(o) {
+      Un(r, o, We(i, o));
+    });
+  }
+  return r;
+}
+var Ge = function(r, e) {
+  return r ? /* @__PURE__ */ u.createElement("div", {
+    className: "mdc-text-field-character-counter"
+  }, "0 / ", e) : null;
+}, _i = function(r) {
+  var e = H({}, r), t = e.type, n = H({}, t), i = n.displayName;
+  return typeof r == "string" ? /* @__PURE__ */ u.createElement(ze, {
     role: "button",
     className: "mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--leading",
-    icon: i
-  }) : sn(i, {
-    className: ot("mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--leading", t === "IconButton" && "lmnt-text-field__icon-button--leading"),
-    dense: t === "IconButton" ? !0 : void 0,
+    icon: r
+  }) : $e(r, {
+    className: U("mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--leading", i === "IconButton" && "lmnt-text-field__icon-button--leading"),
+    dense: i === "IconButton" ? !0 : void 0,
     role: "button"
   });
-}, yr = (i) => {
-  const {
-    type: e
-  } = {
-    ...i
-  }, {
-    displayName: t
-  } = {
-    ...e
-  };
-  return typeof i == "string" ? /* @__PURE__ */ b.createElement(cn, {
+}, gi = function(r) {
+  var e = H({}, r), t = e.type, n = H({}, t), i = n.displayName;
+  return typeof r == "string" ? /* @__PURE__ */ u.createElement(ze, {
     className: "mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--trailing",
-    icon: i
-  }) : sn(i, {
-    className: ot("mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--trailing", t === "IconButton" && "lmnt-text-field__icon-button--trailing"),
-    dense: t === "IconButton" ? !0 : void 0,
-    role: t === "IconButton" ? "button" : null
+    icon: r
+  }) : $e(r, {
+    className: U("mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--trailing", i === "IconButton" && "lmnt-text-field__icon-button--trailing"),
+    dense: i === "IconButton" ? !0 : void 0,
+    role: i === "IconButton" ? "button" : null
   });
-}, ye = /* @__PURE__ */ me((i, e) => {
-  const {
-    block: t,
-    className: n,
-    containerClass: r,
-    containerProps: a,
-    containerStyle: u,
-    counter: l,
-    defaultValue: p,
-    dense: T,
-    disabled: v,
-    embedded: P,
-    filled: N,
-    focused: m,
-    fullWidth: E,
-    helperText: h,
-    helperTextId: S,
-    helperTextPersistent: g,
-    helperTextValidation: w,
-    id: G,
-    label: f,
-    labelId: Q,
-    leadingContent: ht,
-    leadingIcon: M,
-    maxLength: Z,
-    maxlength: I,
-    noResize: X,
-    onBlur: tt,
-    outlined: W,
-    placeholder: St,
-    prefixText: _t,
-    primary: Vt = null,
-    search: jt,
-    secondary: Ht,
-    suffixText: bt,
-    textarea: C,
-    tooltip: L,
-    trailingContent: wt,
-    trailingIcon: et,
-    type: Tt,
-    valid: ut,
-    value: V,
-    variant: vt,
-    ...Dt
-  } = i, {
-    hoisted: $t,
-    position: Ct = "bottom"
-  } = L && typeof L == "object" ? L : {}, [lt] = ft(() => G || kt()), [gt] = ft(() => S || kt()), [mt] = ft(() => Q || kt()), [Lt, Ut] = ft(!0), [c, st] = ft(!1), [s, z] = ft(I), K = h || l && s, Bt = C ? "textarea" : "input", nt = U(), x = U(), d = U(), Y = U(), rt = U(), yt = U(), it = U(), F = U(), At = (et || M) && !C, k = Wn(() => ut ?? !0, [ut]), J = !C && (P || jt || vt === "embedded"), ct = !P && (W || Ht || vt === "outlined"), A = !ct && !J && (Vt || N || vt === "filled"), O = J || E || t, Mt = !J && !!f && !T;
-  R(() => (d.current = hr.attachTo(Y.current), () => {
-    d.current.destroy();
-  }), [c]), vn(e, () => ({
-    mdc: d.current,
-    input: rt.current,
-    container: yt.current,
-    label: Y.current
-  })), R(() => (h && typeof h == "string" && (x.current = new Ln(nt.current)), () => {
-    x.current && x.current.destroy();
-  }), [h]), R(() => {
-    if (h) {
-      var _, j, D, dt;
-      (_ = x.current) === null || _ === void 0 || _.foundation.setValidation(w), (j = x.current) === null || j === void 0 || j.foundation.setValidity(k), (D = x.current) === null || D === void 0 || D.foundation.setPersistent(g), (dt = x.current) === null || dt === void 0 || dt.foundation.setContent(h);
+}, l = pi, nn = /* @__PURE__ */ At(function(r, e) {
+  var t = r.alignment, n = t === void 0 ? l.alignment : t, i = r.block, o = i === void 0 ? l.block : i, s = r.className, h = s === void 0 ? l.className : s, f = r.containerClass, x = f === void 0 ? l.containerClass : f, T = r.containerProps, it = T === void 0 ? l.containerProps : T, rt = r.containerStyle, P = rt === void 0 ? l.containerStyle : rt, $ = r.counter, R = $ === void 0 ? l.counter : $, z = r.defaultValue, V = z === void 0 ? l.defaultValue : z, Z = r.dense, S = Z === void 0 ? l.dense : Z, p = r.disabled, q = p === void 0 ? l.disabled : p, Nt = r.embedded, Ft = Nt === void 0 ? l.embedded : Nt, Pt = r.filled, rn = Pt === void 0 ? l.filled : Pt, Vt = r.focused, Ht = Vt === void 0 ? l.focused : Vt, St = r.fullWidth, an = St === void 0 ? l.fullWidth : St, Dt = r.helperText, b = Dt === void 0 ? l.helperText : Dt, wt = r.helperTextId, on = wt === void 0 ? l.helperTextId : wt, jt = r.helperTextPersistent, at = jt === void 0 ? l.helperTextPersistent : jt, Bt = r.helperTextValidation, _t = Bt === void 0 ? l.helperTextValidation : Bt, kt = r.id, ln = kt === void 0 ? l.id : kt, Mt = r.label, D = Mt === void 0 ? l.label : Mt, Ut = r.labelId, sn = Ut === void 0 ? l.labelId : Ut, qt = r.leadingContent, un = qt === void 0 ? l.leadingContent : qt, Xt = r.leadingIcon, Y = Xt === void 0 ? l.leadingIcon : Xt, Gt = r.maxLength, gt = Gt === void 0 ? l.maxLength : Gt, Wt = r.maxlength, ot = Wt === void 0 ? l.maxlength : Wt, $t = r.noResize, lt = $t === void 0 ? l.noResize : $t, zt = r.onBlur, Zt = zt === void 0 ? l.onBlur : zt, Yt = r.outlined, dn = Yt === void 0 ? l.outlined : Yt, Kt = r.placeholder, cn = Kt === void 0 ? l.placeholder : Kt, Jt = r.prefixText, Qt = Jt === void 0 ? l.prefixText : Jt, te = r.primary, fn = te === void 0 ? l.primary : te, ee = r.search, pn = ee === void 0 ? l.search : ee, ne = r.secondary, hn = ne === void 0 ? l.secondary : ne, ie = r.suffixText, re = ie === void 0 ? l.suffixText : ie, ae = r.textarea, v = ae === void 0 ? l.textarea : ae, oe = r.tooltip, y = oe === void 0 ? l.tooltip : oe, le = r.trailingContent, _n = le === void 0 ? l.trailingContent : le, se = r.trailingIcon, K = se === void 0 ? l.trailingIcon : se, ue = r.type, de = ue === void 0 ? l.type : ue, ce = r.valid, st = ce === void 0 ? l.valid : ce, fe = r.value, N = fe === void 0 ? l.value : fe, pe = r.variant, vt = pe === void 0 ? l.variant : pe, mt = Ot(r, hi), he = y && wn(y) === "object" ? y : {}, gn = he.hoisted, _e = he.position, ge = _e === void 0 ? "bottom" : _e, vn = k(function() {
+    return ln || Ct();
+  }), mn = B(vn, 1), ut = mn[0], bn = k(function() {
+    return on || Ct();
+  }), yn = B(bn, 1), bt = yn[0], In = k(function() {
+    return sn || Ct();
+  }), xn = B(In, 1), yt = xn[0], Tn = k(!0), ve = B(Tn, 2), me = ve[0], En = ve[1], Cn = k(!1), be = B(Cn, 2), It = be[0], Ln = be[1], On = k(ot), ye = B(On, 2), w = ye[0], An = ye[1], Rn = k(Ht || !1), Ie = B(Rn, 2), Nn = Ie[0], xe = Ie[1], Fn = b || R && w, Pn = v ? "textarea" : "input", Te = O(), j = O(), m = O(), xt = O(), Ee = O(), Tt = O(), dt = O(), J = O(), Vn = (K || Y) && !v, X = Yn(function() {
+    return st ?? !0;
+  }, [st]), G = !v && (Ft || pn || vt === "embedded"), ct = !Ft && (dn || hn || vt === "outlined"), ft = !ct && !G && (fn || rn || vt === "filled"), Q = G || an || o, Et = !G && !!D && !S;
+  g(function() {
+    return m.current = li.attachTo(xt.current), function() {
+      m.current.destroy();
+    };
+  }, [It]), Ze(e, function() {
+    return {
+      mdc: m.current,
+      input: Ee.current,
+      container: Tt.current,
+      label: xt.current
+    };
+  }), g(function() {
+    return b && typeof b == "string" && (j.current = new tn(Te.current)), function() {
+      j.current && j.current.destroy();
+    };
+  }, [b]), g(function() {
+    if (b) {
+      var d, _, E, C;
+      (d = j.current) === null || d === void 0 || d.foundation.setValidation(_t), (_ = j.current) === null || _ === void 0 || _.foundation.setValidity(X), (E = j.current) === null || E === void 0 || E.foundation.setPersistent(at), (C = j.current) === null || C === void 0 || C.foundation.setContent(b);
     }
-  }, [h, g, w, k]), R(() => {
-    p || (d.current.value = V || V === 0 ? V : ""), d.current.valid = k;
-  }, [d, V, k, p]), R(() => {
-    d.current.disabled = v;
-  }, [d, v]), R(() => {
-    z(Z && !I ? Z : I);
-  }, [I, Z]), R(() => {
-    st(s > 0 && l);
-  }, [s, l]), R(() => {
-    Ut(O || l || h);
-  }, [O, l, h]);
-  const Rn = () => {
-    ut !== void 0 && V !== null && (d.current.valid = ut);
-  }, Nn = (_) => {
-    tt && tt(_), Rn();
-  }, Ie = () => {
-    d.current.value = "", d.current.valid = k;
+  }, [b, at, _t, X]), g(function() {
+    V || (m.current.value = N || N === 0 ? N : ""), m.current.valid = X;
+  }, [m, N, X, V]), g(function() {
+    m.current.disabled = q;
+  }, [m, q]), g(function() {
+    An(gt && !ot ? gt : ot);
+  }, [ot, gt]), g(function() {
+    Ln(w > 0 && R);
+  }, [w, R]), g(function() {
+    var d = Q || R || b;
+    En(d);
+  }, [Q, R, b]);
+  var Hn = function() {
+    st !== void 0 && N !== null && (m.current.valid = st);
+  }, Sn = function(d) {
+    xe(!1), Zt && Zt(d), Hn();
+  }, Dn = function(d) {
+    xe(!0), mt.onFocus && mt.onFocus(d);
+  }, Ce = function() {
+    m.current.value = "", m.current.valid = X;
   };
-  R(() => (window.addEventListener("reset", Ie), () => {
-    window.removeEventListener("reset", Ie);
-  }), []), R(() => {
-    if (L) {
-      const _ = [{
+  g(function() {
+    return jn() ? (window.addEventListener("reset", Ce), function() {
+      window.removeEventListener("reset", Ce);
+    }) : function() {
+    };
+  }, []), g(function() {
+    if (y) {
+      var d = [{
         name: "flip",
         options: {
           enabled: !0,
@@ -1926,453 +1903,102 @@ const vr = {
           offset: [0, 12]
         }
       }];
-      F.current = Fn(yt.current, it.current, {
-        placement: Ct,
-        modifiers: _
+      J.current = Bn(Tt.current, dt.current, {
+        placement: ge,
+        modifiers: d
       });
     }
-    return () => {
+    return function() {
       var _;
-      (_ = F.current) === null || _ === void 0 || _.destroy();
+      (_ = J.current) === null || _ === void 0 || _.destroy();
     };
-  }, [Ct, $t, L]);
-  const xe = Ce(() => {
-    if (V) {
-      const dt = d.current.input_;
-      if (dt.offsetWidth < dt.scrollWidth) {
-        var _, j, D;
-        (_ = it.current) === null || _ === void 0 || _.setAttribute("data-show", ""), (j = F.current) === null || j === void 0 || j.setOptions((Te) => ({
-          ...Te,
-          modifiers: [...Te.modifiers, {
-            name: "eventListeners",
-            enabled: !0
-          }]
-        })), (D = F.current) === null || D === void 0 || D.update();
+  }, [ge, gn, y]);
+  var Le = De(function() {
+    if (N) {
+      var d = m.current.input_;
+      if (d.offsetWidth < d.scrollWidth) {
+        var _, E, C;
+        (_ = dt.current) === null || _ === void 0 || _.setAttribute("data-show", ""), (E = J.current) === null || E === void 0 || E.setOptions(function(Ae) {
+          var Re;
+          return H(H({}, Ae), {}, {
+            modifiers: Ne(Re = []).call(Re, He(Ae.modifiers), [{
+              name: "eventListeners",
+              enabled: !0
+            }])
+          });
+        }), (C = J.current) === null || C === void 0 || C.update();
       }
     }
-  }, [V]), Ee = Ce(() => {
-    var _, j;
-    (_ = it.current) === null || _ === void 0 || _.removeAttribute("data-show"), (j = F.current) === null || j === void 0 || j.setOptions((D) => ({
-      ...D,
-      modifiers: [...D.modifiers, {
-        name: "eventListeners",
-        enabled: !1
-      }]
-    }));
+  }, [N]), Oe = De(function() {
+    var d, _;
+    (d = dt.current) === null || d === void 0 || d.removeAttribute("data-show"), (_ = J.current) === null || _ === void 0 || _.setOptions(function(E) {
+      var C;
+      return H(H({}, E), {}, {
+        modifiers: Ne(C = []).call(C, He(E.modifiers), [{
+          name: "eventListeners",
+          enabled: !1
+        }])
+      });
+    });
   }, []);
-  return /* @__PURE__ */ b.createElement("div", Rt({
-    ref: yt,
-    style: u,
-    className: ot("lmnt", "lmnt-text-field--container", O && "lmnt-text-field--container-full-width", !O && Lt && "lmnt-text-field--container-to-content-width", !Lt && "lmnt-text-field-inline-container", r)
-  }, a, {
-    onMouseEnter: L && xe,
-    onFocus: L && xe,
-    onMouseLeave: L && Ee,
-    onBlur: L && Ee
-  }), ht, /* @__PURE__ */ b.createElement("label", {
-    htmlFor: lt,
-    ref: Y,
-    className: ot(["lmnt", "mdc-text-field", "lmnt-text-field", J && "lmnt-text-field--embedded", O && "lmnt-text-field--full-width", At && "lmnt-text-field--with-icon", !k && "mdc-text-field--invalid", v && "mdc-text-field--disabled", m && "mdc-text-field--focused", !Mt && "mdc-text-field--no-label", M && !C && "mdc-text-field--with-leading-icon", C && "mdc-text-field--textarea", C && l && s && !X && "mdc-text-field--with-internal-counter", et && !C && "mdc-text-field--with-trailing-icon", A && "mdc-text-field--filled", ct && "mdc-text-field--outlined", T && "lmnt-text-field--dense", n])
-  }, A && /* @__PURE__ */ b.createElement("span", {
+  return /* @__PURE__ */ u.createElement("div", tt({
+    ref: Tt,
+    style: P,
+    className: U("lmnt", "lmnt-text-field--container", Q && "lmnt-text-field--container-full-width", !Q && me && "lmnt-text-field--container-to-content-width", !me && "lmnt-text-field-inline-container", x)
+  }, it, {
+    onMouseEnter: y && Le,
+    onFocus: y && Le,
+    onMouseLeave: y && Oe,
+    onBlur: y && Oe
+  }), un, /* @__PURE__ */ u.createElement("label", {
+    htmlFor: ut,
+    ref: xt,
+    className: U(["lmnt", "mdc-text-field", "lmnt-text-field", G && "lmnt-text-field--embedded", Q && "lmnt-text-field--full-width", Vn && "lmnt-text-field--with-icon", !X && "mdc-text-field--invalid", q && "mdc-text-field--disabled", Ht && "mdc-text-field--focused", !Et && "mdc-text-field--no-label", Y && !v && "mdc-text-field--with-leading-icon", v && "mdc-text-field--textarea", v && R && w && !lt && "mdc-text-field--with-internal-counter", K && !v && "mdc-text-field--with-trailing-icon", ft && "mdc-text-field--filled", ct && "mdc-text-field--outlined", S && "lmnt-text-field--dense", h])
+  }, ft && /* @__PURE__ */ u.createElement("span", {
     className: "mdc-text-field__ripple"
-  }), M && !C && mr(M), _t && !M && !C && /* @__PURE__ */ b.createElement("span", {
+  }), Y && !v && _i(Y), Qt && !Y && !v && /* @__PURE__ */ u.createElement("span", {
     className: "mdc-text-field__affix mdc-text-field__affix--prefix"
-  }, _t), /* @__PURE__ */ b.createElement(Pt, {
-    wrap: !X && C
-  }, /* @__PURE__ */ b.createElement(Bt, Rt({
-    "aria-controls": gt,
-    "aria-describedby": gt,
-    "aria-labelledby": mt,
-    className: ot("mdc-text-field__input", Tt === "color" && "lmnt-text-field__input--color"),
-    disabled: v,
-    id: lt,
-    type: Tt,
-    onBlur: Nn,
-    defaultValue: p,
-    placeholder: St || (J && f ? f : "") || (T && f ? f : ""),
-    maxLength: s,
-    ref: rt,
-    value: V
-  }, Dt)), !X && Ve(c, s)), et && !C && yr(et), bt && !et && !C && /* @__PURE__ */ b.createElement("span", {
+  }, Qt), /* @__PURE__ */ u.createElement(en, {
+    wrap: !lt && v
+  }, /* @__PURE__ */ u.createElement(Pn, tt({
+    "aria-controls": bt,
+    "aria-describedby": bt,
+    "aria-labelledby": yt,
+    className: U("mdc-text-field__input", S && n === "right" && "lmnt-text-field--alignment-right", de === "color" && "lmnt-text-field__input--color"),
+    disabled: q,
+    id: ut,
+    type: de,
+    onBlur: Sn,
+    onFocus: Dn,
+    defaultValue: V,
+    placeholder: ct && !Nn ? "" : cn || (G && D ? D : "") || (S && D ? D : ""),
+    maxLength: w,
+    ref: Ee,
+    value: N
+  }, mt)), !lt && Ge(It, w)), K && !v && gi(K), re && !K && !v && /* @__PURE__ */ u.createElement("span", {
     className: "mdc-text-field__affix mdc-text-field__affix--suffix"
-  }, bt), ct && /* @__PURE__ */ b.createElement(zn, null, Mt && /* @__PURE__ */ b.createElement(Le, {
-    id: mt,
-    htmlFor: lt
-  }, f)), A && Mt && /* @__PURE__ */ b.createElement(Le, {
-    id: mt,
-    htmlFor: lt
-  }, f), (A || J) && /* @__PURE__ */ b.createElement(Ft, null)), wt, K && /* @__PURE__ */ b.createElement("div", {
+  }, re), ct && /* @__PURE__ */ u.createElement(Wn, null, Et && /* @__PURE__ */ u.createElement(Se, {
+    id: yt,
+    htmlFor: ut
+  }, D)), ft && Et && /* @__PURE__ */ u.createElement(Se, {
+    id: yt,
+    htmlFor: ut
+  }, D), (ft || G) && /* @__PURE__ */ u.createElement(Rt, null)), _n, Fn && /* @__PURE__ */ u.createElement("div", {
     className: "mdc-text-field-helper-line"
-  }, h && /* @__PURE__ */ b.createElement("div", {
-    ref: nt,
-    id: gt,
-    "aria-hidden": g ? "false" : "true",
-    className: ot(["mdc-text-field-helper-text", g && "mdc-text-field-helper-text--persistent", w && "mdc-text-field-helper-text--validation-msg"])
-  }, h), X && Ve(c, s)), L && /* @__PURE__ */ b.createElement(Kn, Rt({
+  }, b && /* @__PURE__ */ u.createElement("div", {
+    ref: Te,
+    id: bt,
+    "aria-hidden": at ? "false" : "true",
+    className: U(["mdc-text-field-helper-text", at && "mdc-text-field-helper-text--persistent", _t && "mdc-text-field-helper-text--validation-msg"])
+  }, b), lt && Ge(It, w)), y && /* @__PURE__ */ u.createElement($n, tt({
     role: "tooltip"
-  }, L, {
-    ref: it,
-    text: V
+  }, y, {
+    ref: dt,
+    text: N
   })));
 });
-ye.displayName = "Textfield";
-ye.propTypes = vr;
-ye.defaultProps = gr;
-var qt, je;
-function Ir() {
-  if (je) return qt;
-  je = 1;
-  var i = _n(), e = Xn(), t = dn(), n = i ? i.isConcatSpreadable : void 0;
-  function r(a) {
-    return t(a) || e(a) || !!(n && a && a[n]);
-  }
-  return qt = r, qt;
-}
-var Gt, He;
-function xr() {
-  if (He) return Gt;
-  He = 1;
-  var i = yn(), e = Ir();
-  function t(n, r, a, u, l) {
-    var p = -1, T = n.length;
-    for (a || (a = e), l || (l = []); ++p < T; ) {
-      var v = n[p];
-      r > 0 && a(v) ? r > 1 ? t(v, r - 1, a, u, l) : i(l, v) : u || (l[l.length] = v);
-    }
-    return l;
-  }
-  return Gt = t, Gt;
-}
-var Xt, we;
-function Er() {
-  if (we) return Xt;
-  we = 1;
-  function i(e, t) {
-    for (var n = -1, r = e == null ? 0 : e.length; ++n < r && t(e[n], n, e) !== !1; )
-      ;
-    return e;
-  }
-  return Xt = i, Xt;
-}
-var Wt, De;
-function Tr() {
-  if (De) return Wt;
-  De = 1;
-  var i = Et(), e = mn();
-  function t(n, r) {
-    return n && i(r, e(r), n);
-  }
-  return Wt = t, Wt;
-}
-var zt, $e;
-function Cr() {
-  if ($e) return zt;
-  $e = 1;
-  var i = Et(), e = ge();
-  function t(n, r) {
-    return n && i(r, e(r), n);
-  }
-  return zt = t, zt;
-}
-var Kt, Ue;
-function Lr() {
-  if (Ue) return Kt;
-  Ue = 1;
-  var i = Et(), e = In();
-  function t(n, r) {
-    return i(n, e(n), r);
-  }
-  return Kt = t, Kt;
-}
-var Yt, Be;
-function An() {
-  if (Be) return Yt;
-  Be = 1;
-  var i = yn(), e = Gn(), t = In(), n = rr(), r = Object.getOwnPropertySymbols, a = r ? function(u) {
-    for (var l = []; u; )
-      i(l, t(u)), u = e(u);
-    return l;
-  } : n;
-  return Yt = a, Yt;
-}
-var Jt, Me;
-function Ar() {
-  if (Me) return Jt;
-  Me = 1;
-  var i = Et(), e = An();
-  function t(n, r) {
-    return i(n, e(n), r);
-  }
-  return Jt = t, Jt;
-}
-var Qt, ke;
-function On() {
-  if (ke) return Qt;
-  ke = 1;
-  var i = er(), e = An(), t = ge();
-  function n(r) {
-    return i(r, t, e);
-  }
-  return Qt = n, Qt;
-}
-var Zt, qe;
-function Or() {
-  if (qe) return Zt;
-  qe = 1;
-  var i = Object.prototype, e = i.hasOwnProperty;
-  function t(n) {
-    var r = n.length, a = new n.constructor(r);
-    return r && typeof n[0] == "string" && e.call(n, "index") && (a.index = n.index, a.input = n.input), a;
-  }
-  return Zt = t, Zt;
-}
-var te, Ge;
-function Rr() {
-  if (Ge) return te;
-  Ge = 1;
-  var i = fn();
-  function e(t, n) {
-    var r = n ? i(t.buffer) : t.buffer;
-    return new t.constructor(r, t.byteOffset, t.byteLength);
-  }
-  return te = e, te;
-}
-var ee, Xe;
-function Nr() {
-  if (Xe) return ee;
-  Xe = 1;
-  var i = /\w*$/;
-  function e(t) {
-    var n = new t.constructor(t.source, i.exec(t));
-    return n.lastIndex = t.lastIndex, n;
-  }
-  return ee = e, ee;
-}
-var ne, We;
-function Fr() {
-  if (We) return ne;
-  We = 1;
-  var i = _n(), e = i ? i.prototype : void 0, t = e ? e.valueOf : void 0;
-  function n(r) {
-    return t ? Object(t.call(r)) : {};
-  }
-  return ne = n, ne;
-}
-var re, ze;
-function Pr() {
-  if (ze) return re;
-  ze = 1;
-  var i = fn(), e = Rr(), t = Nr(), n = Fr(), r = Bn(), a = "[object Boolean]", u = "[object Date]", l = "[object Map]", p = "[object Number]", T = "[object RegExp]", v = "[object Set]", P = "[object String]", N = "[object Symbol]", m = "[object ArrayBuffer]", E = "[object DataView]", h = "[object Float32Array]", S = "[object Float64Array]", g = "[object Int8Array]", w = "[object Int16Array]", G = "[object Int32Array]", f = "[object Uint8Array]", Q = "[object Uint8ClampedArray]", ht = "[object Uint16Array]", M = "[object Uint32Array]";
-  function Z(I, X, tt) {
-    var W = I.constructor;
-    switch (X) {
-      case m:
-        return i(I);
-      case a:
-      case u:
-        return new W(+I);
-      case E:
-        return e(I, tt);
-      case h:
-      case S:
-      case g:
-      case w:
-      case G:
-      case f:
-      case Q:
-      case ht:
-      case M:
-        return r(I, tt);
-      case l:
-        return new W();
-      case p:
-      case P:
-        return new W(I);
-      case T:
-        return t(I);
-      case v:
-        return new W();
-      case N:
-        return n(I);
-    }
-  }
-  return re = Z, re;
-}
-var ie, Ke;
-function Sr() {
-  if (Ke) return ie;
-  Ke = 1;
-  var i = ve(), e = bn(), t = "[object Map]";
-  function n(r) {
-    return e(r) && i(r) == t;
-  }
-  return ie = n, ie;
-}
-var ae, Ye;
-function Vr() {
-  if (Ye) return ae;
-  Ye = 1;
-  var i = Sr(), e = pn(), t = hn(), n = t && t.isMap, r = n ? e(n) : i;
-  return ae = r, ae;
-}
-var oe, Je;
-function jr() {
-  if (Je) return oe;
-  Je = 1;
-  var i = ve(), e = bn(), t = "[object Set]";
-  function n(r) {
-    return e(r) && i(r) == t;
-  }
-  return oe = n, oe;
-}
-var ue, Qe;
-function Hr() {
-  if (Qe) return ue;
-  Qe = 1;
-  var i = jr(), e = pn(), t = hn(), n = t && t.isSet, r = n ? e(n) : i;
-  return ue = r, ue;
-}
-var le, Ze;
-function wr() {
-  if (Ze) return le;
-  Ze = 1;
-  var i = Vn(), e = Er(), t = jn(), n = Tr(), r = Cr(), a = Hn(), u = kn(), l = Lr(), p = Ar(), T = Zn(), v = On(), P = ve(), N = Or(), m = Pr(), E = wn(), h = dn(), S = Dn(), g = Vr(), w = Mn(), G = Hr(), f = mn(), Q = ge(), ht = 1, M = 2, Z = 4, I = "[object Arguments]", X = "[object Array]", tt = "[object Boolean]", W = "[object Date]", St = "[object Error]", _t = "[object Function]", Vt = "[object GeneratorFunction]", jt = "[object Map]", Ht = "[object Number]", bt = "[object Object]", C = "[object RegExp]", L = "[object Set]", wt = "[object String]", et = "[object Symbol]", Tt = "[object WeakMap]", ut = "[object ArrayBuffer]", V = "[object DataView]", vt = "[object Float32Array]", Dt = "[object Float64Array]", $t = "[object Int8Array]", Ct = "[object Int16Array]", lt = "[object Int32Array]", gt = "[object Uint8Array]", mt = "[object Uint8ClampedArray]", Lt = "[object Uint16Array]", Ut = "[object Uint32Array]", c = {};
-  c[I] = c[X] = c[ut] = c[V] = c[tt] = c[W] = c[vt] = c[Dt] = c[$t] = c[Ct] = c[lt] = c[jt] = c[Ht] = c[bt] = c[C] = c[L] = c[wt] = c[et] = c[gt] = c[mt] = c[Lt] = c[Ut] = !0, c[St] = c[_t] = c[Tt] = !1;
-  function st(s, z, K, Bt, nt, x) {
-    var d, Y = z & ht, rt = z & M, yt = z & Z;
-    if (K && (d = nt ? K(s, Bt, nt, x) : K(s)), d !== void 0)
-      return d;
-    if (!w(s))
-      return s;
-    var it = h(s);
-    if (it) {
-      if (d = N(s), !Y)
-        return u(s, d);
-    } else {
-      var F = P(s), At = F == _t || F == Vt;
-      if (S(s))
-        return a(s, Y);
-      if (F == bt || F == I || At && !nt) {
-        if (d = rt || At ? {} : E(s), !Y)
-          return rt ? p(s, r(d, s)) : l(s, n(d, s));
-      } else {
-        if (!c[F])
-          return nt ? s : {};
-        d = m(s, F, Y);
-      }
-    }
-    x || (x = new i());
-    var k = x.get(s);
-    if (k)
-      return k;
-    x.set(s, d), G(s) ? s.forEach(function(A) {
-      d.add(st(A, z, K, A, s, x));
-    }) : g(s) && s.forEach(function(A, O) {
-      d.set(O, st(A, z, K, O, s, x));
-    });
-    var J = yt ? rt ? v : T : rt ? Q : f, ct = it ? void 0 : J(s);
-    return e(ct || s, function(A, O) {
-      ct && (O = A, A = s[O]), t(d, O, st(A, z, K, O, s, x));
-    }), d;
-  }
-  return le = st, le;
-}
-var se, tn;
-function Dr() {
-  if (tn) return se;
-  tn = 1;
-  function i(e) {
-    var t = e == null ? 0 : e.length;
-    return t ? e[t - 1] : void 0;
-  }
-  return se = i, se;
-}
-var ce, en;
-function $r() {
-  if (en) return ce;
-  en = 1;
-  function i(e, t, n) {
-    var r = -1, a = e.length;
-    t < 0 && (t = -t > a ? 0 : a + t), n = n > a ? a : n, n < 0 && (n += a), a = t > n ? 0 : n - t >>> 0, t >>>= 0;
-    for (var u = Array(a); ++r < a; )
-      u[r] = e[r + t];
-    return u;
-  }
-  return ce = i, ce;
-}
-var de, nn;
-function Ur() {
-  if (nn) return de;
-  nn = 1;
-  var i = nr(), e = $r();
-  function t(n, r) {
-    return r.length < 2 ? n : i(n, e(r, 0, -1));
-  }
-  return de = t, de;
-}
-var fe, rn;
-function Br() {
-  if (rn) return fe;
-  rn = 1;
-  var i = gn(), e = Dr(), t = Ur(), n = tr();
-  function r(a, u) {
-    return u = i(u, a), a = t(a, u), a == null || delete a[n(e(u))];
-  }
-  return fe = r, fe;
-}
-var pe, an;
-function Mr() {
-  if (an) return pe;
-  an = 1;
-  var i = $n();
-  function e(t) {
-    return i(t) ? void 0 : t;
-  }
-  return pe = e, pe;
-}
-var he, on;
-function kr() {
-  if (on) return he;
-  on = 1;
-  var i = xr();
-  function e(t) {
-    var n = t == null ? 0 : t.length;
-    return n ? i(t, 1) : [];
-  }
-  return he = e, he;
-}
-var _e, un;
-function qr() {
-  if (un) return _e;
-  un = 1;
-  var i = kr(), e = qn(), t = Un();
-  function n(r) {
-    return t(e(r, void 0, i), r + "");
-  }
-  return _e = n, _e;
-}
-var be, ln;
-function Gr() {
-  if (ln) return be;
-  ln = 1;
-  var i = Qn(), e = wr(), t = Br(), n = gn(), r = Et(), a = Mr(), u = qr(), l = On(), p = 1, T = 2, v = 4, P = u(function(N, m) {
-    var E = {};
-    if (N == null)
-      return E;
-    var h = !1;
-    m = i(m, function(g) {
-      return g = n(g, N), h || (h = g.length > 1), g;
-    }), r(N, l(N), E), h && (E = e(E, p | T | v, a));
-    for (var S = m.length; S--; )
-      t(E, m[S]);
-    return E;
-  });
-  return be = P, be;
-}
-var Xr = Gr();
-const Jr = /* @__PURE__ */ Sn(Xr);
+nn.displayName = "Textfield";
+nn.propTypes = fi;
 export {
-  Jr as M,
-  ye as x,
-  xr as z
+  nn as n
 };