@tulip-systems/core 0.2.0

package/dist/modules/uploads/components/button.client.js

@@ -0,0 +1,35 @@
+"use client";
+
+
+import { cn } from "../../../lib/utils/cn.js";
+import { Button } from "../../../components/ui/button.js";
+import { Input } from "../../../components/ui/input.js";
+import { useUploadZone } from "../hooks/use-upload-zone.client.js";
+import { UploadIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/modules/uploads/components/button.client.tsx
+function UploadButton({ className,...props }) {
+	const { onUpload } = useUploadZone();
+	return /* @__PURE__ */ jsxs(Button, {
+		...props,
+		className: cn("relative gap-2", className),
+		children: [
+			/* @__PURE__ */ jsx(UploadIcon, { className: "h-3 w-3" }),
+			/* @__PURE__ */ jsx("span", { children: "Upload" }),
+			/* @__PURE__ */ jsx(Input, {
+				type: "file",
+				className: "absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0",
+				multiple: true,
+				onChange: (e) => {
+					if (!e.target.files) return;
+					Array.from(e.target.files).forEach(onUpload);
+				}
+			})
+		]
+	});
+}
+
+//#endregion
+export { UploadButton };
+//# sourceMappingURL=button.client.js.map

package/dist/modules/uploads/components/button.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.client.js","names":[],"sources":["../../../../src/modules/uploads/components/button.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { UploadIcon } from \"lucide-react\";\nimport { ComponentProps } from \"react\";\nimport { useUploadZone } from \"../hooks/use-upload-zone.client\";\n\nexport function UploadButton({ className, ...props }: ComponentProps<typeof Button>) {\n  const { onUpload } = useUploadZone();\n\n  return (\n    <Button {...props} className={cn(\"relative gap-2\", className)}>\n      <UploadIcon className=\"h-3 w-3\" />\n      <span>Upload</span>\n\n      <Input\n        type=\"file\"\n        className=\"absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0\"\n        multiple\n        onChange={(e) => {\n          if (!e.target.files) return;\n          Array.from(e.target.files).forEach(onUpload);\n        }}\n      />\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;;;;AASA,SAAgB,aAAa,EAAE,UAAW,GAAG,SAAwC;CACnF,MAAM,EAAE,aAAa,eAAe;AAEpC,QACE,qBAAC;EAAO,GAAI;EAAO,WAAW,GAAG,kBAAkB,UAAU;;GAC3D,oBAAC,cAAW,WAAU,YAAY;GAClC,oBAAC,oBAAK,WAAa;GAEnB,oBAAC;IACC,MAAK;IACL,WAAU;IACV;IACA,WAAW,MAAM;AACf,SAAI,CAAC,EAAE,OAAO,MAAO;AACrB,WAAM,KAAK,EAAE,OAAO,MAAM,CAAC,QAAQ,SAAS;;KAE9C;;GACK"}

package/dist/modules/uploads/components/images/grid.client.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+import { HTMLAttributes } from "react";
+
+//#region src/modules/uploads/components/images/grid.client.d.ts
+/**
+ * Image Grid
+ */
+declare function ImageGrid(props: HTMLAttributes<HTMLElement>): react_jsx_runtime9.JSX.Element;
+//#endregion
+export { ImageGrid };
+//# sourceMappingURL=grid.client.d.ts.map

package/dist/modules/uploads/components/images/grid.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.client.d.ts","names":[],"sources":["../../../../../src/modules/uploads/components/images/grid.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAuCgB,iBAAA,SAAA,CAAS,KAAA,EAAQ,cAAR,CAAuB,WAAvB,CAAA,CAAA,EAAmC,kBAAA,CAAA,GAAA,CAAA,OAAnC"}

package/dist/modules/uploads/components/images/grid.client.js

@@ -0,0 +1,120 @@
+"use client";
+
+
+import { Icons } from "../../../../components/common/icons.js";
+import { cn } from "../../../../lib/utils/cn.js";
+import { Button } from "../../../../components/ui/button.js";
+import { Card } from "../../../../components/ui/card.js";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../../../../components/ui/carousel.js";
+import { Dialog, DialogContent, DialogTrigger } from "../../../../components/ui/dialog.client.js";
+import { useUploadZone } from "../../hooks/use-upload-zone.client.js";
+import { ImageInput } from "./input.client.js";
+import { GripIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import Image$1 from "next/image";
+import { SortableContext, rectSortingStrategy, sortableKeyboardCoordinates, useSortable } from "@dnd-kit/sortable";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
+import { CSS } from "@dnd-kit/utilities";
+
+//#region src/modules/uploads/components/images/grid.client.tsx
+/**
+* Image Grid
+*/
+function ImageGrid(props) {
+	const { files, disabled, onUpload, onMove } = useUploadZone();
+	const [current, setCurrent] = React.useState(0);
+	const { setNodeRef } = useDroppable({ id: "image grid" });
+	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
+	return /* @__PURE__ */ jsxs(Dialog, {
+		...props,
+		children: [/* @__PURE__ */ jsx(DndContext, {
+			sensors,
+			collisionDetection: closestCenter,
+			onDragEnd: onMove,
+			children: /* @__PURE__ */ jsx("div", {
+				ref: setNodeRef,
+				className: "grid grid-cols-[repeat(auto-fill,_minmax(10rem,_1fr))] gap-5",
+				children: /* @__PURE__ */ jsxs(SortableContext, {
+					items: files.map((file) => file.url),
+					strategy: rectSortingStrategy,
+					children: [files.map(({ url, isLoading }, index) => /* @__PURE__ */ jsx(ImageGridItem, {
+						url,
+						index,
+						isLoading,
+						setCurrent
+					}, url)), !disabled && /* @__PURE__ */ jsx(ImageInput, { onUpload })]
+				})
+			})
+		}), /* @__PURE__ */ jsx(Carousel, {
+			className: "w-full",
+			opts: { startIndex: current },
+			children: /* @__PURE__ */ jsxs(DialogContent, {
+				className: "border-none bg-transparent p-0 shadow-none md:max-w-[80vw] xl:max-w-[60vw]",
+				children: [
+					/* @__PURE__ */ jsx(CarouselContent, {
+						className: "md:max-h-[80vh]",
+						children: files.map(({ url }, index) => /* @__PURE__ */ jsx(CarouselItem, {
+							className: "overflow-hidden rounded-xl",
+							children: /* @__PURE__ */ jsx(Image$1, {
+								src: url,
+								alt: "Image Preview",
+								width: 1920,
+								height: 1080,
+								className: "h-full w-full rounded-xl object-contain"
+							})
+						}, index))
+					}),
+					/* @__PURE__ */ jsx(CarouselPrevious, {}),
+					/* @__PURE__ */ jsx(CarouselNext, {})
+				]
+			})
+		})]
+	});
+}
+function ImageGridItem({ url, index, isLoading, setCurrent }) {
+	const { onDelete, onMove } = useUploadZone();
+	const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: url });
+	return /* @__PURE__ */ jsxs(Card, {
+		id: url,
+		ref: setNodeRef,
+		style: {
+			transform: CSS.Transform.toString(transform),
+			transition
+		},
+		className: cn("group relative aspect-square w-full", isLoading && "opacity-30"),
+		children: [
+			/* @__PURE__ */ jsx(DialogTrigger, {
+				onClick: () => setCurrent(index),
+				children: /* @__PURE__ */ jsx(Image$1, {
+					src: url,
+					alt: "Image Preview",
+					width: 100,
+					height: 100,
+					className: "bg-muted absolute inset-0 h-full w-full cursor-pointer rounded-lg object-contain"
+				})
+			}),
+			onMove && /* @__PURE__ */ jsx(Button, {
+				...attributes,
+				...listeners,
+				type: "button",
+				variant: "secondary",
+				size: "icon",
+				className: "absolute right-2 top-2 hidden p-1 group-hover:flex",
+				children: /* @__PURE__ */ jsx(GripIcon, { className: "size-4" })
+			}),
+			onDelete && /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "destructive",
+				size: "icon",
+				onClick: () => onDelete(url),
+				className: "absolute left-2 top-2 hidden p-1 group-hover:flex",
+				children: /* @__PURE__ */ jsx(Icons.trash, { className: "size-4" })
+			})
+		]
+	});
+}
+
+//#endregion
+export { ImageGrid };
+//# sourceMappingURL=grid.client.js.map

