@tulip-systems/core 0.6.1 → 0.8.0

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

@@ -24,12 +24,13 @@ function InlineStringInput({ initialValue, action, variant, className, permissio
 	});
 	return /* @__PURE__ */ jsx(Input, {
 		...props,
+		"data-inline-input": "string",
 		type: "text",
 		value: value ?? void 0,
 		disabled: disabled || !isAllowed,
 		onChange: (e) => handleChange(e.target.value ? e.target.value : null),
 		onBlur: (e) => handleBlur(e.target.value ? e.target.value : null),
-		className: cn("border-border/70 hover:border-border w-full", inlineEditVariants({
+		className: cn("w-full border-border/70 hover:border-border", inlineEditVariants({
 			variant,
 			status
 		}), className)
@@ -53,12 +54,13 @@ function InlineNumberInput({ initialValue, action, variant, className, permissio
 	});
 	return /* @__PURE__ */ jsx(Input, {
 		...props,
+		"data-inline-input": "number",
 		type: "number",
 		value: value ?? void 0,
 		disabled: disabled || !isAllowed,
 		onChange: (e) => handleChange(parseValueAsNumber(e.target.valueAsNumber)),
 		onBlur: (e) => handleBlur(parseValueAsNumber(e.target.valueAsNumber)),
-		className: cn("border-border/70 hover:border-border w-full", inlineEditVariants({
+		className: cn("w-full border-border/70 hover:border-border", inlineEditVariants({
 			variant,
 			status
 		}), className)
@@ -81,12 +83,13 @@ function InlineDecimalInput({ initialValue, action, variant, className, permissi
 	});
 	return /* @__PURE__ */ jsx(Input, {
 		...props,
+		"data-inline-input": "decimal",
 		type: "number",
 		value: value ?? void 0,
 		disabled: disabled || !isAllowed,
 		onChange: (e) => handleChange(e.target.value ? e.target.value : null),
 		onBlur: (e) => handleBlur(e.target.value ? e.target.value : null),
-		className: cn("border-border/70 hover:border-border w-full", inlineEditVariants({
+		className: cn("w-full border-border/70 hover:border-border", inlineEditVariants({
 			variant,
 			status
 		}), className)

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 type { ComponentProps } from \"react\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\ntype InlineEditInputProps<TValue, Required extends boolean = false> = Omit<\n  ComponentProps<typeof Input>,\n  \"type\"\n> &\n  useInlineEditOptions<TValue, Required> &\n  InlineEditVariantsProps;\n\n/**\n * The inline edit string input component.\n */\nexport function InlineStringInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  variant,\n  className,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditInputProps<string, Required>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"text\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => handleChange(e.target.value ? e.target.value : null)}\n      onBlur={(e) => handleBlur(e.target.value ? e.target.value : null)}\n      className={cn(\n        \"border-border/70 hover:border-border w-full\",\n        inlineEditVariants({ variant, status }),\n        className,\n      )}\n    />\n  );\n}\n\n/**\n * The inline edit number input component.\n */\nconst parseValueAsNumber = (valueAsNumber: number): number | null =>\n  !Number.isNaN(Number(valueAsNumber)) ? valueAsNumber : null;\n\nexport function InlineNumberInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  variant,\n  className,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditInputProps<number, Required>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"number\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => handleChange(parseValueAsNumber(e.target.valueAsNumber))}\n      onBlur={(e) => handleBlur(parseValueAsNumber(e.target.valueAsNumber))}\n      className={cn(\n        \"border-border/70 hover:border-border w-full\",\n        inlineEditVariants({ variant, status }),\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  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditInputProps<string>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"number\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => handleChange(e.target.value ? e.target.value : null)}\n      onBlur={(e) => handleBlur(e.target.value ? e.target.value : null)}\n      className={cn(\n        \"border-border/70 hover:border-border w-full\",\n        inlineEditVariants({ variant, status }),\n        className,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,SAAgB,kBAAoD,EAClE,cACA,QACA,SACA,WACA,YACA,gBACA,YACA,UACA,GAAG,SACsC;CACzC,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACrE,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACjE,WAAW,GACT,+CACA,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EACvC,UACD;GACD;;;;;AAON,MAAM,sBAAsB,kBAC1B,CAAC,OAAO,MAAM,OAAO,cAAc,CAAC,GAAG,gBAAgB;AAEzD,SAAgB,kBAAoD,EAClE,cACA,QACA,SACA,WACA,YACA,gBACA,YACA,UACA,GAAG,SACsC;CACzC,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,aAAa,mBAAmB,EAAE,OAAO,cAAc,CAAC;EACzE,SAAS,MAAM,WAAW,mBAAmB,EAAE,OAAO,cAAc,CAAC;EACrE,WAAW,GACT,+CACA,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EACvC,UACD;GACD;;;;;AAON,SAAgB,mBAAmB,EACjC,cACA,QACA,SACA,WACA,YACA,gBACA,YACA,UACA,GAAG,SAC4B;CAC/B,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACrE,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACjE,WAAW,GACT,+CACA,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EACvC,UACD;GACD"}
+{"version":3,"file":"input.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\ntype InlineEditInputProps<TValue, Required extends boolean = false> = Omit<\n  ComponentProps<typeof Input>,\n  \"type\"\n> &\n  useInlineEditOptions<TValue, Required> &\n  InlineEditVariantsProps;\n\n/**\n * The inline edit string input component.\n */\nexport function InlineStringInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  variant,\n  className,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditInputProps<string, Required>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Input\n      {...props}\n      data-inline-input=\"string\"\n      type=\"text\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => handleChange(e.target.value ? e.target.value : null)}\n      onBlur={(e) => handleBlur(e.target.value ? e.target.value : null)}\n      className={cn(\n        \"w-full border-border/70 hover:border-border\",\n        inlineEditVariants({ variant, status }),\n        className,\n      )}\n    />\n  );\n}\n\n/**\n * The inline edit number input component.\n */\nconst parseValueAsNumber = (valueAsNumber: number): number | null =>\n  !Number.isNaN(Number(valueAsNumber)) ? valueAsNumber : null;\n\nexport function InlineNumberInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  variant,\n  className,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditInputProps<number, Required>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Input\n      {...props}\n      data-inline-input=\"number\"\n      type=\"number\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => handleChange(parseValueAsNumber(e.target.valueAsNumber))}\n      onBlur={(e) => handleBlur(parseValueAsNumber(e.target.valueAsNumber))}\n      className={cn(\n        \"w-full border-border/70 hover:border-border\",\n        inlineEditVariants({ variant, status }),\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  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditInputProps<string>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Input\n      {...props}\n      data-inline-input=\"decimal\"\n      type=\"number\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => handleChange(e.target.value ? e.target.value : null)}\n      onBlur={(e) => handleBlur(e.target.value ? e.target.value : null)}\n      className={cn(\n        \"w-full border-border/70 hover:border-border\",\n        inlineEditVariants({ variant, status }),\n        className,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,SAAgB,kBAAoD,EAClE,cACA,QACA,SACA,WACA,YACA,gBACA,YACA,UACA,GAAG,SACsC;CACzC,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,qBAAkB;EAClB,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACrE,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACjE,WAAW,GACT,+CACA,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EACvC,UACD;GACD;;;;;AAON,MAAM,sBAAsB,kBAC1B,CAAC,OAAO,MAAM,OAAO,cAAc,CAAC,GAAG,gBAAgB;AAEzD,SAAgB,kBAAoD,EAClE,cACA,QACA,SACA,WACA,YACA,gBACA,YACA,UACA,GAAG,SACsC;CACzC,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,qBAAkB;EAClB,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,aAAa,mBAAmB,EAAE,OAAO,cAAc,CAAC;EACzE,SAAS,MAAM,WAAW,mBAAmB,EAAE,OAAO,cAAc,CAAC;EACrE,WAAW,GACT,+CACA,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EACvC,UACD;GACD;;;;;AAON,SAAgB,mBAAmB,EACjC,cACA,QACA,SACA,WACA,YACA,gBACA,YACA,UACA,GAAG,SAC4B;CAC/B,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,qBAAkB;EAClB,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACrE,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACjE,WAAW,GACT,+CACA,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EACvC,UACD;GACD"}

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

@@ -1,7 +1,8 @@
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.client.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { SelectContentProps, SelectItemProps, SelectProps, SelectTriggerProps, SelectValueProps } from "@radix-ui/react-select";
+import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/select.client.d.ts
 declare function InlineSelect<Required extends boolean = false>({
@@ -12,19 +13,15 @@ declare function InlineSelect<Required extends boolean = false>({
   isRequired,
   disabled,
   ...props
-}: SelectProps & useInlineEditOptions<string, Required>): react_jsx_runtime0.JSX.Element;
-type InlineSelectTriggerProps = SelectTriggerProps;
+}: ComponentProps<typeof Select> & useInlineEditOptions<string, Required>): react_jsx_runtime0.JSX.Element;
 declare function InlineSelectTrigger({
   variant,
   className,
   ...props
-}: InlineSelectTriggerProps & InlineEditVariantsProps): react_jsx_runtime0.JSX.Element;
-type InlineSelectContentProps = SelectContentProps;
-declare function InlineSelectContent(props: InlineSelectContentProps): react_jsx_runtime0.JSX.Element;
-type InlineSelectValueProps = SelectValueProps;
-declare function InlineSelectValue(props: InlineSelectValueProps): react_jsx_runtime0.JSX.Element;
-type InlineSelectItenProps = SelectItemProps;
-declare function InlineSelectItem(props: InlineSelectItenProps): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof SelectTrigger> & InlineEditVariantsProps): react_jsx_runtime0.JSX.Element;
+declare function InlineSelectContent(props: ComponentProps<typeof SelectContent>): react_jsx_runtime0.JSX.Element;
+declare function InlineSelectValue(props: ComponentProps<typeof SelectValue>): react_jsx_runtime0.JSX.Element;
+declare function InlineSelectItem(props: ComponentProps<typeof SelectItem>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { InlineSelect, InlineSelectContent, InlineSelectContentProps, InlineSelectItem, InlineSelectItenProps, InlineSelectTrigger, InlineSelectTriggerProps, InlineSelectValue, InlineSelectValueProps };
+export { InlineSelect, InlineSelectContent, InlineSelectItem, InlineSelectTrigger, InlineSelectValue };
 //# 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"],"mappings":";;;;;;iBAqBgB,YAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAc,oBAAA,SAA6B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KA0B3C,wBAAA,GAA2B,kBAAA;AAAA,iBAEvB,mBAAA,CAAA;EACd,OAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,wBAAA,GAA2B,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAQzC,wBAAA,GAA2B,kBAAA;AAAA,iBAEvB,mBAAA,CAAoB,KAAA,EAAO,wBAAA,GAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAIvD,sBAAA,GAAyB,gBAAA;AAAA,iBAErB,iBAAA,CAAkB,KAAA,EAAO,sBAAA,GAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAInD,qBAAA,GAAwB,eAAA;AAAA,iBAEpB,gBAAA,CAAiB,KAAA,EAAO,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"select.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/select.client.tsx"],"mappings":";;;;;;;iBAegB,YAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,MAAA,IAAU,oBAAA,SAA6B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA0BzD,mBAAA,CAAA;EACd,OAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,aAAA,IAAiB,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAYjD,mBAAA,CAAoB,KAAA,EAAO,cAAA,QAAsB,aAAA,IAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI/D,iBAAA,CAAkB,KAAA,EAAO,cAAA,QAAsB,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI3D,gBAAA,CAAiB,KAAA,EAAO,cAAA,QAAsB,UAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -34,6 +34,7 @@ function InlineSelectTrigger({ variant, className, ...props }) {
 	const { status } = useIndicator();
 	return /* @__PURE__ */ jsx(SelectTrigger, {
 		...props,
+		"data-inline-input": "select",
 		className: cn(inlineEditVariants({
 			variant,
 			status

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

@@ -1 +1 @@
-{"version":3,"file":"select.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/select.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  SelectContentProps,\n  SelectItemProps,\n  SelectProps,\n  SelectTriggerProps,\n  SelectValueProps,\n} from \"@radix-ui/react-select\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select.client\";\nimport { useIndicator } from \"@/lib/entry.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\nexport function InlineSelect<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: SelectProps & useInlineEditOptions<string, Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Select\n      {...props}\n      disabled={disabled || !isAllowed}\n      defaultValue={value ?? undefined}\n      onValueChange={(value) => {\n        handleChange(value ? value : null);\n        handleBlur(value ? value : null);\n      }}\n    />\n  );\n}\n\nexport type InlineSelectTriggerProps = SelectTriggerProps;\n\nexport function InlineSelectTrigger({\n  variant,\n  className,\n  ...props\n}: InlineSelectTriggerProps & InlineEditVariantsProps) {\n  const { status } = useIndicator();\n\n  return (\n    <SelectTrigger {...props} className={cn(inlineEditVariants({ variant, status }), className)} />\n  );\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":";;;;;;;;;;AAqBA,SAAgB,aAA+C,EAC7D,cACA,QACA,YACA,gBACA,YACA,UACA,GAAG,SACoD;CACvD,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,cAAc,SAAS;EACvB,gBAAgB,UAAU;AACxB,gBAAa,QAAQ,QAAQ,KAAK;AAClC,cAAW,QAAQ,QAAQ,KAAK;;GAElC;;AAMN,SAAgB,oBAAoB,EAClC,SACA,WACA,GAAG,SACkD;CACrD,MAAM,EAAE,WAAW,cAAc;AAEjC,QACE,oBAAC;EAAc,GAAI;EAAO,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;GAAI;;AAMnG,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":[],"sources":["../../../../src/modules/inline-edit/components/select.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select.client\";\nimport { useIndicator } from \"@/lib/entry.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\nexport function InlineSelect<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: ComponentProps<typeof Select> & useInlineEditOptions<string, Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Select\n      {...props}\n      disabled={disabled || !isAllowed}\n      defaultValue={value ?? undefined}\n      onValueChange={(value) => {\n        handleChange(value ? value : null);\n        handleBlur(value ? value : null);\n      }}\n    />\n  );\n}\n\nexport function InlineSelectTrigger({\n  variant,\n  className,\n  ...props\n}: ComponentProps<typeof SelectTrigger> & InlineEditVariantsProps) {\n  const { status } = useIndicator();\n\n  return (\n    <SelectTrigger\n      {...props}\n      data-inline-input=\"select\"\n      className={cn(inlineEditVariants({ variant, status }), className)}\n    />\n  );\n}\n\nexport function InlineSelectContent(props: ComponentProps<typeof SelectContent>) {\n  return <SelectContent {...props} />;\n}\n\nexport function InlineSelectValue(props: ComponentProps<typeof SelectValue>) {\n  return <SelectValue {...props} />;\n}\n\nexport function InlineSelectItem(props: ComponentProps<typeof SelectItem>) {\n  return <SelectItem {...props} />;\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,aAA+C,EAC7D,cACA,QACA,YACA,gBACA,YACA,UACA,GAAG,SACsE;CACzE,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,cAAc,SAAS;EACvB,gBAAgB,UAAU;AACxB,gBAAa,QAAQ,QAAQ,KAAK;AAClC,cAAW,QAAQ,QAAQ,KAAK;;GAElC;;AAIN,SAAgB,oBAAoB,EAClC,SACA,WACA,GAAG,SAC8D;CACjE,MAAM,EAAE,WAAW,cAAc;AAEjC,QACE,oBAAC;EACC,GAAI;EACJ,qBAAkB;EAClB,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;GACjE;;AAIN,SAAgB,oBAAoB,OAA6C;AAC/E,QAAO,oBAAC,iBAAc,GAAI,QAAS;;AAGrC,SAAgB,kBAAkB,OAA2C;AAC3E,QAAO,oBAAC,eAAY,GAAI,QAAS;;AAGnC,SAAgB,iBAAiB,OAA0C;AACzE,QAAO,oBAAC,cAAW,GAAI,QAAS"}

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

@@ -1,6 +1,7 @@
+import { Switch } from "../../../components/ui/switch.client.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { SwitchProps } from "@radix-ui/react-switch";
+import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/switch.client.d.ts
 declare function InlineSwitch<Required extends boolean = false>({
@@ -11,7 +12,7 @@ declare function InlineSwitch<Required extends boolean = false>({
   isRequired,
   disabled,
   ...props
-}: SwitchProps & useInlineEditOptions<boolean, Required>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Switch> & useInlineEditOptions<boolean, Required>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineSwitch };
 //# sourceMappingURL=switch.client.d.mts.map

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"],"mappings":";;;;;iBAMgB,YAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAc,oBAAA,UAA8B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"switch.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/switch.client.tsx"],"mappings":";;;;;;iBAMgB,YAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,MAAA,IAAU,oBAAA,UAA8B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,6 +1,6 @@
 "use client";
 
-import { Switch } from "../../../components/ui/switch.mjs";
+import { Switch } from "../../../components/ui/switch.client.mjs";
 import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { jsx } from "react/jsx-runtime";
 
@@ -19,6 +19,7 @@ function InlineSwitch({ initialValue, action, permission, updateStrategy, isRequ
 	});
 	return /* @__PURE__ */ jsx(Switch, {
 		...props,
+		"data-inline-input": "switch",
 		disabled: disabled || !isAllowed,
 		defaultChecked: value ?? void 0,
 		onCheckedChange: (checked) => {

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 type { SwitchProps } from \"@radix-ui/react-switch\";\nimport { Switch } from \"@/components/ui/switch\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport function InlineSwitch<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: SwitchProps & useInlineEditOptions<boolean, Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Switch\n      {...props}\n      disabled={disabled || !isAllowed}\n      defaultChecked={value ?? undefined}\n      onCheckedChange={(checked) => {\n        handleChange(checked ?? null);\n        handleBlur(checked ?? null);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,aAA+C,EAC7D,cACA,QACA,YACA,gBACA,YACA,UACA,GAAG,SACqD;CACxD,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,gBAAgB,SAAS;EACzB,kBAAkB,YAAY;AAC5B,gBAAa,WAAW,KAAK;AAC7B,cAAW,WAAW,KAAK;;GAE7B"}
+{"version":3,"file":"switch.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/switch.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { Switch } from \"@/components/ui/switch.client\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport function InlineSwitch<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: ComponentProps<typeof Switch> & useInlineEditOptions<boolean, Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Switch\n      {...props}\n      data-inline-input=\"switch\"\n      disabled={disabled || !isAllowed}\n      defaultChecked={value ?? undefined}\n      onCheckedChange={(checked) => {\n        handleChange(checked ?? null);\n        handleBlur(checked ?? null);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,aAA+C,EAC7D,cACA,QACA,YACA,gBACA,YACA,UACA,GAAG,SACuE;CAC1E,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,qBAAkB;EAClB,UAAU,YAAY,CAAC;EACvB,gBAAgB,SAAS;EACzB,kBAAkB,YAAY;AAC5B,gBAAa,WAAW,KAAK;AAC7B,cAAW,WAAW,KAAK;;GAE7B"}

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

@@ -1,7 +1,7 @@
 "use client";
 
 import { cn } from "../../../lib/utils/cn.mjs";
-import { Toggle } from "../../../components/ui/toggle.mjs";
+import { Toggle } from "../../../components/ui/toggle.client.mjs";
 import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { jsx } from "react/jsx-runtime";
 
@@ -22,6 +22,7 @@ function InlineToggle({ initialValue, action, children, permission, updateStrate
 		...props,
 		className: cn("flex flex-wrap items-center justify-start gap-1", className),
 		children: /* @__PURE__ */ jsx(Toggle, {
+			"data-inline-input": "toggle",
 			disabled: !isAllowed,
 			variant: "outline",
 			pressed: value ?? void 0,

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { Toggle } from \"@/components/ui/toggle\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport type InlineEditToggleProps<Required extends boolean = false> =\n  React.HTMLAttributes<HTMLDivElement> & useInlineEditOptions<boolean, Required>;\n\nexport function InlineToggle<Required extends boolean = false>({\n  initialValue,\n  action,\n  children,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineEditToggleProps<Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\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 ?? undefined}\n        defaultChecked={initialValue ?? undefined}\n        onPressedChange={(value) => {\n          handleChange(value);\n          handleBlur(value);\n        }}\n      >\n        {children}\n      </Toggle>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,aAA+C,EAC7D,cACA,QACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SAC+B;CAClC,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mDAAmD,UAAU;YACzF,oBAAC;GACC,UAAU,CAAC;GACX,SAAQ;GACR,SAAS,SAAS;GAClB,gBAAgB,gBAAgB;GAChC,kBAAkB,UAAU;AAC1B,iBAAa,MAAM;AACnB,eAAW,MAAM;;GAGlB;IACM;GACL"}
+{"version":3,"file":"toggle.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { Toggle } from \"@/components/ui/toggle.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport type InlineEditToggleProps<Required extends boolean = false> =\n  React.HTMLAttributes<HTMLDivElement> & useInlineEditOptions<boolean, Required>;\n\nexport function InlineToggle<Required extends boolean = false>({\n  initialValue,\n  action,\n  children,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineEditToggleProps<Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <div {...props} className={cn(\"flex flex-wrap items-center justify-start gap-1\", className)}>\n      <Toggle\n        data-inline-input=\"toggle\"\n        disabled={!isAllowed}\n        variant=\"outline\"\n        pressed={value ?? undefined}\n        defaultChecked={initialValue ?? undefined}\n        onPressedChange={(value) => {\n          handleChange(value);\n          handleBlur(value);\n        }}\n      >\n        {children}\n      </Toggle>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,aAA+C,EAC7D,cACA,QACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SAC+B;CAClC,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mDAAmD,UAAU;YACzF,oBAAC;GACC,qBAAkB;GAClB,UAAU,CAAC;GACX,SAAQ;GACR,SAAS,SAAS;GAClB,gBAAgB,gBAAgB;GAChC,kBAAkB,UAAU;AAC1B,iBAAa,MAAM;AACnB,eAAW,MAAM;;GAGlB;IACM;GACL"}

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

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

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

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

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

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

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

@@ -1,14 +1,16 @@
-import { TDatabaseSchema } from "../../config/db/types.mjs";
-import { DatabaseClient } from "../../config/db/init.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 { Database } from "../../database/lib/service.server.mjs";
+import "../../../database/server.mjs";
+import { Email } from "../../emails/lib/service.server.mjs";
+import { Auth } from "../../auth/handler/service.server.mjs";
+import { Storage } from "../../storage/lib/service.server.mjs";
 import { TulipContext } from "../../config/lib/context.mjs";
 import "../../../config.mjs";
 import "../../../auth/server.mjs";
+import "../../../emails/server.mjs";
+import "../../../storage/server.mjs";
 import "server-cli-only";
 import * as next_dist_server_web_spec_extension_adapters_headers0 from "next/dist/server/web/spec-extension/adapters/headers";
+import { TDatabaseSchema } from "@/modules/config/db/types";
 
 //#region src/modules/router/handler/context.server.d.ts
 /**
@@ -46,11 +48,11 @@ declare const createRPCContext: <TSchema extends TDatabaseSchema>(props: {
     };
   } | null;
   headers: next_dist_server_web_spec_extension_adapters_headers0.ReadonlyHeaders;
-  db: DatabaseClient<TSchema>;
+  db: Database<TSchema>;
   schema: TSchema;
-  auth: AuthClient;
-  email: EmailClient;
-  storage: StorageService<TSchema>;
+  auth: Auth;
+  email: Email;
+  storage: Storage<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"],"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"}
+{"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/init.server.d.mts

@@ -1,15 +1,17 @@
 import { Permission } from "../../auth/lib/permissions.mjs";
-import { TDatabaseSchema } from "../../config/db/types.mjs";
-import { DatabaseClient } from "../../config/db/init.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 { Database } from "../../database/lib/service.server.mjs";
+import "../../../database/server.mjs";
+import { Email } from "../../emails/lib/service.server.mjs";
+import { Auth } from "../../auth/handler/service.server.mjs";
+import { Storage } from "../../storage/lib/service.server.mjs";
 import "../../../auth/server.mjs";
+import "../../../emails/server.mjs";
+import "../../../storage/server.mjs";
 import { ProtectedRPCContext, RPCContext } from "./context.server.mjs";
 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 { TDatabaseSchema } from "@/modules/config/db/types";
 import * as _orpc_contract0 from "@orpc/contract";
 
 //#region src/modules/router/handler/init.server.d.ts
@@ -20,7 +22,7 @@ declare function initRPC<TSchema extends TDatabaseSchema>(): {
   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<{
+  permissionMiddleware: (permissions: Permission) => _orpc_server0.DecoratedMiddleware<{
     session: {
       session: {
         id: string;
@@ -50,11 +52,11 @@ declare function initRPC<TSchema extends TDatabaseSchema>(): {
       };
     } | null;
     headers: next_dist_server_web_spec_extension_adapters_headers0.ReadonlyHeaders;
-    db: DatabaseClient<TSchema>;
+    db: Database<TSchema>;
     schema: TSchema;
-    auth: AuthClient;
-    email: EmailClient;
-    storage: StorageService<TSchema>;
+    auth: Auth;
+    email: Email;
+    storage: Storage<TSchema>;
   } & {
     session: {
       session: {

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"],"mappings":";;;;;;;;;;;;;;;;;;iBAWgB,OAAA,iBAAwB,eAAA,CAAA,CAAA;;;;qCAwBI,UAAA,mBAAU,mBAAA"}
+{"version":3,"file":"init.server.d.mts","names":[],"sources":["../../../../src/modules/router/handler/init.server.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;iBAWgB,OAAA,iBAAwB,eAAA,CAAA,CAAA;;;;sCAwBK,UAAA,mBAAU,mBAAA"}

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

@@ -24,14 +24,14 @@ function initRPC() {
 	/**
 	* Middleware function to check if the user has the required permission
 	*/
-	function permissionMiddleware(permission) {
+	function permissionMiddleware(permissions) {
 		/**
 		* Middleware function to check if the user has the required permission
 		*/
 		return os.$context().middleware(async (opts) => {
 			const { success, error } = await opts.context.auth.api.userHasPermission({ body: {
 				userId: opts.context.session.user.id,
-				permission
+				permissions
 			} });
 			if (error || !success) throw new ServerError("UNAUTHORIZED", { message: "Jou hebt geen toegang om deze actie uit te voeren" });
 			return opts.next({ context: { ...opts.context } });

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 { 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"}
+{"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(permissions: 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          permissions,\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,aAAyB;;;;AAIrD,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/route.server.d.mts

@@ -1,6 +1,6 @@
-import { TDatabaseSchema } from "../../config/db/types.mjs";
 import { TulipContext } from "../../config/lib/context.mjs";
 import { AnyRouter } from "@orpc/server";
+import { TDatabaseSchema } from "@/modules/config/db/types";
 
 //#region src/modules/router/handler/route.server.d.ts
 /**

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

@@ -36,7 +36,7 @@ type DropzoneContentProps = {
 declare function DropzoneContent({
   children,
   className
-}: 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;
+}: DropzoneContentProps): string | number | bigint | true | react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | 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 | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element | null;
+}: DropzoneEmptyStateProps): string | number | bigint | true | react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | 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"],"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"}
+{"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,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA;;;;KA8BjE,uBAAA;EACV,QAAA,GAAW,SAAA;EACX,SAAA;AAAA;AAAA,iBAGc,kBAAA,CAAA;EAAqB,QAAA;EAAU;AAAA,GAAa,uBAAA,qCAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA"}

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { FileNode } from "../lib/validators.mjs";
+import { StorageAsset } from "../lib/validators.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
@@ -7,7 +7,7 @@ import { ComponentProps } from "react";
  * Image Grid
  */
 type ImageGridProps = ComponentProps<"div"> & {
-  nodes: FileNode[];
+  assets: StorageAsset[];
   disabled?: boolean;
   moveAction: (params: {
     fromIndex: number;
@@ -21,7 +21,7 @@ type ImageGridProps = ComponentProps<"div"> & {
   };
 };
 declare function ImageGrid({
-  nodes,
+  assets,
   moveAction,
   optimistic,
   disabled,

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"],"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"}
+{"version":3,"file":"image-grid.client.d.mts","names":[],"sources":["../../../../src/modules/storage/components/image-grid.client.tsx"],"mappings":";;;;;;;;KA4CK,cAAA,GAAiB,cAAA;EACpB,MAAA,EAAQ,YAAA;EACR,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,MAAA;EAAQ,UAAA;EAAY,UAAA;EAAY,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAyKhF,iBAAA,CAAkB,KAAA,EAAO,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}