@kuzenbo/core 0.0.2 → 0.0.3

package/dist/ui/dropzone.d.ts

@@ -0,0 +1,274 @@
+import * as react from "react";
+import { ComponentProps, DragEvent, InputHTMLAttributes, ReactNode, Ref } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { Accept, DropEvent, FileError, FileRejection, FileWithPath } from "react-dropzone";
+
+//#region src/ui/dropzone/dropzone-status.d.ts
+type DropzoneStatusProps = ComponentProps<"div"> & {
+  children: ReactNode;
+};
+declare const DropzoneAccept: {
+  ({
+    children,
+    className,
+    ...props
+  }: DropzoneStatusProps): react.FunctionComponentElement<any> | null;
+  displayName: string;
+};
+declare const DropzoneReject: {
+  ({
+    children,
+    className,
+    ...props
+  }: DropzoneStatusProps): react.FunctionComponentElement<any> | null;
+  displayName: string;
+};
+declare const DropzoneIdle: {
+  ({
+    children,
+    className,
+    ...props
+  }: DropzoneStatusProps): react.FunctionComponentElement<any> | null;
+  displayName: string;
+};
+type DropzoneAcceptProps = DropzoneStatusProps;
+type DropzoneRejectProps = DropzoneStatusProps;
+type DropzoneIdleProps = DropzoneStatusProps;
+//#endregion
+//#region src/ui/dropzone/dropzone-context.d.ts
+interface DropzoneContextValue {
+  idle: boolean;
+  accept: boolean;
+  reject: boolean;
+}
+declare const DropzoneContext: react.Context<DropzoneContextValue | null>;
+declare const useDropzoneContext: () => DropzoneContextValue;
+//#endregion
+//#region src/ui/dropzone/dropzone.d.ts
+declare const dropzoneVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: {
+      root: never[];
+    };
+    filled: {
+      root: string[];
+    };
+    light: {
+      root: string[];
+    };
+  };
+  status: {
+    idle: {
+      root: never[];
+    };
+    accept: {
+      root: string[];
+    };
+    reject: {
+      root: string[];
+    };
+  };
+  disabled: {
+    true: {
+      root: string[];
+    };
+  };
+  loading: {
+    true: {
+      root: string[];
+    };
+  };
+  activateOnClick: {
+    true: {};
+    false: {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  inner: string[];
+  overlay: string[];
+}, undefined, {
+  variant: {
+    default: {
+      root: never[];
+    };
+    filled: {
+      root: string[];
+    };
+    light: {
+      root: string[];
+    };
+  };
+  status: {
+    idle: {
+      root: never[];
+    };
+    accept: {
+      root: string[];
+    };
+    reject: {
+      root: string[];
+    };
+  };
+  disabled: {
+    true: {
+      root: string[];
+    };
+  };
+  loading: {
+    true: {
+      root: string[];
+    };
+  };
+  activateOnClick: {
+    true: {};
+    false: {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  inner: string[];
+  overlay: string[];
+}, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: {
+      root: never[];
+    };
+    filled: {
+      root: string[];
+    };
+    light: {
+      root: string[];
+    };
+  };
+  status: {
+    idle: {
+      root: never[];
+    };
+    accept: {
+      root: string[];
+    };
+    reject: {
+      root: string[];
+    };
+  };
+  disabled: {
+    true: {
+      root: string[];
+    };
+  };
+  loading: {
+    true: {
+      root: string[];
+    };
+  };
+  activateOnClick: {
+    true: {};
+    false: {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  inner: string[];
+  overlay: string[];
+}, undefined, unknown, unknown, undefined>>;
+type DropzoneVariants = VariantProps<typeof dropzoneVariants>;
+type DropzoneProps = Omit<ComponentProps<"div">, "onDrop" | "ref"> & DropzoneVariants & {
+  ref?: Ref<HTMLDivElement>; /** Called when any files are dropped to the dropzone */
+  onDropAny?: (files: FileWithPath[], fileRejections: FileRejection[]) => void; /** Called when valid files are dropped to the dropzone */
+  onDrop: (files: FileWithPath[]) => void; /** Called when dropped files do not meet file restrictions */
+  onReject?: (fileRejections: FileRejection[]) => void; /** Determines whether files capturing should be disabled */
+  disabled?: boolean; /** Determines whether a loading overlay should be displayed */
+  loading?: boolean; /** Mime types of the files that dropzone can accept */
+  accept?: Accept | string[]; /** A ref function which when called opens the file system file picker */
+  openRef?: Ref<() => void>; /** Determines whether multiple files can be dropped */
+  multiple?: boolean; /** Maximum file size in bytes */
+  maxSize?: number; /** Name of the form control */
+  name?: string; /** Maximum number of files that can be picked at once */
+  maxFiles?: number; /** Set to autofocus the root element */
+  autoFocus?: boolean; /** If false, disables click to open the native file selection dialog */
+  activateOnClick?: boolean; /** If false, disables drag 'n' drop */
+  activateOnDrag?: boolean; /** If false, disables Space/Enter to open the native file selection dialog */
+  activateOnKeyboard?: boolean; /** If false, stops drag event propagation to parents */
+  dragEventsBubbling?: boolean; /** Called when the dragenter event occurs */
+  onDragEnter?: (event: DragEvent<HTMLElement>) => void; /** Called when the dragleave event occurs */
+  onDragLeave?: (event: DragEvent<HTMLElement>) => void; /** Called when the dragover event occurs */
+  onDragOver?: (event: DragEvent<HTMLElement>) => void; /** Called when user closes the file selection dialog with no selection */
+  onFileDialogCancel?: () => void; /** Called when user opens the file selection dialog */
+  onFileDialogOpen?: () => void; /** If false, allow dropped items to take over the current browser window */
+  preventDropOnDocument?: boolean; /** Set to true to use the File System Access API */
+  useFsAccessApi?: boolean; /** Use this to provide a custom file aggregator */
+  getFilesFromEvent?: (event: DropEvent) => Promise<(File | DataTransferItem)[]>; /** Custom validation function */
+  validator?: <T extends File>(file: T) => FileError | FileError[] | null; /** Determines whether pointer events should be enabled on the inner element */
+  enablePointerEvents?: boolean; /** Props passed down to the internal Input component */
+  inputProps?: InputHTMLAttributes<HTMLInputElement>;
+};
+declare const Dropzone: {
+  ({
+    className,
+    variant,
+    status: statusProp,
+    disabled: disabledProp,
+    loading,
+    multiple,
+    maxSize,
+    accept,
+    children,
+    onDropAny,
+    onDrop,
+    onReject,
+    openRef,
+    name,
+    maxFiles,
+    autoFocus,
+    activateOnClick,
+    activateOnDrag,
+    dragEventsBubbling,
+    activateOnKeyboard,
+    onDragEnter,
+    onDragLeave,
+    onDragOver,
+    onFileDialogCancel,
+    onFileDialogOpen,
+    preventDropOnDocument,
+    useFsAccessApi,
+    getFilesFromEvent,
+    validator,
+    enablePointerEvents,
+    inputProps,
+    ref,
+    ...props
+  }: DropzoneProps): react_jsx_runtime0.JSX.Element;
+  Accept: {
+    ({
+      children,
+      className,
+      ...props
+    }: DropzoneStatusProps): react.FunctionComponentElement<any> | null;
+    displayName: string;
+  };
+  Idle: {
+    ({
+      children,
+      className,
+      ...props
+    }: DropzoneStatusProps): react.FunctionComponentElement<any> | null;
+    displayName: string;
+  };
+  Reject: {
+    ({
+      children,
+      className,
+      ...props
+    }: DropzoneStatusProps): react.FunctionComponentElement<any> | null;
+    displayName: string;
+  };
+};
+//#endregion
+export { Dropzone, DropzoneAccept, type DropzoneAcceptProps, DropzoneContext, DropzoneIdle, type DropzoneIdleProps, type DropzoneProps, DropzoneReject, type DropzoneRejectProps, type DropzoneVariants, dropzoneVariants, useDropzoneContext };
+//# sourceMappingURL=dropzone.d.ts.map

package/dist/ui/dropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone.d.ts","names":[],"sources":["../../src/ui/dropzone/dropzone-status.tsx","../../src/ui/dropzone/dropzone-context.tsx","../../src/ui/dropzone/dropzone.tsx"],"mappings":";;;;;;;;KASK,mBAAA,GAAsB,cAAA;EACzB,QAAA,EAAU,SAAA;AAAA;AAAA,cA+BC,cAAA;EAAA;;;;KAvBR,mBAAA,GAAmB,KAAA,CAAA,wBAAA;;;cAwBX,cAAA;EAAA;;;;KAxBR,mBAAA,GAAmB,KAAA,CAAA,wBAAA;;;cAyBX,YAAA;EAAA;;;;KAzBR,mBAAA,GAAmB,KAAA,CAAA,wBAAA;;;KA4BZ,mBAAA,GAAsB,mBAAA;AAAA,KACtB,mBAAA,GAAsB,mBAAA;AAAA,KACtB,iBAAA,GAAoB,mBAAA;;;UC5CtB,oBAAA;EACR,IAAA;EACA,MAAA;EACA,MAAA;AAAA;AAAA,cAGI,eAAA,EAAe,KAAA,CAAA,OAAA,CAAA,oBAAA;AAAA,cAER,kBAAA,QAAkB,oBAAA;;;cCgBzB,gBAAA,EAmJJ,kBAAA,CAnJoB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmJpB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,gBAAA,GAAmB,YAAA,QAAoB,gBAAA;AAAA,KAEvC,aAAA,GAAgB,IAAA,CAAK,cAAA,6BACxB,gBAAA;EACE,GAAA,GAAM,GAAA,CAAI,cAAA;EAEV,SAAA,IACE,KAAA,EAAO,YAAA,IACP,cAAA,EAAgB,aAAA;EAIlB,MAAA,GAAS,KAAA,EAAO,YAAA;EAGhB,QAAA,IAAY,cAAA,EAAgB,aAAA;EAG5B,QAAA;EAGA,OAAA;EAGA,MAAA,GAAS,MAAA;EAGT,OAAA,GAAU,GAAA;EAGV,QAAA;EAGA,OAAA;EAGA,IAAA;EAGA,QAAA;EAGA,SAAA;EAGA,eAAA;EAGA,cAAA;EAGA,kBAAA;EAGA,kBAAA;EAGA,WAAA,IAAe,KAAA,EAAO,SAAA,CAAU,WAAA;EAGhC,WAAA,IAAe,KAAA,EAAO,SAAA,CAAU,WAAA;EAGhC,UAAA,IAAc,KAAA,EAAO,SAAA,CAAU,WAAA;EAG/B,kBAAA;EAGA,gBAAA;EAGA,qBAAA;EAGA,cAAA;EAGA,iBAAA,IACE,KAAA,EAAO,SAAA,KACJ,OAAA,EAAS,IAAA,GAAO,gBAAA;EAGrB,SAAA,cAAuB,IAAA,EAAM,IAAA,EAAM,CAAA,KAAM,SAAA,GAAY,SAAA;EAGrD,mBAAA;EAGA,UAAA,GAAa,mBAAA,CAAoB,gBAAA;AAAA;AAAA,cAG/B,QAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkCH,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/dropzone.js

@@ -0,0 +1,208 @@
+"use client";
+
+import { Spinner } from "./spinner.js";
+import { cloneElement, createContext, isValidElement, useContext, useImperativeHandle } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { useDropzone } from "react-dropzone";
+
+//#region src/ui/dropzone/dropzone-context.tsx
+const DropzoneContext = createContext(null);
+const useDropzoneContext = () => {
+	const context = useContext(DropzoneContext);
+	if (!context) throw new Error("Dropzone components must be used within Dropzone");
+	return context;
+};
+
+//#endregion
+//#region src/ui/dropzone/dropzone-status.tsx
+const createDropzoneStatus = (status) => {
+	const Component = ({ children, className, ...props }) => {
+		const ctx = useDropzoneContext();
+		const _children = isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+		if (!ctx[status]) return null;
+		return cloneElement(_children, {
+			className: cn(className, _children.props.className),
+			...props
+		});
+	};
+	Component.displayName = `Dropzone${status.charAt(0).toUpperCase() + status.slice(1)}`;
+	return Component;
+};
+const DropzoneAccept = createDropzoneStatus("accept");
+const DropzoneReject = createDropzoneStatus("reject");
+const DropzoneIdle = createDropzoneStatus("idle");
+
+//#endregion
+//#region src/ui/dropzone/dropzone.tsx
+const dropzoneVariants = tv({
+	slots: {
+		root: [
+			"relative",
+			"cursor-pointer",
+			"select-none",
+			"rounded-lg",
+			"border",
+			"border-input",
+			"border-dashed",
+			"bg-background",
+			"p-4",
+			"outline-none",
+			"transition-colors",
+			"focus-visible:ring-2",
+			"focus-visible:ring-ring",
+			"focus-visible:ring-offset-2"
+		],
+		inner: [
+			"pointer-events-none",
+			"select-none",
+			"data-enable-pointer-events:pointer-events-auto"
+		],
+		overlay: [
+			"absolute",
+			"inset-0",
+			"z-10",
+			"flex",
+			"items-center",
+			"justify-center",
+			"rounded-lg",
+			"bg-background/80",
+			"backdrop-blur-sm"
+		]
+	},
+	variants: {
+		variant: {
+			default: { root: [] },
+			filled: { root: ["bg-muted"] },
+			light: { root: ["bg-muted/50"] }
+		},
+		status: {
+			idle: { root: [] },
+			accept: { root: [
+				"border-primary",
+				"bg-primary/10",
+				"text-primary-foreground"
+			] },
+			reject: { root: [
+				"border-danger",
+				"bg-danger",
+				"text-danger-foreground"
+			] }
+		},
+		disabled: { true: { root: ["cursor-default", "opacity-50"] } },
+		loading: { true: { root: ["cursor-default"] } },
+		activateOnClick: {
+			true: {},
+			false: { root: ["cursor-default"] }
+		}
+	},
+	compoundVariants: [
+		{
+			status: "accept",
+			variant: "filled",
+			class: { root: "border-primary bg-primary/20" }
+		},
+		{
+			status: "accept",
+			variant: "light",
+			class: { root: "border-primary bg-primary/10" }
+		},
+		{
+			status: "reject",
+			variant: "filled",
+			class: { root: "border-danger bg-danger/20" }
+		},
+		{
+			status: "reject",
+			variant: "light",
+			class: { root: "border-danger bg-danger" }
+		}
+	],
+	defaultVariants: {
+		variant: "light",
+		status: "idle",
+		disabled: false,
+		loading: false,
+		activateOnClick: true
+	}
+});
+const Dropzone = ({ className, variant, status: statusProp, disabled: disabledProp, loading, multiple = true, maxSize = Number.POSITIVE_INFINITY, accept, children, onDropAny, onDrop, onReject, openRef, name, maxFiles, autoFocus, activateOnClick = true, activateOnDrag = true, dragEventsBubbling = true, activateOnKeyboard = true, onDragEnter, onDragLeave, onDragOver, onFileDialogCancel, onFileDialogOpen, preventDropOnDocument, useFsAccessApi = true, getFilesFromEvent, validator, enablePointerEvents, inputProps, ref, ...props }) => {
+	const { getRootProps, getInputProps, isDragAccept, isDragReject, isDragActive, open } = useDropzone({
+		onDrop: onDropAny,
+		onDropAccepted: onDrop,
+		onDropRejected: onReject,
+		disabled: disabledProp || loading,
+		accept: Array.isArray(accept) ? Object.fromEntries(accept.map((key) => [key, []])) : accept,
+		multiple,
+		maxSize,
+		maxFiles,
+		autoFocus,
+		noClick: !activateOnClick,
+		noDrag: !activateOnDrag,
+		noDragEventsBubbling: !dragEventsBubbling,
+		noKeyboard: !activateOnKeyboard,
+		onDragEnter,
+		onDragLeave,
+		onDragOver,
+		onFileDialogCancel,
+		onFileDialogOpen,
+		preventDropOnDocument,
+		useFsAccessApi,
+		validator,
+		...getFilesFromEvent ? { getFilesFromEvent } : null
+	});
+	useImperativeHandle(openRef, () => open, [open]);
+	const isAccepted = isDragActive && isDragAccept;
+	const isRejected = isDragActive && isDragReject;
+	const isIdle = isDragActive ? isAccepted === false && isRejected === false : true;
+	let status = "idle";
+	if (statusProp) status = statusProp;
+	else if (isAccepted) status = "accept";
+	else if (isRejected) status = "reject";
+	const disabled = disabledProp || loading;
+	const { root, inner, overlay } = dropzoneVariants({
+		variant,
+		status,
+		disabled,
+		loading,
+		activateOnClick
+	});
+	return /* @__PURE__ */ jsx(DropzoneContext.Provider, {
+		value: {
+			accept: isAccepted,
+			reject: isRejected,
+			idle: isIdle
+		},
+		children: /* @__PURE__ */ jsxs("div", {
+			...getRootProps(),
+			className: cn(root(), className),
+			"data-disabled": disabled || void 0,
+			"data-loading": loading || void 0,
+			"data-slot": "dropzone",
+			ref,
+			...props,
+			children: [
+				loading && /* @__PURE__ */ jsx("div", {
+					className: overlay(),
+					children: /* @__PURE__ */ jsx(Spinner, {})
+				}),
+				/* @__PURE__ */ jsx("input", {
+					...getInputProps(inputProps),
+					name
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: inner(),
+					"data-enable-pointer-events": enablePointerEvents || void 0,
+					children
+				})
+			]
+		})
+	});
+};
+Dropzone.Accept = DropzoneAccept;
+Dropzone.Idle = DropzoneIdle;
+Dropzone.Reject = DropzoneReject;
+
+//#endregion
+export { Dropzone, DropzoneAccept, DropzoneContext, DropzoneIdle, DropzoneReject, dropzoneVariants, useDropzoneContext };
+//# sourceMappingURL=dropzone.js.map

package/dist/ui/dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone.js","names":[],"sources":["../../src/ui/dropzone/dropzone-context.tsx","../../src/ui/dropzone/dropzone-status.tsx","../../src/ui/dropzone/dropzone.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\ninterface DropzoneContextValue {\n  idle: boolean;\n  accept: boolean;\n  reject: boolean;\n}\n\nconst DropzoneContext = createContext<DropzoneContextValue | null>(null);\n\nexport const useDropzoneContext = () => {\n  const context = useContext(DropzoneContext);\n  if (!context) {\n    throw new Error(\"Dropzone components must be used within Dropzone\");\n  }\n  return context;\n};\n\nexport { DropzoneContext };\n","\"use client\";\n\nimport type { ComponentProps, JSX, ReactNode } from \"react\";\n\nimport { cloneElement, isValidElement } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { useDropzoneContext } from \"./dropzone-context\";\n\ntype DropzoneStatusProps = ComponentProps<\"div\"> & {\n  children: ReactNode;\n};\n\nconst createDropzoneStatus = (status: \"accept\" | \"reject\" | \"idle\") => {\n  const Component = ({\n    children,\n    className,\n    ...props\n  }: DropzoneStatusProps) => {\n    const ctx = useDropzoneContext();\n    const _children = isValidElement(children) ? (\n      children\n    ) : (\n      <span>{children}</span>\n    );\n\n    if (!ctx[status]) {\n      return null;\n    }\n\n    return cloneElement(_children as JSX.Element, {\n      className: cn(className, (_children as JSX.Element).props.className),\n      ...props,\n    });\n  };\n\n  Component.displayName = `Dropzone${status.charAt(0).toUpperCase() + status.slice(1)}`;\n\n  return Component;\n};\n\nexport const DropzoneAccept = createDropzoneStatus(\"accept\");\nexport const DropzoneReject = createDropzoneStatus(\"reject\");\nexport const DropzoneIdle = createDropzoneStatus(\"idle\");\n\nexport type { DropzoneStatusProps };\nexport type DropzoneAcceptProps = DropzoneStatusProps;\nexport type DropzoneRejectProps = DropzoneStatusProps;\nexport type DropzoneIdleProps = DropzoneStatusProps;\n","\"use client\";\n\nimport type {\n  ComponentProps,\n  DragEvent,\n  InputHTMLAttributes,\n  Ref,\n} from \"react\";\nimport type {\n  Accept,\n  DropEvent,\n  FileError,\n  FileRejection,\n  FileWithPath,\n} from \"react-dropzone\";\n\nimport { useImperativeHandle } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { Spinner } from \"../spinner/spinner\";\nimport { DropzoneContext, useDropzoneContext } from \"./dropzone-context\";\nimport {\n  DropzoneAccept,\n  DropzoneIdle,\n  DropzoneReject,\n} from \"./dropzone-status\";\n\nconst dropzoneVariants = tv({\n  slots: {\n    root: [\n      \"relative\",\n      \"cursor-pointer\",\n      \"select-none\",\n      \"rounded-lg\",\n      \"border\",\n      \"border-input\",\n      \"border-dashed\",\n      \"bg-background\",\n      \"p-4\",\n      \"outline-none\",\n      \"transition-colors\",\n      \"focus-visible:ring-2\",\n      \"focus-visible:ring-ring\",\n      \"focus-visible:ring-offset-2\",\n    ],\n    inner: [\n      \"pointer-events-none\",\n      \"select-none\",\n      \"data-enable-pointer-events:pointer-events-auto\",\n    ],\n    overlay: [\n      \"absolute\",\n      \"inset-0\",\n      \"z-10\",\n      \"flex\",\n      \"items-center\",\n      \"justify-center\",\n      \"rounded-lg\",\n      \"bg-background/80\",\n      \"backdrop-blur-sm\",\n    ],\n  },\n  variants: {\n    variant: {\n      default: {\n        root: [\n          // No additional styles for default variant\n        ],\n      },\n      filled: {\n        root: [\n          // Background: muted background\n          \"bg-muted\",\n        ],\n      },\n      light: {\n        root: [\n          // Background: muted background with opacity\n          \"bg-muted/50\",\n        ],\n      },\n    },\n    status: {\n      idle: {\n        root: [\n          // No additional styles for idle status\n        ],\n      },\n      accept: {\n        root: [\n          // Border: primary border color\n          \"border-primary\",\n          // Background: primary background with opacity\n          \"bg-primary/10\",\n          // Text: primary text color\n          \"text-primary-foreground\",\n        ],\n      },\n      reject: {\n        root: [\n          // Border: danger border color\n          \"border-danger\",\n          // Background: danger background with opacity\n          \"bg-danger\",\n          // Text: danger text color\n          \"text-danger-foreground\",\n        ],\n      },\n    },\n    disabled: {\n      true: {\n        root: [\n          // Cursor: default cursor\n          \"cursor-default\",\n          // Opacity: reduced opacity\n          \"opacity-50\",\n        ],\n      },\n    },\n    loading: {\n      true: {\n        root: [\n          // Cursor: default cursor\n          \"cursor-default\",\n        ],\n      },\n    },\n    activateOnClick: {\n      true: {},\n      false: {\n        root: [\n          // Cursor: default cursor when click is disabled\n          \"cursor-default\",\n        ],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      status: \"accept\",\n      variant: \"filled\",\n      class: {\n        root: \"border-primary bg-primary/20\",\n      },\n    },\n    {\n      status: \"accept\",\n      variant: \"light\",\n      class: {\n        root: \"border-primary bg-primary/10\",\n      },\n    },\n    {\n      status: \"reject\",\n      variant: \"filled\",\n      class: {\n        root: \"border-danger bg-danger/20\",\n      },\n    },\n    {\n      status: \"reject\",\n      variant: \"light\",\n      class: {\n        root: \"border-danger bg-danger\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"light\",\n    status: \"idle\",\n    disabled: false,\n    loading: false,\n    activateOnClick: true,\n  },\n});\n\ntype DropzoneVariants = VariantProps<typeof dropzoneVariants>;\n\ntype DropzoneProps = Omit<ComponentProps<\"div\">, \"onDrop\" | \"ref\"> &\n  DropzoneVariants & {\n    ref?: Ref<HTMLDivElement>;\n    /** Called when any files are dropped to the dropzone */\n    onDropAny?: (\n      files: FileWithPath[],\n      fileRejections: FileRejection[]\n    ) => void;\n\n    /** Called when valid files are dropped to the dropzone */\n    onDrop: (files: FileWithPath[]) => void;\n\n    /** Called when dropped files do not meet file restrictions */\n    onReject?: (fileRejections: FileRejection[]) => void;\n\n    /** Determines whether files capturing should be disabled */\n    disabled?: boolean;\n\n    /** Determines whether a loading overlay should be displayed */\n    loading?: boolean;\n\n    /** Mime types of the files that dropzone can accept */\n    accept?: Accept | string[];\n\n    /** A ref function which when called opens the file system file picker */\n    openRef?: Ref<() => void>;\n\n    /** Determines whether multiple files can be dropped */\n    multiple?: boolean;\n\n    /** Maximum file size in bytes */\n    maxSize?: number;\n\n    /** Name of the form control */\n    name?: string;\n\n    /** Maximum number of files that can be picked at once */\n    maxFiles?: number;\n\n    /** Set to autofocus the root element */\n    autoFocus?: boolean;\n\n    /** If false, disables click to open the native file selection dialog */\n    activateOnClick?: boolean;\n\n    /** If false, disables drag 'n' drop */\n    activateOnDrag?: boolean;\n\n    /** If false, disables Space/Enter to open the native file selection dialog */\n    activateOnKeyboard?: boolean;\n\n    /** If false, stops drag event propagation to parents */\n    dragEventsBubbling?: boolean;\n\n    /** Called when the dragenter event occurs */\n    onDragEnter?: (event: DragEvent<HTMLElement>) => void;\n\n    /** Called when the dragleave event occurs */\n    onDragLeave?: (event: DragEvent<HTMLElement>) => void;\n\n    /** Called when the dragover event occurs */\n    onDragOver?: (event: DragEvent<HTMLElement>) => void;\n\n    /** Called when user closes the file selection dialog with no selection */\n    onFileDialogCancel?: () => void;\n\n    /** Called when user opens the file selection dialog */\n    onFileDialogOpen?: () => void;\n\n    /** If false, allow dropped items to take over the current browser window */\n    preventDropOnDocument?: boolean;\n\n    /** Set to true to use the File System Access API */\n    useFsAccessApi?: boolean;\n\n    /** Use this to provide a custom file aggregator */\n    getFilesFromEvent?: (\n      event: DropEvent\n    ) => Promise<(File | DataTransferItem)[]>;\n\n    /** Custom validation function */\n    validator?: <T extends File>(file: T) => FileError | FileError[] | null;\n\n    /** Determines whether pointer events should be enabled on the inner element */\n    enablePointerEvents?: boolean;\n\n    /** Props passed down to the internal Input component */\n    inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  };\n\nconst Dropzone = ({\n  className,\n  variant,\n  status: statusProp,\n  disabled: disabledProp,\n  loading,\n  multiple = true,\n  maxSize = Number.POSITIVE_INFINITY,\n  accept,\n  children,\n  onDropAny,\n  onDrop,\n  onReject,\n  openRef,\n  name,\n  maxFiles,\n  autoFocus,\n  activateOnClick = true,\n  activateOnDrag = true,\n  dragEventsBubbling = true,\n  activateOnKeyboard = true,\n  onDragEnter,\n  onDragLeave,\n  onDragOver,\n  onFileDialogCancel,\n  onFileDialogOpen,\n  preventDropOnDocument,\n  useFsAccessApi = true,\n  getFilesFromEvent,\n  validator,\n  enablePointerEvents,\n  inputProps,\n  ref,\n  ...props\n}: DropzoneProps) => {\n  const {\n    getRootProps,\n    getInputProps,\n    isDragAccept,\n    isDragReject,\n    isDragActive,\n    open,\n  } = useDropzone({\n    onDrop: onDropAny,\n    onDropAccepted: onDrop,\n    onDropRejected: onReject,\n    disabled: disabledProp || loading,\n    accept: Array.isArray(accept)\n      ? Object.fromEntries(accept.map((key) => [key, []]))\n      : accept,\n    multiple,\n    maxSize,\n    maxFiles,\n    autoFocus,\n    noClick: !activateOnClick,\n    noDrag: !activateOnDrag,\n    noDragEventsBubbling: !dragEventsBubbling,\n    noKeyboard: !activateOnKeyboard,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onFileDialogCancel,\n    onFileDialogOpen,\n    preventDropOnDocument,\n    useFsAccessApi,\n    validator,\n    ...(getFilesFromEvent ? { getFilesFromEvent } : null),\n  });\n\n  useImperativeHandle(openRef, () => open, [open]);\n\n  const isAccepted = isDragActive && isDragAccept;\n  const isRejected = isDragActive && isDragReject;\n  const isIdle = isDragActive\n    ? isAccepted === false && isRejected === false\n    : true;\n\n  let status: \"idle\" | \"accept\" | \"reject\" = \"idle\";\n  if (statusProp) {\n    status = statusProp;\n  } else if (isAccepted) {\n    status = \"accept\";\n  } else if (isRejected) {\n    status = \"reject\";\n  }\n  const disabled = disabledProp || loading;\n\n  const { root, inner, overlay } = dropzoneVariants({\n    variant,\n    status,\n    disabled,\n    loading,\n    activateOnClick,\n  });\n\n  return (\n    <DropzoneContext.Provider\n      value={{ accept: isAccepted, reject: isRejected, idle: isIdle }}\n    >\n      <div\n        {...getRootProps()}\n        className={cn(root(), className)}\n        data-disabled={disabled || undefined}\n        data-loading={loading || undefined}\n        data-slot=\"dropzone\"\n        ref={ref}\n        {...props}\n      >\n        {loading && (\n          <div className={overlay()}>\n            <Spinner />\n          </div>\n        )}\n        <input {...getInputProps(inputProps)} name={name} />\n        <div\n          className={inner()}\n          data-enable-pointer-events={enablePointerEvents || undefined}\n        >\n          {children}\n        </div>\n      </div>\n    </DropzoneContext.Provider>\n  );\n};\n\nDropzone.Accept = DropzoneAccept;\nDropzone.Idle = DropzoneIdle;\nDropzone.Reject = DropzoneReject;\n\nexport type {\n  DropzoneAcceptProps,\n  DropzoneIdleProps,\n  DropzoneRejectProps,\n} from \"./dropzone-status\";\nexport type { DropzoneProps, DropzoneVariants };\n\nexport {\n  Dropzone,\n  DropzoneAccept,\n  DropzoneContext,\n  DropzoneIdle,\n  DropzoneReject,\n  dropzoneVariants,\n  useDropzoneContext,\n};\n"],"mappings":"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"}