@tulip-systems/core 0.4.1 → 0.5.1

package/dist/modules/inline-edit/components/input.client.d.mts

@@ -1,7 +1,7 @@
 import { Input } from "../../../components/ui/input.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/input.client.d.ts
@@ -14,9 +14,10 @@ declare function InlineStringInput({
   action,
   variant,
   className,
+  permission,
   disabled,
   ...props
-}: InlineEditInputProps<string | undefined>): react_jsx_runtime23.JSX.Element;
+}: InlineEditInputProps<string | undefined>): react_jsx_runtime18.JSX.Element;
 /**
  * The inline edit number input component.
  */
@@ -25,9 +26,22 @@ declare function InlineNumberInput({
   action,
   variant,
   className,
+  permission,
   disabled,
   ...props
-}: InlineEditInputProps<number | undefined>): react_jsx_runtime23.JSX.Element;
+}: InlineEditInputProps<number | undefined>): react_jsx_runtime18.JSX.Element;
+/**
+ * The inline edit decimal input component.
+ */
+declare function InlineDecimalInput({
+  initialValue,
+  action,
+  variant,
+  className,
+  permission,
+  disabled,
+  ...props
+}: InlineEditInputProps<string | undefined>): react_jsx_runtime18.JSX.Element;
 //#endregion
-export { InlineNumberInput, InlineStringInput };
+export { InlineDecimalInput, InlineNumberInput, InlineStringInput };
 //# sourceMappingURL=input.client.d.mts.map

package/dist/modules/inline-edit/components/input.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"input.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQK,+BAA+B,KAAK,sBAAsB,kBAC7D,qBAAqB,UACrB;;;AAJ4E;AAEf,iBAO/C,iBAAA,CAP+C;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAc5D,oBAd4D,CAAA,MAAA,GAAA,SAAA,CAAA,CAAA,EAcpB,mBAAA,CAAA,GAAA,CAAA,OAdoB;;;;AAC7D,iBAuCc,iBAAA,CAvCd;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA8CC,oBA9CD,CAAA,MAAA,GAAA,SAAA,CAAA,CAAA,EA8CyC,mBAAA,CAAA,GAAA,CAAA,OA9CzC"}
+{"version":3,"file":"input.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQK,+BAA+B,KAAK,sBAAsB,kBAC7D,qBAAqB,UACrB;;;AAJ4E;AAEf,iBAO/C,iBAAA,CAP+C;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAe5D,oBAf4D,CAAA,MAAA,GAAA,SAAA,CAAA,CAAA,EAepB,mBAAA,CAAA,GAAA,CAAA,OAfoB;;;;AAC7D,iBAyCc,iBAAA,CAzCd;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiDC,oBAjDD,CAAA,MAAA,GAAA,SAAA,CAAA,CAAA,EAiDyC,mBAAA,CAAA,GAAA,CAAA,OAjDzC;;;AAMF;AACE,iBAyEc,kBAAA,CAzEd;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiFC,oBAjFD,CAAA,MAAA,GAAA,SAAA,CAAA,CAAA,EAiFyC,mBAAA,CAAA,GAAA,CAAA,OAjFzC"}

package/dist/modules/inline-edit/components/input.client.mjs

@@ -10,10 +10,11 @@ import { jsx } from "react/jsx-runtime";
 /**
 * The inline edit string input component.
 */
