@memobit/libs 3.1.3 → 3.1.5

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/components/IconPicker/IconPicker2.js

@@ -1,51 +1,54 @@
 import './IconPicker.css';
-import { Icon as f } from "../Icon/Icon2.js";
-import { InputSearch as g } from "../InputSearch/InputSearch2.js";
+import { Icon as _ } from "../Icon/Icon2.js";
+import { Tooltip as g } from "../Tooltip/Tooltip2.js";
+import { InputSearch as k } from "../InputSearch/InputSearch2.js";
 /* empty css           */
-import { useMemo as a, useState as k } from "react";
-import { iconMap as v } from "@memobit/icons/map";
-import { jsx as c, jsxs as N } from "react/jsx-runtime";
-import { iconAliases as S } from "@memobit/icons";
-var b = Object.keys(v), w = ({ color: s, emptyLabel: p = "No icons match", icons: n, onChange: m, placeholder: h = "Search icons...", value: d }) => {
-  const [o, u] = k(""), t = a(() => n ?? b, [n]), i = a(() => {
-    const e = o.trim().toLowerCase();
-    if (!e) return t;
-    const _ = e.replace(/[\s-]+/g, ""), l = (r) => r.includes(e) || r.replace(/-/g, "").includes(_);
-    return t.filter((r) => l(r) || (S[r] ?? []).some(l));
-  }, [t, o]);
-  return /* @__PURE__ */ N("div", {
+import { useMemo as a, useState as v } from "react";
+import { iconMap as N } from "@memobit/icons/map";
+import { jsx as c, jsxs as S } from "react/jsx-runtime";
+import { iconAliases as b } from "@memobit/icons";
+var y = Object.keys(N), M = ({ color: s, emptyLabel: p = "No icons match", icons: n, onChange: m, placeholder: h = "Search icons...", value: d }) => {
+  const [i, u] = v(""), o = a(() => n ?? y, [n]), t = a(() => {
+    const e = i.trim().toLowerCase();
+    if (!e) return o;
+    const f = e.replace(/[\s-]+/g, ""), l = (r) => r.includes(e) || r.replace(/-/g, "").includes(f);
+    return o.filter((r) => l(r) || (b[r] ?? []).some(l));
+  }, [o, i]);
+  return /* @__PURE__ */ S("div", {
     className: "icon-picker",
     children: [
       /* @__PURE__ */ c("div", {
         className: "icon-picker__search",
-        children: /* @__PURE__ */ c(g, {
+        children: /* @__PURE__ */ c(k, {
           autoFocus: !0,
           onChange: u,
           placeholder: h,
-          value: o
+          value: i
         })
       }),
       /* @__PURE__ */ c("div", {
         className: "icon-picker__grid",
-        children: i.length === 0 ? /* @__PURE__ */ c("p", {
+        children: t.length === 0 ? /* @__PURE__ */ c("p", {
           className: "icon-picker__empty",
           children: p
-        }) : i.map((e) => /* @__PURE__ */ c("button", {
-          className: `icon-picker__icon${d === e ? " is-selected" : ""}`,
-          onClick: () => m?.(e),
-          style: s ? { color: s } : void 0,
+        }) : t.map((e) => /* @__PURE__ */ c(g, {
           title: e,
-          type: "button",
-          children: /* @__PURE__ */ c(f, { name: e })
+          children: /* @__PURE__ */ c("button", {
+            className: `icon-picker__icon${d === e ? " is-selected" : ""}`,
+            onClick: () => m?.(e),
+            style: s ? { color: s } : void 0,
+            type: "button",
+            children: /* @__PURE__ */ c(_, { name: e })
+          })
         }, e))
       }),
       /* @__PURE__ */ c("p", {
         className: "icon-picker__count",
-        children: i.length === t.length ? `${t.length} icons` : `${i.length} of ${t.length}`
+        children: t.length === o.length ? `${o.length} icons` : `${t.length} of ${o.length}`
       })
     ]
   });
 };
 export {
-  w as IconPicker
+  M as IconPicker
 };

package/dist/helpers/VersionInfo.js

@@ -23,7 +23,7 @@ var r = (i) => {
   const o = {
     ...i,
     lib: d,
-    libBuildNumber: 442,
+    libBuildNumber: 452,
     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/index.d.ts

@@ -541,6 +541,16 @@ export declare const ColorPicker: default_2.FC<ColorPickerProps>;
 export declare interface ColorPickerProps {
     value?: string;
     onChange?: (hex: string) => void;
+    /**
+     * Colours to offer for reuse, above the gradient. Pass the ones already in play —
+     * the palette a record set is actually using — so picking the same shade again is one
+     * click rather than a fresh trip through the gradient. Without it every visit to the
+     * picker mints a new near-miss: nine greys that differ by a digit, each its own entry
+     * in anything that later groups or filters by colour. Duplicates and anything that
+     * isn't a hex are dropped, and the list renders only when something survives.
+     */
+    swatches?: string[];
+    swatchesLabel?: string;
 }
 
 export declare interface ColProps {

package/dist/version.js

@@ -1,7 +1,7 @@
-var I = "3.1.3", B = 442, L = "26c4a4b", _ = "2026-10-02T08:54:18.262Z", a = "442";
+var I = "3.1.5", B = 452, L = "7f7e753", _ = "2026-10-02T12:17:26.091Z", r = "452";
 export {
   _ as LIB_BUILD_DATE,
-  a as LIB_BUILD_ID,
+  r 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.3",
-  "buildNumber": 442,
-  "commit": "26c4a4b",
-  "buildDate": "2026-10-02T08:54:18.262Z"
+  "version": "3.1.5",
+  "buildNumber": 452,
+  "commit": "7f7e753",
+  "buildDate": "2026-10-02T12:17:26.091Z"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memobit/libs",
-  "version": "3.1.3",
+  "version": "3.1.5",
   "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",