@weaverse/core 5.8.3 → 5.8.5

package/dist/index.d.mts

@@ -1,7 +1,4 @@
-import * as Stitches from '@stitches/core';
-import { CreateStitches } from '@stitches/core';
-import Stitches$1 from '@stitches/core/types/stitches';
-import { ForwardRefExoticComponent, RefObject } from 'react';
+import { CSSProperties, ForwardRefExoticComponent, RefObject } from 'react';
 
 // This file is generated from Weaverse Studio
 
@@ -218,50 +215,11 @@ type IconName =
   | 'youtube'
   | 'zap'
 
-declare let stitchesUtils: {
-    m: (value: string) => {
-        margin: string;
-    };
-    mt: (value: string) => {
-        marginTop: string;
-    };
-    mr: (value: string) => {
-        marginRight: string;
-    };
-    mb: (value: string) => {
-        marginBottom: string;
-    };
-    ml: (value: string) => {
-        marginLeft: string;
-    };
-    mx: (value: string) => {
-        marginLeft: string;
-        marginRight: string;
-    };
-    my: (value: string) => {
-        marginTop: string;
-        marginBottom: string;
-    };
-    size: (value: string) => {
-        width: string;
-        height: string;
-    };
-    px: (value: string) => {
-        paddingLeft: string;
-        paddingRight: string;
-    };
-    py: (value: string) => {
-        paddingTop: string;
-        paddingBottom: string;
-    };
-};
-
-type PlatformTypeEnum = 'shopify-section' | 'shopify-hydrogen' | 'nextjs';
 type ToolbarAction = 'general-settings' | 'settings-level-2' | 'duplicate' | 'delete' | 'global-sections';
 type AdvancedGroupType = 'border' | 'alignment' | 'background' | 'dimensions' | 'spacing' | 'typography' | 'visibility' | 'shadows-and-effects' | 'layout-background';
 type PositionInputValue = 'top left' | 'top center' | 'top right' | 'center left' | 'center center' | 'center right' | 'bottom left' | 'bottom center' | 'bottom right';
 type InputType = 'blog' | 'collection' | 'collection-list' | 'color' | 'datepicker' | 'image' | 'video' | 'map-autocomplete' | 'position' | 'product' | 'product-list' | 'range' | 'richtext' | 'select' | 'switch' | 'text' | 'textarea' | 'toggle-group' | 'swatches' | 'metaobject' | 'url';
-type WeaverseCSSProperties = Stitches.CSS & Partial<Record<keyof typeof stitchesUtils, string | number>>;
+type WeaverseCSSProperties = CSSProperties;
 type ChildElementCSS = Partial<{
     [selector: string]: WeaverseCSSProperties & ChildElementCSS;
 }>;
@@ -321,7 +279,6 @@ type WeaverseCoreParams = {
     projectId: string;
     data: WeaverseProjectDataType;
     isDesignMode?: boolean;
-    platformType?: PlatformTypeEnum;
 };
 /**
  * BasicInput interface
@@ -387,7 +344,6 @@ declare class WeaverseItemStore extends EventEmitter {
     weaverse: Weaverse;
     ref: RefObject<HTMLElement | null>;
     _store: ElementData;
-    stitchesClass: string;
     constructor(initialData: ElementData, weaverse: Weaverse);
     get _id(): string;
     get _element(): HTMLElement | null;
@@ -408,12 +364,10 @@ declare class Weaverse extends EventEmitter {
     projectId: string;
     isDesignMode: boolean;
     isPreviewMode: boolean;
-    static stitchesInstance: Stitches$1 | any;
     studioBridge?: any;
     static ItemConstructor: typeof WeaverseItemStore;
     data: WeaverseProjectDataType;
     dataContext: Record<string, unknown> | null;
-    platformType: PlatformTypeEnum;
     static elementRegistry: Map<any, any>;
     static mediaBreakPoints: BreakPoints;
     constructor(params: WeaverseCoreParams);
@@ -424,8 +378,6 @@ declare class Weaverse extends EventEmitter {
     initProject: () => void;
     get itemInstances(): Map<any, any>;
     createItemInstance: (data: ElementData) => WeaverseItemStore;
-    static initStitches: (externalConfig?: CreateStitches) => void;
-    get stitchesInstance(): any;
     /**
      * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
      */
