{
    "$schema": "https://ui.shadcn.com/schema/registry.json",
    "name": "StyleX UI",
    "homepage": "https://stylexui.dev",
    "items": [
        {
            "name": "index",
            "type": "registry:style",
            "dependencies": ["lucide-react"],
            "registryDependencies": ["utils"],
            "cssVars": {},
            "files": []
        },
        {
            "title": "Accordion",
            "description": "A vertically stacked set of interactive headings that each reveal a section of content.",
            "name": "stylex-ui-accordion",
            "dependencies": ["@base-ui/react", "@stylexjs/stylex", "lucide-react"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/accordion.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Alert",
            "description": "Displays a callout for user attention.",
            "name": "stylex-ui-alert",
            "dependencies": ["@stylexjs/stylex", "lucide-react"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/alert.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Alert Dialog",
            "description": "A modal dialog that interrupts the user with important content and expects a response.",
            "name": "stylex-ui-alert-dialog",
            "dependencies": ["@base-ui/react", "@stylexjs/stylex", "lucide-react"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/alert-dialog.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Aspect Ratio",
            "description": "Displays content within a desired ratio.",
            "name": "stylex-ui-aspect-ratio",
            "dependencies": ["@stylexjs/stylex"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/aspect-ratio.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Attachment",
            "description": "A component for attaching and uploading files with various states and triggers.",
            "name": "stylex-ui-attachment",
            "dependencies": ["@stylexjs/stylex", "lucide-react"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/attachment.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Avatar",
            "description": "An image element with a fallback for representing the user.",
            "name": "stylex-ui-avatar",
            "dependencies": ["@base-ui/react", "@stylexjs/stylex"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/avatar.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Badge",
            "description": "Displays a badge or a component that looks like a badge.",
            "name": "stylex-ui-badge",
            "dependencies": ["@stylexjs/stylex"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/badge.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Breadcrumb",
            "description": "Displays the path to the current resource using a hierarchy of links.",
            "name": "stylex-ui-breadcrumb",
            "dependencies": ["@stylexjs/stylex", "lucide-react"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/breadcrumb.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Bubble",
            "description": "A message bubble component commonly used in chat and discussion interfaces.",
            "name": "stylex-ui-bubble",
            "dependencies": ["@stylexjs/stylex"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/bubble.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Button",
            "description": "Displays a button or a component that looks like a button.",
            "name": "stylex-ui-button",
            "dependencies": ["@base-ui/react", "@stylexjs/stylex"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/button.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Button Group",
            "description": "A container that groups related buttons together.",
            "name": "stylex-ui-button-group",
            "dependencies": ["@stylexjs/stylex"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/button-group.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Calendar",
            "description": "A date field component that allows users to enter and edit date.",
            "name": "stylex-ui-calendar",
            "dependencies": ["@stylexjs/stylex", "lucide-react"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/calendar.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Card",
            "description": "Displays a card with header, content, and footer.",
            "name": "stylex-ui-card",
            "dependencies": ["@stylexjs/stylex"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/card.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Carousel",
            "description": "A carousel with motion and swipe capabilities.",
            "name": "stylex-ui-carousel",
            "dependencies": ["@stylexjs/stylex", "embla-carousel-react", "lucide-react"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/carousel.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Chart",
            "description": "Beautiful and interactive charts built using Recharts and StyleX.",
            "name": "stylex-ui-chart",
            "dependencies": ["@stylexjs/stylex", "recharts"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/chart.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Checkbox",
            "description": "A control that allows the user to toggle between checked and not checked.",
            "name": "stylex-ui-checkbox",
            "dependencies": ["@base-ui/react", "@stylexjs/stylex", "lucide-react"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/checkbox.tsx", "type": "registry:ui" }]
        },
        {
            "title": "Collapsible",
            "description": "An interactive component which expands/collapses a panel.",
            "name": "stylex-ui-collapsible",
            "dependencies": ["@base-ui/react", "@stylexjs/stylex"],
            "registryDependencies": [],
            "type": "registry:ui",
            "files": [{ "path": "components/stylex-ui/collapsible.tsx", "type": "registry:ui" }]
        }
    ]
}