@refineui/react 0.4.0 → 0.5.0

package/dist/spec/components/button-group.json

@@ -0,0 +1,77 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "button-group",
+  "version": 1,
+  "export": "ButtonGroup",
+  "anatomy": {
+    "root": "button-group",
+    "button": "button"
+  },
+  "attributes": {
+    "data-refineui": "button-group"
+  },
+  "variants": {
+    "size": [
+      "sm",
+      "md",
+      "lg"
+    ],
+    "variant": [
+      "primary",
+      "secondary",
+      "outline",
+      "ghost"
+    ],
+    "orientation": [
+      "horizontal",
+      "vertical"
+    ]
+  },
+  "states": {
+    "pseudo": [
+      "hover",
+      "active",
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "accessibility": {
+    "button-group": {
+      "element": "div",
+      "role": "group",
+      "labeling": {
+        "accessibleName": "optional"
+      }
+    },
+    "button": {
+      "element": "button",
+      "native": true
+    }
+  },
+  "keyboard": {
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    },
+    "behavior": {
+      "roving": false
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/dist/spec/components/calendar.json

@@ -10,6 +10,15 @@
   "attributes": {
     "data-refineui": "calendar"
   },
+  "variants": {
+    "mode": [
+      "single",
+      "range"
+    ]
+  },
+  "tokens": {
+    "visual": "calendar"
+  },
   "states": {
     "pseudo": [
       "focus-visible"

package/dist/spec/components/code-block.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "code-block",
+  "version": 1,
+  "export": "CodeBlock",
+  "anatomy": {
+    "root": "code-block",
+    "actions": "code-block-actions",
+    "content": "code-block-content",
+    "copy": "code-block-copy",
+    "header": "code-block-header",
+    "line": "code-block-line",
+    "title": "code-block-title"
+  },
+  "attributes": {
+    "data-refineui": "code-block"
+  }
+}

package/dist/spec/components/command.json

@@ -12,7 +12,7 @@
     "input": "command-input",
     "item": "command-item",
     "list": "command-list",
-    "separator": "command-separator",
+    "divider": "command-divider",
     "shortcut": "command-shortcut"
   },
   "attributes": {

package/dist/spec/components/date-input.json

@@ -0,0 +1,71 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "date-input",
+  "version": 1,
+  "export": "DateInput",
+  "anatomy": {
+    "root": "date-input"
+  },
+  "attributes": {
+    "data-refineui": "date-input"
+  },
+  "variants": {
+    "mode": [
+      "single",
+      "range"
+    ]
+  },
+  "tokens": {
+    "visual": "input"
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "component": {
+      "selection": [
+        "placeholder",
+        "value"
+      ],
+      "validation": [
+        "error",
+        "success"
+      ]
+    },
+    "availability": [
+      "disabled"
+    ],
+    "environment": [
+      "dir"
+    ]
+  },
+  "accessibility": {
+    "date-input": {
+      "element": "button",
+      "native": true,
+      "labeling": {
+        "accessibleName": "required"
+      }
+    }
+  },
+  "keyboard": {
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/dist/spec/components/dropdown.json

@@ -8,7 +8,7 @@
     "dropdown_item": "dropdown-item",
     "group": "dropdown-menu-group",
     "label": "dropdown-menu-label",
-    "separator": "dropdown-menu-separator",
+    "divider": "dropdown-menu-divider",
     "shortcut": "dropdown-menu-shortcut"
   },
   "attributes": {

package/dist/spec/components/result.json

@@ -0,0 +1 @@
+{"$schema":"../schema/component-spec.schema.json","component":"result","version":1,"export":"Result","anatomy":{"root":"result","icon":"result-icon","title":"result-title","description":"result-description","actions":"result-actions"},"attributes":{"data-refineui":"result"},"variants":{"variant":["success","info","warning","error"]},"accessibility":{"result":{"element":"section","labeling":{"accessibleName":"required"}}},"layout":{"direction":"logical","rtl":true}}

package/dist/spec/components/time-input.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "time-input",
+  "version": 1,
+  "export": "TimeInput",
+  "anatomy": { "root": "time-input" },
+  "attributes": { "data-refineui": "time-input" },
+  "tokens": { "visual": "input" },
+  "states": {
+    "pseudo": ["focus-visible"],
+    "component": {
+      "selection": ["placeholder", "value"],
+      "validation": ["error", "success"]
+    },
+    "availability": ["disabled"],
+    "environment": ["dir"]
+  },
+  "accessibility": {
+    "time-input": { "element": "button", "native": true, "labeling": { "accessibleName": "required" } }
+  },
+  "keyboard": { "Enter": { "action": "activate", "native": true }, "Space": { "action": "activate", "native": true } },
+  "focus": { "visual": { "required": true, "selector": ":focus-visible" } },
+  "layout": { "direction": "logical", "rtl": true }
+}

package/dist/spec/components/toolbar.json

@@ -0,0 +1,91 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "toolbar",
+  "version": 1,
+  "export": "Toolbar",
+  "anatomy": {
+    "root": "toolbar",
+    "group": "toolbar-group",
+    "button": "toolbar-button",
+    "toggle": "toolbar-toggle-button",
+    "divider": "toolbar-divider"
+  },
+  "attributes": {
+    "data-refineui": "toolbar"
+  },
+  "variants": {
+    "size": [
+      "sm",
+      "md",
+      "lg"
+    ],
+    "orientation": [
+      "horizontal",
+      "vertical"
+    ]
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "accessibility": {
+    "toolbar": {
+      "element": "div",
+      "role": "toolbar",
+      "labeling": {
+        "accessibleName": "required"
+      }
+    },
+    "toolbar-group": {
+      "element": "div",
+      "role": "group"
+    },
+    "toolbar-divider": {
+      "element": "div",
+      "role": "separator"
+    },
+    "toolbar-button": {
+      "element": "button"
+    },
+    "toolbar-toggle-button": {
+      "element": "button",
+      "states": [
+        "aria-pressed"
+      ]
+    }
+  },
+  "keyboard": {
+    "ArrowRight": "next-trigger",
+    "ArrowLeft": "previous-trigger",
+    "ArrowDown": "next-trigger",
+    "ArrowUp": "previous-trigger",
+    "Home": "first-trigger",
+    "End": "last-trigger",
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    },
+    "behavior": {
+      "roving": true
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/dist/spec/contract-index.json

@@ -3,7 +3,7 @@
   "contractLayer": "component-spec",
   "contractLayerVersion": "1.1",
   "status": "catalog",
-  "generatedAt": "2026-11-13T08:09:43.261Z",
+  "generatedAt": "2026-11-15T15:52:55.302Z",
   "role": "Behavior and DOM contracts — source of truth for Doctor, MCP, and Docs",
   "files": {
     "manifest": "./manifest.json",
@@ -141,6 +141,15 @@
         ],
         "recipe": "button"
       },
+      {
+        "name": "ButtonGroup",
+        "id": "button-group",
+        "spec": "./components/button-group.json",
+        "export": "ButtonGroup",
+        "dataRefineui": [
+          "button-group"
+        ]
+      },
       {
         "name": "Calendar",
         "id": "calendar",
@@ -151,6 +160,15 @@
           "calendar-day"
         ]
       },
+      {
+        "name": "DateInput",
+        "id": "date-input",
+        "spec": "./components/date-input.json",
+        "export": "DateInput",
+        "dataRefineui": [
+          "date-input"
+        ]
+      },
       {
         "name": "Card",
         "id": "card",
@@ -231,6 +249,21 @@
           "chip-remove"
         ]
       },
+      {
+        "name": "CodeBlock",
+        "id": "code-block",
+        "spec": "./components/code-block.json",
+        "export": "CodeBlock",
+        "dataRefineui": [
+          "code-block",
+          "code-block-actions",
+          "code-block-content",
+          "code-block-copy",
+          "code-block-header",
+          "code-block-line",
+          "code-block-title"
+        ]
+      },
       {
         "name": "Command",
         "id": "command",
@@ -238,13 +271,13 @@
         "export": "Command",
         "dataRefineui": [
           "command",
+          "command-divider",
           "command-empty",
           "command-group",
           "command-group-heading",
           "command-input",
           "command-item",
           "command-list",
-          "command-separator",
           "command-shortcut"
         ]
       },
@@ -293,10 +326,10 @@
         "dataRefineui": [
           "dropdown-item",
           "dropdown-menu",
+          "dropdown-menu-divider",
           "dropdown-menu-group",
           "dropdown-menu-label",
           "dropdown-menu-root",
-          "dropdown-menu-separator",
           "dropdown-menu-shortcut"
         ]
       },
@@ -701,6 +734,18 @@
           "tooltip"
         ]
       },
