@aloudata/aloudata-design 3.1.6 → 3.2.0-beta.0

package/dist/Carousel/index.js

@@ -1,108 +1,248 @@
 import { cn } from "../lib/utils.js";
 /* empty css         */
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { c } from "react-compiler-runtime";
+import React, { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import useEmblaCarousel from "embla-carousel-react";
 import Autoplay from "embla-carousel-autoplay";
 //#region src/Carousel/index.tsx
 var Carousel = React.forwardRef((props, ref) => {
-	const { autoplay: autoplayEnabled = false, autoplaySpeed = 3e3, dots = true, dotPosition = "bottom", effect = "scrollx", infinite = false, slidesToShow = 1, slidesToScroll = 1, className, style, children, afterChange, beforeChange } = props;
+	const $ = c(52);
+	const { autoplay: t0, autoplaySpeed: t1, dots: t2, dotPosition: t3, effect: t4, infinite: t5, slidesToShow: t6, slidesToScroll: t7, className, style, children, afterChange, beforeChange } = props;
+	const autoplayEnabled = t0 === void 0 ? false : t0;
+	const autoplaySpeed = t1 === void 0 ? 3e3 : t1;
+	const dots = t2 === void 0 ? true : t2;
+	const dotPosition = t3 === void 0 ? "bottom" : t3;
+	const effect = t4 === void 0 ? "scrollx" : t4;
+	const infinite = t5 === void 0 ? false : t5;
+	const slidesToShow = t6 === void 0 ? 1 : t6;
+	const slidesToScroll = t7 === void 0 ? 1 : t7;
 	const slides = React.Children.toArray(children);
 	const [selectedIndex, setSelectedIndex] = useState(0);
-	const [scrollSnaps, setScrollSnaps] = useState([]);
+	let t8;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = [];
+		$[0] = t8;
+	} else t8 = $[0];
+	const [scrollSnaps, setScrollSnaps] = useState(t8);
 	const previousIndexRef = useRef(0);
 	const isFade = effect === "fade";
-	const plugins = useMemo(() => {
-		const list = [];
-		if (autoplayEnabled) list.push(Autoplay({
-			delay: autoplaySpeed,
-			stopOnInteraction: false,
-			stopOnMouseEnter: true
-		}));
-		return list;
-	}, [autoplayEnabled, autoplaySpeed]);
-	const [emblaRef, emblaApi] = useEmblaCarousel(useMemo(() => ({
-		loop: infinite,
-		slidesToScroll,
-		align: "start",
-		...isFade ? { watchDrag: false } : {}
-	}), [
-		infinite,
-		slidesToScroll,
-		isFade
-	]), plugins);
-	const onSelect = useCallback((api) => {
-		const newIndex = api.selectedScrollSnap();
-		const prevIndex = previousIndexRef.current;
-		if (newIndex !== prevIndex) beforeChange?.(prevIndex, newIndex);
-		setSelectedIndex(newIndex);
-		previousIndexRef.current = newIndex;
-		if (newIndex !== prevIndex) afterChange?.(newIndex);
-	}, [beforeChange, afterChange]);
-	useEffect(() => {
-		if (!emblaApi) return;
-		setScrollSnaps(emblaApi.scrollSnapList());
-		onSelect(emblaApi);
-		emblaApi.on("select", onSelect);
-		emblaApi.on("reInit", onSelect);
-		return () => {
-			emblaApi.off("select", onSelect);
-			emblaApi.off("reInit", onSelect);
+	let list;
+	if ($[1] !== autoplayEnabled || $[2] !== autoplaySpeed) {
+		list = [];
+		if (autoplayEnabled) {
+			let t9;
+			if ($[4] !== autoplaySpeed) {
+				t9 = Autoplay({
+					delay: autoplaySpeed,
+					stopOnInteraction: false,
+					stopOnMouseEnter: true
+				});
+				$[4] = autoplaySpeed;
+				$[5] = t9;
+			} else t9 = $[5];
+			list.push(t9);
+		}
+		$[1] = autoplayEnabled;
+		$[2] = autoplaySpeed;
+		$[3] = list;
+	} else list = $[3];
+	const plugins = list;
+	let t9;
+	if ($[6] !== isFade) {
+		t9 = isFade ? { watchDrag: false } : {};
+		$[6] = isFade;
+		$[7] = t9;
+	} else t9 = $[7];
+	let t10;
+	if ($[8] !== infinite || $[9] !== slidesToScroll || $[10] !== t9) {
+		t10 = {
+			loop: infinite,
+			slidesToScroll,
+			align: "start",
+			...t9
 		};
-	}, [emblaApi, onSelect]);
-	const goTo = useCallback((index) => {
-		emblaApi?.scrollTo(index);
-	}, [emblaApi]);
-	const next = useCallback(() => {
-		emblaApi?.scrollNext();
-	}, [emblaApi]);
-	const prev = useCallback(() => {
-		emblaApi?.scrollPrev();
-	}, [emblaApi]);
-	React.useImperativeHandle(ref, () => ({
-		goTo,
-		next,
-		prev
-	}));
-	const slideStyle = useMemo(() => slidesToShow > 1 ? { flex: `0 0 ${100 / slidesToShow}%` } : { flex: "0 0 100%" }, [slidesToShow]);
+		$[8] = infinite;
+		$[9] = slidesToScroll;
+		$[10] = t9;
+		$[11] = t10;
+	} else t10 = $[11];
+	const [emblaRef, emblaApi] = useEmblaCarousel(t10, plugins);
+	let t11;
+	if ($[12] !== afterChange || $[13] !== beforeChange) {
+		t11 = (api) => {
+			const newIndex = api.selectedScrollSnap();
+			const prevIndex = previousIndexRef.current;
+			if (newIndex !== prevIndex) beforeChange?.(prevIndex, newIndex);
+			setSelectedIndex(newIndex);
+			previousIndexRef.current = newIndex;
+			if (newIndex !== prevIndex) afterChange?.(newIndex);
+		};
+		$[12] = afterChange;
+		$[13] = beforeChange;
+		$[14] = t11;
+	} else t11 = $[14];
+	const onSelect = t11;
+	let t12;
+	let t13;
+	if ($[15] !== emblaApi || $[16] !== onSelect) {
+		t12 = () => {
+			if (!emblaApi) return;
+			setScrollSnaps(emblaApi.scrollSnapList());
+			onSelect(emblaApi);
+			emblaApi.on("select", onSelect);
+			emblaApi.on("reInit", onSelect);
+			return () => {
+				emblaApi.off("select", onSelect);
+				emblaApi.off("reInit", onSelect);
+			};
+		};
+		t13 = [emblaApi, onSelect];
+		$[15] = emblaApi;
+		$[16] = onSelect;
+		$[17] = t12;
+		$[18] = t13;
+	} else {
+		t12 = $[17];
+		t13 = $[18];
+	}
+	useEffect(t12, t13);
+	let t14;
+	if ($[19] !== emblaApi) {
+		t14 = (index) => {
+			emblaApi?.scrollTo(index);
+		};
+		$[19] = emblaApi;
+		$[20] = t14;
+	} else t14 = $[20];
+	const goTo = t14;
+	let t15;
+	if ($[21] !== emblaApi) {
+		t15 = () => {
+			emblaApi?.scrollNext();
+		};
+		$[21] = emblaApi;
+		$[22] = t15;
+	} else t15 = $[22];
+	const next = t15;
+	let t16;
+	if ($[23] !== emblaApi) {
+		t16 = () => {
+			emblaApi?.scrollPrev();
+		};
+		$[23] = emblaApi;
+		$[24] = t16;
+	} else t16 = $[24];
+	const prev = t16;
+	let t17;
+	if ($[25] !== goTo || $[26] !== next || $[27] !== prev) {
+		t17 = () => ({
+			goTo,
+			next,
+			prev
+		});
+		$[25] = goTo;
+		$[26] = next;
+		$[27] = prev;
+		$[28] = t17;
+	} else t17 = $[28];
+	React.useImperativeHandle(ref, t17);
+	let t18;
+	if ($[29] !== slidesToShow) {
+		t18 = slidesToShow > 1 ? { flex: `0 0 ${100 / slidesToShow}%` } : { flex: "0 0 100%" };
+		$[29] = slidesToShow;
+		$[30] = t18;
+	} else t18 = $[30];
+	const slideStyle = t18;
 	const isVertical = dotPosition === "left" || dotPosition === "right";
-	const dotsEl = dots && scrollSnaps.length > 1 ? /* @__PURE__ */ jsx("div", {
-		className: cn("ald-carousel-dots", `ald-carousel-dots--${dotPosition}`),
-		children: scrollSnaps.map((_, index) => /* @__PURE__ */ jsx("button", {
-			type: "button",
-			className: cn("ald-carousel-dot", index === selectedIndex && "ald-carousel-dot--active"),
-			onClick: () => goTo(index),
-			"aria-label": `Go to slide ${index + 1}`,
-			"aria-current": index === selectedIndex ? "true" : void 0
-		}, index))
-	}) : null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-carousel", isVertical && "ald-carousel--vertical", isFade && "ald-carousel--fade", className),
-		style,
-		role: "region",
-		"aria-roledescription": "carousel",
-		"aria-label": "Carousel",
-		children: [
-			dotPosition === "top" && dotsEl,
-			/* @__PURE__ */ jsx("div", {
-				className: "ald-carousel-viewport",
-				ref: emblaRef,
-				children: /* @__PURE__ */ jsx("div", {
-					className: "ald-carousel-container",
-					children: slides.map((slide, index) => /* @__PURE__ */ jsx("div", {
-						className: cn("ald-carousel-slide", isFade && index === selectedIndex && "ald-carousel-slide--active"),
-						style: isFade ? void 0 : slideStyle,
-						role: "group",
-						"aria-roledescription": "slide",
-						"aria-label": `${index + 1} of ${slides.length}`,
-						"aria-hidden": index === selectedIndex ? void 0 : true,
-						children: slide
-					}, index))
-				})
-			}),
-			dotPosition !== "top" && dotsEl
-		]
-	});
+	let t19;
+	if ($[31] !== dotPosition || $[32] !== dots || $[33] !== goTo || $[34] !== scrollSnaps || $[35] !== selectedIndex) {
+		t19 = dots && scrollSnaps.length > 1 ? /* @__PURE__ */ jsx("div", {
+			className: cn("ald-carousel-dots", `ald-carousel-dots--${dotPosition}`),
+			children: scrollSnaps.map((_, index_0) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: cn("ald-carousel-dot", index_0 === selectedIndex && "ald-carousel-dot--active"),
+				onClick: () => goTo(index_0),
+				"aria-label": `Go to slide ${index_0 + 1}`,
+				"aria-current": index_0 === selectedIndex ? "true" : void 0
+			}, index_0))
+		}) : null;
+		$[31] = dotPosition;
+		$[32] = dots;
+		$[33] = goTo;
+		$[34] = scrollSnaps;
+		$[35] = selectedIndex;
+		$[36] = t19;
+	} else t19 = $[36];
+	const dotsEl = t19;
+	const t20 = isVertical && "ald-carousel--vertical";
+	const t21 = isFade && "ald-carousel--fade";
+	let t22;
+	if ($[37] !== className || $[38] !== t20 || $[39] !== t21) {
+		t22 = cn("ald-carousel", t20, t21, className);
+		$[37] = className;
+		$[38] = t20;
+		$[39] = t21;
+		$[40] = t22;
+	} else t22 = $[40];
+	const t23 = "region";
+	const t24 = "carousel";
+	const t25 = "Carousel";
+	const t26 = dotPosition === "top" && dotsEl;
+	const t27 = "ald-carousel-viewport";
+	const t28 = "ald-carousel-container";
+	const t29 = slides.map((slide, index_1) => /* @__PURE__ */ jsx("div", {
+		className: cn("ald-carousel-slide", isFade && index_1 === selectedIndex && "ald-carousel-slide--active"),
+		style: isFade ? void 0 : slideStyle,
+		role: "group",
+		"aria-roledescription": "slide",
+		"aria-label": `${index_1 + 1} of ${slides.length}`,
+		"aria-hidden": index_1 === selectedIndex ? void 0 : true,
+		children: slide
+	}, index_1));
+	let t30;
+	if ($[41] !== t29) {
+		t30 = /* @__PURE__ */ jsx("div", {
+			className: t28,
+			children: t29
+		});
+		$[41] = t29;
+		$[42] = t30;
+	} else t30 = $[42];
+	let t31;
+	if ($[43] !== emblaRef || $[44] !== t30) {
+		t31 = /* @__PURE__ */ jsx("div", {
+			className: t27,
+			ref: emblaRef,
+			children: t30
+		});
+		$[43] = emblaRef;
+		$[44] = t30;
+		$[45] = t31;
+	} else t31 = $[45];
+	const t32 = dotPosition !== "top" && dotsEl;
+	let t33;
+	if ($[46] !== style || $[47] !== t22 || $[48] !== t26 || $[49] !== t31 || $[50] !== t32) {
+		t33 = /* @__PURE__ */ jsxs("div", {
+			className: t22,
+			style,
+			role: t23,
+			"aria-roledescription": t24,
+			"aria-label": t25,
+			children: [
+				t26,
+				t31,
+				t32
+			]
+		});
+		$[46] = style;
+		$[47] = t22;
+		$[48] = t26;
+		$[49] = t31;
+		$[50] = t32;
+		$[51] = t33;
+	} else t33 = $[51];
+	return t33;
 });
 Carousel.displayName = "Carousel";
 //#endregion

