@tulip-systems/core 0.9.0 → 0.10.1

package/dist/src/modules/commands/lib/registery.mjs

@@ -1,39 +1,99 @@
 //#region src/modules/commands/lib/registery.ts
-function toKeys(input) {
+function resolveKeys(input) {
 	if (Array.isArray(input)) return [...input];
 	return Object.entries(input).filter(([, enabled]) => enabled === true).map(([key]) => key);
 }
-/**
-* Internal function to create a command registry from a given command map.
-*/
+function dedupe(tags) {
+	return [...new Set(tags)];
+}
+function hasEveryTag(command, tags) {
+	return tags.every((tag) => command.tags.includes(tag));
+}
+function hasSomeTag(command, tags) {
+	return tags.some((tag) => command.tags.includes(tag));
+}
+function hasExactTags(command, tags) {
+	const ctags = dedupe(command.tags);
+	const ftags = dedupe(tags);
+	return ctags.length === ftags.length && ftags.every((t) => ctags.includes(t));
+}
+function injectIds(commands) {
+	return Object.fromEntries(Object.entries(commands).map(([id, c]) => [id, {
+		...c,
+		id
+	}]));
+}
+function pickCommands(commands, input) {
+	const keys = resolveKeys(input);
+	return Object.fromEntries(keys.filter((k) => k in commands).map((k) => [k, commands[k]]));
+}
+function omitCommands(commands, input) {
+	const keys = new Set(resolveKeys(input));
+	return Object.fromEntries(Object.entries(commands).filter(([k]) => !keys.has(k)));
+}
+function createTagFilterRegistry(commands) {
+	function apply(predicate) {
+		return (...tags) => {
+			return createTagFilterRegistry(commands.filter((c) => predicate(c, tags)));
+		};
+	}
+	return {
+		every: apply(hasEveryTag),
+		some: apply(hasSomeTag),
+		exact: apply(hasExactTags),
+		without: apply((c, ts) => !hasSomeTag(c, ts)),
+		toArray() {
+			return commands;
+		}
+	};
+}
+function createKeyFilterRegistry(commands) {
+	return {
+		pick(input) {
+			return createKeyFilterRegistry(pickCommands(commands, input));
+		},
+		omit(input) {
+			return createKeyFilterRegistry(omitCommands(commands, input));
+		},
+		toArray() {
+			return Object.values(commands);
+		}
+	};
+}
 function createRegistry(commands) {
+	const withIds = injectIds(commands);
 	return {
-		commands,
+		commands: withIds,
+		keys: createKeyFilterRegistry(withIds),
+		tags: createTagFilterRegistry(Object.values(withIds)),
 		extend(extension) {
 			return createRegistry({
-				...commands,
+				...withIds,
 				...extension
 			});
 		},
 		pick(input) {
-			const keys = toKeys(input);
-			return createRegistry(Object.fromEntries(keys.flatMap((key) => key in commands ? [[key, commands[key]]] : [])));
+			return createRegistry(pickCommands(withIds, input));
 		},
 		omit(input) {
-			const keys = toKeys(input);
-			const blacklist = new Set(keys);
-			return createRegistry(Object.fromEntries(Object.entries(commands).filter(([key]) => !blacklist.has(key))));
+			return createRegistry(omitCommands(withIds, input));
 		},
 		toArray() {
-			return Object.values(commands);
+			return Object.values(withIds);
 		}
 	};
 }
 /**
-* Public function to define commands. It takes a command map and returns a command registry with utility methods.
-* This is the main entry point for users to create their command sets.
-* @param commands - A map of command definitions keyed by command name.
-* @returns A command registry with the defined commands and utility methods.
+* Define commands from a map of name → `CommandDef`.
+*
+* Returns a `CommandRegistry` with key-based and tag-based filtering, plus
+* `extend` for composition. Filter chains are immutable — each call produces
+* a new registry.
+*
+* @example
+* const registry = defineCommands({ edit, delete, archive });
+* registry.tags.every("danger", "table").toArray();
+* registry.keys.omit({ delete: true }).toArray();
 */
 function defineCommands(commands) {
 	return createRegistry(commands);

package/dist/src/modules/commands/lib/utils.d.mts

@@ -0,0 +1,11 @@
+//#region src/modules/commands/lib/utils.d.ts
+/**
+ * Normalizes command data into an array.
+ *
+ * Use this as a command transform when the same command should support both
+ * single-item and bulk contexts. After `.transform(ensureArray)`, command
+ * callbacks can safely use array helpers like `.map` and `.every`.
+ */
+declare function ensureArray<T>(data: T | T[]): T[];
+//#endregion
+export { ensureArray };

package/dist/src/modules/commands/lib/utils.mjs

@@ -0,0 +1,14 @@
+//#region src/modules/commands/lib/utils.ts
+/**
+* Normalizes command data into an array.
+*
+* Use this as a command transform when the same command should support both
+* single-item and bulk contexts. After `.transform(ensureArray)`, command
+* callbacks can safely use array helpers like `.map` and `.every`.
+*/
+function ensureArray(data) {
+	return Array.isArray(data) ? data : [data];
+}
+
+//#endregion
+export { ensureArray };

package/dist/src/modules/data-tables/components/footer.mjs

@@ -1,6 +1,7 @@
 "use client";
 
 import { InfinteTableBottombar, InfinteTableFooter } from "../strategies/infinite/components.mjs";
+import { LocalTableFooter } from "../strategies/local/components.mjs";
 import { PaginationTableFooter } from "../strategies/pagination/components.mjs";
 import { jsx } from "react/jsx-runtime";
 
@@ -12,6 +13,7 @@ function TableFooter({ table }) {
 	const meta = table.options.meta;
 	if (meta.strategy.name === "pagination") return null;
 	if (meta.strategy.name === "infinite") return /* @__PURE__ */ jsx(InfinteTableFooter, { table });
+	if (meta.strategy.name === "local") return null;
 	throw new Error(`Unknown strategy: ${meta.strategy.name}`);
 }
 /**
@@ -21,6 +23,7 @@ function TableBottombar({ table }) {
 	const meta = table.options.meta;
 	if (meta.strategy.name === "pagination") return /* @__PURE__ */ jsx(PaginationTableFooter, { table });
 	if (meta.strategy.name === "infinite") return /* @__PURE__ */ jsx(InfinteTableBottombar, { table });
+	if (meta.strategy.name === "local") return /* @__PURE__ */ jsx(LocalTableFooter, { table });
 	throw new Error(`Unknown strategy: ${meta.strategy.name}`);
 }
 

package/dist/src/modules/data-tables/hooks/use-context.client.d.mts

@@ -1,4 +1,4 @@
-import { CommandDef } from "../../commands/lib/builder.mjs";
+import { CommandFor } from "../../commands/lib/builder.mjs";
 import { TableFiltersResult } from "../lib/filters/config.mjs";
 import { Selection, TableColumnDef, TableMetaInput, TableStrategy } from "../lib/types.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
@@ -21,7 +21,7 @@ type TableConfigContextValue<TData, TFilters extends TableFiltersResult = TableF
   strategy: TableStrategy;
   selection?: Selection;
   columnVisibility?: VisibilityState;
-  commands?: CommandDef[];
+  commands?: CommandFor<TData[], TMeta>[];
   meta?: TMeta;
   where?: TFilters;
 };

