@emporix/cockpit-component-library 0.0.1

package/dist/index.es.js

@@ -0,0 +1,938 @@
+import q, { useState as ae, useRef as ee, useMemo as Ie, useEffect as se, useId as Te } from "react";
+var _e = { exports: {} }, le = {};
+/**
+ * @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 je;
+function De() {
+  if (je) return le;
+  je = 1;
+  var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function n(a, l, i) {
+    var u = null;
+    if (i !== void 0 && (u = "" + i), l.key !== void 0 && (u = "" + l.key), "key" in l) {
+      i = {};
+      for (var b in l)
+        b !== "key" && (i[b] = l[b]);
+    } else i = l;
+    return l = i.ref, {
+      $$typeof: t,
+      type: a,
+      key: u,
+      ref: l !== void 0 ? l : null,
+      props: i
+    };
+  }
+  return le.Fragment = r, le.jsx = n, le.jsxs = n, le;
+}
+var ie = {};
+/**
+ * @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 ke;
+function $e() {
+  return ke || (ke = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === Z ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case y:
+          return "Fragment";
+        case j:
+          return "Profiler";
+        case E:
+          return "StrictMode";
+        case L:
+          return "Suspense";
+        case P:
+          return "SuspenseList";
+        case ue:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case g:
+            return "Portal";
+          case R:
+            return e.displayName || "Context";
+          case C:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case _:
+            var s = e.render;
+            return e = e.displayName, e || (e = s.displayName || s.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case ce:
+            return s = e.displayName || null, s !== null ? s : t(e.type) || "Memo";
+          case V:
+            s = e._payload, e = e._init;
+            try {
+              return t(e(s));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(e) {
+      return "" + e;
+    }
+    function n(e) {
+      try {
+        r(e);
+        var s = !1;
+      } catch {
+        s = !0;
+      }
+      if (s) {
+        s = console;
+        var m = s.error, x = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return m.call(
+          s,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          x
+        ), r(e);
+      }
+    }
+    function a(e) {
+      if (e === y) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === V)
+        return "<...>";
+      try {
+        var s = t(e);
+        return s ? "<" + s + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var e = B.A;
+      return e === null ? null : e.getOwner();
+    }
+    function i() {
+      return Error("react-stack-top-frame");
+    }
+    function u(e) {
+      if (M.call(e, "key")) {
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function b(e, s) {
+      function m() {
+        fe || (fe = !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)",
+          s
+        ));
+      }
+      m.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: m,
+        configurable: !0
+      });
+    }
+    function f() {
+      var e = t(this.type);
+      return re[e] || (re[e] = !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."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function p(e, s, m, x, F, X) {
+      var k = m.ref;
+      return e = {
+        $$typeof: $,
+        type: e,
+        key: s,
+        props: m,
+        _owner: x
+      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: f
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: F
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: X
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function O(e, s, m, x, F, X) {
+      var k = s.children;
+      if (k !== void 0)
+        if (x)
+          if (I(k)) {
+            for (x = 0; x < k.length; x++)
+              N(k[x]);
+            Object.freeze && Object.freeze(k);
+          } 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(k);
+      if (M.call(s, "key")) {
+        k = t(e);
+        var W = Object.keys(s).filter(function(ye) {
+          return ye !== "key";
+        });
+        x = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", K[k + x] || (W = 0 < W.length ? "{" + W.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,
+          k,
+          W,
+          k
+        ), K[k + x] = !0);
+      }
+      if (k = null, m !== void 0 && (n(m), k = "" + m), u(s) && (n(s.key), k = "" + s.key), "key" in s) {
+        m = {};
+        for (var oe in s)
+          oe !== "key" && (m[oe] = s[oe]);
+      } else m = s;
+      return k && b(
+        m,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), p(
+        e,
+        k,
+        m,
+        l(),
+        F,
+        X
+      );
+    }
+    function N(e) {
+      S(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === V && (e._payload.status === "fulfilled" ? S(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function S(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === $;
+    }
+    var T = q, $ = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), R = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), ue = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), B = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, I = Array.isArray, H = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    T = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var fe, re = {}, de = T.react_stack_bottom_frame.bind(
+      T,
+      i
+    )(), ne = H(a(i)), K = {};
+    ie.Fragment = y, ie.jsx = function(e, s, m) {
+      var x = 1e4 > B.recentlyCreatedOwnerStacks++;
+      return O(
+        e,
+        s,
+        m,
+        !1,
+        x ? Error("react-stack-top-frame") : de,
+        x ? H(a(e)) : ne
+      );
+    }, ie.jsxs = function(e, s, m) {
+      var x = 1e4 > B.recentlyCreatedOwnerStacks++;
+      return O(
+        e,
+        s,
+        m,
+        !0,
+        x ? Error("react-stack-top-frame") : de,
+        x ? H(a(e)) : ne
+      );
+    };
+  })()), ie;
+}
+var we;
+function Le() {
+  return we || (we = 1, process.env.NODE_ENV === "production" ? _e.exports = De() : _e.exports = $e()), _e.exports;
+}
+var c = Le();
+const Fe = "_primaryButton_uyzzr_1", We = "_primaryButtonDisabled_uyzzr_34", ze = "_spinner_uyzzr_42", xe = {
+  primaryButton: Fe,
+  primaryButtonDisabled: We,
+  spinner: ze
+};
+var Pe = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, Oe = q.createContext && /* @__PURE__ */ q.createContext(Pe), Ye = ["attr", "size", "title"];
+function qe(t, r) {
+  if (t == null) return {};
+  var n, a, l = Ve(t, r);
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(t);
+    for (a = 0; a < i.length; a++) n = i[a], r.indexOf(n) === -1 && {}.propertyIsEnumerable.call(t, n) && (l[n] = t[n]);
+  }
+  return l;
+}
+function Ve(t, r) {
+  if (t == null) return {};
+  var n = {};
+  for (var a in t) if ({}.hasOwnProperty.call(t, a)) {
+    if (r.indexOf(a) !== -1) continue;
+    n[a] = t[a];
+  }
+  return n;
+}
+function me() {
+  return me = Object.assign ? Object.assign.bind() : function(t) {
+    for (var r = 1; r < arguments.length; r++) {
+      var n = arguments[r];
+      for (var a in n) ({}).hasOwnProperty.call(n, a) && (t[a] = n[a]);
+    }
+    return t;
+  }, me.apply(null, arguments);
+}
+function Ee(t, r) {
+  var n = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(t);
+    r && (a = a.filter(function(l) {
+      return Object.getOwnPropertyDescriptor(t, l).enumerable;
+    })), n.push.apply(n, a);
+  }
+  return n;
+}
+function ve(t) {
+  for (var r = 1; r < arguments.length; r++) {
+    var n = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? Ee(Object(n), !0).forEach(function(a) {
+      Me(t, a, n[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : Ee(Object(n)).forEach(function(a) {
+      Object.defineProperty(t, a, Object.getOwnPropertyDescriptor(n, a));
+    });
+  }
+  return t;
+}
+function Me(t, r, n) {
+  return (r = He(r)) in t ? Object.defineProperty(t, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[r] = n, t;
+}
+function He(t) {
+  var r = Ue(t, "string");
+  return typeof r == "symbol" ? r : r + "";
+}
+function Ue(t, r) {
+  if (typeof t != "object" || !t) return t;
+  var n = t[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var a = n.call(t, r);
+    if (typeof a != "object") return a;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (r === "string" ? String : Number)(t);
+}
+function Se(t) {
+  return t && t.map((r, n) => /* @__PURE__ */ q.createElement(r.tag, ve({
+    key: n
+  }, r.attr), Se(r.child)));
+}
+function be(t) {
+  return (r) => /* @__PURE__ */ q.createElement(Je, me({
+    attr: ve({}, t.attr)
+  }, r), Se(t.child));
+}
+function Je(t) {
+  var r = (n) => {
+    var {
+      attr: a,
+      size: l,
+      title: i
+    } = t, u = qe(t, Ye), b = l || n.size || "1em", f;
+    return n.className && (f = n.className), t.className && (f = (f ? f + " " : "") + t.className), /* @__PURE__ */ q.createElement("svg", me({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, n.attr, a, u, {
+      className: f,
+      style: ve(ve({
+        color: t.color || n.color
+      }, n.style), t.style),
+      height: b,
+      width: b,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), i && /* @__PURE__ */ q.createElement("title", null, i), t.children);
+  };
+  return Oe !== void 0 ? /* @__PURE__ */ q.createElement(Oe.Consumer, null, (n) => r(n)) : r(Pe);
+}
+function Ge(t) {
+  return be({ 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: [] }] })(t);
+}
+const Ut = ({
+  children: t,
+  disabled: r = !1,
+  loading: n = !1,
+  onClick: a,
+  className: l = "",
+  "data-testid": i,
+  ...u
+}) => {
+  const b = [
+    xe.primaryButton,
+    r ? xe.primaryButtonDisabled : "",
+    l
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ c.jsxs(
+    "button",
+    {
+      type: "button",
+      className: b,
+      disabled: r || n,
+      onClick: a,
+      "data-testid": i,
+      ...u,
+      children: [
+        n && /* @__PURE__ */ c.jsx(Ge, { className: xe.spinner, size: 12 }),
+        t
+      ]
+    }
+  );
+}, Ze = "_secondaryButton_1s7ft_1", Ke = "_secondaryButtonDisabled_1s7ft_33", Re = {
+  secondaryButton: Ze,
+  secondaryButtonDisabled: Ke
+}, Jt = ({
+  children: t,
+  disabled: r = !1,
+  onClick: n,
+  className: a = "",
+  "data-testid": l,
+  ...i
+}) => {
+  const u = [
+    Re.secondaryButton,
+    r ? Re.secondaryButtonDisabled : "",
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ c.jsx(
+    "button",
+    {
+      type: "button",
+      className: u,
+      disabled: r,
+      onClick: n,
+      "data-testid": l,
+      ...i,
+      children: t
+    }
+  );
+}, Xe = "_tabsContainer_m3c4e_1", Qe = "_tabsHeader_m3c4e_7", et = "_tabItem_m3c4e_13", tt = "_tabContent_m3c4e_29", rt = "_tabLabel_m3c4e_51", nt = "_tabLine_m3c4e_61", ot = "_active_m3c4e_68", at = "_inactive_m3c4e_76", st = "_tabPanels_m3c4e_84", D = {
+  tabsContainer: Xe,
+  tabsHeader: Qe,
+  tabItem: et,
+  tabContent: tt,
+  tabLabel: rt,
+  tabLine: nt,
+  active: ot,
+  inactive: at,
+  tabPanels: st
+}, Gt = ({
+  tabs: t,
+  activeTabId: r,
+  onTabChange: n,
+  className: a = "",
+  "data-testid": l,
+  ...i
+}) => {
+  var b;
+  const u = [D.tabsContainer, a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ c.jsxs("div", { className: u, "data-testid": l, ...i, children: [
+    /* @__PURE__ */ c.jsx("div", { className: D.tabsHeader, children: t.map((f) => {
+      const p = f.id === r, O = [
+        D.tabItem,
+        p ? D.active : D.inactive
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ c.jsxs(
+        "button",
+        {
+          type: "button",
+          className: O,
+          onClick: () => n(f.id),
+          "data-testid": `${l}-tab-${f.id}`,
+          children: [
+            /* @__PURE__ */ c.jsx("div", { className: D.tabContent, children: /* @__PURE__ */ c.jsx("span", { className: D.tabLabel, children: f.label }) }),
+            /* @__PURE__ */ c.jsx("div", { className: D.tabLine })
+          ]
+        },
+        f.id
+      );
+    }) }),
+    /* @__PURE__ */ c.jsx("div", { className: D.tabPanels, children: (b = t.find((f) => f.id === r)) == null ? void 0 : b.content })
+  ] });
+};
+function lt(t) {
+  return be({ 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: [] }] })(t);
+}
+function it(t) {
+  return be({ 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: [] }] })(t);
+}
+function ct(t) {
+  return be({ 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: [] }] })(t);
+}
+const ut = "_dropdown_1xupi_1", ft = "_label_1xupi_9", dt = "_required_1xupi_18", pt = "_trigger_1xupi_23", _t = "_triggerDisabled_1xupi_47", mt = "_triggerInput_1xupi_56", vt = "_value_1xupi_74", bt = "_placeholder_1xupi_82", yt = "_chevron_1xupi_86", gt = "_open_1xupi_93", xt = "_panel_1xupi_117", ht = "_panelClosing_1xupi_134", jt = "_filterWrapper_1xupi_138", kt = "_filterInput_1xupi_145", wt = "_filterIcon_1xupi_164", Ot = "_list_1xupi_175", Et = "_option_1xupi_184", Rt = "_optionSelected_1xupi_196", Ct = "_optionHighlighted_1xupi_200", Nt = "_optionDisabled_1xupi_204", Tt = "_empty_1xupi_213", Pt = "_disabled_1xupi_220", h = {
+  dropdown: ut,
+  label: ft,
+  required: dt,
+  trigger: pt,
+  triggerDisabled: _t,
+  triggerInput: mt,
+  value: vt,
+  placeholder: bt,
+  chevron: yt,
+  open: gt,
+  panel: xt,
+  panelClosing: ht,
+  filterWrapper: jt,
+  filterInput: kt,
+  filterIcon: wt,
+  list: Ot,
+  option: Et,
+  optionSelected: Rt,
+  optionHighlighted: Ct,
+  optionDisabled: Nt,
+  empty: Tt,
+  disabled: Pt
+}, U = (t, r) => {
+  const a = t[r];
+  return a != null ? String(a) : "";
+}, te = (t, r) => t[r], A = (t, r) => r == null ? !1 : !!t[r], Zt = ({
+  value: t,
+  onChange: r,
+  onEditEnd: n,
+  options: a,
+  optionLabel: l = "label",
+  optionValue: i = "value",
+  optionDisabled: u,
+  placeholder: b = "Select",
+  filter: f = !1,
+  editable: p = !1,
+  disabled: O = !1,
+  required: N = !1,
+  label: S,
+  inputId: T,
+  className: $ = "",
+  panelClassName: g = "",
+  valueTemplate: y,
+  itemTemplate: E,
+  "data-testid": j
+}) => {
+  const C = a.find(
+    (o) => te(o, i) === t
+  ), R = C ? U(C, l) : "", [_, L] = ae(!1), [P, ce] = ae(!1), [V, ue] = ae(""), [Z, B] = ae(R), [M, I] = ae(0), H = ee(null), fe = ee(null), re = ee(null), de = ee(null), ne = ee(null), K = ee(!1), e = Ie(
+    () => f && !p ? a.filter(
+      (o) => U(o, l).toLowerCase().includes(V.toLowerCase())
+    ) : a,
+    [f, p, a, l, V]
+  );
+  se(() => {
+    p && B(R);
+  }, [p, t, R]), se(() => {
+    _ && f && !p && (ue(""), I(0), setTimeout(() => {
+      var o;
+      return (o = re.current) == null ? void 0 : o.focus();
+    }, 0));
+  }, [_, f, p]), se(() => {
+    if (!_) return;
+    const o = e.findIndex(
+      (w) => te(w, i) === t
+    ), d = e.findIndex(
+      (w) => !A(w, u)
+    ), v = o >= 0 && !A(e[o], u);
+    I(v ? o : d >= 0 ? d : 0);
+  }, [_, t, e, i, u]), se(() => {
+    const o = ne.current;
+    o != null && o.scrollIntoView && typeof o.scrollIntoView == "function" && o.scrollIntoView({ block: "nearest" });
+  }, [M]);
+  const s = () => {
+    K.current = !0, ce(!0);
+  }, m = (o) => {
+    var d;
+    (K.current || (d = o.animationName) != null && d.includes("menuOut")) && (K.current = !1, L(!1), ce(!1), p && B(R));
+  };
+  se(() => {
+    if (!_ && !P) return;
+    const o = (d) => {
+      H.current && !H.current.contains(d.target) && (p && B(R), s());
+    };
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [_, P, p, R]);
+  const x = () => {
+    O || L((o) => !o);
+  }, F = (o, d) => {
+    if (A(o, u)) return;
+    const v = te(o, i);
+    p && B(U(o, l)), r == null || r({
+      value: v ?? null,
+      originalEvent: d
+    }), s();
+  }, X = (o) => {
+    if (!_) {
+      if (o.key === "Enter" && p && Z.trim()) {
+        o.preventDefault();
+        const d = Z.trim(), v = d.toLowerCase(), w = a.find((Q) => {
+          const Y = U(Q, l).toLowerCase();
+          return Y === v || Y.startsWith(v);
+        }), z = w && !A(w, u) ? te(w, i) : null;
+        w && !A(w, u) && (B(U(w, l)), r == null || r({
+          value: z,
+          originalEvent: o
+        })), n == null || n({
+          value: d,
+          selectedValue: z,
+          originalEvent: o
+        });
+        return;
+      }
+      (o.key === "Enter" || o.key === " " || o.key === "ArrowDown") && (o.preventDefault(), L(!0));
+      return;
+    }
+    if (o.key === "Escape") {
+      o.preventDefault(), s();
+      return;
+    }
+    if (o.key === "ArrowDown") {
+      o.preventDefault(), I((d) => {
+        for (let v = d + 1; v < e.length; v++)
+          if (!A(e[v], u))
+            return v;
+        return d;
+      });
+      return;
+    }
+    if (o.key === "ArrowUp") {
+      o.preventDefault(), I((d) => {
+        for (let v = d - 1; v >= 0; v--)
+          if (!A(e[v], u))
+            return v;
+        return d;
+      });
+      return;
+    }
+    if (o.key === "Enter") {
+      if (o.preventDefault(), p) {
+        const d = Z.trim();
+        if (d) {
+          const v = d.toLowerCase(), w = a.find((Q) => {
+            const Y = U(Q, l).toLowerCase();
+            return Y === v || Y.startsWith(v);
+          }), z = w && !A(w, u) ? te(w, i) : null;
+          w && !A(w, u) && F(w, o), n == null || n({
+            value: d,
+            selectedValue: z,
+            originalEvent: o
+          });
+        } else
+          n == null || n({ value: "", selectedValue: null, originalEvent: o });
+      } else if (e[M]) {
+        const d = e[M];
+        A(d, u) || F(d, o);
+      }
+    }
+  }, k = [
+    h.dropdown,
+    O ? h.disabled : "",
+    _ ? h.open : "",
+    $
+  ].filter(Boolean).join(" "), W = [
+    h.trigger,
+    O ? h.triggerDisabled : ""
+  ].filter(Boolean).join(" "), oe = [
+    h.panel,
+    P ? h.panelClosing : "",
+    g
+  ].filter(Boolean).join(" "), ye = Te(), pe = T ?? `dropdown-${ye.replace(/[^a-zA-Z0-9_-]/g, "")}`, ge = `${pe}-panel`;
+  return /* @__PURE__ */ c.jsxs("div", { className: k, ref: H, "data-testid": j, children: [
+    S != null && /* @__PURE__ */ c.jsxs("label", { htmlFor: pe, className: h.label, children: [
+      S,
+      N && /* @__PURE__ */ c.jsx("span", { className: h.required, children: "*" })
+    ] }),
+    /* @__PURE__ */ c.jsxs(
+      "div",
+      {
+        id: p ? void 0 : pe,
+        role: "combobox",
+        "aria-expanded": _ || P,
+        "aria-haspopup": "listbox",
+        "aria-controls": _ || P ? ge : void 0,
+        "aria-disabled": O,
+        "aria-label": typeof S == "string" ? S : void 0,
+        tabIndex: p || O ? -1 : 0,
+        className: W,
+        onClick: p ? void 0 : x,
+        onKeyDown: p ? void 0 : X,
+        "data-testid": j && !p ? `${j}-trigger` : void 0,
+        children: [
+          p ? /* @__PURE__ */ c.jsx(
+            "input",
+            {
+              ref: de,
+              id: pe,
+              type: "text",
+              className: h.triggerInput,
+              value: Z,
+              onChange: (o) => {
+                B(o.target.value), !_ && !P && L(!0), I(0);
+              },
+              onFocus: () => {
+                !O && !_ && !P && L(!0);
+              },
+              onKeyDown: X,
+              placeholder: b,
+              disabled: O,
+              "aria-autocomplete": "list",
+              "aria-controls": _ || P ? ge : void 0,
+              "aria-expanded": _ || P,
+              "data-testid": j ? `${j}-trigger` : void 0
+            }
+          ) : /* @__PURE__ */ c.jsx("span", { className: h.value, children: y ? y(C ?? null) : R || /* @__PURE__ */ c.jsx("span", { className: h.placeholder, children: b }) }),
+          /* @__PURE__ */ c.jsx(
+            ct,
+            {
+              className: h.chevron,
+              "aria-hidden": !0,
+              onClick: p ? x : void 0
+            }
+          )
+        ]
+      }
+    ),
+    (_ || P) && /* @__PURE__ */ c.jsxs(
+      "div",
+      {
+        ref: fe,
+        id: ge,
+        className: oe,
+        role: "presentation",
+        onAnimationEnd: m,
+        "data-testid": j ? `${j}-panel` : void 0,
+        children: [
+          f && !p && /* @__PURE__ */ c.jsxs("div", { className: h.filterWrapper, children: [
+            /* @__PURE__ */ c.jsx(
+              "input",
+              {
+                ref: re,
+                type: "text",
+                className: h.filterInput,
+                value: V,
+                onChange: (o) => {
+                  ue(o.target.value), I(0);
+                },
+                onKeyDown: (o) => {
+                  o.key === "Escape" && L(!1), o.stopPropagation();
+                },
+                placeholder: "Search...",
+                "aria-label": "Filter options",
+                title: "Filter options",
+                "data-testid": j ? `${j}-filter` : void 0
+              }
+            ),
+            /* @__PURE__ */ c.jsx(lt, { className: h.filterIcon, "aria-hidden": !0 })
+          ] }),
+          /* @__PURE__ */ c.jsx("ul", { className: h.list, role: "listbox", "aria-label": "Options", children: e.length === 0 ? /* @__PURE__ */ c.jsx("li", { className: h.empty, children: "No results" }) : e.map((o, d) => {
+            const v = te(o, i), w = U(o, l), z = A(o, u), Q = t === v, Y = d === M, Ae = v != null ? String(v) : `option-${d}`;
+            return /* @__PURE__ */ c.jsx(
+              "li",
+              {
+                ref: Y ? ne : void 0,
+                role: "option",
+                "aria-selected": Q,
+                "aria-disabled": z,
+                className: [
+                  h.option,
+                  Q ? h.optionSelected : "",
+                  Y ? h.optionHighlighted : "",
+                  z ? h.optionDisabled : ""
+                ].filter(Boolean).join(" "),
+                onMouseEnter: () => !z && I(d),
+                onClick: (Be) => F(o, Be),
+                "data-testid": j ? `${j}-option-${d}` : void 0,
+                children: E ? E(o) : w
+              },
+              Ae
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+}, St = "_inputText_1crp5_1", At = "_label_1crp5_9", Bt = "_required_1crp5_20", It = "_tooltipIcon_1crp5_25", Dt = "_input_1crp5_1", $t = "_inputTextarea_1crp5_72", Lt = "_inputTextDisabled_1crp5_79", J = {
+  inputText: St,
+  label: At,
+  required: Bt,
+  tooltipIcon: It,
+  input: Dt,
+  inputTextarea: $t,
+  inputTextDisabled: Lt
+}, Kt = ({
+  label: t,
+  tooltip: r,
+  required: n = !1,
+  inputId: a,
+  textarea: l = !1,
+  rows: i,
+  className: u = "",
+  "data-testid": b,
+  disabled: f = !1,
+  ...p
+}) => {
+  const { type: O = "text", ...N } = p, S = Te(), T = a || `input-text-${S.replace(/[^a-zA-Z0-9_-]/g, "")}`, $ = [
+    J.inputText,
+    f ? J.inputTextDisabled : "",
+    u
+  ].filter(Boolean).join(" "), g = N["aria-invalid"];
+  let y;
+  g === void 0 ? y = void 0 : g === !0 ? y = "true" : g === !1 ? y = "false" : y = g;
+  const E = n ? { "aria-required": "true" } : { "aria-required": "false" }, j = y === void 0 ? {} : { "aria-invalid": y }, C = [J.input, l ? J.inputTextarea : ""].filter(Boolean).join(" "), R = {
+    id: T,
+    className: C,
+    disabled: f,
+    ...E,
+    ...j,
+    "data-testid": b ? `${b}-input` : void 0
+  };
+  return /* @__PURE__ */ c.jsxs("div", { className: $, "data-testid": b, children: [
+    t != null && /* @__PURE__ */ c.jsxs("label", { htmlFor: T, className: J.label, children: [
+      t,
+      n && /* @__PURE__ */ c.jsx("span", { className: J.required, children: "*" }),
+      r != null && /* @__PURE__ */ c.jsx(
+        "span",
+        {
+          className: J.tooltipIcon,
+          title: r,
+          "aria-label": r,
+          children: /* @__PURE__ */ c.jsx(it, { "aria-hidden": !0 })
+        }
+      )
+    ] }),
+    l ? /* @__PURE__ */ c.jsx(
+      "textarea",
+      {
+        ...N,
+        ...R,
+        rows: i ?? 3
+      }
+    ) : /* @__PURE__ */ c.jsx("input", { ...N, ...R, type: O })
+  ] });
+}, Ft = "_selectButton_1u3fo_1", Wt = "_selectButtonDisabled_1u3fo_9", zt = "_selectButtonInvalid_1u3fo_14", Yt = "_button_1u3fo_14", qt = "_buttonFirst_1u3fo_47", Vt = "_buttonLast_1u3fo_51", Mt = "_buttonSelected_1u3fo_59", G = {
+  selectButton: Ft,
+  selectButtonDisabled: Wt,
+  selectButtonInvalid: zt,
+  button: Yt,
+  buttonFirst: qt,
+  buttonLast: Vt,
+  buttonSelected: Mt
+}, Ce = (t, r) => {
+  const a = t[r];
+  return a != null ? String(a) : "";
+}, he = (t, r) => t[r], Ne = (t, r) => r == null ? !1 : !!t[r], Xt = ({
+  value: t,
+  onChange: r,
+  options: n,
+  optionLabel: a = "label",
+  optionValue: l = "value",
+  optionDisabled: i,
+  multiple: u = !1,
+  itemTemplate: b,
+  disabled: f = !1,
+  invalid: p = !1,
+  className: O = "",
+  "data-testid": N
+}) => {
+  const S = (g) => {
+    const y = he(g, l);
+    return u && Array.isArray(t) ? t.includes(y) : t === y;
+  }, T = (g, y) => {
+    if (f || Ne(g, i)) return;
+    const E = he(g, l);
+    if (E === void 0) return;
+    let j;
+    if (u) {
+      const C = Array.isArray(t) ? t : [];
+      j = C.includes(E) ? C.filter((_) => _ !== E) : [...C, E];
+    } else
+      j = t === E ? null : E;
+    r == null || r({
+      value: j,
+      originalEvent: y
+    });
+  }, $ = [
+    G.selectButton,
+    f ? G.selectButtonDisabled : "",
+    p ? G.selectButtonInvalid : "",
+    O
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ c.jsx(
+    "div",
+    {
+      className: $,
+      role: "group",
+      "aria-disabled": f,
+      "data-testid": N,
+      children: n.map((g, y) => {
+        const E = he(g, l), j = E != null ? String(E) : `option-${y}`, C = Ne(g, i), R = S(g);
+        return /* @__PURE__ */ c.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": R,
+            "aria-disabled": C || f,
+            "aria-label": Ce(g, a),
+            disabled: f || C,
+            className: [
+              G.button,
+              R ? G.buttonSelected : "",
+              y === 0 ? G.buttonFirst : "",
+              y === n.length - 1 ? G.buttonLast : ""
+            ].filter(Boolean).join(" "),
+            onClick: (_) => T(g, _),
+            onKeyDown: (_) => {
+              (_.key === " " || _.key === "Enter") && (_.preventDefault(), T(g, _));
+            },
+            "data-testid": N ? `${N}-option-${y}` : void 0,
+            children: b ? b(g) : Ce(g, a)
+          },
+          j
+        );
+      })
+    }
+  );
+};
+export {
+  Zt as Dropdown,
+  Kt as InputText,
+  Ut as PrimaryButton,
+  Jt as SecondaryButton,
+  Xt as SelectButton,
+  Gt as Tabs
+};