@refineui/react 0.3.0 → 0.4.1

package/dist/spec/authoring/manifest.json

@@ -1,7 +1,7 @@
 {
   "schema": "refineui.authoring/1",
   "packageName": "@refineui/react",
-  "packageVersion": "0.3.0",
+  "packageVersion": "0.4.1",
   "css": [
     "@refineui/react/refineui.css"
   ],
@@ -195,34 +195,24 @@
       ]
     },
     {
-      "id": "input-otp",
+      "id": "date-input",
       "exportPath": "@refineui/react",
-      "exportName": "InputOTP",
+      "exportName": "DateInput",
       "kind": "root",
       "category": "components",
-      "label": "Input OTP",
+      "label": "Date Input",
       "props": [
         {
-          "name": "size",
-          "label": "size",
+          "name": "mode",
+          "label": "mode",
           "valueType": "enum",
           "control": "segmented",
           "options": [
-            "sm",
-            "md",
-            "lg"
+            "single",
+            "range"
           ],
-          "defaultValue": "sm",
+          "defaultValue": "single",
           "section": "variants"
-        },
-        {
-          "name": "maxLength",
-          "label": "max Length",
-          "valueType": "number",
-          "control": "number",
-          "defaultValue": 4,
-          "required": true,
-          "section": "properties"
         }
       ],
       "preview": {
@@ -231,48 +221,27 @@
       "slots": [
         {
           "name": "children",
-          "accepts": [
-            "InputOTPSlot"
-          ],
+          "accepts": [],
           "repeatable": true,
-          "min": 1
+          "allowText": true,
+          "allowAnyComponent": true,
+          "defaultChildren": []
         }
       ],
       "presets": [
         {
-          "id": "code",
-          "label": "Verification code",
+          "id": "default",
+          "label": "Default",
           "root": {
-            "component": "InputOTP",
-            "props": {
-              "maxLength": 4,
-              "aria-label": "Verification code"
-            },
+            "component": "DateInput",
             "slots": {
               "children": [
                 {
-                  "component": "InputOTPSlot",
-                  "props": {
-                    "index": 0
-                  }
-                },
-                {
-                  "component": "InputOTPSlot",
-                  "props": {
-                    "index": 1
-                  }
-                },
-                {
-                  "component": "InputOTPSlot",
-                  "props": {
-                    "index": 2
-                  }
-                },
-                {
-                  "component": "InputOTPSlot",
+                  "component": "Text",
                   "props": {
-                    "index": 3
-                  }
+                    "variant": "bodyMd"
+                  },
+                  "text": "Date Input"
                 }
               ]
             }
@@ -287,66 +256,51 @@
       ]
     },
     {
-      "id": "input-otpslot",
+      "id": "time-input",
       "exportPath": "@refineui/react",
-      "exportName": "InputOTPSlot",
-      "kind": "part",
-      "category": "parts",
-      "label": "Input OTPSlot",
-      "props": [
-        {
-          "name": "index",
-          "label": "index",
-          "valueType": "number",
-          "control": "number",
-          "required": true,
-          "section": "properties"
-        }
-      ],
+      "exportName": "TimeInput",
+      "kind": "root",
+      "category": "utilities",
+      "label": "Time Input",
+      "props": [],
       "preview": {
         "mode": "full"
       },
-      "parents": [
+      "slots": [
         {
-          "component": "InputOTP",
-          "slot": "children"
+          "name": "children",
+          "accepts": [],
+          "repeatable": true,
+          "allowText": false,
+          "allowAnyComponent": true,
+          "defaultChildren": []
+        }
+      ],
+      "presets": [
+        {
+          "id": "default",
+          "label": "Default",
+          "root": {
+            "component": "TimeInput",
+            "slots": {}
+          }
+        }
+      ],
+      "events": [
+        {
+          "name": "click",
+          "payload": "void"
         }
       ]
     },
     {
-      "id": "search-field",
+      "id": "code-block",
       "exportPath": "@refineui/react",
-      "exportName": "SearchField",
+      "exportName": "CodeBlock",
       "kind": "root",
       "category": "components",
-      "label": "Search Field",
-      "props": [
-        {
-          "name": "appearance",
-          "label": "appearance",
-          "valueType": "enum",
-          "control": "segmented",
-          "options": [
-            "filled",
-            "plain"
-          ],
-          "defaultValue": "filled",
-          "section": "variants"
-        },
-        {
-          "name": "size",
-          "label": "size",
-          "valueType": "enum",
-          "control": "segmented",
-          "options": [
-            "sm",
-            "md",
-            "lg"
-          ],
-          "defaultValue": "sm",
-          "section": "variants"
-        }
-      ],
+      "label": "Code Block",
+      "props": [],
       "preview": {
         "mode": "full"
       },
@@ -354,272 +308,288 @@
         {
           "name": "children",
           "accepts": [
-            "SearchFieldIcon",
-            "SearchFieldInput",
-            "SearchFieldClear"
+            "CodeBlockHeader",
+            "CodeBlockContent"
           ],
           "repeatable": true
         }
       ],
       "presets": [
         {
-          "id": "search",
-          "label": "Search field",
+          "id": "typescript",
+          "label": "TypeScript",
           "root": {
-            "component": "SearchField",
-            "props": {
-              "aria-label": "Search"
-            },
+            "component": "CodeBlock",
             "slots": {
               "children": [
                 {
-                  "component": "SearchFieldIcon"
+                  "component": "CodeBlockHeader",
+                  "slots": {
+                    "children": [
+                      {
+                        "component": "CodeBlockTitle",
+                        "text": "app/api/chat/route.ts"
+                      },
+                      {
+                        "component": "CodeBlockActions",
+                        "slots": {
+                          "children": [
+                            {
+                              "component": "CodeBlockCopyButton",
+                              "props": {
+                                "value": "export async function POST() {\n  return Response.json({ ok: true });\n}"
+                              }
+                            }
+                          ]
+                        }
+                      }
+                    ]
+                  }
                 },
                 {
-                  "component": "SearchFieldInput",
+                  "component": "CodeBlockContent",
                   "props": {
-                    "placeholder": "Search"
+                    "lineNumbers": true
+                  },
+                  "slots": {
+                    "children": [
+                      {
+                        "component": "CodeBlockLine",
+                        "text": "export async function POST() {"
+                      },
+                      {
+                        "component": "CodeBlockLine",
+                        "props": {
+                          "variant": "highlighted"
+                        },
+                        "text": "  return Response.json({ ok: true });"
+                      },
+                      {
+                        "component": "CodeBlockLine",
+                        "text": "}"
+                      }
+                    ]
                   }
-                },
-                {
-                  "component": "SearchFieldClear"
                 }
               ]
             }
           }
         }
       ],
-      "stateBindings": [
-        {
-          "name": "value",
-          "valueProp": "value",
-          "defaultValueProp": "defaultValue",
-          "changeEvent": "onValueChange",
-          "valueType": "string"
-        }
-      ],
       "events": [
         {
           "name": "click",
           "payload": "void"
-        },
-        {
-          "name": "onValueChange",
-          "payload": "string"
         }
       ]
     },
     {
-      "id": "search-field-clear",
+      "id": "code-block-actions",
       "exportPath": "@refineui/react",
-      "exportName": "SearchFieldClear",
+      "exportName": "CodeBlockActions",
       "kind": "part",
       "category": "parts",
-      "label": "Search Field Clear",
+      "label": "Code Block Actions",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SearchField",
+          "component": "CodeBlockHeader",
           "slot": "children"
         }
+      ],
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [
+            "CodeBlockCopyButton",
+            "Button"
+          ],
+          "repeatable": true
+        }
       ]
     },
     {
-      "id": "search-field-icon",
+      "id": "code-block-content",
       "exportPath": "@refineui/react",
-      "exportName": "SearchFieldIcon",
+      "exportName": "CodeBlockContent",
       "kind": "part",
       "category": "parts",
-      "label": "Search Field Icon",
-      "props": [],
+      "label": "Code Block Content",
+      "props": [
+        {
+          "name": "wrap",
+          "valueType": "boolean",
+          "control": "toggle",
+          "defaultValue": false,
+          "section": "properties",
+          "label": "wrap"
+        },
+        {
+          "name": "lineNumbers",
+          "valueType": "boolean",
+          "control": "toggle",
+          "defaultValue": false,
+          "section": "properties",
+          "label": "line Numbers"
+        }
+      ],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SearchField",
+          "component": "CodeBlock",
           "slot": "children"
         }
