react-electronix 1.0.10 → 2.0.0

package/dist/cjs/components/Mac/components/Startup/Startup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Startup.js","sourceRoot":"","sources":["../../../../../../src/components/Mac/components/Startup/Startup.tsx"],"names":[],"mappings":";;;;AAAA,qDAAmD;AACnD,sBAA2C;AAEpC,IAAM,OAAO,GAAG,UAAC,EAET;QADX,IAAI,UAAA;IAEE,IAAA,KAAwB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAArC,OAAO,QAAA,EAAE,UAAU,QAAkB,CAAA;IACtC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAA;IAChD,IAAM,MAAM,GAAG,IAAA,YAAS,EAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;IAExC,IAAA,iBAAS,EAAC;QACN,IAAI,IAAI,EAAE;YACN,UAAU,CAAC,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,IAAI,CAAC,CAAA;YAC3C,UAAU,CAAC,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,IAAI,CAAC,CAAA;SAC5C;IACL,CAAC,CAAC,CAAA;IACF,OAAO,CACH,oEACK,OAAO;QACJ,0CACI,SAAS,EAAC,SAAS;YACnB,sFAAsF;YACtF,KAAK,EAAE,MAAM,CAAC,OAAO;YAErB,0CAAK,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,iBAAiB;gBAAC,2CAAM,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,0vBAA0vB,GAAG,CAAM,CAC13B,CAEX,CACN,CAAA;AACL,CAAC,CAAA;AA1BY,QAAA,OAAO,WA0BnB"}
+{"version":3,"file":"Startup.js","sourceRoot":"","sources":["../../../../../../src/components/Mac/components/Startup/Startup.tsx"],"names":[],"mappings":";;;;AAAA,qDAAmD;AACnD,sBAA2C;AAEpC,IAAM,OAAO,GAAG,UAAC,EAET;QADX,IAAI,UAAA;IAEE,IAAA,KAAwB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAArC,OAAO,QAAA,EAAE,UAAU,QAAkB,CAAA;IACtC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAA;IAChD,IAAM,MAAM,GAAG,IAAA,YAAS,EAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;IAExC,IAAA,iBAAS,EAAC;QACN,IAAI,IAAI,EAAE,CAAC;YACP,UAAU,CAAC,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,IAAI,CAAC,CAAA;YAC3C,UAAU,CAAC,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,IAAI,CAAC,CAAA;QAC7C,CAAC;IACL,CAAC,CAAC,CAAA;IACF,OAAO,CACH,8DACK,OAAO;QACJ,uCACI,SAAS,EAAC,SAAS;YACnB,sFAAsF;YACtF,KAAK,EAAE,MAAM,CAAC,OAAO;YAErB,uCAAK,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,iBAAiB;gBAAC,wCAAM,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,0vBAA0vB,GAAG,CAAM,CAC13B,CAEX,CACN,CAAA;AACL,CAAC,CAAA;AA1BY,QAAA,OAAO,WA0BnB"}

package/dist/cjs/components/Mac/components/Startup/Startup.props.js

@@ -1,3 +1,3 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=Startup.props.js.map

