@shlinkio/shlink-frontend-kit 1.4.0 → 1.5.0

package/dist/index.js

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