@layers-app/shared 0.1.5 → 0.2.1

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

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { StoreApi, UseBoundStore } from 'zustand';
+import { ExpandNavMenuItemDef, NavMenuOnLoadMore } from './types';
 export type NavMenuEditData = {
     id: string;
     name: string;
@@ -8,18 +9,24 @@ export type NavMenuEditData = {
 export type NavMenuStore = {
     editId: string | null;
     opened: string[];
+    loading: Record<string, boolean | undefined>;
     props: {
         onEdit?: (props: NavMenuEditData) => void;
+        onToggle?: (item: ExpandNavMenuItemDef) => void;
+        onLoadMore?: NavMenuOnLoadMore;
     };
 };
 export declare const createNavMenuStore: () => {
     useStore: UseBoundStore<StoreApi<NavMenuStore>>;
     api: {
+        loadMore: NavMenuOnLoadMore;
         startEditing: (id: string) => void;
         stopEditing: () => void;
         handleEdit: (props: NavMenuEditData) => void;
-        toggleOpened: (id: string) => void;
+        toggleOpened: (item: ExpandNavMenuItemDef) => void;
         setOpened: (ids: string[]) => void;
+        setLoading: (id: string, loading: boolean | undefined) => void;
+        expandItem: (itemId: string) => void;
     };
 };
 export declare const NavMenuProvider: ({ children, store, }: PropsWithChildren<{
@@ -28,10 +35,14 @@ export declare const NavMenuProvider: ({ children, store, }: PropsWithChildren<{
 export declare const useNavMenuStore: () => {
     useStore: UseBoundStore<StoreApi<NavMenuStore>>;
     api: {
+        loadMore: NavMenuOnLoadMore;
         startEditing: (id: string) => void;
         stopEditing: () => void;
         handleEdit: (props: NavMenuEditData) => void;
-        toggleOpened: (id: string) => void;
+        toggleOpened: (item: ExpandNavMenuItemDef) => void;
         setOpened: (ids: string[]) => void;
+        setLoading: (id: string, loading: boolean | undefined) => void;
+        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/store.js

@@ -0,0 +1,61 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useContext as r, createContext as s } from "react";
+import { uniq as p, xor as c } from "lodash-es";
+import { create as g } from "zustand";
+const l = (e) => ({
+  loadMore: async (t) => {
+    await e.getState().props.onLoadMore?.(t);
+  },
+  startEditing: (t) => {
+    e.setState({ editId: t });
+  },
+  stopEditing: () => {
+    e.setState({ editId: null });
+  },
+  handleEdit: (t) => {
+    e.getState().props.onEdit?.({
+      ...t,
+      name: t.name.trim(),
+      icon: t.icon.trim()
+    });
+  },
+  toggleOpened: (t) => {
+    e.setState((n) => ({
+      opened: c(n.opened, [t.id])
+    })), e.getState().props.onToggle?.(t);
+  },
+  setOpened: (t) => {
+    e.setState({ opened: t });
+  },
+  setLoading: (t, n) => {
+    e.setState((a) => ({
+      loading: { ...a.loading, [t]: n }
+    }));
+  },
+  expandItem: (t) => {
+    e.setState((n) => ({
+      opened: p([...n.opened, t])
+    }));
+  }
+}), L = () => {
+  const e = g(() => ({
+    editId: null,
+    opened: [],
+    loading: {},
+    props: {}
+  }));
+  return {
+    useStore: e,
+    api: l(e)
+  };
+}, d = s(
+  null
+), N = ({
+  children: e,
+  store: o
+}) => /* @__PURE__ */ i(d.Provider, { value: o, children: e }), h = () => r(d);
+export {
+  N as NavMenuProvider,
+  L as createNavMenuStore,
+  h as useNavMenuStore
+};

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

@@ -9,21 +9,30 @@ export type NavMenuItemDef<DATA = NavMenuItemData> = {
     title: string;
     href?: string;
     rightSection?: ReactNode;
-    isTemporary?: boolean;
     active?: boolean;
     hasChildren?: boolean;
-    loading?: boolean;
+    totalChildren?: number;
     children: NavMenuItemDef<DATA>[];
     pathById: string[];
+    parentId: string;
     order?: number;
     data?: DATA;
+    isDisabledEditByDoubleClick?: boolean;
 };
 export type ExpandNavMenuItemDef<DATA = NavMenuItemData> = NavMenuItemDef<DATA> & {
     depth: number;
+    isLast: boolean;
+    parentChildrenCount: number;
+    parentTotalChildren: number;
 };
 export type NavMenuOrderChange<DATA = NavMenuItemData> = (v: {
     item: ExpandNavMenuItemDef<DATA>;
     over: ExpandNavMenuItemDef<DATA>;
     position: NavMenuOrderChangePosition;
 }) => void;
-export type NavMenuOrderChangePosition = 'top' | 'bottom' | 'inside';
+export type NavMenuOnLoadMore = (payload: {
+    itemId: string;
+    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

@@ -0,0 +1,42 @@
+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: a,
+    onChange: n,
+    minWidth: e = 300,
+    maxWidth: d,
+    position: o
+  }) => {
+    const [m, s] = r(-1), [t, i] = r(!1), { listeners: c } = x({
+      onStart: () => {
+        s(a || 0), document.body.style.cursor = "col-resize", t || i(!0);
+      },
+      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 && i(!1);
+      }
+    });
+    return /* @__PURE__ */ h(
+      "div",
+      {
+        className: M.resizer,
+        "data-dragging": t,
+        "data-position": o,
+        ...c
+      }
+    );
+  }
+);
+export {
+  N as NavbarResizer
+};

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

@@ -0,0 +1,7 @@
+const e = "_resizer_ez847_1", s = {
+  resizer: e
+};
+export {
+  s as default,
+  e as resizer
+};

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/Pallete.js

@@ -0,0 +1,46 @@
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { Box as s, Text as b, SimpleGrid as h, Tooltip as u, Menu as v, ActionIcon as x, alpha as c } from "@mantine/core";
+const I = ({
+  value: d,
+  item: i,
+  onChange: r,
+  hideModeLabel: n,
+  radius: t,
+  hint: a
+}) => /* @__PURE__ */ p(s, { children: [
+  !n && i.label && /* @__PURE__ */ e(b, { c: "dimmed", fz: "xs", pb: 3, children: i.label }),
+  /* @__PURE__ */ e(h, { cols: 5, spacing: 8, children: i.palette.map((l) => {
+    const o = l.value === "inherit";
+    return /* @__PURE__ */ e(
+      u,
+      {
+        label: l.label,
+        zIndex: 1e3,
+        disabled: a !== "tooltip",
+        children: /* @__PURE__ */ e(v.Item, { component: "div", p: 0, children: /* @__PURE__ */ e(
+          x,
+          {
+            title: a === "title" ? l.label : void 0,
+            variant: i.filled ? "filled" : "outline",
+            color: o ? "dark" : l.value,
+            bd: d === l.value ? `2px solid ${o ? "#ccc" : c(l.value, 1)}` : "1px solid #ccc",
+            bg: i.filled && o ? "white" : void 0,
+            onClick: () => r(l),
+            radius: t,
+            "aria-label": l.label,
+            w: 26,
+            miw: 26,
+            h: 26,
+            mih: 26,
+            style: i.filled ? { color: c(l.value, 1) } : {},
+            children: l.icon
+          }
+        ) })
+      },
+      l.value
+    );
+  }) })
+] });
+export {
+  I as Palette
+};

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/components/Target.js

@@ -0,0 +1,47 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { useTranslation as m } from "react-i18next";
+import { Tooltip as d, Button as p, ColorSwatch as f } from "@mantine/core";
+import { IconLetterA as h, IconChevronDown as b } from "@tabler/icons-react";
+const k = s(
+  ({ value: r, disabled: i, radius: l, hint: t, withoutIcon: c, ...n }, a) => {
+    const { t: e } = m("ui");
+    return /* @__PURE__ */ o(d, { label: e("colorPicker.color"), disabled: t !== "tooltip", children: /* @__PURE__ */ o(
+      p,
+      {
+        ref: a,
+        disabled: i,
+        variant: "subtle",
+        color: "gray",
+        "aria-label": "Formatting text color",
+        title: t === "title" ? e("colorPicker.color") : void 0,
+        rightSection: /* @__PURE__ */ o(b, { size: 18 }),
+        px: 8,
+        styles: { section: { marginLeft: 2 } },
+        ...n,
+        children: /* @__PURE__ */ o(
+          f,
+          {
+            styles: {
+              childrenOverlay: { border: "1px solid #ccc" },
+              alphaOverlay: { display: "none" }
+            },
+            radius: l,
+            size: 22,
+            color: r.background,
+            children: !c && /* @__PURE__ */ o(
+              h,
+              {
+                size: 14,
+                color: r.color === "inherit" ? "var(--mantine-color-text)" : r.color
+              }
+            )
+          }
+        )
+      }
+    ) });
+  }
+);
+export {
+  k as Target
+};

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/index.js

@@ -0,0 +1,92 @@
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import { useMemo as P } from "react";
+import { useTranslation as x } from "react-i18next";
+import { alpha as C, Menu as n, Stack as I } from "@mantine/core";
+import { IconLetterA as M } from "@tabler/icons-react";
+import { Palette as y } from "./components/Pallete.js";
+import { Target as z } from "./components/Target.js";
+const S = (u) => {
+  const { t: a } = x("ui"), {
+    value: t,
+    data: c,
+    modes: i = ["color", "background"],
+    onChange: g,
+    target: b,
+    menuProps: h,
+    disabled: f,
+    hideModeLabel: k,
+    hideInherit: l,
+    radius: m = 6,
+    hint: d = "tooltip",
+    alpha: s = 0.19
+  } = u, w = P(
+    () => ({
+      color: {
+        label: a("colorPicker.color"),
+        palette: p.slice(l ? 1 : 0).map(({ name: o, color: e }) => ({
+          label: a(`colorPicker.colors.${o}`),
+          value: e,
+          icon: /* @__PURE__ */ r(M, { size: 14 })
+        }))
+      },
+      background: {
+        label: a("colorPicker.background"),
+        filled: !0,
+        palette: p.slice(l ? 1 : 0).map(({ name: o, color: e }) => ({
+          label: a(`colorPicker.colors.${o}`),
+          value: e === "inherit" ? e : C(e, s),
+          filled: !0
+        }))
+      },
+      ...c ?? {}
+    }),
+    [c, l, s, a]
+  );
+  return /* @__PURE__ */ v(
+    n,
+    {
+      shadow: "md",
+      styles: { dropdown: { overflow: "auto", zIndex: 1e3 } },
+      middlewares: { size: { padding: 8 } },
+      ...h || {},
+      children: [
+        /* @__PURE__ */ r(n.Target, { children: b || /* @__PURE__ */ r(
+          z,
+          {
+            value: t,
+            disabled: f,
+            radius: m,
+            hint: d,
+            withoutIcon: !i.includes("color")
+          }
+        ) }),
+        /* @__PURE__ */ r(n.Dropdown, { onMouseDown: (o) => o.preventDefault(), children: /* @__PURE__ */ r(I, { gap: "sm", children: i.map((o) => /* @__PURE__ */ r(
+          y,
+          {
+            value: t[o],
+            item: w[o],
+            hideModeLabel: k,
+            radius: m,
+            hint: d,
+            onChange: (e) => g({ value: e.value, meta: e.meta, mode: o })
+          },
+          o
+        )) }) })
+      ]
+    }
+  );
+}, p = [
+  { name: "standard", color: "inherit" },
+  { name: "gray", color: "rgb(155, 155, 155)" },
+  { name: "brown", color: "rgb(159, 107, 83)" },
+  { name: "orange", color: "rgb(217, 115, 13)" },
+  { name: "yellow", color: "rgb(203, 145, 47)" },
+  { name: "green", color: "rgb(68, 131, 97)" },
+  { name: "blue", color: "rgb(51, 126, 169)" },
+  { name: "purple", color: "rgb(144, 101, 176)" },
+  { name: "pink", color: "rgb(193, 76, 138)" },
+  { name: "red", color: "rgb(212, 76, 71)" }
+];
+export {
+  S as NewColorPicker
+};

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