react-electronix 1.0.0

package/dist/esm/components/Mac/components/Startup/Startup.js

@@ -0,0 +1,21 @@
+import React, { useEffect, useState } from "react";
+import { useStyles } from '.';
+export var Startup = function (_a) {
+    var show = _a.show;
+    var _b = useState(show), macShow = _b[0], setMacShow = _b[1];
+    var _c = useState(show), animation = _c[0], setAnimation = _c[1];
+    var styles = useStyles({ animation: animation });
+    useEffect(function () {
+        if (show) {
+            setTimeout(function () { return setAnimation(false); }, 2000);
+            setTimeout(function () { return setMacShow(false); }, 2500);
+        }
+    });
+    return (React.createElement(React.Fragment, null, macShow &&
+        React.createElement("div", { className: 'startup', 
+            //@ts-ignore - using 'position' property should be legal but ts is screaming at me fsr
+            style: styles.startup },
+            React.createElement("svg", { style: styles.startupSvg, id: "svg2", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 842.32 1000" },
+                React.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" })))));
+};
+//# sourceMappingURL=Startup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Startup.js","sourceRoot":"","sources":["../../../../../../src/components/Mac/components/Startup/Startup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAgB,MAAM,GAAG,CAAA;AAE3C,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,EAET;QADX,IAAI,UAAA;IAEE,IAAA,KAAwB,QAAQ,CAAC,IAAI,CAAC,EAArC,OAAO,QAAA,EAAE,UAAU,QAAkB,CAAA;IACtC,IAAA,KAA4B,QAAQ,CAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAA;IAChD,IAAM,MAAM,GAAG,SAAS,CAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;IAExC,SAAS,CAAC;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,0CACK,OAAO;QACJ,6BACI,SAAS,EAAC,SAAS;YACnB,sFAAsF;YACtF,KAAK,EAAE,MAAM,CAAC,OAAO;YAErB,6BAAK,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,iBAAiB;gBAAC,8BAAM,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,0vBAA0vB,GAAG,CAAM,CAC13B,CAEX,CACN,CAAA;AACL,CAAC,CAAA"}

package/dist/esm/components/Mac/components/Startup/Startup.props.d.ts

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

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Startup.props.js.map

package/dist/esm/components/Mac/components/Startup/Startup.props.js.map

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

package/dist/esm/components/Mac/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 {};

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

@@ -0,0 +1,24 @@
+export var useStyles = function (_a) {
+    var animation = _a.animation;
+    return ({
+        startup: {
+            position: 'absolute',
+            top: 0, left: 0,
+            opacity: animation ? 1 : 0,
+            width: '100%',
+            height: '100%',
+            background: 'black',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            zIndex: 1,
+            transition: 'opacity 0.5s'
+        },
+        startupSvg: {
+            fill: 'white',
+            width: '10%',
+            height: 'auto'
+        }
+    });
+};
+//# sourceMappingURL=Startup.style.js.map

package/dist/esm/components/Mac/components/Startup/Startup.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Startup.style.js","sourceRoot":"","sources":["../../../../../../src/components/Mac/components/Startup/Startup.style.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAwB;QAAvB,SAAS,eAAA;IAAmB,OAAA,CAAC;QACpD,OAAO,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;YACf,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,OAAO;YACnB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,cAAc;SAC7B;QACD,UAAU,EAAE;YACR,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,MAAM;SACjB;KACJ,CAAC;AAnBqD,CAmBrD,CAAA"}

package/dist/esm/components/Mac/components/Startup/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Startup';
+export * from './Startup.props';
+export * from './Startup.style';

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

@@ -0,0 +1,4 @@
+export * from './Startup';
+export * from './Startup.props';
+export * from './Startup.style';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Mac/components/Startup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Mac/components/Startup/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA"}

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

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

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

@@ -0,0 +1,4 @@
+export * from './Mac';
+export * from './Mac.props';
+export * from './Mac.styles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Mac/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAA"}

package/dist/esm/components/Mac/vmToPx.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=vmToPx.js.map

package/dist/esm/components/Mac/vmToPx.js.map

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

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

@@ -0,0 +1,2 @@
+export * from './Mac';
+export * from './Iphone';

package/dist/esm/components/index.js

@@ -0,0 +1,3 @@
+export * from './Mac';
+export * from './Iphone';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA"}

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/esm/utils/vmToPx.d.ts

@@ -0,0 +1 @@
+export declare const vwToPx: (vwValue: string) => number;

package/dist/esm/utils/vmToPx.js

@@ -0,0 +1,9 @@
+export var vwToPx = function (vwValue) {
+    var vwNumberValue = vwValue.match(/\d+/);
+    var screenWidth = window.innerWidth;
+    if (vwNumberValue && vwNumberValue.length > 0) {
+        return (parseInt(vwNumberValue[0]) * screenWidth) / 100;
+    }
+    throw new Error("Invalid input value: no number found");
+};
+//# sourceMappingURL=vmToPx.js.map

package/dist/esm/utils/vmToPx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vmToPx.js","sourceRoot":"","sources":["../../../src/utils/vmToPx.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,OAAe;IAClC,IAAM,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;IACtC,IAAI,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;QAC3C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC;KAC3D;IACD,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;AAC1D,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,55 @@
+{
+    "name": "react-electronix",
+    "version": "1.0.0",
+    "description": "",
+    "main": "./dist/cjs/index.js",
+    "module": "./dist/esm/index.js",
+    "types": "./dist/esm/index.d.ts",
+    "scripts": {
+        "build": "npm run build:esm && npm run build:cjs",
+        "build:esm": "tsc",
+        "build:cjs": "tsc --module commonjs --outDir dist/cjs",
+        "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
+        "dev": "npm-watch"
+    },
+    "watch": {
+        "build": {
+            "patterns": [
+                "src"
+            ],
+            "extensions": "js, jsx, ts, tsx"
+        }
+    },
+    "keywords": [],
+    "author": "",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/Jonathanpz890/react-devices.git"
+    },
+    "license": "ISC",
+    "dependencies": {
+        "@emotion/react": "^11.10.6",
+        "@emotion/styled": "^11.10.6",
+        "@mui/material": "^5.12.2",
+        "@types/react": "^18.0.38",
+        "@typescript-eslint/eslint-plugin": "^5.59.0",
+        "@typescript-eslint/parser": "^5.59.0",
+        "eslint": "^8.39.0",
+        "eslint-plugin-react": "^7.32.2",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "npm-watch": "^0.11.0",
+        "react": ">=16",
+        "react-dom": "^18.2.0",
+        "react-icons": "^4.8.0",
+        "react-use-draggable-scroll": "^0.4.7",
+        "typescript": "^5.0.4"
+    },
+    "peerDependencies": {
+        "react": ">=16"
+    },
+    "files": [
+        "dist",
+        "LICENSE",
+        "README.md"
+    ]
+}