63: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 64: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 65:T40fb,"use client" import React, { useState } from "react" import { Battery, Bluetooth, Calendar, Clock, Cloud, Droplets, Fingerprint, MapPin, MessageSquare, Mic, ShoppingCart, Star, Sun, Users, Video, Wind, } from "lucide-react" import { AnimatePresence, motion, useReducedMotion } from "motion/react" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@/components/ui/tooltip" import { Expandable, ExpandableCard, ExpandableCardContent, ExpandableCardFooter, ExpandableCardHeader, ExpandableContent, ExpandableTrigger, } from "@/registry/default/ui/expandable" // _____________________EXAMPLES______________________ function DesignSyncExample() { return ( console.log("Expanding meeting card...")} onExpandEnd={() => console.log("Meeting card expanded!")} > {({ isExpanded }) => (

In 15 mins

Design Sync

Add to Calendar

1:30PM → 2:30PM

Conference Room A

Weekly design sync to discuss ongoing projects, share updates, and address any design-related challenges.

Attendees:

{["Alice", "Bob", "Charlie", "David"].map((name, index) => ( {name[0]}

{name}

))}

{isExpanded && ( )}

Weekly Next: Mon, 10:00 AM

)} ) } export function ProductShowcaseCard() { return ( console.log("Expanding product card...")} onExpandEnd={() => console.log("Product card expanded!")} > {({ isExpanded }) => (

New Arrival $129.99

Sony Headphones

{[1, 2, 3, 4, 5].map((star) => ( ))} {isExpanded ? ( (128 reviews) ) : ( (128) )}

Experience crystal-clear audio with our latest noise-cancelling technology. Perfect for work, travel, or relaxation.

{[ { icon: Battery, text: "30-hour battery life" }, { icon: Bluetooth, text: "Bluetooth 5.0" }, { icon: Fingerprint, text: "Touch controls" }, { icon: Mic, text: "Voice assistant compatible" }, ].map((feature, index) => (

{feature.text}

))}

Free shipping 30-day return policy

)} ) } export function WeatherForecastCard() { return (

Today's Weather

72°F

Feels like 75°F

Sunny

High 78° / Low 65°

Humidity

45%

Wind

8 mph

Precipitation

5-Day Forecast

{["Mon", "Tue", "Wed", "Thu", "Fri"].map((day, index) => (

{day}

{70 + index}°F

))}

Last updated: 5 minutes ago

) } export default function ExpandableCardExamples() { return (

) } 62:["$","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":[null,["$","$L63",null,{"namespace":"@registrydirectory","registryDependencies":["expandable"]}]]}],null]}],["$","$L64",null,{"files":[{"path":"registry/default/example/expandable-demo.tsx","content":"$65","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]