package/dist/modules/uploads/components/images/grid.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.client.js","names":["Image"],"sources":["../../../../../src/modules/uploads/components/images/grid.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card } from \"@/components/ui/card\";\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n} from \"@/components/ui/carousel\";\nimport { Dialog, DialogContent, DialogTrigger } from \"@/components/ui/dialog.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport {\n  rectSortingStrategy,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { GripIcon } from \"lucide-react\";\nimport Image from \"next/image\";\nimport React, { type HTMLAttributes } from \"react\";\nimport { useUploadZone } from \"../../hooks/use-upload-zone.client\";\nimport { ImageInput } from \"./input.client\";\n\n/**\n * Image Grid\n */\nexport function ImageGrid(props: HTMLAttributes<HTMLElement>) {\n  const { files, disabled, onUpload, onMove } = useUploadZone();\n\n  const [current, setCurrent] = React.useState<number>(0);\n\n  const { setNodeRef } = useDroppable({ id: \"image grid\" });\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  return (\n    <Dialog {...props}>\n      <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={onMove}>\n        <div\n          ref={setNodeRef}\n          className=\"grid grid-cols-[repeat(auto-fill,_minmax(10rem,_1fr))] gap-5\"\n        >\n          <SortableContext items={files.map((file) => file.url)} strategy={rectSortingStrategy}>\n            {files.map(({ url, isLoading }, index) => (\n              <ImageGridItem\n                key={url}\n                url={url}\n                index={index}\n                isLoading={isLoading}\n                setCurrent={setCurrent}\n              />\n            ))}\n\n            {!disabled && <ImageInput onUpload={onUpload} />}\n          </SortableContext>\n        </div>\n      </DndContext>\n\n      <Carousel className=\"w-full\" opts={{ startIndex: current }}>\n        <DialogContent className=\"border-none bg-transparent p-0 shadow-none md:max-w-[80vw] xl:max-w-[60vw]\">\n          <CarouselContent className=\"md:max-h-[80vh]\">\n            {files.map(({ url }, index) => (\n              <CarouselItem key={index} className=\"overflow-hidden rounded-xl\">\n                <Image\n                  src={url}\n                  alt=\"Image Preview\"\n                  width={1920}\n                  height={1080}\n                  className=\"h-full w-full rounded-xl object-contain\"\n                />\n              </CarouselItem>\n            ))}\n          </CarouselContent>\n          <CarouselPrevious />\n          <CarouselNext />\n        </DialogContent>\n      </Carousel>\n    </Dialog>\n  );\n}\n\n/**\n * Image Grid Item\n */\ntype ImageGridItemProps = {\n  url: string;\n  index: number;\n  isLoading: boolean | undefined;\n  setCurrent: React.Dispatch<React.SetStateAction<number>>;\n};\n\nfunction ImageGridItem({ url, index, isLoading, setCurrent }: ImageGridItemProps) {\n  const { onDelete, onMove } = useUploadZone();\n\n  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({\n    id: url,\n  });\n\n  return (\n    <Card\n      id={url}\n      ref={setNodeRef}\n      style={{\n        transform: CSS.Transform.toString(transform),\n        transition,\n      }}\n      className={cn(\"group relative aspect-square w-full\", isLoading && \"opacity-30\")}\n    >\n      <DialogTrigger onClick={() => setCurrent(index)}>\n        <Image\n          src={url}\n          alt=\"Image Preview\"\n          width={100}\n          height={100}\n          className=\"bg-muted absolute inset-0 h-full w-full cursor-pointer rounded-lg object-contain\"\n        />\n      </DialogTrigger>\n\n      {onMove && (\n        <Button\n          {...attributes}\n          {...listeners}\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"icon\"\n          className=\"absolute right-2 top-2 hidden p-1 group-hover:flex\"\n        >\n          <GripIcon className=\"size-4\" />\n        </Button>\n      )}\n\n      {onDelete && (\n        <Button\n          type=\"button\"\n          variant=\"destructive\"\n          size=\"icon\"\n          onClick={() => onDelete(url)}\n          className=\"absolute left-2 top-2 hidden p-1 group-hover:flex\"\n        >\n          <Icons.trash className=\"size-4\" />\n        </Button>\n      )}\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,OAAO,UAAU,UAAU,WAAW,eAAe;CAE7D,MAAM,CAAC,SAAS,cAAc,MAAM,SAAiB,EAAE;CAEvD,MAAM,EAAE,eAAe,aAAa,EAAE,IAAI,cAAc,CAAC;CACzD,MAAM,UAAU,WACd,UAAU,cAAc,EACxB,UAAU,gBAAgB,EACxB,kBAAkB,6BACnB,CAAC,CACH;AAED,QACE,qBAAC;EAAO,GAAI;aACV,oBAAC;GAAoB;GAAS,oBAAoB;GAAe,WAAW;aAC1E,oBAAC;IACC,KAAK;IACL,WAAU;cAEV,qBAAC;KAAgB,OAAO,MAAM,KAAK,SAAS,KAAK,IAAI;KAAE,UAAU;gBAC9D,MAAM,KAAK,EAAE,KAAK,aAAa,UAC9B,oBAAC;MAEM;MACE;MACI;MACC;QAJP,IAKL,CACF,EAED,CAAC,YAAY,oBAAC,cAAqB,WAAY;MAChC;KACd;IACK,EAEb,oBAAC;GAAS,WAAU;GAAS,MAAM,EAAE,YAAY,SAAS;aACxD,qBAAC;IAAc,WAAU;;KACvB,oBAAC;MAAgB,WAAU;gBACxB,MAAM,KAAK,EAAE,OAAO,UACnB,oBAAC;OAAyB,WAAU;iBAClC,oBAACA;QACC,KAAK;QACL,KAAI;QACJ,OAAO;QACP,QAAQ;QACR,WAAU;SACV;SAPe,MAQJ,CACf;OACc;KAClB,oBAAC,qBAAmB;KACpB,oBAAC,iBAAe;;KACF;IACP;GACJ;;AAcb,SAAS,cAAc,EAAE,KAAK,OAAO,WAAW,cAAkC;CAChF,MAAM,EAAE,UAAU,WAAW,eAAe;CAE5C,MAAM,EAAE,YAAY,WAAW,YAAY,WAAW,eAAe,YAAY,EAC/E,IAAI,KACL,CAAC;AAEF,QACE,qBAAC;EACC,IAAI;EACJ,KAAK;EACL,OAAO;GACL,WAAW,IAAI,UAAU,SAAS,UAAU;GAC5C;GACD;EACD,WAAW,GAAG,uCAAuC,aAAa,aAAa;;GAE/E,oBAAC;IAAc,eAAe,WAAW,MAAM;cAC7C,oBAACA;KACC,KAAK;KACL,KAAI;KACJ,OAAO;KACP,QAAQ;KACR,WAAU;MACV;KACY;GAEf,UACC,oBAAC;IACC,GAAI;IACJ,GAAI;IACJ,MAAK;IACL,SAAQ;IACR,MAAK;IACL,WAAU;cAEV,oBAAC,YAAS,WAAU,WAAW;KACxB;GAGV,YACC,oBAAC;IACC,MAAK;IACL,SAAQ;IACR,MAAK;IACL,eAAe,SAAS,IAAI;IAC5B,WAAU;cAEV,oBAAC,MAAM,SAAM,WAAU,WAAW;KAC3B;;GAEN"}

