@memobit/libs 3.12.0 → 3.12.2

package/dist/components/ErrorBoundary/ErrorBoundary2.js

@@ -2,8 +2,8 @@ import './ErrorBoundary.css';
 import { EmptyState as s } from "../EmptyState/EmptyState2.js";
 /* empty css              */
 import { Component as a } from "react";
+import { logger as c } from "@memobit/core";
 import { jsx as o } from "react/jsx-runtime";
-import { reportError as c } from "@memobit/core";
 var h = class extends a {
   constructor(...r) {
     super(...r), this.state = { error: null }, this.reset = () => {
@@ -14,7 +14,7 @@ var h = class extends a {
     return { error: r };
   }
   componentDidCatch(r, t) {
-    c(r, { componentStack: t.componentStack ?? void 0 }), console.error("ErrorBoundary caught:", r, t.componentStack), this.props.onError?.(r, t);
+    c.error("ErrorBoundary caught an error", r, { componentStack: t.componentStack ?? void 0 }), this.props.onError?.(r, t);
   }
   render() {
     const { error: r } = this.state, { children: t, title: n, resetLabel: i, fallback: e } = this.props;

package/dist/components/Icon/Icon2.js

@@ -1,43 +1,44 @@
 import './Icon.css';
 /* empty css     */
 import { useEffect as g, useState as I } from "react";
-import { canLoadMoreIcons as n, getIcon as y, loadIcon as N } from "@memobit/icons/map";
-import { jsx as $ } from "react/jsx-runtime";
-var c = /* @__PURE__ */ new Set(), a = (o) => {
-  c.has(o) || (c.add(o), console.warn(n ? `[@memobit/libs] No icon named "${o}".` : `[@memobit/libs] No icon named "${o}". If this app trims icons with @memobit/icons/vite, add it to the plugin's \`include\` option or use \`lazy\` — a name that only exists at runtime cannot be found by the source scan.`));
-}, S = ({ className: o = "", fade: l, fadeOnHover: d, name: e, pulse: u, pulseOnHover: f, size: r, spin: p, spinOnHover: h, variant: t }) => {
-  const m = [
+import { logger as y } from "@memobit/core";
+import { canLoadMoreIcons as n, getIcon as N, loadIcon as w } from "@memobit/icons/map";
+import { jsx as x } from "react/jsx-runtime";
+var c = /* @__PURE__ */ new Set(), a = (e) => {
+  c.has(e) || (c.add(e), y.warn(n ? "[@memobit/libs] No icon named <name>." : "[@memobit/libs] No icon named <name>. If this app trims icons with @memobit/icons/vite, add it to the plugin's `include` option or use `lazy` — a name that only exists at runtime cannot be found by the source scan.", { name: e }));
+}, C = ({ className: e = "", fade: l, fadeOnHover: d, name: o, pulse: u, pulseOnHover: f, size: r, spin: p, spinOnHover: m, variant: t }) => {
+  const h = [
     "icon",
     r ? `icon--${r}` : "",
     t && t !== "default" ? `icon--${t}` : "",
     p ? "icon--spin" : "",
     l ? "icon--fade" : "",
     u ? "icon--pulse" : "",
-    h ? "icon--spin-hover" : "",
+    m ? "icon--spin-hover" : "",
     d ? "icon--fade-hover" : "",
     f ? "icon--pulse-hover" : "",
-    o
-  ].filter(Boolean).join(" "), [, v] = I(null), i = y(e);
+    e
+  ].filter(Boolean).join(" "), [, v] = I(null), i = N(o);
   return g(() => {
     if (i !== void 0 || !n) return;
     let s = !0;
-    return N(e).then((b) => {
+    return w(o).then((b) => {
       if (s) {
         if (b === void 0) {
-          a(e);
+          a(o);
           return;
         }
-        v(e);
+        v(o);
       }
     }, () => {
     }), () => {
       s = !1;
     };
-  }, [i, e]), i === void 0 && !n && a(e), /* @__PURE__ */ $("span", {
-    className: m,
+  }, [i, o]), i === void 0 && !n && a(o), /* @__PURE__ */ x("span", {
+    className: h,
     children: i
   });
 };
 export {
-  S as Icon
+  C as Icon
 };

package/dist/components/QuickOptionUpdate/QuickOptionUpdate2.js

@@ -3,8 +3,8 @@ import { Modal as x } from "../Modal/Modal2.js";
 import { Radio as C } from "../Radio/Radio2.js";
 /* empty css                  */
 import { useEffect as S, useState as n } from "react";
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import { logger as q } from "@memobit/core";
+import { logger as b } from "@memobit/core";
+import { jsx as a, jsxs as q } from "react/jsx-runtime";
 var U = ({ isOpen: m = !1, list: c, title: f, onClose: t, onSave: u, icon: v, value: i }) => {
   const [r, l] = n(i), [s, d] = n(!1), [p, o] = n("");
   S(() => {
@@ -24,11 +24,11 @@ var U = ({ isOpen: m = !1, list: c, title: f, onClose: t, onSave: u, icon: v, va
       d(!1);
     }
   }, h = (e) => {
-    typeof e == "string" || typeof e == "number" ? l(e) : q.error("QuickOptionUpdate received an unsupported value type", void 0, { type: typeof e });
+    typeof e == "string" || typeof e == "number" ? l(e) : b.error("QuickOptionUpdate received an unsupported value type", void 0, { type: typeof e });
   };
   return /* @__PURE__ */ a("div", {
     className: "quick-set",
-    children: /* @__PURE__ */ b(x, {
+    children: /* @__PURE__ */ q(x, {
       isOpen: m,
       titleIcon: v,
       title: f,

package/dist/contexts/AuthContext/AuthContext.js

@@ -1,8 +1,8 @@
 import { HttpMethod as o, buildRequestHeaders as A } from "../../helpers/Http.js";
 import { AuthContext as U } from "./AuthContext.context.js";
 import { useCallback as i, useEffect as j, useState as c } from "react";
-import { jsx as B } from "react/jsx-runtime";
 import { logger as h } from "@memobit/core";
+import { jsx as B } from "react/jsx-runtime";
 function C({ children: f, config: a }) {
   const [d, u] = c(null), [p, s] = c(!0);
   j(() => {

package/dist/helpers/Http.js

@@ -1,5 +1,5 @@
-import { logger as p } from "@memobit/core";
-var c = {
+import { logger as c } from "@memobit/core";
+var u = {
   Continue: 100,
   SwitchingProtocols: 101,
   Ok: 200,
@@ -39,21 +39,21 @@ var c = {
   Put: "PUT",
   Patch: "PATCH",
   Delete: "DELETE"
-}, A = (e) => e >= 200 && e < 300, R = (e) => e >= 400 && e < 500, U = (e) => e >= 500 && e < 600, y = "csrf_token", S = "X-CSRF-Token", T = () => {
-  const e = document.cookie.match(new RegExp(`(?:^|;\\s*)${y}=([^;]+)`));
+}, U = (e) => e >= 200 && e < 300, N = (e) => e >= 400 && e < 500, b = (e) => e >= 500 && e < 600, S = "csrf_token", y = "X-CSRF-Token", T = () => {
+  const e = document.cookie.match(new RegExp(`(?:^|;\\s*)${S}=([^;]+)`));
   return e ? decodeURIComponent(e[1]) : null;
 }, m = (e, t = !0) => {
   const n = t ? { "Content-Type": "application/json" } : {};
   if (e !== s.Get) {
-    const u = T();
-    u && (n[S] = u);
+    const d = T();
+    d && (n[y] = d);
   }
   return n;
-}, v = class extends Error {
+}, w = class extends Error {
   constructor(e, t) {
     super(e), this.name = "ApiError", this.status = t;
   }
-}, P = async (e) => {
+}, g = async (e) => {
   try {
     const t = await e.json();
     if (t && typeof t == "object") {
@@ -63,68 +63,77 @@ var c = {
   } catch {
   }
   return `Request failed (${e.status}${e.statusText ? ` ${e.statusText}` : ""})`;
-}, w = (e) => e instanceof DOMException && e.name === "AbortError", b = (e, t, n) => {
-  t instanceof v || w(t) || p.error(e, t, n);
-}, g = /* @__PURE__ */ new Set([
-  c.BadGateway,
-  c.ServiceUnavailable,
-  c.GatewayTimeout
-]), G = ({ baseUrl: e, loginPath: t = "/login" }) => {
+}, v = (e) => e instanceof DOMException && e.name === "AbortError", A = /^(Failed to fetch|NetworkError when attempting to fetch resource\.?|Load failed)$/, P = (e) => e instanceof TypeError && A.test(e.message), G = (e, t, n) => {
+  if (!(t instanceof w || v(t))) {
+    if (P(t)) {
+      c.warn(e, {
+        ...n,
+        error: String(t)
+      });
+      return;
+    }
+    c.error(e, t, n);
+  }
+}, C = /* @__PURE__ */ new Set([
+  u.BadGateway,
+  u.ServiceUnavailable,
+  u.GatewayTimeout
+]), F = ({ baseUrl: e, loginPath: t = "/login" }) => {
   let n = !1;
-  const u = (r) => `${e.replace(/\/$/, "")}/${r.replace(/^\//, "")}`, d = async (r, o, l, E = !0) => {
+  const d = (r) => `${e.replace(/\/$/, "")}/${r.replace(/^\//, "")}`, l = async (r, a, f, E = !0) => {
     const h = {
-      method: o,
+      method: a,
       path: r.split("?")[0]
     };
-    let a;
+    let o;
     try {
-      a = await fetch(u(r), {
-        method: o,
-        headers: m(o, E),
+      o = await fetch(d(r), {
+        method: a,
+        headers: m(a, E),
         credentials: "include",
-        body: l
+        body: f
       });
     } catch (i) {
-      throw w(i) ? i : (p.warn("API request could not reach the server", h), new v("Could not reach the server", 0));
+      throw v(i) ? i : (c.warn("API request could not reach the server", h), new w("Could not reach the server", 0));
     }
-    if (a.status === c.Unauthorized && !window.location.pathname.startsWith(t))
+    if (o.status === u.Unauthorized && !window.location.pathname.startsWith(t))
       return n || (n = !0, window.location.href = `${t}?session_expired=true`), new Promise(() => {
       });
-    if (!a.ok)
-      throw g.has(a.status) && p.warn("API gateway failure", {
+    if (!o.ok)
+      throw C.has(o.status) && c.warn("API gateway failure", {
         ...h,
-        status: a.status
-      }), new v(await P(a), a.status);
-    if (a.status !== c.NoContent)
+        status: o.status
+      }), new w(await g(o), o.status);
+    if (o.status !== u.NoContent)
       try {
-        return await a.json();
+        return await o.json();
       } catch (i) {
-        throw p.error("API response was not valid JSON", i, {
+        throw c.error("API response was not valid JSON", i, {
           ...h,
-          status: a.status
+          status: o.status
         }), i;
       }
-  }, f = (r, o, l) => d(r, o, l === void 0 ? void 0 : JSON.stringify(l));
+  }, p = (r, a, f) => l(r, a, f === void 0 ? void 0 : JSON.stringify(f));
   return {
-    get: (r) => d(r, s.Get),
-    post: (r, o) => f(r, s.Post, o),
-    put: (r, o) => f(r, s.Put, o),
-    patch: (r, o) => f(r, s.Patch, o),
-    delete: (r) => d(r, s.Delete),
-    upload: (r, o) => d(r, s.Post, o, !1)
+    get: (r) => l(r, s.Get),
+    post: (r, a) => p(r, s.Post, a),
+    put: (r, a) => p(r, s.Put, a),
+    patch: (r, a) => p(r, s.Patch, a),
+    delete: (r) => l(r, s.Delete),
+    upload: (r, a) => l(r, s.Post, a, !1)
   };
 };
 export {
-  v as ApiError,
-  S as CSRF_HEADER,
+  w as ApiError,
+  y as CSRF_HEADER,
   s as HttpMethod,
-  c as HttpStatus,
+  u as HttpStatus,
   m as buildRequestHeaders,
-  G as createApiClient,
+  F as createApiClient,
   T as getCsrfToken,
-  R as isClientErrorStatus,
-  U as isServerErrorStatus,
-  A as isSuccessStatus,
-  b as logUnexpectedError,
-  P as readErrorMessage
+  N as isClientErrorStatus,
+  b as isServerErrorStatus,
+  U as isSuccessStatus,
+  G as logUnexpectedError,
+  g as readErrorMessage
 };

package/dist/helpers/Numbers.js

@@ -1,4 +1,8 @@
-var o = (r) => Number((typeof r == "number" ? r : Number(r)).toFixed(2)), a = (r, e) => (r > e && console.warn(`Could not get percent of value ${r} from a total ${e}. Total must be higher or at least equal to value.`), r === e ? r === 0 ? 0 : 100 : r / (e / 100)), n = (r, e) => {
+import { logger as n } from "@memobit/core";
+var m = (r) => Number((typeof r == "number" ? r : Number(r)).toFixed(2)), o = (r, e) => (r > e && n.warn("getPercent: value is higher than total", {
+  value: r,
+  total: e
+}), r === e ? r === 0 ? 0 : 100 : r / (e / 100)), a = (r, e) => {
   const t = r + e;
   return t === 0 ? {
     a: 0,
@@ -7,10 +11,10 @@ var o = (r) => Number((typeof r == "number" ? r : Number(r)).toFixed(2)), a = (r
     a: Math.round(r / t * 100 * 10) / 10,
     b: Math.round(e / t * 100 * 10) / 10
   };
-}, m = (r, e, t) => Math.min(t, Math.max(e, r));
+}, f = (r, e, t) => Math.min(t, Math.max(e, r));
 export {
-  m as clamp,
-  o as format2Digits,
-  a as getPercent,
-  n as getPercentsOf2Numbers
+  f as clamp,
+  m as format2Digits,
+  o as getPercent,
+  a as getPercentsOf2Numbers
 };

package/dist/helpers/VersionInfo.js

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

package/dist/index.d.ts

@@ -2394,8 +2394,9 @@ export declare interface LoginResponse {
 
 /**
  * For the catch around an API call: reports `error` unless it is an `ApiError` (the client and
- * the backend already report those that matter) or an aborted request. What is left is a bug in
- * the code around the call, e.g. mapping the response.
+ * the backend already report those that matter) or an aborted request. A bare fetch() that could
+ * not reach the server is a warning. What is left is a bug in the code around the call, e.g.
+ * mapping the response.
  */
 export declare const logUnexpectedError: (message: string, error: unknown, context?: ErrorReportContext) => void;
 

package/dist/version.js

@@ -1,7 +1,7 @@
-var I = "3.12.0", B = 515, L = "3e853ab", _ = "2026-10-16T19:55:36.011Z", a = "515";
+var I = "3.12.2", B = 520, L = "4308de2", _ = "2026-10-17T07:54:26.042Z", r = "520";
 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.12.0",
-  "buildNumber": 515,
-  "commit": "3e853ab",
-  "buildDate": "2026-10-16T19:55:36.011Z"
+  "version": "3.12.2",
+  "buildNumber": 520,
+  "commit": "4308de2",
+  "buildDate": "2026-10-17T07:54:26.042Z"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memobit/libs",
-  "version": "3.12.0",
+  "version": "3.12.2",
   "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",
@@ -98,6 +98,7 @@
     "@memobit/icons": "file:../memobit-react-icons",
     "@memobit/themes": "file:../memobit-react-themes",
     "@microsoft/api-extractor": "7.59.2",
+    "@types/node": "25.9.8",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",
     "@vitejs/plugin-react": "6.1.1",