@tulip-systems/core 0.5.16 → 0.6.1

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

@@ -1 +1 @@
-{"version":3,"file":"input-recipient.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-recipient.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Contact, RecipientInput } from \"@/components/ui/input-recipient\";\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 InlineRecipientInputProps<Required extends boolean = false> = Omit<\n  ComponentProps<typeof RecipientInput>,\n  \"value\" | \"onChange\"\n> &\n  useInlineEditOptions<string[], Required> &\n  InlineEditVariantsProps & {\n    contacts: Contact[];\n  };\n\n/**\n * The inline edit recipient input component.\n */\nexport function InlineRecipientInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  variant,\n  disabled,\n  contacts,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineRecipientInputProps<Required>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n  });\n\n  return (\n    <RecipientInput\n      {...props}\n      contacts={contacts}\n      value={value ?? []}\n      onChange={(newValue) => {\n        handleChange(newValue);\n        handleBlur(newValue);\n      }}\n      disabled={disabled || !isAllowed}\n      className={cn(inlineEditVariants({ variant, status }), className)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,SAAgB,qBAAuD,EACrE,cACA,QACA,SACA,UACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SACmC;CACtC,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACM;EACV,OAAO,SAAS,EAAE;EAClB,WAAW,aAAa;AACtB,gBAAa,SAAS;AACtB,cAAW,SAAS;;EAEtB,UAAU,YAAY,CAAC;EACvB,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;GACjE"}
+{"version":3,"file":"input-recipient.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-recipient.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { type Contact, RecipientInput } from \"@/components/ui/input-recipient\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\ntype InlineRecipientInputProps<Required extends boolean = false> = Omit<\n  ComponentProps<typeof RecipientInput>,\n  \"value\" | \"onChange\"\n> &\n  useInlineEditOptions<string[], Required> &\n  InlineEditVariantsProps & {\n    contacts: Contact[];\n  };\n\n/**\n * The inline edit recipient input component.\n */\nexport function InlineRecipientInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  variant,\n  disabled,\n  contacts,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineRecipientInputProps<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    <RecipientInput\n      {...props}\n      contacts={contacts}\n      value={value ?? []}\n      onChange={(newValue) => {\n        handleChange(newValue);\n        handleBlur(newValue);\n      }}\n      disabled={disabled || !isAllowed}\n      className={cn(inlineEditVariants({ variant, status }), className)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,SAAgB,qBAAuD,EACrE,cACA,QACA,SACA,UACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SACmC;CACtC,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;EACM;EACV,OAAO,SAAS,EAAE;EAClB,WAAW,aAAa;AACtB,gBAAa,SAAS;AACtB,cAAW,SAAS;;EAEtB,UAAU,YAAY,CAAC;EACvB,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;GACjE"}

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

@@ -1,6 +1,6 @@
 import { Input } from "../../../components/ui/input.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/input-toggle.client.d.ts
