@chayns-components/gallery 5.0.53 → 5.0.56

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

@@ -0,0 +1,81 @@
+import type { FileItem } from '@chayns-components/core';
+/**
+ * Props for the editable gallery component.
+ */
+export interface GalleryEditorProps {
+    /**
+     * Enables drag and drop file selection inside the editor grid.
+     * @description
+     * When enabled, users can drop local image or video files onto the editor grid to start the upload flow.
+     * @default false
+     * @example
+     * <GalleryEditor allowDragAndDrop files={files} />
+     * @optional
+     */
+    allowDragAndDrop?: boolean;
+    /**
+     * Defines the dialog message that is shown when a duplicate upload is detected.
+     * @description
+     * The message is shown when a newly uploaded file resolves to a URL that already exists in the editor state.
+     * @default 'Diese Datei ist bereits vorhanden'
+     * @example
+     * <GalleryEditor doubleFileDialogMessage="This file already exists." files={files} />
+     * @optional
+     */
+    doubleFileDialogMessage?: string;
+    /**
+     * Defines the minimum width of one tile in the editor grid.
+     * @description
+     * The editor uses this value to size the responsive grid columns that hold uploaded items and the add-tile.
+     * @default 100
+     * @example
+     * <GalleryEditor fileMinWidth={140} files={files} />
+     * @optional
+     */
+    fileMinWidth?: number;
+    /**
+     * Provides already uploaded media items that should be merged into the editor state.
+     * @description
+     * These files represent the externally known uploaded baseline. The editor may additionally hold local pending uploads.
+     * @example
+     * <GalleryEditor files={files} />
+     * @optional
+     */
+    files?: FileItem[];
+    /**
+     * Limits how many files can be managed by the editor.
+     * @description
+     * After the limit is reached, the add-tile is hidden and additional file selection is ignored.
+     * @example
+     * <GalleryEditor files={files} maxFiles={6} />
+     * @optional
+     */
+    maxFiles?: number;
+    /**
+     * Is called after a file has been uploaded successfully.
+     * @description
+     * The callback receives the uploaded file representation so the consuming state can persist it externally.
+     * @example
+     * <GalleryEditor onAdd={(file) => setFiles((prev) => [...prev, file])} />
+     * @optional
+     */
+    onAdd?: (file: FileItem) => void;
+    /**
+     * Is called whenever the internal item count changes, including local pending uploads.
+     * @description
+     * Use this callback when surrounding UI needs to react to the number of currently managed items.
+     * @example
+     * <GalleryEditor onFileCountChange={(count) => console.log(count)} />
+     * @optional
+     */
+    onFileCountChange?: (fileCount: number) => void;
+    /**
+     * Is called after an uploaded file has been removed.
+     * @description
+     * The callback receives the removed uploaded file so the consuming state can remove it from its controlled `files` array.
+     * @example
+     * <GalleryEditor onRemove={(file) => removeFile(file.id)} />
+     * @optional
+     */
+    onRemove?: (file: FileItem) => void;
+}

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

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

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

@@ -0,0 +1,13 @@
+/**
+ * Props for the add-file tile inside the gallery editor.
+ */
+export interface AddFileProps {
+    /**
+     * Is called with the selected local files.
+     * @description
+     * The editor add-tile uses this callback after the file picker resolves with the selected local image or video files.
+     * @example
+     * <AddFile onAdd={(files) => console.log(files)} />
+     */
+    onAdd: (files: File[]) => void;
+}

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

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

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

@@ -0,0 +1,4 @@
+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>, {
+    theme: import("@chayns-components/core").Theme;
+}>> & string;

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

@@ -0,0 +1,40 @@
+import type { InternalFileItem } from '@chayns-components/core';
+/**
+ * Props for a single editable gallery tile.
+ */
+export interface GalleryEditorItemProps {
+    /**
+     * Provides the media item that should be rendered inside the tile.
+     * @description
+     * The item may represent a pending local upload or an already uploaded media file managed by the editor.
+     * @example
+     * <GalleryEditorItem fileItem={fileItem} handleDeleteFile={handleDeleteFile} onClick={handleOpen} />
+     */
+    fileItem: InternalFileItem;
+    /**
+     * Is called when the delete button is clicked in edit mode.
+     * @description
+     * The callback receives the internal item identifier so the editor can remove the item from its local state.
+     * @example
+     * <GalleryEditorItem handleDeleteFile={(id) => console.log(id)} fileItem={fileItem} onClick={handleOpen} />
+     */
+    handleDeleteFile: (id?: string) => void;
+    /**
+     * Defines the aspect ratio that should be reserved for the rendered media.
+     * @description
+     * Use this when the editor item should reserve a fixed tile ratio for uploaded previews.
+     * @default 1
+     * @example
+     * <GalleryEditorItem fileItem={fileItem} handleDeleteFile={handleDeleteFile} onClick={handleOpen} ratio={1.5} />
+     * @optional
+     */
+    ratio?: number;
+    /**
+     * Is called when the tile is clicked.
+     * @description
+     * The editor uses this callback to open the currently selected media within the slideshow flow.
+     * @example
+     * <GalleryEditorItem fileItem={fileItem} handleDeleteFile={handleDeleteFile} onClick={handleOpen} />
+     */
+    onClick: (file: InternalFileItem) => void;
+}

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

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

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

