@layers-app/shared 0.2.5 → 0.2.7

package/dist/components/MediaLibrary/MediaLibraryRow.js

@@ -0,0 +1,29 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { memo as s } from "react";
+import { Box as n, Group as a, Text as t } from "@mantine/core";
+import { formatBytes as c } from "../../helpers/formatBytes.js";
+import { getFileIcons as f } from "../../helpers/getFileIcons.js";
+import { getFileType as p } from "../../helpers/getFileType.js";
+import h from "./MediaLibrary.module.css.js";
+const y = (e) => new Intl.DateTimeFormat("en-GB", {
+  day: "2-digit",
+  month: "short",
+  year: "numeric"
+}).format(new Date(e)), T = s(
+  ({ item: e, onFolderClick: m, onSelect: d }) => {
+    const r = e.type === "FOLDER", l = () => {
+      r ? m?.(e) : d?.(e);
+    };
+    return /* @__PURE__ */ i(n, { className: h.rowGrid, onClick: l, children: [
+      /* @__PURE__ */ i(a, { gap: "xs", wrap: "nowrap", style: { overflow: "hidden", minWidth: 0 }, children: [
+        /* @__PURE__ */ o(n, { style: { flexShrink: 0, height: 18 }, children: f(p(e.contentType || "", !0), r, 18) }),
+        /* @__PURE__ */ o(t, { fz: "sm", fw: r ? 500 : void 0, truncate: !0, children: e.title })
+      ] }),
+      /* @__PURE__ */ o(t, { fz: "xs", c: "dimmed", children: y(e.updatedAt) }),
+      /* @__PURE__ */ o(t, { fz: "xs", c: "dimmed", children: r ? "—" : c(e.fileSize || 0) })
+    ] });
+  }
+);
+export {
+  T as MediaLibraryRow
+};

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

@@ -0,0 +1,4 @@
+export * from './MediaLibrary';
+export * from './MediaLibraryBrowser';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MediaLibrary/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,31 @@
+import type { FloatingPosition, PopoverProps } from '@mantine/core';
+export interface MediaFile {
+    id: string;
+    title: string;
+    type: 'FOLDER' | 'ATTACHMENT';
+    contentType: string;
+    fileSize: number;
+    updatedAt: string;
+}
+export interface BreadcrumbItem {
+    id: string;
+    name: string;
+}
+export type MediaLibraryTab = 'disk' | 'favorites' | 'shared';
+export interface MediaLibraryProps {
+    children: React.ReactNode;
+    items: MediaFile[];
+    isLoading?: boolean;
+    breadcrumbs?: BreadcrumbItem[];
+    activeTab?: MediaLibraryTab;
+    tabs?: MediaLibraryTab[];
+    onTabChange?: (tab: MediaLibraryTab) => void;
+    onFolderClick?: (folder: MediaFile) => void;
+    onBreadcrumbClick?: (crumb: BreadcrumbItem, index: number) => void;
+    onSelect?: (file: MediaFile) => void;
+    onOpenedChange?: (opened: boolean) => void;
+    width?: number;
+    position?: FloatingPosition;
+    popoverProps?: PopoverProps;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MediaLibrary/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B"}

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

@@ -1 +1 @@
-{"version":3,"file":"NavMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/NavMenu/components/NavMenuItem.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKhD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,WAAW,8DAAgC,gBAAgB,6CAQtE,CAAC;AA+OH,eAAO,MAAM,eAAe,GAAI,0CAI7B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,4CAiCA,CAAC"}
+{"version":3,"file":"NavMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/NavMenu/components/NavMenuItem.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKhD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,WAAW,8DAAgC,gBAAgB,6CAQtE,CAAC;AAkPH,eAAO,MAAM,eAAe,GAAI,0CAI7B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,4CAiCA,CAAC"}

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

@@ -1,29 +1,29 @@
 import { jsx as n, jsxs as u } from "react/jsx-runtime";
-import { memo as m, useRef as k, useEffect as O, useMemo as y } from "react";
+import { memo as f, useRef as S, useEffect as k, useMemo as v } from "react";
 import { useTranslation as g } from "react-i18next";
-import { NavLink as E } from "react-router-dom";
-import { MoreHorizontalIcon as I, ArrowRight01Icon as M } from "@hugeicons/core-free-icons";
+import { NavLink as O } from "react-router-dom";
+import { MoreHorizontalIcon as E, ArrowRight01Icon as M } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as C } from "@hugeicons/react";
-import { Flex as h, Loader as N, Text as w, FocusTrap as P, Tooltip as b, Center as R } from "@mantine/core";
+import { Flex as h, Loader as N, Text as w, FocusTrap as P, Tooltip as I, Center as R } from "@mantine/core";
 import { useForm as j } from "@mantine/form";
 import { useClickOutside as z } from "@mantine/hooks";
 import { useAsyncStatus as A } from "../../../hooks/useAsyncStatus.js";
 import { useMenu as D } from "../../../hooks/useMenu.js";
 import { appContainerStore as T } from "../../AppContainer/hooks/useAppContainerStore.js";
 import { EmojiPicker as F } from "../../EmojiPicker/EmojiPicker.js";
