@memobit/libs 1.0.19 → 1.0.21

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import E1, { Component as J2, Fragment as e3, createContext as w0, forwardRef as M1, useCallback as j, useContext as f0, useEffect as U, useId as C0, useImperativeHandle as w2, useMemo as m1, useRef as Y, useState as z } from "react";
-import { Fragment as c1, jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Fragment as l1, jsx as e, jsxs as r } from "react/jsx-runtime";
 import { createPortal as q1 } from "react-dom";
 var t3 = /* @__PURE__ */ r("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -9973,7 +9973,7 @@ var t3 = /* @__PURE__ */ r("svg", {
   storm: Pt,
   uranus: Wt,
   venus: Ut
-}, E = ({ className: t = "", fade: c, fadeOnHover: l, name: a, pulse: s, pulseOnHover: o, size: i, spin: n, spinOnHover: d, variant: h }) => /* @__PURE__ */ e("span", {
+}, G = ({ className: t = "", fade: c, fadeOnHover: l, name: a, pulse: s, pulseOnHover: o, size: i, spin: n, spinOnHover: d, variant: h }) => /* @__PURE__ */ e("span", {
   className: [
     "icon",
     i ? `icon--${i}` : "",
@@ -10019,7 +10019,7 @@ var t3 = /* @__PURE__ */ r("svg", {
     disabled: o,
     children: [/* @__PURE__ */ r("span", {
       className: "accordion-item__title",
-      children: [l && /* @__PURE__ */ e(E, { name: l }), /* @__PURE__ */ e("span", {
+      children: [l && /* @__PURE__ */ e(G, { name: l }), /* @__PURE__ */ e("span", {
         className: "accordion-item__title-text",
         children: c
       })]
@@ -10088,8 +10088,8 @@ var t3 = /* @__PURE__ */ r("svg", {
   style: p,
   title: w,
   type: v,
-  children: n ? /* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ e("span", { className: "button__spinner" }), /* @__PURE__ */ e("span", { children: c || "Loading..." })] }) : /* @__PURE__ */ r(c1, { children: [
-    o !== void 0 && (typeof o == "string" ? /* @__PURE__ */ e(E, {
+  children: n ? /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("span", { className: "button__spinner" }), /* @__PURE__ */ e("span", { children: c || "Loading..." })] }) : /* @__PURE__ */ r(l1, { children: [
+    o !== void 0 && (typeof o == "string" ? /* @__PURE__ */ e(G, {
       size: "lg",
       name: o,
       variant: i
@@ -10124,16 +10124,16 @@ var O1 = ({ children: t, className: c, isOpen: l, noPadding: a = !1, onClose: s,
         /* @__PURE__ */ r("div", {
           className: "modal__header",
           children: [/* @__PURE__ */ r("h2", { children: [
-            p ? /* @__PURE__ */ e(E, { name: p }) : null,
+            p ? /* @__PURE__ */ e(G, { name: p }) : null,
             " ",
             m
           ] }), /* @__PURE__ */ e(F, {
             className: "modal__close",
+            icon: "clear",
             onClick: s,
             size: "medium",
             title: "Close modal",
-            variant: "ghost",
-            children: "×"
+            variant: "ghost"
           })]
         }),
         t != null && /* @__PURE__ */ e("div", {
@@ -10218,7 +10218,7 @@ var O1 = ({ children: t, className: c, isOpen: l, noPadding: a = !1, onClose: s,
     className: n,
     style: d
   });
-}, M2 = ({ emoji: t, icon: c, svg: l, appName: a, heading: s, onClick: o, className: i = "", showSeparator: n = !0 }) => /* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ r("div", {
+}, M2 = ({ emoji: t, icon: c, svg: l, appName: a, heading: s, onClick: o, className: i = "", showSeparator: n = !0 }) => /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ r("div", {
   className: [
     "app-header",
     o ? "app-header--clickable" : "",
@@ -10236,7 +10236,7 @@ var O1 = ({ children: t, className: c, isOpen: l, noPadding: a = !1, onClose: s,
     }),
     c && /* @__PURE__ */ e("span", {
       className: "app-header__icon",
-      children: /* @__PURE__ */ e(E, { name: c })
+      children: /* @__PURE__ */ e(G, { name: c })
     }),
     /* @__PURE__ */ r("div", {
       className: "app-header__copy",
@@ -10337,6 +10337,82 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       children: "×"
     })]
   });
+}, K = ({ title: t, position: c = "top", delay: l = 200, children: a, disabled: s = !1, className: o = "", maxWidth: i, maxHeight: n }) => {
+  const [d, h] = z(!1), [m, p] = z({
+    top: 0,
+    left: 0
+  }), g = Y(null), w = Y(null), v = Y(null), u = Y(null), f = Y(!1), C = n !== void 0, x = C ? 150 : 0, b = () => {
+    if (!v.current || !u.current) return;
+    const H = v.current.firstElementChild, S = H && H.getBoundingClientRect().width > 0 ? H.getBoundingClientRect() : v.current.getBoundingClientRect(), k = u.current.getBoundingClientRect(), A = 8;
+    let D = 0, P = 0;
+    switch (c) {
+      case "top":
+        D = S.top - k.height - A, P = S.left + S.width / 2 - k.width / 2;
+        break;
+      case "bottom":
+        D = S.bottom + A, P = S.left + S.width / 2 - k.width / 2;
+        break;
+      case "left":
+        D = S.top + S.height / 2 - k.height / 2, P = S.left - k.width - A;
+        break;
+      case "right":
+        D = S.top + S.height / 2 - k.height / 2, P = S.right + A;
+        break;
+    }
+    const O = 8;
+    P < O && (P = O), P + k.width > window.innerWidth - O && (P = window.innerWidth - k.width - O), D < O && (D = O), D + k.height > window.innerHeight - O && (D = window.innerHeight - k.height - O), p({
+      top: D,
+      left: P
+    });
+  }, M = () => {
+    s || f.current || (w.current && (clearTimeout(w.current), w.current = null), g.current = setTimeout(() => {
+      h(!0);
+    }, l));
+  }, _ = () => {
+    f.current || (g.current && clearTimeout(g.current), x > 0 ? w.current = setTimeout(() => h(!1), x) : h(!1));
+  }, N = (H) => {
+    H.pointerType !== "touch" && H.pointerType !== "pen" || s || (f.current = !0, g.current && (clearTimeout(g.current), g.current = null), H.stopPropagation(), h((S) => !S));
+  };
+  U(() => (d && (b(), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b)), () => {
+    window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
+  }), [d]), U(() => {
+    if (!d) return;
+    const H = (S) => {
+      v.current?.contains(S.target) || u.current?.contains(S.target) || h(!1);
+    };
+    return document.addEventListener("pointerdown", H), () => {
+      document.removeEventListener("pointerdown", H), f.current = !1;
+    };
+  }, [d]), U(() => () => {
+    g.current && clearTimeout(g.current), w.current && clearTimeout(w.current);
+  }, []);
+  const L = () => {
+    C && w.current && (clearTimeout(w.current), w.current = null);
+  }, y = () => {
+    C && (w.current = setTimeout(() => h(!1), x));
+  };
+  return /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("span", {
+    ref: v,
+    className: "tooltip-trigger",
+    onMouseEnter: M,
+    onMouseLeave: _,
+    onFocus: M,
+    onBlur: _,
+    onPointerDown: N,
+    children: a
+  }), d && t && q1(/* @__PURE__ */ r("div", {
+    ref: u,
+    className: `tooltip tooltip--${c} ${C ? "tooltip--scrollable" : ""} ${o}`,
+    style: {
+      top: `${m.top}px`,
+      left: `${m.left}px`,
+      ...i !== void 0 && { maxWidth: typeof i == "number" ? `${i}px` : i },
+      ...n !== void 0 && { maxHeight: typeof n == "number" ? `${n}px` : n }
+    },
+    onMouseEnter: L,
+    onMouseLeave: y,
+    children: [t, /* @__PURE__ */ e("div", { className: `tooltip__arrow tooltip__arrow--${c}` })]
+  }), document.body)] });
 }, jl = ({ action: t, secondaryAction: c, className: l = "", description: a, dismissLabel: s = "Dismiss", onDismiss: o, showDismiss: i = !0, title: n, variant: d = "default" }) => {
   const [h, m] = z(!1), p = t?.variant || (d === "default" ? "default" : d);
   if (h) return null;
@@ -10370,14 +10446,16 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           children: c.text
         })]
       })]
-    }), i && /* @__PURE__ */ e("button", {
-      className: "banner__dismiss",
-      type: "button",
+    }), i && /* @__PURE__ */ e(K, {
       title: s,
-      onClick: g,
-      children: /* @__PURE__ */ e(E, {
-        name: "clear",
-        size: "sm"
+      children: /* @__PURE__ */ e("button", {
+        className: "banner__dismiss",
+        type: "button",
+        onClick: g,
+        children: /* @__PURE__ */ e(G, {
+          name: "clear",
+          size: "sm"
+        })
       })
     })]
   });
@@ -10872,26 +10950,26 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     return l === "multiple" && Array.isArray(t) ? t.some((Z) => U1(Z, B)) : !1;
   }, D = (B) => {
     if (l === "range" && t && "start" in t) {
-      const { start: Z, end: Q } = t, i1 = B.getTime();
-      return i1 > Z.getTime() && i1 < Q.getTime();
+      const { start: Z, end: J } = t, n1 = B.getTime();
+      return n1 > Z.getTime() && n1 < J.getTime();
     }
     return !1;
-  }, P = (B) => l === "range" && y ? B.getTime() > y.getTime() : !1, O = (B) => B.getMonth() === L.getMonth(), o1 = (B) => {
+  }, P = (B) => l === "range" && y ? B.getTime() > y.getTime() : !1, O = (B) => B.getMonth() === L.getMonth(), s1 = (B) => {
     if (!k(B)) {
       if (l === "single") c?.(B);
       else if (l === "range") if (!y) v ? v(B) : (N(B), c?.(void 0));
       else {
-        const Z = A0(B, y) ? B : y, Q = A0(B, y) ? y : B;
+        const Z = A0(B, y) ? B : y, J = A0(B, y) ? y : B;
         c?.({
           start: Z,
-          end: Q
+          end: J
         }), v ? v(null) : N(null);
       }
       else if (l === "multiple") {
-        const Z = Array.isArray(t) ? t : [], Q = Z.findIndex((i1) => U1(i1, B));
-        if (Q >= 0) {
-          const i1 = Z.filter((b1, f1) => f1 !== Q);
-          c?.(i1.length > 0 ? i1 : void 0);
+        const Z = Array.isArray(t) ? t : [], J = Z.findIndex((n1) => U1(n1, B));
+        if (J >= 0) {
+          const n1 = Z.filter((b1, f1) => f1 !== J);
+          c?.(n1.length > 0 ? n1 : void 0);
         } else c?.([...Z, B]);
       }
     }
@@ -10901,7 +10979,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }, X = () => {
     const B = u0(L, 1);
     p ? p(B) : f(B);
-  }, a1 = () => {
+  }, i1 = () => {
     const B = /* @__PURE__ */ new Date(), Z = new Date(B.getFullYear(), B.getMonth(), 1);
     p ? p(Z) : f(Z), x("days"), l === "single" && c?.(B);
   }, I = () => {
@@ -10911,12 +10989,12 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }, p1 = (B) => {
     const Z = new Date(L.getFullYear(), B, 1);
     p ? p(Z) : f(Z), x("days");
-  }, s1 = (B) => {
+  }, h1 = (B) => {
     const Z = new Date(B, L.getMonth(), 1);
     p ? p(Z) : f(Z), x("months");
   }, W = () => {
     M(b - P1);
-  }, n1 = () => {
+  }, o1 = () => {
     M(b + P1);
   }, v1 = () => {
     const B = new Date(L.getFullYear() - 1, L.getMonth(), 1);
@@ -10934,12 +11012,14 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }, $1 = () => C === "years" ? /* @__PURE__ */ r("div", {
     className: "calendar__header",
     children: [
-      /* @__PURE__ */ e("button", {
-        type: "button",
-        className: "calendar__nav-button",
-        onClick: W,
+      /* @__PURE__ */ e(K, {
         title: "Previous years",
-        children: "‹"
+        children: /* @__PURE__ */ e("button", {
+          type: "button",
+          className: "calendar__nav-button",
+          onClick: W,
+          children: "‹"
+        })
       }),
       /* @__PURE__ */ r("div", {
         className: "calendar__month-year",
@@ -10949,23 +11029,27 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           b + P1 - 1
         ]
       }),
-      /* @__PURE__ */ e("button", {
-        type: "button",
-        className: "calendar__nav-button",
-        onClick: n1,
+      /* @__PURE__ */ e(K, {
         title: "Next years",
-        children: "›"
+        children: /* @__PURE__ */ e("button", {
+          type: "button",
+          className: "calendar__nav-button",
+          onClick: o1,
+          children: "›"
+        })
       })
     ]
   }) : C === "months" ? /* @__PURE__ */ r("div", {
     className: "calendar__header",
     children: [
-      /* @__PURE__ */ e("button", {
-        type: "button",
-        className: "calendar__nav-button",
-        onClick: v1,
+      /* @__PURE__ */ e(K, {
         title: "Previous year",
-        children: "‹"
+        children: /* @__PURE__ */ e("button", {
+          type: "button",
+          className: "calendar__nav-button",
+          onClick: v1,
+          children: "‹"
+        })
       }),
       /* @__PURE__ */ e("button", {
         type: "button",
@@ -10973,30 +11057,34 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         onClick: $,
         children: L.getFullYear()
       }),
-      /* @__PURE__ */ e("button", {
-        type: "button",
-        className: "calendar__nav-button",
-        onClick: y1,
+      /* @__PURE__ */ e(K, {
         title: "Next year",
-        children: "›"
+        children: /* @__PURE__ */ e("button", {
+          type: "button",
+          className: "calendar__nav-button",
+          onClick: y1,
+          children: "›"
+        })
       })
     ]
   }) : /* @__PURE__ */ r("div", {
     className: "calendar__header",
     children: [
-      /* @__PURE__ */ e("button", {
-        type: "button",
-        className: "calendar__nav-button",
-        onClick: V,
+      /* @__PURE__ */ e(K, {
         title: "Previous month",
-        children: "‹"
+        children: /* @__PURE__ */ e("button", {
+          type: "button",
+          className: "calendar__nav-button",
+          onClick: V,
+          children: "‹"
+        })
       }),
       /* @__PURE__ */ e("div", {
         className: "calendar__month-year",
         children: d ? /* @__PURE__ */ e("span", {
           className: "calendar__header-label",
           children: $0[L.getMonth()]
-        }) : /* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ e("button", {
+        }) : /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("button", {
           type: "button",
           className: "calendar__header-button",
           onClick: I,
@@ -11008,32 +11096,34 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           children: L.getFullYear()
         })] })
       }),
-      /* @__PURE__ */ e("button", {
-        type: "button",
-        className: "calendar__nav-button",
-        onClick: X,
+      /* @__PURE__ */ e(K, {
         title: "Next month",
-        children: "›"
+        children: /* @__PURE__ */ e("button", {
+          type: "button",
+          className: "calendar__nav-button",
+          onClick: X,
+          children: "›"
+        })
       })
     ]
-  }), K = () => {
-    const B = k1(), Z = (/* @__PURE__ */ new Date()).getFullYear(), Q = L.getFullYear();
+  }), Q = () => {
+    const B = k1(), Z = (/* @__PURE__ */ new Date()).getFullYear(), J = L.getFullYear();
     return /* @__PURE__ */ e("div", {
       className: "calendar__years-grid",
-      children: B.map((i1) => /* @__PURE__ */ e("button", {
+      children: B.map((n1) => /* @__PURE__ */ e("button", {
         type: "button",
-        className: `calendar__year-item ${i1 === Q ? "calendar__year-item--selected" : ""} ${i1 === Z ? "calendar__year-item--current" : ""}`,
-        onClick: () => s1(i1),
-        children: i1
-      }, i1))
+        className: `calendar__year-item ${n1 === J ? "calendar__year-item--selected" : ""} ${n1 === Z ? "calendar__year-item--current" : ""}`,
+        onClick: () => h1(n1),
+        children: n1
+      }, n1))
     });
-  }, t1 = () => {
-    const B = (/* @__PURE__ */ new Date()).getMonth(), Z = (/* @__PURE__ */ new Date()).getFullYear(), Q = L.getMonth(), i1 = L.getFullYear();
+  }, r1 = () => {
+    const B = (/* @__PURE__ */ new Date()).getMonth(), Z = (/* @__PURE__ */ new Date()).getFullYear(), J = L.getMonth(), n1 = L.getFullYear();
     return /* @__PURE__ */ e("div", {
       className: "calendar__months-grid",
       children: $0.map((b1, f1) => /* @__PURE__ */ e("button", {
         type: "button",
-        className: `calendar__month-item ${f1 === Q && i1 === L.getFullYear() ? "calendar__month-item--selected" : ""} ${f1 === B && Z === L.getFullYear() ? "calendar__month-item--current" : ""}`,
+        className: `calendar__month-item ${f1 === J && n1 === L.getFullYear() ? "calendar__month-item--selected" : ""} ${f1 === B && Z === L.getFullYear() ? "calendar__month-item--current" : ""}`,
         onClick: () => p1(f1),
         children: b1.substring(0, 3)
       }, b1))
@@ -11043,15 +11133,15 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     className: `calendar ${h}`,
     children: [
       g && $1(),
-      C === "years" && K(),
-      C === "months" && t1(),
-      C === "days" && /* @__PURE__ */ r(c1, { children: [
+      C === "years" && Q(),
+      C === "months" && r1(),
+      C === "days" && /* @__PURE__ */ r(l1, { children: [
         n && !d && /* @__PURE__ */ e("div", {
           className: "calendar__today-section",
           children: /* @__PURE__ */ e("button", {
             type: "button",
             className: "calendar__today-button",
-            onClick: a1,
+            onClick: i1,
             children: "Today"
           })
         }),
@@ -11066,14 +11156,14 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           className: "calendar__days",
           children: H.map((B, Z) => /* @__PURE__ */ e("div", {
             className: "calendar__week",
-            children: B.map((Q, i1) => /* @__PURE__ */ e("button", {
+            children: B.map((J, n1) => /* @__PURE__ */ e("button", {
               type: "button",
-              className: g1(Q),
-              onClick: () => o1(Q),
-              disabled: k(Q),
-              title: Q.toDateString(),
-              children: Q.getDate()
-            }, i1))
+              className: g1(J),
+              onClick: () => s1(J),
+              disabled: k(J),
+              title: J.toDateString(),
+              children: J.getDate()
+            }, n1))
           }, Z))
         })
       ] })
@@ -11176,13 +11266,13 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         className: `${g ? "card-content-hidden" : ""}`,
         children: [/* @__PURE__ */ r("span", {
           className: "card-title-content",
-          children: [a && /* @__PURE__ */ e(E, { name: a }), m]
+          children: [a && /* @__PURE__ */ e(G, { name: a }), m]
         }), o && /* @__PURE__ */ e("span", {
           className: "collapsible-button",
           onClick: () => w(!g),
           children: /* @__PURE__ */ e("span", {
             className: `opener-button ${g ? "opener-button-extended" : ""}`,
-            children: /* @__PURE__ */ e(E, {
+            children: /* @__PURE__ */ e(G, {
               name: "caret-up",
               size: "lg"
             })
@@ -11218,7 +11308,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       className: "checkbox-label",
       children: [/* @__PURE__ */ e("span", { className: "checkbox-box" }), (a || l) && /* @__PURE__ */ r("span", {
         className: "checkbox-text",
-        children: [a && /* @__PURE__ */ e(E, { name: a }), l && /* @__PURE__ */ e("span", {
+        children: [a && /* @__PURE__ */ e(G, { name: a }), l && /* @__PURE__ */ e("span", {
           className: "checkbox-text-label",
           children: l
         })]
@@ -11237,7 +11327,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       className: "chip__swatch",
       style: { backgroundColor: l }
     }),
-    o && /* @__PURE__ */ e(E, { name: o }),
+    o && /* @__PURE__ */ e(G, { name: o }),
     /* @__PURE__ */ e("span", {
       className: "chip__label",
       children: t
@@ -11257,11 +11347,11 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     children: [n && /* @__PURE__ */ e("div", {
       className: `collapsible-section__header ${N ? "" : "collapsible-section__header--inline"} ${g ? "collapsible-section__header--space-between" : ""} ${w ? "collapsible-section__header--swap" : ""} ${h ? "collapsible-section__header--highlight" : ""} ${d ? "collapsible-section__header--accent" : ""} ${p ? `collapsible-section__header--size-${p}` : ""} ${u ? `collapsible-section__header--variant-${u}` : ""} ${v !== "plain" ? `collapsible-section__header--tint-${v}` : ""}`,
       onClick: N ? _ : void 0,
-      children: N ? /* @__PURE__ */ r(c1, { children: [
+      children: N ? /* @__PURE__ */ r(l1, { children: [
         /* @__PURE__ */ r("div", {
           className: "collapsible-section__label",
           children: [
-            a && /* @__PURE__ */ e(E, {
+            a && /* @__PURE__ */ e(G, {
               name: a,
               variant: u
             }),
@@ -11269,10 +11359,10 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             n
           ]
         }),
-        m && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(E, { name: m }) }),
+        m && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(G, { name: m }) }),
         /* @__PURE__ */ e("span", {
           className: `collapsible-section__icon ${M ? "collapsible-section__icon--collapsed" : ""}`,
-          children: /* @__PURE__ */ e(E, { name: "caret-up" })
+          children: /* @__PURE__ */ e(G, { name: "caret-up" })
         }),
         /* @__PURE__ */ e("span", {
           className: "collapsible-section__right-details",
@@ -11286,7 +11376,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           /* @__PURE__ */ r("span", {
             className: "collapsible-section__label",
             children: [
-              a && /* @__PURE__ */ e(E, {
+              a && /* @__PURE__ */ e(G, {
                 name: a,
                 variant: u
               }),
@@ -11294,10 +11384,10 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               n
             ]
           }),
-          m && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(E, { name: m }) }),
+          m && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(G, { name: m }) }),
           /* @__PURE__ */ e("span", {
             className: `collapsible-section__icon ${M ? "collapsible-section__icon--collapsed" : ""}`,
-            children: /* @__PURE__ */ e(E, { name: "caret-up" })
+            children: /* @__PURE__ */ e(G, { name: "caret-up" })
           })
         ]
       })
@@ -12052,7 +12142,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       children: [
         (a || o) && /* @__PURE__ */ r("div", {
           className: "confirm-popover__header",
-          children: [o && /* @__PURE__ */ e(E, { name: o }), a && /* @__PURE__ */ e("span", {
+          children: [o && /* @__PURE__ */ e(G, { name: o }), a && /* @__PURE__ */ e("span", {
             className: "confirm-popover__title",
             children: a
           })]
@@ -12109,7 +12199,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   const h = (m) => {
     a && c?.();
   };
-  return t ? q1(/* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ e("div", {
+  return t ? q1(/* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("div", {
     style: {
       position: "fixed",
       inset: 0,
@@ -12156,13 +12246,15 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         className: "toast__action-button",
         children: a.label
       }),
-      o && /* @__PURE__ */ e("button", {
-        onClick: h,
-        className: "toast__close-button",
+      o && /* @__PURE__ */ e(K, {
         title: "Close",
-        children: /* @__PURE__ */ e(E, {
-          name: "clear",
-          size: "sm"
+        children: /* @__PURE__ */ e("button", {
+          onClick: h,
+          className: "toast__close-button",
+          children: /* @__PURE__ */ e(G, {
+            name: "clear",
+            size: "sm"
+          })
         })
       })
     ]
@@ -12283,82 +12375,6 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     value: n,
     children: t
   });
-}, d1 = ({ title: t, position: c = "top", delay: l = 200, children: a, disabled: s = !1, className: o = "", maxWidth: i, maxHeight: n }) => {
-  const [d, h] = z(!1), [m, p] = z({
-    top: 0,
-    left: 0
-  }), g = Y(null), w = Y(null), v = Y(null), u = Y(null), f = Y(!1), C = n !== void 0, x = C ? 150 : 0, b = () => {
-    if (!v.current || !u.current) return;
-    const H = v.current.firstElementChild, S = H && H.getBoundingClientRect().width > 0 ? H.getBoundingClientRect() : v.current.getBoundingClientRect(), k = u.current.getBoundingClientRect(), A = 8;
-    let D = 0, P = 0;
-    switch (c) {
-      case "top":
-        D = S.top - k.height - A, P = S.left + S.width / 2 - k.width / 2;
-        break;
-      case "bottom":
-        D = S.bottom + A, P = S.left + S.width / 2 - k.width / 2;
-        break;
-      case "left":
-        D = S.top + S.height / 2 - k.height / 2, P = S.left - k.width - A;
-        break;
-      case "right":
-        D = S.top + S.height / 2 - k.height / 2, P = S.right + A;
-        break;
-    }
-    const O = 8;
-    P < O && (P = O), P + k.width > window.innerWidth - O && (P = window.innerWidth - k.width - O), D < O && (D = O), D + k.height > window.innerHeight - O && (D = window.innerHeight - k.height - O), p({
-      top: D,
-      left: P
-    });
-  }, M = () => {
-    s || f.current || (w.current && (clearTimeout(w.current), w.current = null), g.current = setTimeout(() => {
-      h(!0);
-    }, l));
-  }, _ = () => {
-    f.current || (g.current && clearTimeout(g.current), x > 0 ? w.current = setTimeout(() => h(!1), x) : h(!1));
-  }, N = (H) => {
-    H.pointerType !== "touch" && H.pointerType !== "pen" || s || (f.current = !0, g.current && (clearTimeout(g.current), g.current = null), H.stopPropagation(), h((S) => !S));
-  };
-  U(() => (d && (b(), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b)), () => {
-    window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
-  }), [d]), U(() => {
-    if (!d) return;
-    const H = (S) => {
-      v.current?.contains(S.target) || u.current?.contains(S.target) || h(!1);
-    };
-    return document.addEventListener("pointerdown", H), () => {
-      document.removeEventListener("pointerdown", H), f.current = !1;
-    };
-  }, [d]), U(() => () => {
-    g.current && clearTimeout(g.current), w.current && clearTimeout(w.current);
-  }, []);
-  const L = () => {
-    C && w.current && (clearTimeout(w.current), w.current = null);
-  }, y = () => {
-    C && (w.current = setTimeout(() => h(!1), x));
-  };
-  return /* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ e("span", {
-    ref: v,
-    className: "tooltip-trigger",
-    onMouseEnter: M,
-    onMouseLeave: _,
-    onFocus: M,
-    onBlur: _,
-    onPointerDown: N,
-    children: a
-  }), d && t && q1(/* @__PURE__ */ r("div", {
-    ref: u,
-    className: `tooltip tooltip--${c} ${C ? "tooltip--scrollable" : ""} ${o}`,
-    style: {
-      top: `${m.top}px`,
-      left: `${m.left}px`,
-      ...i !== void 0 && { maxWidth: typeof i == "number" ? `${i}px` : i },
-      ...n !== void 0 && { maxHeight: typeof n == "number" ? `${n}px` : n }
-    },
-    onMouseEnter: L,
-    onMouseLeave: y,
-    children: [t, /* @__PURE__ */ e("div", { className: `tooltip__arrow tooltip__arrow--${c}` })]
-  }), document.body)] });
 }, Vr = ({ value: t, onChange: c, mode: l = "single", withTime: a = !1, timeFormat: s = "24h", withSeconds: o = !1, dateFormat: i = "YYYY-MM-DD", placeholder: n = "Select date...", disabled: d = !1, clearable: h = !0, autoClose: m = !0, alwaysOpen: p = !1, ...g }) => {
   const [w, v] = z(!1), [u, f] = z(0), [C, x] = z(0), [b, M] = z(0), [_, N] = z(!1), [L, y] = z(null), [H, S] = z({
     position: "fixed",
@@ -12381,7 +12397,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }, [p, D]);
   const P = j(() => {
     if (p || !D || !k.current || !A.current) return;
-    const I = k.current.getBoundingClientRect(), $ = A.current.getBoundingClientRect(), p1 = 16, s1 = 8, W = window.innerHeight - I.bottom - p1, n1 = I.top - p1, v1 = W < $.height && n1 > $.height ? I.top - $.height - s1 : I.bottom + s1, y1 = Math.max(p1, Math.min(v1, window.innerHeight - $.height - p1)), k1 = Math.max(p1, Math.min(I.left, window.innerWidth - $.width - p1));
+    const I = k.current.getBoundingClientRect(), $ = A.current.getBoundingClientRect(), p1 = 16, h1 = 8, W = window.innerHeight - I.bottom - p1, o1 = I.top - p1, v1 = W < $.height && o1 > $.height ? I.top - $.height - h1 : I.bottom + h1, y1 = Math.max(p1, Math.min(v1, window.innerHeight - $.height - p1)), k1 = Math.max(p1, Math.min(I.left, window.innerWidth - $.width - p1));
     S({
       position: "fixed",
       top: `${y1}px`,
@@ -12413,7 +12429,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       return a ? `${I} ${o ? F1(t, "HH:mm:ss") : F1(t, "HH:mm")}` : I;
     }
     return l === "range" && t && "start" in t ? `${F1(t.start, i)} - ${F1(t.end, i)}` : l === "multiple" && Array.isArray(t) ? t.map((I) => F1(I, i)).join(", ") : "";
-  }, o1 = (I) => {
+  }, s1 = (I) => {
     if (!a || !(I instanceof Date)) {
       c?.(I), m && l !== "multiple" && !p && v(!1);
       return;
@@ -12426,7 +12442,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     I.setHours($, C, b), c?.(I);
   }, X = (I) => {
     I.stopPropagation(), y(null), c?.(void 0);
-  }, a1 = O();
+  }, i1 = O();
   return /* @__PURE__ */ r("div", {
     className: "datepicker",
     children: [/* @__PURE__ */ r("div", {
@@ -12436,19 +12452,21 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         d || p || (D && y(null), v(!D));
       },
       children: [/* @__PURE__ */ e("span", {
-        className: `datepicker__value ${a1 ? "" : "datepicker__value--placeholder"}`,
-        children: a1 || n
+        className: `datepicker__value ${i1 ? "" : "datepicker__value--placeholder"}`,
+        children: i1 || n
       }), /* @__PURE__ */ r("div", {
         className: "datepicker__actions",
-        children: [h && a1 && /* @__PURE__ */ e("button", {
-          type: "button",
-          className: "datepicker__clear",
-          onClick: X,
+        children: [h && i1 && /* @__PURE__ */ e(K, {
           title: "Clear",
-          children: "×"
+          children: /* @__PURE__ */ e("button", {
+            type: "button",
+            className: "datepicker__clear",
+            onClick: X,
+            children: "×"
+          })
         }), /* @__PURE__ */ e("span", {
           className: "datepicker__icon",
-          children: /* @__PURE__ */ e(E, { name: "calendar" })
+          children: /* @__PURE__ */ e(G, { name: "calendar" })
         })]
       })]
     }), D && (p ? /* @__PURE__ */ r("div", {
@@ -12458,7 +12476,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         ...g,
         mode: l,
         value: t,
-        onChange: o1,
+        onChange: s1,
         rangeStart: l === "range" ? L : g.rangeStart,
         onRangeStartChange: l === "range" ? y : g.onRangeStartChange
       }), a && l === "single" && t instanceof Date && /* @__PURE__ */ r("div", {
@@ -12494,7 +12512,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               min: "0",
               max: "59"
             }),
-            o && /* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ e("span", { children: ":" }), /* @__PURE__ */ e("input", {
+            o && /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("span", { children: ":" }), /* @__PURE__ */ e("input", {
               type: "number",
               className: "datepicker__time-input",
               value: b,
@@ -12525,7 +12543,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         ...g,
         mode: l,
         value: t,
-        onChange: o1,
+        onChange: s1,
         rangeStart: l === "range" ? L : g.rangeStart,
         onRangeStartChange: l === "range" ? y : g.onRangeStartChange
       }), a && l === "single" && t instanceof Date && /* @__PURE__ */ r("div", {
@@ -12561,7 +12579,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               min: "0",
               max: "59"
             }),
-            o && /* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ e("span", { children: ":" }), /* @__PURE__ */ e("input", {
+            o && /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("span", { children: ":" }), /* @__PURE__ */ e("input", {
               type: "number",
               className: "datepicker__time-input",
               value: b,
@@ -12597,15 +12615,15 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }
   return o / a.length >= s;
 }, y0 = ({ allowCustomValue: t = !1, autofocus: c = !1, className: l = "", disabled: a = !1, error: s, highlighted: o = !1, id: i, label: n, maxVisibleSelectedLabels: d = 1, multilineChips: h = !1, multiple: m = !1, name: p, onChange: g, onSearchChange: w, options: v, placeholder: u = "Select an option", searchable: f = !0, searchValue: C, selectedCountDisplay: x = "inline", showChips: b = !1, sortSelectedFirst: M = !1, success: _, usePortal: N = !0, value: L, valueAsChip: y = !0 }) => {
-  const [H, S] = z(!1), [k, A] = z(C || ""), [D, P] = z(v), [O, o1] = z(-1), [V, X] = z([]), [a1, I] = z({
+  const [H, S] = z(!1), [k, A] = z(C || ""), [D, P] = z(v), [O, s1] = z(-1), [V, X] = z([]), [i1, I] = z({
     top: 0,
     left: 0,
     width: 0
-  }), [$, p1] = z(!1), s1 = Y(null), W = Y([]), n1 = Y(null), v1 = Y(null), y1 = C0(), k1 = i ?? `dropdown-${y1}`, g1 = Y(null);
+  }), [$, p1] = z(!1), h1 = Y(null), W = Y([]), o1 = Y(null), v1 = Y(null), y1 = C0(), k1 = i ?? `dropdown-${y1}`, g1 = Y(null);
   U(() => {
     if (H && M && m) {
-      const G = new Set(V.map((r1) => r1.value)), T = [], q = [];
-      v.forEach((r1) => (G.has(r1.value) ? T : q).push(r1)), g1.current = [...T, ...q];
+      const E = new Set(V.map((c1) => c1.value)), T = [], q = [];
+      v.forEach((c1) => (E.has(c1.value) ? T : q).push(c1)), g1.current = [...T, ...q];
     } else H || (g1.current = null);
   }, [
     H,
@@ -12613,13 +12631,13 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     m,
     v
   ]), U(() => {
-    const G = g1.current ?? v;
-    if (!f || !k) P(G);
+    const E = g1.current ?? v;
+    if (!f || !k) P(E);
     else {
       const T = c2(k);
-      P(G.filter((q) => c2(q.label).includes(T)));
+      P(E.filter((q) => c2(q.label).includes(T)));
     }
-    o1(-1);
+    s1(-1);
   }, [
     k,
     v,
@@ -12628,9 +12646,9 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   ]);
   const $1 = Y(L);
   U(() => {
-    const G = $1.current;
+    const E = $1.current;
     $1.current = L;
-    const T = !Object.is(G, L);
+    const T = !Object.is(E, L);
     if (L == null) {
       T && (X([]), A(""));
       return;
@@ -12647,7 +12665,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       if (m && Array.isArray(L))
         X(v.filter((q) => typeof q.value == "number" ? L.includes(q.value) : L.includes(q.value.toString()))), T && A("");
       else if (!m && (typeof L == "string" || typeof L == "number")) {
-        const q = v.find((r1) => typeof r1.value == "number" && typeof L == "number" ? r1.value === L : r1.value.toString() === L.toString());
+        const q = v.find((c1) => typeof c1.value == "number" && typeof L == "number" ? c1.value === L : c1.value.toString() === L.toString());
         q ? (X([q]), T && A(q.label)) : t && typeof L == "string" && L.trim() ? (X([{
           label: L.trim(),
           value: L.trim(),
@@ -12668,28 +12686,28 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   ]), U(() => {
     f && C !== void 0 && A(C);
   }, [C, f]), U(() => {
-    if (!H || !s1.current) return;
-    const G = () => {
-      if (!s1.current) return;
-      const T = s1.current.getBoundingClientRect(), q = window.innerHeight, r1 = 300, K1 = q - T.bottom, j1 = T.top, b0 = K1 < r1 && j1 > K1;
+    if (!H || !h1.current) return;
+    const E = () => {
+      if (!h1.current) return;
+      const T = h1.current.getBoundingClientRect(), q = window.innerHeight, c1 = 300, K1 = q - T.bottom, j1 = T.top, b0 = K1 < c1 && j1 > K1;
       p1(b0), N && I({
         top: b0 ? T.top + window.scrollY : T.bottom + window.scrollY,
         left: T.left + window.scrollX,
         width: T.width
       });
     };
-    return G(), window.addEventListener("scroll", G, !0), window.addEventListener("resize", G), () => {
-      window.removeEventListener("scroll", G, !0), window.removeEventListener("resize", G);
+    return E(), window.addEventListener("scroll", E, !0), window.addEventListener("resize", E), () => {
+      window.removeEventListener("scroll", E, !0), window.removeEventListener("resize", E);
     };
   }, [H, N]), U(() => {
-    const G = (T) => {
-      if (s1.current && !s1.current.contains(T.target)) {
+    const E = (T) => {
+      if (h1.current && !h1.current.contains(T.target)) {
         if (N && H) {
           const q = document.querySelector(".dropdown-menu--portal");
           if (q && q.contains(T.target)) return;
         }
         if (t && !m && k.trim() && !(V.length > 0 && V[0].label.toLowerCase() === k.trim().toLowerCase())) {
-          const q = v.find((r1) => r1.label.toLowerCase() === k.toLowerCase() || r1.value.toString() === k) || {
+          const q = v.find((c1) => c1.label.toLowerCase() === k.toLowerCase() || c1.value.toString() === k) || {
             label: k.trim(),
             value: k.trim(),
             className: "custom-option"
@@ -12700,8 +12718,8 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         S(!1), !m && V.length > 0 ? A(V[0].label) : m && f && A("");
       }
     };
-    return document.addEventListener("mousedown", G), () => {
-      document.removeEventListener("mousedown", G);
+    return document.addEventListener("mousedown", E), () => {
+      document.removeEventListener("mousedown", E);
     };
   }, [
     t,
@@ -12715,19 +12733,19 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     V,
     N
   ]);
-  const K = (G) => {
-    if (!G.disabled)
+  const Q = (E) => {
+    if (!E.disabled)
       if (m) {
-        const T = V.some((r1) => r1.value === G.value);
+        const T = V.some((c1) => c1.value === E.value);
         let q;
-        T ? q = V.filter((r1) => r1.value !== G.value) : q = [...V, G], X(q), f && A(""), g && g(q, p);
+        T ? q = V.filter((c1) => c1.value !== E.value) : q = [...V, E], X(q), f && A(""), g && g(q, p);
       } else
-        A(G.label), X([G]), S(!1), g && g(G, p);
-  }, t1 = () => {
+        A(E.label), X([E]), S(!1), g && g(E, p);
+  }, r1 = () => {
     if (!t || !k.trim()) return;
-    const G = v.find((q) => q.label.toLowerCase() === k.toLowerCase() || q.value.toString() === k);
-    if (G) {
-      K(G);
+    const E = v.find((q) => q.label.toLowerCase() === k.toLowerCase() || q.value.toString() === k);
+    if (E) {
+      Q(E);
       return;
     }
     const T = {
@@ -12740,82 +12758,82 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       X(q), A(""), g && g(q, p);
     } else
       X([T]), A(T.label), S(!1), g && g(T, p);
-  }, B = (G) => {
-    const T = V.filter((q) => q.value !== G.value);
+  }, B = (E) => {
+    const T = V.filter((q) => q.value !== E.value);
     X(T), g && (m ? g(T, p) : (g(null, p), f || A("")));
   }, Z = () => {
     X([]), (!f || !m) && A(""), S(!1), g && g(m ? [] : null, p);
-  }, Q = (G) => {
-    A(G), H || S(!0), w?.(G);
-  }, i1 = () => {
-    a || (S(!0), !m && f && V.length > 0 && A(""), (m || f) && n1.current?.focus());
+  }, J = (E) => {
+    A(E), H || S(!0), w?.(E);
+  }, n1 = () => {
+    a || (S(!0), !m && f && V.length > 0 && A(""), (m || f) && o1.current?.focus());
   }, b1 = () => {
-    a || (S(!H), H || (o1(-1), !m && f && V.length > 0 && A(""), (m || f) && n1.current?.focus()));
-  }, f1 = (G) => {
+    a || (S(!H), H || (s1(-1), !m && f && V.length > 0 && A(""), (m || f) && o1.current?.focus()));
+  }, f1 = (E) => {
     if (!a) {
       if (!H) {
-        (G.key === "ArrowDown" || G.key === "Enter") && (S(!0), G.preventDefault());
+        (E.key === "ArrowDown" || E.key === "Enter") && (S(!0), E.preventDefault());
         return;
       }
-      switch (G.key) {
+      switch (E.key) {
         case "ArrowDown":
-          if (G.preventDefault(), t && k && D.length === 0) return;
-          o1((T) => {
-            const q = T < (t && k && !D.some((r1) => r1.label.toLowerCase() === k.toLowerCase()) ? D.length : D.length - 1) ? T + 1 : 0;
+          if (E.preventDefault(), t && k && D.length === 0) return;
+          s1((T) => {
+            const q = T < (t && k && !D.some((c1) => c1.label.toLowerCase() === k.toLowerCase()) ? D.length : D.length - 1) ? T + 1 : 0;
             return q < D.length && W.current[q] && W.current[q]?.scrollIntoView({ block: "nearest" }), q;
           });
           break;
         case "ArrowUp":
-          if (G.preventDefault(), t && k && D.length === 0) return;
-          o1((T) => {
-            const q = t && k && !D.some((K1) => K1.label.toLowerCase() === k.toLowerCase()) ? D.length : D.length - 1, r1 = T > 0 ? T - 1 : q;
-            return r1 < D.length && W.current[r1] && W.current[r1]?.scrollIntoView({ block: "nearest" }), r1;
+          if (E.preventDefault(), t && k && D.length === 0) return;
+          s1((T) => {
+            const q = t && k && !D.some((K1) => K1.label.toLowerCase() === k.toLowerCase()) ? D.length : D.length - 1, c1 = T > 0 ? T - 1 : q;
+            return c1 < D.length && W.current[c1] && W.current[c1]?.scrollIntoView({ block: "nearest" }), c1;
           });
           break;
         case "Enter":
-          G.preventDefault(), O >= 0 && O < D.length ? K(D[O]) : (t && k && O === D.length || t && k && D.length === 0) && t1();
+          E.preventDefault(), O >= 0 && O < D.length ? Q(D[O]) : (t && k && O === D.length || t && k && D.length === 0) && r1();
           break;
         case "Escape":
-          G.preventDefault(), S(!1), !m && V.length > 0 ? A(V[0].label) : m && f && A("");
+          E.preventDefault(), S(!1), !m && V.length > 0 ? A(V[0].label) : m && f && A("");
           break;
         case "Backspace":
-          m && k === "" && V.length > 0 && (G.preventDefault(), B(V[V.length - 1]));
+          m && k === "" && V.length > 0 && (E.preventDefault(), B(V[V.length - 1]));
           break;
         default:
           break;
       }
     }
-  }, B1 = (G) => V.some((T) => T.value === G.value), D1 = () => {
+  }, B1 = (E) => V.some((T) => T.value === E.value), D1 = () => {
     if (V.length === 0) return "";
-    const G = Math.max(1, d);
-    if (V.length <= G) return V.map((r1) => r1.label).join(", ");
-    const T = V.slice(0, G).map((r1) => r1.label).join(", "), q = V.length - G;
+    const E = Math.max(1, d);
+    if (V.length <= E) return V.map((c1) => c1.label).join(", ");
+    const T = V.slice(0, E).map((c1) => c1.label).join(", "), q = V.length - E;
     return `${T} (+${q} ${q === 1 ? "other" : "others"})`;
   }, Y1 = () => m && b || f && H ? k : V.length > 0 ? m ? D1() : V[0].label : "", _1 = () => m && b ? V.length > 0 ? "" : u : H && f ? u : V.length > 0 ? "" : u, L1 = () => !m || V.length === 0 || x === "none" ? null : x === "floating" ? /* @__PURE__ */ r("div", {
     className: "dropdown-selected-count",
     children: [V.length, " selected"]
-  }) : null, T1 = () => !!(t && k && k.trim() && !D.some((G) => G.label.toLowerCase() === k.toLowerCase() || G.value.toString() === k)), t0 = () => {
+  }) : null, T1 = () => !!(t && k && k.trim() && !D.some((E) => E.label.toLowerCase() === k.toLowerCase() || E.value.toString() === k)), t0 = () => {
     if (!H || a) return null;
-    const G = /* @__PURE__ */ e("div", {
+    const E = /* @__PURE__ */ e("div", {
       ref: v1,
       className: `dropdown-menu ${N ? "dropdown-menu--portal" : ""} ${$ ? "dropdown-menu--upward" : ""}`,
       style: N ? {
         position: "absolute",
-        top: $ ? "auto" : `${a1.top}px`,
-        bottom: $ ? `${window.innerHeight - a1.top}px` : "auto",
-        left: `${a1.left}px`,
-        width: `${a1.width}px`,
+        top: $ ? "auto" : `${i1.top}px`,
+        bottom: $ ? `${window.innerHeight - i1.top}px` : "auto",
+        left: `${i1.left}px`,
+        width: `${i1.width}px`,
         zIndex: 9999
       } : void 0,
       children: D.length > 0 || T1() ? /* @__PURE__ */ r("ul", {
         className: "dropdown-options-list",
         children: [D.map((T, q) => /* @__PURE__ */ r("li", {
-          ref: (r1) => {
-            W.current[q] = r1;
+          ref: (c1) => {
+            W.current[q] = c1;
           },
           className: `dropdown-option ${T.className || ""} ${O === q ? "focused" : ""} ${B1(T) ? "selected" : ""} ${T.disabled ? "dropdown-option--disabled" : ""}`,
-          onClick: () => K(T),
-          onMouseEnter: () => o1(q),
+          onClick: () => Q(T),
+          onMouseEnter: () => s1(q),
           title: T.tooltip,
           children: [m && /* @__PURE__ */ e("div", {
             className: "dropdown-option-checkbox",
@@ -12844,9 +12862,9 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
                   className: "dropdown-option-prefix",
                   children: T.prefix
                 }),
-                T.icon && /* @__PURE__ */ e(E, { name: T.icon }),
+                T.icon && /* @__PURE__ */ e(G, { name: T.icon }),
                 /* @__PURE__ */ e("span", { children: T.label }),
-                T.suffixIcon && /* @__PURE__ */ e(E, { name: T.suffixIcon })
+                T.suffixIcon && /* @__PURE__ */ e(G, { name: T.suffixIcon })
               ]
             }), T.details && /* @__PURE__ */ e("span", {
               className: "dropdown-option-details",
@@ -12858,13 +12876,13 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             W.current[D.length] = T;
           },
           className: `dropdown-option dropdown-option--create ${O === D.length ? "focused" : ""}`,
-          onClick: t1,
-          onMouseEnter: () => o1(D.length),
+          onClick: r1,
+          onMouseEnter: () => s1(D.length),
           children: /* @__PURE__ */ e("div", {
             className: "dropdown-option-content",
             children: /* @__PURE__ */ r("span", {
               className: "dropdown-option-label",
-              children: [/* @__PURE__ */ e(E, { name: "plus" }), /* @__PURE__ */ r("span", { children: [
+              children: [/* @__PURE__ */ e(G, { name: "plus" }), /* @__PURE__ */ r("span", { children: [
                 "Create “",
                 k,
                 "”"
@@ -12877,11 +12895,11 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         children: "No options found"
       })
     });
-    return N ? q1(G, document.body) : G;
+    return N ? q1(E, document.body) : E;
   }, C1 = !m && V.length === 1 ? V[0] : null, I1 = y && !H && !m && V.length > 0, X1 = !!(C1?.icon && !k && !I1), r0 = !!(C1?.suffixIcon && !I1), Z1 = m && b;
   return /* @__PURE__ */ r("div", {
     className: `dropdown-container ${s ? "dropdown-error" : ""} ${_ ? "dropdown-success" : ""} ${o ? "dropdown-highlighted" : ""} ${m ? "multiple" : ""} ${a ? "disabled" : ""} ${m ? `count-display-${x}` : ""} ${l}`,
-    ref: s1,
+    ref: h1,
     children: [
       n && /* @__PURE__ */ e("label", {
         htmlFor: k1,
@@ -12893,40 +12911,40 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         children: [
           X1 && C1?.icon && /* @__PURE__ */ e("span", {
             className: "dropdown-selected-icon dropdown-selected-icon--prefix",
-            children: /* @__PURE__ */ e(E, { name: C1.icon })
+            children: /* @__PURE__ */ e(G, { name: C1.icon })
           }),
           I1 && C1 && /* @__PURE__ */ r("span", {
             className: "dropdown-value-chip",
-            onClick: i1,
-            children: [C1.icon && /* @__PURE__ */ e(E, { name: C1.icon }), /* @__PURE__ */ e("span", {
+            onClick: n1,
+            children: [C1.icon && /* @__PURE__ */ e(G, { name: C1.icon }), /* @__PURE__ */ e("span", {
               className: "dropdown-value-chip__label",
               children: C1.label
             })]
           }),
-          Z1 && V.map((G) => /* @__PURE__ */ r("span", {
+          Z1 && V.map((E) => /* @__PURE__ */ r("span", {
             className: "dropdown-chip",
             children: [/* @__PURE__ */ e("span", {
               className: "dropdown-chip__label",
-              children: G.label
+              children: E.label
             }), /* @__PURE__ */ e("button", {
               type: "button",
               className: "dropdown-chip__remove",
               title: "Remove",
               disabled: a,
               onClick: (T) => {
-                T.stopPropagation(), B(G);
+                T.stopPropagation(), B(E);
               },
               children: W0
             })]
-          }, `dd-chip-${G.value}`)),
+          }, `dd-chip-${E.value}`)),
           /* @__PURE__ */ e(A1, {
-            ref: n1,
+            ref: o1,
             id: k1,
             placeholder: I1 ? "" : _1(),
             value: I1 ? "" : Y1(),
-            onChange: f || m ? Q : () => {
+            onChange: f || m ? J : () => {
             },
-            onClick: i1,
+            onClick: n1,
             onKeyDown: f1,
             autoComplete: "off",
             autoFocus: c,
@@ -12937,7 +12955,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             children: [
               r0 && C1?.suffixIcon && /* @__PURE__ */ e("span", {
                 className: "dropdown-selected-icon dropdown-selected-icon--suffix",
-                children: /* @__PURE__ */ e(E, { name: C1.suffixIcon })
+                children: /* @__PURE__ */ e(G, { name: C1.suffixIcon })
               }),
               (!m && V.length > 0 || m && V.length > 0) && /* @__PURE__ */ e("span", {
                 className: "dropdown-action-button dropdown-clear-button",
@@ -13006,14 +13024,16 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           onKeyUp: v,
           readOnly: u,
           required: f
-        }), _ && /* @__PURE__ */ e("button", {
-          type: "button",
-          className: "input-date-clear",
-          onClick: () => p?.(void 0),
+        }), _ && /* @__PURE__ */ e(K, {
           title: "Clear date",
-          children: /* @__PURE__ */ e(E, {
-            name: "clear",
-            size: "sm"
+          children: /* @__PURE__ */ e("button", {
+            type: "button",
+            className: "input-date-clear",
+            onClick: () => p?.(void 0),
+            children: /* @__PURE__ */ e(G, {
+              name: "clear",
+              size: "sm"
+            })
           })
         })]
       }),
@@ -13204,7 +13224,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     children: [
       /* @__PURE__ */ e("div", {
         className: "input-search__icon",
-        children: /* @__PURE__ */ e(E, { name: "search" })
+        children: /* @__PURE__ */ e(G, { name: "search" })
       }),
       /* @__PURE__ */ e(A1, {
         autoComplete: t,
@@ -13223,14 +13243,16 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         value: w,
         ref: u
       }),
-      C && /* @__PURE__ */ e("button", {
-        type: "button",
-        className: "input-search__clear",
-        onClick: f,
+      C && /* @__PURE__ */ e(K, {
         title: "Clear search",
-        children: /* @__PURE__ */ e(E, {
-          name: "clear",
-          size: "sm"
+        children: /* @__PURE__ */ e("button", {
+          type: "button",
+          className: "input-search__clear",
+          onClick: f,
+          children: /* @__PURE__ */ e(G, {
+            name: "clear",
+            size: "sm"
+          })
         })
       })
     ]
@@ -13258,7 +13280,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     className: `control-panel__filter-title${t.isActive ? " control-panel__filter-title--active" : ""}`,
     children: [
       t.isActive && /* @__PURE__ */ e("span", { className: "control-panel__filter-active-dot" }),
-      t.icon && /* @__PURE__ */ e(E, { name: t.icon }),
+      t.icon && /* @__PURE__ */ e(G, { name: t.icon }),
       t.label
     ]
   }), /* @__PURE__ */ e(Tr, {
@@ -13442,7 +13464,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
                 className: "control-panel__filter-swatch",
                 style: { backgroundColor: i.color }
               }),
-              i.icon && /* @__PURE__ */ e(E, { name: i.icon }),
+              i.icon && /* @__PURE__ */ e(G, { name: i.icon }),
               /* @__PURE__ */ e("span", {
                 className: "control-panel__filter-label",
                 children: i.label
@@ -13588,7 +13610,7 @@ function N2(t, c, l = 0) {
           h.stopPropagation(), t.onOpenChange?.(!o, t);
         },
         type: "button",
-        children: /* @__PURE__ */ e(E, { name: "caret-right" })
+        children: /* @__PURE__ */ e(G, { name: "caret-right" })
       }) : /* @__PURE__ */ e("span", { className: "control-panel__nav-toggle-placeholder" })), /* @__PURE__ */ r("button", {
         className: i,
         onClick: () => {
@@ -13603,7 +13625,7 @@ function N2(t, c, l = 0) {
           t.icon ? /* @__PURE__ */ e("span", {
             className: "control-panel__nav-icon",
             style: t.color ? { color: t.color } : void 0,
-            children: /* @__PURE__ */ e(E, { name: t.icon })
+            children: /* @__PURE__ */ e(G, { name: t.icon })
           }) : t.color && /* @__PURE__ */ e("span", {
             className: "control-panel__nav-dot",
             style: { backgroundColor: t.color }
@@ -13666,7 +13688,7 @@ var Gr = [{
         }, o.value))
       })
     }),
-    a && a.options.length > 0 && /* @__PURE__ */ r(c1, { children: [l && /* @__PURE__ */ e(a0, { spacing: 0 }), /* @__PURE__ */ r("div", {
+    a && a.options.length > 0 && /* @__PURE__ */ r(l1, { children: [l && /* @__PURE__ */ e(a0, { spacing: 0 }), /* @__PURE__ */ r("div", {
       className: "control-panel__option control-panel__option--group-by",
       children: [/* @__PURE__ */ e("span", {
         className: "control-panel__filter-title",
@@ -13683,7 +13705,7 @@ var Gr = [{
         })
       })]
     })] }),
-    s && /* @__PURE__ */ r(c1, { children: [(l || a && a.options.length > 0) && /* @__PURE__ */ e(a0, { spacing: 0 }), /* @__PURE__ */ r("div", {
+    s && /* @__PURE__ */ r(l1, { children: [(l || a && a.options.length > 0) && /* @__PURE__ */ e(a0, { spacing: 0 }), /* @__PURE__ */ r("div", {
       className: "control-panel__option control-panel__option--chips",
       children: [/* @__PURE__ */ e("span", {
         className: "control-panel__filter-title",
@@ -13723,7 +13745,7 @@ var Gr = [{
               }),
               children: n.label
             }),
-            n.type === "radio" && /* @__PURE__ */ r(c1, { children: [n.label && /* @__PURE__ */ e("span", {
+            n.type === "radio" && /* @__PURE__ */ r(l1, { children: [n.label && /* @__PURE__ */ e("span", {
               className: "control-panel__filter-title",
               children: n.label
             }), /* @__PURE__ */ e("div", {
@@ -13749,7 +13771,7 @@ var Gr = [{
                         type: "radio",
                         value: p.value
                       }),
-                      p.icon && /* @__PURE__ */ e(E, { name: p.icon }),
+                      p.icon && /* @__PURE__ */ e(G, { name: p.icon }),
                       /* @__PURE__ */ e("span", {
                         className: "control-panel__filter-label",
                         children: p.label
@@ -13757,13 +13779,13 @@ var Gr = [{
                     ]
                   })
                 });
-                return p.title ? /* @__PURE__ */ e(d1, {
+                return p.title ? /* @__PURE__ */ e(K, {
                   title: p.title,
                   children: v
                 }, p.value) : /* @__PURE__ */ e(E1.Fragment, { children: v }, p.value);
               })
             })] }),
-            n.type === "chips" && /* @__PURE__ */ r(c1, { children: [n.label && /* @__PURE__ */ e("span", {
+            n.type === "chips" && /* @__PURE__ */ r(l1, { children: [n.label && /* @__PURE__ */ e("span", {
               className: "control-panel__filter-title",
               children: n.label
             }), /* @__PURE__ */ e("div", {
@@ -13805,7 +13827,7 @@ var Gr = [{
     "--control-panel-width": t,
     "--control-panel-shadow": d
   }, A = f.length === 0 ? [] : "type" in f[0] ? [{ options: f }] : f, D = !!(x || b || M || A.length > 0), P = g.length > 0 || w !== void 0 && w > 0;
-  return /* @__PURE__ */ r(c1, { children: [o && N && L && /* @__PURE__ */ e("div", {
+  return /* @__PURE__ */ r(l1, { children: [o && N && L && /* @__PURE__ */ e("div", {
     className: S,
     onClick: y
   }), /* @__PURE__ */ r("aside", {
@@ -13843,7 +13865,7 @@ var Gr = [{
           })]
         }), g.map((O) => /* @__PURE__ */ e(Dr, {
           filter: O,
-          onChange: (o1) => v?.(o1)
+          onChange: (s1) => v?.(s1)
         }, O.id))]
       }),
       P && D && /* @__PURE__ */ e(a0, { spacing: 0 }),
@@ -13876,7 +13898,7 @@ var Gr = [{
     variant: t.variant ?? "default",
     children: t.label
   });
-  return /* @__PURE__ */ r(c1, { children: [t.tooltip ? /* @__PURE__ */ e(d1, {
+  return /* @__PURE__ */ r(l1, { children: [t.tooltip ? /* @__PURE__ */ e(K, {
     title: t.tooltip,
     position: "right",
     children: n
@@ -13940,7 +13962,7 @@ var Gr = [{
     children: o ? void 0 : t || b
   });
 }, Wr = ({ code: t, size: c = "md", className: l = "" }) => {
-  if (!t) return /* @__PURE__ */ e(d1, {
+  if (!t) return /* @__PURE__ */ e(K, {
     title: `Unsupported country code: ${t}`,
     children: /* @__PURE__ */ e("div", {
       className: `flags flags--fallback flags--${c} ${l}`,
@@ -13953,7 +13975,7 @@ var Gr = [{
     children: [/* @__PURE__ */ e("source", {
       srcSet: s,
       type: "image/webp"
-    }), /* @__PURE__ */ e(d1, {
+    }), /* @__PURE__ */ e(K, {
       title: `Country: ${t.toUpperCase()}`,
       children: /* @__PURE__ */ e("img", {
         src: a,
@@ -13982,7 +14004,7 @@ var Gr = [{
   const o = c ? (a - 1) * t + 1 : 0, i = Math.min(a * t, c), n = s ? ` ${s}` : "";
   return c === l ? `Showing ${o}-${i} of ${l}${n}` : `Showing ${o}-${i} of ${c} filtered${n} (${l} total)`;
 }, J1 = ({ icon: t, title: c, description: l, noCard: a, primary: s, secondary: o, children: i }) => {
-  const n = s || o, d = typeof t == "string" ? /* @__PURE__ */ e(E, {
+  const n = s || o, d = typeof t == "string" ? /* @__PURE__ */ e(G, {
     name: t,
     size: "xxxl"
   }) : t;
@@ -14063,13 +14085,12 @@ var Gr = [{
             onClick: () => typeof b == "number" && a(b),
             children: b
           }, M)),
-          /* @__PURE__ */ e(F, {
+          /* @__PURE__ */ r(F, {
             variant: "default",
             borders: "sharp",
             disabled: t === c,
-            sufixIcon: "»",
             onClick: () => a(t + 1),
-            children: m("desktop") ? "Next" : ""
+            children: [m("desktop") ? "Next" : "", /* @__PURE__ */ e(G, { name: "next" })]
           })
         ]
       }),
@@ -14168,7 +14189,7 @@ var Gr = [{
   500
 ], H2 = (t) => typeof t.header == "string" ? t.header : t.key, lc = (t) => typeof t == "number" ? `${t}px` : t, S2 = (t) => /* @__PURE__ */ r("span", {
   className: "data-view__column-label",
-  children: [t.icon && /* @__PURE__ */ e(E, {
+  children: [t.icon && /* @__PURE__ */ e(G, {
     className: "data-view__column-icon",
     name: t.icon,
     size: "sm",
@@ -14178,7 +14199,7 @@ var Gr = [{
   const l = t.cellIcon?.(c), a = t.accessor ? t.accessor(c) : c[t.key];
   return l ? /* @__PURE__ */ r("span", {
     className: "data-view__cell-with-icon",
-    children: [/* @__PURE__ */ e(E, {
+    children: [/* @__PURE__ */ e(G, {
       className: "data-view__cell-icon",
       name: l
     }), /* @__PURE__ */ e("span", { children: a })]
@@ -14198,15 +14219,17 @@ function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
       secondary: h.secondary
     }) : /* @__PURE__ */ e(J1, { title: "No data available" });
   const S = (k, A) => {
-    const D = H.get(A), P = l(k, A), O = m && p.includes(P), o1 = N.has(P), V = n?.(k), X = `data-view__card ${i || V ? "data-view__card--clickable" : ""} ${O ? "data-view__card--selected" : ""} ${o1 ? "data-view__card--pinned" : ""} ${d?.(k) || ""}`, a1 = ($) => {
+    const D = H.get(A), P = l(k, A), O = m && p.includes(P), s1 = N.has(P), V = n?.(k), X = `data-view__card ${i || V ? "data-view__card--clickable" : ""} ${O ? "data-view__card--selected" : ""} ${s1 ? "data-view__card--pinned" : ""} ${d?.(k) || ""}`, i1 = ($) => {
       $.metaKey || $.ctrlKey || $.shiftKey || $.altKey || $.button !== 0 || i && ($.preventDefault(), i(k, $));
-    }, I = /* @__PURE__ */ r(c1, { children: [
-      o1 && /* @__PURE__ */ e("span", {
-        className: "data-view__card-pin",
+    }, I = /* @__PURE__ */ r(l1, { children: [
+      s1 && /* @__PURE__ */ e(K, {
         title: "Pinned",
-        children: /* @__PURE__ */ e(E, {
-          name: "pin",
-          size: "sm"
+        children: /* @__PURE__ */ e("span", {
+          className: "data-view__card-pin",
+          children: /* @__PURE__ */ e(G, {
+            name: "pin",
+            size: "sm"
+          })
         })
       }),
       m && w && /* @__PURE__ */ e("div", {
@@ -14229,7 +14252,7 @@ function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
             className: "data-view__card-title-row",
             children: [/* @__PURE__ */ r("div", {
               className: "data-view__card-title-line",
-              children: [$ && /* @__PURE__ */ e(E, {
+              children: [$ && /* @__PURE__ */ e(G, {
                 className: "data-view__card-icon",
                 name: $
               }), /* @__PURE__ */ e("span", {
@@ -14268,7 +14291,7 @@ function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
     return /* @__PURE__ */ r(E1.Fragment, { children: [D && /* @__PURE__ */ e(cc, { marker: D }), V ? /* @__PURE__ */ e("a", {
       className: X,
       href: V,
-      onClick: a1,
+      onClick: i1,
       children: I
     }) : /* @__PURE__ */ e("div", {
       className: X,
@@ -14298,7 +14321,7 @@ function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
                 className: "data-view__group-count",
                 children: A.totalCount
               }),
-              x && /* @__PURE__ */ e(E, {
+              x && /* @__PURE__ */ e(G, {
                 className: "data-view__group-chevron",
                 name: P ? "caret-down" : "caret-up",
                 size: "sm"
@@ -14307,7 +14330,7 @@ function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
           }), !P && /* @__PURE__ */ e("div", {
             className: L,
             style: y,
-            children: A.items.map((O, o1) => S(O, D + o1))
+            children: A.items.map((O, s1) => S(O, D + s1))
           })]
         }, A.key ?? "__null__");
       })
@@ -14338,7 +14361,7 @@ function ic({ config: t }) {
       onClick: () => n((h) => !h),
       children: /* @__PURE__ */ r("span", {
         className: "data-view__column-selector-label",
-        children: [s, /* @__PURE__ */ e(E, {
+        children: [s, /* @__PURE__ */ e(G, {
           name: "caret-down",
           size: "sm"
         })]
@@ -14369,12 +14392,12 @@ var nc = ({ items: t, sortKey: c, sortDirection: l, onSort: a, align: s = "left"
   ].filter(Boolean).join(" "),
   children: [t.map((n, d) => {
     const h = n.direction ?? "asc", m = o ? c === n.value : c === n.value && l === h;
-    return /* @__PURE__ */ e(d1, {
+    return /* @__PURE__ */ e(K, {
       title: `Sort by ${typeof n.label == "string" || typeof n.label == "number" ? String(n.label) : n.value}${o ? "" : ` ${h === "asc" ? "ascending" : "descending"}`}`,
       children: /* @__PURE__ */ e(F, {
         className: `mini-sort__button${m ? " is-active" : ""}`,
         disabled: n.disabled,
-        icon: n.icon ? /* @__PURE__ */ e(E, {
+        icon: n.icon ? /* @__PURE__ */ e(G, {
           className: "mini-sort__icon",
           name: n.icon,
           size: "sm",
@@ -14386,12 +14409,12 @@ var nc = ({ items: t, sortKey: c, sortDirection: l, onSort: a, align: s = "left"
         children: n.label ?? n.value
       })
     }, `${n.value}-${d}`);
-  }), o && /* @__PURE__ */ e(d1, {
+  }), o && /* @__PURE__ */ e(K, {
     title: `Direction: ${l === "asc" ? "ascending" : "descending"}`,
     children: /* @__PURE__ */ e(F, {
       className: "mini-sort__button mini-sort__direction",
       disabled: c === null,
-      icon: /* @__PURE__ */ e(E, {
+      icon: /* @__PURE__ */ e(G, {
         className: "mini-sort__icon",
         name: l === "asc" ? "arrow-up" : "arrow-down",
         size: "sm",
@@ -14425,46 +14448,46 @@ function oc({ columns: t, config: c, sortDirection: l, sortKey: a, onSort: s })
 function sc({ state: t }) {
   return /* @__PURE__ */ e("span", {
     className: `data-view__sort-icon data-view__sort-icon--${t}`,
-    children: /* @__PURE__ */ e(E, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
+    children: /* @__PURE__ */ e(G, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
   });
 }
-function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1, onSelectionChange: o, selectedIds: i, pageSizeOptions: n = i2, initialPageSize: d = i2[1], showPageSize: h = !0, card: m, actions: p, actionsWidth: g, timeline: w, onRowClick: v, rowHref: u, rowClassName: f, rowDetail: C, empty: x, initialSortKey: b = null, initialSortDirection: M = "asc", sortKey: _, sortDirection: N, onSortChange: L, miniSort: y, showCardSortControls: H = !0, desktopView: S = "table", cardMaxWidth: k, className: A, onPageChange: D, onPageSizeChange: P, currentPage: O, totalItems: o1, group: V, showResultsCount: X = !0, totalCount: a1, itemNoun: I, columnSelector: $ }) {
-  const { isMobile: p1 } = h0(), [s1, W] = z(b), [n1, v1] = z(M), [y1, k1] = z([]), g1 = i ?? y1, [$1, K] = z(1), t1 = O ?? $1, [B, Z] = z(d), [Q, i1] = z(() => t.reduce((R, J) => (J.width && (R[J.key] = J.width), R), {})), [b1, f1] = z(/* @__PURE__ */ new Set()), B1 = (R) => {
-    f1((J) => {
-      const h1 = new Set(J);
-      return h1.has(R) ? h1.delete(R) : h1.add(R), h1;
+function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1, onSelectionChange: o, selectedIds: i, pageSizeOptions: n = i2, initialPageSize: d = i2[1], showPageSize: h = !0, card: m, actions: p, actionsWidth: g, timeline: w, onRowClick: v, rowHref: u, rowClassName: f, rowDetail: C, empty: x, initialSortKey: b = null, initialSortDirection: M = "asc", sortKey: _, sortDirection: N, onSortChange: L, miniSort: y, showCardSortControls: H = !0, desktopView: S = "table", cardMaxWidth: k, className: A, onPageChange: D, onPageSizeChange: P, currentPage: O, totalItems: s1, group: V, showResultsCount: X = !0, totalCount: i1, itemNoun: I, columnSelector: $ }) {
+  const { isMobile: p1 } = h0(), [h1, W] = z(b), [o1, v1] = z(M), [y1, k1] = z([]), g1 = i ?? y1, [$1, Q] = z(1), r1 = O ?? $1, [B, Z] = z(d), [J, n1] = z(() => t.reduce((R, e1) => (e1.width && (R[e1.key] = e1.width), R), {})), [b1, f1] = z(/* @__PURE__ */ new Set()), B1 = (R) => {
+    f1((e1) => {
+      const d1 = new Set(e1);
+      return d1.has(R) ? d1.delete(R) : d1.add(R), d1;
     });
-  }, D1 = (R, J) => l?.(R, J) ?? J, Y1 = (R) => {
-    O === void 0 && K(R), D?.(R);
-  }, _1 = _ !== void 0 ? _ : s1, L1 = N ?? n1, T1 = (R, J) => {
-    _ === void 0 && W(R), N === void 0 && v1(J), L?.({
+  }, D1 = (R, e1) => l?.(R, e1) ?? e1, Y1 = (R) => {
+    O === void 0 && Q(R), D?.(R);
+  }, _1 = _ !== void 0 ? _ : h1, L1 = N ?? o1, T1 = (R, e1) => {
+    _ === void 0 && W(R), N === void 0 && v1(e1), L?.({
       key: R,
-      direction: J
+      direction: e1
     }), Y1(1);
   }, t0 = m1(() => new Set(a ?? []), [a]), C1 = m1(() => {
     let R = c;
     if (_1) {
-      const e1 = t.find((l1) => l1.key === _1);
-      if (e1) {
-        const l1 = e1.sortAccessor || e1.accessor || ((N1) => {
-          const z1 = N1[e1.key];
+      const t1 = t.find((a1) => a1.key === _1);
+      if (t1) {
+        const a1 = t1.sortAccessor || t1.accessor || ((N1) => {
+          const z1 = N1[t1.key];
           return typeof z1 == "string" || typeof z1 == "number" ? z1 : "";
         }), u1 = [...c].sort((N1, z1) => {
-          const R1 = l1(N1), x1 = l1(z1);
+          const R1 = a1(N1), x1 = a1(z1);
           return typeof R1 == "number" && typeof x1 == "number" ? R1 - x1 : String(R1).localeCompare(String(x1));
         });
         R = L1 === "asc" ? u1 : u1.reverse();
       }
     }
     if (t0.size === 0) return R;
-    const J = [], h1 = [];
-    if (R.forEach((e1, l1) => {
-      t0.has(D1(e1, l1)) ? J.push(e1) : h1.push(e1);
-    }), a && a.length > 1 && J.length > 1) {
-      const e1 = new Map(a.map((l1, u1) => [l1, u1]));
-      J.sort((l1, u1) => (e1.get(D1(l1, 0)) ?? 0) - (e1.get(D1(u1, 0)) ?? 0));
+    const e1 = [], d1 = [];
+    if (R.forEach((t1, a1) => {
+      t0.has(D1(t1, a1)) ? e1.push(t1) : d1.push(t1);
+    }), a && a.length > 1 && e1.length > 1) {
+      const t1 = new Map(a.map((a1, u1) => [a1, u1]));
+      e1.sort((a1, u1) => (t1.get(D1(a1, 0)) ?? 0) - (t1.get(D1(u1, 0)) ?? 0));
     }
-    return [...J, ...h1];
+    return [...e1, ...d1];
   }, [
     t,
     c,
@@ -14472,50 +14495,50 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
     _1,
     t0,
     a
-  ]), I1 = o1 !== void 0, X1 = I1 ? o1 : C1.length, r0 = Math.max(1, Math.ceil(X1 / B)), Z1 = Math.min(t1, r0), G = I1 ? C1 : C1.slice((Z1 - 1) * B, Z1 * B), T = X ? Ur(B, X1, a1 ?? X1, Z1, I) : null, q = m1(() => {
+  ]), I1 = s1 !== void 0, X1 = I1 ? s1 : C1.length, r0 = Math.max(1, Math.ceil(X1 / B)), Z1 = Math.min(r1, r0), E = I1 ? C1 : C1.slice((Z1 - 1) * B, Z1 * B), T = X ? Ur(B, X1, i1 ?? X1, Z1, I) : null, q = m1(() => {
     if (!V) return null;
     const R = /* @__PURE__ */ new Map();
-    return C1.forEach((J) => {
-      const h1 = V.groupBy(J);
-      R.set(h1, (R.get(h1) ?? 0) + 1);
+    return C1.forEach((e1) => {
+      const d1 = V.groupBy(e1);
+      R.set(d1, (R.get(d1) ?? 0) + 1);
     }), R;
-  }, [V, C1]), r1 = m1(() => {
+  }, [V, C1]), c1 = m1(() => {
     if (!V || !q) return null;
-    const R = /* @__PURE__ */ new Map(), J = [];
-    G.forEach((e1) => {
-      const l1 = V.groupBy(e1), u1 = R.get(l1);
-      u1 ? u1.push(e1) : (R.set(l1, [e1]), J.push(l1));
+    const R = /* @__PURE__ */ new Map(), e1 = [];
+    E.forEach((t1) => {
+      const a1 = V.groupBy(t1), u1 = R.get(a1);
+      u1 ? u1.push(t1) : (R.set(a1, [t1]), e1.push(a1));
     });
-    const h1 = J.map((e1) => ({
-      key: e1,
-      label: V.groupLabel(e1),
-      items: R.get(e1),
-      totalCount: q.get(e1) ?? 0
+    const d1 = e1.map((t1) => ({
+      key: t1,
+      label: V.groupLabel(t1),
+      items: R.get(t1),
+      totalCount: q.get(t1) ?? 0
     }));
-    return V.sortGroups ? h1.sort(V.sortGroups) : h1.sort((e1, l1) => e1.key === null ? 1 : l1.key === null ? -1 : 0), h1;
+    return V.sortGroups ? d1.sort(V.sortGroups) : d1.sort((t1, a1) => t1.key === null ? 1 : a1.key === null ? -1 : 0), d1;
   }, [
     V,
     q,
-    G
-  ]), K1 = m1(() => w ? q0(G.map((R) => ({
+    E
+  ]), K1 = m1(() => w ? q0(E.map((R) => ({
     id: w.idAccessor(R),
     date: w.dateAccessor(R)
-  })), w.granularity) : /* @__PURE__ */ new Map(), [G, w]), j1 = (R) => {
-    i === void 0 && k1(R), o?.(c.filter((J, h1) => R.includes(D1(J, h1))));
+  })), w.granularity) : /* @__PURE__ */ new Map(), [E, w]), j1 = (R) => {
+    i === void 0 && k1(R), o?.(c.filter((e1, d1) => R.includes(D1(e1, d1))));
   }, b0 = (R) => {
     R.sortable && (_1 === R.key ? T1(R.key, L1 === "asc" ? "desc" : "asc") : T1(R.key, "asc"));
-  }, U2 = (R, J) => {
+  }, U2 = (R, e1) => {
     R.preventDefault();
-    const h1 = R.clientX, e1 = Q[J] ?? 150, l1 = (N1) => {
-      const z1 = N1.clientX - h1, R1 = t.find((x1) => x1.key === J)?.minWidth ?? 120;
-      i1((x1) => ({
+    const d1 = R.clientX, t1 = J[e1] ?? 150, a1 = (N1) => {
+      const z1 = N1.clientX - d1, R1 = t.find((x1) => x1.key === e1)?.minWidth ?? 120;
+      n1((x1) => ({
         ...x1,
-        [J]: Math.max(R1, e1 + z1)
+        [e1]: Math.max(R1, t1 + z1)
       }));
     }, u1 = () => {
-      window.removeEventListener("mousemove", l1), window.removeEventListener("mouseup", u1);
+      window.removeEventListener("mousemove", a1), window.removeEventListener("mouseup", u1);
     };
-    window.addEventListener("mousemove", l1), window.addEventListener("mouseup", u1);
+    window.addEventListener("mousemove", a1), window.addEventListener("mouseup", u1);
   }, O0 = t.some((R) => R.filter), N0 = t.filter((R) => R.sortable), F2 = N0.map((R) => ({
     label: H2(R),
     value: R.key
@@ -14567,11 +14590,11 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
                 T1(null, L1);
                 return;
               }
-              const J = String(R.value);
-              T1(J, _1 === J ? L1 : "asc");
+              const e1 = String(R.value);
+              T1(e1, _1 === e1 ? L1 : "asc");
             }
           })
-        }), /* @__PURE__ */ e(d1, {
+        }), /* @__PURE__ */ e(K, {
           title: L1 === "asc" ? "Sort descending" : "Sort ascending",
           children: /* @__PURE__ */ e(F, {
             className: "data-view__card-sort-direction",
@@ -14580,7 +14603,7 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
               H0 && T1(H0.key, L1 === "asc" ? "desc" : "asc");
             },
             variant: "ghost",
-            children: /* @__PURE__ */ e(E, { name: L1 === "asc" ? "arrow-up" : "arrow-down" })
+            children: /* @__PURE__ */ e(G, { name: L1 === "asc" ? "arrow-up" : "arrow-down" })
           })
         })]
       }),
@@ -14592,7 +14615,7 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
         }, R.key))
       }),
       /* @__PURE__ */ e(ac, {
-        data: G,
+        data: E,
         columns: t,
         rowKey: D1,
         card: m,
@@ -14607,13 +14630,13 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
         pinnedIds: a,
         cardMaxWidth: k,
         isMobile: p1,
-        groups: r1 ?? void 0,
+        groups: c1 ?? void 0,
         showGroupCount: V?.showCount !== !1,
         collapsible: V?.collapsible,
         collapsedGroups: b1,
         onToggleGroup: B1,
-        onToggleSelect: (R, J) => {
-          j1(J ? [...g1, R] : g1.filter((h1) => h1 !== R));
+        onToggleSelect: (R, e1) => {
+          j1(e1 ? [...g1, R] : g1.filter((d1) => d1 !== R));
         }
       }),
       /* @__PURE__ */ e(a2, {
@@ -14629,7 +14652,7 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
       })
     ]
   });
-  const d0 = t.filter((R) => !R.hideInTable), Y2 = s && g1.length > 0 && g1.length === c.length, X2 = s && g1.length > 0 && g1.length < c.length, c0 = w && K1.size > 0, K0 = /* @__PURE__ */ r(c1, { children: [
+  const d0 = t.filter((R) => !R.hideInTable), Y2 = s && g1.length > 0 && g1.length === c.length, X2 = s && g1.length > 0 && g1.length < c.length, c0 = w && K1.size > 0, K0 = /* @__PURE__ */ r(l1, { children: [
     S0,
     /* @__PURE__ */ e("div", {
       className: "data-view__wrapper",
@@ -14646,9 +14669,9 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
           })
         }),
         d0.map((R) => {
-          const J = {};
-          return Q[R.key] && (J.width = Q[R.key]), R.minWidth && (J.minWidth = R.minWidth), /* @__PURE__ */ r("th", {
-            style: Object.keys(J).length > 0 ? J : void 0,
+          const e1 = {};
+          return J[R.key] && (e1.width = J[R.key]), R.minWidth && (e1.minWidth = R.minWidth), /* @__PURE__ */ r("th", {
+            style: Object.keys(e1).length > 0 ? e1 : void 0,
             className: R.sortable ? "is-sortable" : "",
             onClick: () => b0(R),
             children: [/* @__PURE__ */ r("span", {
@@ -14656,8 +14679,8 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
               children: [S2(R), R.sortable && /* @__PURE__ */ e(sc, { state: _1 === R.key ? L1 : "unsorted" })]
             }), /* @__PURE__ */ e("span", {
               className: "data-view__resizer",
-              onMouseDown: (h1) => U2(h1, R.key),
-              onClick: (h1) => h1.stopPropagation()
+              onMouseDown: (d1) => U2(d1, R.key),
+              onClick: (d1) => d1.stopPropagation()
             })]
           }, R.key);
         }),
@@ -14673,13 +14696,13 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
           s && /* @__PURE__ */ e("td", { className: "data-view__filter-cell data-view__filter-cell--spacer" }),
           d0.map((R) => /* @__PURE__ */ e("td", {
             className: "data-view__filter-cell",
-            style: Q[R.key] ? { width: Q[R.key] } : void 0,
+            style: J[R.key] ? { width: J[R.key] } : void 0,
             children: R.filter ?? null
           }, R.key)),
           p && /* @__PURE__ */ e("td", { className: "data-view__filter-cell data-view__filter-cell--spacer" })
         ]
       })] }), /* @__PURE__ */ e("tbody", { children: (() => {
-        if (G.length === 0) return /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", {
+        if (E.length === 0) return /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", {
           colSpan: d0.length + (c0 ? 1 : 0) + (s ? 1 : 0) + (p ? 1 : 0),
           className: "data-view__empty",
           children: x ? /* @__PURE__ */ e(J1, {
@@ -14690,18 +14713,18 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
             secondary: x.secondary
           }) : /* @__PURE__ */ e(J1, { title: "No data available" })
         }) });
-        const R = d0.length + (c0 ? 1 : 0) + (s ? 1 : 0) + (p ? 1 : 0), J = V?.showCount !== !1, h1 = (e1, l1) => {
-          const u1 = D1(e1, l1), N1 = g1.includes(u1), z1 = t0.has(u1), R1 = K1.get(l1), x1 = u?.(e1), Q0 = !!v || !!x1, K2 = (w1) => {
+        const R = d0.length + (c0 ? 1 : 0) + (s ? 1 : 0) + (p ? 1 : 0), e1 = V?.showCount !== !1, d1 = (t1, a1) => {
+          const u1 = D1(t1, a1), N1 = g1.includes(u1), z1 = t0.has(u1), R1 = K1.get(a1), x1 = u?.(t1), Q0 = !!v || !!x1, K2 = (w1) => {
             if (x1 && (w1.metaKey || w1.ctrlKey || w1.shiftKey)) {
               window.open(x1, "_blank", "noopener,noreferrer");
               return;
             }
-            v?.(e1, w1);
+            v?.(t1, w1);
           }, Q2 = (w1) => {
             w1.button !== 1 || !x1 || (w1.preventDefault(), window.open(x1, "_blank", "noopener,noreferrer"));
-          }, B0 = C?.(e1);
+          }, B0 = C?.(t1);
           return /* @__PURE__ */ r(E1.Fragment, { children: [/* @__PURE__ */ r("tr", {
-            className: `${N1 ? "is-selected" : ""} ${Q0 ? "data-view__row--clickable" : ""} ${z1 ? "data-view__row--pinned" : ""} ${f?.(e1) || ""}`,
+            className: `${N1 ? "is-selected" : ""} ${Q0 ? "data-view__row--clickable" : ""} ${z1 ? "data-view__row--pinned" : ""} ${f?.(t1) || ""}`,
             onClick: Q0 ? K2 : void 0,
             onAuxClick: x1 ? Q2 : void 0,
             children: [
@@ -14719,15 +14742,15 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
                 })
               }),
               d0.map((w1, R0) => /* @__PURE__ */ r("td", {
-                style: Q[w1.key] ? { width: Q[w1.key] } : void 0,
-                children: [R0 === 0 && z1 && /* @__PURE__ */ e(d1, {
+                style: J[w1.key] ? { width: J[w1.key] } : void 0,
+                children: [R0 === 0 && z1 && /* @__PURE__ */ e(K, {
                   title: "Pinned",
-                  children: /* @__PURE__ */ e(E, {
+                  children: /* @__PURE__ */ e(G, {
                     className: "data-view__pin-indicator",
                     name: "pin",
                     size: "sm"
                   })
-                }), B2(w1, e1)]
+                }), B2(w1, t1)]
               }, w1.key)),
               p && /* @__PURE__ */ e("td", {
                 className: "data-view__actions-cell",
@@ -14735,7 +14758,7 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
                 children: /* @__PURE__ */ e("div", {
                   className: "data-view__table-actions",
                   onClick: (w1) => w1.stopPropagation(),
-                  children: p(e1)
+                  children: p(t1)
                 })
               })
             ]
@@ -14748,38 +14771,38 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
             })
           })] }, u1);
         };
-        if (r1) {
-          let e1 = 0;
-          return r1.map((l1) => {
-            const u1 = e1;
-            e1 += l1.items.length;
-            const N1 = V?.collapsible && b1.has(l1.key);
+        if (c1) {
+          let t1 = 0;
+          return c1.map((a1) => {
+            const u1 = t1;
+            t1 += a1.items.length;
+            const N1 = V?.collapsible && b1.has(a1.key);
             return /* @__PURE__ */ r(E1.Fragment, { children: [/* @__PURE__ */ e("tr", {
               className: `data-view__group-row${V?.collapsible ? " data-view__group-row--collapsible" : ""}`,
-              onClick: V?.collapsible ? () => B1(l1.key) : void 0,
+              onClick: V?.collapsible ? () => B1(a1.key) : void 0,
               children: /* @__PURE__ */ r("td", {
                 colSpan: R,
                 className: "data-view__group-cell",
                 children: [
                   /* @__PURE__ */ e("span", {
                     className: "data-view__group-label",
-                    children: l1.label
+                    children: a1.label
                   }),
-                  J && /* @__PURE__ */ e("span", {
+                  e1 && /* @__PURE__ */ e("span", {
                     className: "data-view__group-count",
-                    children: l1.totalCount
+                    children: a1.totalCount
                   }),
-                  V?.collapsible && /* @__PURE__ */ e(E, {
+                  V?.collapsible && /* @__PURE__ */ e(G, {
                     className: "data-view__group-chevron",
                     name: N1 ? "caret-down" : "caret-up",
                     size: "sm"
                   })
                 ]
               })
-            }), !N1 && l1.items.map((z1, R1) => h1(z1, u1 + R1))] }, l1.key ?? "__null__");
+            }), !N1 && a1.items.map((z1, R1) => d1(z1, u1 + R1))] }, a1.key ?? "__null__");
           });
         }
-        return G.map((e1, l1) => h1(e1, l1));
+        return E.map((t1, a1) => d1(t1, a1));
       })() })] })
     }),
     /* @__PURE__ */ e(a2, {
@@ -14823,7 +14846,7 @@ var Q1 = (t) => {
     }), w(null), !o && i && u(!1));
   }, P = (W) => {
     w(W);
-  }, O = (W) => /^\d{4}-\d{2}-\d{2}$/.test(W) && Q1(W) !== void 0, o1 = () => {
+  }, O = (W) => /^\d{4}-\d{2}-\d{2}$/.test(W) && Q1(W) !== void 0, s1 = () => {
     O(x) ? A({
       ...y,
       start: x
@@ -14834,10 +14857,10 @@ var Q1 = (t) => {
       end: M
     }) : _(y.end ?? "");
   }, X = (W) => {
-    const n1 = /* @__PURE__ */ new Date(), v1 = /* @__PURE__ */ new Date();
+    const o1 = /* @__PURE__ */ new Date(), v1 = /* @__PURE__ */ new Date();
     v1.setDate(v1.getDate() - W), A({
       start: x0(v1),
-      end: x0(n1)
+      end: x0(o1)
     });
   };
   U(() => {
@@ -14845,12 +14868,12 @@ var Q1 = (t) => {
   }, [y.start]), U(() => {
     _(y.end ?? "");
   }, [y.end]);
-  const a1 = m1(() => u0(m, 1), [m]), I = o || v, $ = !o && v, p1 = j(() => {
+  const i1 = m1(() => u0(m, 1), [m]), I = o || v, $ = !o && v, p1 = j(() => {
     if (!$ || !N.current || !L.current) return;
-    const W = N.current.getBoundingClientRect(), n1 = L.current.getBoundingClientRect(), v1 = 16, y1 = 8, k1 = window.innerHeight - W.bottom - v1, g1 = W.top - v1, $1 = k1 < n1.height && g1 > n1.height ? W.top - n1.height - y1 : W.bottom + y1, K = Math.max(v1, Math.min($1, window.innerHeight - n1.height - v1)), t1 = W.left, B = Math.max(v1, Math.min(t1, window.innerWidth - n1.width - v1));
+    const W = N.current.getBoundingClientRect(), o1 = L.current.getBoundingClientRect(), v1 = 16, y1 = 8, k1 = window.innerHeight - W.bottom - v1, g1 = W.top - v1, $1 = k1 < o1.height && g1 > o1.height ? W.top - o1.height - y1 : W.bottom + y1, Q = Math.max(v1, Math.min($1, window.innerHeight - o1.height - v1)), r1 = W.left, B = Math.max(v1, Math.min(r1, window.innerWidth - o1.width - v1));
     C({
       position: "fixed",
-      top: `${K}px`,
+      top: `${Q}px`,
       left: `${B}px`,
       zIndex: 1e3
     });
@@ -14874,36 +14897,38 @@ var Q1 = (t) => {
     const W = (v1) => {
       const y1 = v1.target;
       N.current?.contains(y1) || L.current?.contains(y1) || u(!1);
-    }, n1 = (v1) => {
+    }, o1 = (v1) => {
       v1.key === "Escape" && u(!1);
     };
-    return document.addEventListener("mousedown", W), document.addEventListener("keydown", n1), () => {
-      document.removeEventListener("mousedown", W), document.removeEventListener("keydown", n1);
+    return document.addEventListener("mousedown", W), document.addEventListener("keydown", o1), () => {
+      document.removeEventListener("mousedown", W), document.removeEventListener("keydown", o1);
     };
   }, [$]);
-  const s1 = /* @__PURE__ */ r("div", {
+  const h1 = /* @__PURE__ */ r("div", {
     className: "date-range-picker__calendar",
     children: [/* @__PURE__ */ r("div", {
       className: "date-range-picker__nav",
       children: [
         /* @__PURE__ */ e(F, {
           variant: "default",
+          icon: "caret-left",
           onClick: () => p(u0(m, -1)),
-          children: "Prev"
+          title: "Previous month"
         }),
         /* @__PURE__ */ r("span", { children: [
           m.toLocaleString("default", { month: "long" }),
           " ",
           m.getFullYear(),
           " -",
-          a1.toLocaleString("default", { month: "long" }),
+          i1.toLocaleString("default", { month: "long" }),
           " ",
-          a1.getFullYear()
+          i1.getFullYear()
         ] }),
         /* @__PURE__ */ e(F, {
           variant: "default",
+          icon: "caret-right",
           onClick: () => p(u0(m, 1)),
-          children: "Next"
+          title: "Next month"
         })
       ]
     }), /* @__PURE__ */ r("div", {
@@ -14926,7 +14951,7 @@ var Q1 = (t) => {
         onChange: D,
         rangeStart: g,
         onRangeStartChange: P,
-        currentMonth: a1,
+        currentMonth: i1,
         onMonthChange: p,
         showHeader: !1,
         showToday: !1,
@@ -14953,7 +14978,7 @@ var Q1 = (t) => {
             children: W.label
           }, W.days))
         })]
-      }) : /* @__PURE__ */ r(c1, { children: [t && /* @__PURE__ */ e("label", {
+      }) : /* @__PURE__ */ r(l1, { children: [t && /* @__PURE__ */ e("label", {
         className: "date-range-picker__label",
         children: t
       }), n && n.length > 0 && /* @__PURE__ */ e("div", {
@@ -14973,7 +14998,7 @@ var Q1 = (t) => {
             placeholder: "YYYY-MM-DD",
             maxLength: 10,
             onChange: b,
-            onBlur: o1
+            onBlur: s1
           }),
           /* @__PURE__ */ e("span", {
             className: "date-range-picker__separator",
@@ -14994,12 +15019,12 @@ var Q1 = (t) => {
           })
         ]
       }),
-      o && I && s1,
+      o && I && h1,
       $ && q1(/* @__PURE__ */ e("div", {
         ref: L,
         className: "date-range-picker__overlay",
         style: f,
-        children: s1
+        children: h1
       }), document.body)
     ]
   });
@@ -15077,7 +15102,7 @@ function dc(t, c) {
   const l = (a) => a.match(/\S+|\s+/g) ?? [];
   return R2(l(t), l(c));
 }
-var mc = ({ a: t, b: c, side: l }) => /* @__PURE__ */ e(c1, { children: dc(t, c).map((a, s) => a.kind === "eq" ? /* @__PURE__ */ e("span", { children: a.val }, s) : a.kind === "del" && l === "old" ? /* @__PURE__ */ e("mark", {
+var mc = ({ a: t, b: c, side: l }) => /* @__PURE__ */ e(l1, { children: dc(t, c).map((a, s) => a.kind === "eq" ? /* @__PURE__ */ e("span", { children: a.val }, s) : a.kind === "del" && l === "old" ? /* @__PURE__ */ e("mark", {
   className: "dv-word dv-word--del",
   children: a.val
 }, s) : a.kind === "ins" && l === "new" ? /* @__PURE__ */ e("mark", {
@@ -15135,7 +15160,7 @@ function vc(t) {
   }
   return c;
 }
-var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t]).map((c, l) => c.name === "plain" ? /* @__PURE__ */ e("span", { children: c.val }, l) : /* @__PURE__ */ e("span", {
+var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t]).map((c, l) => c.name === "plain" ? /* @__PURE__ */ e("span", { children: c.val }, l) : /* @__PURE__ */ e("span", {
   className: `dv-token dv-token--${c.name}`,
   children: c.val
 }, l)) }), E0 = ({ line: t, side: c, type: l }) => {
@@ -15144,7 +15169,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
     a: t.oldText,
     b: t.newText,
     side: c
-  }) : l === "code" ? /* @__PURE__ */ e(gc, { text: a }) : /* @__PURE__ */ e(c1, { children: a });
+  }) : l === "code" ? /* @__PURE__ */ e(gc, { text: a }) : /* @__PURE__ */ e(l1, { children: a });
 }, ba = ({ oldValue: t, newValue: c, mode: l = "split", type: a = "text", oldTitle: s = "Before", newTitle: o = "After", showLineNumbers: i = !0 }) => {
   const n = m1(() => hc(t, c), [t, c]), d = m1(() => ({
     added: n.filter((h) => h.kind === "added").length,
@@ -15154,7 +15179,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
     className: `dv dv--${l} dv--${a}`,
     children: [/* @__PURE__ */ r("div", {
       className: "dv__header",
-      children: [l === "split" ? /* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ e("div", {
+      children: [l === "split" ? /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("div", {
         className: "dv__header-side",
         children: s
       }), /* @__PURE__ */ e("div", {
@@ -15242,7 +15267,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
         children: n.map((h, m) => /* @__PURE__ */ r("div", {
           className: `dv__row dv__row--${h.kind}`,
           children: [
-            i && /* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ e("span", {
+            i && /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("span", {
               className: "dv__lineno",
               children: h.kind !== "added" ? h.oldLineNo : ""
             }), /* @__PURE__ */ e("span", {
@@ -15285,7 +15310,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
     "--drawer-shadow": n,
     zIndex: y + 1
   }, S = M || x || b;
-  return /* @__PURE__ */ r(c1, { children: [g && /* @__PURE__ */ e("div", {
+  return /* @__PURE__ */ r(l1, { children: [g && /* @__PURE__ */ e("div", {
     className: "drawer-overlay",
     onClick: c,
     style: { zIndex: y }
@@ -15296,7 +15321,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
       /* @__PURE__ */ r("div", {
         className: "drawer__header",
         children: [
-          f && /* @__PURE__ */ e(d1, {
+          f && /* @__PURE__ */ e(K, {
             title: C,
             position: "bottom",
             children: /* @__PURE__ */ e(F, {
@@ -15309,7 +15334,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
           }),
           (h || m) && /* @__PURE__ */ r("h2", {
             className: "drawer__title",
-            children: [m && /* @__PURE__ */ e(E, { name: m }), h && /* @__PURE__ */ e("span", {
+            children: [m && /* @__PURE__ */ e(G, { name: m }), h && /* @__PURE__ */ e("span", {
               className: "drawer__title-text",
               children: h
             })]
@@ -15326,7 +15351,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
                 variant: k.variant ?? "ghost",
                 children: k.label
               }), D = k.title ?? k.label;
-              return D ? /* @__PURE__ */ e(d1, {
+              return D ? /* @__PURE__ */ e(K, {
                 title: D,
                 position: "bottom",
                 children: A
@@ -15335,11 +15360,11 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
           }),
           !v && /* @__PURE__ */ e(F, {
             className: "drawer__close",
+            icon: "clear",
             onClick: c,
             size: "medium",
             title: "Close drawer",
-            variant: "ghost",
-            children: "×"
+            variant: "ghost"
           })
         ]
       }),
@@ -20553,7 +20578,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
   const [c, l] = z(!1);
   if (t.length === 1) return /* @__PURE__ */ e("div", {
     className: "float-button-container",
-    children: /* @__PURE__ */ e(d1, {
+    children: /* @__PURE__ */ e(K, {
       title: t[0].label,
       position: "left",
       children: /* @__PURE__ */ e("button", {
@@ -20561,7 +20586,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
         onClick: t[0].onClick,
         children: /* @__PURE__ */ e("span", {
           className: "float-button__icon",
-          children: /* @__PURE__ */ e(E, {
+          children: /* @__PURE__ */ e(G, {
             name: t[0].icon,
             size: "xxl"
           })
@@ -20576,7 +20601,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
   };
   return /* @__PURE__ */ r("div", {
     className: "float-button-container",
-    children: [c && /* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ e("div", {
+    children: [c && /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("div", {
       className: "float-button-overlay",
       onClick: () => l(!1)
     }), /* @__PURE__ */ e("div", {
@@ -20586,21 +20611,23 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
         onClick: () => s(o),
         children: [/* @__PURE__ */ e("span", {
           className: "float-button-menu__icon",
-          children: /* @__PURE__ */ e(E, { name: o.icon })
+          children: /* @__PURE__ */ e(G, { name: o.icon })
         }), /* @__PURE__ */ e("span", {
           className: "float-button-menu__label",
           children: o.label
         })]
       }, `float-button-${i}`))
-    })] }), /* @__PURE__ */ e("button", {
-      className: `float-button ${c ? "float-button--active" : ""}`,
-      onClick: a,
+    })] }), /* @__PURE__ */ e(K, {
       title: "Actions menu",
-      children: /* @__PURE__ */ e("span", {
-        className: "float-button__icon",
-        children: /* @__PURE__ */ e(E, {
-          name: c ? "clear" : "plus",
-          size: "xxl"
+      children: /* @__PURE__ */ e("button", {
+        className: `float-button ${c ? "float-button--active" : ""}`,
+        onClick: a,
+        children: /* @__PURE__ */ e("span", {
+          className: "float-button__icon",
+          children: /* @__PURE__ */ e(G, {
+            name: c ? "clear" : "plus",
+            size: "xxl"
+          })
         })
       })
     })]
@@ -20719,7 +20746,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
               w(x.path);
             },
             children: [
-              /* @__PURE__ */ e(E, {
+              /* @__PURE__ */ e(G, {
                 name: "folder",
                 size: "sm"
               }),
@@ -20727,7 +20754,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(c1, { children: m1(() => vc(t), [t])
                 className: "folder-browser__entry-name",
                 children: x.name
               }),
-              /* @__PURE__ */ e(E, {
+              /* @__PURE__ */ e(G, {
                 className: "folder-browser__entry-chevron",
                 name: "arrow-right",
                 size: "sm"
@@ -20939,7 +20966,7 @@ var Sc = M1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, la
     },
     getRawValue: () => S
   }));
-  const { masked: D } = I0(S, N, w), P = D.includes(w) ? D.replace(new RegExp(w.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), w) : D, O = n ? "danger" : m, o1 = [
+  const { masked: D } = I0(S, N, w), P = D.includes(w) ? D.replace(new RegExp(w.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), w) : D, O = n ? "danger" : m, s1 = [
     "input-mask",
     `input-mask--${h}`,
     `input-mask--${O}`,
@@ -20954,22 +20981,22 @@ var Sc = M1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, la
     if (p || g) return;
     if (I.key === "Backspace") {
       I.preventDefault();
-      const n1 = S.slice(0, -1), { masked: v1 } = I0(n1, N, w);
-      k(n1), l?.(n1, v1);
+      const o1 = S.slice(0, -1), { masked: v1 } = I0(o1, N, w);
+      k(o1), l?.(o1, v1);
       return;
     }
     if (I.key.length !== 1 || I.ctrlKey || I.metaKey || (I.preventDefault(), S.length >= L)) return;
     const $ = I.key;
     let p1 = 0;
-    for (const n1 of N) if (n1.type === "token") {
+    for (const o1 of N) if (o1.type === "token") {
       if (p1 === S.length) {
-        if (!D2[n1.key].test($)) return;
+        if (!D2[o1.key].test($)) return;
         break;
       }
       p1++;
     }
-    const { masked: s1, rawAccepted: W } = I0(S + $, N, w);
-    k(W), l?.(W, s1), W.length === L && a?.(W, s1);
+    const { masked: h1, rawAccepted: W } = I0(S + $, N, w);
+    k(W), l?.(W, h1), W.length === L && a?.(W, h1);
   }, [
     p,
     g,
@@ -20979,9 +21006,9 @@ var Sc = M1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, la
     L,
     l,
     a
-  ]), X = s ?? N.map((I) => I.type === "literal" ? I.char : w).join(""), a1 = S.length === L;
+  ]), X = s ?? N.map((I) => I.type === "literal" ? I.char : w).join(""), i1 = S.length === L;
   return /* @__PURE__ */ r("div", {
-    className: o1,
+    className: s1,
     children: [
       o && /* @__PURE__ */ e("label", {
         className: "input-mask__label",
@@ -21002,7 +21029,7 @@ var Sc = M1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, la
             type: "text",
             inputMode: "text",
             autoComplete: M,
-            className: ["input-mask__input", a1 ? "input-mask__input--filled" : ""].filter(Boolean).join(" "),
+            className: ["input-mask__input", i1 ? "input-mask__input--filled" : ""].filter(Boolean).join(" "),
             value: P,
             placeholder: X,
             disabled: p,
@@ -21342,7 +21369,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
           variant: "info",
           disabled: !g,
           onClick: v,
-          children: ["Next ", /* @__PURE__ */ e(E, {
+          children: ["Next ", /* @__PURE__ */ e(G, {
             name: "next",
             size: "sm"
           })]
@@ -21491,7 +21518,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
             onClick: () => g(v),
             children: [/* @__PURE__ */ e("span", {
               className: "MenuHamburger_item__icon",
-              children: v.icon ? /* @__PURE__ */ e(E, { name: v.icon }) : null
+              children: v.icon ? /* @__PURE__ */ e(G, { name: v.icon }) : null
             }), /* @__PURE__ */ e("span", {
               className: "MenuHamburger_item__label",
               children: v.label
@@ -21622,7 +21649,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
     disabled: v.disabled,
     children: [v.icon && /* @__PURE__ */ e("span", {
       className: "navbar__item-icon",
-      children: v.icon ? /* @__PURE__ */ e(E, { name: v.icon }) : null
+      children: v.icon ? /* @__PURE__ */ e(G, { name: v.icon }) : null
     }), /* @__PURE__ */ e("span", {
       className: "navbar__item-label",
       children: v.label
@@ -21702,7 +21729,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
         className: "NotificationPanel__badge",
         children: t.length
       })]
-    }), s && q1(/* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ e("div", {
+    }), s && q1(/* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("div", {
       className: "NotificationPanel__backdrop",
       onClick: () => o(!1)
     }), /* @__PURE__ */ r("div", {
@@ -21793,7 +21820,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
       height: n,
       viewBox: p,
       children: [
-        !w && /* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ e("circle", {
+        !w && /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("circle", {
           className: "pie-chart__empty-circle",
           cx: h,
           cy: h,
@@ -22645,7 +22672,7 @@ ${s.textContent ?? ""}
     /* @__PURE__ */ r("div", {
       className: "rte-table-toolbar-group",
       children: [
-        /* @__PURE__ */ e(d1, {
+        /* @__PURE__ */ e(K, {
           title: "Add row above",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22654,7 +22681,7 @@ ${s.textContent ?? ""}
             children: "↑ Row"
           })
         }),
-        /* @__PURE__ */ e(d1, {
+        /* @__PURE__ */ e(K, {
           title: "Add row below",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22663,7 +22690,7 @@ ${s.textContent ?? ""}
             children: "↓ Row"
           })
         }),
-        /* @__PURE__ */ e(d1, {
+        /* @__PURE__ */ e(K, {
           title: "Remove last row",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22678,7 +22705,7 @@ ${s.textContent ?? ""}
     /* @__PURE__ */ r("div", {
       className: "rte-table-toolbar-group",
       children: [
-        /* @__PURE__ */ e(d1, {
+        /* @__PURE__ */ e(K, {
           title: "Add column left",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22687,7 +22714,7 @@ ${s.textContent ?? ""}
             children: "← Col"
           })
         }),
-        /* @__PURE__ */ e(d1, {
+        /* @__PURE__ */ e(K, {
           title: "Add column right",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22696,7 +22723,7 @@ ${s.textContent ?? ""}
             children: "→ Col"
           })
         }),
-        /* @__PURE__ */ e(d1, {
+        /* @__PURE__ */ e(K, {
           title: "Remove last column",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22710,7 +22737,7 @@ ${s.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-table-toolbar-divider" }),
     /* @__PURE__ */ e("div", {
       className: "rte-table-toolbar-group",
-      children: /* @__PURE__ */ e(d1, {
+      children: /* @__PURE__ */ e(K, {
         title: "Delete table",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22726,7 +22753,7 @@ ${s.textContent ?? ""}
   children: [
     /* @__PURE__ */ e("div", {
       className: "rte-toolbar-group",
-      children: Yc.map((h) => /* @__PURE__ */ e(d1, {
+      children: Yc.map((h) => /* @__PURE__ */ e(K, {
         title: h.title,
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22741,7 +22768,7 @@ ${s.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }),
     /* @__PURE__ */ r("div", {
       className: "rte-toolbar-group",
-      children: [Oc.map((h) => /* @__PURE__ */ e(d1, {
+      children: [Oc.map((h) => /* @__PURE__ */ e(K, {
         title: h.title,
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22751,7 +22778,7 @@ ${s.textContent ?? ""}
           },
           children: h.label
         })
-      }, h.command)), /* @__PURE__ */ e(d1, {
+      }, h.command)), /* @__PURE__ */ e(K, {
         title: "Task List",
         children: /* @__PURE__ */ r("button", {
           type: "button",
@@ -22759,14 +22786,14 @@ ${s.textContent ?? ""}
           onMouseDown: (h) => {
             h.preventDefault(), s();
           },
-          children: [/* @__PURE__ */ e(E, { name: "checkmark" }), " List"]
+          children: [/* @__PURE__ */ e(G, { name: "checkmark" }), " List"]
         })
       })]
     }),
     /* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }),
     /* @__PURE__ */ e("div", {
       className: "rte-toolbar-group",
-      children: Xc.map((h) => /* @__PURE__ */ e(d1, {
+      children: Xc.map((h) => /* @__PURE__ */ e(K, {
         title: `Heading ${h}`,
         children: /* @__PURE__ */ r("button", {
           type: "button",
@@ -22781,7 +22808,7 @@ ${s.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }),
     /* @__PURE__ */ e("div", {
       className: "rte-toolbar-group",
-      children: /* @__PURE__ */ e(d1, {
+      children: /* @__PURE__ */ e(K, {
         title: "Insert Link",
         children: /* @__PURE__ */ r("button", {
           type: "button",
@@ -22789,13 +22816,13 @@ ${s.textContent ?? ""}
           onMouseDown: (h) => {
             h.preventDefault(), o();
           },
-          children: [/* @__PURE__ */ e(E, { name: "link" }), " Link"]
+          children: [/* @__PURE__ */ e(G, { name: "link" }), " Link"]
         })
       })
     }),
-    t && /* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }), /* @__PURE__ */ r("div", {
+    t && /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }), /* @__PURE__ */ r("div", {
       className: "rte-toolbar-group",
-      children: [Kc.map((h) => /* @__PURE__ */ e(d1, {
+      children: [Kc.map((h) => /* @__PURE__ */ e(K, {
         title: h.title,
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22805,7 +22832,7 @@ ${s.textContent ?? ""}
           },
           children: h.label
         })
-      }, h.command + (h.value ?? ""))), /* @__PURE__ */ e(d1, {
+      }, h.command + (h.value ?? ""))), /* @__PURE__ */ e(K, {
         title: "Insert Table",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22821,38 +22848,38 @@ ${s.textContent ?? ""}
 }), Ya = ({ advanced: t = !1, error: c, format: l = "html", id: a, label: s, onBlur: o, onChange: i, placeholder: n, required: d = !1, value: h }) => {
   const m = Y(null), p = Y(!1), g = Y(null), [w, v] = z(/* @__PURE__ */ new Set());
   U(() => {
-    const K = m.current;
-    if (!K || p.current) return;
-    const t1 = h ?? "";
-    K.innerHTML !== t1 && (K.innerHTML = t1);
+    const Q = m.current;
+    if (!Q || p.current) return;
+    const r1 = h ?? "";
+    Q.innerHTML !== r1 && (Q.innerHTML = r1);
   }, [h]);
   const u = j(() => {
-    const K = m.current;
-    if (!K || !i) return;
+    const Q = m.current;
+    if (!Q || !i) return;
     p.current = !0;
-    const t1 = K.innerHTML.replace(/&nbsp;/g, " ");
-    i(l === "markdown" ? qc(t1) : t1), setTimeout(() => {
+    const r1 = Q.innerHTML.replace(/&nbsp;/g, " ");
+    i(l === "markdown" ? qc(r1) : r1), setTimeout(() => {
       p.current = !1;
     }, 0);
   }, [l, i]), { snapshotForUndo: f, undo: C, redo: x } = el(m, p, u), { showLinkPrompt: b, linkUrl: M, setLinkUrl: _, linkText: N, setLinkText: L, editingAnchorRef: y, openLinkPrompt: H, confirmLink: S, cancelLink: k } = tl({
     editorRef: m,
     snapshotForUndo: f,
     emitChange: u
-  }), { activeTable: A, tableToolbarPos: D, showTableToolbar: P, hideTableToolbar: O, addRowAbove: o1, addRowBelow: V, removeRow: X, addColumnLeft: a1, addColumnRight: I, removeColumn: $, deleteTable: p1 } = rl({
+  }), { activeTable: A, tableToolbarPos: D, showTableToolbar: P, hideTableToolbar: O, addRowAbove: s1, addRowBelow: V, removeRow: X, addColumnLeft: i1, addColumnRight: I, removeColumn: $, deleteTable: p1 } = rl({
     editorRef: m,
     snapshotForUndo: f,
     emitChange: u
-  }), s1 = j(() => {
-    const K = [
+  }), h1 = j(() => {
+    const Q = [
       "bold",
       "italic",
       "underline",
       "insertUnorderedList",
       "insertOrderedList"
-    ], t1 = /* @__PURE__ */ new Set();
-    K.forEach((Z) => {
+    ], r1 = /* @__PURE__ */ new Set();
+    Q.forEach((Z) => {
       try {
-        document.queryCommandState(Z) && t1.add(Z);
+        document.queryCommandState(Z) && r1.add(Z);
       } catch {
       }
     });
@@ -22861,83 +22888,83 @@ ${s.textContent ?? ""}
       let Z = B.getRangeAt(0).commonAncestorContainer;
       for (; Z && Z !== m.current; ) {
         if (Z.nodeType === Node.ELEMENT_NODE) {
-          const Q = Z.tagName.toLowerCase();
-          if (/^h[1-6]$/.test(Q)) {
-            t1.add(Q);
+          const J = Z.tagName.toLowerCase();
+          if (/^h[1-6]$/.test(J)) {
+            r1.add(J);
             break;
           }
-          Q === "pre" && t1.add("pre");
+          J === "pre" && r1.add("pre");
         }
         Z = Z.parentNode;
       }
     }
-    v(t1);
-  }, []), W = j((K, t1) => {
-    m.current?.focus(), document.execCommand(K, !1, t1), s1(), u();
-  }, [u, s1]), n1 = j((K) => {
-    const t1 = `h${K}`;
-    W("formatBlock", w.has(t1) ? "p" : t1);
+    v(r1);
+  }, []), W = j((Q, r1) => {
+    m.current?.focus(), document.execCommand(Q, !1, r1), h1(), u();
+  }, [u, h1]), o1 = j((Q) => {
+    const r1 = `h${Q}`;
+    W("formatBlock", w.has(r1) ? "p" : r1);
   }, [w, W]), v1 = j(() => {
     f();
-    const K = m.current;
-    if (!K) return;
-    K.focus();
-    const t1 = window.getSelection();
-    if (!t1 || t1.rangeCount === 0) return;
-    const B = t1.getRangeAt(0), Z = document.createElement("li");
+    const Q = m.current;
+    if (!Q) return;
+    Q.focus();
+    const r1 = window.getSelection();
+    if (!r1 || r1.rangeCount === 0) return;
+    const B = r1.getRangeAt(0), Z = document.createElement("li");
     Z.setAttribute("data-task", "true");
-    const Q = document.createElement("input");
-    Q.type = "checkbox", Q.style.marginRight = "6px";
-    const i1 = document.createElement("span");
-    i1.textContent = "​", Z.appendChild(Q), Z.appendChild(i1);
+    const J = document.createElement("input");
+    J.type = "checkbox", J.style.marginRight = "6px";
+    const n1 = document.createElement("span");
+    n1.textContent = "​", Z.appendChild(J), Z.appendChild(n1);
     const b1 = document.createElement("ul");
     b1.className = "rte-task-list", b1.appendChild(Z), B.deleteContents(), B.insertNode(b1);
     const f1 = document.createRange();
-    f1.setStart(i1, 1), f1.collapse(!0), t1.removeAllRanges(), t1.addRange(f1), u();
+    f1.setStart(n1, 1), f1.collapse(!0), r1.removeAllRanges(), r1.addRange(f1), u();
   }, [f, u]), y1 = j(() => {
     W("insertHTML", Qc);
-  }, [W]), k1 = j((K) => {
-    const t1 = K.target, B = t1.closest("a");
+  }, [W]), k1 = j((Q) => {
+    const r1 = Q.target, B = r1.closest("a");
     if (B) {
-      K.preventDefault(), H(B), s1();
+      Q.preventDefault(), H(B), h1();
       return;
     }
-    const Z = t1.closest("table");
-    Z ? P(Z) : O(), s1();
+    const Z = r1.closest("table");
+    Z ? P(Z) : O(), h1();
   }, [
     H,
-    s1,
+    h1,
     P,
     O
-  ]), g1 = j((K) => {
-    if ((K.ctrlKey || K.metaKey) && K.key === "z") {
-      K.preventDefault(), K.shiftKey ? x() : C();
+  ]), g1 = j((Q) => {
+    if ((Q.ctrlKey || Q.metaKey) && Q.key === "z") {
+      Q.preventDefault(), Q.shiftKey ? x() : C();
       return;
     }
-    const t1 = K.key.length === 1 && !K.ctrlKey && !K.metaKey, B = [
+    const r1 = Q.key.length === 1 && !Q.ctrlKey && !Q.metaKey, B = [
       "Enter",
       "Backspace",
       "Delete",
       " "
-    ].includes(K.key);
-    if ((t1 || B) && f(), K.key === "Enter" && !K.shiftKey) {
+    ].includes(Q.key);
+    if ((r1 || B) && f(), Q.key === "Enter" && !Q.shiftKey) {
       const Z = window.getSelection();
       if (Z && Z.rangeCount > 0) {
-        let Q = Z.getRangeAt(0).commonAncestorContainer;
-        for (; Q && Q !== m.current; ) {
-          if (Q.classList?.contains("rte-task-list")) {
-            K.preventDefault();
-            const i1 = document.createElement("li");
-            i1.setAttribute("data-task", "true");
+        let J = Z.getRangeAt(0).commonAncestorContainer;
+        for (; J && J !== m.current; ) {
+          if (J.classList?.contains("rte-task-list")) {
+            Q.preventDefault();
+            const n1 = document.createElement("li");
+            n1.setAttribute("data-task", "true");
             const b1 = document.createElement("input");
             b1.type = "checkbox", b1.style.marginRight = "6px";
             const f1 = document.createElement("span");
-            f1.textContent = "​", i1.appendChild(b1), i1.appendChild(f1), Q.appendChild(i1);
+            f1.textContent = "​", n1.appendChild(b1), n1.appendChild(f1), J.appendChild(n1);
             const B1 = document.createRange();
             B1.setStart(f1, 1), B1.collapse(!0), Z.removeAllRanges(), Z.addRange(B1);
             return;
           }
-          Q = Q.parentNode;
+          J = J.parentNode;
         }
       }
     }
@@ -22963,9 +22990,9 @@ ${s.textContent ?? ""}
         children: [
           /* @__PURE__ */ e(al, {
             advanced: t,
-            isActive: (K) => w.has(K),
+            isActive: (Q) => w.has(Q),
             exec: W,
-            applyHeading: n1,
+            applyHeading: o1,
             insertTaskList: v1,
             openLinkPrompt: () => H(),
             insertTable: y1,
@@ -22984,10 +23011,10 @@ ${s.textContent ?? ""}
           A && D && /* @__PURE__ */ e(ll, {
             pos: D,
             toolbarRef: g,
-            addRowAbove: o1,
+            addRowAbove: s1,
             addRowBelow: V,
             removeRow: X,
-            addColumnLeft: a1,
+            addColumnLeft: i1,
             addColumnRight: I,
             removeColumn: $,
             deleteTable: p1
@@ -23000,8 +23027,8 @@ ${s.textContent ?? ""}
             suppressContentEditableWarning: !0,
             "data-placeholder": n,
             onInput: u,
-            onKeyUp: s1,
-            onMouseUp: s1,
+            onKeyUp: h1,
+            onMouseUp: h1,
             onClick: k1,
             onKeyDown: g1,
             onBlur: o
@@ -23033,13 +23060,15 @@ ${s.textContent ?? ""}
       behavior: "smooth"
     });
   }, [t]);
-  return a ? /* @__PURE__ */ e("button", {
-    className: `scroll-to-top${l ? ` ${l}` : ""}`,
-    onClick: o,
+  return a ? /* @__PURE__ */ e(K, {
     title: "Scroll to top",
-    children: /* @__PURE__ */ e("span", {
-      className: "scroll-to-top__icon",
-      children: "▲"
+    children: /* @__PURE__ */ e("button", {
+      className: `scroll-to-top${l ? ` ${l}` : ""}`,
+      onClick: o,
+      children: /* @__PURE__ */ e("span", {
+        className: "scroll-to-top__icon",
+        children: "▲"
+      })
     })
   }) : null;
 }, Z2 = w0(null), G2 = () => f0(Z2), Ka = () => {
@@ -23090,7 +23119,7 @@ ${s.textContent ?? ""}
     children: [
       y.icon && /* @__PURE__ */ e("span", {
         className: "sidebar__link-icon",
-        children: /* @__PURE__ */ e(E, { name: y.icon })
+        children: /* @__PURE__ */ e(G, { name: y.icon })
       }),
       y.emoji && /* @__PURE__ */ e("span", {
         className: "sidebar__link-emoji",
@@ -23104,14 +23133,16 @@ ${s.textContent ?? ""}
         className: "sidebar__link-label",
         children: y.label
       }),
-      y.count !== void 0 && /* @__PURE__ */ e("span", {
-        className: "sidebar__link-count",
+      y.count !== void 0 && /* @__PURE__ */ e(K, {
         title: y.countLabel,
-        children: y.count
+        children: /* @__PURE__ */ e("span", {
+          className: "sidebar__link-count",
+          children: y.count
+        })
       })
     ]
   }, y.id);
-  return /* @__PURE__ */ r(c1, { children: [d && u && f && /* @__PURE__ */ e("div", {
+  return /* @__PURE__ */ r(l1, { children: [d && u && f && /* @__PURE__ */ e("div", {
     className: M,
     onClick: C
   }), /* @__PURE__ */ r("aside", {
@@ -23141,7 +23172,7 @@ ${s.textContent ?? ""}
                 className: "sidebar__section-title-row",
                 children: [y.icon && /* @__PURE__ */ e("span", {
                   className: "sidebar__section-icon",
-                  children: /* @__PURE__ */ e(E, { name: y.icon })
+                  children: /* @__PURE__ */ e(G, { name: y.icon })
                 }), /* @__PURE__ */ r("div", {
                   className: "sidebar__section-copy",
                   children: [y.title && /* @__PURE__ */ e("span", {
@@ -23255,7 +23286,7 @@ var ti = ({ variant: t = "text", animation: c = "pulse", width: l, height: a, bo
   return o > 1 ? /* @__PURE__ */ e("div", {
     className: "skeleton-group",
     children: m
-  }) : /* @__PURE__ */ e(c1, { children: m });
+  }) : /* @__PURE__ */ e(l1, { children: m });
 }, ol = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.length ?? 0, ri = ({ disabled: t = !1, largeValueState: c = "info", min: l = 0, max: a = 100, step: s = 1, value: o, onChange: i, showValues: n = !0, showValueAtTheRight: d = !1, valueSize: h, thin: m = !1, vertical: p = !1 }) => {
   const g = (f) => {
     i(parseFloat(f.target.value));
@@ -23330,11 +23361,13 @@ var ti = ({ variant: t = "text", animation: c = "pulse", width: l, height: a, bo
           children: [s && /* @__PURE__ */ e("h2", {
             className: "split-panel__right-title",
             children: s
-          }), /* @__PURE__ */ e("button", {
-            className: "split-panel__close",
-            onClick: a,
+          }), /* @__PURE__ */ e(K, {
             title: "Close panel",
-            children: "✕"
+            children: /* @__PURE__ */ e("button", {
+              className: "split-panel__close",
+              onClick: a,
+              children: "✕"
+            })
           })]
         }), /* @__PURE__ */ e("div", {
           className: "split-panel__right-content",
@@ -23368,18 +23401,20 @@ var ti = ({ variant: t = "text", animation: c = "pulse", width: l, height: a, bo
       const u = m[v];
       if (u <= 0) return null;
       const f = w.state || "default", C = w.pattern || "solid", x = sl(w, u, n);
-      return /* @__PURE__ */ e("div", {
-        className: [
-          "stacked-bar__segment",
-          `stacked-bar__segment--${f}`,
-          `stacked-bar__segment--${C}`,
-          t && C !== "solid" ? "stacked-bar__segment--animated" : ""
-        ].filter(Boolean).join(" "),
-        style: p ? { height: `${u}%` } : { width: `${u}%` },
+      return /* @__PURE__ */ e(K, {
         title: x,
-        children: i && /* @__PURE__ */ e("span", {
-          className: "stacked-bar__segment-label",
-          children: x
+        children: /* @__PURE__ */ e("div", {
+          className: [
+            "stacked-bar__segment",
+            `stacked-bar__segment--${f}`,
+            `stacked-bar__segment--${C}`,
+            t && C !== "solid" ? "stacked-bar__segment--animated" : ""
+          ].filter(Boolean).join(" "),
+          style: p ? { height: `${u}%` } : { width: `${u}%` },
+          children: i && /* @__PURE__ */ e("span", {
+            className: "stacked-bar__segment-label",
+            children: x
+          })
         })
       }, `stacked-bar-segment-${v}`);
     })
@@ -23426,7 +23461,7 @@ var ti = ({ variant: t = "text", animation: c = "pulse", width: l, height: a, bo
 function h2({ state: t }) {
   return /* @__PURE__ */ e("span", {
     className: `suggestions-list__sort-icon suggestions-list__sort-icon--${t}`,
-    children: /* @__PURE__ */ e(E, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
+    children: /* @__PURE__ */ e(G, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
   });
 }
 var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s = !1, onRowClick: o }) => {
@@ -23450,7 +23485,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
   }, L = m1(() => /* @__PURE__ */ r("div", {
     className: "list-suggestions-list",
     children: [
-      /* @__PURE__ */ e(d1, {
+      /* @__PURE__ */ e(K, {
         title: a,
         children: /* @__PURE__ */ e("legend", { children: l || "Suggestions" })
       }),
@@ -23521,6 +23556,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
   return /* @__PURE__ */ r("div", {
     className: "suggestions-list",
     children: [/* @__PURE__ */ e("div", { children: /* @__PURE__ */ r(F, {
+      icon: i ? "caret-up" : "caret-down",
       onClick: M,
       children: [
         i ? "Hide" : "Show",
@@ -24123,11 +24159,11 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     let V = o0;
     if (l && l.length > 0) {
       const X = new Set(l);
-      V = V.filter((a1) => X.has(a1.value));
+      V = V.filter((i1) => X.has(i1.value));
     }
-    if (x && (V = V.filter((X) => p2.has(X.value))), M && S && (V = V.filter((X) => (X.recommendedApps ?? []).some((a1) => a1.toLowerCase() === S))), N !== "all" && (V = V.filter((X) => dl(X.value) === N)), f.trim()) {
+    if (x && (V = V.filter((X) => p2.has(X.value))), M && S && (V = V.filter((X) => (X.recommendedApps ?? []).some((i1) => i1.toLowerCase() === S))), N !== "all" && (V = V.filter((X) => dl(X.value) === N)), f.trim()) {
       const X = f.toLowerCase().trim();
-      V = V.filter((a1) => a1.label.toLowerCase().includes(X) || (a1.recommendedApps ?? []).some((I) => I.toLowerCase().includes(X)));
+      V = V.filter((i1) => i1.label.toLowerCase().includes(X) || (i1.recommendedApps ?? []).some((I) => I.toLowerCase().includes(X)));
     }
     return V;
   }, [
@@ -24165,10 +24201,10 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       components: h.components
     });
   }, P = (V, X) => {
-    const a1 = X ? [...h.components, V] : h.components.filter((I) => I !== V);
+    const i1 = X ? [...h.components, V] : h.components.filter((I) => I !== V);
     p({
       effect: h.effect,
-      components: a1
+      components: i1
     });
   }, O = () => {
     w(), c();
@@ -24284,7 +24320,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
               }, V.value))
             })
           ]
-        }), s && /* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ r("div", {
+        }), s && /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ r("div", {
           className: "theme-settings__section",
           children: [/* @__PURE__ */ e("label", {
             htmlFor: "effect-selector",
@@ -24489,9 +24525,9 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     className: "tips-of-the-day",
     children: [
       /* @__PURE__ */ r("h3", { children: [
-        /* @__PURE__ */ e(E, { name: "sparkle" }),
+        /* @__PURE__ */ e(G, { name: "sparkle" }),
         " Tip Of The Day ",
-        /* @__PURE__ */ e(E, { name: "sparkle" })
+        /* @__PURE__ */ e(G, { name: "sparkle" })
       ] }),
       " ",
       /* @__PURE__ */ e("h4", { children: t[c] })
@@ -24514,13 +24550,15 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       onClick: i.onClick,
       children: i.label
     }),
-    s && /* @__PURE__ */ e("button", {
-      className: "toast__close",
-      onClick: l,
+    s && /* @__PURE__ */ e(K, {
       title: "Close",
-      children: /* @__PURE__ */ e(E, {
-        name: "clear",
-        size: "sm"
+      children: /* @__PURE__ */ e("button", {
+        className: "toast__close",
+        onClick: l,
+        children: /* @__PURE__ */ e(G, {
+          name: "clear",
+          size: "sm"
+        })
       })
     })
   ]
@@ -24535,7 +24573,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
         onClick: () => l(n.key),
         children: [n.icon && /* @__PURE__ */ e("span", {
           className: "toggle-buttons__card-icon",
-          children: /* @__PURE__ */ e(E, {
+          children: /* @__PURE__ */ e(G, {
             name: n.icon,
             size: "xl"
           })
@@ -24544,7 +24582,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
           children: n.label
         })]
       }, n.key);
-      return n.description ? /* @__PURE__ */ e(d1, {
+      return n.description ? /* @__PURE__ */ e(K, {
         title: n.description,
         children: d
       }, n.key) : d;
@@ -24607,7 +24645,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
           className: "memobit-toolbar__heading-icon",
           children: [
             a.svg,
-            a.icon && /* @__PURE__ */ e(E, { name: a.icon }),
+            a.icon && /* @__PURE__ */ e(G, { name: a.icon }),
             a.emoji
           ]
         }), /* @__PURE__ */ r("div", {
@@ -24703,7 +24741,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
           className: "tour-hud__btn",
           disabled: l === 0,
           onClick: i,
-          children: [/* @__PURE__ */ e(E, {
+          children: [/* @__PURE__ */ e(G, {
             name: "arrow-left",
             size: "sm"
           }), "Prev"]
@@ -24713,7 +24751,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
           className: "tour-hud__btn",
           disabled: l >= a - 1,
           onClick: n,
-          children: ["Next", /* @__PURE__ */ e(E, {
+          children: ["Next", /* @__PURE__ */ e(G, {
             name: "arrow-right",
             size: "sm"
           })]
@@ -25160,7 +25198,7 @@ function Ci({ redirectPath: t = "/" }) {
       w(!1);
     }
   };
-  return /* @__PURE__ */ r(c1, { children: [/* @__PURE__ */ e("div", {
+  return /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("div", {
     className: "LoginPage",
     children: /* @__PURE__ */ r("div", {
       className: "LoginPage__card",
@@ -25199,6 +25237,7 @@ function Ci({ redirectPath: t = "/" }) {
           /* @__PURE__ */ e(F, {
             type: "submit",
             variant: "info",
+            icon: "key",
             loading: g,
             fullWidth: !0,
             children: "Sign In"
@@ -25429,7 +25468,7 @@ var _i = (t, c, l) => {
   } catch {
     return t.trim();
   }
-}, _l = "1.0.19", Bi = 237, Ll = "b09e2e4", zl = "2026-07-12T16:04:18.732Z", Ri = "237", Vl = (t) => {
+}, _l = "1.0.21", Bi = 242, Ll = "4d81fc9", zl = "2026-07-14T09:19:47.258Z", Ri = "242", Vl = (t) => {
   const c = document.getElementById("mb-version-toast");
   if (c) {
     c.remove();
@@ -25453,7 +25492,7 @@ var _i = (t, c, l) => {
   const c = {
     ...t,
     lib: _l,
-    libBuildNumber: 237,
+    libBuildNumber: 242,
     libCommit: Ll,
     libBuildDate: zl
   };
@@ -25574,7 +25613,7 @@ export {
   Wr as Flag,
   _a as FloatButton,
   La as FolderBrowserModal,
-  E as Icon,
+  G as Icon,
   za as InfiniteScroll,
   Hr as InputDate,
   Va as InputEmail,
@@ -25644,7 +25683,7 @@ export {
   mi as ToggleButtons,
   m2 as ToggleSwitch,
   pi as Toolbar,
-  d1 as Tooltip,
+  K as Tooltip,
   vi as TourHud,
   gi as Tree,
   ui as WHtR,