@memobit/libs 1.0.10 → 1.0.11

package/dist/index.d.ts

@@ -883,7 +883,7 @@ export declare interface DataViewProps<T> {
     actions?: (row: T) => default_2.ReactNode;
     actionsWidth?: number;
     timeline?: DataViewTimelineConfig<T>;
-    onRowClick?: (row: T) => void;
+    onRowClick?: (row: T, event?: default_2.MouseEvent) => void;
     /** Render an optional detail row spanning all columns directly below the matching row.
      *  Return `null`/`undefined` to skip rendering for that row. Table mode only. */
     rowDetail?: (row: T) => default_2.ReactNode;

package/dist/index.esm.js

@@ -10863,7 +10863,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }), [b, x] = L("days"), [y, M] = L(() => {
     const S = (p ?? u).getFullYear();
     return Math.floor(S / E1) * E1;
-  }), [k, V] = L(null), _ = p ?? u, C = w ?? k, N = h1(() => ir(_.getFullYear(), _.getMonth(), i), [_, i]), B = i === 1 ? dr : hr, z = (S) => a && S0(S, a) || s && sr(S, s) ? !0 : o ? typeof o == "function" ? o(S) : o.some((D) => j1(D, S)) : !1, Z = (S) => {
+  }), [k, V] = L(null), _ = p ?? u, C = w ?? k, N = h1(() => ir(_.getFullYear(), _.getMonth(), i), [_, i]), B = i === 1 ? dr : hr, z = (S) => a && S0(S, a) || s && sr(S, s) ? !0 : o ? typeof o == "function" ? o(S) : o.some((D) => j1(D, S)) : !1, G = (S) => {
     if (!t) return !1;
     if (l === "single" && t instanceof Date) return j1(S, t);
     if (l === "range") {
@@ -10907,7 +10907,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     v ? v(D) : f(D), x("days"), l === "single" && c?.(S);
   }, T = () => {
     g && x("months");
-  }, G = () => {
+  }, Z = () => {
     g && (M(Math.floor(_.getFullYear() / E1) * E1), x("years"));
   }, d1 = (S) => {
     const D = new Date(_.getFullYear(), S, 1);
@@ -10922,7 +10922,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }, n1 = () => {
     const S = new Date(_.getFullYear() - 1, _.getMonth(), 1);
     v ? v(S) : f(S);
-  }, C1 = () => {
+  }, y1 = () => {
     const S = new Date(_.getFullYear() + 1, _.getMonth(), 1);
     v ? v(S) : f(S);
   }, u1 = () => {
@@ -10931,7 +10931,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     return S;
   }, A1 = (S) => {
     const D = ["calendar__day"];
-    return q(S) ? (Z(S) && D.push("calendar__day--selected"), R(S) && D.push("calendar__day--in-range"), $(S) && D.push("calendar__day--hover-range")) : D.push("calendar__day--other-month"), nr(S) && D.push("calendar__day--today"), or(S) && D.push("calendar__day--weekend"), z(S) && D.push("calendar__day--disabled"), D.join(" ");
+    return q(S) ? (G(S) && D.push("calendar__day--selected"), R(S) && D.push("calendar__day--in-range"), $(S) && D.push("calendar__day--hover-range")) : D.push("calendar__day--other-month"), nr(S) && D.push("calendar__day--today"), or(S) && D.push("calendar__day--weekend"), z(S) && D.push("calendar__day--disabled"), D.join(" ");
   }, G1 = () => b === "years" ? /* @__PURE__ */ r("div", {
     className: "calendar__header",
     children: [
@@ -10971,13 +10971,13 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       /* @__PURE__ */ e("button", {
         type: "button",
         className: "calendar__header-button",
-        onClick: G,
+        onClick: Z,
         children: _.getFullYear()
       }),
       /* @__PURE__ */ e("button", {
         type: "button",
         className: "calendar__nav-button",
-        onClick: C1,
+        onClick: y1,
         title: "Next year",
         children: "›"
       })
@@ -11005,7 +11005,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         }), /* @__PURE__ */ e("button", {
           type: "button",
           className: "calendar__header-button",
-          onClick: G,
+          onClick: Z,
           children: _.getFullYear()
         })] })
       }),
