@layers-app/shared 0.2.0 → 0.2.2

package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.js

@@ -5,37 +5,40 @@ import { BaseLoader as y } from "../../../Loaders/BaseLoader.js";
 import { ErrorSection as d } from "../ErrorSection.js";
 import { useShakePlayer as h } from "./useShakePlayer.js";
 import t from "./ShakaPlayer.module.css.js";
-import "shaka-player/dist/controls.css";
-const _ = ({
+const N = ({
   attachmentId: m,
-  autoPlay: o,
-  isActive: i,
-  loader: s,
-  stylesContainer: p,
-  classNameContainer: l
+  autoPlay: e,
+  isActive: s,
+  loader: i,
+  stylesContainer: l,
+  classNameContainer: p
 }) => {
-  const { isError: f, containerRef: c, vodUrl: e } = h({
-    autoPlay: o,
-    isActive: i,
+  const { isError: f, containerRef: c, vodUrl: o } = h({
+    autoPlay: e,
+    isActive: s,
     attachmentId: m
   });
-  return f ? /* @__PURE__ */ r(d, {}) : e ? /* @__PURE__ */ r(
+  return f ? /* @__PURE__ */ r(d, {}) : o ? /* @__PURE__ */ r(
     "div",
     {
       ref: c,
-      style: p,
-      className: a(t["vod-player"], "shaka-vod-player-wrapper", l),
+      style: l,
+      className: a(
+        t["vod-player"],
+        "shaka-vod-player-wrapper",
+        p
+      ),
       children: /* @__PURE__ */ r(
         n,
         {
-          autoPlay: o ?? !0,
+          autoPlay: e ?? !0,
           className: a(t["vod-player__player"]),
-          src: e
+          src: o
         }
       )
     }
-  ) : s ?? /* @__PURE__ */ r(y, {});
+  ) : i ?? /* @__PURE__ */ r(y, {});
 };
 export {
-  _ as ShakaVideoPlayer
+  N as ShakaVideoPlayer
 };

package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.d.ts

@@ -3,7 +3,8 @@ export declare const useShakePlayer: ({ attachmentId, isActive, autoPlay, }: {
     isActive?: boolean;
     autoPlay?: boolean;
 }) => {
-    containerRef: import('react').RefObject<HTMLDivElement>;
+    containerRef: import("react").RefObject<HTMLDivElement>;
     isError: boolean;
     vodUrl: string | null;
 };
+//# sourceMappingURL=useShakePlayer.d.ts.map

package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShakePlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAI,uCAI5B;IACD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;;;CA+GA,CAAC"}

package/dist/components/AttachmentsGalleryModal/constants.d.ts

@@ -18,3 +18,4 @@ export declare const TRANSFORM_COMPONENT_STYLES: {
     justifyContent: string;
 };
 export declare const STEPS: number[];
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/AttachmentsGalleryModal/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsGalleryModal/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,UAIvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;;;;;CAMtC,CAAC;AAEF,eAAO,MAAM,KAAK,UAAsC,CAAC"}

package/dist/components/AttachmentsGalleryModal/helpers.d.ts

@@ -20,3 +20,4 @@ export declare const zoomStep: ({ dir, activeRef, animationRef, }: {
     activeRef: ReactZoomPanPinchContentRef;
     animationRef: MutableRefObject<number | null>;
 }) => void;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/components/AttachmentsGalleryModal/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsGalleryModal/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAInE,eAAO,MAAM,gBAAgB,GAAI,iDAM9B;IACD,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAC;IAClD,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CAC/C,SAuBA,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,mCAItB;IACD,GAAG,EAAE,IAAI,GAAG,KAAK,CAAC;IAClB,SAAS,EAAE,2BAA2B,CAAC;IACvC,YAAY,EAAE,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CAC/C,SA2BA,CAAC"}

package/dist/components/AttachmentsGalleryModal/hooks/useDownloadFile.d.ts

@@ -6,3 +6,4 @@ export declare const useDownloadFile: (targetAttach?: IFileResponse) => {
     onDownload: (e: SyntheticEvent) => Promise<void>;
     isFetching: boolean;
 };
+//# sourceMappingURL=useDownloadFile.d.ts.map

package/dist/components/AttachmentsGalleryModal/hooks/useDownloadFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDownloadFile.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/hooks/useDownloadFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAkC,MAAM,OAAO,CAAC;AAMvE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,eAAO,MAAM,eAAe,GAAI,eAAe,aAAa;;;oBAI9C,cAAc;;CA8C3B,CAAC"}

package/dist/components/AttachmentsGalleryModal/hooks/useEmblaCarousel.d.ts

@@ -6,3 +6,4 @@ export declare const useEmblaCarousel: () => {
     selectedIndex: number;
     visibleSlides: number[];
 };
+//# sourceMappingURL=useEmblaCarousel.d.ts.map

package/dist/components/AttachmentsGalleryModal/hooks/useEmblaCarousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmblaCarousel.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/hooks/useEmblaCarousel.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB;;;;;;;CA2E5B,CAAC"}

package/dist/components/AttachmentsGalleryModal/hooks/useGetPreviewUrl.d.ts

@@ -3,6 +3,7 @@ export declare const useGetPreviewUrl: (attachment: IFileResponse) => {
     fileUrl: string | null;
     isFetching: boolean;
     isError: boolean;
-    setIsError: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    setIsError: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     isVideo: boolean;
 };
+//# sourceMappingURL=useGetPreviewUrl.d.ts.map

package/dist/components/AttachmentsGalleryModal/hooks/useGetPreviewUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetPreviewUrl.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/hooks/useGetPreviewUrl.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,eAAO,MAAM,gBAAgB,GAAI,YAAY,aAAa;;;;;;CAwCzD,CAAC"}

package/dist/components/AttachmentsGalleryModal/hooks/usePanning.d.ts

@@ -8,3 +8,4 @@ export declare const usePanning: ({ isVideo, isFetching, }: {
     onMouseLeave: () => void;
     onDoubleClick: () => void;
 };
+//# sourceMappingURL=usePanning.d.ts.map

package/dist/components/AttachmentsGalleryModal/hooks/usePanning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanning.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/hooks/usePanning.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,GAAI,0BAGxB;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB;qBAYO,KAAK,CAAC,UAAU;qBAchB,KAAK,CAAC,UAAU;;;;CAuDvB,CAAC"}

package/dist/components/AttachmentsGalleryModal/hooks/useZoomReset.d.ts

@@ -1 +1,2 @@
 export declare const useZoomReset: () => void;
+//# sourceMappingURL=useZoomReset.d.ts.map

package/dist/components/AttachmentsGalleryModal/hooks/useZoomReset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useZoomReset.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/hooks/useZoomReset.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,YAkBxB,CAAC"}

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

@@ -5,3 +5,4 @@ export type IAttachment = {
     contentType: string;
     Url?: string;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsGalleryModal/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC"}

package/dist/components/AttachmentsPreview/AttachmentsPreview.d.ts

@@ -0,0 +1,10 @@
+import { CommentComposerTypes } from '../CommentComposer/types';
+interface CommentAttachmentsPreviewProps {
+    files: CommentComposerTypes.AnyCommentFile[];
+    mode: 'draft' | 'view';
+    onRemove?: (index: number) => void;
+    parentIsExisting?: boolean;
+}
+export declare const AttachmentsPreview: ({ files, onRemove, mode, parentIsExisting, }: CommentAttachmentsPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=AttachmentsPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentsPreview.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsPreview/AttachmentsPreview.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAIhE,UAAU,8BAA8B;IACtC,KAAK,EAAE,oBAAoB,CAAC,cAAc,EAAE,CAAC;IAC7C,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,kBAAkB,GAAI,8CAKhC,8BAA8B,mDAyLhC,CAAC"}

package/dist/components/AttachmentsPreview/AttachmentsPreview.js

@@ -0,0 +1,183 @@
+import { jsxs as n, Fragment as b, jsx as r } from "react/jsx-runtime";
+import { Download01Icon as C } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as k } from "@hugeicons/react";
+import { Stack as g, Grid as x, Box as p, Image as F, LoadingOverlay as v, ActionIcon as h, CloseIcon as f, Flex as z, Text as I } from "@mantine/core";
+import { useDisclosure as M } from "@mantine/hooks";
+import { getFileIcons as P } from "../../helpers/getFileIcons.js";
+import { getFileType as A } from "../../helpers/getFileType.js";
+import { AttachmentsGalleryModal as B } from "../AttachmentsGalleryModal/AttachmentsGalleryModal.js";
+import t from "./AttachmentsPreview.module.css.js";
+const U = ({
+  files: a,
+  onRemove: i,
+  mode: o,
+  parentIsExisting: u
+}) => {
+  const [y, { open: w, close: N }] = M(!1), s = a.filter((e) => e.isImage), c = a.filter((e) => !e.isImage), D = s.map((e) => ({
+    id: e.id,
+    Url: e.url,
+    contentType: "image",
+    fileName: e.name,
+    originalFileName: e.name,
+    fileSize: e.size,
+    storageType: "public",
+    storagePath: e.url,
+    parentType: "COMMENT",
+    parentId: e.id ?? "",
+    ownerId: "",
+    createdAt: /* @__PURE__ */ new Date(),
+    updatedAt: /* @__PURE__ */ new Date(),
+    version: 1,
+    deleted: !1,
+    deletedAt: /* @__PURE__ */ new Date()
+  })), d = s.every((e) => !e.isTemp), T = () => {
+    d && w();
+  };
+  return a.length === 0 ? null : /* @__PURE__ */ n(b, { children: [
+    /* @__PURE__ */ n(g, { gap: "10px", w: "100%", tabIndex: 0, children: [
+      s.length > 0 && /* @__PURE__ */ r(x, { gutter: "xs", children: s.map((e) => {
+        const l = a.indexOf(e);
+        return /* @__PURE__ */ r(x.Col, { span: "content", children: /* @__PURE__ */ n(
+          p,
+          {
+            w: 56,
+            h: 56,
+            pos: "relative",
+            className: t.imagePreviewWrapper,
+            children: [
+              /* @__PURE__ */ r(
+                F,
+                {
+                  src: e.src,
+                  width: 56,
+                  height: 56,
+                  fit: "cover",
+                  radius: "sm",
+                  style: {
+                    cursor: d ? "zoom-in" : "default"
+                  },
+                  onClick: () => T()
+                }
+              ),
+              /* @__PURE__ */ r(
+                v,
+                {
+                  visible: e.isTemp && o === "view" && u,
+                  loaderProps: { size: 20 }
+                }
+              ),
+              o === "draft" && i && /* @__PURE__ */ r(
+                h,
+                {
+                  size: "20px",
+                  radius: "xl",
+                  variant: "filled",
+                  onMouseDown: (m) => m.preventDefault(),
+                  pos: "absolute",
+                  color: "dark",
+                  onClick: () => i(l),
+                  className: t.deleteButton,
+                  children: /* @__PURE__ */ r(f, { size: "12px" })
+                }
+              )
+            ]
+          }
+        ) }, e.id);
+      }) }),
+      c.length > 0 && /* @__PURE__ */ r(
+        p,
+        {
+          w: "100%",
+          className: t.filePreviewList,
+          "data-many": c.length >= 4,
+          children: c.map((e) => {
+            const l = a.indexOf(e);
+            return /* @__PURE__ */ n(p, { className: t.filePreviewWrapper, children: [
+              /* @__PURE__ */ r(
+                v,
+                {
+                  visible: e.isTemp && o === "view" && u,
+                  loaderProps: { size: 20 }
+                }
+              ),
+              /* @__PURE__ */ n(z, { align: "center", justify: "space-between", wrap: "nowrap", children: [
+                /* @__PURE__ */ n(
+                  z,
+                  {
+                    align: "center",
+                    gap: "xs",
+                    wrap: "nowrap",
+                    flex: 1,
+                    miw: 0,
+                    children: [
+                      P(A(e.type), !1, 36),
+                      /* @__PURE__ */ n(g, { gap: 0, flex: 1, miw: 0, children: [
+                        /* @__PURE__ */ r(
+                          I,
+                          {
+                            size: "sm",
+                            truncate: !0,
+                            title: e.name,
+                            className: t.fileDownloadName,
+                            component: "a",
+                            href: e.url,
+                            download: e.name,
+                            rel: "noopener noreferrer",
+                            w: "fit-content",
+                            children: e.name
+                          }
+                        ),
+                        /* @__PURE__ */ n(I, { size: "xs", c: "dimmed", children: [
+                          Math.round(e.size / 1024),
+                          " KB"
+                        ] })
+                      ] })
+                    ]
+                  }
+                ),
+                o === "view" && !e.isTemp && /* @__PURE__ */ r(
+                  h,
+                  {
+                    component: "a",
+                    href: e.url,
+                    download: e.name,
+                    rel: "noopener noreferrer",
+                    variant: "subtle",
+                    color: "gray",
+                    size: "sm",
+                    className: t.downloadButton,
+                    children: /* @__PURE__ */ r(k, { size: 16, icon: C })
+                  }
+                )
+              ] }),
+              o === "draft" && i && /* @__PURE__ */ r(
+                h,
+                {
+                  size: "xs",
+                  radius: "xl",
+                  onMouseDown: (m) => m.preventDefault(),
+                  variant: "filled",
+                  color: "dark",
+                  onClick: () => i(l),
+                  className: t.deleteButton,
+                  children: /* @__PURE__ */ r(f, { size: "12px" })
+                }
+              )
+            ] }, e.id);
+          })
+        }
+      )
+    ] }),
+    d && /* @__PURE__ */ r(
+      B,
+      {
+        opened: y,
+        onOpenChange: (e) => e ? w() : N(),
+        attachments: D
+      }
+    )
+  ] });
+};
+export {
+  U as AttachmentsPreview
+};

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

@@ -0,0 +1,17 @@
+const e = "_imagePreviewWrapper_14r3g_1", r = "_deleteButton_14r3g_8", t = "_downloadButton_14r3g_19", o = "_filePreviewList_14r3g_31", i = "_fileDownloadName_14r3g_45", a = "_filePreviewWrapper_14r3g_50", l = {
+  imagePreviewWrapper: e,
+  deleteButton: r,
+  downloadButton: t,
+  filePreviewList: o,
+  fileDownloadName: i,
+  filePreviewWrapper: a
+};
+export {
+  l as default,
+  r as deleteButton,
+  t as downloadButton,
+  i as fileDownloadName,
+  o as filePreviewList,
+  a as filePreviewWrapper,
+  e as imagePreviewWrapper
+};

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { DrawerProps } from '@mantine/core';
 type BaseProps = Omit<DrawerProps, 'title' | 'onClose'> & {
     children: React.ReactNode;
@@ -17,3 +17,4 @@ type WithDefaultHeader = BaseProps & {
 type BottomDrawerWithoutHeaderProps = WithCustomHeader | WithDefaultHeader;
 export declare const BottomDrawerWithoutHeader: React.FC<BottomDrawerWithoutHeaderProps>;
 export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BottomDrawerWithoutHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAIL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAGvB,KAAK,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,KAAK,gBAAgB,GAAG,SAAS,GAAG;IAClC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B,GAAG,CAAC;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,EAAE,CAAC,CAAC;AAE/C,KAAK,iBAAiB,GAAG,SAAS,GAAG;IACnC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,8BAA8B,GAAG,gBAAgB,GAAG,iBAAiB,CAAC;AAkD3E,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,8BAA8B,CA4C/B,CAAC"}

package/dist/components/BouncingLogo/BouncingLogo.d.ts

@@ -1,3 +1,4 @@
 export declare const BouncingLogo: ({ c }: {
     c?: string;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BouncingLogo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BouncingLogo.d.ts","sourceRoot":"","sources":["../../../src/components/BouncingLogo/BouncingLogo.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY,GAAI,OAAO;IAAE,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,4CAoBjD,CAAC"}

package/dist/components/BouncingLogo/BouncingLogo.js

@@ -1,22 +1,30 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { Box as m } from "@mantine/core";
-import { useIsDarkTheme as a } from "../../helpers/themeUtils.js";
-import { Logotype as t } from "../Logotype.js";
-import r from "./BouncingLogo.module.css.js";
-const d = ({ c: s }) => {
-  const e = a();
-  return /* @__PURE__ */ i(m, { className: r.wrapper, children: [
-    /* @__PURE__ */ o("div", { className: r.logo, children: /* @__PURE__ */ o(
-      t,
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { Box as a } from "@mantine/core";
+import { isAppMode as c } from "../../helpers/isAppMode.js";
+import { useIsDarkTheme as n } from "../../helpers/themeUtils.js";
+import { useAppContainerDataStore as d } from "../AppContainer/hooks/useAppContainerDataStore.js";
+import { Logotype as f } from "../Logotype.js";
+import o from "./BouncingLogo.module.css.js";
+const x = ({ c: e }) => {
+  const i = n(), t = d((m) => m.user), s = c(t.mode, "DESKTOP");
+  return /* @__PURE__ */ p(a, { className: o.wrapper, children: [
+    /* @__PURE__ */ r("div", { className: `${o.logo} ${s ? o.desktop : ""}`, children: /* @__PURE__ */ r(
+      f,
       {
         isLink: !1,
-        c: s || (e ? "white" : "black"),
-        minified: !0
+        c: e || (i ? "white" : "black"),
+        minified: !0,
+        isDesktop: s
       }
     ) }),
-    /* @__PURE__ */ o("div", { className: r.shadow })
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: `${o.shadow} ${s ? o.desktopShadow : ""}`
+      }
+    )
   ] });
 };
 export {
-  d as BouncingLogo
+  x as BouncingLogo
 };

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

@@ -1,9 +1,13 @@
-const o = "_logo_1o8y5_1", s = "_shadow_1o8y5_12", a = {
+const o = "_logo_1htuf_1", s = "_desktop_1htuf_12", t = "_shadow_1htuf_23", d = "_desktopShadow_1htuf_36", _ = {
   logo: o,
-  shadow: s
+  desktop: s,
+  shadow: t,
+  desktopShadow: d
 };
 export {
-  a as default,
+  _ as default,
+  s as desktop,
+  d as desktopShadow,
   o as logo,
-  s as shadow
+  t as shadow
 };

package/dist/components/CircleColorPicker/CircleColorPicker.d.ts

@@ -5,3 +5,4 @@ export declare const CircleColorPicker: ({ value, onChange, menuProps, colorPick
     menuProps?: MenuProps;
     colorPickerProps?: ColorPickerProps;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CircleColorPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircleColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/CircleColorPicker/CircleColorPicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,gBAAgB,EAKhB,SAAS,EAOV,MAAM,eAAe,CAAC;AAevB,eAAO,MAAM,iBAAiB,GAAI,mDAK/B;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC,4CA+EA,CAAC"}

package/dist/components/CircleColorPicker/CircleColorPicker.js

@@ -1,8 +1,8 @@
 import { jsxs as h, jsx as o } from "react/jsx-runtime";
 import { useMemo as E, useState as u, useEffect as H } from "react";
 import { useTranslation as S } from "react-i18next";
-import { useMantineTheme as k, useMantineColorScheme as M, parseThemeColor as b, Menu as m, ActionIcon as V, ColorSwatch as j, Stack as w, ColorPicker as D, DEFAULT_THEME as y, TextInput as z, isColorValid as A, Button as F } from "@mantine/core";
-const d = (e, t) => e ? e === "var(--mantine-color-bright)" ? t === "dark" ? "#ffffff" : "#000000" : e : null, L = ({
+import { useMantineTheme as k, useMantineColorScheme as M, parseThemeColor as b, Menu as m, ActionIcon as V, ColorSwatch as j, Stack as w, ColorPicker as y, DEFAULT_THEME as D, TextInput as z, isColorValid as A, Button as F } from "@mantine/core";
+const d = (e, t) => !e || typeof e != "string" ? null : e === "var(--mantine-color-bright)" ? t === "dark" ? "#ffffff" : "#000000" : e, L = ({
   value: e,
   onChange: t,
   menuProps: p,
@@ -10,7 +10,7 @@ const d = (e, t) => e ? e === "var(--mantine-color-bright)" ? t === "dark" ? "#f
 }) => {
   const { t: s } = S("common"), f = k(), { colorScheme: n } = M(), a = E(() => {
     const r = d(e, n);
-    return b({ color: r, theme: f });
+    return r ? b({ color: r, theme: f }) : { value: "", color: "", isThemeColor: !1, shade: void 0 };
   }, [e, f, n]), [C, i] = u(a.value), [g, l] = u(null);
   H(() => {
     i(d(e, n) || "");
@@ -27,14 +27,14 @@ const d = (e, t) => e ? e === "var(--mantine-color-bright)" ? t === "dark" ? "#f
         /* @__PURE__ */ o(m.Target, { children: /* @__PURE__ */ o(V, { size: "md", variant: "subtle", radius: "xl", children: /* @__PURE__ */ o(j, { color: a.value || "transparent" }) }) }),
         /* @__PURE__ */ o(m.Dropdown, { style: { padding: 8, minWidth: 220 }, children: /* @__PURE__ */ h(w, { gap: "sm", children: [
           /* @__PURE__ */ o(
-            D,
+            y,
             {
               value: a.value,
               onChange: (r) => {
                 t(r), i(r), l(null);
               },
               format: "hex",
-              swatches: Object.values(y.colors).map((r) => r[5]),
+              swatches: Object.values(D.colors).map((r) => r[5]),
               ...x
             }
           ),

package/dist/components/CollapsibleContainer/CollapsibleContainer.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface CollapsibleContainerProps {
+    title: ReactNode;
+    count?: number;
+    children: ReactNode;
+    actions?: ReactNode;
+    defaultOpened?: boolean;
+}
+export declare const CollapsibleContainer: ({ title, count, children, actions, defaultOpened, }: CollapsibleContainerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CollapsibleContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleContainer.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleContainer/CollapsibleContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,oBAAoB,GAAI,qDAMlC,yBAAyB,4CA2C3B,CAAC"}

package/dist/components/CollapsibleContainer/CollapsibleContainer.js

@@ -0,0 +1,36 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Box as l, Accordion as n, Flex as i, Text as h, Badge as p } from "@mantine/core";
+import o from "./CollapsibleContainer.module.css.js";
+const x = ({
+  title: a,
+  count: t,
+  children: s,
+  actions: c,
+  defaultOpened: d = !0
+}) => /* @__PURE__ */ e(l, { className: o.container, children: /* @__PURE__ */ e(
+  n,
+  {
+    chevronPosition: "left",
+    defaultValue: d ? "content" : void 0,
+    variant: "filled",
+    classNames: {
+      root: o.accordionRoot,
+      item: o.accordionItem,
+      control: o.accordionControl,
+      content: o.accordionContent
+    },
+    children: /* @__PURE__ */ r(n.Item, { value: "content", children: [
+      /* @__PURE__ */ e(n.Control, { children: /* @__PURE__ */ r(i, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ r(i, { align: "center", gap: "sm", children: [
+          /* @__PURE__ */ e(h, { fw: 500, size: "sm", children: a }),
+          t !== void 0 && /* @__PURE__ */ e(p, { variant: "light", color: "blue", size: "sm", circle: !0, children: t })
+        ] }),
+        c && /* @__PURE__ */ e(i, { gap: "xs", onClick: (m) => m.stopPropagation(), children: c })
+      ] }) }),
+      /* @__PURE__ */ e(n.Panel, { children: /* @__PURE__ */ e(l, { children: s }) })
+    ] })
+  }
+) });
+export {
+  x as CollapsibleContainer
+};

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

@@ -0,0 +1,11 @@
+const o = "_accordionRoot_3pkfo_1", c = "_accordionControl_3pkfo_5", n = "_accordionItem_3pkfo_9", t = {
+  accordionRoot: o,
+  accordionControl: c,
+  accordionItem: n
+};
+export {
+  c as accordionControl,
+  n as accordionItem,
+  o as accordionRoot,
+  t as default
+};

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

@@ -0,0 +1,3 @@
+export { CollapsibleContainer } from './CollapsibleContainer';
+export type { CollapsibleContainerProps } from './CollapsibleContainer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -4,8 +4,8 @@ interface ColorCircleProps extends Omit<ColorSwatchProps, 'color'>, Omit<React.C
     isActive?: boolean;
     swatchShape?: 'circle' | 'square';
 }
-export declare const ColorCircle: import('react').ForwardRefExoticComponent<ColorCircleProps & import('react').RefAttributes<HTMLDivElement>>;
-export declare const ColorPicker: import('react').ForwardRefExoticComponent<{
+export declare const ColorCircle: import("react").ForwardRefExoticComponent<ColorCircleProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ColorPicker: import("react").ForwardRefExoticComponent<{
     value?: string | null;
     onChange?: (v: string) => void;
     allowCustomColor?: boolean;
@@ -13,7 +13,8 @@ export declare const ColorPicker: import('react').ForwardRefExoticComponent<{
     swatchShape?: "circle" | "square";
     fullWidth?: boolean;
     swatchSize?: number;
-} & Omit<FlexProps, "onChange"> & import('react').RefAttributes<HTMLDivElement>> & {
-    ColorCircle: import('react').ForwardRefExoticComponent<ColorCircleProps & import('react').RefAttributes<HTMLDivElement>>;
+} & Omit<FlexProps, "onChange"> & import("react").RefAttributes<HTMLDivElement>> & {
+    ColorCircle: import("react").ForwardRefExoticComponent<ColorCircleProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 export {};
+//# sourceMappingURL=ColorPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,gBAAgB,EAEhB,SAAS,EAKV,MAAM,eAAe,CAAC;AA4GvB,UAAU,gBACR,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,EACrC,IAAI,CACF,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EACrC,MAAM,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CACtC;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,6GAwCvB,CAAC;AASF,eAAO,MAAM,WAAW;YAjKd,MAAM,GAAG,IAAI;eACV,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;uBACX,OAAO;aACjB,MAAM,EAAE;kBACH,QAAQ,GAAG,QAAQ;gBACrB,OAAO;iBACN,MAAM;;;CA6JnB,CAAC"}

package/dist/components/ColorPicker/ColorPickerPopover.d.ts

@@ -8,3 +8,4 @@ interface ColorPickerPopoverProps {
 }
 export declare const ColorPickerPopover: ({ value, onChange, defaultOpened, size, radius, children, }: PropsWithChildren<ColorPickerPopoverProps>) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=ColorPickerPopover.d.ts.map

package/dist/components/ColorPicker/ColorPickerPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerPopover.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPickerPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAMpD,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,kBAAkB,GAAI,6DAOhC,iBAAiB,CAAC,uBAAuB,CAAC,4CAgC5C,CAAC"}