@tulip-systems/core 0.5.16 → 0.6.1

package/dist/modules/inline-edit/hooks/use-inline.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-inline.client.mjs","names":["defaultUpdateStrategy: UpdateStrategy","value"],"sources":["../../../../src/modules/inline-edit/hooks/use-inline.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { EditorJSONContent } from \"@/components/entry\";\nimport { useLocalIndicator } from \"@/lib/entry.client\";\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { usePermission } from \"@/modules/auth/hooks/use-permission\";\nimport { Permission } from \"@/modules/auth/lib/permissions\";\nimport { useCallback, useState } from \"react\";\nimport { toast } from \"sonner\";\nimport { useDebouncedCallback } from \"use-debounce\";\nimport { useInlineEditContext } from \"./context.client\";\n\ntype UpdateStrategy =\n  | {\n      mode: \"change\";\n      delay?: number;\n    }\n  | {\n      mode: \"blur\";\n    };\n\nconst defaultUpdateStrategy: UpdateStrategy = {\n  mode: \"blur\",\n};\n\ntype MaybeValue<TValue, Required extends boolean> = Required extends true ? TValue : TValue | null;\n\n/**\n * Use the inline edit hook options.\n */\nexport type useInlineEditOptions<TValue, Required extends boolean = false> = {\n  /**\n   * Initial value\n   */\n  initialValue?: MaybeValue<TValue, Required>;\n  /**\n   * Action to execute on update\n   */\n  action: (value: { id: string; value: MaybeValue<TValue, Required> }) => Promise<unknown>;\n  /**\n   * Permission required to edit\n   */\n  permission?: Permission;\n  /**\n   * Update strategy\n   * - trigger: when to update the value (default: \"blur\")\n   * - delay: delay in milliseconds before updating the value (only for \"change\" trigger)\n   * @default { trigger: \"blur\" }\n   */\n  updateStrategy?: UpdateStrategy;\n  /**\n   * Is the value required\n   * @default false\n   */\n  isRequired?: Required;\n};\n\n/**\n * Use the inline edit hook.\n */\nexport function useInlineEdit<\n  TValue extends string | number | Date | boolean | JSON | EditorJSONContent,\n  Required extends boolean = false,\n>(props: useInlineEditOptions<TValue, Required>) {\n  /**\n   * The update strategy.\n   */\n  const strategy = props.updateStrategy ?? defaultUpdateStrategy;\n  const delay = strategy.mode === \"change\" ? (strategy.delay ?? 0) : 0;\n\n  /**\n   * The inline edit context.\n   */\n  const context = useInlineEditContext();\n\n  /**\n   * The current value of the inline edit.\n   */\n  const [value, setValue] = useState<MaybeValue<TValue, Required> | undefined>(props.initialValue);\n\n  /**\n   * The indicator status.\n   */\n  const { status, setStatus } = useLocalIndicator();\n\n  /**\n   * Permission guard\n   */\n  const data = usePermission(props.permission ?? context.permission ?? {});\n  const isAllowed = data?.success;\n\n  /**\n   * Execute the action to update the value.\n   */\n  const mutation = useAction({\n    mutationFn: props.action,\n    onMutate: () => {\n      setStatus(\"pending\");\n    },\n    onSuccess: () => {\n      setStatus(\"success\");\n    },\n    onError: (error) => {\n      setValue(props.initialValue);\n      toast.error(\"Er is iets misgegaan\", {\n        description: error instanceof Error ? error.message : undefined,\n      });\n    },\n  });\n\n  /**\n   * Handle instant mutate\n   */\n  const handleMutateInstant = useCallback(\n    (value: MaybeValue<TValue, Required>) => {\n      // Permission guard\n      if (!isAllowed) {\n        toast.error(\"Je hebt geen toestemming om dit te bewerken\");\n        return;\n      }\n\n      // If the value is the same as the initial value, do nothing\n      if (value === props.initialValue) return;\n\n      // Update the value\n      return mutation.mutate({ id: context.id, value });\n    },\n    [isAllowed, props.initialValue, mutation, context.id],\n  );\n\n  /**\n   * Handle mutate with debounce\n   */\n  const handleMutateDebounced = useDebouncedCallback(handleMutateInstant, delay);\n\n  /**\n   * Handle change updates\n   */\n  function handleChange(next: MaybeValue<TValue, Required> | null) {\n    // Set value in state\n    setValue(next ?? undefined);\n\n    // If the strategy is not change, exit\n    if (strategy.mode !== \"change\") return;\n\n    // If it is required and the value is null or empty, reset to initial value\n    if (props.isRequired && next === null) {\n      setValue(props.initialValue ?? undefined);\n      setStatus(\"error\");\n      toast.error(\"Dit veld is verplicht\");\n      return;\n    }\n\n    // If the strategy is change, update the value after the delay\n    handleMutateDebounced(next as MaybeValue<TValue, Required>);\n  }\n\n  /**\n   * Handle blur updates\n   */\n  function handleBlur(next: MaybeValue<TValue, Required> | null) {\n    // Set value in state\n    setValue(next ?? undefined);\n\n    // If the strategy is not blur, exit\n    if (strategy.mode !== \"blur\") return;\n\n    // If it is required and the value is null or empty, reset to initial value\n    if (props.isRequired && next === null) {\n      setValue(props.initialValue ?? undefined);\n      setStatus(\"error\");\n      toast.error(\"Dit veld is verplicht\");\n      return;\n    }\n\n    // If the strategy is blur, update the value\n    handleMutateInstant(next as MaybeValue<TValue, Required>);\n  }\n\n  return { value, setValue, handleChange, handleBlur, status, isAllowed };\n}\n"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,wBAAwC,EAC5C,MAAM,QACP;;;;AAqCD,SAAgB,cAGd,OAA+C;;;;CAI/C,MAAM,WAAW,MAAM,kBAAkB;CACzC,MAAM,QAAQ,SAAS,SAAS,WAAY,SAAS,SAAS,IAAK;;;;CAKnE,MAAM,UAAU,sBAAsB;;;;CAKtC,MAAM,CAAC,OAAO,YAAY,SAAmD,MAAM,aAAa;;;;CAKhG,MAAM,EAAE,QAAQ,cAAc,mBAAmB;CAMjD,MAAM,YADO,cAAc,MAAM,cAAc,QAAQ,cAAc,EAAE,CAAC,EAChD;;;;CAKxB,MAAM,WAAW,UAAU;EACzB,YAAY,MAAM;EAClB,gBAAgB;AACd,aAAU,UAAU;;EAEtB,iBAAiB;AACf,aAAU,UAAU;;EAEtB,UAAU,UAAU;AAClB,YAAS,MAAM,aAAa;AAC5B,SAAM,MAAM,wBAAwB,EAClC,aAAa,iBAAiB,QAAQ,MAAM,UAAU,QACvD,CAAC;;EAEL,CAAC;;;;CAKF,MAAM,sBAAsB,aACzB,YAAwC;AAEvC,MAAI,CAAC,WAAW;AACd,SAAM,MAAM,8CAA8C;AAC1D;;AAIF,MAAIC,YAAU,MAAM,aAAc;AAGlC,SAAO,SAAS,OAAO;GAAE,IAAI,QAAQ;GAAI;GAAO,CAAC;IAEnD;EAAC;EAAW,MAAM;EAAc;EAAU,QAAQ;EAAG,CACtD;;;;CAKD,MAAM,wBAAwB,qBAAqB,qBAAqB,MAAM;;;;CAK9E,SAAS,aAAa,MAA2C;AAE/D,WAAS,QAAQ,OAAU;AAG3B,MAAI,SAAS,SAAS,SAAU;AAGhC,MAAI,MAAM,cAAc,SAAS,MAAM;AACrC,YAAS,MAAM,gBAAgB,OAAU;AACzC,aAAU,QAAQ;AAClB,SAAM,MAAM,wBAAwB;AACpC;;AAIF,wBAAsB,KAAqC;;;;;CAM7D,SAAS,WAAW,MAA2C;AAE7D,WAAS,QAAQ,OAAU;AAG3B,MAAI,SAAS,SAAS,OAAQ;AAG9B,MAAI,MAAM,cAAc,SAAS,MAAM;AACrC,YAAS,MAAM,gBAAgB,OAAU;AACzC,aAAU,QAAQ;AAClB,SAAM,MAAM,wBAAwB;AACpC;;AAIF,sBAAoB,KAAqC;;AAG3D,QAAO;EAAE;EAAO;EAAU;EAAc;EAAY;EAAQ;EAAW"}
+{"version":3,"file":"use-inline.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/hooks/use-inline.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useState } from \"react\";\nimport { toast } from \"sonner\";\nimport { useDebouncedCallback } from \"use-debounce\";\nimport type { EditorJSONContent } from \"@/components/entry\";\nimport { useLocalIndicator } from \"@/lib/entry.client\";\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { usePermission } from \"@/modules/auth/hooks/use-permission\";\nimport type { Permission } from \"@/modules/auth/lib/permissions\";\nimport { useInlineEditContext } from \"./context.client\";\n\ntype UpdateStrategy =\n  | {\n      mode: \"change\";\n      delay?: number;\n    }\n  | {\n      mode: \"blur\";\n    };\n\nconst defaultUpdateStrategy: UpdateStrategy = {\n  mode: \"blur\",\n};\n\ntype MaybeValue<TValue, Required extends boolean> = Required extends true ? TValue : TValue | null;\n\n/**\n * Use the inline edit hook options.\n */\nexport type useInlineEditOptions<TResult, Required extends boolean = false> = {\n  /**\n   * Initial value\n   */\n  initialValue?: MaybeValue<TResult, Required>;\n  /**\n   * Action to execute on update\n   */\n  action: (value: { id: string; value: MaybeValue<TResult, Required> }) => Promise<unknown>;\n  /**\n   * Permission required to edit\n   */\n  permission?: Permission;\n  /**\n   * Update strategy\n   * - trigger: when to update the value (default: \"blur\")\n   * - delay: delay in milliseconds before updating the value (only for \"change\" trigger)\n   * @default { trigger: \"blur\" }\n   */\n  updateStrategy?: UpdateStrategy;\n  /**\n   * Is the value required\n   * @default false\n   */\n  isRequired?: Required;\n};\n\n/**\n * Inline edit hook props\n */\nexport type UseInlineEditProps<\n  TValue extends string | number | Date | boolean | JSON | EditorJSONContent,\n  TResult extends string | number | Date | boolean | JSON | EditorJSONContent,\n  Required extends boolean = false,\n> = useInlineEditOptions<TResult, Required> & {\n  parser: {\n    /**\n     * Transform the value from the result type to the value type\n     */\n    decode: (value: TResult) => TValue;\n    /**\n     * Transform the value from the value type to the result type\n     */\n    encode: (value: TValue) => TResult;\n  };\n};\n\n/**\n * Use the inline edit hook.\n */\nexport function useInlineEdit<\n  TValue extends string | number | Date | boolean | JSON | EditorJSONContent,\n  TResult extends string | number | Date | boolean | JSON | EditorJSONContent = TValue,\n  Required extends boolean = false,\n>(props: UseInlineEditProps<TValue, TResult, Required>) {\n  /**\n   * The update strategy.\n   */\n  const strategy = props.updateStrategy ?? defaultUpdateStrategy;\n  const delay = strategy.mode === \"change\" ? (strategy.delay ?? 0) : 0;\n  const initialValue = props.parser.decode(props.initialValue as TResult) ?? undefined;\n\n  /**\n   * The inline edit context.\n   */\n  const context = useInlineEditContext();\n\n  /**\n   * The current value of the inline edit.\n   */\n  const [value, setValue] = useState<MaybeValue<TValue, Required> | undefined>(initialValue);\n\n  /**\n   * The indicator status.\n   */\n  const { status, setStatus } = useLocalIndicator();\n\n  /**\n   * Permission guard\n   */\n  const data = usePermission(props.permission ?? context.permission ?? {});\n  const isAllowed = data?.success;\n\n  /**\n   * Execute the action to update the value.\n   */\n  const mutation = useAction({\n    mutationFn: props.action,\n    onMutate: () => {\n      setStatus(\"pending\");\n    },\n    onSuccess: () => {\n      setStatus(\"success\");\n    },\n    onError: (error) => {\n      setValue(initialValue);\n      toast.error(\"Er is iets misgegaan\", {\n        description: error instanceof Error ? error.message : undefined,\n      });\n    },\n  });\n\n  /**\n   * Handle instant mutate\n   */\n  const handleMutateInstant = useCallback(\n    (input: TValue) => {\n      // Permission guard\n      if (!isAllowed) {\n        toast.error(\"Je hebt geen toestemming om dit te bewerken\");\n        return;\n      }\n\n      // If the value is the same as the initial value, do nothing\n      if (input === initialValue) return;\n\n      const value = props.parser.encode(input as TValue);\n\n      // Update the value\n      return mutation.mutate({ id: context.id, value });\n    },\n    [isAllowed, initialValue, mutation, context.id, props.parser],\n  );\n\n  /**\n   * Handle mutate with debounce\n   */\n  const handleMutateDebounced = useDebouncedCallback(handleMutateInstant, delay);\n\n  /**\n   * Handle change updates\n   */\n  function handleChange(next: MaybeValue<TValue, Required> | null) {\n    // Set value in state\n    setValue(next ?? undefined);\n\n    // If the strategy is not change, exit\n    if (strategy.mode !== \"change\") return;\n\n    // If it is required and the value is null or empty, reset to initial value\n    if (props.isRequired && next === null) {\n      setValue(initialValue ?? undefined);\n      setStatus(\"error\");\n      toast.error(\"Dit veld is verplicht\");\n      return;\n    }\n\n    // If the strategy is change, update the value after the delay\n    handleMutateDebounced(next as TValue);\n  }\n\n  /**\n   * Handle blur updates\n   */\n  function handleBlur(next: MaybeValue<TValue, Required> | null) {\n    // Set value in state\n    setValue(next ?? undefined);\n\n    // If the strategy is not blur, exit\n    if (strategy.mode !== \"blur\") return;\n\n    // If it is required and the value is null or empty, reset to initial value\n    if (props.isRequired && next === null) {\n      setValue(initialValue ?? undefined);\n      setStatus(\"error\");\n      toast.error(\"Dit veld is verplicht\");\n      return;\n    }\n\n    // If the strategy is blur, update the value\n    handleMutateInstant(next as TValue);\n  }\n\n  return { value, setValue, handleChange, handleBlur, status, isAllowed };\n}\n"],"mappings":";;;;;;;;;;;AAqBA,MAAM,wBAAwC,EAC5C,MAAM,QACP;;;;AAyDD,SAAgB,cAId,OAAsD;;;;CAItD,MAAM,WAAW,MAAM,kBAAkB;CACzC,MAAM,QAAQ,SAAS,SAAS,WAAY,SAAS,SAAS,IAAK;CACnE,MAAM,eAAe,MAAM,OAAO,OAAO,MAAM,aAAwB,IAAI;;;;CAK3E,MAAM,UAAU,sBAAsB;;;;CAKtC,MAAM,CAAC,OAAO,YAAY,SAAmD,aAAa;;;;CAK1F,MAAM,EAAE,QAAQ,cAAc,mBAAmB;CAMjD,MAAM,YADO,cAAc,MAAM,cAAc,QAAQ,cAAc,EAAE,CAAC,EAChD;;;;CAKxB,MAAM,WAAW,UAAU;EACzB,YAAY,MAAM;EAClB,gBAAgB;AACd,aAAU,UAAU;;EAEtB,iBAAiB;AACf,aAAU,UAAU;;EAEtB,UAAU,UAAU;AAClB,YAAS,aAAa;AACtB,SAAM,MAAM,wBAAwB,EAClC,aAAa,iBAAiB,QAAQ,MAAM,UAAU,QACvD,CAAC;;EAEL,CAAC;;;;CAKF,MAAM,sBAAsB,aACzB,UAAkB;AAEjB,MAAI,CAAC,WAAW;AACd,SAAM,MAAM,8CAA8C;AAC1D;;AAIF,MAAI,UAAU,aAAc;EAE5B,MAAM,QAAQ,MAAM,OAAO,OAAO,MAAgB;AAGlD,SAAO,SAAS,OAAO;GAAE,IAAI,QAAQ;GAAI;GAAO,CAAC;IAEnD;EAAC;EAAW;EAAc;EAAU,QAAQ;EAAI,MAAM;EAAO,CAC9D;;;;CAKD,MAAM,wBAAwB,qBAAqB,qBAAqB,MAAM;;;;CAK9E,SAAS,aAAa,MAA2C;AAE/D,WAAS,QAAQ,OAAU;AAG3B,MAAI,SAAS,SAAS,SAAU;AAGhC,MAAI,MAAM,cAAc,SAAS,MAAM;AACrC,YAAS,gBAAgB,OAAU;AACnC,aAAU,QAAQ;AAClB,SAAM,MAAM,wBAAwB;AACpC;;AAIF,wBAAsB,KAAe;;;;;CAMvC,SAAS,WAAW,MAA2C;AAE7D,WAAS,QAAQ,OAAU;AAG3B,MAAI,SAAS,SAAS,OAAQ;AAG9B,MAAI,MAAM,cAAc,SAAS,MAAM;AACrC,YAAS,gBAAgB,OAAU;AACnC,aAAU,QAAQ;AAClB,SAAM,MAAM,wBAAwB;AACpC;;AAIF,sBAAoB,KAAe;;AAGrC,QAAO;EAAE;EAAO;EAAU;EAAc;EAAY;EAAQ;EAAW"}

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

