@mantine-vue/core 3.2.0 → 3.4.0

package/esm/index.mjs

@@ -1,5 +1,5 @@
-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, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useSlots, watch, watchEffect, withCtx } from "vue";
-import { DOTS, assignRef, clampUseMovePosition, mergeRefs, normalizeRadialValue, useClickOutside, useClipboard, useCollapse, useElementSize, useFloatingWindow, useFocusReturn, useFocusTrap, useHorizontalCollapse, useId, useLongPress, useMounted, useMove, usePagination, useRadialMove, useReducedMotion, useScrollSpy, useScroller, useUncontrolled, useWindowEvent } from "@mantine-vue/hooks";
+import { 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, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useId, useSlots, watch, watchEffect, withCtx } 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
 function keys(object) {
@@ -1737,7 +1737,7 @@ function hashStyleProps(styles, media) {
 	return `mantine-vue-${Math.abs(hash).toString(36)}`;
 }
 function useRandomClassName() {
-	return `mantine-vue-${Math.random().toString(36).slice(2, 9)}`;
+	return `mantine-vue-${(getCurrentInstance() ? useId() : Math.random().toString(36).slice(2, 9)).replace(/[^A-Za-z0-9_-]/g, "-")}`;
 }
 //#endregion
 //#region src/core/Box/style-props/style-props-data.ts
@@ -2615,7 +2615,7 @@ var Overlay_module_default = { root: "_root_qjtu2_1" };
 //#endregion
 //#region src/components/Overlay/Overlay.vue?vue&type=script&setup=true&lang.ts
 /** Module scope: created once, not per component instance. */
-var defaultProps$71 = { zIndex: getDefaultZIndex("modal") };
+var defaultProps$72 = { zIndex: getDefaultZIndex("modal") };
 var varsResolver$93 = createVarsResolver((_, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({ root: {
 	"--overlay-bg": gradient || (color !== void 0 || backgroundOpacity !== void 0) && rgba(color || "#000", backgroundOpacity ?? .6) || void 0,
 	"--overlay-filter": blur ? `blur(${rem(blur)})` : void 0,
@@ -2659,7 +2659,7 @@ var Overlay = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Overlay", defaultProps$71, rawProps);
+		const props = useProps("Overlay", defaultProps$72, rawProps);
 		const getStyles = useStyles({
 			name: "Overlay",
 			classes: Overlay_module_default,
@@ -2918,7 +2918,7 @@ var Container_module_default = { root: "_root_1nxsn_1" };
 //#endregion
 //#region src/components/Container/Container.vue?vue&type=script&setup=true&lang.ts
 /** Module scope: created once, not per component instance. */
-var defaultProps$70 = { strategy: "block" };
+var defaultProps$71 = { strategy: "block" };
 var varsResolver$91 = createVarsResolver((_, { size, fluid }) => ({ root: { "--container-size": fluid ? void 0 : getSize(size, "container-size") } }));
 //#endregion
 //#region src/components/Container/Container.ts
@@ -2948,7 +2948,7 @@ var Container = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Container", defaultProps$70, rawProps);
+		const props = useProps("Container", defaultProps$71, rawProps);
 		const getStyles = useStyles({
 			name: "Container",
 			classes: Container_module_default,
@@ -3051,7 +3051,7 @@ var Divider_module_default = {
 };
 //#endregion
 //#region src/components/Divider/Divider.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$69 = {
+var defaultProps$70 = {
 	orientation: "horizontal",
 	labelPosition: "center",
 	variant: "solid"
@@ -3098,7 +3098,7 @@ var Divider = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Divider", defaultProps$69, rawProps);
+		const props = useProps("Divider", defaultProps$70, rawProps);
 		const getStyles = useStyles({
 			name: "Divider",
 			classes: Divider_module_default,
@@ -3156,7 +3156,7 @@ var varsResolver$88 = createVarsResolver((theme, { variant, lineClamp, gradient,
 	"--text-line-clamp": typeof lineClamp === "number" ? lineClamp.toString() : void 0,
 	"--text-text-wrap": textWrap
 } }));
-var defaultProps$68 = { inherit: false };
+var defaultProps$69 = { inherit: false };
 //#endregion
 //#region src/components/Text/Text.ts
 var Text = polymorphicFactory(/* @__PURE__ */ defineComponent({
@@ -3203,7 +3203,7 @@ var Text = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Text", defaultProps$68, rawProps);
+		const props = useProps("Text", defaultProps$69, rawProps);
 		const getStyles = useStyles({
 			name: props.__staticSelector ?? "Text",
 			classes: Text_module_default,
@@ -3258,7 +3258,7 @@ var Text = polymorphicFactory(/* @__PURE__ */ defineComponent({
 var Anchor_module_default = { root: "_root_mirc9_1" };
 //#endregion
 //#region src/components/Anchor/Anchor.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$67 = { underline: "hover" };
+var defaultProps$68 = { underline: "hover" };
 //#endregion
 //#region src/components/Anchor/Anchor.ts
 var Anchor = polymorphicFactory(/* @__PURE__ */ defineComponent({
@@ -3284,7 +3284,7 @@ var Anchor = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Anchor", defaultProps$67, rawProps);
+		const props = useProps("Anchor", defaultProps$68, rawProps);
 		const rootElement = ref(null);
 		const setRootRef = (node) => {
 			rootElement.value = node;
@@ -3353,7 +3353,7 @@ function getTitleSize(order, size) {
 }
 //#endregion
 //#region src/components/Title/Title.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$66 = { order: 1 };
+var defaultProps$67 = { order: 1 };
 var varsResolver$87 = createVarsResolver((_, { order, size, lineClamp, textWrap }) => {
 	const values = getTitleSize(order || 1, size);
 	return { root: {
@@ -3387,7 +3387,7 @@ var Title = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Title", defaultProps$66, rawProps);
+		const props = useProps("Title", defaultProps$67, rawProps);
 		const order = computed(() => props.order ?? 1);
 		const validOrder = computed(() => [
 			1,
@@ -3574,7 +3574,7 @@ function getMarkColor({ color, theme, defaultShade }) {
 }
 //#endregion
 //#region src/components/Mark/Mark.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$65 = { color: "yellow" };
+var defaultProps$66 = { color: "yellow" };
 /** Module scope: created once, not per component instance. */
 var varsResolver$84 = createVarsResolver((theme, { color }) => ({ root: {
 	"--mark-bg-dark": getMarkColor({
@@ -3608,7 +3608,7 @@ var Mark = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Mark", defaultProps$65, rawProps);
+		const props = useProps("Mark", defaultProps$66, rawProps);
 		const getStyles = useStyles({
 			name: "Mark",
 			classes: Mark_module_default,
@@ -3789,7 +3789,7 @@ var Skeleton_module_default = {
 //#endregion
 //#region src/components/Skeleton/Skeleton.vue?vue&type=script&setup=true&lang.ts
 /** Module scope: created once, not per component instance. */
-var defaultProps$64 = {
+var defaultProps$65 = {
 	visible: true,
 	animate: true
 };
@@ -3835,7 +3835,7 @@ var Skeleton = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Skeleton", defaultProps$64, rawProps);
+		const props = useProps("Skeleton", defaultProps$65, rawProps);
 		const getStyles = useStyles({
 			name: "Skeleton",
 			classes: Skeleton_module_default,
@@ -3884,7 +3884,7 @@ var varsResolver$80 = createVarsResolver((_, { radius, size }) => ({ root: {
 	"--cs-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--cs-size": rem(size)
 } }));
-var defaultProps$63 = { withShadow: true };
+var defaultProps$64 = { withShadow: true };
 //#endregion
 //#region src/components/ColorSwatch/ColorSwatch.ts
 var ColorSwatch = polymorphicFactory(/* @__PURE__ */ defineComponent({
@@ -3914,7 +3914,7 @@ var ColorSwatch = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("ColorSwatch", defaultProps$63, rawProps);
+		const props = useProps("ColorSwatch", defaultProps$64, rawProps);
 		const getStyles = useStyles({
 			name: "ColorSwatch",
 			props,
@@ -3968,7 +3968,7 @@ var _hoisted_2$7 = [
 	"aria-label"
 ];
 var _hoisted_3$2 = ["name", "value"];
-var defaultProps$62 = {
+var defaultProps$63 = {
 	step: 1,
 	withLabel: true
 };
@@ -4024,7 +4024,7 @@ var AngleSlider = factory(/* @__PURE__ */ defineComponent({
 		const props_ = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("AngleSlider", defaultProps$62, props_);
+		const props = useProps("AngleSlider", defaultProps$63, props_);
 		const rootRef = ref(null);
 		const [value, setValue] = useUncontrolled({
 			value: () => props.modelValue,
@@ -4074,7 +4074,7 @@ var AngleSlider = factory(/* @__PURE__ */ defineComponent({
 		}
 		function handleKeyDown(event) {
 			if (props.disabled) return;
-			const step = props.step ?? defaultProps$62.step;
+			const step = props.step ?? defaultProps$63.step;
 			let nextValue = value.value;
 			if (event.key === "ArrowLeft" || event.key === "ArrowDown") {
 				event.preventDefault();
@@ -4762,7 +4762,7 @@ var ActionIcon_module_default = {
 };
 //#endregion
 //#region src/components/ActionIcon/ActionIconGroup/ActionIconGroup.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$61 = { orientation: "horizontal" };
+var defaultProps$62 = { orientation: "horizontal" };
 var varsResolver$76 = createVarsResolver((_, { borderWidth }) => ({ group: { "--ai-border-width": rem(borderWidth) } }));
 //#endregion
 //#region src/components/ActionIcon/ActionIconGroup/ActionIconGroup.ts
@@ -4785,7 +4785,7 @@ var ActionIconGroup = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("ActionIconGroup", defaultProps$61, rawProps);
+		const props = useProps("ActionIconGroup", defaultProps$62, rawProps);
 		const getStyles = useStyles({
 			name: "ActionIconGroup",
 			props,
@@ -5065,7 +5065,7 @@ var CloseIcon_default = /* @__PURE__ */ defineComponent({
 var CloseButton_module_default = { root: "_root_uv1i7_1" };
 //#endregion
 //#region src/components/CloseButton/CloseButton.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$60 = { variant: "subtle" };
+var defaultProps$61 = { variant: "subtle" };
 var varsResolver$73 = createVarsResolver((_, { size, radius, iconSize }) => ({ root: {
 	"--cb-size": getSize(size, "cb-size"),
 	"--cb-radius": radius === void 0 ? void 0 : getRadius(radius),
@@ -5106,7 +5106,7 @@ var CloseButton = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("CloseButton", defaultProps$60, rawProps);
+		const props = useProps("CloseButton", defaultProps$61, rawProps);
 		const getStyles = useStyles({
 			name: props.__staticSelector || "CloseButton",
 			props,
@@ -5398,7 +5398,7 @@ var Button_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Button/ButtonGroup/ButtonGroup.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$59 = { orientation: "horizontal" };
+var defaultProps$60 = { orientation: "horizontal" };
 var varsResolver$71 = createVarsResolver((_, { borderWidth }) => ({ group: { "--button-border-width": rem(borderWidth) } }));
 //#endregion
 //#region src/components/Button/ButtonGroup/ButtonGroup.ts
@@ -5421,7 +5421,7 @@ var ButtonGroup = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("ButtonGroup", defaultProps$59, rawProps);
+		const props = useProps("ButtonGroup", defaultProps$60, rawProps);
 		const getStyles = useStyles({
 			name: "ButtonGroup",
 			props,
@@ -5630,7 +5630,7 @@ var Burger = factory(/* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Collapse/Collapse.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$58 = {
+var defaultProps$59 = {
 	transitionDuration: 200,
 	transitionTimingFunction: "ease",
 	animateOpacity: true,
@@ -5669,11 +5669,11 @@ var Collapse = factory(/* @__PURE__ */ defineComponent({
 		const env = useMantineEnv();
 		const theme = useMantineTheme();
 		const shouldReduceMotion = useReducedMotion(false, { getInitialValueInEffect: false });
-		const transitionDuration = computed(() => props.transitionDuration ?? defaultProps$58.transitionDuration);
-		const transitionTimingFunction = computed(() => props.transitionTimingFunction ?? defaultProps$58.transitionTimingFunction);
-		const animateOpacity = computed(() => props.animateOpacity ?? defaultProps$58.animateOpacity);
-		const orientation = computed(() => props.orientation ?? defaultProps$58.orientation);
-		const keepMounted = computed(() => props.keepMounted ?? defaultProps$58.keepMounted);
+		const transitionDuration = computed(() => props.transitionDuration ?? defaultProps$59.transitionDuration);
+		const transitionTimingFunction = computed(() => props.transitionTimingFunction ?? defaultProps$59.transitionTimingFunction);
+		const animateOpacity = computed(() => props.animateOpacity ?? defaultProps$59.animateOpacity);
+		const orientation = computed(() => props.orientation ?? defaultProps$59.orientation);
+		const keepMounted = computed(() => props.keepMounted ?? defaultProps$59.keepMounted);
 		const duration = computed(() => theme.value.respectReducedMotion && shouldReduceMotion.value ? 0 : transitionDuration.value);
 		const collapseInput = {
 			expanded: () => props.expanded,
@@ -5725,7 +5725,7 @@ var Collapse = factory(/* @__PURE__ */ defineComponent({
 }));
 //#endregion
 //#region src/components/CopyButton/CopyButton.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$57 = { timeout: 1e3 };
+var defaultProps$58 = { timeout: 1e3 };
 //#endregion
 //#region src/components/CopyButton/CopyButton.vue
 var CopyButton_default = /* @__PURE__ */ defineComponent({
@@ -5739,7 +5739,7 @@ var CopyButton_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("CopyButton", defaultProps$57, rawProps);
+		const props = useProps("CopyButton", defaultProps$58, rawProps);
 		const clipboard = useClipboard({ timeout: props.timeout });
 		const copy = () => clipboard.copy(props.value);
 		return (_ctx, _cache) => {
@@ -5758,7 +5758,7 @@ var LoadingOverlay_module_default = {
 };
 //#endregion
 //#region src/components/LoadingOverlay/LoadingOverlay.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$56 = {
+var defaultProps$57 = {
 	transitionProps: {
 		transition: "fade",
 		duration: 0
@@ -5801,7 +5801,7 @@ var LoadingOverlay = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("LoadingOverlay", defaultProps$56, rawProps);
+		const props = useProps("LoadingOverlay", defaultProps$57, rawProps);
 		const theme = useMantineTheme();
 		const getStyles = useStyles({
 			name: "LoadingOverlay",
@@ -5816,11 +5816,11 @@ var LoadingOverlay = factory(/* @__PURE__ */ defineComponent({
 			unstyled: props.unstyled
 		});
 		const overlayProps = computed(() => ({
-			...defaultProps$56.overlayProps,
+			...defaultProps$57.overlayProps,
 			...props.overlayProps
 		}));
 		const transitionProps = computed(() => ({
-			...defaultProps$56.transitionProps,
+			...defaultProps$57.transitionProps,
 			...props.transitionProps
 		}));
 		const rootElement = ref(null);
@@ -5946,7 +5946,7 @@ var CardSection = polymorphicFactory(CardSection_default, { classes: Card_module
 //#endregion
 //#region src/components/Card/Card.vue?vue&type=script&setup=true&lang.ts
 var varsResolver$67 = createVarsResolver((_, { padding }) => ({ root: { "--card-padding": getSpacing(padding) } }));
-var defaultProps$55 = { orientation: "vertical" };
+var defaultProps$56 = { orientation: "vertical" };
 //#endregion
 //#region src/components/Card/Card.ts
 var Card = polymorphicFactory(/* @__PURE__ */ defineComponent({
@@ -5979,7 +5979,7 @@ var Card = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Card", defaultProps$55, rawProps);
+		const props = useProps("Card", defaultProps$56, rawProps);
 		const getStyles = useStyles({
 			name: "Card",
 			props,
@@ -6119,7 +6119,7 @@ var Alert = factory(/* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const attrs = useAttrs();
 		const props = useProps("Alert", null, rawProps);
-		const rootId = useId(props.id);
+		const rootId = useId$1(props.id);
 		const getStyles = useStyles({
 			name: "Alert",
 			props,
@@ -6194,7 +6194,7 @@ var Blockquote_module_default = {
 };
 //#endregion
 //#region src/components/Blockquote/Blockquote.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$54 = { iconSize: 48 };
+var defaultProps$55 = { iconSize: 48 };
 var varsResolver$65 = createVarsResolver((theme, { color, iconSize, radius, textWrap }) => {
 	const darkParsed = parseThemeColor({
 		color: color || theme.primaryColor,
@@ -6262,7 +6262,7 @@ var Blockquote = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Blockquote", defaultProps$54, rawProps);
+		const props = useProps("Blockquote", defaultProps$55, rawProps);
 		const getStyles = useStyles({
 			name: "Blockquote",
 			props,
@@ -6308,7 +6308,7 @@ var Breadcrumbs_module_default = {
 //#endregion
 //#region src/components/Breadcrumbs/Breadcrumbs.vue?vue&type=script&setup=true&lang.ts
 var varsResolver$64 = createVarsResolver((_, { separatorMargin }) => ({ root: { "--bc-separator-margin": getSpacing(separatorMargin) } }));
-var defaultProps$53 = { separator: "/" };
+var defaultProps$54 = { separator: "/" };
 //#endregion
 //#region src/components/Breadcrumbs/Breadcrumbs.ts
 var Breadcrumbs = factory(/* @__PURE__ */ defineComponent({
@@ -6342,7 +6342,7 @@ var Breadcrumbs = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Breadcrumbs", defaultProps$53, rawProps);
+		const props = useProps("Breadcrumbs", defaultProps$54, rawProps);
 		const getStyles = useStyles({
 			name: "Breadcrumbs",
 			props,
@@ -6480,7 +6480,7 @@ var varsResolver$63 = createVarsResolver((_, { size, spacing }) => ({ root: {
 	"--list-lh": getLineHeight(size),
 	"--list-spacing": getSpacing(spacing)
 } }));
-var defaultProps$52 = { type: "unordered" };
+var defaultProps$53 = { type: "unordered" };
 //#endregion
 //#region src/components/List/List.ts
 var List = factory(/* @__PURE__ */ defineComponent({
@@ -6534,7 +6534,7 @@ var List = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("List", defaultProps$52, rawProps);
+		const props = useProps("List", defaultProps$53, rawProps);
 		const getStyles = useStyles({
 			name: "List",
 			props,
@@ -6639,7 +6639,7 @@ function getPositionVariables(position = "top-end", offset = 0) {
 }
 //#endregion
 //#region src/components/Indicator/Indicator.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$51 = {
+var defaultProps$52 = {
 	position: "top-end",
 	offset: 0,
 	showZero: true,
@@ -6709,7 +6709,7 @@ var Indicator = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Indicator", defaultProps$51, rawProps);
+		const props = useProps("Indicator", defaultProps$52, rawProps);
 		const getStyles = useStyles({
 			name: "Indicator",
 			props,
@@ -7131,7 +7131,7 @@ var SimpleGrid_module_default = {
 };
 //#endregion
 //#region src/components/SimpleGrid/SimpleGrid.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$50 = {
+var defaultProps$51 = {
 	cols: 1,
 	spacing: "md",
 	type: "media"
@@ -7162,7 +7162,7 @@ var SimpleGrid = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("SimpleGrid", defaultProps$50, rawProps);
+		const props = useProps("SimpleGrid", defaultProps$51, rawProps);
 		const getStyles = useStyles({
 			name: "SimpleGrid",
 			props,
@@ -7319,7 +7319,7 @@ var GridColVariables_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Grid/GridCol/GridCol.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$49 = { span: 12 };
+var defaultProps$50 = { span: 12 };
 //#endregion
 //#region src/components/Grid/GridCol/GridCol.vue
 var GridCol_default = /* @__PURE__ */ defineComponent({
@@ -7339,7 +7339,7 @@ var GridCol_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("GridCol", defaultProps$49, rawProps);
+		const props = useProps("GridCol", defaultProps$50, rawProps);
 		const ctx = useGridContext();
 		const responsiveClassName = useRandomClassName();
 		const rootElement = ref(null);
@@ -7453,7 +7453,7 @@ var varsResolver$59 = createVarsResolver((_, { justify, align, overflow }) => ({
 	"--grid-align": align,
 	"--grid-overflow": overflow
 } }));
-var defaultProps$48 = {
+var defaultProps$49 = {
 	gap: "md",
 	columns: 12
 };
@@ -7489,7 +7489,7 @@ var Grid = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Grid", defaultProps$48, rawProps);
+		const props = useProps("Grid", defaultProps$49, rawProps);
 		const responsiveClassName = useRandomClassName();
 		const getStyles = useStyles({
 			name: "Grid",
@@ -7622,7 +7622,7 @@ var ScrollAreaCorner = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$47 = {
+var defaultProps$48 = {
 	scrollHideDelay: 1e3,
 	type: "hover"
 };
@@ -7652,7 +7652,7 @@ var ScrollAreaRoot = factory(/* @__PURE__ */ defineComponent({
 		*/
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("ScrollAreaRoot", defaultProps$47, rawProps);
+		const props = useProps("ScrollAreaRoot", defaultProps$48, rawProps);
 		const viewport = ref(null);
 		const content = ref(null);
 		const scrollbarX = ref(null);
@@ -7660,8 +7660,8 @@ var ScrollAreaRoot = factory(/* @__PURE__ */ defineComponent({
 		const cornerWidth = ref(0);
 		const cornerHeight = ref(0);
 		provideScrollAreaContext({
-			type: props.type ?? defaultProps$47.type,
-			scrollHideDelay: props.scrollHideDelay ?? defaultProps$47.scrollHideDelay,
+			type: props.type ?? defaultProps$48.type,
+			scrollHideDelay: props.scrollHideDelay ?? defaultProps$48.scrollHideDelay,
 			scrollbars: props.scrollbars,
 			viewport,
 			onViewportChange: (node) => {
@@ -8343,7 +8343,7 @@ var ScrollArea_module_default = {
 };
 //#endregion
 //#region src/components/ScrollArea/ScrollArea.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$46 = {
+var defaultProps$47 = {
 	scrollHideDelay: 1e3,
 	type: "hover",
 	scrollbars: "xy"
@@ -8408,7 +8408,7 @@ var ScrollArea_default = /* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("ScrollArea", defaultProps$46, rawProps);
+		const props = useProps("ScrollArea", defaultProps$47, rawProps);
 		const viewport = ref(null);
 		const content = ref(null);
 		const hovered = ref(false);
@@ -8743,7 +8743,7 @@ var Accordion_module_default = {
 //#endregion
 //#region src/components/Accordion/Accordion.vue?vue&type=script&setup=true&lang.ts
 var VALUE_ERROR$1 = "Accordion.Item component was rendered with invalid value or without value";
-var defaultProps$45 = {
+var defaultProps$46 = {
 	multiple: false,
 	loop: true,
 	disableChevronRotation: false,
@@ -8825,8 +8825,8 @@ var Accordion_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("Accordion", defaultProps$45, rawProps);
-		const uid = useId(props.id);
+		const props = useProps("Accordion", defaultProps$46, rawProps);
+		const uid = useId$1(props.id);
 		const [currentValue, setCurrentValue] = useUncontrolled({
 			value: () => props.value,
 			defaultValue: props.defaultValue,
@@ -9223,7 +9223,7 @@ var Scroller_module_default = {
 //#endregion
 //#region src/components/Scroller/Scroller.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$31 = ["data-draggable"];
-var defaultProps$44 = {
+var defaultProps$45 = {
 	scrollAmount: 200,
 	draggable: true
 };
@@ -9295,7 +9295,7 @@ var Scroller = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("Scroller", defaultProps$44, rawProps);
+		const props = useProps("Scroller", defaultProps$45, rawProps);
 		const scroller = useScroller({
 			scrollAmount: props.scrollAmount,
 			draggable: props.draggable
@@ -9701,7 +9701,7 @@ var TableDataRenderer = defineComponent({
 });
 //#endregion
 //#region src/components/Table/Table.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$43 = {
+var defaultProps$44 = {
 	withRowBorders: true,
 	verticalSpacing: 7
 };
@@ -9781,7 +9781,7 @@ var Table_default = /* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("Table", defaultProps$43, rawProps);
+		const props = useProps("Table", defaultProps$44, rawProps);
 		const getStyles = useStyles({
 			name: "Table",
 			props,
@@ -9852,7 +9852,7 @@ var Table_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Table/TableScrollContainer.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$42 = { type: "scrollarea" };
+var defaultProps$43 = { type: "scrollarea" };
 var varsResolver$54 = createVarsResolver((_, { minWidth, maxHeight, type }) => ({ scrollContainer: {
 	"--table-min-width": rem(minWidth),
 	"--table-max-height": rem(maxHeight),
@@ -9881,7 +9881,7 @@ var TableScrollContainer = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("TableScrollContainer", defaultProps$42, rawProps);
+		const props = useProps("TableScrollContainer", defaultProps$43, rawProps);
 		const getStyles = useStyles({
 			name: "TableScrollContainer",
 			props,
@@ -10074,7 +10074,7 @@ var ProgressRoot = factory(/* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Progress/ProgressSection/ProgressSection.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$41 = { withAria: true };
+var defaultProps$42 = { withAria: true };
 //#endregion
 //#region src/components/Progress/ProgressSection/ProgressSection.ts
 var ProgressSection = factory(/* @__PURE__ */ defineComponent({
@@ -10108,7 +10108,7 @@ var ProgressSection = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("ProgressSection", defaultProps$41, rawProps);
+		const props = useProps("ProgressSection", defaultProps$42, rawProps);
 		const ctx = useProgressContext();
 		const theme = useMantineTheme();
 		const ariaAttributes = computed(() => props.withAria === false ? {} : {
@@ -10364,7 +10364,7 @@ var RingProgress_module_default = {
 //#endregion
 //#region src/components/RingProgress/RingProgress.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$30 = ["viewBox"];
-var defaultProps$40 = {
+var defaultProps$41 = {
 	size: 120,
 	thickness: 12,
 	startAngle: 270
@@ -10373,7 +10373,7 @@ var defaultProps$40 = {
 var varsResolver$52 = createVarsResolver((_, { size, thickness, transitionDuration, startAngle }) => ({
 	root: {
 		"--rp-size": rem(size),
-		"--rp-label-offset": rem((thickness ?? defaultProps$40.thickness) * 2),
+		"--rp-label-offset": rem((thickness ?? defaultProps$41.thickness) * 2),
 		"--rp-transition-duration": transitionDuration ? `${transitionDuration}ms` : void 0
 	},
 	svg: { "--rp-start-angle": `${startAngle}deg` }
@@ -10434,7 +10434,7 @@ var RingProgress = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("RingProgress", defaultProps$40, rawProps);
+		const props = useProps("RingProgress", defaultProps$41, rawProps);
 		const getStyles = useStyles({
 			name: "RingProgress",
 			props,
@@ -10447,8 +10447,8 @@ var RingProgress = factory(/* @__PURE__ */ defineComponent({
 			vars: props.vars,
 			varsResolver: varsResolver$52
 		});
-		const size = computed(() => props.size ?? defaultProps$40.size);
-		const thickness = computed(() => props.thickness ?? defaultProps$40.thickness);
+		const size = computed(() => props.size ?? defaultProps$41.size);
+		const thickness = computed(() => props.thickness ?? defaultProps$41.thickness);
 		const clampedThickness = computed(() => getClampedThickness(thickness.value, size.value));
 		const label = computed(() => slots.label?.() ?? props.label);
 		/**
@@ -10738,16 +10738,17 @@ function getRenderSlotsFromValues({ value, previousValue, prefix, suffix, decima
 	});
 }
 var RollingNumber_module_default = {
-	root: "_root_ox6qq_1",
-	digit: "_digit_ox6qq_11",
-	digitColumn: "_digitColumn_ox6qq_27",
-	"mantine-rolling-number-roll": "_mantine-rolling-number-roll_ox6qq_1",
-	char: "_char_ox6qq_40"
+	root: "_root_j0d70_1",
+	copyValue: "_copyValue_j0d70_12",
+	digit: "_digit_j0d70_22",
+	digitColumn: "_digitColumn_j0d70_43",
+	"mantine-rolling-number-roll": "_mantine-rolling-number-roll_j0d70_1",
+	char: "_char_j0d70_56"
 };
 //#endregion
 //#region src/components/RollingNumber/RollingNumber.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$28 = ["data-empty"];
-var defaultProps$39 = {
+var defaultProps$40 = {
 	animationDuration: 600,
 	timingFunction: "ease",
 	decimalSeparator: ".",
@@ -10801,7 +10802,7 @@ var RollingNumber = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("RollingNumber", defaultProps$39, rawProps);
+		const props = useProps("RollingNumber", defaultProps$40, rawProps);
 		/** Kept so each digit knows where it is rolling from. */
 		const previousValue = ref(props.value);
 		watch(() => props.value, (_, oldValue) => {
@@ -10873,7 +10874,7 @@ var RollingNumber = factory(/* @__PURE__ */ defineComponent({
 				role: unref(props).withLiveRegion ? "status" : "img",
 				"aria-label": accessibleValue.value
 			}), {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(renderSlots.value, (slot) => {
+				default: withCtx(() => [createElementVNode("span", mergeProps(unref(getStyles)("copyValue"), { "aria-hidden": "true" }), toDisplayString(accessibleValue.value), 17), (openBlock(true), createElementBlock(Fragment, null, renderList(renderSlots.value, (slot) => {
 					return openBlock(), createElementBlock(Fragment, { key: slot.key }, [slot.type === "digit" ? (openBlock(), createBlock(unref(DigitColumn), {
 						key: 0,
 						digit: slot.digit,
@@ -11100,7 +11101,7 @@ var varsResolver$50 = createVarsResolver((theme, { bulletSize, lineWidth, radius
 		autoContrast
 	}) : void 0
 } }));
-var defaultProps$38 = {
+var defaultProps$39 = {
 	active: -1,
 	align: "left"
 };
@@ -11139,7 +11140,7 @@ var Timeline = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Timeline", defaultProps$38, rawProps);
+		const props = useProps("Timeline", defaultProps$39, rawProps);
 		const getStyles = useStyles({
 			name: "Timeline",
 			props,
@@ -11156,7 +11157,7 @@ var Timeline = factory(/* @__PURE__ */ defineComponent({
 		const renderTimeline = Object.assign((slotProps) => {
 			const children = (slotProps.nodes?.() ?? []).filter(Boolean);
 			const hasOpposite = children.some((item) => item.props?.opposite != null || item.children?.opposite != null);
-			const active = props.active ?? defaultProps$38.active;
+			const active = props.active ?? defaultProps$39.active;
 			const items = children.map((item, index) => {
 				const itemActive = props.reverseActive ? active >= children.length - index - 1 : active >= index;
 				const lineActive = props.reverseActive ? active >= children.length - index - 1 : active - 1 >= index;
@@ -11280,7 +11281,7 @@ function highlighter(value, _highlight, options = {}) {
 //#endregion
 //#region src/components/Highlight/Highlight.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$27 = { key: 1 };
-var defaultProps$37 = {
+var defaultProps$38 = {
 	color: "yellow",
 	wholeWord: false,
 	caseInsensitive: true,
@@ -11342,7 +11343,7 @@ var Highlight = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Highlight", defaultProps$37, rawProps);
+		const props = useProps("Highlight", defaultProps$38, rawProps);
 		function getChunks() {
 			const text = slots.default?.().map((node) => String(node.children ?? "")).join("") ?? "";
 			const isTermArray = Array.isArray(props.highlight) && typeof props.highlight[0] === "object";
@@ -11415,7 +11416,7 @@ var Highlight = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		};
 	}
 }), { classes: Text.classes });
-var Typography_module_default = { root: "_root_1ezfc_1" };
+var Typography_module_default = { root: "_root_whr49_1" };
 //#endregion
 //#region src/components/Typography/Typography.ts
 var Typography = factory(/* @__PURE__ */ defineComponent({
@@ -11484,7 +11485,7 @@ var _hoisted_4 = [
 	"stroke-width",
 	"stroke-dasharray"
 ];
-var defaultProps$36 = {
+var defaultProps$37 = {
 	size: 200,
 	thickness: 12,
 	orientation: "up",
@@ -11546,7 +11547,7 @@ var SemiCircleProgress = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("SemiCircleProgress", defaultProps$36, rawProps);
+		const props = useProps("SemiCircleProgress", defaultProps$37, rawProps);
 		const getStyles = useStyles({
 			name: "SemiCircleProgress",
 			props,
@@ -11559,8 +11560,8 @@ var SemiCircleProgress = factory(/* @__PURE__ */ defineComponent({
 			vars: props.vars,
 			varsResolver: varsResolver$49
 		});
-		const size = computed(() => props.size ?? defaultProps$36.size);
-		const thickness = computed(() => props.thickness ?? defaultProps$36.thickness);
+		const size = computed(() => props.size ?? defaultProps$37.size);
+		const thickness = computed(() => props.thickness ?? defaultProps$37.thickness);
 		const coordinateForCircle = computed(() => size.value / 2);
 		const radius = computed(() => (size.value - 2 * thickness.value) / 2);
 		const circumference = computed(() => Math.PI * radius.value);
@@ -11624,7 +11625,7 @@ var Spoiler_module_default = {
 //#endregion
 //#region src/components/Spoiler/Spoiler.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$25 = ["id"];
-var defaultProps$35 = {
+var defaultProps$36 = {
 	maxHeight: 100,
 	defaultExpanded: false
 };
@@ -11689,7 +11690,7 @@ var Spoiler = factory(/* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("Spoiler", defaultProps$35, rawProps);
+		const props = useProps("Spoiler", defaultProps$36, rawProps);
 		const getStyles = useStyles({
 			name: "Spoiler",
 			props,
@@ -11702,7 +11703,7 @@ var Spoiler = factory(/* @__PURE__ */ defineComponent({
 			vars: props.vars,
 			varsResolver: varsResolver$48
 		});
-		const id = useId(props.id);
+		const id = useId$1(props.id);
 		const [show, setShowState] = useUncontrolled({
 			value: computed(() => props.expanded),
 			defaultValue: props.defaultExpanded,
@@ -11714,7 +11715,7 @@ var Spoiler = factory(/* @__PURE__ */ defineComponent({
 		const currentLabel = computed(() => show.value ? resolveNode(props.hideLabel, slots.hideLabel) : resolveNode(props.showLabel, slots.showLabel));
 		/** Stable functional component: `MantineNode` values are arbitrary VNode children. */
 		const renderLabel = () => currentLabel.value;
-		const maxHeight = computed(() => props.maxHeight ?? defaultProps$35.maxHeight);
+		const maxHeight = computed(() => props.maxHeight ?? defaultProps$36.maxHeight);
 		const hasSpoiler = computed(() => hasNode(currentLabel.value) && maxHeight.value < height.value);
 		const ariaLabel = computed(() => show.value ? props.hideAriaLabel : props.showAriaLabel);
 		const contentStyle = computed(() => ({ maxHeight: !show.value ? rem(maxHeight.value) : height.value ? rem(height.value) : void 0 }));
@@ -11774,7 +11775,7 @@ var Fieldset_module_default = {
 };
 //#endregion
 //#region src/components/Fieldset/Fieldset.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$34 = { variant: "default" };
+var defaultProps$35 = { variant: "default" };
 var varsResolver$47 = createVarsResolver((_, { radius }) => ({ root: { "--fieldset-radius": radius === void 0 ? void 0 : getRadius(radius) } }));
 //#endregion
 //#region src/components/Fieldset/Fieldset.ts
@@ -11810,7 +11811,7 @@ var Fieldset = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Fieldset", defaultProps$34, rawProps);
+		const props = useProps("Fieldset", defaultProps$35, rawProps);
 		const getStyles = useStyles({
 			name: "Fieldset",
 			props,
@@ -12164,7 +12165,7 @@ var varsResolver$44 = createVarsResolver((_, { size }) => ({ label: {
 	"--input-label-size": getFontSize(size),
 	"--input-asterisk-color": void 0
 } }));
-var defaultProps$33 = { labelElement: "label" };
+var defaultProps$34 = { labelElement: "label" };
 //#endregion
 //#region src/components/Input/InputLabel/InputLabel.ts
 var InputLabel = factory(/* @__PURE__ */ defineComponent({
@@ -12195,7 +12196,7 @@ var InputLabel = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("InputLabel", defaultProps$33, rawProps);
+		const props = useProps("InputLabel", defaultProps$34, rawProps);
 		const wrapperCtx = useInputWrapperContext();
 		const ownGetStyles = useStyles({
 			name: "InputWrapper",
@@ -12434,7 +12435,7 @@ var InputWrapper = Object.assign(/* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const attrs = useAttrs();
 		const props = useProps("InputWrapper", { labelElement: "label" }, rawProps);
-		const idBase = useId(props.id);
+		const idBase = useId$1(props.id);
 		const getStyles = useStyles({
 			name: "InputWrapper",
 			props,
@@ -12630,7 +12631,7 @@ var varsResolver$42 = createVarsResolver((_, props, ctx) => ({ wrapper: {
 function renderContent(content) {
 	return typeof content === "function" ? content() : content;
 }
-var defaultProps$32 = {
+var defaultProps$33 = {
 	component: "input",
 	leftSectionPointerEvents: "none",
 	rightSectionPointerEvents: "none",
@@ -12776,7 +12777,7 @@ var Input = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("Input", defaultProps$32, rawProps);
+		const props = useProps("Input", defaultProps$33, rawProps);
 		const [value, setValue] = useUncontrolled({
 			value: () => props.modelValue,
 			defaultValue: props.defaultValue,
@@ -12962,7 +12963,7 @@ var Input = polymorphicFactory(/* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/InputBase/InputBase.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$31 = {
+var defaultProps$32 = {
 	component: "input",
 	__staticSelector: "InputBase",
 	withAria: true,
@@ -13167,7 +13168,7 @@ var InputBase = polymorphicFactory(/* @__PURE__ */ defineComponent({
 			"Input",
 			"InputWrapper",
 			"InputBase"
-		], defaultProps$31, rawProps);
+		], defaultProps$32, rawProps);
 		const stylePropNames = new Set(Object.keys(STYLE_PROPS_DATA));
 		const wrapperStyleProps = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => stylePropNames.has(key))));
 		const inputAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style" && !stylePropNames.has(key))));
@@ -13585,7 +13586,7 @@ var Notification_module_default = {
 };
 //#endregion
 //#region src/components/Notification/Notification.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$30 = { withCloseButton: true };
+var defaultProps$31 = { withCloseButton: true };
 var varsResolver$41 = createVarsResolver((theme, { radius, color }) => ({ root: {
 	"--notification-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--notification-color": color ? getThemeColor(color, theme) : void 0
@@ -13647,7 +13648,7 @@ var Notification = factory(/* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Notification", defaultProps$30, rawProps);
+		const props = useProps("Notification", defaultProps$31, rawProps);
 		const getStyles = useStyles({
 			name: "Notification",
 			props,
@@ -13850,13 +13851,21 @@ var leadingZerosPattern = /^-?0\d+(\.\d+)?\.?$/;
 var trailingZerosPattern = /\.\d*0$/;
 var trailingDecimalSeparatorPattern = /^-?\d+\.$/;
 function clamp$3(value, min, max) {
-	return Math.min(max ?? value, Math.max(min ?? value, value));
+	return Math.min(max ?? Number.POSITIVE_INFINITY, Math.max(min ?? Number.NEGATIVE_INFINITY, value));
 }
 function clampBigInt(value, min, max) {
 	if (min !== void 0 && value < min) return min;
 	if (max !== void 0 && value > max) return max;
 	return value;
 }
+function canStep(value) {
+	if (typeof value === "number") return value < Number.MAX_SAFE_INTEGER;
+	return value === "" || value !== "-" && !Number.isNaN(Number(value)) && Number(value) < Number.MAX_SAFE_INTEGER;
+}
+function canStepBigInt(value, allowNegative) {
+	if (typeof value === "bigint") return true;
+	return value === "" || value !== "-" && (allowNegative || !value.startsWith("-")) && /^-?\d+$/.test(value);
+}
 function stripFormatting(value, options) {
 	let next = value;
 	if (options.prefix && next.startsWith(options.prefix)) next = next.slice(options.prefix.length);
@@ -13886,9 +13895,19 @@ function parseNumberInputValue(rawValue, allowDecimal, allowNegative, allowLeadi
 	return parsed;
 }
 function sanitizeNumberInputString(rawValue, allowDecimal, allowNegative, decimalScale) {
-	let normalized = rawValue;
-	if (!allowNegative) normalized = normalized.replace(/-/g, "");
-	if (!allowDecimal) return normalized.split(".")[0];
+	let normalized = "";
+	let hasDecimalSeparator = false;
+	for (const character of rawValue) {
+		if (character === "." && !allowDecimal) break;
+		if (/\d/.test(character)) normalized += character;
+		else if (character === "-" && allowNegative && normalized.length === 0) normalized = "-";
+		else if (character === "." && allowDecimal && !hasDecimalSeparator) {
+			normalized += character;
+			hasDecimalSeparator = true;
+		}
+	}
+	if (normalized.startsWith(".")) normalized = `0${normalized}`;
+	else if (normalized.startsWith("-.")) normalized = `-0${normalized.slice(1)}`;
 	if (typeof decimalScale === "number" && normalized.includes(".")) {
 		const [integerPart, decimalPart = ""] = normalized.split(".");
 		return `${integerPart}.${decimalPart.slice(0, decimalScale)}`;
@@ -14108,7 +14127,6 @@ var NumberInput = factory(/* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const attrs = useAttrs();
 		const inputRef = ref(null);
-		const isEditing = ref(false);
 		const isBigIntMode = computed(() => typeof props.modelValue === "bigint" || typeof props.defaultValue === "bigint");
 		const [value, setValue] = useUncontrolled({
 			value: () => props.modelValue,
@@ -14141,11 +14159,7 @@ var NumberInput = factory(/* @__PURE__ */ defineComponent({
 			thousandsGroupStyle: props.thousandsGroupStyle,
 			thousandSeparator: props.thousandSeparator
 		}));
-		const getFormatterOptions = (nextValue = value.value) => ({
-			...formatterOptions.value,
-			fixedDecimalScale: isEditing.value || typeof nextValue === "string" ? false : formatterOptions.value.fixedDecimalScale
-		});
-		const displayValue = computed(() => value.value === "" || value.value === "-" ? String(value.value) : formatNumber(value.value, getFormatterOptions()));
+		const displayValue = computed(() => value.value === "" || value.value === "-" ? String(value.value) : formatNumber(value.value, formatterOptions.value));
 		const clampCaretToFormatting = (input) => {
 			const { min, max } = getCaretBoundaries(input.value, formatterOptions.value);
 			const start = input.selectionStart;
@@ -14158,6 +14172,14 @@ var NumberInput = factory(/* @__PURE__ */ defineComponent({
 		const scheduleCaretClamp = (input) => {
 			setTimeout(() => clampCaretToFormatting(input), 0);
 		};
+		const getFormattedCaretPosition = (value, formattedValue, position) => {
+			let formattedPosition = 0;
+			for (const character of value.slice(0, position)) {
+				const nextPosition = formattedValue.indexOf(character, formattedPosition);
+				if (nextPosition !== -1) formattedPosition = nextPosition + 1;
+			}
+			return formattedPosition;
+		};
 		const commitValue = (nextValue, source = "event") => {
 			if (props.clampBehavior === "strict") {
 				const numeric = toNumeric(nextValue);
@@ -14169,18 +14191,19 @@ var NumberInput = factory(/* @__PURE__ */ defineComponent({
 			const raw = typeof nextValue === "bigint" ? nextValue.toString() : String(nextValue);
 			emit("value-change", {
 				floatValue: typeof nextValue === "number" ? nextValue : Number.isNaN(Number(raw)) ? void 0 : Number(raw),
-				formattedValue: nextValue === "" ? "" : formatNumber(nextValue, getFormatterOptions(nextValue)),
+				formattedValue: nextValue === "" ? "" : formatNumber(nextValue, formatterOptions.value),
 				value: raw
 			}, { source });
 		};
+		const canStepValue = computed(() => isBigIntMode.value ? canStepBigInt(value.value, props.allowNegative) : canStep(value.value));
 		const stepValue = (direction) => {
-			if (props.disabled || props.readOnly) return;
+			if (props.disabled || props.readOnly || !canStepValue.value) return;
 			if (isBigIntMode.value) {
 				const current = typeof value.value === "bigint" ? value.value : BigInt(0);
 				const step = typeof props.step === "bigint" ? props.step : BigInt(props.step);
 				const start = typeof props.startValue === "bigint" ? props.startValue : BigInt(props.startValue);
 				const next = (value.value === "" || value.value === "-" ? start : current) + step * BigInt(direction);
-				const min = typeof props.min === "bigint" ? props.min : props.min === void 0 ? void 0 : BigInt(props.min);
+				const min = typeof props.min === "bigint" ? props.min : props.min === void 0 ? props.allowNegative ? void 0 : BigInt(0) : BigInt(props.min);
 				const max = typeof props.max === "bigint" ? props.max : props.max === void 0 ? void 0 : BigInt(props.max);
 				const clamped = clampBigInt(next, min, max);
 				if (max !== void 0 && next > max) emit("max-reached");
@@ -14270,7 +14293,7 @@ var NumberInput = factory(/* @__PURE__ */ defineComponent({
 			onPointercancel: clearHold
 		}, () => h(NumberInputChevron, { direction: "down" }))]);
 		/** The step controls double as the right section unless one was supplied. */
-		const rightSection = computed(() => props.hideControls || props.readOnly ? props.rightSection : props.rightSection !== void 0 || slots.rightSection ? props.rightSection : controls);
+		const rightSection = computed(() => props.hideControls || props.readOnly || !canStepValue.value ? props.rightSection : props.rightSection !== void 0 || slots.rightSection ? props.rightSection : controls);
 		const rightSectionPointerEvents = computed(() => props.rightSectionPointerEvents ?? (props.disabled ? "none" : void 0));
 		const rightSectionWidth = computed(() => props.rightSectionWidth ?? `var(--ni-right-section-width-${props.size || "sm"})`);
 		/** `bigint` values are integers only, so the numeric keypad is the right hint. */
@@ -14287,22 +14310,52 @@ var NumberInput = factory(/* @__PURE__ */ defineComponent({
 		};
 		__expose({ rootElement });
 		function onInput(event) {
-			isEditing.value = true;
 			const input = event.currentTarget;
-			const rawValue = stripFormatting(input.value, formatterOptions.value);
+			const inputValue = input.value;
+			const selectionStart = input.selectionStart;
+			const selectionEnd = input.selectionEnd;
+			const rawValue = stripFormatting(inputValue, formatterOptions.value);
 			const decimalSeparator = props.decimalSeparator || ".";
-			const sanitized = sanitizeNumberInputString(props.allowedDecimalSeparators.filter((separator) => separator !== decimalSeparator).reduce((acc, separator) => acc.split(separator).join("."), rawValue.replace(decimalSeparator, ".")), props.allowDecimal, props.allowNegative, props.decimalScale);
+			const sanitized = sanitizeNumberInputString(props.allowedDecimalSeparators.filter((separator) => separator !== decimalSeparator).reduce((acc, separator) => acc.split(separator).join("."), rawValue.replace(decimalSeparator, ".")), isBigIntMode.value ? false : props.allowDecimal, props.allowNegative, props.decimalScale);
 			const nextValue = isBigIntMode.value ? parseBigIntInputValue(sanitized, props.allowNegative, props.allowLeadingZeros) : parseNumberInputValue(sanitized, props.allowDecimal, props.allowNegative, props.allowLeadingZeros, props.decimalScale, props.fixedDecimalScale);
 			if (props.clampBehavior === "strict" && !isBigIntMode.value && !isStrictAllowed(nextValue, typeof props.min === "number" ? props.min : void 0, typeof props.max === "number" ? props.max : void 0)) {
 				restoreInputValue(input, displayValue.value);
 				return;
 			}
-			const formattedNextValue = nextValue === "" || nextValue === "-" ? String(nextValue) : formatNumber(nextValue, getFormatterOptions(nextValue));
-			if (input.value !== formattedNextValue) restoreInputValue(input, formattedNextValue);
+			const formattedNextValue = nextValue === "" || nextValue === "-" ? String(nextValue) : formatNumber(nextValue, formatterOptions.value);
+			if (input.value !== formattedNextValue) {
+				restoreInputValue(input, formattedNextValue);
+				if (props.fixedDecimalScale && selectionStart !== null && selectionEnd !== null) input.setSelectionRange(getFormattedCaretPosition(inputValue, formattedNextValue, selectionStart), getFormattedCaretPosition(inputValue, formattedNextValue, selectionEnd));
+			}
 			scheduleCaretClamp(input);
-			commitValue(nextValue);
+			if (!Object.is(nextValue, value.value)) commitValue(nextValue);
 		}
 		function onKeydown(event) {
+			const input = event.currentTarget;
+			if (event.key === "Backspace" && !props.readOnly && !props.disabled && input.selectionStart !== null && input.selectionStart === input.selectionEnd) {
+				if (input.selectionStart === 0) event.preventDefault();
+				else if (props.fixedDecimalScale && typeof props.decimalScale === "number") {
+					const decimalPosition = input.value.indexOf(props.decimalSeparator);
+					const isAfterDecimalSeparator = input.value[input.selectionStart - 1] === props.decimalSeparator;
+					const deletePosition = input.selectionStart - (isAfterDecimalSeparator ? 2 : 1);
+					if (deletePosition >= 0 && deletePosition < decimalPosition) {
+						const nextInputValue = input.value.slice(0, deletePosition) + input.value.slice(deletePosition + 1);
+						const unformattedValue = stripFormatting(nextInputValue, formatterOptions.value);
+						const [integerPart, decimalPart = ""] = (unformattedValue.startsWith("-") ? unformattedValue.slice(1) : unformattedValue).split(".");
+						if (!/\d/.test(integerPart) && /^0*$/.test(decimalPart)) {
+							event.preventDefault();
+							input.value = "";
+							input.setSelectionRange(0, 0);
+							input.dispatchEvent(new Event("input", { bubbles: true }));
+						} else if (isAfterDecimalSeparator) {
+							event.preventDefault();
+							input.value = nextInputValue;
+							input.setSelectionRange(deletePosition, deletePosition);
+							input.dispatchEvent(new Event("input", { bubbles: true }));
+						}
+					}
+				}
+			}
 			if (!props.readOnly && props.withKeyboardEvents && event.key === "ArrowUp") {
 				event.preventDefault();
 				stepValue(1);
@@ -14311,7 +14364,7 @@ var NumberInput = factory(/* @__PURE__ */ defineComponent({
 				event.preventDefault();
 				stepValue(-1);
 			}
-			scheduleCaretClamp(event.currentTarget);
+			scheduleCaretClamp(input);
 		}
 		function onKeyup(event) {
 			scheduleCaretClamp(event.currentTarget);
@@ -14320,12 +14373,10 @@ var NumberInput = factory(/* @__PURE__ */ defineComponent({
 			scheduleCaretClamp(event.currentTarget);
 		}
 		function onFocus(event) {
-			isEditing.value = true;
-			if (props.selectAllOnFocus) setTimeout(() => event.currentTarget.select(), 0);
+			if (props.selectAllOnFocus) window.setTimeout(() => inputRef.value?.select(), 0);
 			else scheduleCaretClamp(event.currentTarget);
 		}
 		function onBlur() {
-			isEditing.value = false;
 			let sanitizedValue = value.value;
 			const min = typeof props.min === "number" ? props.min : void 0;
 			const max = typeof props.max === "number" ? props.max : void 0;
@@ -14424,7 +14475,7 @@ var NumberInput = factory(/* @__PURE__ */ defineComponent({
 var Group_module_default = { root: "_root_7pazr_1" };
 //#endregion
 //#region src/components/Group/Group.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$29 = {
+var defaultProps$30 = {
 	preventGrowOverflow: true,
 	gap: "md",
 	align: "center",
@@ -14464,7 +14515,7 @@ var Group = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Group", defaultProps$29, rawProps);
+		const props = useProps("Group", defaultProps$30, rawProps);
 		const rootElement = ref(null);
 		const setRootRef = (node) => {
 			rootElement.value = node;
@@ -14543,7 +14594,7 @@ var regex = {
 	number: /^[0-9]+$/,
 	alphanumeric: /^[a-zA-Z0-9]+$/i
 };
-var defaultProps$28 = {
+var defaultProps$29 = {
 	gap: "sm",
 	length: 4,
 	manageFocus: true,
@@ -14636,13 +14687,13 @@ var PinInput = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("PinInput", defaultProps$28, rawProps);
-		const uuid = useId(props.id);
+		const props = useProps("PinInput", defaultProps$29, rawProps);
+		const uuid = useId$1(props.id);
 		const focusedIndex = ref(-1);
 		const inputsRef = ref([]);
 		/** Guards `onComplete` so it fires once per completion, not on every keystroke after. */
 		const completed = ref(false);
-		const currentLength = computed(() => props.length ?? defaultProps$28.length);
+		const currentLength = computed(() => props.length ?? defaultProps$29.length);
 		const getStyles = useStyles({
 			name: "PinInput",
 			classes: PinInput_module_default,
@@ -14960,7 +15011,7 @@ var NativeSelectChevron_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NativeSelect/NativeSelect.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$27 = {
+var defaultProps$28 = {
 	size: "sm",
 	rightSectionPointerEvents: "none"
 };
@@ -15052,7 +15103,7 @@ var NativeSelect = factory(/* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("NativeSelect", defaultProps$27, rawProps);
+		const props = useProps("NativeSelect", defaultProps$28, rawProps);
 		/**
 		* `option` and `optgroup` trees are built with `h` because they are generated from
 		* data, not written in the template.
@@ -15424,7 +15475,7 @@ var varsResolver$36 = createVarsResolver((_, { duration, gap, repeat, fadeEdgeCo
 	"--marquee-fade-color": fadeEdgeColor,
 	"--marquee-fade-size": fadeEdgeSize
 } }));
-var defaultProps$26 = {
+var defaultProps$27 = {
 	repeat: 4,
 	duration: 1e5,
 	orientation: "horizontal",
@@ -15471,7 +15522,7 @@ var Marquee = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Marquee", defaultProps$26, rawProps);
+		const props = useProps("Marquee", defaultProps$27, rawProps);
 		const getStyles = useStyles({
 			name: "Marquee",
 			props,
@@ -15517,7 +15568,7 @@ var Marquee = factory(/* @__PURE__ */ defineComponent({
 var Affix_module_default = { root: "_root_rcum7_1" };
 //#endregion
 //#region src/components/Affix/Affix.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$25 = {
+var defaultProps$26 = {
 	position: {
 		bottom: 0,
 		right: 0
@@ -15558,7 +15609,7 @@ var Affix = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Affix", defaultProps$25, rawProps);
+		const props = useProps("Affix", defaultProps$26, rawProps);
 		const getStyles = useStyles({
 			name: "Affix",
 			props,
@@ -15604,7 +15655,7 @@ var Dialog_module_default = {
 //#endregion
 //#region src/components/Dialog/Dialog.vue?vue&type=script&setup=true&lang.ts
 var varsResolver$34 = createVarsResolver((_, { size }) => ({ root: { "--dialog-size": getSize(size, "dialog-size") } }));
-var defaultProps$24 = {
+var defaultProps$25 = {
 	shadow: "md",
 	p: "md",
 	withBorder: true,
@@ -15662,7 +15713,7 @@ var Dialog = Object.assign(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("Dialog", defaultProps$24, rawProps);
+		const props = useProps("Dialog", defaultProps$25, rawProps);
 		const env = useMantineEnv();
 		const getStyles = useStyles({
 			name: "Dialog",
@@ -15917,7 +15968,7 @@ function clamp$2(value, min, max) {
 	return Math.min(max, Math.max(min, value));
 }
 /** `getSymbolLabel` is a function default, so it is resolved by `useProps`. */
-var defaultProps$23 = {
+var defaultProps$24 = {
 	size: "sm",
 	getSymbolLabel: (value) => `${value}`,
 	count: 5,
@@ -15999,13 +16050,13 @@ var Rating = factory(/* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("Rating", defaultProps$23, rawProps);
+		const props = useProps("Rating", defaultProps$24, rawProps);
 		const rootRef = ref(null);
 		const hovered = ref(-1);
 		const isOutside = ref(true);
 		const { dir } = useDirection();
-		const name = useId(props.name);
-		const id = useId(props.id);
+		const name = useId$1(props.name);
+		const id = useId$1(props.id);
 		const [currentValue, setCurrentValue] = useUncontrolled({
 			value: () => props.modelValue,
 			defaultValue: props.defaultValue,
@@ -16031,9 +16082,9 @@ var Rating = factory(/* @__PURE__ */ defineComponent({
 		/** A scoped slot is exposed to `RatingItem` as a function of the item value. The slot takes precedence over the prop. */
 		const emptySymbol = computed(() => (slots.emptySymbol ? (value) => slots.emptySymbol({ value }) : void 0) ?? props.emptySymbol);
 		const fullSymbol = computed(() => (slots.fullSymbol ? (value) => slots.fullSymbol({ value }) : void 0) ?? props.fullSymbol);
-		const count = computed(() => Math.max(0, Math.floor(props.count ?? defaultProps$23.count)));
+		const count = computed(() => Math.max(0, Math.floor(props.count ?? defaultProps$24.count)));
 		const fractions = computed(() => {
-			const value = Math.floor(props.fractions ?? defaultProps$23.fractions);
+			const value = Math.floor(props.fractions ?? defaultProps$24.fractions);
 			if (value < 0) throw new Error("Rating fractions cannot be negative");
 			return value;
 		});
@@ -16184,13 +16235,15 @@ function useFloatingIndicator({ target, parent, floatingRef, displayAfterTransit
 		if (!targetElement || !parentElement || !floatingElement || typeof window === "undefined") return;
 		const targetRect = targetElement.getBoundingClientRect();
 		const parentRect = parentElement.getBoundingClientRect();
+		const scaleX = parentElement.offsetWidth === 0 ? 1 : parentRect.width / parentElement.offsetWidth;
+		const scaleY = parentElement.offsetHeight === 0 ? 1 : parentRect.height / parentElement.offsetHeight;
 		const targetStyle = window.getComputedStyle(targetElement);
 		const parentStyle = window.getComputedStyle(parentElement);
 		const borderTopWidth = toNumber(targetStyle.borderTopWidth) + toNumber(parentStyle.borderTopWidth);
 		const borderLeftWidth = toNumber(targetStyle.borderLeftWidth) + toNumber(parentStyle.borderLeftWidth);
-		floatingElement.style.transform = `translateY(${targetRect.top - parentRect.top - borderTopWidth}px) translateX(${targetRect.left - parentRect.left - borderLeftWidth}px)`;
-		floatingElement.style.width = `${targetRect.width}px`;
-		floatingElement.style.height = `${targetRect.height}px`;
+		floatingElement.style.transform = `translateY(${(targetRect.top - parentRect.top) / scaleY - borderTopWidth}px) translateX(${(targetRect.left - parentRect.left) / scaleX - borderLeftWidth}px)`;
+		floatingElement.style.width = `${targetRect.width / scaleX}px`;
+		floatingElement.style.height = `${targetRect.height / scaleY}px`;
 	};
 	const updatePositionWithoutAnimation = () => {
 		if (transitionTimeout) clearTimeout(transitionTimeout);
@@ -16442,7 +16495,7 @@ var SegmentedControl = Object.assign(/* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const attrs = useAttrs();
 		const theme = useMantineTheme();
-		const uuid = useId(props.name);
+		const uuid = useId$1(props.name);
 		const mounted = useMounted();
 		const parent = ref(null);
 		const itemRefs = reactive({});
@@ -17159,7 +17212,7 @@ var PaginationLabel = factory(/* @__PURE__ */ defineComponent({
 }));
 //#endregion
 //#region src/components/Pagination/PaginationRoot/PaginationRoot.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$22 = {
+var defaultProps$23 = {
 	siblings: 1,
 	boundaries: 1,
 	size: "md",
@@ -17223,7 +17276,7 @@ var PaginationRoot = Object.assign(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("PaginationRoot", defaultProps$22, rawProps);
+		const props = useProps("PaginationRoot", defaultProps$23, rawProps);
 		const pagination = usePagination({
 			total: () => props.total,
 			page: () => props.modelValue,
@@ -17288,7 +17341,7 @@ var PaginationRoot = Object.assign(/* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$21 = {
+var defaultProps$22 = {
 	withControls: true,
 	withPages: true,
 	siblings: 1,
@@ -17350,7 +17403,7 @@ var Pagination = Object.assign(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("Pagination", defaultProps$21, rawProps);
+		const props = useProps("Pagination", defaultProps$22, rawProps);
 		const visible = computed(() => props.total > 0 && !(props.hideWithOnePage && props.total === 1));
 		/** The responsive layout collapses the page list into a "n of m" label. */
 		const isResponsive = computed(() => props.withPages && props.layout === "responsive");
@@ -17428,7 +17481,7 @@ var Tabs_module_default = {
 };
 //#endregion
 //#region src/components/Tabs/Tabs.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$20 = {
+var defaultProps$21 = {
 	keepMounted: true,
 	orientation: "horizontal",
 	loop: true,
@@ -17510,8 +17563,8 @@ var Tabs_default = /* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("Tabs", defaultProps$20, rawProps);
-		const uid = useId(props.id);
+		const props = useProps("Tabs", defaultProps$21, rawProps);
+		const uid = useId$1(props.id);
 		const [currentTab, setCurrentTab] = useUncontrolled({
 			value: () => props.modelValue,
 			defaultValue: props.defaultValue,
@@ -17893,6 +17946,215 @@ var Tabs = Object.assign(Tabs_default, {
 	List: TabsList
 });
 //#endregion
+//#region src/components/ActionBar/ActionBar.context.ts
+var [provideActionBarContext, useActionBarContext] = createSafeContext("ActionBar component was not found in tree");
+//#endregion
+//#region src/components/ActionBar/ActionBarCloseButton/ActionBarCloseButton.ts
+var ActionBarCloseButton = /* @__PURE__ */ defineComponent({
+	name: "ActionBarCloseButton",
+	inheritAttrs: false,
+	__name: "ActionBarCloseButton",
+	props: { unstyled: { type: Boolean } },
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const ctx = useActionBarContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CloseButton), mergeProps({
+				...unref(attrs),
+				...unref(ctx).getStyles("closeButton"),
+				...props
+			}, {
+				unstyled: props.unstyled ?? unref(ctx).unstyled,
+				onClick: unref(ctx).close
+			}), null, 16, ["unstyled", "onClick"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/ActionBar/ActionBarDivider/ActionBarDivider.ts
+var ActionBarDivider = /* @__PURE__ */ defineComponent({
+	name: "ActionBarDivider",
+	inheritAttrs: false,
+	__name: "ActionBarDivider",
+	setup(__props) {
+		const attrs = useAttrs();
+		const ctx = useActionBarContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Box), mergeProps({
+				...unref(attrs),
+				...unref(ctx).getStyles("divider")
+			}, {
+				role: unref(attrs).role || "separator",
+				"aria-orientation": unref(attrs)["aria-orientation"] || "vertical"
+			}), null, 16, ["role", "aria-orientation"]);
+		};
+	}
+});
+var ActionBar_module_default = {
+	root: "_root_1wjjt_1",
+	divider: "_divider_1wjjt_9"
+};
+//#endregion
+//#region src/components/ActionBar/ActionBar.vue?vue&type=script&setup=true&lang.ts
+var defaultProps$20 = {
+	withBorder: true,
+	py: "xs",
+	px: "sm",
+	position: {
+		bottom: 30,
+		left: 0,
+		right: 0
+	},
+	transitionProps: {
+		transition: "pop",
+		duration: 200
+	},
+	closeOnEscape: false,
+	withinPortal: true,
+	zIndex: getDefaultZIndex("modal")
+};
+//#endregion
+//#region src/components/ActionBar/ActionBar.ts
+var ActionBar = factory(/* @__PURE__ */ defineComponent({
+	name: "ActionBar",
+	inheritAttrs: false,
+	__name: "ActionBar",
+	props: {
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		},
+		opened: { type: Boolean },
+		transitionProps: { default: void 0 },
+		shadow: { default: void 0 },
+		radius: { default: void 0 },
+		withBorder: {
+			type: Boolean,
+			default: void 0
+		},
+		py: { default: void 0 },
+		px: { default: void 0 },
+		position: { default: void 0 },
+		zIndex: { default: void 0 },
+		withinPortal: {
+			type: Boolean,
+			default: void 0
+		},
+		portalProps: { default: void 0 },
+		closeOnEscape: {
+			type: Boolean,
+			default: void 0
+		},
+		keepMounted: {
+			type: Boolean,
+			default: false
+		},
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		vars: { default: void 0 },
+		unstyled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["close", "update:opened"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const rawProps = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const props = useProps("ActionBar", defaultProps$20, rawProps);
+		const getStyles = useStyles({
+			name: "ActionBar",
+			classes: ActionBar_module_default,
+			props,
+			className: attrs.class,
+			style: attrs.style,
+			classNames: props.classNames,
+			styles: props.styles,
+			vars: props.vars,
+			unstyled: props.unstyled
+		});
+		provideActionBarContext({
+			getStyles,
+			close: handleClose,
+			get unstyled() {
+				return props.unstyled;
+			}
+		});
+		function handleClose() {
+			emit("update:opened", false);
+			emit("close");
+		}
+		function handleKeydown(event) {
+			if (event.key === "Escape" && !event.isComposing) handleClose();
+		}
+		watchEffect((onCleanup) => {
+			if (!props.closeOnEscape || !props.opened || typeof window === "undefined") return;
+			window.addEventListener("keydown", handleKeydown, { passive: true });
+			onCleanup(() => window.removeEventListener("keydown", handleKeydown));
+		});
+		onBeforeUnmount(() => {
+			if (typeof window !== "undefined") window.removeEventListener("keydown", handleKeydown);
+		});
+		const rootElement = ref(null);
+		const setRootRef = (node) => {
+			rootElement.value = node;
+			assignRef(props.rootRef, node);
+		};
+		__expose({ rootElement });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Affix), {
+				"z-index": unref(props).zIndex,
+				position: unref(props).position,
+				"within-portal": unref(props).withinPortal,
+				"portal-props": unref(props).portalProps,
+				unstyled: unref(props).unstyled
+			}, {
+				default: withCtx(() => [createVNode(unref(Transition), mergeProps(unref(props).transitionProps, {
+					mounted: unref(props).opened,
+					"keep-mounted": unref(props).keepMounted
+				}), {
+					default: withCtx((transitionStyles) => [createVNode(unref(Paper), mergeProps({ "root-ref": setRootRef }, {
+						...unref(attrs),
+						...unref(getStyles)("root", { style: transitionStyles })
+					}, {
+						role: "group",
+						shadow: unref(props).shadow,
+						radius: unref(props).radius,
+						"with-border": unref(props).withBorder,
+						py: unref(props).py,
+						px: unref(props).px,
+						unstyled: unref(props).unstyled
+					}), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					}, 16, [
+						"shadow",
+						"radius",
+						"with-border",
+						"py",
+						"px",
+						"unstyled"
+					])]),
+					_: 3
+				}, 16, ["mounted", "keep-mounted"])]),
+				_: 3
+			}, 8, [
+				"z-index",
+				"position",
+				"within-portal",
+				"portal-props",
+				"unstyled"
+			]);
+		};
+	}
+}), {
+	classes: ActionBar_module_default,
+	Divider: ActionBarDivider,
+	CloseButton: ActionBarCloseButton
+});
+//#endregion
 //#region src/components/Textarea/autosize-utils.ts
 /**
 * Uses a shared hidden <textarea> to measure row height and calculate
@@ -18504,7 +18766,8 @@ var varsResolver$28 = createVarsResolver((_, { size }) => ({ root: {
 } }));
 var defaultProps$19 = {
 	variant: "default",
-	size: "sm"
+	size: "sm",
+	visibilityToggleFocusable: false
 };
 //#endregion
 //#region src/components/PasswordInput/PasswordInput.ts
@@ -18517,6 +18780,7 @@ var PasswordInput = Object.assign(/* @__PURE__ */ defineComponent({
 		defaultValue: {},
 		visibilityToggleIcon: {},
 		visibilityToggleButtonProps: {},
+		visibilityToggleFocusable: { type: Boolean },
 		visible: {
 			type: Boolean,
 			default: void 0
@@ -18636,7 +18900,7 @@ var PasswordInput = Object.assign(/* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const attrs = useAttrs();
 		const props = useProps("PasswordInput", defaultProps$19, rawProps);
-		const uuid = useId(props.id);
+		const uuid = useId$1(props.id);
 		const fallbackId = ref(`password-input-${Math.random().toString(36).slice(2)}`);
 		const [visible, setVisible] = useUncontrolled({
 			value: () => props.visible,
@@ -18690,7 +18954,7 @@ var PasswordInput = Object.assign(/* @__PURE__ */ defineComponent({
 			disabled: props.disabled,
 			radius: props.radius,
 			"aria-pressed": visible.value,
-			tabIndex: -1,
+			tabIndex: props.visibilityToggleFocusable ? 0 : -1,
 			"aria-label": props.visibilityToggleButtonProps?.["aria-label"] || "Toggle password visibility",
 			variant: props.visibilityToggleButtonProps?.variant ?? "subtle",
 			color: "gray",
@@ -18707,7 +18971,7 @@ var PasswordInput = Object.assign(/* @__PURE__ */ defineComponent({
 			},
 			onKeydown: (event) => {
 				props.visibilityToggleButtonProps?.onKeydown?.(event);
-				if (event.key === " ") {
+				if (event.key === " " || event.key === "Enter") {
 					event.preventDefault();
 					toggleVisibility();
 				}
@@ -19250,6 +19514,7 @@ var CheckboxCard = factory(/* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		indeterminate: { type: Boolean },
 		withBorder: {
 			type: Boolean,
 			default: true
@@ -19298,9 +19563,14 @@ var CheckboxCard = factory(/* @__PURE__ */ defineComponent({
 			varsResolver: varsResolver$27
 		});
 		/** Getter keeps the provided object reactive without changing the shape consumers read. */
-		provide(CheckboxCardContextKey, { get checked() {
-			return checked.value;
-		} });
+		provide(CheckboxCardContextKey, {
+			get checked() {
+				return checked.value;
+			},
+			get indeterminate() {
+				return props.indeterminate;
+			}
+		});
 		const cardStyles = computed(() => getStyles("card", {
 			className: attrs.class,
 			style: attrs.style
@@ -19329,10 +19599,11 @@ var CheckboxCard = factory(/* @__PURE__ */ defineComponent({
 				"__static-selector": "CheckboxCard",
 				mod: [{
 					"with-border": props.withBorder,
-					checked: unref(checked)
+					checked: unref(checked),
+					indeterminate: props.indeterminate
 				}, props.mod],
 				role: "checkbox",
-				"aria-checked": unref(checked),
+				"aria-checked": props.indeterminate ? "mixed" : unref(checked),
 				onClick
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
@@ -19438,7 +19709,10 @@ var CheckboxIndicator = factory(/* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: void 0
 		},
-		indeterminate: { type: Boolean },
+		indeterminate: {
+			type: Boolean,
+			default: void 0
+		},
 		icon: { default: void 0 },
 		checked: {
 			type: Boolean,
@@ -19469,7 +19743,8 @@ var CheckboxIndicator = factory(/* @__PURE__ */ defineComponent({
 			varsResolver: varsResolver$26
 		});
 		const iconStyles = computed(() => getStyles("icon"));
-		const checked = computed(() => typeof props.checked === "boolean" || props.indeterminate ? props.checked || props.indeterminate : cardContext?.checked || false);
+		const indeterminate = computed(() => typeof props.indeterminate === "boolean" ? props.indeterminate : cardContext?.indeterminate);
+		const checked = computed(() => typeof props.checked === "boolean" || typeof props.indeterminate === "boolean" ? props.checked || props.indeterminate : cardContext?.checked || cardContext?.indeterminate || false);
 		const rootElement = ref(null);
 		const setRootRef = (node) => {
 			rootElement.value = node;
@@ -19487,14 +19762,14 @@ var CheckboxIndicator = factory(/* @__PURE__ */ defineComponent({
 				variant: props.variant,
 				mod: [{
 					checked: checked.value,
-					indeterminate: props.indeterminate,
+					indeterminate: indeterminate.value,
 					disabled: props.disabled
 				}, props.mod]
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps({
-					indeterminate: props.indeterminate,
+					indeterminate: indeterminate.value,
 					...iconStyles.value
-				})), () => [(openBlock(), createBlock(resolveDynamicComponent(props.icon || unref(CheckboxIcon_default)), mergeProps(iconStyles.value, { indeterminate: props.indeterminate }), null, 16, ["indeterminate"]))])]),
+				})), () => [(openBlock(), createBlock(resolveDynamicComponent(props.icon || unref(CheckboxIcon_default)), mergeProps(iconStyles.value, { indeterminate: indeterminate.value }), null, 16, ["indeterminate"]))])]),
 				_: 3
 			}, 16, ["variant", "mod"]);
 		};
@@ -19642,7 +19917,7 @@ var Checkbox = factory(/* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const attrs = useAttrs();
 		const props = useProps("Checkbox", defaultProps$17, rawProps);
-		const uuid = useId(props.id);
+		const uuid = useId$1(props.id);
 		const groupContext = useCheckboxGroupContext();
 		const [localChecked, setLocalChecked] = useUncontrolled({
 			value: () => props.modelValue !== void 0 ? props.modelValue : props.checked,
@@ -19952,7 +20227,7 @@ var Chip = factory(/* @__PURE__ */ defineComponent({
 		const attrs = useAttrs();
 		const props = useProps("Chip", defaultProps$16, rawProps);
 		const groupContext = useChipGroupContext();
-		const uuid = useId(props.id);
+		const uuid = useId$1(props.id);
 		const [value, setValue] = useUncontrolled({
 			value: () => props.modelValue !== void 0 ? props.modelValue : props.checked,
 			defaultValue: props.defaultChecked,
@@ -20709,7 +20984,7 @@ var RadioGroup = Object.assign(/* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const attrs = useAttrs();
 		const props = useProps("RadioGroup", null, rawProps);
-		const name = useId(props.name);
+		const name = useId$1(props.name);
 		const [value, setValue] = useUncontrolled({
 			value: () => props.modelValue,
 			defaultValue: props.defaultValue,
@@ -21163,7 +21438,7 @@ var Radio = factory(/* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const attrs = useAttrs();
 		const props = useProps("Radio", defaultProps$15, rawProps);
-		const uuid = useId(props.id);
+		const uuid = useId$1(props.id);
 		const groupContext = useRadioGroupContext();
 		const [localChecked, setLocalChecked] = useUncontrolled({
 			value: () => props.modelValue !== void 0 ? props.modelValue : props.checked,
@@ -21629,7 +21904,7 @@ var Switch = factory(/* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const attrs = useAttrs();
 		const props = useProps("Switch", defaultProps$13, rawProps);
-		const uuid = useId(props.id);
+		const uuid = useId$1(props.id);
 		const groupContext = useSwitchGroupContext();
 		const [checked, setChecked] = useUncontrolled({
 			value: () => props.modelValue,
@@ -22023,27 +22298,28 @@ var StepperCompleted = /* @__PURE__ */ defineComponent({
 	}
 });
 var Stepper_module_default = {
-	root: "_root_yawst_1",
-	steps: "_steps_yawst_25",
-	separator: "_separator_yawst_47",
-	content: "_content_yawst_57",
-	step: "_step_yawst_25",
-	"step--horizontal": "_step--horizontal_yawst_75",
-	"step--vertical": "_step--vertical_yawst_78",
-	verticalSeparator: "_verticalSeparator_yawst_91",
-	stepWrapper: "_stepWrapper_yawst_95",
-	stepIcon: "_stepIcon_yawst_109",
-	stepIconContent: "_stepIconContent_yawst_144",
-	stepCompletedIcon: "_stepCompletedIcon_yawst_147",
-	stepBody: "_stepBody_yawst_155",
-	stepLabel: "_stepLabel_yawst_166",
-	stepDescription: "_stepDescription_yawst_171"
+	root: "_root_1g4m5_1",
+	steps: "_steps_1g4m5_25",
+	separator: "_separator_1g4m5_50",
+	content: "_content_1g4m5_63",
+	step: "_step_1g4m5_25",
+	"step--horizontal": "_step--horizontal_1g4m5_91",
+	"step--vertical": "_step--vertical_1g4m5_94",
+	verticalSeparator: "_verticalSeparator_1g4m5_107",
+	stepWrapper: "_stepWrapper_1g4m5_111",
+	stepIcon: "_stepIcon_1g4m5_125",
+	stepIconContent: "_stepIconContent_1g4m5_160",
+	stepCompletedIcon: "_stepCompletedIcon_1g4m5_163",
+	stepBody: "_stepBody_1g4m5_171",
+	stepLabel: "_stepLabel_1g4m5_187",
+	stepDescription: "_stepDescription_1g4m5_192"
 };
 //#endregion
 //#region src/components/Stepper/Stepper.vue?vue&type=script&setup=true&lang.ts
 var defaultProps$11 = {
 	orientation: "horizontal",
 	iconPosition: "left",
+	labelPosition: "right",
 	allowNextStepsSelect: true,
 	wrap: true
 };
@@ -22126,6 +22402,7 @@ var Stepper_default = /* @__PURE__ */ defineComponent({
 		contentPadding: {},
 		orientation: {},
 		iconPosition: {},
+		labelPosition: {},
 		size: {},
 		radius: {},
 		allowNextStepsSelect: {
@@ -22179,6 +22456,9 @@ var Stepper_default = /* @__PURE__ */ defineComponent({
 			},
 			get iconPosition() {
 				return props.iconPosition;
+			},
+			get labelPosition() {
+				return props.orientation === "vertical" ? void 0 : props.labelPosition;
 			}
 		});
 		const rootStyles = computed(() => getStyles("root", {
@@ -22188,6 +22468,7 @@ var Stepper_default = /* @__PURE__ */ defineComponent({
 		const stepsMod = computed(() => ({
 			orientation: props.orientation,
 			iconPosition: props.iconPosition,
+			labelPosition: props.orientation === "vertical" ? void 0 : props.labelPosition,
 			wrap: props.wrap && props.orientation !== "vertical"
 		}));
 		/** Splits the default slot into the steps and the optional completed node. */
@@ -22447,7 +22728,8 @@ var StepperStep = factory(/* @__PURE__ */ defineComponent({
 			}, {
 				mod: [{
 					iconPosition: iconPosition.value,
-					allowClick: unref(props).allowStepClick
+					allowClick: unref(props).allowStepClick,
+					labelPosition: unref(ctx).labelPosition
 				}, unref(props).mod],
 				style: rootStyle.value,
 				tabindex: unref(props).allowStepClick ? 0 : -1
@@ -22833,7 +23115,7 @@ var TableOfContents = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const props = useProps("TableOfContents", defaultProps$9, rawProps);
-		const id = useId();
+		const id = useId$1();
 		const spy = useScrollSpy(props.scrollSpyOptions ?? {});
 		assignRef(props.reinitializeRef, spy.reinitialize);
 		const getStyles = useStyles({
@@ -27973,7 +28255,7 @@ function useLockScroll(opened) {
 //#endregion
 //#region src/components/ModalBase/use-modal.ts
 function useModal(input) {
-	const id = useId(input.id);
+	const id = useId$1(input.id);
 	const titleMounted = ref(false);
 	const bodyMounted = ref(false);
 	useWindowEvent("keydown", (event) => {
@@ -28051,7 +28333,7 @@ var ModalBase = factory(/* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const fallbackId = useId(props.id);
+		const fallbackId = useId$1(props.id);
 		const modal = useModal({
 			id: props.id,
 			opened: () => props.opened,
@@ -29723,7 +30005,7 @@ var Popover_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const props = useProps("Popover", defaults$2, rawProps);
 		const { dir } = useDirection();
-		const id = useId(props.id);
+		const id = useId$1(props.id);
 		const internal = ref(props.defaultOpened);
 		const isControlled = computed(() => rawProps.opened !== void 0);
 		const opened = computed(() => isControlled.value ? !!rawProps.opened : internal.value);
@@ -30294,8 +30576,8 @@ function useTooltip(options) {
 	};
 }
 var Tooltip_module_default = {
-	tooltip: "_tooltip_117du_1",
-	arrow: "_arrow_117du_30"
+	tooltip: "_tooltip_1mme1_1",
+	arrow: "_arrow_1mme1_34"
 };
 //#endregion
 //#region src/components/Tooltip/Tooltip.vue?vue&type=script&setup=true&lang.ts
@@ -30380,6 +30662,7 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 		arrowPosition: {},
 		transitionProps: {},
 		events: {},
+		interactive: { type: Boolean },
 		inline: {
 			type: Boolean,
 			default: false
@@ -30437,6 +30720,16 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const attrs = useAttrs();
 		const props = useProps("Tooltip", defaults$1, rawProps);
+		let interactiveCloseTimer;
+		const cancelInteractiveClose = () => {
+			clearTimeout(interactiveCloseTimer);
+			interactiveCloseTimer = void 0;
+		};
+		const closeFromPointer = () => {
+			cancelInteractiveClose();
+			if (props.interactive) interactiveCloseTimer = setTimeout(tooltip.close, 50);
+			else tooltip.close();
+		};
 		const { dir } = useDirection();
 		const tooltip = useTooltip({
 			position: () => getFloatingPosition(dir.value, props.position ?? "top"),
@@ -30469,10 +30762,13 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 		});
 		const referenceHandlers = () => ({
 			onMouseenter: () => {
-				if ((props.events ?? defaults$1.events).hover) tooltip.open();
+				if ((props.events ?? defaults$1.events).hover) {
+					cancelInteractiveClose();
+					tooltip.open();
+				}
 			},
 			onMouseleave: () => {
-				if ((props.events ?? defaults$1.events).hover) tooltip.close();
+				if ((props.events ?? defaults$1.events).hover) closeFromPointer();
 			},
 			onFocus: () => {
 				if ((props.events ?? defaults$1.events).focus) tooltip.open();
@@ -30506,7 +30802,10 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 			external = null;
 		}
 		onMounted(() => props.target && bindExternal());
-		onBeforeUnmount(unbindExternal);
+		onBeforeUnmount(() => {
+			cancelInteractiveClose();
+			unbindExternal();
+		});
 		const arrowPosition = computed(() => props.arrowPosition ?? "side");
 		/** `merge` draws the arrow as part of the tooltip body, which needs extra styles. */
 		const mergeStyles = computed(() => arrowPosition.value === "merge" && props.withArrow ? getArrowMergeDropdownStyles({
@@ -30564,7 +30863,10 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 					}, {
 						role: "tooltip",
 						"data-multiline": unref(props).multiline || void 0,
-						"data-fixed": unref(props).floatingStrategy === "fixed" || void 0
+						"data-fixed": unref(props).floatingStrategy === "fixed" || void 0,
+						"data-interactive": unref(props).interactive && mounted.value ? true : void 0,
+						onMouseenter: _cache[0] || (_cache[0] = ($event) => unref(props).interactive && (cancelInteractiveClose(), unref(tooltip).open())),
+						onMouseleave: _cache[1] || (_cache[1] = ($event) => unref(props).interactive && closeFromPointer())
 					}), {
 						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(renderLabel))), createVNode(unref(FloatingArrow), mergeProps({ ref: setArrow }, unref(getStyles)("arrow"), {
 							visible: unref(props).withArrow,
@@ -30586,7 +30888,11 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 							"arrow-y"
 						])]),
 						_: 1
-					}, 16, ["data-multiline", "data-fixed"])]),
+					}, 16, [
+						"data-multiline",
+						"data-fixed",
+						"data-interactive"
+					])]),
 					_: 1
 				}, 16, ["mounted", "keep-mounted"])]),
 				_: 1
@@ -30704,6 +31010,7 @@ var TooltipFloating_default = /* @__PURE__ */ defineComponent({
 			varsResolver: varsResolver$3
 		});
 		function move(event) {
+			if (!Number.isFinite(event.clientX) || !Number.isFinite(event.clientY)) return;
 			const valueOffset = props.offset ?? 10;
 			const horizontal = state.placement.value.includes("right") ? valueOffset : state.placement.value.includes("left") ? -valueOffset : 0;
 			const vertical = state.placement.value.includes("bottom") ? valueOffset : state.placement.value.includes("top") ? -valueOffset : 0;
@@ -30728,8 +31035,8 @@ var TooltipFloating_default = /* @__PURE__ */ defineComponent({
 			{
 				zIndex: props.zIndex,
 				display: !props.disabled && opened.value ? "block" : "none",
-				top: state.y.value == null ? "" : `${Math.round(state.y.value)}px`,
-				left: state.x.value == null ? "" : `${Math.round(state.x.value)}px`
+				top: Number.isFinite(state.y.value) ? `${Math.round(state.y.value)}px` : "",
+				left: Number.isFinite(state.x.value) ? `${Math.round(state.x.value)}px` : ""
 			}
 		]);
 		const label = computed(() => resolveNode(props.label, slots.label));
@@ -32324,7 +32631,7 @@ var Menubar_default = /* @__PURE__ */ defineComponent({
 		const setRootRef = (el) => {
 			rootRef.value = el?.$el ?? el;
 		};
-		const menubarId = useId();
+		const menubarId = useId$1();
 		const revision = ref(0);
 		const [openIndexRef, setOpenIndex] = useUncontrolled({
 			value: () => props.openIndex,
@@ -32588,7 +32895,7 @@ var MenubarMenu = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const attrs = useAttrs();
 		const ctx = useMenubarContext();
-		const id = useId();
+		const id = useId$1();
 		const index = computed(() => props.__index);
 		const opened = computed(() => ctx.openIndex !== null && index.value !== -1 && ctx.openIndex === index.value);
 		/** Getters keep the provided object reactive without changing the shape consumers read. */
@@ -33418,7 +33725,7 @@ var ComboboxGroup_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const attrs = useAttrs();
 		const ctx = useComboboxContext();
-		const id = useId(props.id);
+		const id = useId$1(props.id);
 		const groupStyles = computed(() => ctx.getStyles("group", {
 			className: attrs.class,
 			style: attrs.style
@@ -33510,7 +33817,7 @@ var ComboboxOption_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const attrs = useAttrs();
 		const ctx = useComboboxContext();
-		const id = useId(props.id);
+		const id = useId$1(props.id);
 		/**
 		* The consumer handlers are chained explicitly below, so they must not also reach the
 		* element through the fallthrough attributes or they would fire twice.
@@ -33585,7 +33892,7 @@ var ComboboxOptions_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const attrs = useAttrs();
 		const ctx = useComboboxContext();
-		const id = useId(props.id);
+		const id = useId$1(props.id);
 		onMounted(() => ctx.store.setListId(id.value));
 		/**
 		* The consumer handler is chained explicitly below, so it must not also reach the
@@ -33985,6 +34292,18 @@ function getOptionsLockup(options) {
 	options.forEach((item) => isOptionsGroup(item) ? Object.assign(result, getOptionsLockup(item.items)) : result[String(item.value)] = item);
 	return result;
 }
+/** Finds one enabled option by label, ignoring casing and surrounding whitespace. */
+function getOptionByLabel(optionsLockup, label) {
+	const normalized = label.trim().toLowerCase();
+	if (!normalized) return void 0;
+	const matches = Object.values(optionsLockup).filter((option) => !option.disabled && option.label.trim().toLowerCase() === normalized);
+	return matches.length === 1 ? matches[0] : void 0;
+}
+/** Detects browser autofill and extension writes, which occur without focusing the input. */
+function isExternalInputChange(event) {
+	const target = event.currentTarget;
+	return !!target && target.ownerDocument.activeElement !== target;
+}
 function defaultOptionsFilter({ options, search, limit }) {
 	const query = search.trim().toLowerCase();
 	const result = [];
@@ -35353,7 +35672,7 @@ var Select = Object.assign(/* @__PURE__ */ defineComponent({
 		watch(() => search(), () => {
 			if (props.selectFirstOptionOnChange) nextTick(combobox.selectFirstOption);
 		});
-		const id = useId(attrs.id);
+		const id = useId$1(attrs.id);
 		function clear(event) {
 			event?.stopPropagation();
 			changeValue(null, null);
@@ -35388,6 +35707,16 @@ var Select = Object.assign(/* @__PURE__ */ defineComponent({
 			combobox.closeDropdown();
 		}
 		function onInput(event) {
+			if (isExternalInputChange(event)) {
+				if (!readOnly.value) {
+					const option = getOptionByLabel(lockup.value, event.currentTarget.value);
+					if (option && String(option.value) !== String(current())) {
+						changeValue(option.value, option);
+						if (!controlled()) internalSearch.value = option.label;
+					}
+				}
+				return;
+			}
 			setSearch(event.currentTarget.value);
 			combobox.openDropdown();
 		}
@@ -35646,7 +35975,7 @@ var Autocomplete = Object.assign(/* @__PURE__ */ defineComponent({
 		watch(() => current(), () => {
 			if (props.selectFirstOptionOnChange) nextTick(combobox.selectFirstOption);
 		});
-		const id = useId(attrs.id);
+		const id = useId$1(attrs.id);
 		function clear(event) {
 			event?.stopPropagation();
 			change("");
@@ -35992,6 +36321,13 @@ var MultiSelect = Object.assign(/* @__PURE__ */ defineComponent({
 			else combobox.toggleDropdown();
 		}
 		function onFieldInput(event) {
+			if (isExternalInputChange(event)) {
+				if (!readOnly.value) {
+					const option = getOptionByLabel(lockup.value, event.currentTarget.value);
+					if (option && !values.value.includes(option.value) && values.value.length < props.maxValues) setValue([...values.value, option.value]);
+				}
+				return;
+			}
 			setSearch(event.target.value);
 			combobox.openDropdown();
 		}
@@ -36396,6 +36732,7 @@ var TagsInput = Object.assign(/* @__PURE__ */ defineComponent({
 			submit(lockup.value[raw]?.label ?? raw);
 		}
 		function onFieldInput(event) {
+			if (isExternalInputChange(event)) return;
 			const input = event.target.value;
 			if (props.splitChars.some((char) => input.includes(char))) split(input);
 			else setSearch(input);
@@ -36657,7 +36994,8 @@ var ColorInput = Object.assign(/* @__PURE__ */ defineComponent({
 			default: true
 		},
 		swatches: {},
-		swatchesPerRow: { default: 7 }
+		swatchesPerRow: { default: 7 },
+		fullWidth: { type: Boolean }
 	},
 	emits: [
 		"update:modelValue",
@@ -36768,6 +37106,7 @@ var ColorInput = Object.assign(/* @__PURE__ */ defineComponent({
 				opened: opened.value,
 				"with-roles": false,
 				disabled: pickerDisabled.value,
+				width: props.fullWidth ? "target" : void 0,
 				"__static-selector": "ColorInput",
 				"onUpdate:opened": onPopoverChange
 			}), {
@@ -36834,6 +37173,7 @@ var ColorInput = Object.assign(/* @__PURE__ */ defineComponent({
 						"with-picker": props.withPicker,
 						focusable: false,
 						size: unref(attrs).size,
+						"full-width": props.fullWidth,
 						onChange: onPickerChange,
 						onChangeEnd: onPickerChangeEnd,
 						onColorSwatchClick
@@ -36843,12 +37183,17 @@ var ColorInput = Object.assign(/* @__PURE__ */ defineComponent({
 						"swatches",
 						"swatches-per-row",
 						"with-picker",
-						"size"
+						"size",
+						"full-width"
 					])]),
 					_: 1
 				}, 8, ["class"])]),
 				_: 3
-			}, 16, ["opened", "disabled"]);
+			}, 16, [
+				"opened",
+				"disabled",
+				"width"
+			]);
 		};
 	}
 }), { classes: {
@@ -37334,6 +37679,7 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 				disabled,
 				placeholder: !hasValue ? attrs.placeholder : void 0,
 				onInput: (event) => {
+					if (isExternalInputChange(event)) return;
 					setSearch(event.target.value);
 					combobox.openDropdown();
 				},
@@ -37375,6 +37721,7 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 				rightSection,
 				rightSectionPointerEvents: canClear ? "all" : "none",
 				onInput: (event) => {
+					if (isExternalInputChange(event)) return;
 					setSearch(event.target.value);
 					combobox.openDropdown();
 				},
@@ -37560,6 +37907,10 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 			default: true
 		},
 		expandTrigger: { default: "click" },
+		safeAreaPolygon: {
+			type: [Boolean, Object],
+			default: true
+		},
 		searchable: {
 			type: Boolean,
 			default: false
@@ -37651,7 +38002,7 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const id = useId(attrs.id);
+		const id = useId$1(attrs.id);
 		const internalValue = ref(props.defaultValue ?? null);
 		const currentValue = computed(() => props.modelValue !== void 0 ? props.modelValue : internalValue.value);
 		const pathOptions = computed(() => getCascaderPathOptions(props.data, currentValue.value));
@@ -37739,6 +38090,55 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 			if (cascaderOptionHasChildren(option)) expandOption(level, option);
 			else activePath.value = [...activePath.value.slice(0, level), option.value];
 		};
+		const columnElements = {};
+		const blockedLevel = ref(null);
+		let pendingOption = null;
+		let removeSafeAreaListener = () => {};
+		const disarmSafeArea = () => {
+			removeSafeAreaListener();
+			removeSafeAreaListener = () => {};
+			blockedLevel.value = null;
+			pendingOption = null;
+		};
+		function pointInTriangle(point, a, b, c) {
+			const sign = (p1, p2, p3) => (p1.x - p3.x) * (p2.y - p3.y) - (p2.x - p3.x) * (p1.y - p3.y);
+			const d1 = sign(point, a, b);
+			const d2 = sign(point, b, c);
+			const d3 = sign(point, c, a);
+			return !((d1 < 0 || d2 < 0 || d3 < 0) && (d1 > 0 || d2 > 0 || d3 > 0));
+		}
+		const armSafeArea = (level, reference, floating, event) => {
+			disarmSafeArea();
+			const buffer = (typeof props.safeAreaPolygon === "object" ? props.safeAreaPolygon : void 0)?.buffer ?? .5;
+			const rect = floating.getBoundingClientRect();
+			const referenceRect = reference.getBoundingClientRect();
+			const edgeX = rect.left >= referenceRect.right ? rect.left + buffer : rect.right - buffer;
+			const a = {
+				x: event.clientX,
+				y: event.clientY
+			};
+			const b = {
+				x: edgeX,
+				y: rect.top - buffer
+			};
+			const c = {
+				x: edgeX,
+				y: rect.bottom + buffer
+			};
+			blockedLevel.value = level;
+			const onMouseMove = (moveEvent) => {
+				if (pointInTriangle({
+					x: moveEvent.clientX,
+					y: moveEvent.clientY
+				}, a, b, c)) return;
+				const pending = pendingOption;
+				disarmSafeArea();
+				if (pending) handleOptionMouseEnter(pending.level, pending.option);
+			};
+			floating.ownerDocument.addEventListener("mousemove", onMouseMove);
+			removeSafeAreaListener = () => floating.ownerDocument.removeEventListener("mousemove", onMouseMove);
+		};
+		onBeforeUnmount(disarmSafeArea);
 		const flatPaths = computed(() => flattenCascaderPaths(props.data));
 		const isSearching = computed(() => props.searchable && search.value.trim().length > 0 && search.value !== displayString.value);
 		const showFlatList = computed(() => isSearching.value || !props.withColumns);
@@ -37805,6 +38205,7 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 				class: Cascader_module_default.columnsList,
 				role: "presentation",
 				onMouseleave: () => {
+					disarmSafeArea();
 					if (props.expandTrigger === "hover") resetActivePath();
 				},
 				onMousemove: () => keyboardNav.value = false
@@ -37814,6 +38215,9 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 					const level = windowStart + index;
 					const isLast = index === visibleColumns.length - 1 && hiddenAfter === 0;
 					return h("div", {
+						ref: (element) => {
+							columnElements[level] = element;
+						},
 						class: Cascader_module_default.column,
 						"data-last": isLast || void 0,
 						style: {
@@ -37845,7 +38249,23 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 							"data-disabled": option.disabled || void 0,
 							onMousedown: (event) => event.preventDefault(),
 							onClick: () => handleOptionClick(level, option),
-							onMouseenter: () => handleOptionMouseEnter(level, option)
+							onMouseenter: () => {
+								if (option.disabled) return;
+								if (blockedLevel.value !== null && level <= blockedLevel.value) {
+									pendingOption = {
+										level,
+										option
+									};
+									return;
+								}
+								handleOptionMouseEnter(level, option);
+							},
+							onMouseleave: (event) => {
+								if (pendingOption?.level === level && pendingOption.option.value === option.value) pendingOption = null;
+								if (props.expandTrigger !== "hover" || !props.safeAreaPolygon || option.disabled || activePath.value[level] !== option.value) return;
+								const floating = columnElements[level + 1];
+								if (floating) armSafeArea(level, event.currentTarget, floating, event);
+							}
 						}, () => [
 							selected && props.withCheckIcon && props.checkIconPosition === "left" ? h(CheckIcon_default, { class: Cascader_module_default.columnOptionCheck }) : null,
 							h("span", { class: Cascader_module_default.columnOptionLabel }, [props.renderOption ? props.renderOption(option, level) : slots.renderOption?.({
@@ -38006,6 +38426,7 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 				__clearSectionMode: props.clearSectionMode,
 				rightSectionPointerEvents: attrs.rightSectionPointerEvents || "none",
 				onInput: (event) => {
+					if (isExternalInputChange(event)) return;
 					setSearch(event.target.value);
 					if (canInteract.value) combobox.openDropdown("keyboard");
 				},
@@ -38053,6 +38474,6 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 	...Cascader_module_default
 } });
 //#endregion
-export { Accordion, AccordionChevron, AccordionControl, AccordionItem, AccordionPanel, ActionIcon, ActionIconGroup, ActionIconGroupSection, Affix, Alert, AlphaSlider, Anchor, AngleSlider, AppShell, AppShellAside, AppShellFooter, AppShellHeader, AppShellMain, AppShellNavbar, AppShellSection, AspectRatio, Autocomplete, Avatar, AvatarGroup, 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, Tooltip, TooltipFloating_default as TooltipFloating, TooltipGroup, 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, defaultTreeNodeFilter, defaultVariantColorsResolver, em, 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, 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, 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, px, rem, resolveColorScheme, resolveNode, rgba, round, toRgba, useAccordionContext, useAccordionItemContext, useAppShellContext, 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, 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, Tooltip, TooltipFloating_default as TooltipFloating, TooltipGroup, 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, defaultTreeNodeFilter, defaultVariantColorsResolver, em, 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, px, rem, resolveColorScheme, resolveNode, rgba, round, toRgba, useAccordionContext, useAccordionItemContext, useAppShellContext, 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, useTree, useVirtualizedCombobox, validateJson, validateMantineTheme, validateOptions, virtualColor };
 
 //# sourceMappingURL=index.mjs.map