@kuzenbo/core 0.0.4 → 0.0.6

package/dist/ui/dropdown-menu.js

@@ -1,42 +1,5 @@
 "use client";
 
-import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
-import { S as DropdownMenuArrow, _ as DropdownMenuPortal, a as DropdownMenuShortcut, b as DropdownMenuContext, c as DropdownMenuRadioGroup, d as DropdownMenuLabel, f as DropdownMenuItem, g as DropdownMenuPositioner, h as DropdownMenuContent, i as DropdownMenuSub, l as DropdownMenuLinkItem, m as DropdownMenuGroup, n as DropdownMenuSubTrigger, o as DropdownMenuSeparator, r as DropdownMenuSubContent, s as DropdownMenuRadioItem, t as DropdownMenuTrigger, v as DropdownMenuPopup, x as DropdownMenuBackdrop, y as DropdownMenuCheckboxItem } from "../dropdown-menu-trigger-COnFGfDa.js";
-import { jsx } from "react/jsx-runtime";
-import { Menu } from "@base-ui/react/menu";
+import { S as DropdownMenuArrow, _ as DropdownMenuPositioner, a as DropdownMenuSub, b as DropdownMenuCheckboxItem, c as DropdownMenuRadioItem, f as DropdownMenuLabel, g as DropdownMenuContent, h as DropdownMenuGroup, i as DropdownMenuSubContent, l as DropdownMenuRadioGroup, n as DropdownMenuTrigger, o as DropdownMenuShortcut, p as DropdownMenuItem, r as DropdownMenuSubTrigger, s as DropdownMenuSeparator, t as DropdownMenu, u as DropdownMenuLinkItem, v as DropdownMenuPortal, x as DropdownMenuBackdrop, y as DropdownMenuPopup } from "../dropdown-menu-DOVY76ue.js";
 
