@refineui/react 0.4.0 → 0.5.0

package/dist/spec/authoring/manifest.json

@@ -1,7 +1,7 @@
 {
   "schema": "refineui.authoring/1",
   "packageName": "@refineui/react",
-  "packageVersion": "0.4.0",
+  "packageVersion": "0.5.0",
   "css": [
     "@refineui/react/refineui.css"
   ],
@@ -142,6 +142,110 @@
         }
       ]
     },
+    {
+      "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",
@@ -194,6 +298,373 @@
         }
       ]
     },
+    {
+      "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",
@@ -1229,7 +1700,7 @@
           "accepts": [
             "SelectLabel",
             "SelectItem",
-            "SelectSeparator"
+            "SelectDivider"
           ],
           "repeatable": true
         }
@@ -1419,12 +1890,12 @@
       ]
     },
     {
-      "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"
@@ -1510,7 +1981,7 @@
           "accepts": [
             "SelectGroup",
             "SelectItem",
-            "SelectSeparator"
+            "SelectDivider"
           ],
           "repeatable": true
         }
@@ -2041,19 +2512,19 @@
             "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"
@@ -2117,44 +2588,178 @@
           "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"
         }
       ]
     },
@@ -4744,7 +5349,20 @@
       "kind": "root",
       "category": "components",
       "label": "Calendar",
-      "props": [],
+      "props": [
+        {
+          "name": "mode",
+          "label": "mode",
+          "valueType": "enum",
+          "control": "segmented",
+          "options": [
+            "single",
+            "range"
+          ],
+          "defaultValue": "single",
+          "section": "variants"
+        }
+      ],
       "preview": {
         "mode": "full"
       },
@@ -5675,7 +6293,7 @@
             "DropdownGroup",
             "DropdownItem",
             "DropdownLabel",
-            "DropdownSeparator",
+            "DropdownDivider",
             "DropdownSub"
           ],
           "repeatable": true
@@ -5705,7 +6323,7 @@
           "accepts": [
             "DropdownItem",
             "DropdownLabel",
-            "DropdownSeparator",
+            "DropdownDivider",
             "DropdownSub"
           ],
           "repeatable": true
@@ -5794,12 +6412,12 @@
       ]
     },
     {
-      "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"
@@ -7515,7 +8133,24 @@
       "kind": "part",
       "category": "parts",
       "label": "Popover Content",
-      "props": [],
+      "props": [
+        {
+          "name": "surface",
+          "valueType": "boolean",
+          "control": "toggle",
+          "defaultValue": true,
+          "section": "properties",
+          "label": "surface"
+        },
+        {
+          "name": "fitContent",
+          "valueType": "boolean",
+          "control": "toggle",
+          "defaultValue": false,
+          "section": "properties",
+          "label": "fit Content"
+        }
+      ],
       "preview": {
         "mode": "full"
       },
@@ -9134,6 +9769,216 @@
         }
       ]
     },
+    {
+      "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",
@@ -9790,7 +10635,7 @@
           "accepts": [
             "ContextMenuItem",
             "ContextMenuLabel",
-            "ContextMenuSeparator",
+            "ContextMenuDivider",
             "ContextMenuSub"
           ],
           "repeatable": true
@@ -9902,12 +10747,12 @@
       ]
     },
     {
-      "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"
@@ -10028,7 +10873,7 @@
           "accepts": [
             "ContextMenuItem",
             "ContextMenuLabel",
-            "ContextMenuSeparator",
+            "ContextMenuDivider",
             "ContextMenuSub"
           ],
           "repeatable": true