@memobit/libs 1.0.22 → 1.0.25

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-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 E1, { Component as J2, Fragment as e3, createContext as C0, forwardRef as M1, useCallback as j, useContext as y0, useEffect as F, useId as b0, useImperativeHandle as y2, useMemo as m1, useRef as Y, useState as z } from "react";
 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", {
@@ -1445,7 +1445,7 @@ var t3 = /* @__PURE__ */ r("svg", {
   width: "1em",
   height: "1em",
   children: /* @__PURE__ */ e("path", { d: "M20 8c0-2.21-3.58-4-8-4S4 5.79 4 8c0 .93.47 1.77 1.23 2.45C4.47 11.12 4 12 4 13v6a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-6c0-1-.47-1.88-1.23-2.55C19.53 9.77 20 8.93 20 8zm-8-2c3.31 0 6 .9 6 2s-2.69 2-6 2-6-.9-6-2 2.69-2 6-2zm6 11H6v-4h12v4zm0-6H6v-.18C7.33 11.55 9.53 12 12 12s4.67-.45 6-1.18V11z" })
-}), f2 = /* @__PURE__ */ e("svg", {
+}), b2 = /* @__PURE__ */ e("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
@@ -1774,7 +1774,7 @@ var t3 = /* @__PURE__ */ r("svg", {
       ]
     })
   ]
