@weaverse/react 0.1.10 → 0.3.1

package/README.md

@@ -1 +0,0 @@
-TODO: update readme

package/dist/index.d.ts

@@ -1 +1,9 @@
-export { WeaverseRoot, createRootContext } from './renderer';
+import { WeaverseType, Weaverse } from '@weaverse/core';
+
+declare const createRootContext: (configs: WeaverseType) => Weaverse;
+declare const WeaverseRoot: ({ context, defaultData }: {
+    context: Weaverse;
+    defaultData: any;
+}) => JSX.Element;
+
+export { WeaverseRoot, createRootContext };

package/dist/index.js

@@ -1,8 +1,215 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 
-'use strict'
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  WeaverseRoot: () => WeaverseRoot,
+  createRootContext: () => createRootContext
+});
 
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./sdk-react.cjs.production.min.js')
-} else {
-  module.exports = require('./sdk-react.cjs.development.js')
+// src/renderer.tsx
+var React4 = __toESM(require("react"));
+var import_core = require("@weaverse/core");
+
+// src/elements/button.tsx
+var React = __toESM(require("react"));
+var Button = React.forwardRef((props, ref) => {
+  let [count, setCount] = React.useState(0);
+  return /* @__PURE__ */ React.createElement("button", __spreadProps(__spreadValues({
+    ref
+  }, props), {
+    onClick: () => setCount(count + 1)
+  }), "Test Button ", count);
+});
+Button.defaultProps = {
+  style: {
+    backgroundColor: "green",
+    borderRadius: "9999px",
+    fontSize: "13px",
+    padding: "10px 15px"
+  },
+  type: "button",
+  tag: "button"
+};
+var button_default = Button;
+
+// src/elements/base.tsx
+var import_react = __toESM(require("react"));
+var BaseElement = import_react.default.forwardRef((_a, ref) => {
+  var _b = _a, { tag, children } = _b, props = __objRest(_b, ["tag", "children"]);
+  return import_react.default.createElement(tag, __spreadValues({
+    ref
+  }, props), children);
+});
+BaseElement.defaultProps = {
+  type: "base",
+  tag: "div",
+  style: {}
+};
+var base_default = BaseElement;
+
+// src/elements/grid.tsx
+var import_react2 = __toESM(require("react"));
+function Grid(props) {
+  return /* @__PURE__ */ import_react2.default.createElement("div", __spreadValues({}, props));
 }
+Grid.defaultProps = {
+  style: {
+    display: "grid",
+    gridTemplate: "1fr / 1fr"
+  },
+  type: "grid"
+};
+
+// src/elements/index.ts
+var elements = {
+  Button: button_default,
+  BaseElement: base_default,
+  Grid
+};
+var elements_default = elements;
+
+// src/renderer.tsx
+var createRootContext = (configs) => {
+  const rootContext = new import_core.Weaverse(configs);
+  Object.keys(elements_default).forEach((key) => {
+    var _a, _b;
+    ((_b = (_a = elements_default[key]) == null ? void 0 : _a.defaultProps) == null ? void 0 : _b.type) && rootContext.registerElement(elements_default[key].defaultProps.type, elements_default[key]);
+  });
+  return rootContext;
+};
+var WeaverseRoot = ({ context, defaultData }) => {
+  var _a, _b, _c;
+  let [, setData] = React4.useState(context.projectData);
+  React4.useEffect(() => {
+    let handleUpdate = () => {
+      setData(__spreadValues({}, context.projectData));
+    };
+    context.subscribe(handleUpdate);
+    context.updateProjectData();
+    return () => {
+      context.unsubscribe(handleUpdate);
+    };
+  }, []);
+  if (!((_b = (_a = context.projectData) == null ? void 0 : _a.items) == null ? void 0 : _b.length) && defaultData) {
+    context.projectData = defaultData;
+    context.initItemData();
+  }
+  let handleProps = ((_c = context == null ? void 0 : context.studioBridge) == null ? void 0 : _c.handleProps) || {};
+  console.log("handleProps", handleProps);
+  return /* @__PURE__ */ React4.createElement("div", __spreadValues({}, handleProps), /* @__PURE__ */ React4.createElement(RenderItem, {
+    itemId: 0,
+    context
+  }));
+};
+var Item = ({ itemInstance, elementInstances, context }) => {
+  let [data, setData] = React4.useState(itemInstance.data);
+  let _a = data, { id, type, childIds, css, className } = _a, rest = __objRest(_a, ["id", "type", "childIds", "css", "className"]);
+  React4.useEffect(() => {
+    let handleUpdate = (update) => {
+      setData(__spreadValues({}, update));
+    };
+    itemInstance.subscribe(handleUpdate);
+    if (!itemInstance.ref.current && import_core.isBrowser) {
+      Object.assign(itemInstance.ref, { current: document.querySelector(`[data-wv-id="${id}"]`) });
+    }
+    return () => {
+      itemInstance.unsubscribe(handleUpdate);
+    };
+  }, []);
+  let realClassName = className || "";
+  if (css) {
+    let selector = context.stitchesInstance.css(css)().className;
+    realClassName += " " + selector;
+  }
+  let Component = elementInstances.get(type);
+  if (Component) {
+    if (Component.$$typeof === Symbol.for("react.forward_ref")) {
+      rest.ref = itemInstance.ref;
+    }
+    return /* @__PURE__ */ React4.createElement(Component, __spreadProps(__spreadValues({
+      key: id,
+      "data-wv-id": id
+    }, rest), {
+      className: realClassName
+    }), Array.isArray(childIds) && childIds.map((childId) => /* @__PURE__ */ React4.createElement(RenderItem, {
+      key: childId,
+      itemId: childId,
+      context
+    })));
+  }
+  return null;
+};
+var RenderItem = ({ itemId, context }) => {
+  let { itemInstances, elementInstances } = context;
+  let itemInstance = itemInstances.get(itemId);
+  if (itemInstance) {
+    return /* @__PURE__ */ React4.createElement(Item, {
+      itemInstance,
+      elementInstances,
+      context
+    });
+  }
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null);
+};
+module.exports = __toCommonJS(src_exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WeaverseRoot,
+  createRootContext
+});

