@mantine/dropzone 6.0.17 → 7.0.0-alpha.21

package/esm/index.js

@@ -1,5 +1,8 @@
+'use client';
 import { DropzoneFullScreen } from './DropzoneFullScreen.js';
+export { DropzoneFullScreen } from './DropzoneFullScreen.js';
 import { Dropzone as Dropzone$1 } from './Dropzone.js';
+export { DropzoneAccept, DropzoneIdle, DropzoneReject } from './DropzoneStatus.js';
 export { EXE_MIME_TYPE, IMAGE_MIME_TYPE, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, PDF_MIME_TYPE } from './mime-types.js';
 
 Dropzone$1.FullScreen = DropzoneFullScreen;

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { DropzoneFullScreen } from './DropzoneFullScreen';\nimport { Dropzone as _Dropzone } from './Dropzone';\n\n_Dropzone.FullScreen = DropzoneFullScreen;\nexport const Dropzone = _Dropzone;\n\nexport type { DropzoneStylesNames, DropzoneProps } from './Dropzone';\nexport type { DropzoneFullScreenProps, DropzoneFullScreenStylesName } from './DropzoneFullScreen';\nexport type { DropzoneStylesParams } from './Dropzone.styles';\nexport type { DropzoneAcceptProps, DropzoneRejectProps, DropzoneIdleProps } from './DropzoneStatus';\nexport * from './mime-types';\nexport type { FileWithPath, FileRejection } from 'react-dropzone';\n"],"names":["_Dropzone"],"mappings":";;;;AAEAA,UAAS,CAAC,UAAU,GAAG,kBAAkB,CAAC;AAC9B,MAAC,QAAQ,GAAGA;;;;"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { DropzoneFullScreen } from './DropzoneFullScreen';\nimport { Dropzone as _Dropzone } from './Dropzone';\n\n_Dropzone.FullScreen = DropzoneFullScreen;\nexport const Dropzone = _Dropzone;\n\nexport { DropzoneFullScreen };\nexport { DropzoneAccept, DropzoneIdle, DropzoneReject } from './DropzoneStatus';\nexport * from './mime-types';\n\nexport type {\n  DropzoneStylesNames,\n  DropzoneProps,\n  DropzoneCssVariables,\n  DropzoneFactory,\n  DropzoneVariant,\n} from './Dropzone';\nexport type {\n  DropzoneFullScreenProps,\n  DropzoneFullScreenStylesNames,\n  DropzoneFullScreenFactory,\n} from './DropzoneFullScreen';\nexport type { DropzoneAcceptProps, DropzoneRejectProps, DropzoneIdleProps } from './DropzoneStatus';\nexport type { FileWithPath, FileRejection } from 'react-dropzone';\n"],"names":["_Dropzone"],"mappings":";;;;;;;AAEAA,UAAS,CAAC,UAAU,GAAG,kBAAkB,CAAC;AAC9B,MAAC,QAAQ,GAAGA;;"}

package/esm/mime-types.js

