@tulip-systems/core 0.5.1 → 0.5.3

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

@@ -1,18 +1,20 @@
 import { Input } from "../../../components/ui/input.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/input-toggle.client.d.ts
-type InlineStringInputToggleProps<TValue> = Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<TValue>;
-declare function InlineStringInputToggle({
+type InlineStringInputToggleProps<Required extends boolean = false> = Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<string, Required>;
+declare function InlineStringInputToggle<Required extends boolean>({
   initialValue,
   action,
   disabled,
   permission,
+  updateStrategy,
+  isRequired,
   className,
   ...props
-}: InlineStringInputToggleProps<string>): react_jsx_runtime17.JSX.Element;
+}: InlineStringInputToggleProps<Required>): react_jsx_runtime8.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,uCAAuC,KAAK,sBAAsB,kBACrE,qBAAqB;iBAEP,uBAAA;;;;;;;GAOb,uCAAoC,mBAAA,CAAA,GAAA,CAAA"}
+{"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,kBAAA,CAAA,GAAA,CAAA"}

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

@@ -9,17 +9,19 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 
 //#region src/modules/inline-edit/components/input-toggle.client.tsx
-function InlineStringInputToggle({ initialValue, action, disabled, permission, className, ...props }) {
+function InlineStringInputToggle({ initialValue, action, disabled, permission, updateStrategy, isRequired, className, ...props }) {
 	const [enabled, setEnabled] = useState(!!initialValue);
-	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+	const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({
 		initialValue,
 		action,
-		permission
+		permission,
+		updateStrategy,
+		isRequired
 	});
 	function handleToggle() {
 		setEnabled(!enabled);
 		if (!enabled) return;
-		handleUpdate("");
+		handleBlur(null);
 	}
 	const isDisabled = !enabled || disabled || !isAllowed;
 	return /* @__PURE__ */ jsxs("div", {
@@ -27,10 +29,10 @@ function InlineStringInputToggle({ initialValue, action, disabled, permission, c
 		children: [/* @__PURE__ */ jsx(Input, {
 			...props,
 			type: "text",
-			value,
+			value: value ?? void 0,
 			disabled: isDisabled,
-			onChange: (e) => setValue(e.target.value),
-			onBlur: (e) => handleUpdate(e.target.value),
+			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", className)
 		}), /* @__PURE__ */ jsx(Button, {
 			variant: "ghost",

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<TValue> = Omit<ComponentProps<typeof Input>, \"type\"> &\n  useInlineEditOptions<TValue>;\n\nexport function InlineStringInputToggle({\n  initialValue,\n  action,\n  disabled,\n  permission,\n  className,\n  ...props\n}: InlineStringInputToggleProps<string>) {\n  const [enabled, setEnabled] = useState(!!initialValue);\n\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n  });\n\n  function handleToggle() {\n    setEnabled(!enabled);\n    if (!enabled) return;\n\n    handleUpdate(\"\");\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}\n        disabled={isDisabled}\n        onChange={(e) => setValue(e.target.value)}\n        onBlur={(e) => handleUpdate(e.target.value)}\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":";;;;;;;;;;;AAYA,SAAgB,wBAAwB,EACtC,cACA,QACA,UACA,YACA,WACA,GAAG,SACoC;CACvC,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC,CAAC,aAAa;CAEtD,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACA;EACD,CAAC;CAEF,SAAS,eAAe;AACtB,aAAW,CAAC,QAAQ;AACpB,MAAI,CAAC,QAAS;AAEd,eAAa,GAAG;;CAGlB,MAAM,aAAa,CAAC,WAAW,YAAY,CAAC;AAE5C,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GACC,GAAI;GACJ,MAAK;GACE;GACP,UAAU;GACV,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;GACzC,SAAS,MAAM,aAAa,EAAE,OAAO,MAAM;GAC3C,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 { 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"}

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

@@ -1,35 +1,36 @@
 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_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/input.client.d.ts
-type InlineEditInputProps<TValue> = Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<TValue> & InlineEditVariantsProps;
+type InlineEditInputProps<TValue, Required extends boolean = false> = Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<TValue, Required> & InlineEditVariantsProps;
 /**
  * The inline edit string input component.
  */
-declare function InlineStringInput({
+declare function InlineStringInput<Required extends boolean = false>({
   initialValue,
   action,
   variant,
   className,
   permission,
+  updateStrategy,
+  isRequired,
   disabled,
   ...props
-}: InlineEditInputProps<string | undefined>): react_jsx_runtime18.JSX.Element;
-/**
- * The inline edit number input component.
- */
-declare function InlineNumberInput({
+}: InlineEditInputProps<string, Required>): react_jsx_runtime9.JSX.Element;
+declare function InlineNumberInput<Required extends boolean = false>({
   initialValue,
   action,
   variant,
   className,
   permission,
+  updateStrategy,
+  isRequired,
   disabled,
   ...props
-}: InlineEditInputProps<number | undefined>): react_jsx_runtime18.JSX.Element;
+}: InlineEditInputProps<number, Required>): react_jsx_runtime9.JSX.Element;
 /**
  * The inline edit decimal input component.
  */
@@ -39,9 +40,11 @@ declare function InlineDecimalInput({
   variant,
   className,
   permission,
+  updateStrategy,
+  isRequired,
   disabled,
   ...props
-}: InlineEditInputProps<string | undefined>): react_jsx_runtime18.JSX.Element;
+}: InlineEditInputProps<string>): react_jsx_runtime9.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,+BAA+B,KAAK,sBAAsB,kBAC7D,qBAAqB,UACrB;;;AAJ4E;AAEf,iBAO/C,iBAAA,CAP+C;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAe5D,oBAf4D,CAAA,MAAA,GAAA,SAAA,CAAA,CAAA,EAepB,mBAAA,CAAA,GAAA,CAAA,OAfoB;;;;AAC7D,iBAyCc,iBAAA,CAzCd;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiDC,oBAjDD,CAAA,MAAA,GAAA,SAAA,CAAA,CAAA,EAiDyC,mBAAA,CAAA,GAAA,CAAA,OAjDzC;;;AAMF;AACE,iBAyEc,kBAAA,CAzEd;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiFC,oBAjFD,CAAA,MAAA,GAAA,SAAA,CAAA,CAAA,EAiFyC,mBAAA,CAAA,GAAA,CAAA,OAjFzC"}
+{"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,kBAAA,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,kBAAA,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,kBAAA,CAAA,GAAA,CAAA,OAjG7B"}

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

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

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

@@ -1,29 +1,30 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { SelectContentProps, SelectItemProps, SelectProps, SelectTriggerProps, SelectValueProps } from "@radix-ui/react-select";
 
 //#region src/modules/inline-edit/components/select.client.d.ts
-type InlineSelectProps = SelectProps & useInlineEditOptions<string>;
-declare function InlineSelect({
+declare function InlineSelect<Required extends boolean = false>({
   initialValue,
   action,
   permission,
+  updateStrategy,
+  isRequired,
   disabled,
   ...props
-}: InlineSelectProps): react_jsx_runtime21.JSX.Element;
+}: SelectProps & useInlineEditOptions<string, Required>): react_jsx_runtime12.JSX.Element;
 type InlineSelectTriggerProps = SelectTriggerProps;
 declare function InlineSelectTrigger({
   variant,
   className,
   ...props
-}: InlineSelectTriggerProps & InlineEditVariantsProps): react_jsx_runtime21.JSX.Element;
+}: InlineSelectTriggerProps & InlineEditVariantsProps): react_jsx_runtime12.JSX.Element;
 type InlineSelectContentProps = SelectContentProps;
-declare function InlineSelectContent(props: InlineSelectContentProps): react_jsx_runtime21.JSX.Element;
+declare function InlineSelectContent(props: InlineSelectContentProps): react_jsx_runtime12.JSX.Element;
 type InlineSelectValueProps = SelectValueProps;
-declare function InlineSelectValue(props: InlineSelectValueProps): react_jsx_runtime21.JSX.Element;
+declare function InlineSelectValue(props: InlineSelectValueProps): react_jsx_runtime12.JSX.Element;
 type InlineSelectItenProps = SelectItemProps;
-declare function InlineSelectItem(props: InlineSelectItenProps): react_jsx_runtime21.JSX.Element;
+declare function InlineSelectItem(props: InlineSelectItenProps): react_jsx_runtime12.JSX.Element;
 //#endregion
-export { InlineSelect, InlineSelectContent, InlineSelectContentProps, InlineSelectItem, InlineSelectItenProps, InlineSelectProps, InlineSelectTrigger, InlineSelectTriggerProps, InlineSelectValue, InlineSelectValueProps };
+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":";;;;;;KAoBY,iBAAA,GAAoB,cAAc;iBAE9B,YAAA;;;;;;GAMb,oBAAiB,mBAAA,CAAA,GAAA,CAAA;KAoBR,wBAAA,GAA2B;AA5B3B,iBA8BI,mBAAA,CA9BgB;EAAA,OAAc;EAAA,SAAA;EAAA,GAAA;AAAoB,CAAA,EAkC/D,wBAlC+D,GAkCpC,uBAlCoC,CAAA,EAkCb,mBAAA,CAAA,GAAA,CAAA,OAlCa;AAElD,KAoCJ,wBAAA,GAA2B,kBApCX;AAC1B,iBAqCc,mBAAA,CArCd,KAAA,EAqCyC,wBArCzC,CAAA,EAqCiE,mBAAA,CAAA,GAAA,CAAA,OArCjE;AACA,KAwCU,sBAAA,GAAyB,gBAxCnC;AACA,iBAyCc,iBAAA,CAzCd,KAAA,EAyCuC,sBAzCvC,CAAA,EAyC6D,mBAAA,CAAA,GAAA,CAAA,OAzC7D;AACA,KA4CU,qBAAA,GAAwB,eA5ClC;AAEC,iBA4Ca,gBAAA,CA5Cb,KAAA,EA4CqC,qBA5CrC,CAAA,EA4C0D,mBAAA,CAAA,GAAA,CAAA,OA5C1D"}
+{"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"}

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

@@ -1,32 +1,39 @@
 "use client";
 
 import { cn } from "../../../lib/utils/cn.mjs";
+import { useIndicator } from "../../../lib/hooks/use-indicator.mjs";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.client.mjs";
 import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { inlineEditVariants } from "../lib/variants.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/select.client.tsx
-function InlineSelect({ initialValue, action, permission, disabled, ...props }) {
-	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+function InlineSelect({ initialValue, action, permission, updateStrategy, isRequired, disabled, ...props }) {
+	const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({
 		initialValue,
 		action,
-		permission
+		permission,
+		updateStrategy,
+		isRequired
 	});
 	return /* @__PURE__ */ jsx(Select, {
 		...props,
 		disabled: disabled || !isAllowed,
-		defaultValue: value,
+		defaultValue: value ?? void 0,
 		onValueChange: (value$1) => {
-			setValue(value$1);
-			handleUpdate(value$1);
+			handleChange(value$1 ? value$1 : null);
+			handleBlur(value$1 ? value$1 : null);
 		}
 	});
 }
 function InlineSelectTrigger({ variant, className, ...props }) {
+	const { status } = useIndicator();
 	return /* @__PURE__ */ jsx(SelectTrigger, {
 		...props,
-		className: cn(inlineEditVariants({ variant }), className)
+		className: cn(inlineEditVariants({
+			variant,
+			status
+		}), className)
 	});
 }
 function InlineSelectContent(props) {

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

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

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

@@ -1,15 +1,17 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import { SwitchProps } from "@radix-ui/react-switch";
 
 //#region src/modules/inline-edit/components/switch.client.d.ts
-declare function InlineSwitch({
+declare function InlineSwitch<Required extends boolean = false>({
   initialValue,
   action,
   permission,
+  updateStrategy,
+  isRequired,
   disabled,
   ...props
-}: SwitchProps & useInlineEditOptions<boolean>): react_jsx_runtime26.JSX.Element;
+}: SwitchProps & useInlineEditOptions<boolean, Required>): react_jsx_runtime17.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,YAAA;;;;;;GAMb,cAAc,gCAA6B,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"switch.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/switch.client.tsx"],"sourcesContent":[],"mappings":";;;;;iBAMgB;;;;;;;;GAQb,cAAc,8BAA8B,YAAS,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -5,19 +5,21 @@ import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/switch.client.tsx
-function InlineSwitch({ initialValue, action, permission, disabled, ...props }) {
-	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+function InlineSwitch({ initialValue, action, permission, updateStrategy, isRequired, disabled, ...props }) {
+	const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({
 		initialValue,
 		action,
-		permission
+		permission,
+		updateStrategy,
+		isRequired
 	});
 	return /* @__PURE__ */ jsx(Switch, {
 		...props,
 		disabled: disabled || !isAllowed,
-		defaultChecked: value,
+		defaultChecked: value ?? void 0,
 		onCheckedChange: (checked) => {
-			setValue(checked);
-			handleUpdate(checked);
+			handleChange(checked ?? null);
+			handleBlur(checked ?? null);
 		}
 	});
 }

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

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

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

@@ -1,17 +1,19 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/modules/inline-edit/components/toggle.client.d.ts
-type InlineEditToggleProps = React.HTMLAttributes<HTMLDivElement> & useInlineEditOptions<boolean>;
-declare function InlineToggle({
+type InlineEditToggleProps<Required extends boolean = false> = React.HTMLAttributes<HTMLDivElement> & useInlineEditOptions<boolean, Required>;
+declare function InlineToggle<Required extends boolean = false>({
   initialValue,
   action,
   children,
   permission,
+  updateStrategy,
+  isRequired,
   className,
   ...props
-}: InlineEditToggleProps): react_jsx_runtime27.JSX.Element;
+}: InlineEditToggleProps<Required>): react_jsx_runtime19.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,qBAAA,GAAwB,KAAA,CAAM,eAAe,kBACvD;iBAEc,YAAA;;;;;;;GAOb,wBAAqB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"toggle.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/toggle.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,0DACV,KAAA,CAAM,eAAe,kBAAkB,8BAA8B;iBAEvD;;;;;;;;;GASb,sBAAsB,YAAS,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -6,11 +6,13 @@ import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/toggle.client.tsx
-function InlineToggle({ initialValue, action, children, permission, className, ...props }) {
-	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+function InlineToggle({ initialValue, action, children, permission, updateStrategy, isRequired, className, ...props }) {
+	const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({
 		initialValue,
 		action,
-		permission
+		permission,
+		updateStrategy,
+		isRequired
 	});
 	return /* @__PURE__ */ jsx("div", {
 		...props,
@@ -18,11 +20,11 @@ function InlineToggle({ initialValue, action, children, permission, className, .
 		children: /* @__PURE__ */ jsx(Toggle, {
 			disabled: !isAllowed,
 			variant: "outline",
-			pressed: value,
-			defaultChecked: initialValue,
+			pressed: value ?? void 0,
+			defaultChecked: initialValue ?? void 0,
 			onPressedChange: (value$1) => {
-				setValue(value$1);
-				handleUpdate(value$1);
+				handleChange(value$1);
+				handleBlur(value$1);
 			},
 			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 = React.HTMLAttributes<HTMLDivElement> &\n  useInlineEditOptions<boolean>;\n\nexport function InlineToggle({\n  initialValue,\n  action,\n  children,\n  permission,\n  className,\n  ...props\n}: InlineEditToggleProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n  });\n\n  return (\n    <div {...props} className={cn(\"flex flex-wrap items-center justify-start gap-1\", className)}>\n      <Toggle\n        disabled={!isAllowed}\n        variant=\"outline\"\n        pressed={value}\n        defaultChecked={initialValue}\n        onPressedChange={(value) => {\n          setValue(value);\n          handleUpdate(value);\n        }}\n      >\n        {children}\n      </Toggle>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,aAAa,EAC3B,cACA,QACA,UACA,YACA,WACA,GAAG,SACqB;CACxB,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mDAAmD,UAAU;YACzF,oBAAC;GACC,UAAU,CAAC;GACX,SAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,kBAAkB,YAAU;AAC1B,aAASA,QAAM;AACf,iBAAaA,QAAM;;GAGpB;IACM;GACL"}
+{"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"}

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

@@ -1,15 +1,47 @@
 import { Permission } from "../../auth/lib/permissions.mjs";
 import "../../../components.mjs";
+import "../../../lib/client.mjs";
 import "react";
 
 //#region src/modules/inline-edit/hooks/use-inline.client.d.ts
-type useInlineEditOptions<TValue> = {
-  initialValue?: TValue;
+type UpdateStrategy = {
+  mode: "change";
+  delay?: number;
+} | {
+  mode: "blur";
+};
+type MaybeValue<TValue, Required extends boolean> = Required extends true ? TValue : TValue | null;
+/**
+ * Use the inline edit hook options.
+ */
+type useInlineEditOptions<TValue, Required extends boolean = false> = {
+  /**
+   * Initial value
+   */
+  initialValue?: MaybeValue<TValue, Required>;
+  /**
+   * Action to execute on update
+   */
   action: (value: {
     id: string;
-    value: TValue;
+    value: MaybeValue<TValue, Required>;
   }) => Promise<unknown>;
+  /**
+   * Permission required to edit
+   */
   permission?: Permission;
+  /**
+   * Update strategy
+   * - trigger: when to update the value (default: "blur")
+   * - delay: delay in milliseconds before updating the value (only for "change" trigger)
+   * @default { trigger: "blur" }
+   */
+  updateStrategy?: UpdateStrategy;
+  /**
+   * Is the value required
+   * @default false
+   */
+  isRequired?: Required;
 };
 //#endregion
 export { useInlineEditOptions };

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":";;;;;KAUY;iBACK;;IADL,EAAA,EAAA,MAAA;IACK,KAAA,EACsB,MADtB;EACsB,CAAA,EAAA,GAAa,OAAb,CAAA,OAAA,CAAA;EAAa,UAAA,CAAA,EACrC,UADqC;CACrC"}
+{"version":3,"file":"use-inline.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/hooks/use-inline.client.tsx"],"sourcesContent":[],"mappings":";;;;;;KAYK,cAAA;;;;EAAA,IAAA,EAAA,MAAA;AAAc,CAAA;KAad,UAA+C,CAAA,MAAA,EAAA,iBAAA,OAAA,CAAA,GAAA,QAAA,SAAA,IAAA,GAAwB,MAAxB,GAAiC,MAAjC,GAAA,IAAA;;;;AAKxC,KAAA,oBAAoB,CAAA,MAAA,EAAA,iBAAA,OAAA,GAAA,KAAA,CAAA,GAAA;EAIJ;;;EAIsB,YAAA,CAAA,EAJjC,UAIiC,CAJtB,MAIsB,EAJd,QAIc,CAAA;EAAQ;;;EAI3C,MAAA,EAAA,CAAA,KAAA,EAAA;IAOI,EAAA,EAAA,MAAA;IAKJ,KAAA,EAhBwB,UAgBxB,CAhBmC,MAgBnC,EAhB2C,QAgB3C,CAAA;EAAQ,CAAA,EAAA,GAhBmD,OAgBnD,CAAA,OAAA,CAAA;;;;eAZR;;;;;;;mBAOI;;;;;eAKJ"}