@layers-app/shared 0.3.7 → 0.3.9

package/dist/components/Notification/NotificationCard.d.ts

@@ -1,8 +1,10 @@
+import React from 'react';
 import { UserNotifications } from '../AppContainer/components/menus/UserMenu/MenuUserDropdown';
 interface NotificationCardProps {
+    ref?: React.Ref<HTMLDivElement>;
     isFocused: boolean;
     notification: UserNotifications;
 }
-declare const NotificationCard: import("react").ForwardRefExoticComponent<NotificationCardProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const NotificationCard: ({ isFocused, notification, ref, }: NotificationCardProps) => import("react/jsx-runtime").JSX.Element;
 export default NotificationCard;
 //# sourceMappingURL=NotificationCard.d.ts.map

package/dist/components/Notification/NotificationCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCard.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAC;AAE/F,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,iBAAiB,CAAC;CACjC;AAED,QAAA,MAAM,gBAAgB,kHAkFrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"NotificationCard.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAC;AAE/F,UAAU,qBAAqB;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,iBAAiB,CAAC;CACjC;AAED,QAAA,MAAM,gBAAgB,GAAI,mCAIvB,qBAAqB,4CAgFvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/Notification/NotificationCard.js

@@ -1,92 +1,93 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { useTranslation as g } from "react-i18next";
-import { Flex as a, Text as l, Tooltip as x } from "@mantine/core";
-import { IconFileText as h, IconCheckbox as u, IconX as y } from "@tabler/icons-react";
-const b = p(
-  ({ isFocused: o, notification: e }, n) => {
-    const { i18n: s } = g("appContainer"), i = (d) => {
-      const m = s.language === "ru" ? "ru-RU" : "en-US";
-      return d.toLocaleDateString(m, {
-        day: "numeric",
-        month: "long",
-        year: "numeric"
-      });
-    }, c = new Date(e.createdAt), f = i(c);
-    return /* @__PURE__ */ t(
-      a,
-      {
-        ref: n,
-        px: 8,
-        w: "100%",
-        py: "sm",
-        justify: "flex-start",
-        style: {
-          backgroundColor: o ? "#f0f0f0" : "transparent",
-          cursor: "pointer",
-          borderRadius: "4px"
-        },
-        children: [
-          /* @__PURE__ */ t(a, { w: 274, justify: "flex-start", children: [
-            /* @__PURE__ */ r(
-              h,
-              {
-                size: 20,
-                color: "gray",
-                style: { alignSelf: "flex-start" }
-              }
-            ),
-            /* @__PURE__ */ r(l, { fz: 16, style: { alignSelf: "flex-start" }, children: e.pageIcon === "DefaultIcon" ? /* @__PURE__ */ r(u, { size: 20, color: "gray" }) : e.pageIcon }),
-            /* @__PURE__ */ t(a, { direction: "column", gap: 0, w: 200, children: [
-              /* @__PURE__ */ r(
-                x,
-                {
-                  disabled: e.description.length < 40,
-                  label: e.description,
-                  children: /* @__PURE__ */ r(
-                    l,
-                    {
-                      fz: "sm",
-                      style: {
-                        alignSelf: "flex-start",
-                        lineHeight: "16px"
-                      },
-                      lineClamp: 2,
-                      children: e.description
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ t(
-                l,
-                {
-                  c: "dimmed",
-                  fz: "sm",
-                  h: "16",
-                  style: { alignSelf: "flex-start" },
-                  children: [
-                    " ",
-                    e.pageName
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ r(l, { c: "dimmed", fz: "sm", w: 98, style: { alignSelf: "flex-start" }, children: f }),
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import { Flex as a, Text as t, Tooltip as g } from "@mantine/core";
+import { IconFileText as x, IconCheckbox as h, IconX as u } from "@tabler/icons-react";
+const D = ({
+  isFocused: n,
+  notification: e,
+  ref: s
+}) => {
+  const { i18n: o } = p("appContainer"), i = (f) => {
+    const m = o.language === "ru" ? "ru-RU" : "en-US";
+    return f.toLocaleDateString(m, {
+      day: "numeric",
+      month: "long",
+      year: "numeric"
+    });
+  }, c = new Date(e.createdAt), d = i(c);
+  return /* @__PURE__ */ l(
+    a,
+    {
+      ref: s,
+      px: 8,
+      w: "100%",
+      py: "sm",
+      justify: "flex-start",
+      style: {
+        backgroundColor: n ? "#f0f0f0" : "transparent",
+        cursor: "pointer",
+        borderRadius: "4px"
+      },
+      children: [
+        /* @__PURE__ */ l(a, { w: 274, justify: "flex-start", children: [
           /* @__PURE__ */ r(
-            y,
+            x,
             {
-              width: 12,
-              height: 12,
+              size: 20,
               color: "gray",
-              style: { alignSelf: "flex-start", marginTop: "5px" }
+              style: { alignSelf: "flex-start" }
             }
-          )
-        ]
-      }
-    );
-  }
-);
+          ),
+          /* @__PURE__ */ r(t, { fz: 16, style: { alignSelf: "flex-start" }, children: e.pageIcon === "DefaultIcon" ? /* @__PURE__ */ r(h, { size: 20, color: "gray" }) : e.pageIcon }),
+          /* @__PURE__ */ l(a, { direction: "column", gap: 0, w: 200, children: [
+            /* @__PURE__ */ r(
+              g,
+              {
+                disabled: e.description.length < 40,
+                label: e.description,
+                children: /* @__PURE__ */ r(
+                  t,
+                  {
+                    fz: "sm",
+                    style: {
+                      alignSelf: "flex-start",
+                      lineHeight: "16px"
+                    },
+                    lineClamp: 2,
+                    children: e.description
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ l(
+              t,
+              {
+                c: "dimmed",
+                fz: "sm",
+                h: "16",
+                style: { alignSelf: "flex-start" },
+                children: [
+                  " ",
+                  e.pageName
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ r(t, { c: "dimmed", fz: "sm", w: 98, style: { alignSelf: "flex-start" }, children: d }),
+        /* @__PURE__ */ r(
+          u,
+          {
+            width: 12,
+            height: 12,
+            color: "gray",
+            style: { alignSelf: "flex-start", marginTop: "5px" }
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  b as default
+  D as default
 };

package/dist/components/OnBoarding/steps/DifferentLayouts/styles.module.css.js

@@ -1,9 +1,9 @@
-const c = "_column_lzz41_1", l = "_card_lzz41_11", o = {
+const c = "_column_10zam_1", a = "_card_10zam_6", o = {
   column: c,
-  card: l
+  card: a
 };
 export {
-  l as card,
+  a as card,
   c as column,
   o as default
 };

package/dist/components/OnBoarding/steps/styles.module.css.js

@@ -1,17 +1,17 @@
-const e = "_stepperWrapper_18rxv_1", r = "_accordion_18rxv_25", t = "_content_18rxv_33", o = "_item_18rxv_41", c = "_chevron_18rxv_49", n = "_label_18rxv_63", _ = {
-  stepperWrapper: e,
-  accordion: r,
-  content: t,
-  item: o,
+const o = "_stepperWrapper_op9ph_1", p = "_accordion_op9ph_13", e = "_content_op9ph_17", t = "_item_op9ph_21", c = "_chevron_op9ph_25", n = "_label_op9ph_32", _ = {
+  stepperWrapper: o,
+  accordion: p,
+  content: e,
+  item: t,
   chevron: c,
   label: n
 };
 export {
-  r as accordion,
+  p as accordion,
   c as chevron,
-  t as content,
+  e as content,
   _ as default,
-  o as item,
+  t as item,
   n as label,
-  e as stepperWrapper
+  o as stepperWrapper
 };

package/dist/components/OnBoarding/styles.module.css.js

@@ -1,15 +1,15 @@
-const a = "_boardContainer_3kft5_1", t = "_appShell_3kft5_19", e = "_navBar_3kft5_31", n = "_appShellHeader_3kft5_49", o = "_button_3kft5_83", _ = {
+const a = "_boardContainer_zk8z5_1", e = "_appShell_zk8z5_10", n = "_navBar_zk8z5_16", t = "_appShellHeader_zk8z5_25", o = "_button_zk8z5_42", _ = {
   boardContainer: a,
-  appShell: t,
-  navBar: e,
-  appShellHeader: n,
+  appShell: e,
+  navBar: n,
+  appShellHeader: t,
   button: o
 };
 export {
-  t as appShell,
-  n as appShellHeader,
+  e as appShell,
+  t as appShellHeader,
   a as boardContainer,
   o as button,
   _ as default,
-  e as navBar
+  n as navBar
 };

package/dist/components/OnboardingTour/OnboardingTourWrapper.d.ts

@@ -9,5 +9,5 @@ export interface OnboardingTourWrapperProps extends Partial<Omit<OnboardingTourP
     dependsOn?: string;
     withPopoverMoveAnimation?: boolean;
 }
-export declare const OnboardingTourWrapper: ({ featureKey, tour, children, onComplete, dependsOn, withPopoverMoveAnimation, classNames, focusRevealProps: externalFocusRevealProps, onOnboardingTourEnd: externalOnEnd, onOnboardingTourClose: externalOnClose, onOnboardingTourChange: externalOnChange, onOnboardingTourStart: externalOnStart, ...rest }: OnboardingTourWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OnboardingTourWrapper: ({ featureKey, tour, children, onComplete, dependsOn, withPopoverMoveAnimation, classNames, focusRevealProps: externalFocusRevealProps, onOnboardingTourEnd: externalOnEnd, onOnboardingTourChange: externalOnChange, onOnboardingTourStart: externalOnStart, ...rest }: OnboardingTourWrapperProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=OnboardingTourWrapper.d.ts.map

package/dist/components/OnboardingTour/OnboardingTourWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingTourWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/OnboardingTourWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAGhF,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACxB,MAAM,mCAAmC,CAAC;AAS3C,OAAO,6BAA6B,CAAC;AAErC,MAAM,WAAW,0BACf,SAAQ,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;IAC3E,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AA+BD,eAAO,MAAM,qBAAqB,GAAI,gTAcnC,0BAA0B,4CAiP5B,CAAC"}
+{"version":3,"file":"OnboardingTourWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/OnboardingTourWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAGhF,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACxB,MAAM,mCAAmC,CAAC;AAS3C,OAAO,6BAA6B,CAAC;AAErC,MAAM,WAAW,0BACf,SAAQ,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;IAC3E,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AA+BD,eAAO,MAAM,qBAAqB,GAAI,wQAanC,0BAA0B,4CA2O5B,CAAC"}

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"}