-function InlineStringInput({ initialValue, action, variant, className, disabled, ...props }) {
+function InlineStringInput({ initialValue, action, variant, className, permission, disabled, ...props }) {
 	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
 		initialValue,
-		action
+		action,
+		permission
 	});
 	return /* @__PURE__ */ jsx(Input, {
 		...props,
@@ -28,10 +29,11 @@ function InlineStringInput({ initialValue, action, variant, className, disabled,
 /**
 * The inline edit number input component.
 */
-function InlineNumberInput({ initialValue, action, variant, className, disabled, ...props }) {
+function InlineNumberInput({ initialValue, action, variant, className, permission, disabled, ...props }) {
 	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
 		initialValue,
-		action
+		action,
+		permission
 	});
 	return /* @__PURE__ */ jsx(Input, {
 		...props,
@@ -43,7 +45,26 @@ function InlineNumberInput({ initialValue, action, variant, className, disabled,
 		className: cn("border-border/70 hover:border-border w-full", inlineEditVariants({ variant }), className)
 	});
 }
+/**
+* The inline edit decimal input component.
+*/
+function InlineDecimalInput({ initialValue, action, variant, className, permission, disabled, ...props }) {
+	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+		initialValue,
+		action,
+		permission
+	});
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		type: "number",
+		value: value ?? void 0,
+		disabled: disabled || !isAllowed,
+		onChange: (e) => setValue(e.target.value),
+		onBlur: (e) => handleUpdate(e.target.value ? e.target.value : void 0),
+		className: cn("border-border/70 hover:border-border w-full", inlineEditVariants({ variant }), className)
+	});
+}
 
 //#endregion
-export { InlineNumberInput, InlineStringInput };
+export { InlineDecimalInput, InlineNumberInput, InlineStringInput };
 //# sourceMappingURL=input.client.mjs.map

package/dist/modules/inline-edit/components/input.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\ntype InlineEditInputProps<TValue> = Omit<ComponentProps<typeof Input>, \"type\"> &\n  useInlineEditOptions<TValue> &\n  InlineEditVariantsProps;\n\n/**\n * The inline edit string input component.\n */\nexport function InlineStringInput({\n  initialValue,\n  action,\n  variant,\n  className,\n  disabled,\n  ...props\n}: InlineEditInputProps<string | undefined>) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit<string | undefined>({\n    initialValue,\n    action,\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"text\"\n      value={value}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => setValue(e.target.value)}\n      onBlur={(e) => handleUpdate(e.target.value)}\n      className={cn(\n        \"border-border/70 hover:border-border w-full\",\n        inlineEditVariants({ variant }),\n        className,\n      )}\n    />\n  );\n}\n\n/**\n * The inline edit number input component.\n */\nexport function InlineNumberInput({\n  initialValue,\n  action,\n  variant,\n  className,\n  disabled,\n  ...props\n}: InlineEditInputProps<number | undefined>) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit<number | undefined>({\n    initialValue,\n    action,\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"number\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) =>\n        setValue(!isNaN(e.target.valueAsNumber) ? e.target.valueAsNumber : undefined)\n      }\n      onBlur={(e) =>\n        handleUpdate(!isNaN(e.target.valueAsNumber) ? e.target.valueAsNumber : undefined)\n      }\n      className={cn(\n        \"border-border/70 hover:border-border w-full\",\n        inlineEditVariants({ variant }),\n        className,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAeA,SAAgB,kBAAkB,EAChC,cACA,QACA,SACA,WACA,UACA,GAAG,SACwC;CAC3C,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAkC;EACrF;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACE;EACP,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;EACzC,SAAS,MAAM,aAAa,EAAE,OAAO,MAAM;EAC3C,WAAW,GACT,+CACA,mBAAmB,EAAE,SAAS,CAAC,EAC/B,UACD;GACD;;;;;AAON,SAAgB,kBAAkB,EAChC,cACA,QACA,SACA,WACA,UACA,GAAG,SACwC;CAC3C,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAkC;EACrF;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MACT,SAAS,CAAC,MAAM,EAAE,OAAO,cAAc,GAAG,EAAE,OAAO,gBAAgB,OAAU;EAE/E,SAAS,MACP,aAAa,CAAC,MAAM,EAAE,OAAO,cAAc,GAAG,EAAE,OAAO,gBAAgB,OAAU;EAEnF,WAAW,GACT,+CACA,mBAAmB,EAAE,SAAS,CAAC,EAC/B,UACD;GACD"}
+{"version":3,"file":"input.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\ntype InlineEditInputProps<TValue> = Omit<ComponentProps<typeof Input>, \"type\"> &\n  useInlineEditOptions<TValue> &\n  InlineEditVariantsProps;\n\n/**\n * The inline edit string input component.\n */\nexport function InlineStringInput({\n  initialValue,\n  action,\n  variant,\n  className,\n  permission,\n  disabled,\n  ...props\n}: InlineEditInputProps<string | undefined>) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit<string | undefined>({\n    initialValue,\n    action,\n    permission,\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"text\"\n      value={value}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => setValue(e.target.value)}\n      onBlur={(e) => handleUpdate(e.target.value)}\n      className={cn(\n        \"border-border/70 hover:border-border w-full\",\n        inlineEditVariants({ variant }),\n        className,\n      )}\n    />\n  );\n}\n\n/**\n * The inline edit number input component.\n */\nexport function InlineNumberInput({\n  initialValue,\n  action,\n  variant,\n  className,\n  permission,\n  disabled,\n  ...props\n}: InlineEditInputProps<number | undefined>) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit<number | undefined>({\n    initialValue,\n    action,\n    permission,\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"number\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) =>\n        setValue(!isNaN(e.target.valueAsNumber) ? e.target.valueAsNumber : undefined)\n      }\n      onBlur={(e) =>\n        handleUpdate(!isNaN(e.target.valueAsNumber) ? e.target.valueAsNumber : undefined)\n      }\n      className={cn(\n        \"border-border/70 hover:border-border w-full\",\n        inlineEditVariants({ variant }),\n        className,\n      )}\n    />\n  );\n}\n\n/**\n * The inline edit decimal input component.\n */\nexport function InlineDecimalInput({\n  initialValue,\n  action,\n  variant,\n  className,\n  permission,\n  disabled,\n  ...props\n}: InlineEditInputProps<string | undefined>) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit<string | undefined>({\n    initialValue,\n    action,\n    permission,\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"number\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => setValue(e.target.value)}\n      onBlur={(e) => handleUpdate(e.target.value ? e.target.value : undefined)}\n      className={cn(\n        \"border-border/70 hover:border-border w-full\",\n        inlineEditVariants({ variant }),\n        className,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAeA,SAAgB,kBAAkB,EAChC,cACA,QACA,SACA,WACA,YACA,UACA,GAAG,SACwC;CAC3C,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAkC;EACrF;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACE;EACP,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;EACzC,SAAS,MAAM,aAAa,EAAE,OAAO,MAAM;EAC3C,WAAW,GACT,+CACA,mBAAmB,EAAE,SAAS,CAAC,EAC/B,UACD;GACD;;;;;AAON,SAAgB,kBAAkB,EAChC,cACA,QACA,SACA,WACA,YACA,UACA,GAAG,SACwC;CAC3C,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAkC;EACrF;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MACT,SAAS,CAAC,MAAM,EAAE,OAAO,cAAc,GAAG,EAAE,OAAO,gBAAgB,OAAU;EAE/E,SAAS,MACP,aAAa,CAAC,MAAM,EAAE,OAAO,cAAc,GAAG,EAAE,OAAO,gBAAgB,OAAU;EAEnF,WAAW,GACT,+CACA,mBAAmB,EAAE,SAAS,CAAC,EAC/B,UACD;GACD;;;;;AAON,SAAgB,mBAAmB,EACjC,cACA,QACA,SACA,WACA,YACA,UACA,GAAG,SACwC;CAC3C,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAkC;EACrF;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;EACzC,SAAS,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,OAAU;EACxE,WAAW,GACT,+CACA,mBAAmB,EAAE,SAAS,CAAC,EAC/B,UACD;GACD"}

package/dist/modules/inline-edit/components/select.client.d.mts

@@ -1,27 +1,29 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { SelectContentProps, SelectItemProps, SelectProps, SelectTriggerProps, SelectValueProps } from "@radix-ui/react-select";
 
 //#region src/modules/inline-edit/components/select.client.d.ts
 type InlineSelectProps = SelectProps & useInlineEditOptions<string>;
 declare function InlineSelect({
   initialValue,
+  action,
+  permission,
   disabled,
   ...props
-}: InlineSelectProps): react_jsx_runtime18.JSX.Element;
+}: InlineSelectProps): react_jsx_runtime21.JSX.Element;
 type InlineSelectTriggerProps = SelectTriggerProps;
 declare function InlineSelectTrigger({
   variant,
   className,
   ...props
-}: InlineSelectTriggerProps & InlineEditVariantsProps): react_jsx_runtime18.JSX.Element;
+}: InlineSelectTriggerProps & InlineEditVariantsProps): react_jsx_runtime21.JSX.Element;
 type InlineSelectContentProps = SelectContentProps;
