anim-3d-obj 1.1.49 → 1.1.51

package/dist/cjs/components/Button.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface IButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    backgroundColor?: string;
+    color?: string;
+}
+export declare const Button: React.FunctionComponent<IButtonProps>;

package/dist/cjs/components/Button.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+// not in the ecosystem
+const react_1 = __importDefault(require("react"));
+const Button = (props) => {
+    const { children, backgroundColor, color, style } = props;
+    let _style = style || {};
+    /** Override Defaults */
+    if (backgroundColor && _style)
+        _style.backgroundColor = backgroundColor;
+    if (color && _style)
+        _style.color = color;
+    return (react_1.default.createElement("button", Object.assign({ style: _style }, props), children));
+};
+exports.Button = Button;
+//# sourceMappingURL=Button.js.map

package/dist/cjs/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,uBAAuB;AACvB,kDAA0B;AAWnB,MAAM,MAAM,GAA0C,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE1D,IAAI,MAAM,GAAwB,KAAK,IAAI,EAAE,CAAC;IAE9C,wBAAwB;IACxB,IAAI,eAAe,IAAI,MAAM;QAAE,MAAM,CAAC,eAAe,GAAG,eAAe,CAAC;IACxE,IAAI,KAAK,IAAI,MAAM;QAAE,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;IAE1C,OAAO,CACL,wDAAQ,KAAK,EAAE,MAAM,IAAM,KAAK,GAC7B,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,MAAM,UAcjB"}

package/dist/cjs/components/Card.d.ts

@@ -0,0 +1,2 @@
+import { ObjProps } from "./Face/face";
+export declare const Card: (props: ObjProps) => any;

package/dist/cjs/components/Card.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+const react_1 = __importDefault(require("react"));
+const AnimWrap_1 = require("./styles/AnimWrap");
+const Scene_1 = require("./styles/Scene");
+const Face_1 = __importDefault(require("./Face"));
+const Global_1 = require("./styles/Global");
+const Card = (props) => {
+    let { anim1Specs, anim2Specs, width = 5, height = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex, } = props;
+    const buildFace = (faceType) => {
+        return (react_1.default.createElement(Face_1.default, { width: width, height: height, depth: 0.1, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom }));
+    };
+    return (react_1.default.createElement(Scene_1.SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
+        react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim1Specs },
+            react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim2Specs },
+                react_1.default.createElement(Global_1.ObjWrapper, null,
+                    !!faces && !!faces.front ? buildFace("front") : null,
+                    !!faces && !!faces.back ? buildFace("back") : null)))));
+};
+exports.Card = Card;
+//# sourceMappingURL=Card.js.map

package/dist/cjs/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gDAA6C;AAC7C,0CAA4C;AAE5C,kDAA0B;AAC1B,4CAA6C;AAEtC,MAAM,IAAI,GAAG,CAAC,KAAe,EAAO,EAAE;IAC3C,IAAI,EACF,UAAU,EACV,UAAU,EACV,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,KAAK,EACL,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EACzB,WAAW,EACX,iBAAiB,EACjB,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACvC,OAAO,CACL,8BAAC,cAAI,IACH,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACd,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,kBAAU,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM;QAEd,8BAAC,mBAAQ,IAAC,SAAS,EAAE,UAAU;YAC7B,8BAAC,mBAAQ,IAAC,SAAS,EAAE,UAAU;gBAC7B,8BAAC,mBAAU;oBACR,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CACxC,CACJ,CACF,CACA,CACd,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,IAAI,QAgDf"}

package/dist/cjs/components/Cuboid.d.ts

@@ -0,0 +1,2 @@
+import { ObjProps } from "./Face/face";
+export declare const Cuboid: (props: ObjProps) => any;

package/dist/cjs/components/Cuboid.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cuboid = void 0;
+const react_1 = __importDefault(require("react"));
+const AnimWrap_1 = require("./styles/AnimWrap");
+const Scene_1 = require("./styles/Scene");
+const Face_1 = __importDefault(require("./Face"));
+const Global_1 = require("./styles/Global");
+const Cuboid = (props) => {
+    let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex, } = props;
+    const buildFace = (faceType) => {
+        return (react_1.default.createElement(Face_1.default, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom }));
+    };
+    return (react_1.default.createElement(Scene_1.SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
+        react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim1Specs },
+            react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim2Specs },
+                react_1.default.createElement(Global_1.ObjWrapper, null,
+                    !!faces && !!faces.front ? buildFace("front") : null,
+                    !!faces && !!faces.right ? buildFace("right") : null,
+                    !!faces && !!faces.back ? buildFace("back") : null,
+                    !!faces && !!faces.left ? buildFace("left") : null,
+                    !!faces && !!faces.top ? buildFace("top") : null,
+                    !!faces && !!faces.bottom ? buildFace("bottom") : null)))));
+};
+exports.Cuboid = Cuboid;
+//# sourceMappingURL=Cuboid.js.map

