@weaverse/react 0.5.10 → 0.5.13

package/dist/index.js

@@ -218,11 +218,14 @@ 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"
-      },
-      "@mobile": {
-        display: "flex"
+        overflow: "hidden",
+        width: "100%",
+        height: "fit-content"
       }
     }
   },
@@ -254,9 +257,11 @@ 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",
@@ -267,13 +272,15 @@ 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"
       }
     }
   },
@@ -296,16 +303,14 @@ var layout_default = Layout;
 var React5 = __toESM(require("react"));
 var Text = React5.forwardRef((props, ref) => {
   let _a = props, { children, value } = _a, rest = __objRest(_a, ["children", "value"]);
-  return /* @__PURE__ */ React5.createElement("span", __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React5.createElement("div", __spreadProps(__spreadValues({
     ref
   }, rest), {
-    contentEditable: true,
     dangerouslySetInnerHTML: { __html: value }
   }));
 });
 Text.defaultProps = {
-  value: "sample text",
-  tag: "span"
+  value: "sample text"
 };
 var schema5 = {
   type: "text",
@@ -327,7 +332,21 @@ var schema5 = {
         }
       ]
     }
-  ]
+  ],
+  data: {
+    css: {
+      "@desktop": {
+        width: "100%",
+        height: "fit-content",
+        padding: 0,
+        margin: 0,
+        outline: "none",
+        wordBreak: "break-word",
+        overflowWrap: "break-word",
+        whitespace: "break-spaces"
+      }
+    }
+  }
 };
 var text_default = Text;
 

package/dist/index.mjs

@@ -191,11 +191,14 @@ 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"
-      },
-      "@mobile": {
-        display: "flex"
+        overflow: "hidden",
+        width: "100%",
+        height: "fit-content"
       }
     }
   },
@@ -227,9 +230,11 @@ 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",
@@ -240,13 +245,15 @@ 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"
       }
     }
   },
@@ -269,16 +276,14 @@ var layout_default = Layout;
 import * as React5 from "react";
 var Text = React5.forwardRef((props, ref) => {
   let _a = props, { children, value } = _a, rest = __objRest(_a, ["children", "value"]);
-  return /* @__PURE__ */ React5.createElement("span", __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React5.createElement("div", __spreadProps(__spreadValues({
     ref
   }, rest), {
-    contentEditable: true,
     dangerouslySetInnerHTML: { __html: value }
   }));
 });
 Text.defaultProps = {
-  value: "sample text",
-  tag: "span"
+  value: "sample text"
 };
 var schema5 = {
   type: "text",
@@ -300,7 +305,21 @@ var schema5 = {
         }
       ]
     }
-  ]
+  ],
+  data: {
+    css: {
+      "@desktop": {
+        width: "100%",
+        height: "fit-content",
+        padding: 0,
+        margin: 0,
+        outline: "none",
+        wordBreak: "break-word",
+        overflowWrap: "break-word",
+        whitespace: "break-spaces"
+      }
+    }
+  }
 };
 var text_default = Text;
 

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.5.10",
+  "version": "0.5.13",
   "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.10"
+    "@weaverse/core": "0.5.13"
   }
 }