@shlinkio/shlink-frontend-kit 1.2.1 → 1.3.0

package/dist/index.js

@@ -1,22 +1,22 @@
-import { jsxs as g, jsx as o, Fragment as $ } from "react/jsx-runtime";
+import { jsxs as g, jsx as a, Fragment as B } from "react/jsx-runtime";
 import { clsx as d } from "clsx";
-import { useRef as T, useState as P, useEffect as R, forwardRef as v, useCallback as k, createContext as W, useContext as S, useId as M, useImperativeHandle as we, useMemo as E } from "react";
-import { Link as q, useNavigate as ke, useLocation as ae, NavLink as ve } from "react-router";
-import { faClose as Ne, faEyeSlash as Ce, faEye as Te, faCircleNotch as se, faSearch as Ae, faCheck as Ie, faCaretDown as Oe, faChevronUp as Le, faChevronDown as Re, faChevronLeft as ee, faChevronRight as te, faEllipsisV as Pe, faSortAmountUp as Ee, faSortAmountDown as Se } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon as C } from "@fortawesome/react-fontawesome";
-import { useFloating as le, flip as De, offset as Me, useClick as _e, useInteractions as ie, autoPlacement as Fe, arrow as Be, useHover as He, useTransitionStyles as $e } from "@floating-ui/react";
+import { useRef as C, useState as L, useEffect as R, forwardRef as k, useCallback as w, createContext as K, useContext as E, useId as S, useImperativeHandle as we, useMemo as P } from "react";
+import { Link as W, useNavigate as ke, useLocation as oe, NavLink as ve } from "react-router";
+import { faClose as Ne, faEyeSlash as Ce, faEye as Te, faCircleNotch as ae, faSearch as Ae, faCheck as Ie, faCaretDown as Oe, faChevronUp as Re, faChevronDown as Le, faChevronLeft as ee, faChevronRight as te, faEllipsisV as Pe, faSortAmountUp as Ee, faSortAmountDown as Se } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as N } from "@fortawesome/react-fontawesome";
+import { useFloating as se, flip as De, offset as Me, useClick as _e, useInteractions as le, autoPlacement as Fe, arrow as Be, useHover as He, useTransitionStyles as $e } from "@floating-ui/react";
 import { faClone as je } from "@fortawesome/free-regular-svg-icons";
 import { createPortal as Ue } from "react-dom";