+      ],
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [
+            "CodeBlockLine"
+          ],
+          "repeatable": true,
+          "min": 1
+        }
       ]
     },
     {
-      "id": "search-field-input",
+      "id": "code-block-copy-button",
       "exportPath": "@refineui/react",
-      "exportName": "SearchFieldInput",
+      "exportName": "CodeBlockCopyButton",
       "kind": "part",
       "category": "parts",
-      "label": "Search Field Input",
-      "props": [],
+      "label": "Code Block Copy Button",
+      "props": [
+        {
+          "name": "value",
+          "label": "value",
+          "valueType": "string",
+          "control": "textarea",
+          "defaultValue": "",
+          "required": true,
+          "section": "properties"
+        }
+      ],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SearchField",
+          "component": "CodeBlockActions",
           "slot": "children"
         }
       ]
     },
     {
-      "id": "text",
+      "id": "code-block-header",
       "exportPath": "@refineui/react",
-      "exportName": "Text",
-      "kind": "root",
-      "category": "components",
-      "label": "Text",
-      "props": [
+      "exportName": "CodeBlockHeader",
+      "kind": "part",
+      "category": "parts",
+      "label": "Code Block Header",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
         {
-          "name": "variant",
-          "label": "Text style",
-          "valueType": "enum",
-          "control": "select",
-          "options": [
-            "displayLg",
-            "displayMd",
-            "displaySm",
-            "headingLg",
-            "headingMd",
-            "headingSm",
-            "titleLg",
-            "titleMd",
-            "titleSm",
-            "subtitleLg",
-            "subtitleMd",
-            "bodyLg",
-            "bodyMd",
-            "bodySm",
-            "bodyXs",
-            "labelLg",
-            "labelMd",
-            "labelSm",
-            "captionLg",
-            "captionMd",
-            "captionSm"
-          ],
-          "defaultValue": "bodyMd",
-          "required": true,
-          "section": "variants"
+          "component": "CodeBlock",
+          "slot": "children"
         }
       ],
-      "preview": {
-        "mode": "full"
-      },
       "slots": [
         {
           "name": "children",
-          "accepts": [],
-          "repeatable": true,
-          "allowText": true,
-          "allowAnyComponent": true,
-          "defaultChildren": []
+          "accepts": [
+            "CodeBlockTitle",
+            "CodeBlockActions"
+          ],
+          "repeatable": true
         }
-      ],
-      "presets": [
+      ]
+    },
+    {
+      "id": "code-block-line",
+      "exportPath": "@refineui/react",
+      "exportName": "CodeBlockLine",
+      "kind": "part",
+      "category": "parts",
+      "label": "Code Block Line",
+      "props": [
         {
-          "id": "default",
-          "label": "Default",
-          "root": {
-            "component": "Text",
-            "props": {
-              "variant": "bodyMd"
-            },
-            "slots": {
-              "children": [
-                {
-                  "component": "Text",
-                  "props": {
-                    "variant": "bodyMd"
-                  },
-                  "text": "Text"
-                }
-              ]
-            }
-          }
+          "name": "variant",
+          "valueType": "enum",
+          "control": "segmented",
+          "options": [
+            "default",
+            "highlighted"
+          ],
+          "defaultValue": "default",
+          "section": "variants",
+          "label": "variant"
         }
       ],
-      "events": [
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
         {
-          "name": "click",
-          "payload": "void"
+          "component": "CodeBlockContent",
+          "slot": "children"
         }
       ]
     },
     {
-      "id": "textarea",
+      "id": "code-block-title",
       "exportPath": "@refineui/react",
-      "exportName": "Textarea",
-      "kind": "root",
-      "category": "components",
-      "label": "Textarea",
+      "exportName": "CodeBlockTitle",
+      "kind": "part",
+      "category": "parts",
+      "label": "Code Block Title",
       "props": [],
       "preview": {
         "mode": "full"
       },
-      "slots": [
-        {
-          "name": "children",
-          "accepts": [],
-          "repeatable": true,
-          "allowText": false,
-          "allowAnyComponent": true,
-          "defaultChildren": []
-        }
-      ],
-      "presets": [
-        {
-          "id": "default",
-          "label": "Default",
-          "root": {
-            "component": "Textarea",
-            "slots": {}
-          }
-        }
-      ],
-      "events": [
+      "parents": [
         {
-          "name": "click",
-          "payload": "void"
+          "component": "CodeBlockHeader",
+          "slot": "children"
         }
       ]
     },
     {
-      "id": "badge",
+      "id": "input-otp",
       "exportPath": "@refineui/react",
-      "exportName": "Badge",
+      "exportName": "InputOTP",
       "kind": "root",
       "category": "components",
-      "label": "Badge",
+      "label": "Input OTP",
       "props": [
         {
-          "name": "variant",
-          "label": "variant",
+          "name": "size",
+          "label": "size",
           "valueType": "enum",
-          "control": "select",
+          "control": "segmented",
           "options": [
-            "default",
-            "neutral",
-            "outline",
-            "success",
-            "warning",
-            "danger"
+            "sm",
+            "md",
+            "lg"
           ],
-          "defaultValue": "default",
+          "defaultValue": "sm",
           "section": "variants"
         },
         {
-          "name": "layout",
-          "label": "layout",
-          "valueType": "enum",
-          "control": "segmented",
-          "options": [
-            "label",
-            "number"
-          ],
-          "defaultValue": "label",
-          "section": "variants"
+          "name": "maxLength",
+          "label": "max Length",
+          "valueType": "number",
+          "control": "number",
+          "defaultValue": 4,
+          "required": true,
+          "section": "properties"
         }
       ],
       "preview": {
@@ -628,27 +598,48 @@
       "slots": [
         {
           "name": "children",
-          "accepts": [],
+          "accepts": [
+            "InputOTPSlot"
+          ],
           "repeatable": true,
-          "allowText": true,
-          "allowAnyComponent": true,
-          "defaultChildren": []
+          "min": 1
         }
       ],
       "presets": [
         {
-          "id": "default",
-          "label": "Default",
+          "id": "code",
+          "label": "Verification code",
           "root": {
-            "component": "Badge",
+            "component": "InputOTP",
+            "props": {
+              "maxLength": 4,
+              "aria-label": "Verification code"
+            },
             "slots": {
               "children": [
                 {
-                  "component": "Text",
+                  "component": "InputOTPSlot",
                   "props": {
-                    "variant": "bodyMd"
-                  },
-                  "text": "Badge"
+                    "index": 0
+                  }
+                },
+                {
+                  "component": "InputOTPSlot",
+                  "props": {
+                    "index": 1
+                  }
+                },
+                {
+                  "component": "InputOTPSlot",
+                  "props": {
+                    "index": 2
+                  }
+                },
+                {
+                  "component": "InputOTPSlot",
+                  "props": {
+                    "index": 3
+                  }
                 }
               ]
             }
@@ -663,23 +654,63 @@
       ]
     },
     {
-      "id": "card",
+      "id": "input-otpslot",
       "exportPath": "@refineui/react",
-      "exportName": "Card",
+      "exportName": "InputOTPSlot",
+      "kind": "part",
+      "category": "parts",
+      "label": "Input OTPSlot",
+      "props": [
+        {
+          "name": "index",
+          "label": "index",
+          "valueType": "number",
+          "control": "number",
+          "required": true,
+          "section": "properties"
+        }
+      ],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "InputOTP",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "search-field",
+      "exportPath": "@refineui/react",
+      "exportName": "SearchField",
       "kind": "root",
       "category": "components",
-      "label": "Card",
+      "label": "Search Field",
       "props": [
         {
-          "name": "variant",
-          "label": "variant",
+          "name": "appearance",
+          "label": "appearance",
           "valueType": "enum",
           "control": "segmented",
           "options": [
-            "elevated",
-            "outlined"
+            "filled",
+            "plain"
           ],
-          "defaultValue": "elevated",
+          "defaultValue": "filled",
+          "section": "variants"
+        },
+        {
+          "name": "size",
+          "label": "size",
+          "valueType": "enum",
+          "control": "segmented",
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ],
+          "defaultValue": "sm",
           "section": "variants"
         }
       ],
@@ -690,237 +721,153 @@
         {
           "name": "children",
           "accepts": [
-            "CardHeader",
-            "CardContent",
-            "CardFooter"
+            "SearchFieldIcon",
+            "SearchFieldInput",
+            "SearchFieldClear"
           ],
           "repeatable": true
         }
       ],
       "presets": [
         {
-          "id": "content",
-          "label": "Content card",
+          "id": "search",
+          "label": "Search field",
           "root": {
-            "component": "Card",
+            "component": "SearchField",
+            "props": {
+              "aria-label": "Search"
+            },
             "slots": {
               "children": [
                 {
-                  "component": "CardHeader",
-                  "slots": {
-                    "children": [
-                      {
-                        "component": "CardHeaderMain",
-                        "slots": {
-                          "children": [
-                            {
-                              "component": "CardTitle",
-                              "text": "Card title"
-                            },
-                            {
-                              "component": "CardDescription",
-                              "text": "A concise description."
-                            }
-                          ]
-                        }
-                      }
-                    ]
-                  }
+                  "component": "SearchFieldIcon"
                 },
                 {
-                  "component": "CardContent",
-                  "text": "Card content"
+                  "component": "SearchFieldInput",
+                  "props": {
+                    "placeholder": "Search"
+                  }
                 },
                 {
-                  "component": "CardFooter",
-                  "text": "Footer"
+                  "component": "SearchFieldClear"
                 }
               ]
             }
           }
         }
       ],
+      "stateBindings": [
+        {
+          "name": "value",
+          "valueProp": "value",
+          "defaultValueProp": "defaultValue",
+          "changeEvent": "onValueChange",
+          "valueType": "string"
+        }
+      ],
       "events": [
         {
           "name": "click",
           "payload": "void"
-        }
-      ]
-    },
-    {
-      "id": "card-action",
-      "exportPath": "@refineui/react",
-      "exportName": "CardAction",
-      "kind": "part",
-      "category": "parts",
-      "label": "Card Action",
-      "props": [],
-      "preview": {
-        "mode": "full"
-      },
-      "parents": [
-        {
-          "component": "CardHeader",
-          "slot": "children"
-        }
-      ]
-    },
-    {
-      "id": "card-content",
-      "exportPath": "@refineui/react",
-      "exportName": "CardContent",
-      "kind": "part",
-      "category": "parts",
-      "label": "Card Content",
-      "props": [],
-      "preview": {
-        "mode": "full"
-      },
-      "parents": [
-        {
-          "component": "Card",
-          "slot": "children"
-        }
-      ]
-    },
-    {
-      "id": "card-description",
-      "exportPath": "@refineui/react",
-      "exportName": "CardDescription",
-      "kind": "part",
-      "category": "parts",
-      "label": "Card Description",
-      "props": [],
-      "preview": {
-        "mode": "full"
-      },
-      "parents": [
-        {
-          "component": "CardHeader",
-          "slot": "children"
         },
         {
-          "component": "CardHeaderMain",
-          "slot": "children"
-        }
-      ]
-    },
-    {
-      "id": "card-footer",
-      "exportPath": "@refineui/react",
-      "exportName": "CardFooter",
-      "kind": "part",
-      "category": "parts",
-      "label": "Card Footer",
-      "props": [],
-      "preview": {
-        "mode": "full"
-      },
-      "parents": [
-        {
-          "component": "Card",
-          "slot": "children"
+          "name": "onValueChange",
+          "payload": "string"
         }
       ]
     },
     {
-      "id": "card-header",
+      "id": "search-field-clear",
       "exportPath": "@refineui/react",
-      "exportName": "CardHeader",
+      "exportName": "SearchFieldClear",
       "kind": "part",
       "category": "parts",
-      "label": "Card Header",
+      "label": "Search Field Clear",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "Card",
+          "component": "SearchField",
           "slot": "children"
         }
-      ],
-      "slots": [
-        {
-          "name": "children",
-          "accepts": [
-            "CardHeaderMain",
-            "CardAction",
-            "CardTitle",
-            "CardDescription"
-          ],
-          "repeatable": true
-        }
       ]
     },
     {
-      "id": "card-header-main",
+      "id": "search-field-icon",
       "exportPath": "@refineui/react",
-      "exportName": "CardHeaderMain",
+      "exportName": "SearchFieldIcon",
       "kind": "part",
       "category": "parts",
-      "label": "Card Header Main",
+      "label": "Search Field Icon",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "CardHeader",
+          "component": "SearchField",
           "slot": "children"
         }