-}), W0 = /* @__PURE__ */ e("svg", {
+}), O0 = /* @__PURE__ */ e("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
@@ -9509,7 +9509,7 @@ var t3 = /* @__PURE__ */ r("svg", {
   "calendar-month": C4,
   "calendar-week": y4,
   "calendar-year": b4,
-  "caret-down": f2,
+  "caret-down": b2,
   "caret-left": z4,
   "caret-right": V4,
   "caret-up": N4,
@@ -9651,7 +9651,7 @@ var t3 = /* @__PURE__ */ r("svg", {
   chestnut: r3,
   chicken: E4,
   chocolate: I4,
-  clear: W0,
+  clear: O0,
   clipboard: P4,
   cloud: W4,
   coffee: U4,
@@ -9973,7 +9973,7 @@ var t3 = /* @__PURE__ */ r("svg", {
   storm: Pt,
   uranus: Wt,
   venus: Ut
-}, G = ({ className: t = "", fade: c, fadeOnHover: l, name: a, pulse: s, pulseOnHover: o, size: i, spin: n, spinOnHover: d, variant: h }) => /* @__PURE__ */ e("span", {
+}, E = ({ 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(G, { name: l }), /* @__PURE__ */ e("span", {
+      children: [l && /* @__PURE__ */ e(E, { name: l }), /* @__PURE__ */ e("span", {
         className: "accordion-item__title-text",
         children: c
       })]
@@ -10047,9 +10047,9 @@ var t3 = /* @__PURE__ */ r("svg", {
       children: a
     })
   })]
-}), C2 = (t) => {
+}), x2 = (t) => {
   const c = Y(null);
-  U(() => {
+  F(() => {
     const l = () => {
       if (!c.current) return;
       const { overflow: a, position: s, top: o, left: i, right: n, width: d, scrollY: h } = c.current;
@@ -10073,14 +10073,14 @@ var t3 = /* @__PURE__ */ r("svg", {
       l();
     };
   }, [t]);
-}, y2 = w0(void 0), b2 = () => {
-  const t = f0(y2);
+}, M2 = C0(void 0), k2 = () => {
+  const t = y0(M2);
   if (t === void 0) throw new Error("useTheme must be used within a ThemeProvider");
   return t;
-}, x2 = (t) => {
-  const { effects: c } = b2();
+}, _2 = (t) => {
+  const { effects: c } = k2();
   return c.effect && c.components.includes(t) ? c.effect : "";
-}, F = E1.forwardRef(({ borders: t = "rounded", children: c, className: l, disabled: a = !1, fullWidth: s = !1, icon: o, iconVariant: i = "default", loading: n = !1, onClick: d, emojiIcon: h, size: m = "medium", style: p, sufixIcon: g, title: w, type: v = "button", variant: u = "default" }, f) => /* @__PURE__ */ e("button", {
+}, q = E1.forwardRef(({ borders: t = "rounded", children: c, className: l, disabled: a = !1, fullWidth: s = !1, icon: o, iconVariant: i = "default", loading: n = !1, onClick: d, emojiIcon: h, size: m = "medium", style: p, sufixIcon: g, title: w, type: v = "button", variant: u = "default" }, f) => /* @__PURE__ */ e("button", {
   ref: f,
   className: `button button-${m} button-${u} ${t === "rounded" ? "button-rounded" : ""} ${s ? "is-full-width" : ""} ${l || ""}`,
   disabled: a,
@@ -10089,26 +10089,26 @@ var t3 = /* @__PURE__ */ r("svg", {
   title: w,
   type: v,
   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, {
+    o !== void 0 && (typeof o == "string" ? /* @__PURE__ */ e(E, {
       size: "lg",
       name: o,
       variant: i
     }) : o),
     h && /* @__PURE__ */ e("span", { children: h }),
     c && /* @__PURE__ */ e("span", { children: c }),
-    g !== void 0 && (typeof g == "string" ? /* @__PURE__ */ e(G, {
+    g !== void 0 && (typeof g == "string" ? /* @__PURE__ */ e(E, {
       size: "lg",
       name: g,
       variant: i
     }) : g)
   ] })
 }));
-F.displayName = "Button";
+q.displayName = "Button";
 var O1 = ({ children: t, className: c, isOpen: l, noPadding: a = !1, onClose: s, onOverlayClick: o, primary: i, secondary: n, size: d = "auto", tertiary: h, title: m, titleIcon: p, usePortal: g = !1 }) => {
-  const w = x2("Modal");
-  C2(l);
+  const w = _2("Modal");
+  x2(l);
   const v = Y(null), u = Y(null);
-  if (U(() => {
+  if (F(() => {
     const x = (b) => {
       b.key === "Escape" && s && s();
     };
@@ -10128,10 +10128,10 @@ 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(G, { name: p }) : null,
+            p ? /* @__PURE__ */ e(E, { name: p }) : null,
             " ",
             m
-          ] }), /* @__PURE__ */ e(F, {
+          ] }), /* @__PURE__ */ e(q, {
             className: "modal__close",
             icon: "clear",
             onClick: s,
@@ -10147,21 +10147,21 @@ var O1 = ({ children: t, className: c, isOpen: l, noPadding: a = !1, onClose: s,
         f && /* @__PURE__ */ r("div", {
           className: "modal__footer",
           children: [
-            h && /* @__PURE__ */ e(F, {
+            h && /* @__PURE__ */ e(q, {
               variant: h.variant || "default",
               icon: h.icon,
               onClick: h.onClick,
               disabled: h.disabled,
               children: h.text
             }),
-            n && /* @__PURE__ */ e(F, {
+            n && /* @__PURE__ */ e(q, {
               variant: n.variant || "default",
               icon: n.icon || "clear",
               onClick: n.onClick,
               disabled: n.disabled,
               children: n.text
             }),
-            i && /* @__PURE__ */ e(F, {
+            i && /* @__PURE__ */ e(q, {
               variant: i.variant || "success",
               icon: i.icon || "checkmark",
               onClick: i.onClick,
@@ -10191,7 +10191,7 @@ var O1 = ({ children: t, className: c, isOpen: l, noPadding: a = !1, onClose: s,
     className: "alert-dialog__body",
     children: /* @__PURE__ */ e("p", { children: c })
   })
-}), a0 = ({ orientation: t = "horizontal", style: c = "solid", thickness: l = 1, spacing: a = 16, label: s, labelAlign: o = "center", className: i = "" }) => {
+}), n0 = ({ orientation: t = "horizontal", style: c = "solid", thickness: l = 1, spacing: a = 16, label: s, labelAlign: o = "center", className: i = "" }) => {
   const n = `separator separator--${t} separator--${c} ${i}`, d = {
     borderWidth: `${l}px`,
     ...t === "horizontal" ? {
@@ -10222,7 +10222,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(l1, { children: [/* @__PURE__ */ r("div", {
+}, L2 = ({ 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" : "",
@@ -10240,7 +10240,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(G, { name: c })
+      children: /* @__PURE__ */ e(E, { name: c })
     }),
     /* @__PURE__ */ r("div", {
       className: "app-header__copy",
@@ -10253,10 +10253,10 @@ var O1 = ({ children: t, className: c, isOpen: l, noPadding: a = !1, onClose: s,
       })]
     })
   ]
-}), n && /* @__PURE__ */ e(a0, {
+}), n && /* @__PURE__ */ e(n0, {
   className: "app-header__separator",
   spacing: 0
-})] }), k2 = [
+})] }), z2 = [
   {
     background: "#f6a821",
     color: "#1a1a1a"
@@ -10305,10 +10305,10 @@ function Ot(t) {
 function Yt(t) {
   let c = 0;
   for (const l of t) c += l.charCodeAt(0);
-  return c % k2.length;
+  return c % z2.length;
 }
 var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = "" }) => {
-  const s = Ot(t), { background: o, color: i } = k2[Yt(s)];
+  const s = Ot(t), { background: o, color: i } = z2[Yt(s)];
   return /* @__PURE__ */ e("div", {
     className: `avatar-initials avatar-initials--${c} avatar-initials--${l} ${a}`,
     style: {
@@ -10377,9 +10377,9 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }, 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)), () => {
+  F(() => (d && (b(), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b)), () => {
     window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
-  }), [d]), U(() => {
+  }), [d]), F(() => {
     if (!d) return;
     const H = (S) => {
       v.current?.contains(S.target) || u.current?.contains(S.target) || h(!1);
@@ -10387,7 +10387,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     return document.addEventListener("pointerdown", H), () => {
       document.removeEventListener("pointerdown", H), f.current = !1;
     };
-  }, [d]), U(() => () => {
+  }, [d]), F(() => () => {
     g.current && clearTimeout(g.current), w.current && clearTimeout(w.current);
   }, []);
   const L = () => {
@@ -10438,12 +10438,12 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         })]
       }), (t || c) && /* @__PURE__ */ r("div", {
         className: "banner__action",
-        children: [t && /* @__PURE__ */ e(F, {
+        children: [t && /* @__PURE__ */ e(q, {
           ...t,
           size: t.size || "small",
           variant: p,
           children: t.text
-        }), c && /* @__PURE__ */ e(F, {
+        }), c && /* @__PURE__ */ e(q, {
           ...c,
           size: c.size || "small",
           variant: c.variant || "ghost",
@@ -10456,7 +10456,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         className: "banner__dismiss",
         type: "button",
         onClick: g,
-        children: /* @__PURE__ */ e(G, {
+        children: /* @__PURE__ */ e(E, {
           name: "clear",
           size: "sm"
         })
@@ -10801,7 +10801,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     children: a ? cr(a) : l ?? `${t} selected`
   }), /* @__PURE__ */ r("div", {
     className: "memobit-bulk-action-bar__actions",
-    children: [s.map((h) => /* @__PURE__ */ e(F, {
+    children: [s.map((h) => /* @__PURE__ */ e(q, {
       disabled: h.disabled,
       icon: h.icon,
       onClick: () => {
@@ -10811,7 +10811,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       title: h.title,
       variant: h.variant ?? "default",
       children: h.label
-    }, h.key)), o && /* @__PURE__ */ e(F, {
+    }, h.key)), o && /* @__PURE__ */ e(q, {
       disabled: a !== void 0,
       icon: "clear",
       onClick: o,
@@ -10884,10 +10884,10 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
 }, ta = (t, c) => {
   const l = new Date(t);
   return l.setDate(l.getDate() + c), l;
-}, u0 = (t, c) => {
+}, f0 = (t, c) => {
   const l = new Date(t);
   return l.setMonth(l.getMonth() + c), l;
-}, A0 = (t, c) => {
+}, Z0 = (t, c) => {
   const l = new Date(t.getFullYear(), t.getMonth(), t.getDate()), a = new Date(c.getFullYear(), c.getMonth(), c.getDate());
   return l.getTime() < a.getTime();
 }, hr = (t, c) => {
@@ -10904,7 +10904,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   if (Math.abs(s) < 24) return `${Math.abs(s)}h ago`;
   const o = Math.round(s / 24);
   return `${Math.abs(o)}d ago`;
-}, P1 = 12, $0 = [
+}, P1 = 12, G0 = [
   "January",
   "February",
   "March",
@@ -10933,7 +10933,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   "Fri",
   "Sat",
   "Sun"
-], _0 = ({ value: t, onChange: c, mode: l = "single", minDate: a, maxDate: s, disabledDates: o, firstDayOfWeek: i = 0, showToday: n = !0, yearOnly: d = !1, className: h = "", currentMonth: m, onMonthChange: p, showHeader: g = !0, rangeStart: w, onRangeStartChange: v }) => {
+], V0 = ({ value: t, onChange: c, mode: l = "single", minDate: a, maxDate: s, disabledDates: o, firstDayOfWeek: i = 0, showToday: n = !0, yearOnly: d = !1, className: h = "", currentMonth: m, onMonthChange: p, showHeader: g = !0, rangeStart: w, onRangeStartChange: v }) => {
   const [u, f] = z(() => {
     if (t) {
       if (t instanceof Date) return new Date(t.getFullYear(), t.getMonth(), 1);
@@ -10944,7 +10944,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }), [C, x] = z("days"), [b, M] = z(() => {
     const B = (m ?? u).getFullYear();
     return Math.floor(B / P1) * P1;
-  }), [_, N] = z(null), L = m ?? u, y = w ?? _, H = m1(() => nr(L.getFullYear(), L.getMonth(), i), [L, i]), S = i === 1 ? mr : dr, k = (B) => a && A0(B, a) || s && hr(B, s) ? !0 : o ? typeof o == "function" ? o(B) : o.some((Z) => U1(Z, B)) : !1, A = (B) => {
+  }), [_, N] = z(null), L = m ?? u, y = w ?? _, H = m1(() => nr(L.getFullYear(), L.getMonth(), i), [L, i]), S = i === 1 ? mr : dr, k = (B) => a && Z0(B, a) || s && hr(B, s) ? !0 : o ? typeof o == "function" ? o(B) : o.some((Z) => U1(Z, B)) : !1, A = (B) => {
     if (!t) return !1;
     if (l === "single" && t instanceof Date) return U1(B, t);
     if (l === "range") {
@@ -10963,7 +10963,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       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, J = A0(B, y) ? y : B;
+        const Z = Z0(B, y) ? B : y, J = Z0(B, y) ? y : B;
         c?.({
           start: Z,
           end: J
@@ -10978,12 +10978,12 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       }
     }
   }, V = () => {
-    const B = u0(L, -1);
+    const B = f0(L, -1);
     p ? p(B) : f(B);
   }, X = () => {
-    const B = u0(L, 1);
+    const B = f0(L, 1);
     p ? p(B) : f(B);
-  }, i1 = () => {
+  }, a1 = () => {
     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 = () => {
@@ -11087,12 +11087,12 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         className: "calendar__month-year",
         children: d ? /* @__PURE__ */ e("span", {
           className: "calendar__header-label",
-          children: $0[L.getMonth()]
+          children: G0[L.getMonth()]
         }) : /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("button", {
           type: "button",
           className: "calendar__header-button",
           onClick: I,
-          children: $0[L.getMonth()]
+          children: G0[L.getMonth()]
         }), /* @__PURE__ */ e("button", {
           type: "button",
           className: "calendar__header-button",
@@ -11125,7 +11125,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     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", {
+      children: G0.map((b1, f1) => /* @__PURE__ */ e("button", {
         type: "button",
         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),
@@ -11145,7 +11145,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           children: /* @__PURE__ */ e("button", {
             type: "button",
             className: "calendar__today-button",
-            onClick: i1,
+            onClick: a1,
             children: "Today"
           })
         }),
@@ -11256,9 +11256,9 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       })
     ]
   });
-}, _2 = ({ children: t, className: c, footerContent: l, icon: a, isCollapsed: s, isCollapsible: o, isFooterCollapsible: i = !0, isHighlighted: n, noPadding: d, onClick: h, title: m, variant: p = "default" }) => {
-  const [g, w] = z(s || !1), v = x2("Card");
-  U(() => {
+}, V2 = ({ children: t, className: c, footerContent: l, icon: a, isCollapsed: s, isCollapsible: o, isFooterCollapsible: i = !0, isHighlighted: n, noPadding: d, onClick: h, title: m, variant: p = "default" }) => {
+  const [g, w] = z(s || !1), v = _2("Card");
+  F(() => {
     typeof s == "boolean" && w(s);
   }, [s]);
   const u = p !== "default" ? `card-variant-${p}` : "";
@@ -11270,13 +11270,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(G, { name: a }), m]
+          children: [a && /* @__PURE__ */ e(E, { 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(G, {
+            children: /* @__PURE__ */ e(E, {
               name: "caret-up",
               size: "lg"
             })
@@ -11293,9 +11293,9 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       })
     ]
   });
-}, s0 = ({ checked: t = !1, onChange: c, label: l, icon: a, disabled: s = !1, id: o, indeterminate: i = !1 }) => {
-  const n = C0(), d = o || n, h = Y(null);
-  return U(() => {
+}, d0 = ({ checked: t = !1, onChange: c, label: l, icon: a, disabled: s = !1, id: o, indeterminate: i = !1 }) => {
+  const n = b0(), d = o || n, h = Y(null);
+  return F(() => {
     h.current && (h.current.indeterminate = i && !t);
   }, [i, t]), /* @__PURE__ */ r("div", {
     className: `checkbox-wrapper ${s ? "checkbox-wrapper--disabled" : ""}`,
@@ -11312,14 +11312,14 @@ 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(G, { name: a }), l && /* @__PURE__ */ e("span", {
+        children: [a && /* @__PURE__ */ e(E, { name: a }), l && /* @__PURE__ */ e("span", {
           className: "checkbox-text-label",
           children: l
         })]
       })]
     })]
   });
-}, i0 = ({ children: t, className: c = "", color: l, count: a, disabled: s = !1, icon: o, onClick: i, selected: n = !1, size: d = "medium", title: h, type: m = "button", variant: p = "default" }) => /* @__PURE__ */ r("button", {
+}, o0 = ({ children: t, className: c = "", color: l, count: a, disabled: s = !1, icon: o, onClick: i, selected: n = !1, size: d = "medium", title: h, type: m = "button", variant: p = "default" }) => /* @__PURE__ */ r("button", {
   className: `chip chip--${d} ${l ? "chip--custom" : `chip--${p}`} ${n ? "chip--selected" : ""} ${c}`,
   disabled: s,
   onClick: i,
@@ -11331,7 +11331,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       className: "chip__swatch",
       style: { backgroundColor: l }
     }),
-    o && /* @__PURE__ */ e(G, { name: o }),
+    o && /* @__PURE__ */ e(E, { name: o }),
     /* @__PURE__ */ e("span", {
       className: "chip__label",
       children: t
@@ -11355,7 +11355,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         /* @__PURE__ */ r("div", {
           className: "collapsible-section__label",
           children: [
-            a && /* @__PURE__ */ e(G, {
+            a && /* @__PURE__ */ e(E, {
               name: a,
               variant: u
             }),
@@ -11363,10 +11363,10 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             n
           ]
         }),
-        m && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(G, { name: m }) }),
+        m && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(E, { name: m }) }),
         /* @__PURE__ */ e("span", {
           className: `collapsible-section__icon ${M ? "collapsible-section__icon--collapsed" : ""}`,
-          children: /* @__PURE__ */ e(G, { name: "caret-up" })
+          children: /* @__PURE__ */ e(E, { name: "caret-up" })
         }),
         /* @__PURE__ */ e("span", {
           className: "collapsible-section__right-details",
@@ -11380,7 +11380,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           /* @__PURE__ */ r("span", {
             className: "collapsible-section__label",
             children: [
-              a && /* @__PURE__ */ e(G, {
+              a && /* @__PURE__ */ e(E, {
                 name: a,
                 variant: u
               }),
@@ -11388,10 +11388,10 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               n
             ]
           }),
-          m && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(G, { name: m }) }),
+          m && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(E, { name: m }) }),
           /* @__PURE__ */ e("span", {
             className: `collapsible-section__icon ${M ? "collapsible-section__icon--collapsed" : ""}`,
-            children: /* @__PURE__ */ e(G, { name: "caret-up" })
+            children: /* @__PURE__ */ e(E, { name: "caret-up" })
           })
         ]
       })
@@ -11491,7 +11491,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       children: f
     })
   ]
-})), l0 = (t, c, l) => Math.min(l, Math.max(c, t)), D0 = (t) => {
+})), i0 = (t, c, l) => Math.min(l, Math.max(c, t)), E0 = (t) => {
   const c = t.replace("#", "").trim();
   if (![3, 6].includes(c.length)) return null;
   const l = c.length === 3 ? c.split("").map((s) => s + s).join("") : c, a = parseInt(l, 16);
@@ -11500,11 +11500,11 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     g: a >> 8 & 255,
     b: a & 255
   };
-}, J0 = ({ r: t, g: c, b: l }) => `#${[
+}, r2 = ({ r: t, g: c, b: l }) => `#${[
   t,
   c,
   l
-].map((a) => l0(Math.round(a), 0, 255).toString(16).padStart(2, "0")).join("")}`, G1 = ({ r: t, g: c, b: l }) => {
+].map((a) => i0(Math.round(a), 0, 255).toString(16).padStart(2, "0")).join("")}`, G1 = ({ r: t, g: c, b: l }) => {
   const a = t / 255, s = c / 255, o = l / 255, i = Math.max(a, s, o), n = i - Math.min(a, s, o);
   let d = 0;
   n !== 0 && (i === a ? d = (s - o) / n % 6 : i === s ? d = (o - a) / n + 2 : d = (a - s) / n + 4, d = Math.round(d * 60), d < 0 && (d += 360));
@@ -11514,7 +11514,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     s: Math.round(h * 100),
     v: Math.round(m * 100)
   };
-}, e2 = ({ h: t, s: c, v: l }) => {
+}, c2 = ({ h: t, s: c, v: l }) => {
   const a = c / 100, s = l / 100, o = s * a, i = o * (1 - Math.abs(t / 60 % 2 - 1)), n = s - o;
   let d = 0, h = 0, m = 0;
   return t < 60 ? (d = o, h = i) : t < 120 ? (d = i, h = o) : t < 180 ? (h = o, m = i) : t < 240 ? (h = i, m = o) : t < 300 ? (d = i, m = o) : (d = o, m = i), {
@@ -11532,7 +11532,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     s: Math.round(p * 100),
     l: Math.round(m * 100)
   };
-}, T0 = ({ h: t, s: c, l }) => {
+}, I0 = ({ h: t, s: c, l }) => {
   const a = c / 100, s = l / 100, o = (1 - Math.abs(2 * s - 1)) * a, i = o * (1 - Math.abs(t / 60 % 2 - 1)), n = s - o / 2;
   let d = 0, h = 0, m = 0;
   return t < 60 ? (d = o, h = i) : t < 120 ? (d = i, h = o) : t < 180 ? (h = o, m = i) : t < 240 ? (h = i, m = o) : t < 300 ? (d = i, m = o) : (d = o, m = i), {
@@ -11541,28 +11541,28 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     b: Math.round((m + n) * 255)
   };
 }, aa = ({ value: t = "#4e79a7", onChange: c }) => {
-  const [l, a] = z("hex"), [s, o] = z(() => G1(D0(t) || {
+  const [l, a] = z("hex"), [s, o] = z(() => G1(E0(t) || {
     r: 78,
     g: 121,
     b: 167
   })), i = Y(null);
-  U(() => {
-    const w = D0(t);
+  F(() => {
+    const w = E0(t);
     w && o(G1(w));
   }, [t]);
   const n = (w) => {
     const v = {
-      h: l0(w.h, 0, 360),
-      s: l0(w.s, 0, 100),
-      v: l0(w.v, 0, 100)
+      h: i0(w.h, 0, 360),
+      s: i0(w.s, 0, 100),
+      v: i0(w.v, 0, 100)
     };
     o(v);
-    const u = J0(e2(v));
+    const u = r2(c2(v));
     c?.(u);
   }, d = (w) => {
     const v = i.current?.getBoundingClientRect();
     if (!v) return;
-    const u = l0(w.clientX - v.left, 0, v.width), f = l0(w.clientY - v.top, 0, v.height), C = Math.round(u / v.width * 100), x = Math.round(100 - f / v.height * 100);
+    const u = i0(w.clientX - v.left, 0, v.width), f = i0(w.clientY - v.top, 0, v.height), C = Math.round(u / v.width * 100), x = Math.round(100 - f / v.height * 100);
     n({
       ...s,
       s: C,
@@ -11574,7 +11574,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", u);
     };
     window.addEventListener("mousemove", v), window.addEventListener("mouseup", u);
-  }, m = e2(s), p = J0(m), g = ur(m);
+  }, m = c2(s), p = r2(m), g = ur(m);
   return /* @__PURE__ */ r("div", {
     className: "color-picker",
     children: [
@@ -11617,19 +11617,19 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       /* @__PURE__ */ r("div", {
         className: "color-picker__mode-toggle",
         children: [
-          /* @__PURE__ */ e(F, {
+          /* @__PURE__ */ e(q, {
             variant: "plain",
             className: l === "hex" ? "is-active" : "",
             onClick: () => a("hex"),
             children: "Hex"
           }),
-          /* @__PURE__ */ e(F, {
+          /* @__PURE__ */ e(q, {
             variant: "plain",
             className: l === "rgb" ? "is-active" : "",
             onClick: () => a("rgb"),
             children: "RGB"
           }),
-          /* @__PURE__ */ e(F, {
+          /* @__PURE__ */ e(q, {
             variant: "plain",
             className: l === "hsl" ? "is-active" : "",
             onClick: () => a("hsl"),
@@ -11643,7 +11643,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           label: "Hex",
           value: p,
           onChange: (w) => {
-            const v = D0(w);
+            const v = E0(w);
             v && n(G1(v));
           }
         })
@@ -11692,7 +11692,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             max: 360,
             value: g.h,
             onChange: (w) => {
-              n(G1(T0({
+              n(G1(I0({
                 ...g,
                 h: w ?? 0
               })));
@@ -11704,7 +11704,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             max: 100,
             value: g.s,
             onChange: (w) => {
-              n(G1(T0({
+              n(G1(I0({
                 ...g,
                 s: w ?? 0
               })));
@@ -11716,7 +11716,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             max: 100,
             value: g.l,
             onChange: (w) => {
-              n(G1(T0({
+              n(G1(I0({
                 ...g,
                 l: w ?? 0
               })));
@@ -11728,7 +11728,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   });
 }, ia = ({ items: t, isOpen: c, onOpenChange: l, placeholder: a = "Search commands", enableHotkey: s = !0 }) => {
   const [o, i] = z(!1), [n, d] = z(""), h = c ?? o;
-  U(() => {
+  F(() => {
     if (!s) return;
     const w = (v) => {
       if ((v.ctrlKey || v.metaKey) && v.key.toLowerCase() === "k") {
@@ -11744,7 +11744,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     c,
     l,
     h
-  ]), U(() => {
+  ]), F(() => {
     h || d("");
   }, [h]);
   const m = m1(() => {
@@ -11780,7 +11780,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             children: [/* @__PURE__ */ e("div", {
               className: "command-palette__group-title",
               children: w
-            }), p[w].map((v) => /* @__PURE__ */ r(F, {
+            }), p[w].map((v) => /* @__PURE__ */ r(q, {
               variant: "plain",
               className: "command-palette__item",
               onClick: () => {
@@ -11837,10 +11837,10 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     "#f97316",
     "#06b6d4"
   ] : wr;
-}, U0 = () => {
+}, Y0 = () => {
   const t = Math.random();
   return t < 0.5 ? "rect" : t < 0.8 ? "circle" : "star";
-}, z0 = (t) => t[Math.floor(Math.random() * t.length)], t2 = (t, c, l) => ({
+}, H0 = (t) => t[Math.floor(Math.random() * t.length)], l2 = (t, c, l) => ({
   x: Math.random() * t,
   y: -10 - Math.random() * 40,
   vx: (Math.random() - 0.5) * 2,
@@ -11848,9 +11848,9 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   angle: Math.random() * Math.PI * 2,
   spin: (Math.random() - 0.5) * 0.2,
   size: 5 + Math.random() * 8,
-  color: z0(l),
+  color: H0(l),
   opacity: 1,
-  shape: U0()
+  shape: Y0()
 }), Cr = (t, c, l) => {
   const a = Math.random() * Math.PI * 2, s = 3 + Math.random() * 10;
   return {
@@ -11861,11 +11861,11 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     angle: Math.random() * Math.PI * 2,
     spin: (Math.random() - 0.5) * 0.3,
     size: 4 + Math.random() * 8,
-    color: z0(l),
+    color: H0(l),
     opacity: 1,
-    shape: U0()
+    shape: Y0()
   };
-}, r2 = (t, c, l) => ({
+}, a2 = (t, c, l) => ({
   x: t * 0.2 + Math.random() * t * 0.6,
   y: c + 20,
   vx: (Math.random() - 0.5) * 1.5,
@@ -11873,7 +11873,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   angle: 0,
   spin: 0,
   size: 3,
-  color: z0(l),
+  color: H0(l),
   opacity: 1,
   shape: "circle",
   trail: [],
@@ -11889,9 +11889,9 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     angle: Math.random() * Math.PI * 2,
     spin: (Math.random() - 0.5) * 0.15,
     size: 2 + Math.random() * 5,
-    color: z0(l),
+    color: H0(l),
     opacity: 1,
-    shape: U0()
+    shape: Y0()
   };
 }, br = (t, c, l, a) => {
   const o = a * 0.4;
@@ -11901,7 +11901,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     i === 0 ? t.moveTo(c + n * Math.cos(d), l + n * Math.sin(d)) : t.lineTo(c + n * Math.cos(d), l + n * Math.sin(d));
   }
   t.closePath(), t.fill();
-}, Z0 = (t, c) => {
+}, j0 = (t, c) => {
   switch (t.save(), t.globalAlpha = Math.max(0, c.opacity), t.fillStyle = c.color, t.translate(c.x, c.y), t.rotate(c.angle), c.shape) {
     case "rect":
       t.fillRect(-c.size / 2, -c.size / 4, c.size, c.size / 2);
@@ -11932,22 +11932,22 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     const u = w.width, f = w.height, C = fr(t), x = s ?? m[a];
     h.current = !0, d.current = performance.now();
     let b = [];
-    if (a === "confetti") b = Array.from({ length: x }, () => t2(u, f, C));
+    if (a === "confetti") b = Array.from({ length: x }, () => l2(u, f, C));
     else if (a === "burst") {
       const _ = u / 2, N = f / 2;
       b = Array.from({ length: x }, () => Cr(_, N, C));
-    } else a === "fireworks" && (b = Array.from({ length: x }, () => r2(u, f, C)));
+    } else a === "fireworks" && (b = Array.from({ length: x }, () => a2(u, f, C)));
     const M = (_) => {
       if (!h.current) return;
       const N = _ - d.current, L = Math.min(N / c, 1);
-      if (v.clearRect(0, 0, u, f), a === "confetti" ? (L < 0.6 && Math.random() < 0.3 && b.push(t2(u, f, C)), b = b.filter((y) => y.opacity > 0 && y.y < f + 20), b.forEach((y) => {
-        y.x += y.vx, y.y += y.vy, y.vy += 0.08, y.vx += (Math.random() - 0.5) * 0.1, y.angle += y.spin, L > 0.6 && (y.opacity -= 0.015), Z0(v, y);
+      if (v.clearRect(0, 0, u, f), a === "confetti" ? (L < 0.6 && Math.random() < 0.3 && b.push(l2(u, f, C)), b = b.filter((y) => y.opacity > 0 && y.y < f + 20), b.forEach((y) => {
+        y.x += y.vx, y.y += y.vy, y.vy += 0.08, y.vx += (Math.random() - 0.5) * 0.1, y.angle += y.spin, L > 0.6 && (y.opacity -= 0.015), j0(v, y);
       })) : a === "burst" ? (b = b.filter((y) => y.opacity > 0), b.forEach((y) => {
-        y.x += y.vx, y.y += y.vy, y.vy += 0.15, y.vx *= 0.98, y.angle += y.spin, y.opacity -= 0.012, Z0(v, y);
-      })) : a === "fireworks" && (L < 0.85 && Math.random() < 0.04 && b.push(r2(u, f, C)), b = b.filter((y) => y.exploded ? y.children?.some((H) => H.opacity > 0) ?? !1 : y.y > -f * 0.1), b.forEach((y) => {
+        y.x += y.vx, y.y += y.vy, y.vy += 0.15, y.vx *= 0.98, y.angle += y.spin, y.opacity -= 0.012, j0(v, y);
+      })) : a === "fireworks" && (L < 0.85 && Math.random() < 0.04 && b.push(a2(u, f, C)), b = b.filter((y) => y.exploded ? y.children?.some((H) => H.opacity > 0) ?? !1 : y.y > -f * 0.1), b.forEach((y) => {
         if (y.exploded)
           y.children?.forEach((H) => {
-            H.x += H.vx, H.y += H.vy, H.vy += 0.06, H.vx *= 0.97, H.angle += H.spin, H.opacity -= 0.014, Z0(v, H);
+            H.x += H.vx, H.y += H.vy, H.vy += 0.06, H.vx *= 0.97, H.angle += H.spin, H.opacity -= 0.014, j0(v, H);
           });
         else if (y.trail?.push({
           x: y.x,
@@ -11974,7 +11974,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     s,
     p
   ]);
-  return w2(o, () => ({ trigger: g }), [g]), U(() => () => {
+  return y2(o, () => ({ trigger: g }), [g]), F(() => () => {
     cancelAnimationFrame(n.current);
   }, []), /* @__PURE__ */ e("canvas", {
     ref: i,
@@ -12008,7 +12008,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       children: /* @__PURE__ */ e("p", { children: c })
     })
   });
-}, V1 = 20, xr = 8, L2 = ({ children: t, visible: c, onClose: l, anchorEl: a, offset: s = xr, placement: o = "auto" }) => {
+}, V1 = 20, xr = 8, N2 = ({ children: t, visible: c, onClose: l, anchorEl: a, offset: s = xr, placement: o = "auto" }) => {
   const i = Y(null), n = Y(null), [d, h] = z({
     top: 0,
     left: 0,
@@ -12070,9 +12070,9 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     s,
     o
   ]);
-  return U(() => (c && (n.current = requestAnimationFrame(m)), () => {
+  return F(() => (c && (n.current = requestAnimationFrame(m)), () => {
     n.current !== null && cancelAnimationFrame(n.current);
-  }), [c, m]), U(() => {
+  }), [c, m]), F(() => {
     if (!c) return;
     const p = (w) => {
       i.current && a && !i.current.contains(w.target) && !a.contains(w.target) && l();
@@ -12135,7 +12135,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }, p = () => {
     n?.onClick?.(), c();
   };
-  return /* @__PURE__ */ e(L2, {
+  return /* @__PURE__ */ e(N2, {
     visible: t,
     onClose: c,
     anchorEl: l,
@@ -12146,7 +12146,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(G, { name: o }), a && /* @__PURE__ */ e("span", {
+          children: [o && /* @__PURE__ */ e(E, { name: o }), a && /* @__PURE__ */ e("span", {
             className: "confirm-popover__title",
             children: a
           })]
@@ -12157,13 +12157,13 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         }),
         /* @__PURE__ */ r("div", {
           className: "confirm-popover__actions",
-          children: [/* @__PURE__ */ e(F, {
+          children: [/* @__PURE__ */ e(q, {
             size: "small",
             variant: n?.variant ?? "default",
             icon: n?.icon,
             onClick: p,
             children: n?.text ?? "Cancel"
-          }), /* @__PURE__ */ e(F, {
+          }), /* @__PURE__ */ e(q, {
             size: "small",
             variant: i.variant ?? "info",
             icon: i.icon,
@@ -12184,7 +12184,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       opacity: 0
     };
   });
-  U(() => {
+  F(() => {
     if (!t || !s.current) return;
     const m = requestAnimationFrame(() => {
       if (!s.current) return;
@@ -12218,12 +12218,12 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     onClick: h,
     children: l
   })] }), document.body) : null;
-}, z2 = w0(null), _r = () => {
-  const t = f0(z2);
+}, H2 = C0(null), _r = () => {
+  const t = y0(H2);
   if (!t) throw new Error("useToast must be used within a ToastProvider");
   return t;
 }, Lr = ({ id: t, message: c, type: l = "info", action: a, onClose: s, showDismissButton: o = !0, timeout: i = 2e3 }) => {
-  U(() => {
+  F(() => {
     const p = setTimeout(() => {
       s(t);
     }, i);
@@ -12255,7 +12255,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         children: /* @__PURE__ */ e("button", {
           onClick: h,
           className: "toast__close-button",
-          children: /* @__PURE__ */ e(G, {
+          children: /* @__PURE__ */ e(E, {
             name: "clear",
             size: "sm"
           })
@@ -12294,11 +12294,11 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       l((n) => n.filter((d) => d.id !== i));
     }
   };
-  return /* @__PURE__ */ e(z2.Provider, {
+  return /* @__PURE__ */ e(H2.Provider, {
     value: o,
     children: t
   });
-}, m0 = {
+}, v0 = {
   mobile: {
     min: 0,
     max: 767
@@ -12320,28 +12320,28 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   tablet: "(min-width: 768px) and (max-width: 991px)",
   desktop: "(min-width: 992px) and (max-width: 1199px)",
   largeDesktop: "(min-width: 1200px)"
-}, G0 = () => {
+}, P0 = () => {
   if (typeof window > "u") return "desktop";
   const t = window.innerWidth;
-  return t <= m0.mobile.max ? "mobile" : t >= m0.tablet.min && t <= m0.tablet.max ? "tablet" : t >= m0.desktop.min && t <= m0.desktop.max ? "desktop" : "largeDesktop";
+  return t <= v0.mobile.max ? "mobile" : t >= v0.tablet.min && t <= v0.tablet.max ? "tablet" : t >= v0.desktop.min && t <= v0.desktop.max ? "desktop" : "largeDesktop";
 }, W1 = (t) => [
   "mobile",
   "tablet",
   "desktop",
   "largeDesktop"
-].indexOf(t), h0 = () => {
-  const [t, c] = z(G0), l = j((i) => W1(t) > W1(i), [t]), a = j((i) => W1(t) < W1(i), [t]), s = j((i) => W1(t) >= W1(i), [t]), o = j((i) => W1(t) <= W1(i), [t]);
-  return U(() => {
+].indexOf(t), m0 = () => {
+  const [t, c] = z(P0), l = j((i) => W1(t) > W1(i), [t]), a = j((i) => W1(t) < W1(i), [t]), s = j((i) => W1(t) >= W1(i), [t]), o = j((i) => W1(t) <= W1(i), [t]);
+  return F(() => {
     if (typeof window > "u") return;
     const i = Object.entries(zr).map(([d, h]) => ({
       breakpoint: d,
       mql: window.matchMedia(h)
     })), n = () => {
-      c(G0());
+      c(P0());
     };
     return i.forEach(({ mql: d }) => {
       d.addEventListener ? d.addEventListener("change", n) : d.addListener(n);
-    }), c(G0()), () => {
+    }), c(P0()), () => {
       i.forEach(({ mql: d }) => {
         d.removeEventListener ? d.removeEventListener("change", n) : d.removeListener(n);
       });
@@ -12357,12 +12357,12 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     isAtLeast: s,
     isAtMost: o
   };
-}, V2 = w0(null), F0 = () => f0(V2), ma = () => {
-  const t = F0();
+}, S2 = C0(null), X0 = () => y0(S2), ma = () => {
+  const t = X0();
   if (!t) throw new Error("useControlPanel must be used within a ControlPanelProvider");
   return t;
 }, pa = ({ children: t }) => {
-  const { isMobile: c } = h0(), [l, a] = z(!1), s = j(() => a((d) => !d), []), o = j(() => a(!0), []), i = j(() => a(!1), []), n = m1(() => ({
+  const { isMobile: c } = m0(), [l, a] = z(!1), s = j(() => a((d) => !d), []), o = j(() => a(!0), []), i = j(() => a(!1), []), n = m1(() => ({
     isMobile: c,
     isOpen: l,
     toggle: s,
@@ -12375,7 +12375,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     o,
     i
   ]);
-  return /* @__PURE__ */ e(V2.Provider, {
+  return /* @__PURE__ */ e(S2.Provider, {
     value: n,
     children: t
   });
@@ -12384,7 +12384,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     position: "fixed",
     visibility: "hidden"
   }), k = Y(null), A = Y(null);
-  U(() => {
+  F(() => {
     a && t instanceof Date && (f(s === "12h" ? t.getHours() % 12 || 12 : t.getHours()), x(t.getMinutes()), M(t.getSeconds()), N(t.getHours() >= 12));
   }, [
     t,
@@ -12392,7 +12392,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     s
   ]);
   const D = p ? !d : w;
-  U(() => {
+  F(() => {
     if (p) return;
     const I = ($) => {
       D && k.current && A.current && !k.current.contains($.target) && !A.current.contains($.target) && (y(null), v(!1));
@@ -12409,7 +12409,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       zIndex: 1100
     });
   }, [p, D]);
-  U(() => {
+  F(() => {
     if (p || !D) {
       S({
         position: "fixed",
@@ -12446,7 +12446,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);
-  }, i1 = O();
+  }, a1 = O();
   return /* @__PURE__ */ r("div", {
     className: "datepicker",
     children: [/* @__PURE__ */ r("div", {
@@ -12456,11 +12456,11 @@ 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 ${i1 ? "" : "datepicker__value--placeholder"}`,
-        children: i1 || n
+        className: `datepicker__value ${a1 ? "" : "datepicker__value--placeholder"}`,
+        children: a1 || n
       }), /* @__PURE__ */ r("div", {
         className: "datepicker__actions",
-        children: [h && i1 && /* @__PURE__ */ e(K, {
+        children: [h && a1 && /* @__PURE__ */ e(K, {
           title: "Clear",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -12470,13 +12470,13 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           })
         }), /* @__PURE__ */ e("span", {
           className: "datepicker__icon",
-          children: /* @__PURE__ */ e(G, { name: "calendar" })
+          children: /* @__PURE__ */ e(E, { name: "calendar" })
         })]
       })]
     }), D && (p ? /* @__PURE__ */ r("div", {
       ref: A,
       className: "datepicker__dropdown datepicker__dropdown--inline",
-      children: [/* @__PURE__ */ e(_0, {
+      children: [/* @__PURE__ */ e(V0, {
         ...g,
         mode: l,
         value: t,
@@ -12543,7 +12543,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       ref: A,
       className: "datepicker__dropdown",
       style: H,
-      children: [/* @__PURE__ */ e(_0, {
+      children: [/* @__PURE__ */ e(V0, {
         ...g,
         mode: l,
         value: t,
@@ -12608,7 +12608,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       })]
     }), document.body))]
   });
-}, Nr = /[̀-ͯ]/g, c2 = (t) => t.normalize("NFD").replace(Nr, "").toLowerCase(), va = (t, c) => {
+}, Nr = /[̀-ͯ]/g, i2 = (t) => t.normalize("NFD").replace(Nr, "").toLowerCase(), va = (t, c) => {
   const l = t.toLowerCase(), a = c.toLowerCase();
   if (l.includes(a)) return !0;
   const s = 1 - 1 / Math.max(a.length, 4);
@@ -12618,28 +12618,30 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     i < l.length && (o++, i++);
   }
   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, s1] = z(-1), [V, X] = z([]), [i1, I] = z({
+}, x0 = ({ 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, s1] = z(-1), [V, X] = z([]), [a1, I] = z({
     top: 0,
+    bottom: 0,
     left: 0,
-    width: 0
-  }), [$, p1] = z(!1), h1 = Y(null), W = Y([]), o1 = Y(null), v1 = Y(null), y1 = C0(), k1 = i ?? `dropdown-${y1}`, g1 = Y(null);
-  U(() => {
+    width: 0,
+    maxHeight: 300
+  }), [$, p1] = z(!1), h1 = Y(null), W = Y([]), o1 = Y(null), v1 = Y(null), y1 = b0(), k1 = i ?? `dropdown-${y1}`, g1 = Y(null);
+  F(() => {
     if (H && M && m) {
-      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];
+      const T = new Set(V.map((c1) => c1.value)), G = [], U = [];
+      v.forEach((c1) => (T.has(c1.value) ? G : U).push(c1)), g1.current = [...G, ...U];
     } else H || (g1.current = null);
   }, [
     H,
     M,
     m,
     v
-  ]), U(() => {
-    const E = g1.current ?? v;
-    if (!f || !k) P(E);
+  ]), F(() => {
+    const T = g1.current ?? v;
+    if (!f || !k) P(T);
     else {
-      const T = c2(k);
-      P(E.filter((q) => c2(q.label).includes(T)));
+      const G = i2(k);
+      P(T.filter((U) => i2(U.label).includes(G)));
     }
     s1(-1);
   }, [
@@ -12649,81 +12651,88 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     H
   ]);
   const $1 = Y(L);
-  U(() => {
-    const E = $1.current;
+  F(() => {
+    const T = $1.current;
     $1.current = L;
-    const T = !Object.is(E, L);
+    const G = !Object.is(T, L);
     if (L == null) {
-      T && (X([]), A(""));
+      G && (X([]), A(""));
       return;
     }
     if (m && Array.isArray(L) && L.length === 0) {
-      T && (X([]), A(""));
+      G && (X([]), A(""));
       return;
     }
     if (!m && L === "") {
-      T && (X([]), A(""));
+      G && (X([]), A(""));
       return;
     }
     if (v.length > 0) {
       if (m && Array.isArray(L))
-        X(v.filter((q) => typeof q.value == "number" ? L.includes(q.value) : L.includes(q.value.toString()))), T && A("");
+        X(v.filter((U) => typeof U.value == "number" ? L.includes(U.value) : L.includes(U.value.toString()))), G && A("");
       else if (!m && (typeof L == "string" || typeof L == "number")) {
-        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([{
+        const U = v.find((c1) => typeof c1.value == "number" && typeof L == "number" ? c1.value === L : c1.value.toString() === L.toString());
+        U ? (X([U]), G && A(U.label)) : t && typeof L == "string" && L.trim() ? (X([{
           label: L.trim(),
           value: L.trim(),
           className: "custom-option"
-        }]), T && A(L.trim())) : T && (X([]), A(""));
+        }]), G && A(L.trim())) : G && (X([]), A(""));
       }
     } else t && !m && typeof L == "string" && L.trim() ? (X([{
       label: L.trim(),
       value: L.trim(),
       className: "custom-option"
-    }]), T && A(L.trim())) : T && (X([]), A(""));
+    }]), G && A(L.trim())) : G && (X([]), A(""));
   }, [
     L,
     v,
     m,
     f,
     t
-  ]), U(() => {
+  ]), F(() => {
     f && C !== void 0 && A(C);
-  }, [C, f]), U(() => {
+  }, [C, f]), F(() => {
     if (!H || !h1.current) return;
-    const E = () => {
+    const T = () => {
       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
-      });
+      const U = h1.current.getBoundingClientRect(), c1 = window.visualViewport, K1 = c1?.offsetTop ?? 0, j1 = K1 + (c1?.height ?? window.innerHeight), M0 = 300, B0 = 8, c0 = j1 - U.bottom, l0 = U.top - K1, k0 = c0 < M0 && l0 > c0;
+      if (p1(k0), N) {
+        const R0 = Math.max(0, (k0 ? l0 : c0) - B0);
+        I({
+          top: U.bottom,
+          bottom: window.innerHeight - U.top,
+          left: U.left,
+          width: U.width,
+          maxHeight: Math.min(M0, R0)
+        });
+      }
     };
-    return E(), window.addEventListener("scroll", E, !0), window.addEventListener("resize", E), () => {
-      window.removeEventListener("scroll", E, !0), window.removeEventListener("resize", E);
+    T();
+    const G = window.visualViewport;
+    return window.addEventListener("scroll", T, !0), window.addEventListener("resize", T), G?.addEventListener("resize", T), G?.addEventListener("scroll", T), () => {
+      window.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T), G?.removeEventListener("resize", T), G?.removeEventListener("scroll", T);
     };
-  }, [H, N]), U(() => {
-    const E = (T) => {
-      if (h1.current && !h1.current.contains(T.target)) {
+  }, [H, N]), F(() => {
+    const T = (G) => {
+      if (h1.current && !h1.current.contains(G.target)) {
         if (N && H) {
-          const q = document.querySelector(".dropdown-menu--portal");
-          if (q && q.contains(T.target)) return;
+          const U = document.querySelector(".dropdown-menu--portal");
+          if (U && U.contains(G.target)) return;
         }
         if (t && !m && k.trim() && !(V.length > 0 && V[0].label.toLowerCase() === k.trim().toLowerCase())) {
-          const q = v.find((c1) => c1.label.toLowerCase() === k.toLowerCase() || c1.value.toString() === k) || {
+          const U = v.find((c1) => c1.label.toLowerCase() === k.toLowerCase() || c1.value.toString() === k) || {
             label: k.trim(),
             value: k.trim(),
             className: "custom-option"
           };
-          X([q]), A(q.label), S(!1), g && g(q, p);
+          X([U]), A(U.label), S(!1), g && g(U, p);
           return;
         }
         S(!1), !m && V.length > 0 ? A(V[0].label) : m && f && A("");
       }
     };
-    return document.addEventListener("mousedown", E), () => {
-      document.removeEventListener("mousedown", E);
+    return document.addEventListener("mousedown", T), () => {
+      document.removeEventListener("mousedown", T);
     };
   }, [
     t,
@@ -12737,113 +12746,114 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     V,
     N
   ]);
-  const Q = (E) => {
-    if (!E.disabled)
+  const Q = (T) => {
+    if (!T.disabled)
       if (m) {
-        const T = V.some((c1) => c1.value === E.value);
-        let q;
-        T ? q = V.filter((c1) => c1.value !== E.value) : q = [...V, E], X(q), f && A(""), g && g(q, p);
+        const G = V.some((c1) => c1.value === T.value);
+        let U;
+        G ? U = V.filter((c1) => c1.value !== T.value) : U = [...V, T], X(U), f && A(""), g && g(U, p);
       } else
-        A(E.label), X([E]), S(!1), g && g(E, p);
+        A(T.label), X([T]), S(!1), g && g(T, p);
   }, r1 = () => {
     if (!t || !k.trim()) return;
-    const E = v.find((q) => q.label.toLowerCase() === k.toLowerCase() || q.value.toString() === k);
-    if (E) {
-      Q(E);
+    const T = v.find((U) => U.label.toLowerCase() === k.toLowerCase() || U.value.toString() === k);
+    if (T) {
+      Q(T);
       return;
     }
-    const T = {
+    const G = {
       label: k.trim(),
       value: k.trim(),
       className: "custom-option"
     };
     if (m) {
-      const q = [...V, T];
-      X(q), A(""), g && g(q, p);
+      const U = [...V, G];
+      X(U), A(""), g && g(U, p);
     } else
-      X([T]), A(T.label), S(!1), g && g(T, p);
-  }, B = (E) => {
-    const T = V.filter((q) => q.value !== E.value);
-    X(T), g && (m ? g(T, p) : (g(null, p), f || A("")));
+      X([G]), A(G.label), S(!1), g && g(G, p);
+  }, B = (T) => {
+    const G = V.filter((U) => U.value !== T.value);
+    X(G), g && (m ? g(G, p) : (g(null, p), f || A("")));
   }, Z = () => {
     X([]), (!f || !m) && A(""), S(!1), g && g(m ? [] : null, p);
-  }, J = (E) => {
-    A(E), H || S(!0), w?.(E);
+  }, J = (T) => {
+    A(T), H || S(!0), w?.(T);
   }, n1 = () => {
     a || (S(!0), !m && f && V.length > 0 && A(""), (m || f) && o1.current?.focus());
   }, b1 = () => {
     a || (S(!H), H || (s1(-1), !m && f && V.length > 0 && A(""), (m || f) && o1.current?.focus()));
-  }, f1 = (E) => {
+  }, f1 = (T) => {
     if (!a) {
       if (!H) {
-        (E.key === "ArrowDown" || E.key === "Enter") && (S(!0), E.preventDefault());
+        (T.key === "ArrowDown" || T.key === "Enter") && (S(!0), T.preventDefault());
         return;
       }
-      switch (E.key) {
+      switch (T.key) {
         case "ArrowDown":
-          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;
+          if (T.preventDefault(), t && k && D.length === 0) return;
+          s1((G) => {
+            const U = G < (t && k && !D.some((c1) => c1.label.toLowerCase() === k.toLowerCase()) ? D.length : D.length - 1) ? G + 1 : 0;
+            return U < D.length && W.current[U] && W.current[U]?.scrollIntoView({ block: "nearest" }), U;
           });
           break;
         case "ArrowUp":
-          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;
+          if (T.preventDefault(), t && k && D.length === 0) return;
+          s1((G) => {
+            const U = t && k && !D.some((K1) => K1.label.toLowerCase() === k.toLowerCase()) ? D.length : D.length - 1, c1 = G > 0 ? G - 1 : U;
             return c1 < D.length && W.current[c1] && W.current[c1]?.scrollIntoView({ block: "nearest" }), c1;
           });
           break;
         case "Enter":
-          E.preventDefault(), O >= 0 && O < D.length ? Q(D[O]) : (t && k && O === D.length || t && k && D.length === 0) && r1();
+          T.preventDefault(), O >= 0 && O < D.length ? Q(D[O]) : (t && k && O === D.length || t && k && D.length === 0) && r1();
           break;
         case "Escape":
-          E.preventDefault(), S(!1), !m && V.length > 0 ? A(V[0].label) : m && f && A("");
+          T.preventDefault(), S(!1), !m && V.length > 0 ? A(V[0].label) : m && f && A("");
           break;
         case "Backspace":
-          m && k === "" && V.length > 0 && (E.preventDefault(), B(V[V.length - 1]));
+          m && k === "" && V.length > 0 && (T.preventDefault(), B(V[V.length - 1]));
           break;
         default:
           break;
       }
     }
-  }, B1 = (E) => V.some((T) => T.value === E.value), D1 = () => {
+  }, B1 = (T) => V.some((G) => G.value === T.value), D1 = () => {
     if (V.length === 0) return "";
-    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"})`;
+    const T = Math.max(1, d);
+    if (V.length <= T) return V.map((c1) => c1.label).join(", ");
+    const G = V.slice(0, T).map((c1) => c1.label).join(", "), U = V.length - T;
+    return `${G} (+${U} ${U === 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((E) => E.label.toLowerCase() === k.toLowerCase() || E.value.toString() === k)), t0 = () => {
+  }) : null, T1 = () => !!(t && k && k.trim() && !D.some((T) => T.label.toLowerCase() === k.toLowerCase() || T.value.toString() === k)), t0 = () => {
     if (!H || a) return null;
-    const E = /* @__PURE__ */ e("div", {
+    const T = /* @__PURE__ */ e("div", {
       ref: v1,
       className: `dropdown-menu ${N ? "dropdown-menu--portal" : ""} ${$ ? "dropdown-menu--upward" : ""}`,
       style: N ? {
-        position: "absolute",
-        top: $ ? "auto" : `${i1.top}px`,
-        bottom: $ ? `${window.innerHeight - i1.top}px` : "auto",
-        left: `${i1.left}px`,
-        width: `${i1.width}px`,
+        position: "fixed",
+        top: $ ? "auto" : `${a1.top}px`,
+        bottom: $ ? `${a1.bottom}px` : "auto",
+        left: `${a1.left}px`,
+        width: `${a1.width}px`,
+        maxHeight: `${a1.maxHeight}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", {
+        children: [D.map((G, U) => /* @__PURE__ */ r("li", {
           ref: (c1) => {
-            W.current[q] = c1;
+            W.current[U] = c1;
           },
-          className: `dropdown-option ${T.className || ""} ${O === q ? "focused" : ""} ${B1(T) ? "selected" : ""} ${T.disabled ? "dropdown-option--disabled" : ""}`,
-          onClick: () => Q(T),
-          onMouseEnter: () => s1(q),
-          title: T.tooltip,
+          className: `dropdown-option ${G.className || ""} ${O === U ? "focused" : ""} ${B1(G) ? "selected" : ""} ${G.disabled ? "dropdown-option--disabled" : ""}`,
+          onClick: () => Q(G),
+          onMouseEnter: () => s1(U),
+          title: G.tooltip,
           children: [m && /* @__PURE__ */ e("div", {
             className: "dropdown-option-checkbox",
             children: /* @__PURE__ */ e("div", {
-              className: `checkbox ${B1(T) ? "checked" : ""}`,
-              children: B1(T) && /* @__PURE__ */ e("svg", {
+              className: `checkbox ${B1(G) ? "checked" : ""}`,
+              children: B1(G) && /* @__PURE__ */ e("svg", {
                 width: "10",
                 height: "8",
                 viewBox: "0 0 10 8",
@@ -12862,22 +12872,22 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             children: [/* @__PURE__ */ r("span", {
               className: "dropdown-option-label",
               children: [
-                T.prefix && /* @__PURE__ */ e("span", {
+                G.prefix && /* @__PURE__ */ e("span", {
                   className: "dropdown-option-prefix",
-                  children: T.prefix
+                  children: G.prefix
                 }),
-                T.icon && /* @__PURE__ */ e(G, { name: T.icon }),
-                /* @__PURE__ */ e("span", { children: T.label }),
-                T.suffixIcon && /* @__PURE__ */ e(G, { name: T.suffixIcon })
+                G.icon && /* @__PURE__ */ e(E, { name: G.icon }),
+                /* @__PURE__ */ e("span", { children: G.label }),
+                G.suffixIcon && /* @__PURE__ */ e(E, { name: G.suffixIcon })
               ]
-            }), T.details && /* @__PURE__ */ e("span", {
+            }), G.details && /* @__PURE__ */ e("span", {
               className: "dropdown-option-details",
-              children: T.details
+              children: G.details
             })]
           })]
-        }, `dd-option-${y1}-${q}`)), T1() && /* @__PURE__ */ e("li", {
-          ref: (T) => {
-            W.current[D.length] = T;
+        }, `dd-option-${y1}-${U}`)), T1() && /* @__PURE__ */ e("li", {
+          ref: (G) => {
+            W.current[D.length] = G;
           },
           className: `dropdown-option dropdown-option--create ${O === D.length ? "focused" : ""}`,
           onClick: r1,
@@ -12886,7 +12896,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             className: "dropdown-option-content",
             children: /* @__PURE__ */ r("span", {
               className: "dropdown-option-label",
-              children: [/* @__PURE__ */ e(G, { name: "plus" }), /* @__PURE__ */ r("span", { children: [
+              children: [/* @__PURE__ */ e(E, { name: "plus" }), /* @__PURE__ */ r("span", { children: [
                 "Create “",
                 k,
                 "”"
@@ -12899,7 +12909,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         children: "No options found"
       })
     });
-    return N ? q1(E, document.body) : E;
+    return N ? q1(T, document.body) : T;
   }, 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}`,
@@ -12915,32 +12925,32 @@ 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(G, { name: C1.icon })
+            children: /* @__PURE__ */ e(E, { name: C1.icon })
           }),
           I1 && C1 && /* @__PURE__ */ r("span", {
             className: "dropdown-value-chip",
             onClick: n1,
-            children: [C1.icon && /* @__PURE__ */ e(G, { name: C1.icon }), /* @__PURE__ */ e("span", {
+            children: [C1.icon && /* @__PURE__ */ e(E, { name: C1.icon }), /* @__PURE__ */ e("span", {
               className: "dropdown-value-chip__label",
               children: C1.label
             })]
           }),
-          Z1 && V.map((E) => /* @__PURE__ */ r("span", {
+          Z1 && V.map((T) => /* @__PURE__ */ r("span", {
             className: "dropdown-chip",
             children: [/* @__PURE__ */ e("span", {
               className: "dropdown-chip__label",
-              children: E.label
+              children: T.label
             }), /* @__PURE__ */ e("button", {
               type: "button",
               className: "dropdown-chip__remove",
               title: "Remove",
               disabled: a,
-              onClick: (T) => {
-                T.stopPropagation(), B(E);
+              onClick: (G) => {
+                G.stopPropagation(), B(T);
               },
-              children: W0
+              children: O0
             })]
-          }, `dd-chip-${E.value}`)),
+          }, `dd-chip-${T.value}`)),
           /* @__PURE__ */ e(A1, {
             ref: o1,
             id: k1,
@@ -12959,24 +12969,24 @@ 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(G, { name: C1.suffixIcon })
+                children: /* @__PURE__ */ e(E, { name: C1.suffixIcon })
               }),
               (!m && V.length > 0 || m && V.length > 0) && /* @__PURE__ */ e("span", {
                 className: "dropdown-action-button dropdown-clear-button",
-                children: /* @__PURE__ */ e(F, {
+                children: /* @__PURE__ */ e(q, {
                   variant: "plain",
                   onClick: Z,
                   disabled: a,
-                  children: W0
+                  children: O0
                 })
               }),
               /* @__PURE__ */ e("span", {
                 className: `dropdown-action-button dropdown-toggle-button ${H ? "open" : ""}`,
-                children: /* @__PURE__ */ e(F, {
+                children: /* @__PURE__ */ e(q, {
                   variant: "plain",
                   onClick: b1,
                   disabled: a,
-                  children: f2
+                  children: b2
                 })
               })
             ]
@@ -13034,7 +13044,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             type: "button",
             className: "input-date-clear",
             onClick: () => p?.(void 0),
-            children: /* @__PURE__ */ e(G, {
+            children: /* @__PURE__ */ e(E, {
               name: "clear",
               size: "sm"
             })
@@ -13056,8 +13066,8 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   info: "var(--rating-color-info)",
   warning: "var(--rating-color-warning)",
   danger: "var(--rating-color-danger)"
-}, p0 = ({ type: t, filled: c, variant: l, size: a = 16 }) => {
-  const s = `rating-grad-${C0()}`, o = Sr[l], i = "var(--rating-empty-color)", n = c === "full" ? o : c === "half" ? `url(#${s})` : i, d = () => c === "half" ? /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ r("linearGradient", {
+}, g0 = ({ type: t, filled: c, variant: l, size: a = 16 }) => {
+  const s = `rating-grad-${b0()}`, o = Sr[l], i = "var(--rating-empty-color)", n = c === "full" ? o : c === "half" ? `url(#${s})` : i, d = () => c === "half" ? /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ r("linearGradient", {
     id: s,
     x1: "0",
     x2: "1",
@@ -13129,7 +13139,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         return /* @__PURE__ */ r("span", {
           className: "rate rate--half-select",
           children: [
-            /* @__PURE__ */ e(p0, {
+            /* @__PURE__ */ e(g0, {
               type: c,
               filled: f ? "full" : !f && i >= v ? "half" : "empty",
               variant: m,
@@ -13160,7 +13170,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         children: [
           Array.from({ length: w }, (f, C) => /* @__PURE__ */ e("span", {
             className: "rate",
-            children: /* @__PURE__ */ e(p0, {
+            children: /* @__PURE__ */ e(g0, {
               type: c,
               filled: "full",
               variant: m
@@ -13168,7 +13178,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           }, `full-${C}`)),
           v && /* @__PURE__ */ e("span", {
             className: "rate",
-            children: /* @__PURE__ */ e(p0, {
+            children: /* @__PURE__ */ e(g0, {
               type: c,
               filled: "half",
               variant: m
@@ -13176,7 +13186,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           }),
           Array.from({ length: u }, (f, C) => /* @__PURE__ */ e("span", {
             className: "rate",
-            children: /* @__PURE__ */ e(p0, {
+            children: /* @__PURE__ */ e(g0, {
               type: c,
               filled: "empty",
               variant: m
@@ -13202,7 +13212,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         className: "rate",
         onClick: () => p(w),
         onMouseEnter: () => a?.(w + 1),
-        children: /* @__PURE__ */ e(p0, {
+        children: /* @__PURE__ */ e(g0, {
           type: c,
           filled: w < i ? "full" : "empty",
           variant: m
@@ -13228,7 +13238,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     children: [
       /* @__PURE__ */ e("div", {
         className: "input-search__icon",
-        children: /* @__PURE__ */ e(G, { name: "search" })
+        children: /* @__PURE__ */ e(E, { name: "search" })
       }),
       /* @__PURE__ */ e(A1, {
         autoComplete: t,
@@ -13253,7 +13263,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           type: "button",
           className: "input-search__clear",
           onClick: f,
-          children: /* @__PURE__ */ e(G, {
+          children: /* @__PURE__ */ e(E, {
             name: "clear",
             size: "sm"
           })
@@ -13278,13 +13288,13 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     label: "90d",
     days: 90
   }
-], Ar = 3, $r = (t) => Array.isArray(t) ? t : t == null || typeof t == "boolean" ? [] : [t], l2 = (t) => t.every((c) => typeof c == "number") ? t : t.map(String), Dr = ({ filter: t, onChange: c }) => /* @__PURE__ */ r("div", {
+], Ar = 3, $r = (t) => Array.isArray(t) ? t : t == null || typeof t == "boolean" ? [] : [t], n2 = (t) => t.every((c) => typeof c == "number") ? t : t.map(String), Dr = ({ filter: t, onChange: c }) => /* @__PURE__ */ r("div", {
   className: `control-panel__filter${t.type === "checkbox" ? " control-panel__filter--checkbox" : ""}`,
   children: [t.type !== "checkbox" && /* @__PURE__ */ r("span", {
     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(G, { name: t.icon }),
+      t.icon && /* @__PURE__ */ e(E, { name: t.icon }),
       t.label
     ]
   }), /* @__PURE__ */ e(Tr, {
@@ -13293,7 +13303,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   })]
 }), Tr = ({ filter: t, onChange: c }) => {
   const l = $r(t.value), a = t.options ?? [], [s, o] = z("");
-  if (t.type === "checkbox") return /* @__PURE__ */ e(i0, {
+  if (t.type === "checkbox") return /* @__PURE__ */ e(o0, {
     count: t.count,
     selected: t.value === !0,
     onClick: () => c({
@@ -13415,7 +13425,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       className: "control-panel__filter-date-range",
       children: [h.length > 0 && /* @__PURE__ */ e("div", {
         className: "control-panel__filter-date-presets",
-        children: h.map((v) => /* @__PURE__ */ e(F, {
+        children: h.map((v) => /* @__PURE__ */ e(q, {
           size: "small",
           variant: "default",
           onClick: () => w(v.days),
@@ -13468,7 +13478,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(G, { name: i.icon }),
+              i.icon && /* @__PURE__ */ e(E, { name: i.icon }),
               /* @__PURE__ */ e("span", {
                 className: "control-panel__filter-label",
                 children: i.label
@@ -13481,7 +13491,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           })
         }, i.value);
       })
-    }) : /* @__PURE__ */ e(y0, {
+    }) : /* @__PURE__ */ e(x0, {
       className: "control-panel__filter-dropdown",
       multiple: t.multiple,
       name: t.id,
@@ -13490,7 +13500,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         c({
           filterId: t.id,
           type: t.type,
-          value: Array.isArray(i) ? l2(i.map((d) => d.value)) : i?.value ?? null,
+          value: Array.isArray(i) ? n2(i.map((d) => d.value)) : i?.value ?? null,
           option: Array.isArray(i) ? null : i,
           options: n
         });
@@ -13519,7 +13529,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         } : void 0,
         children: n.map((d) => {
           const h = l.includes(d.value);
-          return /* @__PURE__ */ r(i0, {
+          return /* @__PURE__ */ r(o0, {
             color: d.color,
             count: d.count,
             disabled: d.disabled,
@@ -13532,7 +13542,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               c({
                 filterId: t.id,
                 type: t.type,
-                value: l2(m),
+                value: n2(m),
                 option: d,
                 options: a.filter((p) => m.includes(p.value))
               });
@@ -13593,10 +13603,10 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   const c = t.some((l) => (l.children?.length ?? 0) > 0);
   return /* @__PURE__ */ e("nav", {
     className: "control-panel__nav",
-    children: t.map((l) => N2(l, c))
+    children: t.map((l) => B2(l, c))
   });
 };
-function N2(t, c, l = 0) {
+function B2(t, c, l = 0) {
   const a = t.children ?? [], s = a.length > 0, o = t.isOpen ?? !1, i = [
     "control-panel__nav-item",
     t.isActive ? "control-panel__nav-item--active" : "",
@@ -13614,7 +13624,7 @@ function N2(t, c, l = 0) {
           h.stopPropagation(), t.onOpenChange?.(!o, t);
         },
         type: "button",
-        children: /* @__PURE__ */ e(G, { name: "caret-right" })
+        children: /* @__PURE__ */ e(E, { name: "caret-right" })
       }) : /* @__PURE__ */ e("span", { className: "control-panel__nav-toggle-placeholder" })), /* @__PURE__ */ r("button", {
         className: i,
         onClick: () => {
@@ -13629,7 +13639,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(G, { name: t.icon })
+            children: /* @__PURE__ */ e(E, { name: t.icon })
           }) : t.color && /* @__PURE__ */ e("span", {
             className: "control-panel__nav-dot",
             style: { backgroundColor: t.color }
@@ -13653,7 +13663,7 @@ function N2(t, c, l = 0) {
       })]
     }), s && /* @__PURE__ */ e("div", {
       className: `control-panel__nav-children${o ? " control-panel__nav-children--open" : ""}`,
-      children: a.map((h) => N2(h, c, l + 1))
+      children: a.map((h) => B2(h, c, l + 1))
     })]
   }, t.id);
 }
@@ -13683,7 +13693,7 @@ var Gr = [{
       className: "control-panel__option control-panel__option--view-toggle",
       children: /* @__PURE__ */ e("div", {
         className: "control-panel__option-view-toggle",
-        children: (l.options ?? [...Gr, ...l.showGallery ? [Er] : []]).map((o) => /* @__PURE__ */ e(F, {
+        children: (l.options ?? [...Gr, ...l.showGallery ? [Er] : []]).map((o) => /* @__PURE__ */ e(q, {
           icon: o.icon,
           size: "small",
           variant: l.value === o.value ? "info" : "default",
@@ -13692,7 +13702,7 @@ var Gr = [{
         }, o.value))
       })
     }),
-    a && a.options.length > 0 && /* @__PURE__ */ r(l1, { children: [l && /* @__PURE__ */ e(a0, { spacing: 0 }), /* @__PURE__ */ r("div", {
+    a && a.options.length > 0 && /* @__PURE__ */ r(l1, { children: [l && /* @__PURE__ */ e(n0, { spacing: 0 }), /* @__PURE__ */ r("div", {
       className: "control-panel__option control-panel__option--group-by",
       children: [/* @__PURE__ */ e("span", {
         className: "control-panel__filter-title",
@@ -13701,7 +13711,7 @@ var Gr = [{
         className: "control-panel__filter-chips",
         children: a.options.map((o) => {
           const i = a.value === o.value;
-          return /* @__PURE__ */ e(i0, {
+          return /* @__PURE__ */ e(o0, {
             selected: i,
             onClick: () => a.onChange(i ? null : o.value),
             children: o.label
@@ -13709,7 +13719,7 @@ var Gr = [{
         })
       })]
     })] }),
-    s && /* @__PURE__ */ r(l1, { 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(n0, { spacing: 0 }), /* @__PURE__ */ r("div", {
       className: "control-panel__option control-panel__option--chips",
       children: [/* @__PURE__ */ e("span", {
         className: "control-panel__filter-title",
@@ -13718,7 +13728,7 @@ var Gr = [{
         className: "control-panel__filter-chips",
         children: s.options.map((o) => {
           const i = s.value.includes(o.value);
-          return /* @__PURE__ */ e(i0, {
+          return /* @__PURE__ */ e(o0, {
             selected: i,
             onClick: () => {
               const n = i ? s.value.filter((d) => d !== o.value) : [...s.value, o.value];
@@ -13729,7 +13739,7 @@ var Gr = [{
         })
       })]
     })] }),
-    t.length > 0 && (l || a || s) && /* @__PURE__ */ e(a0, { spacing: 0 }),
+    t.length > 0 && (l || a || s) && /* @__PURE__ */ e(n0, { spacing: 0 }),
     t.map((o, i) => /* @__PURE__ */ r("div", {
       className: "control-panel__option-group",
       children: [o.label && /* @__PURE__ */ e("span", {
@@ -13737,10 +13747,10 @@ var Gr = [{
         children: o.label
       }), o.options.map((n, d) => {
         const h = d > 0 ? o.options[d - 1] : void 0, m = !!h && h.type !== n.type;
-        return /* @__PURE__ */ r(E1.Fragment, { children: [m && /* @__PURE__ */ e(a0, { spacing: 0 }), /* @__PURE__ */ r("div", {
+        return /* @__PURE__ */ r(E1.Fragment, { children: [m && /* @__PURE__ */ e(n0, { spacing: 0 }), /* @__PURE__ */ r("div", {
           className: `control-panel__option control-panel__option--${n.type}`,
           children: [
-            n.type === "checkbox" && /* @__PURE__ */ e(i0, {
+            n.type === "checkbox" && /* @__PURE__ */ e(o0, {
               icon: n.icon,
               selected: n.value ?? !1,
               onClick: () => c?.({
@@ -13775,7 +13785,7 @@ var Gr = [{
                         type: "radio",
                         value: p.value
                       }),
-                      p.icon && /* @__PURE__ */ e(G, { name: p.icon }),
+                      p.icon && /* @__PURE__ */ e(E, { name: p.icon }),
                       /* @__PURE__ */ e("span", {
                         className: "control-panel__filter-label",
                         children: p.label
@@ -13796,7 +13806,7 @@ var Gr = [{
               className: "control-panel__filter-chips",
               children: n.options.map((p) => {
                 const g = n.value.includes(p.value);
-                return /* @__PURE__ */ e(i0, {
+                return /* @__PURE__ */ e(o0, {
                   disabled: p.disabled,
                   icon: p.icon,
                   title: p.title,
@@ -13819,7 +13829,7 @@ var Gr = [{
     }, o.id ?? o.label ?? i))
   ]
 }), ga = ({ width: t = "280px", className: c = "", isOpen: l, onClose: a, isMobile: s, showOverlay: o = !0, contained: i = !1, flush: n = !1, shadow: d = "none", header: h, navigation: m = [], actions: p = [], filters: g = [], filtersCount: w, onFilterChange: v, onClearFilters: u, options: f = [], onOptionChange: C, viewToggle: x, groupBy: b, visibleColumns: M }) => {
-  const _ = F0(), N = s ?? _?.isMobile ?? !1, L = l ?? (N ? _?.isOpen ?? !1 : !0), y = a ?? _?.close ?? (() => {
+  const _ = X0(), N = s ?? _?.isMobile ?? !1, L = l ?? (N ? _?.isOpen ?? !1 : !0), y = a ?? _?.close ?? (() => {
   }), H = [
     "control-panel",
     L ? "control-panel--open" : "control-panel--closed",
@@ -13838,7 +13848,7 @@ var Gr = [{
     className: H,
     style: k,
     children: [
-      h && /* @__PURE__ */ e(M2, {
+      h && /* @__PURE__ */ e(L2, {
         icon: h.icon,
         emoji: h.emoji,
         svg: h.svg,
@@ -13872,7 +13882,7 @@ var Gr = [{
           onChange: (s1) => v?.(s1)
         }, O.id))]
       }),
-      P && D && /* @__PURE__ */ e(a0, { spacing: 0 }),
+      P && D && /* @__PURE__ */ e(n0, { spacing: 0 }),
       D && /* @__PURE__ */ e(Ir, {
         normalizedOptionGroups: A,
         onOptionChange: C,
@@ -13891,7 +13901,7 @@ var Gr = [{
     t.onClick?.(d);
   }, i = () => {
     t.onClick?.({});
-  }, n = /* @__PURE__ */ e(F, {
+  }, n = /* @__PURE__ */ e(q, {
     className: "control-panel__action",
     disabled: t.disabled,
     fullWidth: t.fullWidth ?? !0,
@@ -13941,7 +13951,7 @@ var Gr = [{
   }
 }, ua = ({ children: t, className: c = "", copiedLabel: l = "Copied", disabled: a = !1, errorLabel: s = "Copy failed", iconOnly: o = !1, label: i = "Copy", onCopy: n, onError: d, resetDelay: h = 1800, size: m = "medium", title: p, value: g, variant: w = "ghost" }) => {
   const [v, u] = z("idle"), f = Y(null);
-  U(() => () => {
+  F(() => () => {
     f.current && window.clearTimeout(f.current);
   }, []);
   const C = () => {
@@ -13953,7 +13963,7 @@ var Gr = [{
       u("error"), C(), d?.(_);
     }
   }, b = v === "copied" ? l : v === "error" ? s : i, M = v === "copied" && w === "ghost" ? "success" : v === "error" && w === "ghost" ? "danger" : w;
-  return /* @__PURE__ */ e(F, {
+  return /* @__PURE__ */ e(q, {
     className: `copy-button copy-button--${v} ${o ? "copy-button--icon-only" : ""} ${c}`,
     disabled: a,
     icon: v === "copied" ? "checkmark" : "clipboard",
@@ -14008,7 +14018,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(G, {
+  const n = s || o, d = typeof t == "string" ? /* @__PURE__ */ e(E, {
     name: t,
     size: "xxxl"
   }) : t;
@@ -14030,12 +14040,12 @@ var Gr = [{
       i,
       n && /* @__PURE__ */ r("div", {
         className: "empty-state__actions",
-        children: [s && /* @__PURE__ */ e(F, {
+        children: [s && /* @__PURE__ */ e(q, {
           variant: s.variant || "info",
           icon: s.icon,
           onClick: s.onClick,
           children: s.text
-        }), o && /* @__PURE__ */ e(F, {
+        }), o && /* @__PURE__ */ e(q, {
           variant: o.variant || "default",
           icon: o.icon,
           onClick: o.onClick,
@@ -14044,14 +14054,14 @@ var Gr = [{
       })
     ]
   });
-}, Fr = 45, qr = 120, Or = 45, Yr = 45, Xr = 8, Kr = 2, a2 = ({ currentPage: t, totalPages: c, totalItems: l, onPageChange: a, showPagesNumbers: s = !1, pageSizeOptions: o, pageSize: i, onPageSizeChange: n, pageSizeLabel: d = "Rows", horizontalAlign: h = "left" }) => {
-  const { isAtLeast: m, isMobile: p } = h0(), g = Y(null), [w, v] = z(p ? 0 : 2), u = j(() => {
+}, Fr = 45, qr = 120, Or = 45, Yr = 45, Xr = 8, Kr = 2, o2 = ({ currentPage: t, totalPages: c, totalItems: l, onPageChange: a, showPagesNumbers: s = !1, pageSizeOptions: o, pageSize: i, onPageSizeChange: n, pageSizeLabel: d = "Rows", horizontalAlign: h = "left" }) => {
+  const { isAtLeast: m, isMobile: p } = m0(), g = Y(null), [w, v] = z(p ? 0 : 2), u = j(() => {
     const b = g.current;
     if (!b) return;
     const M = b.offsetWidth - ((m("desktop") ? qr : Or) * 2 + Fr * 2 + Yr * 2 + Xr * 6), _ = Math.floor(M / 53);
     v(Math.min(Kr, Math.max(0, Math.floor(_ / 2))));
   }, [m]);
-  U(() => {
+  F(() => {
     const b = g.current;
     if (!b) return;
     const M = new ResizeObserver(() => {
@@ -14074,7 +14084,7 @@ var Gr = [{
         className: "pagination__pages",
         ref: g,
         children: [
-          /* @__PURE__ */ e(F, {
+          /* @__PURE__ */ e(q, {
             variant: "default",
             borders: "sharp",
             disabled: t === 1,
@@ -14082,14 +14092,14 @@ var Gr = [{
             onClick: () => a(t - 1),
             children: m("desktop") ? "Previous" : ""
           }),
-          x().map((b, M) => /* @__PURE__ */ e(F, {
+          x().map((b, M) => /* @__PURE__ */ e(q, {
             borders: "sharp",
             variant: b === t ? "warning" : "default",
             disabled: typeof b == "string",
             onClick: () => typeof b == "number" && a(b),
             children: b
           }, M)),
-          /* @__PURE__ */ e(F, {
+          /* @__PURE__ */ e(q, {
             variant: "default",
             borders: "sharp",
             disabled: t === c,
@@ -14101,7 +14111,7 @@ var Gr = [{
       }),
       f && C && /* @__PURE__ */ r("div", {
         className: "pagination__page-size",
-        children: [/* @__PURE__ */ e("span", { children: d }), /* @__PURE__ */ e(y0, {
+        children: [/* @__PURE__ */ e("span", { children: d }), /* @__PURE__ */ e(x0, {
           name: "pageSize",
           options: C,
           value: i,
@@ -14129,7 +14139,7 @@ var Gr = [{
 }, Jr = (t, c) => c === "month" ? t.toLocaleDateString("en-US", { month: "long" }) : t.toLocaleDateString("en-US", {
   day: "2-digit",
   month: "short"
-}), ec = (t, c) => c === "month" ? `${t.getFullYear()}-${t.getMonth()}` : `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`, tc = (t) => t.getFullYear().toString(), q0 = (t, c = "day") => {
+}), ec = (t, c) => c === "month" ? `${t.getFullYear()}-${t.getMonth()}` : `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`, tc = (t) => t.getFullYear().toString(), K0 = (t, c = "day") => {
   const l = /* @__PURE__ */ new Map();
   let a = null, s = null;
   return t.forEach((o, i) => {
@@ -14177,7 +14187,7 @@ var Gr = [{
     children: t.showYear ? t.yearLabel : t.dateLabel
   })
 }), fa = ({ items: t, renderItem: c, className: l }) => {
-  const a = m1(() => q0(t), [t]);
+  const a = m1(() => K0(t), [t]);
   return /* @__PURE__ */ r("div", {
     className: `timeline-markers${l ? ` ${l}` : ""}`,
     children: [/* @__PURE__ */ e("div", { className: "timeline-markers__track" }), t.map((s, o) => {
@@ -14185,33 +14195,33 @@ var Gr = [{
       return i ? c(s, i) : null;
     })]
   });
-}, i2 = [
+}, s2 = [
   15,
   30,
   50,
   100,
   250,
   500
-], H2 = (t) => typeof t.header == "string" ? t.header : t.key, lc = (t) => typeof t == "number" ? `${t}px` : t, S2 = (t) => /* @__PURE__ */ r("span", {
+], R2 = (t) => typeof t.header == "string" ? t.header : t.key, lc = (t) => typeof t == "number" ? `${t}px` : t, A2 = (t) => /* @__PURE__ */ r("span", {
   className: "data-view__column-label",
-  children: [t.icon && /* @__PURE__ */ e(G, {
+  children: [t.icon && /* @__PURE__ */ e(E, {
     className: "data-view__column-icon",
     name: t.icon,
     size: "sm",
     variant: "muted"
   }), /* @__PURE__ */ e("span", { children: t.header })]
-}), B2 = (t, c) => {
+}), $2 = (t, c) => {
   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(G, {
+    children: [/* @__PURE__ */ e(E, {
       className: "data-view__cell-icon",
       name: l
     }), /* @__PURE__ */ e("span", { children: a })]
   }) : a;
 };
 function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o, onRowClick: i, rowHref: n, rowClassName: d, empty: h, selectable: m, selectedIds: p = [], pinnedIds: g, onToggleSelect: w, cardMaxWidth: v, isMobile: u = !1, groups: f, showGroupCount: C = !0, collapsible: x = !1, collapsedGroups: b, onToggleGroup: M }) {
-  const _ = c.filter((k) => !k.hideInCard && !(u && k.hideInMobile)), N = m1(() => new Set(g ?? []), [g]), L = `data-view__cards${v !== void 0 ? " data-view__cards--grid" : ""}`, y = v !== void 0 ? { "--data-view-card-max-width": lc(v) } : void 0, H = m1(() => o ? q0(t.map((k) => ({
+  const _ = c.filter((k) => !k.hideInCard && !(u && k.hideInMobile)), N = m1(() => new Set(g ?? []), [g]), L = `data-view__cards${v !== void 0 ? " data-view__cards--grid" : ""}`, y = v !== void 0 ? { "--data-view-card-max-width": lc(v) } : void 0, H = m1(() => o ? K0(t.map((k) => ({
     id: o.idAccessor(k),
     date: o.dateAccessor(k)
   })), o.granularity) : /* @__PURE__ */ new Map(), [t, o]);
@@ -14224,14 +14234,14 @@ 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), 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 = ($) => {
+    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) || ""}`, a1 = ($) => {
       $.metaKey || $.ctrlKey || $.shiftKey || $.altKey || $.button !== 0 || i && ($.preventDefault(), i(k, $));
     }, I = /* @__PURE__ */ r(l1, { children: [
       s1 && /* @__PURE__ */ e(K, {
         title: "Pinned",
         children: /* @__PURE__ */ e("span", {
           className: "data-view__card-pin",
-          children: /* @__PURE__ */ e(G, {
+          children: /* @__PURE__ */ e(E, {
             name: "pin",
             size: "sm"
           })
@@ -14240,7 +14250,7 @@ function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
       m && w && /* @__PURE__ */ e("div", {
         className: "data-view__card-select",
         onClick: ($) => $.stopPropagation(),
-        children: /* @__PURE__ */ e(s0, {
+        children: /* @__PURE__ */ e(d0, {
           checked: O || !1,
           onChange: ($) => w(P, $)
         })
@@ -14257,7 +14267,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(G, {
+              children: [$ && /* @__PURE__ */ e(E, {
                 className: "data-view__card-icon",
                 name: $
               }), /* @__PURE__ */ e("span", {
@@ -14280,10 +14290,10 @@ function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
           className: "data-view__card-field",
           children: [/* @__PURE__ */ e("span", {
             className: "data-view__card-label",
-            children: S2($)
+            children: A2($)
           }), /* @__PURE__ */ e("span", {
             className: "data-view__card-value",
-            children: B2($, k)
+            children: $2($, k)
           })]
         }, $.key))
       }),
@@ -14296,7 +14306,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: i1,
+      onClick: a1,
       children: I
     }) : /* @__PURE__ */ e("div", {
       className: X,
@@ -14326,7 +14336,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(G, {
+              x && /* @__PURE__ */ e(E, {
                 className: "data-view__group-chevron",
                 name: P ? "caret-down" : "caret-up",
                 size: "sm"
@@ -14358,7 +14368,7 @@ function ic({ config: t }) {
   };
   return /* @__PURE__ */ r("div", {
     className: "data-view__column-selector",
-    children: [/* @__PURE__ */ e(F, {
+    children: [/* @__PURE__ */ e(q, {
       ref: o,
       variant: "ghost",
       size: "small",
@@ -14366,12 +14376,12 @@ function ic({ config: t }) {
       onClick: () => n((h) => !h),
       children: /* @__PURE__ */ r("span", {
         className: "data-view__column-selector-label",
-        children: [s, /* @__PURE__ */ e(G, {
+        children: [s, /* @__PURE__ */ e(E, {
           name: "caret-down",
           size: "sm"
         })]
       })
-    }), /* @__PURE__ */ e(L2, {
+    }), /* @__PURE__ */ e(N2, {
       visible: i,
       onClose: () => n(!1),
       anchorEl: o.current,
@@ -14380,7 +14390,7 @@ function ic({ config: t }) {
         className: "data-view__column-selector-list",
         children: c.map((h) => /* @__PURE__ */ r("label", {
           className: "data-view__column-selector-item",
-          children: [/* @__PURE__ */ e(s0, {
+          children: [/* @__PURE__ */ e(d0, {
             checked: l.includes(h.key),
             onChange: (m) => d(h.key, m)
           }), /* @__PURE__ */ e("span", { children: h.label })]
@@ -14399,10 +14409,10 @@ var nc = ({ items: t, sortKey: c, sortDirection: l, onSort: a, align: s = "left"
     const h = n.direction ?? "asc", m = o ? c === n.value : c === n.value && l === h;
     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, {
+      children: /* @__PURE__ */ e(q, {
         className: `mini-sort__button${m ? " is-active" : ""}`,
         disabled: n.disabled,
-        icon: n.icon ? /* @__PURE__ */ e(G, {
+        icon: n.icon ? /* @__PURE__ */ e(E, {
           className: "mini-sort__icon",
           name: n.icon,
           size: "sm",
@@ -14416,10 +14426,10 @@ var nc = ({ items: t, sortKey: c, sortDirection: l, onSort: a, align: s = "left"
     }, `${n.value}-${d}`);
   }), o && /* @__PURE__ */ e(K, {
     title: `Direction: ${l === "asc" ? "ascending" : "descending"}`,
-    children: /* @__PURE__ */ e(F, {
+    children: /* @__PURE__ */ e(q, {
       className: "mini-sort__button mini-sort__direction",
       disabled: c === null,
-      icon: /* @__PURE__ */ e(G, {
+      icon: /* @__PURE__ */ e(E, {
         className: "mini-sort__icon",
         name: l === "asc" ? "arrow-up" : "arrow-down",
         size: "sm",
@@ -14438,7 +14448,7 @@ function oc({ columns: t, config: c, sortDirection: l, sortKey: a, onSort: s })
       const n = t.find((d) => d.key === i.column);
       return {
         value: i.column,
-        label: i.label ?? (n ? H2(n) : i.column),
+        label: i.label ?? (n ? R2(n) : i.column),
         icon: i.icon ?? n?.icon,
         direction: i.direction ?? "asc",
         disabled: !n
@@ -14453,11 +14463,11 @@ 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(G, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
+    children: /* @__PURE__ */ e(E, { 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: 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) => {
+function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1, onSelectionChange: o, selectedIds: i, pageSizeOptions: n = s2, initialPageSize: d = s2[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: a1, itemNoun: I, columnSelector: $ }) {
+  const { isMobile: p1 } = m0(), [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;
@@ -14472,13 +14482,13 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
   }, t0 = m1(() => new Set(a ?? []), [a]), C1 = m1(() => {
     let R = c;
     if (_1) {
-      const t1 = t.find((a1) => a1.key === _1);
+      const t1 = t.find((i1) => i1.key === _1);
       if (t1) {
-        const a1 = t1.sortAccessor || t1.accessor || ((N1) => {
+        const i1 = 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 = a1(N1), x1 = a1(z1);
+          const R1 = i1(N1), x1 = i1(z1);
           return typeof R1 == "number" && typeof x1 == "number" ? R1 - x1 : String(R1).localeCompare(String(x1));
         });
         R = L1 === "asc" ? u1 : u1.reverse();
@@ -14486,11 +14496,11 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
     }
     if (t0.size === 0) return R;
     const e1 = [], d1 = [];
-    if (R.forEach((t1, a1) => {
-      t0.has(D1(t1, a1)) ? e1.push(t1) : d1.push(t1);
+    if (R.forEach((t1, i1) => {
+      t0.has(D1(t1, i1)) ? 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));
+      const t1 = new Map(a.map((i1, u1) => [i1, u1]));
+      e1.sort((i1, u1) => (t1.get(D1(i1, 0)) ?? 0) - (t1.get(D1(u1, 0)) ?? 0));
     }
     return [...e1, ...d1];
   }, [
@@ -14500,7 +14510,7 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
     _1,
     t0,
     a
-  ]), 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(() => {
+  ]), I1 = s1 !== void 0, X1 = I1 ? s1 : C1.length, r0 = Math.max(1, Math.ceil(X1 / B)), Z1 = Math.min(r1, r0), T = I1 ? C1 : C1.slice((Z1 - 1) * B, Z1 * B), G = X ? Ur(B, X1, a1 ?? X1, Z1, I) : null, U = m1(() => {
     if (!V) return null;
     const R = /* @__PURE__ */ new Map();
     return C1.forEach((e1) => {
@@ -14508,65 +14518,65 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
       R.set(d1, (R.get(d1) ?? 0) + 1);
     }), R;
   }, [V, C1]), c1 = m1(() => {
-    if (!V || !q) return null;
+    if (!V || !U) return null;
     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));
+    T.forEach((t1) => {
+      const i1 = V.groupBy(t1), u1 = R.get(i1);
+      u1 ? u1.push(t1) : (R.set(i1, [t1]), e1.push(i1));
     });
     const d1 = e1.map((t1) => ({
       key: t1,
       label: V.groupLabel(t1),
       items: R.get(t1),
-      totalCount: q.get(t1) ?? 0
+      totalCount: U.get(t1) ?? 0
     }));
-    return V.sortGroups ? d1.sort(V.sortGroups) : d1.sort((t1, a1) => t1.key === null ? 1 : a1.key === null ? -1 : 0), d1;
+    return V.sortGroups ? d1.sort(V.sortGroups) : d1.sort((t1, i1) => t1.key === null ? 1 : i1.key === null ? -1 : 0), d1;
   }, [
     V,
-    q,
-    E
-  ]), K1 = m1(() => w ? q0(E.map((R) => ({
+    U,
+    T
+  ]), K1 = m1(() => w ? K0(T.map((R) => ({
     id: w.idAccessor(R),
     date: w.dateAccessor(R)
-  })), w.granularity) : /* @__PURE__ */ new Map(), [E, w]), j1 = (R) => {
+  })), w.granularity) : /* @__PURE__ */ new Map(), [T, w]), j1 = (R) => {
     i === void 0 && k1(R), o?.(c.filter((e1, d1) => R.includes(D1(e1, d1))));
-  }, b0 = (R) => {
+  }, M0 = (R) => {
     R.sortable && (_1 === R.key ? T1(R.key, L1 === "asc" ? "desc" : "asc") : T1(R.key, "asc"));
-  }, U2 = (R, e1) => {
+  }, B0 = (R, e1) => {
     R.preventDefault();
-    const d1 = R.clientX, t1 = J[e1] ?? 150, a1 = (N1) => {
+    const d1 = R.clientX, t1 = J[e1] ?? 150, i1 = (N1) => {
       const z1 = N1.clientX - d1, R1 = t.find((x1) => x1.key === e1)?.minWidth ?? 120;
       n1((x1) => ({
         ...x1,
         [e1]: Math.max(R1, t1 + z1)
       }));
     }, u1 = () => {
-      window.removeEventListener("mousemove", a1), window.removeEventListener("mouseup", u1);
+      window.removeEventListener("mousemove", i1), window.removeEventListener("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),
+    window.addEventListener("mousemove", i1), window.addEventListener("mouseup", u1);
+  }, c0 = t.some((R) => R.filter), l0 = t.filter((R) => R.sortable), k0 = l0.map((R) => ({
+    label: R2(R),
     value: R.key
-  })), q2 = N0.length > 0, H0 = _1 ? N0.find((R) => R.key === _1) : void 0, O2 = y?.align ?? "left", Y0 = (y?.columns ?? y?.column ?? []).length > 0 ? /* @__PURE__ */ e(oc, {
+  })), R0 = l0.length > 0, A0 = _1 ? l0.find((R) => R.key === _1) : void 0, O2 = y?.align ?? "left", Q0 = (y?.columns ?? y?.column ?? []).length > 0 ? /* @__PURE__ */ e(oc, {
     columns: t,
     config: y,
     sortKey: _1,
     sortDirection: L1,
     onSort: T1
-  }) : null, X0 = $ && $.options.length > 0 ? /* @__PURE__ */ e(ic, { config: $ }) : null, S0 = T || Y0 || X0 ? /* @__PURE__ */ r("div", {
+  }) : null, J0 = $ && $.options.length > 0 ? /* @__PURE__ */ e(ic, { config: $ }) : null, $0 = G || Q0 || J0 ? /* @__PURE__ */ r("div", {
     className: `data-view__top-row data-view__top-row--mini-${O2}`,
     children: [
-      T && /* @__PURE__ */ e("div", {
+      G && /* @__PURE__ */ e("div", {
         className: "data-view__results-count",
-        children: T
+        children: G
       }),
-      Y0,
-      X0
+      Q0,
+      J0
     ]
   }) : null;
   if (S !== "cards" && t.length === 0) return /* @__PURE__ */ r("div", {
     className: `data-view${A ? ` ${A}` : ""}`,
-    children: [S0, /* @__PURE__ */ e("div", {
+    children: [$0, /* @__PURE__ */ e("div", {
       className: "data-view__wrapper data-view__wrapper--empty",
       children: /* @__PURE__ */ e(J1, {
         title: "No columns selected",
@@ -14577,15 +14587,15 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
   if (S === "cards") return /* @__PURE__ */ r("div", {
     className: `data-view data-view--cards${A ? ` ${A}` : ""}`,
     children: [
-      S0,
-      H && q2 && /* @__PURE__ */ r("div", {
+      $0,
+      H && R0 && /* @__PURE__ */ r("div", {
         className: "data-view__card-sort-bar",
         children: [/* @__PURE__ */ e("div", {
           className: "data-view__card-sort-field",
-          children: /* @__PURE__ */ e(y0, {
+          children: /* @__PURE__ */ e(x0, {
             name: "data-view-card-sort",
             label: "Sort by",
-            options: F2,
+            options: k0,
             value: _1,
             placeholder: "Sort by...",
             searchable: !1,
@@ -14601,18 +14611,18 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
           })
         }), /* @__PURE__ */ e(K, {
           title: L1 === "asc" ? "Sort descending" : "Sort ascending",
-          children: /* @__PURE__ */ e(F, {
+          children: /* @__PURE__ */ e(q, {
             className: "data-view__card-sort-direction",
-            disabled: !H0,
+            disabled: !A0,
             onClick: () => {
-              H0 && T1(H0.key, L1 === "asc" ? "desc" : "asc");
+              A0 && T1(A0.key, L1 === "asc" ? "desc" : "asc");
             },
             variant: "ghost",
-            children: /* @__PURE__ */ e(G, { name: L1 === "asc" ? "arrow-up" : "arrow-down" })
+            children: /* @__PURE__ */ e(E, { name: L1 === "asc" ? "arrow-up" : "arrow-down" })
           })
         })]
       }),
-      O0 && /* @__PURE__ */ e("div", {
+      c0 && /* @__PURE__ */ e("div", {
         className: "data-view__filter-bar",
         children: t.filter((R) => R.filter).map((R) => /* @__PURE__ */ e("div", {
           className: "data-view__filter-bar-item",
@@ -14620,7 +14630,7 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
         }, R.key))
       }),
       /* @__PURE__ */ e(ac, {
-        data: E,
+        data: T,
         columns: t,
         rowKey: D1,
         card: m,
@@ -14644,7 +14654,7 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
           j1(e1 ? [...g1, R] : g1.filter((d1) => d1 !== R));
         }
       }),
-      /* @__PURE__ */ e(a2, {
+      /* @__PURE__ */ e(o2, {
         currentPage: Z1,
         totalPages: r0,
         totalItems: X1,
@@ -14657,15 +14667,15 @@ 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(l1, { children: [
-    S0,
+  const p0 = t.filter((R) => !R.hideInTable), Y2 = s && g1.length > 0 && g1.length === c.length, X2 = s && g1.length > 0 && g1.length < c.length, a0 = w && K1.size > 0, e2 = /* @__PURE__ */ r(l1, { children: [
+    $0,
     /* @__PURE__ */ e("div", {
       className: "data-view__wrapper",
       children: /* @__PURE__ */ r("table", { children: [/* @__PURE__ */ r("thead", { children: [/* @__PURE__ */ r("tr", { children: [
-        c0 && /* @__PURE__ */ e("th", { className: "data-view__timeline-cell" }),
+        a0 && /* @__PURE__ */ e("th", { className: "data-view__timeline-cell" }),
         s && /* @__PURE__ */ e("th", {
           className: "data-view__checkbox",
-          children: /* @__PURE__ */ e(s0, {
+          children: /* @__PURE__ */ e(d0, {
             checked: Y2,
             indeterminate: X2,
             onChange: (R) => {
@@ -14673,18 +14683,18 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
             }
           })
         }),
-        d0.map((R) => {
+        p0.map((R) => {
           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),
+            onClick: () => M0(R),
             children: [/* @__PURE__ */ r("span", {
               className: "data-view__th-content",
-              children: [S2(R), R.sortable && /* @__PURE__ */ e(sc, { state: _1 === R.key ? L1 : "unsorted" })]
+              children: [A2(R), R.sortable && /* @__PURE__ */ e(sc, { state: _1 === R.key ? L1 : "unsorted" })]
             }), /* @__PURE__ */ e("span", {
               className: "data-view__resizer",
-              onMouseDown: (d1) => U2(d1, R.key),
+              onMouseDown: (d1) => B0(d1, R.key),
               onClick: (d1) => d1.stopPropagation()
             })]
           }, R.key);
@@ -14694,12 +14704,12 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
           style: g ? { width: g } : void 0,
           children: "Actions"
         })
-      ] }), O0 && /* @__PURE__ */ r("tr", {
+      ] }), c0 && /* @__PURE__ */ r("tr", {
         className: "data-view__filter-row",
         children: [
-          c0 && /* @__PURE__ */ e("td", { className: "data-view__filter-cell data-view__filter-cell--spacer" }),
+          a0 && /* @__PURE__ */ e("td", { className: "data-view__filter-cell data-view__filter-cell--spacer" }),
           s && /* @__PURE__ */ e("td", { className: "data-view__filter-cell data-view__filter-cell--spacer" }),
-          d0.map((R) => /* @__PURE__ */ e("td", {
+          p0.map((R) => /* @__PURE__ */ e("td", {
             className: "data-view__filter-cell",
             style: J[R.key] ? { width: J[R.key] } : void 0,
             children: R.filter ?? null
@@ -14707,8 +14717,8 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
           p && /* @__PURE__ */ e("td", { className: "data-view__filter-cell data-view__filter-cell--spacer" })
         ]
       })] }), /* @__PURE__ */ e("tbody", { children: (() => {
-        if (E.length === 0) return /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", {
-          colSpan: d0.length + (c0 ? 1 : 0) + (s ? 1 : 0) + (p ? 1 : 0),
+        if (T.length === 0) return /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", {
+          colSpan: p0.length + (a0 ? 1 : 0) + (s ? 1 : 0) + (p ? 1 : 0),
           className: "data-view__empty",
           children: x ? /* @__PURE__ */ e(J1, {
             title: x.title,
@@ -14718,8 +14728,8 @@ 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), 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) => {
+        const R = p0.length + (a0 ? 1 : 0) + (s ? 1 : 0) + (p ? 1 : 0), e1 = V?.showCount !== !1, d1 = (t1, i1) => {
+          const u1 = D1(t1, i1), N1 = g1.includes(u1), z1 = t0.has(u1), R1 = K1.get(i1), x1 = u?.(t1), t2 = !!v || !!x1, K2 = (w1) => {
             if (x1 && (w1.metaKey || w1.ctrlKey || w1.shiftKey)) {
               window.open(x1, "_blank", "noopener,noreferrer");
               return;
@@ -14727,35 +14737,35 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
             v?.(t1, w1);
           }, Q2 = (w1) => {
             w1.button !== 1 || !x1 || (w1.preventDefault(), window.open(x1, "_blank", "noopener,noreferrer"));
-          }, B0 = C?.(t1);
+          }, D0 = 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?.(t1) || ""}`,
-            onClick: Q0 ? K2 : void 0,
+            className: `${N1 ? "is-selected" : ""} ${t2 ? "data-view__row--clickable" : ""} ${z1 ? "data-view__row--pinned" : ""} ${f?.(t1) || ""}`,
+            onClick: t2 ? K2 : void 0,
             onAuxClick: x1 ? Q2 : void 0,
             children: [
-              c0 && /* @__PURE__ */ e("td", {
+              a0 && /* @__PURE__ */ e("td", {
                 className: "data-view__timeline-cell",
                 children: R1 && /* @__PURE__ */ e(rc, { marker: R1 })
               }),
               s && /* @__PURE__ */ e("td", {
                 className: "data-view__checkbox",
-                children: /* @__PURE__ */ e(s0, {
+                children: /* @__PURE__ */ e(d0, {
                   checked: N1,
                   onChange: (w1) => {
-                    j1(w1 ? [...g1, u1] : g1.filter((R0) => R0 !== u1));
+                    j1(w1 ? [...g1, u1] : g1.filter((T0) => T0 !== u1));
                   }
                 })
               }),
-              d0.map((w1, R0) => /* @__PURE__ */ r("td", {
+              p0.map((w1, T0) => /* @__PURE__ */ r("td", {
                 style: J[w1.key] ? { width: J[w1.key] } : void 0,
-                children: [R0 === 0 && z1 && /* @__PURE__ */ e(K, {
+                children: [T0 === 0 && z1 && /* @__PURE__ */ e(K, {
                   title: "Pinned",
-                  children: /* @__PURE__ */ e(G, {
+                  children: /* @__PURE__ */ e(E, {
                     className: "data-view__pin-indicator",
                     name: "pin",
                     size: "sm"
                   })
-                }), B2(w1, t1)]
+                }), $2(w1, t1)]
               }, w1.key)),
               p && /* @__PURE__ */ e("td", {
                 className: "data-view__actions-cell",
@@ -14767,50 +14777,50 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
                 })
               })
             ]
-          }), B0 != null && B0 !== !1 && /* @__PURE__ */ e("tr", {
+          }), D0 != null && D0 !== !1 && /* @__PURE__ */ e("tr", {
             className: "data-view__row-detail",
             children: /* @__PURE__ */ e("td", {
               colSpan: R,
               onClick: (w1) => w1.stopPropagation(),
-              children: B0
+              children: D0
             })
           })] }, u1);
         };
         if (c1) {
           let t1 = 0;
-          return c1.map((a1) => {
+          return c1.map((i1) => {
             const u1 = t1;
-            t1 += a1.items.length;
-            const N1 = V?.collapsible && b1.has(a1.key);
+            t1 += i1.items.length;
+            const N1 = V?.collapsible && b1.has(i1.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(a1.key) : void 0,
+              onClick: V?.collapsible ? () => B1(i1.key) : void 0,
               children: /* @__PURE__ */ r("td", {
                 colSpan: R,
                 className: "data-view__group-cell",
                 children: [
                   /* @__PURE__ */ e("span", {
                     className: "data-view__group-label",
-                    children: a1.label
+                    children: i1.label
                   }),
                   e1 && /* @__PURE__ */ e("span", {
                     className: "data-view__group-count",
-                    children: a1.totalCount
+                    children: i1.totalCount
                   }),
-                  V?.collapsible && /* @__PURE__ */ e(G, {
+                  V?.collapsible && /* @__PURE__ */ e(E, {
                     className: "data-view__group-chevron",
                     name: N1 ? "caret-down" : "caret-up",
                     size: "sm"
                   })
                 ]
               })
-            }), !N1 && a1.items.map((z1, R1) => d1(z1, u1 + R1))] }, a1.key ?? "__null__");
+            }), !N1 && i1.items.map((z1, R1) => d1(z1, u1 + R1))] }, i1.key ?? "__null__");
           });
         }
-        return E.map((t1, a1) => d1(t1, a1));
+        return T.map((t1, i1) => d1(t1, i1));
       })() })] })
     }),
-    /* @__PURE__ */ e(a2, {
+    /* @__PURE__ */ e(o2, {
       currentPage: Z1,
       totalPages: r0,
       totalItems: C1.length,
@@ -14824,10 +14834,10 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
   ] });
   return /* @__PURE__ */ e("div", {
     className: `data-view${A ? ` ${A}` : ""}`,
-    children: c0 ? /* @__PURE__ */ r("div", {
+    children: a0 ? /* @__PURE__ */ r("div", {
       className: "timeline-markers",
-      children: [/* @__PURE__ */ e("div", { className: "timeline-markers__track" }), K0]
-    }) : K0
+      children: [/* @__PURE__ */ e("div", { className: "timeline-markers__track" }), e2]
+    }) : e2
   });
 }
 var Q1 = (t) => {
@@ -14835,7 +14845,7 @@ var Q1 = (t) => {
   const [c, l, a] = t.split("-").map((s) => Number(s));
   if (!(!c || !l || !a))
     return new Date(c, l - 1, a);
-}, x0 = (t) => `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`, ya = ({ label: t, value: c, onChange: l, min: a, max: s, alwaysOpen: o = !1, autoClose: i = !0, presets: n }) => {
+}, _0 = (t) => `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`, ya = ({ label: t, value: c, onChange: l, min: a, max: s, alwaysOpen: o = !1, autoClose: i = !0, presets: n }) => {
   const [d, h] = z({}), [m, p] = z(() => /* @__PURE__ */ new Date()), [g, w] = z(null), [v, u] = z(o), [f, C] = z({
     position: "fixed",
     visibility: "hidden"
@@ -14846,8 +14856,8 @@ var Q1 = (t) => {
     c || h(W), l?.(W);
   }, D = (W) => {
     W && typeof W == "object" && "start" in W && (A({
-      start: x0(W.start),
-      end: x0(W.end)
+      start: _0(W.start),
+      end: _0(W.end)
     }), w(null), !o && i && u(!1));
   }, P = (W) => {
     w(W);
@@ -14864,16 +14874,16 @@ var Q1 = (t) => {
   }, X = (W) => {
     const o1 = /* @__PURE__ */ new Date(), v1 = /* @__PURE__ */ new Date();
     v1.setDate(v1.getDate() - W), A({
-      start: x0(v1),
-      end: x0(o1)
+      start: _0(v1),
+      end: _0(o1)
     });
   };
-  U(() => {
+  F(() => {
     b(y.start ?? "");
-  }, [y.start]), U(() => {
+  }, [y.start]), F(() => {
     _(y.end ?? "");
   }, [y.end]);
-  const i1 = m1(() => u0(m, 1), [m]), I = o || v, $ = !o && v, p1 = j(() => {
+  const a1 = m1(() => f0(m, 1), [m]), I = o || v, $ = !o && v, p1 = j(() => {
     if (!$ || !N.current || !L.current) return;
     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({
@@ -14883,9 +14893,9 @@ var Q1 = (t) => {
       zIndex: 1e3
     });
   }, [$]);
-  U(() => {
+  F(() => {
     o && u(!0);
-  }, [o]), U(() => {
+  }, [o]), F(() => {
     if (!$) {
       C({
         position: "fixed",
@@ -14897,7 +14907,7 @@ var Q1 = (t) => {
     return window.addEventListener("resize", p1), window.addEventListener("scroll", p1, !0), () => {
       cancelAnimationFrame(W), window.removeEventListener("resize", p1), window.removeEventListener("scroll", p1, !0);
     };
-  }, [$, p1]), U(() => {
+  }, [$, p1]), F(() => {
     if (!$) return;
     const W = (v1) => {
       const y1 = v1.target;
@@ -14914,10 +14924,10 @@ var Q1 = (t) => {
     children: [/* @__PURE__ */ r("div", {
       className: "date-range-picker__nav",
       children: [
-        /* @__PURE__ */ e(F, {
+        /* @__PURE__ */ e(q, {
           variant: "default",
           icon: "caret-left",
-          onClick: () => p(u0(m, -1)),
+          onClick: () => p(f0(m, -1)),
           title: "Previous month"
         }),
         /* @__PURE__ */ r("span", { children: [
@@ -14925,20 +14935,20 @@ var Q1 = (t) => {
           " ",
           m.getFullYear(),
           " -",
-          i1.toLocaleString("default", { month: "long" }),
+          a1.toLocaleString("default", { month: "long" }),
           " ",
-          i1.getFullYear()
+          a1.getFullYear()
         ] }),
-        /* @__PURE__ */ e(F, {
+        /* @__PURE__ */ e(q, {
           variant: "default",
           icon: "caret-right",
-          onClick: () => p(u0(m, 1)),
+          onClick: () => p(f0(m, 1)),
           title: "Next month"
         })
       ]
     }), /* @__PURE__ */ r("div", {
       className: "date-range-picker__months",
-      children: [/* @__PURE__ */ e(_0, {
+      children: [/* @__PURE__ */ e(V0, {
         mode: "range",
         value: k,
         onChange: D,
@@ -14950,13 +14960,13 @@ var Q1 = (t) => {
         showToday: !1,
         minDate: a ? Q1(a) : void 0,
         maxDate: s ? Q1(s) : void 0
-      }), /* @__PURE__ */ e(_0, {
+      }), /* @__PURE__ */ e(V0, {
         mode: "range",
         value: k,
         onChange: D,
         rangeStart: g,
         onRangeStartChange: P,
-        currentMonth: i1,
+        currentMonth: a1,
         onMonthChange: p,
         showHeader: !1,
         showToday: !1,
@@ -14976,7 +14986,7 @@ var Q1 = (t) => {
           children: t
         }), /* @__PURE__ */ e("div", {
           className: "date-range-picker__presets",
-          children: n.map((W) => /* @__PURE__ */ e(F, {
+          children: n.map((W) => /* @__PURE__ */ e(q, {
             size: "small",
             variant: "default",
             onClick: () => X(W.days),
@@ -14988,7 +14998,7 @@ var Q1 = (t) => {
         children: t
       }), n && n.length > 0 && /* @__PURE__ */ e("div", {
         className: "date-range-picker__presets",
-        children: n.map((W) => /* @__PURE__ */ e(F, {
+        children: n.map((W) => /* @__PURE__ */ e(q, {
           size: "small",
           variant: "default",
           onClick: () => X(W.days),
@@ -15016,7 +15026,7 @@ var Q1 = (t) => {
             onChange: _,
             onBlur: V
           }),
-          !o && /* @__PURE__ */ e(F, {
+          !o && /* @__PURE__ */ e(q, {
             className: "date-range-picker__toggle",
             variant: "default",
             onClick: () => u((W) => !W),
@@ -15034,7 +15044,7 @@ var Q1 = (t) => {
     ]
   });
 };
-function R2(t, c) {
+function D2(t, c) {
   const l = t.length, a = c.length, s = l + a, o = new Array(2 * s + 1).fill(0), i = [];
   e: for (let m = 0; m <= s; m++) {
     i.push([...o]);
@@ -15070,7 +15080,7 @@ function R2(t, c) {
   return n;
 }
 function hc(t, c) {
-  const l = R2(t.split(`
+  const l = D2(t.split(`
 `), c.split(`
 `)), a = [];
   let s = 1, o = 1, i = 0;
@@ -15105,7 +15115,7 @@ function hc(t, c) {
 }
 function dc(t, c) {
   const l = (a) => a.match(/\S+|\s+/g) ?? [];
-  return R2(l(t), l(c));
+  return D2(l(t), l(c));
 }
 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",
@@ -15168,7 +15178,7 @@ function vc(t) {
 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 }) => {
+}, l)) }), W0 = ({ line: t, side: c, type: l }) => {
   const a = c === "old" ? t.text ?? t.oldText ?? "" : t.text ?? t.newText ?? "";
   return t.kind !== "equal" && t.oldText !== void 0 && t.newText !== void 0 ? /* @__PURE__ */ e(mc, {
     a: t.oldText,
@@ -15231,7 +15241,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
                 }),
                 /* @__PURE__ */ e("span", {
                   className: "dv__code",
-                  children: !p && /* @__PURE__ */ e(E0, {
+                  children: !p && /* @__PURE__ */ e(W0, {
                     line: h,
                     side: "old",
                     type: a
@@ -15257,7 +15267,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
                 }),
                 /* @__PURE__ */ e("span", {
                   className: "dv__code",
-                  children: !p && /* @__PURE__ */ e(E0, {
+                  children: !p && /* @__PURE__ */ e(W0, {
                     line: h,
                     side: "new",
                     type: a
@@ -15285,7 +15295,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
             }),
             /* @__PURE__ */ e("span", {
               className: "dv__code",
-              children: /* @__PURE__ */ e(E0, {
+              children: /* @__PURE__ */ e(W0, {
                 line: h,
                 side: h.kind === "removed" ? "old" : "new",
                 type: a
@@ -15296,12 +15306,12 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
       })
     })]
   });
-}, uc = 1e3, n2 = 0, A2 = ({ isOpen: t, onClose: c, position: l = "left", width: a = "320px", maxWidth: s = "none", margin: o = 0, borderRadius: i = 0, shadow: n = "none", children: d, title: h, icon: m, className: p = "", showOverlay: g = !0, lockScroll: w = !0, hideClose: v = !1, actions: u = [], onBack: f, backLabel: C = "Back", primary: x, secondary: b, footer: M }) => {
-  C2(t && w);
+}, uc = 1e3, h2 = 0, T2 = ({ isOpen: t, onClose: c, position: l = "left", width: a = "320px", maxWidth: s = "none", margin: o = 0, borderRadius: i = 0, shadow: n = "none", children: d, title: h, icon: m, className: p = "", showOverlay: g = !0, lockScroll: w = !0, hideClose: v = !1, actions: u = [], onBack: f, backLabel: C = "Back", primary: x, secondary: b, footer: M }) => {
+  x2(t && w);
   const [_, N] = z(0);
-  if (U(() => {
-    t && (n2 += 1, N(n2));
-  }, [t]), U(() => {
+  if (F(() => {
+    t && (h2 += 1, N(h2));
+  }, [t]), F(() => {
     const k = (A) => {
       A.key === "Escape" && t && c();
     };
@@ -15329,7 +15339,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
           f && /* @__PURE__ */ e(K, {
             title: C,
             position: "bottom",
-            children: /* @__PURE__ */ e(F, {
+            children: /* @__PURE__ */ e(q, {
               className: "drawer__back",
               onClick: f,
               size: "small",
@@ -15339,7 +15349,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
           }),
           (h || m) && /* @__PURE__ */ r("h2", {
             className: "drawer__title",
-            children: [m && /* @__PURE__ */ e(G, { name: m }), h && /* @__PURE__ */ e("span", {
+            children: [m && /* @__PURE__ */ e(E, { name: m }), h && /* @__PURE__ */ e("span", {
               className: "drawer__title-text",
               children: h
             })]
@@ -15347,7 +15357,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
           u.length > 0 && /* @__PURE__ */ e("div", {
             className: "drawer__header-actions",
             children: u.map((k) => {
-              const A = /* @__PURE__ */ e(F, {
+              const A = /* @__PURE__ */ e(q, {
                 disabled: k.disabled,
                 onClick: k.onClick,
                 icon: k.icon,
@@ -15363,7 +15373,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
               }, k.id) : /* @__PURE__ */ e(E1.Fragment, { children: A }, k.id);
             })
           }),
-          !v && /* @__PURE__ */ e(F, {
+          !v && /* @__PURE__ */ e(q, {
             className: "drawer__close",
             icon: "clear",
             onClick: c,
@@ -15384,13 +15394,13 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
           children: M
         }), (x || b) && /* @__PURE__ */ r("div", {
           className: "drawer__footer-actions",
-          children: [b && /* @__PURE__ */ e(F, {
+          children: [b && /* @__PURE__ */ e(q, {
             variant: b.variant || "default",
             icon: b.icon,
             disabled: b.disabled,
             onClick: b.onClick,
             children: b.text
-          }), x && /* @__PURE__ */ e(F, {
+          }), x && /* @__PURE__ */ e(q, {
             variant: x.variant || "info",
             icon: x.icon,
             disabled: x.disabled,
@@ -19709,7 +19719,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
   ...wc,
   ...yc,
   ...Mc
-}, M0 = [
+}, L0 = [
   {
     id: "smileys",
     icon: "😀",
@@ -20449,11 +20459,11 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
     ]
   }
 ], xa = ({ value: t, onChange: c }) => {
-  const [l, a] = z(""), [s, o] = z(M0[0].id), i = m1(() => {
+  const [l, a] = z(""), [s, o] = z(L0[0].id), i = m1(() => {
     if (!l.trim()) return null;
     const d = l.toLowerCase();
-    return M0.flatMap((h) => h.emojis.filter((m) => _c[m]?.some((p) => p.includes(d)) || h.name.toLowerCase().includes(d)));
-  }, [l]), n = i ?? M0.find((d) => d.id === s)?.emojis ?? [];
+    return L0.flatMap((h) => h.emojis.filter((m) => _c[m]?.some((p) => p.includes(d)) || h.name.toLowerCase().includes(d)));
+  }, [l]), n = i ?? L0.find((d) => d.id === s)?.emojis ?? [];
   return /* @__PURE__ */ r("div", {
     className: "emoji-picker",
     children: [
@@ -20468,7 +20478,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
       }),
       !i && /* @__PURE__ */ e("div", {
         className: "emoji-picker__categories",
-        children: M0.map((d) => /* @__PURE__ */ e("button", {
+        children: L0.map((d) => /* @__PURE__ */ e("button", {
           className: `emoji-picker__cat-btn${s === d.id ? " is-active" : ""}`,
           title: d.name,
           onClick: () => o(d.id),
@@ -20518,7 +20528,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
   }
 }, ka = ({ label: t, accept: c, multiple: l = !1, showPreview: a = !0, onFiles: s }) => {
   const [o, i] = z(!1), [n, d] = z([]), h = Y(null), [m, p] = z([]);
-  U(() => {
+  F(() => {
     if (!a) return;
     const v = n.filter((u) => u.type.startsWith("image/")).map((u) => URL.createObjectURL(u));
     return p(v), () => {
@@ -20591,7 +20601,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
         onClick: t[0].onClick,
         children: /* @__PURE__ */ e("span", {
           className: "float-button__icon",
-          children: /* @__PURE__ */ e(G, {
+          children: /* @__PURE__ */ e(E, {
             name: t[0].icon,
             size: "xxl"
           })
@@ -20616,7 +20626,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
         onClick: () => s(o),
         children: [/* @__PURE__ */ e("span", {
           className: "float-button-menu__icon",
-          children: /* @__PURE__ */ e(G, { name: o.icon })
+          children: /* @__PURE__ */ e(E, { name: o.icon })
         }), /* @__PURE__ */ e("span", {
           className: "float-button-menu__label",
           children: o.label
@@ -20629,7 +20639,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
         onClick: a,
         children: /* @__PURE__ */ e("span", {
           className: "float-button__icon",
-          children: /* @__PURE__ */ e(G, {
+          children: /* @__PURE__ */ e(E, {
             name: c ? "clear" : "plus",
             size: "xxl"
           })
@@ -20637,7 +20647,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
       })
     })]
   });
-}, $2 = () => /* @__PURE__ */ e("div", {
+}, Z2 = () => /* @__PURE__ */ e("div", {
   className: "loading",
   children: /* @__PURE__ */ e("div", { className: "loading__spinner" })
 }), La = ({ isOpen: t, title: c = "Select a folder", initialPath: l, loadDirectory: a, onSelect: s, onClose: o, selectLabel: i = "Select this folder" }) => {
@@ -20657,13 +20667,13 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
       m(!1);
     }
   }, [a]);
-  U(() => {
+  F(() => {
     t && w(l);
   }, [
     t,
     l,
     w
-  ]), U(() => {
+  ]), F(() => {
     g(n?.current ?? "");
   }, [n]);
   const v = () => {
@@ -20700,7 +20710,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
         /* @__PURE__ */ r("div", {
           className: "folder-browser__path-row",
           children: [
-            /* @__PURE__ */ e(F, {
+            /* @__PURE__ */ e(q, {
               variant: "default",
               size: "small",
               icon: "arrow-up",
@@ -20718,7 +20728,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
                 onKeyDown: (x) => x.key === "Enter" && u()
               })
             }),
-            /* @__PURE__ */ e(F, {
+            /* @__PURE__ */ e(q, {
               variant: "default",
               size: "small",
               icon: "arrow-right",
@@ -20736,7 +20746,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
           className: "folder-browser__list",
           children: h ? /* @__PURE__ */ e("div", {
             className: "folder-browser__loading",
-            children: /* @__PURE__ */ e($2, {})
+            children: /* @__PURE__ */ e(Z2, {})
           }) : C.length === 0 ? /* @__PURE__ */ e(J1, {
             icon: "folder",
             title: "No subfolders",
@@ -20751,7 +20761,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
               w(x.path);
             },
             children: [
-              /* @__PURE__ */ e(G, {
+              /* @__PURE__ */ e(E, {
                 name: "folder",
                 size: "sm"
               }),
@@ -20759,7 +20769,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
                 className: "folder-browser__entry-name",
                 children: x.name
               }),
-              /* @__PURE__ */ e(G, {
+              /* @__PURE__ */ e(E, {
                 className: "folder-browser__entry-chevron",
                 name: "arrow-right",
                 size: "sm"
@@ -20784,7 +20794,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
     };
     n?.(x);
   }, [n]);
-  return U(() => {
+  return F(() => {
     const v = p.current, u = m.current;
     if (!(!v || !u))
       return g.current?.disconnect(), g.current = new IntersectionObserver(([f]) => {
@@ -20800,7 +20810,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
     c,
     o,
     s
-  ]), U(() => {
+  ]), F(() => {
     const v = m.current;
     if (v)
       return v.addEventListener("scroll", w, { passive: !0 }), w(), () => v.removeEventListener("scroll", w);
@@ -20818,7 +20828,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
         className: "infinite-scroll__loader",
         children: [/* @__PURE__ */ e("div", { className: "infinite-scroll__spinner" }), /* @__PURE__ */ e("span", {
           className: "infinite-scroll__loader-text",
-          children: /* @__PURE__ */ e($2, {})
+          children: /* @__PURE__ */ e(Z2, {})
         })]
       }),
       !l && !a && d && /* @__PURE__ */ e("div", {
@@ -20829,7 +20839,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
   });
 }, Lc = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, zc = (t) => !t || t.trim() === "" ? !0 : Lc.test(t.trim()), Va = M1(({ autoComplete: t = "on", autoFocus: c, disabled: l, error: a = "Please enter a valid email address", highlighted: s, id: o, label: i, maxLength: n, onBlur: d, onChange: h, onClick: m, onKeyDown: p, onKeyUp: g, onValidate: w, placeholder: v, readOnly: u = !1, required: f = !1, showValidation: C = !1, success: x, validateOn: b = "blur", value: M }, _) => {
   const [N, L] = z(!0), [y, H] = z(!1), S = (P) => f && (!P || P.trim() === "") ? !1 : !P || P.trim() === "" ? !0 : zc(P);
-  U(() => {
+  F(() => {
     if (M !== void 0) {
       const P = S(M);
       L(P), w?.(P);
@@ -20924,13 +20934,13 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
       children: p
     })
   ]
-})), D2 = {
+})), G2 = {
   9: /\d/,
   a: /[a-zA-Z]/,
   "*": /[a-zA-Z0-9]/
 };
 function Vc(t) {
-  return t in D2;
+  return t in G2;
 }
 function Nc(t) {
   const c = [];
@@ -20947,7 +20957,7 @@ function Nc(t) {
   }), l++);
   return c;
 }
-function I0(t, c, l) {
+function U0(t, c, l) {
   let a = 0, s = "", o = "";
   for (const i of c) if (i.type === "literal") s += i.char;
   else if (a < t.length) {
@@ -20963,15 +20973,15 @@ function Hc(t) {
   return t.filter((c) => c.type === "token").length;
 }
 var Sc = M1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, label: o, hint: i, error: n, highlighted: d, size: h = "md", variant: m = "default", disabled: p = !1, readOnly: g = !1, maskChar: w = "_", mono: v = !0, icon: u, suffix: f, className: C = "", id: x, name: b, autoComplete: M }, _) => {
-  const N = E1.useMemo(() => Nc(t), [t]), L = E1.useMemo(() => Hc(N), [N]), y = C0(), H = x ?? y, [S, k] = z(() => c !== void 0 ? c : ""), A = Y(null);
-  w2(_, () => ({
+  const N = E1.useMemo(() => Nc(t), [t]), L = E1.useMemo(() => Hc(N), [N]), y = b0(), H = x ?? y, [S, k] = z(() => c !== void 0 ? c : ""), A = Y(null);
+  y2(_, () => ({
     focus: () => A.current?.focus(),
     clear: () => {
       k(""), l?.("", "");
     },
     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, s1 = [
+  const { masked: D } = U0(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}`,
@@ -20986,7 +20996,7 @@ 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 o1 = S.slice(0, -1), { masked: v1 } = I0(o1, N, w);
+      const o1 = S.slice(0, -1), { masked: v1 } = U0(o1, N, w);
       k(o1), l?.(o1, v1);
       return;
     }
@@ -20995,12 +21005,12 @@ var Sc = M1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, la
     let p1 = 0;
     for (const o1 of N) if (o1.type === "token") {
       if (p1 === S.length) {
-        if (!D2[o1.key].test($)) return;
+        if (!G2[o1.key].test($)) return;
         break;
       }
       p1++;
     }
-    const { masked: h1, rawAccepted: W } = I0(S + $, N, w);
+    const { masked: h1, rawAccepted: W } = U0(S + $, N, w);
     k(W), l?.(W, h1), W.length === L && a?.(W, h1);
   }, [
     p,
@@ -21011,7 +21021,7 @@ 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(""), i1 = S.length === L;
+  ]), X = s ?? N.map((I) => I.type === "literal" ? I.char : w).join(""), a1 = S.length === L;
   return /* @__PURE__ */ r("div", {
     className: s1,
     children: [
@@ -21034,7 +21044,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", i1 ? "input-mask__input--filled" : ""].filter(Boolean).join(" "),
+            className: ["input-mask__input", a1 ? "input-mask__input--filled" : ""].filter(Boolean).join(" "),
             value: P,
             placeholder: X,
             disabled: p,
@@ -21078,7 +21088,7 @@ var Ha = {
   date: "99/99/9999",
   time: "99:99",
   uuid: "********-****-****-****-************"
-}, k0 = M1(({ autoComplete: t = "on", autoFocus: c, disabled: l, error: a, highlighted: s, id: o, label: i, maxLength: n, onBlur: d, onChange: h, onClick: m, onKeyDown: p, onKeyUp: g, placeholder: w, readOnly: v = !1, required: u = !1, success: f, value: C }, x) => /* @__PURE__ */ r("div", {
+}, z0 = M1(({ autoComplete: t = "on", autoFocus: c, disabled: l, error: a, highlighted: s, id: o, label: i, maxLength: n, onBlur: d, onChange: h, onClick: m, onKeyDown: p, onKeyUp: g, placeholder: w, readOnly: v = !1, required: u = !1, success: f, value: C }, x) => /* @__PURE__ */ r("div", {
   className: `input-password-wrapper${s ? " input-password-highlighted" : ""}`,
   children: [
     i && /* @__PURE__ */ r("label", {
@@ -21118,21 +21128,21 @@ var Ha = {
     })
   ]
 })), Bc = "+## (###) ###-####";
-function j0(t, c) {
+function F0(t, c) {
   let l = 0, a = "";
   for (let s = 0; s < c.length && !(l >= t.length); s++)
     c[s] === "#" ? (a += t[l], l++) : l < t.length && (a += c[s]);
   return a;
 }
-function P0(t) {
+function q0(t) {
   return t.replace(/\D/g, "");
 }
 function Rc(t) {
   return t.split("").filter((c) => c === "#").length;
 }
 var Ac = M1(({ autoFocus: t, disabled: c, error: l, format: a = Bc, highlighted: s, id: o, label: i, onBlur: n, onChange: d, onClick: h, onKeyDown: m, placeholder: p, readOnly: g = !1, required: w = !1, success: v, value: u }, f) => {
-  const C = u !== void 0, [x, b] = z(() => u ? j0(P0(u), a) : ""), M = C ? j0(P0(u ?? ""), a) : x, _ = p ?? a.replace(/#/g, "0"), N = a.length, L = (y) => {
-    const H = P0(y), S = Rc(a), k = H.slice(0, S), A = j0(k, a);
+  const C = u !== void 0, [x, b] = z(() => u ? F0(q0(u), a) : ""), M = C ? F0(q0(u ?? ""), a) : x, _ = p ?? a.replace(/#/g, "0"), N = a.length, L = (y) => {
+    const H = q0(y), S = Rc(a), k = H.slice(0, S), A = F0(k, a);
     C || b(A), d?.(A, k);
   };
   return /* @__PURE__ */ r("div", {
@@ -21327,7 +21337,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
   });
 }), Aa = ({ isOpen: t, onClose: c, onComplete: l, steps: a, title: s, presentation: o = "drawer", width: i = "480px" }) => {
   const [n, d] = z(0);
-  U(() => {
+  F(() => {
     t && d(0);
   }, [t]);
   const h = a[n], m = n === a.length - 1, p = n === 0, g = h?.canProceed !== !1, w = h?.canGoBack !== !1, v = () => {
@@ -21346,7 +21356,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
     children: [
       /* @__PURE__ */ e("div", {
         className: "journey-wizard__nav-side",
-        children: !p && /* @__PURE__ */ e(F, {
+        children: !p && /* @__PURE__ */ e(q, {
           variant: "ghost",
           icon: "previous",
           disabled: !w,
@@ -21364,17 +21374,17 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
       }),
       /* @__PURE__ */ e("div", {
         className: "journey-wizard__nav-side journey-wizard__nav-side--right",
-        children: m ? /* @__PURE__ */ e(F, {
+        children: m ? /* @__PURE__ */ e(q, {
           variant: "success",
           icon: "save",
           disabled: !g,
           onClick: C,
           children: "Save"
-        }) : /* @__PURE__ */ r(F, {
+        }) : /* @__PURE__ */ r(q, {
           variant: "info",
           disabled: !g,
           onClick: v,
-          children: ["Next ", /* @__PURE__ */ e(G, {
+          children: ["Next ", /* @__PURE__ */ e(E, {
             name: "next",
             size: "sm"
           })]
@@ -21433,7 +21443,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
         b
       ]
     })
-  }) : /* @__PURE__ */ e(A2, {
+  }) : /* @__PURE__ */ e(T2, {
     isOpen: t,
     onClose: f,
     title: s,
@@ -21481,7 +21491,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
     })
   });
 }, Tc = ({ icon: t = "menu-hamburger", isCompact: c, items: l, label: a, showLabel: s = !0, disableResponsive: o = !1 }) => {
-  const { isAtLeast: i } = h0(), [n, d] = z(null), h = (v) => {
+  const { isAtLeast: i } = m0(), [n, d] = z(null), h = (v) => {
     d(v.currentTarget);
   }, m = () => {
     d(null);
@@ -21490,7 +21500,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
     const v = l[0], u = p && s;
     return /* @__PURE__ */ e("div", {
       className: "MenuHamburger",
-      children: /* @__PURE__ */ e(F, {
+      children: /* @__PURE__ */ e(q, {
         variant: c || !p ? "plain" : "default",
         onClick: v.onClick,
         icon: v.icon,
@@ -21504,7 +21514,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
   }, w = p && s && !!a;
   return /* @__PURE__ */ r("div", {
     className: "MenuHamburger",
-    children: [/* @__PURE__ */ e(F, {
+    children: [/* @__PURE__ */ e(q, {
       variant: c || !p ? "plain" : "default",
       onClick: h,
       icon: t,
@@ -21517,13 +21527,13 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
         className: "MenuHamburger_dropdown",
         children: l.map((v, u) => /* @__PURE__ */ r("div", {
           className: "MenuHamburger_entry",
-          children: [v.separator && /* @__PURE__ */ e("div", { className: "MenuHamburger_separator" }), /* @__PURE__ */ r(F, {
+          children: [v.separator && /* @__PURE__ */ e("div", { className: "MenuHamburger_separator" }), /* @__PURE__ */ r(q, {
             variant: "plain",
             className: `MenuHamburger_item ${v.isActive ? "MenuHamburger_item--active" : ""}`,
             onClick: () => g(v),
             children: [/* @__PURE__ */ e("span", {
               className: "MenuHamburger_item__icon",
-              children: v.icon ? /* @__PURE__ */ e(G, { name: v.icon }) : null
+              children: v.icon ? /* @__PURE__ */ e(E, { name: v.icon }) : null
             }), /* @__PURE__ */ e("span", {
               className: "MenuHamburger_item__label",
               children: v.label
@@ -21533,11 +21543,11 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
       })
     })]
   });
-}, v0 = (t) => Math.max(0, Math.min(1, t)), Da = ({ buckets: t, viewportStart: c, viewportEnd: l, onScrub: a, bands: s, caption: o, className: i = "" }) => {
+}, u0 = (t) => Math.max(0, Math.min(1, t)), Da = ({ buckets: t, viewportStart: c, viewportEnd: l, onScrub: a, bands: s, caption: o, className: i = "" }) => {
   const n = Y(null), d = Y(!1), h = Math.max(0, l - c), m = Math.max(1, ...t), p = j((u) => {
     const f = n.current;
     if (!f) return;
-    const C = f.getBoundingClientRect(), x = v0((u - C.left) / C.width);
+    const C = f.getBoundingClientRect(), x = u0((u - C.left) / C.width);
     a(Math.max(0, Math.min(1 - h, x - h / 2)));
   }, [a, h]), g = j((u) => {
     d.current = !0, u.currentTarget.setPointerCapture(u.pointerId), p(u.clientX);
@@ -21571,8 +21581,8 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
           children: s.map((u, f) => /* @__PURE__ */ e("span", {
             className: "minimap__band",
             style: {
-              left: `${v0(u.start) * 100}%`,
-              width: `${v0(u.end - u.start) * 100}%`,
+              left: `${u0(u.start) * 100}%`,
+              width: `${u0(u.end - u.start) * 100}%`,
               background: u.color
             }
           }, f))
@@ -21580,8 +21590,8 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
         /* @__PURE__ */ e("div", {
           className: "minimap__viewport",
           style: {
-            left: `${v0(c) * 100}%`,
-            width: `${v0(h) * 100}%`
+            left: `${u0(c) * 100}%`,
+            width: `${u0(h) * 100}%`
           }
         })
       ]
@@ -21621,7 +21631,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
       ]
     });
   };
-  return /* @__PURE__ */ r(_2, {
+  return /* @__PURE__ */ r(V2, {
     className: [
       "mini-stats-card",
       `mini-stats-card--align-${s}`,
@@ -21654,7 +21664,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(G, { name: v.icon }) : null
+      children: v.icon ? /* @__PURE__ */ e(E, { name: v.icon }) : null
     }), /* @__PURE__ */ e("span", {
       className: "navbar__item-label",
       children: v.label
@@ -21671,7 +21681,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
         className: "navbar__items",
         children: [
           g.map((v) => o ? o(v) : p(v)),
-          i && !d && w > 0 && /* @__PURE__ */ e(F, {
+          i && !d && w > 0 && /* @__PURE__ */ e(q, {
             className: "navbar__item navbar__item--expand",
             onClick: () => h(!0),
             children: /* @__PURE__ */ r("span", {
@@ -21683,7 +21693,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
               ]
             })
           }),
-          i && d && /* @__PURE__ */ e(F, {
+          i && d && /* @__PURE__ */ e(q, {
             className: "navbar__item navbar__item--expand",
             onClick: () => h(!1),
             children: /* @__PURE__ */ e("span", {
@@ -21701,7 +21711,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
   });
 }, Zc = ({ items: t, buttonLabel: c = "Alerts", panelTitle: l = "Notifications", emptyMessage: a = "No active notifications." }) => {
   const [s, o] = z(!1), [i, n] = z({ opacity: 0 }), d = Y(null), h = Y(null), m = t.some((g) => g.severity === "critical");
-  return U(() => {
+  return F(() => {
     if (!s || !d.current || !h.current) return;
     const g = requestAnimationFrame(() => {
       if (!d.current || !h.current) return;
@@ -21715,7 +21725,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
       });
     });
     return () => cancelAnimationFrame(g);
-  }, [s]), U(() => {
+  }, [s]), F(() => {
     if (!s) return;
     const g = (w) => {
       w.key === "Escape" && o(!1);
@@ -21760,20 +21770,20 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
   small: 120,
   medium: 180,
   large: 240
-}, o2 = {
+}, d2 = {
   default: "var(--progress-default-bar-fill-color)",
   warning: "var(--progress-warning-bar-fill-color)",
   danger: "var(--progress-danger-bar-fill-color)",
   info: "var(--progress-info-bar-fill-color)",
   success: "var(--progress-success-bar-fill-color)"
-}, n0 = (t, c, l, a) => {
+}, s0 = (t, c, l, a) => {
   const s = (a - 90) * Math.PI / 180;
   return {
     x: t + l * Math.cos(s),
     y: c + l * Math.sin(s)
   };
 }, Ec = (t, c, l, a) => {
-  const s = n0(t, t, c, a), o = n0(t, t, c, l), i = a - l <= 180 ? 0 : 1;
+  const s = s0(t, t, c, a), o = s0(t, t, c, l), i = a - l <= 180 ? 0 : 1;
   return [
     "M",
     t,
@@ -21793,7 +21803,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
   ].join(" ");
 }, Ic = (t) => `hsl(${Math.round((t * 137.508 + 28) % 360)} 72% 52%)`, jc = (t, c) => {
   const l = t.variant ?? "default";
-  return l === "custom" ? t.customColor || o2.default : l === "random" ? Ic(c) : o2[l];
+  return l === "custom" ? t.customColor || d2.default : l === "random" ? Ic(c) : d2[l];
 }, Ga = ({ className: t = "", data: c = [], emptyLabel: l, gap: a = 1, size: s = "medium", valueFormatter: o, valuePosition: i = "inside" }) => {
   const n = Gc[s], d = i === "outside" ? Math.round(n * 0.18) : 0, h = n / 2, m = Math.max(h - Math.max(a, 1), 1), p = `${-d} ${-d} ${n + d * 2} ${n + d * 2}`, g = m1(() => {
     const M = c.filter((L) => Number.isFinite(L.value) && L.value > 0), _ = M.reduce((L, y) => L + y.value, 0);
@@ -21852,7 +21862,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
           strokeWidth: x
         }, `${M.index}-${M.value}-${M.startAngle}`))),
         w && b && i === "outside" && g.map((M) => {
-          const _ = n0(h, h, f, M.midAngle), N = n0(h, h, C, M.midAngle), L = n0(h, h, u, M.midAngle), y = L.x >= h;
+          const _ = s0(h, h, f, M.midAngle), N = s0(h, h, C, M.midAngle), L = s0(h, h, u, M.midAngle), y = L.x >= h;
           return /* @__PURE__ */ r("g", {
             className: "pie-chart__outside-label-group",
             children: [/* @__PURE__ */ e("line", {
@@ -21877,7 +21887,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
           const _ = g.length === 1 ? {
             x: h,
             y: h
-          } : n0(h, h, v, M.midAngle);
+          } : s0(h, h, v, M.midAngle);
           return /* @__PURE__ */ e("text", {
             className: "pie-chart__value-label pie-chart__value-label--inside",
             x: _.x,
@@ -21890,7 +21900,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
       ]
     })
   });
-}, V0 = (t) => Number((typeof t == "number" ? t : Number(t)).toFixed(2)), Ea = (t, c) => (t > c && console.warn(`Could not get percent of value ${t} from a total ${c}. Total must be higher or at least equal to value.`), t === c ? t === 0 ? 0 : 100 : t / (c / 100)), Ia = (t, c) => {
+}, S0 = (t) => Number((typeof t == "number" ? t : Number(t)).toFixed(2)), Ea = (t, c) => (t > c && console.warn(`Could not get percent of value ${t} from a total ${c}. Total must be higher or at least equal to value.`), t === c ? t === 0 ? 0 : 100 : t / (c / 100)), Ia = (t, c) => {
   const l = t + c;
   return l === 0 ? {
     a: 0,
@@ -21907,7 +21917,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
     t && h && "progress-bar-animated"
   ].filter(Boolean).join(" "), w = `progress-bar__label progress-bar__label--${d} ${s ? `progress-bar__label-${s}` : ""}`, v = p > 100 ? 100 : p < 0 ? 0 : p, u = m1(() => {
     const M = [];
-    return n && M.push(`${V0(p)}%`), l && M.push(l), (a ? M : M.reverse()).join(" - ");
+    return n && M.push(`${S0(p)}%`), l && M.push(l), (a ? M : M.reverse()).join(" - ");
   }, [
     n,
     p,
@@ -21938,12 +21948,12 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
       })
     ]
   });
-}, T2 = {
+}, E2 = {
   small: 64,
   medium: 96,
   large: 128
-}, Pc = (t) => typeof t == "number" ? t : T2[t], Pa = ({ children: t, className: c = "", label: l, labelPosition: a = "below", rounded: s = !0, showPercentage: o = !0, size: i = "medium", state: n = "default", thickness: d, value: h }) => {
-  const m = Math.min(Math.max(Number.isFinite(h) ? h : 0, 0), 100), p = Pc(i), g = d ?? (p <= T2.small ? 6 : 8), w = Math.max((p - g) / 2, 1), v = 2 * Math.PI * w, u = v - m / 100 * v, f = m1(() => `${V0(m)}%`, [m]), C = t || (o ? f : a === "inside" ? l : null), x = a === "inside" && l && o && !t;
+}, Pc = (t) => typeof t == "number" ? t : E2[t], Pa = ({ children: t, className: c = "", label: l, labelPosition: a = "below", rounded: s = !0, showPercentage: o = !0, size: i = "medium", state: n = "default", thickness: d, value: h }) => {
+  const m = Math.min(Math.max(Number.isFinite(h) ? h : 0, 0), 100), p = Pc(i), g = d ?? (p <= E2.small ? 6 : 8), w = Math.max((p - g) / 2, 1), v = 2 * Math.PI * w, u = v - m / 100 * v, f = m1(() => `${S0(m)}%`, [m]), C = t || (o ? f : a === "inside" ? l : null), x = a === "inside" && l && o && !t;
   return /* @__PURE__ */ r("div", {
     className: `progress-ring progress-ring--${n} ${c}`,
     style: { "--progress-ring-size": `${p}px` },
@@ -22024,7 +22034,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
         className: `quantity-selector${d ? " quantity-selector-readonly" : ""}${c ? " quantity-selector-error" : ""}${p ? " quantity-selector-success" : ""}`,
         style: { "--digits": u },
         children: [
-          /* @__PURE__ */ e(F, {
+          /* @__PURE__ */ e(q, {
             className: "quantity-selector-button quantity-selector-button-decrease",
             disabled: t || i !== void 0 && (g ?? 0) <= i,
             onClick: f,
@@ -22046,7 +22056,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
               value: g
             })
           }),
-          /* @__PURE__ */ e(F, {
+          /* @__PURE__ */ e(q, {
             className: "quantity-selector-button quantity-selector-button-increase",
             disabled: t || o !== void 0 && (g ?? 0) >= o,
             onClick: C,
@@ -22152,7 +22162,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
     })
   });
 }, Wc = ({ checked: t = !1, onChange: c, label: l, disabled: a = !1, name: s, value: o, id: i, className: n = "" }) => {
-  const d = C0(), h = i || d, m = (p) => {
+  const d = b0(), h = i || d, m = (p) => {
     c?.(p.target.checked && o !== void 0 ? o : p.target.checked);
   };
   return /* @__PURE__ */ r("div", {
@@ -22181,7 +22191,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
   });
 }, qa = ({ isOpen: t = !1, list: c, title: l, onClose: a, onSave: s, icon: o, value: i }) => {
   const [n, d] = z(i), [h, m] = z(!1), [p, g] = z("");
-  U(() => {
+  F(() => {
     d(i);
   }, [i]);
   const w = async () => {
@@ -22394,7 +22404,7 @@ ${s.textContent ?? ""}
   label: "Code Block",
   title: "Code Block",
   isAdvanced: !0
-}], s2 = (t) => {
+}], m2 = (t) => {
   const c = document.createElement("tr");
   for (let l = 0; l < t; l++) {
     const a = document.createElement("td");
@@ -22530,7 +22540,7 @@ ${s.textContent ?? ""}
     const v = n()?.closest("tr") ?? null, u = a.querySelector("tbody") ?? a, f = v ?? u.querySelector("tr:last-child");
     if (!f) return;
     const C = f.querySelectorAll("td,th").length;
-    u.insertBefore(s2(C), f.nextSibling), l(), d(a);
+    u.insertBefore(m2(C), f.nextSibling), l(), d(a);
   }, [
     a,
     c,
@@ -22543,7 +22553,7 @@ ${s.textContent ?? ""}
     const v = n()?.closest("tr") ?? null, u = a.querySelector("tbody") ?? a, f = v ?? u.querySelector("tr:first-child");
     if (!f) return;
     const C = f.querySelectorAll("td,th").length;
-    u.insertBefore(s2(C), f), l(), d(a);
+    u.insertBefore(m2(C), f), l(), d(a);
   }, [
     a,
     c,
@@ -22791,7 +22801,7 @@ ${s.textContent ?? ""}
           onMouseDown: (h) => {
             h.preventDefault(), s();
           },
-          children: [/* @__PURE__ */ e(G, { name: "checkmark" }), " List"]
+          children: [/* @__PURE__ */ e(E, { name: "checkmark" }), " List"]
         })
       })]
     }),
@@ -22821,7 +22831,7 @@ ${s.textContent ?? ""}
           onMouseDown: (h) => {
             h.preventDefault(), o();
           },
-          children: [/* @__PURE__ */ e(G, { name: "link" }), " Link"]
+          children: [/* @__PURE__ */ e(E, { name: "link" }), " Link"]
         })
       })
     }),
@@ -22852,7 +22862,7 @@ ${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(() => {
+  F(() => {
     const Q = m.current;
     if (!Q || p.current) return;
     const r1 = h ?? "";
@@ -22870,7 +22880,7 @@ ${s.textContent ?? ""}
     editorRef: m,
     snapshotForUndo: f,
     emitChange: u
-  }), { activeTable: A, tableToolbarPos: D, showTableToolbar: P, hideTableToolbar: O, addRowAbove: s1, addRowBelow: V, removeRow: X, addColumnLeft: i1, addColumnRight: I, removeColumn: $, deleteTable: p1 } = rl({
+  }), { activeTable: A, tableToolbarPos: D, showTableToolbar: P, hideTableToolbar: O, addRowAbove: s1, addRowBelow: V, removeRow: X, addColumnLeft: a1, addColumnRight: I, removeColumn: $, deleteTable: p1 } = rl({
     editorRef: m,
     snapshotForUndo: f,
     emitChange: u
@@ -23019,7 +23029,7 @@ ${s.textContent ?? ""}
             addRowAbove: s1,
             addRowBelow: V,
             removeRow: X,
-            addColumnLeft: i1,
+            addColumnLeft: a1,
             addColumnRight: I,
             removeColumn: $,
             deleteTable: p1
@@ -23048,7 +23058,7 @@ ${s.textContent ?? ""}
   });
 }, Xa = ({ scrollContainer: t, scrollThreshold: c = 200, className: l }) => {
   const [a, s] = z(!1);
-  U(() => {
+  F(() => {
     const i = t ?? window, n = () => {
       s((t ? t.scrollTop : window.scrollY) > c);
     };
@@ -23076,12 +23086,12 @@ ${s.textContent ?? ""}
       })
     })
   }) : null;
-}, Z2 = w0(null), G2 = () => f0(Z2), Ka = () => {
-  const t = G2();
+}, I2 = C0(null), j2 = () => y0(I2), Ka = () => {
+  const t = j2();
   if (!t) throw new Error("useSidebar must be used within a SidebarProvider");
   return t;
 }, Qa = ({ children: t }) => {
-  const { isMobile: c } = h0(), [l, a] = z(!1), s = j(() => a((d) => !d), []), o = j(() => a(!0), []), i = j(() => a(!1), []), n = m1(() => ({
+  const { isMobile: c } = m0(), [l, a] = z(!1), s = j(() => a((d) => !d), []), o = j(() => a(!0), []), i = j(() => a(!1), []), n = m1(() => ({
     isMobile: c,
     isOpen: l,
     toggle: s,
@@ -23094,12 +23104,12 @@ ${s.textContent ?? ""}
     o,
     i
   ]);
-  return /* @__PURE__ */ e(Z2.Provider, {
+  return /* @__PURE__ */ e(I2.Provider, {
     value: n,
     children: t
   });
 }, Ja = ({ sections: t, width: c = "280px", className: l = "", appHeaderProps: a, renderItem: s, isOpen: o, onClose: i, isMobile: n, showOverlay: d = !0, contained: h = !1, shadow: m = "none", searchPlaceholder: p }) => {
-  const [g, w] = z(""), v = G2(), u = n ?? v?.isMobile ?? !1, f = o ?? (u ? v?.isOpen ?? !1 : !0), C = i ?? v?.close ?? (() => {
+  const [g, w] = z(""), v = j2(), u = n ?? v?.isMobile ?? !1, f = o ?? (u ? v?.isOpen ?? !1 : !0), C = i ?? v?.close ?? (() => {
   }), x = p && g ? t.map((y) => ({
     ...y,
     items: y.items.filter((H) => H.label.toLowerCase().includes(g.toLowerCase()))
@@ -23124,7 +23134,7 @@ ${s.textContent ?? ""}
     children: [
       y.icon && /* @__PURE__ */ e("span", {
         className: "sidebar__link-icon",
-        children: /* @__PURE__ */ e(G, { name: y.icon })
+        children: /* @__PURE__ */ e(E, { name: y.icon })
       }),
       y.emoji && /* @__PURE__ */ e("span", {
         className: "sidebar__link-emoji",
@@ -23154,7 +23164,7 @@ ${s.textContent ?? ""}
     className: b,
     style: _,
     children: [
-      a && /* @__PURE__ */ e(M2, {
+      a && /* @__PURE__ */ e(L2, {
         ...a,
         className: ["sidebar__app-header", a.className].filter(Boolean).join(" ")
       }),
@@ -23177,7 +23187,7 @@ ${s.textContent ?? ""}
                 className: "sidebar__section-title-row",
                 children: [y.icon && /* @__PURE__ */ e("span", {
                   className: "sidebar__section-icon",
-                  children: /* @__PURE__ */ e(G, { name: y.icon })
+                  children: /* @__PURE__ */ e(E, { name: y.icon })
                 }), /* @__PURE__ */ r("div", {
                   className: "sidebar__section-copy",
                   children: [y.title && /* @__PURE__ */ e("span", {
@@ -23326,7 +23336,7 @@ var ti = ({ variant: t = "text", animation: c = "pulse", width: l, height: a, bo
   });
 }, ci = ({ children: t, panel: c, isPanelOpen: l, onPanelClose: a, panelTitle: s, defaultLeftPercent: o = 55, minLeftPercent: i = 25, minRightPercent: n = 20, className: d = "" }) => {
   const [h, m] = z(o), p = Y(null), g = Y(!1);
-  U(() => (l ? document.body.classList.add("split-panel-active") : document.body.classList.remove("split-panel-active"), () => {
+  F(() => (l ? document.body.classList.add("split-panel-active") : document.body.classList.remove("split-panel-active"), () => {
     document.body.classList.remove("split-panel-active");
   }), [l]);
   const w = j((v) => {
@@ -23340,7 +23350,7 @@ var ti = ({ variant: t = "text", animation: c = "pulse", width: l, height: a, bo
     };
     window.addEventListener("mousemove", u), window.addEventListener("mouseup", f);
   }, [i, n]);
-  return U(() => {
+  return F(() => {
     const v = (u) => {
       u.key === "Escape" && l && a();
     };
@@ -23385,7 +23395,7 @@ var ti = ({ variant: t = "text", animation: c = "pulse", width: l, height: a, bo
     children: t
   });
 }, sl = (t, c, l) => {
-  const a = `${V0(c)}%`;
+  const a = `${S0(c)}%`;
   return t.label && l ? `${t.label} - ${a}` : t.label ? t.label : a;
 }, li = ({ animated: t = !1, height: c, normalize: l = !0, orientation: a = "horizontal", segments: s, separators: o = !1, showLabels: i = !0, showPercentage: n = !0, thin: d = !1, width: h }) => {
   const m = m1(() => {
@@ -23453,7 +23463,7 @@ var ti = ({ variant: t = "text", animation: c = "pulse", width: l, height: a, bo
   children: [/* @__PURE__ */ e("div", {
     className: "sticky-bar__content",
     children: t
-  }), s && /* @__PURE__ */ e(F, {
+  }), s && /* @__PURE__ */ e(q, {
     className: "sticky-bar__close",
     icon: "clear",
     onClick: s,
@@ -23463,13 +23473,13 @@ var ti = ({ variant: t = "text", animation: c = "pulse", width: l, height: a, bo
     children: o
   })]
 }) : null;
-function h2({ state: t }) {
+function p2({ state: t }) {
   return /* @__PURE__ */ e("span", {
     className: `suggestions-list__sort-icon suggestions-list__sort-icon--${t}`,
-    children: /* @__PURE__ */ e(G, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
+    children: /* @__PURE__ */ e(E, { 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 }) => {
+var v2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s = !1, onRowClick: o }) => {
   const [i, n] = z(!1), [d, h] = z(!1), [m, p] = z(""), [g, w] = z(null), [v, u] = z("asc"), f = m1(() => m.trim() ? t.filter((y) => y.name.toLowerCase().includes(m.toLowerCase())) : t, [t, m]), C = m1(() => {
     if (!g) return f;
     const y = [...f].sort((H, S) => {
@@ -23481,7 +23491,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     f,
     g,
     v
-  ]), x = m1(() => d ? [...C] : C.slice(0, d2), [C, d]), b = C.length > d2, M = () => {
+  ]), x = m1(() => d ? [...C] : C.slice(0, v2), [C, d]), b = C.length > v2, M = () => {
     n(!i);
   }, _ = j(() => {
     h(!d);
@@ -23511,12 +23521,12 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
               type: "button",
               className: "list-suggestions-list-header-cell list-suggestions-list-header-cell--name",
               onClick: () => N("name"),
-              children: ["Name", /* @__PURE__ */ e(h2, { state: g === "name" ? v : "unsorted" })]
+              children: ["Name", /* @__PURE__ */ e(p2, { state: g === "name" ? v : "unsorted" })]
             }), /* @__PURE__ */ r("button", {
               type: "button",
               className: "list-suggestions-list-header-cell list-suggestions-list-header-cell--value",
               onClick: () => N("value"),
-              children: ["Value", /* @__PURE__ */ e(h2, { state: g === "value" ? v : "unsorted" })]
+              children: ["Value", /* @__PURE__ */ e(p2, { state: g === "value" ? v : "unsorted" })]
             })]
           }),
           x.map((y, H) => /* @__PURE__ */ r("div", {
@@ -23527,7 +23537,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
               o && (S.key === "Enter" || S.key === " ") && (S.preventDefault(), o(y));
             },
             children: [/* @__PURE__ */ e("div", { children: y.name }), /* @__PURE__ */ r("div", { children: [
-              typeof y.value == "number" && V0(y.value),
+              typeof y.value == "number" && S0(y.value),
               typeof y.value == "string" && y.value,
               y.unit
             ] })]
@@ -23560,7 +23570,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, {
+    children: [/* @__PURE__ */ e("div", { children: /* @__PURE__ */ r(q, {
       icon: i ? "caret-up" : "caret-down",
       onClick: M,
       children: [
@@ -23571,7 +23581,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       ]
     }) }), i && L]
   });
-}, m2 = ({ checked: t = !1, className: c, disabled: l = !1, offLabel: a = "Off", onChange: s, onLabel: o = "On", showLabels: i = !0, size: n = "medium", variant: d = "default" }) => {
+}, g2 = ({ checked: t = !1, className: c, disabled: l = !1, offLabel: a = "Off", onChange: s, onLabel: o = "On", showLabels: i = !0, size: n = "medium", variant: d = "default" }) => {
   const h = () => {
     !l && s && s(!t);
   }, m = (p) => {
@@ -23590,7 +23600,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       }), /* @__PURE__ */ e("div", { className: "toggle-switch__thumb" })]
     })
   });
-}, o0 = [
+}, h0 = [
   {
     value: "arctic-blue",
     label: "Arctic Blue",
@@ -24096,7 +24106,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     fontUrl: "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap",
     fontUrlMono: "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap"
   }
-], p2 = /* @__PURE__ */ new Set([
+], u2 = /* @__PURE__ */ new Set([
   "arctic-blue",
   "crimson-dusk",
   "frost-petal",
@@ -24123,7 +24133,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
   "sandy-parchment",
   "terracotta-kitchen",
   "vital-aurora"
-]), dl = (t) => hl.has(t) ? "light" : "dark", ml = (t) => o0.find((c) => c.value === t), pl = [
+]), dl = (t) => hl.has(t) ? "light" : "dark", ml = (t) => h0.find((c) => c.value === t), pl = [
   {
     value: "all",
     label: "All"
@@ -24137,7 +24147,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     label: "Dark"
   }
 ], oi = ({ isOpen: t, onClose: c, allowedThemes: l, currentApp: a, showEffects: s = !0, showSearch: o = !0, showFavorites: i = !0, showAppearanceFilter: n = !0 }) => {
-  const { theme: d, effects: h, setPreviewTheme: m, setPreviewEffects: p, commitPreview: g, clearPreview: w } = b2(), v = ["Card", "Modal"], u = [
+  const { theme: d, effects: h, setPreviewTheme: m, setPreviewEffects: p, commitPreview: g, clearPreview: w } = k2(), v = ["Card", "Modal"], u = [
     {
       label: "None",
       value: ""
@@ -24159,14 +24169,14 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       value: "glow-effect"
     }
   ], [f, C] = z(""), [x, b] = z(!1), [M, _] = z(!1), [N, L] = z("all"), y = Y(null), H = Y(!1), S = a?.trim().toLowerCase() ?? "", k = m1(() => {
-    let V = o0;
+    let V = h0;
     if (l && l.length > 0) {
       const X = new Set(l);
-      V = V.filter((i1) => X.has(i1.value));
+      V = V.filter((a1) => X.has(a1.value));
     }
-    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()) {
+    if (x && (V = V.filter((X) => u2.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()) {
       const X = f.toLowerCase().trim();
-      V = V.filter((i1) => i1.label.toLowerCase().includes(X) || (i1.recommendedApps ?? []).some((I) => I.toLowerCase().includes(X)));
+      V = V.filter((a1) => a1.label.toLowerCase().includes(X) || (a1.recommendedApps ?? []).some((I) => I.toLowerCase().includes(X)));
     }
     return V;
   }, [
@@ -24177,9 +24187,9 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     N,
     l
   ]);
-  U(() => {
+  F(() => {
     t ? (C(""), b(!1), _(!1), L("all")) : H.current = !1;
-  }, [t]), U(() => {
+  }, [t]), F(() => {
     if (!t || f || x || M || N !== "all" || H.current) return;
     const V = window.requestAnimationFrame(() => {
       y.current?.scrollIntoView({
@@ -24204,15 +24214,15 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       components: h.components
     });
   }, P = (V, X) => {
-    const i1 = X ? [...h.components, V] : h.components.filter((I) => I !== V);
+    const a1 = X ? [...h.components, V] : h.components.filter((I) => I !== V);
     p({
       effect: h.effect,
-      components: i1
+      components: a1
     });
   }, O = () => {
     w(), c();
   };
-  return /* @__PURE__ */ e(A2, {
+  return /* @__PURE__ */ e(T2, {
     isOpen: t,
     onClose: O,
     title: "Theme Settings",
@@ -24250,14 +24260,14 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
                   value: f,
                   onChange: C
                 }),
-                a && /* @__PURE__ */ e(m2, {
+                a && /* @__PURE__ */ e(g2, {
                   checked: M,
                   onChange: _,
                   onLabel: `For ${a}`,
                   offLabel: `For ${a}`,
                   size: "small"
                 }),
-                i && /* @__PURE__ */ e(m2, {
+                i && /* @__PURE__ */ e(g2, {
                   checked: x,
                   onChange: b,
                   onLabel: "Favorites",
@@ -24289,7 +24299,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
                   className: "theme-settings__preview",
                   "data-theme": V.value,
                   children: [
-                    p2.has(V.value) && /* @__PURE__ */ e("span", {
+                    u2.has(V.value) && /* @__PURE__ */ e("span", {
                       className: "theme-settings__favorite-badge",
                       children: "⭐"
                     }),
@@ -24328,7 +24338,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
           children: [/* @__PURE__ */ e("label", {
             htmlFor: "effect-selector",
             children: "Component Effect"
-          }), /* @__PURE__ */ e(y0, {
+          }), /* @__PURE__ */ e(x0, {
             id: "effect-selector",
             name: "effect",
             options: u,
@@ -24340,7 +24350,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
           className: "theme-settings__section",
           children: [/* @__PURE__ */ e("label", { children: "Apply Effect To:" }), /* @__PURE__ */ e("div", {
             className: "theme-settings__components",
-            children: v.map((V) => /* @__PURE__ */ e(s0, {
+            children: v.map((V) => /* @__PURE__ */ e(d0, {
               label: V,
               checked: h.components.includes(V),
               onChange: (X) => P(V, X),
@@ -24351,18 +24361,18 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       })
     })
   });
-}, v2 = "theme-font-link", g2 = "theme-font-link-display", u2 = "theme-font-link-mono", si = ({ children: t, theme: c, effects: l, onSave: a, allowedThemes: s }) => {
+}, w2 = "theme-font-link", f2 = "theme-font-link-display", C2 = "theme-font-link-mono", si = ({ children: t, theme: c, effects: l, onSave: a, allowedThemes: s }) => {
   const [o, i] = z(null), [n, d] = z(null), [h, m] = z(!1), p = o ?? c, g = n ?? l;
-  U(() => {
+  F(() => {
     document.documentElement.setAttribute("data-theme", p);
     const b = ml(p);
     if (b) {
-      let M = document.getElementById(v2);
-      M || (M = document.createElement("link"), M.id = v2, M.rel = "stylesheet", document.head.appendChild(M)), M.href = b.fontUrl;
-      let _ = document.getElementById(g2);
-      b.fontUrlDisplay ? (_ || (_ = document.createElement("link"), _.id = g2, _.rel = "stylesheet", document.head.appendChild(_)), _.href = b.fontUrlDisplay) : _?.remove();
-      let N = document.getElementById(u2);
-      b.fontUrlMono ? (N || (N = document.createElement("link"), N.id = u2, N.rel = "stylesheet", document.head.appendChild(N)), N.href = b.fontUrlMono) : N?.remove();
+      let M = document.getElementById(w2);
+      M || (M = document.createElement("link"), M.id = w2, M.rel = "stylesheet", document.head.appendChild(M)), M.href = b.fontUrl;
+      let _ = document.getElementById(f2);
+      b.fontUrlDisplay ? (_ || (_ = document.createElement("link"), _.id = f2, _.rel = "stylesheet", document.head.appendChild(_)), _.href = b.fontUrlDisplay) : _?.remove();
+      let N = document.getElementById(C2);
+      b.fontUrlMono ? (N || (N = document.createElement("link"), N.id = C2, N.rel = "stylesheet", document.head.appendChild(N)), N.href = b.fontUrlMono) : N?.remove();
     }
   }, [p]);
   const w = j((b) => {
@@ -24372,7 +24382,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
   }, []), u = j(() => {
     i(null), d(null);
   }, []);
-  U(() => {
+  F(() => {
     const b = (_) => {
       if (!(_ instanceof HTMLElement)) return !1;
       const N = _.tagName;
@@ -24381,7 +24391,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       if (!(_.ctrlKey || _.metaKey || _.altKey) && !b(_.target))
         if (_.key === "[" || _.key === "]") {
           _.preventDefault();
-          const N = o0.map((H) => H.value), L = s && s.length > 0 ? N.filter((H) => s.includes(H)) : N;
+          const N = h0.map((H) => H.value), L = s && s.length > 0 ? N.filter((H) => s.includes(H)) : N;
           if (L.length === 0) return;
           const y = L.indexOf(p);
           i(L[((y === -1 ? 0 : y) + (_.key === "]" ? 1 : -1) + L.length) % L.length]);
@@ -24393,7 +24403,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     o,
     s
   ]);
-  const f = o0.findIndex((b) => b.value === p), C = f >= 0 ? o0[f].label : p, x = j(() => {
+  const f = h0.findIndex((b) => b.value === p), C = f >= 0 ? h0[f].label : p, x = j(() => {
     a?.({
       theme: p,
       effects: g
@@ -24403,7 +24413,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     g,
     a
   ]);
-  return /* @__PURE__ */ r(y2.Provider, {
+  return /* @__PURE__ */ r(M2.Provider, {
     value: {
       theme: p,
       effects: g,
@@ -24443,7 +24453,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
           children: [
             f + 1,
             "/",
-            o0.length
+            h0.length
           ]
         }),
         /* @__PURE__ */ e("div", {
@@ -24524,19 +24534,19 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
   }, i.id))
 }), gl = (t, c) => Math.floor(Math.random() * (c - t + 1) + t), di = ({ list: t }) => {
   const c = gl(0, t.length - 1);
-  return /* @__PURE__ */ r(_2, {
+  return /* @__PURE__ */ r(V2, {
     className: "tips-of-the-day",
     children: [
       /* @__PURE__ */ r("h3", { children: [
-        /* @__PURE__ */ e(G, { name: "sparkle" }),
+        /* @__PURE__ */ e(E, { name: "sparkle" }),
         " Tip Of The Day ",
-        /* @__PURE__ */ e(G, { name: "sparkle" })
+        /* @__PURE__ */ e(E, { name: "sparkle" })
       ] }),
       " ",
       /* @__PURE__ */ e("h4", { children: t[c] })
     ]
   });
-}, E2 = ({ message: t, type: c = "success", onClose: l, position: a = "top-right", showDismissButton: s = !0, timeout: o = 3e3, action: i }) => (U(() => {
+}, P2 = ({ message: t, type: c = "success", onClose: l, position: a = "top-right", showDismissButton: s = !0, timeout: o = 3e3, action: i }) => (F(() => {
   const n = setTimeout(() => {
     l();
   }, o);
@@ -24558,7 +24568,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       children: /* @__PURE__ */ e("button", {
         className: "toast__close",
         onClick: l,
-        children: /* @__PURE__ */ e(G, {
+        children: /* @__PURE__ */ e(E, {
           name: "clear",
           size: "sm"
         })
@@ -24566,7 +24576,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     })
   ]
 })), mi = ({ activeVariant: t = "warning", state: c, onToggleChange: l, states: a, layout: s = "buttons", size: o = "medium" }) => {
-  const { isAtLeast: i } = h0();
+  const { isAtLeast: i } = m0();
   return s === "cards" ? /* @__PURE__ */ e("div", {
     className: "toggle-buttons toggle-buttons--cards",
     children: a.map((n) => {
@@ -24576,7 +24586,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(G, {
+          children: /* @__PURE__ */ e(E, {
             name: n.icon,
             size: "xl"
           })
@@ -24592,7 +24602,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     })
   }) : /* @__PURE__ */ e("div", {
     className: "toggle-buttons",
-    children: a.map((n, d) => /* @__PURE__ */ e(F, {
+    children: a.map((n, d) => /* @__PURE__ */ e(q, {
       size: o,
       variant: c === n.key ? t : "default",
       icon: n.icon,
@@ -24600,16 +24610,16 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       children: i("tablet") ? n.label : ""
     }, `btn-toggle2-${d}-${n}`))
   });
-}, L0 = "::", ul = (t) => typeof t == "object" && t.label ? t.label : "Filters", wl = (t) => "fields" in t ? t.fields.flatMap((c) => [{
-  value: `${c.value}${L0}asc`,
+}, N0 = "::", ul = (t) => typeof t == "object" && t.label ? t.label : "Filters", wl = (t) => "fields" in t ? t.fields.flatMap((c) => [{
+  value: `${c.value}${N0}asc`,
   label: c.label,
   suffixIcon: "arrow-up"
 }, {
-  value: `${c.value}${L0}desc`,
+  value: `${c.value}${N0}desc`,
   label: c.label,
   suffixIcon: "arrow-down"
-}]) : t.options, fl = (t) => "fields" in t ? t.value ? `${t.value.field}${L0}${t.value.direction}` : null : t.value, pi = ({ children: t, className: c = "", controlPanelToggle: l, heading: a, noCard: s = !1, menuItems: o, notifications: i, search: n, sort: d }) => {
-  const h = F0(), m = !!(l && h?.isMobile), p = [
+}]) : t.options, fl = (t) => "fields" in t ? t.value ? `${t.value.field}${N0}${t.value.direction}` : null : t.value, pi = ({ children: t, className: c = "", controlPanelToggle: l, heading: a, noCard: s = !1, menuItems: o, notifications: i, search: n, sort: d }) => {
+  const h = X0(), m = !!(l && h?.isMobile), p = [
     "memobit-toolbar",
     s ? "memobit-toolbar--no-card" : "",
     c
@@ -24620,7 +24630,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
         return;
       }
       if ("fields" in d) {
-        const u = String(v.value), f = u.lastIndexOf(L0), C = u.substring(0, f), x = u.substring(f + 2);
+        const u = String(v.value), f = u.lastIndexOf(N0), C = u.substring(0, f), x = u.substring(f + 2);
         d.onChange({
           field: C,
           direction: x
@@ -24633,7 +24643,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
   return /* @__PURE__ */ r("div", {
     className: p,
     children: [
-      m && /* @__PURE__ */ e(F, {
+      m && /* @__PURE__ */ e(q, {
         className: "memobit-toolbar__control-panel-toggle",
         icon: "menu-hamburger",
         onClick: h?.toggle,
@@ -24648,7 +24658,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(G, { name: a.icon }),
+            a.icon && /* @__PURE__ */ e(E, { name: a.icon }),
             a.emoji
           ]
         }), /* @__PURE__ */ r("div", {
@@ -24678,7 +24688,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
           }),
           d && /* @__PURE__ */ e("div", {
             className: ["memobit-toolbar__sort", d.className].filter(Boolean).join(" "),
-            children: /* @__PURE__ */ e(y0, {
+            children: /* @__PURE__ */ e(x0, {
               highlighted: d.highlighted,
               label: d.label,
               name: d.name ?? "toolbar-sort",
@@ -24744,7 +24754,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(G, {
+          children: [/* @__PURE__ */ e(E, {
             name: "arrow-left",
             size: "sm"
           }), "Prev"]
@@ -24754,7 +24764,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(G, {
+          children: ["Next", /* @__PURE__ */ e(E, {
             name: "arrow-right",
             size: "sm"
           })]
@@ -24781,7 +24791,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     strokeLinecap: "round",
     strokeLinejoin: "round"
   })
-}), I2 = ({ node: t, depth: c, selectable: l, showGuides: a, animated: s, selectedId: o, onSelect: i }) => {
+}), W2 = ({ node: t, depth: c, selectable: l, showGuides: a, animated: s, selectedId: o, onSelect: i }) => {
   const [n, d] = z(t.defaultExpanded ?? !1), h = Array.isArray(t.children) && t.children.length > 0, m = l && o === t.id, p = j((g) => {
     t.disabled || "key" in g && g.key !== "Enter" && g.key !== " " || (h && d((w) => !w), l && i(t));
   }, [
@@ -24829,7 +24839,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       n ? "tree__children--open" : "",
       s ? "tree__children--animated" : ""
     ].filter(Boolean).join(" "),
-    children: t.children.map((g) => /* @__PURE__ */ e(I2, {
+    children: t.children.map((g) => /* @__PURE__ */ e(W2, {
       node: g,
       depth: c + 1,
       selectable: l,
@@ -24845,7 +24855,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
   }, [l]);
   return /* @__PURE__ */ e("ul", {
     className: ["tree", i].filter(Boolean).join(" "),
-    children: t.map((m) => /* @__PURE__ */ e(I2, {
+    children: t.map((m) => /* @__PURE__ */ e(W2, {
       node: m,
       depth: 0,
       selectable: c,
@@ -24962,10 +24972,10 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       })
     ]
   });
-}, j2 = w0(void 0);
+}, U2 = C0(void 0);
 function wi({ children: t, config: c }) {
   const [l, a] = z(null), [s, o] = z(!0);
-  U(() => {
+  F(() => {
     (async () => {
       try {
         const h = await fetch(`${c.apiBaseUrl}/auth/verify`, {
@@ -25029,7 +25039,7 @@ function wi({ children: t, config: c }) {
       a(null);
     }
   }, [c.apiBaseUrl]);
-  return /* @__PURE__ */ e(j2.Provider, {
+  return /* @__PURE__ */ e(U2.Provider, {
     value: {
       user: l,
       isAuthenticated: !!l,
@@ -25041,14 +25051,14 @@ function wi({ children: t, config: c }) {
     children: t
   });
 }
-var P2 = () => {
-  const t = f0(j2);
+var F2 = () => {
+  const t = y0(U2);
   if (t === void 0) throw new Error("useAuth must be used within an AuthProvider");
   return t;
 };
 function fi({ isOpen: t, onClose: c }) {
-  const { config: l } = P2(), [a, s] = z(""), [o, i] = z(""), [n, d] = z(""), [h, m] = z(""), [p, g] = z(!1), [w, v] = z(null);
-  U(() => {
+  const { config: l } = F2(), [a, s] = z(""), [o, i] = z(""), [n, d] = z(""), [h, m] = z(""), [p, g] = z(!1), [w, v] = z(null);
+  F(() => {
     t && (s(""), i(""), d(""), m(""));
   }, [t]);
   const u = async () => {
@@ -25123,7 +25133,7 @@ function fi({ isOpen: t, onClose: c }) {
             htmlFor: "current-password",
             className: "ChangePasswordModal__label",
             children: "Current Password"
-          }), /* @__PURE__ */ e(k0, {
+          }), /* @__PURE__ */ e(z0, {
             id: "current-password",
             value: a,
             onChange: (C) => s(C),
@@ -25138,7 +25148,7 @@ function fi({ isOpen: t, onClose: c }) {
             htmlFor: "new-password",
             className: "ChangePasswordModal__label",
             children: "New Password"
-          }), /* @__PURE__ */ e(k0, {
+          }), /* @__PURE__ */ e(z0, {
             id: "new-password",
             value: o,
             onChange: (C) => i(C),
@@ -25152,7 +25162,7 @@ function fi({ isOpen: t, onClose: c }) {
             htmlFor: "confirm-password",
             className: "ChangePasswordModal__label",
             children: "Confirm New Password"
-          }), /* @__PURE__ */ e(k0, {
+          }), /* @__PURE__ */ e(z0, {
             id: "confirm-password",
             value: n,
             onChange: (C) => d(C),
@@ -25165,7 +25175,7 @@ function fi({ isOpen: t, onClose: c }) {
           children: h
         })
       ]
-    }), w && /* @__PURE__ */ e(E2, {
+    }), w && /* @__PURE__ */ e(P2, {
       message: w.message,
       type: w.type,
       onClose: f
@@ -25173,10 +25183,10 @@ function fi({ isOpen: t, onClose: c }) {
   });
 }
 function Ci({ redirectPath: t = "/" }) {
-  const { login: c, config: l, isAuthenticated: a } = P2(), [s, o] = z(""), [i, n] = z(""), [d, h] = z(!1), [m, p] = z(""), [g, w] = z(!1), [v, u] = z(!1);
-  U(() => {
+  const { login: c, config: l, isAuthenticated: a } = F2(), [s, o] = z(""), [i, n] = z(""), [d, h] = z(!1), [m, p] = z(""), [g, w] = z(!1), [v, u] = z(!1);
+  F(() => {
     a && (window.location.href = t);
-  }, [a, t]), U(() => {
+  }, [a, t]), F(() => {
     if (new URLSearchParams(window.location.search).get("session_expired") === "true") {
       u(!0);
       const C = window.location.pathname;
@@ -25220,14 +25230,14 @@ function Ci({ redirectPath: t = "/" }) {
             autoFocus: !0,
             disabled: g
           }),
-          /* @__PURE__ */ e(k0, {
+          /* @__PURE__ */ e(z0, {
             placeholder: "Password",
             value: i,
             onChange: (C) => n(C),
             required: !0,
             disabled: g
           }),
-          /* @__PURE__ */ e(s0, {
+          /* @__PURE__ */ e(d0, {
             checked: d,
             onChange: (C) => h(C),
             label: "Keep me logged in",
@@ -25237,7 +25247,7 @@ function Ci({ redirectPath: t = "/" }) {
             className: "LoginPage__error",
             children: m
           }),
-          /* @__PURE__ */ e(F, {
+          /* @__PURE__ */ e(q, {
             type: "submit",
             variant: "info",
             icon: "key",
@@ -25248,13 +25258,13 @@ function Ci({ redirectPath: t = "/" }) {
         ]
       })]
     })
-  }), v && /* @__PURE__ */ e(E2, {
+  }), v && /* @__PURE__ */ e(P2, {
     message: "Your session has expired. Please log in again.",
     type: "warning",
     onClose: () => u(!1)
   })] });
 }
-var g0 = class {
+var w0 = class {
   static getData(t, c) {
     try {
       const l = localStorage.getItem(t);
@@ -25305,7 +25315,7 @@ function yi(t, c) {
   const l = {
     pages: c.pages ?? {},
     theme: c.theme
-  }, [a, s] = z(() => g0.load(t, l)), o = j((h, m) => {
+  }, [a, s] = z(() => w0.load(t, l)), o = j((h, m) => {
     s((p) => {
       const g = {
         ...p,
@@ -25314,7 +25324,7 @@ function yi(t, c) {
           [h]: m
         }
       };
-      return g0.save(t, g), g;
+      return w0.save(t, g), g;
     });
   }, [t]), i = j((h) => {
     s((m) => {
@@ -25322,7 +25332,7 @@ function yi(t, c) {
         ...m,
         theme: h
       };
-      return g0.save(t, p), p;
+      return w0.save(t, p), p;
     });
   }, [t]), n = j((h) => {
     s((m) => {
@@ -25333,10 +25343,10 @@ function yi(t, c) {
           [h]: l.pages[h]
         }
       };
-      return g0.save(t, p), p;
+      return w0.save(t, p), p;
     });
   }, [t]), d = j(() => {
-    s(l), g0.clearAll(t);
+    s(l), w0.clearAll(t);
   }, [t]);
   return {
     pages: a.pages,
@@ -25362,11 +25372,11 @@ var bi = (t) => new Intl.NumberFormat("en-US", {
     "PB"
   ], a = Math.min(Math.floor(Math.log(t) / Math.log(1024)), l.length - 1), s = t / 1024 ** a, o = a === 0 ? 0 : c;
   return `${s.toFixed(o)} ${l[a]}`;
-}, xl = /[̀-ͯ]/g, W2 = (t) => t.normalize("NFD").replace(xl, "").toLowerCase(), Ml = (t) => {
+}, xl = /[̀-ͯ]/g, q2 = (t) => t.normalize("NFD").replace(xl, "").toLowerCase(), Ml = (t) => {
   let c = "";
   const l = [];
   for (let a = 0; a < t.length; a++) {
-    const s = W2(t[a]);
+    const s = q2(t[a]);
     for (let o = 0; o < s.length; o++) l.push(a);
     c += s;
   }
@@ -25377,7 +25387,7 @@ var bi = (t) => new Intl.NumberFormat("en-US", {
 };
 function ki(t, c) {
   if (!c || !t) return t;
-  const l = W2(c);
+  const l = q2(c);
   if (!l) return t;
   const { folded: a, mapping: s } = Ml(t), o = [];
   let i = 0;
@@ -25471,7 +25481,7 @@ var _i = (t, c, l) => {
   } catch {
     return t.trim();
   }
-}, _l = "1.0.22", Bi = 244, Ll = "1079b88", zl = "2026-07-15T03:58:24.064Z", Ri = "244", Vl = (t) => {
+}, _l = "1.0.25", Bi = 251, Ll = "d05fe3f", zl = "2026-07-18T13:19:27.300Z", Ri = "251", Vl = (t) => {
   const c = document.getElementById("mb-version-toast");
   if (c) {
     c.remove();
@@ -25495,7 +25505,7 @@ var _i = (t, c, l) => {
   const c = {
     ...t,
     lib: _l,
-    libBuildNumber: 244,
+    libBuildNumber: 251,
     libCommit: Ll,
     libBuildDate: zl
   };
@@ -25574,9 +25584,9 @@ export {
   ir as APP_DATE_TIME_FORMAT,
   Zl as Accordion,
   Gl as AlertDialog,
-  M2 as AppHeader,
-  g0 as AppPersistenceStorage,
-  j2 as AuthContext,
+  L2 as AppHeader,
+  w0 as AppPersistenceStorage,
+  U2 as AuthContext,
   Ci as AuthLogin,
   wi as AuthProvider,
   El as AvatarInitials,
@@ -25585,13 +25595,13 @@ export {
   jl as Banner,
   Wl as Breadcrumb,
   Ul as BulkActionBar,
-  F as Button,
-  _0 as Calendar,
+  q as Button,
+  V0 as Calendar,
   ca as CalendarHeatmap,
-  _2 as Card,
+  V2 as Card,
   fi as ChangePasswordModal,
-  s0 as Checkbox,
-  i0 as Chip,
+  d0 as Checkbox,
+  o0 as Chip,
   la as CollapsibleSection,
   aa as ColorPicker,
   ia as CommandPalette,
@@ -25607,8 +25617,8 @@ export {
   Vr as DatePicker,
   ya as DateRangePicker,
   ba as DiffViewer,
-  A2 as Drawer,
-  y0 as Dropdown,
+  T2 as Drawer,
+  x0 as Dropdown,
   xa as EmojiPicker,
   J1 as EmptyState,
   Ma as ErrorBoundary,
@@ -25616,7 +25626,7 @@ export {
   Wr as Flag,
   _a as FloatButton,
   La as FolderBrowserModal,
-  G as Icon,
+  E as Icon,
   za as InfiniteScroll,
   Hr as InputDate,
   Va as InputEmail,
@@ -25624,7 +25634,7 @@ export {
   Sc as InputMask,
   Ha as InputMaskPresets,
   H1 as InputNumber,
-  k0 as InputPassword,
+  z0 as InputPassword,
   Ac as InputPhone,
   e0 as InputSearch,
   A1 as InputText,
@@ -25638,7 +25648,7 @@ export {
   Ll as LIB_COMMIT,
   _l as LIB_VERSION,
   $a as List,
-  $2 as Loading,
+  Z2 as Loading,
   Tc as MenuHamburger,
   nc as MiniSort,
   Ta as MiniStatsCard,
@@ -25647,9 +25657,9 @@ export {
   Za as NavBar,
   Zc as NotificationPanel,
   Xt as PEDIATRIC_THRESHOLDS,
-  a2 as Pagination,
+  o2 as Pagination,
   Ga as PieChart,
-  L2 as Popover,
+  N2 as Popover,
   ja as ProgressBar,
   Pa as ProgressRing,
   Wa as QuantitySelector,
@@ -25660,7 +25670,7 @@ export {
   Br as Rating,
   Ya as RichTextEditor,
   Xa as ScrollToTop,
-  a0 as Separator,
+  n0 as Separator,
   Ja as Sidebar,
   Qa as SidebarProvider,
   ei as SignalStrength,
@@ -25671,8 +25681,8 @@ export {
   ai as Stats,
   ii as StickyBar,
   ni as SuggestionsList,
-  o0 as THEME_CONFIGS,
-  y2 as ThemeContext,
+  h0 as THEME_CONFIGS,
+  M2 as ThemeContext,
   si as ThemeProvider,
   oi as ThemeSettings,
   hi as Timeline,
@@ -25680,25 +25690,25 @@ export {
   fa as TimelineMarkers,
   cc as TimelineMobileSeparator,
   di as TipsOfTheDay,
-  E2 as Toast,
+  P2 as Toast,
   ha as ToastContainer,
   da as ToastProvider,
   mi as ToggleButtons,
-  m2 as ToggleSwitch,
+  g2 as ToggleSwitch,
   pi as Toolbar,
   K as Tooltip,
   vi as TourHud,
   gi as Tree,
   ui as WHtR,
   ta as addDays,
-  u0 as addMonths,
-  m0 as breakpoints,
+  f0 as addMonths,
+  v0 as breakpoints,
   Jt as calculateBMI,
-  q0 as calculateTimelineMarkers,
+  K0 as calculateTimelineMarkers,
   Uc as ensureHtml,
   Ni as extractDomainFromUrl,
-  c2 as foldDiacritics,
-  V0 as format2Digits,
+  i2 as foldDiacritics,
+  S0 as format2Digits,
   Xl as formatAppDate,
   Kl as formatAppDateTime,
   xi as formatBigNumber,
@@ -25727,7 +25737,7 @@ export {
   Fc as htmlToPlainText,
   Ai as initVersionInfo,
   hr as isAfter,
-  A0 as isBefore,
+  Z0 as isBefore,
   Jl as isDateInRange,
   U1 as isSameDay,
   or as isToday,
@@ -25740,15 +25750,15 @@ export {
   Si as stripTrackingParams,
   Vi as truncateText,
   yi as useAppPersistence,
-  P2 as useAuth,
-  C2 as useBodyScrollLock,
-  h0 as useBreakpoint,
-  x2 as useComponentEffect,
+  F2 as useAuth,
+  x2 as useBodyScrollLock,
+  m0 as useBreakpoint,
+  _2 as useComponentEffect,
   ma as useControlPanel,
-  F0 as useControlPanelContext,
+  X0 as useControlPanelContext,
   sa as usePopover,
   Ka as useSidebar,
-  b2 as useTheme,
+  k2 as useTheme,
   _r as useToast,
   zc as validateEmail,
   $i as validateVin