@particle-academy/react-fancy 5.12.0 → 5.13.1

package/dist/chunk-2PELJ4VA.cjs

@@ -0,0 +1,335 @@
+'use strict';
+
+var chunkOUOEQZHY_cjs = require('./chunk-OUOEQZHY.cjs');
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var CarouselContext = react.createContext(null);
+CarouselContext.displayName = "CarouselContext";
+function useCarousel() {
+  const ctx = react.useContext(CarouselContext);
+  if (!ctx) {
+    throw new Error("Carousel compound components must be used within <Carousel>");
+  }
+  return ctx;
+}
+var CarouselPanels = react.forwardRef(
+  ({ children, className, transition = "none" }, ref) => {
+    const { activeIndex, registerSlides, registerSlideNames } = useCarousel();
+    const slides = react.Children.toArray(children);
+    const prevIndexRef = react.useRef(activeIndex);
+    const [transitionState, setTransitionState] = react.useState("idle");
+    react.useEffect(() => {
+      registerSlides(slides.length);
+    }, [slides.length, registerSlides]);
+    react.useEffect(() => {
+      const names = slides.map((slide) => {
+        if (react.isValidElement(slide) && slide.props.name) {
+          return slide.props.name;
+        }
+        return "";
+      });
+      registerSlideNames(names);
+    }, [slides.length, registerSlideNames]);
+    react.useEffect(() => {
+      if (transition !== "fade") {
+        return;
+      }
+      if (prevIndexRef.current !== activeIndex) {
+        setTransitionState("enter");
+        const timer = setTimeout(() => {
+          setTransitionState("idle");
+        }, 300);
+        prevIndexRef.current = activeIndex;
+        return () => clearTimeout(timer);
+      }
+    }, [activeIndex, transition]);
+    if (transition === "fade") {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-react-fancy-carousel-panels": "", className: chunk3Z6ALUWP_cjs.cn("relative overflow-hidden", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: chunk3Z6ALUWP_cjs.cn(
+            transitionState === "enter" && "fancy-fade-in"
+          ),
+          style: {
+            animationDuration: transitionState === "enter" ? "300ms" : void 0
+          },
+          children: slides[activeIndex]
+        },
+        activeIndex
+      ) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-react-fancy-carousel-panels": "", className: chunk3Z6ALUWP_cjs.cn("relative overflow-hidden", className), children: slides[activeIndex] });
+  }
+);
+CarouselPanels.displayName = "CarouselPanels";
+var CarouselSlide = react.forwardRef(
+  ({ children, className, name: _name }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-react-fancy-carousel-slide": "", className: chunk3Z6ALUWP_cjs.cn("w-full", className), children });
+  }
+);
+CarouselSlide.displayName = "CarouselSlide";
+var CarouselControls = react.forwardRef(
+  ({
+    className,
+    prevLabel,
+    nextLabel,
+    finishLabel
+  }, ref) => {
+    const { prev, next, activeIndex, totalSlides, variant, loop, onFinish, headless } = useCarousel();
+    if (headless) {
+      return null;
+    }
+    const isFirst = activeIndex === 0;
+    const isLast = activeIndex === totalSlides - 1;
+    if (variant === "wizard") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, "data-react-fancy-carousel-controls": "", className: chunk3Z6ALUWP_cjs.cn("flex items-center gap-2", className), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: prev,
+            disabled: isFirst,
+            className: "rounded-lg border px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-600",
+            children: prevLabel ?? "Back"
+          }
+        ),
+        isLast ? /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onFinish,
+            className: "rounded-lg border border-blue-500 bg-blue-500 px-3 py-1 text-sm text-white hover:bg-blue-600",
+            children: finishLabel ?? "Finish"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: next,
+            className: "rounded-lg border px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-600",
+            children: nextLabel ?? "Next"
+          }
+        )
+      ] });
+    }
+    const prevDisabled = !loop && isFirst;
+    const nextDisabled = !loop && isLast;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, "data-react-fancy-carousel-controls": "", className: chunk3Z6ALUWP_cjs.cn("flex items-center gap-2", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: prev,
+          disabled: prevDisabled,
+          className: "rounded-lg border px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-600",
+          children: prevLabel ?? "\u2190"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: next,
+          disabled: nextDisabled,
+          className: "rounded-lg border px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-600",
+          children: nextLabel ?? "\u2192"
+        }
+      )
+    ] });
+  }
+);
+CarouselControls.displayName = "CarouselControls";
+var CarouselSteps = react.forwardRef(
+  ({ className }, ref) => {
+    const { activeIndex, totalSlides, goTo, variant, slideNames, headless } = useCarousel();
+    if (headless) {
+      return null;
+    }
+    if (variant === "wizard") {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-react-fancy-carousel-steps": "", className: chunk3Z6ALUWP_cjs.cn("flex items-center gap-3", className), children: Array.from({ length: totalSlides }, (_, i) => {
+        const isActive = i === activeIndex;
+        const isCompleted = i < activeIndex;
+        const name = slideNames[i];
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => goTo(i),
+            className: chunk3Z6ALUWP_cjs.cn(
+              "flex items-center gap-1.5 text-sm font-medium transition-colors",
+              isActive && "text-blue-600 dark:text-blue-400",
+              isCompleted && "text-green-600 dark:text-green-400",
+              !isActive && !isCompleted && "text-zinc-400 dark:text-zinc-500"
+            ),
+            "aria-label": name || `Step ${i + 1}`,
+            "aria-current": isActive ? "step" : void 0,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: chunk3Z6ALUWP_cjs.cn(
+                    "flex h-6 w-6 items-center justify-center rounded-full text-xs",
+                    isActive && "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
+                    isCompleted && "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300",
+                    !isActive && !isCompleted && "bg-zinc-100 text-zinc-500 dark:bg-zinc-800 dark:text-zinc-500"
+                  ),
+                  children: isCompleted ? "\u2713" : i + 1
+                }
+              ),
+              name && /* @__PURE__ */ jsxRuntime.jsx("span", { children: name })
+            ]
+          },
+          i
+        );
+      }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-react-fancy-carousel-steps": "", className: chunk3Z6ALUWP_cjs.cn("flex items-center gap-1.5", className), children: Array.from({ length: totalSlides }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => goTo(i),
+        className: chunk3Z6ALUWP_cjs.cn(
+          "h-2 w-2 rounded-full transition-colors",
+          i === activeIndex ? "bg-zinc-800 dark:bg-white" : "bg-zinc-300 dark:bg-zinc-600"
+        ),
+        "aria-label": `Go to slide ${i + 1}`
+      },
+      i
+    )) });
+  }
+);
+CarouselSteps.displayName = "CarouselSteps";
+var CarouselRoot = react.forwardRef(
+  ({
+    children,
+    defaultIndex = 0,
+    activeIndex: controlledIndex,
+    onIndexChange,
+    className,
+    autoPlay = false,
+    interval = 5e3,
+    loop = false,
+    variant = "directional",
+    headless = false,
+    onFinish
+  }, ref) => {
+    const [activeIndex, setActiveIndex] = chunkOUOEQZHY_cjs.useControllableState(
+      controlledIndex,
+      defaultIndex,
+      onIndexChange
+    );
+    const [totalSlides, setTotalSlides] = react.useState(0);
+    const [slideNames, setSlideNames] = react.useState([]);
+    const [isPaused, setIsPaused] = react.useState(false);
+    const onFinishRef = react.useRef(onFinish);
+    onFinishRef.current = onFinish;
+    const registerSlides = react.useCallback((count) => {
+      setTotalSlides(count);
+    }, []);
+    const registerSlideNames = react.useCallback((names) => {
+      setSlideNames(names);
+    }, []);
+    const next = react.useCallback(() => {
+      setActiveIndex((i) => {
+        if (i >= totalSlides - 1) {
+          return loop ? 0 : i;
+        }
+        return i + 1;
+      });
+    }, [totalSlides, loop, setActiveIndex]);
+    const prev = react.useCallback(() => {
+      setActiveIndex((i) => {
+        if (i <= 0) {
+          return loop ? totalSlides - 1 : i;
+        }
+        return i - 1;
+      });
+    }, [totalSlides, loop, setActiveIndex]);
+    const goTo = react.useCallback(
+      (index) => setActiveIndex(index),
+      [setActiveIndex]
+    );
+    react.useEffect(() => {
+      if (!autoPlay || isPaused || totalSlides <= 1) {
+        return;
+      }
+      const id = setInterval(() => {
+        setActiveIndex((i) => {
+          if (i >= totalSlides - 1) {
+            return loop ? 0 : i;
+          }
+          return i + 1;
+        });
+      }, interval);
+      return () => clearInterval(id);
+    }, [autoPlay, interval, isPaused, totalSlides, loop, setActiveIndex]);
+    const ctx = react.useMemo(
+      () => ({
+        activeIndex,
+        totalSlides,
+        next,
+        prev,
+        goTo,
+        registerSlides,
+        variant,
+        loop,
+        slideNames,
+        registerSlideNames,
+        onFinish: onFinishRef.current,
+        headless
+      }),
+      [
+        activeIndex,
+        totalSlides,
+        next,
+        prev,
+        goTo,
+        registerSlides,
+        variant,
+        loop,
+        slideNames,
+        registerSlideNames,
+        headless
+      ]
+    );
+    const handleMouseEnter = react.useCallback(() => {
+      if (autoPlay) {
+        setIsPaused(true);
+      }
+    }, [autoPlay]);
+    const handleMouseLeave = react.useCallback(() => {
+      if (autoPlay) {
+        setIsPaused(false);
+      }
+    }, [autoPlay]);
+    return /* @__PURE__ */ jsxRuntime.jsx(CarouselContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-react-fancy-carousel": "",
+        ref,
+        className: chunk3Z6ALUWP_cjs.cn("relative", className),
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children
+      }
+    ) });
+  }
+);
+CarouselRoot.displayName = "Carousel";
+var Carousel = Object.assign(CarouselRoot, {
+  Panels: CarouselPanels,
+  Slide: CarouselSlide,
+  Controls: CarouselControls,
+  Steps: CarouselSteps
+});
+
+exports.Carousel = Carousel;
+exports.CarouselControls = CarouselControls;
+exports.CarouselPanels = CarouselPanels;
+exports.CarouselSlide = CarouselSlide;
+exports.CarouselSteps = CarouselSteps;
+exports.useCarousel = useCarousel;
+//# sourceMappingURL=chunk-2PELJ4VA.cjs.map
+//# sourceMappingURL=chunk-2PELJ4VA.cjs.map