+      {
+        "name": "Toolbar",
+        "id": "toolbar",
+        "spec": "./components/toolbar.json",
+        "export": "Toolbar",
+        "dataRefineui": [
+          "toolbar",
+          "toolbar-button",
+          "toolbar-divider",
+          "toolbar-group"
+        ]
+      },
       {
         "name": "Tree",
         "id": "tree",

package/dist/spec/manifest.json

@@ -107,6 +107,15 @@
       ],
       "recipe": "button"
     },
+    {
+      "name": "ButtonGroup",
+      "id": "button-group",
+      "spec": "./components/button-group.json",
+      "export": "ButtonGroup",
+      "dataRefineui": [
+        "button-group"
+      ]
+    },
     {
       "name": "Calendar",
       "id": "calendar",
@@ -117,6 +126,15 @@
         "calendar-day"
       ]
     },
+    {
+      "name": "DateInput",
+      "id": "date-input",
+      "spec": "./components/date-input.json",
+      "export": "DateInput",
+      "dataRefineui": [
+        "date-input"
+      ]
+    },
     {
       "name": "Card",
       "id": "card",
@@ -197,6 +215,21 @@
         "chip-remove"
       ]
     },
+    {
+      "name": "CodeBlock",
+      "id": "code-block",
+      "spec": "./components/code-block.json",
+      "export": "CodeBlock",
+      "dataRefineui": [
+        "code-block",
+        "code-block-actions",
+        "code-block-content",
+        "code-block-copy",
+        "code-block-header",
+        "code-block-line",
+        "code-block-title"
+      ]
+    },
     {
       "name": "Command",
       "id": "command",
@@ -204,13 +237,13 @@
       "export": "Command",
       "dataRefineui": [
         "command",
+        "command-divider",
         "command-empty",
         "command-group",
         "command-group-heading",
         "command-input",
         "command-item",
         "command-list",
-        "command-separator",
         "command-shortcut"
       ]
     },
