@cherrystudio/file-preview 0.1.3 → 0.2.1

package/dist/{useTranslation-DMhY277o.js → FilePreviewToolbarButton-ptqwCTnz.js}

@@ -1,3079 +1,8 @@
+import { b as useComposedRefs, f as Button, p as cn, v as createSlot, y as createSlottable } from "./useTranslation-BJY4EKsz.js";
 import * as React$1 from "react";
-import { createContext, createElement, forwardRef, use, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useLayoutEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as ReactDOM from "react-dom";
-import { createPortal } from "react-dom";
-//#region ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.3_@types+react@19.2.7_react@19.2.3/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-function setRef$1(ref, value) {
-	if (typeof ref === "function") return ref(value);
-	else if (ref !== null && ref !== void 0) ref.current = value;
-}
-function composeRefs(...refs) {
-	return (node) => {
-		let hasCleanup = false;
-		const cleanups = refs.map((ref) => {
-			const cleanup = setRef$1(ref, node);
-			if (!hasCleanup && typeof cleanup == "function") hasCleanup = true;
-			return cleanup;
-		});
-		if (hasCleanup) return () => {
-			for (let i = 0; i < cleanups.length; i++) {
-				const cleanup = cleanups[i];
-				if (typeof cleanup == "function") cleanup();
-				else setRef$1(refs[i], null);
-			}
-		};
-	};
-}
-function useComposedRefs(...refs) {
-	return React$1.useCallback(composeRefs(...refs), refs);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@radix-ui+react-slot@1.3.0_@types+react@19.2.7_react@19.2.3/node_modules/@radix-ui/react-slot/dist/index.mjs
-// @__NO_SIDE_EFFECTS__
-function createSlot(ownerName) {
-	const Slot2 = React$1.forwardRef((props, forwardedRef) => {
-		let { children, ...slotProps } = props;
-		let slottableElement = null;
-		let hasSlottable = false;
-		const newChildren = [];
-		if (isLazyComponent(children) && typeof use$1 === "function") children = use$1(children._payload);
-		React$1.Children.forEach(children, (maybeSlottable) => {
-			if (isSlottable(maybeSlottable)) {
-				hasSlottable = true;
-				const slottable = maybeSlottable;
-				let child = "child" in slottable.props ? slottable.props.child : slottable.props.children;
-				if (isLazyComponent(child) && typeof use$1 === "function") child = use$1(child._payload);
-				slottableElement = getSlottableElementFromSlottable(slottable, child);
-				newChildren.push(slottableElement?.props?.children);
-			} else newChildren.push(maybeSlottable);
-		});
-		if (slottableElement) slottableElement = React$1.cloneElement(slottableElement, void 0, newChildren);
-		else if (!hasSlottable && React$1.Children.count(children) === 1 && React$1.isValidElement(children)) slottableElement = children;
-		const slottableElementRef = slottableElement ? getElementRef$1(slottableElement) : void 0;
-		const composedRef = useComposedRefs(forwardedRef, slottableElementRef);
-		if (!slottableElement) {
-			if (children || children === 0) throw new Error(hasSlottable ? createSlottableError(ownerName) : createSlotError(ownerName));
-			return children;
-		}
-		const mergedProps = mergeProps(slotProps, slottableElement.props ?? {});
-		if (slottableElement.type !== React$1.Fragment) mergedProps.ref = forwardedRef ? composedRef : slottableElementRef;
-		return React$1.cloneElement(slottableElement, mergedProps);
-	});
-	Slot2.displayName = `${ownerName}.Slot`;
-	return Slot2;
-}
-var Slot = /* @__PURE__ */ createSlot("Slot");
-var SLOTTABLE_IDENTIFIER = Symbol.for("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function createSlottable(ownerName) {
-	const Slottable2 = (props) => "child" in props ? props.children(props.child) : props.children;
-	Slottable2.displayName = `${ownerName}.Slottable`;
-	Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
-	return Slottable2;
-}
-var getSlottableElementFromSlottable = (slottable, child) => {
-	if ("child" in slottable.props) {
-		const child2 = slottable.props.child;
-		if (!React$1.isValidElement(child2)) return null;
-		return React$1.cloneElement(child2, void 0, slottable.props.children(child2.props.children));
-	}
-	return React$1.isValidElement(child) ? child : null;
-};
-function mergeProps(slotProps, childProps) {
-	const overrideProps = { ...childProps };
-	for (const propName in childProps) {
-		const slotPropValue = slotProps[propName];
-		const childPropValue = childProps[propName];
-		if (/^on[A-Z]/.test(propName)) {
-			if (slotPropValue && childPropValue) overrideProps[propName] = (...args) => {
-				const result = childPropValue(...args);
-				slotPropValue(...args);
-				return result;
-			};
-			else if (slotPropValue) overrideProps[propName] = slotPropValue;
-		} else if (propName === "style") overrideProps[propName] = {
-			...slotPropValue,
-			...childPropValue
-		};
-		else if (propName === "className") overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-	}
-	return {
-		...slotProps,
-		...overrideProps
-	};
-}
-function getElementRef$1(element) {
-	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
-	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-	if (mayWarn) return element.ref;
-	getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
-	mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-	if (mayWarn) return element.props.ref;
-	return element.props.ref || element.ref;
-}
-function isSlottable(child) {
-	return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
-}
-var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-function isLazyComponent(element) {
-	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
-}
-function isPromiseLike(value) {
-	return typeof value === "object" && value !== null && "then" in value;
-}
-var createSlotError = (ownerName) => {
-	return `${ownerName} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`;
-};
-var createSlottableError = (ownerName) => {
-	return `${ownerName} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`;
-};
-var use$1 = React$1[" use ".trim().toString()];
-//#endregion
-//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
-function r(e) {
-	var t, f, n = "";
-	if ("string" == typeof e || "number" == typeof e) n += e;
-	else if ("object" == typeof e) if (Array.isArray(e)) {
-		var o = e.length;
-		for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-	} else for (f in e) e[f] && (n && (n += " "), n += f);
-	return n;
-}
-function clsx() {
-	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-	return n;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
-/**
-* Copyright 2022 Joe Bell. All rights reserved.
-*
-* This file is licensed to you under the Apache License, Version 2.0
-* (the "License"); you may not use this file except in compliance with the
-* License. You may obtain a copy of the License at
-*
-*   http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
-* WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the
-* License for the specific language governing permissions and limitations under
-* the License.
-*/ var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-var cx = clsx;
-var cva = (base, config) => (props) => {
-	var _config_compoundVariants;
-	if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-	const { variants, defaultVariants } = config;
-	const getVariantClassNames = Object.keys(variants).map((variant) => {
-		const variantProp = props === null || props === void 0 ? void 0 : props[variant];
-		const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
-		if (variantProp === null) return null;
-		const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
-		return variants[variant][variantKey];
-	});
-	const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
-		let [key, value] = param;
-		if (value === void 0) return acc;
-		acc[key] = value;
-		return acc;
-	}, {});
-	return cx(base, getVariantClassNames, config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
-		let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
-		return Object.entries(compoundVariantOptions).every((param) => {
-			let [key, value] = param;
-			return Array.isArray(value) ? value.includes({
-				...defaultVariants,
-				...propsWithoutUndefined
-			}[key]) : {
-				...defaultVariants,
-				...propsWithoutUndefined
-			}[key] === value;
-		}) ? [
-			...acc,
-			cvClass,
-			cvClassName
-		] : acc;
-	}, []), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-};
-//#endregion
-//#region ../../node_modules/.pnpm/lucide-react@0.545.0_react@19.2.3/node_modules/lucide-react/dist/esm/shared/src/utils.js
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-var toCamelCase = (string) => string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
-var toPascalCase = (string) => {
-	const camelCase = toCamelCase(string);
-	return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-};
-var mergeClasses = (...classes) => classes.filter((className, index, array) => {
-	return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-var hasA11yProp = (props) => {
-	for (const prop in props) if (prop.startsWith("aria-") || prop === "role" || prop === "title") return true;
-};
-//#endregion
-//#region ../../node_modules/.pnpm/lucide-react@0.545.0_react@19.2.3/node_modules/lucide-react/dist/esm/defaultAttributes.js
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var defaultAttributes = {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 24,
-	height: 24,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: 2,
-	strokeLinecap: "round",
-	strokeLinejoin: "round"
-};
-//#endregion
-//#region ../../node_modules/.pnpm/lucide-react@0.545.0_react@19.2.3/node_modules/lucide-react/dist/esm/Icon.js
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var Icon = forwardRef(({ color = "currentColor", size = 24, strokeWidth = 2, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref) => createElement("svg", {
-	ref,
-	...defaultAttributes,
-	width: size,
-	height: size,
-	stroke: color,
-	strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-	className: mergeClasses("lucide", className),
-	...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
-	...rest
-}, [...iconNode.map(([tag, attrs]) => createElement(tag, attrs)), ...Array.isArray(children) ? children : [children]]));
-//#endregion
-//#region ../../node_modules/.pnpm/lucide-react@0.545.0_react@19.2.3/node_modules/lucide-react/dist/esm/createLucideIcon.js
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var createLucideIcon = (iconName, iconNode) => {
-	const Component = forwardRef(({ className, ...props }, ref) => createElement(Icon, {
-		ref,
-		iconNode,
-		className: mergeClasses(`lucide-${toKebabCase(toPascalCase(iconName))}`, `lucide-${iconName}`, className),
-		...props
-	}));
-	Component.displayName = toPascalCase(iconName);
-	return Component;
-};
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var FileWarning = createLucideIcon("file-warning", [
-	["path", {
-		d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
-		key: "1rqfz7"
-	}],
-	["path", {
-		d: "M12 9v4",
-		key: "juzpu7"
-	}],
-	["path", {
-		d: "M12 17h.01",
-		key: "p32p05"
-	}]
-]);
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var LoaderCircle = createLucideIcon("loader-circle", [["path", {
-	d: "M21 12a9 9 0 1 1-6.219-8.56",
-	key: "13zald"
-}]]);
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var Loader = createLucideIcon("loader", [
-	["path", {
-		d: "M12 2v4",
-		key: "3427ic"
-	}],
-	["path", {
-		d: "m16.2 7.8 2.9-2.9",
-		key: "r700ao"
-	}],
-	["path", {
-		d: "M18 12h4",
-		key: "wj9ykh"
-	}],
-	["path", {
-		d: "m16.2 16.2 2.9 2.9",
-		key: "1bxg5t"
-	}],
-	["path", {
-		d: "M12 18v4",
-		key: "jadmvz"
-	}],
-	["path", {
-		d: "m4.9 19.1 2.9-2.9",
-		key: "bwix9q"
-	}],
-	["path", {
-		d: "M2 12h4",
-		key: "j09sii"
-	}],
-	["path", {
-		d: "m4.9 4.9 2.9 2.9",
-		key: "giyufr"
-	}]
-]);
-//#endregion
-//#region ../../node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
-var CLASS_PART_SEPARATOR = "-";
-var createClassGroupUtils = (config) => {
-	const classMap = createClassMap(config);
-	const { conflictingClassGroups, conflictingClassGroupModifiers } = config;
-	const getClassGroupId = (className) => {
-		const classParts = className.split(CLASS_PART_SEPARATOR);
-		if (classParts[0] === "" && classParts.length !== 1) classParts.shift();
-		return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
-	};
-	const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-		const conflicts = conflictingClassGroups[classGroupId] || [];
-		if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
-		return conflicts;
-	};
-	return {
-		getClassGroupId,
-		getConflictingClassGroupIds
-	};
-};
-var getGroupRecursive = (classParts, classPartObject) => {
-	if (classParts.length === 0) return classPartObject.classGroupId;
-	const currentClassPart = classParts[0];
-	const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-	const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
-	if (classGroupFromNextClassPart) return classGroupFromNextClassPart;
-	if (classPartObject.validators.length === 0) return;
-	const classRest = classParts.join(CLASS_PART_SEPARATOR);
-	return classPartObject.validators.find(({ validator }) => validator(classRest))?.classGroupId;
-};
-var arbitraryPropertyRegex = /^\[(.+)\]$/;
-var getGroupIdForArbitraryProperty = (className) => {
-	if (arbitraryPropertyRegex.test(className)) {
-		const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
-		const property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(":"));
-		if (property) return "arbitrary.." + property;
-	}
-};
-/**
-* Exported for testing only
-*/
-var createClassMap = (config) => {
-	const { theme, prefix } = config;
-	const classMap = {
-		nextPart: /* @__PURE__ */ new Map(),
-		validators: []
-	};
-	getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix).forEach(([classGroupId, classGroup]) => {
-		processClassesRecursively(classGroup, classMap, classGroupId, theme);
-	});
-	return classMap;
-};
-var processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
-	classGroup.forEach((classDefinition) => {
-		if (typeof classDefinition === "string") {
-			const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
-			classPartObjectToEdit.classGroupId = classGroupId;
-			return;
-		}
-		if (typeof classDefinition === "function") {
-			if (isThemeGetter(classDefinition)) {
-				processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
-				return;
-			}
-			classPartObject.validators.push({
-				validator: classDefinition,
-				classGroupId
-			});
-			return;
-		}
-		Object.entries(classDefinition).forEach(([key, classGroup]) => {
-			processClassesRecursively(classGroup, getPart(classPartObject, key), classGroupId, theme);
-		});
-	});
-};
-var getPart = (classPartObject, path) => {
-	let currentClassPartObject = classPartObject;
-	path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
-		if (!currentClassPartObject.nextPart.has(pathPart)) currentClassPartObject.nextPart.set(pathPart, {
-			nextPart: /* @__PURE__ */ new Map(),
-			validators: []
-		});
-		currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
-	});
-	return currentClassPartObject;
-};
-var isThemeGetter = (func) => func.isThemeGetter;
-var getPrefixedClassGroupEntries = (classGroupEntries, prefix) => {
-	if (!prefix) return classGroupEntries;
-	return classGroupEntries.map(([classGroupId, classGroup]) => {
-		return [classGroupId, classGroup.map((classDefinition) => {
-			if (typeof classDefinition === "string") return prefix + classDefinition;
-			if (typeof classDefinition === "object") return Object.fromEntries(Object.entries(classDefinition).map(([key, value]) => [prefix + key, value]));
-			return classDefinition;
-		})];
-	});
-};
-var createLruCache = (maxCacheSize) => {
-	if (maxCacheSize < 1) return {
-		get: () => void 0,
-		set: () => {}
-	};
-	let cacheSize = 0;
-	let cache = /* @__PURE__ */ new Map();
-	let previousCache = /* @__PURE__ */ new Map();
-	const update = (key, value) => {
-		cache.set(key, value);
-		cacheSize++;
-		if (cacheSize > maxCacheSize) {
-			cacheSize = 0;
-			previousCache = cache;
-			cache = /* @__PURE__ */ new Map();
-		}
-	};
-	return {
-		get(key) {
-			let value = cache.get(key);
-			if (value !== void 0) return value;
-			if ((value = previousCache.get(key)) !== void 0) {
-				update(key, value);
-				return value;
-			}
-		},
-		set(key, value) {
-			if (cache.has(key)) cache.set(key, value);
-			else update(key, value);
-		}
-	};
-};
-var IMPORTANT_MODIFIER = "!";
-var createParseClassName = (config) => {
-	const { separator, experimentalParseClassName } = config;
-	const isSeparatorSingleCharacter = separator.length === 1;
-	const firstSeparatorCharacter = separator[0];
-	const separatorLength = separator.length;
-	const parseClassName = (className) => {
-		const modifiers = [];
-		let bracketDepth = 0;
-		let modifierStart = 0;
-		let postfixModifierPosition;
-		for (let index = 0; index < className.length; index++) {
-			let currentCharacter = className[index];
-			if (bracketDepth === 0) {
-				if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {
-					modifiers.push(className.slice(modifierStart, index));
-					modifierStart = index + separatorLength;
-					continue;
-				}
-				if (currentCharacter === "/") {
-					postfixModifierPosition = index;
-					continue;
-				}
-			}
-			if (currentCharacter === "[") bracketDepth++;
-			else if (currentCharacter === "]") bracketDepth--;
-		}
-		const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
-		const hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
-		return {
-			modifiers,
-			hasImportantModifier,
-			baseClassName: hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier,
-			maybePostfixModifierPosition: postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0
-		};
-	};
-	if (experimentalParseClassName) return (className) => experimentalParseClassName({
-		className,
-		parseClassName
-	});
-	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
-*/
-var sortModifiers = (modifiers) => {
-	if (modifiers.length <= 1) return modifiers;
-	const sortedModifiers = [];
-	let unsortedModifiers = [];
-	modifiers.forEach((modifier) => {
-		if (modifier[0] === "[") {
-			sortedModifiers.push(...unsortedModifiers.sort(), modifier);
-			unsortedModifiers = [];
-		} else unsortedModifiers.push(modifier);
-	});
-	sortedModifiers.push(...unsortedModifiers.sort());
-	return sortedModifiers;
-};
-var createConfigUtils = (config) => ({
-	cache: createLruCache(config.cacheSize),
-	parseClassName: createParseClassName(config),
-	...createClassGroupUtils(config)
-});
-var SPLIT_CLASSES_REGEX = /\s+/;
-var mergeClassList = (classList, configUtils) => {
-	const { parseClassName, getClassGroupId, getConflictingClassGroupIds } = configUtils;
-	/**
-	* Set of classGroupIds in following format:
-	* `{importantModifier}{variantModifiers}{classGroupId}`
-	* @example 'float'
-	* @example 'hover:focus:bg-color'
-	* @example 'md:!pr'
-	*/
-	const classGroupsInConflict = [];
-	const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
-	let result = "";
-	for (let index = classNames.length - 1; index >= 0; index -= 1) {
-		const originalClassName = classNames[index];
-		const { modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition } = parseClassName(originalClassName);
-		let hasPostfixModifier = Boolean(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 = sortModifiers(modifiers).join(":");
-		const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
-		const classId = modifierId + classGroupId;
-		if (classGroupsInConflict.includes(classId)) 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)
-*/
-function twJoin() {
-	let index = 0;
-	let argument;
-	let resolvedValue;
-	let string = "";
-	while (index < arguments.length) if (argument = arguments[index++]) {
-		if (resolvedValue = toValue(argument)) {
-			string && (string += " ");
-			string += resolvedValue;
-		}
-	}
-	return string;
-}
-var 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;
-};
-function createTailwindMerge(createConfigFirst, ...createConfigRest) {
-	let configUtils;
-	let cacheGet;
-	let cacheSet;
-	let functionToCall = initTailwindMerge;
-	function initTailwindMerge(classList) {
-		configUtils = createConfigUtils(createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst()));
-		cacheGet = configUtils.cache.get;
-		cacheSet = configUtils.cache.set;
-		functionToCall = tailwindMerge;
-		return tailwindMerge(classList);
-	}
-	function tailwindMerge(classList) {
-		const cachedResult = cacheGet(classList);
-		if (cachedResult) return cachedResult;
-		const result = mergeClassList(classList, configUtils);
-		cacheSet(classList, result);
-		return result;
-	}
-	return function callTailwindMerge() {
-		return functionToCall(twJoin.apply(null, arguments));
-	};
-}
-var fromTheme = (key) => {
-	const themeGetter = (theme) => theme[key] || [];
-	themeGetter.isThemeGetter = true;
-	return themeGetter;
-};
-var arbitraryValueRegex = /^\[(?:([a-z-]+):)?(.+)\]$/i;
-var fractionRegex = /^\d+\/\d+$/;
-var stringLengths = /*#__PURE__*/ new Set([
-	"px",
-	"full",
-	"screen"
-]);
-var tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
-var 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$/;
-var colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/;
-var shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
-var imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
-var isLength = (value) => isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
-var isArbitraryLength = (value) => getIsArbitraryValue(value, "length", isLengthOnly);
-var isNumber = (value) => Boolean(value) && !Number.isNaN(Number(value));
-var isArbitraryNumber = (value) => getIsArbitraryValue(value, "number", isNumber);
-var isInteger = (value) => Boolean(value) && Number.isInteger(Number(value));
-var isPercent = (value) => value.endsWith("%") && isNumber(value.slice(0, -1));
-var isArbitraryValue = (value) => arbitraryValueRegex.test(value);
-var isTshirtSize = (value) => tshirtUnitRegex.test(value);
-var sizeLabels = /*#__PURE__*/ new Set([
-	"length",
-	"size",
-	"percentage"
-]);
-var isArbitrarySize = (value) => getIsArbitraryValue(value, sizeLabels, isNever);
-var isArbitraryPosition = (value) => getIsArbitraryValue(value, "position", isNever);
-var imageLabels = /*#__PURE__*/ new Set(["image", "url"]);
-var isArbitraryImage = (value) => getIsArbitraryValue(value, imageLabels, isImage);
-var isArbitraryShadow = (value) => getIsArbitraryValue(value, "", isShadow);
-var isAny = () => true;
-var getIsArbitraryValue = (value, label, testValue) => {
-	const result = arbitraryValueRegex.exec(value);
-	if (result) {
-		if (result[1]) return typeof label === "string" ? result[1] === label : label.has(result[1]);
-		return testValue(result[2]);
-	}
-	return false;
-};
-var isLengthOnly = (value) => lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
-var isNever = () => false;
-var isShadow = (value) => shadowRegex.test(value);
-var isImage = (value) => imageRegex.test(value);
-var getDefaultConfig = () => {
-	const colors = fromTheme("colors");
-	const spacing = fromTheme("spacing");
-	const blur = fromTheme("blur");
-	const brightness = fromTheme("brightness");
-	const borderColor = fromTheme("borderColor");
-	const borderRadius = fromTheme("borderRadius");
-	const borderSpacing = fromTheme("borderSpacing");
-	const borderWidth = fromTheme("borderWidth");
-	const contrast = fromTheme("contrast");
-	const grayscale = fromTheme("grayscale");
-	const hueRotate = fromTheme("hueRotate");
-	const invert = fromTheme("invert");
-	const gap = fromTheme("gap");
-	const gradientColorStops = fromTheme("gradientColorStops");
-	const gradientColorStopPositions = fromTheme("gradientColorStopPositions");
-	const inset = fromTheme("inset");
-	const margin = fromTheme("margin");
-	const opacity = fromTheme("opacity");
-	const padding = fromTheme("padding");
-	const saturate = fromTheme("saturate");
-	const scale = fromTheme("scale");
-	const sepia = fromTheme("sepia");
-	const skew = fromTheme("skew");
-	const space = fromTheme("space");
-	const translate = fromTheme("translate");
-	const getOverscroll = () => [
-		"auto",
-		"contain",
-		"none"
-	];
-	const getOverflow = () => [
-		"auto",
-		"hidden",
-		"clip",
-		"visible",
-		"scroll"
-	];
-	const getSpacingWithAutoAndArbitrary = () => [
-		"auto",
-		isArbitraryValue,
-		spacing
-	];
-	const getSpacingWithArbitrary = () => [isArbitraryValue, spacing];
-	const getLengthWithEmptyAndArbitrary = () => [
-		"",
-		isLength,
-		isArbitraryLength
-	];
-	const getNumberWithAutoAndArbitrary = () => [
-		"auto",
-		isNumber,
-		isArbitraryValue
-	];
-	const getPositions = () => [
-		"bottom",
-		"center",
-		"left",
-		"left-bottom",
-		"left-top",
-		"right",
-		"right-bottom",
-		"right-top",
-		"top"
-	];
-	const getLineStyles = () => [
-		"solid",
-		"dashed",
-		"dotted",
-		"double",
-		"none"
-	];
-	const getBlendModes = () => [
-		"normal",
-		"multiply",
-		"screen",
-		"overlay",
-		"darken",
-		"lighten",
-		"color-dodge",
-		"color-burn",
-		"hard-light",
-		"soft-light",
-		"difference",
-		"exclusion",
-		"hue",
-		"saturation",
-		"color",
-		"luminosity"
-	];
-	const getAlign = () => [
-		"start",
-		"end",
-		"center",
-		"between",
-		"around",
-		"evenly",
-		"stretch"
-	];
-	const getZeroAndEmpty = () => [
-		"",
-		"0",
-		isArbitraryValue
-	];
-	const getBreaks = () => [
-		"auto",
-		"avoid",
-		"all",
-		"avoid-page",
-		"page",
-		"left",
-		"right",
-		"column"
-	];
-	const getNumberAndArbitrary = () => [isNumber, isArbitraryValue];
-	return {
-		cacheSize: 500,
-		separator: ":",
-		theme: {
-			colors: [isAny],
-			spacing: [isLength, isArbitraryLength],
-			blur: [
-				"none",
-				"",
-				isTshirtSize,
-				isArbitraryValue
-			],
-			brightness: getNumberAndArbitrary(),
-			borderColor: [colors],
-			borderRadius: [
-				"none",
-				"",
-				"full",
-				isTshirtSize,
-				isArbitraryValue
-			],
-			borderSpacing: getSpacingWithArbitrary(),
-			borderWidth: getLengthWithEmptyAndArbitrary(),
-			contrast: getNumberAndArbitrary(),
-			grayscale: getZeroAndEmpty(),
-			hueRotate: getNumberAndArbitrary(),
-			invert: getZeroAndEmpty(),
-			gap: getSpacingWithArbitrary(),
-			gradientColorStops: [colors],
-			gradientColorStopPositions: [isPercent, isArbitraryLength],
-			inset: getSpacingWithAutoAndArbitrary(),
-			margin: getSpacingWithAutoAndArbitrary(),
-			opacity: getNumberAndArbitrary(),
-			padding: getSpacingWithArbitrary(),
-			saturate: getNumberAndArbitrary(),
-			scale: getNumberAndArbitrary(),
-			sepia: getZeroAndEmpty(),
-			skew: getNumberAndArbitrary(),
-			space: getSpacingWithArbitrary(),
-			translate: getSpacingWithArbitrary()
-		},
-		classGroups: {
-			/**
-			* Aspect Ratio
-			* @see https://tailwindcss.com/docs/aspect-ratio
-			*/
-			aspect: [{ aspect: [
-				"auto",
-				"square",
-				"video",
-				isArbitraryValue
-			] }],
-			/**
-			* Container
-			* @see https://tailwindcss.com/docs/container
-			*/
-			container: ["container"],
-			/**
-			* Columns
-			* @see https://tailwindcss.com/docs/columns
-			*/
-			columns: [{ columns: [isTshirtSize] }],
-			/**
-			* Break After
-			* @see https://tailwindcss.com/docs/break-after
-			*/
-			"break-after": [{ "break-after": getBreaks() }],
-			/**
-			* Break Before
-			* @see https://tailwindcss.com/docs/break-before
-			*/
-			"break-before": [{ "break-before": getBreaks() }],
-			/**
-			* Break Inside
-			* @see https://tailwindcss.com/docs/break-inside
-			*/
-			"break-inside": [{ "break-inside": [
-				"auto",
-				"avoid",
-				"avoid-page",
-				"avoid-column"
-			] }],
-			/**
-			* Box Decoration Break
-			* @see https://tailwindcss.com/docs/box-decoration-break
-			*/
-			"box-decoration": [{ "box-decoration": ["slice", "clone"] }],
-			/**
-			* Box Sizing
-			* @see https://tailwindcss.com/docs/box-sizing
-			*/
-			box: [{ box: ["border", "content"] }],
-			/**
-			* Display
-			* @see https://tailwindcss.com/docs/display
-			*/
-			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"
-			],
-			/**
-			* Floats
-			* @see https://tailwindcss.com/docs/float
-			*/
-			float: [{ float: [
-				"right",
-				"left",
-				"none",
-				"start",
-				"end"
-			] }],
-			/**
-			* Clear
-			* @see https://tailwindcss.com/docs/clear
-			*/
-			clear: [{ clear: [
-				"left",
-				"right",
-				"both",
-				"none",
-				"start",
-				"end"
-			] }],
-			/**
-			* Isolation
-			* @see https://tailwindcss.com/docs/isolation
-			*/
-			isolation: ["isolate", "isolation-auto"],
-			/**
-			* Object Fit
-			* @see https://tailwindcss.com/docs/object-fit
-			*/
-			"object-fit": [{ object: [
-				"contain",
-				"cover",
-				"fill",
-				"none",
-				"scale-down"
-			] }],
-			/**
-			* Object Position
-			* @see https://tailwindcss.com/docs/object-position
-			*/
-			"object-position": [{ object: [...getPositions(), isArbitraryValue] }],
-			/**
-			* Overflow
-			* @see https://tailwindcss.com/docs/overflow
-			*/
-			overflow: [{ overflow: getOverflow() }],
-			/**
-			* Overflow X
-			* @see https://tailwindcss.com/docs/overflow
-			*/
-			"overflow-x": [{ "overflow-x": getOverflow() }],
-			/**
-			* Overflow Y
-			* @see https://tailwindcss.com/docs/overflow
-			*/
-			"overflow-y": [{ "overflow-y": getOverflow() }],
-			/**
-			* Overscroll Behavior
-			* @see https://tailwindcss.com/docs/overscroll-behavior
-			*/
-			overscroll: [{ overscroll: getOverscroll() }],
-			/**
-			* Overscroll Behavior X
-			* @see https://tailwindcss.com/docs/overscroll-behavior
-			*/
-			"overscroll-x": [{ "overscroll-x": getOverscroll() }],
-			/**
-			* Overscroll Behavior Y
-			* @see https://tailwindcss.com/docs/overscroll-behavior
-			*/
-			"overscroll-y": [{ "overscroll-y": getOverscroll() }],
-			/**
-			* Position
-			* @see https://tailwindcss.com/docs/position
-			*/
-			position: [
-				"static",
-				"fixed",
-				"absolute",
-				"relative",
-				"sticky"
-			],
-			/**
-			* Top / Right / Bottom / Left
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			inset: [{ inset: [inset] }],
-			/**
-			* Right / Left
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			"inset-x": [{ "inset-x": [inset] }],
-			/**
-			* Top / Bottom
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			"inset-y": [{ "inset-y": [inset] }],
-			/**
-			* Start
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			start: [{ start: [inset] }],
-			/**
-			* End
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			end: [{ end: [inset] }],
-			/**
-			* Top
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			top: [{ top: [inset] }],
-			/**
-			* Right
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			right: [{ right: [inset] }],
-			/**
-			* Bottom
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			bottom: [{ bottom: [inset] }],
-			/**
-			* Left
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			left: [{ left: [inset] }],
-			/**
-			* Visibility
-			* @see https://tailwindcss.com/docs/visibility
-			*/
-			visibility: [
-				"visible",
-				"invisible",
-				"collapse"
-			],
-			/**
-			* Z-Index
-			* @see https://tailwindcss.com/docs/z-index
-			*/
-			z: [{ z: [
-				"auto",
-				isInteger,
-				isArbitraryValue
-			] }],
-			/**
-			* Flex Basis
-			* @see https://tailwindcss.com/docs/flex-basis
-			*/
-			basis: [{ basis: getSpacingWithAutoAndArbitrary() }],
-			/**
-			* Flex Direction
-			* @see https://tailwindcss.com/docs/flex-direction
-			*/
-			"flex-direction": [{ flex: [
-				"row",
-				"row-reverse",
-				"col",
-				"col-reverse"
-			] }],
-			/**
-			* Flex Wrap
-			* @see https://tailwindcss.com/docs/flex-wrap
-			*/
-			"flex-wrap": [{ flex: [
-				"wrap",
-				"wrap-reverse",
-				"nowrap"
-			] }],
-			/**
-			* Flex
-			* @see https://tailwindcss.com/docs/flex
-			*/
-			flex: [{ flex: [
-				"1",
-				"auto",
-				"initial",
-				"none",
-				isArbitraryValue
-			] }],
-			/**
-			* Flex Grow
-			* @see https://tailwindcss.com/docs/flex-grow
-			*/
-			grow: [{ grow: getZeroAndEmpty() }],
-			/**
-			* Flex Shrink
-			* @see https://tailwindcss.com/docs/flex-shrink
-			*/
-			shrink: [{ shrink: getZeroAndEmpty() }],
-			/**
-			* Order
-			* @see https://tailwindcss.com/docs/order
-			*/
-			order: [{ order: [
-				"first",
-				"last",
-				"none",
-				isInteger,
-				isArbitraryValue
-			] }],
-			/**
-			* Grid Template Columns
-			* @see https://tailwindcss.com/docs/grid-template-columns
-			*/
-			"grid-cols": [{ "grid-cols": [isAny] }],
-			/**
-			* Grid Column Start / End
-			* @see https://tailwindcss.com/docs/grid-column
-			*/
-			"col-start-end": [{ col: [
-				"auto",
-				{ span: [
-					"full",
-					isInteger,
-					isArbitraryValue
-				] },
-				isArbitraryValue
-			] }],
-			/**
-			* Grid Column Start
-			* @see https://tailwindcss.com/docs/grid-column
-			*/
-			"col-start": [{ "col-start": getNumberWithAutoAndArbitrary() }],
-			/**
-			* Grid Column End
-			* @see https://tailwindcss.com/docs/grid-column
-			*/
-			"col-end": [{ "col-end": getNumberWithAutoAndArbitrary() }],
-			/**
-			* Grid Template Rows
-			* @see https://tailwindcss.com/docs/grid-template-rows
-			*/
-			"grid-rows": [{ "grid-rows": [isAny] }],
-			/**
-			* Grid Row Start / End
-			* @see https://tailwindcss.com/docs/grid-row
-			*/
-			"row-start-end": [{ row: [
-				"auto",
-				{ span: [isInteger, isArbitraryValue] },
-				isArbitraryValue
-			] }],
-			/**
-			* Grid Row Start
-			* @see https://tailwindcss.com/docs/grid-row
-			*/
-			"row-start": [{ "row-start": getNumberWithAutoAndArbitrary() }],
-			/**
-			* Grid Row End
-			* @see https://tailwindcss.com/docs/grid-row
-			*/
-			"row-end": [{ "row-end": getNumberWithAutoAndArbitrary() }],
-			/**
-			* Grid Auto Flow
-			* @see https://tailwindcss.com/docs/grid-auto-flow
-			*/
-			"grid-flow": [{ "grid-flow": [
-				"row",
-				"col",
-				"dense",
-				"row-dense",
-				"col-dense"
-			] }],
-			/**
-			* Grid Auto Columns
-			* @see https://tailwindcss.com/docs/grid-auto-columns
-			*/
-			"auto-cols": [{ "auto-cols": [
-				"auto",
-				"min",
-				"max",
-				"fr",
-				isArbitraryValue
-			] }],
-			/**
-			* Grid Auto Rows
-			* @see https://tailwindcss.com/docs/grid-auto-rows
-			*/
-			"auto-rows": [{ "auto-rows": [
-				"auto",
-				"min",
-				"max",
-				"fr",
-				isArbitraryValue
-			] }],
-			/**
-			* Gap
-			* @see https://tailwindcss.com/docs/gap
-			*/
-			gap: [{ gap: [gap] }],
-			/**
-			* Gap X
-			* @see https://tailwindcss.com/docs/gap
-			*/
-			"gap-x": [{ "gap-x": [gap] }],
-			/**
-			* Gap Y
-			* @see https://tailwindcss.com/docs/gap
-			*/
-			"gap-y": [{ "gap-y": [gap] }],
-			/**
-			* Justify Content
-			* @see https://tailwindcss.com/docs/justify-content
-			*/
-			"justify-content": [{ justify: ["normal", ...getAlign()] }],
-			/**
-			* Justify Items
-			* @see https://tailwindcss.com/docs/justify-items
-			*/
-			"justify-items": [{ "justify-items": [
-				"start",
-				"end",
-				"center",
-				"stretch"
-			] }],
-			/**
-			* Justify Self
-			* @see https://tailwindcss.com/docs/justify-self
-			*/
-			"justify-self": [{ "justify-self": [
-				"auto",
-				"start",
-				"end",
-				"center",
-				"stretch"
-			] }],
-			/**
-			* Align Content
-			* @see https://tailwindcss.com/docs/align-content
-			*/
-			"align-content": [{ content: [
-				"normal",
-				...getAlign(),
-				"baseline"
-			] }],
-			/**
-			* Align Items
-			* @see https://tailwindcss.com/docs/align-items
-			*/
-			"align-items": [{ items: [
-				"start",
-				"end",
-				"center",
-				"baseline",
-				"stretch"
-			] }],
-			/**
-			* Align Self
-			* @see https://tailwindcss.com/docs/align-self
-			*/
-			"align-self": [{ self: [
-				"auto",
-				"start",
-				"end",
-				"center",
-				"stretch",
-				"baseline"
-			] }],
-			/**
-			* Place Content
-			* @see https://tailwindcss.com/docs/place-content
-			*/
-			"place-content": [{ "place-content": [...getAlign(), "baseline"] }],
-			/**
-			* Place Items
-			* @see https://tailwindcss.com/docs/place-items
-			*/
-			"place-items": [{ "place-items": [
-				"start",
-				"end",
-				"center",
-				"baseline",
-				"stretch"
-			] }],
-			/**
-			* Place Self
-			* @see https://tailwindcss.com/docs/place-self
-			*/
-			"place-self": [{ "place-self": [
-				"auto",
-				"start",
-				"end",
-				"center",
-				"stretch"
-			] }],
-			/**
-			* Padding
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			p: [{ p: [padding] }],
-			/**
-			* Padding X
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			px: [{ px: [padding] }],
-			/**
-			* Padding Y
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			py: [{ py: [padding] }],
-			/**
-			* Padding Start
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			ps: [{ ps: [padding] }],
-			/**
-			* Padding End
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			pe: [{ pe: [padding] }],
-			/**
-			* Padding Top
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			pt: [{ pt: [padding] }],
-			/**
-			* Padding Right
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			pr: [{ pr: [padding] }],
-			/**
-			* Padding Bottom
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			pb: [{ pb: [padding] }],
-			/**
-			* Padding Left
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			pl: [{ pl: [padding] }],
-			/**
-			* Margin
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			m: [{ m: [margin] }],
-			/**
-			* Margin X
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			mx: [{ mx: [margin] }],
-			/**
-			* Margin Y
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			my: [{ my: [margin] }],
-			/**
-			* Margin Start
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			ms: [{ ms: [margin] }],
-			/**
-			* Margin End
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			me: [{ me: [margin] }],
-			/**
-			* Margin Top
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			mt: [{ mt: [margin] }],
-			/**
-			* Margin Right
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			mr: [{ mr: [margin] }],
-			/**
-			* Margin Bottom
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			mb: [{ mb: [margin] }],
-			/**
-			* Margin Left
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			ml: [{ ml: [margin] }],
-			/**
-			* Space Between X
-			* @see https://tailwindcss.com/docs/space
-			*/
-			"space-x": [{ "space-x": [space] }],
-			/**
-			* Space Between X Reverse
-			* @see https://tailwindcss.com/docs/space
-			*/
-			"space-x-reverse": ["space-x-reverse"],
-			/**
-			* Space Between Y
-			* @see https://tailwindcss.com/docs/space
-			*/
-			"space-y": [{ "space-y": [space] }],
-			/**
-			* Space Between Y Reverse
-			* @see https://tailwindcss.com/docs/space
-			*/
-			"space-y-reverse": ["space-y-reverse"],
-			/**
-			* Width
-			* @see https://tailwindcss.com/docs/width
-			*/
-			w: [{ w: [
-				"auto",
-				"min",
-				"max",
-				"fit",
-				"svw",
-				"lvw",
-				"dvw",
-				isArbitraryValue,
-				spacing
-			] }],
-			/**
-			* Min-Width
-			* @see https://tailwindcss.com/docs/min-width
-			*/
-			"min-w": [{ "min-w": [
-				isArbitraryValue,
-				spacing,
-				"min",
-				"max",
-				"fit"
-			] }],
-			/**
-			* Max-Width
-			* @see https://tailwindcss.com/docs/max-width
-			*/
-			"max-w": [{ "max-w": [
-				isArbitraryValue,
-				spacing,
-				"none",
-				"full",
-				"min",
-				"max",
-				"fit",
-				"prose",
-				{ screen: [isTshirtSize] },
-				isTshirtSize
-			] }],
-			/**
-			* Height
-			* @see https://tailwindcss.com/docs/height
-			*/
-			h: [{ h: [
-				isArbitraryValue,
-				spacing,
-				"auto",
-				"min",
-				"max",
-				"fit",
-				"svh",
-				"lvh",
-				"dvh"
-			] }],
-			/**
-			* Min-Height
-			* @see https://tailwindcss.com/docs/min-height
-			*/
-			"min-h": [{ "min-h": [
-				isArbitraryValue,
-				spacing,
-				"min",
-				"max",
-				"fit",
-				"svh",
-				"lvh",
-				"dvh"
-			] }],
-			/**
-			* Max-Height
-			* @see https://tailwindcss.com/docs/max-height
-			*/
-			"max-h": [{ "max-h": [
-				isArbitraryValue,
-				spacing,
-				"min",
-				"max",
-				"fit",
-				"svh",
-				"lvh",
-				"dvh"
-			] }],
-			/**
-			* Size
-			* @see https://tailwindcss.com/docs/size
-			*/
-			size: [{ size: [
-				isArbitraryValue,
-				spacing,
-				"auto",
-				"min",
-				"max",
-				"fit"
-			] }],
-			/**
-			* Font Size
-			* @see https://tailwindcss.com/docs/font-size
-			*/
-			"font-size": [{ text: [
-				"base",
-				isTshirtSize,
-				isArbitraryLength
-			] }],
-			/**
-			* Font Smoothing
-			* @see https://tailwindcss.com/docs/font-smoothing
-			*/
-			"font-smoothing": ["antialiased", "subpixel-antialiased"],
-			/**
-			* Font Style
-			* @see https://tailwindcss.com/docs/font-style
-			*/
-			"font-style": ["italic", "not-italic"],
-			/**
-			* Font Weight
-			* @see https://tailwindcss.com/docs/font-weight
-			*/
-			"font-weight": [{ font: [
-				"thin",
-				"extralight",
-				"light",
-				"normal",
-				"medium",
-				"semibold",
-				"bold",
-				"extrabold",
-				"black",
-				isArbitraryNumber
-			] }],
-			/**
-			* Font Family
-			* @see https://tailwindcss.com/docs/font-family
-			*/
-			"font-family": [{ font: [isAny] }],
-			/**
-			* Font Variant Numeric
-			* @see https://tailwindcss.com/docs/font-variant-numeric
-			*/
-			"fvn-normal": ["normal-nums"],
-			/**
-			* Font Variant Numeric
-			* @see https://tailwindcss.com/docs/font-variant-numeric
-			*/
-			"fvn-ordinal": ["ordinal"],
-			/**
-			* Font Variant Numeric
-			* @see https://tailwindcss.com/docs/font-variant-numeric
-			*/
-			"fvn-slashed-zero": ["slashed-zero"],
-			/**
-			* Font Variant Numeric
-			* @see https://tailwindcss.com/docs/font-variant-numeric
-			*/
-			"fvn-figure": ["lining-nums", "oldstyle-nums"],
-			/**
-			* Font Variant Numeric
-			* @see https://tailwindcss.com/docs/font-variant-numeric
-			*/
-			"fvn-spacing": ["proportional-nums", "tabular-nums"],
-			/**
-			* Font Variant Numeric
-			* @see https://tailwindcss.com/docs/font-variant-numeric
-			*/
-			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
-			/**
-			* Letter Spacing
-			* @see https://tailwindcss.com/docs/letter-spacing
-			*/
-			tracking: [{ tracking: [
-				"tighter",
-				"tight",
-				"normal",
-				"wide",
-				"wider",
-				"widest",
-				isArbitraryValue
-			] }],
-			/**
-			* Line Clamp
-			* @see https://tailwindcss.com/docs/line-clamp
-			*/
-			"line-clamp": [{ "line-clamp": [
-				"none",
-				isNumber,
-				isArbitraryNumber
-			] }],
-			/**
-			* Line Height
-			* @see https://tailwindcss.com/docs/line-height
-			*/
-			leading: [{ leading: [
-				"none",
-				"tight",
-				"snug",
-				"normal",
-				"relaxed",
-				"loose",
-				isLength,
-				isArbitraryValue
-			] }],
-			/**
-			* List Style Image
-			* @see https://tailwindcss.com/docs/list-style-image
-			*/
-			"list-image": [{ "list-image": ["none", isArbitraryValue] }],
-			/**
-			* List Style Type
-			* @see https://tailwindcss.com/docs/list-style-type
-			*/
-			"list-style-type": [{ list: [
-				"none",
-				"disc",
-				"decimal",
-				isArbitraryValue
-			] }],
-			/**
-			* List Style Position
-			* @see https://tailwindcss.com/docs/list-style-position
-			*/
-			"list-style-position": [{ list: ["inside", "outside"] }],
-			/**
-			* Placeholder Color
-			* @deprecated since Tailwind CSS v3.0.0
-			* @see https://tailwindcss.com/docs/placeholder-color
-			*/
-			"placeholder-color": [{ placeholder: [colors] }],
-			/**
-			* Placeholder Opacity
-			* @see https://tailwindcss.com/docs/placeholder-opacity
-			*/
-			"placeholder-opacity": [{ "placeholder-opacity": [opacity] }],
-			/**
-			* Text Alignment
-			* @see https://tailwindcss.com/docs/text-align
-			*/
-			"text-alignment": [{ text: [
-				"left",
-				"center",
-				"right",
-				"justify",
-				"start",
-				"end"
-			] }],
-			/**
-			* Text Color
-			* @see https://tailwindcss.com/docs/text-color
-			*/
-			"text-color": [{ text: [colors] }],
-			/**
-			* Text Opacity
-			* @see https://tailwindcss.com/docs/text-opacity
-			*/
-			"text-opacity": [{ "text-opacity": [opacity] }],
-			/**
-			* Text Decoration
-			* @see https://tailwindcss.com/docs/text-decoration
-			*/
-			"text-decoration": [
-				"underline",
-				"overline",
-				"line-through",
-				"no-underline"
-			],
-			/**
-			* Text Decoration Style
-			* @see https://tailwindcss.com/docs/text-decoration-style
-			*/
-			"text-decoration-style": [{ decoration: [...getLineStyles(), "wavy"] }],
-			/**
-			* Text Decoration Thickness
-			* @see https://tailwindcss.com/docs/text-decoration-thickness
-			*/
-			"text-decoration-thickness": [{ decoration: [
-				"auto",
-				"from-font",
-				isLength,
-				isArbitraryLength
-			] }],
-			/**
-			* Text Underline Offset
-			* @see https://tailwindcss.com/docs/text-underline-offset
-			*/
-			"underline-offset": [{ "underline-offset": [
-				"auto",
-				isLength,
-				isArbitraryValue
-			] }],
-			/**
-			* Text Decoration Color
-			* @see https://tailwindcss.com/docs/text-decoration-color
-			*/
-			"text-decoration-color": [{ decoration: [colors] }],
-			/**
-			* Text Transform
-			* @see https://tailwindcss.com/docs/text-transform
-			*/
-			"text-transform": [
-				"uppercase",
-				"lowercase",
-				"capitalize",
-				"normal-case"
-			],
-			/**
-			* Text Overflow
-			* @see https://tailwindcss.com/docs/text-overflow
-			*/
-			"text-overflow": [
-				"truncate",
-				"text-ellipsis",
-				"text-clip"
-			],
-			/**
-			* Text Wrap
-			* @see https://tailwindcss.com/docs/text-wrap
-			*/
-			"text-wrap": [{ text: [
-				"wrap",
-				"nowrap",
-				"balance",
-				"pretty"
-			] }],
-			/**
-			* Text Indent
-			* @see https://tailwindcss.com/docs/text-indent
-			*/
-			indent: [{ indent: getSpacingWithArbitrary() }],
-			/**
-			* Vertical Alignment
-			* @see https://tailwindcss.com/docs/vertical-align
-			*/
-			"vertical-align": [{ align: [
-				"baseline",
-				"top",
-				"middle",
-				"bottom",
-				"text-top",
-				"text-bottom",
-				"sub",
-				"super",
-				isArbitraryValue
-			] }],
-			/**
-			* Whitespace
-			* @see https://tailwindcss.com/docs/whitespace
-			*/
-			whitespace: [{ whitespace: [
-				"normal",
-				"nowrap",
-				"pre",
-				"pre-line",
-				"pre-wrap",
-				"break-spaces"
-			] }],
-			/**
-			* Word Break
-			* @see https://tailwindcss.com/docs/word-break
-			*/
-			break: [{ break: [
-				"normal",
-				"words",
-				"all",
-				"keep"
-			] }],
-			/**
-			* Hyphens
-			* @see https://tailwindcss.com/docs/hyphens
-			*/
-			hyphens: [{ hyphens: [
-				"none",
-				"manual",
-				"auto"
-			] }],
-			/**
-			* Content
-			* @see https://tailwindcss.com/docs/content
-			*/
-			content: [{ content: ["none", isArbitraryValue] }],
-			/**
-			* Background Attachment
-			* @see https://tailwindcss.com/docs/background-attachment
-			*/
-			"bg-attachment": [{ bg: [
-				"fixed",
-				"local",
-				"scroll"
-			] }],
-			/**
-			* Background Clip
-			* @see https://tailwindcss.com/docs/background-clip
-			*/
-			"bg-clip": [{ "bg-clip": [
-				"border",
-				"padding",
-				"content",
-				"text"
-			] }],
-			/**
-			* Background Opacity
-			* @deprecated since Tailwind CSS v3.0.0
-			* @see https://tailwindcss.com/docs/background-opacity
-			*/
-			"bg-opacity": [{ "bg-opacity": [opacity] }],
-			/**
-			* Background Origin
-			* @see https://tailwindcss.com/docs/background-origin
-			*/
-			"bg-origin": [{ "bg-origin": [
-				"border",
-				"padding",
-				"content"
-			] }],
-			/**
-			* Background Position
-			* @see https://tailwindcss.com/docs/background-position
-			*/
-			"bg-position": [{ bg: [...getPositions(), isArbitraryPosition] }],
-			/**
-			* Background Repeat
-			* @see https://tailwindcss.com/docs/background-repeat
-			*/
-			"bg-repeat": [{ bg: ["no-repeat", { repeat: [
-				"",
-				"x",
-				"y",
-				"round",
-				"space"
-			] }] }],
-			/**
-			* Background Size
-			* @see https://tailwindcss.com/docs/background-size
-			*/
-			"bg-size": [{ bg: [
-				"auto",
-				"cover",
-				"contain",
-				isArbitrarySize
-			] }],
-			/**
-			* Background Image
-			* @see https://tailwindcss.com/docs/background-image
-			*/
-			"bg-image": [{ bg: [
-				"none",
-				{ "gradient-to": [
-					"t",
-					"tr",
-					"r",
-					"br",
-					"b",
-					"bl",
-					"l",
-					"tl"
-				] },
-				isArbitraryImage
-			] }],
-			/**
-			* Background Color
-			* @see https://tailwindcss.com/docs/background-color
-			*/
-			"bg-color": [{ bg: [colors] }],
-			/**
-			* Gradient Color Stops From Position
-			* @see https://tailwindcss.com/docs/gradient-color-stops
-			*/
-			"gradient-from-pos": [{ from: [gradientColorStopPositions] }],
-			/**
-			* Gradient Color Stops Via Position
-			* @see https://tailwindcss.com/docs/gradient-color-stops
-			*/
-			"gradient-via-pos": [{ via: [gradientColorStopPositions] }],
-			/**
-			* Gradient Color Stops To Position
-			* @see https://tailwindcss.com/docs/gradient-color-stops
-			*/
-			"gradient-to-pos": [{ to: [gradientColorStopPositions] }],
-			/**
-			* Gradient Color Stops From
-			* @see https://tailwindcss.com/docs/gradient-color-stops
-			*/
-			"gradient-from": [{ from: [gradientColorStops] }],
-			/**
-			* Gradient Color Stops Via
-			* @see https://tailwindcss.com/docs/gradient-color-stops
-			*/
-			"gradient-via": [{ via: [gradientColorStops] }],
-			/**
-			* Gradient Color Stops To
-			* @see https://tailwindcss.com/docs/gradient-color-stops
-			*/
-			"gradient-to": [{ to: [gradientColorStops] }],
-			/**
-			* Border Radius
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			rounded: [{ rounded: [borderRadius] }],
-			/**
-			* Border Radius Start
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-s": [{ "rounded-s": [borderRadius] }],
-			/**
-			* Border Radius End
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-e": [{ "rounded-e": [borderRadius] }],
-			/**
-			* Border Radius Top
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-t": [{ "rounded-t": [borderRadius] }],
-			/**
-			* Border Radius Right
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-r": [{ "rounded-r": [borderRadius] }],
-			/**
-			* Border Radius Bottom
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-b": [{ "rounded-b": [borderRadius] }],
-			/**
-			* Border Radius Left
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-l": [{ "rounded-l": [borderRadius] }],
-			/**
-			* Border Radius Start Start
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-ss": [{ "rounded-ss": [borderRadius] }],
-			/**
-			* Border Radius Start End
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-se": [{ "rounded-se": [borderRadius] }],
-			/**
-			* Border Radius End End
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-ee": [{ "rounded-ee": [borderRadius] }],
-			/**
-			* Border Radius End Start
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-es": [{ "rounded-es": [borderRadius] }],
-			/**
-			* Border Radius Top Left
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-tl": [{ "rounded-tl": [borderRadius] }],
-			/**
-			* Border Radius Top Right
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-tr": [{ "rounded-tr": [borderRadius] }],
-			/**
-			* Border Radius Bottom Right
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-br": [{ "rounded-br": [borderRadius] }],
-			/**
-			* Border Radius Bottom Left
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-bl": [{ "rounded-bl": [borderRadius] }],
-			/**
-			* Border Width
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w": [{ border: [borderWidth] }],
-			/**
-			* Border Width X
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-x": [{ "border-x": [borderWidth] }],
-			/**
-			* Border Width Y
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-y": [{ "border-y": [borderWidth] }],
-			/**
-			* Border Width Start
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-s": [{ "border-s": [borderWidth] }],
-			/**
-			* Border Width End
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-e": [{ "border-e": [borderWidth] }],
-			/**
-			* Border Width Top
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-t": [{ "border-t": [borderWidth] }],
-			/**
-			* Border Width Right
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-r": [{ "border-r": [borderWidth] }],
-			/**
-			* Border Width Bottom
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-b": [{ "border-b": [borderWidth] }],
-			/**
-			* Border Width Left
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-l": [{ "border-l": [borderWidth] }],
-			/**
-			* Border Opacity
-			* @see https://tailwindcss.com/docs/border-opacity
-			*/
-			"border-opacity": [{ "border-opacity": [opacity] }],
-			/**
-			* Border Style
-			* @see https://tailwindcss.com/docs/border-style
-			*/
-			"border-style": [{ border: [...getLineStyles(), "hidden"] }],
-			/**
-			* Divide Width X
-			* @see https://tailwindcss.com/docs/divide-width
-			*/
-			"divide-x": [{ "divide-x": [borderWidth] }],
-			/**
-			* Divide Width X Reverse
-			* @see https://tailwindcss.com/docs/divide-width
-			*/
-			"divide-x-reverse": ["divide-x-reverse"],
-			/**
-			* Divide Width Y
-			* @see https://tailwindcss.com/docs/divide-width
-			*/
-			"divide-y": [{ "divide-y": [borderWidth] }],
-			/**
-			* Divide Width Y Reverse
-			* @see https://tailwindcss.com/docs/divide-width
-			*/
-			"divide-y-reverse": ["divide-y-reverse"],
-			/**
-			* Divide Opacity
-			* @see https://tailwindcss.com/docs/divide-opacity
-			*/
-			"divide-opacity": [{ "divide-opacity": [opacity] }],
-			/**
-			* Divide Style
-			* @see https://tailwindcss.com/docs/divide-style
-			*/
-			"divide-style": [{ divide: getLineStyles() }],
-			/**
-			* Border Color
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color": [{ border: [borderColor] }],
-			/**
-			* Border Color X
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-x": [{ "border-x": [borderColor] }],
-			/**
-			* Border Color Y
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-y": [{ "border-y": [borderColor] }],
-			/**
-			* Border Color S
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-s": [{ "border-s": [borderColor] }],
-			/**
-			* Border Color E
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-e": [{ "border-e": [borderColor] }],
-			/**
-			* Border Color Top
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-t": [{ "border-t": [borderColor] }],
-			/**
-			* Border Color Right
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-r": [{ "border-r": [borderColor] }],
-			/**
-			* Border Color Bottom
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-b": [{ "border-b": [borderColor] }],
-			/**
-			* Border Color Left
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-l": [{ "border-l": [borderColor] }],
-			/**
-			* Divide Color
-			* @see https://tailwindcss.com/docs/divide-color
-			*/
-			"divide-color": [{ divide: [borderColor] }],
-			/**
-			* Outline Style
-			* @see https://tailwindcss.com/docs/outline-style
-			*/
-			"outline-style": [{ outline: ["", ...getLineStyles()] }],
-			/**
-			* Outline Offset
-			* @see https://tailwindcss.com/docs/outline-offset
-			*/
-			"outline-offset": [{ "outline-offset": [isLength, isArbitraryValue] }],
-			/**
-			* Outline Width
-			* @see https://tailwindcss.com/docs/outline-width
-			*/
-			"outline-w": [{ outline: [isLength, isArbitraryLength] }],
-			/**
-			* Outline Color
-			* @see https://tailwindcss.com/docs/outline-color
-			*/
-			"outline-color": [{ outline: [colors] }],
-			/**
-			* Ring Width
-			* @see https://tailwindcss.com/docs/ring-width
-			*/
-			"ring-w": [{ ring: getLengthWithEmptyAndArbitrary() }],
-			/**
-			* Ring Width Inset
-			* @see https://tailwindcss.com/docs/ring-width
-			*/
-			"ring-w-inset": ["ring-inset"],
-			/**
-			* Ring Color
-			* @see https://tailwindcss.com/docs/ring-color
-			*/
-			"ring-color": [{ ring: [colors] }],
-			/**
-			* Ring Opacity
-			* @see https://tailwindcss.com/docs/ring-opacity
-			*/
-			"ring-opacity": [{ "ring-opacity": [opacity] }],
-			/**
-			* Ring Offset Width
-			* @see https://tailwindcss.com/docs/ring-offset-width
-			*/
-			"ring-offset-w": [{ "ring-offset": [isLength, isArbitraryLength] }],
-			/**
-			* Ring Offset Color
-			* @see https://tailwindcss.com/docs/ring-offset-color
-			*/
-			"ring-offset-color": [{ "ring-offset": [colors] }],
-			/**
-			* Box Shadow
-			* @see https://tailwindcss.com/docs/box-shadow
-			*/
-			shadow: [{ shadow: [
-				"",
-				"inner",
-				"none",
-				isTshirtSize,
-				isArbitraryShadow
-			] }],
-			/**
-			* Box Shadow Color
-			* @see https://tailwindcss.com/docs/box-shadow-color
-			*/
-			"shadow-color": [{ shadow: [isAny] }],
-			/**
-			* Opacity
-			* @see https://tailwindcss.com/docs/opacity
-			*/
-			opacity: [{ opacity: [opacity] }],
-			/**
-			* Mix Blend Mode
-			* @see https://tailwindcss.com/docs/mix-blend-mode
-			*/
-			"mix-blend": [{ "mix-blend": [
-				...getBlendModes(),
-				"plus-lighter",
-				"plus-darker"
-			] }],
-			/**
-			* Background Blend Mode
-			* @see https://tailwindcss.com/docs/background-blend-mode
-			*/
-			"bg-blend": [{ "bg-blend": getBlendModes() }],
-			/**
-			* Filter
-			* @deprecated since Tailwind CSS v3.0.0
-			* @see https://tailwindcss.com/docs/filter
-			*/
-			filter: [{ filter: ["", "none"] }],
-			/**
-			* Blur
-			* @see https://tailwindcss.com/docs/blur
-			*/
-			blur: [{ blur: [blur] }],
-			/**
-			* Brightness
-			* @see https://tailwindcss.com/docs/brightness
-			*/
-			brightness: [{ brightness: [brightness] }],
-			/**
-			* Contrast
-			* @see https://tailwindcss.com/docs/contrast
-			*/
-			contrast: [{ contrast: [contrast] }],
-			/**
-			* Drop Shadow
-			* @see https://tailwindcss.com/docs/drop-shadow
-			*/
-			"drop-shadow": [{ "drop-shadow": [
-				"",
-				"none",
-				isTshirtSize,
-				isArbitraryValue
-			] }],
-			/**
-			* Grayscale
-			* @see https://tailwindcss.com/docs/grayscale
-			*/
-			grayscale: [{ grayscale: [grayscale] }],
-			/**
-			* Hue Rotate
-			* @see https://tailwindcss.com/docs/hue-rotate
-			*/
-			"hue-rotate": [{ "hue-rotate": [hueRotate] }],
-			/**
-			* Invert
-			* @see https://tailwindcss.com/docs/invert
-			*/
-			invert: [{ invert: [invert] }],
-			/**
-			* Saturate
-			* @see https://tailwindcss.com/docs/saturate
-			*/
-			saturate: [{ saturate: [saturate] }],
-			/**
-			* Sepia
-			* @see https://tailwindcss.com/docs/sepia
-			*/
-			sepia: [{ sepia: [sepia] }],
-			/**
-			* Backdrop Filter
-			* @deprecated since Tailwind CSS v3.0.0
-			* @see https://tailwindcss.com/docs/backdrop-filter
-			*/
-			"backdrop-filter": [{ "backdrop-filter": ["", "none"] }],
-			/**
-			* Backdrop Blur
-			* @see https://tailwindcss.com/docs/backdrop-blur
-			*/
-			"backdrop-blur": [{ "backdrop-blur": [blur] }],
-			/**
-			* Backdrop Brightness
-			* @see https://tailwindcss.com/docs/backdrop-brightness
-			*/
-			"backdrop-brightness": [{ "backdrop-brightness": [brightness] }],
-			/**
-			* Backdrop Contrast
-			* @see https://tailwindcss.com/docs/backdrop-contrast
-			*/
-			"backdrop-contrast": [{ "backdrop-contrast": [contrast] }],
-			/**
-			* Backdrop Grayscale
-			* @see https://tailwindcss.com/docs/backdrop-grayscale
-			*/
-			"backdrop-grayscale": [{ "backdrop-grayscale": [grayscale] }],
-			/**
-			* Backdrop Hue Rotate
-			* @see https://tailwindcss.com/docs/backdrop-hue-rotate
-			*/
-			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [hueRotate] }],
-			/**
-			* Backdrop Invert
-			* @see https://tailwindcss.com/docs/backdrop-invert
-			*/
-			"backdrop-invert": [{ "backdrop-invert": [invert] }],
-			/**
-			* Backdrop Opacity
-			* @see https://tailwindcss.com/docs/backdrop-opacity
-			*/
-			"backdrop-opacity": [{ "backdrop-opacity": [opacity] }],
-			/**
-			* Backdrop Saturate
-			* @see https://tailwindcss.com/docs/backdrop-saturate
-			*/
-			"backdrop-saturate": [{ "backdrop-saturate": [saturate] }],
-			/**
-			* Backdrop Sepia
-			* @see https://tailwindcss.com/docs/backdrop-sepia
-			*/
-			"backdrop-sepia": [{ "backdrop-sepia": [sepia] }],
-			/**
-			* Border Collapse
-			* @see https://tailwindcss.com/docs/border-collapse
-			*/
-			"border-collapse": [{ border: ["collapse", "separate"] }],
-			/**
-			* Border Spacing
-			* @see https://tailwindcss.com/docs/border-spacing
-			*/
-			"border-spacing": [{ "border-spacing": [borderSpacing] }],
-			/**
-			* Border Spacing X
-			* @see https://tailwindcss.com/docs/border-spacing
-			*/
-			"border-spacing-x": [{ "border-spacing-x": [borderSpacing] }],
-			/**
-			* Border Spacing Y
-			* @see https://tailwindcss.com/docs/border-spacing
-			*/
-			"border-spacing-y": [{ "border-spacing-y": [borderSpacing] }],
-			/**
-			* Table Layout
-			* @see https://tailwindcss.com/docs/table-layout
-			*/
-			"table-layout": [{ table: ["auto", "fixed"] }],
-			/**
-			* Caption Side
-			* @see https://tailwindcss.com/docs/caption-side
-			*/
-			caption: [{ caption: ["top", "bottom"] }],
-			/**
-			* Tranisition Property
-			* @see https://tailwindcss.com/docs/transition-property
-			*/
-			transition: [{ transition: [
-				"none",
-				"all",
-				"",
-				"colors",
-				"opacity",
-				"shadow",
-				"transform",
-				isArbitraryValue
-			] }],
-			/**
-			* Transition Duration
-			* @see https://tailwindcss.com/docs/transition-duration
-			*/
-			duration: [{ duration: getNumberAndArbitrary() }],
-			/**
-			* Transition Timing Function
-			* @see https://tailwindcss.com/docs/transition-timing-function
-			*/
-			ease: [{ ease: [
-				"linear",
-				"in",
-				"out",
-				"in-out",
-				isArbitraryValue
-			] }],
-			/**
-			* Transition Delay
-			* @see https://tailwindcss.com/docs/transition-delay
-			*/
-			delay: [{ delay: getNumberAndArbitrary() }],
-			/**
-			* Animation
-			* @see https://tailwindcss.com/docs/animation
-			*/
-			animate: [{ animate: [
-				"none",
-				"spin",
-				"ping",
-				"pulse",
-				"bounce",
-				isArbitraryValue
-			] }],
-			/**
-			* Transform
-			* @see https://tailwindcss.com/docs/transform
-			*/
-			transform: [{ transform: [
-				"",
-				"gpu",
-				"none"
-			] }],
-			/**
-			* Scale
-			* @see https://tailwindcss.com/docs/scale
-			*/
-			scale: [{ scale: [scale] }],
-			/**
-			* Scale X
-			* @see https://tailwindcss.com/docs/scale
-			*/
-			"scale-x": [{ "scale-x": [scale] }],
-			/**
-			* Scale Y
-			* @see https://tailwindcss.com/docs/scale
-			*/
-			"scale-y": [{ "scale-y": [scale] }],
-			/**
-			* Rotate
-			* @see https://tailwindcss.com/docs/rotate
-			*/
-			rotate: [{ rotate: [isInteger, isArbitraryValue] }],
-			/**
-			* Translate X
-			* @see https://tailwindcss.com/docs/translate
-			*/
-			"translate-x": [{ "translate-x": [translate] }],
-			/**
-			* Translate Y
-			* @see https://tailwindcss.com/docs/translate
-			*/
-			"translate-y": [{ "translate-y": [translate] }],
-			/**
-			* Skew X
-			* @see https://tailwindcss.com/docs/skew
-			*/
-			"skew-x": [{ "skew-x": [skew] }],
-			/**
-			* Skew Y
-			* @see https://tailwindcss.com/docs/skew
-			*/
-			"skew-y": [{ "skew-y": [skew] }],
-			/**
-			* Transform Origin
-			* @see https://tailwindcss.com/docs/transform-origin
-			*/
-			"transform-origin": [{ origin: [
-				"center",
-				"top",
-				"top-right",
-				"right",
-				"bottom-right",
-				"bottom",
-				"bottom-left",
-				"left",
-				"top-left",
-				isArbitraryValue
-			] }],
-			/**
-			* Accent Color
-			* @see https://tailwindcss.com/docs/accent-color
-			*/
-			accent: [{ accent: ["auto", colors] }],
-			/**
-			* Appearance
-			* @see https://tailwindcss.com/docs/appearance
-			*/
-			appearance: [{ appearance: ["none", "auto"] }],
-			/**
-			* Cursor
-			* @see https://tailwindcss.com/docs/cursor
-			*/
-			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",
-				isArbitraryValue
-			] }],
-			/**
-			* Caret Color
-			* @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
-			*/
-			"caret-color": [{ caret: [colors] }],
-			/**
-			* Pointer Events
-			* @see https://tailwindcss.com/docs/pointer-events
-			*/
-			"pointer-events": [{ "pointer-events": ["none", "auto"] }],
-			/**
-			* Resize
-			* @see https://tailwindcss.com/docs/resize
-			*/
-			resize: [{ resize: [
-				"none",
-				"y",
-				"x",
-				""
-			] }],
-			/**
-			* Scroll Behavior
-			* @see https://tailwindcss.com/docs/scroll-behavior
-			*/
-			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
-			/**
-			* Scroll Margin
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-m": [{ "scroll-m": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Margin X
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-mx": [{ "scroll-mx": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Margin Y
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-my": [{ "scroll-my": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Margin Start
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-ms": [{ "scroll-ms": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Margin End
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-me": [{ "scroll-me": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Margin Top
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-mt": [{ "scroll-mt": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Margin Right
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-mr": [{ "scroll-mr": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Margin Bottom
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-mb": [{ "scroll-mb": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Margin Left
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-ml": [{ "scroll-ml": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Padding
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-p": [{ "scroll-p": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Padding X
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-px": [{ "scroll-px": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Padding Y
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-py": [{ "scroll-py": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Padding Start
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-ps": [{ "scroll-ps": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Padding End
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-pe": [{ "scroll-pe": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Padding Top
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-pt": [{ "scroll-pt": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Padding Right
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-pr": [{ "scroll-pr": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Padding Bottom
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-pb": [{ "scroll-pb": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Padding Left
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-pl": [{ "scroll-pl": getSpacingWithArbitrary() }],
-			/**
-			* Scroll Snap Align
-			* @see https://tailwindcss.com/docs/scroll-snap-align
-			*/
-			"snap-align": [{ snap: [
-				"start",
-				"end",
-				"center",
-				"align-none"
-			] }],
-			/**
-			* Scroll Snap Stop
-			* @see https://tailwindcss.com/docs/scroll-snap-stop
-			*/
-			"snap-stop": [{ snap: ["normal", "always"] }],
-			/**
-			* Scroll Snap Type
-			* @see https://tailwindcss.com/docs/scroll-snap-type
-			*/
-			"snap-type": [{ snap: [
-				"none",
-				"x",
-				"y",
-				"both"
-			] }],
-			/**
-			* Scroll Snap Type Strictness
-			* @see https://tailwindcss.com/docs/scroll-snap-type
-			*/
-			"snap-strictness": [{ snap: ["mandatory", "proximity"] }],
-			/**
-			* Touch Action
-			* @see https://tailwindcss.com/docs/touch-action
-			*/
-			touch: [{ touch: [
-				"auto",
-				"none",
-				"manipulation"
-			] }],
-			/**
-			* Touch Action X
-			* @see https://tailwindcss.com/docs/touch-action
-			*/
-			"touch-x": [{ "touch-pan": [
-				"x",
-				"left",
-				"right"
-			] }],
-			/**
-			* Touch Action Y
-			* @see https://tailwindcss.com/docs/touch-action
-			*/
-			"touch-y": [{ "touch-pan": [
-				"y",
-				"up",
-				"down"
-			] }],
-			/**
-			* Touch Action Pinch Zoom
-			* @see https://tailwindcss.com/docs/touch-action
-			*/
-			"touch-pz": ["touch-pinch-zoom"],
-			/**
-			* User Select
-			* @see https://tailwindcss.com/docs/user-select
-			*/
-			select: [{ select: [
-				"none",
-				"text",
-				"all",
-				"auto"
-			] }],
-			/**
-			* Will Change
-			* @see https://tailwindcss.com/docs/will-change
-			*/
-			"will-change": [{ "will-change": [
-				"auto",
-				"scroll",
-				"contents",
-				"transform",
-				isArbitraryValue
-			] }],
-			/**
-			* Fill
-			* @see https://tailwindcss.com/docs/fill
-			*/
-			fill: [{ fill: [colors, "none"] }],
-			/**
-			* Stroke Width
-			* @see https://tailwindcss.com/docs/stroke-width
-			*/
-			"stroke-w": [{ stroke: [
-				isLength,
-				isArbitraryLength,
-				isArbitraryNumber
-			] }],
-			/**
-			* Stroke
-			* @see https://tailwindcss.com/docs/stroke
-			*/
-			stroke: [{ stroke: [colors, "none"] }],
-			/**
-			* Screen Readers
-			* @see https://tailwindcss.com/docs/screen-readers
-			*/
-			sr: ["sr-only", "not-sr-only"],
-			/**
-			* Forced Color Adjust
-			* @see https://tailwindcss.com/docs/forced-color-adjust
-			*/
-			"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-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-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"],
-			"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"] }
-	};
-};
-var twMerge = /*#__PURE__*/ createTailwindMerge(getDefaultConfig);
-//#endregion
-//#region ../ui/src/lib/utils.ts
-/**
-* Internal utilities for UI components.
-*
-* This module is for INTERNAL use only and should NOT be exposed to external consumers.
-* External utilities should be placed in `utils/` instead.
-*
-* @internal
-*/
-/**
-* Merges Tailwind CSS class names with conflict resolution.
-* Combines clsx for conditional classes and tailwind-merge for deduplication.
-*
-* @example
-* cn('px-2 py-1', 'px-4') // => 'py-1 px-4'
-* cn('text-red-500', isActive && 'text-blue-500')
-*/
-function cn(...inputs) {
-	return twMerge(clsx(inputs));
-}
-//#endregion
-//#region ../ui/src/components/primitives/button.tsx
-var buttonVariants = cva(cn("inline-flex items-center justify-center gap-2 whitespace-nowrap", "rounded-md font-normal transition-all", "disabled:pointer-events-none disabled:opacity-40", "shrink-0 outline-none aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_.lucide:not(.lucide-custom)]:text-current [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "data-[busy=true]:cursor-progress data-[busy=true]:opacity-40", "shadow-xs"), {
-	variants: {
-		variant: {
-			default: "bg-neutral-900 text-white hover:bg-neutral-800 focus-visible:bg-neutral-800 dark:bg-neutral-100 dark:text-neutral-900 dark:hover:bg-neutral-200 dark:focus-visible:bg-neutral-200",
-			destructive: "bg-destructive text-white hover:bg-destructive-hover focus-visible:bg-destructive-hover",
-			outline: "border border-border bg-transparent text-foreground shadow-none hover:bg-accent focus-visible:border-primary focus-visible:bg-accent",
-			secondary: "rounded-lg bg-secondary text-secondary-foreground shadow-none hover:bg-secondary-hover focus-visible:bg-secondary-hover",
-			/** Dialog primary action style: same color hierarchy as default, with a flatter v2 shell. */
-			emphasis: "rounded-lg bg-neutral-900 text-white shadow-none hover:bg-neutral-800 focus-visible:bg-neutral-800 dark:bg-neutral-100 dark:text-neutral-900 dark:hover:bg-neutral-200 dark:focus-visible:bg-neutral-200",
-			ghost: "text-neutral-900 shadow-none hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground dark:text-neutral-100",
-			link: "text-neutral-900 underline-offset-4 hover:text-neutral-700 hover:underline focus-visible:text-neutral-700 focus-visible:underline dark:text-neutral-100 dark:hover:text-neutral-300 dark:focus-visible:text-neutral-300"
-		},
-		size: {
-			default: "min-h-7.5 gap-1.5 px-2.5 text-[13px]",
-			sm: "min-h-7 gap-1.5 px-2.5 text-xs",
-			lg: "min-h-9 px-4 text-sm",
-			icon: "size-9",
-			"icon-sm": "size-7",
-			"icon-lg": "size-10",
-			/** Navbar / toolbar icon button: 30px box, 18px icon (8px radius from base). */
-			"icon-navbar": "size-[30px] [&_svg]:!size-[18px]"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-function Button({ className, variant, size, asChild = false, loading = false, loadingIcon, loadingIconClassName, disabled, children, ...props }) {
-	const Comp = asChild ? Slot : "button";
-	const getSpinnerSize = () => {
-		if (size === "icon-sm") return 13;
-		if (size === "sm") return 14;
-		if (size === "icon-navbar") return 18;
-		if (size === "lg" || size === "icon-lg") return 18;
-		return 16;
-	};
-	const defaultLoadingIcon = /* @__PURE__ */ jsx(Loader, {
-		className: cn("animate-spin", loadingIconClassName),
-		size: getSpinnerSize()
-	});
-	const spinnerElement = loadingIcon ?? defaultLoadingIcon;
-	return /* @__PURE__ */ jsx(Comp, {
-		"data-slot": "button",
-		"data-variant": variant ?? "default",
-		className: cn(buttonVariants({
-			variant,
-			size,
-			className
-		})),
-		disabled: disabled || loading,
-		"aria-busy": loading || void 0,
-		"data-busy": loading || void 0,
-		...props,
-		children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [loading && spinnerElement, children] })
-	});
-}
-//#endregion
-//#region ../ui/src/components/composites/empty-state/index.tsx
-var EMPTY_ILLUSTRATION_RATIO = 41 / 64;
-/**
-* Unified empty illustrations — soft line drawings with a ground shadow. All
-* colors derive from `currentColor` opacity layers so they adapt to themes.
-* `inbox` is the generic "nothing here"; `book` reads as knowledge/learning.
-*/
-function EmptyIllustration({ variant = "inbox", width, className }) {
-	return /* @__PURE__ */ jsx("svg", {
-		width,
-		height: Math.round(width * EMPTY_ILLUSTRATION_RATIO),
-		viewBox: "0 0 64 41",
-		className,
-		"aria-hidden": "true",
-		children: variant === "book" ? /* @__PURE__ */ jsxs("g", {
-			transform: "translate(0 1)",
-			fill: "none",
-			fillRule: "evenodd",
-			children: [
-				/* @__PURE__ */ jsx("ellipse", {
-					fill: "currentColor",
-					fillOpacity: .08,
-					cx: "32",
-					cy: "33",
-					rx: "28",
-					ry: "6.5"
-				}),
-				/* @__PURE__ */ jsxs("g", {
-					stroke: "currentColor",
-					strokeOpacity: .4,
-					strokeLinejoin: "round",
-					children: [
-						/* @__PURE__ */ jsx("path", {
-							fill: "currentColor",
-							fillOpacity: .05,
-							d: "M32 10.5 11 6.5v18.2L32 30.5Z"
-						}),
-						/* @__PURE__ */ jsx("path", {
-							fill: "currentColor",
-							fillOpacity: .05,
-							d: "M32 10.5 53 6.5v18.2L32 30.5Z"
-						}),
-						/* @__PURE__ */ jsx("path", { d: "M32 10.5v20" })
-					]
-				}),
-				/* @__PURE__ */ jsx("path", {
-					fill: "currentColor",
-					fillOpacity: .35,
-					d: "m55.5 0 1.3 2.8 2.8 1.3-2.8 1.3-1.3 2.8-1.3-2.8-2.8-1.3 2.8-1.3Z"
-				})
-			]
-		}) : /* @__PURE__ */ jsxs("g", {
-			transform: "translate(0 1)",
-			fill: "none",
-			fillRule: "evenodd",
-			children: [/* @__PURE__ */ jsx("ellipse", {
-				fill: "currentColor",
-				fillOpacity: .08,
-				cx: "32",
-				cy: "33",
-				rx: "32",
-				ry: "7"
-			}), /* @__PURE__ */ jsxs("g", {
-				fillRule: "nonzero",
-				stroke: "currentColor",
-				strokeOpacity: .4,
-				children: [/* @__PURE__ */ jsx("path", { d: "M55 12.76 44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" }), /* @__PURE__ */ jsx("path", {
-					fill: "currentColor",
-					fillOpacity: .05,
-					d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-				})]
-			})]
-		})
-	});
-}
-function EmptyState({ illustration = "inbox", icon: IconOverride, title, description, actionLabel, onAction, secondaryLabel, onSecondary, compact = false, className }) {
-	const Icon = IconOverride;
-	const buttonSize = compact ? "sm" : "default";
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col items-center justify-center text-center", compact ? "px-4 py-8" : "flex-1 px-6 py-12", className),
-		children: [
-			Icon ? /* @__PURE__ */ jsx(Icon, {
-				size: compact ? 28 : 40,
-				strokeWidth: 1.5,
-				className: cn("text-muted-foreground", compact ? "mb-3" : "mb-4")
-			}) : /* @__PURE__ */ jsx(EmptyIllustration, {
-				variant: illustration,
-				width: compact ? 48 : 64,
-				className: cn("text-muted-foreground", compact ? "mb-3" : "mb-4")
-			}),
-			title && /* @__PURE__ */ jsx("h3", {
-				className: cn("font-normal text-muted-foreground", compact ? "text-xs" : "text-sm", description ? "mb-1.5" : actionLabel || secondaryLabel ? compact ? "mb-3" : "mb-5" : ""),
-				children: title
-			}),
-			description && /* @__PURE__ */ jsx("p", {
-				className: cn("text-muted-foreground", compact ? "mb-3 max-w-xs text-xs" : "mb-5 max-w-md text-xs leading-relaxed"),
-				children: description
-			}),
-			(actionLabel || secondaryLabel) && /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [actionLabel && onAction && /* @__PURE__ */ jsx(Button, {
-					variant: "outline",
-					size: buttonSize,
-					onClick: onAction,
-					children: actionLabel
-				}), secondaryLabel && onSecondary && /* @__PURE__ */ jsx(Button, {
-					variant: "ghost",
-					size: buttonSize,
-					onClick: onSecondary,
-					children: secondaryLabel
-				})]
-			})
-		]
-	});
-}
 typeof window !== "undefined" && window.document && window.document.createElement;
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
 	return function handleEvent(event) {
@@ -3169,7 +98,7 @@ var Primitive = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot = /* @__PURE__ */ createSlot(`Primitive.${node}`);
+	const Slot = createSlot(`Primitive.${node}`);
 	const Node = React$1.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
 		const Comp = asChild ? Slot : node;
@@ -5213,10 +2142,11 @@ var PopperAnchor = React$1.forwardRef((props, forwardedRef) => {
 	const context = usePopperContext(ANCHOR_NAME, __scopePopper);
 	const ref = React$1.useRef(null);
 	const onAnchorChange = context.onAnchorChange;
-	const composedRefs = useComposedRefs(forwardedRef, React$1.useCallback((node) => {
+	const callbackRef = React$1.useCallback((node) => {
 		ref.current = node;
 		if (node) onAnchorChange(node);
-	}, [onAnchorChange]));
+	}, [onAnchorChange]);
+	const composedRefs = useComposedRefs(forwardedRef, callbackRef);
 	const anchorRef = React$1.useRef(null);
 	React$1.useEffect(() => {
 		if (!virtualRef) return;
@@ -5683,222 +2613,6 @@ function useDialogPortalContainer() {
 	return React$1.use(DialogPortalContainerContext);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/es-toolkit@1.49.0/node_modules/es-toolkit/dist/function/debounce.mjs
-/**
-* Creates a debounced function that delays invoking the provided function until after `debounceMs` milliseconds
-* have elapsed since the last time the debounced function was invoked. The debounced function also has a `cancel`
-* method to cancel any pending execution.
-*
-* @template F - The type of function.
-* @param func - The function to debounce.
-* @param debounceMs - The number of milliseconds to delay.
-* @param options - The options object
-* @param options.signal - An optional AbortSignal to cancel the debounced function.
-* @param options.edges - An optional array specifying whether the function should be invoked on the leading edge, trailing edge, or both.
-* @returns A new debounced function with a `cancel` method.
-*
-* @example
-* const debouncedFunction = debounce(() => {
-*   console.log('Function executed');
-* }, 1000);
-*
-* // Will log 'Function executed' after 1 second if not called again in that time
-* debouncedFunction();
-*
-* // Will not log anything as the previous call is canceled
-* debouncedFunction.cancel();
-*
-* // With AbortSignal
-* const controller = new AbortController();
-* const signal = controller.signal;
-* const debouncedWithSignal = debounce(() => {
-*  console.log('Function executed');
-* }, 1000, { signal });
-*
-* debouncedWithSignal();
-*
-* // Will cancel the debounced function call
-* controller.abort();
-*/
-function debounce$1(func, debounceMs, { signal, edges } = {}) {
-	let pendingThis = void 0;
-	let pendingArgs = null;
-	const leading = edges != null && edges.includes("leading");
-	const trailing = edges == null || edges.includes("trailing");
-	const invoke = () => {
-		if (pendingArgs !== null) {
-			func.apply(pendingThis, pendingArgs);
-			pendingThis = void 0;
-			pendingArgs = null;
-		}
-	};
-	const onTimerEnd = () => {
-		if (trailing) invoke();
-		cancel();
-	};
-	let timeoutId = null;
-	const schedule = () => {
-		if (timeoutId != null) clearTimeout(timeoutId);
-		timeoutId = setTimeout(() => {
-			timeoutId = null;
-			onTimerEnd();
-		}, debounceMs);
-	};
-	const cancelTimer = () => {
-		if (timeoutId !== null) {
-			clearTimeout(timeoutId);
-			timeoutId = null;
-		}
-	};
-	const cancel = () => {
-		cancelTimer();
-		pendingThis = void 0;
-		pendingArgs = null;
-	};
-	const flush = () => {
-		invoke();
-	};
-	const debounced = function(...args) {
-		if (signal?.aborted) return;
-		pendingThis = this;
-		pendingArgs = args;
-		const isFirstCall = timeoutId == null;
-		schedule();
-		if (leading && isFirstCall) invoke();
-	};
-	debounced.schedule = schedule;
-	debounced.cancel = cancel;
-	debounced.flush = flush;
-	signal?.addEventListener("abort", cancel, { once: true });
-	return debounced;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/es-toolkit@1.49.0/node_modules/es-toolkit/dist/compat/function/debounce.mjs
-function debounce(func, debounceMs = 0, options = {}) {
-	if (typeof options !== "object") options = {};
-	const { leading = false, trailing = true, maxWait } = options;
-	const edges = Array(2);
-	if (leading) edges[0] = "leading";
-	if (trailing) edges[1] = "trailing";
-	let result = void 0;
-	let pendingAt = null;
-	const _debounced = debounce$1(function(...args) {
-		result = func.apply(this, args);
-		pendingAt = null;
-	}, debounceMs, { edges });
-	const debounced = function(...args) {
-		if (maxWait != null) {
-			if (pendingAt === null) pendingAt = Date.now();
-			if (Date.now() - pendingAt >= maxWait) {
-				result = func.apply(this, args);
-				pendingAt = Date.now();
-				_debounced.cancel();
-				_debounced.schedule();
-				return result;
-			}
-		}
-		_debounced.apply(this, args);
-		return result;
-	};
-	const flush = () => {
-		_debounced.flush();
-		return result;
-	};
-	debounced.cancel = _debounced.cancel;
-	debounced.flush = flush;
-	return debounced;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/es-toolkit@1.49.0/node_modules/es-toolkit/dist/compat/function/throttle.mjs
-/**
-* Creates a throttled function that only invokes the provided function at most once
-* per every `throttleMs` milliseconds. Subsequent calls to the throttled function
-* within the wait time will not trigger the execution of the original function.
-*
-* @template F - The type of function.
-* @param func - The function to throttle.
-* @param throttleMs - The number of milliseconds to throttle executions to.
-* @param options - The options object
-* @param options.signal - An optional AbortSignal to cancel the throttled function.
-* @param options.leading - If `true`, the function will be invoked on the leading edge of the timeout.
-* @param options.trailing - If `true`, the function will be invoked on the trailing edge of the timeout.
-* @returns A new throttled function that accepts the same parameters as the original function.
-*
-* @example
-* const throttledFunction = throttle(() => {
-*   console.log('Function executed');
-* }, 1000);
-*
-* // Will log 'Function executed' immediately
-* throttledFunction();
-*
-* // Will not log anything as it is within the throttle time
-* throttledFunction();
-*
-* // After 1 second
-* setTimeout(() => {
-*   throttledFunction(); // Will log 'Function executed'
-* }, 1000);
-*/
-function throttle(func, throttleMs = 0, options = {}) {
-	const { leading = true, trailing = true } = options;
-	return debounce(func, throttleMs, {
-		leading,
-		maxWait: throttleMs,
-		trailing
-	});
-}
-//#endregion
-//#region ../ui/src/components/composites/scrollbar/index.tsx
-var Scrollbar = ({ ref, autoHideScrollbar = true, children, className, onScroll: externalOnScroll, style, showOnHover = false, ...htmlProps }) => {
-	const [isScrolling, setIsScrolling] = React$1.useState(false);
-	const timeoutRef = React$1.useRef(null);
-	const clearScrollingTimeout = React$1.useCallback(() => {
-		if (timeoutRef.current) {
-			clearTimeout(timeoutRef.current);
-			timeoutRef.current = null;
-		}
-	}, []);
-	const handleScroll = React$1.useCallback(() => {
-		if (!autoHideScrollbar) return;
-		setIsScrolling(true);
-		clearScrollingTimeout();
-		timeoutRef.current = setTimeout(() => {
-			setIsScrolling(false);
-			timeoutRef.current = null;
-		}, 1500);
-	}, [autoHideScrollbar, clearScrollingTimeout]);
-	const throttledInternalScrollHandler = React$1.useMemo(() => throttle(handleScroll, 100, {
-		leading: true,
-		trailing: true
-	}), [handleScroll]);
-	const combinedOnScroll = React$1.useCallback(() => {
-		throttledInternalScrollHandler();
-		externalOnScroll?.();
-	}, [externalOnScroll, throttledInternalScrollHandler]);
-	React$1.useEffect(() => {
-		return () => {
-			clearScrollingTimeout();
-			throttledInternalScrollHandler.cancel();
-		};
-	}, [clearScrollingTimeout, throttledInternalScrollHandler]);
-	const isScrollbarVisible = !autoHideScrollbar || isScrolling;
-	const useHoverVisibility = showOnHover && autoHideScrollbar;
-	return /* @__PURE__ */ jsx("div", {
-		...htmlProps,
-		ref,
-		className: cn("[scrollbar-gutter:stable] overflow-y-auto", useHoverVisibility && "[scrollbar-color:transparent_transparent] hover:[scrollbar-color:var(--scrollbar-thumb-hover)_transparent] data-[scrolling=true]:[scrollbar-color:var(--scrollbar-thumb)_transparent]", !useHoverVisibility && "[&::-webkit-scrollbar-thumb]:transition-[background] [&::-webkit-scrollbar-thumb]:duration-[2000ms] [&::-webkit-scrollbar-thumb:hover]:bg-[var(--scrollbar-thumb-hover)]", !useHoverVisibility && (isScrollbarVisible ? "[&::-webkit-scrollbar-thumb]:bg-[var(--scrollbar-thumb)]" : "[&::-webkit-scrollbar-thumb]:bg-transparent"), className),
-		"data-scrolling": isScrolling ? "true" : "false",
-		onScroll: combinedOnScroll,
-		style: {
-			...style,
-			...!useHoverVisibility && { scrollbarColor: isScrollbarVisible ? "var(--scrollbar-thumb) transparent" : "transparent transparent" }
-		},
-		children
-	});
-};
-Scrollbar.displayName = "Scrollbar";
-//#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-visually-hidden@1.2.7_@types+react-dom@19.2.3_@types+react@19.2.7__@typ_9ef071bfc3489950acbee1603d5552b2/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
 var VISUALLY_HIDDEN_STYLES = Object.freeze({
 	position: "absolute",
@@ -6057,7 +2771,8 @@ var TooltipTrigger$1 = React$1.forwardRef((props, forwardedRef) => {
 	const context = useTooltipContext(TRIGGER_NAME, __scopeTooltip);
 	const providerContext = useTooltipProviderContext(TRIGGER_NAME, __scopeTooltip);
 	const popperScope = usePopperScope(__scopeTooltip);
-	const composedRefs = useComposedRefs(forwardedRef, React$1.useRef(null), context.onTriggerChange);
+	const ref = React$1.useRef(null);
+	const composedRefs = useComposedRefs(forwardedRef, ref, context.onTriggerChange);
 	const isPointerDownRef = React$1.useRef(false);
 	const hasPointerMoveOpenedRef = React$1.useRef(false);
 	const handlePointerUp = React$1.useCallback(() => isPointerDownRef.current = false, []);
@@ -6211,7 +2926,7 @@ var TooltipContentHoverable = React$1.forwardRef((props, forwardedRef) => {
 	});
 });
 var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
-var Slottable = /* @__PURE__ */ createSlottable("TooltipContent");
+var Slottable = createSlottable("TooltipContent");
 var TooltipContentImpl = React$1.forwardRef((props, forwardedRef) => {
 	const { __scopeTooltip, children, "aria-label": ariaLabel, onEscapeKeyDown, onPointerDownOutside, ...contentProps } = props;
 	const context = useTooltipContext(CONTENT_NAME, __scopeTooltip);
@@ -6696,108 +3411,6 @@ var Tooltip = ({ children, content, title, placement, delay = 0, sideOffset = 8,
 	});
 };
 //#endregion
-//#region src/FilePreviewToolbar.tsx
-var FilePreviewToolbarPortalContext = createContext(void 0);
-function FilePreviewToolbarPortalProvider({ children }) {
-	const [target, setTarget] = useState(null);
-	const value = useMemo(() => ({
-		setTarget,
-		target
-	}), [target]);
-	return /* @__PURE__ */ jsx(FilePreviewToolbarPortalContext, {
-		value,
-		children
-	});
-}
-function FilePreviewToolbarPortalHost() {
-	const context = use(FilePreviewToolbarPortalContext);
-	return /* @__PURE__ */ jsx("div", {
-		ref: context?.setTarget,
-		"data-testid": "file-preview-toolbar-host",
-		className: "ml-3 flex max-w-[70%] min-w-0 items-center justify-end overflow-x-auto"
-	});
-}
-function FilePreviewToolbar({ "aria-label": ariaLabel, children }) {
-	const context = use(FilePreviewToolbarPortalContext);
-	if (context && !context.target) return null;
-	const toolbar = context ? /* @__PURE__ */ jsx("div", {
-		role: "toolbar",
-		"aria-label": ariaLabel,
-		className: "flex min-w-max shrink-0 items-center justify-end gap-1",
-		children
-	}) : /* @__PURE__ */ jsx("div", {
-		role: "toolbar",
-		"aria-label": ariaLabel,
-		className: "relative flex h-11 min-h-11 shrink-0 items-center overflow-x-auto px-3 after:pointer-events-none after:absolute after:right-3 after:bottom-0 after:left-3 after:border-b after:border-border after:content-['']",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "mx-auto flex min-w-max shrink-0 items-center justify-center gap-1",
-			children
-		})
-	});
-	return context?.target ? createPortal(toolbar, context.target) : toolbar;
-}
-//#endregion
-//#region src/previewContext.ts
-var PreviewHostContext = createContext({});
-function usePreviewHost() {
-	return use(PreviewHostContext);
-}
-function usePreviewLogger(context) {
-	const { onDiagnostic } = usePreviewHost();
-	return useMemo(() => ({
-		error: (message, detail, code) => onDiagnostic?.({
-			code,
-			level: "error",
-			context,
-			message,
-			detail
-		}),
-		warn: (message, detail) => onDiagnostic?.({
-			level: "warn",
-			context,
-			message,
-			detail
-		})
-	}), [context, onDiagnostic]);
-}
-//#endregion
-//#region src/FilePreviewLayout.tsx
-function FilePreviewFrame({ children }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-ui": "file-preview.view",
-		className: "flex h-full min-h-0 w-full flex-col overflow-hidden bg-transparent text-foreground",
-		children
-	});
-}
-function FilePreviewContent({ children, composerInset = true, scrollsInternally = false }) {
-	const { options } = usePreviewHost();
-	const reserveInset = composerInset && !(scrollsInternally && options?.bottomInset === "content");
-	return /* @__PURE__ */ jsx(Scrollbar, {
-		"data-testid": "file-preview-content",
-		className: cn("min-h-0 flex-1 [scrollbar-gutter:auto]", reserveInset && "pb-[var(--file-preview-bottom-inset,0px)]"),
-		children
-	});
-}
-function FilePreviewShell({ children, header }) {
-	if (header === void 0) return children;
-	return /* @__PURE__ */ jsx(FilePreviewToolbarPortalProvider, { children: /* @__PURE__ */ jsxs(FilePreviewFrame, { children: [/* @__PURE__ */ jsxs("div", {
-		"data-testid": "file-preview-header",
-		className: "relative flex h-11 min-h-11 shrink-0 items-center px-3 after:pointer-events-none after:absolute after:right-3 after:bottom-0 after:left-3 after:border-b after:border-border after:content-['']",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "flex min-w-0 flex-1 items-center gap-2",
-			children: header
-		}), /* @__PURE__ */ jsx(FilePreviewToolbarPortalHost, {})]
-	}), /* @__PURE__ */ jsx("div", {
-		className: "min-h-0 flex-1 overflow-hidden",
-		children
-	})] }) });
-}
-var FilePreviewLayout = {
-	Frame: FilePreviewFrame,
-	Content: FilePreviewContent,
-	Shell: FilePreviewShell
-};
-//#endregion
 //#region src/FilePreviewToolbarButton.tsx
 function FilePreviewToolbarButton({ children, disabled, label, onClick, pressed }) {
 	return /* @__PURE__ */ jsx(Tooltip, {
@@ -6817,240 +3430,4 @@ function FilePreviewToolbarButton({ children, disabled, label, onClick, pressed
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-i18next/dist/es/utils.js
-function warn() {
-	if (console && console.warn) {
-		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-		if (isString(args[0])) args[0] = `react-i18next:: ${args[0]}`;
-		console.warn(...args);
-	}
-}
-var alreadyWarned = {};
-function warnOnce() {
-	for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) args[_key2] = arguments[_key2];
-	if (isString(args[0]) && alreadyWarned[args[0]]) return;
-	if (isString(args[0])) alreadyWarned[args[0]] = /* @__PURE__ */ new Date();
-	warn(...args);
-}
-var loadedClb = (i18n, cb) => () => {
-	if (i18n.isInitialized) cb();
-	else {
-		const initialized = () => {
-			setTimeout(() => {
-				i18n.off("initialized", initialized);
-			}, 0);
-			cb();
-		};
-		i18n.on("initialized", initialized);
-	}
-};
-var loadNamespaces = (i18n, ns, cb) => {
-	i18n.loadNamespaces(ns, loadedClb(i18n, cb));
-};
-var loadLanguages = (i18n, lng, ns, cb) => {
-	if (isString(ns)) ns = [ns];
-	ns.forEach((n) => {
-		if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);
-	});
-	i18n.loadLanguages(lng, loadedClb(i18n, cb));
-};
-var oldI18nextHasLoadedNamespace = function(ns, i18n) {
-	let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-	const lng = i18n.languages[0];
-	const fallbackLng = i18n.options ? i18n.options.fallbackLng : false;
-	const lastLng = i18n.languages[i18n.languages.length - 1];
-	if (lng.toLowerCase() === "cimode") return true;
-	const loadNotPending = (l, n) => {
-		const loadState = i18n.services.backendConnector.state[`${l}|${n}`];
-		return loadState === -1 || loadState === 2;
-	};
-	if (options.bindI18n && options.bindI18n.indexOf("languageChanging") > -1 && i18n.services.backendConnector.backend && i18n.isLanguageChangingTo && !loadNotPending(i18n.isLanguageChangingTo, ns)) return false;
-	if (i18n.hasResourceBundle(lng, ns)) return true;
-	if (!i18n.services.backendConnector.backend || i18n.options.resources && !i18n.options.partialBundledLanguages) return true;
-	if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
-	return false;
-};
-var hasLoadedNamespace = function(ns, i18n) {
-	let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-	if (!i18n.languages || !i18n.languages.length) {
-		warnOnce("i18n.languages were undefined or empty", i18n.languages);
-		return true;
-	}
-	if (!(i18n.options.ignoreJSONStructure !== void 0)) return oldI18nextHasLoadedNamespace(ns, i18n, options);
-	return i18n.hasLoadedNamespace(ns, {
-		lng: options.lng,
-		precheck: (i18nInstance, loadNotPending) => {
-			if (options.bindI18n && options.bindI18n.indexOf("languageChanging") > -1 && i18nInstance.services.backendConnector.backend && i18nInstance.isLanguageChangingTo && !loadNotPending(i18nInstance.isLanguageChangingTo, ns)) return false;
-		}
-	});
-};
-var isString = (obj) => typeof obj === "string";
-var isObject = (obj) => typeof obj === "object" && obj !== null;
-//#endregion
-//#region ../../node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-i18next/dist/es/unescape.js
-var matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
-var htmlEntities = {
-	"&amp;": "&",
-	"&#38;": "&",
-	"&lt;": "<",
-	"&#60;": "<",
-	"&gt;": ">",
-	"&#62;": ">",
-	"&apos;": "'",
-	"&#39;": "'",
-	"&quot;": "\"",
-	"&#34;": "\"",
-	"&nbsp;": " ",
-	"&#160;": " ",
-	"&copy;": "©",
-	"&#169;": "©",
-	"&reg;": "®",
-	"&#174;": "®",
-	"&hellip;": "…",
-	"&#8230;": "…",
-	"&#x2F;": "/",
-	"&#47;": "/"
-};
-var unescapeHtmlEntity = (m) => htmlEntities[m];
-var unescape = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
-//#endregion
-//#region ../../node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-i18next/dist/es/defaults.js
-var defaultOptions = {
-	bindI18n: "languageChanged",
-	bindI18nStore: "",
-	transEmptyNodeValue: "",
-	transSupportBasicHtmlNodes: true,
-	transWrapTextNodes: "",
-	transKeepBasicHtmlNodesFor: [
-		"br",
-		"strong",
-		"i",
-		"p"
-	],
-	useSuspense: true,
-	unescape
-};
-var getDefaults = () => defaultOptions;
-//#endregion
-//#region ../../node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-i18next/dist/es/i18nInstance.js
-var i18nInstance;
-var getI18n = () => i18nInstance;
-//#endregion
-//#region ../../node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-i18next/dist/es/context.js
-var I18nContext = createContext();
-var ReportNamespaces = class {
-	constructor() {
-		this.usedNamespaces = {};
-	}
-	addUsedNamespaces(namespaces) {
-		namespaces.forEach((ns) => {
-			if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
-		});
-	}
-	getUsedNamespaces = () => Object.keys(this.usedNamespaces);
-};
-//#endregion
-//#region ../../node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-i18next/dist/es/useTranslation.js
-var usePrevious = (value, ignore) => {
-	const ref = useRef();
-	useEffect(() => {
-		ref.current = ignore ? ref.current : value;
-	}, [value, ignore]);
-	return ref.current;
-};
-var alwaysNewT = (i18n, language, namespace, keyPrefix) => i18n.getFixedT(language, namespace, keyPrefix);
-var useMemoizedT = (i18n, language, namespace, keyPrefix) => useCallback(alwaysNewT(i18n, language, namespace, keyPrefix), [
-	i18n,
-	language,
-	namespace,
-	keyPrefix
-]);
-var useTranslation = function(ns) {
-	let props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-	const { i18n: i18nFromProps } = props;
-	const { i18n: i18nFromContext, defaultNS: defaultNSFromContext } = useContext(I18nContext) || {};
-	const i18n = i18nFromProps || i18nFromContext || getI18n();
-	if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
-	if (!i18n) {
-		warnOnce("You will need to pass in an i18next instance by using initReactI18next");
-		const notReadyT = (k, optsOrDefaultValue) => {
-			if (isString(optsOrDefaultValue)) return optsOrDefaultValue;
-			if (isObject(optsOrDefaultValue) && isString(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;
-			return Array.isArray(k) ? k[k.length - 1] : k;
-		};
-		const retNotReady = [
-			notReadyT,
-			{},
-			false
-		];
-		retNotReady.t = notReadyT;
-		retNotReady.i18n = {};
-		retNotReady.ready = false;
-		return retNotReady;
-	}
-	if (i18n.options.react && i18n.options.react.wait !== void 0) warnOnce("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
-	const i18nOptions = {
-		...getDefaults(),
-		...i18n.options.react,
-		...props
-	};
-	const { useSuspense, keyPrefix } = i18nOptions;
-	let namespaces = ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
-	namespaces = isString(namespaces) ? [namespaces] : namespaces || ["translation"];
-	if (i18n.reportNamespaces.addUsedNamespaces) i18n.reportNamespaces.addUsedNamespaces(namespaces);
-	const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every((n) => hasLoadedNamespace(n, i18n, i18nOptions));
-	const memoGetT = useMemoizedT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
-	const getT = () => memoGetT;
-	const getNewT = () => alwaysNewT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
-	const [t, setT] = useState(getT);
-	let joinedNS = namespaces.join();
-	if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
-	const previousJoinedNS = usePrevious(joinedNS);
-	const isMounted = useRef(true);
-	useEffect(() => {
-		const { bindI18n, bindI18nStore } = i18nOptions;
-		isMounted.current = true;
-		if (!ready && !useSuspense) {
-			if (props.lng) loadLanguages(i18n, props.lng, namespaces, () => {
-				if (isMounted.current) setT(getNewT);
-			});
-			else loadNamespaces(i18n, namespaces, () => {
-				if (isMounted.current) setT(getNewT);
-			});
-		}
-		if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) setT(getNewT);
-		const boundReset = () => {
-			if (isMounted.current) setT(getNewT);
-		};
-		if (bindI18n && i18n) i18n.on(bindI18n, boundReset);
-		if (bindI18nStore && i18n) i18n.store.on(bindI18nStore, boundReset);
-		return () => {
-			isMounted.current = false;
-			if (bindI18n && i18n) bindI18n.split(" ").forEach((e) => i18n.off(e, boundReset));
-			if (bindI18nStore && i18n) bindI18nStore.split(" ").forEach((e) => i18n.store.off(e, boundReset));
-		};
-	}, [i18n, joinedNS]);
-	useEffect(() => {
-		if (isMounted.current && ready) setT(getT);
-	}, [
-		i18n,
-		keyPrefix,
-		ready
-	]);
-	const ret = [
-		t,
-		i18n,
-		ready
-	];
-	ret.t = t;
-	ret.i18n = i18n;
-	ret.ready = ready;
-	if (ready) return ret;
-	if (!ready && !useSuspense) return ret;
-	throw new Promise((resolve) => {
-		if (props.lng) loadLanguages(i18n, props.lng, namespaces, () => resolve());
-		else loadNamespaces(i18n, namespaces, () => resolve());
-	});
-};
-//#endregion
-export { dispatchDiscreteCustomEvent as A, createSlot as B, createPopperScope as C, useDismissableLayerSurface as D, DismissableLayer as E, cn as F, LoaderCircle as I, FileWarning as L, composeEventHandlers as M, EmptyState as N, useCallbackRef as O, Button as P, createLucideIcon as R, Root2 as S, useLayoutEffect2 as T, useComposedRefs as V, Presence as _, PreviewHostContext as a, Arrow as b, FilePreviewToolbar as c, Scrollbar as d, DialogPortalContainerProvider as f, useControllableState as g, usePortalContainer as h, FilePreviewLayout as i, createContextScope as j, Primitive as k, FilePreviewToolbarPortalHost as l, useDialogPortalContainer as m, I18nContext as n, usePreviewHost as o, PortalContainerProvider as p, FilePreviewToolbarButton as r, usePreviewLogger as s, useTranslation as t, FilePreviewToolbarPortalProvider as u, Portal$1 as v, useId$1 as w, Content as x, Anchor as y, cva as z };
+export { composeEventHandlers as S, useDismissableLayerSurface as _, usePortalContainer as a, dispatchDiscreteCustomEvent as b, Portal$1 as c, Content as d, Root2 as f, DismissableLayer as g, useLayoutEffect2 as h, useDialogPortalContainer as i, Anchor as l, useId$1 as m, DialogPortalContainerProvider as n, useControllableState as o, createPopperScope as p, PortalContainerProvider as r, Presence as s, FilePreviewToolbarButton as t, Arrow as u, useCallbackRef as v, createContextScope as x, Primitive as y };