@memobit/libs 3.4.3 → 3.6.0

package/dist/components/Pagination/Pagination2.js

@@ -1,20 +1,20 @@
 import './Pagination.css';
 import { Button as u } from "../Button/Button2.js";
-import { useBreakpoint as I } from "../../hooks/useBreakpoint.js";
-import { Dropdown as O } from "../Dropdown/Dropdown2.js";
+import { useBreakpoint as E } from "../../hooks/useBreakpoint.js";
+import { Dropdown as y } from "../Dropdown/Dropdown2.js";
 /* empty css           */
-import { useCallback as y, useEffect as H, useRef as L, useState as R } from "react";
+import { useCallback as L, useEffect as R, useRef as I, useState as O } from "react";
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
-var U = 45, V = 120, j = 45, C = 45, D = 8, G = 4, F = ({ currentPage: i, totalPages: r, totalItems: p, onPageChange: d, showPagesNumbers: M = !1, pageSizeOptions: o, pageSize: m, onPageSizeChange: v, pageSizeLabel: N = "Rows", horizontalAlign: x = "left" }) => {
-  const { isAtLeast: a, isMobile: A } = I(), f = L(null), [l, W] = R(A ? 0 : 2), h = y(() => {
+var V = 120, j = 45, C = 8, H = 4, z = ({ currentPage: i, totalPages: r, totalItems: p, onPageChange: d, showPagesNumbers: N = !1, pageSizeOptions: o, pageSize: m, onPageSizeChange: v, pageSizeLabel: x = "Rows", horizontalAlign: D = "left" }) => {
+  const { isAtLeast: a, isMobile: k } = E(), f = I(null), [l, w] = O(k ? 0 : 2), h = L(() => {
     const s = f.current, e = s?.parentElement;
     if (!s || !e) return;
     let n = 0;
-    for (const T of e.children) T !== s && (n += T.offsetWidth + D);
-    const w = e.clientWidth - n - ((a("desktop") ? V : j) * 2 + U * 2 + C * 2 + D * 6), B = Math.floor(w / 53), E = Math.min(G, Math.max(0, Math.floor(B / 2)));
-    W(E);
+    for (const _ of e.children) _ !== s && (n += _.offsetWidth + C);
+    const T = e.clientWidth - n - ((a("desktop") ? V : j) * 2 + 90 + 90 + 48), W = Math.floor(T / 53), B = Math.min(H, Math.max(0, Math.floor(W / 2)));
+    w(B);
   }, [a]);
-  H(() => {
+  R(() => {
     const s = f.current, e = s?.parentElement;
     if (!s || !e) return;
     const n = new ResizeObserver(() => {
@@ -22,16 +22,16 @@ var U = 45, V = 120, j = 45, C = 45, D = 8, G = 4, F = ({ currentPage: i, totalP
     });
     return n.observe(s), n.observe(e), h(), () => n.disconnect();
   }, [h]);
-  const b = o && m !== void 0 && v, _ = o?.map((s) => ({
+  const b = o && m !== void 0 && v, M = o?.map((s) => ({
     label: `${s}`,
     value: s
-  })), k = () => {
+  })), A = () => {
     const s = [], e = [];
     for (let n = Math.max(2, i - l); n <= Math.min(r - 1, i + l); n++) s.push(n);
     return i - l > 2 ? e.push(1, "...") : e.push(1), e.push(...s), i + l < r - 1 ? e.push("...", r) : r > 1 && e.push(r), e;
   };
   return p !== void 0 && o?.length && p <= Math.min(...o) || r <= 1 && !b ? null : /* @__PURE__ */ c("div", {
-    className: `pagination pagination--${x}`,
+    className: `pagination pagination--${D}`,
     children: [
       r > 1 && /* @__PURE__ */ c("div", {
         className: "pagination__pages",
@@ -45,7 +45,7 @@ var U = 45, V = 120, j = 45, C = 45, D = 8, G = 4, F = ({ currentPage: i, totalP
             onClick: () => d(i - 1),
             children: a("desktop") ? "Previous" : ""
           }),
-          k().map((s, e) => /* @__PURE__ */ t(u, {
+          A().map((s, e) => /* @__PURE__ */ t(u, {
             borders: "sharp",
             variant: s === i ? "warning" : "default",
             disabled: typeof s == "string",
@@ -62,11 +62,11 @@ var U = 45, V = 120, j = 45, C = 45, D = 8, G = 4, F = ({ currentPage: i, totalP
           })
         ]
       }),
-      b && _ && /* @__PURE__ */ c("div", {
+      b && M && /* @__PURE__ */ c("div", {
         className: "pagination__page-size",
-        children: [/* @__PURE__ */ t("span", { children: N }), /* @__PURE__ */ t(O, {
+        children: [/* @__PURE__ */ t("span", { children: x }), /* @__PURE__ */ t(y, {
           name: "pageSize",
-          options: _,
+          options: M,
           value: m,
           searchable: !1,
           usePortal: !1,
@@ -75,7 +75,7 @@ var U = 45, V = 120, j = 45, C = 45, D = 8, G = 4, F = ({ currentPage: i, totalP
           }
         })]
       }),
-      M && /* @__PURE__ */ c("span", {
+      N && /* @__PURE__ */ c("span", {
         className: "page-info",
         children: [
           "Page ",
@@ -88,5 +88,5 @@ var U = 45, V = 120, j = 45, C = 45, D = 8, G = 4, F = ({ currentPage: i, totalP
   });
 };
 export {
-  F as Pagination
+  z as Pagination
 };

package/dist/components/Popover/Popover2.js

@@ -1,17 +1,17 @@
 import './Popover.css';
 /* empty css        */
-import { useCallback as I, useEffect as O, useRef as _, useState as N } from "react";
-import { jsx as x, jsxs as M } from "react/jsx-runtime";
-import { createPortal as z } from "react-dom";
-var i = 20, P = 16, C = 8, j = ({ children: y, visible: h, onClose: g, anchorEl: f, offset: u = C, placement: a = "auto" }) => {
-  const m = _(null), v = _(null), [w, A] = N({
+import { useCallback as N, useEffect as O, useRef as _, useState as M } from "react";
+import { jsx as x, jsxs as z } from "react/jsx-runtime";
+import { createPortal as C } from "react-dom";
+var i = 20, P = 16, G = 8, B = ({ children: y, visible: h, onClose: g, anchorEl: c, offset: u = G, placement: a = "auto" }) => {
+  const m = _(null), v = _(null), [w, A] = M({
     top: 0,
     left: 0,
     placement: "bottom",
     arrowOffset: null
-  }), c = I(() => {
-    if (!f || !m.current || !h) return;
-    const t = f.getBoundingClientRect(), e = m.current.getBoundingClientRect(), n = {
+  }), f = N(() => {
+    if (!c || !m.current || !h) return;
+    const t = c.getBoundingClientRect(), e = m.current.getBoundingClientRect(), n = {
       width: window.innerWidth,
       height: window.innerHeight
     }, R = (p, d) => p >= i && d >= i && p + e.height <= n.height - i && d + e.width <= n.width - i, l = {
@@ -56,37 +56,38 @@ var i = 20, P = 16, C = 8, j = ({ children: y, visible: h, onClose: g, anchorEl:
       }) || a, { top: r, left: s } = l[o]);
     }
     (o === "top" || o === "bottom") && (s < i && (s = i), s + e.width > n.width - i && (s = n.width - e.width - i)), (o === "left" || o === "right") && (r < i && (r = i), r + e.height > n.height - i && (r = n.height - e.height - i));
-    const E = o === "top" || o === "bottom", F = E ? t.left + t.width / 2 - s : t.top + t.height / 2 - r, b = E ? e.width : e.height, k = Math.min(Math.max(F, P), b - P);
+    const E = o === "top" || o === "bottom", b = E ? t.left + t.width / 2 - s : t.top + t.height / 2 - r, k = E ? e.width : e.height, I = Math.min(Math.max(b, P), k - P);
     A({
       top: r,
       left: s,
       placement: o,
-      arrowOffset: k
+      arrowOffset: I
     });
   }, [
-    f,
+    c,
     h,
     u,
     a
   ]);
-  return O(() => (h && (v.current = requestAnimationFrame(c)), () => {
+  if (O(() => (h && (v.current = requestAnimationFrame(f)), () => {
     v.current !== null && cancelAnimationFrame(v.current);
-  }), [h, c]), O(() => {
+  }), [h, f]), O(() => {
     if (!h) return;
     const t = (n) => {
-      m.current && f && !m.current.contains(n.target) && !f.contains(n.target) && g();
+      m.current && c && !m.current.contains(n.target) && !c.contains(n.target) && g();
     }, e = (n) => {
       n.key === "Escape" && g();
     };
-    return document.addEventListener("mousedown", t), document.addEventListener("keydown", e), window.addEventListener("resize", c), window.addEventListener("scroll", c, !0), () => {
-      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", e), window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0);
+    return document.addEventListener("mousedown", t), document.addEventListener("keydown", e), window.addEventListener("resize", f), window.addEventListener("scroll", f, !0), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", e), window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0);
     };
   }, [
     h,
     g,
-    f,
-    c
-  ]), !h || !f ? null : z(/* @__PURE__ */ M("div", {
+    c,
+    f
+  ]), !h || !c) return null;
+  const F = /* @__PURE__ */ z("div", {
     ref: m,
     className: `simple-popover simple-popover--${w.placement}`,
     style: {
@@ -102,8 +103,9 @@ var i = 20, P = 16, C = 8, j = ({ children: y, visible: h, onClose: g, anchorEl:
       className: "simple-popover__content",
       children: y
     })]
-  }), document.body);
+  });
+  return C(F, document.body);
 };
 export {
-  j as Popover
+  B as Popover
 };

package/dist/components/ProtectedRoute/ProtectedRoute.css

@@ -0,0 +1 @@
+.ProtectedRoute__loading{min-height:100vh;font-size:var(--font-size-xl);justify-content:center;align-items:center;display:flex}

package/dist/components/ProtectedRoute/ProtectedRoute2.js

@@ -0,0 +1,19 @@
+import './ProtectedRoute.css';
+import { Loading as n } from "../Loading/Loading2.js";
+import { useAuth as m } from "../../hooks/useAuth/useAuth.js";
+/* empty css               */
+import { Fragment as a, jsx as t } from "react/jsx-runtime";
+import { Navigate as u } from "react-router";
+function g({ children: r, loginPath: o = "/login" }) {
+  const { isAuthenticated: e, isLoading: i } = m();
+  return i ? /* @__PURE__ */ t("div", {
+    className: "ProtectedRoute__loading",
+    children: /* @__PURE__ */ t(n, {})
+  }) : e ? /* @__PURE__ */ t(a, { children: r }) : /* @__PURE__ */ t(u, {
+    to: o,
+    replace: !0
+  });
+}
+export {
+  g as ProtectedRoute
+};

package/dist/components/RangeSlider/RangeSlider2.js

@@ -1,9 +1,9 @@
 import './RangeSlider.css';
 /* empty css            */
-import { useCallback as a, useMemo as J, useRef as L } from "react";
+import { useCallback as a, useMemo as O, useRef as L } from "react";
 import { jsx as p, jsxs as g } from "react/jsx-runtime";
-var O = (n) => !Number.isFinite(n) || n >= 1 ? 0 : String(n).split(".")[1]?.length ?? 0, Y = ({ disabled: n = !1, formatValue: M, label: N, max: i = 100, min: o = 0, minDistance: q, onChange: h, onChangeEnd: d, showValues: R = !0, step: c = 1, thin: v = !1, tickStep: w = 0, value: D, variant: z = "accent" }) => {
-  const U = L(null), P = L(null), b = Math.max(1, i - o), T = q ?? c, f = O(c), [l, s] = D, _ = a((r) => M ? M(r) : f > 0 ? r.toFixed(f) : String(r), [f, M]), y = a((r) => {
+var Q = (n) => !Number.isFinite(n) || n >= 1 ? 0 : String(n).split(".")[1]?.length ?? 0, Z = ({ disabled: n = !1, formatValue: M, label: N, max: i = 100, min: o = 0, minDistance: q, onChange: h, onChangeEnd: d, showValues: R = !0, step: c = 1, thin: v = !1, tickStep: w = 0, value: D, variant: z = "accent" }) => {
+  const U = L(null), P = L(null), b = Math.max(1, i - o), T = q ?? c, f = Q(c), [s, l] = D, _ = a((r) => M ? M(r) : f > 0 ? r.toFixed(f) : String(r), [f, M]), y = a((r) => {
     const e = c > 0 ? o + Math.round((r - o) / c) * c : r, t = Math.min(i, Math.max(o, e));
     return f > 0 ? Number(t.toFixed(f)) : t;
   }, [
@@ -13,12 +13,12 @@ var O = (n) => !Number.isFinite(n) || n >= 1 ? 0 : String(n).split(".")[1]?.leng
     c
   ]), m = a((r, e) => {
     const t = y(e);
-    return r === "lower" ? [Math.min(t, s - T), s] : [l, Math.max(t, l + T)];
+    return r === "lower" ? [Math.min(t, l - T), l] : [s, Math.max(t, s + T)];
   }, [
     T,
-    l,
+    s,
     y,
-    s
+    l
   ]), k = a((r) => {
     const e = U.current;
     if (!e) return null;
@@ -42,19 +42,19 @@ var O = (n) => !Number.isFinite(n) || n >= 1 ? 0 : String(n).split(".")[1]?.leng
     if (n) return;
     const e = k(r.clientX);
     if (e === null) return;
-    const t = Math.abs(e - l) <= Math.abs(e - s) ? "lower" : "upper", u = m(t, e);
+    const t = Math.abs(e - s) <= Math.abs(e - l) ? "lower" : "upper", u = m(t, e);
     h(u), d?.(u);
   }, [
     m,
     n,
-    l,
+    s,
     h,
     d,
-    s,
+    l,
     k
   ]), K = a((r, e) => {
     if (n) return;
-    const t = e === "lower" ? l : s, u = c > 0 ? c : 1, X = r.key === "ArrowLeft" || r.key === "ArrowDown" ? t - u : r.key === "ArrowRight" || r.key === "ArrowUp" ? t + u : r.key === "PageDown" ? t - u * 10 : r.key === "PageUp" ? t + u * 10 : r.key === "Home" ? o : r.key === "End" ? i : null;
+    const t = e === "lower" ? s : l, u = c > 0 ? c : 1, X = r.key === "ArrowLeft" || r.key === "ArrowDown" ? t - u : r.key === "ArrowRight" || r.key === "ArrowUp" ? t + u : r.key === "PageDown" ? t - u * 10 : r.key === "PageUp" ? t + u * 10 : r.key === "Home" ? o : r.key === "End" ? i : null;
     if (X === null) return;
     r.preventDefault();
     const H = m(e, X);
@@ -62,14 +62,14 @@ var O = (n) => !Number.isFinite(n) || n >= 1 ? 0 : String(n).split(".")[1]?.leng
   }, [
     m,
     n,
-    l,
+    s,
     i,
     o,
     h,
     d,
     c,
-    s
-  ]), B = J(() => {
+    l
+  ]), B = O(() => {
     if (!w || w <= 0) return [];
     const r = [];
     for (let e = o; e <= i; e += w) r.push(y(e));
@@ -79,14 +79,14 @@ var O = (n) => !Number.isFinite(n) || n >= 1 ? 0 : String(n).split(".")[1]?.leng
     o,
     y,
     w
-  ]), $ = (r) => (Math.min(i, Math.max(o, r)) - o) / b * 100, x = $(l), I = $(s);
+  ]), $ = (r) => (Math.min(i, Math.max(o, r)) - o) / b * 100, x = $(s), I = $(l), J = [
+    "range-slider",
+    `range-slider--${z}`,
+    v ? "range-slider--thin" : "",
+    n ? "range-slider--disabled" : ""
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ g("div", {
-    className: [
-      "range-slider",
-      `range-slider--${z}`,
-      v ? "range-slider--thin" : "",
-      n ? "range-slider--disabled" : ""
-    ].filter(Boolean).join(" "),
+    className: J,
     children: [
       (N || R) && /* @__PURE__ */ g("div", {
         className: "range-slider__header",
@@ -96,9 +96,9 @@ var O = (n) => !Number.isFinite(n) || n >= 1 ? 0 : String(n).split(".")[1]?.leng
         }), R && /* @__PURE__ */ g("span", {
           className: "range-slider__readout",
           children: [
-            _(l),
+            _(s),
             " – ",
-            _(s)
+            _(l)
           ]
         })]
       }),
@@ -122,7 +122,7 @@ var O = (n) => !Number.isFinite(n) || n >= 1 ? 0 : String(n).split(".")[1]?.leng
             onPointerMove: F,
             onPointerUp: j,
             style: { left: `${x}%` },
-            title: _(l),
+            title: _(s),
             type: "button"
           }),
           /* @__PURE__ */ p("button", {
@@ -133,7 +133,7 @@ var O = (n) => !Number.isFinite(n) || n >= 1 ? 0 : String(n).split(".")[1]?.leng
             onPointerMove: F,
             onPointerUp: j,
             style: { left: `${I}%` },
-            title: _(s),
+            title: _(l),
             type: "button"
           })
         ]
@@ -153,5 +153,5 @@ var O = (n) => !Number.isFinite(n) || n >= 1 ? 0 : String(n).split(".")[1]?.leng
   });
 };
 export {
-  Y as RangeSlider
+  Z as RangeSlider
 };

package/dist/components/Rating/RatingIcon.js

@@ -1,12 +1,12 @@
-import { useId as u } from "react";
+import { useId as x } from "react";
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
-var p = {
+var u = {
   success: "var(--rating-color-success)",
   info: "var(--rating-color-info)",
   warning: "var(--rating-color-warning)",
   danger: "var(--rating-color-danger)"
-}, m = 7.5, M = 16.5, e = 15.5, w = -4, O = 4.5, $ = ({ type: i, filled: l, variant: v, size: t = 16, mood: f = 1 }) => {
-  const h = `rating-grad-${u()}`, g = p[v], d = "var(--rating-empty-color)", a = l === "full" ? g : l === "half" ? `url(#${h})` : d, s = () => l === "half" ? /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ c("linearGradient", {
+}, p = 7.5, m = 16.5, e = 15.5, M = -4, T = ({ type: i, filled: l, variant: w, size: t = 16, mood: v = 1 }) => {
+  const h = `rating-grad-${x()}`, g = u[w], d = "var(--rating-empty-color)", a = l === "full" ? g : l === "half" ? `url(#${h})` : d, s = () => l === "half" ? /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ c("linearGradient", {
     id: h,
     x1: "0",
     x2: "1",
@@ -43,7 +43,7 @@ var p = {
     })]
   });
   if (i === "emoji") {
-    const n = e + (w + (O - w) * Math.min(1, Math.max(0, f))), o = "var(--card-background-color)";
+    const n = e + (M + 8.5 * Math.min(1, Math.max(0, v))), o = "var(--card-background-color)";
     return /* @__PURE__ */ c("svg", {
       width: t,
       height: t,
@@ -69,7 +69,7 @@ var p = {
           fill: o
         }),
         /* @__PURE__ */ r("path", {
-          d: `M ${m} ${e} Q 12 ${n} ${M} ${e}`,
+          d: `M ${p} ${e} Q 12 ${n} ${m} ${e}`,
           fill: "none",
           stroke: o,
           strokeWidth: "1.6",
@@ -79,7 +79,7 @@ var p = {
     });
   }
   if (i === "bar") {
-    const n = Math.round(t * 1.75), o = Math.round(t * 0.5625), x = o / 2;
+    const n = Math.round(t * 1.75), o = Math.round(t * 0.5625), f = o / 2;
     return /* @__PURE__ */ c("svg", {
       width: n,
       height: o,
@@ -90,7 +90,7 @@ var p = {
         y: "0",
         width: n,
         height: o,
-        rx: x,
+        rx: f,
         fill: a
       })]
     });
@@ -98,5 +98,5 @@ var p = {
   return null;
 };
 export {
-  $ as RatingIcon
+  T as RatingIcon
 };

package/dist/components/RichTextEditor/hooks/useLinkPrompt.js

@@ -34,12 +34,13 @@ var h = ({ editorRef: m, snapshotForUndo: d, emitChange: g }) => {
         } else {
           d();
           const e = window.getSelection();
-          if (s.current && (e?.removeAllRanges(), e?.addRange(s.current)), t) if (o && e?.toString() === "") document.execCommand("insertHTML", !1, `<a href="${t}" target="_blank" rel="noopener noreferrer">${o}</a>`);
-          else {
-            document.execCommand("createLink", !1, t);
-            const l = e?.anchorNode?.parentElement?.closest("a");
-            l && (l.setAttribute("target", "_blank"), l.setAttribute("rel", "noopener noreferrer"));
-          }
+          if (s.current && (e?.removeAllRanges(), e?.addRange(s.current)), t)
+            if (o && e?.toString() === "") document.execCommand("insertHTML", !1, `<a href="${t}" target="_blank" rel="noopener noreferrer">${o}</a>`);
+            else {
+              document.execCommand("createLink", !1, t);
+              const l = e?.anchorNode?.parentElement?.closest("a");
+              l && (l.setAttribute("target", "_blank"), l.setAttribute("rel", "noopener noreferrer"));
+            }
           s.current = null;
         }
         u(!1), i(""), c(""), g();

package/dist/components/RollingNumber/RollingNumber2.js

@@ -1,8 +1,8 @@
 import './RollingNumber.css';
 /* empty css              */
-import { useEffect as f, useRef as R, useState as $ } from "react";
-import { jsx as e, jsxs as w } from "react/jsx-runtime";
-var B = [
+import { useEffect as f, useRef as B, useState as $ } from "react";
+import { jsx as e, jsxs as F } from "react/jsx-runtime";
+var I = [
   "0",
   "1",
   "2",
@@ -13,51 +13,53 @@ var B = [
   "7",
   "8",
   "9"
-], F = (l, m, s, c) => {
-  const u = l < 0, [i, r] = Math.abs(l).toFixed(m).split("."), t = s ? i.replace(/\B(?=(\d{3})+(?!\d))/g, s) : i, o = r ? `${t}${c}${r}` : t;
+], S = (s, c, l, m) => {
+  const u = s < 0, [t, r] = Math.abs(s).toFixed(c).split("."), i = l ? t.replace(/\B(?=(\d{3})+(?!\d))/g, l) : t, o = r ? `${i}${m}${r}` : i;
   return u ? `-${o}` : o;
-}, G = ({ className: l = "", colorByDirection: m = !1, decimals: s = 0, decimalSeparator: c = ".", duration: u = 600, groupSeparator: i = ",", prefix: r, size: t = "xl", stagger: o = 40, suffix: b, value: n, variant: h = "default" }) => {
-  const d = R(n), [N, x] = $("none"), [j, y] = $(!1);
+}, H = ({ className: s = "", colorByDirection: c = !1, decimals: l = 0, decimalSeparator: m = ".", duration: u = 600, groupSeparator: t = ",", prefix: r, size: i = "xl", stagger: o = 40, suffix: b, value: n, variant: h = "default" }) => {
+  const d = B(n), [N, x] = $("none"), [y, j] = $(!1);
   f(() => {
-    y(!0);
+    j(!0);
   }, []), f(() => {
     n !== d.current && (x(n > d.current ? "up" : "down"), d.current = n);
   }, [n]);
-  const p = F(n, s, i, c).split("");
-  return /* @__PURE__ */ w("span", {
-    className: [
-      "rolling-number",
-      `rolling-number--${t}`,
-      m ? `rolling-number--direction-${N}` : `rolling-number--${h}`,
-      j ? "rolling-number--animated" : "",
-      l
-    ].filter(Boolean).join(" "),
+  const g = S(n, l, t, m).split(""), D = [
+    "rolling-number",
+    `rolling-number--${i}`,
+    c ? `rolling-number--direction-${N}` : `rolling-number--${h}`,
+    y ? "rolling-number--animated" : "",
+    s
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ F("span", {
+    className: D,
     style: { "--_roll-duration": `${u}ms` },
-    title: p.join(""),
+    title: g.join(""),
     children: [
       r && /* @__PURE__ */ e("span", {
         className: "rolling-number__affix",
         children: r
       }),
-      p.map((a, D) => {
-        const M = a >= "0" && a <= "9", g = p.length - 1 - D;
-        return M ? /* @__PURE__ */ e("span", {
+      g.map((a, M) => {
+        const R = a >= "0" && a <= "9", p = g.length - 1 - M;
+        if (!R) return /* @__PURE__ */ e("span", {
+          className: "rolling-number__separator",
+          children: a
+        }, `sep-${p}`);
+        const w = {
+          "--_roll-delay": `${p * o}ms`,
+          "--_roll-digit": Number(a)
+        };
+        return /* @__PURE__ */ e("span", {
           className: "rolling-number__digit",
           children: /* @__PURE__ */ e("span", {
             className: "rolling-number__strip",
-            style: {
-              "--_roll-delay": `${g * o}ms`,
-              "--_roll-digit": Number(a)
-            },
-            children: B.map((_) => /* @__PURE__ */ e("span", {
+            style: w,
+            children: I.map((_) => /* @__PURE__ */ e("span", {
               className: "rolling-number__cell",
               children: _
             }, _))
           })
-        }, `digit-${g}`) : /* @__PURE__ */ e("span", {
-          className: "rolling-number__separator",
-          children: a
-        }, `sep-${g}`);
+        }, `digit-${p}`);
       }),
       b && /* @__PURE__ */ e("span", {
         className: "rolling-number__affix",
@@ -67,5 +69,5 @@ var B = [
   });
 };
 export {
-  G as RollingNumber
+  H as RollingNumber
 };

package/dist/components/Separator/Separator2.js

@@ -1,11 +1,11 @@
 import './Separator.css';
 /* empty css          */
 import "react";
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-var x = ({ orientation: e = "horizontal", style: l = "solid", thickness: p = 1, spacing: r = 16, label: s, labelAlign: i = "center", className: m = "" }) => {
-  const o = `separator separator--${e} separator--${l} ${m}`, t = {
+import { jsx as a, jsxs as $ } from "react/jsx-runtime";
+var _ = ({ orientation: s = "horizontal", style: l = "solid", thickness: p = 1, spacing: r = 16, label: t, labelAlign: i = "center", className: m = "" }) => {
+  const o = `separator separator--${s} separator--${l} ${m}`, e = {
     borderWidth: `${p}px`,
-    ...e === "horizontal" ? {
+    ...s === "horizontal" ? {
       marginTop: `${r}px`,
       marginBottom: `${r}px`
     } : {
@@ -13,27 +13,31 @@ var x = ({ orientation: e = "horizontal", style: l = "solid", thickness: p = 1,
       marginRight: `${r}px`
     }
   };
-  return s && e === "horizontal" ? /* @__PURE__ */ n("div", {
-    className: `${o} separator--with-label ${`separator--align-${i}`}`,
-    children: [
-      /* @__PURE__ */ a("div", {
-        className: "separator__line",
-        style: t
-      }),
-      /* @__PURE__ */ a("span", {
-        className: "separator__label",
-        children: s
-      }),
-      /* @__PURE__ */ a("div", {
-        className: "separator__line",
-        style: t
-      })
-    ]
-  }) : /* @__PURE__ */ a("div", {
+  if (t && s === "horizontal") {
+    const n = `separator--align-${i}`;
+    return /* @__PURE__ */ $("div", {
+      className: `${o} separator--with-label ${n}`,
+      children: [
+        /* @__PURE__ */ a("div", {
+          className: "separator__line",
+          style: e
+        }),
+        /* @__PURE__ */ a("span", {
+          className: "separator__label",
+          children: t
+        }),
+        /* @__PURE__ */ a("div", {
+          className: "separator__line",
+          style: e
+        })
+      ]
+    });
+  }
+  return /* @__PURE__ */ a("div", {
     className: o,
-    style: t
+    style: e
   });
 };
 export {
-  x as Separator
+  _ as Separator
 };

package/dist/components/Skeleton/Skeleton2.js

@@ -1,7 +1,7 @@
 import './Skeleton.css';
 /* empty css         */
 import "react";
-import { Fragment as b, jsx as o } from "react/jsx-runtime";
+import { Fragment as k, jsx as o } from "react/jsx-runtime";
 var y = ({ variant: a = "text", animation: n = "pulse", width: r, height: s, borderRadius: t, count: c = 1, className: p = "" }) => {
   const i = () => {
     const e = {};
@@ -18,7 +18,6 @@ var y = ({ variant: a = "text", animation: n = "pulse", width: r, height: s, bor
         break;
       case "rounded":
         e.height = "40px";
-        break;
     }
     if (t !== void 0) e.borderRadius = typeof t == "number" ? `${t}px` : t;
     else switch (a) {
@@ -33,17 +32,16 @@ var y = ({ variant: a = "text", animation: n = "pulse", width: r, height: s, bor
         break;
       case "rounded":
         e.borderRadius = "8px";
-        break;
     }
     return e;
-  }, k = `skeleton skeleton--${a} skeleton--${n} ${p}`, m = i(), l = Array.from({ length: c }, (e, u) => /* @__PURE__ */ o("div", {
-    className: k,
-    style: m
-  }, u));
+  }, m = `skeleton skeleton--${a} skeleton--${n} ${p}`, u = i(), l = Array.from({ length: c }, (e, x) => /* @__PURE__ */ o("div", {
+    className: m,
+    style: u
+  }, x));
   return c > 1 ? /* @__PURE__ */ o("div", {
     className: "skeleton-group",
     children: l
-  }) : /* @__PURE__ */ o(b, { children: l });
+  }) : /* @__PURE__ */ o(k, { children: l });
 };
 export {
   y as Skeleton