@memobit/libs 3.1.3 → 3.1.4

package/dist/components/Drawer/Drawer2.js

@@ -1,63 +1,74 @@
 import './Drawer.css';
-import { Icon as A } from "../Icon/Icon2.js";
-import { useBodyScrollLock as T } from "../../hooks/useBodyScrollLock.js";
-import { Button as i } from "../Button/Button2.js";
-import { Tooltip as w } from "../Tooltip/Tooltip2.js";
+import { Icon as T } from "../Icon/Icon2.js";
+import { useBodyScrollLock as Z } from "../../hooks/useBodyScrollLock.js";
+import { Button as l } from "../Button/Button2.js";
+import { Tooltip as v } from "../Tooltip/Tooltip2.js";
 /* empty css       */
-import Z, { useEffect as k, useState as V } from "react";
-import { Fragment as W, jsx as r, jsxs as l } from "react/jsx-runtime";
-var X = 1e3, x = 0, Q = ({ isOpen: d, onClose: n, position: b = "left", width: N = "320px", maxWidth: C = "none", margin: I = 0, borderRadius: g = 0, shadow: E = "none", children: p, title: s, icon: c, className: z = "", showOverlay: S = !0, lockScroll: j = !0, hideClose: F = !1, actions: _ = [], onBack: v, backLabel: $ = "Back", primary: t, secondary: a, footer: m }) => {
-  T(d && j);
-  const [B, D] = V(0);
-  if (k(() => {
-    d && (x += 1, D(x));
-  }, [d]), k(() => {
-    const e = (o) => {
-      o.key === "Escape" && d && n();
+import V, { useEffect as b, useState as W } from "react";
+import { Fragment as X, jsx as r, jsxs as i } from "react/jsx-runtime";
+var q = 1e3, N = 0, o = [], U = ({ isOpen: n, onClose: s, position: p = "left", width: g = "320px", maxWidth: C = "none", margin: I = 0, borderRadius: E = 0, shadow: z = "none", children: S, title: c, icon: m, className: j = "", showOverlay: D = !0, lockScroll: F = !0, hideClose: $ = !1, actions: _ = [], onBack: f, backLabel: B = "Back", primary: t, secondary: a, footer: h }) => {
+  Z(n && F);
+  const [w, L] = W(0);
+  if (b(() => {
+    if (!n) return;
+    N += 1;
+    const e = N;
+    return L(e), o.push(e), () => {
+      const d = o.indexOf(e);
+      d !== -1 && o.splice(d, 1);
+    };
+  }, [n]), b(() => {
+    if (!n) return;
+    const e = (d) => {
+      d.key !== "Escape" || o[o.length - 1] !== w || s();
     };
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [d, n]), !d) return null;
-  const h = (e) => typeof e == "number" ? `${e}px` : e, f = X + B * 2, L = {
-    "--drawer-width": N,
-    "--drawer-max-width": h(C),
-    "--drawer-margin": h(I),
-    "--drawer-border-radius": h(g),
-    "--drawer-shadow": E,
-    zIndex: f + 1
-  }, R = m || t || a;
-  return /* @__PURE__ */ l(W, { children: [S && /* @__PURE__ */ r("div", {
+  }, [
+    n,
+    s,
+    w
+  ]), !n) return null;
+  const u = (e) => typeof e == "number" ? `${e}px` : e, k = q + w * 2, R = {
+    "--drawer-width": g,
+    "--drawer-max-width": u(C),
+    "--drawer-margin": u(I),
+    "--drawer-border-radius": u(E),
+    "--drawer-shadow": z,
+    zIndex: k + 1
+  }, A = h || t || a;
+  return /* @__PURE__ */ i(X, { children: [D && /* @__PURE__ */ r("div", {
     className: "drawer-overlay",
-    onClick: n,
-    style: { zIndex: f }
-  }), /* @__PURE__ */ l("div", {
-    className: `drawer drawer--${b} ${z}`,
-    style: L,
+    onClick: s,
+    style: { zIndex: k }
+  }), /* @__PURE__ */ i("div", {
+    className: `drawer drawer--${p} ${j}`,
+    style: R,
     children: [
-      /* @__PURE__ */ l("div", {
+      /* @__PURE__ */ i("div", {
         className: "drawer__header",
         children: [
-          v && /* @__PURE__ */ r(w, {
-            title: $,
+          f && /* @__PURE__ */ r(v, {
+            title: B,
             position: "bottom",
-            children: /* @__PURE__ */ r(i, {
+            children: /* @__PURE__ */ r(l, {
               className: "drawer__back",
-              onClick: v,
+              onClick: f,
               size: "small",
               variant: "ghost",
               icon: "arrow-left"
             })
           }),
-          (s || c) && /* @__PURE__ */ l("h2", {
+          (c || m) && /* @__PURE__ */ i("h2", {
             className: "drawer__title",
-            children: [c && /* @__PURE__ */ r(A, { name: c }), s && /* @__PURE__ */ r("span", {
+            children: [m && /* @__PURE__ */ r(T, { name: m }), c && /* @__PURE__ */ r("span", {
               className: "drawer__title-text",
-              children: s
+              children: c
             })]
           }),
           _.length > 0 && /* @__PURE__ */ r("div", {
             className: "drawer__header-actions",
             children: _.map((e) => {
-              const o = /* @__PURE__ */ r(i, {
+              const d = /* @__PURE__ */ r(l, {
                 disabled: e.disabled,
                 onClick: e.onClick,
                 icon: e.icon,
@@ -65,20 +76,20 @@ var X = 1e3, x = 0, Q = ({ isOpen: d, onClose: n, position: b = "left", width: N
                 size: e.size ?? "small",
                 variant: e.variant ?? "ghost",
                 children: e.label
-              }), u = e.title ?? e.label;
-              return u ? /* @__PURE__ */ r(w, {
-                title: u,
+              }), x = e.title ?? e.label;
+              return x ? /* @__PURE__ */ r(v, {
+                title: x,
                 position: "bottom",
-                children: o
-              }, e.id) : /* @__PURE__ */ r(Z.Fragment, { children: o }, e.id);
+                children: d
+              }, e.id) : /* @__PURE__ */ r(V.Fragment, { children: d }, e.id);
             })
           }),
-          !F && /* @__PURE__ */ r(w, {
+          !$ && /* @__PURE__ */ r(v, {
             title: "Close drawer",
-            children: /* @__PURE__ */ r(i, {
+            children: /* @__PURE__ */ r(l, {
               className: "drawer__close",
               icon: "clear",
-              onClick: n,
+              onClick: s,
               size: "medium",
               variant: "ghost"
             })
@@ -87,22 +98,22 @@ var X = 1e3, x = 0, Q = ({ isOpen: d, onClose: n, position: b = "left", width: N
       }),
       /* @__PURE__ */ r("div", {
         className: "drawer__content",
-        children: p
+        children: S
       }),
-      R && /* @__PURE__ */ l("div", {
+      A && /* @__PURE__ */ i("div", {
         className: "drawer__footer",
-        children: [m && /* @__PURE__ */ r("div", {
+        children: [h && /* @__PURE__ */ r("div", {
           className: "drawer__footer-content",
-          children: m
-        }), (t || a) && /* @__PURE__ */ l("div", {
+          children: h
+        }), (t || a) && /* @__PURE__ */ i("div", {
           className: "drawer__footer-actions",
-          children: [a && /* @__PURE__ */ r(i, {
+          children: [a && /* @__PURE__ */ r(l, {
             variant: a.variant || "default",
             icon: a.icon,
             disabled: a.disabled,
             onClick: a.onClick,
             children: a.text
-          }), t && /* @__PURE__ */ r(i, {
+          }), t && /* @__PURE__ */ r(l, {
             variant: t.variant || "info",
             icon: t.icon,
             disabled: t.disabled,
@@ -115,5 +126,5 @@ var X = 1e3, x = 0, Q = ({ isOpen: d, onClose: n, position: b = "left", width: N
   })] });
 };
 export {
-  Q as Drawer
+  U as Drawer
 };

package/dist/components/EventCalendar/EventCalendar2.js

@@ -4,8 +4,8 @@ import { addDays as Z, addMonths as H } from "../../helpers/Datetime.js";
 import { useSwipe as ee } from "../../hooks/useSwipe.js";
 import { buildDroppedStart as te, getWeekDays as ae, startOfDay as T } from "./EventCalendar.helpers.js";
 import { DayAgenda as ne } from "../DayAgenda/DayAgenda2.js";
-import { ToggleButtons as le } from "../ToggleButtons/ToggleButtons2.js";
-import { EventCalendarMonth as re } from "./EventCalendar.Month.js";
+import { ToggleButtons as re } from "../ToggleButtons/ToggleButtons2.js";
+import { EventCalendarMonth as le } from "./EventCalendar.Month.js";
 import { EventCalendarWeek as oe } from "./EventCalendar.Week.js";
 /* empty css              */
 import { useCallback as s, useMemo as ie, useState as f } from "react";
@@ -18,61 +18,61 @@ var se = [{
   key: "week",
   label: "Week",
   icon: "calendar-week"
-}], ce = (l) => l.toLocaleDateString(void 0, {
+}], ce = (r) => r.toLocaleDateString(void 0, {
   month: "long",
   year: "numeric"
-}), g = (l) => l.toLocaleDateString(void 0, { month: "short" }), de = (l, v) => {
-  const r = ae(l, v), t = r[0], a = r[r.length - 1];
-  return t.getFullYear() !== a.getFullYear() ? `${t.getDate()} ${g(t)} ${t.getFullYear()} – ${a.getDate()} ${g(a)} ${a.getFullYear()}` : t.getMonth() !== a.getMonth() ? `${t.getDate()} ${g(t)} – ${a.getDate()} ${g(a)} ${a.getFullYear()}` : `${t.getDate()} – ${a.getDate()} ${g(a)} ${a.getFullYear()}`;
+}), d = (r) => r.toLocaleDateString(void 0, { month: "short" }), de = (r, D) => {
+  const l = ae(r, D), t = l[0], a = l[l.length - 1];
+  return t.getFullYear() !== a.getFullYear() ? `${t.getDate()} ${d(t)} ${t.getFullYear()} – ${a.getDate()} ${d(a)} ${a.getFullYear()}` : t.getMonth() !== a.getMonth() ? `${t.getDate()} ${d(t)} – ${a.getDate()} ${d(a)} ${a.getFullYear()}` : `${t.getDate()} – ${a.getDate()} ${d(a)} ${a.getFullYear()}`;
 };
-function Se({ activeHours: l, className: v, date: r, dayAgenda: t = !1, dayEndHour: a = 24, dayStartHour: y = 0, defaultDurationMinutes: C = 30, emptyLabel: Y, events: b, firstDayOfWeek: D = 0, headerExtra: z, hourHeight: V = 44, maxEventsPerDay: W = 3, onDateChange: $, onDayClick: _, onEventClick: c, onEventDrop: h, onViewChange: w, renderEvent: B, showHeader: x = !0, showWeekNumbers: L = !1, swipeNavigation: P = !0, view: u }) {
-  const [A, E] = f(() => T(r ?? /* @__PURE__ */ new Date())), [O, R] = f(u ?? "month"), [d, S] = f(null), [I, m] = f(null), o = r ?? A, i = u ?? O, q = !!h, M = s((e) => {
-    $ && $(e), r || E(e);
-  }, [r, $]), G = s((e) => {
-    w && w(e), u || R(e);
-  }, [w, u]), p = s((e) => {
+function Se({ activeHours: r, className: D, date: l, dayAgenda: t = !1, dayEndHour: a = 24, dayStartHour: y = 0, defaultDurationMinutes: C = 30, emptyLabel: Y, events: b, firstDayOfWeek: v = 0, headerExtra: z, hourHeight: V = 44, maxEventsPerDay: W = 3, onDateChange: $, onDayClick: _, onEventClick: m, onEventDrop: g, onViewChange: w, renderEvent: B, showHeader: x = !0, showWeekNumbers: L = !1, swipeNavigation: P = !0, view: h }) {
+  const [A, E] = f(() => T(l ?? /* @__PURE__ */ new Date())), [O, R] = f(h ?? "month"), [c, S] = f(null), [I, u] = f(null), o = l ?? A, i = h ?? O, q = !!g, M = s((e) => {
+    $ && $(e), l || E(e);
+  }, [l, $]), G = s((e) => {
+    w && w(e), h || R(e);
+  }, [w, h]), p = s((e) => {
     M(i === "month" ? H(o, e) : Z(o, e * 7));
   }, [
     o,
     i,
     M
   ]), J = s((e, X) => {
-    !d || !h || (h(d, te(d, e, X)), S(null));
-  }, [d, h]), k = s((e) => m(T(e)), []), K = s((e) => {
+    !c || !g || (g(c, te(c, e, X)), S(null));
+  }, [c, g]), k = s((e) => u(T(e)), []), K = s((e) => {
     if (t) {
       k(e.start);
       return;
     }
-    c?.(e);
+    m?.(e);
   }, [
     t,
-    c,
+    m,
     k
   ]), Q = ee({
     enabled: P,
     onSwipeLeft: () => p(1),
     onSwipeRight: () => p(-1)
-  }), U = ie(() => i === "month" ? ce(o) : de(o, D), [
+  }), U = ie(() => i === "month" ? ce(o) : de(o, v), [
     o,
     i,
-    D
+    v
   ]), j = {
-    activeHours: l,
+    activeHours: r,
     date: o,
     dragEnabled: q,
-    draggingId: d?.id ?? null,
+    draggingId: c?.id ?? null,
     events: b,
-    firstDayOfWeek: D,
+    firstDayOfWeek: v,
     onDayClick: _,
     onDragEnd: () => S(null),
     onDragStart: (e) => S(e),
     onDrop: J,
-    onEventClick: t || c ? K : void 0,
+    onEventClick: t || m ? K : void 0,
     renderEvent: B,
     showWeekNumbers: L
   };
   return /* @__PURE__ */ F("div", {
-    className: ["event-calendar", v ?? ""].filter(Boolean).join(" "),
+    className: ["event-calendar", D ?? ""].filter(Boolean).join(" "),
     children: [
       x && /* @__PURE__ */ F("div", {
         className: "event-calendar__header",
@@ -109,7 +109,7 @@ function Se({ activeHours: l, className: v, date: r, dayAgenda: t = !1, dayEndHo
             className: "event-calendar__header-extra",
             children: z
           }),
-          /* @__PURE__ */ n(le, {
+          /* @__PURE__ */ n(re, {
             onToggleChange: (e) => G(e),
             size: "small",
             state: i,
@@ -120,7 +120,7 @@ function Se({ activeHours: l, className: v, date: r, dayAgenda: t = !1, dayEndHo
       /* @__PURE__ */ n("div", {
         className: "event-calendar__viewport",
         ...Q,
-        children: i === "month" ? /* @__PURE__ */ n(re, {
+        children: i === "month" ? /* @__PURE__ */ n(le, {
           ...j,
           emptyLabel: Y,
           maxEventsPerDay: W,
@@ -134,19 +134,17 @@ function Se({ activeHours: l, className: v, date: r, dayAgenda: t = !1, dayEndHo
         })
       }),
       I && /* @__PURE__ */ n(ne, {
-        activeHours: l,
+        activeHours: r,
         date: I,
-        onDateChange: m,
+        onDateChange: u,
         emptyLabel: Y,
         events: b,
         isOpen: !0,
         onAdd: _ ? (e) => {
-          m(null), _(e);
-        } : void 0,
-        onClose: () => m(null),
-        onEventClick: c ? (e) => {
-          m(null), c(e);
+          u(null), _(e);
         } : void 0,
+        onClose: () => u(null),
+        onEventClick: m,
         renderEvent: B
       })
     ]

package/dist/helpers/VersionInfo.js

@@ -23,7 +23,7 @@ var r = (i) => {
   const o = {
     ...i,
     lib: d,
-    libBuildNumber: 442,
+    libBuildNumber: 445,
     libCommit: n,
     libBuildDate: t
   };

package/dist/hooks/useBodyScrollLock.js

@@ -1,31 +1,27 @@
-import { useEffect as u, useRef as i } from "react";
-var b = (e) => {
-  const o = i(null);
-  u(() => {
-    const d = () => {
-      if (!o.current) return;
-      const { overflow: t, position: l, top: n, left: y, right: r, width: s, scrollY: c } = o.current;
-      document.body.style.overflow = t, document.body.style.position = l, document.body.style.top = n, document.body.style.left = y, document.body.style.right = r, document.body.style.width = s, window.scrollTo(0, c), o.current = null;
-    };
-    if (e) {
-      if (!o.current) {
-        const t = window.scrollY;
-        o.current = {
+import { useEffect as c } from "react";
+var t = 0, e = null, m = (d) => {
+  c(() => {
+    if (d) {
+      if (t += 1, t === 1) {
+        const o = window.scrollY;
+        e = {
           overflow: document.body.style.overflow,
           position: document.body.style.position,
           top: document.body.style.top,
           left: document.body.style.left,
           right: document.body.style.right,
           width: document.body.style.width,
-          scrollY: t
-        }, document.body.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.top = `-${t}px`, document.body.style.left = "0", document.body.style.right = "0", document.body.style.width = "100%";
+          scrollY: o
+        }, document.body.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.top = `-${o}px`, document.body.style.left = "0", document.body.style.right = "0", document.body.style.width = "100%";
       }
-    } else d();
-    return () => {
-      d();
-    };
-  }, [e]);
+      return () => {
+        if (t -= 1, t > 0 || !e) return;
+        const { left: o, overflow: l, position: y, right: n, scrollY: s, top: i, width: r } = e;
+        document.body.style.overflow = l, document.body.style.position = y, document.body.style.top = i, document.body.style.left = o, document.body.style.right = n, document.body.style.width = r, window.scrollTo(0, s), e = null;
+      };
+    }
+  }, [d]);
 };
 export {
-  b as useBodyScrollLock
+  m as useBodyScrollLock
 };

package/dist/version.js

@@ -1,4 +1,4 @@
-var I = "3.1.3", B = 442, L = "26c4a4b", _ = "2026-10-02T08:54:18.262Z", a = "442";
+var I = "3.1.4", B = 445, L = "64ab8ec", _ = "2026-10-02T09:11:25.286Z", a = "445";
 export {
   _ as LIB_BUILD_DATE,
   a as LIB_BUILD_ID,

package/dist/version.json

@@ -1,6 +1,6 @@
 {
-  "version": "3.1.3",
-  "buildNumber": 442,
-  "commit": "26c4a4b",
-  "buildDate": "2026-10-02T08:54:18.262Z"
+  "version": "3.1.4",
+  "buildNumber": 445,
+  "commit": "64ab8ec",
+  "buildDate": "2026-10-02T09:11:25.286Z"
 }

package/package.json

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