package/dist/cjs/components/Mac/components/Startup/Startup.style.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var useStyles = function (_a) {
     var animation = _a.animation;

package/dist/cjs/components/Mac/components/Startup/index.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Startup"), exports);
 tslib_1.__exportStar(require("./Startup.props"), exports);

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

@@ -1,3 +1,2 @@
 export * from './Mac';
 export * from './Mac.props';
-export * from './Mac.styles';

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

@@ -1,7 +1,6 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Mac"), exports);
 tslib_1.__exportStar(require("./Mac.props"), exports);
-tslib_1.__exportStar(require("./Mac.styles"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Mac/index.ts"],"names":[],"mappings":";;;AAAA,gDAAqB;AACrB,sDAA4B;AAC5B,uDAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Mac/index.ts"],"names":[],"mappings":";;;AAAA,gDAAqB;AACrB,sDAA4B"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MacbookProProps } from './MacbookPro.props';
+export declare const MacbookPro: (props: MacbookProProps) => React.JSX.Element;

package/dist/cjs/components/MacbookPro/MacbookPro.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MacbookPro = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var MacbookPro_styles_1 = require("./MacbookPro.styles");
+var Startup_1 = require("./components/Startup");
+var material_1 = require("@mui/material");
+var MacbookProClassic_1 = require("./MacbookProClassic");
+var MacbookPro = function (props) {
+    if (props.old) {
+        return react_1.default.createElement(MacbookProClassic_1.MacbookProClassic, tslib_1.__assign({}, props));
+    }
+    var startup = props.startup, animateOpen = props.animateOpen, open = props.open, width = props.width, openAngle = props.openAngle, children = props.children, _a = props.perspective, perspective = _a === void 0 ? 2500 : _a, _b = props.color, color = _b === void 0 ? 'silver' : _b;
+    var _c = (0, react_1.useState)(animateOpen ? false : open), macOpen = _c[0], setMacOpen = _c[1];
+    var styles = (0, MacbookPro_styles_1.useStyles)({ width: width, macOpen: macOpen, openAngle: openAngle, perspective: perspective, color: color });
+    (0, react_1.useEffect)(function () {
+        if (animateOpen) {
+            setTimeout(function () { return setMacOpen(open); }, 100);
+        }
+        else {
+            setMacOpen(open);
+        }
+    }, [open, animateOpen]);
+    return (react_1.default.createElement(material_1.Box, { sx: styles.mac },
+        react_1.default.createElement(material_1.Box, { className: 'top-portion', sx: styles.topPortion },
+            react_1.default.createElement(material_1.Box, { className: 'lid', sx: styles.lid }),
+            react_1.default.createElement(material_1.Box, { className: 'top', sx: styles.top },
+                react_1.default.createElement(material_1.Box, { className: 'screen', sx: styles.screen },
+                    react_1.default.createElement(material_1.Box, { className: "notch", sx: styles.notch },
+                        react_1.default.createElement(material_1.Box, { className: "camera", sx: styles.camera })),
+                    react_1.default.createElement(Startup_1.Startup, { show: startup }),
+                    react_1.default.createElement(material_1.Box, { sx: styles.screenContent }, children)),
+                react_1.default.createElement(material_1.Box, { className: "underscreen-bar", sx: styles.underscreenBar }))),
+        react_1.default.createElement(material_1.Box, { className: 'bottom-portion', sx: styles.bottomPortion },
+            react_1.default.createElement(material_1.Box, { className: 'bottom-cover', sx: styles.bottomCover }),
+            react_1.default.createElement(material_1.Box, { className: 'bottom', sx: styles.bottom },
+                react_1.default.createElement(material_1.Box, { className: "opener", sx: styles.opener })))));
+};
+exports.MacbookPro = MacbookPro;
+//# sourceMappingURL=MacbookPro.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MacbookPro.js","sourceRoot":"","sources":["../../../../src/components/MacbookPro/MacbookPro.tsx"],"names":[],"mappings":";;;;AAAA,qDAAmD;AAEnD,yDAAgD;AAChD,gDAA+C;AAC/C,0CAAoC;AACpC,yDAAwD;AAEjD,IAAM,UAAU,GAAG,UAAC,KAAsB;IAC7C,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;QACZ,OAAO,8BAAC,qCAAiB,uBAAK,KAAK,EAAI,CAAC;IAC5C,CAAC;IAGG,IAAA,OAAO,GAQP,KAAK,QARE,EACP,WAAW,GAOX,KAAK,YAPM,EACX,IAAI,GAMJ,KAAK,KAND,EACJ,KAAK,GAKL,KAAK,MALA,EACL,SAAS,GAIT,KAAK,UAJI,EACT,QAAQ,GAGR,KAAK,SAHG,EACR,KAEA,KAAK,YAFa,EAAlB,WAAW,mBAAG,IAAI,KAAA,EAClB,KACA,KAAK,MADW,EAAhB,KAAK,mBAAG,QAAQ,KAAA,CACV;IACJ,IAAA,KAAwB,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAA3D,OAAO,QAAA,EAAE,UAAU,QAAwC,CAAC;IACnE,IAAM,MAAM,GAAG,IAAA,6BAAS,EAAC,EAAE,KAAK,OAAA,EAAE,OAAO,SAAA,EAAE,SAAS,WAAA,EAAE,WAAW,aAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IAE5E,IAAA,iBAAS,EAAC;QACN,IAAI,WAAW,EAAE,CAAC;YACd,UAAU,CAAC,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EAAE,GAAG,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACJ,UAAU,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,OAAO,CACH,8BAAC,cAAG,IAAC,EAAE,EAAE,MAAM,CAAC,GAAG;QACf,8BAAC,cAAG,IAAC,SAAS,EAAC,aAAa,EAAC,EAAE,EAAE,MAAM,CAAC,UAAU;YAC9C,8BAAC,cAAG,IAAC,SAAS,EAAC,KAAK,EAAC,EAAE,EAAE,MAAM,CAAC,GAAG,GAAQ;YAC3C,8BAAC,cAAG,IAAC,SAAS,EAAC,KAAK,EAAC,EAAE,EAAE,MAAM,CAAC,GAAG;gBAC/B,8BAAC,cAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM;oBACrC,8BAAC,cAAG,IAAC,SAAS,EAAC,OAAO,EAAC,EAAE,EAAE,MAAM,CAAC,KAAK;wBACnC,8BAAC,cAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM,GAAQ,CAC/C;oBACN,8BAAC,iBAAO,IAAC,IAAI,EAAE,OAAO,GAAI;oBAC1B,8BAAC,cAAG,IAAC,EAAE,EAAE,MAAM,CAAC,aAAa,IACxB,QAAQ,CACP,CACJ;gBACN,8BAAC,cAAG,IAAC,SAAS,EAAC,iBAAiB,EAAC,EAAE,EAAE,MAAM,CAAC,cAAc,GAAQ,CAChE,CACJ;QACN,8BAAC,cAAG,IAAC,SAAS,EAAC,gBAAgB,EAAC,EAAE,EAAE,MAAM,CAAC,aAAa;YACpD,8BAAC,cAAG,IAAC,SAAS,EAAC,cAAc,EAAC,EAAE,EAAE,MAAM,CAAC,WAAW,GAAQ;YAC5D,8BAAC,cAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM;gBACrC,8BAAC,cAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM,GAAQ,CAE/C,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AApDW,QAAA,UAAU,cAoDrB"}

package/dist/cjs/components/MacbookPro/MacbookPro.props.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+export type MacbookProColor = 'silver' | 'space-black';
+export interface MacbookProProps {
+    old?: boolean;
+    open: boolean;
+    width: number;
+    startup?: boolean;
+    animateOpen?: boolean;
+    openAngle?: number;
+    children?: ReactNode;
+    perspective?: number;
+    color?: MacbookProColor;
+}

package/dist/cjs/components/MacbookPro/MacbookPro.props.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=MacbookPro.props.js.map

package/dist/cjs/components/MacbookPro/MacbookPro.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MacbookPro.props.js","sourceRoot":"","sources":["../../../../src/components/MacbookPro/MacbookPro.props.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,10 @@
+import { MacbookProColor } from './MacbookPro.props';
+export declare const useStyles: ({ width, macOpen, openAngle, perspective, color }: StylesProps) => any;
+interface StylesProps {
+    width: number;
+    macOpen: boolean;
+    openAngle?: number;
+    perspective?: number;
+    color?: MacbookProColor;
+}
+export {};

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

@@ -0,0 +1,160 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var MACBOOK_PRO_COLORS = {
+    'silver': {
+        primary: '#8e8e93',
+        secondary: '#d1d1d6',
+        gradient: 'linear-gradient(to right, #8e8e93 0%, #d1d1d6 2%, #8e8e93 4%, #d1d1d6 10%, #d1d1d6 90%, #8e8e93 94%, #d1d1d6 98%, #8e8e93 100%)',
+        bottomGradient: 'linear-gradient(to right, #8e8e93 0%, #d1d1d6 1%, #8e8e93 3%, #d1d1d6 30%, #d1d1d6 70%, #8e8e93 97%, #d1d1d6 99%, #8e8e93 100%)',
+    },
+    'space-black': {
+        primary: '#1c1c1e',
+        secondary: '#3a3a3c',
+        gradient: 'linear-gradient(to right, #1c1c1e 0%, #3a3a3c 2%, #1c1c1e 4%, #3a3a3c 10%, #3a3a3c 90%, #1c1c1e 94%, #3a3a3c 98%, #1c1c1e 100%)',
+        bottomGradient: 'linear-gradient(to right, #1c1c1e 0%, #3a3a3c 1%, #1c1c1e 3%, #3a3a3c 30%, #3a3a3c 70%, #1c1c1e 97%, #3a3a3c 99%, #1c1c1e 100%)',
+    },
+};
+var useStyles = function (_a) {
+    var width = _a.width, macOpen = _a.macOpen, openAngle = _a.openAngle, perspective = _a.perspective, _b = _a.color, color = _b === void 0 ? 'silver' : _b;
+    var lidHeight = width * 0.66;
+    var bodyHeight = width * 0.66;
+    var thickness = width * 0.038;
+    var bezelWidth = width * 0.012;
+    var screenRadius = width * 0.025;
+    var notchWidth = width * 0.18;
+    var notchHeight = width * 0.038;
+    var theme = MACBOOK_PRO_COLORS[color];
+    return {
+        mac: {
+            width: width,
+            height: lidHeight,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            alignItems: 'center',
+            perspective: "".concat(perspective / 600 * width, "px"),
+            perspectiveOrigin: '50% 100%',
+            transition: 'right 1s',
+            margin: "0 ".concat(width / 9, "px"),
+        },
+        topPortion: {
+            transformStyle: 'preserve-3d',
+            transform: "rotateX(-".concat(macOpen ? openAngle !== null && openAngle !== void 0 ? openAngle : 0 : 90, "deg)"),
+            transformOrigin: '50% 100%',
+            zIndex: 10,
+        },
+        lid: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: width,
+            height: width * 0.012,
+            transform: "translate3d(0, 0, -".concat(width * 0.012, "px ) rotateX(90deg) scale(1, 1)"),
+            transformOrigin: '50% 0',
+            backfaceVisibility: 'hidden',
+            borderTopRightRadius: "".concat(width / 12, "px ").concat(width * 0.01, "px"),
+            borderTopLeftRadius: "".concat(width / 12, "px ").concat(width * 0.01, "px"),
+            backgroundColor: theme.primary,
+            background: theme.gradient,
+        },
+        top: {
+            width: width,
+            height: lidHeight,
+            background: '#000',
+            borderRadius: "".concat(width * 0.04, "px ").concat(width * 0.04, "px 0 0"),
+            border: "".concat(width / 300, "px solid #555"),
+            borderBottom: 'none',
+            boxSizing: 'border-box',
+            position: 'relative',
+            overflow: 'hidden',
+        },
+        screen: {
+            width: "calc(100% - ".concat(bezelWidth * 2, "px)"),
+            height: "calc(100% - ".concat(bezelWidth * 2, "px - ").concat(width * 0.025, "px)"),
+            background: '#0a0a0a',
+            margin: "".concat(bezelWidth, "px auto"),
+            position: 'relative',
+            overflow: 'hidden',
+            borderRadius: "".concat(screenRadius, "px ").concat(screenRadius, "px 0 0"),
+        },
+        notch: {
+            width: notchWidth,
+            height: notchHeight,
+            background: '#000',
+            position: 'absolute',
+            top: 0,
+            left: '50%',
+            transform: 'translateX(-50%)',
+            borderBottomLeftRadius: "".concat(width * 0.015, "px"),
+            borderBottomRightRadius: "".concat(width * 0.015, "px"),
+            zIndex: 100,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        camera: {
+            width: width * 0.01,
+            height: width * 0.01,
+            borderRadius: '50%',
+            background: 'rgba(255,255,255,0.3)',
+            boxShadow: "inset 0 0 ".concat(width * 0.006666666667, "px ").concat(width * 0.0008333333333, "px #000"),
+            position: 'relative',
+            opacity: 0.8,
+        },
+        screenContent: {
+            width: '100%',
+            height: '100%',
+            overflow: 'hidden',
+        },
+        underscreenBar: {
+            width: '100%',
+            height: "".concat(width * 0.025, "px"), // Dynamic height for the bar
+            background: '#2e2e2eff',
+            position: 'absolute',
+            bottom: 0,
+            left: 0,
+            zIndex: 100,
+        },
+        bottomPortion: {
+            transform: 'rotateX(-90deg)',
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            transformStyle: 'preserve-3d',
+            transformOrigin: '50% 100%',
+            display: 'inline-block',
+            transition: 'transform 0.5s',
+        },
+        bottomCover: {
+            width: width,
+            height: bodyHeight,
+            backfaceVisibility: 'hidden',
+        },
+        bottom: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            transform: 'rotateX(90deg)',
+            transformOrigin: '50% 0',
+            width: width,
+            height: thickness,
+            borderRadius: "0 0 ".concat(width * 0.018, "px ").concat(width * 0.018, "px"),
+            background: theme.bottomGradient,
+            boxShadow: "inset 0px -".concat(width * 0.01666666667, "px ").concat(width * 0.008333333333, "px -").concat(width * 0.01666666667, "px ").concat(theme.secondary, ", inset ").concat(width * 0.005, "px -").concat(width * 0.005, "px ").concat(width * 0.005, "px ").concat(theme.primary, ", inset ").concat(width * 0.005, "px -").concat(width * 0.006666666667, "px ").concat(width * 0.005, "px ").concat(theme.primary, ", inset 0px -").concat(width * 0.015, "px ").concat(width * 0.006666666667, "px ").concat(theme.primary)
+        },
+        opener: {
+            width: width * 0.18,
+            height: thickness * 0.4,
+            background: theme.secondary,
+            position: 'absolute',
+            top: 0,
+            left: '50%',
+            transform: 'translateX(-50%)',
+            borderRadius: "0 0 ".concat(width * 0.03, "px ").concat(width * 0.03, "px"),
+            boxShadow: 'inset 0 2px 8px rgba(0,0,0,0.3)',
+        },
+    };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=MacbookPro.styles.js.map

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

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

package/dist/cjs/components/MacbookPro/MacbookProClassic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MacbookProProps } from './MacbookPro.props';
+export declare const MacbookProClassic: ({ startup, animateOpen, open, width, openAngle, children, perspective }: MacbookProProps) => React.JSX.Element;

package/dist/cjs/components/MacbookPro/MacbookProClassic.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MacbookProClassic = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var MacbookProClassic_styles_1 = require("./MacbookProClassic.styles");
+var Startup_1 = require("./components/Startup");
+var material_1 = require("@mui/material");
+var MacbookProClassic = function (_a) {
+    var startup = _a.startup, animateOpen = _a.animateOpen, open = _a.open, width = _a.width, openAngle = _a.openAngle, children = _a.children, _b = _a.perspective, perspective = _b === void 0 ? 2000 : _b;
+    var _c = (0, react_1.useState)(animateOpen ? false : open), macOpen = _c[0], setMacOpen = _c[1];
+    var styles = (0, MacbookProClassic_styles_1.useClassicStyles)({ width: width, macOpen: macOpen, openAngle: openAngle, perspective: perspective });
+    (0, react_1.useEffect)(function () {
+        if (animateOpen) {
+            setTimeout(function () { return setMacOpen(open); }, 100);
+        }
+        else {
+            setMacOpen(open);
+        }
+    }, [open, animateOpen]);
+    return (react_1.default.createElement(material_1.Box, { sx: styles.mac },
+        react_1.default.createElement(material_1.Box, { className: 'top-portion', sx: styles.topPortion },
+            react_1.default.createElement(material_1.Box, { className: 'lid', sx: styles.lid }),
+            react_1.default.createElement(material_1.Box, { className: 'top', sx: styles.top },
+                react_1.default.createElement(material_1.Box, { className: 'screen', sx: styles.screen },
+                    react_1.default.createElement(material_1.Box, { className: "camera", sx: styles.camera }),
+                    react_1.default.createElement(Startup_1.Startup, { show: startup }),
+                    react_1.default.createElement(material_1.Box, { sx: styles.screenContent }, children)),
+                react_1.default.createElement(material_1.Box, { className: 'engraving', sx: styles.engraving }, "MacBook Pro"),
+                react_1.default.createElement(material_1.Box, { className: 'after-screen', sx: styles.afterScreen }))),
+        react_1.default.createElement(material_1.Box, { className: 'bottom-portion', sx: styles.bottomPortion },
+            react_1.default.createElement(material_1.Box, { className: 'bottom-cover', sx: styles.bottomCover }),
+            react_1.default.createElement(material_1.Box, { className: 'bottom', sx: styles.bottom },
+                react_1.default.createElement(material_1.Box, { className: "opener", sx: styles.opener }),
+                react_1.default.createElement(material_1.Box, { className: "bottom-after", sx: styles.bottomAfter })))));
+};
+exports.MacbookProClassic = MacbookProClassic;
+//# sourceMappingURL=MacbookProClassic.js.map

package/dist/cjs/components/MacbookPro/MacbookProClassic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MacbookProClassic.js","sourceRoot":"","sources":["../../../../src/components/MacbookPro/MacbookProClassic.tsx"],"names":[],"mappings":";;;;AAAA,qDAAmD;AAEnD,uEAA8D;AAC9D,gDAA+C;AAC/C,0CAAoC;AAE7B,IAAM,iBAAiB,GAAG,UAAC,EAQhB;QAPd,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA;IAEZ,IAAA,KAAwB,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAA3D,OAAO,QAAA,EAAE,UAAU,QAAwC,CAAC;IACnE,IAAM,MAAM,GAAG,IAAA,2CAAgB,EAAC,EAAE,KAAK,OAAA,EAAE,OAAO,SAAA,EAAE,SAAS,WAAA,EAAE,WAAW,aAAA,EAAE,CAAC,CAAC;IAE5E,IAAA,iBAAS,EAAC;QACN,IAAI,WAAW,EAAE,CAAC;YACd,UAAU,CAAC,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EAAE,GAAG,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACJ,UAAU,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,OAAO,CACH,8BAAC,cAAG,IAAC,EAAE,EAAE,MAAM,CAAC,GAAG;QACf,8BAAC,cAAG,IAAC,SAAS,EAAC,aAAa,EAAC,EAAE,EAAE,MAAM,CAAC,UAAU;YAC9C,8BAAC,cAAG,IAAC,SAAS,EAAC,KAAK,EAAC,EAAE,EAAE,MAAM,CAAC,GAAG,GAAQ;YAC3C,8BAAC,cAAG,IAAC,SAAS,EAAC,KAAK,EAAC,EAAE,EAAE,MAAM,CAAC,GAAG;gBAC/B,8BAAC,cAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM;oBACrC,8BAAC,cAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM,GAAQ;oBACjD,8BAAC,iBAAO,IAAC,IAAI,EAAE,OAAO,GAAI;oBAC1B,8BAAC,cAAG,IAAC,EAAE,EAAE,MAAM,CAAC,aAAa,IACxB,QAAQ,CACP,CACJ;gBACN,8BAAC,cAAG,IAAC,SAAS,EAAC,WAAW,EAAC,EAAE,EAAE,MAAM,CAAC,SAAS,kBAAmB;gBAClE,8BAAC,cAAG,IAAC,SAAS,EAAC,cAAc,EAAC,EAAE,EAAE,MAAM,CAAC,WAAW,GAAQ,CAC1D,CACJ;QACN,8BAAC,cAAG,IAAC,SAAS,EAAC,gBAAgB,EAAC,EAAE,EAAE,MAAM,CAAC,aAAa;YACpD,8BAAC,cAAG,IAAC,SAAS,EAAC,cAAc,EAAC,EAAE,EAAE,MAAM,CAAC,WAAW,GAAQ;YAC5D,8BAAC,cAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM;gBACrC,8BAAC,cAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM,GAAQ;gBACjD,8BAAC,cAAG,IAAC,SAAS,EAAC,cAAc,EAAC,EAAE,EAAE,MAAM,CAAC,WAAW,GAAQ,CAC1D,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,iBAAiB,qBA6C5B"}

package/dist/cjs/components/MacbookPro/MacbookProClassic.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const useClassicStyles: ({ width, macOpen, openAngle, perspective }: StylesProps) => any;
+interface StylesProps {
+    width: number;
+    macOpen: boolean;
+    openAngle?: number;
+    perspective?: number;
+}
+export {};

package/dist/cjs/components/MacbookPro/MacbookProClassic.styles.js

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClassicStyles = void 0;
+var useClassicStyles = function (_a) {
+    var width = _a.width, macOpen = _a.macOpen, openAngle = _a.openAngle, perspective = _a.perspective;
+    return ({
+        mac: {
+            width: width,
+            height: width * 0.683,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            alignItems: 'center',
+            perspective: "".concat(perspective, "px"),
+            perspectiveOrigin: '50% 100%',
+            transition: 'right 1s',
+            margin: "0 ".concat(width / 9, "px"),
+        },
+        topPortion: {
+            transformStyle: 'preserve-3d',
+            transform: "rotateX(-".concat(macOpen ? openAngle !== null && openAngle !== void 0 ? openAngle : 0 : 90, "deg)"),
+            transformOrigin: '50% 100%',
+        },
+        lid: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: width,
+            height: width * 0.009,
+            transform: "translate3d(0, 0, -".concat(width * 0.009, "px ) rotateX(90deg) scale(1, 1)"),
+            transformOrigin: '50% 0',
+            backfaceVisibility: 'hidden',
+            borderTopRightRadius: "".concat(width / 8, "px ").concat(width * 0.0075, "px"),
+            borderTopLeftRadius: "".concat(width / 8, "px ").concat(width * 0.0075, "px"),
+            borderBottomRightRadius: 2,
+            borderBottomLeftRadius: 2,
+            borderBottom: '1px solid black',
+            boxSizing: 'border-box',
+            backgroundColor: 'rgba(92,92,92,1)',
+            background: 'linear-gradient(to right, rgba(92,92,92,1) 0%, rgba(200,200,200,1) 2%, rgba(105,105,105,1) 4%, rgba(200,200,200,1) 10%, rgba(200,200,200,1) 90%, rgba(112,112,112,1) 94%, rgba(200,200,200,1) 98%, rgba(112,112,112,1) 100%)',
+        },
+        top: {
+            width: width,
+            height: width * 0.683,
+            background: 'black',
+            borderRadius: "".concat(width / 22.8, "px ").concat(width / 22.8, "px 0 0"),
+            border: "".concat(width / 300, "px solid rgb(129, 129, 129)"),
+            borderBottom: 'none',
+            boxSizing: 'border-box',
+            position: 'relative',
+            overflow: 'hidden',
+            top: 1,
+        },
+        engraving: {
+            zIndex: 1,
+            color: 'rgb(178, 178, 178)',
+            fontSize: "".concat(width * 0.017075, "px"),
+            position: 'absolute',
+            top: "".concat((width * 0.683) - (width * 0.023222), "px"),
+            left: '50%',
+            transform: 'translateX(-50%)',
+            fontFamily: "'SF Pro Display', sans-serif"
+        },
+        screen: {
+            width: "".concat(width * 0.95, "px"),
+            height: "".concat(width * 0.59421, "px"),
+            background: 'rgb(13, 13, 13)',
+            margin: '0 auto',
+            marginTop: "".concat(width * 0.04997560976, "px"),
+            position: 'relative',
+            color: 'white'
+        },
+        camera: {
+            position: 'absolute',
+            width: width / 160,
+            height: width / 160,
+            borderRadius: '50%',
+            backgroundImage: 'linear-gradient(to bottom right, rgb(34, 33, 33), black)',
+            top: -(width * 0.683 * 0.073170731707317) / 2,
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            border: "".concat(width / 266.66, "px solid rgb(20, 20, 20)"),
+        },
+        screenContent: {
+            width: '100%',
+            height: '100%'
+        },
+        afterScreen: {
+            background: 'rgb(28, 28, 28)',
+            width: '100%',
+            height: "".concat(width * 0.023222, "px"),
+            position: 'absolute',
+            bottom: 0,
+            left: 0
+        },
+        bottomPortion: {
+            transform: 'rotateX(-90deg)',
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            transformStyle: 'preserve-3d',
+            transformOrigin: '50% 100%',
+            display: 'inline-block',
+            transition: 'transform 0.5s'
+        },
+        bottomCover: {
+            width: width,
+            height: width * 0.683,
+            backfaceVisibility: 'hidden'
+        },
+        bottom: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            transform: 'rotateX(90deg)',
+            transformOrigin: '50% 0',
+            width: width,
+            borderRadius: '2px 2px 0 0',
+            height: width * 0.0249,
+            backgroundColor: 'rgba(92,92,92,1)',
+            background: 'linear-gradient(to right, rgba(92,92,92,1) 0%, rgba(200,200,200,1) 2%, rgba(105,105,105,1) 4%, rgba(200,200,200,1) 10%, rgba(200,200,200,1) 90%, rgba(112,112,112,1) 94%, rgba(200,200,200,1) 98%, rgba(112,112,112,1) 100%)',
+        },
+        opener: {
+            width: width * 0.15,
+            height: (width * 0.023905) * 0.5,
+            background: 'rgb(207, 207, 207)',
+            position: 'absolute',
+            top: 0,
+            left: '50%',
+            transform: 'translateX(-50%)',
+            borderRadius: "0 0 ".concat(width * 0.02, "px ").concat(width * 0.02, "px"),
+            boxShadow: 'inset 0 3px 10px -2px black'
+        },
+        bottomAfter: {
+            width: '100%',
+            height: '80%',
+            background: 'rgb(113, 113, 113)',
+            position: 'absolute',
+            top: 'calc(100% - 1px)',
+            left: 0,
+            borderBottomRightRadius: "".concat(width * 0.25, "px 100%"),
+            borderBottomLeftRadius: "".concat(width * 0.25, "px 100%"),
+            boxShadow: 'inset 0 -5px 10px black, 0 5px 10px',
+        }
+    });
+};
+exports.useClassicStyles = useClassicStyles;
+//# sourceMappingURL=MacbookProClassic.styles.js.map

