@weaverse/react 0.5.11 → 0.6.1

package/dist/index.js

@@ -90,106 +90,24 @@ Button.defaultProps = {
 var schema2 = {
   title: "Button",
   type: "button",
-  settings: [
+  styles: [
     {
-      tab: "Settings",
-      label: "Alignment",
-      inspectors: [
-        {
-          binding: "style",
-          type: "alignment"
-        }
-      ]
+      type: "alignment"
     },
     {
-      tab: "Settings",
-      label: "Visibility",
-      inspectors: [
-        {
-          binding: "style",
-          type: "visibility"
-        }
-      ]
+      type: "visibility"
     },
     {
-      tab: "Settings",
-      label: "Dimensions",
-      inspectors: [
-        {
-          binding: "style",
-          type: "dimensions"
-        }
-      ]
+      type: "dimensions"
     },
     {
-      tab: "Settings",
-      label: "Spacing",
-      inspectors: [
-        {
-          binding: "style",
-          type: "spacing"
-        }
-      ]
+      type: "spacing"
     },
     {
-      tab: "Settings",
-      label: "Overlay",
-      inspectors: [
-        {
-          binding: "data",
-          key: "applyOverlay",
-          label: "Apply Overlay",
-          type: "switch"
-        },
-        {
-          binding: "data",
-          key: "buttonType",
-          label: "Button Type",
-          type: "select",
-          options: [
-            { value: 1, label: "One" },
-            { value: 2, label: "Two" }
-          ]
-        }
-      ]
-    },
-    {
-      tab: "Settings",
-      label: "Group 1",
-      inspectors: [
-        {
-          binding: "data",
-          key: "value",
-          type: "textarea",
-          placeholder: "Button text",
-          label: "Button text 1"
-        },
-        {
-          binding: "data",
-          key: "value",
-          type: "input",
-          placeholder: "Button text",
-          label: "Button text 2"
-        },
-        {
-          binding: "style",
-          key: "backgroundColor",
-          type: "color"
-        }
-      ]
-    },
-    {
-      tab: "Settings",
-      label: "Group 2",
-      inspectors: [
-        {
-          binding: "style",
-          key: "color",
-          type: "color"
-        }
-      ]
+      type: "background"
     }
   ],
+  settings: [],
   toolbar: [],
   data: {
     css: {
@@ -218,46 +136,29 @@ var schema3 = {
       "@desktop": {
         display: "flex",
         backgroundColor: "rgba(248,203,203,0.38)",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        justifyContent: "center",
+        textAlign: "left",
         gridArea: "1 / 1 / 3 / 6",
-        minHeight: "96px",
-        overflow: "hidden"
-      },
-      "@mobile": {
-        width: "100%"
+        overflow: "hidden",
+        width: "100%",
+        height: "fit-content"
       }
     }
   },
-  settings: [
-    {
-      tab: "Settings",
-      label: "Alignment",
-      inspectors: [
-        {
-          binding: "style",
-          type: "alignment"
-        }
-      ]
-    },
-    {
-      tab: "Settings",
-      label: "Visibility",
-      inspectors: [
-        {
-          binding: "style",
-          type: "visibility"
-        }
-      ]
-    }
-  ]
+  settings: []
 };
 var container_default = Container;
 
 // src/elements/layout.tsx
 var import_react3 = __toESM(require("react"));
 var Layout = (0, import_react3.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ import_react3.default.createElement("div", __spreadValues({
+  return /* @__PURE__ */ import_react3.default.createElement("div", __spreadProps(__spreadValues({
     ref
-  }, props));
+  }, props), {
+    children: props.children || "Layout Placeholder"
+  }));
 });
 var schema4 = {
   title: "Layout",
@@ -268,28 +169,19 @@ var schema4 = {
         display: "grid !important",
         gridTemplateRows: "repeat(auto-fill, $rowSize)",
         gridTemplateColumns: "repeat($columns, 1fr)",
+        gridAutoRows: "$sizes$rowSize",
         gridGap: "$gap",
         minHeight: "104px",
         width: "100%",
         margin: "0 auto"
       },
       "@mobile": {
-        display: "flex !important"
+        display: "flex !important",
+        flexDirection: "column"
       }
     }
   },
-  settings: [
-    {
-      tab: "Settings",
-      label: "Spacing",
-      inspectors: [
-        {
-          binding: "style",
-          type: "spacing"
-        }
-      ]
-    }
-  ]
+  settings: []
 };
 var layout_default = Layout;
 