package/dist/src/modules/data-tables/lib/types.d.mts

@@ -1,5 +1,5 @@
 import { Permission } from "../../auth/lib/permissions.mjs";
-import { CommandDef } from "../../commands/lib/builder.mjs";
+import { CommandFor } from "../../commands/lib/builder.mjs";
 import { UseQueryStatesKeysMap } from "nuqs";
 import { ColumnDef, PaginationState, RowSelectionState, SortingState, TableMeta, Updater } from "@tanstack/react-table";
 
@@ -11,7 +11,7 @@ type TableMetaInput<TData> = TableMeta<TData>;
 type TableMeta$1<TData, TMeta = TableMetaInput<TData>> = {
   strategy: TableStrategy;
   selectedData: TData[];
-  commands?: CommandDef[];
+  commands?: CommandFor<TData[], TMeta>[];
 };
 /**
  * Table column definition
@@ -24,7 +24,7 @@ type TableColumnDef<TData> = ColumnDef<TData> & {
  * Data table strategy
  */
 type TableStrategy = {
-  name: "pagination" | "infinite";
+  name: "pagination" | "infinite" | "local";
   rowCount?: number;
   paginationState?: PaginationState;
   manualPagination?: boolean;

package/dist/src/modules/data-tables/strategies/local/components.mjs

@@ -0,0 +1,25 @@
+"use client";
+
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/modules/data-tables/strategies/local/components.tsx
+function LocalTableFooter({ table }) {
+	const selected = Object.keys(table.getState().rowSelection).length;
+	const total = table.getRowCount();
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-y-2 px-2 md:flex-row md:items-center md:justify-between",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "text-muted-foreground text-sm",
+			children: [
+				selected ?? table.getFilteredSelectedRowModel().rows.length,
+				" of",
+				" ",
+				total ?? table.getRowModel().rows.length,
+				" row(s) selected."
+			]
+		})
+	});
+}
+
+//#endregion
+export { LocalTableFooter };