-      ],
-      "slots": [
-        {
-          "name": "children",
-          "accepts": [
-            "CardTitle",
-            "CardDescription"
-          ],
-          "repeatable": true
-        }
       ]
     },
     {
-      "id": "card-title",
+      "id": "search-field-input",
       "exportPath": "@refineui/react",
-      "exportName": "CardTitle",
+      "exportName": "SearchFieldInput",
       "kind": "part",
       "category": "parts",
-      "label": "Card Title",
+      "label": "Search Field Input",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "CardHeader",
-          "slot": "children"
-        },
-        {
-          "component": "CardHeaderMain",
+          "component": "SearchField",
           "slot": "children"
         }
       ]
     },
     {
-      "id": "checkbox",
+      "id": "text",
       "exportPath": "@refineui/react",
-      "exportName": "Checkbox",
+      "exportName": "Text",
       "kind": "root",
       "category": "components",
-      "label": "Checkbox",
+      "label": "Text",
       "props": [
         {
           "name": "variant",
-          "label": "variant",
+          "label": "Text style",
           "valueType": "enum",
-          "control": "segmented",
+          "control": "select",
           "options": [
-            "default",
-            "circular"
+            "displayLg",
+            "displayMd",
+            "displaySm",
+            "headingLg",
+            "headingMd",
+            "headingSm",
+            "titleLg",
+            "titleMd",
+            "titleSm",
+            "subtitleLg",
+            "subtitleMd",
+            "bodyLg",
+            "bodyMd",
+            "bodySm",
+            "bodyXs",
+            "labelLg",
+            "labelMd",
+            "labelSm",
+            "captionLg",
+            "captionMd",
+            "captionSm"
           ],
-          "defaultValue": "default",
+          "defaultValue": "bodyMd",
+          "required": true,
           "section": "variants"
         }
       ],
@@ -932,7 +879,7 @@
           "name": "children",
           "accepts": [],
           "repeatable": true,
-          "allowText": false,
+          "allowText": true,
           "allowAnyComponent": true,
           "defaultChildren": []
         }
@@ -942,8 +889,21 @@
           "id": "default",
           "label": "Default",
           "root": {
-            "component": "Checkbox",
-            "slots": {}
+            "component": "Text",
+            "props": {
+              "variant": "bodyMd"
+            },
+            "slots": {
+              "children": [
+                {
+                  "component": "Text",
+                  "props": {
+                    "variant": "bodyMd"
+                  },
+                  "text": "Text"
+                }
+              ]
+            }
           }
         }
       ],
