@shlinkio/shlink-frontend-kit 0.9.12 → 0.9.13

package/dist/tailwind.js

@@ -1,19 +1,19 @@
-import { jsxs as m, jsx as n, Fragment as H } from "react/jsx-runtime";
+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 E, useEffect as B, forwardRef as v, useCallback as I, createContext as Q, useContext as S, useId as W, useImperativeHandle as ht, useMemo as G } from "react";
+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 Mt, a as Bt, e as Et, c as At } from "./ordering-pAYMfJPl.js";
-import { useFloating as st, flip as Tt, offset as _t, useClick as $t, useInteractions as dt, autoPlacement as jt, arrow as Ft, useHover as Ht, useTransitionStyles as Wt } from "@floating-ui/react";
+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] = E(!1);
-  return B(() => {
-    const s = l.current, d = () => i(!!(s != null && s.open));
-    return s == null || s.addEventListener("toggle", d), () => s == null ? void 0 : s.removeEventListener("toggle", d);
+  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 })
@@ -85,32 +85,32 @@ function Yt({
   renderItem: l,
   className: a,
   noItemsMessage: i = "No items",
-  anchor: s,
-  "aria-label": d = "Items",
+  anchor: d,
+  "aria-label": s = "Items",
   ...w
 }) {
-  const [f, x] = E(0), g = I((k) => {
+  const [f, x] = A(0), g = I((k) => {
     if (x(k), o) {
       const [y, u] = [...e.entries()][k];
       o(y, u);
     }
   }, [e, o]);
-  return B(() => {
-    const k = s == null ? void 0 : s.current;
+  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, s, g, e, t]), /* @__PURE__ */ m(
+  }, [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": d,
+      "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 }),
@@ -136,8 +136,8 @@ function Yt({
     }
   );
 }
-const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r, className: e }) => {
-  const { responsive: t } = S(T);
+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",
     {
@@ -149,7 +149,7 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r,
     }
   ) });
 }, zt = ({ children: r, className: e }) => {
-  const { responsive: t } = S(T);
+  const { responsive: t } = S(_);
   return /* @__PURE__ */ n(U.Provider, { value: { section: "body" }, children: /* @__PURE__ */ n(
     "tbody",
     {
@@ -161,7 +161,7 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r,
     }
   ) });
 }, Vt = ({ children: r, className: e }) => {
-  const { responsive: t } = S(T);
+  const { responsive: t } = S(_);
   return /* @__PURE__ */ n(U.Provider, { value: { section: "footer" }, children: /* @__PURE__ */ n(
     "tfoot",
     {
@@ -173,7 +173,7 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r,
     }
   ) });
 }, te = ({ children: r, className: e, ...t }) => {
-  const o = S(U), l = (o == null ? void 0 : o.section) === "body", { responsive: a } = S(T);
+  const o = S(U), l = (o == null ? void 0 : o.section) === "body", { responsive: a } = S(_);
   return /* @__PURE__ */ n(
     "tr",
     {
@@ -193,22 +193,22 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ 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: s, size: d } = S(T);
+  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": s ? t : void 0,
+      "data-column": d ? t : void 0,
       className: c(
         "tw:border-lm-border tw:dark:border-dm-border",
         {
-          "tw:p-1": d === "sm",
-          "tw:p-2": d === "md",
-          "tw:p-3": d === "lg",
-          "tw:border-b-1": !s,
-          "tw:block tw:lg:table-cell tw:not-last:border-b-1 tw:lg:border-b-1": s,
+          "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": s && i === "td"
+          "tw:before:lg:hidden tw:before:content-[attr(data-column)] tw:before:font-bold tw:before:mr-1": d && i === "td"
         },
         e
       ),
@@ -216,7 +216,7 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r,
       children: r
     }
   );