@@ -1,7 +1,6 @@
 import { ZodType, z as z$1 } from "zod";
 
 //#region src/modules/inline-edit/lib/validators.d.ts
-
 /**
  * Inline edit schema
  */

package/dist/modules/inline-edit/lib/validators.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"validators.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/lib/validators.ts"],"sourcesContent":[],"mappings":";;;;;;AAAiC;cAK3B,kBAAgB,GAAA,CAAA;;CAAA,iBAAA,CAAA;AAAA,KAIV,gBAJU,CAAA,MAAA,CAAA,GAIiB,GAAA,CAAE,KAJnB,CAAA,OAIgC,gBAJhC,CAAA,GAAA;EAIV,KAAA,EACH,MADG;CAA0C;;;;AAOzC,cAAA,sBACuB,EAAA,CAAA,eADkB,OAClB,CAAA,CAAA,KAAA,EADkC,MAClC,EAAA,GADwC,GAAA,CAAA,SACxC,CAAA;EADkB,EAAA,eAAA;EAAgB,KAAA,QAAA;;;;;AAAM,cAM/D,sBAN+D,EAMzC,GAAA,CAAA,SANyC,CAAA;EAM/D,EAAA,eAAA;;;;;;AAKA,cAAA,sBAA2D,EAArC,GAAA,CAAA,SAAqC,CAAA;;;;;;AAKxE;cAAa,yBAAuB,GAAA,CAAA;;;CAAA,iBAAA,CAAA;;AAKpC;;cAAa,sBAAoB,GAAA,CAAA;;EAAA,KAAA,aAAA;CAAA,iBAAA,CAAA;AAKjC;;;cAAa,sBAAoB,GAAA,CAAA;EAAA,EAAA,eAAA;EAAA,KAAA,YAAA"}
+{"version":3,"file":"validators.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/lib/validators.ts"],"mappings":";;;;;AAAsC;cAKhC,gBAAA,EAAgB,GAAA,CAAA,SAAA;;;KAIV,gBAAA,WAA2B,GAAA,CAAE,KAAA,QAAa,gBAAA;EACpD,KAAA,EAAO,MAAA;AAAA;;;;cAMI,sBAAA,kBAAyC,OAAA,EAAS,KAAA,EAAO,MAAA,KAAM,GAAA,CAAA,SAAA;;;;;;;cAM/D,sBAAA,EAAsB,GAAA,CAAA,SAAA;;;;;;;cAKtB,sBAAA,EAAsB,GAAA,CAAA,SAAA;;;;;;;cAKtB,uBAAA,EAAuB,GAAA,CAAA,SAAA;;;;;;;cAKvB,oBAAA,EAAoB,GAAA,CAAA,SAAA;;;;;;;cAKpB,oBAAA,EAAoB,GAAA,CAAA,SAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"validators.mjs","names":["z"],"sources":["../../../../src/modules/inline-edit/lib/validators.ts"],"sourcesContent":["import { z, ZodType } from \"zod\";\n\n/**\n * Inline edit schema\n */\nconst inlineEditSchema = z.object({\n  id: z.string(),\n});\n\nexport type InlineEditSchema<TValue> = z.infer<typeof inlineEditSchema> & {\n  value: TValue;\n};\n\n/**\n * Create inline edit schema\n */\nexport const createInlineEditSchema = <TValue extends ZodType>(value: TValue) =>\n  inlineEditSchema.extend({ value });\n\n/**\n * Inline edit string schema\n */\nexport const inlineEditStringSchema = createInlineEditSchema(z.string());\n\n/**\n * Inline edit number schema\n */\nexport const inlineEditNumberSchema = createInlineEditSchema(z.number());\n\n/**\n * Inline edit boolean schema\n */\nexport const inlineEditBooleanSchema = createInlineEditSchema(z.boolean());\n\n/**\n * Inline edit date schema\n */\nexport const inlineEditDateSchema = createInlineEditSchema(z.date());\n\n/**\n * Inline edit json schema\n */\nexport const inlineEditJsonSchema = createInlineEditSchema(z.any());\n"],"mappings":";;;;;;AAKA,MAAM,mBAAmBA,IAAE,OAAO,EAChC,IAAIA,IAAE,QAAQ,EACf,CAAC;;;;AASF,MAAa,0BAAkD,UAC7D,iBAAiB,OAAO,EAAE,OAAO,CAAC;;;;AAKpC,MAAa,yBAAyB,uBAAuBA,IAAE,QAAQ,CAAC;;;;AAKxE,MAAa,yBAAyB,uBAAuBA,IAAE,QAAQ,CAAC;;;;AAKxE,MAAa,0BAA0B,uBAAuBA,IAAE,SAAS,CAAC;;;;AAK1E,MAAa,uBAAuB,uBAAuBA,IAAE,MAAM,CAAC;;;;AAKpE,MAAa,uBAAuB,uBAAuBA,IAAE,KAAK,CAAC"}
+{"version":3,"file":"validators.mjs","names":["z"],"sources":["../../../../src/modules/inline-edit/lib/validators.ts"],"sourcesContent":["import { type ZodType, z } from \"zod\";\n\n/**\n * Inline edit schema\n */\nconst inlineEditSchema = z.object({\n  id: z.string(),\n});\n\nexport type InlineEditSchema<TValue> = z.infer<typeof inlineEditSchema> & {\n  value: TValue;\n};\n\n/**\n * Create inline edit schema\n */\nexport const createInlineEditSchema = <TValue extends ZodType>(value: TValue) =>\n  inlineEditSchema.extend({ value });\n\n/**\n * Inline edit string schema\n */\nexport const inlineEditStringSchema = createInlineEditSchema(z.string());\n\n/**\n * Inline edit number schema\n */\nexport const inlineEditNumberSchema = createInlineEditSchema(z.number());\n\n/**\n * Inline edit boolean schema\n */\nexport const inlineEditBooleanSchema = createInlineEditSchema(z.boolean());\n\n/**\n * Inline edit date schema\n */\nexport const inlineEditDateSchema = createInlineEditSchema(z.date());\n\n/**\n * Inline edit json schema\n */\nexport const inlineEditJsonSchema = createInlineEditSchema(z.any());\n"],"mappings":";;;;;;AAKA,MAAM,mBAAmBA,IAAE,OAAO,EAChC,IAAIA,IAAE,QAAQ,EACf,CAAC;;;;AASF,MAAa,0BAAkD,UAC7D,iBAAiB,OAAO,EAAE,OAAO,CAAC;;;;AAKpC,MAAa,yBAAyB,uBAAuBA,IAAE,QAAQ,CAAC;;;;AAKxE,MAAa,yBAAyB,uBAAuBA,IAAE,QAAQ,CAAC;;;;AAKxE,MAAa,0BAA0B,uBAAuBA,IAAE,SAAS,CAAC;;;;AAK1E,MAAa,uBAAuB,uBAAuBA,IAAE,MAAM,CAAC;;;;AAKpE,MAAa,uBAAuB,uBAAuBA,IAAE,KAAK,CAAC"}

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