@@ -955,12 +915,12 @@
       ]
     },
     {
-      "id": "radio",
+      "id": "textarea",
       "exportPath": "@refineui/react",
-      "exportName": "Radio",
+      "exportName": "Textarea",
       "kind": "root",
       "category": "components",
-      "label": "Radio",
+      "label": "Textarea",
       "props": [],
       "preview": {
         "mode": "full"
@@ -968,24 +928,20 @@
       "slots": [
         {
           "name": "children",
-          "accepts": [
-            "RadioInput"
-          ],
+          "accepts": [],
           "repeatable": true,
           "allowText": false,
-          "allowAnyComponent": false,
+          "allowAnyComponent": true,
           "defaultChildren": []
         }
       ],
       "presets": [
         {
-          "id": "choice",
-          "label": "Radio choice",
+          "id": "default",
+          "label": "Default",
           "root": {
-            "component": "Radio",
-            "props": {
-              "label": "Choose this option"
-            }
+            "component": "Textarea",
+            "slots": {}
           }
         }
       ],
@@ -997,296 +953,287 @@
       ]
     },
     {
-      "id": "radio-input",
+      "id": "badge",
       "exportPath": "@refineui/react",
-      "exportName": "RadioInput",
-      "kind": "part",
-      "category": "parts",
-      "label": "Radio Input",
-      "props": [],
+      "exportName": "Badge",
+      "kind": "root",
+      "category": "components",
+      "label": "Badge",
+      "props": [
+        {
+          "name": "variant",
+          "label": "variant",
+          "valueType": "enum",
+          "control": "select",
+          "options": [
+            "default",
+            "neutral",
+            "outline",
+            "success",
+            "warning",
+            "danger"
+          ],
+          "defaultValue": "default",
+          "section": "variants"
+        },
+        {
+          "name": "layout",
+          "label": "layout",
+          "valueType": "enum",
+          "control": "segmented",
+          "options": [
+            "label",
+            "number"
+          ],
+          "defaultValue": "label",
+          "section": "variants"
+        }
+      ],
       "preview": {
         "mode": "full"
       },
-      "parents": [
+      "slots": [
         {
-          "component": "Radio",
-          "slot": "children"
+          "name": "children",
+          "accepts": [],
+          "repeatable": true,
+          "allowText": true,
+          "allowAnyComponent": true,
+          "defaultChildren": []
+        }
+      ],
+      "presets": [
+        {
+          "id": "default",
+          "label": "Default",
+          "root": {
+            "component": "Badge",
+            "slots": {
+              "children": [
+                {
+                  "component": "Text",
+                  "props": {
+                    "variant": "bodyMd"
+                  },
+                  "text": "Badge"
+                }
+              ]
+            }
+          }
+        }
+      ],
+      "events": [
+        {
+          "name": "click",
+          "payload": "void"
         }
       ]
     },
     {
-      "id": "select",
+      "id": "card",
       "exportPath": "@refineui/react",
-      "exportName": "Select",
+      "exportName": "Card",
       "kind": "root",
       "category": "components",
-      "label": "Select",
+      "label": "Card",
       "props": [
         {
-          "name": "appearance",
-          "label": "appearance",
+          "name": "variant",
+          "label": "variant",
           "valueType": "enum",
           "control": "segmented",
           "options": [
-            "filled",
-            "ghost",
-            "plain"
+            "elevated",
+            "outlined"
           ],
-          "defaultValue": "filled",
+          "defaultValue": "elevated",
           "section": "variants"
         }
       ],
       "preview": {
         "mode": "full"
       },
-      "portal": {
-        "strategy": "themed-overlay-root",
-        "inheritsTheme": true,
-        "containerComponent": "SelectPortal",
-        "containerProp": "container"
-      },
       "slots": [
         {
           "name": "children",
           "accepts": [
-            "SelectTrigger",
-            "SelectPortal"
+            "CardHeader",
+            "CardContent",
+            "CardFooter"
           ],
           "repeatable": true
         }
       ],
       "presets": [
         {
-          "id": "options",
-          "label": "Options",
+          "id": "content",
+          "label": "Content card",
           "root": {
-            "component": "Select",
-            "props": {
-              "defaultValue": "option-1",
-              "placeholder": "Select an option"
-            },
+            "component": "Card",
             "slots": {
               "children": [
                 {
-                  "component": "SelectTrigger",
-                  "slots": {
-                    "children": [
-                      {
-                        "component": "SelectValue",
-                        "props": {
-                          "placeholder": "Select an option"
-                        }
-                      },
-                      {
-                        "component": "SelectIcon"
-                      }
-                    ]
-                  }
-                },
-                {
-                  "component": "SelectPortal",
+                  "component": "CardHeader",
                   "slots": {
                     "children": [
                       {
-                        "component": "SelectContent",
+                        "component": "CardHeaderMain",
                         "slots": {
                           "children": [
                             {
-                              "component": "SelectViewport",
-                              "slots": {
-                                "children": [
-                                  {
-                                    "component": "SelectItem",
-                                    "props": {
-                                      "value": "option-1",
-                                      "textValue": "Option 1"
-                                    },
-                                    "slots": {
-                                      "children": [
-                                        {
-                                          "component": "SelectItemText",
-                                          "text": "Option 1"
-                                        }
-                                      ]
-                                    }
-                                  },
-                                  {
-                                    "component": "SelectItem",
-                                    "props": {
-                                      "value": "option-2",
-                                      "textValue": "Option 2"
-                                    },
-                                    "slots": {
-                                      "children": [
-                                        {
-                                          "component": "SelectItemText",
-                                          "text": "Option 2"
-                                        }
-                                      ]
-                                    }
-                                  }
-                                ]
-                              }
+                              "component": "CardTitle",
+                              "text": "Card title"
+                            },
+                            {
+                              "component": "CardDescription",
+                              "text": "A concise description."
                             }
                           ]
                         }
                       }
                     ]
                   }
+                },
+                {
+                  "component": "CardContent",
+                  "text": "Card content"
+                },
+                {
+                  "component": "CardFooter",
+                  "text": "Footer"
                 }
               ]
             }
           }
         }
       ],
-      "stateBindings": [
-        {
-          "name": "value",
-          "valueProp": "value",
-          "defaultValueProp": "defaultValue",
-          "changeEvent": "onValueChange",
-          "valueType": "string"
-        }
-      ],
       "events": [
         {
           "name": "click",
           "payload": "void"
-        },
-        {
-          "name": "onValueChange",
-          "payload": "string"
         }
       ]
     },
     {
-      "id": "select-arrow",
+      "id": "card-action",
       "exportPath": "@refineui/react",
-      "exportName": "SelectArrow",
+      "exportName": "CardAction",
       "kind": "part",
       "category": "parts",
-      "label": "Select Arrow",
+      "label": "Card Action",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SelectTrigger",
+          "component": "CardHeader",
           "slot": "children"
         }
       ]
     },
     {
-      "id": "select-content",
+      "id": "card-content",
       "exportPath": "@refineui/react",
-      "exportName": "SelectContent",
+      "exportName": "CardContent",
       "kind": "part",
       "category": "parts",
-      "label": "Select Content",
+      "label": "Card Content",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SelectPortal",
+          "component": "Card",
           "slot": "children"
         }
-      ],
-      "slots": [
-        {
-          "name": "children",
-          "accepts": [
-            "SelectScrollUpButton",
-            "SelectViewport",
-            "SelectScrollDownButton"
-          ],
-          "repeatable": true
-        }
       ]
     },
     {
-      "id": "select-group",
+      "id": "card-description",
       "exportPath": "@refineui/react",
-      "exportName": "SelectGroup",
+      "exportName": "CardDescription",
       "kind": "part",
       "category": "parts",
-      "label": "Select Group",
+      "label": "Card Description",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SelectViewport",
+          "component": "CardHeader",
           "slot": "children"
-        }
-      ],
-      "slots": [
+        },
         {
-          "name": "children",
-          "accepts": [
-            "SelectLabel",
-            "SelectItem",
-            "SelectSeparator"
-          ],
-          "repeatable": true
+          "component": "CardHeaderMain",
+          "slot": "children"
         }
       ]
     },
     {
-      "id": "select-icon",
+      "id": "card-footer",
       "exportPath": "@refineui/react",
-      "exportName": "SelectIcon",
+      "exportName": "CardFooter",
       "kind": "part",
       "category": "parts",
-      "label": "Select Icon",
+      "label": "Card Footer",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SelectTrigger",
+          "component": "Card",
           "slot": "children"
         }
       ]
     },
     {
-      "id": "select-item",
+      "id": "card-header",
       "exportPath": "@refineui/react",
-      "exportName": "SelectItem",
+      "exportName": "CardHeader",
       "kind": "part",
       "category": "parts",
-      "label": "Select Item",
-      "props": [
-        {
-          "name": "textValue",
-          "valueType": "string",
-          "control": "text",
-          "section": "accessibility",
-          "label": "text Value"
-        },
+      "label": "Card Header",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
         {
-          "name": "value",
-          "label": "value",
-          "valueType": "string",
-          "control": "text",
-          "required": true,
-          "section": "properties"
+          "component": "Card",
+          "slot": "children"
         }
       ],
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [
+            "CardHeaderMain",
+            "CardAction",
+            "CardTitle",
+            "CardDescription"
+          ],
+          "repeatable": true
+        }
+      ]
+    },
+    {
+      "id": "card-header-main",
+      "exportPath": "@refineui/react",
+      "exportName": "CardHeaderMain",
+      "kind": "part",
+      "category": "parts",
+      "label": "Card Header Main",
+      "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SelectViewport",
-          "slot": "children"
-        },
-        {
-          "component": "SelectGroup",
+          "component": "CardHeader",
           "slot": "children"
         }
       ],
