@mantine-vue/carousel 1.1.2

package/cjs/index.cjs

@@ -0,0 +1,586 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let vue = require("vue");
+let embla_carousel_vue = require("embla-carousel-vue");
+embla_carousel_vue = __toESM(embla_carousel_vue);
+let _mantine_vue_hooks = require("@mantine-vue/hooks");
+let _mantine_vue_core = require("@mantine-vue/core");
+//#region src/Carousel.context.ts
+var [provideCarouselContext, useCarouselContext] = (0, _mantine_vue_core.createSafeContext)("Carousel component was not found in tree");
+var Carousel_module_default = {
+	root: "_root_avx3r_1",
+	viewport: "_viewport_avx3r_6",
+	container: "_container_avx3r_15",
+	controls: "_controls_avx3r_35",
+	control: "_control_avx3r_35",
+	indicators: "_indicators_avx3r_87",
+	indicator: "_indicator_avx3r_87",
+	slide: "_slide_avx3r_135"
+};
+//#endregion
+//#region src/CarouselSlide.ts
+var CarouselSlideBaseComponent = (0, vue.defineComponent)({
+	name: "CarouselSlide",
+	inheritAttrs: false,
+	props: {
+		classNames: {
+			type: [Object, Function],
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		},
+		mod: {
+			type: [Object, Array],
+			default: void 0
+		}
+	},
+	setup(props, { attrs, slots }) {
+		const ctx = useCarouselContext();
+		return () => (0, vue.h)(_mantine_vue_core.Box, {
+			mod: [{ orientation: ctx.orientation }, props.mod],
+			role: "group",
+			"aria-roledescription": "slide",
+			"aria-label": "Carousel slide",
+			...attrs,
+			...ctx.getStyles("slide", {
+				className: attrs.class,
+				style: attrs.style,
+				classNames: props.classNames,
+				styles: props.styles
+			})
+		}, slots);
+	}
+});
+var CarouselSlide = Object.assign((0, _mantine_vue_core.withBoxProps)(CarouselSlideBaseComponent), { classes: Carousel_module_default });
+//#endregion
+//#region src/CarouselVariables.ts
+function isObject(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+var sharedProps = {
+	selector: {
+		type: String,
+		required: true
+	},
+	slideSize: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	slideGap: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	}
+};
+var CarouselVariables = (0, vue.defineComponent)({
+	name: "CarouselVariables",
+	props: sharedProps,
+	setup(props) {
+		const theme = (0, _mantine_vue_core.useMantineTheme)();
+		return () => {
+			const baseStyles = (0, _mantine_vue_core.filterProps)({
+				"--carousel-slide-gap": (0, _mantine_vue_core.getSpacing)((0, _mantine_vue_core.getBaseValue)(props.slideGap)),
+				"--carousel-slide-size": (0, _mantine_vue_core.rem)((0, _mantine_vue_core.getBaseValue)(props.slideSize))
+			});
+			const queries = (0, _mantine_vue_core.keys)(theme.value.breakpoints).reduce((acc, breakpoint) => {
+				acc[breakpoint] = acc[breakpoint] ?? {};
+				if (isObject(props.slideGap) && props.slideGap[breakpoint] !== void 0) acc[breakpoint]["--carousel-slide-gap"] = (0, _mantine_vue_core.getSpacing)(props.slideGap[breakpoint]);
+				if (isObject(props.slideSize) && props.slideSize[breakpoint] !== void 0) acc[breakpoint]["--carousel-slide-size"] = (0, _mantine_vue_core.rem)(props.slideSize[breakpoint]);
+				return acc;
+			}, {});
+			const media = (0, _mantine_vue_core.getSortedBreakpoints)(theme.value.breakpoints).reduce((acc, item) => {
+				if ((0, _mantine_vue_core.keys)(queries[item.breakpoint] ?? {}).length > 0) acc[`(min-width: ${theme.value.breakpoints[item.breakpoint]})`] = queries[item.breakpoint];
+				return acc;
+			}, {});
+			return (0, vue.h)(_mantine_vue_core.InlineStyles, {
+				selector: props.selector,
+				styles: baseStyles,
+				media
+			});
+		};
+	}
+});
+function getBreakpoints(values) {
+	return isObject(values) ? (0, _mantine_vue_core.keys)(values).filter((breakpoint) => breakpoint !== "base") : [];
+}
+function sortBreakpoints(breakpoints) {
+	return breakpoints.sort((a, b) => (0, _mantine_vue_core.px)(a) - (0, _mantine_vue_core.px)(b));
+}
+var CarouselContainerVariables = (0, vue.defineComponent)({
+	name: "CarouselContainerVariables",
+	props: sharedProps,
+	setup(props) {
+		return () => {
+			const baseStyles = (0, _mantine_vue_core.filterProps)({
+				"--carousel-slide-gap": (0, _mantine_vue_core.getSpacing)((0, _mantine_vue_core.getBaseValue)(props.slideGap)),
+				"--carousel-slide-size": (0, _mantine_vue_core.rem)((0, _mantine_vue_core.getBaseValue)(props.slideSize))
+			});
+			const container = sortBreakpoints(Array.from(new Set([...getBreakpoints(props.slideGap), ...getBreakpoints(props.slideSize)]))).reduce((acc, breakpoint) => {
+				const key = `carousel (min-width: ${breakpoint})`;
+				acc[key] = {};
+				if (isObject(props.slideGap) && props.slideGap[breakpoint] !== void 0) acc[key]["--carousel-slide-gap"] = (0, _mantine_vue_core.getSpacing)(props.slideGap[breakpoint]);
+				if (isObject(props.slideSize) && props.slideSize[breakpoint] !== void 0) acc[key]["--carousel-slide-size"] = (0, _mantine_vue_core.rem)(props.slideSize[breakpoint]);
+				return acc;
+			}, {});
+			return (0, vue.h)(_mantine_vue_core.InlineStyles, {
+				selector: props.selector,
+				styles: baseStyles,
+				container
+			});
+		};
+	}
+});
+//#endregion
+//#region src/get-chevron-rotation.ts
+function getChevronRotation({ dir, orientation, direction }) {
+	if (direction === "previous") return orientation === "horizontal" ? 90 * (dir === "ltr" ? 1 : -1) : -180;
+	return orientation === "horizontal" ? 90 * (dir === "ltr" ? -1 : 1) : 0;
+}
+//#endregion
+//#region src/get-indicator-navigation.ts
+function getNextIndicatorIndex(index, total) {
+	return index < total - 1 ? index + 1 : 0;
+}
+function getPreviousIndicatorIndex(index, total) {
+	return index > 0 ? index - 1 : total - 1;
+}
+function clamp(value, min, max) {
+	return Math.min(Math.max(value, min), max);
+}
+//#endregion
+//#region src/Carousel.ts
+var defaultProps = {
+	controlSize: 26,
+	controlsOffset: "sm",
+	slideSize: "100%",
+	slideGap: 0,
+	orientation: "horizontal",
+	includeGapInSize: true,
+	initialSlide: 0,
+	withControls: true,
+	withIndicators: false,
+	withKeyboardEvents: true,
+	type: "media"
+};
+var defaultEmblaOptions = {
+	align: "center",
+	loop: false,
+	slidesToScroll: 1,
+	dragFree: false,
+	inViewThreshold: 0,
+	skipSnaps: false,
+	containScroll: "trimSnaps"
+};
+var varsResolver = (0, _mantine_vue_core.createVarsResolver)((_, { height, controlSize, controlsOffset }) => ({ root: {
+	"--carousel-height": (0, _mantine_vue_core.rem)(height),
+	"--carousel-control-size": (0, _mantine_vue_core.rem)(controlSize),
+	"--carousel-controls-offset": (0, _mantine_vue_core.getSpacing)(controlsOffset)
+} }));
+function useRandomClassName() {
+	return `__mantine-vue-carousel-${Math.random().toString(36).slice(2, 9)}`;
+}
+function countRealSlides(nodes) {
+	if (!nodes) return 0;
+	return nodes.filter((node) => node.type !== vue.Comment).length;
+}
+var CarouselBaseComponent = (0, vue.defineComponent)({
+	name: "Carousel",
+	inheritAttrs: false,
+	props: {
+		emblaOptions: {
+			type: Object,
+			default: void 0
+		},
+		onNextSlide: {
+			type: Function,
+			default: void 0
+		},
+		onPreviousSlide: {
+			type: Function,
+			default: void 0
+		},
+		onSlideChange: {
+			type: Function,
+			default: void 0
+		},
+		getEmblaApi: {
+			type: Function,
+			default: void 0
+		},
+		nextControlProps: {
+			type: Object,
+			default: void 0
+		},
+		previousControlProps: {
+			type: Object,
+			default: void 0
+		},
+		controlSize: {
+			type: [String, Number],
+			default: void 0
+		},
+		controlsOffset: {
+			type: [String, Number],
+			default: void 0
+		},
+		slideSize: {
+			type: [
+				String,
+				Number,
+				Object
+			],
+			default: void 0
+		},
+		slideGap: {
+			type: [
+				String,
+				Number,
+				Object
+			],
+			default: void 0
+		},
+		orientation: {
+			type: String,
+			default: void 0
+		},
+		type: {
+			type: String,
+			default: void 0
+		},
+		height: {
+			type: [String, Number],
+			default: void 0
+		},
+		includeGapInSize: {
+			type: Boolean,
+			default: void 0
+		},
+		initialSlide: {
+			type: Number,
+			default: void 0
+		},
+		withControls: {
+			type: Boolean,
+			default: void 0
+		},
+		withIndicators: {
+			type: Boolean,
+			default: void 0
+		},
+		plugins: {
+			type: Array,
+			default: void 0
+		},
+		nextControlIcon: {
+			type: null,
+			default: void 0
+		},
+		previousControlIcon: {
+			type: null,
+			default: void 0
+		},
+		withKeyboardEvents: {
+			type: Boolean,
+			default: void 0
+		},
+		getIndicatorProps: {
+			type: Function,
+			default: void 0
+		},
+		id: {
+			type: String,
+			default: void 0
+		},
+		mod: {
+			type: [Object, Array],
+			default: void 0
+		},
+		classNames: {
+			type: [Object, Function],
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		},
+		vars: {
+			type: [Object, Function],
+			default: void 0
+		},
+		unstyled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(rawProps, { attrs, slots }) {
+		const props = (0, _mantine_vue_core.useProps)("Carousel", defaultProps, rawProps);
+		const getStyles = (0, _mantine_vue_core.useStyles)({
+			name: "Carousel",
+			classes: Carousel_module_default,
+			props,
+			get className() {
+				return attrs.class;
+			},
+			get style() {
+				return attrs.style;
+			},
+			get classNames() {
+				return props.classNames;
+			},
+			get styles() {
+				return props.styles;
+			},
+			get unstyled() {
+				return props.unstyled;
+			},
+			get vars() {
+				return props.vars;
+			},
+			varsResolver
+		});
+		const _id = (0, _mantine_vue_hooks.useId)(props.id);
+		const responsiveClassName = useRandomClassName();
+		const { dir } = (0, _mantine_vue_core.useDirection)();
+		const [emblaNode, embla] = (0, embla_carousel_vue.default)((0, vue.computed)(() => ({
+			axis: props.orientation === "horizontal" ? "x" : "y",
+			direction: props.orientation === "horizontal" ? dir.value : void 0,
+			startIndex: props.initialSlide,
+			...defaultEmblaOptions,
+			...props.emblaOptions
+		})), (0, vue.computed)(() => props.plugins ?? []));
+		const selected = (0, vue.ref)(0);
+		const slidesCount = (0, vue.ref)(0);
+		const slotSlideCount = (0, vue.ref)(0);
+		const handleScroll = (index) => {
+			embla.value?.scrollTo(index);
+		};
+		const handleSelect = () => {
+			const instance = embla.value;
+			if (!instance) return;
+			const slide = instance.selectedScrollSnap();
+			const changed = slide !== selected.value;
+			selected.value = slide;
+			if (changed) props.onSlideChange?.(slide);
+		};
+		const handlePrevious = () => {
+			embla.value?.scrollPrev();
+			props.onPreviousSlide?.();
+		};
+		const handleNext = () => {
+			embla.value?.scrollNext();
+			props.onNextSlide?.();
+		};
+		const handleKeydown = (event) => {
+			if (!props.withKeyboardEvents) return;
+			if (event.key === "ArrowRight") {
+				event.preventDefault();
+				handleNext();
+			}
+			if (event.key === "ArrowLeft") {
+				event.preventDefault();
+				handlePrevious();
+			}
+			if (event.key === "Home") {
+				event.preventDefault();
+				embla.value?.scrollTo(0);
+			}
+			if (event.key === "End") {
+				event.preventDefault();
+				embla.value?.scrollTo(embla.value.scrollSnapList().length - 1);
+			}
+		};
+		const handleIndicatorKeyDown = (event, index) => {
+			const isHorizontal = props.orientation === "horizontal";
+			const nextKey = isHorizontal ? "ArrowRight" : "ArrowDown";
+			const prevKey = isHorizontal ? "ArrowLeft" : "ArrowUp";
+			const parent = event.currentTarget?.parentElement;
+			if (event.key === nextKey) {
+				event.preventDefault();
+				const nextIndex = getNextIndicatorIndex(index, slidesCount.value);
+				handleScroll(nextIndex);
+				(parent?.children[nextIndex])?.focus();
+			}
+			if (event.key === prevKey) {
+				event.preventDefault();
+				const prevIndex = getPreviousIndicatorIndex(index, slidesCount.value);
+				handleScroll(prevIndex);
+				(parent?.children[prevIndex])?.focus();
+			}
+			if (event.key === "Home") {
+				event.preventDefault();
+				handleScroll(0);
+				(parent?.children[0])?.focus();
+			}
+			if (event.key === "End") {
+				event.preventDefault();
+				handleScroll(slidesCount.value - 1);
+				(parent?.children[slidesCount.value - 1])?.focus();
+			}
+		};
+		(0, vue.watch)(embla, (instance, _prev, onCleanup) => {
+			if (!instance) return;
+			props.getEmblaApi?.(instance);
+			handleSelect();
+			slidesCount.value = instance.scrollSnapList().length;
+			instance.on("select", handleSelect);
+			onCleanup(() => {
+				instance.off("select", handleSelect);
+			});
+		}, { immediate: true });
+		(0, vue.watch)([slotSlideCount, () => props.emblaOptions?.slidesToScroll], ([childrenCount]) => {
+			const instance = embla.value;
+			if (!instance) return;
+			instance.reInit();
+			slidesCount.value = instance.scrollSnapList().length;
+			selected.value = clamp(selected.value, 0, childrenCount - 1);
+		});
+		provideCarouselContext({
+			getStyles,
+			get orientation() {
+				return props.orientation;
+			}
+		});
+		return () => {
+			const canScrollPrev = embla.value?.canScrollPrev() || false;
+			const canScrollNext = embla.value?.canScrollNext() || false;
+			const defaultSlot = slots.default?.();
+			slotSlideCount.value = countRealSlides(defaultSlot);
+			const indicators = Array(slidesCount.value).fill(0).map((_, index) => (0, vue.h)(_mantine_vue_core.UnstyledButton, {
+				...getStyles("indicator"),
+				key: index,
+				role: "tab",
+				"aria-label": `Go to slide ${index + 1}`,
+				"aria-selected": index === selected.value,
+				tabindex: index === selected.value ? 0 : -1,
+				"data-active": index === selected.value || void 0,
+				onClick: () => handleScroll(index),
+				onKeydown: (event) => handleIndicatorKeyDown(event, index),
+				"data-orientation": props.orientation,
+				onMousedown: (event) => event.preventDefault(),
+				...props.getIndicatorProps?.(index)
+			}));
+			const variablesProps = {
+				selector: `.${responsiveClassName}`,
+				slideSize: props.slideSize,
+				slideGap: props.slideGap
+			};
+			return [props.type === "container" ? (0, vue.h)(CarouselContainerVariables, variablesProps) : (0, vue.h)(CarouselVariables, variablesProps), (0, vue.h)(_mantine_vue_core.Box, {
+				role: "region",
+				"aria-roledescription": "carousel",
+				...attrs,
+				...getStyles("root", { className: responsiveClassName }),
+				id: _id.value,
+				mod: [{
+					orientation: props.orientation,
+					"include-gap-in-size": props.includeGapInSize
+				}, props.mod],
+				onKeydownCapture: handleKeydown
+			}, () => [
+				(0, vue.h)(_mantine_vue_core.VisuallyHidden, {
+					role: "status",
+					"aria-live": "polite",
+					"aria-atomic": "true"
+				}, () => slidesCount.value > 0 ? `Slide ${selected.value + 1} of ${slidesCount.value}` : ""),
+				props.withControls && (0, vue.h)("div", {
+					...getStyles("controls"),
+					"data-orientation": props.orientation
+				}, [(0, vue.h)(_mantine_vue_core.UnstyledButton, {
+					"aria-controls": _id.value,
+					"aria-label": "Previous slide",
+					"aria-disabled": !canScrollPrev,
+					"data-inactive": !canScrollPrev || void 0,
+					"data-type": "previous",
+					tabindex: canScrollPrev ? 0 : -1,
+					...props.previousControlProps,
+					...getStyles("control", {
+						className: props.previousControlProps?.className,
+						style: props.previousControlProps?.style
+					}),
+					onClick: (event) => {
+						handlePrevious();
+						props.previousControlProps?.onClick?.(event);
+					}
+				}, () => typeof props.previousControlIcon !== "undefined" ? props.previousControlIcon : (0, vue.h)(_mantine_vue_core.AccordionChevron, { style: { transform: `rotate(${getChevronRotation({
+					dir: dir.value,
+					orientation: props.orientation,
+					direction: "previous"
+				})}deg)` } })), (0, vue.h)(_mantine_vue_core.UnstyledButton, {
+					"aria-controls": _id.value,
+					"aria-label": "Next slide",
+					"aria-disabled": !canScrollNext,
+					"data-inactive": !canScrollNext || void 0,
+					"data-type": "next",
+					tabindex: canScrollNext ? 0 : -1,
+					...getStyles("control", {
+						className: props.nextControlProps?.className,
+						style: props.nextControlProps?.style
+					}),
+					...props.nextControlProps,
+					onClick: (event) => {
+						handleNext();
+						props.nextControlProps?.onClick?.(event);
+					}
+				}, () => typeof props.nextControlIcon !== "undefined" ? props.nextControlIcon : (0, vue.h)(_mantine_vue_core.AccordionChevron, { style: { transform: `rotate(${getChevronRotation({
+					dir: dir.value,
+					orientation: props.orientation,
+					direction: "next"
+				})}deg)` } }))]),
+				(0, vue.h)("div", {
+					...getStyles("viewport"),
+					ref: emblaNode,
+					"data-type": props.type
+				}, [(0, vue.h)("div", {
+					...getStyles("container", { className: responsiveClassName }),
+					"data-orientation": props.orientation
+				}, defaultSlot)]),
+				props.withIndicators && (0, vue.h)("div", {
+					...getStyles("indicators"),
+					role: "tablist",
+					"aria-label": "Slides",
+					"data-orientation": props.orientation
+				}, indicators)
+			])];
+		};
+	}
+});
+var Carousel = Object.assign((0, _mantine_vue_core.withBoxProps)(CarouselBaseComponent), {
+	classes: Carousel_module_default,
+	varsResolver,
+	Slide: CarouselSlide
+});
+//#endregion
+exports.Carousel = Carousel;
+exports.CarouselSlide = CarouselSlide;
+exports.useCarouselContext = useCarouselContext;
+
+//# sourceMappingURL=index.cjs.map

package/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../src/Carousel.context.ts","../src/Carousel.module.css","../src/CarouselSlide.ts","../src/CarouselVariables.ts","../src/get-chevron-rotation.ts","../src/get-indicator-navigation.ts","../src/Carousel.ts"],"sourcesContent":["import { createSafeContext } from '@mantine-vue/core'\n\nexport interface CarouselContextValue {\n  getStyles: (selector: string, options?: Record<string, any>) => Record<string, any>\n  orientation: 'horizontal' | 'vertical' | undefined\n}\n\nexport const [provideCarouselContext, useCarouselContext] = createSafeContext<CarouselContextValue>(\n  'Carousel component was not found in tree',\n)\n",".root {\n  --carousel-height: auto;\n  position: relative;\n}\n\n.viewport {\n  height: var(--carousel-height);\n  overflow: hidden;\n\n  &[data-type='container'] {\n    container: carousel / inline-size;\n  }\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  height: var(--carousel-height);\n\n  :where([data-include-gap-in-size]) & {\n    &:where([data-orientation='vertical']) {\n      margin-bottom: calc(var(--carousel-slide-gap) * -1);\n    }\n\n    &:where([data-orientation='horizontal']) {\n      margin-inline-end: calc(var(--carousel-slide-gap) * -1);\n    }\n  }\n\n  &:where([data-orientation='vertical']) {\n    flex-direction: column;\n  }\n}\n\n.controls {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  z-index: 1;\n  pointer-events: none;\n\n  &:where([data-orientation='vertical']) {\n    inset-inline-start: calc(50% - var(--carousel-control-size) / 2);\n    top: 0;\n    bottom: 0;\n    flex-direction: column;\n    padding: var(--carousel-controls-offset) 0;\n  }\n\n  &:where([data-orientation='horizontal']) {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: calc(50% - var(--carousel-control-size) / 2);\n    flex-direction: row;\n    padding: 0 var(--carousel-controls-offset);\n  }\n}\n\n.control {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-width: var(--carousel-control-size);\n  min-height: var(--carousel-control-size);\n  border-radius: var(--carousel-control-size);\n  pointer-events: all;\n  background-color: var(--mantine-color-white);\n  color: var(--mantine-color-black);\n  box-shadow: var(--mantine-shadow-md);\n  border: 1px solid var(--mantine-color-gray-3);\n  transition: opacity 100ms ease;\n\n  @mixin where-light {\n    opacity: 0.85;\n  }\n\n  @mixin where-dark {\n    opacity: 0.65;\n  }\n\n  @mixin hover {\n    opacity: 1;\n  }\n}\n\n.indicators {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  gap: 8px;\n  pointer-events: none;\n\n  &:where([data-orientation='vertical']) {\n    bottom: 0;\n    top: 0;\n    inset-inline-end: var(--mantine-spacing-md);\n    flex-direction: column;\n  }\n\n  &:where([data-orientation='horizontal']) {\n    bottom: var(--mantine-spacing-md);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    flex-direction: row;\n  }\n}\n\n.indicator {\n  pointer-events: all;\n  border-radius: var(--mantine-radius-xl);\n  box-shadow: var(--mantine-shadow-sm);\n  opacity: 0.6;\n  background-color: var(--mantine-color-white);\n\n  @mixin hover {\n    opacity: 1;\n  }\n\n  &:where([data-active]) {\n    opacity: 1;\n  }\n\n  &:where([data-orientation='vertical']) {\n    width: 5px;\n    height: 25px;\n  }\n\n  &:where([data-orientation='horizontal']) {\n    width: 25px;\n    height: 5px;\n  }\n}\n\n.slide {\n  position: relative;\n  flex: 0 0 var(--carousel-slide-size, 100%);\n\n  .root:where([data-include-gap-in-size]) & {\n    &:where([data-orientation='vertical']) {\n      padding-bottom: var(--carousel-slide-gap);\n    }\n\n    &:where([data-orientation='horizontal']) {\n      padding-inline-end: var(--carousel-slide-gap);\n    }\n  }\n\n  .root:where(:not([data-include-gap-in-size])) & {\n    &:where([data-orientation='vertical']) {\n      margin-bottom: var(--carousel-slide-gap);\n    }\n\n    &:where([data-orientation='horizontal']) {\n      margin-inline-end: var(--carousel-slide-gap);\n    }\n  }\n}\n","import { defineComponent, h, type PropType } from 'vue'\nimport { Box, withBoxProps } from '@mantine-vue/core'\nimport { useCarouselContext } from './Carousel.context'\nimport classes from './Carousel.module.css'\n\nexport type CarouselSlideStylesNames = 'slide'\n\nexport interface CarouselSlideProps {\n  classNames?: any\n  styles?: any\n  mod?: any\n}\n\nconst CarouselSlideBaseComponent = defineComponent({\n  name: 'CarouselSlide',\n  inheritAttrs: false,\n  props: {\n    classNames: { type: [Object, Function], default: undefined },\n    styles: { type: [Object, Function], default: undefined },\n    mod: { type: [Object, Array] as PropType<any>, default: undefined },\n  },\n  setup(props, { attrs, slots }) {\n    const ctx = useCarouselContext()\n\n    return () =>\n      h(\n        Box,\n        {\n          mod: [{ orientation: ctx.orientation }, props.mod],\n          role: 'group',\n          'aria-roledescription': 'slide',\n          'aria-label': 'Carousel slide',\n          ...attrs,\n          ...ctx.getStyles('slide', {\n            className: attrs.class,\n            style: attrs.style,\n            classNames: props.classNames,\n            styles: props.styles,\n          }),\n        },\n        slots,\n      )\n  },\n})\n\nexport const CarouselSlide = Object.assign(withBoxProps(CarouselSlideBaseComponent), { classes })\n","import { defineComponent, h, type PropType } from 'vue'\nimport {\n  filterProps,\n  getBaseValue,\n  getSortedBreakpoints,\n  getSpacing,\n  InlineStyles,\n  keys,\n  px,\n  rem,\n  useMantineTheme,\n} from '@mantine-vue/core'\n\ntype StyleProp<T> = T | Partial<Record<string, T>>\n\nfunction isObject(value: unknown): value is Record<string, any> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nconst sharedProps = {\n  selector: { type: String, required: true },\n  slideSize: {\n    type: [String, Number, Object] as PropType<StyleProp<string | number>>,\n    default: undefined,\n  },\n  slideGap: {\n    type: [String, Number, Object] as PropType<StyleProp<string | number>>,\n    default: undefined,\n  },\n}\n\nexport const CarouselVariables = defineComponent({\n  name: 'CarouselVariables',\n  props: sharedProps,\n  setup(props) {\n    const theme = useMantineTheme()\n\n    return () => {\n      const baseStyles = filterProps({\n        '--carousel-slide-gap': getSpacing(getBaseValue(props.slideGap)),\n        '--carousel-slide-size': rem(getBaseValue(props.slideSize)),\n      })\n\n      const queries = keys(theme.value.breakpoints).reduce<Record<string, Record<string, any>>>(\n        (acc, breakpoint) => {\n          acc[breakpoint] = acc[breakpoint] ?? {}\n\n          if (isObject(props.slideGap) && props.slideGap[breakpoint] !== undefined) {\n            acc[breakpoint]['--carousel-slide-gap'] = getSpacing(props.slideGap[breakpoint])\n          }\n\n          if (isObject(props.slideSize) && props.slideSize[breakpoint] !== undefined) {\n            acc[breakpoint]['--carousel-slide-size'] = rem(props.slideSize[breakpoint])\n          }\n\n          return acc\n        },\n        {},\n      )\n\n      const media = getSortedBreakpoints(theme.value.breakpoints).reduce<\n        Record<string, Record<string, any>>\n      >((acc, item) => {\n        if (keys(queries[item.breakpoint] ?? {}).length > 0) {\n          acc[`(min-width: ${theme.value.breakpoints[item.breakpoint]})`] = queries[item.breakpoint]\n        }\n\n        return acc\n      }, {})\n\n      return h(InlineStyles, { selector: props.selector!, styles: baseStyles, media })\n    }\n  },\n})\n\nfunction getBreakpoints(values: unknown) {\n  return isObject(values) ? keys(values).filter((breakpoint) => breakpoint !== 'base') : []\n}\n\nfunction sortBreakpoints(breakpoints: string[]) {\n  return breakpoints.sort((a, b) => px(a) - px(b))\n}\n\nexport const CarouselContainerVariables = defineComponent({\n  name: 'CarouselContainerVariables',\n  props: sharedProps,\n  setup(props) {\n    return () => {\n      const baseStyles = filterProps({\n        '--carousel-slide-gap': getSpacing(getBaseValue(props.slideGap)),\n        '--carousel-slide-size': rem(getBaseValue(props.slideSize)),\n      })\n\n      const breakpoints = sortBreakpoints(\n        Array.from(\n          new Set([...getBreakpoints(props.slideGap), ...getBreakpoints(props.slideSize)]),\n        ),\n      )\n\n      const container = breakpoints.reduce<Record<string, Record<string, any>>>(\n        (acc, breakpoint) => {\n          const key = `carousel (min-width: ${breakpoint})`\n          acc[key] = {}\n\n          if (isObject(props.slideGap) && props.slideGap[breakpoint] !== undefined) {\n            acc[key]['--carousel-slide-gap'] = getSpacing(props.slideGap[breakpoint])\n          }\n\n          if (isObject(props.slideSize) && props.slideSize[breakpoint] !== undefined) {\n            acc[key]['--carousel-slide-size'] = rem(props.slideSize[breakpoint])\n          }\n\n          return acc\n        },\n        {},\n      )\n\n      return h(InlineStyles, { selector: props.selector!, styles: baseStyles, container })\n    }\n  },\n})\n","// Ported verbatim from @mantine/carousel/src/get-chevron-rotation.ts – pure function, no\n// React/Vue specifics.\nexport interface GetChevronRotationOptions {\n  dir: 'rtl' | 'ltr'\n  orientation: 'horizontal' | 'vertical' | undefined\n  direction: 'next' | 'previous'\n}\n\nexport function getChevronRotation({ dir, orientation, direction }: GetChevronRotationOptions) {\n  if (direction === 'previous') {\n    return orientation === 'horizontal' ? 90 * (dir === 'ltr' ? 1 : -1) : -180\n  }\n\n  return orientation === 'horizontal' ? 90 * (dir === 'ltr' ? -1 : 1) : 0\n}\n","// Extracted so the wrap-around index math can be unit tested without mounting a component.\nexport function getNextIndicatorIndex(index: number, total: number): number {\n  return index < total - 1 ? index + 1 : 0\n}\n\nexport function getPreviousIndicatorIndex(index: number, total: number): number {\n  return index > 0 ? index - 1 : total - 1\n}\n\n// Note: when `max < min` (e.g. an empty carousel), this clamps to `max`, not `min`.\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max)\n}\n","import {\n  Comment,\n  computed,\n  defineComponent,\n  h,\n  ref,\n  watch,\n  type DefineComponent,\n  type PropType,\n  type VNode,\n} from 'vue'\nimport emblaCarouselVue from 'embla-carousel-vue'\nimport type { EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from 'embla-carousel'\nimport { useId } from '@mantine-vue/hooks'\nimport {\n  Box,\n  createVarsResolver,\n  getSpacing,\n  rem,\n  useDirection,\n  useProps,\n  useStyles,\n  UnstyledButton,\n  VisuallyHidden,\n  withBoxProps,\n  AccordionChevron,\n} from '@mantine-vue/core'\nimport { provideCarouselContext } from './Carousel.context'\nimport { CarouselSlide } from './CarouselSlide'\nimport { CarouselContainerVariables, CarouselVariables } from './CarouselVariables'\nimport { getChevronRotation } from './get-chevron-rotation'\nimport { clamp, getNextIndicatorIndex, getPreviousIndicatorIndex } from './get-indicator-navigation'\nimport classes from './Carousel.module.css'\n\nexport type CarouselStylesNames =\n  | 'slide'\n  | 'root'\n  | 'viewport'\n  | 'container'\n  | 'controls'\n  | 'control'\n  | 'indicators'\n  | 'indicator'\n\nexport interface CarouselProps {\n  /** Options passed down to embla carousel */\n  emblaOptions?: EmblaOptionsType\n  /** Called when next slide is shown */\n  onNextSlide?: () => void\n  /** Called when previous slider is shown */\n  onPreviousSlide?: () => void\n  /** Called with slide index when slide changes */\n  onSlideChange?: (index: number) => void\n  /** Get embla API as ref */\n  getEmblaApi?: (embla: EmblaCarouselType) => void\n  /** Props passed down to next control */\n  nextControlProps?: Record<string, any>\n  /** Props passed down to previous control */\n  previousControlProps?: Record<string, any>\n  /** Controls size of the next and previous controls @default 26 */\n  controlSize?: string | number\n  /** Controls position of the next and previous controls, key of `theme.spacing` or any valid CSS value @default 'sm' */\n  controlsOffset?: string | number\n  /** Controls slide width based on viewport width @default '100%' */\n  slideSize?: string | number | Record<string, string | number>\n  /** Key of theme.spacing or number to set gap between slides */\n  slideGap?: string | number | Record<string, string | number>\n  /** Carousel orientation @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical'\n  /** Determines type of queries used for responsive styles @default 'media' */\n  type?: 'media' | 'container'\n  /** Slides container `height`, required for vertical orientation */\n  height?: string | number\n  /** Determines whether gap between slides should be treated as part of the slide size @default true */\n  includeGapInSize?: boolean\n  /** Index of initial slide */\n  initialSlide?: number\n  /** Determines whether next/previous controls should be displayed @default true */\n  withControls?: boolean\n  /** Determines whether indicators should be displayed @default false */\n  withIndicators?: boolean\n  /** A list of embla plugins */\n  plugins?: EmblaPluginType[]\n  /** Icon of the next control */\n  nextControlIcon?: any\n  /** Icon of the previous control */\n  previousControlIcon?: any\n  /** Determines whether arrow key should switch slides @default true */\n  withKeyboardEvents?: boolean\n  /** Function to get props for indicator button */\n  getIndicatorProps?: (index: number) => Record<string, any>\n  id?: string\n  classNames?: any\n  styles?: any\n  vars?: any\n  unstyled?: boolean\n  mod?: any\n}\n\nconst defaultProps = {\n  controlSize: 26,\n  controlsOffset: 'sm',\n  slideSize: '100%',\n  slideGap: 0,\n  orientation: 'horizontal',\n  includeGapInSize: true,\n  initialSlide: 0,\n  withControls: true,\n  withIndicators: false,\n  withKeyboardEvents: true,\n  type: 'media',\n} as const\n\nconst defaultEmblaOptions: EmblaOptionsType = {\n  align: 'center',\n  loop: false,\n  slidesToScroll: 1,\n  dragFree: false,\n  inViewThreshold: 0,\n  skipSnaps: false,\n  containScroll: 'trimSnaps',\n}\n\nconst varsResolver = createVarsResolver<any>((_, { height, controlSize, controlsOffset }) => ({\n  root: {\n    '--carousel-height': rem(height),\n    '--carousel-control-size': rem(controlSize),\n    '--carousel-controls-offset': getSpacing(controlsOffset),\n  },\n}))\n\nfunction useRandomClassName() {\n  return `__mantine-vue-carousel-${Math.random().toString(36).slice(2, 9)}`\n}\n\nfunction countRealSlides(nodes: VNode[] | undefined): number {\n  if (!nodes) {\n    return 0\n  }\n\n  return nodes.filter((node) => node.type !== Comment).length\n}\n\nconst CarouselBaseComponent = defineComponent({\n  name: 'Carousel',\n  inheritAttrs: false,\n  props: {\n    emblaOptions: { type: Object as PropType<EmblaOptionsType>, default: undefined },\n    onNextSlide: { type: Function as PropType<() => void>, default: undefined },\n    onPreviousSlide: { type: Function as PropType<() => void>, default: undefined },\n    onSlideChange: { type: Function as PropType<(index: number) => void>, default: undefined },\n    getEmblaApi: {\n      type: Function as PropType<(embla: EmblaCarouselType) => void>,\n      default: undefined,\n    },\n    nextControlProps: { type: Object as PropType<Record<string, any>>, default: undefined },\n    previousControlProps: { type: Object as PropType<Record<string, any>>, default: undefined },\n    controlSize: { type: [String, Number], default: undefined },\n    controlsOffset: { type: [String, Number], default: undefined },\n    slideSize: { type: [String, Number, Object], default: undefined },\n    slideGap: { type: [String, Number, Object], default: undefined },\n    orientation: { type: String as PropType<'horizontal' | 'vertical'>, default: undefined },\n    type: { type: String as PropType<'media' | 'container'>, default: undefined },\n    height: { type: [String, Number], default: undefined },\n    includeGapInSize: { type: Boolean, default: undefined },\n    initialSlide: { type: Number, default: undefined },\n    withControls: { type: Boolean, default: undefined },\n    withIndicators: { type: Boolean, default: undefined },\n    plugins: { type: Array as PropType<EmblaPluginType[]>, default: undefined },\n    nextControlIcon: { type: null, default: undefined },\n    previousControlIcon: { type: null, default: undefined },\n    withKeyboardEvents: { type: Boolean, default: undefined },\n    getIndicatorProps: {\n      type: Function as PropType<(index: number) => Record<string, any>>,\n      default: undefined,\n    },\n    id: { type: String, default: undefined },\n    mod: { type: [Object, Array] as PropType<any>, default: undefined },\n    classNames: { type: [Object, Function], default: undefined },\n    styles: { type: [Object, Function], default: undefined },\n    vars: { type: [Object, Function], default: undefined },\n    unstyled: { type: Boolean, default: false },\n  },\n  setup(rawProps, { attrs, slots }) {\n    const props = useProps('Carousel', defaultProps, rawProps)\n\n    const getStyles = useStyles({\n      name: 'Carousel',\n      classes,\n      props,\n      get className() {\n        return attrs.class\n      },\n      get style() {\n        return attrs.style as any\n      },\n      get classNames() {\n        return props.classNames as any\n      },\n      get styles() {\n        return props.styles as any\n      },\n      get unstyled() {\n        return props.unstyled\n      },\n      get vars() {\n        return props.vars as any\n      },\n      varsResolver,\n    })\n\n    const _id = useId(props.id)\n    const responsiveClassName = useRandomClassName()\n    const { dir } = useDirection()\n\n    const emblaOptionsRef = computed<EmblaOptionsType>(() => ({\n      axis: props.orientation === 'horizontal' ? 'x' : 'y',\n      direction: props.orientation === 'horizontal' ? dir.value : undefined,\n      startIndex: props.initialSlide,\n      ...defaultEmblaOptions,\n      ...props.emblaOptions,\n    }))\n    const pluginsRef = computed(() => props.plugins ?? [])\n\n    const [emblaNode, embla] = emblaCarouselVue(emblaOptionsRef, pluginsRef)\n\n    const selected = ref(0)\n    const slidesCount = ref(0)\n    const slotSlideCount = ref(0)\n\n    const handleScroll = (index: number) => {\n      embla.value?.scrollTo(index)\n    }\n\n    const handleSelect = () => {\n      const instance = embla.value\n      if (!instance) {\n        return\n      }\n      const slide = instance.selectedScrollSnap()\n      const changed = slide !== selected.value\n      selected.value = slide\n      if (changed) {\n        props.onSlideChange?.(slide)\n      }\n    }\n\n    const handlePrevious = () => {\n      embla.value?.scrollPrev()\n      props.onPreviousSlide?.()\n    }\n\n    const handleNext = () => {\n      embla.value?.scrollNext()\n      props.onNextSlide?.()\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (!props.withKeyboardEvents) {\n        return\n      }\n\n      if (event.key === 'ArrowRight') {\n        event.preventDefault()\n        handleNext()\n      }\n\n      if (event.key === 'ArrowLeft') {\n        event.preventDefault()\n        handlePrevious()\n      }\n\n      if (event.key === 'Home') {\n        event.preventDefault()\n        embla.value?.scrollTo(0)\n      }\n\n      if (event.key === 'End') {\n        event.preventDefault()\n        embla.value?.scrollTo(embla.value.scrollSnapList().length - 1)\n      }\n    }\n\n    const handleIndicatorKeyDown = (event: KeyboardEvent, index: number) => {\n      const isHorizontal = props.orientation === 'horizontal'\n      const nextKey = isHorizontal ? 'ArrowRight' : 'ArrowDown'\n      const prevKey = isHorizontal ? 'ArrowLeft' : 'ArrowUp'\n      const parent = (event.currentTarget as HTMLElement | null)?.parentElement\n\n      if (event.key === nextKey) {\n        event.preventDefault()\n        const nextIndex = getNextIndicatorIndex(index, slidesCount.value)\n        handleScroll(nextIndex)\n        ;(parent?.children[nextIndex] as HTMLElement | undefined)?.focus()\n      }\n\n      if (event.key === prevKey) {\n        event.preventDefault()\n        const prevIndex = getPreviousIndicatorIndex(index, slidesCount.value)\n        handleScroll(prevIndex)\n        ;(parent?.children[prevIndex] as HTMLElement | undefined)?.focus()\n      }\n\n      if (event.key === 'Home') {\n        event.preventDefault()\n        handleScroll(0)\n        ;(parent?.children[0] as HTMLElement | undefined)?.focus()\n      }\n\n      if (event.key === 'End') {\n        event.preventDefault()\n        handleScroll(slidesCount.value - 1)\n        ;(parent?.children[slidesCount.value - 1] as HTMLElement | undefined)?.focus()\n      }\n    }\n\n    watch(\n      embla,\n      (instance, _prev, onCleanup) => {\n        if (!instance) {\n          return\n        }\n\n        props.getEmblaApi?.(instance)\n        handleSelect()\n        slidesCount.value = instance.scrollSnapList().length\n        instance.on('select', handleSelect)\n\n        onCleanup(() => {\n          instance.off('select', handleSelect)\n        })\n      },\n      { immediate: true },\n    )\n\n    watch([slotSlideCount, () => props.emblaOptions?.slidesToScroll], ([childrenCount]) => {\n      const instance = embla.value\n      if (!instance) {\n        return\n      }\n\n      instance.reInit()\n      slidesCount.value = instance.scrollSnapList().length\n      selected.value = clamp(selected.value, 0, childrenCount - 1)\n    })\n\n    provideCarouselContext({\n      getStyles,\n      get orientation() {\n        return props.orientation\n      },\n    } as any)\n\n    return () => {\n      const canScrollPrev = embla.value?.canScrollPrev() || false\n      const canScrollNext = embla.value?.canScrollNext() || false\n\n      const defaultSlot = slots.default?.()\n      slotSlideCount.value = countRealSlides(defaultSlot)\n\n      const indicators = Array(slidesCount.value)\n        .fill(0)\n        .map((_, index) =>\n          h(UnstyledButton, {\n            ...getStyles('indicator'),\n            key: index,\n            role: 'tab',\n            'aria-label': `Go to slide ${index + 1}`,\n            'aria-selected': index === selected.value,\n            tabindex: index === selected.value ? 0 : -1,\n            'data-active': index === selected.value || undefined,\n            onClick: () => handleScroll(index),\n            onKeydown: (event: KeyboardEvent) => handleIndicatorKeyDown(event, index),\n            'data-orientation': props.orientation,\n            onMousedown: (event: Event) => event.preventDefault(),\n            ...props.getIndicatorProps?.(index),\n          }),\n        )\n\n      const variablesProps = {\n        selector: `.${responsiveClassName}`,\n        slideSize: props.slideSize,\n        slideGap: props.slideGap,\n      }\n\n      return [\n        props.type === 'container'\n          ? h(CarouselContainerVariables, variablesProps)\n          : h(CarouselVariables, variablesProps),\n\n        h(\n          Box,\n          {\n            role: 'region',\n            'aria-roledescription': 'carousel',\n            ...attrs,\n            ...getStyles('root', { className: responsiveClassName }),\n            id: _id.value,\n            mod: [\n              { orientation: props.orientation, 'include-gap-in-size': props.includeGapInSize },\n              props.mod,\n            ],\n            onKeydownCapture: handleKeydown,\n          },\n          () => [\n            h(\n              VisuallyHidden,\n              { role: 'status', 'aria-live': 'polite', 'aria-atomic': 'true' },\n              () =>\n                slidesCount.value > 0 ? `Slide ${selected.value + 1} of ${slidesCount.value}` : '',\n            ),\n\n            props.withControls &&\n              h('div', { ...getStyles('controls'), 'data-orientation': props.orientation }, [\n                h(\n                  UnstyledButton,\n                  {\n                    'aria-controls': _id.value,\n                    'aria-label': 'Previous slide',\n                    'aria-disabled': !canScrollPrev,\n                    'data-inactive': !canScrollPrev || undefined,\n                    'data-type': 'previous',\n                    tabindex: canScrollPrev ? 0 : -1,\n                    ...props.previousControlProps,\n                    ...getStyles('control', {\n                      className: props.previousControlProps?.className,\n                      style: props.previousControlProps?.style,\n                    }),\n                    onClick: (event: Event) => {\n                      handlePrevious()\n                      props.previousControlProps?.onClick?.(event)\n                    },\n                  },\n                  () =>\n                    typeof props.previousControlIcon !== 'undefined'\n                      ? props.previousControlIcon\n                      : h(AccordionChevron, {\n                          style: {\n                            transform: `rotate(${getChevronRotation({\n                              dir: dir.value,\n                              orientation: props.orientation,\n                              direction: 'previous',\n                            })}deg)`,\n                          },\n                        }),\n                ),\n\n                h(\n                  UnstyledButton,\n                  {\n                    'aria-controls': _id.value,\n                    'aria-label': 'Next slide',\n                    'aria-disabled': !canScrollNext,\n                    'data-inactive': !canScrollNext || undefined,\n                    'data-type': 'next',\n                    tabindex: canScrollNext ? 0 : -1,\n                    ...getStyles('control', {\n                      className: props.nextControlProps?.className,\n                      style: props.nextControlProps?.style,\n                    }),\n                    ...props.nextControlProps,\n                    onClick: (event: Event) => {\n                      handleNext()\n                      props.nextControlProps?.onClick?.(event)\n                    },\n                  },\n                  () =>\n                    typeof props.nextControlIcon !== 'undefined'\n                      ? props.nextControlIcon\n                      : h(AccordionChevron, {\n                          style: {\n                            transform: `rotate(${getChevronRotation({\n                              dir: dir.value,\n                              orientation: props.orientation,\n                              direction: 'next',\n                            })}deg)`,\n                          },\n                        }),\n                ),\n              ]),\n\n            h('div', { ...getStyles('viewport'), ref: emblaNode, 'data-type': props.type }, [\n              h(\n                'div',\n                {\n                  ...getStyles('container', { className: responsiveClassName }),\n                  'data-orientation': props.orientation,\n                },\n                defaultSlot,\n              ),\n            ]),\n\n            props.withIndicators &&\n              h(\n                'div',\n                {\n                  ...getStyles('indicators'),\n                  role: 'tablist',\n                  'aria-label': 'Slides',\n                  'data-orientation': props.orientation,\n                },\n                indicators,\n              ),\n          ],\n        ),\n      ]\n    }\n  },\n})\n\nexport const Carousel: DefineComponent<CarouselProps> & {\n  classes: typeof classes\n  varsResolver: typeof varsResolver\n  Slide: typeof CarouselSlide\n} = Object.assign(withBoxProps(CarouselBaseComponent) as DefineComponent<CarouselProps>, {\n  classes,\n  varsResolver,\n  Slide: CarouselSlide,\n})\n"],"mappings":"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"}