@@ -1,10 +1,12 @@
 const MIME_TYPES = {
+  // Images
   png: "image/png",
   gif: "image/gif",
   jpeg: "image/jpeg",
   svg: "image/svg+xml",
   webp: "image/webp",
   avif: "image/avif",
+  // Documents
   mp4: "video/mp4",
   zip: "application/zip",
   csv: "text/csv",

package/esm/mime-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"mime-types.js","sources":["../src/mime-types.ts"],"sourcesContent":["export const MIME_TYPES = {\n  // Images\n  png: 'image/png',\n  gif: 'image/gif',\n  jpeg: 'image/jpeg',\n  svg: 'image/svg+xml',\n  webp: 'image/webp',\n  avif: 'image/avif',\n\n  // Documents\n  mp4: 'video/mp4',\n  zip: 'application/zip',\n  csv: 'text/csv',\n  pdf: 'application/pdf',\n  doc: 'application/msword',\n  docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n  xls: 'application/vnd.ms-excel',\n  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n  ppt: 'application/vnd.ms-powerpoint',\n  pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n  exe: 'application/vnd.microsoft.portable-executable',\n} as const;\n\nexport const IMAGE_MIME_TYPE = [\n  MIME_TYPES.png,\n  MIME_TYPES.gif,\n  MIME_TYPES.jpeg,\n  MIME_TYPES.svg,\n  MIME_TYPES.webp,\n  MIME_TYPES.avif,\n];\n\nexport const PDF_MIME_TYPE = [MIME_TYPES.pdf];\nexport const MS_WORD_MIME_TYPE = [MIME_TYPES.doc, MIME_TYPES.docx];\nexport const MS_EXCEL_MIME_TYPE = [MIME_TYPES.xls, MIME_TYPES.xlsx];\nexport const MS_POWERPOINT_MIME_TYPE = [MIME_TYPES.ppt, MIME_TYPES.pptx];\nexport const EXE_MIME_TYPE = [MIME_TYPES.exe];\n"],"names":[],"mappings":"AAAY,MAAC,UAAU,GAAG;AAC1B,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,GAAG,EAAE,eAAe;AACtB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,GAAG,EAAE,iBAAiB;AACxB,EAAE,GAAG,EAAE,UAAU;AACjB,EAAE,GAAG,EAAE,iBAAiB;AACxB,EAAE,GAAG,EAAE,oBAAoB;AAC3B,EAAE,IAAI,EAAE,yEAAyE;AACjF,EAAE,GAAG,EAAE,0BAA0B;AACjC,EAAE,IAAI,EAAE,mEAAmE;AAC3E,EAAE,GAAG,EAAE,+BAA+B;AACtC,EAAE,IAAI,EAAE,2EAA2E;AACnF,EAAE,GAAG,EAAE,+CAA+C;AACtD,EAAE;AACU,MAAC,eAAe,GAAG;AAC/B,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE;AACU,MAAC,aAAa,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE;AAClC,MAAC,iBAAiB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AACvD,MAAC,kBAAkB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AACxD,MAAC,uBAAuB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AAC7D,MAAC,aAAa,GAAG,CAAC,UAAU,CAAC,GAAG;;;;"}
+{"version":3,"file":"mime-types.js","sources":["../src/mime-types.ts"],"sourcesContent":["export const MIME_TYPES = {\n  // Images\n  png: 'image/png',\n  gif: 'image/gif',\n  jpeg: 'image/jpeg',\n  svg: 'image/svg+xml',\n  webp: 'image/webp',\n  avif: 'image/avif',\n\n  // Documents\n  mp4: 'video/mp4',\n  zip: 'application/zip',\n  csv: 'text/csv',\n  pdf: 'application/pdf',\n  doc: 'application/msword',\n  docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n  xls: 'application/vnd.ms-excel',\n  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n  ppt: 'application/vnd.ms-powerpoint',\n  pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n  exe: 'application/vnd.microsoft.portable-executable',\n} as const;\n\nexport const IMAGE_MIME_TYPE = [\n  MIME_TYPES.png,\n  MIME_TYPES.gif,\n  MIME_TYPES.jpeg,\n  MIME_TYPES.svg,\n  MIME_TYPES.webp,\n  MIME_TYPES.avif,\n];\n\nexport const PDF_MIME_TYPE = [MIME_TYPES.pdf];\nexport const MS_WORD_MIME_TYPE = [MIME_TYPES.doc, MIME_TYPES.docx];\nexport const MS_EXCEL_MIME_TYPE = [MIME_TYPES.xls, MIME_TYPES.xlsx];\nexport const MS_POWERPOINT_MIME_TYPE = [MIME_TYPES.ppt, MIME_TYPES.pptx];\nexport const EXE_MIME_TYPE = [MIME_TYPES.exe];\n"],"names":[],"mappings":"AAAY,MAAC,UAAU,GAAG;AAC1B;AACA,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,GAAG,EAAE,eAAe;AACtB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,IAAI,EAAE,YAAY;AACpB;AACA,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,GAAG,EAAE,iBAAiB;AACxB,EAAE,GAAG,EAAE,UAAU;AACjB,EAAE,GAAG,EAAE,iBAAiB;AACxB,EAAE,GAAG,EAAE,oBAAoB;AAC3B,EAAE,IAAI,EAAE,yEAAyE;AACjF,EAAE,GAAG,EAAE,0BAA0B;AACjC,EAAE,IAAI,EAAE,mEAAmE;AAC3E,EAAE,GAAG,EAAE,+BAA+B;AACtC,EAAE,IAAI,EAAE,2EAA2E;AACnF,EAAE,GAAG,EAAE,+CAA+C;AACtD,EAAE;AACU,MAAC,eAAe,GAAG;AAC/B,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE;AACU,MAAC,aAAa,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE;AAClC,MAAC,iBAAiB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AACvD,MAAC,kBAAkB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AACxD,MAAC,uBAAuB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AAC7D,MAAC,aAAa,GAAG,CAAC,UAAU,CAAC,GAAG;;;;"}

