@tulip-systems/core 0.8.3 → 0.9.0

package/dist/modules/inline/components/field.client.d.mts

@@ -0,0 +1,36 @@
+import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet } from "../../../components/ui/field.client.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/modules/inline/components/field.client.d.ts
+/**
+ * Inline Field
+ */
+declare function InlineField({
+  children,
+  ...props
+}: React.ComponentProps<typeof Field>): react_jsx_runtime0.JSX.Element;
+/**
+ * Inline Field Label
+ */
+declare const InlineFieldLabel: typeof FieldLabel;
+/**
+ * Inline Field Error
+ */
+declare function InlineFieldError(props: Omit<React.ComponentProps<typeof FieldError>, "children">): react_jsx_runtime0.JSX.Element;
+/**
+ * Inline Field Description
+ */
+declare const InlineFieldDescription: typeof FieldDescription;
+/**
+ * Inline Field Group and Separator
+ */
+declare const InlineFieldGroup: typeof FieldGroup;
+declare const InlineFieldSeparator: typeof FieldSeparator;
+/**
+ * Inline Field Set and Legend
+ */
+declare const InlineFieldSet: typeof FieldSet;
+declare const InlineFieldLegend: typeof FieldLegend;
+//#endregion
+export { InlineField, InlineFieldDescription, InlineFieldError, InlineFieldGroup, InlineFieldLabel, InlineFieldLegend, InlineFieldSeparator, InlineFieldSet };

package/dist/modules/inline/components/field.client.mjs

@@ -0,0 +1,61 @@
+"use client";
+
+import { useLocalIndicator } from "../../../lib/hooks/use-indicator.mjs";
+import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet } from "../../../components/ui/field.client.mjs";
+import { InlineStateContext, useInlineState } from "../hooks/inline-state.client.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+
+//#region src/modules/inline/components/field.client.tsx
+/**
+* Inline Field
+*/
+function InlineField({ children, ...props }) {
+	const { status, setStatus } = useLocalIndicator();
+	const [error, setError] = useState();
+	const isInvalid = status === "error" || Boolean(error);
+	return /* @__PURE__ */ jsx(InlineStateContext, {
+		value: {
+			status,
+			setStatus,
+			error,
+			setError
+		},
+		children: /* @__PURE__ */ jsx(Field, {
+			"data-invalid": isInvalid,
+			...props,
+			children
+		})
+	});
+}
+/**
+* Inline Field Label
+*/
+const InlineFieldLabel = FieldLabel;
+/**
+* Inline Field Error
+*/
+function InlineFieldError(props) {
+	const context = useInlineState();
+	return /* @__PURE__ */ jsx(FieldError, {
+		...props,
+		children: context.error
+	});
+}
+/**
+* Inline Field Description
+*/
+const InlineFieldDescription = FieldDescription;
+/**
+* Inline Field Group and Separator
+*/
+const InlineFieldGroup = FieldGroup;
+const InlineFieldSeparator = FieldSeparator;
+/**
+* Inline Field Set and Legend
+*/
+const InlineFieldSet = FieldSet;
+const InlineFieldLegend = FieldLegend;
+
+//#endregion
+export { InlineField, InlineFieldDescription, InlineFieldError, InlineFieldGroup, InlineFieldLabel, InlineFieldLegend, InlineFieldSeparator, InlineFieldSet };

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

@@ -0,0 +1,27 @@
+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_runtime0 from "react/jsx-runtime";
+import { z as z$1 } from "zod";
+import { DefaultError } from "@tanstack/react-query";
+
+//#region src/modules/inline/components/inputs/combobox-dropdown.client.d.ts
+type ComboboxDropdownInlineTrigger = "commit";
+type InlineEditComboboxDropdownProps<TValue extends ComboboxDropdownItem, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = useInlineEditOptions<ComboboxDropdownInlineTrigger, z$1.ZodString | z$1.ZodNullable<z$1.ZodString>, TData, TError, TVariables, TOnMutateResult> & InlineEditVariantsProps & Omit<ComboboxDropdownProps<TValue>, "onSelect"> & {
+  onSelect?: ComboboxDropdownProps<TValue>["onSelect"];
+};
+declare function InlineComboboxDropdown<TValue extends ComboboxDropdownItem, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  selectedItem,
+  variant,
+  className,
+  onSelect,
+  initialValue,
+  variables,
+  mutation,
+  permission,
+  strategy,
+  disabled,
+  ...props
+}: InlineEditComboboxDropdownProps<TValue, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InlineComboboxDropdown, InlineEditComboboxDropdownProps };

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

