@weaverse/react 0.5.5 → 0.5.7

package/dist/index.js

@@ -184,49 +184,52 @@ var schema2 = {
 };
 var button_default = Button;
 
-// src/elements/flex.tsx
+// src/elements/container.tsx
 var import_react2 = __toESM(require("react"));
-var Flex = (0, import_react2.forwardRef)((props, ref) => {
+var Container = (0, import_react2.forwardRef)((props, ref) => {
   return /* @__PURE__ */ import_react2.default.createElement("div", __spreadValues({
     ref
   }, props));
 });
 var schema3 = {
-  title: "Flex",
-  type: "flex",
+  title: "Container",
+  type: "container",
   data: {
     css: {
       "@desktop": {
         display: "flex",
         backgroundColor: "rgba(248,203,203,0.38)",
-        gridArea: "1 / 1 / 3 / 3"
-      }
+        gridArea: "1 / 1 / 3 / 6",
+        minHeight: "96px"
+      },
+      "@mobile": {}
     }
   },
   settings: [
     {
-      tab: "Layout",
-      label: "Flex",
+      tab: "Settings",
+      label: "Alignment",
       inspectors: [
         {
-          type: "flex"
+          binding: "style",
+          type: "alignment"
         }
       ]
     }
   ]
 };
-var flex_default = Flex;
+var container_default = Container;
 
-// src/elements/grid.tsx
+// src/elements/layout.tsx
 var import_react3 = __toESM(require("react"));
-var Grid = (0, import_react3.forwardRef)((props, ref) => {
+var Layout = (0, import_react3.forwardRef)((props, ref) => {
   return /* @__PURE__ */ import_react3.default.createElement("div", __spreadValues({
     ref
   }, props));
 });
 var schema4 = {
-  title: "Grid",
-  type: "grid",
+  title: "Layout",
+  type: "layout",
   data: {
     css: {
       "@desktop": {
@@ -238,24 +241,24 @@ var schema4 = {
         backgroundColor: "#c7c7c7"
       },
       "@mobile": {
-        gridTemplateRows: "100%",
-        gridTemplateColumns: "100%"
+        display: "flex"
       }
     }
   },
   settings: [
     {
-      tab: "Layout",
-      label: "Grid",
+      tab: "Settings",
+      label: "Spacing",
       inspectors: [
         {
-          type: "grid"
+          binding: "style",
+          type: "spacing"
         }
       ]
     }
   ]
 };
-var grid_default = Grid;
+var layout_default = Layout;
 
 // src/elements/text.tsx
 var React5 = __toESM(require("react"));
@@ -310,12 +313,12 @@ var elements = {
     Component: text_default,
     schema: schema5
   },
-  Grid: {
-    Component: grid_default,
+  Layout: {
+    Component: layout_default,
     schema: schema4
   },
-  Flex: {
-    Component: flex_default,
+  Container: {
+    Component: container_default,
     schema: schema3
   }
 };

package/dist/index.mjs

@@ -157,49 +157,52 @@ var schema2 = {
 };
 var button_default = Button;
 
-// src/elements/flex.tsx
+// src/elements/container.tsx
 import React3, { forwardRef as forwardRef2 } from "react";
-var Flex = forwardRef2((props, ref) => {
+var Container = forwardRef2((props, ref) => {
   return /* @__PURE__ */ React3.createElement("div", __spreadValues({
     ref
   }, props));
 });
 var schema3 = {
-  title: "Flex",
-  type: "flex",
+  title: "Container",
+  type: "container",
   data: {
     css: {
       "@desktop": {
         display: "flex",
         backgroundColor: "rgba(248,203,203,0.38)",
-        gridArea: "1 / 1 / 3 / 3"
-      }
+        gridArea: "1 / 1 / 3 / 6",
+        minHeight: "96px"
+      },
+      "@mobile": {}
     }
   },
   settings: [
     {
-      tab: "Layout",
-      label: "Flex",
+      tab: "Settings",
+      label: "Alignment",
       inspectors: [
         {
-          type: "flex"
+          binding: "style",
+          type: "alignment"
         }
       ]
     }
   ]
 };
-var flex_default = Flex;
+var container_default = Container;
 
-// src/elements/grid.tsx
+// src/elements/layout.tsx
 import React4, { forwardRef as forwardRef3 } from "react";
-var Grid = forwardRef3((props, ref) => {
+var Layout = forwardRef3((props, ref) => {
   return /* @__PURE__ */ React4.createElement("div", __spreadValues({
     ref
   }, props));
 });
 var schema4 = {
-  title: "Grid",
-  type: "grid",
+  title: "Layout",
+  type: "layout",
   data: {
     css: {
       "@desktop": {
@@ -211,24 +214,24 @@ var schema4 = {
         backgroundColor: "#c7c7c7"
       },
       "@mobile": {
-        gridTemplateRows: "100%",
-        gridTemplateColumns: "100%"
+        display: "flex"
       }
     }
   },
   settings: [
     {
-      tab: "Layout",
-      label: "Grid",
+      tab: "Settings",
+      label: "Spacing",
       inspectors: [
         {
-          type: "grid"
+          binding: "style",
+          type: "spacing"
         }
       ]
     }
   ]
 };
-var grid_default = Grid;
+var layout_default = Layout;
 
 // src/elements/text.tsx
 import * as React5 from "react";
@@ -283,12 +286,12 @@ var elements = {
     Component: text_default,
     schema: schema5
   },
-  Grid: {
-    Component: grid_default,
+  Layout: {
+    Component: layout_default,
     schema: schema4
   },
-  Flex: {
-    Component: flex_default,
+  Container: {
+    Component: container_default,
     schema: schema3
   }
 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.5.5",
+  "version": "0.5.7",
   "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.4"
+    "@weaverse/core": "0.5.6"
   }
 }