package/dist/cjs/components/Cuboid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gDAA6C;AAC7C,0CAA4C;AAE5C,kDAA0B;AAC1B,4CAA6C;AAEtC,MAAM,MAAM,GAAG,CAAC,KAAe,EAAO,EAAE;IAC7C,IAAI,EACF,UAAU,EACV,UAAU,EACV,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,CAAC,EACT,KAAK,EACL,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EACzB,WAAW,EACX,iBAAiB,EACjB,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACvC,OAAO,CACL,8BAAC,cAAI,IACH,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACd,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,kBAAU,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM;QAEd,8BAAC,mBAAQ,IAAC,SAAS,EAAE,UAAU;YAC7B,8BAAC,mBAAQ,IAAC,SAAS,EAAE,UAAU;gBAC7B,8BAAC,mBAAU;oBACR,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;oBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;oBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;oBAChD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAC5C,CACJ,CACF,CACA,CACd,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,MAAM,UAqDjB"}

package/dist/cjs/components/Face/index.d.ts

@@ -0,0 +1,3 @@
+import { FaceProps } from "./face";
+declare const _default: (props: FaceProps) => JSX.Element;
+export default _default;

package/dist/cjs/components/Face/index.js

@@ -0,0 +1,88 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = __importDefault(require("react"));
+exports.default = (props) => {
+    let { depth = 10, faceType, global = {}, height = 10, custom = false, tranz = 80, width = 100, } = props;
+    let transform;
+    let styles = !!custom[faceType] && !!custom[faceType].css
+        ? custom[faceType].css
+        : global.css;
+    const body = !!custom[faceType] && !!custom[faceType].body
+        ? custom[faceType].body
+        : global.body;
+    if (faceType === "bottom") {
+        tranz = +height - +depth / 2;
+        height = +depth;
+        transform = `transform: rotateX(-90deg) translateZ(${tranz}px);`;
+        //styles = !!custom["top"] ? custom : global;
+    }
+    else if (faceType === "top") {
+        height = +depth;
+        if (!!depth)
+            tranz = +depth / 2;
+        transform = `transform: rotateX(90deg) translateZ(${tranz}px);`;
+    }
+    else if (faceType === "front") {
+        if (!!depth)
+            tranz = +depth / 2;
+        transform = `transform: rotateY(0deg) translateZ(${tranz}px);`;
+    }
+    else if (faceType === "back") {
+        if (!!depth)
+            tranz = +depth / 2;
+        transform = `transform: rotateY(180deg) translateZ(${tranz}px);`;
+    }
+    else if (faceType === "right") {
+        if (height > width && !depth) {
+            tranz = -(+height / 2 - +width);
+            width = +height;
+        }
+        else if (width > height && !depth) {
+            tranz = +height / 2;
+            height = +width;
+        }
+        else {
+            tranz = +width - +depth / 2;
+            width = +depth;
+        }
+        transform = `transform: rotateY(90deg) translateZ(${tranz}px);`;
+        // topr is to of Ribbon which points back
+    }
+    else if (faceType === "topr") {
+        height = +depth;
+        if (!!depth)
+            tranz = +depth / 2;
+        let offset = depth / 2;
+        //translate3d(tx, ty, tz)
+        transform = `transform: rotateX(90deg) translateZ(${tranz}px) translateY(-${tranz * 2}px)  `;
+    }
+    else {
+        if (height > width && !depth) {
+            tranz = -(+height / 2 - +width);
+            width = +height;
+        }
+        else if (width > height && !depth) {
+            tranz = +height / 2;
+            height = +width;
+        }
+        else {
+            tranz = +depth / 2;
+            width = +depth;
+        }
+        transform = `transform: rotateY(-90deg) translateZ(${tranz}px);`;
+    }
+    const BackFlip = styled_components_1.default.section ``;
+    const Specs = styled_components_1.default.section `
+    ${styles}
+    width: ${width}px;
+    position: absolute;
+    height: ${height}px;
+    ${transform};
+  `;
+    return react_1.default.createElement(Specs, null, body);
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Face/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Face/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Ribbon.d.ts

@@ -0,0 +1,2 @@
+import { ObjProps } from "./Face/face";
+export declare const Ribbon: (props: ObjProps) => any;

package/dist/cjs/components/Ribbon.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ribbon = void 0;
+const react_1 = __importDefault(require("react"));
+const AnimWrap_1 = require("./styles/AnimWrap");
+const Scene_1 = require("./styles/Scene");
+const Face_1 = __importDefault(require("./Face"));
+const Global_1 = require("./styles/Global");
+const Ribbon = (props) => {
+    let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex, showCenterDiv = false, } = props;
+    const buildFace = (faceType) => {
+        return (react_1.default.createElement(Face_1.default, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom }));
+    };
+    return (react_1.default.createElement(Scene_1.SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
+        react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim1Specs },
+            react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim2Specs },
+                react_1.default.createElement(Global_1.ObjWrapper, { showCenterDiv: showCenterDiv },
+                    !!faces && !!faces.bottom ? buildFace("bottom") : null,
+                    !!faces && !!faces.back ? buildFace("back") : null,
+                    !!faces && !!faces.top ? buildFace("topr") : null)))));
+};
+exports.Ribbon = Ribbon;
+//# sourceMappingURL=Ribbon.js.map