@@ -1294,213 +1241,1097 @@
         {
           "name": "children",
           "accepts": [
-            "SelectItemIndicator",
-            "SelectItemText"
+            "CardTitle",
+            "CardDescription"
           ],
           "repeatable": true
         }
       ]
     },
     {
-      "id": "select-item-indicator",
+      "id": "card-title",
       "exportPath": "@refineui/react",
-      "exportName": "SelectItemIndicator",
+      "exportName": "CardTitle",
       "kind": "part",
       "category": "parts",
-      "label": "Select Item Indicator",
+      "label": "Card Title",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SelectItem",
+          "component": "CardHeader",
+          "slot": "children"
+        },
+        {
+          "component": "CardHeaderMain",
           "slot": "children"
         }
       ]
     },
     {
-      "id": "select-item-text",
+      "id": "checkbox",
       "exportPath": "@refineui/react",
-      "exportName": "SelectItemText",
+      "exportName": "Checkbox",
+      "kind": "root",
+      "category": "components",
+      "label": "Checkbox",
+      "props": [
+        {
+          "name": "variant",
+          "label": "variant",
+          "valueType": "enum",
+          "control": "segmented",
+          "options": [
+            "default",
+            "circular"
+          ],
+          "defaultValue": "default",
+          "section": "variants"
+        }
+      ],
+      "preview": {
+        "mode": "full"
+      },
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [],
+          "repeatable": true,
+          "allowText": false,
+          "allowAnyComponent": true,
+          "defaultChildren": []
+        }
+      ],
+      "presets": [
+        {
+          "id": "default",
+          "label": "Default",
+          "root": {
+            "component": "Checkbox",
+            "slots": {}
+          }
+        }
+      ],
+      "events": [
+        {
+          "name": "click",
+          "payload": "void"
+        }
+      ]
+    },
+    {
+      "id": "radio",
+      "exportPath": "@refineui/react",
+      "exportName": "Radio",
+      "kind": "root",
+      "category": "components",
+      "label": "Radio",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [
+            "RadioInput"
+          ],
+          "repeatable": true,
+          "allowText": false,
+          "allowAnyComponent": false,
+          "defaultChildren": []
+        }
+      ],
+      "presets": [
+        {
+          "id": "choice",
+          "label": "Radio choice",
+          "root": {
+            "component": "Radio",
+            "props": {
+              "label": "Choose this option"
+            }
+          }
+        }
+      ],
+      "events": [
+        {
+          "name": "click",
+          "payload": "void"
+        }
+      ]
+    },
+    {
+      "id": "radio-input",
+      "exportPath": "@refineui/react",
+      "exportName": "RadioInput",
       "kind": "part",
       "category": "parts",
-      "label": "Select Item Text",
+      "label": "Radio Input",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SelectItem",
-          "slot": "children"
+          "component": "Radio",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "select",
+      "exportPath": "@refineui/react",
+      "exportName": "Select",
+      "kind": "root",
+      "category": "components",
+      "label": "Select",
+      "props": [
+        {
+          "name": "appearance",
+          "label": "appearance",
+          "valueType": "enum",
+          "control": "segmented",
+          "options": [
+            "filled",
+            "ghost",
+            "plain"
+          ],
+          "defaultValue": "filled",
+          "section": "variants"
+        }
+      ],
+      "preview": {
+        "mode": "full"
+      },
+      "portal": {
+        "strategy": "themed-overlay-root",
+        "inheritsTheme": true,
+        "containerComponent": "SelectPortal",
+        "containerProp": "container"
+      },
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [
+            "SelectTrigger",
+            "SelectPortal"
+          ],
+          "repeatable": true
+        }
+      ],
+      "presets": [
+        {
+          "id": "options",
+          "label": "Options",
+          "root": {
+            "component": "Select",
+            "props": {
+              "defaultValue": "option-1",
+              "placeholder": "Select an option"
+            },
+            "slots": {
+              "children": [
+                {
+                  "component": "SelectTrigger",
+                  "slots": {
+                    "children": [
+                      {
+                        "component": "SelectValue",
+                        "props": {
+                          "placeholder": "Select an option"
+                        }
+                      },
+                      {
+                        "component": "SelectIcon"
+                      }
+                    ]
+                  }
+                },
+                {
+                  "component": "SelectPortal",
+                  "slots": {
+                    "children": [
+                      {
+                        "component": "SelectContent",
+                        "slots": {
+                          "children": [
+                            {
+                              "component": "SelectViewport",
+                              "slots": {
+                                "children": [
+                                  {
+                                    "component": "SelectItem",
+                                    "props": {
+                                      "value": "option-1",
+                                      "textValue": "Option 1"
+                                    },
+                                    "slots": {
+                                      "children": [
+                                        {
+                                          "component": "SelectItemText",
+                                          "text": "Option 1"
+                                        }
+                                      ]
+                                    }
+                                  },
+                                  {
+                                    "component": "SelectItem",
+                                    "props": {
+                                      "value": "option-2",
+                                      "textValue": "Option 2"
+                                    },
+                                    "slots": {
+                                      "children": [
+                                        {
+                                          "component": "SelectItemText",
+                                          "text": "Option 2"
+                                        }
+                                      ]
+                                    }
+                                  }
+                                ]
+                              }
+                            }
+                          ]
+                        }
+                      }
+                    ]
+                  }
+                }
+              ]
+            }
+          }
+        }
+      ],
+      "stateBindings": [
+        {
+          "name": "value",
+          "valueProp": "value",
+          "defaultValueProp": "defaultValue",
+          "changeEvent": "onValueChange",
+          "valueType": "string"
+        }
+      ],
+      "events": [
+        {
+          "name": "click",
+          "payload": "void"
+        },
+        {
+          "name": "onValueChange",
+          "payload": "string"
+        }
+      ]
+    },
+    {
+      "id": "select-arrow",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectArrow",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Arrow",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "SelectTrigger",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "select-content",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectContent",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Content",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "SelectPortal",
+          "slot": "children"
+        }
+      ],
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [
+            "SelectScrollUpButton",
+            "SelectViewport",
+            "SelectScrollDownButton"
+          ],
+          "repeatable": true
+        }
+      ]
+    },
+    {
+      "id": "select-group",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectGroup",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Group",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "SelectViewport",
+          "slot": "children"
+        }
+      ],
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [
+            "SelectLabel",
+            "SelectItem",
+            "SelectSeparator"
+          ],
+          "repeatable": true
+        }
+      ]
+    },
+    {
+      "id": "select-icon",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectIcon",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Icon",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "SelectTrigger",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "select-item",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectItem",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Item",
+      "props": [
+        {
+          "name": "textValue",
+          "valueType": "string",
+          "control": "text",
+          "section": "accessibility",
+          "label": "text Value"
+        },
+        {
+          "name": "value",
+          "label": "value",
+          "valueType": "string",
+          "control": "text",
+          "required": true,
+          "section": "properties"
+        }
+      ],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "SelectViewport",
+          "slot": "children"
+        },
+        {
+          "component": "SelectGroup",
+          "slot": "children"
+        }
+      ],
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [
+            "SelectItemIndicator",
+            "SelectItemText"
+          ],
+          "repeatable": true
+        }
+      ]
+    },
+    {
+      "id": "select-item-indicator",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectItemIndicator",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Item Indicator",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "SelectItem",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "select-item-text",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectItemText",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Item Text",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "SelectItem",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "select-label",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectLabel",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Label",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "SelectGroup",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "select-portal",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectPortal",
+      "kind": "provider",
+      "category": "parts",
+      "label": "Select Portal",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "Select",
+          "slot": "children"
+        }
+      ],
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [
+            "SelectContent"
+          ],
+          "max": 1
+        }
+      ]
+    },
+    {
+      "id": "select-scroll-down-button",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectScrollDownButton",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Scroll Down Button",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "SelectContent",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "select-scroll-up-button",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectScrollUpButton",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Scroll Up Button",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "SelectContent",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "select-separator",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectSeparator",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Separator",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "SelectViewport",
+          "slot": "children"
+        },
+        {
+          "component": "SelectGroup",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "select-trigger",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectTrigger",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Trigger",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "Select",
+          "slot": "children"
+        }
+      ],
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [
+            "SelectValue",
+            "SelectIcon",
+            "SelectArrow"
+          ],
+          "repeatable": true
+        }
+      ]
+    },
+    {
+      "id": "select-value",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectValue",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Value",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "SelectTrigger",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "select-viewport",
+      "exportPath": "@refineui/react",
+      "exportName": "SelectViewport",
+      "kind": "part",
+      "category": "parts",
+      "label": "Select Viewport",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "SelectContent",
+          "slot": "children"
+        }
+      ],
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [
+            "SelectGroup",
+            "SelectItem",
+            "SelectSeparator"
+          ],
+          "repeatable": true
+        }
+      ]
+    },
+    {
+      "id": "toggle",
+      "exportPath": "@refineui/react",
+      "exportName": "Toggle",
+      "kind": "root",
+      "category": "utilities",
+      "label": "Toggle",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [],
+          "repeatable": true,
+          "allowText": true,
+          "allowAnyComponent": true,
+          "defaultChildren": []
+        }
+      ],
+      "presets": [
+        {
+          "id": "default",
+          "label": "Default",
+          "root": {
+            "component": "Toggle",
+            "slots": {
+              "children": [
+                {
+                  "component": "Text",
+                  "props": {
+                    "variant": "bodyMd"
+                  },
+                  "text": "Toggle"
+                }
+              ]
+            }
+          }
+        }
+      ],
+      "events": [
+        {
+          "name": "click",
+          "payload": "void"
+        }
+      ]
+    },
+    {
+      "id": "switch",
+      "exportPath": "@refineui/react",
+      "exportName": "Switch",
+      "kind": "root",
+      "category": "components",
+      "label": "Switch",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [],
+          "repeatable": true,
+          "allowText": false,
+          "allowAnyComponent": true,
+          "defaultChildren": []
+        }
+      ],
+      "presets": [
+        {
+          "id": "default",
+          "label": "Default",
+          "root": {
+            "component": "Switch",
+            "slots": {}
+          }
+        }
+      ],
+      "events": [
+        {
+          "name": "click",
+          "payload": "void"
+        }
+      ]
+    },
+    {
+      "id": "chip",
+      "exportPath": "@refineui/react",
+      "exportName": "Chip",
+      "kind": "root",
+      "category": "components",
+      "label": "Chip",
+      "props": [
+        {
+          "name": "variant",
+          "label": "variant",
+          "valueType": "enum",
+          "control": "segmented",
+          "options": [
+            "default",
+            "outline",
+            "filled"
+          ],
+          "defaultValue": "default",
+          "section": "variants"
+        },
+        {
+          "name": "size",
+          "label": "size",
+          "valueType": "enum",
+          "control": "segmented",
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ],
+          "defaultValue": "sm",
+          "section": "variants"
+        }
+      ],
+      "preview": {
+        "mode": "full"
+      },
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [],
+          "repeatable": true,
+          "allowText": true,
+          "allowAnyComponent": true,
+          "defaultChildren": []
+        }
+      ],
+      "presets": [
+        {
+          "id": "default",
+          "label": "Default",
+          "root": {
+            "component": "Chip",
+            "slots": {
+              "children": [
+                {
+                  "component": "Text",
+                  "props": {
+                    "variant": "bodyMd"
+                  },
+                  "text": "Chip"
+                }
+              ]
+            }
+          }
+        }
+      ],
+      "events": [
+        {
+          "name": "click",
+          "payload": "void"
+        }
+      ]
+    },
+    {
+      "id": "command",
+      "exportPath": "@refineui/react",
+      "exportName": "Command",
+      "kind": "root",
+      "category": "components",
+      "label": "Command",
+      "props": [
+        {
+          "name": "size",
+          "label": "size",
+          "valueType": "enum",
+          "control": "segmented",
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ],
+          "defaultValue": "sm",
+          "section": "variants"
+        }
+      ],
+      "preview": {
+        "mode": "full"
+      },
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [
+            "CommandInput",
+            "CommandList"
+          ],
+          "repeatable": true
+        }
+      ],
+      "presets": [
+        {
+          "id": "commands",
+          "label": "Command menu",
+          "root": {
+            "component": "Command",
+            "props": {
+              "label": "Commands"
+            },
+            "slots": {
+              "children": [
+                {
+                  "component": "CommandInput",
+                  "props": {
+                    "placeholder": "Search commands"
+                  }
+                },
+                {
+                  "component": "CommandList",
+                  "slots": {
+                    "children": [
+                      {
+                        "component": "CommandGroup",
+                        "slots": {
+                          "children": [
+                            {
+                              "component": "CommandGroupHeading",
+                              "text": "Actions"
+                            },
+                            {
+                              "component": "CommandItem",
+                              "props": {
+                                "value": "new"
+                              },
+                              "text": "New item"
+                            },
+                            {
+                              "component": "CommandItem",
+                              "props": {
+                                "value": "open"
+                              },
+                              "text": "Open"
+                            }
+                          ]
+                        }
+                      }
+                    ]
+                  }
+                }
+              ]
+            }
+          }
+        }
+      ],
+      "stateBindings": [
+        {
+          "name": "value",
+          "valueProp": "value",
+          "defaultValueProp": "defaultValue",
+          "changeEvent": "onValueChange",
+          "valueType": "string"
+        },
+        {
+          "name": "selected",
+          "valueProp": "selectedValue",
+          "defaultValueProp": "defaultSelectedValue",
+          "changeEvent": "onSelectedValueChange",
+          "valueType": "string"
         }
-      ]
-    },
-    {
-      "id": "select-label",
-      "exportPath": "@refineui/react",
-      "exportName": "SelectLabel",
-      "kind": "part",
-      "category": "parts",
-      "label": "Select Label",
-      "props": [],
-      "preview": {
-        "mode": "full"
-      },
-      "parents": [
+      ],
+      "events": [
         {
-          "component": "SelectGroup",
-          "slot": "children"
+          "name": "click",
+          "payload": "void"
+        },
+        {
+          "name": "onValueChange",
+          "payload": "string"
+        },
+        {
+          "name": "onSelectedValueChange",
+          "payload": "string"
         }
       ]
     },
     {
-      "id": "select-portal",
+      "id": "command-dialog",
       "exportPath": "@refineui/react",
-      "exportName": "SelectPortal",
-      "kind": "provider",
-      "category": "parts",
-      "label": "Select Portal",
+      "exportName": "CommandDialog",
+      "kind": "root",
+      "category": "components",
+      "label": "Command Dialog",
       "props": [],
       "preview": {
         "mode": "full"
       },
-      "parents": [
-        {
-          "component": "Select",
-          "slot": "children"
-        }
-      ],
       "slots": [
         {
           "name": "children",
           "accepts": [
-            "SelectContent"
+            "Command"
           ],
           "max": 1
         }
+      ],
+      "presets": [
+        {
+          "id": "default",
+          "label": "Command dialog",
+          "root": {
+            "component": "CommandDialog",
+            "slots": {
+              "children": [
+                {
+                  "component": "Command"
+                }
+              ]
+            }
+          }
+        }
       ]
     },
     {
-      "id": "select-scroll-down-button",
+      "id": "command-empty",
       "exportPath": "@refineui/react",
-      "exportName": "SelectScrollDownButton",
+      "exportName": "CommandEmpty",
       "kind": "part",
       "category": "parts",
-      "label": "Select Scroll Down Button",
+      "label": "Command Empty",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SelectContent",
+          "component": "CommandList",
           "slot": "children"
         }
       ]
     },
     {
-      "id": "select-scroll-up-button",
+      "id": "command-group",
       "exportPath": "@refineui/react",
-      "exportName": "SelectScrollUpButton",
+      "exportName": "CommandGroup",
       "kind": "part",
       "category": "parts",
-      "label": "Select Scroll Up Button",
+      "label": "Command Group",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SelectContent",
+          "component": "CommandList",
           "slot": "children"
         }
