@mantine-vue/core 1.1.1 → 1.1.4

package/cjs/index.cjs

@@ -1,34 +1,130 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region \0rolldown/runtime.js
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __exportAll = (all, no_symbols) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
-	return target;
-};
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-//#endregion
 let vue = require("vue");
-let _mantine_vue_utils = require("@mantine-vue/utils");
 let _mantine_vue_hooks = require("@mantine-vue/hooks");
 let _floating_ui_vue = require("@floating-ui/vue");
+//#region ../utils/esm/index.mjs
+function keys(object) {
+	return Object.keys(object);
+}
+function noop() {}
+function isPrimitive(value) {
+	return value === null || typeof value !== "object" && typeof value !== "function";
+}
+function isPlainObject(value) {
+	if (value === null || typeof value !== "object") return false;
+	const prototype = Object.getPrototypeOf(value);
+	return prototype === Object.prototype || prototype === null;
+}
+function deepMerge(target, source) {
+	const result = { ...target };
+	keys(source).forEach((key) => {
+		const sourceValue = source[key];
+		const targetValue = result[key];
+		if (isPlainObject(targetValue) && isPlainObject(sourceValue)) result[key] = deepMerge(targetValue, sourceValue);
+		else if (sourceValue !== void 0) result[key] = sourceValue;
+	});
+	return result;
+}
+function camelToKebabCase(value) {
+	return value.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
+}
+function filterProps(props) {
+	return keys(props).reduce((acc, key) => {
+		if (props[key] !== void 0) acc[key] = props[key];
+		return acc;
+	}, {});
+}
+function isNumberLike(value) {
+	if (typeof value === "number") return true;
+	if (typeof value === "string") {
+		if (value.startsWith("calc(") || value.startsWith("var(") || value.includes(" ") && value.trim() !== "") return true;
+		const cssUnitsRegex = /^[+-]?[0-9]+(\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/;
+		return value.trim().split(/\s+/).every((val) => cssUnitsRegex.test(val));
+	}
+	return false;
+}
+function rem(value) {
+	if (typeof value === "number") return `${value / 16}rem`;
+	if (typeof value === "string") {
+		if (value.includes("calc(") || value.includes("var(")) return value;
+		if (value.endsWith("px")) return `${Number(value.replace("px", "")) / 16}rem`;
+		return value;
+	}
+	return value;
+}
+function em(value) {
+	if (typeof value === "number") return `${value / 16}em`;
+	if (typeof value === "string" && value.endsWith("px")) return `${Number(value.replace("px", "")) / 16}em`;
+	return value;
+}
+function px(value) {
+	if (typeof value === "number") return value;
+	if (typeof value === "string") {
+		if (value.endsWith("rem") || value.endsWith("em")) return Number(value.replace("rem", "").replace("em", "")) * 16;
+		if (value.endsWith("px")) return Number(value.replace("px", ""));
+	}
+	return Number(value) || 0;
+}
+function getSize(size, prefix = "size", convertToRem = true) {
+	if (size === void 0) return;
+	return isNumberLike(size) ? convertToRem ? rem(size) : String(size) : `var(--${prefix}-${size})`;
+}
+var getSpacing = (size) => getSize(size, "mantine-spacing");
+var getRadius = (size) => size === void 0 ? "var(--mantine-radius-default)" : getSize(size, "mantine-radius");
+var getShadow = (size) => size ? getSize(size, "mantine-shadow", false) : void 0;
+var getFontSize = (size) => getSize(size, "mantine-font-size");
+var getLineHeight = (size) => getSize(size, "mantine-line-height", false);
+function getBreakpointValue(value) {
+	if (typeof value === "number") return value;
+	if (value.endsWith("px")) return Number(value.replace("px", ""));
+	if (value.endsWith("em") || value.endsWith("rem")) return Number(value.replace("em", "").replace("rem", "")) * 16;
+	return Number(value);
+}
+function getSortedBreakpoints(breakpoints) {
+	return keys(breakpoints).map((breakpoint) => ({
+		breakpoint,
+		px: getBreakpointValue(breakpoints[breakpoint])
+	})).sort((a, b) => a.px - b.px);
+}
+function getBaseValue(value) {
+	if (isPlainObject(value)) return value.base;
+	return value;
+}
+function getDefaultZIndex(level) {
+	return {
+		app: 100,
+		modal: 200,
+		popover: 300,
+		overlay: 400,
+		max: 9999
+	}[level];
+}
+function memoize(fn) {
+	const cache = /* @__PURE__ */ new Map();
+	return (...args) => {
+		const key = JSON.stringify(args);
+		if (cache.has(key)) return cache.get(key);
+		const result = fn(...args);
+		cache.set(key, result);
+		return result;
+	};
+}
+function findClosestNumber(value, values) {
+	return values.reduce((closest, current) => Math.abs(current - value) < Math.abs(closest - value) ? current : closest);
+}
+function createEventHandler(...handlers) {
+	return (event) => {
+		handlers.forEach((handler) => handler?.(event));
+	};
+}
+function getSafeId(uid, errorMessage) {
+	return (staticId) => {
+		if (typeof staticId === "string") return staticId;
+		if (uid === "") throw new Error(errorMessage);
+		return uid;
+	};
+}
+//#endregion
 //#region src/core/utils/index.ts
 function createSafeInjectionContext(errorMessage) {
 	const key = Symbol(errorMessage);
@@ -350,20 +446,20 @@ var defaultVariantColorsResolver = ({ color, theme, variant, gradient, autoContr
 				background: `var(--mantine-color-${color}-filled)`,
 				hover: `var(--mantine-color-${color}-filled-hover)`,
 				color: textColor,
-				border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+				border: `${rem(1)} solid transparent`
 			};
 			return {
 				background: `var(--mantine-color-${parsed.color}-${parsed.shade})`,
 				hover: `var(--mantine-color-${parsed.color}-${parsed.shade === 9 ? 8 : parsed.shade + 1})`,
 				color: textColor,
-				border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+				border: `${rem(1)} solid transparent`
 			};
 		}
 		return {
 			background: color,
 			hover: darken(color, .1),
 			color: textColor,
-			border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+			border: `${rem(1)} solid transparent`
 		};
 	}
 	if (variant === "light") {
@@ -372,21 +468,21 @@ var defaultVariantColorsResolver = ({ color, theme, variant, gradient, autoContr
 				background: `var(--mantine-color-${color}-light)`,
 				hover: `var(--mantine-color-${color}-light-hover)`,
 				color: `var(--mantine-color-${color}-light-color)`,
-				border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+				border: `${rem(1)} solid transparent`
 			};
 			const parsedColor = theme.colors[parsed.color][parsed.shade];
 			return {
 				background: parsedColor,
 				hover: darken(parsedColor, .1),
 				color: `var(--mantine-color-${parsed.color}-light-color)`,
-				border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+				border: `${rem(1)} solid transparent`
 			};
 		}
 		return {
 			background: rgba(color, .1),
 			hover: rgba(color, .12),
 			color,
-			border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+			border: `${rem(1)} solid transparent`
 		};
 	}
 	if (variant === "outline") {
@@ -395,20 +491,20 @@ var defaultVariantColorsResolver = ({ color, theme, variant, gradient, autoContr
 				background: "transparent",
 				hover: `var(--mantine-color-${color}-outline-hover)`,
 				color: `var(--mantine-color-${color}-outline)`,
-				border: `${(0, _mantine_vue_utils.rem)(1)} solid var(--mantine-color-${color}-outline)`
+				border: `${rem(1)} solid var(--mantine-color-${color}-outline)`
 			};
 			return {
 				background: "transparent",
 				hover: rgba(theme.colors[parsed.color][parsed.shade], .05),
 				color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,
-				border: `${(0, _mantine_vue_utils.rem)(1)} solid var(--mantine-color-${parsed.color}-${parsed.shade})`
+				border: `${rem(1)} solid var(--mantine-color-${parsed.color}-${parsed.shade})`
 			};
 		}
 		return {
 			background: "transparent",
 			hover: rgba(color, .05),
 			color,
-			border: `${(0, _mantine_vue_utils.rem)(1)} solid ${color}`
+			border: `${rem(1)} solid ${color}`
 		};
 	}
 	if (variant === "subtle") {
@@ -417,21 +513,21 @@ var defaultVariantColorsResolver = ({ color, theme, variant, gradient, autoContr
 				background: "transparent",
 				hover: `var(--mantine-color-${color}-light-hover)`,
 				color: `var(--mantine-color-${color}-light-color)`,
-				border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+				border: `${rem(1)} solid transparent`
 			};
 			const parsedColor = theme.colors[parsed.color][parsed.shade];
 			return {
 				background: "transparent",
 				hover: rgba(parsedColor, .12),
 				color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,
-				border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+				border: `${rem(1)} solid transparent`
 			};
 		}
 		return {
 			background: "transparent",
 			hover: rgba(color, .12),
 			color,
-			border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+			border: `${rem(1)} solid transparent`
 		};
 	}
 	if (variant === "transparent") {
@@ -440,20 +536,20 @@ var defaultVariantColorsResolver = ({ color, theme, variant, gradient, autoContr
 				background: "transparent",
 				hover: "transparent",
 				color: `var(--mantine-color-${color}-light-color)`,
-				border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+				border: `${rem(1)} solid transparent`
 			};
 			return {
 				background: "transparent",
 				hover: "transparent",
 				color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,
-				border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+				border: `${rem(1)} solid transparent`
 			};
 		}
 		return {
 			background: "transparent",
 			hover: "transparent",
 			color,
-			border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+			border: `${rem(1)} solid transparent`
 		};
 	}
 	if (variant === "white") {
@@ -462,20 +558,20 @@ var defaultVariantColorsResolver = ({ color, theme, variant, gradient, autoContr
 				background: "var(--mantine-color-white)",
 				hover: darken(theme.white, .01),
 				color: `var(--mantine-color-${color}-filled)`,
-				border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+				border: `${rem(1)} solid transparent`
 			};
 			return {
 				background: "var(--mantine-color-white)",
 				hover: darken(theme.white, .01),
 				color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,
-				border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+				border: `${rem(1)} solid transparent`
 			};
 		}
 		return {
 			background: "var(--mantine-color-white)",
 			hover: darken(theme.white, .01),
 			color,
-			border: `${(0, _mantine_vue_utils.rem)(1)} solid transparent`
+			border: `${rem(1)} solid transparent`
 		};
 	}
 	if (variant === "gradient") return {
@@ -488,7 +584,7 @@ var defaultVariantColorsResolver = ({ color, theme, variant, gradient, autoContr
 		background: "var(--mantine-color-default)",
 		hover: "var(--mantine-color-default-hover)",
 		color: "var(--mantine-color-default-color)",
-		border: `${(0, _mantine_vue_utils.rem)(1)} solid var(--mantine-color-default-border)`
+		border: `${rem(1)} solid var(--mantine-color-default-border)`
 	};
 	return {};
 };
@@ -700,37 +796,37 @@ var DEFAULT_THEME = {
 		textWrap: "wrap",
 		sizes: {
 			h1: {
-				fontSize: (0, _mantine_vue_utils.rem)(34),
+				fontSize: rem(34),
 				lineHeight: "1.3"
 			},
 			h2: {
-				fontSize: (0, _mantine_vue_utils.rem)(26),
+				fontSize: rem(26),
 				lineHeight: "1.35"
 			},
 			h3: {
-				fontSize: (0, _mantine_vue_utils.rem)(22),
+				fontSize: rem(22),
 				lineHeight: "1.4"
 			},
 			h4: {
-				fontSize: (0, _mantine_vue_utils.rem)(18),
+				fontSize: rem(18),
 				lineHeight: "1.45"
 			},
 			h5: {
-				fontSize: (0, _mantine_vue_utils.rem)(16),
+				fontSize: rem(16),
 				lineHeight: "1.5"
 			},
 			h6: {
-				fontSize: (0, _mantine_vue_utils.rem)(14),
+				fontSize: rem(14),
 				lineHeight: "1.5"
 			}
 		}
 	},
 	fontSizes: {
-		xs: (0, _mantine_vue_utils.rem)(12),
-		sm: (0, _mantine_vue_utils.rem)(14),
-		md: (0, _mantine_vue_utils.rem)(16),
-		lg: (0, _mantine_vue_utils.rem)(18),
-		xl: (0, _mantine_vue_utils.rem)(20)
+		xs: rem(12),
+		sm: rem(14),
+		md: rem(16),
+		lg: rem(18),
+		xl: rem(20)
 	},
 	lineHeights: {
 		xs: "1.4",
@@ -745,18 +841,18 @@ var DEFAULT_THEME = {
 		bold: "700"
 	},
 	radius: {
-		xs: (0, _mantine_vue_utils.rem)(2),
-		sm: (0, _mantine_vue_utils.rem)(4),
-		md: (0, _mantine_vue_utils.rem)(8),
-		lg: (0, _mantine_vue_utils.rem)(16),
-		xl: (0, _mantine_vue_utils.rem)(32)
+		xs: rem(2),
+		sm: rem(4),
+		md: rem(8),
+		lg: rem(16),
+		xl: rem(32)
 	},
 	spacing: {
-		xs: (0, _mantine_vue_utils.rem)(10),
-		sm: (0, _mantine_vue_utils.rem)(12),
-		md: (0, _mantine_vue_utils.rem)(16),
-		lg: (0, _mantine_vue_utils.rem)(20),
-		xl: (0, _mantine_vue_utils.rem)(32)
+		xs: rem(10),
+		sm: rem(12),
+		md: rem(16),
+		lg: rem(20),
+		xl: rem(32)
 	},
 	breakpoints: {
 		xs: "36em",
@@ -766,11 +862,11 @@ var DEFAULT_THEME = {
 		xl: "88em"
 	},
 	shadows: {
-		xs: `0 ${(0, _mantine_vue_utils.rem)(1)} ${(0, _mantine_vue_utils.rem)(3)} rgba(0, 0, 0, 0.05), 0 ${(0, _mantine_vue_utils.rem)(1)} ${(0, _mantine_vue_utils.rem)(2)} rgba(0, 0, 0, 0.1)`,
-		sm: `0 ${(0, _mantine_vue_utils.rem)(1)} ${(0, _mantine_vue_utils.rem)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0, _mantine_vue_utils.rem)(10)} ${(0, _mantine_vue_utils.rem)(15)} ${(0, _mantine_vue_utils.rem)(-5)}, rgba(0, 0, 0, 0.04) 0 ${(0, _mantine_vue_utils.rem)(7)} ${(0, _mantine_vue_utils.rem)(7)} ${(0, _mantine_vue_utils.rem)(-5)}`,
-		md: `0 ${(0, _mantine_vue_utils.rem)(1)} ${(0, _mantine_vue_utils.rem)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0, _mantine_vue_utils.rem)(20)} ${(0, _mantine_vue_utils.rem)(25)} ${(0, _mantine_vue_utils.rem)(-5)}, rgba(0, 0, 0, 0.04) 0 ${(0, _mantine_vue_utils.rem)(10)} ${(0, _mantine_vue_utils.rem)(10)} ${(0, _mantine_vue_utils.rem)(-5)}`,
-		lg: `0 ${(0, _mantine_vue_utils.rem)(1)} ${(0, _mantine_vue_utils.rem)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0, _mantine_vue_utils.rem)(28)} ${(0, _mantine_vue_utils.rem)(23)} ${(0, _mantine_vue_utils.rem)(-7)}, rgba(0, 0, 0, 0.04) 0 ${(0, _mantine_vue_utils.rem)(12)} ${(0, _mantine_vue_utils.rem)(12)} ${(0, _mantine_vue_utils.rem)(-7)}`,
-		xl: `0 ${(0, _mantine_vue_utils.rem)(1)} ${(0, _mantine_vue_utils.rem)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0, _mantine_vue_utils.rem)(36)} ${(0, _mantine_vue_utils.rem)(28)} ${(0, _mantine_vue_utils.rem)(-7)}, rgba(0, 0, 0, 0.04) 0 ${(0, _mantine_vue_utils.rem)(17)} ${(0, _mantine_vue_utils.rem)(17)} ${(0, _mantine_vue_utils.rem)(-7)}`
+		xs: `0 ${rem(1)} ${rem(3)} rgba(0, 0, 0, 0.05), 0 ${rem(1)} ${rem(2)} rgba(0, 0, 0, 0.1)`,
+		sm: `0 ${rem(1)} ${rem(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${rem(10)} ${rem(15)} ${rem(-5)}, rgba(0, 0, 0, 0.04) 0 ${rem(7)} ${rem(7)} ${rem(-5)}`,
+		md: `0 ${rem(1)} ${rem(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${rem(20)} ${rem(25)} ${rem(-5)}, rgba(0, 0, 0, 0.04) 0 ${rem(10)} ${rem(10)} ${rem(-5)}`,
+		lg: `0 ${rem(1)} ${rem(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${rem(28)} ${rem(23)} ${rem(-7)}, rgba(0, 0, 0, 0.04) 0 ${rem(12)} ${rem(12)} ${rem(-7)}`,
+		xl: `0 ${rem(1)} ${rem(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${rem(36)} ${rem(28)} ${rem(-7)}, rgba(0, 0, 0, 0.04) 0 ${rem(17)} ${rem(17)} ${rem(-7)}`
 	},
 	other: {},
 	components: {}
@@ -794,7 +890,7 @@ function mergeMantineTheme(currentTheme, themeOverride) {
 		validateMantineTheme(currentTheme);
 		return currentTheme;
 	}
-	const result = (0, _mantine_vue_utils.deepMerge)(currentTheme, themeOverride);
+	const result = deepMerge(currentTheme, themeOverride);
 	if (themeOverride.fontFamily && !themeOverride.headings?.fontFamily) result.headings = {
 		...result.headings,
 		fontFamily: themeOverride.fontFamily
@@ -805,7 +901,7 @@ function mergeMantineTheme(currentTheme, themeOverride) {
 //#endregion
 //#region src/core/MantineProvider/css-variables.ts
 function assignSizeVariables(variables, sizes, name) {
-	(0, _mantine_vue_utils.keys)(sizes).forEach((size) => {
+	keys(sizes).forEach((size) => {
 		variables[`--mantine-${name}-${size}`] = sizes[size];
 	});
 }
@@ -840,7 +936,7 @@ function getCSSColorVariables({ theme, color, colorScheme, name = color, withCol
 }
 var defaultCssVariablesResolver = (theme) => {
 	const lightPrimaryShade = getPrimaryShade(theme, "light");
-	const defaultRadius = String(theme.defaultRadius) in theme.radius ? theme.radius[String(theme.defaultRadius)] : (0, _mantine_vue_utils.rem)(theme.defaultRadius);
+	const defaultRadius = String(theme.defaultRadius) in theme.radius ? theme.radius[String(theme.defaultRadius)] : rem(theme.defaultRadius);
 	const result = {
 		variables: {
 			"--mantine-z-index-app": "100",
@@ -914,7 +1010,7 @@ var defaultCssVariablesResolver = (theme) => {
 	theme.colors[theme.primaryColor].forEach((_, index) => {
 		result.variables[`--mantine-primary-color-${index}`] = `var(--mantine-color-${theme.primaryColor}-${index})`;
 	});
-	(0, _mantine_vue_utils.keys)(theme.colors).forEach((color) => {
+	keys(theme.colors).forEach((color) => {
 		const value = theme.colors[color];
 		if (isVirtualColor(value)) {
 			Object.assign(result.light, getCSSColorVariables({
@@ -947,7 +1043,7 @@ var defaultCssVariablesResolver = (theme) => {
 			withColorValues: false
 		}));
 	});
-	(0, _mantine_vue_utils.keys)(theme.headings.sizes).forEach((heading) => {
+	keys(theme.headings.sizes).forEach((heading) => {
 		const value = theme.headings.sizes[heading];
 		result.variables[`--mantine-${heading}-font-size`] = value.fontSize;
 		result.variables[`--mantine-${heading}-line-height`] = value.lineHeight;
@@ -960,13 +1056,13 @@ function getMergedVariables({ theme, generator }) {
 	if (!generator) return defaultVariables;
 	const generatedVariables = generator(theme);
 	return {
-		variables: (0, _mantine_vue_utils.deepMerge)(defaultVariables.variables, generatedVariables.variables || {}),
-		light: (0, _mantine_vue_utils.deepMerge)(defaultVariables.light || {}, generatedVariables.light || {}),
-		dark: (0, _mantine_vue_utils.deepMerge)(defaultVariables.dark || {}, generatedVariables.dark || {})
+		variables: deepMerge(defaultVariables.variables, generatedVariables.variables || {}),
+		light: deepMerge(defaultVariables.light || {}, generatedVariables.light || {}),
+		dark: deepMerge(defaultVariables.dark || {}, generatedVariables.dark || {})
 	};
 }
 function cssVariablesObjectToString(variables) {
-	return (0, _mantine_vue_utils.keys)(variables).filter((variable) => variables[variable] !== void 0).map((variable) => `${variable}: ${variables[variable]};`).join("\n");
+	return keys(variables).filter((variable) => variables[variable] !== void 0).map((variable) => `${variable}: ${variables[variable]};`).join("\n");
 }
 function convertCssVariables(input, selector = ":root") {
 	const blocks = [`${selector}{${cssVariablesObjectToString(input.variables)}}`];
@@ -1233,10 +1329,10 @@ var MantineClasses = (0, vue.defineComponent)({
 	name: "MantineClasses",
 	setup() {
 		const theme = useMantineTheme();
-		const classes = (0, vue.computed)(() => (0, _mantine_vue_utils.keys)(theme.value.breakpoints).reduce((acc, breakpoint) => {
+		const classes = (0, vue.computed)(() => keys(theme.value.breakpoints).reduce((acc, breakpoint) => {
 			const isPxBreakpoint = theme.value.breakpoints[breakpoint].includes("px");
-			const pxValue = (0, _mantine_vue_utils.px)(theme.value.breakpoints[breakpoint]);
-			return `${acc}@media (max-width: ${isPxBreakpoint ? `${pxValue - .1}px` : (0, _mantine_vue_utils.em)(pxValue - .1)}) {.mantine-visible-from-${breakpoint} {display: none !important;}}@media (min-width: ${isPxBreakpoint ? `${pxValue}px` : (0, _mantine_vue_utils.em)(pxValue)}) {.mantine-hidden-from-${breakpoint} {display: none !important;}}`;
+			const pxValue = px(theme.value.breakpoints[breakpoint]);
+			return `${acc}@media (max-width: ${isPxBreakpoint ? `${pxValue - .1}px` : em(pxValue - .1)}) {.mantine-visible-from-${breakpoint} {display: none !important;}}@media (min-width: ${isPxBreakpoint ? `${pxValue}px` : em(pxValue)}) {.mantine-hidden-from-${breakpoint} {display: none !important;}}`;
 		}, ""));
 		return () => (0, vue.h)("style", {
 			"data-mantine-styles": "classes",
@@ -1251,7 +1347,7 @@ function useProps(component, defaultProps, props) {
 	const resolvedProps = (0, vue.computed)(() => ({
 		...defaultProps,
 		...theme.value.components[component]?.defaultProps,
-		...(0, _mantine_vue_utils.filterProps)(props)
+		...filterProps(props)
 	}));
 	return new Proxy({}, {
 		get(_, key) {
@@ -1279,7 +1375,7 @@ function mergeVars(sources) {
 		if (current) Object.keys(current).forEach((key) => {
 			acc[key] = {
 				...acc[key],
-				...(0, _mantine_vue_utils.filterProps)(current[key] ?? {})
+				...filterProps(current[key] ?? {})
 			};
 		});
 		return acc;
@@ -1480,7 +1576,7 @@ function colorResolver(value, theme, text) {
 function resolveValue(value, type, theme) {
 	if (value === void 0) return void 0;
 	if (type === "identity") return value;
-	if (type === "size") return typeof value === "number" ? (0, _mantine_vue_utils.rem)(value) : value;
+	if (type === "size") return typeof value === "number" ? rem(value) : value;
 	if (type === "color") return colorResolver(value, theme, false);
 	if (type === "textColor") return colorResolver(value, theme, true);
 	if (type === "fontFamily") return typeof value === "string" ? {
@@ -1493,13 +1589,13 @@ function resolveValue(value, type, theme) {
 	if (type === "fontSize") {
 		if (typeof value === "string" && value in theme.fontSizes) return `var(--mantine-font-size-${value})`;
 		if (typeof value === "string" && /^h[1-6]$/.test(value)) return `var(--mantine-${value}-font-size)`;
-		return (0, _mantine_vue_utils.rem)(value);
+		return rem(value);
 	}
 	if (type === "lineHeight") {
 		if (typeof value === "string" && value in theme.lineHeights) return `var(--mantine-line-height-${value})`;
 		return typeof value === "string" && /^h[1-6]$/.test(value) ? `var(--mantine-${value}-line-height)` : value;
 	}
-	if (type === "radius") return typeof value === "string" && value in theme.radius ? `var(--mantine-radius-${value})` : (0, _mantine_vue_utils.rem)(value);
+	if (type === "radius") return typeof value === "string" && value in theme.radius ? `var(--mantine-radius-${value})` : rem(value);
 	if (type === "spacing") {
 		if (typeof value === "string") {
 			const key = value.replace("-", "");
@@ -1508,14 +1604,14 @@ function resolveValue(value, type, theme) {
 				return value.startsWith("-") ? `calc(var(${variable}) * -1)` : `var(${variable})`;
 			}
 		}
-		return (0, _mantine_vue_utils.rem)(value);
+		return rem(value);
 	}
 	if (type === "border") {
-		if (typeof value === "number") return (0, _mantine_vue_utils.rem)(value);
+		if (typeof value === "number") return rem(value);
 		if (typeof value !== "string") return value;
 		const [size, style, ...color] = value.split(" ").filter(Boolean);
 		return [
-			(0, _mantine_vue_utils.rem)(size),
+			rem(size),
 			style,
 			color.length ? colorResolver(color.join(" "), theme, false) : null
 		].filter(Boolean).join(" ");
@@ -1529,7 +1625,7 @@ function parseStyleProps({ styleProps, theme, data }) {
 	Object.entries(styleProps).forEach(([prop, value]) => {
 		const propData = data[prop];
 		if (!propData || value === void 0) return;
-		const cssProperty = (0, _mantine_vue_utils.camelToKebabCase)(propData.property);
+		const cssProperty = camelToKebabCase(propData.property);
 		if (typeof value === "object" && value !== null && !Array.isArray(value)) {
 			if (Object.keys(value).filter((breakpoint) => breakpoint !== "base").length === 0) {
 				const resolved = resolveValue(value.base, propData.type, theme);
@@ -1543,7 +1639,7 @@ function parseStyleProps({ styleProps, theme, data }) {
 					styles[cssProperty] = resolved;
 					return;
 				}
-				const query = `(min-width: ${(0, _mantine_vue_utils.getBreakpointValue)(theme.breakpoints[breakpoint] ?? breakpoint) / 16}em)`;
+				const query = `(min-width: ${getBreakpointValue(theme.breakpoints[breakpoint] ?? breakpoint) / 16}em)`;
 				media[query] = media[query] ?? {};
 				media[query][cssProperty] = resolved;
 			});
@@ -1556,7 +1652,7 @@ function parseStyleProps({ styleProps, theme, data }) {
 		inlineStyles,
 		styles,
 		media: Object.fromEntries(Object.entries(media).sort(([a], [b]) => {
-			return (0, _mantine_vue_utils.getBreakpointValue)(a.replace("(min-width:", "").replace(")", "").trim()) - (0, _mantine_vue_utils.getBreakpointValue)(b.replace("(min-width:", "").replace(")", "").trim());
+			return getBreakpointValue(a.replace("(min-width:", "").replace(")", "").trim()) - getBreakpointValue(b.replace("(min-width:", "").replace(")", "").trim());
 		})),
 		hasResponsiveStyles: Object.keys(styles).length > 0 || Object.keys(media).length > 0
 	};
@@ -1811,7 +1907,7 @@ function isVueComponent(component) {
 function modToAttributes(mod) {
 	return (Array.isArray(mod) ? mod : [mod]).reduce((acc, item) => {
 		Object.entries(item ?? {}).forEach(([key, value]) => {
-			if (value !== false && value !== void 0 && value !== null) acc[`data-${(0, _mantine_vue_utils.camelToKebabCase)(key)}`] = value;
+			if (value !== false && value !== void 0 && value !== null) acc[`data-${camelToKebabCase(key)}`] = value;
 		});
 		return acc;
 	}, {});
@@ -1976,8 +2072,8 @@ var Box = (0, vue.defineComponent)({
 				size: props.__size,
 				class: className,
 				"data-variant": attrs["data-variant"] ?? props.variant,
-				"data-size": attrs["data-size"] ?? ((0, _mantine_vue_utils.isNumberLike)(props.size) ? void 0 : props.size),
-				style: [(0, _mantine_vue_utils.filterProps)(parsed.inlineStyles), attrs.style],
+				"data-size": attrs["data-size"] ?? (isNumberLike(props.size) ? void 0 : props.size),
+				style: [filterProps(parsed.inlineStyles), attrs.style],
 				ref: elementRef
 			}, isVueComponent(props.component) && children ? { default: children } : children?.());
 			if (!parsed.hasResponsiveStyles) return node;
@@ -2046,81 +2142,6 @@ var DirectionProvider = (0, vue.defineComponent)({
 		return () => slots.default?.();
 	}
 });
-//#endregion
-//#region src/core/index.ts
-var core_exports = /* @__PURE__ */ __exportAll({
-	Box: () => Box,
-	DEFAULT_COLORS: () => DEFAULT_COLORS,
-	DEFAULT_THEME: () => DEFAULT_THEME,
-	DirectionContextKey: () => DirectionContextKey,
-	DirectionProvider: () => DirectionProvider,
-	HeadlessMantineProvider: () => HeadlessMantineProvider,
-	INVALID_PRIMARY_COLOR_ERROR: () => INVALID_PRIMARY_COLOR_ERROR,
-	INVALID_PRIMARY_SHADE_ERROR: () => INVALID_PRIMARY_SHADE_ERROR,
-	InlineStyles: () => InlineStyles,
-	MantineClasses: () => MantineClasses,
-	MantineContextKey: () => MantineContextKey,
-	MantineCssVariables: () => MantineCssVariables,
-	MantineProvider: () => MantineProvider,
-	MantineThemeKey: () => MantineThemeKey,
-	MantineThemeProvider: () => MantineThemeProvider,
-	STYLE_PROPS_DATA: () => STYLE_PROPS_DATA,
-	alpha: () => alpha,
-	colorsTuple: () => colorsTuple,
-	convertCssVariables: () => convertCssVariables,
-	createProviderColorScheme: () => createProviderColorScheme,
-	createSafeContext: () => createSafeContext,
-	createSafeInjectionContext: () => createSafeInjectionContext,
-	createVarsResolver: () => createVarsResolver,
-	cssVariablesObjectToString: () => cssVariablesObjectToString,
-	darken: () => darken,
-	defaultCssVariablesResolver: () => defaultCssVariablesResolver,
-	defaultVariantColorsResolver: () => defaultVariantColorsResolver,
-	factory: () => factory,
-	getAutoContrastValue: () => getAutoContrastValue,
-	getContrastColor: () => getContrastColor,
-	getGradient: () => getGradient,
-	getMergedVariables: () => getMergedVariables,
-	getPrimaryContrastColor: () => getPrimaryContrastColor,
-	getPrimaryShade: () => getPrimaryShade,
-	getThemeColor: () => getThemeColor,
-	hashStyleProps: () => hashStyleProps,
-	isLightColor: () => isLightColor,
-	isVirtualColor: () => isVirtualColor,
-	lighten: () => lighten,
-	luminance: () => luminance,
-	mergeMantineTheme: () => mergeMantineTheme,
-	parseStyleProps: () => parseStyleProps,
-	parseThemeColor: () => parseThemeColor,
-	polymorphicFactory: () => factory,
-	polymorphicProps: () => polymorphicProps,
-	provideMantineContext: () => provideMantineContext,
-	provideMantineTheme: () => provideMantineTheme,
-	renderPolymorphic: () => renderPolymorphic,
-	resolveColorScheme: () => resolveColorScheme,
-	rgba: () => rgba,
-	toRgba: () => toRgba,
-	useComputedColorScheme: () => useComputedColorScheme,
-	useDirection: () => useDirection,
-	useForwardedRef: () => useForwardedRef,
-	useMantineClassNamesPrefix: () => useMantineClassNamesPrefix,
-	useMantineColorScheme: () => useMantineColorScheme,
-	useMantineContext: () => useMantineContext,
-	useMantineCssVariablesResolver: () => useMantineCssVariablesResolver,
-	useMantineDeduplicateInlineStyles: () => useMantineDeduplicateInlineStyles,
-	useMantineEnv: () => useMantineEnv,
-	useMantineIsHeadless: () => useMantineIsHeadless,
-	useMantineStyleNonce: () => useMantineStyleNonce,
-	useMantineTheme: () => useMantineTheme,
-	useMantineWithStaticClasses: () => useMantineWithStaticClasses,
-	useProps: () => useProps,
-	useRandomClassName: () => useRandomClassName,
-	useSafeMantineTheme: () => useSafeMantineTheme,
-	useStyles: () => useStyles,
-	validateMantineTheme: () => validateMantineTheme,
-	virtualColor: () => virtualColor,
-	withBoxProps: () => withBoxProps
-});
 var VisuallyHidden_module_default = { root: "_root_5rq9d_1" };
 //#endregion
 //#region src/components/VisuallyHidden/VisuallyHidden.ts
@@ -2382,8 +2403,8 @@ var Paper_module_default = { root: "_root_1it4e_1" };
 //#endregion
 //#region src/components/Paper/Paper.ts
 var varsResolver$92 = createVarsResolver((_, { radius, shadow }) => ({ root: {
-	"--paper-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
-	"--paper-shadow": (0, core_exports.getShadow)(shadow)
+	"--paper-radius": radius === void 0 ? void 0 : getRadius(radius),
+	"--paper-shadow": getShadow(shadow)
 } }));
 var Paper = withBoxProps((0, vue.defineComponent)({
 	name: "Paper",
@@ -2448,11 +2469,11 @@ var Paper = withBoxProps((0, vue.defineComponent)({
 var Overlay_module_default = { root: "_root_qjtu2_1" };
 //#endregion
 //#region src/components/Overlay/Overlay.ts
-var defaultProps$57 = { zIndex: (0, core_exports.getDefaultZIndex)("modal") };
+var defaultProps$57 = { zIndex: getDefaultZIndex("modal") };
 var varsResolver$91 = createVarsResolver((_, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({ root: {
 	"--overlay-bg": gradient || (color !== void 0 || backgroundOpacity !== void 0) && rgba(color || "#000", backgroundOpacity ?? .6) || void 0,
-	"--overlay-filter": blur ? `blur(${(0, core_exports.rem)(blur)})` : void 0,
-	"--overlay-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+	"--overlay-filter": blur ? `blur(${rem(blur)})` : void 0,
+	"--overlay-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--overlay-z-index": zIndex?.toString()
 } }));
 var Overlay = withBoxProps((0, vue.defineComponent)({
@@ -2600,7 +2621,7 @@ var defaultProps$56 = {
 	size: "md"
 };
 var varsResolver$90 = createVarsResolver((theme, { size, color }) => ({ root: {
-	"--loader-size": (0, core_exports.getSize)(size, "loader-size"),
+	"--loader-size": getSize(size, "loader-size"),
 	"--loader-color": color ? getThemeColor(color, theme) : void 0
 } }));
 var Loader = withBoxProps((0, vue.defineComponent)({
@@ -2723,7 +2744,7 @@ var Container_module_default = { root: "_root_1nxsn_1" };
 //#endregion
 //#region src/components/Container/Container.ts
 var defaultProps$55 = { strategy: "block" };
-var varsResolver$89 = createVarsResolver((_, { size, fluid }) => ({ root: { "--container-size": fluid ? void 0 : (0, core_exports.getSize)(size, "container-size") } }));
+var varsResolver$89 = createVarsResolver((_, { size, fluid }) => ({ root: { "--container-size": fluid ? void 0 : getSize(size, "container-size") } }));
 var Container = withBoxProps((0, vue.defineComponent)({
 	name: "Container",
 	inheritAttrs: false,
@@ -2841,7 +2862,7 @@ var defaultProps$54 = {
 var varsResolver$87 = createVarsResolver((theme, { color, variant, size }) => ({ root: {
 	"--divider-color": color ? getThemeColor(color, theme) : void 0,
 	"--divider-border-style": variant,
-	"--divider-size": (0, core_exports.getSize)(size, "divider-size")
+	"--divider-size": getSize(size, "divider-size")
 } }));
 var Divider = withBoxProps((0, vue.defineComponent)({
 	name: "Divider",
@@ -2931,8 +2952,8 @@ function getTextTruncate(truncate) {
 }
 var defaultProps$53 = { inherit: false };
 var varsResolver$86 = createVarsResolver((theme, { variant, lineClamp, gradient, size, textWrap }) => ({ root: {
-	"--text-fz": (0, core_exports.getFontSize)(size),
-	"--text-lh": (0, core_exports.getLineHeight)(size),
+	"--text-fz": getFontSize(size),
+	"--text-lh": getLineHeight(size),
 	"--text-gradient": variant === "gradient" ? getGradient(gradient, theme) : void 0,
 	"--text-line-clamp": typeof lineClamp === "number" ? lineClamp.toString() : void 0,
 	"--text-text-wrap": textWrap
@@ -3113,7 +3134,7 @@ function getTitleSize(order, size) {
 		lineHeight: `var(--mantine-h${order}-line-height)`
 	};
 	return {
-		fontSize: (0, core_exports.rem)(titleSize),
+		fontSize: rem(titleSize),
 		fontWeight: `var(--mantine-h${order}-font-weight)`,
 		lineHeight: `var(--mantine-h${order}-line-height)`
 	};
@@ -3261,7 +3282,7 @@ var Code = withBoxProps((0, vue.defineComponent)({
 var Kbd_module_default = { root: "_root_wjfmb_1" };
 //#endregion
 //#region src/components/Kbd/Kbd.ts
-var varsResolver$83 = createVarsResolver((_, { size }) => ({ root: { "--kbd-fz": (0, core_exports.getSize)(size, "kbd-fz") } }));
+var varsResolver$83 = createVarsResolver((_, { size }) => ({ root: { "--kbd-fz": getSize(size, "kbd-fz") } }));
 var Kbd = withBoxProps((0, vue.defineComponent)({
 	name: "Kbd",
 	inheritAttrs: false,
@@ -3383,7 +3404,7 @@ var Image_module_default = { root: "_root_2axku_1" };
 //#endregion
 //#region src/components/Image/Image.ts
 var varsResolver$81 = createVarsResolver((_, { radius, fit }) => ({ root: {
-	"--image-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+	"--image-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--image-object-fit": fit
 } }));
 var Image = withBoxProps((0, vue.defineComponent)({
@@ -3458,7 +3479,7 @@ var Image = withBoxProps((0, vue.defineComponent)({
 var BackgroundImage_module_default = { root: "_root_ow7nr_1" };
 //#endregion
 //#region src/components/BackgroundImage/BackgroundImage.ts
-var varsResolver$80 = createVarsResolver((_, { radius }) => ({ root: { "--bi-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius) } }));
+var varsResolver$80 = createVarsResolver((_, { radius }) => ({ root: { "--bi-radius": radius === void 0 ? void 0 : getRadius(radius) } }));
 var BackgroundImage = withBoxProps((0, vue.defineComponent)({
 	name: "BackgroundImage",
 	inheritAttrs: false,
@@ -3516,9 +3537,9 @@ var defaultProps$49 = {
 	animate: true
 };
 var varsResolver$79 = createVarsResolver((_, { width, height, radius, circle }) => ({ root: {
-	"--skeleton-height": (0, core_exports.rem)(height),
-	"--skeleton-width": circle ? (0, core_exports.rem)(height) : (0, core_exports.rem)(width),
-	"--skeleton-radius": circle ? "1000px" : radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius)
+	"--skeleton-height": rem(height),
+	"--skeleton-width": circle ? rem(height) : rem(width),
+	"--skeleton-radius": circle ? "1000px" : radius === void 0 ? void 0 : getRadius(radius)
 } }));
 var Skeleton = withBoxProps((0, vue.defineComponent)({
 	name: "Skeleton",
@@ -3591,8 +3612,8 @@ var ColorSwatch_module_default = {
 //#region src/components/ColorSwatch/ColorSwatch.ts
 var defaultProps$48 = { withShadow: true };
 var varsResolver$78 = createVarsResolver((_, { radius, size }) => ({ root: {
-	"--cs-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
-	"--cs-size": (0, core_exports.rem)(size)
+	"--cs-radius": radius === void 0 ? void 0 : getRadius(radius),
+	"--cs-size": rem(size)
 } }));
 var ColorSwatch = withBoxProps((0, vue.defineComponent)({
 	name: "ColorSwatch",
@@ -3664,8 +3685,8 @@ var defaultProps$47 = {
 	withLabel: true
 };
 var varsResolver$77 = createVarsResolver((_, { size, thumbSize }) => ({ root: {
-	"--slider-size": size === void 0 ? void 0 : (0, core_exports.rem)(size),
-	"--thumb-size": thumbSize === void 0 ? void 0 : (0, core_exports.rem)(thumbSize)
+	"--slider-size": size === void 0 ? void 0 : rem(size),
+	"--thumb-size": thumbSize === void 0 ? void 0 : rem(thumbSize)
 } }));
 var AngleSlider = withBoxProps((0, vue.defineComponent)({
 	name: "AngleSlider",
@@ -3763,7 +3784,7 @@ var AngleSlider = withBoxProps((0, vue.defineComponent)({
 		});
 		const update = (nextValue) => {
 			if (!rootRef.value || props.disabled) return;
-			setValue(props.restrictToMarks && Array.isArray(props.marks) ? (0, core_exports.findClosestNumber)(nextValue, props.marks.map((mark) => mark.value)) : nextValue);
+			setValue(props.restrictToMarks && Array.isArray(props.marks) ? findClosestNumber(nextValue, props.marks.map((mark) => mark.value)) : nextValue);
 		};
 		const radialMove = (0, _mantine_vue_hooks.useRadialMove)(update, {
 			step: props.step,
@@ -3789,7 +3810,7 @@ var AngleSlider = withBoxProps((0, vue.defineComponent)({
 			radialMove.ref(element);
 		};
 		const setKeyboardValue = (nextValue) => {
-			const resolved = props.restrictToMarks && Array.isArray(props.marks) ? (0, core_exports.findClosestNumber)(nextValue, props.marks.map((mark) => mark.value)) : nextValue;
+			const resolved = props.restrictToMarks && Array.isArray(props.marks) ? findClosestNumber(nextValue, props.marks.map((mark) => mark.value)) : nextValue;
 			setValue(resolved);
 			props.onChangeEnd?.(resolved);
 		};
@@ -3812,8 +3833,8 @@ var AngleSlider = withBoxProps((0, vue.defineComponent)({
 				const currentIndex = markValues.indexOf(value.value);
 				if (currentIndex !== -1) if (event.key === "ArrowLeft" || event.key === "ArrowDown") nextValue = markValues[currentIndex === 0 ? markValues.length - 1 : currentIndex - 1];
 				else if (event.key === "ArrowRight" || event.key === "ArrowUp") nextValue = markValues[currentIndex === markValues.length - 1 ? 0 : currentIndex + 1];
-				else nextValue = (0, core_exports.findClosestNumber)(nextValue, markValues);
-				else nextValue = (0, core_exports.findClosestNumber)(nextValue, markValues);
+				else nextValue = findClosestNumber(nextValue, markValues);
+				else nextValue = findClosestNumber(nextValue, markValues);
 			}
 			setKeyboardValue(nextValue);
 		};
@@ -3874,10 +3895,10 @@ var varsResolver$76 = createVarsResolver((theme, { radius, color, gradient, vari
 		autoContrast
 	});
 	return { root: {
-		"--badge-height": (0, core_exports.getSize)(size, "badge-height"),
-		"--badge-padding-x": (0, core_exports.getSize)(size, "badge-padding-x"),
-		"--badge-fz": (0, core_exports.getSize)(size, "badge-fz"),
-		"--badge-radius": circle || radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+		"--badge-height": getSize(size, "badge-height"),
+		"--badge-padding-x": getSize(size, "badge-padding-x"),
+		"--badge-fz": getSize(size, "badge-fz"),
+		"--badge-radius": circle || radius === void 0 ? void 0 : getRadius(radius),
 		"--badge-bg": color || variant ? colors.background : void 0,
 		"--badge-color": color || variant ? colors.color : void 0,
 		"--badge-bd": color || variant ? colors.border : void 0,
@@ -4004,8 +4025,8 @@ var varsResolver$75 = createVarsResolver((theme, { size, radius, variant, gradie
 		autoContrast
 	});
 	return { root: {
-		"--ti-size": (0, core_exports.getSize)(size, "ti-size"),
-		"--ti-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+		"--ti-size": getSize(size, "ti-size"),
+		"--ti-radius": radius === void 0 ? void 0 : getRadius(radius),
 		"--ti-bg": color || variant ? colors.background : void 0,
 		"--ti-color": color || variant ? colors.color : void 0,
 		"--ti-bd": color || variant ? colors.border : void 0
@@ -4495,7 +4516,7 @@ var ActionIcon_module_default = {
 //#endregion
 //#region src/components/ActionIcon/ActionIconGroup/ActionIconGroup.ts
 var defaultProps$46 = { orientation: "horizontal" };
-var varsResolver$74 = createVarsResolver((_, { borderWidth }) => ({ group: { "--ai-border-width": (0, core_exports.rem)(borderWidth) } }));
+var varsResolver$74 = createVarsResolver((_, { borderWidth }) => ({ group: { "--ai-border-width": rem(borderWidth) } }));
 var ActionIconGroup = withBoxProps((0, vue.defineComponent)({
 	name: "ActionIconGroup",
 	inheritAttrs: false,
@@ -4555,10 +4576,10 @@ var varsResolver$73 = createVarsResolver((theme, { radius, color, gradient, vari
 		autoContrast
 	});
 	return { groupSection: {
-		"--section-height": (0, core_exports.getSize)(size, "section-height"),
-		"--section-padding-x": (0, core_exports.getSize)(size, "section-padding-x"),
-		"--section-fz": (0, core_exports.getFontSize)(size),
-		"--section-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+		"--section-height": getSize(size, "section-height"),
+		"--section-padding-x": getSize(size, "section-padding-x"),
+		"--section-fz": getFontSize(size),
+		"--section-radius": radius === void 0 ? void 0 : getRadius(radius),
 		"--section-bg": color || variant ? colors.background : void 0,
 		"--section-color": colors.color,
 		"--section-bd": color || variant ? colors.border : void 0
@@ -4635,8 +4656,8 @@ var varsResolver$72 = createVarsResolver((theme, { size, radius, variant, gradie
 		autoContrast
 	});
 	return { root: {
-		"--ai-size": (0, core_exports.getSize)(size, "ai-size"),
-		"--ai-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+		"--ai-size": getSize(size, "ai-size"),
+		"--ai-radius": radius === void 0 ? void 0 : getRadius(radius),
 		"--ai-bg": color || variant ? colors.background : void 0,
 		"--ai-hover": color || variant ? colors.hover : void 0,
 		"--ai-hover-color": color || variant ? colors.hoverColor : void 0,
@@ -4783,9 +4804,9 @@ var CloseButton_module_default = { root: "_root_uv1i7_1" };
 //#region src/components/CloseButton/CloseButton.ts
 var defaultProps$45 = { variant: "subtle" };
 var varsResolver$71 = createVarsResolver((_, { size, radius, iconSize }) => ({ root: {
-	"--cb-size": (0, core_exports.getSize)(size, "cb-size"),
-	"--cb-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
-	"--cb-icon-size": (0, core_exports.rem)(iconSize)
+	"--cb-size": getSize(size, "cb-size"),
+	"--cb-radius": radius === void 0 ? void 0 : getRadius(radius),
+	"--cb-icon-size": rem(iconSize)
 } }));
 var CloseButton = (0, vue.defineComponent)({
 	name: "CloseButton",
@@ -4872,7 +4893,7 @@ var Button_module_default = {
 //#endregion
 //#region src/components/Button/ButtonGroup/ButtonGroup.ts
 var defaultProps$44 = { orientation: "horizontal" };
-var varsResolver$70 = createVarsResolver((_, { borderWidth }) => ({ group: { "--button-border-width": (0, core_exports.rem)(borderWidth) } }));
+var varsResolver$70 = createVarsResolver((_, { borderWidth }) => ({ group: { "--button-border-width": rem(borderWidth) } }));
 var ButtonGroup = withBoxProps((0, vue.defineComponent)({
 	name: "ButtonGroup",
 	inheritAttrs: false,
@@ -4933,10 +4954,10 @@ var varsResolver$69 = createVarsResolver((theme, { radius, color, gradient, vari
 	});
 	const compactSize = typeof size === "string" && size.includes("compact-") ? size.replace("compact-", "") : size;
 	return { groupSection: {
-		"--section-height": (0, core_exports.getSize)(size, "section-height"),
-		"--section-padding-x": (0, core_exports.getSize)(size, "section-padding-x"),
-		"--section-fz": (0, core_exports.getFontSize)(compactSize),
-		"--section-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+		"--section-height": getSize(size, "section-height"),
+		"--section-padding-x": getSize(size, "section-padding-x"),
+		"--section-fz": getFontSize(compactSize),
+		"--section-radius": radius === void 0 ? void 0 : getRadius(radius),
 		"--section-bg": color || variant ? colors.background : void 0,
 		"--section-color": colors.color,
 		"--section-bd": color || variant ? colors.border : void 0
@@ -5007,7 +5028,7 @@ var ButtonGroupSection = withBoxProps((0, vue.defineComponent)({
 var loaderTransition = {
 	in: {
 		opacity: 1,
-		transform: `translate(-50%, calc(-50% + ${(0, core_exports.rem)(1)}))`
+		transform: `translate(-50%, calc(-50% + ${rem(1)}))`
 	},
 	out: {
 		opacity: 0,
@@ -5027,10 +5048,10 @@ var varsResolver$68 = createVarsResolver((theme, { radius, color, gradient, vari
 	const compactSize = typeof size === "string" && size.includes("compact-") ? size.replace("compact-", "") : size;
 	return { root: {
 		"--button-justify": justify,
-		"--button-height": (0, core_exports.getSize)(size, "button-height"),
-		"--button-padding-x": (0, core_exports.getSize)(size, "button-padding-x"),
-		"--button-fz": (0, core_exports.getFontSize)(compactSize),
-		"--button-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+		"--button-height": getSize(size, "button-height"),
+		"--button-padding-x": getSize(size, "button-padding-x"),
+		"--button-fz": getFontSize(compactSize),
+		"--button-radius": radius === void 0 ? void 0 : getRadius(radius),
 		"--button-bg": color || variant ? colors.background : void 0,
 		"--button-hover": color || variant ? colors.hover : void 0,
 		"--button-color": colors.color,
@@ -5224,8 +5245,8 @@ var Burger_module_default = {
 //#region src/components/Burger/Burger.ts
 var varsResolver$67 = createVarsResolver((theme, { color, size, lineSize, transitionDuration, transitionTimingFunction }) => ({ root: {
 	"--burger-color": color ? getThemeColor(color, theme) : void 0,
-	"--burger-size": (0, core_exports.getSize)(size, "burger-size"),
-	"--burger-line-size": lineSize ? (0, core_exports.rem)(lineSize) : void 0,
+	"--burger-size": getSize(size, "burger-size"),
+	"--burger-line-size": lineSize ? rem(lineSize) : void 0,
 	"--burger-transition-duration": transitionDuration === void 0 ? void 0 : `${transitionDuration}ms`,
 	"--burger-transition-timing-function": transitionTimingFunction
 } }));
@@ -5431,7 +5452,7 @@ var defaultProps$41 = {
 		duration: 0
 	},
 	overlayProps: { backgroundOpacity: .75 },
-	zIndex: (0, core_exports.getDefaultZIndex)("overlay")
+	zIndex: getDefaultZIndex("overlay")
 };
 var varsResolver$66 = createVarsResolver((_, { zIndex }) => ({ root: { "--lo-z-index": zIndex?.toString() } }));
 var LoadingOverlay = withBoxProps((0, vue.defineComponent)({
@@ -5618,7 +5639,7 @@ var Card_module_default = {
 //#endregion
 //#region src/components/Card/Card.ts
 var defaultProps$40 = { orientation: "vertical" };
-var varsResolver$65 = createVarsResolver((_, { padding }) => ({ root: { "--card-padding": (0, core_exports.getSpacing)(padding) } }));
+var varsResolver$65 = createVarsResolver((_, { padding }) => ({ root: { "--card-padding": getSpacing(padding) } }));
 function isCardSection(child) {
 	return child.type === CardSection || typeof child.type === "object" && child.type.name === "CardSection";
 }
@@ -5717,7 +5738,7 @@ var varsResolver$64 = createVarsResolver((theme, { radius, color, variant, autoC
 		autoContrast
 	});
 	return { root: {
-		"--alert-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+		"--alert-radius": radius === void 0 ? void 0 : getRadius(radius),
 		"--alert-bg": color || variant ? colors.background : void 0,
 		"--alert-color": colors.color,
 		"--alert-bd": color || variant ? colors.border : void 0
@@ -5876,8 +5897,8 @@ var varsResolver$63 = createVarsResolver((theme, { color, iconSize, radius, text
 		}).value, .07),
 		"--bq-bg-dark": rgba(darkParsed.value, .06),
 		"--bq-bd": getThemeColor(color, theme),
-		"--bq-icon-size": (0, core_exports.rem)(iconSize),
-		"--bq-radius": (0, core_exports.getRadius)(radius),
+		"--bq-icon-size": rem(iconSize),
+		"--bq-radius": getRadius(radius),
 		"--bq-text-wrap": textWrap
 	} };
 });
@@ -5970,10 +5991,13 @@ var Breadcrumbs_module_default = {
 //#endregion
 //#region src/components/Breadcrumbs/Breadcrumbs.ts
 var defaultProps$38 = { separator: "/" };
-var varsResolver$62 = createVarsResolver((_, { separatorMargin }) => ({ root: { "--bc-separator-margin": (0, core_exports.getSpacing)(separatorMargin) } }));
+var varsResolver$62 = createVarsResolver((_, { separatorMargin }) => ({ root: { "--bc-separator-margin": getSpacing(separatorMargin) } }));
 function renderContent$10(content) {
 	return typeof content === "function" ? content() : content;
 }
+function flattenChildren$2(children) {
+	return children.flatMap((child) => child.type === vue.Fragment && Array.isArray(child.children) ? flattenChildren$2(child.children) : child.type === vue.Comment ? [] : [child]);
+}
 var Breadcrumbs = withBoxProps((0, vue.defineComponent)({
 	name: "Breadcrumbs",
 	inheritAttrs: false,
@@ -6020,7 +6044,7 @@ var Breadcrumbs = withBoxProps((0, vue.defineComponent)({
 			unstyled: props.unstyled
 		});
 		return () => {
-			const children = slots.default?.() ?? [];
+			const children = flattenChildren$2(slots.default?.() ?? []);
 			const items = children.reduce((acc, child, index) => {
 				const item = child.type === vue.Text ? (0, vue.h)("div", getStyles("breadcrumb"), child.children) : (0, vue.cloneVNode)(child, getStyles("breadcrumb", { className: child.props?.class }));
 				acc.push(item);
@@ -6106,9 +6130,9 @@ var List_module_default = {
 //#region src/components/List/List.ts
 var defaultProps$37 = { type: "unordered" };
 var varsResolver$61 = createVarsResolver((_, { size, spacing }) => ({ root: {
-	"--list-fz": (0, core_exports.getFontSize)(size),
-	"--list-lh": (0, core_exports.getLineHeight)(size),
-	"--list-spacing": (0, core_exports.getSpacing)(spacing)
+	"--list-fz": getFontSize(size),
+	"--list-lh": getLineHeight(size),
+	"--list-spacing": getSpacing(spacing)
 } }));
 var ListBase = (0, vue.defineComponent)({
 	name: "List",
@@ -6221,7 +6245,7 @@ function getPositionVariables(position = "top-end", offset = 0) {
 	const offsetY = typeof offset === "number" ? offset : offset.y;
 	const [side, placement] = position.split("-");
 	if (side === "top") {
-		variables["--indicator-top"] = (0, core_exports.rem)(offsetY);
+		variables["--indicator-top"] = rem(offsetY);
 		variables["--indicator-translate-y"] = "-50%";
 	}
 	if (side === "middle") {
@@ -6229,11 +6253,11 @@ function getPositionVariables(position = "top-end", offset = 0) {
 		variables["--indicator-translate-y"] = "-50%";
 	}
 	if (side === "bottom") {
-		variables["--indicator-bottom"] = (0, core_exports.rem)(offsetY);
+		variables["--indicator-bottom"] = rem(offsetY);
 		variables["--indicator-translate-y"] = "50%";
 	}
 	if (placement === "start") {
-		variables["--indicator-left"] = (0, core_exports.rem)(offsetX);
+		variables["--indicator-left"] = rem(offsetX);
 		variables["--indicator-translate-x"] = "-50%";
 	}
 	if (placement === "center") {
@@ -6241,7 +6265,7 @@ function getPositionVariables(position = "top-end", offset = 0) {
 		variables["--indicator-translate-x"] = "-50%";
 	}
 	if (placement === "end") {
-		variables["--indicator-right"] = (0, core_exports.rem)(offsetX);
+		variables["--indicator-right"] = rem(offsetX);
 		variables["--indicator-translate-x"] = "50%";
 	}
 	return variables;
@@ -6266,8 +6290,8 @@ var varsResolver$60 = createVarsResolver((theme, { color, position, offset, size
 		theme,
 		autoContrast
 	}) : void 0,
-	"--indicator-size": (0, core_exports.rem)(size),
-	"--indicator-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+	"--indicator-size": rem(size),
+	"--indicator-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--indicator-z-index": zIndex?.toString(),
 	...getPositionVariables(position, offset)
 } }));
@@ -6395,7 +6419,7 @@ var AvatarGroupContextKey = Symbol("AvatarGroupContext");
 function useAvatarGroupContext() {
 	return (0, vue.inject)(AvatarGroupContextKey, { withinGroup: false });
 }
-var varsResolver$59 = createVarsResolver((_, { spacing }) => ({ group: { "--ag-spacing": (0, core_exports.getSpacing)(spacing) } }));
+var varsResolver$59 = createVarsResolver((_, { spacing }) => ({ group: { "--ag-spacing": getSpacing(spacing) } }));
 var AvatarGroup = withBoxProps((0, vue.defineComponent)({
 	name: "AvatarGroup",
 	inheritAttrs: false,
@@ -6506,8 +6530,8 @@ var varsResolver$58 = createVarsResolver((theme, { size, radius, variant, gradie
 		autoContrast
 	});
 	return { root: {
-		"--avatar-size": (0, core_exports.getSize)(size, "avatar-size"),
-		"--avatar-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+		"--avatar-size": getSize(size, "avatar-size"),
+		"--avatar-radius": radius === void 0 ? void 0 : getRadius(radius),
 		"--avatar-bg": resolvedColor || variant ? colors.background : void 0,
 		"--avatar-color": resolvedColor || variant ? colors.color : void 0,
 		"--avatar-bd": resolvedColor || variant ? colors.border : void 0
@@ -6629,7 +6653,7 @@ var Avatar = withBoxProps(Object.assign(AvatarBase, { Group: AvatarGroup }));
 //#region src/components/SimpleGrid/SimpleGridVariables.ts
 function getMinColWidthValue(value) {
 	if (value === void 0) return;
-	return typeof value === "number" ? (0, core_exports.rem)(value) : value;
+	return typeof value === "number" ? rem(value) : value;
 }
 function isObject$2(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -6672,21 +6696,21 @@ var SimpleGridMediaVariables = (0, vue.defineComponent)({
 		return () => {
 			const verticalSpacing = props.verticalSpacing === void 0 ? props.spacing : props.verticalSpacing;
 			const useAutoColumns = props.minColWidth !== void 0;
-			const baseStyles = (0, core_exports.filterProps)({
-				"--sg-spacing-x": (0, core_exports.getSpacing)((0, core_exports.getBaseValue)(props.spacing)),
-				"--sg-spacing-y": (0, core_exports.getSpacing)((0, core_exports.getBaseValue)(verticalSpacing)),
+			const baseStyles = filterProps({
+				"--sg-spacing-x": getSpacing(getBaseValue(props.spacing)),
+				"--sg-spacing-y": getSpacing(getBaseValue(verticalSpacing)),
 				"--sg-auto-rows": props.autoRows,
-				...useAutoColumns ? { "--sg-min-col-width": getMinColWidthValue(props.minColWidth) } : { "--sg-cols": (0, core_exports.getBaseValue)(props.cols)?.toString() }
+				...useAutoColumns ? { "--sg-min-col-width": getMinColWidthValue(props.minColWidth) } : { "--sg-cols": getBaseValue(props.cols)?.toString() }
 			});
-			const queries = (0, core_exports.keys)(theme.value.breakpoints).reduce((acc, breakpoint) => {
+			const queries = keys(theme.value.breakpoints).reduce((acc, breakpoint) => {
 				acc[breakpoint] = acc[breakpoint] ?? {};
-				if (isObject$2(props.spacing) && props.spacing[breakpoint] !== void 0) acc[breakpoint]["--sg-spacing-x"] = (0, core_exports.getSpacing)(props.spacing[breakpoint]);
-				if (isObject$2(verticalSpacing) && verticalSpacing[breakpoint] !== void 0) acc[breakpoint]["--sg-spacing-y"] = (0, core_exports.getSpacing)(verticalSpacing[breakpoint]);
+				if (isObject$2(props.spacing) && props.spacing[breakpoint] !== void 0) acc[breakpoint]["--sg-spacing-x"] = getSpacing(props.spacing[breakpoint]);
+				if (isObject$2(verticalSpacing) && verticalSpacing[breakpoint] !== void 0) acc[breakpoint]["--sg-spacing-y"] = getSpacing(verticalSpacing[breakpoint]);
 				if (!useAutoColumns && isObject$2(props.cols) && props.cols[breakpoint] !== void 0) acc[breakpoint]["--sg-cols"] = props.cols[breakpoint];
 				return acc;
 			}, {});
-			const media = (0, core_exports.getSortedBreakpoints)(theme.value.breakpoints).reduce((acc, item) => {
-				if ((0, core_exports.keys)(queries[item.breakpoint] ?? {}).length > 0) acc[`(min-width: ${theme.value.breakpoints[item.breakpoint]})`] = queries[item.breakpoint];
+			const media = getSortedBreakpoints(theme.value.breakpoints).reduce((acc, item) => {
+				if (keys(queries[item.breakpoint] ?? {}).length > 0) acc[`(min-width: ${theme.value.breakpoints[item.breakpoint]})`] = queries[item.breakpoint];
 				return acc;
 			}, {});
 			return (0, vue.h)(InlineStyles, {
@@ -6698,10 +6722,10 @@ var SimpleGridMediaVariables = (0, vue.defineComponent)({
 	}
 });
 function getBreakpoints(values) {
-	return isObject$2(values) ? (0, core_exports.keys)(values).filter((breakpoint) => breakpoint !== "base") : [];
+	return isObject$2(values) ? keys(values).filter((breakpoint) => breakpoint !== "base") : [];
 }
 function sortBreakpoints(breakpoints) {
-	return breakpoints.sort((a, b) => (0, core_exports.px)(a) - (0, core_exports.px)(b));
+	return breakpoints.sort((a, b) => px(a) - px(b));
 }
 var SimpleGridContainerVariables = (0, vue.defineComponent)({
 	name: "SimpleGridContainerVariables",
@@ -6740,11 +6764,11 @@ var SimpleGridContainerVariables = (0, vue.defineComponent)({
 		return () => {
 			const verticalSpacing = props.verticalSpacing === void 0 ? props.spacing : props.verticalSpacing;
 			const useAutoColumns = props.minColWidth !== void 0;
-			const baseStyles = (0, core_exports.filterProps)({
-				"--sg-spacing-x": (0, core_exports.getSpacing)((0, core_exports.getBaseValue)(props.spacing)),
-				"--sg-spacing-y": (0, core_exports.getSpacing)((0, core_exports.getBaseValue)(verticalSpacing)),
+			const baseStyles = filterProps({
+				"--sg-spacing-x": getSpacing(getBaseValue(props.spacing)),
+				"--sg-spacing-y": getSpacing(getBaseValue(verticalSpacing)),
 				"--sg-auto-rows": props.autoRows,
-				...useAutoColumns ? { "--sg-min-col-width": getMinColWidthValue(props.minColWidth) } : { "--sg-cols": (0, core_exports.getBaseValue)(props.cols)?.toString() }
+				...useAutoColumns ? { "--sg-min-col-width": getMinColWidthValue(props.minColWidth) } : { "--sg-cols": getBaseValue(props.cols)?.toString() }
 			});
 			const container = sortBreakpoints(Array.from(new Set([
 				...getBreakpoints(props.spacing),
@@ -6752,8 +6776,8 @@ var SimpleGridContainerVariables = (0, vue.defineComponent)({
 				...useAutoColumns ? [] : getBreakpoints(props.cols)
 			]))).reduce((acc, breakpoint) => {
 				acc[`simple-grid (min-width: ${breakpoint})`] = {};
-				if (isObject$2(props.spacing) && props.spacing[breakpoint] !== void 0) acc[`simple-grid (min-width: ${breakpoint})`]["--sg-spacing-x"] = (0, core_exports.getSpacing)(props.spacing[breakpoint]);
-				if (isObject$2(verticalSpacing) && verticalSpacing[breakpoint] !== void 0) acc[`simple-grid (min-width: ${breakpoint})`]["--sg-spacing-y"] = (0, core_exports.getSpacing)(verticalSpacing[breakpoint]);
+				if (isObject$2(props.spacing) && props.spacing[breakpoint] !== void 0) acc[`simple-grid (min-width: ${breakpoint})`]["--sg-spacing-x"] = getSpacing(props.spacing[breakpoint]);
+				if (isObject$2(verticalSpacing) && verticalSpacing[breakpoint] !== void 0) acc[`simple-grid (min-width: ${breakpoint})`]["--sg-spacing-y"] = getSpacing(verticalSpacing[breakpoint]);
 				if (!useAutoColumns && isObject$2(props.cols) && props.cols[breakpoint] !== void 0) acc[`simple-grid (min-width: ${breakpoint})`]["--sg-cols"] = props.cols[breakpoint];
 				return acc;
 			}, {});
@@ -6926,11 +6950,11 @@ var GridColVariables = (0, vue.defineComponent)({
 		const ctx = useGridContext();
 		return () => {
 			const breakpoints = ctx.breakpoints || theme.value.breakpoints;
-			const baseSpan = (0, core_exports.getBaseValue)(props.span) ?? 12;
-			const baseOrder = (0, core_exports.getBaseValue)(props.order);
-			const baseOffset = (0, core_exports.getBaseValue)(props.offset);
-			const baseAlign = (0, core_exports.getBaseValue)(props.align);
-			const baseStyles = (0, core_exports.filterProps)({
+			const baseSpan = getBaseValue(props.span) ?? 12;
+			const baseOrder = getBaseValue(props.order);
+			const baseOffset = getBaseValue(props.offset);
+			const baseAlign = getBaseValue(props.align);
+			const baseStyles = filterProps({
 				"--col-order": baseOrder?.toString(),
 				"--col-flex-grow": getColumnFlexGrow(baseSpan, ctx.grow),
 				"--col-flex-basis": getColumnFlexBasis(baseSpan, ctx.columns),
@@ -6939,7 +6963,7 @@ var GridColVariables = (0, vue.defineComponent)({
 				"--col-offset": getColumnOffset(baseOffset, ctx.columns),
 				"--col-align-self": baseAlign
 			});
-			const queries = (0, core_exports.keys)(breakpoints).reduce((acc, breakpoint) => {
+			const queries = keys(breakpoints).reduce((acc, breakpoint) => {
 				acc[breakpoint] = {};
 				if (isObject$1(props.order) && props.order[breakpoint] !== void 0) acc[breakpoint]["--col-order"] = props.order[breakpoint]?.toString();
 				if (isObject$1(props.span) && props.span[breakpoint] !== void 0) {
@@ -6953,8 +6977,8 @@ var GridColVariables = (0, vue.defineComponent)({
 				if (isObject$1(props.align) && props.align[breakpoint] !== void 0) acc[breakpoint]["--col-align-self"] = props.align[breakpoint];
 				return acc;
 			}, {});
-			const values = (0, core_exports.getSortedBreakpoints)(breakpoints).reduce((acc, item) => {
-				if ((0, core_exports.keys)(queries[item.breakpoint] ?? {}).length > 0) {
+			const values = getSortedBreakpoints(breakpoints).reduce((acc, item) => {
+				if (keys(queries[item.breakpoint] ?? {}).length > 0) {
 					const query = ctx.type === "container" ? `mantine-grid (min-width: ${breakpoints[item.breakpoint]})` : `(min-width: ${breakpoints[item.breakpoint]})`;
 					acc[query] = queries[item.breakpoint];
 				}
@@ -7077,20 +7101,20 @@ var GridVariables = (0, vue.defineComponent)({
 		const theme = useMantineTheme();
 		return () => {
 			const breakpoints = props.breakpoints || theme.value.breakpoints;
-			const baseStyles = (0, core_exports.filterProps)({
-				"--grid-gap": (0, core_exports.getSpacing)((0, core_exports.getBaseValue)(props.gap)),
-				"--grid-row-gap": (0, core_exports.getSpacing)((0, core_exports.getBaseValue)(props.rowGap)),
-				"--grid-column-gap": (0, core_exports.getSpacing)((0, core_exports.getBaseValue)(props.columnGap))
+			const baseStyles = filterProps({
+				"--grid-gap": getSpacing(getBaseValue(props.gap)),
+				"--grid-row-gap": getSpacing(getBaseValue(props.rowGap)),
+				"--grid-column-gap": getSpacing(getBaseValue(props.columnGap))
 			});
-			const queries = (0, core_exports.keys)(breakpoints).reduce((acc, breakpoint) => {
+			const queries = keys(breakpoints).reduce((acc, breakpoint) => {
 				acc[breakpoint] = {};
-				if (isObject(props.gap) && props.gap[breakpoint] !== void 0) acc[breakpoint]["--grid-gap"] = (0, core_exports.getSpacing)(props.gap[breakpoint]);
-				if (isObject(props.rowGap) && props.rowGap[breakpoint] !== void 0) acc[breakpoint]["--grid-row-gap"] = (0, core_exports.getSpacing)(props.rowGap[breakpoint]);
-				if (isObject(props.columnGap) && props.columnGap[breakpoint] !== void 0) acc[breakpoint]["--grid-column-gap"] = (0, core_exports.getSpacing)(props.columnGap[breakpoint]);
+				if (isObject(props.gap) && props.gap[breakpoint] !== void 0) acc[breakpoint]["--grid-gap"] = getSpacing(props.gap[breakpoint]);
+				if (isObject(props.rowGap) && props.rowGap[breakpoint] !== void 0) acc[breakpoint]["--grid-row-gap"] = getSpacing(props.rowGap[breakpoint]);
+				if (isObject(props.columnGap) && props.columnGap[breakpoint] !== void 0) acc[breakpoint]["--grid-column-gap"] = getSpacing(props.columnGap[breakpoint]);
 				return acc;
 			}, {});
-			const values = (0, core_exports.getSortedBreakpoints)(breakpoints).reduce((acc, item) => {
-				if ((0, core_exports.keys)(queries[item.breakpoint] ?? {}).length > 0) {
+			const values = getSortedBreakpoints(breakpoints).reduce((acc, item) => {
+				if (keys(queries[item.breakpoint] ?? {}).length > 0) {
 					const query = props.type === "container" ? `mantine-grid (min-width: ${breakpoints[item.breakpoint]})` : `(min-width: ${breakpoints[item.breakpoint]})`;
 					acc[query] = queries[item.breakpoint];
 				}
@@ -8004,7 +8028,7 @@ var varsResolver$56 = createVarsResolver((_, { scrollbarSize, overscrollBehavior
 		else if (scrollbars === "y") overrideOverscrollBehavior = `auto ${overscrollBehavior}`;
 	}
 	return { root: {
-		"--scrollarea-scrollbar-size": (0, core_exports.rem)(scrollbarSize),
+		"--scrollarea-scrollbar-size": rem(scrollbarSize),
 		"--scrollarea-over-scroll-behavior": overrideOverscrollBehavior
 	} };
 });
@@ -8293,8 +8317,8 @@ var AccordionChevron = (0, vue.defineComponent)({
 			xmlns: "http://www.w3.org/2000/svg",
 			...attrs,
 			style: [{
-				width: (0, core_exports.rem)(props.size),
-				height: (0, core_exports.rem)(props.size),
+				width: rem(props.size),
+				height: rem(props.size),
 				display: "block"
 			}, attrs.style]
 		}, (0, vue.h)("path", {
@@ -8576,7 +8600,7 @@ var defaultProps$30 = {
 	chevronSize: "auto",
 	chevronIconSize: 16
 };
-function getSafeId$1(prefix) {
+function getSafeId$2(prefix) {
 	return (value) => {
 		if (typeof value !== "string" || value.length === 0) throw new Error(VALUE_ERROR$1);
 		return `${prefix}-${value}`;
@@ -8587,8 +8611,8 @@ function renderContent$7(content) {
 }
 var varsResolver$55 = createVarsResolver((_, { transitionDuration, chevronSize, radius }) => ({ root: {
 	"--accordion-transition-duration": transitionDuration === void 0 ? void 0 : `${transitionDuration}ms`,
-	"--accordion-chevron-size": chevronSize === void 0 ? void 0 : (0, core_exports.rem)(chevronSize),
-	"--accordion-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius)
+	"--accordion-chevron-size": chevronSize === void 0 ? void 0 : rem(chevronSize),
+	"--accordion-radius": radius === void 0 ? void 0 : getRadius(radius)
 } }));
 var AccordionBase = (0, vue.defineComponent)({
 	name: "Accordion",
@@ -8729,10 +8753,10 @@ var AccordionBase = (0, vue.defineComponent)({
 			onChange: handleItemChange,
 			isItemActive,
 			get getControlId() {
-				return getSafeId$1(`${uid.value}-control`);
+				return getSafeId$2(`${uid.value}-control`);
 			},
 			get getRegionId() {
-				return getSafeId$1(`${uid.value}-panel`);
+				return getSafeId$2(`${uid.value}-panel`);
 			},
 			getStyles,
 			get variant() {
@@ -8779,7 +8803,7 @@ var defaultProps$29 = {
 	draggable: true
 };
 var varsResolver$54 = createVarsResolver((theme, { controlSize, edgeGradientColor }) => ({ root: {
-	"--scroller-control-size": controlSize === void 0 ? void 0 : (0, core_exports.rem)(controlSize),
+	"--scroller-control-size": controlSize === void 0 ? void 0 : rem(controlSize),
 	"--scroller-background-color": edgeGradientColor ? getThemeColor(edgeGradientColor, theme) : void 0
 } }));
 function renderContent$6(content) {
@@ -9023,8 +9047,8 @@ var TableDataRenderer = (0, vue.defineComponent)({
 //#region src/components/Table/TableScrollContainer.ts
 var defaultProps$28 = { type: "scrollarea" };
 var varsResolver$53 = createVarsResolver((_, { minWidth, maxHeight, type }) => ({ scrollContainer: {
-	"--table-min-width": (0, core_exports.rem)(minWidth),
-	"--table-max-height": (0, core_exports.rem)(maxHeight),
+	"--table-min-width": rem(minWidth),
+	"--table-max-height": rem(maxHeight),
 	"--table-overflow": type === "native" ? "auto" : void 0
 } }));
 var TableScrollContainer = withBoxProps((0, vue.defineComponent)({
@@ -9110,12 +9134,12 @@ var defaultProps$27 = {
 var varsResolver$52 = createVarsResolver((theme, { layout, captionSide, horizontalSpacing, verticalSpacing, borderColor, stripedColor, highlightOnHoverColor, striped, highlightOnHover, stickyHeaderOffset, stickyHeader }) => ({ table: {
 	"--table-layout": layout,
 	"--table-caption-side": captionSide,
-	"--table-horizontal-spacing": (0, core_exports.getSpacing)(horizontalSpacing),
-	"--table-vertical-spacing": (0, core_exports.getSpacing)(verticalSpacing),
+	"--table-horizontal-spacing": getSpacing(horizontalSpacing),
+	"--table-vertical-spacing": getSpacing(verticalSpacing),
 	"--table-border-color": borderColor ? getThemeColor(borderColor, theme) : void 0,
 	"--table-striped-color": striped && stripedColor ? getThemeColor(stripedColor, theme) : void 0,
 	"--table-highlight-on-hover-color": highlightOnHover && highlightOnHoverColor ? getThemeColor(highlightOnHoverColor, theme) : void 0,
-	"--table-sticky-header-offset": stickyHeader ? (0, core_exports.rem)(stickyHeaderOffset) : void 0
+	"--table-sticky-header-offset": stickyHeader ? rem(stickyHeaderOffset) : void 0
 } }));
 var TableBase = (0, vue.defineComponent)({
 	name: "Table",
@@ -9331,8 +9355,8 @@ Object.assign(ProgressLabel, { classes: Progress_module_default });
 //#endregion
 //#region src/components/Progress/ProgressRoot/ProgressRoot.ts
 var varsResolver$51 = createVarsResolver((_, { size, radius, transitionDuration }) => ({ root: {
-	"--progress-size": (0, core_exports.getSize)(size, "progress-size"),
-	"--progress-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+	"--progress-size": getSize(size, "progress-size"),
+	"--progress-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--progress-transition-duration": typeof transitionDuration === "number" ? `${transitionDuration}ms` : void 0
 } }));
 var ProgressRoot = withBoxProps((0, vue.defineComponent)({
@@ -9728,8 +9752,8 @@ function getClampedThickness(thickness, size) {
 }
 var varsResolver$50 = createVarsResolver((_, { size, thickness, transitionDuration, startAngle }) => ({
 	root: {
-		"--rp-size": (0, core_exports.rem)(size),
-		"--rp-label-offset": (0, core_exports.rem)((thickness ?? defaultProps$25.thickness) * 2),
+		"--rp-size": rem(size),
+		"--rp-label-offset": rem((thickness ?? defaultProps$25.thickness) * 2),
 		"--rp-transition-duration": transitionDuration ? `${transitionDuration}ms` : void 0
 	},
 	svg: { "--rp-start-angle": `${startAngle}deg` }
@@ -10346,7 +10370,7 @@ var TimelineItem = withBoxProps((0, vue.defineComponent)({
 				...ctx.getStyles("item", {
 					...stylesApiProps,
 					style: {
-						"--tli-radius": props.radius !== void 0 ? (0, core_exports.getRadius)(props.radius) : void 0,
+						"--tli-radius": props.radius !== void 0 ? getRadius(props.radius) : void 0,
 						"--tli-color": props.color ? getThemeColor(props.color, theme.value) : void 0,
 						"--tli-border-style": props.lineVariant || void 0,
 						...props.style,
@@ -10372,9 +10396,9 @@ var defaultProps$23 = {
 	align: "left"
 };
 var varsResolver$48 = createVarsResolver((theme, { bulletSize, lineWidth, radius, color, autoContrast }) => ({ root: {
-	"--tl-bullet-size": (0, core_exports.rem)(bulletSize),
-	"--tl-line-width": (0, core_exports.rem)(lineWidth),
-	"--tl-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+	"--tl-bullet-size": rem(bulletSize),
+	"--tl-line-width": rem(lineWidth),
+	"--tl-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--tl-color": color ? getThemeColor(color, theme) : void 0,
 	"--tl-icon-color": getAutoContrastValue(autoContrast, theme) ? getContrastColor({
 		color,
@@ -10731,7 +10755,7 @@ var varsResolver$47 = createVarsResolver((theme, { filledSegmentColor, emptySegm
 		fillDirection
 	}),
 	"--scp-transition-duration": transitionDuration ? `${transitionDuration}ms` : void 0,
-	"--scp-thickness": (0, core_exports.rem)(thickness)
+	"--scp-thickness": rem(thickness)
 } }));
 var SemiCircleProgress = withBoxProps((0, vue.defineComponent)({
 	name: "SemiCircleProgress",
@@ -10993,7 +11017,7 @@ var Spoiler = withBoxProps((0, vue.defineComponent)({
 				"aria-label": ariaLabel,
 				...getStyles("control")
 			}, () => renderContent(currentLabel)) : null, (0, vue.h)("div", {
-				...getStyles("content", { style: { maxHeight: !show.value ? (0, core_exports.rem)(maxHeight) : height.value ? (0, core_exports.rem)(height.value) : void 0 } }),
+				...getStyles("content", { style: { maxHeight: !show.value ? rem(maxHeight) : height.value ? rem(height.value) : void 0 } }),
 				"data-reduce-motion": "",
 				role: "region",
 				id: regionId
@@ -11012,7 +11036,7 @@ var Fieldset_module_default = {
 //#endregion
 //#region src/components/Fieldset/Fieldset.ts
 var defaultProps$19 = { variant: "default" };
-var varsResolver$45 = createVarsResolver((_, { radius }) => ({ root: { "--fieldset-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius) } }));
+var varsResolver$45 = createVarsResolver((_, { radius }) => ({ root: { "--fieldset-radius": radius === void 0 ? void 0 : getRadius(radius) } }));
 var Fieldset = withBoxProps((0, vue.defineComponent)({
 	name: "Fieldset",
 	inheritAttrs: false,
@@ -11269,7 +11293,7 @@ var Input_module_default = {
 };
 //#endregion
 //#region src/components/Input/InputDescription/InputDescription.ts
-var varsResolver$44 = createVarsResolver((_, { size }) => ({ description: { "--input-description-size": size === void 0 ? void 0 : `calc(${(0, core_exports.getFontSize)(size)} - ${(0, core_exports.rem)(2)})` } }));
+var varsResolver$44 = createVarsResolver((_, { size }) => ({ description: { "--input-description-size": size === void 0 ? void 0 : `calc(${getFontSize(size)} - ${rem(2)})` } }));
 var InputDescription = withBoxProps((0, vue.defineComponent)({
 	name: "InputDescription",
 	inheritAttrs: false,
@@ -11333,7 +11357,7 @@ Object.assign(InputDescription, {
 });
 //#endregion
 //#region src/components/Input/InputError/InputError.ts
-var varsResolver$43 = createVarsResolver((_, { size }) => ({ error: { "--input-error-size": size === void 0 ? void 0 : `calc(${(0, core_exports.getFontSize)(size)} - ${(0, core_exports.rem)(2)})` } }));
+var varsResolver$43 = createVarsResolver((_, { size }) => ({ error: { "--input-error-size": size === void 0 ? void 0 : `calc(${getFontSize(size)} - ${rem(2)})` } }));
 var InputError = withBoxProps((0, vue.defineComponent)({
 	name: "InputError",
 	inheritAttrs: false,
@@ -11398,7 +11422,7 @@ Object.assign(InputError, {
 //#endregion
 //#region src/components/Input/InputLabel/InputLabel.ts
 var varsResolver$42 = createVarsResolver((_, { size }) => ({ label: {
-	"--input-label-size": (0, core_exports.getFontSize)(size),
+	"--input-label-size": getFontSize(size),
 	"--input-asterisk-color": void 0
 } }));
 var InputLabel = withBoxProps((0, vue.defineComponent)({
@@ -11558,11 +11582,11 @@ var defaultOrder = [
 ];
 var varsResolver$41 = createVarsResolver((_, { size }) => ({
 	label: {
-		"--input-label-size": (0, core_exports.getFontSize)(size),
+		"--input-label-size": getFontSize(size),
 		"--input-asterisk-color": void 0
 	},
-	error: { "--input-error-size": size === void 0 ? void 0 : `calc(${(0, core_exports.getFontSize)(size)} - ${(0, core_exports.rem)(2)})` },
-	description: { "--input-description-size": size === void 0 ? void 0 : `calc(${(0, core_exports.getFontSize)(size)} - ${(0, core_exports.rem)(2)})` }
+	error: { "--input-error-size": size === void 0 ? void 0 : `calc(${getFontSize(size)} - ${rem(2)})` },
+	description: { "--input-description-size": size === void 0 ? void 0 : `calc(${getFontSize(size)} - ${rem(2)})` }
 }));
 function renderContent$4(content) {
 	return typeof content === "function" ? content() : content;
@@ -11778,12 +11802,12 @@ Object.assign(InputWrapper, {
 var varsResolver$40 = createVarsResolver((_, props, ctx) => ({ wrapper: {
 	"--input-margin-top": ctx.offsetTop ? "calc(var(--mantine-spacing-xs) / 2)" : void 0,
 	"--input-margin-bottom": ctx.offsetBottom ? "calc(var(--mantine-spacing-xs) / 2)" : void 0,
-	"--input-height": (0, core_exports.getSize)(props.size, "input-height"),
-	"--input-fz": (0, core_exports.getFontSize)(props.size),
-	"--input-radius": props.radius === void 0 ? void 0 : (0, core_exports.getRadius)(props.radius),
-	"--input-left-section-width": props.leftSectionWidth !== void 0 ? (0, core_exports.rem)(props.leftSectionWidth) : void 0,
-	"--input-right-section-width": props.rightSectionWidth !== void 0 ? (0, core_exports.rem)(props.rightSectionWidth) : void 0,
-	"--input-padding-y": props.multiline ? (0, core_exports.getSize)(props.size, "input-padding-y") : void 0,
+	"--input-height": getSize(props.size, "input-height"),
+	"--input-fz": getFontSize(props.size),
+	"--input-radius": props.radius === void 0 ? void 0 : getRadius(props.radius),
+	"--input-left-section-width": props.leftSectionWidth !== void 0 ? rem(props.leftSectionWidth) : void 0,
+	"--input-right-section-width": props.rightSectionWidth !== void 0 ? rem(props.rightSectionWidth) : void 0,
+	"--input-padding-y": props.multiline ? getSize(props.size, "input-padding-y") : void 0,
 	"--input-left-section-pointer-events": props.leftSectionPointerEvents,
 	"--input-right-section-pointer-events": props.rightSectionPointerEvents
 } }));
@@ -12637,7 +12661,7 @@ var Notification_module_default = {
 //#region src/components/Notification/Notification.ts
 var defaultProps$18 = { withCloseButton: true };
 var varsResolver$39 = createVarsResolver((theme, { radius, color }) => ({ root: {
-	"--notification-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+	"--notification-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--notification-color": color ? getThemeColor(color, theme) : void 0
 } }));
 var Notification = withBoxProps((0, vue.defineComponent)({
@@ -12913,7 +12937,7 @@ var leadingDecimalZeroPattern = /^(0\.0*|-0(\.0*)?)$/;
 var leadingZerosPattern = /^-?0\d+(\.\d+)?\.?$/;
 var trailingZerosPattern = /\.\d*0$/;
 var trailingDecimalSeparatorPattern = /^-?\d+\.$/;
-var varsResolver$38 = createVarsResolver((_, { size }) => ({ controls: { "--ni-chevron-size": (0, core_exports.getSize)(size, "ni-chevron-size") } }));
+var varsResolver$38 = createVarsResolver((_, { size }) => ({ controls: { "--ni-chevron-size": getSize(size, "ni-chevron-size") } }));
 function clamp$3(value, min, max) {
 	return Math.min(max ?? value, Math.max(min ?? value, value));
 }
@@ -13491,7 +13515,7 @@ function filterFalsyChildren(children) {
 }
 var varsResolver$37 = createVarsResolver((_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({ root: {
 	"--group-child-width": grow && preventGrowOverflow ? childWidth : void 0,
-	"--group-gap": (0, core_exports.getSpacing)(gap),
+	"--group-gap": getSpacing(gap),
 	"--group-align": align,
 	"--group-justify": justify,
 	"--group-wrap": wrap
@@ -13557,7 +13581,7 @@ var Group = withBoxProps((0, vue.defineComponent)({
 		return () => {
 			const children = filterFalsyChildren(slots.default?.() ?? []);
 			const childrenCount = Math.max(children.length, 1);
-			const resolvedGap = (0, core_exports.getSpacing)(props.gap ?? "md");
+			const resolvedGap = getSpacing(props.gap ?? "md");
 			stylesCtx.childWidth = `calc(${100 / childrenCount}% - (${resolvedGap} - ${resolvedGap} / ${childrenCount}))`;
 			return (0, vue.h)(Box, {
 				...attrs,
@@ -13601,7 +13625,7 @@ var defaultProps$16 = {
 	ariaLabel: "PinInput",
 	size: "sm"
 };
-var varsResolver$36 = createVarsResolver((_, { size }) => ({ root: { "--pin-input-size": (0, core_exports.getSize)(size ?? "sm", "pin-input-size") } }));
+var varsResolver$36 = createVarsResolver((_, { size }) => ({ root: { "--pin-input-size": getSize(size ?? "sm", "pin-input-size") } }));
 function getInputElement(node) {
 	const element = node?.$el ?? node;
 	if (!element) return null;
@@ -14185,7 +14209,7 @@ var varsResolver$35 = createVarsResolver((theme, { variant, color, childrenOffse
 			"--nl-hover": color || variant ? colors.hover : void 0,
 			"--nl-color": color || variant ? colors.color : void 0
 		},
-		children: { "--nl-offset": (0, core_exports.getSpacing)(childrenOffset) }
+		children: { "--nl-offset": getSpacing(childrenOffset) }
 	};
 });
 function renderContent$2(content) {
@@ -14415,7 +14439,7 @@ var defaultProps$14 = {
 };
 var varsResolver$34 = createVarsResolver((_, { duration, gap, repeat, fadeEdgeColor, fadeEdgeSize }) => ({ root: {
 	"--marquee-duration": `${duration}ms`,
-	"--marquee-gap": (0, core_exports.getSpacing)(gap),
+	"--marquee-gap": getSpacing(gap),
 	"--marquee-repeat": (repeat ?? 4).toString(),
 	"--marquee-fade-color": fadeEdgeColor,
 	"--marquee-fade-size": fadeEdgeSize
@@ -14528,15 +14552,15 @@ var defaultProps$13 = {
 		bottom: 0,
 		right: 0
 	},
-	zIndex: (0, core_exports.getDefaultZIndex)("modal"),
+	zIndex: getDefaultZIndex("modal"),
 	withinPortal: true
 };
 var varsResolver$33 = createVarsResolver((_, { zIndex, position }) => ({ root: {
 	"--affix-z-index": zIndex?.toString(),
-	"--affix-top": (0, core_exports.getSpacing)(position?.top),
-	"--affix-left": (0, core_exports.getSpacing)(position?.left),
-	"--affix-bottom": (0, core_exports.getSpacing)(position?.bottom),
-	"--affix-right": (0, core_exports.getSpacing)(position?.right)
+	"--affix-top": getSpacing(position?.top),
+	"--affix-left": getSpacing(position?.left),
+	"--affix-bottom": getSpacing(position?.bottom),
+	"--affix-right": getSpacing(position?.right)
 } }));
 var Affix = withBoxProps((0, vue.defineComponent)({
 	name: "Affix",
@@ -14624,7 +14648,7 @@ var defaultProps$12 = {
 		right: 30
 	}
 };
-var varsResolver$32 = createVarsResolver((_, { size }) => ({ root: { "--dialog-size": (0, core_exports.getSize)(size, "dialog-size") } }));
+var varsResolver$32 = createVarsResolver((_, { size }) => ({ root: { "--dialog-size": getSize(size, "dialog-size") } }));
 var Dialog = (0, vue.defineComponent)({
 	name: "Dialog",
 	inheritAttrs: false,
@@ -14915,7 +14939,7 @@ var defaultProps$11 = {
 	color: "yellow"
 };
 var varsResolver$31 = createVarsResolver((theme, { size, color }) => ({ root: {
-	"--rating-size": (0, core_exports.getSize)(size, "rating-size"),
+	"--rating-size": getSize(size, "rating-size"),
 	"--rating-color": getThemeColor(color, theme)
 } }));
 var Rating = withBoxProps((0, vue.defineComponent)({
@@ -15333,7 +15357,7 @@ var SegmentedControl_module_default = {
 //#endregion
 //#region src/components/SegmentedControl/SegmentedControl.ts
 var varsResolver$29 = createVarsResolver((theme, { radius, color, transitionDuration, size, transitionTimingFunction, autoContrast }) => ({ root: {
-	"--sc-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+	"--sc-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--sc-color": color ? getThemeColor(color, theme) : void 0,
 	"--sc-label-color": color ? getContrastColor({
 		color,
@@ -15343,11 +15367,11 @@ var varsResolver$29 = createVarsResolver((theme, { radius, color, transitionDura
 	"--sc-shadow": color ? void 0 : "var(--mantine-shadow-xs)",
 	"--sc-transition-duration": transitionDuration === void 0 ? void 0 : `${transitionDuration}ms`,
 	"--sc-transition-timing-function": transitionTimingFunction,
-	"--sc-padding": (0, core_exports.getSize)(size, "sc-padding"),
-	"--sc-font-size": (0, core_exports.getFontSize)(size)
+	"--sc-padding": getSize(size, "sc-padding"),
+	"--sc-font-size": getFontSize(size)
 } }));
 function normalizeData(data) {
-	return data.map((item) => (0, _mantine_vue_utils.isPrimitive)(item) ? {
+	return data.map((item) => isPrimitive(item) ? {
 		label: String(item),
 		value: item
 	} : item);
@@ -15789,9 +15813,9 @@ var defaultProps$10 = {
 	layout: "default"
 };
 var varsResolver$28 = createVarsResolver((theme, { size, radius, color, autoContrast }) => ({ root: {
-	"--pagination-control-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
-	"--pagination-control-size": (0, core_exports.getSize)(size, "pagination-control-size"),
-	"--pagination-control-fz": (0, core_exports.getFontSize)(size),
+	"--pagination-control-radius": radius === void 0 ? void 0 : getRadius(radius),
+	"--pagination-control-size": getSize(size, "pagination-control-size"),
+	"--pagination-control-fz": getFontSize(size),
 	"--pagination-active-bg": color ? getThemeColor(color, theme) : void 0,
 	"--pagination-active-color": getAutoContrastValue(autoContrast, theme) ? getContrastColor({
 		color,
@@ -16380,14 +16404,14 @@ var defaultProps$8 = {
 	variant: "default",
 	placement: "left"
 };
-function getSafeId(prefix) {
+function getSafeId$1(prefix) {
 	return (value) => {
 		if (typeof value !== "string" || value.length === 0) throw new Error(VALUE_ERROR);
 		return `${prefix}-${value}`;
 	};
 }
 var varsResolver$27 = createVarsResolver((theme, { radius, color, autoContrast }) => ({ root: {
-	"--tabs-radius": (0, core_exports.getRadius)(radius),
+	"--tabs-radius": getRadius(radius),
 	"--tabs-color": getThemeColor(color, theme),
 	"--tabs-text-color": getAutoContrastValue(autoContrast, theme) ? getContrastColor({
 		color,
@@ -16548,8 +16572,8 @@ var TabsBase = (0, vue.defineComponent)({
 				return currentTab.value;
 			},
 			onChange: setCurrentTab,
-			getTabId: getSafeId(`${uid.value}-tab`),
-			getPanelId: getSafeId(`${uid.value}-panel`)
+			getTabId: getSafeId$1(`${uid.value}-tab`),
+			getPanelId: getSafeId$1(`${uid.value}-panel`)
 		});
 		return () => (0, vue.h)(Box, {
 			...attrs,
@@ -17001,8 +17025,8 @@ var PasswordInput_module_default = {
 //#endregion
 //#region src/components/PasswordInput/PasswordInput.ts
 var varsResolver$26 = createVarsResolver((_, { size }) => ({ root: {
-	"--psi-icon-size": (0, core_exports.getSize)(size, "psi-icon-size"),
-	"--psi-button-size": (0, core_exports.getSize)(size, "psi-button-size")
+	"--psi-icon-size": getSize(size, "psi-icon-size"),
+	"--psi-button-size": getSize(size, "psi-button-size")
 } }));
 var mergedClasses$3 = {
 	...Input_module_default,
@@ -17426,8 +17450,8 @@ var InlineInput = (0, vue.defineComponent)({
 				...getStyles("root", {
 					className: attrs.class,
 					style: {
-						"--label-fz": (0, core_exports.getFontSize)(props.size),
-						"--label-lh": (0, core_exports.getSize)(props.size, "label-lh"),
+						"--label-fz": getFontSize(props.size),
+						"--label-lh": getSize(props.size, "label-lh"),
 						...attrs.style
 					}
 				}),
@@ -17499,8 +17523,8 @@ var CheckIcon = (0, vue.defineComponent)({
 			"aria-hidden": true,
 			...attrs,
 			style: props.size !== void 0 ? [{
-				width: (0, core_exports.rem)(props.size),
-				height: (0, core_exports.rem)(props.size),
+				width: rem(props.size),
+				height: rem(props.size),
 				display: "block"
 			}, attrs.style] : attrs.style
 		}, (0, vue.h)("path", {
@@ -17695,7 +17719,7 @@ var CheckboxCardContextKey = Symbol("CheckboxCardContext");
 function useCheckboxCardContext() {
 	return (0, vue.inject)(CheckboxCardContextKey, null);
 }
-var varsResolver$25 = createVarsResolver((_, { radius }) => ({ card: { "--card-radius": (0, core_exports.getRadius)(radius) } }));
+var varsResolver$25 = createVarsResolver((_, { radius }) => ({ card: { "--card-radius": getRadius(radius) } }));
 var CheckboxCard = withBoxProps((0, vue.defineComponent)({
 	name: "CheckboxCard",
 	inheritAttrs: false,
@@ -17801,8 +17825,8 @@ var CheckboxIndicator_module_default = {
 //#endregion
 //#region src/components/Checkbox/CheckboxIndicator/CheckboxIndicator.ts
 var varsResolver$24 = createVarsResolver((theme, { radius, color, size, iconColor, autoContrast }) => ({ indicator: {
-	"--checkbox-size": (0, core_exports.getSize)(size, "checkbox-size"),
-	"--checkbox-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+	"--checkbox-size": getSize(size, "checkbox-size"),
+	"--checkbox-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--checkbox-color": getThemeColor(color, theme),
 	"--checkbox-icon-color": iconColor ? getThemeColor(iconColor, theme) : getAutoContrastValue(autoContrast, theme) ? getContrastColor({
 		color,
@@ -17928,8 +17952,8 @@ var mergedClasses$2 = {
 	...Checkbox_module_default
 };
 var varsResolver$23 = createVarsResolver((theme, { radius, color, size, iconColor, autoContrast }) => ({ root: {
-	"--checkbox-size": (0, core_exports.getSize)(size, "checkbox-size"),
-	"--checkbox-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+	"--checkbox-size": getSize(size, "checkbox-size"),
+	"--checkbox-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--checkbox-color": getThemeColor(color, theme),
 	"--checkbox-icon-color": iconColor ? getThemeColor(iconColor, theme) : getAutoContrastValue(autoContrast, theme) ? getContrastColor({
 		color,
@@ -18214,17 +18238,17 @@ var varsResolver$22 = createVarsResolver((theme, { size, radius, variant, color,
 		autoContrast
 	});
 	return { root: {
-		"--chip-fz": (0, core_exports.getFontSize)(size),
-		"--chip-size": (0, core_exports.getSize)(size, "chip-size"),
-		"--chip-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
-		"--chip-checked-padding": (0, core_exports.getSize)(size, "chip-checked-padding"),
-		"--chip-padding": (0, core_exports.getSize)(size, "chip-padding"),
-		"--chip-icon-size": (0, core_exports.getSize)(size, "chip-icon-size"),
+		"--chip-fz": getFontSize(size),
+		"--chip-size": getSize(size, "chip-size"),
+		"--chip-radius": radius === void 0 ? void 0 : getRadius(radius),
+		"--chip-checked-padding": getSize(size, "chip-checked-padding"),
+		"--chip-padding": getSize(size, "chip-padding"),
+		"--chip-icon-size": getSize(size, "chip-icon-size"),
 		"--chip-bg": color || variant ? colors.background : void 0,
 		"--chip-hover": color || variant ? colors.hover : void 0,
 		"--chip-color": color || variant ? colors.color : void 0,
 		"--chip-bd": color || variant ? colors.border : void 0,
-		"--chip-spacing": (0, core_exports.getSize)(size, "chip-spacing")
+		"--chip-spacing": getSize(size, "chip-spacing")
 	} };
 });
 function callHandler$5(handler, event) {
@@ -18421,7 +18445,7 @@ var PillGroupContextKey = Symbol("PillGroupContext");
 function usePillGroupContext() {
 	return (0, vue.inject)(PillGroupContextKey, null);
 }
-var varsResolver$21 = createVarsResolver((_, { gap }, ctx) => ({ group: { "--pg-gap": gap !== void 0 ? (0, core_exports.getSize)(gap) : (0, core_exports.getSize)(ctx.size, "pg-gap") } }));
+var varsResolver$21 = createVarsResolver((_, { gap }, ctx) => ({ group: { "--pg-gap": gap !== void 0 ? getSize(gap) : getSize(ctx.size, "pg-gap") } }));
 var PillGroup = withBoxProps((0, vue.defineComponent)({
 	name: "PillGroup",
 	inheritAttrs: false,
@@ -18500,9 +18524,9 @@ Object.assign(PillGroup, {
 //#endregion
 //#region src/components/Pill/Pill.ts
 var varsResolver$20 = createVarsResolver((_, { radius }, ctx) => ({ root: {
-	"--pill-fz": (0, core_exports.getSize)(ctx.size, "pill-fz"),
-	"--pill-height": (0, core_exports.getSize)(ctx.size, "pill-height"),
-	"--pill-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius)
+	"--pill-fz": getSize(ctx.size, "pill-fz"),
+	"--pill-height": getSize(ctx.size, "pill-height"),
+	"--pill-radius": radius === void 0 ? void 0 : getRadius(radius)
 } }));
 function callHandler$4(handler, event) {
 	if (Array.isArray(handler)) handler.forEach((item) => item?.(event));
@@ -19016,7 +19040,7 @@ var RadioCardContextKey = Symbol("RadioCardContext");
 function useRadioCardContext() {
 	return (0, vue.inject)(RadioCardContextKey, null);
 }
-var varsResolver$19 = createVarsResolver((_, { radius }) => ({ card: { "--card-radius": (0, core_exports.getRadius)(radius) } }));
+var varsResolver$19 = createVarsResolver((_, { radius }) => ({ card: { "--card-radius": getRadius(radius) } }));
 function callHandler$3(handler, event) {
 	if (Array.isArray(handler)) handler.forEach((item) => item?.(event));
 	else handler?.(event);
@@ -19141,10 +19165,10 @@ var RadioIndicator_module_default = {
 //#endregion
 //#region src/components/Radio/RadioIndicator/RadioIndicator.ts
 var varsResolver$18 = createVarsResolver((theme, { radius, color, size, iconColor, autoContrast }) => ({ indicator: {
-	"--radio-size": (0, core_exports.getSize)(size, "radio-size"),
-	"--radio-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+	"--radio-size": getSize(size, "radio-size"),
+	"--radio-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--radio-color": getThemeColor(color, theme),
-	"--radio-icon-size": typeof size === "number" ? `calc(${(0, core_exports.getSize)(size, "radio-size")} * 0.4)` : (0, core_exports.getSize)(size, "radio-icon-size"),
+	"--radio-icon-size": typeof size === "number" ? `calc(${getSize(size, "radio-size")} * 0.4)` : getSize(size, "radio-icon-size"),
 	"--radio-icon-color": iconColor ? getThemeColor(iconColor, theme) : getAutoContrastValue(autoContrast, theme) ? getContrastColor({
 		color,
 		theme,
@@ -19261,15 +19285,15 @@ var mergedClasses$1 = {
 	...Radio_module_default
 };
 var varsResolver$17 = createVarsResolver((theme, { size, radius, color, iconColor, autoContrast }) => ({ root: {
-	"--radio-size": (0, core_exports.getSize)(size, "radio-size"),
-	"--radio-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
+	"--radio-size": getSize(size, "radio-size"),
+	"--radio-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--radio-color": getThemeColor(color, theme),
 	"--radio-icon-color": iconColor ? getThemeColor(iconColor, theme) : getAutoContrastValue(autoContrast, theme) ? getContrastColor({
 		color,
 		theme,
 		autoContrast
 	}) : void 0,
-	"--radio-icon-size": (0, core_exports.getSize)(size, "radio-icon-size")
+	"--radio-icon-size": getSize(size, "radio-icon-size")
 } }));
 function callHandler$2(handler, event) {
 	if (Array.isArray(handler)) handler.forEach((item) => item?.(event));
@@ -19633,12 +19657,12 @@ var mergedClasses = {
 	...Switch_module_default
 };
 var varsResolver$16 = createVarsResolver((theme, { radius, color, size }) => ({ root: {
-	"--switch-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
-	"--switch-height": (0, core_exports.getSize)(size, "switch-height"),
-	"--switch-width": (0, core_exports.getSize)(size, "switch-width"),
-	"--switch-thumb-size": (0, core_exports.getSize)(size, "switch-thumb-size"),
-	"--switch-label-font-size": (0, core_exports.getSize)(size, "switch-label-font-size"),
-	"--switch-track-label-padding": (0, core_exports.getSize)(size, "switch-track-label-padding"),
+	"--switch-radius": radius === void 0 ? void 0 : getRadius(radius),
+	"--switch-height": getSize(size, "switch-height"),
+	"--switch-width": getSize(size, "switch-width"),
+	"--switch-thumb-size": getSize(size, "switch-thumb-size"),
+	"--switch-label-font-size": getSize(size, "switch-label-font-size"),
+	"--switch-track-label-padding": getSize(size, "switch-track-label-padding"),
 	"--switch-color": color ? getThemeColor(color, theme) : void 0
 } }));
 function renderContent(content) {
@@ -20017,7 +20041,7 @@ var Flex = withBoxProps((0, vue.defineComponent)({
 				...attrs,
 				...getStyles("root", {
 					className: parsedStyleProps.hasResponsiveStyles ? responsiveClassName : void 0,
-					style: (0, core_exports.filterProps)(parsedStyleProps.inlineStyles)
+					style: filterProps(parsedStyleProps.inlineStyles)
 				})
 			}, () => slots.default?.())];
 		};
@@ -20032,7 +20056,7 @@ var defaultProps$7 = {
 	justify: "flex-start"
 };
 var varsResolver$15 = createVarsResolver((_, { gap, align, justify }) => ({ root: {
-	"--stack-gap": (0, core_exports.getSpacing)(gap),
+	"--stack-gap": getSpacing(gap),
 	"--stack-align": align,
 	"--stack-justify": justify
 } }));
@@ -20328,11 +20352,11 @@ var varsResolver$14 = createVarsResolver((theme, { color, iconSize, size, conten
 		theme,
 		autoContrast
 	}) : void 0,
-	"--stepper-icon-size": iconSize === void 0 ? (0, core_exports.getSize)(size, "stepper-icon-size") : (0, core_exports.rem)(iconSize),
-	"--stepper-content-padding": (0, core_exports.getSpacing)(contentPadding),
-	"--stepper-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
-	"--stepper-fz": (0, core_exports.getFontSize)(size),
-	"--stepper-spacing": (0, core_exports.getSpacing)(size)
+	"--stepper-icon-size": iconSize === void 0 ? getSize(size, "stepper-icon-size") : rem(iconSize),
+	"--stepper-content-padding": getSpacing(contentPadding),
+	"--stepper-radius": radius === void 0 ? void 0 : getRadius(radius),
+	"--stepper-fz": getFontSize(size),
+	"--stepper-spacing": getSpacing(size)
 } }));
 function getSlotContent(vnode) {
 	const children = vnode?.children;
@@ -20595,7 +20619,7 @@ var defaultProps$4 = {
 	maxRows: 1,
 	maxVisibleItems: Infinity
 };
-var varsResolver$13 = createVarsResolver((_, { gap }) => ({ root: { "--ol-gap": (0, core_exports.getSpacing)(gap) } }));
+var varsResolver$13 = createVarsResolver((_, { gap }) => ({ root: { "--ol-gap": getSpacing(gap) } }));
 function getDataSignature(data, getItemKey) {
 	return data.map((item, index) => getItemKey ? getItemKey(item, index) : item !== null && (typeof item === "object" || typeof item === "function") ? index : String(item)).join(" ");
 }
@@ -20809,9 +20833,9 @@ var varsResolver$12 = createVarsResolver((theme, { color, size, variant, autoCon
 	return { root: {
 		"--toc-bg": variant !== "none" ? colors.background : void 0,
 		"--toc-color": variant !== "none" ? colors.color : void 0,
-		"--toc-size": (0, core_exports.getFontSize)(size),
-		"--toc-depth-offset": (0, core_exports.rem)(depthOffset),
-		"--toc-radius": (0, core_exports.getRadius)(radius)
+		"--toc-size": getFontSize(size),
+		"--toc-depth-offset": rem(depthOffset),
+		"--toc-radius": getRadius(radius)
 	} };
 });
 var TableOfContents = withBoxProps((0, vue.defineComponent)({
@@ -20946,7 +20970,7 @@ var FloatingWindow_module_default = { root: "_root_kejg3_1" };
 var defaultProps$2 = {
 	constrainToViewport: true,
 	withinPortal: true,
-	zIndex: (0, core_exports.getDefaultZIndex)("overlay")
+	zIndex: getDefaultZIndex("overlay")
 };
 var FloatingWindow = (0, vue.defineComponent)({
 	name: "FloatingWindow",
@@ -21448,10 +21472,10 @@ var defaultProps$1 = {
 	orientation: "horizontal"
 };
 var varsResolver$11 = createVarsResolver((theme, { size, color, thumbSize, radius }) => ({ root: {
-	"--slider-size": (0, core_exports.getSize)(size, "slider-size"),
+	"--slider-size": getSize(size, "slider-size"),
 	"--slider-color": color ? getThemeColor(color, theme) : void 0,
-	"--slider-radius": radius === void 0 ? void 0 : (0, core_exports.getRadius)(radius),
-	"--slider-thumb-size": thumbSize !== void 0 ? (0, core_exports.rem)(thumbSize) : "calc(var(--slider-size) * 2)"
+	"--slider-radius": radius === void 0 ? void 0 : getRadius(radius),
+	"--slider-thumb-size": thumbSize !== void 0 ? rem(thumbSize) : "calc(var(--slider-size) * 2)"
 } }));
 var Slider = withBoxProps((0, vue.defineComponent)({
 	name: "Slider",
@@ -21741,10 +21765,10 @@ var defaults$5 = {
 	orientation: "horizontal"
 };
 var varsResolver$10 = createVarsResolver((theme, { size, color, thumbSize, radius }) => ({ root: {
-	"--slider-size": (0, core_exports.getSize)(size, "slider-size"),
+	"--slider-size": getSize(size, "slider-size"),
 	"--slider-color": color ? getThemeColor(color, theme) : void 0,
-	"--slider-radius": (0, core_exports.getRadius)(radius),
-	"--slider-thumb-size": thumbSize !== void 0 ? (0, core_exports.rem)(thumbSize) : "calc(var(--slider-size) * 2)"
+	"--slider-radius": getRadius(radius),
+	"--slider-thumb-size": thumbSize !== void 0 ? rem(thumbSize) : "calc(var(--slider-size) * 2)"
 } }));
 var RangeSlider = (0, vue.defineComponent)({
 	name: "RangeSlider",
@@ -22471,10 +22495,10 @@ var AlphaSlider = (0, vue.defineComponent)({
 			overlays: [
 				{
 					backgroundImage: "linear-gradient(45deg,var(--slider-checkers) 25%,transparent 25%),linear-gradient(-45deg,var(--slider-checkers) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--slider-checkers) 75%)",
-					backgroundSize: `${(0, core_exports.rem)(8)} ${(0, core_exports.rem)(8)}`
+					backgroundSize: `${rem(8)} ${rem(8)}`
 				},
 				{ backgroundImage: `linear-gradient(90deg, transparent, ${props.color})` },
-				{ boxShadow: `rgba(0,0,0,.1) 0 0 0 ${(0, core_exports.rem)(1)} inset` }
+				{ boxShadow: `rgba(0,0,0,.1) 0 0 0 ${rem(1)} inset` }
 			]
 		});
 	}
@@ -22524,7 +22548,7 @@ var HueSlider = (0, vue.defineComponent)({
 			thumbColor: `hsl(${props.value}, 100%, 50%)`,
 			round: true,
 			"data-hue": "",
-			overlays: [{ backgroundImage: "linear-gradient(to right,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(170,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%))" }, { boxShadow: `rgba(0,0,0,.1) 0 0 0 ${(0, core_exports.rem)(1)} inset, rgba(0,0,0,.15) 0 0 ${(0, core_exports.rem)(4)} inset` }]
+			overlays: [{ backgroundImage: "linear-gradient(to right,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(170,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%))" }, { boxShadow: `rgba(0,0,0,.1) 0 0 0 ${rem(1)} inset, rgba(0,0,0,.15) 0 0 ${rem(4)} inset` }]
 		});
 	}
 });
@@ -22708,12 +22732,12 @@ var defaults$4 = {
 	__staticSelector: "ColorPicker"
 };
 var varsResolver$9 = createVarsResolver((_, { size, swatchesPerRow }) => ({ wrapper: {
-	"--cp-preview-size": (0, core_exports.getSize)(size, "cp-preview-size"),
-	"--cp-width": (0, core_exports.getSize)(size, "cp-width"),
-	"--cp-body-spacing": (0, core_exports.getSpacing)(size),
+	"--cp-preview-size": getSize(size, "cp-preview-size"),
+	"--cp-width": getSize(size, "cp-width"),
+	"--cp-body-spacing": getSpacing(size),
 	"--cp-swatch-size": `${100 / swatchesPerRow}%`,
-	"--cp-thumb-size": (0, core_exports.getSize)(size, "cp-thumb-size"),
-	"--cp-saturation-height": (0, core_exports.getSize)(size, "cp-saturation-height")
+	"--cp-thumb-size": getSize(size, "cp-thumb-size"),
+	"--cp-saturation-height": getSize(size, "cp-saturation-height")
 } }));
 var ColorPicker = (0, vue.defineComponent)({
 	name: "ColorPicker",
@@ -23039,10 +23063,10 @@ var AppShellMain = withBoxProps(Object.assign((0, vue.defineComponent)({
 //#endregion
 //#region src/components/AppShell/AppShellMediaStyles/get-variables.ts
 var isResponsive = (value) => Boolean(value && typeof value === "object");
-var size$1 = (value) => value === void 0 ? void 0 : (0, core_exports.rem)(value);
-var paddingValue = (value) => Number(value) === 0 ? "0px" : (0, core_exports.getSpacing)(value);
+var size$1 = (value) => value === void 0 ? void 0 : rem(value);
+var paddingValue = (value) => Number(value) === 0 ? "0px" : getSpacing(value);
 function breakpointPx(value, theme) {
-	return typeof value === "string" && value in theme.breakpoints ? (0, core_exports.getBreakpointValue)(theme.breakpoints[value]) : (0, core_exports.getBreakpointValue)(value);
+	return typeof value === "string" && value in theme.breakpoints ? getBreakpointValue(theme.breakpoints[value]) : getBreakpointValue(value);
 }
 function media(styles, query, values) {
 	styles[query] = {
@@ -23054,7 +23078,7 @@ function responsive(value, property, base, min, theme, transform = size$1) {
 	if (isResponsive(value)) {
 		if (value.base !== void 0) base[property] = transform(value.base);
 		Object.entries(value).forEach(([key, item]) => {
-			if (key !== "base" && item !== void 0) media(min, `(min-width: ${(0, core_exports.em)(breakpointPx(key, theme))})`, { [property]: transform(item) });
+			if (key !== "base" && item !== void 0) media(min, `(min-width: ${em(breakpointPx(key, theme))})`, { [property]: transform(item) });
 		});
 	} else if (value !== void 0) base[property] = transform(value);
 }
@@ -23086,8 +23110,8 @@ function getVariables({ navbar, aside, header, footer, padding, theme, mode }) {
 		responsive(config.width, "--app-shell-navbar-offset", baseStyles, minMediaStyles, theme);
 		if (mode === "static") responsive(config.width, "--app-shell-navbar-grid-width", baseStyles, minMediaStyles, theme);
 		const bp = breakpointPx(config.breakpoint, theme);
-		const minQuery = `(min-width: ${(0, core_exports.em)(bp)})`;
-		const maxQuery = `(max-width: ${(0, core_exports.em)(bp - .1)})`;
+		const minQuery = `(min-width: ${em(bp)})`;
+		const maxQuery = `(max-width: ${em(bp - .1)})`;
 		if (!config.collapsed?.mobile) media(maxMediaStyles, maxQuery, {
 			"--app-shell-navbar-offset": "0px",
 			"--app-shell-navbar-width": "100%",
@@ -23121,8 +23145,8 @@ function getVariables({ navbar, aside, header, footer, padding, theme, mode }) {
 		responsive(config.width, "--app-shell-aside-width", baseStyles, minMediaStyles, theme);
 		responsive(config.width, "--app-shell-aside-offset", baseStyles, minMediaStyles, theme);
 		const bp = breakpointPx(config.breakpoint, theme);
-		const minQuery = `(min-width: ${(0, core_exports.em)(bp)})`;
-		const maxQuery = `(max-width: ${(0, core_exports.em)(bp - .1)})`;
+		const minQuery = `(min-width: ${em(bp)})`;
+		const maxQuery = `(max-width: ${em(bp - .1)})`;
 		if (!config.collapsed?.mobile) media(maxMediaStyles, maxQuery, mode === "fixed" ? {
 			"--app-shell-aside-width": "100%",
 			"--app-shell-aside-offset": "0px"
@@ -23274,7 +23298,7 @@ var defaults$3 = {
 	padding: 0,
 	transitionDuration: 200,
 	transitionTimingFunction: "ease",
-	zIndex: (0, core_exports.getDefaultZIndex)("app"),
+	zIndex: getDefaultZIndex("app"),
 	mode: "fixed",
 	offsetScrollbars: true
 };
@@ -24276,7 +24300,7 @@ var defaultProps = {
 	shiftStep: 10
 };
 var varsResolver$7 = createVarsResolver((theme, { lineSize, handleColor }) => ({ root: {
-	"--splitter-line-size": (0, _mantine_vue_utils.rem)(lineSize),
+	"--splitter-line-size": rem(lineSize),
 	"--splitter-handle-color": handleColor ? getThemeColor(handleColor, theme) : void 0
 } }));
 function flattenChildren(children) {
@@ -25078,7 +25102,7 @@ var Tree_module_default = {
 function getFlatValues(data) {
 	return data.flatMap((node) => [node.value, ...node.children ? getFlatValues(node.children) : []]);
 }
-var varsResolver$6 = createVarsResolver((_, { levelOffset }) => ({ root: { "--level-offset": (0, core_exports.getSpacing)(levelOffset) } }));
+var varsResolver$6 = createVarsResolver((_, { levelOffset }) => ({ root: { "--level-offset": getSpacing(levelOffset) } }));
 var Tree = withBoxProps((0, vue.defineComponent)({
 	name: "Tree",
 	inheritAttrs: false,
@@ -25756,9 +25780,9 @@ var ModalBase = withBoxProps((0, vue.defineComponent)({
 			...attrs,
 			id: modal.id.value || fallbackId.value,
 			style: [{
-				"--mb-z-index": String(props.zIndex ?? (0, core_exports.getDefaultZIndex)("modal")),
-				"--mb-shadow": (0, core_exports.getShadow)(props.shadow),
-				"--mb-padding": (0, core_exports.getSpacing)(props.padding)
+				"--mb-z-index": String(props.zIndex ?? getDefaultZIndex("modal")),
+				"--mb-shadow": getShadow(props.shadow),
+				"--mb-padding": getSpacing(props.padding)
 			}, attrs.style]
 		}, () => slots.default?.()));
 	}
@@ -25961,10 +25985,10 @@ var Modal_module_default = {
 //#region src/components/Modal/Modal.ts
 var [provideModalContext, useModalContext] = createSafeContext("Modal component was not found in tree");
 var varsResolver$5 = createVarsResolver((_, props) => ({ root: {
-	"--modal-size": (0, core_exports.getSize)(props.size, "modal-size"),
-	"--modal-radius": props.radius == null ? void 0 : (0, core_exports.rem)(props.radius),
-	"--modal-y-offset": (0, core_exports.rem)(props.yOffset),
-	"--modal-x-offset": (0, core_exports.rem)(props.xOffset)
+	"--modal-size": getSize(props.size, "modal-size"),
+	"--modal-radius": props.radius == null ? void 0 : rem(props.radius),
+	"--modal-y-offset": rem(props.yOffset),
+	"--modal-x-offset": rem(props.xOffset)
 } }));
 var ModalRoot = (0, vue.defineComponent)({
 	name: "ModalRoot",
@@ -26152,7 +26176,7 @@ var DrawerStack = (0, vue.defineComponent)({
 	name: "DrawerStack",
 	setup(_, { slots }) {
 		const stack = (0, vue.ref)([]);
-		const maxZIndex = (0, vue.ref)((0, core_exports.getDefaultZIndex)("modal"));
+		const maxZIndex = (0, vue.ref)(getDefaultZIndex("modal"));
 		(0, vue.provide)(DrawerStackContextKey, (0, vue.reactive)({
 			get stack() {
 				return stack.value;
@@ -26213,12 +26237,12 @@ function useDrawersStack(drawers) {
 	};
 }
 var varsResolver$4 = createVarsResolver((_, props) => ({ root: {
-	"--drawer-size": (0, core_exports.getSize)(props.size, "drawer-size"),
+	"--drawer-size": getSize(props.size, "drawer-size"),
 	"--drawer-flex": props.position === "top" || props.position === "bottom" ? "0 0 calc(100% - var(--drawer-offset) * 2)" : void 0,
 	"--drawer-height": props.position === "left" || props.position === "right" ? void 0 : "var(--drawer-size)",
 	"--drawer-align": props.position === "top" ? "flex-start" : props.position === "bottom" ? "flex-end" : void 0,
 	"--drawer-justify": props.position === "right" ? "flex-end" : void 0,
-	"--drawer-offset": (0, core_exports.rem)(props.offset)
+	"--drawer-offset": rem(props.offset)
 } }));
 var transitions = {
 	top: "slide-down",
@@ -26390,7 +26414,7 @@ var DrawerBaseComponent = (0, vue.defineComponent)({
 	setup(props, { attrs, slots }) {
 		const stackCtx = useDrawerStackContext();
 		(0, vue.watch)(() => props.opened, (opened) => {
-			if (stackCtx && props.stackId) if (opened) stackCtx.addModal(props.stackId, typeof props.zIndex === "number" ? props.zIndex : (0, core_exports.getDefaultZIndex)("modal"));
+			if (stackCtx && props.stackId) if (opened) stackCtx.addModal(props.stackId, typeof props.zIndex === "number" ? props.zIndex : getDefaultZIndex("modal"));
 			else stackCtx.removeModal(props.stackId);
 		}, { immediate: true });
 		const resolvedZIndex = (0, vue.computed)(() => {
@@ -26734,7 +26758,7 @@ var defaults$2 = {
 	withRoles: true,
 	returnFocus: false,
 	keepMounted: false,
-	zIndex: (0, core_exports.getDefaultZIndex)("popover"),
+	zIndex: getDefaultZIndex("popover"),
 	floatingStrategy: "absolute",
 	transitionProps: {
 		transition: "fade",
@@ -26742,8 +26766,8 @@ var defaults$2 = {
 	}
 };
 var varsResolver$3 = createVarsResolver((_, props) => ({ dropdown: {
-	"--popover-radius": props.radius === void 0 ? void 0 : (0, core_exports.getRadius)(props.radius),
-	"--popover-shadow": (0, core_exports.getShadow)(props.shadow)
+	"--popover-radius": props.radius === void 0 ? void 0 : getRadius(props.radius),
+	"--popover-shadow": getShadow(props.shadow)
 } }));
 function one$3(slots, name) {
 	const children = slots.default?.().filter((child) => typeof child.type !== "symbol") ?? [];
@@ -26884,7 +26908,7 @@ var PopoverDropdown = (0, vue.defineComponent)({
 					zIndex: ctx.zIndex,
 					top: `${ctx.y}px`,
 					left: `${ctx.x}px`,
-					width: ctx.width === "target" ? ctx.targetWidth === void 0 ? void 0 : `${ctx.targetWidth}px` : (0, core_exports.rem)(ctx.width)
+					width: ctx.width === "target" ? ctx.targetWidth === void 0 ? void 0 : `${ctx.targetWidth}px` : rem(ctx.width)
 				},
 				attrs.style
 			]
@@ -27189,7 +27213,7 @@ var PopoverBase = (0, vue.defineComponent)({
 				return props.width ?? "max-content";
 			},
 			get zIndex() {
-				return props.zIndex ?? (0, core_exports.getDefaultZIndex)("popover");
+				return props.zIndex ?? getDefaultZIndex("popover");
 			},
 			get floatingStrategy() {
 				return props.floatingStrategy ?? "absolute";
@@ -27242,10 +27266,10 @@ var defaults$1 = {
 	withinPortal: true,
 	offset: 10,
 	position: "right",
-	zIndex: (0, core_exports.getDefaultZIndex)("popover")
+	zIndex: getDefaultZIndex("popover")
 };
 var varsResolver$2 = createVarsResolver((theme, props) => ({ tooltip: {
-	"--tooltip-radius": props.radius === void 0 ? void 0 : (0, core_exports.getRadius)(props.radius),
+	"--tooltip-radius": props.radius === void 0 ? void 0 : getRadius(props.radius),
 	"--tooltip-bg": props.color ? getThemeColor(props.color, theme) : void 0,
 	"--tooltip-color": props.color ? "var(--mantine-color-white)" : void 0
 } }));
@@ -27477,7 +27501,7 @@ var defaults = {
 		focus: false,
 		touch: false
 	},
-	zIndex: (0, core_exports.getDefaultZIndex)("popover"),
+	zIndex: getDefaultZIndex("popover"),
 	middlewares: {
 		flip: true,
 		shift: true,
@@ -27493,7 +27517,7 @@ var varsResolver$1 = createVarsResolver((theme, props) => {
 		variant: props.variant || "filled"
 	});
 	return { tooltip: {
-		"--tooltip-radius": props.radius === void 0 ? void 0 : (0, core_exports.getRadius)(props.radius),
+		"--tooltip-radius": props.radius === void 0 ? void 0 : getRadius(props.radius),
 		"--tooltip-bg": props.color ? colors.background : void 0,
 		"--tooltip-color": props.color ? colors.color : void 0
 	} };
@@ -28789,17 +28813,17 @@ function useComboboxTargetProps(input) {
 //#region src/components/Combobox/Combobox.ts
 var varsResolver = createVarsResolver((_, props) => ({
 	options: {
-		"--combobox-option-fz": (0, core_exports.getFontSize)(props.size),
-		"--combobox-option-padding": (0, core_exports.getSize)(props.size, "combobox-option-padding")
+		"--combobox-option-fz": getFontSize(props.size),
+		"--combobox-option-padding": getSize(props.size, "combobox-option-padding")
 	},
 	dropdown: {
-		"--combobox-padding": props.dropdownPadding === void 0 ? void 0 : (0, core_exports.rem)(props.dropdownPadding),
-		"--combobox-option-fz": (0, core_exports.getFontSize)(props.size),
-		"--combobox-option-padding": (0, core_exports.getSize)(props.size, "combobox-option-padding")
+		"--combobox-padding": props.dropdownPadding === void 0 ? void 0 : rem(props.dropdownPadding),
+		"--combobox-option-fz": getFontSize(props.size),
+		"--combobox-option-padding": getSize(props.size, "combobox-option-padding")
 	}
 }));
 var chevronVarsResolver = createVarsResolver((theme, props) => ({ chevron: {
-	"--combobox-chevron-size": (0, core_exports.getSize)(props.size, "combobox-chevron-size"),
+	"--combobox-chevron-size": getSize(props.size, "combobox-chevron-size"),
 	"--combobox-chevron-color": props.color ? getThemeColor(props.color, theme) : void 0
 } }));
 function childrenOne(slots, name) {
@@ -31184,413 +31208,6 @@ Object.assign(TreeSelect, { classes: {
 	...Combobox.classes,
 	...TreeSelect_module_default
 } });
-__reExport(/* @__PURE__ */ __exportAll({
-	Accordion: () => Accordion,
-	AccordionChevron: () => AccordionChevron,
-	AccordionControl: () => AccordionControl,
-	AccordionItem: () => AccordionItem,
-	AccordionPanel: () => AccordionPanel,
-	ActionIcon: () => ActionIcon,
-	ActionIconGroup: () => ActionIconGroup,
-	ActionIconGroupSection: () => ActionIconGroupSection,
-	Affix: () => Affix,
-	Alert: () => Alert,
-	AlphaSlider: () => AlphaSlider,
-	Anchor: () => Anchor,
-	AngleSlider: () => AngleSlider,
-	AppShell: () => AppShell,
-	AppShellAside: () => AppShellAside,
-	AppShellFooter: () => AppShellFooter,
-	AppShellHeader: () => AppShellHeader,
-	AppShellMain: () => AppShellMain,
-	AppShellNavbar: () => AppShellNavbar,
-	AppShellSection: () => AppShellSection,
-	AspectRatio: () => AspectRatio,
-	Autocomplete: () => Autocomplete,
-	Avatar: () => Avatar,
-	AvatarGroup: () => AvatarGroup,
-	AvatarGroupContextKey: () => AvatarGroupContextKey,
-	BackgroundImage: () => BackgroundImage,
-	Badge: () => Badge,
-	Bars: () => Bars,
-	Blockquote: () => Blockquote,
-	Box: () => Box,
-	Breadcrumbs: () => Breadcrumbs,
-	Burger: () => Burger,
-	Button: () => Button,
-	ButtonGroup: () => ButtonGroup,
-	ButtonGroupSection: () => ButtonGroupSection,
-	Card: () => Card,
-	CardSection: () => CardSection,
-	Center: () => Center,
-	CheckIcon: () => CheckIcon,
-	Checkbox: () => Checkbox,
-	CheckboxCard: () => CheckboxCard,
-	CheckboxGroup: () => CheckboxGroup,
-	CheckboxIcon: () => CheckboxIcon,
-	CheckboxIndicator: () => CheckboxIndicator,
-	Chip: () => Chip,
-	ChipGroup: () => ChipGroup,
-	CloseButton: () => CloseButton,
-	CloseIcon: () => CloseIcon,
-	Code: () => Code,
-	Collapse: () => Collapse,
-	ColorInput: () => ColorInput,
-	ColorPicker: () => ColorPicker,
-	ColorSlider: () => ColorSlider,
-	ColorSwatch: () => ColorSwatch,
-	Combobox: () => Combobox,
-	ComboboxChevron: () => ComboboxChevron,
-	ComboboxClearButton: () => ComboboxClearButton,
-	ComboboxDropdown: () => ComboboxDropdown,
-	ComboboxDropdownTarget: () => ComboboxDropdownTarget,
-	ComboboxEmpty: () => ComboboxEmpty,
-	ComboboxEventsTarget: () => ComboboxEventsTarget,
-	ComboboxFooter: () => ComboboxFooter,
-	ComboboxGroup: () => ComboboxGroup,
-	ComboboxHeader: () => ComboboxHeader,
-	ComboboxHiddenInput: () => ComboboxHiddenInput,
-	ComboboxOption: () => ComboboxOption,
-	ComboboxOptions: () => ComboboxOptions,
-	ComboboxSearch: () => ComboboxSearch,
-	ComboboxTarget: () => ComboboxTarget,
-	Container: () => Container,
-	CopyButton: () => CopyButton,
-	DEFAULT_COLORS: () => DEFAULT_COLORS,
-	DEFAULT_THEME: () => DEFAULT_THEME,
-	Dialog: () => Dialog,
-	DirectionContextKey: () => DirectionContextKey,
-	DirectionProvider: () => DirectionProvider,
-	Divider: () => Divider,
-	Dots: () => Dots,
-	Drawer: () => Drawer,
-	DrawerBody: () => DrawerBody,
-	DrawerCloseButton: () => DrawerCloseButton,
-	DrawerContent: () => DrawerContent,
-	DrawerHeader: () => DrawerHeader,
-	DrawerOverlay: () => DrawerOverlay,
-	DrawerRoot: () => DrawerRoot,
-	DrawerStack: () => DrawerStack,
-	DrawerTitle: () => DrawerTitle,
-	FLEX_STYLE_PROPS_DATA: () => FLEX_STYLE_PROPS_DATA,
-	Fieldset: () => Fieldset,
-	FileButton: () => FileButton,
-	FileInput: () => FileInput,
-	FlatTreeNode: () => FlatTreeNode,
-	Flex: () => Flex,
-	FloatingIndicator: () => FloatingIndicator,
-	FloatingWindow: () => FloatingWindow,
-	FocusTrap: () => FocusTrap,
-	FocusTrapInitialFocus: () => FocusTrapInitialFocus,
-	Grid: () => Grid,
-	GridCol: () => GridCol,
-	Group: () => Group,
-	HeadlessMantineProvider: () => HeadlessMantineProvider,
-	Highlight: () => Highlight,
-	HoverCard: () => HoverCard,
-	HoverCardDropdown: () => HoverCardDropdown,
-	HoverCardGroup: () => HoverCardGroup,
-	HoverCardTarget: () => HoverCardTarget,
-	HueSlider: () => HueSlider,
-	INVALID_PRIMARY_COLOR_ERROR: () => INVALID_PRIMARY_COLOR_ERROR,
-	INVALID_PRIMARY_SHADE_ERROR: () => INVALID_PRIMARY_SHADE_ERROR,
-	Image: () => Image,
-	Indicator: () => Indicator,
-	InlineStyles: () => InlineStyles,
-	Input: () => Input,
-	InputBase: () => InputBase,
-	InputClearButton: () => InputClearButton,
-	InputClearSection: () => InputClearSection,
-	InputDescription: () => InputDescription,
-	InputError: () => InputError,
-	InputLabel: () => InputLabel,
-	InputPlaceholder: () => InputPlaceholder,
-	InputWrapper: () => InputWrapper,
-	JsonInput: () => JsonInput,
-	Kbd: () => Kbd,
-	List: () => List,
-	ListItem: () => ListItem,
-	Loader: () => Loader,
-	LoadingOverlay: () => LoadingOverlay,
-	MantineClasses: () => MantineClasses,
-	MantineContextKey: () => MantineContextKey,
-	MantineCssVariables: () => MantineCssVariables,
-	MantineProvider: () => MantineProvider,
-	MantineThemeKey: () => MantineThemeKey,
-	MantineThemeProvider: () => MantineThemeProvider,
-	Mark: () => Mark,
-	Marquee: () => Marquee,
-	MaskInput: () => MaskInput,
-	Menu: () => Menu,
-	MenuCheckboxGroup: () => MenuCheckboxGroup,
-	MenuCheckboxItem: () => MenuCheckboxItem,
-	MenuContextMenu: () => MenuContextMenu,
-	MenuDivider: () => MenuDivider,
-	MenuDropdown: () => MenuDropdown,
-	MenuItem: () => MenuItem,
-	MenuLabel: () => MenuLabel,
-	MenuRadioGroup: () => MenuRadioGroup,
-	MenuRadioItem: () => MenuRadioItem,
-	MenuSearch: () => MenuSearch,
-	MenuSub: () => MenuSub,
-	MenuSubDropdown: () => MenuSubDropdown,
-	MenuSubItem: () => MenuSubItem,
-	MenuSubTarget: () => MenuSubTarget,
-	MenuTarget: () => MenuTarget,
-	Modal: () => Modal,
-	ModalBase: () => ModalBase,
-	ModalBaseBody: () => ModalBaseBody,
-	ModalBaseCloseButton: () => ModalBaseCloseButton,
-	ModalBaseContent: () => ModalBaseContent,
-	ModalBaseHeader: () => ModalBaseHeader,
-	ModalBaseOverlay: () => ModalBaseOverlay,
-	ModalBaseTitle: () => ModalBaseTitle,
-	ModalBody: () => ModalBody,
-	ModalCloseButton: () => ModalCloseButton,
-	ModalContent: () => ModalContent,
-	ModalHeader: () => ModalHeader,
-	ModalOverlay: () => ModalOverlay,
-	ModalRoot: () => ModalRoot,
-	ModalTitle: () => ModalTitle,
-	MultiSelect: () => MultiSelect,
-	NativeScrollArea: () => NativeScrollArea,
-	NativeSelect: () => NativeSelect,
-	NativeSelectOption: () => NativeSelectOption,
-	NavLink: () => NavLink,
-	Notification: () => Notification,
-	NumberFormatter: () => NumberFormatter,
-	NumberInput: () => NumberInput,
-	NumberInputChevron: () => NumberInputChevron,
-	OptionalPortal: () => OptionalPortal,
-	OptionsDropdown: () => OptionsDropdown,
-	Oval: () => Oval,
-	OverflowList: () => OverflowList,
-	Overlay: () => Overlay,
-	Pagination: () => Pagination,
-	PaginationControl: () => PaginationControl,
-	PaginationDots: () => PaginationDots,
-	PaginationFirst: () => PaginationFirst,
-	PaginationItems: () => PaginationItems,
-	PaginationItemsGroup: () => PaginationItemsGroup,
-	PaginationLabel: () => PaginationLabel,
-	PaginationLast: () => PaginationLast,
-	PaginationNext: () => PaginationNext,
-	PaginationPrevious: () => PaginationPrevious,
-	PaginationRoot: () => PaginationRoot,
-	Paper: () => Paper,
-	PasswordInput: () => PasswordInput,
-	PasswordToggleIcon: () => PasswordToggleIcon,
-	Pill: () => Pill,
-	PillGroup: () => PillGroup,
-	PillsInput: () => PillsInput,
-	PillsInputField: () => PillsInputField,
-	PinInput: () => PinInput,
-	Popover: () => Popover,
-	PopoverContextMenu: () => PopoverContextMenu,
-	PopoverDropdown: () => PopoverDropdown,
-	PopoverTarget: () => PopoverTarget,
-	Portal: () => Portal,
-	Progress: () => Progress,
-	ProgressLabel: () => ProgressLabel,
-	ProgressRoot: () => ProgressRoot,
-	ProgressSection: () => ProgressSection,
-	Radio: () => Radio,
-	RadioCard: () => RadioCard,
-	RadioGroup: () => RadioGroup,
-	RadioIcon: () => RadioIcon,
-	RadioIndicator: () => RadioIndicator,
-	RangeSlider: () => RangeSlider,
-	Rating: () => Rating,
-	RingProgress: () => RingProgress,
-	RollingNumber: () => RollingNumber,
-	STYLE_PROPS_DATA: () => STYLE_PROPS_DATA,
-	ScrollArea: () => ScrollArea,
-	ScrollAreaAutosize: () => ScrollAreaAutosize,
-	Scroller: () => Scroller,
-	SegmentedControl: () => SegmentedControl,
-	Select: () => Select,
-	SemiCircleProgress: () => SemiCircleProgress,
-	SimpleGrid: () => SimpleGrid,
-	Skeleton: () => Skeleton,
-	Slider: () => Slider,
-	Space: () => Space,
-	Splitter: () => Splitter,
-	SplitterPane: () => SplitterPane,
-	Spoiler: () => Spoiler,
-	Stack: () => Stack,
-	Stepper: () => Stepper,
-	StepperCompleted: () => StepperCompleted,
-	StepperStep: () => StepperStep,
-	Switch: () => Switch,
-	SwitchGroup: () => SwitchGroup,
-	Table: () => Table,
-	TableCaption: () => TableCaption,
-	TableDataRenderer: () => TableDataRenderer,
-	TableOfContents: () => TableOfContents,
-	TableScrollContainer: () => TableScrollContainer,
-	TableTbody: () => TableTbody,
-	TableTd: () => TableTd,
-	TableTfoot: () => TableTfoot,
-	TableTh: () => TableTh,
-	TableThead: () => TableThead,
-	TableTr: () => TableTr,
-	Tabs: () => Tabs,
-	TabsList: () => TabsList,
-	TabsPanel: () => TabsPanel,
-	TabsTab: () => TabsTab,
-	TagsInput: () => TagsInput,
-	Text: () => Text,
-	TextInput: () => TextInput,
-	Textarea: () => Textarea,
-	ThemeIcon: () => ThemeIcon,
-	Timeline: () => Timeline,
-	TimelineItem: () => TimelineItem,
-	Title: () => Title,
-	Tooltip: () => Tooltip,
-	TooltipFloating: () => TooltipFloating,
-	TooltipGroup: () => TooltipGroup,
-	Transition: () => Transition,
-	Tree: () => Tree,
-	TreeSelect: () => TreeSelect,
-	TreeSelectOption: () => TreeSelectOption,
-	Typography: () => Typography,
-	UnstyledButton: () => UnstyledButton,
-	VisuallyHidden: () => VisuallyHidden,
-	alpha: () => alpha,
-	buildValue: () => buildValue,
-	colorsTuple: () => colorsTuple,
-	convertCssVariables: () => convertCssVariables,
-	convertHsvaTo: () => convertHsvaTo,
-	createProviderColorScheme: () => createProviderColorScheme,
-	createSafeContext: () => createSafeContext,
-	createSafeInjectionContext: () => createSafeInjectionContext,
-	createVarsResolver: () => createVarsResolver,
-	cssVariablesObjectToString: () => cssVariablesObjectToString,
-	darken: () => darken,
-	defaultCssVariablesResolver: () => defaultCssVariablesResolver,
-	defaultLoaders: () => defaultLoaders,
-	defaultOptionsFilter: () => defaultOptionsFilter,
-	defaultTreeNodeFilter: () => defaultTreeNodeFilter,
-	defaultVariantColorsResolver: () => defaultVariantColorsResolver,
-	factory: () => factory,
-	filterTreeData: () => filterTreeData,
-	flattenTreeData: () => flattenTreeData,
-	foldAccents: () => foldAccents,
-	formatNumber: () => formatNumber,
-	getAppShellVariables: () => getVariables,
-	getAutoContrastValue: () => getAutoContrastValue,
-	getContrastColor: () => getContrastColor,
-	getDigitParts: () => getDigitParts,
-	getGradient: () => getGradient,
-	getInitials: () => getInitials,
-	getInitialsColor: () => getInitialsColor,
-	getMarkColor: () => getMarkColor,
-	getMergedVariables: () => getMergedVariables,
-	getOptionsLockup: () => getOptionsLockup,
-	getParsedComboboxData: () => getParsedComboboxData,
-	getParsedNativeSelectData: () => getParsedNativeSelectData,
-	getPositionVariables: () => getPositionVariables,
-	getPrimaryContrastColor: () => getPrimaryContrastColor,
-	getPrimaryShade: () => getPrimaryShade,
-	getRenderSlots: () => getRenderSlots,
-	getRenderSlotsFromValues: () => getRenderSlotsFromValues,
-	getSplittedTags: () => getSplittedTags,
-	getThemeColor: () => getThemeColor,
-	getTitleSize: () => getTitleSize,
-	getTreeExpandedState: () => getTreeExpandedState,
-	hashStyleProps: () => hashStyleProps,
-	highlighter: () => highlighter,
-	hsvaToHex: () => hsvaToHex,
-	hsvaToHexa: () => hsvaToHexa,
-	hsvaToHsl: () => hsvaToHsl,
-	hsvaToRgba: () => hsvaToRgba,
-	hsvaToRgbaObject: () => hsvaToRgbaObject,
-	isColorValid: () => isColorValid,
-	isEmptyComboboxData: () => isEmptyComboboxData,
-	isLightColor: () => isLightColor,
-	isOptionsGroup: () => isOptionsGroup,
-	isVirtualColor: () => isVirtualColor,
-	lighten: () => lighten,
-	luminance: () => luminance,
-	mergeAsyncChildren: () => mergeAsyncChildren,
-	mergeMantineTheme: () => mergeMantineTheme,
-	movePill: () => movePill,
-	moveTreeNode: () => moveTreeNode,
-	parseColor: () => parseColor,
-	parseHex: () => parseHex,
-	parseHexa: () => parseHexa,
-	parseHsla: () => parseHsla,
-	parseHue: () => parseHue,
-	parseRgba: () => parseRgba,
-	parseStyleProps: () => parseStyleProps,
-	parseThemeColor: () => parseThemeColor,
-	polymorphicFactory: () => factory,
-	polymorphicProps: () => polymorphicProps,
-	provideGridContext: () => provideGridContext,
-	provideListContext: () => provideListContext,
-	provideMantineContext: () => provideMantineContext,
-	provideMantineTheme: () => provideMantineTheme,
-	providePillsInputContext: () => providePillsInputContext,
-	renderPolymorphic: () => renderPolymorphic,
-	resolveColorScheme: () => resolveColorScheme,
-	rgba: () => rgba,
-	round: () => round,
-	toRgba: () => toRgba,
-	useAccordionContext: () => useAccordionContext,
-	useAccordionItemContext: () => useAccordionItemContext,
-	useAppShellContext: () => useAppShellContext,
-	useAvatarGroupContext: () => useAvatarGroupContext,
-	useCheckboxCardContext: () => useCheckboxCardContext,
-	useCheckboxGroupContext: () => useCheckboxGroupContext,
-	useChipGroupContext: () => useChipGroupContext,
-	useCombobox: () => useCombobox,
-	useComboboxContext: () => useComboboxContext,
-	useComboboxTargetProps: () => useComboboxTargetProps,
-	useComputedColorScheme: () => useComputedColorScheme,
-	useDirection: () => useDirection,
-	useDrawersStack: () => useDrawersStack,
-	useFloatingIndicator: () => useFloatingIndicator,
-	useForwardedRef: () => useForwardedRef,
-	useGridContext: () => useGridContext,
-	useHoverCardContext: () => useHoverCardContext,
-	useInputContext: () => useInputContext,
-	useInputWrapperContext: () => useInputWrapperContext,
-	useListContext: () => useListContext,
-	useMantineClassNamesPrefix: () => useMantineClassNamesPrefix,
-	useMantineColorScheme: () => useMantineColorScheme,
-	useMantineContext: () => useMantineContext,
-	useMantineCssVariablesResolver: () => useMantineCssVariablesResolver,
-	useMantineDeduplicateInlineStyles: () => useMantineDeduplicateInlineStyles,
-	useMantineEnv: () => useMantineEnv,
-	useMantineIsHeadless: () => useMantineIsHeadless,
-	useMantineStyleNonce: () => useMantineStyleNonce,
-	useMantineTheme: () => useMantineTheme,
-	useMantineWithStaticClasses: () => useMantineWithStaticClasses,
-	useMenuContext: () => useMenuContext,
-	usePaginationContext: () => usePaginationContext,
-	usePillGroupContext: () => usePillGroupContext,
-	usePillsInputContext: () => usePillsInputContext,
-	usePillsReorder: () => usePillsReorder,
-	useProgressContext: () => useProgressContext,
-	useProps: () => useProps,
-	useRadioCardContext: () => useRadioCardContext,
-	useRadioGroupContext: () => useRadioGroupContext,
-	useRandomClassName: () => useRandomClassName,
-	useSafeMantineTheme: () => useSafeMantineTheme,
-	useScrollAreaContext: () => useScrollAreaContext,
-	useSplitterContext: () => useSplitterContext,
-	useStepperContext: () => useStepperContext,
-	useStyles: () => useStyles,
-	useSwitchGroupContext: () => useSwitchGroupContext,
-	useTabsContext: () => useTabsContext,
-	useTree: () => useTree,
-	useVirtualizedCombobox: () => useVirtualizedCombobox,
-	validateJson: () => validateJson,
-	validateMantineTheme: () => validateMantineTheme,
-	validateOptions: () => validateOptions,
-	virtualColor: () => virtualColor,
-	withBoxProps: () => withBoxProps
-}), core_exports);
 //#endregion
 exports.Accordion = Accordion;
 exports.AccordionChevron = AccordionChevron;
@@ -31865,32 +31482,43 @@ exports.UnstyledButton = UnstyledButton;
 exports.VisuallyHidden = VisuallyHidden;
 exports.alpha = alpha;
 exports.buildValue = buildValue;
+exports.camelToKebabCase = camelToKebabCase;
 exports.colorsTuple = colorsTuple;
 exports.convertCssVariables = convertCssVariables;
 exports.convertHsvaTo = convertHsvaTo;
+exports.createEventHandler = createEventHandler;
 exports.createProviderColorScheme = createProviderColorScheme;
 exports.createSafeContext = createSafeContext;
 exports.createSafeInjectionContext = createSafeInjectionContext;
 exports.createVarsResolver = createVarsResolver;
 exports.cssVariablesObjectToString = cssVariablesObjectToString;
 exports.darken = darken;
+exports.deepMerge = deepMerge;
 exports.defaultCssVariablesResolver = defaultCssVariablesResolver;
 exports.defaultLoaders = defaultLoaders;
 exports.defaultOptionsFilter = defaultOptionsFilter;
 exports.defaultTreeNodeFilter = defaultTreeNodeFilter;
 exports.defaultVariantColorsResolver = defaultVariantColorsResolver;
+exports.em = em;
 exports.factory = factory;
+exports.filterProps = filterProps;
 exports.filterTreeData = filterTreeData;
+exports.findClosestNumber = findClosestNumber;
 exports.flattenTreeData = flattenTreeData;
 exports.foldAccents = foldAccents;
 exports.formatNumber = formatNumber;
 exports.getAppShellVariables = getVariables;
 exports.getAutoContrastValue = getAutoContrastValue;
+exports.getBaseValue = getBaseValue;
+exports.getBreakpointValue = getBreakpointValue;
 exports.getContrastColor = getContrastColor;
+exports.getDefaultZIndex = getDefaultZIndex;
 exports.getDigitParts = getDigitParts;
+exports.getFontSize = getFontSize;
 exports.getGradient = getGradient;
 exports.getInitials = getInitials;
 exports.getInitialsColor = getInitialsColor;
+exports.getLineHeight = getLineHeight;
 exports.getMarkColor = getMarkColor;
 exports.getMergedVariables = getMergedVariables;
 exports.getOptionsLockup = getOptionsLockup;
@@ -31899,8 +31527,14 @@ exports.getParsedNativeSelectData = getParsedNativeSelectData;
 exports.getPositionVariables = getPositionVariables;
 exports.getPrimaryContrastColor = getPrimaryContrastColor;
 exports.getPrimaryShade = getPrimaryShade;
+exports.getRadius = getRadius;
 exports.getRenderSlots = getRenderSlots;
 exports.getRenderSlotsFromValues = getRenderSlotsFromValues;
+exports.getSafeId = getSafeId;
+exports.getShadow = getShadow;
+exports.getSize = getSize;
+exports.getSortedBreakpoints = getSortedBreakpoints;
+exports.getSpacing = getSpacing;
 exports.getSplittedTags = getSplittedTags;
 exports.getThemeColor = getThemeColor;
 exports.getTitleSize = getTitleSize;
@@ -31915,14 +31549,19 @@ exports.hsvaToRgbaObject = hsvaToRgbaObject;
 exports.isColorValid = isColorValid;
 exports.isEmptyComboboxData = isEmptyComboboxData;
 exports.isLightColor = isLightColor;
+exports.isNumberLike = isNumberLike;
 exports.isOptionsGroup = isOptionsGroup;
+exports.isPrimitive = isPrimitive;
 exports.isVirtualColor = isVirtualColor;
+exports.keys = keys;
 exports.lighten = lighten;
 exports.luminance = luminance;
+exports.memoize = memoize;
 exports.mergeAsyncChildren = mergeAsyncChildren;
 exports.mergeMantineTheme = mergeMantineTheme;
 exports.movePill = movePill;
 exports.moveTreeNode = moveTreeNode;
+exports.noop = noop;
 exports.parseColor = parseColor;
 exports.parseHex = parseHex;
 exports.parseHexa = parseHexa;
@@ -31938,6 +31577,8 @@ exports.provideListContext = provideListContext;
 exports.provideMantineContext = provideMantineContext;
 exports.provideMantineTheme = provideMantineTheme;
 exports.providePillsInputContext = providePillsInputContext;
+exports.px = px;
+exports.rem = rem;
 exports.renderPolymorphic = renderPolymorphic;
 exports.resolveColorScheme = resolveColorScheme;
 exports.rgba = rgba;
@@ -31997,13 +31638,5 @@ exports.validateMantineTheme = validateMantineTheme;
 exports.validateOptions = validateOptions;
 exports.virtualColor = virtualColor;
 exports.withBoxProps = withBoxProps;
-Object.keys(_mantine_vue_utils).forEach(function(k) {
-	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function() {
-			return _mantine_vue_utils[k];
-		}
-	});
-});
 
 //# sourceMappingURL=index.cjs.map