@emporix/component-library 1.5.1 → 1.5.2

package/dist/index.es.js

@@ -1,25 +1,25 @@
-import { jsxs as I, jsx as u } from "react/jsx-runtime";
-import F, { useState as T, useRef as X, useMemo as me, useEffect as ie, useId as he } from "react";
-const Le = "_primaryButton_uyzzr_1", Ae = "_primaryButtonDisabled_uyzzr_34", qe = "_spinner_uyzzr_42", _e = {
-  primaryButton: Le,
-  primaryButtonDisabled: Ae,
-  spinner: qe
+import { jsxs as D, 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_uyzzr_1", Le = "_primaryButtonDisabled_uyzzr_34", Ae = "_spinner_uyzzr_42", _e = {
+  primaryButton: $e,
+  primaryButtonDisabled: Le,
+  spinner: Ae
 };
-var we = {
+var Ne = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, ge = F.createContext && /* @__PURE__ */ F.createContext(we), ze = ["attr", "size", "title"];
+}, ge = F.createContext && /* @__PURE__ */ F.createContext(Ne), qe = ["attr", "size", "title"];
 function Fe(e, t) {
   if (e == null) return {};
-  var n, o, i = We(e, t);
+  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) && (i[n] = e[n]);
+    for (o = 0; o < a.length; o++) n = a[o], t.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (s[n] = e[n]);
   }
-  return i;
+  return s;
 }
 function We(e, t) {
   if (e == null) return {};
@@ -43,8 +43,8 @@ function be(e, t) {
   var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
-    t && (o = o.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(e, i).enumerable;
+    t && (o = o.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(e, s).enumerable;
     })), n.push.apply(n, o);
   }
   return n;
@@ -77,28 +77,28 @@ function Ve(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function Ne(e) {
+function ke(e) {
   return e && e.map((t, n) => /* @__PURE__ */ F.createElement(t.tag, de({
     key: n
-  }, t.attr), Ne(t.child)));
+  }, t.attr), ke(t.child)));
 }