package/dist/index.mjs

@@ -0,0 +1,181 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/renderer.tsx
+import * as React4 from "react";
+import { isBrowser, Weaverse } from "@weaverse/core";
+
+// src/elements/button.tsx
+import * as React from "react";
+var Button = React.forwardRef((props, ref) => {
+  let [count, setCount] = React.useState(0);
+  return /* @__PURE__ */ React.createElement("button", __spreadProps(__spreadValues({
+    ref
+  }, props), {
+    onClick: () => setCount(count + 1)
+  }), "Test Button ", count);
+});
+Button.defaultProps = {
+  style: {
+    backgroundColor: "green",
+    borderRadius: "9999px",
+    fontSize: "13px",
+    padding: "10px 15px"
+  },
+  type: "button",
+  tag: "button"
+};
+var button_default = Button;
+
+// src/elements/base.tsx
+import React2 from "react";
+var BaseElement = React2.forwardRef((_a, ref) => {
+  var _b = _a, { tag, children } = _b, props = __objRest(_b, ["tag", "children"]);
+  return React2.createElement(tag, __spreadValues({
+    ref
+  }, props), children);
+});
+BaseElement.defaultProps = {
+  type: "base",
+  tag: "div",
+  style: {}
+};
+var base_default = BaseElement;
+
+// src/elements/grid.tsx
+import React3 from "react";
+function Grid(props) {
+  return /* @__PURE__ */ React3.createElement("div", __spreadValues({}, props));
+}
+Grid.defaultProps = {
+  style: {
+    display: "grid",
+    gridTemplate: "1fr / 1fr"
+  },
+  type: "grid"
+};
+
+// src/elements/index.ts
+var elements = {
+  Button: button_default,
+  BaseElement: base_default,
+  Grid
+};
+var elements_default = elements;
+
+// src/renderer.tsx
+var createRootContext = (configs) => {
+  const rootContext = new Weaverse(configs);
+  Object.keys(elements_default).forEach((key) => {
+    var _a, _b;
+    ((_b = (_a = elements_default[key]) == null ? void 0 : _a.defaultProps) == null ? void 0 : _b.type) && rootContext.registerElement(elements_default[key].defaultProps.type, elements_default[key]);
+  });
+  return rootContext;
+};
+var WeaverseRoot = ({ context, defaultData }) => {
+  var _a, _b, _c;
+  let [, setData] = React4.useState(context.projectData);
+  React4.useEffect(() => {
+    let handleUpdate = () => {
+      setData(__spreadValues({}, context.projectData));
+    };
+    context.subscribe(handleUpdate);
+    context.updateProjectData();
+    return () => {
+      context.unsubscribe(handleUpdate);
+    };
+  }, []);
+  if (!((_b = (_a = context.projectData) == null ? void 0 : _a.items) == null ? void 0 : _b.length) && defaultData) {
+    context.projectData = defaultData;
+    context.initItemData();
+  }
+  let handleProps = ((_c = context == null ? void 0 : context.studioBridge) == null ? void 0 : _c.handleProps) || {};
+  console.log("handleProps", handleProps);
+  return /* @__PURE__ */ React4.createElement("div", __spreadValues({}, handleProps), /* @__PURE__ */ React4.createElement(RenderItem, {
+    itemId: 0,
+    context
+  }));
+};
+var Item = ({ itemInstance, elementInstances, context }) => {
+  let [data, setData] = React4.useState(itemInstance.data);
+  let _a = data, { id, type, childIds, css, className } = _a, rest = __objRest(_a, ["id", "type", "childIds", "css", "className"]);
+  React4.useEffect(() => {
+    let handleUpdate = (update) => {
+      setData(__spreadValues({}, update));
+    };
+    itemInstance.subscribe(handleUpdate);
+    if (!itemInstance.ref.current && isBrowser) {
+      Object.assign(itemInstance.ref, { current: document.querySelector(`[data-wv-id="${id}"]`) });
+    }
+    return () => {
+      itemInstance.unsubscribe(handleUpdate);
+    };
+  }, []);
+  let realClassName = className || "";
+  if (css) {
+    let selector = context.stitchesInstance.css(css)().className;
+    realClassName += " " + selector;
+  }
+  let Component = elementInstances.get(type);
+  if (Component) {
+    if (Component.$$typeof === Symbol.for("react.forward_ref")) {
+      rest.ref = itemInstance.ref;
+    }
+    return /* @__PURE__ */ React4.createElement(Component, __spreadProps(__spreadValues({
+      key: id,
+      "data-wv-id": id
+    }, rest), {
+      className: realClassName
+    }), Array.isArray(childIds) && childIds.map((childId) => /* @__PURE__ */ React4.createElement(RenderItem, {
+      key: childId,
+      itemId: childId,
+      context
+    })));
+  }
+  return null;
+};
+var RenderItem = ({ itemId, context }) => {
+  let { itemInstances, elementInstances } = context;
+  let itemInstance = itemInstances.get(itemId);
+  if (itemInstance) {
+    return /* @__PURE__ */ React4.createElement(Item, {
+      itemInstance,
+      elementInstances,
+      context
+    });
+  }
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null);
+};
+export {
+  WeaverseRoot,
+  createRootContext
+};

