hplx-feature-library 1.0.60 → 1.0.61

package/dist/CustomDropdown-D9OCNP2e.js

@@ -0,0 +1,1351 @@
+import { r as $e, a as rt, g as at, j as C, P as Ce, Y as we, b as lt, M as st } from "./index-BCqhiZf4.js";
+import Be, { useEffect as fe, useCallback as ue, useState as be, useRef as re, useMemo as it } from "react";
+import ut from "react-dom";
+var ae = { exports: {} }, V = {}, le = { exports: {} }, q = {}, se = { exports: {} }, Te;
+function ze() {
+  return Te || (Te = 1, function(f, o) {
+    Object.defineProperty(o, "__esModule", {
+      value: !0
+    }), o.default = i;
+    /*!
+     * Adapted from jQuery UI core
+     *
+     * http://jqueryui.com
+     *
+     * Copyright 2014 jQuery Foundation and other contributors
+     * Released under the MIT license.
+     * http://jquery.org/license
+     *
+     * http://api.jqueryui.com/category/ui-core/
+     */
+    var d = "none", a = "contents", s = /^(input|select|textarea|button|object|iframe)$/;
+    function p(n, u) {
+      return u.getPropertyValue("overflow") !== "visible" || // if 'overflow: visible' set, check if there is actually any overflow
+      n.scrollWidth <= 0 && n.scrollHeight <= 0;
+    }
+    function g(n) {
+      var u = n.offsetWidth <= 0 && n.offsetHeight <= 0;
+      if (u && !n.innerHTML) return !0;
+      try {
+        var c = window.getComputedStyle(n), y = c.getPropertyValue("display");
+        return u ? y !== a && p(n, c) : y === d;
+      } catch {
+        return console.warn("Failed to inspect element style"), !1;
+      }
+    }
+    function e(n) {
+      for (var u = n, c = n.getRootNode && n.getRootNode(); u && u !== document.body; ) {
+        if (c && u === c && (u = c.host.parentNode), g(u)) return !1;
+        u = u.parentNode;
+      }
+      return !0;
+    }
+    function O(n, u) {
+      var c = n.nodeName.toLowerCase(), y = s.test(c) && !n.disabled || c === "a" && n.href || u;
+      return y && e(n);
+    }
+    function h(n) {
+      var u = n.getAttribute("tabindex");
+      u === null && (u = void 0);
+      var c = isNaN(u);
+      return (c || u >= 0) && O(n, !c);
+    }
+    function i(n) {
+      var u = [].slice.call(n.querySelectorAll("*"), 0).reduce(function(c, y) {
+        return c.concat(y.shadowRoot ? i(y.shadowRoot) : [y]);
+      }, []);
+      return u.filter(h);
+    }
+    f.exports = o.default;
+  }(se, se.exports)), se.exports;
+}
+var De;
+function ft() {
+  if (De) return q;
+  De = 1, Object.defineProperty(q, "__esModule", {
+    value: !0
+  }), q.resetState = g, q.log = e, q.handleBlur = O, q.handleFocus = h, q.markForFocusLater = i, q.returnFocus = n, q.popWithoutFocus = u, q.setupScopedFocus = c, q.teardownScopedFocus = y;
+  var f = ze(), o = d(f);
+  function d(E) {
+    return E && E.__esModule ? E : { default: E };
+  }
+  var a = [], s = null, p = !1;
+  function g() {
+    a = [];
+  }
+  function e() {
+    process.env.NODE_ENV !== "production" && (console.log("focusManager ----------"), a.forEach(function(E) {
+      var M = E || {};
+      console.log(M.nodeName, M.className, M.id);
+    }), console.log("end focusManager ----------"));
+  }
+  function O() {
+    p = !0;
+  }
+  function h() {
+    if (p) {
+      if (p = !1, !s)
+        return;
+      setTimeout(function() {
+        if (!s.contains(document.activeElement)) {
+          var E = (0, o.default)(s)[0] || s;
+          E.focus();
+        }
+      }, 0);
+    }
+  }
+  function i() {
+    a.push(document.activeElement);
+  }
+  function n() {
+    var E = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, M = null;
+    try {
+      a.length !== 0 && (M = a.pop(), M.focus({ preventScroll: E }));
+      return;
+    } catch {
+      console.warn(["You tried to return focus to", M, "but it is not in the DOM anymore"].join(" "));
+    }
+  }
+  function u() {
+    a.length > 0 && a.pop();
+  }
+  function c(E) {
+    s = E, window.addEventListener ? (window.addEventListener("blur", O, !1), document.addEventListener("focus", h, !0)) : (window.attachEvent("onBlur", O), document.attachEvent("onFocus", h));
+  }
+  function y() {
+    s = null, window.addEventListener ? (window.removeEventListener("blur", O), document.removeEventListener("focus", h)) : (window.detachEvent("onBlur", O), document.detachEvent("onFocus", h));
+  }
+  return q;
+}
+var ie = { exports: {} }, Pe;
+function ct() {
+  return Pe || (Pe = 1, function(f, o) {
+    Object.defineProperty(o, "__esModule", {
+      value: !0
+    }), o.default = g;
+    var d = ze(), a = s(d);
+    function s(e) {
+      return e && e.__esModule ? e : { default: e };
+    }
+    function p() {
+      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : document;
+      return e.activeElement.shadowRoot ? p(e.activeElement.shadowRoot) : e.activeElement;
+    }
+    function g(e, O) {
+      var h = (0, a.default)(e);
+      if (!h.length) {
+        O.preventDefault();
+        return;
+      }
+      var i = void 0, n = O.shiftKey, u = h[0], c = h[h.length - 1], y = p();
+      if (e === y) {
+        if (!n) return;
+        i = c;
+      }
+      if (c === y && !n && (i = u), u === y && n && (i = c), i) {
+        O.preventDefault(), i.focus();
+        return;
+      }
+      var E = /(\bChrome\b|\bSafari\b)\//.exec(navigator.userAgent), M = E != null && E[1] != "Chrome" && /\biPod\b|\biPad\b/g.exec(navigator.userAgent) == null;
+      if (M) {
+        var T = h.indexOf(y);
+        if (T > -1 && (T += n ? -1 : 1), i = h[T], typeof i > "u") {
+          O.preventDefault(), i = n ? c : u, i.focus();
+          return;
+        }
+        O.preventDefault(), i.focus();
+      }
+    }
+    f.exports = o.default;
+  }(ie, ie.exports)), ie.exports;
+}
+var k = {}, ge, Ae;
+function dt() {
+  if (Ae) return ge;
+  Ae = 1;
+  var f = process.env.NODE_ENV !== "production", o = function() {
+  };
+  if (f) {
+    var d = function(s, p) {
+      var g = arguments.length;
+      p = new Array(g > 1 ? g - 1 : 0);
+      for (var e = 1; e < g; e++)
+        p[e - 1] = arguments[e];
+      var O = 0, h = "Warning: " + s.replace(/%s/g, function() {
+        return p[O++];
+      });
+      typeof console < "u" && console.error(h);
+      try {
+        throw new Error(h);
+      } catch {
+      }
+    };
+    o = function(a, s, p) {
+      var g = arguments.length;
+      p = new Array(g > 2 ? g - 2 : 0);
+      for (var e = 2; e < g; e++)
+        p[e - 2] = arguments[e];
+      if (s === void 0)
+        throw new Error(
+          "`warning(condition, format, ...args)` requires a warning message argument"
+        );
+      a || d.apply(null, [s].concat(p));
+    };
+  }
+  return ge = o, ge;
+}
+var $ = {}, Oe = { exports: {} };
+/*!
+  Copyright (c) 2015 Jed Watson.
+  Based on code that is Copyright 2013-2015, Facebook, Inc.
+  All rights reserved.
+*/
+var Le;
+function pt() {
+  return Le || (Le = 1, function(f) {
+    (function() {
+      var o = !!(typeof window < "u" && window.document && window.document.createElement), d = {
+        canUseDOM: o,
+        canUseWorkers: typeof Worker < "u",
+        canUseEventListeners: o && !!(window.addEventListener || window.attachEvent),
+        canUseViewport: o && !!window.screen
+      };
+      f.exports ? f.exports = d : window.ExecutionEnvironment = d;
+    })();
+  }(Oe)), Oe.exports;
+}
+var Fe;
+function xe() {
+  if (Fe) return $;
+  Fe = 1, Object.defineProperty($, "__esModule", {
+    value: !0
+  }), $.canUseDOM = $.SafeNodeList = $.SafeHTMLCollection = void 0;
+  var f = pt(), o = d(f);
+  function d(p) {
+    return p && p.__esModule ? p : { default: p };
+  }
+  var a = o.default, s = a.canUseDOM ? window.HTMLElement : {};
+  return $.SafeHTMLCollection = a.canUseDOM ? window.HTMLCollection : {}, $.SafeNodeList = a.canUseDOM ? window.NodeList : {}, $.canUseDOM = a.canUseDOM, $.default = s, $;
+}
+var qe;
+function Ve() {
+  if (qe) return k;
+  qe = 1, Object.defineProperty(k, "__esModule", {
+    value: !0
+  }), k.resetState = p, k.log = g, k.assertNodeList = e, k.setElement = O, k.validateElement = h, k.hide = i, k.show = n, k.documentNotReadyOrSSRTesting = u;
+  var f = dt(), o = a(f), d = xe();
+  function a(c) {
+    return c && c.__esModule ? c : { default: c };
+  }
+  var s = null;
+  function p() {
+    s && (s.removeAttribute ? s.removeAttribute("aria-hidden") : s.length != null ? s.forEach(function(c) {
+      return c.removeAttribute("aria-hidden");
+    }) : document.querySelectorAll(s).forEach(function(c) {
+      return c.removeAttribute("aria-hidden");
+    })), s = null;
+  }
+  function g() {
+    if (process.env.NODE_ENV !== "production") {
+      var c = s || {};
+      console.log("ariaAppHider ----------"), console.log(c.nodeName, c.className, c.id), console.log("end ariaAppHider ----------");
+    }
+  }
+  function e(c, y) {
+    if (!c || !c.length)
+      throw new Error("react-modal: No elements were found for selector " + y + ".");
+  }
+  function O(c) {
+    var y = c;
+    if (typeof y == "string" && d.canUseDOM) {
+      var E = document.querySelectorAll(y);
+      e(E, y), y = E;
+    }
+    return s = y || s, s;
+  }
+  function h(c) {
+    var y = c || s;
+    return y ? Array.isArray(y) || y instanceof HTMLCollection || y instanceof NodeList ? y : [y] : ((0, o.default)(!1, ["react-modal: App element is not defined.", "Please use `Modal.setAppElement(el)` or set `appElement={el}`.", "This is needed so screen readers don't see main content", "when modal is opened. It is not recommended, but you can opt-out", "by setting `ariaHideApp={false}`."].join(" ")), []);
+  }
+  function i(c) {
+    var y = !0, E = !1, M = void 0;
+    try {
+      for (var T = h(c)[Symbol.iterator](), A; !(y = (A = T.next()).done); y = !0) {
+        var W = A.value;
+        W.setAttribute("aria-hidden", "true");
+      }
+    } catch (H) {
+      E = !0, M = H;
+    } finally {
+      try {
+        !y && T.return && T.return();
+      } finally {
+        if (E)
+          throw M;
+      }
+    }
+  }
+  function n(c) {
+    var y = !0, E = !1, M = void 0;
+    try {
+      for (var T = h(c)[Symbol.iterator](), A; !(y = (A = T.next()).done); y = !0) {
+        var W = A.value;
+        W.removeAttribute("aria-hidden");
+      }
+    } catch (H) {
+      E = !0, M = H;
+    } finally {
+      try {
+        !y && T.return && T.return();
+      } finally {
+        if (E)
+          throw M;
+      }
+    }
+  }
+  function u() {
+    s = null;
+  }
+  return k;
+}
+var Z = {}, We;
+function ht() {
+  if (We) return Z;
+  We = 1, Object.defineProperty(Z, "__esModule", {
+    value: !0
+  }), Z.resetState = a, Z.log = s;
+  var f = {}, o = {};
+  function d(h, i) {
+    h.classList.remove(i);
+  }
+  function a() {
+    var h = document.getElementsByTagName("html")[0];
+    for (var i in f)
+      d(h, f[i]);
+    var n = document.body;
+    for (var u in o)
+      d(n, o[u]);
+    f = {}, o = {};
+  }
+  function s() {
+    if (process.env.NODE_ENV !== "production") {
+      var h = document.getElementsByTagName("html")[0].className, i = `Show tracked classes:
+
+`;
+      i += "<html /> (" + h + `):
+  `;
+      for (var n in f)
+        i += "  " + n + " " + f[n] + `
+  `;
+      h = document.body.className, i += `
+
+doc.body (` + h + `):
+  `;
+      for (var u in o)
+        i += "  " + u + " " + o[u] + `
+  `;
+      i += `
+`, console.log(i);
+    }
+  }
+  var p = function(i, n) {
+    return i[n] || (i[n] = 0), i[n] += 1, n;
+  }, g = function(i, n) {
+    return i[n] && (i[n] -= 1), n;
+  }, e = function(i, n, u) {
+    u.forEach(function(c) {
+      p(n, c), i.add(c);
+    });
+  }, O = function(i, n, u) {
+    u.forEach(function(c) {
+      g(n, c), n[c] === 0 && i.remove(c);
+    });
+  };
+  return Z.add = function(i, n) {
+    return e(i.classList, i.nodeName.toLowerCase() == "html" ? f : o, n.split(" "));
+  }, Z.remove = function(i, n) {
+    return O(i.classList, i.nodeName.toLowerCase() == "html" ? f : o, n.split(" "));
+  }, Z;
+}
+var J = {}, He;
+function Ge() {
+  if (He) return J;
+  He = 1, Object.defineProperty(J, "__esModule", {
+    value: !0
+  }), J.log = a, J.resetState = s;
+  function f(p, g) {
+    if (!(p instanceof g))
+      throw new TypeError("Cannot call a class as a function");
+  }
+  var o = function p() {
+    var g = this;
+    f(this, p), this.register = function(e) {
+      if (g.openInstances.indexOf(e) !== -1) {
+        process.env.NODE_ENV !== "production" && console.warn("React-Modal: Cannot register modal instance that's already open");
+        return;
+      }
+      g.openInstances.push(e), g.emit("register");
+    }, this.deregister = function(e) {
+      var O = g.openInstances.indexOf(e);
+      if (O === -1) {
+        process.env.NODE_ENV !== "production" && console.warn("React-Modal: Unable to deregister " + e + " as it was never registered");
+        return;
+      }
+      g.openInstances.splice(O, 1), g.emit("deregister");
+    }, this.subscribe = function(e) {
+      g.subscribers.push(e);
+    }, this.emit = function(e) {
+      g.subscribers.forEach(function(O) {
+        return O(
+          e,
+          // shallow copy to avoid accidental mutation
+          g.openInstances.slice()
+        );
+      });
+    }, this.openInstances = [], this.subscribers = [];
+  }, d = new o();
+  function a() {
+    console.log("portalOpenInstances ----------"), console.log(d.openInstances.length), d.openInstances.forEach(function(p) {
+      return console.log(p);
+    }), console.log("end portalOpenInstances ----------");
+  }
+  function s() {
+    d = new o();
+  }
+  return J.default = d, J;
+}
+var te = {}, ke;
+function mt() {
+  if (ke) return te;
+  ke = 1, Object.defineProperty(te, "__esModule", {
+    value: !0
+  }), te.resetState = g, te.log = e;
+  var f = Ge(), o = d(f);
+  function d(i) {
+    return i && i.__esModule ? i : { default: i };
+  }
+  var a = void 0, s = void 0, p = [];
+  function g() {
+    for (var i = [a, s], n = 0; n < i.length; n++) {
+      var u = i[n];
+      u && u.parentNode && u.parentNode.removeChild(u);
+    }
+    a = s = null, p = [];
+  }
+  function e() {
+    console.log("bodyTrap ----------"), console.log(p.length);
+    for (var i = [a, s], n = 0; n < i.length; n++) {
+      var u = i[n], c = u || {};
+      console.log(c.nodeName, c.className, c.id);
+    }
+    console.log("edn bodyTrap ----------");
+  }
+  function O() {
+    if (p.length === 0) {
+      process.env.NODE_ENV !== "production" && console.warn("React-Modal: Open instances > 0 expected");
+      return;
+    }
+    p[p.length - 1].focusContent();
+  }
+  function h(i, n) {
+    !a && !s && (a = document.createElement("div"), a.setAttribute("data-react-modal-body-trap", ""), a.style.position = "absolute", a.style.opacity = "0", a.setAttribute("tabindex", "0"), a.addEventListener("focus", O), s = a.cloneNode(), s.addEventListener("focus", O)), p = n, p.length > 0 ? (document.body.firstChild !== a && document.body.insertBefore(a, document.body.firstChild), document.body.lastChild !== s && document.body.appendChild(s)) : (a.parentElement && a.parentElement.removeChild(a), s.parentElement && s.parentElement.removeChild(s));
+  }
+  return o.default.subscribe(h), te;
+}
+var Ue;
+function vt() {
+  return Ue || (Ue = 1, function(f, o) {
+    Object.defineProperty(o, "__esModule", {
+      value: !0
+    });
+    var d = Object.assign || function(l) {
+      for (var r = 1; r < arguments.length; r++) {
+        var x = arguments[r];
+        for (var t in x)
+          Object.prototype.hasOwnProperty.call(x, t) && (l[t] = x[t]);
+      }
+      return l;
+    }, a = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(l) {
+      return typeof l;
+    } : function(l) {
+      return l && typeof Symbol == "function" && l.constructor === Symbol && l !== Symbol.prototype ? "symbol" : typeof l;
+    }, s = /* @__PURE__ */ function() {
+      function l(r, x) {
+        for (var t = 0; t < x.length; t++) {
+          var m = x[t];
+          m.enumerable = m.enumerable || !1, m.configurable = !0, "value" in m && (m.writable = !0), Object.defineProperty(r, m.key, m);
+        }
+      }
+      return function(r, x, t) {
+        return x && l(r.prototype, x), t && l(r, t), r;
+      };
+    }(), p = Be, g = /* @__PURE__ */ $e(), e = z(g), O = ft(), h = H(O), i = ct(), n = z(i), u = Ve(), c = H(u), y = ht(), E = H(y), M = xe(), T = z(M), A = Ge(), W = z(A);
+    mt();
+    function H(l) {
+      if (l && l.__esModule)
+        return l;
+      var r = {};
+      if (l != null)
+        for (var x in l)
+          Object.prototype.hasOwnProperty.call(l, x) && (r[x] = l[x]);
+      return r.default = l, r;
+    }
+    function z(l) {
+      return l && l.__esModule ? l : { default: l };
+    }
+    function L(l, r) {
+      if (!(l instanceof r))
+        throw new TypeError("Cannot call a class as a function");
+    }
+    function F(l, r) {
+      if (!l)
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+      return r && (typeof r == "object" || typeof r == "function") ? r : l;
+    }
+    function G(l, r) {
+      if (typeof r != "function" && r !== null)
+        throw new TypeError("Super expression must either be null or a function, not " + typeof r);
+      l.prototype = Object.create(r && r.prototype, { constructor: { value: l, enumerable: !1, writable: !0, configurable: !0 } }), r && (Object.setPrototypeOf ? Object.setPrototypeOf(l, r) : l.__proto__ = r);
+    }
+    var U = {
+      overlay: "ReactModal__Overlay",
+      content: "ReactModal__Content"
+    }, j = function(r) {
+      return r.code === "Tab" || r.keyCode === 9;
+    }, b = function(r) {
+      return r.code === "Escape" || r.keyCode === 27;
+    }, v = 0, _ = function(l) {
+      G(r, l);
+      function r(x) {
+        L(this, r);
+        var t = F(this, (r.__proto__ || Object.getPrototypeOf(r)).call(this, x));
+        return t.setOverlayRef = function(m) {
+          t.overlay = m, t.props.overlayRef && t.props.overlayRef(m);
+        }, t.setContentRef = function(m) {
+          t.content = m, t.props.contentRef && t.props.contentRef(m);
+        }, t.afterClose = function() {
+          var m = t.props, w = m.appElement, S = m.ariaHideApp, R = m.htmlOpenClassName, P = m.bodyOpenClassName, B = m.parentSelector, K = B && B().ownerDocument || document;
+          P && E.remove(K.body, P), R && E.remove(K.getElementsByTagName("html")[0], R), S && v > 0 && (v -= 1, v === 0 && c.show(w)), t.props.shouldFocusAfterRender && (t.props.shouldReturnFocusAfterClose ? (h.returnFocus(t.props.preventScroll), h.teardownScopedFocus()) : h.popWithoutFocus()), t.props.onAfterClose && t.props.onAfterClose(), W.default.deregister(t);
+        }, t.open = function() {
+          t.beforeOpen(), t.state.afterOpen && t.state.beforeClose ? (clearTimeout(t.closeTimer), t.setState({ beforeClose: !1 })) : (t.props.shouldFocusAfterRender && (h.setupScopedFocus(t.node), h.markForFocusLater()), t.setState({ isOpen: !0 }, function() {
+            t.openAnimationFrame = requestAnimationFrame(function() {
+              t.setState({ afterOpen: !0 }), t.props.isOpen && t.props.onAfterOpen && t.props.onAfterOpen({
+                overlayEl: t.overlay,
+                contentEl: t.content
+              });
+            });
+          }));
+        }, t.close = function() {
+          t.props.closeTimeoutMS > 0 ? t.closeWithTimeout() : t.closeWithoutTimeout();
+        }, t.focusContent = function() {
+          return t.content && !t.contentHasFocus() && t.content.focus({ preventScroll: !0 });
+        }, t.closeWithTimeout = function() {
+          var m = Date.now() + t.props.closeTimeoutMS;
+          t.setState({ beforeClose: !0, closesAt: m }, function() {
+            t.closeTimer = setTimeout(t.closeWithoutTimeout, t.state.closesAt - Date.now());
+          });
+        }, t.closeWithoutTimeout = function() {
+          t.setState({
+            beforeClose: !1,
+            isOpen: !1,
+            afterOpen: !1,
+            closesAt: null
+          }, t.afterClose);
+        }, t.handleKeyDown = function(m) {
+          j(m) && (0, n.default)(t.content, m), t.props.shouldCloseOnEsc && b(m) && (m.stopPropagation(), t.requestClose(m));
+        }, t.handleOverlayOnClick = function(m) {
+          t.shouldClose === null && (t.shouldClose = !0), t.shouldClose && t.props.shouldCloseOnOverlayClick && (t.ownerHandlesClose() ? t.requestClose(m) : t.focusContent()), t.shouldClose = null;
+        }, t.handleContentOnMouseUp = function() {
+          t.shouldClose = !1;
+        }, t.handleOverlayOnMouseDown = function(m) {
+          !t.props.shouldCloseOnOverlayClick && m.target == t.overlay && m.preventDefault();
+        }, t.handleContentOnClick = function() {
+          t.shouldClose = !1;
+        }, t.handleContentOnMouseDown = function() {
+          t.shouldClose = !1;
+        }, t.requestClose = function(m) {
+          return t.ownerHandlesClose() && t.props.onRequestClose(m);
+        }, t.ownerHandlesClose = function() {
+          return t.props.onRequestClose;
+        }, t.shouldBeClosed = function() {
+          return !t.state.isOpen && !t.state.beforeClose;
+        }, t.contentHasFocus = function() {
+          return document.activeElement === t.content || t.content.contains(document.activeElement);
+        }, t.buildClassName = function(m, w) {
+          var S = (typeof w > "u" ? "undefined" : a(w)) === "object" ? w : {
+            base: U[m],
+            afterOpen: U[m] + "--after-open",
+            beforeClose: U[m] + "--before-close"
+          }, R = S.base;
+          return t.state.afterOpen && (R = R + " " + S.afterOpen), t.state.beforeClose && (R = R + " " + S.beforeClose), typeof w == "string" && w ? R + " " + w : R;
+        }, t.attributesFromObject = function(m, w) {
+          return Object.keys(w).reduce(function(S, R) {
+            return S[m + "-" + R] = w[R], S;
+          }, {});
+        }, t.state = {
+          afterOpen: !1,
+          beforeClose: !1
+        }, t.shouldClose = null, t.moveFromContentToOverlay = null, t;
+      }
+      return s(r, [{
+        key: "componentDidMount",
+        value: function() {
+          this.props.isOpen && this.open();
+        }
+      }, {
+        key: "componentDidUpdate",
+        value: function(t, m) {
+          process.env.NODE_ENV !== "production" && (t.bodyOpenClassName !== this.props.bodyOpenClassName && console.warn('React-Modal: "bodyOpenClassName" prop has been modified. This may cause unexpected behavior when multiple modals are open.'), t.htmlOpenClassName !== this.props.htmlOpenClassName && console.warn('React-Modal: "htmlOpenClassName" prop has been modified. This may cause unexpected behavior when multiple modals are open.')), this.props.isOpen && !t.isOpen ? this.open() : !this.props.isOpen && t.isOpen && this.close(), this.props.shouldFocusAfterRender && this.state.isOpen && !m.isOpen && this.focusContent();
+        }
+      }, {
+        key: "componentWillUnmount",
+        value: function() {
+          this.state.isOpen && this.afterClose(), clearTimeout(this.closeTimer), cancelAnimationFrame(this.openAnimationFrame);
+        }
+      }, {
+        key: "beforeOpen",
+        value: function() {
+          var t = this.props, m = t.appElement, w = t.ariaHideApp, S = t.htmlOpenClassName, R = t.bodyOpenClassName, P = t.parentSelector, B = P && P().ownerDocument || document;
+          R && E.add(B.body, R), S && E.add(B.getElementsByTagName("html")[0], S), w && (v += 1, c.hide(m)), W.default.register(this);
+        }
+        // Don't steal focus from inner elements
+      }, {
+        key: "render",
+        value: function() {
+          var t = this.props, m = t.id, w = t.className, S = t.overlayClassName, R = t.defaultStyles, P = t.children, B = w ? {} : R.content, K = S ? {} : R.overlay;
+          if (this.shouldBeClosed())
+            return null;
+          var ne = {
+            ref: this.setOverlayRef,
+            className: this.buildClassName("overlay", S),
+            style: d({}, K, this.props.style.overlay),
+            onClick: this.handleOverlayOnClick,
+            onMouseDown: this.handleOverlayOnMouseDown
+          }, ce = d({
+            id: m,
+            ref: this.setContentRef,
+            style: d({}, B, this.props.style.content),
+            className: this.buildClassName("content", w),
+            tabIndex: "-1",
+            onKeyDown: this.handleKeyDown,
+            onMouseDown: this.handleContentOnMouseDown,
+            onMouseUp: this.handleContentOnMouseUp,
+            onClick: this.handleContentOnClick,
+            role: this.props.role,
+            "aria-label": this.props.contentLabel
+          }, this.attributesFromObject("aria", d({ modal: !0 }, this.props.aria)), this.attributesFromObject("data", this.props.data || {}), {
+            "data-testid": this.props.testId
+          }), de = this.props.contentElement(ce, P);
+          return this.props.overlayElement(ne, de);
+        }
+      }]), r;
+    }(p.Component);
+    _.defaultProps = {
+      style: {
+        overlay: {},
+        content: {}
+      },
+      defaultStyles: {}
+    }, _.propTypes = {
+      isOpen: e.default.bool.isRequired,
+      defaultStyles: e.default.shape({
+        content: e.default.object,
+        overlay: e.default.object
+      }),
+      style: e.default.shape({
+        content: e.default.object,
+        overlay: e.default.object
+      }),
+      className: e.default.oneOfType([e.default.string, e.default.object]),
+      overlayClassName: e.default.oneOfType([e.default.string, e.default.object]),
+      parentSelector: e.default.func,
+      bodyOpenClassName: e.default.string,
+      htmlOpenClassName: e.default.string,
+      ariaHideApp: e.default.bool,
+      appElement: e.default.oneOfType([e.default.instanceOf(T.default), e.default.instanceOf(M.SafeHTMLCollection), e.default.instanceOf(M.SafeNodeList), e.default.arrayOf(e.default.instanceOf(T.default))]),
+      onAfterOpen: e.default.func,
+      onAfterClose: e.default.func,
+      onRequestClose: e.default.func,
+      closeTimeoutMS: e.default.number,
+      shouldFocusAfterRender: e.default.bool,
+      shouldCloseOnOverlayClick: e.default.bool,
+      shouldReturnFocusAfterClose: e.default.bool,
+      preventScroll: e.default.bool,
+      role: e.default.string,
+      contentLabel: e.default.string,
+      aria: e.default.object,
+      data: e.default.object,
+      children: e.default.node,
+      shouldCloseOnEsc: e.default.bool,
+      overlayRef: e.default.func,
+      contentRef: e.default.func,
+      id: e.default.string,
+      overlayElement: e.default.func,
+      contentElement: e.default.func,
+      testId: e.default.string
+    }, o.default = _, f.exports = o.default;
+  }(le, le.exports)), le.exports;
+}
+function Ke() {
+  var f = this.constructor.getDerivedStateFromProps(this.props, this.state);
+  f != null && this.setState(f);
+}
+function Ye(f) {
+  function o(d) {
+    var a = this.constructor.getDerivedStateFromProps(f, d);
+    return a ?? null;
+  }
+  this.setState(o.bind(this));
+}
+function Ze(f, o) {
+  try {
+    var d = this.props, a = this.state;
+    this.props = f, this.state = o, this.__reactInternalSnapshotFlag = !0, this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(
+      d,
+      a
+    );
+  } finally {
+    this.props = d, this.state = a;
+  }
+}
+Ke.__suppressDeprecationWarning = !0;
+Ye.__suppressDeprecationWarning = !0;
+Ze.__suppressDeprecationWarning = !0;
+function yt(f) {
+  var o = f.prototype;
+  if (!o || !o.isReactComponent)
+    throw new Error("Can only polyfill class components");
+  if (typeof f.getDerivedStateFromProps != "function" && typeof o.getSnapshotBeforeUpdate != "function")
+    return f;
+  var d = null, a = null, s = null;
+  if (typeof o.componentWillMount == "function" ? d = "componentWillMount" : typeof o.UNSAFE_componentWillMount == "function" && (d = "UNSAFE_componentWillMount"), typeof o.componentWillReceiveProps == "function" ? a = "componentWillReceiveProps" : typeof o.UNSAFE_componentWillReceiveProps == "function" && (a = "UNSAFE_componentWillReceiveProps"), typeof o.componentWillUpdate == "function" ? s = "componentWillUpdate" : typeof o.UNSAFE_componentWillUpdate == "function" && (s = "UNSAFE_componentWillUpdate"), d !== null || a !== null || s !== null) {
+    var p = f.displayName || f.name, g = typeof f.getDerivedStateFromProps == "function" ? "getDerivedStateFromProps()" : "getSnapshotBeforeUpdate()";
+    throw Error(
+      `Unsafe legacy lifecycles will not be called for components using new component APIs.
+
+` + p + " uses " + g + " but also contains the following legacy lifecycles:" + (d !== null ? `
+  ` + d : "") + (a !== null ? `
+  ` + a : "") + (s !== null ? `
+  ` + s : "") + `
+
+The above lifecycles should be removed. Learn more about this warning here:
+https://fb.me/react-async-component-lifecycle-hooks`
+    );
+  }
+  if (typeof f.getDerivedStateFromProps == "function" && (o.componentWillMount = Ke, o.componentWillReceiveProps = Ye), typeof o.getSnapshotBeforeUpdate == "function") {
+    if (typeof o.componentDidUpdate != "function")
+      throw new Error(
+        "Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype"
+      );
+    o.componentWillUpdate = Ze;
+    var e = o.componentDidUpdate;
+    o.componentDidUpdate = function(h, i, n) {
+      var u = this.__reactInternalSnapshotFlag ? this.__reactInternalSnapshot : n;
+      e.call(this, h, i, u);
+    };
+  }
+  return f;
+}
+const bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  polyfill: yt
+}, Symbol.toStringTag, { value: "Module" })), gt = /* @__PURE__ */ rt(bt);
+var je;
+function Ot() {
+  if (je) return V;
+  je = 1, Object.defineProperty(V, "__esModule", {
+    value: !0
+  }), V.bodyOpenClassName = V.portalClassName = void 0;
+  var f = Object.assign || function(b) {
+    for (var v = 1; v < arguments.length; v++) {
+      var _ = arguments[v];
+      for (var l in _)
+        Object.prototype.hasOwnProperty.call(_, l) && (b[l] = _[l]);
+    }
+    return b;
+  }, o = /* @__PURE__ */ function() {
+    function b(v, _) {
+      for (var l = 0; l < _.length; l++) {
+        var r = _[l];
+        r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(v, r.key, r);
+      }
+    }
+    return function(v, _, l) {
+      return _ && b(v.prototype, _), l && b(v, l), v;
+    };
+  }(), d = Be, a = M(d), s = ut, p = M(s), g = /* @__PURE__ */ $e(), e = M(g), O = vt(), h = M(O), i = Ve(), n = E(i), u = xe(), c = M(u), y = gt;
+  function E(b) {
+    if (b && b.__esModule)
+      return b;
+    var v = {};
+    if (b != null)
+      for (var _ in b)
+        Object.prototype.hasOwnProperty.call(b, _) && (v[_] = b[_]);
+    return v.default = b, v;
+  }
+  function M(b) {
+    return b && b.__esModule ? b : { default: b };
+  }
+  function T(b, v) {
+    if (!(b instanceof v))
+      throw new TypeError("Cannot call a class as a function");
+  }
+  function A(b, v) {
+    if (!b)
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return v && (typeof v == "object" || typeof v == "function") ? v : b;
+  }
+  function W(b, v) {
+    if (typeof v != "function" && v !== null)
+      throw new TypeError("Super expression must either be null or a function, not " + typeof v);
+    b.prototype = Object.create(v && v.prototype, { constructor: { value: b, enumerable: !1, writable: !0, configurable: !0 } }), v && (Object.setPrototypeOf ? Object.setPrototypeOf(b, v) : b.__proto__ = v);
+  }
+  var H = V.portalClassName = "ReactModalPortal", z = V.bodyOpenClassName = "ReactModal__Body--open", L = u.canUseDOM && p.default.createPortal !== void 0, F = function(v) {
+    return document.createElement(v);
+  }, G = function() {
+    return L ? p.default.createPortal : p.default.unstable_renderSubtreeIntoContainer;
+  };
+  function U(b) {
+    return b();
+  }
+  var j = function(b) {
+    W(v, b);
+    function v() {
+      var _, l, r, x;
+      T(this, v);
+      for (var t = arguments.length, m = Array(t), w = 0; w < t; w++)
+        m[w] = arguments[w];
+      return x = (l = (r = A(this, (_ = v.__proto__ || Object.getPrototypeOf(v)).call.apply(_, [this].concat(m))), r), r.removePortal = function() {
+        !L && p.default.unmountComponentAtNode(r.node);
+        var S = U(r.props.parentSelector);
+        S && S.contains(r.node) ? S.removeChild(r.node) : console.warn('React-Modal: "parentSelector" prop did not returned any DOM element. Make sure that the parent element is unmounted to avoid any memory leaks.');
+      }, r.portalRef = function(S) {
+        r.portal = S;
+      }, r.renderPortal = function(S) {
+        var R = G(), P = R(r, a.default.createElement(h.default, f({ defaultStyles: v.defaultStyles }, S)), r.node);
+        r.portalRef(P);
+      }, l), A(r, x);
+    }
+    return o(v, [{
+      key: "componentDidMount",
+      value: function() {
+        if (u.canUseDOM) {
+          L || (this.node = F("div")), this.node.className = this.props.portalClassName;
+          var l = U(this.props.parentSelector);
+          l.appendChild(this.node), !L && this.renderPortal(this.props);
+        }
+      }
+    }, {
+      key: "getSnapshotBeforeUpdate",
+      value: function(l) {
+        var r = U(l.parentSelector), x = U(this.props.parentSelector);
+        return { prevParent: r, nextParent: x };
+      }
+    }, {
+      key: "componentDidUpdate",
+      value: function(l, r, x) {
+        if (u.canUseDOM) {
+          var t = this.props, m = t.isOpen, w = t.portalClassName;
+          l.portalClassName !== w && (this.node.className = w);
+          var S = x.prevParent, R = x.nextParent;
+          R !== S && (S.removeChild(this.node), R.appendChild(this.node)), !(!l.isOpen && !m) && !L && this.renderPortal(this.props);
+        }
+      }
+    }, {
+      key: "componentWillUnmount",
+      value: function() {
+        if (!(!u.canUseDOM || !this.node || !this.portal)) {
+          var l = this.portal.state, r = Date.now(), x = l.isOpen && this.props.closeTimeoutMS && (l.closesAt || r + this.props.closeTimeoutMS);
+          x ? (l.beforeClose || this.portal.closeWithTimeout(), setTimeout(this.removePortal, x - r)) : this.removePortal();
+        }
+      }
+    }, {
+      key: "render",
+      value: function() {
+        if (!u.canUseDOM || !L)
+          return null;
+        !this.node && L && (this.node = F("div"));
+        var l = G();
+        return l(a.default.createElement(h.default, f({
+          ref: this.portalRef,
+          defaultStyles: v.defaultStyles
+        }, this.props)), this.node);
+      }
+    }], [{
+      key: "setAppElement",
+      value: function(l) {
+        n.setElement(l);
+      }
+      /* eslint-disable react/no-unused-prop-types */
+      /* eslint-enable react/no-unused-prop-types */
+    }]), v;
+  }(d.Component);
+  return j.propTypes = {
+    isOpen: e.default.bool.isRequired,
+    style: e.default.shape({
+      content: e.default.object,
+      overlay: e.default.object
+    }),
+    portalClassName: e.default.string,
+    bodyOpenClassName: e.default.string,
+    htmlOpenClassName: e.default.string,
+    className: e.default.oneOfType([e.default.string, e.default.shape({
+      base: e.default.string.isRequired,
+      afterOpen: e.default.string.isRequired,
+      beforeClose: e.default.string.isRequired
+    })]),
+    overlayClassName: e.default.oneOfType([e.default.string, e.default.shape({
+      base: e.default.string.isRequired,
+      afterOpen: e.default.string.isRequired,
+      beforeClose: e.default.string.isRequired
+    })]),
+    appElement: e.default.oneOfType([e.default.instanceOf(c.default), e.default.instanceOf(u.SafeHTMLCollection), e.default.instanceOf(u.SafeNodeList), e.default.arrayOf(e.default.instanceOf(c.default))]),
+    onAfterOpen: e.default.func,
+    onRequestClose: e.default.func,
+    closeTimeoutMS: e.default.number,
+    ariaHideApp: e.default.bool,
+    shouldFocusAfterRender: e.default.bool,
+    shouldCloseOnOverlayClick: e.default.bool,
+    shouldReturnFocusAfterClose: e.default.bool,
+    preventScroll: e.default.bool,
+    parentSelector: e.default.func,
+    aria: e.default.object,
+    data: e.default.object,
+    role: e.default.string,
+    contentLabel: e.default.string,
+    shouldCloseOnEsc: e.default.bool,
+    overlayRef: e.default.func,
+    contentRef: e.default.func,
+    id: e.default.string,
+    overlayElement: e.default.func,
+    contentElement: e.default.func
+  }, j.defaultProps = {
+    isOpen: !1,
+    portalClassName: H,
+    bodyOpenClassName: z,
+    role: "dialog",
+    ariaHideApp: !0,
+    closeTimeoutMS: 0,
+    shouldFocusAfterRender: !0,
+    shouldCloseOnEsc: !0,
+    shouldCloseOnOverlayClick: !0,
+    shouldReturnFocusAfterClose: !0,
+    preventScroll: !1,
+    parentSelector: function() {
+      return document.body;
+    },
+    overlayElement: function(v, _) {
+      return a.default.createElement(
+        "div",
+        v,
+        _
+      );
+    },
+    contentElement: function(v, _) {
+      return a.default.createElement(
+        "div",
+        v,
+        _
+      );
+    }
+  }, j.defaultStyles = {
+    overlay: {
+      position: "fixed",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: "rgba(255, 255, 255, 0.75)"
+    },
+    content: {
+      position: "absolute",
+      top: "40px",
+      left: "40px",
+      right: "40px",
+      bottom: "40px",
+      border: "1px solid #ccc",
+      background: "#fff",
+      overflow: "auto",
+      WebkitOverflowScrolling: "touch",
+      borderRadius: "4px",
+      outline: "none",
+      padding: "20px"
+    }
+  }, (0, y.polyfill)(j), process.env.NODE_ENV !== "production" && (j.setCreateHTMLElement = function(b) {
+    return F = b;
+  }), V.default = j, V;
+}
+var Ie;
+function Ct() {
+  return Ie || (Ie = 1, function(f, o) {
+    Object.defineProperty(o, "__esModule", {
+      value: !0
+    });
+    var d = Ot(), a = s(d);
+    function s(p) {
+      return p && p.__esModule ? p : { default: p };
+    }
+    o.default = a.default, f.exports = o.default;
+  }(ae, ae.exports)), ae.exports;
+}
+var wt = Ct();
+const xt = /* @__PURE__ */ at(wt), Dt = (f) => {
+  const {
+    openState: o,
+    closePopupCallback: d,
+    headingIconFile: a,
+    headingText: s,
+    subHeadingText: p,
+    positiveButtonText: g,
+    negativeButtonText: e,
+    classNamePositiveBtn: O,
+    classNameNegativeBtn: h,
+    positiveActionCallback: i,
+    negativeActionCallback: n
+  } = f;
+  return /* @__PURE__ */ C.jsxs(
+    xt,
+    {
+      isOpen: o,
+      onRequestClose: d,
+      shouldCloseOnOverlayClick: !1,
+      style: {
+        overlay: {
+          backgroundColor: "rgba(52, 64, 84, 0.5)",
+          position: "fixed",
+          alignContent: "center",
+          justifyContent: "center",
+          zIndex: 1030,
+          display: o ? "block" : "none"
+        },
+        content: {
+          zIndex: 1030,
+          padding: "24px",
+          maxWidth: "750px",
+          maxHeight: "600px",
+          width: "400px",
+          height: "fit-content",
+          margin: "auto",
+          borderRadius: "12px",
+          overflow: "unset",
+          display: o ? "block" : "none"
+        }
+      },
+      children: [
+        a == "warning" && /* @__PURE__ */ C.jsx("div", { className: "hfl-hx_warning hfl-mb-4 hfl-flex hfl-h-12 hfl-w-12 hfl-items-center hfl-justify-center hfl-rounded-full hfl-border-8 hfl-border-Warning-50 hfl-bg-Warning-100 hfl-text-Warning-600", children: /* @__PURE__ */ C.jsx("i", { className: "hx_warning hfl-text-5" }) }),
+        /* @__PURE__ */ C.jsx(Ce, { variant: "Medium", type: "Text xl", className: "hfl-mt-5 hfl-text-Gray-900", children: s }),
+        p && /* @__PURE__ */ C.jsx(Ce, { variant: "Regular", type: "Text sm", className: "hfl-mt-1 hfl-text-Gray-500 ", children: p }),
+        /* @__PURE__ */ C.jsxs("div", { className: "hfl-mt-4 hfl-flex hfl-items-center hfl-justify-center hfl-gap-4", children: [
+          e && /* @__PURE__ */ C.jsx(
+            we,
+            {
+              size: "md",
+              textField: e,
+              hierarchy: "Primary",
+              className: h || "",
+              onClick: n,
+              "data-qa": "negative-action"
+            }
+          ),
+          g && /* @__PURE__ */ C.jsx(
+            we,
+            {
+              size: "md",
+              textField: g,
+              hierarchy: "Secondary",
+              className: O || "",
+              onClick: i,
+              "data-qa": "positive-action"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, _t = (f, o) => {
+  fe(() => {
+    const d = (a) => {
+      f.current && !f.current.contains(a.target) && o();
+    };
+    return document.addEventListener("mousedown", d), () => {
+      document.removeEventListener("mousedown", d);
+    };
+  }, [f, o]);
+}, Et = (f, o) => {
+  const d = ue(
+    (a) => {
+      f.current && !f.current.contains(a.target) && o();
+    },
+    [f, o]
+  );
+  fe(() => (document.addEventListener("mouseup", d), () => {
+    document.removeEventListener("mouseup", d);
+  }), [d]);
+};
+function Nt(f) {
+  const { options: o, selectedOption: d, onChangeHandler: a } = f;
+  return /* @__PURE__ */ C.jsx("div", { className: "hfl-flex hfl-gap-2 hfl-h-full hfl-items-center hfl-px-4 hfl-justify-center hfl-py-1", children: o?.map((s) => /* @__PURE__ */ C.jsx("div", { className: "hfl-bg-White hfl-rounded-lg", children: /* @__PURE__ */ C.jsx(
+    we,
+    {
+      onClick: () => a && a(s),
+      hierarchy: d?.label === s.label ? "Primary" : "Secondary-Grey",
+      size: "sm",
+      textField: s.label,
+      className: d?.label === s.label ? "hfl-bg-Blue-600" : ""
+    }
+  ) }, s.label)) });
+}
+const St = "data:image/svg+xml,%3csvg%20width='10'%20height='6'%20viewBox='0%200%2010%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.480062%200.819173C0.650418%200.648817%200.92662%200.648817%201.09698%200.819173L4.71454%204.43674L8.3321%200.819173C8.50246%200.648817%208.77866%200.648817%208.94902%200.819173C9.11937%200.98953%209.11937%201.26573%208.94902%201.43609L5.023%205.36211C4.85264%205.53246%204.57644%205.53246%204.40608%205.36211L0.480062%201.43609C0.309706%201.26573%200.309706%200.98953%200.480062%200.819173Z'%20fill='%23667085'/%3e%3c/svg%3e";
+function Pt(f) {
+  const {
+    label: o,
+    labelClassName: d,
+    hideDropdownIcon: a,
+    showClearOption: s,
+    isRequiredField: p,
+    btnClassName: g,
+    placeholder: e,
+    options: O,
+    selectedOption: h,
+    onChangeHandler: i,
+    inputValue: n,
+    inputChangeHandler: u,
+    onInputFocusOutEvent: c,
+    inputClassName: y,
+    isSearchable: E,
+    inputType: M,
+    showInput: T,
+    inputSuffix: A,
+    selectedLabel: W,
+    suffixPadding: H,
+    disableInputAutoSize: z,
+    selectedOptions: L,
+    isMulti: F,
+    dropDownItemClickHandler: G,
+    showToggle: U,
+    toggleChangeHandler: j,
+    selectedToggleOption: b,
+    toggleOptionsList: v,
+    border: _,
+    height: l,
+    disabled: r,
+    fieldColor: x,
+    errorMsg: t,
+    showErrorMsg: m,
+    placeholderStyle: w,
+    onInputKeyDown: S,
+    showEmptyDropdownPopup: R = !0,
+    isDropdownFixed: P = !1,
+    dropdownClassName: B = "",
+    wrapperClass: K = "",
+    maxInputLength: ne,
+    alternateListBgStyle: ce,
+    showLabelTooltip: de = !1,
+    labelToolTipContent: Je = "",
+    inputContainerClasses: _e = "",
+    onInputFocus: pe
+  } = f, [Y, Q] = be(!1), [X, Qe] = be(null), oe = re(null), he = re(null), Ee = re(null), me = re([]), Xe = it(() => O?.filter((N) => N ? N.label.toLowerCase().includes((n ?? "").toLowerCase()) : void 0), [n, O]), [et, ve] = be(!1), tt = () => {
+    Q(!1), F && u && u(""), Qe(null);
+  }, Ne = ue(
+    (N) => {
+      N.stopPropagation(), r || Q((D) => !D);
+    },
+    [r]
+  ), Se = (n?.length || 0) + 2 + Number(H || 0);
+  Et(oe, tt), fe(() => {
+    X !== null && me.current[X] && me.current[X].scrollIntoView({ block: "nearest" });
+  }, [X]);
+  const ee = ue(() => {
+    if (P && Y) {
+      const N = T ? he.current : Ee.current, D = oe.current;
+      if (N && D) {
+        const I = N.getBoundingClientRect();
+        D.style.position = "fixed", D.style.top = `${window.scrollY ? I.bottom + window.scrollY : I.bottom}px`, D.style.left = `${I.left}px`, D.style.width = `${I.width}px`;
+      }
+    }
+  }, [P, Y, T]);
+  fe(() => {
+    if (P)
+      return Y ? (ee(), window.addEventListener("scroll", ee, !0)) : window.removeEventListener("scroll", ee, !0), () => {
+        window.removeEventListener("scroll", ee, !0);
+      };
+  }, [P, ee, Y]), _t(oe, () => {
+    et && c && c();
+  });
+  const Me = (N) => {
+    if (F && G) {
+      const D = L?.some((I) => I.value === N.value);
+      G(!!D, N);
+    }
+  }, nt = ue(
+    async (N) => {
+      N.stopPropagation(), Y || Q(!0), pe && await pe();
+    },
+    [pe, Y]
+  );
+  return /* @__PURE__ */ C.jsxs("div", { className: `hfl-relative hfl-inline-block hfl-text-left ${K || ""}`, children: [
+    !!o && /* @__PURE__ */ C.jsxs("div", { className: "hfl-text-Gray-700 hfl-mb-1 hfl-flex", children: [
+      /* @__PURE__ */ C.jsx(Ce, { type: "Text sm", variant: "Medium", className: d || "", children: `${o}` }),
+      p && /* @__PURE__ */ C.jsx("span", { className: "hfl-ml-1 hfl-text-Error-600", children: "*" }),
+      de && /* @__PURE__ */ C.jsx(lt, { variant: "Right", text: Je, theme: "dark", children: /* @__PURE__ */ C.jsx("i", { className: "hx_info-filled" }) })
+    ] }),
+    T ? /* @__PURE__ */ C.jsxs(C.Fragment, { children: [
+      /* @__PURE__ */ C.jsxs(
+        "div",
+        {
+          className: `hfl-flex hfl-items-center hfl-shadow-xs hfl-px-2 ${_e || ""} ${_ || "hfl-border-1"} hfl-rounded-lg hfl-overflow-x-auto  ${t ? "hfl-border-Error-300" : "hfl-border-Gray-300"} ${l || "hfl-h-10"} ${r ? "!hfl-bg-Gray-50 !hfl-pointer-events-none" : x || "hfl-bg-White"} hover:hfl-border-Primary-300 hover:hfl-shadow-xs-primary`,
+          onClick: r ? () => {
+          } : Ne,
+          children: [
+            L?.map((N, D) => /* @__PURE__ */ C.jsxs(
+              "div",
+              {
+                className: "hfl-flex hfl-items-center hfl-bg-Blue-100 hfl-mr-2 hfl-py-1 hfl-px-2 hfl-rounded-sm hfl-font-inter-0 hfl-text-nowrap",
+                children: [
+                  /* @__PURE__ */ C.jsx("span", { className: "hfl-pointer-events-none", children: N.label }),
+                  /* @__PURE__ */ C.jsx(
+                    "span",
+                    {
+                      onClick: (I) => {
+                        I.stopPropagation(), Me(N);
+                      },
+                      className: "hx_close hfl-text-Gray-500 hfl-my-0 hfl-text-[14px] hfl-ml-[1px] hfl-cursor-pointer"
+                    }
+                  )
+                ]
+              },
+              `${N.label}-${D}`
+            )),
+            Object.keys(w || {}).length > 0 && /* @__PURE__ */ C.jsx("style", { children: `
+                  input.input-placeholder::placeholder {
+                  font-family: ${w?.fontFamily};
+                  font-weight: ${w?.fontWeight};
+                  line-height: ${w?.lineHeight};
+                  font-size: ${w?.fontSize};
+                  color: ${w?.color};
+                  }
+                ` }),
+            /* @__PURE__ */ C.jsx(
+              "input",
+              {
+                ref: he,
+                style: z ? {} : { width: `${Number(n?.length) > 4 ? (n?.length || 0) + 5 : 12}ch` },
+                type: M,
+                placeholder: e,
+                value: n,
+                className: `input-placeholder hfl-flex-1 hfl-pl-2 hfl-placeholder hfl-py-1 focus-visible:hfl-outline-0 focus-visible:hfl-outline-none hfl-border-0 focus:hfl-border-0 ${r ? "!hfl-bg-Gray-50 !hfl-cursor-not-allowed" : x || "hfl-bg-White"} ${y || ""}`,
+                onChange: (N) => {
+                  u && u(N.target.value), ve(!0);
+                },
+                onClick: nt,
+                onKeyDown: (N) => S && S(N, Q, he),
+                maxLength: ne ?? ne,
+                ...f.inputProps || {}
+              }
+            ),
+            !a && !s && /* @__PURE__ */ C.jsx("i", { className: "hx_down hfl-mx-2" }),
+            s && /* @__PURE__ */ C.jsx(
+              "i",
+              {
+                className: `${n ? "hx_close hfl-cursor-pointer" : "hx_down"} hfl-mx-2`,
+                onClick: () => {
+                  (h?.value || n) && (u && u(""), ve(!0));
+                }
+              }
+            ),
+            A ? /* @__PURE__ */ C.jsx(
+              "span",
+              {
+                style: { left: `${Se < 2 ? "3" : Se}ch` },
+                className: "hfl-absolute hfl-top-1/2 hfl--translate-y-1/2 hfl-pointer-events-none",
+                children: A
+              }
+            ) : null
+          ]
+        }
+      ),
+      m && /* @__PURE__ */ C.jsx("span", { className: "hfl-text-0 hfl-text-Error-600", children: t })
+    ] }) : /* @__PURE__ */ C.jsxs(
+      "button",
+      {
+        ref: Ee,
+        onClick: Ne,
+        className: `hfl-w-full hfl-bg-White hfl-py-[6px] hfl-px-4 hfl-rounded-lg hfl-inline-flex hfl-justify-between hfl-items-center ${g || ""} ${_ || "hfl-border-1"} ${t ? "hfl-border-Error-300" : "hfl-border-Gray-300"} ${l || "hfl-h-[40px]"} ${r ? "!hfl-bg-Gray-50 !hfl-cursor-not-allowed" : ""}`,
+        style: W || h?.label ? {} : w ? {
+          fontFamily: w?.fontFamily,
+          fontSize: w?.fontSize,
+          fontWeight: w?.fontWeight,
+          lineHeight: w?.lineHeight,
+          color: w?.color
+        } : {},
+        children: [
+          /* @__PURE__ */ C.jsx("span", { className: "hfl-pr-4", children: W || h?.label || e || "Select an option" }),
+          /* @__PURE__ */ C.jsx("img", { src: St, alt: "down arrow" })
+        ]
+      }
+    ),
+    O && O?.length >= 0 && /* @__PURE__ */ C.jsxs(
+      "ul",
+      {
+        ref: oe,
+        className: `custom-dropdown-menu ${Y ? "hfl-visible" : "hfl-invisible"} hfl-absolute hfl-z-50 hfl-grid hfl-gap-1 hfl-mt-3 hfl-w-full hfl-rounded-lg hfl-shadow-lg hfl-bg-White hfl-font-inter-0 hfl-p-1 hfl-px-2 ${F ? "hfl-min-w-[20em]" : "hfl-min-w-[16em]"} hfl-max-h-[330px] hfl-overflow-y-scroll ${B}`,
+        role: "menu",
+        "aria-orientation": "vertical",
+        "aria-labelledby": "options-menu",
+        children: [
+          U ? /* @__PURE__ */ C.jsx(
+            Nt,
+            {
+              onChangeHandler: j,
+              selectedOption: b,
+              options: v
+            }
+          ) : !1,
+          (E ? Xe : O)?.map((N, D) => {
+            const I = F ? !!L?.some((ye) => ye.value === N?.value) : !1, Re = h?.value === N?.value, ot = X === D;
+            return N ? /* @__PURE__ */ C.jsx(
+              "li",
+              {
+                onClick: () => {
+                  F ? Me(N) : (i && i(N), Q(!1), ve(!1));
+                },
+                className: `hfl-text-1 hfl-block hfl-px-4 hfl-py-2 hfl-rounded-md hover:hfl-bg-Blue-50 hfl-cursor-pointer custom_dropdown_item ${ce ? "odd:hfl-bg-Gray-100" : ""}  ${Re ? "hfl-bg-Blue-50 hfl-text-Blue-500" : ""}`,
+                role: "menuitem",
+                "aria-selected": Re,
+                tabIndex: ot ? 0 : -1,
+                ref: (ye) => {
+                  me.current[D] = ye;
+                },
+                children: F ? /* @__PURE__ */ C.jsx(
+                  st,
+                  {
+                    size: "sm",
+                    disabled: !1,
+                    text: /* @__PURE__ */ C.jsx("span", { children: N.label }),
+                    secondaryText: "",
+                    id: `${N.label}-${D}`,
+                    isMarked: I
+                  }
+                ) : N.label
+              },
+              `${N.label}-${D}`
+            ) : null;
+          }),
+          O?.length === 0 && R && /* @__PURE__ */ C.jsx(
+            "li",
+            {
+              className: "hfl-block hfl-px-4 hfl-py-2 hfl-rounded-md hover:hfl-bg-Blue-50 hfl-cursor-pointer custom_dropdown_item",
+              children: "No items found, please change the search criteria"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+export {
+  Dt as A,
+  Pt as C,
+  xt as M,
+  Nt as T
+};