@hortiview/shared-components 2.8.6 → 2.8.7

package/dist/{index.es-p4O33fMu.js → index.es-Cq04gn3U.js}

@@ -1,11 +1,13 @@
-import { _ as b, c as C, P as n } from "./index-D5m--65X.js";
-import d, { forwardRef as O, useRef as m, useImperativeHandle as P, useEffect as N, useState as U, useMemo as q, useCallback as _, Fragment as W } from "react";
-import { b as A, c as T } from "./tslib.es6-BDCynO9F.js";
-import { M as K, a as $ } from "./component-neHBNHRu.js";
-import { e as ee } from "./component-DsB0poTj.js";
-import { f as j, u as te, h as ne, c as oe } from "./index.es-ChSlnpSq.js";
-import { P as re } from "./index.es-DTMwaJ6B.js";
-import { c as ie } from "./index.es-8MVlRCi4.js";
+import { _ as w, a as P, c as H, P as i, b as Z, d as Ae } from "./index-Cpb-8cAN.js";
+import d, { forwardRef as M, useRef as N, useImperativeHandle as B, useEffect as A, useState as se, useMemo as le, useCallback as k, Fragment as ee } from "react";
+import { b as j, c as S } from "./tslib.es6-BDCynO9F.js";
+import { M as ce, a as de } from "./component-neHBNHRu.js";
+import { e as $e } from "./component-DsB0poTj.js";
+import { _ as De, a as te, b as Re, c as ke, d as ue, e as ne, f as xe } from "./defineProperty-CmuOyxyf.js";
+import { P as Fe, _ as oe } from "./index.es-t7hFwQSs.js";
+import { _ as pe } from "./slicedToArray-BWk2gTCn.js";
+import { e as fe, u as He, _ as re, i as Ie, c as Se } from "./index.es-BXj90wb_.js";
+import { c as we } from "./index.es-DwzB1d7_.js";
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -28,7 +30,7 @@ import { c as ie } from "./index.es-8MVlRCi4.js";
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var se = {
+var Me = {
   LABEL_FLOAT_ABOVE: "mdc-floating-label--float-above",
   LABEL_REQUIRED: "mdc-floating-label--required",
   LABEL_SHAKE: "mdc-floating-label--shake",
@@ -56,23 +58,23 @@ var se = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var G = (
+var he = (
   /** @class */
-  function(i) {
-    A(t, i);
-    function t(e) {
-      var o = i.call(this, T(T({}, t.defaultAdapter), e)) || this;
+  function(n) {
+    j(e, n);
+    function e(t) {
+      var o = n.call(this, S(S({}, e.defaultAdapter), t)) || this;
       return o.shakeAnimationEndHandler_ = function() {
         return o.handleShakeAnimationEnd_();
       }, o;
     }
-    return Object.defineProperty(t, "cssClasses", {
+    return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return se;
+        return Me;
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(t, "defaultAdapter", {
+    }), Object.defineProperty(e, "defaultAdapter", {
       /**
        * See {@link MDCFloatingLabelAdapter} for typing information on parameters and return types.
        */
@@ -93,26 +95,26 @@ var G = (
       },
       enumerable: !1,
       configurable: !0
-    }), t.prototype.init = function() {
+    }), e.prototype.init = function() {
       this.adapter.registerInteractionHandler("animationend", this.shakeAnimationEndHandler_);
-    }, t.prototype.destroy = function() {
+    }, e.prototype.destroy = function() {
       this.adapter.deregisterInteractionHandler("animationend", this.shakeAnimationEndHandler_);
-    }, t.prototype.getWidth = function() {
+    }, e.prototype.getWidth = function() {
       return this.adapter.getWidth();
-    }, t.prototype.shake = function(e) {
-      var o = t.cssClasses.LABEL_SHAKE;
-      e ? this.adapter.addClass(o) : this.adapter.removeClass(o);
-    }, t.prototype.float = function(e) {
-      var o = t.cssClasses, r = o.LABEL_FLOAT_ABOVE, s = o.LABEL_SHAKE;
-      e ? this.adapter.addClass(r) : (this.adapter.removeClass(r), this.adapter.removeClass(s));
-    }, t.prototype.setRequired = function(e) {
-      var o = t.cssClasses.LABEL_REQUIRED;
-      e ? this.adapter.addClass(o) : this.adapter.removeClass(o);
-    }, t.prototype.handleShakeAnimationEnd_ = function() {
-      var e = t.cssClasses.LABEL_SHAKE;
-      this.adapter.removeClass(e);
-    }, t;
-  }(K)
+    }, e.prototype.shake = function(t) {
+      var o = e.cssClasses.LABEL_SHAKE;
+      t ? this.adapter.addClass(o) : this.adapter.removeClass(o);
+    }, e.prototype.float = function(t) {
+      var o = e.cssClasses, r = o.LABEL_FLOAT_ABOVE, a = o.LABEL_SHAKE;
+      t ? this.adapter.addClass(r) : (this.adapter.removeClass(r), this.adapter.removeClass(a));
+    }, e.prototype.setRequired = function(t) {
+      var o = e.cssClasses.LABEL_REQUIRED;
+      t ? this.adapter.addClass(o) : this.adapter.removeClass(o);
+    }, e.prototype.handleShakeAnimationEnd_ = function() {
+      var t = e.cssClasses.LABEL_SHAKE;
+      this.adapter.removeClass(t);
+    }, e;
+  }(ce)
 );
 /**
  * @license
@@ -136,44 +138,44 @@ var G = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var ae = (
+var Be = (
   /** @class */
-  function(i) {
-    A(t, i);
-    function t() {
-      return i !== null && i.apply(this, arguments) || this;
+  function(n) {
+    j(e, n);
+    function e() {
+      return n !== null && n.apply(this, arguments) || this;
     }
-    return t.attachTo = function(e) {
-      return new t(e);
-    }, t.prototype.shake = function(e) {
-      this.foundation.shake(e);
-    }, t.prototype.float = function(e) {
-      this.foundation.float(e);
-    }, t.prototype.setRequired = function(e) {
-      this.foundation.setRequired(e);
-    }, t.prototype.getWidth = function() {
+    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();
-    }, t.prototype.getDefaultFoundation = function() {
-      var e = this, o = {
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, o = {
         addClass: function(r) {
-          return e.root.classList.add(r);
+          return t.root.classList.add(r);
         },
         removeClass: function(r) {
-          return e.root.classList.remove(r);
+          return t.root.classList.remove(r);
         },
         getWidth: function() {
-          return ee(e.root);
+          return $e(t.root);
         },
-        registerInteractionHandler: function(r, s) {
-          return e.listen(r, s);
+        registerInteractionHandler: function(r, a) {
+          return t.listen(r, a);
         },
-        deregisterInteractionHandler: function(r, s) {
-          return e.unlisten(r, s);
+        deregisterInteractionHandler: function(r, a) {
+          return t.unlisten(r, a);
         }
       };
-      return new G(o);
-    }, t;
-  }($)
+      return new he(o);
+    }, e;
+  }(de)
 );
 /**
  * @license
@@ -197,12 +199,12 @@ var ae = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Q = {
+var me = {
   NOTCH_ELEMENT_SELECTOR: ".mdc-notched-outline__notch"
-}, w = {
+}, ie = {
   // This should stay in sync with $mdc-notched-outline-padding * 2.
   NOTCH_ELEMENT_PADDING: 8
-}, F = {
+}, q = {
   NO_LABEL: "mdc-notched-outline--no-label",
   OUTLINE_NOTCHED: "mdc-notched-outline--notched",
   OUTLINE_UPGRADED: "mdc-notched-outline--upgraded"
@@ -229,32 +231,32 @@ var Q = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var le = (
+var je = (
   /** @class */
-  function(i) {
-    A(t, i);
-    function t(e) {
-      return i.call(this, T(T({}, t.defaultAdapter), e)) || this;
+  function(n) {
+    j(e, n);
+    function e(t) {
+      return n.call(this, S(S({}, e.defaultAdapter), t)) || this;
     }
-    return Object.defineProperty(t, "strings", {
+    return Object.defineProperty(e, "strings", {
       get: function() {
-        return Q;
+        return me;
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(t, "cssClasses", {
+    }), Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return F;
+        return q;
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(t, "numbers", {
+    }), Object.defineProperty(e, "numbers", {
       get: function() {
-        return w;
+        return ie;
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(t, "defaultAdapter", {
+    }), Object.defineProperty(e, "defaultAdapter", {
       /**
        * See {@link MDCNotchedOutlineAdapter} for typing information on parameters and return types.
        */
@@ -272,14 +274,14 @@ var le = (
       },
       enumerable: !1,
       configurable: !0
-    }), t.prototype.notch = function(e) {
-      var o = t.cssClasses.OUTLINE_NOTCHED;
-      e > 0 && (e += w.NOTCH_ELEMENT_PADDING), this.adapter.setNotchWidthProperty(e), this.adapter.addClass(o);
-    }, t.prototype.closeNotch = function() {
-      var e = t.cssClasses.OUTLINE_NOTCHED;
-      this.adapter.removeClass(e), this.adapter.removeNotchWidthProperty();
-    }, t;
-  }(K)
+    }), e.prototype.notch = function(t) {
+      var o = e.cssClasses.OUTLINE_NOTCHED;
+      t > 0 && (t += ie.NOTCH_ELEMENT_PADDING), this.adapter.setNotchWidthProperty(t), this.adapter.addClass(o);
+    }, e.prototype.closeNotch = function() {
+      var t = e.cssClasses.OUTLINE_NOTCHED;
+      this.adapter.removeClass(t), this.adapter.removeNotchWidthProperty();
+    }, e;
+  }(ce)
 );
 /**
  * @license
@@ -303,327 +305,334 @@ var le = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var ce = (
+var We = (
   /** @class */
-  function(i) {
-    A(t, i);
-    function t() {
-      return i !== null && i.apply(this, arguments) || this;
+  function(n) {
+    j(e, n);
+    function e() {
+      return n !== null && n.apply(this, arguments) || this;
     }
-    return t.attachTo = function(e) {
-      return new t(e);
-    }, t.prototype.initialSyncWithDOM = function() {
-      this.notchElement_ = this.root.querySelector(Q.NOTCH_ELEMENT_SELECTOR);
-      var e = this.root.querySelector("." + G.cssClasses.ROOT);
-      e ? (e.style.transitionDuration = "0s", this.root.classList.add(F.OUTLINE_UPGRADED), requestAnimationFrame(function() {
-        e.style.transitionDuration = "";
-      })) : this.root.classList.add(F.NO_LABEL);
-    }, t.prototype.notch = function(e) {
-      this.foundation.notch(e);
-    }, t.prototype.closeNotch = function() {
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, e.prototype.initialSyncWithDOM = function() {
+      this.notchElement_ = this.root.querySelector(me.NOTCH_ELEMENT_SELECTOR);
+      var t = this.root.querySelector("." + he.cssClasses.ROOT);
+      t ? (t.style.transitionDuration = "0s", this.root.classList.add(q.OUTLINE_UPGRADED), requestAnimationFrame(function() {
+        t.style.transitionDuration = "";
+      })) : this.root.classList.add(q.NO_LABEL);
+    }, e.prototype.notch = function(t) {
+      this.foundation.notch(t);
+    }, e.prototype.closeNotch = function() {
       this.foundation.closeNotch();
-    }, t.prototype.getDefaultFoundation = function() {
-      var e = this, o = {
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, o = {
         addClass: function(r) {
-          return e.root.classList.add(r);
+          return t.root.classList.add(r);
         },
         removeClass: function(r) {
-          return e.root.classList.remove(r);
+          return t.root.classList.remove(r);
         },
         setNotchWidthProperty: function(r) {
-          return e.notchElement_.style.setProperty("width", r + "px");
+          return t.notchElement_.style.setProperty("width", r + "px");
         },
         removeNotchWidthProperty: function() {
-          return e.notchElement_.style.removeProperty("width");
+          return t.notchElement_.style.removeProperty("width");
         }
       };
-      return new le(o);
-    }, t;
-  }($)
-);
-const de = {
+      return new je(o);
+    }, e;
+  }(de)
+), Ue = {
   /**
    * Content to be rendered inside the label. Expects a string, though accepts any valid markup.
    *
    * Defaults to **null**.
    */
-  children: n.node.isRequired,
+  children: i.node.isRequired,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: n.string,
+  className: i.string,
   /**
    * The label will appear in the floating state.
    *
    * Defaults to **false**.
    */
-  float: n.bool,
+  float: i.bool,
   /**
    * The id of the component to trigger on active
    *
    * Defaults to **empty string**.
    */
-  htmlFor: n.string,
+  htmlFor: i.string,
   /**
    * The label will shake briefly when set.
    *
    * Defaults to **false**.
    */
-  shake: n.bool
-}, ue = {
+  shake: i.bool
+}, qe = {
   children: null,
-  className: void 0,
-  float: !1,
-  htmlFor: "",
-  shake: !1
-}, H = /* @__PURE__ */ O((i, t) => {
-  const {
-    children: e,
-    htmlFor: o = "",
-    shake: r = !1,
-    float: s = !1,
-    className: h,
-    style: l,
-    ...c
-  } = i, p = m(), f = e, v = m();
-  return P(t, () => v.current, []), N(() => (p.current = ae.attachTo(v.current), () => {
-    p.current.destroy();
-  })), N(() => {
-    p.current.float(s);
-  }, [s]), /* @__PURE__ */ d.createElement("label", b({
-    ref: v,
-    htmlFor: o,
-    className: C("lmnt", "mdc-floating-label", s && "mdc-floating-label--float-above", r && "mdc-floating-label--shake", h)
+  className: void 0
+}, Ke = ["children", "htmlFor", "shake", "float", "className", "style"], U = qe, ve = /* @__PURE__ */ M(function(n, e) {
+  var t = n.children, o = t === void 0 ? U.children : t, r = n.htmlFor, a = r === void 0 ? "" : r, u = n.shake, _ = u === void 0 ? !1 : u, p = n.float, f = p === void 0 ? !1 : p, h = n.className, y = h === void 0 ? U.className : h, g = n.style, l = g === void 0 ? U.style : g, c = w(n, Ke), E = N(), C = o, b = N();
+  return B(e, function() {
+    return b.current;
+  }, []), A(function() {
+    return E.current = Be.attachTo(b.current), function() {
+      E.current.destroy();
+    };
+  }), A(function() {
+    E.current.float(f);
+  }, [f]), /* @__PURE__ */ d.createElement("label", P({
+    ref: b,
+    htmlFor: a,
+    className: H("lmnt", "mdc-floating-label", f && "mdc-floating-label--float-above", _ && "mdc-floating-label--shake", y)
   }, c, {
     style: l
-  }), f);
+  }), C);
 });
-H.displayName = "FloatingLabel";
-H.propTypes = de;
-H.defaultProps = ue;
-const pe = {
+ve.displayName = "FloatingLabel";
+ve.propTypes = Ue;
+var Ge = {
   /**
    * Content to be rendered inside the notched outline. Accepts a string.
    *
    * Defaults to **null**.
    */
-  children: n.node,
+  children: i.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: n.string,
+  className: i.string,
   /**
    * Determines if the notch is opened or closed.
    *
    * Defaults to **undefined**.
    */
-  closed: n.bool,
+  closed: i.bool,
+  /**
+   * Keep the outline, but prevent the notch (and label from showing up).
+   *
+   * Defaults to **undefined**.
+   */
+  outlineOnly: i.bool,
   /**
    *
    *
    * Defaults to **null**.
    */
-  width: n.number
-}, fe = {
+  width: i.number
+}, Qe = {
   children: null,
   className: void 0,
   closed: void 0,
+  outlineOnly: void 0,
   width: null
-}, k = /* @__PURE__ */ O((i, t) => {
-  const {
-    closed: e,
-    className: o,
-    children: r,
-    width: s,
-    ...h
-  } = i, l = m(), c = m();
-  return P(t, () => l.current, []), N(() => (c.current = ce.attachTo(l.current), () => {
-    c.current.destroy();
-  }), []), N(() => {
-    e !== void 0 && (e ? c.current.closeNotch() : c.current.notch());
-  }, [e]), N(() => {
-    s ? c.current.foundation.adapter.setNotchWidthProperty(s) : c.current.foundation.adapter.removeNotchWidthProperty();
-  }, [s]), /* @__PURE__ */ d.createElement("div", b({
-    className: C("lmnt", "mdc-notched-outline", o),
+}, Ve = ["closed", "className", "children", "outlineOnly", "width"], x = Qe, ye = /* @__PURE__ */ M(function(n, e) {
+  var t = n.closed, o = t === void 0 ? x.closed : t, r = n.className, a = r === void 0 ? x.className : r, u = n.children, _ = u === void 0 ? x.children : u, p = n.outlineOnly, f = p === void 0 ? x.outlineOnly : p, h = n.width, y = h === void 0 ? x.width : h, g = w(n, Ve), l = N(), c = N();
+  return B(e, function() {
+    return l.current;
+  }, []), A(function() {
+    return c.current = We.attachTo(l.current), function() {
+      c.current.destroy();
+    };
+  }, []), A(function() {
+    o !== void 0 && (o ? c.current.closeNotch() : c.current.notch());
+  }, [o]), A(function() {
+    y ? c.current.foundation.adapter.setNotchWidthProperty(y) : c.current.foundation.adapter.removeNotchWidthProperty();
+  }, [y]), /* @__PURE__ */ d.createElement("div", P({
+    className: H("lmnt", "mdc-notched-outline", a),
     ref: l
-  }, h), /* @__PURE__ */ d.createElement("div", {
+  }, g), /* @__PURE__ */ d.createElement("div", {
     className: "mdc-notched-outline__leading"
-  }), /* @__PURE__ */ d.createElement("div", {
+  }), !f && /* @__PURE__ */ d.createElement("div", {
     className: "mdc-notched-outline__notch"
-  }, r), /* @__PURE__ */ d.createElement("div", {
+  }, _), /* @__PURE__ */ d.createElement("div", {
     className: "mdc-notched-outline__trailing"
   }));
 });
-k.displayName = "NotchedOutline";
-k.propTypes = pe;
-k.defaultProps = fe;
-const me = {
+ye.displayName = "NotchedOutline";
+ye.propTypes = Ge;
+var ze = {
   /**
    * 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: n.node.isRequired,
+  children: i.node.isRequired,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: n.string,
+  className: i.string,
   /**
    * Container display type, inline or block.
    *
    * Defaults to **'inline'**.
    */
-  containerType: n.oneOf(["inline", "block"]),
+  containerType: i.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: n.bool,
+  hoisted: i.bool,
   /**
    * Randomly generated id. May be overwritten.
    *
    * Defaults to **undefined**.
    */
-  id: n.string,
+  id: i.string,
   /**
    * Fired when the trigger is interacted with.
    *
    * Defaults to **null**.
    */
-  onClick: n.func,
+  onClick: i.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: n.oneOfType([n.string, n.node]),
+  portalContainer: i.oneOfType([i.string, i.node]),
   /**
    * Position of tooltip. Options include: 'top', 'left', 'right', and 'bottom'(default).
    *
    * Defaults to **'bottom'**.
    */
-  position: n.oneOf(["bottom", "top", "left", "right"]),
+  position: i.oneOf(["bottom", "top", "left", "right"]),
   /**
    * string
    *
    * Defaults to **null**.
    */
-  text: n.oneOfType([n.string, n.func, n.node]).isRequired,
+  text: i.oneOfType([i.string, i.func, i.node]).isRequired,
   /**
    * Custom properties to apply to the hovering element.
    *
    * Defaults to **null**.
    */
-  tooltipProps: n.object,
+  tooltipProps: i.object,
   /**
    * Custom properties to apply to the trigger element.
    *
    * Defaults to **null**.
    */
-  triggerProps: n.object
-}, he = {
+  triggerProps: i.object
+}, Je = {
   children: void 0,
   className: void 0,
   containerType: "inline",
   hoisted: !1,
   id: void 0,
+  onClick: null,
   portalContainer: "document.body",
   position: "bottom",
   text: null,
   tooltipProps: null,
   triggerProps: null
-}, Ee = {
+}, Xe = {
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: n.string,
+  className: i.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: n.bool,
+  hoisted: i.bool,
   /**
    * Randomly generated id. May be overwritten.
    *
    * Defaults to **undefined**.
    */
-  id: n.string,
+  id: i.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: n.oneOfType([n.string, n.node]),
+  portalContainer: i.oneOfType([i.string, i.node]),
   /**
    * The text to be rendered inside of the Tooltip.
    *
    * Defaults to **null**.
    */
-  text: n.oneOfType([n.string, n.func, n.node]).isRequired
-}, ye = {
+  text: i.oneOfType([i.string, i.func, i.node]).isRequired
+}, Ye = {
   className: void 0,
   hoisted: !1,
   id: void 0,
   portalContainer: "document.body",
   text: null
-}, R = /* @__PURE__ */ O((i, t) => {
-  const {
-    className: e,
-    hoisted: o,
-    id: r,
-    portalContainer: s,
-    text: h,
-    ...l
-  } = i, [c] = U(() => r || j()), p = m();
-  P(t, () => p.current, []);
-  const f = q(() => C(["lmnt", e, "lmnt-tooltip__text-content", "mdc-typography--caption"]), [e]);
-  return /* @__PURE__ */ d.createElement(re, {
-    disabled: !o,
-    container: s
-  }, /* @__PURE__ */ d.createElement("div", b({
+}, Ze = ["className", "hoisted", "id", "portalContainer", "text"], F = Ye, K = /* @__PURE__ */ M(function(n, e) {
+  var t = n.className, o = t === void 0 ? F.className : t, r = n.hoisted, a = r === void 0 ? F.hoisted : r, u = n.id, _ = u === void 0 ? F.id : u, p = n.portalContainer, f = p === void 0 ? F.portalContainer : p, h = n.text, y = h === void 0 ? F.text : h, g = w(n, Ze), l = se(function() {
+    return _ || fe();
+  }), c = pe(l, 1), E = c[0], C = N();
+  B(e, function() {
+    return C.current;
+  }, []);
+  var b = le(function() {
+    return H(["lmnt", o, "lmnt-tooltip__text-content", "mdc-typography--caption"]);
+  }, [o]);
+  return /* @__PURE__ */ d.createElement(Fe, {
+    disabled: !a,
+    container: f
+  }, /* @__PURE__ */ d.createElement("div", P({
     role: "tooltip",
-    id: c,
-    className: f
-  }, l, {
-    ref: p
-  }), h));
+    id: E,
+    className: b
+  }, g, {
+    ref: C
+  }), y));
 });
-R.displayName = "TooltipText";
-R.propTypes = Ee;
-R.defaultProps = ye;
-const I = /* @__PURE__ */ O((i, t) => {
-  const {
-    children: e,
-    className: o,
-    containerType: r,
-    hoisted: s,
-    id: h,
-    onClick: l,
-    portalContainer: c,
-    position: p,
-    text: f,
-    tooltipProps: v,
-    triggerProps: V,
-    ...z
-  } = i, D = m(), E = m(), L = m();
-  P(t, () => E.current, []);
-  const [y] = U(() => h || j()), J = _(() => {
+K.displayName = "TooltipText";
+K.propTypes = Xe;
+var et = ["children", "className", "containerType", "hoisted", "id", "onClick", "portalContainer", "position", "text", "tooltipProps", "triggerProps"];
+function ae(n, e) {
+  var t = Ae(n);
+  if (ne) {
+    var o = ne(n);
+    e && (o = xe(o).call(o, function(r) {
+      return ue(n, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function I(n) {
+  for (var e = 1; e < arguments.length; e++) {
+    var t, o, r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Z(t = ae(Object(r), !0)).call(t, function(a) {
+      De(n, a, r[a]);
+    }) : te ? Re(n, te(r)) : Z(o = ae(Object(r))).call(o, function(a) {
+      ke(n, a, ue(r, a));
+    });
+  }
+  return n;
+}
+var v = Je, ge = /* @__PURE__ */ M(function(n, e) {
+  var t = n.children, o = t === void 0 ? v.children : t, r = n.className, a = r === void 0 ? v.className : r, u = n.containerType, _ = u === void 0 ? v.containerType : u, p = n.hoisted, f = p === void 0 ? v.hoisted : p, h = n.id, y = h === void 0 ? v.id : h, g = n.onClick, l = g === void 0 ? v.onClick : g, c = n.portalContainer, E = c === void 0 ? v.portalContainer : c, C = n.position, b = C === void 0 ? v.position : C, G = n.text, $ = G === void 0 ? v.text : G, Q = n.tooltipProps, _e = Q === void 0 ? v.tooltipProps : Q, V = n.triggerProps, be = V === void 0 ? v.triggerProps : V, Ne = w(n, et), W = N(), O = N(), D = N();
+  B(e, function() {
+    return O.current;
+  }, []);
+  var Ee = se(function() {
+    return y || fe();
+  }), Ce = pe(Ee, 1), T = Ce[0], Oe = k(function() {
     l?.();
-  }, [l]), X = _((a) => {
-    a.key === "Enter" && l?.();
+  }, [l]), Te = k(function(s) {
+    s.key === "Enter" && l?.();
   }, [l]);
-  te(() => {
-    const a = [{
+  He(function() {
+    var s = [{
       name: "flip",
       options: {
         enabled: !0,
@@ -633,92 +642,99 @@ const I = /* @__PURE__ */ O((i, t) => {
         }
       }
     }];
-    return s ? a.push({
+    return f ? s.push({
       name: "offset",
       options: {
         offset: [0, 6]
       }
-    }) : a.push({
+    }) : s.push({
       name: "offset",
       options: {
         offset: [0, 12]
       }
-    }), D.current && E.current && (L.current = ie(D.current, E.current, {
-      placement: p,
-      modifiers: a
-    })), () => {
-      var u;
-      (u = L.current) === null || u === void 0 || u.destroy();
+    }), W.current && O.current && (D.current = we(W.current, O.current, {
+      placement: b,
+      modifiers: s
+    })), function() {
+      var m;
+      (m = D.current) === null || m === void 0 || m.destroy();
     };
-  }, [p, s]);
-  const x = _(() => {
-    var a, u, g;
-    (a = E.current) === null || a === void 0 || a.setAttribute("data-show", ""), (u = L.current) === null || u === void 0 || u.setOptions((S) => ({
-      ...S,
-      modifiers: [...S.modifiers, {
-        name: "eventListeners",
-        enabled: !0
-      }]
-    })), (g = L.current) === null || g === void 0 || g.update();
-  }, []), M = _(() => {
-    var a, u;
-    (a = E.current) === null || a === void 0 || a.removeAttribute("data-show"), (u = L.current) === null || u === void 0 || u.setOptions((g) => ({
-      ...g,
-      modifiers: [...g.modifiers, {
-        name: "eventListeners",
-        enabled: !1
-      }]
-    }));
-  }, []), B = _(() => {
-    const a = e;
-    return a.type ? a.type === W : a === W;
-  }, [e]);
-  N(() => {
-    const a = `Tooltips should only include short text for additional context and should not exceed three lines visually. (Toolitip ID ${y}).`;
-    f && f.length > 100 && ne(a);
-  }, [f, y]);
-  const Y = q(
+  }, [b, f]);
+  var z = k(function() {
+    var s, m, L;
+    (s = O.current) === null || s === void 0 || s.setAttribute("data-show", ""), (m = D.current) === null || m === void 0 || m.setOptions(function(R) {
+      var Y;
+      return I(I({}, R), {}, {
+        modifiers: re(Y = []).call(Y, oe(R.modifiers), [{
+          name: "eventListeners",
+          enabled: !0
+        }])
+      });
+    }), (L = D.current) === null || L === void 0 || L.update();
+  }, []), J = k(function() {
+    var s, m;
+    (s = O.current) === null || s === void 0 || s.removeAttribute("data-show"), (m = D.current) === null || m === void 0 || m.setOptions(function(L) {
+      var R;
+      return I(I({}, L), {}, {
+        modifiers: re(R = []).call(R, oe(L.modifiers), [{
+          name: "eventListeners",
+          enabled: !1
+        }])
+      });
+    });
+  }, []), X = k(function() {
+    var s = o;
+    return s.type ? s.type === ee : s === ee;
+  }, [o]);
+  A(function() {
+    var s = "Tooltips should only include short text for additional context and should not exceed three lines visually. (Toolitip ID ".concat(T, ").");
+    $ && $.length > 100 && Ie(s);
+  }, [$, T]);
+  var Le = le(
     // eslint-disable-next-line react/no-unstable-nested-components
-    () => () => e ? typeof e == "string" || B(e) ? /* @__PURE__ */ d.createElement("span", {
-      "aria-describedby": y
-    }, e) : oe(e, {
-      "aria-describedby": y
-    }) : null,
-    [e, y, B]
-  ), Z = l ? {
+    function() {
+      return function() {
+        return o ? typeof o == "string" || X(o) ? /* @__PURE__ */ d.createElement("span", {
+          "aria-describedby": T
+        }, o) : Se(o, {
+          "aria-describedby": T
+        }) : null;
+      };
+    },
+    [o, T, X]
+  ), Pe = l ? {
     tabIndex: 0,
     role: l ? "button" : "note",
-    onKeyPress: X,
-    onClick: J
+    onKeyPress: Te,
+    onClick: Oe
   } : {};
-  return /* @__PURE__ */ d.createElement("span", b({
-    className: C("lmnt lmnt-tooltip", r === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
-  }, Z, z), /* @__PURE__ */ d.createElement("span", b({
-    className: C("lmnt-tooltip__content", r === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
-  }, V, {
-    ref: D,
-    onMouseEnter: x,
-    onFocus: x,
-    onMouseLeave: M,
-    onBlur: M
-  }), /* @__PURE__ */ d.createElement(Y, null)), f && /* @__PURE__ */ d.createElement(R, b({
-    hoisted: s,
-    portalContainer: c,
+  return /* @__PURE__ */ d.createElement("span", P({
+    className: H("lmnt lmnt-tooltip", _ === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
+  }, Pe, Ne), /* @__PURE__ */ d.createElement("span", P({
+    className: H("lmnt-tooltip__content", _ === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
+  }, be, {
+    ref: W,
+    onMouseEnter: z,
+    onFocus: z,
+    onMouseLeave: J,
+    onBlur: J
+  }), /* @__PURE__ */ d.createElement(Le, null)), $ && /* @__PURE__ */ d.createElement(K, P({
+    hoisted: f,
+    portalContainer: E,
     role: "tooltip",
-    id: y,
-    className: o
-  }, v, {
-    ref: E,
-    text: f
+    id: T,
+    className: a
+  }, _e, {
+    ref: O,
+    text: $
   })));
 });
-I.displayName = "Tooltip";
-I.propTypes = me;
-I.defaultProps = he;
+ge.displayName = "Tooltip";
+ge.propTypes = ze;
 export {
-  H as F,
-  ae as M,
-  k as N,
-  R as T,
-  ce as a
+  ve as F,
+  Be as M,
+  ye as N,
+  K as T,
+  We as a
 };