@chayns-components/gallery 5.2.4 → 5.2.5

package/lib/esm/components/media-content/useMediaContentSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaContentSize.js","names":["useEffect","useState","MEDIA_CONTENT_SIZE_RESIZE_DEBOUNCE_MS","getSizeFromElement","element","undefined","width","height","getBoundingClientRect","useMediaContentSize","size","setSize","timeoutId","updateSize","nextSize","clearTimeout","setTimeout","ResizeObserver","resizeObserver","observe","disconnect"],"sources":["../../../../src/components/media-content/useMediaContentSize.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type { MediaContentSize } from './MediaContent.utils';\n\nconst MEDIA_CONTENT_SIZE_RESIZE_DEBOUNCE_MS = 100;\n\nconst getSizeFromElement = (element: HTMLElement | null): MediaContentSize | undefined => {\n    if (!element) {\n        return undefined;\n    }\n\n    const { width, height } = element.getBoundingClientRect();\n\n    if (width <= 0 || height <= 0) {\n        return undefined;\n    }\n\n    return {\n        width,\n        height,\n    };\n};\n\nconst useMediaContentSize = (element: HTMLElement | null) => {\n    const [size, setSize] = useState<MediaContentSize>();\n\n    useEffect(() => {\n        if (!element) {\n            setSize(undefined);\n            return undefined;\n        }\n\n        let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n        const updateSize = () => {\n            const nextSize = getSizeFromElement(element);\n\n            if (!nextSize) {\n                setSize(undefined);\n                return;\n            }\n\n            if (timeoutId) {\n                clearTimeout(timeoutId);\n            }\n\n            timeoutId = setTimeout(() => {\n                setSize(nextSize);\n            }, MEDIA_CONTENT_SIZE_RESIZE_DEBOUNCE_MS);\n        };\n\n        updateSize();\n\n        if (typeof ResizeObserver === 'undefined') {\n            return () => {\n                if (timeoutId) {\n                    clearTimeout(timeoutId);\n                }\n            };\n        }\n\n        const resizeObserver = new ResizeObserver(() => {\n            updateSize();\n        });\n\n        resizeObserver.observe(element);\n\n        return () => {\n            resizeObserver.disconnect();\n\n            if (timeoutId) {\n                clearTimeout(timeoutId);\n            }\n        };\n    }, [element]);\n\n    return size;\n};\n\nexport default useMediaContentSize;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAG3C,MAAMC,qCAAqC,GAAG,GAAG;AAEjD,MAAMC,kBAAkB,GAAIC,OAA2B,IAAmC;EACtF,IAAI,CAACA,OAAO,EAAE;IACV,OAAOC,SAAS;EACpB;EAEA,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGH,OAAO,CAACI,qBAAqB,CAAC,CAAC;EAEzD,IAAIF,KAAK,IAAI,CAAC,IAAIC,MAAM,IAAI,CAAC,EAAE;IAC3B,OAAOF,SAAS;EACpB;EAEA,OAAO;IACHC,KAAK;IACLC;EACJ,CAAC;AACL,CAAC;AAED,MAAME,mBAAmB,GAAIL,OAA2B,IAAK;EACzD,MAAM,CAACM,IAAI,EAAEC,OAAO,CAAC,GAAGV,QAAQ,CAAmB,CAAC;EAEpDD,SAAS,CAAC,MAAM;IACZ,IAAI,CAACI,OAAO,EAAE;MACVO,OAAO,CAACN,SAAS,CAAC;MAClB,OAAOA,SAAS;IACpB;IAEA,IAAIO,SAAoD;IAExD,MAAMC,UAAU,GAAGA,CAAA,KAAM;MACrB,MAAMC,QAAQ,GAAGX,kBAAkB,CAACC,OAAO,CAAC;MAE5C,IAAI,CAACU,QAAQ,EAAE;QACXH,OAAO,CAACN,SAAS,CAAC;QAClB;MACJ;MAEA,IAAIO,SAAS,EAAE;QACXG,YAAY,CAACH,SAAS,CAAC;MAC3B;MAEAA,SAAS,GAAGI,UAAU,CAAC,MAAM;QACzBL,OAAO,CAACG,QAAQ,CAAC;MACrB,CAAC,EAAEZ,qCAAqC,CAAC;IAC7C,CAAC;IAEDW,UAAU,CAAC,CAAC;IAEZ,IAAI,OAAOI,cAAc,KAAK,WAAW,EAAE;MACvC,OAAO,MAAM;QACT,IAAIL,SAAS,EAAE;UACXG,YAAY,CAACH,SAAS,CAAC;QAC3B;MACJ,CAAC;IACL;IAEA,MAAMM,cAAc,GAAG,IAAID,cAAc,CAAC,MAAM;MAC5CJ,UAAU,CAAC,CAAC;IAChB,CAAC,CAAC;IAEFK,cAAc,CAACC,OAAO,CAACf,OAAO,CAAC;IAE/B,OAAO,MAAM;MACTc,cAAc,CAACE,UAAU,CAAC,CAAC;MAE3B,IAAIR,SAAS,EAAE;QACXG,YAAY,CAACH,SAAS,CAAC;MAC3B;IACJ,CAAC;EACL,CAAC,EAAE,CAACR,OAAO,CAAC,CAAC;EAEb,OAAOM,IAAI;AACf,CAAC;AAED,eAAeD,mBAAmB","ignoreList":[]}

