@mantine-vue/core 1.1.1 → 1.1.3

package/esm/index.mjs

@@ -1,33 +1,128 @@
 import { Comment, Fragment, Teleport, Text as Text$1, cloneVNode, computed, defineComponent, getCurrentInstance, h, inject, isVNode, nextTick, onBeforeUnmount, onMounted, onUnmounted, onUpdated, provide, reactive, ref, resolveDynamicComponent, shallowRef, toRef, toValue, watch } from "vue";
-import { camelToKebabCase, deepMerge, em, filterProps, getBreakpointValue, isNumberLike, isPrimitive, keys, px, rem } from "@mantine-vue/utils";
 import { DOTS, assignRef, clampUseMovePosition, mergeRefs, normalizeRadialValue, useClickOutside, useClipboard, useCollapse, useElementSize, useFloatingWindow, useFocusReturn, useFocusTrap, useHorizontalCollapse, useId, useLongPress, useMounted, useMove, usePagination, useRadialMove, useReducedMotion, useScrollSpy, useScroller, useUncontrolled, useWindowEvent } from "@mantine-vue/hooks";
 import { arrow, autoUpdate, flip, hide, inline, limitShift, offset, shift, size, useFloating } from "@floating-ui/vue";
-export * from "@mantine-vue/utils";
-//#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
+//#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;
 	});
