react-component-converter/button.ir.json at main · rburnham52/react-component-converter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
{
  "component": {
    "@type": "@builder.io/mitosis/component",
    "name": "Button",
    "imports": [],
    "exports": {},
    "inputs": [],
    "meta": {
      "shadcn": {
        "cva": {
          "name": "buttonVariants",
          "baseClasses": "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
          "variants": {
            "variant": {
              "default": "bg-primary text-primary-foreground hover:bg-primary/90",
              "destructive": "bg-destructive text-destructive-foreground hover:bg-destructive/90",
              "outline": "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
              "secondary": "bg-secondary text-secondary-foreground hover:bg-secondary/80",
              "ghost": "hover:bg-accent hover:text-accent-foreground",
              "link": "text-primary underline-offset-4 hover:underline"
            },
            "size": {
              "default": "h-10 px-4 py-2",
              "sm": "h-9 rounded-md px-3",
              "lg": "h-11 rounded-md px-8",
              "icon": "h-10 w-10"
            }
          },
          "defaultVariants": {
            "variant": "default",
            "size": "default"
          }
        },
        "forwardRef": {
          "elementType": "HTMLButtonElement",
          "paramName": "ref"
        },
        "usesCn": true,
        "originalImports": [
          {
            "source": "react",
            "defaultImport": "* as React",
            "category": "react"
          },
          {
            "source": "class-variance-authority",
            "namedImports": [
              "cva",
              "VariantProps"
            ],
            "category": "utility"
          },
          {
            "source": "@/lib/utils",
            "namedImports": [
              "cn"
            ],
            "category": "utility"
          }
        ]
      }
    },
    "state": {},
    "props": {
      "asChild": {
        "propertyType": "normal",
        "optional": true
      },
      "variant": {
        "propertyType": "normal",
        "optional": true
      },
      "size": {
        "propertyType": "normal",
        "optional": true
      }
    },
    "refs": {},
    "hooks": {
      "onMount": [],
      "onEvent": []
    },
    "children": [],
    "context": {
      "get": {},
      "set": {}
    },
    "subComponents": []
  },
  "props": [
    {
      "name": "asChild",
      "type": "boolean",
      "optional": true,
      "isVariant": false
    },
    {
      "name": "variant",
      "type": "\"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\"",
      "optional": true,
      "isVariant": true,
      "defaultValue": "default",
      "allowedValues": [
        "default",
        "destructive",
        "outline",
        "secondary",
        "ghost",
        "link"
      ]
    },
    {
      "name": "size",
      "type": "\"default\" | \"sm\" | \"lg\" | \"icon\"",
      "optional": true,
      "isVariant": true,
      "defaultValue": "default",
      "allowedValues": [
        "default",
        "sm",
        "lg",
        "icon"
      ]
    }
  ]
}