@@ -14,7 +14,7 @@ declare function InlineStringInputToggle<Required extends boolean>({
   isRequired,
   className,
   ...props
-}: InlineStringInputToggleProps<Required>): react_jsx_runtime13.JSX.Element;
+}: InlineStringInputToggleProps<Required>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineStringInputToggle };
 //# sourceMappingURL=input-toggle.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-toggle.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input-toggle.client.tsx"],"sourcesContent":[],"mappings":";;;;;;KASK,iEAAiE,KACpE,sBAAsB,kBAGtB,6BAA6B;iBAEf;;;;;;;;;GASb,6BAA6B,YAAS,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"input-toggle.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input-toggle.client.tsx"],"mappings":";;;;;;KASK,4BAAA,qCAAiE,IAAA,CACpE,cAAA,QAAsB,KAAA,aAGtB,oBAAA,SAA6B,QAAA;AAAA,iBAEf,uBAAA,0BAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,QAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,4BAAA,CAA6B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -16,7 +16,11 @@ function InlineStringInputToggle({ initialValue, action, disabled, permission, u
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	function handleToggle() {
 		setEnabled(!enabled);

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

@@ -1 +1 @@
-{"version":3,"file":"input-toggle.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/entry\";\nimport { CheckIcon, XIcon } from \"lucide-react\";\nimport { ComponentProps, useState } from \"react\";\nimport { useInlineEdit, useInlineEditOptions } from \"../hooks/use-inline.client\";\n\ntype InlineStringInputToggleProps<Required extends boolean = false> = Omit<\n  ComponentProps<typeof Input>,\n  \"type\"\n> &\n  useInlineEditOptions<string, Required>;\n\nexport function InlineStringInputToggle<Required extends boolean>({\n  initialValue,\n  action,\n  disabled,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineStringInputToggleProps<Required>) {\n  const [enabled, setEnabled] = useState(!!initialValue);\n\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n  });\n\n  function handleToggle() {\n    setEnabled(!enabled);\n    if (!enabled) return;\n\n    handleBlur(null);\n  }\n\n  const isDisabled = !enabled || disabled || !isAllowed;\n\n  return (\n    <div className=\"relative\">\n      <Input\n        {...props}\n        type=\"text\"\n        value={value ?? undefined}\n        disabled={isDisabled}\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(\"border-border/70 hover:border-border w-full\", className)}\n      />\n\n      <Button\n        variant=\"ghost\"\n        onClick={handleToggle}\n        tabIndex={-1}\n        className={cn(\n          \"absolute bottom-0 right-0 top-0 opacity-50\",\n          !value && \"text-muted-foreground\",\n        )}\n      >\n        {enabled ? <CheckIcon /> : <XIcon />}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAeA,SAAgB,wBAAkD,EAChE,cACA,QACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SACsC;CACzC,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC,CAAC,aAAa;CAEtD,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,SAAS,eAAe;AACtB,aAAW,CAAC,QAAQ;AACpB,MAAI,CAAC,QAAS;AAEd,aAAW,KAAK;;CAGlB,MAAM,aAAa,CAAC,WAAW,YAAY,CAAC;AAE5C,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GACC,GAAI;GACJ,MAAK;GACL,OAAO,SAAS;GAChB,UAAU;GACV,WAAW,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;GACrE,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;GACjE,WAAW,GAAG,+CAA+C,UAAU;IACvE,EAEF,oBAAC;GACC,SAAQ;GACR,SAAS;GACT,UAAU;GACV,WAAW,GACT,8CACA,CAAC,SAAS,wBACX;aAEA,UAAU,oBAAC,cAAY,GAAG,oBAAC,UAAQ;IAC7B;GACL"}
+{"version":3,"file":"input-toggle.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { CheckIcon, XIcon } from \"lucide-react\";\nimport { type ComponentProps, useState } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/entry\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\ntype InlineStringInputToggleProps<Required extends boolean = false> = Omit<\n  ComponentProps<typeof Input>,\n  \"type\"\n> &\n  useInlineEditOptions<string, Required>;\n\nexport function InlineStringInputToggle<Required extends boolean>({\n  initialValue,\n  action,\n  disabled,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineStringInputToggleProps<Required>) {\n  const [enabled, setEnabled] = useState(!!initialValue);\n\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  function handleToggle() {\n    setEnabled(!enabled);\n    if (!enabled) return;\n\n    handleBlur(null);\n  }\n\n  const isDisabled = !enabled || disabled || !isAllowed;\n\n  return (\n    <div className=\"relative\">\n      <Input\n        {...props}\n        type=\"text\"\n        value={value ?? undefined}\n        disabled={isDisabled}\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(\"border-border/70 hover:border-border w-full\", className)}\n      />\n\n      <Button\n        variant=\"ghost\"\n        onClick={handleToggle}\n        tabIndex={-1}\n        className={cn(\n          \"absolute bottom-0 right-0 top-0 opacity-50\",\n          !value && \"text-muted-foreground\",\n        )}\n      >\n        {enabled ? <CheckIcon /> : <XIcon />}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAeA,SAAgB,wBAAkD,EAChE,cACA,QACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SACsC;CACzC,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC,CAAC,aAAa;CAEtD,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;CAEF,SAAS,eAAe;AACtB,aAAW,CAAC,QAAQ;AACpB,MAAI,CAAC,QAAS;AAEd,aAAW,KAAK;;CAGlB,MAAM,aAAa,CAAC,WAAW,YAAY,CAAC;AAE5C,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GACC,GAAI;GACJ,MAAK;GACL,OAAO,SAAS;GAChB,UAAU;GACV,WAAW,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;GACrE,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;GACjE,WAAW,GAAG,+CAA+C,UAAU;IACvE,EAEF,oBAAC;GACC,SAAQ;GACR,SAAS;GACT,UAAU;GACV,WAAW,GACT,8CACA,CAAC,SAAS,wBACX;aAEA,UAAU,oBAAC,cAAY,GAAG,oBAAC,UAAQ;IAC7B;GACL"}

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_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/input.client.d.ts
@@ -19,7 +19,7 @@ declare function InlineStringInput<Required extends boolean = false>({
   isRequired,
   disabled,
   ...props
-}: InlineEditInputProps<string, Required>): react_jsx_runtime14.JSX.Element;
+}: InlineEditInputProps<string, Required>): react_jsx_runtime0.JSX.Element;
 declare function InlineNumberInput<Required extends boolean = false>({
   initialValue,
   action,
@@ -30,7 +30,7 @@ declare function InlineNumberInput<Required extends boolean = false>({
   isRequired,
   disabled,
   ...props
-}: InlineEditInputProps<number, Required>): react_jsx_runtime14.JSX.Element;
+}: InlineEditInputProps<number, Required>): react_jsx_runtime0.JSX.Element;
 /**
  * The inline edit decimal input component.
  */