@@ -0,0 +1,49 @@
+"use client";
+
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { ComboboxDropdown } from "../../../../components/ui/combobox-dropdown.client.mjs";
+import { useInlineState } from "../../hooks/inline-state.client.mjs";
+import { useInlineAccess, useInlineMutation, useInlineStrategy } from "../../hooks/use-inline.client.mjs";
+import { inlineEditVariants } from "../../lib/variants.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/inline/components/inputs/combobox-dropdown.client.tsx
+function InlineComboboxDropdown({ selectedItem, variant, className, onSelect, initialValue, variables, mutation, permission, strategy, disabled, ...props }) {
+	const state = useInlineState(initialValue);
+	const access = useInlineAccess({
+		permission,
+		disabled
+	});
+	const { handleTrigger } = useInlineStrategy({
+		strategy,
+		state,
+		mutations: useInlineMutation({
+			variables,
+			mutation,
+			access,
+			state
+		}),
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
+	});
+	const resolvedValue = state.value ?? initialValue ?? null;
+	const valueSelectedItem = resolvedValue !== null ? props.items.find((item) => item.id === resolvedValue) : void 0;
+	return /* @__PURE__ */ jsx(ComboboxDropdown, {
+		...props,
+		className: cn(inlineEditVariants({
+			variant,
+			status: state.status
+		}), className),
+		disabled: access.isDisabled,
+		selectedItem: selectedItem ?? valueSelectedItem,
+		onSelect: (event) => {
+			handleTrigger("commit", event.id ?? null);
+			onSelect?.(event);
+		}
+	});
+}
+
+//#endregion
+export { InlineComboboxDropdown };

package/dist/modules/inline/components/inputs/combobox.client.d.mts

@@ -0,0 +1,22 @@
+import { ComboboxProps } from "../../../../components/ui/combobox.client.mjs";
+import { useInlineEditOptions } from "../../hooks/use-inline.client.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { z as z$1 } from "zod";
+import { DefaultError } from "@tanstack/react-query";
+
+//#region src/modules/inline/components/inputs/combobox.client.d.ts
+type ComboboxInlineTrigger = "commit";
+type InlineComboboxProps<TValue, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = useInlineEditOptions<ComboboxInlineTrigger, z$1.ZodString | z$1.ZodNullable<z$1.ZodString>, TData, TError, TVariables, TOnMutateResult> & Omit<ComboboxProps<TValue>, "value">;
+declare function InlineCombobox<TValue, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  initialValue,
+  variables,
+  mutation,
+  permission,
+  onSelect,
+  onBlur,
+  disabled,
+  strategy,
+  ...props
+}: InlineComboboxProps<TValue, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InlineCombobox, InlineComboboxProps };

package/dist/modules/inline/components/inputs/combobox.client.mjs

@@ -0,0 +1,45 @@
+"use client";
+
+import { Combobox } from "../../../../components/ui/combobox.client.mjs";
+import { useInlineState } from "../../hooks/inline-state.client.mjs";
+import { useInlineAccess, useInlineMutation, useInlineStrategy } from "../../hooks/use-inline.client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/inline/components/inputs/combobox.client.tsx
+function InlineCombobox({ initialValue, variables, mutation, permission, onSelect, onBlur, disabled, strategy, ...props }) {
+	const state = useInlineState(initialValue);
+	const access = useInlineAccess({
+		permission,
+		disabled
+	});
+	const { handleTrigger } = useInlineStrategy({
+		strategy,
+		state,
+		mutations: useInlineMutation({
+			variables,
+			mutation,
+			access,
+			state
+		}),
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
+	});
+	return /* @__PURE__ */ jsx(Combobox, {
+		...props,
+		value: state.value,
+		disabled: access.isDisabled,
+		onSelect: (value) => {
+			handleTrigger("commit", value ?? null);
+			onSelect?.(value);
+		},
+		onBlur: (e) => {
+			handleTrigger("commit", e.target.value ? e.target.value : null);
+			onBlur?.(e);
+		}
+	});
+}
+
+//#endregion
+export { InlineCombobox };

