@tulip-systems/core 0.6.1 → 0.7.0

package/dist/modules/inline-edit/lib/variants.d.mts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 //#region src/modules/inline-edit/lib/variants.d.ts
 declare const inlineEditVariants: (props?: ({
   variant?: "default" | "table" | null | undefined;
-  status?: "error" | "idle" | "pending" | "success" | null | undefined;
+  status?: "success" | "error" | "idle" | "pending" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type InlineEditVariantsProps = VariantProps<typeof inlineEditVariants>;
 //#endregion

package/dist/modules/inline-edit/lib/variants.mjs

@@ -5,7 +5,7 @@ const inlineEditVariants = cva("", {
 	variants: {
 		variant: {
 			default: "",
-			table: "min-h-9 px-3 py-1 text-base md:text-sm rounded-none h-full w-full border-none outline-none ring-0 focus:border-0 focus:outline-none focus:ring-0 focus:ring-offset-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0"
+			table: "min-h-8 px-3 py-1 text-base md:text-sm rounded-none h-full w-full border-none outline-none ring-0 focus:border-0 focus:outline-none focus:ring-0 focus:ring-offset-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0"
 		},
 		status: {
 			idle: "",

package/dist/modules/inline-edit/lib/variants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"variants.mjs","names":[],"sources":["../../../../src/modules/inline-edit/lib/variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const inlineEditVariants = cva(\"\", {\n  variants: {\n    variant: {\n      default: \"\",\n      table:\n        \"min-h-9 px-3 py-1 text-base md:text-sm rounded-none h-full w-full border-none outline-none ring-0 focus:border-0 focus:outline-none focus:ring-0 focus:ring-offset-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0\",\n    },\n    status: {\n      idle: \"\",\n      pending: \"opacity-70 animate-pulse\",\n      success: \"\",\n      error: \"border-destructive text-destructive\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    // status: \"idle\",\n  },\n});\n\nexport type InlineEditVariantsProps = VariantProps<typeof inlineEditVariants>;\n"],"mappings":";;;AAEA,MAAa,qBAAqB,IAAI,IAAI;CACxC,UAAU;EACR,SAAS;GACP,SAAS;GACT,OACE;GACH;EACD,QAAQ;GACN,MAAM;GACN,SAAS;GACT,SAAS;GACT,OAAO;GACR;EACF;CACD,iBAAiB,EACf,SAAS,WAEV;CACF,CAAC"}
+{"version":3,"file":"variants.mjs","names":[],"sources":["../../../../src/modules/inline-edit/lib/variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const inlineEditVariants = cva(\"\", {\n  variants: {\n    variant: {\n      default: \"\",\n      table:\n        \"min-h-8 px-3 py-1 text-base md:text-sm rounded-none h-full w-full border-none outline-none ring-0 focus:border-0 focus:outline-none focus:ring-0 focus:ring-offset-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0\",\n    },\n    status: {\n      idle: \"\",\n      pending: \"opacity-70 animate-pulse\",\n      success: \"\",\n      error: \"border-destructive text-destructive\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    // status: \"idle\",\n  },\n});\n\nexport type InlineEditVariantsProps = VariantProps<typeof inlineEditVariants>;\n"],"mappings":";;;AAEA,MAAa,qBAAqB,IAAI,IAAI;CACxC,UAAU;EACR,SAAS;GACP,SAAS;GACT,OACE;GACH;EACD,QAAQ;GACN,MAAM;GACN,SAAS;GACT,SAAS;GACT,OAAO;GACR;EACF;CACD,iBAAiB,EACf,SAAS,WAEV;CACF,CAAC"}

package/dist/modules/storage/components/dropzone.client.mjs

@@ -36,7 +36,7 @@ function Dropzone({ accept, maxFiles = 1, maxSize, minSize, onDrop, onError, dis
 			maxFiles
 		},
 		children: /* @__PURE__ */ jsxs(Button, {
-			className: cn("relative h-auto w-full flex-col overflow-hidden p-8", isDragActive && "ring-ring outline-none ring-1", className),
+			className: cn("relative h-auto w-full flex-col overflow-hidden p-8", isDragActive && "outline-none ring-1 ring-ring", className),
 			disabled,
 			type: "button",
 			variant: "outline",
@@ -57,15 +57,15 @@ function DropzoneContent({ children, className }) {
 		className: cn("flex flex-col items-center justify-center", className),
 		children: [
 			/* @__PURE__ */ jsx("div", {
-				className: "bg-muted text-muted-foreground flex size-8 items-center justify-center rounded-md",
+				className: "flex size-8 items-center justify-center rounded-md bg-muted text-muted-foreground",
 				children: /* @__PURE__ */ jsx(UploadIcon, { size: 16 })
 			}),
 			/* @__PURE__ */ jsx("p", {
-				className: "my-2 w-full truncate text-sm font-medium",
+				className: "my-2 w-full truncate font-medium text-sm",
 				children: src.length > maxLabelItems ? `${new Intl.ListFormat("en").format(src.slice(0, maxLabelItems).map((file) => file.name))} and ${src.length - maxLabelItems} more` : new Intl.ListFormat("en").format(src.map((file) => file.name))
 			}),
 			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground w-full text-wrap text-xs",
+				className: "w-full text-wrap text-muted-foreground text-xs",
 				children: "Drag and drop or click to replace"
 			})
 		]
@@ -87,19 +87,19 @@ function DropzoneEmptyState({ children, className }) {
 		className: cn("flex flex-col items-center justify-center", className),
 		children: [
 			/* @__PURE__ */ jsx("div", {
-				className: "bg-muted text-muted-foreground flex size-8 items-center justify-center rounded-md",
+				className: "flex size-8 items-center justify-center rounded-md bg-muted text-muted-foreground",
 				children: /* @__PURE__ */ jsx(UploadIcon, { size: 16 })
 			}),
 			/* @__PURE__ */ jsxs("p", {
-				className: "my-2 w-full truncate text-wrap text-sm font-medium",
+				className: "my-2 w-full truncate text-wrap font-medium text-sm",
 				children: ["Upload ", maxFiles === 1 ? "a file" : "files"]
 			}),
 			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground w-full truncate text-wrap text-xs",
+				className: "w-full truncate text-wrap text-muted-foreground text-xs",
 				children: "Drag and drop or click to upload"
 			}),
 			caption && /* @__PURE__ */ jsxs("p", {
-				className: "text-muted-foreground text-wrap text-xs",
+				className: "text-wrap text-muted-foreground text-xs",
 				children: [caption, "."]
 			})
 		]

package/dist/modules/storage/components/dropzone.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone.client.mjs","names":[],"sources":["../../../../src/modules/storage/components/dropzone.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { UploadIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport type { DropEvent, DropzoneOptions, FileRejection } from \"react-dropzone\";\nimport { useDropzone } from \"react-dropzone\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { renderBytes } from \"@/modules/storage/lib/helpers\";\nimport { DropzoneContext, useDropzoneContext } from \"./dropzone-context.client\";\n\n/**\n * Dropzone\n */\nexport type DropzoneProps = Omit<DropzoneOptions, \"onDrop\"> & {\n  src?: File[];\n  className?: string;\n  onDrop?: (acceptedFiles: File[], fileRejections: FileRejection[], event: DropEvent) => void;\n  children?: ReactNode;\n};\n\nexport function Dropzone({\n  accept,\n  maxFiles = 1,\n  maxSize,\n  minSize,\n  onDrop,\n  onError,\n  disabled,\n  src,\n  className,\n  children,\n  ...props\n}: DropzoneProps) {\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    accept,\n    maxFiles,\n    maxSize,\n    minSize,\n    onError,\n    disabled,\n    onDrop: (acceptedFiles, fileRejections, event) => {\n      if (fileRejections.length > 0) {\n        const message = fileRejections.at(0)?.errors.at(0)?.message;\n        onError?.(new Error(message));\n        return;\n      }\n      onDrop?.(acceptedFiles, fileRejections, event);\n    },\n    ...props,\n  });\n\n  return (\n    <DropzoneContext key={JSON.stringify(src)} value={{ src, accept, maxSize, minSize, maxFiles }}>\n      <Button\n        className={cn(\n          \"relative h-auto w-full flex-col overflow-hidden p-8\",\n          isDragActive && \"ring-ring outline-none ring-1\",\n          className,\n        )}\n        disabled={disabled}\n        type=\"button\"\n        variant=\"outline\"\n        {...getRootProps()}\n      >\n        <input {...getInputProps()} disabled={disabled} />\n        {children}\n      </Button>\n    </DropzoneContext>\n  );\n}\n\n/**\n * DropzoneContent\n */\nexport type DropzoneContentProps = {\n  children?: ReactNode;\n  className?: string;\n};\n\nconst maxLabelItems = 3;\n\nexport function DropzoneContent({ children, className }: DropzoneContentProps) {\n  const { src } = useDropzoneContext();\n  if (!src) return null;\n\n  if (children) return children;\n\n  return (\n    <div className={cn(\"flex flex-col items-center justify-center\", className)}>\n      <div className=\"bg-muted text-muted-foreground flex size-8 items-center justify-center rounded-md\">\n        <UploadIcon size={16} />\n      </div>\n\n      <p className=\"my-2 w-full truncate text-sm font-medium\">\n        {src.length > maxLabelItems\n          ? `${new Intl.ListFormat(\"en\").format(\n              src.slice(0, maxLabelItems).map((file) => file.name),\n            )} and ${src.length - maxLabelItems} more`\n          : new Intl.ListFormat(\"en\").format(src.map((file) => file.name))}\n      </p>\n\n      <p className=\"text-muted-foreground w-full text-wrap text-xs\">\n        Drag and drop or click to replace\n      </p>\n    </div>\n  );\n}\n\n/**\n * DropzoneEmptyState\n */\nexport type DropzoneEmptyStateProps = {\n  children?: ReactNode;\n  className?: string;\n};\n\nexport function DropzoneEmptyState({ children, className }: DropzoneEmptyStateProps) {\n  const { src, accept, maxSize, minSize, maxFiles } = useDropzoneContext();\n  if (src) {\n    return null;\n  }\n  if (children) {\n    return children;\n  }\n  let caption = \"\";\n  if (accept) {\n    caption += \"Accepts \";\n    caption += new Intl.ListFormat(\"en\").format(Object.keys(accept));\n  }\n  if (minSize && maxSize) {\n    caption += ` between ${renderBytes(minSize)} and ${renderBytes(maxSize)}`;\n  } else if (minSize) {\n    caption += ` at least ${renderBytes(minSize)}`;\n  } else if (maxSize) {\n    caption += ` less than ${renderBytes(maxSize)}`;\n  }\n  return (\n    <div className={cn(\"flex flex-col items-center justify-center\", className)}>\n      <div className=\"bg-muted text-muted-foreground flex size-8 items-center justify-center rounded-md\">\n        <UploadIcon size={16} />\n      </div>\n      <p className=\"my-2 w-full truncate text-wrap text-sm font-medium\">\n        Upload {maxFiles === 1 ? \"a file\" : \"files\"}\n      </p>\n      <p className=\"text-muted-foreground w-full truncate text-wrap text-xs\">\n        Drag and drop or click to upload\n      </p>\n      {caption && <p className=\"text-muted-foreground text-wrap text-xs\">{caption}.</p>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAqBA,SAAgB,SAAS,EACvB,QACA,WAAW,GACX,SACA,SACA,QACA,SACA,UACA,KACA,WACA,UACA,GAAG,SACa;CAChB,MAAM,EAAE,cAAc,eAAe,iBAAiB,YAAY;EAChE;EACA;EACA;EACA;EACA;EACA;EACA,SAAS,eAAe,gBAAgB,UAAU;AAChD,OAAI,eAAe,SAAS,GAAG;IAC7B,MAAM,UAAU,eAAe,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE;AACpD,cAAU,IAAI,MAAM,QAAQ,CAAC;AAC7B;;AAEF,YAAS,eAAe,gBAAgB,MAAM;;EAEhD,GAAG;EACJ,CAAC;AAEF,QACE,oBAAC;EAA0C,OAAO;GAAE;GAAK;GAAQ;GAAS;GAAS;GAAU;YAC3F,qBAAC;GACC,WAAW,GACT,uDACA,gBAAgB,iCAChB,UACD;GACS;GACV,MAAK;GACL,SAAQ;GACR,GAAI,cAAc;cAElB,oBAAC;IAAM,GAAI,eAAe;IAAY;KAAY,EACjD;IACM;IAdW,KAAK,UAAU,IAAI,CAevB;;AAYtB,MAAM,gBAAgB;AAEtB,SAAgB,gBAAgB,EAAE,UAAU,aAAmC;CAC7E,MAAM,EAAE,QAAQ,oBAAoB;AACpC,KAAI,CAAC,IAAK,QAAO;AAEjB,KAAI,SAAU,QAAO;AAErB,QACE,qBAAC;EAAI,WAAW,GAAG,6CAA6C,UAAU;;GACxE,oBAAC;IAAI,WAAU;cACb,oBAAC,cAAW,MAAM,KAAM;KACpB;GAEN,oBAAC;IAAE,WAAU;cACV,IAAI,SAAS,gBACV,GAAG,IAAI,KAAK,WAAW,KAAK,CAAC,OAC3B,IAAI,MAAM,GAAG,cAAc,CAAC,KAAK,SAAS,KAAK,KAAK,CACrD,CAAC,OAAO,IAAI,SAAS,cAAc,SACpC,IAAI,KAAK,WAAW,KAAK,CAAC,OAAO,IAAI,KAAK,SAAS,KAAK,KAAK,CAAC;KAChE;GAEJ,oBAAC;IAAE,WAAU;cAAiD;KAE1D;;GACA;;AAYV,SAAgB,mBAAmB,EAAE,UAAU,aAAsC;CACnF,MAAM,EAAE,KAAK,QAAQ,SAAS,SAAS,aAAa,oBAAoB;AACxE,KAAI,IACF,QAAO;AAET,KAAI,SACF,QAAO;CAET,IAAI,UAAU;AACd,KAAI,QAAQ;AACV,aAAW;AACX,aAAW,IAAI,KAAK,WAAW,KAAK,CAAC,OAAO,OAAO,KAAK,OAAO,CAAC;;AAElE,KAAI,WAAW,QACb,YAAW,YAAY,YAAY,QAAQ,CAAC,OAAO,YAAY,QAAQ;UAC9D,QACT,YAAW,aAAa,YAAY,QAAQ;UACnC,QACT,YAAW,cAAc,YAAY,QAAQ;AAE/C,QACE,qBAAC;EAAI,WAAW,GAAG,6CAA6C,UAAU;;GACxE,oBAAC;IAAI,WAAU;cACb,oBAAC,cAAW,MAAM,KAAM;KACpB;GACN,qBAAC;IAAE,WAAU;eAAqD,WACxD,aAAa,IAAI,WAAW;KAClC;GACJ,oBAAC;IAAE,WAAU;cAA0D;KAEnE;GACH,WAAW,qBAAC;IAAE,WAAU;eAA2C,SAAQ;KAAK;;GAC7E"}
+{"version":3,"file":"dropzone.client.mjs","names":[],"sources":["../../../../src/modules/storage/components/dropzone.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { UploadIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport type { DropEvent, DropzoneOptions, FileRejection } from \"react-dropzone\";\nimport { useDropzone } from \"react-dropzone\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { renderBytes } from \"@/modules/storage/lib/helpers\";\nimport { DropzoneContext, useDropzoneContext } from \"./dropzone-context.client\";\n\n/**\n * Dropzone\n */\nexport type DropzoneProps = Omit<DropzoneOptions, \"onDrop\"> & {\n  src?: File[];\n  className?: string;\n  onDrop?: (acceptedFiles: File[], fileRejections: FileRejection[], event: DropEvent) => void;\n  children?: ReactNode;\n};\n\nexport function Dropzone({\n  accept,\n  maxFiles = 1,\n  maxSize,\n  minSize,\n  onDrop,\n  onError,\n  disabled,\n  src,\n  className,\n  children,\n  ...props\n}: DropzoneProps) {\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    accept,\n    maxFiles,\n    maxSize,\n    minSize,\n    onError,\n    disabled,\n    onDrop: (acceptedFiles, fileRejections, event) => {\n      if (fileRejections.length > 0) {\n        const message = fileRejections.at(0)?.errors.at(0)?.message;\n        onError?.(new Error(message));\n        return;\n      }\n      onDrop?.(acceptedFiles, fileRejections, event);\n    },\n    ...props,\n  });\n\n  return (\n    <DropzoneContext key={JSON.stringify(src)} value={{ src, accept, maxSize, minSize, maxFiles }}>\n      <Button\n        className={cn(\n          \"relative h-auto w-full flex-col overflow-hidden p-8\",\n          isDragActive && \"outline-none ring-1 ring-ring\",\n          className,\n        )}\n        disabled={disabled}\n        type=\"button\"\n        variant=\"outline\"\n        {...getRootProps()}\n      >\n        <input {...getInputProps()} disabled={disabled} />\n        {children}\n      </Button>\n    </DropzoneContext>\n  );\n}\n\n/**\n * DropzoneContent\n */\nexport type DropzoneContentProps = {\n  children?: ReactNode;\n  className?: string;\n};\n\nconst maxLabelItems = 3;\n\nexport function DropzoneContent({ children, className }: DropzoneContentProps) {\n  const { src } = useDropzoneContext();\n  if (!src) return null;\n\n  if (children) return children;\n\n  return (\n    <div className={cn(\"flex flex-col items-center justify-center\", className)}>\n      <div className=\"flex size-8 items-center justify-center rounded-md bg-muted text-muted-foreground\">\n        <UploadIcon size={16} />\n      </div>\n\n      <p className=\"my-2 w-full truncate font-medium text-sm\">\n        {src.length > maxLabelItems\n          ? `${new Intl.ListFormat(\"en\").format(\n              src.slice(0, maxLabelItems).map((file) => file.name),\n            )} and ${src.length - maxLabelItems} more`\n          : new Intl.ListFormat(\"en\").format(src.map((file) => file.name))}\n      </p>\n\n      <p className=\"w-full text-wrap text-muted-foreground text-xs\">\n        Drag and drop or click to replace\n      </p>\n    </div>\n  );\n}\n\n/**\n * DropzoneEmptyState\n */\nexport type DropzoneEmptyStateProps = {\n  children?: ReactNode;\n  className?: string;\n};\n\nexport function DropzoneEmptyState({ children, className }: DropzoneEmptyStateProps) {\n  const { src, accept, maxSize, minSize, maxFiles } = useDropzoneContext();\n  if (src) {\n    return null;\n  }\n  if (children) {\n    return children;\n  }\n  let caption = \"\";\n  if (accept) {\n    caption += \"Accepts \";\n    caption += new Intl.ListFormat(\"en\").format(Object.keys(accept));\n  }\n  if (minSize && maxSize) {\n    caption += ` between ${renderBytes(minSize)} and ${renderBytes(maxSize)}`;\n  } else if (minSize) {\n    caption += ` at least ${renderBytes(minSize)}`;\n  } else if (maxSize) {\n    caption += ` less than ${renderBytes(maxSize)}`;\n  }\n  return (\n    <div className={cn(\"flex flex-col items-center justify-center\", className)}>\n      <div className=\"flex size-8 items-center justify-center rounded-md bg-muted text-muted-foreground\">\n        <UploadIcon size={16} />\n      </div>\n      <p className=\"my-2 w-full truncate text-wrap font-medium text-sm\">\n        Upload {maxFiles === 1 ? \"a file\" : \"files\"}\n      </p>\n      <p className=\"w-full truncate text-wrap text-muted-foreground text-xs\">\n        Drag and drop or click to upload\n      </p>\n      {caption && <p className=\"text-wrap text-muted-foreground text-xs\">{caption}.</p>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAqBA,SAAgB,SAAS,EACvB,QACA,WAAW,GACX,SACA,SACA,QACA,SACA,UACA,KACA,WACA,UACA,GAAG,SACa;CAChB,MAAM,EAAE,cAAc,eAAe,iBAAiB,YAAY;EAChE;EACA;EACA;EACA;EACA;EACA;EACA,SAAS,eAAe,gBAAgB,UAAU;AAChD,OAAI,eAAe,SAAS,GAAG;IAC7B,MAAM,UAAU,eAAe,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE;AACpD,cAAU,IAAI,MAAM,QAAQ,CAAC;AAC7B;;AAEF,YAAS,eAAe,gBAAgB,MAAM;;EAEhD,GAAG;EACJ,CAAC;AAEF,QACE,oBAAC;EAA0C,OAAO;GAAE;GAAK;GAAQ;GAAS;GAAS;GAAU;YAC3F,qBAAC;GACC,WAAW,GACT,uDACA,gBAAgB,iCAChB,UACD;GACS;GACV,MAAK;GACL,SAAQ;GACR,GAAI,cAAc;cAElB,oBAAC;IAAM,GAAI,eAAe;IAAY;KAAY,EACjD;IACM;IAdW,KAAK,UAAU,IAAI,CAevB;;AAYtB,MAAM,gBAAgB;AAEtB,SAAgB,gBAAgB,EAAE,UAAU,aAAmC;CAC7E,MAAM,EAAE,QAAQ,oBAAoB;AACpC,KAAI,CAAC,IAAK,QAAO;AAEjB,KAAI,SAAU,QAAO;AAErB,QACE,qBAAC;EAAI,WAAW,GAAG,6CAA6C,UAAU;;GACxE,oBAAC;IAAI,WAAU;cACb,oBAAC,cAAW,MAAM,KAAM;KACpB;GAEN,oBAAC;IAAE,WAAU;cACV,IAAI,SAAS,gBACV,GAAG,IAAI,KAAK,WAAW,KAAK,CAAC,OAC3B,IAAI,MAAM,GAAG,cAAc,CAAC,KAAK,SAAS,KAAK,KAAK,CACrD,CAAC,OAAO,IAAI,SAAS,cAAc,SACpC,IAAI,KAAK,WAAW,KAAK,CAAC,OAAO,IAAI,KAAK,SAAS,KAAK,KAAK,CAAC;KAChE;GAEJ,oBAAC;IAAE,WAAU;cAAiD;KAE1D;;GACA;;AAYV,SAAgB,mBAAmB,EAAE,UAAU,aAAsC;CACnF,MAAM,EAAE,KAAK,QAAQ,SAAS,SAAS,aAAa,oBAAoB;AACxE,KAAI,IACF,QAAO;AAET,KAAI,SACF,QAAO;CAET,IAAI,UAAU;AACd,KAAI,QAAQ;AACV,aAAW;AACX,aAAW,IAAI,KAAK,WAAW,KAAK,CAAC,OAAO,OAAO,KAAK,OAAO,CAAC;;AAElE,KAAI,WAAW,QACb,YAAW,YAAY,YAAY,QAAQ,CAAC,OAAO,YAAY,QAAQ;UAC9D,QACT,YAAW,aAAa,YAAY,QAAQ;UACnC,QACT,YAAW,cAAc,YAAY,QAAQ;AAE/C,QACE,qBAAC;EAAI,WAAW,GAAG,6CAA6C,UAAU;;GACxE,oBAAC;IAAI,WAAU;cACb,oBAAC,cAAW,MAAM,KAAM;KACpB;GACN,qBAAC;IAAE,WAAU;eAAqD,WACxD,aAAa,IAAI,WAAW;KAClC;GACJ,oBAAC;IAAE,WAAU;cAA0D;KAEnE;GACH,WAAW,qBAAC;IAAE,WAAU;eAA2C,SAAQ;KAAK;;GAC7E"}

package/dist/modules/storage/components/image-grid.client.mjs

@@ -6,9 +6,9 @@ import { Button } from "../../../components/ui/button.mjs";
 import { getFileUrl, imageLoader } from "../lib/helpers.mjs";
 import { Skeleton } from "../../../components/ui/skeleton.mjs";
 import { Input } from "../../../components/ui/input.mjs";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../../../components/ui/carousel.client.mjs";
 import { Dialog, DialogContent, DialogTrigger } from "../../../components/ui/dialog.client.mjs";
 import { Card } from "../../../components/ui/card.mjs";
-import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../../../components/ui/carousel.mjs";
 import { useAction } from "../../../lib/hooks/use-action.mjs";
 import { useUploadZone } from "./upload-zone-context.client.mjs";
 import { GripIcon, UploadIcon } from "lucide-react";
@@ -72,7 +72,7 @@ function ImageGrid({ nodes, moveAction, optimistic, disabled, ...props }) {
 						setCurrent
 					}, node.id)), !disabled && /* @__PURE__ */ jsxs("label", {
 						htmlFor: "file-upload",
-						className: "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: "relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center rounded-lg border border-muted-foreground border-dashed bg-muted hover:border-primary",
 						children: [/* @__PURE__ */ jsx(UploadIcon, { className: "h-8 w-8" }), /* @__PURE__ */ jsx(Input, {
 							id: "file-upload",
 							type: "file",
@@ -133,7 +133,7 @@ function ImageGridItem({ node, index, setCurrent }) {
 					alt: "Image Preview",
 					width: 100,
 					height: 100,
-					className: "bg-muted absolute inset-0 h-full w-full cursor-pointer rounded-lg object-contain",
+					className: "absolute inset-0 h-full w-full cursor-pointer rounded-lg bg-muted object-contain",
 					loader: imageLoader
 				})
 			}),
@@ -143,7 +143,7 @@ function ImageGridItem({ node, index, setCurrent }) {
 				type: "button",
 				variant: "secondary",
 				size: "icon",
-				className: "absolute right-2 top-2 hidden p-1 group-hover:flex",
+				className: "absolute top-2 right-2 hidden p-1 group-hover:flex",
 				children: /* @__PURE__ */ jsx(GripIcon, { className: "size-4" })
 			}),
 			/* @__PURE__ */ jsx(Button, {
@@ -151,7 +151,7 @@ function ImageGridItem({ node, index, setCurrent }) {
 				variant: "destructive",
 				size: "icon",
 				onClick: () => uploadZone.onRemove([node.id]),
-				className: "absolute left-2 top-2 hidden p-1 group-hover:flex",
+				className: "absolute top-2 left-2 hidden p-1 group-hover:flex",
 				children: /* @__PURE__ */ jsx(Icons.trash, { className: "size-4" })
 			})
 		] }) : /* @__PURE__ */ jsx(Skeleton, { className: "absolute inset-0 h-full w-full rounded-lg" })

package/dist/modules/storage/components/image-grid.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"image-grid.client.mjs","names":["Image"],"sources":["../../../../src/modules/storage/components/image-grid.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\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, UploadIcon } from \"lucide-react\";\nimport Image from \"next/image\";\nimport React, { type ComponentProps } from \"react\";\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 { Input } from \"@/components/ui/input\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { useAction } from \"@/lib/entry.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { getFileUrl, imageLoader } from \"../lib/helpers\";\nimport type { FileNode } from \"../lib/validators\";\nimport { useUploadZone } from \"./upload-zone-context.client\";\n\n/**\n * Image Grid\n */\ntype ImageGridProps = ComponentProps<\"div\"> & {\n  nodes: FileNode[];\n  disabled?: boolean;\n  moveAction: (params: { fromIndex: number; toIndex: number }) => Promise<void>;\n  optimistic?: {\n    move?: (params: { fromIndex: number; toIndex: number }) => Promise<void> | void;\n  };\n};\n\nexport function ImageGrid({ nodes, moveAction, optimistic, disabled, ...props }: ImageGridProps) {\n  const uploadZone = useUploadZone();\n\n  const images = nodes.flatMap((node) => ({ ...node, url: getFileUrl(node.id) }));\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  const moveMuration = useAction({\n    mutationFn: async ({ active, over }: DragEndEvent) => {\n      if (!moveAction) return Promise.resolve();\n\n      const activeId = active.id;\n      const overId = over?.id;\n      if (!activeId || !overId || activeId === overId) return Promise.resolve();\n\n      const fromIndex = images.findIndex((image) => image.id === activeId);\n      const toIndex = images.findIndex((image) => image.id === overId);\n\n      await optimistic?.move?.({ fromIndex, toIndex });\n      await moveAction({ fromIndex, toIndex });\n    },\n    onSuccess: async () => {\n      setCurrent(0);\n      await uploadZone.optimistic?.invalidate?.();\n    },\n    onError: (error) => {\n      console.error(\"Error moving image:\", error);\n    },\n  });\n\n  return (\n    <Dialog {...props}>\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragEnd={moveMuration.mutate}\n      >\n        <div\n          ref={setNodeRef}\n          className=\"grid grid-cols-[repeat(auto-fill,minmax(10rem,1fr))] gap-5\"\n        >\n          <SortableContext items={images.map((image) => image.id)} strategy={rectSortingStrategy}>\n            {images.map((node, index) => (\n              <ImageGridItem key={node.id} node={node} index={index} setCurrent={setCurrent} />\n            ))}\n\n            {!disabled && (\n              <label\n                htmlFor=\"file-upload\"\n                className=\"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              >\n                <UploadIcon className=\"h-8 w-8\" />\n                <Input\n                  id=\"file-upload\"\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(uploadZone.onUpload);\n                  }}\n                />\n              </label>\n            )}\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            {images.map(({ id, url }) => (\n              <CarouselItem key={id} 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                  loader={imageLoader}\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  node: FileNode & { url: string };\n  index: number;\n  setCurrent: React.Dispatch<React.SetStateAction<number>>;\n};\n\nfunction ImageGridItem({ node, index, setCurrent }: ImageGridItemProps) {\n  const uploadZone = useUploadZone();\n\n  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: node.id });\n\n  return (\n    <Card\n      id={node.id}\n      ref={setNodeRef}\n      style={{\n        transform: CSS.Transform.toString(transform),\n        transition,\n      }}\n      className={cn(\"group relative aspect-square w-full\", node.isPending && \"opacity-30\")}\n    >\n      {!node.isPending ? (\n        <>\n          <DialogTrigger onClick={() => setCurrent(index)}>\n            <Image\n              src={node.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              loader={imageLoader}\n            />\n          </DialogTrigger>\n\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          <Button\n            type=\"button\"\n            variant=\"destructive\"\n            size=\"icon\"\n            onClick={() => uploadZone.onRemove([node.id])}\n            className=\"absolute left-2 top-2 hidden p-1 group-hover:flex\"\n          >\n            <Icons.trash className=\"size-4\" />\n          </Button>\n        </>\n      ) : (\n        <Skeleton className=\"absolute inset-0 h-full w-full rounded-lg\" />\n      )}\n    </Card>\n  );\n}\n\nexport function ImageGridSkeleton(props: ComponentProps<\"div\">) {\n  return (\n    <div\n      {...props}\n      className={cn(\"grid grid-cols-[repeat(auto-fill,minmax(10rem,1fr))] gap-5\", props.className)}\n    >\n      {Array.from({ length: 12 }).map((_, index) => (\n        <Skeleton key={index} className=\"aspect-square w-full rounded-lg\" />\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"image-grid.client.mjs","names":["Image"],"sources":["../../../../src/modules/storage/components/image-grid.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\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, UploadIcon } from \"lucide-react\";\nimport Image from \"next/image\";\nimport React, { type ComponentProps } from \"react\";\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.client\";\nimport { Dialog, DialogContent, DialogTrigger } from \"@/components/ui/dialog.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { useAction } from \"@/lib/entry.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { getFileUrl, imageLoader } from \"../lib/helpers\";\nimport type { FileNode } from \"../lib/validators\";\nimport { useUploadZone } from \"./upload-zone-context.client\";\n\n/**\n * Image Grid\n */\ntype ImageGridProps = ComponentProps<\"div\"> & {\n  nodes: FileNode[];\n  disabled?: boolean;\n  moveAction: (params: { fromIndex: number; toIndex: number }) => Promise<void>;\n  optimistic?: {\n    move?: (params: { fromIndex: number; toIndex: number }) => Promise<void> | void;\n  };\n};\n\nexport function ImageGrid({ nodes, moveAction, optimistic, disabled, ...props }: ImageGridProps) {\n  const uploadZone = useUploadZone();\n\n  const images = nodes.flatMap((node) => ({ ...node, url: getFileUrl(node.id) }));\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  const moveMuration = useAction({\n    mutationFn: async ({ active, over }: DragEndEvent) => {\n      if (!moveAction) return Promise.resolve();\n\n      const activeId = active.id;\n      const overId = over?.id;\n      if (!activeId || !overId || activeId === overId) return Promise.resolve();\n\n      const fromIndex = images.findIndex((image) => image.id === activeId);\n      const toIndex = images.findIndex((image) => image.id === overId);\n\n      await optimistic?.move?.({ fromIndex, toIndex });\n      await moveAction({ fromIndex, toIndex });\n    },\n    onSuccess: async () => {\n      setCurrent(0);\n      await uploadZone.optimistic?.invalidate?.();\n    },\n    onError: (error) => {\n      console.error(\"Error moving image:\", error);\n    },\n  });\n\n  return (\n    <Dialog {...props}>\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragEnd={moveMuration.mutate}\n      >\n        <div\n          ref={setNodeRef}\n          className=\"grid grid-cols-[repeat(auto-fill,minmax(10rem,1fr))] gap-5\"\n        >\n          <SortableContext items={images.map((image) => image.id)} strategy={rectSortingStrategy}>\n            {images.map((node, index) => (\n              <ImageGridItem key={node.id} node={node} index={index} setCurrent={setCurrent} />\n            ))}\n\n            {!disabled && (\n              <label\n                htmlFor=\"file-upload\"\n                className=\"relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center rounded-lg border border-muted-foreground border-dashed bg-muted hover:border-primary\"\n              >\n                <UploadIcon className=\"h-8 w-8\" />\n                <Input\n                  id=\"file-upload\"\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(uploadZone.onUpload);\n                  }}\n                />\n              </label>\n            )}\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            {images.map(({ id, url }) => (\n              <CarouselItem key={id} 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                  loader={imageLoader}\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  node: FileNode & { url: string };\n  index: number;\n  setCurrent: React.Dispatch<React.SetStateAction<number>>;\n};\n\nfunction ImageGridItem({ node, index, setCurrent }: ImageGridItemProps) {\n  const uploadZone = useUploadZone();\n\n  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: node.id });\n\n  return (\n    <Card\n      id={node.id}\n      ref={setNodeRef}\n      style={{\n        transform: CSS.Transform.toString(transform),\n        transition,\n      }}\n      className={cn(\"group relative aspect-square w-full\", node.isPending && \"opacity-30\")}\n    >\n      {!node.isPending ? (\n        <>\n          <DialogTrigger onClick={() => setCurrent(index)}>\n            <Image\n              src={node.url}\n              alt=\"Image Preview\"\n              width={100}\n              height={100}\n              className=\"absolute inset-0 h-full w-full cursor-pointer rounded-lg bg-muted object-contain\"\n              loader={imageLoader}\n            />\n          </DialogTrigger>\n\n          <Button\n            {...attributes}\n            {...listeners}\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"icon\"\n            className=\"absolute top-2 right-2 hidden p-1 group-hover:flex\"\n          >\n            <GripIcon className=\"size-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"destructive\"\n            size=\"icon\"\n            onClick={() => uploadZone.onRemove([node.id])}\n            className=\"absolute top-2 left-2 hidden p-1 group-hover:flex\"\n          >\n            <Icons.trash className=\"size-4\" />\n          </Button>\n        </>\n      ) : (\n        <Skeleton className=\"absolute inset-0 h-full w-full rounded-lg\" />\n      )}\n    </Card>\n  );\n}\n\nexport function ImageGridSkeleton(props: ComponentProps<\"div\">) {\n  return (\n    <div\n      {...props}\n      className={cn(\"grid grid-cols-[repeat(auto-fill,minmax(10rem,1fr))] gap-5\", props.className)}\n    >\n      {Array.from({ length: 12 }).map((_, index) => (\n        <Skeleton key={index} className=\"aspect-square w-full rounded-lg\" />\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/modules/storage/components/upload-zone.client.mjs

@@ -85,7 +85,7 @@ function UploadZone({ variables, optimistic, uploadClient, uploadHooks, onUpload
 		className: cn("relative z-0", className),
 		children: [
 			/* @__PURE__ */ jsx("input", { ...getInputProps() }),
-			isDragActive && /* @__PURE__ */ jsx("div", { className: "bg-primary/20 absolute inset-0 z-10 rounded-md opacity-70 backdrop-blur-3xl" }),
+			isDragActive && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 rounded-md bg-primary/20 opacity-70 backdrop-blur-3xl" }),
 			/* @__PURE__ */ jsx(UploadZoneContext, {
 				value: {
 					uploadClient,

package/dist/modules/storage/components/upload-zone.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload-zone.client.mjs","names":[],"sources":["../../../../src/modules/storage/components/upload-zone.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ComponentProps, useCallback } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { toast } from \"@/components/ui/sonner.client\";\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { cn } from \"@/lib/utils/cn\";\nimport type { UploadFileRequest, UploadHooks } from \"../lib/create-upload.client\";\nimport type { FileNode, Node, UploadFileSchema } from \"../lib/validators\";\nimport { UploadZoneContext, type UploadZoneContextValue } from \"./upload-zone-context.client\";\n\nexport type UploadZoneProps = ComponentProps<\"div\"> &\n  Pick<UploadZoneContextValue, \"optimistic\" | \"uploadClient\" | \"disabled\"> & {\n    variables: Pick<UploadFileSchema, \"namespace\" | \"parentId\" | \"mode\" | \"hidden\" | \"readonly\">;\n    uploadHooks?: UploadHooks;\n\n    onUploadCompleted?: (node: Node) => Promise<void> | void;\n    onUploadFailed?: (error: unknown) => Promise<void> | void;\n  };\n\nexport function UploadZone({\n  variables,\n  optimistic,\n  uploadClient,\n  uploadHooks,\n  onUploadCompleted,\n  onUploadFailed,\n  disabled = false,\n  children,\n  className,\n  ...props\n}: UploadZoneProps) {\n  /**\n   * Delete mutation\n   */\n  const deleteMutation = useAction({\n    mutationFn: async (ids: string[]) => uploadClient.deleteFiles(ids),\n    onMutate: async (ids) => {\n      await optimistic?.cancel?.();\n      await optimistic?.remove?.(ids);\n    },\n    onError: async (error) => {\n      console.error(\"Delete failed upload error: \", error);\n      await onUploadFailed?.(error);\n    },\n    onSettled: () => {\n      optimistic?.invalidate?.();\n    },\n  });\n\n  /**\n   * Upload mutation\n   */\n  const uploadMutation = useAction({\n    mutationFn: async (params: UploadFileRequest) => uploadClient.upload(params, uploadHooks),\n    onMutate: async (variables) => {\n      // Generate a new node\n      const newNode = {\n        ...variables,\n        type: \"file\",\n        isPending: true,\n      } as FileNode;\n\n      await optimistic?.cancel?.();\n      await optimistic?.add?.(newNode);\n    },\n    onSuccess: async (data) => {\n      await onUploadCompleted?.(data);\n      toast.success(`Succesvol geupload: ${data.name}`);\n    },\n    onError: async (error, variables) => {\n      await onUploadFailed?.(error);\n\n      console.error(\"Upload error: \", error);\n      toast.error(\"Bestand uploaden mislukt\", {\n        description: error instanceof Error ? error.message : undefined,\n      });\n\n      console.info(\"Deleting failed upload\");\n      await deleteMutation.mutateAsync([variables.id]);\n    },\n    onSettled: () => {\n      optimistic?.invalidate?.();\n    },\n  });\n\n  /**\n   * Upload file handler\n   */\n  const onUpload = useCallback(\n    async (file: File) => {\n      console.info(\"Uploading file\", file);\n      const req = uploadClient.prepareUpload({ ...variables, file });\n      return await uploadMutation.mutateAsync(req);\n    },\n    [uploadClient, variables, uploadMutation],\n  );\n\n  /**\n   * Drop handler\n   */\n  const onDrop = useCallback(\n    async (acceptedFiles: File[]) => {\n      if (acceptedFiles.length === 0) return;\n      await Promise.allSettled(acceptedFiles.map(onUpload));\n    },\n    [onUpload],\n  );\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop,\n    noClick: true,\n    disabled,\n  });\n\n  return (\n    <div {...props} {...getRootProps()} className={cn(\"relative z-0\", className)}>\n      <input {...getInputProps()} />\n\n      {/* Show drag overlay when drag is active */}\n      {isDragActive && (\n        <div className=\"bg-primary/20 absolute inset-0 z-10 rounded-md opacity-70 backdrop-blur-3xl\" />\n      )}\n\n      <UploadZoneContext\n        value={{\n          uploadClient,\n          onUpload,\n          onRemove: deleteMutation.mutateAsync,\n          optimistic,\n          disabled,\n        }}\n      >\n        {children}\n      </UploadZoneContext>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,WAAW,EACzB,WACA,YACA,cACA,aACA,mBACA,gBACA,WAAW,OACX,UACA,WACA,GAAG,SACe;;;;CAIlB,MAAM,iBAAiB,UAAU;EAC/B,YAAY,OAAO,QAAkB,aAAa,YAAY,IAAI;EAClE,UAAU,OAAO,QAAQ;AACvB,SAAM,YAAY,UAAU;AAC5B,SAAM,YAAY,SAAS,IAAI;;EAEjC,SAAS,OAAO,UAAU;AACxB,WAAQ,MAAM,gCAAgC,MAAM;AACpD,SAAM,iBAAiB,MAAM;;EAE/B,iBAAiB;AACf,eAAY,cAAc;;EAE7B,CAAC;;;;CAKF,MAAM,iBAAiB,UAAU;EAC/B,YAAY,OAAO,WAA8B,aAAa,OAAO,QAAQ,YAAY;EACzF,UAAU,OAAO,cAAc;GAE7B,MAAM,UAAU;IACd,GAAG;IACH,MAAM;IACN,WAAW;IACZ;AAED,SAAM,YAAY,UAAU;AAC5B,SAAM,YAAY,MAAM,QAAQ;;EAElC,WAAW,OAAO,SAAS;AACzB,SAAM,oBAAoB,KAAK;AAC/B,SAAM,QAAQ,uBAAuB,KAAK,OAAO;;EAEnD,SAAS,OAAO,OAAO,cAAc;AACnC,SAAM,iBAAiB,MAAM;AAE7B,WAAQ,MAAM,kBAAkB,MAAM;AACtC,SAAM,MAAM,4BAA4B,EACtC,aAAa,iBAAiB,QAAQ,MAAM,UAAU,QACvD,CAAC;AAEF,WAAQ,KAAK,yBAAyB;AACtC,SAAM,eAAe,YAAY,CAAC,UAAU,GAAG,CAAC;;EAElD,iBAAiB;AACf,eAAY,cAAc;;EAE7B,CAAC;;;;CAKF,MAAM,WAAW,YACf,OAAO,SAAe;AACpB,UAAQ,KAAK,kBAAkB,KAAK;EACpC,MAAM,MAAM,aAAa,cAAc;GAAE,GAAG;GAAW;GAAM,CAAC;AAC9D,SAAO,MAAM,eAAe,YAAY,IAAI;IAE9C;EAAC;EAAc;EAAW;EAAe,CAC1C;CAaD,MAAM,EAAE,cAAc,eAAe,iBAAiB,YAAY;EAChE,QATa,YACb,OAAO,kBAA0B;AAC/B,OAAI,cAAc,WAAW,EAAG;AAChC,SAAM,QAAQ,WAAW,cAAc,IAAI,SAAS,CAAC;KAEvD,CAAC,SAAS,CACX;EAIC,SAAS;EACT;EACD,CAAC;AAEF,QACE,qBAAC;EAAI,GAAI;EAAO,GAAI,cAAc;EAAE,WAAW,GAAG,gBAAgB,UAAU;;GAC1E,oBAAC,WAAM,GAAI,eAAe,GAAI;GAG7B,gBACC,oBAAC,SAAI,WAAU,gFAAgF;GAGjG,oBAAC;IACC,OAAO;KACL;KACA;KACA,UAAU,eAAe;KACzB;KACA;KACD;IAEA;KACiB;;GAChB"}
+{"version":3,"file":"upload-zone.client.mjs","names":[],"sources":["../../../../src/modules/storage/components/upload-zone.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ComponentProps, useCallback } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { toast } from \"@/components/ui/sonner.client\";\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { cn } from \"@/lib/utils/cn\";\nimport type { UploadFileRequest, UploadHooks } from \"../lib/create-upload.client\";\nimport type { FileNode, Node, UploadFileSchema } from \"../lib/validators\";\nimport { UploadZoneContext, type UploadZoneContextValue } from \"./upload-zone-context.client\";\n\nexport type UploadZoneProps = ComponentProps<\"div\"> &\n  Pick<UploadZoneContextValue, \"optimistic\" | \"uploadClient\" | \"disabled\"> & {\n    variables: Pick<UploadFileSchema, \"namespace\" | \"parentId\" | \"mode\" | \"hidden\" | \"readonly\">;\n    uploadHooks?: UploadHooks;\n\n    onUploadCompleted?: (node: Node) => Promise<void> | void;\n    onUploadFailed?: (error: unknown) => Promise<void> | void;\n  };\n\nexport function UploadZone({\n  variables,\n  optimistic,\n  uploadClient,\n  uploadHooks,\n  onUploadCompleted,\n  onUploadFailed,\n  disabled = false,\n  children,\n  className,\n  ...props\n}: UploadZoneProps) {\n  /**\n   * Delete mutation\n   */\n  const deleteMutation = useAction({\n    mutationFn: async (ids: string[]) => uploadClient.deleteFiles(ids),\n    onMutate: async (ids) => {\n      await optimistic?.cancel?.();\n      await optimistic?.remove?.(ids);\n    },\n    onError: async (error) => {\n      console.error(\"Delete failed upload error: \", error);\n      await onUploadFailed?.(error);\n    },\n    onSettled: () => {\n      optimistic?.invalidate?.();\n    },\n  });\n\n  /**\n   * Upload mutation\n   */\n  const uploadMutation = useAction({\n    mutationFn: async (params: UploadFileRequest) => uploadClient.upload(params, uploadHooks),\n    onMutate: async (variables) => {\n      // Generate a new node\n      const newNode = {\n        ...variables,\n        type: \"file\",\n        isPending: true,\n      } as FileNode;\n\n      await optimistic?.cancel?.();\n      await optimistic?.add?.(newNode);\n    },\n    onSuccess: async (data) => {\n      await onUploadCompleted?.(data);\n      toast.success(`Succesvol geupload: ${data.name}`);\n    },\n    onError: async (error, variables) => {\n      await onUploadFailed?.(error);\n\n      console.error(\"Upload error: \", error);\n      toast.error(\"Bestand uploaden mislukt\", {\n        description: error instanceof Error ? error.message : undefined,\n      });\n\n      console.info(\"Deleting failed upload\");\n      await deleteMutation.mutateAsync([variables.id]);\n    },\n    onSettled: () => {\n      optimistic?.invalidate?.();\n    },\n  });\n\n  /**\n   * Upload file handler\n   */\n  const onUpload = useCallback(\n    async (file: File) => {\n      console.info(\"Uploading file\", file);\n      const req = uploadClient.prepareUpload({ ...variables, file });\n      return await uploadMutation.mutateAsync(req);\n    },\n    [uploadClient, variables, uploadMutation],\n  );\n\n  /**\n   * Drop handler\n   */\n  const onDrop = useCallback(\n    async (acceptedFiles: File[]) => {\n      if (acceptedFiles.length === 0) return;\n      await Promise.allSettled(acceptedFiles.map(onUpload));\n    },\n    [onUpload],\n  );\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop,\n    noClick: true,\n    disabled,\n  });\n\n  return (\n    <div {...props} {...getRootProps()} className={cn(\"relative z-0\", className)}>\n      <input {...getInputProps()} />\n\n      {/* Show drag overlay when drag is active */}\n      {isDragActive && (\n        <div className=\"absolute inset-0 z-10 rounded-md bg-primary/20 opacity-70 backdrop-blur-3xl\" />\n      )}\n\n      <UploadZoneContext\n        value={{\n          uploadClient,\n          onUpload,\n          onRemove: deleteMutation.mutateAsync,\n          optimistic,\n          disabled,\n        }}\n      >\n        {children}\n      </UploadZoneContext>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,WAAW,EACzB,WACA,YACA,cACA,aACA,mBACA,gBACA,WAAW,OACX,UACA,WACA,GAAG,SACe;;;;CAIlB,MAAM,iBAAiB,UAAU;EAC/B,YAAY,OAAO,QAAkB,aAAa,YAAY,IAAI;EAClE,UAAU,OAAO,QAAQ;AACvB,SAAM,YAAY,UAAU;AAC5B,SAAM,YAAY,SAAS,IAAI;;EAEjC,SAAS,OAAO,UAAU;AACxB,WAAQ,MAAM,gCAAgC,MAAM;AACpD,SAAM,iBAAiB,MAAM;;EAE/B,iBAAiB;AACf,eAAY,cAAc;;EAE7B,CAAC;;;;CAKF,MAAM,iBAAiB,UAAU;EAC/B,YAAY,OAAO,WAA8B,aAAa,OAAO,QAAQ,YAAY;EACzF,UAAU,OAAO,cAAc;GAE7B,MAAM,UAAU;IACd,GAAG;IACH,MAAM;IACN,WAAW;IACZ;AAED,SAAM,YAAY,UAAU;AAC5B,SAAM,YAAY,MAAM,QAAQ;;EAElC,WAAW,OAAO,SAAS;AACzB,SAAM,oBAAoB,KAAK;AAC/B,SAAM,QAAQ,uBAAuB,KAAK,OAAO;;EAEnD,SAAS,OAAO,OAAO,cAAc;AACnC,SAAM,iBAAiB,MAAM;AAE7B,WAAQ,MAAM,kBAAkB,MAAM;AACtC,SAAM,MAAM,4BAA4B,EACtC,aAAa,iBAAiB,QAAQ,MAAM,UAAU,QACvD,CAAC;AAEF,WAAQ,KAAK,yBAAyB;AACtC,SAAM,eAAe,YAAY,CAAC,UAAU,GAAG,CAAC;;EAElD,iBAAiB;AACf,eAAY,cAAc;;EAE7B,CAAC;;;;CAKF,MAAM,WAAW,YACf,OAAO,SAAe;AACpB,UAAQ,KAAK,kBAAkB,KAAK;EACpC,MAAM,MAAM,aAAa,cAAc;GAAE,GAAG;GAAW;GAAM,CAAC;AAC9D,SAAO,MAAM,eAAe,YAAY,IAAI;IAE9C;EAAC;EAAc;EAAW;EAAe,CAC1C;CAaD,MAAM,EAAE,cAAc,eAAe,iBAAiB,YAAY;EAChE,QATa,YACb,OAAO,kBAA0B;AAC/B,OAAI,cAAc,WAAW,EAAG;AAChC,SAAM,QAAQ,WAAW,cAAc,IAAI,SAAS,CAAC;KAEvD,CAAC,SAAS,CACX;EAIC,SAAS;EACT;EACD,CAAC;AAEF,QACE,qBAAC;EAAI,GAAI;EAAO,GAAI,cAAc;EAAE,WAAW,GAAG,gBAAgB,UAAU;;GAC1E,oBAAC,WAAM,GAAI,eAAe,GAAI;GAG7B,gBACC,oBAAC,SAAI,WAAU,gFAAgF;GAGjG,oBAAC;IACC,OAAO;KACL;KACA;KACA,UAAU,eAAe;KACzB;KACA;KACD;IAEA;KACiB;;GAChB"}

package/dist/modules/storage/lib/router.server.d.mts

@@ -6151,8 +6151,8 @@ declare function createDriveBaseProcedures(): {
       node: drizzle_orm0.One<"nodes", true>;
     }>;
   }>>, z$1.ZodObject<{
-    search: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
     sort: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
+    search: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
     order: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
       asc: "asc";
       desc: "desc";
@@ -9386,14 +9386,14 @@ declare function createDriveBaseProcedures(): {
     id: z$1.ZodNullable<z$1.ZodString>;
     namespace: z$1.ZodString;
   }, z$1.core.$strip>, _orpc_contract0.Schema<(Pick<{
-    isPending: boolean;
     id: string;
+    readonly: boolean | null;
+    type: "file" | "folder" | null;
     createdAt: Date;
     updatedAt: Date;
     name: string;
-    type: "file" | "folder" | null;
-    readonly: boolean | null;
     mode: "private" | "public" | null;
+    isPending: boolean;
     namespace: string;
     subtype: "image" | "document" | "spreadsheet" | "video" | "audio" | "archive" | "other";
     size: number | null;
@@ -9406,14 +9406,14 @@ declare function createDriveBaseProcedures(): {
   }, "id" | "name" | "parentId"> & {
     depth: number;
   })[], (Pick<{
-    isPending: boolean;
     id: string;
+    readonly: boolean | null;
+    type: "file" | "folder" | null;
     createdAt: Date;
     updatedAt: Date;
     name: string;
-    type: "file" | "folder" | null;
-    readonly: boolean | null;
     mode: "private" | "public" | null;
+    isPending: boolean;
     namespace: string;
     subtype: "image" | "document" | "spreadsheet" | "video" | "audio" | "archive" | "other";
     size: number | null;
@@ -15244,15 +15244,15 @@ declare function createDriveBaseProcedures(): {
       node: drizzle_orm0.One<"nodes", true>;
     }>;
   }>>, z$1.ZodObject<{
-    isPending: z$1.ZodOptional<z$1.ZodBoolean>;
+    readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
     createdAt: z$1.ZodOptional<z$1.ZodDate>;
     updatedAt: z$1.ZodOptional<z$1.ZodDate>;
     name: z$1.ZodString;
-    readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
     mode: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
       private: "private";
       public: "public";
     }>>>;
+    isPending: z$1.ZodOptional<z$1.ZodBoolean>;
     namespace: z$1.ZodString;
     subtype: z$1.ZodOptional<z$1.ZodEnum<{
       image: "image";
@@ -21380,16 +21380,16 @@ declare function createDriveBaseProcedures(): {
       node: drizzle_orm0.One<"nodes", true>;
     }>;
   }>>, z$1.ZodObject<{
-    isPending: z$1.ZodOptional<z$1.ZodBoolean>;
     id: z$1.ZodOptional<z$1.ZodUUID>;
+    readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
     createdAt: z$1.ZodOptional<z$1.ZodDate>;
     updatedAt: z$1.ZodOptional<z$1.ZodDate>;
     name: z$1.ZodString;
-    readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
     mode: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
       private: "private";
       public: "public";
     }>>>;
+    isPending: z$1.ZodOptional<z$1.ZodBoolean>;
     namespace: z$1.ZodString;
     hidden: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
     createdBy: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodUUID>>;

package/dist/modules/storage/lib/service.server.d.mts

@@ -91,14 +91,14 @@ declare class StorageService<TSchema extends TDatabaseSchema> {
    * Upload file to S3 and add it to the database
    **/
   uploadFile(input: UploadFileSchema & Pick<PutObjectInput, "body">): Promise<{
-    isPending: boolean;
     id: string;
+    readonly: boolean | null;
+    type: "file" | "folder" | null;
     createdAt: Date;
     updatedAt: Date;
     name: string;
-    type: "file" | "folder" | null;
-    readonly: boolean | null;
     mode: "private" | "public" | null;
+    isPending: boolean;
     namespace: string;
     subtype: "image" | "document" | "spreadsheet" | "video" | "audio" | "archive" | "other";
     size: number | null;
@@ -116,14 +116,14 @@ declare class StorageService<TSchema extends TDatabaseSchema> {
     id: string;
     presignedUrl: string;
     node: {
-      isPending: boolean;
       id: string;
+      readonly: boolean | null;
+      type: "file" | "folder" | null;
       createdAt: Date;
       updatedAt: Date;
       name: string;
-      type: "file" | "folder" | null;
-      readonly: boolean | null;
       mode: "private" | "public" | null;
+      isPending: boolean;
       namespace: string;
       subtype: "image" | "document" | "spreadsheet" | "video" | "audio" | "archive" | "other";
       size: number | null;
@@ -151,14 +151,14 @@ declare class StorageService<TSchema extends TDatabaseSchema> {
    * Create a new folder
    */
   createFolder(input: CreateFolderNodeSchema): Promise<{
-    isPending: boolean;
     id: string;
+    readonly: boolean | null;
+    type: "file" | "folder" | null;
     createdAt: Date;
     updatedAt: Date;
     name: string;
-    type: "file" | "folder" | null;
-    readonly: boolean | null;
     mode: "private" | "public" | null;
+    isPending: boolean;
     namespace: string;
     subtype: "image" | "document" | "spreadsheet" | "video" | "audio" | "archive" | "other";
     size: number | null;

package/dist/modules/storage/lib/validators.d.mts

@@ -1285,16 +1285,16 @@ type NodesTableFilters = z$1.input<typeof nodesTableFiltersSchema>;
  * Create folder node
  */
 declare const createFolderNodeSchema: z$1.ZodObject<{
-  isPending: z$1.ZodOptional<z$1.ZodBoolean>;
   id: z$1.ZodOptional<z$1.ZodUUID>;
+  readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
   createdAt: z$1.ZodOptional<z$1.ZodDate>;
   updatedAt: z$1.ZodOptional<z$1.ZodDate>;
   name: z$1.ZodString;
-  readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
   mode: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
     private: "private";
     public: "public";
   }>>>;
+  isPending: z$1.ZodOptional<z$1.ZodBoolean>;
   namespace: z$1.ZodString;
   hidden: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
   createdBy: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodUUID>>;
@@ -1310,16 +1310,16 @@ type CreateFolderNodeSchema = z$1.infer<typeof createFolderNodeSchema>;
  * Upload file schema
  */
 declare const uploadFileSchema: z$1.ZodObject<{
-  isPending: z$1.ZodOptional<z$1.ZodBoolean>;
   id: z$1.ZodOptional<z$1.ZodUUID>;
+  readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
   createdAt: z$1.ZodOptional<z$1.ZodDate>;
   updatedAt: z$1.ZodOptional<z$1.ZodDate>;
   name: z$1.ZodString;
-  readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
   mode: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
     private: "private";
     public: "public";
   }>>>;
+  isPending: z$1.ZodOptional<z$1.ZodBoolean>;
   namespace: z$1.ZodString;
   subtype: z$1.ZodOptional<z$1.ZodEnum<{
     image: "image";
@@ -1346,15 +1346,15 @@ type UploadFileSchema = z$1.infer<typeof uploadFileSchema>;
  * Presign file schema
  */
 declare const presignFileSchema: z$1.ZodObject<{
-  isPending: z$1.ZodOptional<z$1.ZodBoolean>;
+  readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
   createdAt: z$1.ZodOptional<z$1.ZodDate>;
   updatedAt: z$1.ZodOptional<z$1.ZodDate>;
   name: z$1.ZodString;
-  readonly: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodBoolean>>;
   mode: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
     private: "private";
     public: "public";
   }>>>;
+  isPending: z$1.ZodOptional<z$1.ZodBoolean>;
   namespace: z$1.ZodString;
   subtype: z$1.ZodOptional<z$1.ZodEnum<{
     image: "image";
@@ -1401,8 +1401,8 @@ type GetFileURLSchema = z$1.infer<typeof getFileURLSchema>;
  * Get by parent id input
  */
 declare const getNodesByParentIdSchema: z$1.ZodObject<{
-  search: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
   sort: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
+  search: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
   order: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodEnum<{
     asc: "asc";
     desc: "desc";

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@tulip-systems/core",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "type": "module",
   "sideEffects": false,
-  "license": "MIT",
+  "license": "AGPL-3.0",
   "devDependencies": {
     "@types/pg": "^8.16.0",
     "@types/react": "19.2.14",
@@ -27,34 +27,7 @@
     "@orpc/contract": "^1.13.5",
     "@orpc/server": "^1.13.5",
     "@orpc/tanstack-query": "^1.13.5",
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-aspect-ratio": "^1.1.8",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-menubar": "^1.1.16",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.8",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle": "^1.1.10",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
     "@react-email/components": "^1.0.8",
-    "@tailwindcss/typography": "^0.5.19",
     "@tanstack/react-query": "^5.90.21",
     "@tanstack/react-query-devtools": "^5.91.3",
     "@tanstack/react-table": "^8.21.3",
@@ -94,6 +67,7 @@
     "lucide-react": "^0.575.0",
     "motion": "^12.34.3",
     "next-themes": "^0.4.6",
+    "radix-ui": "^1.4.3",
     "react-colorful": "^5.6.1",
     "react-day-picker": "9.13.2",
     "react-dropzone": "^15.0.0",
@@ -119,8 +93,9 @@
     "pg": "8.18.0",
     "react": "19.2.4",
     "react-dom": "19.2.4",
-    "recharts": "3.7.0",
-    "sharp": "^0.34.5"
+    "recharts": "2.15.4",
+    "sharp": "^0.34.5",
+    "@tailwindcss/typography": "^0.5.19"
   },
   "publishConfig": {
     "access": "public"

package/src/components/editor/components/menu-nodes.client.tsx

@@ -17,7 +17,7 @@ import {
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
+} from "@/components/ui/dropdown-menu.client";
 import type { EditorExtensionsConfigResult } from "../lib/extensions";
 import { EditorContext } from "./editor.client";
 

package/src/components/editor/components/menu.client.tsx

@@ -13,7 +13,7 @@ import {
 import { type ComponentProps, type PropsWithChildren, useContext } from "react";
 import { Button } from "@/components/ui/button";
 import { ColorPicker } from "@/components/ui/color-picker.client";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
+import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover.client";
 import { cn } from "@/lib/entry";
 import { EditorContext } from "./editor.client";
 import { EditorMenuNodes } from "./menu-nodes.client";
@@ -22,7 +22,7 @@ export function EditorMenuFixed(props: React.ComponentProps<"div">) {
   return (
     <div
       {...props}
-      className={cn("border-input bg-muted/30 z-10 overflow-auto border-b p-2", props.className)}
+      className={cn("z-10 overflow-auto border-input border-b bg-muted/30 p-2", props.className)}
     >
       <EditorMenuContent>
         <EditorMenuUndoRedo />
@@ -42,7 +42,7 @@ export function EditorMenuBubble(props: ComponentProps<typeof BubbleMenu>) {
       {...props}
       editor={editor}
       options={{ ...props.options, strategy: "fixed" }}
-      className={cn("border-input bg-muted z-10 rounded-lg border p-2", props.className)}
+      className={cn("z-10 rounded-lg border border-input bg-muted p-2", props.className)}
     >
       <EditorMenuContent>
         <EditorMenuMarks />

package/src/components/emails/forget-password-email.tsx

@@ -25,21 +25,21 @@ export function ForgetPasswordEmail({ resetPasswordHref }: ForgetPasswordEmailPr
 
       <Tailwind>
         <Body className="mx-auto my-auto bg-white px-2 font-sans">
-          <Container className="mx-auto my-[40px] max-w-[465px] rounded border border-solid border-[#eaeaea] p-[20px]">
+          <Container className="mx-auto my-[40px] max-w-[465px] rounded border border-[#eaeaea] border-solid p-[20px]">
             <Icons.logo className="w-8" />
 
             <Section className="my-[15px]">
-              <Heading className="mx-0 my-[20px] p-0 text-[24px] font-bold text-black">
+              <Heading className="mx-0 my-[20px] p-0 font-bold text-[24px] text-black">
                 Herstel uw wachtwoord
               </Heading>
 
-              <Text className="text-[14px] leading-[24px] text-black">
+              <Text className="text-[14px] text-black leading-[24px]">
                 Iemand heeft onlangs een wachtwoordwijziging voor uw account gevraagd. Als u dit
                 was, kunt u hier een nieuw wachtwoord instellen:
               </Text>
 
               <Button
-                className="rounded bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline"
+                className="rounded bg-[#000000] px-5 py-3 text-center font-semibold text-[12px] text-white no-underline"
                 href={resetPasswordHref}
               >
                 Reset password
@@ -47,12 +47,12 @@ export function ForgetPasswordEmail({ resetPasswordHref }: ForgetPasswordEmailPr
             </Section>
 
             <Section>
-              <Text className="text-[12px] leading-[20px] text-black">
+              <Text className="text-[12px] text-black leading-[20px]">
                 Als u uw wachtwoord niet wilt wijzigen of dit niet heeft gevraagd, negeer en
                 verwijder dit bericht gewoon en verwijdert u.
               </Text>
 
-              <Text className="text-[12px] leading-[20px] text-black">
+              <Text className="text-[12px] text-black leading-[20px]">
                 Stuur deze e-mail niet door om uw account veilig te houden.
               </Text>
             </Section>