@graph8/sdk 0.303.0 → 0.357.0

package/dist/ui/primitives/carousel.js

@@ -0,0 +1,300 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var carousel_exports = {};
+__export(carousel_exports, {
+  Carousel: () => Carousel,
+  CarouselContent: () => CarouselContent,
+  CarouselItem: () => CarouselItem,
+  CarouselNext: () => CarouselNext,
+  CarouselPrevious: () => CarouselPrevious,
+  useCarousel: () => useCarousel
+});
+module.exports = __toCommonJS(carousel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_button = require("./button.js");
+var import_utils = require("../lib/utils.js");
+const CarouselContext = React.createContext(null);
+const useCarousel = () => {
+  const context = React.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+};
+const Carousel = ({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  autoplay = false,
+  autoplaySpeed = 3e3,
+  className,
+  children,
+  ...props
+}) => {
+  const carouselRef = (0, import_react.useRef)(null);
+  const [currentSlide, setCurrentSlide] = (0, import_react.useState)(0);
+  const [slideCount, setSlideCount] = (0, import_react.useState)(0);
+  const [canScrollPrev, setCanScrollPrev] = (0, import_react.useState)(false);
+  const [canScrollNext, setCanScrollNext] = (0, import_react.useState)(false);
+  const updateScrollState = (0, import_react.useCallback)(
+    (current, total) => {
+      const isLoop = opts?.loop ?? false;
+      setCanScrollPrev(isLoop || current > 0);
+      setCanScrollNext(isLoop || current < total - 1);
+    },
+    [opts?.loop]
+  );
+  const scrollTo = (0, import_react.useCallback)(
+    (index) => {
+      const total = slideCount;
+      if (total === 0) return;
+      let newIndex = index;
+      if (opts?.loop) {
+        newIndex = (index % total + total) % total;
+      } else {
+        newIndex = Math.max(0, Math.min(index, total - 1));
+      }
+      setCurrentSlide(newIndex);
+      updateScrollState(newIndex, total);
+    },
+    [slideCount, opts?.loop, updateScrollState]
+  );
+  const scrollPrev = (0, import_react.useCallback)(() => {
+    scrollTo(currentSlide - 1);
+  }, [currentSlide, scrollTo]);
+  const scrollNext = (0, import_react.useCallback)(() => {
+    scrollTo(currentSlide + 1);
+  }, [currentSlide, scrollTo]);
+  const api = React.useMemo(
+    () => ({
+      scrollTo,
+      scrollPrev,
+      scrollNext,
+      canScrollPrev: () => canScrollPrev,
+      canScrollNext: () => canScrollNext,
+      selectedScrollSnap: () => currentSlide,
+      scrollSnapList: () => Array.from({ length: slideCount }, (_, i) => i)
+    }),
+    [scrollTo, scrollPrev, scrollNext, canScrollPrev, canScrollNext, currentSlide, slideCount]
+  );
+  (0, import_react.useEffect)(() => {
+    if (setApi) {
+      setApi(api);
+    }
+  }, [api, setApi]);
+  (0, import_react.useEffect)(() => {
+    if (!autoplay || slideCount === 0) return;
+    const interval = setInterval(() => {
+      scrollNext();
+    }, autoplaySpeed);
+    return () => clearInterval(interval);
+  }, [autoplay, autoplaySpeed, scrollNext, slideCount]);
+  const handleKeyDown = (0, import_react.useCallback)(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        opts,
+        orientation,
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext,
+        currentSlide,
+        slideCount,
+        api
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: (0, import_utils.cn)("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          tabIndex: 0,
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            CarouselContentWrapper,
+            {
+              currentSlide,
+              orientation,
+              setSlideCount,
+              updateScrollState,
+              children
+            }
+          )
+        }
+      )
+    }
+  );
+};
+const CarouselContentWrapper = ({
+  children,
+  currentSlide,
+  orientation,
+  setSlideCount,
+  updateScrollState
+}) => {
+  const childArray = React.Children.toArray(children);
+  (0, import_react.useEffect)(() => {
+    const count = childArray.length;
+    setSlideCount(count);
+    updateScrollState(currentSlide, count);
+  }, [childArray.length, currentSlide, setSlideCount, updateScrollState]);
+  const translateValue = orientation === "horizontal" ? `translateX(-${currentSlide * 100}%)` : `translateY(-${currentSlide * 100}%)`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: "flex transition-transform duration-300 ease-in-out",
+      style: {
+        transform: translateValue,
+        flexDirection: orientation === "horizontal" ? "row" : "column"
+      },
+      children: childArray.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "min-w-full min-h-full shrink-0",
+          style: {
+            width: orientation === "horizontal" ? "100%" : void 0,
+            height: orientation === "vertical" ? "100%" : void 0
+          },
+          children: child
+        },
+        index
+      ))
+    }
+  ) });
+};
+const CarouselContent = ({
+  className,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+};
+const CarouselItem = ({
+  className,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: (0, import_utils.cn)("min-w-0 shrink-0 grow-0 basis-full", className),
+      ...props,
+      children
+    }
+  );
+};
+const CarouselPrevious = ({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) => {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_button.Button,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: (0, import_utils.cn)(
+        "absolute z-10 size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+};
+const CarouselNext = ({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) => {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_button.Button,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: (0, import_utils.cn)(
+        "absolute z-10 size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  useCarousel
+});
+//# sourceMappingURL=carousel.js.map

package/dist/ui/primitives/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/primitives/carousel.tsx"],"sourcesContent":["/*\n * @graph8/sdk/ui — GENERATED FROM frontend/components/ui/carousel.tsx. DO NOT EDIT.\n *\n * Edit the app source, then run: npm run generate:ui --prefix sdk/js\n * Hand edits are overwritten and will fail sdk/js/tests/ui/drift.test.ts.\n */\n\"use client\";\n\nimport * as React from \"react\";\nimport { useRef, useState, useCallback, useEffect } from \"react\";\n\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\n\nimport { Button } from \"./button\";\nimport { cn } from \"../lib/utils\";\n\ntype CarouselApi = {\n  scrollTo: (index: number) => void;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: () => boolean;\n  canScrollNext: () => boolean;\n  selectedScrollSnap: () => number;\n  scrollSnapList: () => number[];\n};\n\ntype CarouselOptions = {\n  align?: \"start\" | \"center\" | \"end\";\n  loop?: boolean;\n  slidesToScroll?: number;\n  axis?: \"x\" | \"y\";\n};\n\ntype CarouselProps = {\n  opts?: CarouselOptions;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n  autoplay?: boolean;\n  autoplaySpeed?: number;\n};\n\ntype CarouselContextProps = {\n  carouselRef: React.RefObject<HTMLDivElement | null>;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n  currentSlide: number;\n  slideCount: number;\n  api: CarouselApi | null;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nconst useCarousel = () => {\n  const context = React.useContext(CarouselContext);\n\n  if (!context) {\n    throw new Error(\"useCarousel must be used within a <Carousel />\");\n  }\n\n  return context;\n};\n\nconst Carousel = ({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  autoplay = false,\n  autoplaySpeed = 3000,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & CarouselProps) => {\n  const carouselRef = useRef<HTMLDivElement>(null);\n  const [currentSlide, setCurrentSlide] = useState(0);\n  const [slideCount, setSlideCount] = useState(0);\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n\n  const updateScrollState = useCallback(\n    (current: number, total: number) => {\n      const isLoop = opts?.loop ?? false;\n      setCanScrollPrev(isLoop || current > 0);\n      setCanScrollNext(isLoop || current < total - 1);\n    },\n    [opts?.loop]\n  );\n\n  const scrollTo = useCallback(\n    (index: number) => {\n      const total = slideCount;\n      if (total === 0) return;\n\n      let newIndex = index;\n      if (opts?.loop) {\n        newIndex = ((index % total) + total) % total;\n      } else {\n        newIndex = Math.max(0, Math.min(index, total - 1));\n      }\n\n      setCurrentSlide(newIndex);\n      updateScrollState(newIndex, total);\n    },\n    [slideCount, opts?.loop, updateScrollState]\n  );\n\n  const scrollPrev = useCallback(() => {\n    scrollTo(currentSlide - 1);\n  }, [currentSlide, scrollTo]);\n\n  const scrollNext = useCallback(() => {\n    scrollTo(currentSlide + 1);\n  }, [currentSlide, scrollTo]);\n\n  const api: CarouselApi = React.useMemo(\n    () => ({\n      scrollTo,\n      scrollPrev,\n      scrollNext,\n      canScrollPrev: () => canScrollPrev,\n      canScrollNext: () => canScrollNext,\n      selectedScrollSnap: () => currentSlide,\n      scrollSnapList: () => Array.from({ length: slideCount }, (_, i) => i),\n    }),\n    [scrollTo, scrollPrev, scrollNext, canScrollPrev, canScrollNext, currentSlide, slideCount]\n  );\n\n  useEffect(() => {\n    if (setApi) {\n      setApi(api);\n    }\n  }, [api, setApi]);\n\n  // Autoplay\n  useEffect(() => {\n    if (!autoplay || slideCount === 0) return;\n\n    const interval = setInterval(() => {\n      scrollNext();\n    }, autoplaySpeed);\n\n    return () => clearInterval(interval);\n  }, [autoplay, autoplaySpeed, scrollNext, slideCount]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext]\n  );\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        opts,\n        orientation,\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n        currentSlide,\n        slideCount,\n        api,\n      }}\n    >\n      <div\n        onKeyDownCapture={handleKeyDown}\n        className={cn(\"relative\", className)}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        tabIndex={0}\n        {...props}\n      >\n        <CarouselContentWrapper\n          currentSlide={currentSlide}\n          orientation={orientation}\n          setSlideCount={setSlideCount}\n          updateScrollState={updateScrollState}\n        >\n          {children}\n        </CarouselContentWrapper>\n      </div>\n    </CarouselContext.Provider>\n  );\n};\n\n// Internal wrapper to handle slide counting and transitions\nconst CarouselContentWrapper = ({\n  children,\n  currentSlide,\n  orientation,\n  setSlideCount,\n  updateScrollState,\n}: {\n  children: React.ReactNode;\n  currentSlide: number;\n  orientation: \"horizontal\" | \"vertical\";\n  setSlideCount: (count: number) => void;\n  updateScrollState: (current: number, total: number) => void;\n}) => {\n  const childArray = React.Children.toArray(children);\n\n  useEffect(() => {\n    const count = childArray.length;\n    setSlideCount(count);\n    updateScrollState(currentSlide, count);\n  }, [childArray.length, currentSlide, setSlideCount, updateScrollState]);\n\n  const translateValue =\n    orientation === \"horizontal\"\n      ? `translateX(-${currentSlide * 100}%)`\n      : `translateY(-${currentSlide * 100}%)`;\n\n  return (\n    <div className=\"overflow-hidden\">\n      <div\n        className=\"flex transition-transform duration-300 ease-in-out\"\n        style={{\n          transform: translateValue,\n          flexDirection: orientation === \"horizontal\" ? \"row\" : \"column\",\n        }}\n      >\n        {childArray.map((child, index) => (\n          <div\n            key={index}\n            className=\"min-w-full min-h-full shrink-0\"\n            style={{\n              width: orientation === \"horizontal\" ? \"100%\" : undefined,\n              height: orientation === \"vertical\" ? \"100%\" : undefined,\n            }}\n          >\n            {child}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nconst CarouselContent = ({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\">) => {\n  // CarouselContent is now just a passthrough - slides are handled by CarouselContentWrapper\n  return <>{children}</>;\n};\n\nconst CarouselItem = ({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\">) => {\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      className={cn(\"min-w-0 shrink-0 grow-0 basis-full\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst CarouselPrevious = ({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}: React.ComponentProps<typeof Button>) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute z-10 size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft className=\"h-4 w-4\" />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n};\n\nconst CarouselNext = ({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}: React.ComponentProps<typeof Button>) => {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute z-10 size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight className=\"h-4 w-4\" />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n};\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n  useCarousel,\n};\n"],"mappings":"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","names":[]}

package/dist/ui/primitives/carousel.mjs

@@ -0,0 +1,261 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRef, useState, useCallback, useEffect } from "react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import { Button } from "./button.mjs";
+import { cn } from "../lib/utils.mjs";
+const CarouselContext = React.createContext(null);
+const useCarousel = () => {
+  const context = React.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+};
+const Carousel = ({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  autoplay = false,
+  autoplaySpeed = 3e3,
+  className,
+  children,
+  ...props
+}) => {
+  const carouselRef = useRef(null);
+  const [currentSlide, setCurrentSlide] = useState(0);
+  const [slideCount, setSlideCount] = useState(0);
+  const [canScrollPrev, setCanScrollPrev] = useState(false);
+  const [canScrollNext, setCanScrollNext] = useState(false);
+  const updateScrollState = useCallback(
+    (current, total) => {
+      const isLoop = opts?.loop ?? false;
+      setCanScrollPrev(isLoop || current > 0);
+      setCanScrollNext(isLoop || current < total - 1);
+    },
+    [opts?.loop]
+  );
+  const scrollTo = useCallback(
+    (index) => {
+      const total = slideCount;
+      if (total === 0) return;
+      let newIndex = index;
+      if (opts?.loop) {
+        newIndex = (index % total + total) % total;
+      } else {
+        newIndex = Math.max(0, Math.min(index, total - 1));
+      }
+      setCurrentSlide(newIndex);
+      updateScrollState(newIndex, total);
+    },
+    [slideCount, opts?.loop, updateScrollState]
+  );
+  const scrollPrev = useCallback(() => {
+    scrollTo(currentSlide - 1);
+  }, [currentSlide, scrollTo]);
+  const scrollNext = useCallback(() => {
+    scrollTo(currentSlide + 1);
+  }, [currentSlide, scrollTo]);
+  const api = React.useMemo(
+    () => ({
+      scrollTo,
+      scrollPrev,
+      scrollNext,
+      canScrollPrev: () => canScrollPrev,
+      canScrollNext: () => canScrollNext,
+      selectedScrollSnap: () => currentSlide,
+      scrollSnapList: () => Array.from({ length: slideCount }, (_, i) => i)
+    }),
+    [scrollTo, scrollPrev, scrollNext, canScrollPrev, canScrollNext, currentSlide, slideCount]
+  );
+  useEffect(() => {
+    if (setApi) {
+      setApi(api);
+    }
+  }, [api, setApi]);
+  useEffect(() => {
+    if (!autoplay || slideCount === 0) return;
+    const interval = setInterval(() => {
+      scrollNext();
+    }, autoplaySpeed);
+    return () => clearInterval(interval);
+  }, [autoplay, autoplaySpeed, scrollNext, slideCount]);
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  return /* @__PURE__ */ jsx(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        opts,
+        orientation,
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext,
+        currentSlide,
+        slideCount,
+        api
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          tabIndex: 0,
+          ...props,
+          children: /* @__PURE__ */ jsx(
+            CarouselContentWrapper,
+            {
+              currentSlide,
+              orientation,
+              setSlideCount,
+              updateScrollState,
+              children
+            }
+          )
+        }
+      )
+    }
+  );
+};
+const CarouselContentWrapper = ({
+  children,
+  currentSlide,
+  orientation,
+  setSlideCount,
+  updateScrollState
+}) => {
+  const childArray = React.Children.toArray(children);
+  useEffect(() => {
+    const count = childArray.length;
+    setSlideCount(count);
+    updateScrollState(currentSlide, count);
+  }, [childArray.length, currentSlide, setSlideCount, updateScrollState]);
+  const translateValue = orientation === "horizontal" ? `translateX(-${currentSlide * 100}%)` : `translateY(-${currentSlide * 100}%)`;
+  return /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "flex transition-transform duration-300 ease-in-out",
+      style: {
+        transform: translateValue,
+        flexDirection: orientation === "horizontal" ? "row" : "column"
+      },
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "min-w-full min-h-full shrink-0",
+          style: {
+            width: orientation === "horizontal" ? "100%" : void 0,
+            height: orientation === "vertical" ? "100%" : void 0
+          },
+          children: child
+        },
+        index
+      ))
+    }
+  ) });
+};
+const CarouselContent = ({
+  className,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+const CarouselItem = ({
+  className,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: cn("min-w-0 shrink-0 grow-0 basis-full", className),
+      ...props,
+      children
+    }
+  );
+};
+const CarouselPrevious = ({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) => {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: cn(
+        "absolute z-10 size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+};
+const CarouselNext = ({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) => {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: cn(
+        "absolute z-10 size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+};
+export {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  useCarousel
+};
+//# sourceMappingURL=carousel.mjs.map

package/dist/ui/primitives/carousel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/primitives/carousel.tsx"],"sourcesContent":["/*\n * @graph8/sdk/ui — GENERATED FROM frontend/components/ui/carousel.tsx. DO NOT EDIT.\n *\n * Edit the app source, then run: npm run generate:ui --prefix sdk/js\n * Hand edits are overwritten and will fail sdk/js/tests/ui/drift.test.ts.\n */\n\"use client\";\n\nimport * as React from \"react\";\nimport { useRef, useState, useCallback, useEffect } from \"react\";\n\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\n\nimport { Button } from \"./button\";\nimport { cn } from \"../lib/utils\";\n\ntype CarouselApi = {\n  scrollTo: (index: number) => void;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: () => boolean;\n  canScrollNext: () => boolean;\n  selectedScrollSnap: () => number;\n  scrollSnapList: () => number[];\n};\n\ntype CarouselOptions = {\n  align?: \"start\" | \"center\" | \"end\";\n  loop?: boolean;\n  slidesToScroll?: number;\n  axis?: \"x\" | \"y\";\n};\n\ntype CarouselProps = {\n  opts?: CarouselOptions;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n  autoplay?: boolean;\n  autoplaySpeed?: number;\n};\n\ntype CarouselContextProps = {\n  carouselRef: React.RefObject<HTMLDivElement | null>;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n  currentSlide: number;\n  slideCount: number;\n  api: CarouselApi | null;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nconst useCarousel = () => {\n  const context = React.useContext(CarouselContext);\n\n  if (!context) {\n    throw new Error(\"useCarousel must be used within a <Carousel />\");\n  }\n\n  return context;\n};\n\nconst Carousel = ({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  autoplay = false,\n  autoplaySpeed = 3000,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & CarouselProps) => {\n  const carouselRef = useRef<HTMLDivElement>(null);\n  const [currentSlide, setCurrentSlide] = useState(0);\n  const [slideCount, setSlideCount] = useState(0);\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n\n  const updateScrollState = useCallback(\n    (current: number, total: number) => {\n      const isLoop = opts?.loop ?? false;\n      setCanScrollPrev(isLoop || current > 0);\n      setCanScrollNext(isLoop || current < total - 1);\n    },\n    [opts?.loop]\n  );\n\n  const scrollTo = useCallback(\n    (index: number) => {\n      const total = slideCount;\n      if (total === 0) return;\n\n      let newIndex = index;\n      if (opts?.loop) {\n        newIndex = ((index % total) + total) % total;\n      } else {\n        newIndex = Math.max(0, Math.min(index, total - 1));\n      }\n\n      setCurrentSlide(newIndex);\n      updateScrollState(newIndex, total);\n    },\n    [slideCount, opts?.loop, updateScrollState]\n  );\n\n  const scrollPrev = useCallback(() => {\n    scrollTo(currentSlide - 1);\n  }, [currentSlide, scrollTo]);\n\n  const scrollNext = useCallback(() => {\n    scrollTo(currentSlide + 1);\n  }, [currentSlide, scrollTo]);\n\n  const api: CarouselApi = React.useMemo(\n    () => ({\n      scrollTo,\n      scrollPrev,\n      scrollNext,\n      canScrollPrev: () => canScrollPrev,\n      canScrollNext: () => canScrollNext,\n      selectedScrollSnap: () => currentSlide,\n      scrollSnapList: () => Array.from({ length: slideCount }, (_, i) => i),\n    }),\n    [scrollTo, scrollPrev, scrollNext, canScrollPrev, canScrollNext, currentSlide, slideCount]\n  );\n\n  useEffect(() => {\n    if (setApi) {\n      setApi(api);\n    }\n  }, [api, setApi]);\n\n  // Autoplay\n  useEffect(() => {\n    if (!autoplay || slideCount === 0) return;\n\n    const interval = setInterval(() => {\n      scrollNext();\n    }, autoplaySpeed);\n\n    return () => clearInterval(interval);\n  }, [autoplay, autoplaySpeed, scrollNext, slideCount]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext]\n  );\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        opts,\n        orientation,\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n        currentSlide,\n        slideCount,\n        api,\n      }}\n    >\n      <div\n        onKeyDownCapture={handleKeyDown}\n        className={cn(\"relative\", className)}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        tabIndex={0}\n        {...props}\n      >\n        <CarouselContentWrapper\n          currentSlide={currentSlide}\n          orientation={orientation}\n          setSlideCount={setSlideCount}\n          updateScrollState={updateScrollState}\n        >\n          {children}\n        </CarouselContentWrapper>\n      </div>\n    </CarouselContext.Provider>\n  );\n};\n\n// Internal wrapper to handle slide counting and transitions\nconst CarouselContentWrapper = ({\n  children,\n  currentSlide,\n  orientation,\n  setSlideCount,\n  updateScrollState,\n}: {\n  children: React.ReactNode;\n  currentSlide: number;\n  orientation: \"horizontal\" | \"vertical\";\n  setSlideCount: (count: number) => void;\n  updateScrollState: (current: number, total: number) => void;\n}) => {\n  const childArray = React.Children.toArray(children);\n\n  useEffect(() => {\n    const count = childArray.length;\n    setSlideCount(count);\n    updateScrollState(currentSlide, count);\n  }, [childArray.length, currentSlide, setSlideCount, updateScrollState]);\n\n  const translateValue =\n    orientation === \"horizontal\"\n      ? `translateX(-${currentSlide * 100}%)`\n      : `translateY(-${currentSlide * 100}%)`;\n\n  return (\n    <div className=\"overflow-hidden\">\n      <div\n        className=\"flex transition-transform duration-300 ease-in-out\"\n        style={{\n          transform: translateValue,\n          flexDirection: orientation === \"horizontal\" ? \"row\" : \"column\",\n        }}\n      >\n        {childArray.map((child, index) => (\n          <div\n            key={index}\n            className=\"min-w-full min-h-full shrink-0\"\n            style={{\n              width: orientation === \"horizontal\" ? \"100%\" : undefined,\n              height: orientation === \"vertical\" ? \"100%\" : undefined,\n            }}\n          >\n            {child}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nconst CarouselContent = ({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\">) => {\n  // CarouselContent is now just a passthrough - slides are handled by CarouselContentWrapper\n  return <>{children}</>;\n};\n\nconst CarouselItem = ({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\">) => {\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      className={cn(\"min-w-0 shrink-0 grow-0 basis-full\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst CarouselPrevious = ({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}: React.ComponentProps<typeof Button>) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute z-10 size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft className=\"h-4 w-4\" />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n};\n\nconst CarouselNext = ({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}: React.ComponentProps<typeof Button>) => {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute z-10 size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight className=\"h-4 w-4\" />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n};\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n  useCarousel,\n};\n"],"mappings":"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","names":[]}