package/dist/modules/inline/components/inputs/date-time.client.d.mts

@@ -0,0 +1,24 @@
+import { DateTimeInput } from "../../../../components/ui/input-date-time.client.mjs";
+import { useInlineEditOptions } from "../../hooks/use-inline.client.mjs";
+import { InlineEditVariantsProps } from "../../lib/variants.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { z as z$1 } from "zod";
+import { DefaultError } from "@tanstack/react-query";
+
+//#region src/modules/inline/components/inputs/date-time.client.d.ts
+type DateTimeInlineTrigger = "change" | "blur";
+type InlineDateTimeInputProps<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = ComponentProps<typeof DateTimeInput> & useInlineEditOptions<DateTimeInlineTrigger, z$1.ZodDate | z$1.ZodNullable<z$1.ZodDate>, TData, TError, TVariables, TOnMutateResult> & InlineEditVariantsProps;
+declare function InlineDateTimeInput<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  initialValue,
+  variables,
+  mutation,
+  permission,
+  variant,
+  className,
+  strategy,
+  disabled,
+  ...props
+}: InlineDateTimeInputProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InlineDateTimeInput };

package/dist/modules/inline/components/inputs/date-time.client.mjs

@@ -0,0 +1,48 @@
+"use client";
+
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { DateTimeInput } from "../../../../components/ui/input-date-time.client.mjs";
+import { useInlineState } from "../../hooks/inline-state.client.mjs";
+import { useInlineAccess, useInlineMutation, useInlineStrategy } from "../../hooks/use-inline.client.mjs";
+import { inlineEditVariants } from "../../lib/variants.mjs";
+import { jsx } from "react/jsx-runtime";
+import { format } from "date-fns";
+
+//#region src/modules/inline/components/inputs/date-time.client.tsx
+function InlineDateTimeInput({ initialValue, variables, mutation, permission, variant, className, strategy, disabled, ...props }) {
+	const state = useInlineState(initialValue ? format(initialValue, "yyyy-MM-dd'T'HH:mm") : "");
+	const access = useInlineAccess({
+		permission,
+		disabled
+	});
+	const { handleTrigger } = useInlineStrategy({
+		strategy,
+		state,
+		mutations: useInlineMutation({
+			variables,
+			mutation,
+			access,
+			state
+		}),
+		parser: {
+			decode: (date) => date ? format(date, "yyyy-MM-dd'T'HH:mm") : "",
+			encode: (dateTime) => dateTime ? new Date(dateTime) : null
+		}
+	});
+	return /* @__PURE__ */ jsx(DateTimeInput, {
+		"data-inline-input": "date-time",
+		value: state.value ?? void 0,
+		className: cn(inlineEditVariants({
+			variant,
+			status: state.status
+		}), className),
+		disabled: access.isDisabled,
+		"aria-invalid": state.isInvalid,
+		onValueChange: (date) => handleTrigger("change", date ?? null),
+		onValueBlur: (date) => handleTrigger("blur", date ?? null),
+		...props
+	});
+}
+
+//#endregion
+export { InlineDateTimeInput };

package/dist/modules/inline/components/inputs/date.client.d.mts

