@emporix/component-library 1.5.3 → 1.6.0

package/dist/index.es.js

@@ -1,796 +0,0 @@
-import { jsxs as I, jsx as u } from "react/jsx-runtime";
-import F, { useState as T, useRef as X, useMemo as me, useEffect as se, useId as he } from "react";
-const $e = "_primaryButton_gvcke_1", Le = "_primaryButtonDisabled_gvcke_33", Ae = "_spinner_gvcke_41", _e = {
-  primaryButton: $e,
-  primaryButtonDisabled: Le,
-  spinner: Ae
-};
-var Ce = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, ge = F.createContext && /* @__PURE__ */ F.createContext(Ce), qe = ["attr", "size", "title"];
-function Fe(e, t) {
-  if (e == null) return {};
-  var n, o, s = We(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < a.length; o++) n = a[o], t.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (s[n] = e[n]);
-  }
-  return s;
-}
-function We(e, t) {
-  if (e == null) return {};
-  var n = {};
-  for (var o in e) if ({}.hasOwnProperty.call(e, o)) {
-    if (t.indexOf(o) !== -1) continue;
-    n[o] = e[o];
-  }
-  return n;
-}
-function ue() {
-  return ue = Object.assign ? Object.assign.bind() : function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var o in n) ({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
-    }
-    return e;
-  }, ue.apply(null, arguments);
-}
-function be(e, t) {
-  var n = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    t && (o = o.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
-    })), n.push.apply(n, o);
-  }
-  return n;
-}
-function de(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var n = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? be(Object(n), !0).forEach(function(o) {
-      Ee(e, o, n[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : be(Object(n)).forEach(function(o) {
-      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(n, o));
-    });
-  }
-  return e;
-}
-function Ee(e, t, n) {
-  return (t = Re(t)) in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
-}
-function Re(e) {
-  var t = Ve(e, "string");
-  return typeof t == "symbol" ? t : t + "";
-}
-function Ve(e, t) {
-  if (typeof e != "object" || !e) return e;
-  var n = e[Symbol.toPrimitive];
-  if (n !== void 0) {
-    var o = n.call(e, t);
-    if (typeof o != "object") return o;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (t === "string" ? String : Number)(e);
-}
-function Ne(e) {
-  return e && e.map((t, n) => /* @__PURE__ */ F.createElement(t.tag, de({
-    key: n
-  }, t.attr), Ne(t.child)));
-}
-function ie(e) {
-  return (t) => /* @__PURE__ */ F.createElement(He, ue({
-    attr: de({}, e.attr)
-  }, t), Ne(e.child));
-}
-function He(e) {
-  var t = (n) => {
-    var {
-      attr: o,
-      size: s,
-      title: a
-    } = e, i = Fe(e, qe), b = s || n.size || "1em", l;
-    return n.className && (l = n.className), e.className && (l = (l ? l + " " : "") + e.className), /* @__PURE__ */ F.createElement("svg", ue({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, n.attr, o, i, {
-      className: l,
-      style: de(de({
-        color: e.color || n.color
-      }, n.style), e.style),
-      height: b,
-      width: b,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), a && /* @__PURE__ */ F.createElement("title", null, a), e.children);
-  };
-  return ge !== void 0 ? /* @__PURE__ */ F.createElement(ge.Consumer, null, (n) => t(n)) : t(Ce);
-}
-function Ke(e) {
-  return ie({ 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 nn = ({
-  children: e,
-  disabled: t = !1,
-  loading: n = !1,
-  onClick: o,
-  className: s = "",
-  "data-testid": a,
-  ...i
-}) => {
-  const b = [
-    _e.primaryButton,
-    t ? _e.primaryButtonDisabled : "",
-    s
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ I(
-    "button",
-    {
-      type: "button",
-      className: b,
-      disabled: t || n,
-      onClick: o,
-      "data-testid": a,
-      ...i,
-      children: [
-        n && /* @__PURE__ */ u(Ke, { className: _e.spinner, size: 12 }),
-        e
-      ]
-    }
-  );
-}, Me = "_secondaryButton_15dkw_1", Ze = "_secondaryButtonDisabled_15dkw_32", Be = {
-  secondaryButton: Me,
-  secondaryButtonDisabled: Ze
-}, rn = ({
-  children: e,
-  disabled: t = !1,
-  onClick: n,
-  className: o = "",
-  "data-testid": s,
-  ...a
-}) => {
-  const i = [
-    Be.secondaryButton,
-    t ? Be.secondaryButtonDisabled : "",
-    o
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u(
-    "button",
-    {
-      type: "button",
-      className: i,
-      disabled: t,
-      onClick: n,
-      "data-testid": s,
-      ...a,
-      children: e
-    }
-  );
-}, Qe = "_tabsContainer_m3c4e_1", Ge = "_tabsHeader_m3c4e_7", Ue = "_tabItem_m3c4e_13", Je = "_tabContent_m3c4e_29", Xe = "_tabLabel_m3c4e_51", Ye = "_tabLine_m3c4e_61", Te = "_active_m3c4e_68", et = "_inactive_m3c4e_76", tt = "_tabPanels_m3c4e_84", q = {
-  tabsContainer: Qe,
-  tabsHeader: Ge,
-  tabItem: Ue,
-  tabContent: Je,
-  tabLabel: Xe,
-  tabLine: Ye,
-  active: Te,
-  inactive: et,
-  tabPanels: tt
-}, on = ({
-  tabs: e,
-  activeTabId: t,
-  onTabChange: n,
-  className: o = "",
-  "data-testid": s,
-  ...a
-}) => {
-  var b;
-  const i = [q.tabsContainer, o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ I("div", { className: i, "data-testid": s, ...a, children: [
-    /* @__PURE__ */ u("div", { className: q.tabsHeader, children: e.map((l) => {
-      const p = l.id === t, N = [
-        q.tabItem,
-        p ? q.active : q.inactive
-      ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ I(
-        "button",
-        {
-          type: "button",
-          className: N,
-          onClick: () => n(l.id),
-          "data-testid": `${s}-tab-${l.id}`,
-          children: [
-            /* @__PURE__ */ u("div", { className: q.tabContent, children: /* @__PURE__ */ u("span", { className: q.tabLabel, children: l.label }) }),
-            /* @__PURE__ */ u("div", { className: q.tabLine })
-          ]
-        },
-        l.id
-      );
-    }) }),
-    /* @__PURE__ */ u("div", { className: q.tabPanels, children: (b = e.find((l) => l.id === t)) == null ? void 0 : b.content })
-  ] });
-};
-function nt(e) {
-  return ie({ 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 rt(e) {
-  return ie({ 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 ot(e) {
-  return ie({ 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 xe(e) {
-  return ie({ 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 st = "_dropdown_yz8m1_1", it = "_label_yz8m1_9", lt = "_required_yz8m1_18", at = "_trigger_yz8m1_23", ct = "_triggerDisabled_yz8m1_47", ut = "_triggerInput_yz8m1_56", dt = "_value_yz8m1_74", ft = "_placeholder_yz8m1_81", pt = "_chevron_yz8m1_85", _t = "_open_yz8m1_92", yt = "_panel_yz8m1_116", mt = "_panelClosing_yz8m1_133", ht = "_filterWrapper_yz8m1_137", vt = "_filterInput_yz8m1_144", gt = "_filterIcon_yz8m1_163", bt = "_list_yz8m1_174", Bt = "_option_yz8m1_183", kt = "_optionSelected_yz8m1_195", wt = "_optionHighlighted_yz8m1_199", Ct = "_optionDisabled_yz8m1_203", Nt = "_empty_yz8m1_212", xt = "_disabled_yz8m1_219", v = {
-  dropdown: st,
-  label: it,
-  required: lt,
-  trigger: at,
-  triggerDisabled: ct,
-  triggerInput: ut,
-  value: dt,
-  placeholder: ft,
-  chevron: pt,
-  open: _t,
-  panel: yt,
-  panelClosing: mt,
-  filterWrapper: ht,
-  filterInput: vt,
-  filterIcon: gt,
-  list: bt,
-  option: Bt,
-  optionSelected: kt,
-  optionHighlighted: wt,
-  optionDisabled: Ct,
-  empty: Nt,
-  disabled: xt
-}, K = (e, t) => {
-  const o = e[t];
-  return o != null ? String(o) : "";
-}, Y = (e, t) => e[t], z = (e, t) => t == null ? !1 : !!e[t], sn = ({
-  value: e,
-  onChange: t,
-  onEditEnd: n,
-  options: o,
-  optionLabel: s = "label",
-  optionValue: a = "value",
-  optionDisabled: i,
-  placeholder: b = "Select",
-  filter: l = !1,
-  editable: p = !1,
-  disabled: N = !1,
-  required: P = !1,
-  label: S,
-  inputId: L,
-  className: H = "",
-  panelClassName: h = "",
-  valueTemplate: y,
-  itemTemplate: k,
-  "data-testid": g
-}) => {
-  const x = o.find(
-    (r) => Y(r, a) === e
-  ), C = x ? K(x, s) : "", [c, A] = T(!1), [O, le] = T(!1), [ee, ae] = T(""), [Q, w] = T(C), [_, d] = T(0), D = X(null), W = X(null), E = X(null), G = X(null), U = X(null), te = X(!1), j = me(
-    () => l && !p ? o.filter(
-      (r) => K(r, s).toLowerCase().includes(ee.toLowerCase())
-    ) : o,
-    [l, p, o, s, ee]
-  );
-  se(() => {
-    p && w(C);
-  }, [p, e, C]), se(() => {
-    c && l && !p && (ae(""), d(0), setTimeout(() => {
-      var r;
-      return (r = E.current) == null ? void 0 : r.focus();
-    }, 0));
-  }, [c, l, p]), se(() => {
-    if (!c) return;
-    const r = j.findIndex(
-      (B) => Y(B, a) === e
-    ), f = j.findIndex(
-      (B) => !z(B, i)
-    ), m = r >= 0 && !z(j[r], i);
-    d(m ? r : f >= 0 ? f : 0);
-  }, [c, e, j, a, i]), se(() => {
-    const r = U.current;
-    r != null && r.scrollIntoView && typeof r.scrollIntoView == "function" && r.scrollIntoView({ block: "nearest" });
-  }, [_]);
-  const ne = () => {
-    te.current = !0, le(!0);
-  }, fe = (r) => {
-    var f;
-    (te.current || (f = r.animationName) != null && f.includes("menuOut")) && (te.current = !1, A(!1), le(!1), p && w(C));
-  };
-  se(() => {
-    if (!c && !O) return;
-    const r = (f) => {
-      D.current && !D.current.contains(f.target) && (p && w(C), ne());
-    };
-    return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
-  }, [c, O, p, C]);
-  const re = () => {
-    N || A((r) => !r);
-  }, oe = (r, f) => {
-    if (z(r, i)) return;
-    const m = Y(r, a);
-    p && w(K(r, s)), t == null || t({
-      value: m ?? null,
-      originalEvent: f
-    }), ne();
-  }, ve = (r) => {
-    if (!c) {
-      if (r.key === "Enter" && p && Q.trim()) {
-        r.preventDefault();
-        const f = Q.trim(), m = f.toLowerCase(), B = o.find((J) => {
-          const V = K(J, s).toLowerCase();
-          return V === m || V.startsWith(m);
-        }), R = B && !z(B, i) ? Y(B, a) : null;
-        B && !z(B, i) && (w(K(B, s)), t == null || t({
-          value: R,
-          originalEvent: r
-        })), n == null || n({
-          value: f,
-          selectedValue: R,
-          originalEvent: r
-        });
-        return;
-      }
-      (r.key === "Enter" || r.key === " " || r.key === "ArrowDown") && (r.preventDefault(), A(!0));
-      return;
-    }
-    if (r.key === "Escape") {
-      r.preventDefault(), ne();
-      return;
-    }
-    if (r.key === "ArrowDown") {
-      r.preventDefault(), d((f) => {
-        for (let m = f + 1; m < j.length; m++)
-          if (!z(j[m], i))
-            return m;
-        return f;
-      });
-      return;
-    }
-    if (r.key === "ArrowUp") {
-      r.preventDefault(), d((f) => {
-        for (let m = f - 1; m >= 0; m--)
-          if (!z(j[m], i))
-            return m;
-        return f;
-      });
-      return;
-    }
-    if (r.key === "Enter") {
-      if (r.preventDefault(), p) {
-        const f = Q.trim();
-        if (f) {
-          const m = f.toLowerCase(), B = o.find((J) => {
-            const V = K(J, s).toLowerCase();
-            return V === m || V.startsWith(m);
-          }), R = B && !z(B, i) ? Y(B, a) : null;
-          B && !z(B, i) && oe(B, r), n == null || n({
-            value: f,
-            selectedValue: R,
-            originalEvent: r
-          });
-        } else
-          n == null || n({ value: "", selectedValue: null, originalEvent: r });
-      } else if (j[_]) {
-        const f = j[_];
-        z(f, i) || oe(f, r);
-      }
-    }
-  }, Oe = [
-    v.dropdown,
-    N ? v.disabled : "",
-    c ? v.open : "",
-    H
-  ].filter(Boolean).join(" "), De = [
-    v.trigger,
-    N ? v.triggerDisabled : ""
-  ].filter(Boolean).join(" "), Ie = [
-    v.panel,
-    O ? v.panelClosing : "",
-    h
-  ].filter(Boolean).join(" "), Se = he(), ce = L ?? `dropdown-${Se.replace(/[^a-zA-Z0-9_-]/g, "")}`, pe = `${ce}-panel`;
-  return /* @__PURE__ */ I("div", { className: Oe, ref: D, "data-testid": g, children: [
-    S != null && /* @__PURE__ */ I("label", { htmlFor: ce, className: v.label, children: [
-      S,
-      P && /* @__PURE__ */ u("span", { className: v.required, children: "*" })
-    ] }),
-    /* @__PURE__ */ I(
-      "div",
-      {
-        id: p ? void 0 : ce,
-        role: "combobox",
-        "aria-expanded": c || O,
-        "aria-haspopup": "listbox",
-        "aria-controls": c || O ? pe : void 0,
-        "aria-disabled": N,
-        "aria-label": typeof S == "string" ? S : void 0,
-        tabIndex: p || N ? -1 : 0,
-        className: De,
-        onClick: p ? void 0 : re,
-        onKeyDown: p ? void 0 : ve,
-        "data-testid": g && !p ? `${g}-trigger` : void 0,
-        children: [
-          p ? /* @__PURE__ */ u(
-            "input",
-            {
-              ref: G,
-              id: ce,
-              type: "text",
-              className: v.triggerInput,
-              value: Q,
-              onChange: (r) => {
-                w(r.target.value), !c && !O && A(!0), d(0);
-              },
-              onFocus: () => {
-                !N && !c && !O && A(!0);
-              },
-              onKeyDown: ve,
-              placeholder: b,
-              disabled: N,
-              "aria-autocomplete": "list",
-              "aria-controls": c || O ? pe : void 0,
-              "aria-expanded": c || O,
-              "data-testid": g ? `${g}-trigger` : void 0
-            }
-          ) : /* @__PURE__ */ u("span", { className: v.value, children: y ? y(x ?? null) : C || /* @__PURE__ */ u("span", { className: v.placeholder, children: b }) }),
-          /* @__PURE__ */ u(
-            xe,
-            {
-              className: v.chevron,
-              "aria-hidden": !0,
-              onClick: p ? re : void 0
-            }
-          )
-        ]
-      }
-    ),
-    (c || O) && /* @__PURE__ */ I(
-      "div",
-      {
-        ref: W,
-        id: pe,
-        className: Ie,
-        role: "presentation",
-        onAnimationEnd: fe,
-        "data-testid": g ? `${g}-panel` : void 0,
-        children: [
-          l && !p && /* @__PURE__ */ I("div", { className: v.filterWrapper, children: [
-            /* @__PURE__ */ u(
-              "input",
-              {
-                ref: E,
-                type: "text",
-                className: v.filterInput,
-                value: ee,
-                onChange: (r) => {
-                  ae(r.target.value), d(0);
-                },
-                onKeyDown: (r) => {
-                  r.key === "Escape" && A(!1), r.stopPropagation();
-                },
-                placeholder: "Search...",
-                "aria-label": "Filter options",
-                title: "Filter options",
-                "data-testid": g ? `${g}-filter` : void 0
-              }
-            ),
-            /* @__PURE__ */ u(nt, { className: v.filterIcon, "aria-hidden": !0 })
-          ] }),
-          /* @__PURE__ */ u("ul", { className: v.list, role: "listbox", "aria-label": "Options", children: j.length === 0 ? /* @__PURE__ */ u("li", { className: v.empty, children: "No results" }) : j.map((r, f) => {
-            const m = Y(r, a), B = K(r, s), R = z(r, i), J = e === m, V = f === _, ze = m != null ? String(m) : `option-${f}`;
-            return /* @__PURE__ */ u(
-              "li",
-              {
-                ref: V ? U : void 0,
-                role: "option",
-                "aria-selected": J,
-                "aria-disabled": R,
-                className: [
-                  v.option,
-                  J ? v.optionSelected : "",
-                  V ? v.optionHighlighted : "",
-                  R ? v.optionDisabled : ""
-                ].filter(Boolean).join(" "),
-                onMouseEnter: () => !R && d(f),
-                onClick: (Pe) => oe(r, Pe),
-                "data-testid": g ? `${g}-option-${f}` : void 0,
-                children: k ? k(r) : B
-              },
-              ze
-            );
-          }) })
-        ]
-      }
-    )
-  ] });
-}, jt = "_inputText_1crp5_1", Ot = "_label_1crp5_9", Dt = "_required_1crp5_20", It = "_tooltipIcon_1crp5_25", St = "_input_1crp5_1", zt = "_inputTextarea_1crp5_72", Pt = "_inputTextDisabled_1crp5_79", M = {
-  inputText: jt,
-  label: Ot,
-  required: Dt,
-  tooltipIcon: It,
-  input: St,
-  inputTextarea: zt,
-  inputTextDisabled: Pt
-}, ln = ({
-  label: e,
-  tooltip: t,
-  required: n = !1,
-  inputId: o,
-  textarea: s = !1,
-  rows: a,
-  className: i = "",
-  "data-testid": b,
-  disabled: l = !1,
-  ...p
-}) => {
-  const { type: N = "text", ...P } = p, S = he(), L = o || `input-text-${S.replace(/[^a-zA-Z0-9_-]/g, "")}`, H = [
-    M.inputText,
-    l ? M.inputTextDisabled : "",
-    i
-  ].filter(Boolean).join(" "), h = P["aria-invalid"];
-  let y;
-  h === void 0 ? y = void 0 : h === !0 ? y = "true" : h === !1 ? y = "false" : y = h;
-  const k = n ? { "aria-required": "true" } : { "aria-required": "false" }, g = y === void 0 ? {} : { "aria-invalid": y }, x = [M.input, s ? M.inputTextarea : ""].filter(Boolean).join(" "), C = {
-    id: L,
-    className: x,
-    disabled: l,
-    ...k,
-    ...g,
-    "data-testid": b ? `${b}-input` : void 0
-  };
-  return /* @__PURE__ */ I("div", { className: H, "data-testid": b, children: [
-    e != null && /* @__PURE__ */ I("label", { htmlFor: L, className: M.label, children: [
-      e,
-      n && /* @__PURE__ */ u("span", { className: M.required, children: "*" }),
-      t != null && /* @__PURE__ */ u(
-        "span",
-        {
-          className: M.tooltipIcon,
-          title: t,
-          "aria-label": t,
-          children: /* @__PURE__ */ u(rt, { "aria-hidden": !0 })
-        }
-      )
-    ] }),
-    s ? /* @__PURE__ */ u(
-      "textarea",
-      {
-        ...P,
-        ...C,
-        rows: a ?? 3
-      }
-    ) : /* @__PURE__ */ u("input", { ...P, ...C, type: N })
-  ] });
-}, $t = "_accordion_l1hoq_1", Lt = "_tab_l1hoq_6", At = "_headerButton_l1hoq_11", qt = "_headerContent_l1hoq_39", Ft = "_icon_l1hoq_45", Wt = "_panel_l1hoq_53", Et = "_panelCollapsed_l1hoq_58", Rt = "_panelOpen_l1hoq_64", Vt = "_panelContent_l1hoq_70", Ht = "_noBorderLast_l1hoq_74", $ = {
-  accordion: $t,
-  tab: Lt,
-  headerButton: At,
-  headerContent: qt,
-  icon: Ft,
-  panel: Wt,
-  panelCollapsed: Et,
-  panelOpen: Rt,
-  panelContent: Vt,
-  noBorderLast: Ht
-}, je = (e) => null;
-je.displayName = "AccordionTab";
-const Kt = (e, t) => e == null ? [] : Array.isArray(e) ? t ? e : e.slice(0, 1) : [e], Mt = (e) => e.replace(/[^a-zA-Z0-9_-]/g, ""), Zt = ({
-  activeIndex: e,
-  multiple: t = !1,
-  expandIcon: n,
-  collapseIcon: o,
-  onTabChange: s,
-  onTabOpen: a,
-  onTabClose: i,
-  className: b = "",
-  transitionOptions: l,
-  pt: p,
-  ptOptions: N,
-  unstyled: P,
-  children: S,
-  ...L
-}) => {
-  const H = he(), h = Mt(H), y = me(() => F.Children.toArray(S).filter(
-    (_) => F.isValidElement(_) && _.type === je
-  ), [S]), k = e !== void 0, g = me(() => Kt(e, t), [e, t]), [x, C] = T([]), c = k ? g : x, A = typeof l == "object" && l != null && typeof l.timeout == "number" ? l.timeout : void 0, O = /* @__PURE__ */ u(ot, { "aria-hidden": !0 }), le = /* @__PURE__ */ u(xe, { "aria-hidden": !0 }), ee = n ?? O, ae = o ?? le, Q = (w, _) => {
-    const d = c.includes(w);
-    if (t) {
-      const E = d ? c.filter((G) => G !== w) : [...c, w];
-      k || C(E), s == null || s({ index: E, originalEvent: _ }), d ? i == null || i({ index: w, originalEvent: _ }) : a == null || a({ index: w, originalEvent: _ });
-      return;
-    }
-    const D = c.length ? c[0] : null, W = d ? [] : [w];
-    if (k || C(W), s == null || s({ index: W, originalEvent: _ }), d) {
-      i == null || i({ index: w, originalEvent: _ });
-      return;
-    }
-    D != null && (i == null || i({ index: D, originalEvent: _ })), a == null || a({ index: w, originalEvent: _ });
-  };
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      className: [$.accordion, b].filter(Boolean).join(" "),
-      ...L,
-      children: y.map((w, _) => {
-        var re;
-        const d = w.props, D = c.includes(_), W = !!d.disabled, E = `${h}-header-${_}`, G = `${h}-content-${_}`, U = d.headerTemplate != null ? typeof d.headerTemplate == "function" ? d.headerTemplate({
-          index: _,
-          selected: D,
-          disabled: W,
-          count: y.length,
-          first: _ === 0,
-          last: _ === y.length - 1
-        }) : d.headerTemplate : d.header, te = D ? ae : ee, j = [
-          $.headerButton,
-          d.headerClassName ?? ""
-        ].filter(Boolean).join(" "), ne = [
-          $.tab,
-          d.className ?? "",
-          _ === y.length - 1 ? $.noBorderLast : ""
-        ].filter(Boolean).join(" "), fe = typeof U == "string" ? U : void 0;
-        return /* @__PURE__ */ I(
-          "div",
-          {
-            className: ne,
-            style: d.style,
-            children: [
-              /* @__PURE__ */ I(
-                "button",
-                {
-                  id: E,
-                  type: "button",
-                  disabled: W,
-                  className: j,
-                  style: d.headerStyle,
-                  "aria-controls": G,
-                  "aria-expanded": D,
-                  "aria-disabled": W,
-                  tabIndex: d.tabIndex,
-                  onClick: (oe) => Q(_, oe),
-                  ...d.headerProps,
-                  "aria-label": ((re = d.headerProps) == null ? void 0 : re["aria-label"]) ?? fe,
-                  children: [
-                    /* @__PURE__ */ u("span", { className: $.headerContent, children: U }),
-                    /* @__PURE__ */ u("span", { className: $.icon, "aria-hidden": !0, children: te })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ u(
-                "div",
-                {
-                  id: G,
-                  role: "region",
-                  "aria-labelledby": E,
-                  "aria-hidden": !D,
-                  className: [
-                    $.panel,
-                    D ? $.panelOpen : $.panelCollapsed
-                  ].join(" "),
-                  style: {
-                    transitionDuration: A ? `${A}ms` : void 0
-                  },
-                  children: /* @__PURE__ */ u(
-                    "div",
-                    {
-                      className: [
-                        $.panelContent,
-                        d.contentClassName ?? ""
-                      ].filter(Boolean).join(" "),
-                      style: d.contentStyle,
-                      children: d.children
-                    }
-                  )
-                }
-              )
-            ]
-          },
-          _
-        );
-      })
-    }
-  );
-};
-Zt.displayName = "Accordion";
-const Qt = "_selectButton_1u3fo_1", Gt = "_selectButtonDisabled_1u3fo_9", Ut = "_selectButtonInvalid_1u3fo_14", Jt = "_button_1u3fo_14", Xt = "_buttonFirst_1u3fo_47", Yt = "_buttonLast_1u3fo_51", Tt = "_buttonSelected_1u3fo_59", Z = {
-  selectButton: Qt,
-  selectButtonDisabled: Gt,
-  selectButtonInvalid: Ut,
-  button: Jt,
-  buttonFirst: Xt,
-  buttonLast: Yt,
-  buttonSelected: Tt
-}, ke = (e, t) => {
-  const o = e[t];
-  return o != null ? String(o) : "";
-}, ye = (e, t) => e[t], we = (e, t) => t == null ? !1 : !!e[t], an = ({
-  value: e,
-  onChange: t,
-  options: n,
-  optionLabel: o = "label",
-  optionValue: s = "value",
-  optionDisabled: a,
-  multiple: i = !1,
-  itemTemplate: b,
-  disabled: l = !1,
-  invalid: p = !1,
-  className: N = "",
-  "data-testid": P
-}) => {
-  const S = (h) => {
-    const y = ye(h, s);
-    return i && Array.isArray(e) ? e.includes(y) : e === y;
-  }, L = (h, y) => {
-    if (l || we(h, a)) return;
-    const k = ye(h, s);
-    if (k === void 0) return;
-    let g;
-    if (i) {
-      const x = Array.isArray(e) ? e : [];
-      g = x.includes(k) ? x.filter((c) => c !== k) : [...x, k];
-    } else
-      g = e === k ? null : k;
-    t == null || t({
-      value: g,
-      originalEvent: y
-    });
-  }, H = [
-    Z.selectButton,
-    l ? Z.selectButtonDisabled : "",
-    p ? Z.selectButtonInvalid : "",
-    N
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      className: H,
-      role: "group",
-      "aria-disabled": l,
-      "data-testid": P,
-      children: n.map((h, y) => {
-        const k = ye(h, s), g = k != null ? String(k) : `option-${y}`, x = we(h, a), C = S(h);
-        return /* @__PURE__ */ u(
-          "button",
-          {
-            type: "button",
-            "aria-pressed": C,
-            "aria-disabled": x || l,
-            "aria-label": ke(h, o),
-            disabled: l || x,
-            className: [
-              Z.button,
-              C ? Z.buttonSelected : "",
-              y === 0 ? Z.buttonFirst : "",
-              y === n.length - 1 ? Z.buttonLast : ""
-            ].filter(Boolean).join(" "),
-            onClick: (c) => L(h, c),
-            onKeyDown: (c) => {
-              (c.key === " " || c.key === "Enter") && (c.preventDefault(), L(h, c));
-            },
-            "data-testid": P ? `${P}-option-${y}` : void 0,
-            children: b ? b(h) : ke(h, o)
-          },
-          g
-        );
-      })
-    }
-  );
-};
-export {
-  Zt as Accordion,
-  je as AccordionTab,
-  sn as Dropdown,
-  ln as InputText,
-  nn as PrimaryButton,
-  rn as SecondaryButton,
-  an as SelectButton,
-  on as Tabs
-};