@osmandvc/react-upload-control 0.2.1

package/dist/index.js.LICENSE.txt

@@ -0,0 +1,33 @@
+/**
+ * @license @tabler/icons-react v3.24.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * filesize
+ *
+ * @copyright 2024 Jason Mulligan <jason.mulligan@avoidwork.com>
+ * @license BSD-3-Clause
+ * @version 10.1.6
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/dist/loaders/FileLoaderActions.d.ts

@@ -0,0 +1,2 @@
+import { FileLoaderActionsProps } from "../types";
+export declare const FileLoaderActions: (props: FileLoaderActionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/loaders/FileLoaderCamera.d.ts

@@ -0,0 +1,2 @@
+import { FileLoaderCameraProps } from "../types";
+export declare const FileLoaderCamera: (props: FileLoaderCameraProps) => import("react/jsx-runtime").JSX.Element;

package/dist/loaders/FileLoaderFileSystem.d.ts

@@ -0,0 +1,2 @@
+import { FileLoaderFileSystemProps } from "../types";
+export declare const FileLoaderFileSystem: (props: FileLoaderFileSystemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/loaders/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./FileLoaderActions";
+export * from "./FileLoaderCamera";
+export * from "./FileLoaderFileSystem";

package/dist/providers/UploadedFilesManager.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { UploadedFile, UploadedFileItemStage, UploadedFilesManagerProps } from "../types";
+export interface ContextProps {
+    files: UploadedFile[];
+    smStatus: string;
+    updateFile: (name: string, uploadedFileProps: Partial<UploadedFile>) => void;
+    uploadAllFiles: () => Promise<void>;
+    deleteFile: (fileId: string) => Promise<void>;
+    deleteAllFiles: () => Promise<void>;
+    addFiles: (files: File[]) => void;
+    removeFile: (fileId: string) => void;
+    updateFileStage: (name: string, status: UploadedFileItemStage) => void;
+    getFile: (id: string) => UploadedFile | undefined;
+    smStatusIs: (...args: string[]) => boolean;
+    smStatusIsnt: (...args: string[]) => boolean;
+    setFiles: React.Dispatch<React.SetStateAction<UploadedFile[]>>;
+    resetControl: (files: UploadedFile[]) => void;
+    getValidationInfo: () => {
+        types: string[];
+        maxFileSizeMb: number;
+    };
+    disableSorting: boolean;
+}
+declare const UploadedFilesManager: (props: UploadedFilesManagerProps) => import("react/jsx-runtime").JSX.Element;
+declare function useUploadFilesProvider(): ContextProps;
+export { UploadedFilesManager, useUploadFilesProvider };

package/dist/providers/UploadedFilesProvider.d.ts

@@ -0,0 +1,3 @@
+import { UploadedFilesProviderProps } from "../types";
+import "@/src/styles/tailwind.css";
+export declare const UploadedFilesProvider: (props: UploadedFilesProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/providers/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./UploadedFilesManager";
+export * from "./UploadedFilesProvider";

package/dist/stories/FileUploadControlSimple.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+declare function FileUploadControlSimple(props: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export default FileUploadControlSimple;

package/dist/stories/FileUploadControlSmall.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+declare function FileUploadControlSmall(props: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export default FileUploadControlSmall;

package/dist/stories/FileUploadControlWithProgress.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+declare function FileUploadControlWithProgress(props: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export default FileUploadControlWithProgress;

package/dist/types.d.ts

@@ -0,0 +1,162 @@
+export type FilePreProcessorFunction = (files: UploadedFilePublic[]) => UploadedFilePublic[] | Promise<UploadedFilePublic[] | undefined>;
+interface MimeTypesProcessorMap {
+    [key: string]: FilePreProcessorFunction | null;
+}
+export type FilePreProcessor = MimeTypesProcessorMap & {
+    other?: FilePreProcessorFunction;
+};
+export interface FileUploadConfig {
+    mimeTypes?: string[];
+    multiple?: boolean;
+    maxFileSizeMb?: number;
+    maxFiles?: number;
+    resetOnFinish?: boolean;
+    disableSorting?: boolean;
+}
+export interface FileUploadHandlers {
+    onUpload: (files: UploadedFile[], onProgressChange: (fileId: string, progress: number, error?: {
+        text: string;
+        code: string;
+    }) => void) => Promise<UploadFileResult[]>;
+    onDelete?: (files: UploadedFile[]) => Promise<UploadFileResult[]>;
+    onFinish: (files: UploadedFile[]) => void;
+    onAddFileError?: (error: unknown | FileDropError) => void;
+    preProcessFiles?: FilePreProcessor;
+}
+export interface UploadedFilesManagerProps {
+    children: React.ReactNode;
+    config?: FileUploadConfig;
+    handlers: FileUploadHandlers;
+    initFiles?: UploadedFile[];
+    locale?: string;
+}
+export interface UploadedFilesProviderProps extends UploadedFilesManagerProps {
+}
+export type UploadFileResult = {
+    fileId: string;
+    success: boolean;
+    error?: {
+        text: string;
+        code: string;
+    };
+    metadata?: UploadedFileMetadata;
+};
+export type FileDropProps = {
+    isMinimal?: boolean;
+    children?: React.ReactNode;
+};
+export type FileDropError = {
+    error: {
+        type: FileDropErrorType;
+        text: string;
+    };
+};
+export type DndResult = {
+    source: {
+        index: number;
+    };
+    destination: {
+        index: number;
+    };
+};
+export type FileListProps = {
+    onDragEnd?: (result: DndResult) => void;
+    disableSorting?: boolean;
+};
+export interface FileUploadControlProps extends Omit<FileLoaderActionsProps, "onAddFileError"> {
+    className?: string;
+    size?: "sm" | "lg" | "auto";
+    children?: React.ReactNode;
+}
+export type UploadStatus = {
+    stage?: UploadedFileItemStage;
+    progress?: number;
+    error?: {
+        text: string;
+        code: string;
+    };
+};
+export type FileListItemProps = {
+    id: string;
+    size?: number;
+    name: string;
+    previewImgSrc?: string;
+    uploadStatus: UploadStatus;
+    order?: number;
+    count: number;
+    disabled?: boolean;
+    disableSorting?: boolean;
+};
+export declare enum FileDropErrorType {
+    INVALID_FILE = "INVALID_FILE",
+    MAXSIZE = "OVER_SIZE_LIMIT",
+    MULTIPLE_NOT_ALLOWED = "MULTIPLE_NOT_ALLOWED",
+    MAX_FILES_NUMBER = "MAX_FILES_NUMBER"
+}
+export type UploadedFileImage = {
+    imgBase64Uri: string;
+    width?: number;
+    height?: number;
+};
+export declare enum UploadedFileItemStage {
+    IDLE = "IDLE",
+    FINISHED = "FINISHED",
+    FAILED = "FAILED",
+    UPLOADING = "UPLOADING",
+    REMOVING = "REMOVING"
+}
+export interface UploadedFile extends UploadedFilePublic {
+    uploadStatus: UploadStatus;
+    order?: number;
+}
+export interface UploadedFilePublic {
+    id: string;
+    file?: File;
+    name: string;
+    size?: number;
+    type: string;
+    base64Uri?: string;
+    previewImg?: UploadedFileImage;
+    metadata?: UploadedFileMetadata;
+}
+export interface UploadedFileMetadata {
+    [key: string]: any;
+}
+export interface FormImage {
+    uriBase64: string;
+    width: number;
+    height: number;
+}
+export interface ScaledImage extends FormImage {
+    storeId?: number;
+    img?: HTMLImageElement;
+    scale: number;
+    file?: File;
+    mimeType: string;
+}
+export type FileLoaderActionsProps = {
+    disableCamera?: boolean;
+    disableFileSystem?: boolean;
+    isMinimal?: boolean;
+    disabled?: boolean;
+};
+export type FileLoaderFileSystemProps = {
+    className?: string;
+    onlyIcon?: boolean;
+};
+export type FileLoaderCameraProps = {
+    className?: string;
+    onlyIcon?: boolean;
+};
+export interface ScaledImageBinary extends ScaledImage {
+    uri: string;
+    img: HTMLImageElement;
+    imgBlob?: Blob;
+    imgArray?: Uint8Array;
+    width: number;
+    height: number;
+    scale: number;
+    mimeType: string;
+    hasWatermark?: boolean;
+}
+export {};

package/dist/ui/button/Button.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "success" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "sm" | "lg" | "default" | "icon" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    isIconOnly?: boolean;
+    icon?: string;
+    iconSize?: number;
+    isLoading?: boolean;
+    loadingText?: string;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/ui/button/index.d.ts

@@ -0,0 +1 @@
+export * from "./Button";

package/dist/ui/card/Card.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };

package/dist/ui/card/index.d.ts

@@ -0,0 +1 @@
+export * from "./Card";

package/dist/ui/dialog/Dialog.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/ui/dialog/index.d.ts

@@ -0,0 +1 @@
+export * from "./Dialog";

package/dist/ui/icons/index.d.ts

@@ -0,0 +1 @@
+export { IconUpload as UploadIcon, IconCamera as CameraIcon, IconCheck as CheckIcon, IconRefresh as ResetIcon, IconX as CancelIcon, IconTrash as DeleteIcon, IconArrowsMove as MoveIcon, IconFolder as FolderIcon, IconFlipVertical as MirrorIcon, IconViewportWide as RotateIcon, IconFile as ImagePlaceholderIcon, IconDotsVertical as MoreIcon, } from "@tabler/icons-react";

package/dist/ui/image-zoom/index.d.ts

@@ -0,0 +1,3 @@
+import Zoom from "react-medium-image-zoom";
+import "react-medium-image-zoom/dist/styles.css";
+export { Zoom as ImageZoom };

package/dist/ui/progress/Progress.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Progress };

package/dist/ui/progress/index.d.ts

@@ -0,0 +1 @@
+export * from "./Progress";

package/dist/ui/select/Select.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/ui/select/index.d.ts

@@ -0,0 +1 @@
+export * from "./Select";

package/dist/ui/seperator/Seperator.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

package/dist/ui/seperator/index.d.ts

@@ -0,0 +1 @@
+export * from "./Seperator";

package/dist/ui/tooltip/Tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/ui/tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, } from "./Tooltip";

package/dist/utils/api-mocker.d.ts

@@ -0,0 +1,2 @@
+import { UploadedFile } from "../types";
+export declare function mockApiCallWithProgress(file: UploadedFile, updateProgress: (id: string, options: Partial<UploadedFile>) => void): Promise<void>;

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/utils/date/index.d.ts

@@ -0,0 +1 @@
+export declare function addUniqueTimestamp(s: string): string;

package/dist/utils/error-handling.d.ts

@@ -0,0 +1,3 @@
+export declare function formatError(e: any, doIncludeStack?: boolean): string;
+export declare function consoleWarn(...args: any): void;
+export declare function consoleError(...args: any): void;

package/dist/utils/file-types.d.ts

@@ -0,0 +1,36 @@
+export declare const SUPPORTED_EXTENSIONS_OBJECT: {
+    ".pdf": string;
+    ".jpg": string;
+    ".jpeg": string;
+    ".png": string;
+    ".doc": string;
+    ".dot": string;
+    ".docx": string;
+    ".dotx": string;
+    ".docm": string;
+    ".dotm": string;
+    ".xls": string;
+    ".xlt": string;
+    ".xla": string;
+    ".xlsx": string;
+    ".xltx": string;
+    ".xlsm": string;
+    ".xltm": string;
+    ".xlam": string;
+    ".xlsb": string;
+    ".ppt": string;
+    ".pot": string;
+    ".pps": string;
+    ".ppa": string;
+    ".pptx": string;
+    ".potx": string;
+    ".ppsx": string;
+    ".ppam": string;
+    ".pptm": string;
+    ".potm": string;
+    ".ppsm": string;
+};
+export declare const SUPPORTED_EXTENSIONS: string[];
+export declare const SUPPORTED_MIME_OBJECT: any;
+export declare const SUPPORTED_MIME_TYPES: string[];
+export declare const SUPPORTED_FILE_LIST: string;

package/dist/utils/image-processing/blob-to-base64.d.ts

@@ -0,0 +1 @@
+export declare function blobToBase64(blob: Blob): Promise<string>;

package/dist/utils/image-processing/canvas-utils.d.ts

@@ -0,0 +1,7 @@
+interface ReturnProps {
+    canvas: HTMLCanvasElement;
+    context: CanvasRenderingContext2D;
+}
+export declare function getScaledCanvas(img: HTMLImageElement | HTMLCanvasElement, scale?: number, imageSmoothingEnabled?: boolean): ReturnProps;
+export declare function getRotatedImageCanvas(image: HTMLImageElement, angle?: 0 | 90 | 180 | 270): HTMLCanvasElement;
+export {};

package/dist/utils/image-processing/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./load-image";
+export * from "./canvas-utils";
+export * from "./blob-to-base64";

package/dist/utils/image-processing/load-image.d.ts

@@ -0,0 +1,3 @@
+import { ScaledImage, ScaledImageBinary } from "@/src/types";
+export declare function loadImageBinary(uri: string, type?: string, quality?: number): Promise<ScaledImageBinary>;
+export declare function loadImageBase64(uriBase64: string): Promise<ScaledImage>;

package/dist/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./cn";
+export * from "./api-mocker";
+export * from "./is-filedrop-error";
+export * from "./error-handling";
+export * from "./image-processing";
+export * from "./date";

package/dist/utils/is-filedrop-error.d.ts

@@ -0,0 +1,2 @@
+import { FileDropError } from "../types";
+export declare function isFileDropError(error: any): error is FileDropError;

package/package.json

@@ -0,0 +1,107 @@
+{
+  "name": "@osmandvc/react-upload-control",
+  "version": "0.2.1",
+  "description": "A completely free and open-source file uploader library designed for modern react applications. This package focuses on delivering a feature-rich experience while prioritizing an exceptional developer experience (DX). Whether you're handling simple uploads or complex multi-file scenarios, this library offers powerful customization, seamless integration, and a smooth workflow for developers. Perfect for those who need an efficient, flexible, and easy-to-use file uploader solution in their projects.",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "dist/**/*.d.ts",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc && webpack --mode production",
+    "start": "webpack serve --mode development",
+    "test": "jest",
+    "lint": "eslint src/**/*.ts src/**/*.tsx",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "react",
+    "react-upload",
+    "file-upload",
+    "drag-and-drop",
+    "upload",
+    "typescript",
+    "react-component",
+    "file-uploader",
+    "react18",
+    "tailwindcss",
+    "camera-upload",
+    "image-upload",
+    "file-preview",
+    "multiple-upload",
+    "async-upload"
+  ],
+  "author": "Osman Deveci",
+  "license": "MIT",
+  "dependencies": {
+    "@dnd-kit/core": "^6.2.0",
+    "@dnd-kit/sortable": "^9.0.0",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-select": "^2.1.2",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.3",
+    "@storybook/addon-styling": "^1.3.7",
+    "@tabler/icons-react": "^3.19.0",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "class-variance-authority": "^0.7.0",
+    "date-fns": "^4.1.0",
+    "filesize": "^10.1.6",
+    "kleur": "^4.1.5",
+    "nanoid": "^5.0.7",
+    "react": "^18.3.1",
+    "react-intl": "^6.4.0",
+    "react-medium-image-zoom": "^5.2.10",
+    "react-spinners": "^0.14.1",
+    "react-wrap-balancer": "^1.1.1",
+    "sonner": "^1.5.0",
+    "tailwind-merge": "^2.5.4",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.6.3",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.8",
+    "@babel/preset-env": "^7.25.8",
+    "@babel/preset-react": "^7.25.7",
+    "@babel/preset-typescript": "^7.25.7",
+    "@chromatic-com/storybook": "^1.9.0",
+    "@storybook/addon-essentials": "^8.3.6",
+    "@storybook/addon-interactions": "^8.3.6",
+    "@storybook/addon-links": "^8.3.6",
+    "@storybook/addon-onboarding": "^8.3.6",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
+    "@storybook/blocks": "^8.3.6",
+    "@storybook/react": "^8.3.6",
+    "@storybook/react-webpack5": "^8.3.6",
+    "@storybook/test": "^8.3.6",
+    "autoprefixer": "^10.4.20",
+    "babel-loader": "^9.2.1",
+    "chromatic": "^11.20.2",
+    "css-loader": "^7.1.2",
+    "postcss": "^8.4.47",
+    "postcss-loader": "^8.1.1",
+    "process": "^0.11.10",
+    "storybook": "^8.3.6",
+    "style-loader": "^4.0.0",
+    "tailwind-scrollbar": "^3.1.0",
+    "tailwindcss": "^3.4.14",
+    "ts-loader": "^9.5.1",
+    "tsconfig-paths-webpack-plugin": "^4.1.0",
+    "webpack": "^5.95.0",
+    "webpack-bundle-analyzer": "^4.10.2",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.1.0"
+  }
+}