@@ -0,0 +1,66 @@
+import { Permission } from "../../../auth/lib/permissions.mjs";
+import { Button } from "../../../../components/ui/button.mjs";
+import { Input } from "../../../../components/ui/input.mjs";
+import { InlineStrategy } from "../../hooks/use-inline.client.mjs";
+import { InlineEditVariantsProps } from "../../lib/variants.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
+import { z as z$1 } from "zod";
+import { DefaultError, MutationOptions } from "@tanstack/react-query";
+import { Locale } from "date-fns";
+
+//#region src/modules/inline/components/inputs/date.client.d.ts
+type DateSchema = z$1.ZodType<string | null, string | null>;
+type DateInputTrigger = "change" | "blur";
+type DatePickerTrigger = "commit";
+type InlineDateInputStrategy = InlineStrategy<DateSchema, DateInputTrigger>;
+type InlineDatePickerStrategy = InlineStrategy<DateSchema, DatePickerTrigger>;
+/**
+ * Inline Date Provider
+ */
+type InlineDateProviderProps<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = {
+  initialValue?: string | null;
+  variables?: (value: string | null) => TVariables;
+  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
+  permission?: Permission;
+  disabled?: boolean;
+  locale?: Locale;
+  children: ReactNode;
+};
+declare function InlineDateProvider<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  variables,
+  mutation,
+  permission,
+  disabled,
+  locale,
+  initialValue,
+  children
+}: InlineDateProviderProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+/**
+ * The inline edit date input component.
+ */
+type InlineDateInputFieldProps = Omit<ComponentProps<typeof Input>, "type" | "value" | "defaultValue" | "onChange" | "onBlur"> & InlineEditVariantsProps & {
+  strategy: InlineDateInputStrategy;
+  dateFormat?: string;
+};
+declare function InlineDateInputField({
+  strategy,
+  dateFormat,
+  variant,
+  className,
+  ...props
+}: InlineDateInputFieldProps): react_jsx_runtime0.JSX.Element;
+/**
+ * The inline edit date picker component.
+ */
+type InlineDatePickerFieldProps = Omit<ComponentProps<typeof Button>, "type"> & InlineEditVariantsProps & {
+  strategy: InlineDatePickerStrategy;
+};
+declare function InlineDatePickerField({
+  strategy,
+  className,
+  variant,
+  ...props
+}: InlineDatePickerFieldProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InlineDateInputField, InlineDateInputFieldProps, InlineDatePickerField, InlineDatePickerFieldProps, InlineDateProvider, InlineDateProviderProps };

package/dist/modules/inline/components/inputs/date.client.mjs