package/dist/chunk-2PELJ4VA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Carousel/Carousel.context.ts","../src/components/Carousel/CarouselPanels.tsx","../src/components/Carousel/CarouselSlide.tsx","../src/components/Carousel/CarouselControls.tsx","../src/components/Carousel/CarouselSteps.tsx","../src/components/Carousel/Carousel.tsx"],"names":["createContext","useContext","forwardRef","Children","useRef","useState","useEffect","isValidElement","jsx","cn","jsxs","useControllableState","useCallback","useMemo"],"mappings":"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","file":"chunk-2PELJ4VA.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { CarouselContextValue } from \"./Carousel.types\";\n\nexport const CarouselContext = createContext<CarouselContextValue | null>(null);\nCarouselContext.displayName = \"CarouselContext\";\n\nexport function useCarousel(): CarouselContextValue {\n  const ctx = useContext(CarouselContext);\n  if (!ctx) {\n    throw new Error(\"Carousel compound components must be used within <Carousel>\");\n  }\n  return ctx;\n}\n","import { Children, forwardRef, isValidElement, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useCarousel } from \"./Carousel.context\";\nimport type { CarouselPanelsProps, CarouselSlideProps } from \"./Carousel.types\";\n\nexport const CarouselPanels = forwardRef<HTMLDivElement, CarouselPanelsProps>(\n  ({ children, className, transition = \"none\" }, ref) => {\n    const { activeIndex, registerSlides, registerSlideNames } = useCarousel();\n    const slides = Children.toArray(children);\n    const prevIndexRef = useRef(activeIndex);\n    const [transitionState, setTransitionState] = useState<\"enter\" | \"idle\">(\"idle\");\n\n    // Register slide count\n    useEffect(() => {\n      registerSlides(slides.length);\n    }, [slides.length, registerSlides]);\n\n    // Register slide names from the `name` prop on each Carousel.Slide\n    useEffect(() => {\n      const names = slides.map((slide) => {\n        if (isValidElement<CarouselSlideProps>(slide) && slide.props.name) {\n          return slide.props.name;\n        }\n        return \"\";\n      });\n      registerSlideNames(names);\n    }, [slides.length, registerSlideNames]); // eslint-disable-line react-hooks/exhaustive-deps\n\n    // Handle fade transition when activeIndex changes\n    useEffect(() => {\n      if (transition !== \"fade\") {\n        return;\n      }\n\n      if (prevIndexRef.current !== activeIndex) {\n        setTransitionState(\"enter\");\n        const timer = setTimeout(() => {\n          setTransitionState(\"idle\");\n        }, 300);\n        prevIndexRef.current = activeIndex;\n        return () => clearTimeout(timer);\n      }\n    }, [activeIndex, transition]);\n\n    if (transition === \"fade\") {\n      return (\n        <div ref={ref} data-react-fancy-carousel-panels=\"\" className={cn(\"relative overflow-hidden\", className)}>\n          <div\n            key={activeIndex}\n            className={cn(\n              transitionState === \"enter\" && \"fancy-fade-in\",\n            )}\n            style={{\n              animationDuration: transitionState === \"enter\" ? \"300ms\" : undefined,\n            }}\n          >\n            {slides[activeIndex]}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div ref={ref} data-react-fancy-carousel-panels=\"\" className={cn(\"relative overflow-hidden\", className)}>\n        {slides[activeIndex]}\n      </div>\n    );\n  },\n);\n\nCarouselPanels.displayName = \"CarouselPanels\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CarouselSlideProps } from \"./Carousel.types\";\n\nexport const CarouselSlide = forwardRef<HTMLDivElement, CarouselSlideProps>(\n  ({ children, className, name: _name }, ref) => {\n    return (\n      <div ref={ref} data-react-fancy-carousel-slide=\"\" className={cn(\"w-full\", className)}>\n        {children}\n      </div>\n    );\n  },\n);\n\nCarouselSlide.displayName = \"CarouselSlide\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useCarousel } from \"./Carousel.context\";\nimport type { CarouselControlsProps } from \"./Carousel.types\";\n\nexport const CarouselControls = forwardRef<HTMLDivElement, CarouselControlsProps>(\n  (\n    {\n      className,\n      prevLabel,\n      nextLabel,\n      finishLabel,\n    },\n    ref,\n  ) => {\n    const { prev, next, activeIndex, totalSlides, variant, loop, onFinish, headless } = useCarousel();\n\n    if (headless) {\n      return null;\n    }\n\n    const isFirst = activeIndex === 0;\n    const isLast = activeIndex === totalSlides - 1;\n\n    if (variant === \"wizard\") {\n      return (\n        <div ref={ref} data-react-fancy-carousel-controls=\"\" className={cn(\"flex items-center gap-2\", className)}>\n          <button\n            type=\"button\"\n            onClick={prev}\n            disabled={isFirst}\n            className=\"rounded-lg border px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-600\"\n          >\n            {prevLabel ?? \"Back\"}\n          </button>\n          {isLast ? (\n            <button\n              type=\"button\"\n              onClick={onFinish}\n              className=\"rounded-lg border border-blue-500 bg-blue-500 px-3 py-1 text-sm text-white hover:bg-blue-600\"\n            >\n              {finishLabel ?? \"Finish\"}\n            </button>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={next}\n              className=\"rounded-lg border px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-600\"\n            >\n              {nextLabel ?? \"Next\"}\n            </button>\n          )}\n        </div>\n      );\n    }\n\n    // Directional variant (default)\n    const prevDisabled = !loop && isFirst;\n    const nextDisabled = !loop && isLast;\n\n    return (\n      <div ref={ref} data-react-fancy-carousel-controls=\"\" className={cn(\"flex items-center gap-2\", className)}>\n        <button\n          type=\"button\"\n          onClick={prev}\n          disabled={prevDisabled}\n          className=\"rounded-lg border px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-600\"\n        >\n          {prevLabel ?? \"\\u2190\"}\n        </button>\n        <button\n          type=\"button\"\n          onClick={next}\n          disabled={nextDisabled}\n          className=\"rounded-lg border px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-600\"\n        >\n          {nextLabel ?? \"\\u2192\"}\n        </button>\n      </div>\n    );\n  },\n);\n\nCarouselControls.displayName = \"CarouselControls\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useCarousel } from \"./Carousel.context\";\nimport type { CarouselStepsProps } from \"./Carousel.types\";\n\nexport const CarouselSteps = forwardRef<HTMLDivElement, CarouselStepsProps>(\n  ({ className }, ref) => {\n    const { activeIndex, totalSlides, goTo, variant, slideNames, headless } = useCarousel();\n\n    if (headless) {\n      return null;\n    }\n\n    if (variant === \"wizard\") {\n      return (\n        <div ref={ref} data-react-fancy-carousel-steps=\"\" className={cn(\"flex items-center gap-3\", className)}>\n          {Array.from({ length: totalSlides }, (_, i) => {\n            const isActive = i === activeIndex;\n            const isCompleted = i < activeIndex;\n            const name = slideNames[i];\n\n            return (\n              <button\n                key={i}\n                type=\"button\"\n                onClick={() => goTo(i)}\n                className={cn(\n                  \"flex items-center gap-1.5 text-sm font-medium transition-colors\",\n                  isActive && \"text-blue-600 dark:text-blue-400\",\n                  isCompleted && \"text-green-600 dark:text-green-400\",\n                  !isActive && !isCompleted && \"text-zinc-400 dark:text-zinc-500\",\n                )}\n                aria-label={name || `Step ${i + 1}`}\n                aria-current={isActive ? \"step\" : undefined}\n              >\n                <span\n                  className={cn(\n                    \"flex h-6 w-6 items-center justify-center rounded-full text-xs\",\n                    isActive && \"bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300\",\n                    isCompleted && \"bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300\",\n                    !isActive && !isCompleted && \"bg-zinc-100 text-zinc-500 dark:bg-zinc-800 dark:text-zinc-500\",\n                  )}\n                >\n                  {isCompleted ? \"\\u2713\" : i + 1}\n                </span>\n                {name && <span>{name}</span>}\n              </button>\n            );\n          })}\n        </div>\n      );\n    }\n\n    // Directional variant: dot indicators (default)\n    return (\n      <div ref={ref} data-react-fancy-carousel-steps=\"\" className={cn(\"flex items-center gap-1.5\", className)}>\n        {Array.from({ length: totalSlides }, (_, i) => (\n          <button\n            key={i}\n            type=\"button\"\n            onClick={() => goTo(i)}\n            className={cn(\n              \"h-2 w-2 rounded-full transition-colors\",\n              i === activeIndex ? \"bg-zinc-800 dark:bg-white\" : \"bg-zinc-300 dark:bg-zinc-600\",\n            )}\n            aria-label={`Go to slide ${i + 1}`}\n          />\n        ))}\n      </div>\n    );\n  },\n);\n\nCarouselSteps.displayName = \"CarouselSteps\";\n","import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport { CarouselContext } from \"./Carousel.context\";\nimport { CarouselPanels } from \"./CarouselPanels\";\nimport { CarouselSlide } from \"./CarouselSlide\";\nimport { CarouselControls } from \"./CarouselControls\";\nimport { CarouselSteps } from \"./CarouselSteps\";\nimport type { CarouselProps, CarouselContextValue } from \"./Carousel.types\";\n\nconst CarouselRoot = forwardRef<HTMLDivElement, CarouselProps>(\n  (\n    {\n      children,\n      defaultIndex = 0,\n      activeIndex: controlledIndex,\n      onIndexChange,\n      className,\n      autoPlay = false,\n      interval = 5000,\n      loop = false,\n      variant = \"directional\",\n      headless = false,\n      onFinish,\n    },\n    ref,\n  ) => {\n    const [activeIndex, setActiveIndex] = useControllableState<number>(\n      controlledIndex,\n      defaultIndex,\n      onIndexChange,\n    );\n    const [totalSlides, setTotalSlides] = useState(0);\n    const [slideNames, setSlideNames] = useState<string[]>([]);\n    const [isPaused, setIsPaused] = useState(false);\n    const onFinishRef = useRef(onFinish);\n    onFinishRef.current = onFinish;\n\n    const registerSlides = useCallback((count: number) => {\n      setTotalSlides(count);\n    }, []);\n\n    const registerSlideNames = useCallback((names: string[]) => {\n      setSlideNames(names);\n    }, []);\n\n    const next = useCallback(() => {\n      setActiveIndex((i: number) => {\n        if (i >= totalSlides - 1) {\n          return loop ? 0 : i;\n        }\n        return i + 1;\n      });\n    }, [totalSlides, loop, setActiveIndex]);\n\n    const prev = useCallback(() => {\n      setActiveIndex((i: number) => {\n        if (i <= 0) {\n          return loop ? totalSlides - 1 : i;\n        }\n        return i - 1;\n      });\n    }, [totalSlides, loop, setActiveIndex]);\n\n    const goTo = useCallback(\n      (index: number) => setActiveIndex(index),\n      [setActiveIndex],\n    );\n\n    // AutoPlay\n    useEffect(() => {\n      if (!autoPlay || isPaused || totalSlides <= 1) {\n        return;\n      }\n\n      const id = setInterval(() => {\n        setActiveIndex((i: number) => {\n          if (i >= totalSlides - 1) {\n            return loop ? 0 : i;\n          }\n          return i + 1;\n        });\n      }, interval);\n\n      return () => clearInterval(id);\n    }, [autoPlay, interval, isPaused, totalSlides, loop, setActiveIndex]);\n\n    const ctx = useMemo<CarouselContextValue>(\n      () => ({\n        activeIndex,\n        totalSlides,\n        next,\n        prev,\n        goTo,\n        registerSlides,\n        variant,\n        loop,\n        slideNames,\n        registerSlideNames,\n        onFinish: onFinishRef.current,\n        headless,\n      }),\n      [\n        activeIndex,\n        totalSlides,\n        next,\n        prev,\n        goTo,\n        registerSlides,\n        variant,\n        loop,\n        slideNames,\n        registerSlideNames,\n        headless,\n      ],\n    );\n\n    const handleMouseEnter = useCallback(() => {\n      if (autoPlay) {\n        setIsPaused(true);\n      }\n    }, [autoPlay]);\n\n    const handleMouseLeave = useCallback(() => {\n      if (autoPlay) {\n        setIsPaused(false);\n      }\n    }, [autoPlay]);\n\n    return (\n      <CarouselContext.Provider value={ctx}>\n        <div\n          data-react-fancy-carousel=\"\"\n          ref={ref}\n          className={cn(\"relative\", className)}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          {children}\n        </div>\n      </CarouselContext.Provider>\n    );\n  },\n);\n\nCarouselRoot.displayName = \"Carousel\";\n\nexport const Carousel = Object.assign(CarouselRoot, {\n  Panels: CarouselPanels,\n  Slide: CarouselSlide,\n  Controls: CarouselControls,\n  Steps: CarouselSteps,\n});\n"]}

