{
  "$schema": "../schemas/registry-schema.json",
  "name": "react",
  "components": {
    "button": {
      "name": "Button",
      "type": "form",
      "description": "Displays a button or a component that looks like a button",
      "dependencies": [
        "@radix-ui/react-slot",
        "class-variance-authority"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Button.tsx",
        "variants.ts",
        "index.ts"
      ],
      "category": "form",
      "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": "asChild",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Render as child using Radix Slot."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the button."
        },
        {
          "name": "type",
          "type": {
            "kind": "union",
            "values": [
              "button",
              "submit",
              "reset"
            ]
          },
          "default": "button",
          "description": "Native button type."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the button."
        },
        {
          "name": "onClick",
          "type": {
            "kind": "function",
            "signature": "(event) => void"
          },
          "description": "Click handler."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Button content."
        }
      ]
    },
    "input": {
      "name": "Input",
      "type": "form",
      "description": "Displays a form input field or a component that looks like an input field",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Input.tsx",
        "index.ts"
      ],
      "category": "form",
      "props": [
        {
          "name": "type",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "text",
          "description": "Input type."
        },
        {
          "name": "value",
          "type": {
            "kind": "union",
            "values": [
              "string",
              "number"
            ]
          },
          "description": "Controlled value."
        },
        {
          "name": "defaultValue",
          "type": {
            "kind": "union",
            "values": [
              "string",
              "number"
            ]
          },
          "description": "Uncontrolled initial value."
        },
        {
          "name": "placeholder",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Placeholder text."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the input."
        },
        {
          "name": "readOnly",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Makes the input read-only."
        },
        {
          "name": "maxLength",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Maximum input length."
        },
        {
          "name": "autoComplete",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Autocomplete hint."
        },
        {
          "name": "ariaInvalid",
          "type": {
            "kind": "union",
            "values": [
              "boolean",
              "string"
            ]
          },
          "description": "ARIA invalid state."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the input."
        },
        {
          "name": "onChange",
          "type": {
            "kind": "function",
            "signature": "(event) => 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."
        }
      ]
    },
    "label": {
      "name": "Label",
      "type": "form",
      "description": "Renders an accessible label associated with controls",
      "dependencies": [
        "@radix-ui/react-label"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Label.tsx",
        "index.ts"
      ],
      "category": "form",
      "props": [
        {
          "name": "htmlFor",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Id of the element the label is associated with."
        },
        {
          "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."
        }
      ]
    },
    "select": {
      "name": "Select",
      "type": "form",
      "description": "Displays a list of options for the user to pick from triggered by a button",
      "dependencies": [
        "@radix-ui/react-select"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Select.tsx",
        "index.ts"
      ],
      "category": "form",
      "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": "open",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Controlled open state."
        },
        {
          "name": "defaultOpen",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Uncontrolled initial open state."
        },
        {
          "name": "onOpenChange",
          "type": {
            "kind": "function",
            "signature": "(open: boolean) => void"
          },
          "description": "Called when the open state changes."
        },
        {
          "name": "dir",
          "type": {
            "kind": "union",
            "values": [
              "ltr",
              "rtl"
            ]
          },
          "description": "Reading direction."
        },
        {
          "name": "name",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Name for form submission."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the select."
        },
        {
          "name": "required",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Requires a value before form submission."
        }
      ],
      "children": [
        {
          "name": "SelectTrigger",
          "props": [
            {
              "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": "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": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Content children."
            }
          ]
        },
        {
          "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": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Item label content."
            }
          ]
        },
        {
          "name": "SelectValue",
          "props": [
            {
              "name": "placeholder",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Placeholder when no value is selected."
            }
          ]
        }
      ]
    },
    "checkbox": {
      "name": "Checkbox",
      "type": "form",
      "description": "A control that allows the user to toggle between checked and not checked",
      "dependencies": [
        "@radix-ui/react-checkbox"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Checkbox.tsx",
        "index.ts"
      ],
      "category": "form",
      "props": [
        {
          "name": "checked",
          "type": {
            "kind": "union",
            "values": [
              "boolean",
              "indeterminate"
            ]
          },
          "description": "Controlled checked state."
        },
        {
          "name": "defaultChecked",
          "type": {
            "kind": "union",
            "values": [
              "boolean",
              "indeterminate"
            ]
          },
          "description": "Uncontrolled initial checked state."
        },
        {
          "name": "onCheckedChange",
          "type": {
            "kind": "function",
            "signature": "(checked: boolean | 'indeterminate') => void"
          },
          "description": "Called when the checked state changes."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the checkbox."
        },
        {
          "name": "required",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Requires a value before form submission."
        },
        {
          "name": "name",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Name for form submission."
        },
        {
          "name": "value",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "on",
          "description": "Value for form submission."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the checkbox."
        }
      ],
      "children": [
        {
          "name": "CheckboxIndicator",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the indicator."
            }
          ]
        }
      ]
    },
    "radio-group": {
      "name": "Radio Group",
      "type": "form",
      "description": "A set of checkable buttons where no more than one of the buttons can be checked at a time",
      "dependencies": [
        "@radix-ui/react-radio-group"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "RadioGroup.tsx",
        "index.ts"
      ],
      "category": "form",
      "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": "name",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Name for form submission."
        },
        {
          "name": "required",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Requires a value before form submission."
        },
        {
          "name": "orientation",
          "type": {
            "kind": "union",
            "values": [
              "horizontal",
              "vertical"
            ]
          },
          "description": "Layout orientation."
        },
        {
          "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."
            }
          ]
        }
      ]
    },
    "switch": {
      "name": "Switch",
      "type": "form",
      "description": "A control that allows the user to toggle between checked and not checked",
      "dependencies": [
        "@radix-ui/react-switch"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Switch.tsx",
        "index.ts"
      ],
      "category": "form",
      "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": "required",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Requires a value before form submission."
        },
        {
          "name": "name",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Name for form submission."
        },
        {
          "name": "value",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "on",
          "description": "Value for form submission."
        },
        {
          "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."
            }
          ]
        }
      ]
    },
    "slider": {
      "name": "Slider",
      "type": "form",
      "description": "An input where the user selects a value from within a given range",
      "dependencies": [
        "@radix-ui/react-slider"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Slider.tsx",
        "index.ts"
      ],
      "category": "form",
      "props": [
        {
          "name": "asChild",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Render the root as a child element."
        },
        {
          "name": "defaultValue",
          "type": {
            "kind": "array",
            "of": {
              "kind": "primitive",
              "name": "number"
            }
          },
          "description": "Uncontrolled initial slider values."
        },
        {
          "name": "value",
          "type": {
            "kind": "array",
            "of": {
              "kind": "primitive",
              "name": "number"
            }
          },
          "description": "Controlled 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 the hidden inputs in form submission."
        },
        {
          "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": "form",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Associates the slider inputs with a form."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the slider root."
        }
      ]
    },
    "textarea": {
      "name": "Textarea",
      "type": "form",
      "description": "Displays a form textarea or a component that looks like a textarea",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Textarea.tsx",
        "index.ts"
      ],
      "category": "form",
      "props": [
        {
          "name": "value",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "primitive",
                "name": "string"
              },
              {
                "kind": "primitive",
                "name": "number"
              }
            ]
          },
          "description": "Controlled textarea value."
        },
        {
          "name": "defaultValue",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "primitive",
                "name": "string"
              },
              {
                "kind": "primitive",
                "name": "number"
              }
            ]
          },
          "description": "Uncontrolled initial textarea value."
        },
        {
          "name": "placeholder",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Placeholder text."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the textarea."
        },
        {
          "name": "rows",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Visible number of text rows."
        },
        {
          "name": "name",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Field name for form submission."
        },
        {
          "name": "required",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Marks the textarea as required."
        },
        {
          "name": "readOnly",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Makes the textarea read-only."
        },
        {
          "name": "maxLength",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Maximum number of characters allowed."
        },
        {
          "name": "minLength",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Minimum number of characters allowed."
        },
        {
          "name": "onChange",
          "type": {
            "kind": "function",
            "signature": "(event: ChangeEvent<HTMLTextAreaElement>) => void"
          },
          "description": "Called when the textarea value changes."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the textarea."
        }
      ]
    },
    "form": {
      "name": "Form",
      "type": "form",
      "description": "Building forms with React Hook Form and Zod validation",
      "dependencies": [
        "react-hook-form",
        "@radix-ui/react-label",
        "@radix-ui/react-slot"
      ],
      "devDependencies": [],
      "registryDependencies": [
        "label"
      ],
      "files": [
        "Form.tsx",
        "index.ts"
      ],
      "category": "form",
      "props": [
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Form content wrapped by FormProvider."
        }
      ],
      "children": [
        {
          "name": "FormField",
          "props": [
            {
              "name": "name",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Field name managed by React Hook Form."
            },
            {
              "name": "control",
              "type": {
                "kind": "custom",
                "name": "Control"
              },
              "description": "React Hook Form control instance."
            },
            {
              "name": "rules",
              "type": {
                "kind": "custom",
                "name": "RegisterOptions"
              },
              "description": "Validation rules for the field."
            },
            {
              "name": "defaultValue",
              "type": {
                "kind": "custom",
                "name": "unknown"
              },
              "description": "Default value for the controlled field."
            },
            {
              "name": "render",
              "type": {
                "kind": "function",
                "signature": "(props: ControllerRenderProps) => ReactNode"
              },
              "description": "Render function for the controlled field."
            }
          ]
        },
        {
          "name": "FormItem",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the form item container."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Form item content."
            }
          ]
        },
        {
          "name": "FormLabel",
          "props": [
            {
              "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": "FormControl",
          "props": [
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Single slottable control element."
            }
          ]
        },
        {
          "name": "FormDescription",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the description."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Description content."
            }
          ]
        },
        {
          "name": "FormMessage",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the message."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Fallback message content when there is no field error."
            }
          ]
        }
      ]
    },
    "separator": {
      "name": "Separator",
      "type": "layout",
      "description": "Visually or semantically separates content",
      "dependencies": [
        "@radix-ui/react-separator"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Separator.tsx",
        "index.ts"
      ],
      "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": "asChild",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Render the separator as a child element."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the separator."
        }
      ]
    },
    "accordion": {
      "name": "Accordion",
      "type": "layout",
      "description": "A vertically stacked set of interactive headings that each reveal a section of content",
      "dependencies": [
        "@radix-ui/react-accordion"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Accordion.tsx",
        "index.ts"
      ],
      "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": "asChild",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Render the root as a child element."
        },
        {
          "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": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the item as a child element."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the item."
            }
          ]
        },
        {
          "name": "AccordionTrigger",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the trigger as a child element."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the trigger."
            }
          ]
        },
        {
          "name": "AccordionContent",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the content as a child element."
            },
            {
              "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."
            }
          ]
        }
      ]
    },
    "tabs": {
      "name": "Tabs",
      "type": "layout",
      "description": "A set of layered sections of content—known as tab panels—that are displayed one at a time",
      "dependencies": [
        "@radix-ui/react-tabs"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Tabs.tsx",
        "index.ts"
      ],
      "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."
            }
          ]
        }
      ]
    },
    "dialog": {
      "name": "Dialog",
      "type": "layout",
      "description": "A window overlaid on either the primary window or another dialog window",
      "dependencies": [
        "@radix-ui/react-dialog"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Dialog.tsx",
        "index.ts"
      ],
      "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": "modal",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": true,
          "description": "Whether interaction outside the dialog is disabled while open."
        },
        {
          "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": "DialogContent",
          "props": [
            {
              "name": "forceMount",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Force-mount the content even when closed."
            },
            {
              "name": "onOpenAutoFocus",
              "type": {
                "kind": "function",
                "signature": "(event: Event) => void"
              },
              "description": "Called when focus moves into the dialog after opening."
            },
            {
              "name": "onCloseAutoFocus",
              "type": {
                "kind": "function",
                "signature": "(event: Event) => void"
              },
              "description": "Called when focus returns after closing."
            },
            {
              "name": "onEscapeKeyDown",
              "type": {
                "kind": "function",
                "signature": "(event: KeyboardEvent) => void"
              },
              "description": "Called when Escape is pressed."
            },
            {
              "name": "onPointerDownOutside",
              "type": {
                "kind": "function",
                "signature": "(event: PointerDownOutsideEvent) => void"
              },
              "description": "Called when pointer interaction happens outside the dialog."
            },
            {
              "name": "onInteractOutside",
              "type": {
                "kind": "function",
                "signature": "(event: FocusOutsideEvent | PointerDownOutsideEvent) => void"
              },
              "description": "Called when focus or pointer interaction happens outside the dialog."
            },
            {
              "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": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the title as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Accessible dialog title."
            }
          ]
        },
        {
          "name": "DialogDescription",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the description as a child element."
            },
            {
              "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."
            }
          ]
        }
      ]
    },
    "collapsible": {
      "name": "Collapsible",
      "type": "layout",
      "description": "An interactive component which expands/collapses a panel",
      "dependencies": [
        "@radix-ui/react-collapsible"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Collapsible.tsx",
        "index.ts"
      ],
      "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": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the content as a child element."
            },
            {
              "name": "forceMount",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Force-mount content even when closed."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Collapsible content."
            }
          ]
        }
      ]
    },
    "card": {
      "name": "Card",
      "type": "layout",
      "description": "Displays a card with header, content, and footer",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Card.tsx",
        "index.ts"
      ],
      "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": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Header content."
            }
          ]
        },
        {
          "name": "CardTitle",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the title."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Title content."
            }
          ]
        },
        {
          "name": "CardDescription",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the description."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Description content."
            }
          ]
        },
        {
          "name": "CardContent",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the content area."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Content body."
            }
          ]
        },
        {
          "name": "CardFooter",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the footer."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Footer content."
            }
          ]
        }
      ]
    },
    "alert-dialog": {
      "name": "Alert Dialog",
      "type": "feedback",
      "description": "A modal dialog that interrupts the user with important content and expects a response",
      "dependencies": [
        "@radix-ui/react-alert-dialog"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "AlertDialog.tsx",
        "index.ts"
      ],
      "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": "AlertDialogContent",
          "props": [
            {
              "name": "forceMount",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Force-mount the content even when closed."
            },
            {
              "name": "onOpenAutoFocus",
              "type": {
                "kind": "function",
                "signature": "(event: Event) => void"
              },
              "description": "Called when focus moves into the alert dialog after opening."
            },
            {
              "name": "onCloseAutoFocus",
              "type": {
                "kind": "function",
                "signature": "(event: Event) => void"
              },
              "description": "Called when focus returns after closing."
            },
            {
              "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": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the title as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Accessible alert dialog title."
            }
          ]
        },
        {
          "name": "AlertDialogDescription",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the description as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Accessible alert dialog description."
            }
          ]
        },
        {
          "name": "AlertDialogAction",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the action as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Primary confirmation action content."
            }
          ]
        },
        {
          "name": "AlertDialogCancel",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the cancel action as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Cancel action content."
            }
          ]
        }
      ]
    },
    "alert": {
      "name": "Alert",
      "type": "feedback",
      "description": "Displays a callout for user attention",
      "dependencies": [
        "class-variance-authority"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Alert.tsx",
        "index.ts"
      ],
      "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": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Title content."
            }
          ]
        },
        {
          "name": "AlertDescription",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the alert description."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Description content."
            }
          ]
        }
      ]
    },
    "progress": {
      "name": "Progress",
      "type": "feedback",
      "description": "Displays an indicator showing the completion progress of a task",
      "dependencies": [
        "@radix-ui/react-progress"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Progress.tsx",
        "index.ts"
      ],
      "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": "getValueLabel",
          "type": {
            "kind": "function",
            "signature": "(value: number, max: number) => string"
          },
          "description": "Accessible label generator for the current value."
        },
        {
          "name": "asChild",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Render the progress root as a child element."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the progress root."
        }
      ]
    },
    "avatar": {
      "name": "Avatar",
      "type": "data-display",
      "description": "An image element with a fallback for representing the user",
      "dependencies": [
        "@radix-ui/react-avatar"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Avatar.tsx",
        "index.ts"
      ],
      "category": "data-display",
      "props": [
        {
          "name": "asChild",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Render the avatar root as a child element."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the avatar root."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Avatar content."
        }
      ],
      "children": [
        {
          "name": "AvatarImage",
          "props": [
            {
              "name": "src",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Image source URL."
            },
            {
              "name": "alt",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Alternative text for the image."
            },
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the image as a child element."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the avatar image."
            },
            {
              "name": "onLoadingStatusChange",
              "type": {
                "kind": "function",
                "signature": "(status: ImageLoadingStatus) => void"
              },
              "description": "Called when the image loading status changes."
            }
          ]
        },
        {
          "name": "AvatarFallback",
          "props": [
            {
              "name": "delayMs",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "description": "Delay in milliseconds before rendering the fallback."
            },
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the fallback as a child element."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the fallback."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Fallback content."
            }
          ]
        }
      ]
    },
    "hover-card": {
      "name": "Hover Card",
      "type": "data-display",
      "description": "For sighted users to preview content available behind a link",
      "dependencies": [
        "@radix-ui/react-hover-card"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "HoverCard.tsx",
        "index.ts"
      ],
      "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": "avoidCollisions",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Whether to avoid collisions with viewport edges."
            },
            {
              "name": "collisionPadding",
              "type": {
                "kind": "custom",
                "name": "number | Partial<Record<Side, number>>"
              },
              "description": "Padding used for collision detection."
            },
            {
              "name": "sticky",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "partial"
                  },
                  {
                    "kind": "literal",
                    "value": "always"
                  }
                ]
              },
              "description": "Sticky behavior on the align axis."
            },
            {
              "name": "hideWhenDetached",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Hide content when the trigger becomes detached."
            },
            {
              "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."
            }
          ]
        }
      ]
    },
    "dropdown-menu": {
      "name": "Dropdown Menu",
      "type": "navigation",
      "description": "Displays a menu to the user triggered by a button",
      "dependencies": [
        "@radix-ui/react-dropdown-menu"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "DropdownMenu.tsx",
        "index.ts"
      ],
      "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": "collisionPadding",
              "type": {
                "kind": "custom",
                "name": "number | Partial<Record<Side, number>>"
              },
              "description": "Padding used for collision detection."
            },
            {
              "name": "sticky",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "partial"
                  },
                  {
                    "kind": "literal",
                    "value": "always"
                  }
                ]
              },
              "description": "Sticky behavior on the align axis."
            },
            {
              "name": "hideWhenDetached",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Hide content when the trigger becomes detached."
            },
            {
              "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": "onSelect",
              "type": {
                "kind": "function",
                "signature": "(event: Event) => void"
              },
              "description": "Called when the item is selected."
            },
            {
              "name": "textValue",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Text value used for typeahead matching."
            },
            {
              "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": "DropdownMenuSeparator",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the separator."
            }
          ]
        },
        {
          "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": "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": "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."
            }
          ]
        }
      ]
    },
    "navigation-menu": {
      "name": "Navigation Menu",
      "type": "navigation",
      "description": "A collection of links for navigating websites",
      "dependencies": [
        "@radix-ui/react-navigation-menu"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "NavigationMenu.tsx",
        "index.ts"
      ],
      "category": "navigation",
      "props": [
        {
          "name": "value",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Controlled value of the active menu item."
        },
        {
          "name": "defaultValue",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Initial active item for uncontrolled usage."
        },
        {
          "name": "onValueChange",
          "type": {
            "kind": "function",
            "signature": "(value: string) => void"
          },
          "description": "Called when the active item changes."
        },
        {
          "name": "orientation",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "horizontal"
              },
              {
                "kind": "literal",
                "value": "vertical"
              }
            ]
          },
          "description": "Orientation of the navigation menu.",
          "default": "horizontal"
        },
        {
          "name": "dir",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "ltr"
              },
              {
                "kind": "literal",
                "value": "rtl"
              }
            ]
          },
          "description": "Reading direction for keyboard navigation.",
          "default": "ltr"
        },
        {
          "name": "delayDuration",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Delay in milliseconds before opening content on hover."
        },
        {
          "name": "skipDelayDuration",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Time window to skip the opening delay when moving between triggers."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "CSS class names for the navigation menu root.",
          "default": ""
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Navigation menu composition content."
        }
      ],
      "children": [
        {
          "name": "NavigationMenuList",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "CSS class names for the list container.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Navigation menu items."
            }
          ]
        },
        {
          "name": "NavigationMenuItem",
          "props": [
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Navigation menu item content."
            }
          ]
        },
        {
          "name": "NavigationMenuTrigger",
          "props": [
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Disables the trigger.",
              "default": false
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "CSS class names for the trigger.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "name": "NavigationMenuContent",
          "props": [
            {
              "name": "forceMount",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Keeps the content mounted when closed.",
              "default": false
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "CSS class names for the content.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Navigation content."
            }
          ]
        },
        {
          "name": "NavigationMenuLink",
          "props": [
            {
              "name": "active",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Marks the link as active.",
              "default": false
            },
            {
              "name": "href",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Link destination."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "CSS class names for the link.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Link content."
            }
          ]
        }
      ]
    },
    "breadcrumb": {
      "name": "Breadcrumb",
      "type": "navigation",
      "description": "Displays the path to the current resource using a hierarchy of links",
      "dependencies": [
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Breadcrumb.tsx",
        "index.ts"
      ],
      "category": "navigation",
      "props": [
        {
          "name": "separator",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Declared prop on the component type, but the current implementation does not read or render it."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Breadcrumb composition content."
        }
      ],
      "children": [
        {
          "name": "BreadcrumbList",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the list."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Breadcrumb items."
            }
          ]
        },
        {
          "name": "BreadcrumbItem",
          "props": [
            {
              "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": "BreadcrumbLink",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Declared prop on the component type, but the current implementation always renders an anchor element."
            },
            {
              "name": "href",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Link destination."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the link."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Link content."
            }
          ]
        },
        {
          "name": "BreadcrumbPage",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the current page label."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Current page content."
            }
          ]
        },
        {
          "name": "BreadcrumbSeparator",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the separator."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Optional custom separator content."
            }
          ]
        },
        {
          "name": "BreadcrumbEllipsis",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the ellipsis."
            }
          ]
        }
      ]
    },
    "menubar": {
      "name": "Menubar",
      "type": "navigation",
      "description": "A visually persistent menu common in desktop applications",
      "dependencies": [
        "@radix-ui/react-menubar"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Menubar.tsx",
        "index.ts"
      ],
      "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": "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": "MenubarContent",
          "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": "start",
              "description": "Preferred alignment relative to the trigger."
            },
            {
              "name": "sideOffset",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "default": 0,
              "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 to first."
            },
            {
              "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": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the item."
            },
            {
              "name": "onSelect",
              "type": {
                "kind": "function",
                "signature": "(event: Event) => void"
              },
              "description": "Called when the item is selected."
            },
            {
              "name": "textValue",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Text value used for typeahead matching."
            },
            {
              "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."
            }
          ]
        }
      ]
    },
    "context-menu": {
      "name": "Context Menu",
      "type": "navigation",
      "description": "Displays a menu to the user triggered by right-click or long-press",
      "dependencies": [
        "@radix-ui/react-context-menu"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "ContextMenu.tsx",
        "index.ts"
      ],
      "category": "navigation",
      "props": [
        {
          "name": "modal",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether outside interaction is disabled while the context menu is open.",
          "default": true
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Context menu composition content."
        }
      ],
      "children": [
        {
          "name": "ContextMenuTrigger",
          "props": [
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Disables the trigger.",
              "default": false
            },
            {
              "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": "CSS 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": "CSS class names for the item.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Item content."
            }
          ]
        },
        {
          "name": "ContextMenuSeparator",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "CSS class names for the separator.",
              "default": ""
            }
          ]
        },
        {
          "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": "open",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Controlled open state for the submenu."
            },
            {
              "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 submenu open state changes."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Submenu composition 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."
            }
          ]
        }
      ]
    },
    "popover": {
      "name": "Popover",
      "type": "navigation",
      "description": "Displays rich content in a portal, triggered by a button",
      "dependencies": [
        "@radix-ui/react-popover"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Popover.tsx",
        "index.ts"
      ],
      "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": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Trigger content."
            }
          ]
        },
        {
          "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"
                  }
                ]
              },
              "default": "bottom",
              "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": "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": "collisionPadding",
              "type": {
                "kind": "custom",
                "name": "number | Partial<Record<Side, number>>"
              },
              "description": "Padding used for collision detection."
            },
            {
              "name": "sticky",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "partial"
                  },
                  {
                    "kind": "literal",
                    "value": "always"
                  }
                ]
              },
              "description": "Sticky behavior on the align axis."
            },
            {
              "name": "hideWhenDetached",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Hide content when the trigger becomes detached."
            },
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the content as a child element."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the popover content."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Popover content."
            }
          ]
        }
      ]
    },
    "tooltip": {
      "name": "Tooltip",
      "type": "navigation",
      "description": "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it",
      "dependencies": [
        "@radix-ui/react-tooltip"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Tooltip.tsx",
        "index.ts"
      ],
      "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": "avoidCollisions",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Whether to avoid collisions with viewport edges."
            },
            {
              "name": "collisionPadding",
              "type": {
                "kind": "custom",
                "name": "number | Partial<Record<Side, number>>"
              },
              "description": "Padding used for collision detection."
            },
            {
              "name": "sticky",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "partial"
                  },
                  {
                    "kind": "literal",
                    "value": "always"
                  }
                ]
              },
              "description": "Sticky behavior on the align axis."
            },
            {
              "name": "hideWhenDetached",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Hide content when the trigger becomes detached."
            },
            {
              "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."
            }
          ]
        }
      ]
    },
    "line-chart": {
      "name": "LineChart",
      "type": "chart",
      "description": "Display data as a responsive line chart with smooth curves and customizable styling",
      "dependencies": [
        "echarts-for-react",
        "echarts"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "LineChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "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 for fixed or responsive layouts.",
          "default": "100%"
        },
        {
          "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": "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
        }
      ]
    },
    "bar-chart": {
      "name": "BarChart",
      "type": "chart",
      "description": "Display data as vertical or horizontal bars with support for stacked and grouped layouts",
      "dependencies": [
        "echarts-for-react",
        "echarts"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "BarChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "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 for fixed or responsive layouts.",
          "default": "100%"
        },
        {
          "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": "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
        }
      ]
    },
    "pie-chart": {
      "name": "PieChart",
      "type": "chart",
      "description": "Display proportional data as a pie or donut chart with customizable labels and legend",
      "dependencies": [
        "echarts-for-react",
        "echarts"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "PieChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "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 for fixed or responsive layouts.",
          "default": "100%"
        },
        {
          "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": "className applied to the chart container.",
          "default": ""
        },
        {
          "name": "options",
          "type": {
            "kind": "custom",
            "name": "Record<string, any>"
          },
          "description": "Framework-specific advanced chart options.",
          "default": "{}"
        }
      ]
    },
    "donut-chart": {
      "name": "DonutChart",
      "type": "chart",
      "description": "Display proportional data as a donut chart with a hollow center",
      "dependencies": [
        "echarts-for-react",
        "echarts"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "DonutChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "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 for fixed or responsive layouts.",
          "default": "100%"
        },
        {
          "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": "className applied to the chart container.",
          "default": ""
        },
        {
          "name": "options",
          "type": {
            "kind": "custom",
            "name": "Record<string, any>"
          },
          "description": "Framework-specific advanced chart options.",
          "default": "{}"
        }
      ]
    },
    "area-chart": {
      "name": "AreaChart",
      "type": "chart",
      "description": "Visualize cumulative totals over time with filled areas and gradient support",
      "dependencies": [
        "echarts-for-react",
        "echarts"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "AreaChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "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 for fixed or responsive layouts.",
          "default": "100%"
        },
        {
          "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": "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
        }
      ]
    },
    "radar-chart": {
      "name": "RadarChart",
      "type": "chart",
      "description": "Display multi-dimensional data comparison on a radial grid",
      "dependencies": [
        "echarts-for-react",
        "echarts"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "RadarChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "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 for fixed or responsive layouts.",
          "default": "100%"
        },
        {
          "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": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "className applied to the chart container.",
          "default": ""
        },
        {
          "name": "options",
          "type": {
            "kind": "custom",
            "name": "Record<string, any>"
          },
          "description": "Framework-specific advanced chart options.",
          "default": "{}"
        }
      ]
    },
    "scatter-chart": {
      "name": "ScatterChart",
      "type": "chart",
      "description": "Display distribution and correlation analysis with scatter plots",
      "dependencies": [
        "echarts-for-react",
        "echarts"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "ScatterChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "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 for fixed or responsive layouts.",
          "default": "100%"
        },
        {
          "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": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "className applied to the chart container.",
          "default": ""
        },
        {
          "name": "options",
          "type": {
            "kind": "custom",
            "name": "Record<string, any>"
          },
          "description": "Framework-specific advanced chart options.",
          "default": "{}"
        }
      ]
    },
    "mixed-chart": {
      "name": "MixedChart",
      "type": "chart",
      "description": "Combine multiple chart types (line, bar, area) in a single visualization",
      "dependencies": [
        "echarts-for-react",
        "echarts"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "MixedChart.tsx",
        "types.ts",
        "utils.ts",
        "index.ts"
      ],
      "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 for fixed or responsive layouts.",
          "default": "100%"
        },
        {
          "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": "className applied to the chart container.",
          "default": ""
        },
        {
          "name": "options",
          "type": {
            "kind": "custom",
            "name": "Record<string, any>"
          },
          "description": "Framework-specific advanced chart options.",
          "default": "{}"
        }
      ]
    },
    "scroll-area": {
      "name": "Scroll Area",
      "type": "layout",
      "description": "Augments native scroll functionality for custom, cross-browser styling",
      "dependencies": [
        "@radix-ui/react-scroll-area"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "ScrollArea.tsx",
        "index.ts"
      ],
      "category": "layout",
      "props": [
        {
          "name": "type",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "hover"
              },
              {
                "kind": "literal",
                "value": "scroll"
              },
              {
                "kind": "literal",
                "value": "auto"
              },
              {
                "kind": "literal",
                "value": "always"
              }
            ]
          },
          "default": "hover",
          "description": "Scrollbar visibility behavior."
        },
        {
          "name": "dir",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "ltr"
              },
              {
                "kind": "literal",
                "value": "rtl"
              }
            ]
          },
          "description": "Reading direction."
        },
        {
          "name": "scrollHideDelay",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 600,
          "description": "Delay before hiding scrollbars when applicable."
        },
        {
          "name": "asChild",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Render the root as a child element."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the scroll area root."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Scrollable content."
        }
      ],
      "children": [
        {
          "name": "ScrollBar",
          "props": [
            {
              "name": "orientation",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "horizontal"
                  },
                  {
                    "kind": "literal",
                    "value": "vertical"
                  }
                ]
              },
              "default": "vertical",
              "description": "Scrollbar orientation."
            },
            {
              "name": "forceMount",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Force-mount the scrollbar."
            },
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the scrollbar as a child element."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the scrollbar."
            }
          ]
        }
      ]
    },
    "aspect-ratio": {
      "name": "Aspect Ratio",
      "type": "layout",
      "description": "Displays content within a desired aspect ratio",
      "dependencies": [
        "@radix-ui/react-aspect-ratio"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "AspectRatio.tsx",
        "index.ts"
      ],
      "category": "layout",
      "props": [
        {
          "name": "ratio",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 1,
          "description": "Desired aspect ratio, for example 16 / 9."
        },
        {
          "name": "asChild",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Render the component as a child element."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Content constrained by the ratio."
        }
      ]
    },
    "toggle": {
      "name": "Toggle",
      "type": "interactive",
      "description": "A two-state button that can be either on or off",
      "dependencies": [
        "@radix-ui/react-toggle",
        "class-variance-authority"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Toggle.tsx",
        "variants.ts",
        "index.ts"
      ],
      "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": "asChild",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Render the toggle as a child element."
        },
        {
          "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": "interactive",
      "description": "A set of two-state buttons that can be toggled on or off",
      "dependencies": [
        "@radix-ui/react-toggle-group",
        "class-variance-authority"
      ],
      "devDependencies": [],
      "registryDependencies": [
        "toggle"
      ],
      "files": [
        "ToggleGroup.tsx",
        "index.ts"
      ],
      "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."
            }
          ]
        }
      ]
    },
    "resizable": {
      "name": "Resizable",
      "type": "layout",
      "description": "Accessible resizable panel groups and layouts with keyboard support",
      "dependencies": [
        "react-resizable-panels"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Resizable.tsx",
        "index.ts"
      ],
      "category": "layout",
      "props": [],
      "children": [
        {
          "name": "ResizablePanelGroup",
          "props": [
            {
              "name": "direction",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "horizontal"
                  },
                  {
                    "kind": "literal",
                    "value": "vertical"
                  }
                ]
              },
              "description": "Panel group layout direction."
            },
            {
              "name": "autoSaveId",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Persist layout using local storage."
            },
            {
              "name": "keyboardResizeBy",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "description": "Resize step when using keyboard interaction."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the panel group."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Panels and handles."
            }
          ]
        },
        {
          "name": "ResizablePanel",
          "props": [
            {
              "name": "defaultSize",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "description": "Initial panel size percentage."
            },
            {
              "name": "minSize",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "description": "Minimum panel size percentage."
            },
            {
              "name": "maxSize",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "description": "Maximum panel size percentage."
            },
            {
              "name": "collapsible",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Whether the panel can collapse."
            },
            {
              "name": "collapsedSize",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "description": "Size percentage when collapsed."
            },
            {
              "name": "order",
              "type": {
                "kind": "primitive",
                "name": "number"
              },
              "description": "Panel ordering index."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the panel."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Panel content."
            }
          ]
        },
        {
          "name": "ResizableHandle",
          "props": [
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables resizing through the handle."
            },
            {
              "name": "withHandle",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Show the grip handle affordance."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the resize handle."
            }
          ]
        }
      ]
    },
    "empty": {
      "name": "Empty",
      "type": "feedback",
      "description": "Displays an empty state placeholder",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Empty.tsx",
        "index.ts"
      ],
      "category": "feedback",
      "props": [
        {
          "name": "description",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Empty state description content."
        },
        {
          "name": "image",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Custom icon or image content."
        },
        {
          "name": "imageAlt",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "Empty",
          "description": "Accessible label for the default illustration."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the container."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Optional action content rendered below the description."
        }
      ]
    },
    "skeleton": {
      "name": "Skeleton",
      "type": "feedback",
      "description": "Use to show a placeholder while content is loading",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Skeleton.tsx",
        "index.ts"
      ],
      "category": "feedback",
      "props": [
        {
          "name": "variant",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "default"
              },
              {
                "kind": "literal",
                "value": "circle"
              },
              {
                "kind": "literal",
                "value": "text"
              }
            ]
          },
          "default": "default",
          "description": "Skeleton shape variant."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the skeleton."
        }
      ]
    },
    "spinner": {
      "name": "Spinner",
      "type": "feedback",
      "description": "Animated loading spinner.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Spinner.tsx",
        "index.ts"
      ],
      "category": "feedback",
      "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": "CSS class names for the spinner."
        }
      ]
    },
    "badge": {
      "name": "Badge",
      "type": "feedback",
      "description": "Displays a badge or a component that looks like a badge",
      "dependencies": [
        "class-variance-authority"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Badge.tsx",
        "variants.ts",
        "index.ts"
      ],
      "category": "feedback",
      "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."
        }
      ]
    },
    "toast": {
      "name": "Toast",
      "type": "feedback",
      "description": "A succinct message that is displayed temporarily",
      "dependencies": [
        "sonner"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Toast.tsx",
        "index.ts"
      ],
      "category": "feedback",
      "props": [
        {
          "name": "theme",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "light"
              },
              {
                "kind": "literal",
                "value": "dark"
              },
              {
                "kind": "literal",
                "value": "system"
              }
            ]
          },
          "default": "light",
          "description": "Visual theme for the toaster."
        },
        {
          "name": "position",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "top-left"
              },
              {
                "kind": "literal",
                "value": "top-center"
              },
              {
                "kind": "literal",
                "value": "top-right"
              },
              {
                "kind": "literal",
                "value": "bottom-left"
              },
              {
                "kind": "literal",
                "value": "bottom-center"
              },
              {
                "kind": "literal",
                "value": "bottom-right"
              }
            ]
          },
          "description": "Screen position for toast notifications."
        },
        {
          "name": "expand",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether stacked toasts can expand to show full content."
        },
        {
          "name": "richColors",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Enable richer semantic color styling."
        },
        {
          "name": "closeButton",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Show a close button on each toast."
        },
        {
          "name": "duration",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Default duration in milliseconds."
        },
        {
          "name": "visibleToasts",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Maximum number of visible toasts."
        },
        {
          "name": "offset",
          "type": {
            "kind": "custom",
            "name": "string | number"
          },
          "description": "Offset from the viewport edge."
        },
        {
          "name": "dir",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "ltr"
              },
              {
                "kind": "literal",
                "value": "rtl"
              }
            ]
          },
          "default": "ltr",
          "description": "Reading direction."
        }
      ]
    },
    "kbd": {
      "name": "Kbd",
      "type": "data-display",
      "description": "Displays keyboard key combinations",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Kbd.tsx",
        "index.ts"
      ],
      "category": "data-display",
      "props": [
        {
          "name": "size",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "sm"
              },
              {
                "kind": "literal",
                "value": "default"
              },
              {
                "kind": "literal",
                "value": "lg"
              }
            ]
          },
          "default": "default",
          "description": "Size variant."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the kbd element."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Keyboard key label or shortcut content."
        }
      ]
    },
    "typography": {
      "name": "Typography",
      "type": "data-display",
      "description": "Text formatting and typography components",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Typography.tsx",
        "index.ts"
      ],
      "category": "data-display",
      "props": [
        {
          "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": "blockquote"
              },
              {
                "kind": "literal",
                "value": "code"
              },
              {
                "kind": "literal",
                "value": "lead"
              },
              {
                "kind": "literal",
                "value": "large"
              },
              {
                "kind": "literal",
                "value": "small"
              },
              {
                "kind": "literal",
                "value": "muted"
              }
            ]
          },
          "default": "p",
          "description": "Typography style variant."
        },
        {
          "name": "as",
          "type": {
            "kind": "custom",
            "name": "ElementType"
          },
          "description": "Override element type."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the rendered element."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Text or inline content."
        }
      ]
    },
    "pagination": {
      "name": "Pagination",
      "type": "navigation",
      "description": "Page navigation with previous, next, and page numbers",
      "dependencies": [
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Pagination.tsx",
        "index.ts"
      ],
      "category": "navigation",
      "props": [
        {
          "name": "currentPage",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 1,
          "description": "Current page number, 1-indexed."
        },
        {
          "name": "totalPages",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 1,
          "description": "Total number of pages."
        },
        {
          "name": "onPageChange",
          "type": {
            "kind": "function",
            "signature": "(page: number) => void"
          },
          "description": "Called when the page changes."
        },
        {
          "name": "siblingCount",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "default": 1,
          "description": "Number of sibling pages shown around the current page."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the pagination nav."
        }
      ]
    },
    "table": {
      "name": "Table",
      "type": "data-display",
      "description": "A responsive table component for displaying data",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Table.tsx",
        "index.ts"
      ],
      "category": "data-display",
      "props": [
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the table element."
        },
        {
          "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."
            }
          ]
        }
      ]
    },
    "calendar": {
      "name": "Calendar",
      "type": "form",
      "description": "A date picker calendar component",
      "dependencies": [
        "react-day-picker",
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Calendar.tsx",
        "index.ts"
      ],
      "category": "form",
      "props": [
        {
          "name": "mode",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "single"
              },
              {
                "kind": "literal",
                "value": "multiple"
              },
              {
                "kind": "literal",
                "value": "range"
              }
            ]
          },
          "description": "Selection mode for the calendar."
        },
        {
          "name": "selected",
          "type": {
            "kind": "custom",
            "name": "Date | Date[] | DateRange"
          },
          "description": "Controlled selected date value."
        },
        {
          "name": "onSelect",
          "type": {
            "kind": "function",
            "signature": "(value: Date | Date[] | DateRange | undefined) => void"
          },
          "description": "Called when the selected date changes."
        },
        {
          "name": "month",
          "type": {
            "kind": "custom",
            "name": "Date"
          },
          "description": "Controlled visible month."
        },
        {
          "name": "defaultMonth",
          "type": {
            "kind": "custom",
            "name": "Date"
          },
          "description": "Initial month to display."
        },
        {
          "name": "onMonthChange",
          "type": {
            "kind": "function",
            "signature": "(month: Date) => void"
          },
          "description": "Called when the visible month changes."
        },
        {
          "name": "numberOfMonths",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Number of months to display."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "custom",
            "name": "Matcher | Matcher[]"
          },
          "description": "Dates that cannot be selected."
        },
        {
          "name": "fromDate",
          "type": {
            "kind": "custom",
            "name": "Date"
          },
          "description": "Earliest month or date available for navigation/selection."
        },
        {
          "name": "toDate",
          "type": {
            "kind": "custom",
            "name": "Date"
          },
          "description": "Latest month or date available for navigation/selection."
        },
        {
          "name": "showOutsideDays",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": true,
          "description": "Show days outside the current month."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the calendar root."
        },
        {
          "name": "classNames",
          "type": {
            "kind": "custom",
            "name": "Partial<ClassNames>"
          },
          "description": "Overrides for DayPicker internal class names."
        }
      ]
    },
    "calendar-range": {
      "name": "Calendar Range",
      "type": "form",
      "description": "A date range picker calendar component",
      "dependencies": [
        "react-day-picker",
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "CalendarRange.tsx",
        "index.ts"
      ],
      "category": "form",
      "props": [
        {
          "name": "selected",
          "type": {
            "kind": "custom",
            "name": "DateRange"
          },
          "description": "Controlled selected date range."
        },
        {
          "name": "onSelect",
          "type": {
            "kind": "function",
            "signature": "(range: DateRange | undefined) => void"
          },
          "description": "Called when the selected range changes."
        },
        {
          "name": "showOutsideDays",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether to render days outside the current month.",
          "default": true
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "CSS class names for the calendar root.",
          "default": ""
        },
        {
          "name": "classNames",
          "type": {
            "kind": "custom",
            "name": "Partial<ClassNames>"
          },
          "description": "Custom class names passed to react-day-picker."
        },
        {
          "name": "numberOfMonths",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Number of months to display at once."
        },
        {
          "name": "defaultMonth",
          "type": {
            "kind": "custom",
            "name": "Date"
          },
          "description": "Initial month to display."
        },
        {
          "name": "month",
          "type": {
            "kind": "custom",
            "name": "Date"
          },
          "description": "Controlled visible month."
        },
        {
          "name": "onMonthChange",
          "type": {
            "kind": "function",
            "signature": "(month: Date) => void"
          },
          "description": "Called when the visible month changes."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "custom",
            "name": "Matcher | Matcher[]"
          },
          "description": "Dates that cannot be selected."
        },
        {
          "name": "fromDate",
          "type": {
            "kind": "custom",
            "name": "Date"
          },
          "description": "Earliest selectable date."
        },
        {
          "name": "toDate",
          "type": {
            "kind": "custom",
            "name": "Date"
          },
          "description": "Latest selectable date."
        },
        {
          "name": "initialFocus",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether focus should move into the calendar when opened.",
          "default": false
        }
      ]
    },
    "date-picker": {
      "name": "Date Picker",
      "type": "form",
      "description": "A date picker component with popover and calendar",
      "dependencies": [
        "date-fns"
      ],
      "devDependencies": [],
      "registryDependencies": [
        "calendar",
        "popover",
        "button"
      ],
      "files": [
        "DatePicker.tsx",
        "index.ts"
      ],
      "category": "form",
      "props": [
        {
          "name": "date",
          "type": {
            "kind": "custom",
            "name": "Date"
          },
          "description": "Selected date."
        },
        {
          "name": "onDateChange",
          "type": {
            "kind": "function",
            "signature": "(date: Date | undefined) => void"
          },
          "description": "Called when the selected date changes."
        },
        {
          "name": "placeholder",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "Pick a date",
          "description": "Placeholder text shown when no date is selected."
        },
        {
          "name": "dateFormat",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "PPP",
          "description": "Date formatting pattern passed to date-fns format()."
        },
        {
          "name": "align",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "start"
              },
              {
                "kind": "literal",
                "value": "center"
              },
              {
                "kind": "literal",
                "value": "end"
              }
            ]
          },
          "default": "start",
          "description": "Popover alignment relative to the trigger."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the trigger button."
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": false,
          "description": "Disables the trigger button."
        }
      ]
    },
    "date-range-picker": {
      "name": "Date Range Picker",
      "type": "form",
      "description": "A date range picker component with popover and calendar range",
      "dependencies": [
        "date-fns"
      ],
      "devDependencies": [],
      "registryDependencies": [
        "calendar-range",
        "popover",
        "button"
      ],
      "files": [
        "DateRangePicker.tsx",
        "index.ts"
      ],
      "category": "form",
      "props": [
        {
          "name": "dateRange",
          "type": {
            "kind": "custom",
            "name": "DateRange"
          },
          "description": "Controlled selected date range."
        },
        {
          "name": "onDateRangeChange",
          "type": {
            "kind": "function",
            "signature": "(range: DateRange | undefined) => void"
          },
          "description": "Called when the selected range changes."
        },
        {
          "name": "placeholder",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Placeholder text shown when no range is selected.",
          "default": "Pick a date range"
        },
        {
          "name": "dateFormat",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Date format string used to render the selected range.",
          "default": "LLL dd, y"
        },
        {
          "name": "align",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "start"
              },
              {
                "kind": "literal",
                "value": "center"
              },
              {
                "kind": "literal",
                "value": "end"
              }
            ]
          },
          "description": "Alignment of the popover content relative to the trigger.",
          "default": "start"
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "CSS class names for the trigger button.",
          "default": ""
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Disables the trigger button.",
          "default": false
        },
        {
          "name": "numberOfMonths",
          "type": {
            "kind": "primitive",
            "name": "number"
          },
          "description": "Number of months displayed in the range calendar.",
          "default": 2
        }
      ]
    },
    "time-picker": {
      "name": "Time Picker",
      "type": "form",
      "description": "A time picker component with popover and select inputs for hours and minutes",
      "dependencies": [
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [
        "popover",
        "button",
        "select"
      ],
      "files": [
        "TimePicker.tsx",
        "index.ts"
      ],
      "category": "form",
      "props": [
        {
          "name": "time",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Controlled time value in `HH:mm` or `hh:mm AM/PM` format."
        },
        {
          "name": "onTimeChange",
          "type": {
            "kind": "function",
            "signature": "(time: string | undefined) => void"
          },
          "description": "Called when the time value changes."
        },
        {
          "name": "placeholder",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Placeholder text shown when no time is selected.",
          "default": "Pick a time"
        },
        {
          "name": "format",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "12h"
              },
              {
                "kind": "literal",
                "value": "24h"
              }
            ]
          },
          "description": "Time display and parsing format.",
          "default": "24h"
        },
        {
          "name": "align",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "start"
              },
              {
                "kind": "literal",
                "value": "center"
              },
              {
                "kind": "literal",
                "value": "end"
              }
            ]
          },
          "description": "Alignment of the popover content relative to the trigger.",
          "default": "start"
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "className applied to the trigger button.",
          "default": ""
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Disables the trigger button and time selection.",
          "default": false
        }
      ]
    },
    "date-time-picker": {
      "name": "Date Time Picker",
      "type": "form",
      "description": "A combined date and time picker component",
      "dependencies": [
        "date-fns"
      ],
      "devDependencies": [],
      "registryDependencies": [
        "date-picker",
        "time-picker"
      ],
      "files": [
        "DateTimePicker.tsx",
        "index.ts"
      ],
      "category": "form",
      "props": [
        {
          "name": "dateTime",
          "type": {
            "kind": "custom",
            "name": "Date"
          },
          "description": "Controlled combined date and time value."
        },
        {
          "name": "onDateTimeChange",
          "type": {
            "kind": "function",
            "signature": "(dateTime: Date | undefined) => void"
          },
          "description": "Called when the combined date and time changes."
        },
        {
          "name": "datePlaceholder",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Placeholder text for the date picker.",
          "default": "Pick a date"
        },
        {
          "name": "timePlaceholder",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Placeholder text for the time picker.",
          "default": "Pick a time"
        },
        {
          "name": "timeFormat",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "12h"
              },
              {
                "kind": "literal",
                "value": "24h"
              }
            ]
          },
          "description": "Time input format.",
          "default": "24h"
        },
        {
          "name": "dateFormat",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Date format string used by the date picker.",
          "default": "PPP"
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "CSS class names for the wrapper.",
          "default": ""
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Disables both the date and time pickers.",
          "default": false
        }
      ]
    },
    "command": {
      "name": "Command",
      "type": "navigation",
      "description": "Command palette for keyboard-first navigation and search",
      "dependencies": [
        "cmdk",
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [
        "dialog"
      ],
      "files": [
        "Command.tsx",
        "index.ts"
      ],
      "category": "navigation",
      "props": [
        {
          "name": "value",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Controlled search value."
        },
        {
          "name": "onValueChange",
          "type": {
            "kind": "function",
            "signature": "(value: string) => void"
          },
          "description": "Called when the search value changes."
        },
        {
          "name": "label",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Accessible label for the command menu."
        },
        {
          "name": "loop",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether keyboard navigation loops through items.",
          "default": false
        },
        {
          "name": "shouldFilter",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Whether automatic filtering is enabled.",
          "default": true
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "CSS class names for the command root.",
          "default": ""
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Command composition content."
        }
      ],
      "children": [
        {
          "name": "CommandDialog",
          "props": [
            {
              "name": "open",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Controlled open state for the dialog."
            },
            {
              "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 dialog open state changes."
            },
            {
              "name": "modal",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Whether the dialog is modal.",
              "default": true
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Command dialog content."
            }
          ]
        },
        {
          "name": "CommandInput",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Controlled input value."
            },
            {
              "name": "onValueChange",
              "type": {
                "kind": "function",
                "signature": "(value: string) => void"
              },
              "description": "Called when the input value changes."
            },
            {
              "name": "placeholder",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Placeholder text for the search input."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Disables the input.",
              "default": false
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "CSS class names for the input.",
              "default": ""
            }
          ]
        },
        {
          "name": "CommandList",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "CSS class names for the list container.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Command items and groups."
            }
          ]
        },
        {
          "name": "CommandEmpty",
          "props": [
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Content shown when no results match."
            }
          ]
        },
        {
          "name": "CommandGroup",
          "props": [
            {
              "name": "heading",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Optional group heading."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "CSS class names for the group.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Grouped command items."
            }
          ]
        },
        {
          "name": "CommandItem",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Unique item value used for filtering."
            },
            {
              "name": "keywords",
              "type": {
                "kind": "custom",
                "name": "string[]"
              },
              "description": "Additional keywords used during filtering."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Disables the item.",
              "default": false
            },
            {
              "name": "onSelect",
              "type": {
                "kind": "function",
                "signature": "(value: string) => void"
              },
              "description": "Called when the item is selected."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "CSS class names for the item.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Item content."
            }
          ]
        },
        {
          "name": "CommandShortcut",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "CSS class names for the shortcut text.",
              "default": ""
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Shortcut content."
            }
          ]
        },
        {
          "name": "CommandSeparator",
          "props": [
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "CSS class names for the separator.",
              "default": ""
            }
          ]
        }
      ]
    },
    "sheet": {
      "name": "Sheet",
      "type": "layout",
      "description": "Slide-over panel that slides in from the edge of the screen",
      "dependencies": [
        "@radix-ui/react-dialog",
        "class-variance-authority",
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Sheet.tsx",
        "index.ts"
      ],
      "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": "modal",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": true,
          "description": "Whether interaction outside the sheet is disabled while open."
        },
        {
          "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": "right",
              "description": "Side from which the sheet enters."
            },
            {
              "name": "forceMount",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "description": "Force-mount the content even when closed."
            },
            {
              "name": "onOpenAutoFocus",
              "type": {
                "kind": "function",
                "signature": "(event: Event) => void"
              },
              "description": "Called when focus moves into the sheet after opening."
            },
            {
              "name": "onCloseAutoFocus",
              "type": {
                "kind": "function",
                "signature": "(event: Event) => void"
              },
              "description": "Called when focus returns after closing."
            },
            {
              "name": "onEscapeKeyDown",
              "type": {
                "kind": "function",
                "signature": "(event: KeyboardEvent) => void"
              },
              "description": "Called when Escape is pressed."
            },
            {
              "name": "onPointerDownOutside",
              "type": {
                "kind": "function",
                "signature": "(event: PointerDownOutsideEvent) => void"
              },
              "description": "Called when pointer interaction happens outside the sheet."
            },
            {
              "name": "onInteractOutside",
              "type": {
                "kind": "function",
                "signature": "(event: FocusOutsideEvent | PointerDownOutsideEvent) => void"
              },
              "description": "Called when focus or pointer interaction happens outside the sheet."
            },
            {
              "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": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the title as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Accessible sheet title."
            }
          ]
        },
        {
          "name": "SheetDescription",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the description as a child element."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Accessible sheet description."
            }
          ]
        }
      ]
    },
    "toolbar": {
      "name": "Toolbar",
      "type": "layout",
      "description": "A container for grouping a set of controls",
      "dependencies": [
        "@radix-ui/react-toolbar"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "Toolbar.tsx",
        "index.ts"
      ],
      "category": "layout",
      "props": [
        {
          "name": "orientation",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "horizontal"
              },
              {
                "kind": "literal",
                "value": "vertical"
              }
            ]
          },
          "default": "horizontal",
          "description": "Toolbar orientation."
        },
        {
          "name": "dir",
          "type": {
            "kind": "union",
            "values": [
              {
                "kind": "literal",
                "value": "ltr"
              },
              {
                "kind": "literal",
                "value": "rtl"
              }
            ]
          },
          "default": "ltr",
          "description": "Reading direction for roving focus."
        },
        {
          "name": "loop",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "default": true,
          "description": "Loop keyboard focus from last item to first."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "default": "",
          "description": "CSS class names for the toolbar root."
        },
        {
          "name": "children",
          "type": {
            "kind": "custom",
            "name": "ReactNode"
          },
          "description": "Toolbar content."
        }
      ],
      "children": [
        {
          "name": "ToolbarButton",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the button as a child element."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the button."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the button."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Button content."
            }
          ]
        },
        {
          "name": "ToolbarSeparator",
          "props": [
            {
              "name": "orientation",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "horizontal"
                  },
                  {
                    "kind": "literal",
                    "value": "vertical"
                  }
                ]
              },
              "default": "vertical",
              "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."
            }
          ]
        },
        {
          "name": "ToolbarLink",
          "props": [
            {
              "name": "asChild",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Render the link as a child element."
            },
            {
              "name": "href",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Link destination."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the link."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Link content."
            }
          ]
        },
        {
          "name": "ToolbarToggleGroup",
          "props": [
            {
              "name": "type",
              "type": {
                "kind": "union",
                "values": [
                  {
                    "kind": "literal",
                    "value": "single"
                  },
                  {
                    "kind": "literal",
                    "value": "multiple"
                  }
                ]
              },
              "default": "single",
              "description": "Selection behavior for the toggle 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": "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": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the group."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the toggle group."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Toggle items."
            }
          ]
        },
        {
          "name": "ToolbarToggleItem",
          "props": [
            {
              "name": "value",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "description": "Unique item value."
            },
            {
              "name": "disabled",
              "type": {
                "kind": "primitive",
                "name": "boolean"
              },
              "default": false,
              "description": "Disables the toggle item."
            },
            {
              "name": "className",
              "type": {
                "kind": "primitive",
                "name": "string"
              },
              "default": "",
              "description": "CSS class names for the toggle item."
            },
            {
              "name": "children",
              "type": {
                "kind": "custom",
                "name": "ReactNode"
              },
              "description": "Toggle item content."
            }
          ]
        }
      ]
    },
    "tags-input": {
      "name": "Tags Input",
      "type": "form",
      "description": "Input field for entering multiple tags or values",
      "dependencies": [
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        "TagsInput.tsx",
        "index.ts"
      ],
      "category": "form",
      "props": [
        {
          "name": "value",
          "type": {
            "kind": "custom",
            "name": "string[]"
          },
          "description": "Current tag values.",
          "default": "[]"
        },
        {
          "name": "onChange",
          "type": {
            "kind": "function",
            "signature": "(tags: string[]) => void"
          },
          "description": "Called when the tag list changes."
        },
        {
          "name": "onTagAdd",
          "type": {
            "kind": "function",
            "signature": "(tag: string) => void"
          },
          "description": "Called when a tag is added."
        },
        {
          "name": "onTagRemove",
          "type": {
            "kind": "function",
            "signature": "(tag: string) => void"
          },
          "description": "Called when a tag is removed."
        },
        {
          "name": "placeholder",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "Placeholder text for the input.",
          "default": "Add tag..."
        },
        {
          "name": "className",
          "type": {
            "kind": "primitive",
            "name": "string"
          },
          "description": "className applied to the tags container.",
          "default": ""
        },
        {
          "name": "disabled",
          "type": {
            "kind": "primitive",
            "name": "boolean"
          },
          "description": "Disables tag entry and removal.",
          "default": false
        }
      ]
    }
  },
  "groups": {
    "form": {
      "name": "Form Components",
      "components": [
        "button",
        "input",
        "label",
        "select",
        "checkbox",
        "radio-group",
        "switch",
        "slider",
        "textarea",
        "form",
        "calendar",
        "calendar-range",
        "date-picker",
        "date-range-picker",
        "time-picker",
        "date-time-picker",
        "tags-input"
      ]
    },
    "layout": {
      "name": "Layout Components",
      "components": [
        "card",
        "separator",
        "accordion",
        "tabs",
        "dialog",
        "collapsible",
        "scroll-area",
        "aspect-ratio",
        "resizable",
        "sheet",
        "toolbar"
      ]
    },
    "interactive": {
      "name": "Interactive Components",
      "components": [
        "toggle",
        "toggle-group"
      ]
    },
    "feedback": {
      "name": "Feedback Components",
      "components": [
        "alert-dialog",
        "alert",
        "progress",
        "empty",
        "skeleton",
        "badge",
        "toast"
      ]
    },
    "data-display": {
      "name": "Data Display Components",
      "components": [
        "avatar",
        "hover-card",
        "kbd",
        "typography",
        "table"
      ]
    },
    "navigation": {
      "name": "Navigation Components",
      "components": [
        "dropdown-menu",
        "navigation-menu",
        "breadcrumb",
        "menubar",
        "context-menu",
        "popover",
        "tooltip",
        "pagination",
        "command"
      ]
    },
    "charts": {
      "name": "Chart Components",
      "components": [
        "line-chart",
        "bar-chart",
        "pie-chart",
        "donut-chart",
        "area-chart",
        "radar-chart",
        "scatter-chart",
        "mixed-chart"
      ]
    }
  }
}