package/dist/cjs/components/Ribbon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ribbon.js","sourceRoot":"","sources":["../../../src/components/Ribbon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gDAA6C;AAC7C,0CAA4C;AAE5C,kDAA0B;AAC1B,4CAA6C;AAEtC,MAAM,MAAM,GAAG,CAAC,KAAe,EAAO,EAAE;IAC7C,IAAI,EACF,UAAU,EACV,UAAU,EACV,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,CAAC,EACT,KAAK,EACL,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EACzB,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,aAAa,GAAG,KAAK,GACtB,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACvC,OAAO,CACL,8BAAC,cAAI,IACH,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACd,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,kBAAU,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM;QAEd,8BAAC,mBAAQ,IAAC,SAAS,EAAE,UAAU;YAC7B,8BAAC,mBAAQ,IAAC,SAAS,EAAE,UAAU;gBAC7B,8BAAC,mBAAU,IAAC,aAAa,EAAE,aAAa;oBACrC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI;oBACtD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;oBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CACvC,CACJ,CACF,CACA,CACd,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,MAAM,UAmDjB"}

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,5 @@
+import Face from "./Face";
+import { Cuboid } from "./Cuboid";
+import { Card } from "./Card";
+import { Ribbon } from "./Ribbon";
+export { Face, Cuboid, Card, Ribbon };