package/package.json

@@ -1,11 +1,13 @@
 {
-  "version": "0.1.10",
+  "version": "0.3.1",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
+  "module": "dist/index.mjs",
   "publishConfig": {
     "access": "public"
   },
+  "type": "commonjs",
   "files": [
     "dist"
   ],
@@ -13,24 +15,14 @@
     "node": ">=10"
   },
   "scripts": {
-    "start": "tsdx watch --name sdk-react",
-    "dev": "tsdx watch --name sdk-react",
-    "build": "tsdx build --name sdk-react",
-    "test": "tsdx test --passWithNoTests",
-    "lint": "tsdx lint",
-    "prepare": "tsdx build --name sdk-react",
-    "size": "size-limit",
-    "analyze": "size-limit --why"
+    "start": "npm run dev",
+    "dev": "tsup src/index.ts --format esm,cjs --dts --outDir dist --watch --external react",
+    "build": "tsup src/index.ts --format esm,cjs --dts --outDir dist --external react"
   },
   "peerDependencies": {
     "react": ">=17",
     "react-dom": ">=17"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "tsdx lint"
-    }
-  },
   "prettier": {
     "printWidth": 80,
     "semi": true,
@@ -39,29 +31,7 @@
   },
   "name": "@weaverse/react",
   "author": "Weaverse Team",
-  "module": "dist/sdk-react.esm.js",
-  "size-limit": [
-    {
-      "path": "dist/sdk-react.cjs.production.min.js",
-      "limit": "10 KB"
-    },
-    {
-      "path": "dist/sdk-react.esm.js",
-      "limit": "10 KB"
-    }
-  ],
-  "devDependencies": {
-    "@size-limit/preset-small-lib": "^7.0.8",
-    "@types/react": "^17.0.39",
-    "@types/react-dom": "^17.0.11",
-    "@types/react-is": "^17.0.3",
-    "husky": "^7.0.4",
-    "size-limit": "^7.0.8",
-    "tsdx": "^0.14.1",
-    "tslib": "^2.3.1",
-    "typescript": "^4.5.5"
-  },
   "dependencies": {
-    "@weaverse/core": "^0.2.4"
+    "@weaverse/core": "^0.3.1"
   }
 }

package/dist/elements/base.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const BaseElement: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
-export default BaseElement;

package/dist/elements/button.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-export declare const Button: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
-export default Button;

package/dist/elements/grid.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-declare function Grid(props: any): JSX.Element;
-declare namespace Grid {
-    var defaultProps: {
-        style: {
-            display: string;
-            gridTemplate: string;
-        };
-        type: string;
-    };
-}
-export default Grid;

package/dist/elements/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import Grid from './grid';
-declare const elements: {
-    Button: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
-    BaseElement: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
-    Grid: typeof Grid;
-};
-export default elements;

package/dist/renderer.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { Weaverse, WeaverseType } from '@weaverse/core';
-export declare const createRootContext: (configs: WeaverseType) => Weaverse;
-export declare const WeaverseRoot: ({ context, defaultData }: {
-    context: Weaverse;
-    defaultData: any;
-}) => JSX.Element;

package/dist/sdk-react.cjs.development.js

@@ -1,118 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = require('react');
-var React__default = _interopDefault(React);
-var core = require('@weaverse/core');
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _React$useState = React.useState(0),
-      count = _React$useState[0],
-      setCount = _React$useState[1];
-
-  return React.createElement("button", Object.assign({
-    ref: ref
-  }, props, {
-    onClick: function onClick() {
-      return setCount(count + 1);
-    }
-  }), "Test Button ", count);
-});
-Button.defaultProps = {
-  style: {
-    backgroundColor: 'green',
-    borderRadius: '9999px',
-    fontSize: '13px',
-    padding: '10px 15px'
-  },
-  type: 'button',
-  tag: 'button'
-};
-
-var _excluded = ["tag", "children"];
-var BaseElement = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var tag = _ref.tag,
-      children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  return React__default.createElement(tag, _extends({
-    ref: ref
-  }, props), children);
-});
-BaseElement.defaultProps = {
-  type: 'base',
-  tag: 'div',
-  style: {}
-};
-
-function Grid(props) {
-  return React__default.createElement("div", Object.assign({}, props));
-}
-Grid.defaultProps = {
-  style: {
-    display: 'grid',
-    gridTemplate: '1fr / 1fr'
-  },
-  type: 'grid'
-};
-
-var elements = {
-  Button: Button,
-  BaseElement: BaseElement,
-  Grid: Grid
-};
-
-var createRootContext = function createRootContext(configs) {
-  var rootContext = new core.Weaverse(configs); // Register the element components
-
-  Object.keys(elements).forEach(function (key) {
-    var _Elements$key, _Elements$key$default;
-
-    // @ts-ignore
-    ((_Elements$key = elements[key]) == null ? void 0 : (_Elements$key$default = _Elements$key.defaultProps) == null ? void 0 : _Elements$key$default.type) && rootContext.registerElement(elements[key].defaultProps.type, elements[key]);
-  });
-  return rootContext;
-};
-var WeaverseRoot = function WeaverseRoot(_ref) {
-  return React.createElement("div", null, "hiii");
-};
-
-exports.WeaverseRoot = WeaverseRoot;
-exports.createRootContext = createRootContext;
-//# sourceMappingURL=sdk-react.cjs.development.js.map