package/dist/src/modules/data-tables/strategies/local/strategy.d.mts

@@ -0,0 +1,12 @@
+import { TableStrategy } from "../../lib/types.mjs";
+
+//#region src/modules/data-tables/strategies/local/strategy.d.ts
+type UseLocalStrategyInput = {
+  total?: number;
+};
+type LocalStrategy = typeof useLocalStrategy;
+declare function useLocalStrategy({
+  total
+}?: UseLocalStrategyInput): TableStrategy;
+//#endregion
+export { LocalStrategy, UseLocalStrategyInput, useLocalStrategy };

package/dist/src/modules/data-tables/strategies/local/strategy.mjs

@@ -0,0 +1,31 @@
+"use client";
+
+import { tableSearchParams } from "../../lib/search-params.mjs";
+import { handleSortingChange } from "../helpers/sorting.mjs";
+import { useQueryStates } from "nuqs";
+
+//#region src/modules/data-tables/strategies/local/strategy.ts
+function useLocalStrategy({ total } = {}) {
+	const [query, setQuery] = useQueryStates(tableSearchParams);
+	const sortingState = query.sort ? [{
+		id: query.sort,
+		desc: query.order === "desc"
+	}] : [];
+	const resetCursor = () => null;
+	return {
+		name: "local",
+		rowCount: total,
+		resetCursor,
+		tableSearchParams,
+		sortingState,
+		manualSorting: true,
+		onSortingChange: handleSortingChange({
+			sortingState,
+			setQuery,
+			resetCursor
+		})
+	};
+}
+
+//#endregion
+export { useLocalStrategy };

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

@@ -7,10 +7,11 @@ 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"> & {
+type InlineStringSchema = z$1.ZodType<string | null, string | null> | z$1.ZodType<string, string>;
+type InlineEditComboboxDropdownProps<TValue extends ComboboxDropdownItem, TSchema extends InlineStringSchema = z$1.ZodType<string | null, string | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = useInlineEditOptions<ComboboxDropdownInlineTrigger, TSchema, 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>({
+declare function InlineComboboxDropdown<TValue extends ComboboxDropdownItem, TSchema extends InlineStringSchema = z$1.ZodType<string | null, string | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
   selectedItem,
   variant,
   className,
@@ -22,6 +23,6 @@ declare function InlineComboboxDropdown<TValue extends ComboboxDropdownItem, TDa
   strategy,
   disabled,
   ...props
-}: InlineEditComboboxDropdownProps<TValue, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+}: InlineEditComboboxDropdownProps<TValue, TSchema, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineComboboxDropdown, InlineEditComboboxDropdownProps };

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

@@ -6,8 +6,9 @@ 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>({
+type InlineStringSchema = z$1.ZodType<string | null, string | null> | z$1.ZodType<string, string>;
+type InlineComboboxProps<TValue, TSchema extends InlineStringSchema = z$1.ZodType<string | null, string | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = useInlineEditOptions<ComboboxInlineTrigger, TSchema, TData, TError, TVariables, TOnMutateResult> & Omit<ComboboxProps<TValue>, "value">;
+declare function InlineCombobox<TValue, TSchema extends InlineStringSchema = z$1.ZodType<string | null, string | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
   initialValue,
   variables,
   mutation,
@@ -17,6 +18,6 @@ declare function InlineCombobox<TValue, TData = unknown, TError = DefaultError,
   disabled,
   strategy,
   ...props
-}: InlineComboboxProps<TValue, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+}: InlineComboboxProps<TValue, TSchema, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineCombobox, InlineComboboxProps };

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