@@ -0,0 +1,175 @@
+"use client";
+
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { Button } from "../../../../components/ui/button.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../../components/ui/popover.client.mjs";
+import { Input } from "../../../../components/ui/input.mjs";
+import { Calendar as Calendar$1 } from "../../../../components/ui/calendar.client.mjs";
+import { useInlineState } from "../../hooks/inline-state.client.mjs";
+import { useInlineAccess, useInlineMutation, useInlineStrategy } 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 { createContext, useContext, useEffect, useState } from "react";
+import { format, isValid, parse } from "date-fns";
+
+//#region src/modules/inline/components/inputs/date.client.tsx
+const DEFAULT_INPUT_DATE_FORMAT = "dd/MM/yyyy";
+const InlineDateContext = createContext(void 0);
+function useInlineDateContext() {
+	const context = useContext(InlineDateContext);
+	if (!context) throw new Error("InlineDate components must be used within InlineDateProvider");
+	return context;
+}
+function InlineDateProvider({ variables, mutation, permission, disabled, locale, initialValue, children }) {
+	const state = useInlineState(initialValue);
+	const access = useInlineAccess({
+		permission,
+		disabled
+	});
+	return /* @__PURE__ */ jsx(InlineDateContext, {
+		value: {
+			state,
+			access,
+			mutations: useInlineMutation({
+				variables,
+				mutation,
+				access,
+				state
+			}),
+			locale
+		},
+		children
+	});
+}
+function InlineDateInputField({ strategy, dateFormat = DEFAULT_INPUT_DATE_FORMAT, variant, className, ...props }) {
+	const { state, access, mutations } = useInlineDateContext();
+	const [draftValue, setDraftValue] = useState(() => formatDisplayDate(state.value, dateFormat));
+	const [isLocallyInvalid, setIsLocallyInvalid] = useState(false);
+	const [isFocused, setIsFocused] = useState(false);
+	useEffect(() => {
+		if (isFocused || isLocallyInvalid) return;
+		setDraftValue(formatDisplayDate(state.value, dateFormat));
+	}, [
+		dateFormat,
+		isFocused,
+		isLocallyInvalid,
+		state.value
+	]);
+	const { handleTrigger } = useInlineStrategy({
+		strategy,
+		state,
+		mutations,
+		parser: {
+			encode: (date) => date,
+			decode: (input) => input
+		}
+	});
+	const isInvalid = state.isInvalid || isLocallyInvalid;
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		"data-inline-input": "date-composed-input",
+		type: "text",
+		value: draftValue,
+		"aria-invalid": isInvalid,
+		disabled: access.isDisabled,
+		className: cn(inlineEditVariants({
+			variant,
+			status: state.status
+		}), isInvalid && "text-destructive", className),
+		onFocus: () => setIsFocused(true),
+		onChange: (e) => {
+			const nextValue = e.target.value;
+			const parsedValue = parseDisplayDate(nextValue, dateFormat);
+			setDraftValue(nextValue);
+			setIsLocallyInvalid(false);
+			if (parsedValue !== void 0) handleTrigger("change", parsedValue);
+		},
+		onBlur: (e) => {
+			const parsedValue = parseDisplayDate(e.target.value, dateFormat);
+			setIsFocused(false);
+			if (parsedValue === void 0) {
+				setIsLocallyInvalid(true);
+				return;
+			}
+			if (parsedValue === null) {
+				setIsLocallyInvalid(false);
+				setDraftValue("");
+				handleTrigger("blur", null);
+				return;
+			}
+			setIsLocallyInvalid(false);
+			setDraftValue(formatDisplayDate(parsedValue, dateFormat));
+			handleTrigger("blur", parsedValue);
+		}
+	});
+}
+function InlineDatePickerField({ strategy, className, variant, ...props }) {
+	const { state, access, mutations, locale } = useInlineDateContext();
+	const selectedDate = toCalendarDate(state.value);
+	const { handleTrigger } = useInlineStrategy({
+		strategy,
+		state,
+		mutations,
+		parser: {
+			encode: (date) => date,
+			decode: (input) => input
+		}
+	});
+	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			...props,
+			"data-inline-input": "date-composed-picker",
+			type: "button",
+			variant: "ghost",
+			"aria-label": "Open kalender",
+			"aria-invalid": state.isInvalid,
+			disabled: access.isDisabled,
+			className: cn("absolute top-0 right-0 bottom-0 opacity-50", !state.value && "text-muted-foreground", inlineEditVariants({
+				variant,
+				status: state.status
+			}), className),
+			children: /* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4" })
+		})
+	}), /* @__PURE__ */ jsx(PopoverContent, {
+		className: "w-auto p-0",
+		children: /* @__PURE__ */ jsx(Calendar$1, {
+			mode: "single",
+			autoFocus: true,
+			selected: selectedDate,
+			defaultMonth: selectedDate,
+			locale,
+			disabled: access.isDisabled,
+			onSelect: (selectedDate) => {
+				if (!selectedDate) return;
+				handleTrigger("commit", format(selectedDate, "yyyy-MM-dd"));
+			}
+		})
+	})] });
+}
+/**
+* Helper functions
+*/
+function toCalendarDate(value) {
+	if (!value) return void 0;
+	const date = parse(value, "yyyy-MM-dd", /* @__PURE__ */ new Date());
+	if (!isValid(date)) return void 0;
+	return format(date, "yyyy-MM-dd") === value ? date : void 0;
+}
+function formatDisplayDate(value, dateFormat) {
+	const date = toCalendarDate(value);
+	if (!date) return "";
+	return format(date, dateFormat);
+}
+function parseDisplayDate(value, dateFormat) {
+	const trimmed = value.trim();
+	if (!trimmed) return null;
+	const parsedDate = parse(trimmed, dateFormat, /* @__PURE__ */ new Date());
+	if (!isValid(parsedDate)) return void 0;
+	if (format(parsedDate, dateFormat) !== trimmed) return void 0;
+	return format(parsedDate, "yyyy-MM-dd");
+}
+
+//#endregion
+export { InlineDateInputField, InlineDatePickerField, InlineDateProvider };