@@ -44,7 +44,7 @@ declare function InlineDecimalInput({
   isRequired,
   disabled,
   ...props
-}: InlineEditInputProps<string>): react_jsx_runtime14.JSX.Element;
+}: InlineEditInputProps<string>): react_jsx_runtime0.JSX.Element;
 //#endregion
 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,iEAAiE,KACpE,sBAAsB,kBAGtB,qBAAqB,QAAQ,YAC7B;;;AAP4E;AAGtD,iBASR,iBATQ,CAAA,iBAAA,OAAA,GAAA,KAAA,CAAA,CAAA;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,cAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAmBrB,oBAnBqB,CAAA,MAAA,EAmBQ,QAnBR,CAAA,CAAA,EAmBiB,mBAAA,CAAA,GAAA,CAAA,OAnBjB;AAAtB,iBAmDc,iBAnDd,CAAA,iBAAA,OAAA,GAAA,KAAA,CAAA,CAAA;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,cAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA6DC,oBA7DD,CAAA,MAAA,EA6D8B,QA7D9B,CAAA,CAAA,EA6DuC,mBAAA,CAAA,GAAA,CAAA,OA7DvC;;;;AAGA,iBAuFc,kBAAA,CAvFd;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,cAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiGC,oBAjGD,CAAA,MAAA,CAAA,CAAA,EAiG6B,mBAAA,CAAA,GAAA,CAAA,OAjG7B"}