@@ -8,8 +8,9 @@ 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>({
+type InlineDateTimeSchema = z$1.ZodType<Date | null, Date | null> | z$1.ZodType<Date, Date>;
+type InlineDateTimeInputProps<TSchema extends InlineDateTimeSchema = z$1.ZodType<Date | null, Date | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = ComponentProps<typeof DateTimeInput> & useInlineEditOptions<DateTimeInlineTrigger, TSchema, TData, TError, TVariables, TOnMutateResult> & InlineEditVariantsProps;
+declare function InlineDateTimeInput<TSchema extends InlineDateTimeSchema = z$1.ZodType<Date | null, Date | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
   initialValue,
   variables,
   mutation,
@@ -19,6 +20,6 @@ declare function InlineDateTimeInput<TData = unknown, TError = DefaultError, TVa
   strategy,
   disabled,
   ...props
-}: InlineDateTimeInputProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+}: InlineDateTimeInputProps<TSchema, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineDateTimeInput };

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

@@ -8,8 +8,9 @@ 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>({
+type InlineEditorSchema = z$1.ZodType<EditorJSONContent | null, EditorJSONContent | null> | z$1.ZodType<EditorJSONContent, EditorJSONContent>;
+type InlineEditorProps<TSchema extends InlineEditorSchema = z$1.ZodType<EditorJSONContent | null, EditorJSONContent | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = useInlineEditOptions<EditorInlineTrigger, TSchema, TData, TError, TVariables, TOnMutateResult> & InlineEditVariantsProps & Omit<EditorProps, "value" | "onUpdate" | "onBlur" | "variant">;
+declare function InlineEditor<TSchema extends InlineEditorSchema = z$1.ZodType<EditorJSONContent | null, EditorJSONContent | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
   initialValue,
   variables,
   mutation,
@@ -20,6 +21,6 @@ declare function InlineEditor<TData = unknown, TError = DefaultError, TVariables
   strategy,
   className,
   children
-}: InlineEditorProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+}: InlineEditorProps<TSchema, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineEditor, InlineEditorProps };

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

@@ -8,11 +8,13 @@ import { DefaultError } from "@tanstack/react-query";
 
 //#region src/modules/inline/components/inputs/input.client.d.ts
 type InputInlineTrigger = "change" | "blur";
+type InlineStringSchema = z$1.ZodType<string | null, string | null> | z$1.ZodType<string, string>;
+type InlineNumberSchema = z$1.ZodType<number | null, number | null> | z$1.ZodType<number, number>;
 type InlineEditInputProps<TSchema extends z$1.ZodType, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<InputInlineTrigger, TSchema, TData, TError, TVariables, TOnMutateResult> & InlineEditVariantsProps;
 /**
  * The inline edit string input component.
  */
-declare function InlineStringInput<TSchema extends z$1.ZodType<string | null, string | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+declare function InlineStringInput<TSchema extends InlineStringSchema = z$1.ZodType<string | null, string | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
   initialValue,
   variables,
   mutation,
@@ -23,7 +25,7 @@ declare function InlineStringInput<TSchema extends z$1.ZodType<string | null, st
   disabled,
   ...props
 }: InlineEditInputProps<TSchema, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
-declare function InlineNumberInput<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+declare function InlineNumberInput<TSchema extends InlineNumberSchema = z$1.ZodType<number | null, number | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
   initialValue,
   variables,
   mutation,
@@ -33,11 +35,11 @@ declare function InlineNumberInput<TData = unknown, TError = DefaultError, TVari
   strategy,
   disabled,
   ...props
-}: InlineEditInputProps<z$1.ZodNumber | z$1.ZodNullable<z$1.ZodNumber>, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+}: InlineEditInputProps<TSchema, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
 /**
  * The inline edit decimal input component.
  */
-declare function InlineDecimalInput<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+declare function InlineDecimalInput<TSchema extends z$1.ZodType<string | null, string | null> | z$1.ZodType<string, string> = z$1.ZodType<string | null, string | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
   initialValue,
   variables,
   mutation,
@@ -47,6 +49,6 @@ declare function InlineDecimalInput<TData = unknown, TError = DefaultError, TVar
   strategy,
   disabled,
   ...props
-}: InlineEditInputProps<z$1.ZodString | z$1.ZodNullable<z$1.ZodString>, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+}: InlineEditInputProps<TSchema, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineDecimalInput, InlineNumberInput, InlineStringInput };

package/dist/src/modules/inline/components/inputs/select.client.d.mts

@@ -8,8 +8,9 @@ import { DefaultError } from "@tanstack/react-query";
 
 //#region src/modules/inline/components/inputs/select.client.d.ts
 type SelectInlineTrigger = "commit";
