@mrts/soltw 0.3.12 → 0.3.21

package/dist/index.jsx

@@ -1,3606 +1,12 @@
-//#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;
-	}
-}
+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";
 
-//#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;
-}
-const equalFn = (a, b) => a === b;
-const $PROXY = Symbol("solid-proxy");
-const SUPPORTS_PROXY = typeof Proxy === "function";
-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 createRenderEffect(fn, value, options) {
-	const c = createComputation(fn, value, false, STALE);
-	if (Scheduler && Transition && Transition.running) Updates.push(c);
-	else 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);
-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 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]);
-		}
-	};
-}
-function trueFn() {
-	return true;
-}
-const propTraps = {
-	get(_, property, receiver) {
-		if (property === $PROXY) return receiver;
-		return _.get(property);
-	},
-	has(_, property) {
-		if (property === $PROXY) return true;
-		return _.has(property);
-	},
-	set: trueFn,
-	deleteProperty: trueFn,
-	getOwnPropertyDescriptor(_, property) {
-		return {
-			configurable: true,
-			enumerable: true,
-			get() {
-				return _.get(property);
-			},
-			set: trueFn,
-			deleteProperty: trueFn
-		};
-	},
-	ownKeys(_) {
-		return _.keys();
-	}
-};
-function splitProps(props, ...keys) {
-	const len = keys.length;
-	if (SUPPORTS_PROXY && $PROXY in props) {
-		const blocked = len > 1 ? keys.flat() : keys[0];
-		const res = keys.map((k) => {
-			return new Proxy({
-				get(property) {
-					return k.includes(property) ? props[property] : void 0;
-				},
-				has(property) {
-					return k.includes(property) && property in props;
-				},
-				keys() {
-					return k.filter((property) => property in props);
-				}
-			}, propTraps);
-		});
-		res.push(new Proxy({
-			get(property) {
-				return blocked.includes(property) ? void 0 : props[property];
-			},
-			has(property) {
-				return blocked.includes(property) ? false : property in props;
-			},
-			keys() {
-				return Object.keys(props).filter((k) => !blocked.includes(k));
-			}
-		}, propTraps));
-		return res;
-	}
-	const objects = [];
-	for (let i = 0; i <= len; i++) objects[i] = {};
-	for (const propName of Object.getOwnPropertyNames(props)) {
-		let keyIndex = len;
-		for (let i = 0; i < keys.length; i++) if (keys[i].includes(propName)) {
-			keyIndex = i;
-			break;
-		}
-		const desc = Object.getOwnPropertyDescriptor(props, propName);
-		!desc.get && !desc.set && desc.enumerable && desc.writable && desc.configurable ? objects[keyIndex][propName] = desc.value : Object.defineProperty(objects[keyIndex], propName, desc);
-	}
-	return objects;
-}
-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$1) => {
-		if (className$1.startsWith("[") && className$1.endsWith("]")) return getGroupIdForArbitraryProperty(className$1);
-		const classParts = className$1.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$1) => className$1.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-	const content = className$1.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$1) => {
-		const modifiers = [];
-		let bracketDepth = 0;
-		let parenDepth = 0;
-		let modifierStart = 0;
-		let postfixModifierPosition;
-		const len = className$1.length;
-		for (let index = 0; index < len; index++) {
-			const currentCharacter = className$1[index];
-			if (bracketDepth === 0 && parenDepth === 0) {
-				if (currentCharacter === MODIFIER_SEPARATOR) {
-					modifiers.push(className$1.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$1 : className$1.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$1) => className$1.startsWith(fullPrefix) ? parseClassNameOriginal(className$1.slice(fullPrefix.length)) : createResultObject(EMPTY_MODIFIERS, false, className$1, void 0, true);
-	}
-	if (experimentalParseClassName) {
-		const parseClassNameOriginal = parseClassName;
-		parseClassName = (className$1) => experimentalParseClassName({
-			className: className$1,
-			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$1, 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$1.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$1) => {
-		configUtils = createConfigUtils(createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst()));
-		cacheGet = configUtils.cache.get;
-		cacheSet = configUtils.cache.set;
-		functionToCall = tailwindMerge;
-		return tailwindMerge(classList$1);
-	};
-	const tailwindMerge = (classList$1) => {
-		const cachedResult = cacheGet(classList$1);
-		if (cachedResult) return cachedResult;
-		const result = mergeClassList(classList$1, configUtils);
-		cacheSet(classList$1, 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 = () => buildIdLabel(props.idLabel);
-	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 = createMemo(() => {
-		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 ../../node_modules/solid-js/web/dist/web.js
-const Properties = /* @__PURE__ */ new Set([
-	"className",
-	"value",
-	"readOnly",
-	"noValidate",
-	"formNoValidate",
-	"isMap",
-	"noModule",
-	"playsInline",
-	"adAuctionHeaders",
-	"allowFullscreen",
-	"browsingTopics",
-	"defaultChecked",
-	"defaultMuted",
-	"defaultSelected",
-	"disablePictureInPicture",
-	"disableRemotePlayback",
-	"preservesPitch",
-	"shadowRootClonable",
-	"shadowRootCustomElementRegistry",
-	"shadowRootDelegatesFocus",
-	"shadowRootSerializable",
-	"sharedStorageWritable",
-	...[
-		"allowfullscreen",
-		"async",
-		"alpha",
-		"autofocus",
-		"autoplay",
-		"checked",
-		"controls",
-		"default",
-		"disabled",
-		"formnovalidate",
-		"hidden",
-		"indeterminate",
-		"inert",
-		"ismap",
-		"loop",
-		"multiple",
-		"muted",
-		"nomodule",
-		"novalidate",
-		"open",
-		"playsinline",
-		"readonly",
-		"required",
-		"reversed",
-		"seamless",
-		"selected",
-		"adauctionheaders",
-		"browsingtopics",
-		"credentialless",
-		"defaultchecked",
-		"defaultmuted",
-		"defaultselected",
-		"defer",
-		"disablepictureinpicture",
-		"disableremoteplayback",
-		"preservespitch",
-		"shadowrootclonable",
-		"shadowrootcustomelementregistry",
-		"shadowrootdelegatesfocus",
-		"shadowrootserializable",
-		"sharedstoragewritable"
-	]
-]);
-const ChildProperties = /* @__PURE__ */ new Set([
-	"innerHTML",
-	"textContent",
-	"innerText",
-	"children"
-]);
-const Aliases = /* @__PURE__ */ Object.assign(Object.create(null), {
-	className: "class",
-	htmlFor: "for"
-});
-const PropAliases = /* @__PURE__ */ Object.assign(Object.create(null), {
-	class: "className",
-	novalidate: {
-		$: "noValidate",
-		FORM: 1
-	},
-	formnovalidate: {
-		$: "formNoValidate",
-		BUTTON: 1,
-		INPUT: 1
-	},
-	ismap: {
-		$: "isMap",
-		IMG: 1
-	},
-	nomodule: {
-		$: "noModule",
-		SCRIPT: 1
-	},
-	playsinline: {
-		$: "playsInline",
-		VIDEO: 1
-	},
-	readonly: {
-		$: "readOnly",
-		INPUT: 1,
-		TEXTAREA: 1
-	},
-	adauctionheaders: {
-		$: "adAuctionHeaders",
-		IFRAME: 1
-	},
-	allowfullscreen: {
-		$: "allowFullscreen",
-		IFRAME: 1
-	},
-	browsingtopics: {
-		$: "browsingTopics",
-		IMG: 1
-	},
-	defaultchecked: {
-		$: "defaultChecked",
-		INPUT: 1
-	},
-	defaultmuted: {
-		$: "defaultMuted",
-		AUDIO: 1,
-		VIDEO: 1
-	},
-	defaultselected: {
-		$: "defaultSelected",
-		OPTION: 1
-	},
-	disablepictureinpicture: {
-		$: "disablePictureInPicture",
-		VIDEO: 1
-	},
-	disableremoteplayback: {
-		$: "disableRemotePlayback",
-		AUDIO: 1,
-		VIDEO: 1
-	},
-	preservespitch: {
-		$: "preservesPitch",
-		AUDIO: 1,
-		VIDEO: 1
-	},
-	shadowrootclonable: {
-		$: "shadowRootClonable",
-		TEMPLATE: 1
-	},
-	shadowrootdelegatesfocus: {
-		$: "shadowRootDelegatesFocus",
-		TEMPLATE: 1
-	},
-	shadowrootserializable: {
-		$: "shadowRootSerializable",
-		TEMPLATE: 1
-	},
-	sharedstoragewritable: {
-		$: "sharedStorageWritable",
-		IFRAME: 1,
-		IMG: 1
-	}
-});
-function getPropAlias(prop, tagName) {
-	const a = PropAliases[prop];
-	return typeof a === "object" ? a[tagName] ? a["$"] : void 0 : a;
-}
-const DelegatedEvents = /* @__PURE__ */ new Set([
-	"beforeinput",
-	"click",
-	"dblclick",
-	"contextmenu",
-	"focusin",
-	"focusout",
-	"input",
-	"keydown",
-	"keyup",
-	"mousedown",
-	"mousemove",
-	"mouseout",
-	"mouseover",
-	"mouseup",
-	"pointerdown",
-	"pointermove",
-	"pointerout",
-	"pointerover",
-	"pointerup",
-	"touchend",
-	"touchmove",
-	"touchstart"
-]);
-const SVGElements = /* @__PURE__ */ new Set([
-	"altGlyph",
-	"altGlyphDef",
-	"altGlyphItem",
-	"animate",
-	"animateColor",
-	"animateMotion",
-	"animateTransform",
-	"circle",
-	"clipPath",
-	"color-profile",
-	"cursor",
-	"defs",
-	"desc",
-	"ellipse",
-	"feBlend",
-	"feColorMatrix",
-	"feComponentTransfer",
-	"feComposite",
-	"feConvolveMatrix",
-	"feDiffuseLighting",
-	"feDisplacementMap",
-	"feDistantLight",
-	"feDropShadow",
-	"feFlood",
-	"feFuncA",
-	"feFuncB",
-	"feFuncG",
-	"feFuncR",
-	"feGaussianBlur",
-	"feImage",
-	"feMerge",
-	"feMergeNode",
-	"feMorphology",
-	"feOffset",
-	"fePointLight",
-	"feSpecularLighting",
-	"feSpotLight",
-	"feTile",
-	"feTurbulence",
-	"filter",
-	"font",
-	"font-face",
-	"font-face-format",
-	"font-face-name",
-	"font-face-src",
-	"font-face-uri",
-	"foreignObject",
-	"g",
-	"glyph",
-	"glyphRef",
-	"hkern",
-	"image",
-	"line",
-	"linearGradient",
-	"marker",
-	"mask",
-	"metadata",
-	"missing-glyph",
-	"mpath",
-	"path",
-	"pattern",
-	"polygon",
-	"polyline",
-	"radialGradient",
-	"rect",
-	"set",
-	"stop",
-	"svg",
-	"switch",
-	"symbol",
-	"text",
-	"textPath",
-	"tref",
-	"tspan",
-	"use",
-	"view",
-	"vkern"
-]);
-const SVGNamespace = {
-	xlink: "http://www.w3.org/1999/xlink",
-	xml: "http://www.w3.org/XML/1998/namespace"
-};
-function reconcileArrays(parentNode, a, b) {
-	let bLength = b.length, aEnd = a.length, bEnd = bLength, aStart = 0, bStart = 0, after = a[aEnd - 1].nextSibling, map = null;
-	while (aStart < aEnd || bStart < bEnd) {
-		if (a[aStart] === b[bStart]) {
-			aStart++;
-			bStart++;
-			continue;
-		}
-		while (a[aEnd - 1] === b[bEnd - 1]) {
-			aEnd--;
-			bEnd--;
-		}
-		if (aEnd === aStart) {
-			const node = bEnd < bLength ? bStart ? b[bStart - 1].nextSibling : b[bEnd - bStart] : after;
-			while (bStart < bEnd) parentNode.insertBefore(b[bStart++], node);
-		} else if (bEnd === bStart) while (aStart < aEnd) {
-			if (!map || !map.has(a[aStart])) a[aStart].remove();
-			aStart++;
-		}
-		else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) {
-			const node = a[--aEnd].nextSibling;
-			parentNode.insertBefore(b[bStart++], a[aStart++].nextSibling);
-			parentNode.insertBefore(b[--bEnd], node);
-			a[aEnd] = b[bEnd];
-		} else {
-			if (!map) {
-				map = /* @__PURE__ */ new Map();
-				let i = bStart;
-				while (i < bEnd) map.set(b[i], i++);
-			}
-			const index = map.get(a[aStart]);
-			if (index != null) if (bStart < index && index < bEnd) {
-				let i = aStart, sequence = 1, t;
-				while (++i < aEnd && i < bEnd) {
-					if ((t = map.get(a[i])) == null || t !== index + sequence) break;
-					sequence++;
-				}
-				if (sequence > index - bStart) {
-					const node = a[aStart];
-					while (bStart < index) parentNode.insertBefore(b[bStart++], node);
-				} else parentNode.replaceChild(b[bStart++], a[aStart++]);
-			} else aStart++;
-			else a[aStart++].remove();
-		}
-	}
-}
-const $$EVENTS = "_$DX_DELEGATE";
-function delegateEvents(eventNames, document$1 = window.document) {
-	const e = document$1[$$EVENTS] || (document$1[$$EVENTS] = /* @__PURE__ */ new Set());
-	for (let i = 0, l = eventNames.length; i < l; i++) {
-		const name = eventNames[i];
-		if (!e.has(name)) {
-			e.add(name);
-			document$1.addEventListener(name, eventHandler);
-		}
-	}
-}
-function setAttribute(node, name, value) {
-	if (isHydrating(node)) return;
-	if (value == null) node.removeAttribute(name);
-	else node.setAttribute(name, value);
-}
-function setAttributeNS(node, namespace, name, value) {
-	if (isHydrating(node)) return;
-	if (value == null) node.removeAttributeNS(namespace, name);
-	else node.setAttributeNS(namespace, name, value);
-}
-function setBoolAttribute(node, name, value) {
-	if (isHydrating(node)) return;
-	value ? node.setAttribute(name, "") : node.removeAttribute(name);
-}
-function className(node, value) {
-	if (isHydrating(node)) return;
-	if (value == null) node.removeAttribute("class");
-	else node.className = value;
-}
-function addEventListener(node, name, handler, delegate) {
-	if (delegate) if (Array.isArray(handler)) {
-		node[`$$${name}`] = handler[0];
-		node[`$$${name}Data`] = handler[1];
-	} else node[`$$${name}`] = handler;
-	else if (Array.isArray(handler)) {
-		const handlerFn = handler[0];
-		node.addEventListener(name, handler[0] = (e) => handlerFn.call(node, handler[1], e));
-	} else node.addEventListener(name, handler, typeof handler !== "function" && handler);
-}
-function classList(node, value, prev = {}) {
-	const classKeys = Object.keys(value || {}), prevKeys = Object.keys(prev);
-	let i, len;
-	for (i = 0, len = prevKeys.length; i < len; i++) {
-		const key = prevKeys[i];
-		if (!key || key === "undefined" || value[key]) continue;
-		toggleClassKey(node, key, false);
-		delete prev[key];
-	}
-	for (i = 0, len = classKeys.length; i < len; i++) {
-		const key = classKeys[i], classValue = !!value[key];
-		if (!key || key === "undefined" || prev[key] === classValue || !classValue) continue;
-		toggleClassKey(node, key, true);
-		prev[key] = classValue;
-	}
-	return prev;
-}
-function style(node, value, prev) {
-	if (!value) return prev ? setAttribute(node, "style") : value;
-	const nodeStyle = node.style;
-	if (typeof value === "string") return nodeStyle.cssText = value;
-	typeof prev === "string" && (nodeStyle.cssText = prev = void 0);
-	prev || (prev = {});
-	value || (value = {});
-	let v, s;
-	for (s in prev) {
-		value[s] ?? nodeStyle.removeProperty(s);
-		delete prev[s];
-	}
-	for (s in value) {
-		v = value[s];
-		if (v !== prev[s]) {
-			nodeStyle.setProperty(s, v);
-			prev[s] = v;
-		}
-	}
-	return prev;
-}
-function spread(node, props = {}, isSVG, skipChildren) {
-	const prevProps = {};
-	if (!skipChildren) createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children));
-	createRenderEffect(() => typeof props.ref === "function" && use(props.ref, node));
-	createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true));
-	return prevProps;
-}
-function use(fn, element, arg) {
-	return untrack(() => fn(element, arg));
-}
-function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = false) {
-	props || (props = {});
-	for (const prop in prevProps) if (!(prop in props)) {
-		if (prop === "children") continue;
-		prevProps[prop] = assignProp(node, prop, null, prevProps[prop], isSVG, skipRef, props);
-	}
-	for (const prop in props) {
-		if (prop === "children") {
-			if (!skipChildren) insertExpression(node, props.children);
-			continue;
-		}
-		const value = props[prop];
-		prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG, skipRef, props);
-	}
-}
-function getNextElement(template) {
-	let node, key;
-	if (!isHydrating() || !(node = sharedConfig.registry.get(key = getHydrationKey()))) return template();
-	if (sharedConfig.completed) sharedConfig.completed.add(node);
-	sharedConfig.registry.delete(key);
-	return node;
-}
-function isHydrating(node) {
-	return !!sharedConfig.context && !sharedConfig.done && (!node || node.isConnected);
-}
-function toPropertyName(name) {
-	return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase());
-}
-function toggleClassKey(node, key, value) {
-	const classNames = key.trim().split(/\s+/);
-	for (let i = 0, nameLen = classNames.length; i < nameLen; i++) node.classList.toggle(classNames[i], value);
-}
-function assignProp(node, prop, value, prev, isSVG, skipRef, props) {
-	let isCE, isProp, isChildProp, propAlias, forceProp;
-	if (prop === "style") return style(node, value, prev);
-	if (prop === "classList") return classList(node, value, prev);
-	if (value === prev) return prev;
-	if (prop === "ref") {
-		if (!skipRef) value(node);
-	} else if (prop.slice(0, 3) === "on:") {
-		const e = prop.slice(3);
-		prev && node.removeEventListener(e, prev, typeof prev !== "function" && prev);
-		value && node.addEventListener(e, value, typeof value !== "function" && value);
-	} else if (prop.slice(0, 10) === "oncapture:") {
-		const e = prop.slice(10);
-		prev && node.removeEventListener(e, prev, true);
-		value && node.addEventListener(e, value, true);
-	} else if (prop.slice(0, 2) === "on") {
-		const name = prop.slice(2).toLowerCase();
-		const delegate = DelegatedEvents.has(name);
-		if (!delegate && prev) {
-			const h = Array.isArray(prev) ? prev[0] : prev;
-			node.removeEventListener(name, h);
-		}
-		if (delegate || value) {
-			addEventListener(node, name, value, delegate);
-			delegate && delegateEvents([name]);
-		}
-	} else if (prop.slice(0, 5) === "attr:") setAttribute(node, prop.slice(5), value);
-	else if (prop.slice(0, 5) === "bool:") setBoolAttribute(node, prop.slice(5), value);
-	else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-") || "is" in props)) {
-		if (forceProp) {
-			prop = prop.slice(5);
-			isProp = true;
-		} else if (isHydrating(node)) return value;
-		if (prop === "class" || prop === "className") className(node, value);
-		else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;
-		else node[propAlias || prop] = value;
-	} else {
-		const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]];
-		if (ns) setAttributeNS(node, ns, prop, value);
-		else setAttribute(node, Aliases[prop] || prop, value);
-	}
-	return value;
-}
-function eventHandler(e) {
-	if (sharedConfig.registry && sharedConfig.events) {
-		if (sharedConfig.events.find(([el, ev]) => ev === e)) return;
-	}
-	let node = e.target;
-	const key = `$$${e.type}`;
-	const oriTarget = e.target;
-	const oriCurrentTarget = e.currentTarget;
-	const retarget = (value) => Object.defineProperty(e, "target", {
-		configurable: true,
-		value
-	});
-	const handleNode = () => {
-		const handler = node[key];
-		if (handler && !node.disabled) {
-			const data = node[`${key}Data`];
-			data !== void 0 ? handler.call(node, data, e) : handler.call(node, e);
-			if (e.cancelBubble) return;
-		}
-		node.host && typeof node.host !== "string" && !node.host._$host && node.contains(e.target) && retarget(node.host);
-		return true;
-	};
-	const walkUpTree = () => {
-		while (handleNode() && (node = node._$host || node.parentNode || node.host));
-	};
-	Object.defineProperty(e, "currentTarget", {
-		configurable: true,
-		get() {
-			return node || document;
-		}
-	});
-	if (sharedConfig.registry && !sharedConfig.done) sharedConfig.done = _$HY.done = true;
-	if (e.composedPath) {
-		const path = e.composedPath();
-		retarget(path[0]);
-		for (let i = 0; i < path.length - 2; i++) {
-			node = path[i];
-			if (!handleNode()) break;
-			if (node._$host) {
-				node = node._$host;
-				walkUpTree();
-				break;
-			}
-			if (node.parentNode === oriCurrentTarget) break;
-		}
-	} else walkUpTree();
-	retarget(oriTarget);
-}
-function insertExpression(parent, value, current, marker, unwrapArray) {
-	const hydrating = isHydrating(parent);
-	if (hydrating) {
-		!current && (current = [...parent.childNodes]);
-		let cleaned = [];
-		for (let i = 0; i < current.length; i++) {
-			const node = current[i];
-			if (node.nodeType === 8 && node.data.slice(0, 2) === "!$") node.remove();
-			else cleaned.push(node);
-		}
-		current = cleaned;
-	}
-	while (typeof current === "function") current = current();
-	if (value === current) return current;
-	const t = typeof value, multi = marker !== void 0;
-	parent = multi && current[0] && current[0].parentNode || parent;
-	if (t === "string" || t === "number") {
-		if (hydrating) return current;
-		if (t === "number") {
-			value = value.toString();
-			if (value === current) return current;
-		}
-		if (multi) {
-			let node = current[0];
-			if (node && node.nodeType === 3) node.data !== value && (node.data = value);
-			else node = document.createTextNode(value);
-			current = cleanChildren(parent, current, marker, node);
-		} else if (current !== "" && typeof current === "string") current = parent.firstChild.data = value;
-		else current = parent.textContent = value;
-	} else if (value == null || t === "boolean") {
-		if (hydrating) return current;
-		current = cleanChildren(parent, current, marker);
-	} else if (t === "function") {
-		createRenderEffect(() => {
-			let v = value();
-			while (typeof v === "function") v = v();
-			current = insertExpression(parent, v, current, marker);
-		});
-		return () => current;
-	} else if (Array.isArray(value)) {
-		const array = [];
-		const currentArray = current && Array.isArray(current);
-		if (normalizeIncomingArray(array, value, current, unwrapArray)) {
-			createRenderEffect(() => current = insertExpression(parent, array, current, marker, true));
-			return () => current;
-		}
-		if (hydrating) {
-			if (!array.length) return current;
-			if (marker === void 0) return current = [...parent.childNodes];
-			let node = array[0];
-			if (node.parentNode !== parent) return current;
-			const nodes = [node];
-			while ((node = node.nextSibling) !== marker) nodes.push(node);
-			return current = nodes;
-		}
-		if (array.length === 0) {
-			current = cleanChildren(parent, current, marker);
-			if (multi) return current;
-		} else if (currentArray) if (current.length === 0) appendNodes(parent, array, marker);
-		else reconcileArrays(parent, current, array);
-		else {
-			current && cleanChildren(parent);
-			appendNodes(parent, array);
-		}
-		current = array;
-	} else if (value.nodeType) {
-		if (hydrating && value.parentNode) return current = multi ? [value] : value;
-		if (Array.isArray(current)) {
-			if (multi) return current = cleanChildren(parent, current, marker, value);
-			cleanChildren(parent, current, null, value);
-		} else if (current == null || current === "" || !parent.firstChild) parent.appendChild(value);
-		else parent.replaceChild(value, parent.firstChild);
-		current = value;
-	}
-	return current;
-}
-function normalizeIncomingArray(normalized, array, current, unwrap) {
-	let dynamic = false;
-	for (let i = 0, len = array.length; i < len; i++) {
-		let item = array[i], prev = current && current[normalized.length], t;
-		if (item == null || item === true || item === false);
-		else if ((t = typeof item) === "object" && item.nodeType) normalized.push(item);
-		else if (Array.isArray(item)) dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic;
-		else if (t === "function") if (unwrap) {
-			while (typeof item === "function") item = item();
-			dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic;
-		} else {
-			normalized.push(item);
-			dynamic = true;
-		}
-		else {
-			const value = String(item);
-			if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev);
-			else normalized.push(document.createTextNode(value));
-		}
-	}
-	return dynamic;
-}
-function appendNodes(parent, array, marker = null) {
-	for (let i = 0, len = array.length; i < len; i++) parent.insertBefore(array[i], marker);
-}
-function cleanChildren(parent, current, marker, replacement) {
-	if (marker === void 0) return parent.textContent = "";
-	const node = replacement || document.createTextNode("");
-	if (current.length) {
-		let inserted = false;
-		for (let i = current.length - 1; i >= 0; i--) {
-			const el = current[i];
-			if (node !== el) {
-				const isParent = el.parentNode === parent;
-				if (!inserted && !i) isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker);
-				else isParent && el.remove();
-			} else inserted = true;
-		}
-	} else parent.insertBefore(node, marker);
-	return [node];
-}
-function getHydrationKey() {
-	return sharedConfig.getNextContextId();
-}
-const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
-function createElement(tagName, isSVG = false, is = void 0) {
-	return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName, { is });
-}
-function createDynamic(component, props) {
-	const cached = createMemo(component);
-	return createMemo(() => {
-		const component$1 = cached();
-		switch (typeof component$1) {
-			case "function": return untrack(() => component$1(props));
-			case "string":
-				const isSvg = SVGElements.has(component$1);
-				const el = sharedConfig.context ? getNextElement() : createElement(component$1, isSvg, untrack(() => props.is));
-				spread(el, props, isSvg);
-				return el;
-		}
-	});
-}
-function Dynamic(props) {
-	const [, others] = splitProps(props, ["component"]);
-	return createDynamic(() => props.component, others);
-}
-
-//#endregion
-//#region src/Block.tsx
-const Block = (props) => {
-	const elementTag = () => props.element ?? "div";
-	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 <Dynamic component={elementTag()} class={blockClasses()}>
-      {props.children}
-    </Dynamic>;
-};
-
-//#endregion
-//#region src/items/ItemGroup.tsx
-const ItemGroup = (props) => {
-	const items = () => props.items.map(buildIdLabel);
-	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) => {
-		return <Item idLabel={item} selected={itemSelected(item.id)} 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 };