package/dist/sdk-react.cjs.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sdk-react.cjs.development.js","sources":["../src/elements/button.tsx","../src/elements/base.tsx","../src/elements/grid.tsx","../src/elements/index.ts","../src/renderer.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport const Button = React.forwardRef((props: any, ref) => {\n  let [count, setCount] = React.useState(0)\n  return <button ref={ref} {...props} onClick={() => setCount(count + 1)}>Test Button {count}</button>\n})\n\nButton.defaultProps = {\n    style: {\n        backgroundColor: 'green',\n        borderRadius: '9999px',\n        fontSize: '13px',\n        padding: '10px 15px'\n    },\n    type: 'button',\n    tag: 'button'\n}\n\nexport default Button","import React from 'react'\n\nexport const BaseElement = React.forwardRef((({tag, children, ...props}: any, ref) => {\n  return React.createElement(tag, {\n    ref,\n    ...props\n  }, children)\n}))\n\nBaseElement.defaultProps = {\n  type: 'base',\n  tag: 'div',\n  style: {}\n}\nexport default BaseElement\n","import React from 'react'\n\nexport default function Grid(props: any) {\n  return <div {...props} />\n}\n\nGrid.defaultProps = {\n  style: {\n    display: 'grid',\n    gridTemplate: '1fr / 1fr'\n  },\n  type: 'grid'\n}","import Button from './button'\nimport BaseElement from './base'\nimport Grid from './grid'\n\nconst elements = {\n  Button,\n  BaseElement,\n  Grid\n}\nexport default elements","import * as React from 'react'\nimport {isBrowser, Weaverse, WeaverseItemStore, WeaverseType} from '@weaverse/core'\nimport Elements from './elements'\n\nexport const createRootContext = (configs: WeaverseType) => {\n  const rootContext = new Weaverse(configs)\n  // Register the element components\n  Object.keys(Elements).forEach(key => {\n    // @ts-ignore\n    Elements[key]?.defaultProps?.type && rootContext.registerElement(Elements[key].defaultProps.type, Elements[key])\n  })\n  return rootContext\n}\n\nexport const WeaverseRoot = ({context, defaultData}: { context: Weaverse, defaultData: any }) => {\n  return <div>hiii</div>\n  let [, setData] = React.useState<any>(context.projectData)\n  React.useEffect(() => {\n    let handleUpdate = () => {\n      setData({...context.projectData})\n    }\n    context.subscribe(handleUpdate)\n    context.updateProjectData()\n    return () => {\n      context.unsubscribe(handleUpdate)\n    }\n  }, [])\n  if (!context.projectData?.items?.length && defaultData) {\n    context.projectData = defaultData\n    context.initItemData()\n  }\n  let handleProps = context?.studioBridge?.handleProps || {}\n  console.log('handleProps', handleProps)\n  return <div {...handleProps}>\n    <RenderItem itemId={0} context={context}/>\n  </div>\n}\n\n\ntype ItemProps = {\n  itemInstance: WeaverseItemStore\n  elementInstances: Map<string, React.FC>\n  context: Weaverse\n}\n\n\nconst Item = ({itemInstance, elementInstances, context}: ItemProps) => {\n  let [data, setData] = React.useState<any>(itemInstance.data)\n  let {id, type, childIds, css, className, ...rest} = data\n  React.useEffect(() => {\n    let handleUpdate = (update: any) => {\n      setData({...update})\n    }\n    itemInstance.subscribe(handleUpdate)\n    if (!itemInstance.ref.current && isBrowser) {\n      Object.assign(itemInstance.ref, {current: document.querySelector(`[data-wv-id=\"${id}\"]`)})\n    }\n\n    return () => {\n      itemInstance.unsubscribe(handleUpdate)\n    }\n  }, [])\n\n  let realClassName = className || ''\n  if (css) {\n\n    // let stitches create the style from css object and\n    // then return the classname, so we can use it in the render\n    let selector = (context.stitchesInstance.css(css)()).className\n    realClassName += ' ' + selector\n  }\n  let Component = elementInstances.get(type)\n  if (Component) {\n    // @ts-ignore\n    if (Component.$$typeof === Symbol.for('react.forward_ref')) {\n      rest.ref = itemInstance.ref\n    }\n    return <Component key={id} data-wv-id={id} {...rest} className={realClassName}>\n      {Array.isArray(childIds)\n              && childIds.map(childId =>\n                      <RenderItem\n                              key={childId}\n                              itemId={childId}\n                              context={context}\n                      />\n              )}\n    </Component>\n  }\n  return null\n}\n\nconst RenderItem = ({itemId, context}: { itemId: number, context: any }): any => {\n  let {itemInstances, elementInstances} = context\n  let itemInstance = itemInstances.get(itemId)\n  if (itemInstance) {\n    return <Item itemInstance={itemInstance} elementInstances={elementInstances} context={context}/>\n  }\n  return <></>\n}\n\n"],"names":["Button","React","props","ref","count","setCount","onClick","defaultProps","style","backgroundColor","borderRadius","fontSize","padding","type","tag","BaseElement","forwardRef","children","createElement","Grid","display","gridTemplate","elements","createRootContext","configs","rootContext","Weaverse","Object","keys","Elements","forEach","key","registerElement","WeaverseRoot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,MAAM,gBAAGC,gBAAA,CAAiB,UAACC,KAAD,EAAaC,GAAb;AACrC,wBAAwBF,cAAA,CAAe,CAAf,CAAxB;AAAA,MAAKG,KAAL;AAAA,MAAYC,QAAZ;;AACA,SAAOJ,mBAAA,SAAA;AAAQE,IAAAA,GAAG,EAAEA;KAASD;AAAOI,IAAAA,OAAO,EAAE;AAAA,aAAMD,QAAQ,CAACD,KAAK,GAAG,CAAT,CAAd;AAAA;IAAtC,gBAAA,EAA8EA,KAA9E,CAAP;AACD,CAHqB,CAAf;AAKPJ,MAAM,CAACO,YAAP,GAAsB;AAClBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,eAAe,EAAE,OADd;AAEHC,IAAAA,YAAY,EAAE,QAFX;AAGHC,IAAAA,QAAQ,EAAE,MAHP;AAIHC,IAAAA,OAAO,EAAE;AAJN,GADW;AAOlBC,EAAAA,IAAI,EAAE,QAPY;AAQlBC,EAAAA,GAAG,EAAE;AARa,CAAtB;;;ACPA,AAEO,IAAMC,WAAW,gBAAGd,cAAK,CAACe,UAAN,CAAkB,gBAAiCb,GAAjC;MAAEW,WAAAA;MAAKG,gBAAAA;MAAaf;;AAC/D,SAAOD,cAAK,CAACiB,aAAN,CAAoBJ,GAApB;AACLX,IAAAA,GAAG,EAAHA;AADK,KAEFD,KAFE,GAGJe,QAHI,CAAP;AAID,CAL0B,CAApB;AAOPF,WAAW,CAACR,YAAZ,GAA2B;AACzBM,EAAAA,IAAI,EAAE,MADmB;AAEzBC,EAAAA,GAAG,EAAE,KAFoB;AAGzBN,EAAAA,KAAK,EAAE;AAHkB,CAA3B;;SCPwBW,KAAKjB;AAC3B,SAAOD,4BAAA,MAAA,oBAASC,MAAT,CAAP;AACD;AAEDiB,IAAI,CAACZ,YAAL,GAAoB;AAClBC,EAAAA,KAAK,EAAE;AACLY,IAAAA,OAAO,EAAE,MADJ;AAELC,IAAAA,YAAY,EAAE;AAFT,GADW;AAKlBR,EAAAA,IAAI,EAAE;AALY,CAApB;;ACFA,IAAMS,QAAQ,GAAG;AACftB,EAAAA,MAAM,EAANA,MADe;AAEfe,EAAAA,WAAW,EAAXA,WAFe;AAGfI,EAAAA,IAAI,EAAJA;AAHe,CAAjB;;ICAaI,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,OAAD;AAC/B,MAAMC,WAAW,GAAG,IAAIC,aAAJ,CAAaF,OAAb,CAApB;;AAEAG,EAAAA,MAAM,CAACC,IAAP,CAAYC,QAAZ,EAAsBC,OAAtB,CAA8B,UAAAC,GAAG;;;AAC/B;AACA,sBAAAF,QAAQ,CAACE,GAAD,CAAR,4DAAexB,YAAf,2CAA6BM,IAA7B,KAAqCY,WAAW,CAACO,eAAZ,CAA4BH,QAAQ,CAACE,GAAD,CAAR,CAAcxB,YAAd,CAA2BM,IAAvD,EAA6DgB,QAAQ,CAACE,GAAD,CAArE,CAArC;AACD,GAHD;AAIA,SAAON,WAAP;AACD,CARM;AAUP,IAAaQ,YAAY,GAAG,SAAfA,YAAe;AAC1B,SAAOhC,mBAAA,MAAA,MAAA,QAAA,CAAP;AAqBD,CAtBM;;;;;"}

package/dist/sdk-react.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("@weaverse/core");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var o=t.forwardRef((function(e,r){var n=t.useState(0),a=n[0],o=n[1];return t.createElement("button",Object.assign({ref:r},e,{onClick:function(){return o(a+1)}}),"Test Button ",a)}));o.defaultProps={style:{backgroundColor:"green",borderRadius:"9999px",fontSize:"13px",padding:"10px 15px"},type:"button",tag:"button"};var u=["tag","children"],i=r.forwardRef((function(e,t){var n=e.tag,o=e.children,i=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t.indexOf(r=o[n])>=0||(a[r]=e[r]);return a}(e,u);return r.createElement(n,a({ref:t},i),o)}));function l(e){return r.createElement("div",Object.assign({},e))}i.defaultProps={type:"base",tag:"div",style:{}},l.defaultProps={style:{display:"grid",gridTemplate:"1fr / 1fr"},type:"grid"};var f={Button:o,BaseElement:i,Grid:l};exports.WeaverseRoot=function(e){return t.createElement("div",null,"hiii")},exports.createRootContext=function(e){var t=new n.Weaverse(e);return Object.keys(f).forEach((function(e){var r,n;(null==(r=f[e])||null==(n=r.defaultProps)?void 0:n.type)&&t.registerElement(f[e].defaultProps.type,f[e])})),t};
-//# sourceMappingURL=sdk-react.cjs.production.min.js.map