package/dist/modules/uploads/components/images/input.client.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+import React from "react";
+import "client-only";
+
+//#region src/modules/uploads/components/images/input.client.d.ts
+type ImageInputProps = React.HTMLAttributes<HTMLElement> & {
+  onUpload: (file: File) => void;
+};
+declare function ImageInput({
+  onUpload,
+  className,
+  ...props
+}: ImageInputProps): react_jsx_runtime10.JSX.Element;
+//#endregion
+export { ImageInput, ImageInputProps };
+//# sourceMappingURL=input.client.d.ts.map

package/dist/modules/uploads/components/images/input.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.client.d.ts","names":[],"sources":["../../../../../src/modules/uploads/components/images/input.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,eAAA,GAAkB,KAAA,CAAM,eAAe;mBAChC;;AADP,iBAII,UAAA,CAJW;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAImC,eAJnC,CAAA,EAIkD,mBAAA,CAAA,GAAA,CAAA,OAJlD"}

package/dist/modules/uploads/components/images/input.client.js

@@ -0,0 +1,28 @@
+import { cn } from "../../../../lib/utils/cn.js";
+import { Input } from "../../../../components/ui/input.js";
+import { UploadIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import "client-only";
+
+//#region src/modules/uploads/components/images/input.client.tsx
+function ImageInput({ onUpload, className,...props }) {
+	return /* @__PURE__ */ jsxs("label", {
+		...props,
+		className: cn("border-muted-foreground bg-muted hover:border-primary relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center rounded-lg border border-dashed", className),
+		children: [/* @__PURE__ */ jsx(UploadIcon, { className: "h-8 w-8" }), /* @__PURE__ */ jsx(Input, {
+			type: "file",
+			accept: "image/jpeg, image/png, image/webp, image/gif",
+			className: "absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0",
+			multiple: true,
+			onChange: (e) => {
+				if (!e.target.files) return;
+				return Array.from(e.target.files).map(onUpload);
+			}
+		})]
+	});
+}
+
+//#endregion
+export { ImageInput };
+//# sourceMappingURL=input.client.js.map

package/dist/modules/uploads/components/images/input.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.client.js","names":[],"sources":["../../../../../src/modules/uploads/components/images/input.client.tsx"],"sourcesContent":["import \"client-only\";\n\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { UploadIcon } from \"lucide-react\";\nimport React from \"react\";\n\nexport type ImageInputProps = React.HTMLAttributes<HTMLElement> & {\n  onUpload: (file: File) => void;\n};\n\nexport function ImageInput({ onUpload, className, ...props }: ImageInputProps) {\n  return (\n    <label\n      {...props}\n      className={cn(\n        \"border-muted-foreground bg-muted hover:border-primary relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center rounded-lg border border-dashed\",\n        className,\n      )}\n    >\n      <UploadIcon className=\"h-8 w-8\" />\n      <Input\n        type=\"file\"\n        accept=\"image/jpeg, image/png, image/webp, image/gif\"\n        className=\"absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0\"\n        multiple\n        onChange={(e) => {\n          if (!e.target.files) return;\n          return Array.from(e.target.files).map(onUpload);\n        }}\n      />\n    </label>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,WAAW,EAAE,UAAU,UAAW,GAAG,SAA0B;AAC7E,QACE,qBAAC;EACC,GAAI;EACJ,WAAW,GACT,gLACA,UACD;aAED,oBAAC,cAAW,WAAU,YAAY,EAClC,oBAAC;GACC,MAAK;GACL,QAAO;GACP,WAAU;GACV;GACA,WAAW,MAAM;AACf,QAAI,CAAC,EAAE,OAAO,MAAO;AACrB,WAAO,MAAM,KAAK,EAAE,OAAO,MAAM,CAAC,IAAI,SAAS;;IAEjD;GACI"}

