@refineui/react 0.3.0 → 0.4.1

package/dist/authoring-manifest.cjs

@@ -30,7 +30,7 @@ var import_react = require("react");
 var manifest_default = {
   schema: "refineui.authoring/1",
   packageName: "@refineui/react",
-  packageVersion: "0.3.0",
+  packageVersion: "0.4.1",
   css: [
     "@refineui/react/refineui.css"
   ],
@@ -224,34 +224,24 @@ var manifest_default = {
       ]
     },
     {
-      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: {
@@ -260,48 +250,27 @@ var manifest_default = {
       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"
                 }
               ]
             }
@@ -316,66 +285,51 @@ var manifest_default = {
       ]
     },
     {
-      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"
       },
@@ -383,272 +337,288 @@ var manifest_default = {
         {
           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: {
@@ -657,27 +627,48 @@ var manifest_default = {
       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
+                  }
                 }
               ]
             }
@@ -692,23 +683,63 @@ var manifest_default = {
       ]
     },
     {
-      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"
         }
       ],
@@ -719,237 +750,153 @@ var manifest_default = {
         {
           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"
         }
       ],
@@ -961,7 +908,7 @@ var manifest_default = {
           name: "children",
           accepts: [],
           repeatable: true,
-          allowText: false,
+          allowText: true,
           allowAnyComponent: true,
           defaultChildren: []
         }
@@ -971,8 +918,21 @@ var manifest_default = {
           id: "default",
           label: "Default",
           root: {
-            component: "Checkbox",
-            slots: {}
+            component: "Text",
+            props: {
+              variant: "bodyMd"
+            },
+            slots: {
+              children: [
+                {
+                  component: "Text",
+                  props: {
+                    variant: "bodyMd"
+                  },
+                  text: "Text"
+                }
+              ]
+            }
           }
         }
       ],
@@ -984,12 +944,12 @@ var manifest_default = {
       ]
     },
     {
-      id: "radio",
+      id: "textarea",
       exportPath: "@refineui/react",
-      exportName: "Radio",
+      exportName: "Textarea",
       kind: "root",
       category: "components",
-      label: "Radio",
+      label: "Textarea",
       props: [],
       preview: {
         mode: "full"
@@ -997,24 +957,20 @@ var manifest_default = {
       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: {}
           }
         }
       ],
@@ -1026,296 +982,287 @@ var manifest_default = {
       ]
     },
     {
-      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"
         }
       ],
@@ -1323,213 +1270,1097 @@ var manifest_default = {
         {
           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"
         }
       ],
@@ -1537,107 +2368,124 @@ var manifest_default = {
         {
           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",
@@ -1684,7 +2532,7 @@ var manifest_default = {
           id: "default",
           label: "Default",
           root: {
-            component: "Chip",
+            component: "Tag",
             slots: {
               children: [
                 {
@@ -1692,7 +2540,7 @@ var manifest_default = {
                   props: {
                     variant: "bodyMd"
                   },
-                  text: "Chip"
+                  text: "Tag"
                 }
               ]
             }
@@ -1707,27 +2555,13 @@ var manifest_default = {
       ]
     },
     {
-      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"
       },
@@ -1735,428 +2569,290 @@ var manifest_default = {
         {
           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: []
         }
       ],
@@ -2165,18 +2861,8 @@ var manifest_default = {
           id: "default",
           label: "Default",
           root: {
-            component: "Tag",
-            slots: {
-              children: [
-                {
-                  component: "Text",
-                  props: {
-                    variant: "bodyMd"
-                  },
-                  text: "Tag"
-                }
-              ]
-            }
+            component: "Marker",
+            slots: {}
           }
         }
       ],
@@ -2187,6 +2873,42 @@ var manifest_default = {
         }
       ]
     },
+    {
+      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",
@@ -4552,7 +5274,20 @@ var manifest_default = {
       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"
       },
@@ -7323,7 +8058,24 @@ var manifest_default = {
       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"
       },