-type InlineSelectProps<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = Omit<ComponentProps<typeof Select>, "value" | "defaultValue"> & useInlineEditOptions<SelectInlineTrigger, z$1.ZodString | z$1.ZodNullable<z$1.ZodString>, TData, TError, TVariables, TOnMutateResult>;
-declare function InlineSelect<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+type InlineStringSchema = z$1.ZodType<string | null, string | null> | z$1.ZodType<string, string>;
+type InlineSelectProps<TSchema extends InlineStringSchema = z$1.ZodType<string | null, string | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = Omit<ComponentProps<typeof Select>, "value" | "defaultValue"> & useInlineEditOptions<SelectInlineTrigger, TSchema, TData, TError, TVariables, TOnMutateResult>;
+declare function InlineSelect<TSchema extends InlineStringSchema = z$1.ZodType<string | null, string | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
   initialValue,
   variables,
   mutation,
@@ -18,7 +19,7 @@ declare function InlineSelect<TData = unknown, TError = DefaultError, TVariables
   disabled,
   onValueChange,
   ...props
-}: InlineSelectProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+}: InlineSelectProps<TSchema, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
 declare function InlineSelectTrigger({
   variant,
   className,

package/dist/src/modules/inline/components/inputs/switch.client.d.mts

@@ -7,8 +7,9 @@ import { DefaultError } from "@tanstack/react-query";
 
 //#region src/modules/inline/components/inputs/switch.client.d.ts
 type SwitchInlineTrigger = "commit";
-type InlineSwitchProps<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = ComponentProps<typeof Switch> & useInlineEditOptions<SwitchInlineTrigger, z$1.ZodBoolean | z$1.ZodNullable<z$1.ZodBoolean>, TData, TError, TVariables, TOnMutateResult>;
-declare function InlineSwitch<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+type InlineBooleanSchema = z$1.ZodType<boolean | null, boolean | null> | z$1.ZodType<boolean, boolean>;
+type InlineSwitchProps<TSchema extends InlineBooleanSchema = z$1.ZodType<boolean | null, boolean | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = ComponentProps<typeof Switch> & useInlineEditOptions<SwitchInlineTrigger, TSchema, TData, TError, TVariables, TOnMutateResult>;
+declare function InlineSwitch<TSchema extends InlineBooleanSchema = z$1.ZodType<boolean | null, boolean | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
   initialValue,
   variables,
   mutation,
@@ -16,6 +17,6 @@ declare function InlineSwitch<TData = unknown, TError = DefaultError, TVariables
   strategy,
   disabled,
   ...props
-}: InlineSwitchProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+}: InlineSwitchProps<TSchema, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineSwitch };

package/dist/src/modules/router/lib/query-client.d.mts

@@ -5,5 +5,6 @@ import { QueryClient } from "@tanstack/react-query";
  * Create a new query client
  */
 declare function createQueryClient(): QueryClient;
+declare function getQueryClient(): QueryClient;
 //#endregion
-export { createQueryClient };
+export { createQueryClient, getQueryClient };

package/dist/src/modules/router/lib/query-client.mjs

@@ -1,5 +1,5 @@
 import { serializer } from "./helpers.mjs";
-import { MutationCache, QueryClient, isServer } from "@tanstack/react-query";
+import { MutationCache, QueryClient, environmentManager } from "@tanstack/react-query";
 
 //#region src/modules/router/lib/query-client.ts
 /**
@@ -41,7 +41,7 @@ function createQueryClient() {
 */
 let browserQueryClient;
 function getQueryClient() {
-	if (isServer) return createQueryClient();
+	if (environmentManager.isServer()) return createQueryClient();
 	if (!browserQueryClient) browserQueryClient = createQueryClient();
 	return browserQueryClient;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tulip-systems/core",
-  "version": "0.9.0",
+  "version": "0.10.1",
   "type": "module",
   "sideEffects": false,
   "license": "AGPL-3.0",

package/src/components/editor/lib/helpers.ts

@@ -1,3 +1,4 @@
+import { generateText } from "@tiptap/core";
 import Blockquote from "@tiptap/extension-blockquote";
 import Bold from "@tiptap/extension-bold";
 import Document from "@tiptap/extension-document";
@@ -68,3 +69,10 @@ export function convertEditorContentToMarkdown(content: EditorJSONContent): stri
     extensions: EXTENSIONS_FOR_GENERATION,
   });
 }
