@dcl/playground-assets 7.0.6-4055981423.commit-60b7f6f → 7.0.6-4076330908.commit-cd40e5f

package/dist/index.js

@@ -7455,7 +7455,10 @@
         return { states: [] };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBAnimator = {
         encode(message, writer = _m0.Writer.create()) {
@@ -7494,7 +7497,10 @@
         };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBAnimationState = {
         encode(message, writer = _m0.Writer.create()) {
@@ -7559,7 +7565,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const AnimatorSchema = {
         COMPONENT_ID: 1042,
@@ -7582,7 +7588,10 @@
         return { playing: undefined, volume: undefined, loop: undefined, pitch: undefined, audioClipUrl: "" };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBAudioSource = {
         encode(message, writer = _m0.Writer.create()) {
@@ -7635,7 +7644,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const AudioSourceSchema = {
         COMPONENT_ID: 1020,
@@ -7658,7 +7667,10 @@
         return { playing: undefined, volume: undefined, url: "" };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBAudioStream = {
         encode(message, writer = _m0.Writer.create()) {
@@ -7699,7 +7711,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const AudioStreamSchema = {
         COMPONENT_ID: 1021,
@@ -7718,6 +7730,9 @@
     };
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.AvatarAnchorPointType = void 0;
     (function (AvatarAnchorPointType) {
         AvatarAnchorPointType[AvatarAnchorPointType["AAPT_POSITION"] = 0] = "AAPT_POSITION";
@@ -7729,7 +7744,10 @@
         return { avatarId: undefined, anchorPointId: 0 };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBAvatarAttach = {
         encode(message, writer = _m0.Writer.create()) {
@@ -7764,7 +7782,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const AvatarAttachSchema = {
         COMPONENT_ID: 1073,
@@ -7787,7 +7805,10 @@
         return { x: 0, y: 0, z: 0 };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const Vector3 = {
         encode(message, writer = _m0.Writer.create()) {
@@ -7828,6 +7849,9 @@
     };
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.AvatarModifierType = void 0;
     (function (AvatarModifierType) {
         AvatarModifierType[AvatarModifierType["AMT_HIDE_AVATARS"] = 0] = "AMT_HIDE_AVATARS";
@@ -7837,7 +7861,10 @@
         return { area: undefined, excludeIds: [], modifiers: [] };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBAvatarModifierArea = {
         encode(message, writer = _m0.Writer.create()) {
@@ -7888,7 +7915,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const AvatarModifierAreaSchema = {
         COMPONENT_ID: 1070,
@@ -9246,7 +9273,10 @@
         return { r: 0, g: 0, b: 0 };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const Color3 = {
         encode(message, writer = _m0.Writer.create()) {
@@ -9289,7 +9319,10 @@
         return { r: 0, g: 0, b: 0, a: 0 };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const Color4 = {
         encode(message, writer = _m0.Writer.create()) {
@@ -9352,7 +9385,10 @@
         };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBAvatarShape = {
         encode(message, writer = _m0.Writer.create()) {
@@ -9466,7 +9502,7 @@
     }
 
     /**
-     *
+     * @internal
      */
     const AvatarShapeSchema = {
         COMPONENT_ID: 1080,
@@ -9485,6 +9521,9 @@
     };
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.BillboardMode = void 0;
     (function (BillboardMode) {
         BillboardMode[BillboardMode["BM_NONE"] = 0] = "BM_NONE";
@@ -9497,7 +9536,10 @@
         return { billboardMode: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBBillboard = {
         encode(message, writer = _m0.Writer.create()) {
@@ -9526,7 +9568,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const BillboardSchema = {
         COMPONENT_ID: 1090,
@@ -9549,7 +9591,10 @@
         return { mode: 0 };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBCameraMode = {
         encode(message, writer = _m0.Writer.create()) {
@@ -9578,7 +9623,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const CameraModeSchema = {
         COMPONENT_ID: 1072,
@@ -9601,7 +9646,10 @@
         return { area: undefined, mode: 0 };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBCameraModeArea = {
         encode(message, writer = _m0.Writer.create()) {
@@ -9636,7 +9684,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const CameraModeAreaSchema = {
         COMPONENT_ID: 1071,
@@ -9659,7 +9707,10 @@
         return { src: "" };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBGltfContainer = {
         encode(message, writer = _m0.Writer.create()) {
@@ -9688,7 +9739,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const GltfContainerSchema = {
         COMPONENT_ID: 1041,
@@ -9707,6 +9758,9 @@
     };
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.TextureWrapMode = void 0;
     (function (TextureWrapMode) {
         TextureWrapMode[TextureWrapMode["TWM_REPEAT"] = 0] = "TWM_REPEAT";
@@ -9714,6 +9768,9 @@
         TextureWrapMode[TextureWrapMode["TWM_MIRROR"] = 2] = "TWM_MIRROR";
         TextureWrapMode[TextureWrapMode["TWM_MIRROR_ONCE"] = 3] = "TWM_MIRROR_ONCE";
     })(exports.TextureWrapMode || (exports.TextureWrapMode = {}));
+    /**
+     * @public
+     */
     exports.TextureFilterMode = void 0;
     (function (TextureFilterMode) {
         TextureFilterMode[TextureFilterMode["TFM_POINT"] = 0] = "TFM_POINT";
@@ -9724,7 +9781,10 @@
         return { src: "", wrapMode: undefined, filterMode: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const Texture = {
         encode(message, writer = _m0.Writer.create()) {
@@ -9767,7 +9827,10 @@
         return { userId: "", wrapMode: undefined, filterMode: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const AvatarTexture = {
         encode(message, writer = _m0.Writer.create()) {
@@ -9810,7 +9873,10 @@
         return { tex: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const TextureUnion = {
         encode(message, writer = _m0.Writer.create()) {
@@ -9845,6 +9911,9 @@
     };
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.MaterialTransparencyMode = void 0;
     (function (MaterialTransparencyMode) {
         MaterialTransparencyMode[MaterialTransparencyMode["MTM_OPAQUE"] = 0] = "MTM_OPAQUE";
@@ -9857,7 +9926,10 @@
         return { material: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBMaterial = {
         encode(message, writer = _m0.Writer.create()) {
@@ -9894,7 +9966,10 @@
         return { texture: undefined, alphaTest: undefined, castShadows: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBMaterial_UnlitMaterial = {
         encode(message, writer = _m0.Writer.create()) {
@@ -9954,7 +10029,10 @@
         };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBMaterial_PbrMaterial = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10073,7 +10151,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const MaterialSchema = {
         COMPONENT_ID: 1017,
@@ -10092,6 +10170,9 @@
     };
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.ColliderLayer = void 0;
     (function (ColliderLayer) {
         ColliderLayer[ColliderLayer["CL_NONE"] = 0] = "CL_NONE";
@@ -10102,7 +10183,10 @@
         return { collisionMask: undefined, mesh: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBMeshCollider = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10157,7 +10241,10 @@
         return {};
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBMeshCollider_BoxMesh = {
         encode(_, writer = _m0.Writer.create()) {
@@ -10182,7 +10269,10 @@
         return { radiusTop: undefined, radiusBottom: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBMeshCollider_CylinderMesh = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10219,7 +10309,10 @@
         return {};
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBMeshCollider_PlaneMesh = {
         encode(_, writer = _m0.Writer.create()) {
@@ -10244,7 +10337,10 @@
         return {};
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBMeshCollider_SphereMesh = {
         encode(_, writer = _m0.Writer.create()) {
@@ -10267,7 +10363,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const MeshColliderSchema = {
         COMPONENT_ID: 1019,
@@ -10290,7 +10386,10 @@
         return { mesh: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBMeshRenderer = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10339,7 +10438,10 @@
         return { uvs: [] };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBMeshRenderer_BoxMesh = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10380,7 +10482,10 @@
         return { radiusTop: undefined, radiusBottom: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBMeshRenderer_CylinderMesh = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10417,7 +10522,10 @@
         return { uvs: [] };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBMeshRenderer_PlaneMesh = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10458,7 +10566,10 @@
         return {};
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBMeshRenderer_SphereMesh = {
         encode(_, writer = _m0.Writer.create()) {
@@ -10481,7 +10592,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const MeshRendererSchema = {
         COMPONENT_ID: 1018,
@@ -10500,6 +10611,9 @@
     };
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.NftFrameType = void 0;
     (function (NftFrameType) {
         NftFrameType[NftFrameType["NFT_CLASSIC"] = 0] = "NFT_CLASSIC";
@@ -10530,7 +10644,10 @@
         return { src: "", style: undefined, color: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBNftShape = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10571,7 +10688,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const NftShapeSchema = {
         COMPONENT_ID: 1040,
@@ -10590,6 +10707,9 @@
     };
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.PointerEventType = void 0;
     (function (PointerEventType) {
         PointerEventType[PointerEventType["PET_UP"] = 0] = "PET_UP";
@@ -10601,7 +10721,10 @@
         return { pointerEvents: [] };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBPointerEvents = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10632,7 +10755,10 @@
         return { button: undefined, hoverText: undefined, maxDistance: undefined, showFeedback: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBPointerEvents_Info = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10681,7 +10807,10 @@
         return { eventType: 0, eventInfo: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBPointerEvents_Entry = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10716,7 +10845,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const PointerEventsSchema = {
         COMPONENT_ID: 1062,
@@ -10739,7 +10868,10 @@
         return { timestamp: 0, origin: undefined, direction: undefined, hits: [] };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBRaycastResult = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10796,7 +10928,10 @@
         };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const RaycastHit = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10890,7 +11025,10 @@
         return { commands: [] };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBPointerEventsResult = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10921,7 +11059,10 @@
         return { button: 0, hit: undefined, state: 0, timestamp: 0, analog: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBPointerEventsResult_PointerCommand = {
         encode(message, writer = _m0.Writer.create()) {
@@ -10974,7 +11115,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const PointerEventsResultSchema = {
         COMPONENT_ID: 1063,
@@ -10997,7 +11138,10 @@
         return { isPointerLocked: false };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBPointerLock = {
         encode(message, writer = _m0.Writer.create()) {
@@ -11026,7 +11170,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const PointerLockSchema = {
         COMPONENT_ID: 1074,
@@ -11045,6 +11189,9 @@
     };
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.RaycastQueryType = void 0;
     (function (RaycastQueryType) {
         RaycastQueryType[RaycastQueryType["RQT_HIT_FIRST"] = 0] = "RQT_HIT_FIRST";
@@ -11054,7 +11201,10 @@
         return { origin: undefined, direction: undefined, maxDistance: 0, queryType: 0 };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBRaycast = {
         encode(message, writer = _m0.Writer.create()) {
@@ -11101,7 +11251,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const RaycastSchema = {
         COMPONENT_ID: 1067,
@@ -11120,7 +11270,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const RaycastResultSchema = {
         COMPONENT_ID: 1068,
@@ -11165,7 +11315,10 @@
         };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBTextShape = {
         encode(message, writer = _m0.Writer.create()) {
@@ -11314,7 +11467,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const TextShapeSchema = {
         COMPONENT_ID: 1030,
@@ -11337,7 +11490,10 @@
         return { top: 0, left: 0, right: 0, bottom: 0 };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const BorderRect = {
         encode(message, writer = _m0.Writer.create()) {
@@ -11384,6 +11540,9 @@
     };
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.BackgroundTextureMode = void 0;
     (function (BackgroundTextureMode) {
         /**
@@ -11409,7 +11568,10 @@
         return { color: undefined, texture: undefined, textureMode: 0, textureSlices: undefined, uvs: [] };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBUiBackground = {
         encode(message, writer = _m0.Writer.create()) {
@@ -11472,7 +11634,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const UiBackgroundSchema = {
         COMPONENT_ID: 1053,
@@ -11505,7 +11667,10 @@
         };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBUiDropdown = {
         encode(message, writer = _m0.Writer.create()) {
@@ -11582,7 +11747,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const UiDropdownSchema = {
         COMPONENT_ID: 1094,
@@ -11605,7 +11770,10 @@
         return { value: 0 };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBUiDropdownResult = {
         encode(message, writer = _m0.Writer.create()) {
@@ -11634,7 +11802,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const UiDropdownResultSchema = {
         COMPONENT_ID: 1096,
@@ -11665,7 +11833,10 @@
         };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBUiInput = {
         encode(message, writer = _m0.Writer.create()) {
@@ -11730,7 +11901,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const UiInputSchema = {
         COMPONENT_ID: 1093,
@@ -11753,7 +11924,10 @@
         return { value: "" };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBUiInputResult = {
         encode(message, writer = _m0.Writer.create()) {
@@ -11782,7 +11956,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const UiInputResultSchema = {
         COMPONENT_ID: 1095,
@@ -11805,7 +11979,10 @@
         return { value: "", color: undefined, textAlign: undefined, font: undefined, fontSize: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBUiText = {
         encode(message, writer = _m0.Writer.create()) {
@@ -11858,7 +12035,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const UiTextSchema = {
         COMPONENT_ID: 1052,
@@ -11877,11 +12054,17 @@
     };
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.YGPositionType = void 0;
     (function (YGPositionType) {
         YGPositionType[YGPositionType["YGPT_RELATIVE"] = 0] = "YGPT_RELATIVE";
         YGPositionType[YGPositionType["YGPT_ABSOLUTE"] = 1] = "YGPT_ABSOLUTE";
     })(exports.YGPositionType || (exports.YGPositionType = {}));
+    /**
+     * @public
+     */
     exports.YGAlign = void 0;
     (function (YGAlign) {
         YGAlign[YGAlign["YGA_AUTO"] = 0] = "YGA_AUTO";
@@ -11893,6 +12076,9 @@
         YGAlign[YGAlign["YGA_SPACE_BETWEEN"] = 6] = "YGA_SPACE_BETWEEN";
         YGAlign[YGAlign["YGA_SPACE_AROUND"] = 7] = "YGA_SPACE_AROUND";
     })(exports.YGAlign || (exports.YGAlign = {}));
+    /**
+     * @public
+     */
     exports.YGUnit = void 0;
     (function (YGUnit) {
         YGUnit[YGUnit["YGU_UNDEFINED"] = 0] = "YGU_UNDEFINED";
@@ -11900,6 +12086,9 @@
         YGUnit[YGUnit["YGU_PERCENT"] = 2] = "YGU_PERCENT";
         YGUnit[YGUnit["YGU_AUTO"] = 3] = "YGU_AUTO";
     })(exports.YGUnit || (exports.YGUnit = {}));
+    /**
+     * @public
+     */
     exports.YGFlexDirection = void 0;
     (function (YGFlexDirection) {
         YGFlexDirection[YGFlexDirection["YGFD_ROW"] = 0] = "YGFD_ROW";
@@ -11907,12 +12096,18 @@
         YGFlexDirection[YGFlexDirection["YGFD_COLUMN_REVERSE"] = 2] = "YGFD_COLUMN_REVERSE";
         YGFlexDirection[YGFlexDirection["YGFD_ROW_REVERSE"] = 3] = "YGFD_ROW_REVERSE";
     })(exports.YGFlexDirection || (exports.YGFlexDirection = {}));
+    /**
+     * @public
+     */
     exports.YGWrap = void 0;
     (function (YGWrap) {
         YGWrap[YGWrap["YGW_NO_WRAP"] = 0] = "YGW_NO_WRAP";
         YGWrap[YGWrap["YGW_WRAP"] = 1] = "YGW_WRAP";
         YGWrap[YGWrap["YGW_WRAP_REVERSE"] = 2] = "YGW_WRAP_REVERSE";
     })(exports.YGWrap || (exports.YGWrap = {}));
+    /**
+     * @public
+     */
     exports.YGJustify = void 0;
     (function (YGJustify) {
         YGJustify[YGJustify["YGJ_FLEX_START"] = 0] = "YGJ_FLEX_START";
@@ -11922,17 +12117,26 @@
         YGJustify[YGJustify["YGJ_SPACE_AROUND"] = 4] = "YGJ_SPACE_AROUND";
         YGJustify[YGJustify["YGJ_SPACE_EVENLY"] = 5] = "YGJ_SPACE_EVENLY";
     })(exports.YGJustify || (exports.YGJustify = {}));
+    /**
+     * @public
+     */
     exports.YGOverflow = void 0;
     (function (YGOverflow) {
         YGOverflow[YGOverflow["YGO_VISIBLE"] = 0] = "YGO_VISIBLE";
         YGOverflow[YGOverflow["YGO_HIDDEN"] = 1] = "YGO_HIDDEN";
         YGOverflow[YGOverflow["YGO_SCROLL"] = 2] = "YGO_SCROLL";
     })(exports.YGOverflow || (exports.YGOverflow = {}));
+    /**
+     * @public
+     */
     exports.YGDisplay = void 0;
     (function (YGDisplay) {
         YGDisplay[YGDisplay["YGD_FLEX"] = 0] = "YGD_FLEX";
         YGDisplay[YGDisplay["YGD_NONE"] = 1] = "YGD_NONE";
     })(exports.YGDisplay || (exports.YGDisplay = {}));
+    /**
+     * @public
+     */
     exports.YGEdge = void 0;
     (function (YGEdge) {
         YGEdge[YGEdge["YGE_LEFT"] = 0] = "YGE_LEFT";
@@ -12001,7 +12205,10 @@
         };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBUiTransform = {
         encode(message, writer = _m0.Writer.create()) {
@@ -12330,7 +12537,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const UiTransformSchema = {
         COMPONENT_ID: 1050,
@@ -12353,7 +12560,10 @@
         return { visible: undefined };
     }
     /**
-     * Internal
+     * @public
+     */
+    /**
+     * @internal
      */
     const PBVisibilityComponent = {
         encode(message, writer = _m0.Writer.create()) {
@@ -12382,7 +12592,7 @@
     };
 
     /**
-     *
+     * @internal
      */
     const VisibilityComponentSchema = {
         COMPONENT_ID: 1081,
@@ -12875,9 +13085,9 @@
     }
 
     /**
-     * @public
+     * @internal
      */
-    function IArray(type) {
+    const IArray = (type) => {
         return {
             serialize(value, builder) {
                 builder.writeUint32(value.length);
@@ -12897,10 +13107,10 @@
                 return [];
             }
         };
-    }
+    };
 
     /**
-     * @public
+     * @internal
      */
     const Bool = {
         serialize(value, builder) {
@@ -12915,9 +13125,9 @@
     };
 
     /**
-     * @public
+     * @internal
      */
-    function IEnum(type) {
+    const IEnum = (type) => {
         return {
             serialize(value, builder) {
                 type.serialize(value, builder);
@@ -12929,10 +13139,10 @@
                 return type.create();
             }
         };
-    }
+    };
 
     /**
-     * @public
+     * @internal
      */
     const Float32 = {
         serialize(value, builder) {
@@ -12946,7 +13156,7 @@
         }
     };
     /**
-     * @public
+     * @internal
      */
     const Float64 = {
         serialize(value, builder) {
@@ -12961,7 +13171,7 @@
     };
 
     /**
-     * @public
+     * @internal
      */
     const Int64 = {
         serialize(value, builder) {
@@ -12975,7 +13185,7 @@
         }
     };
     /**
-     * @public
+     * @internal
      */
     const Int32 = {
         serialize(value, builder) {
@@ -13018,7 +13228,7 @@
     };
 
     /**
-     * @public
+     * @internal
      */
     const FlatString = {
         serialize(value, builder) {
@@ -13032,12 +13242,12 @@
         }
     };
     /**
-     * @public
+     * @internal
      */
     const EcsString = FlatString;
 
     /**
-     * @public
+     * @internal
      */
     const Color3Schema = {
         serialize(value, builder) {
@@ -13058,7 +13268,7 @@
     };
 
     /**
-     * @public
+     * @internal
      */
     const Color4Schema = {
         serialize(value, builder) {
@@ -13081,7 +13291,7 @@
     };
 
     /**
-     * @public
+     * @internal
      */
     const EntitySchema = {
         serialize(value, builder) {
@@ -13096,7 +13306,7 @@
     };
 
     /**
-     * @public
+     * @internal
      */
     const QuaternionSchema = {
         serialize(value, builder) {
@@ -13119,7 +13329,7 @@
     };
 
     /**
-     * @public
+     * @internal
      */
     const Vector3Schema = {
         serialize(value, builder) {
@@ -13140,9 +13350,9 @@
     };
 
     /**
-     * @public
+     * @internal
      */
-    function IMap(spec, defaultValue) {
+    const IMap = (spec, defaultValue) => {
         return {
             serialize(value, builder) {
                 for (const key in spec) {
@@ -13171,12 +13381,12 @@
                 return { ...newValue, ...defaultValue, ...base };
             }
         };
-    }
+    };
 
     /**
-     * @public
+     * @internal
      */
-    function IOptional(spec) {
+    const IOptional = (spec) => {
         return {
             serialize(value, builder) {
                 if (value) {
@@ -13197,30 +13407,48 @@
                 return undefined;
             }
         };
-    }
+    };
 
     /**
      * @public
      */
     exports.Schemas = void 0;
     (function (Schemas) {
+        /** @public */
         Schemas.Boolean = Bool;
+        /** @public */
         Schemas.String = EcsString;
+        /** @public */
         Schemas.Float = Float32;
+        /** @public */
         Schemas.Double = Float64;
+        /** @public */
         Schemas.Byte = Int8;
+        /** @public */
         Schemas.Short = Int16;
+        /** @public */
         Schemas.Int = Int32;
+        /** @public */
         Schemas.Int64 = Int64;
+        /** @public */
         Schemas.Number = Float32;
+        /** @public */
         Schemas.Vector3 = Vector3Schema;
+        /** @public */
         Schemas.Quaternion = QuaternionSchema;
+        /** @public */
         Schemas.Color3 = Color3Schema;
+        /** @public */
         Schemas.Color4 = Color4Schema;
+        /** @public */
         Schemas.Entity = EntitySchema;
+        /** @public */
         Schemas.Enum = IEnum;
+        /** @public */
         Schemas.Array = IArray;
+        /** @public */
         Schemas.Map = IMap;
+        /** @public */
         Schemas.Optional = IOptional;
     })(exports.Schemas || (exports.Schemas = {}));
 
@@ -13620,18 +13848,28 @@
 
     var gsetExports = requireGset();
 
+    /**
+     * @internal
+     */
     const MAX_U16 = 0xffff;
     const MASK_UPPER_16_ON_32 = 0xffff0000;
+    /**
+     * @internal
+     */
     const AMOUNT_VERSION_AVAILABLE = MAX_U16 + 1;
     // This type matches with @dcl/crdt entity type.
     /**
-     * @public This first 512 entities are reserved by the renderer
+     * @internal
+     * This first 512 entities are reserved by the renderer
      */
     const RESERVED_STATIC_ENTITIES = 512;
     /**
-     * @public
+     * @internal
      */
     const MAX_ENTITY_NUMBER = MAX_U16;
+    /**
+     * @internal
+     */
     exports.EntityUtils = void 0;
     (function (EntityUtils) {
         /**
@@ -13668,6 +13906,9 @@
          */
         EntityState[EntityState["Reserved"] = 3] = "Reserved";
     })(exports.EntityState || (exports.EntityState = {}));
+    /**
+     * @internal
+     */
     function EntityContainer() {
         let entityCounter = RESERVED_STATIC_ENTITIES;
         const usedEntities = new Set();
@@ -14020,6 +14261,9 @@
         return this.roffset - amount;
     };
 
+    /**
+     * @public
+     */
     exports.CrdtMessageType = void 0;
     (function (CrdtMessageType) {
         CrdtMessageType[CrdtMessageType["RESERVED"] = 0] = "RESERVED";
@@ -14029,8 +14273,14 @@
         CrdtMessageType[CrdtMessageType["DELETE_ENTITY"] = 3] = "DELETE_ENTITY";
         CrdtMessageType[CrdtMessageType["MAX_MESSAGE_TYPE"] = 4] = "MAX_MESSAGE_TYPE";
     })(exports.CrdtMessageType || (exports.CrdtMessageType = {}));
+    /**
+     * @internal
+     */
     const CRDT_MESSAGE_HEADER_LENGTH = 8;
 
+    /**
+     * @internal
+     */
     exports.DeleteComponent = void 0;
     (function (DeleteComponent) {
         // TODO: change timestamp to 32 bit and remove buffer length (-8 bytes)
@@ -14055,7 +14305,7 @@
         }
         DeleteComponent.write = write;
         function read(buf) {
-            const header = CrdtMessageProtocol.readHeader(buf);
+            const header = exports.CrdtMessageProtocol.readHeader(buf);
             if (!header) {
                 return null;
             }
@@ -14075,6 +14325,9 @@
         DeleteComponent.read = read;
     })(exports.DeleteComponent || (exports.DeleteComponent = {}));
 
+    /**
+     * @internal
+     */
     exports.PutComponentOperation = void 0;
     (function (PutComponentOperation) {
         PutComponentOperation.MESSAGE_HEADER_LENGTH = 20;
@@ -14100,7 +14353,7 @@
         }
         PutComponentOperation.write = write;
         function read(buf) {
-            const header = CrdtMessageProtocol.readHeader(buf);
+            const header = exports.CrdtMessageProtocol.readHeader(buf);
             if (!header) {
                 return null;
             }
@@ -14118,6 +14371,9 @@
         PutComponentOperation.read = read;
     })(exports.PutComponentOperation || (exports.PutComponentOperation = {}));
 
+    /**
+     * @internal
+     */
     exports.DeleteEntity = void 0;
     (function (DeleteEntity) {
         DeleteEntity.MESSAGE_HEADER_LENGTH = 4;
@@ -14130,7 +14386,7 @@
         }
         DeleteEntity.write = write;
         function read(buf) {
-            const header = CrdtMessageProtocol.readHeader(buf);
+            const header = exports.CrdtMessageProtocol.readHeader(buf);
             if (!header) {
                 return null;
             }
@@ -14145,6 +14401,9 @@
         DeleteEntity.read = read;
     })(exports.DeleteEntity || (exports.DeleteEntity = {}));
 
+    /**
+     * @internal
+     */
     exports.CrdtMessageProtocol = void 0;
     (function (CrdtMessageProtocol) {
         /**
@@ -14209,8 +14468,10 @@
         }
         CrdtMessageProtocol.consumeMessage = consumeMessage;
     })(exports.CrdtMessageProtocol || (exports.CrdtMessageProtocol = {}));
-    var CrdtMessageProtocol = exports.CrdtMessageProtocol;
 
+    /**
+     * @internal
+     */
     function crdtSceneSystem(engine, onProcessEntityComponentChange) {
         const transports = [];
         // CRDT Client
@@ -14238,7 +14499,7 @@
             return function parseChunkMessage(chunkMessage) {
                 const buffer = new ReadWriteByteBuffer(chunkMessage);
                 let header;
-                while ((header = CrdtMessageProtocol.getHeader(buffer))) {
+                while ((header = exports.CrdtMessageProtocol.getHeader(buffer))) {
                     const offset = buffer.currentReadOffset();
                     if (header.type === exports.CrdtMessageType.DELETE_COMPONENT) {
                         const message = exports.DeleteComponent.read(buffer);
@@ -14523,6 +14784,9 @@
         return Object.freeze({ ...val });
     }
 
+    /**
+     * @internal
+     */
     function createComponentDefinitionFromSchema(componentName, componentId, schema) {
         const data = new Map();
         const dirtyIterator = new Set();
@@ -14727,6 +14991,9 @@
     };
     const TimestampUpdateSystemPriority = 1 << 20;
     const ButtonStateUpdateSystemPriority = 0;
+    /**
+     * @internal
+     */
     function createInputSystem(engine) {
         const PointerEventsResult = PointerEventsResult$1(engine);
         const InternalInputStateComponent = engine.defineComponent('@dcl/sdk/InternalInputStateSchema', InternalInputStateSchema);
@@ -15019,47 +15286,47 @@
         };
     }
     /**
-     * @public
+     * @internal
      */
     function Engine(options) {
-        const engine = preEngine();
-        const crdtSystem = crdtSceneSystem(engine, options?.onChangeFunction || null);
+        const partialEngine = preEngine();
+        const crdtSystem = crdtSceneSystem(partialEngine, options?.onChangeFunction || null);
         async function update(dt) {
             await crdtSystem.receiveMessages();
-            for (const system of engine.getSystems()) {
+            for (const system of partialEngine.getSystems()) {
                 const ret = system.fn(dt);
                 checkNotThenable(ret, `A system (${system.name || 'anonymous'}) returned a thenable. Systems cannot be async functions. Documentation: https://dcl.gg/sdk/sync-systems`);
             }
             const dirtyEntities = crdtSystem.updateState();
-            const deletedEntites = engine.entityContainer.releaseRemovedEntities();
+            const deletedEntites = partialEngine.entityContainer.releaseRemovedEntities();
             await crdtSystem.sendMessages(dirtyEntities, deletedEntites);
-            for (const definition of engine.componentsIter()) {
+            for (const definition of partialEngine.componentsIter()) {
                 definition.clearDirty();
             }
         }
         return {
-            addEntity: engine.addEntity,
-            removeEntity: engine.removeEntity,
-            removeEntityWithChildren: engine.removeEntityWithChildren,
-            addSystem: engine.addSystem,
-            removeSystem: engine.removeSystem,
-            defineComponent: engine.defineComponent,
-            defineComponentFromSchema: engine.defineComponentFromSchema,
-            registerComponentDefinition: engine.registerComponentDefinition,
-            getEntitiesWith: engine.getEntitiesWith,
-            getComponent: engine.getComponent,
-            getComponentOrNull: engine.getComponentOrNull,
-            removeComponentDefinition: engine.removeComponentDefinition,
-            componentsIter: engine.componentsIter,
-            seal: engine.seal,
+            addEntity: partialEngine.addEntity,
+            removeEntity: partialEngine.removeEntity,
+            removeEntityWithChildren: partialEngine.removeEntityWithChildren,
+            addSystem: partialEngine.addSystem,
+            removeSystem: partialEngine.removeSystem,
+            defineComponent: partialEngine.defineComponent,
+            defineComponentFromSchema: partialEngine.defineComponentFromSchema,
+            registerComponentDefinition: partialEngine.registerComponentDefinition,
+            getEntitiesWith: partialEngine.getEntitiesWith,
+            getComponent: partialEngine.getComponent,
+            getComponentOrNull: partialEngine.getComponentOrNull,
+            removeComponentDefinition: partialEngine.removeComponentDefinition,
+            componentsIter: partialEngine.componentsIter,
+            seal: partialEngine.seal,
             update,
             RootEntity: 0,
             PlayerEntity: 1,
             CameraEntity: 2,
-            getEntityState: engine.entityContainer.getEntityState,
+            getEntityState: partialEngine.entityContainer.getEntityState,
             addTransport: crdtSystem.addTransport,
             getCrdtState: crdtSystem.getCrdt,
-            entityContainer: engine.entityContainer
+            entityContainer: partialEngine.entityContainer
         };
     }
 
@@ -15068,6 +15335,9 @@
         value.length = 0;
         return messagesToProcess;
     }
+    /**
+     * @internal
+     */
     function createTaskSystem(engine) {
         const tasks = [];
         async function runTask(task) {
@@ -15092,6 +15362,9 @@
         };
     }
 
+    /**
+     * @internal
+     */
     function createPointerEventSystem(engine, inputSystem) {
         const PointerEvents = PointerEvents$1(engine);
         let EventType;
@@ -15165,37 +15438,15 @@
             }
         });
         return {
-            /**
-             * @internal
-             * Remove the callback for onClick event
-             * @param entity - Entity where the callback was attached
-             */
             removeOnClick(entity) {
                 removeEvent(entity, EventType.Click);
             },
-            /**
-             * @public
-             * Remove the callback for onPointerDown event
-             * @param entity - Entity where the callback was attached
-             */
             removeOnPointerDown(entity) {
                 removeEvent(entity, EventType.Down);
             },
-            /**
-             * @public
-             * Remove the callback for onPointerUp event
-             * @param entity - Entity where the callback was attached
-             */
             removeOnPointerUp(entity) {
                 removeEvent(entity, EventType.Up);
             },
-            /**
-             * @internal
-             * Execute callback when the user clicks the entity.
-             * @param entity - Entity to attach the callback
-             * @param cb - Function to execute when onPointerDown fires
-             * @param opts - Opts to trigger Feedback and Button
-             */
             onClick(entity, cb, opts) {
                 const options = getDefaultOpts(opts);
                 // Clear previous event with over feedback included
@@ -15204,26 +15455,12 @@
                 getEvent(entity).set(EventType.Click, { cb, opts: options });
                 setPointerEvent(entity, 1 /* PointerEventType.PET_DOWN */, options);
             },
-            /**
-             * @public
-             * Execute callback when the user press the InputButton pointing at the entity
-             * @param entity - Entity to attach the callback
-             * @param cb - Function to execute when click fires
-             * @param opts - Opts to trigger Feedback and Button
-             */
             onPointerDown(entity, cb, opts) {
                 const options = getDefaultOpts(opts);
                 removeEvent(entity, EventType.Down);
                 getEvent(entity).set(EventType.Down, { cb, opts: options });
                 setPointerEvent(entity, 1 /* PointerEventType.PET_DOWN */, options);
             },
-            /**
-             * @public
-             * Execute callback when the user releases the InputButton pointing at the entity
-             * @param entity - Entity to attach the callback
-             * @param cb - Function to execute when click fires
-             * @param opts - Opts to trigger Feedback and Button
-             */
             onPointerUp(entity, cb, opts) {
                 const options = getDefaultOpts(opts);
                 removeEvent(entity, EventType.Up);
@@ -15237,15 +15474,39 @@
      * @alpha * This file initialization is an alpha one. This is based on the old-ecs
      * init and it'll be changing.
      */
+    /**
+     * @public
+     * The engine is the part of the scene that sits in the middle and manages all of the other parts.
+     * It determines what entities are rendered and how players interact with them.
+     * It also coordinates what functions from systems are executed and when.
+     *
+     * @example
+     * import { engine } from '@dcl/sdk/ecs'
+     * const entity = engine.addEntity()
+     * engine.addSystem(someSystemFunction)
+     *
+     */
 
     const engine = Engine();
-    // INPUT Manager
+    /**
+     * @public
+     * Input system manager. Check for button events
+     * @example
+     * inputSystem.isTriggered: Returns true if an input action ocurred since the last tick.
+     * inputSystem.isPressed: Returns true if an input is currently being pressed down. It will return true on every tick until the button goes up again.
+     * inputSystem.getInputCommand: Returns an object with data about the input action.
+     */
 
     const inputSystem = createInputSystem(engine);
+    /**
+     * @public
+     * Register callback functions to a particular entity.
+     */
 
     const pointerEventsSystem = createPointerEventSystem(engine, inputSystem);
     /**
      * @public
+     * Runs an async function
      */
 
     const executeTask = createTaskSystem(engine).executeTask;
@@ -15309,6 +15570,9 @@
     /** @public */  const VisibilityComponent = VisibilityComponent$1(engine);
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.CameraType = void 0;
     (function (CameraType) {
         CameraType[CameraType["CT_FIRST_PERSON"] = 0] = "CT_FIRST_PERSON";
@@ -15316,6 +15580,9 @@
     })(exports.CameraType || (exports.CameraType = {}));
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.InputAction = void 0;
     (function (InputAction) {
         InputAction[InputAction["IA_POINTER"] = 0] = "IA_POINTER";
@@ -15335,6 +15602,9 @@
     })(exports.InputAction || (exports.InputAction = {}));
 
     /* eslint-disable */
+    /**
+     * @public
+     */
     exports.TextAlignMode = void 0;
     (function (TextAlignMode) {
         TextAlignMode[TextAlignMode["TAM_TOP_LEFT"] = 0] = "TAM_TOP_LEFT";
@@ -15347,6 +15617,9 @@
         TextAlignMode[TextAlignMode["TAM_BOTTOM_CENTER"] = 7] = "TAM_BOTTOM_CENTER";
         TextAlignMode[TextAlignMode["TAM_BOTTOM_RIGHT"] = 8] = "TAM_BOTTOM_RIGHT";
     })(exports.TextAlignMode || (exports.TextAlignMode = {}));
+    /**
+     * @public
+     */
     exports.Font = void 0;
     (function (Font) {
         Font[Font["F_SANS_SERIF"] = 0] = "F_SANS_SERIF";
@@ -18176,9 +18449,11 @@
     var reactExports = requireReact();
     var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
 
+    /**
+     * @public
+     */
     var ReactEcs$1;
     (function (ReactEcs) {
-        // TODO: check if this as any is still needed
         ReactEcs.createElement = React.createElement;
     })(ReactEcs$1 || (ReactEcs$1 = {}));
 
@@ -40623,6 +40898,75 @@
     var reactReconcilerExports = requireReactReconciler();
     var Reconciler = /*@__PURE__*/getDefaultExportFromCjs(reactReconcilerExports);
 
+    const parseTextureMode = {
+        'nine-slices': 0 /* BackgroundTextureMode.NINE_SLICES */,
+        center: 1 /* BackgroundTextureMode.CENTER */,
+        stretch: 2 /* BackgroundTextureMode.STRETCH */
+    };
+    /**
+     * @internal
+     */
+    function getTextureMode(mode) {
+        const value = mode ? parseTextureMode[mode] : 1 /* BackgroundTextureMode.CENTER */;
+        return { textureMode: value };
+    }
+    /**
+     * @internal
+     */
+    function getTexture(props) {
+        if (props.texture) {
+            return {
+                tex: {
+                    $case: 'texture',
+                    texture: parseTexture(props.texture)
+                }
+            };
+        }
+        if (props.avatarTexture) {
+            return {
+                tex: {
+                    $case: 'avatarTexture',
+                    avatarTexture: parseTexture(props.avatarTexture)
+                }
+            };
+        }
+        return undefined;
+    }
+    function parseTexture(texture) {
+        return {
+            ...texture,
+            wrapMode: texture.wrapMode ? parseWrap[texture.wrapMode] : undefined,
+            filterMode: texture.filterMode ? parseFilter[texture.filterMode] : undefined
+        };
+    }
+    const parseWrap = {
+        repeat: 0 /* TextureWrapMode.TWM_REPEAT */,
+        clamp: 1 /* TextureWrapMode.TWM_CLAMP */,
+        mirror: 2 /* TextureWrapMode.TWM_MIRROR */,
+        'mirror-once': 3 /* TextureWrapMode.TWM_MIRROR_ONCE */
+    };
+    const parseFilter = {
+        point: 0 /* TextureFilterMode.TFM_POINT */,
+        'bi-linear': 1 /* TextureFilterMode.TFM_BILINEAR */,
+        'tri-linear': 2 /* TextureFilterMode.TFM_TRILINEAR */
+    };
+
+    /**
+     * @public
+     */
+
+    function parseUiBackground(props) {
+        if (!props || !Object.keys(props).length)
+            return undefined;
+        const texture = getTexture(props);
+        return {
+            ...props,
+            ...getTextureMode(props.textureMode),
+            uvs: props.uvs ?? [],
+            texture
+        };
+    }
+
     function capitalize(value) {
         return `${value[0].toUpperCase()}${value.slice(1, value.length)}`;
     }
@@ -40767,6 +41111,9 @@
         absolute: 1 /* YGPositionType.YGPT_ABSOLUTE */
     };
 
+    /**
+     * @internal
+     */
     const CANVAS_ROOT_ENTITY = 0;
     const defaultUiTransform = {
         parent: CANVAS_ROOT_ENTITY,
@@ -40841,81 +41188,6 @@
         };
     }
 
-    const parseTextureMode = {
-        'nine-slices': 0 /* BackgroundTextureMode.NINE_SLICES */,
-        center: 1 /* BackgroundTextureMode.CENTER */,
-        stretch: 2 /* BackgroundTextureMode.STRETCH */
-    };
-    /**
-     * @internal
-     */
-    function getTextureMode(mode) {
-        const value = mode ? parseTextureMode[mode] : 1 /* BackgroundTextureMode.CENTER */;
-        return { textureMode: value };
-    }
-    function isAvatarTexture(props) {
-        return !!props.avatarTexture;
-    }
-    function isTexture(props) {
-        return !!props.texture;
-    }
-    /**
-     * @internal
-     */
-    function getTexture(props) {
-        if (isTexture(props) && props.texture) {
-            return {
-                tex: {
-                    $case: 'texture',
-                    texture: parseTexture(props.texture)
-                }
-            };
-        }
-        if (isAvatarTexture(props) && props.avatarTexture) {
-            return {
-                tex: {
-                    $case: 'avatarTexture',
-                    avatarTexture: parseTexture(props.avatarTexture)
-                }
-            };
-        }
-        return undefined;
-    }
-    function parseTexture(texture) {
-        return {
-            ...texture,
-            wrapMode: texture.wrapMode ? parseWrap[texture.wrapMode] : undefined,
-            filterMode: texture.filterMode ? parseFilter[texture.filterMode] : undefined
-        };
-    }
-    const parseWrap = {
-        repeat: 0 /* TextureWrapMode.TWM_REPEAT */,
-        clamp: 1 /* TextureWrapMode.TWM_CLAMP */,
-        mirror: 2 /* TextureWrapMode.TWM_MIRROR */,
-        'mirror-once': 3 /* TextureWrapMode.TWM_MIRROR_ONCE */
-    };
-    const parseFilter = {
-        point: 0 /* TextureFilterMode.TFM_POINT */,
-        'bi-linear': 1 /* TextureFilterMode.TFM_BILINEAR */,
-        'tri-linear': 2 /* TextureFilterMode.TFM_TRILINEAR */
-    };
-
-    /**
-     * @public
-     */
-
-    function parseUiBackground(props) {
-        if (!props || !Object.keys(props).length)
-            return undefined;
-        const texture = getTexture(props);
-        return {
-            ...props,
-            ...getTextureMode(props.textureMode),
-            uvs: props.uvs ?? [],
-            texture
-        };
-    }
-
     /**
      * @internal
      */
@@ -40935,6 +41207,9 @@
         onMouseUp: undefined
     };
     const listenersKey = Object.keys(listeners);
+    /**
+     * @internal
+     */
     const isListener = (key) => listenersKey.includes(key);
 
     const parseFont = {
@@ -40984,6 +41259,21 @@
     }
     /**
      * @public
+     * Dropdown component
+     *
+     * A dropdown allows a user to select a value from a series of options.
+     *
+     * @example
+     * <Dropdown
+        options={['Red', 'Blue']}
+        color={Color4.Red()}
+        font="sans-serif"
+        fontSize={14}
+        selectedIndex={value}
+        onChange={(index) => value = index}
+      />
+     *
+     * @category Component
      */
 
     function Dropdown(props) {
@@ -41010,8 +41300,22 @@
     }
     /**
      * @public
-     */
-
+     * Input component
+     *
+     * An Input is a field used to obtain a response from a user.
+     *
+     * @example
+        <Input
+          placeholder="Please enter your email"
+          onChange={(value) => {
+            email = value
+          }}
+          uiBackground={{ color: Color4.Red() }}
+          uiTransform={{ width: 200, height: 36 }}
+        />
+     *
+     * @category Component
+     */ 
     function Input(props) {
         const { uiTransform, uiBackground, onMouseDown, onMouseUp, ...otherProps } = props;
         const inputProps = parseUiInput(otherProps);
@@ -41025,7 +41329,16 @@
     }
 
     /**
+     *
      * @public
+     * Label component
+     *
+     * A label displays text content
+     *
+     * @example
+     * <Label value="SDK 7" uiTransform={{ margin: { left: 10 } }} />
+     *
+     * @category Component
      */
 
     function Label(props) {
@@ -41046,13 +41359,13 @@
     }
 
     function getButtonProps(props) {
-        if (props.type === 'primary') {
+        if (props.variant === 'primary') {
             return {
                 uiBackground: { color: { r: 0.98, g: 0.17, b: 0.33, a: 1 } },
                 uiText: { color: { r: 1, g: 1, b: 1, a: 1 } }
             };
         }
-        if (props.type === 'secondary') {
+        if (props.variant === 'secondary') {
             return {
                 uiBackground: { color: { r: 1, g: 1, b: 1, a: 1 } },
                 uiText: { color: { r: 0.98, g: 0.17, b: 0.33, a: 1 } }
@@ -41061,7 +41374,16 @@
         return {};
     }
     /**
+     *
      * @public
+     * Button component
+     *
+     * A Button indicates a possible user action.
+     *
+     * @example
+     * <Button variant="primary" value="Click me!" />
+     *
+     * @category Component
      */
 
     function Button(props) {
@@ -41087,6 +41409,7 @@
 
     /**
      * @public
+     * @category Component
      */
 
     function UiEntity(props) {
@@ -41468,6 +41791,9 @@
         };
     }
 
+    /**
+     * @internal
+     */
     function createReactBasedUiSystem(engine, pointerSystem) {
         const renderer = createReconciler(engine, pointerSystem);
         let uiComponent = undefined;
@@ -41489,6 +41815,14 @@
         };
     }
 
+    /**
+     * ReactEcs variable provides the function to render & destroy the specified UI
+     * @public
+     * @example
+     * import { ReactEcsRenderer } from '@dcl/sdk/react-ecs'
+     * ReactEcsRenderer.setUiRenderer(uiComponent)
+     */
+
     const ReactEcsRenderer = createReactBasedUiSystem(engine, pointerEventsSystem);
     var ReactEcs = ReactEcs$1;
 
@@ -41889,7 +42223,6 @@
     exports.Billboard = Billboard;
     exports.BorderRect = BorderRect;
     exports.Button = Button;
-    exports.CANVAS_ROOT_ENTITY = CANVAS_ROOT_ENTITY;
     exports.CRDT_MESSAGE_HEADER_LENGTH = CRDT_MESSAGE_HEADER_LENGTH;
     exports.CameraMode = CameraMode;
     exports.CameraModeArea = CameraModeArea;
@@ -41901,7 +42234,6 @@
     exports.GltfContainer = GltfContainer;
     exports.Input = Input;
     exports.Label = Label;
-    exports.MASK_UPPER_16_ON_32 = MASK_UPPER_16_ON_32;
     exports.MAX_ENTITY_NUMBER = MAX_ENTITY_NUMBER;
     exports.MAX_U16 = MAX_U16;
     exports.Material = Material;