package/dist/modules/uploads/components/preview-dialog.client.d.ts

@@ -0,0 +1,16 @@
+import { DialogTrigger } from "../../../components/ui/dialog.client.js";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+
+//#region src/modules/uploads/components/preview-dialog.client.d.ts
+type AssetPreviewDialogProps = {
+  children: React.ReactNode;
+  src: string;
+};
+declare function AssetPreviewDialog({
+  children,
+  src
+}: AssetPreviewDialogProps): react_jsx_runtime11.JSX.Element;
+declare const AssetPreviewDialogTrigger: typeof DialogTrigger;
+//#endregion
+export { AssetPreviewDialog, AssetPreviewDialogTrigger };
+//# sourceMappingURL=preview-dialog.client.d.ts.map

package/dist/modules/uploads/components/preview-dialog.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-dialog.client.d.ts","names":[],"sources":["../../../../src/modules/uploads/components/preview-dialog.client.tsx"],"sourcesContent":[],"mappings":";;;;KAGK,uBAAA;YACO,KAAA,CAAM;;AAJmE,CAAA;AAQrE,iBAAA,kBAAA,CAAkB;EAAA,QAAA;EAAA;AAAA,CAAA,EAAoB,uBAApB,CAAA,EAA2C,mBAAA,CAAA,GAAA,CAAA,OAA3C;AAAA,cAYrB,yBAZqB,EAAA,OAYI,aAZJ"}

package/dist/modules/uploads/components/preview-dialog.client.js

@@ -0,0 +1,22 @@
+import { Dialog, DialogContent, DialogTrigger } from "../../../components/ui/dialog.client.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+
+//#region src/modules/uploads/components/preview-dialog.client.tsx
+function AssetPreviewDialog({ children, src }) {
+	return /* @__PURE__ */ jsxs(Dialog, { children: [children, /* @__PURE__ */ jsx(DialogContent, {
+		className: "max-h-[80vh] overflow-hidden border-none p-0 lg:min-w-[40vw]",
+		children: /* @__PURE__ */ jsx(Image, {
+			src,
+			alt: "preview",
+			className: "h-full w-full",
+			width: 1920,
+			height: 1080
+		})
+	})] });
+}
+const AssetPreviewDialogTrigger = DialogTrigger;
+
+//#endregion
+export { AssetPreviewDialog, AssetPreviewDialogTrigger };
+//# sourceMappingURL=preview-dialog.client.js.map

package/dist/modules/uploads/components/preview-dialog.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-dialog.client.js","names":[],"sources":["../../../../src/modules/uploads/components/preview-dialog.client.tsx"],"sourcesContent":["import { Dialog, DialogContent, DialogTrigger } from \"@/components/ui/dialog.client\";\nimport Image from \"next/image\";\n\ntype AssetPreviewDialogProps = {\n  children: React.ReactNode;\n  src: string;\n};\n\nexport function AssetPreviewDialog({ children, src }: AssetPreviewDialogProps) {\n  return (\n    <Dialog>\n      {children}\n\n      <DialogContent className=\"max-h-[80vh] overflow-hidden border-none p-0 lg:min-w-[40vw]\">\n        <Image src={src} alt=\"preview\" className=\"h-full w-full\" width={1920} height={1080} />\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nexport const AssetPreviewDialogTrigger = DialogTrigger;\n"],"mappings":";;;;;AAQA,SAAgB,mBAAmB,EAAE,UAAU,OAAgC;AAC7E,QACE,qBAAC,qBACE,UAED,oBAAC;EAAc,WAAU;YACvB,oBAAC;GAAW;GAAK,KAAI;GAAU,WAAU;GAAgB,OAAO;GAAM,QAAQ;IAAQ;GACxE,IACT;;AAIb,MAAa,4BAA4B"}

package/dist/modules/uploads/components/zone.client.d.ts

@@ -0,0 +1,21 @@
+import { UploadFile, UploadZoneContextValue } from "../hooks/use-upload-zone.client.js";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+import React, { HTMLAttributes } from "react";
+
+//#region src/modules/uploads/components/zone.client.d.ts
+/**
+ * UploadZone
+ */
+type UploadZoneProps<TFile extends UploadFile> = HTMLAttributes<HTMLElement> & {
+  children?: React.ReactNode;
+  value: UploadZoneContextValue<TFile>;
+};
+declare function UploadZone<TFile extends UploadFile>({
+  value,
+  children,
+  className,
+  ...props
+}: UploadZoneProps<TFile>): react_jsx_runtime12.JSX.Element;
+//#endregion
+export { UploadZone };
+//# sourceMappingURL=zone.client.d.ts.map

package/dist/modules/uploads/components/zone.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zone.client.d.ts","names":[],"sources":["../../../../src/modules/uploads/components/zone.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AASyC,KAKpC,eAAA,CAAA,cAA8B,UAAf,CAAA,GAA6B,cAA7B,CAA4C,WAA5C,CAAA,GAAA;EAAA,QAAA,CAAA,EACP,KAAA,CAAM,SADC;OAAe,EAE1B,sBAF0B,CAEH,KAFG,CAAA;;AAAc,iBAKjC,UALiC,CAAA,cAKR,UALQ,CAAA,CAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAU9C,eAV8C,CAU9B,KAV8B,CAAA,CAAA,EAUxB,mBAAA,CAAA,GAAA,CAAA,OAVwB"}

package/dist/modules/uploads/components/zone.client.js

@@ -0,0 +1,39 @@
+"use client";
+
+
+import { cn } from "../../../lib/utils/cn.js";
+import { Input } from "../../../components/ui/input.js";
+import { UploadZoneContext } from "../hooks/use-upload-zone.client.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useState } from "react";
+
+//#region src/modules/uploads/components/zone.client.tsx
+function UploadZone({ value, children, className,...props }) {
+	const [isDragging, setIsDragging] = useState(false);
+	return /* @__PURE__ */ jsx(UploadZoneContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsxs("div", {
+			...props,
+			className: cn("relative z-0 space-y-6", className),
+			onDragOver: () => setIsDragging(true),
+			onDragLeave: () => setIsDragging(false),
+			children: [isDragging && /* @__PURE__ */ jsx("div", {
+				className: "border-primary bg-primary/20 absolute -inset-5 z-10 rounded-md border opacity-70 backdrop-blur-3xl",
+				children: /* @__PURE__ */ jsx(Input, {
+					multiple: true,
+					type: "file",
+					className: "h-full w-full opacity-0",
+					onChange: (e) => {
+						setIsDragging(false);
+						if (!e.target.files) return;
+						Array.from(e.target.files).forEach(value.onUpload);
+					}
+				})
+			}), children]
+		})
+	});
+}
+
+//#endregion
+export { UploadZone };
+//# sourceMappingURL=zone.client.js.map

