@shlinkio/shlink-frontend-kit 1.0.0 → 1.0.1

package/dist/index.js

@@ -1,25 +1,25 @@
-import { jsxs as b, jsx as s, Fragment as G } from "react/jsx-runtime";
-import p, { clsx as f } from "clsx";
-import { useRef as I, useState as S, useEffect as T, forwardRef as N, useCallback as v, createContext as X, useContext as E, useId as _, useImperativeHandle as ke, useMemo as D } from "react";
-import { Link as q, useNavigate as we, useLocation as se, NavLink as ve } from "react-router";
-import { faClose as Ne, faEyeSlash as Ce, faEye as Ae, faCircleNotch as le, faSearch as Ie, faCheck as Oe, faCaretDown as Le, faChevronUp as Re, faChevronDown as Te, faChevronLeft as te, faChevronRight as re, faEllipsisV as Se, faSortAmountUp as Pe, faSortAmountDown as De } from "@fortawesome/free-solid-svg-icons";
+import { jsxs as h, jsx as a, Fragment as j } from "react/jsx-runtime";
+import g, { clsx as f } from "clsx";
+import { useRef as I, useState as D, useEffect as S, forwardRef as N, useCallback as v, createContext as q, useContext as E, useId as _, useImperativeHandle as we, useMemo as P } from "react";
+import { Link as Q, useNavigate as ve, useLocation as le, NavLink as Ne } from "react-router";
+import { faClose as Ce, faEyeSlash as Ae, faEye as Ie, faCircleNotch as se, faSearch as Oe, faCheck as Le, faCaretDown as Re, faChevronUp as Te, faChevronDown as Se, faChevronLeft as te, faChevronRight as re, faEllipsisV as De, faSortAmountUp as Pe, faSortAmountDown as Ee } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as A } from "@fortawesome/react-fontawesome";
-import { useFloating as ie, flip as Ee, offset as Me, useClick as _e, useInteractions as de, autoPlacement as Be, arrow as Fe, useHover as $e, useTransitionStyles as He } from "@floating-ui/react";
-import { faClone as je } from "@fortawesome/free-regular-svg-icons";
-import { createPortal as Ue } from "react-dom";
-const er = ({ children: t, summary: r, summaryClasses: e, ...n }) => {
-  const a = I(null), [o, l] = S(!1);
-  return T(() => {
-    const i = a.current, d = () => l(!!(i != null && i.open));
+import { useFloating as ie, flip as Me, offset as _e, useClick as Be, useInteractions as de, autoPlacement as Fe, arrow as $e, useHover as He, useTransitionStyles as je } from "@floating-ui/react";
+import { faClone as Ue } from "@fortawesome/free-regular-svg-icons";
+import { createPortal as Ge } from "react-dom";
+const tr = ({ children: t, summary: r, summaryClasses: e, ...n }) => {
+  const l = I(null), [o, s] = D(!1);
+  return S(() => {
+    const i = l.current, d = () => s(!!(i != null && i.open));
     return i == null || i.addEventListener("toggle", d), () => i == null ? void 0 : i.removeEventListener("toggle", d);
-  }, []), /* @__PURE__ */ b("details", { ref: a, ...n, children: [
-    /* @__PURE__ */ s("summary", { className: f("focus-ring px-1 -mx-1 rounded-sm", e), children: r }),
-    o && /* @__PURE__ */ s("div", { className: "mt-3 flex flex-col gap-y-3", children: t })
+  }, []), /* @__PURE__ */ h("details", { ref: l, ...n, children: [
+    /* @__PURE__ */ a("summary", { className: f("focus-ring px-1 -mx-1 rounded-sm", e), children: r }),
+    o && /* @__PURE__ */ a("div", { className: "mt-3 flex flex-col gap-y-3", children: t })
   ] });
-}, Ge = N(({ className: t, ...r }, e) => /* @__PURE__ */ s(
+}, We = N(({ className: t, ...r }, e) => /* @__PURE__ */ a(
   "div",
   {
-    className: p(
+    className: g(
       "px-4 py-3 rounded-t-md",
       "bg-lm-primary dark:bg-dm-primary border-b border-lm-border dark:border-dm-border",
       t
@@ -27,10 +27,10 @@ const er = ({ children: t, summary: r, summaryClasses: e, ...n }) => {
     ...r,
     ref: e
   }
-)), We = N(({ className: t, ...r }, e) => /* @__PURE__ */ s(
+)), Ke = N(({ className: t, ...r }, e) => /* @__PURE__ */ a(
   "div",
   {
-    className: p(
+    className: g(
       "p-4 bg-lm-primary dark:bg-dm-primary first:rounded-t-md",
       "first:rounded-t-md last:rounded-b-md",
       t
@@ -38,10 +38,10 @@ const er = ({ children: t, summary: r, summaryClasses: e, ...n }) => {
     ...r,
     ref: e
   }
-)), Ke = N(({ className: t, ...r }, e) => /* @__PURE__ */ s(
+)), qe = N(({ className: t, ...r }, e) => /* @__PURE__ */ a(
   "div",
   {
-    className: p(
+    className: g(
       "px-4 py-3 rounded-b-md",
       "bg-lm-primary dark:bg-dm-primary border-t border-lm-border dark:border-dm-border",
       t
@@ -49,10 +49,10 @@ const er = ({ children: t, summary: r, summaryClasses: e, ...n }) => {
     ...r,
     ref: e
   }
-)), qe = N(({ className: t, ...r }, e) => /* @__PURE__ */ s(
+)), Qe = N(({ className: t, ...r }, e) => /* @__PURE__ */ a(
   "div",
   {
-    className: p(
+    className: g(
       "group/card rounded-md shadow-md",
       "border border-lm-border dark:border-dm-border bg-lm-primary dark:bg-dm-primary",
       t
@@ -60,129 +60,129 @@ const er = ({ children: t, summary: r, summaryClasses: e, ...n }) => {
     ...r,
     ref: e
   }
-)), L = Object.assign(qe, { Body: We, Header: Ge, Footer: Ke }), Qe = N(({ bodyClassName: t, children: r, ...e }, n) => {
-  const { title: a, titleSize: o = "md", ...l } = "title" in e ? e : {
+)), R = Object.assign(Qe, { Body: Ke, Header: We, Footer: qe }), Ye = N(({ bodyClassName: t, children: r, ...e }, n) => {
+  const { title: l, titleSize: o = "md", ...s } = "title" in e ? e : {
     ...e,
     title: void 0,
     titleSize: void 0
   };
-  return /* @__PURE__ */ b(L, { ...l, ref: n, children: [
-    a && /* @__PURE__ */ b(L.Header, { children: [
-      o === "lg" && /* @__PURE__ */ s("h4", { children: a }),
-      o === "md" && /* @__PURE__ */ s("h5", { children: a }),
-      o === "sm" && /* @__PURE__ */ s("h6", { children: a })
+  return /* @__PURE__ */ h(R, { ...s, ref: n, children: [
+    l && /* @__PURE__ */ h(R.Header, { children: [
+      o === "lg" && /* @__PURE__ */ a("h4", { children: l }),
+      o === "md" && /* @__PURE__ */ a("h5", { children: l }),
+      o === "sm" && /* @__PURE__ */ a("h6", { children: l })
     ] }),
-    /* @__PURE__ */ s(L.Body, { className: t, children: r })
+    /* @__PURE__ */ a(R.Body, { className: t, children: r })
   ] });
 });
-function Ye({
+function Xe({
   id: t,
   items: r,
   onSelectItem: e,
   onActiveItemChange: n,
-  renderItem: a,
+  renderItem: l,
   className: o,
-  noItemsMessage: l = "No items",
+  noItemsMessage: s = "No items",
   anchor: i,
   "aria-label": d = "Items",
   ...c
 }) {
-  const [k, w] = S(0), x = v((g) => {
-    if (w(g), n) {
-      const [m, h] = [...r.entries()][g];
-      n(m, h);
+  const [y, k] = D(0), u = v((w) => {
+    if (k(w), n) {
+      const [m, p] = [...r.entries()][w];
+      n(m, p);
     }
   }, [r, n]);
-  return T(() => {
-    const g = i == null ? void 0 : i.current;
-    if (!g)
+  return S(() => {
+    const w = i == null ? void 0 : i.current;
+    if (!w)
       return;
-    const m = (h) => {
-      ["Enter", "ArrowUp", "ArrowDown"].includes(h.key) && h.preventDefault(), h.key === "ArrowDown" ? x(Math.min(k + 1, r.size - 1)) : h.key === "ArrowUp" ? x(Math.max(k - 1, 0)) : h.key === "Enter" && e([...r.values()][k]);
+    const m = (p) => {
+      ["Enter", "ArrowUp", "ArrowDown"].includes(p.key) && p.preventDefault(), p.key === "ArrowDown" ? u(Math.min(y + 1, r.size - 1)) : p.key === "ArrowUp" ? u(Math.max(y - 1, 0)) : p.key === "Enter" && e([...r.values()][y]);
     };
-    return g.addEventListener("keydown", m), () => g.removeEventListener("keydown", m);
-  }, [k, i, x, r, e]), /* @__PURE__ */ b(
-    L,
+    return w.addEventListener("keydown", m), () => w.removeEventListener("keydown", m);
+  }, [y, i, u, r, e]), /* @__PURE__ */ h(
+    R,
     {
       id: t,
-      className: p("py-1 flex flex-col", o),
+      className: g("py-1 flex flex-col", o),
       role: "listbox",
       "aria-orientation": "vertical",
       "aria-label": d,
       ...c,
       children: [
-        r.size === 0 && /* @__PURE__ */ s("i", { role: "option", "aria-disabled": !0, "aria-selected": !1, "data-testid": "no-items", className: "px-2 py-1", children: l }),
-        [...r.entries()].map(([g, m], h) => /* @__PURE__ */ s(
+        r.size === 0 && /* @__PURE__ */ a("i", { role: "option", "aria-disabled": !0, "aria-selected": !1, "data-testid": "no-items", className: "px-2 py-1", children: s }),
+        [...r.entries()].map(([w, m], p) => /* @__PURE__ */ a(
           "button",
           {
-            id: `${t}_${g}`,
+            id: `${t}_${w}`,
             type: "button",
             role: "option",
-            "aria-selected": h === k,
-            className: p(
+            "aria-selected": p === y,
+            className: g(
               "px-2 py-1 text-left truncate",
-              { "bg-lm-secondary dark:bg-dm-secondary": h === k }
+              { "bg-lm-secondary dark:bg-dm-secondary": p === y }
             ),
             tabIndex: -1,
             onClick: () => e(m),
-            onMouseOver: () => x(h),
-            children: a(m)
+            onMouseOver: () => u(p),
+            children: l(m)
           },
-          g
+          w
         ))
       ]
     }
   );
 }
-const W = X(void 0), F = X({ responsive: !0, size: "md" }), Xe = ({ children: t, className: r }) => {
+const U = q(void 0), F = q({ responsive: !0, size: "md" }), Je = ({ children: t, className: r }) => {
   const { responsive: e } = E(F);
-  return /* @__PURE__ */ s(W.Provider, { value: { section: "head" }, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(U.Provider, { value: { section: "head" }, children: /* @__PURE__ */ a(
     "thead",
     {
-      className: p(
+      className: g(
         { "hidden lg:table-header-group": e },
         r
       ),
       children: t
     }
   ) });
-}, Je = ({ children: t, className: r }) => {
+}, Ze = ({ children: t, className: r }) => {
   const { responsive: e } = E(F);
-  return /* @__PURE__ */ s(W.Provider, { value: { section: "body" }, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(U.Provider, { value: { section: "body" }, children: /* @__PURE__ */ a(
     "tbody",
     {
-      className: p(
+      className: g(
         { "lg:table-row-group flex flex-col gap-y-3": e },
         r
       ),
       children: t
     }
   ) });
-}, Ze = ({ children: t, className: r }) => {
+}, Ve = ({ children: t, className: r }) => {
   const { responsive: e } = E(F);
-  return /* @__PURE__ */ s(W.Provider, { value: { section: "footer" }, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(U.Provider, { value: { section: "footer" }, children: /* @__PURE__ */ a(
     "tfoot",
     {
-      className: p(
+      className: g(
         { "lg:table-row-group flex flex-col gap-y-3 mt-4": e },
         r
       ),
       children: t
     }
   ) });
-}, Ve = ({ children: t, className: r, ...e }) => {
-  const n = E(W), a = (n == null ? void 0 : n.section) === "body", { responsive: o } = E(F);
-  return /* @__PURE__ */ s(
+}, ze = ({ children: t, className: r, ...e }) => {
+  const n = E(U), l = (n == null ? void 0 : n.section) === "body", { responsive: o } = E(F);
+  return /* @__PURE__ */ a(
     "tr",
     {
-      className: p(
+      className: g(
         "group",
         {
           "lg:table-row flex flex-col": o,
           "lg:border-0 border-y-2 border-lm-border dark:border-dm-border": o,
-          "hover:bg-lm-primary dark:hover:bg-dm-primary": a,
+          "hover:bg-lm-primary dark:hover:bg-dm-primary": l,
           // Use a different hover bg color depending on the table being inside a card or not
-          "group-[&]/card:hover:bg-lm-secondary dark:group-[&]/card:hover:bg-dm-secondary": a
+          "group-[&]/card:hover:bg-lm-secondary dark:group-[&]/card:hover:bg-dm-secondary": l
         },
         r
       ),
@@ -190,13 +190,13 @@ const W = X(void 0), F = X({ responsive: !0, size: "md" }), Xe = ({ children: t,
       children: t
     }
   );
-}, ze = ({ children: t, className: r, columnName: e, type: n, ...a }) => {
-  const o = E(W), l = n ?? ((o == null ? void 0 : o.section) !== "body" ? "th" : "td"), { responsive: i, size: d } = E(F);
-  return /* @__PURE__ */ s(
-    l,
+}, et = ({ children: t, className: r, columnName: e, type: n, ...l }) => {
+  const o = E(U), s = n ?? ((o == null ? void 0 : o.section) !== "body" ? "th" : "td"), { responsive: i, size: d } = E(F);
+  return /* @__PURE__ */ a(
+    s,
     {
       "data-column": i ? e : void 0,
-      className: p(
+      className: g(
         "border-lm-border dark:border-dm-border",
         {
           "p-1": d === "sm",
@@ -204,39 +204,39 @@ const W = X(void 0), F = X({ responsive: !0, size: "md" }), Xe = ({ children: t,
           "p-3": d === "lg",
           "border-b-1": !i,
           "block lg:table-cell not-last:border-b-1 lg:border-b-1": i,
-          "text-left": l === "th",
+          "text-left": s === "th",
           // For responsive tables, display the content in data-column attribute for md sizes and lower
-          "before:lg:hidden before:content-[attr(data-column)] before:font-bold before:mr-1": i && l === "td"
+          "before:lg:hidden before:content-[attr(data-column)] before:font-bold before:mr-1": i && s === "td"
         },
         r
       ),
-      ...a,
+      ...l,
       children: t
     }
   );
-}, et = ({ header: t, footer: r, children: e, responsive: n = !0, size: a = "md", ...o }) => /* @__PURE__ */ s(F.Provider, { value: { responsive: n, size: a }, children: /* @__PURE__ */ b("table", { className: "w-full", ...o, children: [
-  /* @__PURE__ */ s(Xe, { children: t }),
-  /* @__PURE__ */ s(Je, { children: e }),
-  r && /* @__PURE__ */ s(Ze, { children: r })
-] }) }), tr = Object.assign(et, { Row: Ve, Cell: ze }), ce = N(({
+}, tt = ({ header: t, footer: r, children: e, responsive: n = !0, size: l = "md", ...o }) => /* @__PURE__ */ a(F.Provider, { value: { responsive: n, size: l }, children: /* @__PURE__ */ h("table", { className: "w-full", ...o, children: [
+  /* @__PURE__ */ a(Je, { children: t }),
+  /* @__PURE__ */ a(Ze, { children: e }),
+  r && /* @__PURE__ */ a(Ve, { children: r })
+] }) }), rr = Object.assign(tt, { Row: ze, Cell: et }), ce = N(({
   className: t,
   disabled: r,
   variant: e = "primary",
   size: n = "md",
-  inline: a = !1,
+  inline: l = !1,
   solid: o = !1,
-  type: l = "button",
+  type: s = "button",
   ...i
 }, d) => {
-  const c = "to" in i && typeof i.to == "string", k = c ? q : "button", w = c ? void 0 : l;
-  return /* @__PURE__ */ s(
-    k,
+  const c = "to" in i && typeof i.to == "string", y = c ? Q : "button", k = c ? void 0 : s;
+  return /* @__PURE__ */ a(
+    y,
     {
       ref: d,
-      className: p(
+      className: g(
         {
-          "inline-flex": a,
-          flex: !a
+          "inline-flex": l,
+          flex: !l
         },
         "gap-2 items-center justify-center",
         "border rounded-md no-underline",
@@ -283,13 +283,13 @@ const W = X(void 0), F = X({ responsive: !0, size: "md" }), Xe = ({ children: t,
       ),
       disabled: c ? void 0 : r,
       "aria-disabled": c ? r : void 0,
-      type: w,
+      type: k,
       ...i
     }
   );
 }), me = N(({ className: t, onChange: r, ...e }, n) => {
-  const a = v((o) => r == null ? void 0 : r(o.target.checked, o), [r]);
-  return /* @__PURE__ */ s(
+  const l = v((o) => r == null ? void 0 : r(o.target.checked, o), [r]);
+  return /* @__PURE__ */ a(
     "input",
     {
       ref: n,
@@ -302,46 +302,46 @@ const W = X(void 0), F = X({ responsive: !0, size: "md" }), Xe = ({ children: t,
         "group-[&]/card:bg-lm-input group-[&]/card:dark:bg-dm-input",
         t
       ),
-      onChange: a,
+      onChange: l,
       ...e
     }
   );
-}), rr = N(({ className: t, ...r }, e) => /* @__PURE__ */ s(
+}), nr = N(({ className: t, ...r }, e) => /* @__PURE__ */ a(
   me,
   {
     ref: e,
     className: f("rounded-sm w-4 h-4 checked:bg-(image:--tick) bg-center", t),
     ...r
   }
-)), Q = N(({ onClick: t, className: r, label: e = "Close", size: n = "lg", solid: a }, o) => /* @__PURE__ */ s(
+)), X = N(({ onClick: t, className: r, label: e = "Close", size: n = "lg", solid: l }, o) => /* @__PURE__ */ a(
   "button",
   {
     ref: o,
     type: "button",
     onClick: t,
-    className: p(
+    className: g(
       "rounded-md focus-ring cursor-pointer",
       {
-        "opacity-50 highlight:opacity-80 transition-opacity": !a
+        "opacity-50 highlight:opacity-80 transition-opacity": !l
       },
       r
     ),
     "aria-label": e,
-    children: /* @__PURE__ */ s(A, { icon: Ne, size: n === "lg" ? "xl" : n === "md" ? "lg" : void 0 })
+    children: /* @__PURE__ */ a(A, { icon: Ce, size: n === "lg" ? "xl" : n === "md" ? "lg" : void 0 })
   }
-)), J = N(({
+)), Z = N(({
   borderless: t = !1,
   size: r = "md",
   feedback: e,
   variant: n = "default",
-  className: a,
+  className: l,
   disabled: o,
-  ...l
-}, i) => /* @__PURE__ */ s(
+  ...s
+}, i) => /* @__PURE__ */ a(
   "input",
   {
     ref: i,
-    className: p(
+    className: g(
       "outline-none",
       n === "default" && [
         "w-full",
@@ -360,17 +360,17 @@ const W = X(void 0), F = X({ responsive: !0, size: "md" }), Xe = ({ children: t,
           "group-[&]/card:bg-lm-input group-[&]/card:dark:bg-dm-input": !o
         }
       ],
-      a
+      l
     ),
     disabled: o,
-    ...l
+    ...s
   }
-)), Z = ({ required: t, children: r, className: e, ...n }) => /* @__PURE__ */ b("label", { className: f("cursor-pointer", e), ...n, children: [
+)), V = ({ required: t, children: r, className: e, ...n }) => /* @__PURE__ */ h("label", { className: f("cursor-pointer", e), ...n, children: [
   r,
-  t && /* @__PURE__ */ s("span", { className: "text-danger ml-1", "data-testid": "required-indicator", children: "*" })
-] }), V = ({ children: t, helpText: r, error: e, "data-testid": n }) => /* @__PURE__ */ b("div", { className: "flex flex-col gap-1", "data-testid": n, children: [
+  t && /* @__PURE__ */ a("span", { className: "text-danger ml-1", "data-testid": "required-indicator", children: "*" })
+] }), z = ({ children: t, helpText: r, error: e, "data-testid": n }) => /* @__PURE__ */ h("div", { className: "flex flex-col gap-1", "data-testid": n, children: [
   t,
-  r && /* @__PURE__ */ s(
+  r && /* @__PURE__ */ a(
     "small",
     {
       "data-testid": n ? `${n}-help-text` : "help-text",
@@ -378,39 +378,39 @@ const W = X(void 0), F = X({ responsive: !0, size: "md" }), Xe = ({ children: t,
       children: r
     }
   ),
-  e && /* @__PURE__ */ s("span", { "data-testid": n ? `${n}-error` : "error", className: "text-danger", children: e })
-] }), nr = N(({ label: t, inputClassName: r, required: e, hiddenRequired: n, error: a, helpText: o, "data-testid": l, ...i }, d) => {
+  e && /* @__PURE__ */ a("span", { "data-testid": n ? `${n}-error` : "error", className: "text-danger", children: e })
+] }), or = N(({ label: t, inputClassName: r, required: e, hiddenRequired: n, error: l, helpText: o, "data-testid": s, ...i }, d) => {
   const c = _();
-  return /* @__PURE__ */ b(V, { error: a, helpText: o, "data-testid": l, children: [
-    /* @__PURE__ */ s(Z, { htmlFor: c, required: e, children: t }),
-    /* @__PURE__ */ s(
-      J,
+  return /* @__PURE__ */ h(z, { error: l, helpText: o, "data-testid": s, children: [
+    /* @__PURE__ */ a(V, { htmlFor: c, required: e, children: t }),
+    /* @__PURE__ */ a(
+      Z,
       {
         ref: d,
         id: c,
         className: r,
         required: e || n,
-        feedback: a ? "error" : void 0,
+        feedback: l ? "error" : void 0,
         ...i
       }
     )
   ] });
-}), tt = N(({ containerClassName: t, className: r, size: e, ...n }, a) => {
-  const { flag: o, toggle: l, setToFalse: i } = pe(), d = I(null), c = v(({ relatedTarget: k }) => {
-    var w;
-    (w = d.current) != null && w.contains(k) || i();
+}), rt = N(({ containerClassName: t, className: r, size: e, ...n }, l) => {
+  const { flag: o, toggle: s, setToFalse: i } = pe(), d = I(null), c = v(({ relatedTarget: y }) => {
+    var k;
+    (k = d.current) != null && k.contains(y) || i();
   }, [d, i]);
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ h(
     "div",
     {
       className: f("group relative", t),
       ref: d,
       onBlurCapture: c,
       children: [
-        /* @__PURE__ */ s(
-          J,
+        /* @__PURE__ */ a(
+          Z,
           {
-            ref: a,
+            ref: l,
             type: o ? "text" : "password",
             className: f(
               {
@@ -424,11 +424,11 @@ const W = X(void 0), F = X({ responsive: !0, size: "md" }), Xe = ({ children: t,
             ...n
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: l,
+            onClick: s,
             title: o ? "Hide password" : "Show password",
             "aria-label": o ? "Hide password" : "Show password",
             className: f(
@@ -440,39 +440,39 @@ const W = X(void 0), F = X({ responsive: !0, size: "md" }), Xe = ({ children: t,
               }
             ),
             tabIndex: -1,
-            children: /* @__PURE__ */ s(A, { fixedWidth: !0, icon: o ? Ce : Ae })
+            children: /* @__PURE__ */ a(A, { fixedWidth: !0, icon: o ? Ae : Ie })
           }
         )
       ]
     }
   );
-}), or = N(({ label: t, inputClassName: r, required: e, hiddenRequired: n, error: a, helpText: o, "data-testid": l, ...i }, d) => {
+}), ar = N(({ label: t, inputClassName: r, required: e, hiddenRequired: n, error: l, helpText: o, "data-testid": s, ...i }, d) => {
   const c = _();
-  return /* @__PURE__ */ b(V, { error: a, helpText: o, "data-testid": l, children: [
-    /* @__PURE__ */ s(Z, { htmlFor: c, required: e, children: t }),
-    /* @__PURE__ */ s(
-      tt,
+  return /* @__PURE__ */ h(z, { error: l, helpText: o, "data-testid": s, children: [
+    /* @__PURE__ */ a(V, { htmlFor: c, required: e, children: t }),
+    /* @__PURE__ */ a(
+      rt,
       {
         ref: d,
         id: c,
         className: r,
         required: e || n,
-        feedback: a ? "error" : void 0,
+        feedback: l ? "error" : void 0,
         ...i
       }
     )
   ] });
-}), rt = N(({
+}), nt = N(({
   className: t,
   size: r = "md",
   feedback: e,
   disabled: n,
-  ...a
-}, o) => /* @__PURE__ */ s(
+  ...l
+}, o) => /* @__PURE__ */ a(
   "select",
   {
     ref: o,
-    className: p(
+    className: g(
       "w-full rounded-md border appearance-none pr-9",
       "bg-(image:--chevron-down) bg-no-repeat bg-position-[right_0.75rem_center] bg-size-[16px_12px]",
       {
@@ -490,45 +490,45 @@ const W = X(void 0), F = X({ responsive: !0, size: "md" }), Xe = ({ children: t,
       t
     ),
     disabled: n,
-    ...a
+    ...l
   }
-)), ar = N(({ selectClassName: t, label: r, error: e, helpText: n, required: a, hiddenRequired: o, "data-testid": l, ...i }, d) => {
+)), lr = N(({ selectClassName: t, label: r, error: e, helpText: n, required: l, hiddenRequired: o, "data-testid": s, ...i }, d) => {
   const c = _();
-  return /* @__PURE__ */ b(V, { error: e, helpText: n, "data-testid": l, children: [
-    /* @__PURE__ */ s(Z, { htmlFor: c, required: a, children: r }),
-    /* @__PURE__ */ s(
-      rt,
+  return /* @__PURE__ */ h(z, { error: e, helpText: n, "data-testid": s, children: [
+    /* @__PURE__ */ a(V, { htmlFor: c, required: l, children: r }),
+    /* @__PURE__ */ a(
+      nt,
       {
         ref: d,
         id: c,
         className: t,
-        required: a || o,
+        required: l || o,
         feedback: e ? "error" : void 0,
         ...i
       }
     )
   ] });
-}), nt = N(({
+}), ot = N(({
   onChange: t,
   containerClassName: r,
   inputClassName: e,
   // Inputs have a default 'md' size. Search inputs are usually 'lg' as they are rendered at the top of sections
   size: n = "lg",
-  loading: a = !1,
+  loading: l = !1,
   variant: o = "default",
-  immediate: l = !1,
+  immediate: s = !1,
   ...i
 }, d) => {
-  const { setTimeout: c, clearCurrentTimeout: k } = ue(500), w = v((x) => {
-    !x || l ? (k(), t(x)) : c(() => t(x));
-  }, [k, l, t, c]);
-  return /* @__PURE__ */ b("div", { className: p("group relative focus-within:z-10", r), children: [
-    o === "default" && /* @__PURE__ */ s(
+  const { setTimeout: c, clearCurrentTimeout: y } = ue(500), k = v((u) => {
+    !u || s ? (y(), t(u)) : c(() => t(u));
+  }, [y, s, t, c]);
+  return /* @__PURE__ */ h("div", { className: g("group relative focus-within:z-10", r), children: [
+    o === "default" && /* @__PURE__ */ a(
       A,
       {
-        icon: a ? le : Ie,
-        spin: a,
-        className: p(
+        icon: l ? se : Oe,
+        spin: l,
+        className: g(
           "absolute top-[50%] translate-y-[-50%] transition-colors",
           "text-placeholder group-focus-within:text-lm-text dark:group-focus-within:text-dm-text",
           {
@@ -538,13 +538,13 @@ const W = X(void 0), F = X({ responsive: !0, size: "md" }), Xe = ({ children: t,
         )
       }
     ),
-    /* @__PURE__ */ s(
-      J,
+    /* @__PURE__ */ a(
+      Z,
       {
         ref: d,
         variant: o,
         type: "search",
-        className: p(
+        className: g(
           o === "default" && {
             "pl-9": n !== "sm",
             "pl-7": n === "sm"
@@ -552,71 +552,71 @@ const W = X(void 0), F = X({ responsive: !0, size: "md" }), Xe = ({ children: t,
           e
         ),
         placeholder: "Search...",
-        onChange: (x) => w(x.target.value),
+        onChange: (u) => k(u.target.value),
         size: n,
         ...i
       }
     )
   ] });
 });
-function ot({
+function at({
   searchResults: t,
   onSearch: r,
   onSelectSearchResult: e,
   renderSearchResult: n,
-  size: a = "md",
+  size: l = "md",
   // SearchInput defaults its size to 'lg'. Change it to 'md'
   listboxSpan: o = "full",
-  onFocus: l,
+  onFocus: s,
   containerClassName: i,
   listboxClassName: d,
   ...c
-}, k) {
-  const w = _(), [x, g] = S(), m = I(null);
-  ke(k, () => m.current);
-  const h = D(
-    () => t ? x ?? [...t.keys()][0] : void 0,
-    [x, t]
-  ), y = v((u) => {
-    e(u), r(""), m.current.value = "";
+}, y) {
+  const k = _(), [u, w] = D(), m = I(null);
+  we(y, () => m.current);
+  const p = P(
+    () => t ? u ?? [...t.keys()][0] : void 0,
+    [u, t]
+  ), x = v((b) => {
+    e(b), r(""), m.current.value = "";
   }, [r, e, m]);
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ h(
     "div",
     {
-      className: p("relative", i),
-      onBlur: (u) => {
-        u.currentTarget.contains(u.relatedTarget) || r("");
+      className: g("relative", i),
+      onBlur: (b) => {
+        b.currentTarget.contains(b.relatedTarget) || r("");
       },
       children: [
-        /* @__PURE__ */ s(
-          nt,
+        /* @__PURE__ */ a(
+          ot,
           {
             onChange: r,
-            size: a,
+            size: l,
             ref: m,
             role: "combobox",
             "aria-autocomplete": "list",
             "aria-expanded": !!t,
-            "aria-controls": w,
-            "aria-activedescendant": h ? `${w}_${h}` : void 0,
+            "aria-controls": k,
+            "aria-activedescendant": p ? `${k}_${p}` : void 0,
             autoComplete: "off",
             autoCorrect: "off",
-            onFocus: (u) => {
-              l == null || l(u), r(u.target.value);
+            onFocus: (b) => {
+              s == null || s(b), r(b.target.value);
             },
             ...c
           }
         ),
-        t && /* @__PURE__ */ s(
-          Ye,
+        t && /* @__PURE__ */ a(
+          Xe,
           {
-            id: w,
+            id: k,
             items: t,
             anchor: m,
-            onSelectItem: y,
-            onActiveItemChange: g,
+            onSelectItem: x,
+            onActiveItemChange: w,
             renderItem: n,
-            className: p(
+            className: g(
               "absolute top-full mt-1 z-10",
               {
                 "min-w-60": o === "auto",
@@ -632,12 +632,12 @@ function ot({
     }
   );
 }
-const at = N(ot), st = ({ name: t, color: r }) => /* @__PURE__ */ b("div", { className: "inline-flex items-center gap-2", children: [
-  /* @__PURE__ */ s("div", { "aria-hidden": !0, className: "w-4 h-4 rounded-full", style: { backgroundColor: r } }),
+const lt = N(at), st = ({ name: t, color: r }) => /* @__PURE__ */ h("div", { className: "inline-flex items-center gap-2", children: [
+  /* @__PURE__ */ a("div", { "aria-hidden": !0, className: "w-4 h-4 rounded-full", style: { backgroundColor: r } }),
   t
-] }), lt = ({ tag: t, color: r, size: e, onRemove: n }) => (
+] }), it = ({ tag: t, color: r, size: e, onRemove: n }) => (
   // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-  /* @__PURE__ */ b(
+  /* @__PURE__ */ h(
     "li",
     {
       className: f(
@@ -650,50 +650,50 @@ const at = N(ot), st = ({ name: t, color: r }) => /* @__PURE__ */ b("div", { cla
       ),
       style: {
         backgroundColor: r,
-        color: mt(r) ? "#000" : "#fff"
+        color: ut(r) ? "#000" : "#fff"
       },
-      onClick: (a) => a.stopPropagation(),
+      onClick: (l) => l.stopPropagation(),
       children: [
         t,
-        /* @__PURE__ */ s(Q, { label: `Remove ${t}`, solid: !0, size: "sm", onClick: () => n(t) })
+        /* @__PURE__ */ a(X, { label: `Remove ${t}`, solid: !0, size: "sm", onClick: () => n(t) })
       ]
     }
   )
-), it = /\s+/g, ne = "#99a1af", oe = (t) => t.trim().toLowerCase().replace(it, "-"), sr = ({
+), dt = /\s+/g, ne = "#99a1af", oe = (t) => t.trim().toLowerCase().replace(dt, "-"), sr = ({
   tags: t,
   selectedTags: r = [],
   onTagsChange: e,
   getColorForTag: n,
-  searchMode: a = "startsWith",
+  searchMode: l = "startsWith",
   immutable: o = !1,
-  size: l = "md",
+  size: s = "md",
   disabled: i,
   containerClassName: d,
   ...c
 }) => {
-  const [k, w] = S(), x = v((y) => {
-    const u = y.toLowerCase().trim();
-    if (!u) {
-      w(void 0);
+  const [y, k] = D(), u = v((x) => {
+    const b = x.toLowerCase().trim();
+    if (!b) {
+      k(void 0);
       return;
     }
     const O = t.filter((C) => {
       if (r.includes(C))
         return !1;
       const M = C.toLowerCase();
-      return a === "startsWith" ? M.startsWith(u) : M.includes(u);
+      return l === "startsWith" ? M.startsWith(b) : M.includes(b);
     }).slice(0, 5);
-    o || O.push(`Add "${u.split(",").map(oe).join(",")}" tag`), w(new Map(O.map((C) => [C, C])));
-  }, [o, a, r, t]), g = v((y) => {
-    const u = y.match(/Add\s+"([^"]+)"\s+tag/), O = ((u == null ? void 0 : u[1]) ?? y).split(",").map(oe);
+    o || O.push(`Add "${b.split(",").map(oe).join(",")}" tag`), k(new Map(O.map((C) => [C, C])));
+  }, [o, l, r, t]), w = v((x) => {
+    const b = x.match(/Add\s+"([^"]+)"\s+tag/), O = ((b == null ? void 0 : b[1]) ?? x).split(",").map(oe);
     e == null || e([.../* @__PURE__ */ new Set([...r, ...O])]);
   }, [e, r]), m = v(
-    (y) => e == null ? void 0 : e(r.filter((u) => u !== y)),
+    (x) => e == null ? void 0 : e(r.filter((b) => b !== x)),
     [e, r]
-  ), h = I(null);
+  ), p = I(null);
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    /* @__PURE__ */ b(
+    /* @__PURE__ */ h(
       "div",
       {
         className: f(
@@ -701,9 +701,9 @@ const at = N(ot), st = ({ name: t, color: r }) => /* @__PURE__ */ b("div", { cla
           "border border-lm-input-border dark:border-dm-input-border",
           "cursor-text focus-within:focus-within-ring",
           {
-            "p-0.5": l === "sm",
-            "p-1.25": l === "md",
-            "p-2": l === "lg",
+            "p-0.5": s === "sm",
+            "p-1.25": s === "md",
+            "p-2": s === "lg",
             "bg-lm-disabled-input dark:bg-dm-disabled-input": i,
             "bg-lm-primary dark:bg-dm-primary": !i,
             // Use different background color when rendered inside a card
@@ -711,17 +711,17 @@ const at = N(ot), st = ({ name: t, color: r }) => /* @__PURE__ */ b("div", { cla
           },
           d
         ),
-        onClick: (y) => {
-          var u;
-          y.target !== h.current && ((u = h.current) == null || u.focus());
+        onClick: (x) => {
+          var b;
+          x.target !== p.current && ((b = p.current) == null || b.focus());
         },
         children: [
-          /* @__PURE__ */ s("ul", { className: "m-0 p-0 flex flex-wrap gap-1", children: r.map((y, u) => {
-            const O = (n == null ? void 0 : n(y)) ?? ne;
-            return /* @__PURE__ */ s(lt, { tag: y, color: O, onRemove: m, size: l }, `${y}${u}`);
+          /* @__PURE__ */ a("ul", { className: "m-0 p-0 flex flex-wrap gap-1", children: r.map((x, b) => {
+            const O = (n == null ? void 0 : n(x)) ?? ne;
+            return /* @__PURE__ */ a(it, { tag: x, color: O, onRemove: m, size: s }, `${x}${b}`);
           }) }),
-          /* @__PURE__ */ s(
-            at,
+          /* @__PURE__ */ a(
+            lt,
             {
               variant: "unstyled",
               listboxSpan: "auto",
@@ -730,21 +730,21 @@ const at = N(ot), st = ({ name: t, color: r }) => /* @__PURE__ */ b("div", { cla
               inputClassName: f(
                 "no-clear-button",
                 {
-                  "px-1 text-sm": l === "sm",
-                  "px-2 h-[26px]": l === "md",
-                  "px-3 text-xl": l === "lg"
+                  "px-1 text-sm": s === "sm",
+                  "px-2 h-[26px]": s === "md",
+                  "px-3 text-xl": s === "lg"
                 }
               ),
-              searchResults: k,
-              onSearch: x,
-              onSelectSearchResult: g,
-              renderSearchResult: (y) => y.match(/Add\s+"([^"]+)"\s+tag/) ? y : /* @__PURE__ */ s(st, { name: y, color: (n == null ? void 0 : n(y)) ?? ne }),
-              onKeyDown: (y) => {
-                y.key === "Backspace" && !k && m(r[r.length - 1]);
+              searchResults: y,
+              onSearch: u,
+              onSelectSearchResult: w,
+              renderSearchResult: (x) => x.match(/Add\s+"([^"]+)"\s+tag/) ? x : /* @__PURE__ */ a(st, { name: x, color: (n == null ? void 0 : n(x)) ?? ne }),
+              onKeyDown: (x) => {
+                x.key === "Backspace" && !y && m(r[r.length - 1]);
               },
-              size: l,
+              size: s,
               disabled: i,
-              ref: h,
+              ref: p,
               immediate: !0,
               ...c
             }
@@ -753,7 +753,7 @@ const at = N(ot), st = ({ name: t, color: r }) => /* @__PURE__ */ b("div", { cla
       }
     )
   );
-}, lr = N(({ className: t, ...r }, e) => /* @__PURE__ */ s(
+}, ir = N(({ className: t, ...r }, e) => /* @__PURE__ */ a(
   me,
   {
     ref: e,
@@ -767,47 +767,47 @@ const at = N(ot), st = ({ name: t, color: r }) => /* @__PURE__ */ b("div", { cla
     ...r
   }
 ));
-function dt(t, { elementsSelector: r, focusFirstItem: e = !1, vertical: n = !0, horizontal: a = !0 }) {
-  const o = D(() => {
+function ct(t, { elementsSelector: r, focusFirstItem: e = !1, vertical: n = !0, horizontal: l = !0 }) {
+  const o = P(() => {
     const d = [];
-    return n && d.push("ArrowDown"), a && d.push("ArrowRight"), d;
-  }, [a, n]), l = D(() => {
+    return n && d.push("ArrowDown"), l && d.push("ArrowRight"), d;
+  }, [l, n]), s = P(() => {
     const d = [];
-    return n && d.push("ArrowUp"), a && d.push("ArrowLeft"), d;
-  }, [a, n]), i = D(() => [...o, ...l], [o, l]);
-  T(() => {
+    return n && d.push("ArrowUp"), l && d.push("ArrowLeft"), d;
+  }, [l, n]), i = P(() => [...o, ...s], [o, s]);
+  S(() => {
     const d = t.current;
     if (!d)
       return () => {
       };
-    const c = new AbortController(), k = () => [...d.querySelectorAll(r)], w = k(), x = Math.max(w.findIndex((g) => g.dataset.selected === "true"), 0);
-    return w.forEach((g, m) => {
-      g.tabIndex = m === x ? 0 : -1, e && m === x && g.focus();
-    }), d.addEventListener("keydown", (g) => {
-      if (!i.includes(g.key))
+    const c = new AbortController(), y = () => [...d.querySelectorAll(r)], k = y(), u = Math.max(k.findIndex((w) => w.dataset.selected === "true"), 0);
+    return k.forEach((w, m) => {
+      w.tabIndex = m === u ? 0 : -1, e && m === u && w.focus();
+    }), d.addEventListener("keydown", (w) => {
+      if (!i.includes(w.key))
         return;
-      g.preventDefault();
-      const m = k(), h = m.findIndex((u) => u.tabIndex === 0), y = o.includes(g.key) ? m[h + 1] ?? m[0] : m[h - 1] ?? m[m.length - 1];
-      m.forEach((u) => {
-        u.tabIndex = -1;
-      }), y.tabIndex = 0, y.focus();
+      w.preventDefault();
+      const m = y(), p = m.findIndex((b) => b.tabIndex === 0), x = o.includes(w.key) ? m[p + 1] ?? m[0] : m[p - 1] ?? m[m.length - 1];
+      m.forEach((b) => {
+        b.tabIndex = -1;
+      }), x.tabIndex = 0, x.focus();
     }, { signal: c.signal }), () => c.abort();
   }, [i, t, r, e, o]);
 }
-const ir = () => {
-  const t = we();
+const dr = () => {
+  const t = ve();
   return v(() => t(-1), [t]);
-}, ct = 128;
-function mt(t) {
+}, mt = 128;
+function ut(t) {
   const [r, e, n] = (t.match(/../g) ?? []).map((o) => parseInt(o, 16) || 0);
-  return Math.round(Math.sqrt(0.299 * r ** 2 + 0.587 * e ** 2 + 0.114 * n ** 2)) >= ct;
+  return Math.round(Math.sqrt(0.299 * r ** 2 + 0.587 * e ** 2 + 0.114 * n ** 2)) >= mt;
 }
-const dr = ({ text: t, className: r, size: e = "lg", initialCopied: n = !1, navigator_: a = globalThis.navigator, ...o }) => {
-  const [l, i] = bt({ initialValue: n }), d = v(
-    () => a.clipboard.writeText(t).then(i),
-    [a.clipboard, t, i]
+const cr = ({ text: t, className: r, size: e = "lg", initialCopied: n = !1, navigator_: l = globalThis.navigator, ...o }) => {
+  const [s, i] = gt({ initialValue: n }), d = v(
+    () => l.clipboard.writeText(t).then(i),
+    [l.clipboard, t, i]
   );
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     "button",
     {
       type: "button",
@@ -824,56 +824,56 @@ const dr = ({ text: t, className: r, size: e = "lg", initialCopied: n = !1, navi
       title: "Copy to clipboard",
       onClick: d,
       ...o,
-      children: /* @__PURE__ */ s(A, { icon: l ? Oe : je, fixedWidth: !0 })
+      children: /* @__PURE__ */ a(A, { icon: s ? Le : Ue, fixedWidth: !0 })
     }
   );
-}, ut = (t) => {
+}, pt = (t) => {
   const r = new URLSearchParams(t), e = {};
-  return r.forEach((n, a) => {
-    if (a.endsWith("[]")) {
-      const o = a.slice(0, -2);
+  return r.forEach((n, l) => {
+    if (l.endsWith("[]")) {
+      const o = l.slice(0, -2);
       e[o] ?? (e[o] = []), e[o].push(n);
     } else
-      e[a] = n;
+      e[l] = n;
   }), e;
-}, cr = (t) => {
+}, mr = (t) => {
   const r = new URLSearchParams();
   for (const [e, n] of Object.entries(t))
-    n !== void 0 && (Array.isArray(n) ? n.forEach((a) => r.append(`${e}[]`, `${a}`)) : r.append(e, `${n}`));
+    n !== void 0 && (Array.isArray(n) ? n.forEach((l) => r.append(`${e}[]`, `${l}`)) : r.append(e, `${n}`));
   return r.toString();
-}, mr = () => {
-  const { search: t } = se();
-  return D(() => ut(t), [t]);
+}, ur = () => {
+  const { search: t } = le();
+  return P(() => pt(t), [t]);
 };
 function ue(t, r = globalThis.setTimeout, e = globalThis.clearTimeout) {
-  const n = I(null), a = v(() => {
+  const n = I(null), l = v(() => {
     n.current && e(n.current);
-  }, [e]), o = v((l, i) => {
-    a(), n.current = r(() => {
-      l(), n.current = null;
+  }, [e]), o = v((s, i) => {
+    l(), n.current = r(() => {
+      s(), n.current = null;
     }, i ?? t);
-  }, [a, t, r]);
-  return T(() => a, [a]), D(
-    () => ({ setTimeout: o, clearCurrentTimeout: a }),
-    [a, o]
+  }, [l, t, r]);
+  return S(() => l, [l]), P(
+    () => ({ setTimeout: o, clearCurrentTimeout: l }),
+    [l, o]
   );
 }
-const pt = 2e3, bt = ({ initialValue: t = !1, delay: r = pt } = {}, e = globalThis.setTimeout, n = globalThis.clearTimeout) => {
-  const { setTimeout: a } = ue(r, e, n), [o, l] = S(t), i = I(t), d = v(() => {
-    l(!i.current), a(() => l(i.current));
-  }, [a]);
+const bt = 2e3, gt = ({ initialValue: t = !1, delay: r = bt } = {}, e = globalThis.setTimeout, n = globalThis.clearTimeout) => {
+  const { setTimeout: l } = ue(r, e, n), [o, s] = D(t), i = I(t), d = v(() => {
+    s(!i.current), l(() => s(i.current));
+  }, [l]);
   return [o, d];
 };
 function pe(t = !1) {
-  const [r, e] = S(t), n = v(() => e((l) => !l), []), a = v(() => e(!0), []), o = v(() => e(!1), []);
-  return { flag: r, toggle: n, setToTrue: a, setToFalse: o };
+  const [r, e] = D(t), n = v(() => e((s) => !s), []), l = v(() => e(!0), []), o = v(() => e(!1), []);
+  return { flag: r, toggle: n, setToTrue: l, setToFalse: o };
 }
-const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
-  const a = "to" in n && typeof n.to == "string";
+const be = q({}), ht = ({ className: t, selected: r, disabled: e, onClick: n, ...l }) => {
+  const o = "to" in l && typeof l.to == "string", s = o ? Q : "button", { onItemClick: i } = E(be);
   return (
     // @ts-expect-error The Tag is inferred from provided props, so they should always match
-    /* @__PURE__ */ s(
-      a ? q : "button",
+    /* @__PURE__ */ a(
+      s,
       {
         role: "menuitem",
         "data-selected": r,
@@ -891,16 +891,20 @@ const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
           t
         ),
         tabIndex: -1,
-        disabled: a ? void 0 : e,
-        "aria-disabled": a ? e : void 0,
-        ...n
+        disabled: o ? void 0 : e,
+        "aria-disabled": o ? e : void 0,
+        type: o ? void 0 : "button",
+        onClick: (d) => {
+          n == null || n(d), i == null || i();
+        },
+        ...l
       }
     )
   );
-}, ht = () => (
+}, ft = () => (
   // TODO Use an <hr /> tag once tailwind styles are not set with !important
-  /* @__PURE__ */ s("div", { role: "separator", "aria-hidden": !0, className: "border-b border-lm-border dark:border-dm-border my-2" })
-), ft = ({ children: t }) => /* @__PURE__ */ s(
+  /* @__PURE__ */ a("div", { role: "separator", "aria-hidden": !0, className: "border-b border-lm-border dark:border-dm-border my-2" })
+), xt = ({ children: t }) => /* @__PURE__ */ a(
   "div",
   {
     role: "heading",
@@ -913,90 +917,79 @@ const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
     onClick: (r) => r.stopPropagation(),
     children: t
   }
-), xt = ({ className: t, onClick: r, ...e }) => (
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-  /* @__PURE__ */ s(
-    "div",
-    {
-      className: f("px-3 py-1.5", t),
-      ...e,
-      onClick: (n) => {
-        n.stopPropagation(), r == null || r(n);
-      }
-    }
-  )
-), yt = ({
+), yt = ({ className: t, ...r }) => /* @__PURE__ */ a("div", { className: f("px-3 py-1.5", t), ...r }), kt = ({
   children: t,
   className: r,
   focusableElementsSelector: e = '[role="menuitem"]:not([disabled]):not([aria-disabled])',
   focusFirstItem: n = !1,
-  ...a
+  onItemClick: l,
+  ...o
 }) => {
-  const o = I(null);
-  return dt(o, { elementsSelector: e, focusFirstItem: n }), /* @__PURE__ */ s(L, { ref: o, role: "menu", className: f("py-2 whitespace-nowrap", r), ...a, children: t });
-}, j = Object.assign(yt, { Item: gt, Separator: ht, Title: ft, Misc: xt }), kt = ({
+  const s = I(null);
+  return ct(s, { elementsSelector: e, focusFirstItem: n }), /* @__PURE__ */ a(R, { ref: s, role: "menu", className: f("py-2 whitespace-nowrap", r), ...o, children: /* @__PURE__ */ a(be.Provider, { value: { onItemClick: l }, children: t }) });
+}, $ = Object.assign(kt, { Item: ht, Separator: ft, Title: xt, Misc: yt }), wt = ({
   children: t,
   menuAlignment: r = "left",
   buttonVariant: e = "button",
   buttonContent: n,
-  buttonClassName: a,
+  buttonClassName: l,
   buttonSize: o = "md",
-  buttonDisabled: l = !1,
+  buttonDisabled: s = !1,
   containerClassName: i,
   menuClassName: d,
   caretless: c,
-  buttonLabel: k,
-  menuOffset: w = 3
+  buttonLabel: y,
+  menuOffset: k = 3
 }) => {
-  const [x, g] = S(!1), m = I(null), { refs: h, floatingStyles: y, context: u } = ie({
-    open: x,
-    onOpenChange: g,
+  const [u, w] = D(!1), m = v(() => w(!1), []), p = I(null), { refs: x, floatingStyles: b, context: O } = ie({
+    open: u,
+    onOpenChange: w,
     placement: r === "right" ? "bottom-end" : "bottom-start",
-    middleware: [Ee(), Me(w)],
+    middleware: [Me(), _e(k)],
     // eslint-disable-next-line react-compiler/react-compiler
-    elements: { reference: m.current }
-  }), O = _e(u), { getReferenceProps: C, getFloatingProps: M } = de([
-    O
-  ]), $ = _(), H = I(null);
-  return T(() => {
-    const P = H.current, z = m.current;
-    if (!P || !z)
+    elements: { reference: p.current }
+  }), C = Be(O), { getReferenceProps: M, getFloatingProps: G } = de([
+    C
+  ]), W = _(), Y = I(null);
+  return S(() => {
+    const L = Y.current;
+    if (!L || !u)
       return () => {
       };
     const ee = new AbortController();
-    return document.body.addEventListener("click", (ye) => {
-      ye.composedPath().includes(z) || g(!1);
+    return document.body.addEventListener("click", (ke) => {
+      ke.composedPath().includes(L) || m();
     }, { signal: ee.signal }), () => ee.abort();
-  }, []), // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-  /* @__PURE__ */ b(
+  }, [m, u]), // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+  /* @__PURE__ */ h(
     "div",
     {
-      ref: H,
+      ref: Y,
       className: f("relative inline-block", i),
-      onKeyDown: (P) => {
-        P.key === "Escape" && g(!1);
+      onKeyDown: (L) => {
+        L.key === "Escape" && m();
       },
-      onBlur: (P) => {
-        P.relatedTarget && !H.current.contains(P.relatedTarget) && g(!1);
+      onBlur: (L) => {
+        L.relatedTarget && !Y.current.contains(L.relatedTarget) && m();
       },
       children: [
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ h(
           "button",
           {
-            ref: m,
-            ...C(),
+            ref: p,
+            ...M(),
             type: "button",
             "aria-haspopup": !0,
-            "aria-expanded": x,
-            "aria-controls": $,
-            "aria-label": k,
-            disabled: l,
+            "aria-expanded": u,
+            "aria-controls": W,
+            "aria-label": y,
+            disabled: s,
             className: f(
               "flex items-center rounded-md focus-ring",
               {
                 "justify-between": !c,
-                "cursor-pointer": !l,
-                "pointer-events-none opacity-50": l,
+                "cursor-pointer": !s,
+                "pointer-events-none opacity-50": s,
                 // Button variant
                 "border border-lm-border dark:border-dm-border": e === "button",
                 "bg-lm-primary dark:bg-dm-primary": e === "button",
@@ -1012,31 +1005,32 @@ const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
                 "gap-x-1.5": o === "sm",
                 "gap-x-2": o !== "sm"
               },
-              a
+              l
             ),
-            onKeyDown: (P) => {
-              P.key === "ArrowDown" && (P.preventDefault(), g(!0));
+            onKeyDown: (L) => {
+              L.key === "ArrowDown" && (L.preventDefault(), w(!0));
             },
             children: [
               n,
-              !c && /* @__PURE__ */ s(A, { icon: Le, size: "xs" })
+              !c && /* @__PURE__ */ a(A, { icon: Re, size: "xs" })
             ]
           }
         ),
-        x && /* @__PURE__ */ s(
+        u && /* @__PURE__ */ a(
           "div",
           {
-            ref: h.setFloating,
-            style: y,
+            ref: x.setFloating,
+            style: b,
             className: "min-w-full z-500",
-            ...M(),
-            children: /* @__PURE__ */ s(
-              j,
+            ...G(),
+            children: /* @__PURE__ */ a(
+              $,
               {
                 className: d,
-                id: $,
+                id: W,
                 focusableElementsSelector: '[role="menuitem"]:not([disabled]):not([aria-disabled]),input:not([disabled]),select:not([disabled])',
                 focusFirstItem: !0,
+                onItemClick: m,
                 children: t
               }
             )
@@ -1045,15 +1039,15 @@ const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
       ]
     }
   );
-}, R = Object.assign(kt, {
-  Item: j.Item,
-  Separator: j.Separator,
-  Title: j.Title,
-  Misc: j.Misc
-}), wt = N(({ className: t, disabled: r, size: e = "md", type: n = "button", ...a }, o) => /* @__PURE__ */ s(
+}, T = Object.assign(wt, {
+  Item: $.Item,
+  Separator: $.Separator,
+  Title: $.Title,
+  Misc: $.Misc
+}), vt = N(({ className: t, disabled: r, size: e = "md", type: n = "button", ...l }, o) => /* @__PURE__ */ a(
   "button",
   {
-    className: p(
+    className: g(
       "inline-flex rounded-md focus-ring",
       "text-lm-brand dark:text-dm-brand",
       "highlight:text-lm-brand-dark dark:highlight:text-dm-brand-dark highlight:underline",
@@ -1068,11 +1062,11 @@ const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
     ),
     disabled: r,
     type: n,
-    ...a,
+    ...l,
     ref: o
   }
-)), vt = ({ className: t, active: r, ...e }) => /* @__PURE__ */ s("li", { role: "menuitem", className: "w-full flex", "data-active": r, children: /* @__PURE__ */ s(
-  q,
+)), Nt = ({ className: t, active: r, ...e }) => /* @__PURE__ */ a("li", { role: "menuitem", className: "w-full flex", "data-active": r, children: /* @__PURE__ */ a(
+  Q,
   {
     className: f(
       "px-2 py-3",
@@ -1086,8 +1080,8 @@ const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
     ),
     ...e
   }
-) }), Nt = ({ containerClassName: t, buttonClassName: r, menuClassName: e, active: n, ...a }) => /* @__PURE__ */ s("li", { role: "menuitem", "aria-haspopup": !0, className: "w-full flex", "data-active": n, children: /* @__PURE__ */ s(
-  R,
+) }), Ct = ({ containerClassName: t, buttonClassName: r, menuClassName: e, active: n, ...l }) => /* @__PURE__ */ a("li", { role: "menuitem", "aria-haspopup": !0, className: "w-full flex", "data-active": n, children: /* @__PURE__ */ a(
+  T,
   {
     containerClassName: f("max-md:w-full", t),
     buttonVariant: "text",
@@ -1104,11 +1098,11 @@ const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
     menuAlignment: "right",
     menuOffset: -3,
     menuClassName: f("mx-2", e),
-    ...a
+    ...l
   }
-) }), Ct = ({ className: t, brand: r, children: e }) => {
-  const { flag: n, toggle: a, setToFalse: o } = pe(), l = _(), i = _(), { pathname: d } = se();
-  return T(() => o(), [d, o]), /* @__PURE__ */ b(
+) }), At = ({ className: t, brand: r, children: e }) => {
+  const { flag: n, toggle: l, setToFalse: o } = pe(), s = _(), i = _(), { pathname: d } = le();
+  return S(() => o(), [d, o]), /* @__PURE__ */ h(
     "nav",
     {
       className: f(
@@ -1118,8 +1112,8 @@ const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
         t
       ),
       children: [
-        /* @__PURE__ */ b("div", { className: "w-full relative", children: [
-          /* @__PURE__ */ s(
+        /* @__PURE__ */ h("div", { className: "w-full relative", children: [
+          /* @__PURE__ */ a(
             "h4",
             {
               className: f(
@@ -1129,7 +1123,7 @@ const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
               children: r
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ a(
             ce,
             {
               id: i,
@@ -1140,17 +1134,17 @@ const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
                 "opacity-60 highlight:opacity-100 transition-opacity",
                 "[&]:text-inherit [&]:border-white [&]:highlight:bg-transparent"
               ),
-              onClick: a,
+              onClick: l,
               "aria-label": `${n ? "Hide" : "Show"} menu`,
-              "aria-controls": l,
-              children: /* @__PURE__ */ s(A, { icon: n ? Re : Te })
+              "aria-controls": s,
+              children: /* @__PURE__ */ a(A, { icon: n ? Te : Se })
             }
           )
         ] }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ a(
           "ul",
           {
-            id: l,
+            id: s,
             "aria-labelledby": i,
             role: "menu",
             className: f(
@@ -1166,23 +1160,23 @@ const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
       ]
     }
   );
-}, ur = Object.assign(Ct, { MenuItem: vt, Dropdown: Nt }), be = X(null), At = ({ className: t, to: r, ...e }) => {
-  const n = E(be);
-  return /* @__PURE__ */ s(
-    ve,
+}, pr = Object.assign(At, { MenuItem: Nt, Dropdown: Ct }), ge = q(null), It = ({ className: t, to: r, ...e }) => {
+  const n = E(ge);
+  return /* @__PURE__ */ a(
+    Ne,
     {
       role: "menuitem",
       to: r,
-      className: ({ isActive: a }) => p(
+      className: ({ isActive: l }) => g(
         "px-4 pt-2 pb-[calc(0.5rem-3px)] border-b-3",
         "highlight:text-lm-brand dark:highlight:text-dm-brand",
         "font-bold text-center no-underline transition-colors",
         "rounded-none outline-none focus-visible:inset-ring-2",
         "focus-visible:inset-ring-lm-brand/50 dark:focus-visible:inset-ring-dm-brand/50",
         {
-          "text-lm-brand dark:text-dm-brand": a,
-          "border-b-lm-brand dark:border-b-dm-brand active": a,
-          "border-b-transparent text-gray-500": !a,
+          "text-lm-brand dark:text-dm-brand": l,
+          "border-b-lm-brand dark:border-b-dm-brand active": l,
+          "border-b-transparent text-gray-500": !l,
           "flex-grow": n == null ? void 0 : n.fill
         },
         t
@@ -1190,17 +1184,17 @@ const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
       ...e
     }
   );
-}, It = ({ children: t, className: r, fill: e }) => /* @__PURE__ */ s(be.Provider, { value: { fill: e }, children: /* @__PURE__ */ s(L, { role: "menubar", className: p("flex overflow-hidden", r), children: t }) }), pr = Object.assign(It, { Pill: At }), Ot = new Intl.NumberFormat("en-US"), Lt = (t) => Ot.format(Number(t)), ae = 10, br = (t) => Math.ceil(t / ae) * ae, B = 2, K = "...", Rt = (t, r) => Array.from({ length: r - t }, (e, n) => t + n), Tt = (t, r) => {
-  const e = Rt(
+}, Ot = ({ children: t, className: r, fill: e }) => /* @__PURE__ */ a(ge.Provider, { value: { fill: e }, children: /* @__PURE__ */ a(R, { role: "menubar", className: g("flex overflow-hidden", r), children: t }) }), br = Object.assign(Ot, { Pill: It }), Lt = new Intl.NumberFormat("en-US"), Rt = (t) => Lt.format(Number(t)), ae = 10, gr = (t) => Math.ceil(t / ae) * ae, B = 2, K = "...", Tt = (t, r) => Array.from({ length: r - t }, (e, n) => t + n), St = (t, r) => {
+  const e = Tt(
     Math.max(B, t - B),
     Math.min(r - 1, t + B) + 1
   );
   return t - B > B && e.unshift(K), t + B < r - 1 && e.push(K), e.unshift(1), e.push(r), e;
-}, U = (t) => t === K, St = (t) => U(t) ? t : Lt(t), Pt = (t, r) => U(t) ? `${t}_${r}` : `${t}`, ge = [
+}, H = (t) => t === K, Dt = (t) => H(t) ? t : Rt(t), Pt = (t, r) => H(t) ? `${t}_${r}` : `${t}`, he = [
   "border border-r-0 last:border-r border-lm-border dark:border-dm-border",
   "rounded-none first:rounded-l last:rounded-r"
-], he = (t = !1) => p(
-  ge,
+], fe = (t = !1) => g(
+  he,
   "px-3 py-2 cursor-pointer no-underline",
   "focus-ring focus-visible:z-1",
   !t && [
@@ -1209,41 +1203,41 @@ const gt = ({ className: t, selected: r, disabled: e, ...n }) => {
     "highlight:bg-lm-secondary dark:highlight:bg-dm-secondary"
   ],
   t && "bg-lm-main dark:bg-dm-main text-white"
-), Y = ({ children: t }) => /* @__PURE__ */ s("span", { "aria-hidden": !0, className: p(ge, "px-3 py-2 text-gray-400"), children: t }), fe = () => /* @__PURE__ */ s(Y, { children: K });
-function Dt({ children: t, active: r, isEllipsis: e, href: n, ...a }) {
-  const o = D(() => he(r), [r]);
-  return e ? /* @__PURE__ */ s(fe, {}) : /* @__PURE__ */ s(q, { className: o, to: n, ...a, children: t });
+), J = ({ children: t }) => /* @__PURE__ */ a("span", { "aria-hidden": !0, className: g(he, "px-3 py-2 text-gray-400"), children: t }), xe = () => /* @__PURE__ */ a(J, { children: K });
+function Et({ children: t, active: r, isEllipsis: e, href: n, ...l }) {
+  const o = P(() => fe(r), [r]);
+  return e ? /* @__PURE__ */ a(xe, {}) : /* @__PURE__ */ a(Q, { className: o, to: n, ...l, "data-active": r, children: t });
 }
-function Et({ children: t, active: r, isEllipsis: e, ...n }) {
-  const a = D(() => he(r), [r]);
-  return e ? /* @__PURE__ */ s(fe, {}) : /* @__PURE__ */ s("button", { type: "button", className: a, ...n, children: t });
+function Mt({ children: t, active: r, isEllipsis: e, ...n }) {
+  const l = P(() => fe(r), [r]);
+  return e ? /* @__PURE__ */ a(xe, {}) : /* @__PURE__ */ a("button", { type: "button", className: l, ...n, "data-active": r, children: t });
 }
-const gr = ({ currentPage: t, pagesCount: r, ...e }) => {
-  const n = "urlForPage" in e, a = n ? Dt : Et, o = v(
-    (l) => n ? { href: U(l) ? void 0 : e.urlForPage(l) } : { onClick: () => !U(l) && e.onPageChange(l) },
+const hr = ({ currentPage: t, pagesCount: r, ...e }) => {
+  const n = "urlForPage" in e, l = n ? Et : Mt, o = v(
+    (s) => n ? { href: H(s) ? void 0 : e.urlForPage(s) } : { onClick: () => !H(s) && e.onPageChange(s) },
     [n, e]
   );
-  return r < 2 ? null : /* @__PURE__ */ b("div", { className: "select-none flex", "data-testid": "paginator", children: [
-    t === 1 ? /* @__PURE__ */ s(Y, { children: /* @__PURE__ */ s(A, { size: "xs", icon: te }) }) : /* @__PURE__ */ s(a, { ...o(Math.max(1, t - 1)), "aria-label": "Previous", children: /* @__PURE__ */ s(A, { size: "xs", icon: te }) }),
-    Tt(t, r).map((l, i) => /* @__PURE__ */ s(
-      a,
+  return r < 2 ? null : /* @__PURE__ */ h("div", { className: "select-none flex", "data-testid": "paginator", children: [
+    t === 1 ? /* @__PURE__ */ a(J, { children: /* @__PURE__ */ a(A, { size: "xs", icon: te }) }) : /* @__PURE__ */ a(l, { ...o(Math.max(1, t - 1)), "aria-label": "Previous", children: /* @__PURE__ */ a(A, { size: "xs", icon: te }) }),
+    St(t, r).map((s, i) => /* @__PURE__ */ a(
+      l,
       {
-        active: l === t,
-        isEllipsis: U(l),
-        ...o(l),
-        children: St(l)
+        active: s === t,
+        isEllipsis: H(s),
+        ...o(s),
+        children: Dt(s)
       },
-      Pt(l, i)
+      Pt(s, i)
     )),
-    t === r ? /* @__PURE__ */ s(Y, { children: /* @__PURE__ */ s(A, { size: "xs", icon: re }) }) : /* @__PURE__ */ s(a, { ...o(Math.min(r, t + 1)), "aria-label": "Next", children: /* @__PURE__ */ s(A, { size: "xs", icon: re }) })
+    t === r ? /* @__PURE__ */ a(J, { children: /* @__PURE__ */ a(A, { size: "xs", icon: re }) }) : /* @__PURE__ */ a(l, { ...o(Math.min(r, t + 1)), "aria-label": "Next", children: /* @__PURE__ */ a(A, { size: "xs", icon: re }) })
   ] });
-}, Mt = ({ buttonLabel: t = "Options", buttonSize: r = "md", ...e }) => /* @__PURE__ */ s(
-  R,
+}, _t = ({ buttonLabel: t = "Options", buttonSize: r = "md", ...e }) => /* @__PURE__ */ a(
+  T,
   {
-    buttonContent: /* @__PURE__ */ s(
+    buttonContent: /* @__PURE__ */ a(
       A,
       {
-        icon: Se,
+        icon: De,
         className: f({ "px-1": r === "sm" })
       }
     ),
@@ -1252,103 +1246,103 @@ const gr = ({ currentPage: t, pagesCount: r, ...e }) => {
     buttonSize: r,
     ...e
   }
-), hr = Object.assign(Mt, {
-  Item: R.Item,
-  Separator: R.Separator,
-  Title: R.Title,
-  Misc: R.Misc
-}), _t = ({
+), fr = Object.assign(_t, {
+  Item: T.Item,
+  Separator: T.Separator,
+  Title: T.Title,
+  Misc: T.Misc
+}), Bt = ({
   open: t,
   children: r,
   className: e,
   onClose: n,
-  ...a
+  ...l
 }) => {
   const o = I(null);
-  return T(() => {
-    var c, k;
-    const l = document.body, i = l.style.overflow, d = l.style.paddingRight;
+  return S(() => {
+    var c, y;
+    const s = document.body, i = s.style.overflow, d = s.style.paddingRight;
     if (t) {
-      const w = window.outerWidth - l.clientWidth, x = l.scrollHeight > l.clientHeight;
-      l.style.overflow = "hidden", x && (l.style.paddingRight = `${w}px`), (c = o.current) == null || c.showModal();
+      const k = window.outerWidth - s.clientWidth, u = s.scrollHeight > s.clientHeight;
+      s.style.overflow = "hidden", u && (s.style.paddingRight = `${k}px`), (c = o.current) == null || c.showModal();
     } else
-      (k = o.current) == null || k.close();
+      (y = o.current) == null || y.close();
     return () => {
-      l.style.overflow = i, l.style.paddingRight = d;
+      s.style.overflow = i, s.style.paddingRight = d;
     };
-  }, [t]), Ue(
-    /* @__PURE__ */ s(
+  }, [t]), Ge(
+    /* @__PURE__ */ a(
       "dialog",
       {
         ref: o,
-        className: p("bg-transparent backdrop:bg-black/50", e),
-        onCancel: (l) => {
-          l.preventDefault(), n();
+        className: g("bg-transparent backdrop:bg-black/50", e),
+        onCancel: (s) => {
+          s.preventDefault(), n();
         },
-        ...a,
+        ...l,
         children: t && r
       }
     ),
     document.body
   );
-}, fr = ({
+}, xr = ({
   open: t,
   onClose: r,
   variant: e = "default",
   title: n,
-  children: a,
+  children: l,
   className: o,
-  ...l
+  ...s
 }) => {
   const {
     size: i = "md",
     confirmText: d = "Confirm",
     cancelText: c = "Cancel",
-    confirmDisabled: k,
-    onConfirm: w,
-    onClosed: x,
-    ...g
-  } = "onConfirm" in l ? l : { ...l }, [m, h] = S(t), y = I(null), u = I("cancel"), O = v((C) => {
-    C.preventDefault(), C.stopPropagation(), u.current = "confirm", w == null || w();
-  }, [w]);
-  return T(() => {
+    confirmDisabled: y,
+    onConfirm: k,
+    onClosed: u,
+    ...w
+  } = "onConfirm" in s ? s : { ...s }, [m, p] = D(t), x = I(null), b = I("cancel"), O = v((C) => {
+    C.preventDefault(), C.stopPropagation(), b.current = "confirm", k == null || k();
+  }, [k]);
+  return S(() => {
     if (t) {
-      u.current = "cancel", h(!0);
+      b.current = "cancel", p(!0);
       return;
     }
-    const C = y.current;
+    const C = x.current;
     if (C) {
-      delete y.current.dataset.open;
+      delete x.current.dataset.open;
       let M = !1;
-      const $ = (H) => {
-        M || H.target !== C || (M = !0, h(!1), x == null || x(u.current));
+      const G = (W) => {
+        M || W.target !== C || (M = !0, p(!1), u == null || u(b.current));
       };
-      return C.addEventListener("transitionend", $), () => {
-        C.removeEventListener("transitionend", $);
+      return C.addEventListener("transitionend", G), () => {
+        C.removeEventListener("transitionend", G);
       };
     }
-  }, [x, t]), T(() => {
-    const C = y.current;
+  }, [u, t]), S(() => {
+    const C = x.current;
     m && C && (C.dataset.open = "");
-  }, [m]), /* @__PURE__ */ s(
-    _t,
+  }, [m]), /* @__PURE__ */ a(
+    Bt,
     {
       open: m,
       onClose: r,
-      className: p(
+      className: g(
         {
           "flex w-screen h-screen max-w-screen max-h-screen": m,
           "overflow-hidden": e === "cover"
         },
         o
       ),
-      ...g,
-      children: /* @__PURE__ */ s(
+      ...w,
+      children: /* @__PURE__ */ a(
         "form",
         {
           "data-testid": "transition-container",
-          ref: y,
-          className: p(
+          ref: x,
+          className: g(
             "w-full m-auto p-4 sm:p-6",
             // CSS transitions are based on the presence of the `data-open` attribute
             "-translate-y-4 data-open:translate-y-0 opacity-0 data-open:opacity-100",
@@ -1363,51 +1357,51 @@ const gr = ({ currentPage: t, pagesCount: r, ...e }) => {
             { "h-full": e === "cover" }
           ),
           onSubmit: O,
-          children: /* @__PURE__ */ s(L, { className: p(
+          children: /* @__PURE__ */ a(R, { className: g(
             "w-full",
             { "h-full relative overflow-auto": e === "cover" }
-          ), children: e === "cover" ? /* @__PURE__ */ b(G, { children: [
-            /* @__PURE__ */ b(
+          ), children: e === "cover" ? /* @__PURE__ */ h(j, { children: [
+            /* @__PURE__ */ h(
               "div",
               {
-                className: p(
+                className: g(
                   "px-4 py-3 absolute top-0 left-0 right-0 z-3000",
                   "flex items-center justify-between",
                   "text-white bg-linear-to-b from-black/70 to-black/10",
                   "[text-shadow:_0_2px_4px_rgb(0_0_0/_0.8)]"
                 ),
                 children: [
-                  /* @__PURE__ */ s("h5", { children: n }),
-                  /* @__PURE__ */ s(Q, { onClick: r, label: "Close dialog" })
+                  /* @__PURE__ */ a("h5", { children: n }),
+                  /* @__PURE__ */ a(X, { onClick: r, label: "Close dialog" })
                 ]
               }
             ),
-            a
-          ] }) : /* @__PURE__ */ b(G, { children: [
-            /* @__PURE__ */ b(L.Header, { className: p(
+            l
+          ] }) : /* @__PURE__ */ h(j, { children: [
+            /* @__PURE__ */ h(R.Header, { className: g(
               "sticky top-0",
               "flex items-center justify-between gap-x-2"
             ), children: [
-              /* @__PURE__ */ s("h5", { className: p({ "text-danger": e === "danger" }), children: n }),
-              /* @__PURE__ */ s(Q, { onClick: r, label: "Close dialog" })
+              /* @__PURE__ */ a("h5", { className: g({ "text-danger": e === "danger" }), children: n }),
+              /* @__PURE__ */ a(X, { onClick: r, label: "Close dialog" })
             ] }),
-            /* @__PURE__ */ s(L.Body, { children: a }),
-            w && /* @__PURE__ */ b(
-              L.Footer,
+            /* @__PURE__ */ a(R.Body, { children: l }),
+            k && /* @__PURE__ */ h(
+              R.Footer,
               {
                 "data-testid": "footer",
-                className: p(
+                className: g(
                   "flex justify-end items-center gap-x-2",
                   "[&]:px-3 sticky bottom-0"
                 ),
                 children: [
-                  /* @__PURE__ */ s(wt, { onClick: r, children: c }),
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ a(vt, { onClick: r, children: c }),
+                  /* @__PURE__ */ a(
                     ce,
                     {
                       solid: !0,
                       variant: e === "danger" ? "danger" : "primary",
-                      disabled: k,
+                      disabled: y,
                       type: "submit",
                       children: d
                     }
@@ -1420,16 +1414,16 @@ const gr = ({ currentPage: t, pagesCount: r, ...e }) => {
       )
     }
   );
-}, xr = ({ className: t, children: r, loading: e = !1, variant: n = "default" }) => /* @__PURE__ */ s(Qe, { className: f({ "[&]:border-danger": n === "error" }, t), children: /* @__PURE__ */ b("h3", { className: f("text-center", {
+}, yr = ({ className: t, children: r, loading: e = !1, variant: n = "default" }) => /* @__PURE__ */ a(Ye, { className: f({ "[&]:border-danger": n === "error" }, t), children: /* @__PURE__ */ h("h3", { className: f("text-center", {
   "text-gray-500 dark:text-gray-400": n === "default",
   "text-danger": n === "error"
 }), children: [
-  e && /* @__PURE__ */ b(G, { children: [
-    /* @__PURE__ */ s(A, { icon: le, spin: !0 }),
-    /* @__PURE__ */ s("span", { className: "ml-2", children: r ?? "Loading..." })
+  e && /* @__PURE__ */ h(j, { children: [
+    /* @__PURE__ */ a(A, { icon: se, spin: !0 }),
+    /* @__PURE__ */ a("span", { className: "ml-2", children: r ?? "Loading..." })
   ] }),
   !e && r
-] }) }), yr = ({ variant: t, className: r, size: e = "md", children: n }) => /* @__PURE__ */ s(
+] }) }), kr = ({ variant: t, className: r, size: e = "md", children: n }) => /* @__PURE__ */ a(
   "div",
   {
     className: f(
@@ -1447,42 +1441,42 @@ const gr = ({ currentPage: t, pagesCount: r, ...e }) => {
     ),
     children: n
   }
-), kr = ({ placement: t = "auto" } = {}) => {
+), wr = ({ placement: t = "auto" } = {}) => {
   const r = I(null), e = (() => {
-    const h = [];
-    return t === "auto" && h.push(Be()), h.push(Fe({ element: r })), h;
-  })(), [n, a] = S(!1), { refs: o, floatingStyles: l, context: i, middlewareData: d } = ie({
+    const p = [];
+    return t === "auto" && p.push(Fe()), p.push($e({ element: r })), p;
+  })(), [n, l] = D(!1), { refs: o, floatingStyles: s, context: i, middlewareData: d } = ie({
     placement: t === "auto" ? void 0 : t,
     open: n,
-    onOpenChange: a,
+    onOpenChange: l,
     middleware: e
-  }), c = $e(i, {
+  }), c = He(i, {
     delay: { open: 300 },
     move: !0
-  }), { getFloatingProps: k, getReferenceProps: w } = de([c]), { isMounted: x, styles: g } = He(i, { duration: 200 }), m = D(() => {
-    const h = i.placement.split("-")[0];
+  }), { getFloatingProps: y, getReferenceProps: k } = de([c]), { isMounted: u, styles: w } = je(i, { duration: 200 }), m = P(() => {
+    const p = i.placement.split("-")[0];
     return {
       top: "bottom",
       right: "left",
       bottom: "top",
       left: "right"
-    }[h] ?? "";
+    }[p] ?? "";
   }, [i.placement]);
   return {
-    anchor: { ...w(), ref: o.setReference },
+    anchor: { ...k(), ref: o.setReference },
     tooltip: {
-      ...k(),
+      ...y(),
       refSetter: o.setFloating,
-      isMounted: x,
-      styles: { ...l, ...g },
+      isMounted: u,
+      styles: { ...s, ...w },
       arrowPos: d.arrow,
       arrowRef: r,
       arrowSide: m
     }
   };
-}, wr = ({ children: t, isMounted: r, styles: e, refSetter: n, arrowRef: a, arrowPos: o, arrowSide: l, ...i }) => {
+}, vr = ({ children: t, isMounted: r, styles: e, refSetter: n, arrowRef: l, arrowPos: o, arrowSide: s, ...i }) => {
   var d;
-  return r && /* @__PURE__ */ s(
+  return r && /* @__PURE__ */ a(
     "div",
     {
       role: "tooltip",
@@ -1492,37 +1486,37 @@ const gr = ({ currentPage: t, pagesCount: r, ...e }) => {
         // Add space between anchor and tooltip via padding, so that if the tooltip is inside the anchor, you can hover it
         // and it's never closed
         {
-          "pt-2.5": l === "top",
-          "pb-2.5": l === "bottom",
-          "pr-2.5": l === "right",
-          "pl-2.5": l === "left"
+          "pt-2.5": s === "top",
+          "pb-2.5": s === "bottom",
+          "pr-2.5": s === "right",
+          "pl-2.5": s === "left"
         }
       ),
       ref: n,
       style: e,
       ...i,
-      children: /* @__PURE__ */ b("div", { className: "relative px-1.5 py-1 rounded bg-black/90 text-white text-center", children: [
-        /* @__PURE__ */ s("span", { className: "sr-only", children: "Tooltip: " }),
+      children: /* @__PURE__ */ h("div", { className: "relative px-1.5 py-1 rounded bg-black/90 text-white text-center", children: [
+        /* @__PURE__ */ a("span", { className: "sr-only", children: "Tooltip: " }),
         t,
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ a(
           "div",
           {
-            ref: a,
+            ref: l,
             className: f(
               "absolute",
               // Render as a triangle
               "border-l-6 border-r-6 border-b-6 border-l-transparent border-r-transparent border-b-black/90",
               // Rotate triangle so that it points to the correct direction
               {
-                "rotate-180": l === "bottom",
-                "rotate-90 mr-[-3px]": l === "right",
-                "rotate-270 ml-[-3px]": l === "left"
+                "rotate-180": s === "bottom",
+                "rotate-90 mr-[-3px]": s === "right",
+                "rotate-270 ml-[-3px]": s === "left"
               }
             ),
             style: {
               left: o == null ? void 0 : o.x,
               top: o == null ? void 0 : o.y,
-              [l]: `${-(((d = a.current) == null ? void 0 : d.offsetWidth) ?? 0) / 2}px`
+              [s]: `${-(((d = l.current) == null ? void 0 : d.offsetWidth) ?? 0) / 2}px`
             },
             "data-testid": "arrow"
           }
@@ -1531,7 +1525,7 @@ const gr = ({ currentPage: t, pagesCount: r, ...e }) => {
     }
   );
 };
-function Bt(t) {
+function Ft(t) {
   if (t.currentField !== t.newField)
     return "ASC";
   const r = {
@@ -1540,141 +1534,141 @@ function Bt(t) {
   };
   return t.currentOrderDir ? r[t.currentOrderDir] : "ASC";
 }
-function Ft(t) {
-  const r = Bt(t);
+function $t(t) {
+  const r = Ft(t);
   return {
     field: r ? t.newField : void 0,
     dir: r
   };
 }
-const vr = (t, { field: r, dir: e }) => !r || !e ? t : t.sort((n, a) => {
-  const o = e === "ASC" ? 1 : -1, l = e === "ASC" ? -1 : 1;
-  return n[r] > a[r] ? o : l;
-}), Nr = (t) => t.dir ? `${t.field}-${t.dir}` : void 0, Cr = (t) => {
+const Nr = (t, { field: r, dir: e }) => !r || !e ? t : t.sort((n, l) => {
+  const o = e === "ASC" ? 1 : -1, s = e === "ASC" ? -1 : 1;
+  return n[r] > l[r] ? o : s;
+}), Cr = (t) => t.dir ? `${t.field}-${t.dir}` : void 0, Ar = (t) => {
   const [r, e] = t.split("-");
   return { field: r, dir: e };
 };
-function Ar({ items: t, order: r, onChange: e, prefixed: n = !0, buttonVariant: a = "button", ...o }) {
-  const l = v((d) => {
-    const c = Ft({ currentOrderDir: r.dir, currentField: r.field, newField: d });
+function Ir({ items: t, order: r, onChange: e, prefixed: n = !0, buttonVariant: l = "button", ...o }) {
+  const s = v((d) => {
+    const c = $t({ currentOrderDir: r.dir, currentField: r.field, newField: d });
     e(c);
-  }, [e, r.dir, r.field]), i = a === "button";
-  return /* @__PURE__ */ b(
-    R,
+  }, [e, r.dir, r.field]), i = l === "button";
+  return /* @__PURE__ */ h(
+    T,
     {
-      buttonContent: /* @__PURE__ */ b(G, { children: [
+      buttonContent: /* @__PURE__ */ h(j, { children: [
         !i && "Order by",
-        i && !r.field && /* @__PURE__ */ s("i", { children: "Order by..." }),
-        i && r.field && /* @__PURE__ */ b(G, { children: [
+        i && !r.field && /* @__PURE__ */ a("i", { children: "Order by..." }),
+        i && r.field && /* @__PURE__ */ h(j, { children: [
           n && "Order by: ",
           t[r.field],
           " - ",
           r.dir ?? "DESC"
         ] })
       ] }),
-      buttonVariant: a,
+      buttonVariant: l,
       ...o,
       children: [
-        Object.entries(t).map(([d, c]) => /* @__PURE__ */ b(
-          R.Item,
+        Object.entries(t).map(([d, c]) => /* @__PURE__ */ h(
+          T.Item,
           {
             selected: r.field === d,
-            onClick: () => l(d),
+            onClick: () => s(d),
             className: "flex items-center justify-between gap-2",
             children: [
               c,
-              r.field === d && /* @__PURE__ */ s(A, { icon: r.dir === "ASC" ? Pe : De })
+              r.field === d && /* @__PURE__ */ a(A, { icon: r.dir === "ASC" ? Pe : Ee })
             ]
           },
           d
         )),
-        /* @__PURE__ */ s(R.Separator, {}),
-        /* @__PURE__ */ s(R.Item, { disabled: !r.field, onClick: () => e({}), children: /* @__PURE__ */ s("i", { children: "Clear selection" }) })
+        /* @__PURE__ */ a(T.Separator, {}),
+        /* @__PURE__ */ a(T.Item, { disabled: !r.field, onClick: () => e({}), children: /* @__PURE__ */ a("i", { children: "Clear selection" }) })
       ]
     }
   );
 }
-const $t = "#4696e5", Ht = "rgba(70, 150, 229, 0.4)", jt = "#2078CF", Ut = "rgba(32, 120, 207, 0.4)", Ir = () => xe() ? $t : jt, Or = () => xe() ? Ht : Ut, Lr = "#f77f28", Rr = "rgba(247, 127, 40, 0.4)", Tr = "white", Sr = "#161b22", Gt = (t) => {
+const Ht = "#4696e5", jt = "rgba(70, 150, 229, 0.4)", Ut = "#2078CF", Gt = "rgba(32, 120, 207, 0.4)", Or = () => ye() ? Ht : Ut, Lr = () => ye() ? jt : Gt, Rr = "#f77f28", Tr = "rgba(247, 127, 40, 0.4)", Sr = "white", Dr = "#161b22", Wt = (t) => {
   var r;
   return (r = document.querySelector("html")) == null ? void 0 : r.setAttribute("data-theme", t);
-}, xe = () => {
+}, ye = () => {
   var t;
   return ((t = document.querySelector("html")) == null ? void 0 : t.getAttribute("data-theme")) === "dark";
-}, Wt = (t = window.matchMedia.bind(window)) => t("(prefers-color-scheme: dark)").matches ? "dark" : "light", Pr = (t) => {
-  const [r, e] = S(() => t ?? Wt());
-  return T(() => {
-    Gt(r);
+}, Kt = (t = window.matchMedia.bind(window)) => t("(prefers-color-scheme: dark)").matches ? "dark" : "light", Pr = (t) => {
+  const [r, e] = D(() => t ?? Kt());
+  return S(() => {
+    Wt(r);
   }, [r]), [r, e];
 };
 export {
-  Ht as BRAND_COLOR_ALPHA_DM,
-  Ut as BRAND_COLOR_ALPHA_LM,
-  $t as BRAND_COLOR_DM,
-  jt as BRAND_COLOR_LM,
-  Ct as BaseNavBar,
+  jt as BRAND_COLOR_ALPHA_DM,
+  Gt as BRAND_COLOR_ALPHA_LM,
+  Ht as BRAND_COLOR_DM,
+  Ut as BRAND_COLOR_LM,
+  At as BaseNavBar,
   ce as Button,
-  L as Card,
-  fr as CardModal,
-  rr as Checkbox,
-  Q as CloseButton,
-  dr as CopyToClipboardButton,
-  er as Details,
-  R as Dropdown,
+  R as Card,
+  xr as CardModal,
+  nr as Checkbox,
+  X as CloseButton,
+  cr as CopyToClipboardButton,
+  tr as Details,
+  T as Dropdown,
   K as ELLIPSIS,
-  Lr as HIGHLIGHTED_COLOR,
-  Rr as HIGHLIGHTED_COLOR_ALPHA,
-  J as Input,
-  Z as Label,
-  nr as LabelledInput,
-  or as LabelledRevealablePasswordInput,
-  ar as LabelledSelect,
-  wt as LinkButton,
-  Ye as Listbox,
-  j as Menu,
-  xr as Message,
-  _t as ModalDialog,
-  ur as NavBar,
-  pr as NavPills,
-  Ar as OrderingDropdown,
-  Sr as PRIMARY_DARK_COLOR,
-  Tr as PRIMARY_LIGHT_COLOR,
-  gr as Paginator,
-  yr as Result,
-  tt as RevealablePasswordInput,
-  hr as RowDropdown,
-  at as SearchCombobox,
-  nt as SearchInput,
-  rt as Select,
-  Qe as SimpleCard,
-  tr as Table,
+  Rr as HIGHLIGHTED_COLOR,
+  Tr as HIGHLIGHTED_COLOR_ALPHA,
+  Z as Input,
+  V as Label,
+  or as LabelledInput,
+  ar as LabelledRevealablePasswordInput,
+  lr as LabelledSelect,
+  vt as LinkButton,
+  Xe as Listbox,
+  $ as Menu,
+  yr as Message,
+  Bt as ModalDialog,
+  pr as NavBar,
+  br as NavPills,
+  Ir as OrderingDropdown,
+  Dr as PRIMARY_DARK_COLOR,
+  Sr as PRIMARY_LIGHT_COLOR,
+  hr as Paginator,
+  kr as Result,
+  rt as RevealablePasswordInput,
+  fr as RowDropdown,
+  lt as SearchCombobox,
+  ot as SearchInput,
+  nt as Select,
+  Ye as SimpleCard,
+  rr as Table,
   sr as TagsAutocomplete,
-  lr as ToggleSwitch,
-  wr as Tooltip,
-  Ir as brandColor,
-  Or as brandColorAlpha,
-  Gt as changeThemeInMarkup,
-  Ft as determineOrder,
-  Bt as determineOrderDir,
-  Lt as formatNumber,
-  Wt as getSystemPreferredTheme,
-  xe as isDarkThemeEnabled,
-  mt as isLightColor,
+  ir as ToggleSwitch,
+  vr as Tooltip,
+  Or as brandColor,
+  Lr as brandColorAlpha,
+  Wt as changeThemeInMarkup,
+  $t as determineOrder,
+  Ft as determineOrderDir,
+  Rt as formatNumber,
+  Kt as getSystemPreferredTheme,
+  ye as isDarkThemeEnabled,
+  ut as isLightColor,
   Pt as keyForPage,
-  Nr as orderToString,
-  U as pageIsEllipsis,
-  ut as parseQueryString,
-  St as prettifyPageNumber,
-  Tt as progressivePagination,
-  br as roundTen,
-  vr as sortList,
-  Cr as stringToOrder,
-  cr as stringifyQueryParams,
-  dt as useArrowKeyNavigation,
-  ir as useGoBack,
-  mr as useParsedQuery,
+  Cr as orderToString,
+  H as pageIsEllipsis,
+  pt as parseQueryString,
+  Dt as prettifyPageNumber,
+  St as progressivePagination,
+  gr as roundTen,
+  Nr as sortList,
+  Ar as stringToOrder,
+  mr as stringifyQueryParams,
+  ct as useArrowKeyNavigation,
+  dr as useGoBack,
+  ur as useParsedQuery,
   Pr as useTheme,
   ue as useTimeout,
-  bt as useTimeoutToggle,
+  gt as useTimeoutToggle,
   pe as useToggle,
-  kr as useTooltip
+  wr as useTooltip
 };