@tulip-systems/core 0.4.1 → 0.5.1

package/dist/modules/data-tables/tables/inline-table/components/table.d.mts

@@ -1,6 +1,6 @@
 import { Table } from "../../../components/table.mjs";
 import { InlineTableProvider } from "../hooks/context.client.mjs";
-import * as react_jsx_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/data-tables/tables/inline-table/components/table.d.ts
@@ -10,7 +10,7 @@ declare function InlineTable<TData extends {
   disabledColumns,
   moveRowAction,
   ...props
-}: ComponentProps<typeof Table> & ComponentProps<typeof InlineTableProvider>): react_jsx_runtime48.JSX.Element;
+}: ComponentProps<typeof Table> & ComponentProps<typeof InlineTableProvider>): react_jsx_runtime45.JSX.Element;
 //#endregion
 export { InlineTable };
 //# sourceMappingURL=table.d.mts.map

package/dist/modules/data-tables/tables/inline-table/hooks/context.client.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 import { VisibilityState } from "@tanstack/react-table";
 
@@ -41,7 +41,7 @@ declare function InlineTableProvider<TData extends {
     fromIndex: number;
     toIndex: number;
   }) => Promise<unknown>;
-}>): react_jsx_runtime49.JSX.Element;
+}>): react_jsx_runtime46.JSX.Element;
 //#endregion
 export { InlineTableContextValue, InlineTableProvider, useInlineTableContext };
 //# sourceMappingURL=context.client.d.mts.map

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

@@ -1,7 +1,7 @@
 import { ComboboxDropdownItem, ComboboxDropdownProps } from "../../../components/ui/combobox-dropdown.client.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/combobox-dropdown.client.d.ts
 type InlineEditComboboxDropdownProps<TValue extends ComboboxDropdownItem> = useInlineEditOptions<string> & InlineEditVariantsProps & Omit<ComboboxDropdownProps<TValue>, "onSelect"> & {
@@ -12,9 +12,12 @@ declare function InlineComboboxDropdown<TValue extends ComboboxDropdownItem>({
   variant,
   className,
   onSelect,
+  initialValue,
+  action,
+  permission,
   disabled,
   ...props
-}: InlineEditComboboxDropdownProps<TValue>): react_jsx_runtime12.JSX.Element;
+}: InlineEditComboboxDropdownProps<TValue>): react_jsx_runtime10.JSX.Element;
 //#endregion
 export { InlineComboboxDropdown, InlineEditComboboxDropdownProps };
 //# sourceMappingURL=combobox-dropdown.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-dropdown.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox-dropdown.client.tsx"],"sourcesContent":[],"mappings":";;;;;;KAWY,+CAA+C,wBACzD,+BACE,0BACA,KAAK,sBAAsB;aACd,sBAAsB;;AAJ3B,iBAOI,sBAP2B,CAAA,eAOW,oBAPX,CAAA,CAAA;EAAA,YAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAcxC,+BAdwC,CAcR,MAdQ,CAAA,CAAA,EAcD,mBAAA,CAAA,GAAA,CAAA,OAdC"}
+{"version":3,"file":"combobox-dropdown.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox-dropdown.client.tsx"],"sourcesContent":[],"mappings":";;;;;;KAWY,+CAA+C,wBACzD,+BACE,0BACA,KAAK,sBAAsB;aACd,sBAAsB;;AAJ3B,iBAOI,sBAP2B,CAAA,eAOW,oBAPX,CAAA,CAAA;EAAA,YAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,YAAA;EAAA,MAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiBxC,+BAjBwC,CAiBR,MAjBQ,CAAA,CAAA,EAiBD,mBAAA,CAAA,GAAA,CAAA,OAjBC"}

package/dist/modules/inline-edit/components/combobox-dropdown.client.mjs