@@ -458,4 +410,4 @@ declare function merge(target: Record<string, any>, source: Record<string, any>)
 };
 declare function loadScript(src: string): Promise<unknown>;
 
-export { type AdditionalInputConfigs, type AdvancedGroupType, type BasicInput, type BreakPoints, type ChildElementCSS, type ElementCSS, type ElementData, type ElementSchema, EventEmitter, type InputType, type PlatformTypeEnum, type PositionInputValue, type RangeInputConfigs, type SelectInputConfigs, type ToggleGroupConfigs, type ToolbarAction, Weaverse, type WeaverseCSSProperties, type WeaverseCoreParams, type WeaverseElement, type WeaverseImage, WeaverseItemStore, type WeaverseProjectDataType, type WeaverseResourcePickerData, type WeaverseVideo, isBrowser, isIframe, isReactNative, loadScript, merge, registerElement };
+export { type AdditionalInputConfigs, type AdvancedGroupType, type BasicInput, type BreakPoints, type ChildElementCSS, type ElementCSS, type ElementData, type ElementSchema, EventEmitter, type InputType, type PositionInputValue, type RangeInputConfigs, type SelectInputConfigs, type ToggleGroupConfigs, type ToolbarAction, Weaverse, type WeaverseCSSProperties, type WeaverseCoreParams, type WeaverseElement, type WeaverseImage, WeaverseItemStore, type WeaverseProjectDataType, type WeaverseResourcePickerData, type WeaverseVideo, isBrowser, isIframe, isReactNative, loadScript, merge, registerElement };

package/dist/index.d.ts

@@ -1,7 +1,4 @@
-import * as Stitches from '@stitches/core';
-import { CreateStitches } from '@stitches/core';
-import Stitches$1 from '@stitches/core/types/stitches';
-import { ForwardRefExoticComponent, RefObject } from 'react';
+import { CSSProperties, ForwardRefExoticComponent, RefObject } from 'react';
 
 // This file is generated from Weaverse Studio
 
@@ -218,50 +215,11 @@ type IconName =
   | 'youtube'
   | 'zap'
 
-declare let stitchesUtils: {
-    m: (value: string) => {
-        margin: string;
-    };
-    mt: (value: string) => {
-        marginTop: string;
-    };
-    mr: (value: string) => {
-        marginRight: string;
-    };
-    mb: (value: string) => {
-        marginBottom: string;
-    };
-    ml: (value: string) => {
-        marginLeft: string;
-    };
-    mx: (value: string) => {
-        marginLeft: string;
-        marginRight: string;
-    };
-    my: (value: string) => {
-        marginTop: string;
-        marginBottom: string;
-    };
-    size: (value: string) => {
-        width: string;
-        height: string;
-    };
-    px: (value: string) => {
-        paddingLeft: string;
-        paddingRight: string;
-    };
-    py: (value: string) => {
-        paddingTop: string;
-        paddingBottom: string;
-    };
-};
-
-type PlatformTypeEnum = 'shopify-section' | 'shopify-hydrogen' | 'nextjs';
 type ToolbarAction = 'general-settings' | 'settings-level-2' | 'duplicate' | 'delete' | 'global-sections';
 type AdvancedGroupType = 'border' | 'alignment' | 'background' | 'dimensions' | 'spacing' | 'typography' | 'visibility' | 'shadows-and-effects' | 'layout-background';
 type PositionInputValue = 'top left' | 'top center' | 'top right' | 'center left' | 'center center' | 'center right' | 'bottom left' | 'bottom center' | 'bottom right';
 type InputType = 'blog' | 'collection' | 'collection-list' | 'color' | 'datepicker' | 'image' | 'video' | 'map-autocomplete' | 'position' | 'product' | 'product-list' | 'range' | 'richtext' | 'select' | 'switch' | 'text' | 'textarea' | 'toggle-group' | 'swatches' | 'metaobject' | 'url';
