@verbb/plugin-kit-react 1.0.0

package/dist/components/tiptap/variableSerialization.js

@@ -0,0 +1,250 @@
+import { TextSelection } from "@tiptap/pm/state";
+//#region src/components/tiptap/variableSerialization.ts
+/**
+* Shared serialization and variable-tag helpers for Tiptap variable input.
+* Used by TiptapInput and InlineVariableSuggestion.
+*/
+var TRANSFORMER_ID_PREFIX = "transform=";
+function parseTokenMetadata(tokenValue) {
+	const match = tokenValue.match(/^\{([^}]*)\}$/);
+	if (!match) return { tokenWithoutDefault: tokenValue };
+	let body = match[1] ?? "";
+	let defaultIfEmpty;
+	if (body.includes("|")) {
+		const split = body.split("|");
+		body = split.shift() ?? "";
+		defaultIfEmpty = split.join("|").trim() || void 0;
+	}
+	const segments = body.split(";").map((part) => {
+		return part.trim();
+	}).filter(Boolean);
+	const cleanSegments = [];
+	let transformerId;
+	let transformerParams;
+	segments.forEach((segment) => {
+		if (segment.startsWith(TRANSFORMER_ID_PREFIX)) {
+			transformerId = decodeURIComponent(segment.slice(10)).trim() || void 0;
+			return;
+		}
+		if (segment.includes("=")) {
+			const [keyRaw, ...valueParts] = segment.split("=");
+			const key = (keyRaw ?? "").trim();
+			if (!key) return;
+			const value = decodeURIComponent(valueParts.join("=").trim());
+			if (!transformerParams) transformerParams = {};
+			transformerParams[key] = value;
+			return;
+		}
+		cleanSegments.push(segment);
+	});
+	return {
+		tokenWithoutDefault: `{${cleanSegments.join(";")}}`,
+		defaultIfEmpty,
+		transformerId,
+		transformerParams
+	};
+}
+function isVariableLikeToken(tokenValue) {
+	return /^\{[a-zA-Z][a-zA-Z0-9_]*(?::[^}]*)?\}$/.test(tokenValue);
+}
+function toTitleWords(value) {
+	return value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim().replace(/\s+/g, " ").replace(/\b\w/g, (char) => {
+		return char.toUpperCase();
+	});
+}
+function buildFallbackLabelForUnknownToken(tokenWithoutDefault) {
+	const [target = "", identifier = "", selector = ""] = tokenWithoutDefault.replace(/^\{|\}$/g, "").split(":");
+	if (target === "field") return "Field";
+	if (target) return toTitleWords(selector || identifier || target) || tokenWithoutDefault;
+	return tokenWithoutDefault;
+}
+function serializeTokenMetadata(baseToken, metadata) {
+	const baseMatch = baseToken.match(/^\{([^}]*)\}$/);
+	if (!baseMatch) return baseToken;
+	const parts = [baseMatch[1]];
+	const transformerId = metadata.transformerId?.trim();
+	if (transformerId) {
+		parts.push(`${TRANSFORMER_ID_PREFIX}${encodeURIComponent(transformerId)}`);
+		(metadata.transformerParams && typeof metadata.transformerParams === "object" ? Object.entries(metadata.transformerParams) : []).forEach(([key, value]) => {
+			const normalizedKey = String(key ?? "").trim();
+			if (!normalizedKey || normalizedKey === "transform") return;
+			const normalizedValue = value == null ? "" : String(value);
+			parts.push(`${normalizedKey}=${encodeURIComponent(normalizedValue)}`);
+		});
+	}
+	const tokenBody = parts.filter(Boolean).join(";");
+	const defaultIfEmpty = metadata.defaultIfEmpty?.trim();
+	return defaultIfEmpty ? `{${tokenBody}|${defaultIfEmpty}}` : `{${tokenBody}}`;
+}
+function dedupeVariableOptions(items) {
+	const deduped = [];
+	const seen = /* @__PURE__ */ new Set();
+	items.forEach((item) => {
+		const key = String(item?.value ?? "") || `__label:${String(item?.label ?? "")}`;
+		if (seen.has(key)) return;
+		seen.add(key);
+		deduped.push(item);
+	});
+	return deduped;
+}
+function flattenVariableOptions(items) {
+	const flat = [];
+	const visit = (nodes) => {
+		nodes.forEach((node) => {
+			flat.push(node);
+			if (Array.isArray(node.children) && node.children.length > 0) visit(node.children);
+		});
+	};
+	visit(items);
+	return flat;
+}
+/**
+* Build VariableTag attributes from base and selected variable options.
+* Optional defaultIfEmpty is used when the resolved value is empty (e.g. "Guest" for {user:firstName|Guest}).
+*/
+function buildVariableTagAttrs(baseVariable, selectedVariable = baseVariable, options = {}) {
+	const selectedLabel = selectedVariable?.label ?? baseVariable?.label ?? "";
+	const value = selectedVariable?.value ?? baseVariable?.value ?? "";
+	const defaultIfEmpty = options.defaultIfEmpty?.trim();
+	const attrs = {
+		label: selectedLabel,
+		value,
+		openOnInsert: options.openOnInsert ?? false
+	};
+	if (defaultIfEmpty) attrs.default = defaultIfEmpty;
+	if (options.transformerId?.trim()) attrs.transformerId = options.transformerId.trim();
+	if (options.transformerParams && typeof options.transformerParams === "object") attrs.transformerParams = options.transformerParams;
+	return attrs;
+}
+/**
+* Strip optional inline default from token for lookup: {user:firstName|Guest} -> {user:firstName}.
+* Returns [tokenWithoutDefault, defaultText].
+*/
+function parseTokenWithDefault(tokenValue) {
+	const parsed = parseTokenMetadata(tokenValue);
+	return [parsed.tokenWithoutDefault, parsed.defaultIfEmpty];
+}
+/**
+* Resolve variable tag attrs from a token string (e.g. '{form:name}' or '{user:firstName|Guest}').
+*/
+function resolveVariableTagByValue(tokenValue, topLevelVariables, allVariables) {
+	const { tokenWithoutDefault, defaultIfEmpty, transformerId, transformerParams } = parseTokenMetadata(tokenValue);
+	const exactTopLevel = topLevelVariables.find((v) => {
+		return v.value === tokenWithoutDefault;
+	});
+	if (exactTopLevel) return buildVariableTagAttrs(exactTopLevel, exactTopLevel, {
+		defaultIfEmpty,
+		transformerId,
+		transformerParams
+	});
+	for (const variable of topLevelVariables) {
+		const matchedChild = (Array.isArray(variable.children) ? variable.children : []).find((c) => {
+			return c.value === tokenWithoutDefault;
+		});
+		if (matchedChild) return buildVariableTagAttrs(variable, matchedChild, {
+			defaultIfEmpty,
+			transformerId,
+			transformerParams
+		});
+	}
+	const fallback = allVariables.find((v) => {
+		return v.value === tokenWithoutDefault;
+	});
+	if (fallback) return buildVariableTagAttrs(fallback, fallback, {
+		defaultIfEmpty,
+		transformerId,
+		transformerParams
+	});
+	if (isVariableLikeToken(tokenWithoutDefault)) return {
+		label: buildFallbackLabelForUnknownToken(tokenWithoutDefault),
+		value: tokenWithoutDefault,
+		openOnInsert: false,
+		...defaultIfEmpty ? { default: defaultIfEmpty } : {},
+		...transformerId ? { transformerId } : {},
+		...transformerParams ? { transformerParams } : {}
+	};
+	return null;
+}
+/**
+* Convert string value with {token} placeholders to Tiptap doc content.
+*/
+function valueToContent(value, topLevelVariables, allVariables, trailingCursorText = "​") {
+	if (!value) return null;
+	const content = value.split(/({.*?})/).flatMap((param) => {
+		if (param.includes("{")) {
+			const variable = resolveVariableTagByValue(param, topLevelVariables, allVariables);
+			if (variable) return [{
+				type: "variableTag",
+				attrs: variable
+			}];
+		}
+		if (!param) return [];
+		return [{
+			type: "text",
+			text: param
+		}];
+	});
+	if (trailingCursorText && content.length && content[content.length - 1].type === "variableTag") content.push({
+		type: "text",
+		text: trailingCursorText
+	});
+	return {
+		type: "doc",
+		content
+	};
+}
+/**
+* Convert Tiptap content to string value.
+* Content is typically editor.getJSON().content (array of block/inline nodes).
+*/
+function contentToValue(content) {
+	if (!content) return "";
+	const items = Array.isArray(content) ? content : [];
+	let result = "";
+	const visit = (nodes) => {
+		nodes.forEach((node) => {
+			if (!node || typeof node !== "object") return;
+			const n = node;
+			if (n.type === "paragraph" && Array.isArray(n.content)) visit(n.content);
+			else if (n.type === "text") result += (n.text ?? "").replace(/[\u200B\u2060]/g, "");
+			else if (n.type === "variableTag") {
+				const val = n.attrs?.value ?? "";
+				const def = n.attrs?.default?.trim();
+				const transformerId = n.attrs?.transformerId?.trim();
+				const transformerParams = n.attrs?.transformerParams;
+				result += serializeTokenMetadata(val, {
+					defaultIfEmpty: def,
+					transformerId,
+					transformerParams
+				});
+			}
+		});
+	};
+	visit(items);
+	return result.replace(/[\r\n]+/g, " ");
+}
+/**
+* Replace a range in the editor with a variable tag node.
+* @param editor - Tiptap editor instance
+*/
+function replaceTokenWithVariable(editor, attrs, from, to) {
+	const { state } = editor;
+	const { schema } = state;
+	const variableNode = schema.nodes.variableTag?.create(attrs);
+	if (!variableNode) return;
+	const variableTagExtension = editor.extensionManager.extensions.find((extension) => {
+		return extension.name === "variableTag";
+	});
+	const trailingCursorText = String(variableTagExtension?.options?.trailingCursorText ?? "​");
+	const tr = state.tr.deleteRange(from, to);
+	tr.insert(from, variableNode);
+	if (trailingCursorText) {
+		tr.insert(from + variableNode.nodeSize, schema.text(trailingCursorText));
+		tr.setSelection(TextSelection.create(tr.doc, from + variableNode.nodeSize + trailingCursorText.length));
+	} else tr.setSelection(TextSelection.create(tr.doc, from + variableNode.nodeSize));
+	editor.view.dispatch(tr);
+}
+//#endregion
+export { buildVariableTagAttrs, contentToValue, dedupeVariableOptions, flattenVariableOptions, parseTokenWithDefault, replaceTokenWithVariable, resolveVariableTagByValue, valueToContent };
+
+//# sourceMappingURL=variableSerialization.js.map