-declare function InlineSelectContent(props: InlineSelectContentProps): react_jsx_runtime18.JSX.Element;
+declare function InlineSelectContent(props: InlineSelectContentProps): react_jsx_runtime21.JSX.Element;
 type InlineSelectValueProps = SelectValueProps;
-declare function InlineSelectValue(props: InlineSelectValueProps): react_jsx_runtime18.JSX.Element;
+declare function InlineSelectValue(props: InlineSelectValueProps): react_jsx_runtime21.JSX.Element;
 type InlineSelectItenProps = SelectItemProps;
-declare function InlineSelectItem(props: InlineSelectItenProps): react_jsx_runtime18.JSX.Element;
+declare function InlineSelectItem(props: InlineSelectItenProps): react_jsx_runtime21.JSX.Element;
 //#endregion
 export { InlineSelect, InlineSelectContent, InlineSelectContentProps, InlineSelectItem, InlineSelectItenProps, InlineSelectProps, InlineSelectTrigger, InlineSelectTriggerProps, InlineSelectValue, InlineSelectValueProps };
 //# sourceMappingURL=select.client.d.mts.map

package/dist/modules/inline-edit/components/select.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"select.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/select.client.tsx"],"sourcesContent":[],"mappings":";;;;;;KAoBY,iBAAA,GAAoB,cAAc;iBAE9B,YAAA;;;;GAAmD,oBAAiB,mBAAA,CAAA,GAAA,CAAA;KAmBxE,wBAAA,GAA2B;AArB3B,iBAuBI,mBAAA,CAvBgB;EAAA,OAAc;EAAA,SAAA;EAAA,GAAA;AAAoB,CAAA,EA2B/D,wBA3B+D,GA2BpC,uBA3BoC,CAAA,EA2Bb,mBAAA,CAAA,GAAA,CAAA,OA3Ba;AAElD,KA6BJ,wBAAA,GAA2B,kBA7BX;AAAG,iBA+Bf,mBAAA,CA/Be,KAAA,EA+BY,wBA/BZ,CAAA,EA+BoC,mBAAA,CAAA,GAAA,CAAA,OA/BpC;AAAc,KAmCjC,sBAAA,GAAyB,gBAnCQ;AAAsB,iBAqCnD,iBAAA,CArCmD,KAAA,EAqC1B,sBArC0B,CAAA,EAqCJ,mBAAA,CAAA,GAAA,CAAA,OArCI;AAAiB,KAyCxE,qBAAA,GAAwB,eAzCgD;AAAA,iBA2CpE,gBAAA,CA3CoE,KAAA,EA2C5C,qBA3C4C,CAAA,EA2CvB,mBAAA,CAAA,GAAA,CAAA,OA3CuB"}
+{"version":3,"file":"select.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/select.client.tsx"],"sourcesContent":[],"mappings":";;;;;;KAoBY,iBAAA,GAAoB,cAAc;iBAE9B,YAAA;;;;;;GAMb,oBAAiB,mBAAA,CAAA,GAAA,CAAA;KAoBR,wBAAA,GAA2B;AA5B3B,iBA8BI,mBAAA,CA9BgB;EAAA,OAAc;EAAA,SAAA;EAAA,GAAA;AAAoB,CAAA,EAkC/D,wBAlC+D,GAkCpC,uBAlCoC,CAAA,EAkCb,mBAAA,CAAA,GAAA,CAAA,OAlCa;AAElD,KAoCJ,wBAAA,GAA2B,kBApCX;AAC1B,iBAqCc,mBAAA,CArCd,KAAA,EAqCyC,wBArCzC,CAAA,EAqCiE,mBAAA,CAAA,GAAA,CAAA,OArCjE;AACA,KAwCU,sBAAA,GAAyB,gBAxCnC;AACA,iBAyCc,iBAAA,CAzCd,KAAA,EAyCuC,sBAzCvC,CAAA,EAyC6D,mBAAA,CAAA,GAAA,CAAA,OAzC7D;AACA,KA4CU,qBAAA,GAAwB,eA5ClC;AAEC,iBA4Ca,gBAAA,CA5Cb,KAAA,EA4CqC,qBA5CrC,CAAA,EA4C0D,mBAAA,CAAA,GAAA,CAAA,OA5C1D"}

package/dist/modules/inline-edit/components/select.client.mjs

