@layers-app/shared 0.4.0 → 0.4.1

package/dist/components/OnboardingTour/OnboardingTourWrapper.js

@@ -1,54 +1,51 @@
-import { jsx as p, Fragment as q } from "react/jsx-runtime";
-import { useRef as x, useCallback as A, useMemo as R, useEffect as W } from "react";
-import { useTranslation as M } from "react-i18next";
-import { OnboardingTour as U } from "@gfazioli/mantine-onboarding-tour";
-import { Text as D } from "@mantine/core";
-import { DefaultSingleFooter as V, DefaultMultiFooter as G } from "./OnboardingTourFooter.js";
-import { useOnboardingTour as H } from "./useOnboardingTour.js";
+import { jsx as u, Fragment as z } from "react/jsx-runtime";
+import { useRef as C, useCallback as I, useMemo as S, useEffect as L } from "react";
+import { useTranslation as q } from "react-i18next";
+import { OnboardingTour as W } from "@gfazioli/mantine-onboarding-tour";
+import { Text as A } from "@mantine/core";
+import { DefaultSingleFooter as M, DefaultMultiFooter as U } from "./OnboardingTourFooter.js";
+import { useOnboardingTour as V } from "./useOnboardingTour.js";
 /* empty css                          */
-const w = "onboarding-tour-popover-dropdown", T = "data-onboarding-tour-active-dropdown", J = (n) => typeof n == "string" ? /* @__PURE__ */ p(D, { fw: 500, size: "md", c: "white", mb: 4, children: n }) : n, K = (n) => typeof n == "string" ? /* @__PURE__ */ p(D, { size: "sm", c: "gray.3", children: n }) : n, nt = ({
+const v = "onboarding-tour-popover-dropdown", h = "data-onboarding-tour-active-dropdown", G = (n) => typeof n == "string" ? /* @__PURE__ */ u(A, { fw: 500, size: "md", c: "white", mb: 4, children: n }) : n, H = (n) => typeof n == "string" ? /* @__PURE__ */ u(A, { size: "sm", c: "gray.3", children: n }) : n, ot = ({
   featureKey: n,
   tour: d,
-  children: P,
-  onComplete: m,
-  dependsOn: k,
-  withPopoverMoveAnimation: O = !1,
-  classNames: N = {},
-  focusRevealProps: g,
-  onOnboardingTourEnd: C,
-  onOnboardingTourClose: S,
-  onOnboardingTourChange: $,
-  onOnboardingTourStart: E,
-  ...F
+  children: w,
+  onComplete: P,
+  dependsOn: R,
+  withPopoverMoveAnimation: T = !1,
+  classNames: D = {},
+  focusRevealProps: f,
+  onOnboardingTourEnd: O,
+  onOnboardingTourChange: k,
+  onOnboardingTourStart: N,
+  ...$
 }) => {
-  const { t: l } = M("pages"), { started: y, complete: f } = H(n, { dependsOn: k }), c = x(null), b = x(null), B = A(() => {
-    f(), m?.(), C?.();
-  }, [f, m, C]), _ = A(() => {
-    f(), m?.(), S?.();
-  }, [f, m, S]), j = R(() => {
-    const o = d.length, e = o === 1;
+  const { t: l } = q("pages"), { started: b, complete: x } = V(n, { dependsOn: R }), c = C(null), m = C(null), E = I(() => {
+    x(), P?.(), O?.();
+  }, [x, P, O]), F = S(() => {
+    const e = d.length, o = e === 1;
     return d.map((r, s) => {
       const a = {
         ...r,
-        title: J(r.title),
-        content: K(r.content)
+        title: G(r.title),
+        content: H(r.content)
       };
-      return r.footer === void 0 && (e ? a.footer = (u) => /* @__PURE__ */ p(
-        V,
+      return r.footer === void 0 && (o ? a.footer = (p) => /* @__PURE__ */ u(
+        M,
         {
-          controller: u,
+          controller: p,
           label: l("onboarding.continue")
         }
-      ) : a.footer = (u) => /* @__PURE__ */ p(
-        G,
+      ) : a.footer = (p) => /* @__PURE__ */ u(
+        U,
         {
-          controller: u,
+          controller: p,
           stepIndex: s,
-          totalSteps: o,
+          totalSteps: e,
           labels: {
             stepOf: l("onboarding.stepOf", {
               current: s + 1,
-              total: o
+              total: e
             }),
             back: l("onboarding.back"),
             next: l("onboarding.next"),
@@ -57,23 +54,23 @@ const w = "onboarding-tour-popover-dropdown", T = "data-onboarding-tour-active-d
         }
       )), a;
     });
-  }, [d, l]), z = R(() => {
-    const o = typeof g == "object" ? g : void 0, e = o?.popoverProps ?? {}, r = e.classNames ?? {}, s = e.styles ?? {}, a = [w, r.dropdown].filter(Boolean).join(" ");
+  }, [d, l]), B = S(() => {
+    const e = typeof f == "object" ? f : void 0, o = e?.popoverProps ?? {}, r = o.classNames ?? {}, s = o.styles ?? {}, a = [v, r.dropdown].filter(Boolean).join(" ");
     return {
-      ...o,
-      disableTargetInteraction: o?.disableTargetInteraction ?? !0,
+      ...e,
+      disableTargetInteraction: e?.disableTargetInteraction ?? !0,
       overlayProps: {
         blur: 0,
-        ...o?.overlayProps
+        ...e?.overlayProps
       },
       popoverProps: {
         position: "bottom",
         offset: 10,
         transitionProps: {
           duration: 0,
-          ...e.transitionProps ?? {}
+          ...o.transitionProps ?? {}
         },
-        ...e,
+        ...o,
         classNames: {
           ...r,
           dropdown: a
@@ -96,22 +93,22 @@ const w = "onboarding-tour-popover-dropdown", T = "data-onboarding-tour-active-d
         }
       }
     };
-  }, [g]);
-  return W(() => {
-    if (!y || !O) return;
-    let o = 0;
-    const e = document.createElement("style");
-    e.setAttribute("data-onboarding-tour-popover-animation", "true"), e.textContent = `.${w}:not([${T}]) { opacity: 0 !important; pointer-events: none !important; }`, document.head.appendChild(e);
+  }, [f]);
+  return L(() => {
+    if (!b || !T) return;
+    let e = 0;
+    const o = document.createElement("style");
+    o.setAttribute("data-onboarding-tour-popover-animation", "true"), o.textContent = `.${v}:not([${h}]) { opacity: 0 !important; pointer-events: none !important; }`, document.head.appendChild(o);
     const r = (t) => {
-      t.removeAttribute(T), t.style.removeProperty("position"), t.style.removeProperty("top"), t.style.removeProperty("left"), t.style.removeProperty("width"), t.style.removeProperty("transform"), t.style.removeProperty("opacity"), t.style.removeProperty("pointer-events"), t.style.removeProperty("will-change"), t.style.removeProperty("transition");
+      t.removeAttribute(h), t.style.removeProperty("position"), t.style.removeProperty("top"), t.style.removeProperty("left"), t.style.removeProperty("width"), t.style.removeProperty("transform"), t.style.removeProperty("opacity"), t.style.removeProperty("pointer-events"), t.style.removeProperty("will-change"), t.style.removeProperty("transition");
     }, s = (t) => {
       const i = t.getBoundingClientRect();
       if (i.width === 0 || i.height === 0) return;
-      const v = i.top, h = i.left, I = b.current?.top ?? v, L = b.current?.left ?? h;
-      c.current && c.current !== t && r(c.current), c.current = t, t.setAttribute(T, "true"), Object.assign(t.style, {
+      const g = i.top, y = i.left, _ = m.current?.top ?? g, j = m.current?.left ?? y;
+      c.current && c.current !== t && r(c.current), c.current = t, t.setAttribute(h, "true"), Object.assign(t.style, {
         position: "fixed",
-        top: `${I}px`,
-        left: `${L}px`,
+        top: `${_}px`,
+        left: `${j}px`,
         width: `${i.width}px`,
         transform: "none",
         opacity: "1",
@@ -119,46 +116,45 @@ const w = "onboarding-tour-popover-dropdown", T = "data-onboarding-tour-active-d
         willChange: "top, left",
         transition: "top 260ms cubic-bezier(0.2, 0, 0, 1), left 260ms cubic-bezier(0.2, 0, 0, 1)"
       }), requestAnimationFrame(() => {
-        t.isConnected && (t.style.top = `${v}px`, t.style.left = `${h}px`);
-      }), b.current = { top: v, left: h };
+        t.isConnected && (t.style.top = `${g}px`, t.style.left = `${y}px`);
+      }), m.current = { top: g, left: y };
     }, a = () => {
       const t = Array.from(
-        document.querySelectorAll(`.${w}`)
+        document.querySelectorAll(`.${v}`)
       ), i = t[t.length - 1];
       i && s(i);
-    }, u = new MutationObserver(() => {
-      cancelAnimationFrame(o), o = requestAnimationFrame(a);
+    }, p = new MutationObserver(() => {
+      cancelAnimationFrame(e), e = requestAnimationFrame(a);
     });
-    return a(), u.observe(document.body, { childList: !0, subtree: !0 }), () => {
-      u.disconnect(), cancelAnimationFrame(o), e.remove(), c.current && (r(c.current), c.current = null), b.current = null;
+    return a(), p.observe(document.body, { childList: !0, subtree: !0 }), () => {
+      p.disconnect(), cancelAnimationFrame(e), o.remove(), c.current && (r(c.current), c.current = null), m.current = null;
     };
-  }, [y, O]), d.length === 0 ? /* @__PURE__ */ p(q, { children: P }) : /* @__PURE__ */ p(
-    U,
+  }, [b, T]), d.length === 0 ? /* @__PURE__ */ u(z, { children: w }) : /* @__PURE__ */ u(
+    W,
     {
-      tour: j,
-      started: y,
+      tour: F,
+      started: b,
       onOnboardingTourStart: () => {
-        E?.();
+        N?.();
       },
-      onOnboardingTourChange: (o) => {
-        $?.(o);
+      onOnboardingTourChange: (e) => {
+        k?.(e);
       },
-      onOnboardingTourEnd: B,
-      onOnboardingTourClose: _,
+      onOnboardingTourEnd: E,
       withPrevButton: !1,
       withNextButton: !1,
       withSkipButton: !1,
       withStepper: !1,
       maw: 300,
       classNames: {
-        ...N
+        ...D
       },
-      focusRevealProps: z,
-      ...F,
-      children: P
+      focusRevealProps: B,
+      ...$,
+      children: w
     }
   );
 };
 export {
-  nt as OnboardingTourWrapper
+  ot as OnboardingTourWrapper
 };

package/dist/components/ProjectIcon/ProjectIcon.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { AvatarProps } from '@mantine/core';
 export type ProjectIconProps = {
     icon?: string | null;
@@ -22,18 +22,13 @@ export declare namespace IconEntity {
     const parse: (value?: string | null) => IconData | null;
     const stringify: (value?: Partial<IconData>) => string;
 }
-/** Используется для отображения бокса с иконкой или первой буквы имени */
-export declare const ProjectIcon: import("react").ForwardRefExoticComponent<{
-    icon?: string | null;
-    name?: string | null;
-    fallback?: ReactNode;
-    fallbackColor?: string;
-    fallbackColorById?: string;
-    initials?: boolean;
-} & Omit<AvatarProps, "color" | "name"> & {
+type ProjectIconFullProps = ProjectIconProps & {
+    ref?: React.Ref<HTMLDivElement>;
     size?: number | string;
     textSize?: number;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const renderIcon: (data: IconData | null, fallback?: ProjectIconProps["fallback"], initials?: ProjectIconProps["initials"], name?: ProjectIconProps["name"]) => string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+};
+/** Используется для отображения бокса с иконкой или первой буквы имени */
+export declare const ProjectIcon: ({ icon, name, fallback, size, textSize, fallbackColorById, initials, fallbackColor, ref, ...props }: ProjectIconFullProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const renderIcon: (data: IconData | null, fallback?: ProjectIconProps["fallback"], initials?: ProjectIconProps["initials"], name?: ProjectIconProps["name"]) => string | number | bigint | true | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=ProjectIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ProjectIcon/ProjectIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAU,WAAW,EAAQ,MAAM,eAAe,CAAC;AAO1D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAExC,oBAAY,QAAQ;IAClB,QAAQ,MAAM;IACd,MAAM,MAAM;CACb;AAED,KAAK,QAAQ,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE/E,yBAAiB,UAAU,CAAC;IACnB,MAAM,KAAK,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,QAAQ,GAAG,IASxD,CAAC;IAEK,MAAM,SAAS,GAAI,QAAQ,OAAO,CAAC,QAAQ,CAAC,KAAG,MAQrD,CAAC;CACH;AAED,0EAA0E;AAC1E,eAAO,MAAM,WAAW;WAvCf,MAAM,GAAG,IAAI;WACb,MAAM,GAAG,IAAI;eACT,SAAS;oBACJ,MAAM;wBACF,MAAM;eACf,OAAO;;WAqCT,MAAM,GAAG,MAAM;eACX,MAAM;kDAuDpB,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,MAAM,QAAQ,GAAG,IAAI,EACrB,WAAW,gBAAgB,CAAC,UAAU,CAAC,EACvC,WAAW,gBAAgB,CAAC,UAAU,CAAC,EACvC,OAAO,gBAAgB,CAAC,MAAM,CAAC,kGAqBhC,CAAC"}
+{"version":3,"file":"ProjectIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ProjectIcon/ProjectIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAU,WAAW,EAAQ,MAAM,eAAe,CAAC;AAO1D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAExC,oBAAY,QAAQ;IAClB,QAAQ,MAAM;IACd,MAAM,MAAM;CACb;AAED,KAAK,QAAQ,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE/E,yBAAiB,UAAU,CAAC;IACnB,MAAM,KAAK,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,QAAQ,GAAG,IASxD,CAAC;IAEK,MAAM,SAAS,GAAI,QAAQ,OAAO,CAAC,QAAQ,CAAC,KAAG,MAQrD,CAAC;CACH;AAED,KAAK,oBAAoB,GAAG,gBAAgB,GAAG;IAC7C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,WAAW,GAAI,qGAWzB,oBAAoB,mDAsCtB,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,MAAM,QAAQ,GAAG,IAAI,EACrB,WAAW,gBAAgB,CAAC,UAAU,CAAC,EACvC,WAAW,gBAAgB,CAAC,UAAU,CAAC,EACvC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2SAqBhC,CAAC"}

package/dist/components/ProjectIcon/ProjectIcon.js

@@ -1,14 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { Avatar as d, Text as y } from "@mantine/core";
-import { omit as x, isString as S, isNil as j } from "lodash-es";
-import L from "query-string";
-import { DEFAULT_VALUES as w } from "../../constants.js";
+import { Avatar as u, Text as y } from "@mantine/core";
+import { omit as d, isString as x, isNil as S } from "lodash-es";
+import j from "query-string";
+import { DEFAULT_VALUES as L } from "../../constants.js";
 import { customIcons as v } from "../EmojiPicker/custom-icons/customIcons.js";
-var I = /* @__PURE__ */ ((r) => (r.OUTLINED = "o", r.FILLED = "f", r))(I || {}), c;
+var w = /* @__PURE__ */ ((r) => (r.OUTLINED = "o", r.FILLED = "f", r))(w || {}), c;
 ((r) => {
   r.parse = (t) => {
-    if (!S(t) || t.trim() === "") return null;
+    if (!x(t) || t.trim() === "") return null;
     const e = new URLSearchParams(t);
     return {
       icon: e.get("i") || "",
@@ -17,7 +16,7 @@ var I = /* @__PURE__ */ ((r) => (r.OUTLINED = "o", r.FILLED = "f", r))(I || {}),
       type: e.get("t") || "o"
       /* OUTLINED */
     };
-  }, r.stringify = (t) => j(t) ? "" : L.stringify({
+  }, r.stringify = (t) => S(t) ? "" : j.stringify({
     i: t.icon || void 0,
     c: t.color || void 0,
     e: t.emoji || void 0,
@@ -25,64 +24,63 @@ var I = /* @__PURE__ */ ((r) => (r.OUTLINED = "o", r.FILLED = "f", r))(I || {}),
     /* OUTLINED */
   });
 })(c || (c = {}));
-const O = u(
-  ({
-    icon: r,
-    name: t,
-    fallback: e,
-    size: i,
-    textSize: n,
-    fallbackColorById: f,
-    initials: l = !0,
-    fallbackColor: g,
-    ...s
-  }, p) => {
-    const m = c.parse(r);
-    if (!m && !e) return null;
-    const h = m?.color || (f ? "initials" : g) || w.COLORS[0];
-    return /* @__PURE__ */ o(
-      d,
-      {
-        ref: p,
-        variant: "transparent",
-        color: h,
-        name: f,
-        size: i || 20,
-        style: {
-          overflow: s.radius ? "hidden" : "visible",
-          ...s.style
-        },
-        ...x(s, ["style"]),
-        children: /* @__PURE__ */ o(
-          y,
-          {
-            fz: `${n || i}px`,
-            fw: "bold",
-            tt: "uppercase",
-            style: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              lineHeight: "normal"
-            },
-            children: A(m, e, l, t)
-          }
-        )
-      }
-    );
-  }
-), A = (r, t, e, i) => {
+const F = ({
+  icon: r,
+  name: t,
+  fallback: e,
+  size: i,
+  textSize: n,
+  fallbackColorById: l,
+  initials: f = !0,
+  fallbackColor: g,
+  ref: h,
+  ...s
+}) => {
+  const m = c.parse(r);
+  if (!m && !e) return null;
+  const p = m?.color || (l ? "initials" : g) || L.COLORS[0];
+  return /* @__PURE__ */ o(
+    u,
+    {
+      ref: h,
+      variant: "transparent",
+      color: p,
+      name: l,
+      size: i || 20,
+      style: {
+        overflow: s.radius ? "hidden" : "visible",
+        ...s.style
+      },
+      ...d(s, ["style"]),
+      children: /* @__PURE__ */ o(
+        y,
+        {
+          fz: `${n || i}px`,
+          fw: "bold",
+          tt: "uppercase",
+          style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            lineHeight: "normal"
+          },
+          children: I(m, e, f, t)
+        }
+      )
+    }
+  );
+}, I = (r, t, e, i) => {
   const n = v?.[r?.icon || ""];
   return n ? /* @__PURE__ */ o(n, { width: "1em", height: "1em", style: { flexShrink: 0 } }) : r?.icon ? /* @__PURE__ */ o("svg", { width: "1em", height: "1em", style: { flexShrink: 0 }, children: /* @__PURE__ */ o(
     "use",
     {
       xlinkHref: `/tabler-sprite${r.type === "f" ? "-filled" : ""}.svg#tabler-${r.type === "f" ? "filled-" : ""}${r.icon}`
     }
-  ) }) : r?.emoji ? r.emoji : t || (i && e ? C(i) : null);
-}, C = (r) => String.fromCodePoint(r?.trim()?.codePointAt(0) ?? 1);
+  ) }) : r?.emoji ? r.emoji : t || (i && e ? A(i) : null);
+}, A = (r) => String.fromCodePoint(r?.trim()?.codePointAt(0) ?? 1);
 export {
   c as IconEntity,
-  I as IconType,
-  O as ProjectIcon,
-  A as renderIcon
+  w as IconType,
+  F as ProjectIcon,
+  I as renderIcon
 };

package/dist/components/UserAvatar/index.d.ts

@@ -2,8 +2,9 @@ import React, { ReactNode } from 'react';
 import { AvatarProps } from '@mantine/core';
 import { MenuUser } from '../AppContainer/components/menus/UserMenu/MenuUserDropdown';
 export interface UserAvatarProps extends AvatarProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof AvatarProps> {
+    ref?: React.Ref<HTMLDivElement>;
     user?: Partial<MenuUser> | null;
     emptyIcon?: ReactNode;
 }
-export declare const UserAvatar: React.ForwardRefExoticComponent<UserAvatarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const UserAvatar: ({ user, size, emptyIcon, ref, ...props }: UserAvatarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/UserAvatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAErD,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,WAAW,eACf,SAAQ,WAAW,EACjB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,wFAuCtB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,WAAW,eACf,SAAQ,WAAW,EACjB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,GAAI,0CAMxB,eAAe,4CAqCjB,CAAC"}

package/dist/components/UserAvatar/index.js

@@ -1,39 +1,42 @@
 import { jsx as t, Fragment as c } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { Avatar as d } from "@mantine/core";
+import { Avatar as m } from "@mantine/core";
 import { IconUser as l } from "@tabler/icons-react";
-import { ProjectIcon as f } from "../ProjectIcon/ProjectIcon.js";
-const A = m(
-  ({ user: r, size: o = 24, emptyIcon: e, ...i }, n) => {
-    const a = r?.avatar || r?.avatarUrl;
-    return a && (a.includes("i=") || a.includes("e=")) ? /* @__PURE__ */ t(
-      f,
-      {
-        icon: a,
-        name: r?.name,
-        fallbackColorById: r?.id,
-        size: o,
-        textSize: typeof o == "number" ? o * 0.75 : void 0,
-        radius: i.radius,
-        ...i,
-        ref: n
-      }
-    ) : /* @__PURE__ */ t(
-      d,
-      {
-        src: a,
-        color: "initials",
-        tt: "uppercase",
-        size: o,
-        variant: "filled",
-        name: r?.id ?? "",
-        ...i,
-        ref: n,
-        children: r ? /* @__PURE__ */ t(c, { children: r.name?.charAt(0) }) : /* @__PURE__ */ t(c, { children: e ?? /* @__PURE__ */ t(l, { size: "70%" }) })
-      }
-    );
-  }
-);
+import { ProjectIcon as d } from "../ProjectIcon/ProjectIcon.js";
+const p = ({
+  user: a,
+  size: i = 24,
+  emptyIcon: e,
+  ref: o,
+  ...n
+}) => {
+  const r = a?.avatar || a?.avatarUrl;
+  return r && (r.includes("i=") || r.includes("e=")) ? /* @__PURE__ */ t(
+    d,
+    {
+      icon: r,
+      name: a?.name,
+      fallbackColorById: a?.id,
+      size: i,
+      textSize: typeof i == "number" ? i * 0.75 : void 0,
+      radius: n.radius,
+      ...n,
+      ref: o
+    }
+  ) : /* @__PURE__ */ t(
+    m,
+    {
+      src: r,
+      color: "initials",
+      tt: "uppercase",
+      size: i,
+      variant: "filled",
+      name: a?.id ?? "",
+      ...n,
+      ref: o,
+      children: a ? /* @__PURE__ */ t(c, { children: a.name?.charAt(0) }) : /* @__PURE__ */ t(c, { children: e ?? /* @__PURE__ */ t(l, { size: "70%" }) })
+    }
+  );
+};
 export {
-  A as UserAvatar
+  p as UserAvatar
 };

package/dist/components/WorkspaceAvatar/WorkspaceAvatar.d.ts

@@ -1,9 +1,9 @@
+import React from 'react';
 import { AvatarProps } from '@mantine/core';
 import { MenuWorkspace } from '../WorkspaceMenu/WorkspaceMenu';
 export type WorkspaceAvatarProps = AvatarProps & {
+    ref?: React.Ref<HTMLDivElement>;
     workspace?: MenuWorkspace | null;
 };
-export declare const WorkspaceAvatar: import("react").ForwardRefExoticComponent<AvatarProps & {
-    workspace?: MenuWorkspace | null;
-} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const WorkspaceAvatar: ({ workspace, ref, ...props }: WorkspaceAvatarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WorkspaceAvatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceAvatar/WorkspaceAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC/C,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,eAAe;gBAHd,aAAa,GAAG,IAAI;kDAkBjC,CAAC"}
+{"version":3,"file":"WorkspaceAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceAvatar/WorkspaceAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC/C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,8BAI7B,oBAAoB,4CAatB,CAAC"}

package/dist/components/WorkspaceAvatar/WorkspaceAvatar.js

@@ -1,22 +1,23 @@
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { Avatar as i } from "@mantine/core";
-import m from "../../assets/default-workspace-avatar.jpg.js";
-const c = e(
-  ({ workspace: r, ...a }, t) => /* @__PURE__ */ o(
-    i,
-    {
-      src: r?.workspaceIcon || m,
-      tt: "uppercase",
-      color: "initials",
-      variant: "filled",
-      name: r?.workspaceId,
-      radius: "var(--mantine-radius-default)",
-      ...a,
-      ref: t
-    }
-  )
+import { Avatar as e } from "@mantine/core";
+import i from "../../assets/default-workspace-avatar.jpg.js";
+const p = ({
+  workspace: r,
+  ref: a,
+  ...t
+}) => /* @__PURE__ */ o(
+  e,
+  {
+    src: r?.workspaceIcon || i,
+    tt: "uppercase",
+    color: "initials",
+    variant: "filled",
+    name: r?.workspaceId,
+    radius: "var(--mantine-radius-default)",
+    ...t,
+    ref: a
+  }
 );
 export {
-  c as WorkspaceAvatar
+  p as WorkspaceAvatar
 };

package/dist/components/WorkspaceMenu/WorkspaceItem.js

@@ -1,26 +1,26 @@
-import { jsx as e, jsxs as t, Fragment as s } from "react/jsx-runtime";
+import { jsx as n, jsxs as t, Fragment as s } from "react/jsx-runtime";
 import { useTranslation as c } from "react-i18next";
-import { Menu as p, Flex as o, Box as m, Text as i } from "@mantine/core";
+import { Menu as p, Flex as m, Box as a, Text as i } from "@mantine/core";
 import { usePlatform as h } from "../../hooks/usePlatform.js";
-import { WorkspaceAvatar as d } from "../WorkspaceAvatar/WorkspaceAvatar.js";
-const M = ({ workspace: n, onClick: a }) => {
-  const { t: r } = c("workspaceMenu"), l = h();
-  return /* @__PURE__ */ e(
+import { WorkspaceAvatar as u } from "../WorkspaceAvatar/WorkspaceAvatar.js";
+const M = ({ workspace: e, onClick: l }) => {
+  const { t: r } = c("workspaceMenu"), o = h();
+  return /* @__PURE__ */ n(
     p.Item,
     {
       p: 4,
-      onClick: () => a?.(n),
+      onClick: () => l?.(e),
       component: "a",
       styles: { itemLabel: { minWidth: 0 } },
-      children: /* @__PURE__ */ t(o, { gap: 12, children: [
-        /* @__PURE__ */ e(d, { workspace: n, size: 36 }),
-        /* @__PURE__ */ t(m, { flex: 1, miw: 0, children: [
-          /* @__PURE__ */ e(i, { truncate: !0, size: "sm", fw: 500, c: "var(--mantine-color-bright)", children: n.workspaceName }),
-          !n?.invitation && /* @__PURE__ */ e(i, { c: "gray", fw: 500, size: "xs", component: "span", children: /* @__PURE__ */ t(o, { gap: 8, component: "span", children: [
-            n.totalMembers ? /* @__PURE__ */ t(s, { children: [
-              r("member", { count: n.totalMembers }),
-              /* @__PURE__ */ e(
-                m,
+      children: /* @__PURE__ */ t(m, { gap: 12, children: [
+        /* @__PURE__ */ n(u, { workspace: e, size: 36 }),
+        /* @__PURE__ */ t(a, { flex: 1, miw: 0, children: [
+          /* @__PURE__ */ n(i, { truncate: !0, size: "sm", fw: 500, c: "var(--mantine-color-bright)", children: e.workspaceName }),
+          !e?.invitation && /* @__PURE__ */ n(i, { c: "gray", fw: 500, size: "xs", component: "span", children: /* @__PURE__ */ t(m, { gap: 8, component: "span", children: [
+            o.has("memberCount") && e.totalMembers ? /* @__PURE__ */ t(s, { children: [
+              r("member", { count: e.totalMembers }),
+              /* @__PURE__ */ n(
+                a,
                 {
                   w: 2,
                   h: 2,
@@ -30,7 +30,7 @@ const M = ({ workspace: n, onClick: a }) => {
                 }
               )
             ] }) : null,
-            l.has("planBadges") && r(`plans.${n.plan}`)
+            o.has("planBadges") && r(`plans.${e.plan}`)
           ] }) })
         ] })
       ] })