package/lib/esm/utils/gallery.js

@@ -49,7 +49,7 @@ export const openFiles = (fileItems, file) => {
   try {
     startIndex = fileItems.findIndex(item => item.id === file.id);
     const items = fileItems.map(item => ({
-      url: item.uploadedFile?.url.replace('_0.mp4', '.mp4') ?? '',
+      url: item.uploadedFile?.url ?? '',
       mediaType: item.uploadedFile && 'thumbnailUrl' in item.uploadedFile ? MediaType.VIDEO : MediaType.IMAGE
     }));
 
@@ -93,7 +93,7 @@ export const openKnownFiles = (fileItems, file) => {
   try {
     startIndex = fileItems.findIndex((item, index) => getGalleryViewerKey(item, index) === activeFileKey);
     const items = fileItems.map(item => ({
-      url: item.file.url.replace('_0.mp4', '.mp4'),
+      url: item.file.url,
       mediaType: 'thumbnailUrl' in item.file ? MediaType.VIDEO : MediaType.IMAGE
     }));
 

package/lib/esm/utils/gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"gallery.js","names":["MediaType","openImage","openMedia","openVideo","GalleryViewMode","DEFAULT_MEDIA_RATIO","mapFilesToInternalItems","files","map","file","index","id","getGalleryViewerKey","uploadedFile","undefined","state","previewUrl","fileItem","url","getGalleryRatio","fileItems","length","Math","max","ratio","getReadOnlyItemRatio","viewMode","itemCount","GRID","openFiles","startIndex","findIndex","item","items","replace","mediaType","VIDEO","IMAGE","_","imageFiles","forEach","push","startFile","shift","openKnownFiles","activeFileKey","indexOf"],"sources":["../../../src/utils/gallery.ts"],"sourcesContent":["import type { FileItem, InternalFileItem } from '@chayns-components/core';\nimport {\n    MediaType,\n    openImage,\n    openMedia,\n    type OpenImageItem,\n    type OpenMediaItem,\n    openVideo,\n} from 'chayns-api';\nimport { GalleryViewMode } from '../types/gallery';\n\nconst DEFAULT_MEDIA_RATIO = 1;\n\nexport const mapFilesToInternalItems = (files?: FileItem[]): InternalFileItem[] =>\n    (files ?? []).map((file, index) => ({\n        id: getGalleryViewerKey(file, index),\n        uploadedFile: file.file,\n        file: undefined,\n        state: 'uploaded',\n        previewUrl: undefined,\n    }));\n\nexport const getGalleryViewerKey = (fileItem: FileItem, index: number): string =>\n    fileItem.id ?? fileItem.file.id ?? fileItem.file.url ?? `gallery-item-${index}`;\n\nexport const getGalleryRatio = (fileItems: FileItem[]): number => {\n    switch (fileItems.length) {\n        case 0:\n            return DEFAULT_MEDIA_RATIO;\n        case 1:\n            return Math.max(fileItems[0]?.file.ratio ?? DEFAULT_MEDIA_RATIO, 1);\n        case 2:\n            return 2;\n        case 3:\n            return 3;\n        default:\n            return DEFAULT_MEDIA_RATIO;\n    }\n};\n\nexport const getReadOnlyItemRatio = ({\n    fileItems,\n    index,\n    viewMode,\n}: {\n    fileItems: FileItem[];\n    index: number;\n    viewMode: GalleryViewMode;\n}): number => {\n    const itemCount = fileItems.length;\n\n    if (viewMode !== GalleryViewMode.GRID) {\n        return DEFAULT_MEDIA_RATIO;\n    }\n\n    if (itemCount === 1) {\n        // A square fallback keeps virtualization stable when upstream data does not provide a ratio.\n        return Math.max(fileItems[0]?.file.ratio ?? DEFAULT_MEDIA_RATIO, DEFAULT_MEDIA_RATIO);\n    }\n\n    if (itemCount === 2 && (index === 0 || index === 1)) {\n        return 0.5;\n    }\n\n    if ((index === 0 && itemCount > 2) || (itemCount === 3 && (index === 1 || index === 2))) {\n        return 1.5;\n    }\n\n    return DEFAULT_MEDIA_RATIO;\n};\n\nexport const openFiles = (fileItems: InternalFileItem[], file: InternalFileItem) => {\n    let startIndex = 0;\n\n    try {\n        startIndex = fileItems.findIndex((item) => item.id === file.id);\n\n        const items: OpenMediaItem[] = fileItems.map((item) => ({\n            url: item.uploadedFile?.url.replace('_0.mp4', '.mp4') ?? '',\n            mediaType:\n                item.uploadedFile && 'thumbnailUrl' in item.uploadedFile\n                    ? MediaType.VIDEO\n                    : MediaType.IMAGE,\n        }));\n\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        void openMedia({ items, startIndex });\n    } catch (_) {\n        if (file.uploadedFile && 'thumbnailUrl' in file.uploadedFile) {\n            void openVideo({ url: file.uploadedFile.url });\n\n            return;\n        }\n\n        const imageFiles: OpenImageItem[] = [];\n\n        fileItems.forEach(({ uploadedFile }) => {\n            if (uploadedFile && !('thumbnailUrl' in uploadedFile)) {\n                imageFiles.push({ url: uploadedFile.url });\n            }\n        });\n\n        startIndex = imageFiles.findIndex((item) => item.url === file.uploadedFile?.url);\n\n        const startFile = imageFiles.shift();\n\n        if (!startFile) {\n            return;\n        }\n\n        void openImage({ items: [startFile, ...imageFiles], startIndex });\n    }\n};\n\nexport const openKnownFiles = (fileItems: FileItem[], file: FileItem) => {\n    const activeFileKey = getGalleryViewerKey(file, fileItems.indexOf(file));\n    let startIndex = 0;\n\n    try {\n        startIndex = fileItems.findIndex(\n            (item, index) => getGalleryViewerKey(item, index) === activeFileKey,\n        );\n\n        const items: OpenMediaItem[] = fileItems.map((item) => ({\n            url: item.file.url.replace('_0.mp4', '.mp4'),\n            mediaType: 'thumbnailUrl' in item.file ? MediaType.VIDEO : MediaType.IMAGE,\n        }));\n\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        void openMedia({ items, startIndex });\n    } catch (_) {\n        if ('thumbnailUrl' in file.file) {\n            void openVideo({ url: file.file.url });\n\n            return;\n        }\n\n        const imageFiles: OpenImageItem[] = [];\n\n        fileItems.forEach((item) => {\n            if (!('thumbnailUrl' in item.file)) {\n                imageFiles.push({ url: item.file.url });\n            }\n        });\n\n        startIndex = imageFiles.findIndex((item) => item.url === file.file.url);\n\n        const startFile = imageFiles.shift();\n\n        if (!startFile) {\n            return;\n        }\n\n        void openImage({ items: [startFile, ...imageFiles], startIndex });\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"gallery.js","names":["MediaType","openImage","openMedia","openVideo","GalleryViewMode","DEFAULT_MEDIA_RATIO","mapFilesToInternalItems","files","map","file","index","id","getGalleryViewerKey","uploadedFile","undefined","state","previewUrl","fileItem","url","getGalleryRatio","fileItems","length","Math","max","ratio","getReadOnlyItemRatio","viewMode","itemCount","GRID","openFiles","startIndex","findIndex","item","items","mediaType","VIDEO","IMAGE","_","imageFiles","forEach","push","startFile","shift","openKnownFiles","activeFileKey","indexOf"],"sources":["../../../src/utils/gallery.ts"],"sourcesContent":["import type { FileItem, InternalFileItem } from '@chayns-components/core';\nimport {\n    MediaType,\n    openImage,\n    openMedia,\n    type OpenImageItem,\n    type OpenMediaItem,\n    openVideo,\n} from 'chayns-api';\nimport { GalleryViewMode } from '../types/gallery';\n\nconst DEFAULT_MEDIA_RATIO = 1;\n\nexport const mapFilesToInternalItems = (files?: FileItem[]): InternalFileItem[] =>\n    (files ?? []).map((file, index) => ({\n        id: getGalleryViewerKey(file, index),\n        uploadedFile: file.file,\n        file: undefined,\n        state: 'uploaded',\n        previewUrl: undefined,\n    }));\n\nexport const getGalleryViewerKey = (fileItem: FileItem, index: number): string =>\n    fileItem.id ?? fileItem.file.id ?? fileItem.file.url ?? `gallery-item-${index}`;\n\nexport const getGalleryRatio = (fileItems: FileItem[]): number => {\n    switch (fileItems.length) {\n        case 0:\n            return DEFAULT_MEDIA_RATIO;\n        case 1:\n            return Math.max(fileItems[0]?.file.ratio ?? DEFAULT_MEDIA_RATIO, 1);\n        case 2:\n            return 2;\n        case 3:\n            return 3;\n        default:\n            return DEFAULT_MEDIA_RATIO;\n    }\n};\n\nexport const getReadOnlyItemRatio = ({\n    fileItems,\n    index,\n    viewMode,\n}: {\n    fileItems: FileItem[];\n    index: number;\n    viewMode: GalleryViewMode;\n}): number => {\n    const itemCount = fileItems.length;\n\n    if (viewMode !== GalleryViewMode.GRID) {\n        return DEFAULT_MEDIA_RATIO;\n    }\n\n    if (itemCount === 1) {\n        // A square fallback keeps virtualization stable when upstream data does not provide a ratio.\n        return Math.max(fileItems[0]?.file.ratio ?? DEFAULT_MEDIA_RATIO, DEFAULT_MEDIA_RATIO);\n    }\n\n    if (itemCount === 2 && (index === 0 || index === 1)) {\n        return 0.5;\n    }\n\n    if ((index === 0 && itemCount > 2) || (itemCount === 3 && (index === 1 || index === 2))) {\n        return 1.5;\n    }\n\n    return DEFAULT_MEDIA_RATIO;\n};\n\nexport const openFiles = (fileItems: InternalFileItem[], file: InternalFileItem) => {\n    let startIndex = 0;\n\n    try {\n        startIndex = fileItems.findIndex((item) => item.id === file.id);\n\n        const items: OpenMediaItem[] = fileItems.map((item) => ({\n            url: item.uploadedFile?.url ?? '',\n            mediaType:\n                item.uploadedFile && 'thumbnailUrl' in item.uploadedFile\n                    ? MediaType.VIDEO\n                    : MediaType.IMAGE,\n        }));\n\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        void openMedia({ items, startIndex });\n    } catch (_) {\n        if (file.uploadedFile && 'thumbnailUrl' in file.uploadedFile) {\n            void openVideo({ url: file.uploadedFile.url });\n\n            return;\n        }\n\n        const imageFiles: OpenImageItem[] = [];\n\n        fileItems.forEach(({ uploadedFile }) => {\n            if (uploadedFile && !('thumbnailUrl' in uploadedFile)) {\n                imageFiles.push({ url: uploadedFile.url });\n            }\n        });\n\n        startIndex = imageFiles.findIndex((item) => item.url === file.uploadedFile?.url);\n\n        const startFile = imageFiles.shift();\n\n        if (!startFile) {\n            return;\n        }\n\n        void openImage({ items: [startFile, ...imageFiles], startIndex });\n    }\n};\n\nexport const openKnownFiles = (fileItems: FileItem[], file: FileItem) => {\n    const activeFileKey = getGalleryViewerKey(file, fileItems.indexOf(file));\n    let startIndex = 0;\n\n    try {\n        startIndex = fileItems.findIndex(\n            (item, index) => getGalleryViewerKey(item, index) === activeFileKey,\n        );\n\n        const items: OpenMediaItem[] = fileItems.map((item) => ({\n            url: item.file.url,\n            mediaType: 'thumbnailUrl' in item.file ? MediaType.VIDEO : MediaType.IMAGE,\n        }));\n\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        void openMedia({ items, startIndex });\n    } catch (_) {\n        if ('thumbnailUrl' in file.file) {\n            void openVideo({ url: file.file.url });\n\n            return;\n        }\n\n        const imageFiles: OpenImageItem[] = [];\n\n        fileItems.forEach((item) => {\n            if (!('thumbnailUrl' in item.file)) {\n                imageFiles.push({ url: item.file.url });\n            }\n        });\n\n        startIndex = imageFiles.findIndex((item) => item.url === file.file.url);\n\n        const startFile = imageFiles.shift();\n\n        if (!startFile) {\n            return;\n        }\n\n        void openImage({ items: [startFile, ...imageFiles], startIndex });\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/types/components/Gallery.types.d.ts

@@ -82,6 +82,18 @@ export interface GalleryProps {
      * @optional
      */
     maxFiles?: number;
+    /**
+     * Controls when the gallery is allowed to load the final media assets.
+     * @description
+     * When set to `true`, the gallery loads the actual images immediately as before.
+     * When set to `false`, the gallery keeps rendering previews first and delays the final media load until this flag becomes `true`.
+     * This setting applies to the whole gallery wrapper and is intended for external loading control such as virtualized message lists.
+     * @default true
+     * @example
+     * <Gallery files={files} shouldLoadImages={false} />
+     * @optional
+     */
+    shouldLoadImages?: boolean;
     /**
      * Is called after a file has been uploaded successfully in edit mode.
      * @description

package/lib/types/components/gallery-editor/GalleryEditor.constants.d.ts

@@ -0,0 +1,5 @@
+export declare const GALLERY_EDITOR_GRID_GAP_PX = 6;
+export declare const GALLERY_EDITOR_ITEM_FADE_DURATION_S = 0.18;
+export declare const GALLERY_EDITOR_PREVIEW_FADE_DURATION_S = 0.16;
+export declare const GALLERY_EDITOR_MEDIA_FADE_DURATION_S = 0.2;
+export declare const GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX = 3;

package/lib/types/components/gallery-editor/GalleryEditor.styles.d.ts

@@ -1,4 +1,8 @@
-export declare const StyledGalleryEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledGalleryEditorGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledGalleryEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const StyledGalleryEditorGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$fileMinWidth"> & {
+    $gap: number;
     $fileMinWidth: number;
-}>> & string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$fileMinWidth"> & {
+    $gap: number;
+    $fileMinWidth: number;
+}, never>>> & string;

package/lib/types/components/gallery-editor/GalleryEditor.types.d.ts

@@ -53,6 +53,17 @@ export interface GalleryEditorProps {
      * @optional
      */
     files?: FileItem[];
+    /**
+     * Controls whether the editor may load the final media assets immediately.
+     * @description
+     * When set to `true`, the editor behaves like the current implementation and loads the final media immediately.
+     * When set to `false`, uploaded media keeps rendering previews first and delays the final image load until this flag becomes `true`.
+     * @default true
+     * @example
+     * <GalleryEditor files={files} shouldLoadImages={false} />
+     * @optional
+     */
+    shouldLoadImages?: boolean;
     /**
      * Limits how many files can be managed by the editor.
      * @description

package/lib/types/components/gallery-editor/GalleryEditor.utils.d.ts

@@ -0,0 +1,5 @@
+import type { FileItem, InternalFileItem } from '@chayns-components/core';
+export declare const mapExternalFilesIntoInternalItems: (files?: FileItem[]) => InternalFileItem[];
+export declare const mergeExternalFilesWithInternalState: (internalItems: InternalFileItem[], externalItems: InternalFileItem[]) => InternalFileItem[];
+export declare const getPendingPreviewFileItems: (fileItems: InternalFileItem[]) => InternalFileItem[];
+export declare const getPendingUploadFileItems: (fileItems: InternalFileItem[]) => InternalFileItem[];

package/lib/types/components/gallery-editor/add-file/AddFile.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import type { AddFileProps } from './AddFile.types';
-declare const AddFile: FC<AddFileProps>;
-export default AddFile;
+declare const _default: React.NamedExoticComponent<AddFileProps>;
+export default _default;

package/lib/types/components/gallery-editor/add-file/AddFile.styles.d.ts

@@ -1,4 +1,6 @@
-export declare const StyledAddFile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledAddFIleIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const StyledAddFile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const StyledAddFIleIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "theme"> & {
     theme: import("@chayns-components/core").Theme;
-}>> & string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "theme"> & {
+    theme: import("@chayns-components/core").Theme;
+}, never>>> & string;

package/lib/types/components/gallery-editor/gallery-editor-item/GalleryEditorItem.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import type { GalleryEditorItemProps } from './GalleryEditorItem.types';
-declare const GalleryEditorItem: FC<GalleryEditorItemProps>;
-export default GalleryEditorItem;
+declare const _default: React.NamedExoticComponent<GalleryEditorItemProps>;
+export default _default;

package/lib/types/components/gallery-editor/gallery-editor-item/GalleryEditorItem.styles.d.ts

@@ -1,4 +1,14 @@
-export declare const StyledGalleryEditorItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledGalleryEditorItemDeleteButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const StyledMotionGalleryEditorItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never> & Partial<Pick<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledGalleryEditorItemDeleteButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "theme" | "$zIndex"> & {
     theme: import("@chayns-components/core").Theme;
-}>> & string;
+} & {
+    $zIndex: number;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "theme" | "$zIndex"> & {
+    theme: import("@chayns-components/core").Theme;
+} & {
+    $zIndex: number;
+}, never>>> & string;

package/lib/types/components/gallery-editor/gallery-editor-item/GalleryEditorItem.types.d.ts

@@ -11,6 +11,14 @@ export interface GalleryEditorItemProps {
      * <GalleryEditorItem fileItem={fileItem} handleDeleteFile={handleDeleteFile} onClick={handleOpen} />
      */
     fileItem: InternalFileItem;
+    /**
+     * Controls whether the item may load the final media source immediately.
+     * @description
+     * The item forwards this flag to the shared media renderer so uploaded media can stay on the preview until loading is allowed.
+     * @default true
+     * @optional
+     */
+    shouldLoadImages?: boolean;
     /**
      * Is called when the delete button is clicked in edit mode.
      * @description

package/lib/types/components/gallery-editor/gallery-editor-item/gallery-editor-media-item/GalleryEditorMediaItem.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import type { GalleryEditorMediaItemProps } from './GalleryEditorMediaItem.types';
-declare const GalleryEditorMediaItem: FC<GalleryEditorMediaItemProps>;
-export default GalleryEditorMediaItem;
+declare const _default: React.NamedExoticComponent<GalleryEditorMediaItemProps>;
+export default _default;

package/lib/types/components/gallery-editor/gallery-editor-item/gallery-editor-media-item/GalleryEditorMediaItem.styles.d.ts

@@ -1,3 +1,5 @@
 export declare const StyledMotionGalleryEditorMediaItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+}, never> & Partial<Pick<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;

package/lib/types/components/gallery-editor/gallery-editor-item/gallery-editor-media-item/GalleryEditorMediaItem.types.d.ts

@@ -11,6 +11,14 @@ export interface GalleryEditorMediaItemProps {
      * <GalleryEditorMediaItem fileItem={fileItem} onClick={handleOpen} ratio={1} />
      */
     fileItem: InternalFileItem;
+    /**
+     * Controls whether the media renderer may load the final uploaded source immediately.
+     * @description
+     * When disabled, the shared media renderer keeps showing the preview until the parent gallery allows the final load.
+     * @default true
+     * @optional
+     */
+    shouldLoadImages?: boolean;
     /**
      * Is called when the media tile is selected.
      * @description
@@ -27,4 +35,11 @@ export interface GalleryEditorMediaItemProps {
      * <GalleryEditorMediaItem fileItem={fileItem} openSelectedFile={handleOpen} ratio={1.5} />
      */
     ratio: number;
+    /**
+     * Provides an optional preview source that can be shown before the final uploaded media loads.
+     * @description
+     * This is typically the local base64 preview generated while the file is still being uploaded.
+     * @optional
+     */
+    previewUrl?: string;
 }

package/lib/types/components/gallery-editor/gallery-editor-item/gallery-editor-preview-item/GalleryEditorPreviewItem.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import type { GalleryEditorPreviewItemProps } from './GalleryEditorPreviewItem.types';
-declare const GalleryEditorPreviewItem: FC<GalleryEditorPreviewItemProps>;
-export default GalleryEditorPreviewItem;
+declare const _default: React.NamedExoticComponent<GalleryEditorPreviewItemProps>;
+export default _default;

package/lib/types/components/gallery-editor/gallery-editor-item/gallery-editor-preview-item/GalleryEditorPreviewItem.styles.d.ts

@@ -1,10 +1,16 @@
 export declare const StyledMotionGalleryEditorPreviewItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledGalleryEditorPreviewItemImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}, never> & Partial<Pick<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledGalleryEditorPreviewItemImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$ratio"> & {
+    $ratio: number;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$ratio"> & {
     $ratio: number;
-}>> & string;
-export declare const StyledGalleryEditorPreviewItemImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
+}, never>>> & string;
+export declare const StyledGalleryEditorPreviewItemImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "theme"> & {
+    theme: import("@chayns-components/core").Theme;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "theme"> & {
     theme: import("@chayns-components/core").Theme;
-}>> & string;
-export declare const StyledGalleryEditorPreviewItemLoadingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+}, never>>> & string;
+export declare const StyledGalleryEditorPreviewItemLoadingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/lib/types/components/gallery-editor/useGalleryEditorState.d.ts

@@ -0,0 +1,21 @@
+import { type FileItem, type InternalFileItem } from '@chayns-components/core';
+import { type DragEvent } from 'react';
+type UseGalleryEditorStateOptions = {
+    allowDragAndDrop: boolean;
+    doubleFileDialogMessage: string;
+    files?: FileItem[];
+    maxFiles?: number;
+    onAdd?: (file: FileItem) => void;
+    onFileCountChange?: (fileCount: number) => void;
+    onRemove?: (file: FileItem) => void;
+};
+type GalleryEditorStateResult = {
+    fileItems: InternalFileItem[];
+    handleAddFiles: (filesToAdd: File[]) => void;
+    handleClear: () => void;
+    handleDeleteFile: (id?: string) => void;
+    handleDrop: (event: DragEvent<HTMLDivElement>) => void;
+    handleOpenFiles: (file: InternalFileItem) => void;
+};
+declare const useGalleryEditorState: ({ allowDragAndDrop, doubleFileDialogMessage, files, maxFiles, onAdd, onFileCountChange, onRemove, }: UseGalleryEditorStateOptions) => GalleryEditorStateResult;
+export default useGalleryEditorState;

package/lib/types/components/gallery-viewer/GalleryViewer.constants.d.ts

@@ -0,0 +1 @@
+export declare const GALLERY_VIEWER_MAX_VISIBLE_ITEMS = 4;

package/lib/types/components/gallery-viewer/GalleryViewer.styles.d.ts

@@ -1,7 +1,11 @@
 import { GalleryViewMode } from '../../types/gallery';
-export declare const StyledGalleryViewer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledGalleryViewerItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledGalleryViewer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const StyledGalleryViewerItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$ratio" | "$itemCount" | "$viewMode"> & {
     $itemCount: number;
     $ratio: number;
     $viewMode: GalleryViewMode;
-}>> & string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$ratio" | "$itemCount" | "$viewMode"> & {
+    $itemCount: number;
+    $ratio: number;
+    $viewMode: GalleryViewMode;
+}, never>>> & string;

package/lib/types/components/gallery-viewer/GalleryViewer.types.d.ts

@@ -13,6 +13,17 @@ export interface GalleryViewerProps {
      * @optional
      */
     files?: FileItem[];
+    /**
+     * Controls whether the viewer may load the final media assets immediately.
+     * @description
+     * When set to `true`, the viewer renders and loads the actual images right away.
+     * When set to `false`, the viewer keeps showing previews first and defers the final image load until this flag becomes `true`.
+     * @default true
+     * @example
+     * <GalleryViewer files={files} shouldLoadImages={false} />
+     * @optional
+     */
+    shouldLoadImages?: boolean;
     /**
      * Defines how the media tiles are arranged in read-only mode.
      * @description

package/lib/types/components/gallery-viewer/gallery-viewer-item/GalleryViewerItem.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import type { GalleryViewerItemProps } from './GalleryViewerItem.types';
-declare const GalleryViewerItem: FC<GalleryViewerItemProps>;
-export default GalleryViewerItem;
+declare const _default: React.NamedExoticComponent<GalleryViewerItemProps>;
+export default _default;

package/lib/types/components/gallery-viewer/gallery-viewer-item/GalleryViewerItem.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const StyledGalleryViewerItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledGalleryViewerMoreItemsIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledGalleryViewerItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const StyledGalleryViewerMoreItemsIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/lib/types/components/gallery-viewer/gallery-viewer-item/GalleryViewerItem.types.d.ts

@@ -11,6 +11,14 @@ export interface GalleryViewerItemProps {
      * <GalleryViewerItem fileItem={file} onClick={handleOpen} />
      */
     fileItem: FileItem;
+    /**
+     * Controls whether the item may load the final media source immediately.
+     * @description
+     * The item forwards this flag to the shared media renderer so preview-first rendering can be controlled by the parent gallery.
+     * @default true
+     * @optional
+     */
+    shouldLoadImages?: boolean;
     /**
      * Defines the aspect ratio that should be reserved for the tile.
      * @description

package/lib/types/components/media-content/MediaContent.constants.d.ts

@@ -0,0 +1,5 @@
+export declare const MEDIA_CONTENT_IMAGE_FADE_DURATION_MS = 200;
+export declare const MEDIA_CONTENT_IMAGE_BLUR_REMOVE_DELAY_MS = 100;
+export declare const MEDIA_CONTENT_IMAGE_BLUR_REMOVE_DURATION_MS = 200;
+export declare const MEDIA_CONTENT_PREVIEW_BLUR = "blur(16px)";
+export declare const MEDIA_CONTENT_PREVIEW_SCALE = 1.05;

package/lib/types/components/media-content/MediaContent.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import type { MediaContentProps } from './MediaContent.types';
-declare const MediaContent: FC<MediaContentProps>;
-export default MediaContent;
+declare const _default: React.NamedExoticComponent<MediaContentProps>;
+export default _default;

package/lib/types/components/media-content/MediaContent.styles.d.ts

@@ -1,13 +1,54 @@
-export declare const StyledMediaContentVideoWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledMediaContentVideoWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$ratio"> & {
     $ratio: number;
-}>> & string;
-export declare const StyledMediaContentImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$ratio"> & {
     $ratio: number;
-}>> & string;
-export declare const StyledMediaContentImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
+}, never>>> & string;
+export declare const StyledMediaContentImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$ratio"> & {
+    $ratio: number;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$ratio"> & {
+    $ratio: number;
+}, never>>> & string;
+export declare const StyledMediaContentPreviewImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "theme"> & {
+    theme: import("@chayns-components/core").Theme;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "theme"> & {
+    theme: import("@chayns-components/core").Theme;
+}, never>> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLImageElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLImageElement> | null | undefined;
+}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "theme"> & {
+    theme: import("@chayns-components/core").Theme;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "theme"> & {
+    theme: import("@chayns-components/core").Theme;
+}, never>> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLImageElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLImageElement> | null | undefined;
+}, never>>> & string;
+export declare const StyledMediaContentImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "theme"> & {
+    theme: import("@chayns-components/core").Theme;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "theme"> & {
+    theme: import("@chayns-components/core").Theme;
+}, never>> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLImageElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLImageElement> | null | undefined;
+}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "theme"> & {
+    theme: import("@chayns-components/core").Theme;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "theme"> & {
+    theme: import("@chayns-components/core").Theme;
+}, never>> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLImageElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLImageElement> | null | undefined;
+}, never>>> & string;
+export declare const StyledMediaContentVideo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "theme"> & {
     theme: import("@chayns-components/core").Theme;
-}>> & string;
-export declare const StyledMediaContentVideo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "theme"> & {
     theme: import("@chayns-components/core").Theme;
-}>> & string;
-export declare const StyledMediaContentPlayIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+}, never>>> & string;
+export declare const StyledMediaContentPlayIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/lib/types/components/media-content/MediaContent.types.d.ts

@@ -11,6 +11,14 @@ export interface MediaContentProps {
      * <MediaContent file={file.file} onClick={handleOpen} ratio={1} />
      */
     file: FileItem['file'];
+    /**
+     * Provides an optional preview source that can be displayed while the final media is still loading.
+     * @description
+     * This preview can be a base64 data URL or any low-resolution fallback image.
+     * When provided, the component shows the preview first and swaps to the final image once it has finished loading.
+     * @optional
+     */
+    previewUrl?: string;
     /**
      * Defines the aspect ratio that should be reserved for the media.
      * @description
@@ -19,6 +27,14 @@ export interface MediaContentProps {
      * <MediaContent file={file.file} onClick={handleOpen} ratio={1.5} />
      */
     ratio: number;
+    /**
+     * Controls whether the final media source may be loaded immediately.
+     * @description
+     * When set to `false`, only the preview source is rendered until this flag becomes `true`.
+     * @default true
+     * @optional
+     */
+    shouldLoadImages?: boolean;
     /**
      * Is called when the media tile is selected.
      * @description

package/lib/types/components/media-content/MediaContent.utils.d.ts

@@ -0,0 +1,12 @@
+import type { FileItem, Video } from '@chayns-components/core';
+export type GalleryMediaFile = FileItem['file'];
+export type MediaContentSize = {
+    height: number;
+    width: number;
+};
+export declare const isVideoFile: (file: GalleryMediaFile) => file is Video;
+export declare const getMediaSourceUrl: (file: GalleryMediaFile) => string;
+export declare const getMediaPreviewUrl: (file: GalleryMediaFile, previewUrl?: string) => string | undefined;
+export declare const isImageServiceUrl: (url: string) => boolean;
+export declare const hasImageServiceTransformParameters: (url: string) => boolean;
+export declare const getResponsiveImageServiceUrl: (url: string, size?: MediaContentSize, devicePixelRatio?: number) => string;

package/lib/types/components/media-content/useMediaContentSize.d.ts

@@ -0,0 +1,3 @@
+import type { MediaContentSize } from './MediaContent.utils';
+declare const useMediaContentSize: (element: HTMLElement | null) => MediaContentSize | undefined;
+export default useMediaContentSize;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/gallery",
-    "version": "5.2.4",
+    "version": "5.2.5",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -54,7 +54,7 @@
     "devDependencies": {
         "@babel/cli": "^7.28.6",
         "@babel/core": "^7.29.0",
-        "@babel/preset-env": "^7.29.0",
+        "@babel/preset-env": "^7.29.5",
         "@babel/preset-react": "^7.28.5",
         "@babel/preset-typescript": "^7.28.5",
         "@types/react": "^18.3.28",
@@ -70,7 +70,7 @@
         "typescript": "^5.9.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.2.4",
+        "@chayns-components/core": "^5.2.5",
         "react-compiler-runtime": "^1.0.0",
         "uuid": "^10.0.0"
     },
@@ -84,5 +84,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "ad65db8803761ed1bb154b1161a4a513c3ac9503"
+    "gitHead": "0b2c4471ad3dfb85b9881578c30b09bb9e9d782e"
 }