@@ -7,10 +7,11 @@ import { inlineEditVariants } from "../lib/variants.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/select.client.tsx
-function InlineSelect({ initialValue, disabled, ...props }) {
+function InlineSelect({ initialValue, action, permission, disabled, ...props }) {
 	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
 		initialValue,
-		action: props.action
+		action,
+		permission
 	});
 	return /* @__PURE__ */ jsx(Select, {
 		...props,

package/dist/modules/inline-edit/components/select.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/select.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport type {\n  SelectContentProps,\n  SelectItemProps,\n  SelectProps,\n  SelectTriggerProps,\n  SelectValueProps,\n} from \"@radix-ui/react-select\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\nexport type InlineSelectProps = SelectProps & useInlineEditOptions<string>;\n\nexport function InlineSelect({ initialValue, disabled, ...props }: InlineSelectProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action: props.action,\n  });\n\n  return (\n    <Select\n      {...props}\n      disabled={disabled || !isAllowed}\n      defaultValue={value}\n      onValueChange={(value) => {\n        setValue(value);\n        handleUpdate(value);\n      }}\n    />\n  );\n}\n\nexport type InlineSelectTriggerProps = SelectTriggerProps;\n\nexport function InlineSelectTrigger({\n  variant,\n  className,\n  ...props\n}: InlineSelectTriggerProps & InlineEditVariantsProps) {\n  return <SelectTrigger {...props} className={cn(inlineEditVariants({ variant }), className)} />;\n}\n\nexport type InlineSelectContentProps = SelectContentProps;\n\nexport function InlineSelectContent(props: InlineSelectContentProps) {\n  return <SelectContent {...props} />;\n}\n\nexport type InlineSelectValueProps = SelectValueProps;\n\nexport function InlineSelectValue(props: InlineSelectValueProps) {\n  return <SelectValue {...props} />;\n}\n\nexport type InlineSelectItenProps = SelectItemProps;\n\nexport function InlineSelectItem(props: InlineSelectItenProps) {\n  return <SelectItem {...props} />;\n}\n"],"mappings":";;;;;;;;;AAsBA,SAAgB,aAAa,EAAE,cAAc,UAAU,GAAG,SAA4B;CACpF,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA,QAAQ,MAAM;EACf,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,cAAc;EACd,gBAAgB,YAAU;AACxB,YAASA,QAAM;AACf,gBAAaA,QAAM;;GAErB;;AAMN,SAAgB,oBAAoB,EAClC,SACA,WACA,GAAG,SACkD;AACrD,QAAO,oBAAC;EAAc,GAAI;EAAO,WAAW,GAAG,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;GAAI;;AAKhG,SAAgB,oBAAoB,OAAiC;AACnE,QAAO,oBAAC,iBAAc,GAAI,QAAS;;AAKrC,SAAgB,kBAAkB,OAA+B;AAC/D,QAAO,oBAAC,eAAY,GAAI,QAAS;;AAKnC,SAAgB,iBAAiB,OAA8B;AAC7D,QAAO,oBAAC,cAAW,GAAI,QAAS"}
+{"version":3,"file":"select.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/select.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport type {\n  SelectContentProps,\n  SelectItemProps,\n  SelectProps,\n  SelectTriggerProps,\n  SelectValueProps,\n} from \"@radix-ui/react-select\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\nexport type InlineSelectProps = SelectProps & useInlineEditOptions<string>;\n\nexport function InlineSelect({\n  initialValue,\n  action,\n  permission,\n  disabled,\n  ...props\n}: InlineSelectProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n  });\n\n  return (\n    <Select\n      {...props}\n      disabled={disabled || !isAllowed}\n      defaultValue={value}\n      onValueChange={(value) => {\n        setValue(value);\n        handleUpdate(value);\n      }}\n    />\n  );\n}\n\nexport type InlineSelectTriggerProps = SelectTriggerProps;\n\nexport function InlineSelectTrigger({\n  variant,\n  className,\n  ...props\n}: InlineSelectTriggerProps & InlineEditVariantsProps) {\n  return <SelectTrigger {...props} className={cn(inlineEditVariants({ variant }), className)} />;\n}\n\nexport type InlineSelectContentProps = SelectContentProps;\n\nexport function InlineSelectContent(props: InlineSelectContentProps) {\n  return <SelectContent {...props} />;\n}\n\nexport type InlineSelectValueProps = SelectValueProps;\n\nexport function InlineSelectValue(props: InlineSelectValueProps) {\n  return <SelectValue {...props} />;\n}\n\nexport type InlineSelectItenProps = SelectItemProps;\n\nexport function InlineSelectItem(props: InlineSelectItenProps) {\n  return <SelectItem {...props} />;\n}\n"],"mappings":";;;;;;;;;AAsBA,SAAgB,aAAa,EAC3B,cACA,QACA,YACA,UACA,GAAG,SACiB;CACpB,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,cAAc;EACd,gBAAgB,YAAU;AACxB,YAASA,QAAM;AACf,gBAAaA,QAAM;;GAErB;;AAMN,SAAgB,oBAAoB,EAClC,SACA,WACA,GAAG,SACkD;AACrD,QAAO,oBAAC;EAAc,GAAI;EAAO,WAAW,GAAG,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;GAAI;;AAKhG,SAAgB,oBAAoB,OAAiC;AACnE,QAAO,oBAAC,iBAAc,GAAI,QAAS;;AAKrC,SAAgB,kBAAkB,OAA+B;AAC/D,QAAO,oBAAC,eAAY,GAAI,QAAS;;AAKnC,SAAgB,iBAAiB,OAA8B;AAC7D,QAAO,oBAAC,cAAW,GAAI,QAAS"}

package/dist/modules/inline-edit/components/switch.client.d.mts

@@ -6,6 +6,7 @@ import { SwitchProps } from "@radix-ui/react-switch";
 declare function InlineSwitch({
   initialValue,
   action,
+  permission,
   disabled,
   ...props
 }: SwitchProps & useInlineEditOptions<boolean>): react_jsx_runtime26.JSX.Element;

package/dist/modules/inline-edit/components/switch.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/switch.client.tsx"],"sourcesContent":[],"mappings":";;;;;iBAMgB,YAAA;;;;;GAKb,cAAc,gCAA6B,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"switch.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/switch.client.tsx"],"sourcesContent":[],"mappings":";;;;;iBAMgB,YAAA;;;;;;GAMb,cAAc,gCAA6B,mBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/inline-edit/components/switch.client.mjs

