@mantine-vue/core 3.2.0 → 3.4.0

package/cjs/index.cjs

@@ -1738,7 +1738,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-${((0, vue.getCurrentInstance)() ? (0, vue.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
@@ -2616,7 +2616,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,
@@ -2660,7 +2660,7 @@ var Overlay = polymorphicFactory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Overlay", defaultProps$71, rawProps);
+		const props = useProps("Overlay", defaultProps$72, rawProps);
 		const getStyles = useStyles({
 			name: "Overlay",
 			classes: Overlay_module_default,
@@ -2919,7 +2919,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
@@ -2949,7 +2949,7 @@ var Container = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Container", defaultProps$70, rawProps);
+		const props = useProps("Container", defaultProps$71, rawProps);
 		const getStyles = useStyles({
 			name: "Container",
 			classes: Container_module_default,
@@ -3052,7 +3052,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"
@@ -3099,7 +3099,7 @@ var Divider = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.useSlots)();
-		const props = useProps("Divider", defaultProps$69, rawProps);
+		const props = useProps("Divider", defaultProps$70, rawProps);
 		const getStyles = useStyles({
 			name: "Divider",
 			classes: Divider_module_default,
@@ -3157,7 +3157,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__ */ (0, vue.defineComponent)({
@@ -3204,7 +3204,7 @@ var Text = polymorphicFactory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.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,
@@ -3259,7 +3259,7 @@ var Text = polymorphicFactory(/* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
@@ -3285,7 +3285,7 @@ var Anchor = polymorphicFactory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Anchor", defaultProps$67, rawProps);
+		const props = useProps("Anchor", defaultProps$68, rawProps);
 		const rootElement = (0, vue.ref)(null);
 		const setRootRef = (node) => {
 			rootElement.value = node;
@@ -3354,7 +3354,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: {
@@ -3388,7 +3388,7 @@ var Title = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Title", defaultProps$66, rawProps);
+		const props = useProps("Title", defaultProps$67, rawProps);
 		const order = (0, vue.computed)(() => props.order ?? 1);
 		const validOrder = (0, vue.computed)(() => [
 			1,
@@ -3575,7 +3575,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({
@@ -3609,7 +3609,7 @@ var Mark = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Mark", defaultProps$65, rawProps);
+		const props = useProps("Mark", defaultProps$66, rawProps);
 		const getStyles = useStyles({
 			name: "Mark",
 			classes: Mark_module_default,
@@ -3790,7 +3790,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
 };
@@ -3836,7 +3836,7 @@ var Skeleton = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Skeleton", defaultProps$64, rawProps);
+		const props = useProps("Skeleton", defaultProps$65, rawProps);
 		const getStyles = useStyles({
 			name: "Skeleton",
 			classes: Skeleton_module_default,
@@ -3885,7 +3885,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__ */ (0, vue.defineComponent)({
@@ -3915,7 +3915,7 @@ var ColorSwatch = polymorphicFactory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("ColorSwatch", defaultProps$63, rawProps);
+		const props = useProps("ColorSwatch", defaultProps$64, rawProps);
 		const getStyles = useStyles({
 			name: "ColorSwatch",
 			props,
@@ -3969,7 +3969,7 @@ var _hoisted_2$7 = [
 	"aria-label"
 ];
 var _hoisted_3$2 = ["name", "value"];
-var defaultProps$62 = {
+var defaultProps$63 = {
 	step: 1,
 	withLabel: true
 };
@@ -4025,7 +4025,7 @@ var AngleSlider = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const props_ = __props;
 		const emit = __emit;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("AngleSlider", defaultProps$62, props_);
+		const props = useProps("AngleSlider", defaultProps$63, props_);
 		const rootRef = (0, vue.ref)(null);
 		const [value, setValue] = (0, _mantine_vue_hooks.useUncontrolled)({
 			value: () => props.modelValue,
@@ -4075,7 +4075,7 @@ var AngleSlider = factory(/* @__PURE__ */ (0, vue.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();
@@ -4763,7 +4763,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
@@ -4786,7 +4786,7 @@ var ActionIconGroup = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("ActionIconGroup", defaultProps$61, rawProps);
+		const props = useProps("ActionIconGroup", defaultProps$62, rawProps);
 		const getStyles = useStyles({
 			name: "ActionIconGroup",
 			props,
@@ -5066,7 +5066,7 @@ var CloseIcon_default = /* @__PURE__ */ (0, vue.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),
@@ -5107,7 +5107,7 @@ var CloseButton = polymorphicFactory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.useSlots)();
-		const props = useProps("CloseButton", defaultProps$60, rawProps);
+		const props = useProps("CloseButton", defaultProps$61, rawProps);
 		const getStyles = useStyles({
 			name: props.__staticSelector || "CloseButton",
 			props,
@@ -5399,7 +5399,7 @@ var Button_default = /* @__PURE__ */ (0, vue.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
@@ -5422,7 +5422,7 @@ var ButtonGroup = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("ButtonGroup", defaultProps$59, rawProps);
+		const props = useProps("ButtonGroup", defaultProps$60, rawProps);
 		const getStyles = useStyles({
 			name: "ButtonGroup",
 			props,
@@ -5631,7 +5631,7 @@ var Burger = factory(/* @__PURE__ */ (0, vue.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,
@@ -5670,11 +5670,11 @@ var Collapse = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const env = useMantineEnv();
 		const theme = useMantineTheme();
 		const shouldReduceMotion = (0, _mantine_vue_hooks.useReducedMotion)(false, { getInitialValueInEffect: false });
-		const transitionDuration = (0, vue.computed)(() => props.transitionDuration ?? defaultProps$58.transitionDuration);
-		const transitionTimingFunction = (0, vue.computed)(() => props.transitionTimingFunction ?? defaultProps$58.transitionTimingFunction);
-		const animateOpacity = (0, vue.computed)(() => props.animateOpacity ?? defaultProps$58.animateOpacity);
-		const orientation = (0, vue.computed)(() => props.orientation ?? defaultProps$58.orientation);
-		const keepMounted = (0, vue.computed)(() => props.keepMounted ?? defaultProps$58.keepMounted);
+		const transitionDuration = (0, vue.computed)(() => props.transitionDuration ?? defaultProps$59.transitionDuration);
+		const transitionTimingFunction = (0, vue.computed)(() => props.transitionTimingFunction ?? defaultProps$59.transitionTimingFunction);
+		const animateOpacity = (0, vue.computed)(() => props.animateOpacity ?? defaultProps$59.animateOpacity);
+		const orientation = (0, vue.computed)(() => props.orientation ?? defaultProps$59.orientation);
+		const keepMounted = (0, vue.computed)(() => props.keepMounted ?? defaultProps$59.keepMounted);
 		const duration = (0, vue.computed)(() => theme.value.respectReducedMotion && shouldReduceMotion.value ? 0 : transitionDuration.value);
 		const collapseInput = {
 			expanded: () => props.expanded,
@@ -5726,7 +5726,7 @@ var Collapse = factory(/* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
@@ -5740,7 +5740,7 @@ var CopyButton_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("CopyButton", defaultProps$57, rawProps);
+		const props = useProps("CopyButton", defaultProps$58, rawProps);
 		const clipboard = (0, _mantine_vue_hooks.useClipboard)({ timeout: props.timeout });
 		const copy = () => clipboard.copy(props.value);
 		return (_ctx, _cache) => {
@@ -5759,7 +5759,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
@@ -5802,7 +5802,7 @@ var LoadingOverlay = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("LoadingOverlay", defaultProps$56, rawProps);
+		const props = useProps("LoadingOverlay", defaultProps$57, rawProps);
 		const theme = useMantineTheme();
 		const getStyles = useStyles({
 			name: "LoadingOverlay",
@@ -5817,11 +5817,11 @@ var LoadingOverlay = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			unstyled: props.unstyled
 		});
 		const overlayProps = (0, vue.computed)(() => ({
-			...defaultProps$56.overlayProps,
+			...defaultProps$57.overlayProps,
 			...props.overlayProps
 		}));
 		const transitionProps = (0, vue.computed)(() => ({
-			...defaultProps$56.transitionProps,
+			...defaultProps$57.transitionProps,
 			...props.transitionProps
 		}));
 		const rootElement = (0, vue.ref)(null);
@@ -5947,7 +5947,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__ */ (0, vue.defineComponent)({
@@ -5980,7 +5980,7 @@ var Card = polymorphicFactory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.useSlots)();
-		const props = useProps("Card", defaultProps$55, rawProps);
+		const props = useProps("Card", defaultProps$56, rawProps);
 		const getStyles = useStyles({
 			name: "Card",
 			props,
@@ -6195,7 +6195,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,
@@ -6263,7 +6263,7 @@ var Blockquote = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.useSlots)();
-		const props = useProps("Blockquote", defaultProps$54, rawProps);
+		const props = useProps("Blockquote", defaultProps$55, rawProps);
 		const getStyles = useStyles({
 			name: "Blockquote",
 			props,
@@ -6309,7 +6309,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__ */ (0, vue.defineComponent)({
@@ -6343,7 +6343,7 @@ var Breadcrumbs = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.useSlots)();
-		const props = useProps("Breadcrumbs", defaultProps$53, rawProps);
+		const props = useProps("Breadcrumbs", defaultProps$54, rawProps);
 		const getStyles = useStyles({
 			name: "Breadcrumbs",
 			props,
@@ -6481,7 +6481,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__ */ (0, vue.defineComponent)({
@@ -6535,7 +6535,7 @@ var List = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.useSlots)();
-		const props = useProps("List", defaultProps$52, rawProps);
+		const props = useProps("List", defaultProps$53, rawProps);
 		const getStyles = useStyles({
 			name: "List",
 			props,
@@ -6640,7 +6640,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,
@@ -6710,7 +6710,7 @@ var Indicator = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.useSlots)();
-		const props = useProps("Indicator", defaultProps$51, rawProps);
+		const props = useProps("Indicator", defaultProps$52, rawProps);
 		const getStyles = useStyles({
 			name: "Indicator",
 			props,
@@ -7132,7 +7132,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"
@@ -7163,7 +7163,7 @@ var SimpleGrid = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("SimpleGrid", defaultProps$50, rawProps);
+		const props = useProps("SimpleGrid", defaultProps$51, rawProps);
 		const getStyles = useStyles({
 			name: "SimpleGrid",
 			props,
@@ -7320,7 +7320,7 @@ var GridColVariables_default = /* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
@@ -7340,7 +7340,7 @@ var GridCol_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("GridCol", defaultProps$49, rawProps);
+		const props = useProps("GridCol", defaultProps$50, rawProps);
 		const ctx = useGridContext();
 		const responsiveClassName = useRandomClassName();
 		const rootElement = (0, vue.ref)(null);
@@ -7454,7 +7454,7 @@ var varsResolver$59 = createVarsResolver((_, { justify, align, overflow }) => ({
 	"--grid-align": align,
 	"--grid-overflow": overflow
 } }));
-var defaultProps$48 = {
+var defaultProps$49 = {
 	gap: "md",
 	columns: 12
 };
@@ -7490,7 +7490,7 @@ var Grid = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Grid", defaultProps$48, rawProps);
+		const props = useProps("Grid", defaultProps$49, rawProps);
 		const responsiveClassName = useRandomClassName();
 		const getStyles = useStyles({
 			name: "Grid",
@@ -7623,7 +7623,7 @@ var ScrollAreaCorner = /* @__PURE__ */ (0, vue.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"
 };
@@ -7653,7 +7653,7 @@ var ScrollAreaRoot = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		*/
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("ScrollAreaRoot", defaultProps$47, rawProps);
+		const props = useProps("ScrollAreaRoot", defaultProps$48, rawProps);
 		const viewport = (0, vue.ref)(null);
 		const content = (0, vue.ref)(null);
 		const scrollbarX = (0, vue.ref)(null);
@@ -7661,8 +7661,8 @@ var ScrollAreaRoot = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const cornerWidth = (0, vue.ref)(0);
 		const cornerHeight = (0, vue.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) => {
@@ -8344,7 +8344,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"
@@ -8409,7 +8409,7 @@ var ScrollArea_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("ScrollArea", defaultProps$46, rawProps);
+		const props = useProps("ScrollArea", defaultProps$47, rawProps);
 		const viewport = (0, vue.ref)(null);
 		const content = (0, vue.ref)(null);
 		const hovered = (0, vue.ref)(false);
@@ -8744,7 +8744,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,
@@ -8826,7 +8826,7 @@ var Accordion_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const emit = __emit;
 		const slots = (0, vue.useSlots)();
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Accordion", defaultProps$45, rawProps);
+		const props = useProps("Accordion", defaultProps$46, rawProps);
 		const uid = (0, _mantine_vue_hooks.useId)(props.id);
 		const [currentValue, setCurrentValue] = (0, _mantine_vue_hooks.useUncontrolled)({
 			value: () => props.value,
@@ -9224,7 +9224,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
 };
@@ -9296,7 +9296,7 @@ var Scroller = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const slots = (0, vue.useSlots)();
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Scroller", defaultProps$44, rawProps);
+		const props = useProps("Scroller", defaultProps$45, rawProps);
 		const scroller = (0, _mantine_vue_hooks.useScroller)({
 			scrollAmount: props.scrollAmount,
 			draggable: props.draggable
@@ -9702,7 +9702,7 @@ var TableDataRenderer = (0, vue.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
 };
@@ -9782,7 +9782,7 @@ var Table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const slots = (0, vue.useSlots)();
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Table", defaultProps$43, rawProps);
+		const props = useProps("Table", defaultProps$44, rawProps);
 		const getStyles = useStyles({
 			name: "Table",
 			props,
@@ -9853,7 +9853,7 @@ var Table_default = /* @__PURE__ */ (0, vue.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),
@@ -9882,7 +9882,7 @@ var TableScrollContainer = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("TableScrollContainer", defaultProps$42, rawProps);
+		const props = useProps("TableScrollContainer", defaultProps$43, rawProps);
 		const getStyles = useStyles({
 			name: "TableScrollContainer",
 			props,
@@ -10075,7 +10075,7 @@ var ProgressRoot = factory(/* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
@@ -10109,7 +10109,7 @@ var ProgressSection = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("ProgressSection", defaultProps$41, rawProps);
+		const props = useProps("ProgressSection", defaultProps$42, rawProps);
 		const ctx = useProgressContext();
 		const theme = useMantineTheme();
 		const ariaAttributes = (0, vue.computed)(() => props.withAria === false ? {} : {
@@ -10365,7 +10365,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
@@ -10374,7 +10374,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` }
@@ -10435,7 +10435,7 @@ var RingProgress = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const slots = (0, vue.useSlots)();
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("RingProgress", defaultProps$40, rawProps);
+		const props = useProps("RingProgress", defaultProps$41, rawProps);
 		const getStyles = useStyles({
 			name: "RingProgress",
 			props,
@@ -10448,8 +10448,8 @@ var RingProgress = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			vars: props.vars,
 			varsResolver: varsResolver$52
 		});
-		const size = (0, vue.computed)(() => props.size ?? defaultProps$40.size);
-		const thickness = (0, vue.computed)(() => props.thickness ?? defaultProps$40.thickness);
+		const size = (0, vue.computed)(() => props.size ?? defaultProps$41.size);
+		const thickness = (0, vue.computed)(() => props.thickness ?? defaultProps$41.thickness);
 		const clampedThickness = (0, vue.computed)(() => getClampedThickness(thickness.value, size.value));
 		const label = (0, vue.computed)(() => slots.label?.() ?? props.label);
 		/**
@@ -10739,16 +10739,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: ".",
@@ -10802,7 +10803,7 @@ var RollingNumber = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.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 = (0, vue.ref)(props.value);
 		(0, vue.watch)(() => props.value, (_, oldValue) => {
@@ -10874,7 +10875,7 @@ var RollingNumber = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 				role: (0, vue.unref)(props).withLiveRegion ? "status" : "img",
 				"aria-label": accessibleValue.value
 			}), {
-				default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(renderSlots.value, (slot) => {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", (0, vue.mergeProps)((0, vue.unref)(getStyles)("copyValue"), { "aria-hidden": "true" }), (0, vue.toDisplayString)(accessibleValue.value), 17), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(renderSlots.value, (slot) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: slot.key }, [slot.type === "digit" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DigitColumn), {
 						key: 0,
 						digit: slot.digit,
@@ -11101,7 +11102,7 @@ var varsResolver$50 = createVarsResolver((theme, { bulletSize, lineWidth, radius
 		autoContrast
 	}) : void 0
 } }));
-var defaultProps$38 = {
+var defaultProps$39 = {
 	active: -1,
 	align: "left"
 };
@@ -11140,7 +11141,7 @@ var Timeline = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.useSlots)();
-		const props = useProps("Timeline", defaultProps$38, rawProps);
+		const props = useProps("Timeline", defaultProps$39, rawProps);
 		const getStyles = useStyles({
 			name: "Timeline",
 			props,
@@ -11157,7 +11158,7 @@ var Timeline = factory(/* @__PURE__ */ (0, vue.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;
@@ -11281,7 +11282,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,
@@ -11343,7 +11344,7 @@ var Highlight = polymorphicFactory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.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";
@@ -11416,7 +11417,7 @@ var Highlight = polymorphicFactory(/* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
@@ -11485,7 +11486,7 @@ var _hoisted_4 = [
 	"stroke-width",
 	"stroke-dasharray"
 ];
-var defaultProps$36 = {
+var defaultProps$37 = {
 	size: 200,
 	thickness: 12,
 	orientation: "up",
@@ -11547,7 +11548,7 @@ var SemiCircleProgress = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.useSlots)();
-		const props = useProps("SemiCircleProgress", defaultProps$36, rawProps);
+		const props = useProps("SemiCircleProgress", defaultProps$37, rawProps);
 		const getStyles = useStyles({
 			name: "SemiCircleProgress",
 			props,
@@ -11560,8 +11561,8 @@ var SemiCircleProgress = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			vars: props.vars,
 			varsResolver: varsResolver$49
 		});
-		const size = (0, vue.computed)(() => props.size ?? defaultProps$36.size);
-		const thickness = (0, vue.computed)(() => props.thickness ?? defaultProps$36.thickness);
+		const size = (0, vue.computed)(() => props.size ?? defaultProps$37.size);
+		const thickness = (0, vue.computed)(() => props.thickness ?? defaultProps$37.thickness);
 		const coordinateForCircle = (0, vue.computed)(() => size.value / 2);
 		const radius = (0, vue.computed)(() => (size.value - 2 * thickness.value) / 2);
 		const circumference = (0, vue.computed)(() => Math.PI * radius.value);
@@ -11625,7 +11626,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
 };
@@ -11690,7 +11691,7 @@ var Spoiler = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const emit = __emit;
 		const slots = (0, vue.useSlots)();
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Spoiler", defaultProps$35, rawProps);
+		const props = useProps("Spoiler", defaultProps$36, rawProps);
 		const getStyles = useStyles({
 			name: "Spoiler",
 			props,
@@ -11715,7 +11716,7 @@ var Spoiler = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const currentLabel = (0, vue.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 = (0, vue.computed)(() => props.maxHeight ?? defaultProps$35.maxHeight);
+		const maxHeight = (0, vue.computed)(() => props.maxHeight ?? defaultProps$36.maxHeight);
 		const hasSpoiler = (0, vue.computed)(() => hasNode(currentLabel.value) && maxHeight.value < height.value);
 		const ariaLabel = (0, vue.computed)(() => show.value ? props.hideAriaLabel : props.showAriaLabel);
 		const contentStyle = (0, vue.computed)(() => ({ maxHeight: !show.value ? rem(maxHeight.value) : height.value ? rem(height.value) : void 0 }));
@@ -11775,7 +11776,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
@@ -11811,7 +11812,7 @@ var Fieldset = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.useSlots)();
-		const props = useProps("Fieldset", defaultProps$34, rawProps);
+		const props = useProps("Fieldset", defaultProps$35, rawProps);
 		const getStyles = useStyles({
 			name: "Fieldset",
 			props,
@@ -12165,7 +12166,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__ */ (0, vue.defineComponent)({
@@ -12196,7 +12197,7 @@ var InputLabel = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("InputLabel", defaultProps$33, rawProps);
+		const props = useProps("InputLabel", defaultProps$34, rawProps);
 		const wrapperCtx = useInputWrapperContext();
 		const ownGetStyles = useStyles({
 			name: "InputWrapper",
@@ -12631,7 +12632,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",
@@ -12777,7 +12778,7 @@ var Input = polymorphicFactory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const emit = __emit;
 		const slots = (0, vue.useSlots)();
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Input", defaultProps$32, rawProps);
+		const props = useProps("Input", defaultProps$33, rawProps);
 		const [value, setValue] = (0, _mantine_vue_hooks.useUncontrolled)({
 			value: () => props.modelValue,
 			defaultValue: props.defaultValue,
@@ -12963,7 +12964,7 @@ var Input = polymorphicFactory(/* @__PURE__ */ (0, vue.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,
@@ -13168,7 +13169,7 @@ var InputBase = polymorphicFactory(/* @__PURE__ */ (0, vue.defineComponent)({
 			"Input",
 			"InputWrapper",
 			"InputBase"
-		], defaultProps$31, rawProps);
+		], defaultProps$32, rawProps);
 		const stylePropNames = new Set(Object.keys(STYLE_PROPS_DATA));
 		const wrapperStyleProps = (0, vue.computed)(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => stylePropNames.has(key))));
 		const inputAttrs = (0, vue.computed)(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style" && !stylePropNames.has(key))));
@@ -13586,7 +13587,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
@@ -13648,7 +13649,7 @@ var Notification = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const emit = __emit;
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.useSlots)();
-		const props = useProps("Notification", defaultProps$30, rawProps);
+		const props = useProps("Notification", defaultProps$31, rawProps);
 		const getStyles = useStyles({
 			name: "Notification",
 			props,
@@ -13851,13 +13852,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);
@@ -13887,9 +13896,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)}`;
@@ -14109,7 +14128,6 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const slots = (0, vue.useSlots)();
 		const attrs = (0, vue.useAttrs)();
 		const inputRef = (0, vue.ref)(null);
-		const isEditing = (0, vue.ref)(false);
 		const isBigIntMode = (0, vue.computed)(() => typeof props.modelValue === "bigint" || typeof props.defaultValue === "bigint");
 		const [value, setValue] = (0, _mantine_vue_hooks.useUncontrolled)({
 			value: () => props.modelValue,
@@ -14142,11 +14160,7 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.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 = (0, vue.computed)(() => value.value === "" || value.value === "-" ? String(value.value) : formatNumber(value.value, getFormatterOptions()));
+		const displayValue = (0, vue.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;
@@ -14159,6 +14173,14 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.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);
@@ -14170,18 +14192,19 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.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 = (0, vue.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");
@@ -14271,7 +14294,7 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			onPointercancel: clearHold
 		}, () => (0, vue.h)(NumberInputChevron, { direction: "down" }))]);
 		/** The step controls double as the right section unless one was supplied. */
-		const rightSection = (0, vue.computed)(() => props.hideControls || props.readOnly ? props.rightSection : props.rightSection !== void 0 || slots.rightSection ? props.rightSection : controls);
+		const rightSection = (0, vue.computed)(() => props.hideControls || props.readOnly || !canStepValue.value ? props.rightSection : props.rightSection !== void 0 || slots.rightSection ? props.rightSection : controls);
 		const rightSectionPointerEvents = (0, vue.computed)(() => props.rightSectionPointerEvents ?? (props.disabled ? "none" : void 0));
 		const rightSectionWidth = (0, vue.computed)(() => props.rightSectionWidth ?? `var(--ni-right-section-width-${props.size || "sm"})`);
 		/** `bigint` values are integers only, so the numeric keypad is the right hint. */
@@ -14288,22 +14311,52 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.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);
@@ -14312,7 +14365,7 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 				event.preventDefault();
 				stepValue(-1);
 			}
-			scheduleCaretClamp(event.currentTarget);
+			scheduleCaretClamp(input);
 		}
 		function onKeyup(event) {
 			scheduleCaretClamp(event.currentTarget);
@@ -14321,12 +14374,10 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.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;
@@ -14425,7 +14476,7 @@ var NumberInput = factory(/* @__PURE__ */ (0, vue.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",
@@ -14465,7 +14516,7 @@ var Group = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.useSlots)();
-		const props = useProps("Group", defaultProps$29, rawProps);
+		const props = useProps("Group", defaultProps$30, rawProps);
 		const rootElement = (0, vue.ref)(null);
 		const setRootRef = (node) => {
 			rootElement.value = node;
@@ -14544,7 +14595,7 @@ var regex = {
 	number: /^[0-9]+$/,
 	alphanumeric: /^[a-zA-Z0-9]+$/i
 };
-var defaultProps$28 = {
+var defaultProps$29 = {
 	gap: "sm",
 	length: 4,
 	manageFocus: true,
@@ -14637,13 +14688,13 @@ var PinInput = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("PinInput", defaultProps$28, rawProps);
+		const props = useProps("PinInput", defaultProps$29, rawProps);
 		const uuid = (0, _mantine_vue_hooks.useId)(props.id);
 		const focusedIndex = (0, vue.ref)(-1);
 		const inputsRef = (0, vue.ref)([]);
 		/** Guards `onComplete` so it fires once per completion, not on every keystroke after. */
 		const completed = (0, vue.ref)(false);
-		const currentLength = (0, vue.computed)(() => props.length ?? defaultProps$28.length);
+		const currentLength = (0, vue.computed)(() => props.length ?? defaultProps$29.length);
 		const getStyles = useStyles({
 			name: "PinInput",
 			classes: PinInput_module_default,
@@ -14961,7 +15012,7 @@ var NativeSelectChevron_default = /* @__PURE__ */ (0, vue.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"
 };
@@ -15053,7 +15104,7 @@ var NativeSelect = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const emit = __emit;
 		const slots = (0, vue.useSlots)();
 		const attrs = (0, vue.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.
@@ -15425,7 +15476,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",
@@ -15472,7 +15523,7 @@ var Marquee = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Marquee", defaultProps$26, rawProps);
+		const props = useProps("Marquee", defaultProps$27, rawProps);
 		const getStyles = useStyles({
 			name: "Marquee",
 			props,
@@ -15518,7 +15569,7 @@ var Marquee = factory(/* @__PURE__ */ (0, vue.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
@@ -15559,7 +15610,7 @@ var Affix = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Affix", defaultProps$25, rawProps);
+		const props = useProps("Affix", defaultProps$26, rawProps);
 		const getStyles = useStyles({
 			name: "Affix",
 			props,
@@ -15605,7 +15656,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,
@@ -15663,7 +15714,7 @@ var Dialog = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Dialog", defaultProps$24, rawProps);
+		const props = useProps("Dialog", defaultProps$25, rawProps);
 		const env = useMantineEnv();
 		const getStyles = useStyles({
 			name: "Dialog",
@@ -15918,7 +15969,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,
@@ -16000,7 +16051,7 @@ var Rating = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		const emit = __emit;
 		const slots = (0, vue.useSlots)();
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Rating", defaultProps$23, rawProps);
+		const props = useProps("Rating", defaultProps$24, rawProps);
 		const rootRef = (0, vue.ref)(null);
 		const hovered = (0, vue.ref)(-1);
 		const isOutside = (0, vue.ref)(true);
@@ -16032,9 +16083,9 @@ var Rating = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 		/** A scoped slot is exposed to `RatingItem` as a function of the item value. The slot takes precedence over the prop. */
 		const emptySymbol = (0, vue.computed)(() => (slots.emptySymbol ? (value) => slots.emptySymbol({ value }) : void 0) ?? props.emptySymbol);
 		const fullSymbol = (0, vue.computed)(() => (slots.fullSymbol ? (value) => slots.fullSymbol({ value }) : void 0) ?? props.fullSymbol);
-		const count = (0, vue.computed)(() => Math.max(0, Math.floor(props.count ?? defaultProps$23.count)));
+		const count = (0, vue.computed)(() => Math.max(0, Math.floor(props.count ?? defaultProps$24.count)));
 		const fractions = (0, vue.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;
 		});
@@ -16185,13 +16236,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);
@@ -17160,7 +17213,7 @@ var PaginationLabel = factory(/* @__PURE__ */ (0, vue.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",
@@ -17224,7 +17277,7 @@ var PaginationRoot = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("PaginationRoot", defaultProps$22, rawProps);
+		const props = useProps("PaginationRoot", defaultProps$23, rawProps);
 		const pagination = (0, _mantine_vue_hooks.usePagination)({
 			total: () => props.total,
 			page: () => props.modelValue,
@@ -17289,7 +17342,7 @@ var PaginationRoot = Object.assign(/* @__PURE__ */ (0, vue.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,
@@ -17351,7 +17404,7 @@ var Pagination = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Pagination", defaultProps$21, rawProps);
+		const props = useProps("Pagination", defaultProps$22, rawProps);
 		const visible = (0, vue.computed)(() => props.total > 0 && !(props.hideWithOnePage && props.total === 1));
 		/** The responsive layout collapses the page list into a "n of m" label. */
 		const isResponsive = (0, vue.computed)(() => props.withPages && props.layout === "responsive");
@@ -17429,7 +17482,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,
@@ -17511,7 +17564,7 @@ var Tabs_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = (0, vue.useAttrs)();
-		const props = useProps("Tabs", defaultProps$20, rawProps);
+		const props = useProps("Tabs", defaultProps$21, rawProps);
 		const uid = (0, _mantine_vue_hooks.useId)(props.id);
 		const [currentTab, setCurrentTab] = (0, _mantine_vue_hooks.useUncontrolled)({
 			value: () => props.modelValue,
@@ -17894,6 +17947,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__ */ (0, vue.defineComponent)({
+	name: "ActionBarCloseButton",
+	inheritAttrs: false,
+	__name: "ActionBarCloseButton",
+	props: { unstyled: { type: Boolean } },
+	setup(__props) {
+		const props = __props;
+		const attrs = (0, vue.useAttrs)();
+		const ctx = useActionBarContext();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CloseButton), (0, vue.mergeProps)({
+				...(0, vue.unref)(attrs),
+				...(0, vue.unref)(ctx).getStyles("closeButton"),
+				...props
+			}, {
+				unstyled: props.unstyled ?? (0, vue.unref)(ctx).unstyled,
+				onClick: (0, vue.unref)(ctx).close
+			}), null, 16, ["unstyled", "onClick"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/ActionBar/ActionBarDivider/ActionBarDivider.ts
+var ActionBarDivider = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "ActionBarDivider",
+	inheritAttrs: false,
+	__name: "ActionBarDivider",
+	setup(__props) {
+		const attrs = (0, vue.useAttrs)();
+		const ctx = useActionBarContext();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(Box), (0, vue.mergeProps)({
+				...(0, vue.unref)(attrs),
+				...(0, vue.unref)(ctx).getStyles("divider")
+			}, {
+				role: (0, vue.unref)(attrs).role || "separator",
+				"aria-orientation": (0, vue.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__ */ (0, vue.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 = (0, vue.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();
+		}
+		(0, vue.watchEffect)((onCleanup) => {
+			if (!props.closeOnEscape || !props.opened || typeof window === "undefined") return;
+			window.addEventListener("keydown", handleKeydown, { passive: true });
+			onCleanup(() => window.removeEventListener("keydown", handleKeydown));
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			if (typeof window !== "undefined") window.removeEventListener("keydown", handleKeydown);
+		});
+		const rootElement = (0, vue.ref)(null);
+		const setRootRef = (node) => {
+			rootElement.value = node;
+			(0, _mantine_vue_hooks.assignRef)(props.rootRef, node);
+		};
+		__expose({ rootElement });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(Affix), {
+				"z-index": (0, vue.unref)(props).zIndex,
+				position: (0, vue.unref)(props).position,
+				"within-portal": (0, vue.unref)(props).withinPortal,
+				"portal-props": (0, vue.unref)(props).portalProps,
+				unstyled: (0, vue.unref)(props).unstyled
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(Transition), (0, vue.mergeProps)((0, vue.unref)(props).transitionProps, {
+					mounted: (0, vue.unref)(props).opened,
+					"keep-mounted": (0, vue.unref)(props).keepMounted
+				}), {
+					default: (0, vue.withCtx)((transitionStyles) => [(0, vue.createVNode)((0, vue.unref)(Paper), (0, vue.mergeProps)({ "root-ref": setRootRef }, {
+						...(0, vue.unref)(attrs),
+						...(0, vue.unref)(getStyles)("root", { style: transitionStyles })
+					}, {
+						role: "group",
+						shadow: (0, vue.unref)(props).shadow,
+						radius: (0, vue.unref)(props).radius,
+						"with-border": (0, vue.unref)(props).withBorder,
+						py: (0, vue.unref)(props).py,
+						px: (0, vue.unref)(props).px,
+						unstyled: (0, vue.unref)(props).unstyled
+					}), {
+						default: (0, vue.withCtx)(() => [(0, vue.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
@@ -18505,7 +18767,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
@@ -18518,6 +18781,7 @@ var PasswordInput = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 		defaultValue: {},
 		visibilityToggleIcon: {},
 		visibilityToggleButtonProps: {},
+		visibilityToggleFocusable: { type: Boolean },
 		visible: {
 			type: Boolean,
 			default: void 0
@@ -18691,7 +18955,7 @@ var PasswordInput = Object.assign(/* @__PURE__ */ (0, vue.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",
@@ -18708,7 +18972,7 @@ var PasswordInput = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 			},
 			onKeydown: (event) => {
 				props.visibilityToggleButtonProps?.onKeydown?.(event);
-				if (event.key === " ") {
+				if (event.key === " " || event.key === "Enter") {
 					event.preventDefault();
 					toggleVisibility();
 				}
@@ -19251,6 +19515,7 @@ var CheckboxCard = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: void 0
 		},
+		indeterminate: { type: Boolean },
 		withBorder: {
 			type: Boolean,
 			default: true
@@ -19299,9 +19564,14 @@ var CheckboxCard = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			varsResolver: varsResolver$27
 		});
 		/** Getter keeps the provided object reactive without changing the shape consumers read. */
-		(0, vue.provide)(CheckboxCardContextKey, { get checked() {
-			return checked.value;
-		} });
+		(0, vue.provide)(CheckboxCardContextKey, {
+			get checked() {
+				return checked.value;
+			},
+			get indeterminate() {
+				return props.indeterminate;
+			}
+		});
 		const cardStyles = (0, vue.computed)(() => getStyles("card", {
 			className: attrs.class,
 			style: attrs.style
@@ -19330,10 +19600,11 @@ var CheckboxCard = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 				"__static-selector": "CheckboxCard",
 				mod: [{
 					"with-border": props.withBorder,
-					checked: (0, vue.unref)(checked)
+					checked: (0, vue.unref)(checked),
+					indeterminate: props.indeterminate
 				}, props.mod],
 				role: "checkbox",
-				"aria-checked": (0, vue.unref)(checked),
+				"aria-checked": props.indeterminate ? "mixed" : (0, vue.unref)(checked),
 				onClick
 			}), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
@@ -19439,7 +19710,10 @@ var CheckboxIndicator = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: void 0
 		},
-		indeterminate: { type: Boolean },
+		indeterminate: {
+			type: Boolean,
+			default: void 0
+		},
 		icon: { default: void 0 },
 		checked: {
 			type: Boolean,
@@ -19470,7 +19744,8 @@ var CheckboxIndicator = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			varsResolver: varsResolver$26
 		});
 		const iconStyles = (0, vue.computed)(() => getStyles("icon"));
-		const checked = (0, vue.computed)(() => typeof props.checked === "boolean" || props.indeterminate ? props.checked || props.indeterminate : cardContext?.checked || false);
+		const indeterminate = (0, vue.computed)(() => typeof props.indeterminate === "boolean" ? props.indeterminate : cardContext?.indeterminate);
+		const checked = (0, vue.computed)(() => typeof props.checked === "boolean" || typeof props.indeterminate === "boolean" ? props.checked || props.indeterminate : cardContext?.checked || cardContext?.indeterminate || false);
 		const rootElement = (0, vue.ref)(null);
 		const setRootRef = (node) => {
 			rootElement.value = node;
@@ -19488,14 +19763,14 @@ var CheckboxIndicator = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 				variant: props.variant,
 				mod: [{
 					checked: checked.value,
-					indeterminate: props.indeterminate,
+					indeterminate: indeterminate.value,
 					disabled: props.disabled
 				}, props.mod]
 			}), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "icon", (0, vue.normalizeProps)((0, vue.guardReactiveProps)({
-					indeterminate: props.indeterminate,
+					indeterminate: indeterminate.value,
 					...iconStyles.value
-				})), () => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(props.icon || (0, vue.unref)(CheckboxIcon_default)), (0, vue.mergeProps)(iconStyles.value, { indeterminate: props.indeterminate }), null, 16, ["indeterminate"]))])]),
+				})), () => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(props.icon || (0, vue.unref)(CheckboxIcon_default)), (0, vue.mergeProps)(iconStyles.value, { indeterminate: indeterminate.value }), null, 16, ["indeterminate"]))])]),
 				_: 3
 			}, 16, ["variant", "mod"]);
 		};
@@ -22024,27 +22299,28 @@ var StepperCompleted = /* @__PURE__ */ (0, vue.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
 };
@@ -22127,6 +22403,7 @@ var Stepper_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		contentPadding: {},
 		orientation: {},
 		iconPosition: {},
+		labelPosition: {},
 		size: {},
 		radius: {},
 		allowNextStepsSelect: {
@@ -22180,6 +22457,9 @@ var Stepper_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			},
 			get iconPosition() {
 				return props.iconPosition;
+			},
+			get labelPosition() {
+				return props.orientation === "vertical" ? void 0 : props.labelPosition;
 			}
 		});
 		const rootStyles = (0, vue.computed)(() => getStyles("root", {
@@ -22189,6 +22469,7 @@ var Stepper_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const stepsMod = (0, vue.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. */
@@ -22448,7 +22729,8 @@ var StepperStep = factory(/* @__PURE__ */ (0, vue.defineComponent)({
 			}, {
 				mod: [{
 					iconPosition: iconPosition.value,
-					allowClick: (0, vue.unref)(props).allowStepClick
+					allowClick: (0, vue.unref)(props).allowStepClick,
+					labelPosition: (0, vue.unref)(ctx).labelPosition
 				}, (0, vue.unref)(props).mod],
 				style: rootStyle.value,
 				tabindex: (0, vue.unref)(props).allowStepClick ? 0 : -1
@@ -30295,8 +30577,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
@@ -30381,6 +30663,7 @@ var Tooltip_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		arrowPosition: {},
 		transitionProps: {},
 		events: {},
+		interactive: { type: Boolean },
 		inline: {
 			type: Boolean,
 			default: false
@@ -30438,6 +30721,16 @@ var Tooltip_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const slots = (0, vue.useSlots)();
 		const attrs = (0, vue.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"),
@@ -30470,10 +30763,13 @@ var Tooltip_default = /* @__PURE__ */ (0, vue.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();
@@ -30507,7 +30803,10 @@ var Tooltip_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			external = null;
 		}
 		(0, vue.onMounted)(() => props.target && bindExternal());
-		(0, vue.onBeforeUnmount)(unbindExternal);
+		(0, vue.onBeforeUnmount)(() => {
+			cancelInteractiveClose();
+			unbindExternal();
+		});
 		const arrowPosition = (0, vue.computed)(() => props.arrowPosition ?? "side");
 		/** `merge` draws the arrow as part of the tooltip body, which needs extra styles. */
 		const mergeStyles = (0, vue.computed)(() => arrowPosition.value === "merge" && props.withArrow ? getArrowMergeDropdownStyles({
@@ -30565,7 +30864,10 @@ var Tooltip_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					}, {
 						role: "tooltip",
 						"data-multiline": (0, vue.unref)(props).multiline || void 0,
-						"data-fixed": (0, vue.unref)(props).floatingStrategy === "fixed" || void 0
+						"data-fixed": (0, vue.unref)(props).floatingStrategy === "fixed" || void 0,
+						"data-interactive": (0, vue.unref)(props).interactive && mounted.value ? true : void 0,
+						onMouseenter: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(props).interactive && (cancelInteractiveClose(), (0, vue.unref)(tooltip).open())),
+						onMouseleave: _cache[1] || (_cache[1] = ($event) => (0, vue.unref)(props).interactive && closeFromPointer())
 					}), {
 						default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(renderLabel))), (0, vue.createVNode)((0, vue.unref)(FloatingArrow), (0, vue.mergeProps)({ ref: setArrow }, (0, vue.unref)(getStyles)("arrow"), {
 							visible: (0, vue.unref)(props).withArrow,
@@ -30587,7 +30889,11 @@ var Tooltip_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"arrow-y"
 						])]),
 						_: 1
-					}, 16, ["data-multiline", "data-fixed"])]),
+					}, 16, [
+						"data-multiline",
+						"data-fixed",
+						"data-interactive"
+					])]),
 					_: 1
 				}, 16, ["mounted", "keep-mounted"])]),
 				_: 1
@@ -30705,6 +31011,7 @@ var TooltipFloating_default = /* @__PURE__ */ (0, vue.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;
@@ -30729,8 +31036,8 @@ var TooltipFloating_default = /* @__PURE__ */ (0, vue.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 = (0, vue.computed)(() => resolveNode(props.label, slots.label));
@@ -33986,6 +34293,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 = [];
@@ -35389,6 +35708,16 @@ var Select = Object.assign(/* @__PURE__ */ (0, vue.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();
 		}
@@ -35993,6 +36322,13 @@ var MultiSelect = Object.assign(/* @__PURE__ */ (0, vue.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();
 		}
@@ -36397,6 +36733,7 @@ var TagsInput = Object.assign(/* @__PURE__ */ (0, vue.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);
@@ -36658,7 +36995,8 @@ var ColorInput = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 			default: true
 		},
 		swatches: {},
-		swatchesPerRow: { default: 7 }
+		swatchesPerRow: { default: 7 },
+		fullWidth: { type: Boolean }
 	},
 	emits: [
 		"update:modelValue",
@@ -36769,6 +37107,7 @@ var ColorInput = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 				opened: opened.value,
 				"with-roles": false,
 				disabled: pickerDisabled.value,
+				width: props.fullWidth ? "target" : void 0,
 				"__static-selector": "ColorInput",
 				"onUpdate:opened": onPopoverChange
 			}), {
@@ -36835,6 +37174,7 @@ var ColorInput = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 						"with-picker": props.withPicker,
 						focusable: false,
 						size: (0, vue.unref)(attrs).size,
+						"full-width": props.fullWidth,
 						onChange: onPickerChange,
 						onChangeEnd: onPickerChangeEnd,
 						onColorSwatchClick
@@ -36844,12 +37184,17 @@ var ColorInput = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 						"swatches",
 						"swatches-per-row",
 						"with-picker",
-						"size"
+						"size",
+						"full-width"
 					])]),
 					_: 1
 				}, 8, ["class"])]),
 				_: 3
-			}, 16, ["opened", "disabled"]);
+			}, 16, [
+				"opened",
+				"disabled",
+				"width"
+			]);
 		};
 	}
 }), { classes: {
@@ -37335,6 +37680,7 @@ var TreeSelect_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				disabled,
 				placeholder: !hasValue ? attrs.placeholder : void 0,
 				onInput: (event) => {
+					if (isExternalInputChange(event)) return;
 					setSearch(event.target.value);
 					combobox.openDropdown();
 				},
@@ -37376,6 +37722,7 @@ var TreeSelect_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				rightSection,
 				rightSectionPointerEvents: canClear ? "all" : "none",
 				onInput: (event) => {
+					if (isExternalInputChange(event)) return;
 					setSearch(event.target.value);
 					combobox.openDropdown();
 				},
@@ -37561,6 +37908,10 @@ var Cascader = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 			default: true
 		},
 		expandTrigger: { default: "click" },
+		safeAreaPolygon: {
+			type: [Boolean, Object],
+			default: true
+		},
 		searchable: {
 			type: Boolean,
 			default: false
@@ -37740,6 +38091,55 @@ var Cascader = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 			if (cascaderOptionHasChildren(option)) expandOption(level, option);
 			else activePath.value = [...activePath.value.slice(0, level), option.value];
 		};
+		const columnElements = {};
+		const blockedLevel = (0, vue.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);
+		};
+		(0, vue.onBeforeUnmount)(disarmSafeArea);
 		const flatPaths = (0, vue.computed)(() => flattenCascaderPaths(props.data));
 		const isSearching = (0, vue.computed)(() => props.searchable && search.value.trim().length > 0 && search.value !== displayString.value);
 		const showFlatList = (0, vue.computed)(() => isSearching.value || !props.withColumns);
@@ -37806,6 +38206,7 @@ var Cascader = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 				class: Cascader_module_default.columnsList,
 				role: "presentation",
 				onMouseleave: () => {
+					disarmSafeArea();
 					if (props.expandTrigger === "hover") resetActivePath();
 				},
 				onMousemove: () => keyboardNav.value = false
@@ -37815,6 +38216,9 @@ var Cascader = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 					const level = windowStart + index;
 					const isLast = index === visibleColumns.length - 1 && hiddenAfter === 0;
 					return (0, vue.h)("div", {
+						ref: (element) => {
+							columnElements[level] = element;
+						},
 						class: Cascader_module_default.column,
 						"data-last": isLast || void 0,
 						style: {
@@ -37846,7 +38250,23 @@ var Cascader = Object.assign(/* @__PURE__ */ (0, vue.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" ? (0, vue.h)(CheckIcon_default, { class: Cascader_module_default.columnOptionCheck }) : null,
 							(0, vue.h)("span", { class: Cascader_module_default.columnOptionLabel }, [props.renderOption ? props.renderOption(option, level) : slots.renderOption?.({
@@ -38007,6 +38427,7 @@ var Cascader = Object.assign(/* @__PURE__ */ (0, vue.defineComponent)({
 				__clearSectionMode: props.clearSectionMode,
 				rightSectionPointerEvents: attrs.rightSectionPointerEvents || "none",
 				onInput: (event) => {
+					if (isExternalInputChange(event)) return;
 					setSearch(event.target.value);
 					if (canInteract.value) combobox.openDropdown("keyboard");
 				},
@@ -38059,6 +38480,9 @@ exports.AccordionChevron = AccordionChevron;
 exports.AccordionControl = AccordionControl;
 exports.AccordionItem = AccordionItem;
 exports.AccordionPanel = AccordionPanel;
+exports.ActionBar = ActionBar;
+exports.ActionBarCloseButton = ActionBarCloseButton;
+exports.ActionBarDivider = ActionBarDivider;
 exports.ActionIcon = ActionIcon;
 exports.ActionIconGroup = ActionIconGroup;
 exports.ActionIconGroupSection = ActionIconGroupSection;
@@ -38390,6 +38814,7 @@ exports.getInitialsColor = getInitialsColor;
 exports.getLineHeight = getLineHeight;
 exports.getMarkColor = getMarkColor;
 exports.getMergedVariables = getMergedVariables;
+exports.getOptionByLabel = getOptionByLabel;
 exports.getOptionsLockup = getOptionsLockup;
 exports.getParsedComboboxData = getParsedComboboxData;
 exports.getParsedNativeSelectData = getParsedNativeSelectData;
@@ -38419,6 +38844,7 @@ exports.hsvaToRgbaObject = hsvaToRgbaObject;
 exports.identity = identity;
 exports.isColorValid = isColorValid;
 exports.isEmptyComboboxData = isEmptyComboboxData;
+exports.isExternalInputChange = isExternalInputChange;
 exports.isLightColor = isLightColor;
 exports.isNumberLike = isNumberLike;
 exports.isOptionsGroup = isOptionsGroup;