4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:Te77,"use client"; import { motion, useReducedMotion, type Variants } from "motion/react"; import React, { type ReactNode } from "react"; export type PresetType = | "fade" | "slide" | "scale" | "blur" | "blur-slide" | "zoom" | "flip" | "bounce" | "rotate" | "swing"; export interface AnimatedGroupProps { as?: React.ElementType; asChild?: React.ElementType; children: ReactNode; className?: string; preset?: PresetType; variants?: { container?: Variants; item?: Variants; }; } const defaultContainerVariants: Variants = { visible: { transition: { staggerChildren: 0.1, }, }, }; const defaultItemVariants: Variants = { hidden: { opacity: 0 }, visible: { opacity: 1 }, }; const BLUR_TRANSITION = { duration: 0.25, ease: [0.23, 1, 0.32, 1], } as const; const presetVariants: Record = { blur: { hidden: { filter: "blur(4px)" }, visible: { filter: "blur(0px)", transition: BLUR_TRANSITION }, }, "blur-slide": { hidden: { filter: "blur(4px)", y: 20 }, visible: { filter: "blur(0px)", transition: BLUR_TRANSITION, y: 0, }, }, bounce: { hidden: { y: -50 }, visible: { transition: { damping: 10, stiffness: 400, type: "spring" as const }, y: 0, }, }, fade: {}, flip: { hidden: { rotateX: -90 }, visible: { rotateX: 0, transition: { damping: 20, stiffness: 300, type: "spring" as const }, }, }, rotate: { hidden: { rotate: -180 }, visible: { rotate: 0, transition: { damping: 15, stiffness: 200, type: "spring" as const }, }, }, scale: { hidden: { scale: 0.8 }, visible: { scale: 1 }, }, slide: { hidden: { y: 20 }, visible: { y: 0 }, }, swing: { hidden: { rotate: -10 }, visible: { rotate: 0, transition: { damping: 8, stiffness: 300, type: "spring" as const }, }, }, zoom: { hidden: { scale: 0.5 }, visible: { scale: 1, transition: { damping: 20, stiffness: 300, type: "spring" as const }, }, }, }; const reducedContainerVariants: Variants = { hidden: { opacity: 1 }, visible: { opacity: 1, transition: { staggerChildren: 0 } }, }; const reducedItemVariants: Variants = { hidden: { opacity: 1 }, visible: { opacity: 1 }, }; const addDefaultVariants = (variants: Variants) => ({ hidden: { ...defaultItemVariants.hidden, ...variants.hidden }, visible: { ...defaultItemVariants.visible, ...variants.visible }, }); function AnimatedGroup({ children, className, variants, preset, as = "div", asChild = "div", }: AnimatedGroupProps) { const shouldReduceMotion = useReducedMotion(); const selectedVariants = { container: addDefaultVariants(defaultContainerVariants), item: addDefaultVariants(preset ? presetVariants[preset] : {}), }; const containerVariants = shouldReduceMotion ? reducedContainerVariants : (variants?.container ?? selectedVariants.container); const itemVariants = shouldReduceMotion ? reducedItemVariants : (variants?.item ?? selectedVariants.item); const MotionComponent = motion.create(as); const MotionChild = motion.create(asChild); return ( {React.Children.map(children, (child, index) => ( {child} ))} ); } export { AnimatedGroup }; 51:T4a8,"use client"; import { motion, useReducedMotion } from "motion/react"; import type { ElementType, ReactNode } from "react"; interface AnimatedTextProps { as?: ElementType; children: ReactNode; className?: string; delay?: number; } export function AnimatedText({ as: Tag = "span", children, className, delay = 0, }: AnimatedTextProps) { const shouldReduceMotion = useReducedMotion(); return ( {children} ); } 52:T2c3a,"use client"; import SmoothButton from "@/components/smoothui/smooth-button"; import { cn } from "@/lib/utils"; import { Menu, X } from "lucide-react"; import { AnimatePresence, motion, useReducedMotion } from "motion/react"; import { useState } from "react"; const menuItems = [ { href: "#link", id: "features", name: "Features" }, { href: "#link", id: "pricing", name: "Pricing" }, { href: "#link", id: "about", name: "About" }, ]; // Animation constants const ANIMATION_DURATION = 0.2; const STAGGER_DELAY = 0.05; const EASE_OUT_QUART_X1 = 0.22; const EASE_OUT_QUART_Y1 = 1; const EASE_OUT_QUART_X2 = 0.36; const EASE_OUT_QUART_Y2 = 1; const EASE_OUT_QUART = [ EASE_OUT_QUART_X1, EASE_OUT_QUART_Y1, EASE_OUT_QUART_X2, EASE_OUT_QUART_Y2, ] as const; const ROTATION_ANGLE = 180; const SCALE_MIN = 0; const SCALE_MAX = 1; const TRANSLATE_Y_OFFSET = -10; const TRANSLATE_X_OFFSET = -10; export const HeroHeader = () => { const shouldReduceMotion = useReducedMotion(); const [menuState, setMenuState] = useState(false); return (

SmoothUI

setMenuState(!menuState)} size="icon-sm" type="button" variant="ghost" > {menuState ? ( ) : ( )}

{item.name}

{menuState ? (

setMenuState(false)} > {item.name}

setMenuState(false)} size="sm" type="button" variant="ghost" > Login setMenuState(false)} size="sm" type="button" > Sign Up ) : null}

); }; 53:T19227,import React from "react"; function Canpoy() { return ( ); } function Canva() { const id1 = React.useId(); return ( ); } function Casetext() { return ( ); } function _Classdojo() { return ( ); } function Clearbit() { return ( ); } function Descript() { return ( ); } function Duolingo() { return ( ); } function Faire() { return ( ); } function _Gainsight() { return ( ); } function _Handshake() { return ( ); } function IDEO() { return ( ); } function KhanAcademy() { return ( ); } function Quizlet() { return ( ); } function Ramp() { return ( ); } function Strava() { return ( ); } export { Canpoy, Canva, Casetext, Clearbit, Descript, Duolingo, Faire, IDEO, KhanAcademy, Quizlet, Ramp, Strava, }; 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}]]}],["$","$L4e",null,{"namespace":"@smoothui","registryDependencies":["https://smoothui.dev/r/smooth-button.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"animated-group.tsx","content":"$50","type":"registry:component","target":"components/smoothui/shared/animated-group.tsx"},{"path":"animated-text.tsx","content":"$51","type":"registry:component","target":"components/smoothui/shared/animated-text.tsx"},{"path":"hero-header.tsx","content":"$52","type":"registry:component","target":"components/smoothui/shared/hero-header.tsx"},{"path":"index.ts","content":"export type { AnimatedGroupProps, PresetType } from \"./animated-group\";\nexport { AnimatedGroup } from \"./animated-group\";\nexport { AnimatedText } from \"./animated-text\";\nexport { HeroHeader } from \"./hero-header\";\nexport {\n Canpoy,\n Canva,\n Casetext,\n Clearbit,\n Descript,\n Duolingo,\n Faire,\n IDEO,\n KhanAcademy,\n Quizlet,\n Ramp,\n Strava,\n} from \"./logos\";\n","type":"registry:component","target":"components/smoothui/shared/index.ts"},{"path":"logos.tsx","content":"$53","type":"registry:component","target":"components/smoothui/shared/logos.tsx"}],"className":"h-[70svh] min-h-80"}]]}]