dune-react 0.0.25 → 0.0.27

package/dist/components/puck-block/banner-sections/scroll-driven-marquee/scroll-driven-marquee.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { useScroll, useTransform, motion } from "framer-motion";
 import { useRef } from "react";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
+import { useScroll, useTransform, motion } from "framer-motion";
 const ScrollDrivenMarquee = (props) => {
   const {
     headings = [],

package/dist/components/puck-block/banner-sections/scroll-parallax-text/scroll-parallax-text.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
-import { useScroll, useTransform, motion } from "framer-motion";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
+import { useScroll, useTransform, motion } from "framer-motion";
 const ScrollParallaxText = (props) => {
   const {
     headings = [],

package/dist/components/puck-block/cta-sections/mouse-track-cta/mouse-track-cta.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { motion } from "framer-motion";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { resolveActionUrl } from "../../../puck-core/core/props/interactive.js";
+import { motion } from "framer-motion";
 const getDirection = (ev, obj) => {
   const { width: w, height: h, left, top } = obj.getBoundingClientRect();
   const centerX = left + w / 2;

package/dist/components/puck-block/gallery-sections/fullscreen-portfolio/fullscreen-portfolio.js

@@ -3,10 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { Button } from "../../../shadcn/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
-import { useScroll, useTransform, motion } from "framer-motion";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
+import { useScroll, useTransform, motion } from "framer-motion";
 const FullscreenPortfolio = (props) => {
   const { projects, styles } = {
     ...FullscreenPortfolioDefaults,

package/dist/components/puck-block/gallery-sections/interactive-portfolio/interactive-portfolio.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
-import { motion } from "framer-motion";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { CompoundImage } from "../../../puck-base/image.js";
+import { motion } from "framer-motion";
 const getDirection = (ev, obj) => {
   const { width: w, height: h, left, top } = obj.getBoundingClientRect();
   const centerX = left + w / 2;

package/dist/components/puck-block/gallery-sections/scroll-parallax/scroll-parallax.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef } from "react";
-import { useScroll, useTransform, motion } from "framer-motion";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
 import { CompoundImage } from "../../../puck-base/image.js";
+import { useScroll, useTransform, motion } from "framer-motion";
 const ScrollParallax = (props) => {
   const { heading, description, images, styles } = {
     ...ScrollParallaxDefaults,

package/dist/components/puck-block/gallery-sections/scroll-parallax-portfolio/scroll-parallax-portfolio.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
-import { useScroll, useTransform, motion, useSpring, easeOut, easeInOut } from "framer-motion";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
 import { CompoundImage } from "../../../puck-base/image.js";
+import { useScroll, useTransform, motion, useSpring, easeOut, easeInOut } from "framer-motion";
 const ScrollParallaxPortfolio = (props) => {
   const { projects: projects2, styles } = {
     ...ScrollParallaxPortfolioDefaults,
@@ -49,7 +49,7 @@ const ThreeImageParallaxVariant = ({
   const transformRef = useRef(null);
   const [scrollContainerRef] = useScrollContainer(transformRef);
   const { scrollYProgress } = useScroll({
-    target: transformRef,
+    ...isEditor ? {} : { target: transformRef },
     ...scrollContainerRef.current ? { container: scrollContainerRef } : {}
   });
   const smoothProgress = useSpring(scrollYProgress, {

package/dist/components/puck-block/header-sections/centered-navbar/centered-navbar.js

@@ -3,9 +3,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button } from "../../../shadcn/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
-import { motion } from "framer-motion";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { motion } from "framer-motion";
 const CenteredNavbar = (props) => {
   const { logo, navLinks, buttons, styles } = {
     ...CenteredNavbarDefaults,

package/dist/components/puck-block/header-sections/drawer-navbar/drawer-navbar.js

@@ -3,9 +3,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button } from "../../../shadcn/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
-import { AnimatePresence, motion } from "framer-motion";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { AnimatePresence, motion } from "framer-motion";
 const DrawerNavbar = (props) => {
   const { logo, navLinks, buttons, styles } = {
     ...DrawerNavbarDefaults,

package/dist/components/puck-block/header-sections/floating-bordered-navbar/floating-bordered-navbar.js

@@ -4,10 +4,10 @@ import { useState } from "react";
 import { useMediaQuery } from "../../../../hooks/use-media-query.js";
 import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
-import { motion, AnimatePresence } from "framer-motion";
 import { RxChevronDown } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/rx/index.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { motion, AnimatePresence } from "framer-motion";
 const FloatingBorderedNavbar = (props) => {
   const { logo, navLinks, button, styles } = {
     ...FloatingBorderedNavbarDefaults,

package/dist/components/puck-block/header-sections/fullscreen-overlay-navbar/fullscreen-overlay-navbar.js

@@ -3,9 +3,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button } from "../../../shadcn/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
-import { motion, AnimatePresence } from "framer-motion";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { motion, AnimatePresence } from "framer-motion";
 const FullscreenOverlayNavbar = (props) => {
   const { logo, navLinks, button, styles } = {
     ...FullscreenOverlayNavbarDefaults,

package/dist/components/puck-block/header-sections/mega-menu-navbar/mega-menu-navbar.js

@@ -4,9 +4,9 @@ import { useState } from "react";
 import { Button } from "../../../shadcn/button.js";
 import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
-import { motion } from "framer-motion";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { motion } from "framer-motion";
 const MegaMenuNavbar = (props) => {
   const { logo, navLinks, buttons, styles } = { ...MegaMenuNavbarDefaults, ...props };
   const { className: sectionClassName, style: sectionStyle, css } = styles ?? {};

package/dist/components/puck-block/header-sections/standard-navbar/standard-navbar.js

@@ -4,10 +4,10 @@ import { useState } from "react";
 import { Button } from "../../../shadcn/button.js";
 import { useMediaQuery } from "../../../../hooks/use-media-query.js";
 import { CompoundImage } from "../../../puck-base/image.js";
-import { motion, AnimatePresence } from "framer-motion";
 import { RxChevronDown } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/rx/index.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { motion, AnimatePresence } from "framer-motion";
 const StandardNavbar = (props) => {
   const { logo, navLinks, buttons, styles } = { ...StandardNavbarDefaults, ...props };
   const { className: sectionClassName, style: sectionStyle, css } = styles ?? {};

package/dist/components/puck-block/hero-sections/fullscreen-video-hero/component.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef } from "react";
-import { useScroll, useTransform, motion } from "framer-motion";
 import { VideoIframe } from "../../../shadcn/video-iframe.js";
 import { Dialog, DialogTrigger, DialogContent } from "../../../shadcn/dialog.js";
 import { useMediaQuery } from "../../../../hooks/use-media-query.js";
@@ -11,6 +10,7 @@ import { CompoundImage } from "../../../puck-base/image.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { FaCirclePlay } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/fa6/index.js";
+import { useScroll, useTransform, motion } from "framer-motion";
 const FullscreenVideoHero = (props) => {
   const { heading, description, buttons = [], video = "", images = [{ src: "", alt: "" }], styles } = {
     ...FullscreenVideoHeroDefaults,

package/dist/components/puck-block/hero-sections/grid-expand-hero/component.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef } from "react";
-import { useScroll, motion, useTransform } from "framer-motion";
 import { useMediaQuery } from "../../../../hooks/use-media-query.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { CompoundButton } from "../../../puck-base/button.js";
@@ -9,6 +8,7 @@ import { CompoundImage } from "../../../puck-base/image.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
+import { useScroll, motion, useTransform } from "framer-motion";
 const GridExpandHero = (props) => {
   const {
     heading,

package/dist/components/puck-block/hero-sections/mouse-track-hero/component.js

@@ -5,9 +5,9 @@ import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { cn } from "../../../../utils/css-utils.js";
-import { motion, useMotionValue, useSpring, useTransform } from "framer-motion";
 import { useCallback } from "react";
 import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
+import { motion, useMotionValue, useSpring, useTransform } from "framer-motion";
 const imagePositions = {
   group1: [
     "bottom-[5%] left-[-8%] z-10 max-w-[18%] sm:bottom-[10%] lg:bottom-auto",

package/dist/components/puck-block/hero-sections/parallax-images-hero/component.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useScroll, useSpring, useTransform, motion } from "framer-motion";
 import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
 import { useRef } from "react";
@@ -8,6 +7,7 @@ import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
 import { cn } from "../../../../utils/css-utils.js";
+import { useScroll, useSpring, useTransform, motion } from "framer-motion";
 const ParallaxImagesHero = (props) => {
   const { heading, description, buttons = [], images = [], styles } = {
     ...ParallaxImagesHeroDefaults,

package/dist/components/puck-block/hero-sections/scroll-expand-video-hero/component.js

@@ -4,13 +4,13 @@ import { useState, useRef } from "react";
 import { Dialog, DialogTrigger, DialogContent } from "../../../shadcn/dialog.js";
 import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
-import { useScroll, useSpring, useTransform, motion } from "framer-motion";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
 import { FaCirclePlay } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/fa6/index.js";
 import { CgSpinner } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/cg/index.js";
+import { useScroll, useSpring, useTransform, motion } from "framer-motion";
 const ScrollExpandVideoHero = (props) => {
   const { heading, description, buttons = [], video = "", images = [{ src: "", alt: "" }], styles } = {
     ...ScrollExpandVideoHeroDefaults,

package/dist/components/puck-block/hero-sections/scroll-zoom-hero/component.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
-import { useScroll, useTransform, motion } from "framer-motion";
 import { VideoIframe } from "../../../shadcn/video-iframe.js";
 import { Dialog, DialogTrigger, DialogContent } from "../../../shadcn/dialog.js";
 import { useMediaQuery } from "../../../../hooks/use-media-query.js";
@@ -12,6 +11,7 @@ import { CompoundImage } from "../../../puck-base/image.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { FaCirclePlay } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/fa6/index.js";
+import { useScroll, useTransform, motion } from "framer-motion";
 const ScrollZoomHero = (props) => {
   var _a, _b, _c, _d;
   const {

package/dist/components/puck-block/hero-sections/sticky-expand-hero/component.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useScroll, useSpring, useTransform, motion } from "framer-motion";
 import { useMediaQuery } from "../../../../hooks/use-media-query.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { CompoundButton } from "../../../puck-base/button.js";
@@ -8,6 +7,7 @@ import { CompoundImage } from "../../../puck-base/image.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { useRef } from "react";
+import { useScroll, useSpring, useTransform, motion } from "framer-motion";
 const StickyExpandHero = (props) => {
   const { heading, description, buttons = [], images, styles } = {
     ...StickyExpandHeroDefaults,

package/dist/components/puck-block/hero-sections/sticky-video-hero/component.js

@@ -4,12 +4,12 @@ import { useState, useRef } from "react";
 import { Dialog, DialogTrigger, DialogContent } from "../../../shadcn/dialog.js";
 import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
-import { useScroll, useTransform, motion } from "framer-motion";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { FaCirclePlay } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/fa6/index.js";
 import { CgSpinner } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/cg/index.js";
+import { useScroll, useTransform, motion } from "framer-motion";
 const StickyVideoHero = (props) => {
   const {
     heading = "",

package/dist/components/puck-block/hero-sections/tab-hero/component.js

@@ -4,9 +4,9 @@ import { useState } from "react";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../shadcn/tabs.js";
 import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
-import { AnimatePresence, motion } from "framer-motion";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { cn } from "../../../../utils/css-utils.js";
+import { AnimatePresence, motion } from "framer-motion";
 const TabHero = (props) => {
   const { defaultTabValue, tabs, styles } = {
     ...TabHeroDefaults,

package/dist/components/puck-block/hero-sections/three-image-parallax-hero/component.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
-import { useScroll, useTransform, motion } from "framer-motion";
 import { useMediaQuery } from "../../../../hooks/use-media-query.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { cn } from "../../../../utils/css-utils.js";
+import { useScroll, useTransform, motion } from "framer-motion";
 const ThreeImageParallaxHero = (props) => {
   const {
     heading,

package/dist/components/puck-block/showcase-sections/single-column-timeline/component.js

@@ -3,10 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
-import { useScroll, useTransform, motion } from "framer-motion";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { useScroll, useTransform, motion } from "framer-motion";
 const SingleColumnTimeline = (props) => {
   const {
     tagline,

package/dist/components/puck-block/showcase-sections/sticky-scroll-timeline/component.js

@@ -3,10 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
-import { useScroll, useTransform, motion } from "framer-motion";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { useScroll, useTransform, motion } from "framer-motion";
 const StickyScrollTimeline = (props) => {
   const {
     tagline,

package/dist/components/puck-block/showcase-sections/zigzag-timeline/component.js

@@ -3,10 +3,10 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useRef } from "react";
 import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
-import { useScroll, useTransform, motion } from "framer-motion";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { useScroll, useTransform, motion } from "framer-motion";
 const ZigzagTimeline = (props) => {
   const {
     tagline,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dune-react",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "license": "MIT",
   "type": "module",
   "scripts": {