nexlide 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026, Nexlide.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,141 @@
+# Nexlide
+
+A modern, lightweight, and fully customizable React carousel component built with **Framer Motion** for smooth animations and **Tailwind CSS** for flexible styling.
+
+## Supports
+
+- Autoplay with configurable interval
+- Infinite loop
+- Touch swipe gestures (mobile-friendly)
+- Navigation arrows
+- Pagination dots
+- Multiple animation variants for slides and captions
+- Fully customizable styles via className props
+- Designed for seamless integration with **Next.js** (App Router) and any React project
+
+## Features
+
+- Smooth slide transitions (fade, slide left/right/top/bottom)
+- Independent caption animations (title + description)
+- Responsive design
+- Lazy loading images
+- ARIA accessible
+- Dark mode compatible
+- No external CSS import required (uses Tailwind classes inline)
+
+## Installation
+
+```bash
+npm install nexlide
+# or
+yarn add nexlide
+# or
+pnpm add nexlide
+```
+
+## Peer Dependencies
+
+These dependencies are usually already present in React/Next.js projects:
+
+- react, react-dom
+- framer-motion
+- clsx, tailwind-merge, class-variance-authority
+
+## Usage (Next.js App Router)
+
+The component is a **Client Component** — you **must** use it inside a file that starts with `'use client';`
+
+```tsx
+'use client'  // ← Required in Next.js App Router
+
+import { Carousel } from 'nexlide'
+
+const slides = [
+  {
+    imageUrl: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4',
+    title: 'Mountain View',
+    description: 'Breathtaking sunset over the peaks'
+  },
+  {
+    imageUrl: 'https://images.unsplash.com/photo-1507525428034-b723cf961d3e',
+    title: 'Tropical Beach',
+    description: 'Crystal clear waters and white sand'
+  },
+  // add more...
+]
+
+export default function MyPage() {
+  return (
+    <div className="p-8">
+      <Carousel
+        items={slides}
+        autoPlay
+        autoPlayInterval={5000}
+        showPagination
+        showArrows
+        infiniteLoop
+        animation="slideLeft"
+        captionAnimation="fade"
+        className="rounded-2xl shadow-2xl"
+      />
+    </div>
+  )
+}
+```
+
+## Available Animations
+
+Use `animation` for image slide transition and `captionAnimation` for title/description appearance.
+
+| Value        | Image Slide Effect                     | Caption Effect                        |
+|--------------|----------------------------------------|---------------------------------------|
+| `fade`       | Smooth fade in/out                     | Smooth fade in/out                    |
+| `fadeIn`     | Fade in only (no exit fade)            | Fade in only                          |
+| `slideLeft`  | Enters from right, exits to left       | Enters from right, exits to left      |
+| `slideRight` | Enters from left, exits to right       | Enters from left, exits to right      |
+| `slideTop`   | Enters from bottom, exits to top       | Enters from bottom, exits to top      |
+| `slideBottom`| Enters from top, exits to bottom       | Enters from top, exits to bottom      |
+
+
+## Props
+
+| Prop                | Type                                                                 | Default       | Description                                                                 |
+|---------------------|----------------------------------------------------------------------|---------------|-----------------------------------------------------------------------------|
+| `items`             | `CarouselItem[]`                                                     | —             | **Required**. Array of slides: `{ imageUrl: string, title: string, description: string }` |
+| `autoPlay`          | `boolean`                                                            | `false`       | Enable automatic slide transition                                           |
+| `autoPlayInterval`  | `number`                                                             | `3000`        | Time (ms) between slides when autoPlay is true                              |
+| `showPagination`    | `boolean`                                                            | `true`        | Show pagination dots                                                        |
+| `showArrows`        | `boolean`                                                            | `true`        | Show previous/next arrows                                                   |
+| `infiniteLoop`      | `boolean`                                                            | `true`        | Enable infinite looping                                                     |
+| `className`         | `string`                                                             | —             | Custom Tailwind classes for main container                                  |
+| `slideClassName`    | `string`                                                             | —             | Custom classes for each slide wrapper                                       |
+| `captionClassName`  | `string`                                                             | —             | Custom classes for caption (title + description)                            |
+| `arrowClassName`    | `string`                                                             | —             | Custom classes for navigation arrows                                        |
+| `paginationClassName`| `string`                                                            | —             | Custom classes for pagination container                                     |
+| `dotClassName`      | `string`                                                             | —             | Custom classes for each pagination dot                                      |
+| `animation`         | `"bounce" \| "fade" \| "fadeIn" \| "flip" \|  "slideLeft" \| "slideRight" \| "slideTop" \| "slideBottom" \| "zoomIn" \| "zoomOut"` | `"slideLeft"` | Animation for image slide transition                                        |
+| `captionAnimation`  | `"bounce" \| "fade" \| "fadeIn" \| "flip" \|  "slideLeft" \| "slideRight" \| "slideTop" \| "slideBottom" \| "zoomIn" \| "zoomOut"` | `"fade"`      | Animation for caption appearance                                            |
+ `captionDelay`    | `number`                                                            | `0.5`        | Custom delay time in seconds                                                |
+
+
+## Development
+
+```bash
+# Clone repo
+git clone https://github.com/ERPalmer/nexlide.git
+cd nexlide
+
+# Install dependencies
+npm install
+
+# Build package
+npm run build
+
+# Test locally (from another project)
+npm pack
+# Then in your test project: npm install ../nexlide/nexlide-1.0.0.tgz
+```
+
+## License
+
+MIT License. See LICENSE for details.

package/dist/Carousel.d.ts

