@layers-app/shared 0.4.7 → 0.4.8

package/package.json

@@ -1,79 +1,80 @@
-{
-  "name": "@layers-app/shared",
-  "version": "0.4.7",
-  "description": "Shared components, hooks, and utilities for Layers application",
-  "files": [
-    "dist",
-    "docs"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./styles": "./dist/index.css",
-    "./dist/*": "./dist/*",
-    "./assets/*": "./src/assets/*",
-    "./package.json": "./package.json"
-  },
-  "scripts": {
-    "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 vite build && tsc --project tsconfig.build.json",
-    "check:ts": "tsc --noEmit",
-    "prePublish": "vite build && npm version patch",
-    "watch": "vite build --watch"
-  },
-  "peerDependencies": {
-    "@dnd-kit/core": "^6.0.0",
-    "@dnd-kit/sortable": "^8.0.0",
-    "@dnd-kit/utilities": "^3.2.0",
-    "@emoji-mart/data": "^1.2.1",
-    "@layers-app/onboarding-tour": "^4.0.0",
-    "@mantine/carousel": ">=9.0.0",
-    "@mantine/core": ">=9.0.0",
-    "@mantine/dates": ">=9.0.0",
-    "@mantine/dropzone": ">=9.0.0",
-    "@mantine/form": ">=9.0.0",
-    "@mantine/hooks": ">=9.0.0",
-    "@mantine/modals": ">=9.0.0",
-    "@mantine/notifications": ">=9.0.0",
-    "@reduxjs/toolkit": "^2.2.7",
-    "@tabler/icons-react": "^3.7.0",
-    "@tabler/icons-sprite": "^3.29.0",
-    "@tanstack/react-query": "^5.52.2",
-    "@tanstack/virtual-core": "^3.0.0",
-    "chroma-js": "^3.1.2",
-    "date-fns": "^4.1.0",
-    "@layers-app/draggable-ui": "^0.0.1",
-    "emoji-mart": "^5.6.0",
-    "exceljs": "^4.3.0",
-    "framer-motion": "^11.3.24",
-    "fuse.js": "^7.1.0",
-    "i18next": "^25.5.2",
-    "lodash-es": "^4.17.21",
-    "query-string": "^9.1.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-helmet": "^6.1.0",
-    "react-i18next": "^15.7.3",
-    "react-router-dom": "^7.5.2",
-    "react-zoom-pan-pinch": "^3.0.0",
-    "shaka-player": "^4.0.0",
-    "shaka-player-react": "^1.1.5",
-    "styled-components": "^6.0.0",
-    "zod": "^4.0.0",
-    "zustand": "^5.0.3"
-  },
-  "dependencies": {
-    "@gfazioli/mantine-onboarding-tour": "^4.0.0"
-  }
-}
+{
+  "name": "@layers-app/shared",
+  "version": "0.4.8",
+  "description": "Shared components, hooks, and utilities for Layers application",
+  "files": [
+    "dist",
+    "docs"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./dist/index.css",
+    "./dist/*": "./dist/*",
+    "./assets/*": "./src/assets/*",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 vite build && tsc --project tsconfig.build.json",
+    "check:ts": "tsc --noEmit",
+    "prePublish": "vite build && npm version patch",
+    "watch": "vite build --watch"
+  },
+  "peerDependencies": {
+    "@dnd-kit/core": "^6.0.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.0",
+    "@emoji-mart/data": "^1.2.1",
+    "@layers-app/draggable-ui": "^0.0.1",
+    "@layers-app/onboarding-tour": "^4.0.0",
+    "@mantine/core": ">=9.0.0",
+    "@mantine/dates": ">=9.0.0",
+    "@mantine/dropzone": ">=9.0.0",
+    "@mantine/form": ">=9.0.0",
+    "@mantine/hooks": ">=9.0.0",
+    "@mantine/modals": ">=9.0.0",
+    "@mantine/notifications": ">=9.0.0",
+    "@reduxjs/toolkit": "^2.2.7",
+    "@tabler/icons-react": "^3.7.0",
+    "@tabler/icons-sprite": "^3.29.0",
+    "@tanstack/react-query": "^5.52.2",
+    "@tanstack/virtual-core": "^3.0.0",
+    "chroma-js": "^3.1.2",
+    "date-fns": "^4.1.0",
+    "emoji-mart": "^5.6.0",
+    "exceljs": "^4.3.0",
+    "framer-motion": "^11.3.24",
+    "fuse.js": "^7.1.0",
+    "i18next": "^25.5.2",
+    "lodash-es": "^4.17.21",
+    "query-string": "^9.1.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-helmet": "^6.1.0",
+    "react-i18next": "^15.7.3",
+    "react-router-dom": "^7.5.2",
+    "react-zoom-pan-pinch": "^3.0.0",
+    "shaka-player": "^4.0.0",
+    "shaka-player-react": "^1.1.5",
+    "styled-components": "^6.0.0",
+    "zod": "^4.0.0",
+    "zustand": "^5.0.3"
+  },
+  "dependencies": {
+    "@gfazioli/mantine-audio": "^1.0.2",
+    "@gfazioli/mantine-onboarding-tour": "^4.0.0",
+    "@gfazioli/mantine-video": "^1.1.2"
+  }
+}

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