package/dist/modules/uploads/components/zone.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zone.client.js","names":[],"sources":["../../../../src/modules/uploads/components/zone.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils/cn\";\nimport React, { useState, type HTMLAttributes } from \"react\";\nimport {\n  UploadFile,\n  UploadZoneContext,\n  UploadZoneContextValue,\n} from \"../hooks/use-upload-zone.client\";\n\n/**\n * UploadZone\n */\ntype UploadZoneProps<TFile extends UploadFile> = HTMLAttributes<HTMLElement> & {\n  children?: React.ReactNode;\n  value: UploadZoneContextValue<TFile>;\n};\n\nexport function UploadZone<TFile extends UploadFile>({\n  value,\n  children,\n  className,\n  ...props\n}: UploadZoneProps<TFile>) {\n  const [isDragging, setIsDragging] = useState(false);\n\n  return (\n    <UploadZoneContext.Provider value={value}>\n      <div\n        {...props}\n        className={cn(\"relative z-0 space-y-6\", className)}\n        onDragOver={() => setIsDragging(true)}\n        onDragLeave={() => setIsDragging(false)}\n      >\n        {isDragging && (\n          <div className=\"border-primary bg-primary/20 absolute -inset-5 z-10 rounded-md border opacity-70 backdrop-blur-3xl\">\n            <Input\n              multiple\n              type=\"file\"\n              className=\"h-full w-full opacity-0\"\n              onChange={(e) => {\n                setIsDragging(false);\n\n                if (!e.target.files) return;\n                Array.from(e.target.files).forEach(value.onUpload);\n              }}\n            />\n          </div>\n        )}\n\n        {children}\n      </div>\n    </UploadZoneContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;AAmBA,SAAgB,WAAqC,EACnD,OACA,UACA,UACA,GAAG,SACsB;CACzB,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;AAEnD,QACE,oBAAC,kBAAkB;EAAgB;YACjC,qBAAC;GACC,GAAI;GACJ,WAAW,GAAG,0BAA0B,UAAU;GAClD,kBAAkB,cAAc,KAAK;GACrC,mBAAmB,cAAc,MAAM;cAEtC,cACC,oBAAC;IAAI,WAAU;cACb,oBAAC;KACC;KACA,MAAK;KACL,WAAU;KACV,WAAW,MAAM;AACf,oBAAc,MAAM;AAEpB,UAAI,CAAC,EAAE,OAAO,MAAO;AACrB,YAAM,KAAK,EAAE,OAAO,MAAM,CAAC,QAAQ,MAAM,SAAS;;MAEpD;KACE,EAGP;IACG;GACqB"}

package/dist/modules/uploads/hooks/use-upload-image.client.d.ts

@@ -0,0 +1,33 @@
+import { UploadZoneContextValue } from "./use-upload-zone.client.js";
+import { Asset } from "../lib/validators.js";
+
+//#region src/modules/uploads/hooks/use-upload-image.client.d.ts
+type ImageUpload = Pick<Asset, "pathname" | "name" | "url"> & {
+  loading?: boolean;
+};
+type UploadOptions<TPayload> = {
+  initial: ImageUpload[];
+  payload: TPayload;
+  handleUploadUrl: string;
+  createPathname?: (file: File) => string;
+  deleteAction: (params: {
+    url: string;
+  }) => Promise<void>;
+  moveAction?: (params: {
+    fromIndex: number;
+    toIndex: number;
+  }) => Promise<void>;
+  max?: number;
+};
+declare function useUploadImage<TPayload>({
+  max,
+  payload,
+  initial,
+  handleUploadUrl,
+  createPathname,
+  deleteAction,
+  moveAction
+}: UploadOptions<TPayload>): UploadZoneContextValue<ImageUpload>;
+//#endregion
+export { useUploadImage };
+//# sourceMappingURL=use-upload-image.client.d.ts.map

package/dist/modules/uploads/hooks/use-upload-image.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-upload-image.client.d.ts","names":[],"sources":["../../../../src/modules/uploads/hooks/use-upload-image.client.tsx"],"sourcesContent":[],"mappings":";;;;KAUK,WAAA,GAAc,KAAK;;AAF0C,CAAA;KAM7D,aAJW,CAAA,QAAA,CAAA,GAAA;SAAQ,EAKb,WALa,EAAA;SAAL,EAMR,QANQ;EAAI,eAAA,EAAA,MAAA;EAIlB,cAAA,CAAA,EAAa,CAAA,IAAA,EAIQ,IAJR,EAAA,GAAA,MAAA;EAAA,YAAA,EAAA,CAAA,MAAA,EAAA;IACP,GAAA,EAAA,MAAA;KACA,GAGkC,OAHlC,CAAA,IAAA,CAAA;YAEe,CAAA,EAAA,CAAA,MAAA,EAAA;IACmB,SAAA,EAAA,MAAA;IACsB,OAAA,EAAA,MAAA;EAAO,CAAA,EAAA,GAAP,OAAO,CAAA,IAAA,CAAA;EAI1D,GAAA,CAAA,EAAA,MAAA;CAAc;AAC5B,iBADc,cACd,CAAA,QAAA,CAAA,CAAA;EAAA,GAAA;EAAA,OAAA;EAAA,OAAA;EAAA,eAAA;EAAA,cAAA;EAAA,YAAA;EAAA;AAAA,CAAA,EAOC,aAPD,CAOe,QAPf,CAAA,CAAA,EAO2B,sBAP3B,CAOkD,WAPlD,CAAA"}

package/dist/modules/uploads/hooks/use-upload-image.client.js