@@ -0,0 +1,25 @@
+import { slideVariants } from "./lib/animations";
+interface CarouselItem {
+    imageUrl: string;
+    title: string;
+    description: string;
+}
+interface CarouselProps {
+    items: CarouselItem[];
+    autoPlay?: boolean;
+    autoPlayInterval?: number;
+    showPagination?: boolean;
+    showArrows?: boolean;
+    infiniteLoop?: boolean;
+    className?: string;
+    slideClassName?: string;
+    captionClassName?: string;
+    arrowClassName?: string;
+    paginationClassName?: string;
+    dotClassName?: string;
+    animation?: keyof typeof slideVariants;
+    captionAnimation?: keyof typeof slideVariants;
+    captionDelay?: number;
+}
+export default function Carousel({ items, autoPlay, autoPlayInterval, showPagination, showArrows, infiniteLoop, className, slideClassName, captionClassName, arrowClassName, paginationClassName, dotClassName, animation, captionAnimation, captionDelay, }: CarouselProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default as Carousel } from './Carousel';

package/dist/index.esm.js

@@ -0,0 +1,110 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { AnimatePresence, motion } from 'framer-motion';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+const slideVariants = {
+    fade: {
+        initial: { opacity: 0 },
+        animate: { opacity: 1, transition: { duration: 0.6, ease: "easeInOut" } },
+        exit: { opacity: 0 },
+    },
+    fadeIn: {
+        initial: { opacity: 0 },
+        animate: { opacity: 1, transition: { duration: 0.6 } },
+        exit: { opacity: 0 },
+    },
+    slideLeft: {
+        initial: { opacity: 0, x: "100%" },
+        animate: { opacity: 1, x: 0, transition: { duration: 0.5, ease: "easeInOut" } },
+        exit: { opacity: 0, x: "-100%" },
+    },
+    slideRight: {
+        initial: { opacity: 0, x: "-100%" },
+        animate: { opacity: 1, x: 0, transition: { duration: 0.5, ease: "easeInOut" } },
+        exit: { opacity: 0, x: "100%" },
+    },
+    slideTop: {
+        initial: { opacity: 0, y: "-100%" },
+        animate: { opacity: 1, y: 0, transition: { duration: 0.5, ease: "easeInOut" } },
+        exit: { opacity: 0, y: "100%" },
+    },
+    slideBottom: {
+        initial: { opacity: 0, y: "100%" },
+        animate: { opacity: 1, y: 0, transition: { duration: 0.5, ease: "easeInOut" } },
+        exit: { opacity: 0, y: "-100%" },
+    },
+    bounce: {
+        initial: { opacity: 0, y: 40, scale: 0.9 },
+        animate: { opacity: 1, y: 0, scale: 1, transition: { duration: 0.7, ease: [0.68, -0.55, 0.265, 1.55] } }, // bounce fuerte
+        exit: { opacity: 0, y: -40, scale: 0.9 },
+    },
+    zoomIn: {
+        initial: { opacity: 0, scale: 0.7 },
+        animate: { opacity: 1, scale: 1, transition: { duration: 0.6, ease: "easeOut" } },
+        exit: { opacity: 0, scale: 0.7 },
+    },
+    zoomOut: {
+        initial: { opacity: 0, scale: 1.3 },
+        animate: { opacity: 1, scale: 1, transition: { duration: 0.6, ease: "easeOut" } },
+        exit: { opacity: 0, scale: 1.3 },
+    },
+    flip: {
+        initial: { opacity: 0, rotateY: 90 },
+        animate: { opacity: 1, rotateY: 0, transition: { duration: 0.7, ease: "easeInOut" } },
+        exit: { opacity: 0, rotateY: -90 },
+    },
+};
+
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+
+function Carousel({ items, autoPlay = false, autoPlayInterval = 3000, showPagination = true, showArrows = true, infiniteLoop = true, className, slideClassName, captionClassName, arrowClassName, paginationClassName, dotClassName, animation = "slideLeft", captionAnimation = "fade", captionDelay = 0.5, }) {
+    var _a, _b;
+    const [currentIndex, setCurrentIndex] = useState(0);
+    const touchStartX = useRef(0);
+    const goToIndex = (index) => {
+        let newIndex = index;
+        if (infiniteLoop) {
+            newIndex = (index + items.length) % items.length;
+        }
+        else {
+            newIndex = Math.max(0, Math.min(index, items.length - 1));
+        }
+        setCurrentIndex(newIndex);
+    };
+    const next = () => goToIndex(currentIndex + 1);
+    const prev = () => goToIndex(currentIndex - 1);
+    useEffect(() => {
+        if (!autoPlay)
+            return;
+        const interval = setInterval(next, autoPlayInterval);
+        return () => clearInterval(interval);
+    }, [currentIndex, autoPlay, autoPlayInterval]);
+    const handleTouchStart = (e) => {
+        touchStartX.current = e.touches[0].clientX;
+    };
+    const handleTouchMove = (e) => {
+        const diff = touchStartX.current - e.touches[0].clientX;
+        if (Math.abs(diff) > 50) {
+            if (diff > 0)
+                next();
+            else
+                prev();
+        }
+    };
+    if (items.length === 0)
+        return null;
+    return (jsxs("div", { className: cn("relative overflow-hidden w-full max-w-4xl mx-auto aspect-[4/3] rounded-xl shadow-2xl bg-gray-900", className), onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, role: "region", "aria-label": "Image carousel", children: [jsx(AnimatePresence, { initial: false, mode: "wait", children: jsxs(motion.div, { className: cn("absolute inset-0", slideClassName), variants: (_a = slideVariants[animation]) !== null && _a !== void 0 ? _a : slideVariants.slideLeft, initial: "initial", animate: "animate", exit: "exit", children: [jsx("img", { src: items[currentIndex].imageUrl, alt: items[currentIndex].title || "Carousel image", className: "w-full h-full object-cover", loading: "lazy" }), jsx(AnimatePresence, { children: jsxs(motion.div, { className: cn("absolute bottom-6 left-6 right-6 bg-gradient-to-t from-black/80 to-transparent p-6 rounded-b-xl", captionClassName), variants: (_b = slideVariants[captionAnimation]) !== null && _b !== void 0 ? _b : slideVariants.fade, initial: "initial", animate: "animate", exit: "exit", transition: {
+                                    delay: captionDelay,
+                                    duration: 0.7,
+                                    ease: "easeOut",
+                                }, children: [jsx("h3", { className: "text-2xl font-bold text-white drop-shadow-md", children: items[currentIndex].title }), jsx("p", { className: "mt-2 text-white/90 text-lg drop-shadow-sm", children: items[currentIndex].description })] }, currentIndex) })] }, currentIndex) }), showArrows && items.length > 1 && (jsxs(Fragment, { children: [jsx("button", { onClick: prev, className: cn("absolute left-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 flex items-center justify-center rounded-full bg-black/50 text-white text-3xl hover:bg-black/70 transition-all duration-200 shadow-lg", arrowClassName), "aria-label": "Previous", children: "\u2039" }), jsx("button", { onClick: next, className: cn("absolute right-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 flex items-center justify-center rounded-full bg-black/50 text-white text-3xl hover:bg-black/70 transition-all duration-200 shadow-lg", arrowClassName), "aria-label": "Next", children: "\u203A" })] })), showPagination && items.length > 1 && (jsx("div", { className: cn("absolute bottom-4 left-1/2 -translate-x-1/2 z-10 flex gap-3", paginationClassName), children: items.map((_, idx) => (jsx("button", { onClick: () => goToIndex(idx), className: cn("w-3 h-3 rounded-full transition-all duration-300 shadow-md", idx === currentIndex
+                        ? "bg-white scale-125 shadow-white/50"
+                        : "bg-white/50 hover:bg-white/80", dotClassName), "aria-label": `Go to slide ${idx + 1}` }, idx))) }))] }));
+}
+
+export { Carousel };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/lib/animations.ts","../src/lib/utils.ts","../src/Carousel.tsx"],"sourcesContent":["import { Variants } from \"framer-motion\";\r\n\r\nexport const slideVariants: Record<string, Variants> = {\r\n  fade: {\r\n    initial: { opacity: 0 },\r\n    animate: { opacity: 1, transition: { duration: 0.6, ease: \"easeInOut\" } },\r\n    exit: { opacity: 0 },\r\n  },\r\n  fadeIn: {\r\n    initial: { opacity: 0 },\r\n    animate: { opacity: 1, transition: { duration: 0.6 } },\r\n    exit: { opacity: 0 },\r\n  },\r\n  slideLeft: {\r\n    initial: { opacity: 0, x: \"100%\" },\r\n    animate: { opacity: 1, x: 0, transition: { duration: 0.5, ease: \"easeInOut\" } },\r\n    exit: { opacity: 0, x: \"-100%\" },\r\n  },\r\n  slideRight: {\r\n    initial: { opacity: 0, x: \"-100%\" },\r\n    animate: { opacity: 1, x: 0, transition: { duration: 0.5, ease: \"easeInOut\" } },\r\n    exit: { opacity: 0, x: \"100%\" },\r\n  },\r\n  slideTop: {\r\n    initial: { opacity: 0, y: \"-100%\" },\r\n    animate: { opacity: 1, y: 0, transition: { duration: 0.5, ease: \"easeInOut\" } },\r\n    exit: { opacity: 0, y: \"100%\" },\r\n  },\r\n  slideBottom: {\r\n    initial: { opacity: 0, y: \"100%\" },\r\n    animate: { opacity: 1, y: 0, transition: { duration: 0.5, ease: \"easeInOut\" } },\r\n    exit: { opacity: 0, y: \"-100%\" },\r\n  },\r\n  bounce: {\r\n    initial: { opacity: 0, y: 40, scale: 0.9 },\r\n    animate: { opacity: 1, y: 0, scale: 1, transition: { duration: 0.7, ease: [0.68, -0.55, 0.265, 1.55] } }, // bounce fuerte\r\n    exit: { opacity: 0, y: -40, scale: 0.9 },\r\n  },\r\n  zoomIn: {\r\n    initial: { opacity: 0, scale: 0.7 },\r\n    animate: { opacity: 1, scale: 1, transition: { duration: 0.6, ease: \"easeOut\" } },\r\n    exit: { opacity: 0, scale: 0.7 },\r\n  },\r\n  zoomOut: {\r\n    initial: { opacity: 0, scale: 1.3 },\r\n    animate: { opacity: 1, scale: 1, transition: { duration: 0.6, ease: \"easeOut\" } },\r\n    exit: { opacity: 0, scale: 1.3 },\r\n  },\r\n  flip: {\r\n    initial: { opacity: 0, rotateY: 90 },\r\n    animate: { opacity: 1, rotateY: 0, transition: { duration: 0.7, ease: \"easeInOut\" } },\r\n    exit: { opacity: 0, rotateY: -90 },\r\n  },\r\n};","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}","\"use client\";\r\n\r\nimport React, { useState, useEffect, useRef } from \"react\";\r\nimport { motion, AnimatePresence } from \"framer-motion\";\r\nimport { slideVariants } from \"./lib/animations\";\r\nimport { cn } from \"./lib/utils\";\r\n\r\ninterface CarouselItem {\r\n  imageUrl: string;\r\n  title: string;\r\n  description: string;\r\n}\r\n\r\ninterface CarouselProps {\r\n  items: CarouselItem[];\r\n  autoPlay?: boolean;\r\n  autoPlayInterval?: number;\r\n  showPagination?: boolean;\r\n  showArrows?: boolean;\r\n  infiniteLoop?: boolean;\r\n  className?: string;\r\n  slideClassName?: string;\r\n  captionClassName?: string;\r\n  arrowClassName?: string;\r\n  paginationClassName?: string;\r\n  dotClassName?: string;\r\n  animation?: keyof typeof slideVariants;\r\n  captionAnimation?: keyof typeof slideVariants;\r\n  captionDelay?: number;\r\n}\r\n\r\nexport default function Carousel({\r\n  items,\r\n  autoPlay = false,\r\n  autoPlayInterval = 3000,\r\n  showPagination = true,\r\n  showArrows = true,\r\n  infiniteLoop = true,\r\n  className,\r\n  slideClassName,\r\n  captionClassName,\r\n  arrowClassName,\r\n  paginationClassName,\r\n  dotClassName,\r\n  animation = \"slideLeft\",\r\n  captionAnimation = \"fade\",\r\n  captionDelay = 0.5,\r\n}: CarouselProps) {\r\n  const [currentIndex, setCurrentIndex] = useState(0);\r\n  const touchStartX = useRef(0);\r\n\r\n  const goToIndex = (index: number) => {\r\n    let newIndex = index;\r\n    if (infiniteLoop) {\r\n      newIndex = (index + items.length) % items.length;\r\n    } else {\r\n      newIndex = Math.max(0, Math.min(index, items.length - 1));\r\n    }\r\n    setCurrentIndex(newIndex);\r\n  };\r\n\r\n  const next = () => goToIndex(currentIndex + 1);\r\n  const prev = () => goToIndex(currentIndex - 1);\r\n\r\n  useEffect(() => {\r\n    if (!autoPlay) return;\r\n    const interval = setInterval(next, autoPlayInterval);\r\n    return () => clearInterval(interval);\r\n  }, [currentIndex, autoPlay, autoPlayInterval]);\r\n\r\n  const handleTouchStart = (e: React.TouchEvent) => {\r\n    touchStartX.current = e.touches[0].clientX;\r\n  };\r\n\r\n  const handleTouchMove = (e: React.TouchEvent) => {\r\n    const diff = touchStartX.current - e.touches[0].clientX;\r\n    if (Math.abs(diff) > 50) {\r\n      if (diff > 0) next();\r\n      else prev();\r\n    }\r\n  };\r\n\r\n  if (items.length === 0) return null;\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"relative overflow-hidden w-full max-w-4xl mx-auto aspect-[4/3] rounded-xl shadow-2xl bg-gray-900\",\r\n        className\r\n      )}\r\n      onTouchStart={handleTouchStart}\r\n      onTouchMove={handleTouchMove}\r\n      role=\"region\"\r\n      aria-label=\"Image carousel\"\r\n    >\r\n      <AnimatePresence initial={false} mode=\"wait\">\r\n        <motion.div\r\n          key={currentIndex}\r\n          className={cn(\"absolute inset-0\", slideClassName)}\r\n          variants={slideVariants[animation] ?? slideVariants.slideLeft}\r\n          initial=\"initial\"\r\n          animate=\"animate\"\r\n          exit=\"exit\"\r\n        >\r\n          <img\r\n            src={items[currentIndex].imageUrl}\r\n            alt={items[currentIndex].title || \"Carousel image\"}\r\n            className=\"w-full h-full object-cover\"\r\n            loading=\"lazy\"\r\n          />\r\n          <AnimatePresence>\r\n            <motion.div\r\n              key={currentIndex}\r\n              className={cn(\r\n                \"absolute bottom-6 left-6 right-6 bg-gradient-to-t from-black/80 to-transparent p-6 rounded-b-xl\",\r\n                captionClassName\r\n              )}\r\n              variants={slideVariants[captionAnimation] ?? slideVariants.fade}\r\n              initial=\"initial\"\r\n              animate=\"animate\"\r\n              exit=\"exit\"\r\n              transition={{\r\n                delay: captionDelay,\r\n                duration: 0.7,\r\n                ease: \"easeOut\",\r\n              }}\r\n            >\r\n              <h3 className=\"text-2xl font-bold text-white drop-shadow-md\">\r\n                {items[currentIndex].title}\r\n              </h3>\r\n              <p className=\"mt-2 text-white/90 text-lg drop-shadow-sm\">\r\n                {items[currentIndex].description}\r\n              </p>\r\n            </motion.div>\r\n          </AnimatePresence>\r\n        </motion.div>\r\n      </AnimatePresence>\r\n\r\n      {showArrows && items.length > 1 && (\r\n        <>\r\n          <button\r\n            onClick={prev}\r\n            className={cn(\r\n              \"absolute left-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 flex items-center justify-center rounded-full bg-black/50 text-white text-3xl hover:bg-black/70 transition-all duration-200 shadow-lg\",\r\n              arrowClassName\r\n            )}\r\n            aria-label=\"Previous\"\r\n          >\r\n            ‹\r\n          </button>\r\n\r\n          <button\r\n            onClick={next}\r\n            className={cn(\r\n              \"absolute right-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 flex items-center justify-center rounded-full bg-black/50 text-white text-3xl hover:bg-black/70 transition-all duration-200 shadow-lg\",\r\n              arrowClassName\r\n            )}\r\n            aria-label=\"Next\"\r\n          >\r\n            ›\r\n          </button>\r\n        </>\r\n      )}\r\n\r\n      {showPagination && items.length > 1 && (\r\n        <div\r\n          className={cn(\r\n            \"absolute bottom-4 left-1/2 -translate-x-1/2 z-10 flex gap-3\",\r\n            paginationClassName\r\n          )}\r\n        >\r\n          {items.map((_, idx) => (\r\n            <button\r\n              key={idx}\r\n              onClick={() => goToIndex(idx)}\r\n              className={cn(\r\n                \"w-3 h-3 rounded-full transition-all duration-300 shadow-md\",\r\n                idx === currentIndex\r\n                  ? \"bg-white scale-125 shadow-white/50\"\r\n                  : \"bg-white/50 hover:bg-white/80\",\r\n                dotClassName\r\n              )}\r\n              aria-label={`Go to slide ${idx + 1}`}\r\n            />\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;AAEO,MAAM,aAAa,GAA6B;AACrD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE;AACzE,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACrB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE;AACtD,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACrB,KAAA;AACD,IAAA,SAAS,EAAE;QACT,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE;QAClC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE;QAC/E,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE;AACjC,KAAA;AACD,IAAA,UAAU,EAAE;QACV,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE;QACnC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE;QAC/E,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE;AAChC,KAAA;AACD,IAAA,QAAQ,EAAE;QACR,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE;QACnC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE;QAC/E,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE;AAChC,KAAA;AACD,IAAA,WAAW,EAAE;QACX,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE;QAClC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE;QAC/E,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE;AACjC,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;AAC1C,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;AACxG,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;AACzC,KAAA;AACD,IAAA,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;QACnC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QACjF,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;AACjC,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;QACnC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QACjF,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;AACjC,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QACpC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE;QACrF,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE;AACnC,KAAA;CACF;;AClDK,SAAU,EAAE,CAAC,GAAG,MAAoB,EAAA;AACxC,IAAA,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC9B;;AC0Bc,SAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,gBAAgB,GAAG,IAAI,EACvB,cAAc,GAAG,IAAI,EACrB,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,IAAI,EACnB,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,SAAS,GAAG,WAAW,EACvB,gBAAgB,GAAG,MAAM,EACzB,YAAY,GAAG,GAAG,GACJ,EAAA;;IACd,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AACnD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC;AAE7B,IAAA,MAAM,SAAS,GAAG,CAAC,KAAa,KAAI;QAClC,IAAI,QAAQ,GAAG,KAAK;QACpB,IAAI,YAAY,EAAE;AAChB,YAAA,QAAQ,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM;QAClD;aAAO;YACL,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC3D;QACA,eAAe,CAAC,QAAQ,CAAC;AAC3B,IAAA,CAAC;IAED,MAAM,IAAI,GAAG,MAAM,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,MAAM,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC;IAE9C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,QAAQ;YAAE;QACf,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,EAAE,gBAAgB,CAAC;AACpD,QAAA,OAAO,MAAM,aAAa,CAAC,QAAQ,CAAC;IACtC,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC;AAE9C,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAAmB,KAAI;QAC/C,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO;AAC5C,IAAA,CAAC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,CAAmB,KAAI;AAC9C,QAAA,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO;QACvD,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE;YACvB,IAAI,IAAI,GAAG,CAAC;AAAE,gBAAA,IAAI,EAAE;;AACf,gBAAA,IAAI,EAAE;QACb;AACF,IAAA,CAAC;AAED,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,IAAI;AAEnC,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,kGAAkG,EAClG,SAAS,CACV,EACD,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,eAAe,EAC5B,IAAI,EAAC,QAAQ,gBACF,gBAAgB,EAAA,QAAA,EAAA,CAE3BC,GAAA,CAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,EAAA,QAAA,EAC1CD,IAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EAET,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,cAAc,CAAC,EACjD,QAAQ,EAAE,CAAA,EAAA,GAAA,aAAa,CAAC,SAAS,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,aAAa,CAAC,SAAS,EAC7D,OAAO,EAAC,SAAS,EACjB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EAAA,QAAA,EAAA,CAEXC,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,QAAQ,EACjC,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,IAAI,gBAAgB,EAClD,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAC,MAAM,GACd,EACFA,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACdD,KAAC,MAAM,CAAC,GAAG,EAAA,EAET,SAAS,EAAE,EAAE,CACX,iGAAiG,EACjG,gBAAgB,CACjB,EACD,QAAQ,EAAE,CAAA,EAAA,GAAA,aAAa,CAAC,gBAAgB,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,aAAa,CAAC,IAAI,EAC/D,OAAO,EAAC,SAAS,EACjB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,UAAU,EAAE;AACV,oCAAA,KAAK,EAAE,YAAY;AACnB,oCAAA,QAAQ,EAAE,GAAG;AACb,oCAAA,IAAI,EAAE,SAAS;AAChB,iCAAA,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,8CAA8C,EAAA,QAAA,EACzD,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,EAAA,CACvB,EACLA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,2CAA2C,EAAA,QAAA,EACrD,KAAK,CAAC,YAAY,CAAC,CAAC,WAAW,EAAA,CAC9B,CAAA,EAAA,EApBC,YAAY,CAqBN,GACG,CAAA,EAAA,EArCb,YAAY,CAsCN,EAAA,CACG,EAEjB,UAAU,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,KAC7BD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,EAAE,CACX,+LAA+L,EAC/L,cAAc,CACf,EAAA,YAAA,EACU,UAAU,EAAA,QAAA,EAAA,QAAA,EAAA,CAGd,EAETA,GAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,EAAE,CACX,gMAAgM,EAChM,cAAc,CACf,EAAA,YAAA,EACU,MAAM,EAAA,QAAA,EAAA,QAAA,EAAA,CAGV,CAAA,EAAA,CACR,CACJ,EAEA,cAAc,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,KACjCA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,6DAA6D,EAC7D,mBAAmB,CACpB,EAAA,QAAA,EAEA,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,MAChBA,GAAA,CAAA,QAAA,EAAA,EAEE,OAAO,EAAE,MAAM,SAAS,CAAC,GAAG,CAAC,EAC7B,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,GAAG,KAAK;AACN,0BAAE;0BACA,+BAA+B,EACnC,YAAY,CACb,EAAA,YAAA,EACW,CAAA,YAAA,EAAe,GAAG,GAAG,CAAC,EAAE,EAAA,EAT/B,GAAG,CAUR,CACH,CAAC,GACE,CACP,CAAA,EAAA,CACG;AAEV;;;;"}