@@ -0,0 +1,3 @@
+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>>;

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

@@ -0,0 +1,30 @@
+import type { InternalFileItem } from '@chayns-components/core';
+/**
+ * Props for a rendered uploaded media item.
+ */
+export interface GalleryEditorMediaItemProps {
+    /**
+     * Provides the uploaded media item that should be rendered.
+     * @description
+     * This item is expected to contain an `uploadedFile` because pending uploads are rendered by the preview component instead.
+     * @example
+     * <GalleryEditorMediaItem fileItem={fileItem} onClick={handleOpen} ratio={1} />
+     */
+    fileItem: InternalFileItem;
+    /**
+     * Is called when the media tile is selected.
+     * @description
+     * The editor uses this callback to open the uploaded media in the slideshow flow.
+     * @example
+     * <GalleryEditorMediaItem fileItem={fileItem} openSelectedFile={handleOpen} ratio={1} />
+     */
+    openSelectedFile: (file: InternalFileItem) => void;
+    /**
+     * Defines the aspect ratio that should be reserved for the media.
+     * @description
+     * The media tile keeps this ratio reserved so the editor grid remains visually stable.
+     * @example
+     * <GalleryEditorMediaItem fileItem={fileItem} openSelectedFile={handleOpen} ratio={1.5} />
+     */
+    ratio: number;
+}

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

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

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

