@memobit/libs 3.4.2 → 3.5.0

package/dist/components/Transition/Transition2.js

@@ -1,19 +1,19 @@
 import './Transition.css';
 /* empty css           */
 import { useCallback as f, useEffect as h, useRef as n, useState as A } from "react";
-import { jsx as P } from "react/jsx-runtime";
-var G = ({ appear: C = !1, as: j = "div", children: q, className: D = "", delay: m = 0, duration: o = 250, easing: b = "ease", keepMounted: F = !1, onEntered: g, onExited: d, show: p, type: a = "fade" }) => {
-  const H = p ? C ? "entering" : "entered" : "unmounted", [r, x] = A(H), [S, e] = A("auto"), u = n(null), R = n(H), $ = n(g), v = n(d), i = n(null), s = n(null);
+import { jsx as k } from "react/jsx-runtime";
+var I = ({ appear: C = !1, as: j = "div", children: q, className: D = "", delay: m = 0, duration: o = 250, easing: b = "ease", keepMounted: F = !1, onEntered: g, onExited: d, show: p, type: a = "fade" }) => {
+  const H = p ? C ? "entering" : "entered" : "unmounted", [r, x] = A(H), [S, e] = A("auto"), s = n(null), R = n(H), $ = n(g), v = n(d), u = n(null), i = n(null);
   h(() => {
     $.current = g, v.current = d;
   }, [g, d]);
   const c = f((t) => {
     R.current = t, x(t);
   }, []), l = f(() => {
-    i.current !== null && (clearTimeout(i.current), i.current = null), s.current !== null && (cancelAnimationFrame(s.current), s.current = null);
+    u.current !== null && (clearTimeout(u.current), u.current = null), i.current !== null && (cancelAnimationFrame(i.current), i.current = null);
   }, []), T = f((t) => {
-    s.current = requestAnimationFrame(() => {
-      s.current = requestAnimationFrame(t);
+    i.current = requestAnimationFrame(() => {
+      i.current = requestAnimationFrame(t);
     });
   }, []);
   h(() => l, [l]), h(() => {
@@ -22,13 +22,13 @@ var G = ({ appear: C = !1, as: j = "div", children: q, className: D = "", delay:
     if (p) {
       if (R.current === "entered") return;
       c("entering"), t && e(0), T(() => {
-        c("entered"), t && u.current && e(u.current.scrollHeight);
-      }), i.current = setTimeout(() => {
+        c("entered"), t && s.current && e(s.current.scrollHeight);
+      }), u.current = setTimeout(() => {
         t && e("auto"), $.current?.();
       }, o + m);
       return;
     }
-    R.current !== "unmounted" && (t && u.current && (e(u.current.scrollHeight), T(() => e(0))), c("exiting"), i.current = setTimeout(() => {
+    R.current !== "unmounted" && (t && s.current && (e(s.current.scrollHeight), T(() => e(0))), c("exiting"), u.current = setTimeout(() => {
       c("unmounted"), e("auto"), v.current?.();
     }, o));
   }, [
@@ -41,7 +41,7 @@ var G = ({ appear: C = !1, as: j = "div", children: q, className: D = "", delay:
     a
   ]);
   const B = f((t) => {
-    u.current = t;
+    s.current = t;
   }, []);
   if (r === "unmounted" && !F) return null;
   const N = {
@@ -49,20 +49,20 @@ var G = ({ appear: C = !1, as: j = "div", children: q, className: D = "", delay:
     transitionDuration: `${o}ms`,
     transitionTimingFunction: b,
     ...a === "collapse" && S !== "auto" ? { height: S } : {}
-  };
-  return /* @__PURE__ */ P(j, {
-    className: [
-      "transition",
-      `transition--${a}`,
-      `transition--${r}`,
-      F && r === "unmounted" ? "transition--hidden" : "",
-      D
-    ].filter(Boolean).join(" "),
+  }, P = [
+    "transition",
+    `transition--${a}`,
+    `transition--${r}`,
+    F && r === "unmounted" ? "transition--hidden" : "",
+    D
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ k(j, {
+    className: P,
     ref: B,
     style: N,
     children: q
   });
 };
 export {
-  G as Transition
+  I as Transition
 };

package/dist/components/Tree/Tree2.js

@@ -2,7 +2,7 @@ import './Tree.css';
 /* empty css     */
 import { useCallback as f, useState as v } from "react";
 import { jsx as r, jsxs as u } from "react/jsx-runtime";
-var N = ({ open: e }) => /* @__PURE__ */ r("svg", {
+var b = ({ open: e }) => /* @__PURE__ */ r("svg", {
   className: `tree__chevron ${e ? "tree__chevron--open" : ""}`,
   viewBox: "0 0 16 16",
   width: "12",
@@ -15,22 +15,22 @@ var N = ({ open: e }) => /* @__PURE__ */ r("svg", {
     strokeLinecap: "round",
     strokeLinejoin: "round"
   })
-}), g = ({ node: e, depth: i, selectable: t, showGuides: c, animated: d, selectedId: _, onSelect: s }) => {
-  const [o, p] = v(e.defaultExpanded ?? !1), n = Array.isArray(e.children) && e.children.length > 0, a = t && _ === e.id, m = f((l) => {
-    e.disabled || "key" in l && l.key !== "Enter" && l.key !== " " || (n && p((h) => !h), t && s(e));
+}), g = ({ node: e, depth: i, selectable: t, showGuides: c, animated: d, selectedId: o, onSelect: n }) => {
+  const [_, p] = v(e.defaultExpanded ?? !1), s = Array.isArray(e.children) && e.children.length > 0, a = t && o === e.id, m = f((l) => {
+    e.disabled || "key" in l && l.key !== "Enter" && l.key !== " " || (s && p((h) => !h), t && n(e));
   }, [
-    n,
+    s,
     e,
     t,
-    s
-  ]);
+    n
+  ]), N = [
+    "tree__row",
+    a ? "tree__row--selected" : "",
+    e.disabled ? "tree__row--disabled" : "",
+    e.variant && e.variant !== "default" ? `tree__row--${e.variant}` : ""
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ u("li", { children: [/* @__PURE__ */ u("div", {
-    className: [
-      "tree__row",
-      a ? "tree__row--selected" : "",
-      e.disabled ? "tree__row--disabled" : "",
-      e.variant && e.variant !== "default" ? `tree__row--${e.variant}` : ""
-    ].filter(Boolean).join(" "),
+    className: N,
     style: { "--depth": i },
     tabIndex: e.disabled ? -1 : 0,
     onClick: m,
@@ -42,7 +42,7 @@ var N = ({ open: e }) => /* @__PURE__ */ r("svg", {
       }, h)),
       /* @__PURE__ */ r("span", {
         className: "tree__toggle",
-        children: n ? /* @__PURE__ */ r(N, { open: o }) : /* @__PURE__ */ r("span", { className: "tree__leaf-dot" })
+        children: s ? /* @__PURE__ */ r(b, { open: _ }) : /* @__PURE__ */ r("span", { className: "tree__leaf-dot" })
       }),
       e.icon && /* @__PURE__ */ r("span", {
         className: "tree__icon",
@@ -57,10 +57,10 @@ var N = ({ open: e }) => /* @__PURE__ */ r("svg", {
         children: e.badge
       })
     ]
-  }), n && /* @__PURE__ */ r("ul", {
+  }), s && /* @__PURE__ */ r("ul", {
     className: [
       "tree__children",
-      o ? "tree__children--open" : "",
+      _ ? "tree__children--open" : "",
       d ? "tree__children--animated" : ""
     ].filter(Boolean).join(" "),
     children: e.children.map((l) => /* @__PURE__ */ r(g, {
@@ -69,24 +69,24 @@ var N = ({ open: e }) => /* @__PURE__ */ r("svg", {
       selectable: t,
       showGuides: c,
       animated: d,
-      selectedId: _,
-      onSelect: s
+      selectedId: o,
+      onSelect: n
     }, l.id))
   })] });
-}, j = ({ nodes: e, selectable: i = !1, onSelect: t, showGuides: c = !0, animated: d = !0, defaultSelectedId: _ = null, className: s = "" }) => {
-  const [o, p] = v(_), n = f((a) => {
+}, j = ({ nodes: e, selectable: i = !1, onSelect: t, showGuides: c = !0, animated: d = !0, defaultSelectedId: o = null, className: n = "" }) => {
+  const [_, p] = v(o), s = f((a) => {
     a.disabled || (p(a.id), t?.(a));
   }, [t]);
   return /* @__PURE__ */ r("ul", {
-    className: ["tree", s].filter(Boolean).join(" "),
+    className: ["tree", n].filter(Boolean).join(" "),
     children: e.map((a) => /* @__PURE__ */ r(g, {
       node: a,
       depth: 0,
       selectable: i,
       showGuides: c,
       animated: d,
-      selectedId: o,
-      onSelect: n
+      selectedId: _,
+      onSelect: s
     }, a.id))
   });
 };

package/dist/helpers/VersionInfo.js

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

package/dist/index.d.ts

@@ -8,7 +8,7 @@ import { FocusEvent as FocusEvent_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { getThemeConfig } from '@memobit/themes';
 import { IconName } from '@memobit/icons';
-import { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { ReactElement } from 'react';
@@ -164,7 +164,7 @@ export declare interface AuthContextValue {
 
 export declare function AuthLogin({ redirectPath }: LoginProps): ReactElement;
 
-export declare function AuthProvider({ children, config }: AuthProviderProps): JSX.Element;
+export declare function AuthProvider({ children, config }: AuthProviderProps): default_2.JSX.Element;
 
 declare interface AuthProviderProps {
     children: default_2.ReactNode;
@@ -977,7 +977,7 @@ declare interface CountryWithFlagProps {
     className?: string;
 }
 
-declare function DataView_2<T>({ columns, data, rowKey, pinnedIds, selectable, onSelectionChange, selectedIds: controlledSelectedIds, pageSizeOptions, initialPageSize, showPageSize, card, actions, actionsWidth, timeline, onRowClick, rowHref, rowClassName, rowDetail, empty, initialSortKey, initialSortDirection, sortKey: controlledSortKey, sortDirection: controlledSortDirection, onSortChange, miniSort, showCardSortControls, desktopView, cardMaxWidth, className, onPageChange, onPageSizeChange, currentPage: controlledCurrentPage, totalItems: controlledTotalItems, group, showResultsCount, totalCount, itemNoun, columnSelector, }: DataViewProps<T>): JSX.Element;
+declare function DataView_2<T>({ columns, data, rowKey, pinnedIds, selectable, onSelectionChange, selectedIds: controlledSelectedIds, pageSizeOptions, initialPageSize, showPageSize, card, actions, actionsWidth, timeline, onRowClick, rowHref, rowClassName, rowDetail, empty, initialSortKey, initialSortDirection, sortKey: controlledSortKey, sortDirection: controlledSortDirection, onSortChange, miniSort, showCardSortControls, desktopView, cardMaxWidth, className, onPageChange, onPageSizeChange, currentPage: controlledCurrentPage, totalItems: controlledTotalItems, group, showResultsCount, totalCount, itemNoun, columnSelector, }: DataViewProps<T>): default_2.JSX.Element;
 export { DataView_2 as DataView }
 
 export declare interface DataViewCardConfig<T> {
@@ -2676,7 +2676,7 @@ declare interface RatingProps {
 
 export declare type RatingVariant = 'success' | 'info' | 'warning' | 'danger';
 
-export declare const RichTextEditor: ({ advanced, error, format, id, label, onBlur, onChange, placeholder, required, value, }: RichTextEditorProps) => JSX.Element;
+export declare const RichTextEditor: ({ advanced, error, format, id, label, onBlur, onChange, placeholder, required, value, }: RichTextEditorProps) => default_2.JSX.Element;
 
 declare interface RichTextEditorProps {
     advanced?: boolean;
@@ -3178,7 +3178,7 @@ export declare interface ToastAction {
     onClick: () => void;
 }
 
-export declare const ToastContainer: ({ position, showDismissButton }: ToastContainerProps) => JSX.Element;
+export declare const ToastContainer: ({ position, showDismissButton }: ToastContainerProps) => default_2.JSX.Element;
 
 export declare type ToastContainerPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'top' | 'bottom' | 'left' | 'right';
 

package/dist/node_modules/qrcode.react/lib/esm/index.js

@@ -667,8 +667,8 @@ var ie = Object.defineProperty, D = Object.getOwnPropertySymbols, Y = Object.pro
     }
     static makeAlphanumeric(e) {
       if (!M.isAlphanumeric(e)) throw new RangeError("String contains unencodable characters in alphanumeric mode");
-      let n = [], t;
-      for (t = 0; t + 2 <= e.length; t += 2) {
+      let n = [], t = 0;
+      for (; t + 2 <= e.length; t += 2) {
         let r = M.ALPHANUMERIC_CHARSET.indexOf(e.charAt(t)) * 45;
         r += M.ALPHANUMERIC_CHARSET.indexOf(e.charAt(t + 1)), s(r, 11, n);
       }

package/dist/version.js

@@ -1,7 +1,7 @@
-var I = "3.4.2", B = 471, L = "26f5870", _ = "2026-10-04T08:29:12.839Z", r = "471";
+var I = "3.5.0", B = 479, L = "40a4ef2", _ = "2026-10-09T09:09:41.310Z", a = "479";
 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.4.2",
-  "buildNumber": 471,
-  "commit": "26f5870",
-  "buildDate": "2026-10-04T08:29:12.839Z"
+  "version": "3.5.0",
+  "buildNumber": 479,
+  "commit": "40a4ef2",
+  "buildDate": "2026-10-09T09:09:41.310Z"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memobit/libs",
-  "version": "3.4.2",
+  "version": "3.5.0",
   "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",
@@ -74,48 +74,49 @@
   "peerDependencies": {
     "@memobit/icons": "^1.0.0",
     "@memobit/themes": "^1.0.0",
-    "react": "19.2.7",
-    "react-dom": "19.2.7"
+    "react": "19.3.0",
+    "react-dom": "19.3.0"
   },
   "devDependencies": {
     "@eslint/js": "9.39.4",
     "@memobit/icons": "file:../memobit-react-icons",
     "@memobit/themes": "file:../memobit-react-themes",
-    "@microsoft/api-extractor": "7.58.8",
-    "@types/react": "19.2.14",
-    "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "6.0.4",
-    "esbuild": "0.28.1",
+    "@microsoft/api-extractor": "7.59.2",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "@vitejs/plugin-react": "6.1.1",
+    "esbuild": "0.28.2",
     "eslint": "9.39.4",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-import-x": "4.17.1",
-    "eslint-plugin-prettier": "5.5.5",
+    "eslint-plugin-prettier": "5.5.6",
     "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-simple-import-sort": "13.0.0",
-    "globals": "17.6.0",
-    "prettier": "3.8.3",
+    "eslint-plugin-simple-import-sort": "14.0.0",
+    "globals": "17.12.0",
+    "prettier": "3.9.9",
     "qrcode.react": "4.2.0",
-    "react": "19.2.7",
-    "react-dom": "19.2.7",
-    "react-router": "8.3.0",
-    "sass": "1.99.0",
-    "terser": "5.47.1",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "react-router": "8.4.0",
+    "sass": "1.105.0",
+    "terser": "5.51.2",
     "typescript": "6.0.3",
-    "typescript-eslint": "8.59.3",
-    "vite": "8.1.5",
-    "vite-plugin-dts": "5.0.0",
-    "vite-plugin-static-copy": "3.4.0"
+    "typescript-eslint": "8.70.1",
+    "vite": "8.3.1",
+    "vite-plugin-dts": "5.1.1",
+    "vite-plugin-static-copy": "4.1.1"
   },
   "overrides": {
     "brace-expansion@1": "1.1.21",
     "brace-expansion@5": "5.0.12",
+    "esbuild": "0.28.2",
     "fast-uri@3": "3.1.8",
     "immutable": "5.1.9",
     "js-yaml": "4.3.2",
     "minimatch@10": "10.2.6",
     "nanoid@3": "3.3.18",
     "picomatch@2": "2.3.2",
-    "postcss": "8.5.26",
-    "esbuild": "0.28.1"
+    "postcss": "8.5.28",
+    "source-map-js": "1.2.2"
   }
 }