@refineui/react 0.4.0 → 0.4.1

package/dist/spec/authoring/manifest.json

@@ -1,7 +1,7 @@
 {
   "schema": "refineui.authoring/1",
   "packageName": "@refineui/react",
-  "packageVersion": "0.4.0",
+  "packageVersion": "0.4.1",
   "css": [
     "@refineui/react/refineui.css"
   ],
@@ -194,6 +194,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",
@@ -2158,6 +2525,140 @@
         }
       ]
     },
+    {
+      "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"
+      },
+      "parents": [
+        {
+          "component": "Result",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "result-icon",
+      "exportPath": "@refineui/react",
+      "exportName": "ResultIcon",
+      "kind": "part",
+      "category": "parts",
+      "label": "Result Icon",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "Result",
+          "slot": "children"
+        }
+      ]
+    },
+    {
+      "id": "result-title",
+      "exportPath": "@refineui/react",
+      "exportName": "ResultTitle",
+      "kind": "part",
+      "category": "parts",
+      "label": "Result Title",
+      "props": [],
+      "preview": {
+        "mode": "full"
+      },
+      "parents": [
+        {
+          "component": "Result",
+          "slot": "children"
+        }
+      ]
+    },
     {
       "id": "kbd",
       "exportPath": "@refineui/react",
@@ -4744,7 +5245,20 @@
       "kind": "root",
       "category": "components",
       "label": "Calendar",
-      "props": [],
+      "props": [
+        {
+          "name": "mode",
+          "label": "mode",
+          "valueType": "enum",
+          "control": "segmented",
+          "options": [
+            "single",
+            "range"
+          ],
+          "defaultValue": "single",
+          "section": "variants"
+        }
+      ],
       "preview": {
         "mode": "full"
       },
@@ -7515,7 +8029,24 @@
       "kind": "part",
       "category": "parts",
       "label": "Popover Content",
-      "props": [],
+      "props": [
+        {
+          "name": "surface",
+          "valueType": "boolean",
+          "control": "toggle",
+          "defaultValue": true,
+          "section": "properties",
+          "label": "surface"
+        },
+        {
+          "name": "fitContent",
+          "valueType": "boolean",
+          "control": "toggle",
+          "defaultValue": false,
+          "section": "properties",
+          "label": "fit Content"
+        }
+      ],
       "preview": {
         "mode": "full"
       },

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/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/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 }
+}