@@ -0,0 +1,10 @@
+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>, {
+    $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>, {
+    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;

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

@@ -0,0 +1,22 @@
+import type { InternalFileItem } from '@chayns-components/core';
+/**
+ * Props for a preview tile while a file is uploading.
+ */
+export interface GalleryEditorPreviewItemProps {
+    /**
+     * Provides the internal file item that contains the preview URL.
+     * @description
+     * This item is expected to describe a local upload that already has a generated preview image.
+     * @example
+     * <GalleryEditorPreviewItem fileItem={fileItem} ratio={1} />
+     */
+    fileItem: InternalFileItem;
+    /**
+     * Defines the aspect ratio that should be reserved for the preview.
+     * @description
+     * The preview keeps this ratio reserved while the upload is still in progress.
+     * @example
+     * <GalleryEditorPreviewItem fileItem={fileItem} ratio={1.5} />
+     */
+    ratio: number;
+}

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import type { GalleryViewerProps } from './GalleryViewer.types';
+declare const GalleryViewer: FC<GalleryViewerProps>;
+export default GalleryViewer;

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

@@ -0,0 +1,7 @@
+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>, {
+    $itemCount: number;
+    $ratio: number;
+    $viewMode: GalleryViewMode;
+}>> & string;

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

@@ -0,0 +1,26 @@
+import type { FileItem } from '@chayns-components/core';
+import type { GalleryViewMode } from '../../types/gallery';
+/**
+ * Props for the prop-driven read-only gallery viewer.
+ */
+export interface GalleryViewerProps {
+    /**
+     * Provides the already known media items that should be rendered without local upload state.
+     * @description
+     * The viewer renders these files directly from props and does not mirror them into local component state.
+     * @example
+     * <GalleryViewer files={files} />
+     * @optional
+     */
+    files?: FileItem[];
+    /**
+     * Defines how the media tiles are arranged in read-only mode.
+     * @description
+     * Use this prop to switch between the supported viewer layouts for known media.
+     * @default GalleryViewMode.GRID
+     * @example
+     * <GalleryViewer files={files} viewMode={GalleryViewMode.SQUARE} />
+     * @optional
+     */
+    viewMode?: GalleryViewMode;
+}

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

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

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

@@ -0,0 +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;

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

@@ -0,0 +1,41 @@
+import type { FileItem } from '@chayns-components/core';
+/**
+ * Props for a dedicated read-only gallery tile.
+ */
+export interface GalleryViewerItemProps {
+    /**
+     * Provides the uploaded media that should be rendered.
+     * @description
+     * The viewer item renders only already known media and never deals with upload-specific transient state.
+     * @example
+     * <GalleryViewerItem fileItem={file} onClick={handleOpen} />
+     */
+    fileItem: FileItem;
+    /**
+     * Defines the aspect ratio that should be reserved for the tile.
+     * @description
+     * Use this prop to reserve a deterministic tile height for stable read-only rendering.
+     * @default 1
+     * @example
+     * <GalleryViewerItem fileItem={file} onClick={handleOpen} ratio={1.5} />
+     * @optional
+     */
+    ratio?: number;
+    /**
+     * Provides the total item count when the last visible tile should show a remaining-items overlay.
+     * @description
+     * When this prop is set on the last visible viewer tile, the tile displays the `+n` overlay for hidden items.
+     * @example
+     * <GalleryViewerItem fileItem={file} onClick={handleOpen} remainingItemsLength={5} />
+     * @optional
+     */
+    remainingItemsLength?: number;
+    /**
+     * Is called when the tile is selected.
+     * @description
+     * The viewer uses this callback to open the selected file inside the slideshow flow.
+     * @example
+     * <GalleryViewerItem fileItem={file} onClick={handleOpen} />
+     */
+    onClick: (file: FileItem) => void;
+}

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

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

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

@@ -0,0 +1,13 @@
+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>, {
+    $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>, {
+    $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>, {
+    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>, {
+    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;

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

@@ -0,0 +1,40 @@
+import type { FileItem } from '@chayns-components/core';
+/**
+ * Props for the low-level uploaded media renderer shared by viewer and editor.
+ */
+export interface MediaContentProps {
+    /**
+     * Provides the uploaded media item that should be rendered.
+     * @description
+     * This low-level renderer accepts already known image or video data and does not handle upload-specific state.
+     * @example
+     * <MediaContent file={file.file} onClick={handleOpen} ratio={1} />
+     */
+    file: FileItem['file'];
+    /**
+     * Defines the aspect ratio that should be reserved for the media.
+     * @description
+     * The surrounding tile uses this value to reserve a deterministic media height before the asset finishes loading.
+     * @example
+     * <MediaContent file={file.file} onClick={handleOpen} ratio={1.5} />
+     */
+    ratio: number;
+    /**
+     * Is called when the media tile is selected.
+     * @description
+     * Use this callback to react to clicks on the rendered image or video tile.
+     * @example
+     * <MediaContent file={file.file} onClick={() => console.log('open')} ratio={1} />
+     */
+    onClick: () => void;
+    /**
+     * Defines the size of the video play icon.
+     * @description
+     * This prop only affects rendered videos. Image tiles ignore it.
+     * @default 50
+     * @example
+     * <MediaContent file={file.file} onClick={handleOpen} playIconSize={30} ratio={1} />
+     * @optional
+     */
+    playIconSize?: number;
+}

package/lib/types/index.d.ts

@@ -1,2 +1,7 @@
 export { default as Gallery } from './components/Gallery';
+export { default as GalleryEditor } from './components/gallery-editor/GalleryEditor';
+export { default as GalleryViewer } from './components/gallery-viewer/GalleryViewer';
+export type { GalleryProps } from './components/Gallery.types';
+export type { GalleryEditorProps } from './components/gallery-editor/GalleryEditor.types';
+export type { GalleryViewerProps } from './components/gallery-viewer/GalleryViewer.types';
 export { GalleryViewMode } from './types/gallery';

package/lib/types/types/gallery.d.ts

@@ -1,4 +1,13 @@
+/**
+ * Defines the available gallery layouts for read-only rendering.
+ */
 export declare enum GalleryViewMode {
+    /**
+     * Arranges visible items in a square-first layout.
+     */
     SQUARE = 0,
+    /**
+     * Arranges visible items in the gallery grid layout.
+     */
     GRID = 1
 }

package/lib/types/utils/gallery.d.ts

@@ -0,0 +1,12 @@
+import type { FileItem, InternalFileItem } from '@chayns-components/core';
+import { GalleryViewMode } from '../types/gallery';
+export declare const mapFilesToInternalItems: (files?: FileItem[]) => InternalFileItem[];
+export declare const getGalleryViewerKey: (fileItem: FileItem, index: number) => string;
+export declare const getGalleryRatio: (fileItems: FileItem[]) => number;
+export declare const getReadOnlyItemRatio: ({ fileItems, index, viewMode, }: {
+    fileItems: FileItem[];
+    index: number;
+    viewMode: GalleryViewMode;
+}) => number;
+export declare const openFiles: (fileItems: InternalFileItem[], file: InternalFileItem) => void;
+export declare const openKnownFiles: (fileItems: FileItem[], file: FileItem) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/gallery",
-    "version": "5.0.53",
+    "version": "5.0.56",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -70,7 +70,7 @@
         "typescript": "^5.9.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.53",
+        "@chayns-components/core": "^5.0.55",
         "react-compiler-runtime": "^1.0.0",
         "uuid": "^10.0.0"
     },
@@ -84,5 +84,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "8ece3beb8424358b883a16a87419ef35303be612"
+    "gitHead": "535a1c7ee9c6df81b3ca57167596f6ac2cd29138"
 }

package/lib/cjs/components/Gallery.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Gallery.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_gallery","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledGallery","exports","styled","div","StyledGalleryItemWrapper","$viewMode","$uploadedFileLength","GalleryViewMode","GRID","css","$ratio","StyledGalleryEditModeWrapper","$fileMinWidth"],"sources":["../../../src/components/Gallery.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { GalleryViewMode } from '../types/gallery';\n\nexport const StyledGallery = styled.div`\n    width: 100%;\n`;\n\nexport const StyledGalleryItemWrapper = styled.div<{\n    $uploadedFileLength: number;\n    $ratio: number;\n    $viewMode: GalleryViewMode;\n}>`\n    display: grid;\n    gap: 5px;\n\n    ${({ $viewMode, $uploadedFileLength }) => {\n        if ($viewMode === GalleryViewMode.GRID) {\n            return css`\n                > div:first-child {\n                    grid-column: 1 / -1;\n                }\n\n                ${() => {\n                    switch ($uploadedFileLength) {\n                        case 1:\n                            return css`\n                                grid-template-columns: 1fr;\n                            `;\n                        case 2:\n                            return css`\n                                grid-template-columns: repeat(2, 1fr);\n                                > div:first-child {\n                                    grid-column: span 1;\n                                }\n                            `;\n                        case 3:\n                            return css`\n                                grid-template-columns: repeat(2, 1fr);\n                                > div:first-child {\n                                    grid-column: span 2;\n                                }\n                            `;\n                        default:\n                            return css`\n                                grid-template-columns: repeat(3, minmax(0, 1fr));\n                                > div:not(:first-child) {\n                                    grid-column: span 1;\n                                }\n                            `;\n                    }\n                }}\n            `;\n        }\n\n        switch ($uploadedFileLength) {\n            case 1:\n                return css`\n                    grid-template-columns: 1fr;\n                `;\n            case 2:\n                return css`\n                    grid-template-columns: repeat(2, 1fr);\n                `;\n            case 3:\n                return css`\n                    grid-template-columns: repeat(3, 1fr);\n                `;\n            default:\n                return css`\n                    grid-template-columns: repeat(2, 1fr);\n                    > div:nth-child(-n + 2) {\n                        grid-row: 1;\n                    }\n                `;\n        }\n    }}\n\n    aspect-ratio: ${({ $ratio }) => $ratio};\n`;\n\nexport const StyledGalleryEditModeWrapper = styled.div<{\n    $fileMinWidth: number;\n}>`\n    display: grid;\n    grid-template-columns: ${({ $fileMinWidth }) =>\n        `repeat(auto-fill, minmax(${$fileMinWidth}px, 1fr))`};\n    grid-auto-rows: 1fr;\n    gap: 6px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAmD,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE5C,MAAMkB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG;AACvC;AACA,CAAC;AAEM,MAAMC,wBAAwB,GAAAH,OAAA,CAAAG,wBAAA,GAAGF,yBAAM,CAACC,GAI7C;AACF;AACA;AACA;AACA,MAAM,CAAC;EAAEE,SAAS;EAAEC;AAAoB,CAAC,KAAK;EACtC,IAAID,SAAS,KAAKE,wBAAe,CAACC,IAAI,EAAE;IACpC,OAAO,IAAAC,qBAAG;AACtB;AACA;AACA;AACA;AACA,kBAAkB,MAAM;MACJ,QAAQH,mBAAmB;QACvB,KAAK,CAAC;UACF,OAAO,IAAAG,qBAAG;AACtC;AACA,6BAA6B;QACL,KAAK,CAAC;UACF,OAAO,IAAAA,qBAAG;AACtC;AACA;AACA;AACA;AACA,6BAA6B;QACL,KAAK,CAAC;UACF,OAAO,IAAAA,qBAAG;AACtC;AACA;AACA;AACA;AACA,6BAA6B;QACL;UACI,OAAO,IAAAA,qBAAG;AACtC;AACA;AACA;AACA;AACA,6BAA6B;MACT;IACJ,CAAC;AACjB,aAAa;EACL;EAEA,QAAQH,mBAAmB;IACvB,KAAK,CAAC;MACF,OAAO,IAAAG,qBAAG;AAC1B;AACA,iBAAiB;IACL,KAAK,CAAC;MACF,OAAO,IAAAA,qBAAG;AAC1B;AACA,iBAAiB;IACL,KAAK,CAAC;MACF,OAAO,IAAAA,qBAAG;AAC1B;AACA,iBAAiB;IACL;MACI,OAAO,IAAAA,qBAAG;AAC1B;AACA;AACA;AACA;AACA,iBAAiB;EACT;AACJ,CAAC;AACL;AACA,oBAAoB,CAAC;EAAEC;AAAO,CAAC,KAAKA,MAAM;AAC1C,CAAC;AAEM,MAAMC,4BAA4B,GAAAV,OAAA,CAAAU,4BAAA,GAAGT,yBAAM,CAACC,GAEjD;AACF;AACA,6BAA6B,CAAC;EAAES;AAAc,CAAC,KACvC,4BAA4BA,aAAa,WAAW;AAC5D;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/add-file/AddFile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddFile.js","names":["_core","require","_react","_interopRequireWildcard","_AddFile","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AddFile","onAdd","openSelectDialog","useCallback","files","selectFiles","multiple","type","createElement","StyledAddFile","key","StyledAddFIleIconWrapper","onClick","Icon","size","icons","displayName","_default","exports"],"sources":["../../../../src/components/add-file/AddFile.tsx"],"sourcesContent":["import { Icon, selectFiles } from '@chayns-components/core';\nimport React, { FC, useCallback } from 'react';\nimport { StyledAddFile, StyledAddFIleIconWrapper } from './AddFile.styles';\n\nexport type AddFileProps = {\n    /**\n     *  Function to be executed when files are added\n     */\n    onAdd: (files: File[]) => void;\n};\n\nconst AddFile: FC<AddFileProps> = ({ onAdd }) => {\n    const openSelectDialog = useCallback(async () => {\n        const files = await selectFiles({\n            multiple: true,\n            type: 'image/*, video/*',\n        });\n\n        onAdd(files);\n    }, [onAdd]);\n\n    return (\n        <StyledAddFile key=\"addButton\">\n            <StyledAddFIleIconWrapper onClick={() => void openSelectDialog()}>\n                <Icon size={40} icons={['fa fa-plus']} />\n            </StyledAddFIleIconWrapper>\n        </StyledAddFile>\n    );\n};\n\nAddFile.displayName = 'AddFile';\n\nexport default AddFile;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAA2E,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAS3E,MAAMkB,OAAyB,GAAGA,CAAC;EAAEC;AAAM,CAAC,KAAK;EAC7C,MAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAAC,YAAY;IAC7C,MAAMC,KAAK,GAAG,MAAM,IAAAC,iBAAW,EAAC;MAC5BC,QAAQ,EAAE,IAAI;MACdC,IAAI,EAAE;IACV,CAAC,CAAC;IAEFN,KAAK,CAACG,KAAK,CAAC;EAChB,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,oBACIvB,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAAC5B,QAAA,CAAA6B,aAAa;IAACC,GAAG,EAAC;EAAW,gBAC1BhC,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAAC5B,QAAA,CAAA+B,wBAAwB;IAACC,OAAO,EAAEA,CAAA,KAAM,KAAKV,gBAAgB,CAAC;EAAE,gBAC7DxB,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAAChC,KAAA,CAAAqC,IAAI;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAE,CAAC,YAAY;EAAE,CAAE,CAClB,CACf,CAAC;AAExB,CAAC;AAEDf,OAAO,CAACgB,WAAW,GAAG,SAAS;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEjBS,OAAO","ignoreList":[]}

package/lib/cjs/components/add-file/AddFile.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddFile.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledAddFile","exports","styled","div","StyledAddFIleIconWrapper","button","theme"],"sources":["../../../../src/components/add-file/AddFile.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\nexport const StyledAddFile = styled.div`\n    position: relative;\n`;\n\ntype StyledAddFIleIconWrapperProps = WithTheme<unknown>;\n\nexport const StyledAddFIleIconWrapper = styled.button<StyledAddFIleIconWrapperProps>`\n    background-color: ${({ theme }: StyledAddFIleIconWrapperProps) => theme['101']};\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledAddFIleIconWrapperProps) => theme['009-rgb']}, 0.08) inset;\n    width: 100%;\n    aspect-ratio: 1 / 1;\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG;AACvC;AACA,CAAC;AAIM,MAAMC,wBAAwB,GAAAH,OAAA,CAAAG,wBAAA,GAAGF,yBAAM,CAACG,MAAqC;AACpF,wBAAwB,CAAC;EAAEC;AAAqC,CAAC,KAAKA,KAAK,CAAC,KAAK,CAAC;AAClF;AACA,eAAe,CAAC;EAAEA;AAAqC,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AAC7E;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/gallery-item/GalleryItem.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _core = require("@chayns-components/core");
-var _react = require("motion/react");
-var _react2 = _interopRequireWildcard(require("react"));
-var _GalleryItem = require("./GalleryItem.styles");
-var _MediaItem = _interopRequireDefault(require("./media-item/MediaItem"));
-var _PreviewItem = _interopRequireDefault(require("./preview-item/PreviewItem"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const GalleryItem = ({
-  fileItem,
-  handleDeleteFile,
-  isEditMode,
-  ratio = 1,
-  remainingItemsLength,
-  onClick
-}) => (0, _react2.useMemo)(() => /*#__PURE__*/_react2.default.createElement(_GalleryItem.StyledGalleryItem, null, isEditMode && /*#__PURE__*/_react2.default.createElement(_GalleryItem.StyledGalleryItemDeleteButton, {
-  onClick: () => handleDeleteFile(fileItem.id)
-}, /*#__PURE__*/_react2.default.createElement(_core.Icon, {
-  size: 20,
-  icons: ['ts-wrong']
-})), !fileItem.state || fileItem.state === 'none' || !fileItem.previewUrl && !fileItem.uploadedFile ? null : /*#__PURE__*/_react2.default.createElement(_react.AnimatePresence, {
-  initial: false
-}, fileItem.state === 'uploading' ? /*#__PURE__*/_react2.default.createElement(_PreviewItem.default, {
-  ratio: ratio,
-  key: `uploading_${fileItem.id ?? ''}`,
-  fileItem: fileItem
-}) : /*#__PURE__*/_react2.default.createElement(_MediaItem.default, {
-  key: `uploaded_${fileItem.id ?? ''}`,
-  fileItem: fileItem,
-  isEditMode: isEditMode,
-  ratio: ratio,
-  openSelectedFile: onClick
-})), remainingItemsLength && /*#__PURE__*/_react2.default.createElement(_GalleryItem.StyledGalleryItemMoreItemsIndicator, {
-  onClick: () => onClick(fileItem)
-}, /*#__PURE__*/_react2.default.createElement("p", null, `+ ${remainingItemsLength - 3}`))), [fileItem, handleDeleteFile, isEditMode, onClick, ratio, remainingItemsLength]);
-GalleryItem.displayName = 'GalleryItem';
-var _default = exports.default = GalleryItem;
-//# sourceMappingURL=GalleryItem.js.map

package/lib/cjs/components/gallery-item/GalleryItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GalleryItem.js","names":["_core","require","_react","_react2","_interopRequireWildcard","_GalleryItem","_MediaItem","_interopRequireDefault","_PreviewItem","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GalleryItem","fileItem","handleDeleteFile","isEditMode","ratio","remainingItemsLength","onClick","useMemo","createElement","StyledGalleryItem","StyledGalleryItemDeleteButton","id","Icon","size","icons","state","previewUrl","uploadedFile","AnimatePresence","initial","key","openSelectedFile","StyledGalleryItemMoreItemsIndicator","displayName","_default","exports"],"sources":["../../../../src/components/gallery-item/GalleryItem.tsx"],"sourcesContent":["import { Icon, type InternalFileItem } from '@chayns-components/core';\nimport { AnimatePresence } from 'motion/react';\nimport React, { FC, useMemo } from 'react';\nimport {\n    StyledGalleryItem,\n    StyledGalleryItemDeleteButton,\n    StyledGalleryItemMoreItemsIndicator,\n} from './GalleryItem.styles';\nimport MediaItem from './media-item/MediaItem';\nimport PreviewItem from './preview-item/PreviewItem';\n\nexport type GalleryItemProps = {\n    /**\n     *  Images and videos which should be displayed\n     */\n    fileItem: InternalFileItem;\n    /**\n     *  Whether images and videos can be edited\n     */\n    isEditMode: boolean;\n    /**\n     *  Function to be executed when a file is deleted\n     */\n    handleDeleteFile: (id?: string) => void;\n    /**\n     * The ratio of the image\n     */\n    ratio?: number;\n    /**\n     *  Length of the uploaded files\n     */\n    remainingItemsLength?: number;\n    /**\n     * Function to be executed if a file should be opened\n     */\n    onClick: (file: InternalFileItem) => void;\n};\n\nconst GalleryItem: FC<GalleryItemProps> = ({\n    fileItem,\n    handleDeleteFile,\n    isEditMode,\n    ratio = 1,\n    remainingItemsLength,\n    onClick,\n}) =>\n    useMemo(\n        () => (\n            <StyledGalleryItem>\n                {isEditMode && (\n                    <StyledGalleryItemDeleteButton onClick={() => handleDeleteFile(fileItem.id)}>\n                        <Icon size={20} icons={['ts-wrong']} />\n                    </StyledGalleryItemDeleteButton>\n                )}\n                {!fileItem.state ||\n                fileItem.state === 'none' ||\n                (!fileItem.previewUrl && !fileItem.uploadedFile) ? null : (\n                    <AnimatePresence initial={false}>\n                        {fileItem.state === 'uploading' ? (\n                            <PreviewItem\n                                ratio={ratio}\n                                key={`uploading_${fileItem.id ?? ''}`}\n                                fileItem={fileItem}\n                            />\n                        ) : (\n                            <MediaItem\n                                key={`uploaded_${fileItem.id ?? ''}`}\n                                fileItem={fileItem}\n                                isEditMode={isEditMode}\n                                ratio={ratio}\n                                openSelectedFile={onClick}\n                            />\n                        )}\n                    </AnimatePresence>\n                )}\n                {remainingItemsLength && (\n                    <StyledGalleryItemMoreItemsIndicator onClick={() => onClick(fileItem)}>\n                        <p>{`+ ${remainingItemsLength - 3}`}</p>\n                    </StyledGalleryItemMoreItemsIndicator>\n                )}\n            </StyledGalleryItem>\n        ),\n        [fileItem, handleDeleteFile, isEditMode, onClick, ratio, remainingItemsLength],\n    );\n\nGalleryItem.displayName = 'GalleryItem';\n\nexport default GalleryItem;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,UAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,YAAA,GAAAD,sBAAA,CAAAN,OAAA;AAAqD,SAAAM,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAK,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AA6BrD,MAAMgB,WAAiC,GAAGA,CAAC;EACvCC,QAAQ;EACRC,gBAAgB;EAChBC,UAAU;EACVC,KAAK,GAAG,CAAC;EACTC,oBAAoB;EACpBC;AACJ,CAAC,KACG,IAAAC,eAAO,EACH,mBACIhC,OAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC/B,YAAA,CAAAgC,iBAAiB,QACbN,UAAU,iBACP5B,OAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC/B,YAAA,CAAAiC,6BAA6B;EAACJ,OAAO,EAAEA,CAAA,KAAMJ,gBAAgB,CAACD,QAAQ,CAACU,EAAE;AAAE,gBACxEpC,OAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAACpC,KAAA,CAAAwC,IAAI;EAACC,IAAI,EAAE,EAAG;EAACC,KAAK,EAAE,CAAC,UAAU;AAAE,CAAE,CACX,CAClC,EACA,CAACb,QAAQ,CAACc,KAAK,IAChBd,QAAQ,CAACc,KAAK,KAAK,MAAM,IACxB,CAACd,QAAQ,CAACe,UAAU,IAAI,CAACf,QAAQ,CAACgB,YAAa,GAAG,IAAI,gBACnD1C,OAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAClC,MAAA,CAAA4C,eAAe;EAACC,OAAO,EAAE;AAAM,GAC3BlB,QAAQ,CAACc,KAAK,KAAK,WAAW,gBAC3BxC,OAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC5B,YAAA,CAAAG,OAAW;EACRqB,KAAK,EAAEA,KAAM;EACbgB,GAAG,EAAE,aAAanB,QAAQ,CAACU,EAAE,IAAI,EAAE,EAAG;EACtCV,QAAQ,EAAEA;AAAS,CACtB,CAAC,gBAEF1B,OAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC9B,UAAA,CAAAK,OAAS;EACNqC,GAAG,EAAE,YAAYnB,QAAQ,CAACU,EAAE,IAAI,EAAE,EAAG;EACrCV,QAAQ,EAAEA,QAAS;EACnBE,UAAU,EAAEA,UAAW;EACvBC,KAAK,EAAEA,KAAM;EACbiB,gBAAgB,EAAEf;AAAQ,CAC7B,CAEQ,CACpB,EACAD,oBAAoB,iBACjB9B,OAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC/B,YAAA,CAAA6C,mCAAmC;EAAChB,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACL,QAAQ;AAAE,gBAClE1B,OAAA,CAAAQ,OAAA,CAAAyB,aAAA,YAAI,KAAKH,oBAAoB,GAAG,CAAC,EAAM,CACN,CAE1B,CACtB,EACD,CAACJ,QAAQ,EAAEC,gBAAgB,EAAEC,UAAU,EAAEG,OAAO,EAAEF,KAAK,EAAEC,oBAAoB,CACjF,CAAC;AAELL,WAAW,CAACuB,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA1C,OAAA,GAEzBiB,WAAW","ignoreList":[]}

package/lib/cjs/components/gallery-item/GalleryItem.styles.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledGalleryItemMoreItemsIndicator = exports.StyledGalleryItemDeleteButton = exports.StyledGalleryItem = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledGalleryItem = exports.StyledGalleryItem = _styledComponents.default.div`
-    display: flex;
-    position: relative;
-    height: 100%;
-    width: 100%;
-`;
-const StyledGalleryItemDeleteButton = exports.StyledGalleryItemDeleteButton = _styledComponents.default.button`
-    background-color: rgba(
-        ${({
-  theme
-}) => theme['000-rgb']},
-        0.75
-    );
-    box-shadow: 0 0 0 1px
-        rgba(${({
-  theme
-}) => theme['009-rgb']}, 0.08) inset;
-    position: absolute;
-    top: 0;
-    right: 0;
-    z-index: 2;
-    height: 30px;
-    width: 30px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-`;
-const StyledGalleryItemMoreItemsIndicator = exports.StyledGalleryItemMoreItemsIndicator = _styledComponents.default.div`
-    position: absolute;
-    z-index: 2;
-    height: 100%;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    backdrop-filter: brightness(40%);
-
-    p {
-        font-size: 40px;
-        color: white;
-    }
-`;
-//# sourceMappingURL=GalleryItem.styles.js.map

package/lib/cjs/components/gallery-item/GalleryItem.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GalleryItem.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledGalleryItem","exports","styled","div","StyledGalleryItemDeleteButton","button","theme","StyledGalleryItemMoreItemsIndicator"],"sources":["../../../../src/components/gallery-item/GalleryItem.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\nexport const StyledGalleryItem = styled.div`\n    display: flex;\n    position: relative;\n    height: 100%;\n    width: 100%;\n`;\n\ntype StyledGalleryItemDeleteButtonProps = WithTheme<unknown>;\n\nexport const StyledGalleryItemDeleteButton = styled.button<StyledGalleryItemDeleteButtonProps>`\n    background-color: rgba(\n        ${({ theme }: StyledGalleryItemDeleteButtonProps) => theme['000-rgb']},\n        0.75\n    );\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledGalleryItemDeleteButtonProps) => theme['009-rgb']}, 0.08) inset;\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    height: 30px;\n    width: 30px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n`;\n\nexport const StyledGalleryItemMoreItemsIndicator = styled.div`\n    position: absolute;\n    z-index: 2;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    backdrop-filter: brightness(40%);\n\n    p {\n        font-size: 40px;\n        color: white;\n    }\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC3C;AACA;AACA;AACA;AACA,CAAC;AAIM,MAAMC,6BAA6B,GAAAH,OAAA,CAAAG,6BAAA,GAAGF,yBAAM,CAACG,MAA0C;AAC9F;AACA,UAAU,CAAC;EAAEC;AAA0C,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AAC7E;AACA;AACA;AACA,eAAe,CAAC;EAAEA;AAA0C,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AAClF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,mCAAmC,GAAAN,OAAA,CAAAM,mCAAA,GAAGL,yBAAM,CAACC,GAAG;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}