@@ -1,11 +1,11 @@
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+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" | "success" | "idle" | "pending" | null | undefined;
-} & class_variance_authority_types6.ClassProp) | undefined) => string;
+  status?: "error" | "idle" | "pending" | "success" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
 type InlineEditVariantsProps = VariantProps<typeof inlineEditVariants>;
 //#endregion
 export { InlineEditVariantsProps };

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

@@ -1 +1 @@
-{"version":3,"file":"variants.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/lib/variants.ts"],"sourcesContent":[],"mappings":";;;;cAEa,0BAkBX;;;AAlBF,CAAA,GAkBE,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEU,KAAA,uBAAA,GAA0B,YAAoB,CAAA,OAAA,kBAAR,CAAA"}
+{"version":3,"file":"variants.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/lib/variants.ts"],"mappings":";;;;cAEa,kBAAA,GAAkB,KAAA;;;IAkB7B,+BAAA,CAAA,SAAA;AAAA,KAEU,uBAAA,GAA0B,YAAA,QAAoB,kBAAA"}

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, 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-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"}

package/dist/modules/router/handler/caller.client.d.mts

@@ -2,7 +2,6 @@ import { RouterClient as RouterClient$1 } from "./register.server.mjs";
 import { AnyRouter } from "@orpc/server";
 
 //#region src/modules/router/handler/caller.client.d.ts
-
 /**
  * Create a new RPC client
  */

package/dist/modules/router/handler/caller.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"caller.client.d.mts","names":[],"sources":["../../../../src/modules/router/handler/caller.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;AA6BA;AAAgD,iBAAhC,eAAgC,CAAA,gBAAA,SAAA,CAAA,CAAA,CAAA,EAAc,cAAd,CAA2B,OAA3B,CAAA"}
+{"version":3,"file":"caller.client.d.mts","names":[],"sources":["../../../../src/modules/router/handler/caller.client.tsx"],"mappings":";;;;;;AA6BA;iBAAgB,eAAA,iBAAgC,SAAA,CAAA,CAAA,GAAc,cAAA,CAAa,OAAA"}

package/dist/modules/router/handler/caller.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"caller.client.mjs","names":["client: ORPCRouterClient<AnyRouter>"],"sources":["../../../../src/modules/router/handler/caller.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { createORPCClient } from \"@orpc/client\";\nimport { RPCLink } from \"@orpc/client/fetch\";\nimport { AnyRouter, RouterClient as ORPCRouterClient } from \"@orpc/server\";\nimport { createTanstackQueryUtils } from \"@orpc/tanstack-query\";\nimport { RouterClient } from \"./register.server\";\n\n/**\n * Create a new RPC link\n */\nconst link = new RPCLink({\n  url: () => {\n    if (typeof window === \"undefined\") {\n      throw new Error(\"RPCLink is not allowed on the server side.\");\n    }\n\n    return `${window.location.origin}/api/rpc`;\n  },\n});\n\n/**\n * Create a new RPC client\n */\nconst client: ORPCRouterClient<AnyRouter> = createORPCClient(link);\n\n/**\n * Create a new RPC client\n */\nexport function createRPCClient<TRouter extends AnyRouter>(): RouterClient<TRouter> {\n  return createTanstackQueryUtils(client as ORPCRouterClient<TRouter>);\n}\n"],"mappings":";;;;;;;;;;AAwBA,MAAMA,SAAsC,iBAb/B,IAAI,QAAQ,EACvB,WAAW;AACT,KAAI,OAAO,WAAW,YACpB,OAAM,IAAI,MAAM,6CAA6C;AAG/D,QAAO,GAAG,OAAO,SAAS,OAAO;GAEpC,CAAC,CAKgE;;;;AAKlE,SAAgB,kBAAoE;AAClF,QAAO,yBAAyB,OAAoC"}
+{"version":3,"file":"caller.client.mjs","names":[],"sources":["../../../../src/modules/router/handler/caller.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { createORPCClient } from \"@orpc/client\";\nimport { RPCLink } from \"@orpc/client/fetch\";\nimport type { AnyRouter, RouterClient as ORPCRouterClient } from \"@orpc/server\";\nimport { createTanstackQueryUtils } from \"@orpc/tanstack-query\";\nimport type { RouterClient } from \"./register.server\";\n\n/**\n * Create a new RPC link\n */\nconst link = new RPCLink({\n  url: () => {\n    if (typeof window === \"undefined\") {\n      throw new Error(\"RPCLink is not allowed on the server side.\");\n    }\n\n    return `${window.location.origin}/api/rpc`;\n  },\n});\n\n/**\n * Create a new RPC client\n */\nconst client: ORPCRouterClient<AnyRouter> = createORPCClient(link);\n\n/**\n * Create a new RPC client\n */\nexport function createRPCClient<TRouter extends AnyRouter>(): RouterClient<TRouter> {\n  return createTanstackQueryUtils(client as ORPCRouterClient<TRouter>);\n}\n"],"mappings":";;;;;;;;;;AAwBA,MAAM,SAAsC,iBAb/B,IAAI,QAAQ,EACvB,WAAW;AACT,KAAI,OAAO,WAAW,YACpB,OAAM,IAAI,MAAM,6CAA6C;AAG/D,QAAO,GAAG,OAAO,SAAS,OAAO;GAEpC,CAAC,CAKgE;;;;AAKlE,SAAgB,kBAAoE;AAClF,QAAO,yBAAyB,OAAoC"}

package/dist/modules/router/handler/caller.server.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"caller.server.d.mts","names":[],"sources":["../../../../src/modules/router/handler/caller.server.ts"],"sourcesContent":[],"mappings":";;;cAEa,wBAAe"}
+{"version":3,"file":"caller.server.d.mts","names":[],"sources":["../../../../src/modules/router/handler/caller.server.ts"],"mappings":";;;cAEa,eAAA,SAAe,kBAAA"}

package/dist/modules/router/handler/context.server.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"context.server.d.mts","names":[],"sources":["../../../../src/modules/router/handler/context.server.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;cAYa,mCACY;WAAmC,aAAa;MAAU;;;;;MADtE,SAAA,MAOZ;MANwB,MAAA,EAAA,MAAA;MAAgD,SAAA,MAAA;MAAb,KAAA,EAAA,MAAA;;;;;;;;;;;;;;;MAAuB,MAAA,EAAA,OAAA,GAAA,IAAA,GAAA,SAAA;MAAA,IAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,SAAA;MAQvE,SAAU,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,SAAA;MAAiB,UAAA,CAAA,MAAA,GAAA,IAAA,GAAA,SAAA;IACF,CAAA;EAAjB,CAAA,GAAA,IAAA;EAAlB,OAAA,uEAAA;EAD8D,EAAA,gBAAA,QAAA,CAAA;EAAO,MAAA,SAAA;EAI3D,IAAA,YAAmB;EAAiB,KAAA,aAAA;EAAoC,OAAA,gBAAA,QAAA,CAAA;CAAX,CAAA;AACvC,KALtB,UAKsB,CAAA,gBALK,eAKL,GAAA,GAAA,CAAA,GAL8B,OAK9B,CAJhC,UAIgC,CAAA,OAJd,gBAIc,CAJG,OAIH,CAAA,CAAA,CAAA;AAAX,KADX,mBACW,CAAA,gBADyB,eACzB,GAAA,GAAA,CAAA,GADkD,UAClD,CAD6D,OAC7D,CAAA,GAAA;EAAZ,OAAA,EAAA,WAAA,CAAY,UAAZ,CAAuB,OAAvB,CAAA,CAAA,SAAA,CAAA,CAAA;CAAW"}
+{"version":3,"file":"context.server.d.mts","names":[],"sources":["../../../../src/modules/router/handler/context.server.ts"],"mappings":";;;;;;;;;;;;;;;;cAUa,gBAAA,mBACY,eAAA,EAAe,KAAA;EAAW,OAAA,EAAS,YAAA,CAAa,OAAA;AAAA,MAAU,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KASvE,UAAA,iBAA2B,eAAA,UAAyB,OAAA,CAC9D,UAAA,QAAkB,gBAAA,CAAiB,OAAA;AAAA,KAIzB,mBAAA,iBAAoC,eAAA,UAAyB,UAAA,CAAW,OAAA;EAClF,OAAA,EAAS,WAAA,CAAY,UAAA,CAAW,OAAA;AAAA"}