+      ],
+      "slots": [
+        {
+          "name": "children",
+          "accepts": [
+            "CommandGroupHeading",
+            "CommandItem"
+          ],
+          "repeatable": true
+        }
       ]
     },
     {
-      "id": "select-separator",
+      "id": "command-group-heading",
       "exportPath": "@refineui/react",
-      "exportName": "SelectSeparator",
+      "exportName": "CommandGroupHeading",
       "kind": "part",
       "category": "parts",
-      "label": "Select Separator",
+      "label": "Command Group Heading",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SelectViewport",
-          "slot": "children"
-        },
-        {
-          "component": "SelectGroup",
+          "component": "CommandGroup",
           "slot": "children"
         }
       ]
     },
     {
-      "id": "select-trigger",
+      "id": "command-input",
       "exportPath": "@refineui/react",
-      "exportName": "SelectTrigger",
+      "exportName": "CommandInput",
       "kind": "part",
       "category": "parts",
-      "label": "Select Trigger",
+      "label": "Command Input",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "Select",
+          "component": "Command",
           "slot": "children"
         }
       ],
       "slots": [
         {
-          "name": "children",
+          "name": "startIcon",
+          "prop": "startIcon",
+          "target": "prop",
           "accepts": [
-            "SelectValue",
-            "SelectIcon",
-            "SelectArrow"
+            "WebIcon"
           ],
-          "repeatable": true
+          "max": 1
         }
-      ]
-    },
-    {
-      "id": "select-value",
-      "exportPath": "@refineui/react",
-      "exportName": "SelectValue",
-      "kind": "part",
-      "category": "parts",
-      "label": "Select Value",
-      "props": [],
-      "preview": {
-        "mode": "full"
-      },
-      "parents": [
+      ],
+      "iconSlots": [
         {
-          "component": "SelectTrigger",
-          "slot": "children"
+          "name": "startIcon",
+          "optional": true,
+          "accepts": [
+            "refineui-icon",
+            "svg",
+            "image"
+          ]
         }
       ]
     },
     {
-      "id": "select-viewport",
+      "id": "command-item",
       "exportPath": "@refineui/react",
-      "exportName": "SelectViewport",
+      "exportName": "CommandItem",
       "kind": "part",
       "category": "parts",
-      "label": "Select Viewport",
-      "props": [],
+      "label": "Command Item",
+      "props": [
+        {
+          "name": "value",
+          "label": "value",
+          "valueType": "string",
+          "control": "text",
+          "required": true,
+          "section": "properties"
+        }
+      ],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "SelectContent",
+          "component": "CommandGroup",
+          "slot": "children"
+        },
+        {
+          "component": "CommandList",
           "slot": "children"
         }
       ],
