@layers-app/shared 0.2.0 → 0.2.2

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

@@ -1,58 +1,59 @@
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import { memo as p, useRef as x, useEffect as y } from "react";
-import { useTranslation as h } from "react-i18next";
-import { NavLink as C } from "react-router-dom";
-import { MoreHorizontalIcon as I, ArrowRight01Icon as S } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as f } from "@hugeicons/react";
-import { EmojiPicker as b } from "../../EmojiPicker/EmojiPicker.js";
-import { useAsyncStatus as E } from "../../../hooks/useAsyncStatus.js";
-import { NavMenu as M } from "../NavMenu.js";
-import { useNavMenuStore as m } from "../store.js";
-import { Flex as d, Loader as g, Text as v, FocusTrap as k, Center as z, Tooltip as j } from "@mantine/core";
-import { useForm as P } from "@mantine/form";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { memo as m, useRef as x, useEffect as b, useMemo as E } from "react";
+import { useTranslation as g } from "react-i18next";
+import { NavLink as S } from "react-router-dom";
+import { MoreHorizontalIcon as I, ArrowRight01Icon as M } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as v } from "@hugeicons/react";
+import { ApiCommon as h } from "../../../node_modules/@layers-app/layers/src/api/common.js";
+import { Flex as p, Loader as y, Text as N, FocusTrap as k, Center as j, Tooltip as P } from "@mantine/core";
+import { useForm as z } from "@mantine/form";
 import { useClickOutside as A } from "@mantine/hooks";
-import { EntityIcon as N } from "../../EntityIcon.js";
-import { NavMenuActionIcon as F } from "./NavMenuActionIcon.js";
+import { useAsyncStatus as D } from "../../../hooks/useAsyncStatus.js";
+import { EmojiPicker as F } from "../../EmojiPicker/EmojiPicker.js";
+import { EntityIcon as w } from "../../EntityIcon.js";
+import { NavMenu as L } from "../NavMenu.js";
+import { useNavMenuStore as u } from "../store.js";
+import { NavMenuActionIcon as O } from "./NavMenuActionIcon.js";
 import a from "../NavMenu.module.css.js";