+{"version":3,"file":"input.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input.client.tsx"],"mappings":";;;;;;;KAQK,oBAAA,6CAAiE,IAAA,CACpE,cAAA,QAAsB,KAAA,aAGtB,oBAAA,CAAqB,MAAA,EAAQ,QAAA,IAC7B,uBAAA;;;AAPiF;iBAYnE,iBAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,OAAA;EACA,SAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,oBAAA,SAA6B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoCzB,iBAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,OAAA;EACA,SAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,oBAAA,SAA6B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAiCzB,kBAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,OAAA;EACA,SAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,oBAAA,WAA4B,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -16,7 +16,11 @@ function InlineStringInput({ initialValue, action, variant, className, permissio
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	return /* @__PURE__ */ jsx(Input, {
 		...props,
@@ -34,14 +38,18 @@ function InlineStringInput({ initialValue, action, variant, className, permissio
 /**
 * The inline edit number input component.
 */
-const parseValueAsNumber = (valueAsNumber) => !isNaN(Number(valueAsNumber)) ? valueAsNumber : null;
+const parseValueAsNumber = (valueAsNumber) => !Number.isNaN(Number(valueAsNumber)) ? valueAsNumber : null;
 function InlineNumberInput({ initialValue, action, variant, className, permission, updateStrategy, isRequired, disabled, ...props }) {
 	const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({
 		initialValue,
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	return /* @__PURE__ */ jsx(Input, {
 		...props,
@@ -65,7 +73,11 @@ function InlineDecimalInput({ initialValue, action, variant, className, permissi
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	return /* @__PURE__ */ jsx(Input, {
 		...props,

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, 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  });\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  !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  });\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  });\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;EACD,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,MAAM,OAAO,cAAc,CAAC,GAAG,gBAAgB;AAElD,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;EACD,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;EACD,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      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"}

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

@@ -1,6 +1,6 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime0 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
@@ -12,19 +12,19 @@ declare function InlineSelect<Required extends boolean = false>({
   isRequired,
   disabled,
   ...props
-}: SelectProps & useInlineEditOptions<string, Required>): react_jsx_runtime17.JSX.Element;
+}: SelectProps & useInlineEditOptions<string, Required>): react_jsx_runtime0.JSX.Element;
 type InlineSelectTriggerProps = SelectTriggerProps;
 declare function InlineSelectTrigger({
   variant,
   className,
   ...props
-}: InlineSelectTriggerProps & InlineEditVariantsProps): react_jsx_runtime17.JSX.Element;
+}: InlineSelectTriggerProps & InlineEditVariantsProps): react_jsx_runtime0.JSX.Element;
 type InlineSelectContentProps = SelectContentProps;
-declare function InlineSelectContent(props: InlineSelectContentProps): react_jsx_runtime17.JSX.Element;
+declare function InlineSelectContent(props: InlineSelectContentProps): react_jsx_runtime0.JSX.Element;
 type InlineSelectValueProps = SelectValueProps;
-declare function InlineSelectValue(props: InlineSelectValueProps): react_jsx_runtime17.JSX.Element;
+declare function InlineSelectValue(props: InlineSelectValueProps): react_jsx_runtime0.JSX.Element;
 type InlineSelectItenProps = SelectItemProps;
-declare function InlineSelectItem(props: InlineSelectItenProps): react_jsx_runtime17.JSX.Element;
+declare function InlineSelectItem(props: InlineSelectItenProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineSelect, InlineSelectContent, InlineSelectContentProps, InlineSelectItem, InlineSelectItenProps, 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":";;;;;;iBAqBgB;;;;;;;;GAQb,cAAc,6BAA6B,YAAS,mBAAA,CAAA,GAAA,CAAA;KAsB3C,wBAAA,GAA2B;iBAEvB,mBAAA;;;;GAIb,2BAA2B,0BAAuB,mBAAA,CAAA,GAAA,CAAA;AApCrC,KA4CJ,wBAAA,GAA2B,kBA5CX;AAC1B,iBA6Cc,mBAAA,CA7Cd,KAAA,EA6CyC,wBA7CzC,CAAA,EA6CiE,mBAAA,CAAA,GAAA,CAAA,OA7CjE;AACA,KAgDU,sBAAA,GAAyB,gBAhDnC;AACA,iBAiDc,iBAAA,CAjDd,KAAA,EAiDuC,sBAjDvC,CAAA,EAiD6D,mBAAA,CAAA,GAAA,CAAA,OAjD7D;AACA,KAoDU,qBAAA,GAAwB,eApDlC;AACA,iBAqDc,gBAAA,CArDd,KAAA,EAqDsC,qBArDtC,CAAA,EAqD2D,mBAAA,CAAA,GAAA,CAAA,OArD3D"}
+{"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"}

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

@@ -14,15 +14,19 @@ function InlineSelect({ initialValue, action, permission, updateStrategy, isRequ
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	return /* @__PURE__ */ jsx(Select, {
 		...props,
 		disabled: disabled || !isAllowed,
 		defaultValue: value ?? void 0,
-		onValueChange: (value$1) => {
-			handleChange(value$1 ? value$1 : null);
-			handleBlur(value$1 ? value$1 : null);
+		onValueChange: (value) => {
+			handleChange(value ? value : null);
+			handleBlur(value ? value : null);
 		}
 	});
 }

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 { useIndicator } from \"@/lib/entry.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 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  });\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;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,cAAc,SAAS;EACvB,gBAAgB,YAAU;AACxB,gBAAaA,UAAQA,UAAQ,KAAK;AAClC,cAAWA,UAAQA,UAAQ,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 {\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"}

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

@@ -1,5 +1,5 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { SwitchProps } from "@radix-ui/react-switch";
 
 //#region src/modules/inline-edit/components/switch.client.d.ts
@@ -11,7 +11,7 @@ declare function InlineSwitch<Required extends boolean = false>({
   isRequired,
   disabled,
   ...props
-}: SwitchProps & useInlineEditOptions<boolean, Required>): react_jsx_runtime22.JSX.Element;
+}: SwitchProps & 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"],"sourcesContent":[],"mappings":";;;;;iBAMgB;;;;;;;;GAQb,cAAc,8BAA8B,YAAS,mBAAA,CAAA,GAAA,CAAA"}
+{"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"}

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

@@ -11,7 +11,11 @@ function InlineSwitch({ initialValue, action, permission, updateStrategy, isRequ
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	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<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  });\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;EACD,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 { 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"}

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

@@ -1,5 +1,5 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/modules/inline-edit/components/toggle.client.d.ts
@@ -13,7 +13,7 @@ declare function InlineToggle<Required extends boolean = false>({
   isRequired,
   className,
   ...props
-}: InlineEditToggleProps<Required>): react_jsx_runtime23.JSX.Element;
+}: InlineEditToggleProps<Required>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineEditToggleProps, InlineToggle };
 //# sourceMappingURL=toggle.client.d.mts.map

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,0DACV,KAAA,CAAM,eAAe,kBAAkB,8BAA8B;iBAEvD;;;;;;;;;GASb,sBAAsB,YAAS,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"toggle.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/toggle.client.tsx"],"mappings":";;;;;KAOY,qBAAA,qCACV,KAAA,CAAM,cAAA,CAAe,cAAA,IAAkB,oBAAA,UAA8B,QAAA;AAAA,iBAEvD,YAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,QAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,qBAAA,CAAsB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -12,7 +12,11 @@ function InlineToggle({ initialValue, action, children, permission, updateStrate
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	return /* @__PURE__ */ jsx("div", {
 		...props,
@@ -22,9 +26,9 @@ function InlineToggle({ initialValue, action, children, permission, updateStrate
 			variant: "outline",
 			pressed: value ?? void 0,
 			defaultChecked: initialValue ?? void 0,
-			onPressedChange: (value$1) => {
-				handleChange(value$1);
-				handleBlur(value$1);
+			onPressedChange: (value) => {
+				handleChange(value);
+				handleBlur(value);
 			},
 			children
 		})

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<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  });\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;EACD,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,YAAU;AAC1B,iBAAaA,QAAM;AACnB,eAAWA,QAAM;;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\";\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"}

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_runtime24 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_runtime24.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineEditContextParams, InlineEditProvider, useInlineEditContext };
 //# sourceMappingURL=context.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/hooks/context.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAQY,KAAA,uBAAA,GAAuB;EAMnB,EAAA,EAAA,MAAA;EASA,UAAA,CAAA,EAfiD,UAe/B;CAChC;;;;AAEwD,iBAZ1C,oBAAA,CAAA,CAY0C,EAZtB,uBAYsB;;;;iBAH1C,kBAAA;;;GAGb;YAAsC,KAAA,CAAM;IAAW,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"context.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/hooks/context.client.tsx"],"mappings":";;;;;;;;KASY,uBAAA;EAA4B,EAAA;EAAY,UAAA,GAAa,UAAA;AAAA;;;;iBAMjD,oBAAA,CAAA,GAAoB,uBAAA;;AAApC;;iBASgB,kBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,uBAAA;EAA4B,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/inline-edit/hooks/context.client.mjs

@@ -1,7 +1,7 @@
 "use client";
 
 import { jsx } from "react/jsx-runtime";
-import React, { createContext, useContext } from "react";
+import { createContext, useContext } from "react";
 
 //#region src/modules/inline-edit/hooks/context.client.tsx
 const InlineEditContext = createContext(void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"context.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/hooks/context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Permission } from \"@/modules/auth/lib/permissions\";\nimport React, { createContext, useContext } from \"react\";\n\n/**\n * InlineEditContext\n */\nexport type InlineEditContextParams = { id: string; permission?: Permission };\nconst InlineEditContext = createContext<InlineEditContextParams | undefined>(undefined);\n\n/**\n * UseInlineEditContext\n */\nexport function useInlineEditContext() {\n  const context = useContext(InlineEditContext);\n  if (!context) throw new Error(\"InlineEditContext not found!\");\n  return context;\n}\n\n/**\n * InlineEditContext Provider\n */\nexport function InlineEditProvider({\n  children,\n  ...value\n}: InlineEditContextParams & { children: React.ReactNode }) {\n  return <InlineEditContext.Provider value={value}>{children}</InlineEditContext.Provider>;\n}\n"],"mappings":";;;;;;AASA,MAAM,oBAAoB,cAAmD,OAAU;;;;AAKvF,SAAgB,uBAAuB;CACrC,MAAM,UAAU,WAAW,kBAAkB;AAC7C,KAAI,CAAC,QAAS,OAAM,IAAI,MAAM,+BAA+B;AAC7D,QAAO;;;;;AAMT,SAAgB,mBAAmB,EACjC,UACA,GAAG,SACuD;AAC1D,QAAO,oBAAC,kBAAkB;EAAgB;EAAQ;GAAsC"}