package/dist/modules/router/handler/context.server.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"context.server.mjs","names":["headers","headersList"],"sources":["../../../../src/modules/router/handler/context.server.ts"],"sourcesContent":["import \"server-cli-only\";\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { type TDatabaseSchema } from \"@/modules/config/db/types\";\nimport { TulipContext } from \"@/modules/config/entry\";\nimport { headers as headersList } from \"next/headers\";\nimport { cache } from \"react\";\n\n/**\n * Create the router context\n */\nexport const createRPCContext = cache(\n  async <TSchema extends TDatabaseSchema>(props: { context: TulipContext<TSchema> }) => {\n    const headers = await headersList();\n    const session = await props.context.auth.api.getSession({ headers });\n\n    return { ...props.context, session, headers };\n  },\n);\n\nexport type RPCContext<TSchema extends TDatabaseSchema = any> = Awaited<\n  ReturnType<typeof createRPCContext<TSchema>>\n>;\n\nexport type ProtectedRPCContext<TSchema extends TDatabaseSchema = any> = RPCContext<TSchema> & {\n  session: NonNullable<RPCContext<TSchema>[\"session\"]>;\n};\n"],"mappings":";;;;;;;;AAYA,MAAa,mBAAmB,MAC9B,OAAwC,UAA8C;CACpF,MAAMA,YAAU,MAAMC,SAAa;CACnC,MAAM,UAAU,MAAM,MAAM,QAAQ,KAAK,IAAI,WAAW,EAAE,oBAAS,CAAC;AAEpE,QAAO;EAAE,GAAG,MAAM;EAAS;EAAS;EAAS;EAEhD"}
+{"version":3,"file":"context.server.mjs","names":["headers","headersList"],"sources":["../../../../src/modules/router/handler/context.server.ts"],"sourcesContent":["import \"server-cli-only\";\n\nimport { headers as headersList } from \"next/headers\";\nimport { cache } from \"react\";\nimport type { TDatabaseSchema } from \"@/modules/config/db/types\";\nimport type { TulipContext } from \"@/modules/config/entry\";\n\n/**\n * Create the router context\n */\nexport const createRPCContext = cache(\n  async <TSchema extends TDatabaseSchema>(props: { context: TulipContext<TSchema> }) => {\n    const headers = await headersList();\n    const session = await props.context.auth.api.getSession({ headers });\n\n    return { ...props.context, session, headers };\n  },\n);\n\n// biome-ignore lint/suspicious/noExplicitAny: This is needed to satisfy the system\nexport type RPCContext<TSchema extends TDatabaseSchema = any> = Awaited<\n  ReturnType<typeof createRPCContext<TSchema>>\n>;\n\n// biome-ignore lint/suspicious/noExplicitAny: This is needed to satisfy the system\nexport type ProtectedRPCContext<TSchema extends TDatabaseSchema = any> = RPCContext<TSchema> & {\n  session: NonNullable<RPCContext<TSchema>[\"session\"]>;\n};\n"],"mappings":";;;;;;;;AAUA,MAAa,mBAAmB,MAC9B,OAAwC,UAA8C;CACpF,MAAMA,YAAU,MAAMC,SAAa;CACnC,MAAM,UAAU,MAAM,MAAM,QAAQ,KAAK,IAAI,WAAW,EAAE,oBAAS,CAAC;AAEpE,QAAO;EAAE,GAAG,MAAM;EAAS;EAAS;EAAS;EAEhD"}

package/dist/modules/router/handler/init.server.d.mts

@@ -7,20 +7,20 @@ import { StorageService } from "../../storage/lib/service.server.mjs";
 import { AuthClient } from "../../auth/handler/init.mjs";
 import "../../../auth/server.mjs";
 import { ProtectedRPCContext, RPCContext } from "./context.server.mjs";
-import * as _orpc_server29 from "@orpc/server";
+import * as _orpc_server0 from "@orpc/server";
 import "server-cli-only";
 import * as next_dist_server_web_spec_extension_adapters_headers0 from "next/dist/server/web/spec-extension/adapters/headers";