-}, re = ({ header: r, footer: e, children: t, responsive: o = !0, size: l = "md", ...a }) => /* @__PURE__ */ n(T.Provider, { value: { responsive: o, size: l }, children: /* @__PURE__ */ m("table", { className: "tw:w-full", ...a, children: [
+}, 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 })
@@ -228,13 +228,13 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r,
   inline: l = !1,
   solid: a = !1,
   type: i = "button",
-  ...s
-}, d) => {
-  const w = "to" in s && typeof s.to == "string", f = w ? q : "button", x = w ? void 0 : i;
+  ...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: d,
+      ref: s,
       className: c(
         {
           "tw:inline-flex": l,
@@ -286,7 +286,7 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r,
       disabled: w ? void 0 : e,
       "aria-disabled": w ? e : void 0,
       type: x,
-      ...s
+      ...d
     }
   );
 }), ct = v(({ className: r, onChange: e, ...t }, o) => {
@@ -339,10 +339,10 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r,
   className: l,
   disabled: a,
   ...i
-}, s) => /* @__PURE__ */ n(
+}, d) => /* @__PURE__ */ n(
   "input",
   {
-    ref: s,
+    ref: d,
     className: c(
       "tw:outline-none",
       o === "default" && [
@@ -381,32 +381,32 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r,
     }
   ),
   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, ...s }, d) => {
-  const w = W();
+] }), 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: d,
+        ref: s,
         id: w,
         className: e,
         required: t || o,
         feedback: l ? "error" : void 0,
-        ...s
+        ...d
       }
     )
   ] });
 }), ne = v(({ containerClassName: r, className: e, size: t, ...o }, l) => {
-  const [a, i, , s] = it(!1), d = O(null), w = I(({ relatedTarget: f }) => {
+  const [a, i, , d] = it(!1), s = O(null), w = I(({ relatedTarget: f }) => {
     var x;
-    (x = d.current) != null && x.contains(f) || s();
-  }, [d, s]);
+    (x = s.current) != null && x.contains(f) || d();
+  }, [s, d]);
   return /* @__PURE__ */ m(
     "div",
     {
       className: p("tw:group tw:relative", r),
-      ref: d,
+      ref: s,
       onBlurCapture: w,
       children: [
         /* @__PURE__ */ n(
@@ -448,19 +448,19 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r,
       ]
     }
   );
-}), Je = v(({ label: r, inputClassName: e, required: t, hiddenRequired: o, error: l, helpText: a, "data-testid": i, ...s }, d) => {
-  const w = W();
+}), 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: d,
+        ref: s,
         id: w,
         className: e,
         required: t || o,
         feedback: l ? "error" : void 0,
-        ...s
+        ...d
       }
     )
   ] });
@@ -504,19 +504,19 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r,
     disabled: l,
     ...a
   }
-)), Qe = v(({ selectClassName: r, label: e, error: t, helpText: o, required: l, hiddenRequired: a, "data-testid": i, ...s }, d) => {
-  const w = W();
+)), 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: d,
+        ref: s,
         id: w,
         className: r,
         required: l || a,
         feedback: t ? "error" : void 0,
-        ...s
+        ...d
       }
     )
   ] });
@@ -529,8 +529,8 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r,
   loading: l = !1,
   variant: a = "default",
   immediate: i = !1,