package/dist/index.js

@@ -0,0 +1,112 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var framerMotion = require('framer-motion');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+const slideVariants = {
+    fade: {
+        initial: { opacity: 0 },
+        animate: { opacity: 1, transition: { duration: 0.6, ease: "easeInOut" } },
+        exit: { opacity: 0 },
+    },
+    fadeIn: {
+        initial: { opacity: 0 },
+        animate: { opacity: 1, transition: { duration: 0.6 } },
+        exit: { opacity: 0 },
+    },
+    slideLeft: {
+        initial: { opacity: 0, x: "100%" },
+        animate: { opacity: 1, x: 0, transition: { duration: 0.5, ease: "easeInOut" } },
+        exit: { opacity: 0, x: "-100%" },
+    },
+    slideRight: {
+        initial: { opacity: 0, x: "-100%" },
+        animate: { opacity: 1, x: 0, transition: { duration: 0.5, ease: "easeInOut" } },
+        exit: { opacity: 0, x: "100%" },
+    },
+    slideTop: {
+        initial: { opacity: 0, y: "-100%" },
+        animate: { opacity: 1, y: 0, transition: { duration: 0.5, ease: "easeInOut" } },
+        exit: { opacity: 0, y: "100%" },
+    },
+    slideBottom: {
+        initial: { opacity: 0, y: "100%" },
+        animate: { opacity: 1, y: 0, transition: { duration: 0.5, ease: "easeInOut" } },
+        exit: { opacity: 0, y: "-100%" },
+    },
+    bounce: {
+        initial: { opacity: 0, y: 40, scale: 0.9 },
+        animate: { opacity: 1, y: 0, scale: 1, transition: { duration: 0.7, ease: [0.68, -0.55, 0.265, 1.55] } }, // bounce fuerte
+        exit: { opacity: 0, y: -40, scale: 0.9 },
+    },
+    zoomIn: {
+        initial: { opacity: 0, scale: 0.7 },
+        animate: { opacity: 1, scale: 1, transition: { duration: 0.6, ease: "easeOut" } },
+        exit: { opacity: 0, scale: 0.7 },
+    },
+    zoomOut: {
+        initial: { opacity: 0, scale: 1.3 },
+        animate: { opacity: 1, scale: 1, transition: { duration: 0.6, ease: "easeOut" } },
+        exit: { opacity: 0, scale: 1.3 },
+    },
+    flip: {
+        initial: { opacity: 0, rotateY: 90 },
+        animate: { opacity: 1, rotateY: 0, transition: { duration: 0.7, ease: "easeInOut" } },
+        exit: { opacity: 0, rotateY: -90 },
+    },
+};
+
+function cn(...inputs) {
+    return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+function Carousel({ items, autoPlay = false, autoPlayInterval = 3000, showPagination = true, showArrows = true, infiniteLoop = true, className, slideClassName, captionClassName, arrowClassName, paginationClassName, dotClassName, animation = "slideLeft", captionAnimation = "fade", captionDelay = 0.5, }) {
+    var _a, _b;
+    const [currentIndex, setCurrentIndex] = react.useState(0);
+    const touchStartX = react.useRef(0);
+    const goToIndex = (index) => {
+        let newIndex = index;
+        if (infiniteLoop) {
+            newIndex = (index + items.length) % items.length;
+        }
+        else {
+            newIndex = Math.max(0, Math.min(index, items.length - 1));
+        }
+        setCurrentIndex(newIndex);
+    };
+    const next = () => goToIndex(currentIndex + 1);
+    const prev = () => goToIndex(currentIndex - 1);
+    react.useEffect(() => {
+        if (!autoPlay)
+            return;
+        const interval = setInterval(next, autoPlayInterval);
+        return () => clearInterval(interval);
+    }, [currentIndex, autoPlay, autoPlayInterval]);
+    const handleTouchStart = (e) => {
+        touchStartX.current = e.touches[0].clientX;
+    };
+    const handleTouchMove = (e) => {
+        const diff = touchStartX.current - e.touches[0].clientX;
+        if (Math.abs(diff) > 50) {
+            if (diff > 0)
+                next();
+            else
+                prev();
+        }
+    };
+    if (items.length === 0)
+        return null;
+    return (jsxRuntime.jsxs("div", { className: cn("relative overflow-hidden w-full max-w-4xl mx-auto aspect-[4/3] rounded-xl shadow-2xl bg-gray-900", className), onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, role: "region", "aria-label": "Image carousel", children: [jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, mode: "wait", children: jsxRuntime.jsxs(framerMotion.motion.div, { className: cn("absolute inset-0", slideClassName), variants: (_a = slideVariants[animation]) !== null && _a !== void 0 ? _a : slideVariants.slideLeft, initial: "initial", animate: "animate", exit: "exit", children: [jsxRuntime.jsx("img", { src: items[currentIndex].imageUrl, alt: items[currentIndex].title || "Carousel image", className: "w-full h-full object-cover", loading: "lazy" }), jsxRuntime.jsx(framerMotion.AnimatePresence, { children: jsxRuntime.jsxs(framerMotion.motion.div, { className: cn("absolute bottom-6 left-6 right-6 bg-gradient-to-t from-black/80 to-transparent p-6 rounded-b-xl", captionClassName), variants: (_b = slideVariants[captionAnimation]) !== null && _b !== void 0 ? _b : slideVariants.fade, initial: "initial", animate: "animate", exit: "exit", transition: {
+                                    delay: captionDelay,
+                                    duration: 0.7,
+                                    ease: "easeOut",
+                                }, children: [jsxRuntime.jsx("h3", { className: "text-2xl font-bold text-white drop-shadow-md", children: items[currentIndex].title }), jsxRuntime.jsx("p", { className: "mt-2 text-white/90 text-lg drop-shadow-sm", children: items[currentIndex].description })] }, currentIndex) })] }, currentIndex) }), showArrows && items.length > 1 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { onClick: prev, className: cn("absolute left-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 flex items-center justify-center rounded-full bg-black/50 text-white text-3xl hover:bg-black/70 transition-all duration-200 shadow-lg", arrowClassName), "aria-label": "Previous", children: "\u2039" }), jsxRuntime.jsx("button", { onClick: next, className: cn("absolute right-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 flex items-center justify-center rounded-full bg-black/50 text-white text-3xl hover:bg-black/70 transition-all duration-200 shadow-lg", arrowClassName), "aria-label": "Next", children: "\u203A" })] })), showPagination && items.length > 1 && (jsxRuntime.jsx("div", { className: cn("absolute bottom-4 left-1/2 -translate-x-1/2 z-10 flex gap-3", paginationClassName), children: items.map((_, idx) => (jsxRuntime.jsx("button", { onClick: () => goToIndex(idx), className: cn("w-3 h-3 rounded-full transition-all duration-300 shadow-md", idx === currentIndex
+                        ? "bg-white scale-125 shadow-white/50"
+                        : "bg-white/50 hover:bg-white/80", dotClassName), "aria-label": `Go to slide ${idx + 1}` }, idx))) }))] }));
+}
+
+exports.Carousel = Carousel;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/lib/animations.ts","../src/lib/utils.ts","../src/Carousel.tsx"],"sourcesContent":["import { Variants } from \"framer-motion\";\r\n\r\nexport const slideVariants: Record<string, Variants> = {\r\n  fade: {\r\n    initial: { opacity: 0 },\r\n    animate: { opacity: 1, transition: { duration: 0.6, ease: \"easeInOut\" } },\r\n    exit: { opacity: 0 },\r\n  },\r\n  fadeIn: {\r\n    initial: { opacity: 0 },\r\n    animate: { opacity: 1, transition: { duration: 0.6 } },\r\n    exit: { opacity: 0 },\r\n  },\r\n  slideLeft: {\r\n    initial: { opacity: 0, x: \"100%\" },\r\n    animate: { opacity: 1, x: 0, transition: { duration: 0.5, ease: \"easeInOut\" } },\r\n    exit: { opacity: 0, x: \"-100%\" },\r\n  },\r\n  slideRight: {\r\n    initial: { opacity: 0, x: \"-100%\" },\r\n    animate: { opacity: 1, x: 0, transition: { duration: 0.5, ease: \"easeInOut\" } },\r\n    exit: { opacity: 0, x: \"100%\" },\r\n  },\r\n  slideTop: {\r\n    initial: { opacity: 0, y: \"-100%\" },\r\n    animate: { opacity: 1, y: 0, transition: { duration: 0.5, ease: \"easeInOut\" } },\r\n    exit: { opacity: 0, y: \"100%\" },\r\n  },\r\n  slideBottom: {\r\n    initial: { opacity: 0, y: \"100%\" },\r\n    animate: { opacity: 1, y: 0, transition: { duration: 0.5, ease: \"easeInOut\" } },\r\n    exit: { opacity: 0, y: \"-100%\" },\r\n  },\r\n  bounce: {\r\n    initial: { opacity: 0, y: 40, scale: 0.9 },\r\n    animate: { opacity: 1, y: 0, scale: 1, transition: { duration: 0.7, ease: [0.68, -0.55, 0.265, 1.55] } }, // bounce fuerte\r\n    exit: { opacity: 0, y: -40, scale: 0.9 },\r\n  },\r\n  zoomIn: {\r\n    initial: { opacity: 0, scale: 0.7 },\r\n    animate: { opacity: 1, scale: 1, transition: { duration: 0.6, ease: \"easeOut\" } },\r\n    exit: { opacity: 0, scale: 0.7 },\r\n  },\r\n  zoomOut: {\r\n    initial: { opacity: 0, scale: 1.3 },\r\n    animate: { opacity: 1, scale: 1, transition: { duration: 0.6, ease: \"easeOut\" } },\r\n    exit: { opacity: 0, scale: 1.3 },\r\n  },\r\n  flip: {\r\n    initial: { opacity: 0, rotateY: 90 },\r\n    animate: { opacity: 1, rotateY: 0, transition: { duration: 0.7, ease: \"easeInOut\" } },\r\n    exit: { opacity: 0, rotateY: -90 },\r\n  },\r\n};","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}","\"use client\";\r\n\r\nimport React, { useState, useEffect, useRef } from \"react\";\r\nimport { motion, AnimatePresence } from \"framer-motion\";\r\nimport { slideVariants } from \"./lib/animations\";\r\nimport { cn } from \"./lib/utils\";\r\n\r\ninterface CarouselItem {\r\n  imageUrl: string;\r\n  title: string;\r\n  description: string;\r\n}\r\n\r\ninterface CarouselProps {\r\n  items: CarouselItem[];\r\n  autoPlay?: boolean;\r\n  autoPlayInterval?: number;\r\n  showPagination?: boolean;\r\n  showArrows?: boolean;\r\n  infiniteLoop?: boolean;\r\n  className?: string;\r\n  slideClassName?: string;\r\n  captionClassName?: string;\r\n  arrowClassName?: string;\r\n  paginationClassName?: string;\r\n  dotClassName?: string;\r\n  animation?: keyof typeof slideVariants;\r\n  captionAnimation?: keyof typeof slideVariants;\r\n  captionDelay?: number;\r\n}\r\n\r\nexport default function Carousel({\r\n  items,\r\n  autoPlay = false,\r\n  autoPlayInterval = 3000,\r\n  showPagination = true,\r\n  showArrows = true,\r\n  infiniteLoop = true,\r\n  className,\r\n  slideClassName,\r\n  captionClassName,\r\n  arrowClassName,\r\n  paginationClassName,\r\n  dotClassName,\r\n  animation = \"slideLeft\",\r\n  captionAnimation = \"fade\",\r\n  captionDelay = 0.5,\r\n}: CarouselProps) {\r\n  const [currentIndex, setCurrentIndex] = useState(0);\r\n  const touchStartX = useRef(0);\r\n\r\n  const goToIndex = (index: number) => {\r\n    let newIndex = index;\r\n    if (infiniteLoop) {\r\n      newIndex = (index + items.length) % items.length;\r\n    } else {\r\n      newIndex = Math.max(0, Math.min(index, items.length - 1));\r\n    }\r\n    setCurrentIndex(newIndex);\r\n  };\r\n\r\n  const next = () => goToIndex(currentIndex + 1);\r\n  const prev = () => goToIndex(currentIndex - 1);\r\n\r\n  useEffect(() => {\r\n    if (!autoPlay) return;\r\n    const interval = setInterval(next, autoPlayInterval);\r\n    return () => clearInterval(interval);\r\n  }, [currentIndex, autoPlay, autoPlayInterval]);\r\n\r\n  const handleTouchStart = (e: React.TouchEvent) => {\r\n    touchStartX.current = e.touches[0].clientX;\r\n  };\r\n\r\n  const handleTouchMove = (e: React.TouchEvent) => {\r\n    const diff = touchStartX.current - e.touches[0].clientX;\r\n    if (Math.abs(diff) > 50) {\r\n      if (diff > 0) next();\r\n      else prev();\r\n    }\r\n  };\r\n\r\n  if (items.length === 0) return null;\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"relative overflow-hidden w-full max-w-4xl mx-auto aspect-[4/3] rounded-xl shadow-2xl bg-gray-900\",\r\n        className\r\n      )}\r\n      onTouchStart={handleTouchStart}\r\n      onTouchMove={handleTouchMove}\r\n      role=\"region\"\r\n      aria-label=\"Image carousel\"\r\n    >\r\n      <AnimatePresence initial={false} mode=\"wait\">\r\n        <motion.div\r\n          key={currentIndex}\r\n          className={cn(\"absolute inset-0\", slideClassName)}\r\n          variants={slideVariants[animation] ?? slideVariants.slideLeft}\r\n          initial=\"initial\"\r\n          animate=\"animate\"\r\n          exit=\"exit\"\r\n        >\r\n          <img\r\n            src={items[currentIndex].imageUrl}\r\n            alt={items[currentIndex].title || \"Carousel image\"}\r\n            className=\"w-full h-full object-cover\"\r\n            loading=\"lazy\"\r\n          />\r\n          <AnimatePresence>\r\n            <motion.div\r\n              key={currentIndex}\r\n              className={cn(\r\n                \"absolute bottom-6 left-6 right-6 bg-gradient-to-t from-black/80 to-transparent p-6 rounded-b-xl\",\r\n                captionClassName\r\n              )}\r\n              variants={slideVariants[captionAnimation] ?? slideVariants.fade}\r\n              initial=\"initial\"\r\n              animate=\"animate\"\r\n              exit=\"exit\"\r\n              transition={{\r\n                delay: captionDelay,\r\n                duration: 0.7,\r\n                ease: \"easeOut\",\r\n              }}\r\n            >\r\n              <h3 className=\"text-2xl font-bold text-white drop-shadow-md\">\r\n                {items[currentIndex].title}\r\n              </h3>\r\n              <p className=\"mt-2 text-white/90 text-lg drop-shadow-sm\">\r\n                {items[currentIndex].description}\r\n              </p>\r\n            </motion.div>\r\n          </AnimatePresence>\r\n        </motion.div>\r\n      </AnimatePresence>\r\n\r\n      {showArrows && items.length > 1 && (\r\n        <>\r\n          <button\r\n            onClick={prev}\r\n            className={cn(\r\n              \"absolute left-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 flex items-center justify-center rounded-full bg-black/50 text-white text-3xl hover:bg-black/70 transition-all duration-200 shadow-lg\",\r\n              arrowClassName\r\n            )}\r\n            aria-label=\"Previous\"\r\n          >\r\n            ‹\r\n          </button>\r\n\r\n          <button\r\n            onClick={next}\r\n            className={cn(\r\n              \"absolute right-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 flex items-center justify-center rounded-full bg-black/50 text-white text-3xl hover:bg-black/70 transition-all duration-200 shadow-lg\",\r\n              arrowClassName\r\n            )}\r\n            aria-label=\"Next\"\r\n          >\r\n            ›\r\n          </button>\r\n        </>\r\n      )}\r\n\r\n      {showPagination && items.length > 1 && (\r\n        <div\r\n          className={cn(\r\n            \"absolute bottom-4 left-1/2 -translate-x-1/2 z-10 flex gap-3\",\r\n            paginationClassName\r\n          )}\r\n        >\r\n          {items.map((_, idx) => (\r\n            <button\r\n              key={idx}\r\n              onClick={() => goToIndex(idx)}\r\n              className={cn(\r\n                \"w-3 h-3 rounded-full transition-all duration-300 shadow-md\",\r\n                idx === currentIndex\r\n                  ? \"bg-white scale-125 shadow-white/50\"\r\n                  : \"bg-white/50 hover:bg-white/80\",\r\n                dotClassName\r\n              )}\r\n              aria-label={`Go to slide ${idx + 1}`}\r\n            />\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["twMerge","clsx","useState","useRef","useEffect","_jsxs","_jsx","AnimatePresence","motion","_Fragment"],"mappings":"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"}