-type WeaverseCSSProperties = Stitches.CSS & Partial<Record<keyof typeof stitchesUtils, string | number>>;
+type WeaverseCSSProperties = CSSProperties;
 type ChildElementCSS = Partial<{
     [selector: string]: WeaverseCSSProperties & ChildElementCSS;
 }>;
@@ -321,7 +279,6 @@ type WeaverseCoreParams = {
     projectId: string;
     data: WeaverseProjectDataType;
     isDesignMode?: boolean;
-    platformType?: PlatformTypeEnum;
 };
 /**
  * BasicInput interface
@@ -387,7 +344,6 @@ declare class WeaverseItemStore extends EventEmitter {
     weaverse: Weaverse;
     ref: RefObject<HTMLElement | null>;
     _store: ElementData;
-    stitchesClass: string;
     constructor(initialData: ElementData, weaverse: Weaverse);
     get _id(): string;
     get _element(): HTMLElement | null;
@@ -408,12 +364,10 @@ declare class Weaverse extends EventEmitter {
     projectId: string;
     isDesignMode: boolean;
     isPreviewMode: boolean;
-    static stitchesInstance: Stitches$1 | any;
     studioBridge?: any;
     static ItemConstructor: typeof WeaverseItemStore;
     data: WeaverseProjectDataType;
     dataContext: Record<string, unknown> | null;
-    platformType: PlatformTypeEnum;
     static elementRegistry: Map<any, any>;
     static mediaBreakPoints: BreakPoints;
     constructor(params: WeaverseCoreParams);
@@ -424,8 +378,6 @@ declare class Weaverse extends EventEmitter {
     initProject: () => void;
     get itemInstances(): Map<any, any>;
     createItemInstance: (data: ElementData) => WeaverseItemStore;
-    static initStitches: (externalConfig?: CreateStitches) => void;
-    get stitchesInstance(): any;
     /**
      * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
      */
@@ -458,4 +410,4 @@ declare function merge(target: Record<string, any>, source: Record<string, any>)
 };
 declare function loadScript(src: string): Promise<unknown>;
 
-export { type AdditionalInputConfigs, type AdvancedGroupType, type BasicInput, type BreakPoints, type ChildElementCSS, type ElementCSS, type ElementData, type ElementSchema, EventEmitter, type InputType, type PlatformTypeEnum, type PositionInputValue, type RangeInputConfigs, type SelectInputConfigs, type ToggleGroupConfigs, type ToolbarAction, Weaverse, type WeaverseCSSProperties, type WeaverseCoreParams, type WeaverseElement, type WeaverseImage, WeaverseItemStore, type WeaverseProjectDataType, type WeaverseResourcePickerData, type WeaverseVideo, isBrowser, isIframe, isReactNative, loadScript, merge, registerElement };
+export { type AdditionalInputConfigs, type AdvancedGroupType, type BasicInput, type BreakPoints, type ChildElementCSS, type ElementCSS, type ElementData, type ElementSchema, EventEmitter, type InputType, type PositionInputValue, type RangeInputConfigs, type SelectInputConfigs, type ToggleGroupConfigs, type ToolbarAction, Weaverse, type WeaverseCSSProperties, type WeaverseCoreParams, type WeaverseElement, type WeaverseImage, WeaverseItemStore, type WeaverseProjectDataType, type WeaverseResourcePickerData, type WeaverseVideo, isBrowser, isIframe, isReactNative, loadScript, merge, registerElement };

package/dist/index.js