-const er = ({ children: e, summary: r, summaryClasses: t, ...n }) => {
-  const a = T(null), [s, l] = P(!1);
+const tr = ({ children: e, summary: r, summaryClasses: t, ...n }) => {
+  const o = C(null), [s, l] = L(!1);
   return R(() => {
-    const i = a.current, c = () => l(!!i?.open);
+    const i = o.current, c = () => l(!!i?.open);
     return i?.addEventListener("toggle", c), () => i?.removeEventListener("toggle", c);
-  }, []), /* @__PURE__ */ g("details", { ref: a, ...n, children: [
-    /* @__PURE__ */ o("summary", { className: d("focus-ring px-1 -mx-1 rounded-sm", t), children: r }),
-    s && /* @__PURE__ */ o("div", { className: "mt-3 flex flex-col gap-y-3", children: e })
+  }, []), /* @__PURE__ */ g("details", { ref: o, ...n, children: [
+    /* @__PURE__ */ a("summary", { className: d("focus-ring px-1 -mx-1 rounded-sm", t), children: r }),
+    s && /* @__PURE__ */ a("div", { className: "mt-3 flex flex-col gap-y-3", children: e })
   ] });
-}, Ge = v(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+}, Ge = k(({ className: e, ...r }, t) => /* @__PURE__ */ a(
   "div",
   {
     className: d(
@@ -27,7 +27,7 @@ const er = ({ children: e, summary: r, summaryClasses: t, ...n }) => {
     ...r,
     ref: t
   }
-)), Ke = v(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+)), Ke = k(({ className: e, ...r }, t) => /* @__PURE__ */ a(
   "div",
   {
     className: d(
@@ -38,7 +38,7 @@ const er = ({ children: e, summary: r, summaryClasses: t, ...n }) => {
     ...r,
     ref: t
   }
-)), We = v(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+)), We = k(({ className: e, ...r }, t) => /* @__PURE__ */ a(
   "div",
   {
     className: d(
@@ -49,7 +49,7 @@ const er = ({ children: e, summary: r, summaryClasses: t, ...n }) => {
     ...r,
     ref: t
   }
-)), qe = v(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+)), qe = k(({ className: e, ...r }, t) => /* @__PURE__ */ a(
   "div",
   {
     className: d(
@@ -60,19 +60,19 @@ const er = ({ children: e, summary: r, summaryClasses: t, ...n }) => {
     ...r,
     ref: t
   }
-)), O = Object.assign(qe, { Body: Ke, Header: Ge, Footer: We }), Qe = v(({ bodyClassName: e, children: r, ...t }, n) => {
-  const { title: a, titleSize: s = "md", ...l } = "title" in t ? t : {
+)), I = Object.assign(qe, { Body: Ke, Header: Ge, Footer: We }), Qe = k(({ bodyClassName: e, children: r, ...t }, n) => {
+  const { title: o, titleSize: s = "md", ...l } = "title" in t ? t : {
     ...t,
     title: void 0,
     titleSize: void 0
   };
-  return /* @__PURE__ */ g(O, { ...l, ref: n, children: [
-    a && /* @__PURE__ */ g(O.Header, { children: [
-      s === "lg" && /* @__PURE__ */ o("h4", { children: a }),
-      s === "md" && /* @__PURE__ */ o("h5", { children: a }),
-      s === "sm" && /* @__PURE__ */ o("h6", { children: a })
+  return /* @__PURE__ */ g(I, { ...l, ref: n, children: [
+    o && /* @__PURE__ */ g(I.Header, { children: [
+      s === "lg" && /* @__PURE__ */ a("h4", { children: o }),
+      s === "md" && /* @__PURE__ */ a("h5", { children: o }),
+      s === "sm" && /* @__PURE__ */ a("h6", { children: o })
     ] }),
-    /* @__PURE__ */ o(O.Body, { className: e, children: r })
+    /* @__PURE__ */ a(I.Body, { className: e, children: r })
   ] });
 });
 function Ye({
@@ -80,53 +80,53 @@ function Ye({
   items: r,
   onSelectItem: t,
   onActiveItemChange: n,
-  renderItem: a,
+  renderItem: o,
   className: s,
   noItemsMessage: l = "No items",
   anchor: i,
   "aria-label": c = "Items",
-  ...m
+  ...u
 }) {
-  const [f, w] = P(0), x = k((h) => {
-    if (w(h), n) {
-      const [u, p] = [...r.entries()][h];
-      n(u, p);
+  const [b, x] = L(0), f = w((h) => {
+    if (x(h), n) {
+      const [p, m] = [...r.entries()][h];
+      n(p, m);
     }
   }, [r, n]);
   return R(() => {
     const h = i?.current;
     if (!h)
       return;
-    const u = (p) => {
-      ["Enter", "ArrowUp", "ArrowDown"].includes(p.key) && p.preventDefault(), p.key === "ArrowDown" ? x(Math.min(f + 1, r.size - 1)) : p.key === "ArrowUp" ? x(Math.max(f - 1, 0)) : p.key === "Enter" && t([...r.values()][f]);
+    const p = (m) => {
+      ["Enter", "ArrowUp", "ArrowDown"].includes(m.key) && m.preventDefault(), m.key === "ArrowDown" ? f(Math.min(b + 1, r.size - 1)) : m.key === "ArrowUp" ? f(Math.max(b - 1, 0)) : m.key === "Enter" && t([...r.values()][b]);
     };
-    return h.addEventListener("keydown", u), () => h.removeEventListener("keydown", u);
-  }, [f, i, x, r, t]), /* @__PURE__ */ g(
-    O,
+    return h.addEventListener("keydown", p), () => h.removeEventListener("keydown", p);
+  }, [b, i, f, r, t]), /* @__PURE__ */ g(
+    I,
     {
       id: e,
       className: d("py-1 flex flex-col", s),
       role: "listbox",
       "aria-orientation": "vertical",
       "aria-label": c,
-      ...m,
+      ...u,
       children: [
-        r.size === 0 && /* @__PURE__ */ o("i", { role: "option", "aria-disabled": !0, "aria-selected": !1, "data-testid": "no-items", className: "px-2 py-1", children: l }),
-        [...r.entries()].map(([h, u], p) => /* @__PURE__ */ o(
+        r.size === 0 && /* @__PURE__ */ a("i", { role: "option", "aria-disabled": !0, "aria-selected": !1, "data-testid": "no-items", className: "px-2 py-1", children: l }),
+        [...r.entries()].map(([h, p], m) => /* @__PURE__ */ a(
           "button",
           {
             id: `${e}_${h}`,
             type: "button",
             role: "option",
-            "aria-selected": p === f,
+            "aria-selected": m === b,
             className: d(
               "px-2 py-1 text-left truncate",
-              { "bg-lm-secondary dark:bg-dm-secondary": p === f }
+              { "bg-lm-secondary dark:bg-dm-secondary": m === b }
             ),
             tabIndex: -1,
-            onClick: () => t(u),
-            onMouseOver: () => x(p),
-            children: a(u)
+            onClick: () => t(p),
+            onMouseOver: () => f(m),
+            children: o(p)
           },
           h
         ))
@@ -134,9 +134,9 @@ function Ye({
     }
   );
 }
-const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e, className: r }) => {
-  const { responsive: t } = S(F);
-  return /* @__PURE__ */ o(j.Provider, { value: { section: "head" }, children: /* @__PURE__ */ o(
+const H = K(void 0), M = K({ responsive: !0, size: "md" }), Xe = ({ children: e, className: r }) => {
+  const { responsive: t } = E(M);
+  return /* @__PURE__ */ a(H.Provider, { value: { section: "head" }, children: /* @__PURE__ */ a(
     "thead",
     {
       className: d(
@@ -147,8 +147,8 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
     }
   ) });
 }, Je = ({ children: e, className: r }) => {
-  const { responsive: t } = S(F);
-  return /* @__PURE__ */ o(j.Provider, { value: { section: "body" }, children: /* @__PURE__ */ o(
+  const { responsive: t } = E(M);
+  return /* @__PURE__ */ a(H.Provider, { value: { section: "body" }, children: /* @__PURE__ */ a(
     "tbody",
     {
       className: d(
@@ -159,8 +159,8 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
     }
   ) });
 }, Ze = ({ children: e, className: r }) => {
-  const { responsive: t } = S(F);
-  return /* @__PURE__ */ o(j.Provider, { value: { section: "footer" }, children: /* @__PURE__ */ o(
+  const { responsive: t } = E(M);
+  return /* @__PURE__ */ a(H.Provider, { value: { section: "footer" }, children: /* @__PURE__ */ a(
     "tfoot",
     {
       className: d(
@@ -171,8 +171,8 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
     }
   ) });
 }, Ve = ({ children: e, className: r, ...t }) => {
-  const a = S(j)?.section === "body", { responsive: s } = S(F);
-  return /* @__PURE__ */ o(
+  const o = E(H)?.section === "body", { responsive: s } = E(M);
+  return /* @__PURE__ */ a(
     "tr",
     {
       className: d(
@@ -180,9 +180,9 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
         {
           "lg:table-row flex flex-col": s,
           "lg:border-0 border-y-2 border-lm-border dark:border-dm-border": s,
-          "hover:bg-lm-primary dark:hover:bg-dm-primary": a,
+          "hover:bg-lm-primary dark:hover:bg-dm-primary": o,
           // 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": o
         },
         r
       ),
@@ -190,9 +190,9 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
       children: e
     }
   );
-}, ze = ({ children: e, className: r, columnName: t, type: n, ...a }) => {
-  const s = S(j), l = n ?? (s?.section !== "body" ? "th" : "td"), { responsive: i, size: c } = S(F);
-  return /* @__PURE__ */ o(
+}, ze = ({ children: e, className: r, columnName: t, type: n, ...o }) => {
+  const s = E(H), l = n ?? (s?.section !== "body" ? "th" : "td"), { responsive: i, size: c } = E(M);
+  return /* @__PURE__ */ a(
     l,
     {
       "data-column": i ? t : void 0,
@@ -210,33 +210,33 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
         },
         r
       ),
-      ...a,
+      ...o,
       children: e
     }
   );
-}, et = ({ header: e, footer: r, children: t, responsive: n = !0, size: a = "md", ...s }) => /* @__PURE__ */ o(F.Provider, { value: { responsive: n, size: a }, children: /* @__PURE__ */ g("table", { className: "w-full", ...s, children: [
-  /* @__PURE__ */ o(Xe, { children: e }),
-  /* @__PURE__ */ o(Je, { children: t }),
-  r && /* @__PURE__ */ o(Ze, { children: r })
-] }) }), tr = Object.assign(et, { Row: Ve, Cell: ze }), de = v(({
+}, et = ({ header: e, footer: r, children: t, responsive: n = !0, size: o = "md", ...s }) => /* @__PURE__ */ a(M.Provider, { value: { responsive: n, size: o }, children: /* @__PURE__ */ g("table", { className: "w-full", ...s, children: [
+  /* @__PURE__ */ a(Xe, { children: e }),
+  /* @__PURE__ */ a(Je, { children: t }),
+  r && /* @__PURE__ */ a(Ze, { children: r })
+] }) }), rr = Object.assign(et, { Row: Ve, Cell: ze }), ie = k(({
   className: e,
   disabled: r,
   variant: t = "primary",
   size: n = "md",
-  inline: a = !1,
+  inline: o = !1,
   solid: s = !1,
   type: l = "button",
   ...i
 }, c) => {
-  const m = "to" in i && typeof i.to == "string", f = m ? q : "button", w = m ? void 0 : l;
-  return /* @__PURE__ */ o(
-    f,
+  const u = "to" in i && typeof i.to == "string", b = u ? W : "button", x = u ? void 0 : l;
+  return /* @__PURE__ */ a(
+    b,
     {
       ref: c,
       className: d(
         {
-          "inline-flex": a,
-          flex: !a
+          "inline-flex": o,
+          flex: !o
         },
         "gap-2 items-center justify-center",
         "border rounded-md no-underline",
@@ -281,15 +281,15 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
         },
         e
       ),
-      disabled: m ? void 0 : r,
-      "aria-disabled": m ? r : void 0,
-      type: w,
+      disabled: u ? void 0 : r,
+      "aria-disabled": u ? r : void 0,
+      type: x,
       ...i
     }
   );
-}), ce = v(({ className: e, onChange: r, ...t }, n) => {
-  const a = k((s) => r?.(s.target.checked, s), [r]);
-  return /* @__PURE__ */ o(
+}), de = k(({ className: e, onChange: r, ...t }, n) => {
+  const o = w((s) => r?.(s.target.checked, s), [r]);
+  return /* @__PURE__ */ a(
     "input",
     {
       ref: n,
@@ -302,18 +302,18 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
         "group-[&]/card:bg-lm-input group-[&]/card:dark:bg-dm-input",
         e
       ),
-      onChange: a,
+      onChange: o,
       ...t
     }
   );
-}), rr = v(({ className: e, ...r }, t) => /* @__PURE__ */ o(
-  ce,
+}), nr = k(({ className: e, ...r }, t) => /* @__PURE__ */ a(
+  de,
   {
     ref: t,
     className: d("rounded-sm w-4 h-4 checked:bg-(image:--tick) bg-center", e),
     ...r
   }
-)), Y = v(({ onClick: e, className: r, label: t = "Close", size: n = "lg", solid: a }, s) => /* @__PURE__ */ o(
+)), Y = k(({ onClick: e, className: r, label: t = "Close", size: n = "lg", solid: o }, s) => /* @__PURE__ */ a(
   "button",
   {
     ref: s,
@@ -322,22 +322,22 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
     className: d(
       "rounded-md focus-ring cursor-pointer",
       {
-        "opacity-50 highlight:opacity-80 transition-opacity": !a
+        "opacity-50 highlight:opacity-80 transition-opacity": !o
       },
       r
     ),
     "aria-label": t,
-    children: /* @__PURE__ */ o(C, { icon: Ne, size: n === "lg" ? "xl" : n === "md" ? "lg" : void 0 })
+    children: /* @__PURE__ */ a(N, { icon: Ne, size: n === "lg" ? "xl" : n === "md" ? "lg" : void 0 })
   }
-)), J = v(({
+)), J = k(({
   borderless: e = !1,
   size: r = "md",
   feedback: t,
   variant: n = "default",
-  className: a,
+  className: o,
   disabled: s,
   ...l
-}, i) => /* @__PURE__ */ o(
+}, i) => /* @__PURE__ */ a(
   "input",
   {
     ref: i,
@@ -360,17 +360,17 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
           "group-[&]/card:bg-lm-input group-[&]/card:dark:bg-dm-input": !s
         }
       ],
-      a
+      o
     ),
     disabled: s,
     ...l
   }
 )), Z = ({ required: e, children: r, className: t, ...n }) => /* @__PURE__ */ g("label", { className: d("cursor-pointer", t), ...n, children: [
   r,
-  e && /* @__PURE__ */ o("span", { className: "text-danger ml-1", "data-testid": "required-indicator", children: "*" })
+  e && /* @__PURE__ */ a("span", { className: "text-danger ml-1", "data-testid": "required-indicator", children: "*" })
 ] }), V = ({ children: e, helpText: r, error: t, "data-testid": n }) => /* @__PURE__ */ g("div", { className: "flex flex-col gap-1", "data-testid": n, children: [
   e,
-  r && /* @__PURE__ */ o(
+  r && /* @__PURE__ */ a(
     "small",
     {
       "data-testid": n ? `${n}-help-text` : "help-text",
@@ -378,38 +378,38 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
       children: r
     }
   ),
-  t && /* @__PURE__ */ o("span", { "data-testid": n ? `${n}-error` : "error", className: "text-danger", children: t })
-] }), nr = v(({ label: e, inputClassName: r, required: t, hiddenRequired: n, error: a, helpText: s, "data-testid": l, ...i }, c) => {
-  const m = M();
-  return /* @__PURE__ */ g(V, { error: a, helpText: s, "data-testid": l, children: [
-    /* @__PURE__ */ o(Z, { htmlFor: m, required: t, children: e }),
-    /* @__PURE__ */ o(
+  t && /* @__PURE__ */ a("span", { "data-testid": n ? `${n}-error` : "error", className: "text-danger", children: t })
+] }), or = k(({ label: e, inputClassName: r, required: t, hiddenRequired: n, error: o, helpText: s, "data-testid": l, ...i }, c) => {
+  const u = S();
+  return /* @__PURE__ */ g(V, { error: o, helpText: s, "data-testid": l, children: [
+    /* @__PURE__ */ a(Z, { htmlFor: u, required: t, children: e }),
+    /* @__PURE__ */ a(
       J,
       {
         ref: c,
-        id: m,
+        id: u,
         className: r,
         required: t || n,
-        feedback: a ? "error" : void 0,
+        feedback: o ? "error" : void 0,
         ...i
       }
     )
   ] });
-}), tt = v(({ containerClassName: e, className: r, size: t, ...n }, a) => {
-  const { flag: s, toggle: l, setToFalse: i } = ue(), c = T(null), m = k(({ relatedTarget: f }) => {
-    c.current?.contains(f) || i();
+}), tt = k(({ containerClassName: e, className: r, size: t, ...n }, o) => {
+  const { flag: s, toggle: l, setToFalse: i } = ue(), c = C(null), u = w(({ relatedTarget: b }) => {
+    c.current?.contains(b) || i();
   }, [c, i]);
   return /* @__PURE__ */ g(
     "div",
     {
       className: d("group relative", e),
       ref: c,
-      onBlurCapture: m,
+      onBlurCapture: u,
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ a(
           J,
           {
-            ref: a,
+            ref: o,
             type: s ? "text" : "password",
             className: d(
               {
@@ -423,7 +423,7 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
             ...n
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ a(
           "button",
           {
             type: "button",
@@ -439,35 +439,35 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
               }
             ),
             tabIndex: -1,
-            children: /* @__PURE__ */ o(C, { icon: s ? Ce : Te })
+            children: /* @__PURE__ */ a(N, { icon: s ? Ce : Te })
           }
         )
       ]
     }
   );
-}), or = v(({ label: e, inputClassName: r, required: t, hiddenRequired: n, error: a, helpText: s, "data-testid": l, ...i }, c) => {
-  const m = M();
-  return /* @__PURE__ */ g(V, { error: a, helpText: s, "data-testid": l, children: [
-    /* @__PURE__ */ o(Z, { htmlFor: m, required: t, children: e }),
-    /* @__PURE__ */ o(
+}), ar = k(({ label: e, inputClassName: r, required: t, hiddenRequired: n, error: o, helpText: s, "data-testid": l, ...i }, c) => {
+  const u = S();
+  return /* @__PURE__ */ g(V, { error: o, helpText: s, "data-testid": l, children: [
+    /* @__PURE__ */ a(Z, { htmlFor: u, required: t, children: e }),
+    /* @__PURE__ */ a(
       tt,
       {
         ref: c,
-        id: m,
+        id: u,
         className: r,
         required: t || n,
-        feedback: a ? "error" : void 0,
+        feedback: o ? "error" : void 0,
         ...i
       }
     )
   ] });
-}), rt = v(({
+}), rt = k(({
   className: e,
   size: r = "md",
   feedback: t,
   disabled: n,
-  ...a
-}, s) => /* @__PURE__ */ o(
+  ...o
+}, s) => /* @__PURE__ */ a(
   "select",
   {
     ref: s,
@@ -489,44 +489,44 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
       e
     ),
     disabled: n,
-    ...a
+    ...o
   }
-)), ar = v(({ selectClassName: e, label: r, error: t, helpText: n, required: a, hiddenRequired: s, "data-testid": l, ...i }, c) => {
-  const m = M();
+)), sr = k(({ selectClassName: e, label: r, error: t, helpText: n, required: o, hiddenRequired: s, "data-testid": l, ...i }, c) => {
+  const u = S();
   return /* @__PURE__ */ g(V, { error: t, helpText: n, "data-testid": l, children: [
-    /* @__PURE__ */ o(Z, { htmlFor: m, required: a, children: r }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ a(Z, { htmlFor: u, required: o, children: r }),
+    /* @__PURE__ */ a(
       rt,
       {
         ref: c,
-        id: m,
+        id: u,
         className: e,
-        required: a || s,
+        required: o || s,
         feedback: t ? "error" : void 0,
         ...i
       }
     )
   ] });
-}), nt = v(({
+}), nt = k(({
   onChange: e,
   containerClassName: r,
   inputClassName: t,
   // 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: o = !1,
   variant: s = "default",
   immediate: l = !1,
   ...i
 }, c) => {
-  const { setTimeout: m, clearCurrentTimeout: f } = me(500), w = k((x) => {
-    !x || l ? (f(), e(x)) : m(() => e(x));
-  }, [f, l, e, m]);
+  const { setTimeout: u, clearCurrentTimeout: b } = me(500), x = w((f) => {
+    !f || l ? (b(), e(f)) : u(() => e(f));
+  }, [b, l, e, u]);
   return /* @__PURE__ */ g("div", { className: d("group relative focus-within:z-10", r), children: [
-    s === "default" && /* @__PURE__ */ o(
-      C,
+    s === "default" && /* @__PURE__ */ a(
+      N,
       {
-        icon: a ? se : Ae,
-        spin: a,
+        icon: o ? ae : Ae,
+        spin: o,
         className: d(
           "absolute top-[50%] translate-y-[-50%] transition-colors",
           "text-placeholder group-focus-within:text-lm-text dark:group-focus-within:text-dm-text",
@@ -537,7 +537,7 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
         )
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ a(
       J,
       {
         ref: c,
@@ -551,7 +551,7 @@ const j = W(void 0), F = W({ responsive: !0, size: "md" }), Xe = ({ children: e,
           t
         ),
         placeholder: "Search...",
-        onChange: (x) => w(x.target.value),
+        onChange: (f) => x(f.target.value),
         size: n,
         ...i
       }
@@ -563,22 +563,22 @@ function ot({
   onSearch: r,
   onSelectSearchResult: t,
   renderSearchResult: n,
-  size: a = "md",
+  size: o = "md",
   // SearchInput defaults its size to 'lg'. Change it to 'md'
   listboxSpan: s = "full",
   onFocus: l,
   containerClassName: i,
   listboxClassName: c,
-  ...m
-}, f) {
-  const w = M(), [x, h] = P(), u = T(null);
-  we(f, () => u.current);
-  const p = E(
-    () => e ? x ?? [...e.keys()][0] : void 0,
-    [x, e]
-  ), b = k((y) => {
-    t(y), r(""), u.current.value = "";
-  }, [r, t, u]);
+  ...u
+}, b) {
+  const x = S(), [f, h] = L(), p = C(null);
+  we(b, () => p.current);
+  const m = P(
+    () => e ? f ?? [...e.keys()][0] : void 0,
+    [f, e]
+  ), v = w((y) => {
+    t(y), r(""), p.current.value = "";
+  }, [r, t, p]);
   return /* @__PURE__ */ g(
     "div",
     {
@@ -587,32 +587,32 @@ function ot({
         y.currentTarget.contains(y.relatedTarget) || r("");
       },
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ a(
           nt,
           {
             onChange: r,
-            size: a,
-            ref: u,
+            size: o,
+            ref: p,
             role: "combobox",
             "aria-autocomplete": "list",
             "aria-expanded": !!e,
-            "aria-controls": w,
-            "aria-activedescendant": p ? `${w}_${p}` : void 0,
+            "aria-controls": x,
+            "aria-activedescendant": m ? `${x}_${m}` : void 0,
             autoComplete: "off",
             autoCorrect: "off",
             onFocus: (y) => {
               l?.(y), r(y.target.value);
             },
-            ...m
+            ...u
           }
         ),
-        e && /* @__PURE__ */ o(
+        e && /* @__PURE__ */ a(
           Ye,
           {
-            id: w,
+            id: x,
             items: e,
-            anchor: u,
-            onSelectItem: b,
+            anchor: p,
+            onSelectItem: v,
             onActiveItemChange: h,
             renderItem: n,
             className: d(
@@ -631,8 +631,8 @@ function ot({
     }
   );
 }
-const at = v(ot), st = ({ name: e, color: r }) => /* @__PURE__ */ g("div", { className: "inline-flex items-center gap-2", children: [
-  /* @__PURE__ */ o("div", { "aria-hidden": !0, className: "w-4 h-4 rounded-full", style: { backgroundColor: r } }),
+const at = k(ot), st = ({ name: e, color: r }) => /* @__PURE__ */ g("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 } }),
   e
 ] }), lt = ({ tag: e, color: r, size: t, onRemove: n }) => (
   // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
@@ -649,47 +649,34 @@ const at = v(ot), st = ({ name: e, color: r }) => /* @__PURE__ */ g("div", { cla
       ),
       style: {
         backgroundColor: r,
-        color: mt(r) ? "#000" : "#fff"
+        color: ct(r) ? "#000" : "#fff"
       },
-      onClick: (a) => a.stopPropagation(),
+      onClick: (o) => o.stopPropagation(),
       children: [
         e,
-        /* @__PURE__ */ o(Y, { label: `Remove ${e}`, solid: !0, size: "sm", onClick: () => n(e) })
+        /* @__PURE__ */ a(Y, { label: `Remove ${e}`, solid: !0, size: "sm", onClick: () => n(e) })
       ]
     }
   )
-), it = /\s+/g, re = "#99a1af", ne = (e) => e.trim().toLowerCase().replace(it, "-"), sr = ({
+), re = "#99a1af", lr = ({
   tags: e,
   selectedTags: r = [],
   onTagsChange: t,
   getColorForTag: n,
-  searchMode: a = "startsWith",
+  searchMode: o = "startsWith",
   immutable: s = !1,
   size: l = "md",
   disabled: i,
   containerClassName: c,
-  ...m
+  ...u
 }) => {
-  const [f, w] = P(), x = k((b) => {
-    const y = b.toLowerCase().trim();
-    if (!y) {
-      w(void 0);
-      return;
-    }
-    const A = e.filter((N) => {
-      if (r.includes(N))
-        return !1;
-      const D = N.toLowerCase();
-      return a === "startsWith" ? D.startsWith(y) : D.includes(y);
-    }).slice(0, 5);
-    s || A.push(`Add "${y.split(",").map(ne).join(",")}" tag`), w(new Map(A.map((N) => [N, N])));
-  }, [s, a, r, e]), h = k((b) => {
-    const A = (b.match(/Add\s+"([^"]+)"\s+tag/)?.[1] ?? b).split(",").map(ne);
-    t?.([.../* @__PURE__ */ new Set([...r, ...A])]);
-  }, [t, r]), u = k(
-    (b) => t?.(r.filter((y) => y !== b)),
+  const { searchResults: b, onSearch: x } = yt({ tags: e, selectedTags: r, searchMode: o, allowAdding: !s }), f = w((m) => {
+    const y = (m.match(/Add\s+"([^"]+)"\s+tag/)?.[1] ?? m).split(",").map(ce);
+    t?.([.../* @__PURE__ */ new Set([...r, ...y])]);
+  }, [t, r]), h = w(
+    (m) => t?.(r.filter((v) => v !== m)),
     [t, r]
-  ), p = T(null);
+  ), p = C(null);
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
     /* @__PURE__ */ g(
@@ -710,15 +697,15 @@ const at = v(ot), st = ({ name: e, color: r }) => /* @__PURE__ */ g("div", { cla
           },
           c
         ),
-        onClick: (b) => {
-          b.target !== p.current && p.current?.focus();
+        onClick: (m) => {
+          m.target !== p.current && p.current?.focus();
         },
         children: [
-          /* @__PURE__ */ o("ul", { className: "m-0 p-0 flex flex-wrap gap-1", children: r.map((b, y) => {
-            const A = n?.(b) ?? re;
-            return /* @__PURE__ */ o(lt, { tag: b, color: A, onRemove: u, size: l }, `${b}${y}`);
+          /* @__PURE__ */ a("ul", { className: "m-0 p-0 flex flex-wrap gap-1", children: r.map((m, v) => {
+            const y = n?.(m) ?? re;
+            return /* @__PURE__ */ a(lt, { tag: m, color: y, onRemove: h, size: l }, `${m}${v}`);
           }) }),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ a(
             at,
             {
               variant: "unstyled",
@@ -733,26 +720,26 @@ const at = v(ot), st = ({ name: e, color: r }) => /* @__PURE__ */ g("div", { cla
                   "px-3 text-xl": l === "lg"
                 }
               ),
-              searchResults: f,
+              searchResults: b,
               onSearch: x,
-              onSelectSearchResult: h,
-              renderSearchResult: (b) => b.match(/Add\s+"([^"]+)"\s+tag/) ? b : /* @__PURE__ */ o(st, { name: b, color: n?.(b) ?? re }),
-              onKeyDown: (b) => {
-                b.key === "Backspace" && !f && u(r[r.length - 1]);
+              onSelectSearchResult: f,
+              renderSearchResult: (m) => m.match(/Add\s+"([^"]+)"\s+tag/) ? m : /* @__PURE__ */ a(st, { name: m, color: n?.(m) ?? re }),
+              onKeyDown: (m) => {
+                m.key === "Backspace" && !b && h(r[r.length - 1]);
               },
               size: l,
               disabled: i,
               ref: p,
               immediate: !0,
-              ...m
+              ...u
             }
           )
         ]
       }
     )
   );
-}, lr = v(({ className: e, ...r }, t) => /* @__PURE__ */ o(
-  ce,
+}, ir = k(({ className: e, ...r }, t) => /* @__PURE__ */ a(
+  de,
   {
     ref: t,
     className: d(
@@ -765,47 +752,47 @@ const at = v(ot), st = ({ name: e, color: r }) => /* @__PURE__ */ g("div", { cla
     ...r
   }
 ));
-function dt(e, { elementsSelector: r, focusFirstItem: t = !1, vertical: n = !0, horizontal: a = !0 }) {
-  const s = E(() => {
+function it(e, { elementsSelector: r, focusFirstItem: t = !1, vertical: n = !0, horizontal: o = !0 }) {
+  const s = P(() => {
     const c = [];
-    return n && c.push("ArrowDown"), a && c.push("ArrowRight"), c;
-  }, [a, n]), l = E(() => {
+    return n && c.push("ArrowDown"), o && c.push("ArrowRight"), c;
+  }, [o, n]), l = P(() => {
     const c = [];
-    return n && c.push("ArrowUp"), a && c.push("ArrowLeft"), c;
-  }, [a, n]), i = E(() => [...s, ...l], [s, l]);
+    return n && c.push("ArrowUp"), o && c.push("ArrowLeft"), c;
+  }, [o, n]), i = P(() => [...s, ...l], [s, l]);
   R(() => {
     const c = e.current;
     if (!c)
       return () => {
       };
-    const m = new AbortController(), f = () => [...c.querySelectorAll(r)], w = f(), x = Math.max(w.findIndex((h) => h.dataset.selected === "true"), 0);
-    return w.forEach((h, u) => {
-      h.tabIndex = u === x ? 0 : -1, t && u === x && h.focus();
+    const u = new AbortController(), b = () => [...c.querySelectorAll(r)], x = b(), f = Math.max(x.findIndex((h) => h.dataset.selected === "true"), 0);
+    return x.forEach((h, p) => {
+      h.tabIndex = p === f ? 0 : -1, t && p === f && h.focus();
     }), c.addEventListener("keydown", (h) => {
       if (!i.includes(h.key))
         return;
       h.preventDefault();
-      const u = f(), p = u.findIndex((y) => y.tabIndex === 0), b = s.includes(h.key) ? u[p + 1] ?? u[0] : u[p - 1] ?? u[u.length - 1];
-      u.forEach((y) => {
+      const p = b(), m = p.findIndex((y) => y.tabIndex === 0), v = s.includes(h.key) ? p[m + 1] ?? p[0] : p[m - 1] ?? p[p.length - 1];
+      p.forEach((y) => {
         y.tabIndex = -1;
-      }), b.tabIndex = 0, b.focus();
-    }, { signal: m.signal }), () => m.abort();
+      }), v.tabIndex = 0, v.focus();
+    }, { signal: u.signal }), () => u.abort();
   }, [i, e, r, t, s]);
 }
-const ir = () => {
+const dr = () => {
   const e = ke();
-  return k(() => e(-1), [e]);
-}, ct = 128;
-function mt(e) {
+  return w(() => e(-1), [e]);
+}, dt = 128;
+function ct(e) {
   const [r, t, n] = (e.match(/../g) ?? []).map((s) => parseInt(s, 16) || 0);
-  return Math.round(Math.sqrt(0.299 * r ** 2 + 0.587 * t ** 2 + 0.114 * n ** 2)) >= ct;
+  return Math.round(Math.sqrt(0.299 * r ** 2 + 0.587 * t ** 2 + 0.114 * n ** 2)) >= dt;
 }
-const dr = ({ text: e, className: r, size: t = "lg", initialCopied: n = !1, navigator_: a = globalThis.navigator, ...s }) => {
-  const [l, i] = gt({ initialValue: n }), c = k(
-    () => a.clipboard.writeText(e).then(i),
-    [a.clipboard, e, i]
+const cr = ({ text: e, className: r, size: t = "lg", initialCopied: n = !1, navigator_: o = globalThis.navigator, ...s }) => {
+  const [l, i] = kt({ initialValue: n }), c = w(
+    () => o.clipboard.writeText(e).then(i),
+    [o.clipboard, e, i]
   );
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(
     "button",
     {
       type: "button",
@@ -822,55 +809,73 @@ const dr = ({ text: e, className: r, size: t = "lg", initialCopied: n = !1, navi
       title: "Copy to clipboard",
       onClick: c,
       ...s,
-      children: /* @__PURE__ */ o(C, { icon: l ? Ie : je })
+      children: /* @__PURE__ */ a(N, { icon: l ? Ie : je })
     }
   );
-}, ut = (e) => {
+}, mt = (e) => {
   const r = new URLSearchParams(e), t = {};
-  return r.forEach((n, a) => {
-    if (a.endsWith("[]")) {
-      const s = a.slice(0, -2);
+  return r.forEach((n, o) => {
+    if (o.endsWith("[]")) {
+      const s = o.slice(0, -2);
       t[s] ??= [], t[s].push(n);
     } else
-      t[a] = n;
+      t[o] = n;
   }), t;
-}, cr = (e) => {
+}, mr = (e) => {
   const r = new URLSearchParams();
   for (const [t, n] of Object.entries(e))
-    n !== void 0 && (Array.isArray(n) ? n.forEach((a) => r.append(`${t}[]`, `${a}`)) : r.append(t, `${n}`));
+    n !== void 0 && (Array.isArray(n) ? n.forEach((o) => r.append(`${t}[]`, `${o}`)) : r.append(t, `${n}`));
   return r.toString();
-}, mr = () => {
-  const { search: e } = ae();
-  return E(() => ut(e), [e]);
-};
+}, ur = () => {
+  const { search: e } = oe();
+  return P(() => mt(e), [e]);
+}, ut = /\s+/g, ce = (e) => e.trim().toLowerCase().replace(ut, "-"), pt = new Intl.NumberFormat("en-US"), gt = (e) => pt.format(Number(e)), ne = 10, pr = (e) => Math.ceil(e / ne) * ne, D = 2, G = "...", bt = (e, r) => Array.from({ length: r - e }, (t, n) => e + n), ht = (e, r) => {
+  const t = bt(
+    Math.max(D, e - D),
+    Math.min(r - 1, e + D) + 1
+  );
+  return e - D > D && t.unshift(G), e + D < r - 1 && t.push(G), t.unshift(1), t.push(r), t;
+}, F = (e) => e === G, ft = (e) => F(e) ? e : gt(e), xt = (e, r) => F(e) ? `${e}_${r}` : `${e}`;
+function yt({ tags: e, selectedTags: r, searchMode: t, searchLimit: n = 5, allowAdding: o = !1 }) {
+  const [s, l] = L(), i = w((c) => {
+    const u = c.toLowerCase().trim();
+    if (!u) {
+      l(void 0);
+      return;
+    }
+    const b = e.filter((x) => r.includes(x) ? !1 : x.toLowerCase()[t](u)).slice(0, n);
+    o && b.push(`Add "${u.split(",").map(ce).join(",")}" tag`), l(new Map(b.map((x) => [x, x])));
+  }, [o, n, t, r, e]);
+  return { searchResults: s, onSearch: i };
+}
 function me(e, r = globalThis.setTimeout, t = globalThis.clearTimeout) {
-  const n = T(null), a = k(() => {
+  const n = C(null), o = w(() => {
     n.current && t(n.current);
-  }, [t]), s = k((l, i) => {
-    a(), n.current = r(() => {
+  }, [t]), s = w((l, i) => {
+    o(), n.current = r(() => {
       l(), n.current = null;
     }, i ?? e);
-  }, [a, e, r]);
-  return R(() => a, [a]), E(
-    () => ({ setTimeout: s, clearCurrentTimeout: a }),
-    [a, s]
+  }, [o, e, r]);
+  return R(() => o, [o]), P(
+    () => ({ setTimeout: s, clearCurrentTimeout: o }),
+    [o, s]
   );
 }
-const pt = 2e3, gt = ({ initialValue: e = !1, delay: r = pt } = {}, t = globalThis.setTimeout, n = globalThis.clearTimeout) => {
-  const { setTimeout: a } = me(r, t, n), [s, l] = P(e), i = T(e), c = k(() => {
-    l(!i.current), a(() => l(i.current));
-  }, [a]);
+const wt = 2e3, kt = ({ initialValue: e = !1, delay: r = wt } = {}, t = globalThis.setTimeout, n = globalThis.clearTimeout) => {
+  const { setTimeout: o } = me(r, t, n), [s, l] = L(e), i = C(e), c = w(() => {
+    l(!i.current), o(() => l(i.current));
+  }, [o]);
   return [s, c];
 };
 function ue(e = !1) {
-  const [r, t] = P(e), n = k(() => t((l) => !l), []), a = k(() => t(!0), []), s = k(() => t(!1), []);
-  return { flag: r, toggle: n, setToTrue: a, setToFalse: s };
+  const [r, t] = L(e), n = w(() => t((l) => !l), []), o = w(() => t(!0), []), s = w(() => t(!1), []);
+  return { flag: r, toggle: n, setToTrue: o, setToFalse: s };
 }
-const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ...a }) => {
-  const s = "to" in a && typeof a.to == "string", l = s ? q : "button", { onItemClick: i } = S(pe);
+const pe = K({}), vt = ({ className: e, selected: r, disabled: t, onClick: n, ...o }) => {
+  const s = "to" in o && typeof o.to == "string", l = s ? W : "button", { onItemClick: i } = E(pe);
   return (
     // @ts-expect-error The Tag is inferred from provided props, so they should always match
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ a(
       l,
       {
         role: "menuitem",
@@ -895,14 +900,14 @@ const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ..
         onClick: (c) => {
           n?.(c), i?.();
         },
-        ...a
+        ...o
       }
     )
   );
-}, ht = () => (
+}, Nt = () => (
   // TODO Use an <hr /> tag once tailwind styles are not set with !important
-  /* @__PURE__ */ o("div", { role: "separator", "aria-hidden": !0, className: "border-b border-lm-border dark:border-dm-border my-2" })
-), ft = ({ children: e }) => /* @__PURE__ */ o(
+  /* @__PURE__ */ a("div", { role: "separator", "aria-hidden": !0, className: "border-b border-lm-border dark:border-dm-border my-2" })
+), Ct = ({ children: e }) => /* @__PURE__ */ a(
   "div",
   {
     role: "heading",
@@ -915,77 +920,77 @@ const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ..
     onClick: (r) => r.stopPropagation(),
     children: e
   }
-), xt = ({ className: e, ...r }) => /* @__PURE__ */ o("div", { className: d("px-3 py-1.5", e), ...r }), yt = ({
+), Tt = ({ className: e, ...r }) => /* @__PURE__ */ a("div", { className: d("px-3 py-1.5", e), ...r }), At = ({
   children: e,
   className: r,
   focusableElementsSelector: t = '[role="menuitem"]:not([disabled]):not([aria-disabled])',
   focusFirstItem: n = !1,
-  onItemClick: a,
+  onItemClick: o,
   ...s
 }) => {
-  const l = T(null);
-  return dt(l, { elementsSelector: t, focusFirstItem: n }), /* @__PURE__ */ o(O, { ref: l, role: "menu", className: d("py-2 whitespace-nowrap", r), ...s, children: /* @__PURE__ */ o(pe.Provider, { value: { onItemClick: a }, children: e }) });
-}, B = Object.assign(yt, { Item: bt, Separator: ht, Title: ft, Misc: xt }), wt = ({
+  const l = C(null);
+  return it(l, { elementsSelector: t, focusFirstItem: n }), /* @__PURE__ */ a(I, { ref: l, role: "menu", className: d("py-2 whitespace-nowrap", r), ...s, children: /* @__PURE__ */ a(pe.Provider, { value: { onItemClick: o }, children: e }) });
+}, _ = Object.assign(At, { Item: vt, Separator: Nt, Title: Ct, Misc: Tt }), It = ({
   children: e,
   menuAlignment: r = "left",
   buttonVariant: t = "button",
   buttonContent: n,
-  buttonClassName: a,
+  buttonClassName: o,
   buttonSize: s = "md",
   buttonDisabled: l = !1,
   containerClassName: i,
   menuClassName: c,
-  caretless: m,
-  buttonLabel: f,
-  menuOffset: w = 3
+  caretless: u,
+  buttonLabel: b,
+  menuOffset: x = 3
 }) => {
-  const [x, h] = P(!1), u = k(() => h(!1), []), p = T(null), { refs: b, floatingStyles: y, context: A } = le({
-    open: x,
+  const [f, h] = L(!1), p = w(() => h(!1), []), m = C(null), { refs: v, floatingStyles: y, context: q } = se({
+    open: f,
     onOpenChange: h,
     placement: r === "right" ? "bottom-end" : "bottom-start",
-    middleware: [De(), Me(w)],
+    middleware: [De(), Me(x)],
     // eslint-disable-next-line react-compiler/react-compiler
-    elements: { reference: p.current }
-  }), N = _e(A), { getReferenceProps: D, getFloatingProps: U } = ie([
-    N
-  ]), G = M(), Q = T(null);
+    elements: { reference: m.current }
+  }), T = _e(q), { getReferenceProps: $, getFloatingProps: j } = le([
+    T
+  ]), U = S(), Q = C(null);
   return R(() => {
-    const I = Q.current;
-    if (!I || !x)
+    const A = Q.current;
+    if (!A || !f)
       return () => {
       };
     const z = new AbortController();
     return document.body.addEventListener("click", (ye) => {
-      ye.composedPath().includes(I) || u();
+      ye.composedPath().includes(A) || p();
     }, { signal: z.signal }), () => z.abort();
-  }, [u, x]), // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+  }, [p, f]), // eslint-disable-next-line jsx-a11y/no-static-element-interactions
   /* @__PURE__ */ g(
     "div",
     {
       ref: Q,
       className: d("relative inline-block", i),
-      onKeyDown: (I) => {
-        I.key === "Escape" && u();
+      onKeyDown: (A) => {
+        A.key === "Escape" && p();
       },
-      onBlur: (I) => {
-        I.relatedTarget && !Q.current.contains(I.relatedTarget) && u();
+      onBlur: (A) => {
+        A.relatedTarget && !Q.current.contains(A.relatedTarget) && p();
       },
       children: [
         /* @__PURE__ */ g(
           "button",
           {
-            ref: p,
-            ...D(),
+            ref: m,
+            ...$(),
             type: "button",
             "aria-haspopup": !0,
-            "aria-expanded": x,
-            "aria-controls": G,
-            "aria-label": f,
+            "aria-expanded": f,
+            "aria-controls": U,
+            "aria-label": b,
             disabled: l,
             className: d(
               "flex items-center rounded-md focus-ring",
               {
-                "justify-between": !m,
+                "justify-between": !u,
                 "cursor-pointer": !l,
                 "pointer-events-none opacity-50": l,
                 // Button variant
@@ -1003,32 +1008,32 @@ const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ..
                 "gap-x-1.5": s === "sm",
                 "gap-x-2": s !== "sm"
               },
-              a
+              o
             ),
-            onKeyDown: (I) => {
-              I.key === "ArrowDown" && (I.preventDefault(), h(!0));
+            onKeyDown: (A) => {
+              A.key === "ArrowDown" && (A.preventDefault(), h(!0));
             },
             children: [
               n,
-              !m && /* @__PURE__ */ o(C, { icon: Oe, size: "xs", widthAuto: !0 })
+              !u && /* @__PURE__ */ a(N, { icon: Oe, size: "xs", widthAuto: !0 })
             ]
           }
         ),
-        x && /* @__PURE__ */ o(
+        f && /* @__PURE__ */ a(
           "div",
           {
-            ref: b.setFloating,
+            ref: v.setFloating,
             style: y,
             className: "min-w-full z-500",
-            ...U(),
-            children: /* @__PURE__ */ o(
-              B,
+            ...j(),
+            children: /* @__PURE__ */ a(
+              _,
               {
                 className: c,
-                id: G,
+                id: U,
                 focusableElementsSelector: '[role="menuitem"]:not([disabled]):not([aria-disabled]),input:not([disabled]),select:not([disabled])',
                 focusFirstItem: !0,
-                onItemClick: u,
+                onItemClick: p,
                 children: e
               }
             )
@@ -1037,12 +1042,12 @@ const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ..
       ]
     }
   );
-}, L = Object.assign(wt, {
-  Item: B.Item,
-  Separator: B.Separator,
-  Title: B.Title,
-  Misc: B.Misc
-}), kt = v(({ className: e, disabled: r, size: t = "md", type: n = "button", ...a }, s) => /* @__PURE__ */ o(
+}, O = Object.assign(It, {
+  Item: _.Item,
+  Separator: _.Separator,
+  Title: _.Title,
+  Misc: _.Misc
+}), Ot = k(({ className: e, disabled: r, size: t = "md", type: n = "button", ...o }, s) => /* @__PURE__ */ a(
   "button",
   {
     className: d(
@@ -1060,11 +1065,11 @@ const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ..
     ),
     disabled: r,
     type: n,
-    ...a,
+    ...o,
     ref: s
   }
-)), vt = ({ className: e, active: r, ...t }) => /* @__PURE__ */ o("li", { role: "menuitem", className: "w-full flex", "data-active": r, children: /* @__PURE__ */ o(
-  q,
+)), Rt = ({ className: e, active: r, ...t }) => /* @__PURE__ */ a("li", { role: "menuitem", className: "w-full flex", "data-active": r, children: /* @__PURE__ */ a(
+  W,
   {
     className: d(
       "px-2 py-3",
@@ -1078,8 +1083,8 @@ const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ..
     ),
     ...t
   }
-) }), Nt = ({ containerClassName: e, buttonClassName: r, menuClassName: t, active: n, ...a }) => /* @__PURE__ */ o("li", { role: "menuitem", "aria-haspopup": !0, className: "w-full flex", "data-active": n, children: /* @__PURE__ */ o(
-  L,
+) }), Lt = ({ containerClassName: e, buttonClassName: r, menuClassName: t, active: n, ...o }) => /* @__PURE__ */ a("li", { role: "menuitem", "aria-haspopup": !0, className: "w-full flex", "data-active": n, children: /* @__PURE__ */ a(
+  O,
   {
     containerClassName: d("max-md:w-full", e),
     buttonVariant: "text",
@@ -1096,10 +1101,10 @@ const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ..
     menuAlignment: "right",
     menuOffset: -3,
     menuClassName: d("mx-2", t),
-    ...a
+    ...o
   }
-) }), Ct = ({ className: e, brand: r, children: t }) => {
-  const { flag: n, toggle: a, setToFalse: s } = ue(), l = M(), i = M(), { pathname: c } = ae();
+) }), Pt = ({ className: e, brand: r, children: t }) => {
+  const { flag: n, toggle: o, setToFalse: s } = ue(), l = S(), i = S(), { pathname: c } = oe();
   return R(() => s(), [c, s]), /* @__PURE__ */ g(
     "nav",
     {
@@ -1111,7 +1116,7 @@ const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ..
       ),
       children: [
         /* @__PURE__ */ g("div", { className: "w-full relative", children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ a(
             "h4",
             {
               className: d(
@@ -1121,8 +1126,8 @@ const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ..
               children: r
             }
           ),
-          /* @__PURE__ */ o(
-            de,
+          /* @__PURE__ */ a(
+            ie,
             {
               id: i,
               variant: "secondary",
@@ -1132,14 +1137,14 @@ const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ..
                 "opacity-60 highlight:opacity-100 transition-opacity",
                 "[&]:text-white [&]:border-white [&]:highlight:bg-transparent"
               ),
-              onClick: a,
+              onClick: o,
               "aria-label": `${n ? "Hide" : "Show"} menu`,
               "aria-controls": l,
-              children: /* @__PURE__ */ o(C, { icon: n ? Le : Re })
+              children: /* @__PURE__ */ a(N, { icon: n ? Re : Le })
             }
           )
         ] }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ a(
           "ul",
           {
             id: l,
@@ -1158,23 +1163,23 @@ const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ..
       ]
     }
   );
-}, ur = Object.assign(Ct, { MenuItem: vt, Dropdown: Nt }), ge = W(null), Tt = ({ className: e, to: r, ...t }) => {
-  const n = S(ge);
-  return /* @__PURE__ */ o(
+}, gr = Object.assign(Pt, { MenuItem: Rt, Dropdown: Lt }), ge = K(null), Et = ({ className: e, to: r, ...t }) => {
+  const n = E(ge);
+  return /* @__PURE__ */ a(
     ve,
     {
       role: "menuitem",
       to: r,
-      className: ({ isActive: a }) => d(
+      className: ({ isActive: o }) => d(
         "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": o,
+          "border-b-lm-brand dark:border-b-dm-brand active": o,
+          "border-b-transparent text-gray-500": !o,
           "flex-grow": n?.fill
         },
         e
@@ -1182,13 +1187,7 @@ const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ..
       ...t
     }
   );
-}, At = ({ children: e, className: r, fill: t }) => /* @__PURE__ */ o(ge.Provider, { value: { fill: t }, children: /* @__PURE__ */ o(O, { role: "menubar", className: d("flex overflow-hidden", r), children: e }) }), pr = Object.assign(At, { Pill: Tt }), It = new Intl.NumberFormat("en-US"), Ot = (e) => It.format(Number(e)), oe = 10, gr = (e) => Math.ceil(e / oe) * oe, _ = 2, K = "...", Lt = (e, r) => Array.from({ length: r - e }, (t, n) => e + n), Rt = (e, r) => {
-  const t = Lt(
-    Math.max(_, e - _),
-    Math.min(r - 1, e + _) + 1
-  );
-  return e - _ > _ && t.unshift(K), e + _ < r - 1 && t.push(K), t.unshift(1), t.push(r), t;
-}, H = (e) => e === K, Pt = (e) => H(e) ? e : Ot(e), Et = (e, r) => H(e) ? `${e}_${r}` : `${e}`, be = [
+}, St = ({ children: e, className: r, fill: t }) => /* @__PURE__ */ a(ge.Provider, { value: { fill: t }, children: /* @__PURE__ */ a(I, { role: "menubar", className: d("flex overflow-hidden", r), children: e }) }), br = Object.assign(St, { Pill: Et }), be = [
   "border border-r-0 last:border-r border-lm-border dark:border-dm-border",
   "rounded-none first:rounded-l last:rounded-r"
 ], he = (e = !1) => d(
@@ -1201,39 +1200,39 @@ const pe = W({}), bt = ({ className: e, selected: r, disabled: t, onClick: n, ..
     "highlight:bg-lm-secondary dark:highlight:bg-dm-secondary"
   ],
   e && "bg-lm-main dark:bg-dm-main text-white"
-), X = ({ children: e }) => /* @__PURE__ */ o("span", { "aria-hidden": !0, className: d(be, "px-3 py-2 text-gray-400"), children: e }), fe = () => /* @__PURE__ */ o(X, { children: K });
-function St({ children: e, active: r, isEllipsis: t, href: n, ...a }) {
-  const s = E(() => he(r), [r]);
-  return t ? /* @__PURE__ */ o(fe, {}) : /* @__PURE__ */ o(q, { className: s, to: n, ...a, "data-active": r, children: e });
+), X = ({ children: e }) => /* @__PURE__ */ a("span", { "aria-hidden": !0, className: d(be, "px-3 py-2 text-gray-400"), children: e }), fe = () => /* @__PURE__ */ a(X, { children: G });
+function Dt({ children: e, active: r, isEllipsis: t, href: n, ...o }) {
+  const s = P(() => he(r), [r]);
+  return t ? /* @__PURE__ */ a(fe, {}) : /* @__PURE__ */ a(W, { className: s, to: n, ...o, "data-active": r, children: e });
 }
-function Dt({ children: e, active: r, isEllipsis: t, ...n }) {
-  const a = E(() => he(r), [r]);
-  return t ? /* @__PURE__ */ o(fe, {}) : /* @__PURE__ */ o("button", { type: "button", className: a, ...n, "data-active": r, children: e });
+function Mt({ children: e, active: r, isEllipsis: t, ...n }) {
+  const o = P(() => he(r), [r]);
+  return t ? /* @__PURE__ */ a(fe, {}) : /* @__PURE__ */ a("button", { type: "button", className: o, ...n, "data-active": r, children: e });
 }
-const br = ({ currentPage: e, pagesCount: r, ...t }) => {
-  const n = "urlForPage" in t, a = n ? St : Dt, s = k(
-    (l) => n ? { href: H(l) ? void 0 : t.urlForPage(l) } : { onClick: () => !H(l) && t.onPageChange(l) },
+const hr = ({ currentPage: e, pagesCount: r, ...t }) => {
+  const n = "urlForPage" in t, o = n ? Dt : Mt, s = w(
+    (l) => n ? { href: F(l) ? void 0 : t.urlForPage(l) } : { onClick: () => !F(l) && t.onPageChange(l) },
     [n, t]
   );
   return r < 2 ? null : /* @__PURE__ */ g("div", { className: "select-none flex", "data-testid": "paginator", children: [
-    e === 1 ? /* @__PURE__ */ o(X, { children: /* @__PURE__ */ o(C, { size: "xs", icon: ee }) }) : /* @__PURE__ */ o(a, { ...s(Math.max(1, e - 1)), "aria-label": "Previous", children: /* @__PURE__ */ o(C, { size: "xs", icon: ee }) }),
-    Rt(e, r).map((l, i) => /* @__PURE__ */ o(
-      a,
+    e === 1 ? /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(N, { size: "xs", icon: ee }) }) : /* @__PURE__ */ a(o, { ...s(Math.max(1, e - 1)), "aria-label": "Previous", children: /* @__PURE__ */ a(N, { size: "xs", icon: ee }) }),
+    ht(e, r).map((l, i) => /* @__PURE__ */ a(
+      o,
       {
         active: l === e,
-        isEllipsis: H(l),
+        isEllipsis: F(l),
         ...s(l),
-        children: Pt(l)
+        children: ft(l)
       },
-      Et(l, i)
+      xt(l, i)
     )),
-    e === r ? /* @__PURE__ */ o(X, { children: /* @__PURE__ */ o(C, { size: "xs", icon: te }) }) : /* @__PURE__ */ o(a, { ...s(Math.min(r, e + 1)), "aria-label": "Next", children: /* @__PURE__ */ o(C, { size: "xs", icon: te }) })
+    e === r ? /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(N, { size: "xs", icon: te }) }) : /* @__PURE__ */ a(o, { ...s(Math.min(r, e + 1)), "aria-label": "Next", children: /* @__PURE__ */ a(N, { size: "xs", icon: te }) })
   ] });
-}, Mt = ({ buttonLabel: e = "Options", buttonSize: r = "md", ...t }) => /* @__PURE__ */ o(
-  L,
+}, _t = ({ buttonLabel: e = "Options", buttonSize: r = "md", ...t }) => /* @__PURE__ */ a(
+  O,
   {
-    buttonContent: /* @__PURE__ */ o(
-      C,
+    buttonContent: /* @__PURE__ */ a(
+      N,
       {
         icon: Pe,
         widthAuto: !0,
@@ -1245,31 +1244,31 @@ const br = ({ currentPage: e, pagesCount: r, ...t }) => {
     buttonSize: r,
     ...t
   }
-), hr = Object.assign(Mt, {
-  Item: L.Item,
-  Separator: L.Separator,
-  Title: L.Title,
-  Misc: L.Misc
-}), _t = ({
+), fr = Object.assign(_t, {
+  Item: O.Item,
+  Separator: O.Separator,
+  Title: O.Title,
+  Misc: O.Misc
+}), Ft = ({
   open: e,
   children: r,
   className: t,
   onClose: n,
-  ...a
+  ...o
 }) => {
-  const s = T(null);
+  const s = C(null);
   return R(() => {
     const l = document.body, i = l.style.overflow, c = l.style.paddingRight;
     if (e) {
-      const m = window.outerWidth - l.clientWidth, f = l.scrollHeight > l.clientHeight;
-      l.style.overflow = "hidden", f && (l.style.paddingRight = `${m}px`), s.current?.showModal();
+      const u = window.outerWidth - l.clientWidth, b = l.scrollHeight > l.clientHeight;
+      l.style.overflow = "hidden", b && (l.style.paddingRight = `${u}px`), s.current?.showModal();
     } else
       s.current?.close();
     return () => {
       l.style.overflow = i, l.style.paddingRight = c;
     };
   }, [e]), Ue(
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ a(
       "dialog",
       {
         ref: s,
@@ -1277,69 +1276,69 @@ const br = ({ currentPage: e, pagesCount: r, ...t }) => {
         onCancel: (l) => {
           l.preventDefault(), n();
         },
-        ...a,
+        ...o,
         children: e && r
       }
     ),
     document.body
   );
-}, fr = ({
+}, xr = ({
   open: e,
   onClose: r,
   variant: t = "default",
   title: n,
-  children: a,
+  children: o,
   className: s,
   ...l
 }) => {
   const {
     size: i = "md",
     confirmText: c = "Confirm",
-    cancelText: m = "Cancel",
-    confirmDisabled: f,
-    onConfirm: w,
-    onClosed: x,
+    cancelText: u = "Cancel",
+    confirmDisabled: b,
+    onConfirm: x,
+    onClosed: f,
     ...h
-  } = "onConfirm" in l ? l : { ...l }, [u, p] = P(e), b = T(null), y = T("cancel"), A = k((N) => {
-    N.preventDefault(), N.stopPropagation(), y.current = "confirm", w?.();
-  }, [w]);
+  } = "onConfirm" in l ? l : { ...l }, [p, m] = L(e), v = C(null), y = C("cancel"), q = w((T) => {
+    T.preventDefault(), T.stopPropagation(), y.current = "confirm", x?.();
+  }, [x]);
   return R(() => {
     if (e) {
-      y.current = "cancel", p(!0);
+      y.current = "cancel", m(!0);
       return;
     }
-    const N = b.current;
-    if (N) {
-      delete b.current.dataset.open;
-      let D = !1;
-      const U = (G) => {
-        D || G.target !== N || (D = !0, p(!1), x?.(y.current));
+    const T = v.current;
+    if (T) {
+      delete v.current.dataset.open;
+      let $ = !1;
+      const j = (U) => {
+        $ || U.target !== T || ($ = !0, m(!1), f?.(y.current));
       };
-      return N.addEventListener("transitionend", U), () => {
-        N.removeEventListener("transitionend", U);
+      return T.addEventListener("transitionend", j), () => {
+        T.removeEventListener("transitionend", j);
       };
     }
-  }, [x, e]), R(() => {
-    const N = b.current;
-    u && N && (N.dataset.open = "");
-  }, [u]), /* @__PURE__ */ o(
-    _t,
+  }, [f, e]), R(() => {
+    const T = v.current;
+    p && T && (T.dataset.open = "");
+  }, [p]), /* @__PURE__ */ a(
+    Ft,
     {
-      open: u,
+      open: p,
       onClose: r,
       className: d(
         {
-          "flex w-screen h-screen max-w-screen max-h-screen": u,
+          "flex w-screen h-screen max-w-screen max-h-screen": p,
           "overflow-hidden": t === "cover"
         },
         s
       ),
       ...h,
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ a(
         "form",
         {
           "data-testid": "transition-container",
-          ref: b,
+          ref: v,
           className: d(
             "w-full m-auto p-4 sm:p-6",
             // CSS transitions are based on the presence of the `data-open` attribute
@@ -1354,11 +1353,11 @@ const br = ({ currentPage: e, pagesCount: r, ...t }) => {
             },
             { "h-full": t === "cover" }
           ),
-          onSubmit: A,
-          children: /* @__PURE__ */ o(O, { className: d(
+          onSubmit: q,
+          children: /* @__PURE__ */ a(I, { className: d(
             "w-full",
             { "h-full relative overflow-auto": t === "cover" }
-          ), children: t === "cover" ? /* @__PURE__ */ g($, { children: [
+          ), children: t === "cover" ? /* @__PURE__ */ g(B, { children: [
             /* @__PURE__ */ g(
               "div",
               {
@@ -1369,23 +1368,23 @@ const br = ({ currentPage: e, pagesCount: r, ...t }) => {
                   "[text-shadow:_0_2px_4px_rgb(0_0_0/_0.8)]"
                 ),
                 children: [
-                  /* @__PURE__ */ o("h5", { children: n }),
-                  /* @__PURE__ */ o(Y, { onClick: r, label: "Close dialog" })
+                  /* @__PURE__ */ a("h5", { children: n }),
+                  /* @__PURE__ */ a(Y, { onClick: r, label: "Close dialog" })
                 ]
               }
             ),
-            a
-          ] }) : /* @__PURE__ */ g($, { children: [
-            /* @__PURE__ */ g(O.Header, { className: d(
+            o
+          ] }) : /* @__PURE__ */ g(B, { children: [
+            /* @__PURE__ */ g(I.Header, { className: d(
               "sticky top-0",
               "flex items-center justify-between gap-x-2"
             ), children: [
-              /* @__PURE__ */ o("h5", { className: d({ "text-danger": t === "danger" }), children: n }),
-              /* @__PURE__ */ o(Y, { onClick: r, label: "Close dialog" })
+              /* @__PURE__ */ a("h5", { className: d({ "text-danger": t === "danger" }), children: n }),
+              /* @__PURE__ */ a(Y, { onClick: r, label: "Close dialog" })
             ] }),
-            /* @__PURE__ */ o(O.Body, { children: a }),
-            w && /* @__PURE__ */ g(
-              O.Footer,
+            /* @__PURE__ */ a(I.Body, { children: o }),
+            x && /* @__PURE__ */ g(
+              I.Footer,
               {
                 "data-testid": "footer",
                 className: d(
@@ -1393,13 +1392,13 @@ const br = ({ currentPage: e, pagesCount: r, ...t }) => {
                   "[&]:px-3 sticky bottom-0"
                 ),
                 children: [
-                  /* @__PURE__ */ o(kt, { onClick: r, children: m }),
-                  /* @__PURE__ */ o(
-                    de,
+                  /* @__PURE__ */ a(Ot, { onClick: r, children: u }),
+                  /* @__PURE__ */ a(
+                    ie,
                     {
                       solid: !0,
                       variant: t === "danger" ? "danger" : "primary",
-                      disabled: f,
+                      disabled: b,
                       type: "submit",
                       children: c
                     }
@@ -1412,16 +1411,16 @@ const br = ({ currentPage: e, pagesCount: r, ...t }) => {
       )
     }
   );
-}, xr = ({ className: e, children: r, loading: t = !1, variant: n = "default" }) => /* @__PURE__ */ o(Qe, { className: d({ "[&]:border-danger": n === "error" }, e), children: /* @__PURE__ */ g("h3", { className: d("text-center", {
+}, yr = ({ className: e, children: r, loading: t = !1, variant: n = "default" }) => /* @__PURE__ */ a(Qe, { className: d({ "[&]:border-danger": n === "error" }, e), children: /* @__PURE__ */ g("h3", { className: d("text-center", {
   "text-gray-500 dark:text-gray-400": n === "default",
   "text-danger": n === "error"
 }), children: [
-  t && /* @__PURE__ */ g($, { children: [
-    /* @__PURE__ */ o(C, { icon: se, spin: !0 }),
-    /* @__PURE__ */ o("span", { className: "ml-2", children: r ?? "Loading..." })
+  t && /* @__PURE__ */ g(B, { children: [
+    /* @__PURE__ */ a(N, { icon: ae, spin: !0 }),
+    /* @__PURE__ */ a("span", { className: "ml-2", children: r ?? "Loading..." })
   ] }),
   !t && r
-] }) }), yr = ({ variant: e, className: r, size: t = "md", children: n }) => /* @__PURE__ */ o(
+] }) }), wr = ({ variant: e, className: r, size: t = "md", children: n }) => /* @__PURE__ */ a(
   "div",
   {
     className: d(
@@ -1439,40 +1438,40 @@ const br = ({ currentPage: e, pagesCount: r, ...t }) => {
     ),
     children: n
   }
-), wr = ({ placement: e = "auto" } = {}) => {
-  const r = T(null), t = (() => {
-    const p = [];
-    return e === "auto" && p.push(Fe()), p.push(Be({ element: r })), p;
-  })(), [n, a] = P(!1), { refs: s, floatingStyles: l, context: i, middlewareData: c } = le({
+), kr = ({ placement: e = "auto" } = {}) => {
+  const r = C(null), t = (() => {
+    const m = [];
+    return e === "auto" && m.push(Fe()), m.push(Be({ element: r })), m;
+  })(), [n, o] = L(!1), { refs: s, floatingStyles: l, context: i, middlewareData: c } = se({
     placement: e === "auto" ? void 0 : e,
     open: n,
-    onOpenChange: a,
+    onOpenChange: o,
     middleware: t
-  }), m = He(i, {
+  }), u = He(i, {
     delay: { open: 300 },
     move: !0
-  }), { getFloatingProps: f, getReferenceProps: w } = ie([m]), { isMounted: x, styles: h } = $e(i, { duration: 200 }), u = E(() => {
-    const p = i.placement.split("-")[0];
+  }), { getFloatingProps: b, getReferenceProps: x } = le([u]), { isMounted: f, styles: h } = $e(i, { duration: 200 }), p = P(() => {
+    const m = i.placement.split("-")[0];
     return {
       top: "bottom",
       right: "left",
       bottom: "top",
       left: "right"
-    }[p] ?? "";
+    }[m] ?? "";
   }, [i.placement]);
   return {
-    anchor: { ...w(), ref: s.setReference },
+    anchor: { ...x(), ref: s.setReference },
     tooltip: {
-      ...f(),
+      ...b(),
       refSetter: s.setFloating,
-      isMounted: x,
+      isMounted: f,
       styles: { ...l, ...h },
       arrowPos: c.arrow,
       arrowRef: r,
-      arrowSide: u
+      arrowSide: p
     }
   };
-}, kr = ({ children: e, isMounted: r, styles: t, refSetter: n, arrowRef: a, arrowPos: s, arrowSide: l, ...i }) => r && /* @__PURE__ */ o(
+}, vr = ({ children: e, isMounted: r, styles: t, refSetter: n, arrowRef: o, arrowPos: s, arrowSide: l, ...i }) => r && /* @__PURE__ */ a(
   "div",
   {
     role: "tooltip",
@@ -1492,12 +1491,12 @@ const br = ({ currentPage: e, pagesCount: r, ...t }) => {
     style: t,
     ...i,
     children: /* @__PURE__ */ g("div", { className: "relative px-1.5 py-1 rounded bg-black/90 text-white text-center", children: [
-      /* @__PURE__ */ o("span", { className: "sr-only", children: "Tooltip: " }),
+      /* @__PURE__ */ a("span", { className: "sr-only", children: "Tooltip: " }),
       e,
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ a(
         "div",
         {
-          ref: a,
+          ref: o,
           className: d(
             "absolute",
             // Render as a triangle
@@ -1512,7 +1511,7 @@ const br = ({ currentPage: e, pagesCount: r, ...t }) => {
           style: {
             left: s?.x,
             top: s?.y,
-            [l]: `${-(a.current?.offsetWidth ?? 0) / 2}px`
+            [l]: `${-(o.current?.offsetWidth ?? 0) / 2}px`
           },
           "data-testid": "arrow"
         }
@@ -1520,7 +1519,7 @@ const br = ({ currentPage: e, pagesCount: r, ...t }) => {
     ] })
   }
 );
-function Ft(e) {
+function Bt(e) {
   if (e.currentField !== e.newField)
     return "ASC";
   const r = {
@@ -1529,135 +1528,137 @@ function Ft(e) {
   };
   return e.currentOrderDir ? r[e.currentOrderDir] : "ASC";
 }
-function Bt(e) {
-  const r = Ft(e);
+function Ht(e) {
+  const r = Bt(e);
   return {
     field: r ? e.newField : void 0,
     dir: r
   };
 }
-const vr = (e, { field: r, dir: t }) => !r || !t ? e : e.sort((n, a) => {
+const Nr = (e, { field: r, dir: t }) => !r || !t ? e : e.sort((n, o) => {
   const s = t === "ASC" ? 1 : -1, l = t === "ASC" ? -1 : 1;
-  return n[r] > a[r] ? s : l;
-}), Nr = (e) => e.dir ? `${e.field}-${e.dir}` : void 0, Cr = (e) => {
+  return n[r] > o[r] ? s : l;
+}), Cr = (e) => e.dir ? `${e.field}-${e.dir}` : void 0, Tr = (e) => {
   const [r, t] = e.split("-");
   return { field: r, dir: t };
 };
-function Tr({ items: e, order: r, onChange: t, prefixed: n = !0, buttonVariant: a = "button", ...s }) {
-  const l = k((c) => {
-    const m = Bt({ currentOrderDir: r.dir, currentField: r.field, newField: c });
-    t(m);
-  }, [t, r.dir, r.field]), i = a === "button";
+function Ar({ items: e, order: r, onChange: t, prefixed: n = !0, buttonVariant: o = "button", ...s }) {
+  const l = w((c) => {
+    const u = Ht({ currentOrderDir: r.dir, currentField: r.field, newField: c });
+    t(u);
+  }, [t, r.dir, r.field]), i = o === "button";
   return /* @__PURE__ */ g(
-    L,
+    O,
     {
-      buttonContent: /* @__PURE__ */ g($, { children: [
+      buttonContent: /* @__PURE__ */ g(B, { children: [
         !i && "Order by",
-        i && !r.field && /* @__PURE__ */ o("i", { children: "Order by..." }),
-        i && r.field && /* @__PURE__ */ g($, { children: [
+        i && !r.field && /* @__PURE__ */ a("i", { children: "Order by..." }),
+        i && r.field && /* @__PURE__ */ g(B, { children: [
           n && "Order by: ",
           e[r.field],
           " - ",
           r.dir ?? "DESC"
         ] })
       ] }),
-      buttonVariant: a,
+      buttonVariant: o,
       ...s,
       children: [
-        Object.entries(e).map(([c, m]) => /* @__PURE__ */ g(
-          L.Item,
+        Object.entries(e).map(([c, u]) => /* @__PURE__ */ g(
+          O.Item,
           {
             selected: r.field === c,
             onClick: () => l(c),
             className: "flex items-center justify-between gap-2",
             children: [
-              m,
-              r.field === c && /* @__PURE__ */ o(C, { icon: r.dir === "ASC" ? Ee : Se })
+              u,
+              r.field === c && /* @__PURE__ */ a(N, { icon: r.dir === "ASC" ? Ee : Se })
             ]
           },
           c
         )),
-        /* @__PURE__ */ o(L.Separator, {}),
-        /* @__PURE__ */ o(L.Item, { disabled: !r.field, onClick: () => t({}), children: /* @__PURE__ */ o("i", { children: "Clear selection" }) })
+        /* @__PURE__ */ a(O.Separator, {}),
+        /* @__PURE__ */ a(O.Item, { disabled: !r.field, onClick: () => t({}), children: /* @__PURE__ */ a("i", { children: "Clear selection" }) })
       ]
     }
   );
 }
-const Ht = "#4696e5", $t = "rgba(70, 150, 229, 0.4)", jt = "#2078CF", Ut = "rgba(32, 120, 207, 0.4)", Ar = () => xe() ? Ht : jt, Ir = () => xe() ? $t : Ut, Or = "#f77f28", Lr = "rgba(247, 127, 40, 0.4)", Rr = "white", Pr = "#161b22", Gt = (e) => document.querySelector("html")?.setAttribute("data-theme", e), xe = () => document.querySelector("html")?.getAttribute("data-theme") === "dark", Kt = (e = window.matchMedia.bind(window)) => e("(prefers-color-scheme: dark)").matches ? "dark" : "light", Er = (e) => {
-  const [r, t] = P(() => e ?? Kt());
+const $t = "#4696e5", jt = "rgba(70, 150, 229, 0.4)", Ut = "#2078CF", Gt = "rgba(32, 120, 207, 0.4)", Ir = () => xe() ? $t : Ut, Or = () => xe() ? jt : Gt, Rr = "#f77f28", Lr = "rgba(247, 127, 40, 0.4)", Pr = "white", Er = "#161b22", Kt = (e) => document.querySelector("html")?.setAttribute("data-theme", e), xe = () => document.querySelector("html")?.getAttribute("data-theme") === "dark", Wt = (e = window.matchMedia.bind(window)) => e("(prefers-color-scheme: dark)").matches ? "dark" : "light", Sr = (e) => {
+  const [r, t] = L(() => e ?? Wt());
   return R(() => {
-    Gt(r);
+    Kt(r);
   }, [r]), [r, t];
 };
 export {
-  $t as BRAND_COLOR_ALPHA_DM,
-  Ut as BRAND_COLOR_ALPHA_LM,
-  Ht as BRAND_COLOR_DM,
-  jt as BRAND_COLOR_LM,
-  Ct as BaseNavBar,
-  de as Button,
-  O as Card,
-  fr as CardModal,
-  rr as Checkbox,
+  jt as BRAND_COLOR_ALPHA_DM,
+  Gt as BRAND_COLOR_ALPHA_LM,
+  $t as BRAND_COLOR_DM,
+  Ut as BRAND_COLOR_LM,
+  Pt as BaseNavBar,
+  ie as Button,
+  I as Card,
+  xr as CardModal,
+  nr as Checkbox,
   Y as CloseButton,
-  dr as CopyToClipboardButton,
-  er as Details,
-  L as Dropdown,
-  K as ELLIPSIS,
-  Or as HIGHLIGHTED_COLOR,
+  cr as CopyToClipboardButton,
+  tr as Details,
+  O as Dropdown,
+  G as ELLIPSIS,
+  Rr as HIGHLIGHTED_COLOR,
   Lr as HIGHLIGHTED_COLOR_ALPHA,
   J as Input,
   Z as Label,
-  nr as LabelledInput,
-  or as LabelledRevealablePasswordInput,
-  ar as LabelledSelect,
-  kt as LinkButton,
+  or as LabelledInput,
+  ar as LabelledRevealablePasswordInput,
+  sr as LabelledSelect,
+  Ot as LinkButton,
   Ye as Listbox,
-  B as Menu,
-  xr as Message,
-  _t as ModalDialog,
-  ur as NavBar,
-  pr as NavPills,
-  Tr as OrderingDropdown,
-  Pr as PRIMARY_DARK_COLOR,
-  Rr as PRIMARY_LIGHT_COLOR,
-  br as Paginator,
-  yr as Result,
+  _ as Menu,
+  yr as Message,
+  Ft as ModalDialog,
+  gr as NavBar,
+  br as NavPills,
+  Ar as OrderingDropdown,
+  Er as PRIMARY_DARK_COLOR,
+  Pr as PRIMARY_LIGHT_COLOR,
+  hr as Paginator,
+  wr as Result,
   tt as RevealablePasswordInput,
-  hr as RowDropdown,
+  fr as RowDropdown,
   at as SearchCombobox,
   nt as SearchInput,
   rt as Select,
   Qe as SimpleCard,
-  tr as Table,
-  sr as TagsAutocomplete,
-  lr as ToggleSwitch,
-  kr as Tooltip,
-  Ar as brandColor,
-  Ir as brandColorAlpha,
-  Gt as changeThemeInMarkup,
-  Bt as determineOrder,
-  Ft as determineOrderDir,
-  Ot as formatNumber,
-  Kt as getSystemPreferredTheme,
+  rr as Table,
+  lr as TagsAutocomplete,
+  ir as ToggleSwitch,
+  vr as Tooltip,
+  Ir as brandColor,
+  Or as brandColorAlpha,
+  Kt as changeThemeInMarkup,
+  Ht as determineOrder,
+  Bt as determineOrderDir,
+  gt as formatNumber,
+  Wt as getSystemPreferredTheme,
   xe as isDarkThemeEnabled,
-  mt as isLightColor,
-  Et as keyForPage,
-  Nr as orderToString,
-  H as pageIsEllipsis,
-  ut as parseQueryString,
-  Pt as prettifyPageNumber,
-  Rt as progressivePagination,
-  gr as roundTen,
-  vr as sortList,
-  Cr as stringToOrder,
-  cr as stringifyQueryParams,
-  dt as useArrowKeyNavigation,
-  ir as useGoBack,
-  mr as useParsedQuery,
-  Er as useTheme,
+  ct as isLightColor,
+  xt as keyForPage,
+  ce as normalizeTag,
+  Cr as orderToString,
+  F as pageIsEllipsis,
+  mt as parseQueryString,
+  ft as prettifyPageNumber,
+  ht as progressivePagination,
+  pr as roundTen,
+  Nr as sortList,
+  Tr as stringToOrder,
+  mr as stringifyQueryParams,
+  it as useArrowKeyNavigation,
+  dr as useGoBack,
+  ur as useParsedQuery,
+  yt as useTagsSearch,
+  Sr as useTheme,
   me as useTimeout,
-  gt as useTimeoutToggle,
+  kt as useTimeoutToggle,
   ue as useToggle,
-  wr as useTooltip
+  kr as useTooltip
 };