@refineui/react 0.4.0 → 0.5.0

package/dist/authoring-manifest.js

@@ -5,7 +5,7 @@ import { createElement } from "react";
 var manifest_default = {
   schema: "refineui.authoring/1",
   packageName: "@refineui/react",
-  packageVersion: "0.4.0",
+  packageVersion: "0.5.0",
   css: [
     "@refineui/react/refineui.css"
   ],
@@ -146,6 +146,110 @@ var manifest_default = {
         }
       ]
     },
+    {
+      id: "button-group",
+      exportPath: "@refineui/react",
+      exportName: "ButtonGroup",
+      kind: "root",
+      category: "components",
+      label: "Button Group",
+      props: [
+        {
+          name: "size",
+          label: "Size",
+          valueType: "enum",
+          control: "segmented",
+          options: [
+            "sm",
+            "md",
+            "lg"
+          ],
+          defaultValue: "md",
+          section: "variants"
+        },
+        {
+          name: "variant",
+          label: "Variant",
+          valueType: "enum",
+          control: "select",
+          options: [
+            "primary",
+            "secondary",
+            "outline",
+            "ghost"
+          ],
+          defaultValue: "ghost",
+          section: "variants"
+        },
+        {
+          name: "orientation",
+          label: "Orientation",
+          valueType: "enum",
+          control: "segmented",
+          options: [
+            "horizontal",
+            "vertical"
+          ],
+          defaultValue: "horizontal",
+          section: "variants"
+        },
+        {
+          name: "attached",
+          label: "Attached",
+          valueType: "boolean",
+          control: "toggle",
+          defaultValue: true,
+          section: "properties"
+        }
+      ],
+      preview: {
+        mode: "full"
+      },
+      slots: [
+        {
+          name: "children",
+          accepts: [
+            "Button"
+          ],
+          repeatable: true,
+          min: 1
+        }
+      ],
+      presets: [
+        {
+          id: "actions",
+          label: "Item actions",
+          root: {
+            component: "ButtonGroup",
+            props: {
+              "aria-label": "Item actions"
+            },
+            slots: {
+              children: [
+                {
+                  component: "Button",
+                  text: "Edit"
+                },
+                {
+                  component: "Button",
+                  text: "Duplicate"
+                },
+                {
+                  component: "Button",
+                  text: "Archive"
+                }
+              ]
+            }
+          }
+        }
+      ],
+      events: [
+        {
+          name: "click",
+          payload: "void"
+        }
+      ]
+    },
     {
       id: "input",
       exportPath: "@refineui/react",
@@ -198,6 +302,373 @@ var manifest_default = {
         }
       ]
     },