@@ -0,0 +1,101 @@
+import { arrayMove } from "../../../lib/utils/array-move.js";
+import { useIndicator } from "../../../lib/hooks/use-indicator.js";
+import { useAction } from "../../../lib/hooks/use-action.js";
+import { useState } from "react";
+import { toast } from "sonner";
+import { upload } from "@vercel/blob/client";
+
+//#region src/modules/uploads/hooks/use-upload-image.client.tsx
+function useUploadImage({ max, payload, initial, handleUploadUrl, createPathname, deleteAction, moveAction }) {
+	const { status, setStatus, startTransition: startTransition$1 } = useIndicator();
+	const [files, setFiles] = useState(initial ?? []);
+	const disabled = files.length >= (max ?? Infinity);
+	/**
+	* Uploads a file
+	*/
+	async function onUpload(file) {
+		if (disabled) return;
+		const pathname = createPathname ? createPathname(file) : file.name;
+		const fileUrl = URL.createObjectURL(file);
+		setFiles((prev) => [...prev, {
+			name: file.name,
+			url: fileUrl,
+			pathname,
+			isLoading: true
+		}]);
+		startTransition$1(async () => {
+			try {
+				const basePayload = { size: file.size };
+				const blob = await upload(pathname, file, {
+					access: "public",
+					handleUploadUrl,
+					clientPayload: JSON.stringify(payload ? {
+						...payload,
+						...basePayload
+					} : basePayload)
+				});
+				setFiles((prev) => prev.map((file$1) => file$1.pathname === pathname ? {
+					...blob,
+					name: file$1.name
+				} : file$1));
+				toast.success(`Afbeelding ${file.name} is geüpload`);
+				setStatus("success");
+			} catch (err) {
+				console.error(err);
+				setFiles((prev) => prev.filter((file$1) => file$1.pathname !== pathname));
+				toast.error("Error", { description: err instanceof Error ? err.message : void 0 });
+				setStatus("error");
+			}
+		});
+	}
+	/**
+	* Delete an image
+	*/
+	const deleteMutation = useAction({
+		mutationFn: deleteAction,
+		onSuccess: () => toast.success("Afbeelding is succesvol verwijderd")
+	});
+	function onDelete(url) {
+		setFiles((prev) => prev.filter((file) => file.url !== url));
+		deleteMutation.mutate({ url });
+	}
+	/**
+	* Move an image
+	*/
+	const moveMutation = useAction({ mutationFn: async (params) => {
+		if (!moveAction) return Promise.resolve();
+		const fromIndex = files.findIndex((file) => file.url === params.activeId);
+		const toIndex = files.findIndex((file) => file.url === params.overId);
+		setFiles((prev) => arrayMove(prev, {
+			fromIndex,
+			toIndex
+		}));
+		await moveAction({
+			fromIndex,
+			toIndex
+		});
+	} });
+	function onMove({ active, over }) {
+		const activeId = active.id;
+		const overId = over?.id;
+		if (!activeId || !overId || activeId === overId) return;
+		moveMutation.mutate({
+			activeId,
+			overId
+		});
+	}
+	return {
+		files,
+		status,
+		disabled,
+		handleUploadUrl,
+		createPathname,
+		onUpload,
+		onDelete,
+		onMove
+	};
+}
+
+//#endregion
+export { useUploadImage };
+//# sourceMappingURL=use-upload-image.client.js.map

