@lssm/example.learning-journey-ui-onboarding 0.0.0-canary-20251216035145 → 0.0.0-canary-20251216062412

package/dist/JourneyMap-iX1Y4ZFM.mjs

@@ -0,0 +1,2033 @@
+import { Button } from "@lssm/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region ../../../node_modules/clsx/dist/clsx.mjs
+function r(e) {
+	var t, f, n = "";
+	if ("string" == typeof e || "number" == typeof e) n += e;
+	else if ("object" == typeof e) if (Array.isArray(e)) {
+		var o = e.length;
+		for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+	} else for (f in e) e[f] && (n && (n += " "), n += f);
+	return n;
+}
+function clsx() {
+	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+	return n;
+}
+
+//#endregion
+//#region ../../../node_modules/tailwind-merge/dist/bundle-mjs.mjs
+/**
+* Concatenates two arrays faster than the array spread operator.
+*/
+const concatArrays = (array1, array2) => {
+	const combinedArray = new Array(array1.length + array2.length);
+	for (let i = 0; i < array1.length; i++) combinedArray[i] = array1[i];
+	for (let i = 0; i < array2.length; i++) combinedArray[array1.length + i] = array2[i];
+	return combinedArray;
+};
+const createClassValidatorObject = (classGroupId, validator) => ({
+	classGroupId,
+	validator
+});
+const createClassPartObject = (nextPart = /* @__PURE__ */ new Map(), validators = null, classGroupId) => ({
+	nextPart,
+	validators,
+	classGroupId
+});
+const CLASS_PART_SEPARATOR = "-";
+const EMPTY_CONFLICTS = [];
+const ARBITRARY_PROPERTY_PREFIX = "arbitrary..";
+const createClassGroupUtils = (config) => {
+	const classMap = createClassMap(config);
+	const { conflictingClassGroups, conflictingClassGroupModifiers } = config;
+	const getClassGroupId = (className) => {
+		if (className.startsWith("[") && className.endsWith("]")) return getGroupIdForArbitraryProperty(className);
+		const classParts = className.split(CLASS_PART_SEPARATOR);
+		return getGroupRecursive(classParts, classParts[0] === "" && classParts.length > 1 ? 1 : 0, classMap);
+	};
+	const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
+		if (hasPostfixModifier) {
+			const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
+			const baseConflicts = conflictingClassGroups[classGroupId];
+			if (modifierConflicts) {
+				if (baseConflicts) return concatArrays(baseConflicts, modifierConflicts);
+				return modifierConflicts;
+			}
+			return baseConflicts || EMPTY_CONFLICTS;
+		}
+		return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
+	};
+	return {
+		getClassGroupId,
+		getConflictingClassGroupIds
+	};
+};
+const getGroupRecursive = (classParts, startIndex, classPartObject) => {
+	if (classParts.length - startIndex === 0) return classPartObject.classGroupId;
+	const currentClassPart = classParts[startIndex];
+	const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
+	if (nextClassPartObject) {
+		const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);
+		if (result) return result;
+	}
+	const validators = classPartObject.validators;
+	if (validators === null) return;
+	const classRest = startIndex === 0 ? classParts.join(CLASS_PART_SEPARATOR) : classParts.slice(startIndex).join(CLASS_PART_SEPARATOR);
+	const validatorsLength = validators.length;
+	for (let i = 0; i < validatorsLength; i++) {
+		const validatorObj = validators[i];
+		if (validatorObj.validator(classRest)) return validatorObj.classGroupId;
+	}
+};
+/**
+* Get the class group ID for an arbitrary property.
+*
+* @param className - The class name to get the group ID for. Is expected to be string starting with `[` and ending with `]`.
+*/
+const getGroupIdForArbitraryProperty = (className) => className.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+	const content = className.slice(1, -1);
+	const colonIndex = content.indexOf(":");
+	const property = content.slice(0, colonIndex);
+	return property ? ARBITRARY_PROPERTY_PREFIX + property : void 0;
+})();
+/**
+* Exported for testing only
+*/
+const createClassMap = (config) => {
+	const { theme, classGroups } = config;
+	return processClassGroups(classGroups, theme);
+};
+const processClassGroups = (classGroups, theme) => {
+	const classMap = createClassPartObject();
+	for (const classGroupId in classGroups) {
+		const group = classGroups[classGroupId];
+		processClassesRecursively(group, classMap, classGroupId, theme);
+	}
+	return classMap;
+};
+const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
+	const len = classGroup.length;
+	for (let i = 0; i < len; i++) {
+		const classDefinition = classGroup[i];
+		processClassDefinition(classDefinition, classPartObject, classGroupId, theme);
+	}
+};
+const processClassDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
+	if (typeof classDefinition === "string") {
+		processStringDefinition(classDefinition, classPartObject, classGroupId);
+		return;
+	}
+	if (typeof classDefinition === "function") {
+		processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme);
+		return;
+	}
+	processObjectDefinition(classDefinition, classPartObject, classGroupId, theme);
+};
+const processStringDefinition = (classDefinition, classPartObject, classGroupId) => {
+	const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
+	classPartObjectToEdit.classGroupId = classGroupId;
+};
+const processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
+	if (isThemeGetter(classDefinition)) {
+		processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
+		return;
+	}
+	if (classPartObject.validators === null) classPartObject.validators = [];
+	classPartObject.validators.push(createClassValidatorObject(classGroupId, classDefinition));
+};
+const processObjectDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
+	const entries = Object.entries(classDefinition);
+	const len = entries.length;
+	for (let i = 0; i < len; i++) {
+		const [key, value] = entries[i];
+		processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme);
+	}
+};
+const getPart = (classPartObject, path) => {
+	let current = classPartObject;
+	const parts = path.split(CLASS_PART_SEPARATOR);
+	const len = parts.length;
+	for (let i = 0; i < len; i++) {
+		const part = parts[i];
+		let next = current.nextPart.get(part);
+		if (!next) {
+			next = createClassPartObject();
+			current.nextPart.set(part, next);
+		}
+		current = next;
+	}
+	return current;
+};
+const isThemeGetter = (func) => "isThemeGetter" in func && func.isThemeGetter === true;
+const createLruCache = (maxCacheSize) => {
+	if (maxCacheSize < 1) return {
+		get: () => void 0,
+		set: () => {}
+	};
+	let cacheSize = 0;
+	let cache = Object.create(null);
+	let previousCache = Object.create(null);
+	const update = (key, value) => {
+		cache[key] = value;
+		cacheSize++;
+		if (cacheSize > maxCacheSize) {
+			cacheSize = 0;
+			previousCache = cache;
+			cache = Object.create(null);
+		}
+	};
+	return {
+		get(key) {
+			let value = cache[key];
+			if (value !== void 0) return value;
+			if ((value = previousCache[key]) !== void 0) {
+				update(key, value);
+				return value;
+			}
+		},
+		set(key, value) {
+			if (key in cache) cache[key] = value;
+			else update(key, value);
+		}
+	};
+};
+const IMPORTANT_MODIFIER = "!";
+const MODIFIER_SEPARATOR = ":";
+const EMPTY_MODIFIERS = [];
+const createResultObject = (modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition, isExternal) => ({
+	modifiers,
+	hasImportantModifier,
+	baseClassName,
+	maybePostfixModifierPosition,
+	isExternal
+});
+const createParseClassName = (config) => {
+	const { prefix, experimentalParseClassName } = config;
+	/**
+	* Parse class name into parts.
+	*
+	* Inspired by `splitAtTopLevelOnly` used in Tailwind CSS
+	* @see https://github.com/tailwindlabs/tailwindcss/blob/v3.2.2/src/util/splitAtTopLevelOnly.js
+	*/
+	let parseClassName = (className) => {
+		const modifiers = [];
+		let bracketDepth = 0;
+		let parenDepth = 0;
+		let modifierStart = 0;
+		let postfixModifierPosition;
+		const len = className.length;
+		for (let index = 0; index < len; index++) {
+			const currentCharacter = className[index];
+			if (bracketDepth === 0 && parenDepth === 0) {
+				if (currentCharacter === MODIFIER_SEPARATOR) {
+					modifiers.push(className.slice(modifierStart, index));
+					modifierStart = index + 1;
+					continue;
+				}
+				if (currentCharacter === "/") {
+					postfixModifierPosition = index;
+					continue;
+				}
+			}
+			if (currentCharacter === "[") bracketDepth++;
+			else if (currentCharacter === "]") bracketDepth--;
+			else if (currentCharacter === "(") parenDepth++;
+			else if (currentCharacter === ")") parenDepth--;
+		}
+		const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.slice(modifierStart);
+		let baseClassName = baseClassNameWithImportantModifier;
+		let hasImportantModifier = false;
+		if (baseClassNameWithImportantModifier.endsWith(IMPORTANT_MODIFIER)) {
+			baseClassName = baseClassNameWithImportantModifier.slice(0, -1);
+			hasImportantModifier = true;
+		} else if (baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER)) {
+			baseClassName = baseClassNameWithImportantModifier.slice(1);
+			hasImportantModifier = true;
+		}
+		const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
+		return createResultObject(modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition);
+	};
+	if (prefix) {
+		const fullPrefix = prefix + MODIFIER_SEPARATOR;
+		const parseClassNameOriginal = parseClassName;
+		parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.slice(fullPrefix.length)) : createResultObject(EMPTY_MODIFIERS, false, className, void 0, true);
+	}
+	if (experimentalParseClassName) {
+		const parseClassNameOriginal = parseClassName;
+		parseClassName = (className) => experimentalParseClassName({
+			className,
+			parseClassName: parseClassNameOriginal
+		});
+	}
+	return parseClassName;
+};
+/**
+* Sorts modifiers according to following schema:
+* - Predefined modifiers are sorted alphabetically
+* - When an arbitrary variant appears, it must be preserved which modifiers are before and after it
+*/
+const createSortModifiers = (config) => {
+	const modifierWeights = /* @__PURE__ */ new Map();
+	config.orderSensitiveModifiers.forEach((mod, index) => {
+		modifierWeights.set(mod, 1e6 + index);
+	});
+	return (modifiers) => {
+		const result = [];
+		let currentSegment = [];
+		for (let i = 0; i < modifiers.length; i++) {
+			const modifier = modifiers[i];
+			const isArbitrary = modifier[0] === "[";
+			const isOrderSensitive = modifierWeights.has(modifier);
+			if (isArbitrary || isOrderSensitive) {
+				if (currentSegment.length > 0) {
+					currentSegment.sort();
+					result.push(...currentSegment);
+					currentSegment = [];
+				}
+				result.push(modifier);
+			} else currentSegment.push(modifier);
+		}
+		if (currentSegment.length > 0) {
+			currentSegment.sort();
+			result.push(...currentSegment);
+		}
+		return result;
+	};
+};
+const createConfigUtils = (config) => ({
+	cache: createLruCache(config.cacheSize),
+	parseClassName: createParseClassName(config),
+	sortModifiers: createSortModifiers(config),
+	...createClassGroupUtils(config)
+});
+const SPLIT_CLASSES_REGEX = /\s+/;
+const mergeClassList = (classList, configUtils) => {
+	const { parseClassName, getClassGroupId, getConflictingClassGroupIds, sortModifiers } = configUtils;
+	/**
+	* Set of classGroupIds in following format:
+	* `{importantModifier}{variantModifiers}{classGroupId}`
+	* @example 'float'
+	* @example 'hover:focus:bg-color'
+	* @example 'md:!pr'
+	*/
+	const classGroupsInConflict = [];
+	const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
+	let result = "";
+	for (let index = classNames.length - 1; index >= 0; index -= 1) {
+		const originalClassName = classNames[index];
+		const { isExternal, modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition } = parseClassName(originalClassName);
+		if (isExternal) {
+			result = originalClassName + (result.length > 0 ? " " + result : result);
+			continue;
+		}
+		let hasPostfixModifier = !!maybePostfixModifierPosition;
+		let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
+		if (!classGroupId) {
+			if (!hasPostfixModifier) {
+				result = originalClassName + (result.length > 0 ? " " + result : result);
+				continue;
+			}
+			classGroupId = getClassGroupId(baseClassName);
+			if (!classGroupId) {
+				result = originalClassName + (result.length > 0 ? " " + result : result);
+				continue;
+			}
+			hasPostfixModifier = false;
+		}
+		const variantModifier = modifiers.length === 0 ? "" : modifiers.length === 1 ? modifiers[0] : sortModifiers(modifiers).join(":");
+		const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
+		const classId = modifierId + classGroupId;
+		if (classGroupsInConflict.indexOf(classId) > -1) continue;
+		classGroupsInConflict.push(classId);
+		const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
+		for (let i = 0; i < conflictGroups.length; ++i) {
+			const group = conflictGroups[i];
+			classGroupsInConflict.push(modifierId + group);
+		}
+		result = originalClassName + (result.length > 0 ? " " + result : result);
+	}
+	return result;
+};
+/**
+* The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better.
+*
+* Specifically:
+* - Runtime code from https://github.com/lukeed/clsx/blob/v1.2.1/src/index.js
+* - TypeScript types from https://github.com/lukeed/clsx/blob/v1.2.1/clsx.d.ts
+*
+* Original code has MIT license: Copyright (c) Luke Edwards <luke.edwards05@gmail.com> (lukeed.com)
+*/
+const twJoin = (...classLists) => {
+	let index = 0;
+	let argument;
+	let resolvedValue;
+	let string = "";
+	while (index < classLists.length) if (argument = classLists[index++]) {
+		if (resolvedValue = toValue(argument)) {
+			string && (string += " ");
+			string += resolvedValue;
+		}
+	}
+	return string;
+};
+const toValue = (mix) => {
+	if (typeof mix === "string") return mix;
+	let resolvedValue;
+	let string = "";
+	for (let k = 0; k < mix.length; k++) if (mix[k]) {
+		if (resolvedValue = toValue(mix[k])) {
+			string && (string += " ");
+			string += resolvedValue;
+		}
+	}
+	return string;
+};
+const createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
+	let configUtils;
+	let cacheGet;
+	let cacheSet;
+	let functionToCall;
+	const initTailwindMerge = (classList) => {
+		configUtils = createConfigUtils(createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst()));
+		cacheGet = configUtils.cache.get;
+		cacheSet = configUtils.cache.set;
+		functionToCall = tailwindMerge;
+		return tailwindMerge(classList);
+	};
+	const tailwindMerge = (classList) => {
+		const cachedResult = cacheGet(classList);
+		if (cachedResult) return cachedResult;
+		const result = mergeClassList(classList, configUtils);
+		cacheSet(classList, result);
+		return result;
+	};
+	functionToCall = initTailwindMerge;
+	return (...args) => functionToCall(twJoin(...args));
+};
+const fallbackThemeArr = [];
+const fromTheme = (key) => {
+	const themeGetter = (theme) => theme[key] || fallbackThemeArr;
+	themeGetter.isThemeGetter = true;
+	return themeGetter;
+};
+const arbitraryValueRegex = /^\[(?:(\w[\w-]*):)?(.+)\]$/i;
+const arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i;
+const fractionRegex = /^\d+\/\d+$/;
+const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
+const lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
+const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/;
+const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
+const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
+const isFraction = (value) => fractionRegex.test(value);
+const isNumber = (value) => !!value && !Number.isNaN(Number(value));
+const isInteger = (value) => !!value && Number.isInteger(Number(value));
+const isPercent = (value) => value.endsWith("%") && isNumber(value.slice(0, -1));
+const isTshirtSize = (value) => tshirtUnitRegex.test(value);
+const isAny = () => true;
+const isLengthOnly = (value) => lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
+const isNever = () => false;
+const isShadow = (value) => shadowRegex.test(value);
+const isImage = (value) => imageRegex.test(value);
+const isAnyNonArbitrary = (value) => !isArbitraryValue(value) && !isArbitraryVariable(value);
+const isArbitrarySize = (value) => getIsArbitraryValue(value, isLabelSize, isNever);
+const isArbitraryValue = (value) => arbitraryValueRegex.test(value);
+const isArbitraryLength = (value) => getIsArbitraryValue(value, isLabelLength, isLengthOnly);
+const isArbitraryNumber = (value) => getIsArbitraryValue(value, isLabelNumber, isNumber);
+const isArbitraryPosition = (value) => getIsArbitraryValue(value, isLabelPosition, isNever);
+const isArbitraryImage = (value) => getIsArbitraryValue(value, isLabelImage, isImage);
+const isArbitraryShadow = (value) => getIsArbitraryValue(value, isLabelShadow, isShadow);
+const isArbitraryVariable = (value) => arbitraryVariableRegex.test(value);
+const isArbitraryVariableLength = (value) => getIsArbitraryVariable(value, isLabelLength);
+const isArbitraryVariableFamilyName = (value) => getIsArbitraryVariable(value, isLabelFamilyName);
+const isArbitraryVariablePosition = (value) => getIsArbitraryVariable(value, isLabelPosition);
+const isArbitraryVariableSize = (value) => getIsArbitraryVariable(value, isLabelSize);
+const isArbitraryVariableImage = (value) => getIsArbitraryVariable(value, isLabelImage);
+const isArbitraryVariableShadow = (value) => getIsArbitraryVariable(value, isLabelShadow, true);
+const getIsArbitraryValue = (value, testLabel, testValue) => {
+	const result = arbitraryValueRegex.exec(value);
+	if (result) {
+		if (result[1]) return testLabel(result[1]);
+		return testValue(result[2]);
+	}
+	return false;
+};
+const getIsArbitraryVariable = (value, testLabel, shouldMatchNoLabel = false) => {
+	const result = arbitraryVariableRegex.exec(value);
+	if (result) {
+		if (result[1]) return testLabel(result[1]);
+		return shouldMatchNoLabel;
+	}
+	return false;
+};
+const isLabelPosition = (label) => label === "position" || label === "percentage";
+const isLabelImage = (label) => label === "image" || label === "url";
+const isLabelSize = (label) => label === "length" || label === "size" || label === "bg-size";
+const isLabelLength = (label) => label === "length";
+const isLabelNumber = (label) => label === "number";
+const isLabelFamilyName = (label) => label === "family-name";
+const isLabelShadow = (label) => label === "shadow";
+const getDefaultConfig = () => {
+	/**
+	* Theme getters for theme variable namespaces
+	* @see https://tailwindcss.com/docs/theme#theme-variable-namespaces
+	*/
+	const themeColor = fromTheme("color");
+	const themeFont = fromTheme("font");
+	const themeText = fromTheme("text");
+	const themeFontWeight = fromTheme("font-weight");
+	const themeTracking = fromTheme("tracking");
+	const themeLeading = fromTheme("leading");
+	const themeBreakpoint = fromTheme("breakpoint");
+	const themeContainer = fromTheme("container");
+	const themeSpacing = fromTheme("spacing");
+	const themeRadius = fromTheme("radius");
+	const themeShadow = fromTheme("shadow");
+	const themeInsetShadow = fromTheme("inset-shadow");
+	const themeTextShadow = fromTheme("text-shadow");
+	const themeDropShadow = fromTheme("drop-shadow");
+	const themeBlur = fromTheme("blur");
+	const themePerspective = fromTheme("perspective");
+	const themeAspect = fromTheme("aspect");
+	const themeEase = fromTheme("ease");
+	const themeAnimate = fromTheme("animate");
+	/**
+	* Helpers to avoid repeating the same scales
+	*
+	* We use functions that create a new array every time they're called instead of static arrays.
+	* This ensures that users who modify any scale by mutating the array (e.g. with `array.push(element)`) don't accidentally mutate arrays in other parts of the config.
+	*/
+	const scaleBreak = () => [
+		"auto",
+		"avoid",
+		"all",
+		"avoid-page",
+		"page",
+		"left",
+		"right",
+		"column"
+	];
+	const scalePosition = () => [
+		"center",
+		"top",
+		"bottom",
+		"left",
+		"right",
+		"top-left",
+		"left-top",
+		"top-right",
+		"right-top",
+		"bottom-right",
+		"right-bottom",
+		"bottom-left",
+		"left-bottom"
+	];
+	const scalePositionWithArbitrary = () => [
+		...scalePosition(),
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleOverflow = () => [
+		"auto",
+		"hidden",
+		"clip",
+		"visible",
+		"scroll"
+	];
+	const scaleOverscroll = () => [
+		"auto",
+		"contain",
+		"none"
+	];
+	const scaleUnambiguousSpacing = () => [
+		isArbitraryVariable,
+		isArbitraryValue,
+		themeSpacing
+	];
+	const scaleInset = () => [
+		isFraction,
+		"full",
+		"auto",
+		...scaleUnambiguousSpacing()
+	];
+	const scaleGridTemplateColsRows = () => [
+		isInteger,
+		"none",
+		"subgrid",
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleGridColRowStartAndEnd = () => [
+		"auto",
+		{ span: [
+			"full",
+			isInteger,
+			isArbitraryVariable,
+			isArbitraryValue
+		] },
+		isInteger,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleGridColRowStartOrEnd = () => [
+		isInteger,
+		"auto",
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleGridAutoColsRows = () => [
+		"auto",
+		"min",
+		"max",
+		"fr",
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleAlignPrimaryAxis = () => [
+		"start",
+		"end",
+		"center",
+		"between",
+		"around",
+		"evenly",
+		"stretch",
+		"baseline",
+		"center-safe",
+		"end-safe"
+	];
+	const scaleAlignSecondaryAxis = () => [
+		"start",
+		"end",
+		"center",
+		"stretch",
+		"center-safe",
+		"end-safe"
+	];
+	const scaleMargin = () => ["auto", ...scaleUnambiguousSpacing()];
+	const scaleSizing = () => [
+		isFraction,
+		"auto",
+		"full",
+		"dvw",
+		"dvh",
+		"lvw",
+		"lvh",
+		"svw",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...scaleUnambiguousSpacing()
+	];
+	const scaleColor = () => [
+		themeColor,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleBgPosition = () => [
+		...scalePosition(),
+		isArbitraryVariablePosition,
+		isArbitraryPosition,
+		{ position: [isArbitraryVariable, isArbitraryValue] }
+	];
+	const scaleBgRepeat = () => ["no-repeat", { repeat: [
+		"",
+		"x",
+		"y",
+		"space",
+		"round"
+	] }];
+	const scaleBgSize = () => [
+		"auto",
+		"cover",
+		"contain",
+		isArbitraryVariableSize,
+		isArbitrarySize,
+		{ size: [isArbitraryVariable, isArbitraryValue] }
+	];
+	const scaleGradientStopPosition = () => [
+		isPercent,
+		isArbitraryVariableLength,
+		isArbitraryLength
+	];
+	const scaleRadius = () => [
+		"",
+		"none",
+		"full",
+		themeRadius,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleBorderWidth = () => [
+		"",
+		isNumber,
+		isArbitraryVariableLength,
+		isArbitraryLength
+	];
+	const scaleLineStyle = () => [
+		"solid",
+		"dashed",
+		"dotted",
+		"double"
+	];
+	const scaleBlendMode = () => [
+		"normal",
+		"multiply",
+		"screen",
+		"overlay",
+		"darken",
+		"lighten",
+		"color-dodge",
+		"color-burn",
+		"hard-light",
+		"soft-light",
+		"difference",
+		"exclusion",
+		"hue",
+		"saturation",
+		"color",
+		"luminosity"
+	];
+	const scaleMaskImagePosition = () => [
+		isNumber,
+		isPercent,
+		isArbitraryVariablePosition,
+		isArbitraryPosition
+	];
+	const scaleBlur = () => [
+		"",
+		"none",
+		themeBlur,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleRotate = () => [
+		"none",
+		isNumber,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleScale = () => [
+		"none",
+		isNumber,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleSkew = () => [
+		isNumber,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleTranslate = () => [
+		isFraction,
+		"full",
+		...scaleUnambiguousSpacing()
+	];
+	return {
+		cacheSize: 500,
+		theme: {
+			animate: [
+				"spin",
+				"ping",
+				"pulse",
+				"bounce"
+			],
+			aspect: ["video"],
+			blur: [isTshirtSize],
+			breakpoint: [isTshirtSize],
+			color: [isAny],
+			container: [isTshirtSize],
+			"drop-shadow": [isTshirtSize],
+			ease: [
+				"in",
+				"out",
+				"in-out"
+			],
+			font: [isAnyNonArbitrary],
+			"font-weight": [
+				"thin",
+				"extralight",
+				"light",
+				"normal",
+				"medium",
+				"semibold",
+				"bold",
+				"extrabold",
+				"black"
+			],
+			"inset-shadow": [isTshirtSize],
+			leading: [
+				"none",
+				"tight",
+				"snug",
+				"normal",
+				"relaxed",
+				"loose"
+			],
+			perspective: [
+				"dramatic",
+				"near",
+				"normal",
+				"midrange",
+				"distant",
+				"none"
+			],
+			radius: [isTshirtSize],
+			shadow: [isTshirtSize],
+			spacing: ["px", isNumber],
+			text: [isTshirtSize],
+			"text-shadow": [isTshirtSize],
+			tracking: [
+				"tighter",
+				"tight",
+				"normal",
+				"wide",
+				"wider",
+				"widest"
+			]
+		},
+		classGroups: {
+			aspect: [{ aspect: [
+				"auto",
+				"square",
+				isFraction,
+				isArbitraryValue,
+				isArbitraryVariable,
+				themeAspect
+			] }],
+			container: ["container"],
+			columns: [{ columns: [
+				isNumber,
+				isArbitraryValue,
+				isArbitraryVariable,
+				themeContainer
+			] }],
+			"break-after": [{ "break-after": scaleBreak() }],
+			"break-before": [{ "break-before": scaleBreak() }],
+			"break-inside": [{ "break-inside": [
+				"auto",
+				"avoid",
+				"avoid-page",
+				"avoid-column"
+			] }],
+			"box-decoration": [{ "box-decoration": ["slice", "clone"] }],
+			box: [{ box: ["border", "content"] }],
+			display: [
+				"block",
+				"inline-block",
+				"inline",
+				"flex",
+				"inline-flex",
+				"table",
+				"inline-table",
+				"table-caption",
+				"table-cell",
+				"table-column",
+				"table-column-group",
+				"table-footer-group",
+				"table-header-group",
+				"table-row-group",
+				"table-row",
+				"flow-root",
+				"grid",
+				"inline-grid",
+				"contents",
+				"list-item",
+				"hidden"
+			],
+			sr: ["sr-only", "not-sr-only"],
+			float: [{ float: [
+				"right",
+				"left",
+				"none",
+				"start",
+				"end"
+			] }],
+			clear: [{ clear: [
+				"left",
+				"right",
+				"both",
+				"none",
+				"start",
+				"end"
+			] }],
+			isolation: ["isolate", "isolation-auto"],
+			"object-fit": [{ object: [
+				"contain",
+				"cover",
+				"fill",
+				"none",
+				"scale-down"
+			] }],
+			"object-position": [{ object: scalePositionWithArbitrary() }],
+			overflow: [{ overflow: scaleOverflow() }],
+			"overflow-x": [{ "overflow-x": scaleOverflow() }],
+			"overflow-y": [{ "overflow-y": scaleOverflow() }],
+			overscroll: [{ overscroll: scaleOverscroll() }],
+			"overscroll-x": [{ "overscroll-x": scaleOverscroll() }],
+			"overscroll-y": [{ "overscroll-y": scaleOverscroll() }],
+			position: [
+				"static",
+				"fixed",
+				"absolute",
+				"relative",
+				"sticky"
+			],
+			inset: [{ inset: scaleInset() }],
+			"inset-x": [{ "inset-x": scaleInset() }],
+			"inset-y": [{ "inset-y": scaleInset() }],
+			start: [{ start: scaleInset() }],
+			end: [{ end: scaleInset() }],
+			top: [{ top: scaleInset() }],
+			right: [{ right: scaleInset() }],
+			bottom: [{ bottom: scaleInset() }],
+			left: [{ left: scaleInset() }],
+			visibility: [
+				"visible",
+				"invisible",
+				"collapse"
+			],
+			z: [{ z: [
+				isInteger,
+				"auto",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			basis: [{ basis: [
+				isFraction,
+				"full",
+				"auto",
+				themeContainer,
+				...scaleUnambiguousSpacing()
+			] }],
+			"flex-direction": [{ flex: [
+				"row",
+				"row-reverse",
+				"col",
+				"col-reverse"
+			] }],
+			"flex-wrap": [{ flex: [
+				"nowrap",
+				"wrap",
+				"wrap-reverse"
+			] }],
+			flex: [{ flex: [
+				isNumber,
+				isFraction,
+				"auto",
+				"initial",
+				"none",
+				isArbitraryValue
+			] }],
+			grow: [{ grow: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			shrink: [{ shrink: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			order: [{ order: [
+				isInteger,
+				"first",
+				"last",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"grid-cols": [{ "grid-cols": scaleGridTemplateColsRows() }],
+			"col-start-end": [{ col: scaleGridColRowStartAndEnd() }],
+			"col-start": [{ "col-start": scaleGridColRowStartOrEnd() }],
+			"col-end": [{ "col-end": scaleGridColRowStartOrEnd() }],
+			"grid-rows": [{ "grid-rows": scaleGridTemplateColsRows() }],
+			"row-start-end": [{ row: scaleGridColRowStartAndEnd() }],
+			"row-start": [{ "row-start": scaleGridColRowStartOrEnd() }],
+			"row-end": [{ "row-end": scaleGridColRowStartOrEnd() }],
+			"grid-flow": [{ "grid-flow": [
+				"row",
+				"col",
+				"dense",
+				"row-dense",
+				"col-dense"
+			] }],
+			"auto-cols": [{ "auto-cols": scaleGridAutoColsRows() }],
+			"auto-rows": [{ "auto-rows": scaleGridAutoColsRows() }],
+			gap: [{ gap: scaleUnambiguousSpacing() }],
+			"gap-x": [{ "gap-x": scaleUnambiguousSpacing() }],
+			"gap-y": [{ "gap-y": scaleUnambiguousSpacing() }],
+			"justify-content": [{ justify: [...scaleAlignPrimaryAxis(), "normal"] }],
+			"justify-items": [{ "justify-items": [...scaleAlignSecondaryAxis(), "normal"] }],
+			"justify-self": [{ "justify-self": ["auto", ...scaleAlignSecondaryAxis()] }],
+			"align-content": [{ content: ["normal", ...scaleAlignPrimaryAxis()] }],
+			"align-items": [{ items: [...scaleAlignSecondaryAxis(), { baseline: ["", "last"] }] }],
+			"align-self": [{ self: [
+				"auto",
+				...scaleAlignSecondaryAxis(),
+				{ baseline: ["", "last"] }
+			] }],
+			"place-content": [{ "place-content": scaleAlignPrimaryAxis() }],
+			"place-items": [{ "place-items": [...scaleAlignSecondaryAxis(), "baseline"] }],
+			"place-self": [{ "place-self": ["auto", ...scaleAlignSecondaryAxis()] }],
+			p: [{ p: scaleUnambiguousSpacing() }],
+			px: [{ px: scaleUnambiguousSpacing() }],
+			py: [{ py: scaleUnambiguousSpacing() }],
+			ps: [{ ps: scaleUnambiguousSpacing() }],
+			pe: [{ pe: scaleUnambiguousSpacing() }],
+			pt: [{ pt: scaleUnambiguousSpacing() }],
+			pr: [{ pr: scaleUnambiguousSpacing() }],
+			pb: [{ pb: scaleUnambiguousSpacing() }],
+			pl: [{ pl: scaleUnambiguousSpacing() }],
+			m: [{ m: scaleMargin() }],
+			mx: [{ mx: scaleMargin() }],
+			my: [{ my: scaleMargin() }],
+			ms: [{ ms: scaleMargin() }],
+			me: [{ me: scaleMargin() }],
+			mt: [{ mt: scaleMargin() }],
+			mr: [{ mr: scaleMargin() }],
+			mb: [{ mb: scaleMargin() }],
+			ml: [{ ml: scaleMargin() }],
+			"space-x": [{ "space-x": scaleUnambiguousSpacing() }],
+			"space-x-reverse": ["space-x-reverse"],
+			"space-y": [{ "space-y": scaleUnambiguousSpacing() }],
+			"space-y-reverse": ["space-y-reverse"],
+			size: [{ size: scaleSizing() }],
+			w: [{ w: [
+				themeContainer,
+				"screen",
+				...scaleSizing()
+			] }],
+			"min-w": [{ "min-w": [
+				themeContainer,
+				"screen",
+				"none",
+				...scaleSizing()
+			] }],
+			"max-w": [{ "max-w": [
+				themeContainer,
+				"screen",
+				"none",
+				"prose",
+				{ screen: [themeBreakpoint] },
+				...scaleSizing()
+			] }],
+			h: [{ h: [
+				"screen",
+				"lh",
+				...scaleSizing()
+			] }],
+			"min-h": [{ "min-h": [
+				"screen",
+				"lh",
+				"none",
+				...scaleSizing()
+			] }],
+			"max-h": [{ "max-h": [
+				"screen",
+				"lh",
+				...scaleSizing()
+			] }],
+			"font-size": [{ text: [
+				"base",
+				themeText,
+				isArbitraryVariableLength,
+				isArbitraryLength
+			] }],
+			"font-smoothing": ["antialiased", "subpixel-antialiased"],
+			"font-style": ["italic", "not-italic"],
+			"font-weight": [{ font: [
+				themeFontWeight,
+				isArbitraryVariable,
+				isArbitraryNumber
+			] }],
+			"font-stretch": [{ "font-stretch": [
+				"ultra-condensed",
+				"extra-condensed",
+				"condensed",
+				"semi-condensed",
+				"normal",
+				"semi-expanded",
+				"expanded",
+				"extra-expanded",
+				"ultra-expanded",
+				isPercent,
+				isArbitraryValue
+			] }],
+			"font-family": [{ font: [
+				isArbitraryVariableFamilyName,
+				isArbitraryValue,
+				themeFont
+			] }],
+			"fvn-normal": ["normal-nums"],
+			"fvn-ordinal": ["ordinal"],
+			"fvn-slashed-zero": ["slashed-zero"],
+			"fvn-figure": ["lining-nums", "oldstyle-nums"],
+			"fvn-spacing": ["proportional-nums", "tabular-nums"],
+			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+			tracking: [{ tracking: [
+				themeTracking,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"line-clamp": [{ "line-clamp": [
+				isNumber,
+				"none",
+				isArbitraryVariable,
+				isArbitraryNumber
+			] }],
+			leading: [{ leading: [themeLeading, ...scaleUnambiguousSpacing()] }],
+			"list-image": [{ "list-image": [
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"list-style-position": [{ list: ["inside", "outside"] }],
+			"list-style-type": [{ list: [
+				"disc",
+				"decimal",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"text-alignment": [{ text: [
+				"left",
+				"center",
+				"right",
+				"justify",
+				"start",
+				"end"
+			] }],
+			"placeholder-color": [{ placeholder: scaleColor() }],
+			"text-color": [{ text: scaleColor() }],
+			"text-decoration": [
+				"underline",
+				"overline",
+				"line-through",
+				"no-underline"
+			],
+			"text-decoration-style": [{ decoration: [...scaleLineStyle(), "wavy"] }],
+			"text-decoration-thickness": [{ decoration: [
+				isNumber,
+				"from-font",
+				"auto",
+				isArbitraryVariable,
+				isArbitraryLength
+			] }],
+			"text-decoration-color": [{ decoration: scaleColor() }],
+			"underline-offset": [{ "underline-offset": [
+				isNumber,
+				"auto",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"text-transform": [
+				"uppercase",
+				"lowercase",
+				"capitalize",
+				"normal-case"
+			],
+			"text-overflow": [
+				"truncate",
+				"text-ellipsis",
+				"text-clip"
+			],
+			"text-wrap": [{ text: [
+				"wrap",
+				"nowrap",
+				"balance",
+				"pretty"
+			] }],
+			indent: [{ indent: scaleUnambiguousSpacing() }],
+			"vertical-align": [{ align: [
+				"baseline",
+				"top",
+				"middle",
+				"bottom",
+				"text-top",
+				"text-bottom",
+				"sub",
+				"super",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			whitespace: [{ whitespace: [
+				"normal",
+				"nowrap",
+				"pre",
+				"pre-line",
+				"pre-wrap",
+				"break-spaces"
+			] }],
+			break: [{ break: [
+				"normal",
+				"words",
+				"all",
+				"keep"
+			] }],
+			wrap: [{ wrap: [
+				"break-word",
+				"anywhere",
+				"normal"
+			] }],
+			hyphens: [{ hyphens: [
+				"none",
+				"manual",
+				"auto"
+			] }],
+			content: [{ content: [
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"bg-attachment": [{ bg: [
+				"fixed",
+				"local",
+				"scroll"
+			] }],
+			"bg-clip": [{ "bg-clip": [
+				"border",
+				"padding",
+				"content",
+				"text"
+			] }],
+			"bg-origin": [{ "bg-origin": [
+				"border",
+				"padding",
+				"content"
+			] }],
+			"bg-position": [{ bg: scaleBgPosition() }],
+			"bg-repeat": [{ bg: scaleBgRepeat() }],
+			"bg-size": [{ bg: scaleBgSize() }],
+			"bg-image": [{ bg: [
+				"none",
+				{
+					linear: [
+						{ to: [
+							"t",
+							"tr",
+							"r",
+							"br",
+							"b",
+							"bl",
+							"l",
+							"tl"
+						] },
+						isInteger,
+						isArbitraryVariable,
+						isArbitraryValue
+					],
+					radial: [
+						"",
+						isArbitraryVariable,
+						isArbitraryValue
+					],
+					conic: [
+						isInteger,
+						isArbitraryVariable,
+						isArbitraryValue
+					]
+				},
+				isArbitraryVariableImage,
+				isArbitraryImage
+			] }],
+			"bg-color": [{ bg: scaleColor() }],
+			"gradient-from-pos": [{ from: scaleGradientStopPosition() }],
+			"gradient-via-pos": [{ via: scaleGradientStopPosition() }],
+			"gradient-to-pos": [{ to: scaleGradientStopPosition() }],
+			"gradient-from": [{ from: scaleColor() }],
+			"gradient-via": [{ via: scaleColor() }],
+			"gradient-to": [{ to: scaleColor() }],
+			rounded: [{ rounded: scaleRadius() }],
+			"rounded-s": [{ "rounded-s": scaleRadius() }],
+			"rounded-e": [{ "rounded-e": scaleRadius() }],
+			"rounded-t": [{ "rounded-t": scaleRadius() }],
+			"rounded-r": [{ "rounded-r": scaleRadius() }],
+			"rounded-b": [{ "rounded-b": scaleRadius() }],
+			"rounded-l": [{ "rounded-l": scaleRadius() }],
+			"rounded-ss": [{ "rounded-ss": scaleRadius() }],
+			"rounded-se": [{ "rounded-se": scaleRadius() }],
+			"rounded-ee": [{ "rounded-ee": scaleRadius() }],
+			"rounded-es": [{ "rounded-es": scaleRadius() }],
+			"rounded-tl": [{ "rounded-tl": scaleRadius() }],
+			"rounded-tr": [{ "rounded-tr": scaleRadius() }],
+			"rounded-br": [{ "rounded-br": scaleRadius() }],
+			"rounded-bl": [{ "rounded-bl": scaleRadius() }],
+			"border-w": [{ border: scaleBorderWidth() }],
+			"border-w-x": [{ "border-x": scaleBorderWidth() }],
+			"border-w-y": [{ "border-y": scaleBorderWidth() }],
+			"border-w-s": [{ "border-s": scaleBorderWidth() }],
+			"border-w-e": [{ "border-e": scaleBorderWidth() }],
+			"border-w-t": [{ "border-t": scaleBorderWidth() }],
+			"border-w-r": [{ "border-r": scaleBorderWidth() }],
+			"border-w-b": [{ "border-b": scaleBorderWidth() }],
+			"border-w-l": [{ "border-l": scaleBorderWidth() }],
+			"divide-x": [{ "divide-x": scaleBorderWidth() }],
+			"divide-x-reverse": ["divide-x-reverse"],
+			"divide-y": [{ "divide-y": scaleBorderWidth() }],
+			"divide-y-reverse": ["divide-y-reverse"],
+			"border-style": [{ border: [
+				...scaleLineStyle(),
+				"hidden",
+				"none"
+			] }],
+			"divide-style": [{ divide: [
+				...scaleLineStyle(),
+				"hidden",
+				"none"
+			] }],
+			"border-color": [{ border: scaleColor() }],
+			"border-color-x": [{ "border-x": scaleColor() }],
+			"border-color-y": [{ "border-y": scaleColor() }],
+			"border-color-s": [{ "border-s": scaleColor() }],
+			"border-color-e": [{ "border-e": scaleColor() }],
+			"border-color-t": [{ "border-t": scaleColor() }],
+			"border-color-r": [{ "border-r": scaleColor() }],
+			"border-color-b": [{ "border-b": scaleColor() }],
+			"border-color-l": [{ "border-l": scaleColor() }],
+			"divide-color": [{ divide: scaleColor() }],
+			"outline-style": [{ outline: [
+				...scaleLineStyle(),
+				"none",
+				"hidden"
+			] }],
+			"outline-offset": [{ "outline-offset": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"outline-w": [{ outline: [
+				"",
+				isNumber,
+				isArbitraryVariableLength,
+				isArbitraryLength
+			] }],
+			"outline-color": [{ outline: scaleColor() }],
+			shadow: [{ shadow: [
+				"",
+				"none",
+				themeShadow,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
+			] }],
+			"shadow-color": [{ shadow: scaleColor() }],
+			"inset-shadow": [{ "inset-shadow": [
+				"none",
+				themeInsetShadow,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
+			] }],
+			"inset-shadow-color": [{ "inset-shadow": scaleColor() }],
+			"ring-w": [{ ring: scaleBorderWidth() }],
+			"ring-w-inset": ["ring-inset"],
+			"ring-color": [{ ring: scaleColor() }],
+			"ring-offset-w": [{ "ring-offset": [isNumber, isArbitraryLength] }],
+			"ring-offset-color": [{ "ring-offset": scaleColor() }],
+			"inset-ring-w": [{ "inset-ring": scaleBorderWidth() }],
+			"inset-ring-color": [{ "inset-ring": scaleColor() }],
+			"text-shadow": [{ "text-shadow": [
+				"none",
+				themeTextShadow,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
+			] }],
+			"text-shadow-color": [{ "text-shadow": scaleColor() }],
+			opacity: [{ opacity: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"mix-blend": [{ "mix-blend": [
+				...scaleBlendMode(),
+				"plus-darker",
+				"plus-lighter"
+			] }],
+			"bg-blend": [{ "bg-blend": scaleBlendMode() }],
+			"mask-clip": [{ "mask-clip": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }, "mask-no-clip"],
+			"mask-composite": [{ mask: [
+				"add",
+				"subtract",
+				"intersect",
+				"exclude"
+			] }],
+			"mask-image-linear-pos": [{ "mask-linear": [isNumber] }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": scaleMaskImagePosition() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": scaleMaskImagePosition() }],
+			"mask-image-linear-from-color": [{ "mask-linear-from": scaleColor() }],
+			"mask-image-linear-to-color": [{ "mask-linear-to": scaleColor() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": scaleMaskImagePosition() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": scaleMaskImagePosition() }],
+			"mask-image-t-from-color": [{ "mask-t-from": scaleColor() }],
+			"mask-image-t-to-color": [{ "mask-t-to": scaleColor() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": scaleMaskImagePosition() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": scaleMaskImagePosition() }],
+			"mask-image-r-from-color": [{ "mask-r-from": scaleColor() }],
+			"mask-image-r-to-color": [{ "mask-r-to": scaleColor() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": scaleMaskImagePosition() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": scaleMaskImagePosition() }],
+			"mask-image-b-from-color": [{ "mask-b-from": scaleColor() }],
+			"mask-image-b-to-color": [{ "mask-b-to": scaleColor() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": scaleMaskImagePosition() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": scaleMaskImagePosition() }],
+			"mask-image-l-from-color": [{ "mask-l-from": scaleColor() }],
+			"mask-image-l-to-color": [{ "mask-l-to": scaleColor() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": scaleMaskImagePosition() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": scaleMaskImagePosition() }],
+			"mask-image-x-from-color": [{ "mask-x-from": scaleColor() }],
+			"mask-image-x-to-color": [{ "mask-x-to": scaleColor() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": scaleMaskImagePosition() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": scaleMaskImagePosition() }],
+			"mask-image-y-from-color": [{ "mask-y-from": scaleColor() }],
+			"mask-image-y-to-color": [{ "mask-y-to": scaleColor() }],
+			"mask-image-radial": [{ "mask-radial": [isArbitraryVariable, isArbitraryValue] }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": scaleMaskImagePosition() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": scaleMaskImagePosition() }],
+			"mask-image-radial-from-color": [{ "mask-radial-from": scaleColor() }],
+			"mask-image-radial-to-color": [{ "mask-radial-to": scaleColor() }],
+			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
+			"mask-image-radial-size": [{ "mask-radial": [{
+				closest: ["side", "corner"],
+				farthest: ["side", "corner"]
+			}] }],
+			"mask-image-radial-pos": [{ "mask-radial-at": scalePosition() }],
+			"mask-image-conic-pos": [{ "mask-conic": [isNumber] }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": scaleMaskImagePosition() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": scaleMaskImagePosition() }],
+			"mask-image-conic-from-color": [{ "mask-conic-from": scaleColor() }],
+			"mask-image-conic-to-color": [{ "mask-conic-to": scaleColor() }],
+			"mask-mode": [{ mask: [
+				"alpha",
+				"luminance",
+				"match"
+			] }],
+			"mask-origin": [{ "mask-origin": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }],
+			"mask-position": [{ mask: scaleBgPosition() }],
+			"mask-repeat": [{ mask: scaleBgRepeat() }],
+			"mask-size": [{ mask: scaleBgSize() }],
+			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
+			"mask-image": [{ mask: [
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			filter: [{ filter: [
+				"",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			blur: [{ blur: scaleBlur() }],
+			brightness: [{ brightness: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			contrast: [{ contrast: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"drop-shadow": [{ "drop-shadow": [
+				"",
+				"none",
+				themeDropShadow,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
+			] }],
+			"drop-shadow-color": [{ "drop-shadow": scaleColor() }],
+			grayscale: [{ grayscale: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"hue-rotate": [{ "hue-rotate": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			invert: [{ invert: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			saturate: [{ saturate: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			sepia: [{ sepia: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-filter": [{ "backdrop-filter": [
+				"",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-blur": [{ "backdrop-blur": scaleBlur() }],
+			"backdrop-brightness": [{ "backdrop-brightness": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-contrast": [{ "backdrop-contrast": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-grayscale": [{ "backdrop-grayscale": [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-invert": [{ "backdrop-invert": [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-opacity": [{ "backdrop-opacity": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-saturate": [{ "backdrop-saturate": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-sepia": [{ "backdrop-sepia": [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"border-collapse": [{ border: ["collapse", "separate"] }],
+			"border-spacing": [{ "border-spacing": scaleUnambiguousSpacing() }],
+			"border-spacing-x": [{ "border-spacing-x": scaleUnambiguousSpacing() }],
+			"border-spacing-y": [{ "border-spacing-y": scaleUnambiguousSpacing() }],
+			"table-layout": [{ table: ["auto", "fixed"] }],
+			caption: [{ caption: ["top", "bottom"] }],
+			transition: [{ transition: [
+				"",
+				"all",
+				"colors",
+				"opacity",
+				"shadow",
+				"transform",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"transition-behavior": [{ transition: ["normal", "discrete"] }],
+			duration: [{ duration: [
+				isNumber,
+				"initial",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			ease: [{ ease: [
+				"linear",
+				"initial",
+				themeEase,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			delay: [{ delay: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			animate: [{ animate: [
+				"none",
+				themeAnimate,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			backface: [{ backface: ["hidden", "visible"] }],
+			perspective: [{ perspective: [
+				themePerspective,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"perspective-origin": [{ "perspective-origin": scalePositionWithArbitrary() }],
+			rotate: [{ rotate: scaleRotate() }],
+			"rotate-x": [{ "rotate-x": scaleRotate() }],
+			"rotate-y": [{ "rotate-y": scaleRotate() }],
+			"rotate-z": [{ "rotate-z": scaleRotate() }],
+			scale: [{ scale: scaleScale() }],
+			"scale-x": [{ "scale-x": scaleScale() }],
+			"scale-y": [{ "scale-y": scaleScale() }],
+			"scale-z": [{ "scale-z": scaleScale() }],
+			"scale-3d": ["scale-3d"],
+			skew: [{ skew: scaleSkew() }],
+			"skew-x": [{ "skew-x": scaleSkew() }],
+			"skew-y": [{ "skew-y": scaleSkew() }],
+			transform: [{ transform: [
+				isArbitraryVariable,
+				isArbitraryValue,
+				"",
+				"none",
+				"gpu",
+				"cpu"
+			] }],
+			"transform-origin": [{ origin: scalePositionWithArbitrary() }],
+			"transform-style": [{ transform: ["3d", "flat"] }],
+			translate: [{ translate: scaleTranslate() }],
+			"translate-x": [{ "translate-x": scaleTranslate() }],
+			"translate-y": [{ "translate-y": scaleTranslate() }],
+			"translate-z": [{ "translate-z": scaleTranslate() }],
+			"translate-none": ["translate-none"],
+			accent: [{ accent: scaleColor() }],
+			appearance: [{ appearance: ["none", "auto"] }],
+			"caret-color": [{ caret: scaleColor() }],
+			"color-scheme": [{ scheme: [
+				"normal",
+				"dark",
+				"light",
+				"light-dark",
+				"only-dark",
+				"only-light"
+			] }],
+			cursor: [{ cursor: [
+				"auto",
+				"default",
+				"pointer",
+				"wait",
+				"text",
+				"move",
+				"help",
+				"not-allowed",
+				"none",
+				"context-menu",
+				"progress",
+				"cell",
+				"crosshair",
+				"vertical-text",
+				"alias",
+				"copy",
+				"no-drop",
+				"grab",
+				"grabbing",
+				"all-scroll",
+				"col-resize",
+				"row-resize",
+				"n-resize",
+				"e-resize",
+				"s-resize",
+				"w-resize",
+				"ne-resize",
+				"nw-resize",
+				"se-resize",
+				"sw-resize",
+				"ew-resize",
+				"ns-resize",
+				"nesw-resize",
+				"nwse-resize",
+				"zoom-in",
+				"zoom-out",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
+			"pointer-events": [{ "pointer-events": ["auto", "none"] }],
+			resize: [{ resize: [
+				"none",
+				"",
+				"y",
+				"x"
+			] }],
+			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
+			"scroll-m": [{ "scroll-m": scaleUnambiguousSpacing() }],
+			"scroll-mx": [{ "scroll-mx": scaleUnambiguousSpacing() }],
+			"scroll-my": [{ "scroll-my": scaleUnambiguousSpacing() }],
+			"scroll-ms": [{ "scroll-ms": scaleUnambiguousSpacing() }],
+			"scroll-me": [{ "scroll-me": scaleUnambiguousSpacing() }],
+			"scroll-mt": [{ "scroll-mt": scaleUnambiguousSpacing() }],
+			"scroll-mr": [{ "scroll-mr": scaleUnambiguousSpacing() }],
+			"scroll-mb": [{ "scroll-mb": scaleUnambiguousSpacing() }],
+			"scroll-ml": [{ "scroll-ml": scaleUnambiguousSpacing() }],
+			"scroll-p": [{ "scroll-p": scaleUnambiguousSpacing() }],
+			"scroll-px": [{ "scroll-px": scaleUnambiguousSpacing() }],
+			"scroll-py": [{ "scroll-py": scaleUnambiguousSpacing() }],
+			"scroll-ps": [{ "scroll-ps": scaleUnambiguousSpacing() }],
+			"scroll-pe": [{ "scroll-pe": scaleUnambiguousSpacing() }],
+			"scroll-pt": [{ "scroll-pt": scaleUnambiguousSpacing() }],
+			"scroll-pr": [{ "scroll-pr": scaleUnambiguousSpacing() }],
+			"scroll-pb": [{ "scroll-pb": scaleUnambiguousSpacing() }],
+			"scroll-pl": [{ "scroll-pl": scaleUnambiguousSpacing() }],
+			"snap-align": [{ snap: [
+				"start",
+				"end",
+				"center",
+				"align-none"
+			] }],
+			"snap-stop": [{ snap: ["normal", "always"] }],
+			"snap-type": [{ snap: [
+				"none",
+				"x",
+				"y",
+				"both"
+			] }],
+			"snap-strictness": [{ snap: ["mandatory", "proximity"] }],
+			touch: [{ touch: [
+				"auto",
+				"none",
+				"manipulation"
+			] }],
+			"touch-x": [{ "touch-pan": [
+				"x",
+				"left",
+				"right"
+			] }],
+			"touch-y": [{ "touch-pan": [
+				"y",
+				"up",
+				"down"
+			] }],
+			"touch-pz": ["touch-pinch-zoom"],
+			select: [{ select: [
+				"none",
+				"text",
+				"all",
+				"auto"
+			] }],
+			"will-change": [{ "will-change": [
+				"auto",
+				"scroll",
+				"contents",
+				"transform",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			fill: [{ fill: ["none", ...scaleColor()] }],
+			"stroke-w": [{ stroke: [
+				isNumber,
+				isArbitraryVariableLength,
+				isArbitraryLength,
+				isArbitraryNumber
+			] }],
+			stroke: [{ stroke: ["none", ...scaleColor()] }],
+			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
+		},
+		conflictingClassGroups: {
+			overflow: ["overflow-x", "overflow-y"],
+			overscroll: ["overscroll-x", "overscroll-y"],
+			inset: [
+				"inset-x",
+				"inset-y",
+				"start",
+				"end",
+				"top",
+				"right",
+				"bottom",
+				"left"
+			],
+			"inset-x": ["right", "left"],
+			"inset-y": ["top", "bottom"],
+			flex: [
+				"basis",
+				"grow",
+				"shrink"
+			],
+			gap: ["gap-x", "gap-y"],
+			p: [
+				"px",
+				"py",
+				"ps",
+				"pe",
+				"pt",
+				"pr",
+				"pb",
+				"pl"
+			],
+			px: ["pr", "pl"],
+			py: ["pt", "pb"],
+			m: [
+				"mx",
+				"my",
+				"ms",
+				"me",
+				"mt",
+				"mr",
+				"mb",
+				"ml"
+			],
+			mx: ["mr", "ml"],
+			my: ["mt", "mb"],
+			size: ["w", "h"],
+			"font-size": ["leading"],
+			"fvn-normal": [
+				"fvn-ordinal",
+				"fvn-slashed-zero",
+				"fvn-figure",
+				"fvn-spacing",
+				"fvn-fraction"
+			],
+			"fvn-ordinal": ["fvn-normal"],
+			"fvn-slashed-zero": ["fvn-normal"],
+			"fvn-figure": ["fvn-normal"],
+			"fvn-spacing": ["fvn-normal"],
+			"fvn-fraction": ["fvn-normal"],
+			"line-clamp": ["display", "overflow"],
+			rounded: [
+				"rounded-s",
+				"rounded-e",
+				"rounded-t",
+				"rounded-r",
+				"rounded-b",
+				"rounded-l",
+				"rounded-ss",
+				"rounded-se",
+				"rounded-ee",
+				"rounded-es",
+				"rounded-tl",
+				"rounded-tr",
+				"rounded-br",
+				"rounded-bl"
+			],
+			"rounded-s": ["rounded-ss", "rounded-es"],
+			"rounded-e": ["rounded-se", "rounded-ee"],
+			"rounded-t": ["rounded-tl", "rounded-tr"],
+			"rounded-r": ["rounded-tr", "rounded-br"],
+			"rounded-b": ["rounded-br", "rounded-bl"],
+			"rounded-l": ["rounded-tl", "rounded-bl"],
+			"border-spacing": ["border-spacing-x", "border-spacing-y"],
+			"border-w": [
+				"border-w-x",
+				"border-w-y",
+				"border-w-s",
+				"border-w-e",
+				"border-w-t",
+				"border-w-r",
+				"border-w-b",
+				"border-w-l"
+			],
+			"border-w-x": ["border-w-r", "border-w-l"],
+			"border-w-y": ["border-w-t", "border-w-b"],
+			"border-color": [
+				"border-color-x",
+				"border-color-y",
+				"border-color-s",
+				"border-color-e",
+				"border-color-t",
+				"border-color-r",
+				"border-color-b",
+				"border-color-l"
+			],
+			"border-color-x": ["border-color-r", "border-color-l"],
+			"border-color-y": ["border-color-t", "border-color-b"],
+			translate: [
+				"translate-x",
+				"translate-y",
+				"translate-none"
+			],
+			"translate-none": [
+				"translate",
+				"translate-x",
+				"translate-y",
+				"translate-z"
+			],
+			"scroll-m": [
+				"scroll-mx",
+				"scroll-my",
+				"scroll-ms",
+				"scroll-me",
+				"scroll-mt",
+				"scroll-mr",
+				"scroll-mb",
+				"scroll-ml"
+			],
+			"scroll-mx": ["scroll-mr", "scroll-ml"],
+			"scroll-my": ["scroll-mt", "scroll-mb"],
+			"scroll-p": [
+				"scroll-px",
+				"scroll-py",
+				"scroll-ps",
+				"scroll-pe",
+				"scroll-pt",
+				"scroll-pr",
+				"scroll-pb",
+				"scroll-pl"
+			],
+			"scroll-px": ["scroll-pr", "scroll-pl"],
+			"scroll-py": ["scroll-pt", "scroll-pb"],
+			touch: [
+				"touch-x",
+				"touch-y",
+				"touch-pz"
+			],
+			"touch-x": ["touch"],
+			"touch-y": ["touch"],
+			"touch-pz": ["touch"]
+		},
+		conflictingClassGroupModifiers: { "font-size": ["leading"] },
+		orderSensitiveModifiers: [
+			"*",
+			"**",
+			"after",
+			"backdrop",
+			"before",
+			"details-content",
+			"file",
+			"first-letter",
+			"first-line",
+			"marker",
+			"placeholder",
+			"selection"
+		]
+	};
+};
+const twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
+
+//#endregion
+//#region ../../libs/ui-kit-core/src/utils.ts
+function cn$1(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+//#region src/components/StepChecklist.tsx
+function StepChecklist({ step, stepNumber, isCompleted, isCurrent, isExpanded, onToggle, onComplete }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn$1("rounded-xl border transition-all", isCompleted && "border-green-500/50 bg-green-500/5", isCurrent && !isCompleted && "border-violet-500 bg-violet-500/5", !isCompleted && !isCurrent && "border-border"),
+		children: [/* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: "flex w-full items-center gap-4 p-4 text-left",
+			onClick: onToggle,
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: cn$1("flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold transition-colors", isCompleted && "border-green-500 bg-green-500 text-white", isCurrent && !isCompleted && "border-violet-500 text-violet-500", !isCompleted && !isCurrent && "border-muted-foreground text-muted-foreground"),
+					children: isCompleted ? "✓" : stepNumber
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ jsx("h4", {
+						className: cn$1("font-semibold", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-foreground", !isCompleted && !isCurrent && "text-muted-foreground"),
+						children: step.title
+					}), !isExpanded && step.description && /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground truncate text-sm",
+						children: step.description
+					})]
+				}),
+				step.xpReward && /* @__PURE__ */ jsxs("span", {
+					className: cn$1("shrink-0 rounded-full px-2 py-1 text-xs font-semibold", isCompleted ? "bg-green-500/10 text-green-500" : "bg-muted text-muted-foreground"),
+					children: [
+						"+",
+						step.xpReward,
+						" XP"
+					]
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: cn$1("shrink-0 transition-transform", isExpanded && "rotate-180"),
+					children: "▼"
+				})
+			]
+		}), isExpanded && /* @__PURE__ */ jsxs("div", {
+			className: "border-t px-4 py-4",
+			children: [
+				step.description && /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground mb-4",
+					children: step.description
+				}),
+				step.instructions && /* @__PURE__ */ jsxs("div", {
+					className: "bg-muted mb-4 rounded-lg p-4",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "mb-2 text-sm font-medium",
+						children: "Instructions:"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-sm",
+						children: step.instructions
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap gap-2",
+					children: [step.actionUrl && /* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => window.open(step.actionUrl, "_blank"),
+						children: step.actionLabel ?? "Try it"
+					}), !isCompleted && /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						onClick: onComplete,
+						children: "Mark as Complete"
+					})]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/JourneyMap.tsx
+const SURFACE_ICONS = {
+	templates: "📋",
+	"spec-editor": "✏️",
+	regenerator: "🔄",
+	playground: "🎮",
+	evolution: "🤖",
+	dashboard: "📊",
+	settings: "⚙️",
+	default: "📍"
+};
+function JourneyMap({ steps, completedStepIds, currentStepId }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative overflow-x-auto pb-4",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex min-w-max items-center gap-2",
+			children: steps.map((step, index) => {
+				const isCompleted = completedStepIds.includes(step.id);
+				const isCurrent = step.id === currentStepId;
+				const icon = SURFACE_ICONS[step.metadata?.surface ?? "default"] ?? SURFACE_ICONS.default;
+				return /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-center gap-2",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: cn("flex h-14 w-14 items-center justify-center rounded-2xl border-2 text-2xl transition-all", isCompleted && "border-green-500 bg-green-500/10", isCurrent && !isCompleted && "border-violet-500 bg-violet-500/10 ring-4 ring-violet-500/20", !isCompleted && !isCurrent && "border-muted bg-muted/50"),
+							children: isCompleted ? "✓" : icon
+						}), /* @__PURE__ */ jsx("div", {
+							className: "text-center",
+							children: /* @__PURE__ */ jsx("p", {
+								className: cn("max-w-[100px] truncate text-xs font-medium", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-violet-500", !isCompleted && !isCurrent && "text-muted-foreground"),
+								children: step.title
+							})
+						})]
+					}), index < steps.length - 1 && /* @__PURE__ */ jsx("div", { className: cn("mx-2 h-1 w-8 rounded-full transition-colors", completedStepIds.includes(steps[index + 1]?.id ?? "") ? "bg-green-500" : isCompleted ? "bg-green-500/50" : "bg-muted") })]
+				}, step.id);
+			})
+		})
+	});
+}
+
+//#endregion
+export { StepChecklist as n, JourneyMap as t };