package/lib/Dropzone.context.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface DropzoneContextValue {
     idle: boolean;
     accept: boolean;
@@ -6,5 +7,5 @@ export interface DropzoneContextValue {
 export declare const DropzoneProvider: ({ children, value }: {
     value: DropzoneContextValue;
     children: import("react").ReactNode;
-}) => JSX.Element, useDropzoneContext: () => DropzoneContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useDropzoneContext: () => DropzoneContextValue;
 //# sourceMappingURL=Dropzone.context.d.ts.map

package/lib/Dropzone.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.context.d.ts","sourceRoot":"","sources":["../src/Dropzone.context.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAO,gBAAgB;;;mBAAE,kBAAkB,4BAEjD,CAAC"}
+{"version":3,"file":"Dropzone.context.d.ts","sourceRoot":"","sources":["../src/Dropzone.context.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAO,gBAAgB;;;+CAAE,kBAAkB,4BAEjD,CAAC"}

package/lib/Dropzone.d.ts

@@ -1,50 +1,51 @@
 import React from 'react';
 import { FileRejection, Accept, FileWithPath, DropEvent, FileError } from 'react-dropzone';
-import { DefaultProps, Selectors, MantineNumberSize } from '@mantine/core';
-import { ForwardRefWithStaticComponents } from '@mantine/utils';
+import { BoxProps, StylesApiProps, ElementProps, Factory, MantineRadius, MantineColor } from '@mantine/core';
 import { DropzoneAccept, DropzoneIdle, DropzoneReject } from './DropzoneStatus';
 import type { DropzoneFullScreenType } from './DropzoneFullScreen';
-import useStyles from './Dropzone.styles';
-export type DropzoneStylesNames = Selectors<typeof useStyles>;
-export interface DropzoneProps extends DefaultProps<DropzoneStylesNames>, Omit<React.ComponentPropsWithRef<'div'>, 'onDrop'> {
-    variant?: string;
-    /** Padding from theme.spacing, or any valid CSS value to set padding */
-    padding?: MantineNumberSize;
-    /** Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default */
-    radius?: MantineNumberSize;
-    /** Dropzone statues */
-    children: React.ReactNode;
-    /** Disable files capturing */
+export type DropzoneStylesNames = 'root' | 'inner';
+export type DropzoneVariant = 'filled' | 'light';
+export type DropzoneCssVariables = {
+    root: '--dropzone-radius' | '--dropzone-accept-color' | '--dropzone-accept-bg' | '--dropzone-reject-color' | '--dropzone-reject-bg';
+};
+export interface DropzoneProps extends BoxProps, StylesApiProps<DropzoneFactory>, ElementProps<'div', 'onDrop'> {
+    /** Key of `theme.colors` or any valid CSS color to set colors of `Dropzone.Accept`, `theme.primaryColor` by default */
+    acceptColor?: MantineColor;
+    /** Key of `theme.colors` or any valid CSS color to set colors of `Dropzone.Reject`, `'red'` by default */
+    rejectColor?: MantineColor;
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */
+    radius?: MantineRadius | (string & {}) | number;
+    /** Determines whether files capturing should be disabled, `false` by default */
     disabled?: boolean;
-    /** Called when any files are dropped into dropzone */
+    /** Called when any files are dropped to the dropzone */
     onDropAny?(files: FileWithPath[], fileRejections: FileRejection[]): void;
-    /** Called when valid files are dropped into dropzone */
+    /** Called when valid files are dropped to the dropzone */
     onDrop(files: FileWithPath[]): void;
-    /** Called when selected files don't meet file restrictions */
+    /** Called when dropped files do not meet file restrictions */
     onReject?(fileRejections: FileRejection[]): void;
-    /** Display loading overlay over dropzone */
+    /** Determines whether a loading overlay should be displayed over the dropzone, `false` by default */
     loading?: boolean;
-    /** File types to accept  */
+    /** Mime types of the files that dropzone can accepts. By default, dropzone accepts all file types. */
     accept?: Accept | string[];
-    /** Get open function as ref */
+    /** A ref function which when called opens the file system file picker */
     openRef?: React.ForwardedRef<() => void | undefined>;
-    /** Allow selection of multiple files */
+    /** Determines whether multiple files can be dropped to the dropzone or selected from file system picker, `true` by default */
     multiple?: boolean;
-    /** Set maximum file size in bytes */
+    /** Maximum file size in bytes */
     maxSize?: number;
     /** Name of the form control. Submitted with the form as part of a name/value pair. */
     name?: string;
-    /** Number of files that user can pick */
+    /** Maximum number of files that can be picked at once */
     maxFiles?: number;
-    /** Set to true to autofocus the root element */
+    /** Set to autofocus the root element */
     autoFocus?: boolean;
-    /** If false, disables click to open the native file selection dialog */
+    /** If `false`, disables click to open the native file selection dialog */
     activateOnClick?: boolean;
-    /** If false, disables drag 'n' drop */
+    /** If `false`, disables drag 'n' drop */
     activateOnDrag?: boolean;
-    /** If false, disables Space/Enter to open the native file selection dialog. Note that it also stops tracking the focus state. */
+    /** If `false`, disables Space/Enter to open the native file selection dialog. Note that it also stops tracking the focus state. */
     activateOnKeyboard?: boolean;
-    /** If false, stops drag event propagation to parents */
+    /** If `false`, stops drag event propagation to parents */
     dragEventsBubbling?: boolean;
     /** Called when the `dragenter` event occurs */
     onDragEnter?(event: React.DragEvent<HTMLElement>): void;
@@ -56,7 +57,7 @@ export interface DropzoneProps extends DefaultProps<DropzoneStylesNames>, Omit<R
     onFileDialogCancel?(): void;
     /** Called when user opens the file selection dialog */
     onFileDialogOpen?(): void;
-    /** If false, allow dropped items to take over the current browser window */
+    /** If `false`, allow dropped items to take over the current browser window */
     preventDropOnDocument?: boolean;
     /** Set to true to use the File System Access API to open the file picker instead of using an <input type="file"> click event, defaults to true */
     useFsAccessApi?: boolean;
@@ -65,27 +66,28 @@ export interface DropzoneProps extends DefaultProps<DropzoneStylesNames>, Omit<R
     /** Custom validation function. It must return null if there's no errors. */
     validator?: <T extends File>(file: T) => FileError | FileError[] | null;
 }
-export declare const defaultProps: Partial<DropzoneProps>;
-export declare function _Dropzone(props: DropzoneProps): JSX.Element;
-export declare namespace _Dropzone {
-    var displayName: string;
-    var Accept: {
-        (props: import("./DropzoneStatus").DropzoneStatusProps): JSX.Element;
-        displayName: string;
+export type DropzoneFactory = Factory<{
+    props: DropzoneProps;
+    ref: HTMLDivElement;
+    stylesNames: DropzoneStylesNames;
+    vars: DropzoneCssVariables;
+    staticComponents: {
+        Accept: typeof DropzoneAccept;
+        Idle: typeof DropzoneIdle;
+        Reject: typeof DropzoneReject;
+        FullScreen: DropzoneFullScreenType;
     };
-    var Reject: {
-        (props: import("./DropzoneStatus").DropzoneStatusProps): JSX.Element;
-        displayName: string;
-    };
-    var Idle: {
-        (props: import("./DropzoneStatus").DropzoneStatusProps): JSX.Element;
-        displayName: string;
+}>;
+export declare const Dropzone: import("@mantine/core").MantineComponent<{
+    props: DropzoneProps;
+    ref: HTMLDivElement;
+    stylesNames: DropzoneStylesNames;
+    vars: DropzoneCssVariables;
+    staticComponents: {
+        Accept: typeof DropzoneAccept;
+        Idle: typeof DropzoneIdle;
+        Reject: typeof DropzoneReject;
+        FullScreen: DropzoneFullScreenType;
     };
-}
-export declare const Dropzone: ForwardRefWithStaticComponents<DropzoneProps, {
-    Accept: typeof DropzoneAccept;
-    Reject: typeof DropzoneReject;
-    Idle: typeof DropzoneIdle;
-    FullScreen: DropzoneFullScreenType;
 }>;
 //# sourceMappingURL=Dropzone.d.ts.map

package/lib/Dropzone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../src/Dropzone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../src/Dropzone.tsx"],"names":[],"mappings":"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"}

package/lib/DropzoneFullScreen.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import { DefaultProps, Selectors, PortalProps } from '@mantine/core';
-import { DropzoneStylesNames, DropzoneProps } from './Dropzone';
-import useFullScreenStyles from './DropzoneFullScreen.styles';
-export type DropzoneFullScreenStylesName = DropzoneStylesNames | Exclude<Selectors<typeof useFullScreenStyles>, 'dropzone'>;
-export interface DropzoneFullScreenProps extends Omit<DropzoneProps, 'styles' | 'classNames'>, DefaultProps<DropzoneFullScreenStylesName> {
+import { BoxProps, StylesApiProps, ElementProps, Factory, PortalProps } from '@mantine/core';
+import { DropzoneProps, DropzoneVariant, DropzoneStylesNames } from './Dropzone';
+export type DropzoneFullScreenStylesNames = DropzoneStylesNames | 'fullScreen';
+export interface DropzoneFullScreenProps extends BoxProps, Omit<DropzoneProps, 'styles' | 'classNames' | 'vars' | 'variant'>, StylesApiProps<DropzoneFullScreenFactory>, ElementProps<'div', 'onDragLeave' | 'onDragOver' | 'onDrop' | 'onDragEnter'> {
     /** Determines whether user can drop files to browser window, true by default */
     active?: boolean;
     /** z-index value, 9999 by default */
@@ -13,9 +12,17 @@ export interface DropzoneFullScreenProps extends Omit<DropzoneProps, 'styles' |
     /** Props to pass down to the portal when withinPortal is true */
     portalProps?: Omit<PortalProps, 'children' | 'withinPortal'>;
 }
-export declare function DropzoneFullScreen(props: DropzoneFullScreenProps): JSX.Element;
-export declare namespace DropzoneFullScreen {
-    var displayName: string;
-}
+export type DropzoneFullScreenFactory = Factory<{
+    props: DropzoneFullScreenProps;
+    ref: HTMLDivElement;
+    stylesNames: DropzoneFullScreenStylesNames;
+    variant: DropzoneVariant;
+}>;
+export declare const DropzoneFullScreen: import("@mantine/core").MantineComponent<{
+    props: DropzoneFullScreenProps;
+    ref: HTMLDivElement;
+    stylesNames: DropzoneFullScreenStylesNames;
+    variant: DropzoneVariant;
+}>;
 export type DropzoneFullScreenType = typeof DropzoneFullScreen;
 //# sourceMappingURL=DropzoneFullScreen.d.ts.map

package/lib/DropzoneFullScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropzoneFullScreen.d.ts","sourceRoot":"","sources":["../src/DropzoneFullScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAIL,YAAY,EACZ,SAAS,EAET,WAAW,EACZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAa,MAAM,YAAY,CAAC;AAC3E,OAAO,mBAAmB,MAAM,6BAA6B,CAAC;AAE9D,MAAM,MAAM,4BAA4B,GACpC,mBAAmB,GACnB,OAAO,CAAC,SAAS,CAAC,OAAO,mBAAmB,CAAC,EAAE,UAAU,CAAC,CAAC;AAE/D,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,YAAY,CAAC,EAClD,YAAY,CAAC,4BAA4B,CAAC;IAC5C,gFAAgF;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,qCAAqC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEvC,qFAAqF;IACrF,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,iEAAiE;IACjE,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,cAAc,CAAC,CAAC;CAC9D;AAiBD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eAmFhE;yBAnFe,kBAAkB;;;AAuFlC,MAAM,MAAM,sBAAsB,GAAG,OAAO,kBAAkB,CAAC"}
+{"version":3,"file":"DropzoneFullScreen.d.ts","sourceRoot":"","sources":["../src/DropzoneFullScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAEL,QAAQ,EACR,cAAc,EAEd,YAAY,EAGZ,OAAO,EACP,WAAW,EAIZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAY,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAG3F,MAAM,MAAM,6BAA6B,GAAG,mBAAmB,GAAG,YAAY,CAAC;AAE/E,MAAM,WAAW,uBACf,SAAQ,QAAQ,EACd,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC,EACjE,cAAc,CAAC,yBAAyB,CAAC,EACzC,YAAY,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,GAAG,QAAQ,GAAG,aAAa,CAAC;IAC9E,gFAAgF;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,qCAAqC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEvC,qFAAqF;IACrF,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,iEAAiE;IACjE,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,cAAc,CAAC,CAAC;CAC9D;AAED,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC9C,KAAK,EAAE,uBAAuB,CAAC;IAC/B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC,CAAC;AAcH,eAAO,MAAM,kBAAkB;WAlBtB,uBAAuB;SACzB,cAAc;iBACN,6BAA6B;aACjC,eAAe;EA2GxB,CAAC;AAKH,MAAM,MAAM,sBAAsB,GAAG,OAAO,kBAAkB,CAAC"}

package/lib/DropzoneStatus.d.ts

@@ -2,19 +2,12 @@ import React from 'react';
 export interface DropzoneStatusProps {
     children: React.ReactNode;
 }
-export declare const DropzoneAccept: {
-    (props: DropzoneStatusProps): JSX.Element;
-    displayName: string;
-};
-export declare const DropzoneReject: {
-    (props: DropzoneStatusProps): JSX.Element;
-    displayName: string;
-};
-export declare const DropzoneIdle: {
-    (props: DropzoneStatusProps): JSX.Element;
-    displayName: string;
-};
+type DropzoneStatusComponent = React.FC<DropzoneStatusProps>;
+export declare const DropzoneAccept: DropzoneStatusComponent;
+export declare const DropzoneReject: DropzoneStatusComponent;
+export declare const DropzoneIdle: DropzoneStatusComponent;
 export type DropzoneAcceptProps = DropzoneStatusProps;
 export type DropzoneRejectProps = DropzoneStatusProps;
 export type DropzoneIdleProps = DropzoneStatusProps;
+export {};
 //# sourceMappingURL=DropzoneStatus.d.ts.map

package/lib/DropzoneStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropzoneStatus.d.ts","sourceRoot":"","sources":["../src/DropzoneStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAM5C,MAAM,WAAW,mBAAmB;IAElC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAyBD,eAAO,MAAM,cAAc;YAtBC,mBAAmB,GAAG,WAAW;;CAsBD,CAAC;AAC7D,eAAO,MAAM,cAAc;YAvBC,mBAAmB,GAAG,WAAW;;CAuBD,CAAC;AAC7D,eAAO,MAAM,YAAY;YAxBG,mBAAmB,GAAG,WAAW;;CAwBL,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,CAAC"}
+{"version":3,"file":"DropzoneStatus.d.ts","sourceRoot":"","sources":["../src/DropzoneStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAK5C,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,KAAK,uBAAuB,GAAG,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAqB7D,eAAO,MAAM,cAAc,yBAAiC,CAAC;AAC7D,eAAO,MAAM,cAAc,yBAAiC,CAAC;AAC7D,eAAO,MAAM,YAAY,yBAA+B,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,CAAC"}

package/lib/index.d.ts

@@ -1,23 +1,27 @@
+/// <reference types="react" />
 import { DropzoneFullScreen } from './DropzoneFullScreen';
-export declare const Dropzone: import("@mantine/utils").ForwardRefWithStaticComponents<import("./Dropzone").DropzoneProps, {
-    Accept: {
-        (props: import("./DropzoneStatus").DropzoneStatusProps): JSX.Element;
-        displayName: string;
+export declare const Dropzone: import("@mantine/core").MantineComponent<{
+    props: import("./Dropzone").DropzoneProps;
+    ref: HTMLDivElement;
+    stylesNames: import("./Dropzone").DropzoneStylesNames;
+    vars: import("./Dropzone").DropzoneCssVariables;
+    staticComponents: {
+        Accept: import("react").FunctionComponent<import("./DropzoneStatus").DropzoneStatusProps>;
+        Idle: import("react").FunctionComponent<import("./DropzoneStatus").DropzoneStatusProps>;
+        Reject: import("react").FunctionComponent<import("./DropzoneStatus").DropzoneStatusProps>;
+        FullScreen: import("@mantine/core").MantineComponent<{
+            props: import("./DropzoneFullScreen").DropzoneFullScreenProps;
+            ref: HTMLDivElement;
+            stylesNames: import("./DropzoneFullScreen").DropzoneFullScreenStylesNames;
+            variant: import("./Dropzone").DropzoneVariant;
+        }>;
     };
-    Reject: {
-        (props: import("./DropzoneStatus").DropzoneStatusProps): JSX.Element;
-        displayName: string;
-    };
-    Idle: {
-        (props: import("./DropzoneStatus").DropzoneStatusProps): JSX.Element;
-        displayName: string;
-    };
-    FullScreen: typeof DropzoneFullScreen;
 }>;
-export type { DropzoneStylesNames, DropzoneProps } from './Dropzone';
-export type { DropzoneFullScreenProps, DropzoneFullScreenStylesName } from './DropzoneFullScreen';
-export type { DropzoneStylesParams } from './Dropzone.styles';
-export type { DropzoneAcceptProps, DropzoneRejectProps, DropzoneIdleProps } from './DropzoneStatus';
+export { DropzoneFullScreen };
+export { DropzoneAccept, DropzoneIdle, DropzoneReject } from './DropzoneStatus';
 export * from './mime-types';
+export type { DropzoneStylesNames, DropzoneProps, DropzoneCssVariables, DropzoneFactory, DropzoneVariant, } from './Dropzone';
+export type { DropzoneFullScreenProps, DropzoneFullScreenStylesNames, DropzoneFullScreenFactory, } from './DropzoneFullScreen';
+export type { DropzoneAcceptProps, DropzoneRejectProps, DropzoneIdleProps } from './DropzoneStatus';
 export type { FileWithPath, FileRejection } from 'react-dropzone';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;EAAY,CAAC;AAElC,YAAY,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACrE,YAAY,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAClG,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACpG,cAAc,cAAc,CAAC;AAC7B,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;EAAY,CAAC;AAElC,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAChF,cAAc,cAAc,CAAC;AAE7B,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,uBAAuB,EACvB,6BAA6B,EAC7B,yBAAyB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACpG,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/package.json

@@ -1,13 +1,21 @@
 {
   "name": "@mantine/dropzone",
   "description": "Dropzone component built with Mantine theme and components",
-  "version": "6.0.17",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
-  "types": "lib/index.d.ts",
+  "version": "7.0.0-alpha.21",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "types": "./lib/index.d.ts"
+    },
+    "./styles.css": "./esm/index.css"
+  },
   "license": "MIT",
   "author": "Vitaly Rtishchev <rtivital@gmail.com>",
-  "sideEffects": false,
+  "sideEffects": [
+    "*.css"
+  ],
   "homepage": "https://mantine.dev/others/dropzone/",
   "repository": {
     "url": "https://github.com/mantinedev/mantine.git",
@@ -28,14 +36,13 @@
     "upload"
   ],
   "peerDependencies": {
-    "@mantine/core": "6.0.17",
-    "@mantine/hooks": "6.0.17",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "@mantine/core": "7.0.0-alpha.21",
+    "@mantine/hooks": "7.0.0-alpha.21",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "react-dropzone": "14.2.3",
-    "@mantine/utils": "6.0.17"
+    "react-dropzone": "14.2.3"
   },
   "devDependencies": {}
 }

package/cjs/Dropzone.styles.js

@@ -1,72 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@mantine/core');
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = core.createStyles((theme, { padding, radius }) => {
-  const rejected = theme.fn.variant({ color: "red", variant: "light" });
-  const accepted = theme.fn.variant({ color: theme.primaryColor, variant: "light" });
-  return {
-    root: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), theme.fn.focusStyles()), {
-      boxSizing: "border-box",
-      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
-      border: `${core.rem(2)} dashed ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
-      padding: core.getSize({ size: padding, sizes: theme.spacing }),
-      borderRadius: theme.fn.radius(radius),
-      cursor: "pointer",
-      userSelect: "none",
-      transition: "background-color 150ms ease",
-      position: "relative",
-      "&:hover": {
-        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
-      },
-      "&[data-loading]": {
-        cursor: "default",
-        "&:hover": {
-          backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white
-        }
-      },
-      "&[data-accept]": {
-        backgroundColor: theme.colorScheme === "dark" ? accepted.background : theme.colors[theme.primaryColor][0],
-        borderColor: theme.colorScheme === "dark" ? accepted.border : theme.colors[theme.primaryColor][4],
-        "&:hover": {
-          backgroundColor: theme.colorScheme === "dark" ? accepted.background : theme.colors[theme.primaryColor][0]
-        }
-      },
-      "&[data-reject]": {
-        backgroundColor: theme.colorScheme === "dark" ? rejected.background : theme.colors.red[0],
-        borderColor: theme.colorScheme === "dark" ? rejected.border : theme.colors.red[4],
-        "&:hover": {
-          backgroundColor: theme.colorScheme === "dark" ? rejected.background : theme.colors.red[0]
-        }
-      }
-    }),
-    inner: {
-      pointerEvents: "none",
-      userSelect: "none"
-    }
-  };
-});
-
-exports.default = useStyles;
-//# sourceMappingURL=Dropzone.styles.js.map

package/cjs/Dropzone.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropzone.styles.js","sources":["../src/Dropzone.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, rem, getSize } from '@mantine/core';\n\nexport interface DropzoneStylesParams {\n  padding: MantineNumberSize;\n  radius: MantineNumberSize;\n}\n\nexport default createStyles((theme, { padding, radius }: DropzoneStylesParams) => {\n  const rejected = theme.fn.variant({ color: 'red', variant: 'light' });\n  const accepted = theme.fn.variant({ color: theme.primaryColor, variant: 'light' });\n\n  return {\n    root: {\n      ...theme.fn.fontStyles(),\n      ...theme.fn.focusStyles(),\n      boxSizing: 'border-box',\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n      border: `${rem(2)} dashed ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n      }`,\n      padding: getSize({ size: padding, sizes: theme.spacing }),\n      borderRadius: theme.fn.radius(radius),\n      cursor: 'pointer',\n      userSelect: 'none',\n      transition: 'background-color 150ms ease',\n      position: 'relative',\n\n      '&:hover': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n      },\n\n      '&[data-loading]': {\n        cursor: 'default',\n\n        '&:hover': {\n          backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n        },\n      },\n\n      '&[data-accept]': {\n        backgroundColor:\n          theme.colorScheme === 'dark' ? accepted.background : theme.colors[theme.primaryColor][0],\n        borderColor:\n          theme.colorScheme === 'dark' ? accepted.border : theme.colors[theme.primaryColor][4],\n\n        '&:hover': {\n          backgroundColor:\n            theme.colorScheme === 'dark'\n              ? accepted.background\n              : theme.colors[theme.primaryColor][0],\n        },\n      },\n\n      '&[data-reject]': {\n        backgroundColor: theme.colorScheme === 'dark' ? rejected.background : theme.colors.red[0],\n        borderColor: theme.colorScheme === 'dark' ? rejected.border : theme.colors.red[4],\n\n        '&:hover': {\n          backgroundColor: theme.colorScheme === 'dark' ? rejected.background : theme.colors.red[0],\n        },\n      },\n    },\n\n    inner: {\n      pointerEvents: 'none',\n      userSelect: 'none',\n    },\n  };\n});\n"],"names":["createStyles","rem","getSize"],"mappings":"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"}

package/cjs/DropzoneFullScreen.styles.js

@@ -1,40 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@mantine/core');
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useFullScreenStyles = core.createStyles((theme) => ({
-  wrapper: __spreadProps(__spreadValues({}, theme.fn.cover(0)), {
-    position: "fixed",
-    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
-    display: "flex",
-    padding: theme.spacing.xs,
-    transition: "opacity 100ms ease"
-  }),
-  dropzone: {
-    flex: 1
-  }
-}));
-
-exports.default = useFullScreenStyles;
-//# sourceMappingURL=DropzoneFullScreen.styles.js.map

package/cjs/DropzoneFullScreen.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropzoneFullScreen.styles.js","sources":["../src/DropzoneFullScreen.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  wrapper: {\n    ...theme.fn.cover(0),\n    position: 'fixed',\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    display: 'flex',\n    padding: theme.spacing.xs,\n    transition: 'opacity 100ms ease',\n  },\n\n  dropzone: {\n    flex: 1,\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,0BAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;AAChE,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAC7B,IAAI,UAAU,EAAE,oBAAoB;AACpC,GAAG,CAAC;AACJ,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,CAAC;AACX,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/Dropzone.styles.js

@@ -1,68 +0,0 @@
-import { createStyles, rem, getSize } from '@mantine/core';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = createStyles((theme, { padding, radius }) => {
-  const rejected = theme.fn.variant({ color: "red", variant: "light" });
-  const accepted = theme.fn.variant({ color: theme.primaryColor, variant: "light" });
-  return {
-    root: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), theme.fn.focusStyles()), {
-      boxSizing: "border-box",
-      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
-      border: `${rem(2)} dashed ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
-      padding: getSize({ size: padding, sizes: theme.spacing }),
-      borderRadius: theme.fn.radius(radius),
-      cursor: "pointer",
-      userSelect: "none",
-      transition: "background-color 150ms ease",
-      position: "relative",
-      "&:hover": {
-        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
-      },
-      "&[data-loading]": {
-        cursor: "default",
-        "&:hover": {
-          backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white
-        }
-      },
-      "&[data-accept]": {
-        backgroundColor: theme.colorScheme === "dark" ? accepted.background : theme.colors[theme.primaryColor][0],
-        borderColor: theme.colorScheme === "dark" ? accepted.border : theme.colors[theme.primaryColor][4],
-        "&:hover": {
-          backgroundColor: theme.colorScheme === "dark" ? accepted.background : theme.colors[theme.primaryColor][0]
-        }
-      },
-      "&[data-reject]": {
-        backgroundColor: theme.colorScheme === "dark" ? rejected.background : theme.colors.red[0],
-        borderColor: theme.colorScheme === "dark" ? rejected.border : theme.colors.red[4],
-        "&:hover": {
-          backgroundColor: theme.colorScheme === "dark" ? rejected.background : theme.colors.red[0]
-        }
-      }
-    }),
-    inner: {
-      pointerEvents: "none",
-      userSelect: "none"
-    }
-  };
-});
-
-export default useStyles;
-//# sourceMappingURL=Dropzone.styles.js.map