package/dist/components/tiptap/variableSerialization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variableSerialization.js","names":[],"sources":["../../../src/components/tiptap/variableSerialization.ts"],"sourcesContent":["/**\n * Shared serialization and variable-tag helpers for Tiptap variable input.\n * Used by TiptapInput and InlineVariableSuggestion.\n */\n\nimport { TextSelection } from '@tiptap/pm/state';\nimport type { Editor, JSONContent } from '@tiptap/core';\nimport type { VariableOption } from './VariableDropdown';\n\nexport type VariableTagAttrs = {\n    label: string;\n    value: string;\n    openOnInsert: boolean;\n    /** Inline default when value is empty (e.g. {user:firstName|Guest}) */\n    default?: string;\n    /** Optional transform id (e.g. \"round\", \"format\"). */\n    transformerId?: string;\n    /** Optional transform params payload. */\n    transformerParams?: Record<string, unknown>;\n};\n\ntype ParsedTokenMetadata = {\n    tokenWithoutDefault: string;\n    defaultIfEmpty?: string;\n    transformerId?: string;\n    transformerParams?: Record<string, unknown>;\n};\n\nconst TRANSFORMER_ID_PREFIX = 'transform=';\n\nfunction parseTokenMetadata(tokenValue: string): ParsedTokenMetadata {\n    const match = tokenValue.match(/^\\{([^}]*)\\}$/);\n    if (!match) {\n        return { tokenWithoutDefault: tokenValue };\n    }\n\n    let body = match[1] ?? '';\n    let defaultIfEmpty: string | undefined;\n\n    if (body.includes('|')) {\n        const split = body.split('|');\n        body = split.shift() ?? '';\n        defaultIfEmpty = split.join('|').trim() || undefined;\n    }\n\n    const segments = body\n        .split(';')\n        .map(part => {\n        return part.trim();\n    })\n        .filter(Boolean);\n\n    const cleanSegments: string[] = [];\n    let transformerId: string | undefined;\n    let transformerParams: Record<string, unknown> | undefined;\n\n    segments.forEach((segment) => {\n        if (segment.startsWith(TRANSFORMER_ID_PREFIX)) {\n            transformerId = decodeURIComponent(segment.slice(TRANSFORMER_ID_PREFIX.length)).trim() || undefined;\n            return;\n        }\n\n        if (segment.includes('=')) {\n            const [keyRaw, ...valueParts] = segment.split('=');\n            const key = (keyRaw ?? '').trim();\n            if (!key) {\n                return;\n            }\n\n            const value = decodeURIComponent(valueParts.join('=').trim());\n            if (!transformerParams) {\n                transformerParams = {};\n            }\n            transformerParams[key] = value;\n            return;\n        }\n\n        cleanSegments.push(segment);\n    });\n\n    const tokenWithoutDefault = `{${cleanSegments.join(';')}}`;\n\n    return {\n        tokenWithoutDefault,\n        defaultIfEmpty,\n        transformerId,\n        transformerParams,\n    };\n}\n\nfunction isVariableLikeToken(tokenValue: string): boolean {\n    return /^\\{[a-zA-Z][a-zA-Z0-9_]*(?::[^}]*)?\\}$/.test(tokenValue);\n}\n\nfunction toTitleWords(value: string): string {\n    return value\n        .replace(/([a-z0-9])([A-Z])/g, '$1 $2')\n        .replace(/[_-]+/g, ' ')\n        .trim()\n        .replace(/\\s+/g, ' ')\n        .replace(/\\b\\w/g, char => {\n        return char.toUpperCase();\n    });\n}\n\nfunction buildFallbackLabelForUnknownToken(tokenWithoutDefault: string): string {\n    const inner = tokenWithoutDefault.replace(/^\\{|\\}$/g, '');\n    const [target = '', identifier = '', selector = ''] = inner.split(':');\n\n    if (target === 'field') {\n        return 'Field';\n    }\n\n    if (target) {\n        const reference = selector || identifier || target;\n        return toTitleWords(reference) || tokenWithoutDefault;\n    }\n\n    return tokenWithoutDefault;\n}\n\nfunction serializeTokenMetadata(\n    baseToken: string,\n    metadata: {\n        defaultIfEmpty?: string;\n        transformerId?: string;\n        transformerParams?: Record<string, unknown>;\n    },\n): string {\n    const baseMatch = baseToken.match(/^\\{([^}]*)\\}$/);\n    if (!baseMatch) {\n        return baseToken;\n    }\n\n    const parts = [baseMatch[1]];\n    const transformerId = metadata.transformerId?.trim();\n\n    if (transformerId) {\n        parts.push(`${TRANSFORMER_ID_PREFIX}${encodeURIComponent(transformerId)}`);\n\n        const params = metadata.transformerParams && typeof metadata.transformerParams === 'object'\n            ? Object.entries(metadata.transformerParams)\n            : [];\n        params.forEach(([key, value]) => {\n            const normalizedKey = String(key ?? '').trim();\n            if (!normalizedKey || normalizedKey === 'transform') {\n                return;\n            }\n\n            const normalizedValue = value == null ? '' : String(value);\n            parts.push(`${normalizedKey}=${encodeURIComponent(normalizedValue)}`);\n        });\n    }\n\n    const tokenBody = parts.filter(Boolean).join(';');\n    const defaultIfEmpty = metadata.defaultIfEmpty?.trim();\n\n    return defaultIfEmpty ? `{${tokenBody}|${defaultIfEmpty}}` : `{${tokenBody}}`;\n}\n\nexport function dedupeVariableOptions(items: VariableOption[]): VariableOption[] {\n    const deduped: VariableOption[] = [];\n    const seen = new Set<string>();\n\n    items.forEach((item) => {\n        const key = String(item?.value ?? '') || `__label:${String(item?.label ?? '')}`;\n        if (seen.has(key)) {\n            return;\n        }\n\n        seen.add(key);\n        deduped.push(item);\n    });\n\n    return deduped;\n}\n\nexport function flattenVariableOptions(items: VariableOption[]): VariableOption[] {\n    const flat: VariableOption[] = [];\n\n    const visit = (nodes: VariableOption[]) => {\n        nodes.forEach((node) => {\n            flat.push(node);\n\n            if (Array.isArray(node.children) && node.children.length > 0) {\n                visit(node.children);\n            }\n        });\n    };\n\n    visit(items);\n    return flat;\n}\n\n/**\n * Build VariableTag attributes from base and selected variable options.\n * Optional defaultIfEmpty is used when the resolved value is empty (e.g. \"Guest\" for {user:firstName|Guest}).\n */\nexport function buildVariableTagAttrs(\n    baseVariable: VariableOption,\n    selectedVariable: VariableOption = baseVariable,\n    options: {\n        openOnInsert?: boolean;\n        defaultIfEmpty?: string;\n        transformerId?: string;\n        transformerParams?: Record<string, unknown>;\n    } = {},\n): VariableTagAttrs {\n    const selectedLabel = selectedVariable?.label ?? baseVariable?.label ?? '';\n    const value = selectedVariable?.value ?? baseVariable?.value ?? '';\n    const defaultIfEmpty = options.defaultIfEmpty?.trim();\n\n    const attrs: VariableTagAttrs = {\n        label: selectedLabel,\n        value,\n        openOnInsert: options.openOnInsert ?? false,\n    };\n    if (defaultIfEmpty) {\n        attrs.default = defaultIfEmpty;\n    }\n    if (options.transformerId?.trim()) {\n        attrs.transformerId = options.transformerId.trim();\n    }\n    if (options.transformerParams && typeof options.transformerParams === 'object') {\n        attrs.transformerParams = options.transformerParams;\n    }\n    return attrs;\n}\n\n/**\n * Strip optional inline default from token for lookup: {user:firstName|Guest} -> {user:firstName}.\n * Returns [tokenWithoutDefault, defaultText].\n */\nexport function parseTokenWithDefault(tokenValue: string): [string, string | undefined] {\n    const parsed = parseTokenMetadata(tokenValue);\n    return [parsed.tokenWithoutDefault, parsed.defaultIfEmpty];\n}\n\n/**\n * Resolve variable tag attrs from a token string (e.g. '{form:name}' or '{user:firstName|Guest}').\n */\nexport function resolveVariableTagByValue(\n    tokenValue: string,\n    topLevelVariables: VariableOption[],\n    allVariables: VariableOption[],\n): VariableTagAttrs | null {\n    const {\n        tokenWithoutDefault,\n        defaultIfEmpty,\n        transformerId,\n        transformerParams,\n    } = parseTokenMetadata(tokenValue);\n\n    const exactTopLevel = topLevelVariables.find(v => {\n        return v.value === tokenWithoutDefault;\n    });\n    if (exactTopLevel) {\n        return buildVariableTagAttrs(exactTopLevel, exactTopLevel, {\n            defaultIfEmpty,\n            transformerId,\n            transformerParams,\n        });\n    }\n\n    for (const variable of topLevelVariables) {\n        const children = Array.isArray(variable.children) ? variable.children : [];\n        const matchedChild = children.find(c => {\n            return c.value === tokenWithoutDefault;\n        });\n        if (matchedChild) {\n            return buildVariableTagAttrs(variable, matchedChild, {\n                defaultIfEmpty,\n                transformerId,\n                transformerParams,\n            });\n        }\n    }\n\n    const fallback = allVariables.find(v => {\n        return v.value === tokenWithoutDefault;\n    });\n    if (fallback) {\n        return buildVariableTagAttrs(fallback, fallback, {\n            defaultIfEmpty,\n            transformerId,\n            transformerParams,\n        });\n    }\n\n    // For dev/HMR, cross-form, and read-only contexts, unresolved variable tokens\n    // should still render as variable tags instead of disappearing while categories load.\n    if (isVariableLikeToken(tokenWithoutDefault)) {\n        return {\n            label: buildFallbackLabelForUnknownToken(tokenWithoutDefault),\n            value: tokenWithoutDefault,\n            openOnInsert: false,\n            ...(defaultIfEmpty ? { default: defaultIfEmpty } : {}),\n            ...(transformerId ? { transformerId } : {}),\n            ...(transformerParams ? { transformerParams } : {}),\n        };\n    }\n\n    return null;\n}\n\n/**\n * Convert string value with {token} placeholders to Tiptap doc content.\n */\nexport function valueToContent(\n    value: string,\n    topLevelVariables: VariableOption[],\n    allVariables: VariableOption[],\n    trailingCursorText = '\\u200B',\n): JSONContent | null {\n    if (!value) {\n        return null;\n    }\n\n    const parts = value.split(/({.*?})/);\n    type ContentNode = NonNullable<JSONContent['content']>[number];\n    const content: ContentNode[] = parts.flatMap((param): ContentNode[] => {\n        if (param.includes('{')) {\n            const variable = resolveVariableTagByValue(param, topLevelVariables, allVariables);\n            if (variable) {\n                return [{ type: 'variableTag', attrs: variable }];\n            }\n\n        }\n        if (!param) {\n            return [];\n        }\n        return [{ type: 'text', text: param }];\n    });\n\n    if (trailingCursorText && content.length && (content[content.length - 1] as { type?: string }).type === 'variableTag') {\n        content.push({ type: 'text', text: trailingCursorText });\n    }\n\n    return { type: 'doc', content };\n}\n\n/**\n * Convert Tiptap content to string value.\n * Content is typically editor.getJSON().content (array of block/inline nodes).\n */\nexport function contentToValue(content: unknown): string {\n    if (!content) {\n        return '';\n    }\n\n    const items = Array.isArray(content) ? content : [];\n    let result = '';\n\n    const visit = (nodes: unknown[]) => {\n        nodes.forEach((node) => {\n            if (!node || typeof node !== 'object') {\n                return;\n            }\n            const n = node as {\n                type?: string;\n                content?: unknown[];\n                text?: string;\n                attrs?: {\n                    value?: string;\n                    default?: string;\n                    transformerId?: string;\n                    transformerParams?: Record<string, unknown>;\n                };\n            };\n            if (n.type === 'paragraph' && Array.isArray(n.content)) {\n                visit(n.content);\n            } else if (n.type === 'text') {\n                result += (n.text ?? '').replace(/[\\u200B\\u2060]/g, '');\n            } else if (n.type === 'variableTag') {\n                const val = n.attrs?.value ?? '';\n                const def = n.attrs?.default?.trim();\n                const transformerId = n.attrs?.transformerId?.trim();\n                const transformerParams = n.attrs?.transformerParams;\n                result += serializeTokenMetadata(val, {\n                    defaultIfEmpty: def,\n                    transformerId,\n                    transformerParams,\n                });\n            }\n        });\n    };\n\n    visit(items);\n    return result.replace(/[\\r\\n]+/g, ' ');\n}\n\n/**\n * Replace a range in the editor with a variable tag node.\n * @param editor - Tiptap editor instance\n */\nexport function replaceTokenWithVariable(\n    editor: Editor,\n    attrs: VariableTagAttrs,\n    from: number,\n    to: number,\n): void {\n    const { state } = editor;\n    const { schema } = state;\n    const variableNode = schema.nodes.variableTag?.create(attrs);\n    if (!variableNode) {\n        return;\n    }\n\n    const variableTagExtension = editor.extensionManager.extensions.find((extension) => {\n        return extension.name === 'variableTag';\n    });\n    const trailingCursorText = String(variableTagExtension?.options?.trailingCursorText ?? '\\u200B');\n    const tr = state.tr.deleteRange(from, to);\n    tr.insert(from, variableNode);\n    if (trailingCursorText) {\n        tr.insert(from + variableNode.nodeSize, schema.text(trailingCursorText));\n        tr.setSelection(TextSelection.create(tr.doc, from + variableNode.nodeSize + trailingCursorText.length));\n    } else {\n        tr.setSelection(TextSelection.create(tr.doc, from + variableNode.nodeSize));\n    }\n    editor.view.dispatch(tr);\n}\n"],"mappings":"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"}

package/dist/css/core.css

@@ -0,0 +1,288 @@
+@layer dnd-kit, base, components, utilities;
+
+@import 'tailwindcss';
+@import 'tw-animate-css';
+
+@theme {
+    /* Use a custom colour pallette to match Craft's */
+    /* We're also hard-coding this to prevent any sudden changes to Craft's styles */
+    --color-*: initial;
+
+    --color-white: #fff;
+    --color-black: #000;
+
+    --color-link: #2563eb;
+    --color-error: #d81f23;
+    --color-success: var(--color-teal-700);
+    --color-warning: var(--color-amber-700);
+
+    --color-gray-50: hsl(212, 60%, 97%);
+    --color-gray-100: hsl(212, 50%, 93%);
+    --color-gray-150: hsl(212, 40%, 89%);
+    --color-gray-200: hsl(212, 30%, 85%);
+    --color-gray-250: hsl(211, 20%, 75%);
+    --color-gray-300: hsl(211, 13%, 65%);
+    --color-gray-350: hsl(211, 11%, 59%);
+    --color-gray-400: hsl(210, 10%, 53%);
+    --color-gray-500: hsl(211, 12%, 43%);
+    --color-gray-550: hsl(210, 13%, 40%);
+    --color-gray-600: hsl(209, 14%, 37%);
+    --color-gray-700: hsl(209, 18%, 30%);
+    --color-gray-800: hsl(209, 20%, 25%);
+    --color-gray-900: hsl(210, 24%, 16%);
+    --color-gray-1000: hsl(210, 24%, 10%);
+
+    --color-slate-50: rgba(96, 125, 159, 0.05);
+    --color-slate-100: rgba(96, 125, 159, 0.1);
+    --color-slate-150: rgba(96, 125, 159, 0.15);
+    --color-slate-200: rgba(96, 125, 159, 0.2);
+    --color-slate-250: rgba(96, 125, 159, 0.25);
+    --color-slate-300: rgba(96, 125, 159, 0.3);
+    --color-slate-350: rgba(96, 125, 159, 0.35);
+    --color-slate-400: rgba(96, 125, 159, 0.4);
+    --color-slate-500: rgba(96, 125, 159, 0.5);
+    --color-slate-550: rgba(96, 125, 159, 0.55);
+    --color-slate-600: rgba(96, 125, 159, 0.6);
+    --color-slate-700: rgba(96, 125, 159, 0.7);
+    --color-slate-800: rgba(96, 125, 159, 0.8);
+    --color-slate-900: rgba(96, 125, 159, 0.9);
+    --color-slate-1000: rgba(96, 125, 159, 1.0);
+
+    --color-red-50: #fef2f2;
+    --color-red-100: #fee2e2;
+    --color-red-200: #fecaca;
+    --color-red-300: #fca5a5;
+    --color-red-400: #f87171;
+    --color-red-500: #ef4444;
+    --color-red-600: #dc2626;
+    --color-red-700: #b91c1c;
+    --color-red-800: #991b1b;
+    --color-red-900: #7f1d1d;
+    --color-red-950: #450a0a;
+
+    --color-orange-50: #fff7ed;
+    --color-orange-100: #ffedd5;
+    --color-orange-200: #fed7aa;
+    --color-orange-300: #fdba74;
+    --color-orange-400: #fb923c;
+    --color-orange-500: #f97316;
+    --color-orange-600: #ea580c;
+    --color-orange-700: #c2410c;
+    --color-orange-800: #9a3412;
+    --color-orange-900: #7c2d12;
+    --color-orange-950: #431407;
+
+    --color-amber-50: #fffbeb;
+    --color-amber-100: #fef3c7;
+    --color-amber-200: #fde68a;
+    --color-amber-300: #fcd34d;
+    --color-amber-400: #fbbf24;
+    --color-amber-500: #f59e0b;
+    --color-amber-600: #d97706;
+    --color-amber-700: #b45309;
+    --color-amber-800: #92400e;
+    --color-amber-900: #78350f;
+    --color-amber-950: #451a03;
+
+    --color-yellow-50: #fefce8;
+    --color-yellow-100: #fef9c3;
+    --color-yellow-200: #fef08a;
+    --color-yellow-300: #fde047;
+    --color-yellow-400: #facc15;
+    --color-yellow-500: #eab308;
+    --color-yellow-600: #ca8a04;
+    --color-yellow-700: #a16207;
+    --color-yellow-750: #93580b;
+    --color-yellow-800: #854d0e;
+    --color-yellow-900: #713f12;
+    --color-yellow-950: #422006;
+
+    --color-lime-50: #f7fee7;
+    --color-lime-100: #ecfccb;
+    --color-lime-200: #d9f99d;
+    --color-lime-300: #bef264;
+    --color-lime-400: #a3e635;
+    --color-lime-500: #84cc16;
+    --color-lime-600: #65a30d;
+    --color-lime-700: #4d7c0f;
+    --color-lime-800: #3f6212;
+    --color-lime-900: #365314;
+    --color-lime-950: #1a2e05;
+
+    --color-green-050: #f0fdf4;
+    --color-green-100: #dcfce7;
+    --color-green-200: #bbf7d0;
+    --color-green-300: #86efac;
+    --color-green-400: #4ade80;
+    --color-green-500: #22c55e;
+    --color-green-600: #16a34a;
+    --color-green-700: #15803d;
+    --color-green-800: #166534;
+    --color-green-900: #14532d;
+    --color-green-950: #052e16;
+
+    --color-emerald-50: #ecfdf5;
+    --color-emerald-100: #d1fae5;
+    --color-emerald-200: #a7f3d0;
+    --color-emerald-300: #6ee7b7;
+    --color-emerald-400: #34d399;
+    --color-emerald-500: #10b981;
+    --color-emerald-600: #059669;
+    --color-emerald-700: #047857;
+    --color-emerald-800: #065f46;
+    --color-emerald-900: #064e3b;
+    --color-emerald-950: #022c22;
+
+    --color-teal-50: #f0fdfa;
+    --color-teal-100: #ccfbf1;
+    --color-teal-200: #99f6e4;
+    --color-teal-300: #5eead4;
+    --color-teal-400: #2dd4bf;
+    --color-teal-500: #14b8a6;
+    --color-teal-550: #11a697;
+    --color-teal-600: #0d9488;
+    --color-teal-700: #0f766e;
+    --color-teal-800: #115e59;
+    --color-teal-900: #134e4a;
+    --color-teal-950: #042f2e;
+
+    --color-cyan-50: #ecfeff;
+    --color-cyan-100: #cffafe;
+    --color-cyan-200: #a5f3fc;
+    --color-cyan-300: #67e8f9;
+    --color-cyan-400: #22d3ee;
+    --color-cyan-500: #06b6d4;
+    --color-cyan-600: #0891b2;
+    --color-cyan-700: #0e7490;
+    --color-cyan-800: #155e75;
+    --color-cyan-900: #164e63;
+    --color-cyan-950: #083344;
+
+    --color-sky-50: #f0f9ff;
+    --color-sky-100: #e0f2fe;
+    --color-sky-200: #bae6fd;
+    --color-sky-300: #7dd3fc;
+    --color-sky-400: #38bdf8;
+    --color-sky-500: #0ea5e9;
+    --color-sky-600: #0284c7;
+    --color-sky-700: #0369a1;
+    --color-sky-800: #075985;
+    --color-sky-900: #0c4a6e;
+    --color-sky-950: #082f49;
+
+    --color-blue-50: #eff6ff;
+    --color-blue-100: #dbeafe;
+    --color-blue-200: #bfdbfe;
+    --color-blue-300: #93c5fd;
+    --color-blue-400: #60a5fa;
+    --color-blue-500: #3b82f6;
+    --color-blue-600: #2563eb;
+    --color-blue-700: #1d4ed8;
+    --color-blue-800: #1e40af;
+    --color-blue-900: #1e3a8a;
+    --color-blue-950: #172554;
+
+    --color-indigo-50: #eef2ff;
+    --color-indigo-100: #e0e7ff;
+    --color-indigo-200: #c7d2fe;
+    --color-indigo-300: #a5b4fc;
+    --color-indigo-400: #818cf8;
+    --color-indigo-500: #6366f1;
+    --color-indigo-600: #4f46e5;
+    --color-indigo-700: #4338ca;
+    --color-indigo-800: #3730a3;
+    --color-indigo-900: #312e81;
+    --color-indigo-950: #1e1b4b;
+
+    --color-violet-50: #f5f3ff;
+    --color-violet-100: #ede9fe;
+    --color-violet-200: #ddd6fe;
+    --color-violet-300: #c4b5fd;
+    --color-violet-400: #a78bfa;
+    --color-violet-500: #8b5cf6;
+    --color-violet-600: #7c3aed;
+    --color-violet-700: #6d28d9;
+    --color-violet-800: #5b21b6;
+    --color-violet-900: #4c1d95;
+    --color-violet-950: #2e1065;
+
+    --color-purple-50: #faf5ff;
+    --color-purple-100: #f3e8ff;
+    --color-purple-200: #e9d5ff;
+    --color-purple-300: #d8b4fe;
+    --color-purple-400: #c084fc;
+    --color-purple-500: #a855f7;
+    --color-purple-600: #9333ea;
+    --color-purple-700: #7e22ce;
+    --color-purple-800: #6b21a8;
+    --color-purple-900: #581c87;
+    --color-purple-950: #3b0764;
+
+    --color-fuchsia-50: #fdf4ff;
+    --color-fuchsia-100: #fae8ff;
+    --color-fuchsia-200: #f5d0fe;
+    --color-fuchsia-300: #f0abfc;
+    --color-fuchsia-400: #e879f9;
+    --color-fuchsia-500: #d946ef;
+    --color-fuchsia-600: #c026d3;
+    --color-fuchsia-700: #a21caf;
+    --color-fuchsia-800: #86198f;
+    --color-fuchsia-900: #701a75;
+    --color-fuchsia-950: #4a044e;
+
+    --color-pink-50: #fdf2f8;
+    --color-pink-100: #fce7f3;
+    --color-pink-200: #fbcfe8;
+    --color-pink-300: #f9a8d4;
+    --color-pink-400: #f472b6;
+    --color-pink-500: #ec4899;
+    --color-pink-600: #db2777;
+    --color-pink-700: #be185d;
+    --color-pink-800: #9d174d;
+    --color-pink-900: #831843;
+    --color-pink-950: #500724;
+
+    --color-rose-50: #fff1f2;
+    --color-rose-100: #ffe4e6;
+    --color-rose-200: #fecdd3;
+    --color-rose-300: #fda4af;
+    --color-rose-400: #fb7185;
+    --color-rose-500: #f43f5e;
+    --color-rose-600: #e11d48;
+    --color-rose-700: #be123c;
+    --color-rose-800: #9f1239;
+    --color-rose-900: #881337;
+    --color-rose-950: #4c0519;
+
+    --radius-xs: 2px;
+    --radius-sm: 3px;
+    --radius-md: 4px;
+    --radius-lg: 5px;
+
+    --animate-spin: spin 0.5s linear infinite;
+
+    --shadow-modal: 0 0 0 1px color-mix(in oklab, var(--color-gray-400) 25%, transparent), 0 25px 100px color-mix(in oklab, var(--color-gray-900) 50%, transparent);
+}
+
+hr {
+    @apply border-gray-100 my-1;
+}
+
+.rdp-month_grid {
+
+    /* Reset Craft table styles */
+    &:not(.data) td:not(:last-child),
+    &:not(.data) th:not(:last-child) {
+        padding-inline-end: 0 !important;
+    }
+
+    &:not(.data) td:not(:first-child),
+    &:not(.data) th:not(:first-child) {
+        padding-inline-start: 0 !important;
+    }
+
+    &:not(.data) td,
+    &:not(.data) th {
+        padding-block: 0 !important;
+    }
+}