@@ -5,10 +5,11 @@ import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/switch.client.tsx
-function InlineSwitch({ initialValue, action, disabled, ...props }) {
+function InlineSwitch({ initialValue, action, permission, disabled, ...props }) {
 	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
 		initialValue,
-		action
+		action,
+		permission
 	});
 	return /* @__PURE__ */ jsx(Switch, {
 		...props,

package/dist/modules/inline-edit/components/switch.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/switch.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch } from \"@/components/ui/switch\";\nimport { type SwitchProps } from \"@radix-ui/react-switch\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport function InlineSwitch({\n  initialValue,\n  action,\n  disabled,\n  ...props\n}: SwitchProps & useInlineEditOptions<boolean>) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n  });\n\n  return (\n    <Switch\n      {...props}\n      disabled={disabled || !isAllowed}\n      defaultChecked={value}\n      onCheckedChange={(checked) => {\n        setValue(checked);\n        handleUpdate(checked);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,aAAa,EAC3B,cACA,QACA,UACA,GAAG,SAC2C;CAC9C,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,gBAAgB;EAChB,kBAAkB,YAAY;AAC5B,YAAS,QAAQ;AACjB,gBAAa,QAAQ;;GAEvB"}
+{"version":3,"file":"switch.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/switch.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch } from \"@/components/ui/switch\";\nimport { type SwitchProps } from \"@radix-ui/react-switch\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport function InlineSwitch({\n  initialValue,\n  action,\n  permission,\n  disabled,\n  ...props\n}: SwitchProps & useInlineEditOptions<boolean>) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n  });\n\n  return (\n    <Switch\n      {...props}\n      disabled={disabled || !isAllowed}\n      defaultChecked={value}\n      onCheckedChange={(checked) => {\n        setValue(checked);\n        handleUpdate(checked);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,aAAa,EAC3B,cACA,QACA,YACA,UACA,GAAG,SAC2C;CAC9C,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,gBAAgB;EAChB,kBAAkB,YAAY;AAC5B,YAAS,QAAQ;AACjB,gBAAa,QAAQ;;GAEvB"}

package/dist/modules/inline-edit/components/toggle.client.d.mts

@@ -8,6 +8,7 @@ declare function InlineToggle({
   initialValue,
   action,
   children,
+  permission,
   className,
   ...props
 }: InlineEditToggleProps): react_jsx_runtime27.JSX.Element;

package/dist/modules/inline-edit/components/toggle.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/toggle.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,qBAAA,GAAwB,KAAA,CAAM,eAAe,kBACvD;iBAEc,YAAA;;;;;;GAMb,wBAAqB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"toggle.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/toggle.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,qBAAA,GAAwB,KAAA,CAAM,eAAe,kBACvD;iBAEc,YAAA;;;;;;;GAOb,wBAAqB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/inline-edit/components/toggle.client.mjs

@@ -6,10 +6,11 @@ import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/toggle.client.tsx
-function InlineToggle({ initialValue, action, children, className, ...props }) {
+function InlineToggle({ initialValue, action, children, permission, className, ...props }) {
 	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
 		initialValue,
-		action
+		action,
+		permission
 	});
 	return /* @__PURE__ */ jsx("div", {
 		...props,

package/dist/modules/inline-edit/components/toggle.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle } from \"@/components/ui/toggle\";\nimport { cn } from \"@/lib/utils/cn\";\nimport type React from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport type InlineEditToggleProps = React.HTMLAttributes<HTMLDivElement> &\n  useInlineEditOptions<boolean>;\n\nexport function InlineToggle({\n  initialValue,\n  action,\n  children,\n  className,\n  ...props\n}: InlineEditToggleProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n  });\n\n  return (\n    <div {...props} className={cn(\"flex flex-wrap items-center justify-start gap-1\", className)}>\n      <Toggle\n        disabled={!isAllowed}\n        variant=\"outline\"\n        pressed={value}\n        defaultChecked={initialValue}\n        onPressedChange={(value) => {\n          setValue(value);\n          handleUpdate(value);\n        }}\n      >\n        {children}\n      </Toggle>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,aAAa,EAC3B,cACA,QACA,UACA,WACA,GAAG,SACqB;CACxB,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mDAAmD,UAAU;YACzF,oBAAC;GACC,UAAU,CAAC;GACX,SAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,kBAAkB,YAAU;AAC1B,aAASA,QAAM;AACf,iBAAaA,QAAM;;GAGpB;IACM;GACL"}
+{"version":3,"file":"toggle.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle } from \"@/components/ui/toggle\";\nimport { cn } from \"@/lib/utils/cn\";\nimport type React from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport type InlineEditToggleProps = React.HTMLAttributes<HTMLDivElement> &\n  useInlineEditOptions<boolean>;\n\nexport function InlineToggle({\n  initialValue,\n  action,\n  children,\n  permission,\n  className,\n  ...props\n}: InlineEditToggleProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n  });\n\n  return (\n    <div {...props} className={cn(\"flex flex-wrap items-center justify-start gap-1\", className)}>\n      <Toggle\n        disabled={!isAllowed}\n        variant=\"outline\"\n        pressed={value}\n        defaultChecked={initialValue}\n        onPressedChange={(value) => {\n          setValue(value);\n          handleUpdate(value);\n        }}\n      >\n        {children}\n      </Toggle>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,aAAa,EAC3B,cACA,QACA,UACA,YACA,WACA,GAAG,SACqB;CACxB,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mDAAmD,UAAU;YACzF,oBAAC;GACC,UAAU,CAAC;GACX,SAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,kBAAkB,YAAU;AAC1B,aAASA,QAAM;AACf,iBAAaA,QAAM;;GAGpB;IACM;GACL"}

package/dist/modules/inline-edit/hooks/context.client.d.mts

@@ -1,5 +1,5 @@
 import { Permission } from "../../auth/lib/permissions.mjs";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/modules/inline-edit/hooks/context.client.d.ts
@@ -22,7 +22,7 @@ declare function InlineEditProvider({
   ...value
 }: InlineEditContextParams & {
   children: React.ReactNode;
-}): react_jsx_runtime2.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineEditContextParams, InlineEditProvider, useInlineEditContext };
 //# sourceMappingURL=context.client.d.mts.map

package/dist/modules/inline-edit/hooks/use-inline.client.d.mts

@@ -1,6 +1,6 @@
 import { Permission } from "../../auth/lib/permissions.mjs";
+import "../../../components.mjs";
 import "react";