+{"version":3,"file":"context.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/hooks/context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { createContext, useContext } from \"react\";\nimport type { Permission } from \"@/modules/auth/lib/permissions\";\n\n/**\n * InlineEditContext\n */\nexport type InlineEditContextParams = { id: string; permission?: Permission };\nconst InlineEditContext = createContext<InlineEditContextParams | undefined>(undefined);\n\n/**\n * UseInlineEditContext\n */\nexport function useInlineEditContext() {\n  const context = useContext(InlineEditContext);\n  if (!context) throw new Error(\"InlineEditContext not found!\");\n  return context;\n}\n\n/**\n * InlineEditContext Provider\n */\nexport function InlineEditProvider({\n  children,\n  ...value\n}: InlineEditContextParams & { children: React.ReactNode }) {\n  return <InlineEditContext.Provider value={value}>{children}</InlineEditContext.Provider>;\n}\n"],"mappings":";;;;;;AAUA,MAAM,oBAAoB,cAAmD,OAAU;;;;AAKvF,SAAgB,uBAAuB;CACrC,MAAM,UAAU,WAAW,kBAAkB;AAC7C,KAAI,CAAC,QAAS,OAAM,IAAI,MAAM,+BAA+B;AAC7D,QAAO;;;;;AAMT,SAAgB,mBAAmB,EACjC,UACA,GAAG,SACuD;AAC1D,QAAO,oBAAC,kBAAkB;EAAgB;EAAQ;GAAsC"}

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

