dune-react 0.0.10 → 0.0.11

package/dist/components/puck-block/testimonial-sections/testimonials-1/testimonials.js

@@ -16,19 +16,31 @@ const Testimonials = ({
   const [currentIndex, setCurrentIndex] = useState(0);
   const prefersReducedMotion = usePrefersReducedMotion();
   useEffect(() => {
-    if (!api || prefersReducedMotion) {
+    if (!api || prefersReducedMotion || (styles == null ? void 0 : styles.layout) === "quote") {
       return;
     }
-    setTimeout(() => {
+    const timer = setTimeout(() => {
       if (api.selectedScrollSnap() + 1 === api.scrollSnapList().length) {
         setCurrentIndex(0);
         api.scrollTo(0);
       } else {
         api.scrollNext();
-        setCurrentIndex(currentIndex + 1);
+        setCurrentIndex((prev) => prev + 1);
       }
     }, 4e3);
-  }, [api, currentIndex, prefersReducedMotion]);
+    return () => clearTimeout(timer);
+  }, [api, currentIndex, prefersReducedMotion, styles == null ? void 0 : styles.layout]);
+  useEffect(() => {
+    if ((styles == null ? void 0 : styles.layout) !== "quote" || prefersReducedMotion) {
+      return;
+    }
+    const count = (testimonials ?? []).length;
+    if (count <= 1) return;
+    const timer = setTimeout(() => {
+      setCurrentIndex((prev) => (prev + 1) % count);
+    }, 5e3);
+    return () => clearTimeout(timer);
+  }, [currentIndex, prefersReducedMotion, styles == null ? void 0 : styles.layout, testimonials]);
   const items = testimonials ?? [];
   if ((styles == null ? void 0 : styles.layout) === "quote") {
     const safeIndex = items.length > 0 ? currentIndex % items.length : 0;
@@ -59,17 +71,25 @@ const Testimonials = ({
             /* @__PURE__ */ jsx(
               "button",
               {
-                onClick: prev,
-                className: "rounded-full border border-current/30 p-2 hover:bg-white/10 transition-colors",
-                children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" })
+                onClick: (e) => {
+                  e.stopPropagation();
+                  prev();
+                },
+                style: { pointerEvents: "auto" },
+                className: "relative z-10 rounded-full border border-current/30 p-2 hover:bg-white/10 transition-colors cursor-pointer",
+                children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5", style: { pointerEvents: "none" } })
               }
             ),
             /* @__PURE__ */ jsx(
               "button",
               {
-                onClick: next,
-                className: "rounded-full border border-current/30 p-2 hover:bg-white/10 transition-colors",
-                children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5" })
+                onClick: (e) => {
+                  e.stopPropagation();
+                  next();
+                },
+                style: { pointerEvents: "auto" },
+                className: "relative z-10 rounded-full border border-current/30 p-2 hover:bg-white/10 transition-colors cursor-pointer",
+                children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5", style: { pointerEvents: "none" } })
               }
             )
           ] })

package/dist/components/puck-block/text-sections/articles-1/articles.js

@@ -27,7 +27,7 @@ const Articles = ({
             CompoundButton,
             {
               label: buttons[0].label,
-              url: buttons[0].url,
+              action: buttons[0].action,
               variant: buttons[0].variant,
               size: buttons[0].size,
               icon: buttons[0].icon

package/dist/components/puck-block/text-sections/articles-1/index.js

@@ -32,7 +32,6 @@ const conf = {
     buttons: [
       {
         label: "",
-        url: "",
         variant: "default",
         size: "default",
         icon: "none"
@@ -44,7 +43,7 @@ const conf = {
         ...defaultCard,
         heading: `Article ${index + 1}`,
         description: "A short summary of this article goes here.",
-        button: { label: "", url: "", variant: "link", size: "default", icon: "move-right" }
+        button: { label: "", variant: "link", size: "default", icon: "move-right" }
       }
     })),
     styles: createStylesDefaults({ columns: 3 })

package/dist/components/puck-block/text-sections/content-section-1/content-section.js

@@ -27,7 +27,6 @@ const TextBlock = ({
           CompoundButton,
           {
             label: button.label,
-            url: button.url,
             action: button.action,
             variant: button.variant,
             size: button.size,

package/dist/components/puck-block/text-sections/content-section-1/index.js

@@ -49,14 +49,12 @@ const conf = {
     buttons: [
       {
         label: "Get started",
-        url: "#",
         variant: "default",
         size: "lg",
         icon: "none"
       },
       {
         label: "Learn more",
-        url: "#",
         variant: "outline",
         size: "lg",
         icon: "none"

package/dist/components/puck-block/text-sections/tab-section-1/tab-section.js

@@ -21,12 +21,16 @@ const TabSection = ({
       /* @__PURE__ */ jsx("div", { className: "border-border mb-8 flex gap-1 border-b", children: tabs.map((tab, i) => /* @__PURE__ */ jsx(
         "button",
         {
-          onClick: () => setActive(i),
+          onClick: (e) => {
+            e.stopPropagation();
+            setActive(i);
+          },
+          style: { pointerEvents: "auto" },
           className: cn(
-            "-mb-px border-b-2 px-4 py-2 text-sm font-medium transition-colors",
+            "-mb-px border-b-2 px-4 py-2 text-sm font-medium transition-colors cursor-pointer",
             active === i ? "border-primary text-foreground" : "text-muted-foreground hover:text-foreground border-transparent"
           ),
-          children: tab.label
+          children: /* @__PURE__ */ jsx("span", { style: { pointerEvents: "none" }, children: tab.label })
         },
         i
       )) }),

package/dist/components/shadcn/navigation-menu.js

@@ -1,10 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
 import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
 import { cva } from "class-variance-authority";
 import { cn } from "../../utils/css-utils.js";
 import { ChevronDownIcon } from "lucide-react";
-import { useEditorContext } from "../puck-base/editor-context.js";
 function NavigationMenu({
   align = "start",
   className,
@@ -12,34 +10,6 @@ function NavigationMenu({
   onValueChange,
   ...props
 }) {
-  const { isEditor } = useEditorContext();
-  const [value, setValue] = useState(props.defaultValue ?? null);
-  const handleValueChange = useCallback(
-    (newValue, details) => {
-      if (newValue === null && details.reason === "focus-out") return;
-      setValue(newValue);
-      onValueChange == null ? void 0 : onValueChange(newValue, details);
-    },
-    [onValueChange]
-  );
-  if (!isEditor) {
-    return /* @__PURE__ */ jsxs(
-      NavigationMenu$1.Root,
-      {
-        "data-slot": "navigation-menu",
-        className: cn(
-          "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
-          className
-        ),
-        onValueChange,
-        ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsx(NavigationMenuPositioner, { align })
-        ]
-      }
-    );
-  }
   return /* @__PURE__ */ jsxs(
     NavigationMenu$1.Root,
     {
@@ -48,8 +18,7 @@ function NavigationMenu({
         "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
         className
       ),
-      value,
-      onValueChange: handleValueChange,
+      onValueChange,
       ...props,
       children: [
         children,
@@ -104,7 +73,13 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180", "aria-hidden": "true" })
+        /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            className: "relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
       ]
     }
   );

package/dist/index.js

@@ -4,7 +4,7 @@ import { default as default4 } from "./components/shadcn/badge-promo.js";
 import { default as default5 } from "./components/puck-base/use-upload.js";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/shadcn/accordion.js";
 import { conf } from "./components/puck-block/faq-sections/accordion-1/index.js";
-import { ActionField } from "./components/puck-base/action-field.js";
+import { ActionField } from "./components/puck-base/fields/action-field.js";
 import { Alert, AlertAction, AlertDescription, AlertTitle } from "./components/shadcn/alert.js";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/shadcn/alert-dialog.js";
 import { AnimatedThemeToggler } from "./components/shadcn/animated-theme-toggler.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dune-react",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -8,7 +8,7 @@
     "gen:meta": "node --import ./scripts/register-mocks.mjs --import tsx/esm scripts/generate-component-meta.ts",
     "build": "pnpm gen:meta && vite build && tsc --project tsconfig.build.json",
     "watch": "vite build --watch & tsc --project tsconfig.build.json --watch --preserveWatchOutput &",
-    "build:sync": "pnpm build && cd /Volumes/code/magent && pnpm sync:dune",
+    "build:sync": "pnpm build && cd ../magent && pnpm sync:dune && cd ../canvas-editor && pnpm sync:dune",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "storybook": "storybook dev -p 8080",