-import { EntityIcon as x } from "../../EntityIcon.js";
+import { EntityIcon as b } from "../../EntityIcon.js";
 import { NavMenu as L } from "../NavMenu.js";
-import { useNavMenuStore as f } from "../store.js";
+import { useNavMenuStore as m } from "../store.js";
 import { NavMenuActionIcon as B } from "./NavMenuActionIcon.js";
 import s from "../NavMenu.module.css.js";
-const re = m(({ item: e, ignoreDepth: a }) => {
-  const { useStore: r } = f(), i = r((t) => t.editId === e.id);
-  return /* @__PURE__ */ n(S, { depth: a ? void 0 : e.depth, children: i ? /* @__PURE__ */ n(H, { item: e }) : /* @__PURE__ */ n(V, { item: e }) });
-}), V = m(({ item: e }) => {
-  const { api: a, useStore: r } = f(), i = r((o) => o.props.onClick), { isMobile: t } = D(), { t: l } = g("appContainer"), d = () => {
+const re = f(({ item: e, ignoreDepth: a }) => {
+  const { useStore: r } = m(), i = r((o) => o.editId === e.id);
+  return /* @__PURE__ */ n(x, { depth: a ? void 0 : e.depth, testId: e.testId, children: i ? /* @__PURE__ */ n($, { item: e }) : /* @__PURE__ */ n(V, { item: e }) });
+}), V = f(({ item: e }) => {
+  const { api: a, useStore: r } = m(), i = r((t) => t.props.onClick), { isMobile: o } = D(), { t: l } = g("appContainer"), d = () => {
     i ? i(e) : e.hasChildren && a.toggleOpened(e);
   }, c = e.data?.isReadOnly, p = e.href ? /* @__PURE__ */ n(
-    E,
+    O,
     {
       to: e.href,
       className: s.item,
@@ -31,9 +31,9 @@ const re = m(({ item: e, ignoreDepth: a }) => {
       "data-has-children": e.hasChildren,
       "data-read-only": c,
       onClick: c ? void 0 : () => {
-        t && !e.hasChildren && T.api.closeToolbar();
+        o && !e.hasChildren && T.api.closeToolbar();
       },
-      children: /* @__PURE__ */ n(v, { item: e })
+      children: /* @__PURE__ */ n(y, { item: e })
     }
   ) : /* @__PURE__ */ n(
     "div",
@@ -43,14 +43,14 @@ const re = m(({ item: e, ignoreDepth: a }) => {
       "data-has-children": e.hasChildren,
       "data-read-only": c,
       onClick: c ? void 0 : d,
-      children: /* @__PURE__ */ n(v, { item: e })
+      children: /* @__PURE__ */ n(y, { item: e })
     }
   );
-  return c ? /* @__PURE__ */ n(b, { label: l("readOnlyAccess"), position: "right", withArrow: !0, children: p }) : p;
-}), v = m(({ item: e }) => {
-  const { t: a } = g(), { useStore: r, api: i } = f(), t = r((o) => o.opened.includes(e.id)), l = r((o) => o.loading[e.id]), d = y(
-    () => ({ ...e.data, isOpen: t }),
-    [t, e.data]
+  return c ? /* @__PURE__ */ n(I, { label: l("readOnlyAccess"), position: "right", withArrow: !0, children: p }) : p;
+}), y = f(({ item: e }) => {
+  const { t: a } = g(), { useStore: r, api: i } = m(), o = r((t) => t.opened.includes(e.id)), l = r((t) => t.loading[e.id]), d = v(
+    () => ({ ...e.data, isOpen: o }),
+    [o, e.data]
   ), c = e.data?.isReadOnly, p = c ? 0.3 : void 0;
   return /* @__PURE__ */ u(h, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
     /* @__PURE__ */ u(h, { gap: 4, miw: 0, flex: 1, children: [
@@ -58,8 +58,9 @@ const re = m(({ item: e, ignoreDepth: a }) => {
         B,
         {
           className: s.chevron,
-          onClick: (o) => {
-            o.preventDefault(), o.stopPropagation(), i.toggleOpened(e);
+          "data-cy": e.testId ? `${e.testId}-expand` : void 0,
+          onClick: (t) => {
+            t.preventDefault(), t.stopPropagation(), i.toggleOpened(e);
           },
           children: /* @__PURE__ */ n(
             C,
@@ -67,16 +68,16 @@ const re = m(({ item: e, ignoreDepth: a }) => {
               icon: M,
               size: 16,
               style: {
-                transform: `rotate(${t ? 90 : 0}deg)`,
+                transform: `rotate(${o ? 90 : 0}deg)`,
                 transition: "transform 0.1s ease-in-out"
               }
             }
           )
         }
       ),
-      /* @__PURE__ */ n("div", { className: s.icon, style: { opacity: p }, children: /* @__PURE__ */ n(x, { item: d }) }),
+      /* @__PURE__ */ n("div", { className: s.icon, style: { opacity: p }, children: /* @__PURE__ */ n(b, { item: d }) }),
       /* @__PURE__ */ n(
-        b,
+        I,
         {
           disabled: e.title.length < 25,
           label: e.title || a("noName"),
@@ -91,8 +92,8 @@ const re = m(({ item: e, ignoreDepth: a }) => {
               fw: 500,
               miw: 0,
               c: "var(--mantine-color-text)",
-              onDoubleClick: (o) => {
-                r.getState().props.onEdit && !e?.isDisabledEditByDoubleClick && (o.preventDefault(), o.stopPropagation(), i.startEditing(e.id));
+              onDoubleClick: (t) => {
+                r.getState().props.onEdit && !e?.isDisabledEditByDoubleClick && (t.preventDefault(), t.stopPropagation(), i.startEditing(e.id));
               },
               children: e.title || a("noName")
             }
@@ -102,32 +103,32 @@ const re = m(({ item: e, ignoreDepth: a }) => {
     ] }),
     e.rightSection
   ] });
-}), H = m(({ item: e }) => {
-  const { api: a, useStore: r } = f(), i = k(null), t = j({
+}), $ = f(({ item: e }) => {
+  const { api: a, useStore: r } = m(), i = S(null), o = j({
     initialValues: {
       name: e.title,
       icon: e.data?.icon || ""
     }
-  }), l = (o) => {
+  }), l = (t) => {
     a.handleEdit({
       id: e.id,
-      name: o.name ?? "",
-      icon: o.icon ?? ""
+      name: t.name ?? "",
+      icon: t.icon ?? ""
     }), a.stopEditing();
   }, d = z(() => {
-    l(t.getValues());
+    l(o.getValues());
   });
-  O(() => {
+  k(() => {
     i.current && i.current.select();
   }, []);
-  const c = y(
+  const c = v(
     () => ["SPRINT", "PROJECT"].includes(e.data?.type || ""),
     [e.data?.type]
-  ), p = r((o) => o.opened.includes(e.id));
+  ), p = r((t) => t.opened.includes(e.id));
   return /* @__PURE__ */ n(
     "form",
     {
-      onSubmit: t.onSubmit(l),
+      onSubmit: o.onSubmit(l),
       className: s.item,
       ref: d,
       "data-editing": !0,
@@ -141,12 +142,12 @@ const re = m(({ item: e, ignoreDepth: a }) => {
             popoverProps: {
               floatingStrategy: "fixed"
             },
-            value: t.values.icon,
-            onChange: (o) => t.setFieldValue("icon", o),
+            value: o.values.icon,
+            onChange: (t) => o.setFieldValue("icon", t),
             children: /* @__PURE__ */ n(L.ActionIcon, { disabled: c, children: /* @__PURE__ */ n(
-              x,
+              b,
               {
-                item: { ...e.data, isOpen: p, icon: t.values.icon }
+                item: { ...e.data, isOpen: p, icon: o.values.icon }
               }
             ) })
           }
@@ -156,24 +157,26 @@ const re = m(({ item: e, ignoreDepth: a }) => {
           {
             ref: i,
             className: s.editInput,
-            ...t.getInputProps("name"),
+            "data-cy": e.testId ? `${e.testId}-rename-input` : void 0,
+            ...o.getInputProps("name"),
             maxLength: 255,
-            onFocus: (o) => o.target.select()
+            onFocus: (t) => t.target.select()
           }
         ) })
       ] })
     }
   );
-}), S = m(
-  ({ depth: e = 0, children: a }) => /* @__PURE__ */ u(
+}), x = f(
+  ({ depth: e = 0, children: a, testId: r }) => /* @__PURE__ */ u(
     "div",
     {
       className: s.itemContainer,
+      "data-cy": r,
       style: {
         "--depth": e
       },
       children: [
-        Array.from({ length: e }).map((r, i) => /* @__PURE__ */ n("div", { className: s.depthBox }, i)),
+        Array.from({ length: e }).map((i, o) => /* @__PURE__ */ n("div", { className: s.depthBox }, o)),
         a
       ]
     }
@@ -183,14 +186,14 @@ const re = m(({ item: e, ignoreDepth: a }) => {
   itemId: a,
   currentChildrenCount: r
 }) => {
-  const { t: i } = g("appContainer"), { api: t } = f(), { isLoading: l, onSubmit: d } = A();
-  return /* @__PURE__ */ n(S, { depth: e, children: /* @__PURE__ */ n(
+  const { t: i } = g("appContainer"), { api: o } = m(), { isLoading: l, onSubmit: d } = A();
+  return /* @__PURE__ */ n(x, { depth: e, children: /* @__PURE__ */ n(
     "div",
     {
       className: s.item,
-      onClick: () => d(() => t.loadMore({ itemId: a, currentChildrenCount: r })),
+      onClick: () => d(() => o.loadMore({ itemId: a, currentChildrenCount: r })),
       children: /* @__PURE__ */ n(h, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: /* @__PURE__ */ u(h, { gap: 4, miw: 0, flex: 1, c: "gray", children: [
-        /* @__PURE__ */ n("div", { className: s.icon, children: l ? /* @__PURE__ */ n(N, { size: 16 }) : /* @__PURE__ */ n(C, { icon: I, size: 16 }) }),
+        /* @__PURE__ */ n("div", { className: s.icon, children: l ? /* @__PURE__ */ n(N, { size: 16 }) : /* @__PURE__ */ n(C, { icon: E, size: 16 }) }),
         /* @__PURE__ */ n(w, { flex: 1, truncate: !0, size: "sm", fw: 500, miw: 0, children: i("loadMore") })
       ] }) })
     }

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

@@ -19,6 +19,7 @@ export type NavMenuItemDef<DATA = NavMenuItemData> = {
     order?: number;
     data?: DATA;
     isDisabledEditByDoubleClick?: boolean;
+    testId?: string;
 };
 export type ExpandNavMenuItemDef<DATA = NavMenuItemData> = NavMenuItemDef<DATA> & {
     depth: number;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CAEtB,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CAEtB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,eAAe,IAAI;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,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/NoData/NoData.d.ts

@@ -154,16 +154,21 @@ export declare const illustrationMap: {
     }>;
 };
 export type IllustrationType = keyof typeof illustrationMap | string | ReactNode;
+interface NoDataButtonProps extends PolymorphicComponentProps<'button', ButtonProps> {
+    hidden?: boolean;
+}
 export type NoDataProps = {
     title?: ReactNode;
     titleProps?: TitleProps;
     description?: ReactNode;
     descriptionProps?: TextProps;
-    buttons?: PolymorphicComponentProps<'button', ButtonProps>[];
+    buttons?: NoDataButtonProps[];
     illustration?: IllustrationType;
     size?: number;
     width?: number | string;
     height?: number | string;
+    subStackProps?: StackProps;
 } & StackProps;
 export declare const NoData: FC<NoDataProps>;
+export {};
 //# sourceMappingURL=NoData.d.ts.map

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

@@ -1 +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;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,WAAW,EAGX,yBAAyB,EAEzB,UAAU,EAEV,SAAS,EAET,UAAU,EACX,MAAM,eAAe,CAAC;AAiCvB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GACxB,MAAM,OAAO,eAAe,GAC5B,MAAM,GACN,SAAS,CAAC;AAEd,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;CAC1B,GAAG,UAAU,CAAC;AAEf,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAsElC,CAAC"}
+{"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;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,WAAW,EAGX,yBAAyB,EAEzB,UAAU,EAEV,SAAS,EAET,UAAU,EACX,MAAM,eAAe,CAAC;AAiCvB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GACxB,MAAM,OAAO,eAAe,GAC5B,MAAM,GACN,SAAS,CAAC;AAEd,UAAU,iBACR,SAAQ,yBAAyB,CAAC,QAAQ,EAAE,WAAW,CAAC;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,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,iBAAiB,EAAE,CAAC;IAC9B,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,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B,GAAG,UAAU,CAAC;AAEf,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA0ElC,CAAC"}

package/dist/components/NoData/NoData.js

@@ -1,72 +1,73 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import u from "react";
-import { Stack as N, Flex as d, Title as h, Text as j, Group as x, Button as y } from "@mantine/core";
-import F from "../../assets/svg/alertMan.svg.js";
-import R from "../../assets/svg/noData/404.svg.js";
-import M from "../../assets/svg/noData/500.svg.js";
-import k from "../../assets/svg/noData/empty.svg.js";
-import w from "../../assets/svg/noData/folder.svg.js";
-import E from "../../assets/svg/noData/noAccess.svg.js";
-import T from "../../assets/svg/noData/noAnswers.svg.js";
-import I from "../../assets/svg/noData/noCloud.svg.js";
-import A from "../../assets/svg/noData/noComments.svg.js";
-import C from "../../assets/svg/noData/noData.svg.js";
-import D from "../../assets/svg/noData/noFlows.svg.js";
-import G from "../../assets/svg/noData/noForms.svg.js";
-import _ from "../../assets/svg/noData/noGroups.svg.js";
-import W from "../../assets/svg/noData/noImage.svg.js";
-import b from "../../assets/svg/noData/noMembers.svg.js";
-import B from "../../assets/svg/noData/noNotifications.svg.js";
-import P from "../../assets/svg/noData/noResults.svg.js";
-import U from "../../assets/svg/noData/noSearchResults.svg.js";
-import V from "../../assets/svg/noData/noTaskResults.svg.js";
-import q from "../../assets/svg/noData/noTasks.svg.js";
-import z from "../../assets/svg/noData/noWorkspaces.svg.js";
-import H from "../../assets/svg/noData/trash.svg.js";
-import J from "../../assets/svg/notSuccessMan.svg.js";
-import K from "../../assets/svg/successMan.svg.js";
-import L from "../../assets/svg/users.svg.js";
-const O = (m) => new RegExp("(\\p{Emoji_Presentation}|\\p{Emoji}\\uFE0F)", "u").test(m), Q = {
-  empty: k,
-  noAccess: E,
-  trash: H,
-  noImage: W,
-  noResults: P,
-  noComments: A,
-  noData: C,
-  emptyFolder: w,
-  noTaskResults: V,
-  noSearchResults: U,
-  noMembers: b,
-  noGroups: _,
-  noNotifications: B,
-  noWorkspaces: z,
-  paymentSuccess: K,
-  notSuccessMan: J,
-  noAnswers: T,
-  alertMan: F,
-  noFlows: D,
-  noTasks: q,
-  noCloud: I,
-  noForms: G,
-  users: L,
-  404: R,
-  500: M
-}, Mo = ({
-  title: m,
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import N from "react";
+import { Stack as f, Flex as h, Title as j, Text as x, Group as y, Button as F } from "@mantine/core";
+import R from "../../assets/svg/alertMan.svg.js";
+import M from "../../assets/svg/noData/404.svg.js";
+import k from "../../assets/svg/noData/500.svg.js";
+import w from "../../assets/svg/noData/empty.svg.js";
+import E from "../../assets/svg/noData/folder.svg.js";
+import T from "../../assets/svg/noData/noAccess.svg.js";
+import I from "../../assets/svg/noData/noAnswers.svg.js";
+import A from "../../assets/svg/noData/noCloud.svg.js";
+import C from "../../assets/svg/noData/noComments.svg.js";
+import D from "../../assets/svg/noData/noData.svg.js";
+import G from "../../assets/svg/noData/noFlows.svg.js";
+import _ from "../../assets/svg/noData/noForms.svg.js";
+import W from "../../assets/svg/noData/noGroups.svg.js";
+import B from "../../assets/svg/noData/noImage.svg.js";
+import P from "../../assets/svg/noData/noMembers.svg.js";
+import U from "../../assets/svg/noData/noNotifications.svg.js";
+import V from "../../assets/svg/noData/noResults.svg.js";
+import b from "../../assets/svg/noData/noSearchResults.svg.js";
+import q from "../../assets/svg/noData/noTaskResults.svg.js";
+import z from "../../assets/svg/noData/noTasks.svg.js";
+import H from "../../assets/svg/noData/noWorkspaces.svg.js";
+import J from "../../assets/svg/noData/trash.svg.js";
+import K from "../../assets/svg/notSuccessMan.svg.js";
+import L from "../../assets/svg/successMan.svg.js";
+import O from "../../assets/svg/users.svg.js";
+const Q = (e) => new RegExp("(\\p{Emoji_Presentation}|\\p{Emoji}\\uFE0F)", "u").test(e), X = {
+  empty: w,
+  noAccess: T,
+  trash: J,
+  noImage: B,
+  noResults: V,
+  noComments: C,
+  noData: D,
+  emptyFolder: E,
+  noTaskResults: q,
+  noSearchResults: b,
+  noMembers: P,
+  noGroups: W,
+  noNotifications: U,
+  noWorkspaces: H,
+  paymentSuccess: L,
+  notSuccessMan: K,
+  noAnswers: I,
+  alertMan: R,
+  noFlows: G,
+  noTasks: z,
+  noCloud: A,
+  noForms: _,
+  users: O,
+  404: M,
+  500: k
+}, ko = ({
+  title: e,
   titleProps: t,
   description: s,
-  descriptionProps: a,
+  descriptionProps: g,
   buttons: n,
   illustration: o,
-  size: e = 145,
-  width: c,
-  height: f,
-  ...g
+  size: m = 145,
+  width: S,
+  height: l,
+  subStackProps: v,
+  ...u
 }) => {
-  const i = o && typeof o == "string" && O(o) || o && u.isValidElement(o), p = o && !i ? Q[o] : null;
-  return /* @__PURE__ */ l(
-    N,
+  const i = o && typeof o == "string" && Q(o) || o && N.isValidElement(o), p = o && !i ? X[o] : null;
+  return /* @__PURE__ */ c(
+    f,
     {
       gap: "sm",
       justify: "center",
@@ -76,28 +77,30 @@ const O = (m) => new RegExp("(\\p{Emoji_Presentation}|\\p{Emoji}\\uFE0F)", "u").
       style: {
         zIndex: 3
       },
-      ...g,
+      ...u,
       children: [
-        o && /* @__PURE__ */ r(
-          d,
-          {
-            justify: "center",
-            style: {
-              height: f || e,
-              width: c || e,
-              fontSize: e
-            },
-            children: i ? /* @__PURE__ */ r("span", { children: o }) : p && /* @__PURE__ */ r(p, {})
-          }
-        ),
-        m && /* @__PURE__ */ r(h, { order: 2, ta: "center", mt: 0, maw: 450, ...t, children: m }),
-        s && /* @__PURE__ */ r(j, { ta: "center", c: "dimmed", maw: 400, ...a, children: s }),
-        n?.length ? /* @__PURE__ */ r(x, { gap: "xs", justify: "center", children: n.map((S, v) => /* @__PURE__ */ r(y, { variant: "filled", ...S }, v)) }) : null
+        /* @__PURE__ */ c(f, { align: "center", gap: "sm", ...v, children: [
+          o && /* @__PURE__ */ r(
+            h,
+            {
+              justify: "center",
+              style: {
+                height: l || m,
+                width: S || m,
+                fontSize: m
+              },
+              children: i ? /* @__PURE__ */ r("span", { children: o }) : p && /* @__PURE__ */ r(p, {})
+            }
+          ),
+          e && /* @__PURE__ */ r(j, { order: 2, ta: "center", mt: 0, maw: 450, ...t, children: e }),
+          s && /* @__PURE__ */ r(x, { ta: "center", c: "dimmed", maw: 400, ...g, children: s })
+        ] }),
+        n?.length ? /* @__PURE__ */ r(y, { gap: "xs", justify: "center", children: n.map((a, d) => a?.hidden ? null : /* @__PURE__ */ r(F, { variant: "filled", ...a }, d)) }) : null
       ]
     }
   );
 };
 export {
-  Mo as NoData,
-  Q as illustrationMap
+  ko as NoData,
+  X as illustrationMap
 };

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

@@ -0,0 +1,12 @@
+import { GroupProps, StackProps } from '@mantine/core';
+interface SettingsSectionProps extends StackProps {
+    title?: string;
+    subTitle?: string | React.ReactNode;
+    description?: string;
+    wrapperProps?: GroupProps;
+    leftSectionProps?: StackProps;
+    children?: React.ReactNode;
+}
+export declare const SettingsSection: ({ title, subTitle, description, children, wrapperProps, leftSectionProps, ...rest }: SettingsSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsSection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,UAAU,EAGX,MAAM,eAAe,CAAC;AAIvB,UAAU,oBAAqB,SAAQ,UAAU;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAE9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,GAAI,qFAQ7B,oBAAoB,4CAyBtB,CAAC"}

package/dist/components/SettingsSection/index.js

@@ -0,0 +1,36 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Stack as s, Title as m, Group as d, Text as i } from "@mantine/core";
+import g from "./styles.module.css.js";
+const u = ({
+  title: t,
+  subTitle: n,
+  description: a,
+  children: c,
+  wrapperProps: o,
+  leftSectionProps: p,
+  ...l
+}) => /* @__PURE__ */ e(s, { ...l, w: "100%", gap: 12, children: [
+  t && /* @__PURE__ */ r(m, { order: 4, children: t }),
+  /* @__PURE__ */ e(
+    d,
+    {
+      justify: "space-between",
+      align: "start",
+      px: "sm",
+      py: "lg",
+      className: g.contentWrapper,
+      gap: "auto",
+      ...o,
+      children: [
+        /* @__PURE__ */ e(s, { maw: 296, gap: 4, ...p, children: [
+          /* @__PURE__ */ r(i, { size: "sm", fw: 600, children: n }),
+          /* @__PURE__ */ r(i, { size: "xs", c: "gray", children: a })
+        ] }),
+        c
+      ]
+    }
+  )
+] });
+export {
+  u as SettingsSection
+};

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

@@ -0,0 +1,7 @@
+const t = "_contentWrapper_2wgq8_1", e = {
+  contentWrapper: t
+};
+export {
+  t as contentWrapper,
+  e as default
+};

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

@@ -0,0 +1,11 @@
+interface SocialLinkRowProps {
+    social: {
+        name: string;
+        link: string;
+    };
+    onSave: (link: string) => void;
+    onClear: () => void;
+}
+export declare const SocialLinkRow: ({ social, onSave, onClear, }: SocialLinkRowProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SocialLinkRow/index.tsx"],"names":[],"mappings":"AAmBA,UAAU,kBAAkB;IAC1B,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,GAAI,8BAI3B,kBAAkB,4CAiIpB,CAAC"}