@@ -33,18 +33,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var require_react_production = __commonJS({
   "../../node_modules/react/cjs/react.production.js"(exports2) {
     "use strict";
-    var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element");
-    var REACT_PORTAL_TYPE = Symbol.for("react.portal");
-    var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-    var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
-    var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-    var REACT_CONSUMER_TYPE = Symbol.for("react.consumer");
-    var REACT_CONTEXT_TYPE = Symbol.for("react.context");
-    var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
-    var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
-    var REACT_MEMO_TYPE = Symbol.for("react.memo");
-    var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-    var REACT_ACTIVITY_TYPE = Symbol.for("react.activity");
+    var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element");
+    var REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal");
+    var REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment");
+    var REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode");
+    var REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler");
+    var REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer");
+    var REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context");
+    var REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref");
+    var REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense");
+    var REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo");
+    var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
+    var REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity");
     var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
@@ -939,7 +939,7 @@ var require_react_development = __commonJS({
         }
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), MAYBE_ITERATOR_SYMBOL = Symbol.iterator, didWarnStateUpdateForUnmountedComponent = {}, ReactNoopUpdateQueue = {
+      var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity"), MAYBE_ITERATOR_SYMBOL = Symbol.iterator, didWarnStateUpdateForUnmountedComponent = {}, ReactNoopUpdateQueue = {
         isMounted: function() {
           return false;
         },
@@ -982,7 +982,7 @@ var require_react_development = __commonJS({
       deprecatedAPIs.constructor = PureComponent;
       assign(deprecatedAPIs, Component.prototype);
       deprecatedAPIs.isPureReactComponent = true;
-      var isArrayImpl = Array.isArray, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = {
+      var isArrayImpl = Array.isArray, REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), ReactSharedInternals = {
         H: null,
         A: null,
         T: null,
@@ -1470,11 +1470,10 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/core.ts
-var import_core = require("@stitches/core");
 var import_react = __toESM(require_react());
 
 // package.json
-var version = "5.8.2";
+var version = "5.8.4";
 
 // src/utils/index.ts
 var isReactNative = typeof navigator === "object" && navigator.product === "ReactNative";
@@ -1525,51 +1524,11 @@ var EventEmitter = class {
   };
 };
 
-// src/utils/stitches.ts
-var stitchesUtils = {
-  m: (value) => ({
-    margin: value
-  }),
-  mt: (value) => ({
-    marginTop: value
-  }),
-  mr: (value) => ({
-    marginRight: value
-  }),
-  mb: (value) => ({
-    marginBottom: value
-  }),
-  ml: (value) => ({
-    marginLeft: value
-  }),
-  mx: (value) => ({
-    marginLeft: value,
-    marginRight: value
-  }),
-  my: (value) => ({
-    marginTop: value,
-    marginBottom: value
-  }),
-  size: (value) => ({
-    width: value,
-    height: value
-  }),
-  px: (value) => ({
-    paddingLeft: value,
-    paddingRight: value
-  }),
-  py: (value) => ({
-    paddingTop: value,
-    paddingBottom: value
-  })
-};
-
 // src/core.ts
 var WeaverseItemStore = class extends EventEmitter {
   weaverse;
   ref = (0, import_react.createRef)();
   _store = { id: "", type: "" };
-  stitchesClass = "";
   constructor(initialData, weaverse) {
     super();
     const { type, id } = initialData || {};
@@ -1623,7 +1582,6 @@ var Weaverse = class _Weaverse extends EventEmitter {
   projectId = "";
   isDesignMode = false;
   isPreviewMode = false;
-  static stitchesInstance;
   studioBridge;
   static elementRegistry = /* @__PURE__ */ new Map();
   static mediaBreakPoints = {
@@ -1639,7 +1597,6 @@ var Weaverse = class _Weaverse extends EventEmitter {
       this[key] = value || this[key];
     }
     this.initProject();
-    _Weaverse.initStitches();
   }
   getSnapShot = () => this.data;
   /**
@@ -1663,17 +1620,6 @@ var Weaverse = class _Weaverse extends EventEmitter {
     return _Weaverse.itemInstances;
   }
   createItemInstance = (data) => new _Weaverse.ItemConstructor(data, this);
-  static initStitches = (externalConfig) => {
-    _Weaverse.stitchesInstance = _Weaverse.stitchesInstance || (0, import_core.createStitches)({
-      prefix: "weaverse",
-      media: _Weaverse.mediaBreakPoints,
-      utils: stitchesUtils,
-      ...externalConfig
-    });
-  };
-  get stitchesInstance() {
-    return _Weaverse.stitchesInstance;
-  }
   /**
    * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
    */