package/dist/Carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Carousel/index.tsx"],"sourcesContent":["import useEmblaCarousel from 'embla-carousel-react';\nimport type { EmblaCarouselType } from 'embla-carousel';\nimport Autoplay from 'embla-carousel-autoplay';\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { cn } from '../lib/utils';\nimport './carousel.css';\n\nexport interface CarouselProps {\n  /** Enable autoplay */\n  autoplay?: boolean;\n  /** Autoplay interval in milliseconds (default 3000) */\n  autoplaySpeed?: number;\n  /** Show dot indicators (default true) */\n  dots?: boolean;\n  /** Position of dot indicators */\n  dotPosition?: 'top' | 'bottom' | 'left' | 'right';\n  /** Slide transition effect */\n  effect?: 'scrollx' | 'fade';\n  /** Easing function name — reserved for future use */\n  easing?: string;\n  /** Enable infinite loop (default false) */\n  infinite?: boolean;\n  /** Number of slides to show at once (default 1) */\n  slidesToShow?: number;\n  /** Number of slides to scroll per step (default 1) */\n  slidesToScroll?: number;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  /** Called after the slide index changes */\n  afterChange?: (current: number) => void;\n  /** Called before the slide index changes */\n  beforeChange?: (from: number, to: number) => void;\n}\n\nexport interface CarouselRef {\n  goTo: (slide: number) => void;\n  next: () => void;\n  prev: () => void;\n}\n\nconst Carousel = React.forwardRef<CarouselRef, CarouselProps>((props, ref) => {\n  const {\n    autoplay: autoplayEnabled = false,\n    autoplaySpeed = 3000,\n    dots = true,\n    dotPosition = 'bottom',\n    effect = 'scrollx',\n    infinite = false,\n    slidesToShow = 1,\n    slidesToScroll = 1,\n    className,\n    style,\n    children,\n    afterChange,\n    beforeChange,\n  } = props;\n\n  const slides = React.Children.toArray(children);\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const [scrollSnaps, setScrollSnaps] = useState<number[]>([]);\n  const previousIndexRef = useRef(0);\n  const isFade = effect === 'fade';\n\n  // Build embla plugins array\n  const plugins = useMemo(() => {\n    const list = [];\n    if (autoplayEnabled) {\n      list.push(\n        Autoplay({\n          delay: autoplaySpeed,\n          stopOnInteraction: false,\n          stopOnMouseEnter: true,\n        }),\n      );\n    }\n    return list;\n  }, [autoplayEnabled, autoplaySpeed]);\n\n  // Embla options\n  const emblaOptions = useMemo(\n    () => ({\n      loop: infinite,\n      slidesToScroll,\n      align: 'start' as const,\n      ...(isFade\n        ? {\n            // For fade effect we disable dragging; transitions are CSS-only\n            watchDrag: false,\n          }\n        : {}),\n    }),\n    [infinite, slidesToScroll, isFade],\n  );\n\n  const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, plugins);\n\n  // ── Sync selected index ──\n  const onSelect = useCallback(\n    (api: EmblaCarouselType) => {\n      const newIndex = api.selectedScrollSnap();\n      const prevIndex = previousIndexRef.current;\n      if (newIndex !== prevIndex) {\n        beforeChange?.(prevIndex, newIndex);\n      }\n      setSelectedIndex(newIndex);\n      previousIndexRef.current = newIndex;\n      if (newIndex !== prevIndex) {\n        afterChange?.(newIndex);\n      }\n    },\n    [beforeChange, afterChange],\n  );\n\n  useEffect(() => {\n    if (!emblaApi) return;\n\n    setScrollSnaps(emblaApi.scrollSnapList());\n    onSelect(emblaApi);\n\n    emblaApi.on('select', onSelect);\n    emblaApi.on('reInit', onSelect);\n\n    return () => {\n      emblaApi.off('select', onSelect);\n      emblaApi.off('reInit', onSelect);\n    };\n  }, [emblaApi, onSelect]);\n\n  // ── Imperative API ──\n  const goTo = useCallback(\n    (index: number) => {\n      emblaApi?.scrollTo(index);\n    },\n    [emblaApi],\n  );\n\n  const next = useCallback(() => {\n    emblaApi?.scrollNext();\n  }, [emblaApi]);\n\n  const prev = useCallback(() => {\n    emblaApi?.scrollPrev();\n  }, [emblaApi]);\n\n  React.useImperativeHandle(ref, () => ({ goTo, next, prev }));\n\n  // ── Slide width for slidesToShow ──\n  const slideStyle: React.CSSProperties = useMemo(\n    () =>\n      slidesToShow > 1\n        ? { flex: `0 0 ${100 / slidesToShow}%` }\n        : { flex: '0 0 100%' },\n    [slidesToShow],\n  );\n\n  // ── Vertical carousel support ──\n  const isVertical = dotPosition === 'left' || dotPosition === 'right';\n\n  // ── Render dots ──\n  const dotsEl =\n    dots && scrollSnaps.length > 1 ? (\n      <div\n        className={cn('ald-carousel-dots', `ald-carousel-dots--${dotPosition}`)}\n      >\n        {scrollSnaps.map((_, index) => (\n          <button\n            type=\"button\"\n            key={index}\n            className={cn(\n              'ald-carousel-dot',\n              index === selectedIndex && 'ald-carousel-dot--active',\n            )}\n            onClick={() => goTo(index)}\n            aria-label={`Go to slide ${index + 1}`}\n            aria-current={index === selectedIndex ? 'true' : undefined}\n          />\n        ))}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={cn(\n        'ald-carousel',\n        isVertical && 'ald-carousel--vertical',\n        isFade && 'ald-carousel--fade',\n        className,\n      )}\n      style={style}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label=\"Carousel\"\n    >\n      {dotPosition === 'top' && dotsEl}\n\n      <div className=\"ald-carousel-viewport\" ref={emblaRef}>\n        <div className=\"ald-carousel-container\">\n          {slides.map((slide, index) => (\n            <div\n              key={index}\n              className={cn(\n                'ald-carousel-slide',\n                isFade &&\n                  index === selectedIndex &&\n                  'ald-carousel-slide--active',\n              )}\n              style={isFade ? undefined : slideStyle}\n              role=\"group\"\n              aria-roledescription=\"slide\"\n              aria-label={`${index + 1} of ${slides.length}`}\n              aria-hidden={index === selectedIndex ? undefined : true}\n            >\n              {slide}\n            </div>\n          ))}\n        </div>\n      </div>\n\n      {dotPosition !== 'top' && dotsEl}\n    </div>\n  );\n});\n\nCarousel.displayName = 'Carousel';\n\nexport default Carousel;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["useEmblaCarousel","EmblaCarouselType","Autoplay","React","useCallback","useEffect","useMemo","useRef","useState","cn","CarouselProps","autoplay","autoplaySpeed","dots","dotPosition","effect","easing","infinite","slidesToShow","slidesToScroll","className","style","CSSProperties","children","ReactNode","afterChange","current","beforeChange","from","to","CarouselRef","goTo","slide","next","prev","Carousel","forwardRef","props","ref","$","_c","t0","t1","t2","t3","t4","t5","t6","t7","autoplayEnabled","undefined","slides","Children","toArray","selectedIndex","setSelectedIndex","t8","Symbol","for","scrollSnaps","setScrollSnaps","previousIndexRef","isFade","list","t9","delay","stopOnInteraction","stopOnMouseEnter","push","plugins","watchDrag","t10","loop","align","const","emblaOptions","emblaRef","emblaApi","t11","api","newIndex","selectedScrollSnap","prevIndex","onSelect","t12","t13","scrollSnapList","on","off","t14","index","scrollTo","t15","scrollNext","t16","scrollPrev","t17","useImperativeHandle","t18","flex","slideStyle","isVertical","t19","length","map","_","index_0","dotsEl","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","index_1","t30","t31","t32","t33","displayName"],"sources":["../../src/Carousel/index.tsx"],"sourcesContent":["import useEmblaCarousel from 'embla-carousel-react';\nimport type { EmblaCarouselType } from 'embla-carousel';\nimport Autoplay from 'embla-carousel-autoplay';\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { cn } from '../lib/utils';\nimport './carousel.css';\n\nexport interface CarouselProps {\n  /** Enable autoplay */\n  autoplay?: boolean;\n  /** Autoplay interval in milliseconds (default 3000) */\n  autoplaySpeed?: number;\n  /** Show dot indicators (default true) */\n  dots?: boolean;\n  /** Position of dot indicators */\n  dotPosition?: 'top' | 'bottom' | 'left' | 'right';\n  /** Slide transition effect */\n  effect?: 'scrollx' | 'fade';\n  /** Easing function name — reserved for future use */\n  easing?: string;\n  /** Enable infinite loop (default false) */\n  infinite?: boolean;\n  /** Number of slides to show at once (default 1) */\n  slidesToShow?: number;\n  /** Number of slides to scroll per step (default 1) */\n  slidesToScroll?: number;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  /** Called after the slide index changes */\n  afterChange?: (current: number) => void;\n  /** Called before the slide index changes */\n  beforeChange?: (from: number, to: number) => void;\n}\n\nexport interface CarouselRef {\n  goTo: (slide: number) => void;\n  next: () => void;\n  prev: () => void;\n}\n\nconst Carousel = React.forwardRef<CarouselRef, CarouselProps>((props, ref) => {\n  const {\n    autoplay: autoplayEnabled = false,\n    autoplaySpeed = 3000,\n    dots = true,\n    dotPosition = 'bottom',\n    effect = 'scrollx',\n    infinite = false,\n    slidesToShow = 1,\n    slidesToScroll = 1,\n    className,\n    style,\n    children,\n    afterChange,\n    beforeChange,\n  } = props;\n\n  const slides = React.Children.toArray(children);\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const [scrollSnaps, setScrollSnaps] = useState<number[]>([]);\n  const previousIndexRef = useRef(0);\n  const isFade = effect === 'fade';\n\n  // Build embla plugins array\n  const plugins = useMemo(() => {\n    const list = [];\n    if (autoplayEnabled) {\n      list.push(\n        Autoplay({\n          delay: autoplaySpeed,\n          stopOnInteraction: false,\n          stopOnMouseEnter: true,\n        }),\n      );\n    }\n    return list;\n  }, [autoplayEnabled, autoplaySpeed]);\n\n  // Embla options\n  const emblaOptions = useMemo(\n    () => ({\n      loop: infinite,\n      slidesToScroll,\n      align: 'start' as const,\n      ...(isFade\n        ? {\n            // For fade effect we disable dragging; transitions are CSS-only\n            watchDrag: false,\n          }\n        : {}),\n    }),\n    [infinite, slidesToScroll, isFade],\n  );\n\n  const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, plugins);\n\n  // ── Sync selected index ──\n  const onSelect = useCallback(\n    (api: EmblaCarouselType) => {\n      const newIndex = api.selectedScrollSnap();\n      const prevIndex = previousIndexRef.current;\n      if (newIndex !== prevIndex) {\n        beforeChange?.(prevIndex, newIndex);\n      }\n      setSelectedIndex(newIndex);\n      previousIndexRef.current = newIndex;\n      if (newIndex !== prevIndex) {\n        afterChange?.(newIndex);\n      }\n    },\n    [beforeChange, afterChange],\n  );\n\n  useEffect(() => {\n    if (!emblaApi) return;\n\n    setScrollSnaps(emblaApi.scrollSnapList());\n    onSelect(emblaApi);\n\n    emblaApi.on('select', onSelect);\n    emblaApi.on('reInit', onSelect);\n\n    return () => {\n      emblaApi.off('select', onSelect);\n      emblaApi.off('reInit', onSelect);\n    };\n  }, [emblaApi, onSelect]);\n\n  // ── Imperative API ──\n  const goTo = useCallback(\n    (index: number) => {\n      emblaApi?.scrollTo(index);\n    },\n    [emblaApi],\n  );\n\n  const next = useCallback(() => {\n    emblaApi?.scrollNext();\n  }, [emblaApi]);\n\n  const prev = useCallback(() => {\n    emblaApi?.scrollPrev();\n  }, [emblaApi]);\n\n  React.useImperativeHandle(ref, () => ({ goTo, next, prev }));\n\n  // ── Slide width for slidesToShow ──\n  const slideStyle: React.CSSProperties = useMemo(\n    () =>\n      slidesToShow > 1\n        ? { flex: `0 0 ${100 / slidesToShow}%` }\n        : { flex: '0 0 100%' },\n    [slidesToShow],\n  );\n\n  // ── Vertical carousel support ──\n  const isVertical = dotPosition === 'left' || dotPosition === 'right';\n\n  // ── Render dots ──\n  const dotsEl =\n    dots && scrollSnaps.length > 1 ? (\n      <div\n        className={cn('ald-carousel-dots', `ald-carousel-dots--${dotPosition}`)}\n      >\n        {scrollSnaps.map((_, index) => (\n          <button\n            type=\"button\"\n            key={index}\n            className={cn(\n              'ald-carousel-dot',\n              index === selectedIndex && 'ald-carousel-dot--active',\n            )}\n            onClick={() => goTo(index)}\n            aria-label={`Go to slide ${index + 1}`}\n            aria-current={index === selectedIndex ? 'true' : undefined}\n          />\n        ))}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={cn(\n        'ald-carousel',\n        isVertical && 'ald-carousel--vertical',\n        isFade && 'ald-carousel--fade',\n        className,\n      )}\n      style={style}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label=\"Carousel\"\n    >\n      {dotPosition === 'top' && dotsEl}\n\n      <div className=\"ald-carousel-viewport\" ref={emblaRef}>\n        <div className=\"ald-carousel-container\">\n          {slides.map((slide, index) => (\n            <div\n              key={index}\n              className={cn(\n                'ald-carousel-slide',\n                isFade &&\n                  index === selectedIndex &&\n                  'ald-carousel-slide--active',\n              )}\n              style={isFade ? undefined : slideStyle}\n              role=\"group\"\n              aria-roledescription=\"slide\"\n              aria-label={`${index + 1} of ${slides.length}`}\n              aria-hidden={index === selectedIndex ? undefined : true}\n            >\n              {slide}\n            </div>\n          ))}\n        </div>\n      </div>\n\n      {dotPosition !== 'top' && dotsEl}\n    </div>\n  );\n});\n\nCarousel.displayName = 'Carousel';\n\nexport default Carousel;\n"],"mappings":"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"}

package/dist/Carousel.js

@@ -0,0 +1,2 @@
+export * from './Carousel/index.js';
+export { default } from './Carousel/index.js';

package/dist/Checkbox/component/CheckboxGroup/index.d.ts

@@ -1 +1 @@
-export { default } from '../../index';
+export { default } from '../../index.js';

package/dist/Checkbox/component/CheckboxGroup.js

@@ -0,0 +1,2 @@
+export * from './CheckboxGroup/index.js';
+export { default } from './CheckboxGroup/index.js';

package/dist/Checkbox/index.d.ts

@@ -1,10 +1,11 @@
+import { default as React } from 'react';
 import { CheckboxChangeEvent, CheckboxValueType, ICheckboxGroupProps, ICheckboxProps } from './type.js';
 export type { CheckboxChangeEvent, CheckboxValueType };
 export type { CheckboxOptionType } from './type.js';
 export type { ICheckboxProps, ICheckboxGroupProps };
-declare function Checkbox(props: ICheckboxProps): import("react/jsx-runtime").JSX.Element;
+declare function Checkbox(props: ICheckboxProps): React.JSX.Element;
 declare namespace Checkbox {
     var Group: typeof CheckboxGroup;
 }
-declare function CheckboxGroup(props: ICheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function CheckboxGroup(props: ICheckboxGroupProps): React.JSX.Element;
 export default Checkbox;