@shlinkio/shlink-frontend-kit 0.9.13 → 1.0.1

package/dist/tailwind.js

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