@meetelise/studio-components 0.0.4 → 0.0.5

package/dist/components/browser/componentMeta.js

@@ -0,0 +1,726 @@
+// ---------------------------------------------------------------------------
+// Metadata catalog
+// ---------------------------------------------------------------------------
+export const componentMeta = {
+    // ── Text & Typography ─────────────────────────────────────────────────
+    Text: {
+        category: "Text & Typography",
+        description: "Semantic text with multiple heading/body variants and theme fonts",
+        props: {
+            content: { type: { kind: "string", default: "The quick brown fox jumps over the lazy dog" } },
+            variant: {
+                type: {
+                    kind: "enum",
+                    options: ["display", "h1", "h2", "h3", "subtitle", "body", "body-lg", "caption", "overline"],
+                    default: "body",
+                },
+            },
+        },
+        presets: [
+            { label: "Display", props: { content: "Luxury Living", variant: "display" } },
+            { label: "Heading 1", props: { content: "Welcome Home", variant: "h1" } },
+            { label: "Heading 2", props: { content: "Our Amenities", variant: "h2" } },
+            { label: "Heading 3", props: { content: "Floor Plans", variant: "h3" } },
+            { label: "Subtitle", props: { content: "Discover exceptional living in the heart of downtown", variant: "subtitle" } },
+            { label: "Body", props: { content: "Our community features resort-style amenities, modern finishes, and a prime location near dining, shopping, and entertainment.", variant: "body" } },
+            { label: "Body Large", props: { content: "Experience the perfect blend of comfort and convenience.", variant: "body-lg" } },
+            { label: "Caption", props: { content: "Starting from $1,450/mo", variant: "caption" } },
+            { label: "Overline", props: { content: "NOW LEASING", variant: "overline" } },
+        ],
+    },
+    Button: {
+        category: "Text & Typography",
+        description: "Interactive button with navigation, scroll, and modal actions",
+        props: {
+            content: { type: { kind: "string", default: "Get Started" } },
+            variant: { type: { kind: "enum", options: ["primary", "secondary", "outline", "ghost"], default: "primary" } },
+            size: { type: { kind: "enum", options: ["sm", "md", "lg"], default: "md" } },
+            fullWidth: { type: { kind: "boolean", default: false } },
+        },
+        presets: [
+            { label: "Primary", props: { content: "Schedule a Tour", variant: "primary", size: "lg" } },
+            { label: "Secondary", props: { content: "Learn More", variant: "secondary", size: "md" } },
+            { label: "Outline", props: { content: "View Floor Plans", variant: "outline", size: "md" } },
+            { label: "Ghost", props: { content: "See All Units →", variant: "ghost", size: "md" } },
+            { label: "Full Width", props: { content: "Apply Now", variant: "primary", size: "lg", fullWidth: true } },
+            { label: "Small", props: { content: "Details", variant: "outline", size: "sm" } },
+        ],
+    },
+    Icon: {
+        category: "Text & Typography",
+        description: "SVG icons for amenities and features",
+        props: {
+            name: { type: { kind: "enum", options: ["pet", "fitness", "pool", "coworking", "clubroom", "grill", "parking", "laundry", "ev-charging", "package", "wifi", "security"], default: "fitness" } },
+            size: { type: { kind: "enum", options: ["sm", "md", "lg"], default: "md" } },
+        },
+        presets: [
+            { label: "Fitness (lg)", props: { name: "fitness", size: "lg" } },
+            { label: "Pool (lg)", props: { name: "pool", size: "lg" } },
+            { label: "Pet (lg)", props: { name: "pet", size: "lg" } },
+            { label: "Security (md)", props: { name: "security", size: "md" } },
+            { label: "EV Charging (md)", props: { name: "ev-charging", size: "md" } },
+            { label: "All Icons", props: { name: "fitness", size: "lg" } },
+        ],
+    },
+    Badge: {
+        category: "Text & Typography",
+        description: "Small pill labels for status, tags, and highlights",
+        props: {
+            label: { type: { kind: "string", default: "Now Leasing" } },
+            variant: { type: { kind: "enum", options: ["default", "success", "warning", "info", "accent"], default: "default" } },
+            size: { type: { kind: "enum", options: ["sm", "md"], default: "sm" } },
+        },
+        presets: [
+            { label: "Now Leasing", props: { label: "Now Leasing", variant: "success" } },
+            { label: "Pet Friendly", props: { label: "Pet Friendly", variant: "info" } },
+            { label: "Limited Time", props: { label: "Limited Time", variant: "warning" } },
+            { label: "New", props: { label: "New", variant: "accent" } },
+            { label: "Default", props: { label: "Studio", variant: "default" } },
+        ],
+    },
+    Stat: {
+        category: "Text & Typography",
+        description: "Big number + label for statistics and highlights",
+        props: {
+            value: { type: { kind: "string", default: "150" } },
+            label: { type: { kind: "string", default: "Units" } },
+            prefix: { type: { kind: "string", default: "" } },
+            suffix: { type: { kind: "string", default: "+" } },
+            size: { type: { kind: "enum", options: ["sm", "md", "lg"], default: "md" } },
+        },
+        presets: [
+            { label: "Unit Count", props: { value: "150", label: "Total Units", suffix: "+" } },
+            { label: "Rating", props: { value: "4.8", label: "Resident Rating", prefix: "", suffix: "" } },
+            { label: "Starting Price", props: { value: "1,200", label: "Starting At", prefix: "$", suffix: "/mo" } },
+            { label: "Year Built", props: { value: "2024", label: "Year Built", prefix: "", suffix: "" } },
+        ],
+    },
+    Divider: {
+        category: "Text & Typography",
+        description: "Visual separator with optional label",
+        props: {
+            label: { type: { kind: "string", default: "" } },
+            spacing: { type: { kind: "enum", options: ["sm", "md", "lg"], default: "md" } },
+        },
+        presets: [
+            { label: "Simple", props: { spacing: "md" } },
+            { label: "With Label", props: { label: "OR", spacing: "md" } },
+            { label: "Tight", props: { spacing: "sm" } },
+        ],
+    },
+    // ── Layout ─────────────────────────────────────────────────────────────
+    Stack: {
+        category: "Layout",
+        description: "Flexbox container for vertical or horizontal layouts",
+        hasChildren: true,
+        props: {
+            direction: { type: { kind: "enum", options: ["vertical", "horizontal"], default: "vertical" } },
+            gap: { type: { kind: "enum", options: ["none", "sm", "md", "lg", "xl"], default: "md" } },
+            align: { type: { kind: "enum", options: ["start", "center", "end", "stretch"], default: "stretch" } },
+            justify: { type: { kind: "enum", options: ["start", "center", "end", "between"], default: "start" } },
+        },
+        presets: [
+            {
+                label: "Vertical Stack",
+                props: { direction: "vertical", gap: "md" },
+                children: [
+                    { type: "Text", props: { content: "First Item", variant: "h3" } },
+                    { type: "Text", props: { content: "Second Item", variant: "body" } },
+                    { type: "Button", props: { content: "Action", variant: "primary" } },
+                ],
+            },
+            {
+                label: "Horizontal Buttons",
+                props: { direction: "horizontal", gap: "md", justify: "center" },
+                children: [
+                    { type: "Button", props: { content: "Primary", variant: "primary" } },
+                    { type: "Button", props: { content: "Secondary", variant: "outline" } },
+                ],
+            },
+            {
+                label: "Centered Content",
+                props: { direction: "vertical", gap: "lg", align: "center" },
+                children: [
+                    { type: "Text", props: { content: "WELCOME", variant: "overline" } },
+                    { type: "Text", props: { content: "Find Your Home", variant: "h2" } },
+                    { type: "Text", props: { content: "Browse our available apartments and schedule a tour today.", variant: "body" } },
+                ],
+            },
+        ],
+    },
+    Grid: {
+        category: "Layout",
+        description: "Responsive CSS Grid with 1-4 columns",
+        hasChildren: true,
+        props: {
+            columns: { type: { kind: "enum", options: [1, 2, 3, 4], default: 3 } },
+            gap: { type: { kind: "enum", options: ["none", "sm", "md", "lg", "xl"], default: "md" } },
+        },
+        presets: [
+            {
+                label: "3-Column Stats",
+                props: { columns: 3, gap: "lg" },
+                children: [
+                    { type: "Stat", props: { value: "150", label: "Units", suffix: "+" } },
+                    { type: "Stat", props: { value: "4.8", label: "Rating" } },
+                    { type: "Stat", props: { value: "2024", label: "Year Built" } },
+                ],
+            },
+            {
+                label: "2-Column Cards",
+                props: { columns: 2, gap: "lg" },
+                children: [
+                    { type: "FeatureCard", props: { title: "Modern Kitchens", description: "Quartz countertops, stainless steel appliances, and custom cabinetry.", imagePosition: "top" } },
+                    { type: "FeatureCard", props: { title: "Rooftop Lounge", description: "Panoramic city views with outdoor seating and grilling stations.", imagePosition: "top" } },
+                ],
+            },
+        ],
+    },
+    Container: {
+        category: "Layout",
+        description: "Padded wrapper with background color/image and max-width",
+        hasChildren: true,
+        props: {
+            padding: { type: { kind: "enum", options: ["none", "sm", "md", "lg", "xl", "2xl"], default: "lg" } },
+            maxWidth: { type: { kind: "enum", options: ["narrow", "default", "wide", "full"], default: "default" } },
+            bg: { type: { kind: "string", default: "#ffffff" } },
+        },
+        presets: [
+            {
+                label: "White Section",
+                props: { bg: "#ffffff", padding: "xl", maxWidth: "wide" },
+                children: [
+                    { type: "Text", props: { content: "Our Community", variant: "h2" } },
+                    { type: "Text", props: { content: "Discover what makes us different.", variant: "body" } },
+                ],
+            },
+            {
+                label: "Dark Section",
+                props: { bg: "#1c1917", padding: "2xl", maxWidth: "default" },
+                children: [
+                    { type: "Text", props: { content: "Amenities", variant: "h2", className: "text-white" } },
+                    { type: "Text", props: { content: "Resort-style living.", variant: "body", className: "text-white/70" } },
+                ],
+            },
+        ],
+    },
+    ScrollReveal: {
+        category: "Layout",
+        description: "Animate children on scroll using IntersectionObserver",
+        hasChildren: true,
+        props: {
+            direction: { type: { kind: "enum", options: ["up", "down", "left", "right", "none"], default: "up" } },
+            delay: { type: { kind: "number", min: 0, max: 1000, default: 0 } },
+            duration: { type: { kind: "number", min: 100, max: 2000, default: 600 } },
+        },
+        presets: [
+            {
+                label: "Fade Up",
+                props: { direction: "up", duration: 600 },
+                children: [
+                    { type: "Text", props: { content: "This fades in from below", variant: "h2" } },
+                ],
+            },
+            {
+                label: "Slide Left",
+                props: { direction: "left", duration: 800, delay: 200 },
+                children: [
+                    { type: "Text", props: { content: "This slides in from the right", variant: "h3" } },
+                ],
+            },
+        ],
+    },
+    // ── Heroes & Media ────────────────────────────────────────────────────
+    VideoHero: {
+        category: "Heroes & Media",
+        description: "Full-width video/image background with overlay content",
+        hasChildren: true,
+        props: {
+            poster: { type: { kind: "string", default: "https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?w=1920&q=80" } },
+            overlay: { type: { kind: "string", default: "rgba(0,0,0,0.4)" } },
+            height: { type: { kind: "enum", options: ["sm", "md", "lg", "full"], default: "lg" } },
+        },
+        presets: [
+            {
+                label: "Full Hero",
+                props: {
+                    poster: "https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?w=1920&q=80",
+                    overlay: "rgba(0,0,0,0.5)",
+                    height: "full",
+                },
+                children: [
+                    {
+                        type: "Stack", props: { direction: "vertical", gap: "lg", align: "center" },
+                        children: [
+                            { type: "Text", props: { content: "LUXURY LIVING", variant: "overline", className: "text-teal-300" } },
+                            { type: "Text", props: { content: "The Meridian Collection", variant: "display", className: "text-white text-center" } },
+                            { type: "Text", props: { content: "Exceptional Living in Austin's Most Coveted Neighborhoods", variant: "subtitle", className: "text-white/70 text-center" } },
+                            { type: "Button", props: { content: "Explore Communities", size: "lg" } },
+                        ],
+                    },
+                ],
+            },
+            {
+                label: "Medium Hero",
+                props: {
+                    poster: "https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=1920&q=80",
+                    overlay: "rgba(28,25,23,0.55)",
+                    height: "md",
+                },
+                children: [
+                    {
+                        type: "Stack", props: { direction: "vertical", gap: "md", align: "center" },
+                        children: [
+                            { type: "Text", props: { content: "Find Your Perfect Home", variant: "h1", className: "text-white text-center" } },
+                            { type: "Button", props: { content: "View Floor Plans", size: "lg" } },
+                        ],
+                    },
+                ],
+            },
+        ],
+    },
+    Gallery: {
+        category: "Heroes & Media",
+        description: "Photo grid or carousel with lightbox, category filters, and API integration",
+        needsApi: true,
+        props: {
+            layout: { type: { kind: "enum", options: ["grid", "carousel"], default: "grid" } },
+            columns: { type: { kind: "enum", options: [2, 3, 4], default: 3 } },
+        },
+        presets: [
+            {
+                label: "Grid (3 col)",
+                props: {
+                    layout: "grid",
+                    columns: 3,
+                    images: [
+                        { src: "https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=600&q=80", alt: "Living Room", category: "Interiors" },
+                        { src: "https://images.unsplash.com/photo-1502672260266-1c1ef2d93688?w=600&q=80", alt: "Kitchen", category: "Interiors" },
+                        { src: "https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?w=600&q=80", alt: "Pool", category: "Community" },
+                        { src: "https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?w=600&q=80", alt: "Exterior", category: "Community" },
+                        { src: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=600&q=80", alt: "Bedroom", category: "Interiors" },
+                        { src: "https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=600&q=80", alt: "Bathroom", category: "Interiors" },
+                    ],
+                },
+            },
+            {
+                label: "Carousel",
+                props: {
+                    layout: "carousel",
+                    images: [
+                        { src: "https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=1200&q=80", alt: "Living Room" },
+                        { src: "https://images.unsplash.com/photo-1502672260266-1c1ef2d93688?w=1200&q=80", alt: "Kitchen" },
+                        { src: "https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?w=1200&q=80", alt: "Pool" },
+                    ],
+                },
+            },
+        ],
+    },
+    VideoPlayer: {
+        category: "Heroes & Media",
+        description: "Responsive video player with controls and aspect ratio options",
+        props: {
+            controls: { type: { kind: "boolean", default: true } },
+            autoplay: { type: { kind: "boolean", default: false } },
+            loop: { type: { kind: "boolean", default: false } },
+            aspect: { type: { kind: "enum", options: ["16/9", "4/3", "1/1", "auto"], default: "16/9" } },
+        },
+        presets: [
+            { label: "16:9 Controls", props: { src: "https://assets.mixkit.co/videos/1171/1171-720.mp4", controls: true, aspect: "16/9" } },
+            { label: "Square Autoplay", props: { src: "https://assets.mixkit.co/videos/1171/1171-720.mp4", autoplay: true, loop: true, aspect: "1/1" } },
+        ],
+    },
+    Image: {
+        category: "Heroes & Media",
+        description: "Basic responsive image",
+        props: {
+            src: { type: { kind: "string", default: "https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?w=800&q=80" } },
+            alt: { type: { kind: "string", default: "Property photo" } },
+        },
+        presets: [
+            { label: "Property Photo", props: { src: "https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?w=800&q=80", alt: "Property exterior" } },
+        ],
+    },
+    MapEmbed: {
+        category: "Heroes & Media",
+        description: "Google Maps embed with lat/lng coordinates",
+        props: {
+            lat: { type: { kind: "number", default: 30.2672 } },
+            lng: { type: { kind: "number", default: -97.7431 } },
+            zoom: { type: { kind: "number", min: 1, max: 20, default: 15 } },
+            height: { type: { kind: "string", default: "400px" } },
+        },
+        presets: [
+            { label: "Austin, TX", props: { lat: 30.2672, lng: -97.7431, zoom: 15, height: "400px" } },
+            { label: "Zoomed Out", props: { lat: 30.2672, lng: -97.7431, zoom: 12, height: "300px" } },
+        ],
+    },
+    VirtualTourEmbed: {
+        category: "Heroes & Media",
+        description: "Matterport / 3D tour iframe wrapper",
+        props: {
+            src: { type: { kind: "string", default: "https://my.matterport.com/show/?m=SxQL3iGyoDo" } },
+            aspectRatio: { type: { kind: "string", default: "16/9" } },
+            title: { type: { kind: "string", default: "Virtual Tour" } },
+        },
+        presets: [
+            { label: "Matterport Tour", props: { src: "https://my.matterport.com/show/?m=SxQL3iGyoDo", aspectRatio: "16/9", title: "Virtual Tour" } },
+        ],
+    },
+    // ── Content Cards ─────────────────────────────────────────────────────
+    FeatureCard: {
+        category: "Content Cards",
+        description: "Image + text card with link, multiple image positions",
+        props: {
+            imagePosition: { type: { kind: "enum", options: ["top", "left", "right"], default: "top" } },
+            title: { type: { kind: "string", default: "Modern Living" } },
+            subtitle: { type: { kind: "string", default: "Now Leasing" } },
+            description: { type: { kind: "string", default: "Contemporary apartments with premium finishes." } },
+            linkLabel: { type: { kind: "string", default: "Learn More →" } },
+        },
+        presets: [
+            {
+                label: "Image Top",
+                props: {
+                    image: "https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?w=600&q=80",
+                    imagePosition: "top",
+                    title: "The Meridian at Barton Creek",
+                    subtitle: "Now Leasing",
+                    description: "Luxury apartments nestled in the Texas Hill Country with resort-style amenities.",
+                    linkLabel: "Explore Community →",
+                },
+            },
+            {
+                label: "Image Left",
+                props: {
+                    image: "https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=600&q=80",
+                    imagePosition: "left",
+                    title: "Spacious Floor Plans",
+                    subtitle: "1-3 Bedrooms",
+                    description: "Open-concept layouts with premium finishes and abundant natural light.",
+                    linkLabel: "View Plans →",
+                },
+            },
+            {
+                label: "Image Right",
+                props: {
+                    image: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=600&q=80",
+                    imagePosition: "right",
+                    title: "Resort-Style Pool",
+                    description: "Relax at our heated infinity pool with cabanas and sun deck.",
+                },
+            },
+        ],
+    },
+    Testimonial: {
+        category: "Content Cards",
+        description: "Quote card with author, role, and star rating",
+        props: {
+            quote: { type: { kind: "string", default: "Moving here was the best decision we've made." } },
+            author: { type: { kind: "string", default: "Sarah M." } },
+            role: { type: { kind: "string", default: "Resident since 2024" } },
+            rating: { type: { kind: "number", min: 1, max: 5, default: 5 } },
+        },
+        presets: [
+            {
+                label: "5-Star Review",
+                props: {
+                    quote: "The amenities are incredible and the staff is always so helpful. I love living here!",
+                    author: "Sarah M.",
+                    role: "Resident since 2024",
+                    rating: 5,
+                },
+            },
+            {
+                label: "No Rating",
+                props: {
+                    quote: "Beautiful community with a great location. Walking distance to everything we need.",
+                    author: "James K.",
+                    role: "2BR Resident",
+                },
+            },
+        ],
+    },
+    CTABanner: {
+        category: "Content Cards",
+        description: "Full-width call-to-action section with gradient background",
+        hasChildren: true,
+        props: {
+            gradient: { type: { kind: "string", default: "linear-gradient(135deg, #0f766e, #0d9488)" } },
+        },
+        presets: [
+            {
+                label: "Tour CTA",
+                props: { gradient: "linear-gradient(135deg, #0f766e, #0d9488)" },
+                children: [
+                    {
+                        type: "Stack", props: { direction: "vertical", gap: "md", align: "center" },
+                        children: [
+                            { type: "Text", props: { content: "Ready to Make It Home?", variant: "h2", className: "text-white" } },
+                            { type: "Text", props: { content: "Schedule a tour today and see what makes us special.", variant: "body-lg", className: "text-white/80" } },
+                            { type: "Button", props: { content: "Schedule a Tour", size: "lg", className: "bg-white text-[#0f766e] hover:bg-white/90" } },
+                        ],
+                    },
+                ],
+            },
+            {
+                label: "Dark CTA",
+                props: { gradient: "linear-gradient(135deg, #1e293b, #334155)" },
+                children: [
+                    {
+                        type: "Stack", props: { direction: "vertical", gap: "md", align: "center" },
+                        children: [
+                            { type: "Text", props: { content: "Limited Availability", variant: "h2", className: "text-white" } },
+                            { type: "Button", props: { content: "Apply Now", size: "lg", variant: "outline", className: "border-white text-white" } },
+                        ],
+                    },
+                ],
+            },
+        ],
+    },
+    AddressBlock: {
+        category: "Content Cards",
+        description: "Address + phone + Get Directions link",
+        props: {
+            layout: { type: { kind: "enum", options: ["inline", "stacked"], default: "stacked" } },
+            colorScheme: { type: { kind: "enum", options: ["light", "dark"], default: "light" } },
+        },
+        presets: [
+            { label: "Stacked", props: { address: "1234 Barton Springs Rd", city: "Austin", state: "TX", postalCode: "78704", phone: "(512) 555-0123", layout: "stacked" } },
+            { label: "Inline", props: { address: "1234 Barton Springs Rd", city: "Austin", state: "TX", postalCode: "78704", phone: "(512) 555-0123", layout: "inline" } },
+        ],
+    },
+    // ── Navigation ────────────────────────────────────────────────────────
+    Nav: {
+        category: "Navigation",
+        description: "Sticky/static navbar with logo, links, and mobile menu",
+        props: {
+            siteName: { type: { kind: "string", default: "The Meridian" } },
+            sticky: { type: { kind: "boolean", default: false } },
+        },
+        presets: [
+            {
+                label: "Standard Nav",
+                props: {
+                    siteName: "The Meridian Collection",
+                    links: [
+                        { label: "Communities", to: "#" },
+                        { label: "Amenities", to: "#" },
+                        { label: "Gallery", to: "#" },
+                        { label: "Contact", to: "#" },
+                    ],
+                    sticky: true,
+                },
+            },
+            {
+                label: "Minimal Nav",
+                props: {
+                    siteName: "Parkside",
+                    links: [
+                        { label: "Floor Plans", to: "#" },
+                        { label: "Schedule Tour", to: "#" },
+                    ],
+                },
+            },
+        ],
+    },
+    Footer: {
+        category: "Navigation",
+        description: "Footer with column links and copyright",
+        props: {
+            copyright: { type: { kind: "string", default: "© 2026 The Meridian Collection. All rights reserved." } },
+        },
+        presets: [
+            {
+                label: "3-Column Footer",
+                props: {
+                    columns: [
+                        { title: "Communities", links: [{ label: "Downtown", to: "#" }, { label: "Midtown", to: "#" }] },
+                        { title: "Explore", links: [{ label: "Floor Plans", to: "#" }, { label: "Gallery", to: "#" }, { label: "Amenities", to: "#" }] },
+                        { title: "Contact", links: [{ label: "Schedule Tour", to: "#" }, { label: "Apply Now", to: "#" }] },
+                    ],
+                    copyright: "© 2026 The Meridian Collection. All rights reserved.",
+                },
+            },
+        ],
+    },
+    Accordion: {
+        category: "Navigation",
+        description: "Collapsible sections for FAQs and categorized content",
+        props: {
+            allowMultiple: { type: { kind: "boolean", default: false } },
+            colorScheme: { type: { kind: "enum", options: ["light", "dark"], default: "light" } },
+        },
+        presets: [
+            {
+                label: "FAQ",
+                props: {
+                    items: [
+                        { title: "What are the lease terms?", content: "We offer 6, 9, and 12-month lease terms. Contact our leasing office for current specials and pricing." },
+                        { title: "Is parking included?", content: "Each apartment comes with one reserved parking space. Additional spots and garage parking are available for an extra fee." },
+                        { title: "Are pets allowed?", content: "Yes! We are a pet-friendly community. We welcome cats and dogs with a refundable pet deposit." },
+                        { title: "What utilities are included?", content: "Water, sewer, and trash are included in your rent. Residents are responsible for electricity and internet." },
+                    ],
+                    allowMultiple: false,
+                },
+            },
+            {
+                label: "Multi-Open",
+                props: {
+                    items: [
+                        { title: "Community Amenities", content: "Pool, fitness center, clubroom, coworking space, and dog park." },
+                        { title: "Apartment Features", content: "Quartz countertops, stainless appliances, walk-in closets, and in-unit washer/dryer." },
+                    ],
+                    allowMultiple: true,
+                    defaultOpen: [0],
+                },
+            },
+        ],
+    },
+    // ── Data & Amenities ──────────────────────────────────────────────────
+    AmenityList: {
+        category: "Data & Amenities",
+        description: "Amenity display with icon grid, categorized accordion, or simple list",
+        props: {
+            layout: { type: { kind: "enum", options: ["iconGrid", "categorized", "list"], default: "iconGrid" } },
+            columns: { type: { kind: "enum", options: [2, 3, 4, 6], default: 3 } },
+            showIcons: { type: { kind: "boolean", default: true } },
+            colorScheme: { type: { kind: "enum", options: ["light", "dark"], default: "light" } },
+        },
+        presets: [
+            {
+                label: "Icon Grid",
+                props: {
+                    layout: "iconGrid",
+                    columns: 6,
+                    amenities: [
+                        { name: "Fitness Center", icon: "fitness" },
+                        { name: "Pool", icon: "pool" },
+                        { name: "Pet Friendly", icon: "pet" },
+                        { name: "Coworking", icon: "coworking" },
+                        { name: "Clubroom", icon: "clubroom" },
+                        { name: "Grilling Stations", icon: "grill" },
+                    ],
+                },
+            },
+            {
+                label: "Categorized",
+                props: {
+                    layout: "categorized",
+                    amenities: [
+                        { name: "Fitness Center", category: "Community", icon: "fitness" },
+                        { name: "Pool", category: "Community", icon: "pool" },
+                        { name: "Clubroom", category: "Community", icon: "clubroom" },
+                        { name: "In-Unit Washer/Dryer", category: "Apartment" },
+                        { name: "Quartz Countertops", category: "Apartment" },
+                        { name: "Walk-in Closets", category: "Apartment" },
+                    ],
+                },
+            },
+            {
+                label: "Simple List",
+                props: {
+                    layout: "list",
+                    amenities: [
+                        { name: "Stainless Steel Appliances" },
+                        { name: "Hardwood Floors" },
+                        { name: "Walk-in Closets" },
+                        { name: "In-Unit Washer/Dryer" },
+                    ],
+                },
+            },
+        ],
+    },
+    // ── Units & Floor Plans ───────────────────────────────────────────────
+    UnitExplorer: {
+        category: "Units & Floor Plans",
+        description: "Searchable, filterable unit listing with grid/list views, tabs, and sorting",
+        needsApi: true,
+        props: {
+            layout: { type: { kind: "enum", options: ["grid", "list"], default: "grid" } },
+            columns: { type: { kind: "enum", options: [1, 2, 3, 4], default: 3 } },
+            showFilters: { type: { kind: "boolean", default: true } },
+            showSort: { type: { kind: "boolean", default: true } },
+            showTabs: { type: { kind: "boolean", default: false } },
+            showPricing: { type: { kind: "boolean", default: true } },
+            showAvailability: { type: { kind: "boolean", default: true } },
+            showBedBath: { type: { kind: "boolean", default: true } },
+            showSquareFootage: { type: { kind: "boolean", default: true } },
+            showFloorplan: { type: { kind: "boolean", default: true } },
+            showSpecials: { type: { kind: "boolean", default: false } },
+            showImages: { type: { kind: "boolean", default: false } },
+            showApplyButton: { type: { kind: "boolean", default: false } },
+            cardStyle: { type: { kind: "enum", options: ["compact", "standard"], default: "standard" } },
+        },
+        presets: [
+            { label: "Full Featured", props: { layout: "grid", columns: 3, showFilters: true, showSort: true, showTabs: true, showPricing: true, showAvailability: true, showBedBath: true, showSquareFootage: true, showFloorplan: true } },
+            { label: "Compact Grid", props: { layout: "grid", columns: 4, showFilters: false, showSort: false, cardStyle: "compact", showPricing: true, showBedBath: true } },
+            { label: "List View", props: { layout: "list", showFilters: true, showSort: true, showPricing: true, showAvailability: true, showBedBath: true } },
+        ],
+    },
+    FloorplanExplorer: {
+        category: "Units & Floor Plans",
+        description: "Floor plan listing with media, rent ranges, and unit previews",
+        needsApi: true,
+        props: {
+            layout: { type: { kind: "enum", options: ["grid", "list"], default: "grid" } },
+            columns: { type: { kind: "enum", options: [1, 2, 3, 4], default: 3 } },
+            showMedia: { type: { kind: "boolean", default: true } },
+            showRentRange: { type: { kind: "boolean", default: true } },
+            showSqftRange: { type: { kind: "boolean", default: true } },
+            showBedBath: { type: { kind: "boolean", default: true } },
+            showUnitCount: { type: { kind: "boolean", default: true } },
+            unitPreview: { type: { kind: "enum", options: ["none", "count", "inline"], default: "count" } },
+        },
+        presets: [
+            { label: "Full Grid", props: { layout: "grid", columns: 3, showMedia: true, showRentRange: true, showBedBath: true, unitPreview: "count" } },
+            { label: "List with Inline Units", props: { layout: "list", showMedia: true, showRentRange: true, unitPreview: "inline" } },
+        ],
+    },
+    // ── Forms ─────────────────────────────────────────────────────────────
+    ContactForm: {
+        category: "Forms",
+        description: "Lead capture form that POSTs to /v1/prospect",
+        needsApi: true,
+        props: {},
+        presets: [
+            { label: "Default", props: { propertyId: "demo" } },
+        ],
+    },
+    ScheduleTour: {
+        category: "Forms",
+        description: "Two-step tour booking with date/time picker and contact form",
+        needsApi: true,
+        props: {},
+        presets: [
+            { label: "Default", props: { propertyId: "demo" } },
+        ],
+    },
+};
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+export const CATEGORIES = [
+    "Heroes & Media",
+    "Content Cards",
+    "Text & Typography",
+    "Layout",
+    "Navigation",
+    "Data & Amenities",
+    "Units & Floor Plans",
+    "Forms",
+];
+export function getComponentsByCategory() {
+    const result = {};
+    for (const cat of CATEGORIES) {
+        result[cat] = [];
+    }
+    for (const [name, meta] of Object.entries(componentMeta)) {
+        const cat = meta.category;
+        if (!result[cat])
+            result[cat] = [];
+        result[cat].push(name);
+    }
+    return result;
+}
+//# sourceMappingURL=componentMeta.js.map