@tulip-systems/core 0.8.2 → 0.9.0

package/dist/src/modules/data-tables/tables/inline-table/hooks/context.client.mjs

@@ -0,0 +1,58 @@
+"use client";
+
+import { arrayMove } from "../../../../../lib/utils/array-move.mjs";
+import { useAction } from "../../../../../lib/hooks/use-action.mjs";
+import { useTableConfigContext } from "../../../hooks/use-context.client.mjs";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+
+//#region src/modules/data-tables/tables/inline-table/hooks/context.client.tsx
+/**
+* Inline form table context
+*/
+const InlineTableContext = React.createContext({});
+/**
+* Inline form table context hook
+*/
+function useInlineTableContext() {
+	const context = React.useContext(InlineTableContext);
+	if (!context) throw new Error("InlineTableContext not found!");
+	return context;
+}
+/**
+* Inline form table context provider
+*/
+function InlineTableProvider({ children, disabledColumns, moveRowAction, hotkeys }) {
+	const { queryData, setData } = useTableConfigContext();
+	const moveRowMutation = useAction({
+		mutationFn: async (params) => {
+			if (!moveRowAction) return;
+			await moveRowAction(params);
+		},
+		onMutate: (params) => {
+			if (!moveRowAction) return;
+			setData((prev) => arrayMove(prev, params));
+		},
+		onError: () => {
+			if (!moveRowAction) return;
+			setData(queryData);
+		}
+	});
+	return /* @__PURE__ */ jsx(InlineTableContext.Provider, {
+		value: {
+			disabledColumns,
+			hotkeys,
+			...moveRowAction ? {
+				isDraggable: true,
+				moveRow: moveRowMutation.mutate
+			} : {
+				isDraggable: false,
+				moveRow: void 0
+			}
+		},
+		children
+	});
+}
+
+//#endregion
+export { InlineTableProvider, useInlineTableContext };

package/dist/src/modules/data-tables/tables/inline-table/hooks/use-hotkeys.client.d.mts

@@ -0,0 +1,29 @@
+import { Keys } from "react-hotkeys-hook";
+
+//#region src/modules/data-tables/tables/inline-table/hooks/use-hotkeys.client.d.ts
+/**
+ * Inline input data attribute used to identify navigable cells in the data table.
+ */
+declare const INLINE_INPUT_ATTR = "data-inline-input";
+/**
+ * Props for configuring the hotkeys used for navigating between inline-editable cells in a data table.
+ * Each property corresponds to a direction of navigation and accepts an array of key combinations that trigger the navigation in that direction.
+ * If a property is not provided or is an empty array, the corresponding navigation hotkeys will be disabled.
+ */
+type InlineDataTableHotkeysConfig = {
+  moveLeft?: Keys | undefined;
+  moveRight?: Keys | undefined;
+  moveUp?: Keys | undefined;
+  moveDown?: Keys | undefined;
+};
+/**
+ * Sets up hotkeys for navigating between inline-editable cells in a data table:
+ * - ArrowUp / ArrowDown: Move vertically to the next cell with an input in the same column.
+ * - ArrowLeft / ArrowRight: Move horizontally to the next cell with an input in the same row.
+ *
+ * The hotkeys only trigger when focused within a table that uses the "inline-data-table" scope,
+ * and they look for elements with the [data-inline-input] attribute to determine navigable cells.
+ */
+declare function useInlineDataTableHotkeys(props?: InlineDataTableHotkeysConfig): void;
+//#endregion
+export { INLINE_INPUT_ATTR, InlineDataTableHotkeysConfig, useInlineDataTableHotkeys };

package/dist/src/modules/data-tables/tables/inline-table/hooks/use-hotkeys.client.mjs

