@layers-app/shared 0.4.4 → 0.4.6

package/dist/components/NavMenu/NavMenu.d.ts

@@ -12,10 +12,16 @@ export type NavMenuProps = {
     flatOrderChange?: boolean;
     canUserDragDrop?: boolean;
     canDragDropItem?: (item: ExpandNavMenuItemDef) => boolean;
+    /**
+     * Opt-in FLIP reorder animation (framer-motion `layout`) for the non-drag list — used by the DM
+     * sidebar so a conversation slides to the top when a message arrives. Off by default so other
+     * NavMenu trees (pages, projects) are unaffected and pay no animation cost.
+     */
+    animateReorder?: boolean;
 } & Partial<NavMenuStore['props']> & {
     store?: ReturnType<typeof createNavMenuStore>;
 };
-export declare const NavMenu: (({ items, loading, onLoadMore, noItemsPlaceholder, onOrderChange, onEdit, onToggle, onClick, store: _store, totalCount, flatOrderChange, canUserDragDrop, canDragDropItem, }: NavMenuProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const NavMenu: (({ items, loading, onLoadMore, noItemsPlaceholder, onOrderChange, onEdit, onToggle, onClick, store: _store, totalCount, flatOrderChange, canUserDragDrop, canDragDropItem, animateReorder, }: NavMenuProps) => import("react/jsx-runtime").JSX.Element) & {
     Item: import("react").MemoExoticComponent<({ item, ignoreDepth, disableToggleOnClick }: {
         item: ExpandNavMenuItemDef;
         ignoreDepth?: boolean;

package/dist/components/NavMenu/NavMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,SAAS,EAIV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,QAAQ,EAAyB,MAAM,eAAe,CAAC;AAOhE,OAAO,EAAmB,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,OAAO,CAAC;CAC3D,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG;IACjC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;CAC/C,CAAC;AAmLJ,eAAO,MAAM,OAAO,iLAnKjB,YAAY;;;;;;;;;;0CAsJ8B,iBAAiB,CAAC,QAAQ,CAAC;CAkBtE,CAAC"}
+{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,SAAS,EAIV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,QAAQ,EAAyB,MAAM,eAAe,CAAC;AAQhE,OAAO,EAAmB,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,OAAO,CAAC;IAC1D;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG;IACjC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;CAC/C,CAAC;AAiMJ,eAAO,MAAM,OAAO,iMAhLjB,YAAY;;;;;;;;;;0CAmK8B,iBAAiB,CAAC,QAAQ,CAAC;CAkBtE,CAAC"}

package/dist/components/NavMenu/NavMenu.js

@@ -1,16 +1,17 @@
-import { jsxs as y, jsx as r } from "react/jsx-runtime";
-import { useMemo as x, useLayoutEffect as E, useRef as O } from "react";
-import { Stack as R, Skeleton as l, Text as w } from "@mantine/core";
-import { DnDItem as z } from "./components/DnDItem.js";
-import { DnDProvider as $ } from "./components/DnDProvider.js";
-import { NavMenuActionIcon as q } from "./components/NavMenuActionIcon.js";
-import { NavMenuItem as C, NavMenuLoadMore as D } from "./components/NavMenuItem.js";
-import { NavMenuLabel as B } from "./components/NavMenuLabel.js";
-import { createNavMenuStore as F, NavMenuProvider as L } from "./store.js";
+import { jsxs as P, jsx as r } from "react/jsx-runtime";
+import { useMemo as x, useLayoutEffect as E, useRef as R } from "react";
+import { Stack as w, Skeleton as l, Text as z } from "@mantine/core";
+import { motion as $ } from "framer-motion";
+import { DnDItem as q } from "./components/DnDItem.js";
+import { DnDProvider as B } from "./components/DnDProvider.js";
+import { NavMenuActionIcon as F } from "./components/NavMenuActionIcon.js";
+import { NavMenuItem as s, NavMenuLoadMore as D } from "./components/NavMenuItem.js";
+import { NavMenuLabel as G } from "./components/NavMenuLabel.js";
+import { createNavMenuStore as H, NavMenuProvider as L } from "./store.js";
 import T from "./NavMenu.module.css.js";
-const G = ({
+const J = ({
   items: o,
-  loading: s,
+  loading: c,
   onLoadMore: i,
   noItemsPlaceholder: j,
   onOrderChange: m,
@@ -20,20 +21,21 @@ const G = ({
   store: I,
   totalCount: N,
   flatOrderChange: k,
-  canUserDragDrop: A = !0,
-  canDragDropItem: M
+  canUserDragDrop: y = !0,
+  canDragDropItem: M,
+  animateReorder: A
 }) => {
-  const n = x(() => I ?? F(), [I]), c = n.useStore((e) => e.opened), h = x(() => {
-    const e = [], d = (p, f) => {
-      for (const [P, a] of p.entries()) {
+  const n = x(() => I ?? H(), [I]), h = n.useStore((e) => e.opened), u = x(() => {
+    const e = [], d = (a, C) => {
+      for (const [O, p] of a.entries()) {
         const t = {
-          ...a,
-          depth: f.parentDepth + 1,
-          parentChildrenCount: f.parentChildrenCount,
-          parentTotalChildren: f.parentTotalChildren,
-          isLast: P === p.length - 1
+          ...p,
+          depth: C.parentDepth + 1,
+          parentChildrenCount: C.parentChildrenCount,
+          parentTotalChildren: C.parentTotalChildren,
+          isLast: O === a.length - 1
         };
-        e.push(t), c?.includes(a.id) && a.children.length > 0 && d(a.children, {
+        e.push(t), h?.includes(p.id) && p.children.length > 0 && d(p.children, {
           parentDepth: t.depth,
           parentChildrenCount: t.children.length,
           parentTotalChildren: t.children.length
@@ -48,7 +50,7 @@ const G = ({
       parentChildrenCount: o.length,
       parentTotalChildren: N ?? o.length
     }), e;
-  }, [o, i, c, N]);
+  }, [o, i, h, N]);
   E(() => {
     n.useStore.setState({
       props: {
@@ -59,19 +61,19 @@ const G = ({
       }
     });
   }, [g, S, v, i, n]);
-  const u = O(null);
-  return s ? /* @__PURE__ */ y(R, { gap: 4, children: [
+  const f = R(null);
+  return c ? /* @__PURE__ */ P(w, { gap: 4, children: [
     /* @__PURE__ */ r(l, { h: 32 }),
     /* @__PURE__ */ r(l, { h: 32 }),
     /* @__PURE__ */ r(l, { h: 32 }),
     /* @__PURE__ */ r(l, { h: 32 })
-  ] }) : o?.length ? m ? /* @__PURE__ */ r(L, { store: n, children: /* @__PURE__ */ r($, { containerRef: u, onOrderChange: m, children: /* @__PURE__ */ r(
+  ] }) : o?.length ? m ? /* @__PURE__ */ r(L, { store: n, children: /* @__PURE__ */ r(B, { containerRef: f, onOrderChange: m, children: /* @__PURE__ */ r(
     "div",
     {
       className: T.container,
-      ref: u,
+      ref: f,
       "data-flat-order-change": k,
-      children: h.map((e, d) => {
+      children: u.map((e, d) => {
         if (e.id.includes("load-more"))
           return /* @__PURE__ */ r(
             D,
@@ -82,22 +84,22 @@ const G = ({
             },
             e.id
           );
-        const p = M ? M(e) : A;
+        const a = M ? M(e) : y;
         return /* @__PURE__ */ r(
-          z,
+          q,
           {
             item: e,
             index: d,
-            items: h,
-            opened: c,
-            itemAllowDragDrop: p,
-            children: /* @__PURE__ */ r(C, { item: e })
+            items: u,
+            opened: h,
+            itemAllowDragDrop: a,
+            children: /* @__PURE__ */ r(s, { item: e })
           },
           e.id
         );
       })
     }
-  ) }) }) : /* @__PURE__ */ r(L, { store: n, children: /* @__PURE__ */ r("div", { className: T.container, ref: u, children: h.map((e) => e.id.includes("load-more") ? /* @__PURE__ */ r(
+  ) }) }) : /* @__PURE__ */ r(L, { store: n, children: /* @__PURE__ */ r("div", { className: T.container, ref: f, children: u.map((e) => e.id.includes("load-more") ? /* @__PURE__ */ r(
     D,
     {
       depth: e.depth,
@@ -105,22 +107,30 @@ const G = ({
       currentChildrenCount: e.parentChildrenCount ?? 0
     },
     e.id
-  ) : /* @__PURE__ */ r(C, { item: e }, e.id)) }) }) : /* @__PURE__ */ r(b, { children: j });
-}, b = ({ children: o, ...s }) => /* @__PURE__ */ r(
-  w,
+  ) : A ? /* @__PURE__ */ r(
+    $.div,
+    {
+      layout: "position",
+      transition: { duration: 0.2, ease: "easeOut" },
+      children: /* @__PURE__ */ r(s, { item: e })
+    },
+    e.id
+  ) : /* @__PURE__ */ r(s, { item: e }, e.id)) }) }) : /* @__PURE__ */ r(b, { children: j });
+}, b = ({ children: o, ...c }) => /* @__PURE__ */ r(
+  z,
   {
     size: "xs",
     c: "var(--app-container-section-subtitle-color)",
     px: 4,
-    ...s,
+    ...c,
     children: o
   }
-), ee = Object.assign(G, {
-  Item: C,
-  ActionIcon: q,
-  Label: B,
+), te = Object.assign(J, {
+  Item: s,
+  ActionIcon: F,
+  Label: G,
   Placeholder: b
 });
 export {
-  ee as NavMenu
+  te as NavMenu
 };

package/dist/components/NavMenu/NavMenu.module.css.js

@@ -1,23 +1,23 @@
-const t = "_container_1xsiz_1", e = "_depthBox_1xsiz_13", n = "_itemContainer_1xsiz_38", o = "_item_1xsiz_38", i = "_icon_1xsiz_91", _ = "_chevron_1xsiz_95", s = "_droppable_1xsiz_120", a = "_draggableOverlay_1xsiz_177", c = "_editInput_1xsiz_186", r = {
+const t = "_container_1khh8_1", e = "_depthBox_1khh8_25", n = "_itemContainer_1khh8_75", o = "_item_1khh8_75", _ = "_icon_1khh8_181", h = "_chevron_1khh8_189", a = "_droppable_1khh8_239", c = "_draggableOverlay_1khh8_353", r = "_editInput_1khh8_393", i = {
   container: t,
   depthBox: e,
   itemContainer: n,
   item: o,
-  icon: i,
-  chevron: _,
-  droppable: s,
-  draggableOverlay: a,
-  editInput: c
+  icon: _,
+  chevron: h,
+  droppable: a,
+  draggableOverlay: c,
+  editInput: r
 };
 export {
-  _ as chevron,
+  h as chevron,
   t as container,
-  r as default,
+  i as default,
   e as depthBox,
-  a as draggableOverlay,
-  s as droppable,
-  c as editInput,
-  i as icon,
+  c as draggableOverlay,
+  a as droppable,
+  r as editInput,
+  _ as icon,
   o as item,
   n as itemContainer
 };

package/dist/components/NavMenu/components/NavMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/NavMenu/components/NavMenuItem.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKhD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,oFACwB,gBAAgB,6CAgB/D,CAAC;AA8RF,eAAO,MAAM,eAAe,GAAI,0CAI7B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,4CAiCA,CAAC"}
+{"version":3,"file":"NavMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/NavMenu/components/NavMenuItem.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKhD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,oFACwB,gBAAgB,6CAgB/D,CAAC;AAgSF,eAAO,MAAM,eAAe,GAAI,0CAI7B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,4CAiCA,CAAC"}

package/dist/components/NavMenu/components/NavMenuItem.js

@@ -1,105 +1,105 @@
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import { memo as m, useRef as k, useEffect as E, useState as M, useMemo as P } from "react";
-import { useTranslation as y } from "react-i18next";
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { memo as m, useRef as S, useEffect as E, useState as M, useMemo as P } from "react";
+import { useTranslation as v } from "react-i18next";
 import { NavLink as A } from "react-router-dom";
 import { MoreHorizontalIcon as D, ArrowRight01Icon as z } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as N } from "@hugeicons/react";
-import { Flex as f, Loader as x, Text as O, FocusTrap as R, Tooltip as S, Center as j } from "@mantine/core";
-import { useForm as F } from "@mantine/form";
-import { useClickOutside as L } from "@mantine/hooks";
-import { useAsyncStatus as T } from "../../../hooks/useAsyncStatus.js";
+import { HugeiconsIcon as x } from "@hugeicons/react";
+import { Flex as f, Loader as N, Text as b, FocusTrap as F, Tooltip as k, Center as R } from "@mantine/core";
+import { useForm as j } from "@mantine/form";
+import { useClickOutside as T } from "@mantine/hooks";
+import { useAsyncStatus as L } from "../../../hooks/useAsyncStatus.js";
 import { useMenu as V } from "../../../hooks/useMenu.js";
 import { appContainerStore as $ } from "../../AppContainer/hooks/useAppContainerStore.js";
 import { ColorPickerPopover as B } from "../../ColorPicker/ColorPickerPopover.js";
 import { EmojiPicker as H } from "../../EmojiPicker/EmojiPicker.js";
-import { EntityIcon as v } from "../../EntityIcon.js";
+import { EntityIcon as y } from "../../EntityIcon.js";
 import { IconEntity as C } from "../../ProjectIcon/ProjectIcon.js";
 import { NavMenu as I } from "../NavMenu.js";
 import { useNavMenuStore as g } from "../store.js";
-import { NavMenuActionIcon as W } from "./NavMenuActionIcon.js";
+import { NavMenuActionIcon as G } from "./NavMenuActionIcon.js";
 import c from "../NavMenu.module.css.js";
 const ue = m(
   ({ item: e, ignoreDepth: i, disableToggleOnClick: r }) => {
-    const { useStore: s } = g(), n = s((l) => l.editId === e.id);
-    return /* @__PURE__ */ o(
-      b,
+    const { useStore: a } = g(), o = a((s) => s.editId === e.id);
+    return /* @__PURE__ */ t(
+      O,
       {
         depth: i ? void 0 : e.depth,
         testId: e.testId,
-        children: n ? /* @__PURE__ */ o(q, { item: e }) : /* @__PURE__ */ o(_, { item: e, disableToggleOnClick: r })
+        children: o ? /* @__PURE__ */ t(_, { item: e }) : /* @__PURE__ */ t(W, { item: e, disableToggleOnClick: r })
       }
     );
   }
-), _ = m(
+), W = m(
   ({
     item: e,
     disableToggleOnClick: i
   }) => {
-    const { api: r, useStore: s } = g(), n = s((a) => a.props.onClick), { isMobile: l } = V(), { t: p } = y("appContainer"), u = () => {
-      i || (n ? n(e) : e.hasChildren && r.toggleOpened(e));
-    }, d = e.data?.isReadOnly, t = e.href ? /* @__PURE__ */ o(
+    const { api: r, useStore: a } = g(), o = a((n) => n.props.onClick), { isMobile: s } = V(), { t: p } = v("appContainer"), u = () => {
+      i || (o ? o(e) : e.hasChildren && r.toggleOpened(e));
+    }, l = e.data?.isReadOnly, d = e.href ? /* @__PURE__ */ t(
       A,
       {
         to: e.href,
         className: c.item,
         "data-active": e.active,
         "data-has-children": e.hasChildren,
-        "data-read-only": d,
-        onClick: d ? void 0 : () => {
-          l && !e.hasChildren && $.api.closeToolbar();
+        "data-read-only": l,
+        onClick: l ? void 0 : () => {
+          s && !e.hasChildren && $.api.closeToolbar();
         },
-        children: /* @__PURE__ */ o(w, { item: e })
+        children: /* @__PURE__ */ t(w, { item: e })
       }
-    ) : /* @__PURE__ */ o(
+    ) : /* @__PURE__ */ t(
       "div",
       {
         className: c.item,
         "data-active": e.active,
         "data-has-children": e.hasChildren,
-        "data-read-only": d,
-        onClick: d ? void 0 : u,
-        children: /* @__PURE__ */ o(w, { item: e })
+        "data-read-only": l,
+        onClick: l ? void 0 : u,
+        children: /* @__PURE__ */ t(w, { item: e })
       }
     );
-    return d ? /* @__PURE__ */ o(S, { label: p("readOnlyAccess"), position: "right", withArrow: !0, children: t }) : t;
+    return l ? /* @__PURE__ */ t(k, { label: p("readOnlyAccess"), position: "right", withArrow: !0, children: d }) : d;
   }
 ), w = m(({ item: e }) => {
-  const { t: i } = y(), { useStore: r, api: s } = g(), n = r((t) => t.opened.includes(e.id)), l = r((t) => t.loading[e.id]), p = P(
-    () => ({ ...e.data, isOpen: n }),
-    [n, e.data]
-  ), u = e.data?.isReadOnly, d = u ? 0.3 : void 0;
+  const { t: i } = v(), r = e.data?.type === "PAGE" ? i("untitled") : i("noName"), { useStore: a, api: o } = g(), s = a((n) => n.opened.includes(e.id)), p = a((n) => n.loading[e.id]), u = P(
+    () => ({ ...e.data, isOpen: s }),
+    [s, e.data]
+  ), l = e.data?.isReadOnly, d = l ? 0.3 : void 0;
   return /* @__PURE__ */ h(f, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
     /* @__PURE__ */ h(f, { gap: 4, miw: 0, flex: 1, children: [
-      l ? /* @__PURE__ */ o(j, { w: 20, h: 20, children: /* @__PURE__ */ o(x, { size: 16 }) }) : e.hasChildren && !u && /* @__PURE__ */ o(
-        W,
+      p ? /* @__PURE__ */ t(R, { w: 20, h: 20, children: /* @__PURE__ */ t(N, { size: 16 }) }) : e.hasChildren && !l && /* @__PURE__ */ t(
+        G,
         {
           className: c.chevron,
           "data-cy": e.testId ? `${e.testId}-expand` : void 0,
-          onClick: (t) => {
-            t.preventDefault(), t.stopPropagation(), s.toggleOpened(e);
+          onClick: (n) => {
+            n.preventDefault(), n.stopPropagation(), o.toggleOpened(e);
           },
-          children: /* @__PURE__ */ o(
-            N,
+          children: /* @__PURE__ */ t(
+            x,
             {
               icon: z,
               size: 16,
               style: {
-                transform: `rotate(${n ? 90 : 0}deg)`,
+                transform: `rotate(${s ? 90 : 0}deg)`,
                 transition: "transform 0.1s ease-in-out"
               }
             }
           )
         }
       ),
-      /* @__PURE__ */ o("div", { className: c.icon, style: { opacity: d }, children: /* @__PURE__ */ o(v, { item: p }) }),
-      /* @__PURE__ */ o(
-        S,
+      /* @__PURE__ */ t("div", { className: c.icon, style: { opacity: d }, children: /* @__PURE__ */ t(y, { item: u }) }),
+      /* @__PURE__ */ t(
+        k,
         {
           disabled: e.title.length < 25,
-          label: e.title || i("noName"),
+          label: e.title || r,
           openDelay: 400,
-          children: /* @__PURE__ */ o(
-            O,
+          children: /* @__PURE__ */ t(
+            b,
             {
               flex: 1,
               truncate: !0,
@@ -109,10 +109,10 @@ const ue = m(
               miw: 0,
               c: "var(--mantine-color-text)",
               "data-cy": e.testId ? `${e.testId}-title` : void 0,
-              onDoubleClick: (t) => {
-                r.getState().props.onEdit && !e?.isDisabledEditByDoubleClick && (t.preventDefault(), t.stopPropagation(), s.startEditing(e.id));
+              onDoubleClick: (n) => {
+                a.getState().props.onEdit && !e?.isDisabledEditByDoubleClick && (n.preventDefault(), n.stopPropagation(), o.startEditing(e.id));
               },
-              children: e.title || i("noName")
+              children: e.title || r
             }
           )
         }
@@ -120,50 +120,50 @@ const ue = m(
     ] }),
     e.rightSection
   ] });
-}), q = m(({ item: e }) => {
-  const { api: i, useStore: r } = g(), s = k(null), n = F({
+}), _ = m(({ item: e }) => {
+  const { api: i, useStore: r } = g(), a = S(null), o = j({
     initialValues: {
       name: e.title,
       icon: e.data?.icon || ""
     }
-  }), l = (a) => {
+  }), s = (n) => {
     i.handleEdit({
       id: e.id,
-      name: a.name ?? "",
-      icon: a.icon ?? ""
+      name: n.name ?? "",
+      icon: n.icon ?? ""
     }), i.stopEditing();
-  }, p = L(() => {
-    n.isDirty() ? l(n.getValues()) : i.stopEditing();
+  }, p = T(() => {
+    o.isDirty() ? s(o.getValues()) : i.stopEditing();
   });
   E(() => {
-    s.current && s.current.select();
+    a.current && a.current.select();
   }, []);
-  const u = r((a) => a.opened.includes(e.id)), [d, t] = M(!1);
-  return /* @__PURE__ */ o(
+  const u = r((n) => n.opened.includes(e.id)), [l, d] = M(!1);
+  return /* @__PURE__ */ t(
     "form",
     {
-      onSubmit: n.onSubmit(l),
+      onSubmit: o.onSubmit(s),
       className: c.item,
       ref: p,
       "data-editing": !0,
       children: /* @__PURE__ */ h(f, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
-        /* @__PURE__ */ o("div", { className: c.icon, children: e.colorPickerOnly ? /* @__PURE__ */ o(
+        /* @__PURE__ */ t("div", { className: c.icon, children: e.colorPickerOnly ? /* @__PURE__ */ t(
           B,
           {
-            value: C.parse(n.values.icon)?.color,
-            onChange: (a) => n.setFieldValue("icon", C.stringify({ color: a })),
+            value: C.parse(o.values.icon)?.color,
+            onChange: (n) => o.setFieldValue("icon", C.stringify({ color: n })),
             withinPortal: !1,
             floatingStrategy: "fixed",
-            opened: d,
-            setOpened: t,
-            children: /* @__PURE__ */ o(I.ActionIcon, { onClick: () => t((a) => !a), children: /* @__PURE__ */ o(
-              v,
+            opened: l,
+            setOpened: d,
+            children: /* @__PURE__ */ t(I.ActionIcon, { onClick: () => d((n) => !n), children: /* @__PURE__ */ t(
+              y,
               {
-                item: { ...e.data, isOpen: u, icon: n.values.icon }
+                item: { ...e.data, isOpen: u, icon: o.values.icon }
               }
             ) })
           }
-        ) : /* @__PURE__ */ o(
+        ) : /* @__PURE__ */ t(
           H,
           {
             showIcons: !0,
@@ -172,31 +172,31 @@ const ue = m(
             popoverProps: {
               floatingStrategy: "fixed"
             },
-            value: n.values.icon,
-            onChange: (a) => n.setFieldValue("icon", a),
-            children: /* @__PURE__ */ o(I.ActionIcon, { children: /* @__PURE__ */ o(
-              v,
+            value: o.values.icon,
+            onChange: (n) => o.setFieldValue("icon", n),
+            children: /* @__PURE__ */ t(I.ActionIcon, { children: /* @__PURE__ */ t(
+              y,
               {
-                item: { ...e.data, isOpen: u, icon: n.values.icon }
+                item: { ...e.data, isOpen: u, icon: o.values.icon }
               }
             ) })
           }
         ) }),
-        /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
+        /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(
           "input",
           {
-            ref: s,
+            ref: a,
             className: c.editInput,
             "data-cy": e.testId ? `${e.testId}-rename-input` : void 0,
-            ...n.getInputProps("name"),
+            ...o.getInputProps("name"),
             maxLength: 255,
-            onFocus: (a) => a.target.select()
+            onFocus: (n) => n.target.select()
           }
         ) })
       ] })
     }
   );
-}), b = m(
+}), O = m(
   ({
     depth: e = 0,
     children: i,
@@ -210,7 +210,7 @@ const ue = m(
         "--depth": e
       },
       children: [
-        Array.from({ length: e }).map((s, n) => /* @__PURE__ */ o("div", { className: c.depthBox }, n)),
+        Array.from({ length: e }).map((a, o) => /* @__PURE__ */ t("div", { className: c.depthBox }, o)),
         i
       ]
     }
@@ -220,15 +220,15 @@ const ue = m(
   itemId: i,
   currentChildrenCount: r
 }) => {
-  const { t: s } = y("appContainer"), { api: n } = g(), { isLoading: l, onSubmit: p } = T();
-  return /* @__PURE__ */ o(b, { depth: e, children: /* @__PURE__ */ o(
+  const { t: a } = v("appContainer"), { api: o } = g(), { isLoading: s, onSubmit: p } = L();
+  return /* @__PURE__ */ t(O, { depth: e, children: /* @__PURE__ */ t(
     "div",
     {
       className: c.item,
-      onClick: () => p(() => n.loadMore({ itemId: i, currentChildrenCount: r })),
-      children: /* @__PURE__ */ o(f, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: /* @__PURE__ */ h(f, { gap: 4, miw: 0, flex: 1, c: "gray", children: [
-        /* @__PURE__ */ o("div", { className: c.icon, children: l ? /* @__PURE__ */ o(x, { size: 16 }) : /* @__PURE__ */ o(N, { icon: D, size: 16 }) }),
-        /* @__PURE__ */ o(O, { flex: 1, truncate: !0, size: "sm", fw: 500, miw: 0, children: s("loadMore") })
+      onClick: () => p(() => o.loadMore({ itemId: i, currentChildrenCount: r })),
+      children: /* @__PURE__ */ t(f, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: /* @__PURE__ */ h(f, { gap: 4, miw: 0, flex: 1, c: "gray", children: [
+        /* @__PURE__ */ t("div", { className: c.icon, children: s ? /* @__PURE__ */ t(N, { size: 16 }) : /* @__PURE__ */ t(x, { icon: D, size: 16 }) }),
+        /* @__PURE__ */ t(b, { flex: 1, truncate: !0, size: "sm", fw: 500, miw: 0, children: a("loadMore") })
       ] }) })
     }
   ) });

package/dist/components/NavMenu/types.d.ts

@@ -4,6 +4,10 @@ export type NavMenuItemData = {
     icon?: string | null;
     title?: string | null;
     isReadOnly?: boolean;
+    /** Entity id — consumed by EntityIcon (e.g. USER avatar initials/color). */
+    id?: string | null;
+    /** Avatar URL for USER-type items, rendered by EntityIcon. */
+    avatarUrl?: string | null;
 };
 export type NavMenuItemDef<DATA = NavMenuItemData> = {
     id: string;

package/dist/components/NavMenu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,eAAe,IAAI;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,IAAI,GAAG,eAAe,IACrD,cAAc,CAAC,IAAI,CAAC,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,kBAAkB,CAAC,IAAI,GAAG,eAAe,IAAI,CAAC,CAAC,EAAE;IAC3D,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,0BAA0B,CAAC;CACtC,KAAK,IAAI,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AAEpB,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,eAAe,IAAI;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,IAAI,GAAG,eAAe,IACrD,cAAc,CAAC,IAAI,CAAC,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,kBAAkB,CAAC,IAAI,GAAG,eAAe,IAAI,CAAC,CAAC,EAAE;IAC3D,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,0BAA0B,CAAC;CACtC,KAAK,IAAI,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AAEpB,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC"}

package/dist/components/NavbarResizer/NavbarResizer.module.css.js

@@ -1,7 +1,7 @@
-const e = "_resizer_hdrhk_1", r = {
+const e = "_resizer_1qg2p_1", s = {
   resizer: e
 };
 export {
-  r as default,
+  s as default,
   e as resizer
 };

package/dist/components/NotPublicPanel/NotPublicPanel.module.css.js

@@ -1,19 +1,19 @@
-const e = "_previewBoxTitle_1xmos_1", o = "_previewBox_1xmos_1", r = "_previewContainer_1xmos_45", t = "_previewHeader_1xmos_58", i = "_headerDot_1xmos_70", s = "_previewContent_1xmos_80", n = "_processing_1xmos_103", _ = {
+const e = "_previewBoxTitle_p1noi_1", o = "_previewBox_p1noi_1", i = "_previewContainer_p1noi_89", n = "_previewHeader_p1noi_115", r = "_headerDot_p1noi_139", p = "_previewContent_p1noi_159", t = "_processing_p1noi_205", _ = {
   previewBoxTitle: e,
   previewBox: o,
-  previewContainer: r,
-  previewHeader: t,
-  headerDot: i,
-  previewContent: s,
-  processing: n
+  previewContainer: i,
+  previewHeader: n,
+  headerDot: r,
+  previewContent: p,
+  processing: t
 };
 export {
   _ as default,
-  i as headerDot,
+  r as headerDot,
   o as previewBox,
   e as previewBoxTitle,
-  r as previewContainer,
-  s as previewContent,
-  t as previewHeader,
-  n as processing
+  i as previewContainer,
+  p as previewContent,
+  n as previewHeader,
+  t as processing
 };

package/dist/components/Notification/Notification.module.css.js

@@ -1,4 +1,4 @@
-const e = "_headerCounter_1kh0c_1", t = {
+const e = "_headerCounter_10kmq_1", t = {
   headerCounter: e
 };
 export {

package/dist/components/PillTabs/PillTabs.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export type PillTabItem = {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+    'data-cy'?: string;
+};
+export type PillTabsProps = {
+    value: string;
+    onChange: (value: string) => void;
+    items: PillTabItem[];
+    height?: number;
+    pillHeight?: number;
+    pillPaddingX?: number;
+    rightSlot?: ReactNode;
+    className?: string;
+};
+export declare const PillTabs: ({ value, onChange, items, height, pillHeight, pillPaddingX, rightSlot, className, }: PillTabsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PillTabs.d.ts.map

package/dist/components/PillTabs/PillTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillTabs.d.ts","sourceRoot":"","sources":["../../../src/components/PillTabs/PillTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,qFAStB,aAAa,4CAkCf,CAAC"}