+
+/**
+ * Convert editor content to plain text
+ */
+export function convertEditorContentToPlainText(content: EditorJSONContent): string {
+  return generateText(content, EXTENSIONS_FOR_GENERATION);
+}

package/src/components/entry.client.ts

@@ -20,11 +20,11 @@ export * from "./header/top-bar.client";
  */
 export * from "./layouts/admin-content.client";
 export * from "./layouts/providers.client";
-
 /**
  * Components Navigation
  */
 export * from "./navigation/admin-sidebar-paths.client";
+export * from "./themes/color-theme-provider.client";
 
 /**
  * Components UI

package/src/components/entry.ts

@@ -19,12 +19,12 @@ export * from "./layouts/list-layout";
 export * from "./layouts/root-error-pages";
 export * from "./layouts/root-loading";
 export * from "./layouts/tab-layout";
-
 /**
  * Components Lists
  */
 export * from "./lists/data-list";
 export * from "./lists/data-stack";
+export * from "./themes/color-theme";
 
 /**
  * Components UI

package/src/components/layouts/root-layout.server.tsx

@@ -38,9 +38,11 @@ export const generateRootLayoutMetadata = (config: TulipConfig) => ({
 /**
  * Root layout
  */
-export function RootLayout({ children }: PropsWithChildren) {
+export type RootLayoutProps = PropsWithChildren;
+
+export function RootLayout({ children }: RootLayoutProps) {
   return (
-    <html lang="nl">
+    <html lang="nl" data-theme="tulip">
       <body className={cn("bg-background font-sans antialiased", registerFonts())}>{children}</body>
     </html>
   );

package/src/components/themes/color-theme-provider.client.tsx

@@ -0,0 +1,82 @@
+"use client";
+
+import type { PropsWithChildren } from "react";
+import {
+  createContext,
+  use,
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useState,
+} from "react";
+import { COLOR_THEME_STORAGE_KEY, type ColorTheme, colorThemes } from "./color-theme";
+
+type ColorThemeContextValue = {
+  colorTheme: ColorTheme;
+  setColorTheme: (theme: ColorTheme) => void;
+  colorThemes: readonly ColorTheme[];
+};
+
+const ColorThemeContext = createContext<ColorThemeContextValue | null>(null);
+
+/**
+ * Persists the chosen theme in a cookie so the server can resolve it on the next request.
+ * Cookie failures are ignored because theme changes should still work in local React state.
+ */
+function setStoredColorTheme(theme: ColorTheme) {
+  try {
+    // biome-ignore lint/suspicious/noDocumentCookie: client theme changes need to persist for the next server render
+    document.cookie = `${COLOR_THEME_STORAGE_KEY}=${theme}; path=/; max-age=31536000; samesite=lax`;
+  } catch {
+    // Ignore cookie failures.
+  }
+}
+
+/**
+ * Provides the current color theme and a setter to the component tree.
+ * The server provides the initial theme, then client interactions keep local state and the cookie in sync.
+ */
+export function ColorThemeProvider({ children, theme }: PropsWithChildren<{ theme: ColorTheme }>) {
+  const [colorTheme, setColorThemeState] = useState(theme);
+
+  useEffect(() => {
+    setColorThemeState(theme);
+  }, [theme]);
+
+  useLayoutEffect(() => {
+    document.documentElement.dataset.theme = colorTheme;
+  }, [colorTheme]);
+
+  const setColorTheme = useCallback((theme: ColorTheme) => {
+    setColorThemeState(theme);
+    setStoredColorTheme(theme);
+  }, []);
+
+  const value = useMemo(
+    () => ({ colorTheme, setColorTheme, colorThemes }),
+    [colorTheme, setColorTheme],
+  );
+
+  return (
+    <ColorThemeContext.Provider value={value}>
+      <div className="contents" data-theme={colorTheme}>
+        {children}
+      </div>
+    </ColorThemeContext.Provider>
+  );
+}
+
+/**
+ * Returns the active color theme context for client components.
+ * It throws early when used outside the provider so incorrect usage fails loudly.
+ */
+export function useColorTheme() {
+  const context = use(ColorThemeContext);
+
+  if (!context) {
+    throw new Error("useColorTheme must be used within a ColorThemeProvider");
+  }
+
+  return context;
+}