package/dist/modules/inline/components/inputs/editor.client.d.mts

@@ -0,0 +1,25 @@
+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_runtime0 from "react/jsx-runtime";
+import { z as z$1 } from "zod";
+import { DefaultError } from "@tanstack/react-query";
+
+//#region src/modules/inline/components/inputs/editor.client.d.ts
+type EditorInlineTrigger = "change" | "blur";
+type InlineEditorProps<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = useInlineEditOptions<EditorInlineTrigger, z$1.ZodType<EditorJSONContent | null, EditorJSONContent | null>, TData, TError, TVariables, TOnMutateResult> & InlineEditVariantsProps & Omit<EditorProps, "value" | "onUpdate" | "onBlur" | "variant">;
+declare function InlineEditor<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  initialValue,
+  variables,
+  mutation,
+  extensions,
+  variant,
+  disabled,
+  permission,
+  strategy,
+  className,
+  children
+}: InlineEditorProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InlineEditor, InlineEditorProps };

package/dist/modules/inline/components/inputs/editor.client.mjs

@@ -0,0 +1,51 @@
+"use client";
+
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { Editor } from "../../../../components/editor/components/editor.client.mjs";
+import { useInlineState } from "../../hooks/inline-state.client.mjs";
+import { useInlineAccess, useInlineMutation, useInlineStrategy } from "../../hooks/use-inline.client.mjs";
+import { inlineEditVariants } from "../../lib/variants.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/inline/components/inputs/editor.client.tsx
+function InlineEditor({ initialValue, variables, mutation, extensions, variant, disabled, permission, strategy, className, children }) {
+	const state = useInlineState(initialValue);
+	const access = useInlineAccess({
+		permission,
+		disabled
+	});
+	const { handleTrigger } = useInlineStrategy({
+		strategy,
+		state,
+		mutations: useInlineMutation({
+			variables,
+			mutation,
+			access,
+			state
+		}),
+		parser: {
+			decode: (content) => content,
+			encode: (content) => content
+		}
+	});
+	return /* @__PURE__ */ jsx(Editor, {
+		value: state.value,
+		extensions,
+		onUpdate: (nextValue) => handleTrigger("change", nextValue),
+		onBlur: (nextValue) => handleTrigger("blur", nextValue),
+		className: cn(inlineEditVariants({
+			variant,
+			status: state.status
+		}), className),
+		disabled: access.isDisabled,
+		variant,
+		attributes: {
+			"data-inline-input": "editor",
+			"aria-invalid": state.isInvalid ? "true" : "false"
+		},
+		children
+	});
+}
+
+//#endregion
+export { InlineEditor };

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

@@ -0,0 +1,27 @@
+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_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { z as z$1 } from "zod";
+import { DefaultError } from "@tanstack/react-query";
+
+//#region src/modules/inline/components/inputs/input-recipient.client.d.ts
+type RecipientInlineTrigger = "commit";
+type InlineRecipientInputProps<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = Omit<ComponentProps<typeof RecipientInput>, "value" | "onChange"> & useInlineEditOptions<RecipientInlineTrigger, z$1.ZodArray<z$1.ZodString>, TData, TError, TVariables, TOnMutateResult> & InlineEditVariantsProps & {
+  contacts: Contact[];
+};
+declare function InlineRecipientInput<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  initialValue,
+  variables,
+  mutation,
+  variant,
+  disabled,
+  contacts,
+  permission,
+  strategy,
+  className,
+  ...props
+}: InlineRecipientInputProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InlineRecipientInput };