@@ -0,0 +1,94 @@
+import { useHotkeys } from "react-hotkeys-hook";
+
+//#region src/modules/data-tables/tables/inline-table/hooks/use-hotkeys.client.ts
+/**
+* Inline input data attribute used to identify navigable cells in the data table.
+*/
+const INLINE_INPUT_ATTR = "data-inline-input";
+/**
+* Sets up hotkeys for navigating between inline-editable cells in a data table:
+* - ArrowUp / ArrowDown: Move vertically to the next cell with an input in the same column.
+* - ArrowLeft / ArrowRight: Move horizontally to the next cell with an input in the same row.
+*
+* The hotkeys only trigger when focused within a table that uses the "inline-data-table" scope,
+* and they look for elements with the [data-inline-input] attribute to determine navigable cells.
+*/
+function useInlineDataTableHotkeys(props = {}) {
+	/**
+	* Move left hotkey handler
+	*/
+	useHotkeys(props.moveLeft ?? [], (e) => {
+		const currentCell = e.target?.closest("td");
+		if (!currentCell) return;
+		let cell = currentCell.previousElementSibling;
+		while (cell) {
+			const input = cell.querySelector(`[${INLINE_INPUT_ATTR}]`);
+			if (input) {
+				input.focus();
+				return;
+			}
+			cell = cell.previousElementSibling;
+		}
+	}, {
+		enabled: !!(props.moveLeft && props.moveLeft.length > 0),
+		scopes: "inline-data-table",
+		enableOnFormTags: true,
+		enableOnContentEditable: true,
+		preventDefault: true
+	});
+	/**
+	* Move right hotkey handler
+	*/
+	useHotkeys(props.moveRight ?? [], (e) => {
+		const currentCell = e.target?.closest("td");
+		if (!currentCell) return;
+		let cell = currentCell.nextElementSibling;
+		while (cell) {
+			const input = cell.querySelector(`[${INLINE_INPUT_ATTR}]`);
+			if (input) {
+				input.focus();
+				return;
+			}
+			cell = cell.nextElementSibling;
+		}
+	}, {
+		enabled: !!(props.moveRight && props.moveRight.length > 0),
+		scopes: "inline-data-table",
+		enableOnFormTags: true,
+		enableOnContentEditable: true,
+		preventDefault: true
+	});
+	/**
+	* Move up hotkey handler
+	*/
+	useHotkeys(props.moveUp ?? [], (e) => {
+		const currentCell = e.target?.closest("td");
+		if (!currentCell) return;
+		const nextRow = currentCell.closest("tr")?.previousElementSibling;
+		(nextRow ? nextRow.cells?.[currentCell.cellIndex]?.querySelector(`[${INLINE_INPUT_ATTR}]`) : null)?.focus();
+	}, {
+		enabled: !!(props.moveUp && props.moveUp.length > 0),
+		scopes: "inline-data-table",
+		enableOnFormTags: true,
+		enableOnContentEditable: true,
+		preventDefault: true
+	});
+	/**
+	* Move down hotkey handler
+	*/
+	useHotkeys(props.moveDown ?? [], (e) => {
+		const currentCell = e.target?.closest("td");
+		if (!currentCell) return;
+		const nextRow = currentCell.closest("tr")?.nextElementSibling;
+		(nextRow ? nextRow.cells?.[currentCell.cellIndex]?.querySelector(`[${INLINE_INPUT_ATTR}]`) : null)?.focus();
+	}, {
+		enabled: !!(props.moveDown && props.moveDown.length > 0),
+		scopes: "inline-data-table",
+		enableOnFormTags: true,
+		enableOnContentEditable: true,
+		preventDefault: true
+	});
+}
+
+//#endregion
+export { INLINE_INPUT_ATTR, useInlineDataTableHotkeys };

package/dist/src/modules/database/lib/helpers.d.mts

@@ -0,0 +1,15 @@
+import * as drizzle_orm_pg_core0 from "drizzle-orm/pg-core";
+import * as drizzle_orm0 from "drizzle-orm";
+
+//#region src/modules/database/lib/helpers.d.ts
+declare const generateDefaultUUID: () => string;
+/**
+ * Base columns4
+ */
+declare const baseColumns: {
+  id: drizzle_orm0.HasRuntimeDefault<drizzle_orm0.HasDefault<drizzle_orm0.IsPrimaryKey<drizzle_orm0.NotNull<drizzle_orm_pg_core0.PgUUIDBuilderInitial<"">>>>>;
+  createdAt: drizzle_orm0.NotNull<drizzle_orm0.HasDefault<drizzle_orm_pg_core0.PgTimestampBuilderInitial<"">>>;
+  updatedAt: drizzle_orm0.HasDefault<drizzle_orm0.NotNull<drizzle_orm0.HasDefault<drizzle_orm_pg_core0.PgTimestampBuilderInitial<"">>>>;
+};
+//#endregion
+export { baseColumns, generateDefaultUUID };

package/dist/src/modules/database/lib/helpers.mjs

@@ -0,0 +1,16 @@
+import { timestamp, uuid } from "drizzle-orm/pg-core";
+import { v7 } from "uuid";
+
+//#region src/modules/database/lib/helpers.ts
+const generateDefaultUUID = () => v7();
+/**
+* Base columns4
+*/
+const baseColumns = {
+	id: uuid().primaryKey().$defaultFn(() => generateDefaultUUID()),
+	createdAt: timestamp().defaultNow().notNull(),
+	updatedAt: timestamp().defaultNow().notNull().$onUpdate(() => /* @__PURE__ */ new Date())
+};
+
+//#endregion
+export { baseColumns, generateDefaultUUID };

package/dist/src/modules/database/lib/service.server.d.mts

@@ -0,0 +1,33 @@
+import { TDatabaseSchema } from "./types.mjs";
+import * as drizzle_orm_node_postgres0 from "drizzle-orm/node-postgres";
+import { Pool } from "pg";
+
+//#region src/modules/database/lib/service.server.d.ts
+type InitDatabaseProps<TSchema extends TDatabaseSchema> = {
+  schema: TSchema;
+  pool: Pool;
+};
+/**
+ * Create a Drizzle database client.
+ */
+declare function createDatabase<TSchema extends TDatabaseSchema>({
+  schema,
+  pool
+}: InitDatabaseProps<TSchema>): drizzle_orm_node_postgres0.NodePgDatabase<TSchema> & {
+  $client: Pool;
+};
+/**
+ * Drizzle database client type returned by `Database.init()`.
+ */
+type Database<TSchema extends TDatabaseSchema> = ReturnType<typeof createDatabase<TSchema>>;
+/**
+ * Database service namespace.
+ *
+ * @example
+ * const db = Database.init<DatabaseSchema>({ schema, pool });
+ */
+declare const Database: {
+  init: typeof createDatabase;
+};
+//#endregion
+export { Database };

