@emporix/component-library 1.4.2 → 1.5.0

package/dist/index.es.js

@@ -0,0 +1,1073 @@
+import Y, { useState as ce, useRef as le, useMemo as ke, useEffect as de, useId as we } from "react";
+var ve = { exports: {} }, fe = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ee;
+function qe() {
+  if (Ee) return fe;
+  Ee = 1;
+  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function n(o, a, c) {
+    var u = null;
+    if (c !== void 0 && (u = "" + c), a.key !== void 0 && (u = "" + a.key), "key" in a) {
+      c = {};
+      for (var g in a)
+        g !== "key" && (c[g] = a[g]);
+    } else c = a;
+    return a = c.ref, {
+      $$typeof: e,
+      type: o,
+      key: u,
+      ref: a !== void 0 ? a : null,
+      props: c
+    };
+  }
+  return fe.Fragment = r, fe.jsx = n, fe.jsxs = n, fe;
+}
+var pe = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ne;
+function Fe() {
+  return Ne || (Ne = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === Z ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case v:
+          return "Fragment";
+        case k:
+          return "Profiler";
+        case O:
+          return "StrictMode";
+        case T:
+          return "Suspense";
+        case I:
+          return "SuspenseList";
+        case oe:
+          return "Activity";
+      }
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), t.$$typeof) {
+          case b:
+            return "Portal";
+          case C:
+            return t.displayName || "Context";
+          case P:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case f:
+            var l = t.render;
+            return t = t.displayName, t || (t = l.displayName || l.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case ne:
+            return l = t.displayName || null, l !== null ? l : e(t.type) || "Memo";
+          case M:
+            l = t._payload, t = t._init;
+            try {
+              return e(t(l));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(t) {
+      return "" + t;
+    }
+    function n(t) {
+      try {
+        r(t);
+        var l = !1;
+      } catch {
+        l = !0;
+      }
+      if (l) {
+        l = console;
+        var h = l.error, x = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return h.call(
+          l,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          x
+        ), r(t);
+      }
+    }
+    function o(t) {
+      if (t === v) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === M)
+        return "<...>";
+      try {
+        var l = e(t);
+        return l ? "<" + l + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var t = w.A;
+      return t === null ? null : t.getOwner();
+    }
+    function c() {
+      return Error("react-stack-top-frame");
+    }
+    function u(t) {
+      if (y.call(t, "key")) {
+        var l = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (l && l.isReactWarning) return !1;
+      }
+      return t.key !== void 0;
+    }
+    function g(t, l) {
+      function h() {
+        L || (L = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          l
+        ));
+      }
+      h.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: h,
+        configurable: !0
+      });
+    }
+    function d() {
+      var t = e(this.type);
+      return q[t] || (q[t] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), t = this.props.ref, t !== void 0 ? t : null;
+    }
+    function m(t, l, h, x, z, se) {
+      var N = h.ref;
+      return t = {
+        $$typeof: W,
+        type: t,
+        key: l,
+        props: h,
+        _owner: x
+      }, (N !== void 0 ? N : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: d
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(t, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(t, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: z
+      }), Object.defineProperty(t, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: se
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function S(t, l, h, x, z, se) {
+      var N = l.children;
+      if (N !== void 0)
+        if (x)
+          if (p(N)) {
+            for (x = 0; x < N.length; x++)
+              $(N[x]);
+            Object.freeze && Object.freeze(N);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else $(N);
+      if (y.call(l, "key")) {
+        N = e(t);
+        var K = Object.keys(l).filter(function(ge) {
+          return ge !== "key";
+        });
+        x = 0 < K.length ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}", G[N + x] || (K = 0 < K.length ? "{" + K.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          x,
+          N,
+          K,
+          N
+        ), G[N + x] = !0);
+      }
+      if (N = null, h !== void 0 && (n(h), N = "" + h), u(l) && (n(l.key), N = "" + l.key), "key" in l) {
+        h = {};
+        for (var ue in l)
+          ue !== "key" && (h[ue] = l[ue]);
+      } else h = l;
+      return N && g(
+        h,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), m(
+        t,
+        N,
+        h,
+        a(),
+        z,
+        se
+      );
+    }
+    function $(t) {
+      A(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === M && (t._payload.status === "fulfilled" ? A(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    }
+    function A(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === W;
+    }
+    var D = Y, W = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), P = Symbol.for("react.consumer"), C = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), ne = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), oe = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), w = D.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, y = Object.prototype.hasOwnProperty, p = Array.isArray, B = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    D = {
+      react_stack_bottom_frame: function(t) {
+        return t();
+      }
+    };
+    var L, q = {}, H = D.react_stack_bottom_frame.bind(
+      D,
+      c
+    )(), U = B(o(c)), G = {};
+    pe.Fragment = v, pe.jsx = function(t, l, h) {
+      var x = 1e4 > w.recentlyCreatedOwnerStacks++;
+      return S(
+        t,
+        l,
+        h,
+        !1,
+        x ? Error("react-stack-top-frame") : H,
+        x ? B(o(t)) : U
+      );
+    }, pe.jsxs = function(t, l, h) {
+      var x = 1e4 > w.recentlyCreatedOwnerStacks++;
+      return S(
+        t,
+        l,
+        h,
+        !0,
+        x ? Error("react-stack-top-frame") : H,
+        x ? B(o(t)) : U
+      );
+    };
+  })()), pe;
+}
+var Oe;
+function We() {
+  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? ve.exports = qe() : ve.exports = Fe()), ve.exports;
+}
+var i = We();
+const ze = "_primaryButton_uyzzr_1", Ve = "_primaryButtonDisabled_uyzzr_34", Ye = "_spinner_uyzzr_42", xe = {
+  primaryButton: ze,
+  primaryButtonDisabled: Ve,
+  spinner: Ye
+};
+var Ae = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, Ce = Y.createContext && /* @__PURE__ */ Y.createContext(Ae), Me = ["attr", "size", "title"];
+function He(e, r) {
+  if (e == null) return {};
+  var n, o, a = Ue(e, r);
+  if (Object.getOwnPropertySymbols) {
+    var c = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < c.length; o++) n = c[o], r.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+  }
+  return a;
+}
+function Ue(e, r) {
+  if (e == null) return {};
+  var n = {};
+  for (var o in e) if ({}.hasOwnProperty.call(e, o)) {
+    if (r.indexOf(o) !== -1) continue;
+    n[o] = e[o];
+  }
+  return n;
+}
+function ye() {
+  return ye = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var n = arguments[r];
+      for (var o in n) ({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
+    }
+    return e;
+  }, ye.apply(null, arguments);
+}
+function Re(e, r) {
+  var n = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    })), n.push.apply(n, o);
+  }
+  return n;
+}
+function he(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var n = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? Re(Object(n), !0).forEach(function(o) {
+      Je(e, o, n[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Re(Object(n)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(n, o));
+    });
+  }
+  return e;
+}
+function Je(e, r, n) {
+  return (r = Ze(r)) in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
+}
+function Ze(e) {
+  var r = Ge(e, "string");
+  return typeof r == "symbol" ? r : r + "";
+}
+function Ge(e, r) {
+  if (typeof e != "object" || !e) return e;
+  var n = e[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var o = n.call(e, r);
+    if (typeof o != "object") return o;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (r === "string" ? String : Number)(e);
+}
+function De(e) {
+  return e && e.map((r, n) => /* @__PURE__ */ Y.createElement(r.tag, he({
+    key: n
+  }, r.attr), De(r.child)));
+}
+function _e(e) {
+  return (r) => /* @__PURE__ */ Y.createElement(Ke, ye({
+    attr: he({}, e.attr)
+  }, r), De(e.child));
+}
+function Ke(e) {
+  var r = (n) => {
+    var {
+      attr: o,
+      size: a,
+      title: c
+    } = e, u = He(e, Me), g = a || n.size || "1em", d;
+    return n.className && (d = n.className), e.className && (d = (d ? d + " " : "") + e.className), /* @__PURE__ */ Y.createElement("svg", ye({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, n.attr, o, u, {
+      className: d,
+      style: he(he({
+        color: e.color || n.color
+      }, n.style), e.style),
+      height: g,
+      width: g,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), c && /* @__PURE__ */ Y.createElement("title", null, c), e.children);
+  };
+  return Ce !== void 0 ? /* @__PURE__ */ Y.createElement(Ce.Consumer, null, (n) => r(n)) : r(Ae);
+}
+function Xe(e) {
+  return _e({ attr: { viewBox: "0 0 24 24", fill: "none" }, child: [{ tag: "path", attr: { opacity: "0.2", fillRule: "evenodd", clipRule: "evenodd", d: "M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", fill: "currentColor" }, child: [] }, { tag: "path", attr: { d: "M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z", fill: "currentColor" }, child: [] }] })(e);
+}
+const cr = ({
+  children: e,
+  disabled: r = !1,
+  loading: n = !1,
+  onClick: o,
+  className: a = "",
+  "data-testid": c,
+  ...u
+}) => {
+  const g = [
+    xe.primaryButton,
+    r ? xe.primaryButtonDisabled : "",
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i.jsxs(
+    "button",
+    {
+      type: "button",
+      className: g,
+      disabled: r || n,
+      onClick: o,
+      "data-testid": c,
+      ...u,
+      children: [
+        n && /* @__PURE__ */ i.jsx(Xe, { className: xe.spinner, size: 12 }),
+        e
+      ]
+    }
+  );
+}, Qe = "_secondaryButton_1s7ft_1", et = "_secondaryButtonDisabled_1s7ft_33", Se = {
+  secondaryButton: Qe,
+  secondaryButtonDisabled: et
+}, ur = ({
+  children: e,
+  disabled: r = !1,
+  onClick: n,
+  className: o = "",
+  "data-testid": a,
+  ...c
+}) => {
+  const u = [
+    Se.secondaryButton,
+    r ? Se.secondaryButtonDisabled : "",
+    o
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i.jsx(
+    "button",
+    {
+      type: "button",
+      className: u,
+      disabled: r,
+      onClick: n,
+      "data-testid": a,
+      ...c,
+      children: e
+    }
+  );
+}, tt = "_tabsContainer_m3c4e_1", rt = "_tabsHeader_m3c4e_7", nt = "_tabItem_m3c4e_13", ot = "_tabContent_m3c4e_29", st = "_tabLabel_m3c4e_51", at = "_tabLine_m3c4e_61", lt = "_active_m3c4e_68", it = "_inactive_m3c4e_76", ct = "_tabPanels_m3c4e_84", J = {
+  tabsContainer: tt,
+  tabsHeader: rt,
+  tabItem: nt,
+  tabContent: ot,
+  tabLabel: st,
+  tabLine: at,
+  active: lt,
+  inactive: it,
+  tabPanels: ct
+}, dr = ({
+  tabs: e,
+  activeTabId: r,
+  onTabChange: n,
+  className: o = "",
+  "data-testid": a,
+  ...c
+}) => {
+  var g;
+  const u = [J.tabsContainer, o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i.jsxs("div", { className: u, "data-testid": a, ...c, children: [
+    /* @__PURE__ */ i.jsx("div", { className: J.tabsHeader, children: e.map((d) => {
+      const m = d.id === r, S = [
+        J.tabItem,
+        m ? J.active : J.inactive
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ i.jsxs(
+        "button",
+        {
+          type: "button",
+          className: S,
+          onClick: () => n(d.id),
+          "data-testid": `${a}-tab-${d.id}`,
+          children: [
+            /* @__PURE__ */ i.jsx("div", { className: J.tabContent, children: /* @__PURE__ */ i.jsx("span", { className: J.tabLabel, children: d.label }) }),
+            /* @__PURE__ */ i.jsx("div", { className: J.tabLine })
+          ]
+        },
+        d.id
+      );
+    }) }),
+    /* @__PURE__ */ i.jsx("div", { className: J.tabPanels, children: (g = e.find((d) => d.id === r)) == null ? void 0 : g.content })
+  ] });
+};
+function ut(e) {
+  return _e({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "11", cy: "11", r: "8" }, child: [] }, { tag: "line", attr: { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }, child: [] }] })(e);
+}
+function dt(e) {
+  return _e({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "10" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "16", x2: "12", y2: "12" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "8", x2: "12.01", y2: "8" }, child: [] }] })(e);
+}
+function ft(e) {
+  return _e({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "9 18 15 12 9 6" }, child: [] }] })(e);
+}
+function Ie(e) {
+  return _e({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "6 9 12 15 18 9" }, child: [] }] })(e);
+}
+const pt = "_dropdown_1xupi_1", _t = "_label_1xupi_9", mt = "_required_1xupi_18", vt = "_trigger_1xupi_23", yt = "_triggerDisabled_1xupi_47", ht = "_triggerInput_1xupi_56", gt = "_value_1xupi_74", bt = "_placeholder_1xupi_82", xt = "_chevron_1xupi_86", jt = "_open_1xupi_93", kt = "_panel_1xupi_117", wt = "_panelClosing_1xupi_134", Et = "_filterWrapper_1xupi_138", Nt = "_filterInput_1xupi_145", Ot = "_filterIcon_1xupi_164", Ct = "_list_1xupi_175", Rt = "_option_1xupi_184", St = "_optionSelected_1xupi_196", Pt = "_optionHighlighted_1xupi_200", Bt = "_optionDisabled_1xupi_204", At = "_empty_1xupi_213", Dt = "_disabled_1xupi_220", E = {
+  dropdown: pt,
+  label: _t,
+  required: mt,
+  trigger: vt,
+  triggerDisabled: yt,
+  triggerInput: ht,
+  value: gt,
+  placeholder: bt,
+  chevron: xt,
+  open: jt,
+  panel: kt,
+  panelClosing: wt,
+  filterWrapper: Et,
+  filterInput: Nt,
+  filterIcon: Ot,
+  list: Ct,
+  option: Rt,
+  optionSelected: St,
+  optionHighlighted: Pt,
+  optionDisabled: Bt,
+  empty: At,
+  disabled: Dt
+}, ee = (e, r) => {
+  const o = e[r];
+  return o != null ? String(o) : "";
+}, ie = (e, r) => e[r], F = (e, r) => r == null ? !1 : !!e[r], fr = ({
+  value: e,
+  onChange: r,
+  onEditEnd: n,
+  options: o,
+  optionLabel: a = "label",
+  optionValue: c = "value",
+  optionDisabled: u,
+  placeholder: g = "Select",
+  filter: d = !1,
+  editable: m = !1,
+  disabled: S = !1,
+  required: $ = !1,
+  label: A,
+  inputId: D,
+  className: W = "",
+  panelClassName: b = "",
+  valueTemplate: v,
+  itemTemplate: O,
+  "data-testid": k
+}) => {
+  const P = o.find(
+    (s) => ie(s, c) === e
+  ), C = P ? ee(P, a) : "", [f, T] = ce(!1), [I, ne] = ce(!1), [M, oe] = ce(""), [Z, w] = ce(C), [y, p] = ce(0), B = le(null), L = le(null), q = le(null), H = le(null), U = le(null), G = le(!1), t = ke(
+    () => d && !m ? o.filter(
+      (s) => ee(s, a).toLowerCase().includes(M.toLowerCase())
+    ) : o,
+    [d, m, o, a, M]
+  );
+  de(() => {
+    m && w(C);
+  }, [m, e, C]), de(() => {
+    f && d && !m && (oe(""), p(0), setTimeout(() => {
+      var s;
+      return (s = q.current) == null ? void 0 : s.focus();
+    }, 0));
+  }, [f, d, m]), de(() => {
+    if (!f) return;
+    const s = t.findIndex(
+      (R) => ie(R, c) === e
+    ), _ = t.findIndex(
+      (R) => !F(R, u)
+    ), j = s >= 0 && !F(t[s], u);
+    p(j ? s : _ >= 0 ? _ : 0);
+  }, [f, e, t, c, u]), de(() => {
+    const s = U.current;
+    s != null && s.scrollIntoView && typeof s.scrollIntoView == "function" && s.scrollIntoView({ block: "nearest" });
+  }, [y]);
+  const l = () => {
+    G.current = !0, ne(!0);
+  }, h = (s) => {
+    var _;
+    (G.current || (_ = s.animationName) != null && _.includes("menuOut")) && (G.current = !1, T(!1), ne(!1), m && w(C));
+  };
+  de(() => {
+    if (!f && !I) return;
+    const s = (_) => {
+      B.current && !B.current.contains(_.target) && (m && w(C), l());
+    };
+    return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
+  }, [f, I, m, C]);
+  const x = () => {
+    S || T((s) => !s);
+  }, z = (s, _) => {
+    if (F(s, u)) return;
+    const j = ie(s, c);
+    m && w(ee(s, a)), r == null || r({
+      value: j ?? null,
+      originalEvent: _
+    }), l();
+  }, se = (s) => {
+    if (!f) {
+      if (s.key === "Enter" && m && Z.trim()) {
+        s.preventDefault();
+        const _ = Z.trim(), j = _.toLowerCase(), R = o.find((ae) => {
+          const Q = ee(ae, a).toLowerCase();
+          return Q === j || Q.startsWith(j);
+        }), X = R && !F(R, u) ? ie(R, c) : null;
+        R && !F(R, u) && (w(ee(R, a)), r == null || r({
+          value: X,
+          originalEvent: s
+        })), n == null || n({
+          value: _,
+          selectedValue: X,
+          originalEvent: s
+        });
+        return;
+      }
+      (s.key === "Enter" || s.key === " " || s.key === "ArrowDown") && (s.preventDefault(), T(!0));
+      return;
+    }
+    if (s.key === "Escape") {
+      s.preventDefault(), l();
+      return;
+    }
+    if (s.key === "ArrowDown") {
+      s.preventDefault(), p((_) => {
+        for (let j = _ + 1; j < t.length; j++)
+          if (!F(t[j], u))
+            return j;
+        return _;
+      });
+      return;
+    }
+    if (s.key === "ArrowUp") {
+      s.preventDefault(), p((_) => {
+        for (let j = _ - 1; j >= 0; j--)
+          if (!F(t[j], u))
+            return j;
+        return _;
+      });
+      return;
+    }
+    if (s.key === "Enter") {
+      if (s.preventDefault(), m) {
+        const _ = Z.trim();
+        if (_) {
+          const j = _.toLowerCase(), R = o.find((ae) => {
+            const Q = ee(ae, a).toLowerCase();
+            return Q === j || Q.startsWith(j);
+          }), X = R && !F(R, u) ? ie(R, c) : null;
+          R && !F(R, u) && z(R, s), n == null || n({
+            value: _,
+            selectedValue: X,
+            originalEvent: s
+          });
+        } else
+          n == null || n({ value: "", selectedValue: null, originalEvent: s });
+      } else if (t[y]) {
+        const _ = t[y];
+        F(_, u) || z(_, s);
+      }
+    }
+  }, N = [
+    E.dropdown,
+    S ? E.disabled : "",
+    f ? E.open : "",
+    W
+  ].filter(Boolean).join(" "), K = [
+    E.trigger,
+    S ? E.triggerDisabled : ""
+  ].filter(Boolean).join(" "), ue = [
+    E.panel,
+    I ? E.panelClosing : "",
+    b
+  ].filter(Boolean).join(" "), ge = we(), me = D ?? `dropdown-${ge.replace(/[^a-zA-Z0-9_-]/g, "")}`, be = `${me}-panel`;
+  return /* @__PURE__ */ i.jsxs("div", { className: N, ref: B, "data-testid": k, children: [
+    A != null && /* @__PURE__ */ i.jsxs("label", { htmlFor: me, className: E.label, children: [
+      A,
+      $ && /* @__PURE__ */ i.jsx("span", { className: E.required, children: "*" })
+    ] }),
+    /* @__PURE__ */ i.jsxs(
+      "div",
+      {
+        id: m ? void 0 : me,
+        role: "combobox",
+        "aria-expanded": f || I,
+        "aria-haspopup": "listbox",
+        "aria-controls": f || I ? be : void 0,
+        "aria-disabled": S,
+        "aria-label": typeof A == "string" ? A : void 0,
+        tabIndex: m || S ? -1 : 0,
+        className: K,
+        onClick: m ? void 0 : x,
+        onKeyDown: m ? void 0 : se,
+        "data-testid": k && !m ? `${k}-trigger` : void 0,
+        children: [
+          m ? /* @__PURE__ */ i.jsx(
+            "input",
+            {
+              ref: H,
+              id: me,
+              type: "text",
+              className: E.triggerInput,
+              value: Z,
+              onChange: (s) => {
+                w(s.target.value), !f && !I && T(!0), p(0);
+              },
+              onFocus: () => {
+                !S && !f && !I && T(!0);
+              },
+              onKeyDown: se,
+              placeholder: g,
+              disabled: S,
+              "aria-autocomplete": "list",
+              "aria-controls": f || I ? be : void 0,
+              "aria-expanded": f || I,
+              "data-testid": k ? `${k}-trigger` : void 0
+            }
+          ) : /* @__PURE__ */ i.jsx("span", { className: E.value, children: v ? v(P ?? null) : C || /* @__PURE__ */ i.jsx("span", { className: E.placeholder, children: g }) }),
+          /* @__PURE__ */ i.jsx(
+            Ie,
+            {
+              className: E.chevron,
+              "aria-hidden": !0,
+              onClick: m ? x : void 0
+            }
+          )
+        ]
+      }
+    ),
+    (f || I) && /* @__PURE__ */ i.jsxs(
+      "div",
+      {
+        ref: L,
+        id: be,
+        className: ue,
+        role: "presentation",
+        onAnimationEnd: h,
+        "data-testid": k ? `${k}-panel` : void 0,
+        children: [
+          d && !m && /* @__PURE__ */ i.jsxs("div", { className: E.filterWrapper, children: [
+            /* @__PURE__ */ i.jsx(
+              "input",
+              {
+                ref: q,
+                type: "text",
+                className: E.filterInput,
+                value: M,
+                onChange: (s) => {
+                  oe(s.target.value), p(0);
+                },
+                onKeyDown: (s) => {
+                  s.key === "Escape" && T(!1), s.stopPropagation();
+                },
+                placeholder: "Search...",
+                "aria-label": "Filter options",
+                title: "Filter options",
+                "data-testid": k ? `${k}-filter` : void 0
+              }
+            ),
+            /* @__PURE__ */ i.jsx(ut, { className: E.filterIcon, "aria-hidden": !0 })
+          ] }),
+          /* @__PURE__ */ i.jsx("ul", { className: E.list, role: "listbox", "aria-label": "Options", children: t.length === 0 ? /* @__PURE__ */ i.jsx("li", { className: E.empty, children: "No results" }) : t.map((s, _) => {
+            const j = ie(s, c), R = ee(s, a), X = F(s, u), ae = e === j, Q = _ === y, Te = j != null ? String(j) : `option-${_}`;
+            return /* @__PURE__ */ i.jsx(
+              "li",
+              {
+                ref: Q ? U : void 0,
+                role: "option",
+                "aria-selected": ae,
+                "aria-disabled": X,
+                className: [
+                  E.option,
+                  ae ? E.optionSelected : "",
+                  Q ? E.optionHighlighted : "",
+                  X ? E.optionDisabled : ""
+                ].filter(Boolean).join(" "),
+                onMouseEnter: () => !X && p(_),
+                onClick: (Le) => z(s, Le),
+                "data-testid": k ? `${k}-option-${_}` : void 0,
+                children: O ? O(s) : R
+              },
+              Te
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+}, It = "_inputText_1crp5_1", $t = "_label_1crp5_9", Tt = "_required_1crp5_20", Lt = "_tooltipIcon_1crp5_25", qt = "_input_1crp5_1", Ft = "_inputTextarea_1crp5_72", Wt = "_inputTextDisabled_1crp5_79", te = {
+  inputText: It,
+  label: $t,
+  required: Tt,
+  tooltipIcon: Lt,
+  input: qt,
+  inputTextarea: Ft,
+  inputTextDisabled: Wt
+}, pr = ({
+  label: e,
+  tooltip: r,
+  required: n = !1,
+  inputId: o,
+  textarea: a = !1,
+  rows: c,
+  className: u = "",
+  "data-testid": g,
+  disabled: d = !1,
+  ...m
+}) => {
+  const { type: S = "text", ...$ } = m, A = we(), D = o || `input-text-${A.replace(/[^a-zA-Z0-9_-]/g, "")}`, W = [
+    te.inputText,
+    d ? te.inputTextDisabled : "",
+    u
+  ].filter(Boolean).join(" "), b = $["aria-invalid"];
+  let v;
+  b === void 0 ? v = void 0 : b === !0 ? v = "true" : b === !1 ? v = "false" : v = b;
+  const O = n ? { "aria-required": "true" } : { "aria-required": "false" }, k = v === void 0 ? {} : { "aria-invalid": v }, P = [te.input, a ? te.inputTextarea : ""].filter(Boolean).join(" "), C = {
+    id: D,
+    className: P,
+    disabled: d,
+    ...O,
+    ...k,
+    "data-testid": g ? `${g}-input` : void 0
+  };
+  return /* @__PURE__ */ i.jsxs("div", { className: W, "data-testid": g, children: [
+    e != null && /* @__PURE__ */ i.jsxs("label", { htmlFor: D, className: te.label, children: [
+      e,
+      n && /* @__PURE__ */ i.jsx("span", { className: te.required, children: "*" }),
+      r != null && /* @__PURE__ */ i.jsx(
+        "span",
+        {
+          className: te.tooltipIcon,
+          title: r,
+          "aria-label": r,
+          children: /* @__PURE__ */ i.jsx(dt, { "aria-hidden": !0 })
+        }
+      )
+    ] }),
+    a ? /* @__PURE__ */ i.jsx(
+      "textarea",
+      {
+        ...$,
+        ...C,
+        rows: c ?? 3
+      }
+    ) : /* @__PURE__ */ i.jsx("input", { ...$, ...C, type: S })
+  ] });
+}, zt = "_accordion_l1hoq_1", Vt = "_tab_l1hoq_6", Yt = "_headerButton_l1hoq_11", Mt = "_headerContent_l1hoq_39", Ht = "_icon_l1hoq_45", Ut = "_panel_l1hoq_53", Jt = "_panelCollapsed_l1hoq_58", Zt = "_panelOpen_l1hoq_64", Gt = "_panelContent_l1hoq_70", Kt = "_noBorderLast_l1hoq_74", V = {
+  accordion: zt,
+  tab: Vt,
+  headerButton: Yt,
+  headerContent: Mt,
+  icon: Ht,
+  panel: Ut,
+  panelCollapsed: Jt,
+  panelOpen: Zt,
+  panelContent: Gt,
+  noBorderLast: Kt
+}, $e = (e) => null;
+$e.displayName = "AccordionTab";
+const Xt = (e, r) => e == null ? [] : Array.isArray(e) ? r ? e : e.slice(0, 1) : [e], Qt = (e) => e.replace(/[^a-zA-Z0-9_-]/g, ""), er = ({
+  activeIndex: e,
+  multiple: r = !1,
+  expandIcon: n,
+  collapseIcon: o,
+  onTabChange: a,
+  onTabOpen: c,
+  onTabClose: u,
+  className: g = "",
+  transitionOptions: d,
+  pt: m,
+  ptOptions: S,
+  unstyled: $,
+  children: A,
+  ...D
+}) => {
+  const W = we(), b = Qt(W), v = ke(() => Y.Children.toArray(A).filter(
+    (y) => Y.isValidElement(y) && y.type === $e
+  ), [A]), O = e !== void 0, k = ke(() => Xt(e, r), [e, r]), [P, C] = ce([]), f = O ? k : P, T = typeof d == "object" && d != null && typeof d.timeout == "number" ? d.timeout : void 0, I = /* @__PURE__ */ i.jsx(ft, { "aria-hidden": !0 }), ne = /* @__PURE__ */ i.jsx(Ie, { "aria-hidden": !0 }), M = n ?? I, oe = o ?? ne, Z = (w, y) => {
+    const p = f.includes(w);
+    if (r) {
+      const q = p ? f.filter((H) => H !== w) : [...f, w];
+      O || C(q), a == null || a({ index: q, originalEvent: y }), p ? u == null || u({ index: w, originalEvent: y }) : c == null || c({ index: w, originalEvent: y });
+      return;
+    }
+    const B = f.length ? f[0] : null, L = p ? [] : [w];
+    if (O || C(L), a == null || a({ index: L, originalEvent: y }), p) {
+      u == null || u({ index: w, originalEvent: y });
+      return;
+    }
+    B != null && (u == null || u({ index: B, originalEvent: y })), c == null || c({ index: w, originalEvent: y });
+  };
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      className: [V.accordion, g].filter(Boolean).join(" "),
+      ...D,
+      children: v.map((w, y) => {
+        var x;
+        const p = w.props, B = f.includes(y), L = !!p.disabled, q = `${b}-header-${y}`, H = `${b}-content-${y}`, U = p.headerTemplate != null ? typeof p.headerTemplate == "function" ? p.headerTemplate({
+          index: y,
+          selected: B,
+          disabled: L,
+          count: v.length,
+          first: y === 0,
+          last: y === v.length - 1
+        }) : p.headerTemplate : p.header, G = B ? oe : M, t = [
+          V.headerButton,
+          p.headerClassName ?? ""
+        ].filter(Boolean).join(" "), l = [
+          V.tab,
+          p.className ?? "",
+          y === v.length - 1 ? V.noBorderLast : ""
+        ].filter(Boolean).join(" "), h = typeof U == "string" ? U : void 0;
+        return /* @__PURE__ */ i.jsxs(
+          "div",
+          {
+            className: l,
+            style: p.style,
+            children: [
+              /* @__PURE__ */ i.jsxs(
+                "button",
+                {
+                  id: q,
+                  type: "button",
+                  disabled: L,
+                  className: t,
+                  style: p.headerStyle,
+                  "aria-controls": H,
+                  "aria-expanded": B,
+                  "aria-disabled": L,
+                  tabIndex: p.tabIndex,
+                  onClick: (z) => Z(y, z),
+                  ...p.headerProps,
+                  "aria-label": ((x = p.headerProps) == null ? void 0 : x["aria-label"]) ?? h,
+                  children: [
+                    /* @__PURE__ */ i.jsx("span", { className: V.headerContent, children: U }),
+                    /* @__PURE__ */ i.jsx("span", { className: V.icon, "aria-hidden": !0, children: G })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ i.jsx(
+                "div",
+                {
+                  id: H,
+                  role: "region",
+                  "aria-labelledby": q,
+                  "aria-hidden": !B,
+                  className: [
+                    V.panel,
+                    B ? V.panelOpen : V.panelCollapsed
+                  ].join(" "),
+                  style: {
+                    transitionDuration: T ? `${T}ms` : void 0
+                  },
+                  children: /* @__PURE__ */ i.jsx(
+                    "div",
+                    {
+                      className: [
+                        V.panelContent,
+                        p.contentClassName ?? ""
+                      ].filter(Boolean).join(" "),
+                      style: p.contentStyle,
+                      children: p.children
+                    }
+                  )
+                }
+              )
+            ]
+          },
+          y
+        );
+      })
+    }
+  );
+};
+er.displayName = "Accordion";
+const tr = "_selectButton_1u3fo_1", rr = "_selectButtonDisabled_1u3fo_9", nr = "_selectButtonInvalid_1u3fo_14", or = "_button_1u3fo_14", sr = "_buttonFirst_1u3fo_47", ar = "_buttonLast_1u3fo_51", lr = "_buttonSelected_1u3fo_59", re = {
+  selectButton: tr,
+  selectButtonDisabled: rr,
+  selectButtonInvalid: nr,
+  button: or,
+  buttonFirst: sr,
+  buttonLast: ar,
+  buttonSelected: lr
+}, Pe = (e, r) => {
+  const o = e[r];
+  return o != null ? String(o) : "";
+}, je = (e, r) => e[r], Be = (e, r) => r == null ? !1 : !!e[r], _r = ({
+  value: e,
+  onChange: r,
+  options: n,
+  optionLabel: o = "label",
+  optionValue: a = "value",
+  optionDisabled: c,
+  multiple: u = !1,
+  itemTemplate: g,
+  disabled: d = !1,
+  invalid: m = !1,
+  className: S = "",
+  "data-testid": $
+}) => {
+  const A = (b) => {
+    const v = je(b, a);
+    return u && Array.isArray(e) ? e.includes(v) : e === v;
+  }, D = (b, v) => {
+    if (d || Be(b, c)) return;
+    const O = je(b, a);
+    if (O === void 0) return;
+    let k;
+    if (u) {
+      const P = Array.isArray(e) ? e : [];
+      k = P.includes(O) ? P.filter((f) => f !== O) : [...P, O];
+    } else
+      k = e === O ? null : O;
+    r == null || r({
+      value: k,
+      originalEvent: v
+    });
+  }, W = [
+    re.selectButton,
+    d ? re.selectButtonDisabled : "",
+    m ? re.selectButtonInvalid : "",
+    S
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      className: W,
+      role: "group",
+      "aria-disabled": d,
+      "data-testid": $,
+      children: n.map((b, v) => {
+        const O = je(b, a), k = O != null ? String(O) : `option-${v}`, P = Be(b, c), C = A(b);
+        return /* @__PURE__ */ i.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": C,
+            "aria-disabled": P || d,
+            "aria-label": Pe(b, o),
+            disabled: d || P,
+            className: [
+              re.button,
+              C ? re.buttonSelected : "",
+              v === 0 ? re.buttonFirst : "",
+              v === n.length - 1 ? re.buttonLast : ""
+            ].filter(Boolean).join(" "),
+            onClick: (f) => D(b, f),
+            onKeyDown: (f) => {
+              (f.key === " " || f.key === "Enter") && (f.preventDefault(), D(b, f));
+            },
+            "data-testid": $ ? `${$}-option-${v}` : void 0,
+            children: g ? g(b) : Pe(b, o)
+          },
+          k
+        );
+      })
+    }
+  );
+};
+export {
+  er as Accordion,
+  $e as AccordionTab,
+  fr as Dropdown,
+  pr as InputText,
+  cr as PrimaryButton,
+  ur as SecondaryButton,
+  _r as SelectButton,
+  dr as Tabs
+};