@refineui/react 0.0.12 → 0.1.0

package/dist/index.cjs

@@ -18,8 +18,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var index_exports = {};
-__export(index_exports, {
+var src_exports = {};
+__export(src_exports, {
   Accordion: () => Accordion,
   AccordionContent: () => AccordionContent,
   AccordionItem: () => AccordionItem,
@@ -312,7 +312,7 @@ __export(index_exports, {
   useSidebar: () => useSidebar,
   useSidebarPeek: () => useSidebarPeek
 });
-module.exports = __toCommonJS(index_exports);
+module.exports = __toCommonJS(src_exports);
 
 // src/tokens/componentColorTokens.ts
 var import_color = require("@refineui/utilities/color");

package/dist/spec/authoring/README.md

@@ -0,0 +1,36 @@
+# RefineUI authoring manifest
+
+This is the editor-neutral authoring contract for `@refineui/react`. It is
+additive: the existing React API, CSS entrypoint, and behavior specs remain the
+source of runtime behavior.
+
+```ts
+import manifest, { renderAuthoringNode } from "@refineui/react/authoring-manifest";
+import * as RefineUI from "@refineui/react";
+
+const carousel = manifest.components.find((component) => component.exportName === "Carousel")!;
+const element = renderAuthoringNode(carousel.presets![0].root, RefineUI);
+```
+
+Tools that prefer data-only loading may import
+`@refineui/react/authoring-manifest.json`. Persist authoring nodes using the
+`component`, `props`, `slots`, and optional `text` fields. `text` represents a
+structural text child; it is intentionally not a React `children` prop.
+
+Slots normally become React children. A slot with `target: "prop"` and `prop`
+instead supplies a ReactNode-valued component property. For example, a Toast
+stores its message as a `Text` node in its `message` slot and an optional
+`WebIcon` node in its `icon` slot. This keeps content and icons structural and
+serializable rather than placing React nodes in `props`.
+
+For a portal contract with `containerComponent` and `containerProp`, pass the
+editor's themed overlay element as the optional third argument to
+`renderAuthoringNode`. The runtime injects that DOM reference only while
+rendering; the persisted authoring tree remains JSON-only.
+
+The manifest is generated with `bun run generate:authoring` and checked with
+`bun run validate:authoring`. Consumers should use `kind: "root"` for their
+insert palette, and use each part's explicit `parents` and slot constraints for
+child menus. Event callbacks, refs, React nodes, and portal DOM targets are not
+serializable props: they are represented by `events`, `stateBindings`,
+`iconSlots`, and `portal` contracts.

package/dist/spec/authoring/components/accordion-content.json

@@ -0,0 +1,18 @@
+{
+  "id": "accordion-content",
+  "exportPath": "@refineui/react",
+  "exportName": "AccordionContent",
+  "kind": "part",
+  "category": "parts",
+  "label": "Accordion Content",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "AccordionItem",
+      "slot": "children"
+    }
+  ]
+}

package/dist/spec/authoring/components/accordion-item.json

@@ -0,0 +1,37 @@
+{
+  "id": "accordion-item",
+  "exportPath": "@refineui/react",
+  "exportName": "AccordionItem",
+  "kind": "part",
+  "category": "parts",
+  "label": "Accordion Item",
+  "props": [
+    {
+      "name": "value",
+      "label": "value",
+      "valueType": "string",
+      "control": "text",
+      "required": true,
+      "section": "properties"
+    }
+  ],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "Accordion",
+      "slot": "children"
+    }
+  ],
+  "slots": [
+    {
+      "name": "children",
+      "accepts": [
+        "AccordionTrigger",
+        "AccordionContent"
+      ],
+      "repeatable": true
+    }
+  ]
+}

package/dist/spec/authoring/components/accordion-trigger.json

@@ -0,0 +1,18 @@
+{
+  "id": "accordion-trigger",
+  "exportPath": "@refineui/react",
+  "exportName": "AccordionTrigger",
+  "kind": "part",
+  "category": "parts",
+  "label": "Accordion Trigger",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "AccordionItem",
+      "slot": "children"
+    }
+  ]
+}

package/dist/spec/authoring/components/accordion.json

