@shlinkio/shlink-frontend-kit 0.8.6 → 0.8.7

package/dist/tailwind.d.ts

@@ -23,6 +23,7 @@ export declare type ButtonProps = PropsWithChildren<{
     disabled?: boolean;
     className?: string;
     variant?: 'primary' | 'secondary' | 'danger';
+    type?: HTMLButtonElement['type'];
     size?: Size;
     inline?: boolean;
     solid?: boolean;
@@ -209,7 +210,7 @@ export declare const prettifyPageNumber: (pageNumber: NumberOrEllipsis) => strin
 
 export declare const progressivePagination: (currentPage: number, pageCount: number) => NumberOrEllipsis[];
 
-declare type RegularButtonProps = Omit<HTMLProps<HTMLButtonElement>, 'size'>;
+declare type RegularButtonProps = Omit<HTMLProps<HTMLButtonElement>, 'size' | 'type'>;
 
 declare type RegularCardModalProps = CommonCardModalProps & {
     /** Danger dialogs use danger variants in title and confirm button */

package/dist/tailwind.js

@@ -1,13 +1,13 @@
 import { jsx as o, jsxs as i, Fragment as S } from "react/jsx-runtime";
 import w, { clsx as p } from "clsx";
-import { createContext as M, useContext as f, forwardRef as b, useCallback as C, useId as j, useMemo as J, useRef as E, useEffect as F, useState as rt } from "react";
-import { Link as K, NavLink as ot } from "react-router";
-import { faClose as nt, faEyeSlash as at, faEye as dt, faSearch as lt, faChevronLeft as U, faChevronRight as W, faCircleNotch as st } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon as u } from "@fortawesome/react-fontawesome";
+import { createContext as j, useContext as x, forwardRef as b, useCallback as C, useId as H, useMemo as K, useRef as E, useEffect as F, useState as rt } from "react";
+import { Link as _, NavLink as ot } from "react-router";
+import { faClose as nt, faEyeSlash as at, faEye as dt, faSearch as lt, faChevronLeft as W, faChevronRight as q, faCircleNotch as st } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as h } from "@fortawesome/react-fontawesome";
 import { a as wt, b as it, u as ct } from "./use-toggle-DlYE68B3.js";
 import { createPortal as mt } from "react-dom";