+    {
+      id: "date-input",
+      exportPath: "@refineui/react",
+      exportName: "DateInput",
+      kind: "root",
+      category: "components",
+      label: "Date Input",
+      props: [
+        {
+          name: "mode",
+          label: "mode",
+          valueType: "enum",
+          control: "segmented",
+          options: [
+            "single",
+            "range"
+          ],
+          defaultValue: "single",
+          section: "variants"
+        }
+      ],
+      preview: {
+        mode: "full"
+      },
+      slots: [
+        {
+          name: "children",
+          accepts: [],
+          repeatable: true,
+          allowText: true,
+          allowAnyComponent: true,
+          defaultChildren: []
+        }
+      ],
+      presets: [
+        {
+          id: "default",
+          label: "Default",
+          root: {
+            component: "DateInput",
+            slots: {
+              children: [
+                {
+                  component: "Text",
+                  props: {
+                    variant: "bodyMd"
+                  },
+                  text: "Date Input"
+                }
+              ]
+            }
+          }
+        }
+      ],
+      events: [
+        {
+          name: "click",
+          payload: "void"
+        }
+      ]
+    },
+    {
+      id: "time-input",
+      exportPath: "@refineui/react",
+      exportName: "TimeInput",
+      kind: "root",
+      category: "utilities",
+      label: "Time Input",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      slots: [
+        {
+          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: "code-block",
+      exportPath: "@refineui/react",
+      exportName: "CodeBlock",
+      kind: "root",
+      category: "components",
+      label: "Code Block",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      slots: [
+        {
+          name: "children",
+          accepts: [
+            "CodeBlockHeader",
+            "CodeBlockContent"
+          ],
+          repeatable: true
+        }
+      ],
+      presets: [
+        {
+          id: "typescript",
+          label: "TypeScript",
+          root: {
+            component: "CodeBlock",
+            slots: {
+              children: [
+                {
+                  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: "CodeBlockContent",
+                  props: {
+                    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: "}"
+                      }
+                    ]
+                  }
+                }
+              ]
+            }
+          }
+        }
+      ],
+      events: [
+        {
+          name: "click",
+          payload: "void"
+        }
+      ]
+    },
+    {
+      id: "code-block-actions",
+      exportPath: "@refineui/react",
+      exportName: "CodeBlockActions",
+      kind: "part",
+      category: "parts",
+      label: "Code Block Actions",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      parents: [
+        {
+          component: "CodeBlockHeader",
+          slot: "children"
+        }
+      ],
+      slots: [
+        {
+          name: "children",
+          accepts: [
+            "CodeBlockCopyButton",
+            "Button"
+          ],
+          repeatable: true
+        }
+      ]
+    },
+    {
+      id: "code-block-content",
+      exportPath: "@refineui/react",
+      exportName: "CodeBlockContent",
+      kind: "part",
+      category: "parts",
+      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: "CodeBlock",
+          slot: "children"
+        }
+      ],
+      slots: [
+        {
+          name: "children",
+          accepts: [
+            "CodeBlockLine"
+          ],
+          repeatable: true,
+          min: 1
+        }
+      ]
+    },
+    {
+      id: "code-block-copy-button",
+      exportPath: "@refineui/react",
+      exportName: "CodeBlockCopyButton",
+      kind: "part",
+      category: "parts",
+      label: "Code Block Copy Button",
+      props: [
+        {
+          name: "value",
+          label: "value",
+          valueType: "string",
+          control: "textarea",
+          defaultValue: "",
+          required: true,
+          section: "properties"
+        }
+      ],
+      preview: {
+        mode: "full"
+      },
+      parents: [
+        {
+          component: "CodeBlockActions",
+          slot: "children"
+        }
+      ]
+    },
+    {
+      id: "code-block-header",
+      exportPath: "@refineui/react",
+      exportName: "CodeBlockHeader",
+      kind: "part",
+      category: "parts",
+      label: "Code Block Header",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      parents: [
+        {
+          component: "CodeBlock",
+          slot: "children"
+        }
+      ],
+      slots: [
+        {
+          name: "children",
+          accepts: [
+            "CodeBlockTitle",
+            "CodeBlockActions"
+          ],
+          repeatable: true
+        }
+      ]
+    },
+    {
+      id: "code-block-line",
+      exportPath: "@refineui/react",
+      exportName: "CodeBlockLine",
+      kind: "part",
+      category: "parts",
+      label: "Code Block Line",
+      props: [
+        {
+          name: "variant",
+          valueType: "enum",
+          control: "segmented",
+          options: [
+            "default",
+            "highlighted"
+          ],
+          defaultValue: "default",
+          section: "variants",
+          label: "variant"
+        }
+      ],
+      preview: {
+        mode: "full"
+      },
+      parents: [
+        {
+          component: "CodeBlockContent",
+          slot: "children"
+        }
+      ]
+    },
+    {
+      id: "code-block-title",
+      exportPath: "@refineui/react",
+      exportName: "CodeBlockTitle",
+      kind: "part",
+      category: "parts",
+      label: "Code Block Title",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      parents: [
+        {
+          component: "CodeBlockHeader",
+          slot: "children"
+        }
+      ]
+    },
     {
       id: "input-otp",
       exportPath: "@refineui/react",
@@ -1233,7 +1704,7 @@ var manifest_default = {
           accepts: [
             "SelectLabel",
             "SelectItem",
-            "SelectSeparator"
+            "SelectDivider"
           ],
           repeatable: true
         }
@@ -1423,12 +1894,12 @@ var manifest_default = {
       ]
     },
     {
-      id: "select-separator",
+      id: "select-divider",
       exportPath: "@refineui/react",
-      exportName: "SelectSeparator",
+      exportName: "SelectDivider",
       kind: "part",
       category: "parts",
-      label: "Select Separator",
+      label: "Select Divider",
       props: [],
       preview: {
         mode: "full"
@@ -1514,7 +1985,7 @@ var manifest_default = {
           accepts: [
             "SelectGroup",
             "SelectItem",
-            "SelectSeparator"
+            "SelectDivider"
           ],
           repeatable: true
         }
@@ -2045,19 +2516,19 @@ var manifest_default = {
             "CommandEmpty",
             "CommandGroup",
             "CommandItem",
-            "CommandSeparator"
+            "CommandDivider"
           ],
           repeatable: true
         }
       ]
     },
     {
-      id: "command-separator",
+      id: "command-divider",
       exportPath: "@refineui/react",
-      exportName: "CommandSeparator",
+      exportName: "CommandDivider",
       kind: "part",
       category: "parts",
-      label: "Command Separator",
+      label: "Command Divider",
       props: [],
       preview: {
         mode: "full"
@@ -2121,44 +2592,178 @@ var manifest_default = {
           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: "Tag",
+            slots: {
+              children: [
+                {
+                  component: "Text",
+                  props: {
+                    variant: "bodyMd"
+                  },
+                  text: "Tag"
+                }
+              ]
+            }
+          }
+        }
+      ],
+      events: [
+        {
+          name: "click",
+          payload: "void"
+        }
+      ]
+    },
+    {
+      id: "result",
+      exportPath: "@refineui/react",
+      exportName: "Result",
+      kind: "root",
+      category: "utilities",
+      label: "Result",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      slots: [
+        {
+          name: "children",
+          accepts: [
+            "ResultActions",
+            "ResultButton",
+            "ResultDescription",
+            "ResultIcon",
+            "ResultTitle"
+          ],
+          repeatable: true,
+          allowText: false,
+          allowAnyComponent: false,
+          defaultChildren: []
+        }
+      ],
+      presets: [
+        {
+          id: "default",
+          label: "Default",
+          root: {
+            component: "Result",
+            slots: {}
+          }
+        }
+      ],
+      events: [
+        {
+          name: "click",
+          payload: "void"
+        }
+      ]
+    },
+    {
+      id: "result-actions",
+      exportPath: "@refineui/react",
+      exportName: "ResultActions",
+      kind: "part",
+      category: "parts",
+      label: "Result Actions",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      parents: [
+        {
+          component: "Result",
+          slot: "children"
+        }
+      ]
+    },
+    {
+      id: "result-button",
+      exportPath: "@refineui/react",
+      exportName: "ResultButton",
+      kind: "part",
+      category: "parts",
+      label: "Result Button",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      parents: [
+        {
+          component: "Result",
+          slot: "children"
+        }
+      ]
+    },
+    {
+      id: "result-description",
+      exportPath: "@refineui/react",
+      exportName: "ResultDescription",
+      kind: "part",
+      category: "parts",
+      label: "Result Description",
+      props: [],
       preview: {
         mode: "full"
       },
-      slots: [
+      parents: [
         {
-          name: "children",
-          accepts: [],
-          repeatable: true,
-          allowText: true,
-          allowAnyComponent: true,
-          defaultChildren: []
+          component: "Result",
+          slot: "children"
         }
-      ],
-      presets: [
+      ]
+    },
+    {
+      id: "result-icon",
+      exportPath: "@refineui/react",
+      exportName: "ResultIcon",
+      kind: "part",
+      category: "parts",
+      label: "Result Icon",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      parents: [
         {
-          id: "default",
-          label: "Default",
-          root: {
-            component: "Tag",
-            slots: {
-              children: [
-                {
-                  component: "Text",
-                  props: {
-                    variant: "bodyMd"
-                  },
-                  text: "Tag"
-                }
-              ]
-            }
-          }
+          component: "Result",
+          slot: "children"
         }
-      ],
-      events: [
+      ]
+    },
+    {
+      id: "result-title",
+      exportPath: "@refineui/react",
+      exportName: "ResultTitle",
+      kind: "part",
+      category: "parts",
+      label: "Result Title",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      parents: [
         {
-          name: "click",
-          payload: "void"
+          component: "Result",
+          slot: "children"
         }
       ]
     },
@@ -4748,7 +5353,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"
       },