@@ -7,9 +7,13 @@ import { inlineEditVariants } from "../lib/variants.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/combobox-dropdown.client.tsx
-function InlineComboboxDropdown({ selectedItem, variant, className, onSelect, disabled, ...props }) {
-	const { setValue, handleUpdate, isAllowed } = useInlineEdit(props);
-	const initialSelectedItem = props.items.find((item) => item.id === props.initialValue);
+function InlineComboboxDropdown({ selectedItem, variant, className, onSelect, initialValue, action, permission, disabled, ...props }) {
+	const { setValue, handleUpdate, isAllowed } = useInlineEdit({
+		initialValue,
+		action,
+		permission
+	});
+	const initialSelectedItem = props.items.find((item) => item.id === initialValue);
 	return /* @__PURE__ */ jsx(ComboboxDropdown, {
 		...props,
 		className: cn(inlineEditVariants({ variant }), className),

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-dropdown.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox-dropdown.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ComboboxDropdown,\n  ComboboxDropdownItem,\n  type ComboboxDropdownProps,\n} from \"@/components/ui/combobox-dropdown.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\nexport type InlineEditComboboxDropdownProps<TValue extends ComboboxDropdownItem> =\n  useInlineEditOptions<string> &\n    InlineEditVariantsProps &\n    Omit<ComboboxDropdownProps<TValue>, \"onSelect\"> & {\n      onSelect?: ComboboxDropdownProps<TValue>[\"onSelect\"];\n    };\n\nexport function InlineComboboxDropdown<TValue extends ComboboxDropdownItem>({\n  selectedItem,\n  variant,\n  className,\n  onSelect,\n  disabled,\n  ...props\n}: InlineEditComboboxDropdownProps<TValue>) {\n  const { setValue, handleUpdate, isAllowed } = useInlineEdit(props);\n\n  const initialSelectedItem = props.items.find((item) => item.id === props.initialValue);\n\n  return (\n    <ComboboxDropdown\n      {...props}\n      className={cn(inlineEditVariants({ variant }), className)}\n      disabled={disabled || !isAllowed}\n      selectedItem={selectedItem ?? initialSelectedItem}\n      onSelect={(event) => {\n        setValue(event.id);\n        handleUpdate(event.id);\n        onSelect?.(event);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAkBA,SAAgB,uBAA4D,EAC1E,cACA,SACA,WACA,UACA,UACA,GAAG,SACuC;CAC1C,MAAM,EAAE,UAAU,cAAc,cAAc,cAAc,MAAM;CAElE,MAAM,sBAAsB,MAAM,MAAM,MAAM,SAAS,KAAK,OAAO,MAAM,aAAa;AAEtF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;EACzD,UAAU,YAAY,CAAC;EACvB,cAAc,gBAAgB;EAC9B,WAAW,UAAU;AACnB,YAAS,MAAM,GAAG;AAClB,gBAAa,MAAM,GAAG;AACtB,cAAW,MAAM;;GAEnB"}
+{"version":3,"file":"combobox-dropdown.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox-dropdown.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ComboboxDropdown,\n  ComboboxDropdownItem,\n  type ComboboxDropdownProps,\n} from \"@/components/ui/combobox-dropdown.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\nexport type InlineEditComboboxDropdownProps<TValue extends ComboboxDropdownItem> =\n  useInlineEditOptions<string> &\n    InlineEditVariantsProps &\n    Omit<ComboboxDropdownProps<TValue>, \"onSelect\"> & {\n      onSelect?: ComboboxDropdownProps<TValue>[\"onSelect\"];\n    };\n\nexport function InlineComboboxDropdown<TValue extends ComboboxDropdownItem>({\n  selectedItem,\n  variant,\n  className,\n  onSelect,\n  initialValue,\n  action,\n  permission,\n  disabled,\n  ...props\n}: InlineEditComboboxDropdownProps<TValue>) {\n  const { setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n  });\n\n  const initialSelectedItem = props.items.find((item) => item.id === initialValue);\n\n  return (\n    <ComboboxDropdown\n      {...props}\n      className={cn(inlineEditVariants({ variant }), className)}\n      disabled={disabled || !isAllowed}\n      selectedItem={selectedItem ?? initialSelectedItem}\n      onSelect={(event) => {\n        setValue(event.id);\n        handleUpdate(event.id);\n        onSelect?.(event);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAkBA,SAAgB,uBAA4D,EAC1E,cACA,SACA,WACA,UACA,cACA,QACA,YACA,UACA,GAAG,SACuC;CAC1C,MAAM,EAAE,UAAU,cAAc,cAAc,cAAc;EAC1D;EACA;EACA;EACD,CAAC;CAEF,MAAM,sBAAsB,MAAM,MAAM,MAAM,SAAS,KAAK,OAAO,aAAa;AAEhF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;EACzD,UAAU,YAAY,CAAC;EACvB,cAAc,gBAAgB;EAC9B,WAAW,UAAU;AACnB,YAAS,MAAM,GAAG;AAClB,gBAAa,MAAM,GAAG;AACtB,cAAW,MAAM;;GAEnB"}

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

@@ -5,6 +5,9 @@ import * as react_jsx_runtime11 from "react/jsx-runtime";
 //#region src/modules/inline-edit/components/combobox.client.d.ts
 type InlineComboboxProps<TValue> = useInlineEditOptions<string> & Omit<ComboboxProps<TValue>, "value">;
 declare function InlineCombobox<TValue>({
+  initialValue,
+  action,
+  permission,
   onSelect,
   onBlur,
   disabled,

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAKY,8BAA8B,+BACxC,KAAK,cAAc;iBAEL;;;;;GAKb,oBAAoB,UAAO,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"combobox.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAKY,8BAA8B,+BACxC,KAAK,cAAc;iBAEL;;;;;;;;GAQb,oBAAoB,UAAO,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -5,8 +5,12 @@ import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/combobox.client.tsx
-function InlineCombobox({ onSelect, onBlur, disabled, ...props }) {
-	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit(props);
+function InlineCombobox({ initialValue, action, permission, onSelect, onBlur, disabled, ...props }) {
+	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+		initialValue,
+		action,
+		permission
+	});
 	return /* @__PURE__ */ jsx(Combobox, {
 		...props,
 		value,

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox, ComboboxProps } from \"@/components/ui/combobox.client\";\nimport { useInlineEdit, useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport type InlineComboboxProps<TValue> = useInlineEditOptions<string> &\n  Omit<ComboboxProps<TValue>, \"value\">;\n\nexport function InlineCombobox<TValue>({\n  onSelect,\n  onBlur,\n  disabled,\n  ...props\n}: InlineComboboxProps<TValue>) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit(props);\n\n  return (\n    <Combobox\n      {...props}\n      value={value}\n      disabled={disabled || !isAllowed}\n      onSelect={(value) => {\n        setValue(value);\n        onSelect?.(value as TValue);\n      }}\n      onBlur={(e) => {\n        handleUpdate(e.target.value);\n        onBlur?.(e);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,eAAuB,EACrC,UACA,QACA,UACA,GAAG,SAC2B;CAC9B,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc,MAAM;AAEzE,QACE,oBAAC;EACC,GAAI;EACG;EACP,UAAU,YAAY,CAAC;EACvB,WAAW,YAAU;AACnB,YAASA,QAAM;AACf,cAAWA,QAAgB;;EAE7B,SAAS,MAAM;AACb,gBAAa,EAAE,OAAO,MAAM;AAC5B,YAAS,EAAE;;GAEb"}
+{"version":3,"file":"combobox.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox, ComboboxProps } from \"@/components/ui/combobox.client\";\nimport { useInlineEdit, useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport type InlineComboboxProps<TValue> = useInlineEditOptions<string> &\n  Omit<ComboboxProps<TValue>, \"value\">;\n\nexport function InlineCombobox<TValue>({\n  initialValue,\n  action,\n  permission,\n  onSelect,\n  onBlur,\n  disabled,\n  ...props\n}: InlineComboboxProps<TValue>) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n  });\n\n  return (\n    <Combobox\n      {...props}\n      value={value}\n      disabled={disabled || !isAllowed}\n      onSelect={(value) => {\n        setValue(value);\n        onSelect?.(value as TValue);\n      }}\n      onBlur={(e) => {\n        handleUpdate(e.target.value);\n        onBlur?.(e);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,eAAuB,EACrC,cACA,QACA,YACA,UACA,QACA,UACA,GAAG,SAC2B;CAC9B,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACG;EACP,UAAU,YAAY,CAAC;EACvB,WAAW,YAAU;AACnB,YAASA,QAAM;AACf,cAAWA,QAAgB;;EAE7B,SAAS,MAAM;AACb,gBAAa,EAAE,OAAO,MAAM;AAC5B,YAAS,EAAE;;GAEb"}

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

@@ -1,14 +1,17 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import { InlineEditVariantsProps } from "../lib/variants.mjs";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/date-input.client.d.ts
 declare function InlineDateInput({
   initialValue,
-  className,
   action,
+  permission,
+  variant,
+  className,
   ...props
-}: ComponentProps<"div"> & useInlineEditOptions<Date>): react_jsx_runtime14.JSX.Element;
+}: ComponentProps<"div"> & useInlineEditOptions<Date> & InlineEditVariantsProps): react_jsx_runtime12.JSX.Element;
 //#endregion
 export { InlineDateInput };
 //# sourceMappingURL=date-input.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-input.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-input.client.tsx"],"sourcesContent":[],"mappings":";;;;;iBAegB,eAAA;;;;;GAKb,wBAAwB,qBAAqB,QAAK,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"date-input.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-input.client.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAgBgB,eAAA;;;;;;;GAOb,wBAAwB,qBAAqB,QAAQ,0BAAuB,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -6,6 +6,7 @@ import { Input } from "../../../components/ui/input.mjs";
 import { Calendar as Calendar$1 } from "../../../components/ui/calendar.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "../../../components/ui/popover.mjs";
 import { useInlineEdit } from "../hooks/use-inline.client.mjs";
+import { inlineEditVariants } from "../lib/variants.mjs";
 import { CalendarIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
@@ -14,16 +15,17 @@ import { format } from "date-fns";
 //#region src/modules/inline-edit/components/date-input.client.tsx
 const formatDate = (value) => format(value, "dd/MM/yyyy");
 const parseDate = (value) => new Date(value.split("/").reverse().join("-"));
-function InlineDateInput({ initialValue, className, action, ...props }) {
+function InlineDateInput({ initialValue, action, permission, variant, className, ...props }) {
 	const [inValid, setInValid] = React.useState(false);
 	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
 		initialValue,
-		action
+		action,
+		permission
 	});
 	const [stringDate, setStringDate] = React.useState(initialValue ? formatDate(initialValue) : "");
 	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsxs("div", {
 		...props,
-		className: cn("relative h-full", className),
+		className: cn("relative h-full", inlineEditVariants({ variant }), className),
 		children: [/* @__PURE__ */ jsx(Input, {
 			"data-input": true,
 			type: "string",

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

@@ -1 +1 @@
-{"version":3,"file":"date-input.client.mjs","names":["Calendar"],"sources":["../../../../src/modules/inline-edit/components/date-input.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Input } from \"@/components/ui/input\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { format } from \"date-fns\";\nimport { CalendarIcon } from \"lucide-react\";\nimport React, { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nconst formatDate = (value: Date) => format(value, \"dd/MM/yyyy\");\nconst parseDate = (value: string) => new Date(value.split(\"/\").reverse().join(\"-\"));\n\nexport function InlineDateInput({\n  initialValue,\n  className,\n  action,\n  ...props\n}: ComponentProps<\"div\"> & useInlineEditOptions<Date>) {\n  const [inValid, setInValid] = React.useState<boolean>(false);\n\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n  });\n\n  const [stringDate, setStringDate] = React.useState<string>(\n    initialValue ? formatDate(initialValue) : \"\",\n  );\n\n  return (\n    <Popover>\n      <div {...props} className={cn(\"relative h-full\", className)}>\n        <Input\n          data-input\n          type=\"string\"\n          value={stringDate}\n          className={cn(inValid && \"text-destructive\")}\n          disabled={!isAllowed}\n          onChange={(e) => {\n            setStringDate(e.target.value);\n            const parsedDate = parseDate(e.target.value);\n\n            if (parsedDate.toString() === \"Invalid Date\") {\n              setInValid(true);\n              setValue(undefined);\n            } else {\n              setInValid(false);\n              setValue(parsedDate);\n            }\n          }}\n          onBlur={(e) => {\n            const parsedDate = parseDate(e.target.value);\n            handleUpdate(parsedDate);\n          }}\n        />\n\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            tabIndex={-1}\n            disabled={!isAllowed}\n            className={cn(\n              \"absolute bottom-0 right-0 top-0 opacity-50\",\n              !value && \"text-muted-foreground\",\n            )}\n          >\n            <CalendarIcon className=\"h-4 w-4\" />\n          </Button>\n        </PopoverTrigger>\n      </div>\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          initialFocus\n          selected={value}\n          defaultMonth={value}\n          disabled={status === \"pending\"}\n          onSelect={(selectedDate) => {\n            if (!selectedDate) return;\n            setValue(selectedDate);\n            setStringDate(formatDate(selectedDate));\n            handleUpdate(selectedDate);\n            setInValid(false);\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAYA,MAAM,cAAc,UAAgB,OAAO,OAAO,aAAa;AAC/D,MAAM,aAAa,UAAkB,IAAI,KAAK,MAAM,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;AAEnF,SAAgB,gBAAgB,EAC9B,cACA,WACA,QACA,GAAG,SACkD;CACrD,MAAM,CAAC,SAAS,cAAc,MAAM,SAAkB,MAAM;CAE5D,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACD,CAAC;CAEF,MAAM,CAAC,YAAY,iBAAiB,MAAM,SACxC,eAAe,WAAW,aAAa,GAAG,GAC3C;AAED,QACE,qBAAC,sBACC,qBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mBAAmB,UAAU;aACzD,oBAAC;GACC;GACA,MAAK;GACL,OAAO;GACP,WAAW,GAAG,WAAW,mBAAmB;GAC5C,UAAU,CAAC;GACX,WAAW,MAAM;AACf,kBAAc,EAAE,OAAO,MAAM;IAC7B,MAAM,aAAa,UAAU,EAAE,OAAO,MAAM;AAE5C,QAAI,WAAW,UAAU,KAAK,gBAAgB;AAC5C,gBAAW,KAAK;AAChB,cAAS,OAAU;WACd;AACL,gBAAW,MAAM;AACjB,cAAS,WAAW;;;GAGxB,SAAS,MAAM;AAEb,iBADmB,UAAU,EAAE,OAAO,MAAM,CACpB;;IAE1B,EAEF,oBAAC;GAAe;aACd,oBAAC;IACC,SAAQ;IACR,UAAU;IACV,UAAU,CAAC;IACX,WAAW,GACT,8CACA,CAAC,SAAS,wBACX;cAED,oBAAC,gBAAa,WAAU,YAAY;KAC7B;IACM;GACb,EACN,oBAAC;EAAe,WAAU;YACxB,oBAACA;GACC,MAAK;GACL;GACA,UAAU;GACV,cAAc;GACd,UAAU,WAAW;GACrB,WAAW,iBAAiB;AAC1B,QAAI,CAAC,aAAc;AACnB,aAAS,aAAa;AACtB,kBAAc,WAAW,aAAa,CAAC;AACvC,iBAAa,aAAa;AAC1B,eAAW,MAAM;;IAEnB;GACa,IACT"}
+{"version":3,"file":"date-input.client.mjs","names":["Calendar"],"sources":["../../../../src/modules/inline-edit/components/date-input.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Input } from \"@/components/ui/input\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { format } from \"date-fns\";\nimport { CalendarIcon } from \"lucide-react\";\nimport React, { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\nconst formatDate = (value: Date) => format(value, \"dd/MM/yyyy\");\nconst parseDate = (value: string) => new Date(value.split(\"/\").reverse().join(\"-\"));\n\nexport function InlineDateInput({\n  initialValue,\n  action,\n  permission,\n  variant,\n  className,\n  ...props\n}: ComponentProps<\"div\"> & useInlineEditOptions<Date> & InlineEditVariantsProps) {\n  const [inValid, setInValid] = React.useState<boolean>(false);\n\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n  });\n\n  const [stringDate, setStringDate] = React.useState<string>(\n    initialValue ? formatDate(initialValue) : \"\",\n  );\n\n  return (\n    <Popover>\n      <div {...props} className={cn(\"relative h-full\", inlineEditVariants({ variant }), className)}>\n        <Input\n          data-input\n          type=\"string\"\n          value={stringDate}\n          className={cn(inValid && \"text-destructive\")}\n          disabled={!isAllowed}\n          onChange={(e) => {\n            setStringDate(e.target.value);\n            const parsedDate = parseDate(e.target.value);\n\n            if (parsedDate.toString() === \"Invalid Date\") {\n              setInValid(true);\n              setValue(undefined);\n            } else {\n              setInValid(false);\n              setValue(parsedDate);\n            }\n          }}\n          onBlur={(e) => {\n            const parsedDate = parseDate(e.target.value);\n            handleUpdate(parsedDate);\n          }}\n        />\n\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            tabIndex={-1}\n            disabled={!isAllowed}\n            className={cn(\n              \"absolute bottom-0 right-0 top-0 opacity-50\",\n              !value && \"text-muted-foreground\",\n            )}\n          >\n            <CalendarIcon className=\"h-4 w-4\" />\n          </Button>\n        </PopoverTrigger>\n      </div>\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          initialFocus\n          selected={value}\n          defaultMonth={value}\n          disabled={status === \"pending\"}\n          onSelect={(selectedDate) => {\n            if (!selectedDate) return;\n            setValue(selectedDate);\n            setStringDate(formatDate(selectedDate));\n            handleUpdate(selectedDate);\n            setInValid(false);\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAM,cAAc,UAAgB,OAAO,OAAO,aAAa;AAC/D,MAAM,aAAa,UAAkB,IAAI,KAAK,MAAM,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;AAEnF,SAAgB,gBAAgB,EAC9B,cACA,QACA,YACA,SACA,WACA,GAAG,SAC4E;CAC/E,MAAM,CAAC,SAAS,cAAc,MAAM,SAAkB,MAAM;CAE5D,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACA;EACD,CAAC;CAEF,MAAM,CAAC,YAAY,iBAAiB,MAAM,SACxC,eAAe,WAAW,aAAa,GAAG,GAC3C;AAED,QACE,qBAAC,sBACC,qBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mBAAmB,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;aAC1F,oBAAC;GACC;GACA,MAAK;GACL,OAAO;GACP,WAAW,GAAG,WAAW,mBAAmB;GAC5C,UAAU,CAAC;GACX,WAAW,MAAM;AACf,kBAAc,EAAE,OAAO,MAAM;IAC7B,MAAM,aAAa,UAAU,EAAE,OAAO,MAAM;AAE5C,QAAI,WAAW,UAAU,KAAK,gBAAgB;AAC5C,gBAAW,KAAK;AAChB,cAAS,OAAU;WACd;AACL,gBAAW,MAAM;AACjB,cAAS,WAAW;;;GAGxB,SAAS,MAAM;AAEb,iBADmB,UAAU,EAAE,OAAO,MAAM,CACpB;;IAE1B,EAEF,oBAAC;GAAe;aACd,oBAAC;IACC,SAAQ;IACR,UAAU;IACV,UAAU,CAAC;IACX,WAAW,GACT,8CACA,CAAC,SAAS,wBACX;cAED,oBAAC,gBAAa,WAAU,YAAY;KAC7B;IACM;GACb,EACN,oBAAC;EAAe,WAAU;YACxB,oBAACA;GACC,MAAK;GACL;GACA,UAAU;GACV,cAAc;GACd,UAAU,WAAW;GACrB,WAAW,iBAAiB;AAC1B,QAAI,CAAC,aAAc;AACnB,aAAS,aAAa;AACtB,kBAAc,WAAW,aAAa,CAAC;AACvC,iBAAa,aAAa;AAC1B,eAAW,MAAM;;IAEnB;GACa,IACT"}

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

@@ -1,16 +1,20 @@
 import { Button } from "../../../components/ui/button.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import { InlineEditVariantsProps } from "../lib/variants.mjs";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/date-picker.client.d.ts
-type InlineEditDatePickerProps = ComponentProps<typeof Button> & useInlineEditOptions<Date>;
+type InlineEditDatePickerProps = ComponentProps<typeof Button> & useInlineEditOptions<Date> & InlineEditVariantsProps;
 declare function InlineDatePicker({
   initialValue,
+  action,
+  permission,
+  variant,
   className,
   disabled,
   ...props
-}: InlineEditDatePickerProps): react_jsx_runtime15.JSX.Element;
+}: InlineEditDatePickerProps): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { InlineDatePicker };
 //# sourceMappingURL=date-picker.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-picker.client.tsx"],"sourcesContent":[],"mappings":";;;;;;KAWK,yBAAA,GAA4B,sBAAsB,UAAU,qBAAqB;iBAEtE,gBAAA;;;;;GAKb,4BAAyB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"date-picker.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-picker.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAYK,yBAAA,GAA4B,sBAAsB,UACrD,qBAAqB,QACrB;iBAEc,gBAAA;;;;;;;;GAQb,4BAAyB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/inline-edit/components/date-picker.client.mjs

@@ -6,16 +6,18 @@ import { formatDate } from "../../../lib/utils/format.mjs";
 import { Calendar as Calendar$1 } from "../../../components/ui/calendar.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "../../../components/ui/popover.mjs";
 import { useInlineEdit } from "../hooks/use-inline.client.mjs";
+import { inlineEditVariants } from "../lib/variants.mjs";
 import { CalendarIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 
 //#region src/modules/inline-edit/components/date-picker.client.tsx
-function InlineDatePicker({ initialValue, className, disabled, ...props }) {
+function InlineDatePicker({ initialValue, action, permission, variant, className, disabled, ...props }) {
 	const [open, setOpen] = React.useState(false);
 	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
 		initialValue,
-		action: props.action
+		action,
+		permission
 	});
 	return /* @__PURE__ */ jsxs(Popover, {
 		open,
@@ -29,7 +31,7 @@ function InlineDatePicker({ initialValue, className, disabled, ...props }) {
 				...props,
 				type: "button",
 				variant: "outline",
-				className: cn("w-full", className),
+				className: cn("w-full", inlineEditVariants({ variant }), className),
 				disabled: disabled || !isAllowed,
 				children: [/* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }), value ? formatDate(value) : /* @__PURE__ */ jsx("span", { children: "Kies een datum" })]
 			})

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.client.mjs","names":["open","Calendar"],"sources":["../../../../src/modules/inline-edit/components/date-picker.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { formatDate } from \"@/lib/utils/format\";\nimport { CalendarIcon } from \"lucide-react\";\nimport React, { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\ntype InlineEditDatePickerProps = ComponentProps<typeof Button> & useInlineEditOptions<Date>;\n\nexport function InlineDatePicker({\n  initialValue,\n  className,\n  disabled,\n  ...props\n}: InlineEditDatePickerProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action: props.action,\n  });\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(open) => {\n        setOpen(open);\n        if (!open && value) handleUpdate(value);\n      }}\n    >\n      <PopoverTrigger asChild>\n        <Button\n          {...props}\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"w-full\", className)}\n          disabled={disabled || !isAllowed}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {value ? formatDate(value) : <span>Kies een datum</span>}\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          selected={value ? new Date(value) : undefined}\n          onSelect={(date) => date && setValue(date)}\n          initialFocus\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,iBAAiB,EAC/B,cACA,WACA,UACA,GAAG,SACyB;CAC5B,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAE7C,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA,QAAQ,MAAM;EACf,CAAC;AAEF,QACE,qBAAC;EACO;EACN,eAAe,WAAS;AACtB,WAAQA,OAAK;AACb,OAAI,CAACA,UAAQ,MAAO,cAAa,MAAM;;aAGzC,oBAAC;GAAe;aACd,qBAAC;IACC,GAAI;IACJ,MAAK;IACL,SAAQ;IACR,WAAW,GAAG,UAAU,UAAU;IAClC,UAAU,YAAY,CAAC;eAEvB,oBAAC,gBAAa,WAAU,iBAAiB,EACxC,QAAQ,WAAW,MAAM,GAAG,oBAAC,oBAAK,mBAAqB;KACjD;IACM,EAEjB,oBAAC;GAAe,WAAU;aACxB,oBAACC;IACC,MAAK;IACL,UAAU,QAAQ,IAAI,KAAK,MAAM,GAAG;IACpC,WAAW,SAAS,QAAQ,SAAS,KAAK;IAC1C;KACA;IACa;GACT"}
+{"version":3,"file":"date-picker.client.mjs","names":["open","Calendar"],"sources":["../../../../src/modules/inline-edit/components/date-picker.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { formatDate } from \"@/lib/utils/format\";\nimport { CalendarIcon } from \"lucide-react\";\nimport React, { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\ntype InlineEditDatePickerProps = ComponentProps<typeof Button> &\n  useInlineEditOptions<Date> &\n  InlineEditVariantsProps;\n\nexport function InlineDatePicker({\n  initialValue,\n  action,\n  permission,\n  variant,\n  className,\n  disabled,\n  ...props\n}: InlineEditDatePickerProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n  });\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(open) => {\n        setOpen(open);\n        if (!open && value) handleUpdate(value);\n      }}\n    >\n      <PopoverTrigger asChild>\n        <Button\n          {...props}\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"w-full\", inlineEditVariants({ variant }), className)}\n          disabled={disabled || !isAllowed}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {value ? formatDate(value) : <span>Kies een datum</span>}\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          selected={value ? new Date(value) : undefined}\n          onSelect={(date) => date && setValue(date)}\n          initialFocus\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,SAAgB,iBAAiB,EAC/B,cACA,QACA,YACA,SACA,WACA,UACA,GAAG,SACyB;CAC5B,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAE7C,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACA;EACD,CAAC;AAEF,QACE,qBAAC;EACO;EACN,eAAe,WAAS;AACtB,WAAQA,OAAK;AACb,OAAI,CAACA,UAAQ,MAAO,cAAa,MAAM;;aAGzC,oBAAC;GAAe;aACd,qBAAC;IACC,GAAI;IACJ,MAAK;IACL,SAAQ;IACR,WAAW,GAAG,UAAU,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;IACnE,UAAU,YAAY,CAAC;eAEvB,oBAAC,gBAAa,WAAU,iBAAiB,EACxC,QAAQ,WAAW,MAAM,GAAG,oBAAC,oBAAK,mBAAqB;KACjD;IACM,EAEjB,oBAAC;GAAe,WAAU;aACxB,oBAACC;IACC,MAAK;IACL,UAAU,QAAQ,IAAI,KAAK,MAAM,GAAG;IACpC,WAAW,SAAS,QAAQ,SAAS,KAAK;IAC1C;KACA;IACa;GACT"}

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

@@ -0,0 +1,21 @@
+import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
+import { InlineEditVariantsProps } from "../lib/variants.mjs";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { JSONContent } from "@tiptap/react";
+
+//#region src/modules/inline-edit/components/deprecated-editor.client.d.ts
+/**
+ * @deprecated
+ */
+declare function InlineEditorDeprecated({
+  initialValue,
+  action,
+  variant,
+  className,
+  disabled,
+  ...props
+}: Omit<ComponentProps<"input">, "type"> & useInlineEditOptions<JSONContent> & InlineEditVariantsProps): react_jsx_runtime14.JSX.Element;
+//#endregion
+export { InlineEditorDeprecated };
+//# sourceMappingURL=deprecated-editor.client.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deprecated-editor.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/deprecated-editor.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAYgB,iBAAA,sBAAA,CAAsB;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAOnC,IAPmC,CAO9B,cAP8B,CAAA,OAAA,CAAA,EAAA,MAAA,CAAA,GAQpC,oBARoC,CAQf,WARe,CAAA,GASpC,uBAToC,CAAA,EASb,mBAAA,CAAA,GAAA,CAAA,OATa"}

package/dist/modules/inline-edit/components/deprecated-editor.client.mjs

@@ -0,0 +1,37 @@
+"use client";
+
+import { cn } from "../../../lib/utils/cn.mjs";
+import { EDITOR_EXTENSIONS_VALUES } from "../../../components/editor/lib/constants.mjs";
+import { useInlineEdit } from "../hooks/use-inline.client.mjs";
+import { inlineEditVariants } from "../lib/variants.mjs";
+import { jsx } from "react/jsx-runtime";
+import { EditorContent, useEditor } from "@tiptap/react";
+
+//#region src/modules/inline-edit/components/deprecated-editor.client.tsx
+/**
+* @deprecated
+*/
+function InlineEditorDeprecated({ initialValue, action, variant, className, disabled, ...props }) {
+	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+		initialValue,
+		action
+	});
+	const editor = useEditor({
+		extensions: EDITOR_EXTENSIONS_VALUES,
+		content: value,
+		editable: !disabled && isAllowed,
+		immediatelyRender: false,
+		injectCSS: false,
+		onUpdate: ({ editor: editor$1 }) => setValue(editor$1.getJSON()),
+		onBlur: ({ editor: editor$1 }) => handleUpdate(editor$1.getJSON()),
+		editorProps: { attributes: { class: cn("prose max-w-full bg-background ring-offset-background rounded-md border border-input dark:prose-invert p-3 focus:outline-none prose-a:text-primary prose-li:marker:text-primary ring-offset-background file:text-foreground placeholder:text-muted-foreground focus-visible:ring-ring rounded-md border text-base file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 [&[contenteditable=false]]:opacity-50 [&[contenteditable=false]]:cursor-not-allowed md:text-sm", inlineEditVariants({ variant }), className) } }
+	});
+	return /* @__PURE__ */ jsx(EditorContent, {
+		...props,
+		editor
+	});
+}
+
+//#endregion
+export { InlineEditorDeprecated };
+//# sourceMappingURL=deprecated-editor.client.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deprecated-editor.client.mjs","names":["editor"],"sources":["../../../../src/modules/inline-edit/components/deprecated-editor.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { EDITOR_EXTENSIONS_VALUES } from \"@/components/editor/lib/constants\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { EditorContent, JSONContent, useEditor } from \"@tiptap/react\";\nimport { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\n/**\n * @deprecated\n */\nexport function InlineEditorDeprecated({\n  initialValue,\n  action,\n  variant,\n  className,\n  disabled,\n  ...props\n}: Omit<ComponentProps<\"input\">, \"type\"> &\n  useInlineEditOptions<JSONContent> &\n  InlineEditVariantsProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n  });\n\n  const editor = useEditor({\n    extensions: EDITOR_EXTENSIONS_VALUES,\n    content: value,\n    editable: !disabled && isAllowed,\n    immediatelyRender: false,\n    injectCSS: false,\n    onUpdate: ({ editor }) => setValue(editor.getJSON()),\n    onBlur: ({ editor }) => handleUpdate(editor.getJSON()),\n    editorProps: {\n      attributes: {\n        class: cn(\n          \"prose max-w-full bg-background ring-offset-background rounded-md border border-input dark:prose-invert p-3 focus:outline-none prose-a:text-primary prose-li:marker:text-primary ring-offset-background file:text-foreground placeholder:text-muted-foreground focus-visible:ring-ring rounded-md border text-base file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 [&[contenteditable=false]]:opacity-50 [&[contenteditable=false]]:cursor-not-allowed md:text-sm\",\n          inlineEditVariants({ variant }),\n          className,\n        ),\n      },\n    },\n  });\n\n  return <EditorContent {...props} editor={editor} />;\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,SAAgB,uBAAuB,EACrC,cACA,QACA,SACA,WACA,UACA,GAAG,SAGsB;CACzB,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACD,CAAC;CAEF,MAAM,SAAS,UAAU;EACvB,YAAY;EACZ,SAAS;EACT,UAAU,CAAC,YAAY;EACvB,mBAAmB;EACnB,WAAW;EACX,WAAW,EAAE,uBAAa,SAASA,SAAO,SAAS,CAAC;EACpD,SAAS,EAAE,uBAAa,aAAaA,SAAO,SAAS,CAAC;EACtD,aAAa,EACX,YAAY,EACV,OAAO,GACL,giBACA,mBAAmB,EAAE,SAAS,CAAC,EAC/B,UACD,EACF,EACF;EACF,CAAC;AAEF,QAAO,oBAAC;EAAc,GAAI;EAAe;GAAU"}

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

@@ -1,18 +1,21 @@
+import { EditorJSONContent } from "../../../components/editor/lib/types.mjs";
+import { EditorProps } from "../../../components/editor/components/editor.client.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
-import { ComponentProps } from "react";
-import { JSONContent } from "@tiptap/react";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/editor.client.d.ts
+type InlineEditorProps = useInlineEditOptions<EditorJSONContent> & InlineEditVariantsProps & Omit<EditorProps, "value" | "onUpdate" | "onBlur" | "variant">;
 declare function InlineEditor({
   initialValue,
   action,
+  extensions,
   variant,
-  className,
   disabled,
-  ...props
-}: Omit<ComponentProps<"input">, "type"> & useInlineEditOptions<JSONContent> & InlineEditVariantsProps): react_jsx_runtime16.JSX.Element;
+  permission,
+  className,
+  children
+}: InlineEditorProps): react_jsx_runtime15.JSX.Element;
 //#endregion
-export { InlineEditor };
+export { InlineEditor, InlineEditorProps };
 //# sourceMappingURL=editor.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/editor.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;iBAUgB,YAAA;;;;;;;GAOb,KAAK,mCACN,qBAAqB,eACrB,0BAAuB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"editor.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/editor.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQY,iBAAA,GAAoB,qBAAqB,qBACnD,0BACA,KAAK;iBAES,YAAA;;;;;;;;;GASb,oBAAiB,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,32 +1,27 @@
 "use client";
 
 import { cn } from "../../../lib/utils/cn.mjs";
+import { Editor } from "../../../components/editor/components/editor.client.mjs";
 import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { inlineEditVariants } from "../lib/variants.mjs";
 import { jsx } from "react/jsx-runtime";
-import StarterKit from "@tiptap/starter-kit";
-import { EditorContent, useEditor } from "@tiptap/react";
-import Underline from "@tiptap/extension-underline";
 
 //#region src/modules/inline-edit/components/editor.client.tsx
-function InlineEditor({ initialValue, action, variant, className, disabled, ...props }) {
+function InlineEditor({ initialValue, action, extensions, variant, disabled, permission, className, children }) {
 	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
 		initialValue,
-		action
+		action,
+		permission
 	});
-	const editor = useEditor({
-		extensions: [StarterKit, Underline],
-		content: value,
-		editable: !disabled && isAllowed,
-		immediatelyRender: false,
-		injectCSS: false,
-		onUpdate: ({ editor: editor$1 }) => setValue(editor$1.getJSON()),
-		onBlur: ({ editor: editor$1 }) => handleUpdate(editor$1.getJSON()),
-		editorProps: { attributes: { class: cn("prose max-w-full bg-background ring-offset-background rounded-md border border-input dark:prose-invert p-3 focus:outline-none prose-a:text-primary prose-li:marker:text-primary ring-offset-background file:text-foreground placeholder:text-muted-foreground focus-visible:ring-ring rounded-md border text-base file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 [&[contenteditable=false]]:opacity-50 [&[contenteditable=false]]:cursor-not-allowed md:text-sm", inlineEditVariants({ variant }), className) } }
-	});
-	return /* @__PURE__ */ jsx(EditorContent, {
-		...props,
-		editor
+	return /* @__PURE__ */ jsx(Editor, {
+		value,
+		extensions,
+		onUpdate: (value$1) => setValue(value$1),
+		onBlur: (value$1) => handleUpdate(value$1),
+		className: cn(inlineEditVariants({ variant }), className),
+		disabled: disabled || !isAllowed,
+		variant,
+		children
 	});
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"editor.client.mjs","names":["editor"],"sources":["../../../../src/modules/inline-edit/components/editor.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport Underline from \"@tiptap/extension-underline\";\nimport { EditorContent, JSONContent, useEditor } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\nexport function InlineEditor({\n  initialValue,\n  action,\n  variant,\n  className,\n  disabled,\n  ...props\n}: Omit<ComponentProps<\"input\">, \"type\"> &\n  useInlineEditOptions<JSONContent> &\n  InlineEditVariantsProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n  });\n\n  const editor = useEditor({\n    extensions: [StarterKit, Underline],\n    content: value,\n    editable: !disabled && isAllowed,\n    immediatelyRender: false,\n    injectCSS: false,\n    onUpdate: ({ editor }) => setValue(editor.getJSON()),\n    onBlur: ({ editor }) => handleUpdate(editor.getJSON()),\n    editorProps: {\n      attributes: {\n        class: cn(\n          \"prose max-w-full bg-background ring-offset-background rounded-md border border-input dark:prose-invert p-3 focus:outline-none prose-a:text-primary prose-li:marker:text-primary ring-offset-background file:text-foreground placeholder:text-muted-foreground focus-visible:ring-ring rounded-md border text-base file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 [&[contenteditable=false]]:opacity-50 [&[contenteditable=false]]:cursor-not-allowed md:text-sm\",\n          inlineEditVariants({ variant }),\n          className,\n        ),\n      },\n    },\n  });\n\n  return <EditorContent {...props} editor={editor} />;\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,aAAa,EAC3B,cACA,QACA,SACA,WACA,UACA,GAAG,SAGsB;CACzB,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACD,CAAC;CAEF,MAAM,SAAS,UAAU;EACvB,YAAY,CAAC,YAAY,UAAU;EACnC,SAAS;EACT,UAAU,CAAC,YAAY;EACvB,mBAAmB;EACnB,WAAW;EACX,WAAW,EAAE,uBAAa,SAASA,SAAO,SAAS,CAAC;EACpD,SAAS,EAAE,uBAAa,aAAaA,SAAO,SAAS,CAAC;EACtD,aAAa,EACX,YAAY,EACV,OAAO,GACL,giBACA,mBAAmB,EAAE,SAAS,CAAC,EAC/B,UACD,EACF,EACF;EACF,CAAC;AAEF,QAAO,oBAAC;EAAc,GAAI;EAAe;GAAU"}
+{"version":3,"file":"editor.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/editor.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Editor, EditorProps } from \"@/components/editor/components/editor.client\";\nimport { EditorJSONContent } from \"@/components/editor/lib/types\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\nexport type InlineEditorProps = useInlineEditOptions<EditorJSONContent> &\n  InlineEditVariantsProps &\n  Omit<EditorProps, \"value\" | \"onUpdate\" | \"onBlur\" | \"variant\">;\n\nexport function InlineEditor({\n  initialValue,\n  action,\n  extensions,\n  variant,\n  disabled,\n  permission,\n  className,\n  children,\n}: InlineEditorProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit<EditorJSONContent>({\n    initialValue,\n    action,\n    permission,\n  });\n\n  // const [debouncedValue] = useDebounce(value, 500);\n  // useEffect(() => {\n  //   if (!value) return;\n  //   handleUpdate(value);\n  //   // eslint-disable-next-line react-hooks/exhaustive-deps\n  // }, [debouncedValue]);\n\n  return (\n    <Editor\n      value={value}\n      extensions={extensions}\n      onUpdate={(value) => setValue(value)}\n      onBlur={(value) => handleUpdate(value)}\n      className={cn(inlineEditVariants({ variant }), className)}\n      disabled={disabled || !isAllowed}\n      variant={variant}\n    >\n      {children}\n    </Editor>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,aAAa,EAC3B,cACA,QACA,YACA,SACA,UACA,YACA,WACA,YACoB;CACpB,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAiC;EACpF;EACA;EACA;EACD,CAAC;AASF,QACE,oBAAC;EACQ;EACK;EACZ,WAAW,YAAU,SAASA,QAAM;EACpC,SAAS,YAAU,aAAaA,QAAM;EACtC,WAAW,GAAG,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;EACzD,UAAU,YAAY,CAAC;EACd;EAER;GACM"}

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

@@ -1,7 +1,7 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
 import { Contact, RecipientInput } from "../../../components/ui/input-recipient.mjs";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/input-recipient.client.d.ts
@@ -17,8 +17,10 @@ declare function InlineRecipientInput({
   variant,
   disabled,
   contacts,
+  permission,
+  className,
   ...props
-}: InlineRecipientInputProps): react_jsx_runtime17.JSX.Element;
+}: InlineRecipientInputProps): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { InlineRecipientInput };
 //# sourceMappingURL=input-recipient.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-recipient.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input-recipient.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAOK,yBAAA,GAA4B,KAAK,sBAAsB,yCAC1D,iCACA;YACY;;AAL4C;;;AAEzB,iBASjB,oBAAA,CATiB;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAgB9B,yBAhB8B,CAAA,EAgBL,mBAAA,CAAA,GAAA,CAAA,OAhBK"}
+{"version":3,"file":"input-recipient.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input-recipient.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQK,yBAAA,GAA4B,KAAK,sBAAsB,yCAC1D,iCACA;YACY;;AALgE;;;AAE7C,iBASjB,oBAAA,CATiB;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkB9B,yBAlB8B,CAAA,EAkBL,mBAAA,CAAA,GAAA,CAAA,OAlBK"}

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

@@ -1,6 +1,8 @@
 "use client";
 
+import { cn } from "../../../lib/utils/cn.mjs";
 import { useInlineEdit } from "../hooks/use-inline.client.mjs";
+import { inlineEditVariants } from "../lib/variants.mjs";
 import { RecipientInput } from "../../../components/ui/input-recipient.mjs";
 import { jsx } from "react/jsx-runtime";
 
@@ -8,10 +10,11 @@ import { jsx } from "react/jsx-runtime";
 /**
 * The inline edit recipient input component.
 */
-function InlineRecipientInput({ initialValue, action, variant, disabled, contacts, ...props }) {
+function InlineRecipientInput({ initialValue, action, variant, disabled, contacts, permission, className, ...props }) {
 	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
 		initialValue,
-		action
+		action,
+		permission
 	});
 	return /* @__PURE__ */ jsx(RecipientInput, {
 		...props,
@@ -21,7 +24,8 @@ function InlineRecipientInput({ initialValue, action, variant, disabled, contact
 			setValue(newValue);
 			handleUpdate(newValue);
 		},
-		disabled: disabled || !isAllowed
+		disabled: disabled || !isAllowed,
+		className: cn(inlineEditVariants({ variant }), className)
 	});
 }
 

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 { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { InlineEditVariantsProps } from \"../lib/variants\";\n\ntype InlineRecipientInputProps = Omit<ComponentProps<typeof RecipientInput>, \"value\" | \"onChange\"> &\n  useInlineEditOptions<string[]> &\n  InlineEditVariantsProps & {\n    contacts: Contact[];\n  };\n\n/**\n * The inline edit recipient input component.\n */\nexport function InlineRecipientInput({\n  initialValue,\n  action,\n  variant,\n  disabled,\n  contacts,\n  ...props\n}: InlineRecipientInputProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit<string[]>({\n    initialValue,\n    action,\n  });\n\n  return (\n    <RecipientInput\n      {...props}\n      contacts={contacts}\n      value={value ?? []}\n      onChange={(newValue) => {\n        setValue(newValue);\n        // Update onBlur-achtig gedrag: update direct na elke wijziging\n        handleUpdate(newValue);\n      }}\n      disabled={disabled || !isAllowed}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,qBAAqB,EACnC,cACA,QACA,SACA,UACA,UACA,GAAG,SACyB;CAC5B,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAwB;EAC3E;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACM;EACV,OAAO,SAAS,EAAE;EAClB,WAAW,aAAa;AACtB,YAAS,SAAS;AAElB,gBAAa,SAAS;;EAExB,UAAU,YAAY,CAAC;GACvB"}
+{"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 = Omit<ComponentProps<typeof RecipientInput>, \"value\" | \"onChange\"> &\n  useInlineEditOptions<string[]> &\n  InlineEditVariantsProps & {\n    contacts: Contact[];\n  };\n\n/**\n * The inline edit recipient input component.\n */\nexport function InlineRecipientInput({\n  initialValue,\n  action,\n  variant,\n  disabled,\n  contacts,\n  permission,\n  className,\n  ...props\n}: InlineRecipientInputProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit<string[]>({\n    initialValue,\n    action,\n    permission,\n  });\n\n  return (\n    <RecipientInput\n      {...props}\n      contacts={contacts}\n      value={value ?? []}\n      onChange={(newValue) => {\n        setValue(newValue);\n        handleUpdate(newValue);\n      }}\n      disabled={disabled || !isAllowed}\n      className={cn(inlineEditVariants({ variant }), className)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,SAAgB,qBAAqB,EACnC,cACA,QACA,SACA,UACA,UACA,YACA,WACA,GAAG,SACyB;CAC5B,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAwB;EAC3E;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACM;EACV,OAAO,SAAS,EAAE;EAClB,WAAW,aAAa;AACtB,YAAS,SAAS;AAClB,gBAAa,SAAS;;EAExB,UAAU,YAAY,CAAC;EACvB,WAAW,GAAG,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;GACzD"}

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_runtime17 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/input-toggle.client.d.ts
@@ -9,9 +9,10 @@ declare function InlineStringInputToggle({
   initialValue,
   action,
   disabled,
+  permission,
   className,
   ...props
-}: InlineStringInputToggleProps<string>): react_jsx_runtime13.JSX.Element;
+}: InlineStringInputToggleProps<string>): react_jsx_runtime17.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;;;;;;GAMb,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,uCAAuC,KAAK,sBAAsB,kBACrE,qBAAqB;iBAEP,uBAAA;;;;;;;GAOb,uCAAoC,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -9,11 +9,12 @@ 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, className, ...props }) {
+function InlineStringInputToggle({ initialValue, action, disabled, permission, className, ...props }) {
 	const [enabled, setEnabled] = useState(!!initialValue);
 	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
 		initialValue,
-		action
+		action,
+		permission
 	});
 	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<TValue> = Omit<ComponentProps<typeof Input>, \"type\"> &\n  useInlineEditOptions<TValue>;\n\nexport function InlineStringInputToggle({\n  initialValue,\n  action,\n  disabled,\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  });\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,WACA,GAAG,SACoC;CACvC,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC,CAAC,aAAa;CAEtD,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;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<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"}