-//#region src/ui/dropdown-menu/dropdown-menu.tsx
-const DropdownMenu = ({ size: providedSize, ...props }) => {
-	const size = useComponentSize(providedSize);
-	return /* @__PURE__ */ jsx(DropdownMenuContext.Provider, {
-		value: { size },
-		children: /* @__PURE__ */ jsx(Menu.Root, {
-			"data-size": size,
-			"data-slot": "dropdown-menu",
-			...props
-		})
-	});
-};
-DropdownMenu.Arrow = DropdownMenuArrow;
-DropdownMenu.Backdrop = DropdownMenuBackdrop;
-DropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;
-DropdownMenu.Content = DropdownMenuContent;
-DropdownMenu.Group = DropdownMenuGroup;
-DropdownMenu.Item = DropdownMenuItem;
-DropdownMenu.Label = DropdownMenuLabel;
-DropdownMenu.LinkItem = DropdownMenuLinkItem;
-DropdownMenu.Portal = DropdownMenuPortal;
-DropdownMenu.Popup = DropdownMenuPopup;
-DropdownMenu.Positioner = DropdownMenuPositioner;
-DropdownMenu.RadioGroup = DropdownMenuRadioGroup;
-DropdownMenu.RadioItem = DropdownMenuRadioItem;
-DropdownMenu.Separator = DropdownMenuSeparator;
-DropdownMenu.Shortcut = DropdownMenuShortcut;
-DropdownMenu.Sub = DropdownMenuSub;
-DropdownMenu.SubContent = DropdownMenuSubContent;
-DropdownMenu.SubTrigger = DropdownMenuSubTrigger;
-DropdownMenu.Trigger = DropdownMenuTrigger;
-
-//#endregion
-export { DropdownMenu, DropdownMenuArrow, DropdownMenuBackdrop, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuLinkItem, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
-//# sourceMappingURL=dropdown-menu.js.map
+export { DropdownMenu, DropdownMenuArrow, DropdownMenuBackdrop, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuLinkItem, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/ui/dropzone.d.ts

@@ -48,27 +48,11 @@ 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: {
+  activateOnClick: {
+    false: {
       root: string[];
     };
+    true: {};
   };
   disabled: {
     true: {
@@ -80,17 +64,17 @@ declare const dropzoneVariants: tailwind_variants0.TVReturnType<{
       root: string[];
     };
   };
-  activateOnClick: {
-    true: {};
-    false: {
+  status: {
+    accept: {
+      root: string[];
+    };
+    idle: {
+      root: never[];
+    };
+    reject: {
       root: string[];
     };
   };
-}, {
-  root: string[];
-  inner: string[];
-  overlay: string[];
-}, undefined, {
   variant: {
     default: {
       root: never[];
@@ -102,16 +86,16 @@ declare const dropzoneVariants: tailwind_variants0.TVReturnType<{
       root: string[];
     };
   };
-  status: {
-    idle: {
-      root: never[];
-    };
-    accept: {
-      root: string[];
-    };
-    reject: {
+}, {
+  inner: string[];
+  overlay: string[];
+  root: string[];
+}, undefined, {
+  activateOnClick: {
+    false: {
       root: string[];
     };
+    true: {};
   };
   disabled: {
     true: {
@@ -123,17 +107,17 @@ declare const dropzoneVariants: tailwind_variants0.TVReturnType<{
       root: string[];
     };
   };
-  activateOnClick: {
-    true: {};
-    false: {
+  status: {
+    accept: {
+      root: string[];
+    };
+    idle: {
+      root: never[];
+    };
+    reject: {
       root: string[];
     };
   };
-}, {
-  root: string[];
-  inner: string[];
-  overlay: string[];
-}, tailwind_variants0.TVReturnType<{
   variant: {
     default: {
       root: never[];
@@ -145,16 +129,16 @@ declare const dropzoneVariants: tailwind_variants0.TVReturnType<{
       root: string[];
     };
   };
-  status: {
-    idle: {
-      root: never[];
-    };
-    accept: {
-      root: string[];
-    };
-    reject: {
+}, {
+  inner: string[];
+  overlay: string[];
+  root: string[];
+}, tailwind_variants0.TVReturnType<{
+  activateOnClick: {
+    false: {
       root: string[];
     };
+    true: {};
   };
   disabled: {
     true: {
@@ -166,16 +150,32 @@ declare const dropzoneVariants: tailwind_variants0.TVReturnType<{
       root: string[];
     };
   };
-  activateOnClick: {
-    true: {};
-    false: {
+  status: {
+    accept: {
+      root: string[];
+    };
+    idle: {
+      root: never[];
+    };
+    reject: {
+      root: string[];
+    };
+  };
+  variant: {
+    default: {
+      root: never[];
+    };
+    filled: {
+      root: string[];
+    };
+    light: {
       root: string[];
     };
   };
 }, {
-  root: string[];
   inner: string[];
   overlay: string[];
+  root: string[];
 }, undefined, unknown, unknown, undefined>>;
 type DropzoneVariants = VariantProps<typeof dropzoneVariants>;
 type DropzoneProps = Omit<ComponentProps<"div">, "onDrop" | "ref"> & DropzoneVariants & {

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

@@ -1 +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"}
+{"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":";;;;;;;;KAQK,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;;;UC3CtB,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

@@ -1,7 +1,7 @@
 "use client";
 
 import { Spinner } from "./spinner.js";
-import { cloneElement, createContext, isValidElement, useContext, useImperativeHandle } from "react";
+import { cloneElement, createContext, isValidElement, useContext, useImperativeHandle, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { useDropzone } from "react-dropzone";
@@ -36,23 +36,36 @@ const DropzoneIdle = createDropzoneStatus("idle");
 //#endregion
 //#region src/ui/dropzone/dropzone.tsx
 const dropzoneVariants = tv({
+	compoundVariants: [
+		{
+			class: { root: "border-primary bg-primary/20" },
+			status: "accept",
+			variant: "filled"
+		},
+		{
+			class: { root: "border-primary bg-primary/10" },
+			status: "accept",
+			variant: "light"
+		},
+		{
+			class: { root: "border-danger bg-danger/20" },
+			status: "reject",
+			variant: "filled"
+		},
+		{
+			class: { root: "border-danger bg-danger" },
+			status: "reject",
+			variant: "light"
+		}
+	],
+	defaultVariants: {
+		activateOnClick: true,
+		disabled: false,
+		loading: false,
+		status: "idle",
+		variant: "light"
+	},
 	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",
@@ -61,82 +74,66 @@ const dropzoneVariants = tv({
 		overlay: [
 			"absolute",
 			"inset-0",
-			"z-10",
+			"z-raised",
 			"flex",
 			"items-center",
 			"justify-center",
 			"rounded-lg",
 			"bg-background/80",
 			"backdrop-blur-sm"
+		],
+		root: [
+			"relative",
+			"cursor-clickable",
+			"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"
 		]
 	},
 	variants: {
-		variant: {
-			default: { root: [] },
-			filled: { root: ["bg-muted"] },
-			light: { root: ["bg-muted/50"] }
+		activateOnClick: {
+			false: { root: ["cursor-default"] },
+			true: {}
 		},
+		disabled: { true: { root: ["cursor-default", "opacity-50"] } },
+		loading: { true: { root: ["cursor-default"] } },
 		status: {
-			idle: { root: [] },
 			accept: { root: [
 				"border-primary",
 				"bg-primary/10",
 				"text-primary-foreground"
 			] },
+			idle: { root: [] },
 			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" }
+		variant: {
+			default: { root: [] },
+			filled: { root: ["bg-muted"] },
+			light: { root: ["bg-muted/50"] }
 		}
-	],
-	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,
+		disabled: disabledProp || loading,
+		maxFiles,
+		maxSize,
+		multiple,
 		noClick: !activateOnClick,
 		noDrag: !activateOnDrag,
 		noDragEventsBubbling: !dragEventsBubbling,
@@ -144,6 +141,9 @@ const Dropzone = ({ className, variant, status: statusProp, disabled: disabledPr
 		onDragEnter,
 		onDragLeave,
 		onDragOver,
+		onDrop: onDropAny,
+		onDropAccepted: onDrop,
+		onDropRejected: onReject,
 		onFileDialogCancel,
 		onFileDialogOpen,
 		preventDropOnDocument,
@@ -161,18 +161,23 @@ const Dropzone = ({ className, variant, status: statusProp, disabled: disabledPr
 	else if (isRejected) status = "reject";
 	const disabled = disabledProp || loading;
 	const { root, inner, overlay } = dropzoneVariants({
-		variant,
-		status,
+		activateOnClick,
 		disabled,
 		loading,
-		activateOnClick
+		status,
+		variant
 	});
+	const contextValue = useMemo(() => ({
+		accept: isAccepted,
+		idle: isIdle,
+		reject: isRejected
+	}), [
+		isAccepted,
+		isRejected,
+		isIdle
+	]);
 	return /* @__PURE__ */ jsx(DropzoneContext.Provider, {
-		value: {
-			accept: isAccepted,
-			reject: isRejected,
-			idle: isIdle
-		},
+		value: contextValue,
 		children: /* @__PURE__ */ jsxs("div", {
 			...getRootProps(),
 			className: cn(root(), className),

package/dist/ui/dropzone.js.map

@@ -1 +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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"}
+{"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\";\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 { useImperativeHandle, useMemo } from \"react\";\nimport type {\n  Accept,\n  DropEvent,\n  FileError,\n  FileRejection,\n  FileWithPath,\n} from \"react-dropzone\";\nimport { useDropzone } from \"react-dropzone\";\nimport { cn, tv } from \"tailwind-variants\";\nimport 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  compoundVariants: [\n    {\n      class: {\n        root: \"border-primary bg-primary/20\",\n      },\n      status: \"accept\",\n      variant: \"filled\",\n    },\n    {\n      class: {\n        root: \"border-primary bg-primary/10\",\n      },\n      status: \"accept\",\n      variant: \"light\",\n    },\n    {\n      class: {\n        root: \"border-danger bg-danger/20\",\n      },\n      status: \"reject\",\n      variant: \"filled\",\n    },\n    {\n      class: {\n        root: \"border-danger bg-danger\",\n      },\n      status: \"reject\",\n      variant: \"light\",\n    },\n  ],\n  defaultVariants: {\n    activateOnClick: true,\n    disabled: false,\n    loading: false,\n    status: \"idle\",\n    variant: \"light\",\n  },\n  slots: {\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-raised\",\n      \"flex\",\n      \"items-center\",\n      \"justify-center\",\n      \"rounded-lg\",\n      \"bg-background/80\",\n      \"backdrop-blur-sm\",\n    ],\n    root: [\n      \"relative\",\n      \"cursor-clickable\",\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  },\n  variants: {\n    activateOnClick: {\n      false: {\n        root: [\n          // Cursor: default cursor when click is disabled\n          \"cursor-default\",\n        ],\n      },\n      true: {},\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    status: {\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      idle: {\n        root: [\n          // No additional styles for idle status\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    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  },\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    accept: Array.isArray(accept)\n      ? Object.fromEntries(accept.map((key) => [key, []]))\n      : accept,\n    autoFocus,\n    disabled: disabledProp || loading,\n    maxFiles,\n    maxSize,\n    multiple,\n    noClick: !activateOnClick,\n    noDrag: !activateOnDrag,\n    noDragEventsBubbling: !dragEventsBubbling,\n    noKeyboard: !activateOnKeyboard,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop: onDropAny,\n    onDropAccepted: onDrop,\n    onDropRejected: onReject,\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    activateOnClick,\n    disabled,\n    loading,\n    status,\n    variant,\n  });\n  const contextValue = useMemo(\n    () => ({ accept: isAccepted, idle: isIdle, reject: isRejected }),\n    [isAccepted, isRejected, isIdle]\n  );\n\n  return (\n    <DropzoneContext.Provider value={contextValue}>\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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"}