@@ -259,10 +292,10 @@
       "dataRefineui": [
         "dropdown-item",
         "dropdown-menu",
+        "dropdown-menu-divider",
         "dropdown-menu-group",
         "dropdown-menu-label",
         "dropdown-menu-root",
-        "dropdown-menu-separator",
         "dropdown-menu-shortcut"
       ]
     },
@@ -667,6 +700,18 @@
         "tooltip"
       ]
     },
+    {
+      "name": "Toolbar",
+      "id": "toolbar",
+      "spec": "./components/toolbar.json",
+      "export": "Toolbar",
+      "dataRefineui": [
+        "toolbar",
+        "toolbar-button",
+        "toolbar-divider",
+        "toolbar-group"
+      ]
+    },
     {
       "name": "Tree",
       "id": "tree",

package/dist/spec/token-trace-v2.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 2,
-  "generatedAt": "2026-11-13T08:09:43.259Z",
+  "generatedAt": "2026-11-15T15:52:55.299Z",
   "contractLayer": "component-token-trace",
   "tokens": {
     "webIcon.primary": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refineui/react",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "RefineUI React components — Pelagornis RefineUI Web Kit",
   "type": "module",
   "license": "MIT",
@@ -37,7 +37,7 @@
     "test:authoring:browser": "vitest run --config vitest.authoring.browser.config.ts"
   },
   "dependencies": {
-    "@refineui/tokens": "2.2.1",
+    "@refineui/tokens": "2.2.2",
     "@refineui/utilities": "0.0.4",
     "@refineui/web-icons": "^0.3.39",
     "clsx": "2.1.1"