package/dist/chunk-2S7WRR5P.cjs

@@ -0,0 +1,156 @@
+'use strict';
+
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Badge/Badge.colors.ts
+var badgeSolid = {
+  slate: "bg-slate-600 text-white dark:bg-slate-500",
+  gray: "bg-gray-600 text-white dark:bg-gray-500",
+  zinc: "bg-zinc-600 text-white dark:bg-zinc-500",
+  neutral: "bg-neutral-600 text-white dark:bg-neutral-500",
+  stone: "bg-stone-600 text-white dark:bg-stone-500",
+  red: "bg-red-600 text-white dark:bg-red-500",
+  orange: "bg-orange-600 text-white dark:bg-orange-500",
+  amber: "bg-amber-400 text-amber-950 dark:bg-amber-300 dark:text-amber-950",
+  yellow: "bg-yellow-400 text-yellow-950 dark:bg-yellow-300 dark:text-yellow-950",
+  lime: "bg-lime-400 text-lime-950 dark:bg-lime-300 dark:text-lime-950",
+  green: "bg-green-600 text-white dark:bg-green-500",
+  emerald: "bg-emerald-600 text-white dark:bg-emerald-500",
+  teal: "bg-teal-600 text-white dark:bg-teal-500",
+  cyan: "bg-cyan-600 text-white dark:bg-cyan-500",
+  sky: "bg-sky-600 text-white dark:bg-sky-500",
+  blue: "bg-blue-600 text-white dark:bg-blue-500",
+  indigo: "bg-indigo-600 text-white dark:bg-indigo-500",
+  violet: "bg-violet-600 text-white dark:bg-violet-500",
+  purple: "bg-purple-600 text-white dark:bg-purple-500",
+  fuchsia: "bg-fuchsia-600 text-white dark:bg-fuchsia-500",
+  pink: "bg-pink-600 text-white dark:bg-pink-500",
+  rose: "bg-rose-600 text-white dark:bg-rose-500"
+};
+var badgeOutline = {
+  slate: "border border-slate-300 text-slate-700 dark:border-slate-600 dark:text-slate-300",
+  gray: "border border-gray-300 text-gray-700 dark:border-gray-600 dark:text-gray-300",
+  zinc: "border border-zinc-300 text-zinc-700 dark:border-zinc-600 dark:text-zinc-300",
+  neutral: "border border-neutral-300 text-neutral-700 dark:border-neutral-600 dark:text-neutral-300",
+  stone: "border border-stone-300 text-stone-700 dark:border-stone-600 dark:text-stone-300",
+  red: "border border-red-300 text-red-700 dark:border-red-600 dark:text-red-300",
+  orange: "border border-orange-300 text-orange-700 dark:border-orange-600 dark:text-orange-300",
+  amber: "border border-amber-300 text-amber-700 dark:border-amber-600 dark:text-amber-300",
+  yellow: "border border-yellow-300 text-yellow-700 dark:border-yellow-600 dark:text-yellow-300",
+  lime: "border border-lime-300 text-lime-700 dark:border-lime-600 dark:text-lime-300",
+  green: "border border-green-300 text-green-700 dark:border-green-600 dark:text-green-300",
+  emerald: "border border-emerald-300 text-emerald-700 dark:border-emerald-600 dark:text-emerald-300",
+  teal: "border border-teal-300 text-teal-700 dark:border-teal-600 dark:text-teal-300",
+  cyan: "border border-cyan-300 text-cyan-700 dark:border-cyan-600 dark:text-cyan-300",
+  sky: "border border-sky-300 text-sky-700 dark:border-sky-600 dark:text-sky-300",
+  blue: "border border-blue-300 text-blue-700 dark:border-blue-600 dark:text-blue-300",
+  indigo: "border border-indigo-300 text-indigo-700 dark:border-indigo-600 dark:text-indigo-300",
+  violet: "border border-violet-300 text-violet-700 dark:border-violet-600 dark:text-violet-300",
+  purple: "border border-purple-300 text-purple-700 dark:border-purple-600 dark:text-purple-300",
+  fuchsia: "border border-fuchsia-300 text-fuchsia-700 dark:border-fuchsia-600 dark:text-fuchsia-300",
+  pink: "border border-pink-300 text-pink-700 dark:border-pink-600 dark:text-pink-300",
+  rose: "border border-rose-300 text-rose-700 dark:border-rose-600 dark:text-rose-300"
+};
+var badgeSoft = {
+  slate: "bg-slate-100 text-slate-700 dark:bg-slate-900/30 dark:text-slate-300",
+  gray: "bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-300",
+  zinc: "bg-zinc-100 text-zinc-700 dark:bg-zinc-900/30 dark:text-zinc-300",
+  neutral: "bg-neutral-100 text-neutral-700 dark:bg-neutral-900/30 dark:text-neutral-300",
+  stone: "bg-stone-100 text-stone-700 dark:bg-stone-900/30 dark:text-stone-300",
+  red: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300",
+  orange: "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-300",
+  amber: "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300",
+  yellow: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-300",
+  lime: "bg-lime-100 text-lime-700 dark:bg-lime-900/30 dark:text-lime-300",
+  green: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300",
+  emerald: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300",
+  teal: "bg-teal-100 text-teal-700 dark:bg-teal-900/30 dark:text-teal-300",
+  cyan: "bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300",
+  sky: "bg-sky-100 text-sky-700 dark:bg-sky-900/30 dark:text-sky-300",
+  blue: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300",
+  indigo: "bg-indigo-100 text-indigo-700 dark:bg-indigo-900/30 dark:text-indigo-300",
+  violet: "bg-violet-100 text-violet-700 dark:bg-violet-900/30 dark:text-violet-300",
+  purple: "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300",
+  fuchsia: "bg-fuchsia-100 text-fuchsia-700 dark:bg-fuchsia-900/30 dark:text-fuchsia-300",
+  pink: "bg-pink-100 text-pink-700 dark:bg-pink-900/30 dark:text-pink-300",
+  rose: "bg-rose-100 text-rose-700 dark:bg-rose-900/30 dark:text-rose-300"
+};
+var badgeDot = {
+  slate: "bg-slate-500",
+  gray: "bg-gray-500",
+  zinc: "bg-zinc-500",
+  neutral: "bg-neutral-500",
+  stone: "bg-stone-500",
+  red: "bg-red-500",
+  orange: "bg-orange-500",
+  amber: "bg-amber-500",
+  yellow: "bg-yellow-500",
+  lime: "bg-lime-500",
+  green: "bg-green-500",
+  emerald: "bg-emerald-500",
+  teal: "bg-teal-500",
+  cyan: "bg-cyan-500",
+  sky: "bg-sky-500",
+  blue: "bg-blue-500",
+  indigo: "bg-indigo-500",
+  violet: "bg-violet-500",
+  purple: "bg-purple-500",
+  fuchsia: "bg-fuchsia-500",
+  pink: "bg-pink-500",
+  rose: "bg-rose-500"
+};
+var variantMap = {
+  solid: badgeSolid,
+  outline: badgeOutline,
+  soft: badgeSoft
+};
+var sizeClasses = {
+  sm: "text-xs px-1.5 py-0.5",
+  md: "text-sm px-2 py-0.5",
+  lg: "text-base px-2.5 py-1"
+};
+var Badge = react.forwardRef(
+  ({
+    color = "zinc",
+    variant = "soft",
+    size = "md",
+    dot = false,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        ref,
+        "data-react-fancy-badge": "",
+        className: chunk3Z6ALUWP_cjs.cn(
+          "inline-flex items-center gap-1.5 rounded-full font-medium",
+          sizeClasses[size],
+          variantMap[variant][color],
+          className
+        ),
+        ...props,
+        children: [
+          dot && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: chunk3Z6ALUWP_cjs.cn(
+                "inline-block h-1.5 w-1.5 rounded-full",
+                badgeDot[color]
+              )
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+exports.Badge = Badge;
+//# sourceMappingURL=chunk-2S7WRR5P.cjs.map
+//# sourceMappingURL=chunk-2S7WRR5P.cjs.map

package/dist/chunk-2S7WRR5P.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Badge/Badge.colors.ts","../src/components/Badge/Badge.tsx"],"names":["forwardRef","jsxs","cn","jsx"],"mappings":"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","file":"chunk-2S7WRR5P.cjs","sourcesContent":["// AUTO-GENERATED by scripts/gen-badge-colors — do not edit by hand.\n// Literal Tailwind class strings for every color in the v4 palette so the\n// scanner can detect them in the published dist (template-built names are\n// invisible to Tailwind's JIT). Regenerate after changing the palette.\nimport type { Color } from \"../../utils/types\";\n\nexport const badgeSolid: Record<Color, string> = {\n  slate: \"bg-slate-600 text-white dark:bg-slate-500\",\n  gray: \"bg-gray-600 text-white dark:bg-gray-500\",\n  zinc: \"bg-zinc-600 text-white dark:bg-zinc-500\",\n  neutral: \"bg-neutral-600 text-white dark:bg-neutral-500\",\n  stone: \"bg-stone-600 text-white dark:bg-stone-500\",\n  red: \"bg-red-600 text-white dark:bg-red-500\",\n  orange: \"bg-orange-600 text-white dark:bg-orange-500\",\n  amber: \"bg-amber-400 text-amber-950 dark:bg-amber-300 dark:text-amber-950\",\n  yellow: \"bg-yellow-400 text-yellow-950 dark:bg-yellow-300 dark:text-yellow-950\",\n  lime: \"bg-lime-400 text-lime-950 dark:bg-lime-300 dark:text-lime-950\",\n  green: \"bg-green-600 text-white dark:bg-green-500\",\n  emerald: \"bg-emerald-600 text-white dark:bg-emerald-500\",\n  teal: \"bg-teal-600 text-white dark:bg-teal-500\",\n  cyan: \"bg-cyan-600 text-white dark:bg-cyan-500\",\n  sky: \"bg-sky-600 text-white dark:bg-sky-500\",\n  blue: \"bg-blue-600 text-white dark:bg-blue-500\",\n  indigo: \"bg-indigo-600 text-white dark:bg-indigo-500\",\n  violet: \"bg-violet-600 text-white dark:bg-violet-500\",\n  purple: \"bg-purple-600 text-white dark:bg-purple-500\",\n  fuchsia: \"bg-fuchsia-600 text-white dark:bg-fuchsia-500\",\n  pink: \"bg-pink-600 text-white dark:bg-pink-500\",\n  rose: \"bg-rose-600 text-white dark:bg-rose-500\",\n};\n\nexport const badgeOutline: Record<Color, string> = {\n  slate: \"border border-slate-300 text-slate-700 dark:border-slate-600 dark:text-slate-300\",\n  gray: \"border border-gray-300 text-gray-700 dark:border-gray-600 dark:text-gray-300\",\n  zinc: \"border border-zinc-300 text-zinc-700 dark:border-zinc-600 dark:text-zinc-300\",\n  neutral: \"border border-neutral-300 text-neutral-700 dark:border-neutral-600 dark:text-neutral-300\",\n  stone: \"border border-stone-300 text-stone-700 dark:border-stone-600 dark:text-stone-300\",\n  red: \"border border-red-300 text-red-700 dark:border-red-600 dark:text-red-300\",\n  orange: \"border border-orange-300 text-orange-700 dark:border-orange-600 dark:text-orange-300\",\n  amber: \"border border-amber-300 text-amber-700 dark:border-amber-600 dark:text-amber-300\",\n  yellow: \"border border-yellow-300 text-yellow-700 dark:border-yellow-600 dark:text-yellow-300\",\n  lime: \"border border-lime-300 text-lime-700 dark:border-lime-600 dark:text-lime-300\",\n  green: \"border border-green-300 text-green-700 dark:border-green-600 dark:text-green-300\",\n  emerald: \"border border-emerald-300 text-emerald-700 dark:border-emerald-600 dark:text-emerald-300\",\n  teal: \"border border-teal-300 text-teal-700 dark:border-teal-600 dark:text-teal-300\",\n  cyan: \"border border-cyan-300 text-cyan-700 dark:border-cyan-600 dark:text-cyan-300\",\n  sky: \"border border-sky-300 text-sky-700 dark:border-sky-600 dark:text-sky-300\",\n  blue: \"border border-blue-300 text-blue-700 dark:border-blue-600 dark:text-blue-300\",\n  indigo: \"border border-indigo-300 text-indigo-700 dark:border-indigo-600 dark:text-indigo-300\",\n  violet: \"border border-violet-300 text-violet-700 dark:border-violet-600 dark:text-violet-300\",\n  purple: \"border border-purple-300 text-purple-700 dark:border-purple-600 dark:text-purple-300\",\n  fuchsia: \"border border-fuchsia-300 text-fuchsia-700 dark:border-fuchsia-600 dark:text-fuchsia-300\",\n  pink: \"border border-pink-300 text-pink-700 dark:border-pink-600 dark:text-pink-300\",\n  rose: \"border border-rose-300 text-rose-700 dark:border-rose-600 dark:text-rose-300\",\n};\n\nexport const badgeSoft: Record<Color, string> = {\n  slate: \"bg-slate-100 text-slate-700 dark:bg-slate-900/30 dark:text-slate-300\",\n  gray: \"bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-300\",\n  zinc: \"bg-zinc-100 text-zinc-700 dark:bg-zinc-900/30 dark:text-zinc-300\",\n  neutral: \"bg-neutral-100 text-neutral-700 dark:bg-neutral-900/30 dark:text-neutral-300\",\n  stone: \"bg-stone-100 text-stone-700 dark:bg-stone-900/30 dark:text-stone-300\",\n  red: \"bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300\",\n  orange: \"bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-300\",\n  amber: \"bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300\",\n  yellow: \"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-300\",\n  lime: \"bg-lime-100 text-lime-700 dark:bg-lime-900/30 dark:text-lime-300\",\n  green: \"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300\",\n  emerald: \"bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300\",\n  teal: \"bg-teal-100 text-teal-700 dark:bg-teal-900/30 dark:text-teal-300\",\n  cyan: \"bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300\",\n  sky: \"bg-sky-100 text-sky-700 dark:bg-sky-900/30 dark:text-sky-300\",\n  blue: \"bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300\",\n  indigo: \"bg-indigo-100 text-indigo-700 dark:bg-indigo-900/30 dark:text-indigo-300\",\n  violet: \"bg-violet-100 text-violet-700 dark:bg-violet-900/30 dark:text-violet-300\",\n  purple: \"bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300\",\n  fuchsia: \"bg-fuchsia-100 text-fuchsia-700 dark:bg-fuchsia-900/30 dark:text-fuchsia-300\",\n  pink: \"bg-pink-100 text-pink-700 dark:bg-pink-900/30 dark:text-pink-300\",\n  rose: \"bg-rose-100 text-rose-700 dark:bg-rose-900/30 dark:text-rose-300\",\n};\n\nexport const badgeDot: Record<Color, string> = {\n  slate: \"bg-slate-500\",\n  gray: \"bg-gray-500\",\n  zinc: \"bg-zinc-500\",\n  neutral: \"bg-neutral-500\",\n  stone: \"bg-stone-500\",\n  red: \"bg-red-500\",\n  orange: \"bg-orange-500\",\n  amber: \"bg-amber-500\",\n  yellow: \"bg-yellow-500\",\n  lime: \"bg-lime-500\",\n  green: \"bg-green-500\",\n  emerald: \"bg-emerald-500\",\n  teal: \"bg-teal-500\",\n  cyan: \"bg-cyan-500\",\n  sky: \"bg-sky-500\",\n  blue: \"bg-blue-500\",\n  indigo: \"bg-indigo-500\",\n  violet: \"bg-violet-500\",\n  purple: \"bg-purple-500\",\n  fuchsia: \"bg-fuchsia-500\",\n  pink: \"bg-pink-500\",\n  rose: \"bg-rose-500\",\n};\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { BadgeProps } from \"./Badge.types\";\nimport { badgeSolid, badgeOutline, badgeSoft, badgeDot } from \"./Badge.colors\";\n\ntype BadgeVariant = NonNullable<BadgeProps[\"variant\"]>;\ntype BadgeSize = NonNullable<BadgeProps[\"size\"]>;\n\n// Full Tailwind v4 palette — see Badge.colors.ts (generated literal class maps).\nconst variantMap: Record<BadgeVariant, typeof badgeSoft> = {\n  solid: badgeSolid,\n  outline: badgeOutline,\n  soft: badgeSoft,\n};\n\nconst sizeClasses: Record<BadgeSize, string> = {\n  sm: \"text-xs px-1.5 py-0.5\",\n  md: \"text-sm px-2 py-0.5\",\n  lg: \"text-base px-2.5 py-1\",\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      color = \"zinc\",\n      variant = \"soft\",\n      size = \"md\",\n      dot = false,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <span\n        ref={ref}\n        data-react-fancy-badge=\"\"\n        className={cn(\n          \"inline-flex items-center gap-1.5 rounded-full font-medium\",\n          sizeClasses[size],\n          variantMap[variant][color],\n          className,\n        )}\n        {...props}\n      >\n        {dot && (\n          <span\n            className={cn(\n              \"inline-block h-1.5 w-1.5 rounded-full\",\n              badgeDot[color],\n            )}\n          />\n        )}\n        {children}\n      </span>\n    );\n  },\n);\n\nBadge.displayName = \"Badge\";\n"]}