package/dist/modules/uploads/hooks/use-upload-image.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-upload-image.client.js","names":["file","err: unknown"],"sources":["../../../../src/modules/uploads/hooks/use-upload-image.client.tsx"],"sourcesContent":["import { useAction } from \"@/lib/hooks/use-action\";\nimport { useIndicator } from \"@/lib/hooks/use-indicator\";\nimport { arrayMove } from \"@/lib/utils/array-move\";\nimport { DragEndEvent, UniqueIdentifier } from \"@dnd-kit/core\";\nimport { upload } from \"@vercel/blob/client\";\nimport { useState } from \"react\";\nimport { toast } from \"sonner\";\nimport { Asset } from \"../entry\";\nimport { UploadZoneContextValue } from \"./use-upload-zone.client\";\n\ntype ImageUpload = Pick<Asset, \"pathname\" | \"name\" | \"url\"> & {\n  loading?: boolean;\n};\n\ntype UploadOptions<TPayload> = {\n  initial: ImageUpload[];\n  payload: TPayload;\n  handleUploadUrl: string;\n  createPathname?: (file: File) => string;\n  deleteAction: (params: { url: string }) => Promise<void>;\n  moveAction?: (params: { fromIndex: number; toIndex: number }) => Promise<void>;\n  max?: number;\n};\n\nexport function useUploadImage<TPayload>({\n  max,\n  payload,\n  initial,\n  handleUploadUrl,\n  createPathname,\n  deleteAction,\n  moveAction,\n}: UploadOptions<TPayload>): UploadZoneContextValue<ImageUpload> {\n  const { status, setStatus, startTransition } = useIndicator();\n\n  const [files, setFiles] = useState<ImageUpload[]>(initial ?? []);\n\n  const disabled = files.length >= (max ?? Infinity);\n\n  /**\n   * Uploads a file\n   */\n  async function onUpload(file: File) {\n    // Check if the upload has reached the max limit\n    if (disabled) return;\n\n    // Create the pathname\n    const pathname = createPathname ? createPathname(file) : file.name;\n\n    // Add the file to the state so that it starts loading\n    const fileUrl = URL.createObjectURL(file);\n    setFiles((prev) => [...prev, { name: file.name, url: fileUrl, pathname, isLoading: true }]);\n\n    startTransition(async () => {\n      try {\n        // Create the payload\n        const basePayload = { size: file.size };\n\n        // Upload the file\n        const blob = await upload(pathname, file, {\n          access: \"public\",\n          handleUploadUrl,\n          clientPayload: JSON.stringify(payload ? { ...payload, ...basePayload } : basePayload),\n        });\n\n        // Find the file in the state and update it so that it stops loading and has the correct URL\n        setFiles((prev) =>\n          prev.map((file) => (file.pathname === pathname ? { ...blob, name: file.name } : file)),\n        );\n\n        toast.success(`Afbeelding ${file.name} is geüpload`);\n        setStatus(\"success\");\n      } catch (err: unknown) {\n        console.error(err);\n        // Remove the file from the state so that it stops loading\n        setFiles((prev) => prev.filter((file) => file.pathname !== pathname));\n\n        toast.error(\"Error\", { description: err instanceof Error ? err.message : undefined });\n        setStatus(\"error\");\n      }\n    });\n  }\n\n  /**\n   * Delete an image\n   */\n  const deleteMutation = useAction({\n    mutationFn: deleteAction,\n    onSuccess: () => toast.success(\"Afbeelding is succesvol verwijderd\"),\n  });\n\n  function onDelete(url: string) {\n    setFiles((prev) => prev.filter((file) => file.url !== url));\n    deleteMutation.mutate({ url });\n  }\n\n  /**\n   * Move an image\n   */\n  const moveMutation = useAction({\n    mutationFn: async (params: { activeId: UniqueIdentifier; overId: UniqueIdentifier }) => {\n      if (!moveAction) return Promise.resolve();\n\n      const fromIndex = files.findIndex((file) => file.url === params.activeId);\n      const toIndex = files.findIndex((file) => file.url === params.overId);\n\n      setFiles((prev) => arrayMove(prev, { fromIndex, toIndex }));\n      await moveAction({ fromIndex, toIndex });\n    },\n  });\n\n  function onMove({ active, over }: DragEndEvent) {\n    const activeId = active.id;\n    const overId = over?.id;\n\n    if (!activeId || !overId || activeId === overId) return;\n\n    moveMutation.mutate({ activeId, overId });\n  }\n\n  return {\n    files,\n    status,\n    disabled,\n    handleUploadUrl,\n    createPathname,\n    onUpload,\n    onDelete,\n    onMove,\n  };\n}\n"],"mappings":";;;;;;;;AAwBA,SAAgB,eAAyB,EACvC,KACA,SACA,SACA,iBACA,gBACA,cACA,cAC+D;CAC/D,MAAM,EAAE,QAAQ,WAAW,uCAAoB,cAAc;CAE7D,MAAM,CAAC,OAAO,YAAY,SAAwB,WAAW,EAAE,CAAC;CAEhE,MAAM,WAAW,MAAM,WAAW,OAAO;;;;CAKzC,eAAe,SAAS,MAAY;AAElC,MAAI,SAAU;EAGd,MAAM,WAAW,iBAAiB,eAAe,KAAK,GAAG,KAAK;EAG9D,MAAM,UAAU,IAAI,gBAAgB,KAAK;AACzC,YAAU,SAAS,CAAC,GAAG,MAAM;GAAE,MAAM,KAAK;GAAM,KAAK;GAAS;GAAU,WAAW;GAAM,CAAC,CAAC;AAE3F,oBAAgB,YAAY;AAC1B,OAAI;IAEF,MAAM,cAAc,EAAE,MAAM,KAAK,MAAM;IAGvC,MAAM,OAAO,MAAM,OAAO,UAAU,MAAM;KACxC,QAAQ;KACR;KACA,eAAe,KAAK,UAAU,UAAU;MAAE,GAAG;MAAS,GAAG;MAAa,GAAG,YAAY;KACtF,CAAC;AAGF,cAAU,SACR,KAAK,KAAK,WAAUA,OAAK,aAAa,WAAW;KAAE,GAAG;KAAM,MAAMA,OAAK;KAAM,GAAGA,OAAM,CACvF;AAED,UAAM,QAAQ,cAAc,KAAK,KAAK,cAAc;AACpD,cAAU,UAAU;YACbC,KAAc;AACrB,YAAQ,MAAM,IAAI;AAElB,cAAU,SAAS,KAAK,QAAQ,WAASD,OAAK,aAAa,SAAS,CAAC;AAErE,UAAM,MAAM,SAAS,EAAE,aAAa,eAAe,QAAQ,IAAI,UAAU,QAAW,CAAC;AACrF,cAAU,QAAQ;;IAEpB;;;;;CAMJ,MAAM,iBAAiB,UAAU;EAC/B,YAAY;EACZ,iBAAiB,MAAM,QAAQ,qCAAqC;EACrE,CAAC;CAEF,SAAS,SAAS,KAAa;AAC7B,YAAU,SAAS,KAAK,QAAQ,SAAS,KAAK,QAAQ,IAAI,CAAC;AAC3D,iBAAe,OAAO,EAAE,KAAK,CAAC;;;;;CAMhC,MAAM,eAAe,UAAU,EAC7B,YAAY,OAAO,WAAqE;AACtF,MAAI,CAAC,WAAY,QAAO,QAAQ,SAAS;EAEzC,MAAM,YAAY,MAAM,WAAW,SAAS,KAAK,QAAQ,OAAO,SAAS;EACzE,MAAM,UAAU,MAAM,WAAW,SAAS,KAAK,QAAQ,OAAO,OAAO;AAErE,YAAU,SAAS,UAAU,MAAM;GAAE;GAAW;GAAS,CAAC,CAAC;AAC3D,QAAM,WAAW;GAAE;GAAW;GAAS,CAAC;IAE3C,CAAC;CAEF,SAAS,OAAO,EAAE,QAAQ,QAAsB;EAC9C,MAAM,WAAW,OAAO;EACxB,MAAM,SAAS,MAAM;AAErB,MAAI,CAAC,YAAY,CAAC,UAAU,aAAa,OAAQ;AAEjD,eAAa,OAAO;GAAE;GAAU;GAAQ,CAAC;;AAG3C,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/modules/uploads/hooks/use-upload-zone.client.d.ts

@@ -0,0 +1,39 @@
+import { IndicatorStatus } from "../../../lib/hooks/use-indicator.js";
+import React from "react";
+import "client-only";
+import { DragEndEvent } from "@dnd-kit/core";
+
+//#region src/modules/uploads/hooks/use-upload-zone.client.d.ts
+
+/**
+ * UploadFile
+ */
+type UploadFile = {
+  name: string;
+  url: string;
+  isLoading?: boolean;
+};
+/**
+ * UploadZoneContextValue
+ */
+type UploadZoneContextValue<TFile extends UploadFile> = {
+  files: TFile[];
+  disabled?: boolean;
+  status: IndicatorStatus;
+  handleUploadUrl: string;
+  createPathname?: (file: File) => string;
+  onUpload: (file: File) => void;
+  onDelete: (url: string) => void;
+  onMove?: (event: DragEndEvent) => void;
+};
+/**
+ * UploadZoneContext
+ */
+declare const UploadZoneContext: React.Context<UploadZoneContextValue<any>>;
+/**
+ * useUploadZone
+ */
+declare function useUploadZone<TFile extends UploadFile>(): UploadZoneContextValue<TFile>;
+//#endregion
+export { UploadFile, UploadZoneContext, UploadZoneContextValue, useUploadZone };
+//# sourceMappingURL=use-upload-zone.client.d.ts.map