@@ -3,7 +3,7 @@ import { Permission } from "../../auth/lib/permissions.mjs";
 import "../../../components.mjs";
 import { IndicatorStatus } from "../../../lib/hooks/use-indicator.mjs";
 import "../../../lib/client.mjs";
-import * as react0 from "react";
+import * as react from "react";
 
 //#region src/modules/inline-edit/hooks/use-inline.client.d.ts
 type UpdateStrategy = {
@@ -16,17 +16,17 @@ type MaybeValue<TValue, Required extends boolean> = Required extends true ? TVal
 /**
  * Use the inline edit hook options.
  */
-type useInlineEditOptions<TValue, Required extends boolean = false> = {
+type useInlineEditOptions<TResult, Required extends boolean = false> = {
   /**
    * Initial value
    */
-  initialValue?: MaybeValue<TValue, Required>;
+  initialValue?: MaybeValue<TResult, Required>;
   /**
    * Action to execute on update
    */
   action: (value: {
     id: string;
-    value: MaybeValue<TValue, Required>;
+    value: MaybeValue<TResult, Required>;
   }) => Promise<unknown>;
   /**
    * Permission required to edit
@@ -45,17 +45,32 @@ type useInlineEditOptions<TValue, Required extends boolean = false> = {
    */
   isRequired?: Required;
 };
+/**
+ * Inline edit hook props
+ */
+type UseInlineEditProps<TValue extends string | number | Date | boolean | JSON | EditorJSONContent, TResult extends string | number | Date | boolean | JSON | EditorJSONContent, Required extends boolean = false> = useInlineEditOptions<TResult, Required> & {
+  parser: {
+    /**
+     * Transform the value from the result type to the value type
+     */
+    decode: (value: TResult) => TValue;
+    /**
+     * Transform the value from the value type to the result type
+     */
+    encode: (value: TValue) => TResult;
+  };
+};
 /**
  * Use the inline edit hook.
  */
-declare function useInlineEdit<TValue extends string | number | Date | boolean | JSON | EditorJSONContent, Required extends boolean = false>(props: useInlineEditOptions<TValue, Required>): {
+declare function useInlineEdit<TValue extends string | number | Date | boolean | JSON | EditorJSONContent, TResult extends string | number | Date | boolean | JSON | EditorJSONContent = TValue, Required extends boolean = false>(props: UseInlineEditProps<TValue, TResult, Required>): {
   value: MaybeValue<TValue, Required> | undefined;
-  setValue: react0.Dispatch<react0.SetStateAction<MaybeValue<TValue, Required> | undefined>>;
+  setValue: react.Dispatch<react.SetStateAction<MaybeValue<TValue, Required> | undefined>>;
   handleChange: (next: MaybeValue<TValue, Required> | null) => void;
   handleBlur: (next: MaybeValue<TValue, Required> | null) => void;
   status: IndicatorStatus;
   isAllowed: boolean;
 };
 //#endregion
-export { useInlineEdit, useInlineEditOptions };
+export { UseInlineEditProps, useInlineEdit, useInlineEditOptions };
 //# sourceMappingURL=use-inline.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-inline.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/hooks/use-inline.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;KAYK,cAAA;;;;;;AANuD,KAmBvD,UAbA,CAAA,MAAc,EAAA,iBAAA,OAAA,CAAA,GAaiC,QAbjC,SAAA,IAAA,GAayD,MAbzD,GAakE,MAblE,GAAA,IAAA;AAAA;;;AAakE,KAKzE,oBALyE,CAAA,MAAA,EAAA,iBAAA,OAAA,GAAA,KAAA,CAAA,GAAA;EAAM;AAK3F;;EAIoC,YAAA,CAAA,EAAnB,UAAmB,CAAR,MAAQ,EAAA,QAAA,CAAA;EAAnB;;;EAIsB,MAAA,EAAA,CAAA,KAAA,EAAA;IAAmC,EAAA,EAAA,MAAA;IAI3D,KAAA,EAJwB,UAIxB,CAJmC,MAInC,EAJ2C,QAI3C,CAAA;EAOI,CAAA,EAAA,GAXuD,OAWvD,CAAA,OAAA,CAAA;EAKJ;;AAMf;EACmC,UAAA,CAAA,EAnBpB,UAmBoB;EAAiB;;;;;;mBAZjC;;;;;eAKJ;;;;;AA0GwB,iBApGvB,aAoGuB,CAAA,eAAA,MAAA,GAAA,MAAA,GAnGJ,IAmGI,GAAA,OAAA,GAnGa,IAmGb,GAnGoB,iBAmGpB,EAAA,iBAAA,OAAA,GAAA,KAAA,CAAA,CAAA,KAAA,EAjG9B,oBAiG8B,CAjGT,MAiGS,EAjGD,QAiGC,CAAA,CAAA,EAAA;EAAQ,KAAA,YAAA,OAAA,UAAA,CAAA,GAAA,SAAA;EAAnB,QAAA,iBAAA,sBAAA,WAAA,OAAA,UAAA,CAAA,GAAA,SAAA,CAAA,CAAA;EAAU,YAAA,EAAA,CAAA,IAAA,EAtBR,UAsBQ,CAtBG,MAsBH,EAtBW,QAsBX,CAAA,GAAA,IAAA,EAAA,GAAA,IAAA;qBAAV,WAAW,QAAQ;UAAT"}
+{"version":3,"file":"use-inline.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/hooks/use-inline.client.tsx"],"mappings":";;;;;;;;KAYK,cAAA;EAEC,IAAA;EACA,KAAA;AAAA;EAGA,IAAA;AAAA;AAAA,KAOD,UAAA,qCAA+C,QAAA,gBAAwB,MAAA,GAAS,MAAA;;;;KAKzE,oBAAA;EAfN;;;EAmBJ,YAAA,GAAe,UAAA,CAAW,OAAA,EAAS,QAAA;EAThC;;;EAaH,MAAA,GAAS,KAAA;IAAS,EAAA;IAAY,KAAA,EAAO,UAAA,CAAW,OAAA,EAAS,QAAA;EAAA,MAAgB,OAAA;EAbgB;;;EAiBzF,UAAA,GAAa,UAAA;EAjB6D;;;;AAK5E;;EAmBE,cAAA,GAAiB,cAAA;EAfS;;;;EAoB1B,UAAA,GAAa,QAAA;AAAA;;;;KAMH,kBAAA,kCACuB,IAAA,aAAiB,IAAA,GAAO,iBAAA,oCACvB,IAAA,aAAiB,IAAA,GAAO,iBAAA,sCAExD,oBAAA,CAAqB,OAAA,EAAS,QAAA;EAChC,MAAA;IAXqB;;;IAenB,MAAA,GAAS,KAAA,EAAO,OAAA,KAAY,MAAA;IAnCf;;;IAuCb,MAAA,GAAS,KAAA,EAAO,MAAA,KAAW,OAAA;EAAA;AAAA;;;;iBAOf,aAAA,kCACmB,IAAA,aAAiB,IAAA,GAAO,iBAAA,oCACvB,IAAA,aAAiB,IAAA,GAAO,iBAAA,GAAoB,MAAA,mCAAA,CAE9E,KAAA,EAAO,kBAAA,CAAmB,MAAA,EAAQ,OAAA,EAAS,QAAA;;;uBA8Ef,UAAA,CAAW,MAAA,EAAQ,QAAA;qBAsBrB,UAAA,CAAW,MAAA,EAAQ,QAAA;UAAT,eAAA"}

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

@@ -19,6 +19,7 @@ function useInlineEdit(props) {
 	*/
 	const strategy = props.updateStrategy ?? defaultUpdateStrategy;
 	const delay = strategy.mode === "change" ? strategy.delay ?? 0 : 0;
+	const initialValue = props.parser.decode(props.initialValue) ?? void 0;
 	/**
 	* The inline edit context.
 	*/
@@ -26,7 +27,7 @@ function useInlineEdit(props) {
 	/**
 	* The current value of the inline edit.
 	*/
-	const [value, setValue] = useState(props.initialValue);
+	const [value, setValue] = useState(initialValue);
 	/**
 	* The indicator status.
 	*/
@@ -44,28 +45,30 @@ function useInlineEdit(props) {
 			setStatus("success");
 		},
 		onError: (error) => {
-			setValue(props.initialValue);
+			setValue(initialValue);
 			toast.error("Er is iets misgegaan", { description: error instanceof Error ? error.message : void 0 });
 		}
 	});
 	/**
 	* Handle instant mutate
 	*/
-	const handleMutateInstant = useCallback((value$1) => {
+	const handleMutateInstant = useCallback((input) => {
 		if (!isAllowed) {
 			toast.error("Je hebt geen toestemming om dit te bewerken");
 			return;
 		}
-		if (value$1 === props.initialValue) return;
+		if (input === initialValue) return;
+		const value = props.parser.encode(input);
 		return mutation.mutate({
 			id: context.id,
-			value: value$1
+			value
 		});
 	}, [
 		isAllowed,
-		props.initialValue,
+		initialValue,
 		mutation,
-		context.id
+		context.id,
+		props.parser
 	]);
 	/**
 	* Handle mutate with debounce
@@ -78,7 +81,7 @@ function useInlineEdit(props) {
 		setValue(next ?? void 0);
 		if (strategy.mode !== "change") return;
 		if (props.isRequired && next === null) {
-			setValue(props.initialValue ?? void 0);
+			setValue(initialValue ?? void 0);
 			setStatus("error");
 			toast.error("Dit veld is verplicht");
 			return;
@@ -92,7 +95,7 @@ function useInlineEdit(props) {
 		setValue(next ?? void 0);
 		if (strategy.mode !== "blur") return;
 		if (props.isRequired && next === null) {
-			setValue(props.initialValue ?? void 0);
+			setValue(initialValue ?? void 0);
 			setStatus("error");
 			toast.error("Dit veld is verplicht");
 			return;