package/dist/sdk-react.cjs.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sdk-react.cjs.production.min.js","sources":["../src/elements/button.tsx","../src/elements/base.tsx","../src/elements/grid.tsx","../src/elements/index.ts","../src/renderer.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport const Button = React.forwardRef((props: any, ref) => {\n  let [count, setCount] = React.useState(0)\n  return <button ref={ref} {...props} onClick={() => setCount(count + 1)}>Test Button {count}</button>\n})\n\nButton.defaultProps = {\n    style: {\n        backgroundColor: 'green',\n        borderRadius: '9999px',\n        fontSize: '13px',\n        padding: '10px 15px'\n    },\n    type: 'button',\n    tag: 'button'\n}\n\nexport default Button","import React from 'react'\n\nexport const BaseElement = React.forwardRef((({tag, children, ...props}: any, ref) => {\n  return React.createElement(tag, {\n    ref,\n    ...props\n  }, children)\n}))\n\nBaseElement.defaultProps = {\n  type: 'base',\n  tag: 'div',\n  style: {}\n}\nexport default BaseElement\n","import React from 'react'\n\nexport default function Grid(props: any) {\n  return <div {...props} />\n}\n\nGrid.defaultProps = {\n  style: {\n    display: 'grid',\n    gridTemplate: '1fr / 1fr'\n  },\n  type: 'grid'\n}","import Button from './button'\nimport BaseElement from './base'\nimport Grid from './grid'\n\nconst elements = {\n  Button,\n  BaseElement,\n  Grid\n}\nexport default elements","import * as React from 'react'\nimport {isBrowser, Weaverse, WeaverseItemStore, WeaverseType} from '@weaverse/core'\nimport Elements from './elements'\n\nexport const createRootContext = (configs: WeaverseType) => {\n  const rootContext = new Weaverse(configs)\n  // Register the element components\n  Object.keys(Elements).forEach(key => {\n    // @ts-ignore\n    Elements[key]?.defaultProps?.type && rootContext.registerElement(Elements[key].defaultProps.type, Elements[key])\n  })\n  return rootContext\n}\n\nexport const WeaverseRoot = ({context, defaultData}: { context: Weaverse, defaultData: any }) => {\n  return <div>hiii</div>\n  let [, setData] = React.useState<any>(context.projectData)\n  React.useEffect(() => {\n    let handleUpdate = () => {\n      setData({...context.projectData})\n    }\n    context.subscribe(handleUpdate)\n    context.updateProjectData()\n    return () => {\n      context.unsubscribe(handleUpdate)\n    }\n  }, [])\n  if (!context.projectData?.items?.length && defaultData) {\n    context.projectData = defaultData\n    context.initItemData()\n  }\n  let handleProps = context?.studioBridge?.handleProps || {}\n  console.log('handleProps', handleProps)\n  return <div {...handleProps}>\n    <RenderItem itemId={0} context={context}/>\n  </div>\n}\n\n\ntype ItemProps = {\n  itemInstance: WeaverseItemStore\n  elementInstances: Map<string, React.FC>\n  context: Weaverse\n}\n\n\nconst Item = ({itemInstance, elementInstances, context}: ItemProps) => {\n  let [data, setData] = React.useState<any>(itemInstance.data)\n  let {id, type, childIds, css, className, ...rest} = data\n  React.useEffect(() => {\n    let handleUpdate = (update: any) => {\n      setData({...update})\n    }\n    itemInstance.subscribe(handleUpdate)\n    if (!itemInstance.ref.current && isBrowser) {\n      Object.assign(itemInstance.ref, {current: document.querySelector(`[data-wv-id=\"${id}\"]`)})\n    }\n\n    return () => {\n      itemInstance.unsubscribe(handleUpdate)\n    }\n  }, [])\n\n  let realClassName = className || ''\n  if (css) {\n\n    // let stitches create the style from css object and\n    // then return the classname, so we can use it in the render\n    let selector = (context.stitchesInstance.css(css)()).className\n    realClassName += ' ' + selector\n  }\n  let Component = elementInstances.get(type)\n  if (Component) {\n    // @ts-ignore\n    if (Component.$$typeof === Symbol.for('react.forward_ref')) {\n      rest.ref = itemInstance.ref\n    }\n    return <Component key={id} data-wv-id={id} {...rest} className={realClassName}>\n      {Array.isArray(childIds)\n              && childIds.map(childId =>\n                      <RenderItem\n                              key={childId}\n                              itemId={childId}\n                              context={context}\n                      />\n              )}\n    </Component>\n  }\n  return null\n}\n\nconst RenderItem = ({itemId, context}: { itemId: number, context: any }): any => {\n  let {itemInstances, elementInstances} = context\n  let itemInstance = itemInstances.get(itemId)\n  if (itemInstance) {\n    return <Item itemInstance={itemInstance} elementInstances={elementInstances} context={context}/>\n  }\n  return <></>\n}\n\n"],"names":["Button","React","props","ref","count","setCount","onClick","defaultProps","style","backgroundColor","borderRadius","fontSize","padding","type","tag","BaseElement","forwardRef","children","createElement","Grid","display","gridTemplate","elements","configs","rootContext","Weaverse","Object","keys","Elements","forEach","key","registerElement"],"mappings":"+XAEO,IAAMA,EAASC,cAAiB,SAACC,EAAYC,SAC1BF,WAAe,GAAlCG,OAAOC,cACLJ,wCAAQE,IAAKA,GAASD,GAAOI,QAAS,kBAAMD,EAASD,EAAQ,qBAAiBA,MAGvFJ,EAAOO,aAAe,CAClBC,MAAO,CACHC,gBAAiB,QACjBC,aAAc,SACdC,SAAU,OACVC,QAAS,aAEbC,KAAM,SACNC,IAAK,mCCbIC,EAAcd,EAAMe,YAAY,WAAiCb,OAA/BW,IAAAA,IAAKG,IAAAA,SAAaf,iJACxDD,EAAMiB,cAAcJ,KACzBX,IAAAA,GACGD,GACFe,eCJmBE,EAAKjB,UACpBD,uCAASC,IDMlBa,EAAYR,aAAe,CACzBM,KAAM,OACNC,IAAK,MACLN,MAAO,ICNTW,EAAKZ,aAAe,CAClBC,MAAO,CACLY,QAAS,OACTC,aAAc,aAEhBR,KAAM,YCPFS,EAAW,CACftB,OAAAA,EACAe,YAAAA,EACAI,KAAAA,wBCO0B,mBACnBlB,8DAXwB,SAACsB,OAC1BC,EAAc,IAAIC,WAASF,UAEjCG,OAAOC,KAAKC,GAAUC,SAAQ,SAAAC,qBAE5BF,EAASE,gBAAMvB,uBAAcM,OAAQW,EAAYO,gBAAgBH,EAASE,GAAKvB,aAAaM,KAAMe,EAASE,OAEtGN"}

package/dist/sdk-react.esm.js

@@ -1,110 +0,0 @@
-import React__default, { forwardRef, useState, createElement } from 'react';
-import { Weaverse } from '@weaverse/core';
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-var Button = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _React$useState = useState(0),
-      count = _React$useState[0],
-      setCount = _React$useState[1];
-
-  return createElement("button", Object.assign({
-    ref: ref
-  }, props, {
-    onClick: function onClick() {
-      return setCount(count + 1);
-    }
-  }), "Test Button ", count);
-});
-Button.defaultProps = {
-  style: {
-    backgroundColor: 'green',
-    borderRadius: '9999px',
-    fontSize: '13px',
-    padding: '10px 15px'
-  },
-  type: 'button',
-  tag: 'button'
-};
-
-var _excluded = ["tag", "children"];
-var BaseElement = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var tag = _ref.tag,
-      children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  return React__default.createElement(tag, _extends({
-    ref: ref
-  }, props), children);
-});
-BaseElement.defaultProps = {
-  type: 'base',
-  tag: 'div',
-  style: {}
-};
-
-function Grid(props) {
-  return React__default.createElement("div", Object.assign({}, props));
-}
-Grid.defaultProps = {
-  style: {
-    display: 'grid',
-    gridTemplate: '1fr / 1fr'
-  },
-  type: 'grid'
-};
-
-var elements = {
-  Button: Button,
-  BaseElement: BaseElement,
-  Grid: Grid
-};
-
-var createRootContext = function createRootContext(configs) {
-  var rootContext = new Weaverse(configs); // Register the element components
-
-  Object.keys(elements).forEach(function (key) {
-    var _Elements$key, _Elements$key$default;
-
-    // @ts-ignore
-    ((_Elements$key = elements[key]) == null ? void 0 : (_Elements$key$default = _Elements$key.defaultProps) == null ? void 0 : _Elements$key$default.type) && rootContext.registerElement(elements[key].defaultProps.type, elements[key]);
-  });
-  return rootContext;
-};
-var WeaverseRoot = function WeaverseRoot(_ref) {
-  return createElement("div", null, "hiii");
-};
-
-export { WeaverseRoot, createRootContext };
-//# sourceMappingURL=sdk-react.esm.js.map

