@hortiview/shared-components 0.0.4624 → 0.0.4721

package/dist/index.es-DVNdCQvl.js

@@ -0,0 +1,1192 @@
+import { P as n, a as pe, c as O, _ as I, e as j, g as fe, h as ae, u as me, i as he } from "./index.es-BahjEG5L.js";
+import { I as ge, c as be } from "./index.es-3I3oam0G.js";
+import p, { forwardRef as S, useRef as h, useImperativeHandle as M, useEffect as L, useState as J, useMemo as ie, useCallback as w, Fragment as oe } from "react";
+import { c as H, _ as F } from "./tslib.es6-BOWp4lfV.js";
+import { a as X, M as le, b as Y, e as ye } from "./component-DCtofpGS.js";
+import ve from "react-dom";
+/**
+ * @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 U = {
+  ICON_BUTTON_ON: "mdc-icon-button--on",
+  ROOT: "mdc-icon-button"
+}, E = {
+  ARIA_LABEL: "aria-label",
+  ARIA_PRESSED: "aria-pressed",
+  DATA_ARIA_LABEL_OFF: "data-aria-label-off",
+  DATA_ARIA_LABEL_ON: "data-aria-label-on",
+  CHANGE_EVENT: "MDCIconButtonToggle:change"
+};
+/**
+ * @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(a) {
+    H(t, a);
+    function t(e) {
+      var o = a.call(this, F(F({}, t.defaultAdapter), e)) || this;
+      return o.hasToggledAriaLabel = !1, o;
+    }
+    return Object.defineProperty(t, "cssClasses", {
+      get: function() {
+        return U;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "strings", {
+      get: function() {
+        return E;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          hasClass: function() {
+            return !1;
+          },
+          notifyChange: function() {
+          },
+          removeClass: function() {
+          },
+          getAttr: function() {
+            return null;
+          },
+          setAttr: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t.prototype.init = function() {
+      var e = this.adapter.getAttr(E.DATA_ARIA_LABEL_ON), o = this.adapter.getAttr(E.DATA_ARIA_LABEL_OFF);
+      if (e && o) {
+        if (this.adapter.getAttr(E.ARIA_PRESSED) !== null)
+          throw new Error("MDCIconButtonToggleFoundation: Button should not set `aria-pressed` if it has a toggled aria label.");
+        this.hasToggledAriaLabel = !0;
+      } else
+        this.adapter.setAttr(E.ARIA_PRESSED, String(this.isOn()));
+    }, t.prototype.handleClick = function() {
+      this.toggle(), this.adapter.notifyChange({ isOn: this.isOn() });
+    }, t.prototype.isOn = function() {
+      return this.adapter.hasClass(U.ICON_BUTTON_ON);
+    }, t.prototype.toggle = function(e) {
+      if (e === void 0 && (e = !this.isOn()), e ? this.adapter.addClass(U.ICON_BUTTON_ON) : this.adapter.removeClass(U.ICON_BUTTON_ON), this.hasToggledAriaLabel) {
+        var o = e ? this.adapter.getAttr(E.DATA_ARIA_LABEL_ON) : this.adapter.getAttr(E.DATA_ARIA_LABEL_OFF);
+        this.adapter.setAttr(E.ARIA_LABEL, o || "");
+      } else
+        this.adapter.setAttr(E.ARIA_PRESSED, "" + e);
+    }, t;
+  }(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 Ae = se.strings, _e = (
+  /** @class */
+  function(a) {
+    H(t, a);
+    function t() {
+      var e = a !== null && a.apply(this, arguments) || this;
+      return e.rippleComponent = e.createRipple(), e;
+    }
+    return t.attachTo = function(e) {
+      return new t(e);
+    }, t.prototype.initialSyncWithDOM = function() {
+      var e = this;
+      this.handleClick = function() {
+        e.foundation.handleClick();
+      }, this.listen("click", this.handleClick);
+    }, t.prototype.destroy = function() {
+      this.unlisten("click", this.handleClick), this.ripple.destroy(), a.prototype.destroy.call(this);
+    }, t.prototype.getDefaultFoundation = function() {
+      var e = this, o = {
+        addClass: function(r) {
+          return e.root.classList.add(r);
+        },
+        hasClass: function(r) {
+          return e.root.classList.contains(r);
+        },
+        notifyChange: function(r) {
+          e.emit(Ae.CHANGE_EVENT, r);
+        },
+        removeClass: function(r) {
+          return e.root.classList.remove(r);
+        },
+        getAttr: function(r) {
+          return e.root.getAttribute(r);
+        },
+        setAttr: function(r, i) {
+          return e.root.setAttribute(r, i);
+        }
+      };
+      return new se(o);
+    }, Object.defineProperty(t.prototype, "ripple", {
+      get: function() {
+        return this.rippleComponent;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t.prototype, "on", {
+      get: function() {
+        return this.foundation.isOn();
+      },
+      set: function(e) {
+        this.foundation.toggle(e);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t.prototype.createRipple = function() {
+      var e = new le(this.root);
+      return e.unbounded = !0, e;
+    }, t;
+  }(Y)
+);
+const Ee = {
+  /**
+   * Programmatically sets the toggle state of the button when used as a toggle button. If not set, the toggle state will be managed internally.
+   *
+   * Defaults to **false**.
+   */
+  active: n.bool,
+  /**
+   * Accessibility label for assistive technologies.
+   *
+   * Defaults to **null**.
+   */
+  ariaLabel: n.string,
+  /**
+   * Id of an element serving as a label for this IconButton instance. Used by assistive technologies.
+   *
+   * Defaults to **null**.
+   */
+  ariaLabelledBy: n.string,
+  /**
+   * The custom icon button notification badge to be rendered.
+   *
+   * Defaults to **undefined**.
+   */
+  badge: n.node,
+  /**
+   * The placement of the notification badge on the icon to start.  It will flip to the opposite side if there is no room.
+   *
+   * Defaults to **'right-start'**.
+   */
+  badgePlacement: n.oneOf(["right-start", "left-start"]),
+  /**
+   * The content when when using the IconButton normally. Expects an `Icon` component. For toggle button functionality, use `toggleOn` and `toggleOff` instead.
+   *
+   * Defaults to **null**.
+   */
+  children: n.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: n.string,
+  /**
+   * Enables a smaller IconButton.
+   *
+   * Defaults to **false**.
+   */
+  dense: n.bool,
+  /**
+   * Disables the icon button.
+   *
+   * Defaults to **false**.
+   */
+  disabled: n.bool,
+  /**
+   * For simple use-cases, this will automatically create the icon object. Does not work with `toggle='true'`
+   *
+   * Defaults to **null**.
+   */
+  icon: n.oneOfType([n.string, n.node]),
+  /**
+   * One of 'xsmall', 'small', 'medium', 'large', and 'xlarge' will change the size of the icon. Defaults to medium.
+   *
+   * Defaults to **'medium'**.
+   */
+  iconSize: n.oneOf(["xsmall", "small", "medium", "large", "xlarge"]),
+  /**
+   * The icon type to be rendered. Not all icons have every type. To see which icons are available for different types see [Material Icons docs](https://material.io/tools/icons)
+   *
+   * Defaults to **'filled'**.
+   */
+  iconType: n.oneOf(["filled", "outlined", "rounded", "two-tone", "sharp"]),
+  /**
+   * Fired when the user clicks the IconButton, will return toggle state, if applicable.
+   *
+   * Defaults to **null**.
+   */
+  onClick: n.func,
+  /**
+   * TabIndex of the button.
+   *
+   * Defaults to **0**.
+   */
+  tabIndex: n.number,
+  /**
+   * The content to be rendered when the `IconButton` is toggled off. Expects an `Icon` component. The typical use case for a toggle button would be to set an Icon for `toggleOn` and `toggleOff`, leaving children blank.
+   *
+   * Defaults to **null**.
+   */
+  toggleOff: n.node,
+  /**
+   * The `aria-label` value to be read by a screen-reader when the button is toggled off. Example 'Add to Favorites'. Alternatively, `toggleOffAriaLabelledBy` may be used instead.
+   *
+   * Defaults to **null**.
+   */
+  toggleOffAriaLabel: n.string,
+  /**
+   * The `aria-labelledby`value when the button is toggled on. This should be the `id `of a parent element to be read by a screen reader instead of `aria-label`.
+   *
+   * Defaults to **null**.
+   */
+  toggleOffAriaLabelledBy: n.string,
+  /**
+   * The content to be rendered when the `IconButton` is toggled on. Expects an `Icon` component. The typical use case for a toggle button would be to set an Icon for `toggleOn` and `toggleOff`, leaving children blank.
+   *
+   * Defaults to **null**.
+   */
+  toggleOn: n.node,
+  /**
+   * The `aria-label` value to be read by a screen-reader when the button is toggled on. Example 'Remove from Favorites'. Alternatively, `toggleOnAriaLabelledBy` may be used instead.
+   *
+   * Defaults to **null**.
+   */
+  toggleOnAriaLabel: n.string,
+  /**
+   * The `aria-labelledby`value when the button is toggled on. This should be the `id` of a parent element to be read by a screen reader instead of `aria-label`.
+   *
+   * Defaults to **null**.
+   */
+  toggleOnAriaLabelledBy: n.string,
+  /**
+   * Variants prefixed with `filled-` will add a background color to the icon according to the theme. Variants prefixed with ` color-` will change the color of the icon according to the theme.
+   *
+   * Defaults to **empty string**.
+   */
+  variant: pe(n.oneOf(["", "filled-danger-alt", "filled-danger", "filled-primary", "filled-secondary", "color-primary", "color-secondary", "color-on-dark", "color-on-unknown-black"]), ["primary-alt", "secondary-alt", "primary", "danger-alt", "danger"], "IconButton", "Please use one of '','filled-danger-alt','filled-danger','filled-primary','filled-secondary','color-primary','color-secondary','color-on-dark','color-on-unknown-black'.")
+}, Oe = {
+  active: !1,
+  ariaLabel: null,
+  ariaLabelledBy: null,
+  badge: void 0,
+  badgePlacement: "right-start",
+  children: null,
+  className: void 0,
+  dense: !1,
+  disabled: !1,
+  icon: null,
+  iconSize: "medium",
+  iconType: "filled",
+  tabIndex: 0,
+  toggleOff: null,
+  toggleOffAriaLabel: null,
+  toggleOffAriaLabelledBy: null,
+  toggleOn: null,
+  toggleOnAriaLabel: null,
+  toggleOnAriaLabelledBy: null,
+  variant: ""
+}, Z = /* @__PURE__ */ S((a, t) => {
+  const {
+    active: e,
+    ariaLabel: o,
+    ariaLabelledBy: r,
+    badge: i,
+    badgePlacement: g,
+    children: c,
+    className: f,
+    dense: b,
+    disabled: y,
+    icon: C,
+    iconSize: G,
+    iconType: V,
+    onClick: R,
+    tabIndex: T,
+    toggleOff: N,
+    toggleOffAriaLabel: _,
+    toggleOffAriaLabelledBy: x,
+    toggleOn: $,
+    toggleOnAriaLabel: D,
+    toggleOnAriaLabelledBy: B,
+    variant: s,
+    ...z
+  } = a, k = h(), d = h(), u = h(), m = $ && N;
+  M(t, () => k.current, []);
+  const W = O("lmnt", "lmnt-icon-button", "mdc-icon-button", b && "lmnt-icon-button--dense", (s === "primary" || s === "primary-alt" || s === "secondary" || s === "danger" || s === "danger-alt" || s === "filled-primary" || s === "filled-primary-alt" || s === "filled-secondary" || s === "filled-danger" || s === "filled-danger-alt") && "lmnt-icon-button--fill", (s === "danger-alt" || s === "filled-danger-alt") && "lmnt-icon-button--fill-danger-alt", (s === "danger" || s === "filled-danger") && "lmnt-icon-button--fill-danger", (s === "primary" || s === "filled-primary") && "lmnt-icon-button--fill-primary", (s === "primary-alt" || s === "filled-secondary") && "lmnt-icon-button--fill-secondary", (s === "secondary-alt" || s === "color-on-dark") && "lmnt-icon-button--color-on-dark", s === "color-primary" && "lmnt-icon-button--color-primary", s === "color-secondary" && "lmnt-icon-button--color-secondary", s === "color-on-unknown-black" && "lmnt-icon-button--on-unknown-black", f);
+  L(() => (m ? u.current = _e.attachTo(k.current) : (d.current = le.attachTo(k.current), d.current.unbounded = !0), () => {
+    m ? u.current.destroy() : d.current.destroy();
+  }), [u, m, d]), L(() => {
+    m && (u.current.on = e);
+  }, [e, m, u]);
+  const ue = (l) => {
+    R && R(m ? u.current.on : l);
+  };
+  return /* @__PURE__ */ p.createElement("button", I({
+    "aria-label": o,
+    "aria-labelledby": r,
+    "data-aria-label-on": D || B || o,
+    "data-aria-label-off": _ || x || o,
+    onClick: ue,
+    ref: k,
+    className: W,
+    disabled: y,
+    tabIndex: T
+  }, z), C && /* @__PURE__ */ p.createElement(ge, {
+    badge: i,
+    badgePlacement: g,
+    icon: C,
+    iconSize: G,
+    iconType: V
+  }), c && j(c, (l) => {
+    var v, A;
+    return {
+      className: O("mdc-icon-button__icon", l == null || (v = l.props) === null || v === void 0 ? void 0 : v.className),
+      "aria-hidden": (l == null || (A = l.props) === null || A === void 0 ? void 0 : A["aria-hidden"]) || o || r
+    };
+  }), m && j($, (l) => {
+    var v, A, P;
+    return {
+      className: O("mdc-icon-button__icon mdc-icon-button__icon--on", l == null || (v = l.props) === null || v === void 0 ? void 0 : v.className),
+      "aria-label": (l == null || (A = l.props) === null || A === void 0 ? void 0 : A["aria-label"]) || D || B || o,
+      "aria-hidden": (l == null || (P = l.props) === null || P === void 0 ? void 0 : P["aria-hidden"]) || D || B || o
+    };
+  }), m && j(N, (l) => {
+    var v, A, P;
+    return {
+      className: O("mdc-icon-button__icon", l == null || (v = l.props) === null || v === void 0 ? void 0 : v.className),
+      "aria-label": (l == null || (A = l.props) === null || A === void 0 ? void 0 : A["aria-label"]) || _ || x || o,
+      "aria-hidden": (l == null || (P = l.props) === null || P === void 0 ? void 0 : P["aria-hidden"]) || _ || x || o
+    };
+  }));
+});
+Z.displayName = "IconButton";
+Z.propTypes = Ee;
+Z.defaultProps = Oe;
+/**
+ * @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 Le = {
+  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 de = (
+  /** @class */
+  function(a) {
+    H(t, a);
+    function t(e) {
+      var o = a.call(this, F(F({}, t.defaultAdapter), e)) || this;
+      return o.shakeAnimationEndHandler_ = function() {
+        return o.handleShakeAnimationEnd_();
+      }, o;
+    }
+    return Object.defineProperty(t, "cssClasses", {
+      get: function() {
+        return Le;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "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
+    }), t.prototype.init = function() {
+      this.adapter.registerInteractionHandler("animationend", this.shakeAnimationEndHandler_);
+    }, t.prototype.destroy = function() {
+      this.adapter.deregisterInteractionHandler("animationend", this.shakeAnimationEndHandler_);
+    }, t.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, i = o.LABEL_SHAKE;
+      e ? this.adapter.addClass(r) : (this.adapter.removeClass(r), this.adapter.removeClass(i));
+    }, 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;
+  }(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 = (
+  /** @class */
+  function(a) {
+    H(t, a);
+    function t() {
+      return a !== null && a.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 this.foundation.getWidth();
+    }, t.prototype.getDefaultFoundation = function() {
+      var e = this, o = {
+        addClass: function(r) {
+          return e.root.classList.add(r);
+        },
+        removeClass: function(r) {
+          return e.root.classList.remove(r);
+        },
+        getWidth: function() {
+          return ye(e.root);
+        },
+        registerInteractionHandler: function(r, i) {
+          return e.listen(r, i);
+        },
+        deregisterInteractionHandler: function(r, i) {
+          return e.unlisten(r, i);
+        }
+      };
+      return new de(o);
+    }, t;
+  }(Y)
+);
+/**
+ * @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 ce = {
+  NOTCH_ELEMENT_SELECTOR: ".mdc-notched-outline__notch"
+}, re = {
+  // This should stay in sync with $mdc-notched-outline-padding * 2.
+  NOTCH_ELEMENT_PADDING: 8
+}, Q = {
+  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 Te = (
+  /** @class */
+  function(a) {
+    H(t, a);
+    function t(e) {
+      return a.call(this, F(F({}, t.defaultAdapter), e)) || this;
+    }
+    return Object.defineProperty(t, "strings", {
+      get: function() {
+        return ce;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "cssClasses", {
+      get: function() {
+        return Q;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "numbers", {
+      get: function() {
+        return re;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "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
+    }), t.prototype.notch = function(e) {
+      var o = t.cssClasses.OUTLINE_NOTCHED;
+      e > 0 && (e += re.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;
+  }(X)
+);
+/**
+ * @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 Ne = (
+  /** @class */
+  function(a) {
+    H(t, a);
+    function t() {
+      return a !== null && a.apply(this, arguments) || this;
+    }
+    return t.attachTo = function(e) {
+      return new t(e);
+    }, t.prototype.initialSyncWithDOM = function() {
+      this.notchElement_ = this.root.querySelector(ce.NOTCH_ELEMENT_SELECTOR);
+      var e = this.root.querySelector("." + de.cssClasses.ROOT);
+      e ? (e.style.transitionDuration = "0s", this.root.classList.add(Q.OUTLINE_UPGRADED), requestAnimationFrame(function() {
+        e.style.transitionDuration = "";
+      })) : this.root.classList.add(Q.NO_LABEL);
+    }, t.prototype.notch = function(e) {
+      this.foundation.notch(e);
+    }, t.prototype.closeNotch = function() {
+      this.foundation.closeNotch();
+    }, t.prototype.getDefaultFoundation = function() {
+      var e = this, o = {
+        addClass: function(r) {
+          return e.root.classList.add(r);
+        },
+        removeClass: function(r) {
+          return e.root.classList.remove(r);
+        },
+        setNotchWidthProperty: function(r) {
+          return e.notchElement_.style.setProperty("width", r + "px");
+        },
+        removeNotchWidthProperty: function() {
+          return e.notchElement_.style.removeProperty("width");
+        }
+      };
+      return new Te(o);
+    }, t;
+  }(Y)
+);
+const Pe = {
+  /**
+   * Content to be rendered inside the portal.
+   *
+   * Defaults to **null**.
+   */
+  children: n.node,
+  /**
+   * Disables the portal to rendering children in the natural flow of the DOM.
+   *
+   * Defaults to **false**.
+   */
+  disabled: n.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: n.oneOfType([n.string, n.node])
+}, Ie = {
+  children: null,
+  disabled: !1,
+  portalContainer: "document.body"
+}, q = /* @__PURE__ */ S((a, t) => {
+  const [e, o] = J(document.body), {
+    children: r,
+    container: i,
+    disabled: g
+  } = a, c = h();
+  return M(t, () => c.current, []), L(() => {
+    if (typeof i == "string")
+      if (i === "document.body")
+        o(document.body);
+      else {
+        const f = fe(i);
+        o(f || document.body);
+      }
+    else
+      o(i || document.body);
+  }, [i]), // eslint-disable-next-line react/jsx-no-useless-fragment
+  /* @__PURE__ */ p.createElement(p.Fragment, null, g ? r : /* @__PURE__ */ ve.createPortal(r, e));
+});
+q.displayName = "Portal";
+q.propTypes = Pe;
+q.defaultProps = Ie;
+var Re = /* @__PURE__ */ p.memo(q);
+const De = {
+  /**
+   * 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,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: n.string,
+  /**
+   * Container display type, inline or block.
+   *
+   * Defaults to **'inline'**.
+   */
+  containerType: n.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,
+  /**
+   * Randomly generated id. May be overwritten.
+   *
+   * Defaults to **undefined**.
+   */
+  id: n.string,
+  /**
+   * Fired when the trigger is interacted with.
+   *
+   * Defaults to **null**.
+   */
+  onClick: n.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]),
+  /**
+   * Position of tooltip. Options include: 'top', 'left', 'right', and 'bottom'(default).
+   *
+   * Defaults to **'bottom'**.
+   */
+  position: n.oneOf(["bottom", "top", "left", "right"]),
+  /**
+   * string
+   *
+   * Defaults to **null**.
+   */
+  text: n.oneOfType([n.string, n.func, n.node]).isRequired,
+  /**
+   * Custom properties to apply to the hovering element.
+   *
+   * Defaults to **null**.
+   */
+  tooltipProps: n.object,
+  /**
+   * Custom properties to apply to the trigger element.
+   *
+   * Defaults to **null**.
+   */
+  triggerProps: n.object
+}, Be = {
+  children: void 0,
+  className: void 0,
+  containerType: "inline",
+  hoisted: !1,
+  id: void 0,
+  portalContainer: "document.body",
+  position: "bottom",
+  text: null,
+  tooltipProps: null,
+  triggerProps: null
+}, ke = {
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: n.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,
+  /**
+   * Randomly generated id. May be overwritten.
+   *
+   * Defaults to **undefined**.
+   */
+  id: n.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]),
+  /**
+   * The text to be rendered inside of the Tooltip.
+   *
+   * Defaults to **null**.
+   */
+  text: n.oneOfType([n.string, n.func, n.node]).isRequired
+}, Fe = {
+  className: void 0,
+  hoisted: !1,
+  id: void 0,
+  portalContainer: "document.body",
+  text: null
+}, K = /* @__PURE__ */ S((a, t) => {
+  const {
+    className: e,
+    hoisted: o,
+    id: r,
+    portalContainer: i,
+    text: g,
+    ...c
+  } = a, [f] = J(() => r || ae()), b = h();
+  M(t, () => b.current, []);
+  const y = ie(() => O(["lmnt", e, "lmnt-tooltip__text-content", "mdc-typography--caption"]), [e]);
+  return /* @__PURE__ */ p.createElement(Re, {
+    disabled: !o,
+    container: i
+  }, /* @__PURE__ */ p.createElement("div", I({
+    role: "tooltip",
+    id: f,
+    className: y
+  }, c, {
+    ref: b
+  }), g));
+});
+K.displayName = "TooltipText";
+K.propTypes = ke;
+K.defaultProps = Fe;
+const ee = /* @__PURE__ */ S((a, t) => {
+  const {
+    children: e,
+    className: o,
+    containerType: r,
+    hoisted: i,
+    id: g,
+    onClick: c,
+    portalContainer: f,
+    position: b,
+    text: y,
+    tooltipProps: C,
+    triggerProps: G,
+    ...V
+  } = a, R = h(), T = h(), N = h();
+  M(t, () => T.current, []);
+  const [_] = J(() => g || ae()), x = w(() => {
+    c?.();
+  }, [c]), $ = w((d) => {
+    d.key === "Enter" && c?.();
+  }, [c]);
+  me(() => {
+    const d = [{
+      name: "flip",
+      options: {
+        enabled: !0,
+        padding: {
+          bottom: 32,
+          top: 32
+        }
+      }
+    }];
+    return i ? d.push({
+      name: "offset",
+      options: {
+        offset: [0, 6]
+      }
+    }) : d.push({
+      name: "offset",
+      options: {
+        offset: [0, 12]
+      }
+    }), R.current && T.current && (N.current = be(R.current, T.current, {
+      placement: b,
+      modifiers: d
+    })), () => {
+      var u;
+      (u = N.current) === null || u === void 0 || u.destroy();
+    };
+  }, [b, i]);
+  const D = w(() => {
+    var d, u, m;
+    (d = T.current) === null || d === void 0 || d.setAttribute("data-show", ""), (u = N.current) === null || u === void 0 || u.setOptions((W) => ({
+      ...W,
+      modifiers: [...W.modifiers, {
+        name: "eventListeners",
+        enabled: !0
+      }]
+    })), (m = N.current) === null || m === void 0 || m.update();
+  }, []), B = w(() => {
+    var d, u;
+    (d = T.current) === null || d === void 0 || d.removeAttribute("data-show"), (u = N.current) === null || u === void 0 || u.setOptions((m) => ({
+      ...m,
+      modifiers: [...m.modifiers, {
+        name: "eventListeners",
+        enabled: !1
+      }]
+    }));
+  }, []), s = w(() => {
+    const d = e;
+    return d.type ? d.type === oe : d === oe;
+  }, [e]);
+  L(() => {
+    const d = `Tooltips should only include short text for additional context and should not exceed three lines visually. (Toolitip ID ${_}).`;
+    y && y.length > 100 && he(d);
+  }, [y, _]);
+  const z = ie(
+    // eslint-disable-next-line react/no-unstable-nested-components
+    () => () => e ? typeof e == "string" || s(e) ? /* @__PURE__ */ p.createElement("span", {
+      "aria-describedby": _
+    }, e) : j(e, {
+      "aria-describedby": _
+    }) : null,
+    [e, _, s]
+  ), k = c ? {
+    tabIndex: 0,
+    role: c ? "button" : "note",
+    onKeyPress: $,
+    onClick: x
+  } : {};
+  return /* @__PURE__ */ p.createElement("span", I({
+    className: O("lmnt lmnt-tooltip", r === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
+  }, k, V), /* @__PURE__ */ p.createElement("span", I({
+    className: O("lmnt-tooltip__content", r === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
+  }, G, {
+    ref: R,
+    onMouseEnter: D,
+    onFocus: D,
+    onMouseLeave: B,
+    onBlur: B
+  }), /* @__PURE__ */ p.createElement(z, null)), y && /* @__PURE__ */ p.createElement(K, I({
+    hoisted: i,
+    portalContainer: f,
+    role: "tooltip",
+    id: _,
+    className: o
+  }, C, {
+    ref: T,
+    text: y
+  })));
+});
+ee.displayName = "Tooltip";
+ee.propTypes = De;
+ee.defaultProps = Be;
+const Se = {
+  /**
+   * Content to be rendered inside the label. Expects a string, though accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: n.node.isRequired,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: n.string,
+  /**
+   * The label will appear in the floating state.
+   *
+   * Defaults to **false**.
+   */
+  float: n.bool,
+  /**
+   * The id of the component to trigger on active
+   *
+   * Defaults to **empty string**.
+   */
+  htmlFor: n.string,
+  /**
+   * The label will shake briefly when set.
+   *
+   * Defaults to **false**.
+   */
+  shake: n.bool
+}, Me = {
+  children: null,
+  className: void 0,
+  float: !1,
+  htmlFor: "",
+  shake: !1
+}, te = /* @__PURE__ */ S((a, t) => {
+  const {
+    children: e,
+    htmlFor: o = "",
+    shake: r = !1,
+    float: i = !1,
+    className: g,
+    style: c,
+    ...f
+  } = a, b = h(), y = e, C = h();
+  return M(t, () => C.current, []), L(() => (b.current = Ce.attachTo(C.current), () => {
+    b.current.destroy();
+  })), L(() => {
+    b.current.float(i);
+  }, [i]), /* @__PURE__ */ p.createElement("label", I({
+    ref: C,
+    htmlFor: o,
+    className: O("lmnt", "mdc-floating-label", i && "mdc-floating-label--float-above", r && "mdc-floating-label--shake", g)
+  }, f, {
+    style: c
+  }), y);
+});
+te.displayName = "FloatingLabel";
+te.propTypes = Se;
+te.defaultProps = Me;
+const He = {
+  /**
+   * Content to be rendered inside the notched outline. Accepts a string.
+   *
+   * Defaults to **null**.
+   */
+  children: n.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: n.string,
+  /**
+   * Determines if the notch is opened or closed.
+   *
+   * Defaults to **undefined**.
+   */
+  closed: n.bool,
+  /**
+   *
+   *
+   * Defaults to **null**.
+   */
+  width: n.number
+}, xe = {
+  children: null,
+  className: void 0,
+  closed: void 0,
+  width: null
+}, ne = /* @__PURE__ */ S((a, t) => {
+  const {
+    closed: e,
+    className: o,
+    children: r,
+    width: i,
+    ...g
+  } = a, c = h(), f = h();
+  return M(t, () => c.current, []), L(() => (f.current = Ne.attachTo(c.current), () => {
+    f.current.destroy();
+  }), []), L(() => {
+    e !== void 0 && (e ? f.current.closeNotch() : f.current.notch());
+  }, [e]), L(() => {
+    i ? f.current.foundation.adapter.setNotchWidthProperty(i) : f.current.foundation.adapter.removeNotchWidthProperty();
+  }, [i]), /* @__PURE__ */ p.createElement("div", I({
+    className: O("lmnt", "mdc-notched-outline", o),
+    ref: c
+  }, g), /* @__PURE__ */ p.createElement("div", {
+    className: "mdc-notched-outline__leading"
+  }), /* @__PURE__ */ p.createElement("div", {
+    className: "mdc-notched-outline__notch"
+  }, r), /* @__PURE__ */ p.createElement("div", {
+    className: "mdc-notched-outline__trailing"
+  }));
+});
+ne.displayName = "NotchedOutline";
+ne.propTypes = He;
+ne.defaultProps = xe;
+export {
+  te as F,
+  Z as I,
+  Ce as M,
+  ne as N,
+  Re as P,
+  K as T,
+  Ne as a
+};