@@ -1,15 +0,0 @@
-type Props = {
-    attachmentId: string;
-    isActive?: boolean;
-    autoPlay?: boolean;
-};
-/**
- * Chooses how to play a video attachment based on its status:
- * - pipeline videos (status 200) → {@link StatusVideoPlayer}: playback URLs +
- *   subtitles/chapters/storyboard come from `/status`, no `/vod` polling.
- * - legacy attachments (status 404) → {@link LegacyAttachmentVideoPlayer}: the
- *   existing `/vod` resolution flow.
- */
-export declare const AttachmentVideoPlayer: ({ attachmentId, isActive, autoPlay, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=AttachmentVideoPlayer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AttachmentVideoPlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/AttachmentVideoPlayer.tsx"],"names":[],"mappings":"AAQA,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,GAAI,uCAInC,KAAK,4CAiCP,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/AttachmentVideoPlayer.js

@@ -1,36 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useAttachmentsGalleryContext as a } from "../AttachmentsGalleryContext.js";
-import { BaseLoader as l } from "../../Loaders/BaseLoader.js";
-import { LegacyAttachmentVideoPlayer as f } from "./LegacyAttachmentVideoPlayer.js";
-import { StatusVideoPlayer as n } from "./StatusVideoPlayer.js";
-import { useAttachmentVideoStatus as d } from "./useAttachmentVideoStatus.js";
-import p from "../styles.module.css.js";
-const P = ({
-  attachmentId: r,
-  isActive: t,
-  autoPlay: o
-}) => {
-  const { videoRefreshKey: i } = a(), { status: m, loaded: s } = d(
-    r,
-    i
-  );
-  return s ? m ? /* @__PURE__ */ e(
-    n,
-    {
-      attachmentId: r,
-      status: m,
-      isActive: t,
-      autoPlay: o
-    }
-  ) : /* @__PURE__ */ e(
-    f,
-    {
-      attachmentId: r,
-      isActive: t,
-      autoPlay: o
-    }
-  ) : /* @__PURE__ */ e("div", { className: p.videoPlayerFill, children: /* @__PURE__ */ e(l, {}) });
-};
-export {
-  P as AttachmentVideoPlayer
-};

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

@@ -1,14 +0,0 @@
-type Props = {
-    attachmentId: string;
-    isActive?: boolean;
-    autoPlay?: boolean;
-};
-/**
- * Player for legacy attachments that never went through the video pipeline (no
- * VideoAsset, `/status` 404). Stream resolution stays on the existing `/vod`
- * flow via `useShakePlayer` (HLS when ready, raw fallback). No subtitles/chapters
- * exist for these, so none are passed.
- */
-export declare const LegacyAttachmentVideoPlayer: ({ attachmentId, isActive, autoPlay, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=LegacyAttachmentVideoPlayer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LegacyAttachmentVideoPlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/LegacyAttachmentVideoPlayer.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,GAAI,uCAIzC,KAAK,4CAwBP,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/LegacyAttachmentVideoPlayer.js

@@ -1,31 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { ErrorSection as m } from "./ErrorSection.js";
-import { useShakePlayer as n } from "./ShakePlayer/useShakePlayer.js";
-import c from "../styles.module.css.js";
-import { VideoPlayer as d } from "../../VideoPlayer/VideoPlayer.js";
-const u = ({
-  attachmentId: o,
-  isActive: t,
-  autoPlay: l
-}) => {
-  const { containerRef: s, vodUrl: r, rawUrl: i, isError: a } = n({
-    attachmentId: o,
-    isActive: t,
-    autoPlay: l
-  });
-  return a ? /* @__PURE__ */ e(m, {}) : /* @__PURE__ */ e("div", { ref: s, className: c.videoPlayerFill, children: /* @__PURE__ */ e(
-    d,
-    {
-      videoId: o,
-      source: {
-        streamUrl: r,
-        nativeUrl: i,
-        optimizedReady: !!r,
-        isProcessing: !r && !i
-      }
-    }
-  ) });
-};
-export {
-  u as LegacyAttachmentVideoPlayer
-};

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

@@ -1,18 +0,0 @@
-import type { AttachmentVideoStatus } from './useAttachmentVideoStatus';
-type Props = {
-    attachmentId: string;
-    status: AttachmentVideoStatus;
-    isActive?: boolean;
-    autoPlay?: boolean;
-};
-/**
- * Player for videos that went through the video pipeline: playback URLs come
- * straight from `/v1/videos/{id}/status`, so there is no `/vod` polling. While
- * the backend is still transcoding, chapters are hidden and HLS is used only
- * once `optimizedReady`; otherwise the raw URL plays. The processing progress
- * is shown in the gallery header. Subtitles/chapters/storyboard ride along from
- * the same status payload.
- */
-export declare const StatusVideoPlayer: ({ attachmentId, status, isActive, autoPlay, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=StatusVideoPlayer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StatusVideoPlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/StatusVideoPlayer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAIxE,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,qBAAqB,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,GAAI,+CAK/B,KAAK,4CAsCP,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/StatusVideoPlayer.js

@@ -1,35 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useRef as s, useEffect as t } from "react";
-import y from "../styles.module.css.js";
-import { VideoPlayer as m } from "../../VideoPlayer/VideoPlayer.js";
-const U = ({
-  attachmentId: d,
-  status: e,
-  isActive: o,
-  autoPlay: l
-}) => {
-  const i = s(null), c = e.isProcessing, a = e.playback.optimizedReady ? e.playback.primaryUrl ?? null : null, n = e.playback.rawUrl ?? null;
-  return t(() => {
-    const r = i.current?.querySelector("video");
-    r && (o ? l !== !1 && r.play().catch(() => {
-    }) : r.pause());
-  }, [o, l, a, n]), /* @__PURE__ */ p("div", { ref: i, className: y.videoPlayerFill, children: /* @__PURE__ */ p(
-    m,
-    {
-      videoId: d,
-      source: {
-        streamUrl: a,
-        nativeUrl: n,
-        posterUrl: e.posterUrl ?? null,
-        optimizedReady: !!e.playback.optimizedReady,
-        isProcessing: c
-      },
-      subtitles: e.subtitles,
-      chapters: c || e.chaptersDisabled ? void 0 : e.chapters,
-      storyboard: e.storyboard
-    }
-  ) });
-};
-export {
-  U as StatusVideoPlayer
-};

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

@@ -1,33 +0,0 @@
-import type { Chapter, Storyboard, Subtitle } from '../../VideoPlayer';
-export type AttachmentVideoStatus = {
-    videoId?: string;
-    state?: string;
-    isProcessing: boolean;
-    processingPercent?: number;
-    posterUrl?: string;
-    chaptersDisabled?: boolean;
-    playback: {
-        primaryUrl?: string | null;
-        rawUrl?: string | null;
-        optimizedReady?: boolean;
-    };
-    subtitles?: Subtitle[];
-    chapters?: Chapter[];
-    storyboard?: Storyboard | null;
-};
-type Result = {
-    status: AttachmentVideoStatus | null;
-    loaded: boolean;
-};
-/**
- * Fetches (and, while processing, polls) the video status for an attachment.
- * Pipeline videos resolve here via the videoId → sourceAttachmentId fallback and
- * carry their own playback URLs + subtitles/chapters/storyboard — so the rich
- * player needs no `/vod` polling. While the backend is still transcoding the
- * status is re-polled so the processing banner, HLS switch and subtitles appear
- * without reopening. Old attachments (no VideoAsset) return 404 → `status` stays
- * null and the caller falls back to the legacy `/vod` flow.
- */
-export declare function useAttachmentVideoStatus(attachmentId?: string, refreshKey?: number): Result;
-export {};
-//# sourceMappingURL=useAttachmentVideoStatus.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useAttachmentVideoStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/useAttachmentVideoStatus.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGvE,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE;QACR,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACvB,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,CAAC;IACF,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,KAAK,MAAM,GAAG;IACZ,MAAM,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AA8EF;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CACtC,YAAY,CAAC,EAAE,MAAM,EACrB,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CA2DR"}

package/dist/components/AttachmentsGalleryModal/components/useAttachmentVideoStatus.js

@@ -1,70 +0,0 @@
-import { useState as m, useEffect as f } from "react";
-import { getEnvConfig as b } from "../../../config/envConfig.js";
-import { normalizeSubtitleTrack as A } from "../../VideoPlayer/utils/subtitles.js";
-const U = 3e3, v = 200, h = () => {
-  const t = b().apiBaseUrl || "";
-  return t.endsWith("/") ? t.slice(0, -1) : t;
-}, r = (t, e) => t ? new URL(t, e).toString() : void 0, L = (t, e) => {
-  const n = Array.isArray(t.subtitles) ? t.subtitles.map(A).filter((o) => o.id).map((o) => ({ ...o, url: r(o.url, e) })) : void 0, s = t.storyboard ? {
-    ...t.storyboard,
-    vttUrl: r(t.storyboard.vttUrl, e),
-    metaUrl: r(t.storyboard.metaUrl, e)
-  } : null, l = t.playback?.optimizedReady ?? !1, a = t.processingAvailable === !1 || t.pipelineMode === "UPLOAD_ONLY";
-  return {
-    videoId: t.videoId,
-    state: t.state,
-    isProcessing: !l && !a,
-    processingPercent: t.processing?.percent,
-    posterUrl: r(t.cover?.url, e),
-    chaptersDisabled: t.chaptersDisabled === !0,
-    playback: {
-      primaryUrl: r(t.playback?.primaryUrl, e),
-      rawUrl: r(t.playback?.rawUrl, e),
-      optimizedReady: t.playback?.optimizedReady
-    },
-    subtitles: n,
-    chapters: Array.isArray(t.chapters) ? t.chapters : void 0,
-    storyboard: s
-  };
-};
-function R(t, e) {
-  const [n, s] = m({ status: null, loaded: !1 });
-  return f(() => {
-    if (s({ status: null, loaded: !1 }), !t) {
-      s({ status: null, loaded: !0 });
-      return;
-    }
-    let l = !1, a = null, o = 0;
-    const c = h() || window.location.origin, d = async () => {
-      o += 1;
-      try {
-        const i = await fetch(`${c}/v1/videos/${t}/status`, {
-          method: "GET",
-          credentials: "include",
-          headers: { Accept: "application/json" }
-        });
-        if (l) return;
-        if (!i.ok) {
-          s(
-            (p) => p.loaded ? p : { status: null, loaded: !0 }
-          );
-          return;
-        }
-        const y = await i.json();
-        if (l) return;
-        const u = L(y, c);
-        s({ status: u, loaded: !0 }), u.isProcessing && o < v && (a = setTimeout(d, U));
-      } catch {
-        l || s(
-          (i) => i.loaded ? i : { status: null, loaded: !0 }
-        );
-      }
-    };
-    return d(), () => {
-      l = !0, a && clearTimeout(a);
-    };
-  }, [t, e]), n;
-}
-export {
-  R as useAttachmentVideoStatus
-};

package/dist/components/Notification/Notification.js

@@ -1,119 +0,0 @@
-import { jsxs as i, Fragment as A, jsx as e } from "react/jsx-runtime";
-import { useState as D, useRef as w, useCallback as g, useEffect as y } from "react";
-import { useTranslation as N } from "react-i18next";
-import { useNavigate as E } from "react-router-dom";
-import { Flex as a, Text as l, Box as k, Button as b, Divider as v, Group as d } from "@mantine/core";
-import { IconArrowsSort as F } from "@tabler/icons-react";
-import { useAppContainerActionsStore as j } from "../AppContainer/hooks/useAppContainerActionsStore.js";
-import { useAppContainerDataStore as S } from "../AppContainer/hooks/useAppContainerDataStore.js";
-import { CustomKBD as C } from "../CustomKBD/index.js";
-import { NoData as B } from "../NoData/NoData.js";
-import I from "./NotificationCard.js";
-import K from "./Notification.module.css.js";
-const J = () => {
-  const { t: r } = N("appContainer"), h = E(), { notifications: n } = S(), { readNotificationsFunc: p } = j(), [s, c] = D(null), u = w([]), x = w(null), m = g(
-    async (t) => {
-      if (!n?.length) return;
-      const o = `/invitation/${n[t].link}`;
-      p({
-        messageIds: [n[t].id],
-        markAll: !1,
-        action: 1
-      }), h(o);
-    },
-    [h, n, p]
-  ), f = g(
-    (t) => {
-      t.key === "ArrowDown" ? (t.preventDefault(), c(
-        (o) => o === null ? 0 : Math.min(o + 1, n?.length - 1)
-      )) : t.key === "ArrowUp" ? (t.preventDefault(), c(
-        (o) => o === null ? n?.length - 1 : Math.max(o - 1, 0)
-      )) : t.key === "Enter" && s !== null && n?.length && m(s);
-    },
-    [s, m, n?.length]
-  );
-  return y(() => (window.addEventListener("keydown", f), () => {
-    c(null), window.removeEventListener("keydown", f);
-  }), [f]), y(() => {
-    const t = u.current[s ?? -1];
-    t && t.scrollIntoView({
-      behavior: "smooth",
-      block: "nearest"
-    });
-  }, [s]), /* @__PURE__ */ i(A, { children: [
-    /* @__PURE__ */ i(a, { p: "sm", justify: "space-between", children: [
-      /* @__PURE__ */ i(a, { children: [
-        /* @__PURE__ */ e(l, { fz: "sm", children: r("notification") }),
-        /* @__PURE__ */ e(k, { className: K.headerCounter, children: /* @__PURE__ */ e(l, { fz: "xs", children: n?.length < 100 ? n?.length : "99+" }) })
-      ] }),
-      /* @__PURE__ */ e(b, { h: 22, variant: "transparent", size: "xs", children: /* @__PURE__ */ e(l, { h: 22, fz: "md", children: r("showAll") }) })
-    ] }),
-    /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ e(
-      d,
-      {
-        mah: 280,
-        ref: x,
-        style: {
-          overflowY: "auto"
-        },
-        gap: 0,
-        children: n ? n?.map((t, o) => /* @__PURE__ */ e(
-          k,
-          {
-            onClick: () => m(o),
-            style: {
-              overflow: "hidden"
-            },
-            children: /* @__PURE__ */ e(
-              I,
-              {
-                isFocused: o === s,
-                notification: t,
-                ref: (z) => {
-                  u.current[o] = z;
-                }
-              }
-            )
-          },
-          t.id
-        )) : /* @__PURE__ */ e(
-          B,
-          {
-            py: "md",
-            size: 140,
-            my: 20,
-            illustration: "noNotifications",
-            descriptionProps: { maw: 300 },
-            description: r("emptyNotifyDescription")
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ i(a, { bottom: 0, p: "sm", justify: "space-between", children: [
-      /* @__PURE__ */ i(a, { gap: 24, children: [
-        /* @__PURE__ */ i(d, { gap: 8, children: [
-          /* @__PURE__ */ e(
-            C,
-            {
-              miw: 26,
-              w: 26,
-              bbw: 4,
-              value: /* @__PURE__ */ e(F, { stroke: 1.5, width: 16, height: 16 })
-            }
-          ),
-          /* @__PURE__ */ e(l, { fz: "sm", fw: 400, children: r("choose") })
-        ] }),
-        /* @__PURE__ */ i(d, { gap: 8, children: [
-          /* @__PURE__ */ e(C, { miw: 45, w: 45, bbw: 4, value: "Enter" }),
-          /* @__PURE__ */ e(l, { fz: "sm", fw: 400, children: r("open") })
-        ] })
-      ] }),
-      /* @__PURE__ */ e(b, { h: 22, variant: "transparent", size: "xs", children: /* @__PURE__ */ e(l, { h: 22, fz: "md", children: r("closeAll") }) })
-    ] })
-  ] });
-};
-export {
-  J as Notification
-};

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

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

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

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