@mantine-vue/core 3.6.0 → 3.7.0

package/esm/index.mjs

@@ -1,4 +1,4 @@
-import { Comment, Fragment, Teleport, Text as Text$1, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isVNode, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onBeforeUpdate, onMounted, onUnmounted, onUpdated, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowReactive, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useId, useSlots, watch, watchEffect, withCtx, withModifiers } from "vue";
+import { Comment, Fragment, Teleport, Text as Text$1, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isVNode, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onBeforeUpdate, onMounted, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowReactive, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useId, useSlots, watch, watchEffect, withCtx, withModifiers } from "vue";
 import { DOTS, assignRef, clampUseMovePosition, mergeRefs, normalizeRadialValue, useClickOutside, useClipboard, useCollapse, useElementSize, useFloatingWindow, useFocusReturn, useFocusTrap, useHorizontalCollapse, useId as useId$1, 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";
 //#region ../utils/esm/index.mjs
@@ -1959,36 +1959,6 @@ var InlineStyles = defineComponent({
 	}
 });
 //#endregion
-//#region src/core/factory/use-forwarded-ref.ts
-/**
-* Re-targets the `ref` a parent attached to this component so it points at the rendered DOM node
-* instead of the component instance.
-*
-* @deprecated Reads `vnode.ref`'s normalized `{ i, r, k, f }` shape, which is a Vue internal --
-* best-effort, and degrades to a no-op rather than crashing if Vue changes it. Use the factory's
-* `rootRef` prop or the exposed `rootElement` instead. Kept only for components not yet migrated
-* to a factory payload.
-*/
-function useForwardedRef(elementRef) {
-	const instance = getCurrentInstance();
-	const sync = () => {
-		const externalRef = getExternalRef(instance?.vnode.ref);
-		if (externalRef) assignRef(externalRef, elementRef.value);
-	};
-	onMounted(sync);
-	onUpdated(sync);
-	onBeforeUnmount(() => {
-		const externalRef = getExternalRef(instance?.vnode.ref);
-		if (externalRef) assignRef(externalRef, null);
-	});
-}
-function getExternalRef(vnodeRef) {
-	if (!vnodeRef) return null;
-	const raw = typeof vnodeRef === "object" && vnodeRef !== null && "r" in vnodeRef ? vnodeRef.r : vnodeRef;
-	if (typeof raw === "function" || raw !== null && typeof raw === "object" && "value" in raw) return raw;
-	return null;
-}
-//#endregion
 //#region src/core/Box/Box.ts
 function styleProp() {
 	return [
@@ -2146,13 +2116,13 @@ var Box = defineComponent({
 			default: void 0
 		}
 	},
-	setup(props, { attrs, slots }) {
+	setup(props, { attrs, slots, expose }) {
 		const theme = useSafeMantineTheme();
-		const elementRef = ref(null);
-		useForwardedRef(elementRef);
+		const rootElement = ref(null);
+		expose({ rootElement });
 		const setRootRef = (value) => {
 			const node = value?.$el ?? value ?? null;
-			elementRef.value = node;
+			rootElement.value = node;
 			assignRef(props.rootRef, node);
 		};
 		return () => {
@@ -2504,10 +2474,6 @@ var UnstyledButton = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UnstyledButton",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		component: { default: "button" },
 		__staticSelector: { default: void 0 },
 		variant: { default: void 0 },
@@ -2518,6 +2484,10 @@ var UnstyledButton = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -2546,8 +2516,6 @@ var UnstyledButton = polymorphicFactory(/* @__PURE__ */ defineComponent({
 				return props.unstyled;
 			}
 		});
-		const elementRef = ref(null);
-		useForwardedRef(elementRef);
 		const rootElement = ref(null);
 		const setRootRef = (node) => {
 			rootElement.value = node;
@@ -2563,9 +2531,7 @@ var UnstyledButton = polymorphicFactory(/* @__PURE__ */ defineComponent({
 				variant: props.variant,
 				mod: props.mod,
 				type: unref(attrs).type ?? (props.component === "button" ? "button" : void 0),
-				rootRef: setRootRef,
-				ref_key: "elementRef",
-				ref: elementRef
+				rootRef: setRootRef
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
@@ -2593,10 +2559,6 @@ var Paper = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Paper",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		component: { default: "div" },
 		shadow: { default: void 0 },
 		radius: { default: void 0 },
@@ -2604,7 +2566,11 @@ var Paper = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -2620,8 +2586,6 @@ var Paper = polymorphicFactory(/* @__PURE__ */ defineComponent({
 			varsResolver: varsResolver$97,
 			unstyled: props.unstyled
 		});
-		const elementRef = ref(null);
-		useForwardedRef(elementRef);
 		const rootElement = ref(null);
 		const setRootRef = (node) => {
 			rootElement.value = node;
@@ -2636,8 +2600,6 @@ var Paper = polymorphicFactory(/* @__PURE__ */ defineComponent({
 					style: unref(attrs).style
 				})
 			}, {
-				ref_key: "elementRef",
-				ref: elementRef,
 				component: unref(props).component,
 				mod: [{ "with-border": unref(props).withBorder }, unref(attrs).mod],
 				rootRef: setRootRef
@@ -2669,10 +2631,6 @@ var Overlay = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Overlay",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		component: { default: "div" },
 		backgroundOpacity: { default: void 0 },
 		color: { default: void 0 },
@@ -2694,6 +2652,10 @@ var Overlay = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -2831,7 +2793,6 @@ var Loader = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Loader",
 	props: {
-		rootRef: {},
 		size: { default: void 0 },
 		color: { default: void 0 },
 		type: { default: void 0 },
@@ -2842,7 +2803,8 @@ var Loader = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -2906,16 +2868,16 @@ var Center = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Center",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		component: { default: "div" },
 		inline: { type: Boolean },
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -2965,10 +2927,6 @@ var Container = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Container",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		size: {},
 		fluid: {
 			type: Boolean,
@@ -2981,6 +2939,10 @@ var Container = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -3033,10 +2995,6 @@ var AspectRatio = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "AspectRatio",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		ratio: { default: void 0 },
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
@@ -3044,6 +3002,10 @@ var AspectRatio = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -3104,10 +3066,6 @@ var Divider = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Divider",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		color: { default: void 0 },
 		size: {},
 		label: {
@@ -3128,7 +3086,11 @@ var Divider = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -3199,10 +3161,6 @@ var Text = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Text",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		component: { default: void 0 },
 		__staticSelector: { default: void 0 },
 		size: { default: void 0 },
@@ -3233,6 +3191,10 @@ var Text = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -3250,8 +3212,6 @@ var Text = polymorphicFactory(/* @__PURE__ */ defineComponent({
 			varsResolver: varsResolver$91,
 			unstyled: props.unstyled
 		});
-		const elementRef = ref(null);
-		useForwardedRef(elementRef);
 		const getTextTruncate = (value) => value === "start" ? "start" : value === "end" || value ? "end" : void 0;
 		const rootElement = ref(null);
 		const setRootRef = (node) => {
@@ -3272,8 +3232,6 @@ var Text = polymorphicFactory(/* @__PURE__ */ defineComponent({
 					inline: unref(props).inline,
 					inherit: unref(props).inherit
 				}, unref(props).mod],
-				ref_key: "elementRef",
-				ref: elementRef,
 				rootRef: setRootRef
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
@@ -3300,10 +3258,6 @@ var Anchor = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Anchor",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		component: { default: "a" },
 		underline: { default: void 0 },
 		variant: { default: void 0 },
@@ -3313,6 +3267,10 @@ var Anchor = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -3405,10 +3363,6 @@ var Title = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Title",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		order: { default: void 0 },
 		size: {},
 		lineClamp: { default: void 0 },
@@ -3416,7 +3370,11 @@ var Title = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -3483,16 +3441,16 @@ var Code = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Code",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		color: { default: void 0 },
 		block: { type: Boolean },
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -3545,15 +3503,15 @@ var Kbd = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Kbd",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		size: { default: void 0 },
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -3626,15 +3584,15 @@ var Mark = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Mark",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		color: { default: void 0 },
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -3685,10 +3643,6 @@ var Image = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Image",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		src: { default: void 0 },
 		fallbackSrc: { default: void 0 },
 		radius: { default: void 0 },
@@ -3699,6 +3653,10 @@ var Image = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	emits: ["error"],
@@ -3761,10 +3719,6 @@ var BackgroundImage = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "BackgroundImage",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		src: {},
 		radius: {},
 		classNames: { default: void 0 },
@@ -3773,6 +3727,10 @@ var BackgroundImage = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -3833,10 +3791,6 @@ var Skeleton = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Skeleton",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		visible: {
 			type: Boolean,
 			default: void 0
@@ -3858,6 +3812,10 @@ var Skeleton = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -3919,10 +3877,6 @@ var ColorSwatch = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ColorSwatch",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		color: {},
 		size: { default: void 0 },
 		radius: { default: void 0 },
@@ -3936,6 +3890,10 @@ var ColorSwatch = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -4200,10 +4158,6 @@ var Badge = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Badge",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		component: { default: "div" },
 		size: { default: void 0 },
 		circle: { type: Boolean },
@@ -4243,7 +4197,11 @@ var Badge = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -4332,10 +4290,6 @@ var ThemeIcon = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ThemeIcon",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		size: { default: void 0 },
 		color: { default: void 0 },
 		radius: { default: void 0 },
@@ -4348,7 +4302,11 @@ var ThemeIcon = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -4796,16 +4754,16 @@ var ActionIconGroup = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ActionIconGroup",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		orientation: { default: void 0 },
 		borderWidth: {},
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -4872,10 +4830,6 @@ var ActionIconGroupSection = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ActionIconGroupSection",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		size: { default: void 0 },
 		color: { default: void 0 },
 		radius: { default: void 0 },
@@ -4891,6 +4845,10 @@ var ActionIconGroupSection = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: void 0
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -4955,10 +4913,6 @@ var ActionIcon = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ActionIcon",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		component: { default: "button" },
 		loading: {
 			type: Boolean,
@@ -4985,6 +4939,10 @@ var ActionIcon = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -5279,16 +5237,16 @@ var Button_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		mod: {},
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		classNames: {},
 		styles: {},
 		vars: {},
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -5301,8 +5259,6 @@ var Button_default = /* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const attrs = useAttrs();
 		const props = useProps("Button", null, rawProps);
-		const elementRef = ref(null);
-		useForwardedRef(elementRef);
 		const rootElement = ref(null);
 		const setRootRef = (node) => {
 			rootElement.value = node;
@@ -5357,9 +5313,6 @@ var Button_default = /* @__PURE__ */ defineComponent({
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(UnstyledButton), mergeProps({
-				ref_key: "elementRef",
-				ref: elementRef
-			}, {
 				...unref(attrs),
 				...rootStyles.value
 			}, {
@@ -5428,16 +5381,16 @@ var ButtonGroup = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ButtonGroup",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		orientation: { default: void 0 },
 		borderWidth: {},
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -5505,10 +5458,6 @@ var ButtonGroupSection = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ButtonGroupSection",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		size: { default: void 0 },
 		color: { default: void 0 },
 		radius: { default: void 0 },
@@ -5524,6 +5473,10 @@ var ButtonGroupSection = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: void 0
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -5589,10 +5542,6 @@ var Burger = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Burger",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		size: { default: void 0 },
 		lineSize: { default: void 0 },
 		color: { default: void 0 },
@@ -5608,6 +5557,10 @@ var Burger = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -5662,10 +5615,6 @@ var Collapse = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Collapse",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		orientation: { default: void 0 },
 		expanded: { type: Boolean },
 		transitionDuration: { default: void 0 },
@@ -5677,6 +5626,10 @@ var Collapse = factory(/* @__PURE__ */ defineComponent({
 		keepMounted: {
 			type: Boolean,
 			default: void 0
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	emits: ["transition-end", "transition-start"],
@@ -5792,7 +5745,6 @@ var LoadingOverlay = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "LoadingOverlay",
 	props: {
-		rootRef: {},
 		transitionProps: { default: void 0 },
 		loaderProps: { default: void 0 },
 		overlayProps: { default: void 0 },
@@ -5807,7 +5759,8 @@ var LoadingOverlay = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: [
 		"enter",
@@ -5817,6 +5770,7 @@ var LoadingOverlay = factory(/* @__PURE__ */ defineComponent({
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const rawProps = __props;
+		const slots = useSlots();
 		const emit = __emit;
 		const attrs = useAttrs();
 		const props = useProps("LoadingOverlay", defaultProps$57, rawProps);
@@ -5872,7 +5826,11 @@ var LoadingOverlay = factory(/* @__PURE__ */ defineComponent({
 								className: unref(props).loaderProps?.class,
 								style: unref(props).loaderProps?.style
 							})
-						}), null, 16, ["unstyled"]),
+						}), createSlots({ _: 2 }, [slots.loader ? {
+							name: "default",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "loader")]),
+							key: "0"
+						} : void 0]), 1040, ["unstyled"]),
 						createVNode(unref(Overlay), mergeProps({
 							...overlayProps.value,
 							...unref(getStyles)("overlay", {
@@ -5894,9 +5852,9 @@ var LoadingOverlay = factory(/* @__PURE__ */ defineComponent({
 							color: overlayProps.value.color || unref(theme).colors.dark[5]
 						}), null, 16, ["unstyled", "color"])
 					]),
-					_: 1
+					_: 3
 				}, 16)) : createCommentVNode("", true)]),
-				_: 1
+				_: 3
 			}, 8, [
 				"transition",
 				"duration",
@@ -5971,10 +5929,6 @@ var Card = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Card",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		component: { default: "div" },
 		shadow: { default: void 0 },
 		radius: { default: void 0 },
@@ -5990,6 +5944,10 @@ var Card = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -6084,10 +6042,6 @@ var Alert = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Alert",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		id: { default: void 0 },
 		radius: { default: void 0 },
 		color: { default: void 0 },
@@ -6126,7 +6080,11 @@ var Alert = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	emits: ["close"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -6236,10 +6194,6 @@ var Blockquote = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Blockquote",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		icon: {
 			type: [
 				Object,
@@ -6271,7 +6225,11 @@ var Blockquote = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -6330,7 +6288,6 @@ var Breadcrumbs = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Breadcrumbs",
 	props: {
-		rootRef: {},
 		separator: {
 			type: [
 				Object,
@@ -6350,7 +6307,8 @@ var Breadcrumbs = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -6414,10 +6372,6 @@ var ListItem_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ListItem",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		icon: {
 			type: [
 				Object,
@@ -6433,7 +6387,11 @@ var ListItem_default = /* @__PURE__ */ defineComponent({
 		mod: { default: void 0 },
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
-		vars: { default: void 0 }
+		vars: { default: void 0 },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -6501,10 +6459,6 @@ var List = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "List",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		type: { default: void 0 },
 		withPadding: {
 			type: Boolean,
@@ -6541,6 +6495,10 @@ var List = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -6676,10 +6634,6 @@ var Indicator = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Indicator",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		position: { default: void 0 },
 		offset: { default: void 0 },
 		inline: { type: Boolean },
@@ -6715,7 +6669,11 @@ var Indicator = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -6786,10 +6744,6 @@ var AvatarGroup = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "AvatarGroup",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		spacing: { default: void 0 },
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
@@ -6797,6 +6751,10 @@ var AvatarGroup = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -6921,10 +6879,6 @@ var Avatar = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Avatar",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		component: { default: "div" },
 		size: { default: void 0 },
 		radius: { default: void 0 },
@@ -6947,6 +6901,10 @@ var Avatar = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -7152,7 +7110,6 @@ var SimpleGrid = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "SimpleGrid",
 	props: {
-		rootRef: {},
 		cols: { default: void 0 },
 		spacing: { default: void 0 },
 		verticalSpacing: { default: void 0 },
@@ -7166,7 +7123,8 @@ var SimpleGrid = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -7335,14 +7293,14 @@ var GridCol_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "GridCol",
 	props: {
-		rootRef: {},
 		span: { default: void 0 },
 		order: { default: void 0 },
 		offset: { default: void 0 },
 		align: { default: void 0 },
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
-		vars: { default: void 0 }
+		vars: { default: void 0 },
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -7472,7 +7430,6 @@ var Grid = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Grid",
 	props: {
-		rootRef: {},
 		gap: { default: void 0 },
 		rowGap: { default: void 0 },
 		columnGap: { default: void 0 },
@@ -7492,7 +7449,8 @@ var Grid = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -7640,17 +7598,17 @@ var ScrollAreaRoot = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ScrollAreaRoot",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		getStyles: {},
 		type: {},
 		scrollbars: {
 			type: [String, Boolean],
 			default: void 0
 		},
-		scrollHideDelay: {}
+		scrollHideDelay: {},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		/**
@@ -8376,7 +8334,6 @@ var ScrollArea_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ScrollArea",
 	props: {
-		rootRef: {},
 		scrollbarSize: {},
 		type: {},
 		scrollHideDelay: {},
@@ -8398,7 +8355,8 @@ var ScrollArea_default = /* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: [
 		"scroll-position-change",
@@ -8555,7 +8513,10 @@ var ScrollArea_default = /* @__PURE__ */ defineComponent({
 			rootElement.value = node;
 			assignRef(props.rootRef, node);
 		};
-		__expose({ rootElement });
+		__expose({
+			rootElement,
+			viewport
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ScrollAreaRoot), mergeProps({ "root-ref": setRootRef }, {
 				...unref(attrs),
@@ -8630,7 +8591,6 @@ var ScrollAreaAutosize = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ScrollAreaAutosize",
 	props: {
-		rootRef: {},
 		scrollbarSize: {},
 		type: {},
 		scrollHideDelay: {},
@@ -8774,10 +8734,6 @@ var varsResolver$60 = createVarsResolver((_, { transitionDuration, chevronSize,
 	"--accordion-chevron-size": chevronSize === void 0 ? void 0 : rem(chevronSize),
 	"--accordion-radius": radius === void 0 ? void 0 : getRadius(radius)
 } }));
-/** The default slot may be a function or already-rendered children. */
-function renderContent$2(content) {
-	return typeof content === "function" ? content() : content;
-}
 //#endregion
 //#region src/components/Accordion/Accordion.vue
 var Accordion_default = /* @__PURE__ */ defineComponent({
@@ -8904,10 +8860,6 @@ var Accordion_default = /* @__PURE__ */ defineComponent({
 			className: attrs.class,
 			style: attrs.style
 		}));
-		const renderDefault = Object.assign((slotProps) => renderContent$2(slotProps.nodes), { props: { nodes: {
-			type: Function,
-			required: false
-		} } });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Box), mergeProps({
 				...unref(attrs),
@@ -8917,8 +8869,8 @@ var Accordion_default = /* @__PURE__ */ defineComponent({
 				variant: unref(props).variant,
 				"data-accordion": true
 			}), {
-				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(renderDefault)), { nodes: unref(slots).default }, null, 8, ["nodes"]))]),
-				_: 1
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
 			}, 16, ["id", "variant"]);
 		};
 	}
@@ -8942,10 +8894,6 @@ var AccordionControl = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "AccordionControl",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		disabled: {
 			type: Boolean,
 			default: false
@@ -8978,7 +8926,11 @@ var AccordionControl = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: {},
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	emits: ["click", "keydown"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -9106,13 +9058,13 @@ var AccordionItem = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "AccordionItem",
 	props: {
-		rootRef: { type: [Object, Function] },
 		value: {},
 		mod: {},
 		classNames: {},
 		styles: {},
 		vars: {},
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: { type: [Object, Function] }
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -9154,13 +9106,13 @@ var AccordionPanel = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "AccordionPanel",
 	props: {
-		rootRef: {},
 		keepMounted: {
 			type: Boolean,
 			default: void 0
 		},
 		classNames: { default: void 0 },
-		styles: { default: void 0 }
+		styles: { default: void 0 },
+		rootRef: {}
 	},
 	emits: ["transition-end", "transition-start"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -9242,10 +9194,6 @@ var Scroller = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Scroller",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		scrollAmount: { default: void 0 },
 		controlSize: { default: void 0 },
 		edgeGradientColor: { default: void 0 },
@@ -9293,6 +9241,10 @@ var Scroller = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -9413,7 +9365,6 @@ var TableScrollContainer = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "TableScrollContainer",
 	props: {
-		rootRef: {},
 		minWidth: {},
 		maxHeight: { default: void 0 },
 		type: { default: void 0 },
@@ -9424,7 +9375,8 @@ var TableScrollContainer = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -9800,10 +9752,6 @@ var Table = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Table",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		layout: {},
 		captionSide: {},
 		borderColor: {},
@@ -9849,6 +9797,10 @@ var Table = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -9948,14 +9900,14 @@ var ProgressLabel_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ProgressLabel",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		className: { default: void 0 },
-		style: { default: void 0 }
+		style: { default: void 0 },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -10007,10 +9959,6 @@ var ProgressRoot = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ProgressRoot",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		size: { default: void 0 },
 		radius: { default: void 0 },
 		autoContrast: {
@@ -10026,6 +9974,10 @@ var ProgressRoot = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -10080,10 +10032,6 @@ var ProgressSection = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ProgressSection",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		value: {},
 		withAria: {
 			type: Boolean,
@@ -10101,7 +10049,11 @@ var ProgressSection = factory(/* @__PURE__ */ defineComponent({
 		mod: { default: void 0 },
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
-		vars: { default: void 0 }
+		vars: { default: void 0 },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -10160,7 +10112,6 @@ var Progress = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Progress",
 	props: {
-		rootRef: {},
 		value: {},
 		color: { default: void 0 },
 		striped: { type: Boolean },
@@ -10176,7 +10127,8 @@ var Progress = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -10393,10 +10345,6 @@ var RingProgress = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "RingProgress",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		label: {
 			type: [
 				Object,
@@ -10426,6 +10374,10 @@ var RingProgress = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -10763,10 +10715,6 @@ var RollingNumber = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "RollingNumber",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		value: {},
 		prefix: {},
 		suffix: {},
@@ -10794,6 +10742,10 @@ var RollingNumber = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -10914,10 +10866,6 @@ var TimelineItem_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "TimelineItem",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		__active: {
 			type: Boolean,
 			default: false
@@ -10982,7 +10930,11 @@ var TimelineItem_default = /* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		className: { default: void 0 },
-		style: { default: void 0 }
+		style: { default: void 0 },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -11108,7 +11060,6 @@ var Timeline = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Timeline",
 	props: {
-		rootRef: {},
 		active: { default: void 0 },
 		color: { default: void 0 },
 		radius: { default: void 0 },
@@ -11130,7 +11081,8 @@ var Timeline = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -11299,10 +11251,6 @@ var Highlight = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Highlight",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		highlight: {},
 		color: { default: void 0 },
 		highlightStyles: {
@@ -11332,6 +11280,10 @@ var Highlight = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -11507,10 +11459,6 @@ var SemiCircleProgress = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "SemiCircleProgress",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		value: {},
 		size: { default: void 0 },
 		thickness: { default: void 0 },
@@ -11535,7 +11483,11 @@ var SemiCircleProgress = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -11631,10 +11583,6 @@ var Spoiler = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Spoiler",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		maxHeight: { default: void 0 },
 		showLabel: {
 			type: [
@@ -11675,7 +11623,11 @@ var Spoiler = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	emits: ["update:expanded"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -11776,10 +11728,6 @@ var Fieldset = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Fieldset",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		legend: {
 			type: [
 				Object,
@@ -11797,7 +11745,11 @@ var Fieldset = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -11940,11 +11892,11 @@ var InputClearButton = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "InputClearButton",
 	props: {
-		rootRef: {},
 		size: { default: void 0 },
 		variant: { default: void 0 },
 		classNames: { default: void 0 },
-		styles: { default: void 0 }
+		styles: { default: void 0 },
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -12016,10 +11968,6 @@ var InputDescription = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "InputDescription",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		size: {},
 		__inheritStyles: {
 			type: Boolean,
@@ -12031,6 +11979,10 @@ var InputDescription = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -12087,10 +12039,6 @@ var InputError = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "InputError",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		size: {},
 		__inheritStyles: {
 			type: Boolean,
@@ -12102,6 +12050,10 @@ var InputError = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -12162,10 +12114,6 @@ var InputLabel = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "InputLabel",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		required: {
 			type: Boolean,
 			default: false
@@ -12180,6 +12128,10 @@ var InputLabel = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -12245,15 +12197,15 @@ var InputPlaceholder = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "InputPlaceholder",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		error: { default: void 0 },
 		mod: { default: void 0 },
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -12747,7 +12699,6 @@ var Input = polymorphicFactory(/* @__PURE__ */ defineComponent({
 			default: void 0
 		},
 		wrapperProps: {},
-		rootRef: {},
 		mod: {},
 		classNames: {},
 		styles: {},
@@ -12755,7 +12706,8 @@ var Input = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: ["update:modelValue", "change"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -12764,7 +12716,7 @@ var Input = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const attrs = useAttrs();
 		const props = useProps("Input", defaultProps$33, rawProps);
-		const [value, setValue] = useUncontrolled({
+		const [value, setValue, isControlled] = useUncontrolled({
 			value: () => props.modelValue,
 			defaultValue: props.defaultValue,
 			finalValue: void 0,
@@ -12845,12 +12797,32 @@ var Input = polymorphicFactory(/* @__PURE__ */ defineComponent({
 			if (Array.isArray(handler)) handler.forEach((item) => item?.(event));
 			else if (typeof handler === "function") handler(event);
 		}
+		/**
+		* A controlled field shows `modelValue`, not what was typed. When the parent does not take the
+		* new value there is nothing to re-render, so the element is put back once the parent has had
+		* its tick to respond.
+		*/
+		function restoreControlledValue(element) {
+			if (!isControlled.value) return;
+			nextTick(() => {
+				const expected = inputValue.value == null ? "" : String(inputValue.value);
+				if (element.value !== expected) element.value = expected;
+			});
+		}
 		function onInput(event) {
 			callHandler(attrs.onInput, event);
-			if (props.component !== "select") setValue(event.currentTarget.value);
+			if (props.component !== "select") {
+				const element = event.currentTarget;
+				setValue(element.value);
+				restoreControlledValue(element);
+			}
 		}
 		function onChange(event) {
-			if (props.component === "select") setValue(event.currentTarget.value);
+			if (props.component === "select") {
+				const element = event.currentTarget;
+				setValue(element.value);
+				restoreControlledValue(element);
+			}
 		}
 		/**
 		* `onInput` is forwarded explicitly by the handler above, and `onChange` is reserved
@@ -13121,7 +13093,6 @@ var InputBase = polymorphicFactory(/* @__PURE__ */ defineComponent({
 			default: void 0
 		},
 		__bottomSectionProps: {},
-		rootRef: {},
 		mod: {},
 		classNames: {},
 		styles: {},
@@ -13129,7 +13100,8 @@ var InputBase = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: ["update:modelValue", "change"],
 	setup(__props, { emit: __emit }) {
@@ -13583,10 +13555,6 @@ var Notification = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Notification",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		color: { default: void 0 },
 		radius: { default: void 0 },
 		icon: {
@@ -13625,7 +13593,11 @@ var Notification = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	emits: ["close"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -14011,7 +13983,6 @@ var NumberInput = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "NumberInput",
 	props: {
-		rootRef: {},
 		modelValue: { default: void 0 },
 		defaultValue: { default: void 0 },
 		allowLeadingZeros: {
@@ -14138,7 +14109,8 @@ var NumberInput = factory(/* @__PURE__ */ defineComponent({
 		},
 		classNames: {},
 		styles: {},
-		vars: {}
+		vars: {},
+		rootRef: {}
 	},
 	emits: [
 		"update:modelValue",
@@ -14551,7 +14523,6 @@ var Group = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Group",
 	props: {
-		rootRef: {},
 		justify: { default: void 0 },
 		align: { default: void 0 },
 		wrap: { default: void 0 },
@@ -14564,7 +14535,8 @@ var Group = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -14721,7 +14693,6 @@ var PinInput = factory(/* @__PURE__ */ defineComponent({
 		inputMode: {},
 		ariaLabel: {},
 		hiddenInputProps: {},
-		rootRef: {},
 		inputRef: {},
 		getInputProps: {},
 		variant: {},
@@ -14731,7 +14702,8 @@ var PinInput = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: [
 		"update:modelValue",
@@ -15076,7 +15048,6 @@ var NativeSelect = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "NativeSelect",
 	props: {
-		rootRef: {},
 		data: {},
 		size: {},
 		error: {
@@ -15149,7 +15120,8 @@ var NativeSelect = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: ["update:modelValue", "change"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -15293,10 +15265,6 @@ var NavLink = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "NavLink",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		component: { default: "a" },
 		label: {
 			type: [
@@ -15373,7 +15341,11 @@ var NavLink = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	emits: ["update:opened"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -15541,10 +15513,6 @@ var Marquee = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Marquee",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		reverse: {
 			type: Boolean,
 			default: false
@@ -15570,6 +15538,10 @@ var Marquee = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -15642,7 +15614,6 @@ var Affix = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Affix",
 	props: {
-		rootRef: {},
 		zIndex: { default: void 0 },
 		withinPortal: {
 			type: Boolean,
@@ -15656,7 +15627,8 @@ var Affix = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -16393,10 +16365,6 @@ var FloatingIndicator = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "FloatingIndicator",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		target: { default: void 0 },
 		parent: { default: void 0 },
 		transitionDuration: { default: void 0 },
@@ -16412,6 +16380,10 @@ var FloatingIndicator = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	emits: ["transition-start", "transition-end"],
@@ -16615,9 +16587,15 @@ var SegmentedControl = Object.assign(/* @__PURE__ */ defineComponent({
 		const handleClick = (event) => {
 			if (props.readOnly) event.preventDefault();
 		};
-		const handleChange = (event, item, active) => {
-			if (props.readOnly) event.currentTarget.checked = active;
-			else setValue(item.value);
+		const handleChange = (event, item) => {
+			if (!props.readOnly) {
+				setValue(item.value);
+				return;
+			}
+			const input = event.currentTarget;
+			(input.name ? Array.from(input.getRootNode().querySelectorAll("input[type=\"radio\"]")).filter((radio) => radio.name === input.name) : [input]).forEach((radio) => {
+				radio.checked = radio.value === String(value.value);
+			});
 		};
 		return (_ctx, _cache) => {
 			return normalizedData.value.length ? (openBlock(), createBlock(unref(Box), mergeProps({ key: 0 }, {
@@ -16662,7 +16640,7 @@ var SegmentedControl = Object.assign(/* @__PURE__ */ defineComponent({
 							checked: unref(value) === item.value,
 							"data-focus-ring": unref(theme).focusRing,
 							onClick: handleClick,
-							onChange: ($event) => handleChange($event, item, unref(value) === item.value)
+							onChange: ($event) => handleChange($event, item)
 						}), null, 16, _hoisted_1$21), createVNode(unref(Box), mergeProps({ component: "label" }, { ref_for: true }, unref(getStyles)("label"), {
 							for: `${unref(uuid) || props.name || "segmented"}-${String(item.value)}`,
 							ref_for: true,
@@ -16701,10 +16679,6 @@ var PaginationControl_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "PaginationControl",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		active: {
 			type: Boolean,
 			default: false
@@ -16719,7 +16693,11 @@ var PaginationControl_default = /* @__PURE__ */ defineComponent({
 		},
 		mod: {},
 		class: {},
-		style: {}
+		style: {},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -16952,13 +16930,13 @@ var PaginationEdge_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "PaginationEdge",
 	props: {
-		rootRef: {},
 		icon: { default: void 0 },
 		disabled: {
 			type: Boolean,
 			default: false
 		},
-		__edge: {}
+		__edge: {},
+		rootRef: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -16995,12 +16973,12 @@ var PaginationFirst_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "PaginationFirst",
 	props: {
-		rootRef: {},
 		icon: { default: void 0 },
 		disabled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -17030,12 +17008,12 @@ var PaginationLast_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "PaginationLast",
 	props: {
-		rootRef: {},
 		icon: { default: void 0 },
 		disabled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -17065,12 +17043,12 @@ var PaginationNext_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "PaginationNext",
 	props: {
-		rootRef: {},
 		icon: { default: void 0 },
 		disabled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -17100,12 +17078,12 @@ var PaginationPrevious_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "PaginationPrevious",
 	props: {
-		rootRef: {},
 		icon: { default: void 0 },
 		disabled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -17146,11 +17124,11 @@ var PaginationDots = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "PaginationDots",
 	props: {
+		icon: { default: void 0 },
 		rootRef: {
 			type: [Object, Function],
 			default: void 0
-		},
-		icon: { default: void 0 }
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -17740,15 +17718,15 @@ var TabsList = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "TabsList",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		grow: { type: Boolean },
 		justify: { default: void 0 },
 		mod: { default: void 0 },
 		classNames: { default: void 0 },
-		styles: { default: void 0 }
+		styles: { default: void 0 },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -17802,10 +17780,6 @@ var TabsPanel = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "TabsPanel",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		value: {},
 		keepMounted: {
 			type: Boolean,
@@ -17813,7 +17787,11 @@ var TabsPanel = factory(/* @__PURE__ */ defineComponent({
 		},
 		mod: { default: void 0 },
 		classNames: { default: void 0 },
-		styles: { default: void 0 }
+		styles: { default: void 0 },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -17864,10 +17842,6 @@ var TabsTab = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "TabsTab",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		value: {},
 		rightSection: {
 			type: [
@@ -17907,6 +17881,10 @@ var TabsTab = factory(/* @__PURE__ */ defineComponent({
 		styles: {
 			type: [Object, Function],
 			default: void 0
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	emits: ["click", "keydown"],
@@ -18095,10 +18073,6 @@ var ActionBar = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ActionBar",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		opened: { type: Boolean },
 		transitionProps: { default: void 0 },
 		shadow: { default: void 0 },
@@ -18130,6 +18104,10 @@ var ActionBar = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	emits: ["close", "update:opened"],
@@ -18420,7 +18398,6 @@ var Textarea = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Textarea",
 	props: {
-		rootRef: {},
 		modelValue: { default: void 0 },
 		defaultValue: { default: void 0 },
 		autosize: {
@@ -18443,7 +18420,8 @@ var Textarea = factory(/* @__PURE__ */ defineComponent({
 			default: void 0
 		},
 		bottomSectionProps: { default: void 0 },
-		__staticSelector: { default: void 0 }
+		__staticSelector: { default: void 0 },
+		rootRef: {}
 	},
 	emits: ["update:modelValue", "change"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -19578,10 +19556,6 @@ var CheckboxCard = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "CheckboxCard",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		modelValue: {
 			type: Boolean,
 			default: void 0
@@ -19608,6 +19582,10 @@ var CheckboxCard = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	emits: [
@@ -19791,10 +19769,6 @@ var CheckboxIndicator = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "CheckboxIndicator",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		color: { default: void 0 },
 		size: { default: "sm" },
 		radius: { default: "sm" },
@@ -19818,7 +19792,11 @@ var CheckboxIndicator = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -19974,7 +19952,6 @@ var Checkbox = factory(/* @__PURE__ */ defineComponent({
 			default: false
 		},
 		icon: {},
-		rootRef: {},
 		iconColor: {},
 		autoContrast: {
 			type: Boolean,
@@ -20012,7 +19989,8 @@ var Checkbox = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: [
 		"update:modelValue",
@@ -20311,7 +20289,6 @@ var Chip = factory(/* @__PURE__ */ defineComponent({
 		},
 		wrapperProps: {},
 		icon: { default: void 0 },
-		rootRef: {},
 		autoContrast: {
 			type: Boolean,
 			default: void 0
@@ -20324,7 +20301,8 @@ var Chip = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: [
 		"update:modelValue",
@@ -20472,10 +20450,6 @@ var PillGroup = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "PillGroup",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		gap: { default: void 0 },
 		size: { default: void 0 },
 		disabled: {
@@ -20488,6 +20462,10 @@ var PillGroup = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -20560,10 +20538,6 @@ var Pill = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Pill",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		size: { default: void 0 },
 		withRemoveButton: {
 			type: Boolean,
@@ -20583,6 +20557,10 @@ var Pill = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	emits: ["remove"],
@@ -20691,7 +20669,6 @@ var PillsInput_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "PillsInput",
 	props: {
-		rootRef: {},
 		size: { default: "sm" },
 		disabled: {
 			type: Boolean,
@@ -20753,7 +20730,8 @@ var PillsInput_default = /* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -20891,10 +20869,6 @@ var PillsInputField = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "PillsInputField",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		modelValue: {},
 		defaultValue: {},
 		type: { default: "visible" },
@@ -20915,6 +20889,10 @@ var PillsInputField = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	emits: ["update:modelValue", "change"],
@@ -21176,10 +21154,6 @@ var RadioCard = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "RadioCard",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		modelValue: {
 			type: Boolean,
 			default: void 0
@@ -21206,6 +21180,10 @@ var RadioCard = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	emits: [
@@ -21355,10 +21333,6 @@ var RadioIndicator = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "RadioIndicator",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		color: { default: void 0 },
 		size: { default: "sm" },
 		radius: { default: void 0 },
@@ -21378,7 +21352,11 @@ var RadioIndicator = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -21521,7 +21499,6 @@ var Radio = factory(/* @__PURE__ */ defineComponent({
 			default: void 0
 		},
 		radius: {},
-		rootRef: {},
 		iconColor: {},
 		autoContrast: {
 			type: Boolean,
@@ -21559,7 +21536,8 @@ var Radio = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: [
 		"update:modelValue",
@@ -22005,7 +21983,6 @@ var Switch = factory(/* @__PURE__ */ defineComponent({
 			],
 			default: void 0
 		},
-		rootRef: {},
 		withThumbIndicator: {
 			type: Boolean,
 			default: void 0
@@ -22034,7 +22011,8 @@ var Switch = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: [
 		"update:modelValue",
@@ -22199,11 +22177,11 @@ var Space = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Space",
 	props: {
-		rootRef: { type: [Object, Function] },
 		w: {},
 		h: {},
 		miw: {},
-		mih: {}
+		mih: {},
+		rootRef: { type: [Object, Function] }
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -22273,10 +22251,6 @@ var Flex = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Flex",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		component: { default: "div" },
 		gap: {},
 		rowGap: {},
@@ -22288,7 +22262,11 @@ var Flex = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		vars: { default: void 0 },
-		unstyled: { type: Boolean }
+		unstyled: { type: Boolean },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -22377,10 +22355,6 @@ var Stack = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Stack",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		gap: {},
 		align: { default: void 0 },
 		justify: { default: void 0 },
@@ -22390,6 +22364,10 @@ var Stack = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -22500,10 +22478,6 @@ var Stepper_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Stepper",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		active: {},
 		icon: {
 			type: [
@@ -22572,6 +22546,10 @@ var Stepper_default = /* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	emits: ["update:active", "step-click"],
@@ -22715,10 +22693,6 @@ var StepperStep = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "StepperStep",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		step: { default: void 0 },
 		state: { default: void 0 },
 		color: { default: void 0 },
@@ -22802,7 +22776,11 @@ var StepperStep = factory(/* @__PURE__ */ defineComponent({
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
 		className: { default: void 0 },
-		style: { default: void 0 }
+		style: { default: void 0 },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -23015,10 +22993,6 @@ var OverflowList = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "OverflowList",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		data: {},
 		renderItem: {},
 		renderOverflow: {},
@@ -23033,6 +23007,10 @@ var OverflowList = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -23184,7 +23162,7 @@ var OverflowList = factory(/* @__PURE__ */ defineComponent({
 			assignRef(props.rootRef, node);
 		};
 		__expose({
-			root: rootRef,
+			root: rootElement,
 			rootElement
 		});
 		return (_ctx, _cache) => {
@@ -23237,7 +23215,6 @@ var TableOfContents = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "TableOfContents",
 	props: {
-		rootRef: {},
 		color: { default: void 0 },
 		size: { default: void 0 },
 		autoContrast: {
@@ -23261,7 +23238,8 @@ var TableOfContents = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -23506,12 +23484,12 @@ var FloatingWindowResizeHandle = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "FloatingWindowResizeHandle",
 	props: {
+		ariaLabel: { default: "Resize window" },
+		tabindex: { default: 0 },
 		rootRef: {
 			type: [Object, Function],
 			default: void 0
-		},
-		ariaLabel: { default: "Resize window" },
-		tabindex: { default: 0 }
+		}
 	},
 	emits: ["keydown"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -23672,17 +23650,17 @@ var SliderRoot = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "SliderRoot",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		size: {},
 		disabled: {
 			type: Boolean,
 			default: false
 		},
 		variant: {},
-		orientation: { default: "horizontal" }
+		orientation: { default: "horizontal" },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -24063,7 +24041,6 @@ var Slider = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Slider",
 	props: {
-		rootRef: {},
 		color: {},
 		radius: {},
 		size: {},
@@ -24135,7 +24112,8 @@ var Slider = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: [
 		"update:modelValue",
@@ -24365,7 +24343,6 @@ var RangeSlider = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "RangeSlider",
 	props: {
-		rootRef: {},
 		modelValue: { default: void 0 },
 		defaultValue: { default: void 0 },
 		domain: {},
@@ -24431,7 +24408,8 @@ var RangeSlider = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: [
 		"update:modelValue",
@@ -25900,10 +25878,6 @@ var AppShell_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "AppShell",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		withBorder: {
 			type: Boolean,
 			default: void 0
@@ -25934,6 +25908,10 @@ var AppShell_default = /* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -26422,13 +26400,13 @@ var AppShellMain = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "AppShellMain",
 	props: {
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		vars: { default: void 0 },
 		rootRef: {
 			type: [Object, Function],
 			default: void 0
-		},
-		classNames: { default: void 0 },
-		styles: { default: void 0 },
-		vars: { default: void 0 }
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -27411,10 +27389,6 @@ var Splitter_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Splitter",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		orientation: {},
 		sizes: {},
 		redistribute: {},
@@ -27449,6 +27423,10 @@ var Splitter_default = /* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	emits: [
@@ -27583,10 +27561,6 @@ var SplitterPane = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "SplitterPane",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		defaultSize: {},
 		min: { default: void 0 },
 		max: { default: void 0 },
@@ -27599,7 +27573,11 @@ var SplitterPane = factory(/* @__PURE__ */ defineComponent({
 		mod: {},
 		classNames: {},
 		styles: {},
-		vars: {}
+		vars: {},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -28322,10 +28300,6 @@ var Tree = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Tree",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		component: { default: "ul" },
 		data: {},
 		levelOffset: { default: "lg" },
@@ -28374,6 +28348,10 @@ var Tree = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	emits: ["drag-drop"],
@@ -28882,7 +28860,6 @@ var ModalBase = factory(/* @__PURE__ */ defineComponent({
 	__name: "ModalBase",
 	props: {
 		__handledEscapeEvents: {},
-		rootRef: {},
 		opened: { type: Boolean },
 		id: { default: void 0 },
 		keepMounted: {
@@ -28929,7 +28906,8 @@ var ModalBase = factory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: ["close"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -29101,9 +29079,9 @@ var ModalBaseContent = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ModalBaseContent",
 	props: {
-		rootRef: {},
 		transitionProps: { default: void 0 },
-		innerProps: { default: () => ({}) }
+		innerProps: { default: () => ({}) },
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -29376,7 +29354,6 @@ var ModalRoot_default = /* @__PURE__ */ defineComponent({
 		styles: {},
 		vars: {},
 		__handledEscapeEvents: {},
-		rootRef: {},
 		opened: { type: Boolean },
 		id: {},
 		keepMounted: {
@@ -29539,7 +29516,6 @@ var Modal_default = /* @__PURE__ */ defineComponent({
 		styles: {},
 		vars: {},
 		__handledEscapeEvents: {},
-		rootRef: {},
 		opened: { type: Boolean },
 		id: {},
 		keepMounted: {
@@ -29762,7 +29738,6 @@ var DrawerRoot_default = /* @__PURE__ */ defineComponent({
 		size: { default: "md" },
 		scrollAreaComponent: {},
 		__handledEscapeEvents: {},
-		rootRef: {},
 		opened: { type: Boolean },
 		id: {},
 		keepMounted: {
@@ -29925,7 +29900,6 @@ var Drawer_default = /* @__PURE__ */ defineComponent({
 		size: {},
 		scrollAreaComponent: {},
 		__handledEscapeEvents: {},
-		rootRef: {},
 		opened: { type: Boolean },
 		id: {},
 		keepMounted: {
@@ -30513,6 +30487,7 @@ var defaults$2 = {
 	clickOutsideCapture: false,
 	zIndex: getDefaultZIndex("popover"),
 	floatingStrategy: "absolute",
+	hideDetached: true,
 	transitionProps: {
 		transition: "fade",
 		duration: 150
@@ -30589,6 +30564,10 @@ var Popover_default = /* @__PURE__ */ defineComponent({
 		zIndex: {},
 		floatingStrategy: {},
 		middlewares: {},
+		hideDetached: {
+			type: Boolean,
+			default: void 0
+		},
 		id: {},
 		targetProps: {},
 		withOverlay: {
@@ -30821,6 +30800,9 @@ var Popover_default = /* @__PURE__ */ defineComponent({
 			get floatingStrategy() {
 				return props.floatingStrategy ?? "absolute";
 			},
+			get referenceHidden() {
+				return props.hideDetached !== false && !!floatingState.middlewareData.value.hide?.referenceHidden;
+			},
 			getStyles
 		});
 		watch(() => rawProps.opened, (value, old) => {
@@ -30952,7 +30934,8 @@ var PopoverDropdown_default = /* @__PURE__ */ 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` : rem(ctx.width)
+				width: ctx.width === "target" ? ctx.targetWidth === void 0 ? void 0 : `${ctx.targetWidth}px` : rem(ctx.width),
+				...ctx.referenceHidden ? { display: "none" } : null
 			},
 			attrs.style
 		]);
@@ -32050,7 +32033,6 @@ var Toggle = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Toggle",
 	props: {
-		rootRef: {},
 		component: { default: "button" },
 		active: {
 			type: Boolean,
@@ -32082,7 +32064,8 @@ var Toggle = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: ["update:active", "activeChange"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -32206,7 +32189,6 @@ var Toolbar_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Toolbar",
 	props: {
-		rootRef: {},
 		orientation: { default: void 0 },
 		loop: {
 			type: Boolean,
@@ -32230,7 +32212,8 @@ var Toolbar_default = /* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -32354,7 +32337,6 @@ var ToolbarGroup_default = /* @__PURE__ */ defineComponent({
 		lightHidden: { type: Boolean },
 		darkHidden: { type: Boolean },
 		mod: {},
-		rootRef: { type: [Object, Function] },
 		m: {},
 		my: {},
 		mx: {},
@@ -32463,7 +32445,6 @@ var ToolbarToggle_default = /* @__PURE__ */ defineComponent({
 		lightHidden: { type: Boolean },
 		darkHidden: { type: Boolean },
 		mod: {},
-		rootRef: {},
 		m: {},
 		my: {},
 		mx: {},
@@ -32596,7 +32577,6 @@ var ToolbarToggleGroup_default = /* @__PURE__ */ defineComponent({
 		lightHidden: { type: Boolean },
 		darkHidden: { type: Boolean },
 		mod: {},
-		rootRef: {},
 		m: {},
 		my: {},
 		mx: {},
@@ -32733,7 +32713,6 @@ var ToolbarToggleItem_default = /* @__PURE__ */ defineComponent({
 		lightHidden: { type: Boolean },
 		darkHidden: { type: Boolean },
 		mod: {},
-		rootRef: {},
 		m: {},
 		my: {},
 		mx: {},
@@ -32859,7 +32838,6 @@ var ToolbarDivider_default = /* @__PURE__ */ defineComponent({
 		lightHidden: { type: Boolean },
 		darkHidden: { type: Boolean },
 		mod: {},
-		rootRef: { type: [Object, Function] },
 		m: {},
 		my: {},
 		mx: {},
@@ -33109,7 +33087,6 @@ var Tour_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Tour",
 	props: {
-		rootRef: {},
 		active: {
 			type: Boolean,
 			default: false
@@ -33170,7 +33147,8 @@ var Tour_default = /* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: [
 		"close",
@@ -33629,7 +33607,6 @@ var TourRoot_default = /* @__PURE__ */ defineComponent({
 	__name: "TourRoot",
 	props: {
 		stepsCount: {},
-		rootRef: {},
 		active: {
 			type: Boolean,
 			default: false
@@ -33684,7 +33661,8 @@ var TourRoot_default = /* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		rootRef: {}
 	},
 	emits: [
 		"close",
@@ -33909,7 +33887,6 @@ var TourTooltip_default = /* @__PURE__ */ defineComponent({
 		lightHidden: { type: Boolean },
 		darkHidden: { type: Boolean },
 		mod: {},
-		rootRef: {},
 		m: {},
 		my: {},
 		mx: {},
@@ -34045,7 +34022,6 @@ var TourBeacon_default = /* @__PURE__ */ defineComponent({
 		lightHidden: { type: Boolean },
 		darkHidden: { type: Boolean },
 		mod: {},
-		rootRef: { type: [Object, Function] },
 		m: {},
 		my: {},
 		mx: {},
@@ -34382,6 +34358,7 @@ var Menu_default = /* @__PURE__ */ defineComponent({
 		zIndex: {},
 		floatingStrategy: {},
 		middlewares: {},
+		hideDetached: { type: Boolean },
 		id: {},
 		targetProps: {},
 		withOverlay: {
@@ -36402,6 +36379,7 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 		zIndex: {},
 		floatingStrategy: {},
 		middlewares: {},
+		hideDetached: { type: Boolean },
 		id: {},
 		targetProps: {},
 		withOverlay: {
@@ -37885,10 +37863,6 @@ var DataList_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "DataList",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		size: {},
 		gap: {},
 		orientation: {},
@@ -37904,6 +37878,10 @@ var DataList_default = /* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -37952,13 +37930,13 @@ var DataListItem = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "DataListItem",
 	props: {
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		mod: { default: void 0 },
 		rootRef: {
 			type: [Object, Function],
 			default: void 0
-		},
-		classNames: { default: void 0 },
-		styles: { default: void 0 },
-		mod: { default: void 0 }
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -37994,13 +37972,13 @@ var DataListItemLabel = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "DataListItemLabel",
 	props: {
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		mod: { default: void 0 },
 		rootRef: {
 			type: [Object, Function],
 			default: void 0
-		},
-		classNames: { default: void 0 },
-		styles: { default: void 0 },
-		mod: { default: void 0 }
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -38039,13 +38017,13 @@ var DataListItemValue = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "DataListItemValue",
 	props: {
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		mod: { default: void 0 },
 		rootRef: {
 			type: [Object, Function],
 			default: void 0
-		},
-		classNames: { default: void 0 },
-		styles: { default: void 0 },
-		mod: { default: void 0 }
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -38096,13 +38074,13 @@ var EmptyStateDescription_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "EmptyStateDescription",
 	props: {
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		mod: { default: void 0 },
 		rootRef: {
 			type: [Object, Function],
 			default: void 0
-		},
-		classNames: { default: void 0 },
-		styles: { default: void 0 },
-		mod: { default: void 0 }
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -38152,13 +38130,13 @@ var EmptyStateIndicator = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "EmptyStateIndicator",
 	props: {
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		mod: { default: void 0 },
 		rootRef: {
 			type: [Object, Function],
 			default: void 0
-		},
-		classNames: { default: void 0 },
-		styles: { default: void 0 },
-		mod: { default: void 0 }
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -38194,14 +38172,14 @@ var EmptyStateTitle = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "EmptyStateTitle",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		order: { default: void 0 },
 		classNames: { default: void 0 },
 		styles: { default: void 0 },
-		mod: { default: void 0 }
+		mod: { default: void 0 },
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -38286,10 +38264,6 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "EmptyState",
 	props: {
-		rootRef: {
-			type: [Object, Function],
-			default: void 0
-		},
 		size: {},
 		align: {},
 		variant: {},
@@ -38341,6 +38315,10 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 		unstyled: {
 			type: Boolean,
 			default: false
+		},
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
 		}
 	},
 	setup(__props, { expose: __expose }) {
@@ -38431,13 +38409,13 @@ var EmptyStateActions = factory(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "EmptyStateActions",
 	props: {
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		mod: { default: void 0 },
 		rootRef: {
 			type: [Object, Function],
 			default: void 0
-		},
-		classNames: { default: void 0 },
-		styles: { default: void 0 },
-		mod: { default: void 0 }
+		}
 	},
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
@@ -38730,7 +38708,7 @@ var Select = Object.assign(/* @__PURE__ */ defineComponent({
 						"__static-selector": "Select",
 						component: "input",
 						disabled: disabled.value,
-						"read-only": readOnly.value || !props.searchable,
+						readOnly: readOnly.value || !props.searchable,
 						pointer: !props.searchable,
 						"model-value": search(),
 						"right-section": unref(attrs).rightSection,
@@ -38772,7 +38750,7 @@ var Select = Object.assign(/* @__PURE__ */ defineComponent({
 						"__clearable",
 						"__clear-section-mode",
 						"disabled",
-						"read-only",
+						"readOnly",
 						"pointer",
 						"model-value",
 						"right-section",
@@ -41484,6 +41462,6 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 	...Cascader_module_default
 } });
 //#endregion
-export { Accordion, AccordionChevron, AccordionControl, AccordionItem, AccordionPanel, ActionBar, ActionBarCloseButton, ActionBarDivider, ActionIcon, ActionIconGroup, ActionIconGroupSection, Affix, Alert, AlphaSlider, Anchor, AngleSlider, AppShell, AppShellAside, AppShellFooter, AppShellHeader, AppShellMain, AppShellNavbar, AppShellSection, AspectRatio, Autocomplete, Avatar, AvatarGroup, BackgroundImage, Badge, Bars, Blockquote, Box, Breadcrumbs, Burger, Button, ButtonGroup, ButtonGroupSection, Card, CardSection, Cascader, Center, CheckIcon_default as CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, CheckboxIcon_default as CheckboxIcon, CheckboxIndicator, Chip, ChipGroup, CloseButton, CloseIcon_default as CloseIcon, Code, Collapse, ColorInput, ColorPicker, ColorSlider, ColorSwatch, Combobox, ComboboxChevron, ComboboxClearButton, ComboboxDropdown, ComboboxDropdownTarget, ComboboxEmpty, ComboboxEventsTarget, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxHiddenInput, ComboboxOption, ComboboxOptions, ComboboxPopover, ComboboxPopoverTarget, ComboboxSearch, ComboboxTarget, Container, CopyButton_default as CopyButton, DEFAULT_COLORS, DEFAULT_THEME, DataList, DataListItem, DataListItemLabel, DataListItemValue, Dialog, DirectionContextKey, DirectionProvider, Divider, Dots, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, DrawerRoot, DrawerStack, DrawerTitle, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIndicator, EmptyStateTitle, FLEX_STYLE_PROPS_DATA, Fieldset, FileButton, FileInput, FlatTreeNode_default as FlatTreeNode, Flex, FloatingIndicator, FloatingWindow, FloatingWindowResizeHandle, 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, Menubar, MenubarDropdown, MenubarMenu, MenubarTarget, Modal, ModalBase, ModalBaseBody, ModalBaseCloseButton, ModalBaseContent, ModalBaseHeader, ModalBaseOverlay_default as ModalBaseOverlay, ModalBaseTitle, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, MultiSelect, NativeScrollArea, NativeSelect, NativeSelectOption, NavLink, Notification, NumberFormatter, NumberInput, NumberInputChevron, OptionalPortal_default as OptionalPortal, OptionsDropdown_default as 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, RatingItem, 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, Toggle, Toolbar, ToolbarDivider_default as ToolbarDivider, ToolbarGroup_default as ToolbarGroup, ToolbarToggle_default as ToolbarToggle, ToolbarToggleGroup_default as ToolbarToggleGroup, ToolbarToggleItem_default as ToolbarToggleItem, Tooltip, TooltipFloating_default as TooltipFloating, TooltipGroup, Tour, TourBeacon_default as TourBeacon, TourBody_default as TourBody, TourCloseButton_default as TourCloseButton, TourNavigation_default as TourNavigation, TourOverlay_default as TourOverlay, TourRoot_default as TourRoot, TourStep_default as TourStep, TourTitle_default as TourTitle, TourTooltip_default as TourTooltip, Transition, Tree, TreeSelect, TreeSelectOption, Typography, UnstyledButton, VisuallyHidden, alpha, buildValue, camelToKebabCase, cascaderOptionHasChildren, colorsTuple, convertCssVariables, convertHsvaTo, createEventHandler, createPolymorphicComponent, createProviderColorScheme, createSafeContext, createSafeInjectionContext, createScopedKeydownHandler, createVarsResolver, createWithProps, cssVariablesObjectToString, darken, deepMerge, defaultCssVariablesResolver, defaultLoaders, defaultOptionsFilter, defaultTourLabels, defaultTreeNodeFilter, defaultVariantColorsResolver, em, extractStyleProps, factory, filterProps, filterTreeData, findClosestNumber, flattenCascaderPaths, flattenTreeData, foldAccents, formatNumber, getVariables as getAppShellVariables, getAutoContrastValue, getBaseValue, getBreakpointValue, getCascaderColumns, getCascaderPathOptions, getContrastColor, getDefaultZIndex, getDigitParts, getFontSize, getGradient, getInitials, getInitialsColor, getLineHeight, getMarkColor, getMergedVariables, getOptionByLabel, getOptionsLockup, getParsedComboboxData, getParsedNativeSelectData, getPositionVariables, getPrimaryContrastColor, getPrimaryShade, getRadius, getRenderSlots, getRenderSlotsFromValues, getSafeId, getShadow, getSize, getSortedBreakpoints, getSpacing, getSplittedTags, getThemeColor, getTitleSize, getTreeExpandedState, hasNode, hashStyleProps, highlighter, hsvaToHex, hsvaToHexa, hsvaToHsl, hsvaToRgba, hsvaToRgbaObject, identity, isColorValid, isEmptyComboboxData, isExternalInputChange, isLightColor, isNumberLike, isOptionsGroup, isPrimitive, isVirtualColor, keys, lighten, luminance, memoize, mergeAsyncChildren, mergeMantineTheme, movePill, moveTreeNode, noop, omitAttrs, parseColor, parseHex, parseHexa, parseHsla, parseHue, parseRgba, parseStyleProps, parseThemeColor, polymorphic, polymorphicFactory, provideGridContext, provideListContext, provideMantineContext, provideMantineTheme, providePillsInputContext, provideTourContext, px, rem, resolveColorScheme, resolveNode, rgba, round, toRgba, useAccordionContext, useAccordionItemContext, useAppShellContext, useAppShellResize, useAvatarGroupContext, useCheckboxCardContext, useCheckboxGroupContext, useChipGroupContext, useCombobox, useComboboxContext, useComboboxTargetProps, useComputedColorScheme, useDataListContext, useDirection, useDrawersStack, useEmptyStateContext, useFloatingIndicator, useForwardedRef, useGridContext, useHoverCardContext, useInputContext, useInputWrapperContext, useListContext, useMantineClassNamesPrefix, useMantineColorScheme, useMantineContext, useMantineCssVariablesResolver, useMantineDeduplicateInlineStyles, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineTheme, useMantineWithStaticClasses, useMenuContext, useMenubarContext, useMenubarMenuContext, usePaginationContext, usePillGroupContext, usePillsInputContext, usePillsReorder, useProgressContext, useProps, useRadioCardContext, useRadioGroupContext, useRandomClassName, useSafeMantineTheme, useScrollAreaContext, useSplitterContext, useStepperContext, useStyles, useSwitchGroupContext, useTabsContext, useTourContext, useTree, useVirtualizedCombobox, validateJson, validateMantineTheme, validateOptions, virtualColor };
+export { Accordion, AccordionChevron, AccordionControl, AccordionItem, AccordionPanel, ActionBar, ActionBarCloseButton, ActionBarDivider, ActionIcon, ActionIconGroup, ActionIconGroupSection, Affix, Alert, AlphaSlider, Anchor, AngleSlider, AppShell, AppShellAside, AppShellFooter, AppShellHeader, AppShellMain, AppShellNavbar, AppShellSection, AspectRatio, Autocomplete, Avatar, AvatarGroup, BackgroundImage, Badge, Bars, Blockquote, Box, Breadcrumbs, Burger, Button, ButtonGroup, ButtonGroupSection, Card, CardSection, Cascader, Center, CheckIcon_default as CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, CheckboxIcon_default as CheckboxIcon, CheckboxIndicator, Chip, ChipGroup, CloseButton, CloseIcon_default as CloseIcon, Code, Collapse, ColorInput, ColorPicker, ColorSlider, ColorSwatch, Combobox, ComboboxChevron, ComboboxClearButton, ComboboxDropdown, ComboboxDropdownTarget, ComboboxEmpty, ComboboxEventsTarget, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxHiddenInput, ComboboxOption, ComboboxOptions, ComboboxPopover, ComboboxPopoverTarget, ComboboxSearch, ComboboxTarget, Container, CopyButton_default as CopyButton, DEFAULT_COLORS, DEFAULT_THEME, DataList, DataListItem, DataListItemLabel, DataListItemValue, Dialog, DirectionContextKey, DirectionProvider, Divider, Dots, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, DrawerRoot, DrawerStack, DrawerTitle, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIndicator, EmptyStateTitle, FLEX_STYLE_PROPS_DATA, Fieldset, FileButton, FileInput, FlatTreeNode_default as FlatTreeNode, Flex, FloatingIndicator, FloatingWindow, FloatingWindowResizeHandle, 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, Menubar, MenubarDropdown, MenubarMenu, MenubarTarget, Modal, ModalBase, ModalBaseBody, ModalBaseCloseButton, ModalBaseContent, ModalBaseHeader, ModalBaseOverlay_default as ModalBaseOverlay, ModalBaseTitle, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, MultiSelect, NativeScrollArea, NativeSelect, NativeSelectOption, NavLink, Notification, NumberFormatter, NumberInput, NumberInputChevron, OptionalPortal_default as OptionalPortal, OptionsDropdown_default as 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, RatingItem, 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, Toggle, Toolbar, ToolbarDivider_default as ToolbarDivider, ToolbarGroup_default as ToolbarGroup, ToolbarToggle_default as ToolbarToggle, ToolbarToggleGroup_default as ToolbarToggleGroup, ToolbarToggleItem_default as ToolbarToggleItem, Tooltip, TooltipFloating_default as TooltipFloating, TooltipGroup, Tour, TourBeacon_default as TourBeacon, TourBody_default as TourBody, TourCloseButton_default as TourCloseButton, TourNavigation_default as TourNavigation, TourOverlay_default as TourOverlay, TourRoot_default as TourRoot, TourStep_default as TourStep, TourTitle_default as TourTitle, TourTooltip_default as TourTooltip, Transition, Tree, TreeSelect, TreeSelectOption, Typography, UnstyledButton, VisuallyHidden, alpha, buildValue, camelToKebabCase, cascaderOptionHasChildren, colorsTuple, convertCssVariables, convertHsvaTo, createEventHandler, createPolymorphicComponent, createProviderColorScheme, createSafeContext, createSafeInjectionContext, createScopedKeydownHandler, createVarsResolver, createWithProps, cssVariablesObjectToString, darken, deepMerge, defaultCssVariablesResolver, defaultLoaders, defaultOptionsFilter, defaultTourLabels, defaultTreeNodeFilter, defaultVariantColorsResolver, em, extractStyleProps, factory, filterProps, filterTreeData, findClosestNumber, flattenCascaderPaths, flattenTreeData, foldAccents, formatNumber, getVariables as getAppShellVariables, getAutoContrastValue, getBaseValue, getBreakpointValue, getCascaderColumns, getCascaderPathOptions, getContrastColor, getDefaultZIndex, getDigitParts, getFontSize, getGradient, getInitials, getInitialsColor, getLineHeight, getMarkColor, getMergedVariables, getOptionByLabel, getOptionsLockup, getParsedComboboxData, getParsedNativeSelectData, getPositionVariables, getPrimaryContrastColor, getPrimaryShade, getRadius, getRenderSlots, getRenderSlotsFromValues, getSafeId, getShadow, getSize, getSortedBreakpoints, getSpacing, getSplittedTags, getThemeColor, getTitleSize, getTreeExpandedState, hasNode, hashStyleProps, highlighter, hsvaToHex, hsvaToHexa, hsvaToHsl, hsvaToRgba, hsvaToRgbaObject, identity, isColorValid, isEmptyComboboxData, isExternalInputChange, isLightColor, isNumberLike, isOptionsGroup, isPrimitive, isVirtualColor, keys, lighten, luminance, memoize, mergeAsyncChildren, mergeMantineTheme, movePill, moveTreeNode, noop, omitAttrs, parseColor, parseHex, parseHexa, parseHsla, parseHue, parseRgba, parseStyleProps, parseThemeColor, polymorphic, polymorphicFactory, provideGridContext, provideListContext, provideMantineContext, provideMantineTheme, providePillsInputContext, provideTourContext, px, rem, resolveColorScheme, resolveNode, rgba, round, toRgba, useAccordionContext, useAccordionItemContext, useAppShellContext, useAppShellResize, useAvatarGroupContext, useCheckboxCardContext, useCheckboxGroupContext, useChipGroupContext, useCombobox, useComboboxContext, useComboboxTargetProps, useComputedColorScheme, useDataListContext, useDirection, useDrawersStack, useEmptyStateContext, useFloatingIndicator, useGridContext, useHoverCardContext, useInputContext, useInputWrapperContext, useListContext, useMantineClassNamesPrefix, useMantineColorScheme, useMantineContext, useMantineCssVariablesResolver, useMantineDeduplicateInlineStyles, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineTheme, useMantineWithStaticClasses, useMenuContext, useMenubarContext, useMenubarMenuContext, usePaginationContext, usePillGroupContext, usePillsInputContext, usePillsReorder, useProgressContext, useProps, useRadioCardContext, useRadioGroupContext, useRandomClassName, useSafeMantineTheme, useScrollAreaContext, useSplitterContext, useStepperContext, useStyles, useSwitchGroupContext, useTabsContext, useTourContext, useTree, useVirtualizedCombobox, validateJson, validateMantineTheme, validateOptions, virtualColor };
 
 //# sourceMappingURL=index.mjs.map