package/dist/cjs/components/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ribbon = exports.Card = exports.Cuboid = exports.Face = void 0;
+const Face_1 = __importDefault(require("./Face"));
+exports.Face = Face_1.default;
+const Cuboid_1 = require("./Cuboid");
+Object.defineProperty(exports, "Cuboid", { enumerable: true, get: function () { return Cuboid_1.Cuboid; } });
+const Card_1 = require("./Card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
+const Ribbon_1 = require("./Ribbon");
+Object.defineProperty(exports, "Ribbon", { enumerable: true, get: function () { return Ribbon_1.Ribbon; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAKjB,eALF,cAAI,CAKE;AAJb,qCAAkC;AAInB,uFAJN,eAAM,OAIM;AAHrB,iCAA8B;AAGP,qFAHd,WAAI,OAGc;AAF3B,qCAAkC;AAEL,uFAFpB,eAAM,OAEoB"}

package/dist/cjs/components/styles/AnimWrap.d.ts

@@ -0,0 +1,2 @@
+import { AnimStylesProps } from "./Anim";
+export declare const AnimWrap: (props: AnimStylesProps) => JSX.Element;

package/dist/cjs/components/styles/AnimWrap.js

@@ -0,0 +1,86 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimWrap = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = __importDefault(require("react"));
+const Anims_1 = require("./Anims");
+const AnimWrap = (props) => {
+    const { children, animSpecs } = props;
+    const AS = animSpecs;
+    const { X360, Y360, fadeInkf, wobY, wobX, fwdx018, fwdx1836, fwdx09, fwdx918, fwdx1827, fwdx2736, fwdy018, fwdy1836, fwdy09, fwdy918, fwdy1827, fwdy2736, floatX, floatShadow, pulseSM, pulseMD, pulseLG, noAnim, } = (0, Anims_1.allAnims)({ degreesHi: AS.degreesHi, degreesLow: AS.degreesLow });
+    let theAnim = "noAnim";
+    // need to iterate through all animation posibilities and not use eval() to satisfy TS
+    if (AS.name === "X360")
+        theAnim = X360;
+    else if (AS.name === "Y360")
+        theAnim = Y360;
+    else if (AS.name === "fadeInkf")
+        theAnim = fadeInkf;
+    else if (AS.name === "wobX")
+        theAnim = wobX;
+    else if (AS.name === "wobY")
+        theAnim = wobY;
+    else if (AS.name === "fwdx018")
+        theAnim = fwdx018;
+    else if (AS.name === "fwdx1836")
+        theAnim = fwdx1836;
+    else if (AS.name === "fwdx09")
+        theAnim = fwdx09;
+    else if (AS.name === "fwdx918")
+        theAnim = fwdx918;
+    else if (AS.name === "fwdx1827")
+        theAnim = fwdx1827;
+    else if (AS.name === "fwdx2736")
+        theAnim = fwdx2736;
+    else if (AS.name === "fwdy018")
+        theAnim = fwdy018;
+    else if (AS.name === "fwdy1836")
+        theAnim = fwdy1836;
+    else if (AS.name === "fwdy09")
+        theAnim = fwdy09;
+    else if (AS.name === "fwdy918")
+        theAnim = fwdy918;
+    else if (AS.name === "fwdy1827")
+        theAnim = fwdy1827;
+    else if (AS.name === "fwdy2736")
+        theAnim = fwdy2736;
+    else if (AS.name === "floatX")
+        theAnim = floatX;
+    else if (AS.name === "floatShadow")
+        theAnim = floatShadow;
+    else if (AS.name === "pulseSM")
+        theAnim = pulseSM;
+    else if (AS.name === "pulseMD")
+        theAnim = pulseMD;
+    else if (AS.name === "pulseLG")
+        theAnim = pulseLG;
+    else
+        theAnim = noAnim;
+    const AnimWrapDiv = styled_components_1.default.div `
+    width: 100%;
+    height: 100%;
+    position: relative;
+    transform-style: preserve-3d;
+    border: ${AS.border};
+    -webkit-animation-duration: ${AS.duration}s;
+    animation-duration: ${AS.duration}s;
+    -webkit-animation-iteration-count: ${AS.iterationCount};
+    animation-iteration-count: ${AS.iterationCount};
+    -webkit-animation-name: ${theAnim};
+    animation-name: ${theAnim};
+    -webkit-animation-fill-mode: ${AS.fillMode};
+    animation-fill-mode: ${AS.fillMode};
+    animation-direction: ${AS.direction};
+    -webkit-animation-direction: ${AS.direction};
+    -webkit-animation-timing-function: ${AS.timing};
+    animation-timing-function: ${AS.timing};
+    -webkit-animation-delay: ${AS.delay}s;
+    animation-delay: ${AS.delay}s;
+  `;
+    return react_1.default.createElement(AnimWrapDiv, null, children);
+};
+exports.AnimWrap = AnimWrap;
+//# sourceMappingURL=AnimWrap.js.map

package/dist/cjs/components/styles/AnimWrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimWrap.js","sourceRoot":"","sources":["../../../../src/components/styles/AnimWrap.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/styles/Anims.d.ts

@@ -0,0 +1,30 @@
+interface AllAnimsProps {
+    degreesLow?: number;
+    degreesHi?: number;
+}
+export declare const allAnims: (props: AllAnimsProps) => {
+    X360: import("styled-components").Keyframes;
+    Y360: import("styled-components").Keyframes;
+    fadeInkf: import("styled-components").Keyframes;
+    wobY: import("styled-components").Keyframes;
+    wobX: import("styled-components").Keyframes;
+    fwdx018: import("styled-components").Keyframes;
+    fwdx1836: import("styled-components").Keyframes;
+    fwdx09: import("styled-components").Keyframes;
+    fwdx918: import("styled-components").Keyframes;
+    fwdx1827: import("styled-components").Keyframes;
+    fwdx2736: import("styled-components").Keyframes;
+    fwdy018: import("styled-components").Keyframes;
+    fwdy1836: import("styled-components").Keyframes;
+    fwdy09: import("styled-components").Keyframes;
+    fwdy918: import("styled-components").Keyframes;
+    fwdy1827: import("styled-components").Keyframes;
+    fwdy2736: import("styled-components").Keyframes;
+    floatX: import("styled-components").Keyframes;
+    floatShadow: import("styled-components").Keyframes;
+    pulseSM: import("styled-components").Keyframes;
+    pulseMD: import("styled-components").Keyframes;
+    pulseLG: import("styled-components").Keyframes;
+    noAnim: import("styled-components").Keyframes;
+};
+export {};

package/dist/cjs/components/styles/Anims.js

@@ -0,0 +1,275 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.allAnims = void 0;
+const styled_components_1 = require("styled-components");
+const allAnims = (props) => {
+    const { degreesLow = 0, degreesHi = 0 } = props;
+    const X360 = (0, styled_components_1.keyframes) `
+   from {
+      -webkit-transform: rotateX(360deg);
+      transform: rotateX(360deg);
+   }
+   to {
+      -webkit-transform: rotateX(0deg);
+      transform: rotateX(0deg);
+   }
+}`;
+    //////// Y360
+    const Y360 = (0, styled_components_1.keyframes) `
+    from {
+        -webkit-transform: rotateY(360deg);
+        transform: rotateY(360deg);
+    }
+    to {
+        -webkit-transform: rotateY(0deg);
+        transform: rotateY(0deg);
+    }`;
+    const fadeInkf = (0, styled_components_1.keyframes) `
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }`;
+    const wobY = (0, styled_components_1.keyframes) `
+    0% {
+        -webkit-transform: rotateY(${degreesLow}deg);
+        transform: rotateY(${degreesLow}deg);
+    }
+    50% {
+        -webkit-transform: rotateY(${degreesHi}deg);
+        transform: rotateY(${degreesHi}deg);
+    }
+    100% {
+        -webkit-transform: rotateY(${degreesLow}deg);
+        transform: rotateY(${degreesLow}deg);
+    }`;
+    const wobX = (0, styled_components_1.keyframes) `
+    0% {
+        -webkit-transform: rotateX(${degreesLow}deg);
+        transform: rotateX(${degreesLow}deg);
+    }
+    50% {
+        -webkit-transform: rotateX(${degreesHi}deg);
+        transform: rotateX(${degreesHi}deg);
+    }
+    100% {
+        -webkit-transform: rotateX(${degreesLow}deg);
+        transform: rotateX(${degreesLow}deg);
+    }`;
+    /* ============================== x-axis 0-180 >180 - 360 */
+    const fwdx018 = (0, styled_components_1.keyframes) `
+    from {
+        -webkit-transform: rotateX(360deg);
+        transform: rotateX(360deg);
+    }
+    to {
+        -webkit-transform: rotateX(180deg);
+        transform: rotateX(180deg);
+    }`;
+    const fwdx1836 = (0, styled_components_1.keyframes) `
+    from {
+        -webkit-transform: rotateX(180deg);
+        transform: rotateX(180deg);
+    }
+    to {
+        -webkit-transform: rotateX(0deg);
+        transform: rotateX(0deg);
+    }`;
+    /* ============================= x-axis 0-90, 90-180, 180-270, 270-360 */
+    const fwdx09 = (0, styled_components_1.keyframes) `
+    from {
+       -webkit-transform: rotateX(360deg);
+       transform: rotateX(360deg);
+    }
+    to {
+       -webkit-transform: rotateX(90deg);
+       transform: rotateX(90deg);
+    }`;
+    const fwdx918 = (0, styled_components_1.keyframes) `
+    from {
+        -webkit-transform: rotateX(-90deg);
+        transform: rotateX(-90deg);
+    }
+    to {
+        -webkit-transform: rotateX(-180deg);
+        transform: rotateX(-180deg);
+    }`;
+    const fwdx1827 = (0, styled_components_1.keyframes) `
+    from {
+        -webkit-transform: rotateX(-180deg);
+        transform: rotateX(-180deg);
+    }
+    to {
+        -webkit-transform: rotateX(-270deg);
+        transform: rotateX(-270deg);
+    }`;
+    const fwdx2736 = (0, styled_components_1.keyframes) `
+    from {
+        -webkit-transform: rotateX(-270deg);
+        transform: rotateX(-270deg);
+    }
+    to {
+        -webkit-transform: rotateX(-360deg);
+        transform: rotateX(-360deg);
+    }`;
+    /* ============================== y-axis 0-180 >180 - 360 */
+    const fwdy018 = (0, styled_components_1.keyframes) `
+   from {
+       -webkit-transform: rotateY(360deg);
+       transform: rotateY(360deg);
+   }
+   to {
+       -webkit-transform: rotateY(180deg);
+       transform: rotateY(180deg);
+   }`;
+    const fwdy1836 = (0, styled_components_1.keyframes) `
+   from {
+       -webkit-transform: rotateY(180deg);
+       transform: rotateY(180deg);
+   }
+   to {
+       -webkit-transform: rotateY(0deg);
+       transform: rotateY(0deg);
+   }`;
+    /* ============================= y-axis 0-90, 90-180, 180-270, 270-360 */
+    const fwdy09 = (0, styled_components_1.keyframes) `
+   from {
+      -webkit-transform: rotateY(360deg);
+      transform: rotateY(360deg);
+   }
+   to {
+      -webkit-transform: rotateY(90deg);
+      transform: rotateY(90deg);
+   }`;
+    const fwdy918 = (0, styled_components_1.keyframes) `
+   from {
+       -webkit-transform: rotateY(-90deg);
+       transform: rotateY(-90deg);
+   }
+   to {
+       -webkit-transform: rotateY(-180deg);
+       transform: rotateY(-180deg);
+   }`;
+    const fwdy1827 = (0, styled_components_1.keyframes) `
+   from {
+       -webkit-transform: rotateY(-180deg);
+       transform: rotateY(-180deg);
+   }
+   to {
+       -webkit-transform: rotateY(-270deg);
+       transform: rotateY(-270deg);
+   }`;
+    const fwdy2736 = (0, styled_components_1.keyframes) `
+   from {
+       -webkit-transform: rotateY(-270deg);
+       transform: rotateY(-270deg);
+   }
+   to {
+       -webkit-transform: rotateY(-360deg);
+       transform: rotateY(-360deg);
+   }`;
+    /* ============================= floating */
+    const floatX = (0, styled_components_1.keyframes) `
+   0% { -webkit-transform: translate(0,  0px); -ms-transform: translate(0,  0px); transform: translate(0,  0px); }
+   50%  { -webkit-transform: translate(0, 15px); -ms-transform: translate(0, 15px); transform: translate(0, 15px); }
+   100%   { -webkit-transform: translate(0, -0px); -ms-transform: translate(0, -0px); transform: translate(0, -0px); }`;
+    const floatShadow = (0, styled_components_1.keyframes) `
+        0% {
+            -webkit-box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
+                    box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
+            -webkit-transform: translateY(0px);
+                -ms-transform: translateY(0px);
+                    transform: translateY(0px);
+        }
+        50% {
+            -webkit-box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
+                    box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
+            -webkit-transform: translateY(-20px);
+                -ms-transform: translateY(-20px);
+                    transform: translateY(-20px);
+        }
+        100% {
+            -webkit-box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
+                    box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
+            -webkit-transform: translateY(0px);
+                -ms-transform: translateY(0px);
+                    transform: translateY(0px);
+        }`;
+    const pulseSM = (0, styled_components_1.keyframes) `
+   0% {
+    -webkit-transform: scale(0.9);
+        -ms-transform: scale(0.9);
+            transform: scale(0.9);
+    }
+    70% {
+        -webkit-transform: scale(1);
+            -ms-transform: scale(1);
+                transform: scale(1);
+    }
+    100% {
+        -webkit-transform: scale(0.9);
+            -ms-transform: scale(0.9);
+                transform: scale(0.9);
+    }`;
+    const pulseMD = (0, styled_components_1.keyframes) `
+    0% {
+     -webkit-transform: scale(0.7);
+         -ms-transform: scale(0.7);
+             transform: scale(0.7);
+     }
+     70% {
+         -webkit-transform: scale(1);
+             -ms-transform: scale(1);
+                 transform: scale(1);
+     }
+     100% {
+         -webkit-transform: scale(0.7);
+             -ms-transform: scale(0.7);
+                 transform: scale(0.7);
+     }`;
+    const pulseLG = (0, styled_components_1.keyframes) `
+    0% {
+     -webkit-transform: scale(0.5);
+         -ms-transform: scale(0.5);
+             transform: scale(0.5);
+     }
+     70% {
+         -webkit-transform: scale(1);
+             -ms-transform: scale(1);
+                 transform: scale(1);
+     }
+     100% {
+         -webkit-transform: scale(0.5);
+             -ms-transform: scale(0.5);
+                 transform: scale(0.5);
+     }`;
+    const noAnim = (0, styled_components_1.keyframes) ``;
+    return {
+        X360,
+        Y360,
+        fadeInkf,
+        wobY,
+        wobX,
+        fwdx018,
+        fwdx1836,
+        fwdx09,
+        fwdx918,
+        fwdx1827,
+        fwdx2736,
+        fwdy018,
+        fwdy1836,
+        fwdy09,
+        fwdy918,
+        fwdy1827,
+        fwdy2736,
+        floatX,
+        floatShadow,
+        pulseSM,
+        pulseMD,
+        pulseLG,
+        noAnim,
+    };
+};
+exports.allAnims = allAnims;
+//# sourceMappingURL=Anims.js.map

package/dist/cjs/components/styles/Anims.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anims.js","sourceRoot":"","sources":["../../../../src/components/styles/Anims.ts"],"names":[],"mappings":";;;AAAA,yDAA8C;AAOvC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EAAE,UAAU,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;EAStB,CAAC;IAED,aAAa;IACb,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQlB,CAAC;IAEL,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;MAMtB,CAAC;IAEL,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;qCAEa,UAAU;6BAClB,UAAU;;;qCAGF,SAAS;6BACjB,SAAS;;;qCAGD,UAAU;6BAClB,UAAU;MACjC,CAAC;IAEL,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;qCAEa,UAAU;6BAClB,UAAU;;;qCAGF,SAAS;6BACjB,SAAS;;;qCAGD,UAAU;6BAClB,UAAU;MACjC,CAAC;IACL,4DAA4D;IAC5D,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQrB,CAAC;IACL,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQtB,CAAC;IACL,yEAAyE;IACzE,MAAM,MAAM,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQpB,CAAC;IACL,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQrB,CAAC;IACL,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQtB,CAAC;IACL,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQtB,CAAC;IAEL,4DAA4D;IAC5D,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;KAQtB,CAAC;IACJ,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;;;KAQvB,CAAC;IAEJ,yEAAyE;IACzE,MAAM,MAAM,GAAG,IAAA,6BAAS,EAAA;;;;;;;;KAQrB,CAAC;IACJ,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;KAQtB,CAAC;IACJ,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;;;KAQvB,CAAC;IACJ,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;;;KAQvB,CAAC;IAEJ,4CAA4C;IAC5C,MAAM,MAAM,GAAG,IAAA,6BAAS,EAAA;;;uHAG6F,CAAC;IAEtH,MAAM,WAAW,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;;;;;;;;;;;;;UAqBrB,CAAC;IAET,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;;;;;;;MAerB,CAAC;IAEL,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;;;;;;;OAepB,CAAC;IAEN,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;;;;;;;OAepB,CAAC;IAEN,MAAM,MAAM,GAAG,IAAA,6BAAS,EAAA,EAAE,CAAC;IAE3B,OAAO;QACL,IAAI;QACJ,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,IAAI;QACJ,OAAO;QACP,QAAQ;QACR,MAAM;QACN,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,OAAO;QACP,QAAQ;QACR,MAAM;QACN,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,MAAM;QACN,WAAW;QACX,OAAO;QACP,OAAO;QACP,OAAO;QACP,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AA1RW,QAAA,QAAQ,YA0RnB"}

package/dist/cjs/components/styles/Global.d.ts

@@ -0,0 +1,6 @@
+interface ObjWrapperProps {
+    showCenterDiv?: boolean | string | number;
+    children?: any;
+}
+export declare const ObjWrapper: (props: ObjWrapperProps) => any;
+export {};

package/dist/cjs/components/styles/Global.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = __importDefault(require("react"));
+const ObjWrapper = (props) => {
+    const { showCenterDiv = false, children = "" } = props;
+    const Wrapper = showCenterDiv
+        ? styled_components_1.default.section `
+        width: 100%;
+        height: 100%;
+        position: relative;
+        transform-style: preserve-3d;
+        border: 1px solid #0f0;
+      `
+        : styled_components_1.default.section `
+        width: 100%;
+        height: 100%;
+        position: relative;
+        transform-style: preserve-3d;
+      `;
+    return react_1.default.createElement(Wrapper, null, children);
+};
+exports.ObjWrapper = ObjWrapper;
+//# sourceMappingURL=Global.js.map

package/dist/cjs/components/styles/Global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Global.js","sourceRoot":"","sources":["../../../../src/components/styles/Global.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AACvC,kDAA0B;AAOnB,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAO,EAAE;IACxD,MAAM,EAAE,aAAa,GAAG,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,OAAO,GAAQ,aAAa;QAChC,CAAC,CAAC,2BAAM,CAAC,OAAO,CAAA;;;;;;OAMb;QACH,CAAC,CAAC,2BAAM,CAAC,OAAO,CAAA;;;;;OAKb,CAAC;IAEN,OAAO,8BAAC,OAAO,QAAE,QAAQ,CAAW,CAAC;AACvC,CAAC,CAAC;AAnBW,QAAA,UAAU,cAmBrB"}

package/dist/cjs/components/styles/Scene.d.ts

@@ -0,0 +1,10 @@
+interface SceneStyleProps {
+    width?: number | string;
+    height?: number | string;
+    perspective?: number | string | undefined;
+    perspectiveOrigin?: string | undefined;
+    zIndex?: number | undefined;
+    children: any;
+}
+export declare const SceneStyle: (props: SceneStyleProps) => JSX.Element;
+export {};

package/dist/cjs/components/styles/Scene.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SceneStyle = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = __importDefault(require("react"));
+const SceneStyle = (props) => {
+    const { width = 0, height = 0, perspective = 600, perspectiveOrigin = "50% 50%", zIndex = 10, children = {}, } = props;
+    const SceneStyleDiv = styled_components_1.default.div `
+    width: ${width}px;
+    height: ${height}px;
+    -webkit-perspective: ${perspective}px;
+    perspective: ${perspective}px;
+    -webkit-perspective-origin: ${perspectiveOrigin};
+    perspective-origin: ${perspectiveOrigin};
+  `;
+    return (react_1.default.createElement("div", { style: { zIndex } },
+        react_1.default.createElement(SceneStyleDiv, null, children)));
+};
+exports.SceneStyle = SceneStyle;
+//# sourceMappingURL=Scene.js.map

package/dist/cjs/components/styles/Scene.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../src/components/styles/Scene.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AACvC,kDAA0B;AAWnB,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EACJ,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,WAAW,GAAG,GAAG,EACjB,iBAAiB,GAAG,SAAS,EAC7B,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,GACd,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAQ,2BAAM,CAAC,GAAG,CAAA;aAC1B,KAAK;cACJ,MAAM;2BACO,WAAW;mBACnB,WAAW;kCACI,iBAAiB;0BACzB,iBAAiB;GACxC,CAAC;IAEF,OAAO,CACL,uCAAK,KAAK,EAAE,EAAE,MAAM,EAAE;QACpB,8BAAC,aAAa,QAAE,QAAQ,CAAiB,CACrC,CACP,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,UAAU,cAwBrB"}

package/dist/cjs/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";

package/dist/cjs/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+//export * from './hooks';
+//export * from './library';
+__exportStar(require("./components"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0BAA0B;AAC1B,4BAA4B;AAC5B,+CAA6B"}

package/dist/esm/components/styles/Global.js

@@ -1,4 +1,5 @@
 import styled from "styled-components";
+import React from "react";
 export const ObjWrapper = (props) => {
     const { showCenterDiv = false, children = "" } = props;
     const Wrapper = showCenterDiv

package/dist/esm/components/styles/Global.js.map

@@ -1 +1 @@
-{"version":3,"file":"Global.js","sourceRoot":"","sources":["../../../../src/components/styles/Global.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAO,EAAE;IACxD,MAAM,EAAE,aAAa,GAAG,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,OAAO,GAAQ,aAAa;QAChC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;;;;;;OAMb;QACH,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;;;;;OAKb,CAAC;IAEN,OAAO,oBAAC,OAAO,QAAE,QAAQ,CAAW,CAAC;AACvC,CAAC,CAAC"}
+{"version":3,"file":"Global.js","sourceRoot":"","sources":["../../../../src/components/styles/Global.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAO,EAAE;IACxD,MAAM,EAAE,aAAa,GAAG,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,OAAO,GAAQ,aAAa;QAChC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;;;;;;OAMb;QACH,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;;;;;OAKb,CAAC;IAEN,OAAO,oBAAC,OAAO,QAAE,QAAQ,CAAW,CAAC;AACvC,CAAC,CAAC"}

package/package.json

@@ -1,4 +1,6 @@
 
+
+
 {
    "name": "anim-3d-obj",
    "repository": {
@@ -6,7 +8,7 @@
       "url": "https://github.com/mdnelles/anim-3d-obj.git"
    },
    "homepage": "https://github.com/mdnelles/anim-3d-obj.git",
-    "version": "1.1.49",
+    "version": "1.1.51",
    "description": "React library for creating 3D objects quickly.  Also these objects can be animated",
    "main": "dist/cjs/index.js",
    "module": "dist/esm/index.js",