-	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 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 to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+	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) {
@@ -2046,81 +2141,6 @@ var DirectionProvider = 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 +2402,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(defineComponent({
 	name: "Paper",
@@ -2448,11 +2468,11 @@ var Paper = withBoxProps(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(defineComponent({
@@ -2600,7 +2620,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(defineComponent({
@@ -2723,7 +2743,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(defineComponent({
 	name: "Container",
 	inheritAttrs: false,
@@ -2841,7 +2861,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(defineComponent({
 	name: "Divider",
@@ -2931,8 +2951,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 +3133,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 +3281,7 @@ var Code = withBoxProps(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(defineComponent({
 	name: "Kbd",
 	inheritAttrs: false,
@@ -3383,7 +3403,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(defineComponent({
@@ -3458,7 +3478,7 @@ var Image = withBoxProps(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(defineComponent({
 	name: "BackgroundImage",
 	inheritAttrs: false,
@@ -3516,9 +3536,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(defineComponent({
 	name: "Skeleton",
@@ -3591,8 +3611,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(defineComponent({
 	name: "ColorSwatch",
@@ -3664,8 +3684,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(defineComponent({
 	name: "AngleSlider",
@@ -3763,7 +3783,7 @@ var AngleSlider = withBoxProps(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 = useRadialMove(update, {
 			step: props.step,
@@ -3789,7 +3809,7 @@ var AngleSlider = withBoxProps(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 +3832,8 @@ var AngleSlider = withBoxProps(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 +3894,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 +4024,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 +4515,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(defineComponent({
 	name: "ActionIconGroup",
 	inheritAttrs: false,
@@ -4555,10 +4575,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 +4655,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 +4803,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 = defineComponent({
 	name: "CloseButton",
@@ -4872,7 +4892,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(defineComponent({
 	name: "ButtonGroup",
 	inheritAttrs: false,
@@ -4933,10 +4953,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 +5027,7 @@ var ButtonGroupSection = withBoxProps(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 +5047,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 +5244,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 +5451,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(defineComponent({
@@ -5618,7 +5638,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 +5737,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 +5896,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,7 +5990,7 @@ 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;
 }
@@ -6106,9 +6126,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 = defineComponent({
 	name: "List",
@@ -6221,7 +6241,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 +6249,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 +6261,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 +6286,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 +6415,7 @@ var AvatarGroupContextKey = Symbol("AvatarGroupContext");
 function useAvatarGroupContext() {
 	return 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(defineComponent({
 	name: "AvatarGroup",
 	inheritAttrs: false,
@@ -6506,8 +6526,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 +6649,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 +6692,21 @@ var SimpleGridMediaVariables = 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 h(InlineStyles, {
@@ -6698,10 +6718,10 @@ var SimpleGridMediaVariables = 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 = defineComponent({
 	name: "SimpleGridContainerVariables",
@@ -6740,11 +6760,11 @@ var SimpleGridContainerVariables = 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 +6772,8 @@ var SimpleGridContainerVariables = 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 +6946,11 @@ var GridColVariables = 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 +6959,7 @@ var GridColVariables = 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 +6973,8 @@ var GridColVariables = 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 +7097,20 @@ var GridVariables = 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 +8024,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 +8313,8 @@ var AccordionChevron = 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]
 		}, h("path", {
@@ -8576,7 +8596,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 +8607,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 = defineComponent({
 	name: "Accordion",
@@ -8729,10 +8749,10 @@ var AccordionBase = 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 +8799,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 +9043,8 @@ var TableDataRenderer = 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(defineComponent({
@@ -9110,12 +9130,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 = defineComponent({
 	name: "Table",
@@ -9331,8 +9351,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(defineComponent({
@@ -9728,8 +9748,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 +10366,7 @@ var TimelineItem = withBoxProps(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 +10392,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 +10751,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(defineComponent({
 	name: "SemiCircleProgress",
@@ -10993,7 +11013,7 @@ var Spoiler = withBoxProps(defineComponent({
 				"aria-label": ariaLabel,
 				...getStyles("control")
 			}, () => renderContent(currentLabel)) : null, 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 +11032,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(defineComponent({
 	name: "Fieldset",
 	inheritAttrs: false,
@@ -11269,7 +11289,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(defineComponent({
 	name: "InputDescription",
 	inheritAttrs: false,
@@ -11333,7 +11353,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(defineComponent({
 	name: "InputError",
 	inheritAttrs: false,
@@ -11398,7 +11418,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(defineComponent({
@@ -11558,11 +11578,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 +11798,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 +12657,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(defineComponent({
@@ -12913,7 +12933,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 +13511,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 +13577,7 @@ var Group = withBoxProps(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 h(Box, {
 				...attrs,
@@ -13601,7 +13621,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 +14205,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 +14435,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 +14548,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(defineComponent({
 	name: "Affix",
@@ -14624,7 +14644,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 = defineComponent({
 	name: "Dialog",
 	inheritAttrs: false,
@@ -14915,7 +14935,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(defineComponent({
@@ -15333,7 +15353,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,8 +15363,8 @@ 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) => isPrimitive(item) ? {
@@ -15789,9 +15809,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 +16400,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 +16568,8 @@ var TabsBase = 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 () => h(Box, {
 			...attrs,
@@ -17001,8 +17021,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 +17446,8 @@ var InlineInput = 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 +17519,8 @@ var CheckIcon = 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
 		}, h("path", {
@@ -17695,7 +17715,7 @@ var CheckboxCardContextKey = Symbol("CheckboxCardContext");
 function useCheckboxCardContext() {
 	return 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(defineComponent({
 	name: "CheckboxCard",
 	inheritAttrs: false,
@@ -17801,8 +17821,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 +17948,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 +18234,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 +18441,7 @@ var PillGroupContextKey = Symbol("PillGroupContext");
 function usePillGroupContext() {
 	return 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(defineComponent({
 	name: "PillGroup",
 	inheritAttrs: false,
@@ -18500,9 +18520,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 +19036,7 @@ var RadioCardContextKey = Symbol("RadioCardContext");
 function useRadioCardContext() {
 	return 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 +19161,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 +19281,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 +19653,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 +20037,7 @@ var Flex = withBoxProps(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 +20052,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 +20348,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 +20615,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 +20829,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(defineComponent({
@@ -20946,7 +20966,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 = defineComponent({
 	name: "FloatingWindow",
@@ -21448,10 +21468,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(defineComponent({
 	name: "Slider",
@@ -21741,10 +21761,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 = defineComponent({
 	name: "RangeSlider",
@@ -22471,10 +22491,10 @@ var AlphaSlider = 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 +22544,7 @@ var HueSlider = 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 +22728,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 = defineComponent({
 	name: "ColorPicker",
@@ -23039,10 +23059,10 @@ var AppShellMain = withBoxProps(Object.assign(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 +23074,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 +23106,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 +23141,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 +23294,7 @@ var defaults$3 = {
 	padding: 0,
 	transitionDuration: 200,
 	transitionTimingFunction: "ease",
-	zIndex: (0, core_exports.getDefaultZIndex)("app"),
+	zIndex: getDefaultZIndex("app"),
 	mode: "fixed",
 	offsetScrollbars: true
 };
@@ -25078,7 +25098,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(defineComponent({
 	name: "Tree",
 	inheritAttrs: false,
@@ -25756,9 +25776,9 @@ var ModalBase = withBoxProps(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 +25981,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 = defineComponent({
 	name: "ModalRoot",
@@ -26152,7 +26172,7 @@ var DrawerStack = defineComponent({
 	name: "DrawerStack",
 	setup(_, { slots }) {
 		const stack = ref([]);
-		const maxZIndex = ref((0, core_exports.getDefaultZIndex)("modal"));
+		const maxZIndex = ref(getDefaultZIndex("modal"));
 		provide(DrawerStackContextKey, reactive({
 			get stack() {
 				return stack.value;
@@ -26213,12 +26233,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 +26410,7 @@ var DrawerBaseComponent = defineComponent({
 	setup(props, { attrs, slots }) {
 		const stackCtx = useDrawerStackContext();
 		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 = computed(() => {
@@ -26734,7 +26754,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 +26762,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 +26904,7 @@ var PopoverDropdown = 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 +27209,7 @@ var PopoverBase = 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 +27262,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 +27497,7 @@ var defaults = {
 		focus: false,
 		touch: false
 	},
-	zIndex: (0, core_exports.getDefaultZIndex)("popover"),
+	zIndex: getDefaultZIndex("popover"),
 	middlewares: {
 		flip: true,
 		shift: true,
@@ -27493,7 +27513,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 +28809,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,414 +31204,7 @@ 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
-export { Accordion, AccordionChevron, AccordionControl, AccordionItem, AccordionPanel, ActionIcon, ActionIconGroup, ActionIconGroupSection, Affix, Alert, AlphaSlider, Anchor, AngleSlider, AppShell, AppShellAside, AppShellFooter, AppShellHeader, AppShellMain, AppShellNavbar, AppShellSection, AspectRatio, Autocomplete, Avatar, AvatarGroup, AvatarGroupContextKey, BackgroundImage, Badge, Bars, Blockquote, Box, Breadcrumbs, Burger, Button, ButtonGroup, ButtonGroupSection, Card, CardSection, Center, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, CheckboxIcon, CheckboxIndicator, Chip, ChipGroup, CloseButton, CloseIcon, Code, Collapse, ColorInput, ColorPicker, ColorSlider, ColorSwatch, Combobox, ComboboxChevron, ComboboxClearButton, ComboboxDropdown, ComboboxDropdownTarget, ComboboxEmpty, ComboboxEventsTarget, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxHiddenInput, ComboboxOption, ComboboxOptions, ComboboxSearch, ComboboxTarget, Container, CopyButton, DEFAULT_COLORS, DEFAULT_THEME, Dialog, DirectionContextKey, DirectionProvider, Divider, Dots, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, DrawerRoot, DrawerStack, DrawerTitle, FLEX_STYLE_PROPS_DATA, Fieldset, FileButton, FileInput, FlatTreeNode, Flex, FloatingIndicator, FloatingWindow, FocusTrap, FocusTrapInitialFocus, Grid, GridCol, Group, HeadlessMantineProvider, Highlight, HoverCard, HoverCardDropdown, HoverCardGroup, HoverCardTarget, HueSlider, INVALID_PRIMARY_COLOR_ERROR, INVALID_PRIMARY_SHADE_ERROR, Image, Indicator, InlineStyles, Input, InputBase, InputClearButton, InputClearSection, InputDescription, InputError, InputLabel, InputPlaceholder, InputWrapper, JsonInput, Kbd, List, ListItem, Loader, LoadingOverlay, MantineClasses, MantineContextKey, MantineCssVariables, MantineProvider, MantineThemeKey, MantineThemeProvider, Mark, Marquee, MaskInput, Menu, MenuCheckboxGroup, MenuCheckboxItem, MenuContextMenu, MenuDivider, MenuDropdown, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSearch, MenuSub, MenuSubDropdown, MenuSubItem, MenuSubTarget, MenuTarget, Modal, ModalBase, ModalBaseBody, ModalBaseCloseButton, ModalBaseContent, ModalBaseHeader, ModalBaseOverlay, ModalBaseTitle, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, MultiSelect, NativeScrollArea, NativeSelect, NativeSelectOption, NavLink, Notification, NumberFormatter, NumberInput, NumberInputChevron, OptionalPortal, OptionsDropdown, Oval, OverflowList, Overlay, Pagination, PaginationControl, PaginationDots, PaginationFirst, PaginationItems, PaginationItemsGroup, PaginationLabel, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, Paper, PasswordInput, PasswordToggleIcon, Pill, PillGroup, PillsInput, PillsInputField, PinInput, Popover, PopoverContextMenu, PopoverDropdown, PopoverTarget, Portal, Progress, ProgressLabel, ProgressRoot, ProgressSection, Radio, RadioCard, RadioGroup, RadioIcon, RadioIndicator, RangeSlider, Rating, RingProgress, RollingNumber, STYLE_PROPS_DATA, ScrollArea, ScrollAreaAutosize, Scroller, SegmentedControl, Select, SemiCircleProgress, SimpleGrid, Skeleton, Slider, Space, Splitter, SplitterPane, Spoiler, Stack, Stepper, StepperCompleted, StepperStep, Switch, SwitchGroup, Table, TableCaption, TableDataRenderer, TableOfContents, TableScrollContainer, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr, Tabs, TabsList, TabsPanel, TabsTab, TagsInput, Text, TextInput, Textarea, ThemeIcon, Timeline, TimelineItem, Title, Tooltip, TooltipFloating, TooltipGroup, Transition, Tree, TreeSelect, TreeSelectOption, Typography, UnstyledButton, VisuallyHidden, alpha, buildValue, colorsTuple, convertCssVariables, convertHsvaTo, createProviderColorScheme, createSafeContext, createSafeInjectionContext, createVarsResolver, cssVariablesObjectToString, darken, defaultCssVariablesResolver, defaultLoaders, defaultOptionsFilter, defaultTreeNodeFilter, defaultVariantColorsResolver, factory, factory as polymorphicFactory, filterTreeData, flattenTreeData, foldAccents, formatNumber, getVariables as getAppShellVariables, getAutoContrastValue, getContrastColor, getDigitParts, getGradient, getInitials, getInitialsColor, getMarkColor, getMergedVariables, getOptionsLockup, getParsedComboboxData, getParsedNativeSelectData, getPositionVariables, getPrimaryContrastColor, getPrimaryShade, getRenderSlots, getRenderSlotsFromValues, getSplittedTags, getThemeColor, getTitleSize, getTreeExpandedState, hashStyleProps, highlighter, hsvaToHex, hsvaToHexa, hsvaToHsl, hsvaToRgba, hsvaToRgbaObject, isColorValid, isEmptyComboboxData, isLightColor, isOptionsGroup, isVirtualColor, lighten, luminance, mergeAsyncChildren, mergeMantineTheme, movePill, moveTreeNode, parseColor, parseHex, parseHexa, parseHsla, parseHue, parseRgba, parseStyleProps, parseThemeColor, polymorphicProps, provideGridContext, provideListContext, provideMantineContext, provideMantineTheme, providePillsInputContext, renderPolymorphic, resolveColorScheme, rgba, round, toRgba, useAccordionContext, useAccordionItemContext, useAppShellContext, useAvatarGroupContext, useCheckboxCardContext, useCheckboxGroupContext, useChipGroupContext, useCombobox, useComboboxContext, useComboboxTargetProps, useComputedColorScheme, useDirection, useDrawersStack, useFloatingIndicator, useForwardedRef, useGridContext, useHoverCardContext, useInputContext, useInputWrapperContext, useListContext, useMantineClassNamesPrefix, useMantineColorScheme, useMantineContext, useMantineCssVariablesResolver, useMantineDeduplicateInlineStyles, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineTheme, useMantineWithStaticClasses, useMenuContext, usePaginationContext, usePillGroupContext, usePillsInputContext, usePillsReorder, useProgressContext, useProps, useRadioCardContext, useRadioGroupContext, useRandomClassName, useSafeMantineTheme, useScrollAreaContext, useSplitterContext, useStepperContext, useStyles, useSwitchGroupContext, useTabsContext, useTree, useVirtualizedCombobox, validateJson, validateMantineTheme, validateOptions, virtualColor, withBoxProps };
+//#endregion
+export { Accordion, AccordionChevron, AccordionControl, AccordionItem, AccordionPanel, ActionIcon, ActionIconGroup, ActionIconGroupSection, Affix, Alert, AlphaSlider, Anchor, AngleSlider, AppShell, AppShellAside, AppShellFooter, AppShellHeader, AppShellMain, AppShellNavbar, AppShellSection, AspectRatio, Autocomplete, Avatar, AvatarGroup, AvatarGroupContextKey, BackgroundImage, Badge, Bars, Blockquote, Box, Breadcrumbs, Burger, Button, ButtonGroup, ButtonGroupSection, Card, CardSection, Center, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, CheckboxIcon, CheckboxIndicator, Chip, ChipGroup, CloseButton, CloseIcon, Code, Collapse, ColorInput, ColorPicker, ColorSlider, ColorSwatch, Combobox, ComboboxChevron, ComboboxClearButton, ComboboxDropdown, ComboboxDropdownTarget, ComboboxEmpty, ComboboxEventsTarget, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxHiddenInput, ComboboxOption, ComboboxOptions, ComboboxSearch, ComboboxTarget, Container, CopyButton, DEFAULT_COLORS, DEFAULT_THEME, Dialog, DirectionContextKey, DirectionProvider, Divider, Dots, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, DrawerRoot, DrawerStack, DrawerTitle, FLEX_STYLE_PROPS_DATA, Fieldset, FileButton, FileInput, FlatTreeNode, Flex, FloatingIndicator, FloatingWindow, FocusTrap, FocusTrapInitialFocus, Grid, GridCol, Group, HeadlessMantineProvider, Highlight, HoverCard, HoverCardDropdown, HoverCardGroup, HoverCardTarget, HueSlider, INVALID_PRIMARY_COLOR_ERROR, INVALID_PRIMARY_SHADE_ERROR, Image, Indicator, InlineStyles, Input, InputBase, InputClearButton, InputClearSection, InputDescription, InputError, InputLabel, InputPlaceholder, InputWrapper, JsonInput, Kbd, List, ListItem, Loader, LoadingOverlay, MantineClasses, MantineContextKey, MantineCssVariables, MantineProvider, MantineThemeKey, MantineThemeProvider, Mark, Marquee, MaskInput, Menu, MenuCheckboxGroup, MenuCheckboxItem, MenuContextMenu, MenuDivider, MenuDropdown, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSearch, MenuSub, MenuSubDropdown, MenuSubItem, MenuSubTarget, MenuTarget, Modal, ModalBase, ModalBaseBody, ModalBaseCloseButton, ModalBaseContent, ModalBaseHeader, ModalBaseOverlay, ModalBaseTitle, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, MultiSelect, NativeScrollArea, NativeSelect, NativeSelectOption, NavLink, Notification, NumberFormatter, NumberInput, NumberInputChevron, OptionalPortal, OptionsDropdown, Oval, OverflowList, Overlay, Pagination, PaginationControl, PaginationDots, PaginationFirst, PaginationItems, PaginationItemsGroup, PaginationLabel, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, Paper, PasswordInput, PasswordToggleIcon, Pill, PillGroup, PillsInput, PillsInputField, PinInput, Popover, PopoverContextMenu, PopoverDropdown, PopoverTarget, Portal, Progress, ProgressLabel, ProgressRoot, ProgressSection, Radio, RadioCard, RadioGroup, RadioIcon, RadioIndicator, RangeSlider, Rating, RingProgress, RollingNumber, STYLE_PROPS_DATA, ScrollArea, ScrollAreaAutosize, Scroller, SegmentedControl, Select, SemiCircleProgress, SimpleGrid, Skeleton, Slider, Space, Splitter, SplitterPane, Spoiler, Stack, Stepper, StepperCompleted, StepperStep, Switch, SwitchGroup, Table, TableCaption, TableDataRenderer, TableOfContents, TableScrollContainer, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr, Tabs, TabsList, TabsPanel, TabsTab, TagsInput, Text, TextInput, Textarea, ThemeIcon, Timeline, TimelineItem, Title, Tooltip, TooltipFloating, TooltipGroup, Transition, Tree, TreeSelect, TreeSelectOption, Typography, UnstyledButton, VisuallyHidden, alpha, buildValue, camelToKebabCase, colorsTuple, convertCssVariables, convertHsvaTo, createEventHandler, createProviderColorScheme, createSafeContext, createSafeInjectionContext, createVarsResolver, cssVariablesObjectToString, darken, deepMerge, defaultCssVariablesResolver, defaultLoaders, defaultOptionsFilter, defaultTreeNodeFilter, defaultVariantColorsResolver, em, factory, factory as polymorphicFactory, filterProps, filterTreeData, findClosestNumber, flattenTreeData, foldAccents, formatNumber, getVariables as getAppShellVariables, getAutoContrastValue, getBaseValue, getBreakpointValue, getContrastColor, getDefaultZIndex, getDigitParts, getFontSize, getGradient, getInitials, getInitialsColor, getLineHeight, getMarkColor, getMergedVariables, getOptionsLockup, getParsedComboboxData, getParsedNativeSelectData, getPositionVariables, getPrimaryContrastColor, getPrimaryShade, getRadius, getRenderSlots, getRenderSlotsFromValues, getSafeId, getShadow, getSize, getSortedBreakpoints, getSpacing, getSplittedTags, getThemeColor, getTitleSize, getTreeExpandedState, hashStyleProps, highlighter, hsvaToHex, hsvaToHexa, hsvaToHsl, hsvaToRgba, hsvaToRgbaObject, isColorValid, isEmptyComboboxData, isLightColor, isNumberLike, isOptionsGroup, isPrimitive, isVirtualColor, keys, lighten, luminance, memoize, mergeAsyncChildren, mergeMantineTheme, movePill, moveTreeNode, noop, parseColor, parseHex, parseHexa, parseHsla, parseHue, parseRgba, parseStyleProps, parseThemeColor, polymorphicProps, provideGridContext, provideListContext, provideMantineContext, provideMantineTheme, providePillsInputContext, px, rem, renderPolymorphic, resolveColorScheme, rgba, round, toRgba, useAccordionContext, useAccordionItemContext, useAppShellContext, useAvatarGroupContext, useCheckboxCardContext, useCheckboxGroupContext, useChipGroupContext, useCombobox, useComboboxContext, useComboboxTargetProps, useComputedColorScheme, useDirection, useDrawersStack, useFloatingIndicator, useForwardedRef, useGridContext, useHoverCardContext, useInputContext, useInputWrapperContext, useListContext, useMantineClassNamesPrefix, useMantineColorScheme, useMantineContext, useMantineCssVariablesResolver, useMantineDeduplicateInlineStyles, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineTheme, useMantineWithStaticClasses, useMenuContext, usePaginationContext, usePillGroupContext, usePillsInputContext, usePillsReorder, useProgressContext, useProps, useRadioCardContext, useRadioGroupContext, useRandomClassName, useSafeMantineTheme, useScrollAreaContext, useSplitterContext, useStepperContext, useStyles, useSwitchGroupContext, useTabsContext, useTree, useVirtualizedCombobox, validateJson, validateMantineTheme, validateOptions, virtualColor, withBoxProps };
 
 //# sourceMappingURL=index.mjs.map