package/dist/src/modules/database/lib/service.server.mjs

@@ -0,0 +1,23 @@
+import { drizzle } from "drizzle-orm/node-postgres";
+
+//#region src/modules/database/lib/service.server.ts
+/**
+* Create a Drizzle database client.
+*/
+function createDatabase({ schema, pool }) {
+	return drizzle({
+		client: pool,
+		schema,
+		casing: "snake_case"
+	});
+}
+/**
+* Database service namespace.
+*
+* @example
+* const db = Database.init<DatabaseSchema>({ schema, pool });
+*/
+const Database = { init: createDatabase };
+
+//#endregion
+export { Database };

package/dist/src/modules/database/lib/types.d.mts

@@ -0,0 +1,4 @@
+//#region src/modules/database/lib/types.d.ts
+type TDatabaseSchema = Record<string, unknown>;
+//#endregion
+export { TDatabaseSchema };

package/dist/src/modules/emails/lib/service.server.d.mts

@@ -0,0 +1,28 @@
+import "server-cli-only";
+import { Resend } from "resend";
+
+//#region src/modules/emails/lib/service.server.d.ts
+type InitEmailProps = {
+  key: string;
+};
+/**
+ * Create a Resend email client.
+ */
+declare function createEmail({
+  key
+}: InitEmailProps): Resend;
+/**
+ * Resend email client type returned by `Email.init()`.
+ */
+type Email = ReturnType<typeof createEmail>;
+/**
+ * Email service namespace.
+ *
+ * @example
+ * const email = Email.init({ key: env.RESEND_API_KEY });
+ */
+declare const Email: {
+  init: typeof createEmail;
+};
+//#endregion
+export { Email };

package/dist/src/modules/emails/lib/service.server.mjs

@@ -0,0 +1,20 @@
+import "server-cli-only";
+import { Resend } from "resend";
+
+//#region src/modules/emails/lib/service.server.ts
+/**
+* Create a Resend email client.
+*/
+function createEmail({ key }) {
+	return new Resend(key);
+}
+/**
+* Email service namespace.
+*
+* @example
+* const email = Email.init({ key: env.RESEND_API_KEY });
+*/
+const Email = { init: createEmail };
+
+//#endregion
+export { Email };

package/dist/src/modules/inline/components/cell.client.d.mts

@@ -0,0 +1,20 @@
+import { TableCell } from "../../data-tables/components/table.mjs";
+import "../../../../data-tables.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/modules/inline/components/cell.client.d.ts
+/**
+ * Inline Cell
+ */
+declare function InlineTableCell({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof TableCell>): react_jsx_runtime0.JSX.Element;
+/**
+ * Inline Cell Error
+ */
+declare function InlineTableCellError(): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { InlineTableCell, InlineTableCellError };

package/dist/src/modules/inline/components/cell.client.mjs

@@ -0,0 +1,46 @@
+"use client";
+
+import { cn } from "../../../lib/utils/cn.mjs";
+import { useLocalIndicator } from "../../../lib/hooks/use-indicator.mjs";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/tooltip.client.mjs";
+import { TableCell } from "../../data-tables/components/table.mjs";
+import { InlineStateContext, useInlineState } from "../hooks/inline-state.client.mjs";
+import { AlertCircleIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+
+//#region src/modules/inline/components/cell.client.tsx
+/**
+* Inline Cell
+*/
+function InlineTableCell({ className, children, ...props }) {
+	const { status, setStatus } = useLocalIndicator();
+	const [error, setError] = useState();
+	return /* @__PURE__ */ jsx(InlineStateContext, {
+		value: {
+			status,
+			setStatus,
+			error,
+			setError
+		},
+		children: /* @__PURE__ */ jsx(TableCell, {
+			...props,
+			className: cn("relative h-8 border-l p-0 align-middle first:border-0 focus-within:bg-accent focus-within:text-accent-foreground [&:has([role=checkbox])]:pr-0", className),
+			children
+		})
+	});
+}
+/**
+* Inline Cell Error
+*/
+function InlineTableCellError() {
+	const { error } = useInlineState();
+	if (!error) return null;
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		className: "absolute top-1/2 right-2 z-10 -translate-y-1/2 text-destructive",
+		children: /* @__PURE__ */ jsx(AlertCircleIcon, { className: "size-4" })
+	}), /* @__PURE__ */ jsx(TooltipContent, { children: error })] });
+}
+
+//#endregion
+export { InlineTableCell, InlineTableCellError };

package/dist/src/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/src/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/src/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/src/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/src/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/src/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/src/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 };