-import * as _orpc_contract1 from "@orpc/contract";
+import * as _orpc_contract0 from "@orpc/contract";
 
 //#region src/modules/router/handler/init.server.d.ts
 /**
  * Initialize TRPC
  */
 declare function initRPC<TSchema extends TDatabaseSchema>(): {
-  publicProcedure: _orpc_server29.Builder<RPCContext<TSchema> & Record<never, never>, RPCContext<TSchema>, _orpc_contract1.Schema<unknown, unknown>, _orpc_contract1.Schema<unknown, unknown>, Record<never, never>, Record<never, never>>;
-  protectedProcedure: _orpc_server29.BuilderWithMiddlewares<_orpc_server29.MergedInitialContext<RPCContext<TSchema> & Record<never, never>, RPCContext<TSchema> & Record<never, never>, RPCContext<TSchema>>, _orpc_server29.MergedCurrentContext<RPCContext<TSchema>, ProtectedRPCContext<TSchema>>, _orpc_contract1.Schema<unknown, unknown>, _orpc_contract1.Schema<unknown, unknown>, Record<never, never>, Record<never, never>>;
-  authMiddleware: _orpc_server29.DecoratedMiddleware<RPCContext<TSchema> & Record<never, never>, ProtectedRPCContext<TSchema>, unknown, any, any, Record<never, never>>;
-  permissionMiddleware: (permission: Permission) => _orpc_server29.DecoratedMiddleware<{
+  publicProcedure: _orpc_server0.Builder<RPCContext<TSchema> & Record<never, never>, RPCContext<TSchema>, _orpc_contract0.Schema<unknown, unknown>, _orpc_contract0.Schema<unknown, unknown>, Record<never, never>, Record<never, never>>;
+  protectedProcedure: _orpc_server0.BuilderWithMiddlewares<_orpc_server0.MergedInitialContext<RPCContext<TSchema> & Record<never, never>, RPCContext<TSchema> & Record<never, never>, RPCContext<TSchema>>, _orpc_server0.MergedCurrentContext<RPCContext<TSchema>, ProtectedRPCContext<TSchema>>, _orpc_contract0.Schema<unknown, unknown>, _orpc_contract0.Schema<unknown, unknown>, Record<never, never>, Record<never, never>>;
+  authMiddleware: _orpc_server0.DecoratedMiddleware<RPCContext<TSchema> & Record<never, never>, ProtectedRPCContext<TSchema>, unknown, any, any, Record<never, never>>;
+  permissionMiddleware: (permission: Permission) => _orpc_server0.DecoratedMiddleware<{
     session: {
       session: {
         id: string;

package/dist/modules/router/handler/init.server.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"init.server.d.mts","names":[],"sources":["../../../../src/modules/router/handler/init.server.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;iBAWgB,wBAAwB;;;;qCAwBI,8BAAU;;;;QAxB/B,SAAA,MAAA;QAAiB,SAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAwBI,SAAA,MAAA"}
+{"version":3,"file":"init.server.d.mts","names":[],"sources":["../../../../src/modules/router/handler/init.server.ts"],"mappings":";;;;;;;;;;;;;;;;;;iBAWgB,OAAA,iBAAwB,eAAA,CAAA,CAAA;;;;qCAwBI,UAAA,mBAAU,mBAAA"}

package/dist/modules/router/handler/init.server.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"init.server.mjs","names":[],"sources":["../../../../src/modules/router/handler/init.server.ts"],"sourcesContent":["import \"server-cli-only\";\n\nimport { Permission } from \"@/modules/auth/lib/permissions\";\nimport { TDatabaseSchema } from \"@/modules/config/db/types\";\nimport { os } from \"@orpc/server\";\nimport { ServerError } from \"../lib/error.server\";\nimport { ProtectedRPCContext, RPCContext } from \"./context.server\";\n\n/**\n * Initialize TRPC\n */\nexport function initRPC<TSchema extends TDatabaseSchema>() {\n  /**\n   * Create the router\n   */\n  const o = os.$context<RPCContext<TSchema>>();\n\n  /**\n   * Middleware function to check if the user is authenticated\n   */\n  const authMiddleware = o.middleware(async (opts) => {\n    if (!opts.context.session) {\n      throw new ServerError(\"UNAUTHORIZED\", {\n        message: \"Jou hebt geen toegang om deze actie uit te voeren\",\n      });\n    }\n\n    return opts.next({\n      context: { ...opts.context, session: opts.context.session } as ProtectedRPCContext<TSchema>,\n    });\n  });\n\n  /**\n   * Middleware function to check if the user has the required permission\n   */\n  function permissionMiddleware(permission: Permission) {\n    /**\n     * Middleware function to check if the user has the required permission\n     */\n    return os.$context<ProtectedRPCContext<TSchema>>().middleware(async (opts) => {\n      const { success, error } = await opts.context.auth.api.userHasPermission({\n        body: {\n          userId: opts.context.session.user.id,\n          permission,\n        },\n      });\n\n      if (error || !success) {\n        throw new ServerError(\"UNAUTHORIZED\", {\n          message: \"Jou hebt geen toegang om deze actie uit te voeren\",\n        });\n      }\n\n      return opts.next({ context: { ...opts.context } as ProtectedRPCContext<TSchema> });\n    });\n  }\n\n  /**\n   * Public procedures\n   */\n  const publicProcedure = o;\n\n  /**\n   * Protected procedures\n   */\n  const protectedProcedure = o.use(authMiddleware);\n\n  /**\n   * Export\n   */\n  return {\n    publicProcedure,\n    protectedProcedure,\n    authMiddleware,\n    permissionMiddleware,\n  };\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,UAA2C;;;;CAIzD,MAAM,IAAI,GAAG,UAA+B;;;;CAK5C,MAAM,iBAAiB,EAAE,WAAW,OAAO,SAAS;AAClD,MAAI,CAAC,KAAK,QAAQ,QAChB,OAAM,IAAI,YAAY,gBAAgB,EACpC,SAAS,qDACV,CAAC;AAGJ,SAAO,KAAK,KAAK,EACf,SAAS;GAAE,GAAG,KAAK;GAAS,SAAS,KAAK,QAAQ;GAAS,EAC5D,CAAC;GACF;;;;CAKF,SAAS,qBAAqB,YAAwB;;;;AAIpD,SAAO,GAAG,UAAwC,CAAC,WAAW,OAAO,SAAS;GAC5E,MAAM,EAAE,SAAS,UAAU,MAAM,KAAK,QAAQ,KAAK,IAAI,kBAAkB,EACvE,MAAM;IACJ,QAAQ,KAAK,QAAQ,QAAQ,KAAK;IAClC;IACD,EACF,CAAC;AAEF,OAAI,SAAS,CAAC,QACZ,OAAM,IAAI,YAAY,gBAAgB,EACpC,SAAS,qDACV,CAAC;AAGJ,UAAO,KAAK,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,SAAS,EAAkC,CAAC;IAClF;;;;;AAgBJ,QAAO;EACL,iBAXsB;EAYtB,oBAPyB,EAAE,IAAI,eAAe;EAQ9C;EACA;EACD"}
+{"version":3,"file":"init.server.mjs","names":[],"sources":["../../../../src/modules/router/handler/init.server.ts"],"sourcesContent":["import \"server-cli-only\";\n\nimport { os } from \"@orpc/server\";\nimport type { Permission } from \"@/modules/auth/lib/permissions\";\nimport type { TDatabaseSchema } from \"@/modules/config/db/types\";\nimport { ServerError } from \"../lib/error.server\";\nimport type { ProtectedRPCContext, RPCContext } from \"./context.server\";\n\n/**\n * Initialize TRPC\n */\nexport function initRPC<TSchema extends TDatabaseSchema>() {\n  /**\n   * Create the router\n   */\n  const o = os.$context<RPCContext<TSchema>>();\n\n  /**\n   * Middleware function to check if the user is authenticated\n   */\n  const authMiddleware = o.middleware(async (opts) => {\n    if (!opts.context.session) {\n      throw new ServerError(\"UNAUTHORIZED\", {\n        message: \"Jou hebt geen toegang om deze actie uit te voeren\",\n      });\n    }\n\n    return opts.next({\n      context: { ...opts.context, session: opts.context.session } as ProtectedRPCContext<TSchema>,\n    });\n  });\n\n  /**\n   * Middleware function to check if the user has the required permission\n   */\n  function permissionMiddleware(permission: Permission) {\n    /**\n     * Middleware function to check if the user has the required permission\n     */\n    return os.$context<ProtectedRPCContext<TSchema>>().middleware(async (opts) => {\n      const { success, error } = await opts.context.auth.api.userHasPermission({\n        body: {\n          userId: opts.context.session.user.id,\n          permission,\n        },\n      });\n\n      if (error || !success) {\n        throw new ServerError(\"UNAUTHORIZED\", {\n          message: \"Jou hebt geen toegang om deze actie uit te voeren\",\n        });\n      }\n\n      return opts.next({ context: { ...opts.context } as ProtectedRPCContext<TSchema> });\n    });\n  }\n\n  /**\n   * Public procedures\n   */\n  const publicProcedure = o;\n\n  /**\n   * Protected procedures\n   */\n  const protectedProcedure = o.use(authMiddleware);\n\n  /**\n   * Export\n   */\n  return {\n    publicProcedure,\n    protectedProcedure,\n    authMiddleware,\n    permissionMiddleware,\n  };\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,UAA2C;;;;CAIzD,MAAM,IAAI,GAAG,UAA+B;;;;CAK5C,MAAM,iBAAiB,EAAE,WAAW,OAAO,SAAS;AAClD,MAAI,CAAC,KAAK,QAAQ,QAChB,OAAM,IAAI,YAAY,gBAAgB,EACpC,SAAS,qDACV,CAAC;AAGJ,SAAO,KAAK,KAAK,EACf,SAAS;GAAE,GAAG,KAAK;GAAS,SAAS,KAAK,QAAQ;GAAS,EAC5D,CAAC;GACF;;;;CAKF,SAAS,qBAAqB,YAAwB;;;;AAIpD,SAAO,GAAG,UAAwC,CAAC,WAAW,OAAO,SAAS;GAC5E,MAAM,EAAE,SAAS,UAAU,MAAM,KAAK,QAAQ,KAAK,IAAI,kBAAkB,EACvE,MAAM;IACJ,QAAQ,KAAK,QAAQ,QAAQ,KAAK;IAClC;IACD,EACF,CAAC;AAEF,OAAI,SAAS,CAAC,QACZ,OAAM,IAAI,YAAY,gBAAgB,EACpC,SAAS,qDACV,CAAC;AAGJ,UAAO,KAAK,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,SAAS,EAAkC,CAAC;IAClF;;;;;AAgBJ,QAAO;EACL,iBAXsB;EAYtB,oBAPyB,EAAE,IAAI,eAAe;EAQ9C;EACA;EACD"}

package/dist/modules/router/handler/register.server.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"register.server.d.mts","names":[],"sources":["../../../../src/modules/router/handler/register.server.ts"],"sourcesContent":[],"mappings":";;;;KAKY,+BAA6B,aAAa,YAAY,aAAiB;iBAEnE,qCAAqC,mBAAmB,aAAiB"}
+{"version":3,"file":"register.server.d.mts","names":[],"sources":["../../../../src/modules/router/handler/register.server.ts"],"mappings":";;;;KAKY,cAAA,iBAA6B,SAAA,IAAa,WAAA,CAAY,YAAA,CAAiB,OAAA;AAAA,iBAEnE,oBAAA,iBAAqC,SAAA,CAAA,CAAW,MAAA,EAAQ,YAAA,CAAiB,OAAA"}

package/dist/modules/router/handler/register.server.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"register.server.mjs","names":[],"sources":["../../../../src/modules/router/handler/register.server.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { AnyRouter, RouterClient as ORPCRouterClient } from \"@orpc/server\";\nimport { createTanstackQueryUtils, RouterUtils } from \"@orpc/tanstack-query\";\n\nexport type RouterClient<TRouter extends AnyRouter> = RouterUtils<ORPCRouterClient<TRouter>>;\n\nexport function registerRouterClient<TRouter extends AnyRouter>(client: ORPCRouterClient<TRouter>) {\n  if (!(globalThis as any).$client) {\n    (globalThis as any).$client = createTanstackQueryUtils(client);\n  }\n\n  return (globalThis as any).$client;\n}\n"],"mappings":";;;AAOA,SAAgB,qBAAgD,QAAmC;AACjG,KAAI,CAAE,WAAmB,QACvB,CAAC,WAAmB,UAAU,yBAAyB,OAAO;AAGhE,QAAQ,WAAmB"}
+{"version":3,"file":"register.server.mjs","names":[],"sources":["../../../../src/modules/router/handler/register.server.ts"],"sourcesContent":["/** biome-ignore-all lint/suspicious/noExplicitAny: This is needed to satisfy the system */\n\nimport type { AnyRouter, RouterClient as ORPCRouterClient } from \"@orpc/server\";\nimport { createTanstackQueryUtils, type RouterUtils } from \"@orpc/tanstack-query\";\n\nexport type RouterClient<TRouter extends AnyRouter> = RouterUtils<ORPCRouterClient<TRouter>>;\n\nexport function registerRouterClient<TRouter extends AnyRouter>(client: ORPCRouterClient<TRouter>) {\n  if (!(globalThis as any).$client) {\n    (globalThis as any).$client = createTanstackQueryUtils(client);\n  }\n\n  return (globalThis as any).$client;\n}\n"],"mappings":";;;AAOA,SAAgB,qBAAgD,QAAmC;AACjG,KAAI,CAAE,WAAmB,QACvB,CAAC,WAAmB,UAAU,yBAAyB,OAAO;AAGhE,QAAQ,WAAmB"}

package/dist/modules/router/handler/route.server.d.mts

@@ -3,7 +3,6 @@ import { TulipContext } from "../../config/lib/context.mjs";
 import { AnyRouter } from "@orpc/server";
 
 //#region src/modules/router/handler/route.server.d.ts
-
 /**
  * RPC Route handler
  */

package/dist/modules/router/handler/route.server.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"route.server.d.mts","names":[],"sources":["../../../../src/modules/router/handler/route.server.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAUA;AAA+C,iBAA/B,cAA+B,CAAA,gBAAA,SAAA,EAAA,gBAA2B,eAA3B,CAAA,CAAA,KAAA,EAAA;EAA2B,SAAA,EAC7D,OAD6D;EAC7D,OAAA,EACF,YADE,CACW,OADX,CAAA;CACW,CAAA,EAAA;EAAb,IAAA,EAAA,CAAA,OAAA,EAU6B,OAV7B,EAAA,GAUoC,OAVpC,CAUoC,QAVpC,CAAA;EAU6B,GAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,GAAO,OAAP,CAAO,QAAP,CAAA;EAAO,IAAA,EAAA,CAAA,OAAA,EAAP,OAAO,EAAA,GAAA,OAAA,CAAA,QAAA,CAAA;EAAA,GAAA,EAAA,CAAA,OAAA,EAAP,OAAO,EAAA,GAAA,OAAA,CAAA,QAAA,CAAA;EAAP,KAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,GAAO,OAAP,CAAO,QAAP,CAAA;EAAO,MAAA,EAAA,CAAA,OAAA,EAAP,OAAO,EAAA,GAAA,OAAA,CAAA,QAAA,CAAA;CAAA"}
+{"version":3,"file":"route.server.d.mts","names":[],"sources":["../../../../src/modules/router/handler/route.server.ts"],"mappings":";;;;;;;AAUA;iBAAgB,cAAA,iBAA+B,SAAA,kBAA2B,eAAA,CAAA,CAAiB,KAAA;EACzF,SAAA,EAAW,OAAA;EACX,OAAA,EAAS,YAAA,CAAa,OAAA;AAAA;kBAUgB,OAAA,KAAO,OAAA,CAAA,QAAA;iBAAP,OAAA,KAAO,OAAA,CAAA,QAAA;kBAAP,OAAA,KAAO,OAAA,CAAA,QAAA;iBAAP,OAAA,KAAO,OAAA,CAAA,QAAA;mBAAP,OAAA,KAAO,OAAA,CAAA,QAAA;oBAAP,OAAA,KAAO,OAAA,CAAA,QAAA;AAAA"}

package/dist/modules/router/handler/route.server.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"route.server.mjs","names":[],"sources":["../../../../src/modules/router/handler/route.server.ts"],"sourcesContent":["import { TDatabaseSchema } from \"@/modules/config/db/types\";\nimport { TulipContext } from \"@/modules/config/lib/context\";\nimport { onError } from \"@orpc/client\";\nimport { AnyRouter } from \"@orpc/server\";\nimport { RPCHandler } from \"@orpc/server/fetch\";\nimport { createRPCContext } from \"./context.server\";\n\n/**\n * RPC Route handler\n */\nexport function handleRPCRoute<TRouter extends AnyRouter, TSchema extends TDatabaseSchema>(props: {\n  appRouter: TRouter;\n  context: TulipContext<TSchema>;\n}) {\n  const handler = new RPCHandler(props.appRouter, {\n    interceptors: [\n      onError((error) => {\n        console.error(JSON.stringify(error));\n      }),\n    ],\n  });\n\n  async function handleRequest(request: Request) {\n    const rpcContext = await createRPCContext({ context: props.context });\n    const { response } = await handler.handle(request, {\n      prefix: \"/api/rpc\",\n      context: rpcContext,\n    });\n\n    return response ?? new Response(\"Not found\", { status: 404 });\n  }\n\n  return {\n    HEAD: handleRequest,\n    GET: handleRequest,\n    POST: handleRequest,\n    PUT: handleRequest,\n    PATCH: handleRequest,\n    DELETE: handleRequest,\n  };\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,eAA2E,OAGxF;CACD,MAAM,UAAU,IAAI,WAAW,MAAM,WAAW,EAC9C,cAAc,CACZ,SAAS,UAAU;AACjB,UAAQ,MAAM,KAAK,UAAU,MAAM,CAAC;GACpC,CACH,EACF,CAAC;CAEF,eAAe,cAAc,SAAkB;EAC7C,MAAM,aAAa,MAAM,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAC;EACrE,MAAM,EAAE,aAAa,MAAM,QAAQ,OAAO,SAAS;GACjD,QAAQ;GACR,SAAS;GACV,CAAC;AAEF,SAAO,YAAY,IAAI,SAAS,aAAa,EAAE,QAAQ,KAAK,CAAC;;AAG/D,QAAO;EACL,MAAM;EACN,KAAK;EACL,MAAM;EACN,KAAK;EACL,OAAO;EACP,QAAQ;EACT"}
+{"version":3,"file":"route.server.mjs","names":[],"sources":["../../../../src/modules/router/handler/route.server.ts"],"sourcesContent":["import { onError } from \"@orpc/client\";\nimport type { AnyRouter } from \"@orpc/server\";\nimport { RPCHandler } from \"@orpc/server/fetch\";\nimport type { TDatabaseSchema } from \"@/modules/config/db/types\";\nimport type { TulipContext } from \"@/modules/config/lib/context\";\nimport { createRPCContext } from \"./context.server\";\n\n/**\n * RPC Route handler\n */\nexport function handleRPCRoute<TRouter extends AnyRouter, TSchema extends TDatabaseSchema>(props: {\n  appRouter: TRouter;\n  context: TulipContext<TSchema>;\n}) {\n  const handler = new RPCHandler(props.appRouter, {\n    interceptors: [\n      onError((error) => {\n        console.error(JSON.stringify(error));\n      }),\n    ],\n  });\n\n  async function handleRequest(request: Request) {\n    const rpcContext = await createRPCContext({ context: props.context });\n    const { response } = await handler.handle(request, {\n      prefix: \"/api/rpc\",\n      context: rpcContext,\n    });\n\n    return response ?? new Response(\"Not found\", { status: 404 });\n  }\n\n  return {\n    HEAD: handleRequest,\n    GET: handleRequest,\n    POST: handleRequest,\n    PUT: handleRequest,\n    PATCH: handleRequest,\n    DELETE: handleRequest,\n  };\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,eAA2E,OAGxF;CACD,MAAM,UAAU,IAAI,WAAW,MAAM,WAAW,EAC9C,cAAc,CACZ,SAAS,UAAU;AACjB,UAAQ,MAAM,KAAK,UAAU,MAAM,CAAC;GACpC,CACH,EACF,CAAC;CAEF,eAAe,cAAc,SAAkB;EAC7C,MAAM,aAAa,MAAM,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAC;EACrE,MAAM,EAAE,aAAa,MAAM,QAAQ,OAAO,SAAS;GACjD,QAAQ;GACR,SAAS;GACV,CAAC;AAEF,SAAO,YAAY,IAAI,SAAS,aAAa,EAAE,QAAQ,KAAK,CAAC;;AAG/D,QAAO;EACL,MAAM;EACN,KAAK;EACL,MAAM;EACN,KAAK;EACL,OAAO;EACP,QAAQ;EACT"}

package/dist/modules/router/lib/query-client.d.mts

@@ -1,7 +1,6 @@
 import { QueryClient } from "@tanstack/react-query";
 
 //#region src/modules/router/lib/query-client.d.ts
-
 /**
  * Create a new query client
  */

package/dist/modules/router/lib/query-client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"query-client.d.mts","names":[],"sources":["../../../../src/modules/router/lib/query-client.ts"],"sourcesContent":[],"mappings":";;;;;;AAMA;iBAAgB,iBAAA,CAAA,GAAiB"}
+{"version":3,"file":"query-client.d.mts","names":[],"sources":["../../../../src/modules/router/lib/query-client.ts"],"mappings":";;;;;AAMA;iBAAgB,iBAAA,CAAA,GAAiB,WAAA"}

package/dist/modules/router/lib/query-client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"query-client.mjs","names":["queryClient: QueryClient","browserQueryClient: QueryClient"],"sources":["../../../../src/modules/router/lib/query-client.ts"],"sourcesContent":["import { isServer, MutationCache, QueryClient } from \"@tanstack/react-query\";\nimport { serializer } from \"./helpers\";\n\n/**\n * Create a new query client\n */\nexport function createQueryClient() {\n  // eslint-disable-next-line prefer-const\n  let queryClient: QueryClient;\n\n  const mutationCache = new MutationCache({\n    onSuccess: () => {\n      // Invalidate all queries in the react-query cache:\n      queryClient.invalidateQueries();\n    },\n  });\n\n  queryClient = new QueryClient({\n    defaultOptions: {\n      queries: {\n        queryKeyHashFn(queryKey) {\n          const [json, meta] = serializer.serialize(queryKey);\n          return JSON.stringify({ json, meta });\n        },\n        staleTime: 60 * 1000, // > 0 to prevent immediate refetching on mount\n      },\n      dehydrate: {\n        serializeData(data) {\n          const [json, meta] = serializer.serialize(data);\n          return { json, meta };\n        },\n      },\n      hydrate: {\n        deserializeData(data) {\n          return serializer.deserialize(data.json, data.meta);\n        },\n      },\n    },\n    mutationCache,\n  });\n\n  return queryClient;\n}\n\n/**\n *  Create a stable getter for the query client that will return the same client during the same request.\n */\nlet browserQueryClient: QueryClient;\n\nexport function getQueryClient() {\n  if (isServer) {\n    // Server: always make a new query client\n    return createQueryClient();\n  }\n\n  // Browser: make a new query client if we don't already have one\n  // This is very important, so we don't re-make a new client if React\n  // suspends during the initial render. This may not be needed if we\n  // have a suspense boundary BELOW the creation of the query client\n  if (!browserQueryClient) browserQueryClient = createQueryClient();\n\n  return browserQueryClient;\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,oBAAoB;CAElC,IAAIA;AASJ,eAAc,IAAI,YAAY;EAC5B,gBAAgB;GACd,SAAS;IACP,eAAe,UAAU;KACvB,MAAM,CAAC,MAAM,QAAQ,WAAW,UAAU,SAAS;AACnD,YAAO,KAAK,UAAU;MAAE;MAAM;MAAM,CAAC;;IAEvC,WAAW,KAAK;IACjB;GACD,WAAW,EACT,cAAc,MAAM;IAClB,MAAM,CAAC,MAAM,QAAQ,WAAW,UAAU,KAAK;AAC/C,WAAO;KAAE;KAAM;KAAM;MAExB;GACD,SAAS,EACP,gBAAgB,MAAM;AACpB,WAAO,WAAW,YAAY,KAAK,MAAM,KAAK,KAAK;MAEtD;GACF;EACD,eA5BoB,IAAI,cAAc,EACtC,iBAAiB;AAEf,eAAY,mBAAmB;KAElC,CAAC;EAwBD,CAAC;AAEF,QAAO;;;;;AAMT,IAAIC;AAEJ,SAAgB,iBAAiB;AAC/B,KAAI,SAEF,QAAO,mBAAmB;AAO5B,KAAI,CAAC,mBAAoB,sBAAqB,mBAAmB;AAEjE,QAAO"}
+{"version":3,"file":"query-client.mjs","names":[],"sources":["../../../../src/modules/router/lib/query-client.ts"],"sourcesContent":["import { isServer, MutationCache, QueryClient } from \"@tanstack/react-query\";\nimport { serializer } from \"./helpers\";\n\n/**\n * Create a new query client\n */\nexport function createQueryClient() {\n  let queryClient: QueryClient;\n\n  const mutationCache = new MutationCache({\n    onSuccess: () => {\n      // Invalidate all queries in the react-query cache:\n      queryClient.invalidateQueries();\n    },\n  });\n\n  queryClient = new QueryClient({\n    defaultOptions: {\n      queries: {\n        queryKeyHashFn(queryKey) {\n          const [json, meta] = serializer.serialize(queryKey);\n          return JSON.stringify({ json, meta });\n        },\n        staleTime: 60 * 1000, // > 0 to prevent immediate refetching on mount\n      },\n      dehydrate: {\n        serializeData(data) {\n          const [json, meta] = serializer.serialize(data);\n          return { json, meta };\n        },\n      },\n      hydrate: {\n        deserializeData(data) {\n          return serializer.deserialize(data.json, data.meta);\n        },\n      },\n    },\n    mutationCache,\n  });\n\n  return queryClient;\n}\n\n/**\n *  Create a stable getter for the query client that will return the same client during the same request.\n */\nlet browserQueryClient: QueryClient;\n\nexport function getQueryClient() {\n  if (isServer) {\n    // Server: always make a new query client\n    return createQueryClient();\n  }\n\n  // Browser: make a new query client if we don't already have one\n  // This is very important, so we don't re-make a new client if React\n  // suspends during the initial render. This may not be needed if we\n  // have a suspense boundary BELOW the creation of the query client\n  if (!browserQueryClient) browserQueryClient = createQueryClient();\n\n  return browserQueryClient;\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,oBAAoB;CAClC,IAAI;AASJ,eAAc,IAAI,YAAY;EAC5B,gBAAgB;GACd,SAAS;IACP,eAAe,UAAU;KACvB,MAAM,CAAC,MAAM,QAAQ,WAAW,UAAU,SAAS;AACnD,YAAO,KAAK,UAAU;MAAE;MAAM;MAAM,CAAC;;IAEvC,WAAW,KAAK;IACjB;GACD,WAAW,EACT,cAAc,MAAM;IAClB,MAAM,CAAC,MAAM,QAAQ,WAAW,UAAU,KAAK;AAC/C,WAAO;KAAE;KAAM;KAAM;MAExB;GACD,SAAS,EACP,gBAAgB,MAAM;AACpB,WAAO,WAAW,YAAY,KAAK,MAAM,KAAK,KAAK;MAEtD;GACF;EACD,eA5BoB,IAAI,cAAc,EACtC,iBAAiB;AAEf,eAAY,mBAAmB;KAElC,CAAC;EAwBD,CAAC;AAEF,QAAO;;;;;AAMT,IAAI;AAEJ,SAAgB,iBAAiB;AAC/B,KAAI,SAEF,QAAO,mBAAmB;AAO5B,KAAI,CAAC,mBAAoB,sBAAqB,mBAAmB;AAEjE,QAAO"}

package/dist/modules/router/lib/query-client.server.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"query-client.server.d.mts","names":[],"sources":["../../../../src/modules/router/lib/query-client.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AASa,cAAA,cAAc,EAAA,OAAA,iBAA2B;AAKtD;;;iBAAgB,aAAA;YAAiC,KAAA,CAAM;IAAW,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"query-client.server.d.mts","names":[],"sources":["../../../../src/modules/router/lib/query-client.server.tsx"],"mappings":";;;;;;;;cASa,cAAA,SAAc,iBAAA;;;;iBAKX,aAAA,CAAc,KAAA;EAAS,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,7 +1,6 @@
 import { z as z$1 } from "zod";
 
 //#region src/modules/router/lib/validators.d.ts
-
 /**
  * Bulk action schema
  */

package/dist/modules/router/lib/validators.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"validators.d.mts","names":[],"sources":["../../../../src/modules/router/lib/validators.ts"],"sourcesContent":[],"mappings":";;;;;;AAKA;cAAa,kBAAgB,GAAA,CAAA;;;AAAA,KAIjB,gBAAA,GAAmB,GAAA,CAAE,KAJJ,CAAA,OAIiB,gBAJjB,CAAA"}
+{"version":3,"file":"validators.d.mts","names":[],"sources":["../../../../src/modules/router/lib/validators.ts"],"mappings":";;;;;AAKA;cAAa,gBAAA,EAAgB,GAAA,CAAA,SAAA;;;KAIjB,gBAAA,GAAmB,GAAA,CAAE,KAAA,QAAa,gBAAA"}

package/dist/modules/storage/components/dropzone-context.client.d.mts

@@ -1,4 +1,4 @@
-import * as react1 from "react";
+import * as react from "react";
 import { DropzoneOptions } from "react-dropzone";
 
 //#region src/modules/storage/components/dropzone-context.client.d.ts
@@ -9,7 +9,7 @@ type DropzoneContextType = {
   minSize?: DropzoneOptions["minSize"];
   maxFiles?: DropzoneOptions["maxFiles"];
 };
-declare const DropzoneContext: react1.Context<DropzoneContextType | undefined>;
+declare const DropzoneContext: react.Context<DropzoneContextType | undefined>;
 /**
  * Dropzone context hook
  */

package/dist/modules/storage/components/dropzone-context.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone-context.client.d.mts","names":[],"sources":["../../../../src/modules/storage/components/dropzone-context.client.tsx"],"sourcesContent":[],"mappings":";;;;KAKK,mBAAA;QACG;WACG;EAFN,OAAA,CAAA,EAGO,eAHY,CAAA,SAAA,CAAA;EAChB,OAAA,CAAA,EAGI,eAHJ,CAAA,SAAA,CAAA;EACG,QAAA,CAAA,EAGE,eAHF,CAAA,UAAA,CAAA;CACC;AACA,cAIC,eAJD,EAIgB,MAAA,CAAA,OAJhB,CAIgB,mBAJhB,GAAA,SAAA,CAAA;;;AAIZ;AAKgB,iBAAA,kBAAA,CAAA,CAAkB,EAAA,mBAAA"}
+{"version":3,"file":"dropzone-context.client.d.mts","names":[],"sources":["../../../../src/modules/storage/components/dropzone-context.client.tsx"],"mappings":";;;;KAKK,mBAAA;EACH,GAAA,GAAM,IAAA;EACN,MAAA,GAAS,eAAA;EACT,OAAA,GAAU,eAAA;EACV,OAAA,GAAU,eAAA;EACV,QAAA,GAAW,eAAA;AAAA;AAAA,cAGA,eAAA,EAAe,KAAA,CAAA,OAAA,CAAA,mBAAA;;;;iBAKZ,kBAAA,CAAA,GAAkB,mBAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"dropzone-context.client.mjs","names":[],"sources":["../../../../src/modules/storage/components/dropzone-context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, use } from \"react\";\nimport { DropzoneOptions } from \"react-dropzone\";\n\ntype DropzoneContextType = {\n  src?: File[];\n  accept?: DropzoneOptions[\"accept\"];\n  maxSize?: DropzoneOptions[\"maxSize\"];\n  minSize?: DropzoneOptions[\"minSize\"];\n  maxFiles?: DropzoneOptions[\"maxFiles\"];\n};\n\nexport const DropzoneContext = createContext<DropzoneContextType | undefined>(undefined);\n\n/**\n * Dropzone context hook\n */\nexport function useDropzoneContext() {\n  const context = use(DropzoneContext);\n  if (!context) throw new Error(\"useDropzoneContext must be used within a Dropzone\");\n  return context;\n}\n"],"mappings":";;;;;AAaA,MAAa,kBAAkB,cAA+C,OAAU;;;;AAKxF,SAAgB,qBAAqB;CACnC,MAAM,UAAU,IAAI,gBAAgB;AACpC,KAAI,CAAC,QAAS,OAAM,IAAI,MAAM,oDAAoD;AAClF,QAAO"}
+{"version":3,"file":"dropzone-context.client.mjs","names":[],"sources":["../../../../src/modules/storage/components/dropzone-context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, use } from \"react\";\nimport type { DropzoneOptions } from \"react-dropzone\";\n\ntype DropzoneContextType = {\n  src?: File[];\n  accept?: DropzoneOptions[\"accept\"];\n  maxSize?: DropzoneOptions[\"maxSize\"];\n  minSize?: DropzoneOptions[\"minSize\"];\n  maxFiles?: DropzoneOptions[\"maxFiles\"];\n};\n\nexport const DropzoneContext = createContext<DropzoneContextType | undefined>(undefined);\n\n/**\n * Dropzone context hook\n */\nexport function useDropzoneContext() {\n  const context = use(DropzoneContext);\n  if (!context) throw new Error(\"useDropzoneContext must be used within a Dropzone\");\n  return context;\n}\n"],"mappings":";;;;;AAaA,MAAa,kBAAkB,cAA+C,OAAU;;;;AAKxF,SAAgB,qBAAqB;CACnC,MAAM,UAAU,IAAI,gBAAgB;AACpC,KAAI,CAAC,QAAS,OAAM,IAAI,MAAM,oDAAoD;AAClF,QAAO"}

package/dist/modules/storage/components/dropzone.client.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as react2 from "react";
+import * as react from "react";
 import { ReactNode } from "react";
 import { DropEvent, DropzoneOptions, FileRejection } from "react-dropzone";
 
@@ -36,7 +36,7 @@ type DropzoneContentProps = {
 declare function DropzoneContent({
   children,
   className
-}: DropzoneContentProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react2.ReactPortal | react2.ReactElement<unknown, string | react2.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element | null;
+}: DropzoneContentProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element | null;
 /**
  * DropzoneEmptyState
  */
@@ -47,7 +47,7 @@ type DropzoneEmptyStateProps = {
 declare function DropzoneEmptyState({
   children,
   className
-}: DropzoneEmptyStateProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react2.ReactPortal | react2.ReactElement<unknown, string | react2.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element | null;
+}: DropzoneEmptyStateProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element | null;
 //#endregion
 export { Dropzone, DropzoneContent, DropzoneContentProps, DropzoneEmptyState, DropzoneEmptyStateProps, DropzoneProps };
 //# sourceMappingURL=dropzone.client.d.mts.map

package/dist/modules/storage/components/dropzone.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone.client.d.mts","names":[],"sources":["../../../../src/modules/storage/components/dropzone.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;KAcY,aAAA,GAAgB,KAAK;EAArB,GAAA,CAAA,EACJ,IADI,EAAA;EAAqB,SAAA,CAAA,EAAA,MAAA;EAAL,MAAA,CAAA,EAAA,CAAA,aAAA,EAGD,IAHC,EAAA,EAAA,cAAA,EAGuB,aAHvB,EAAA,EAAA,KAAA,EAG+C,SAH/C,EAAA,GAAA,IAAA;EACpB,QAAA,CAAA,EAGK,SAHL;CAEmB;AAAwB,iBAInC,QAAA,CAJmC;EAAA,MAAA;EAAA,QAAA;EAAA,OAAA;EAAA,OAAA;EAAA,MAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAgBhD,aAhBgD,CAAA,EAgBnC,kBAAA,CAAA,GAAA,CAAA,OAhBmC;;;;AAInC,KAsDJ,oBAAA,GAtDY;EACtB,QAAA,CAAA,EAsDW,SAtDX;EACA,SAAA,CAAA,EAAA,MAAA;CACA;AACA,iBAyDc,eAAA,CAzDd;EAAA,QAAA;EAAA;AAAA,CAAA,EAyDuD,oBAzDvD,CAAA,EAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,IAAA,GAyD2E,QAzD3E,CAyD2E,SAzD3E,CAAA,GAyD2E,OAzD3E,CAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAyD2E,MAAA,CAAA,WAAA,GAAA,MAAA,CAAA,YAzD3E,CAAA,OAAA,EAAA,MAAA,GAyD2E,MAAA,CAAA,qBAzD3E,CAAA,GAAA,CAAA,CAAA,GAyD2E,QAzD3E,CAyD2E,SAzD3E,CAAA,GAAA,IAAA,GAAA,SAAA,CAAA,GAyD2E,kBAAA,CAAA,GAAA,CAAA,OAAA,GAzD3E,IAAA;;;;AAIA,KAmFU,uBAAA,GAnFV;EACA,QAAA,CAAA,EAmFW,SAnFX;EACA,SAAA,CAAA,EAAA,MAAA;CAEC;AAAa,iBAoFA,kBAAA,CApFA;EAAA,QAAA;EAAA;AAAA,CAAA,EAoF4C,uBApF5C,CAAA,EAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,IAAA,GAoFmE,QApFnE,CAoFmE,SApFnE,CAAA,GAoFmE,OApFnE,CAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAoFmE,MAAA,CAAA,WAAA,GAAA,MAAA,CAAA,YApFnE,CAAA,OAAA,EAAA,MAAA,GAoFmE,MAAA,CAAA,qBApFnE,CAAA,GAAA,CAAA,CAAA,GAoFmE,QApFnE,CAoFmE,SApFnE,CAAA,GAAA,IAAA,GAAA,SAAA,CAAA,GAoFmE,kBAAA,CAAA,GAAA,CAAA,OAAA,GApFnE,IAAA"}
+{"version":3,"file":"dropzone.client.d.mts","names":[],"sources":["../../../../src/modules/storage/components/dropzone.client.tsx"],"mappings":";;;;;;;;;KAcY,aAAA,GAAgB,IAAA,CAAK,eAAA;EAC/B,GAAA,GAAM,IAAA;EACN,SAAA;EACA,MAAA,IAAU,aAAA,EAAe,IAAA,IAAQ,cAAA,EAAgB,aAAA,IAAiB,KAAA,EAAO,SAAA;EACzE,QAAA,GAAW,SAAA;AAAA;AAAA,iBAGG,QAAA,CAAA;EACd,MAAA;EACA,QAAA;EACA,OAAA;EACA,OAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,GAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KA0CJ,oBAAA;EACV,QAAA,GAAW,SAAA;EACX,SAAA;AAAA;AAAA,iBAKc,eAAA,CAAA;EAAkB,QAAA;EAAU;AAAA,GAAa,oBAAA,qCAAoB,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA,wBAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KA8BjE,uBAAA;EACV,QAAA,GAAW,SAAA;EACX,SAAA;AAAA;AAAA,iBAGc,kBAAA,CAAA;EAAqB,QAAA;EAAU;AAAA,GAAa,uBAAA,qCAAuB,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA,wBAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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 { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { renderBytes } from \"@/modules/storage/lib/helpers\";\nimport { UploadIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport type { DropEvent, DropzoneOptions, FileRejection } from \"react-dropzone\";\nimport { useDropzone } from \"react-dropzone\";\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 && \"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"}

package/dist/modules/storage/components/image-grid.client.d.mts

@@ -1,5 +1,5 @@
 import { FileNode } from "../lib/validators.mjs";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/storage/components/image-grid.client.d.ts
@@ -26,8 +26,8 @@ declare function ImageGrid({
   optimistic,
   disabled,
   ...props
-}: ImageGridProps): react_jsx_runtime3.JSX.Element;
-declare function ImageGridSkeleton(props: ComponentProps<"div">): react_jsx_runtime3.JSX.Element;
+}: ImageGridProps): react_jsx_runtime0.JSX.Element;
+declare function ImageGridSkeleton(props: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ImageGrid, ImageGridSkeleton };
 //# sourceMappingURL=image-grid.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"image-grid.client.d.mts","names":[],"sources":["../../../../src/modules/storage/components/image-grid.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAsC6C,KAMxC,cAAA,GAAiB,cAAH,CAAA,KAAA,CAAA,GAAA;EAAG,KAAA,EACb,QADa,EAAA;EACb,QAAA,CAAA,EAAA,OAAA;EAEyD,UAAA,EAAA,CAAA,MAAA,EAAA;IAEH,SAAA,EAAA,MAAA;IAAO,OAAA,EAAA,MAAA;EAItD,CAAA,EAAA,GANkD,OAMzC,CAAA,IAAA,CAAA;EAAG,UAAA,CAAA,EAAA;IAAO,IAAA,CAAA,EAAA,CAAA,MAAA,EAAA;MAAY,SAAA,EAAA,MAAA;MAAY,OAAA,EAAA,MAAA;IAAsB,CAAA,EAAA,GAJlB,OAIkB,CAAA,IAAA,CAAA,GAAA,IAAA;EAAc,CAAA;CAAA;AAkK/E,iBAlKA,SAAA,CAkKiB;EAAA,KAAQ;EAAA,UAAqB;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAlKmB,cAkKnB,CAAA,EAlKiC,kBAAA,CAAA,GAAA,CAAA,OAkKjC;iBAA9C,iBAAA,QAAyB,wBAAqB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"image-grid.client.d.mts","names":[],"sources":["../../../../src/modules/storage/components/image-grid.client.tsx"],"mappings":";;;;;;;;KA4CK,cAAA,GAAiB,cAAA;EACpB,KAAA,EAAO,QAAA;EACP,QAAA;EACA,UAAA,GAAa,MAAA;IAAU,SAAA;IAAmB,OAAA;EAAA,MAAsB,OAAA;EAChE,UAAA;IACE,IAAA,IAAQ,MAAA;MAAU,SAAA;MAAmB,OAAA;IAAA,MAAsB,OAAA;EAAA;AAAA;AAAA,iBAI/C,SAAA,CAAA;EAAY,KAAA;EAAO,UAAA;EAAY,UAAA;EAAY,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAsK/E,iBAAA,CAAkB,KAAA,EAAO,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -71,8 +71,10 @@ function ImageGrid({ nodes, moveAction, optimistic, disabled, ...props }) {
 						index,
 						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",
 						children: [/* @__PURE__ */ jsx(UploadIcon, { className: "h-8 w-8" }), /* @__PURE__ */ jsx(Input, {
+							id: "file-upload",
 							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",

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 { 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 {\n  closestCenter,\n  DndContext,\n  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, { ComponentProps } from \"react\";\nimport { getFileUrl, imageLoader } from \"../lib/helpers\";\nimport { 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 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                <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(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\";\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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"}

package/dist/modules/storage/components/upload-zone-context.client.d.mts

@@ -3,7 +3,6 @@ import { UploadClient } from "../lib/create-upload.client.mjs";
 import React from "react";
 
 //#region src/modules/storage/components/upload-zone-context.client.d.ts
-
 /**
  * Upload Zone Context Value
  */
@@ -17,6 +16,7 @@ type UploadZoneContextValue = {
     invalidate?: () => Promise<void> | void;
     cancel?: () => Promise<void> | void;
   };
+  disabled?: boolean;
 };
 /**
  * Upload Zone Context

package/dist/modules/storage/components/upload-zone-context.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"upload-zone-context.client.d.mts","names":[],"sources":["../../../../src/modules/storage/components/upload-zone-context.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AASA;AACgB,KADJ,sBAAA,GACI;EACG,YAAA,EADH,YACG;EAAiB,QAAA,EAAA,CAAA,IAAA,EAAjB,IAAiB,EAAA,GAAR,OAAQ,CAAA,IAAA,CAAA;EAAR,QAAA,EAAA,CAAA,GAAA,EAAA,MAAA,EAAA,EAAA,GACG,OADH,CAAA,IAAA,CAAA;EACG,UAAA,CAAA,EAAA;IAEV,GAAA,CAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,GAAa,OAAb,CAAA,IAAA,CAAA,GAAA,IAAA;IAAa,MAAA,CAAA,EAAA,CAAA,GAAA,EAAA,MAAA,EAAA,EAAA,GACF,OADE,CAAA,IAAA,CAAA,GAAA,IAAA;IACF,UAAA,CAAA,EAAA,GAAA,GACT,OADS,CAAA,IAAA,CAAA,GAAA,IAAA;IACT,MAAA,CAAA,EAAA,GAAA,GACJ,OADI,CAAA,IAAA,CAAA,GAAA,IAAA;EACJ,CAAA;CAAO;AAS1B;AAKA;;cALa,mBAAiB,KAAA,CAAA,QAAA;;;;iBAKd,aAAA,CAAA,GAAa"}
+{"version":3,"file":"upload-zone-context.client.d.mts","names":[],"sources":["../../../../src/modules/storage/components/upload-zone-context.client.tsx"],"mappings":";;;;;;;AASA;KAAY,sBAAA;EACV,YAAA,EAAc,YAAA;EACd,QAAA,GAAW,IAAA,EAAM,IAAA,KAAS,OAAA,CAAQ,IAAA;EAClC,QAAA,GAAW,GAAA,eAAkB,OAAA;EAC7B,UAAA;IACE,GAAA,IAAO,QAAA,EAAU,QAAA,KAAa,OAAA;IAC9B,MAAA,IAAU,GAAA,eAAkB,OAAA;IAC5B,UAAA,SAAmB,OAAA;IACnB,MAAA,SAAe,OAAA;EAAA;EAEjB,QAAA;AAAA;;;;cAQW,iBAAA,EAAiB,KAAA,CAAA,OAAA,CAAA,sBAAA;;;;iBAKd,aAAA,CAAA,GAAa,sBAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"upload-zone-context.client.mjs","names":[],"sources":["../../../../src/modules/storage/components/upload-zone-context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { UploadClient } from \"../lib/create-upload.client\";\nimport { FileNode, Node } from \"../lib/validators\";\n\n/**\n * Upload Zone Context Value\n */\nexport type UploadZoneContextValue = {\n  uploadClient: UploadClient;\n  onUpload: (file: File) => Promise<Node>;\n  onRemove: (ids: string[]) => Promise<void>;\n  optimistic?: {\n    add?: (newValue: FileNode) => Promise<void> | void;\n    remove?: (ids: string[]) => Promise<void> | void;\n    invalidate?: () => Promise<void> | void;\n    cancel?: () => Promise<void> | void;\n  };\n  // updateData: (newValue: FileNode[] | ((oldValue: FileNode[]) => FileNode[])) => Promise<void>;\n  // invalidateQuery: () => Promise<void> | void;\n};\n\n/**\n * Upload Zone Context\n */\nexport const UploadZoneContext = React.createContext({} as UploadZoneContextValue);\n\n/**\n * Upload Zone Hook\n */\nexport function useUploadZone() {\n  const context = React.useContext(UploadZoneContext);\n  if (!context) {\n    throw new Error(\"useUploadZone must be used within an UploadZoneProvider\");\n  }\n  return context;\n}\n"],"mappings":";;;;;;;;AA0BA,MAAa,oBAAoB,MAAM,cAAc,EAAE,CAA2B;;;;AAKlF,SAAgB,gBAAgB;CAC9B,MAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,0DAA0D;AAE5E,QAAO"}
+{"version":3,"file":"upload-zone-context.client.mjs","names":[],"sources":["../../../../src/modules/storage/components/upload-zone-context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport type { UploadClient } from \"../lib/create-upload.client\";\nimport type { FileNode, Node } from \"../lib/validators\";\n\n/**\n * Upload Zone Context Value\n */\nexport type UploadZoneContextValue = {\n  uploadClient: UploadClient;\n  onUpload: (file: File) => Promise<Node>;\n  onRemove: (ids: string[]) => Promise<void>;\n  optimistic?: {\n    add?: (newValue: FileNode) => Promise<void> | void;\n    remove?: (ids: string[]) => Promise<void> | void;\n    invalidate?: () => Promise<void> | void;\n    cancel?: () => Promise<void> | void;\n  };\n  disabled?: boolean;\n  // updateData: (newValue: FileNode[] | ((oldValue: FileNode[]) => FileNode[])) => Promise<void>;\n  // invalidateQuery: () => Promise<void> | void;\n};\n\n/**\n * Upload Zone Context\n */\nexport const UploadZoneContext = React.createContext({} as UploadZoneContextValue);\n\n/**\n * Upload Zone Hook\n */\nexport function useUploadZone() {\n  const context = React.useContext(UploadZoneContext);\n  if (!context) {\n    throw new Error(\"useUploadZone must be used within an UploadZoneProvider\");\n  }\n  return context;\n}\n"],"mappings":";;;;;;;;AA2BA,MAAa,oBAAoB,MAAM,cAAc,EAAE,CAA2B;;;;AAKlF,SAAgB,gBAAgB;CAC9B,MAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,0DAA0D;AAE5E,QAAO"}

package/dist/modules/storage/components/upload-zone.client.d.mts

@@ -1,11 +1,11 @@
 import { Node, UploadFileSchema } from "../lib/validators.mjs";
 import { UploadHooks } from "../lib/create-upload.client.mjs";
 import { UploadZoneContextValue } from "./upload-zone-context.client.mjs";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/storage/components/upload-zone.client.d.ts
-type UploadZoneProps = ComponentProps<"div"> & Pick<UploadZoneContextValue, "optimistic" | "uploadClient"> & {
+type UploadZoneProps = ComponentProps<"div"> & Pick<UploadZoneContextValue, "optimistic" | "uploadClient" | "disabled"> & {
   variables: Pick<UploadFileSchema, "namespace" | "parentId" | "mode" | "hidden" | "readonly">;
   uploadHooks?: UploadHooks;
   onUploadCompleted?: (node: Node) => Promise<void> | void;
@@ -18,10 +18,11 @@ declare function UploadZone({
   uploadHooks,
   onUploadCompleted,
   onUploadFailed,
+  disabled,
   children,
   className,
   ...props
-}: UploadZoneProps): react_jsx_runtime5.JSX.Element;
+}: UploadZoneProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { UploadZone, UploadZoneProps };
 //# sourceMappingURL=upload-zone.client.d.mts.map