{
  "components": {
    "accordion": {
      "name": "Accordion",
      "type": "layout",
      "description": "Collapsible accordion component for expandable content sections",
      "files": [
        "Accordion.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Accordion",
        "AccordionItem",
        "AccordionTrigger",
        "AccordionContent"
      ],
      "category": "layout",
      "props": [
        {
          "name": "type",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "single"
              },
              {
                "kind": "literal",
                "value": "multiple"
              }
            ]
          },
          "default": "single",
          "description": "Accordion selection behavior."
        },
        {
          "name": "value",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "primitive",
                "name": "string"
              },
              {
                "kind": "array",
                "of": {
                  "kind": "primitive",
                  "name": "string"
                }
              }
            ]
          },
          "description": "Controlled value for the open item or items."
        },
        {
          "name": "defaultValue",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "primitive",
                "name": "string"
              },
              {
                "kind": "array",
                "of": {
                  "kind": "primitive",
                  "name": "string"
                }
              }
            ]
          },
          "description": "Uncontrolled initial value for the open item or items."
        },
        {
          "name": "onValueChange",
          "type": {
            "kind": "function",
            "signature": "(value: string | string[]) => void"
          },
          "description": "Called when the open item or items change."
        },
        {
          "name": "collapsible",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "When type is single, allows closing the open item."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the accordion and all items."
        },
        {
          "name": "dir",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "ltr"
              },
              {
                "kind": "literal",
                "value": "rtl"
              }
            ]
          },
          "default": "ltr",
          "description": "Reading direction for RTL or LTR layouts."
        },
        {
          "name": "orientation",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "vertical"
              },
              {
                "kind": "literal",
                "value": "horizontal"
              }
            ]
          },
          "default": "vertical",
          "description": "Accordion orientation."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the root element."
        }
      ],
      "children": [
        {
          "name": "AccordionItem",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Unique value for the item."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the item."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the item."
            }
          ]
        },
        {
          "name": "AccordionTrigger",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the trigger."
            }
          ]
        },
        {
          "name": "AccordionContent",
          "props": [
            {
              "name": "forceMount",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Force mount content even when closed."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the content container."
            }
          ]
        }
      ]
    },
    "alert": {
      "name": "Alert",
      "type": "feedback",
      "description": "Alert component for displaying important messages with variants",
      "files": [
        "Alert.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Alert",
        "AlertTitle",
        "AlertDescription"
      ],
      "category": "feedback",
      "props": [
        {
          "name": "variant",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "default"
              },
              {
                "kind": "literal",
                "value": "destructive"
              }
            ]
          },
          "default": "default",
          "description": "Visual style variant for the alert."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the alert container."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Alert content."
        }
      ],
      "children": [
        {
          "name": "AlertTitle",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the alert title."
            }
          ]
        },
        {
          "name": "AlertDescription",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the alert description."
            }
          ]
        }
      ]
    },
    "alert-dialog": {
      "name": "Alert Dialog",
      "type": "overlay",
      "description": "Modal alert dialog for important confirmations and decisions",
      "files": [
        "AlertDialog.tsx",
        "index.ts"
      ],
      "dependencies": [
        "@rn-primitives/alert-dialog"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "AlertDialog",
        "AlertDialogPortal",
        "AlertDialogOverlay",
        "AlertDialogTrigger",
        "AlertDialogContent",
        "AlertDialogHeader",
        "AlertDialogFooter",
        "AlertDialogTitle",
        "AlertDialogDescription",
        "AlertDialogAction",
        "AlertDialogCancel"
      ],
      "category": "feedback",
      "props": [
        {
          "name": "open",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Controlled open state."
        },
        {
          "name": "defaultOpen",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Initial open state for uncontrolled usage."
        },
        {
          "name": "onOpenChange",
          "type": {
            "kind": "function",
            "signature": "(open: boolean) => void"
          },
          "description": "Called when the open state changes."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Alert dialog composition content."
        }
      ],
      "children": [
        {
          "name": "AlertDialogTrigger",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the trigger as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "AlertDialogOverlay",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the overlay."
            }
          ]
        },
        {
          "name": "AlertDialogContent",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the alert dialog content."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Alert dialog body content."
            }
          ]
        },
        {
          "name": "AlertDialogHeader",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the header container."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Header content."
            }
          ]
        },
        {
          "name": "AlertDialogFooter",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the footer container."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Footer content."
            }
          ]
        },
        {
          "name": "AlertDialogTitle",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the title."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Accessible alert dialog title."
            }
          ]
        },
        {
          "name": "AlertDialogDescription",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the description."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Accessible alert dialog description."
            }
          ]
        },
        {
          "name": "AlertDialogAction",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the confirmation action."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Primary confirmation action content."
            }
          ]
        },
        {
          "name": "AlertDialogCancel",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the cancel action."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Cancel action content."
            }
          ]
        }
      ]
    },
    "aspect-ratio": {
      "name": "Aspect Ratio",
      "type": "layout",
      "description": "Container that maintains a specific aspect ratio for its content",
      "files": [
        "AspectRatio.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "AspectRatio"
      ],
      "category": "layout",
      "props": [
        {
          "name": "ratio",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 1,
          "description": "Desired aspect ratio."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the host element."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Content constrained by the ratio."
        }
      ]
    },
    "avatar": {
      "name": "Avatar",
      "type": "data-display",
      "description": "Avatar component for displaying user profile images with fallback",
      "files": [
        "Avatar.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Avatar"
      ],
      "category": "data-display",
      "props": [
        {
          "name": "src",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Image source URL."
        },
        {
          "name": "alt",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Alternative text used for accessibility and fallback initials."
        },
        {
          "name": "fallback",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Explicit fallback text."
        },
        {
          "name": "size",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "sm"
              },
              {
                "kind": "literal",
                "value": "md"
              },
              {
                "kind": "literal",
                "value": "lg"
              },
              {
                "kind": "literal",
                "value": "xl"
              }
            ]
          },
          "default": "md",
          "description": "Avatar size variant."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the avatar container."
        },
        {
          "name": "imageClassName",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the image element."
        },
        {
          "name": "fallbackClassName",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the fallback text."
        }
      ]
    },
    "badge": {
      "name": "Badge",
      "type": "data-display",
      "description": "Badge component for status indicators, counts, and labels",
      "files": [
        "Badge.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Badge"
      ],
      "category": "data-display",
      "props": [
        {
          "name": "variant",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "default"
              },
              {
                "kind": "literal",
                "value": "secondary"
              },
              {
                "kind": "literal",
                "value": "destructive"
              },
              {
                "kind": "literal",
                "value": "outline"
              }
            ]
          },
          "default": "default",
          "description": "Visual style variant for the badge."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the badge."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Badge content."
        }
      ]
    },
    "button": {
      "name": "Button",
      "type": "form",
      "description": "Button component with multiple variants, sizes, and states",
      "files": [
        "Button.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Button"
      ],
      "props": [
        {
          "name": "variant",
          "type": {
            "kind": "union",
            "values": [
              "default",
              "destructive",
              "outline",
              "secondary",
              "ghost",
              "link"
            ]
          },
          "default": "default",
          "description": "Visual style variant."
        },
        {
          "name": "size",
          "type": {
            "kind": "union",
            "values": [
              "default",
              "sm",
              "lg",
              "icon"
            ]
          },
          "default": "default",
          "description": "Size variant."
        },
        {
          "name": "onPress",
          "type": {
            "kind": "function",
            "signature": "() => void"
          },
          "description": "Press handler."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the button."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Button content."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the button."
        },
        {
          "name": "textClassName",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the button text."
        }
      ]
    },
    "card": {
      "name": "Card",
      "type": "layout",
      "description": "Card container with header, content, and footer sections",
      "files": [
        "Card.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Card",
        "CardHeader",
        "CardTitle",
        "CardDescription",
        "CardContent",
        "CardFooter"
      ],
      "category": "layout",
      "props": [
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the card container."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Card content."
        }
      ],
      "children": [
        {
          "name": "CardHeader",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the header."
            }
          ]
        },
        {
          "name": "CardTitle",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the title."
            }
          ]
        },
        {
          "name": "CardDescription",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the description."
            }
          ]
        },
        {
          "name": "CardContent",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the content area."
            }
          ]
        },
        {
          "name": "CardFooter",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the footer."
            }
          ]
        }
      ]
    },
    "checkbox": {
      "name": "Checkbox",
      "type": "form",
      "description": "Checkbox input with label and indeterminate state support",
      "files": [
        "Checkbox.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Checkbox"
      ],
      "props": [
        {
          "name": "checked",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Controlled checked state."
        },
        {
          "name": "onCheckedChange",
          "type": {
            "kind": "function",
            "signature": "(checked: boolean) => void"
          },
          "description": "Called when the checked state changes."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the checkbox."
        },
        {
          "name": "label",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Label text."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the checkbox."
        },
        {
          "name": "labelClassName",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the label."
        }
      ]
    },
    "collapsible": {
      "name": "Collapsible",
      "type": "layout",
      "description": "Collapsible container for showing and hiding content",
      "files": [
        "Collapsible.tsx",
        "index.ts"
      ],
      "dependencies": [
        "@rn-primitives/collapsible"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Collapsible",
        "CollapsibleTrigger",
        "CollapsibleContent"
      ],
      "category": "layout",
      "props": [
        {
          "name": "open",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Controlled open state."
        },
        {
          "name": "defaultOpen",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Initial open state for uncontrolled usage."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the collapsible."
        },
        {
          "name": "onOpenChange",
          "type": {
            "kind": "function",
            "signature": "(open: boolean) => void"
          },
          "description": "Called when the open state changes."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Collapsible composition content."
        }
      ],
      "children": [
        {
          "name": "CollapsibleTrigger",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the trigger as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "CollapsibleContent",
          "props": [
            {
              "name": "forceMount",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Force-mount content even when closed."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the content container."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Collapsible content."
            }
          ]
        }
      ]
    },
    "context-menu": {
      "name": "Context Menu",
      "type": "overlay",
      "description": "Context menu triggered by long press gesture",
      "files": [
        "ContextMenu.tsx",
        "index.ts"
      ],
      "dependencies": [
        "@rn-primitives/context-menu"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "ContextMenu",
        "ContextMenuTrigger",
        "ContextMenuContent",
        "ContextMenuItem",
        "ContextMenuCheckboxItem",
        "ContextMenuRadioItem",
        "ContextMenuLabel",
        "ContextMenuSeparator",
        "ContextMenuShortcut",
        "ContextMenuGroup",
        "ContextMenuPortal",
        "ContextMenuSub",
        "ContextMenuSubContent",
        "ContextMenuSubTrigger",
        "ContextMenuRadioGroup"
      ],
      "category": "navigation",
      "props": [
        {
          "name": "open",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Controlled open state."
        },
        {
          "name": "defaultOpen",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Initial open state for uncontrolled usage.",
          "default": false
        },
        {
          "name": "onOpenChange",
          "type": {
            "kind": "function",
            "signature": "(open: boolean) => void"
          },
          "description": "Called when the open state changes."
        },
        {
          "name": "modal",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether outside interaction is disabled while the menu is open.",
          "default": true
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Context menu composition content."
        }
      ],
      "children": [
        {
          "name": "ContextMenuTrigger",
          "props": [
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "ContextMenuContent",
          "props": [
            {
              "name": "side",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "top"
                  },
                  {
                    "kind": "literal",
                    "value": "right"
                  },
                  {
                    "kind": "literal",
                    "value": "bottom"
                  },
                  {
                    "kind": "literal",
                    "value": "left"
                  }
                ]
              },
              "description": "Preferred side for the menu content.",
              "default": "bottom"
            },
            {
              "name": "align",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "start"
                  },
                  {
                    "kind": "literal",
                    "value": "center"
                  },
                  {
                    "kind": "literal",
                    "value": "end"
                  }
                ]
              },
              "description": "Preferred alignment relative to the trigger.",
              "default": "start"
            },
            {
              "name": "sideOffset",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "description": "Offset in pixels from the trigger.",
              "default": 4
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "NativeWind class names for the menu content.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Menu content."
            }
          ]
        },
        {
          "name": "ContextMenuItem",
          "props": [
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Disables the item.",
              "default": false
            },
            {
              "name": "onSelect",
              "type": {
                "kind": "function",
                "signature": "() => void"
              },
              "description": "Called when the item is selected."
            },
            {
              "name": "inset",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Applies inset spacing for nested content alignment.",
              "default": false
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "NativeWind class names for the item.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Item content."
            }
          ]
        },
        {
          "name": "ContextMenuCheckboxItem",
          "props": [
            {
              "name": "checked",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Controlled checked state."
            },
            {
              "name": "onCheckedChange",
              "type": {
                "kind": "function",
                "signature": "(checked: boolean) => void"
              },
              "description": "Called when the checked state changes."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Disables the item.",
              "default": false
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "NativeWind class names for the item.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Item content."
            }
          ]
        },
        {
          "name": "ContextMenuRadioItem",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Value for the radio item."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Disables the item.",
              "default": false
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "NativeWind class names for the item.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Item content."
            }
          ]
        },
        {
          "name": "ContextMenuLabel",
          "props": [
            {
              "name": "inset",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Applies inset spacing for nested content alignment.",
              "default": false
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "NativeWind class names for the label.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Label content."
            }
          ]
        },
        {
          "name": "ContextMenuSeparator",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "NativeWind class names for the separator.",
              "default": ""
            }
          ]
        },
        {
          "name": "ContextMenuShortcut",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "NativeWind class names for the shortcut text.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Shortcut content."
            }
          ]
        },
        {
          "name": "ContextMenuGroup",
          "props": [
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Grouped menu items."
            }
          ]
        },
        {
          "name": "ContextMenuPortal",
          "props": [
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Portaled menu content."
            }
          ]
        },
        {
          "name": "ContextMenuSub",
          "props": [
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Submenu composition content."
            }
          ]
        },
        {
          "name": "ContextMenuSubContent",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "NativeWind class names for the submenu content.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Submenu content."
            }
          ]
        },
        {
          "name": "ContextMenuSubTrigger",
          "props": [
            {
              "name": "inset",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Applies inset spacing for nested content alignment.",
              "default": false
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "NativeWind class names for the submenu trigger.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "ContextMenuRadioGroup",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Current value for the radio group."
            },
            {
              "name": "onValueChange",
              "type": {
                "kind": "function",
                "signature": "(value: string) => void"
              },
              "description": "Called when the radio group value changes."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Radio group items."
            }
          ]
        }
      ]
    },
    "date-picker": {
      "name": "Date Picker",
      "type": "form",
      "description": "Date picker with single date and date range selection",
      "files": [
        "DatePicker.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native",
        "@react-native-community/datetimepicker"
      ],
      "exports": [
        "DatePicker",
        "DateRangePicker",
        "DatePickerRange"
      ],
      "category": "form",
      "props": [
        {
          "name": "selected",
          "type": {
            "kind": "custom",
            "name": "Date"
          },
          "description": "Selected date for single mode."
        },
        {
          "name": "onChanged",
          "type": {
            "kind": "function",
            "signature": "(date: Date | undefined) => void"
          },
          "description": "Called when the selected date changes."
        },
        {
          "name": "minDate",
          "type": {
            "kind": "custom",
            "name": "Date"
          },
          "description": "Earliest date available for selection."
        },
        {
          "name": "maxDate",
          "type": {
            "kind": "custom",
            "name": "Date"
          },
          "description": "Latest date available for selection."
        },
        {
          "name": "format",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Display format hint used by the local formatter."
        },
        {
          "name": "placeholder",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "Pick a date",
          "description": "Placeholder text shown when no date is selected."
        },
        {
          "name": "header",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Optional header content rendered above the picker trigger."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the outer container."
        },
        {
          "name": "mode",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "single"
              },
              {
                "kind": "literal",
                "value": "range"
              }
            ]
          },
          "default": "single",
          "description": "Selection mode for the picker."
        }
      ],
      "children": [
        {
          "name": "DateRangePicker",
          "props": [
            {
              "name": "selected",
              "type": {
                "kind": "custom",
                "name": "{ start: Date; end: Date }"
              },
              "description": "Selected date range."
            },
            {
              "name": "onChanged",
              "type": {
                "kind": "function",
                "signature": "(range: { start: Date; end: Date } | undefined) => void"
              },
              "description": "Called when the selected range changes."
            },
            {
              "name": "minDate",
              "type": {
                "kind": "custom",
                "name": "Date"
              },
              "description": "Earliest date available for range selection."
            },
            {
              "name": "maxDate",
              "type": {
                "kind": "custom",
                "name": "Date"
              },
              "description": "Latest date available for range selection."
            },
            {
              "name": "format",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Display format hint used by the local formatter."
            },
            {
              "name": "placeholder",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "Pick a date range",
              "description": "Placeholder text shown when no range is selected."
            },
            {
              "name": "header",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Optional header content rendered above the picker trigger."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the outer container."
            }
          ]
        }
      ]
    },
    "dialog": {
      "name": "Dialog",
      "type": "overlay",
      "description": "Modal dialog for displaying content over the main interface",
      "files": [
        "Dialog.tsx",
        "index.ts"
      ],
      "dependencies": [
        "@rn-primitives/dialog"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Dialog",
        "DialogPortal",
        "DialogOverlay",
        "DialogClose",
        "DialogTrigger",
        "DialogContent",
        "DialogHeader",
        "DialogFooter",
        "DialogTitle",
        "DialogDescription"
      ],
      "category": "layout",
      "props": [
        {
          "name": "open",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Controlled open state."
        },
        {
          "name": "defaultOpen",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Initial open state for uncontrolled usage."
        },
        {
          "name": "onOpenChange",
          "type": {
            "kind": "function",
            "signature": "(open: boolean) => void"
          },
          "description": "Called when the open state changes."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Dialog composition content."
        }
      ],
      "children": [
        {
          "name": "DialogTrigger",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the trigger as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "DialogOverlay",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the overlay."
            }
          ]
        },
        {
          "name": "DialogContent",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the dialog content."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Dialog body content."
            }
          ]
        },
        {
          "name": "DialogHeader",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the header container."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Header content."
            }
          ]
        },
        {
          "name": "DialogFooter",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the footer container."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Footer content."
            }
          ]
        },
        {
          "name": "DialogTitle",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the dialog title."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Accessible dialog title."
            }
          ]
        },
        {
          "name": "DialogDescription",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the dialog description."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Accessible dialog description."
            }
          ]
        },
        {
          "name": "DialogClose",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the close control as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Close control content."
            }
          ]
        }
      ]
    },
    "dropdown-menu": {
      "name": "Dropdown Menu",
      "type": "overlay",
      "description": "Dropdown menu for displaying a list of actions or options",
      "files": [
        "DropdownMenu.tsx",
        "index.ts"
      ],
      "dependencies": [
        "@rn-primitives/dropdown-menu"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "DropdownMenu",
        "DropdownMenuTrigger",
        "DropdownMenuContent",
        "DropdownMenuItem",
        "DropdownMenuCheckboxItem",
        "DropdownMenuRadioItem",
        "DropdownMenuLabel",
        "DropdownMenuSeparator",
        "DropdownMenuShortcut",
        "DropdownMenuGroup",
        "DropdownMenuPortal",
        "DropdownMenuSub",
        "DropdownMenuSubContent",
        "DropdownMenuSubTrigger",
        "DropdownMenuRadioGroup"
      ],
      "category": "navigation",
      "props": [
        {
          "name": "open",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Controlled open state."
        },
        {
          "name": "defaultOpen",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Initial open state for uncontrolled usage."
        },
        {
          "name": "onOpenChange",
          "type": {
            "kind": "function",
            "signature": "(open: boolean) => void"
          },
          "description": "Called when the open state changes."
        },
        {
          "name": "modal",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": true,
          "description": "Whether outside interaction is disabled while the menu is open."
        },
        {
          "name": "dir",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "ltr"
              },
              {
                "kind": "literal",
                "value": "rtl"
              }
            ]
          },
          "default": "ltr",
          "description": "Reading direction for keyboard navigation."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Dropdown menu composition content."
        }
      ],
      "children": [
        {
          "name": "DropdownMenuTrigger",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the trigger as a child element."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the trigger."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "DropdownMenuContent",
          "props": [
            {
              "name": "side",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "top"
                  },
                  {
                    "kind": "literal",
                    "value": "right"
                  },
                  {
                    "kind": "literal",
                    "value": "bottom"
                  },
                  {
                    "kind": "literal",
                    "value": "left"
                  }
                ]
              },
              "default": "bottom",
              "description": "Preferred side for the menu content."
            },
            {
              "name": "align",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "start"
                  },
                  {
                    "kind": "literal",
                    "value": "center"
                  },
                  {
                    "kind": "literal",
                    "value": "end"
                  }
                ]
              },
              "default": "center",
              "description": "Preferred alignment relative to the trigger."
            },
            {
              "name": "sideOffset",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "default": 4,
              "description": "Offset in pixels from the trigger."
            },
            {
              "name": "alignOffset",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "description": "Offset in pixels from the alignment edge."
            },
            {
              "name": "avoidCollisions",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Whether to avoid collisions with viewport edges."
            },
            {
              "name": "loop",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Loop keyboard focus from last item back to first."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the content."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Menu content."
            }
          ]
        },
        {
          "name": "DropdownMenuItem",
          "props": [
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the item."
            },
            {
              "name": "inset",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Adds left padding for nested item alignment."
            },
            {
              "name": "textValue",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Text value used for typeahead matching."
            },
            {
              "name": "onSelect",
              "type": {
                "kind": "function",
                "signature": "(event: Event) => void"
              },
              "description": "Called when the item is selected."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the item."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Item content."
            }
          ]
        },
        {
          "name": "DropdownMenuCheckboxItem",
          "props": [
            {
              "name": "checked",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Controlled checked state."
            },
            {
              "name": "onCheckedChange",
              "type": {
                "kind": "function",
                "signature": "(checked: boolean) => void"
              },
              "description": "Called when the checked state changes."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the item."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the checkbox item."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Item content."
            }
          ]
        },
        {
          "name": "DropdownMenuRadioGroup",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Controlled selected value."
            },
            {
              "name": "onValueChange",
              "type": {
                "kind": "function",
                "signature": "(value: string) => void"
              },
              "description": "Called when the selected value changes."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Radio items."
            }
          ]
        },
        {
          "name": "DropdownMenuRadioItem",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Unique value for the radio item."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the item."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the radio item."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Item content."
            }
          ]
        },
        {
          "name": "DropdownMenuLabel",
          "props": [
            {
              "name": "inset",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Adds left padding for nested label alignment."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the label."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Label content."
            }
          ]
        },
        {
          "name": "DropdownMenuSeparator",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the separator."
            }
          ]
        },
        {
          "name": "DropdownMenuShortcut",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the shortcut text."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Shortcut content."
            }
          ]
        },
        {
          "name": "DropdownMenuGroup",
          "props": [
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Grouped menu items."
            }
          ]
        },
        {
          "name": "DropdownMenuSub",
          "props": [
            {
              "name": "open",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Controlled open state for the submenu."
            },
            {
              "name": "defaultOpen",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Initial open state for uncontrolled submenu usage."
            },
            {
              "name": "onOpenChange",
              "type": {
                "kind": "function",
                "signature": "(open: boolean) => void"
              },
              "description": "Called when the submenu open state changes."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Submenu composition content."
            }
          ]
        },
        {
          "name": "DropdownMenuSubTrigger",
          "props": [
            {
              "name": "inset",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Adds left padding for nested item alignment."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the sub trigger."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the sub trigger."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "DropdownMenuSubContent",
          "props": [
            {
              "name": "sideOffset",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "description": "Offset in pixels from the trigger."
            },
            {
              "name": "alignOffset",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "description": "Offset in pixels from the alignment edge."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the sub content."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Submenu content."
            }
          ]
        }
      ]
    },
    "empty": {
      "name": "Empty",
      "type": "data-display",
      "description": "Empty state component with presets for no data, errors, and offline states",
      "files": [
        "Empty.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Empty"
      ],
      "category": "feedback",
      "props": [
        {
          "name": "icon",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Optional icon or image content."
        },
        {
          "name": "title",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Optional title text."
        },
        {
          "name": "description",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Optional description text."
        },
        {
          "name": "action",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Optional action content."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the container."
        },
        {
          "name": "iconSize",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 64,
          "description": "Size of the icon container."
        },
        {
          "name": "spacing",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 16,
          "description": "Base spacing used between sections."
        }
      ],
      "children": [
        {
          "name": "Empty.noData",
          "props": []
        },
        {
          "name": "Empty.noResults",
          "props": []
        },
        {
          "name": "Empty.error",
          "props": []
        },
        {
          "name": "Empty.offline",
          "props": []
        },
        {
          "name": "Empty.emptyList",
          "props": []
        }
      ]
    },
    "hover-card": {
      "name": "Hover Card",
      "type": "overlay",
      "description": "Hover card for displaying additional information on press",
      "files": [
        "HoverCard.tsx",
        "index.ts"
      ],
      "dependencies": [
        "@rn-primitives/hover-card"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "HoverCard",
        "HoverCardTrigger",
        "HoverCardContent"
      ],
      "category": "data-display",
      "props": [
        {
          "name": "open",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Controlled open state."
        },
        {
          "name": "defaultOpen",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Initial open state for uncontrolled usage."
        },
        {
          "name": "onOpenChange",
          "type": {
            "kind": "function",
            "signature": "(open: boolean) => void"
          },
          "description": "Called when the open state changes."
        },
        {
          "name": "openDelay",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 700,
          "description": "Delay in milliseconds before opening."
        },
        {
          "name": "closeDelay",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 300,
          "description": "Delay in milliseconds before closing."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Hover card composition content."
        }
      ],
      "children": [
        {
          "name": "HoverCardTrigger",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the trigger as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "HoverCardContent",
          "props": [
            {
              "name": "side",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "top"
                  },
                  {
                    "kind": "literal",
                    "value": "right"
                  },
                  {
                    "kind": "literal",
                    "value": "bottom"
                  },
                  {
                    "kind": "literal",
                    "value": "left"
                  }
                ]
              },
              "default": "bottom",
              "description": "Preferred side for the content."
            },
            {
              "name": "align",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "start"
                  },
                  {
                    "kind": "literal",
                    "value": "center"
                  },
                  {
                    "kind": "literal",
                    "value": "end"
                  }
                ]
              },
              "default": "center",
              "description": "Preferred alignment relative to the trigger."
            },
            {
              "name": "sideOffset",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "default": 4,
              "description": "Offset in pixels from the trigger."
            },
            {
              "name": "alignOffset",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "description": "Offset in pixels from the alignment edge."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the content."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Hover card content."
            }
          ]
        }
      ]
    },
    "input": {
      "name": "Input",
      "type": "form",
      "description": "Text input component with label, placeholder, and error states",
      "files": [
        "Input.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Input"
      ],
      "props": [
        {
          "name": "value",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Controlled value."
        },
        {
          "name": "placeholder",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Placeholder text."
        },
        {
          "name": "editable",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether the input is editable."
        },
        {
          "name": "onChangeText",
          "type": {
            "kind": "function",
            "signature": "(text: string) => void"
          },
          "description": "Change handler."
        },
        {
          "name": "onBlur",
          "type": {
            "kind": "function",
            "signature": "(event) => void"
          },
          "description": "Blur handler."
        },
        {
          "name": "onFocus",
          "type": {
            "kind": "function",
            "signature": "(event) => void"
          },
          "description": "Focus handler."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the input."
        },
        {
          "name": "label",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Label text."
        },
        {
          "name": "error",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Error text."
        },
        {
          "name": "containerClassName",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Wrapper class name."
        },
        {
          "name": "labelClassName",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Label class name."
        },
        {
          "name": "errorClassName",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Error text class name."
        }
      ]
    },
    "label": {
      "name": "Label",
      "type": "form",
      "description": "Label component for form inputs",
      "files": [
        "Label.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Label"
      ],
      "props": [
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Label content."
        },
        {
          "name": "required",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Marks label as required and appends an asterisk."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the label."
        }
      ]
    },
    "menubar": {
      "name": "Menubar",
      "type": "navigation",
      "description": "Menubar component for horizontal navigation menus",
      "files": [
        "Menubar.tsx",
        "index.ts"
      ],
      "dependencies": [
        "@rn-primitives/menubar"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Menubar",
        "MenubarMenu",
        "MenubarTrigger",
        "MenubarContent",
        "MenubarItem",
        "MenubarSeparator",
        "MenubarLabel",
        "MenubarCheckboxItem",
        "MenubarRadioGroup",
        "MenubarRadioItem",
        "MenubarPortal",
        "MenubarSubContent",
        "MenubarSubTrigger",
        "MenubarGroup",
        "MenubarSub",
        "MenubarShortcut"
      ],
      "category": "navigation",
      "props": [
        {
          "name": "value",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Controlled open menu value."
        },
        {
          "name": "defaultValue",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Initial open menu value for uncontrolled usage."
        },
        {
          "name": "onValueChange",
          "type": {
            "kind": "function",
            "signature": "(value: string) => void"
          },
          "description": "Called when the open menu value changes."
        },
        {
          "name": "dir",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "ltr"
              },
              {
                "kind": "literal",
                "value": "rtl"
              }
            ]
          },
          "default": "ltr",
          "description": "Reading direction for keyboard navigation."
        },
        {
          "name": "loop",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Loop keyboard focus from last item to first."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the menubar root."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Menubar menus."
        }
      ],
      "children": [
        {
          "name": "MenubarMenu",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Unique value associated with the menu."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger and content pair."
            }
          ]
        },
        {
          "name": "MenubarTrigger",
          "props": [
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the trigger."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the trigger."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "MenubarContent",
          "props": [
            {
              "name": "align",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "start"
                  },
                  {
                    "kind": "literal",
                    "value": "center"
                  },
                  {
                    "kind": "literal",
                    "value": "end"
                  }
                ]
              },
              "default": "start",
              "description": "Preferred alignment relative to the trigger."
            },
            {
              "name": "alignOffset",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "default": -4,
              "description": "Offset in pixels from the alignment edge."
            },
            {
              "name": "sideOffset",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "default": 8,
              "description": "Offset in pixels from the trigger."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the menu content."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Menu content."
            }
          ]
        },
        {
          "name": "MenubarItem",
          "props": [
            {
              "name": "inset",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Adds left padding for nested item alignment."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the item."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the item."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Item content."
            }
          ]
        },
        {
          "name": "MenubarSeparator",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the separator."
            }
          ]
        },
        {
          "name": "MenubarLabel",
          "props": [
            {
              "name": "inset",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Adds left padding for nested label alignment."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the label."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Label content."
            }
          ]
        },
        {
          "name": "MenubarCheckboxItem",
          "props": [
            {
              "name": "checked",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Controlled checked state."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Item content."
            }
          ]
        },
        {
          "name": "MenubarRadioGroup",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Controlled selected value."
            },
            {
              "name": "onValueChange",
              "type": {
                "kind": "function",
                "signature": "(value: string) => void"
              },
              "description": "Called when the selected value changes."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Radio items."
            }
          ]
        },
        {
          "name": "MenubarRadioItem",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Unique value for the radio item."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Item content."
            }
          ]
        },
        {
          "name": "MenubarSub",
          "props": [
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Submenu content."
            }
          ]
        },
        {
          "name": "MenubarSubTrigger",
          "props": [
            {
              "name": "inset",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Adds left padding for nested item alignment."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the sub trigger."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "MenubarSubContent",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the sub content."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Submenu content."
            }
          ]
        },
        {
          "name": "MenubarGroup",
          "props": [
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Grouped menu items."
            }
          ]
        },
        {
          "name": "MenubarShortcut",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the shortcut text."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Shortcut content."
            }
          ]
        }
      ]
    },
    "navigation-menu": {
      "name": "Navigation Menu",
      "type": "navigation",
      "description": "Navigation menu with bottom tab and drawer variants",
      "files": [
        "NavigationMenu.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "NavigationMenu",
        "BottomNavigation",
        "DrawerNavigation",
        "DrawerMenu"
      ],
      "category": "navigation",
      "props": [
        {
          "name": "items",
          "type": {
            "kind": "custom",
            "name": "NavigationMenuItem[]"
          },
          "description": "Items rendered in the navigation menu."
        },
        {
          "name": "selectedId",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Currently selected item id."
        },
        {
          "name": "onSelect",
          "type": {
            "kind": "function",
            "signature": "(id: string) => void"
          },
          "description": "Called when a navigation item is selected."
        },
        {
          "name": "variant",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "bottom"
              },
              {
                "kind": "literal",
                "value": "drawer"
              }
            ]
          },
          "description": "Visual variant of the navigation menu.",
          "default": "bottom"
        },
        {
          "name": "header",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Optional header content for the drawer variant."
        },
        {
          "name": "footer",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Optional footer content for the drawer variant."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "NativeWind class names for the navigation container.",
          "default": ""
        }
      ],
      "children": [
        {
          "name": "DrawerMenu",
          "props": [
            {
              "name": "visible",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Whether the drawer modal is visible."
            },
            {
              "name": "onClose",
              "type": {
                "kind": "function",
                "signature": "() => void"
              },
              "description": "Called when the drawer should close."
            },
            {
              "name": "position",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "left"
                  },
                  {
                    "kind": "literal",
                    "value": "right"
                  }
                ]
              },
              "description": "Side from which the drawer appears.",
              "default": "left"
            },
            {
              "name": "items",
              "type": {
                "kind": "custom",
                "name": "NavigationMenuItem[]"
              },
              "description": "Items rendered in the drawer."
            },
            {
              "name": "selectedId",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Currently selected item id."
            },
            {
              "name": "onSelect",
              "type": {
                "kind": "function",
                "signature": "(id: string) => void"
              },
              "description": "Called when a navigation item is selected."
            },
            {
              "name": "header",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Optional header content for the drawer."
            },
            {
              "name": "footer",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Optional footer content for the drawer."
            }
          ]
        }
      ]
    },
    "pagination": {
      "name": "Pagination",
      "type": "navigation",
      "description": "Pagination component with compact, full, and load more variants",
      "files": [
        "Pagination.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Pagination",
        "CompactPagination",
        "FullPagination",
        "LoadMorePagination"
      ],
      "category": "navigation",
      "props": [
        {
          "name": "currentPage",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Current page number."
        },
        {
          "name": "totalPages",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Total number of pages."
        },
        {
          "name": "onPageChange",
          "type": {
            "kind": "function",
            "signature": "(page: number) => void"
          },
          "description": "Called when the page changes."
        },
        {
          "name": "variant",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "compact"
              },
              {
                "kind": "literal",
                "value": "full"
              },
              {
                "kind": "literal",
                "value": "loadMore"
              }
            ]
          },
          "default": "compact",
          "description": "Pagination presentation variant."
        },
        {
          "name": "visiblePages",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 5,
          "description": "Number of visible pages in compact mode."
        },
        {
          "name": "loadMoreText",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "Load More",
          "description": "Label for load-more mode."
        },
        {
          "name": "isLoading",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Loading state for load-more mode."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the container."
        }
      ],
      "children": [
        {
          "name": "CompactPagination",
          "props": []
        },
        {
          "name": "FullPagination",
          "props": []
        },
        {
          "name": "LoadMorePagination",
          "props": []
        }
      ]
    },
    "popover": {
      "name": "Popover",
      "type": "overlay",
      "description": "Popover component for displaying floating content",
      "files": [
        "Popover.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Popover",
        "PopoverTrigger",
        "PopoverContent"
      ],
      "category": "navigation",
      "props": [
        {
          "name": "open",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Controlled open state."
        },
        {
          "name": "defaultOpen",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Initial open state for uncontrolled usage."
        },
        {
          "name": "onOpenChange",
          "type": {
            "kind": "function",
            "signature": "(open: boolean) => void"
          },
          "description": "Called when the open state changes."
        },
        {
          "name": "modal",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Whether the popover should behave as modal."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Popover composition content."
        }
      ],
      "children": [
        {
          "name": "PopoverTrigger",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the trigger as a child element."
            }
          ]
        },
        {
          "name": "PopoverContent",
          "props": [
            {
              "name": "side",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "top"
                  },
                  {
                    "kind": "literal",
                    "value": "right"
                  },
                  {
                    "kind": "literal",
                    "value": "bottom"
                  },
                  {
                    "kind": "literal",
                    "value": "left"
                  }
                ]
              },
              "description": "Preferred side for the popover content."
            },
            {
              "name": "align",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "start"
                  },
                  {
                    "kind": "literal",
                    "value": "center"
                  },
                  {
                    "kind": "literal",
                    "value": "end"
                  }
                ]
              },
              "default": "center",
              "description": "Preferred alignment relative to the trigger."
            },
            {
              "name": "sideOffset",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "default": 4,
              "description": "Offset in pixels from the trigger."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the content."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Popover content."
            }
          ]
        }
      ]
    },
    "progress": {
      "name": "Progress",
      "type": "feedback",
      "description": "Progress bar component for showing task completion",
      "files": [
        "Progress.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Progress"
      ],
      "category": "feedback",
      "props": [
        {
          "name": "value",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 0,
          "description": "Current progress value."
        },
        {
          "name": "max",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 100,
          "description": "Maximum progress value."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the progress root."
        },
        {
          "name": "indicatorClassName",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the progress indicator."
        }
      ]
    },
    "radio-group": {
      "name": "Radio Group",
      "type": "form",
      "description": "Radio button group for single selection from multiple options",
      "files": [
        "RadioGroup.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "RadioGroup",
        "RadioGroupItem"
      ],
      "props": [
        {
          "name": "value",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Controlled selected value."
        },
        {
          "name": "defaultValue",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Uncontrolled initial value."
        },
        {
          "name": "onValueChange",
          "type": {
            "kind": "function",
            "signature": "(value: string) => void"
          },
          "description": "Called when the value changes."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the entire group."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the group."
        }
      ],
      "children": [
        {
          "name": "RadioGroupItem",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Item value."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the item."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the item."
            }
          ]
        }
      ]
    },
    "select": {
      "name": "Select",
      "type": "form",
      "description": "Select dropdown component for choosing from a list of options",
      "files": [
        "Select.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Select",
        "SelectGroup",
        "SelectValue",
        "SelectTrigger",
        "SelectContent",
        "SelectLabel",
        "SelectItem",
        "SelectSeparator"
      ],
      "props": [
        {
          "name": "value",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Controlled selected value."
        },
        {
          "name": "defaultValue",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Uncontrolled initial value."
        },
        {
          "name": "onValueChange",
          "type": {
            "kind": "function",
            "signature": "(value: string) => void"
          },
          "description": "Called when the value changes."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the select."
        }
      ],
      "children": [
        {
          "name": "SelectTrigger",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the trigger."
            }
          ]
        },
        {
          "name": "SelectContent",
          "props": [
            {
              "name": "position",
              "type": {
                "kind": "union",
                "values": [
                  "item-aligned",
                  "popper"
                ]
              },
              "default": "popper",
              "description": "Positioning strategy."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the content."
            }
          ]
        },
        {
          "name": "SelectItem",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Item value."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the item."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the item."
            }
          ]
        },
        {
          "name": "SelectValue",
          "props": [
            {
              "name": "placeholder",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Placeholder when no value is selected."
            }
          ]
        }
      ]
    },
    "separator": {
      "name": "Separator",
      "type": "layout",
      "description": "Visual separator line for dividing content",
      "files": [
        "Separator.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Separator"
      ],
      "category": "layout",
      "props": [
        {
          "name": "orientation",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "horizontal"
              },
              {
                "kind": "literal",
                "value": "vertical"
              }
            ]
          },
          "default": "horizontal",
          "description": "Separator orientation."
        },
        {
          "name": "decorative",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": true,
          "description": "Whether the separator is decorative only."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the separator."
        }
      ]
    },
    "sheet": {
      "name": "Sheet",
      "type": "overlay",
      "description": "Bottom sheet and side sheet component with header and footer",
      "files": [
        "Sheet.tsx",
        "index.ts"
      ],
      "dependencies": [
        "@rn-primitives/dialog",
        "class-variance-authority"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Sheet",
        "SheetPortal",
        "SheetOverlay",
        "SheetTrigger",
        "SheetClose",
        "SheetContent",
        "SheetHeader",
        "SheetFooter",
        "SheetTitle",
        "SheetDescription"
      ],
      "category": "layout",
      "props": [
        {
          "name": "open",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Controlled open state."
        },
        {
          "name": "defaultOpen",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Initial open state for uncontrolled usage."
        },
        {
          "name": "onOpenChange",
          "type": {
            "kind": "function",
            "signature": "(open: boolean) => void"
          },
          "description": "Called when the open state changes."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Sheet composition content."
        }
      ],
      "children": [
        {
          "name": "SheetTrigger",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the trigger as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "SheetClose",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the close control as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Close control content."
            }
          ]
        },
        {
          "name": "SheetContent",
          "props": [
            {
              "name": "side",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "top"
                  },
                  {
                    "kind": "literal",
                    "value": "right"
                  },
                  {
                    "kind": "literal",
                    "value": "bottom"
                  },
                  {
                    "kind": "literal",
                    "value": "left"
                  }
                ]
              },
              "default": "bottom",
              "description": "Side from which the sheet enters."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the sheet content."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Sheet body content."
            }
          ]
        },
        {
          "name": "SheetHeader",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the header container."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Header content."
            }
          ]
        },
        {
          "name": "SheetFooter",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the footer container."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Footer content."
            }
          ]
        },
        {
          "name": "SheetTitle",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the title."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Accessible sheet title."
            }
          ]
        },
        {
          "name": "SheetDescription",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the description."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Accessible sheet description."
            }
          ]
        }
      ]
    },
    "skeleton": {
      "name": "Skeleton",
      "type": "feedback",
      "description": "Skeleton loading placeholder component",
      "files": [
        "Skeleton.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Skeleton"
      ],
      "props": [
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the skeleton."
        },
        {
          "name": "width",
          "type": {
            "kind": "custom",
            "name": "number | string"
          },
          "description": "Explicit width for the skeleton."
        },
        {
          "name": "height",
          "type": {
            "kind": "custom",
            "name": "number | string"
          },
          "description": "Explicit height for the skeleton."
        },
        {
          "name": "circle",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Render the skeleton with a circular shape."
        }
      ]
    },
    "spinner": {
      "name": "Spinner",
      "type": "feedback",
      "description": "Animated loading spinner.",
      "files": [
        "Spinner.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Spinner"
      ],
      "props": [
        {
          "name": "size",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "sm"
              },
              {
                "kind": "literal",
                "value": "default"
              },
              {
                "kind": "literal",
                "value": "lg"
              }
            ]
          },
          "default": "default",
          "description": "Visual size of the spinner."
        },
        {
          "name": "label",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "Loading...",
          "description": "Accessible label announced to assistive technology."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "NativeWind class names for the spinner."
        },
        {
          "name": "style",
          "type": {
            "kind": "custom",
            "name": "StyleProp<ViewStyle>"
          },
          "description": "Additional React Native styles for the spinner."
        }
      ]
    },
    "slider": {
      "name": "Slider",
      "type": "form",
      "description": "Slider component for selecting a value from a range",
      "files": [
        "Slider.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Slider"
      ],
      "category": "form",
      "props": [
        {
          "name": "value",
          "type": {
            "kind": "array",
            "of": {
              "kind": "primitive",
              "name": "number"
            }
          },
          "description": "Controlled slider values."
        },
        {
          "name": "defaultValue",
          "type": {
            "kind": "array",
            "of": {
              "kind": "primitive",
              "name": "number"
            }
          },
          "description": "Uncontrolled initial slider values."
        },
        {
          "name": "onValueChange",
          "type": {
            "kind": "function",
            "signature": "(value: number[]) => void"
          },
          "description": "Called when the slider values change."
        },
        {
          "name": "onValueCommit",
          "type": {
            "kind": "function",
            "signature": "(value: number[]) => void"
          },
          "description": "Called when the interaction ends and the slider values are committed."
        },
        {
          "name": "name",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Name used for internal inputs where supported."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the slider."
        },
        {
          "name": "orientation",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "horizontal"
              },
              {
                "kind": "literal",
                "value": "vertical"
              }
            ]
          },
          "default": "horizontal",
          "description": "Slider orientation."
        },
        {
          "name": "dir",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "ltr"
              },
              {
                "kind": "literal",
                "value": "rtl"
              }
            ]
          },
          "description": "Reading direction."
        },
        {
          "name": "inverted",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Whether the slider is visually inverted."
        },
        {
          "name": "min",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 0,
          "description": "Minimum value."
        },
        {
          "name": "max",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 100,
          "description": "Maximum value."
        },
        {
          "name": "step",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 1,
          "description": "Stepping interval."
        },
        {
          "name": "minStepsBetweenThumbs",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 0,
          "description": "Minimum permitted steps between thumbs."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the slider root."
        }
      ]
    },
    "switch": {
      "name": "Switch",
      "type": "form",
      "description": "Toggle switch component for boolean input",
      "files": [
        "Switch.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Switch"
      ],
      "props": [
        {
          "name": "checked",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Controlled checked state."
        },
        {
          "name": "defaultChecked",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Uncontrolled initial checked state."
        },
        {
          "name": "onCheckedChange",
          "type": {
            "kind": "function",
            "signature": "(checked: boolean) => void"
          },
          "description": "Called when the checked state changes."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the switch."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the switch root."
        }
      ],
      "children": [
        {
          "name": "SwitchThumb",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the thumb."
            }
          ]
        }
      ]
    },
    "table": {
      "name": "Table",
      "type": "data-display",
      "description": "Table component for displaying structured data",
      "files": [
        "Table.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Table",
        "TableHeader",
        "TableBody",
        "TableFooter",
        "TableHead",
        "TableRow",
        "TableCell",
        "TableCaption"
      ],
      "category": "data-display",
      "props": [
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the table container."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Table composition content."
        }
      ],
      "children": [
        {
          "name": "TableHeader",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the table header section."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Header rows."
            }
          ]
        },
        {
          "name": "TableBody",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the table body section."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Body rows."
            }
          ]
        },
        {
          "name": "TableFooter",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the table footer section."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Footer rows."
            }
          ]
        },
        {
          "name": "TableRow",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the table row."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Row cells."
            }
          ]
        },
        {
          "name": "TableHead",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the header cell."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Header cell content."
            }
          ]
        },
        {
          "name": "TableCell",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the data cell."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Cell content."
            }
          ]
        },
        {
          "name": "TableCaption",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the caption."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Caption content."
            }
          ]
        }
      ]
    },
    "tabs": {
      "name": "Tabs",
      "type": "navigation",
      "description": "Tabs component for organizing content into sections",
      "files": [
        "Tabs.tsx",
        "index.ts"
      ],
      "dependencies": [
        "@rn-primitives/tabs"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Tabs",
        "TabsList",
        "TabsTrigger",
        "TabsContent"
      ],
      "category": "layout",
      "props": [
        {
          "name": "value",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Controlled active tab value."
        },
        {
          "name": "defaultValue",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Initial active tab value for uncontrolled usage."
        },
        {
          "name": "onValueChange",
          "type": {
            "kind": "function",
            "signature": "(value: string) => void"
          },
          "description": "Called when the active tab changes."
        },
        {
          "name": "orientation",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "horizontal"
              },
              {
                "kind": "literal",
                "value": "vertical"
              }
            ]
          },
          "default": "horizontal",
          "description": "Layout orientation for the tab list."
        },
        {
          "name": "dir",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "ltr"
              },
              {
                "kind": "literal",
                "value": "rtl"
              }
            ]
          },
          "default": "ltr",
          "description": "Reading direction for keyboard navigation."
        },
        {
          "name": "activationMode",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "automatic"
              },
              {
                "kind": "literal",
                "value": "manual"
              }
            ]
          },
          "default": "automatic",
          "description": "Whether focus automatically activates a tab."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Tabs composition content."
        }
      ],
      "children": [
        {
          "name": "TabsList",
          "props": [
            {
              "name": "loop",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": true,
              "description": "Loop keyboard focus from last tab to first."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the tabs list."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Tab triggers."
            }
          ]
        },
        {
          "name": "TabsTrigger",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Unique value for the tab trigger."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the trigger."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the trigger."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "TabsContent",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Value of the content panel to match a trigger."
            },
            {
              "name": "forceMount",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Force-mount the panel even when inactive."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the content panel."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Panel content."
            }
          ]
        }
      ]
    },
    "textarea": {
      "name": "Textarea",
      "type": "form",
      "description": "Multi-line text input component",
      "files": [
        "Textarea.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Textarea"
      ],
      "category": "form",
      "props": [
        {
          "name": "value",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Controlled textarea value."
        },
        {
          "name": "defaultValue",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Uncontrolled initial textarea value."
        },
        {
          "name": "placeholder",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Placeholder text."
        },
        {
          "name": "editable",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": true,
          "description": "Whether the textarea is editable."
        },
        {
          "name": "numberOfLines",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 4,
          "description": "Preferred visible number of lines."
        },
        {
          "name": "label",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Optional label rendered above the textarea."
        },
        {
          "name": "error",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Optional error message rendered below the textarea."
        },
        {
          "name": "onChangeText",
          "type": {
            "kind": "function",
            "signature": "(value: string) => void"
          },
          "description": "Called when the textarea value changes."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the text input."
        },
        {
          "name": "containerClassName",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the outer container."
        },
        {
          "name": "labelClassName",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the label."
        },
        {
          "name": "errorClassName",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the error message."
        }
      ]
    },
    "toggle": {
      "name": "Toggle",
      "type": "form",
      "description": "Toggle button for binary state changes",
      "files": [
        "Toggle.tsx",
        "index.ts"
      ],
      "dependencies": [
        "@rn-primitives/toggle",
        "class-variance-authority"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Toggle"
      ],
      "category": "interactive",
      "props": [
        {
          "name": "pressed",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Controlled pressed state."
        },
        {
          "name": "defaultPressed",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Initial pressed state for uncontrolled usage."
        },
        {
          "name": "onPressedChange",
          "type": {
            "kind": "function",
            "signature": "(pressed: boolean) => void"
          },
          "description": "Called when the pressed state changes."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the toggle."
        },
        {
          "name": "variant",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "default"
              },
              {
                "kind": "literal",
                "value": "outline"
              }
            ]
          },
          "default": "default",
          "description": "Visual style variant."
        },
        {
          "name": "size",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "default"
              },
              {
                "kind": "literal",
                "value": "sm"
              },
              {
                "kind": "literal",
                "value": "lg"
              }
            ]
          },
          "default": "default",
          "description": "Size variant."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the toggle."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Toggle content."
        }
      ]
    },
    "toggle-group": {
      "name": "Toggle Group",
      "type": "form",
      "description": "Group of toggle buttons for single or multiple selection",
      "files": [
        "ToggleGroup.tsx",
        "index.ts"
      ],
      "dependencies": [
        "@rn-primitives/toggle-group",
        "class-variance-authority"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "ToggleGroup",
        "ToggleGroupItem"
      ],
      "category": "interactive",
      "props": [
        {
          "name": "type",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "single"
              },
              {
                "kind": "literal",
                "value": "multiple"
              }
            ]
          },
          "default": "single",
          "description": "Selection behavior for the group."
        },
        {
          "name": "value",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "primitive",
                "name": "string"
              },
              {
                "kind": "array",
                "of": {
                  "kind": "primitive",
                  "name": "string"
                }
              }
            ]
          },
          "description": "Controlled selected value or values."
        },
        {
          "name": "defaultValue",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "primitive",
                "name": "string"
              },
              {
                "kind": "array",
                "of": {
                  "kind": "primitive",
                  "name": "string"
                }
              }
            ]
          },
          "description": "Initial selected value or values for uncontrolled usage."
        },
        {
          "name": "onValueChange",
          "type": {
            "kind": "function",
            "signature": "(value: string | string[]) => void"
          },
          "description": "Called when the selected value changes."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the entire group."
        },
        {
          "name": "rovingFocus",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": true,
          "description": "Enable roving focus between items."
        },
        {
          "name": "loop",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": true,
          "description": "Loop keyboard focus from last item to first."
        },
        {
          "name": "orientation",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "horizontal"
              },
              {
                "kind": "literal",
                "value": "vertical"
              }
            ]
          },
          "default": "horizontal",
          "description": "Orientation used for keyboard navigation."
        },
        {
          "name": "dir",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "ltr"
              },
              {
                "kind": "literal",
                "value": "rtl"
              }
            ]
          },
          "default": "ltr",
          "description": "Reading direction."
        },
        {
          "name": "variant",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "default"
              },
              {
                "kind": "literal",
                "value": "outline"
              }
            ]
          },
          "default": "default",
          "description": "Shared visual style variant for items."
        },
        {
          "name": "size",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "default"
              },
              {
                "kind": "literal",
                "value": "sm"
              },
              {
                "kind": "literal",
                "value": "lg"
              }
            ]
          },
          "default": "default",
          "description": "Shared size variant for items."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the group."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Toggle group items."
        }
      ],
      "children": [
        {
          "name": "ToggleGroupItem",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Unique item value."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the item."
            },
            {
              "name": "variant",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "default"
                  },
                  {
                    "kind": "literal",
                    "value": "outline"
                  }
                ]
              },
              "description": "Visual style override for the item."
            },
            {
              "name": "size",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "default"
                  },
                  {
                    "kind": "literal",
                    "value": "sm"
                  },
                  {
                    "kind": "literal",
                    "value": "lg"
                  }
                ]
              },
              "description": "Size override for the item."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the item."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Item content."
            }
          ]
        }
      ]
    },
    "tooltip": {
      "name": "Tooltip",
      "type": "overlay",
      "description": "Tooltip component for displaying helpful information on press",
      "files": [
        "Tooltip.tsx",
        "index.ts"
      ],
      "dependencies": [
        "@rn-primitives/tooltip"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Tooltip",
        "TooltipTrigger",
        "TooltipContent",
        "TooltipProvider"
      ],
      "category": "navigation",
      "props": [
        {
          "name": "open",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Controlled open state."
        },
        {
          "name": "defaultOpen",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Initial open state for uncontrolled usage."
        },
        {
          "name": "onOpenChange",
          "type": {
            "kind": "function",
            "signature": "(open: boolean) => void"
          },
          "description": "Called when the open state changes."
        },
        {
          "name": "delayDuration",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 700,
          "description": "Delay in milliseconds before opening."
        },
        {
          "name": "disableHoverableContent",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Whether moving into the content closes the tooltip."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Tooltip composition content."
        }
      ],
      "children": [
        {
          "name": "TooltipProvider",
          "props": [
            {
              "name": "delayDuration",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "default": 700,
              "description": "Delay in milliseconds before opening nested tooltips."
            },
            {
              "name": "skipDelayDuration",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "default": 300,
              "description": "Time window to skip delay when moving between tooltips."
            },
            {
              "name": "disableHoverableContent",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Whether moving into tooltip content closes it."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Tooltip trees."
            }
          ]
        },
        {
          "name": "TooltipTrigger",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the trigger as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "TooltipContent",
          "props": [
            {
              "name": "side",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "top"
                  },
                  {
                    "kind": "literal",
                    "value": "right"
                  },
                  {
                    "kind": "literal",
                    "value": "bottom"
                  },
                  {
                    "kind": "literal",
                    "value": "left"
                  }
                ]
              },
              "default": "top",
              "description": "Preferred side for the tooltip content."
            },
            {
              "name": "align",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "start"
                  },
                  {
                    "kind": "literal",
                    "value": "center"
                  },
                  {
                    "kind": "literal",
                    "value": "end"
                  }
                ]
              },
              "default": "center",
              "description": "Preferred alignment relative to the trigger."
            },
            {
              "name": "sideOffset",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "default": 4,
              "description": "Offset in pixels from the trigger."
            },
            {
              "name": "alignOffset",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "description": "Offset in pixels from the alignment edge."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the tooltip content."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Tooltip content."
            }
          ]
        }
      ]
    },
    "typography": {
      "name": "Typography",
      "type": "data-display",
      "description": "Typography component with 11 text variants (h1-h4, p, lead, large, small, muted, blockquote, code)",
      "files": [
        "Typography.tsx",
        "index.ts"
      ],
      "dependencies": [],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "Typography"
      ],
      "props": [
        {
          "name": "children",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Text content."
        },
        {
          "name": "variant",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "h1"
              },
              {
                "kind": "literal",
                "value": "h2"
              },
              {
                "kind": "literal",
                "value": "h3"
              },
              {
                "kind": "literal",
                "value": "h4"
              },
              {
                "kind": "literal",
                "value": "p"
              },
              {
                "kind": "literal",
                "value": "lead"
              },
              {
                "kind": "literal",
                "value": "large"
              },
              {
                "kind": "literal",
                "value": "small"
              },
              {
                "kind": "literal",
                "value": "muted"
              },
              {
                "kind": "literal",
                "value": "blockquote"
              },
              {
                "kind": "literal",
                "value": "code"
              }
            ]
          },
          "default": "p",
          "description": "Typography style variant."
        },
        {
          "name": "weight",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "normal"
              },
              {
                "kind": "literal",
                "value": "medium"
              },
              {
                "kind": "literal",
                "value": "semiBold"
              },
              {
                "kind": "literal",
                "value": "bold"
              }
            ]
          },
          "description": "Optional weight override."
        },
        {
          "name": "color",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Text color override."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the rendered text."
        }
      ],
      "children": [
        {
          "name": "Typography.h1",
          "props": []
        },
        {
          "name": "Typography.h2",
          "props": []
        },
        {
          "name": "Typography.h3",
          "props": []
        },
        {
          "name": "Typography.h4",
          "props": []
        },
        {
          "name": "Typography.p",
          "props": []
        },
        {
          "name": "Typography.lead",
          "props": []
        },
        {
          "name": "Typography.large",
          "props": []
        },
        {
          "name": "Typography.small",
          "props": []
        },
        {
          "name": "Typography.muted",
          "props": []
        },
        {
          "name": "Typography.blockquote",
          "props": []
        },
        {
          "name": "Typography.code",
          "props": []
        }
      ]
    },
    "line-chart": {
      "name": "LineChart",
      "type": "chart",
      "description": "Display data as a responsive line chart with smooth curves and customizable styling, optimized for mobile",
      "files": [
        "LineChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "dependencies": [
        "@wuba/react-native-echarts",
        "echarts",
        "@shopify/react-native-skia"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "LineChart"
      ],
      "props": [
        {
          "name": "data",
          "type": {
            "kind": "custom",
            "name": "ChartData"
          },
          "description": "Chart data including labels and datasets."
        },
        {
          "name": "height",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Chart height in pixels.",
          "default": 300
        },
        {
          "name": "width",
          "type": {
            "kind": "custom",
            "name": "number | string"
          },
          "description": "Chart width in pixels. Defaults to available screen width."
        },
        {
          "name": "theme",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "light"
              },
              {
                "kind": "literal",
                "value": "dark"
              }
            ]
          },
          "description": "Theme mode used by the chart.",
          "default": "light"
        },
        {
          "name": "legend",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show the legend.",
          "default": true
        },
        {
          "name": "legendPosition",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "top"
              },
              {
                "kind": "literal",
                "value": "bottom"
              },
              {
                "kind": "literal",
                "value": "left"
              },
              {
                "kind": "literal",
                "value": "right"
              }
            ]
          },
          "description": "Legend position.",
          "default": "top"
        },
        {
          "name": "grid",
          "type": {
            "kind": "custom",
            "name": "boolean | GridConfig"
          },
          "description": "Grid configuration or toggle.",
          "default": true
        },
        {
          "name": "tooltip",
          "type": {
            "kind": "custom",
            "name": "boolean | TooltipConfig"
          },
          "description": "Tooltip configuration or toggle.",
          "default": true
        },
        {
          "name": "animation",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether chart animations are enabled.",
          "default": true
        },
        {
          "name": "loading",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether the loading state is shown.",
          "default": false
        },
        {
          "name": "emptyText",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Text shown when there is no data.",
          "default": "No data available"
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "NativeWind className applied to the chart container.",
          "default": ""
        },
        {
          "name": "zoom",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether zoom interactions are enabled.",
          "default": false
        },
        {
          "name": "options",
          "type": {
            "kind": "custom",
            "name": "Record<string, any>"
          },
          "description": "Framework-specific advanced chart options.",
          "default": "{}"
        },
        {
          "name": "smooth",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether lines are rendered as smooth curves.",
          "default": true
        },
        {
          "name": "showPoints",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether data points are shown.",
          "default": true
        },
        {
          "name": "pointSize",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Size of data point markers.",
          "default": 6
        },
        {
          "name": "area",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to fill the area under the line.",
          "default": false
        },
        {
          "name": "stack",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether datasets are stacked.",
          "default": false
        },
        {
          "name": "dataLabels",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show labels on points.",
          "default": false
        }
      ],
      "category": "charts"
    },
    "bar-chart": {
      "name": "BarChart",
      "type": "chart",
      "description": "Display data as vertical or horizontal bars with support for stacked and grouped layouts, optimized for mobile",
      "files": [
        "BarChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "dependencies": [
        "@wuba/react-native-echarts",
        "echarts",
        "@shopify/react-native-skia"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "BarChart"
      ],
      "props": [
        {
          "name": "data",
          "type": {
            "kind": "custom",
            "name": "ChartData"
          },
          "description": "Chart data including labels and datasets."
        },
        {
          "name": "height",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Chart height in pixels.",
          "default": 300
        },
        {
          "name": "width",
          "type": {
            "kind": "custom",
            "name": "number | string"
          },
          "description": "Chart width in pixels. Defaults to available screen width."
        },
        {
          "name": "theme",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "light"
              },
              {
                "kind": "literal",
                "value": "dark"
              }
            ]
          },
          "description": "Theme mode used by the chart.",
          "default": "light"
        },
        {
          "name": "legend",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show the legend.",
          "default": true
        },
        {
          "name": "legendPosition",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "top"
              },
              {
                "kind": "literal",
                "value": "bottom"
              },
              {
                "kind": "literal",
                "value": "left"
              },
              {
                "kind": "literal",
                "value": "right"
              }
            ]
          },
          "description": "Legend position.",
          "default": "top"
        },
        {
          "name": "grid",
          "type": {
            "kind": "custom",
            "name": "boolean | GridConfig"
          },
          "description": "Grid configuration or toggle.",
          "default": true
        },
        {
          "name": "tooltip",
          "type": {
            "kind": "custom",
            "name": "boolean | TooltipConfig"
          },
          "description": "Tooltip configuration or toggle.",
          "default": true
        },
        {
          "name": "animation",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether chart animations are enabled.",
          "default": true
        },
        {
          "name": "loading",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether the loading state is shown.",
          "default": false
        },
        {
          "name": "emptyText",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Text shown when there is no data.",
          "default": "No data available"
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "NativeWind className applied to the chart container.",
          "default": ""
        },
        {
          "name": "options",
          "type": {
            "kind": "custom",
            "name": "Record<string, any>"
          },
          "description": "Framework-specific advanced chart options.",
          "default": "{}"
        },
        {
          "name": "horizontal",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to render horizontal bars.",
          "default": false
        },
        {
          "name": "stacked",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether datasets are stacked.",
          "default": false
        },
        {
          "name": "showDataLabels",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show data labels on bars.",
          "default": false
        }
      ],
      "category": "charts"
    },
    "pie-chart": {
      "name": "PieChart",
      "type": "chart",
      "description": "Display proportional data as a pie or donut chart with customizable labels and legend, optimized for mobile",
      "files": [
        "PieChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "dependencies": [
        "@wuba/react-native-echarts",
        "echarts",
        "@shopify/react-native-skia"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "PieChart"
      ],
      "props": [
        {
          "name": "data",
          "type": {
            "kind": "custom",
            "name": "ChartData"
          },
          "description": "Chart data including labels and datasets."
        },
        {
          "name": "height",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Chart height in pixels.",
          "default": 300
        },
        {
          "name": "width",
          "type": {
            "kind": "custom",
            "name": "number | string"
          },
          "description": "Chart width in pixels. Defaults to available screen width."
        },
        {
          "name": "theme",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "light"
              },
              {
                "kind": "literal",
                "value": "dark"
              }
            ]
          },
          "description": "Theme mode used by the chart.",
          "default": "light"
        },
        {
          "name": "legend",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show the legend.",
          "default": true
        },
        {
          "name": "legendPosition",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "top"
              },
              {
                "kind": "literal",
                "value": "bottom"
              },
              {
                "kind": "literal",
                "value": "left"
              },
              {
                "kind": "literal",
                "value": "right"
              }
            ]
          },
          "description": "Legend position.",
          "default": "right"
        },
        {
          "name": "animation",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether chart animations are enabled.",
          "default": true
        },
        {
          "name": "innerRadius",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Inner radius percentage.",
          "default": 0
        },
        {
          "name": "outerRadius",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Outer radius percentage.",
          "default": 70
        },
        {
          "name": "showPercentage",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show percentage labels.",
          "default": true
        },
        {
          "name": "labelPosition",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "inside"
              },
              {
                "kind": "literal",
                "value": "outside"
              },
              {
                "kind": "literal",
                "value": "center"
              }
            ]
          },
          "description": "Label position.",
          "default": "outside"
        },
        {
          "name": "loading",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether the loading state is shown.",
          "default": false
        },
        {
          "name": "emptyText",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Text shown when there is no data.",
          "default": "No data available"
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "NativeWind className applied to the chart container.",
          "default": ""
        },
        {
          "name": "options",
          "type": {
            "kind": "custom",
            "name": "Record<string, any>"
          },
          "description": "Framework-specific advanced chart options.",
          "default": "{}"
        }
      ],
      "category": "charts"
    },
    "area-chart": {
      "name": "AreaChart",
      "type": "chart",
      "description": "Visualize cumulative totals over time with filled areas and gradient support, optimized for mobile",
      "files": [
        "AreaChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "dependencies": [
        "@wuba/react-native-echarts",
        "echarts",
        "@shopify/react-native-skia"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "AreaChart"
      ],
      "props": [
        {
          "name": "data",
          "type": {
            "kind": "custom",
            "name": "ChartData"
          },
          "description": "Chart data including labels and datasets."
        },
        {
          "name": "height",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Chart height in pixels.",
          "default": 300
        },
        {
          "name": "width",
          "type": {
            "kind": "custom",
            "name": "number | string"
          },
          "description": "Chart width in pixels. Defaults to available screen width."
        },
        {
          "name": "theme",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "light"
              },
              {
                "kind": "literal",
                "value": "dark"
              }
            ]
          },
          "description": "Theme mode used by the chart.",
          "default": "light"
        },
        {
          "name": "legend",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show the legend.",
          "default": true
        },
        {
          "name": "legendPosition",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "top"
              },
              {
                "kind": "literal",
                "value": "bottom"
              },
              {
                "kind": "literal",
                "value": "left"
              },
              {
                "kind": "literal",
                "value": "right"
              }
            ]
          },
          "description": "Legend position.",
          "default": "top"
        },
        {
          "name": "grid",
          "type": {
            "kind": "custom",
            "name": "boolean | GridConfig"
          },
          "description": "Grid configuration or toggle.",
          "default": true
        },
        {
          "name": "tooltip",
          "type": {
            "kind": "custom",
            "name": "boolean | TooltipConfig"
          },
          "description": "Tooltip configuration or toggle.",
          "default": true
        },
        {
          "name": "animation",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether chart animations are enabled.",
          "default": true
        },
        {
          "name": "loading",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether the loading state is shown.",
          "default": false
        },
        {
          "name": "emptyText",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Text shown when there is no data.",
          "default": "No data available"
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "NativeWind className applied to the chart container.",
          "default": ""
        },
        {
          "name": "zoom",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether zoom interactions are enabled.",
          "default": false
        },
        {
          "name": "options",
          "type": {
            "kind": "custom",
            "name": "Record<string, any>"
          },
          "description": "Framework-specific advanced chart options.",
          "default": "{}"
        },
        {
          "name": "smooth",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether lines are rendered as smooth curves.",
          "default": true
        },
        {
          "name": "showPoints",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether data points are shown.",
          "default": true
        },
        {
          "name": "pointSize",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Size of data point markers.",
          "default": 6
        },
        {
          "name": "stack",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether datasets are stacked.",
          "default": false
        },
        {
          "name": "opacity",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Fill opacity for the area.",
          "default": 0.6
        },
        {
          "name": "gradient",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to use gradient area fills.",
          "default": false
        }
      ],
      "category": "charts"
    },
    "radar-chart": {
      "name": "RadarChart",
      "type": "chart",
      "description": "Display multi-dimensional data comparison on a radial grid, optimized for mobile",
      "files": [
        "RadarChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "dependencies": [
        "@wuba/react-native-echarts",
        "echarts",
        "@shopify/react-native-skia"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "RadarChart"
      ],
      "props": [
        {
          "name": "data",
          "type": {
            "kind": "custom",
            "name": "ChartData"
          },
          "description": "Chart data including labels and datasets."
        },
        {
          "name": "height",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Chart height in pixels.",
          "default": 300
        },
        {
          "name": "width",
          "type": {
            "kind": "custom",
            "name": "number | string"
          },
          "description": "Chart width in pixels. Defaults to available screen width."
        },
        {
          "name": "theme",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "light"
              },
              {
                "kind": "literal",
                "value": "dark"
              }
            ]
          },
          "description": "Theme mode used by the chart.",
          "default": "light"
        },
        {
          "name": "legend",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show the legend.",
          "default": true
        },
        {
          "name": "legendPosition",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "top"
              },
              {
                "kind": "literal",
                "value": "bottom"
              },
              {
                "kind": "literal",
                "value": "left"
              },
              {
                "kind": "literal",
                "value": "right"
              }
            ]
          },
          "description": "Legend position.",
          "default": "top"
        },
        {
          "name": "loading",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether the loading state is shown.",
          "default": false
        },
        {
          "name": "emptyText",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Text shown when there is no data.",
          "default": "No data available"
        },
        {
          "name": "shape",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "polygon"
              },
              {
                "kind": "literal",
                "value": "circle"
              }
            ]
          },
          "description": "Radar grid shape.",
          "default": "polygon"
        },
        {
          "name": "splitNumber",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Number of split lines.",
          "default": 4
        },
        {
          "name": "maxValue",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Maximum indicator value."
        },
        {
          "name": "fill",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to fill the radar area.",
          "default": true
        },
        {
          "name": "opacity",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Fill opacity.",
          "default": 0.3
        },
        {
          "name": "style",
          "type": {
            "kind": "custom",
            "name": "StyleProp<ViewStyle>"
          },
          "description": "React Native style applied to the chart container.",
          "default": ""
        },
        {
          "name": "options",
          "type": {
            "kind": "custom",
            "name": "Record<string, any>"
          },
          "description": "Framework-specific advanced chart options.",
          "default": "{}"
        }
      ],
      "category": "charts"
    },
    "scatter-chart": {
      "name": "ScatterChart",
      "type": "chart",
      "description": "Display distribution and correlation analysis with scatter plots, optimized for mobile",
      "files": [
        "ScatterChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "dependencies": [
        "@wuba/react-native-echarts",
        "echarts",
        "@shopify/react-native-skia"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "ScatterChart"
      ],
      "props": [
        {
          "name": "data",
          "type": {
            "kind": "custom",
            "name": "ChartData"
          },
          "description": "Chart data including labels and datasets."
        },
        {
          "name": "height",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Chart height in pixels.",
          "default": 300
        },
        {
          "name": "width",
          "type": {
            "kind": "custom",
            "name": "number | string"
          },
          "description": "Chart width in pixels. Defaults to available screen width."
        },
        {
          "name": "theme",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "light"
              },
              {
                "kind": "literal",
                "value": "dark"
              }
            ]
          },
          "description": "Theme mode used by the chart.",
          "default": "light"
        },
        {
          "name": "legend",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show the legend.",
          "default": true
        },
        {
          "name": "legendPosition",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "top"
              },
              {
                "kind": "literal",
                "value": "bottom"
              },
              {
                "kind": "literal",
                "value": "left"
              },
              {
                "kind": "literal",
                "value": "right"
              }
            ]
          },
          "description": "Legend position.",
          "default": "top"
        },
        {
          "name": "loading",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether the loading state is shown.",
          "default": false
        },
        {
          "name": "emptyText",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Text shown when there is no data.",
          "default": "No data available"
        },
        {
          "name": "symbolSize",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Size of scatter points.",
          "default": 10
        },
        {
          "name": "opacity",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Opacity of scatter points.",
          "default": 0.8
        },
        {
          "name": "xAxisLabel",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Label for the X axis."
        },
        {
          "name": "yAxisLabel",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Label for the Y axis."
        },
        {
          "name": "style",
          "type": {
            "kind": "custom",
            "name": "StyleProp<ViewStyle>"
          },
          "description": "React Native style applied to the chart container.",
          "default": ""
        },
        {
          "name": "options",
          "type": {
            "kind": "custom",
            "name": "Record<string, any>"
          },
          "description": "Framework-specific advanced chart options.",
          "default": "{}"
        }
      ],
      "category": "charts"
    },
    "mixed-chart": {
      "name": "MixedChart",
      "type": "chart",
      "description": "Combine multiple chart types (line, bar, area) in a single visualization, optimized for mobile",
      "files": [
        "MixedChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "dependencies": [
        "@wuba/react-native-echarts",
        "echarts",
        "@shopify/react-native-skia"
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "MixedChart"
      ],
      "props": [
        {
          "name": "data",
          "type": {
            "kind": "custom",
            "name": "ChartData"
          },
          "description": "Chart data including labels and datasets."
        },
        {
          "name": "height",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Chart height in pixels.",
          "default": 300
        },
        {
          "name": "width",
          "type": {
            "kind": "custom",
            "name": "number | string"
          },
          "description": "Chart width in pixels. Defaults to available screen width."
        },
        {
          "name": "theme",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "light"
              },
              {
                "kind": "literal",
                "value": "dark"
              }
            ]
          },
          "description": "Theme mode used by the chart.",
          "default": "light"
        },
        {
          "name": "legend",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show the legend.",
          "default": true
        },
        {
          "name": "legendPosition",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "top"
              },
              {
                "kind": "literal",
                "value": "bottom"
              },
              {
                "kind": "literal",
                "value": "left"
              },
              {
                "kind": "literal",
                "value": "right"
              }
            ]
          },
          "description": "Legend position.",
          "default": "top"
        },
        {
          "name": "grid",
          "type": {
            "kind": "custom",
            "name": "boolean | GridConfig"
          },
          "description": "Grid configuration or toggle.",
          "default": true
        },
        {
          "name": "tooltip",
          "type": {
            "kind": "custom",
            "name": "boolean | TooltipConfig"
          },
          "description": "Tooltip configuration or toggle.",
          "default": true
        },
        {
          "name": "animation",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether chart animations are enabled.",
          "default": true
        },
        {
          "name": "loading",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether the loading state is shown.",
          "default": false
        },
        {
          "name": "emptyText",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Text shown when there is no data.",
          "default": "No data available"
        },
        {
          "name": "style",
          "type": {
            "kind": "custom",
            "name": "StyleProp<ViewStyle>"
          },
          "description": "React Native style applied to the chart container.",
          "default": ""
        },
        {
          "name": "options",
          "type": {
            "kind": "custom",
            "name": "Record<string, any>"
          },
          "description": "Framework-specific advanced chart options.",
          "default": "{}"
        }
      ],
      "category": "charts"
    },
    "donut-chart": {
      "name": "DonutChart",
      "type": "chart",
      "description": "Display data as a donut chart",
      "files": [
        "DonutChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "dependencies": [
        "@wuba/react-native-echarts",
        "echarts",
        "@shopify/react-native-skia"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "category": "charts",
      "props": [
        {
          "name": "data",
          "type": {
            "kind": "custom",
            "name": "ChartData"
          },
          "description": "Chart data including labels and datasets."
        },
        {
          "name": "height",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Chart height in pixels.",
          "default": 300
        },
        {
          "name": "width",
          "type": {
            "kind": "custom",
            "name": "number | string"
          },
          "description": "Chart width in pixels. Defaults to available screen width."
        },
        {
          "name": "theme",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "light"
              },
              {
                "kind": "literal",
                "value": "dark"
              }
            ]
          },
          "description": "Theme mode used by the chart.",
          "default": "light"
        },
        {
          "name": "legend",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show the legend.",
          "default": true
        },
        {
          "name": "legendPosition",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "top"
              },
              {
                "kind": "literal",
                "value": "bottom"
              },
              {
                "kind": "literal",
                "value": "left"
              },
              {
                "kind": "literal",
                "value": "right"
              }
            ]
          },
          "description": "Legend position.",
          "default": "right"
        },
        {
          "name": "animation",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether chart animations are enabled.",
          "default": true
        },
        {
          "name": "innerRadius",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Inner radius percentage.",
          "default": 50
        },
        {
          "name": "outerRadius",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Outer radius percentage.",
          "default": 70
        },
        {
          "name": "showPercentage",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show percentage labels.",
          "default": true
        },
        {
          "name": "labelPosition",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "inside"
              },
              {
                "kind": "literal",
                "value": "outside"
              },
              {
                "kind": "literal",
                "value": "center"
              }
            ]
          },
          "description": "Label position.",
          "default": "outside"
        },
        {
          "name": "loading",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether the loading state is shown.",
          "default": false
        },
        {
          "name": "emptyText",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Text shown when there is no data.",
          "default": "No data available"
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "NativeWind className applied to the chart container.",
          "default": ""
        },
        {
          "name": "options",
          "type": {
            "kind": "custom",
            "name": "Record<string, any>"
          },
          "description": "Framework-specific advanced chart options.",
          "default": "{}"
        }
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "DonutChart"
      ]
    },
    "gauge-chart": {
      "name": "GaugeChart",
      "type": "chart",
      "description": "Display data as a gauge chart",
      "files": [
        "GaugeChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "dependencies": [
        "@wuba/react-native-echarts",
        "echarts",
        "@shopify/react-native-skia"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "category": "charts",
      "props": [
        {
          "name": "value",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Current gauge value."
        },
        {
          "name": "height",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Chart height in pixels.",
          "default": 300
        },
        {
          "name": "width",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Chart width in pixels. Defaults to available screen width."
        },
        {
          "name": "theme",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "light"
              },
              {
                "kind": "literal",
                "value": "dark"
              }
            ]
          },
          "description": "Theme mode used by the chart.",
          "default": "light"
        },
        {
          "name": "min",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Minimum gauge value.",
          "default": 0
        },
        {
          "name": "max",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Maximum gauge value.",
          "default": 100
        },
        {
          "name": "startAngle",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Start angle for the gauge arc.",
          "default": 225
        },
        {
          "name": "endAngle",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "End angle for the gauge arc.",
          "default": -45
        },
        {
          "name": "splitNumber",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Number of gauge split lines.",
          "default": 5
        },
        {
          "name": "showProgress",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show the progress arc.",
          "default": true
        },
        {
          "name": "showPointer",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to show the gauge pointer.",
          "default": true
        },
        {
          "name": "title",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Optional gauge title."
        },
        {
          "name": "unit",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Optional value unit."
        },
        {
          "name": "zones",
          "type": {
            "kind": "custom",
            "name": "Array<{ from: number; to: number; color: string }>"
          },
          "description": "Color ranges for the gauge."
        },
        {
          "name": "color",
          "type": {
            "kind": "custom",
            "name": "string | string[]"
          },
          "description": "Single color or gradient colors for the gauge."
        },
        {
          "name": "formatter",
          "type": {
            "kind": "function",
            "signature": "(value: number) => string"
          },
          "description": "Custom formatter for the displayed value."
        },
        {
          "name": "animation",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether chart animations are enabled.",
          "default": true
        },
        {
          "name": "loading",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether the loading state is shown.",
          "default": false
        },
        {
          "name": "emptyText",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Text shown when there is no data.",
          "default": "No data available"
        },
        {
          "name": "style",
          "type": {
            "kind": "custom",
            "name": "StyleProp<ViewStyle>"
          },
          "description": "React Native style applied to the chart container."
        }
      ],
      "peerDependencies": [
        "react",
        "react-native"
      ],
      "exports": [
        "GaugeChart"
      ]
    }
  }
}