@memobit/libs 3.1.2 → 3.1.4

package/dist/components/DayAgenda/DayAgenda.css

@@ -1 +1 @@
-.day-agenda .drawer__content{flex-direction:column;min-height:0;display:flex}.day-agenda__weekday{justify-content:space-between;align-items:baseline;gap:var(--spacing-8);margin-bottom:var(--spacing-12);font-size:var(--font-size-sm);color:var(--body-color-muted);display:flex}.day-agenda__empty{font-size:var(--font-size-xs);color:var(--body-sub-title-color);opacity:.7}.day-agenda__all-day,.day-agenda__body{border:1px solid var(--card-border-color);background-color:var(--card-background-color)}.day-agenda__all-day{border-radius:var(--radius) var(--radius) 0 0;background-color:var(--card-background-accent-color);border-bottom:none;display:flex}.day-agenda__gutter-label,.day-agenda__gutter{flex:0 0 var(--spacing-48);width:var(--spacing-48);border-right:1px solid var(--card-border-color)}.day-agenda__gutter-label{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-xxs);color:var(--body-color-muted);justify-content:flex-end;align-items:center;display:flex}.day-agenda__all-day-cell{gap:var(--spacing-2);min-width:0;padding:var(--spacing-4);flex-direction:column;flex:auto;display:flex}.day-agenda__body{touch-action:pan-y;border-radius:var(--radius);flex:auto;min-height:0;display:flex;overflow-y:auto}.day-agenda__all-day+.day-agenda__body{border-radius:0 0 var(--radius) var(--radius)}.day-agenda__gutter{flex-direction:column;display:flex}.day-agenda__gutter-hour{padding-right:var(--spacing-6);font-size:var(--font-size-xxs);font-variant-numeric:tabular-nums;color:var(--body-color-muted);justify-content:flex-end;display:flex}.day-agenda__gutter-hour span{transform:translateY(-50%)}.day-agenda__gutter-hour:first-child span{transform:none}.day-agenda__gutter-hour--inactive{opacity:.5}.day-agenda__column{flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.day-agenda__slot{border-bottom:1px solid color-mix(in srgb, var(--card-border-color) 60%, transparent);transition:background-color var(--transition-fast)}.day-agenda__slot:last-of-type{border-bottom:none}.day-agenda__slot--inactive{background-color:color-mix(in srgb, var(--body-background) 60%, transparent)}.day-agenda__slot--clickable:hover{cursor:pointer;background-color:color-mix(in srgb, var(--body-accent-color) 10%, transparent)}.day-agenda .day-agenda__chip{align-items:center;gap:var(--spacing-6);padding:0 var(--spacing-6);flex-direction:row}.day-agenda .day-agenda__chip .event-calendar__chip-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.day-agenda .day-agenda__chip .event-calendar__chip-leading,.day-agenda .day-agenda__chip .event-calendar__chip-time{align-self:center}
+.day-agenda .drawer__content{flex-direction:column;min-height:0;display:flex}.day-agenda__weekday{justify-content:space-between;align-items:baseline;gap:var(--spacing-8);margin-bottom:var(--spacing-12);font-size:var(--font-size-sm);color:var(--body-color-muted);display:flex}.day-agenda__empty{font-size:var(--font-size-xs);color:var(--body-sub-title-color);opacity:.7}.day-agenda__all-day,.day-agenda__body{border:1px solid var(--card-border-color);background-color:var(--card-background-color)}.day-agenda__all-day{border-radius:var(--radius) var(--radius) 0 0;background-color:var(--card-background-accent-color);border-bottom:none;display:flex}.day-agenda__gutter-label,.day-agenda__gutter{flex:0 0 var(--spacing-48);width:var(--spacing-48);border-right:1px solid var(--card-border-color)}.day-agenda__gutter-label{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-xxs);color:var(--body-color-muted);justify-content:flex-end;align-items:center;display:flex}.day-agenda__all-day-cell{gap:var(--spacing-2);min-width:0;padding:var(--spacing-4);flex-direction:column;flex:auto;display:flex}.day-agenda__body{touch-action:pan-y;border-radius:var(--radius);flex:auto;min-height:0;display:flex;overflow-y:auto}.day-agenda__all-day+.day-agenda__body{border-radius:0 0 var(--radius) var(--radius)}.day-agenda__gutter{flex-direction:column;display:flex}.day-agenda__gutter-hour{padding-right:var(--spacing-6);font-size:var(--font-size-xxs);font-variant-numeric:tabular-nums;color:var(--body-color-muted);justify-content:flex-end;align-items:flex-start;display:flex}.day-agenda__gutter-hour span{transform:translateY(-50%)}.day-agenda__gutter-hour:first-child span{transform:none}.day-agenda__gutter-hour--inactive{opacity:.5}.day-agenda__column{flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.day-agenda__slot{border-bottom:1px solid color-mix(in srgb, var(--card-border-color) 60%, transparent);transition:background-color var(--transition-fast)}.day-agenda__slot:last-of-type{border-bottom:none}.day-agenda__slot--inactive{background-color:color-mix(in srgb, var(--body-background) 60%, transparent)}.day-agenda__slot--clickable:hover{cursor:pointer;background-color:color-mix(in srgb, var(--body-accent-color) 10%, transparent)}.day-agenda .day-agenda__chip{align-items:center;gap:var(--spacing-6);padding:0 var(--spacing-6);flex-direction:row}.day-agenda .day-agenda__chip .event-calendar__chip-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.day-agenda .day-agenda__chip .event-calendar__chip-leading,.day-agenda .day-agenda__chip .event-calendar__chip-time{align-self:center}

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/EventCalendar.css

@@ -1 +1 @@
-.event-calendar{gap:var(--spacing-12);width:100%;color:var(--body-color);--event-calendar-chip-color:var(--body-accent-color);flex-direction:column;display:flex}.event-calendar__header{align-items:center;gap:var(--spacing-12);flex-wrap:wrap;display:flex}.event-calendar__header .toggle-buttons{align-self:center;height:auto}.event-calendar__nav{align-items:center;gap:var(--spacing-4);display:flex}.event-calendar__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--body-title-color);flex:auto;margin:0}.event-calendar__header-extra{align-items:center;gap:var(--spacing-8);display:flex}.event-calendar__viewport{touch-action:pan-y}.event-calendar__month{border:1px solid var(--card-border-color);border-radius:var(--radius);background-color:var(--card-background-color);flex-direction:column;display:flex;overflow:hidden}.event-calendar__weekdays,.event-calendar__week{display:flex}.event-calendar__weekdays{background-color:var(--card-background-accent-color);border-bottom:1px solid var(--card-border-color)}.event-calendar__week-number{width:var(--spacing-32);border-right:1px solid var(--card-border-color);background-color:var(--card-background-accent-color);font-size:var(--font-size-xxs);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);color:var(--body-sub-title-color);opacity:.7;flex:none;justify-content:center;align-items:center;display:flex}.event-calendar__week-number--head{text-transform:uppercase;letter-spacing:.04em}.event-calendar__week--current .event-calendar__week-number{background-color:color-mix(in srgb, var(--body-accent-color) 22%, var(--card-background-accent-color));color:var(--body-color-accent);opacity:1}.event-calendar__weekday{min-width:0;padding:var(--spacing-8);text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--body-color-muted);flex:1 1 0}.event-calendar__weeks{flex-direction:column;display:flex}.event-calendar__week{border-bottom:1px solid var(--card-border-color);flex:auto}.event-calendar__week:last-child{border-bottom:none}.event-calendar__week--current{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--body-accent-color) 45%, transparent)}.event-calendar__day{gap:var(--spacing-4);min-width:0;min-height:var(--spacing-100);padding:var(--spacing-6);border-right:1px solid var(--card-border-color);transition:background-color var(--transition-fast);flex-direction:column;flex:1 1 0;display:flex}.event-calendar__day:last-child{border-right:none}.event-calendar__day--weekend{background-color:var(--card-background-accent-color)}.event-calendar__day--outside{background-color:color-mix(in srgb, var(--card-border-color) 22%, var(--card-background-color))}.event-calendar__day--outside .event-calendar__day-number{opacity:.5}.event-calendar__day--outside.event-calendar__day--weekend{background-color:color-mix(in srgb, var(--card-border-color) 30%, var(--card-background-accent-color))}.event-calendar__day--clickable:hover{cursor:pointer;background-color:color-mix(in srgb, var(--body-accent-color) 8%, transparent)}.event-calendar__day--drop-target{background-color:color-mix(in srgb, var(--body-accent-color) 18%, transparent);box-shadow:inset 0 0 0 2px var(--body-accent-color)}.event-calendar__day-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--body-color-muted);background:0 0;border:none;align-self:flex-start;padding:0}.event-calendar__day-number--button{min-width:var(--spacing-20);height:var(--spacing-20);border-radius:var(--radius-full);cursor:pointer}.event-calendar__day-number--button:hover{background-color:color-mix(in srgb, var(--body-accent-color) 20%, transparent);color:var(--body-color-accent)}.event-calendar__day--today .event-calendar__day-number{min-width:var(--spacing-20);height:var(--spacing-20);padding:0 var(--spacing-4);border-radius:var(--radius-full);background-color:var(--body-accent-color);color:var(--card-background-color);font-weight:var(--font-weight-bold);justify-content:center;align-self:flex-start;align-items:center;display:inline-flex}.event-calendar__day-events{gap:var(--spacing-2);flex-direction:column;min-width:0;display:flex}.event-calendar__more{padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-sm);color:var(--body-color-muted);font-size:var(--font-size-xxs);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;align-self:flex-start}.event-calendar__more:hover{color:var(--body-accent-color);background-color:color-mix(in srgb, var(--body-accent-color) 12%, transparent)}.event-calendar__empty{padding:var(--spacing-16);text-align:center;color:var(--body-color-muted);font-size:var(--font-size-sm);border-top:1px solid var(--card-border-color)}.event-calendar__week-view{border:1px solid var(--card-border-color);border-radius:var(--radius);background-color:var(--card-background-color);flex-direction:column;display:flex;overflow:hidden}.event-calendar__week-head{background-color:var(--card-background-accent-color);border-bottom:1px solid var(--card-border-color);display:flex}.event-calendar__gutter-spacer,.event-calendar__gutter-label,.event-calendar__gutter{flex:0 0 var(--spacing-60);width:var(--spacing-60);border-right:1px solid var(--card-border-color)}.event-calendar__gutter-label{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-xxs);color:var(--body-color-muted);justify-content:flex-end;align-items:center;display:flex}.event-calendar__week-day-head{align-items:center;gap:var(--spacing-2);min-width:0;padding:var(--spacing-8) var(--spacing-4);border-right:1px solid var(--card-border-color);flex-direction:column;flex:1 1 0;display:flex}.event-calendar__week-day-head:last-child{border-right:none}.event-calendar__week-day-head--weekend{background-color:color-mix(in srgb, var(--body-color-muted) 8%, transparent)}.event-calendar__week-day-name{font-size:var(--font-size-xxs);text-transform:uppercase;letter-spacing:.04em;color:var(--body-color-muted)}.event-calendar__week-day-number{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--body-color)}.event-calendar__week-day-head--today .event-calendar__week-day-number{min-width:var(--spacing-24);height:var(--spacing-24);border-radius:var(--radius-full);background-color:var(--body-accent-color);color:var(--card-background-color);justify-content:center;align-items:center;display:inline-flex}.event-calendar__all-day{border-bottom:1px solid var(--card-border-color);display:flex}.event-calendar__all-day-cell{gap:var(--spacing-2);min-width:0;padding:var(--spacing-4);border-right:1px solid var(--card-border-color);flex-direction:column;flex:1 1 0;display:flex}.event-calendar__all-day-cell:last-child{border-right:none}.event-calendar__all-day-cell--drop-target{background-color:color-mix(in srgb, var(--body-accent-color) 18%, transparent)}.event-calendar__week-body{max-height:var(--spacing-400);display:flex;overflow-y:auto}.event-calendar__gutter{flex-direction:column;display:flex}.event-calendar__gutter-hour{padding-right:var(--spacing-6);font-size:var(--font-size-xxs);color:var(--body-color-muted);justify-content:flex-end;display:flex}.event-calendar__gutter-hour span{transform:translateY(-50%)}.event-calendar__gutter-hour:first-child span{transform:none}.event-calendar__gutter-hour--inactive{opacity:.5}.event-calendar__week-column{border-right:1px solid var(--card-border-color);flex:1 1 0;min-width:0;position:relative}.event-calendar__week-column:last-child{border-right:none}.event-calendar__week-column--today{background-color:color-mix(in srgb, var(--body-accent-color) 6%, transparent)}.event-calendar__slot{border-bottom:1px solid color-mix(in srgb, var(--card-border-color) 60%, transparent);transition:background-color var(--transition-fast)}.event-calendar__slot--inactive{background-color:color-mix(in srgb, var(--body-background) 60%, transparent)}.event-calendar__slot--clickable:hover{cursor:pointer;background-color:color-mix(in srgb, var(--body-accent-color) 10%, transparent)}.event-calendar__slot--drop-target{background-color:color-mix(in srgb, var(--body-accent-color) 22%, transparent)}.event-calendar__chip{align-items:baseline;gap:var(--spacing-4);min-width:0;padding:var(--spacing-1) var(--spacing-6);border-radius:var(--radius-sm);border-left:3px solid var(--event-calendar-chip-color);background-color:color-mix(in srgb, var(--event-calendar-chip-color) 18%, var(--card-background-color));color:var(--body-color);font-size:var(--font-size-xs);transition:background-color var(--transition-fast), opacity var(--transition-fast);line-height:1.5;display:flex;overflow:hidden}.event-calendar__chip--positioned{flex-direction:column;align-items:flex-start;gap:0;position:absolute}.event-calendar__chip--clickable:hover{cursor:pointer;background-color:color-mix(in srgb, var(--event-calendar-chip-color) 30%, var(--card-background-color))}.event-calendar__chip--draggable{cursor:grab}.event-calendar__chip--dragging{opacity:.4}.event-calendar__chip--accent{--event-calendar-chip-color:var(--body-accent-color)}.event-calendar__chip--success{--event-calendar-chip-color:var(--button-success-background-color)}.event-calendar__chip--warning{--event-calendar-chip-color:var(--button-warning-background-color)}.event-calendar__chip--danger{--event-calendar-chip-color:var(--button-danger-background-color)}.event-calendar__chip--muted{--event-calendar-chip-color:var(--body-color-muted)}.event-calendar__chip--ghost{--event-calendar-chip-color:var(--body-color-muted);border:1px dashed var(--event-calendar-chip-color);color:var(--body-color-muted);background-color:#0000;border-left-style:solid;border-left-width:3px}.event-calendar__chip--done{--event-calendar-chip-color:var(--body-color-muted);opacity:.6}.event-calendar__chip--done .event-calendar__chip-title{text-decoration:line-through}.event-calendar__chip-leading{flex:none;align-self:center;align-items:center;line-height:1;display:inline-flex}.event-calendar__chip-leading .icon{width:var(--spacing-12);height:var(--spacing-12)}.event-calendar__chip-time{font-variant-numeric:tabular-nums;font-size:var(--font-size-xxs);color:var(--body-color-muted);flex:none}.event-calendar__chip-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}@media (width<=767px){.event-calendar__header{gap:var(--spacing-8)}.event-calendar__nav{flex:auto}.event-calendar__header .toggle-buttons{flex:none;margin-left:auto}.event-calendar__title{font-size:var(--font-size-md);flex:100%;order:-1}.event-calendar__header-extra{flex:100%;order:1}.event-calendar__week-number{width:var(--spacing-20)}.event-calendar__day{min-height:var(--spacing-64);padding:var(--spacing-4)}.event-calendar__weekday{padding:var(--spacing-4);font-size:var(--font-size-xxs)}.event-calendar__chip{padding:0 var(--spacing-4)}.event-calendar__chip-time{display:none}.event-calendar__month .event-calendar__chip:has(.event-calendar__chip-leading){padding:var(--spacing-2);justify-content:center;align-items:center;gap:0}.event-calendar__month .event-calendar__chip:has(.event-calendar__chip-leading) .event-calendar__chip-title{display:none}.event-calendar__gutter-spacer,.event-calendar__gutter-label,.event-calendar__gutter{flex-basis:var(--spacing-40);width:var(--spacing-40)}}
+.event-calendar{gap:var(--spacing-12);width:100%;color:var(--body-color);--event-calendar-chip-color:var(--body-accent-color);flex-direction:column;display:flex}.event-calendar__header{align-items:center;gap:var(--spacing-12);flex-wrap:wrap;display:flex}.event-calendar__header .toggle-buttons{align-self:center;height:auto}.event-calendar__nav{align-items:center;gap:var(--spacing-4);display:flex}.event-calendar__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--body-title-color);flex:auto;margin:0}.event-calendar__header-extra{align-items:center;gap:var(--spacing-8);display:flex}.event-calendar__viewport{touch-action:pan-y}.event-calendar__month{border:1px solid var(--card-border-color);border-radius:var(--radius);background-color:var(--card-background-color);flex-direction:column;display:flex;overflow:hidden}.event-calendar__weekdays,.event-calendar__week{display:flex}.event-calendar__weekdays{background-color:var(--card-background-accent-color);border-bottom:1px solid var(--card-border-color)}.event-calendar__week-number{width:var(--spacing-32);border-right:1px solid var(--card-border-color);background-color:var(--card-background-accent-color);font-size:var(--font-size-xxs);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);color:var(--body-sub-title-color);opacity:.7;flex:none;justify-content:center;align-items:center;display:flex}.event-calendar__week-number--head{text-transform:uppercase;letter-spacing:.04em}.event-calendar__week--current .event-calendar__week-number{background-color:color-mix(in srgb, var(--body-accent-color) 22%, var(--card-background-accent-color));color:var(--body-color-accent);opacity:1}.event-calendar__weekday{min-width:0;padding:var(--spacing-8);text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--body-color-muted);flex:1 1 0}.event-calendar__weeks{flex-direction:column;display:flex}.event-calendar__week{border-bottom:1px solid var(--card-border-color);flex:auto}.event-calendar__week:last-child{border-bottom:none}.event-calendar__week--current{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--body-accent-color) 45%, transparent)}.event-calendar__day{gap:var(--spacing-4);min-width:0;min-height:var(--spacing-100);padding:var(--spacing-6);border-right:1px solid var(--card-border-color);transition:background-color var(--transition-fast);flex-direction:column;flex:1 1 0;display:flex}.event-calendar__day:last-child{border-right:none}.event-calendar__day--weekend{background-color:var(--card-background-accent-color)}.event-calendar__day--outside{background-color:color-mix(in srgb, var(--card-border-color) 22%, var(--card-background-color))}.event-calendar__day--outside .event-calendar__day-number{opacity:.5}.event-calendar__day--outside.event-calendar__day--weekend{background-color:color-mix(in srgb, var(--card-border-color) 30%, var(--card-background-accent-color))}.event-calendar__day--clickable:hover{cursor:pointer;background-color:color-mix(in srgb, var(--body-accent-color) 8%, transparent)}.event-calendar__day--drop-target{background-color:color-mix(in srgb, var(--body-accent-color) 18%, transparent);box-shadow:inset 0 0 0 2px var(--body-accent-color)}.event-calendar__day-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--body-color-muted);background:0 0;border:none;align-self:flex-start;padding:0}.event-calendar__day-number--button{min-width:var(--spacing-20);height:var(--spacing-20);border-radius:var(--radius-full);cursor:pointer}.event-calendar__day-number--button:hover{background-color:color-mix(in srgb, var(--body-accent-color) 20%, transparent);color:var(--body-color-accent)}.event-calendar__day--today .event-calendar__day-number{min-width:var(--spacing-20);height:var(--spacing-20);padding:0 var(--spacing-4);border-radius:var(--radius-full);background-color:var(--body-accent-color);color:var(--card-background-color);font-weight:var(--font-weight-bold);justify-content:center;align-self:flex-start;align-items:center;display:inline-flex}.event-calendar__day-events{gap:var(--spacing-2);flex-direction:column;min-width:0;display:flex}.event-calendar__more{padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-sm);color:var(--body-color-muted);font-size:var(--font-size-xxs);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;align-self:flex-start}.event-calendar__more:hover{color:var(--body-accent-color);background-color:color-mix(in srgb, var(--body-accent-color) 12%, transparent)}.event-calendar__empty{padding:var(--spacing-16);text-align:center;color:var(--body-color-muted);font-size:var(--font-size-sm);border-top:1px solid var(--card-border-color)}.event-calendar__week-view{border:1px solid var(--card-border-color);border-radius:var(--radius);background-color:var(--card-background-color);flex-direction:column;display:flex;overflow:hidden}.event-calendar__week-head{background-color:var(--card-background-accent-color);border-bottom:1px solid var(--card-border-color);display:flex}.event-calendar__gutter-spacer,.event-calendar__gutter-label,.event-calendar__gutter{flex:0 0 var(--spacing-60);width:var(--spacing-60);border-right:1px solid var(--card-border-color)}.event-calendar__gutter-label{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-xxs);color:var(--body-color-muted);justify-content:flex-end;align-items:center;display:flex}.event-calendar__week-day-head{align-items:center;gap:var(--spacing-2);min-width:0;padding:var(--spacing-8) var(--spacing-4);border-right:1px solid var(--card-border-color);flex-direction:column;flex:1 1 0;display:flex}.event-calendar__week-day-head:last-child{border-right:none}.event-calendar__week-day-head--weekend{background-color:color-mix(in srgb, var(--body-color-muted) 8%, transparent)}.event-calendar__week-day-name{font-size:var(--font-size-xxs);text-transform:uppercase;letter-spacing:.04em;color:var(--body-color-muted)}.event-calendar__week-day-number{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--body-color)}.event-calendar__week-day-head--today .event-calendar__week-day-number{min-width:var(--spacing-24);height:var(--spacing-24);border-radius:var(--radius-full);background-color:var(--body-accent-color);color:var(--card-background-color);justify-content:center;align-items:center;display:inline-flex}.event-calendar__all-day{border-bottom:1px solid var(--card-border-color);display:flex}.event-calendar__all-day-cell{gap:var(--spacing-2);min-width:0;padding:var(--spacing-4);border-right:1px solid var(--card-border-color);flex-direction:column;flex:1 1 0;display:flex}.event-calendar__all-day-cell:last-child{border-right:none}.event-calendar__all-day-cell--drop-target{background-color:color-mix(in srgb, var(--body-accent-color) 18%, transparent)}.event-calendar__week-body{max-height:var(--spacing-400);display:flex;overflow-y:auto}.event-calendar__gutter{flex-direction:column;display:flex}.event-calendar__gutter-hour{padding-right:var(--spacing-6);font-size:var(--font-size-xxs);color:var(--body-color-muted);justify-content:flex-end;align-items:flex-start;display:flex}.event-calendar__gutter-hour span{transform:translateY(-50%)}.event-calendar__gutter-hour:first-child span{transform:none}.event-calendar__gutter-hour--inactive{opacity:.5}.event-calendar__week-column{border-right:1px solid var(--card-border-color);flex:1 1 0;min-width:0;position:relative}.event-calendar__week-column:last-child{border-right:none}.event-calendar__week-column--today{background-color:color-mix(in srgb, var(--body-accent-color) 6%, transparent)}.event-calendar__slot{border-bottom:1px solid color-mix(in srgb, var(--card-border-color) 60%, transparent);transition:background-color var(--transition-fast)}.event-calendar__slot--inactive{background-color:color-mix(in srgb, var(--body-background) 60%, transparent)}.event-calendar__slot--clickable:hover{cursor:pointer;background-color:color-mix(in srgb, var(--body-accent-color) 10%, transparent)}.event-calendar__slot--drop-target{background-color:color-mix(in srgb, var(--body-accent-color) 22%, transparent)}.event-calendar__chip{align-items:baseline;gap:var(--spacing-4);min-width:0;padding:var(--spacing-1) var(--spacing-6);border-radius:var(--radius-sm);border-left:3px solid var(--event-calendar-chip-color);background-color:color-mix(in srgb, var(--event-calendar-chip-color) 18%, var(--card-background-color));color:var(--body-color);font-size:var(--font-size-xs);transition:background-color var(--transition-fast), opacity var(--transition-fast);line-height:1.5;display:flex;overflow:hidden}.event-calendar__chip--positioned{flex-direction:column;align-items:flex-start;gap:0;position:absolute}.event-calendar__chip--clickable:hover{cursor:pointer;background-color:color-mix(in srgb, var(--event-calendar-chip-color) 30%, var(--card-background-color))}.event-calendar__chip--draggable{cursor:grab}.event-calendar__chip--dragging{opacity:.4}.event-calendar__chip--accent{--event-calendar-chip-color:var(--body-accent-color)}.event-calendar__chip--success{--event-calendar-chip-color:var(--button-success-background-color)}.event-calendar__chip--warning{--event-calendar-chip-color:var(--button-warning-background-color)}.event-calendar__chip--danger{--event-calendar-chip-color:var(--button-danger-background-color)}.event-calendar__chip--muted{--event-calendar-chip-color:var(--body-color-muted)}.event-calendar__chip--ghost{--event-calendar-chip-color:var(--body-color-muted);border:1px dashed var(--event-calendar-chip-color);color:var(--body-color-muted);background-color:#0000;border-left-style:solid;border-left-width:3px}.event-calendar__chip--done{--event-calendar-chip-color:var(--body-color-muted);opacity:.6}.event-calendar__chip--done .event-calendar__chip-title{text-decoration:line-through}.event-calendar__chip-leading{flex:none;align-self:center;align-items:center;line-height:1;display:inline-flex}.event-calendar__chip-leading .icon{width:var(--spacing-12);height:var(--spacing-12)}.event-calendar__chip-time{font-variant-numeric:tabular-nums;font-size:var(--font-size-xxs);color:var(--body-color-muted);flex:none}.event-calendar__chip-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}@media (width<=767px){.event-calendar__header{gap:var(--spacing-8)}.event-calendar__nav{flex:auto}.event-calendar__header .toggle-buttons{flex:none;margin-left:auto}.event-calendar__title{font-size:var(--font-size-md);flex:100%;order:-1}.event-calendar__header-extra{flex:100%;order:1}.event-calendar__week-number{width:var(--spacing-20)}.event-calendar__day{min-height:var(--spacing-64);padding:var(--spacing-4)}.event-calendar__weekday{padding:var(--spacing-4);font-size:var(--font-size-xxs)}.event-calendar__chip{padding:0 var(--spacing-4)}.event-calendar__chip-time{display:none}:is(.event-calendar__month .event-calendar__chip:has(.event-calendar__chip-leading),.event-calendar__week-view .event-calendar__chip:has(.event-calendar__chip-leading)){padding:var(--spacing-2);justify-content:center;align-items:center;gap:0}:is(.event-calendar__month .event-calendar__chip:has(.event-calendar__chip-leading) .event-calendar__chip-title,.event-calendar__week-view .event-calendar__chip:has(.event-calendar__chip-leading) .event-calendar__chip-title){display:none}.event-calendar__gutter-spacer,.event-calendar__gutter-label,.event-calendar__gutter{flex-basis:var(--spacing-40);width:var(--spacing-40)}}

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: 439,
+    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,7 +1,7 @@
-var I = "3.1.2", B = 439, L = "1cdcc0c", _ = "2026-10-02T05:56:33.724Z", r = "439";
+var I = "3.1.4", B = 445, L = "64ab8ec", _ = "2026-10-02T09:11:25.286Z", a = "445";
 export {
   _ as LIB_BUILD_DATE,
-  r as LIB_BUILD_ID,
+  a as LIB_BUILD_ID,
   B as LIB_BUILD_NUMBER,
   L as LIB_COMMIT,
   I as LIB_VERSION

package/dist/version.json

@@ -1,6 +1,6 @@
 {
-  "version": "3.1.2",
-  "buildNumber": 439,
-  "commit": "1cdcc0c",
-  "buildDate": "2026-10-02T05:56:33.724Z"
+  "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.2",
+  "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",