-import { JSONContent } from "@tiptap/react";
 
 //#region src/modules/inline-edit/hooks/use-inline.client.d.ts
 type useInlineEditOptions<TValue> = {

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

@@ -1 +1 @@
-{"version":3,"file":"use-inline.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/hooks/use-inline.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { usePermission } from \"@/modules/auth/hooks/use-permission\";\nimport { Permission } from \"@/modules/auth/lib/permissions\";\nimport { JSONContent } from \"@tiptap/react\";\nimport { useState } from \"react\";\nimport { toast } from \"sonner\";\nimport { useInlineEditContext } from \"./context.client\";\n\nexport type useInlineEditOptions<TValue> = {\n  initialValue?: TValue;\n  action: (value: { id: string; value: TValue }) => Promise<unknown>;\n  permission?: Permission;\n};\n\nexport function useInlineEdit<\n  TValue extends string | number | Date | boolean | JSON | JSONContent | undefined,\n>(props: useInlineEditOptions<TValue>) {\n  /**\n   * The inline edit context.\n   */\n  const context = useInlineEditContext();\n\n  const { data } = usePermission(props.permission ?? context.permission);\n  const isAllowed = data?.success;\n\n  /**\n   * The current value of the inline edit.\n   */\n  const [value, setValue] = useState(props.initialValue);\n\n  /**\n   * Execute the action to update the value.\n   */\n  const { mutate, status } = useAction({\n    mutationFn: props.action,\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 the update of the value.\n   */\n  const handleUpdate = (value: TValue) => {\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    return mutate({ id: context.id, value });\n  };\n\n  return { value, setValue, handleUpdate, status, isAllowed };\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,cAEd,OAAqC;;;;CAIrC,MAAM,UAAU,sBAAsB;CAEtC,MAAM,EAAE,SAAS,cAAc,MAAM,cAAc,QAAQ,WAAW;CACtE,MAAM,YAAY,MAAM;;;;CAKxB,MAAM,CAAC,OAAO,YAAY,SAAS,MAAM,aAAa;;;;CAKtD,MAAM,EAAE,QAAQ,WAAW,UAAU;EACnC,YAAY,MAAM;EAClB,UAAU,UAAU;AAClB,YAAS,MAAM,aAAa;AAC5B,SAAM,MAAM,wBAAwB,EAClC,aAAa,iBAAiB,QAAQ,MAAM,UAAU,QACvD,CAAC;;EAEL,CAAC;;;;CAKF,MAAM,gBAAgB,YAAkB;AACtC,MAAI,CAAC,WAAW;AACd,SAAM,MAAM,8CAA8C;AAC1D;;AAIF,MAAIA,YAAU,MAAM,aAAc;AAElC,SAAO,OAAO;GAAE,IAAI,QAAQ;GAAI;GAAO,CAAC;;AAG1C,QAAO;EAAE;EAAO;EAAU;EAAc;EAAQ;EAAW"}
+{"version":3,"file":"use-inline.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/hooks/use-inline.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { EditorJSONContent } from \"@/components/entry\";\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { usePermission } from \"@/modules/auth/hooks/use-permission\";\nimport { Permission } from \"@/modules/auth/lib/permissions\";\nimport { useState } from \"react\";\nimport { toast } from \"sonner\";\nimport { useInlineEditContext } from \"./context.client\";\n\nexport type useInlineEditOptions<TValue> = {\n  initialValue?: TValue;\n  action: (value: { id: string; value: TValue }) => Promise<unknown>;\n  permission?: Permission;\n};\n\nexport function useInlineEdit<\n  TValue extends string | number | Date | boolean | JSON | EditorJSONContent | undefined,\n>(props: useInlineEditOptions<TValue>) {\n  /**\n   * The inline edit context.\n   */\n  const context = useInlineEditContext();\n\n  const { data } = usePermission(props.permission ?? context.permission);\n  const isAllowed = data?.success;\n\n  /**\n   * The current value of the inline edit.\n   */\n  const [value, setValue] = useState(props.initialValue);\n\n  /**\n   * Execute the action to update the value.\n   */\n  const { mutate, status } = useAction({\n    mutationFn: props.action,\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 the update of the value.\n   */\n  const handleUpdate = (value: TValue) => {\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    return mutate({ id: context.id, value });\n  };\n\n  return { value, setValue, handleUpdate, status, isAllowed };\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,cAEd,OAAqC;;;;CAIrC,MAAM,UAAU,sBAAsB;CAEtC,MAAM,EAAE,SAAS,cAAc,MAAM,cAAc,QAAQ,WAAW;CACtE,MAAM,YAAY,MAAM;;;;CAKxB,MAAM,CAAC,OAAO,YAAY,SAAS,MAAM,aAAa;;;;CAKtD,MAAM,EAAE,QAAQ,WAAW,UAAU;EACnC,YAAY,MAAM;EAClB,UAAU,UAAU;AAClB,YAAS,MAAM,aAAa;AAC5B,SAAM,MAAM,wBAAwB,EAClC,aAAa,iBAAiB,QAAQ,MAAM,UAAU,QACvD,CAAC;;EAEL,CAAC;;;;CAKF,MAAM,gBAAgB,YAAkB;AACtC,MAAI,CAAC,WAAW;AACd,SAAM,MAAM,8CAA8C;AAC1D;;AAIF,MAAIA,YAAU,MAAM,aAAc;AAElC,SAAO,OAAO;GAAE,IAAI,QAAQ;GAAI;GAAO,CAAC;;AAG1C,QAAO;EAAE;EAAO;EAAU;EAAc;EAAQ;EAAW"}

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

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

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

@@ -4,7 +4,7 @@ import { cva } from "class-variance-authority";
 const inlineEditVariants = cva("", {
 	variants: { variant: {
 		default: "",
-		table: "min-h-9 px-3 py-1 rounded-none h-full w-full border-none outline-none ring-0 focus:border-0 focus:outline-none focus:ring-0 focus:ring-offset-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0"
+		table: "min-h-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"
 	} },
 	defaultVariants: { variant: "default" }
 });

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 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  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type InlineEditVariantsProps = VariantProps<typeof inlineEditVariants>;\n"],"mappings":";;;AAEA,MAAa,qBAAqB,IAAI,IAAI;CACxC,UAAU,EACR,SAAS;EACP,SAAS;EACT,OACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC"}
+{"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  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type InlineEditVariantsProps = VariantProps<typeof inlineEditVariants>;\n"],"mappings":";;;AAEA,MAAa,qBAAqB,IAAI,IAAI;CACxC,UAAU,EACR,SAAS;EACP,SAAS;EACT,OACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC"}

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

