rds-ui-system 2.22.4 → 2.23.0

package/dist/rds-ui-system.es.js

@@ -14,11 +14,11 @@ function ns() {
   if (ht) return Me;
   ht = 1;
   var s = vt, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, c = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(d, l, h) {
-    var f, m = {}, b = null, y = null;
-    h !== void 0 && (b = "" + h), l.key !== void 0 && (b = "" + l.key), l.ref !== void 0 && (y = l.ref);
-    for (f in l) a.call(l, f) && !n.hasOwnProperty(f) && (m[f] = l[f]);
-    if (d && d.defaultProps) for (f in l = d.defaultProps, l) m[f] === void 0 && (m[f] = l[f]);
+  function o(d, l, f) {
+    var h, m = {}, b = null, y = null;
+    f !== void 0 && (b = "" + f), l.key !== void 0 && (b = "" + l.key), l.ref !== void 0 && (y = l.ref);
+    for (h in l) a.call(l, h) && !n.hasOwnProperty(h) && (m[h] = l[h]);
+    if (d && d.defaultProps) for (h in l = d.defaultProps, l) m[h] === void 0 && (m[h] = l[h]);
     return { $$typeof: r, type: d, key: b, ref: y, props: m, _owner: c.current };
   }
   return Me.Fragment = t, Me.jsx = o, Me.jsxs = o, Me;
@@ -36,7 +36,7 @@ var He = {};
 var ft;
 function ls() {
   return ft || (ft = 1, process.env.NODE_ENV !== "production" && (function() {
-    var s = vt, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), n = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), d = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), H = Symbol.iterator, E = "@@iterator";
+    var s = vt, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), n = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), d = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), H = Symbol.iterator, E = "@@iterator";
     function _(i) {
       if (i === null || typeof i != "object")
         return null;
@@ -64,7 +64,7 @@ function ls() {
     var O = !1, C = !1, Z = !1, S = !1, g = !1, R;
     R = Symbol.for("react.module.reference");
     function P(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === a || i === n || g || i === c || i === h || i === f || S || i === y || O || C || Z || typeof i == "object" && i !== null && (i.$$typeof === b || i.$$typeof === m || i.$$typeof === o || i.$$typeof === d || i.$$typeof === l || // This needs to include all possible module reference object
+      return !!(typeof i == "string" || typeof i == "function" || i === a || i === n || g || i === c || i === f || i === h || S || i === y || O || C || Z || typeof i == "object" && i !== null && (i.$$typeof === b || i.$$typeof === m || i.$$typeof === o || i.$$typeof === d || i.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -96,9 +96,9 @@ function ls() {
           return "Profiler";
         case c:
           return "StrictMode";
-        case h:
-          return "Suspense";
         case f:
+          return "Suspense";
+        case h:
           return "SuspenseList";
       }
       if (typeof i == "object")
@@ -292,9 +292,9 @@ function ls() {
       if (typeof i == "string")
         return xe(i);
       switch (i) {
-        case h:
-          return xe("Suspense");
         case f:
+          return xe("Suspense");
+        case h:
           return xe("SuspenseList");
       }
       if (typeof i == "object")
@@ -719,7 +719,7 @@ const Xe = "-", os = (s) => {
   } = s;
   let a = (c) => {
     const n = [];
-    let o = 0, d = 0, l = 0, h;
+    let o = 0, d = 0, l = 0, f;
     for (let H = 0; H < c.length; H++) {
       let E = c[H];
       if (o === 0 && d === 0) {
@@ -728,13 +728,13 @@ const Xe = "-", os = (s) => {
           continue;
         }
         if (E === "/") {
-          h = H;
+          f = H;
           continue;
         }
       }
       E === "[" ? o++ : E === "]" ? o-- : E === "(" ? d++ : E === ")" && d--;
     }
-    const f = n.length === 0 ? c : c.substring(l), m = ws(f), b = m !== f, y = h && h > l ? h - l : void 0;
+    const h = n.length === 0 ? c : c.substring(l), m = ws(h), b = m !== h, y = f && f > l ? f - l : void 0;
     return {
       modifiers: n,
       hasImportantModifier: b,
@@ -784,26 +784,26 @@ const Xe = "-", os = (s) => {
     sortModifiers: n
   } = r, o = [], d = s.trim().split(gs);
   let l = "";
-  for (let h = d.length - 1; h >= 0; h -= 1) {
-    const f = d[h], {
+  for (let f = d.length - 1; f >= 0; f -= 1) {
+    const h = d[f], {
       isExternal: m,
       modifiers: b,
       hasImportantModifier: y,
       baseClassName: H,
       maybePostfixModifierPosition: E
-    } = t(f);
+    } = t(h);
     if (m) {
-      l = f + (l.length > 0 ? " " + l : l);
+      l = h + (l.length > 0 ? " " + l : l);
       continue;
     }
     let _ = !!E, k = a(_ ? H.substring(0, E) : H);
     if (!k) {
       if (!_) {
-        l = f + (l.length > 0 ? " " + l : l);
+        l = h + (l.length > 0 ? " " + l : l);
         continue;
       }
       if (k = a(H), !k) {
-        l = f + (l.length > 0 ? " " + l : l);
+        l = h + (l.length > 0 ? " " + l : l);
         continue;
       }
       _ = !1;
@@ -817,7 +817,7 @@ const Xe = "-", os = (s) => {
       const S = C[Z];
       o.push(U + S);
     }
-    l = f + (l.length > 0 ? " " + l : l);
+    l = h + (l.length > 0 ? " " + l : l);
   }
   return l;
 };
@@ -838,15 +838,15 @@ const bt = (s) => {
 function _s(s, ...r) {
   let t, a, c, n = o;
   function o(l) {
-    const h = r.reduce((f, m) => m(f), s());
-    return t = vs(h), a = t.cache.get, c = t.cache.set, n = d, d(l);
+    const f = r.reduce((h, m) => m(h), s());
+    return t = vs(f), a = t.cache.get, c = t.cache.set, n = d, d(l);
   }
   function d(l) {
-    const h = a(l);
-    if (h)
-      return h;
-    const f = js(l, t);
-    return c(l, f), f;
+    const f = a(l);
+    if (f)
+      return f;
+    const h = js(l, t);
+    return c(l, h), h;
   }
   return function() {
     return n(bs.apply(null, arguments));
@@ -867,7 +867,7 @@ const D = (s) => {
   const a = Lt.exec(s);
   return a ? a[1] ? r(a[1]) : t : !1;
 }, kt = (s) => s === "position" || s === "percentage", Nt = (s) => s === "image" || s === "url", Ct = (s) => s === "length" || s === "size" || s === "bg-size", Vt = (s) => s === "length", Ws = (s) => s === "number", Is = (s) => s === "family-name", Mt = (s) => s === "shadow", Os = () => {
-  const s = D("color"), r = D("font"), t = D("text"), a = D("font-weight"), c = D("tracking"), n = D("leading"), o = D("breakpoint"), d = D("container"), l = D("spacing"), h = D("radius"), f = D("shadow"), m = D("inset-shadow"), b = D("text-shadow"), y = D("drop-shadow"), H = D("blur"), E = D("perspective"), _ = D("aspect"), k = D("ease"), N = D("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], O = () => [
+  const s = D("color"), r = D("font"), t = D("text"), a = D("font-weight"), c = D("tracking"), n = D("leading"), o = D("breakpoint"), d = D("container"), l = D("spacing"), f = D("radius"), h = D("shadow"), m = D("inset-shadow"), b = D("text-shadow"), y = D("drop-shadow"), H = D("blur"), E = D("perspective"), _ = D("aspect"), k = D("ease"), N = D("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], O = () => [
     "center",
     "top",
     "bottom",
@@ -898,7 +898,7 @@ const D = (s) => {
     "",
     "none",
     "full",
-    h,
+    f,
     w,
     u
   ], q = () => ["", V, Re, ue], me = () => ["solid", "dashed", "dotted", "double"], ve = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], W = () => [V, $e, mt, wt], xe = () => [
@@ -2257,7 +2257,7 @@ const D = (s) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          f,
+          h,
           Be,
           Se
         ]
@@ -5409,13 +5409,13 @@ const D = (s) => {
     children: o,
     disabled: d,
     iconPosition: l = "leading",
-    ...h
-  }, f) => {
+    ...f
+  }, h) => {
     const m = () => /* @__PURE__ */ e.jsx("span", { "data-testid": "icon-wrapper", children: Ht[c](t, d == !0, n || "black") });
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: f,
+        ref: h,
         disabled: d,
         className: v(
           "rds-button gap-2 overflow-hidden rounded transition-all duration-100",
@@ -5426,7 +5426,7 @@ const D = (s) => {
         ),
         "data-testid": "test-button",
         type: "button",
-        ...h,
+        ...f,
         children: [
           c && l === "leading" && /* @__PURE__ */ e.jsx(m, {}),
           o ?? s,
@@ -5462,8 +5462,8 @@ const ye = ({ message: s, showErrorStyles: r = !1, className: t }) => /* @__PURE
     value: o,
     id: d,
     readOnly: l,
-    supportingText: h,
-    className: f,
+    supportingText: f,
+    className: h,
     ...m
   }, b) => {
     const [y, H] = I(n || !1), [E, _] = I(!1);
@@ -5471,7 +5471,7 @@ const ye = ({ message: s, showErrorStyles: r = !1, className: t }) => /* @__PURE
       H(n || !1);
     }, [n]);
     const k = t || a;
-    return /* @__PURE__ */ e.jsxs("div", { className: v("flex max-w-full flex-col", f), children: [
+    return /* @__PURE__ */ e.jsxs("div", { className: v("flex max-w-full flex-col", h), children: [
       /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -5546,7 +5546,7 @@ const ye = ({ message: s, showErrorStyles: r = !1, className: t }) => /* @__PURE
           ]
         }
       ),
-      h && /* @__PURE__ */ e.jsx(ye, { message: h, showErrorStyles: k, className: "mt-1" })
+      f && /* @__PURE__ */ e.jsx(ye, { message: f, showErrorStyles: k, className: "mt-1" })
     ] });
   }
 );
@@ -5635,8 +5635,8 @@ const vr = {
     value: o,
     name: d,
     type: l,
-    id: h,
-    supportingText: f,
+    id: f,
+    supportingText: h,
     required: m,
     className: b,
     resetValue: y,
@@ -5680,7 +5680,7 @@ const vr = {
           /* @__PURE__ */ e.jsx(
             "input",
             {
-              id: h,
+              id: f,
               ref: E,
               value: _,
               name: d,
@@ -5737,7 +5737,7 @@ const vr = {
               ]
             }
           ),
-          f && /* @__PURE__ */ e.jsx(ye, { message: f, showErrorStyles: S, className: "ml-4 mt-1" })
+          h && /* @__PURE__ */ e.jsx(ye, { message: h, showErrorStyles: S, className: "ml-4 mt-1" })
         ]
       }
     ) });
@@ -5778,8 +5778,8 @@ const Pe = (s) => /* @__PURE__ */ e.jsx(
     id: o,
     readOnly: d,
     className: l,
-    ...h
-  }, f) => {
+    ...f
+  }, h) => {
     const [m, b] = I(n || !1), [y, H] = I(!1);
     J(() => {
       b(n || !1);
@@ -5829,7 +5829,7 @@ const Pe = (s) => /* @__PURE__ */ e.jsx(
             "input",
             {
               type: "checkbox",
-              ref: f,
+              ref: h,
               id: o,
               checked: m,
               onChange: (_) => {
@@ -5840,7 +5840,7 @@ const Pe = (s) => /* @__PURE__ */ e.jsx(
               onMouseEnter: () => H(!0),
               onMouseLeave: () => H(!1),
               "data-testid": "test-radio-input",
-              ...h
+              ...f
             }
           )
         ]
@@ -5863,8 +5863,8 @@ const br = {
     checkboxPosition: o = "leading",
     showAmount: d,
     ...l
-  }, h) => {
-    const [f, m] = I(!1);
+  }, f) => {
+    const [h, m] = I(!1);
     J(() => {
       r !== void 0 && m(r);
     }, [r]);
@@ -5872,7 +5872,7 @@ const br = {
     return /* @__PURE__ */ e.jsx(
       "li",
       {
-        ref: h,
+        ref: f,
         className: v(
           "w-full cursor-pointer list-none border-b border-brand-50",
           "delay-10 transition-all duration-200 hover:bg-brand-50",
@@ -5891,7 +5891,7 @@ const br = {
           {
             className: v("flex w-full items-center px-4 py-2 text-left", y && "justify-between"),
             onClick: () => {
-              a(s), m(!f);
+              a(s), m(!h);
             },
             type: "button",
             children: [
@@ -5899,9 +5899,9 @@ const br = {
                 We,
                 {
                   id: "checkbox-" + s.id,
-                  checked: f,
+                  checked: h,
                   onChange: () => {
-                    a(s), m(!f);
+                    a(s), m(!h);
                   }
                 }
               ),
@@ -5917,9 +5917,9 @@ const br = {
                 We,
                 {
                   id: "checkbox-" + s.id,
-                  checked: f,
+                  checked: h,
                   onChange: () => {
-                    a(s), m(!f);
+                    a(s), m(!h);
                   }
                 }
               )
@@ -5948,9 +5948,9 @@ const _r = ({ className: s }) => /* @__PURE__ */ e.jsx(
   thumbColor: d = "bg-white",
   percentage: l
 }) => {
-  const [h, f] = I(a), m = (b) => {
+  const [f, h] = I(a), m = (b) => {
     const y = Number(b.target.value);
-    f(y), n == null || n(y);
+    h(y), n == null || n(y);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-[1.5em] w-full items-center", children: [
     /* @__PURE__ */ e.jsx("div", { className: "absolute h-2 w-full rounded-lg border border-black" }),
@@ -5959,7 +5959,7 @@ const _r = ({ className: s }) => /* @__PURE__ */ e.jsx(
       {
         className: v("absolute h-2 rounded-lg border border-black transition-all duration-0", o),
         style: {
-          width: `${(h - s) / (r - s) * 100}%`
+          width: `${(f - s) / (r - s) * 100}%`
         },
         "data-testid": "test-track"
       }
@@ -5971,7 +5971,7 @@ const _r = ({ className: s }) => /* @__PURE__ */ e.jsx(
         min: s,
         max: r,
         step: t,
-        value: h,
+        value: f,
         onChange: m,
         disabled: c,
         className: v(
@@ -5993,7 +5993,7 @@ const _r = ({ className: s }) => /* @__PURE__ */ e.jsx(
           d
         ),
         style: {
-          left: `${(h - (s - 1)) / (r - (s - 2)) * 100}%`,
+          left: `${(f - (s - 1)) / (r - (s - 2)) * 100}%`,
           transform: "translate(-50%, -50%)"
         },
         "data-testid": "test-thumb"
@@ -6004,12 +6004,12 @@ const _r = ({ className: s }) => /* @__PURE__ */ e.jsx(
       {
         className: "absolute text-sm font-medium text-black",
         style: {
-          left: `${(h - (s - 1)) / (r - (s - 2)) * 100}%`,
+          left: `${(f - (s - 1)) / (r - (s - 2)) * 100}%`,
           transform: "translate(-50%, -150%)",
           top: "1em"
         },
         children: [
-          Math.round(h),
+          Math.round(f),
           "%"
         ]
       }
@@ -6060,8 +6060,8 @@ const kr = {
     defaultValue: o,
     required: d,
     onChange: l,
-    supportingText: h,
-    id: f,
+    supportingText: f,
+    id: h,
     ...m
   }, b) => {
     const y = `h-[3.1em] w-full transition-colors px-4 py-3 rounded-md 
@@ -6084,7 +6084,7 @@ const kr = {
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
-              id: f,
+              id: h,
               ref: b,
               value: s,
               defaultValue: o,
@@ -6097,7 +6097,7 @@ const kr = {
               ...m
             }
           ),
-          h && /* @__PURE__ */ e.jsx(ye, { message: h, className: "ml-4 mt-1", showErrorStyles: d || n })
+          f && /* @__PURE__ */ e.jsx(ye, { message: f, className: "ml-4 mt-1", showErrorStyles: d || n })
         ]
       }
     );
@@ -6110,15 +6110,15 @@ const Nr = {
   DEFAULT: "bg-black hover:bg-black-800 active:bg-grey-900"
 }, Vr = ({ options: s, allowMultiple: r = !1, className: t }) => {
   const [a, c] = I(void 0), [n, o] = I([]), d = (l) => {
-    r ? n.includes(l) ? o(n.filter((h) => h !== l)) : o([...n, l]) : c((h) => h === l ? void 0 : l);
+    r ? n.includes(l) ? o(n.filter((f) => f !== l)) : o([...n, l]) : c((f) => f === l ? void 0 : l);
   };
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
     "div",
     {
       className: v("w-full overflow-hidden rounded border border-brand-black", t),
       "data-testid": "test-accordion",
-      children: s.map((l, h) => {
-        const f = a === h || n.includes(h);
+      children: s.map((l, f) => {
+        const h = a === f || n.includes(f);
         return /* @__PURE__ */ e.jsxs(
           "div",
           {
@@ -6128,20 +6128,20 @@ const Nr = {
                 "button",
                 {
                   className: "flex h-[2.5em] w-full justify-between border-b bg-brand-white px-4",
-                  onClick: () => d(h),
-                  "data-testid": "test-accordion-header-" + h,
+                  onClick: () => d(f),
+                  "data-testid": "test-accordion-header-" + f,
                   type: "button",
                   children: [
                     l.title,
-                    f ? /* @__PURE__ */ e.jsx(ae, { name: "ExpandLess" }) : /* @__PURE__ */ e.jsx(ae, { name: "ExpandMore" })
+                    h ? /* @__PURE__ */ e.jsx(ae, { name: "ExpandLess" }) : /* @__PURE__ */ e.jsx(ae, { name: "ExpandMore" })
                   ]
                 }
               ),
               /* @__PURE__ */ e.jsx(
                 "div",
                 {
-                  className: `h-fit transition-all duration-500 ${f ? "max-h-[15em] overflow-y-scroll" : "max-h-0 overflow-hidden"}`,
-                  "data-testid": "test-accordion-body-" + h,
+                  className: `h-fit transition-all duration-500 ${h ? "max-h-[15em] overflow-y-scroll" : "max-h-0 overflow-hidden"}`,
+                  "data-testid": "test-accordion-body-" + f,
                   children: l.content ? (
                     // if your classNames aren't working, change it to "class" because we do not have jsx-Elements here but normal html-Elements
                     /* @__PURE__ */ e.jsx("div", { className: "p-4", children: l.content })
@@ -6150,7 +6150,7 @@ const Nr = {
               )
             ]
           },
-          "accordion-" + h
+          "accordion-" + f
         );
       })
     }
@@ -6204,7 +6204,7 @@ const Nr = {
           c ? "max-h-96 opacity-100" : "max-h-0 overflow-hidden opacity-0",
           t
         ),
-        children: /* @__PURE__ */ e.jsx("ul", { ref: o, onMouseLeave: d, children: r.map((l, h) => /* @__PURE__ */ e.jsx(
+        children: /* @__PURE__ */ e.jsx("ul", { ref: o, onMouseLeave: d, children: r.map((l, f) => /* @__PURE__ */ e.jsx(
           "li",
           {
             className: "px-4 py-2 transition-all duration-150 first:rounded-t-lg last:rounded-b-lg hover:backdrop-brightness-75",
@@ -6220,7 +6220,7 @@ const Nr = {
               }
             )
           },
-          s + h
+          s + f
         )) })
       }
     )
@@ -6228,16 +6228,16 @@ const Nr = {
 }, Qs = ({ navigation: s, className: r, classNameDropdown: t }) => {
   const [a, c] = I(!1), n = fe(null), [o, d] = I(void 0);
   J(() => {
-    const f = () => {
+    const h = () => {
       c(!1);
     };
-    return n.current && n.current.addEventListener("mouseleave", f), () => {
-      n.current && n.current.removeEventListener("mouseleave", f);
+    return n.current && n.current.addEventListener("mouseleave", h), () => {
+      n.current && n.current.removeEventListener("mouseleave", h);
     };
   }, []);
   const l = () => {
     c(!1);
-  }, h = "py-2 last:pb-0";
+  }, f = "py-2 last:pb-0";
   return /* @__PURE__ */ e.jsxs("div", { className: v("flex items-center lg:hidden", r), children: [
     /* @__PURE__ */ e.jsx("button", { onClick: () => c(!a), type: "button", children: /* @__PURE__ */ e.jsx(ae, { name: "Menu", iconColor: "fill-white", className: "block [&_svg]:h-8 [&_svg]:w-8" }) }),
     /* @__PURE__ */ e.jsx(
@@ -6258,21 +6258,21 @@ const Nr = {
               onClick: () => d(void 0)
             }
           ) }),
-          o.links.map((f) => /* @__PURE__ */ e.jsx("li", { className: h, children: /* @__PURE__ */ e.jsx(Pe, { href: f.href, children: f.label }) }, "link-" + f.label))
-        ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: s.map((f, m) => "title" in f ? /* @__PURE__ */ e.jsxs(
+          o.links.map((h) => /* @__PURE__ */ e.jsx("li", { className: f, children: /* @__PURE__ */ e.jsx(Pe, { href: h.href, children: h.label }) }, "link-" + h.label))
+        ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: s.map((h, m) => "title" in h ? /* @__PURE__ */ e.jsxs(
           "button",
           {
-            onClick: () => d(f),
+            onClick: () => d(h),
             className: "flex items-center",
             type: "button",
             children: [
-              f.title,
+              h.title,
               " ",
               /* @__PURE__ */ e.jsx(ae, { name: "KeyboardArrowRight" })
             ]
           },
-          "dropdown-" + f.title
-        ) : /* @__PURE__ */ e.jsx("li", { className: h, children: /* @__PURE__ */ e.jsx(Pe, { href: f.href, children: f.label }) }, f.label + m)) }) })
+          "dropdown-" + h.title
+        ) : /* @__PURE__ */ e.jsx("li", { className: f, children: /* @__PURE__ */ e.jsx(Pe, { href: h.href, children: h.label }) }, h.label + m)) }) })
       }
     )
   ] });
@@ -6284,11 +6284,11 @@ const Nr = {
     return J(() => (document.body.style.overflow = "hidden", () => {
       document.body.style.overflow = "unset";
     }), []), J(() => {
-      const l = (f) => {
-        f.key === "Escape" && (f.preventDefault(), f.stopPropagation(), r == null || r());
-      }, h = d.current;
-      return h && h.addEventListener("keydown", l), () => {
-        h && h.removeEventListener("keydown", l);
+      const l = (h) => {
+        h.key === "Escape" && (h.preventDefault(), h.stopPropagation(), r == null || r());
+      }, f = d.current;
+      return f && document.addEventListener("keydown", l), () => {
+        f && document.removeEventListener("keydown", l);
       };
     }, [r]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
@@ -6343,8 +6343,8 @@ const Zt = ({
   optionProps: o,
   showSearchField: d,
   inputValue: l = "",
-  setInputValue: h,
-  searchFieldPlaceholder: f,
+  setInputValue: f,
+  searchFieldPlaceholder: h,
   currSelected: m
 }) => {
   const b = fe(null), y = fe(null), H = fe(null), E = (_) => {
@@ -6363,12 +6363,12 @@ const Zt = ({
       {
         type: "text",
         value: l,
-        onChange: (_) => h == null ? void 0 : h(_.target.value),
+        onChange: (_) => f == null ? void 0 : f(_.target.value),
         className: v(
           "pointer-events-none absolute z-[10] mt-1 h-0 w-full rounded-t border bg-white p-2 opacity-0 shadow-sm transition-all focus:outline-none",
           r && "pointer-events-auto h-fit opacity-100"
         ),
-        placeholder: f
+        placeholder: h
       }
     ),
     /* @__PURE__ */ e.jsx(
@@ -6424,8 +6424,8 @@ const Zt = ({
     wideDropdown: o = !1,
     optionProps: d,
     hasError: l = !1,
-    errorMessage: h,
-    placeholder: f = "Auswählen",
+    errorMessage: f,
+    placeholder: h = "Auswählen",
     showSelectedAsChips: m = !1,
     exceptionOptions: b,
     showSearchField: y = !1,
@@ -6482,7 +6482,7 @@ const Zt = ({
                       children: c
                     }
                   ),
-                  !m && s.length > 0 ? /* @__PURE__ */ e.jsx("span", { className: "max-w-[90%] overflow-hidden text-ellipsis whitespace-nowrap", children: R.map((P) => P.name).join(", ") }) : /* @__PURE__ */ e.jsx("p", { children: f }),
+                  !m && s.length > 0 ? /* @__PURE__ */ e.jsx("span", { className: "max-w-[90%] overflow-hidden text-ellipsis whitespace-nowrap", children: R.map((P) => P.name).join(", ") }) : /* @__PURE__ */ e.jsx("p", { children: h }),
                   /* @__PURE__ */ e.jsx(
                     "div",
                     {
@@ -6513,7 +6513,7 @@ const Zt = ({
           ]
         }
       ),
-      l && h && /* @__PURE__ */ e.jsx(ye, { message: h, showErrorStyles: !0, className: "mt-2" }),
+      l && f && /* @__PURE__ */ e.jsx(ye, { message: f, showErrorStyles: !0, className: "mt-2" }),
       m && R.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "mt-2 flex flex-wrap gap-4", children: R.map((P) => /* @__PURE__ */ e.jsx(Rt, { label: P.name, onClick: () => S(P) }, "selected-" + P.name)) })
     ] });
   }
@@ -6561,15 +6561,15 @@ const Rr = {
       }
     ),
     c[0] !== 2 && /* @__PURE__ */ e.jsx(e.Fragment, { children: "..." }),
-    c.map((l, h) => /* @__PURE__ */ e.jsx(
+    c.map((l, f) => /* @__PURE__ */ e.jsx(
       F,
       {
         className: t(a === l),
         onClick: () => r == null ? void 0 : r(l),
-        "data-testid": "test-pagination-button-" + h,
+        "data-testid": "test-pagination-button-" + f,
         children: /* @__PURE__ */ e.jsx("p", { className: "w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium", children: l })
       },
-      h
+      f
     )),
     d && /* @__PURE__ */ e.jsx(e.Fragment, { children: "..." }),
     /* @__PURE__ */ e.jsx(
@@ -6583,17 +6583,17 @@ const Rr = {
     )
   ] });
 }, Pr = ({ pages: s, variant: r = "PRIMARY", onNavigate: t }) => {
-  const [a, c] = I(1), n = (h) => {
-    c((f) => f === h ? f : h), t == null || t(h);
+  const [a, c] = I(1), n = (f) => {
+    c((h) => h === f ? h : f), t == null || t(f);
   }, o = {
     className: "relative h-6 w-6 flex-shrink-0 flex-grow-0 bg-transparent px-2 hover:bg-grey-300 active:bg-grey-400 [&_path]:disabled:!fill-white",
     iconColor: "black",
     iconPosition: "leading"
-  }, d = (h) => v(
+  }, d = (f) => v(
     "flex h-fit rounded p-1 text-black active:text-white",
     // TODO: add active states per variant
     sr[r],
-    h && rr[r]
+    f && rr[r]
   ), l = s <= 5;
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex items-center justify-center gap-4", "data-testid": "test-pagination", children: [
     /* @__PURE__ */ e.jsx(
@@ -6601,25 +6601,25 @@ const Rr = {
       {
         iconName: "KeyboardArrowLeft",
         onClick: () => {
-          const h = a - 1;
-          c(h), t == null || t(h);
+          const f = a - 1;
+          c(f), t == null || t(f);
         },
         disabled: a === 1,
         "data-testid": "button-prev",
         ...o
       }
     ),
-    l ? /* @__PURE__ */ e.jsx(e.Fragment, { children: Array.from(Array(s)).map((h, f) => /* @__PURE__ */ e.jsx(
+    l ? /* @__PURE__ */ e.jsx(e.Fragment, { children: Array.from(Array(s)).map((f, h) => /* @__PURE__ */ e.jsx(
       F,
       {
-        className: d(a === f + 1),
+        className: d(a === h + 1),
         onClick: () => {
-          n(f), t == null || t(f);
+          n(h), t == null || t(h);
         },
-        "data-testid": "test-pagination-button-" + f,
-        children: /* @__PURE__ */ e.jsx("p", { className: "w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium", children: f + 1 })
+        "data-testid": "test-pagination-button-" + h,
+        children: /* @__PURE__ */ e.jsx("p", { className: "w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium", children: h + 1 })
       },
-      f
+      h
     )) }) : /* @__PURE__ */ e.jsx(
       ir,
       {
@@ -6634,8 +6634,8 @@ const Rr = {
       {
         iconName: "KeyboardArrowRight",
         onClick: () => {
-          const h = a + 1;
-          c(h), t == null || t(h);
+          const f = a + 1;
+          c(f), t == null || t(f);
         },
         disabled: a === s,
         "data-testid": "button-next",
@@ -6681,8 +6681,8 @@ const Rr = {
     wideDropdown: o = !1,
     hasError: d = !1,
     placeholder: l = "Auswählen",
-    showSearchField: h = !1,
-    searchFieldPlaceholder: f = "Optionen durchsuchen",
+    showSearchField: f = !1,
+    searchFieldPlaceholder: h = "Optionen durchsuchen",
     className: m,
     errorMessage: b,
     clearSearchValue: y = !1
@@ -6762,8 +6762,8 @@ const Rr = {
                 inputValue: k,
                 setInputValue: N,
                 wideDropdown: o,
-                showSearchField: h,
-                searchFieldPlaceholder: f
+                showSearchField: f,
+                searchFieldPlaceholder: h
               }
             )
           ]
@@ -6831,22 +6831,22 @@ const lr = ({
   variant: o,
   handleLogout: d,
   account: l,
-  breadcrumbs: h
+  breadcrumbs: f
 }) => /* @__PURE__ */ e.jsxs("header", { className: v("fixed right-0 top-0 z-0 w-full py-5", r), children: [
   /* @__PURE__ */ e.jsxs("div", { className: v("mx-auto flex items-center justify-between lg:justify-start", t), children: [
     s,
     c && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("nav", { className: "ml-8 mr-4 hidden grow items-center lg:flex", children: /* @__PURE__ */ e.jsx("ul", { className: "flex items-center gap-4", children: c == null ? void 0 : c.map((f) => "title" in f ? /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(qs, { ...f, className: n, variant: o }) }, "dropdown-" + f.title) : /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx("nav", { className: "ml-8 mr-4 hidden grow items-center lg:flex", children: /* @__PURE__ */ e.jsx("ul", { className: "flex items-center gap-4", children: c == null ? void 0 : c.map((h) => "title" in h ? /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(qs, { ...h, className: n, variant: o }) }, "dropdown-" + h.title) : /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
         Pe,
         {
-          href: f.href,
+          href: h.href,
           className: v(
             o === "light" ? "text-white" : "text-black",
-            f.active && "underline underline-offset-8"
+            h.active && "underline underline-offset-8"
           ),
-          children: f.label
+          children: h.label
         }
-      ) }, "headerlink-" + f.label)) }) }),
+      ) }, "headerlink-" + h.label)) }) }),
       /* @__PURE__ */ e.jsx(Qs, { navigation: c, classNameDropdown: n })
     ] }),
     a,
@@ -6862,7 +6862,7 @@ const lr = ({
     ),
     l
   ] }),
-  h && h.length > 0 && /* @__PURE__ */ e.jsx(Xs, { links: h, variant: o, className: "mx-auto mt-4 max-w-[80%]" })
+  f && f.length > 0 && /* @__PURE__ */ e.jsx(Xs, { links: f, variant: o, className: "mx-auto mt-4 max-w-[80%]" })
 ] }), cr = ({
   data: s,
   tableColumnsData: r,
@@ -6894,8 +6894,8 @@ const lr = ({
   onSelectionChange: o,
   alternatingRowColor: d,
   onDisabledSorting: l,
-  noResultsMessage: h,
-  loadingMessage: f,
+  noResultsMessage: f,
+  loadingMessage: h,
   isLoading: m,
   classNameLoader: b,
   parentSortDir: y,
@@ -6958,8 +6958,8 @@ const lr = ({
             "tr-table-" + Z + JSON.stringify(C)
           )) })
         ] }),
-        m && /* @__PURE__ */ e.jsx("div", { className: "my-8", children: f ? /* @__PURE__ */ e.jsx(Je, { children: f }) : /* @__PURE__ */ e.jsx(Ds, { classNameLoader: b, className: "relative" }) }),
-        O.length === 0 && !m && /* @__PURE__ */ e.jsx("div", { className: "m-8", children: /* @__PURE__ */ e.jsx(Je, { children: h ?? "Keine Daten gefunden" }) })
+        m && /* @__PURE__ */ e.jsx("div", { className: "my-8", children: h ? /* @__PURE__ */ e.jsx(Je, { children: h }) : /* @__PURE__ */ e.jsx(Ds, { classNameLoader: b, className: "relative" }) }),
+        O.length === 0 && !m && /* @__PURE__ */ e.jsx("div", { className: "m-8", children: /* @__PURE__ */ e.jsx(Je, { children: f ?? "Keine Daten gefunden" }) })
       ]
     }
   );
@@ -6972,10 +6972,10 @@ const lr = ({
   children: n,
   className: o
 }) => {
-  const [d, l] = I(!1), h = () => setTimeout(() => {
+  const [d, l] = I(!1), f = () => setTimeout(() => {
     l(!1);
   }, s);
-  return J(() => (a && l(!0), h(), () => clearTimeout(h())), [a]), d ? /* @__PURE__ */ e.jsxs(
+  return J(() => (a && l(!0), f(), () => clearTimeout(f())), [a]), d ? /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: v(