package/dist/cjs/components/MacbookPro/MacbookProClassic.styles.js.map

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

package/dist/cjs/components/MacbookPro/components/Startup/Startup.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { StartupProps } from '.';
+export declare const Startup: ({ show }: StartupProps) => React.JSX.Element;

package/dist/cjs/components/MacbookPro/components/Startup/Startup.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Startup = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var _1 = require(".");
+var Startup = function (_a) {
+    var show = _a.show;
+    var _b = (0, react_1.useState)(show), macShow = _b[0], setMacShow = _b[1];
+    var _c = (0, react_1.useState)(show), animation = _c[0], setAnimation = _c[1];
+    var styles = (0, _1.useStyles)({ animation: animation });
+    (0, react_1.useEffect)(function () {
+        if (show) {
+            setTimeout(function () { return setAnimation(false); }, 2000);
+            setTimeout(function () { return setMacShow(false); }, 2500);
+        }
+    });
+    return (react_1.default.createElement(react_1.default.Fragment, null, macShow &&
+        react_1.default.createElement("div", { className: 'startup', 
+            //@ts-ignore - using 'position' property should be legal but ts is screaming at me fsr
+            style: styles.startup },
+            react_1.default.createElement("svg", { style: styles.startupSvg, id: "svg2", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 842.32 1000" },
+                react_1.default.createElement("path", { id: "path4", d: "M824.67,779.3A544.21,544.21,0,0,1,770.9,876q-42.4,60.45-69.25,83.7-41.49,38.15-89,39.19c-22.78,0-50.25-6.48-82.22-19.62s-61.56-19.57-88.52-19.57q-42.4,0-91,19.57t-78.65,20.67q-45.65,2-91-40.24-29-25.27-72.43-86.67-46.59-65.55-76.6-152.15Q0,627.24,0,539.51,0,439,43.49,366.25q34.19-58.35,91.07-92.12c38-22.53,79-34,123.14-34.75,24.16,0,55.85,7.48,95.23,22.17s64.49,22.21,75.54,22.21c8.27,0,36.28-8.74,83.77-26.16q67.35-24.24,113.85-20.22,126.21,10.19,189.38,99.71Q702.6,405.48,703.74,528.45q1,95.71,69.32,159.07A227.93,227.93,0,0,0,842.32,733Q834,757.11,824.67,779.3ZM631.71,20q0,75-54.69,139.92c-43.95,51.38-97.11,81.08-154.75,76.39a154.5,154.5,0,0,1-1.17-18.95c0-48,20.91-99.39,58-141.4q27.79-31.9,70.68-53.07Q592.58,2.05,630.66,0a181.89,181.89,0,0,1,1.05,20Z" })))));
+};
+exports.Startup = Startup;
+//# sourceMappingURL=Startup.js.map

package/dist/cjs/components/MacbookPro/components/Startup/Startup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Startup.js","sourceRoot":"","sources":["../../../../../../src/components/MacbookPro/components/Startup/Startup.tsx"],"names":[],"mappings":";;;;AAAA,qDAAmD;AACnD,sBAA2C;AAEpC,IAAM,OAAO,GAAG,UAAC,EAET;QADX,IAAI,UAAA;IAEE,IAAA,KAAwB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAArC,OAAO,QAAA,EAAE,UAAU,QAAkB,CAAA;IACtC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAA;IAChD,IAAM,MAAM,GAAG,IAAA,YAAS,EAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;IAExC,IAAA,iBAAS,EAAC;QACN,IAAI,IAAI,EAAE,CAAC;YACP,UAAU,CAAC,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,IAAI,CAAC,CAAA;YAC3C,UAAU,CAAC,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,IAAI,CAAC,CAAA;QAC7C,CAAC;IACL,CAAC,CAAC,CAAA;IACF,OAAO,CACH,8DACK,OAAO;QACJ,uCACI,SAAS,EAAC,SAAS;YACnB,sFAAsF;YACtF,KAAK,EAAE,MAAM,CAAC,OAAO;YAErB,uCAAK,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,iBAAiB;gBAAC,wCAAM,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,0vBAA0vB,GAAG,CAAM,CAC13B,CAEX,CACN,CAAA;AACL,CAAC,CAAA;AA1BY,QAAA,OAAO,WA0BnB"}

package/dist/cjs/components/MacbookPro/components/Startup/Startup.props.d.ts

@@ -0,0 +1,3 @@
+export interface StartupProps {
+    show?: boolean;
+}

package/dist/cjs/components/MacbookPro/components/Startup/Startup.props.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Startup.props.js.map

package/dist/cjs/components/MacbookPro/components/Startup/Startup.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Startup.props.js","sourceRoot":"","sources":["../../../../../../src/components/MacbookPro/components/Startup/Startup.props.ts"],"names":[],"mappings":""}

package/dist/cjs/components/MacbookPro/components/Startup/Startup.style.d.ts

@@ -0,0 +1,25 @@
+export declare const useStyles: ({ animation }: StylesProps) => {
+    startup: {
+        position: string;
+        top: number;
+        left: number;
+        opacity: number;
+        width: string;
+        height: string;
+        background: string;
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        zIndex: number;
+        transition: string;
+    };
+    startupSvg: {
+        fill: string;
+        width: string;
+        height: string;
+    };
+};
+interface StylesProps {
+    animation?: boolean;
+}
+export {};