dune-react 0.0.28 → 0.0.30

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 "motion/react";
 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 "motion/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 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 "motion/react";
 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 "motion/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 { 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 "motion/react";
 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 "motion/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 { 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 "motion/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 { CompoundImage } from "../../../puck-base/image.js";
-import { useScroll, useTransform, motion, useSpring, easeOut, easeInOut } from "framer-motion";
 const ScrollParallaxPortfolio = (props) => {
   const { projects: projects2, styles } = {
     ...ScrollParallaxPortfolioDefaults,

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 "motion/react";
 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 "motion/react";
 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 "motion/react";
 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 "motion/react";
 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 "motion/react";
 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 "motion/react";
 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,6 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef } from "react";
+import { useScroll, useTransform, motion } from "motion/react";
 import { VideoIframe } from "../../../shadcn/video-iframe.js";
 import { Dialog, DialogTrigger, DialogContent } from "../../../shadcn/dialog.js";
 import { useMediaQuery } from "../../../../hooks/use-media-query.js";
@@ -10,7 +11,6 @@ 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,6 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef } from "react";
+import { useScroll, motion, useTransform } from "motion/react";
 import { useMediaQuery } from "../../../../hooks/use-media-query.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { CompoundButton } from "../../../puck-base/button.js";
@@ -8,7 +9,6 @@ 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 "motion/react";
 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,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useScroll, useSpring, useTransform, motion } from "motion/react";
 import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
 import { useRef } from "react";
@@ -7,7 +8,6 @@ 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/scatter-parallax-hero/component.js

@@ -7,7 +7,7 @@ import { CompoundImage } from "../../../puck-base/image.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";
+import { useScroll, useTransform, motion } from "motion/react";
 const ScatterParallaxHero = (props) => {
   const { heading, description, buttons = [], images = [], styles } = {
     ...ScatterParallaxHeroDefaults,

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 "motion/react";
 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,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
+import { useScroll, useTransform, motion } from "motion/react";
 import { VideoIframe } from "../../../shadcn/video-iframe.js";
 import { Dialog, DialogTrigger, DialogContent } from "../../../shadcn/dialog.js";
 import { useMediaQuery } from "../../../../hooks/use-media-query.js";
@@ -11,7 +12,6 @@ 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,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useScroll, useSpring, useTransform, motion } from "motion/react";
 import { useMediaQuery } from "../../../../hooks/use-media-query.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { CompoundButton } from "../../../puck-base/button.js";
@@ -7,7 +8,6 @@ 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 "motion/react";
 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 "motion/react";
 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 "motion/react";
 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/hero-sections/zoom-grid-hero/component.js

@@ -7,7 +7,7 @@ import { CompoundImage } from "../../../puck-base/image.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";
+import { useScroll, useTransform, motion } from "motion/react";
 const ZoomGridHero = (props) => {
   const { heading, description, buttons = [], images = [], styles } = {
     ...ZoomGridHeroDefaults,

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 "motion/react";
 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 "motion/react";
 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 "motion/react";
 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/dist/components/shadcn/resizable-navbar.js

@@ -2,8 +2,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/css-utils.js";
 import { X, Menu } from "lucide-react";
+import { motion, AnimatePresence, useScroll, useMotionValueEvent } from "motion/react";
 import React__default, { useState, useRef } from "react";
-import { motion, AnimatePresence, useScroll, useMotionValueEvent } from "framer-motion";
 const Navbar = ({ children, className }) => {
   const ref = useRef(null);
   const { scrollY } = useScroll({

package/dist/components/ui-block/cover/index.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { cn } from "../../../utils/css-utils.js";
+import { AnimatePresence, motion } from "motion/react";
 import { useState, useRef, useEffect, useId } from "react";
 import { SparklesCore } from "../sparkles/index.js";
-import { AnimatePresence, motion } from "framer-motion";
 const Cover = ({
   children,
   className

package/dist/components/ui-block/sparkles/index.js

@@ -3,8 +3,8 @@ import { jsx } from "react/jsx-runtime";
 import { cn } from "../../../utils/css-utils.js";
 import Particles, { initParticlesEngine } from "@tsparticles/react";
 import { loadSlim } from "@tsparticles/slim";
+import { useAnimation, motion } from "motion/react";
 import { useState, useEffect, useId } from "react";
-import { useAnimation, motion } from "framer-motion";
 const SparklesCore = (props) => {
   const {
     id,

package/dist/components/ui-block/spotlight/index.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { motion } from "motion/react";
 import { useState, useEffect, useMemo } from "react";
-import { motion } from "framer-motion";
 const Spotlight = ({
   gradientFirst,
   gradientSecond,

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "dune-react",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "license": "MIT",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "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",
+    "build": "pnpm gen:meta && vite build && tsc --project tsconfig.build.json && scripts/fix-dts-extensions.sh",
     "watch": "vite build --watch & tsc --project tsconfig.build.json --watch --preserveWatchOutput &",
     "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",