-const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className: r }) => {
-  const { responsive: e } = f(v);
+const I = j(void 0), N = j({ responsive: !0 }), gt = ({ children: t, className: r }) => {
+  const { responsive: e } = x(N);
   return /* @__PURE__ */ o(I.Provider, { value: { section: "head" }, children: /* @__PURE__ */ o(
     "thead",
     {
@@ -19,7 +19,7 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
     }
   ) });
 }, bt = ({ children: t, className: r }) => {
-  const { responsive: e } = f(v);
+  const { responsive: e } = x(N);
   return /* @__PURE__ */ o(I.Provider, { value: { section: "body" }, children: /* @__PURE__ */ o(
     "tbody",
     {
@@ -31,7 +31,7 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
     }
   ) });
 }, pt = ({ children: t, className: r }) => {
-  const { responsive: e } = f(v);
+  const { responsive: e } = x(N);
   return /* @__PURE__ */ o(I.Provider, { value: { section: "footer" }, children: /* @__PURE__ */ o(
     "tfoot",
     {
@@ -43,7 +43,7 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
     }
   ) });
 }, ut = ({ children: t, className: r, ...e }) => {
-  const n = f(I), a = (n == null ? void 0 : n.section) === "body", { responsive: l } = f(v);
+  const n = x(I), a = (n == null ? void 0 : n.section) === "body", { responsive: l } = x(N);
   return /* @__PURE__ */ o(
     "tr",
     {
@@ -63,7 +63,7 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
     }
   );
 }, ht = ({ children: t, className: r, columnName: e, type: n, ...a }) => {
-  const l = f(I), d = n ?? ((l == null ? void 0 : l.section) !== "body" ? "th" : "td"), { responsive: s } = f(v);
+  const l = x(I), d = n ?? ((l == null ? void 0 : l.section) !== "body" ? "th" : "td"), { responsive: s } = x(N);
   return /* @__PURE__ */ o(
     d,
     {
@@ -82,7 +82,7 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
       children: t
     }
   );
-}, ft = ({ header: t, footer: r, children: e, responsive: n = !0, ...a }) => /* @__PURE__ */ o(v.Provider, { value: { responsive: n }, children: /* @__PURE__ */ i("table", { className: "tw:w-full", ...a, children: [
+}, ft = ({ header: t, footer: r, children: e, responsive: n = !0, ...a }) => /* @__PURE__ */ o(N.Provider, { value: { responsive: n }, children: /* @__PURE__ */ i("table", { className: "tw:w-full", ...a, children: [
   /* @__PURE__ */ o(gt, { children: t }),
   /* @__PURE__ */ o(bt, { children: e }),
   r && /* @__PURE__ */ o(pt, { children: r })
@@ -94,13 +94,14 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
   size: a = "md",
   inline: l = !1,
   solid: d = !1,
-  ...s
+  type: s = "button",
+  ...c
 }) => {
-  const c = "to" in s ? K : "button";
+  const m = "to" in c ? _ : "button", u = m === _ ? void 0 : s;
   return (
     // @ts-expect-error We are explicitly checking for the `to` prop before using Link
     /* @__PURE__ */ o(
-      c,
+      m,
       {
         className: w(
           {
@@ -147,7 +148,8 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
           r
         ),
         disabled: e,
-        ...s,
+        type: u,
+        ...c,
         children: t
       }
     )
@@ -178,18 +180,19 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
     className: p("tw:rounded-sm tw:w-4 tw:h-4 tw:checked:bg-(image:--tick) tw:bg-center", t),
     ...r
   }
-)), q = ({ onClick: t, label: r = "Close" }) => /* @__PURE__ */ o(
+)), G = ({ onClick: t, label: r = "Close" }) => /* @__PURE__ */ o(
   "button",
   {
+    type: "button",
     onClick: t,
     className: w(
       "tw:opacity-50 tw:highlight:opacity-80 tw:transition-opacity",
       "tw:rounded-md tw:focus-ring"
     ),
     "aria-label": r,
-    children: /* @__PURE__ */ o(u, { icon: nt, size: "xl" })
+    children: /* @__PURE__ */ o(h, { icon: nt, size: "xl" })
   }
-), H = b(({
+), D = b(({
   borderless: t = !1,
   size: r = "md",
   feedback: e,
@@ -230,15 +233,15 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
       ...d
     }
   );
-}), D = ({ required: t, children: r, ...e }) => /* @__PURE__ */ i("label", { ...e, children: [
+}), O = ({ required: t, children: r, ...e }) => /* @__PURE__ */ i("label", { ...e, children: [
   r,
   t && /* @__PURE__ */ o("span", { className: "tw:text-danger tw:ml-1", "data-testid": "required-indicator", children: "*" })
 ] }), Vt = b(({ label: t, inputClassName: r, required: e, hiddenRequired: n, error: a, ...l }, d) => {
-  const s = j();
+  const s = H();
   return /* @__PURE__ */ i("div", { className: "tw:flex tw:flex-col tw:gap-1", children: [
-    /* @__PURE__ */ o(D, { htmlFor: s, required: e, children: t }),
+    /* @__PURE__ */ o(O, { htmlFor: s, required: e, children: t }),
     /* @__PURE__ */ o(
-      H,
+      D,
       {
         ref: d,
         id: s,
@@ -251,9 +254,9 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
     a && /* @__PURE__ */ o("span", { className: "tw:text-danger", children: a })
   ] });
 }), yt = b(({ containerClassName: t, className: r, size: e, ...n }, a) => {
-  const [l, d, , s] = wt(!1), c = it(), m = C(({ relatedTarget: y }) => {
+  const [l, d, , s] = wt(!1), c = it(), m = C(({ relatedTarget: u }) => {
     var g;
-    (g = c.current) != null && g.contains(y) || s();
+    (g = c.current) != null && g.contains(u) || s();
   }, [c, s]);
   return /* @__PURE__ */ i(
     "div",
@@ -263,7 +266,7 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
       onBlurCapture: m,
       children: [
         /* @__PURE__ */ o(
-          H,
+          D,
           {
             ref: a,
             type: l ? "text" : "password",
@@ -282,6 +285,7 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
         /* @__PURE__ */ o(
           "button",
           {
+            type: "button",
             onClick: d,
             title: l ? "Hide password" : "Show password",
             "aria-label": l ? "Hide password" : "Show password",
@@ -294,16 +298,16 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
               }
             ),
             tabIndex: -1,
-            children: /* @__PURE__ */ o(u, { fixedWidth: !0, icon: l ? at : dt })
+            children: /* @__PURE__ */ o(h, { fixedWidth: !0, icon: l ? at : dt })
           }
         )
       ]
     }
   );
 }), Xt = b(({ label: t, inputClassName: r, required: e, hiddenRequired: n, error: a, ...l }, d) => {
-  const s = j();
+  const s = H();
   return /* @__PURE__ */ i("div", { className: "tw:flex tw:flex-col tw:gap-1", children: [
-    /* @__PURE__ */ o(D, { htmlFor: s, required: e, children: t }),
+    /* @__PURE__ */ o(O, { htmlFor: s, required: e, children: t }),
     /* @__PURE__ */ o(
       yt,
       {
@@ -358,9 +362,9 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
     ...l
   }
 )), Yt = b(({ selectClassName: t, label: r, required: e, hiddenRequired: n, ...a }, l) => {
-  const d = j();
+  const d = H();
   return /* @__PURE__ */ i("div", { className: "tw:flex tw:flex-col tw:gap-1", children: [
-    /* @__PURE__ */ o(D, { htmlFor: d, required: e, children: r }),
+    /* @__PURE__ */ o(O, { htmlFor: d, required: e, children: r }),
     /* @__PURE__ */ o(kt, { ref: l, id: d, className: t, required: e || n, ...a })
   ] });
 }), Zt = b(({
@@ -376,7 +380,7 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
   }, [s, t, d]);
   return /* @__PURE__ */ i("div", { className: w("tw:group tw:relative tw:focus-within:z-10", r), children: [
     /* @__PURE__ */ o(
-      u,
+      h,
       {
         icon: lt,
         className: w(
@@ -390,7 +394,7 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
       }
     ),
     /* @__PURE__ */ o(
-      H,
+      D,
       {
         ref: l,
         type: "search",
@@ -421,7 +425,7 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
     ),
     ...r
   }
-)), Nt = ({ className: t, disabled: r, size: e = "md", ...n }) => /* @__PURE__ */ o(
+)), vt = ({ className: t, disabled: r, size: e = "md", type: n = "button", ...a }) => /* @__PURE__ */ o(
   "button",
   {
     className: w(
@@ -436,9 +440,10 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
       t
     ),
     disabled: r,
-    ...n
+    type: n,
+    ...a
   }
-), vt = ({ className: t, ...r }) => /* @__PURE__ */ o(
+), Nt = ({ className: t, ...r }) => /* @__PURE__ */ o(
   "div",
   {
     className: w(
@@ -478,22 +483,22 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
     ),
     ...r
   }
-), h = Object.assign(It, { Body: Pt, Header: vt, Footer: Ct }), Rt = ({ bodyClassName: t, children: r, ...e }) => {
+), f = Object.assign(It, { Body: Pt, Header: Nt, Footer: Ct }), Rt = ({ bodyClassName: t, children: r, ...e }) => {
   const { title: n, titleSize: a = "md", ...l } = "title" in e ? e : {
     ...e,
     title: void 0,
     titleSize: void 0
   };
-  return /* @__PURE__ */ i(h, { ...l, children: [
-    n && /* @__PURE__ */ i(h.Header, { children: [
+  return /* @__PURE__ */ i(f, { ...l, children: [
+    n && /* @__PURE__ */ i(f.Header, { children: [
       a === "lg" && /* @__PURE__ */ o("h4", { children: n }),
       a === "md" && /* @__PURE__ */ o("h5", { children: n }),
       a === "sm" && /* @__PURE__ */ o("h6", { children: n })
     ] }),
-    /* @__PURE__ */ o(h.Body, { className: t, children: r })
+    /* @__PURE__ */ o(f.Body, { className: t, children: r })
   ] });
-}, V = M(null), Tt = ({ className: t, to: r, ...e }) => {
-  const n = f(V);
+}, V = j(null), Tt = ({ className: t, to: r, ...e }) => {
+  const n = x(V);
   return /* @__PURE__ */ o(
     ot,
     {
@@ -513,12 +518,12 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
       ...e
     }
   );
-}, Bt = ({ children: t, className: r, fill: e }) => /* @__PURE__ */ o(V.Provider, { value: { fill: e }, children: /* @__PURE__ */ o(h, { role: "menubar", className: w("tw:flex tw:overflow-hidden", r), children: t }) }), te = Object.assign(Bt, { Pill: Tt }), Lt = new Intl.NumberFormat("en-US"), St = (t) => Lt.format(Number(t)), G = 10, ee = (t) => Math.ceil(t / G) * G, N = 2, B = "...", Et = (t, r) => Array.from({ length: r - t }, (e, n) => t + n), Ft = (t, r) => {
+}, Bt = ({ children: t, className: r, fill: e }) => /* @__PURE__ */ o(V.Provider, { value: { fill: e }, children: /* @__PURE__ */ o(f, { role: "menubar", className: w("tw:flex tw:overflow-hidden", r), children: t }) }), te = Object.assign(Bt, { Pill: Tt }), Lt = new Intl.NumberFormat("en-US"), St = (t) => Lt.format(Number(t)), J = 10, ee = (t) => Math.ceil(t / J) * J, v = 2, B = "...", Et = (t, r) => Array.from({ length: r - t }, (e, n) => t + n), Ft = (t, r) => {
   const e = Et(
-    Math.max(N, t - N),
-    Math.min(r - 1, t + N) + 1
+    Math.max(v, t - v),
+    Math.min(r - 1, t + v) + 1
   );
-  return t - N > N && e.unshift(B), t + N < r - 1 && e.push(B), e.unshift(1), e.push(r), e;
+  return t - v > v && e.unshift(B), t + v < r - 1 && e.push(B), e.unshift(1), e.push(r), e;
 }, P = (t) => t === B, _t = (t) => P(t) ? t : St(t), Mt = (t, r) => P(t) ? `${t}_${r}` : `${t}`, X = [
   "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"
@@ -530,13 +535,13 @@ const I = M(void 0), v = M({ responsive: !0 }), gt = ({ children: t, className:
     "tw:highlight:bg-lm-secondary tw:dark:highlight:bg-dm-secondary tw:text-brand": !t,
     "tw:bg-lm-brand tw:dark:bg-dm-brand tw:text-white": t
   }
-), _ = ({ children: t }) => /* @__PURE__ */ o("span", { "aria-hidden": !0, className: w(X, "tw:px-3 py-2 tw:text-gray-400"), children: t }), Z = () => /* @__PURE__ */ o(_, { children: B });
+), M = ({ children: t }) => /* @__PURE__ */ o("span", { "aria-hidden": !0, className: w(X, "tw:px-3 py-2 tw:text-gray-400"), children: t }), Z = () => /* @__PURE__ */ o(M, { children: B });
 function jt({ children: t, active: r, isEllipsis: e, href: n, ...a }) {
-  const l = J(() => Y(r), [r]);
-  return e ? /* @__PURE__ */ o(Z, {}) : /* @__PURE__ */ o(K, { className: l, to: n, ...a, children: t });
+  const l = K(() => Y(r), [r]);
+  return e ? /* @__PURE__ */ o(Z, {}) : /* @__PURE__ */ o(_, { className: l, to: n, ...a, children: t });
 }
 function Ht({ children: t, active: r, isEllipsis: e, ...n }) {
-  const a = J(() => Y(r), [r]);
+  const a = K(() => Y(r), [r]);
   return e ? /* @__PURE__ */ o(Z, {}) : /* @__PURE__ */ o("button", { type: "button", className: a, ...n, children: t });
 }
 const re = ({ currentPage: t, pagesCount: r, ...e }) => {
@@ -545,7 +550,7 @@ const re = ({ currentPage: t, pagesCount: r, ...e }) => {
     [n, e]
   );
   return r < 2 ? null : /* @__PURE__ */ i("div", { className: "tw:select-none tw:flex", "data-testid": "paginator", children: [
-    t === 1 ? /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(u, { size: "xs", icon: U }) }) : /* @__PURE__ */ o(a, { ...l(Math.max(1, t - 1)), "aria-label": "Previous", children: /* @__PURE__ */ o(u, { size: "xs", icon: U }) }),
+    t === 1 ? /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(h, { size: "xs", icon: W }) }) : /* @__PURE__ */ o(a, { ...l(Math.max(1, t - 1)), "aria-label": "Previous", children: /* @__PURE__ */ o(h, { size: "xs", icon: W }) }),
     Ft(t, r).map((d, s) => /* @__PURE__ */ o(
       a,
       {
@@ -556,7 +561,7 @@ const re = ({ currentPage: t, pagesCount: r, ...e }) => {
       },
       Mt(d, s)
     )),
-    t === r ? /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(u, { size: "xs", icon: W }) }) : /* @__PURE__ */ o(a, { ...l(Math.min(r, t + 1)), "aria-label": "Next", children: /* @__PURE__ */ o(u, { size: "xs", icon: W }) })
+    t === r ? /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(h, { size: "xs", icon: q }) }) : /* @__PURE__ */ o(a, { ...l(Math.min(r, t + 1)), "aria-label": "Next", children: /* @__PURE__ */ o(h, { size: "xs", icon: q }) })
   ] });
 }, Dt = ({
   open: t,
@@ -567,13 +572,13 @@ const re = ({ currentPage: t, pagesCount: r, ...e }) => {
 }) => {
   const l = E(null);
   return F(() => {
-    var m, y;
+    var m, u;
     const d = document.body, s = d.style.overflow, c = d.style.paddingRight;
     if (t) {
       const g = window.outerWidth - d.clientWidth, k = d.scrollHeight > d.clientHeight;
       d.style.overflow = "hidden", k && (d.style.paddingRight = `${g}px`), (m = l.current) == null || m.showModal();
     } else
-      (y = l.current) == null || y.close();
+      (u = l.current) == null || u.close();
     return () => {
       d.style.overflow = s, d.style.paddingRight = c;
     };
@@ -605,32 +610,32 @@ const re = ({ currentPage: t, pagesCount: r, ...e }) => {
     size: s = "md",
     confirmText: c = "Confirm",
     cancelText: m = "Cancel",
-    confirmDisabled: y,
+    confirmDisabled: u,
     onConfirm: g,
     onClosed: k,
     ...z
-  } = "onConfirm" in d ? d : { ...d }, [R, O] = rt(t), T = E(null), L = E("cancel"), tt = C(() => {
+  } = "onConfirm" in d ? d : { ...d }, [R, $] = rt(t), T = E(null), L = E("cancel"), tt = C(() => {
     L.current = "confirm", g == null || g();
   }, [g]);
   return F(() => {
     if (t) {
-      L.current = "cancel", O(!0);
+      L.current = "cancel", $(!0);
       return;
     }
-    const x = T.current;
-    if (x) {
+    const y = T.current;
+    if (y) {
       delete T.current.dataset.open;
-      let $ = !1;
-      const A = (et) => {
-        $ || et.target !== x || ($ = !0, O(!1), k == null || k(L.current));
+      let A = !1;
+      const U = (et) => {
+        A || et.target !== y || (A = !0, $(!1), k == null || k(L.current));
       };
-      return x.addEventListener("transitionend", A), () => {
-        x.removeEventListener("transitionend", A);
+      return y.addEventListener("transitionend", U), () => {
+        y.removeEventListener("transitionend", U);
       };
     }
   }, [k, t]), F(() => {
-    const x = T.current;
-    R && x && (x.dataset.open = "");
+    const y = T.current;
+    R && y && (y.dataset.open = "");
   }, [R]), /* @__PURE__ */ o(
     Dt,
     {
@@ -663,7 +668,7 @@ const re = ({ currentPage: t, pagesCount: r, ...e }) => {
             },
             { "tw:h-full": e === "cover" }
           ),
-          children: /* @__PURE__ */ o(h, { className: w(
+          children: /* @__PURE__ */ o(f, { className: w(
             "tw:w-full",
             { "tw:h-full tw:relative tw:overflow-auto": e === "cover" }
           ), children: e === "cover" ? /* @__PURE__ */ i(S, { children: [
@@ -678,22 +683,22 @@ const re = ({ currentPage: t, pagesCount: r, ...e }) => {
                 ),
                 children: [
                   /* @__PURE__ */ o("h5", { children: n }),
-                  /* @__PURE__ */ o(q, { onClick: r, label: "Close dialog" })
+                  /* @__PURE__ */ o(G, { onClick: r, label: "Close dialog" })
                 ]
               }
             ),
             /* @__PURE__ */ o("div", { children: a })
           ] }) : /* @__PURE__ */ i(S, { children: [
-            /* @__PURE__ */ i(h.Header, { className: w(
+            /* @__PURE__ */ i(f.Header, { className: w(
               "tw:sticky tw:top-0",
               "tw:flex tw:items-center tw:justify-between tw:gap-x-2"
             ), children: [
               /* @__PURE__ */ o("h5", { className: w({ "tw:text-danger": e === "danger" }), children: n }),
-              /* @__PURE__ */ o(q, { onClick: r, label: "Close dialog" })
+              /* @__PURE__ */ o(G, { onClick: r, label: "Close dialog" })
             ] }),
-            /* @__PURE__ */ o(h.Body, { children: a }),
+            /* @__PURE__ */ o(f.Body, { children: a }),
             g && /* @__PURE__ */ i(
-              h.Footer,
+              f.Footer,
               {
                 "data-testid": "footer",
                 className: w(
@@ -701,13 +706,13 @@ const re = ({ currentPage: t, pagesCount: r, ...e }) => {
                   "tw:[&]:px-3 tw:sticky tw:bottom-0"
                 ),
                 children: [
-                  /* @__PURE__ */ o(Nt, { onClick: r, children: m }),
+                  /* @__PURE__ */ o(vt, { onClick: r, children: m }),
                   /* @__PURE__ */ o(
                     xt,
                     {
                       solid: !0,
                       variant: e === "danger" ? "danger" : "primary",
-                      disabled: y,
+                      disabled: u,
                       onClick: tt,
                       children: c
                     }
@@ -725,7 +730,7 @@ const re = ({ currentPage: t, pagesCount: r, ...e }) => {
   "tw:text-danger": n === "error"
 }), children: [
   e && /* @__PURE__ */ i(S, { children: [
-    /* @__PURE__ */ o(u, { icon: st, spin: !0 }),
+    /* @__PURE__ */ o(h, { icon: st, spin: !0 }),
     /* @__PURE__ */ o("span", { className: "tw:ml-2", children: r ?? "Loading..." })
   ] }),
   !e && r
@@ -750,17 +755,17 @@ const re = ({ currentPage: t, pagesCount: r, ...e }) => {
 );
 export {
   xt as Button,
-  h as Card,
+  f as Card,
   oe as CardModal,
   Qt as Checkbox,
-  q as CloseButton,
+  G as CloseButton,
   B as ELLIPSIS,
-  H as Input,
-  D as Label,
+  D as Input,
+  O as Label,
   Vt as LabelledInput,
   Xt as LabelledRevealablePasswordInput,
   Yt as LabelledSelect,
-  Nt as LinkButton,
+  vt as LinkButton,
   ne as Message,
   Dt as ModalDialog,
   te as NavPills,

package/package.json

@@ -89,5 +89,5 @@
     "not ie <= 11",
     "not op_mini all"
   ],
-  "version": "0.8.6"
+  "version": "0.8.7"
 }