@@ -0,0 +1,102 @@
+{
+  "id": "accordion",
+  "exportPath": "@refineui/react",
+  "exportName": "Accordion",
+  "kind": "root",
+  "category": "components",
+  "label": "Accordion",
+  "props": [
+    {
+      "name": "size",
+      "label": "size",
+      "valueType": "enum",
+      "control": "segmented",
+      "options": [
+        "sm",
+        "md",
+        "lg"
+      ],
+      "defaultValue": "sm",
+      "section": "variants"
+    },
+    {
+      "name": "type",
+      "label": "type",
+      "valueType": "enum",
+      "control": "segmented",
+      "options": [
+        "single",
+        "multiple"
+      ],
+      "defaultValue": "single",
+      "section": "variants"
+    }
+  ],
+  "preview": {
+    "mode": "full"
+  },
+  "slots": [
+    {
+      "name": "children",
+      "accepts": [
+        "AccordionItem"
+      ],
+      "repeatable": true,
+      "min": 1
+    }
+  ],
+  "presets": [
+    {
+      "id": "items",
+      "label": "Accordion",
+      "root": {
+        "component": "Accordion",
+        "props": {
+          "type": "single",
+          "defaultValue": "item-1"
+        },
+        "slots": {
+          "children": [
+            {
+              "component": "AccordionItem",
+              "props": {
+                "value": "item-1"
+              },
+              "slots": {
+                "children": [
+                  {
+                    "component": "AccordionTrigger",
+                    "text": "What is RefineUI?"
+                  },
+                  {
+                    "component": "AccordionContent",
+                    "text": "A composable component library."
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    }
+  ],
+  "stateBindings": [
+    {
+      "name": "value",
+      "valueProp": "value",
+      "defaultValueProp": "defaultValue",
+      "changeEvent": "onValueChange",
+      "valueType": "json"
+    }
+  ],
+  "events": [
+    {
+      "name": "click",
+      "payload": "void"
+    },
+    {
+      "name": "onValueChange",
+      "payload": "object"
+    }
+  ]
+}

package/dist/spec/authoring/components/alert-action.json

@@ -0,0 +1,18 @@
+{
+  "id": "alert-action",
+  "exportPath": "@refineui/react",
+  "exportName": "AlertAction",
+  "kind": "part",
+  "category": "parts",
+  "label": "Alert Action",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "AlertActions",
+      "slot": "children"
+    }
+  ]
+}

package/dist/spec/authoring/components/alert-actions.json

@@ -0,0 +1,28 @@
+{
+  "id": "alert-actions",
+  "exportPath": "@refineui/react",
+  "exportName": "AlertActions",
+  "kind": "part",
+  "category": "parts",
+  "label": "Alert Actions",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "Alert",
+      "slot": "children"
+    }
+  ],
+  "slots": [
+    {
+      "name": "children",
+      "accepts": [
+        "AlertAction",
+        "AlertClose"
+      ],
+      "repeatable": true
+    }
+  ]
+}

package/dist/spec/authoring/components/alert-body.json

@@ -0,0 +1,28 @@
+{
+  "id": "alert-body",
+  "exportPath": "@refineui/react",
+  "exportName": "AlertBody",
+  "kind": "part",
+  "category": "parts",
+  "label": "Alert Body",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "AlertContent",
+      "slot": "children"
+    }
+  ],
+  "slots": [
+    {
+      "name": "children",
+      "accepts": [
+        "AlertTitle",
+        "AlertDescription"
+      ],
+      "repeatable": true
+    }
+  ]
+}

package/dist/spec/authoring/components/alert-close.json

@@ -0,0 +1,22 @@
+{
+  "id": "alert-close",
+  "exportPath": "@refineui/react",
+  "exportName": "AlertClose",
+  "kind": "part",
+  "category": "parts",
+  "label": "Alert Close",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "AlertActions",
+      "slot": "children"
+    },
+    {
+      "component": "Alert",
+      "slot": "children"
+    }
+  ]
+}

package/dist/spec/authoring/components/alert-content.json

@@ -0,0 +1,33 @@
+{
+  "id": "alert-content",
+  "exportPath": "@refineui/react",
+  "exportName": "AlertContent",
+  "kind": "part",
+  "category": "parts",
+  "label": "Alert Content",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "Alert",
+      "slot": "children"
+    },
+    {
+      "component": "AlertRow",
+      "slot": "children"
+    }
+  ],
+  "slots": [
+    {
+      "name": "children",
+      "accepts": [
+        "AlertBody",
+        "AlertTitle",
+        "AlertDescription"
+      ],
+      "repeatable": true
+    }
+  ]
+}

package/dist/spec/authoring/components/alert-description.json

@@ -0,0 +1,22 @@
+{
+  "id": "alert-description",
+  "exportPath": "@refineui/react",
+  "exportName": "AlertDescription",
+  "kind": "part",
+  "category": "parts",
+  "label": "Alert Description",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "AlertBody",
+      "slot": "children"
+    },
+    {
+      "component": "AlertContent",
+      "slot": "children"
+    }
+  ]
+}

package/dist/spec/authoring/components/alert-icon.json

@@ -0,0 +1,18 @@
+{
+  "id": "alert-icon",
+  "exportPath": "@refineui/react",
+  "exportName": "AlertIcon",
+  "kind": "part",
+  "category": "parts",
+  "label": "Alert Icon",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "AlertRow",
+      "slot": "children"
+    }
+  ]
+}

package/dist/spec/authoring/components/alert-row.json

@@ -0,0 +1,28 @@
+{
+  "id": "alert-row",
+  "exportPath": "@refineui/react",
+  "exportName": "AlertRow",
+  "kind": "part",
+  "category": "parts",
+  "label": "Alert Row",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "Alert",
+      "slot": "children"
+    }
+  ],
+  "slots": [
+    {
+      "name": "children",
+      "accepts": [
+        "AlertIcon",
+        "AlertContent"
+      ],
+      "repeatable": true
+    }
+  ]
+}

