@hortiview/default-components 1.0.1 → 1.2.0

package/dist/index.es-25EARqhH-By1Ap282.js

@@ -0,0 +1,2944 @@
+import { s as tn, R as a, t as en, F as nn, v as rn, g as qt, w as on, N as S, _ as L, x as st, h as I, f as X, p as _, a as z, y as an, D as Ae, U as sn, r as $t, L as Ne, b as w, o as ln } from "./useTranslation-B6E1rHIA.js";
+import d, { forwardRef as M, useState as j, useRef as v, useImperativeHandle as K, useEffect as g, useMemo as Wt, useCallback as G, Fragment as ae } from "react";
+import { D as un, p as _t, U as se, _ as dn, O as cn } from "./component-DsB0poTj-CmUZ4Kqw.js";
+import fn from "react-dom";
+const pn = {
+  /**
+   * Content to be rendered inside the portal.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node,
+  /**
+   * Disables the portal to rendering children in the natural flow of the DOM.
+   *
+   * Defaults to **false**.
+   */
+  disabled: a.bool,
+  /**
+   * The DOM element the children will render in. If a string is sent it should be a valid DOM query selector. If one is not sent, Portal will default to `document.body`.
+   *
+   * Defaults to **'document.body'**.
+   */
+  portalContainer: a.oneOfType([a.string, a.node])
+}, hn = {
+  children: null,
+  disabled: !1,
+  portalContainer: "document.body"
+}, bt = /* @__PURE__ */ M((i, e) => {
+  var t;
+  const [n, r] = j((t = document) === null || t === void 0 ? void 0 : t.body), {
+    children: o,
+    container: l,
+    disabled: s
+  } = i, u = v();
+  return K(e, () => u.current, []), g(() => {
+    var c;
+    const h = (c = document) === null || c === void 0 ? void 0 : c.body;
+    if (typeof l == "string")
+      if (l === "document.body")
+        r(h);
+      else {
+        const T = tn(l);
+        r(T || h);
+      }
+    else
+      r(l || h);
+  }, [l]), // eslint-disable-next-line react/jsx-no-useless-fragment
+  /* @__PURE__ */ d.createElement(d.Fragment, null, s || !n ? o : /* @__PURE__ */ fn.createPortal(o, n));
+});
+bt.displayName = "Portal";
+bt.propTypes = pn;
+bt.defaultProps = hn;
+var mn = /* @__PURE__ */ d.memo(bt), Rt, le;
+function _n() {
+  if (le) return Rt;
+  le = 1;
+  function i(e, t) {
+    for (var n = -1, r = e == null ? 0 : e.length, o = Array(r); ++n < r; )
+      o[n] = t(e[n], n, e);
+    return o;
+  }
+  return Rt = i, Rt;
+}
+var Pt, ue;
+function Gt() {
+  if (ue) return Pt;
+  ue = 1;
+  var i = nn(), e = rn(), t = "[object Symbol]";
+  function n(r) {
+    return typeof r == "symbol" || e(r) && i(r) == t;
+  }
+  return Pt = n, Pt;
+}
+var Ft, de;
+function gn() {
+  if (de) return Ft;
+  de = 1;
+  var i = en(), e = _n(), t = qt(), n = Gt(), r = i ? i.prototype : void 0, o = r ? r.toString : void 0;
+  function l(s) {
+    if (typeof s == "string")
+      return s;
+    if (t(s))
+      return e(s, l) + "";
+    if (n(s))
+      return o ? o.call(s) : "";
+    var u = s + "";
+    return u == "0" && 1 / s == -1 / 0 ? "-0" : u;
+  }
+  return Ft = l, Ft;
+}
+var Ht, ce;
+function bn() {
+  if (ce) return Ht;
+  ce = 1;
+  var i = gn();
+  function e(t) {
+    return t == null ? "" : i(t);
+  }
+  return Ht = e, Ht;
+}
+var St, fe;
+function vn() {
+  if (fe) return St;
+  fe = 1;
+  var i = qt(), e = Gt(), t = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, n = /^\w*$/;
+  function r(o, l) {
+    if (i(o))
+      return !1;
+    var s = typeof o;
+    return s == "number" || s == "symbol" || s == "boolean" || o == null || e(o) ? !0 : n.test(o) || !t.test(o) || l != null && o in Object(l);
+  }
+  return St = r, St;
+}
+var Vt, pe;
+function yn() {
+  if (pe) return Vt;
+  pe = 1;
+  var i = on(), e = "Expected a function";
+  function t(n, r) {
+    if (typeof n != "function" || r != null && typeof r != "function")
+      throw new TypeError(e);
+    var o = function() {
+      var l = arguments, s = r ? r.apply(this, l) : l[0], u = o.cache;
+      if (u.has(s))
+        return u.get(s);
+      var c = n.apply(this, l);
+      return o.cache = u.set(s, c) || u, c;
+    };
+    return o.cache = new (t.Cache || i)(), o;
+  }
+  return t.Cache = i, Vt = t, Vt;
+}
+var Dt, he;
+function En() {
+  if (he) return Dt;
+  he = 1;
+  var i = yn(), e = 500;
+  function t(n) {
+    var r = i(n, function(l) {
+      return o.size === e && o.clear(), l;
+    }), o = r.cache;
+    return r;
+  }
+  return Dt = t, Dt;
+}
+var wt, me;
+function In() {
+  if (me) return wt;
+  me = 1;
+  var i = En(), e = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, t = /\\(\\)?/g, n = i(function(r) {
+    var o = [];
+    return r.charCodeAt(0) === 46 && o.push(""), r.replace(e, function(l, s, u, c) {
+      o.push(u ? c.replace(t, "$1") : s || l);
+    }), o;
+  });
+  return wt = n, wt;
+}
+var jt, _e;
+function Tn() {
+  if (_e) return jt;
+  _e = 1;
+  var i = qt(), e = vn(), t = In(), n = bn();
+  function r(o, l) {
+    return i(o) ? o : e(o, l) ? [o] : t(n(o));
+  }
+  return jt = r, jt;
+}
+var kt, ge;
+function Cn() {
+  if (ge) return kt;
+  ge = 1;
+  var i = Gt();
+  function e(t) {
+    if (typeof t == "string" || i(t))
+      return t;
+    var n = t + "";
+    return n == "0" && 1 / t == -1 / 0 ? "-0" : n;
+  }
+  return kt = e, kt;
+}
+var Bt, be;
+function xn() {
+  if (be) return Bt;
+  be = 1;
+  var i = Tn(), e = Cn();
+  function t(n, r) {
+    r = i(r, n);
+    for (var o = 0, l = r.length; n != null && o < l; )
+      n = n[e(r[o++])];
+    return o && o == l ? n : void 0;
+  }
+  return Bt = t, Bt;
+}
+var Mt, ve;
+function er() {
+  if (ve) return Mt;
+  ve = 1;
+  var i = xn();
+  function e(t, n, r) {
+    var o = t == null ? void 0 : i(t, n);
+    return o === void 0 ? r : o;
+  }
+  return Mt = e, Mt;
+}
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var Ln = {
+  LABEL_FLOAT_ABOVE: "mdc-floating-label--float-above",
+  LABEL_REQUIRED: "mdc-floating-label--required",
+  LABEL_SHAKE: "mdc-floating-label--shake",
+  ROOT: "mdc-floating-label"
+};
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var Re = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e(t) {
+      var n = i.call(this, _(_({}, e.defaultAdapter), t)) || this;
+      return n.shakeAnimationEndHandler_ = function() {
+        return n.handleShakeAnimationEnd_();
+      }, n;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return Ln;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      /**
+       * See {@link MDCFloatingLabelAdapter} for typing information on parameters and return types.
+       */
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          getWidth: function() {
+            return 0;
+          },
+          registerInteractionHandler: function() {
+          },
+          deregisterInteractionHandler: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.init = function() {
+      this.adapter.registerInteractionHandler("animationend", this.shakeAnimationEndHandler_);
+    }, e.prototype.destroy = function() {
+      this.adapter.deregisterInteractionHandler("animationend", this.shakeAnimationEndHandler_);
+    }, e.prototype.getWidth = function() {
+      return this.adapter.getWidth();
+    }, e.prototype.shake = function(t) {
+      var n = e.cssClasses.LABEL_SHAKE;
+      t ? this.adapter.addClass(n) : this.adapter.removeClass(n);
+    }, e.prototype.float = function(t) {
+      var n = e.cssClasses, r = n.LABEL_FLOAT_ABOVE, o = n.LABEL_SHAKE;
+      t ? this.adapter.addClass(r) : (this.adapter.removeClass(r), this.adapter.removeClass(o));
+    }, e.prototype.setRequired = function(t) {
+      var n = e.cssClasses.LABEL_REQUIRED;
+      t ? this.adapter.addClass(n) : this.adapter.removeClass(n);
+    }, e.prototype.handleShakeAnimationEnd_ = function() {
+      var t = e.cssClasses.LABEL_SHAKE;
+      this.adapter.removeClass(t);
+    }, e;
+  }(z)
+);
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var Pe = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e() {
+      return i !== null && i.apply(this, arguments) || this;
+    }
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, e.prototype.shake = function(t) {
+      this.foundation.shake(t);
+    }, e.prototype.float = function(t) {
+      this.foundation.float(t);
+    }, e.prototype.setRequired = function(t) {
+      this.foundation.setRequired(t);
+    }, e.prototype.getWidth = function() {
+      return this.foundation.getWidth();
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, n = {
+        addClass: function(r) {
+          return t.root.classList.add(r);
+        },
+        removeClass: function(r) {
+          return t.root.classList.remove(r);
+        },
+        getWidth: function() {
+          return un(t.root);
+        },
+        registerInteractionHandler: function(r, o) {
+          return t.listen(r, o);
+        },
+        deregisterInteractionHandler: function(r, o) {
+          return t.unlisten(r, o);
+        }
+      };
+      return new Re(n);
+    }, e;
+  }(X)
+);
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var Fe = {
+  NOTCH_ELEMENT_SELECTOR: ".mdc-notched-outline__notch"
+}, ye = {
+  // This should stay in sync with $mdc-notched-outline-padding * 2.
+  NOTCH_ELEMENT_PADDING: 8
+}, Ut = {
+  NO_LABEL: "mdc-notched-outline--no-label",
+  OUTLINE_NOTCHED: "mdc-notched-outline--notched",
+  OUTLINE_UPGRADED: "mdc-notched-outline--upgraded"
+};
+/**
+ * @license
+ * Copyright 2017 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var On = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e(t) {
+      return i.call(this, _(_({}, e.defaultAdapter), t)) || this;
+    }
+    return Object.defineProperty(e, "strings", {
+      get: function() {
+        return Fe;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return Ut;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "numbers", {
+      get: function() {
+        return ye;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      /**
+       * See {@link MDCNotchedOutlineAdapter} for typing information on parameters and return types.
+       */
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          setNotchWidthProperty: function() {
+          },
+          removeNotchWidthProperty: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.notch = function(t) {
+      var n = e.cssClasses.OUTLINE_NOTCHED;
+      t > 0 && (t += ye.NOTCH_ELEMENT_PADDING), this.adapter.setNotchWidthProperty(t), this.adapter.addClass(n);
+    }, e.prototype.closeNotch = function() {
+      var t = e.cssClasses.OUTLINE_NOTCHED;
+      this.adapter.removeClass(t), this.adapter.removeNotchWidthProperty();
+    }, e;
+  }(z)
+);
+/**
+ * @license
+ * Copyright 2017 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var He = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e() {
+      return i !== null && i.apply(this, arguments) || this;
+    }
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, e.prototype.initialSyncWithDOM = function() {
+      this.notchElement_ = this.root.querySelector(Fe.NOTCH_ELEMENT_SELECTOR);
+      var t = this.root.querySelector("." + Re.cssClasses.ROOT);
+      t ? (t.style.transitionDuration = "0s", this.root.classList.add(Ut.OUTLINE_UPGRADED), requestAnimationFrame(function() {
+        t.style.transitionDuration = "";
+      })) : this.root.classList.add(Ut.NO_LABEL);
+    }, e.prototype.notch = function(t) {
+      this.foundation.notch(t);
+    }, e.prototype.closeNotch = function() {
+      this.foundation.closeNotch();
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, n = {
+        addClass: function(r) {
+          return t.root.classList.add(r);
+        },
+        removeClass: function(r) {
+          return t.root.classList.remove(r);
+        },
+        setNotchWidthProperty: function(r) {
+          return t.notchElement_.style.setProperty("width", r + "px");
+        },
+        removeNotchWidthProperty: function() {
+          return t.notchElement_.style.removeProperty("width");
+        }
+      };
+      return new On(n);
+    }, e;
+  }(X)
+);
+const An = {
+  /**
+   * Content to be rendered inside the label. Expects a string, though accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node.isRequired,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * The label will appear in the floating state.
+   *
+   * Defaults to **false**.
+   */
+  float: a.bool,
+  /**
+   * The id of the component to trigger on active
+   *
+   * Defaults to **empty string**.
+   */
+  htmlFor: a.string,
+  /**
+   * The label will shake briefly when set.
+   *
+   * Defaults to **false**.
+   */
+  shake: a.bool
+}, Nn = {
+  children: null,
+  className: void 0,
+  float: !1,
+  htmlFor: "",
+  shake: !1
+}, lt = /* @__PURE__ */ M((i, e) => {
+  const {
+    children: t,
+    htmlFor: n = "",
+    shake: r = !1,
+    float: o = !1,
+    className: l,
+    style: s,
+    ...u
+  } = i, c = v(), h = t, T = v();
+  return K(e, () => T.current, []), g(() => (c.current = Pe.attachTo(T.current), () => {
+    c.current.destroy();
+  })), g(() => {
+    c.current.float(o);
+  }, [o]), /* @__PURE__ */ d.createElement("label", S({
+    ref: T,
+    htmlFor: n,
+    className: L("lmnt", "mdc-floating-label", o && "mdc-floating-label--float-above", r && "mdc-floating-label--shake", l)
+  }, u, {
+    style: s
+  }), h);
+});
+lt.displayName = "FloatingLabel";
+lt.propTypes = An;
+lt.defaultProps = Nn;
+const Rn = {
+  /**
+   * Content to be rendered inside the notched outline. Accepts a string.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * Determines if the notch is opened or closed.
+   *
+   * Defaults to **undefined**.
+   */
+  closed: a.bool,
+  /**
+   *
+   *
+   * Defaults to **null**.
+   */
+  width: a.number
+}, Pn = {
+  children: null,
+  className: void 0,
+  closed: void 0,
+  width: null
+}, vt = /* @__PURE__ */ M((i, e) => {
+  const {
+    closed: t,
+    className: n,
+    children: r,
+    width: o,
+    ...l
+  } = i, s = v(), u = v();
+  return K(e, () => s.current, []), g(() => (u.current = He.attachTo(s.current), () => {
+    u.current.destroy();
+  }), []), g(() => {
+    t !== void 0 && (t ? u.current.closeNotch() : u.current.notch());
+  }, [t]), g(() => {
+    o ? u.current.foundation.adapter.setNotchWidthProperty(o) : u.current.foundation.adapter.removeNotchWidthProperty();
+  }, [o]), /* @__PURE__ */ d.createElement("div", S({
+    className: L("lmnt", "mdc-notched-outline", n),
+    ref: s
+  }, l), /* @__PURE__ */ d.createElement("div", {
+    className: "mdc-notched-outline__leading"
+  }), /* @__PURE__ */ d.createElement("div", {
+    className: "mdc-notched-outline__notch"
+  }, r), /* @__PURE__ */ d.createElement("div", {
+    className: "mdc-notched-outline__trailing"
+  }));
+});
+vt.displayName = "NotchedOutline";
+vt.propTypes = Rn;
+vt.defaultProps = Pn;
+const Fn = {
+  /**
+   * Accepts any valid markup. This will be rendered before any value set with the `text` prop. For most use-cases use `text`.
+   *
+   * Defaults to **undefined**.
+   */
+  children: a.node.isRequired,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * Container display type, inline or block.
+   *
+   * Defaults to **'inline'**.
+   */
+  containerType: a.oneOf(["inline", "block"]),
+  /**
+   * Whether or not the tooltip is hoisted to render outside of the parent element. Useful for when the tooltip needs to render in a parent with `overflow: hidden` ie. a table cell.
+   *
+   * Defaults to **false**.
+   */
+  hoisted: a.bool,
+  /**
+   * Randomly generated id. May be overwritten.
+   *
+   * Defaults to **undefined**.
+   */
+  id: a.string,
+  /**
+   * Fired when the trigger is interacted with.
+   *
+   * Defaults to **null**.
+   */
+  onClick: a.func,
+  /**
+   * The DOM element the children will render in. If a string is sent it should be a valid DOM query selector. If one is not sent, Portal will default to `document.body`.
+   *
+   * Defaults to **'document.body'**.
+   */
+  portalContainer: a.oneOfType([a.string, a.node]),
+  /**
+   * Position of tooltip. Options include: 'top', 'left', 'right', and 'bottom'(default).
+   *
+   * Defaults to **'bottom'**.
+   */
+  position: a.oneOf(["bottom", "top", "left", "right"]),
+  /**
+   * string
+   *
+   * Defaults to **null**.
+   */
+  text: a.oneOfType([a.string, a.func, a.node]).isRequired,
+  /**
+   * Custom properties to apply to the hovering element.
+   *
+   * Defaults to **null**.
+   */
+  tooltipProps: a.object,
+  /**
+   * Custom properties to apply to the trigger element.
+   *
+   * Defaults to **null**.
+   */
+  triggerProps: a.object
+}, Hn = {
+  children: void 0,
+  className: void 0,
+  containerType: "inline",
+  hoisted: !1,
+  id: void 0,
+  portalContainer: "document.body",
+  position: "bottom",
+  text: null,
+  tooltipProps: null,
+  triggerProps: null
+}, Sn = {
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * Whether or not the tooltip is hoisted to render outside of the parent element. Useful for when the tooltip needs to render in a parent with `overflow: hidden` ie. a table cell.
+   *
+   * Defaults to **false**.
+   */
+  hoisted: a.bool,
+  /**
+   * Randomly generated id. May be overwritten.
+   *
+   * Defaults to **undefined**.
+   */
+  id: a.string,
+  /**
+   * The DOM element the children will render in. If a string is sent it should be a valid DOM query selector. If one is not sent, Portal will default to `document.body`.
+   *
+   * Defaults to **'document.body'**.
+   */
+  portalContainer: a.oneOfType([a.string, a.node]),
+  /**
+   * The text to be rendered inside of the Tooltip.
+   *
+   * Defaults to **null**.
+   */
+  text: a.oneOfType([a.string, a.func, a.node]).isRequired
+}, Vn = {
+  className: void 0,
+  hoisted: !1,
+  id: void 0,
+  portalContainer: "document.body",
+  text: null
+}, ut = /* @__PURE__ */ M((i, e) => {
+  const {
+    className: t,
+    hoisted: n,
+    id: r,
+    portalContainer: o,
+    text: l,
+    ...s
+  } = i, [u] = j(() => r || st()), c = v();
+  K(e, () => c.current, []);
+  const h = Wt(() => L(["lmnt", t, "lmnt-tooltip__text-content", "mdc-typography--caption"]), [t]);
+  return /* @__PURE__ */ d.createElement(mn, {
+    disabled: !n,
+    container: o
+  }, /* @__PURE__ */ d.createElement("div", S({
+    role: "tooltip",
+    id: u,
+    className: h
+  }, s, {
+    ref: c
+  }), l));
+});
+ut.displayName = "TooltipText";
+ut.propTypes = Sn;
+ut.defaultProps = Vn;
+const Xt = /* @__PURE__ */ M((i, e) => {
+  const {
+    children: t,
+    className: n,
+    containerType: r,
+    hoisted: o,
+    id: l,
+    onClick: s,
+    portalContainer: u,
+    position: c,
+    text: h,
+    tooltipProps: T,
+    triggerProps: nt,
+    ...R
+  } = i, k = v(), m = v(), P = v();
+  K(e, () => m.current, []);
+  const [y] = j(() => l || st()), B = G(() => {
+    s == null || s();
+  }, [s]), Q = G((p) => {
+    p.key === "Enter" && (s == null || s());
+  }, [s]);
+  an(() => {
+    const p = [{
+      name: "flip",
+      options: {
+        enabled: !0,
+        padding: {
+          bottom: 32,
+          top: 32
+        }
+      }
+    }];
+    return o ? p.push({
+      name: "offset",
+      options: {
+        offset: [0, 6]
+      }
+    }) : p.push({
+      name: "offset",
+      options: {
+        offset: [0, 12]
+      }
+    }), k.current && m.current && (P.current = Ae(k.current, m.current, {
+      placement: c,
+      modifiers: p
+    })), () => {
+      var E;
+      (E = P.current) === null || E === void 0 || E.destroy();
+    };
+  }, [c, o]);
+  const f = G(() => {
+    var p, E, V;
+    (p = m.current) === null || p === void 0 || p.setAttribute("data-show", ""), (E = P.current) === null || E === void 0 || E.setOptions((ct) => ({
+      ...ct,
+      modifiers: [...ct.modifiers, {
+        name: "eventListeners",
+        enabled: !0
+      }]
+    })), (V = P.current) === null || V === void 0 || V.update();
+  }, []), Y = G(() => {
+    var p, E;
+    (p = m.current) === null || p === void 0 || p.removeAttribute("data-show"), (E = P.current) === null || E === void 0 || E.setOptions((V) => ({
+      ...V,
+      modifiers: [...V.modifiers, {
+        name: "eventListeners",
+        enabled: !1
+      }]
+    }));
+  }, []), dt = G(() => {
+    const p = t;
+    return p.type ? p.type === ae : p === ae;
+  }, [t]);
+  g(() => {
+    const p = `Tooltips should only include short text for additional context and should not exceed three lines visually. (Toolitip ID ${y}).`;
+    h && h.length > 100 && sn(p);
+  }, [h, y]);
+  const U = Wt(
+    // eslint-disable-next-line react/no-unstable-nested-components
+    () => () => t ? typeof t == "string" || dt(t) ? /* @__PURE__ */ d.createElement("span", {
+      "aria-describedby": y
+    }, t) : $t(t, {
+      "aria-describedby": y
+    }) : null,
+    [t, y, dt]
+  ), rt = s ? {
+    tabIndex: 0,
+    role: s ? "button" : "note",
+    onKeyPress: Q,
+    onClick: B
+  } : {};
+  return /* @__PURE__ */ d.createElement("span", S({
+    className: L("lmnt lmnt-tooltip", r === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
+  }, rt, R), /* @__PURE__ */ d.createElement("span", S({
+    className: L("lmnt-tooltip__content", r === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
+  }, nt, {
+    ref: k,
+    onMouseEnter: f,
+    onFocus: f,
+    onMouseLeave: Y,
+    onBlur: Y
+  }), /* @__PURE__ */ d.createElement(U, null)), h && /* @__PURE__ */ d.createElement(ut, S({
+    hoisted: o,
+    portalContainer: u,
+    role: "tooltip",
+    id: y,
+    className: n
+  }, T, {
+    ref: m,
+    text: h
+  })));
+});
+Xt.displayName = "Tooltip";
+Xt.propTypes = Fn;
+Xt.defaultProps = Hn;
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var W = {
+  LINE_RIPPLE_ACTIVE: "mdc-line-ripple--active",
+  LINE_RIPPLE_DEACTIVATING: "mdc-line-ripple--deactivating"
+};
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var Dn = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e(t) {
+      var n = i.call(this, _(_({}, e.defaultAdapter), t)) || this;
+      return n.transitionEndHandler_ = function(r) {
+        return n.handleTransitionEnd(r);
+      }, n;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return W;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      /**
+       * See {@link MDCLineRippleAdapter} for typing information on parameters and return types.
+       */
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          hasClass: function() {
+            return !1;
+          },
+          setStyle: function() {
+          },
+          registerEventHandler: function() {
+          },
+          deregisterEventHandler: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.init = function() {
+      this.adapter.registerEventHandler("transitionend", this.transitionEndHandler_);
+    }, e.prototype.destroy = function() {
+      this.adapter.deregisterEventHandler("transitionend", this.transitionEndHandler_);
+    }, e.prototype.activate = function() {
+      this.adapter.removeClass(W.LINE_RIPPLE_DEACTIVATING), this.adapter.addClass(W.LINE_RIPPLE_ACTIVE);
+    }, e.prototype.setRippleCenter = function(t) {
+      this.adapter.setStyle("transform-origin", t + "px center");
+    }, e.prototype.deactivate = function() {
+      this.adapter.addClass(W.LINE_RIPPLE_DEACTIVATING);
+    }, e.prototype.handleTransitionEnd = function(t) {
+      var n = this.adapter.hasClass(W.LINE_RIPPLE_DEACTIVATING);
+      t.propertyName === "opacity" && n && (this.adapter.removeClass(W.LINE_RIPPLE_ACTIVE), this.adapter.removeClass(W.LINE_RIPPLE_DEACTIVATING));
+    }, e;
+  }(z)
+);
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var Se = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e() {
+      return i !== null && i.apply(this, arguments) || this;
+    }
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, e.prototype.activate = function() {
+      this.foundation.activate();
+    }, e.prototype.deactivate = function() {
+      this.foundation.deactivate();
+    }, e.prototype.setRippleCenter = function(t) {
+      this.foundation.setRippleCenter(t);
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, n = {
+        addClass: function(r) {
+          return t.root.classList.add(r);
+        },
+        removeClass: function(r) {
+          return t.root.classList.remove(r);
+        },
+        hasClass: function(r) {
+          return t.root.classList.contains(r);
+        },
+        setStyle: function(r, o) {
+          return t.root.style.setProperty(r, o);
+        },
+        registerEventHandler: function(r, o) {
+          return t.listen(r, o);
+        },
+        deregisterEventHandler: function(r, o) {
+          return t.unlisten(r, o);
+        }
+      };
+      return new Dn(n);
+    }, e;
+  }(X)
+);
+/**
+ * @license
+ * Copyright 2019 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var Ve = {
+  ROOT: "mdc-text-field-character-counter"
+}, wn = {
+  ROOT_SELECTOR: "." + Ve.ROOT
+};
+/**
+ * @license
+ * Copyright 2019 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var De = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e(t) {
+      return i.call(this, _(_({}, e.defaultAdapter), t)) || this;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return Ve;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return wn;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      /**
+       * See {@link MDCTextFieldCharacterCounterAdapter} for typing information on parameters and return types.
+       */
+      get: function() {
+        return {
+          setContent: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.setCounterValue = function(t, n) {
+      t = Math.min(t, n), this.adapter.setContent(t + " / " + n);
+    }, e;
+  }(z)
+);
+/**
+ * @license
+ * Copyright 2019 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var jn = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e() {
+      return i !== null && i.apply(this, arguments) || this;
+    }
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, Object.defineProperty(e.prototype, "foundationForTextField", {
+      // Provided for access by MDCTextField component
+      get: function() {
+        return this.foundation;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.getDefaultFoundation = function() {
+      var t = this, n = {
+        setContent: function(r) {
+          t.root.textContent = r;
+        }
+      };
+      return new De(n);
+    }, e;
+  }(X)
+);
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var N = {
+  ARIA_CONTROLS: "aria-controls",
+  ARIA_DESCRIBEDBY: "aria-describedby",
+  INPUT_SELECTOR: ".mdc-text-field__input",
+  LABEL_SELECTOR: ".mdc-floating-label",
+  LEADING_ICON_SELECTOR: ".mdc-text-field__icon--leading",
+  LINE_RIPPLE_SELECTOR: ".mdc-line-ripple",
+  OUTLINE_SELECTOR: ".mdc-notched-outline",
+  PREFIX_SELECTOR: ".mdc-text-field__affix--prefix",
+  SUFFIX_SELECTOR: ".mdc-text-field__affix--suffix",
+  TRAILING_ICON_SELECTOR: ".mdc-text-field__icon--trailing"
+}, gt = {
+  DISABLED: "mdc-text-field--disabled",
+  FOCUSED: "mdc-text-field--focused",
+  HELPER_LINE: "mdc-text-field-helper-line",
+  INVALID: "mdc-text-field--invalid",
+  LABEL_FLOATING: "mdc-text-field--label-floating",
+  NO_LABEL: "mdc-text-field--no-label",
+  OUTLINED: "mdc-text-field--outlined",
+  ROOT: "mdc-text-field",
+  TEXTAREA: "mdc-text-field--textarea",
+  WITH_LEADING_ICON: "mdc-text-field--with-leading-icon",
+  WITH_TRAILING_ICON: "mdc-text-field--with-trailing-icon"
+}, Ee = {
+  LABEL_SCALE: 0.75
+}, kn = [
+  "pattern",
+  "min",
+  "max",
+  "required",
+  "step",
+  "minlength",
+  "maxlength"
+], Bn = [
+  "color",
+  "date",
+  "datetime-local",
+  "month",
+  "range",
+  "time",
+  "week"
+];
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var Ie = ["mousedown", "touchstart"], Te = ["click", "keydown"], Mn = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e(t, n) {
+      n === void 0 && (n = {});
+      var r = i.call(this, _(_({}, 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(o) {
+        return r.setTransformOrigin(o);
+      }, r.textFieldInteractionHandler_ = function() {
+        return r.handleTextFieldInteraction();
+      }, r.validationAttributeChangeHandler_ = function(o) {
+        return r.handleValidationAttributeChange(o);
+      }, r;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return gt;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return N;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "numbers", {
+      get: function() {
+        return Ee;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "shouldAlwaysFloat_", {
+      get: function() {
+        var t = this.getNativeInput_().type;
+        return Bn.indexOf(t) >= 0;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "shouldFloat", {
+      get: function() {
+        return this.shouldAlwaysFloat_ || this.isFocused_ || !!this.getValue() || this.isBadInput_();
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "shouldShake", {
+      get: function() {
+        return !this.isFocused_ && !this.isValid() && !!this.getValue();
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      /**
+       * See {@link MDCTextFieldAdapter} for typing information on parameters and
+       * return types.
+       */
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          hasClass: function() {
+            return !0;
+          },
+          setInputAttr: function() {
+          },
+          removeInputAttr: function() {
+          },
+          registerTextFieldInteractionHandler: function() {
+          },
+          deregisterTextFieldInteractionHandler: function() {
+          },
+          registerInputInteractionHandler: function() {
+          },
+          deregisterInputInteractionHandler: function() {
+          },
+          registerValidationAttributeChangeHandler: function() {
+            return new MutationObserver(function() {
+            });
+          },
+          deregisterValidationAttributeChangeHandler: function() {
+          },
+          getNativeInput: function() {
+            return null;
+          },
+          isFocused: function() {
+            return !1;
+          },
+          activateLineRipple: function() {
+          },
+          deactivateLineRipple: function() {
+          },
+          setLineRippleTransformOrigin: function() {
+          },
+          shakeLabel: function() {
+          },
+          floatLabel: function() {
+          },
+          setLabelRequired: function() {
+          },
+          hasLabel: function() {
+            return !1;
+          },
+          getLabelWidth: function() {
+            return 0;
+          },
+          hasOutline: function() {
+            return !1;
+          },
+          notchOutline: function() {
+          },
+          closeOutline: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      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_), Ie.forEach(function(n) {
+        t.adapter.registerInputInteractionHandler(n, t.setPointerXOffset_);
+      }), Te.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_), Ie.forEach(function(n) {
+        t.adapter.deregisterInputInteractionHandler(n, t.setPointerXOffset_);
+      }), Te.forEach(function(n) {
+        t.adapter.deregisterTextFieldInteractionHandler(n, t.textFieldInteractionHandler_);
+      }), this.adapter.deregisterValidationAttributeChangeHandler(this.validationObserver_);
+    }, e.prototype.handleTextFieldInteraction = function() {
+      var t = this.adapter.getNativeInput();
+      t && t.disabled || (this.receivedUserInput_ = !0);
+    }, e.prototype.handleValidationAttributeChange = function(t) {
+      var n = this;
+      t.some(function(r) {
+        return kn.indexOf(r) > -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() * Ee.LABEL_SCALE;
+          this.adapter.notchOutline(n);
+        } else
+          this.adapter.closeOutline();
+    }, e.prototype.activateFocus = function() {
+      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, o = r.target.getBoundingClientRect(), l = r.clientX - o.left;
+        this.adapter.setLineRippleTransformOrigin(l);
+      }
+    }, e.prototype.handleInput = function() {
+      this.autoCompleteFocus(), this.setCharacterCounter_(this.getValue().length);
+    }, e.prototype.autoCompleteFocus = function() {
+      this.receivedUserInput_ || this.activateFocus();
+    }, e.prototype.deactivateFocus = function() {
+      this.isFocused_ = !1, this.adapter.deactivateLineRipple();
+      var t = this.isValid();
+      this.styleValidity_(t), this.styleFocused_(this.isFocused_), this.adapter.hasLabel() && (this.notchOutline(this.shouldFloat), this.adapter.floatLabel(this.shouldFloat), this.styleFloating_(this.shouldFloat), this.adapter.shakeLabel(this.shouldShake)), this.shouldFloat || (this.receivedUserInput_ = !1);
+    }, e.prototype.getValue = function() {
+      return this.getNativeInput_().value;
+    }, e.prototype.setValue = function(t) {
+      if (this.getValue() !== t && (this.getNativeInput_().value = t), this.setCharacterCounter_(t.length), this.validateOnValueChange_) {
+        var n = this.isValid();
+        this.styleValidity_(n);
+      }
+      this.adapter.hasLabel() && (this.notchOutline(this.shouldFloat), this.adapter.floatLabel(this.shouldFloat), this.styleFloating_(this.shouldFloat), this.validateOnValueChange_ && this.adapter.shakeLabel(this.shouldShake));
+    }, e.prototype.isValid = function() {
+      return this.useNativeValidation_ ? this.isNativeInputValid_() : this.isValid_;
+    }, e.prototype.setValid = function(t) {
+      this.isValid_ = t, this.styleValidity_(t);
+      var n = !t && !this.isFocused_ && !!this.getValue();
+      this.adapter.hasLabel() && this.adapter.shakeLabel(n);
+    }, e.prototype.setValidateOnValueChange = function(t) {
+      this.validateOnValueChange_ = t;
+    }, e.prototype.getValidateOnValueChange = function() {
+      return this.validateOnValueChange_;
+    }, e.prototype.setUseNativeValidation = function(t) {
+      this.useNativeValidation_ = t;
+    }, e.prototype.isDisabled = function() {
+      return this.getNativeInput_().disabled;
+    }, e.prototype.setDisabled = function(t) {
+      this.getNativeInput_().disabled = t, this.styleDisabled_(t);
+    }, e.prototype.setHelperTextContent = function(t) {
+      this.helperText_ && this.helperText_.setContent(t);
+    }, e.prototype.setLeadingIconAriaLabel = function(t) {
+      this.leadingIcon_ && this.leadingIcon_.setAriaLabel(t);
+    }, e.prototype.setLeadingIconContent = function(t) {
+      this.leadingIcon_ && this.leadingIcon_.setContent(t);
+    }, e.prototype.setTrailingIconAriaLabel = function(t) {
+      this.trailingIcon_ && this.trailingIcon_.setAriaLabel(t);
+    }, e.prototype.setTrailingIconContent = function(t) {
+      this.trailingIcon_ && this.trailingIcon_.setContent(t);
+    }, e.prototype.setCharacterCounter_ = function(t) {
+      if (this.characterCounter_) {
+        var n = this.getNativeInput_().maxLength;
+        if (n === -1)
+          throw new Error("MDCTextFieldFoundation: Expected maxlength html property on text input or textarea.");
+        this.characterCounter_.setCounterValue(t, n);
+      }
+    }, e.prototype.isBadInput_ = function() {
+      return this.getNativeInput_().validity.badInput || !1;
+    }, e.prototype.isNativeInputValid_ = function() {
+      return this.getNativeInput_().validity.valid;
+    }, e.prototype.styleValidity_ = function(t) {
+      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)
+          return;
+        var o = this.helperText_.isVisible(), l = this.helperText_.getId();
+        o && l ? this.adapter.setInputAttr(N.ARIA_DESCRIBEDBY, l) : this.adapter.removeInputAttr(N.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, o = n.INVALID;
+      t ? (this.adapter.addClass(r), this.adapter.removeClass(o)) : this.adapter.removeClass(r), 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);
+    }, e.prototype.getNativeInput_ = function() {
+      var t = this.adapter ? this.adapter.getNativeInput() : null;
+      return t || {
+        disabled: !1,
+        maxLength: -1,
+        required: !1,
+        type: "input",
+        validity: {
+          badInput: !1,
+          valid: !0
+        },
+        value: ""
+      };
+    }, e;
+  }(z)
+);
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var H = {
+  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"
+}, et = {
+  ARIA_HIDDEN: "aria-hidden",
+  ROLE: "role",
+  ROOT_SELECTOR: "." + H.ROOT
+};
+/**
+ * @license
+ * Copyright 2017 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var we = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e(t) {
+      return i.call(this, _(_({}, e.defaultAdapter), t)) || this;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return H;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return et;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      /**
+       * See {@link MDCTextFieldHelperTextAdapter} for typing information on parameters and return types.
+       */
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          hasClass: function() {
+            return !1;
+          },
+          getAttr: function() {
+            return null;
+          },
+          setAttr: function() {
+          },
+          removeAttr: function() {
+          },
+          setContent: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.getId = function() {
+      return this.adapter.getAttr("id");
+    }, e.prototype.isVisible = function() {
+      return this.adapter.getAttr(et.ARIA_HIDDEN) !== "true";
+    }, e.prototype.setContent = function(t) {
+      this.adapter.setContent(t);
+    }, e.prototype.isPersistent = function() {
+      return this.adapter.hasClass(H.HELPER_TEXT_PERSISTENT);
+    }, e.prototype.setPersistent = function(t) {
+      t ? this.adapter.addClass(H.HELPER_TEXT_PERSISTENT) : this.adapter.removeClass(H.HELPER_TEXT_PERSISTENT);
+    }, e.prototype.isValidation = function() {
+      return this.adapter.hasClass(H.HELPER_TEXT_VALIDATION_MSG);
+    }, e.prototype.setValidation = function(t) {
+      t ? this.adapter.addClass(H.HELPER_TEXT_VALIDATION_MSG) : this.adapter.removeClass(H.HELPER_TEXT_VALIDATION_MSG);
+    }, e.prototype.showToScreenReader = function() {
+      this.adapter.removeAttr(et.ARIA_HIDDEN);
+    }, e.prototype.setValidity = function(t) {
+      var n = this.adapter.hasClass(H.HELPER_TEXT_PERSISTENT), r = this.adapter.hasClass(H.HELPER_TEXT_VALIDATION_MSG), o = r && !t;
+      o ? (this.showToScreenReader(), this.adapter.setAttr(et.ROLE, "alert")) : this.adapter.removeAttr(et.ROLE), !n && !o && this.hide_();
+    }, e.prototype.hide_ = function() {
+      this.adapter.setAttr(et.ARIA_HIDDEN, "true");
+    }, e;
+  }(z)
+);
+/**
+ * @license
+ * Copyright 2017 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var je = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e() {
+      return i !== null && i.apply(this, arguments) || this;
+    }
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, Object.defineProperty(e.prototype, "foundationForTextField", {
+      // Provided for access by MDCTextField component
+      get: function() {
+        return this.foundation;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.getDefaultFoundation = function() {
+      var t = this, n = {
+        addClass: function(r) {
+          return t.root.classList.add(r);
+        },
+        removeClass: function(r) {
+          return t.root.classList.remove(r);
+        },
+        hasClass: function(r) {
+          return t.root.classList.contains(r);
+        },
+        getAttr: function(r) {
+          return t.root.getAttribute(r);
+        },
+        setAttr: function(r, o) {
+          return t.root.setAttribute(r, o);
+        },
+        removeAttr: function(r) {
+          return t.root.removeAttribute(r);
+        },
+        setContent: function(r) {
+          t.root.textContent = r;
+        }
+      };
+      return new we(n);
+    }, e;
+  }(X)
+);
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var Ce = {
+  ICON_EVENT: "MDCTextField:icon",
+  ICON_ROLE: "button"
+}, Un = {
+  ROOT: "mdc-text-field__icon"
+};
+/**
+ * @license
+ * Copyright 2017 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var xe = ["click", "keydown"], Le = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e(t) {
+      var n = i.call(this, _(_({}, e.defaultAdapter), t)) || this;
+      return n.savedTabIndex_ = null, n.interactionHandler_ = function(r) {
+        return n.handleInteraction(r);
+      }, n;
+    }
+    return Object.defineProperty(e, "strings", {
+      get: function() {
+        return Ce;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return Un;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      /**
+       * See {@link MDCTextFieldIconAdapter} for typing information on parameters and return types.
+       */
+      get: function() {
+        return {
+          getAttr: function() {
+            return null;
+          },
+          setAttr: function() {
+          },
+          removeAttr: function() {
+          },
+          setContent: function() {
+          },
+          registerInteractionHandler: function() {
+          },
+          deregisterInteractionHandler: function() {
+          },
+          notifyIconAction: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.init = function() {
+      var t = this;
+      this.savedTabIndex_ = this.adapter.getAttr("tabindex"), xe.forEach(function(n) {
+        t.adapter.registerInteractionHandler(n, t.interactionHandler_);
+      });
+    }, e.prototype.destroy = function() {
+      var t = this;
+      xe.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", Ce.ICON_ROLE)));
+    }, e.prototype.setAriaLabel = function(t) {
+      this.adapter.setAttr("aria-label", t);
+    }, e.prototype.setContent = function(t) {
+      this.adapter.setContent(t);
+    }, e.prototype.handleInteraction = function(t) {
+      var n = t.key === "Enter" || t.keyCode === 13;
+      (t.type === "click" || n) && (t.preventDefault(), this.adapter.notifyIconAction());
+    }, e;
+  }(z)
+);
+/**
+ * @license
+ * Copyright 2017 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var qn = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e() {
+      return i !== null && i.apply(this, arguments) || this;
+    }
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, Object.defineProperty(e.prototype, "foundationForTextField", {
+      // Provided for access by MDCTextField component
+      get: function() {
+        return this.foundation;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.getDefaultFoundation = function() {
+      var t = this, n = {
+        getAttr: function(r) {
+          return t.root.getAttribute(r);
+        },
+        setAttr: function(r, o) {
+          return t.root.setAttribute(r, o);
+        },
+        removeAttr: function(r) {
+          return t.root.removeAttribute(r);
+        },
+        setContent: function(r) {
+          t.root.textContent = r;
+        },
+        registerInteractionHandler: function(r, o) {
+          return t.listen(r, o);
+        },
+        deregisterInteractionHandler: function(r, o) {
+          return t.unlisten(r, o);
+        },
+        notifyIconAction: function() {
+          return t.emit(
+            Le.strings.ICON_EVENT,
+            {},
+            !0
+            /* shouldBubble */
+          );
+        }
+      };
+      return new Le(n);
+    }, e;
+  }(X)
+);
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var $n = (
+  /** @class */
+  function(i) {
+    I(e, i);
+    function e() {
+      return i !== null && i.apply(this, arguments) || this;
+    }
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, e.prototype.initialize = function(t, n, r, o, l, s, u) {
+      t === void 0 && (t = function(f, Y) {
+        return new se(f, Y);
+      }), n === void 0 && (n = function(f) {
+        return new Se(f);
+      }), r === void 0 && (r = function(f) {
+        return new je(f);
+      }), o === void 0 && (o = function(f) {
+        return new jn(f);
+      }), l === void 0 && (l = function(f) {
+        return new qn(f);
+      }), s === void 0 && (s = function(f) {
+        return new Pe(f);
+      }), u === void 0 && (u = function(f) {
+        return new He(f);
+      }), this.input_ = this.root.querySelector(N.INPUT_SELECTOR);
+      var c = this.root.querySelector(N.LABEL_SELECTOR);
+      this.label_ = c ? s(c) : null;
+      var h = this.root.querySelector(N.LINE_RIPPLE_SELECTOR);
+      this.lineRipple_ = h ? n(h) : null;
+      var T = this.root.querySelector(N.OUTLINE_SELECTOR);
+      this.outline_ = T ? u(T) : null;
+      var nt = we.strings, R = this.root.nextElementSibling, k = R && R.classList.contains(gt.HELPER_LINE), m = k && R && R.querySelector(nt.ROOT_SELECTOR);
+      this.helperText_ = m ? r(m) : null;
+      var P = De.strings, y = this.root.querySelector(P.ROOT_SELECTOR);
+      !y && k && R && (y = R.querySelector(P.ROOT_SELECTOR)), this.characterCounter_ = y ? o(y) : null;
+      var B = this.root.querySelector(N.LEADING_ICON_SELECTOR);
+      this.leadingIcon_ = B ? l(B) : null;
+      var Q = this.root.querySelector(N.TRAILING_ICON_SELECTOR);
+      this.trailingIcon_ = Q ? l(Q) : null, this.prefix_ = this.root.querySelector(N.PREFIX_SELECTOR), this.suffix_ = this.root.querySelector(N.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);
+    }, e.prototype.initialSyncWithDOM = function() {
+      this.disabled = this.input_.disabled;
+    }, Object.defineProperty(e.prototype, "value", {
+      get: function() {
+        return this.foundation.getValue();
+      },
+      /**
+       * @param value The value to set on the input.
+       */
+      set: function(t) {
+        this.foundation.setValue(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "disabled", {
+      get: function() {
+        return this.foundation.isDisabled();
+      },
+      /**
+       * @param disabled Sets the Text Field disabled or enabled.
+       */
+      set: function(t) {
+        this.foundation.setDisabled(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "valid", {
+      get: function() {
+        return this.foundation.isValid();
+      },
+      /**
+       * @param valid Sets the Text Field valid or invalid.
+       */
+      set: function(t) {
+        this.foundation.setValid(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "required", {
+      get: function() {
+        return this.input_.required;
+      },
+      /**
+       * @param required Sets the Text Field to required.
+       */
+      set: function(t) {
+        this.input_.required = t;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "pattern", {
+      get: function() {
+        return this.input_.pattern;
+      },
+      /**
+       * @param pattern Sets the input element's validation pattern.
+       */
+      set: function(t) {
+        this.input_.pattern = t;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "minLength", {
+      get: function() {
+        return this.input_.minLength;
+      },
+      /**
+       * @param minLength Sets the input element's minLength.
+       */
+      set: function(t) {
+        this.input_.minLength = t;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "maxLength", {
+      get: function() {
+        return this.input_.maxLength;
+      },
+      /**
+       * @param maxLength Sets the input element's maxLength.
+       */
+      set: function(t) {
+        t < 0 ? this.input_.removeAttribute("maxLength") : this.input_.maxLength = t;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "min", {
+      get: function() {
+        return this.input_.min;
+      },
+      /**
+       * @param min Sets the input element's min.
+       */
+      set: function(t) {
+        this.input_.min = t;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "max", {
+      get: function() {
+        return this.input_.max;
+      },
+      /**
+       * @param max Sets the input element's max.
+       */
+      set: function(t) {
+        this.input_.max = t;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "step", {
+      get: function() {
+        return this.input_.step;
+      },
+      /**
+       * @param step Sets the input element's step.
+       */
+      set: function(t) {
+        this.input_.step = t;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "helperTextContent", {
+      /**
+       * Sets the helper text element content.
+       */
+      set: function(t) {
+        this.foundation.setHelperTextContent(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "leadingIconAriaLabel", {
+      /**
+       * Sets the aria label of the leading icon.
+       */
+      set: function(t) {
+        this.foundation.setLeadingIconAriaLabel(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "leadingIconContent", {
+      /**
+       * Sets the text content of the leading icon.
+       */
+      set: function(t) {
+        this.foundation.setLeadingIconContent(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "trailingIconAriaLabel", {
+      /**
+       * Sets the aria label of the trailing icon.
+       */
+      set: function(t) {
+        this.foundation.setTrailingIconAriaLabel(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "trailingIconContent", {
+      /**
+       * Sets the text content of the trailing icon.
+       */
+      set: function(t) {
+        this.foundation.setTrailingIconContent(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "useNativeValidation", {
+      /**
+       * Enables or disables the use of native validation. Use this for custom validation.
+       * @param useNativeValidation Set this to false to ignore native input validation.
+       */
+      set: function(t) {
+        this.foundation.setUseNativeValidation(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "prefixText", {
+      /**
+       * Gets the text content of the prefix, or null if it does not exist.
+       */
+      get: function() {
+        return this.prefix_ ? this.prefix_.textContent : null;
+      },
+      /**
+       * Sets the text content of the prefix, if it exists.
+       */
+      set: function(t) {
+        this.prefix_ && (this.prefix_.textContent = t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "suffixText", {
+      /**
+       * Gets the text content of the suffix, or null if it does not exist.
+       */
+      get: function() {
+        return this.suffix_ ? this.suffix_.textContent : null;
+      },
+      /**
+       * Sets the text content of the suffix, if it exists.
+       */
+      set: function(t) {
+        this.suffix_ && (this.suffix_.textContent = t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.focus = function() {
+      this.input_.focus();
+    }, e.prototype.layout = function() {
+      var t = this.foundation.shouldFloat;
+      this.foundation.notchOutline(t);
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = _(_(_(_(_({}, this.getRootAdapterMethods_()), this.getInputAdapterMethods_()), this.getLabelAdapterMethods_()), this.getLineRippleAdapterMethods_()), this.getOutlineAdapterMethods_());
+      return new Mn(t, this.getFoundationMap_());
+    }, e.prototype.getRootAdapterMethods_ = function() {
+      var t = this;
+      return {
+        addClass: function(n) {
+          return t.root.classList.add(n);
+        },
+        removeClass: function(n) {
+          return t.root.classList.remove(n);
+        },
+        hasClass: function(n) {
+          return t.root.classList.contains(n);
+        },
+        registerTextFieldInteractionHandler: function(n, r) {
+          t.listen(n, r);
+        },
+        deregisterTextFieldInteractionHandler: function(n, r) {
+          t.unlisten(n, r);
+        },
+        registerValidationAttributeChangeHandler: function(n) {
+          var r = function(s) {
+            return s.map(function(u) {
+              return u.attributeName;
+            }).filter(function(u) {
+              return u;
+            });
+          }, o = new MutationObserver(function(s) {
+            return n(r(s));
+          }), l = { attributes: !0 };
+          return o.observe(t.input_, l), o;
+        },
+        deregisterValidationAttributeChangeHandler: function(n) {
+          n.disconnect();
+        }
+      };
+    }, e.prototype.getInputAdapterMethods_ = function() {
+      var t = this;
+      return {
+        getNativeInput: function() {
+          return t.input_;
+        },
+        setInputAttr: function(n, r) {
+          t.input_.setAttribute(n, r);
+        },
+        removeInputAttr: function(n) {
+          t.input_.removeAttribute(n);
+        },
+        isFocused: function() {
+          return document.activeElement === t.input_;
+        },
+        registerInputInteractionHandler: function(n, r) {
+          t.input_.addEventListener(n, r, _t());
+        },
+        deregisterInputInteractionHandler: function(n, r) {
+          t.input_.removeEventListener(n, r, _t());
+        }
+      };
+    }, e.prototype.getLabelAdapterMethods_ = function() {
+      var t = this;
+      return {
+        floatLabel: function(n) {
+          return t.label_ && t.label_.float(n);
+        },
+        getLabelWidth: function() {
+          return t.label_ ? t.label_.getWidth() : 0;
+        },
+        hasLabel: function() {
+          return !!t.label_;
+        },
+        shakeLabel: function(n) {
+          return t.label_ && t.label_.shake(n);
+        },
+        setLabelRequired: function(n) {
+          return t.label_ && t.label_.setRequired(n);
+        }
+      };
+    }, e.prototype.getLineRippleAdapterMethods_ = function() {
+      var t = this;
+      return {
+        activateLineRipple: function() {
+          t.lineRipple_ && t.lineRipple_.activate();
+        },
+        deactivateLineRipple: function() {
+          t.lineRipple_ && t.lineRipple_.deactivate();
+        },
+        setLineRippleTransformOrigin: function(n) {
+          t.lineRipple_ && t.lineRipple_.setRippleCenter(n);
+        }
+      };
+    }, e.prototype.getOutlineAdapterMethods_ = function() {
+      var t = this;
+      return {
+        closeOutline: function() {
+          return t.outline_ && t.outline_.closeNotch();
+        },
+        hasOutline: function() {
+          return !!t.outline_;
+        },
+        notchOutline: function(n) {
+          return t.outline_ && t.outline_.notch(n);
+        }
+      };
+    }, e.prototype.getFoundationMap_ = function() {
+      return {
+        characterCounter: this.characterCounter_ ? this.characterCounter_.foundationForTextField : void 0,
+        helperText: this.helperText_ ? this.helperText_.foundationForTextField : void 0,
+        leadingIcon: this.leadingIcon_ ? this.leadingIcon_.foundationForTextField : void 0,
+        trailingIcon: this.trailingIcon_ ? this.trailingIcon_.foundationForTextField : void 0
+      };
+    }, e.prototype.createRipple_ = function(t) {
+      var n = this, r = this.root.classList.contains(gt.TEXTAREA), o = this.root.classList.contains(gt.OUTLINED);
+      if (r || o)
+        return null;
+      var l = _(_({}, se.createAdapter(this)), { isSurfaceActive: function() {
+        return dn(n.input_, ":active");
+      }, registerInteractionHandler: function(s, u) {
+        return n.input_.addEventListener(s, u, _t());
+      }, deregisterInteractionHandler: function(s, u) {
+        return n.input_.removeEventListener(s, u, _t());
+      } });
+      return t(this.root, new cn(l));
+    }, e;
+  }(X)
+);
+const Wn = {
+  /**
+   *
+   *
+   * Defaults to **null**.
+   */
+  activated: a.bool,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   *
+   *
+   * Defaults to **null**.
+   */
+  rippleCenter: a.string
+}, Gn = {
+  activated: null,
+  className: void 0,
+  rippleCenter: null
+}, yt = /* @__PURE__ */ M((i, e) => {
+  const {
+    activated: t,
+    rippleCenter: n,
+    className: r,
+    ...o
+  } = i, l = v(), s = v();
+  return K(e, () => s.current, []), g(() => (l.current = Se.attachTo(s.current), () => {
+    l.current.destroy();
+  }), [s]), g(() => {
+    t ? l.current.activate() : l.current.deactivate();
+  }, [t]), g(() => {
+    n && l.current.setRippleCenter(n);
+  }, [n]), /* @__PURE__ */ d.createElement("div", S({
+    ref: s,
+    className: L("lmnt", "mdc-line-ripple", r)
+  }, o));
+});
+yt.displayName = "LineRipple";
+yt.propTypes = Wn;
+yt.defaultProps = Gn;
+const Et = /* @__PURE__ */ M((i, e) => {
+  const {
+    wrap: t,
+    children: n
+  } = i;
+  return t ? /* @__PURE__ */ d.createElement("span", {
+    ref: e,
+    className: "mdc-text-field__resizer"
+  }, n) : n;
+});
+Et.displayName = "TextfieldSpanShim";
+Et.propTypes = {
+  children: a.node,
+  wrap: a.bool
+};
+Et.defaultProps = {
+  children: void 0,
+  wrap: !1
+};
+const Xn = {
+  /**
+   * @deprecated _Use `fullWidth` instead._
+   *
+   * Applies a full-width style where the Textfield will fill its container.
+   *
+   * Defaults to **undefined**.
+   */
+  block: w(a.bool, "Textfield", "Use `fullWidth` instead."),
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * @deprecated _See `containerProps`._
+   *
+   * Add a custom class to the `Textfield` container.
+   *
+   * Defaults to **undefined**.
+   */
+  containerClass: w(a.string, "Textfield", "See `containerProps`."),
+  /**
+   * Properties to be added to the container of the textfield.
+   *
+   * Defaults to **undefined**.
+   */
+  containerProps: a.object,
+  /**
+   * Enables a character count. _Warning_ requires `maxlength` to be set.
+   *
+   * Defaults to **false**.
+   */
+  counter: a.bool,
+  /**
+   * The starting value of the Textfield when working in uncontrolled mode.
+   *
+   * Defaults to **undefined**.
+   */
+  defaultValue: a.oneOfType([a.string, a.number]),
+  /**
+   * The size of the Textfield will be reduced.
+   *
+   * Defaults to **false**.
+   */
+  dense: a.bool,
+  /**
+   * Textfield will be disabled.
+   *
+   * Defaults to **false**.
+   */
+  disabled: a.bool,
+  /**
+   * @deprecated _Use `variant='embedded'_
+   *
+   * An unfilled, non-outlined and full-width variant of Textfield, intended to be embedded in other components such as TopAppBar or TableHeader.
+   *
+   * Defaults to **undefined**.
+   */
+  embedded: w(a.bool, "Textfield", 'Use `variant="embedded"'),
+  /**
+   * @deprecated _Use variant='filled' instead._
+   *
+   * Apply filled style to the Textfield. Previously called primary.
+   *
+   * Defaults to **undefined**.
+   */
+  filled: w(a.bool, "Textfield", 'Use variant="filled" instead.'),
+  /**
+   * Sets the Textfield to the focused state.
+   *
+   * Defaults to **false**.
+   */
+  focused: a.bool,
+  /**
+   * The Textfield will expand to 100% width.
+   *
+   * Defaults to **false**.
+   */
+  fullWidth: a.bool,
+  /**
+   * Helper text to be displayed below Textfield, by default only visible on focus.
+   *
+   * Defaults to **null**.
+   */
+  helperText: a.node,
+  /**
+   * Randomly generated id for the helper text container element. May be overwritten.
+   *
+   * Defaults to **undefined**.
+   */
+  helperTextId: a.string,
+  /**
+   * Set the helper text to be permanently visible.
+   *
+   * Defaults to **false**.
+   */
+  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: a.bool,
+  /**
+   * Randomly generated id for the input element. May be overwritten.
+   *
+   * Defaults to **undefined**.
+   */
+  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: a.string,
+  /**
+   * Randomly generated id for the label element. May be overwritten.
+   *
+   * Defaults to **undefined**.
+   */
+  labelId: a.string,
+  /**
+   * Custom content to appear before the input.
+   *
+   * Defaults to **null**.
+   */
+  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: a.oneOfType([a.string, a.node]),
+  /**
+   * @deprecated _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 **undefined**.
+   */
+  maxLength: w(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: ln(a.number, "Textfield", "counter"),
+  /**
+   * Prevents resizing when using `textarea`.
+   *
+   * Defaults to **true**.
+   */
+  noResize: a.bool,
+  /**
+   * Fired when focus leaves the input.
+   *
+   * Defaults to **null**.
+   */
+  onBlur: a.func,
+  /**
+   * Fired when each character is entered into the Textfield.
+   *
+   * Defaults to **null**.
+   */
+  onChange: a.func,
+  /**
+   * Fired when the input gains focus.
+   *
+   * Defaults to **null**.
+   */
+  onFocus: a.func,
+  /**
+   * @deprecated _Use `variant='outlined'` instead_
+   *
+   * Apply outlined style to the Textfield. Previously called secondary.
+   *
+   * Defaults to **undefined**.
+   */
+  outlined: w(a.bool, "Textfield", 'Use `variant="outlined"` instead'),
+  /**
+   * Non-floating label text, will be replaced when the user starts typing.
+   *
+   * Defaults to **null**.
+   */
+  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: a.string,
+  /**
+   * @deprecated _This feature is no longer supported. Use `variant='filled'` instead._
+   *
+   * Enable filled styling.
+   *
+   * Defaults to **undefined**.
+   */
+  primary: w(a.bool, "Textfield", 'This feature is no longer supported. Use `variant="filled"` instead.'),
+  /**
+   * @deprecated _Use `variant='embedded'`_
+   *
+   * Enabled search bar styling, including a full width style.
+   *
+   * Defaults to **undefined**.
+   */
+  search: w(a.bool, "Textfield", 'Use `variant="embedded"`'),
+  /**
+   * @deprecated _Use `variant='outlined'` instead._
+   *
+   * Apply secondary style to the Textfield.
+   *
+   * Defaults to **undefined**.
+   */
+  secondary: w(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: a.string,
+  /**
+   * Enabled multi-line text input. _Note_ `textarea` cannot be used with the embedded variant.
+   *
+   * Defaults to **false**.
+   */
+  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: a.oneOfType([a.bool, a.object]),
+  /**
+   * Custom content to appear after the input.
+   *
+   * Defaults to **null**.
+   */
+  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: 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: a.oneOf(["text", "password", "color", "email", "url", "number", "tel", "search", "datetime-local", "month", "time", "week", "date"]),
+  /**
+   * Applies an invalid style to the Textfield.
+   *
+   * Defaults to **true**.
+   */
+  valid: a.bool,
+  /**
+   * The current value of the Textfield component.
+   *
+   * Defaults to **undefined**.
+   */
+  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: a.oneOf(["filled", "outlined", "embedded"])
+}, zn = {
+  block: void 0,
+  className: void 0,
+  containerClass: void 0,
+  containerProps: void 0,
+  counter: !1,
+  defaultValue: void 0,
+  dense: !1,
+  disabled: !1,
+  embedded: void 0,
+  filled: void 0,
+  focused: !1,
+  fullWidth: !1,
+  helperText: null,
+  helperTextId: void 0,
+  helperTextPersistent: !1,
+  helperTextValidation: !1,
+  id: void 0,
+  label: null,
+  labelId: void 0,
+  leadingContent: null,
+  leadingIcon: null,
+  maxLength: void 0,
+  maxlength: null,
+  noResize: !0,
+  outlined: void 0,
+  placeholder: null,
+  prefixText: null,
+  primary: void 0,
+  search: void 0,
+  secondary: void 0,
+  suffixText: null,
+  textarea: !1,
+  tooltip: null,
+  trailingContent: null,
+  trailingIcon: null,
+  type: "text",
+  valid: !0,
+  value: void 0,
+  variant: "filled"
+}, Oe = (i, e) => i ? /* @__PURE__ */ d.createElement("div", {
+  className: "mdc-text-field-character-counter"
+}, "0 / ", e) : null, Kn = (i) => {
+  const {
+    type: e
+  } = {
+    ...i
+  }, {
+    displayName: t
+  } = {
+    ...e
+  };
+  return typeof i == "string" ? /* @__PURE__ */ d.createElement(Ne, {
+    role: "button",
+    className: "mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--leading",
+    icon: i
+  }) : $t(i, {
+    className: L("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,
+    role: "button"
+  });
+}, Qn = (i) => {
+  const {
+    type: e
+  } = {
+    ...i
+  }, {
+    displayName: t
+  } = {
+    ...e
+  };
+  return typeof i == "string" ? /* @__PURE__ */ d.createElement(Ne, {
+    className: "mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--trailing",
+    icon: i
+  }) : $t(i, {
+    className: L("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
+  });
+}, zt = /* @__PURE__ */ M((i, e) => {
+  const {
+    block: t,
+    className: n,
+    containerClass: r,
+    containerProps: o,
+    containerStyle: l,
+    counter: s,
+    defaultValue: u,
+    dense: c,
+    disabled: h,
+    embedded: T,
+    filled: nt,
+    focused: R,
+    fullWidth: k,
+    helperText: m,
+    helperTextId: P,
+    helperTextPersistent: y,
+    helperTextValidation: B,
+    id: Q,
+    label: f,
+    labelId: Y,
+    leadingContent: dt,
+    leadingIcon: U,
+    maxLength: rt,
+    maxlength: p,
+    noResize: E,
+    onBlur: V,
+    outlined: ct,
+    placeholder: ke,
+    prefixText: Kt,
+    primary: Be = null,
+    search: Me,
+    secondary: Ue,
+    suffixText: Qt,
+    textarea: C,
+    tooltip: O,
+    trailingContent: qe,
+    trailingIcon: it,
+    type: Yt,
+    valid: ft,
+    value: D,
+    variant: It,
+    ...$e
+  } = i, {
+    hoisted: We,
+    position: Jt = "bottom"
+  } = O && typeof O == "object" ? O : {}, [pt] = j(() => Q || st()), [Tt] = j(() => P || st()), [Ct] = j(() => Y || st()), [Zt, Ge] = j(!0), [xt, Xe] = j(!1), [q, ze] = j(p), Ke = m || s && q, Qe = C ? "textarea" : "input", te = v(), $ = v(), x = v(), Lt = v(), ee = v(), Ot = v(), ht = v(), ot = v(), Ye = (it || U) && !C, J = Wt(() => ft ?? !0, [ft]), Z = !C && (T || Me || It === "embedded"), At = !T && (ct || Ue || It === "outlined"), mt = !At && !Z && (Be || nt || It === "filled"), at = Z || k || t, Nt = !Z && !!f && !c;
+  g(() => (x.current = $n.attachTo(Lt.current), () => {
+    x.current.destroy();
+  }), [xt]), K(e, () => ({
+    mdc: x.current,
+    input: ee.current,
+    container: Ot.current,
+    label: Lt.current
+  })), g(() => (m && typeof m == "string" && ($.current = new je(te.current)), () => {
+    $.current && $.current.destroy();
+  }), [m]), g(() => {
+    if (m) {
+      var b, A, F, tt;
+      (b = $.current) === null || b === void 0 || b.foundation.setValidation(B), (A = $.current) === null || A === void 0 || A.foundation.setValidity(J), (F = $.current) === null || F === void 0 || F.foundation.setPersistent(y), (tt = $.current) === null || tt === void 0 || tt.foundation.setContent(m);
+    }
+  }, [m, y, B, J]), g(() => {
+    u || (x.current.value = D || D === 0 ? D : ""), x.current.valid = J;
+  }, [x, D, J, u]), g(() => {
+    x.current.disabled = h;
+  }, [x, h]), g(() => {
+    ze(rt && !p ? rt : p);
+  }, [p, rt]), g(() => {
+    Xe(q > 0 && s);
+  }, [q, s]), g(() => {
+    Ge(at || s || m);
+  }, [at, s, m]);
+  const Je = () => {
+    ft !== void 0 && D !== null && (x.current.valid = ft);
+  }, Ze = (b) => {
+    V && V(b), Je();
+  }, ne = () => {
+    x.current.value = "", x.current.valid = J;
+  };
+  g(() => (window.addEventListener("reset", ne), () => {
+    window.removeEventListener("reset", ne);
+  }), []), g(() => {
+    if (O) {
+      const b = [{
+        name: "flip",
+        options: {
+          enabled: !0,
+          padding: {
+            bottom: 32,
+            top: 32
+          }
+        }
+      }, {
+        name: "offset",
+        options: {
+          offset: [0, 12]
+        }
+      }];
+      ot.current = Ae(Ot.current, ht.current, {
+        placement: Jt,
+        modifiers: b
+      });
+    }
+    return () => {
+      var b;
+      (b = ot.current) === null || b === void 0 || b.destroy();
+    };
+  }, [Jt, We, O]);
+  const re = G(() => {
+    if (D) {
+      const tt = x.current.input_;
+      if (tt.offsetWidth < tt.scrollWidth) {
+        var b, A, F;
+        (b = ht.current) === null || b === void 0 || b.setAttribute("data-show", ""), (A = ot.current) === null || A === void 0 || A.setOptions((oe) => ({
+          ...oe,
+          modifiers: [...oe.modifiers, {
+            name: "eventListeners",
+            enabled: !0
+          }]
+        })), (F = ot.current) === null || F === void 0 || F.update();
+      }
+    }
+  }, [D]), ie = G(() => {
+    var b, A;
+    (b = ht.current) === null || b === void 0 || b.removeAttribute("data-show"), (A = ot.current) === null || A === void 0 || A.setOptions((F) => ({
+      ...F,
+      modifiers: [...F.modifiers, {
+        name: "eventListeners",
+        enabled: !1
+      }]
+    }));
+  }, []);
+  return /* @__PURE__ */ d.createElement("div", S({
+    ref: Ot,
+    style: l,
+    className: L("lmnt", "lmnt-text-field--container", at && "lmnt-text-field--container-full-width", !at && Zt && "lmnt-text-field--container-to-content-width", !Zt && "lmnt-text-field-inline-container", r)
+  }, o, {
+    onMouseEnter: O && re,
+    onFocus: O && re,
+    onMouseLeave: O && ie,
+    onBlur: O && ie
+  }), dt, /* @__PURE__ */ d.createElement("label", {
+    htmlFor: pt,
+    ref: Lt,
+    className: L(["lmnt", "mdc-text-field", "lmnt-text-field", Z && "lmnt-text-field--embedded", at && "lmnt-text-field--full-width", Ye && "lmnt-text-field--with-icon", !J && "mdc-text-field--invalid", h && "mdc-text-field--disabled", R && "mdc-text-field--focused", !Nt && "mdc-text-field--no-label", U && !C && "mdc-text-field--with-leading-icon", C && "mdc-text-field--textarea", C && s && q && !E && "mdc-text-field--with-internal-counter", it && !C && "mdc-text-field--with-trailing-icon", mt && "mdc-text-field--filled", At && "mdc-text-field--outlined", c && "lmnt-text-field--dense", n])
+  }, mt && /* @__PURE__ */ d.createElement("span", {
+    className: "mdc-text-field__ripple"
+  }), U && !C && Kn(U), Kt && !U && !C && /* @__PURE__ */ d.createElement("span", {
+    className: "mdc-text-field__affix mdc-text-field__affix--prefix"
+  }, Kt), /* @__PURE__ */ d.createElement(Et, {
+    wrap: !E && C
+  }, /* @__PURE__ */ d.createElement(Qe, S({
+    "aria-controls": Tt,
+    "aria-describedby": Tt,
+    "aria-labelledby": Ct,
+    className: L("mdc-text-field__input", Yt === "color" && "lmnt-text-field__input--color"),
+    disabled: h,
+    id: pt,
+    type: Yt,
+    onBlur: Ze,
+    defaultValue: u,
+    placeholder: ke || (Z && f ? f : "") || (c && f ? f : ""),
+    maxLength: q,
+    ref: ee,
+    value: D
+  }, $e)), !E && Oe(xt, q)), it && !C && Qn(it), Qt && !it && !C && /* @__PURE__ */ d.createElement("span", {
+    className: "mdc-text-field__affix mdc-text-field__affix--suffix"
+  }, Qt), At && /* @__PURE__ */ d.createElement(vt, null, Nt && /* @__PURE__ */ d.createElement(lt, {
+    id: Ct,
+    htmlFor: pt
+  }, f)), mt && Nt && /* @__PURE__ */ d.createElement(lt, {
+    id: Ct,
+    htmlFor: pt
+  }, f), (mt || Z) && /* @__PURE__ */ d.createElement(yt, null)), qe, Ke && /* @__PURE__ */ d.createElement("div", {
+    className: "mdc-text-field-helper-line"
+  }, m && /* @__PURE__ */ d.createElement("div", {
+    ref: te,
+    id: Tt,
+    "aria-hidden": y ? "false" : "true",
+    className: L(["mdc-text-field-helper-text", y && "mdc-text-field-helper-text--persistent", B && "mdc-text-field-helper-text--validation-msg"])
+  }, m), E && Oe(xt, q)), O && /* @__PURE__ */ d.createElement(ut, S({
+    role: "tooltip"
+  }, O, {
+    ref: ht,
+    text: D
+  })));
+});
+zt.displayName = "Textfield";
+zt.propTypes = Xn;
+zt.defaultProps = zn;
+export {
+  Tn as A,
+  lt as H,
+  vn as I,
+  bn as M,
+  mn as O,
+  ut as R,
+  er as Z,
+  xn as a,
+  Cn as b,
+  _n as d,
+  Gt as h,
+  vt as k,
+  zt as x
+};