package/dist/sdk-react.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sdk-react.esm.js","sources":["../src/elements/button.tsx","../src/elements/base.tsx","../src/elements/grid.tsx","../src/elements/index.ts","../src/renderer.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport const Button = React.forwardRef((props: any, ref) => {\n  let [count, setCount] = React.useState(0)\n  return <button ref={ref} {...props} onClick={() => setCount(count + 1)}>Test Button {count}</button>\n})\n\nButton.defaultProps = {\n    style: {\n        backgroundColor: 'green',\n        borderRadius: '9999px',\n        fontSize: '13px',\n        padding: '10px 15px'\n    },\n    type: 'button',\n    tag: 'button'\n}\n\nexport default Button","import React from 'react'\n\nexport const BaseElement = React.forwardRef((({tag, children, ...props}: any, ref) => {\n  return React.createElement(tag, {\n    ref,\n    ...props\n  }, children)\n}))\n\nBaseElement.defaultProps = {\n  type: 'base',\n  tag: 'div',\n  style: {}\n}\nexport default BaseElement\n","import React from 'react'\n\nexport default function Grid(props: any) {\n  return <div {...props} />\n}\n\nGrid.defaultProps = {\n  style: {\n    display: 'grid',\n    gridTemplate: '1fr / 1fr'\n  },\n  type: 'grid'\n}","import Button from './button'\nimport BaseElement from './base'\nimport Grid from './grid'\n\nconst elements = {\n  Button,\n  BaseElement,\n  Grid\n}\nexport default elements","import * as React from 'react'\nimport {isBrowser, Weaverse, WeaverseItemStore, WeaverseType} from '@weaverse/core'\nimport Elements from './elements'\n\nexport const createRootContext = (configs: WeaverseType) => {\n  const rootContext = new Weaverse(configs)\n  // Register the element components\n  Object.keys(Elements).forEach(key => {\n    // @ts-ignore\n    Elements[key]?.defaultProps?.type && rootContext.registerElement(Elements[key].defaultProps.type, Elements[key])\n  })\n  return rootContext\n}\n\nexport const WeaverseRoot = ({context, defaultData}: { context: Weaverse, defaultData: any }) => {\n  return <div>hiii</div>\n  let [, setData] = React.useState<any>(context.projectData)\n  React.useEffect(() => {\n    let handleUpdate = () => {\n      setData({...context.projectData})\n    }\n    context.subscribe(handleUpdate)\n    context.updateProjectData()\n    return () => {\n      context.unsubscribe(handleUpdate)\n    }\n  }, [])\n  if (!context.projectData?.items?.length && defaultData) {\n    context.projectData = defaultData\n    context.initItemData()\n  }\n  let handleProps = context?.studioBridge?.handleProps || {}\n  console.log('handleProps', handleProps)\n  return <div {...handleProps}>\n    <RenderItem itemId={0} context={context}/>\n  </div>\n}\n\n\ntype ItemProps = {\n  itemInstance: WeaverseItemStore\n  elementInstances: Map<string, React.FC>\n  context: Weaverse\n}\n\n\nconst Item = ({itemInstance, elementInstances, context}: ItemProps) => {\n  let [data, setData] = React.useState<any>(itemInstance.data)\n  let {id, type, childIds, css, className, ...rest} = data\n  React.useEffect(() => {\n    let handleUpdate = (update: any) => {\n      setData({...update})\n    }\n    itemInstance.subscribe(handleUpdate)\n    if (!itemInstance.ref.current && isBrowser) {\n      Object.assign(itemInstance.ref, {current: document.querySelector(`[data-wv-id=\"${id}\"]`)})\n    }\n\n    return () => {\n      itemInstance.unsubscribe(handleUpdate)\n    }\n  }, [])\n\n  let realClassName = className || ''\n  if (css) {\n\n    // let stitches create the style from css object and\n    // then return the classname, so we can use it in the render\n    let selector = (context.stitchesInstance.css(css)()).className\n    realClassName += ' ' + selector\n  }\n  let Component = elementInstances.get(type)\n  if (Component) {\n    // @ts-ignore\n    if (Component.$$typeof === Symbol.for('react.forward_ref')) {\n      rest.ref = itemInstance.ref\n    }\n    return <Component key={id} data-wv-id={id} {...rest} className={realClassName}>\n      {Array.isArray(childIds)\n              && childIds.map(childId =>\n                      <RenderItem\n                              key={childId}\n                              itemId={childId}\n                              context={context}\n                      />\n              )}\n    </Component>\n  }\n  return null\n}\n\nconst RenderItem = ({itemId, context}: { itemId: number, context: any }): any => {\n  let {itemInstances, elementInstances} = context\n  let itemInstance = itemInstances.get(itemId)\n  if (itemInstance) {\n    return <Item itemInstance={itemInstance} elementInstances={elementInstances} context={context}/>\n  }\n  return <></>\n}\n\n"],"names":["Button","React","props","ref","count","setCount","onClick","defaultProps","style","backgroundColor","borderRadius","fontSize","padding","type","tag","BaseElement","forwardRef","children","createElement","Grid","display","gridTemplate","elements","createRootContext","configs","rootContext","Weaverse","Object","keys","Elements","forEach","key","registerElement","WeaverseRoot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,MAAM,gBAAGC,UAAA,CAAiB,UAACC,KAAD,EAAaC,GAAb;AACrC,wBAAwBF,QAAA,CAAe,CAAf,CAAxB;AAAA,MAAKG,KAAL;AAAA,MAAYC,QAAZ;;AACA,SAAOJ,aAAA,SAAA;AAAQE,IAAAA,GAAG,EAAEA;KAASD;AAAOI,IAAAA,OAAO,EAAE;AAAA,aAAMD,QAAQ,CAACD,KAAK,GAAG,CAAT,CAAd;AAAA;IAAtC,gBAAA,EAA8EA,KAA9E,CAAP;AACD,CAHqB,CAAf;AAKPJ,MAAM,CAACO,YAAP,GAAsB;AAClBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,eAAe,EAAE,OADd;AAEHC,IAAAA,YAAY,EAAE,QAFX;AAGHC,IAAAA,QAAQ,EAAE,MAHP;AAIHC,IAAAA,OAAO,EAAE;AAJN,GADW;AAOlBC,EAAAA,IAAI,EAAE,QAPY;AAQlBC,EAAAA,GAAG,EAAE;AARa,CAAtB;;;ACPA,AAEO,IAAMC,WAAW,gBAAGd,cAAK,CAACe,UAAN,CAAkB,gBAAiCb,GAAjC;MAAEW,WAAAA;MAAKG,gBAAAA;MAAaf;;AAC/D,SAAOD,cAAK,CAACiB,aAAN,CAAoBJ,GAApB;AACLX,IAAAA,GAAG,EAAHA;AADK,KAEFD,KAFE,GAGJe,QAHI,CAAP;AAID,CAL0B,CAApB;AAOPF,WAAW,CAACR,YAAZ,GAA2B;AACzBM,EAAAA,IAAI,EAAE,MADmB;AAEzBC,EAAAA,GAAG,EAAE,KAFoB;AAGzBN,EAAAA,KAAK,EAAE;AAHkB,CAA3B;;SCPwBW,KAAKjB;AAC3B,SAAOD,4BAAA,MAAA,oBAASC,MAAT,CAAP;AACD;AAEDiB,IAAI,CAACZ,YAAL,GAAoB;AAClBC,EAAAA,KAAK,EAAE;AACLY,IAAAA,OAAO,EAAE,MADJ;AAELC,IAAAA,YAAY,EAAE;AAFT,GADW;AAKlBR,EAAAA,IAAI,EAAE;AALY,CAApB;;ACFA,IAAMS,QAAQ,GAAG;AACftB,EAAAA,MAAM,EAANA,MADe;AAEfe,EAAAA,WAAW,EAAXA,WAFe;AAGfI,EAAAA,IAAI,EAAJA;AAHe,CAAjB;;ICAaI,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,OAAD;AAC/B,MAAMC,WAAW,GAAG,IAAIC,QAAJ,CAAaF,OAAb,CAApB;;AAEAG,EAAAA,MAAM,CAACC,IAAP,CAAYC,QAAZ,EAAsBC,OAAtB,CAA8B,UAAAC,GAAG;;;AAC/B;AACA,sBAAAF,QAAQ,CAACE,GAAD,CAAR,4DAAexB,YAAf,2CAA6BM,IAA7B,KAAqCY,WAAW,CAACO,eAAZ,CAA4BH,QAAQ,CAACE,GAAD,CAAR,CAAcxB,YAAd,CAA2BM,IAAvD,EAA6DgB,QAAQ,CAACE,GAAD,CAArE,CAArC;AACD,GAHD;AAIA,SAAON,WAAP;AACD,CARM;AAUP,IAAaQ,YAAY,GAAG,SAAfA,YAAe;AAC1B,SAAOhC,aAAA,MAAA,MAAA,QAAA,CAAP;AAqBD,CAtBM;;;;"}