-function se(e) {
+function ie(e) {
   return (t) => /* @__PURE__ */ F.createElement(He, ue({
     attr: de({}, e.attr)
-  }, t), Ne(e.child));
+  }, t), ke(e.child));
 }
 function He(e) {
   var t = (n) => {
     var {
       attr: o,
-      size: i,
+      size: s,
       title: a
-    } = e, s = Fe(e, ze), b = i || n.size || "1em", l;
+    } = 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, s, {
+    }, n.attr, o, i, {
       className: l,
       style: de(de({
         color: e.color || n.color
@@ -108,26 +108,26 @@ function He(e) {
       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(we);
+  return ge !== void 0 ? /* @__PURE__ */ F.createElement(ge.Consumer, null, (n) => t(n)) : t(Ne);
 }
 function Ke(e) {
-  return se({ 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);
+  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: i = "",
+  className: s = "",
   "data-testid": a,
-  ...s
+  ...i
 }) => {
   const b = [
     _e.primaryButton,
     t ? _e.primaryButtonDisabled : "",
-    i
+    s
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ D(
     "button",
     {
       type: "button",
@@ -135,14 +135,14 @@ const nn = ({
       disabled: t || n,
       onClick: o,
       "data-testid": a,
-      ...s,
+      ...i,
       children: [
         n && /* @__PURE__ */ u(Ke, { className: _e.spinner, size: 12 }),
         e
       ]
     }
   );
-}, Me = "_secondaryButton_1s7ft_1", Ze = "_secondaryButtonDisabled_1s7ft_33", xe = {
+}, Me = "_secondaryButton_1s7ft_1", Ze = "_secondaryButtonDisabled_1s7ft_33", Be = {
   secondaryButton: Me,
   secondaryButtonDisabled: Ze
 }, rn = ({
@@ -150,27 +150,27 @@ const nn = ({
   disabled: t = !1,
   onClick: n,
   className: o = "",
-  "data-testid": i,
+  "data-testid": s,
   ...a
 }) => {
-  const s = [
-    xe.secondaryButton,
-    t ? xe.secondaryButtonDisabled : "",
+  const i = [
+    Be.secondaryButton,
+    t ? Be.secondaryButtonDisabled : "",
     o
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ u(
     "button",
     {
       type: "button",
-      className: s,
+      className: i,
       disabled: t,
       onClick: n,
-      "data-testid": i,
+      "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", z = {
+}, 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,
@@ -185,57 +185,57 @@ const nn = ({
   activeTabId: t,
   onTabChange: n,
   className: o = "",
-  "data-testid": i,
+  "data-testid": s,
   ...a
 }) => {
   var b;
-  const s = [z.tabsContainer, o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ I("div", { className: s, "data-testid": i, ...a, children: [
-    /* @__PURE__ */ u("div", { className: z.tabsHeader, children: e.map((l) => {
-      const f = l.id === t, N = [
-        z.tabItem,
-        f ? z.active : z.inactive
+  const i = [q.tabsContainer, o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ D("div", { className: i, "data-testid": s, ...a, children: [
+    /* @__PURE__ */ u("div", { className: q.tabsHeader, children: e.map((l) => {
+      const p = l.id === t, k = [
+        q.tabItem,
+        p ? q.active : q.inactive
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ I(
+      return /* @__PURE__ */ D(
         "button",
         {
           type: "button",
-          className: N,
+          className: k,
           onClick: () => n(l.id),
-          "data-testid": `${i}-tab-${l.id}`,
+          "data-testid": `${s}-tab-${l.id}`,
           children: [
-            /* @__PURE__ */ u("div", { className: z.tabContent, children: /* @__PURE__ */ u("span", { className: z.tabLabel, children: l.label }) }),
-            /* @__PURE__ */ u("div", { className: z.tabLine })
+            /* @__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: z.tabPanels, children: (b = e.find((l) => l.id === t)) == null ? void 0 : b.content })
+    /* @__PURE__ */ u("div", { className: q.tabPanels, children: (b = e.find((l) => l.id === t)) == null ? void 0 : b.content })
   ] });
 };
 function nt(e) {
-  return se({ 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);
+  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 se({ 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);
+  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 se({ 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);
+  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 ke(e) {
-  return se({ 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);
+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 it = "_dropdown_1xupi_1", st = "_label_1xupi_9", lt = "_required_1xupi_18", at = "_trigger_1xupi_23", ct = "_triggerDisabled_1xupi_47", ut = "_triggerInput_1xupi_56", dt = "_value_1xupi_74", pt = "_placeholder_1xupi_82", ft = "_chevron_1xupi_86", _t = "_open_1xupi_93", yt = "_panel_1xupi_117", mt = "_panelClosing_1xupi_134", ht = "_filterWrapper_1xupi_138", vt = "_filterInput_1xupi_145", gt = "_filterIcon_1xupi_164", bt = "_list_1xupi_175", xt = "_option_1xupi_184", Bt = "_optionSelected_1xupi_196", Ct = "_optionHighlighted_1xupi_200", wt = "_optionDisabled_1xupi_204", Nt = "_empty_1xupi_213", kt = "_disabled_1xupi_220", v = {
-  dropdown: it,
-  label: st,
+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", Ct = "_optionSelected_yz8m1_195", wt = "_optionHighlighted_yz8m1_199", Nt = "_optionDisabled_yz8m1_203", kt = "_empty_yz8m1_212", xt = "_disabled_yz8m1_219", v = {
+  dropdown: st,
+  label: it,
   required: lt,
   trigger: at,
   triggerDisabled: ct,
   triggerInput: ut,
   value: dt,
-  placeholder: pt,
-  chevron: ft,
+  placeholder: ft,
+  chevron: pt,
   open: _t,
   panel: yt,
   panelClosing: mt,
@@ -243,104 +243,104 @@ const it = "_dropdown_1xupi_1", st = "_label_1xupi_9", lt = "_required_1xupi_18"
   filterInput: vt,
   filterIcon: gt,
   list: bt,
-  option: xt,
-  optionSelected: Bt,
-  optionHighlighted: Ct,
-  optionDisabled: wt,
-  empty: Nt,
-  disabled: kt
+  option: Bt,
+  optionSelected: Ct,
+  optionHighlighted: wt,
+  optionDisabled: Nt,
+  empty: kt,
+  disabled: xt
 }, K = (e, t) => {
   const o = e[t];
   return o != null ? String(o) : "";
-}, Y = (e, t) => e[t], P = (e, t) => t == null ? !1 : !!e[t], sn = ({
+}, Y = (e, t) => e[t], S = (e, t) => t == null ? !1 : !!e[t], sn = ({
   value: e,
   onChange: t,
   onEditEnd: n,
   options: o,
-  optionLabel: i = "label",
+  optionLabel: s = "label",
   optionValue: a = "value",
-  optionDisabled: s,
+  optionDisabled: i,
   placeholder: b = "Select",
   filter: l = !1,
-  editable: f = !1,
-  disabled: N = !1,
-  required: $ = !1,
-  label: S,
-  inputId: A,
+  editable: p = !1,
+  disabled: k = !1,
+  required: P = !1,
+  label: I,
+  inputId: L,
   className: H = "",
   panelClassName: h = "",
   valueTemplate: y,
-  itemTemplate: B,
+  itemTemplate: C,
   "data-testid": g
 }) => {
-  const k = o.find(
+  const x = o.find(
     (r) => Y(r, a) === e
-  ), w = k ? K(k, i) : "", [c, q] = T(!1), [O, le] = T(!1), [ee, ae] = T(""), [Q, C] = T(w), [_, d] = T(0), D = X(null), W = X(null), E = X(null), G = X(null), U = X(null), te = X(!1), j = me(
-    () => l && !f ? o.filter(
-      (r) => K(r, i).toLowerCase().includes(ee.toLowerCase())
+  ), N = x ? K(x, s) : "", [c, A] = T(!1), [O, le] = T(!1), [ee, ae] = T(""), [Q, w] = T(N), [_, d] = T(0), z = 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, f, o, i, ee]
+    [l, p, o, s, ee]
   );
-  ie(() => {
-    f && C(w);
-  }, [f, e, w]), ie(() => {
-    c && l && !f && (ae(""), d(0), setTimeout(() => {
+  se(() => {
+    p && w(N);
+  }, [p, e, N]), se(() => {
+    c && l && !p && (ae(""), d(0), setTimeout(() => {
       var r;
       return (r = E.current) == null ? void 0 : r.focus();
     }, 0));
-  }, [c, l, f]), ie(() => {
+  }, [c, l, p]), se(() => {
     if (!c) return;
     const r = j.findIndex(
-      (x) => Y(x, a) === e
-    ), p = j.findIndex(
-      (x) => !P(x, s)
-    ), m = r >= 0 && !P(j[r], s);
-    d(m ? r : p >= 0 ? p : 0);
-  }, [c, e, j, a, s]), ie(() => {
+      (B) => Y(B, a) === e
+    ), f = j.findIndex(
+      (B) => !S(B, i)
+    ), m = r >= 0 && !S(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);
-  }, pe = (r) => {
-    var p;
-    (te.current || (p = r.animationName) != null && p.includes("menuOut")) && (te.current = !1, q(!1), le(!1), f && C(w));
+  }, fe = (r) => {
+    var f;
+    (te.current || (f = r.animationName) != null && f.includes("menuOut")) && (te.current = !1, A(!1), le(!1), p && w(N));
   };
-  ie(() => {
+  se(() => {
     if (!c && !O) return;
-    const r = (p) => {
-      D.current && !D.current.contains(p.target) && (f && C(w), ne());
+    const r = (f) => {
+      z.current && !z.current.contains(f.target) && (p && w(N), ne());
     };
     return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
-  }, [c, O, f, w]);
+  }, [c, O, p, N]);
   const re = () => {
-    N || q((r) => !r);
-  }, oe = (r, p) => {
-    if (P(r, s)) return;
+    k || A((r) => !r);
+  }, oe = (r, f) => {
+    if (S(r, i)) return;
     const m = Y(r, a);
-    f && C(K(r, i)), t == null || t({
+    p && w(K(r, s)), t == null || t({
       value: m ?? null,
-      originalEvent: p
+      originalEvent: f
     }), ne();
   }, ve = (r) => {
     if (!c) {
-      if (r.key === "Enter" && f && Q.trim()) {
+      if (r.key === "Enter" && p && Q.trim()) {
         r.preventDefault();
-        const p = Q.trim(), m = p.toLowerCase(), x = o.find((J) => {
-          const V = K(J, i).toLowerCase();
+        const f = Q.trim(), m = f.toLowerCase(), B = o.find((J) => {
+          const V = K(J, s).toLowerCase();
           return V === m || V.startsWith(m);
-        }), R = x && !P(x, s) ? Y(x, a) : null;
-        x && !P(x, s) && (C(K(x, i)), t == null || t({
+        }), R = B && !S(B, i) ? Y(B, a) : null;
+        B && !S(B, i) && (w(K(B, s)), t == null || t({
           value: R,
           originalEvent: r
         })), n == null || n({
-          value: p,
+          value: f,
           selectedValue: R,
           originalEvent: r
         });
         return;
       }
-      (r.key === "Enter" || r.key === " " || r.key === "ArrowDown") && (r.preventDefault(), q(!0));
+      (r.key === "Enter" || r.key === " " || r.key === "ArrowDown") && (r.preventDefault(), A(!0));
       return;
     }
     if (r.key === "Escape") {
@@ -348,78 +348,78 @@ const it = "_dropdown_1xupi_1", st = "_label_1xupi_9", lt = "_required_1xupi_18"
       return;
     }
     if (r.key === "ArrowDown") {
-      r.preventDefault(), d((p) => {
-        for (let m = p + 1; m < j.length; m++)
-          if (!P(j[m], s))
+      r.preventDefault(), d((f) => {
+        for (let m = f + 1; m < j.length; m++)
+          if (!S(j[m], i))
             return m;
-        return p;
+        return f;
       });
       return;
     }
     if (r.key === "ArrowUp") {
-      r.preventDefault(), d((p) => {
-        for (let m = p - 1; m >= 0; m--)
-          if (!P(j[m], s))
+      r.preventDefault(), d((f) => {
+        for (let m = f - 1; m >= 0; m--)
+          if (!S(j[m], i))
             return m;
-        return p;
+        return f;
       });
       return;
     }
     if (r.key === "Enter") {
-      if (r.preventDefault(), f) {
-        const p = Q.trim();
-        if (p) {
-          const m = p.toLowerCase(), x = o.find((J) => {
-            const V = K(J, i).toLowerCase();
+      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 = x && !P(x, s) ? Y(x, a) : null;
-          x && !P(x, s) && oe(x, r), n == null || n({
-            value: p,
+          }), R = B && !S(B, i) ? Y(B, a) : null;
+          B && !S(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 p = j[_];
-        P(p, s) || oe(p, r);
+        const f = j[_];
+        S(f, i) || oe(f, r);
       }
     }
   }, Oe = [
     v.dropdown,
-    N ? v.disabled : "",
+    k ? v.disabled : "",
     c ? v.open : "",
     H
-  ].filter(Boolean).join(" "), De = [
+  ].filter(Boolean).join(" "), ze = [
     v.trigger,
-    N ? v.triggerDisabled : ""
-  ].filter(Boolean).join(" "), Ie = [
+    k ? v.triggerDisabled : ""
+  ].filter(Boolean).join(" "), De = [
     v.panel,
     O ? v.panelClosing : "",
     h
-  ].filter(Boolean).join(" "), Se = he(), ce = A ?? `dropdown-${Se.replace(/[^a-zA-Z0-9_-]/g, "")}`, fe = `${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,
-      $ && /* @__PURE__ */ u("span", { className: v.required, children: "*" })
+  ].filter(Boolean).join(" "), Ie = he(), ce = L ?? `dropdown-${Ie.replace(/[^a-zA-Z0-9_-]/g, "")}`, pe = `${ce}-panel`;
+  return /* @__PURE__ */ D("div", { className: Oe, ref: z, "data-testid": g, children: [
+    I != null && /* @__PURE__ */ D("label", { htmlFor: ce, className: v.label, children: [
+      I,
+      P && /* @__PURE__ */ u("span", { className: v.required, children: "*" })
     ] }),
-    /* @__PURE__ */ I(
+    /* @__PURE__ */ D(
       "div",
       {
-        id: f ? void 0 : ce,
+        id: p ? void 0 : ce,
         role: "combobox",
         "aria-expanded": c || O,
         "aria-haspopup": "listbox",
-        "aria-controls": c || O ? fe : void 0,
-        "aria-disabled": N,
-        "aria-label": typeof S == "string" ? S : void 0,
-        tabIndex: f || N ? -1 : 0,
-        className: De,
-        onClick: f ? void 0 : re,
-        onKeyDown: f ? void 0 : ve,
-        "data-testid": g && !f ? `${g}-trigger` : void 0,
+        "aria-controls": c || O ? pe : void 0,
+        "aria-disabled": k,
+        "aria-label": typeof I == "string" ? I : void 0,
+        tabIndex: p || k ? -1 : 0,
+        className: ze,
+        onClick: p ? void 0 : re,
+        onKeyDown: p ? void 0 : ve,
+        "data-testid": g && !p ? `${g}-trigger` : void 0,
         children: [
-          f ? /* @__PURE__ */ u(
+          p ? /* @__PURE__ */ u(
             "input",
             {
               ref: G,
@@ -428,42 +428,42 @@ const it = "_dropdown_1xupi_1", st = "_label_1xupi_9", lt = "_required_1xupi_18"
               className: v.triggerInput,
               value: Q,
               onChange: (r) => {
-                C(r.target.value), !c && !O && q(!0), d(0);
+                w(r.target.value), !c && !O && A(!0), d(0);
               },
               onFocus: () => {
-                !N && !c && !O && q(!0);
+                !k && !c && !O && A(!0);
               },
               onKeyDown: ve,
               placeholder: b,
-              disabled: N,
+              disabled: k,
               "aria-autocomplete": "list",
-              "aria-controls": c || O ? fe : void 0,
+              "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(k ?? null) : w || /* @__PURE__ */ u("span", { className: v.placeholder, children: b }) }),
+          ) : /* @__PURE__ */ u("span", { className: v.value, children: y ? y(x ?? null) : N || /* @__PURE__ */ u("span", { className: v.placeholder, children: b }) }),
           /* @__PURE__ */ u(
-            ke,
+            xe,
             {
               className: v.chevron,
               "aria-hidden": !0,
-              onClick: f ? re : void 0
+              onClick: p ? re : void 0
             }
           )
         ]
       }
     ),
-    (c || O) && /* @__PURE__ */ I(
+    (c || O) && /* @__PURE__ */ D(
       "div",
       {
         ref: W,
-        id: fe,
-        className: Ie,
+        id: pe,
+        className: De,
         role: "presentation",
-        onAnimationEnd: pe,
+        onAnimationEnd: fe,
         "data-testid": g ? `${g}-panel` : void 0,
         children: [
-          l && !f && /* @__PURE__ */ I("div", { className: v.filterWrapper, children: [
+          l && !p && /* @__PURE__ */ D("div", { className: v.filterWrapper, children: [
             /* @__PURE__ */ u(
               "input",
               {
@@ -475,7 +475,7 @@ const it = "_dropdown_1xupi_1", st = "_label_1xupi_9", lt = "_required_1xupi_18"
                   ae(r.target.value), d(0);
                 },
                 onKeyDown: (r) => {
-                  r.key === "Escape" && q(!1), r.stopPropagation();
+                  r.key === "Escape" && A(!1), r.stopPropagation();
                 },
                 placeholder: "Search...",
                 "aria-label": "Filter options",
@@ -485,8 +485,8 @@ const it = "_dropdown_1xupi_1", st = "_label_1xupi_9", lt = "_required_1xupi_18"
             ),
             /* @__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, p) => {
-            const m = Y(r, a), x = K(r, i), R = P(r, s), J = e === m, V = p === _, Pe = m != null ? String(m) : `option-${p}`;
+          /* @__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 = S(r, i), J = e === m, V = f === _, Se = m != null ? String(m) : `option-${f}`;
             return /* @__PURE__ */ u(
               "li",
               {
@@ -500,55 +500,55 @@ const it = "_dropdown_1xupi_1", st = "_label_1xupi_9", lt = "_required_1xupi_18"
                   V ? v.optionHighlighted : "",
                   R ? v.optionDisabled : ""
                 ].filter(Boolean).join(" "),
-                onMouseEnter: () => !R && d(p),
-                onClick: ($e) => oe(r, $e),
-                "data-testid": g ? `${g}-option-${p}` : void 0,
-                children: B ? B(r) : x
+                onMouseEnter: () => !R && d(f),
+                onClick: (Pe) => oe(r, Pe),
+                "data-testid": g ? `${g}-option-${f}` : void 0,
+                children: C ? C(r) : B
               },
-              Pe
+              Se
             );
           }) })
         ]
       }
     )
   ] });
-}, jt = "_inputText_1crp5_1", Ot = "_label_1crp5_9", Dt = "_required_1crp5_20", It = "_tooltipIcon_1crp5_25", St = "_input_1crp5_1", Pt = "_inputTextarea_1crp5_72", $t = "_inputTextDisabled_1crp5_79", M = {
+}, jt = "_inputText_1crp5_1", Ot = "_label_1crp5_9", zt = "_required_1crp5_20", Dt = "_tooltipIcon_1crp5_25", It = "_input_1crp5_1", St = "_inputTextarea_1crp5_72", Pt = "_inputTextDisabled_1crp5_79", M = {
   inputText: jt,
   label: Ot,
-  required: Dt,
-  tooltipIcon: It,
-  input: St,
-  inputTextarea: Pt,
-  inputTextDisabled: $t
+  required: zt,
+  tooltipIcon: Dt,
+  input: It,
+  inputTextarea: St,
+  inputTextDisabled: Pt
 }, ln = ({
   label: e,
   tooltip: t,
   required: n = !1,
   inputId: o,
-  textarea: i = !1,
+  textarea: s = !1,
   rows: a,
-  className: s = "",
+  className: i = "",
   "data-testid": b,
   disabled: l = !1,
-  ...f
+  ...p
 }) => {
-  const { type: N = "text", ...$ } = f, S = he(), A = o || `input-text-${S.replace(/[^a-zA-Z0-9_-]/g, "")}`, H = [
+  const { type: k = "text", ...P } = p, I = he(), L = o || `input-text-${I.replace(/[^a-zA-Z0-9_-]/g, "")}`, H = [
     M.inputText,
     l ? M.inputTextDisabled : "",
-    s
-  ].filter(Boolean).join(" "), h = $["aria-invalid"];
+    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 B = n ? { "aria-required": "true" } : { "aria-required": "false" }, g = y === void 0 ? {} : { "aria-invalid": y }, k = [M.input, i ? M.inputTextarea : ""].filter(Boolean).join(" "), w = {
-    id: A,
-    className: k,
+  const C = n ? { "aria-required": "true" } : { "aria-required": "false" }, g = y === void 0 ? {} : { "aria-invalid": y }, x = [M.input, s ? M.inputTextarea : ""].filter(Boolean).join(" "), N = {
+    id: L,
+    className: x,
     disabled: l,
-    ...B,
+    ...C,
     ...g,
     "data-testid": b ? `${b}-input` : void 0
   };
-  return /* @__PURE__ */ I("div", { className: H, "data-testid": b, children: [
-    e != null && /* @__PURE__ */ I("label", { htmlFor: A, className: M.label, children: [
+  return /* @__PURE__ */ D("div", { className: H, "data-testid": b, children: [
+    e != null && /* @__PURE__ */ D("label", { htmlFor: L, className: M.label, children: [
       e,
       n && /* @__PURE__ */ u("span", { className: M.required, children: "*" }),
       t != null && /* @__PURE__ */ u(
@@ -561,20 +561,20 @@ const it = "_dropdown_1xupi_1", st = "_label_1xupi_9", lt = "_required_1xupi_18"
         }
       )
     ] }),
-    i ? /* @__PURE__ */ u(
+    s ? /* @__PURE__ */ u(
       "textarea",
       {
-        ...$,
-        ...w,
+        ...P,
+        ...N,
         rows: a ?? 3
       }
-    ) : /* @__PURE__ */ u("input", { ...$, ...w, type: N })
+    ) : /* @__PURE__ */ u("input", { ...P, ...N, type: k })
   ] });
-}, Lt = "_accordion_l1hoq_1", At = "_tab_l1hoq_6", qt = "_headerButton_l1hoq_11", zt = "_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", L = {
-  accordion: Lt,
-  tab: At,
-  headerButton: qt,
-  headerContent: zt,
+}, $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,
@@ -588,62 +588,62 @@ const Kt = (e, t) => e == null ? [] : Array.isArray(e) ? t ? e : e.slice(0, 1) :
   multiple: t = !1,
   expandIcon: n,
   collapseIcon: o,
-  onTabChange: i,
+  onTabChange: s,
   onTabOpen: a,
-  onTabClose: s,
+  onTabClose: i,
   className: b = "",
   transitionOptions: l,
-  pt: f,
-  ptOptions: N,
-  unstyled: $,
-  children: S,
-  ...A
+  pt: p,
+  ptOptions: k,
+  unstyled: P,
+  children: I,
+  ...L
 }) => {
-  const H = he(), h = Mt(H), y = me(() => F.Children.toArray(S).filter(
+  const H = he(), h = Mt(H), y = me(() => F.Children.toArray(I).filter(
     (_) => F.isValidElement(_) && _.type === je
-  ), [S]), B = e !== void 0, g = me(() => Kt(e, t), [e, t]), [k, w] = T([]), c = B ? g : k, q = typeof l == "object" && l != null && typeof l.timeout == "number" ? l.timeout : void 0, O = /* @__PURE__ */ u(ot, { "aria-hidden": !0 }), le = /* @__PURE__ */ u(ke, { "aria-hidden": !0 }), ee = n ?? O, ae = o ?? le, Q = (C, _) => {
-    const d = c.includes(C);
+  ), [I]), C = e !== void 0, g = me(() => Kt(e, t), [e, t]), [x, N] = T([]), c = C ? 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 !== C) : [...c, C];
-      B || w(E), i == null || i({ index: E, originalEvent: _ }), d ? s == null || s({ index: C, originalEvent: _ }) : a == null || a({ index: C, originalEvent: _ });
+      const E = d ? c.filter((G) => G !== w) : [...c, w];
+      C || N(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 ? [] : [C];
-    if (B || w(W), i == null || i({ index: W, originalEvent: _ }), d) {
-      s == null || s({ index: C, originalEvent: _ });
+    const z = c.length ? c[0] : null, W = d ? [] : [w];
+    if (C || N(W), s == null || s({ index: W, originalEvent: _ }), d) {
+      i == null || i({ index: w, originalEvent: _ });
       return;
     }
-    D != null && (s == null || s({ index: D, originalEvent: _ })), a == null || a({ index: C, originalEvent: _ });
+    z != null && (i == null || i({ index: z, originalEvent: _ })), a == null || a({ index: w, originalEvent: _ });
   };
   return /* @__PURE__ */ u(
     "div",
     {
-      className: [L.accordion, b].filter(Boolean).join(" "),
-      ...A,
-      children: y.map((C, _) => {
+      className: [$.accordion, b].filter(Boolean).join(" "),
+      ...L,
+      children: y.map((w, _) => {
         var re;
-        const d = C.props, D = c.includes(_), W = !!d.disabled, E = `${h}-header-${_}`, G = `${h}-content-${_}`, U = d.headerTemplate != null ? typeof d.headerTemplate == "function" ? d.headerTemplate({
+        const d = w.props, z = c.includes(_), W = !!d.disabled, E = `${h}-header-${_}`, G = `${h}-content-${_}`, U = d.headerTemplate != null ? typeof d.headerTemplate == "function" ? d.headerTemplate({
           index: _,
-          selected: D,
+          selected: z,
           disabled: W,
           count: y.length,
           first: _ === 0,
           last: _ === y.length - 1
-        }) : d.headerTemplate : d.header, te = D ? ae : ee, j = [
-          L.headerButton,
+        }) : d.headerTemplate : d.header, te = z ? ae : ee, j = [
+          $.headerButton,
           d.headerClassName ?? ""
         ].filter(Boolean).join(" "), ne = [
-          L.tab,
+          $.tab,
           d.className ?? "",
-          _ === y.length - 1 ? L.noBorderLast : ""
-        ].filter(Boolean).join(" "), pe = typeof U == "string" ? U : void 0;
-        return /* @__PURE__ */ I(
+          _ === y.length - 1 ? $.noBorderLast : ""
+        ].filter(Boolean).join(" "), fe = typeof U == "string" ? U : void 0;
+        return /* @__PURE__ */ D(
           "div",
           {
             className: ne,
             style: d.style,
             children: [
-              /* @__PURE__ */ I(
+              /* @__PURE__ */ D(
                 "button",
                 {
                   id: E,
@@ -652,15 +652,15 @@ const Kt = (e, t) => e == null ? [] : Array.isArray(e) ? t ? e : e.slice(0, 1) :
                   className: j,
                   style: d.headerStyle,
                   "aria-controls": G,
-                  "aria-expanded": D,
+                  "aria-expanded": z,
                   "aria-disabled": W,
                   tabIndex: d.tabIndex,
                   onClick: (oe) => Q(_, oe),
                   ...d.headerProps,
-                  "aria-label": ((re = d.headerProps) == null ? void 0 : re["aria-label"]) ?? pe,
+                  "aria-label": ((re = d.headerProps) == null ? void 0 : re["aria-label"]) ?? fe,
                   children: [
-                    /* @__PURE__ */ u("span", { className: L.headerContent, children: U }),
-                    /* @__PURE__ */ u("span", { className: L.icon, "aria-hidden": !0, children: te })
+                    /* @__PURE__ */ u("span", { className: $.headerContent, children: U }),
+                    /* @__PURE__ */ u("span", { className: $.icon, "aria-hidden": !0, children: te })
                   ]
                 }
               ),
@@ -670,19 +670,19 @@ const Kt = (e, t) => e == null ? [] : Array.isArray(e) ? t ? e : e.slice(0, 1) :
                   id: G,
                   role: "region",
                   "aria-labelledby": E,
-                  "aria-hidden": !D,
+                  "aria-hidden": !z,
                   className: [
-                    L.panel,
-                    D ? L.panelOpen : L.panelCollapsed
+                    $.panel,
+                    z ? $.panelOpen : $.panelCollapsed
                   ].join(" "),
                   style: {
-                    transitionDuration: q ? `${q}ms` : void 0
+                    transitionDuration: A ? `${A}ms` : void 0
                   },
                   children: /* @__PURE__ */ u(
                     "div",
                     {
                       className: [
-                        L.panelContent,
+                        $.panelContent,
                         d.contentClassName ?? ""
                       ].filter(Boolean).join(" "),
                       style: d.contentStyle,
@@ -708,36 +708,36 @@ const Qt = "_selectButton_1u3fo_1", Gt = "_selectButtonDisabled_1u3fo_9", Ut = "
   buttonFirst: Xt,
   buttonLast: Yt,
   buttonSelected: Tt
-}, Be = (e, t) => {
+}, Ce = (e, t) => {
   const o = e[t];
   return o != null ? String(o) : "";
-}, ye = (e, t) => e[t], Ce = (e, t) => t == null ? !1 : !!e[t], an = ({
+}, ye = (e, t) => e[t], we = (e, t) => t == null ? !1 : !!e[t], an = ({
   value: e,
   onChange: t,
   options: n,
   optionLabel: o = "label",
-  optionValue: i = "value",
+  optionValue: s = "value",
   optionDisabled: a,
-  multiple: s = !1,
+  multiple: i = !1,
   itemTemplate: b,
   disabled: l = !1,
-  invalid: f = !1,
-  className: N = "",
-  "data-testid": $
+  invalid: p = !1,
+  className: k = "",
+  "data-testid": P
 }) => {
-  const S = (h) => {
-    const y = ye(h, i);
-    return s && Array.isArray(e) ? e.includes(y) : e === y;
-  }, A = (h, y) => {
-    if (l || Ce(h, a)) return;
-    const B = ye(h, i);
-    if (B === void 0) return;
+  const I = (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 C = ye(h, s);
+    if (C === void 0) return;
     let g;
-    if (s) {
-      const k = Array.isArray(e) ? e : [];
-      g = k.includes(B) ? k.filter((c) => c !== B) : [...k, B];
+    if (i) {
+      const x = Array.isArray(e) ? e : [];
+      g = x.includes(C) ? x.filter((c) => c !== C) : [...x, C];
     } else
-      g = e === B ? null : B;
+      g = e === C ? null : C;
     t == null || t({
       value: g,
       originalEvent: y
@@ -745,8 +745,8 @@ const Qt = "_selectButton_1u3fo_1", Gt = "_selectButtonDisabled_1u3fo_9", Ut = "
   }, H = [
     Z.selectButton,
     l ? Z.selectButtonDisabled : "",
-    f ? Z.selectButtonInvalid : "",
-    N
+    p ? Z.selectButtonInvalid : "",
+    k
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ u(
     "div",
@@ -754,29 +754,29 @@ const Qt = "_selectButton_1u3fo_1", Gt = "_selectButtonDisabled_1u3fo_9", Ut = "
       className: H,
       role: "group",
       "aria-disabled": l,
-      "data-testid": $,
+      "data-testid": P,
       children: n.map((h, y) => {
-        const B = ye(h, i), g = B != null ? String(B) : `option-${y}`, k = Ce(h, a), w = S(h);
+        const C = ye(h, s), g = C != null ? String(C) : `option-${y}`, x = we(h, a), N = I(h);
         return /* @__PURE__ */ u(
           "button",
           {
             type: "button",
-            "aria-pressed": w,
-            "aria-disabled": k || l,
-            "aria-label": Be(h, o),
-            disabled: l || k,
+            "aria-pressed": N,
+            "aria-disabled": x || l,
+            "aria-label": Ce(h, o),
+            disabled: l || x,
             className: [
               Z.button,
-              w ? Z.buttonSelected : "",
+              N ? Z.buttonSelected : "",
               y === 0 ? Z.buttonFirst : "",
               y === n.length - 1 ? Z.buttonLast : ""
             ].filter(Boolean).join(" "),
-            onClick: (c) => A(h, c),
+            onClick: (c) => L(h, c),
             onKeyDown: (c) => {
-              (c.key === " " || c.key === "Enter") && (c.preventDefault(), A(h, c));
+              (c.key === " " || c.key === "Enter") && (c.preventDefault(), L(h, c));
             },
-            "data-testid": $ ? `${$}-option-${y}` : void 0,
-            children: b ? b(h) : Be(h, o)
+            "data-testid": P ? `${P}-option-${y}` : void 0,
+            children: b ? b(h) : Ce(h, o)
           },
           g
         );

package/dist/index.umd.js

@@ -1 +1 @@
-(function(k,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],s):(k=typeof globalThis<"u"?globalThis:k||self,s(k.EmporixComponentLibrary={},k.React,k.React))})(this,(function(k,s,c){"use strict";const ce={primaryButton:"_primaryButton_uyzzr_1",primaryButtonDisabled:"_primaryButtonDisabled_uyzzr_34",spinner:"_spinner_uyzzr_42"};var _e={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},ye=c.createContext&&c.createContext(_e),we=["attr","size","title"];function Ne(e,t){if(e==null)return{};var n,o,i=ke(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(o=0;o<u.length;o++)n=u[o],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function ke(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 oe(){return oe=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},oe.apply(null,arguments)}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),n.push.apply(n,o)}return n}function se(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?he(Object(n),!0).forEach(function(o){je(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))})}return e}function je(e,t,n){return(t=De(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function De(e){var t=Ie(e,"string");return typeof t=="symbol"?t:t+""}function Ie(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 ve(e){return e&&e.map((t,n)=>c.createElement(t.tag,se({key:n},t.attr),ve(t.child)))}function T(e){return t=>c.createElement(Se,oe({attr:se({},e.attr)},t),ve(e.child))}function Se(e){var t=n=>{var{attr:o,size:i,title:u}=e,l=Ne(e,we),B=i||n.size||"1em",a;return n.className&&(a=n.className),e.className&&(a=(a?a+" ":"")+e.className),c.createElement("svg",oe({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,o,l,{className:a,style:se(se({color:e.color||n.color},n.style),e.style),height:B,width:B,xmlns:"http://www.w3.org/2000/svg"}),u&&c.createElement("title",null,u),e.children)};return ye!==void 0?c.createElement(ye.Consumer,null,n=>t(n)):t(_e)}function Oe(e){return T({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 Pe=({children:e,disabled:t=!1,loading:n=!1,onClick:o,className:i="","data-testid":u,...l})=>{const B=[ce.primaryButton,t?ce.primaryButtonDisabled:"",i].filter(Boolean).join(" ");return s.jsxs("button",{type:"button",className:B,disabled:t||n,onClick:o,"data-testid":u,...l,children:[n&&s.jsx(Oe,{className:ce.spinner,size:12}),e]})},ge={secondaryButton:"_secondaryButton_1s7ft_1",secondaryButtonDisabled:"_secondaryButtonDisabled_1s7ft_33"},$e=({children:e,disabled:t=!1,onClick:n,className:o="","data-testid":i,...u})=>{const l=[ge.secondaryButton,t?ge.secondaryButtonDisabled:"",o].filter(Boolean).join(" ");return s.jsx("button",{type:"button",className:l,disabled:t,onClick:n,"data-testid":i,...u,children:e})},q={tabsContainer:"_tabsContainer_m3c4e_1",tabsHeader:"_tabsHeader_m3c4e_7",tabItem:"_tabItem_m3c4e_13",tabContent:"_tabContent_m3c4e_29",tabLabel:"_tabLabel_m3c4e_51",tabLine:"_tabLine_m3c4e_61",active:"_active_m3c4e_68",inactive:"_inactive_m3c4e_76",tabPanels:"_tabPanels_m3c4e_84"},Le=({tabs:e,activeTabId:t,onTabChange:n,className:o="","data-testid":i,...u})=>{var B;const l=[q.tabsContainer,o].filter(Boolean).join(" ");return s.jsxs("div",{className:l,"data-testid":i,...u,children:[s.jsx("div",{className:q.tabsHeader,children:e.map(a=>{const _=a.id===t,j=[q.tabItem,_?q.active:q.inactive].filter(Boolean).join(" ");return s.jsxs("button",{type:"button",className:j,onClick:()=>n(a.id),"data-testid":`${i}-tab-${a.id}`,children:[s.jsx("div",{className:q.tabContent,children:s.jsx("span",{className:q.tabLabel,children:a.label})}),s.jsx("div",{className:q.tabLine})]},a.id)})}),s.jsx("div",{className:q.tabPanels,children:(B=e.find(a=>a.id===t))==null?void 0:B.content})]})};function Ae(e){return T({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 qe(e){return T({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 Ee(e){return T({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 me(e){return T({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 m={dropdown:"_dropdown_1xupi_1",label:"_label_1xupi_9",required:"_required_1xupi_18",trigger:"_trigger_1xupi_23",triggerDisabled:"_triggerDisabled_1xupi_47",triggerInput:"_triggerInput_1xupi_56",value:"_value_1xupi_74",placeholder:"_placeholder_1xupi_82",chevron:"_chevron_1xupi_86",open:"_open_1xupi_93",panel:"_panel_1xupi_117",panelClosing:"_panelClosing_1xupi_134",filterWrapper:"_filterWrapper_1xupi_138",filterInput:"_filterInput_1xupi_145",filterIcon:"_filterIcon_1xupi_164",list:"_list_1xupi_175",option:"_option_1xupi_184",optionSelected:"_optionSelected_1xupi_196",optionHighlighted:"_optionHighlighted_1xupi_200",optionDisabled:"_optionDisabled_1xupi_204",empty:"_empty_1xupi_213",disabled:"_disabled_1xupi_220"},M=(e,t)=>{const o=e[t];return o!=null?String(o):""},G=(e,t)=>e[t],P=(e,t)=>t==null?!1:!!e[t],ze=({value:e,onChange:t,onEditEnd:n,options:o,optionLabel:i="label",optionValue:u="value",optionDisabled:l,placeholder:B="Select",filter:a=!1,editable:_=!1,disabled:j=!1,required:A=!1,label:$,inputId:E,className:Q="",panelClassName:g="",valueTemplate:h,itemTemplate:C,"data-testid":b})=>{const D=o.find(r=>G(r,u)===e),N=D?M(D,i):"",[d,z]=c.useState(!1),[S,ie]=c.useState(!1),[R,le]=c.useState(""),[U,w]=c.useState(N),[y,p]=c.useState(0),O=c.useRef(null),F=c.useRef(null),W=c.useRef(null),J=c.useRef(null),X=c.useRef(null),ee=c.useRef(!1),I=c.useMemo(()=>a&&!_?o.filter(r=>M(r,i).toLowerCase().includes(R.toLowerCase())):o,[a,_,o,i,R]);c.useEffect(()=>{_&&w(N)},[_,e,N]),c.useEffect(()=>{d&&a&&!_&&(le(""),p(0),setTimeout(()=>{var r;return(r=W.current)==null?void 0:r.focus()},0))},[d,a,_]),c.useEffect(()=>{if(!d)return;const r=I.findIndex(x=>G(x,u)===e),f=I.findIndex(x=>!P(x,l)),v=r>=0&&!P(I[r],l);p(v?r:f>=0?f:0)},[d,e,I,u,l]),c.useEffect(()=>{const r=X.current;r!=null&&r.scrollIntoView&&typeof r.scrollIntoView=="function"&&r.scrollIntoView({block:"nearest"})},[y]);const te=()=>{ee.current=!0,ie(!0)},pe=r=>{var f;(ee.current||(f=r.animationName)!=null&&f.includes("menuOut"))&&(ee.current=!1,z(!1),ie(!1),_&&w(N))};c.useEffect(()=>{if(!d&&!S)return;const r=f=>{O.current&&!O.current.contains(f.target)&&(_&&w(N),te())};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[d,S,_,N]);const ne=()=>{j||z(r=>!r)},re=(r,f)=>{if(P(r,l))return;const v=G(r,u);_&&w(M(r,i)),t==null||t({value:v??null,originalEvent:f}),te()},Ce=r=>{if(!d){if(r.key==="Enter"&&_&&U.trim()){r.preventDefault();const f=U.trim(),v=f.toLowerCase(),x=o.find(Y=>{const V=M(Y,i).toLowerCase();return V===v||V.startsWith(v)}),H=x&&!P(x,l)?G(x,u):null;x&&!P(x,l)&&(w(M(x,i)),t==null||t({value:H,originalEvent:r})),n==null||n({value:f,selectedValue:H,originalEvent:r});return}(r.key==="Enter"||r.key===" "||r.key==="ArrowDown")&&(r.preventDefault(),z(!0));return}if(r.key==="Escape"){r.preventDefault(),te();return}if(r.key==="ArrowDown"){r.preventDefault(),p(f=>{for(let v=f+1;v<I.length;v++)if(!P(I[v],l))return v;return f});return}if(r.key==="ArrowUp"){r.preventDefault(),p(f=>{for(let v=f-1;v>=0;v--)if(!P(I[v],l))return v;return f});return}if(r.key==="Enter"){if(r.preventDefault(),_){const f=U.trim();if(f){const v=f.toLowerCase(),x=o.find(Y=>{const V=M(Y,i).toLowerCase();return V===v||V.startsWith(v)}),H=x&&!P(x,l)?G(x,u):null;x&&!P(x,l)&&re(x,r),n==null||n({value:f,selectedValue:H,originalEvent:r})}else n==null||n({value:"",selectedValue:null,originalEvent:r})}else if(I[y]){const f=I[y];P(f,l)||re(f,r)}}},Me=[m.dropdown,j?m.disabled:"",d?m.open:"",Q].filter(Boolean).join(" "),Ke=[m.trigger,j?m.triggerDisabled:""].filter(Boolean).join(" "),Ze=[m.panel,S?m.panelClosing:"",g].filter(Boolean).join(" "),Qe=c.useId(),ae=E??`dropdown-${Qe.replace(/[^a-zA-Z0-9_-]/g,"")}`,fe=`${ae}-panel`;return s.jsxs("div",{className:Me,ref:O,"data-testid":b,children:[$!=null&&s.jsxs("label",{htmlFor:ae,className:m.label,children:[$,A&&s.jsx("span",{className:m.required,children:"*"})]}),s.jsxs("div",{id:_?void 0:ae,role:"combobox","aria-expanded":d||S,"aria-haspopup":"listbox","aria-controls":d||S?fe:void 0,"aria-disabled":j,"aria-label":typeof $=="string"?$:void 0,tabIndex:_||j?-1:0,className:Ke,onClick:_?void 0:ne,onKeyDown:_?void 0:Ce,"data-testid":b&&!_?`${b}-trigger`:void 0,children:[_?s.jsx("input",{ref:J,id:ae,type:"text",className:m.triggerInput,value:U,onChange:r=>{w(r.target.value),!d&&!S&&z(!0),p(0)},onFocus:()=>{!j&&!d&&!S&&z(!0)},onKeyDown:Ce,placeholder:B,disabled:j,"aria-autocomplete":"list","aria-controls":d||S?fe:void 0,"aria-expanded":d||S,"data-testid":b?`${b}-trigger`:void 0}):s.jsx("span",{className:m.value,children:h?h(D??null):N||s.jsx("span",{className:m.placeholder,children:B})}),s.jsx(me,{className:m.chevron,"aria-hidden":!0,onClick:_?ne:void 0})]}),(d||S)&&s.jsxs("div",{ref:F,id:fe,className:Ze,role:"presentation",onAnimationEnd:pe,"data-testid":b?`${b}-panel`:void 0,children:[a&&!_&&s.jsxs("div",{className:m.filterWrapper,children:[s.jsx("input",{ref:W,type:"text",className:m.filterInput,value:R,onChange:r=>{le(r.target.value),p(0)},onKeyDown:r=>{r.key==="Escape"&&z(!1),r.stopPropagation()},placeholder:"Search...","aria-label":"Filter options",title:"Filter options","data-testid":b?`${b}-filter`:void 0}),s.jsx(Ae,{className:m.filterIcon,"aria-hidden":!0})]}),s.jsx("ul",{className:m.list,role:"listbox","aria-label":"Options",children:I.length===0?s.jsx("li",{className:m.empty,children:"No results"}):I.map((r,f)=>{const v=G(r,u),x=M(r,i),H=P(r,l),Y=e===v,V=f===y,Ge=v!=null?String(v):`option-${f}`;return s.jsx("li",{ref:V?X:void 0,role:"option","aria-selected":Y,"aria-disabled":H,className:[m.option,Y?m.optionSelected:"",V?m.optionHighlighted:"",H?m.optionDisabled:""].filter(Boolean).join(" "),onMouseEnter:()=>!H&&p(f),onClick:Ue=>re(r,Ue),"data-testid":b?`${b}-option-${f}`:void 0,children:C?C(r):x},Ge)})})]})]})},K={inputText:"_inputText_1crp5_1",label:"_label_1crp5_9",required:"_required_1crp5_20",tooltipIcon:"_tooltipIcon_1crp5_25",input:"_input_1crp5_1",inputTextarea:"_inputTextarea_1crp5_72",inputTextDisabled:"_inputTextDisabled_1crp5_79"},Fe=({label:e,tooltip:t,required:n=!1,inputId:o,textarea:i=!1,rows:u,className:l="","data-testid":B,disabled:a=!1,..._})=>{const{type:j="text",...A}=_,$=c.useId(),E=o||`input-text-${$.replace(/[^a-zA-Z0-9_-]/g,"")}`,Q=[K.inputText,a?K.inputTextDisabled:"",l].filter(Boolean).join(" "),g=A["aria-invalid"];let h;g===void 0?h=void 0:g===!0?h="true":g===!1?h="false":h=g;const C=n?{"aria-required":"true"}:{"aria-required":"false"},b=h===void 0?{}:{"aria-invalid":h},D=[K.input,i?K.inputTextarea:""].filter(Boolean).join(" "),N={id:E,className:D,disabled:a,...C,...b,"data-testid":B?`${B}-input`:void 0};return s.jsxs("div",{className:Q,"data-testid":B,children:[e!=null&&s.jsxs("label",{htmlFor:E,className:K.label,children:[e,n&&s.jsx("span",{className:K.required,children:"*"}),t!=null&&s.jsx("span",{className:K.tooltipIcon,title:t,"aria-label":t,children:s.jsx(qe,{"aria-hidden":!0})})]}),i?s.jsx("textarea",{...A,...N,rows:u??3}):s.jsx("input",{...A,...N,type:j})]})},L={accordion:"_accordion_l1hoq_1",tab:"_tab_l1hoq_6",headerButton:"_headerButton_l1hoq_11",headerContent:"_headerContent_l1hoq_39",icon:"_icon_l1hoq_45",panel:"_panel_l1hoq_53",panelCollapsed:"_panelCollapsed_l1hoq_58",panelOpen:"_panelOpen_l1hoq_64",panelContent:"_panelContent_l1hoq_70",noBorderLast:"_noBorderLast_l1hoq_74"},ue=e=>null;ue.displayName="AccordionTab";const We=(e,t)=>e==null?[]:Array.isArray(e)?t?e:e.slice(0,1):[e],He=e=>e.replace(/[^a-zA-Z0-9_-]/g,""),be=({activeIndex:e,multiple:t=!1,expandIcon:n,collapseIcon:o,onTabChange:i,onTabOpen:u,onTabClose:l,className:B="",transitionOptions:a,pt:_,ptOptions:j,unstyled:A,children:$,...E})=>{const Q=c.useId(),g=He(Q),h=c.useMemo(()=>c.Children.toArray($).filter(y=>c.isValidElement(y)&&y.type===ue),[$]),C=e!==void 0,b=c.useMemo(()=>We(e,t),[e,t]),[D,N]=c.useState([]),d=C?b:D,z=typeof a=="object"&&a!=null&&typeof a.timeout=="number"?a.timeout:void 0,S=s.jsx(Ee,{"aria-hidden":!0}),ie=s.jsx(me,{"aria-hidden":!0}),R=n??S,le=o??ie,U=(w,y)=>{const p=d.includes(w);if(t){const W=p?d.filter(J=>J!==w):[...d,w];C||N(W),i==null||i({index:W,originalEvent:y}),p?l==null||l({index:w,originalEvent:y}):u==null||u({index:w,originalEvent:y});return}const O=d.length?d[0]:null,F=p?[]:[w];if(C||N(F),i==null||i({index:F,originalEvent:y}),p){l==null||l({index:w,originalEvent:y});return}O!=null&&(l==null||l({index:O,originalEvent:y})),u==null||u({index:w,originalEvent:y})};return s.jsx("div",{className:[L.accordion,B].filter(Boolean).join(" "),...E,children:h.map((w,y)=>{var ne;const p=w.props,O=d.includes(y),F=!!p.disabled,W=`${g}-header-${y}`,J=`${g}-content-${y}`,X=p.headerTemplate!=null?typeof p.headerTemplate=="function"?p.headerTemplate({index:y,selected:O,disabled:F,count:h.length,first:y===0,last:y===h.length-1}):p.headerTemplate:p.header,ee=O?le:R,I=[L.headerButton,p.headerClassName??""].filter(Boolean).join(" "),te=[L.tab,p.className??"",y===h.length-1?L.noBorderLast:""].filter(Boolean).join(" "),pe=typeof X=="string"?X:void 0;return s.jsxs("div",{className:te,style:p.style,children:[s.jsxs("button",{id:W,type:"button",disabled:F,className:I,style:p.headerStyle,"aria-controls":J,"aria-expanded":O,"aria-disabled":F,tabIndex:p.tabIndex,onClick:re=>U(y,re),...p.headerProps,"aria-label":((ne=p.headerProps)==null?void 0:ne["aria-label"])??pe,children:[s.jsx("span",{className:L.headerContent,children:X}),s.jsx("span",{className:L.icon,"aria-hidden":!0,children:ee})]}),s.jsx("div",{id:J,role:"region","aria-labelledby":W,"aria-hidden":!O,className:[L.panel,O?L.panelOpen:L.panelCollapsed].join(" "),style:{transitionDuration:z?`${z}ms`:void 0},children:s.jsx("div",{className:[L.panelContent,p.contentClassName??""].filter(Boolean).join(" "),style:p.contentStyle,children:p.children})})]},y)})})};be.displayName="Accordion";const Z={selectButton:"_selectButton_1u3fo_1",selectButtonDisabled:"_selectButtonDisabled_1u3fo_9",selectButtonInvalid:"_selectButtonInvalid_1u3fo_14",button:"_button_1u3fo_14",buttonFirst:"_buttonFirst_1u3fo_47",buttonLast:"_buttonLast_1u3fo_51",buttonSelected:"_buttonSelected_1u3fo_59"},Be=(e,t)=>{const o=e[t];return o!=null?String(o):""},de=(e,t)=>e[t],xe=(e,t)=>t==null?!1:!!e[t],Ve=({value:e,onChange:t,options:n,optionLabel:o="label",optionValue:i="value",optionDisabled:u,multiple:l=!1,itemTemplate:B,disabled:a=!1,invalid:_=!1,className:j="","data-testid":A})=>{const $=g=>{const h=de(g,i);return l&&Array.isArray(e)?e.includes(h):e===h},E=(g,h)=>{if(a||xe(g,u))return;const C=de(g,i);if(C===void 0)return;let b;if(l){const D=Array.isArray(e)?e:[];b=D.includes(C)?D.filter(d=>d!==C):[...D,C]}else b=e===C?null:C;t==null||t({value:b,originalEvent:h})},Q=[Z.selectButton,a?Z.selectButtonDisabled:"",_?Z.selectButtonInvalid:"",j].filter(Boolean).join(" ");return s.jsx("div",{className:Q,role:"group","aria-disabled":a,"data-testid":A,children:n.map((g,h)=>{const C=de(g,i),b=C!=null?String(C):`option-${h}`,D=xe(g,u),N=$(g);return s.jsx("button",{type:"button","aria-pressed":N,"aria-disabled":D||a,"aria-label":Be(g,o),disabled:a||D,className:[Z.button,N?Z.buttonSelected:"",h===0?Z.buttonFirst:"",h===n.length-1?Z.buttonLast:""].filter(Boolean).join(" "),onClick:d=>E(g,d),onKeyDown:d=>{(d.key===" "||d.key==="Enter")&&(d.preventDefault(),E(g,d))},"data-testid":A?`${A}-option-${h}`:void 0,children:B?B(g):Be(g,o)},b)})})};k.Accordion=be,k.AccordionTab=ue,k.Dropdown=ze,k.InputText=Fe,k.PrimaryButton=Pe,k.SecondaryButton=$e,k.SelectButton=Ve,k.Tabs=Le,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));
+(function(j,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],s):(j=typeof globalThis<"u"?globalThis:j||self,s(j.EmporixComponentLibrary={},j.React,j.React))})(this,(function(j,s,c){"use strict";const ce={primaryButton:"_primaryButton_uyzzr_1",primaryButtonDisabled:"_primaryButtonDisabled_uyzzr_34",spinner:"_spinner_uyzzr_42"};var _e={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},ye=c.createContext&&c.createContext(_e),Ne=["attr","size","title"];function ke(e,t){if(e==null)return{};var n,o,l=je(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(o=0;o<u.length;o++)n=u[o],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}function je(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 oe(){return oe=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},oe.apply(null,arguments)}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(l){return Object.getOwnPropertyDescriptor(e,l).enumerable})),n.push.apply(n,o)}return n}function se(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?he(Object(n),!0).forEach(function(o){xe(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))})}return e}function xe(e,t,n){return(t=De(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function De(e){var t=Ie(e,"string");return typeof t=="symbol"?t:t+""}function Ie(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 me(e){return e&&e.map((t,n)=>c.createElement(t.tag,se({key:n},t.attr),me(t.child)))}function T(e){return t=>c.createElement(Se,oe({attr:se({},e.attr)},t),me(e.child))}function Se(e){var t=n=>{var{attr:o,size:l,title:u}=e,i=ke(e,Ne),B=l||n.size||"1em",a;return n.className&&(a=n.className),e.className&&(a=(a?a+" ":"")+e.className),c.createElement("svg",oe({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,o,i,{className:a,style:se(se({color:e.color||n.color},n.style),e.style),height:B,width:B,xmlns:"http://www.w3.org/2000/svg"}),u&&c.createElement("title",null,u),e.children)};return ye!==void 0?c.createElement(ye.Consumer,null,n=>t(n)):t(_e)}function Oe(e){return T({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 ze=({children:e,disabled:t=!1,loading:n=!1,onClick:o,className:l="","data-testid":u,...i})=>{const B=[ce.primaryButton,t?ce.primaryButtonDisabled:"",l].filter(Boolean).join(" ");return s.jsxs("button",{type:"button",className:B,disabled:t||n,onClick:o,"data-testid":u,...i,children:[n&&s.jsx(Oe,{className:ce.spinner,size:12}),e]})},ve={secondaryButton:"_secondaryButton_1s7ft_1",secondaryButtonDisabled:"_secondaryButtonDisabled_1s7ft_33"},Pe=({children:e,disabled:t=!1,onClick:n,className:o="","data-testid":l,...u})=>{const i=[ve.secondaryButton,t?ve.secondaryButtonDisabled:"",o].filter(Boolean).join(" ");return s.jsx("button",{type:"button",className:i,disabled:t,onClick:n,"data-testid":l,...u,children:e})},A={tabsContainer:"_tabsContainer_m3c4e_1",tabsHeader:"_tabsHeader_m3c4e_7",tabItem:"_tabItem_m3c4e_13",tabContent:"_tabContent_m3c4e_29",tabLabel:"_tabLabel_m3c4e_51",tabLine:"_tabLine_m3c4e_61",active:"_active_m3c4e_68",inactive:"_inactive_m3c4e_76",tabPanels:"_tabPanels_m3c4e_84"},$e=({tabs:e,activeTabId:t,onTabChange:n,className:o="","data-testid":l,...u})=>{var B;const i=[A.tabsContainer,o].filter(Boolean).join(" ");return s.jsxs("div",{className:i,"data-testid":l,...u,children:[s.jsx("div",{className:A.tabsHeader,children:e.map(a=>{const _=a.id===t,x=[A.tabItem,_?A.active:A.inactive].filter(Boolean).join(" ");return s.jsxs("button",{type:"button",className:x,onClick:()=>n(a.id),"data-testid":`${l}-tab-${a.id}`,children:[s.jsx("div",{className:A.tabContent,children:s.jsx("span",{className:A.tabLabel,children:a.label})}),s.jsx("div",{className:A.tabLine})]},a.id)})}),s.jsx("div",{className:A.tabPanels,children:(B=e.find(a=>a.id===t))==null?void 0:B.content})]})};function Le(e){return T({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 Ae(e){return T({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 qe(e){return T({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 ge(e){return T({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 g={dropdown:"_dropdown_yz8m1_1",label:"_label_yz8m1_9",required:"_required_yz8m1_18",trigger:"_trigger_yz8m1_23",triggerDisabled:"_triggerDisabled_yz8m1_47",triggerInput:"_triggerInput_yz8m1_56",value:"_value_yz8m1_74",placeholder:"_placeholder_yz8m1_81",chevron:"_chevron_yz8m1_85",open:"_open_yz8m1_92",panel:"_panel_yz8m1_116",panelClosing:"_panelClosing_yz8m1_133",filterWrapper:"_filterWrapper_yz8m1_137",filterInput:"_filterInput_yz8m1_144",filterIcon:"_filterIcon_yz8m1_163",list:"_list_yz8m1_174",option:"_option_yz8m1_183",optionSelected:"_optionSelected_yz8m1_195",optionHighlighted:"_optionHighlighted_yz8m1_199",optionDisabled:"_optionDisabled_yz8m1_203",empty:"_empty_yz8m1_212",disabled:"_disabled_yz8m1_219"},M=(e,t)=>{const o=e[t];return o!=null?String(o):""},G=(e,t)=>e[t],z=(e,t)=>t==null?!1:!!e[t],Ee=({value:e,onChange:t,onEditEnd:n,options:o,optionLabel:l="label",optionValue:u="value",optionDisabled:i,placeholder:B="Select",filter:a=!1,editable:_=!1,disabled:x=!1,required:L=!1,label:P,inputId:q,className:Q="",panelClassName:v="",valueTemplate:h,itemTemplate:w,"data-testid":b})=>{const D=o.find(r=>G(r,u)===e),k=D?M(D,l):"",[d,E]=c.useState(!1),[S,le]=c.useState(!1),[R,ie]=c.useState(""),[U,N]=c.useState(k),[y,f]=c.useState(0),O=c.useRef(null),F=c.useRef(null),W=c.useRef(null),J=c.useRef(null),X=c.useRef(null),ee=c.useRef(!1),I=c.useMemo(()=>a&&!_?o.filter(r=>M(r,l).toLowerCase().includes(R.toLowerCase())):o,[a,_,o,l,R]);c.useEffect(()=>{_&&N(k)},[_,e,k]),c.useEffect(()=>{d&&a&&!_&&(ie(""),f(0),setTimeout(()=>{var r;return(r=W.current)==null?void 0:r.focus()},0))},[d,a,_]),c.useEffect(()=>{if(!d)return;const r=I.findIndex(C=>G(C,u)===e),p=I.findIndex(C=>!z(C,i)),m=r>=0&&!z(I[r],i);f(m?r:p>=0?p:0)},[d,e,I,u,i]),c.useEffect(()=>{const r=X.current;r!=null&&r.scrollIntoView&&typeof r.scrollIntoView=="function"&&r.scrollIntoView({block:"nearest"})},[y]);const te=()=>{ee.current=!0,le(!0)},fe=r=>{var p;(ee.current||(p=r.animationName)!=null&&p.includes("menuOut"))&&(ee.current=!1,E(!1),le(!1),_&&N(k))};c.useEffect(()=>{if(!d&&!S)return;const r=p=>{O.current&&!O.current.contains(p.target)&&(_&&N(k),te())};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[d,S,_,k]);const ne=()=>{x||E(r=>!r)},re=(r,p)=>{if(z(r,i))return;const m=G(r,u);_&&N(M(r,l)),t==null||t({value:m??null,originalEvent:p}),te()},we=r=>{if(!d){if(r.key==="Enter"&&_&&U.trim()){r.preventDefault();const p=U.trim(),m=p.toLowerCase(),C=o.find(Y=>{const V=M(Y,l).toLowerCase();return V===m||V.startsWith(m)}),H=C&&!z(C,i)?G(C,u):null;C&&!z(C,i)&&(N(M(C,l)),t==null||t({value:H,originalEvent:r})),n==null||n({value:p,selectedValue:H,originalEvent:r});return}(r.key==="Enter"||r.key===" "||r.key==="ArrowDown")&&(r.preventDefault(),E(!0));return}if(r.key==="Escape"){r.preventDefault(),te();return}if(r.key==="ArrowDown"){r.preventDefault(),f(p=>{for(let m=p+1;m<I.length;m++)if(!z(I[m],i))return m;return p});return}if(r.key==="ArrowUp"){r.preventDefault(),f(p=>{for(let m=p-1;m>=0;m--)if(!z(I[m],i))return m;return p});return}if(r.key==="Enter"){if(r.preventDefault(),_){const p=U.trim();if(p){const m=p.toLowerCase(),C=o.find(Y=>{const V=M(Y,l).toLowerCase();return V===m||V.startsWith(m)}),H=C&&!z(C,i)?G(C,u):null;C&&!z(C,i)&&re(C,r),n==null||n({value:p,selectedValue:H,originalEvent:r})}else n==null||n({value:"",selectedValue:null,originalEvent:r})}else if(I[y]){const p=I[y];z(p,i)||re(p,r)}}},Me=[g.dropdown,x?g.disabled:"",d?g.open:"",Q].filter(Boolean).join(" "),Ke=[g.trigger,x?g.triggerDisabled:""].filter(Boolean).join(" "),Ze=[g.panel,S?g.panelClosing:"",v].filter(Boolean).join(" "),Qe=c.useId(),ae=q??`dropdown-${Qe.replace(/[^a-zA-Z0-9_-]/g,"")}`,pe=`${ae}-panel`;return s.jsxs("div",{className:Me,ref:O,"data-testid":b,children:[P!=null&&s.jsxs("label",{htmlFor:ae,className:g.label,children:[P,L&&s.jsx("span",{className:g.required,children:"*"})]}),s.jsxs("div",{id:_?void 0:ae,role:"combobox","aria-expanded":d||S,"aria-haspopup":"listbox","aria-controls":d||S?pe:void 0,"aria-disabled":x,"aria-label":typeof P=="string"?P:void 0,tabIndex:_||x?-1:0,className:Ke,onClick:_?void 0:ne,onKeyDown:_?void 0:we,"data-testid":b&&!_?`${b}-trigger`:void 0,children:[_?s.jsx("input",{ref:J,id:ae,type:"text",className:g.triggerInput,value:U,onChange:r=>{N(r.target.value),!d&&!S&&E(!0),f(0)},onFocus:()=>{!x&&!d&&!S&&E(!0)},onKeyDown:we,placeholder:B,disabled:x,"aria-autocomplete":"list","aria-controls":d||S?pe:void 0,"aria-expanded":d||S,"data-testid":b?`${b}-trigger`:void 0}):s.jsx("span",{className:g.value,children:h?h(D??null):k||s.jsx("span",{className:g.placeholder,children:B})}),s.jsx(ge,{className:g.chevron,"aria-hidden":!0,onClick:_?ne:void 0})]}),(d||S)&&s.jsxs("div",{ref:F,id:pe,className:Ze,role:"presentation",onAnimationEnd:fe,"data-testid":b?`${b}-panel`:void 0,children:[a&&!_&&s.jsxs("div",{className:g.filterWrapper,children:[s.jsx("input",{ref:W,type:"text",className:g.filterInput,value:R,onChange:r=>{ie(r.target.value),f(0)},onKeyDown:r=>{r.key==="Escape"&&E(!1),r.stopPropagation()},placeholder:"Search...","aria-label":"Filter options",title:"Filter options","data-testid":b?`${b}-filter`:void 0}),s.jsx(Le,{className:g.filterIcon,"aria-hidden":!0})]}),s.jsx("ul",{className:g.list,role:"listbox","aria-label":"Options",children:I.length===0?s.jsx("li",{className:g.empty,children:"No results"}):I.map((r,p)=>{const m=G(r,u),C=M(r,l),H=z(r,i),Y=e===m,V=p===y,Ge=m!=null?String(m):`option-${p}`;return s.jsx("li",{ref:V?X:void 0,role:"option","aria-selected":Y,"aria-disabled":H,className:[g.option,Y?g.optionSelected:"",V?g.optionHighlighted:"",H?g.optionDisabled:""].filter(Boolean).join(" "),onMouseEnter:()=>!H&&f(p),onClick:Ue=>re(r,Ue),"data-testid":b?`${b}-option-${p}`:void 0,children:w?w(r):C},Ge)})})]})]})},K={inputText:"_inputText_1crp5_1",label:"_label_1crp5_9",required:"_required_1crp5_20",tooltipIcon:"_tooltipIcon_1crp5_25",input:"_input_1crp5_1",inputTextarea:"_inputTextarea_1crp5_72",inputTextDisabled:"_inputTextDisabled_1crp5_79"},Fe=({label:e,tooltip:t,required:n=!1,inputId:o,textarea:l=!1,rows:u,className:i="","data-testid":B,disabled:a=!1,..._})=>{const{type:x="text",...L}=_,P=c.useId(),q=o||`input-text-${P.replace(/[^a-zA-Z0-9_-]/g,"")}`,Q=[K.inputText,a?K.inputTextDisabled:"",i].filter(Boolean).join(" "),v=L["aria-invalid"];let h;v===void 0?h=void 0:v===!0?h="true":v===!1?h="false":h=v;const w=n?{"aria-required":"true"}:{"aria-required":"false"},b=h===void 0?{}:{"aria-invalid":h},D=[K.input,l?K.inputTextarea:""].filter(Boolean).join(" "),k={id:q,className:D,disabled:a,...w,...b,"data-testid":B?`${B}-input`:void 0};return s.jsxs("div",{className:Q,"data-testid":B,children:[e!=null&&s.jsxs("label",{htmlFor:q,className:K.label,children:[e,n&&s.jsx("span",{className:K.required,children:"*"}),t!=null&&s.jsx("span",{className:K.tooltipIcon,title:t,"aria-label":t,children:s.jsx(Ae,{"aria-hidden":!0})})]}),l?s.jsx("textarea",{...L,...k,rows:u??3}):s.jsx("input",{...L,...k,type:x})]})},$={accordion:"_accordion_l1hoq_1",tab:"_tab_l1hoq_6",headerButton:"_headerButton_l1hoq_11",headerContent:"_headerContent_l1hoq_39",icon:"_icon_l1hoq_45",panel:"_panel_l1hoq_53",panelCollapsed:"_panelCollapsed_l1hoq_58",panelOpen:"_panelOpen_l1hoq_64",panelContent:"_panelContent_l1hoq_70",noBorderLast:"_noBorderLast_l1hoq_74"},ue=e=>null;ue.displayName="AccordionTab";const We=(e,t)=>e==null?[]:Array.isArray(e)?t?e:e.slice(0,1):[e],He=e=>e.replace(/[^a-zA-Z0-9_-]/g,""),be=({activeIndex:e,multiple:t=!1,expandIcon:n,collapseIcon:o,onTabChange:l,onTabOpen:u,onTabClose:i,className:B="",transitionOptions:a,pt:_,ptOptions:x,unstyled:L,children:P,...q})=>{const Q=c.useId(),v=He(Q),h=c.useMemo(()=>c.Children.toArray(P).filter(y=>c.isValidElement(y)&&y.type===ue),[P]),w=e!==void 0,b=c.useMemo(()=>We(e,t),[e,t]),[D,k]=c.useState([]),d=w?b:D,E=typeof a=="object"&&a!=null&&typeof a.timeout=="number"?a.timeout:void 0,S=s.jsx(qe,{"aria-hidden":!0}),le=s.jsx(ge,{"aria-hidden":!0}),R=n??S,ie=o??le,U=(N,y)=>{const f=d.includes(N);if(t){const W=f?d.filter(J=>J!==N):[...d,N];w||k(W),l==null||l({index:W,originalEvent:y}),f?i==null||i({index:N,originalEvent:y}):u==null||u({index:N,originalEvent:y});return}const O=d.length?d[0]:null,F=f?[]:[N];if(w||k(F),l==null||l({index:F,originalEvent:y}),f){i==null||i({index:N,originalEvent:y});return}O!=null&&(i==null||i({index:O,originalEvent:y})),u==null||u({index:N,originalEvent:y})};return s.jsx("div",{className:[$.accordion,B].filter(Boolean).join(" "),...q,children:h.map((N,y)=>{var ne;const f=N.props,O=d.includes(y),F=!!f.disabled,W=`${v}-header-${y}`,J=`${v}-content-${y}`,X=f.headerTemplate!=null?typeof f.headerTemplate=="function"?f.headerTemplate({index:y,selected:O,disabled:F,count:h.length,first:y===0,last:y===h.length-1}):f.headerTemplate:f.header,ee=O?ie:R,I=[$.headerButton,f.headerClassName??""].filter(Boolean).join(" "),te=[$.tab,f.className??"",y===h.length-1?$.noBorderLast:""].filter(Boolean).join(" "),fe=typeof X=="string"?X:void 0;return s.jsxs("div",{className:te,style:f.style,children:[s.jsxs("button",{id:W,type:"button",disabled:F,className:I,style:f.headerStyle,"aria-controls":J,"aria-expanded":O,"aria-disabled":F,tabIndex:f.tabIndex,onClick:re=>U(y,re),...f.headerProps,"aria-label":((ne=f.headerProps)==null?void 0:ne["aria-label"])??fe,children:[s.jsx("span",{className:$.headerContent,children:X}),s.jsx("span",{className:$.icon,"aria-hidden":!0,children:ee})]}),s.jsx("div",{id:J,role:"region","aria-labelledby":W,"aria-hidden":!O,className:[$.panel,O?$.panelOpen:$.panelCollapsed].join(" "),style:{transitionDuration:E?`${E}ms`:void 0},children:s.jsx("div",{className:[$.panelContent,f.contentClassName??""].filter(Boolean).join(" "),style:f.contentStyle,children:f.children})})]},y)})})};be.displayName="Accordion";const Z={selectButton:"_selectButton_1u3fo_1",selectButtonDisabled:"_selectButtonDisabled_1u3fo_9",selectButtonInvalid:"_selectButtonInvalid_1u3fo_14",button:"_button_1u3fo_14",buttonFirst:"_buttonFirst_1u3fo_47",buttonLast:"_buttonLast_1u3fo_51",buttonSelected:"_buttonSelected_1u3fo_59"},Be=(e,t)=>{const o=e[t];return o!=null?String(o):""},de=(e,t)=>e[t],Ce=(e,t)=>t==null?!1:!!e[t],Ve=({value:e,onChange:t,options:n,optionLabel:o="label",optionValue:l="value",optionDisabled:u,multiple:i=!1,itemTemplate:B,disabled:a=!1,invalid:_=!1,className:x="","data-testid":L})=>{const P=v=>{const h=de(v,l);return i&&Array.isArray(e)?e.includes(h):e===h},q=(v,h)=>{if(a||Ce(v,u))return;const w=de(v,l);if(w===void 0)return;let b;if(i){const D=Array.isArray(e)?e:[];b=D.includes(w)?D.filter(d=>d!==w):[...D,w]}else b=e===w?null:w;t==null||t({value:b,originalEvent:h})},Q=[Z.selectButton,a?Z.selectButtonDisabled:"",_?Z.selectButtonInvalid:"",x].filter(Boolean).join(" ");return s.jsx("div",{className:Q,role:"group","aria-disabled":a,"data-testid":L,children:n.map((v,h)=>{const w=de(v,l),b=w!=null?String(w):`option-${h}`,D=Ce(v,u),k=P(v);return s.jsx("button",{type:"button","aria-pressed":k,"aria-disabled":D||a,"aria-label":Be(v,o),disabled:a||D,className:[Z.button,k?Z.buttonSelected:"",h===0?Z.buttonFirst:"",h===n.length-1?Z.buttonLast:""].filter(Boolean).join(" "),onClick:d=>q(v,d),onKeyDown:d=>{(d.key===" "||d.key==="Enter")&&(d.preventDefault(),q(v,d))},"data-testid":L?`${L}-option-${h}`:void 0,children:B?B(v):Be(v,o)},b)})})};j.Accordion=be,j.AccordionTab=ue,j.Dropdown=Ee,j.InputText=Fe,j.PrimaryButton=ze,j.SecondaryButton=Pe,j.SelectButton=Ve,j.Tabs=$e,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})}));

package/dist/style.css

@@ -1 +1 @@
-._primaryButton_uyzzr_1{background:var(--color-primary);border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:#fff;padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease}._primaryButton_uyzzr_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._primaryButton_uyzzr_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid var(--color-primary-hover);background:var(--color-primary-hover);opacity:.8}._primaryButton_uyzzr_1:hover{border:1px solid var(--color-primary-hover);background:var(--color-primary-hover)}._primaryButtonDisabled_uyzzr_34{cursor:not-allowed;opacity:.8}._primaryButtonDisabled_uyzzr_34:hover{transform:none}._spinner_uyzzr_42{animation:_spin_uyzzr_42 1s linear infinite;margin-right:.5rem}@keyframes _spin_uyzzr_42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._secondaryButton_1s7ft_1{background:transparent;border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:var(--color-primary);padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._secondaryButton_1s7ft_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._secondaryButton_1s7ft_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid #9cbbe3;background:transparent;opacity:.5}._secondaryButton_1s7ft_1:hover{background:#efefef}._secondaryButtonDisabled_1s7ft_33{cursor:not-allowed;opacity:.65}._secondaryButtonDisabled_1s7ft_33:hover{transform:none;background:transparent;color:#9cbbe3}._tabsContainer_m3c4e_1{display:flex;flex-direction:column;width:100%}._tabsHeader_m3c4e_7{display:flex;align-items:center;gap:0}._tabItem_m3c4e_13{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit}._tabItem_m3c4e_13:hover ._tabContent_m3c4e_29{background-color:#128afb0d}._tabItem_m3c4e_13:focus{outline:none}._tabItem_m3c4e_13:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._tabContent_m3c4e_29{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;transition:background-color .2s ease}._tabLabel_m3c4e_51{font-family:Lato,sans-serif;font-size:var(--font-size-base);line-height:1.5em;text-align:center;font-weight:var(--font-weight-normal);color:var(--color-text-secondary);transition:color .2s ease}._tabLine_m3c4e_61{width:100%;height:2px;background-color:transparent;transition:background-color .2s ease}._active_m3c4e_68 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._active_m3c4e_68 ._tabLine_m3c4e_61{background-color:var(--color-primary)}._inactive_m3c4e_76 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}._inactive_m3c4e_76 ._tabLine_m3c4e_61{background-color:var(--color-border-light)}._tabPanels_m3c4e_84{padding:var(--spacing-md) 0;background-color:transparent}._dropdown_1xupi_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_1xupi_9{display:block;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_1xupi_18{color:var(--color-text-secondary);margin-left:2px}._trigger_1xupi_23{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:4px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;font-size:var(--font-size-base);color:var(--color-text-primary);gap:.5rem}._trigger_1xupi_23:hover:not(:focus){border-color:var(--color-primary)}._trigger_1xupi_23:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow)}._triggerDisabled_1xupi_47{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._triggerDisabled_1xupi_47:hover{border-color:var(--color-input-border)}._triggerInput_1xupi_56{flex:1;min-width:0;border:none;background:transparent;font-size:inherit;font-family:inherit;color:inherit;padding:0;outline:none}._triggerInput_1xupi_56::placeholder{color:var(--color-text-secondary)}._triggerInput_1xupi_56:disabled{cursor:not-allowed}._value_1xupi_74{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._placeholder_1xupi_82{color:var(--color-text-secondary)}._chevron_1xupi_86{flex-shrink:0;color:var(--color-text-secondary);width:1.25rem;height:1.25rem}._open_1xupi_93 ._chevron_1xupi_86{transform:rotate(180deg)}@keyframes _menuIn_1xupi_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_1xupi_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._panel_1xupi_117{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;min-width:100%;box-sizing:border-box;z-index:1000;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:4px;box-shadow:0 4px 12px #00000026;overflow-x:hidden;animation:_menuIn_1xupi_1 .25s ease-out forwards}._panelClosing_1xupi_134{animation:_menuOut_1xupi_1 .15s ease-in forwards}._filterWrapper_1xupi_138{position:relative;padding:4px 8px;border-bottom:1px solid var(--color-border-light);box-sizing:border-box}._filterInput_1xupi_145{width:100%;box-sizing:border-box;padding:4px 28px 4px 8px;border:1px solid var(--color-input-border);border-radius:4px;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary)}._filterInput_1xupi_145:focus{outline:0;border-color:var(--color-primary);box-shadow:var(--focus-ring-box-shadow)}._filterInput_1xupi_145::placeholder{color:var(--color-text-secondary)}._filterIcon_1xupi_164{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:1rem;height:1rem;pointer-events:none}._list_1xupi_175{line-height:1rem;list-style:none;margin:0;padding:.25rem 0;max-height:240px;overflow-y:auto}._option_1xupi_184{padding:.5rem .75rem;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-primary);transition:background-color .15s ease;margin-bottom:0}._option_1xupi_184:hover,._option_1xupi_184:focus-visible{background:var(--color-bg-secondary)}._optionSelected_1xupi_196{background:var(--color-dropdown-option-highlight)}._optionHighlighted_1xupi_200{background:var(--color-bg-secondary)}._optionDisabled_1xupi_204{cursor:not-allowed;opacity:.6;color:var(--color-text-secondary)}._optionDisabled_1xupi_204:hover{background:transparent}._empty_1xupi_213{padding:.75rem 1rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:default}._disabled_1xupi_220 ._trigger_1xupi_23:hover{border-color:var(--color-input-border)}._inputText_1crp5_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_1crp5_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_1crp5_20{color:var(--color-text-secondary);margin-left:2px}._tooltipIcon_1crp5_25{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:help}._tooltipIcon_1crp5_25 svg{width:1rem;height:1rem}._input_1crp5_1{display:block;width:100%;height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:4px;font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}._input_1crp5_1::placeholder{color:var(--color-text-secondary)}._input_1crp5_1:hover:not(:disabled):not(:focus){border-color:var(--color-primary)}._input_1crp5_1:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow);transition:box-shadow .2s ease-in-out}._input_1crp5_1:disabled{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._input_1crp5_1:disabled:hover{border-color:var(--color-input-border)}._inputTextarea_1crp5_72{height:auto;min-height:34px;padding:.5rem .75rem;resize:vertical}._inputTextDisabled_1crp5_79 ._input_1crp5_1:hover{border-color:var(--color-input-border)}._accordion_l1hoq_1{display:block;width:100%}._tab_l1hoq_6{width:100%;border-bottom:1px solid var(--color-border-light)}._headerButton_l1hoq_11{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary)}._headerButton_l1hoq_11:disabled{cursor:not-allowed;opacity:.6}._headerButton_l1hoq_11:focus{outline:none}._headerButton_l1hoq_11:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}._headerContent_l1hoq_39{display:flex;align-items:center;gap:.5rem}._icon_l1hoq_45{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-secondary)}._panel_l1hoq_53{overflow:hidden;transition:max-height .2s ease,opacity .2s ease,padding .2s ease}._panelCollapsed_l1hoq_58{max-height:0;opacity:0;padding:0}._panelOpen_l1hoq_64{max-height:1000px;opacity:1;padding:.25rem 0 .5rem}._panelContent_l1hoq_70{color:var(--color-text-primary)}._noBorderLast_l1hoq_74{border-bottom:none}._selectButton_1u3fo_1{display:inline-flex;flex-wrap:wrap;gap:0;font-size:var(--font-size-base);color:var(--color-text-primary)}._selectButtonDisabled_1u3fo_9{opacity:.7;pointer-events:none}._selectButtonInvalid_1u3fo_14 ._button_1u3fo_14{border-color:var(--color-primary)}._button_1u3fo_14{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);font-size:inherit;font-family:inherit;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}._button_1u3fo_14:hover:not(:disabled){z-index:1;border-color:var(--color-primary);background:var(--color-bg-secondary)}._button_1u3fo_14:focus{outline:0;z-index:1}._button_1u3fo_14:disabled{cursor:not-allowed;opacity:.6}._buttonFirst_1u3fo_47{border-radius:4px 0 0 4px}._buttonLast_1u3fo_51{border-radius:0 4px 4px 0}._button_1u3fo_14:only-child{border-radius:4px}._buttonSelected_1u3fo_59{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._buttonSelected_1u3fo_59:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}._buttonSelected_1u3fo_59:focus{box-shadow:var(--focus-ring-box-shadow)}._button_1u3fo_14+._button_1u3fo_14{margin-left:-1px}._buttonSelected_1u3fo_59+._button_1u3fo_14,._button_1u3fo_14+._buttonSelected_1u3fo_59{margin-left:-1px}:root{--color-primary: #3b73bb;--color-primary-hover: #2665b7;--color-dark: #3e4759;--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-border-light: #e9ecef;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--font-size-sm: .875rem;--font-size-base: .875rem;--font-size-lg: 1.125rem;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1rem;--color-input-border: #e9ecef;--color-input-focus: #3b73bb;--color-dropdown-option-highlight: #e6f0ff;--color-dropdown-filter-border: #3b73bb;--focus-ring-box-shadow: 0 0 0 1px rgba(38, 101, 183, .5)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-bg-primary);margin:0;padding:0}
+._primaryButton_uyzzr_1{background:var(--color-primary);border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:#fff;padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease}._primaryButton_uyzzr_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._primaryButton_uyzzr_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid var(--color-primary-hover);background:var(--color-primary-hover);opacity:.8}._primaryButton_uyzzr_1:hover{border:1px solid var(--color-primary-hover);background:var(--color-primary-hover)}._primaryButtonDisabled_uyzzr_34{cursor:not-allowed;opacity:.8}._primaryButtonDisabled_uyzzr_34:hover{transform:none}._spinner_uyzzr_42{animation:_spin_uyzzr_42 1s linear infinite;margin-right:.5rem}@keyframes _spin_uyzzr_42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._secondaryButton_1s7ft_1{background:transparent;border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:var(--color-primary);padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._secondaryButton_1s7ft_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._secondaryButton_1s7ft_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid #9cbbe3;background:transparent;opacity:.5}._secondaryButton_1s7ft_1:hover{background:#efefef}._secondaryButtonDisabled_1s7ft_33{cursor:not-allowed;opacity:.65}._secondaryButtonDisabled_1s7ft_33:hover{transform:none;background:transparent;color:#9cbbe3}._tabsContainer_m3c4e_1{display:flex;flex-direction:column;width:100%}._tabsHeader_m3c4e_7{display:flex;align-items:center;gap:0}._tabItem_m3c4e_13{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit}._tabItem_m3c4e_13:hover ._tabContent_m3c4e_29{background-color:#128afb0d}._tabItem_m3c4e_13:focus{outline:none}._tabItem_m3c4e_13:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._tabContent_m3c4e_29{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;transition:background-color .2s ease}._tabLabel_m3c4e_51{font-family:Lato,sans-serif;font-size:var(--font-size-base);line-height:1.5em;text-align:center;font-weight:var(--font-weight-normal);color:var(--color-text-secondary);transition:color .2s ease}._tabLine_m3c4e_61{width:100%;height:2px;background-color:transparent;transition:background-color .2s ease}._active_m3c4e_68 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._active_m3c4e_68 ._tabLine_m3c4e_61{background-color:var(--color-primary)}._inactive_m3c4e_76 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}._inactive_m3c4e_76 ._tabLine_m3c4e_61{background-color:var(--color-border-light)}._tabPanels_m3c4e_84{padding:var(--spacing-md) 0;background-color:transparent}._dropdown_yz8m1_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_yz8m1_9{display:block;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_yz8m1_18{color:var(--color-text-secondary);margin-left:2px}._trigger_yz8m1_23{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:4px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;font-size:var(--font-size-base);color:var(--color-text-primary);gap:.5rem}._trigger_yz8m1_23:hover:not(:focus){border-color:var(--color-primary)}._trigger_yz8m1_23:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow)}._triggerDisabled_yz8m1_47{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._triggerDisabled_yz8m1_47:hover{border-color:var(--color-input-border)}._triggerInput_yz8m1_56{flex:1;min-width:0;border:none;background:transparent;font-size:inherit;font-family:inherit;color:inherit;padding:0;outline:none}._triggerInput_yz8m1_56::placeholder{color:var(--color-text-secondary)}._triggerInput_yz8m1_56:disabled{cursor:not-allowed}._value_yz8m1_74{flex:1;text-align:left;text-overflow:ellipsis;white-space:nowrap}._placeholder_yz8m1_81{color:var(--color-text-secondary)}._chevron_yz8m1_85{flex-shrink:0;color:var(--color-text-secondary);width:1.25rem;height:1.25rem}._open_yz8m1_92 ._chevron_yz8m1_85{transform:rotate(180deg)}@keyframes _menuIn_yz8m1_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_yz8m1_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._panel_yz8m1_116{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;min-width:100%;box-sizing:border-box;z-index:1000;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:4px;box-shadow:0 4px 12px #00000026;overflow-x:hidden;animation:_menuIn_yz8m1_1 .25s ease-out forwards}._panelClosing_yz8m1_133{animation:_menuOut_yz8m1_1 .15s ease-in forwards}._filterWrapper_yz8m1_137{position:relative;padding:4px 8px;border-bottom:1px solid var(--color-border-light);box-sizing:border-box}._filterInput_yz8m1_144{width:100%;box-sizing:border-box;padding:4px 28px 4px 8px;border:1px solid var(--color-input-border);border-radius:4px;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary)}._filterInput_yz8m1_144:focus{outline:0;border-color:var(--color-primary);box-shadow:var(--focus-ring-box-shadow)}._filterInput_yz8m1_144::placeholder{color:var(--color-text-secondary)}._filterIcon_yz8m1_163{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:1rem;height:1rem;pointer-events:none}._list_yz8m1_174{line-height:1rem;list-style:none;margin:0;padding:.25rem 0;max-height:240px;overflow-y:auto}._option_yz8m1_183{padding:.5rem .75rem;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-primary);transition:background-color .15s ease;margin-bottom:0}._option_yz8m1_183:hover,._option_yz8m1_183:focus-visible{background:var(--color-bg-secondary)}._optionSelected_yz8m1_195{background:var(--color-dropdown-option-highlight)}._optionHighlighted_yz8m1_199{background:var(--color-bg-secondary)}._optionDisabled_yz8m1_203{cursor:not-allowed;opacity:.6;color:var(--color-text-secondary)}._optionDisabled_yz8m1_203:hover{background:transparent}._empty_yz8m1_212{padding:.75rem 1rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:default}._disabled_yz8m1_219 ._trigger_yz8m1_23:hover{border-color:var(--color-input-border)}._inputText_1crp5_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_1crp5_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_1crp5_20{color:var(--color-text-secondary);margin-left:2px}._tooltipIcon_1crp5_25{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:help}._tooltipIcon_1crp5_25 svg{width:1rem;height:1rem}._input_1crp5_1{display:block;width:100%;height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:4px;font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}._input_1crp5_1::placeholder{color:var(--color-text-secondary)}._input_1crp5_1:hover:not(:disabled):not(:focus){border-color:var(--color-primary)}._input_1crp5_1:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow);transition:box-shadow .2s ease-in-out}._input_1crp5_1:disabled{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._input_1crp5_1:disabled:hover{border-color:var(--color-input-border)}._inputTextarea_1crp5_72{height:auto;min-height:34px;padding:.5rem .75rem;resize:vertical}._inputTextDisabled_1crp5_79 ._input_1crp5_1:hover{border-color:var(--color-input-border)}._accordion_l1hoq_1{display:block;width:100%}._tab_l1hoq_6{width:100%;border-bottom:1px solid var(--color-border-light)}._headerButton_l1hoq_11{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary)}._headerButton_l1hoq_11:disabled{cursor:not-allowed;opacity:.6}._headerButton_l1hoq_11:focus{outline:none}._headerButton_l1hoq_11:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}._headerContent_l1hoq_39{display:flex;align-items:center;gap:.5rem}._icon_l1hoq_45{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-secondary)}._panel_l1hoq_53{overflow:hidden;transition:max-height .2s ease,opacity .2s ease,padding .2s ease}._panelCollapsed_l1hoq_58{max-height:0;opacity:0;padding:0}._panelOpen_l1hoq_64{max-height:1000px;opacity:1;padding:.25rem 0 .5rem}._panelContent_l1hoq_70{color:var(--color-text-primary)}._noBorderLast_l1hoq_74{border-bottom:none}._selectButton_1u3fo_1{display:inline-flex;flex-wrap:wrap;gap:0;font-size:var(--font-size-base);color:var(--color-text-primary)}._selectButtonDisabled_1u3fo_9{opacity:.7;pointer-events:none}._selectButtonInvalid_1u3fo_14 ._button_1u3fo_14{border-color:var(--color-primary)}._button_1u3fo_14{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);font-size:inherit;font-family:inherit;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}._button_1u3fo_14:hover:not(:disabled){z-index:1;border-color:var(--color-primary);background:var(--color-bg-secondary)}._button_1u3fo_14:focus{outline:0;z-index:1}._button_1u3fo_14:disabled{cursor:not-allowed;opacity:.6}._buttonFirst_1u3fo_47{border-radius:4px 0 0 4px}._buttonLast_1u3fo_51{border-radius:0 4px 4px 0}._button_1u3fo_14:only-child{border-radius:4px}._buttonSelected_1u3fo_59{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._buttonSelected_1u3fo_59:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}._buttonSelected_1u3fo_59:focus{box-shadow:var(--focus-ring-box-shadow)}._button_1u3fo_14+._button_1u3fo_14{margin-left:-1px}._buttonSelected_1u3fo_59+._button_1u3fo_14,._button_1u3fo_14+._buttonSelected_1u3fo_59{margin-left:-1px}:root{--color-primary: #3b73bb;--color-primary-hover: #2665b7;--color-dark: #3e4759;--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-border-light: #e9ecef;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--font-size-sm: .875rem;--font-size-base: .875rem;--font-size-lg: 1.125rem;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1rem;--color-input-border: #e9ecef;--color-input-focus: #3b73bb;--color-dropdown-option-highlight: #e6f0ff;--color-dropdown-filter-border: #3b73bb;--focus-ring-box-shadow: 0 0 0 1px rgba(38, 101, 183, .5)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-bg-primary);margin:0;padding:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emporix/component-library",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "A React component library for Emporix projects",
   "type": "module",
   "main": "./dist/index.umd.js",