@@ -12354,20 +12354,20 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     left: 0
   }), g = O(null), w = O(null), m = O(null), u = O(null), f = O(!1), b = n !== void 0, x = b ? 150 : 0, y = () => {
     if (!m.current || !u.current) return;
-    const N = m.current.firstElementChild, B = N && N.getBoundingClientRect().width > 0 ? N.getBoundingClientRect() : m.current.getBoundingClientRect(), z = u.current.getBoundingClientRect(), Z = 8;
+    const N = m.current.firstElementChild, B = N && N.getBoundingClientRect().width > 0 ? N.getBoundingClientRect() : m.current.getBoundingClientRect(), z = u.current.getBoundingClientRect(), G = 8;
     let R = 0, $ = 0;
     switch (c) {
       case "top":
-        R = B.top - z.height - Z, $ = B.left + B.width / 2 - z.width / 2;
+        R = B.top - z.height - G, $ = B.left + B.width / 2 - z.width / 2;
         break;
       case "bottom":
-        R = B.bottom + Z, $ = B.left + B.width / 2 - z.width / 2;
+        R = B.bottom + G, $ = B.left + B.width / 2 - z.width / 2;
         break;
       case "left":
-        R = B.top + B.height / 2 - z.height / 2, $ = B.left - z.width - Z;
+        R = B.top + B.height / 2 - z.height / 2, $ = B.left - z.width - G;
         break;
       case "right":
-        R = B.top + B.height / 2 - z.height / 2, $ = B.right + Z;
+        R = B.top + B.height / 2 - z.height / 2, $ = B.right + G;
         break;
     }
     const q = 8;
@@ -12428,7 +12428,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   const [w, m] = L(!1), [u, f] = L(0), [b, x] = L(0), [y, M] = L(0), [k, V] = L(!1), [_, C] = L(null), [N, B] = L({
     position: "fixed",
     visibility: "hidden"
-  }), z = O(null), Z = O(null);
+  }), z = O(null), G = O(null);
   F(() => {
     a && t instanceof Date && (f(s === "12h" ? t.getHours() % 12 || 12 : t.getHours()), x(t.getMinutes()), M(t.getSeconds()), V(t.getHours() >= 12));
   }, [
@@ -12439,17 +12439,17 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   const R = v ? !d : w;
   F(() => {
     if (v) return;
-    const T = (G) => {
-      R && z.current && Z.current && !z.current.contains(G.target) && !Z.current.contains(G.target) && (C(null), m(!1));
+    const T = (Z) => {
+      R && z.current && G.current && !z.current.contains(Z.target) && !G.current.contains(Z.target) && (C(null), m(!1));
     };
     return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
   }, [v, R]);
   const $ = E(() => {
-    if (v || !R || !z.current || !Z.current) return;
-    const T = z.current.getBoundingClientRect(), G = Z.current.getBoundingClientRect(), d1 = 16, v1 = 8, U = window.innerHeight - T.bottom - d1, i1 = T.top - d1, n1 = U < G.height && i1 > G.height ? T.top - G.height - v1 : T.bottom + v1, C1 = Math.max(d1, Math.min(n1, window.innerHeight - G.height - d1)), u1 = Math.max(d1, Math.min(T.left, window.innerWidth - G.width - d1));
+    if (v || !R || !z.current || !G.current) return;
+    const T = z.current.getBoundingClientRect(), Z = G.current.getBoundingClientRect(), d1 = 16, v1 = 8, U = window.innerHeight - T.bottom - d1, i1 = T.top - d1, n1 = U < Z.height && i1 > Z.height ? T.top - Z.height - v1 : T.bottom + v1, y1 = Math.max(d1, Math.min(n1, window.innerHeight - Z.height - d1)), u1 = Math.max(d1, Math.min(T.left, window.innerWidth - Z.width - d1));
     B({
       position: "fixed",
-      top: `${C1}px`,
+      top: `${y1}px`,
       left: `${u1}px`,
       zIndex: 1100
     });
@@ -12483,12 +12483,12 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       c?.(T), p && l !== "multiple" && !v && m(!1);
       return;
     }
-    const G = new Date(T), d1 = s === "12h" ? k ? u % 12 + 12 : u % 12 : u;
-    G.setHours(d1, b, y), c?.(G), p && !v && m(!1);
+    const Z = new Date(T), d1 = s === "12h" ? k ? u % 12 + 12 : u % 12 : u;
+    Z.setHours(d1, b, y), c?.(Z), p && !v && m(!1);
   }, A = () => {
     if (!t || !(t instanceof Date)) return;
-    const T = new Date(t), G = s === "12h" ? k ? u % 12 + 12 : u % 12 : u;
-    T.setHours(G, b, y), c?.(T);
+    const T = new Date(t), Z = s === "12h" ? k ? u % 12 + 12 : u % 12 : u;
+    T.setHours(Z, b, y), c?.(T);
   }, c1 = (T) => {
     T.stopPropagation(), C(null), c?.(void 0);
   }, t1 = q();
@@ -12517,7 +12517,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         })]
       })]
     }), R && (v ? /* @__PURE__ */ r("div", {
-      ref: Z,
+      ref: G,
       className: "datepicker__dropdown datepicker__dropdown--inline",
       children: [/* @__PURE__ */ e(b0, {
         ...g,
@@ -12539,8 +12539,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               className: "datepicker__time-input",
               value: u,
               onChange: (T) => {
-                const G = parseInt(T.target.value) || 0;
-                f(Math.min(Math.max(G, 0), s === "12h" ? 12 : 23));
+                const Z = parseInt(T.target.value) || 0;
+                f(Math.min(Math.max(Z, 0), s === "12h" ? 12 : 23));
               },
               onBlur: A,
               min: "0",
@@ -12552,8 +12552,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               className: "datepicker__time-input",
               value: b,
               onChange: (T) => {
-                const G = parseInt(T.target.value) || 0;
-                x(Math.min(Math.max(G, 0), 59));
+                const Z = parseInt(T.target.value) || 0;
+                x(Math.min(Math.max(Z, 0), 59));
               },
               onBlur: A,
               min: "0",
@@ -12564,8 +12564,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               className: "datepicker__time-input",
               value: y,
               onChange: (T) => {
-                const G = parseInt(T.target.value) || 0;
-                M(Math.min(Math.max(G, 0), 59));
+                const Z = parseInt(T.target.value) || 0;
+                M(Math.min(Math.max(Z, 0), 59));
               },
               onBlur: A,
               min: "0",
@@ -12583,7 +12583,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         })]
       })]
     }) : W1(/* @__PURE__ */ r("div", {
-      ref: Z,
+      ref: G,
       className: "datepicker__dropdown",
       style: N,
       children: [/* @__PURE__ */ e(b0, {
@@ -12606,8 +12606,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               className: "datepicker__time-input",
               value: u,
               onChange: (T) => {
-                const G = parseInt(T.target.value) || 0;
-                f(Math.min(Math.max(G, 0), s === "12h" ? 12 : 23));
+                const Z = parseInt(T.target.value) || 0;
+                f(Math.min(Math.max(Z, 0), s === "12h" ? 12 : 23));
               },
               onBlur: A,
               min: "0",
@@ -12619,8 +12619,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               className: "datepicker__time-input",
               value: b,
               onChange: (T) => {
-                const G = parseInt(T.target.value) || 0;
-                x(Math.min(Math.max(G, 0), 59));
+                const Z = parseInt(T.target.value) || 0;
+                x(Math.min(Math.max(Z, 0), 59));
               },
               onBlur: A,
               min: "0",
@@ -12631,8 +12631,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               className: "datepicker__time-input",
               value: y,
               onChange: (T) => {
-                const G = parseInt(T.target.value) || 0;
-                M(Math.min(Math.max(G, 0), 59));
+                const Z = parseInt(T.target.value) || 0;
+                M(Math.min(Math.max(Z, 0), 59));
               },
               onBlur: A,
               min: "0",
@@ -12662,18 +12662,18 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }
   return o / a.length >= s;
 }, u0 = ({ allowCustomValue: t = !1, autofocus: c = !1, className: l = "", disabled: a = !1, error: s, highlighted: o = !1, id: i, label: n, multiple: d = !1, name: h, onChange: p, onSearchChange: v, options: g, placeholder: w = "Select an option", searchable: m = !0, searchValue: u, selectedCountDisplay: f = "inline", success: b, usePortal: x = !0, value: y, valueAsChip: M = !0 }) => {
-  const [k, V] = L(!1), [_, C] = L(u || ""), [N, B] = L(g), [z, Z] = L(-1), [R, $] = L([]), [q, p1] = L({
+  const [k, V] = L(!1), [_, C] = L(u || ""), [N, B] = L(g), [z, G] = L(-1), [R, $] = L([]), [q, p1] = L({
     top: 0,
     left: 0,
     width: 0
-  }), [A, c1] = L(!1), t1 = O(null), T = O([]), G = O(null), d1 = O(null), v1 = g0(), U = i ?? `dropdown-${v1}`;
+  }), [A, c1] = L(!1), t1 = O(null), T = O([]), Z = O(null), d1 = O(null), v1 = g0(), U = i ?? `dropdown-${v1}`;
   F(() => {
     if (!m || !_) B(g);
     else {
       const P = r2(_);
       B(g.filter((j) => r2(j.label).includes(P)));
     }
-    Z(-1);
+    G(-1);
   }, [
     _,
     g,
@@ -12776,7 +12776,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         j ? Y = R.filter((m1) => m1.value !== P.value) : Y = [...R, P], $(Y), m && C(""), p && p(Y, h);
       } else
         C(P.label), $([P]), V(!1), p && p(P, h);
-  }, C1 = () => {
+  }, y1 = () => {
     if (!t || !_.trim()) return;
     const P = g.find((Y) => Y.label.toLowerCase() === _.toLowerCase() || Y.value.toString() === _);
     if (P) {
@@ -12801,9 +12801,9 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }, G1 = (P) => {
     C(P), k || V(!0), v?.(P);
   }, X = () => {
-    a || (V(!0), !d && m && R.length > 0 && C(""), (d || m) && G.current?.focus());
+    a || (V(!0), !d && m && R.length > 0 && C(""), (d || m) && Z.current?.focus());
   }, K = () => {
-    a || (V(!k), k || (Z(-1), !d && m && R.length > 0 && C(""), (d || m) && G.current?.focus()));
+    a || (V(!k), k || (G(-1), !d && m && R.length > 0 && C(""), (d || m) && Z.current?.focus()));
   }, S = (P) => {
     if (!a) {
       if (!k) {
@@ -12813,20 +12813,20 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       switch (P.key) {
         case "ArrowDown":
           if (P.preventDefault(), t && _ && N.length === 0) return;
-          Z((j) => {
+          G((j) => {
             const Y = j < (t && _ && !N.some((m1) => m1.label.toLowerCase() === _.toLowerCase()) ? N.length : N.length - 1) ? j + 1 : 0;
             return Y < N.length && T.current[Y] && T.current[Y]?.scrollIntoView({ block: "nearest" }), Y;
           });
           break;
         case "ArrowUp":
           if (P.preventDefault(), t && _ && N.length === 0) return;
-          Z((j) => {
+          G((j) => {
             const Y = t && _ && !N.some((B1) => B1.label.toLowerCase() === _.toLowerCase()) ? N.length : N.length - 1, m1 = j > 0 ? j - 1 : Y;
             return m1 < N.length && T.current[m1] && T.current[m1]?.scrollIntoView({ block: "nearest" }), m1;
           });
           break;
         case "Enter":
-          P.preventDefault(), z >= 0 && z < N.length ? n1(N[z]) : (t && _ && z === N.length || t && _ && N.length === 0) && C1();
+          P.preventDefault(), z >= 0 && z < N.length ? n1(N[z]) : (t && _ && z === N.length || t && _ && N.length === 0) && y1();
           break;
         case "Escape":
           P.preventDefault(), V(!1), !d && R.length > 0 ? C(R[0].label) : d && m && C("");
@@ -12866,7 +12866,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           },
           className: `dropdown-option ${j.className || ""} ${z === Y ? "focused" : ""} ${D(j) ? "selected" : ""} ${j.disabled ? "dropdown-option--disabled" : ""}`,
           onClick: () => n1(j),
-          onMouseEnter: () => Z(Y),
+          onMouseEnter: () => G(Y),
           title: j.tooltip,
           children: [d && /* @__PURE__ */ e("div", {
             className: "dropdown-option-checkbox",
@@ -12909,8 +12909,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             T.current[N.length] = j;
           },
           className: `dropdown-option dropdown-option--create ${z === N.length ? "focused" : ""}`,
-          onClick: C1,
-          onMouseEnter: () => Z(N.length),
+          onClick: y1,
+          onMouseEnter: () => G(N.length),
           children: /* @__PURE__ */ e("div", {
             className: "dropdown-option-content",
             children: /* @__PURE__ */ r("span", {
@@ -12955,7 +12955,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             })]
           }),
           /* @__PURE__ */ e(S1, {
-            ref: G,
+            ref: Z,
             id: U,
             placeholder: b1 ? "" : x1(),
             value: b1 ? "" : a1(),
@@ -13839,7 +13839,7 @@ var Wr = [{
   ].filter(Boolean).join(" "), B = ["control-panel__overlay", i ? "control-panel__overlay--contained" : ""].filter(Boolean).join(" "), z = {
     "--control-panel-width": t,
     "--control-panel-shadow": d
-  }, Z = f.length === 0 ? [] : "type" in f[0] ? [{ options: f }] : f, R = !!(x || y || M || Z.length > 0), $ = g.length > 0 || w !== void 0 && w > 0;
+  }, G = f.length === 0 ? [] : "type" in f[0] ? [{ options: f }] : f, R = !!(x || y || M || G.length > 0), $ = g.length > 0 || w !== void 0 && w > 0;
   return /* @__PURE__ */ r(r1, { children: [o && V && _ && /* @__PURE__ */ e("div", {
     className: B,
     onClick: C
@@ -13883,7 +13883,7 @@ var Wr = [{
       }),
       $ && R && /* @__PURE__ */ e(e0, { spacing: 0 }),
       R && /* @__PURE__ */ e(Fr, {
-        normalizedOptionGroups: Z,
+        normalizedOptionGroups: G,
         onOptionChange: b,
         viewToggle: x,
         groupBy: y,
@@ -14232,9 +14232,9 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
       primary: h.primary,
       secondary: h.secondary
     }) : /* @__PURE__ */ e(l0, { title: "No data available" });
-  const B = (z, Z) => {
-    const R = N.get(Z), $ = l(z, Z), q = p && v.includes($), p1 = V.has($), A = n?.(z), c1 = `data-view__card ${i || A ? "data-view__card--clickable" : ""} ${q ? "data-view__card--selected" : ""} ${p1 ? "data-view__card--pinned" : ""} ${d?.(z) || ""}`, t1 = (G) => {
-      G.metaKey || G.ctrlKey || G.shiftKey || G.altKey || G.button !== 0 || i && (G.preventDefault(), i(z));
+  const B = (z, G) => {
+    const R = N.get(G), $ = l(z, G), q = p && v.includes($), p1 = V.has($), A = n?.(z), c1 = `data-view__card ${i || A ? "data-view__card--clickable" : ""} ${q ? "data-view__card--selected" : ""} ${p1 ? "data-view__card--pinned" : ""} ${d?.(z) || ""}`, t1 = (Z) => {
+      Z.metaKey || Z.ctrlKey || Z.shiftKey || Z.altKey || Z.button !== 0 || i && (Z.preventDefault(), i(z, Z));
     }, T = /* @__PURE__ */ r(r1, { children: [
       p1 && /* @__PURE__ */ e("span", {
         className: "data-view__card-pin",
@@ -14246,10 +14246,10 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
       }),
       p && w && /* @__PURE__ */ e("div", {
         className: "data-view__card-select",
-        onClick: (G) => G.stopPropagation(),
+        onClick: (Z) => Z.stopPropagation(),
         children: /* @__PURE__ */ e(m0, {
           checked: q || !1,
-          onChange: (G) => w($, G)
+          onChange: (Z) => w($, Z)
         })
       }),
       a?.media && /* @__PURE__ */ e("div", {
@@ -14257,16 +14257,16 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
         children: a.media(z)
       }),
       a && (() => {
-        const G = a.icon?.(z);
+        const Z = a.icon?.(z);
         return /* @__PURE__ */ r("div", {
           className: "data-view__card-header",
           children: [/* @__PURE__ */ r("div", {
             className: "data-view__card-title-row",
             children: [/* @__PURE__ */ r("div", {
               className: "data-view__card-title-line",
-              children: [G && /* @__PURE__ */ e(I, {
+              children: [Z && /* @__PURE__ */ e(I, {
                 className: "data-view__card-icon",
-                name: G
+                name: Z
               }), /* @__PURE__ */ e("span", {
                 className: "data-view__card-title",
                 children: a.title(z)
@@ -14283,20 +14283,20 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
       })(),
       k.length > 0 && /* @__PURE__ */ e("div", {
         className: "data-view__card-body",
-        children: k.map((G) => /* @__PURE__ */ r("div", {
+        children: k.map((Z) => /* @__PURE__ */ r("div", {
           className: "data-view__card-field",
           children: [/* @__PURE__ */ e("span", {
             className: "data-view__card-label",
-            children: N2(G)
+            children: N2(Z)
           }), /* @__PURE__ */ e("span", {
             className: "data-view__card-value",
-            children: H2(G, z)
+            children: H2(Z, z)
           })]
-        }, G.key))
+        }, Z.key))
       }),
       s && /* @__PURE__ */ e("div", {
         className: "data-view__card-actions",
-        onClick: (G) => G.stopPropagation(),
+        onClick: (Z) => Z.stopPropagation(),
         children: s(z)
       })
     ] });
@@ -14307,7 +14307,7 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
       children: T
     }) : /* @__PURE__ */ e("div", {
       className: c1,
-      onClick: i ? () => i(z) : void 0,
+      onClick: i ? (Z) => i(z, Z) : void 0,
       children: T
     })] }, $);
   };
@@ -14315,23 +14315,23 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
     let z = 0;
     return /* @__PURE__ */ e("div", {
       className: "data-view__groups",
-      children: f.map((Z) => {
+      children: f.map((G) => {
         const R = z;
-        z += Z.items.length;
-        const $ = x && y?.has(Z.key);
+        z += G.items.length;
+        const $ = x && y?.has(G.key);
         return /* @__PURE__ */ r("section", {
           className: "data-view__group",
           children: [/* @__PURE__ */ r("header", {
             className: `data-view__group-header${x ? " data-view__group-header--collapsible" : ""}`,
-            onClick: x ? () => M?.(Z.key) : void 0,
+            onClick: x ? () => M?.(G.key) : void 0,
             children: [
               /* @__PURE__ */ e("span", {
                 className: "data-view__group-label",
-                children: Z.label
+                children: G.label
               }),
               b && /* @__PURE__ */ e("span", {
                 className: "data-view__group-count",
-                children: Z.totalCount
+                children: G.totalCount
               }),
               x && /* @__PURE__ */ e(I, {
                 className: "data-view__group-chevron",
@@ -14342,16 +14342,16 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
           }), !$ && /* @__PURE__ */ e("div", {
             className: _,
             style: C,
-            children: Z.items.map((q, p1) => B(q, R + p1))
+            children: G.items.map((q, p1) => B(q, R + p1))
           })]
-        }, Z.key ?? "__null__");
+        }, G.key ?? "__null__");
       })
     });
   }
   return /* @__PURE__ */ e("div", {
     className: _,
     style: C,
-    children: t.map((z, Z) => B(z, Z))
+    children: t.map((z, G) => B(z, G))
   });
 }
 var dc = ({ items: t, sortKey: c, sortDirection: l, onSort: a, align: s = "left", showDirectionToggle: o = !1, className: i = "" }) => t.length === 0 ? null : /* @__PURE__ */ r("div", {
@@ -14421,8 +14421,8 @@ function pc({ state: t }) {
     children: /* @__PURE__ */ e(I, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
   });
 }
-function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1, onSelectionChange: o, selectedIds: i, pageSizeOptions: n = a2, initialPageSize: d = a2[1], showPageSize: h = !0, card: p, actions: v, actionsWidth: g, timeline: w, onRowClick: m, rowHref: u, rowClassName: f, rowDetail: b, empty: x, initialSortKey: y = null, initialSortDirection: M = "asc", sortKey: k, sortDirection: V, onSortChange: _, miniSort: C, showCardSortControls: N = !0, desktopView: B = "table", cardMaxWidth: z, className: Z, onPageChange: R, onPageSizeChange: $, currentPage: q, totalItems: p1, group: A, showResultsCount: c1 = !0, totalCount: t1, itemNoun: T }) {
-  const { isMobile: G } = a0(), [d1, v1] = L(y), [U, i1] = L(M), [n1, C1] = L([]), u1 = i ?? n1, [A1, G1] = L(1), X = q ?? A1, [K, S] = L(d), [D, e1] = L(() => t.reduce((H, Q) => (Q.width && (H[Q.key] = Q.width), H), {})), [a1, x1] = L(/* @__PURE__ */ new Set()), f1 = (H) => {
+function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1, onSelectionChange: o, selectedIds: i, pageSizeOptions: n = a2, initialPageSize: d = a2[1], showPageSize: h = !0, card: p, actions: v, actionsWidth: g, timeline: w, onRowClick: m, rowHref: u, rowClassName: f, rowDetail: b, empty: x, initialSortKey: y = null, initialSortDirection: M = "asc", sortKey: k, sortDirection: V, onSortChange: _, miniSort: C, showCardSortControls: N = !0, desktopView: B = "table", cardMaxWidth: z, className: G, onPageChange: R, onPageSizeChange: $, currentPage: q, totalItems: p1, group: A, showResultsCount: c1 = !0, totalCount: t1, itemNoun: T }) {
+  const { isMobile: Z } = a0(), [d1, v1] = L(y), [U, i1] = L(M), [n1, y1] = L([]), u1 = i ?? n1, [A1, G1] = L(1), X = q ?? A1, [K, S] = L(d), [D, e1] = L(() => t.reduce((H, Q) => (Q.width && (H[Q.key] = Q.width), H), {})), [a1, x1] = L(/* @__PURE__ */ new Set()), f1 = (H) => {
     x1((Q) => {
       const o1 = new Set(Q);
       return o1.has(H) ? o1.delete(H) : o1.add(H), o1;
@@ -14494,7 +14494,7 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
     id: w.idAccessor(H),
     date: w.dateAccessor(H)
   })), w.granularity) : /* @__PURE__ */ new Map(), [D1, w]), K1 = (H) => {
-    i === void 0 && C1(H), o?.(c.filter((Q, o1) => H.includes(M1(Q, o1))));
+    i === void 0 && y1(H), o?.(c.filter((Q, o1) => H.includes(M1(Q, o1))));
   }, j2 = (H) => {
     H.sortable && (g1 === H.key ? $1(H.key, b1 === "asc" ? "desc" : "asc") : $1(H.key, "asc"));
   }, P2 = (H, Q) => {
@@ -14526,7 +14526,7 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
     }), O0]
   }) : null;
   if (B === "cards") return /* @__PURE__ */ r("div", {
-    className: `data-view data-view--cards${Z ? ` ${Z}` : ""}`,
+    className: `data-view data-view--cards${G ? ` ${G}` : ""}`,
     children: [
       Y0,
       N && U2 && /* @__PURE__ */ r("div", {
@@ -14585,7 +14585,7 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
         selectedIds: u1,
         pinnedIds: a,
         cardMaxWidth: z,
-        isMobile: G,
+        isMobile: Z,
         groups: L0 ?? void 0,
         showGroupCount: A?.showCount !== !1,
         collapsible: A?.collapsible,
@@ -14670,14 +14670,14 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
           }) : /* @__PURE__ */ e(l0, { title: "No data available" })
         }) });
         const H = i0.length + (Q1 ? 1 : 0) + (s ? 1 : 0) + (v ? 1 : 0), Q = A?.showCount !== !1, o1 = (J, l1) => {
-          const w1 = M1(J, l1), V1 = u1.includes(w1), L1 = q1.has(w1), R1 = F0.get(l1), k1 = u?.(J), K0 = !!m || !!k1, Y2 = (y1) => {
-            if (k1 && (y1.metaKey || y1.ctrlKey || y1.shiftKey)) {
+          const w1 = M1(J, l1), V1 = u1.includes(w1), L1 = q1.has(w1), R1 = F0.get(l1), k1 = u?.(J), K0 = !!m || !!k1, Y2 = (C1) => {
+            if (k1 && (C1.metaKey || C1.ctrlKey || C1.shiftKey)) {
               window.open(k1, "_blank", "noopener,noreferrer");
               return;
             }
-            m?.(J);
-          }, X2 = (y1) => {
-            y1.button !== 1 || !k1 || (y1.preventDefault(), window.open(k1, "_blank", "noopener,noreferrer"));
+            m?.(J, C1);
+          }, X2 = (C1) => {
+            C1.button !== 1 || !k1 || (C1.preventDefault(), window.open(k1, "_blank", "noopener,noreferrer"));
           }, N0 = b?.(J);
           return /* @__PURE__ */ r(Z1.Fragment, { children: [/* @__PURE__ */ r("tr", {
             className: `${V1 ? "is-selected" : ""} ${K0 ? "data-view__row--clickable" : ""} ${L1 ? "data-view__row--pinned" : ""} ${f?.(J) || ""}`,
@@ -14692,13 +14692,13 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
                 className: "data-view__checkbox",
                 children: /* @__PURE__ */ e(m0, {
                   checked: V1,
-                  onChange: (y1) => {
-                    K1(y1 ? [...u1, w1] : u1.filter((H0) => H0 !== w1));
+                  onChange: (C1) => {
+                    K1(C1 ? [...u1, w1] : u1.filter((H0) => H0 !== w1));
                   }
                 })
               }),
-              i0.map((y1, H0) => /* @__PURE__ */ r("td", {
-                style: D[y1.key] ? { width: D[y1.key] } : void 0,
+              i0.map((C1, H0) => /* @__PURE__ */ r("td", {
+                style: D[C1.key] ? { width: D[C1.key] } : void 0,
                 children: [H0 === 0 && L1 && /* @__PURE__ */ e(s1, {
                   title: "Pinned",
                   children: /* @__PURE__ */ e(I, {
@@ -14706,14 +14706,14 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
                     name: "pin",
                     size: "sm"
                   })
-                }), H2(y1, J)]
-              }, y1.key)),
+                }), H2(C1, J)]
+              }, C1.key)),
               v && /* @__PURE__ */ e("td", {
                 className: "data-view__actions-cell",
                 style: g ? { width: g } : void 0,
                 children: /* @__PURE__ */ e("div", {
                   className: "data-view__table-actions",
-                  onClick: (y1) => y1.stopPropagation(),
+                  onClick: (C1) => C1.stopPropagation(),
                   children: v(J)
                 })
               })
@@ -14722,7 +14722,7 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
             className: "data-view__row-detail",
             children: /* @__PURE__ */ e("td", {
               colSpan: H,
-              onClick: (y1) => y1.stopPropagation(),
+              onClick: (C1) => C1.stopPropagation(),
               children: N0
             })
           })] }, w1);
@@ -14774,7 +14774,7 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
     })
   ] });
   return /* @__PURE__ */ e("div", {
-    className: `data-view${Z ? ` ${Z}` : ""}`,
+    className: `data-view${G ? ` ${G}` : ""}`,
     children: Q1 ? /* @__PURE__ */ r("div", {
       className: "timeline-markers",
       children: [/* @__PURE__ */ e("div", { className: "timeline-markers__track" }), X0]
@@ -14793,28 +14793,28 @@ var O1 = (t) => {
   }), [x, y] = L(c?.start ?? ""), [M, k] = L(c?.end ?? ""), V = O(null), _ = O(null), C = c ?? d, N = O1(C.start), B = O1(C.end), z = N && B ? {
     start: N,
     end: B
-  } : void 0, Z = (U) => {
+  } : void 0, G = (U) => {
     c || h(U), l?.(U);
   }, R = (U) => {
-    U && typeof U == "object" && "start" in U && (Z({
+    U && typeof U == "object" && "start" in U && (G({
       start: f0(U.start),
       end: f0(U.end)
     }), w(null), !o && i && u(!1));
   }, $ = (U) => {
     w(U);
   }, q = (U) => /^\d{4}-\d{2}-\d{2}$/.test(U) && O1(U) !== void 0, p1 = () => {
-    q(x) ? Z({
+    q(x) ? G({
       ...C,
       start: x
     }) : y(C.start ?? "");
   }, A = () => {
-    q(M) ? Z({
+    q(M) ? G({
       ...C,
       end: M
     }) : k(C.end ?? "");
   }, c1 = (U) => {
     const i1 = /* @__PURE__ */ new Date(), n1 = /* @__PURE__ */ new Date();
-    n1.setDate(n1.getDate() - U), Z({
+    n1.setDate(n1.getDate() - U), G({
       start: f0(n1),
       end: f0(i1)
     });
@@ -14824,20 +14824,20 @@ var O1 = (t) => {
   }, [C.start]), F(() => {
     k(C.end ?? "");
   }, [C.end]);
-  const t1 = h1(() => d0(p, 1), [p]), T = o || m, G = !o && m, d1 = E(() => {
-    if (!G || !V.current || !_.current) return;
-    const U = V.current.getBoundingClientRect(), i1 = _.current.getBoundingClientRect(), n1 = 16, C1 = 8, u1 = window.innerHeight - U.bottom - n1, A1 = U.top - n1, G1 = u1 < i1.height && A1 > i1.height ? U.top - i1.height - C1 : U.bottom + C1, X = Math.max(n1, Math.min(G1, window.innerHeight - i1.height - n1)), K = U.left, S = Math.max(n1, Math.min(K, window.innerWidth - i1.width - n1));
+  const t1 = h1(() => d0(p, 1), [p]), T = o || m, Z = !o && m, d1 = E(() => {
+    if (!Z || !V.current || !_.current) return;
+    const U = V.current.getBoundingClientRect(), i1 = _.current.getBoundingClientRect(), n1 = 16, y1 = 8, u1 = window.innerHeight - U.bottom - n1, A1 = U.top - n1, G1 = u1 < i1.height && A1 > i1.height ? U.top - i1.height - y1 : U.bottom + y1, X = Math.max(n1, Math.min(G1, window.innerHeight - i1.height - n1)), K = U.left, S = Math.max(n1, Math.min(K, window.innerWidth - i1.width - n1));
     b({
       position: "fixed",
       top: `${X}px`,
       left: `${S}px`,
       zIndex: 1e3
     });
-  }, [G]);
+  }, [Z]);
   F(() => {
     o && u(!0);
   }, [o]), F(() => {
-    if (!G) {
+    if (!Z) {
       b({
         position: "fixed",
         visibility: "hidden"
@@ -14848,18 +14848,18 @@ var O1 = (t) => {
     return window.addEventListener("resize", d1), window.addEventListener("scroll", d1, !0), () => {
       cancelAnimationFrame(U), window.removeEventListener("resize", d1), window.removeEventListener("scroll", d1, !0);
     };
-  }, [G, d1]), F(() => {
-    if (!G) return;
+  }, [Z, d1]), F(() => {
+    if (!Z) return;
     const U = (n1) => {
-      const C1 = n1.target;
-      V.current?.contains(C1) || _.current?.contains(C1) || u(!1);
+      const y1 = n1.target;
+      V.current?.contains(y1) || _.current?.contains(y1) || u(!1);
     }, i1 = (n1) => {
       n1.key === "Escape" && u(!1);
     };
     return document.addEventListener("mousedown", U), document.addEventListener("keydown", i1), () => {
       document.removeEventListener("mousedown", U), document.removeEventListener("keydown", i1);
     };
-  }, [G]);
+  }, [Z]);
   const v1 = /* @__PURE__ */ r("div", {
     className: "date-range-picker__calendar",
     children: [/* @__PURE__ */ r("div", {
@@ -14974,7 +14974,7 @@ var O1 = (t) => {
         ]
       }),
       o && T && v1,
-      G && W1(/* @__PURE__ */ e("div", {
+      Z && W1(/* @__PURE__ */ e("div", {
         ref: _,
         className: "date-range-picker__overlay",
         style: f,
@@ -15251,8 +15251,8 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: h1(() => fc(t), [t])
   if (F(() => {
     t && (i2 += 1, V(i2));
   }, [t]), F(() => {
-    const z = (Z) => {
-      Z.key === "Escape" && t && c();
+    const z = (G) => {
+      G.key === "Escape" && t && c();
     };
     return document.addEventListener("keydown", z), () => document.removeEventListener("keydown", z);
   }, [t, c]), !t) return null;
@@ -15296,7 +15296,7 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: h1(() => fc(t), [t])
           u.length > 0 && /* @__PURE__ */ e("div", {
             className: "drawer__header-actions",
             children: u.map((z) => {
-              const Z = /* @__PURE__ */ e(W, {
+              const G = /* @__PURE__ */ e(W, {
                 disabled: z.disabled,
                 onClick: z.onClick,
                 icon: z.icon,
@@ -15308,8 +15308,8 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: h1(() => fc(t), [t])
               return R ? /* @__PURE__ */ e(s1, {
                 title: R,
                 position: "bottom",
-                children: Z
-              }, z.id) : /* @__PURE__ */ e(Z1.Fragment, { children: Z }, z.id);
+                children: G
+              }, z.id) : /* @__PURE__ */ e(Z1.Fragment, { children: G }, z.id);
             })
           }),
           !m && /* @__PURE__ */ e(W, {
@@ -20788,7 +20788,7 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: h1(() => fc(t), [t])
       const q = B($);
       _(q), N(!0), w?.(q);
     }
-  }, Z = ($) => {
+  }, G = ($) => {
     if (N(!0), y === "blur" || y === "both") {
       const q = B($.target.value);
       _(q), w?.(q);
@@ -20817,7 +20817,7 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: h1(() => fc(t), [t])
         placeholder: m,
         ref: k,
         value: M,
-        onBlur: Z,
+        onBlur: G,
         onChange: ($) => z($.target.value),
         onClick: p,
         onKeyDown: v,
@@ -20907,9 +20907,9 @@ function Ac(t) {
   return t.filter((c) => c.type === "token").length;
 }
 var $c = _1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, label: o, hint: i, error: n, highlighted: d, size: h = "md", variant: p = "default", disabled: v = !1, readOnly: g = !1, maskChar: w = "_", mono: m = !0, icon: u, suffix: f, className: b = "", id: x, name: y, autoComplete: M }, k) => {
-  const V = Z1.useMemo(() => Rc(t), [t]), _ = Z1.useMemo(() => Ac(V), [V]), C = g0(), N = x ?? C, [B, z] = L(() => c !== void 0 ? c : ""), Z = O(null);
+  const V = Z1.useMemo(() => Rc(t), [t]), _ = Z1.useMemo(() => Ac(V), [V]), C = g0(), N = x ?? C, [B, z] = L(() => c !== void 0 ? c : ""), G = O(null);
   u2(k, () => ({
-    focus: () => Z.current?.focus(),
+    focus: () => G.current?.focus(),
     clear: () => {
       z(""), l?.("", "");
     },
@@ -20935,16 +20935,16 @@ var $c = _1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, la
       return;
     }
     if (T.key.length !== 1 || T.ctrlKey || T.metaKey || (T.preventDefault(), B.length >= _)) return;
-    const G = T.key;
+    const Z = T.key;
     let d1 = 0;
     for (const i1 of V) if (i1.type === "token") {
       if (d1 === B.length) {
-        if (!R2[i1.key].test(G)) return;
+        if (!R2[i1.key].test(Z)) return;
         break;
       }
       d1++;
     }
-    const { masked: v1, rawAccepted: U } = Z0(B + G, V, w);
+    const { masked: v1, rawAccepted: U } = Z0(B + Z, V, w);
     z(U), l?.(U, v1), U.length === _ && a?.(U, v1);
   }, [
     v,
@@ -20972,7 +20972,7 @@ var $c = _1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, la
             children: u
           }),
           /* @__PURE__ */ e("input", {
-            ref: Z,
+            ref: G,
             id: N,
             name: y,
             type: "text",
@@ -21076,8 +21076,8 @@ function Tc(t) {
 }
 var Zc = _1(({ autoFocus: t, disabled: c, error: l, format: a = Dc, highlighted: s, id: o, label: i, onBlur: n, onChange: d, onClick: h, onKeyDown: p, placeholder: v, readOnly: g = !1, required: w = !1, success: m, value: u }, f) => {
   const b = u !== void 0, [x, y] = L(() => u ? G0(E0(u), a) : ""), M = b ? G0(E0(u ?? ""), a) : x, k = v ?? a.replace(/#/g, "0"), V = a.length, _ = (C) => {
-    const N = E0(C), B = Tc(a), z = N.slice(0, B), Z = G0(z, a);
-    b || y(Z), d?.(Z, z);
+    const N = E0(C), B = Tc(a), z = N.slice(0, B), G = G0(z, a);
+    b || y(G), d?.(G, z);
   };
   return /* @__PURE__ */ r("div", {
     className: "input-phone-wrapper",
@@ -21744,13 +21744,13 @@ var Ta = _1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
     if (k <= 0) return [];
     let V = 0;
     return M.map((_, C) => {
-      const N = _.value / k * 360, B = V, z = C === M.length - 1 ? 360 : V + N, Z = B + (z - B) / 2;
+      const N = _.value / k * 360, B = V, z = C === M.length - 1 ? 360 : V + N, G = B + (z - B) / 2;
       return V = z, {
         color: Fc(_, C),
         endAngle: z,
         index: C,
         label: o ? o(_.value, _, C) : _.value,
-        midAngle: Z,
+        midAngle: G,
         path: Wc(h, p, B, z),
         startAngle: B,
         value: _.value
@@ -22814,7 +22814,7 @@ ${s.textContent ?? ""}
     editorRef: p,
     snapshotForUndo: f,
     emitChange: u
-  }), { activeTable: Z, tableToolbarPos: R, showTableToolbar: $, hideTableToolbar: q, addRowAbove: p1, addRowBelow: A, removeRow: c1, addColumnLeft: t1, addColumnRight: T, removeColumn: G, deleteTable: d1 } = il({
+  }), { activeTable: G, tableToolbarPos: R, showTableToolbar: $, hideTableToolbar: q, addRowAbove: p1, addRowBelow: A, removeRow: c1, addColumnLeft: t1, addColumnRight: T, removeColumn: Z, deleteTable: d1 } = il({
     editorRef: p,
     snapshotForUndo: f,
     emitChange: u
@@ -22870,7 +22870,7 @@ ${s.textContent ?? ""}
     x1.className = "rte-task-list", x1.appendChild(D), S.deleteContents(), S.insertNode(x1);
     const f1 = document.createRange();
     f1.setStart(a1, 1), f1.collapse(!0), K.removeAllRanges(), K.addRange(f1), u();
-  }, [f, u]), C1 = E(() => {
+  }, [f, u]), y1 = E(() => {
     U("insertHTML", rl);
   }, [U]), u1 = E((X) => {
     const K = X.target, S = K.closest("a");
@@ -22944,7 +22944,7 @@ ${s.textContent ?? ""}
             applyHeading: i1,
             insertTaskList: n1,
             openLinkPrompt: () => N(),
-            insertTable: C1,
+            insertTable: y1,
             undo: b,
             redo: x
           }),
@@ -22957,7 +22957,7 @@ ${s.textContent ?? ""}
             confirmLink: B,
             cancelLink: z
           }),
-          Z && R && /* @__PURE__ */ e(ol, {
+          G && R && /* @__PURE__ */ e(ol, {
             pos: R,
             toolbarRef: g,
             addRowAbove: p1,
@@ -22965,7 +22965,7 @@ ${s.textContent ?? ""}
             removeRow: c1,
             addColumnLeft: t1,
             addColumnRight: T,
-            removeColumn: G,
+            removeColumn: Z,
             deleteTable: d1
           }),
           /* @__PURE__ */ e("div", {
@@ -23408,8 +23408,8 @@ var h2 = 10, pi = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
   const [i, n] = L(!1), [d, h] = L(!1), [p, v] = L(""), [g, w] = L(null), [m, u] = L("asc"), f = h1(() => p.trim() ? t.filter((C) => C.name.toLowerCase().includes(p.toLowerCase())) : t, [t, p]), b = h1(() => {
     if (!g) return f;
     const C = [...f].sort((N, B) => {
-      const z = g === "name" ? N.name : N.value, Z = g === "name" ? B.name : B.value;
-      return typeof z == "number" && typeof Z == "number" ? z - Z : String(z).localeCompare(String(Z));
+      const z = g === "name" ? N.name : N.value, G = g === "name" ? B.name : B.value;
+      return typeof z == "number" && typeof G == "number" ? z - G : String(z).localeCompare(String(G));
     });
     return m === "asc" ? C : C.reverse();
   }, [
@@ -24132,7 +24132,7 @@ var h2 = 10, pi = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     V,
     d
   ]);
-  const Z = (A) => {
+  const G = (A) => {
     p(A);
   }, R = (A) => {
     v({
@@ -24220,7 +24220,7 @@ var h2 = 10, pi = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
                 ref: d === A.value ? C : null,
                 type: "button",
                 className: `theme-settings__swatch ${d === A.value ? "theme-settings__swatch--active" : ""}`,
-                onClick: () => Z(A.value),
+                onClick: () => G(A.value),
                 children: [/* @__PURE__ */ r("div", {
                   className: "theme-settings__preview",
                   "data-theme": A.value,
@@ -25405,7 +25405,7 @@ var Si = (t, c, l) => {
   } catch {
     return t.trim();
   }
-}, Nl = "1.0.10", Zi = 215, Hl = "efac3bb", Sl = "2026-06-28T11:04:43.066Z", Gi = "215", Bl = (t) => {
+}, Nl = "1.0.11", Zi = 217, Hl = "04b6943", Sl = "2026-06-28T14:45:22.478Z", Gi = "217", Bl = (t) => {
   const c = document.getElementById("mb-version-toast");
   if (c) {
     c.remove();
@@ -25429,7 +25429,7 @@ var Si = (t, c, l) => {
   const c = {
     ...t,
     lib: Nl,
-    libBuildNumber: 215,
+    libBuildNumber: 217,
     libCommit: Hl,
     libBuildDate: Sl
   };

package/dist/version.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.0.10",
-  "buildNumber": 215,
-  "commit": "efac3bb",
-  "buildDate": "2026-06-28T11:04:43.066Z"
+  "version": "1.0.11",
+  "buildNumber": 217,
+  "commit": "04b6943",
+  "buildDate": "2026-06-28T14:45:22.478Z"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memobit/libs",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "React component library powering the Memobit apps — 100+ components, 470+ icons, 70+ themes, helpers and hooks. TypeScript-first, ESM-only, React 19.",
   "keywords": [
     "react",