-  ...s
-}, d) => {
+  ...d
+}, s) => {
   const { setTimeout: w, clearCurrentTimeout: f } = St(500), x = I((g) => {
     !g || i ? (f(), r(g)) : w(() => r(g));
   }, [f, i, r, w]);
@@ -553,7 +553,7 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r,
     /* @__PURE__ */ n(
       Y,
       {
-        ref: d,
+        ref: s,
         variant: a,
         type: "search",
         className: c(
@@ -566,7 +566,7 @@ const U = Q(void 0), T = Q({ responsive: !0, size: "md" }), Zt = ({ children: r,
         placeholder: "Search...",
         onChange: (g) => x(g.target.value),
         size: o,
-        ...s
+        ...d
       }
     )
   ] });
@@ -580,11 +580,11 @@ function le({
   // SearchInput defaults its size to 'lg'. Change it to 'md'
   listboxSpan: a = "full",
   onFocus: i,
-  containerClassName: s,
-  listboxClassName: d,
+  containerClassName: d,
+  listboxClassName: s,
   ...w
 }, f) {
-  const x = W(), [g, k] = E(), y = O(null);
+  const x = E(), [g, k] = A(), y = O(null);
   ht(f, () => y.current);
   const u = G(
     () => r ? g ?? [...r.keys()][0] : void 0,
@@ -595,7 +595,7 @@ function le({
   return /* @__PURE__ */ m(
     "div",
     {
-      className: c("tw:relative", s),
+      className: c("tw:relative", d),
       onBlur: (b) => {
         b.currentTarget.contains(b.relatedTarget) || e("");
       },
@@ -634,7 +634,7 @@ function le({
                 "tw:min-w-60": a === "auto",
                 "tw:w-full": a === "full"
               },
-              d
+              s
             ),
             "aria-label": "Matching items",
             noItemsMessage: "No results found matching search"
@@ -644,10 +644,10 @@ function le({
     }
   );
 }
-const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { className: "tw:inline-flex tw:items-center tw:gap-2", children: [
+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
-] }), de = ({ tag: r, color: e, size: t, onRemove: o }) => (
+] }), 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",
@@ -662,7 +662,7 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
       ),
       style: {
         backgroundColor: e,
-        color: Mt(e) ? "#000" : "#fff"
+        color: Bt(e) ? "#000" : "#fff"
       },
       onClick: (l) => l.stopPropagation(),
       children: [
@@ -679,11 +679,11 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
   searchMode: l = "startsWith",
   immutable: a = !1,
   size: i = "md",
-  disabled: s,
-  containerClassName: d,
+  disabled: d,
+  containerClassName: s,
   ...w
 }) => {
-  const [f, x] = E(), g = I((h) => {
+  const [f, x] = A(), g = I((h) => {
     const b = h.toLowerCase().trim();
     if (!b) {
       x(void 0);
@@ -692,8 +692,8 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
     const R = r.filter((N) => {
       if (e.includes(N))
         return !1;
-      const M = N.toLowerCase();
-      return l === "startsWith" ? M.startsWith(b) : M.includes(b);
+      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) => {
@@ -716,12 +716,12 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
             "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": s,
-            "tw:bg-lm-primary tw:dark:bg-dm-primary": !s,
+            "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": !s
+            "tw:group-[&]/card:bg-lm-input tw:group-[&]/card:dark:bg-dm-input": !d
           },
-          d
+          s
         ),
         onClick: (h) => {
           var b;
@@ -730,7 +730,7 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
         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(de, { tag: h, color: R, onRemove: y, size: i }, `${h}${b}`);
+            return /* @__PURE__ */ n(se, { tag: h, color: R, onRemove: y, size: i }, `${h}${b}`);
           }) }),
           /* @__PURE__ */ n(
             ie,
@@ -750,12 +750,12 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
               searchResults: f,
               onSearch: g,
               onSelectSearchResult: k,
-              renderSearchResult: (h) => h.match(/Add\s+"([^"]+)"\s+tag/) ? h : /* @__PURE__ */ n(se, { name: h, color: (o == null ? void 0 : o(h)) ?? nt }),
+              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: s,
+              disabled: d,
               ref: u,
               immediate: !0,
               ...w
@@ -843,8 +843,8 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
   ...l
 }) => {
   const a = O(null);
-  return Bt(a, { elementsSelector: t, focusFirstItem: o }), /* @__PURE__ */ n(P, { ref: a, role: "menu", className: p("tw:py-2 tw:whitespace-nowrap", e), ...l, children: r });
-}, j = Object.assign(be, { Item: ce, Separator: me, Title: pe, Misc: ue }), ge = ({
+  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",
@@ -852,24 +852,24 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
   buttonClassName: l,
   buttonSize: a = "md",
   buttonDisabled: i = !1,
-  containerClassName: s,
-  menuClassName: d,
+  containerClassName: d,
+  menuClassName: s,
   caretless: w,
   buttonLabel: f,
   menuOffset: x = 3
 }) => {
-  const [g, k] = E(!1), y = O(null), { refs: u, floatingStyles: h, context: b } = st({
+  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: M } = dt([
+  }), R = $t(b), { getReferenceProps: N, getFloatingProps: B } = st([
     R
-  ]), _ = W(), $ = O(null);
-  return B(() => {
-    const D = $.current, V = y.current;
+  ]), $ = E(), j = O(null);
+  return M(() => {
+    const D = j.current, V = y.current;
     if (!D || !V)
       return () => {
       };
@@ -881,13 +881,13 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
   /* @__PURE__ */ m(
     "div",
     {
-      ref: $,
-      className: p("tw:relative tw:inline-block", s),
+      ref: j,
+      className: p("tw:relative tw:inline-block", d),
       onKeyDown: (D) => {
         D.key === "Escape" && k(!1);
       },
       onBlur: (D) => {
-        D.relatedTarget && !$.current.contains(D.relatedTarget) && k(!1);
+        D.relatedTarget && !j.current.contains(D.relatedTarget) && k(!1);
       },
       children: [
         /* @__PURE__ */ m(
@@ -898,7 +898,7 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
             type: "button",
             "aria-haspopup": !0,
             "aria-expanded": g,
-            "aria-controls": _,
+            "aria-controls": $,
             "aria-label": f,
             disabled: i,
             className: p(
@@ -939,12 +939,12 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
             ref: u.setFloating,
             style: h,
             className: "tw:min-w-full tw:z-500",
-            ...M(),
+            ...B(),
             children: /* @__PURE__ */ n(
-              j,
+              F,
               {
-                className: d,
-                id: _,
+                className: s,
+                id: $,
                 focusableElementsSelector: '[role="menuitem"]:not([disabled]):not([aria-disabled]),input:not([disabled]),select:not([disabled])',
                 focusFirstItem: !0,
                 children: r
@@ -956,10 +956,10 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
     }
   );
 }, L = Object.assign(ge, {
-  Item: j.Item,
-  Separator: j.Separator,
-  Title: j.Title,
-  Misc: j.Misc
+  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",
   {
@@ -981,7 +981,7 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
     ...l,
     ref: a
   }
-)), fe = ({ className: r, active: e, ...t }) => /* @__PURE__ */ n("li", { role: "menuitem", className: "tw:w-full tw:flex", children: /* @__PURE__ */ n(
+)), 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(
@@ -996,7 +996,7 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
     ),
     ...t
   }
-) }), xe = ({ containerClassName: r, buttonClassName: e, menuClassName: t, active: o, ...l }) => /* @__PURE__ */ n("li", { role: "menuitem", className: "tw:w-full tw:flex", children: /* @__PURE__ */ n(
+) }), 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),
@@ -1017,8 +1017,8 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
     ...l
   }
 ) }), ye = ({ className: r, brand: e, children: t }) => {
-  const { flag: o, toggle: l, setToFalse: a } = it(!1, !0), { pathname: i } = ft();
-  return B(() => a(), [i, a]), /* @__PURE__ */ m(
+  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(
@@ -1042,6 +1042,7 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
           /* @__PURE__ */ n(
             wt,
             {
+              id: d,
               variant: "secondary",
               className: p(
                 "tw:absolute tw:right-0 tw:top-[50%] tw:translate-y-[-50%]",
@@ -1051,6 +1052,7 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
               ),
               onClick: l,
               "aria-label": `${o ? "Hide" : "Show"} menu`,
+              "aria-controls": i,
               children: /* @__PURE__ */ n(C, { icon: o ? It : Ot })
             }
           )
@@ -1058,6 +1060,8 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
         /* @__PURE__ */ n(
           "ul",
           {
+            id: i,
+            "aria-labelledby": d,
             role: "menu",
             className: p(
               "tw:m-0 tw:p-0",
@@ -1096,13 +1100,13 @@ const ie = v(le), se = ({ name: r, color: e }) => /* @__PURE__ */ m("div", { cla
       ...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, A = 2, K = "...", Ie = (r, e) => Array.from({ length: e - r }, (t, o) => r + o), Oe = (r, e) => {
+}, 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(A, r - A),
-    Math.min(e - 1, r + A) + 1
+    Math.max(T, r - T),
+    Math.min(e - 1, r + T) + 1
   );
-  return r - A > A && t.unshift(K), r + A < e - 1 && t.push(K), t.unshift(1), t.push(e), t;
-}, F = (r) => r === K, Re = (r) => F(r) ? r : Ce(r), Pe = (r, e) => F(r) ? `${r}_${e}` : `${r}`, pt = [
+  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(
@@ -1126,20 +1130,20 @@ function De({ children: r, active: e, isEllipsis: t, ...o }) {
 }
 const er = ({ currentPage: r, pagesCount: e, ...t }) => {
   const o = "urlForPage" in t, l = o ? Le : De, a = I(
-    (i) => o ? { href: F(i) ? void 0 : t.urlForPage(i) } : { onClick: () => !F(i) && t.onPageChange(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, s) => /* @__PURE__ */ n(
+    Oe(r, e).map((i, d) => /* @__PURE__ */ n(
       l,
       {
         active: i === r,
-        isEllipsis: F(i),
+        isEllipsis: H(i),
         ...a(i),
         children: Re(i)
       },
-      Pe(i, s)
+      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 }) })
   ] });
@@ -1163,7 +1167,7 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
   Separator: L.Separator,
   Title: L.Title,
   Misc: L.Misc
-}), Me = ({
+}), Be = ({
   open: r,
   children: e,
   className: t,
@@ -1171,16 +1175,16 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
   ...l
 }) => {
   const a = O(null);
-  return B(() => {
+  return M(() => {
     var w, f;
-    const i = document.body, s = i.style.overflow, d = i.style.paddingRight;
+    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 = s, i.style.paddingRight = d;
+      i.style.overflow = d, i.style.paddingRight = s;
     };
   }, [r]), Ut(
     /* @__PURE__ */ n(
@@ -1207,17 +1211,17 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
   ...i
 }) => {
   const {
-    size: s = "md",
-    confirmText: d = "Confirm",
+    size: d = "md",
+    confirmText: s = "Confirm",
     cancelText: w = "Cancel",
     confirmDisabled: f,
     onConfirm: x,
     onClosed: g,
     ...k
-  } = "onConfirm" in i ? i : { ...i }, [y, u] = E(r), h = O(null), b = O("cancel"), R = I((N) => {
+  } = "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 B(() => {
+  return M(() => {
     if (r) {
       b.current = "cancel", u(!0);
       return;
@@ -1225,19 +1229,19 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
     const N = h.current;
     if (N) {
       delete h.current.dataset.open;
-      let M = !1;
-      const _ = ($) => {
-        M || $.target !== N || (M = !0, u(!1), g == null || g(b.current));
+      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", _);
+      return N.addEventListener("transitionend", $), () => {
+        N.removeEventListener("transitionend", $);
       };
     }
-  }, [g, r]), B(() => {
+  }, [g, r]), M(() => {
     const N = h.current;
     y && N && (N.dataset.open = "");
   }, [y]), /* @__PURE__ */ n(
-    Me,
+    Be,
     {
       open: y,
       onClose: e,
@@ -1261,10 +1265,10 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
             "tw:transition-[opacity_,_translate] tw:duration-300",
             // Handle modal dimensions for different variants and sizes
             t !== "cover" && {
-              "tw:sm:w-sm": s === "sm",
-              "tw:md:w-lg": s === "md",
-              "tw:md:w-4xl": s === "lg",
-              "tw:md:w-6xl": s === "xl"
+              "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" }
           ),
@@ -1272,7 +1276,7 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
           children: /* @__PURE__ */ n(P, { className: c(
             "tw:w-full",
             { "tw:h-full tw:relative tw:overflow-auto": t === "cover" }
-          ), children: t === "cover" ? /* @__PURE__ */ m(H, { children: [
+          ), children: t === "cover" ? /* @__PURE__ */ m(W, { children: [
             /* @__PURE__ */ m(
               "div",
               {
@@ -1289,7 +1293,7 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
               }
             ),
             l
-          ] }) : /* @__PURE__ */ m(H, { children: [
+          ] }) : /* @__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"
@@ -1315,7 +1319,7 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
                       variant: t === "danger" ? "danger" : "primary",
                       disabled: f,
                       type: "submit",
-                      children: d
+                      children: s
                     }
                   )
                 ]
@@ -1330,7 +1334,7 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
   "tw:text-gray-500 tw:dark:text-gray-400": o === "default",
   "tw:text-danger": o === "error"
 }), children: [
-  t && /* @__PURE__ */ m(H, { children: [
+  t && /* @__PURE__ */ m(W, { children: [
     /* @__PURE__ */ n(C, { icon: lt, spin: !0 }),
     /* @__PURE__ */ n("span", { className: "tw:ml-2", children: e ?? "Loading..." })
   ] }),
@@ -1357,23 +1361,23 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
   const e = O(null), t = (() => {
     const u = [];
     return r === "auto" && u.push(jt()), u.push(Ft({ element: e })), u;
-  })(), [o, l] = E(!1), { refs: a, floatingStyles: i, context: s, middlewareData: d } = st({
+  })(), [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(s, {
+  }), w = Ht(d, {
     delay: { open: 300 },
     move: !0
-  }), { getFloatingProps: f, getReferenceProps: x } = dt([w]), { isMounted: g, styles: k } = Wt(s, { duration: 200 }), y = G(() => {
-    const u = s.placement.split("-")[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] ?? "";
-  }, [s.placement]);
+  }, [d.placement]);
   return {
     anchor: { ...x(), ref: a.setReference },
     tooltip: {
@@ -1381,13 +1385,13 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
       refSetter: a.setFloating,
       isMounted: g,
       styles: { ...i, ...k },
-      arrowPos: d.arrow,
+      arrowPos: s.arrow,
       arrowRef: e,
       arrowSide: y
     }
   };
-}, ir = ({ children: r, isMounted: e, styles: t, refSetter: o, arrowRef: l, arrowPos: a, arrowSide: i, ...s }) => {
-  var d;
+}, ir = ({ children: r, isMounted: e, styles: t, refSetter: o, arrowRef: l, arrowPos: a, arrowSide: i, ...d }) => {
+  var s;
   return e && /* @__PURE__ */ n(
     "div",
     {
@@ -1406,7 +1410,7 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
       ),
       ref: o,
       style: t,
-      ...s,
+      ...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,
@@ -1428,7 +1432,7 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
             style: {
               left: a == null ? void 0 : a.x,
               top: a == null ? void 0 : a.y,
-              [i]: `${-(((d = l.current) == null ? void 0 : d.offsetWidth) ?? 0) / 2}px`
+              [i]: `${-(((s = l.current) == null ? void 0 : s.offsetWidth) ?? 0) / 2}px`
             },
             "data-testid": "arrow"
           }
@@ -1437,18 +1441,18 @@ const er = ({ currentPage: r, pagesCount: e, ...t }) => {
     }
   );
 };
-function sr({ items: r, order: e, onChange: t, prefixed: o = !0, buttonVariant: l = "button", ...a }) {
-  const i = I((d) => {
-    const w = Et({ currentOrderDir: e.dir, currentField: e.field, newField: d });
+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]), s = l === "button";
+  }, [t, e.dir, e.field]), d = l === "button";
   return /* @__PURE__ */ m(
     L,
     {
-      buttonContent: /* @__PURE__ */ m(H, { children: [
-        !s && "Order by",
-        s && !e.field && /* @__PURE__ */ n("i", { children: "Order by..." }),
-        s && e.field && /* @__PURE__ */ m(H, { children: [
+      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],
           " - ",
@@ -1458,18 +1462,18 @@ function sr({ items: r, order: e, onChange: t, prefixed: o = !0, buttonVariant:
       buttonVariant: l,
       ...a,
       children: [
-        Object.entries(r).map(([d, w]) => /* @__PURE__ */ m(
+        Object.entries(r).map(([s, w]) => /* @__PURE__ */ m(
           L.Item,
           {
-            selected: e.field === d,
-            onClick: () => i(d),
+            selected: e.field === s,
+            onClick: () => i(s),
             className: "tw:flex tw:items-center tw:justify-between tw:gap-2",
             children: [
               w,
-              e.field === d && /* @__PURE__ */ n(C, { icon: e.dir === "ASC" ? Pt : Lt })
+              e.field === s && /* @__PURE__ */ n(C, { icon: e.dir === "ASC" ? Pt : Lt })
             ]
           },
-          d
+          s
         )),
         /* @__PURE__ */ n(L.Separator, {}),
         /* @__PURE__ */ n(L.Item, { disabled: !e.field, onClick: () => t({}), children: /* @__PURE__ */ n("i", { children: "Clear selection" }) })
@@ -1477,10 +1481,10 @@ function sr({ items: r, order: e, onChange: t, prefixed: o = !0, buttonVariant:
     }
   );
 }
-const dr = ({ text: r, className: e, size: t = "lg", initialCopied: o = !1, navigator_: l = globalThis.navigator, ...a }) => {
-  const [i, s] = At(o), d = I(
-    () => l.clipboard.writeText(r).then(s),
-    [l.clipboard, r, s]
+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",
@@ -1497,7 +1501,7 @@ const dr = ({ text: r, className: e, size: t = "lg", initialCopied: o = !1, navi
       ),
       "aria-label": `Copy ${r} to clipboard`,
       title: "Copy to clipboard",
-      onClick: d,
+      onClick: s,
       ...a,
       children: /* @__PURE__ */ n(C, { icon: i ? Dt : Kt, fixedWidth: !0 })
     }
@@ -1510,7 +1514,7 @@ export {
   nr as CardModal,
   qe as Checkbox,
   X as CloseButton,
-  dr as CopyToClipboardButton,
+  sr as CopyToClipboardButton,
   Ke as Details,
   L as Dropdown,
   K as ELLIPSIS,
@@ -1521,12 +1525,12 @@ export {
   Qe as LabelledSelect,
   he as LinkButton,
   Yt as Listbox,
-  j as Menu,
+  F as Menu,
   or as Message,
-  Me as ModalDialog,
+  Be as ModalDialog,
   ze as NavBar,
   Ve as NavPills,
-  sr as OrderingDropdown,
+  dr as OrderingDropdown,
   er as Paginator,
   ar as Result,
   ne as RevealablePasswordInput,
@@ -1541,7 +1545,7 @@ export {
   ir as Tooltip,
   Ce as formatNumber,
   Pe as keyForPage,
-  F as pageIsEllipsis,
+  H as pageIsEllipsis,
   Re as prettifyPageNumber,
   Oe as progressivePagination,
   tr as roundTen,

package/package.json

@@ -93,5 +93,5 @@
     "not ie <= 11",
     "not op_mini all"
   ],
-  "version": "0.9.12"
+  "version": "0.9.13"
 }