@@ -1508,107 +2339,124 @@
         {
           "name": "children",
           "accepts": [
-            "SelectGroup",
-            "SelectItem",
-            "SelectSeparator"
+            "CommandShortcut"
           ],
-          "repeatable": true
-        }
-      ]
-    },
-    {
-      "id": "toggle",
-      "exportPath": "@refineui/react",
-      "exportName": "Toggle",
-      "kind": "root",
-      "category": "utilities",
-      "label": "Toggle",
-      "props": [],
-      "preview": {
-        "mode": "full"
-      },
-      "slots": [
-        {
-          "name": "children",
-          "accepts": [],
           "repeatable": true,
-          "allowText": true,
-          "allowAnyComponent": true,
-          "defaultChildren": []
-        }
-      ],
-      "presets": [
+          "allowText": true
+        },
         {
-          "id": "default",
-          "label": "Default",
-          "root": {
-            "component": "Toggle",
-            "slots": {
-              "children": [
-                {
-                  "component": "Text",
-                  "props": {
-                    "variant": "bodyMd"
-                  },
-                  "text": "Toggle"
-                }
-              ]
-            }
-          }
+          "name": "startIcon",
+          "prop": "startIcon",
+          "target": "prop",
+          "accepts": [
+            "WebIcon"
+          ],
+          "max": 1
+        },
+        {
+          "name": "endIcon",
+          "prop": "endIcon",
+          "target": "prop",
+          "accepts": [
+            "WebIcon"
+          ],
+          "max": 1
         }
       ],
-      "events": [
+      "iconSlots": [
         {
-          "name": "click",
-          "payload": "void"
+          "name": "startIcon",
+          "optional": true,
+          "accepts": [
+            "refineui-icon",
+            "svg",
+            "image"
+          ]
+        },
+        {
+          "name": "endIcon",
+          "optional": true,
+          "accepts": [
+            "refineui-icon",
+            "svg",
+            "image"
+          ]
         }
       ]
     },
     {
-      "id": "switch",
+      "id": "command-list",
       "exportPath": "@refineui/react",
-      "exportName": "Switch",
-      "kind": "root",
-      "category": "components",
-      "label": "Switch",
+      "exportName": "CommandList",
+      "kind": "part",
+      "category": "parts",
+      "label": "Command List",
       "props": [],
       "preview": {
         "mode": "full"
       },
+      "parents": [
+        {
+          "component": "Command",
+          "slot": "children"
+        }
+      ],
       "slots": [
         {
           "name": "children",
-          "accepts": [],
-          "repeatable": true,
-          "allowText": false,
-          "allowAnyComponent": true,
-          "defaultChildren": []
+          "accepts": [
+            "CommandEmpty",
+            "CommandGroup",
+            "CommandItem",
+            "CommandSeparator"
+          ],
+          "repeatable": true
         }
-      ],
-      "presets": [
+      ]
+    },
+    {
+      "id": "command-separator",
+      "exportPath": "@refineui/react",
+      "exportName": "CommandSeparator",
+      "kind": "part",
+      "category": "parts",
+      "label": "Command Separator",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
         {
-          "id": "default",
-          "label": "Default",
-          "root": {
-            "component": "Switch",
-            "slots": {}
-          }
+          "component": "CommandList",
+          "slot": "children"
         }
-      ],
-      "events": [
+      ]
+    },
+    {
+      "id": "command-shortcut",
+      "exportPath": "@refineui/react",
+      "exportName": "CommandShortcut",
+      "kind": "part",
+      "category": "parts",
+      "label": "Command Shortcut",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
         {
-          "name": "click",
-          "payload": "void"
+          "component": "CommandItem",
+          "slot": "children"
         }
       ]
     },
     {
-      "id": "chip",
+      "id": "tag",
       "exportPath": "@refineui/react",
-      "exportName": "Chip",
+      "exportName": "Tag",
       "kind": "root",
       "category": "components",
-      "label": "Chip",
+      "label": "Tag",
       "props": [
         {
           "name": "variant",
@@ -1655,7 +2503,7 @@
           "id": "default",
           "label": "Default",
           "root": {
-            "component": "Chip",
+            "component": "Tag",
             "slots": {
               "children": [
                 {
@@ -1663,7 +2511,7 @@
                   "props": {
                     "variant": "bodyMd"
                   },
-                  "text": "Chip"
+                  "text": "Tag"
                 }
               ]
             }
@@ -1678,27 +2526,13 @@
       ]
     },
     {
-      "id": "command",
+      "id": "result",
       "exportPath": "@refineui/react",
-      "exportName": "Command",
+      "exportName": "Result",
       "kind": "root",
-      "category": "components",
-      "label": "Command",
-      "props": [
-        {
-          "name": "size",
-          "label": "size",
-          "valueType": "enum",
-          "control": "segmented",
-          "options": [
-            "sm",
-            "md",
-            "lg"
-          ],
-          "defaultValue": "sm",
-          "section": "variants"
-        }
-      ],
+      "category": "utilities",
+      "label": "Result",
+      "props": [],
       "preview": {
         "mode": "full"
       },
@@ -1706,428 +2540,290 @@
         {
           "name": "children",
           "accepts": [
-            "CommandInput",
-            "CommandList"
+            "ResultActions",
+            "ResultButton",
+            "ResultDescription",
+            "ResultIcon",
+            "ResultTitle"
           ],
-          "repeatable": true
+          "repeatable": true,
+          "allowText": false,
+          "allowAnyComponent": false,
+          "defaultChildren": []
         }
       ],
       "presets": [
         {
-          "id": "commands",
-          "label": "Command menu",
+          "id": "default",
+          "label": "Default",
           "root": {
-            "component": "Command",
-            "props": {
-              "label": "Commands"
-            },
-            "slots": {
-              "children": [
-                {
-                  "component": "CommandInput",
-                  "props": {
-                    "placeholder": "Search commands"
-                  }
-                },
-                {
-                  "component": "CommandList",
-                  "slots": {
-                    "children": [
-                      {
-                        "component": "CommandGroup",
-                        "slots": {
-                          "children": [
-                            {
-                              "component": "CommandGroupHeading",
-                              "text": "Actions"
-                            },
-                            {
-                              "component": "CommandItem",
-                              "props": {
-                                "value": "new"
-                              },
-                              "text": "New item"
-                            },
-                            {
-                              "component": "CommandItem",
-                              "props": {
-                                "value": "open"
-                              },
-                              "text": "Open"
-                            }
-                          ]
-                        }
-                      }
-                    ]
-                  }
-                }
-              ]
-            }
+            "component": "Result",
+            "slots": {}
           }
         }
       ],
-      "stateBindings": [
-        {
-          "name": "value",
-          "valueProp": "value",
-          "defaultValueProp": "defaultValue",
-          "changeEvent": "onValueChange",
-          "valueType": "string"
-        },
-        {
-          "name": "selected",
-          "valueProp": "selectedValue",
-          "defaultValueProp": "defaultSelectedValue",
-          "changeEvent": "onSelectedValueChange",
-          "valueType": "string"
-        }
-      ],
       "events": [
         {
           "name": "click",
           "payload": "void"
-        },
-        {
-          "name": "onValueChange",
-          "payload": "string"
-        },
-        {
-          "name": "onSelectedValueChange",
-          "payload": "string"
         }
       ]
     },
     {
-      "id": "command-dialog",
+      "id": "result-actions",
       "exportPath": "@refineui/react",
-      "exportName": "CommandDialog",
-      "kind": "root",
-      "category": "components",
-      "label": "Command Dialog",
+      "exportName": "ResultActions",
+      "kind": "part",
+      "category": "parts",
+      "label": "Result Actions",
       "props": [],
       "preview": {
         "mode": "full"
       },
-      "slots": [
-        {
-          "name": "children",
-          "accepts": [
-            "Command"
-          ],
-          "max": 1
-        }
-      ],
-      "presets": [
+      "parents": [
         {
-          "id": "default",
-          "label": "Command dialog",
-          "root": {
-            "component": "CommandDialog",
-            "slots": {
-              "children": [
-                {
-                  "component": "Command"
-                }
-              ]
-            }
-          }
+          "component": "Result",
+          "slot": "children"
         }
       ]
     },
     {
-      "id": "command-empty",
+      "id": "result-button",
       "exportPath": "@refineui/react",
-      "exportName": "CommandEmpty",
+      "exportName": "ResultButton",
       "kind": "part",
       "category": "parts",
-      "label": "Command Empty",
+      "label": "Result Button",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "CommandList",
+          "component": "Result",
           "slot": "children"
         }
       ]
     },
     {
-      "id": "command-group",
+      "id": "result-description",
       "exportPath": "@refineui/react",
-      "exportName": "CommandGroup",
+      "exportName": "ResultDescription",
       "kind": "part",
       "category": "parts",
-      "label": "Command Group",
+      "label": "Result Description",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "CommandList",
+          "component": "Result",
           "slot": "children"
         }