-const Y = p(({ item: e, ignoreDepth: i }) => {
-  const { useStore: r } = m(), o = r((s) => s.editId === e.id);
-  return /* @__PURE__ */ n(w, { depth: i ? void 0 : e.depth, children: o ? /* @__PURE__ */ n(L, { item: e }) : /* @__PURE__ */ n(D, { item: e }) });
-}), D = p(({ item: e }) => {
-  const { api: i } = m();
-  return e.href ? /* @__PURE__ */ n(
-    C,
+const ne = m(({ item: e, ignoreDepth: o }) => {
+  const { useStore: r } = u(), n = r((s) => s.editId === e.id);
+  return /* @__PURE__ */ t(C, { depth: o ? void 0 : e.depth, children: n ? /* @__PURE__ */ t(B, { item: e }) : /* @__PURE__ */ t(T, { item: e }) });
+}), T = m(({ item: e }) => {
+  const { api: o } = u();
+  return e.href ? /* @__PURE__ */ t(
+    S,
     {
       to: e.href,
       className: a.item,
       "data-active": e.active,
       "data-has-children": e.hasChildren,
-      children: /* @__PURE__ */ n(u, { item: e })
+      children: /* @__PURE__ */ t(f, { item: e })
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ t(
     "div",
     {
       className: a.item,
       "data-active": e.active,
       "data-has-children": e.hasChildren,
-      onClick: () => i.toggleOpened(e),
-      children: /* @__PURE__ */ n(u, { item: e })
+      onClick: () => o.toggleOpened(e),
+      children: /* @__PURE__ */ t(f, { item: e })
     }
   );
-}), u = p(({ item: e }) => {
-  const { t: i } = h(), { useStore: r, api: o } = m(), s = r((t) => t.opened.includes(e.id)), c = r((t) => t.loading[e.id]);
-  return /* @__PURE__ */ l(d, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
-    /* @__PURE__ */ l(d, { gap: 4, miw: 0, flex: 1, children: [
-      c ? /* @__PURE__ */ n(z, { w: 20, h: 20, children: /* @__PURE__ */ n(g, { size: 16 }) }) : e.hasChildren && /* @__PURE__ */ n(
-        F,
+}), f = m(({ item: e }) => {
+  const { t: o } = g(), { useStore: r, api: n } = u(), s = r((i) => i.opened.includes(e.id)), l = r((i) => i.loading[e.id]);
+  return /* @__PURE__ */ d(p, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
+    /* @__PURE__ */ d(p, { gap: 4, miw: 0, flex: 1, children: [
+      l ? /* @__PURE__ */ t(j, { w: 20, h: 20, children: /* @__PURE__ */ t(y, { size: 16 }) }) : e.hasChildren && /* @__PURE__ */ t(
+        O,
         {
           className: a.chevron,
-          onClick: (t) => {
-            t.preventDefault(), t.stopPropagation(), o.toggleOpened(e);
+          onClick: (i) => {
+            i.preventDefault(), i.stopPropagation(), n.toggleOpened(e);
           },
-          children: /* @__PURE__ */ n(
-            f,
+          children: /* @__PURE__ */ t(
+            v,
             {
-              icon: S,
+              icon: M,
               size: 16,
               style: {
                 transform: `rotate(${s ? 90 : 0}deg)`,
@@ -62,15 +63,15 @@ const Y = p(({ item: e, ignoreDepth: i }) => {
           )
         }
       ),
-      /* @__PURE__ */ n("div", { className: a.icon, children: /* @__PURE__ */ n(N, { item: e.data }) }),
-      /* @__PURE__ */ n(
-        j,
+      /* @__PURE__ */ t("div", { className: a.icon, children: /* @__PURE__ */ t(w, { item: e.data }) }),
+      /* @__PURE__ */ t(
+        P,
         {
           disabled: e.title.length < 25,
-          label: e.title || i("noName"),
+          label: e.title || o("noName"),
           openDelay: 400,
-          children: /* @__PURE__ */ n(
-            v,
+          children: /* @__PURE__ */ t(
+            N,
             {
               flex: 1,
               truncate: !0,
@@ -79,10 +80,10 @@ const Y = p(({ item: e, ignoreDepth: i }) => {
               fw: 500,
               miw: 0,
               c: "var(--mantine-color-text)",
-              onDoubleClick: (t) => {
-                r.getState().props.onEdit && (t.preventDefault(), t.stopPropagation(), o.startEditing(e.id));
+              onDoubleClick: (i) => {
+                r.getState().props.onEdit && !e?.isDisabledEditByDoubleClick && (i.preventDefault(), i.stopPropagation(), n.startEditing(e.id));
               },
-              children: e.title || i("noName")
+              children: e.title || o("noName")
             }
           )
         }
@@ -90,33 +91,40 @@ const Y = p(({ item: e, ignoreDepth: i }) => {
     ] }),
     e.rightSection
   ] });
-}), L = p(({ item: e }) => {
-  const { api: i } = m(), r = x(null), o = P({
+}), B = m(({ item: e }) => {
+  const { api: o } = u(), r = x(null), n = z({
     initialValues: {
       name: e.title,
       icon: e.data?.icon || ""
     }
-  }), s = (t) => {
-    i.handleEdit({
+  }), s = (c) => {
+    o.handleEdit({
       id: e.id,
-      name: t.name ?? "",
-      icon: t.icon ?? ""
-    }), i.stopEditing();
-  }, c = A(() => {
-    s(o.getValues());
+      name: c.name ?? "",
+      icon: c.icon ?? ""
+    }), o.stopEditing();
+  }, l = A(() => {
+    s(n.getValues());
   });
-  return y(() => {
+  b(() => {
     r.current && r.current.select();
-  }, []), /* @__PURE__ */ n(
+  }, []);
+  const i = E(
+    () => [h.Entity.Sprint, h.Entity.Project].includes(
+      e.data?.type || ""
+    ),
+    [e.data?.type]
+  );
+  return /* @__PURE__ */ t(
     "form",
     {
-      onSubmit: o.onSubmit(s),
+      onSubmit: n.onSubmit(s),
       className: a.item,
-      ref: c,
+      ref: l,
       "data-editing": !0,
-      children: /* @__PURE__ */ l(d, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
-        /* @__PURE__ */ n("div", { className: a.icon, children: /* @__PURE__ */ n(
-          b,
+      children: /* @__PURE__ */ d(p, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
+        /* @__PURE__ */ t("div", { className: a.icon, children: /* @__PURE__ */ t(
+          F,
           {
             showIcons: !0,
             showColors: !0,
@@ -124,25 +132,25 @@ const Y = p(({ item: e, ignoreDepth: i }) => {
             popoverProps: {
               floatingStrategy: "fixed"
             },
-            value: o.values.icon,
-            onChange: (t) => o.setFieldValue("icon", t),
-            children: /* @__PURE__ */ n(M.ActionIcon, { children: /* @__PURE__ */ n(N, { item: { ...e.data, icon: o.values.icon } }) })
+            value: n.values.icon,
+            onChange: (c) => n.setFieldValue("icon", c),
+            children: /* @__PURE__ */ t(L.ActionIcon, { disabled: i, children: /* @__PURE__ */ t(w, { item: { ...e.data, icon: n.values.icon } }) })
           }
         ) }),
-        /* @__PURE__ */ n(k, { children: /* @__PURE__ */ n(
+        /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(
           "input",
           {
             ref: r,
             className: a.editInput,
-            ...o.getInputProps("name"),
-            onFocus: (t) => t.target.select()
+            ...n.getInputProps("name"),
+            onFocus: (c) => c.target.select()
           }
         ) })
       ] })
     }
   );
-}), w = p(
-  ({ depth: e = 0, children: i }) => /* @__PURE__ */ l(
+}), C = m(
+  ({ depth: e = 0, children: o }) => /* @__PURE__ */ d(
     "div",
     {
       className: a.itemContainer,
@@ -150,30 +158,30 @@ const Y = p(({ item: e, ignoreDepth: i }) => {
         "--depth": e
       },
       children: [
-        Array.from({ length: e }).map((r, o) => /* @__PURE__ */ n("div", { className: a.depthBox }, o)),
-        i
+        Array.from({ length: e }).map((r, n) => /* @__PURE__ */ t("div", { className: a.depthBox }, n)),
+        o
       ]
     }
   )
-), Z = ({
+), oe = ({
   depth: e,
-  itemId: i,
+  itemId: o,
   currentChildrenCount: r
 }) => {
-  const { t: o } = h("appContainer"), { api: s } = m(), { isLoading: c, onSubmit: t } = E();
-  return /* @__PURE__ */ n(w, { depth: e, children: /* @__PURE__ */ n(
+  const { t: n } = g("appContainer"), { api: s } = u(), { isLoading: l, onSubmit: i } = D();
+  return /* @__PURE__ */ t(C, { depth: e, children: /* @__PURE__ */ t(
     "div",
     {
       className: a.item,
-      onClick: () => t(() => s.loadMore({ itemId: i, currentChildrenCount: r })),
-      children: /* @__PURE__ */ n(d, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: /* @__PURE__ */ l(d, { gap: 4, miw: 0, flex: 1, c: "gray", children: [
-        /* @__PURE__ */ n("div", { className: a.icon, children: c ? /* @__PURE__ */ n(g, { size: 16 }) : /* @__PURE__ */ n(f, { icon: I, size: 16 }) }),
-        /* @__PURE__ */ n(v, { flex: 1, truncate: !0, size: "sm", fw: 500, miw: 0, children: o("loadMore") })
+      onClick: () => i(() => s.loadMore({ itemId: o, currentChildrenCount: r })),
+      children: /* @__PURE__ */ t(p, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: /* @__PURE__ */ d(p, { gap: 4, miw: 0, flex: 1, c: "gray", children: [
+        /* @__PURE__ */ t("div", { className: a.icon, children: l ? /* @__PURE__ */ t(y, { size: 16 }) : /* @__PURE__ */ t(v, { icon: I, size: 16 }) }),
+        /* @__PURE__ */ t(N, { flex: 1, truncate: !0, size: "sm", fw: 500, miw: 0, children: n("loadMore") })
       ] }) })
     }
   ) });
 };
 export {
-  Y as NavMenuItem,
-  Z as NavMenuLoadMore
+  ne as NavMenuItem,
+  oe as NavMenuLoadMore
 };

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

@@ -1,3 +1,4 @@
 import { PropsWithChildren } from 'react';
 import { TextProps } from '@mantine/core';
 export declare const NavMenuLabel: ({ children, ...props }: PropsWithChildren<TextProps>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NavMenuLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenuLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/NavMenu/components/NavMenuLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,YAAY,GAAI,wBAG1B,iBAAiB,CAAC,SAAS,CAAC,4CAW9B,CAAC"}

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

@@ -3,3 +3,4 @@ export * from './components/NavMenuItem';
 export * from './components/NavMenuLabel';
 export * from './types';
 export * from './store';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

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

@@ -45,3 +45,4 @@ export declare const useNavMenuStore: () => {
         expandItem: (itemId: string) => void;
     };
 };
+//# sourceMappingURL=store.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/store.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA6B,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAU,MAAM,SAAS,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;IAC7C,KAAK,EAAE;QACL,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;QAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;QAChD,UAAU,CAAC,EAAE,iBAAiB,CAAC;KAChC,CAAC;CACH,CAAC;AA0DF,eAAO,MAAM,kBAAkB;;;;2BAvDH,MAAM;;4BAQL,eAAe;6BAQd,oBAAoB;yBAaxB,MAAM,EAAE;yBAIR,MAAM,WAAW,OAAO,GAAG,SAAS;6BAVhC,MAAM;;CA2CnC,CAAC;AAMF,eAAO,MAAM,eAAe,GAAI,sBAG7B,iBAAiB,CAAC;IAAE,KAAK,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAA;CAAE,CAAC,4CAErE,CAAC;AAEF,eAAO,MAAM,eAAe;;;;2BA/EA,MAAM;;4BAQL,eAAe;6BAQd,oBAAoB;yBAaxB,MAAM,EAAE;yBAIR,MAAM,WAAW,OAAO,GAAG,SAAS;6BAVhC,MAAM;;CAwDoB,CAAC"}

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

@@ -17,6 +17,7 @@ export type NavMenuItemDef<DATA = NavMenuItemData> = {
     parentId: string;
     order?: number;
     data?: DATA;
+    isDisabledEditByDoubleClick?: boolean;
 };
 export type ExpandNavMenuItemDef<DATA = NavMenuItemData> = NavMenuItemDef<DATA> & {
     depth: number;
@@ -34,3 +35,4 @@ export type NavMenuOnLoadMore = (payload: {
     currentChildrenCount: number;
 }) => Promise<void>;
 export type NavMenuOrderChangePosition = 'before' | 'after' | 'inside';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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;CACvB,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;CACvC,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.d.ts

@@ -1,8 +1,10 @@
 /** Ресайзер для сайдбаров */
-export declare const NavbarResizer: import('react').MemoExoticComponent<({ width, onChange, minWidth, position, }: {
+export declare const NavbarResizer: import("react").MemoExoticComponent<({ width, onChange, minWidth, maxWidth, position, }: {
     width?: number;
     onChange?: (v: number) => void;
     minWidth?: number;
+    maxWidth?: number;
     /** Позиция сайдбара в котором используется */
     position: "left" | "right";
 }) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=NavbarResizer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarResizer.d.ts","sourceRoot":"","sources":["../../../src/components/NavbarResizer/NavbarResizer.tsx"],"names":[],"mappings":"AAOA,6BAA6B;AAC7B,eAAO,MAAM,aAAa,2FAOrB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B,6CA0CF,CAAC"}

package/dist/components/NavbarResizer/NavbarResizer.js

@@ -1,42 +1,42 @@
-import { jsx as l } from "react/jsx-runtime";
-import { memo as f, useState as i } from "react";
-import { useDraggable as p } from "draggable-ui";
-import { clamp as u } from "lodash-es";
-import b from "./NavbarResizer.module.css.js";
-const I = f(
+import { jsx as h } from "react/jsx-runtime";
+import { memo as b, useState as r } from "react";
+import { useDraggable as x } from "draggable-ui";
+import { clamp as y } from "lodash-es";
+import M from "./NavbarResizer.module.css.js";
+const N = b(
   ({
-    width: n,
-    onChange: a,
+    width: a,
+    onChange: n,
     minWidth: e = 300,
+    maxWidth: d,
     position: o
   }) => {
-    const [m, s] = i(-1), [t, r] = i(!1), { listeners: d } = p({
+    const [m, s] = r(-1), [t, i] = r(!1), { listeners: c } = x({
       onStart: () => {
-        s(n || 0), document.body.style.cursor = "col-resize", t || r(!0);
+        s(a || 0), document.body.style.cursor = "col-resize", t || i(!0);
       },
-      onMove: ({ deltaX: c }) => {
-        const g = u(
-          m + c * (o === "left" ? 1 : -1),
-          e,
-          Math.min(document.body.clientWidth - e, 600)
-        );
-        a?.(g);
+      onMove: ({ deltaX: l }) => {
+        const f = o === "left" ? 1 : -1, g = Math.min(
+          document.body.clientWidth - e,
+          600
+        ), u = d ?? g, p = y(m + l * f, e, u);
+        n?.(p);
       },
       onEnd: () => {
-        s(-1), t && r(!1);
+        s(-1), t && i(!1);
       }
     });
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ h(
       "div",
       {
-        className: b.resizer,
+        className: M.resizer,
         "data-dragging": t,
         "data-position": o,
-        ...d
+        ...c
       }
     );
   }
 );
 export {
-  I as NavbarResizer
+  N as NavbarResizer
 };

package/dist/components/NewColorPicker/components/Pallete.d.ts

@@ -10,3 +10,4 @@ interface IProps<T extends IColorData> {
 }
 export declare const Palette: <T extends IColorData>({ value, item, onChange, hideModeLabel, radius, hint, }: IProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Pallete.d.ts.map

package/dist/components/NewColorPicker/components/Pallete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pallete.d.ts","sourceRoot":"","sources":["../../../../src/components/NewColorPicker/components/Pallete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,aAAa,EAMd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,MAAM,CAAC,CAAC,SAAS,UAAU;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,CAAC;IACR,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,UAAU,EAAE,yDAO3C,MAAM,CAAC,CAAC,CAAC,4CAiDX,CAAC"}

package/dist/components/NewColorPicker/components/Target.d.ts

@@ -6,5 +6,6 @@ interface IProps {
     hint?: 'tooltip' | 'title';
     withoutIcon?: boolean;
 }
-export declare const Target: import('react').ForwardRefExoticComponent<IProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const Target: import("react").ForwardRefExoticComponent<IProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};
+//# sourceMappingURL=Target.d.ts.map

package/dist/components/NewColorPicker/components/Target.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Target.d.ts","sourceRoot":"","sources":["../../../../src/components/NewColorPicker/components/Target.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,aAAa,EAAW,MAAM,eAAe,CAAC;AAG5E,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,sGA0ClB,CAAC"}

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

@@ -16,3 +16,4 @@ interface IProps<T extends IColorDictionary, M extends readonly (keyof T)[]> {
 }
 export declare const NewColorPicker: <T extends IColorDictionary, M extends readonly (keyof WithDefaults<T>)[]>(props: IProps<T, M>) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NewColorPicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,aAAa,EAEb,SAAS,EAGV,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzE,UAAU,MAAM,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,SAAS,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE;IACzE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,CAAC,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;IAE1D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,GACzB,CAAC,SAAS,gBAAgB,EAC1B,CAAC,SAAS,SAAS,CAAC,MAAM,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,EAE5C,OAAO,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,4CAmFpB,CAAC"}

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

@@ -25,3 +25,4 @@ export type OnChangeResult<T extends IColorDictionary, M extends readonly (keyof
     mode: M[number];
 };
 export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NewColorPicker/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AACD,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC1D,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,gBAAgB,IAAI,CAAC,GAAG;IACzD,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,KAAK,SAAS,CAAC,CAAC,IAAI;KACjB,CAAC,IAAI,CAAC,SAAS,OAAO,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,CAAC,SAAS;SAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC;KAAE,GACzE,CAAC,GACD,KAAK;CACV,CAAC;AACF,MAAM,MAAM,cAAc,CACxB,CAAC,SAAS,gBAAgB,EAC1B,CAAC,SAAS,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,IAC5B;IACF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1D,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;CACjB,CAAC"}

package/dist/components/NoData/NoData.d.ts

@@ -1,145 +1,145 @@
 import { FC, ReactNode } from 'react';
 import { ButtonProps, PolymorphicComponentProps, StackProps, TextProps, TitleProps } from '@mantine/core';
 export declare const illustrationMap: {
-    empty: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    empty: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noAccess: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noAccess: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    trash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    trash: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noImage: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noImage: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noResults: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noResults: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noComments: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noComments: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noData: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noData: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    emptyFolder: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    emptyFolder: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noTaskResults: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noTaskResults: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noSearchResults: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noSearchResults: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noMembers: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noMembers: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noGroups: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noGroups: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noNotifications: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noNotifications: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noWorkspaces: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noWorkspaces: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    paymentSuccess: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    paymentSuccess: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    notSuccessMan: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    notSuccessMan: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noAnswers: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noAnswers: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    alertMan: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    alertMan: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noFlows: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noFlows: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noTasks: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noTasks: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noCloud: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noCloud: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noForms: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    noForms: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    '404': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    '404': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    '500': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    '500': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
@@ -160,3 +160,4 @@ export type NoDataProps = {
     showDots?: boolean;
 } & StackProps;
 export declare const NoData: FC<NoDataProps>;
+//# sourceMappingURL=NoData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoData.d.ts","sourceRoot":"","sources":["../../../src/components/NoData/NoData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAGL,WAAW,EAGX,yBAAyB,EAEzB,UAAU,EAEV,SAAS,EAET,UAAU,EACX,MAAM,eAAe,CAAC;AAkCvB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,eAAe,GAAG,MAAM,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,yBAAyB,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,CAAC;IAC7D,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,UAAU,CAAC;AAEf,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA0ElC,CAAC"}