@mrts/soltw 0.3.21 → 0.3.24

package/dist/index.jsx

@@ -1,12 +1,2895 @@
-import { buildIdLabel } from "./items/IdLabel.jsx";
-import { exclusiveTagsNormalize, mainTagNormalize, twMergeNormalize } from "./stylers/normalizers.jsx";
-import { SVTStyler, tagRuleMatches } from "./stylers/SVTStyler.jsx";
-import { baseStyler } from "./stylers/base.styler.jsx";
-import { Stylers } from "./stylers/Stylers.jsx";
-import { Item } from "./items/Item.jsx";
-import "./stylers/index.jsx";
-import { Block } from "./Block.jsx";
-import { ItemGroup } from "./items/ItemGroup.jsx";
-import { SolTw } from "./soltw.jsx";
+//#region src/items/IdLabel.ts
+function buildIdLabel(arg) {
+	if (typeof arg == "string") return {
+		id: arg,
+		label: arg
+	};
+	else if (Array.isArray(arg)) return {
+		id: arg[0],
+		label: arg[1]
+	};
+	else {
+		const r = Object.assign({}, arg);
+		if (r.label == void 0) r["label"] = r.id;
+		return r;
+	}
+}
 
+//#endregion
+//#region ../../node_modules/solid-js/dist/solid.js
+const sharedConfig = {
+	context: void 0,
+	registry: void 0,
+	effects: void 0,
+	done: false,
+	getContextId() {
+		return getContextId(this.context.count);
+	},
+	getNextContextId() {
+		return getContextId(this.context.count++);
+	}
+};
+function getContextId(count) {
+	const num = String(count), len = num.length - 1;
+	return sharedConfig.context.id + (len ? String.fromCharCode(96 + len) : "") + num;
+}
+function setHydrateContext(context) {
+	sharedConfig.context = context;
+}
+const equalFn = (a, b) => a === b;
+const $TRACK = Symbol("solid-track");
+const signalOptions = { equals: equalFn };
+let ERROR = null;
+let runEffects = runQueue;
+const STALE = 1;
+const PENDING = 2;
+const UNOWNED = {
+	owned: null,
+	cleanups: null,
+	context: null,
+	owner: null
+};
+var Owner = null;
+let Transition = null;
+let Scheduler = null;
+let ExternalSourceConfig = null;
+let Listener = null;
+let Updates = null;
+let Effects = null;
+let ExecCount = 0;
+function createRoot(fn, detachedOwner) {
+	const listener = Listener, owner = Owner, unowned = fn.length === 0, current = detachedOwner === void 0 ? owner : detachedOwner, root = unowned ? UNOWNED : {
+		owned: null,
+		cleanups: null,
+		context: current ? current.context : null,
+		owner: current
+	}, updateFn = unowned ? fn : () => fn(() => untrack(() => cleanNode(root)));
+	Owner = root;
+	Listener = null;
+	try {
+		return runUpdates(updateFn, true);
+	} finally {
+		Listener = listener;
+		Owner = owner;
+	}
+}
+function createSignal(value, options) {
+	options = options ? Object.assign({}, signalOptions, options) : signalOptions;
+	const s = {
+		value,
+		observers: null,
+		observerSlots: null,
+		comparator: options.equals || void 0
+	};
+	const setter = (value$1) => {
+		if (typeof value$1 === "function") if (Transition && Transition.running && Transition.sources.has(s)) value$1 = value$1(s.tValue);
+		else value$1 = value$1(s.value);
+		return writeSignal(s, value$1);
+	};
+	return [readSignal.bind(s), setter];
+}
+function createEffect(fn, value, options) {
+	runEffects = runUserEffects;
+	const c = createComputation(fn, value, false, STALE), s = SuspenseContext && useContext(SuspenseContext);
+	if (s) c.suspense = s;
+	if (!options || !options.render) c.user = true;
+	Effects ? Effects.push(c) : updateComputation(c);
+}
+function createMemo(fn, value, options) {
+	options = options ? Object.assign({}, signalOptions, options) : signalOptions;
+	const c = createComputation(fn, value, true, 0);
+	c.observers = null;
+	c.observerSlots = null;
+	c.comparator = options.equals || void 0;
+	if (Scheduler && Transition && Transition.running) {
+		c.tState = STALE;
+		Updates.push(c);
+	} else updateComputation(c);
+	return readSignal.bind(c);
+}
+function untrack(fn) {
+	if (!ExternalSourceConfig && Listener === null) return fn();
+	const listener = Listener;
+	Listener = null;
+	try {
+		if (ExternalSourceConfig) return ExternalSourceConfig.untrack(fn);
+		return fn();
+	} finally {
+		Listener = listener;
+	}
+}
+function onCleanup(fn) {
+	if (Owner === null);
+	else if (Owner.cleanups === null) Owner.cleanups = [fn];
+	else Owner.cleanups.push(fn);
+	return fn;
+}
+function startTransition(fn) {
+	if (Transition && Transition.running) {
+		fn();
+		return Transition.done;
+	}
+	const l = Listener;
+	const o = Owner;
+	return Promise.resolve().then(() => {
+		Listener = l;
+		Owner = o;
+		let t;
+		if (Scheduler || SuspenseContext) {
+			t = Transition || (Transition = {
+				sources: /* @__PURE__ */ new Set(),
+				effects: [],
+				promises: /* @__PURE__ */ new Set(),
+				disposed: /* @__PURE__ */ new Set(),
+				queue: /* @__PURE__ */ new Set(),
+				running: true
+			});
+			t.done || (t.done = new Promise((res) => t.resolve = res));
+			t.running = true;
+		}
+		runUpdates(fn, false);
+		Listener = Owner = null;
+		return t ? t.done : void 0;
+	});
+}
+const [transPending, setTransPending] = /* @__PURE__ */ createSignal(false);
+function useContext(context) {
+	let value;
+	return Owner && Owner.context && (value = Owner.context[context.id]) !== void 0 ? value : context.defaultValue;
+}
+let SuspenseContext;
+function readSignal() {
+	const runningTransition = Transition && Transition.running;
+	if (this.sources && (runningTransition ? this.tState : this.state)) if ((runningTransition ? this.tState : this.state) === STALE) updateComputation(this);
+	else {
+		const updates = Updates;
+		Updates = null;
+		runUpdates(() => lookUpstream(this), false);
+		Updates = updates;
+	}
+	if (Listener) {
+		const sSlot = this.observers ? this.observers.length : 0;
+		if (!Listener.sources) {
+			Listener.sources = [this];
+			Listener.sourceSlots = [sSlot];
+		} else {
+			Listener.sources.push(this);
+			Listener.sourceSlots.push(sSlot);
+		}
+		if (!this.observers) {
+			this.observers = [Listener];
+			this.observerSlots = [Listener.sources.length - 1];
+		} else {
+			this.observers.push(Listener);
+			this.observerSlots.push(Listener.sources.length - 1);
+		}
+	}
+	if (runningTransition && Transition.sources.has(this)) return this.tValue;
+	return this.value;
+}
+function writeSignal(node, value, isComp) {
+	let current = Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value;
+	if (!node.comparator || !node.comparator(current, value)) {
+		if (Transition) {
+			const TransitionRunning = Transition.running;
+			if (TransitionRunning || !isComp && Transition.sources.has(node)) {
+				Transition.sources.add(node);
+				node.tValue = value;
+			}
+			if (!TransitionRunning) node.value = value;
+		} else node.value = value;
+		if (node.observers && node.observers.length) runUpdates(() => {
+			for (let i = 0; i < node.observers.length; i += 1) {
+				const o = node.observers[i];
+				const TransitionRunning = Transition && Transition.running;
+				if (TransitionRunning && Transition.disposed.has(o)) continue;
+				if (TransitionRunning ? !o.tState : !o.state) {
+					if (o.pure) Updates.push(o);
+					else Effects.push(o);
+					if (o.observers) markDownstream(o);
+				}
+				if (!TransitionRunning) o.state = STALE;
+				else o.tState = STALE;
+			}
+			if (Updates.length > 1e6) {
+				Updates = [];
+				throw new Error();
+			}
+		}, false);
+	}
+	return value;
+}
+function updateComputation(node) {
+	if (!node.fn) return;
+	cleanNode(node);
+	const time = ExecCount;
+	runComputation(node, Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value, time);
+	if (Transition && !Transition.running && Transition.sources.has(node)) queueMicrotask(() => {
+		runUpdates(() => {
+			Transition && (Transition.running = true);
+			Listener = Owner = node;
+			runComputation(node, node.tValue, time);
+			Listener = Owner = null;
+		}, false);
+	});
+}
+function runComputation(node, value, time) {
+	let nextValue;
+	const owner = Owner, listener = Listener;
+	Listener = Owner = node;
+	try {
+		nextValue = node.fn(value);
+	} catch (err) {
+		if (node.pure) if (Transition && Transition.running) {
+			node.tState = STALE;
+			node.tOwned && node.tOwned.forEach(cleanNode);
+			node.tOwned = void 0;
+		} else {
+			node.state = STALE;
+			node.owned && node.owned.forEach(cleanNode);
+			node.owned = null;
+		}
+		node.updatedAt = time + 1;
+		return handleError(err);
+	} finally {
+		Listener = listener;
+		Owner = owner;
+	}
+	if (!node.updatedAt || node.updatedAt <= time) {
+		if (node.updatedAt != null && "observers" in node) writeSignal(node, nextValue, true);
+		else if (Transition && Transition.running && node.pure) {
+			Transition.sources.add(node);
+			node.tValue = nextValue;
+		} else node.value = nextValue;
+		node.updatedAt = time;
+	}
+}
+function createComputation(fn, init, pure, state = STALE, options) {
+	const c = {
+		fn,
+		state,
+		updatedAt: null,
+		owned: null,
+		sources: null,
+		sourceSlots: null,
+		cleanups: null,
+		value: init,
+		owner: Owner,
+		context: Owner ? Owner.context : null,
+		pure
+	};
+	if (Transition && Transition.running) {
+		c.state = 0;
+		c.tState = state;
+	}
+	if (Owner === null);
+	else if (Owner !== UNOWNED) if (Transition && Transition.running && Owner.pure) if (!Owner.tOwned) Owner.tOwned = [c];
+	else Owner.tOwned.push(c);
+	else if (!Owner.owned) Owner.owned = [c];
+	else Owner.owned.push(c);
+	if (ExternalSourceConfig && c.fn) {
+		const [track, trigger] = createSignal(void 0, { equals: false });
+		const ordinary = ExternalSourceConfig.factory(c.fn, trigger);
+		onCleanup(() => ordinary.dispose());
+		const triggerInTransition = () => startTransition(trigger).then(() => inTransition.dispose());
+		const inTransition = ExternalSourceConfig.factory(c.fn, triggerInTransition);
+		c.fn = (x) => {
+			track();
+			return Transition && Transition.running ? inTransition.track(x) : ordinary.track(x);
+		};
+	}
+	return c;
+}
+function runTop(node) {
+	const runningTransition = Transition && Transition.running;
+	if ((runningTransition ? node.tState : node.state) === 0) return;
+	if ((runningTransition ? node.tState : node.state) === PENDING) return lookUpstream(node);
+	if (node.suspense && untrack(node.suspense.inFallback)) return node.suspense.effects.push(node);
+	const ancestors = [node];
+	while ((node = node.owner) && (!node.updatedAt || node.updatedAt < ExecCount)) {
+		if (runningTransition && Transition.disposed.has(node)) return;
+		if (runningTransition ? node.tState : node.state) ancestors.push(node);
+	}
+	for (let i = ancestors.length - 1; i >= 0; i--) {
+		node = ancestors[i];
+		if (runningTransition) {
+			let top = node, prev = ancestors[i + 1];
+			while ((top = top.owner) && top !== prev) if (Transition.disposed.has(top)) return;
+		}
+		if ((runningTransition ? node.tState : node.state) === STALE) updateComputation(node);
+		else if ((runningTransition ? node.tState : node.state) === PENDING) {
+			const updates = Updates;
+			Updates = null;
+			runUpdates(() => lookUpstream(node, ancestors[0]), false);
+			Updates = updates;
+		}
+	}
+}
+function runUpdates(fn, init) {
+	if (Updates) return fn();
+	let wait = false;
+	if (!init) Updates = [];
+	if (Effects) wait = true;
+	else Effects = [];
+	ExecCount++;
+	try {
+		const res = fn();
+		completeUpdates(wait);
+		return res;
+	} catch (err) {
+		if (!wait) Effects = null;
+		Updates = null;
+		handleError(err);
+	}
+}
+function completeUpdates(wait) {
+	if (Updates) {
+		if (Scheduler && Transition && Transition.running) scheduleQueue(Updates);
+		else runQueue(Updates);
+		Updates = null;
+	}
+	if (wait) return;
+	let res;
+	if (Transition) {
+		if (!Transition.promises.size && !Transition.queue.size) {
+			const sources = Transition.sources;
+			const disposed = Transition.disposed;
+			Effects.push.apply(Effects, Transition.effects);
+			res = Transition.resolve;
+			for (const e$1 of Effects) {
+				"tState" in e$1 && (e$1.state = e$1.tState);
+				delete e$1.tState;
+			}
+			Transition = null;
+			runUpdates(() => {
+				for (const d of disposed) cleanNode(d);
+				for (const v of sources) {
+					v.value = v.tValue;
+					if (v.owned) for (let i = 0, len = v.owned.length; i < len; i++) cleanNode(v.owned[i]);
+					if (v.tOwned) v.owned = v.tOwned;
+					delete v.tValue;
+					delete v.tOwned;
+					v.tState = 0;
+				}
+				setTransPending(false);
+			}, false);
+		} else if (Transition.running) {
+			Transition.running = false;
+			Transition.effects.push.apply(Transition.effects, Effects);
+			Effects = null;
+			setTransPending(true);
+			return;
+		}
+	}
+	const e = Effects;
+	Effects = null;
+	if (e.length) runUpdates(() => runEffects(e), false);
+	if (res) res();
+}
+function runQueue(queue) {
+	for (let i = 0; i < queue.length; i++) runTop(queue[i]);
+}
+function scheduleQueue(queue) {
+	for (let i = 0; i < queue.length; i++) {
+		const item = queue[i];
+		const tasks = Transition.queue;
+		if (!tasks.has(item)) {
+			tasks.add(item);
+			Scheduler(() => {
+				tasks.delete(item);
+				runUpdates(() => {
+					Transition.running = true;
+					runTop(item);
+				}, false);
+				Transition && (Transition.running = false);
+			});
+		}
+	}
+}
+function runUserEffects(queue) {
+	let i, userLength = 0;
+	for (i = 0; i < queue.length; i++) {
+		const e = queue[i];
+		if (!e.user) runTop(e);
+		else queue[userLength++] = e;
+	}
+	if (sharedConfig.context) {
+		if (sharedConfig.count) {
+			sharedConfig.effects || (sharedConfig.effects = []);
+			sharedConfig.effects.push(...queue.slice(0, userLength));
+			return;
+		}
+		setHydrateContext();
+	}
+	if (sharedConfig.effects && (sharedConfig.done || !sharedConfig.count)) {
+		queue = [...sharedConfig.effects, ...queue];
+		userLength += sharedConfig.effects.length;
+		delete sharedConfig.effects;
+	}
+	for (i = 0; i < userLength; i++) runTop(queue[i]);
+}
+function lookUpstream(node, ignore) {
+	const runningTransition = Transition && Transition.running;
+	if (runningTransition) node.tState = 0;
+	else node.state = 0;
+	for (let i = 0; i < node.sources.length; i += 1) {
+		const source = node.sources[i];
+		if (source.sources) {
+			const state = runningTransition ? source.tState : source.state;
+			if (state === STALE) {
+				if (source !== ignore && (!source.updatedAt || source.updatedAt < ExecCount)) runTop(source);
+			} else if (state === PENDING) lookUpstream(source, ignore);
+		}
+	}
+}
+function markDownstream(node) {
+	const runningTransition = Transition && Transition.running;
+	for (let i = 0; i < node.observers.length; i += 1) {
+		const o = node.observers[i];
+		if (runningTransition ? !o.tState : !o.state) {
+			if (runningTransition) o.tState = PENDING;
+			else o.state = PENDING;
+			if (o.pure) Updates.push(o);
+			else Effects.push(o);
+			o.observers && markDownstream(o);
+		}
+	}
+}
+function cleanNode(node) {
+	let i;
+	if (node.sources) while (node.sources.length) {
+		const source = node.sources.pop(), index = node.sourceSlots.pop(), obs = source.observers;
+		if (obs && obs.length) {
+			const n = obs.pop(), s = source.observerSlots.pop();
+			if (index < obs.length) {
+				n.sourceSlots[s] = index;
+				obs[index] = n;
+				source.observerSlots[index] = s;
+			}
+		}
+	}
+	if (node.tOwned) {
+		for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]);
+		delete node.tOwned;
+	}
+	if (Transition && Transition.running && node.pure) reset(node, true);
+	else if (node.owned) {
+		for (i = node.owned.length - 1; i >= 0; i--) cleanNode(node.owned[i]);
+		node.owned = null;
+	}
+	if (node.cleanups) {
+		for (i = node.cleanups.length - 1; i >= 0; i--) node.cleanups[i]();
+		node.cleanups = null;
+	}
+	if (Transition && Transition.running) node.tState = 0;
+	else node.state = 0;
+}
+function reset(node, top) {
+	if (!top) {
+		node.tState = 0;
+		Transition.disposed.add(node);
+	}
+	if (node.owned) for (let i = 0; i < node.owned.length; i++) reset(node.owned[i]);
+}
+function castError(err) {
+	if (err instanceof Error) return err;
+	return new Error(typeof err === "string" ? err : "Unknown error", { cause: err });
+}
+function runErrors(err, fns, owner) {
+	try {
+		for (const f of fns) f(err);
+	} catch (e) {
+		handleError(e, owner && owner.owner || null);
+	}
+}
+function handleError(err, owner = Owner) {
+	const fns = ERROR && owner && owner.context && owner.context[ERROR];
+	const error = castError(err);
+	if (!fns) throw error;
+	if (Effects) Effects.push({
+		fn() {
+			runErrors(error, fns, owner);
+		},
+		state: STALE
+	});
+	else runErrors(error, fns, owner);
+}
+const FALLBACK = Symbol("fallback");
+function dispose(d) {
+	for (let i = 0; i < d.length; i++) d[i]();
+}
+function mapArray(list, mapFn, options = {}) {
+	let items = [], mapped = [], disposers = [], len = 0, indexes = mapFn.length > 1 ? [] : null;
+	onCleanup(() => dispose(disposers));
+	return () => {
+		let newItems = list() || [], newLen = newItems.length, i, j;
+		newItems[$TRACK];
+		return untrack(() => {
+			let newIndices, newIndicesNext, temp, tempdisposers, tempIndexes, start, end, newEnd, item;
+			if (newLen === 0) {
+				if (len !== 0) {
+					dispose(disposers);
+					disposers = [];
+					items = [];
+					mapped = [];
+					len = 0;
+					indexes && (indexes = []);
+				}
+				if (options.fallback) {
+					items = [FALLBACK];
+					mapped[0] = createRoot((disposer) => {
+						disposers[0] = disposer;
+						return options.fallback();
+					});
+					len = 1;
+				}
+			} else if (len === 0) {
+				mapped = new Array(newLen);
+				for (j = 0; j < newLen; j++) {
+					items[j] = newItems[j];
+					mapped[j] = createRoot(mapper);
+				}
+				len = newLen;
+			} else {
+				temp = new Array(newLen);
+				tempdisposers = new Array(newLen);
+				indexes && (tempIndexes = new Array(newLen));
+				for (start = 0, end = Math.min(len, newLen); start < end && items[start] === newItems[start]; start++);
+				for (end = len - 1, newEnd = newLen - 1; end >= start && newEnd >= start && items[end] === newItems[newEnd]; end--, newEnd--) {
+					temp[newEnd] = mapped[end];
+					tempdisposers[newEnd] = disposers[end];
+					indexes && (tempIndexes[newEnd] = indexes[end]);
+				}
+				newIndices = /* @__PURE__ */ new Map();
+				newIndicesNext = new Array(newEnd + 1);
+				for (j = newEnd; j >= start; j--) {
+					item = newItems[j];
+					i = newIndices.get(item);
+					newIndicesNext[j] = i === void 0 ? -1 : i;
+					newIndices.set(item, j);
+				}
+				for (i = start; i <= end; i++) {
+					item = items[i];
+					j = newIndices.get(item);
+					if (j !== void 0 && j !== -1) {
+						temp[j] = mapped[i];
+						tempdisposers[j] = disposers[i];
+						indexes && (tempIndexes[j] = indexes[i]);
+						j = newIndicesNext[j];
+						newIndices.set(item, j);
+					} else disposers[i]();
+				}
+				for (j = start; j < newLen; j++) if (j in temp) {
+					mapped[j] = temp[j];
+					disposers[j] = tempdisposers[j];
+					if (indexes) {
+						indexes[j] = tempIndexes[j];
+						indexes[j](j);
+					}
+				} else mapped[j] = createRoot(mapper);
+				mapped = mapped.slice(0, len = newLen);
+				items = newItems.slice(0);
+			}
+			return mapped;
+		});
+		function mapper(disposer) {
+			disposers[j] = disposer;
+			if (indexes) {
+				const [s, set] = createSignal(j);
+				indexes[j] = set;
+				return mapFn(newItems[j], s);
+			}
+			return mapFn(newItems[j]);
+		}
+	};
+}
+const narrowedError = (name) => `Stale read from <${name}>.`;
+function For(props) {
+	const fallback = "fallback" in props && { fallback: () => props.fallback };
+	return createMemo(mapArray(() => props.each, props.children, fallback || void 0));
+}
+function Show(props) {
+	const keyed = props.keyed;
+	const conditionValue = createMemo(() => props.when, void 0, void 0);
+	const condition = keyed ? conditionValue : createMemo(conditionValue, void 0, { equals: (a, b) => !a === !b });
+	return createMemo(() => {
+		const c = condition();
+		if (c) {
+			const child = props.children;
+			return typeof child === "function" && child.length > 0 ? untrack(() => child(keyed ? c : () => {
+				if (!untrack(condition)) throw narrowedError("Show");
+				return conditionValue();
+			})) : child;
+		}
+		return props.fallback;
+	}, void 0, void 0);
+}
+
+//#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 ../common/dist/strings/tokenize.js
+function buildTokenizeFuncUsingSplitters(splitters) {
+	splitters = Array.isArray(splitters) ? splitters : [splitters];
+	const tokenize = (s) => {
+		let r = s.split(splitters[0]).filter((t) => t != "" && t != void 0);
+		for (const splitter of splitters.slice(1)) {
+			const r0 = [...r];
+			r = [];
+			for (const s$1 of r0) r.push(...tokenizeFilterString(s$1, {
+				splitter,
+				filter: (t) => t != "" && t != void 0
+			}));
+		}
+		return r;
+	};
+	return tokenize;
+}
+function buildArgTokenizeFunc(tokenize) {
+	const argTokenize = (arg) => {
+		if (arg == void 0) return [];
+		else if (Array.isArray(arg)) {
+			const r = [];
+			for (const a of arg) r.push(...argTokenize(a));
+			return r;
+		} else return tokenize(arg);
+	};
+	return argTokenize;
+}
+const tokenizeBySpaces = buildTokenizeFuncUsingSplitters(/\s+/);
+const argTokenizeBySpaces = buildArgTokenizeFunc(tokenizeBySpaces);
+function tokenizeFilterString(s, options = {}) {
+	const separator = options.splitter ?? /\s+/;
+	const filter = options.filter ?? ((s$1) => s$1.length > 0);
+	return s.split(separator).filter(filter);
+}
+function deduplicate(items) {
+	const r = [];
+	const itemSet = /* @__PURE__ */ new Set();
+	for (const item of items) if (!itemSet.has(item)) {
+		r.push(item);
+		itemSet.add(item);
+	}
+	return r;
+}
+
+//#endregion
+//#region ../common/dist/messages/logMessages.js
+const LogLevels = [
+	"ERROR",
+	"WARNING",
+	"INFO",
+	"DEBUG"
+];
+const LogLevelsMap = /* @__PURE__ */ new Map();
+LogLevels.forEach((level, i) => {
+	LogLevelsMap.set(level, LogLevels.length - i);
+});
+
+//#endregion
+//#region src/stylers/normalizers.ts
+function twMergeNormalize(raw) {
+	return tokenizeFilterString(twMerge(...raw));
+}
+function mainTagNormalize(rawTags, defaultTag) {
+	return exclusiveTagsNormalize(rawTags, (tag) => tag.length == 1 && tag.toUpperCase() == tag, defaultTag);
+}
+function exclusiveTagsNormalize(rawTags, tagSet, defaultTag) {
+	const rhead = [];
+	const rtail = [];
+	let rtag = void 0;
+	const tagSetFunc = typeof tagSet == "function" ? tagSet : (tag) => tagSet.has(tag);
+	for (const tag of rawTags) if (tagSetFunc(tag)) {
+		rtag = tag;
+		rhead.push(...rtail);
+		rtail.length = 0;
+	} else if (rtag == void 0) rhead.push(tag);
+	else rtail.push(tag);
+	rtag = rtag ?? defaultTag;
+	return rtag == void 0 ? [...rhead, ...rtail] : [
+		...rhead,
+		rtag,
+		...rtail
+	];
+}
+
+//#endregion
+//#region src/stylers/SVTStyler.ts
+var SVTStyler = class SVTStyler {
+	_rules = [];
+	options;
+	constructor(rules, options = {}) {
+		for (const r of rules) this._rules.push(SVTStyler.normalizeRule(r));
+		this.options = { ...options };
+	}
+	with(rules, options = {}) {
+		const addedRules = [];
+		for (const r of rules) addedRules.push(SVTStyler.normalizeRule(r));
+		const styler = new SVTStyler([], { ...this.options });
+		styler._rules.push(...this._rules, ...addedRules);
+		return styler;
+	}
+	classes(stags, vtags) {
+		const r = [];
+		let stagsNormalized = argTokenizeBySpaces(stags);
+		let vtagsNormalized = argTokenizeBySpaces(vtags);
+		if (this.options.stagsNormaliser) stagsNormalized = this.options.stagsNormaliser(stagsNormalized);
+		if (this.options.vtagsNormaliser) vtagsNormalized = this.options.vtagsNormaliser(vtagsNormalized);
+		for (const rule of this._rules) if (this.ruleMatches(rule, stagsNormalized, vtagsNormalized)) r.push(...rule.classes);
+		return this.options.normalizer ? this.options.normalizer(r) : r;
+	}
+	static normalizeRule(rule) {
+		let stagMode = rule.stagMode ?? "or";
+		let vtagMode = rule.vtagMode ?? "or";
+		let stags = deduplicate(argTokenizeBySpaces(rule.stags));
+		let vtags = deduplicate(argTokenizeBySpaces(rule.vtags));
+		let classes = deduplicate(argTokenizeBySpaces(rule.classes));
+		if (rule.stags == void 0 && rule.stagMode == void 0) stagMode = "any";
+		if (rule.vtags == void 0 && rule.vtagMode == void 0) vtagMode = "any";
+		return {
+			stagRule: {
+				mode: stagMode,
+				tags: stags
+			},
+			vtagRule: {
+				mode: vtagMode,
+				tags: vtags
+			},
+			classes
+		};
+	}
+	ruleMatches(rule, stags, vtags) {
+		return tagRuleMatches(rule.stagRule, stags) && tagRuleMatches(rule.vtagRule, vtags);
+	}
+};
+function tagRuleMatches(rule, candidateTags) {
+	if (rule.mode == "any") return true;
+	else if (rule.mode == "or") {
+		for (const ctag of candidateTags) if (rule.tags.indexOf(ctag) >= 0) return true;
+		return false;
+	} else if (rule.mode == "and") {
+		for (const rtag of rule.tags) if (candidateTags.indexOf(rtag) < 0) return false;
+		return true;
+	}
+	return false;
+}
+
+//#endregion
+//#region src/stylers/base.styler.ts
+const baseStyler = new SVTStyler([
+	{
+		vtags: "A",
+		classes: "bg-slate-100 text-slate-800"
+	},
+	{
+		vtags: "B",
+		classes: "bg-slate-800 text-slate-100"
+	},
+	{
+		vtags: "C",
+		classes: "bg-stone-300 text-orange-950"
+	},
+	{
+		vtags: "D",
+		classes: "bg-orange-900 text-stone-100"
+	},
+	{
+		vtags: "LG",
+		classes: "text-xl p-2"
+	},
+	{
+		vtags: "BASE",
+		classes: "text-base p-1"
+	},
+	{
+		vtags: "SM",
+		classes: "text-sm p-0.5"
+	},
+	{
+		vtags: "LG",
+		stags: "item",
+		classes: "text-xl px-2 py-1"
+	},
+	{
+		vtags: "BASE",
+		stags: "item",
+		classes: "text-base px-1 py-0.5"
+	},
+	{
+		vtags: "SM",
+		stags: "item",
+		classes: "text-sm p-0.5"
+	},
+	{
+		stags: "item:selected",
+		classes: "underline font-bold"
+	},
+	{
+		stags: "item:disabled",
+		classes: "blur-[1px]"
+	},
+	{
+		stags: "item/disabler",
+		classes: "bg-slate-300/85 cursor-not-allowed"
+	}
+], {
+	normalizer: twMergeNormalize,
+	vtagsNormaliser: (tags) => exclusiveTagsNormalize(mainTagNormalize(tags, "A"), new Set([
+		"SM",
+		"BASE",
+		"LG"
+	]), "BASE")
+});
+
+//#endregion
+//#region src/stylers/Stylers.ts
+var Stylers = class {
+	static _base;
+	static _stylersMap = /* @__PURE__ */ new Map();
+	static get base() {
+		return this._base;
+	}
+	static setBase(base) {
+		return this._base = base;
+	}
+	static {
+		this._stylersMap.set("default", baseStyler);
+		this.setBase(baseStyler);
+	}
+	static get(name) {
+		return this._stylersMap.get(name);
+	}
+};
+
+//#endregion
+//#region src/items/Item.tsx
+const Item = (props) => {
+	const itemData = () => {
+		const r = buildIdLabel(props.idLabel);
+		if (props.selected) r.label = `[${r.label}]`;
+		return r;
+	};
+	const currentSTags = () => {
+		const r = [];
+		r.push("item");
+		if (props.selected) r.push("item:selected");
+		if (props.disabled) r.push("item:disabled");
+		return r;
+	};
+	const currentStyler = () => {
+		if (props.styler) return props.styler;
+		else return Stylers.base;
+	};
+	const classProp = createMemo(() => {
+		if (props.class == void 0) return {};
+		else if (typeof props.class == "string") return { item: props.class };
+		else return props.class;
+	});
+	const itemClasses = () => {
+		const stags = currentSTags();
+		const styler = currentStyler();
+		const rawClasses = [];
+		const stylerClasses = styler ? styler.classes(stags, props.vtags) : void 0;
+		rawClasses.push(...stylerClasses ?? []);
+		if (props.callback) rawClasses.push("select-none cursor-pointer");
+		const customClasses = classProp();
+		if (customClasses.item) rawClasses.push(customClasses.item);
+		if (props.selected && customClasses.selected) rawClasses.push(customClasses.selected);
+		if (props.disabled && customClasses.disabled) rawClasses.push(customClasses.disabled);
+		rawClasses.push("relative");
+		return twMerge(rawClasses);
+	};
+	const disablerClasses = createMemo(() => {
+		const rawClasses = [];
+		if (currentStyler()) rawClasses.push(...currentStyler().classes("item/disabler", props.vtags));
+		if (classProp().disabler) rawClasses.push(classProp().disabler);
+		rawClasses.push("absolute inset-0");
+		return twMerge(rawClasses);
+	});
+	function handleClick() {
+		if (props.callback != void 0) props.callback(itemData());
+	}
+	return <div onClick={handleClick} class={itemClasses()}>
+      {itemData().label}
+      <Show when={props.disabled}>
+        <div class={disablerClasses()} onClick={(e) => {
+		if (!props.clickableWhendisabled) e.stopPropagation();
+	}}></div>
+      </Show>
+    </div>;
+};
+
+//#endregion
+//#region src/Block.tsx
+const Block = (props) => {
+	const currentStyler = () => {
+		if (props.styler) return props.styler;
+		else return Stylers.base;
+	};
+	function blockClasses() {
+		const classes = currentStyler().classes("block", props.vtags) ?? [];
+		if (props.class) classes.push(props.class);
+		return twMerge(classes);
+	}
+	return <div class={blockClasses()}>
+      {props.children}
+    </div>;
+};
+
+//#endregion
+//#region src/items/ItemGroup.tsx
+const ItemGroup = (props) => {
+	const items = () => props.items.map(buildIdLabel);
+	createEffect(() => {
+		console.log("GROUP ITEMS", items());
+	});
+	const currentVTags = createMemo(() => {
+		const item = [];
+		const group = [];
+		const _vtags = props.vtags;
+		if (Array.isArray(_vtags) || typeof _vtags == "string") group.push(...argTokenizeBySpaces(_vtags));
+		else if (typeof _vtags == "object" && _vtags != null) {
+			group.push(...argTokenizeBySpaces(_vtags.group));
+			item.push(...argTokenizeBySpaces(_vtags.item));
+		}
+		return {
+			group,
+			item
+		};
+	});
+	const classes = createMemo(() => {
+		let group = "";
+		let item = "";
+		if (typeof props.class == "string") group = props.class;
+		else if (props.class != void 0) {
+			props.class;
+			group = props.class.group ?? "";
+			item = props.class.item ?? "";
+		}
+		return {
+			group,
+			item
+		};
+	});
+	const blockClasses = () => {
+		return twMerge("flex flex-row gap-1", classes().group);
+	};
+	const itemClasses = () => {
+		return classes().item;
+	};
+	const callCallback = (item) => {
+		if (props.callback) props.callback(item);
+	};
+	const itemSelected = (id) => {
+		if (typeof props.selection == "string") return id == props.selection;
+		else if (typeof props.selection == "object") return !!props.selection[id];
+		return false;
+	};
+	return <Block class={blockClasses()} vtags={currentVTags().group}>
+      <For each={items()}>
+        {(item) => {
+		const selected = () => itemSelected(item.id);
+		return <Item idLabel={item} selected={selected()} callback={() => callCallback(item)} class={itemClasses()} vtags={currentVTags().item}></Item>;
+	}}
+      </For>
+    </Block>;
+};
+
+//#endregion
+//#region src/soltw.tsx
+const SolTw = (props) => {
+	return <div class="bg-red-600">- - S O L T W - -</div>;
+};
+
+//#endregion
 export { Block, Item, ItemGroup, SVTStyler, SolTw, Stylers, baseStyler, buildIdLabel, exclusiveTagsNormalize, mainTagNormalize, tagRuleMatches, twMergeNormalize };