-      ],
-      "slots": [
+      ]
+    },
+    {
+      "id": "result-icon",
+      "exportPath": "@refineui/react",
+      "exportName": "ResultIcon",
+      "kind": "part",
+      "category": "parts",
+      "label": "Result Icon",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
         {
-          "name": "children",
-          "accepts": [
-            "CommandGroupHeading",
-            "CommandItem"
-          ],
-          "repeatable": true
+          "component": "Result",
+          "slot": "children"
         }
       ]
     },
     {
-      "id": "command-group-heading",
+      "id": "result-title",
       "exportPath": "@refineui/react",
-      "exportName": "CommandGroupHeading",
+      "exportName": "ResultTitle",
       "kind": "part",
       "category": "parts",
-      "label": "Command Group Heading",
+      "label": "Result Title",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "CommandGroup",
+          "component": "Result",
           "slot": "children"
         }
       ]
     },
     {
-      "id": "command-input",
+      "id": "kbd",
       "exportPath": "@refineui/react",
-      "exportName": "CommandInput",
-      "kind": "part",
-      "category": "parts",
-      "label": "Command Input",
+      "exportName": "Kbd",
+      "kind": "root",
+      "category": "utilities",
+      "label": "Kbd",
       "props": [],
       "preview": {
         "mode": "full"
       },
-      "parents": [
+      "slots": [
         {
-          "component": "Command",
-          "slot": "children"
+          "name": "children",
+          "accepts": [],
+          "repeatable": true,
+          "allowText": true,
+          "allowAnyComponent": true,
+          "defaultChildren": []
         }
       ],
-      "slots": [
+      "presets": [
         {
-          "name": "startIcon",
-          "prop": "startIcon",
-          "target": "prop",
-          "accepts": [
-            "WebIcon"
-          ],
-          "max": 1
+          "id": "default",
+          "label": "Default",
+          "root": {
+            "component": "Kbd",
+            "slots": {
+              "children": [
+                {
+                  "component": "Text",
+                  "props": {
+                    "variant": "bodyMd"
+                  },
+                  "text": "Kbd"
+                }
+              ]
+            }
+          }
         }
       ],
-      "iconSlots": [
+      "events": [
         {
-          "name": "startIcon",
-          "optional": true,
-          "accepts": [
-            "refineui-icon",
-            "svg",
-            "image"
-          ]
+          "name": "click",
+          "payload": "void"
         }
       ]
     },
     {
-      "id": "command-item",
+      "id": "message",
       "exportPath": "@refineui/react",
-      "exportName": "CommandItem",
-      "kind": "part",
-      "category": "parts",
-      "label": "Command Item",
-      "props": [
-        {
-          "name": "value",
-          "label": "value",
-          "valueType": "string",
-          "control": "text",
-          "required": true,
-          "section": "properties"
-        }
-      ],
+      "exportName": "Message",
+      "kind": "root",
+      "category": "utilities",
+      "label": "Message",
+      "props": [],
       "preview": {
         "mode": "full"
       },
-      "parents": [
-        {
-          "component": "CommandGroup",
-          "slot": "children"
-        },
-        {
-          "component": "CommandList",
-          "slot": "children"
-        }
-      ],
       "slots": [
         {
           "name": "children",
           "accepts": [
-            "CommandShortcut"
+            "MessageAvatar",
+            "MessageContent",
+            "MessageFooter"
           ],
           "repeatable": true,
-          "allowText": true
-        },
-        {
-          "name": "startIcon",
-          "prop": "startIcon",
-          "target": "prop",
-          "accepts": [
-            "WebIcon"
-          ],
-          "max": 1
-        },
-        {
-          "name": "endIcon",
-          "prop": "endIcon",
-          "target": "prop",
-          "accepts": [
-            "WebIcon"
-          ],
-          "max": 1
+          "allowText": true,
+          "allowAnyComponent": false,
+          "defaultChildren": []
         }
       ],
-      "iconSlots": [
+      "presets": [
         {
-          "name": "startIcon",
-          "optional": true,
-          "accepts": [
-            "refineui-icon",
-            "svg",
-            "image"
-          ]
-        },
+          "id": "default",
+          "label": "Default",
+          "root": {
+            "component": "Message",
+            "slots": {}
+          }
+        }
+      ],
+      "events": [
         {
-          "name": "endIcon",
-          "optional": true,
-          "accepts": [
-            "refineui-icon",
-            "svg",
-            "image"
-          ]
+          "name": "click",
+          "payload": "void"
         }
       ]
     },
     {
-      "id": "command-list",
+      "id": "message-avatar",
       "exportPath": "@refineui/react",
-      "exportName": "CommandList",
+      "exportName": "MessageAvatar",
       "kind": "part",
       "category": "parts",
-      "label": "Command List",
+      "label": "Message Avatar",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "Command",
+          "component": "Message",
           "slot": "children"
         }
-      ],
-      "slots": [
-        {
-          "name": "children",
-          "accepts": [
-            "CommandEmpty",
-            "CommandGroup",
-            "CommandItem",
-            "CommandSeparator"
-          ],
-          "repeatable": true
-        }
       ]
     },
     {
-      "id": "command-separator",
+      "id": "message-content",
       "exportPath": "@refineui/react",
-      "exportName": "CommandSeparator",
+      "exportName": "MessageContent",
       "kind": "part",
       "category": "parts",
-      "label": "Command Separator",
+      "label": "Message Content",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "CommandList",
+          "component": "Message",
           "slot": "children"
         }
       ]
     },
     {
-      "id": "command-shortcut",
+      "id": "message-footer",
       "exportPath": "@refineui/react",
-      "exportName": "CommandShortcut",
+      "exportName": "MessageFooter",
       "kind": "part",
       "category": "parts",
-      "label": "Command Shortcut",
+      "label": "Message Footer",
       "props": [],
       "preview": {
         "mode": "full"
       },
       "parents": [
         {
-          "component": "CommandItem",
+          "component": "Message",
           "slot": "children"
         }
       ]
     },
     {
-      "id": "tag",
+      "id": "marker",
       "exportPath": "@refineui/react",
-      "exportName": "Tag",
+      "exportName": "Marker",
       "kind": "root",
-      "category": "components",
-      "label": "Tag",
-      "props": [
-        {
-          "name": "variant",
-          "label": "variant",
-          "valueType": "enum",
-          "control": "segmented",
-          "options": [
-            "default",
-            "outline",
-            "filled"
-          ],
-          "defaultValue": "default",
-          "section": "variants"
-        },
-        {
-          "name": "size",
-          "label": "size",
-          "valueType": "enum",
-          "control": "segmented",
-          "options": [
-            "sm",
-            "md",
-            "lg"
-          ],
-          "defaultValue": "sm",
-          "section": "variants"
-        }
-      ],
+      "category": "utilities",
+      "label": "Marker",
+      "props": [],
       "preview": {
         "mode": "full"
       },
       "slots": [
         {
           "name": "children",
-          "accepts": [],
+          "accepts": [
+            "MarkerContent",
+            "MarkerIcon"
+          ],
           "repeatable": true,
           "allowText": true,
-          "allowAnyComponent": true,
+          "allowAnyComponent": false,
           "defaultChildren": []
         }
       ],
@@ -2136,18 +2832,8 @@
           "id": "default",
           "label": "Default",
           "root": {
-            "component": "Tag",
-            "slots": {
-              "children": [
-                {
-                  "component": "Text",
-                  "props": {
-                    "variant": "bodyMd"
-                  },
-                  "text": "Tag"
-                }
-              ]
-            }
+            "component": "Marker",
+            "slots": {}
           }
         }
       ],
@@ -2158,6 +2844,42 @@
         }
       ]
     },
+    {
+      "id": "marker-content",
+      "exportPath": "@refineui/react",
+      "exportName": "MarkerContent",
+      "kind": "part",
+      "category": "parts",
+      "label": "Marker Content",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "Marker",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "marker-icon",
+      "exportPath": "@refineui/react",
+      "exportName": "MarkerIcon",
+      "kind": "part",
+      "category": "parts",
+      "label": "Marker Icon",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "Marker",
+          "slot": "children"
+        }
+      ]
+    },
     {
       "id": "avatar",
       "exportPath": "@refineui/react",
@@ -4523,7 +5245,20 @@
       "kind": "root",
       "category": "components",
       "label": "Calendar",
-      "props": [],
+      "props": [
+        {
+          "name": "mode",
+          "label": "mode",
+          "valueType": "enum",
+          "control": "segmented",
+          "options": [
+            "single",
+            "range"
+          ],
+          "defaultValue": "single",
+          "section": "variants"
+        }
+      ],
       "preview": {
         "mode": "full"
       },
@@ -7294,7 +8029,24 @@
       "kind": "part",
       "category": "parts",
       "label": "Popover Content",
-      "props": [],
+      "props": [
+        {
+          "name": "surface",
+          "valueType": "boolean",
+          "control": "toggle",
+          "defaultValue": true,
+          "section": "properties",
+          "label": "surface"
+        },
+        {
+          "name": "fitContent",
+          "valueType": "boolean",
+          "control": "toggle",
+          "defaultValue": false,
+          "section": "properties",
+          "label": "fit Content"
+        }
+      ],
       "preview": {
         "mode": "full"
       },