@mantine-vue/core 3.1.0 → 3.3.0

package/esm/index.mjs

@@ -2615,7 +2615,7 @@ var Overlay_module_default = { root: "_root_qjtu2_1" };
 //#endregion
 //#region src/components/Overlay/Overlay.vue?vue&type=script&setup=true&lang.ts
 /** Module scope: created once, not per component instance. */
-var defaultProps$71 = { zIndex: getDefaultZIndex("modal") };
+var defaultProps$72 = { zIndex: getDefaultZIndex("modal") };
 var varsResolver$93 = createVarsResolver((_, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({ root: {
 	"--overlay-bg": gradient || (color !== void 0 || backgroundOpacity !== void 0) && rgba(color || "#000", backgroundOpacity ?? .6) || void 0,
 	"--overlay-filter": blur ? `blur(${rem(blur)})` : void 0,
@@ -2659,7 +2659,7 @@ var Overlay = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Overlay", defaultProps$71, rawProps);
+		const props = useProps("Overlay", defaultProps$72, rawProps);
 		const getStyles = useStyles({
 			name: "Overlay",
 			classes: Overlay_module_default,
@@ -2918,7 +2918,7 @@ var Container_module_default = { root: "_root_1nxsn_1" };
 //#endregion
 //#region src/components/Container/Container.vue?vue&type=script&setup=true&lang.ts
 /** Module scope: created once, not per component instance. */
-var defaultProps$70 = { strategy: "block" };
+var defaultProps$71 = { strategy: "block" };
 var varsResolver$91 = createVarsResolver((_, { size, fluid }) => ({ root: { "--container-size": fluid ? void 0 : getSize(size, "container-size") } }));
 //#endregion
 //#region src/components/Container/Container.ts
@@ -2948,7 +2948,7 @@ var Container = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Container", defaultProps$70, rawProps);
+		const props = useProps("Container", defaultProps$71, rawProps);
 		const getStyles = useStyles({
 			name: "Container",
 			classes: Container_module_default,
@@ -3051,7 +3051,7 @@ var Divider_module_default = {
 };
 //#endregion
 //#region src/components/Divider/Divider.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$69 = {
+var defaultProps$70 = {
 	orientation: "horizontal",
 	labelPosition: "center",
 	variant: "solid"
@@ -3098,7 +3098,7 @@ var Divider = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Divider", defaultProps$69, rawProps);
+		const props = useProps("Divider", defaultProps$70, rawProps);
 		const getStyles = useStyles({
 			name: "Divider",
 			classes: Divider_module_default,
@@ -3156,7 +3156,7 @@ var varsResolver$88 = createVarsResolver((theme, { variant, lineClamp, gradient,
 	"--text-line-clamp": typeof lineClamp === "number" ? lineClamp.toString() : void 0,
 	"--text-text-wrap": textWrap
 } }));
-var defaultProps$68 = { inherit: false };
+var defaultProps$69 = { inherit: false };
 //#endregion
 //#region src/components/Text/Text.ts
 var Text = polymorphicFactory(/* @__PURE__ */ defineComponent({
@@ -3203,7 +3203,7 @@ var Text = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Text", defaultProps$68, rawProps);
+		const props = useProps("Text", defaultProps$69, rawProps);
 		const getStyles = useStyles({
 			name: props.__staticSelector ?? "Text",
 			classes: Text_module_default,
@@ -3258,7 +3258,7 @@ var Text = polymorphicFactory(/* @__PURE__ */ defineComponent({
 var Anchor_module_default = { root: "_root_mirc9_1" };
 //#endregion
 //#region src/components/Anchor/Anchor.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$67 = { underline: "hover" };
+var defaultProps$68 = { underline: "hover" };
 //#endregion
 //#region src/components/Anchor/Anchor.ts
 var Anchor = polymorphicFactory(/* @__PURE__ */ defineComponent({
@@ -3284,7 +3284,7 @@ var Anchor = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Anchor", defaultProps$67, rawProps);
+		const props = useProps("Anchor", defaultProps$68, rawProps);
 		const rootElement = ref(null);
 		const setRootRef = (node) => {
 			rootElement.value = node;
@@ -3353,7 +3353,7 @@ function getTitleSize(order, size) {
 }
 //#endregion
 //#region src/components/Title/Title.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$66 = { order: 1 };
+var defaultProps$67 = { order: 1 };
 var varsResolver$87 = createVarsResolver((_, { order, size, lineClamp, textWrap }) => {
 	const values = getTitleSize(order || 1, size);
 	return { root: {
@@ -3387,7 +3387,7 @@ var Title = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Title", defaultProps$66, rawProps);
+		const props = useProps("Title", defaultProps$67, rawProps);
 		const order = computed(() => props.order ?? 1);
 		const validOrder = computed(() => [
 			1,
@@ -3574,7 +3574,7 @@ function getMarkColor({ color, theme, defaultShade }) {
 }
 //#endregion
 //#region src/components/Mark/Mark.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$65 = { color: "yellow" };
+var defaultProps$66 = { color: "yellow" };
 /** Module scope: created once, not per component instance. */
 var varsResolver$84 = createVarsResolver((theme, { color }) => ({ root: {
 	"--mark-bg-dark": getMarkColor({
@@ -3608,7 +3608,7 @@ var Mark = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Mark", defaultProps$65, rawProps);
+		const props = useProps("Mark", defaultProps$66, rawProps);
 		const getStyles = useStyles({
 			name: "Mark",
 			classes: Mark_module_default,
@@ -3789,7 +3789,7 @@ var Skeleton_module_default = {
 //#endregion
 //#region src/components/Skeleton/Skeleton.vue?vue&type=script&setup=true&lang.ts
 /** Module scope: created once, not per component instance. */
-var defaultProps$64 = {
+var defaultProps$65 = {
 	visible: true,
 	animate: true
 };
@@ -3835,7 +3835,7 @@ var Skeleton = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Skeleton", defaultProps$64, rawProps);
+		const props = useProps("Skeleton", defaultProps$65, rawProps);
 		const getStyles = useStyles({
 			name: "Skeleton",
 			classes: Skeleton_module_default,
@@ -3884,7 +3884,7 @@ var varsResolver$80 = createVarsResolver((_, { radius, size }) => ({ root: {
 	"--cs-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--cs-size": rem(size)
 } }));
-var defaultProps$63 = { withShadow: true };
+var defaultProps$64 = { withShadow: true };
 //#endregion
 //#region src/components/ColorSwatch/ColorSwatch.ts
 var ColorSwatch = polymorphicFactory(/* @__PURE__ */ defineComponent({
@@ -3914,7 +3914,7 @@ var ColorSwatch = polymorphicFactory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("ColorSwatch", defaultProps$63, rawProps);
+		const props = useProps("ColorSwatch", defaultProps$64, rawProps);
 		const getStyles = useStyles({
 			name: "ColorSwatch",
 			props,
@@ -3968,7 +3968,7 @@ var _hoisted_2$7 = [
 	"aria-label"
 ];
 var _hoisted_3$2 = ["name", "value"];
-var defaultProps$62 = {
+var defaultProps$63 = {
 	step: 1,
 	withLabel: true
 };
@@ -4024,7 +4024,7 @@ var AngleSlider = factory(/* @__PURE__ */ defineComponent({
 		const props_ = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("AngleSlider", defaultProps$62, props_);
+		const props = useProps("AngleSlider", defaultProps$63, props_);
 		const rootRef = ref(null);
 		const [value, setValue] = useUncontrolled({
 			value: () => props.modelValue,
@@ -4074,7 +4074,7 @@ var AngleSlider = factory(/* @__PURE__ */ defineComponent({
 		}
 		function handleKeyDown(event) {
 			if (props.disabled) return;
-			const step = props.step ?? defaultProps$62.step;
+			const step = props.step ?? defaultProps$63.step;
 			let nextValue = value.value;
 			if (event.key === "ArrowLeft" || event.key === "ArrowDown") {
 				event.preventDefault();
@@ -4762,7 +4762,7 @@ var ActionIcon_module_default = {
 };
 //#endregion
 //#region src/components/ActionIcon/ActionIconGroup/ActionIconGroup.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$61 = { orientation: "horizontal" };
+var defaultProps$62 = { orientation: "horizontal" };
 var varsResolver$76 = createVarsResolver((_, { borderWidth }) => ({ group: { "--ai-border-width": rem(borderWidth) } }));
 //#endregion
 //#region src/components/ActionIcon/ActionIconGroup/ActionIconGroup.ts
@@ -4785,7 +4785,7 @@ var ActionIconGroup = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("ActionIconGroup", defaultProps$61, rawProps);
+		const props = useProps("ActionIconGroup", defaultProps$62, rawProps);
 		const getStyles = useStyles({
 			name: "ActionIconGroup",
 			props,
@@ -5065,7 +5065,7 @@ var CloseIcon_default = /* @__PURE__ */ defineComponent({
 var CloseButton_module_default = { root: "_root_uv1i7_1" };
 //#endregion
 //#region src/components/CloseButton/CloseButton.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$60 = { variant: "subtle" };
+var defaultProps$61 = { variant: "subtle" };
 var varsResolver$73 = createVarsResolver((_, { size, radius, iconSize }) => ({ root: {
 	"--cb-size": getSize(size, "cb-size"),
 	"--cb-radius": radius === void 0 ? void 0 : getRadius(radius),
@@ -5106,7 +5106,7 @@ var CloseButton = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("CloseButton", defaultProps$60, rawProps);
+		const props = useProps("CloseButton", defaultProps$61, rawProps);
 		const getStyles = useStyles({
 			name: props.__staticSelector || "CloseButton",
 			props,
@@ -5398,7 +5398,7 @@ var Button_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Button/ButtonGroup/ButtonGroup.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$59 = { orientation: "horizontal" };
+var defaultProps$60 = { orientation: "horizontal" };
 var varsResolver$71 = createVarsResolver((_, { borderWidth }) => ({ group: { "--button-border-width": rem(borderWidth) } }));
 //#endregion
 //#region src/components/Button/ButtonGroup/ButtonGroup.ts
@@ -5421,7 +5421,7 @@ var ButtonGroup = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("ButtonGroup", defaultProps$59, rawProps);
+		const props = useProps("ButtonGroup", defaultProps$60, rawProps);
 		const getStyles = useStyles({
 			name: "ButtonGroup",
 			props,
@@ -5630,7 +5630,7 @@ var Burger = factory(/* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Collapse/Collapse.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$58 = {
+var defaultProps$59 = {
 	transitionDuration: 200,
 	transitionTimingFunction: "ease",
 	animateOpacity: true,
@@ -5669,11 +5669,11 @@ var Collapse = factory(/* @__PURE__ */ defineComponent({
 		const env = useMantineEnv();
 		const theme = useMantineTheme();
 		const shouldReduceMotion = useReducedMotion(false, { getInitialValueInEffect: false });
-		const transitionDuration = computed(() => props.transitionDuration ?? defaultProps$58.transitionDuration);
-		const transitionTimingFunction = computed(() => props.transitionTimingFunction ?? defaultProps$58.transitionTimingFunction);
-		const animateOpacity = computed(() => props.animateOpacity ?? defaultProps$58.animateOpacity);
-		const orientation = computed(() => props.orientation ?? defaultProps$58.orientation);
-		const keepMounted = computed(() => props.keepMounted ?? defaultProps$58.keepMounted);
+		const transitionDuration = computed(() => props.transitionDuration ?? defaultProps$59.transitionDuration);
+		const transitionTimingFunction = computed(() => props.transitionTimingFunction ?? defaultProps$59.transitionTimingFunction);
+		const animateOpacity = computed(() => props.animateOpacity ?? defaultProps$59.animateOpacity);
+		const orientation = computed(() => props.orientation ?? defaultProps$59.orientation);
+		const keepMounted = computed(() => props.keepMounted ?? defaultProps$59.keepMounted);
 		const duration = computed(() => theme.value.respectReducedMotion && shouldReduceMotion.value ? 0 : transitionDuration.value);
 		const collapseInput = {
 			expanded: () => props.expanded,
@@ -5725,7 +5725,7 @@ var Collapse = factory(/* @__PURE__ */ defineComponent({
 }));
 //#endregion
 //#region src/components/CopyButton/CopyButton.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$57 = { timeout: 1e3 };
+var defaultProps$58 = { timeout: 1e3 };
 //#endregion
 //#region src/components/CopyButton/CopyButton.vue
 var CopyButton_default = /* @__PURE__ */ defineComponent({
@@ -5739,7 +5739,7 @@ var CopyButton_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("CopyButton", defaultProps$57, rawProps);
+		const props = useProps("CopyButton", defaultProps$58, rawProps);
 		const clipboard = useClipboard({ timeout: props.timeout });
 		const copy = () => clipboard.copy(props.value);
 		return (_ctx, _cache) => {
@@ -5758,7 +5758,7 @@ var LoadingOverlay_module_default = {
 };
 //#endregion
 //#region src/components/LoadingOverlay/LoadingOverlay.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$56 = {
+var defaultProps$57 = {
 	transitionProps: {
 		transition: "fade",
 		duration: 0
@@ -5801,7 +5801,7 @@ var LoadingOverlay = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("LoadingOverlay", defaultProps$56, rawProps);
+		const props = useProps("LoadingOverlay", defaultProps$57, rawProps);
 		const theme = useMantineTheme();
 		const getStyles = useStyles({
 			name: "LoadingOverlay",
@@ -5816,11 +5816,11 @@ var LoadingOverlay = factory(/* @__PURE__ */ defineComponent({
 			unstyled: props.unstyled
 		});
 		const overlayProps = computed(() => ({
-			...defaultProps$56.overlayProps,
+			...defaultProps$57.overlayProps,
 			...props.overlayProps
 		}));
 		const transitionProps = computed(() => ({
-			...defaultProps$56.transitionProps,
+			...defaultProps$57.transitionProps,
 			...props.transitionProps
 		}));
 		const rootElement = ref(null);
@@ -5946,7 +5946,7 @@ var CardSection = polymorphicFactory(CardSection_default, { classes: Card_module
 //#endregion
 //#region src/components/Card/Card.vue?vue&type=script&setup=true&lang.ts
 var varsResolver$67 = createVarsResolver((_, { padding }) => ({ root: { "--card-padding": getSpacing(padding) } }));
-var defaultProps$55 = { orientation: "vertical" };
+var defaultProps$56 = { orientation: "vertical" };
 //#endregion
 //#region src/components/Card/Card.ts
 var Card = polymorphicFactory(/* @__PURE__ */ defineComponent({
@@ -5979,7 +5979,7 @@ var Card = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Card", defaultProps$55, rawProps);
+		const props = useProps("Card", defaultProps$56, rawProps);
 		const getStyles = useStyles({
 			name: "Card",
 			props,
@@ -6194,7 +6194,7 @@ var Blockquote_module_default = {
 };
 //#endregion
 //#region src/components/Blockquote/Blockquote.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$54 = { iconSize: 48 };
+var defaultProps$55 = { iconSize: 48 };
 var varsResolver$65 = createVarsResolver((theme, { color, iconSize, radius, textWrap }) => {
 	const darkParsed = parseThemeColor({
 		color: color || theme.primaryColor,
@@ -6262,7 +6262,7 @@ var Blockquote = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Blockquote", defaultProps$54, rawProps);
+		const props = useProps("Blockquote", defaultProps$55, rawProps);
 		const getStyles = useStyles({
 			name: "Blockquote",
 			props,
@@ -6308,7 +6308,7 @@ var Breadcrumbs_module_default = {
 //#endregion
 //#region src/components/Breadcrumbs/Breadcrumbs.vue?vue&type=script&setup=true&lang.ts
 var varsResolver$64 = createVarsResolver((_, { separatorMargin }) => ({ root: { "--bc-separator-margin": getSpacing(separatorMargin) } }));
-var defaultProps$53 = { separator: "/" };
+var defaultProps$54 = { separator: "/" };
 //#endregion
 //#region src/components/Breadcrumbs/Breadcrumbs.ts
 var Breadcrumbs = factory(/* @__PURE__ */ defineComponent({
@@ -6342,7 +6342,7 @@ var Breadcrumbs = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Breadcrumbs", defaultProps$53, rawProps);
+		const props = useProps("Breadcrumbs", defaultProps$54, rawProps);
 		const getStyles = useStyles({
 			name: "Breadcrumbs",
 			props,
@@ -6480,7 +6480,7 @@ var varsResolver$63 = createVarsResolver((_, { size, spacing }) => ({ root: {
 	"--list-lh": getLineHeight(size),
 	"--list-spacing": getSpacing(spacing)
 } }));
-var defaultProps$52 = { type: "unordered" };
+var defaultProps$53 = { type: "unordered" };
 //#endregion
 //#region src/components/List/List.ts
 var List = factory(/* @__PURE__ */ defineComponent({
@@ -6534,7 +6534,7 @@ var List = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("List", defaultProps$52, rawProps);
+		const props = useProps("List", defaultProps$53, rawProps);
 		const getStyles = useStyles({
 			name: "List",
 			props,
@@ -6639,7 +6639,7 @@ function getPositionVariables(position = "top-end", offset = 0) {
 }
 //#endregion
 //#region src/components/Indicator/Indicator.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$51 = {
+var defaultProps$52 = {
 	position: "top-end",
 	offset: 0,
 	showZero: true,
@@ -6709,7 +6709,7 @@ var Indicator = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Indicator", defaultProps$51, rawProps);
+		const props = useProps("Indicator", defaultProps$52, rawProps);
 		const getStyles = useStyles({
 			name: "Indicator",
 			props,
@@ -7131,7 +7131,7 @@ var SimpleGrid_module_default = {
 };
 //#endregion
 //#region src/components/SimpleGrid/SimpleGrid.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$50 = {
+var defaultProps$51 = {
 	cols: 1,
 	spacing: "md",
 	type: "media"
@@ -7162,7 +7162,7 @@ var SimpleGrid = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("SimpleGrid", defaultProps$50, rawProps);
+		const props = useProps("SimpleGrid", defaultProps$51, rawProps);
 		const getStyles = useStyles({
 			name: "SimpleGrid",
 			props,
@@ -7319,7 +7319,7 @@ var GridColVariables_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Grid/GridCol/GridCol.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$49 = { span: 12 };
+var defaultProps$50 = { span: 12 };
 //#endregion
 //#region src/components/Grid/GridCol/GridCol.vue
 var GridCol_default = /* @__PURE__ */ defineComponent({
@@ -7339,7 +7339,7 @@ var GridCol_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("GridCol", defaultProps$49, rawProps);
+		const props = useProps("GridCol", defaultProps$50, rawProps);
 		const ctx = useGridContext();
 		const responsiveClassName = useRandomClassName();
 		const rootElement = ref(null);
@@ -7453,7 +7453,7 @@ var varsResolver$59 = createVarsResolver((_, { justify, align, overflow }) => ({
 	"--grid-align": align,
 	"--grid-overflow": overflow
 } }));
-var defaultProps$48 = {
+var defaultProps$49 = {
 	gap: "md",
 	columns: 12
 };
@@ -7489,7 +7489,7 @@ var Grid = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Grid", defaultProps$48, rawProps);
+		const props = useProps("Grid", defaultProps$49, rawProps);
 		const responsiveClassName = useRandomClassName();
 		const getStyles = useStyles({
 			name: "Grid",
@@ -7622,7 +7622,7 @@ var ScrollAreaCorner = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$47 = {
+var defaultProps$48 = {
 	scrollHideDelay: 1e3,
 	type: "hover"
 };
@@ -7652,7 +7652,7 @@ var ScrollAreaRoot = factory(/* @__PURE__ */ defineComponent({
 		*/
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("ScrollAreaRoot", defaultProps$47, rawProps);
+		const props = useProps("ScrollAreaRoot", defaultProps$48, rawProps);
 		const viewport = ref(null);
 		const content = ref(null);
 		const scrollbarX = ref(null);
@@ -7660,8 +7660,8 @@ var ScrollAreaRoot = factory(/* @__PURE__ */ defineComponent({
 		const cornerWidth = ref(0);
 		const cornerHeight = ref(0);
 		provideScrollAreaContext({
-			type: props.type ?? defaultProps$47.type,
-			scrollHideDelay: props.scrollHideDelay ?? defaultProps$47.scrollHideDelay,
+			type: props.type ?? defaultProps$48.type,
+			scrollHideDelay: props.scrollHideDelay ?? defaultProps$48.scrollHideDelay,
 			scrollbars: props.scrollbars,
 			viewport,
 			onViewportChange: (node) => {
@@ -8343,7 +8343,7 @@ var ScrollArea_module_default = {
 };
 //#endregion
 //#region src/components/ScrollArea/ScrollArea.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$46 = {
+var defaultProps$47 = {
 	scrollHideDelay: 1e3,
 	type: "hover",
 	scrollbars: "xy"
@@ -8408,7 +8408,7 @@ var ScrollArea_default = /* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("ScrollArea", defaultProps$46, rawProps);
+		const props = useProps("ScrollArea", defaultProps$47, rawProps);
 		const viewport = ref(null);
 		const content = ref(null);
 		const hovered = ref(false);
@@ -8743,7 +8743,7 @@ var Accordion_module_default = {
 //#endregion
 //#region src/components/Accordion/Accordion.vue?vue&type=script&setup=true&lang.ts
 var VALUE_ERROR$1 = "Accordion.Item component was rendered with invalid value or without value";
-var defaultProps$45 = {
+var defaultProps$46 = {
 	multiple: false,
 	loop: true,
 	disableChevronRotation: false,
@@ -8825,7 +8825,7 @@ var Accordion_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("Accordion", defaultProps$45, rawProps);
+		const props = useProps("Accordion", defaultProps$46, rawProps);
 		const uid = useId(props.id);
 		const [currentValue, setCurrentValue] = useUncontrolled({
 			value: () => props.value,
@@ -9223,7 +9223,7 @@ var Scroller_module_default = {
 //#endregion
 //#region src/components/Scroller/Scroller.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$31 = ["data-draggable"];
-var defaultProps$44 = {
+var defaultProps$45 = {
 	scrollAmount: 200,
 	draggable: true
 };
@@ -9295,7 +9295,7 @@ var Scroller = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("Scroller", defaultProps$44, rawProps);
+		const props = useProps("Scroller", defaultProps$45, rawProps);
 		const scroller = useScroller({
 			scrollAmount: props.scrollAmount,
 			draggable: props.draggable
@@ -9701,7 +9701,7 @@ var TableDataRenderer = defineComponent({
 });
 //#endregion
 //#region src/components/Table/Table.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$43 = {
+var defaultProps$44 = {
 	withRowBorders: true,
 	verticalSpacing: 7
 };
@@ -9781,7 +9781,7 @@ var Table_default = /* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("Table", defaultProps$43, rawProps);
+		const props = useProps("Table", defaultProps$44, rawProps);
 		const getStyles = useStyles({
 			name: "Table",
 			props,
@@ -9852,7 +9852,7 @@ var Table_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Table/TableScrollContainer.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$42 = { type: "scrollarea" };
+var defaultProps$43 = { type: "scrollarea" };
 var varsResolver$54 = createVarsResolver((_, { minWidth, maxHeight, type }) => ({ scrollContainer: {
 	"--table-min-width": rem(minWidth),
 	"--table-max-height": rem(maxHeight),
@@ -9881,7 +9881,7 @@ var TableScrollContainer = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("TableScrollContainer", defaultProps$42, rawProps);
+		const props = useProps("TableScrollContainer", defaultProps$43, rawProps);
 		const getStyles = useStyles({
 			name: "TableScrollContainer",
 			props,
@@ -10074,7 +10074,7 @@ var ProgressRoot = factory(/* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Progress/ProgressSection/ProgressSection.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$41 = { withAria: true };
+var defaultProps$42 = { withAria: true };
 //#endregion
 //#region src/components/Progress/ProgressSection/ProgressSection.ts
 var ProgressSection = factory(/* @__PURE__ */ defineComponent({
@@ -10108,7 +10108,7 @@ var ProgressSection = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("ProgressSection", defaultProps$41, rawProps);
+		const props = useProps("ProgressSection", defaultProps$42, rawProps);
 		const ctx = useProgressContext();
 		const theme = useMantineTheme();
 		const ariaAttributes = computed(() => props.withAria === false ? {} : {
@@ -10364,7 +10364,7 @@ var RingProgress_module_default = {
 //#endregion
 //#region src/components/RingProgress/RingProgress.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$30 = ["viewBox"];
-var defaultProps$40 = {
+var defaultProps$41 = {
 	size: 120,
 	thickness: 12,
 	startAngle: 270
@@ -10373,7 +10373,7 @@ var defaultProps$40 = {
 var varsResolver$52 = createVarsResolver((_, { size, thickness, transitionDuration, startAngle }) => ({
 	root: {
 		"--rp-size": rem(size),
-		"--rp-label-offset": rem((thickness ?? defaultProps$40.thickness) * 2),
+		"--rp-label-offset": rem((thickness ?? defaultProps$41.thickness) * 2),
 		"--rp-transition-duration": transitionDuration ? `${transitionDuration}ms` : void 0
 	},
 	svg: { "--rp-start-angle": `${startAngle}deg` }
@@ -10434,7 +10434,7 @@ var RingProgress = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("RingProgress", defaultProps$40, rawProps);
+		const props = useProps("RingProgress", defaultProps$41, rawProps);
 		const getStyles = useStyles({
 			name: "RingProgress",
 			props,
@@ -10447,8 +10447,8 @@ var RingProgress = factory(/* @__PURE__ */ defineComponent({
 			vars: props.vars,
 			varsResolver: varsResolver$52
 		});
-		const size = computed(() => props.size ?? defaultProps$40.size);
-		const thickness = computed(() => props.thickness ?? defaultProps$40.thickness);
+		const size = computed(() => props.size ?? defaultProps$41.size);
+		const thickness = computed(() => props.thickness ?? defaultProps$41.thickness);
 		const clampedThickness = computed(() => getClampedThickness(thickness.value, size.value));
 		const label = computed(() => slots.label?.() ?? props.label);
 		/**
@@ -10738,16 +10738,17 @@ function getRenderSlotsFromValues({ value, previousValue, prefix, suffix, decima
 	});
 }
 var RollingNumber_module_default = {
-	root: "_root_ox6qq_1",
-	digit: "_digit_ox6qq_11",
-	digitColumn: "_digitColumn_ox6qq_27",
-	"mantine-rolling-number-roll": "_mantine-rolling-number-roll_ox6qq_1",
-	char: "_char_ox6qq_40"
+	root: "_root_j0d70_1",
+	copyValue: "_copyValue_j0d70_12",
+	digit: "_digit_j0d70_22",
+	digitColumn: "_digitColumn_j0d70_43",
+	"mantine-rolling-number-roll": "_mantine-rolling-number-roll_j0d70_1",
+	char: "_char_j0d70_56"
 };
 //#endregion
 //#region src/components/RollingNumber/RollingNumber.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$28 = ["data-empty"];
-var defaultProps$39 = {
+var defaultProps$40 = {
 	animationDuration: 600,
 	timingFunction: "ease",
 	decimalSeparator: ".",
@@ -10801,7 +10802,7 @@ var RollingNumber = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("RollingNumber", defaultProps$39, rawProps);
+		const props = useProps("RollingNumber", defaultProps$40, rawProps);
 		/** Kept so each digit knows where it is rolling from. */
 		const previousValue = ref(props.value);
 		watch(() => props.value, (_, oldValue) => {
@@ -10873,7 +10874,7 @@ var RollingNumber = factory(/* @__PURE__ */ defineComponent({
 				role: unref(props).withLiveRegion ? "status" : "img",
 				"aria-label": accessibleValue.value
 			}), {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(renderSlots.value, (slot) => {
+				default: withCtx(() => [createElementVNode("span", mergeProps(unref(getStyles)("copyValue"), { "aria-hidden": "true" }), toDisplayString(accessibleValue.value), 17), (openBlock(true), createElementBlock(Fragment, null, renderList(renderSlots.value, (slot) => {
 					return openBlock(), createElementBlock(Fragment, { key: slot.key }, [slot.type === "digit" ? (openBlock(), createBlock(unref(DigitColumn), {
 						key: 0,
 						digit: slot.digit,
@@ -11100,7 +11101,7 @@ var varsResolver$50 = createVarsResolver((theme, { bulletSize, lineWidth, radius
 		autoContrast
 	}) : void 0
 } }));
-var defaultProps$38 = {
+var defaultProps$39 = {
 	active: -1,
 	align: "left"
 };
@@ -11139,7 +11140,7 @@ var Timeline = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Timeline", defaultProps$38, rawProps);
+		const props = useProps("Timeline", defaultProps$39, rawProps);
 		const getStyles = useStyles({
 			name: "Timeline",
 			props,
@@ -11156,7 +11157,7 @@ var Timeline = factory(/* @__PURE__ */ defineComponent({
 		const renderTimeline = Object.assign((slotProps) => {
 			const children = (slotProps.nodes?.() ?? []).filter(Boolean);
 			const hasOpposite = children.some((item) => item.props?.opposite != null || item.children?.opposite != null);
-			const active = props.active ?? defaultProps$38.active;
+			const active = props.active ?? defaultProps$39.active;
 			const items = children.map((item, index) => {
 				const itemActive = props.reverseActive ? active >= children.length - index - 1 : active >= index;
 				const lineActive = props.reverseActive ? active >= children.length - index - 1 : active - 1 >= index;
@@ -11280,7 +11281,7 @@ function highlighter(value, _highlight, options = {}) {
 //#endregion
 //#region src/components/Highlight/Highlight.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$27 = { key: 1 };
-var defaultProps$37 = {
+var defaultProps$38 = {
 	color: "yellow",
 	wholeWord: false,
 	caseInsensitive: true,
@@ -11342,7 +11343,7 @@ var Highlight = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Highlight", defaultProps$37, rawProps);
+		const props = useProps("Highlight", defaultProps$38, rawProps);
 		function getChunks() {
 			const text = slots.default?.().map((node) => String(node.children ?? "")).join("") ?? "";
 			const isTermArray = Array.isArray(props.highlight) && typeof props.highlight[0] === "object";
@@ -11415,7 +11416,7 @@ var Highlight = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		};
 	}
 }), { classes: Text.classes });
-var Typography_module_default = { root: "_root_1ezfc_1" };
+var Typography_module_default = { root: "_root_whr49_1" };
 //#endregion
 //#region src/components/Typography/Typography.ts
 var Typography = factory(/* @__PURE__ */ defineComponent({
@@ -11484,7 +11485,7 @@ var _hoisted_4 = [
 	"stroke-width",
 	"stroke-dasharray"
 ];
-var defaultProps$36 = {
+var defaultProps$37 = {
 	size: 200,
 	thickness: 12,
 	orientation: "up",
@@ -11546,7 +11547,7 @@ var SemiCircleProgress = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("SemiCircleProgress", defaultProps$36, rawProps);
+		const props = useProps("SemiCircleProgress", defaultProps$37, rawProps);
 		const getStyles = useStyles({
 			name: "SemiCircleProgress",
 			props,
@@ -11559,8 +11560,8 @@ var SemiCircleProgress = factory(/* @__PURE__ */ defineComponent({
 			vars: props.vars,
 			varsResolver: varsResolver$49
 		});
-		const size = computed(() => props.size ?? defaultProps$36.size);
-		const thickness = computed(() => props.thickness ?? defaultProps$36.thickness);
+		const size = computed(() => props.size ?? defaultProps$37.size);
+		const thickness = computed(() => props.thickness ?? defaultProps$37.thickness);
 		const coordinateForCircle = computed(() => size.value / 2);
 		const radius = computed(() => (size.value - 2 * thickness.value) / 2);
 		const circumference = computed(() => Math.PI * radius.value);
@@ -11624,7 +11625,7 @@ var Spoiler_module_default = {
 //#endregion
 //#region src/components/Spoiler/Spoiler.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$25 = ["id"];
-var defaultProps$35 = {
+var defaultProps$36 = {
 	maxHeight: 100,
 	defaultExpanded: false
 };
@@ -11689,7 +11690,7 @@ var Spoiler = factory(/* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("Spoiler", defaultProps$35, rawProps);
+		const props = useProps("Spoiler", defaultProps$36, rawProps);
 		const getStyles = useStyles({
 			name: "Spoiler",
 			props,
@@ -11714,7 +11715,7 @@ var Spoiler = factory(/* @__PURE__ */ defineComponent({
 		const currentLabel = computed(() => show.value ? resolveNode(props.hideLabel, slots.hideLabel) : resolveNode(props.showLabel, slots.showLabel));
 		/** Stable functional component: `MantineNode` values are arbitrary VNode children. */
 		const renderLabel = () => currentLabel.value;
-		const maxHeight = computed(() => props.maxHeight ?? defaultProps$35.maxHeight);
+		const maxHeight = computed(() => props.maxHeight ?? defaultProps$36.maxHeight);
 		const hasSpoiler = computed(() => hasNode(currentLabel.value) && maxHeight.value < height.value);
 		const ariaLabel = computed(() => show.value ? props.hideAriaLabel : props.showAriaLabel);
 		const contentStyle = computed(() => ({ maxHeight: !show.value ? rem(maxHeight.value) : height.value ? rem(height.value) : void 0 }));
@@ -11774,7 +11775,7 @@ var Fieldset_module_default = {
 };
 //#endregion
 //#region src/components/Fieldset/Fieldset.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$34 = { variant: "default" };
+var defaultProps$35 = { variant: "default" };
 var varsResolver$47 = createVarsResolver((_, { radius }) => ({ root: { "--fieldset-radius": radius === void 0 ? void 0 : getRadius(radius) } }));
 //#endregion
 //#region src/components/Fieldset/Fieldset.ts
@@ -11810,7 +11811,7 @@ var Fieldset = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Fieldset", defaultProps$34, rawProps);
+		const props = useProps("Fieldset", defaultProps$35, rawProps);
 		const getStyles = useStyles({
 			name: "Fieldset",
 			props,
@@ -12164,7 +12165,7 @@ var varsResolver$44 = createVarsResolver((_, { size }) => ({ label: {
 	"--input-label-size": getFontSize(size),
 	"--input-asterisk-color": void 0
 } }));
-var defaultProps$33 = { labelElement: "label" };
+var defaultProps$34 = { labelElement: "label" };
 //#endregion
 //#region src/components/Input/InputLabel/InputLabel.ts
 var InputLabel = factory(/* @__PURE__ */ defineComponent({
@@ -12195,7 +12196,7 @@ var InputLabel = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("InputLabel", defaultProps$33, rawProps);
+		const props = useProps("InputLabel", defaultProps$34, rawProps);
 		const wrapperCtx = useInputWrapperContext();
 		const ownGetStyles = useStyles({
 			name: "InputWrapper",
@@ -12630,7 +12631,7 @@ var varsResolver$42 = createVarsResolver((_, props, ctx) => ({ wrapper: {
 function renderContent(content) {
 	return typeof content === "function" ? content() : content;
 }
-var defaultProps$32 = {
+var defaultProps$33 = {
 	component: "input",
 	leftSectionPointerEvents: "none",
 	rightSectionPointerEvents: "none",
@@ -12776,7 +12777,7 @@ var Input = polymorphicFactory(/* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("Input", defaultProps$32, rawProps);
+		const props = useProps("Input", defaultProps$33, rawProps);
 		const [value, setValue] = useUncontrolled({
 			value: () => props.modelValue,
 			defaultValue: props.defaultValue,
@@ -12962,7 +12963,7 @@ var Input = polymorphicFactory(/* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/InputBase/InputBase.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$31 = {
+var defaultProps$32 = {
 	component: "input",
 	__staticSelector: "InputBase",
 	withAria: true,
@@ -13167,7 +13168,7 @@ var InputBase = polymorphicFactory(/* @__PURE__ */ defineComponent({
 			"Input",
 			"InputWrapper",
 			"InputBase"
-		], defaultProps$31, rawProps);
+		], defaultProps$32, rawProps);
 		const stylePropNames = new Set(Object.keys(STYLE_PROPS_DATA));
 		const wrapperStyleProps = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => stylePropNames.has(key))));
 		const inputAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style" && !stylePropNames.has(key))));
@@ -13585,7 +13586,7 @@ var Notification_module_default = {
 };
 //#endregion
 //#region src/components/Notification/Notification.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$30 = { withCloseButton: true };
+var defaultProps$31 = { withCloseButton: true };
 var varsResolver$41 = createVarsResolver((theme, { radius, color }) => ({ root: {
 	"--notification-radius": radius === void 0 ? void 0 : getRadius(radius),
 	"--notification-color": color ? getThemeColor(color, theme) : void 0
@@ -13647,7 +13648,7 @@ var Notification = factory(/* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Notification", defaultProps$30, rawProps);
+		const props = useProps("Notification", defaultProps$31, rawProps);
 		const getStyles = useStyles({
 			name: "Notification",
 			props,
@@ -14321,7 +14322,7 @@ var NumberInput = factory(/* @__PURE__ */ defineComponent({
 		}
 		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() {
@@ -14424,7 +14425,7 @@ var NumberInput = factory(/* @__PURE__ */ defineComponent({
 var Group_module_default = { root: "_root_7pazr_1" };
 //#endregion
 //#region src/components/Group/Group.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$29 = {
+var defaultProps$30 = {
 	preventGrowOverflow: true,
 	gap: "md",
 	align: "center",
@@ -14464,7 +14465,7 @@ var Group = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const attrs = useAttrs();
 		const slots = useSlots();
-		const props = useProps("Group", defaultProps$29, rawProps);
+		const props = useProps("Group", defaultProps$30, rawProps);
 		const rootElement = ref(null);
 		const setRootRef = (node) => {
 			rootElement.value = node;
@@ -14543,7 +14544,7 @@ var regex = {
 	number: /^[0-9]+$/,
 	alphanumeric: /^[a-zA-Z0-9]+$/i
 };
-var defaultProps$28 = {
+var defaultProps$29 = {
 	gap: "sm",
 	length: 4,
 	manageFocus: true,
@@ -14636,13 +14637,13 @@ var PinInput = factory(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("PinInput", defaultProps$28, rawProps);
+		const props = useProps("PinInput", defaultProps$29, rawProps);
 		const uuid = useId(props.id);
 		const focusedIndex = ref(-1);
 		const inputsRef = ref([]);
 		/** Guards `onComplete` so it fires once per completion, not on every keystroke after. */
 		const completed = ref(false);
-		const currentLength = computed(() => props.length ?? defaultProps$28.length);
+		const currentLength = computed(() => props.length ?? defaultProps$29.length);
 		const getStyles = useStyles({
 			name: "PinInput",
 			classes: PinInput_module_default,
@@ -14960,7 +14961,7 @@ var NativeSelectChevron_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NativeSelect/NativeSelect.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$27 = {
+var defaultProps$28 = {
 	size: "sm",
 	rightSectionPointerEvents: "none"
 };
@@ -15052,7 +15053,7 @@ var NativeSelect = factory(/* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("NativeSelect", defaultProps$27, rawProps);
+		const props = useProps("NativeSelect", defaultProps$28, rawProps);
 		/**
 		* `option` and `optgroup` trees are built with `h` because they are generated from
 		* data, not written in the template.
@@ -15424,7 +15425,7 @@ var varsResolver$36 = createVarsResolver((_, { duration, gap, repeat, fadeEdgeCo
 	"--marquee-fade-color": fadeEdgeColor,
 	"--marquee-fade-size": fadeEdgeSize
 } }));
-var defaultProps$26 = {
+var defaultProps$27 = {
 	repeat: 4,
 	duration: 1e5,
 	orientation: "horizontal",
@@ -15471,7 +15472,7 @@ var Marquee = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Marquee", defaultProps$26, rawProps);
+		const props = useProps("Marquee", defaultProps$27, rawProps);
 		const getStyles = useStyles({
 			name: "Marquee",
 			props,
@@ -15517,7 +15518,7 @@ var Marquee = factory(/* @__PURE__ */ defineComponent({
 var Affix_module_default = { root: "_root_rcum7_1" };
 //#endregion
 //#region src/components/Affix/Affix.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$25 = {
+var defaultProps$26 = {
 	position: {
 		bottom: 0,
 		right: 0
@@ -15558,7 +15559,7 @@ var Affix = factory(/* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const rawProps = __props;
 		const attrs = useAttrs();
-		const props = useProps("Affix", defaultProps$25, rawProps);
+		const props = useProps("Affix", defaultProps$26, rawProps);
 		const getStyles = useStyles({
 			name: "Affix",
 			props,
@@ -15604,7 +15605,7 @@ var Dialog_module_default = {
 //#endregion
 //#region src/components/Dialog/Dialog.vue?vue&type=script&setup=true&lang.ts
 var varsResolver$34 = createVarsResolver((_, { size }) => ({ root: { "--dialog-size": getSize(size, "dialog-size") } }));
-var defaultProps$24 = {
+var defaultProps$25 = {
 	shadow: "md",
 	p: "md",
 	withBorder: true,
@@ -15662,7 +15663,7 @@ var Dialog = Object.assign(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("Dialog", defaultProps$24, rawProps);
+		const props = useProps("Dialog", defaultProps$25, rawProps);
 		const env = useMantineEnv();
 		const getStyles = useStyles({
 			name: "Dialog",
@@ -15917,7 +15918,7 @@ function clamp$2(value, min, max) {
 	return Math.min(max, Math.max(min, value));
 }
 /** `getSymbolLabel` is a function default, so it is resolved by `useProps`. */
-var defaultProps$23 = {
+var defaultProps$24 = {
 	size: "sm",
 	getSymbolLabel: (value) => `${value}`,
 	count: 5,
@@ -15999,7 +16000,7 @@ var Rating = factory(/* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const slots = useSlots();
 		const attrs = useAttrs();
-		const props = useProps("Rating", defaultProps$23, rawProps);
+		const props = useProps("Rating", defaultProps$24, rawProps);
 		const rootRef = ref(null);
 		const hovered = ref(-1);
 		const isOutside = ref(true);
@@ -16031,9 +16032,9 @@ var Rating = factory(/* @__PURE__ */ defineComponent({
 		/** A scoped slot is exposed to `RatingItem` as a function of the item value. The slot takes precedence over the prop. */
 		const emptySymbol = computed(() => (slots.emptySymbol ? (value) => slots.emptySymbol({ value }) : void 0) ?? props.emptySymbol);
 		const fullSymbol = computed(() => (slots.fullSymbol ? (value) => slots.fullSymbol({ value }) : void 0) ?? props.fullSymbol);
-		const count = computed(() => Math.max(0, Math.floor(props.count ?? defaultProps$23.count)));
+		const count = computed(() => Math.max(0, Math.floor(props.count ?? defaultProps$24.count)));
 		const fractions = computed(() => {
-			const value = Math.floor(props.fractions ?? defaultProps$23.fractions);
+			const value = Math.floor(props.fractions ?? defaultProps$24.fractions);
 			if (value < 0) throw new Error("Rating fractions cannot be negative");
 			return value;
 		});
@@ -16184,13 +16185,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);
@@ -17159,7 +17162,7 @@ var PaginationLabel = factory(/* @__PURE__ */ defineComponent({
 }));
 //#endregion
 //#region src/components/Pagination/PaginationRoot/PaginationRoot.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$22 = {
+var defaultProps$23 = {
 	siblings: 1,
 	boundaries: 1,
 	size: "md",
@@ -17223,9 +17226,9 @@ var PaginationRoot = Object.assign(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("PaginationRoot", defaultProps$22, rawProps);
+		const props = useProps("PaginationRoot", defaultProps$23, rawProps);
 		const pagination = usePagination({
-			total: props.total,
+			total: () => props.total,
 			page: () => props.modelValue,
 			initialPage: props.defaultValue,
 			siblings: props.siblings,
@@ -17288,7 +17291,7 @@ var PaginationRoot = Object.assign(/* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$21 = {
+var defaultProps$22 = {
 	withControls: true,
 	withPages: true,
 	siblings: 1,
@@ -17350,7 +17353,7 @@ var Pagination = Object.assign(/* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("Pagination", defaultProps$21, rawProps);
+		const props = useProps("Pagination", defaultProps$22, rawProps);
 		const visible = computed(() => props.total > 0 && !(props.hideWithOnePage && props.total === 1));
 		/** The responsive layout collapses the page list into a "n of m" label. */
 		const isResponsive = computed(() => props.withPages && props.layout === "responsive");
@@ -17428,7 +17431,7 @@ var Tabs_module_default = {
 };
 //#endregion
 //#region src/components/Tabs/Tabs.vue?vue&type=script&setup=true&lang.ts
-var defaultProps$20 = {
+var defaultProps$21 = {
 	keepMounted: true,
 	orientation: "horizontal",
 	loop: true,
@@ -17510,7 +17513,7 @@ var Tabs_default = /* @__PURE__ */ defineComponent({
 		const rawProps = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
-		const props = useProps("Tabs", defaultProps$20, rawProps);
+		const props = useProps("Tabs", defaultProps$21, rawProps);
 		const uid = useId(props.id);
 		const [currentTab, setCurrentTab] = useUncontrolled({
 			value: () => props.modelValue,
@@ -17893,6 +17896,215 @@ var Tabs = Object.assign(Tabs_default, {
 	List: TabsList
 });
 //#endregion
+//#region src/components/ActionBar/ActionBar.context.ts
+var [provideActionBarContext, useActionBarContext] = createSafeContext("ActionBar component was not found in tree");
+//#endregion
+//#region src/components/ActionBar/ActionBarCloseButton/ActionBarCloseButton.ts
+var ActionBarCloseButton = /* @__PURE__ */ defineComponent({
+	name: "ActionBarCloseButton",
+	inheritAttrs: false,
+	__name: "ActionBarCloseButton",
+	props: { unstyled: { type: Boolean } },
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const ctx = useActionBarContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CloseButton), mergeProps({
+				...unref(attrs),
+				...unref(ctx).getStyles("closeButton"),
+				...props
+			}, {
+				unstyled: props.unstyled ?? unref(ctx).unstyled,
+				onClick: unref(ctx).close
+			}), null, 16, ["unstyled", "onClick"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/ActionBar/ActionBarDivider/ActionBarDivider.ts
+var ActionBarDivider = /* @__PURE__ */ defineComponent({
+	name: "ActionBarDivider",
+	inheritAttrs: false,
+	__name: "ActionBarDivider",
+	setup(__props) {
+		const attrs = useAttrs();
+		const ctx = useActionBarContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Box), mergeProps({
+				...unref(attrs),
+				...unref(ctx).getStyles("divider")
+			}, {
+				role: unref(attrs).role || "separator",
+				"aria-orientation": unref(attrs)["aria-orientation"] || "vertical"
+			}), null, 16, ["role", "aria-orientation"]);
+		};
+	}
+});
+var ActionBar_module_default = {
+	root: "_root_1wjjt_1",
+	divider: "_divider_1wjjt_9"
+};
+//#endregion
+//#region src/components/ActionBar/ActionBar.vue?vue&type=script&setup=true&lang.ts
+var defaultProps$20 = {
+	withBorder: true,
+	py: "xs",
+	px: "sm",
+	position: {
+		bottom: 30,
+		left: 0,
+		right: 0
+	},
+	transitionProps: {
+		transition: "pop",
+		duration: 200
+	},
+	closeOnEscape: false,
+	withinPortal: true,
+	zIndex: getDefaultZIndex("modal")
+};
+//#endregion
+//#region src/components/ActionBar/ActionBar.ts
+var ActionBar = factory(/* @__PURE__ */ defineComponent({
+	name: "ActionBar",
+	inheritAttrs: false,
+	__name: "ActionBar",
+	props: {
+		rootRef: {
+			type: [Object, Function],
+			default: void 0
+		},
+		opened: { type: Boolean },
+		transitionProps: { default: void 0 },
+		shadow: { default: void 0 },
+		radius: { default: void 0 },
+		withBorder: {
+			type: Boolean,
+			default: void 0
+		},
+		py: { default: void 0 },
+		px: { default: void 0 },
+		position: { default: void 0 },
+		zIndex: { default: void 0 },
+		withinPortal: {
+			type: Boolean,
+			default: void 0
+		},
+		portalProps: { default: void 0 },
+		closeOnEscape: {
+			type: Boolean,
+			default: void 0
+		},
+		keepMounted: {
+			type: Boolean,
+			default: false
+		},
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		vars: { default: void 0 },
+		unstyled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["close", "update:opened"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const rawProps = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const props = useProps("ActionBar", defaultProps$20, rawProps);
+		const getStyles = useStyles({
+			name: "ActionBar",
+			classes: ActionBar_module_default,
+			props,
+			className: attrs.class,
+			style: attrs.style,
+			classNames: props.classNames,
+			styles: props.styles,
+			vars: props.vars,
+			unstyled: props.unstyled
+		});
+		provideActionBarContext({
+			getStyles,
+			close: handleClose,
+			get unstyled() {
+				return props.unstyled;
+			}
+		});
+		function handleClose() {
+			emit("update:opened", false);
+			emit("close");
+		}
+		function handleKeydown(event) {
+			if (event.key === "Escape" && !event.isComposing) handleClose();
+		}
+		watchEffect((onCleanup) => {
+			if (!props.closeOnEscape || !props.opened || typeof window === "undefined") return;
+			window.addEventListener("keydown", handleKeydown, { passive: true });
+			onCleanup(() => window.removeEventListener("keydown", handleKeydown));
+		});
+		onBeforeUnmount(() => {
+			if (typeof window !== "undefined") window.removeEventListener("keydown", handleKeydown);
+		});
+		const rootElement = ref(null);
+		const setRootRef = (node) => {
+			rootElement.value = node;
+			assignRef(props.rootRef, node);
+		};
+		__expose({ rootElement });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Affix), {
+				"z-index": unref(props).zIndex,
+				position: unref(props).position,
+				"within-portal": unref(props).withinPortal,
+				"portal-props": unref(props).portalProps,
+				unstyled: unref(props).unstyled
+			}, {
+				default: withCtx(() => [createVNode(unref(Transition), mergeProps(unref(props).transitionProps, {
+					mounted: unref(props).opened,
+					"keep-mounted": unref(props).keepMounted
+				}), {
+					default: withCtx((transitionStyles) => [createVNode(unref(Paper), mergeProps({ "root-ref": setRootRef }, {
+						...unref(attrs),
+						...unref(getStyles)("root", { style: transitionStyles })
+					}, {
+						role: "group",
+						shadow: unref(props).shadow,
+						radius: unref(props).radius,
+						"with-border": unref(props).withBorder,
+						py: unref(props).py,
+						px: unref(props).px,
+						unstyled: unref(props).unstyled
+					}), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					}, 16, [
+						"shadow",
+						"radius",
+						"with-border",
+						"py",
+						"px",
+						"unstyled"
+					])]),
+					_: 3
+				}, 16, ["mounted", "keep-mounted"])]),
+				_: 3
+			}, 8, [
+				"z-index",
+				"position",
+				"within-portal",
+				"portal-props",
+				"unstyled"
+			]);
+		};
+	}
+}), {
+	classes: ActionBar_module_default,
+	Divider: ActionBarDivider,
+	CloseButton: ActionBarCloseButton
+});
+//#endregion
 //#region src/components/Textarea/autosize-utils.ts
 /**
 * Uses a shared hidden <textarea> to measure row height and calculate
@@ -18504,7 +18716,8 @@ var varsResolver$28 = createVarsResolver((_, { size }) => ({ root: {
 } }));
 var defaultProps$19 = {
 	variant: "default",
-	size: "sm"
+	size: "sm",
+	visibilityToggleFocusable: false
 };
 //#endregion
 //#region src/components/PasswordInput/PasswordInput.ts
@@ -18517,6 +18730,7 @@ var PasswordInput = Object.assign(/* @__PURE__ */ defineComponent({
 		defaultValue: {},
 		visibilityToggleIcon: {},
 		visibilityToggleButtonProps: {},
+		visibilityToggleFocusable: { type: Boolean },
 		visible: {
 			type: Boolean,
 			default: void 0
@@ -18690,7 +18904,7 @@ var PasswordInput = Object.assign(/* @__PURE__ */ defineComponent({
 			disabled: props.disabled,
 			radius: props.radius,
 			"aria-pressed": visible.value,
-			tabIndex: -1,
+			tabIndex: props.visibilityToggleFocusable ? 0 : -1,
 			"aria-label": props.visibilityToggleButtonProps?.["aria-label"] || "Toggle password visibility",
 			variant: props.visibilityToggleButtonProps?.variant ?? "subtle",
 			color: "gray",
@@ -18707,7 +18921,7 @@ var PasswordInput = Object.assign(/* @__PURE__ */ defineComponent({
 			},
 			onKeydown: (event) => {
 				props.visibilityToggleButtonProps?.onKeydown?.(event);
-				if (event.key === " ") {
+				if (event.key === " " || event.key === "Enter") {
 					event.preventDefault();
 					toggleVisibility();
 				}
@@ -19250,6 +19464,7 @@ var CheckboxCard = factory(/* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		indeterminate: { type: Boolean },
 		withBorder: {
 			type: Boolean,
 			default: true
@@ -19298,9 +19513,14 @@ var CheckboxCard = factory(/* @__PURE__ */ defineComponent({
 			varsResolver: varsResolver$27
 		});
 		/** Getter keeps the provided object reactive without changing the shape consumers read. */
-		provide(CheckboxCardContextKey, { get checked() {
-			return checked.value;
-		} });
+		provide(CheckboxCardContextKey, {
+			get checked() {
+				return checked.value;
+			},
+			get indeterminate() {
+				return props.indeterminate;
+			}
+		});
 		const cardStyles = computed(() => getStyles("card", {
 			className: attrs.class,
 			style: attrs.style
@@ -19329,10 +19549,11 @@ var CheckboxCard = factory(/* @__PURE__ */ defineComponent({
 				"__static-selector": "CheckboxCard",
 				mod: [{
 					"with-border": props.withBorder,
-					checked: unref(checked)
+					checked: unref(checked),
+					indeterminate: props.indeterminate
 				}, props.mod],
 				role: "checkbox",
-				"aria-checked": unref(checked),
+				"aria-checked": props.indeterminate ? "mixed" : unref(checked),
 				onClick
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
@@ -19438,7 +19659,10 @@ var CheckboxIndicator = factory(/* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: void 0
 		},
-		indeterminate: { type: Boolean },
+		indeterminate: {
+			type: Boolean,
+			default: void 0
+		},
 		icon: { default: void 0 },
 		checked: {
 			type: Boolean,
@@ -19469,7 +19693,8 @@ var CheckboxIndicator = factory(/* @__PURE__ */ defineComponent({
 			varsResolver: varsResolver$26
 		});
 		const iconStyles = computed(() => getStyles("icon"));
-		const checked = computed(() => typeof props.checked === "boolean" || props.indeterminate ? props.checked || props.indeterminate : cardContext?.checked || false);
+		const indeterminate = computed(() => typeof props.indeterminate === "boolean" ? props.indeterminate : cardContext?.indeterminate);
+		const checked = computed(() => typeof props.checked === "boolean" || typeof props.indeterminate === "boolean" ? props.checked || props.indeterminate : cardContext?.checked || cardContext?.indeterminate || false);
 		const rootElement = ref(null);
 		const setRootRef = (node) => {
 			rootElement.value = node;
@@ -19487,14 +19712,14 @@ var CheckboxIndicator = factory(/* @__PURE__ */ defineComponent({
 				variant: props.variant,
 				mod: [{
 					checked: checked.value,
-					indeterminate: props.indeterminate,
+					indeterminate: indeterminate.value,
 					disabled: props.disabled
 				}, props.mod]
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps({
-					indeterminate: props.indeterminate,
+					indeterminate: indeterminate.value,
 					...iconStyles.value
-				})), () => [(openBlock(), createBlock(resolveDynamicComponent(props.icon || unref(CheckboxIcon_default)), mergeProps(iconStyles.value, { indeterminate: props.indeterminate }), null, 16, ["indeterminate"]))])]),
+				})), () => [(openBlock(), createBlock(resolveDynamicComponent(props.icon || unref(CheckboxIcon_default)), mergeProps(iconStyles.value, { indeterminate: indeterminate.value }), null, 16, ["indeterminate"]))])]),
 				_: 3
 			}, 16, ["variant", "mod"]);
 		};
@@ -22023,27 +22248,28 @@ var StepperCompleted = /* @__PURE__ */ defineComponent({
 	}
 });
 var Stepper_module_default = {
-	root: "_root_yawst_1",
-	steps: "_steps_yawst_25",
-	separator: "_separator_yawst_47",
-	content: "_content_yawst_57",
-	step: "_step_yawst_25",
-	"step--horizontal": "_step--horizontal_yawst_75",
-	"step--vertical": "_step--vertical_yawst_78",
-	verticalSeparator: "_verticalSeparator_yawst_91",
-	stepWrapper: "_stepWrapper_yawst_95",
-	stepIcon: "_stepIcon_yawst_109",
-	stepIconContent: "_stepIconContent_yawst_144",
-	stepCompletedIcon: "_stepCompletedIcon_yawst_147",
-	stepBody: "_stepBody_yawst_155",
-	stepLabel: "_stepLabel_yawst_166",
-	stepDescription: "_stepDescription_yawst_171"
+	root: "_root_1g4m5_1",
+	steps: "_steps_1g4m5_25",
+	separator: "_separator_1g4m5_50",
+	content: "_content_1g4m5_63",
+	step: "_step_1g4m5_25",
+	"step--horizontal": "_step--horizontal_1g4m5_91",
+	"step--vertical": "_step--vertical_1g4m5_94",
+	verticalSeparator: "_verticalSeparator_1g4m5_107",
+	stepWrapper: "_stepWrapper_1g4m5_111",
+	stepIcon: "_stepIcon_1g4m5_125",
+	stepIconContent: "_stepIconContent_1g4m5_160",
+	stepCompletedIcon: "_stepCompletedIcon_1g4m5_163",
+	stepBody: "_stepBody_1g4m5_171",
+	stepLabel: "_stepLabel_1g4m5_187",
+	stepDescription: "_stepDescription_1g4m5_192"
 };
 //#endregion
 //#region src/components/Stepper/Stepper.vue?vue&type=script&setup=true&lang.ts
 var defaultProps$11 = {
 	orientation: "horizontal",
 	iconPosition: "left",
+	labelPosition: "right",
 	allowNextStepsSelect: true,
 	wrap: true
 };
@@ -22126,6 +22352,7 @@ var Stepper_default = /* @__PURE__ */ defineComponent({
 		contentPadding: {},
 		orientation: {},
 		iconPosition: {},
+		labelPosition: {},
 		size: {},
 		radius: {},
 		allowNextStepsSelect: {
@@ -22179,6 +22406,9 @@ var Stepper_default = /* @__PURE__ */ defineComponent({
 			},
 			get iconPosition() {
 				return props.iconPosition;
+			},
+			get labelPosition() {
+				return props.orientation === "vertical" ? void 0 : props.labelPosition;
 			}
 		});
 		const rootStyles = computed(() => getStyles("root", {
@@ -22188,6 +22418,7 @@ var Stepper_default = /* @__PURE__ */ defineComponent({
 		const stepsMod = computed(() => ({
 			orientation: props.orientation,
 			iconPosition: props.iconPosition,
+			labelPosition: props.orientation === "vertical" ? void 0 : props.labelPosition,
 			wrap: props.wrap && props.orientation !== "vertical"
 		}));
 		/** Splits the default slot into the steps and the optional completed node. */
@@ -22447,7 +22678,8 @@ var StepperStep = factory(/* @__PURE__ */ defineComponent({
 			}, {
 				mod: [{
 					iconPosition: iconPosition.value,
-					allowClick: unref(props).allowStepClick
+					allowClick: unref(props).allowStepClick,
+					labelPosition: unref(ctx).labelPosition
 				}, unref(props).mod],
 				style: rootStyle.value,
 				tabindex: unref(props).allowStepClick ? 0 : -1
@@ -30294,8 +30526,8 @@ function useTooltip(options) {
 	};
 }
 var Tooltip_module_default = {
-	tooltip: "_tooltip_117du_1",
-	arrow: "_arrow_117du_30"
+	tooltip: "_tooltip_1mme1_1",
+	arrow: "_arrow_1mme1_34"
 };
 //#endregion
 //#region src/components/Tooltip/Tooltip.vue?vue&type=script&setup=true&lang.ts
@@ -30380,6 +30612,7 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 		arrowPosition: {},
 		transitionProps: {},
 		events: {},
+		interactive: { type: Boolean },
 		inline: {
 			type: Boolean,
 			default: false
@@ -30437,6 +30670,16 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const attrs = useAttrs();
 		const props = useProps("Tooltip", defaults$1, rawProps);
+		let interactiveCloseTimer;
+		const cancelInteractiveClose = () => {
+			clearTimeout(interactiveCloseTimer);
+			interactiveCloseTimer = void 0;
+		};
+		const closeFromPointer = () => {
+			cancelInteractiveClose();
+			if (props.interactive) interactiveCloseTimer = setTimeout(tooltip.close, 50);
+			else tooltip.close();
+		};
 		const { dir } = useDirection();
 		const tooltip = useTooltip({
 			position: () => getFloatingPosition(dir.value, props.position ?? "top"),
@@ -30469,10 +30712,13 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 		});
 		const referenceHandlers = () => ({
 			onMouseenter: () => {
-				if ((props.events ?? defaults$1.events).hover) tooltip.open();
+				if ((props.events ?? defaults$1.events).hover) {
+					cancelInteractiveClose();
+					tooltip.open();
+				}
 			},
 			onMouseleave: () => {
-				if ((props.events ?? defaults$1.events).hover) tooltip.close();
+				if ((props.events ?? defaults$1.events).hover) closeFromPointer();
 			},
 			onFocus: () => {
 				if ((props.events ?? defaults$1.events).focus) tooltip.open();
@@ -30506,7 +30752,10 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 			external = null;
 		}
 		onMounted(() => props.target && bindExternal());
-		onBeforeUnmount(unbindExternal);
+		onBeforeUnmount(() => {
+			cancelInteractiveClose();
+			unbindExternal();
+		});
 		const arrowPosition = computed(() => props.arrowPosition ?? "side");
 		/** `merge` draws the arrow as part of the tooltip body, which needs extra styles. */
 		const mergeStyles = computed(() => arrowPosition.value === "merge" && props.withArrow ? getArrowMergeDropdownStyles({
@@ -30564,7 +30813,10 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 					}, {
 						role: "tooltip",
 						"data-multiline": unref(props).multiline || void 0,
-						"data-fixed": unref(props).floatingStrategy === "fixed" || void 0
+						"data-fixed": unref(props).floatingStrategy === "fixed" || void 0,
+						"data-interactive": unref(props).interactive && mounted.value ? true : void 0,
+						onMouseenter: _cache[0] || (_cache[0] = ($event) => unref(props).interactive && (cancelInteractiveClose(), unref(tooltip).open())),
+						onMouseleave: _cache[1] || (_cache[1] = ($event) => unref(props).interactive && closeFromPointer())
 					}), {
 						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(renderLabel))), createVNode(unref(FloatingArrow), mergeProps({ ref: setArrow }, unref(getStyles)("arrow"), {
 							visible: unref(props).withArrow,
@@ -30586,7 +30838,11 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 							"arrow-y"
 						])]),
 						_: 1
-					}, 16, ["data-multiline", "data-fixed"])]),
+					}, 16, [
+						"data-multiline",
+						"data-fixed",
+						"data-interactive"
+					])]),
 					_: 1
 				}, 16, ["mounted", "keep-mounted"])]),
 				_: 1
@@ -30704,6 +30960,7 @@ var TooltipFloating_default = /* @__PURE__ */ defineComponent({
 			varsResolver: varsResolver$3
 		});
 		function move(event) {
+			if (!Number.isFinite(event.clientX) || !Number.isFinite(event.clientY)) return;
 			const valueOffset = props.offset ?? 10;
 			const horizontal = state.placement.value.includes("right") ? valueOffset : state.placement.value.includes("left") ? -valueOffset : 0;
 			const vertical = state.placement.value.includes("bottom") ? valueOffset : state.placement.value.includes("top") ? -valueOffset : 0;
@@ -30728,8 +30985,8 @@ var TooltipFloating_default = /* @__PURE__ */ defineComponent({
 			{
 				zIndex: props.zIndex,
 				display: !props.disabled && opened.value ? "block" : "none",
-				top: state.y.value == null ? "" : `${Math.round(state.y.value)}px`,
-				left: state.x.value == null ? "" : `${Math.round(state.x.value)}px`
+				top: Number.isFinite(state.y.value) ? `${Math.round(state.y.value)}px` : "",
+				left: Number.isFinite(state.x.value) ? `${Math.round(state.x.value)}px` : ""
 			}
 		]);
 		const label = computed(() => resolveNode(props.label, slots.label));
@@ -33985,6 +34242,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 = [];
@@ -35388,6 +35657,16 @@ var Select = Object.assign(/* @__PURE__ */ defineComponent({
 			combobox.closeDropdown();
 		}
 		function onInput(event) {
+			if (isExternalInputChange(event)) {
+				if (!readOnly.value) {
+					const option = getOptionByLabel(lockup.value, event.currentTarget.value);
+					if (option && String(option.value) !== String(current())) {
+						changeValue(option.value, option);
+						if (!controlled()) internalSearch.value = option.label;
+					}
+				}
+				return;
+			}
 			setSearch(event.currentTarget.value);
 			combobox.openDropdown();
 		}
@@ -35992,6 +36271,13 @@ var MultiSelect = Object.assign(/* @__PURE__ */ defineComponent({
 			else combobox.toggleDropdown();
 		}
 		function onFieldInput(event) {
+			if (isExternalInputChange(event)) {
+				if (!readOnly.value) {
+					const option = getOptionByLabel(lockup.value, event.currentTarget.value);
+					if (option && !values.value.includes(option.value) && values.value.length < props.maxValues) setValue([...values.value, option.value]);
+				}
+				return;
+			}
 			setSearch(event.target.value);
 			combobox.openDropdown();
 		}
@@ -36396,6 +36682,7 @@ var TagsInput = Object.assign(/* @__PURE__ */ defineComponent({
 			submit(lockup.value[raw]?.label ?? raw);
 		}
 		function onFieldInput(event) {
+			if (isExternalInputChange(event)) return;
 			const input = event.target.value;
 			if (props.splitChars.some((char) => input.includes(char))) split(input);
 			else setSearch(input);
@@ -36657,7 +36944,8 @@ var ColorInput = Object.assign(/* @__PURE__ */ defineComponent({
 			default: true
 		},
 		swatches: {},
-		swatchesPerRow: { default: 7 }
+		swatchesPerRow: { default: 7 },
+		fullWidth: { type: Boolean }
 	},
 	emits: [
 		"update:modelValue",
@@ -36768,6 +37056,7 @@ var ColorInput = Object.assign(/* @__PURE__ */ defineComponent({
 				opened: opened.value,
 				"with-roles": false,
 				disabled: pickerDisabled.value,
+				width: props.fullWidth ? "target" : void 0,
 				"__static-selector": "ColorInput",
 				"onUpdate:opened": onPopoverChange
 			}), {
@@ -36834,6 +37123,7 @@ var ColorInput = Object.assign(/* @__PURE__ */ defineComponent({
 						"with-picker": props.withPicker,
 						focusable: false,
 						size: unref(attrs).size,
+						"full-width": props.fullWidth,
 						onChange: onPickerChange,
 						onChangeEnd: onPickerChangeEnd,
 						onColorSwatchClick
@@ -36843,12 +37133,17 @@ var ColorInput = Object.assign(/* @__PURE__ */ defineComponent({
 						"swatches",
 						"swatches-per-row",
 						"with-picker",
-						"size"
+						"size",
+						"full-width"
 					])]),
 					_: 1
 				}, 8, ["class"])]),
 				_: 3
-			}, 16, ["opened", "disabled"]);
+			}, 16, [
+				"opened",
+				"disabled",
+				"width"
+			]);
 		};
 	}
 }), { classes: {
@@ -37334,6 +37629,7 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 				disabled,
 				placeholder: !hasValue ? attrs.placeholder : void 0,
 				onInput: (event) => {
+					if (isExternalInputChange(event)) return;
 					setSearch(event.target.value);
 					combobox.openDropdown();
 				},
@@ -37375,6 +37671,7 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 				rightSection,
 				rightSectionPointerEvents: canClear ? "all" : "none",
 				onInput: (event) => {
+					if (isExternalInputChange(event)) return;
 					setSearch(event.target.value);
 					combobox.openDropdown();
 				},
@@ -37560,6 +37857,10 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 			default: true
 		},
 		expandTrigger: { default: "click" },
+		safeAreaPolygon: {
+			type: [Boolean, Object],
+			default: true
+		},
 		searchable: {
 			type: Boolean,
 			default: false
@@ -37739,6 +38040,55 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 			if (cascaderOptionHasChildren(option)) expandOption(level, option);
 			else activePath.value = [...activePath.value.slice(0, level), option.value];
 		};
+		const columnElements = {};
+		const blockedLevel = ref(null);
+		let pendingOption = null;
+		let removeSafeAreaListener = () => {};
+		const disarmSafeArea = () => {
+			removeSafeAreaListener();
+			removeSafeAreaListener = () => {};
+			blockedLevel.value = null;
+			pendingOption = null;
+		};
+		function pointInTriangle(point, a, b, c) {
+			const sign = (p1, p2, p3) => (p1.x - p3.x) * (p2.y - p3.y) - (p2.x - p3.x) * (p1.y - p3.y);
+			const d1 = sign(point, a, b);
+			const d2 = sign(point, b, c);
+			const d3 = sign(point, c, a);
+			return !((d1 < 0 || d2 < 0 || d3 < 0) && (d1 > 0 || d2 > 0 || d3 > 0));
+		}
+		const armSafeArea = (level, reference, floating, event) => {
+			disarmSafeArea();
+			const buffer = (typeof props.safeAreaPolygon === "object" ? props.safeAreaPolygon : void 0)?.buffer ?? .5;
+			const rect = floating.getBoundingClientRect();
+			const referenceRect = reference.getBoundingClientRect();
+			const edgeX = rect.left >= referenceRect.right ? rect.left + buffer : rect.right - buffer;
+			const a = {
+				x: event.clientX,
+				y: event.clientY
+			};
+			const b = {
+				x: edgeX,
+				y: rect.top - buffer
+			};
+			const c = {
+				x: edgeX,
+				y: rect.bottom + buffer
+			};
+			blockedLevel.value = level;
+			const onMouseMove = (moveEvent) => {
+				if (pointInTriangle({
+					x: moveEvent.clientX,
+					y: moveEvent.clientY
+				}, a, b, c)) return;
+				const pending = pendingOption;
+				disarmSafeArea();
+				if (pending) handleOptionMouseEnter(pending.level, pending.option);
+			};
+			floating.ownerDocument.addEventListener("mousemove", onMouseMove);
+			removeSafeAreaListener = () => floating.ownerDocument.removeEventListener("mousemove", onMouseMove);
+		};
+		onBeforeUnmount(disarmSafeArea);
 		const flatPaths = computed(() => flattenCascaderPaths(props.data));
 		const isSearching = computed(() => props.searchable && search.value.trim().length > 0 && search.value !== displayString.value);
 		const showFlatList = computed(() => isSearching.value || !props.withColumns);
@@ -37805,6 +38155,7 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 				class: Cascader_module_default.columnsList,
 				role: "presentation",
 				onMouseleave: () => {
+					disarmSafeArea();
 					if (props.expandTrigger === "hover") resetActivePath();
 				},
 				onMousemove: () => keyboardNav.value = false
@@ -37814,6 +38165,9 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 					const level = windowStart + index;
 					const isLast = index === visibleColumns.length - 1 && hiddenAfter === 0;
 					return h("div", {
+						ref: (element) => {
+							columnElements[level] = element;
+						},
 						class: Cascader_module_default.column,
 						"data-last": isLast || void 0,
 						style: {
@@ -37845,7 +38199,23 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 							"data-disabled": option.disabled || void 0,
 							onMousedown: (event) => event.preventDefault(),
 							onClick: () => handleOptionClick(level, option),
-							onMouseenter: () => handleOptionMouseEnter(level, option)
+							onMouseenter: () => {
+								if (option.disabled) return;
+								if (blockedLevel.value !== null && level <= blockedLevel.value) {
+									pendingOption = {
+										level,
+										option
+									};
+									return;
+								}
+								handleOptionMouseEnter(level, option);
+							},
+							onMouseleave: (event) => {
+								if (pendingOption?.level === level && pendingOption.option.value === option.value) pendingOption = null;
+								if (props.expandTrigger !== "hover" || !props.safeAreaPolygon || option.disabled || activePath.value[level] !== option.value) return;
+								const floating = columnElements[level + 1];
+								if (floating) armSafeArea(level, event.currentTarget, floating, event);
+							}
 						}, () => [
 							selected && props.withCheckIcon && props.checkIconPosition === "left" ? h(CheckIcon_default, { class: Cascader_module_default.columnOptionCheck }) : null,
 							h("span", { class: Cascader_module_default.columnOptionLabel }, [props.renderOption ? props.renderOption(option, level) : slots.renderOption?.({
@@ -38006,6 +38376,7 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 				__clearSectionMode: props.clearSectionMode,
 				rightSectionPointerEvents: attrs.rightSectionPointerEvents || "none",
 				onInput: (event) => {
+					if (isExternalInputChange(event)) return;
 					setSearch(event.target.value);
 					if (canInteract.value) combobox.openDropdown("keyboard");
 				},
@@ -38053,6 +38424,6 @@ var Cascader = Object.assign(/* @__PURE__ */ defineComponent({
 	...Cascader_module_default
 } });
 //#endregion
-export { Accordion, AccordionChevron, AccordionControl, AccordionItem, AccordionPanel, ActionIcon, ActionIconGroup, ActionIconGroupSection, Affix, Alert, AlphaSlider, Anchor, AngleSlider, AppShell, AppShellAside, AppShellFooter, AppShellHeader, AppShellMain, AppShellNavbar, AppShellSection, AspectRatio, Autocomplete, Avatar, AvatarGroup, BackgroundImage, Badge, Bars, Blockquote, Box, Breadcrumbs, Burger, Button, ButtonGroup, ButtonGroupSection, Card, CardSection, Cascader, Center, CheckIcon_default as CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, CheckboxIcon_default as CheckboxIcon, CheckboxIndicator, Chip, ChipGroup, CloseButton, CloseIcon_default as CloseIcon, Code, Collapse, ColorInput, ColorPicker, ColorSlider, ColorSwatch, Combobox, ComboboxChevron, ComboboxClearButton, ComboboxDropdown, ComboboxDropdownTarget, ComboboxEmpty, ComboboxEventsTarget, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxHiddenInput, ComboboxOption, ComboboxOptions, ComboboxPopover, ComboboxPopoverTarget, ComboboxSearch, ComboboxTarget, Container, CopyButton_default as CopyButton, DEFAULT_COLORS, DEFAULT_THEME, DataList, DataListItem, DataListItemLabel, DataListItemValue, Dialog, DirectionContextKey, DirectionProvider, Divider, Dots, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, DrawerRoot, DrawerStack, DrawerTitle, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIndicator, EmptyStateTitle, FLEX_STYLE_PROPS_DATA, Fieldset, FileButton, FileInput, FlatTreeNode_default as FlatTreeNode, Flex, FloatingIndicator, FloatingWindow, FloatingWindowResizeHandle, FocusTrap, FocusTrapInitialFocus, Grid, GridCol, Group, HeadlessMantineProvider, Highlight, HoverCard, HoverCardDropdown, HoverCardGroup, HoverCardTarget, HueSlider, INVALID_PRIMARY_COLOR_ERROR, INVALID_PRIMARY_SHADE_ERROR, Image, Indicator, InlineStyles, Input, InputBase, InputClearButton, InputClearSection, InputDescription, InputError, InputLabel, InputPlaceholder, InputWrapper, JsonInput, Kbd, List, ListItem, Loader, LoadingOverlay, MantineClasses, MantineContextKey, MantineCssVariables, MantineProvider, MantineThemeKey, MantineThemeProvider, Mark, Marquee, MaskInput, Menu, MenuCheckboxGroup, MenuCheckboxItem, MenuContextMenu, MenuDivider, MenuDropdown, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSearch, MenuSub, MenuSubDropdown, MenuSubItem, MenuSubTarget, MenuTarget, Menubar, MenubarDropdown, MenubarMenu, MenubarTarget, Modal, ModalBase, ModalBaseBody, ModalBaseCloseButton, ModalBaseContent, ModalBaseHeader, ModalBaseOverlay_default as ModalBaseOverlay, ModalBaseTitle, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, MultiSelect, NativeScrollArea, NativeSelect, NativeSelectOption, NavLink, Notification, NumberFormatter, NumberInput, NumberInputChevron, OptionalPortal_default as OptionalPortal, OptionsDropdown_default as OptionsDropdown, Oval, OverflowList, Overlay, Pagination, PaginationControl, PaginationDots, PaginationFirst, PaginationItems, PaginationItemsGroup, PaginationLabel, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, Paper, PasswordInput, PasswordToggleIcon, Pill, PillGroup, PillsInput, PillsInputField, PinInput, Popover, PopoverContextMenu, PopoverDropdown, PopoverTarget, Portal, Progress, ProgressLabel, ProgressRoot, ProgressSection, Radio, RadioCard, RadioGroup, RadioIcon, RadioIndicator, RangeSlider, Rating, RatingItem, RingProgress, RollingNumber, STYLE_PROPS_DATA, ScrollArea, ScrollAreaAutosize, Scroller, SegmentedControl, Select, SemiCircleProgress, SimpleGrid, Skeleton, Slider, Space, Splitter, SplitterPane, Spoiler, Stack, Stepper, StepperCompleted, StepperStep, Switch, SwitchGroup, Table, TableCaption, TableDataRenderer, TableOfContents, TableScrollContainer, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr, Tabs, TabsList, TabsPanel, TabsTab, TagsInput, Text, TextInput, Textarea, ThemeIcon, Timeline, TimelineItem, Title, Tooltip, TooltipFloating_default as TooltipFloating, TooltipGroup, Transition, Tree, TreeSelect, TreeSelectOption, Typography, UnstyledButton, VisuallyHidden, alpha, buildValue, camelToKebabCase, cascaderOptionHasChildren, colorsTuple, convertCssVariables, convertHsvaTo, createEventHandler, createPolymorphicComponent, createProviderColorScheme, createSafeContext, createSafeInjectionContext, createScopedKeydownHandler, createVarsResolver, createWithProps, cssVariablesObjectToString, darken, deepMerge, defaultCssVariablesResolver, defaultLoaders, defaultOptionsFilter, defaultTreeNodeFilter, defaultVariantColorsResolver, em, factory, filterProps, filterTreeData, findClosestNumber, flattenCascaderPaths, flattenTreeData, foldAccents, formatNumber, getVariables as getAppShellVariables, getAutoContrastValue, getBaseValue, getBreakpointValue, getCascaderColumns, getCascaderPathOptions, getContrastColor, getDefaultZIndex, getDigitParts, getFontSize, getGradient, getInitials, getInitialsColor, getLineHeight, getMarkColor, getMergedVariables, getOptionsLockup, getParsedComboboxData, getParsedNativeSelectData, getPositionVariables, getPrimaryContrastColor, getPrimaryShade, getRadius, getRenderSlots, getRenderSlotsFromValues, getSafeId, getShadow, getSize, getSortedBreakpoints, getSpacing, getSplittedTags, getThemeColor, getTitleSize, getTreeExpandedState, hasNode, hashStyleProps, highlighter, hsvaToHex, hsvaToHexa, hsvaToHsl, hsvaToRgba, hsvaToRgbaObject, identity, isColorValid, isEmptyComboboxData, isLightColor, isNumberLike, isOptionsGroup, isPrimitive, isVirtualColor, keys, lighten, luminance, memoize, mergeAsyncChildren, mergeMantineTheme, movePill, moveTreeNode, noop, omitAttrs, parseColor, parseHex, parseHexa, parseHsla, parseHue, parseRgba, parseStyleProps, parseThemeColor, polymorphic, polymorphicFactory, provideGridContext, provideListContext, provideMantineContext, provideMantineTheme, providePillsInputContext, px, rem, resolveColorScheme, resolveNode, rgba, round, toRgba, useAccordionContext, useAccordionItemContext, useAppShellContext, useAvatarGroupContext, useCheckboxCardContext, useCheckboxGroupContext, useChipGroupContext, useCombobox, useComboboxContext, useComboboxTargetProps, useComputedColorScheme, useDataListContext, useDirection, useDrawersStack, useEmptyStateContext, useFloatingIndicator, useForwardedRef, useGridContext, useHoverCardContext, useInputContext, useInputWrapperContext, useListContext, useMantineClassNamesPrefix, useMantineColorScheme, useMantineContext, useMantineCssVariablesResolver, useMantineDeduplicateInlineStyles, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineTheme, useMantineWithStaticClasses, useMenuContext, useMenubarContext, useMenubarMenuContext, usePaginationContext, usePillGroupContext, usePillsInputContext, usePillsReorder, useProgressContext, useProps, useRadioCardContext, useRadioGroupContext, useRandomClassName, useSafeMantineTheme, useScrollAreaContext, useSplitterContext, useStepperContext, useStyles, useSwitchGroupContext, useTabsContext, useTree, useVirtualizedCombobox, validateJson, validateMantineTheme, validateOptions, virtualColor };
+export { Accordion, AccordionChevron, AccordionControl, AccordionItem, AccordionPanel, ActionBar, ActionBarCloseButton, ActionBarDivider, ActionIcon, ActionIconGroup, ActionIconGroupSection, Affix, Alert, AlphaSlider, Anchor, AngleSlider, AppShell, AppShellAside, AppShellFooter, AppShellHeader, AppShellMain, AppShellNavbar, AppShellSection, AspectRatio, Autocomplete, Avatar, AvatarGroup, BackgroundImage, Badge, Bars, Blockquote, Box, Breadcrumbs, Burger, Button, ButtonGroup, ButtonGroupSection, Card, CardSection, Cascader, Center, CheckIcon_default as CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, CheckboxIcon_default as CheckboxIcon, CheckboxIndicator, Chip, ChipGroup, CloseButton, CloseIcon_default as CloseIcon, Code, Collapse, ColorInput, ColorPicker, ColorSlider, ColorSwatch, Combobox, ComboboxChevron, ComboboxClearButton, ComboboxDropdown, ComboboxDropdownTarget, ComboboxEmpty, ComboboxEventsTarget, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxHiddenInput, ComboboxOption, ComboboxOptions, ComboboxPopover, ComboboxPopoverTarget, ComboboxSearch, ComboboxTarget, Container, CopyButton_default as CopyButton, DEFAULT_COLORS, DEFAULT_THEME, DataList, DataListItem, DataListItemLabel, DataListItemValue, Dialog, DirectionContextKey, DirectionProvider, Divider, Dots, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, DrawerRoot, DrawerStack, DrawerTitle, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIndicator, EmptyStateTitle, FLEX_STYLE_PROPS_DATA, Fieldset, FileButton, FileInput, FlatTreeNode_default as FlatTreeNode, Flex, FloatingIndicator, FloatingWindow, FloatingWindowResizeHandle, FocusTrap, FocusTrapInitialFocus, Grid, GridCol, Group, HeadlessMantineProvider, Highlight, HoverCard, HoverCardDropdown, HoverCardGroup, HoverCardTarget, HueSlider, INVALID_PRIMARY_COLOR_ERROR, INVALID_PRIMARY_SHADE_ERROR, Image, Indicator, InlineStyles, Input, InputBase, InputClearButton, InputClearSection, InputDescription, InputError, InputLabel, InputPlaceholder, InputWrapper, JsonInput, Kbd, List, ListItem, Loader, LoadingOverlay, MantineClasses, MantineContextKey, MantineCssVariables, MantineProvider, MantineThemeKey, MantineThemeProvider, Mark, Marquee, MaskInput, Menu, MenuCheckboxGroup, MenuCheckboxItem, MenuContextMenu, MenuDivider, MenuDropdown, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSearch, MenuSub, MenuSubDropdown, MenuSubItem, MenuSubTarget, MenuTarget, Menubar, MenubarDropdown, MenubarMenu, MenubarTarget, Modal, ModalBase, ModalBaseBody, ModalBaseCloseButton, ModalBaseContent, ModalBaseHeader, ModalBaseOverlay_default as ModalBaseOverlay, ModalBaseTitle, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, MultiSelect, NativeScrollArea, NativeSelect, NativeSelectOption, NavLink, Notification, NumberFormatter, NumberInput, NumberInputChevron, OptionalPortal_default as OptionalPortal, OptionsDropdown_default as OptionsDropdown, Oval, OverflowList, Overlay, Pagination, PaginationControl, PaginationDots, PaginationFirst, PaginationItems, PaginationItemsGroup, PaginationLabel, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, Paper, PasswordInput, PasswordToggleIcon, Pill, PillGroup, PillsInput, PillsInputField, PinInput, Popover, PopoverContextMenu, PopoverDropdown, PopoverTarget, Portal, Progress, ProgressLabel, ProgressRoot, ProgressSection, Radio, RadioCard, RadioGroup, RadioIcon, RadioIndicator, RangeSlider, Rating, RatingItem, RingProgress, RollingNumber, STYLE_PROPS_DATA, ScrollArea, ScrollAreaAutosize, Scroller, SegmentedControl, Select, SemiCircleProgress, SimpleGrid, Skeleton, Slider, Space, Splitter, SplitterPane, Spoiler, Stack, Stepper, StepperCompleted, StepperStep, Switch, SwitchGroup, Table, TableCaption, TableDataRenderer, TableOfContents, TableScrollContainer, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr, Tabs, TabsList, TabsPanel, TabsTab, TagsInput, Text, TextInput, Textarea, ThemeIcon, Timeline, TimelineItem, Title, Tooltip, TooltipFloating_default as TooltipFloating, TooltipGroup, Transition, Tree, TreeSelect, TreeSelectOption, Typography, UnstyledButton, VisuallyHidden, alpha, buildValue, camelToKebabCase, cascaderOptionHasChildren, colorsTuple, convertCssVariables, convertHsvaTo, createEventHandler, createPolymorphicComponent, createProviderColorScheme, createSafeContext, createSafeInjectionContext, createScopedKeydownHandler, createVarsResolver, createWithProps, cssVariablesObjectToString, darken, deepMerge, defaultCssVariablesResolver, defaultLoaders, defaultOptionsFilter, defaultTreeNodeFilter, defaultVariantColorsResolver, em, factory, filterProps, filterTreeData, findClosestNumber, flattenCascaderPaths, flattenTreeData, foldAccents, formatNumber, getVariables as getAppShellVariables, getAutoContrastValue, getBaseValue, getBreakpointValue, getCascaderColumns, getCascaderPathOptions, getContrastColor, getDefaultZIndex, getDigitParts, getFontSize, getGradient, getInitials, getInitialsColor, getLineHeight, getMarkColor, getMergedVariables, getOptionByLabel, getOptionsLockup, getParsedComboboxData, getParsedNativeSelectData, getPositionVariables, getPrimaryContrastColor, getPrimaryShade, getRadius, getRenderSlots, getRenderSlotsFromValues, getSafeId, getShadow, getSize, getSortedBreakpoints, getSpacing, getSplittedTags, getThemeColor, getTitleSize, getTreeExpandedState, hasNode, hashStyleProps, highlighter, hsvaToHex, hsvaToHexa, hsvaToHsl, hsvaToRgba, hsvaToRgbaObject, identity, isColorValid, isEmptyComboboxData, isExternalInputChange, isLightColor, isNumberLike, isOptionsGroup, isPrimitive, isVirtualColor, keys, lighten, luminance, memoize, mergeAsyncChildren, mergeMantineTheme, movePill, moveTreeNode, noop, omitAttrs, parseColor, parseHex, parseHexa, parseHsla, parseHue, parseRgba, parseStyleProps, parseThemeColor, polymorphic, polymorphicFactory, provideGridContext, provideListContext, provideMantineContext, provideMantineTheme, providePillsInputContext, px, rem, resolveColorScheme, resolveNode, rgba, round, toRgba, useAccordionContext, useAccordionItemContext, useAppShellContext, useAvatarGroupContext, useCheckboxCardContext, useCheckboxGroupContext, useChipGroupContext, useCombobox, useComboboxContext, useComboboxTargetProps, useComputedColorScheme, useDataListContext, useDirection, useDrawersStack, useEmptyStateContext, useFloatingIndicator, useForwardedRef, useGridContext, useHoverCardContext, useInputContext, useInputWrapperContext, useListContext, useMantineClassNamesPrefix, useMantineColorScheme, useMantineContext, useMantineCssVariablesResolver, useMantineDeduplicateInlineStyles, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineTheme, useMantineWithStaticClasses, useMenuContext, useMenubarContext, useMenubarMenuContext, usePaginationContext, usePillGroupContext, usePillsInputContext, usePillsReorder, useProgressContext, useProps, useRadioCardContext, useRadioGroupContext, useRandomClassName, useSafeMantineTheme, useScrollAreaContext, useSplitterContext, useStepperContext, useStyles, useSwitchGroupContext, useTabsContext, useTree, useVirtualizedCombobox, validateJson, validateMantineTheme, validateOptions, virtualColor };
 
 //# sourceMappingURL=index.mjs.map