package/dist/spec/authoring/components/alert-title.json

@@ -0,0 +1,22 @@
+{
+  "id": "alert-title",
+  "exportPath": "@refineui/react",
+  "exportName": "AlertTitle",
+  "kind": "part",
+  "category": "parts",
+  "label": "Alert Title",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "AlertBody",
+      "slot": "children"
+    },
+    {
+      "component": "AlertContent",
+      "slot": "children"
+    }
+  ]
+}

package/dist/spec/authoring/components/alert.json

@@ -0,0 +1,85 @@
+{
+  "id": "alert",
+  "exportPath": "@refineui/react",
+  "exportName": "Alert",
+  "kind": "root",
+  "category": "components",
+  "label": "Alert",
+  "props": [
+    {
+      "name": "variant",
+      "label": "variant",
+      "valueType": "enum",
+      "control": "select",
+      "options": [
+        "default",
+        "info",
+        "success",
+        "warning",
+        "danger",
+        "custom"
+      ],
+      "defaultValue": "default",
+      "section": "variants"
+    }
+  ],
+  "preview": {
+    "mode": "full"
+  },
+  "slots": [
+    {
+      "name": "children",
+      "accepts": [
+        "AlertRow",
+        "AlertContent",
+        "AlertActions",
+        "AlertClose"
+      ],
+      "repeatable": true
+    }
+  ],
+  "presets": [
+    {
+      "id": "notice",
+      "label": "Notice",
+      "root": {
+        "component": "Alert",
+        "props": {
+          "variant": "info"
+        },
+        "slots": {
+          "children": [
+            {
+              "component": "AlertRow",
+              "slots": {
+                "children": [
+                  {
+                    "component": "AlertContent",
+                    "slots": {
+                      "children": [
+                        {
+                          "component": "AlertTitle",
+                          "text": "Heads up"
+                        },
+                        {
+                          "component": "AlertDescription",
+                          "text": "This is a helpful message."
+                        }
+                      ]
+                    }
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    }
+  ],
+  "events": [
+    {
+      "name": "click",
+      "payload": "void"
+    }
+  ]
+}

package/dist/spec/authoring/components/avatar-badge.json

@@ -0,0 +1,18 @@
+{
+  "id": "avatar-badge",
+  "exportPath": "@refineui/react",
+  "exportName": "AvatarBadge",
+  "kind": "part",
+  "category": "parts",
+  "label": "Avatar Badge",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "Avatar",
+      "slot": "children"
+    }
+  ]
+}

package/dist/spec/authoring/components/avatar-fallback.json

@@ -0,0 +1,18 @@
+{
+  "id": "avatar-fallback",
+  "exportPath": "@refineui/react",
+  "exportName": "AvatarFallback",
+  "kind": "part",
+  "category": "parts",
+  "label": "Avatar Fallback",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "Avatar",
+      "slot": "children"
+    }
+  ]
+}

package/dist/spec/authoring/components/avatar-group-count.json

@@ -0,0 +1,18 @@
+{
+  "id": "avatar-group-count",
+  "exportPath": "@refineui/react",
+  "exportName": "AvatarGroupCount",
+  "kind": "part",
+  "category": "parts",
+  "label": "Avatar Group Count",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "AvatarGroup",
+      "slot": "children"
+    }
+  ]
+}

package/dist/spec/authoring/components/avatar-group.json

@@ -0,0 +1,57 @@
+{
+  "id": "avatar-group",
+  "exportPath": "@refineui/react",
+  "exportName": "AvatarGroup",
+  "kind": "root",
+  "category": "components",
+  "label": "Avatar Group",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "slots": [
+    {
+      "name": "children",
+      "accepts": [
+        "Avatar",
+        "AvatarGroupCount"
+      ],
+      "repeatable": true
+    }
+  ],
+  "presets": [
+    {
+      "id": "group",
+      "label": "Avatar group",
+      "root": {
+        "component": "AvatarGroup",
+        "slots": {
+          "children": [
+            {
+              "component": "Avatar",
+              "slots": {
+                "children": [
+                  {
+                    "component": "AvatarText",
+                    "text": "A"
+                  }
+                ]
+              }
+            },
+            {
+              "component": "Avatar",
+              "slots": {
+                "children": [
+                  {
+                    "component": "AvatarText",
+                    "text": "B"
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    }
+  ]
+}

package/dist/spec/authoring/components/avatar-icon.json

@@ -0,0 +1,18 @@
+{
+  "id": "avatar-icon",
+  "exportPath": "@refineui/react",
+  "exportName": "AvatarIcon",
+  "kind": "part",
+  "category": "parts",
+  "label": "Avatar Icon",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "Avatar",
+      "slot": "children"
+    }
+  ]
+}