@@ -5679,7 +6297,7 @@ var manifest_default = {
             "DropdownGroup",
             "DropdownItem",
             "DropdownLabel",
-            "DropdownSeparator",
+            "DropdownDivider",
             "DropdownSub"
           ],
           repeatable: true
@@ -5709,7 +6327,7 @@ var manifest_default = {
           accepts: [
             "DropdownItem",
             "DropdownLabel",
-            "DropdownSeparator",
+            "DropdownDivider",
             "DropdownSub"
           ],
           repeatable: true
@@ -5798,12 +6416,12 @@ var manifest_default = {
       ]
     },
     {
-      id: "dropdown-separator",
+      id: "dropdown-divider",
       exportPath: "@refineui/react",
-      exportName: "DropdownSeparator",
+      exportName: "DropdownDivider",
       kind: "part",
       category: "parts",
-      label: "Dropdown Separator",
+      label: "Dropdown Divider",
       props: [],
       preview: {
         mode: "full"
@@ -7519,7 +8137,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"
       },
@@ -9138,6 +9773,216 @@ var manifest_default = {
         }
       ]
     },
+    {
+      id: "toolbar",
+      exportPath: "@refineui/react",
+      exportName: "Toolbar",
+      kind: "root",
+      category: "components",
+      label: "Toolbar",
+      props: [
+        {
+          name: "size",
+          label: "size",
+          valueType: "enum",
+          control: "segmented",
+          options: [
+            "sm",
+            "md",
+            "lg"
+          ],
+          defaultValue: "sm",
+          section: "variants"
+        },
+        {
+          name: "orientation",
+          label: "orientation",
+          valueType: "enum",
+          control: "segmented",
+          options: [
+            "horizontal",
+            "vertical"
+          ],
+          defaultValue: "horizontal",
+          section: "variants"
+        }
+      ],
+      preview: {
+        mode: "full"
+      },
+      slots: [
+        {
+          name: "children",
+          accepts: [
+            "ToolbarGroup",
+            "ToolbarButton",
+            "ToolbarToggleButton",
+            "ToolbarDivider"
+          ],
+          repeatable: true
+        }
+      ],
+      presets: [
+        {
+          id: "formatting",
+          label: "Text formatting",
+          root: {
+            component: "Toolbar",
+            props: {
+              label: "Text formatting"
+            },
+            slots: {
+              children: [
+                {
+                  component: "ToolbarGroup",
+                  props: {
+                    "aria-label": "Text style"
+                  },
+                  slots: {
+                    children: [
+                      {
+                        component: "ToolbarToggleButton",
+                        props: {
+                          "aria-label": "Bold"
+                        }
+                      },
+                      {
+                        component: "ToolbarToggleButton",
+                        props: {
+                          "aria-label": "Italic"
+                        }
+                      }
+                    ]
+                  }
+                },
+                {
+                  component: "ToolbarDivider"
+                },
+                {
+                  component: "ToolbarGroup",
+                  props: {
+                    "aria-label": "Clipboard"
+                  },
+                  slots: {
+                    children: [
+                      {
+                        component: "ToolbarButton",
+                        props: {
+                          "aria-label": "Copy"
+                        }
+                      },
+                      {
+                        component: "ToolbarButton",
+                        props: {
+                          "aria-label": "Cut"
+                        }
+                      }
+                    ]
+                  }
+                }
+              ]
+            }
+          }
+        }
+      ],
+      events: [
+        {
+          name: "click",
+          payload: "void"
+        }
+      ]
+    },
+    {
+      id: "toolbar-button",
+      exportPath: "@refineui/react",
+      exportName: "ToolbarButton",
+      kind: "part",
+      category: "parts",
+      label: "Toolbar Button",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      parents: [
+        {
+          component: "Toolbar",
+          slot: "children"
+        },
+        {
+          component: "ToolbarGroup",
+          slot: "children"
+        }
+      ]
+    },
+    {
+      id: "toolbar-group",
+      exportPath: "@refineui/react",
+      exportName: "ToolbarGroup",
+      kind: "part",
+      category: "parts",
+      label: "Toolbar Group",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      parents: [
+        {
+          component: "Toolbar",
+          slot: "children"
+        }
+      ],
+      slots: [
+        {
+          name: "children",
+          accepts: [
+            "ToolbarButton",
+            "ToolbarToggleButton"
+          ],
+          repeatable: true,
+          min: 1
+        }
+      ]
+    },
+    {
+      id: "toolbar-divider",
+      exportPath: "@refineui/react",
+      exportName: "ToolbarDivider",
+      kind: "part",
+      category: "parts",
+      label: "Toolbar Divider",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      parents: [
+        {
+          component: "Toolbar",
+          slot: "children"
+        }
+      ]
+    },
+    {
+      id: "toolbar-toggle-button",
+      exportPath: "@refineui/react",
+      exportName: "ToolbarToggleButton",
+      kind: "part",
+      category: "parts",
+      label: "Toolbar Toggle Button",
+      props: [],
+      preview: {
+        mode: "full"
+      },
+      parents: [
+        {
+          component: "Toolbar",
+          slot: "children"
+        },
+        {
+          component: "ToolbarGroup",
+          slot: "children"
+        }
+      ]
+    },
     {
       id: "chart",
       exportPath: "@refineui/react",
@@ -9794,7 +10639,7 @@ var manifest_default = {
           accepts: [
             "ContextMenuItem",
             "ContextMenuLabel",
-            "ContextMenuSeparator",
+            "ContextMenuDivider",
             "ContextMenuSub"
           ],
           repeatable: true
@@ -9906,12 +10751,12 @@ var manifest_default = {
       ]
     },
     {
-      id: "context-menu-separator",
+      id: "context-menu-divider",
       exportPath: "@refineui/react",
-      exportName: "ContextMenuSeparator",
+      exportName: "ContextMenuDivider",
       kind: "part",
       category: "parts",
-      label: "Context Menu Separator",
+      label: "Context Menu Divider",
       props: [],
       preview: {
         mode: "full"
@@ -10032,7 +10877,7 @@ var manifest_default = {
           accepts: [
             "ContextMenuItem",
             "ContextMenuLabel",
-            "ContextMenuSeparator",
+            "ContextMenuDivider",
             "ContextMenuSub"
           ],
           repeatable: true