package/dist/lib/animations.d.ts

@@ -0,0 +1,2 @@
+import { Variants } from "framer-motion";
+export declare const slideVariants: Record<string, Variants>;

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "nexlide",
+  "description": "Nexlide is a modern, lightweight, and fully customizable React carousel component built with Framer Motion for smooth animations and Tailwind CSS for flexible styling.",
+  "version": "1.0.0",
+  "author": "Nexlide Team",
+  "license": "MIT",
+  "private": false,
+  "keywords": [
+    "react",
+    "carousel",
+    "nextjs",
+    "tailwindcss",
+    "framer-motion",
+    "image-carousel",
+    "react-component"
+  ],
+  "homepage": "https://github.com/ERPalmer/nexlide#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ERPalmer/nexlide.git"
+  },
+  "bugs": {
+    "url": "https://github.com/ERPalmer/nexlide/issues"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rollup -c rollup.config.mjs",
+    "prepublishOnly": "npm run build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "framer-motion": "^11.0.0 || ^12.0.0",
+    "react": "^18.0.0 || ^19.0.0-rc",
+    "react-dom": "^18.0.0 || ^19.0.0-rc",
+    "tailwind-merge": "^2.0.0"
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "framer-motion": "^11.0.0 || ^12.0.0",
+    "tailwind-merge": "^2.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.0",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "rollup": "^4.24.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "tslib": "^2.7.0",
+    "typescript": "^5.6.3"
+  }
+}