{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "adminlte-carousel",
  "title": "AdminLTE Carousel",
  "description": "Image carousel with auto-play, indicators, and prev/next controls.",
  "registryDependencies": [
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-theme.json"
  ],
  "files": [
    {
      "path": "registry/new-york/adminlte-carousel/ui/adminlte-carousel.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@/registry/new-york/adminlte-theme/lib/cn\"\n\ninterface CarouselItem {\n  id: string\n  content: React.ReactNode\n  caption?: React.ReactNode\n}\n\ninterface AdminLTECarouselProps extends React.HTMLAttributes<HTMLDivElement> {\n  items: CarouselItem[]\n  autoPlay?: boolean\n  interval?: number\n  showIndicators?: boolean\n  showControls?: boolean\n}\n\nconst AdminLTECarousel = React.forwardRef<HTMLDivElement, AdminLTECarouselProps>(\n  (\n    {\n      className,\n      items,\n      autoPlay = true,\n      interval = 5000,\n      showIndicators = true,\n      showControls = true,\n      ...props\n    },\n    ref\n  ) => {\n    const [activeIndex, setActiveIndex] = React.useState(0)\n\n    React.useEffect(() => {\n      if (!autoPlay || items.length <= 1) return\n      const timer = setInterval(() => {\n        setActiveIndex((prev) => (prev + 1) % items.length)\n      }, interval)\n      return () => clearInterval(timer)\n    }, [autoPlay, interval, items.length])\n\n    const goTo = (index: number) => setActiveIndex(index)\n    const prev = () =>\n      setActiveIndex((i) => (i - 1 + items.length) % items.length)\n    const next = () => setActiveIndex((i) => (i + 1) % items.length)\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"relative overflow-hidden\", className)}\n        {...props}\n      >\n        {showIndicators && items.length > 1 && (\n          <ol className=\"absolute bottom-[10px] left-1/2 -translate-x-1/2 z-[15] flex list-none m-0 p-0 gap-[3px]\">\n            {items.map((item, i) => (\n              <li\n                key={item.id}\n                className={cn(\n                  \"w-[10px] h-[10px] rounded-full cursor-pointer border border-white\",\n                  i === activeIndex ? \"bg-white\" : \"bg-white/50\"\n                )}\n                onClick={() => goTo(i)}\n              />\n            ))}\n          </ol>\n        )}\n\n        <div className=\"relative w-full\">\n          {items.map((item, i) => (\n            <div\n              key={item.id}\n              className={cn(\n                \"transition-opacity duration-600\",\n                i === activeIndex\n                  ? \"block opacity-100\"\n                  : \"hidden opacity-0\"\n              )}\n            >\n              {item.content}\n              {item.caption && (\n                <div className=\"absolute bottom-0 left-0 right-0 p-[20px] bg-black/50 text-white text-center\">\n                  {item.caption}\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n\n        {showControls && items.length > 1 && (\n          <>\n            <button\n              type=\"button\"\n              className=\"absolute top-1/2 left-0 -translate-y-1/2 z-[15] w-[40px] h-[40px] bg-black/30 text-white border-none text-[20px] cursor-pointer hover:bg-black/50 rounded-r\"\n              onClick={prev}\n              aria-label=\"Previous\"\n            >\n              &#8249;\n            </button>\n            <button\n              type=\"button\"\n              className=\"absolute top-1/2 right-0 -translate-y-1/2 z-[15] w-[40px] h-[40px] bg-black/30 text-white border-none text-[20px] cursor-pointer hover:bg-black/50 rounded-l\"\n              onClick={next}\n              aria-label=\"Next\"\n            >\n              &#8250;\n            </button>\n          </>\n        )}\n      </div>\n    )\n  }\n)\nAdminLTECarousel.displayName = \"AdminLTECarousel\"\n\nexport { AdminLTECarousel }\nexport type { AdminLTECarouselProps, CarouselItem }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}