// This file was automatically generated
import React from "react"
export const componentExamples = { items: [
  {
    name: "accordion-demo",
    baseComponent: "accordion",
    variant: null,
    componentPath: "@/registry/ui/accordion",
    componentDemoPath: "@/registry/examples/accordion-demo/accordion-demo",
    component: React.lazy(() => import("@/registry/examples/accordion-demo/accordion-demo")),
    language: "tsx"
  },
  {
    name: "alert-dialog-demo",
    baseComponent: "alert-dialog",
    variant: null,
    componentPath: "@/registry/ui/alert-dialog",
    componentDemoPath: "@/registry/examples/alert-dialog-demo/alert-dialog-demo",
    component: React.lazy(() => import("@/registry/examples/alert-dialog-demo/alert-dialog-demo")),
    language: "tsx"
  },
  {
    name: "alert-dialog-destructive-demo",
    baseComponent: "alert-dialog",
    variant: "destructive",
    componentPath: "@/registry/ui/alert-dialog",
    componentDemoPath: "@/registry/examples/alert-dialog-demo/alert-dialog-destructive-demo",
    component: React.lazy(() => import("@/registry/examples/alert-dialog-demo/alert-dialog-destructive-demo")),
    language: "tsx"
  },
  {
    name: "alert-dialog-lg-demo",
    baseComponent: "alert-dialog",
    variant: "lg",
    componentPath: "@/registry/ui/alert-dialog",
    componentDemoPath: "@/registry/examples/alert-dialog-demo/alert-dialog-lg-demo",
    component: React.lazy(() => import("@/registry/examples/alert-dialog-demo/alert-dialog-lg-demo")),
    language: "tsx"
  },
  {
    name: "alert-dialog-sm-demo",
    baseComponent: "alert-dialog",
    variant: "sm",
    componentPath: "@/registry/ui/alert-dialog",
    componentDemoPath: "@/registry/examples/alert-dialog-demo/alert-dialog-sm-demo",
    component: React.lazy(() => import("@/registry/examples/alert-dialog-demo/alert-dialog-sm-demo")),
    language: "tsx"
  },
  {
    name: "aspect-ratio-demo",
    baseComponent: "aspect-ratio",
    variant: null,
    componentPath: "@/registry/ui/aspect-ratio",
    componentDemoPath: "@/registry/examples/aspect-ratio-demo/aspect-ratio-demo",
    component: React.lazy(() => import("@/registry/examples/aspect-ratio-demo/aspect-ratio-demo")),
    language: "tsx"
  },
  {
    name: "avatar-demo",
    baseComponent: "avatar",
    variant: null,
    componentPath: "@/registry/ui/avatar",
    componentDemoPath: "@/registry/examples/avatar-demo",
    component: React.lazy(() => import("@/registry/examples/avatar-demo")),
    language: "tsx"
  },
  {
    name: "badge-demo",
    baseComponent: "badge",
    variant: null,
    componentPath: "@/registry/ui/badge",
    componentDemoPath: "@/registry/examples/badge-demo/badge-demo",
    component: React.lazy(() => import("@/registry/examples/badge-demo/badge-demo")),
    language: "tsx"
  },
  {
    name: "badge-destructive-demo",
    baseComponent: "badge",
    variant: "destructive",
    componentPath: "@/registry/ui/badge",
    componentDemoPath: "@/registry/examples/badge-demo/badge-destructive-demo",
    component: React.lazy(() => import("@/registry/examples/badge-demo/badge-destructive-demo")),
    language: "tsx"
  },
  {
    name: "badge-icon-demo",
    baseComponent: "badge",
    variant: "icon",
    componentPath: "@/registry/ui/badge",
    componentDemoPath: "@/registry/examples/badge-demo/badge-icon-demo",
    component: React.lazy(() => import("@/registry/examples/badge-demo/badge-icon-demo")),
    language: "tsx"
  },
  {
    name: "badge-info-demo",
    baseComponent: "badge",
    variant: "info",
    componentPath: "@/registry/ui/badge",
    componentDemoPath: "@/registry/examples/badge-demo/badge-info-demo",
    component: React.lazy(() => import("@/registry/examples/badge-demo/badge-info-demo")),
    language: "tsx"
  },
  {
    name: "badge-outline-demo",
    baseComponent: "badge",
    variant: "outline",
    componentPath: "@/registry/ui/badge",
    componentDemoPath: "@/registry/examples/badge-demo/badge-outline-demo",
    component: React.lazy(() => import("@/registry/examples/badge-demo/badge-outline-demo")),
    language: "tsx"
  },
  {
    name: "badge-removable-demo",
    baseComponent: "badge",
    variant: "removable",
    componentPath: "@/registry/ui/badge",
    componentDemoPath: "@/registry/examples/badge-demo/badge-removable-demo",
    component: React.lazy(() => import("@/registry/examples/badge-demo/badge-removable-demo")),
    language: "tsx"
  },
  {
    name: "badge-secondary-demo",
    baseComponent: "badge",
    variant: "secondary",
    componentPath: "@/registry/ui/badge",
    componentDemoPath: "@/registry/examples/badge-demo/badge-secondary-demo",
    component: React.lazy(() => import("@/registry/examples/badge-demo/badge-secondary-demo")),
    language: "tsx"
  },
  {
    name: "badge-success-demo",
    baseComponent: "badge",
    variant: "success",
    componentPath: "@/registry/ui/badge",
    componentDemoPath: "@/registry/examples/badge-demo/badge-success-demo",
    component: React.lazy(() => import("@/registry/examples/badge-demo/badge-success-demo")),
    language: "tsx"
  },
  {
    name: "badge-warning-demo",
    baseComponent: "badge",
    variant: "warning",
    componentPath: "@/registry/ui/badge",
    componentDemoPath: "@/registry/examples/badge-demo/badge-warning-demo",
    component: React.lazy(() => import("@/registry/examples/badge-demo/badge-warning-demo")),
    language: "tsx"
  },
  {
    name: "breadcrumb-custom-separator-demo",
    baseComponent: "breadcrumb",
    variant: "custom-separator",
    componentPath: "@/registry/ui/breadcrumb",
    componentDemoPath: "@/registry/examples/breadcrumb-demo/breadcrumb-custom-separator-demo",
    component: React.lazy(() => import("@/registry/examples/breadcrumb-demo/breadcrumb-custom-separator-demo")),
    language: "tsx"
  },
  {
    name: "breadcrumb-demo",
    baseComponent: "breadcrumb",
    variant: null,
    componentPath: "@/registry/ui/breadcrumb",
    componentDemoPath: "@/registry/examples/breadcrumb-demo/breadcrumb-demo",
    component: React.lazy(() => import("@/registry/examples/breadcrumb-demo/breadcrumb-demo")),
    language: "tsx"
  },
  {
    name: "breadcrumb-dropdown-demo",
    baseComponent: "breadcrumb",
    variant: "dropdown",
    componentPath: "@/registry/ui/breadcrumb",
    componentDemoPath: "@/registry/examples/breadcrumb-demo/breadcrumb-dropdown-demo",
    component: React.lazy(() => import("@/registry/examples/breadcrumb-demo/breadcrumb-dropdown-demo")),
    language: "tsx"
  },
  {
    name: "breadcrumb-ellipsis-demo",
    baseComponent: "breadcrumb",
    variant: "ellipsis",
    componentPath: "@/registry/ui/breadcrumb",
    componentDemoPath: "@/registry/examples/breadcrumb-demo/breadcrumb-ellipsis-demo",
    component: React.lazy(() => import("@/registry/examples/breadcrumb-demo/breadcrumb-ellipsis-demo")),
    language: "tsx"
  },
  {
    name: "breadcrumb-icons-demo",
    baseComponent: "breadcrumb",
    variant: "icons",
    componentPath: "@/registry/ui/breadcrumb",
    componentDemoPath: "@/registry/examples/breadcrumb-demo/breadcrumb-icons-demo",
    component: React.lazy(() => import("@/registry/examples/breadcrumb-demo/breadcrumb-icons-demo")),
    language: "tsx"
  },
  {
    name: "breadcrumb-responsive-demo",
    baseComponent: "breadcrumb",
    variant: "responsive",
    componentPath: "@/registry/ui/breadcrumb",
    componentDemoPath: "@/registry/examples/breadcrumb-demo/breadcrumb-responsive-demo",
    component: React.lazy(() => import("@/registry/examples/breadcrumb-demo/breadcrumb-responsive-demo")),
    language: "tsx"
  },
  {
    name: "button-bounce-demo",
    baseComponent: "button",
    variant: "bounce",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-demo/button-bounce-demo",
    component: React.lazy(() => import("@/registry/examples/button-demo/button-bounce-demo")),
    language: "tsx"
  },
  {
    name: "button-demo",
    baseComponent: "button",
    variant: null,
    componentPath: "@/registry/ui/button",
    componentDemoPath: "@/registry/examples/button-demo/button-demo",
    component: React.lazy(() => import("@/registry/examples/button-demo/button-demo")),
    language: "tsx"
  },
  {
    name: "button-destructive-demo",
    baseComponent: "button",
    variant: "destructive",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-demo/button-destructive-demo",
    component: React.lazy(() => import("@/registry/examples/button-demo/button-destructive-demo")),
    language: "tsx"
  },
  {
    name: "button-ghost-demo",
    baseComponent: "button",
    variant: "ghost",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-demo/button-ghost-demo",
    component: React.lazy(() => import("@/registry/examples/button-demo/button-ghost-demo")),
    language: "tsx"
  },
  {
    name: "button-icon-demo",
    baseComponent: "button",
    variant: "icon",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-demo/button-icon-demo",
    component: React.lazy(() => import("@/registry/examples/button-demo/button-icon-demo")),
    language: "tsx"
  },
  {
    name: "button-link-demo",
    baseComponent: "button",
    variant: "link",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-demo/button-link-demo",
    component: React.lazy(() => import("@/registry/examples/button-demo/button-link-demo")),
    language: "tsx"
  },
  {
    name: "button-loading-demo",
    baseComponent: "button",
    variant: "loading",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-demo/button-loading-demo",
    component: React.lazy(() => import("@/registry/examples/button-demo/button-loading-demo")),
    language: "tsx"
  },
  {
    name: "button-neural-demo",
    baseComponent: "button",
    variant: "neural",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-demo/button-neural-demo",
    component: React.lazy(() => import("@/registry/examples/button-demo/button-neural-demo")),
    language: "tsx"
  },
  {
    name: "button-outline-demo",
    baseComponent: "button",
    variant: "outline",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-demo/button-outline-demo",
    component: React.lazy(() => import("@/registry/examples/button-demo/button-outline-demo")),
    language: "tsx"
  },
  {
    name: "button-primary-demo",
    baseComponent: "button",
    variant: "primary",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-demo/button-primary-demo",
    component: React.lazy(() => import("@/registry/examples/button-demo/button-primary-demo")),
    language: "tsx"
  },
  {
    name: "button-pulse-demo",
    baseComponent: "button",
    variant: "pulse",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-demo/button-pulse-demo",
    component: React.lazy(() => import("@/registry/examples/button-demo/button-pulse-demo")),
    language: "tsx"
  },
  {
    name: "button-secondary-demo",
    baseComponent: "button",
    variant: "secondary",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-demo/button-secondary-demo",
    component: React.lazy(() => import("@/registry/examples/button-demo/button-secondary-demo")),
    language: "tsx"
  },
  {
    name: "button-group-demo",
    baseComponent: "button-group",
    variant: null,
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-group-demo/button-group-demo",
    component: React.lazy(() => import("@/registry/examples/button-group-demo/button-group-demo")),
    language: "tsx"
  },
  {
    name: "button-group-dropdown-menu-demo",
    baseComponent: "button-group",
    variant: "dropdown-menu",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-group-demo/button-group-dropdown-menu-demo",
    component: React.lazy(() => import("@/registry/examples/button-group-demo/button-group-dropdown-menu-demo")),
    language: "tsx"
  },
  {
    name: "button-group-input-demo",
    baseComponent: "button-group",
    variant: "input",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-group-demo/button-group-input-demo",
    component: React.lazy(() => import("@/registry/examples/button-group-demo/button-group-input-demo")),
    language: "tsx"
  },
  {
    name: "button-group-input-group-demo",
    baseComponent: "button-group",
    variant: "input-group",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-group-demo/button-group-input-group-demo",
    component: React.lazy(() => import("@/registry/examples/button-group-demo/button-group-input-group-demo")),
    language: "tsx"
  },
  {
    name: "button-group-nested-demo",
    baseComponent: "button-group",
    variant: "nested",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-group-demo/button-group-nested-demo",
    component: React.lazy(() => import("@/registry/examples/button-group-demo/button-group-nested-demo")),
    language: "tsx"
  },
  {
    name: "button-group-orientation-demo",
    baseComponent: "button-group",
    variant: "orientation",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-group-demo/button-group-orientation-demo",
    component: React.lazy(() => import("@/registry/examples/button-group-demo/button-group-orientation-demo")),
    language: "tsx"
  },
  {
    name: "button-group-popover-demo",
    baseComponent: "button-group",
    variant: "popover",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-group-demo/button-group-popover-demo",
    component: React.lazy(() => import("@/registry/examples/button-group-demo/button-group-popover-demo")),
    language: "tsx"
  },
  {
    name: "button-group-select-demo",
    baseComponent: "button-group",
    variant: "select",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-group-demo/button-group-select-demo",
    component: React.lazy(() => import("@/registry/examples/button-group-demo/button-group-select-demo")),
    language: "tsx"
  },
  {
    name: "button-group-separator-demo",
    baseComponent: "button-group",
    variant: "separator",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-group-demo/button-group-separator-demo",
    component: React.lazy(() => import("@/registry/examples/button-group-demo/button-group-separator-demo")),
    language: "tsx"
  },
  {
    name: "button-group-size-demo",
    baseComponent: "button-group",
    variant: "size",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-group-demo/button-group-size-demo",
    component: React.lazy(() => import("@/registry/examples/button-group-demo/button-group-size-demo")),
    language: "tsx"
  },
  {
    name: "button-group-split-demo",
    baseComponent: "button-group",
    variant: "split",
    componentPath: "@/registry/ui/button-group",
    componentDemoPath: "@/registry/examples/button-group-demo/button-group-split-demo",
    component: React.lazy(() => import("@/registry/examples/button-group-demo/button-group-split-demo")),
    language: "tsx"
  },
  {
    name: "calendar-arabic-demo",
    baseComponent: "calendar",
    variant: "arabic",
    componentPath: "@/registry/ui/calendar",
    componentDemoPath: "@/registry/examples/calendar-demo/calendar-arabic-demo",
    component: React.lazy(() => import("@/registry/examples/calendar-demo/calendar-arabic-demo")),
    language: "tsx"
  },
  {
    name: "calendar-demo",
    baseComponent: "calendar",
    variant: null,
    componentPath: "@/registry/ui/calendar",
    componentDemoPath: "@/registry/examples/calendar-demo/calendar-demo",
    component: React.lazy(() => import("@/registry/examples/calendar-demo/calendar-demo")),
    language: "tsx"
  },
  {
    name: "card-demo",
    baseComponent: "card",
    variant: null,
    componentPath: "@/registry/ui/card",
    componentDemoPath: "@/registry/examples/card-demo",
    component: React.lazy(() => import("@/registry/examples/card-demo")),
    language: "tsx"
  },
  {
    name: "carousel-demo",
    baseComponent: "carousel",
    variant: null,
    componentPath: "@/registry/ui/carousel",
    componentDemoPath: "@/registry/examples/carousel-demo/carousel-demo",
    component: React.lazy(() => import("@/registry/examples/carousel-demo/carousel-demo")),
    language: "tsx"
  },
  {
    name: "carousel-orientation-demo",
    baseComponent: "carousel",
    variant: "orientation",
    componentPath: "@/registry/ui/carousel",
    componentDemoPath: "@/registry/examples/carousel-demo/carousel-orientation-demo",
    component: React.lazy(() => import("@/registry/examples/carousel-demo/carousel-orientation-demo")),
    language: "tsx"
  },
  {
    name: "carousel-sizes-demo",
    baseComponent: "carousel",
    variant: "sizes",
    componentPath: "@/registry/ui/carousel",
    componentDemoPath: "@/registry/examples/carousel-demo/carousel-sizes-demo",
    component: React.lazy(() => import("@/registry/examples/carousel-demo/carousel-sizes-demo")),
    language: "tsx"
  },
  {
    name: "carousel-spacing-demo",
    baseComponent: "carousel",
    variant: "spacing",
    componentPath: "@/registry/ui/carousel",
    componentDemoPath: "@/registry/examples/carousel-demo/carousel-spacing-demo",
    component: React.lazy(() => import("@/registry/examples/carousel-demo/carousel-spacing-demo")),
    language: "tsx"
  },
  {
    name: "checkbox-demo",
    baseComponent: "checkbox",
    variant: null,
    componentPath: "@/registry/ui/checkbox",
    componentDemoPath: "@/registry/examples/checkbox-demo",
    component: React.lazy(() => import("@/registry/examples/checkbox-demo")),
    language: "tsx"
  },
  {
    name: "code-block-demo",
    baseComponent: "code-block",
    variant: null,
    componentPath: "@/components/ui/code-block",
    componentDemoPath: "@/registry/examples/code-block-demo",
    component: React.lazy(() => import("@/registry/examples/code-block-demo")),
    language: "tsx"
  },
  {
    name: "collapsible-demo",
    baseComponent: "collapsible",
    variant: null,
    componentPath: "@/registry/ui/collapsible",
    componentDemoPath: "@/registry/examples/collapsible-demo/collapsible-demo",
    component: React.lazy(() => import("@/registry/examples/collapsible-demo/collapsible-demo")),
    language: "tsx"
  },
  {
    name: "context-menu-demo",
    baseComponent: "context-menu",
    variant: null,
    componentPath: "@/registry/ui/context-menu",
    componentDemoPath: "@/registry/examples/context-menu-demo",
    component: React.lazy(() => import("@/registry/examples/context-menu-demo")),
    language: "tsx"
  },
  {
    name: "date-picker-demo",
    baseComponent: "date-picker",
    variant: null,
    componentPath: "@/components/ui/date-picker",
    componentDemoPath: "@/registry/examples/date-picker-demo/date-picker-demo",
    component: React.lazy(() => import("@/registry/examples/date-picker-demo/date-picker-demo")),
    language: "tsx"
  },
  {
    name: "date-picker-range-demo",
    baseComponent: "date-picker-range",
    variant: null,
    componentPath: "@/components/ui/date-picker-range",
    componentDemoPath: "@/registry/examples/date-picker-demo/date-picker-range-demo",
    component: React.lazy(() => import("@/registry/examples/date-picker-demo/date-picker-range-demo")),
    language: "tsx"
  },
  {
    name: "diagram-decision-tree-demo",
    baseComponent: "diagram-decision-tree",
    variant: null,
    componentPath: "@/components/ui/diagram-decision-tree",
    componentDemoPath: "@/registry/examples/diagram-demo/diagram-decision-tree-demo",
    component: React.lazy(() => import("@/registry/examples/diagram-demo/diagram-decision-tree-demo")),
    language: "tsx"
  },
  {
    name: "diagram-demo",
    baseComponent: "diagram",
    variant: null,
    componentPath: "@/components/ui/diagram",
    componentDemoPath: "@/registry/examples/diagram-demo/diagram-demo",
    component: React.lazy(() => import("@/registry/examples/diagram-demo/diagram-demo")),
    language: "tsx"
  },
  {
    name: "diagram-entity-relationship-demo",
    baseComponent: "diagram-entity-relationship",
    variant: null,
    componentPath: "@/components/ui/diagram-entity-relationship",
    componentDemoPath: "@/registry/examples/diagram-demo/diagram-entity-relationship-demo",
    component: React.lazy(() => import("@/registry/examples/diagram-demo/diagram-entity-relationship-demo")),
    language: "tsx"
  },
  {
    name: "dialog-bottom-demo",
    baseComponent: "dialog",
    variant: "bottom",
    componentPath: "@/registry/ui/dialog",
    componentDemoPath: "@/registry/examples/dialog-demo/dialog-bottom-demo",
    component: React.lazy(() => import("@/registry/examples/dialog-demo/dialog-bottom-demo")),
    language: "tsx"
  },
  {
    name: "dialog-demo",
    baseComponent: "dialog",
    variant: null,
    componentPath: "@/registry/ui/dialog",
    componentDemoPath: "@/registry/examples/dialog-demo/dialog-demo",
    component: React.lazy(() => import("@/registry/examples/dialog-demo/dialog-demo")),
    language: "tsx"
  },
  {
    name: "dialog-destructive-demo",
    baseComponent: "dialog",
    variant: "destructive",
    componentPath: "@/registry/ui/dialog",
    componentDemoPath: "@/registry/examples/dialog-demo/dialog-destructive-demo",
    component: React.lazy(() => import("@/registry/examples/dialog-demo/dialog-destructive-demo")),
    language: "tsx"
  },
  {
    name: "dialog-top-demo",
    baseComponent: "dialog",
    variant: "top",
    componentPath: "@/registry/ui/dialog",
    componentDemoPath: "@/registry/examples/dialog-demo/dialog-top-demo",
    component: React.lazy(() => import("@/registry/examples/dialog-demo/dialog-top-demo")),
    language: "tsx"
  },
  {
    name: "drawer-demo",
    baseComponent: "drawer",
    variant: null,
    componentPath: "@/registry/ui/drawer",
    componentDemoPath: "@/registry/examples/drawer-demo/drawer-demo",
    component: React.lazy(() => import("@/registry/examples/drawer-demo/drawer-demo")),
    language: "tsx"
  },
  {
    name: "drawer-nested-demo",
    baseComponent: "drawer",
    variant: "nested",
    componentPath: "@/registry/ui/drawer",
    componentDemoPath: "@/registry/examples/drawer-demo/drawer-nested-demo",
    component: React.lazy(() => import("@/registry/examples/drawer-demo/drawer-nested-demo")),
    language: "tsx"
  },
  {
    name: "dropdown-menu-checkbox-demo",
    baseComponent: "dropdown-menu",
    variant: "checkbox",
    componentPath: "@/registry/ui/dropdown-menu",
    componentDemoPath: "@/registry/examples/dropdown-menu-demo/dropdown-menu-checkbox-demo",
    component: React.lazy(() => import("@/registry/examples/dropdown-menu-demo/dropdown-menu-checkbox-demo")),
    language: "tsx"
  },
  {
    name: "dropdown-menu-demo",
    baseComponent: "dropdown-menu",
    variant: null,
    componentPath: "@/registry/ui/dropdown-menu",
    componentDemoPath: "@/registry/examples/dropdown-menu-demo/dropdown-menu-demo",
    component: React.lazy(() => import("@/registry/examples/dropdown-menu-demo/dropdown-menu-demo")),
    language: "tsx"
  },
  {
    name: "dropdown-menu-nested-demo",
    baseComponent: "dropdown-menu",
    variant: "nested",
    componentPath: "@/registry/ui/dropdown-menu",
    componentDemoPath: "@/registry/examples/dropdown-menu-demo/dropdown-menu-nested-demo",
    component: React.lazy(() => import("@/registry/examples/dropdown-menu-demo/dropdown-menu-nested-demo")),
    language: "tsx"
  },
  {
    name: "dropdown-menu-radio-demo",
    baseComponent: "dropdown-menu",
    variant: "radio",
    componentPath: "@/registry/ui/dropdown-menu",
    componentDemoPath: "@/registry/examples/dropdown-menu-demo/dropdown-menu-radio-demo",
    component: React.lazy(() => import("@/registry/examples/dropdown-menu-demo/dropdown-menu-radio-demo")),
    language: "tsx"
  },
  {
    name: "empty-avatar-demo",
    baseComponent: "empty",
    variant: "avatar",
    componentPath: "@/registry/ui/empty",
    componentDemoPath: "@/registry/examples/empty-demo/empty-avatar-demo",
    component: React.lazy(() => import("@/registry/examples/empty-demo/empty-avatar-demo")),
    language: "tsx"
  },
  {
    name: "empty-demo",
    baseComponent: "empty",
    variant: null,
    componentPath: "@/registry/ui/empty",
    componentDemoPath: "@/registry/examples/empty-demo/empty-demo",
    component: React.lazy(() => import("@/registry/examples/empty-demo/empty-demo")),
    language: "tsx"
  },
  {
    name: "folder-tree-demo",
    baseComponent: "folder-tree",
    variant: null,
    componentPath: "@/components/ui/folder-tree",
    componentDemoPath: "@/registry/examples/folder-tree-demo",
    component: React.lazy(() => import("@/registry/examples/folder-tree-demo")),
    language: "tsx"
  },
  {
    name: "hover-card-demo",
    baseComponent: "hover-card",
    variant: null,
    componentPath: "@/registry/ui/hover-card",
    componentDemoPath: "@/registry/examples/hover-card-demo",
    component: React.lazy(() => import("@/registry/examples/hover-card-demo")),
    language: "tsx"
  },
  {
    name: "input-button-demo",
    baseComponent: "input",
    variant: "button",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-demo/input-button-demo",
    component: React.lazy(() => import("@/registry/examples/input-demo/input-button-demo")),
    language: "tsx"
  },
  {
    name: "input-demo",
    baseComponent: "input",
    variant: null,
    componentPath: "@/registry/ui/input",
    componentDemoPath: "@/registry/examples/input-demo/input-demo",
    component: React.lazy(() => import("@/registry/examples/input-demo/input-demo")),
    language: "tsx"
  },
  {
    name: "input-disabled-demo",
    baseComponent: "input",
    variant: "disabled",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-demo/input-disabled-demo",
    component: React.lazy(() => import("@/registry/examples/input-demo/input-disabled-demo")),
    language: "tsx"
  },
  {
    name: "input-file-demo",
    baseComponent: "input",
    variant: "file",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-demo/input-file-demo",
    component: React.lazy(() => import("@/registry/examples/input-demo/input-file-demo")),
    language: "tsx"
  },
  {
    name: "input-label-demo",
    baseComponent: "input",
    variant: "label",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-demo/input-label-demo",
    component: React.lazy(() => import("@/registry/examples/input-demo/input-label-demo")),
    language: "tsx"
  },
  {
    name: "input-group-button-demo",
    baseComponent: "input-group",
    variant: "button",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-group-demo/input-group-button-demo",
    component: React.lazy(() => import("@/registry/examples/input-group-demo/input-group-button-demo")),
    language: "tsx"
  },
  {
    name: "input-group-button-group-demo",
    baseComponent: "input-group",
    variant: "button-group",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-group-demo/input-group-button-group-demo",
    component: React.lazy(() => import("@/registry/examples/input-group-demo/input-group-button-group-demo")),
    language: "tsx"
  },
  {
    name: "input-group-demo",
    baseComponent: "input-group",
    variant: null,
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-group-demo/input-group-demo",
    component: React.lazy(() => import("@/registry/examples/input-group-demo/input-group-demo")),
    language: "tsx"
  },
  {
    name: "input-group-dropdown-demo",
    baseComponent: "input-group",
    variant: "dropdown",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-group-demo/input-group-dropdown-demo",
    component: React.lazy(() => import("@/registry/examples/input-group-demo/input-group-dropdown-demo")),
    language: "tsx"
  },
  {
    name: "input-group-icon-demo",
    baseComponent: "input-group",
    variant: "icon",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-group-demo/input-group-icon-demo",
    component: React.lazy(() => import("@/registry/examples/input-group-demo/input-group-icon-demo")),
    language: "tsx"
  },
  {
    name: "input-group-label-demo",
    baseComponent: "input-group",
    variant: "label",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-group-demo/input-group-label-demo",
    component: React.lazy(() => import("@/registry/examples/input-group-demo/input-group-label-demo")),
    language: "tsx"
  },
  {
    name: "input-group-loading-demo",
    baseComponent: "input-group",
    variant: "loading",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-group-demo/input-group-loading-demo",
    component: React.lazy(() => import("@/registry/examples/input-group-demo/input-group-loading-demo")),
    language: "tsx"
  },
  {
    name: "input-group-multiple-addons-demo",
    baseComponent: "input-group",
    variant: "multiple-addons",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-group-demo/input-group-multiple-addons-demo",
    component: React.lazy(() => import("@/registry/examples/input-group-demo/input-group-multiple-addons-demo")),
    language: "tsx"
  },
  {
    name: "input-group-text-demo",
    baseComponent: "input-group",
    variant: "text",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-group-demo/input-group-text-demo",
    component: React.lazy(() => import("@/registry/examples/input-group-demo/input-group-text-demo")),
    language: "tsx"
  },
  {
    name: "input-group-textarea-demo",
    baseComponent: "input-group",
    variant: "textarea",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-group-demo/input-group-textarea-demo",
    component: React.lazy(() => import("@/registry/examples/input-group-demo/input-group-textarea-demo")),
    language: "tsx"
  },
  {
    name: "input-group-tooltip-demo",
    baseComponent: "input-group",
    variant: "tooltip",
    componentPath: "@/registry/ui/input-group",
    componentDemoPath: "@/registry/examples/input-group-demo/input-group-tooltip-demo",
    component: React.lazy(() => import("@/registry/examples/input-group-demo/input-group-tooltip-demo")),
    language: "tsx"
  },
  {
    name: "input-otp-4-digit-demo",
    baseComponent: "input-otp",
    variant: "4-digit",
    componentPath: "@/registry/ui/input-otp",
    componentDemoPath: "@/registry/examples/input-otp-demo/input-otp-4-digit-demo",
    component: React.lazy(() => import("@/registry/examples/input-otp-demo/input-otp-4-digit-demo")),
    language: "tsx"
  },
  {
    name: "input-otp-8-digit-demo",
    baseComponent: "input-otp",
    variant: "8-digit",
    componentPath: "@/registry/ui/input-otp",
    componentDemoPath: "@/registry/examples/input-otp-demo/input-otp-8-digit-demo",
    component: React.lazy(() => import("@/registry/examples/input-otp-demo/input-otp-8-digit-demo")),
    language: "tsx"
  },
  {
    name: "input-otp-controlled-demo",
    baseComponent: "input-otp",
    variant: "controlled",
    componentPath: "@/registry/ui/input-otp",
    componentDemoPath: "@/registry/examples/input-otp-demo/input-otp-controlled-demo",
    component: React.lazy(() => import("@/registry/examples/input-otp-demo/input-otp-controlled-demo")),
    language: "tsx"
  },
  {
    name: "input-otp-demo",
    baseComponent: "input-otp",
    variant: null,
    componentPath: "@/registry/ui/input-otp",
    componentDemoPath: "@/registry/examples/input-otp-demo/input-otp-demo",
    component: React.lazy(() => import("@/registry/examples/input-otp-demo/input-otp-demo")),
    language: "tsx"
  },
  {
    name: "input-otp-form-demo",
    baseComponent: "input-otp",
    variant: "form",
    componentPath: "@/registry/ui/input-otp",
    componentDemoPath: "@/registry/examples/input-otp-demo/input-otp-form-demo",
    component: React.lazy(() => import("@/registry/examples/input-otp-demo/input-otp-form-demo")),
    language: "tsx"
  },
  {
    name: "input-otp-password-demo",
    baseComponent: "input-otp",
    variant: "password",
    componentPath: "@/registry/ui/input-otp",
    componentDemoPath: "@/registry/examples/input-otp-demo/input-otp-password-demo",
    component: React.lazy(() => import("@/registry/examples/input-otp-demo/input-otp-password-demo")),
    language: "tsx"
  },
  {
    name: "input-otp-pattern-demo",
    baseComponent: "input-otp",
    variant: "pattern",
    componentPath: "@/registry/ui/input-otp",
    componentDemoPath: "@/registry/examples/input-otp-demo/input-otp-pattern-demo",
    component: React.lazy(() => import("@/registry/examples/input-otp-demo/input-otp-pattern-demo")),
    language: "tsx"
  },
  {
    name: "input-otp-simple-demo",
    baseComponent: "input-otp",
    variant: "simple",
    componentPath: "@/registry/ui/input-otp",
    componentDemoPath: "@/registry/examples/input-otp-demo/input-otp-simple-demo",
    component: React.lazy(() => import("@/registry/examples/input-otp-demo/input-otp-simple-demo")),
    language: "tsx"
  },
  {
    name: "input-otp-verification-demo",
    baseComponent: "input-otp",
    variant: "verification",
    componentPath: "@/registry/ui/input-otp",
    componentDemoPath: "@/registry/examples/input-otp-demo/input-otp-verification-demo",
    component: React.lazy(() => import("@/registry/examples/input-otp-demo/input-otp-verification-demo")),
    language: "tsx"
  },
  {
    name: "kdb-button-demo",
    baseComponent: "kdb-button",
    variant: null,
    componentPath: "@/components/ui/kdb-button",
    componentDemoPath: "@/registry/examples/kdb-demo/kdb-button-demo",
    component: React.lazy(() => import("@/registry/examples/kdb-demo/kdb-button-demo")),
    language: "tsx"
  },
  {
    name: "kdb-demo",
    baseComponent: "kdb",
    variant: null,
    componentPath: "@/components/ui/kdb",
    componentDemoPath: "@/registry/examples/kdb-demo/kdb-demo",
    component: React.lazy(() => import("@/registry/examples/kdb-demo/kdb-demo")),
    language: "tsx"
  },
  {
    name: "kdb-group-demo",
    baseComponent: "kdb-group",
    variant: null,
    componentPath: "@/components/ui/kdb-group",
    componentDemoPath: "@/registry/examples/kdb-demo/kdb-group-demo",
    component: React.lazy(() => import("@/registry/examples/kdb-demo/kdb-group-demo")),
    language: "tsx"
  },
  {
    name: "kdb-input-group-demo",
    baseComponent: "kdb-input-group",
    variant: null,
    componentPath: "@/components/ui/kdb-input-group",
    componentDemoPath: "@/registry/examples/kdb-demo/kdb-input-group-demo",
    component: React.lazy(() => import("@/registry/examples/kdb-demo/kdb-input-group-demo")),
    language: "tsx"
  },
  {
    name: "kdb-tooltip-demo",
    baseComponent: "kdb-tooltip",
    variant: null,
    componentPath: "@/components/ui/kdb-tooltip",
    componentDemoPath: "@/registry/examples/kdb-demo/kdb-tooltip-demo",
    component: React.lazy(() => import("@/registry/examples/kdb-demo/kdb-tooltip-demo")),
    language: "tsx"
  },
  {
    name: "label-demo",
    baseComponent: "label",
    variant: null,
    componentPath: "@/registry/ui/label",
    componentDemoPath: "@/registry/examples/label-demo",
    component: React.lazy(() => import("@/registry/examples/label-demo")),
    language: "tsx"
  },
  {
    name: "list-item-demo",
    baseComponent: "list-item",
    variant: null,
    componentPath: "@/registry/ui/list-item",
    componentDemoPath: "@/registry/examples/list-item-demo/list-item-demo",
    component: React.lazy(() => import("@/registry/examples/list-item-demo/list-item-demo")),
    language: "tsx"
  },
  {
    name: "list-item-group-demo",
    baseComponent: "list-item",
    variant: "group",
    componentPath: "@/registry/ui/list-item",
    componentDemoPath: "@/registry/examples/list-item-demo/list-item-group-demo",
    component: React.lazy(() => import("@/registry/examples/list-item-demo/list-item-group-demo")),
    language: "tsx"
  },
  {
    name: "list-item-sizes-demo",
    baseComponent: "list-item",
    variant: "sizes",
    componentPath: "@/registry/ui/list-item",
    componentDemoPath: "@/registry/examples/list-item-demo/list-item-sizes-demo",
    component: React.lazy(() => import("@/registry/examples/list-item-demo/list-item-sizes-demo")),
    language: "tsx"
  },
  {
    name: "list-item-variants-demo",
    baseComponent: "list-item",
    variant: "variants",
    componentPath: "@/registry/ui/list-item",
    componentDemoPath: "@/registry/examples/list-item-demo/list-item-variants-demo",
    component: React.lazy(() => import("@/registry/examples/list-item-demo/list-item-variants-demo")),
    language: "tsx"
  },
  {
    name: "list-item-with-avatar-demo",
    baseComponent: "list-item",
    variant: "with-avatar",
    componentPath: "@/registry/ui/list-item",
    componentDemoPath: "@/registry/examples/list-item-demo/list-item-with-avatar-demo",
    component: React.lazy(() => import("@/registry/examples/list-item-demo/list-item-with-avatar-demo")),
    language: "tsx"
  },
  {
    name: "loading-badge-demo",
    baseComponent: "loading",
    variant: "badge",
    componentPath: "@/registry/ui/loading-customization",
    componentDemoPath: "@/registry/examples/loading-demo/loading-badge-demo",
    component: React.lazy(() => import("@/registry/examples/loading-demo/loading-badge-demo")),
    language: "tsx"
  },
  {
    name: "loading-button-demo",
    baseComponent: "loading",
    variant: "button",
    componentPath: "@/registry/ui/loading-customization",
    componentDemoPath: "@/registry/examples/loading-demo/loading-button-demo",
    component: React.lazy(() => import("@/registry/examples/loading-demo/loading-button-demo")),
    language: "tsx"
  },
  {
    name: "loading-color-demo",
    baseComponent: "loading",
    variant: "color",
    componentPath: "@/registry/ui/loading-customization",
    componentDemoPath: "@/registry/examples/loading-demo/loading-color-demo",
    component: React.lazy(() => import("@/registry/examples/loading-demo/loading-color-demo")),
    language: "tsx"
  },
  {
    name: "loading-demo",
    baseComponent: "loading",
    variant: null,
    componentPath: "@/registry/ui/loading",
    componentDemoPath: "@/registry/examples/loading-demo/loading-demo",
    component: React.lazy(() => import("@/registry/examples/loading-demo/loading-demo")),
    language: "tsx"
  },
  {
    name: "loading-size-demo",
    baseComponent: "loading",
    variant: "size",
    componentPath: "@/registry/ui/loading-customization",
    componentDemoPath: "@/registry/examples/loading-demo/loading-size-demo",
    component: React.lazy(() => import("@/registry/examples/loading-demo/loading-size-demo")),
    language: "tsx"
  },
  {
    name: "menubar-demo",
    baseComponent: "menubar",
    variant: null,
    componentPath: "@/registry/ui/menubar",
    componentDemoPath: "@/registry/examples/menubar-demo",
    component: React.lazy(() => import("@/registry/examples/menubar-demo")),
    language: "tsx"
  },
  {
    name: "navigation-menu-demo",
    baseComponent: "navigation-menu",
    variant: null,
    componentPath: "@/registry/ui/navigation-menu",
    componentDemoPath: "@/registry/examples/navigation-menu-demo",
    component: React.lazy(() => import("@/registry/examples/navigation-menu-demo")),
    language: "tsx"
  },
  {
    name: "note-closable-demo",
    baseComponent: "note",
    variant: "closable",
    componentPath: "@/registry/ui/note",
    componentDemoPath: "@/registry/examples/note-demo/note-closable-demo",
    component: React.lazy(() => import("@/registry/examples/note-demo/note-closable-demo")),
    language: "tsx"
  },
  {
    name: "note-demo",
    baseComponent: "note",
    variant: null,
    componentPath: "@/registry/ui/note",
    componentDemoPath: "@/registry/examples/note-demo/note-demo",
    component: React.lazy(() => import("@/registry/examples/note-demo/note-demo")),
    language: "tsx"
  },
  {
    name: "note-error-demo",
    baseComponent: "note",
    variant: "error",
    componentPath: "@/registry/ui/note",
    componentDemoPath: "@/registry/examples/note-demo/note-error-demo",
    component: React.lazy(() => import("@/registry/examples/note-demo/note-error-demo")),
    language: "tsx"
  },
  {
    name: "note-success-demo",
    baseComponent: "note",
    variant: "success",
    componentPath: "@/registry/ui/note",
    componentDemoPath: "@/registry/examples/note-demo/note-success-demo",
    component: React.lazy(() => import("@/registry/examples/note-demo/note-success-demo")),
    language: "tsx"
  },
  {
    name: "note-warning-demo",
    baseComponent: "note",
    variant: "warning",
    componentPath: "@/registry/ui/note",
    componentDemoPath: "@/registry/examples/note-demo/note-warning-demo",
    component: React.lazy(() => import("@/registry/examples/note-demo/note-warning-demo")),
    language: "tsx"
  },
  {
    name: "pagination-demo",
    baseComponent: "pagination",
    variant: null,
    componentPath: "@/registry/ui/pagination",
    componentDemoPath: "@/registry/examples/pagination-demo",
    component: React.lazy(() => import("@/registry/examples/pagination-demo")),
    language: "tsx"
  },
  {
    name: "popover-demo",
    baseComponent: "popover",
    variant: null,
    componentPath: "@/registry/ui/popover",
    componentDemoPath: "@/registry/examples/popover-demo",
    component: React.lazy(() => import("@/registry/examples/popover-demo")),
    language: "tsx"
  },
  {
    name: "pre-demo",
    baseComponent: "pre",
    variant: null,
    componentPath: "@/registry/ui/pre",
    componentDemoPath: "@/registry/examples/pre-demo",
    component: React.lazy(() => import("@/registry/examples/pre-demo")),
    language: "tsx"
  },
  {
    name: "product-card-demo",
    baseComponent: "product-card",
    variant: null,
    componentPath: "@/registry/ui/product-card",
    componentDemoPath: "@/registry/examples/product-card-demo",
    component: React.lazy(() => import("@/registry/examples/product-card-demo")),
    language: "tsx"
  },
  {
    name: "progress-demo",
    baseComponent: "progress",
    variant: null,
    componentPath: "@/registry/ui/progress",
    componentDemoPath: "@/registry/examples/progress-demo",
    component: React.lazy(() => import("@/registry/examples/progress-demo")),
    language: "tsx"
  },
  {
    name: "radio-group-demo",
    baseComponent: "radio-group",
    variant: null,
    componentPath: "@/registry/ui/radio-group",
    componentDemoPath: "@/registry/examples/radio-group-demo",
    component: React.lazy(() => import("@/registry/examples/radio-group-demo")),
    language: "tsx"
  },
  {
    name: "resizable-demo",
    baseComponent: "resizable",
    variant: null,
    componentPath: "@/registry/ui/resizable",
    componentDemoPath: "@/registry/examples/resizable-demo/resizable-demo",
    component: React.lazy(() => import("@/registry/examples/resizable-demo/resizable-demo")),
    language: "tsx"
  },
  {
    name: "resizable-handle-demo",
    baseComponent: "resizable",
    variant: "handle",
    componentPath: "@/registry/ui/resizable",
    componentDemoPath: "@/registry/examples/resizable-demo/resizable-handle-demo",
    component: React.lazy(() => import("@/registry/examples/resizable-demo/resizable-handle-demo")),
    language: "tsx"
  },
  {
    name: "resizable-vertical-demo",
    baseComponent: "resizable",
    variant: "vertical",
    componentPath: "@/registry/ui/resizable",
    componentDemoPath: "@/registry/examples/resizable-demo/resizable-vertical-demo",
    component: React.lazy(() => import("@/registry/examples/resizable-demo/resizable-vertical-demo")),
    language: "tsx"
  },
  {
    name: "scroll-area-demo",
    baseComponent: "scroll-area",
    variant: null,
    componentPath: "@/registry/ui/scroll-area",
    componentDemoPath: "@/registry/examples/scroll-area-demo/scroll-area-demo",
    component: React.lazy(() => import("@/registry/examples/scroll-area-demo/scroll-area-demo")),
    language: "tsx"
  },
  {
    name: "scroll-area-horizontal-demo",
    baseComponent: "scroll-area",
    variant: "horizontal",
    componentPath: "@/registry/ui/scroll-area",
    componentDemoPath: "@/registry/examples/scroll-area-demo/scroll-area-horizontal-demo",
    component: React.lazy(() => import("@/registry/examples/scroll-area-demo/scroll-area-horizontal-demo")),
    language: "tsx"
  },
  {
    name: "select-demo",
    baseComponent: "select",
    variant: null,
    componentPath: "@/registry/ui/select",
    componentDemoPath: "@/registry/examples/select-demo/select-demo",
    component: React.lazy(() => import("@/registry/examples/select-demo/select-demo")),
    language: "tsx"
  },
  {
    name: "select-scrollable-demo",
    baseComponent: "select",
    variant: "scrollable",
    componentPath: "@/registry/ui/select",
    componentDemoPath: "@/registry/examples/select-demo/select-scrollable-demo",
    component: React.lazy(() => import("@/registry/examples/select-demo/select-scrollable-demo")),
    language: "tsx"
  },
  {
    name: "separator-demo",
    baseComponent: "separator",
    variant: null,
    componentPath: "@/registry/ui/separator",
    componentDemoPath: "@/registry/examples/separator-demo/separator-demo",
    component: React.lazy(() => import("@/registry/examples/separator-demo/separator-demo")),
    language: "tsx"
  },
  {
    name: "separator-horizontal-demo",
    baseComponent: "separator",
    variant: "horizontal",
    componentPath: "@/registry/ui/separator",
    componentDemoPath: "@/registry/examples/separator-demo/separator-horizontal-demo",
    component: React.lazy(() => import("@/registry/examples/separator-demo/separator-horizontal-demo")),
    language: "tsx"
  },
  {
    name: "separator-regular-demo",
    baseComponent: "separator",
    variant: "regular",
    componentPath: "@/registry/ui/separator",
    componentDemoPath: "@/registry/examples/separator-demo/separator-regular-demo",
    component: React.lazy(() => import("@/registry/examples/separator-demo/separator-regular-demo")),
    language: "tsx"
  },
  {
    name: "separator-ultralight-demo",
    baseComponent: "separator",
    variant: "ultralight",
    componentPath: "@/registry/ui/separator",
    componentDemoPath: "@/registry/examples/separator-demo/separator-ultralight-demo",
    component: React.lazy(() => import("@/registry/examples/separator-demo/separator-ultralight-demo")),
    language: "tsx"
  },
  {
    name: "sheet-bottom-demo",
    baseComponent: "sheet",
    variant: "bottom",
    componentPath: "@/registry/ui/sheet",
    componentDemoPath: "@/registry/examples/sheet-demo/sheet-bottom-demo",
    component: React.lazy(() => import("@/registry/examples/sheet-demo/sheet-bottom-demo")),
    language: "tsx"
  },
  {
    name: "sheet-demo",
    baseComponent: "sheet",
    variant: null,
    componentPath: "@/registry/ui/sheet",
    componentDemoPath: "@/registry/examples/sheet-demo/sheet-demo",
    component: React.lazy(() => import("@/registry/examples/sheet-demo/sheet-demo")),
    language: "tsx"
  },
  {
    name: "sheet-left-demo",
    baseComponent: "sheet",
    variant: "left",
    componentPath: "@/registry/ui/sheet",
    componentDemoPath: "@/registry/examples/sheet-demo/sheet-left-demo",
    component: React.lazy(() => import("@/registry/examples/sheet-demo/sheet-left-demo")),
    language: "tsx"
  },
  {
    name: "sheet-right-demo",
    baseComponent: "sheet",
    variant: "right",
    componentPath: "@/registry/ui/sheet",
    componentDemoPath: "@/registry/examples/sheet-demo/sheet-right-demo",
    component: React.lazy(() => import("@/registry/examples/sheet-demo/sheet-right-demo")),
    language: "tsx"
  },
  {
    name: "sheet-top-demo",
    baseComponent: "sheet",
    variant: "top",
    componentPath: "@/registry/ui/sheet",
    componentDemoPath: "@/registry/examples/sheet-demo/sheet-top-demo",
    component: React.lazy(() => import("@/registry/examples/sheet-demo/sheet-top-demo")),
    language: "tsx"
  },
  {
    name: "skeleton-card-demo",
    baseComponent: "skeleton",
    variant: "card",
    componentPath: "@/registry/ui/skeleton",
    componentDemoPath: "@/registry/examples/skeleton-demo/skeleton-card-demo",
    component: React.lazy(() => import("@/registry/examples/skeleton-demo/skeleton-card-demo")),
    language: "tsx"
  },
  {
    name: "skeleton-demo",
    baseComponent: "skeleton",
    variant: null,
    componentPath: "@/registry/ui/skeleton",
    componentDemoPath: "@/registry/examples/skeleton-demo/skeleton-demo",
    component: React.lazy(() => import("@/registry/examples/skeleton-demo/skeleton-demo")),
    language: "tsx"
  },
  {
    name: "slider-demo",
    baseComponent: "slider",
    variant: null,
    componentPath: "@/registry/ui/slider",
    componentDemoPath: "@/registry/examples/slider-demo/slider-demo",
    component: React.lazy(() => import("@/registry/examples/slider-demo/slider-demo")),
    language: "tsx"
  },
  {
    name: "slider-range-demo",
    baseComponent: "slider",
    variant: "range",
    componentPath: "@/registry/ui/slider",
    componentDemoPath: "@/registry/examples/slider-demo/slider-range-demo",
    component: React.lazy(() => import("@/registry/examples/slider-demo/slider-range-demo")),
    language: "tsx"
  },
  {
    name: "smart-select-demo",
    baseComponent: "smart-select",
    variant: null,
    componentPath: "@/components/ui/smart-select",
    componentDemoPath: "@/registry/examples/smart-select-demo/smart-select-demo",
    component: React.lazy(() => import("@/registry/examples/smart-select-demo/smart-select-demo")),
    language: "tsx"
  },
  {
    name: "smart-select-dropdown-menu-demo",
    baseComponent: "smart-select-dropdown-menu",
    variant: null,
    componentPath: "@/components/ui/smart-select-dropdown-menu",
    componentDemoPath: "@/registry/examples/smart-select-demo/smart-select-dropdown-menu-demo",
    component: React.lazy(() => import("@/registry/examples/smart-select-demo/smart-select-dropdown-menu-demo")),
    language: "tsx"
  },
  {
    name: "smart-select-popover-demo",
    baseComponent: "smart-select-popover",
    variant: null,
    componentPath: "@/components/ui/smart-select-popover",
    componentDemoPath: "@/registry/examples/smart-select-demo/smart-select-popover-demo",
    component: React.lazy(() => import("@/registry/examples/smart-select-demo/smart-select-popover-demo")),
    language: "tsx"
  },
  {
    name: "sonner-custom-demo",
    baseComponent: "sonner",
    variant: "custom",
    componentPath: "@/registry/ui/sonner",
    componentDemoPath: "@/registry/examples/sonner-demo/sonner-custom-demo",
    component: React.lazy(() => import("@/registry/examples/sonner-demo/sonner-custom-demo")),
    language: "tsx"
  },
  {
    name: "sonner-demo",
    baseComponent: "sonner",
    variant: null,
    componentPath: "@/registry/ui/sonner",
    componentDemoPath: "@/registry/examples/sonner-demo/sonner-demo",
    component: React.lazy(() => import("@/registry/examples/sonner-demo/sonner-demo")),
    language: "tsx"
  },
  {
    name: "sonner-error-demo",
    baseComponent: "sonner",
    variant: "error",
    componentPath: "@/registry/ui/sonner",
    componentDemoPath: "@/registry/examples/sonner-demo/sonner-error-demo",
    component: React.lazy(() => import("@/registry/examples/sonner-demo/sonner-error-demo")),
    language: "tsx"
  },
  {
    name: "sonner-info-demo",
    baseComponent: "sonner",
    variant: "info",
    componentPath: "@/registry/ui/sonner",
    componentDemoPath: "@/registry/examples/sonner-demo/sonner-info-demo",
    component: React.lazy(() => import("@/registry/examples/sonner-demo/sonner-info-demo")),
    language: "tsx"
  },
  {
    name: "sonner-loading-demo",
    baseComponent: "sonner",
    variant: "loading",
    componentPath: "@/registry/ui/sonner",
    componentDemoPath: "@/registry/examples/sonner-demo/sonner-loading-demo",
    component: React.lazy(() => import("@/registry/examples/sonner-demo/sonner-loading-demo")),
    language: "tsx"
  },
  {
    name: "sonner-success-demo",
    baseComponent: "sonner",
    variant: "success",
    componentPath: "@/registry/ui/sonner",
    componentDemoPath: "@/registry/examples/sonner-demo/sonner-success-demo",
    component: React.lazy(() => import("@/registry/examples/sonner-demo/sonner-success-demo")),
    language: "tsx"
  },
  {
    name: "sonner-warning-demo",
    baseComponent: "sonner",
    variant: "warning",
    componentPath: "@/registry/ui/sonner",
    componentDemoPath: "@/registry/examples/sonner-demo/sonner-warning-demo",
    component: React.lazy(() => import("@/registry/examples/sonner-demo/sonner-warning-demo")),
    language: "tsx"
  },
  {
    name: "step-demo",
    baseComponent: "step",
    variant: null,
    componentPath: "@/registry/ui/step",
    componentDemoPath: "@/registry/examples/step-demo",
    component: React.lazy(() => import("@/registry/examples/step-demo")),
    language: "tsx"
  },
  {
    name: "switch-demo",
    baseComponent: "switch",
    variant: null,
    componentPath: "@/registry/ui/switch",
    componentDemoPath: "@/registry/examples/switch-demo/switch-demo",
    component: React.lazy(() => import("@/registry/examples/switch-demo/switch-demo")),
    language: "tsx"
  },
  {
    name: "table-demo",
    baseComponent: "table",
    variant: null,
    componentPath: "@/registry/ui/table",
    componentDemoPath: "@/registry/examples/table-demo",
    component: React.lazy(() => import("@/registry/examples/table-demo")),
    language: "tsx"
  },
  {
    name: "tabs-demo",
    baseComponent: "tabs",
    variant: null,
    componentPath: "@/registry/ui/tabs",
    componentDemoPath: "@/registry/examples/tabs-demo/tabs-demo",
    component: React.lazy(() => import("@/registry/examples/tabs-demo/tabs-demo")),
    language: "tsx"
  },
  {
    name: "tabs-vertical-demo",
    baseComponent: "tabs",
    variant: "vertical",
    componentPath: "@/registry/ui/tabs",
    componentDemoPath: "@/registry/examples/tabs-demo/tabs-vertical-demo",
    component: React.lazy(() => import("@/registry/examples/tabs-demo/tabs-vertical-demo")),
    language: "tsx"
  },
  {
    name: "textarea-button-demo",
    baseComponent: "textarea",
    variant: "button",
    componentPath: "@/registry/ui/textarea",
    componentDemoPath: "@/registry/examples/textarea-demo/textarea-button-demo",
    component: React.lazy(() => import("@/registry/examples/textarea-demo/textarea-button-demo")),
    language: "tsx"
  },
  {
    name: "textarea-demo",
    baseComponent: "textarea",
    variant: null,
    componentPath: "@/registry/ui/textarea",
    componentDemoPath: "@/registry/examples/textarea-demo/textarea-demo",
    component: React.lazy(() => import("@/registry/examples/textarea-demo/textarea-demo")),
    language: "tsx"
  },
  {
    name: "textarea-disabled-demo",
    baseComponent: "textarea",
    variant: "disabled",
    componentPath: "@/registry/ui/textarea",
    componentDemoPath: "@/registry/examples/textarea-demo/textarea-disabled-demo",
    component: React.lazy(() => import("@/registry/examples/textarea-demo/textarea-disabled-demo")),
    language: "tsx"
  },
  {
    name: "textarea-with-label-demo",
    baseComponent: "textarea",
    variant: "with-label",
    componentPath: "@/registry/ui/textarea",
    componentDemoPath: "@/registry/examples/textarea-demo/textarea-with-label-demo",
    component: React.lazy(() => import("@/registry/examples/textarea-demo/textarea-with-label-demo")),
    language: "tsx"
  },
  {
    name: "textarea-with-text-demo",
    baseComponent: "textarea",
    variant: "with-text",
    componentPath: "@/registry/ui/textarea",
    componentDemoPath: "@/registry/examples/textarea-demo/textarea-with-text-demo",
    component: React.lazy(() => import("@/registry/examples/textarea-demo/textarea-with-text-demo")),
    language: "tsx"
  },
  {
    name: "toggle-demo",
    baseComponent: "toggle",
    variant: null,
    componentPath: "@/registry/ui/toggle",
    componentDemoPath: "@/registry/examples/toggle-demo/toggle-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-demo/toggle-demo")),
    language: "tsx"
  },
  {
    name: "toggle-disable-demo",
    baseComponent: "toggle",
    variant: "disable",
    componentPath: "@/registry/ui/toggle-group",
    componentDemoPath: "@/registry/examples/toggle-demo/toggle-disable-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-demo/toggle-disable-demo")),
    language: "tsx"
  },
  {
    name: "toggle-ghost-demo",
    baseComponent: "toggle",
    variant: "ghost",
    componentPath: "@/registry/ui/toggle-group",
    componentDemoPath: "@/registry/examples/toggle-demo/toggle-ghost-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-demo/toggle-ghost-demo")),
    language: "tsx"
  },
  {
    name: "toggle-glass-demo",
    baseComponent: "toggle",
    variant: "glass",
    componentPath: "@/registry/ui/toggle-group",
    componentDemoPath: "@/registry/examples/toggle-demo/toggle-glass-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-demo/toggle-glass-demo")),
    language: "tsx"
  },
  {
    name: "toggle-large-demo",
    baseComponent: "toggle",
    variant: "large",
    componentPath: "@/registry/ui/toggle-group",
    componentDemoPath: "@/registry/examples/toggle-demo/toggle-large-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-demo/toggle-large-demo")),
    language: "tsx"
  },
  {
    name: "toggle-outline-demo",
    baseComponent: "toggle",
    variant: "outline",
    componentPath: "@/registry/ui/toggle-group",
    componentDemoPath: "@/registry/examples/toggle-demo/toggle-outline-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-demo/toggle-outline-demo")),
    language: "tsx"
  },
  {
    name: "toggle-small-demo",
    baseComponent: "toggle",
    variant: "small",
    componentPath: "@/registry/ui/toggle-group",
    componentDemoPath: "@/registry/examples/toggle-demo/toggle-small-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-demo/toggle-small-demo")),
    language: "tsx"
  },
  {
    name: "toggle-with-text-demo",
    baseComponent: "toggle",
    variant: "with-text",
    componentPath: "@/registry/ui/toggle-group",
    componentDemoPath: "@/registry/examples/toggle-demo/toggle-with-text-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-demo/toggle-with-text-demo")),
    language: "tsx"
  },
  {
    name: "toggle-group-demo",
    baseComponent: "toggle-group",
    variant: null,
    componentPath: "@/registry/ui/toggle-group",
    componentDemoPath: "@/registry/examples/toggle-group-demo/toggle-group-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-group-demo/toggle-group-demo")),
    language: "tsx"
  },
  {
    name: "toggle-group-disabled-demo",
    baseComponent: "toggle-group",
    variant: "disabled",
    componentPath: "@/registry/ui/toggle-group",
    componentDemoPath: "@/registry/examples/toggle-group-demo/toggle-group-disabled-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-group-demo/toggle-group-disabled-demo")),
    language: "tsx"
  },
  {
    name: "toggle-group-large-demo",
    baseComponent: "toggle-group",
    variant: "large",
    componentPath: "@/registry/ui/toggle-group",
    componentDemoPath: "@/registry/examples/toggle-group-demo/toggle-group-large-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-group-demo/toggle-group-large-demo")),
    language: "tsx"
  },
  {
    name: "toggle-group-outline-demo",
    baseComponent: "toggle-group",
    variant: "outline",
    componentPath: "@/registry/ui/toggle-group",
    componentDemoPath: "@/registry/examples/toggle-group-demo/toggle-group-outline-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-group-demo/toggle-group-outline-demo")),
    language: "tsx"
  },
  {
    name: "toggle-group-single-demo",
    baseComponent: "toggle-group",
    variant: "single",
    componentPath: "@/registry/ui/toggle-group",
    componentDemoPath: "@/registry/examples/toggle-group-demo/toggle-group-single-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-group-demo/toggle-group-single-demo")),
    language: "tsx"
  },
  {
    name: "toggle-group-small-demo",
    baseComponent: "toggle-group",
    variant: "small",
    componentPath: "@/registry/ui/toggle-group",
    componentDemoPath: "@/registry/examples/toggle-group-demo/toggle-group-small-demo",
    component: React.lazy(() => import("@/registry/examples/toggle-group-demo/toggle-group-small-demo")),
    language: "tsx"
  },
  {
    name: "tooltip-bottom-demo",
    baseComponent: "tooltip",
    variant: "bottom",
    componentPath: "@/registry/ui/tooltip",
    componentDemoPath: "@/registry/examples/tooltip-demo/tooltip-bottom-demo",
    component: React.lazy(() => import("@/registry/examples/tooltip-demo/tooltip-bottom-demo")),
    language: "tsx"
  },
  {
    name: "tooltip-delay-demo",
    baseComponent: "tooltip",
    variant: "delay",
    componentPath: "@/registry/ui/tooltip",
    componentDemoPath: "@/registry/examples/tooltip-demo/tooltip-delay-demo",
    component: React.lazy(() => import("@/registry/examples/tooltip-demo/tooltip-delay-demo")),
    language: "tsx"
  },
  {
    name: "tooltip-demo",
    baseComponent: "tooltip",
    variant: null,
    componentPath: "@/registry/ui/tooltip",
    componentDemoPath: "@/registry/examples/tooltip-demo/tooltip-demo",
    component: React.lazy(() => import("@/registry/examples/tooltip-demo/tooltip-demo")),
    language: "tsx"
  },
  {
    name: "tooltip-left-demo",
    baseComponent: "tooltip",
    variant: "left",
    componentPath: "@/registry/ui/tooltip",
    componentDemoPath: "@/registry/examples/tooltip-demo/tooltip-left-demo",
    component: React.lazy(() => import("@/registry/examples/tooltip-demo/tooltip-left-demo")),
    language: "tsx"
  },
  {
    name: "tooltip-right-demo",
    baseComponent: "tooltip",
    variant: "right",
    componentPath: "@/registry/ui/tooltip",
    componentDemoPath: "@/registry/examples/tooltip-demo/tooltip-right-demo",
    component: React.lazy(() => import("@/registry/examples/tooltip-demo/tooltip-right-demo")),
    language: "tsx"
  },
  {
    name: "tooltip-top-demo",
    baseComponent: "tooltip",
    variant: "top",
    componentPath: "@/registry/ui/tooltip",
    componentDemoPath: "@/registry/examples/tooltip-demo/tooltip-top-demo",
    component: React.lazy(() => import("@/registry/examples/tooltip-demo/tooltip-top-demo")),
    language: "tsx"
  }
] }