@@ -1,8 +1,8 @@
 import { TDatabaseSchema } from "../../config/db/types.mjs";
 import { DatabaseClient } from "../../config/db/init.mjs";
-import { BlobClient } from "../../config/providers/blob.mjs";
 import { EmailClient } from "../../config/providers/email.mjs";
 import "../../../config/server.mjs";
+import { StorageService } from "../../storage/lib/service.server.mjs";
 import { AuthClient } from "../../auth/handler/init.mjs";
 import { TulipContext } from "../../config/lib/context.mjs";
 import "../../../config.mjs";
@@ -50,7 +50,7 @@ declare const createRPCContext: <TSchema extends TDatabaseSchema>(props: {
   schema: TSchema;
   auth: AuthClient;
   email: EmailClient;
-  blob: BlobClient;
+  storage: StorageService<TSchema>;
 }>;
 type RPCContext<TSchema extends TDatabaseSchema = any> = Awaited<ReturnType<typeof createRPCContext<TSchema>>>;
 type ProtectedRPCContext<TSchema extends TDatabaseSchema = any> = RPCContext<TSchema> & {

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,QAAA,EAAA,MAAA;MAAA,MAAA,EAAA,OAAA,GAAA,IAAA,GAAA,SAAA;MAQvE,IAAA,CAAU,EAAA,MAAA,GAAA,IAAA,GAAA,SAAA;MAAiB,SAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,SAAA;MACF,UAAA,CAAA,MAAA,GAAA,IAAA,GAAA,SAAA;IAAjB,CAAA;EAAlB,CAAA,GAAA,IAAA;EAD8D,OAAA,uEAAA;EAAO,EAAA,gBAAA,QAAA,CAAA;EAI3D,MAAA,SAAA;EAAoC,IAAA,YAAA;EAAoC,KAAA,aAAA;EAAX,IAAA,YAAA;CACvC,CAAA;AAAX,KALX,UAKW,CAAA,gBALgB,eAKhB,GAAA,GAAA,CAAA,GALyC,OAKzC,CAJrB,UAIqB,CAAA,OAJH,gBAIG,CAJc,OAId,CAAA,CAAA,CAAA;AAAZ,KADC,mBACD,CAAA,gBADqC,eACrC,GAAA,GAAA,CAAA,GAD8D,UAC9D,CADyE,OACzE,CAAA,GAAA;EAAW,OAAA,EAAX,WAAW,CAAC,UAAD,CAAY,OAAZ,CAAA,CAAA,SAAA,CAAA,CAAA"}
+{"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"}

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

@@ -1,14 +1,14 @@
 import { Permission } from "../../auth/lib/permissions.mjs";
 import { TDatabaseSchema } from "../../config/db/types.mjs";
 import { DatabaseClient } from "../../config/db/init.mjs";
-import { BlobClient } from "../../config/providers/blob.mjs";
 import { EmailClient } from "../../config/providers/email.mjs";
 import "../../../config/server.mjs";
+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 "server-cli-only";
-import * as _orpc_server26 from "@orpc/server";
+import * as _orpc_server29 from "@orpc/server";
 import * as next_dist_server_web_spec_extension_adapters_headers0 from "next/dist/server/web/spec-extension/adapters/headers";
 import * as _orpc_contract2 from "@orpc/contract";
 
@@ -17,10 +17,10 @@ import * as _orpc_contract2 from "@orpc/contract";
  * Initialize TRPC
  */
 declare function initRPC<TSchema extends TDatabaseSchema>(): {
-  publicProcedure: _orpc_server26.Builder<RPCContext<TSchema> & Record<never, never>, RPCContext<TSchema>, _orpc_contract2.Schema<unknown, unknown>, _orpc_contract2.Schema<unknown, unknown>, Record<never, never>, Record<never, never>>;
-  protectedProcedure: _orpc_server26.BuilderWithMiddlewares<_orpc_server26.MergedInitialContext<RPCContext<TSchema> & Record<never, never>, RPCContext<TSchema> & Record<never, never>, RPCContext<TSchema>>, _orpc_server26.MergedCurrentContext<RPCContext<TSchema>, ProtectedRPCContext<TSchema>>, _orpc_contract2.Schema<unknown, unknown>, _orpc_contract2.Schema<unknown, unknown>, Record<never, never>, Record<never, never>>;
-  authMiddleware: _orpc_server26.DecoratedMiddleware<RPCContext<TSchema> & Record<never, never>, ProtectedRPCContext<TSchema>, unknown, any, any, Record<never, never>>;
-  permissionMiddleware: (permission: Permission) => _orpc_server26.DecoratedMiddleware<{
+  publicProcedure: _orpc_server29.Builder<RPCContext<TSchema> & Record<never, never>, RPCContext<TSchema>, _orpc_contract2.Schema<unknown, unknown>, _orpc_contract2.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_contract2.Schema<unknown, unknown>, _orpc_contract2.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<{
     session: {
       session: {
         id: string;
@@ -54,7 +54,7 @@ declare function initRPC<TSchema extends TDatabaseSchema>(): {
     schema: TSchema;
     auth: AuthClient;
     email: EmailClient;
-    blob: BlobClient;
+    storage: StorageService<TSchema>;
   } & {
     session: {
       session: {

package/dist/modules/{uploads/components/dropzone/context.d.mts → storage/components/dropzone-context.client.d.mts}

@@ -1,7 +1,7 @@
 import * as react0 from "react";
 import { DropzoneOptions } from "react-dropzone";
 
-//#region src/modules/uploads/components/dropzone/context.d.ts
+//#region src/modules/storage/components/dropzone-context.client.d.ts
 type DropzoneContextType = {
   src?: File[];
   accept?: DropzoneOptions["accept"];
@@ -16,4 +16,4 @@ declare const DropzoneContext: react0.Context<DropzoneContextType | undefined>;
 declare function useDropzoneContext(): DropzoneContextType;
 //#endregion
 export { DropzoneContext, useDropzoneContext };
-//# sourceMappingURL=context.d.mts.map
+//# sourceMappingURL=dropzone-context.client.d.mts.map

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

@@ -0,0 +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"}

package/dist/modules/{uploads/components/dropzone/context.mjs → storage/components/dropzone-context.client.mjs}

@@ -2,7 +2,7 @@
 
 import { createContext, use } from "react";
 
-//#region src/modules/uploads/components/dropzone/context.tsx
+//#region src/modules/storage/components/dropzone-context.client.tsx
 const DropzoneContext = createContext(void 0);
 /**
 * Dropzone context hook
@@ -15,4 +15,4 @@ function useDropzoneContext() {
 
 //#endregion
 export { DropzoneContext, useDropzoneContext };
-//# sourceMappingURL=context.mjs.map
+//# sourceMappingURL=dropzone-context.client.mjs.map

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

@@ -0,0 +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"}

package/dist/modules/{uploads/components/dropzone/index.d.mts → storage/components/dropzone.client.d.mts}

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import * as react0 from "react";
 import { ReactNode } from "react";
 import { DropEvent, DropzoneOptions, FileRejection } from "react-dropzone";
 
-//#region src/modules/uploads/components/dropzone/index.d.ts
+//#region src/modules/storage/components/dropzone.client.d.ts
 /**
  * Dropzone
  */
@@ -25,7 +25,7 @@ declare function Dropzone({
   className,
   children,
   ...props
-}: DropzoneProps): react_jsx_runtime4.JSX.Element;
+}: DropzoneProps): react_jsx_runtime5.JSX.Element;
 /**
  * DropzoneContent
  */
@@ -36,7 +36,7 @@ type DropzoneContentProps = {
 declare function DropzoneContent({
   children,
   className
-}: DropzoneContentProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime4.JSX.Element | null;
+}: DropzoneContentProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime5.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 | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime4.JSX.Element | null;
+}: DropzoneEmptyStateProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime5.JSX.Element | null;
 //#endregion
 export { Dropzone, DropzoneContent, DropzoneContentProps, DropzoneEmptyState, DropzoneEmptyStateProps, DropzoneProps };
-//# sourceMappingURL=index.d.mts.map
+//# sourceMappingURL=dropzone.client.d.mts.map

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

@@ -0,0 +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"}

package/dist/modules/{uploads/components/dropzone/index.mjs → storage/components/dropzone.client.mjs}

@@ -1,14 +1,14 @@
 "use client";
 
-import { cn } from "../../../../lib/utils/cn.mjs";
-import { Button } from "../../../../components/ui/button.mjs";
-import { renderBytes } from "../../lib/helpers.mjs";
-import { DropzoneContext, useDropzoneContext } from "./context.mjs";
+import { cn } from "../../../lib/utils/cn.mjs";
+import { Button } from "../../../components/ui/button.mjs";
+import { renderBytes } from "../lib/helpers.mjs";
+import { DropzoneContext, useDropzoneContext } from "./dropzone-context.client.mjs";
 import { UploadIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useDropzone } from "react-dropzone";
 
-//#region src/modules/uploads/components/dropzone/index.tsx
+//#region src/modules/storage/components/dropzone.client.tsx
 function Dropzone({ accept, maxFiles = 1, maxSize, minSize, onDrop, onError, disabled, src, className, children, ...props }) {
 	const { getRootProps, getInputProps, isDragActive } = useDropzone({
 		accept,
@@ -108,4 +108,4 @@ function DropzoneEmptyState({ children, className }) {
 
 //#endregion
 export { Dropzone, DropzoneContent, DropzoneEmptyState };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=dropzone.client.mjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,26 @@
+import { FileNode } from "../lib/validators.mjs";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/modules/storage/components/image-grid.client.d.ts
+/**
+ * Image Grid
+ */
+type ImageGridProps = ComponentProps<"div"> & {
+  nodes: FileNode[];
+  disabled?: boolean;
+  moveAction: (params: {
+    fromIndex: number;
+    toIndex: number;
+  }) => Promise<void>;
+};
+declare function ImageGrid({
+  nodes,
+  moveAction,
+  disabled,
+  ...props
+}: ImageGridProps): react_jsx_runtime8.JSX.Element;
+declare function ImageGridSkeleton(props: ComponentProps<"div">): react_jsx_runtime8.JSX.Element;
+//#endregion
+export { ImageGrid, ImageGridSkeleton };
+//# sourceMappingURL=image-grid.client.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-grid.client.d.mts","names":[],"sources":["../../../../src/modules/storage/components/image-grid.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAuC6C,KAMxC,cAAA,GAAiB,cAAH,CAAA,KAAA,CAAA,GAAA;EAAG,KAAA,EACb,QADa,EAAA;EACb,QAAA,CAAA,EAAA,OAAA;EAEyD,UAAA,EAAA,CAAA,MAAA,EAAA;IAAO,SAAA,EAAA,MAAA;IAGzD,OAAA,EAAS,MAAA;EAAG,CAAA,EAAA,GAHsC,OAGtC,CAAA,IAAA,CAAA;CAAO;AAAY,iBAA/B,SAAA,CAA+B;EAAA,KAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAAsB,cAAtB,CAAA,EAAoC,kBAAA,CAAA,GAAA,CAAA,OAApC;AAAsB,iBAkKrD,iBAAA,CAlKqD,KAAA,EAkK5B,cAlK4B,CAAA,KAAA,CAAA,CAAA,EAkKP,kBAAA,CAAA,GAAA,CAAA,OAlKO"}