package/dist/modules/uploads/hooks/use-upload-zone.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-upload-zone.client.d.ts","names":[],"sources":["../../../../src/modules/uploads/hooks/use-upload-zone.client.ts"],"sourcesContent":[],"mappings":";;;;;;;;;AASA;AASY,KATA,UAAA,GASA;EAAsB,IAAA,EAAA,MAAA;KAAe,EAAA,MAAA;WACxC,CAAA,EAAA,OAAA;;;;;AAOsB,KARnB,sBAQmB,CAAA,cARkB,UAQlB,CAAA,GAAA;EAOlB,KAAA,EAdJ,KAcI,EAAA;EAA0E,QAAA,CAAA,EAAA,OAAA;QAAzD,EAZpB,eAYoB;iBAAA,EAAA,MAAA;EAAA,cAAA,CAAA,EAAA,CAAA,IAAA,EAVJ,IAUI,EAAA,GAAA,MAAA;EAKd,QAAA,EAAA,CAAA,IAAA,EAdG,IAcU,EAAA,GAAA,IAAA;EAAA,QAAA,EAAA,CAAA,GAAA,EAAA,MAAA,EAAA,GAAA,IAAA;QAAe,CAAA,EAAA,CAAA,KAAA,EAZzB,YAYyB,EAAA,GAAA,IAAA;;;;;cAL/B,mBAAiB,KAAA,CAAA,QAAA;;;;iBAKd,4BAA4B,eAIxB,uBAAuB"}

package/dist/modules/uploads/hooks/use-upload-zone.client.js

@@ -0,0 +1,20 @@
+import React from "react";
+import "client-only";
+
+//#region src/modules/uploads/hooks/use-upload-zone.client.ts
+/**
+* UploadZoneContext
+*/
+const UploadZoneContext = React.createContext({});
+/**
+* useUploadZone
+*/
+function useUploadZone() {
+	const context = React.useContext(UploadZoneContext);
+	if (!context) throw new Error("Missing UploadZoneContext");
+	return context;
+}
+
+//#endregion
+export { UploadZoneContext, useUploadZone };
+//# sourceMappingURL=use-upload-zone.client.js.map

package/dist/modules/uploads/hooks/use-upload-zone.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-upload-zone.client.js","names":[],"sources":["../../../../src/modules/uploads/hooks/use-upload-zone.client.ts"],"sourcesContent":["import \"client-only\";\n\nimport { IndicatorStatus } from \"@/lib/hooks/use-indicator\";\nimport { DragEndEvent } from \"@dnd-kit/core\";\nimport React from \"react\";\n\n/**\n * UploadFile\n */\nexport type UploadFile = {\n  name: string;\n  url: string;\n  isLoading?: boolean;\n};\n\n/**\n * UploadZoneContextValue\n */\nexport type UploadZoneContextValue<TFile extends UploadFile> = {\n  files: TFile[];\n  disabled?: boolean;\n  status: IndicatorStatus;\n  handleUploadUrl: string;\n  createPathname?: (file: File) => string;\n  onUpload: (file: File) => void;\n  onDelete: (url: string) => void;\n  onMove?: (event: DragEndEvent) => void;\n};\n\n/**\n * UploadZoneContext\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const UploadZoneContext = React.createContext({} as UploadZoneContextValue<any>);\n\n/**\n * useUploadZone\n */\nexport function useUploadZone<TFile extends UploadFile>() {\n  const context = React.useContext(UploadZoneContext);\n  if (!context) throw new Error(\"Missing UploadZoneContext\");\n\n  return context as UploadZoneContextValue<TFile>;\n}\n"],"mappings":";;;;;;;AAiCA,MAAa,oBAAoB,MAAM,cAAc,EAAE,CAAgC;;;;AAKvF,SAAgB,gBAA0C;CACxD,MAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,KAAI,CAAC,QAAS,OAAM,IAAI,MAAM,4BAA4B;AAE1D,QAAO"}

package/dist/modules/uploads/lib/constants.d.ts

@@ -0,0 +1,9 @@
+//#region src/modules/uploads/lib/constants.d.ts
+declare const deviceSizes: readonly [640, 750, 828, 1080, 1200, 1920, 2048, 3840];
+declare const imageVariants: readonly ["main", ...("preview-640" | "preview-750" | "preview-828" | "preview-1080" | "preview-1200" | "preview-1920" | "preview-2048" | "preview-3840")[]];
+type ImageVariant = typeof imageVariants[number];
+declare const imageDispositions: readonly ["inline", "attachment"];
+type ImageDisposition = typeof imageDispositions[number];
+//#endregion
+export { ImageDisposition, ImageVariant, deviceSizes, imageDispositions, imageVariants };
+//# sourceMappingURL=constants.d.ts.map

package/dist/modules/uploads/lib/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","names":[],"sources":["../../../../src/modules/uploads/lib/constants.ts"],"sourcesContent":[],"mappings":";cACa;AAAA,cAGA,aAHoE,EAAA,SAAA,CAAA,MAAA,EAAA,GAAA,CAAA,aAAA,GAAA,aAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,cAAA,GAAA,cAAA,GAAA,cAAA,CAAA,EAAA,CAAA;AAGpE,KACD,YAAA,GAD4F,OACtE,aADsE,CAAA,MAAA,CAAA;AAC5F,cAGC,iBAHqB,EAAA,SAAa,CAAA,QAAA,EAAA,YAAA,CAAA;AAGlC,KACD,gBAAA,GADsD,OAC5B,iBAD4B,CAAA,MAAA,CAAA"}

package/dist/modules/uploads/lib/constants.js

@@ -0,0 +1,17 @@
+//#region src/modules/uploads/lib/constants.ts
+const deviceSizes = [
+	640,
+	750,
+	828,
+	1080,
+	1200,
+	1920,
+	2048,
+	3840
+];
+const imageVariants = ["main", ...deviceSizes.map((size) => `preview-${size}`)];
+const imageDispositions = ["inline", "attachment"];
+
+//#endregion
+export { deviceSizes, imageDispositions, imageVariants };
+//# sourceMappingURL=constants.js.map

package/dist/modules/uploads/lib/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../../../src/modules/uploads/lib/constants.ts"],"sourcesContent":["// Device sizes\nexport const deviceSizes = [640, 750, 828, 1080, 1200, 1920, 2048, 3840] as const;\n\n// Image variants\nexport const imageVariants = [\"main\", ...deviceSizes.map((size) => `preview-${size}` as const)] as const;\nexport type ImageVariant = typeof imageVariants[number];\n\n// Image dispositions\nexport const imageDispositions = [\"inline\", \"attachment\"] as const;\nexport type ImageDisposition = typeof imageDispositions[number];"],"mappings":";AACA,MAAa,cAAc;CAAC;CAAK;CAAK;CAAK;CAAM;CAAM;CAAM;CAAM;CAAK;AAGxE,MAAa,gBAAgB,CAAC,QAAQ,GAAG,YAAY,KAAK,SAAS,WAAW,OAAgB,CAAC;AAI/F,MAAa,oBAAoB,CAAC,UAAU,aAAa"}