@@ -309,32 +201,18 @@ Text.defaultProps = {
 var schema5 = {
   type: "text",
   title: "Text Settings",
-  settings: [
-    {
-      tab: "General",
-      label: "Text",
-      inspectors: [
-        {
-          binding: "data",
-          key: "value",
-          type: "textarea"
-        },
-        {
-          binding: "style",
-          key: "color",
-          type: "color"
-        }
-      ]
-    }
-  ],
+  settings: [],
   data: {
     css: {
       "@desktop": {
         width: "100%",
         height: "fit-content",
-        "&:focus": {
-          outline: "none"
-        }
+        padding: 0,
+        margin: 0,
+        outline: "none",
+        wordBreak: "break-word",
+        overflowWrap: "break-word",
+        whitespace: "break-spaces"
       }
     }
   }

package/dist/index.mjs

@@ -63,106 +63,24 @@ Button.defaultProps = {
 var schema2 = {
   title: "Button",
   type: "button",
-  settings: [
+  styles: [
     {
-      tab: "Settings",
-      label: "Alignment",
-      inspectors: [
-        {
-          binding: "style",
-          type: "alignment"
-        }
-      ]
+      type: "alignment"
     },
     {
-      tab: "Settings",
-      label: "Visibility",
-      inspectors: [
-        {
-          binding: "style",
-          type: "visibility"
-        }
-      ]
+      type: "visibility"
     },
     {
-      tab: "Settings",
-      label: "Dimensions",
-      inspectors: [
-        {
-          binding: "style",
-          type: "dimensions"
-        }
-      ]
+      type: "dimensions"
     },
     {
-      tab: "Settings",
-      label: "Spacing",
-      inspectors: [
-        {
-          binding: "style",
-          type: "spacing"
-        }
-      ]
+      type: "spacing"
     },
     {
-      tab: "Settings",
-      label: "Overlay",
-      inspectors: [
-        {
-          binding: "data",
-          key: "applyOverlay",
-          label: "Apply Overlay",
-          type: "switch"
-        },
-        {
-          binding: "data",
-          key: "buttonType",
-          label: "Button Type",
-          type: "select",
-          options: [
-            { value: 1, label: "One" },
-            { value: 2, label: "Two" }
-          ]
-        }
-      ]
-    },
-    {
-      tab: "Settings",
-      label: "Group 1",
-      inspectors: [
-        {
-          binding: "data",
-          key: "value",
-          type: "textarea",
-          placeholder: "Button text",
-          label: "Button text 1"
-        },
-        {
-          binding: "data",
-          key: "value",
-          type: "input",
-          placeholder: "Button text",
-          label: "Button text 2"
-        },
-        {
-          binding: "style",
-          key: "backgroundColor",
-          type: "color"
-        }
-      ]
-    },
-    {
-      tab: "Settings",
-      label: "Group 2",
-      inspectors: [
-        {
-          binding: "style",
-          key: "color",
-          type: "color"
-        }
-      ]
+      type: "background"
     }
   ],
+  settings: [],
   toolbar: [],
   data: {
     css: {
@@ -191,46 +109,29 @@ var schema3 = {
       "@desktop": {
         display: "flex",
         backgroundColor: "rgba(248,203,203,0.38)",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        justifyContent: "center",
+        textAlign: "left",
         gridArea: "1 / 1 / 3 / 6",
-        minHeight: "96px",
-        overflow: "hidden"
-      },
-      "@mobile": {
-        width: "100%"
+        overflow: "hidden",
+        width: "100%",
+        height: "fit-content"
       }
     }
   },
-  settings: [
-    {
-      tab: "Settings",
-      label: "Alignment",
-      inspectors: [
-        {
-          binding: "style",
-          type: "alignment"
-        }
-      ]
-    },
-    {
-      tab: "Settings",
-      label: "Visibility",
-      inspectors: [
-        {
-          binding: "style",
-          type: "visibility"
-        }
-      ]
-    }
-  ]
+  settings: []
 };
 var container_default = Container;
 
 // src/elements/layout.tsx
 import React4, { forwardRef as forwardRef3 } from "react";
 var Layout = forwardRef3((props, ref) => {
-  return /* @__PURE__ */ React4.createElement("div", __spreadValues({
+  return /* @__PURE__ */ React4.createElement("div", __spreadProps(__spreadValues({
     ref
-  }, props));
+  }, props), {
+    children: props.children || "Layout Placeholder"
+  }));
 });
 var schema4 = {
   title: "Layout",
@@ -241,28 +142,19 @@ var schema4 = {
         display: "grid !important",
         gridTemplateRows: "repeat(auto-fill, $rowSize)",
         gridTemplateColumns: "repeat($columns, 1fr)",
+        gridAutoRows: "$sizes$rowSize",
         gridGap: "$gap",
         minHeight: "104px",
         width: "100%",
         margin: "0 auto"
       },
       "@mobile": {
-        display: "flex !important"
+        display: "flex !important",
+        flexDirection: "column"
       }
     }
   },
-  settings: [
-    {
-      tab: "Settings",
-      label: "Spacing",
-      inspectors: [
-        {
-          binding: "style",
-          type: "spacing"
-        }
-      ]
-    }
-  ]
+  settings: []
 };
 var layout_default = Layout;
 
@@ -282,32 +174,18 @@ Text.defaultProps = {
 var schema5 = {
   type: "text",
   title: "Text Settings",
-  settings: [
-    {
-      tab: "General",
-      label: "Text",
-      inspectors: [
-        {
-          binding: "data",
-          key: "value",
-          type: "textarea"
-        },
-        {
-          binding: "style",
-          key: "color",
-          type: "color"
-        }
-      ]
-    }
-  ],
+  settings: [],
   data: {
     css: {
       "@desktop": {
         width: "100%",
         height: "fit-content",
-        "&:focus": {
-          outline: "none"
-        }
+        padding: 0,
+        margin: 0,
+        outline: "none",
+        wordBreak: "break-word",
+        overflowWrap: "break-word",
+        whitespace: "break-spaces"
       }
     }
   }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.5.11",
+  "version": "0.6.1",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -31,6 +31,6 @@
   "name": "@weaverse/react",
   "author": "Weaverse Team",
   "dependencies": {
-    "@weaverse/core": "0.5.11"
+    "@weaverse/core": "0.5.14"
   }
 }