dune-react 0.0.27 → 0.0.29

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,6 +1,6 @@
 {
   "name": "dune-react",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "license": "MIT",
   "type": "module",
   "scripts": {

package/dist/components/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./shadcn/index.ts";
-export * from "./ui-block/index.ts";
-export * from "./puck-base/index.ts";
-export * from "./puck-core/index.ts";
-export * from "./puck-block/index.ts";

package/dist/components/puck-base/article-card.d.ts

@@ -1,10 +0,0 @@
-import { CompoundButtonProps } from "./button";
-import { CompoundImageProps } from "./image";
-export interface CompoundArticleCardProps {
-    image?: CompoundImageProps;
-    heading?: string;
-    description?: string;
-    button?: CompoundButtonProps;
-    className?: string;
-}
-export declare const CompoundArticleCard: ({ image, heading, description, button, className, }: CompoundArticleCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/badge.d.ts

@@ -1,10 +0,0 @@
-import { Badge, badgeVariants } from "@/components/shadcn/badge";
-import type { VariantProps } from "class-variance-authority";
-type BadgeProps = React.ComponentProps<typeof Badge> & VariantProps<typeof badgeVariants>;
-export interface CompoundBadgeProps {
-    label: string;
-    url?: string;
-    variant?: BadgeProps["variant"];
-}
-export declare const CompoundBadge: (props: CompoundBadgeProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/puck-base/button.d.ts

@@ -1,13 +0,0 @@
-import { type ButtonProps } from "@/components/shadcn/button";
-import { Action, IconName } from "@/components/puck-core/core/types";
-export interface CompoundButtonProps {
-    label: string;
-    action?: Action;
-    variant?: ButtonProps["variant"];
-    size?: ButtonProps["size"];
-    icon?: IconName;
-    type?: "button" | "submit" | "reset";
-    disabled?: boolean;
-    className?: string;
-}
-export declare const CompoundButton: (props: CompoundButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/card.d.ts

@@ -1,13 +0,0 @@
-import { IconName } from "@/components/puck-core/core/types";
-import { CompoundButtonProps } from "./button";
-import { CompoundImageProps } from "./image";
-export interface CompoundCardProps {
-    image?: CompoundImageProps;
-    icon?: IconName;
-    heading?: string;
-    description?: string;
-    button?: CompoundButtonProps;
-    cardStyle?: "default" | "light";
-    className?: string;
-}
-export declare const CompoundCard: ({ image, icon, heading, description, button, cardStyle, className, }: CompoundCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/container.d.ts

@@ -1,24 +0,0 @@
-import { CSSProperties, ReactNode } from "react";
-type PaddingLevel = "none" | "small" | "medium" | "large";
-export type SectionStyle = "default" | "dark" | "muted" | "inverted" | "custom";
-export type OverlayStyle = "none" | "gradient-top" | "gradient-bottom" | "noise";
-export interface CompoundContainerProps {
-    children: ReactNode;
-    padding?: {
-        top?: PaddingLevel;
-        bottom?: PaddingLevel;
-    };
-    sectionStyle?: SectionStyle;
-    backgroundColor?: string;
-    backgroundImage?: string;
-    overlay?: OverlayStyle;
-    className?: string;
-}
-/**
- * Section-scoped CSS variable presets.
- * These override the root-level CSS variables so child components
- * using `bg-background`, `text-foreground` etc. automatically adapt.
- */
-export declare const SECTION_STYLE_VARS: Record<string, CSSProperties>;
-export declare const CompoundContainer: ({ children, padding, sectionStyle, backgroundColor, backgroundImage, overlay, className, }: CompoundContainerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/puck-base/content.d.ts

@@ -1,14 +0,0 @@
-import { CompoundBadgeProps } from "./badge";
-import { CompoundButtonProps } from "./button";
-import { Feature } from "@/components/puck-core/core/types";
-export interface CompoundContentProps {
-    badge?: CompoundBadgeProps;
-    heading?: string;
-    description?: string;
-    features?: Feature[];
-    buttons?: CompoundButtonProps[];
-    alignContent?: "start" | "center" | "end";
-    className?: string;
-    spacing?: "normal" | "tight";
-}
-export declare const CompoundContent: ({ badge, heading, description, features, buttons, alignContent, className, spacing, }: CompoundContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/field.d.ts

@@ -1,9 +0,0 @@
-export declare const fieldTypes: readonly ["text", "number", "password", "date", "file"];
-export type FieldTypes = (typeof fieldTypes)[number];
-export interface CompoundFieldProps {
-    id?: string;
-    name: string;
-    label: string;
-    type: FieldTypes;
-}
-export declare const CompoundField: (props: CompoundFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/form.d.ts

@@ -1,12 +0,0 @@
-import { CompoundButtonProps } from "./button";
-import { CompoundFieldProps } from "./field";
-export declare const formMethods: readonly ["get", "post", "put", "patch", "delete"];
-export type FormMethods = (typeof formMethods)[number];
-export interface CompoundFormProps {
-    title?: string;
-    fields: CompoundFieldProps[];
-    action: string;
-    method: FormMethods;
-    button: CompoundButtonProps;
-}
-export declare const CompoundForm: (props: CompoundFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/gradient-text.d.ts

@@ -1,10 +0,0 @@
-export interface GradientTextProps {
-    text: string;
-    as?: "h1" | "h2" | "h3" | "h4" | "p" | "span";
-    gradientFrom?: string;
-    gradientTo?: string;
-    gradientVia?: string;
-    direction?: "to-r" | "to-l" | "to-b" | "to-t" | "to-br" | "to-bl";
-    className?: string;
-}
-export declare const GradientText: ({ text, as: Tag, gradientFrom, gradientTo, gradientVia, direction, className, }: GradientTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/image.d.ts

@@ -1,6 +0,0 @@
-export interface CompoundImageProps {
-    src: string;
-    alt?: string;
-    className?: string;
-}
-export declare const CompoundImage: (props: CompoundImageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/index.d.ts

@@ -1,11 +0,0 @@
-export { CompoundBadge, type CompoundBadgeProps } from "./badge";
-export { CompoundButton, type CompoundButtonProps } from "./button";
-export { CompoundCard, type CompoundCardProps } from "./card";
-export { CompoundContainer, type CompoundContainerProps, type SectionStyle, type OverlayStyle } from "./container";
-export { CompoundContent, type CompoundContentProps } from "./content";
-export { CompoundField, type CompoundFieldProps, fieldTypes, type FieldTypes } from "./field";
-export { CompoundForm, type CompoundFormProps, formMethods, type FormMethods } from "./form";
-export { CompoundImage, type CompoundImageProps } from "./image";
-export { CompoundArticleCard, type CompoundArticleCardProps } from "./article-card";
-export { GradientText, type GradientTextProps } from "./gradient-text";
-export { SafeDynamicIcon } from "./safe-dynamic-icon";