react-electronix 2.0.0 → 2.1.0

package/README.md

@@ -51,6 +51,7 @@ The `Iphone` component simulates a modern iPhone with high-fidelity titanium fin
 | --------- | ------------- | ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `width`   | number        | `400`       | The width of the iPhone in pixels                                                                                                                                           |
 | `color`   | `IphoneColor` | `'black'`   | Available: `'black'`, `'silver'`, `'sage'`, `'mist-blue'`, `'lavender'`, `'cosmic-orange'`, `'deep-blue'`                                                                   |
+| `scrollable`| boolean      | `true`      | Whether the screen content can be scrolled or not.                                                                                                                         |
 | `children`| React.ReactNode|             | The content to display on the screen                                                                                                                                        |
 
 ```jsx
@@ -115,6 +116,33 @@ function App() {
 }
 ```
 
+### IPad component
+
+The `IPad` component simulates a modern iPad Air/Pro with uniform bezels, thin high-fidelity finishes, and a 3D depth effect. It supports both landscape and portrait orientations.
+
+| Prop          | Type                         | Default         | Description                                                                 |
+| ------------- | ---------------------------- | --------------- | --------------------------------------------------------------------------- |
+| `width`       | number                       | -               | The width of the device in pixels                                           |
+| `color`       | `IPadColor`                  | `'space-gray'`  | Available: `'space-gray'`, `'silver'`, `'yellow'`, `'pink'`, `'blue'`       |
+| `orientation` | `'landscape' \| 'portrait'`  | `'landscape'`   | The orientation of the device.                                              |
+| `scrollable`  | boolean                      | `true`          | Whether the screen content can be scrolled or not.                          |
+| `children`    | React.ReactNode              |                 | The content to display on the screen                                        |
+
+```jsx
+import { IPad } from 'react-electronix';
+
+function App() {
+  return (
+    <IPad width={600} color="blue" orientation="landscape">
+      <div style={{ background: '#000', color: '#fff', height: '100%', padding: '20px' }}>
+        <h1>iPad Air</h1>
+        <p>Powerful. Colorful. Wonderful.</p>
+      </div>
+    </IPad>
+  );
+}
+```
+
 ### Mac component (Legacy)
 
 The original `Mac` component for general MacBook simulation.

package/dist/cjs/components/Galaxy/Galaxy.style.d.ts

@@ -41,6 +41,11 @@ export declare const useStyles: ({ width, color }: StyleProps) => {
         borderRadius: string;
         background: string;
         position: string;
+        '&::-webkit-scrollbar': {
+            display: string;
+        };
+        msOverflowStyle: string;
+        scrollbarWidth: string;
     };
     punchHole: {
         width: string;

package/dist/cjs/components/Galaxy/Galaxy.style.js

@@ -118,6 +118,11 @@ var useStyles = function (_a) {
             borderRadius: "".concat(width * 0.0333, "px"), // More noticeable rounding
             background: '#000',
             position: 'relative',
+            '&::-webkit-scrollbar': {
+                display: 'none'
+            },
+            msOverflowStyle: 'none',
+            scrollbarWidth: 'none'
         },
         punchHole: {
             width: "".concat(width * 0.025, "px"),

package/dist/cjs/components/Galaxy/Galaxy.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"Galaxy.style.js","sourceRoot":"","sources":["../../../../src/components/Galaxy/Galaxy.style.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Galaxy.style.js","sourceRoot":"","sources":["../../../../src/components/Galaxy/Galaxy.style.ts"],"names":[],"mappings":";;;AAEA,IAAM,aAAa,GAAG;IAClB,qBAAqB,EAAE;QACnB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,gBAAgB,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,sBAAsB,EAAE;QACpB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,mBAAmB,EAAE;QACjB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,oBAAoB,EAAE;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,mBAAmB,EAAE;QACjB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,MAAM,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,SAAS,EAAE;QACP,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,MAAM,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,WAAW,EAAE;QACT,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,UAAU,EAAE;QACR,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,UAAU,EAAE;QACR,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;CACJ,CAAC;AAEK,IAAM,SAAS,GAAG,UAAC,EAGb;QAFT,KAAK,WAAA,EACL,aAAuB,EAAvB,KAAK,mBAAG,eAAe,KAAA;IAEvB,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAEnC,OAAO;QACH,MAAM,EAAE;YACJ,KAAK,OAAA;YACL,MAAM,EAAE,KAAK,GAAG,IAAI;YACpB,QAAQ,EAAE,UAAU;YACpB,YAAY,EAAE,UAAG,KAAK,GAAG,aAAa,OAAI;YAC1C,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SAC3B;QACD,KAAK,EAAE;YACH,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,YAAY,EAAE,UAAG,KAAK,GAAG,aAAa,OAAI;YAC1C,MAAM,EAAE,UAAG,KAAK,GAAG,KAAK,sBAAY,KAAK,CAAC,OAAO,CAAE;YACnD,SAAS,EAAE,8BACH,KAAK,GAAG,KAAK,gBAAM,KAAK,CAAC,SAAS,yDAE7C;YACG,UAAU,EAAE,oCAA6B,KAAK,CAAC,SAAS,kBAAQ,KAAK,CAAC,SAAS,mBAAS,KAAK,CAAC,SAAS,WAAQ;YAC/G,MAAM,EAAE,IAAI;SACf;QACD,OAAO,EAAE;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;YACf,UAAU,EAAE,MAAM;YAClB,YAAY,EAAE,UAAG,KAAK,GAAG,MAAM,OAAI;YACnC,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,gCAAgC;YAC3C,OAAO,EAAE,UAAG,KAAK,GAAG,MAAM,OAAI,EAAE,wBAAwB;SAC3D;QACD,QAAQ,EAAE;YACN,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,MAAM;YAChB,YAAY,EAAE,UAAG,KAAK,GAAG,MAAM,OAAI,EAAE,2BAA2B;YAChE,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,UAAU;YACpB,sBAAsB,EAAE;gBACpB,OAAO,EAAE,MAAM;aAClB;YACD,eAAe,EAAE,MAAM;YACvB,cAAc,EAAE,MAAM;SACzB;QACD,SAAS,EAAE;YACP,KAAK,EAAE,UAAG,KAAK,GAAG,KAAK,OAAI;YAC3B,MAAM,EAAE,UAAG,KAAK,GAAG,KAAK,OAAI;YAC5B,UAAU,EAAE,SAAS;YACrB,YAAY,EAAE,KAAK;YACnB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,UAAG,KAAK,GAAG,IAAI,OAAI;YACxB,IAAI,EAAE,KAAK;YACX,SAAS,EAAE,kBAAkB;YAC7B,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,kCAAkC;SAC7C;QACD,OAAO,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,WAAI,KAAK,GAAG,IAAI,OAAI;YAC3B,GAAG,EAAE,UAAG,KAAK,GAAG,YAAY,OAAI;YAChC,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,UAAG,KAAK,GAAG,YAAY,OAAI;YAChC,MAAM,EAAE,GAAG;SACd;QACD,YAAY,EAAE;YACV,KAAK,EAAE,UAAG,KAAK,GAAG,IAAI,OAAI;YAC1B,MAAM,EAAE,UAAG,KAAK,GAAG,YAAY,OAAI;YACnC,UAAU,EAAE,KAAK,CAAC,OAAO;YACzB,YAAY,EAAE,YAAK,KAAK,GAAG,KAAK,gBAAM,KAAK,GAAG,KAAK,SAAM;YACzD,SAAS,EAAE,2BAA2B;SACzC;QACD,WAAW,EAAE;YACT,KAAK,EAAE,UAAG,KAAK,GAAG,IAAI,OAAI;YAC1B,MAAM,EAAE,UAAG,KAAK,GAAG,YAAY,OAAI;YACnC,UAAU,EAAE,KAAK,CAAC,OAAO;YACzB,YAAY,EAAE,YAAK,KAAK,GAAG,KAAK,gBAAM,KAAK,GAAG,KAAK,SAAM;YACzD,SAAS,EAAE,2BAA2B;SACzC;KACJ,CAAA;AACL,CAAC,CAAC;AA7FW,QAAA,SAAS,aA6FpB"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IPadProps } from './IPad.props';
+export declare const IPad: ({ width, children, color, scrollable, orientation }: IPadProps) => React.JSX.Element;

package/dist/cjs/components/IPad/IPad.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IPad = void 0;
+var tslib_1 = require("tslib");
+var material_1 = require("@mui/material");
+var react_1 = tslib_1.__importDefault(require("react"));
+var IPad_style_1 = require("./IPad.style");
+var IPad = function (_a) {
+    var width = _a.width, children = _a.children, _b = _a.color, color = _b === void 0 ? 'space-gray' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? true : _c, _d = _a.orientation, orientation = _d === void 0 ? 'landscape' : _d;
+    var style = (0, IPad_style_1.useStyles)({ width: width, color: color, scrollable: scrollable, orientation: orientation });
+    return (react_1.default.createElement(material_1.Box, { sx: style.ipad },
+        react_1.default.createElement(material_1.Box, { sx: style.buttons },
+            react_1.default.createElement(material_1.Box, { sx: style.volumeButton }),
+            react_1.default.createElement(material_1.Box, { sx: style.volumeButton })),
+        react_1.default.createElement(material_1.Box, { sx: style.powerButton }),
+        react_1.default.createElement(material_1.Box, { sx: style.display },
+            react_1.default.createElement(material_1.Box, { sx: style.camera }),
+            react_1.default.createElement(material_1.Box, { sx: style.children }, children))));
+};
+exports.IPad = IPad;
+//# sourceMappingURL=IPad.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IPad.js","sourceRoot":"","sources":["../../../../src/components/IPad/IPad.tsx"],"names":[],"mappings":";;;;AAAA,0CAAoC;AACpC,wDAA0B;AAE1B,2CAAyC;AAElC,IAAM,IAAI,GAAG,UAAC,EAMT;QALR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAoB,EAApB,KAAK,mBAAG,YAAY,KAAA,EACpB,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACjB,mBAAyB,EAAzB,WAAW,mBAAG,WAAW,KAAA;IAEzB,IAAM,KAAK,GAAG,IAAA,sBAAS,EAAC,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,UAAU,YAAA,EAAE,WAAW,aAAA,EAAE,CAAC,CAAA;IAElE,OAAO,CACH,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,IAAI;QACf,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,OAAO;YAClB,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,YAAY,GAAQ;YACnC,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,YAAY,GAAQ,CACjC;QACN,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,WAAW,GAAQ;QAClC,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,OAAO;YAClB,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,MAAM,GAAQ;YAC7B,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,IAClB,QAAQ,CACP,CACJ,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AAxBY,QAAA,IAAI,QAwBhB"}

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

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+export type IPadColor = 'space-gray' | 'silver' | 'yellow' | 'pink' | 'blue';
+export interface IPadProps {
+    width: number;
+    children?: ReactNode;
+    color?: IPadColor;
+    scrollable?: boolean;
+    orientation?: 'landscape' | 'portrait';
+}

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

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

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

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

package/dist/cjs/components/IPad/IPad.style.d.ts

@@ -0,0 +1,105 @@
+import { IPadColor } from "./IPad.props";
+export declare const useStyles: ({ width, color, scrollable, orientation }: StyleProps) => {
+    ipad: {
+        width: number;
+        height: number;
+        position: string;
+        borderRadius: string;
+        zIndex: string;
+        transition: string;
+    };
+    display: {
+        borderRadius: string;
+        boxShadow: string;
+        width: string;
+        height: string;
+        background: string;
+        zIndex: string;
+        overflow: string;
+        position: string;
+    };
+    children: {
+        width: string;
+        height: string;
+        overflow: string;
+        borderRadius: string;
+        margin: string;
+        position: string;
+        top: string;
+        left: string;
+        transform: string;
+        background: string;
+        '&::-webkit-scrollbar': {
+            display: string;
+        };
+        msOverflowStyle: string;
+        scrollbarWidth: string;
+    };
+    camera: {
+        width: string;
+        height: string;
+        background: string;
+        borderRadius: string;
+        position: string;
+        zIndex: string;
+        top: string;
+        left: string;
+        transform: string;
+        boxShadow: string;
+    };
+    buttons: {
+        top: string;
+        left: string;
+        flexDirection: string;
+        gap: string;
+        position: string;
+        zIndex: string;
+        display: string;
+    } | {
+        top: string;
+        right: string;
+        flexDirection: string;
+        gap: string;
+        position: string;
+        zIndex: string;
+        display: string;
+    };
+    volumeButton: {
+        width: string;
+        height: string;
+        background: string;
+        borderRadius: string;
+        border: string;
+        backgroundImage: string;
+    };
+    powerButton: {
+        width: string;
+        height: string;
+        top: string;
+        left: string;
+        backgroundImage: string;
+        position: string;
+        background: string;
+        borderRadius: string;
+        border: string;
+        zIndex: string;
+    } | {
+        width: string;
+        height: string;
+        top: string;
+        right: string;
+        backgroundImage: string;
+        position: string;
+        background: string;
+        borderRadius: string;
+        border: string;
+        zIndex: string;
+    };
+};
+interface StyleProps {
+    width: number;
+    color?: IPadColor;
+    scrollable?: boolean;
+    orientation?: 'landscape' | 'portrait';
+}
+export {};

package/dist/cjs/components/IPad/IPad.style.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var tslib_1 = require("tslib");
+var IPAD_COLORS = {
+    'space-gray': {
+        accent: '#3c3c3e',
+        highlight: '#5c5c5e',
+        mid: '#2c2c2e',
+        shadow: '#1c1c1e',
+        border: '#4a4a4c',
+        frame: '#313131'
+    },
+    silver: {
+        accent: '#e5e5e7',
+        highlight: '#ffffff',
+        mid: '#f7f7f9',
+        shadow: '#d1d1d6',
+        border: '#c7c7cc',
+        frame: '#e5e5e7'
+    },
+    yellow: {
+        accent: '#fdec71',
+        highlight: '#fff8b3',
+        mid: '#fce34d',
+        shadow: '#c9b32e',
+        border: '#fdec71',
+        frame: '#fce34d'
+    },
+    pink: {
+        accent: '#ff8093',
+        highlight: '#ffb3c0',
+        mid: '#ff4d6a',
+        shadow: '#cc3d55',
+        border: '#ff8093',
+        frame: '#ff4d6a'
+    },
+    blue: {
+        accent: '#94bce4',
+        highlight: '#c3d5e7',
+        mid: '#70a4db',
+        shadow: '#5a83af',
+        border: '#94bce4',
+        frame: '#70a4db'
+    }
+};
+var useStyles = function (_a) {
+    var width = _a.width, _b = _a.color, color = _b === void 0 ? 'space-gray' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? true : _c, _d = _a.orientation, orientation = _d === void 0 ? 'landscape' : _d;
+    var theme = IPAD_COLORS[color];
+    var isLandscape = orientation === 'landscape';
+    // Modern iPad Air/Pro aspect ratio is ~1.4:1
+    var aspectRatio = 1.41;
+    var height = isLandscape ? width / aspectRatio : width * aspectRatio;
+    return {
+        ipad: {
+            width: width,
+            height: height,
+            position: 'relative',
+            borderRadius: "".concat(width * (isLandscape ? 0.04 : 0.06), "px"),
+            zIndex: '1',
+            transition: 'all 0.3s ease'
+        },
+        display: {
+            borderRadius: "".concat(width * (isLandscape ? 0.04 : 0.06), "px"),
+            boxShadow: "inset 0 0 0 ".concat(width * 0.0001, "px ").concat(theme.frame, ", inset 0 0 0 ").concat(width * 0.0002, "px ").concat(theme.shadow, ", inset 0 0 0 ").concat(width * 0.0003, "px ").concat(theme.mid, ", inset 0 0 0 ").concat(width * 0.0004, "px ").concat(theme.accent, ", inset 0 0 0 ").concat(width * 0.0006, "px ").concat(theme.highlight, ", inset 0 0 0 ").concat(width * 0.0007, "px ").concat(theme.accent, ", inset 0 0 0 ").concat(width * 0.0008, "px ").concat(theme.accent, ", inset 0 0 0 ").concat(width * 0.001, "px ").concat(theme.mid, ", inset 0 0 0 ").concat(width * 0.0011, "px ").concat(theme.mid, ", inset 0 0 0 ").concat(width * 0.0013, "px ").concat(theme.mid, ", inset 0 0 0 ").concat(width * 0.0014, "px #383624, inset 0 0 0 ").concat(width * 0.0015, "px #404037, inset 0 0 0 ").concat(width * 0.0016, "px #101109, inset 0 0 0 ").concat(width * (isLandscape ? 0.0032 : 0.0048), "px ").concat(theme.accent),
+            width: '100%',
+            height: '100%',
+            background: 'rgb(10, 10, 10)',
+            zIndex: '-1',
+            overflow: 'hidden',
+            position: 'relative'
+        },
+        children: {
+            width: isLandscape ? '93.5%' : '90%',
+            height: isLandscape ? '91%' : '93.5%',
+            overflow: scrollable ? 'auto' : 'hidden',
+            borderRadius: "".concat(width * 0.01, "px"),
+            margin: 'auto',
+            position: 'absolute',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            background: '#000',
+            '&::-webkit-scrollbar': {
+                display: 'none'
+            },
+            msOverflowStyle: 'none',
+            scrollbarWidth: 'none'
+        },
+        camera: {
+            width: "".concat(width * 0.01, "px"),
+            height: "".concat(width * 0.01, "px"),
+            background: '#1a1a1a',
+            borderRadius: '50%',
+            position: 'absolute',
+            zIndex: '2',
+            // Camera stays on the "long side" for modern iPads, or "top short side" for traditional
+            // We'll stick to Top Center for both orientations for best UX
+            top: "".concat(width * (isLandscape ? 0.014 : 0.022), "px"),
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            boxShadow: 'inset 0 0 2px rgba(255,255,255,0.2)'
+        },
+        buttons: tslib_1.__assign({ position: 'absolute', zIndex: '2', display: 'flex' }, (isLandscape ? {
+            top: "-".concat(width * 0.0024, "px"),
+            left: "".concat(width * 0.0783, "px"), // Shifted right slightly to make room for power
+            flexDirection: 'row',
+            gap: "".concat(width * 0.02, "px")
+        } : {
+            top: "".concat(width * 0.07831325301, "px"),
+            right: "-".concat(width * 0.0024, "px"),
+            flexDirection: 'column',
+            gap: "".concat(width * 0.02, "px")
+        })),
+        volumeButton: {
+            width: isLandscape ? "".concat(width * 0.06, "px") : "".concat(width * 0.00240, "px"),
+            height: isLandscape ? "".concat(width * 0.00240, "px") : "".concat(width * 0.06, "px"),
+            background: theme.accent,
+            borderRadius: isLandscape ? "".concat(width * 0.002, "px ").concat(width * 0.002, "px 0 0") : "0 ".concat(width * 0.002, "px ").concat(width * 0.002, "px 0"),
+            border: "".concat(width * 0.001, "px solid ").concat(theme.border),
+            backgroundImage: "linear-gradient(".concat(isLandscape ? 'to right' : 'to bottom', ", ").concat(theme.mid, " 0%, ").concat(theme.highlight, " 2%, ").concat(theme.shadow, " 4%, ").concat(theme.accent, " 10%, ").concat(theme.accent, " 90%, ").concat(theme.shadow, " 94%, ").concat(theme.highlight, " 98%, ").concat(theme.mid, " 100%)"),
+        },
+        powerButton: tslib_1.__assign({ position: 'absolute', background: theme.accent, borderRadius: isLandscape ? "".concat(width * 0.002, "px 0 0 ").concat(width * 0.002, "px") : "".concat(width * 0.002, "px ").concat(width * 0.002, "px 0 0"), border: "".concat(width * 0.001, "px solid ").concat(theme.border), zIndex: '2' }, (isLandscape ? {
+            width: "".concat(width * 0.00240, "px"),
+            height: "".concat(width * 0.0698, "px"),
+            top: "".concat(width * 0.0518, "px"),
+            left: "-".concat(width * 0.004, "px"),
+            backgroundImage: "linear-gradient(to bottom, ".concat(theme.mid, " 0%, ").concat(theme.highlight, " 2%, ").concat(theme.shadow, " 4%, ").concat(theme.accent, " 10%, ").concat(theme.accent, " 90%, ").concat(theme.shadow, " 94%, ").concat(theme.highlight, " 98%, ").concat(theme.mid, " 100%)"),
+        } : {
+            width: "".concat(width * 0.0698, "px"),
+            height: "".concat(width * 0.0024, "px"),
+            top: "-".concat(width * 0.004, "px"),
+            right: "".concat(width * 0.0518, "px"), // Top Right in Portrait
+            backgroundImage: "linear-gradient(to right, ".concat(theme.mid, " 0%, ").concat(theme.highlight, " 2%, ").concat(theme.shadow, " 4%, ").concat(theme.accent, " 10%, ").concat(theme.accent, " 90%, ").concat(theme.shadow, " 94%, ").concat(theme.highlight, " 98%, ").concat(theme.mid, " 100%)"),
+        }))
+    };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=IPad.style.js.map

package/dist/cjs/components/IPad/IPad.style.js.map

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

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

@@ -0,0 +1,2 @@
+export * from './IPad';
+export * from './IPad.props';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/IPad/index.ts"],"names":[],"mappings":";;;AAAA,iDAAuB;AACvB,uDAA6B"}

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IphoneProps } from '.';
-export declare const Iphone: ({ width, children, color }: IphoneProps) => React.JSX.Element;
+export declare const Iphone: ({ width, children, color, scrollable }: IphoneProps) => React.JSX.Element;

package/dist/cjs/components/Iphone/Iphone.js

@@ -6,8 +6,8 @@ var material_1 = require("@mui/material");
 var react_1 = tslib_1.__importDefault(require("react"));
 var Iphone_style_1 = require("./Iphone.style");
 var Iphone = function (_a) {
-    var width = _a.width, children = _a.children, _b = _a.color, color = _b === void 0 ? 'black' : _b;
-    var style = (0, Iphone_style_1.useStyles)({ width: width, color: color });
+    var width = _a.width, children = _a.children, _b = _a.color, color = _b === void 0 ? 'black' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? true : _c;
+    var style = (0, Iphone_style_1.useStyles)({ width: width, color: color, scrollable: scrollable });
     // const [time, setTime] = useState(new Date())
     // useEffect(() => {
     //     setInterval(() => setTime(new Date()), 1000)
@@ -21,7 +21,7 @@ var Iphone = function (_a) {
         react_1.default.createElement(material_1.Box, { sx: style.display },
             react_1.default.createElement(material_1.Box, { sx: style.floatinIsland },
                 react_1.default.createElement(material_1.Box, { sx: style.camera })),
-            react_1.default.createElement(material_1.Box, { sx: style.children }, children))));
+            react_1.default.createElement(material_1.Box, { className: 'children', sx: style.children }, children))));
 };
 exports.Iphone = Iphone;
 //# sourceMappingURL=Iphone.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Iphone.js","sourceRoot":"","sources":["../../../../src/components/Iphone/Iphone.tsx"],"names":[],"mappings":";;;;AAAA,0CAAoC;AACpC,wDAA0B;AAE1B,+CAA2C;AAEpC,IAAM,MAAM,GAAG,UAAC,EAIT;QAHV,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAe,EAAf,KAAK,mBAAG,OAAO,KAAA;IAEf,IAAM,KAAK,GAAG,IAAA,wBAAS,EAAC,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;IACzC,+CAA+C;IAE/C,oBAAoB;IACpB,mDAAmD;IACnD,SAAS;IAET,OAAO,CACH,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,MAAM;QACjB,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,OAAO;YAClB,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,GAAQ;YAC/B,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,GAAQ;YAC/B,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,UAAU,GAAQ,CAC/B;QACN,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,WAAW,GAAQ;QAClC,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,OAAO;YAClB,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,aAAa;gBACxB,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,MAAM,GAAQ,CAC3B;YACN,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,IASlB,QAAQ,CACP,CACJ,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AAtCY,QAAA,MAAM,UAsClB"}
+{"version":3,"file":"Iphone.js","sourceRoot":"","sources":["../../../../src/components/Iphone/Iphone.tsx"],"names":[],"mappings":";;;;AAAA,0CAAoC;AACpC,wDAA0B;AAE1B,+CAA2C;AAEpC,IAAM,MAAM,GAAG,UAAC,EAKT;QAJV,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAe,EAAf,KAAK,mBAAG,OAAO,KAAA,EACf,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA;IAEjB,IAAM,KAAK,GAAG,IAAA,wBAAS,EAAC,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,UAAU,YAAA,EAAE,CAAC,CAAA;IACrD,+CAA+C;IAE/C,oBAAoB;IACpB,mDAAmD;IACnD,SAAS;IACT,OAAO,CACH,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,MAAM;QACjB,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,OAAO;YAClB,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,GAAQ;YAC/B,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,GAAQ;YAC/B,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,UAAU,GAAQ,CAC/B;QACN,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,WAAW,GAAQ;QAClC,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,OAAO;YAClB,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,aAAa;gBACxB,8BAAC,cAAG,IAAC,EAAE,EAAE,KAAK,CAAC,MAAM,GAAQ,CAC3B;YACN,8BAAC,cAAG,IAAC,SAAS,EAAC,UAAU,EAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,IASvC,QAAQ,CACP,CACJ,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AAtCY,QAAA,MAAM,UAsClB"}

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

@@ -4,4 +4,5 @@ export interface IphoneProps {
     width: number;
     children?: ReactNode;
     color?: IphoneColor;
+    scrollable?: boolean;
 }

package/dist/cjs/components/Iphone/Iphone.style.d.ts

@@ -1,5 +1,5 @@
 import { IphoneColor } from "./Iphone.props";
-export declare const useStyles: ({ width, color }: StyleProps) => {
+export declare const useStyles: ({ width, color, scrollable }: StyleProps) => {
     iphone: {
         width: number;
         height: number;
@@ -22,6 +22,11 @@ export declare const useStyles: ({ width, color }: StyleProps) => {
         overflow: string;
         borderRadius: string;
         margin: string;
+        '&::-webkit-scrollbar': {
+            display: string;
+        };
+        msOverflowStyle: string;
+        scrollbarWidth: string;
     };
     floatinIsland: {
         width: string;
@@ -96,5 +101,6 @@ export declare const useStyles: ({ width, color }: StyleProps) => {
 interface StyleProps {
     width: number;
     color?: IphoneColor;
+    scrollable?: boolean;
 }
 export {};

package/dist/cjs/components/Iphone/Iphone.style.js

@@ -60,7 +60,7 @@ var IPHONE_COLORS = {
     }
 };
 var useStyles = function (_a) {
-    var width = _a.width, _b = _a.color, color = _b === void 0 ? 'black' : _b;
+    var width = _a.width, _b = _a.color, color = _b === void 0 ? 'black' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? true : _c;
     var theme = IPHONE_COLORS[color];
     return {
         iphone: {
@@ -82,9 +82,14 @@ var useStyles = function (_a) {
         children: {
             width: "".concat(width * 0.917, "px"),
             height: "".concat(width * 1.989, "px"),
-            overflow: 'scroll',
+            overflow: scrollable ? 'auto' : 'hidden',
             borderRadius: "".concat(width / 7.5, "px"),
             margin: "".concat(width * 0.0415, "px auto"),
+            '&::-webkit-scrollbar': {
+                display: 'none'
+            },
+            msOverflowStyle: 'none',
+            scrollbarWidth: 'none'
         },
         floatinIsland: {
             width: "".concat(width * 0.267, "px"),

package/dist/cjs/components/Iphone/Iphone.style.js.map

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

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

@@ -2,3 +2,4 @@ export * from './Iphone';
 export * from './Galaxy';
 export * from './MacbookPro';
 export * from './IMac';
+export * from './IPad';

package/dist/cjs/components/index.js

@@ -5,4 +5,5 @@ tslib_1.__exportStar(require("./Iphone"), exports);
 tslib_1.__exportStar(require("./Galaxy"), exports);
 tslib_1.__exportStar(require("./MacbookPro"), exports);
 tslib_1.__exportStar(require("./IMac"), exports);
+tslib_1.__exportStar(require("./IPad"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,mDAAwB;AACxB,uDAA4B;AAC5B,iDAAsB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,mDAAwB;AACxB,uDAA4B;AAC5B,iDAAsB;AACtB,iDAAsB"}

package/dist/esm/components/Galaxy/Galaxy.style.d.ts

@@ -41,6 +41,11 @@ export declare const useStyles: ({ width, color }: StyleProps) => {
         borderRadius: string;
         background: string;
         position: string;
+        '&::-webkit-scrollbar': {
+            display: string;
+        };
+        msOverflowStyle: string;
+        scrollbarWidth: string;
     };
     punchHole: {
         width: string;

package/dist/esm/components/Galaxy/Galaxy.style.js

@@ -115,6 +115,11 @@ export var useStyles = function (_a) {
             borderRadius: "".concat(width * 0.0333, "px"), // More noticeable rounding
             background: '#000',
             position: 'relative',
+            '&::-webkit-scrollbar': {
+                display: 'none'
+            },
+            msOverflowStyle: 'none',
+            scrollbarWidth: 'none'
         },
         punchHole: {
             width: "".concat(width * 0.025, "px"),

package/dist/esm/components/Galaxy/Galaxy.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"Galaxy.style.js","sourceRoot":"","sources":["../../../../src/components/Galaxy/Galaxy.style.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Galaxy.style.js","sourceRoot":"","sources":["../../../../src/components/Galaxy/Galaxy.style.ts"],"names":[],"mappings":"AAEA,IAAM,aAAa,GAAG;IAClB,qBAAqB,EAAE;QACnB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,gBAAgB,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,sBAAsB,EAAE;QACpB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,mBAAmB,EAAE;QACjB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,oBAAoB,EAAE;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,mBAAmB,EAAE;QACjB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,MAAM,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,SAAS,EAAE;QACP,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,MAAM,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,WAAW,EAAE;QACT,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,UAAU,EAAE;QACR,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;IACD,UAAU,EAAE;QACR,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAGb;QAFT,KAAK,WAAA,EACL,aAAuB,EAAvB,KAAK,mBAAG,eAAe,KAAA;IAEvB,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAEnC,OAAO;QACH,MAAM,EAAE;YACJ,KAAK,OAAA;YACL,MAAM,EAAE,KAAK,GAAG,IAAI;YACpB,QAAQ,EAAE,UAAU;YACpB,YAAY,EAAE,UAAG,KAAK,GAAG,aAAa,OAAI;YAC1C,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SAC3B;QACD,KAAK,EAAE;YACH,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,YAAY,EAAE,UAAG,KAAK,GAAG,aAAa,OAAI;YAC1C,MAAM,EAAE,UAAG,KAAK,GAAG,KAAK,sBAAY,KAAK,CAAC,OAAO,CAAE;YACnD,SAAS,EAAE,8BACH,KAAK,GAAG,KAAK,gBAAM,KAAK,CAAC,SAAS,yDAE7C;YACG,UAAU,EAAE,oCAA6B,KAAK,CAAC,SAAS,kBAAQ,KAAK,CAAC,SAAS,mBAAS,KAAK,CAAC,SAAS,WAAQ;YAC/G,MAAM,EAAE,IAAI;SACf;QACD,OAAO,EAAE;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;YACf,UAAU,EAAE,MAAM;YAClB,YAAY,EAAE,UAAG,KAAK,GAAG,MAAM,OAAI;YACnC,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,gCAAgC;YAC3C,OAAO,EAAE,UAAG,KAAK,GAAG,MAAM,OAAI,EAAE,wBAAwB;SAC3D;QACD,QAAQ,EAAE;YACN,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,MAAM;YAChB,YAAY,EAAE,UAAG,KAAK,GAAG,MAAM,OAAI,EAAE,2BAA2B;YAChE,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,UAAU;YACpB,sBAAsB,EAAE;gBACpB,OAAO,EAAE,MAAM;aAClB;YACD,eAAe,EAAE,MAAM;YACvB,cAAc,EAAE,MAAM;SACzB;QACD,SAAS,EAAE;YACP,KAAK,EAAE,UAAG,KAAK,GAAG,KAAK,OAAI;YAC3B,MAAM,EAAE,UAAG,KAAK,GAAG,KAAK,OAAI;YAC5B,UAAU,EAAE,SAAS;YACrB,YAAY,EAAE,KAAK;YACnB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,UAAG,KAAK,GAAG,IAAI,OAAI;YACxB,IAAI,EAAE,KAAK;YACX,SAAS,EAAE,kBAAkB;YAC7B,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,kCAAkC;SAC7C;QACD,OAAO,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,WAAI,KAAK,GAAG,IAAI,OAAI;YAC3B,GAAG,EAAE,UAAG,KAAK,GAAG,YAAY,OAAI;YAChC,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,UAAG,KAAK,GAAG,YAAY,OAAI;YAChC,MAAM,EAAE,GAAG;SACd;QACD,YAAY,EAAE;YACV,KAAK,EAAE,UAAG,KAAK,GAAG,IAAI,OAAI;YAC1B,MAAM,EAAE,UAAG,KAAK,GAAG,YAAY,OAAI;YACnC,UAAU,EAAE,KAAK,CAAC,OAAO;YACzB,YAAY,EAAE,YAAK,KAAK,GAAG,KAAK,gBAAM,KAAK,GAAG,KAAK,SAAM;YACzD,SAAS,EAAE,2BAA2B;SACzC;QACD,WAAW,EAAE;YACT,KAAK,EAAE,UAAG,KAAK,GAAG,IAAI,OAAI;YAC1B,MAAM,EAAE,UAAG,KAAK,GAAG,YAAY,OAAI;YACnC,UAAU,EAAE,KAAK,CAAC,OAAO;YACzB,YAAY,EAAE,YAAK,KAAK,GAAG,KAAK,gBAAM,KAAK,GAAG,KAAK,SAAM;YACzD,SAAS,EAAE,2BAA2B;SACzC;KACJ,CAAA;AACL,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IPadProps } from './IPad.props';
+export declare const IPad: ({ width, children, color, scrollable, orientation }: IPadProps) => React.JSX.Element;

package/dist/esm/components/IPad/IPad.js

@@ -0,0 +1,16 @@
+import { Box } from '@mui/material';
+import React from 'react';
+import { useStyles } from './IPad.style';
+export var IPad = function (_a) {
+    var width = _a.width, children = _a.children, _b = _a.color, color = _b === void 0 ? 'space-gray' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? true : _c, _d = _a.orientation, orientation = _d === void 0 ? 'landscape' : _d;
+    var style = useStyles({ width: width, color: color, scrollable: scrollable, orientation: orientation });
+    return (React.createElement(Box, { sx: style.ipad },
+        React.createElement(Box, { sx: style.buttons },
+            React.createElement(Box, { sx: style.volumeButton }),
+            React.createElement(Box, { sx: style.volumeButton })),
+        React.createElement(Box, { sx: style.powerButton }),
+        React.createElement(Box, { sx: style.display },
+            React.createElement(Box, { sx: style.camera }),
+            React.createElement(Box, { sx: style.children }, children))));
+};
+//# sourceMappingURL=IPad.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IPad.js","sourceRoot":"","sources":["../../../../src/components/IPad/IPad.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAMT;QALR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAoB,EAApB,KAAK,mBAAG,YAAY,KAAA,EACpB,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACjB,mBAAyB,EAAzB,WAAW,mBAAG,WAAW,KAAA;IAEzB,IAAM,KAAK,GAAG,SAAS,CAAC,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,UAAU,YAAA,EAAE,WAAW,aAAA,EAAE,CAAC,CAAA;IAElE,OAAO,CACH,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,IAAI;QACf,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,OAAO;YAClB,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,YAAY,GAAQ;YACnC,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,YAAY,GAAQ,CACjC;QACN,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,WAAW,GAAQ;QAClC,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,OAAO;YAClB,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,MAAM,GAAQ;YAC7B,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,IAClB,QAAQ,CACP,CACJ,CACJ,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/esm/components/IPad/IPad.props.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+export type IPadColor = 'space-gray' | 'silver' | 'yellow' | 'pink' | 'blue';
+export interface IPadProps {
+    width: number;
+    children?: ReactNode;
+    color?: IPadColor;
+    scrollable?: boolean;
+    orientation?: 'landscape' | 'portrait';
+}

package/dist/esm/components/IPad/IPad.props.js

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

package/dist/esm/components/IPad/IPad.props.js.map

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

package/dist/esm/components/IPad/IPad.style.d.ts

@@ -0,0 +1,105 @@
+import { IPadColor } from "./IPad.props";
+export declare const useStyles: ({ width, color, scrollable, orientation }: StyleProps) => {
+    ipad: {
+        width: number;
+        height: number;
+        position: string;
+        borderRadius: string;
+        zIndex: string;
+        transition: string;
+    };
+    display: {
+        borderRadius: string;
+        boxShadow: string;
+        width: string;
+        height: string;
+        background: string;
+        zIndex: string;
+        overflow: string;
+        position: string;
+    };
+    children: {
+        width: string;
+        height: string;
+        overflow: string;
+        borderRadius: string;
+        margin: string;
+        position: string;
+        top: string;
+        left: string;
+        transform: string;
+        background: string;
+        '&::-webkit-scrollbar': {
+            display: string;
+        };
+        msOverflowStyle: string;
+        scrollbarWidth: string;
+    };
+    camera: {
+        width: string;
+        height: string;
+        background: string;
+        borderRadius: string;
+        position: string;
+        zIndex: string;
+        top: string;
+        left: string;
+        transform: string;
+        boxShadow: string;
+    };
+    buttons: {
+        top: string;
+        left: string;
+        flexDirection: string;
+        gap: string;
+        position: string;
+        zIndex: string;
+        display: string;
+    } | {
+        top: string;
+        right: string;
+        flexDirection: string;
+        gap: string;
+        position: string;
+        zIndex: string;
+        display: string;
+    };
+    volumeButton: {
+        width: string;
+        height: string;
+        background: string;
+        borderRadius: string;
+        border: string;
+        backgroundImage: string;
+    };
+    powerButton: {
+        width: string;
+        height: string;
+        top: string;
+        left: string;
+        backgroundImage: string;
+        position: string;
+        background: string;
+        borderRadius: string;
+        border: string;
+        zIndex: string;
+    } | {
+        width: string;
+        height: string;
+        top: string;
+        right: string;
+        backgroundImage: string;
+        position: string;
+        background: string;
+        borderRadius: string;
+        border: string;
+        zIndex: string;
+    };
+};
+interface StyleProps {
+    width: number;
+    color?: IPadColor;
+    scrollable?: boolean;
+    orientation?: 'landscape' | 'portrait';
+}
+export {};

package/dist/esm/components/IPad/IPad.style.js

@@ -0,0 +1,135 @@
+import { __assign } from "tslib";
+var IPAD_COLORS = {
+    'space-gray': {
+        accent: '#3c3c3e',
+        highlight: '#5c5c5e',
+        mid: '#2c2c2e',
+        shadow: '#1c1c1e',
+        border: '#4a4a4c',
+        frame: '#313131'
+    },
+    silver: {
+        accent: '#e5e5e7',
+        highlight: '#ffffff',
+        mid: '#f7f7f9',
+        shadow: '#d1d1d6',
+        border: '#c7c7cc',
+        frame: '#e5e5e7'
+    },
+    yellow: {
+        accent: '#fdec71',
+        highlight: '#fff8b3',
+        mid: '#fce34d',
+        shadow: '#c9b32e',
+        border: '#fdec71',
+        frame: '#fce34d'
+    },
+    pink: {
+        accent: '#ff8093',
+        highlight: '#ffb3c0',
+        mid: '#ff4d6a',
+        shadow: '#cc3d55',
+        border: '#ff8093',
+        frame: '#ff4d6a'
+    },
+    blue: {
+        accent: '#94bce4',
+        highlight: '#c3d5e7',
+        mid: '#70a4db',
+        shadow: '#5a83af',
+        border: '#94bce4',
+        frame: '#70a4db'
+    }
+};
+export var useStyles = function (_a) {
+    var width = _a.width, _b = _a.color, color = _b === void 0 ? 'space-gray' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? true : _c, _d = _a.orientation, orientation = _d === void 0 ? 'landscape' : _d;
+    var theme = IPAD_COLORS[color];
+    var isLandscape = orientation === 'landscape';
+    // Modern iPad Air/Pro aspect ratio is ~1.4:1
+    var aspectRatio = 1.41;
+    var height = isLandscape ? width / aspectRatio : width * aspectRatio;
+    return {
+        ipad: {
+            width: width,
+            height: height,
+            position: 'relative',
+            borderRadius: "".concat(width * (isLandscape ? 0.04 : 0.06), "px"),
+            zIndex: '1',
+            transition: 'all 0.3s ease'
+        },
+        display: {
+            borderRadius: "".concat(width * (isLandscape ? 0.04 : 0.06), "px"),
+            boxShadow: "inset 0 0 0 ".concat(width * 0.0001, "px ").concat(theme.frame, ", inset 0 0 0 ").concat(width * 0.0002, "px ").concat(theme.shadow, ", inset 0 0 0 ").concat(width * 0.0003, "px ").concat(theme.mid, ", inset 0 0 0 ").concat(width * 0.0004, "px ").concat(theme.accent, ", inset 0 0 0 ").concat(width * 0.0006, "px ").concat(theme.highlight, ", inset 0 0 0 ").concat(width * 0.0007, "px ").concat(theme.accent, ", inset 0 0 0 ").concat(width * 0.0008, "px ").concat(theme.accent, ", inset 0 0 0 ").concat(width * 0.001, "px ").concat(theme.mid, ", inset 0 0 0 ").concat(width * 0.0011, "px ").concat(theme.mid, ", inset 0 0 0 ").concat(width * 0.0013, "px ").concat(theme.mid, ", inset 0 0 0 ").concat(width * 0.0014, "px #383624, inset 0 0 0 ").concat(width * 0.0015, "px #404037, inset 0 0 0 ").concat(width * 0.0016, "px #101109, inset 0 0 0 ").concat(width * (isLandscape ? 0.0032 : 0.0048), "px ").concat(theme.accent),
+            width: '100%',
+            height: '100%',
+            background: 'rgb(10, 10, 10)',
+            zIndex: '-1',
+            overflow: 'hidden',
+            position: 'relative'
+        },
+        children: {
+            width: isLandscape ? '93.5%' : '90%',
+            height: isLandscape ? '91%' : '93.5%',
+            overflow: scrollable ? 'auto' : 'hidden',
+            borderRadius: "".concat(width * 0.01, "px"),
+            margin: 'auto',
+            position: 'absolute',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            background: '#000',
+            '&::-webkit-scrollbar': {
+                display: 'none'
+            },
+            msOverflowStyle: 'none',
+            scrollbarWidth: 'none'
+        },
+        camera: {
+            width: "".concat(width * 0.01, "px"),
+            height: "".concat(width * 0.01, "px"),
+            background: '#1a1a1a',
+            borderRadius: '50%',
+            position: 'absolute',
+            zIndex: '2',
+            // Camera stays on the "long side" for modern iPads, or "top short side" for traditional
+            // We'll stick to Top Center for both orientations for best UX
+            top: "".concat(width * (isLandscape ? 0.014 : 0.022), "px"),
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            boxShadow: 'inset 0 0 2px rgba(255,255,255,0.2)'
+        },
+        buttons: __assign({ position: 'absolute', zIndex: '2', display: 'flex' }, (isLandscape ? {
+            top: "-".concat(width * 0.0024, "px"),
+            left: "".concat(width * 0.0783, "px"), // Shifted right slightly to make room for power
+            flexDirection: 'row',
+            gap: "".concat(width * 0.02, "px")
+        } : {
+            top: "".concat(width * 0.07831325301, "px"),
+            right: "-".concat(width * 0.0024, "px"),
+            flexDirection: 'column',
+            gap: "".concat(width * 0.02, "px")
+        })),
+        volumeButton: {
+            width: isLandscape ? "".concat(width * 0.06, "px") : "".concat(width * 0.00240, "px"),
+            height: isLandscape ? "".concat(width * 0.00240, "px") : "".concat(width * 0.06, "px"),
+            background: theme.accent,
+            borderRadius: isLandscape ? "".concat(width * 0.002, "px ").concat(width * 0.002, "px 0 0") : "0 ".concat(width * 0.002, "px ").concat(width * 0.002, "px 0"),
+            border: "".concat(width * 0.001, "px solid ").concat(theme.border),
+            backgroundImage: "linear-gradient(".concat(isLandscape ? 'to right' : 'to bottom', ", ").concat(theme.mid, " 0%, ").concat(theme.highlight, " 2%, ").concat(theme.shadow, " 4%, ").concat(theme.accent, " 10%, ").concat(theme.accent, " 90%, ").concat(theme.shadow, " 94%, ").concat(theme.highlight, " 98%, ").concat(theme.mid, " 100%)"),
+        },
+        powerButton: __assign({ position: 'absolute', background: theme.accent, borderRadius: isLandscape ? "".concat(width * 0.002, "px 0 0 ").concat(width * 0.002, "px") : "".concat(width * 0.002, "px ").concat(width * 0.002, "px 0 0"), border: "".concat(width * 0.001, "px solid ").concat(theme.border), zIndex: '2' }, (isLandscape ? {
+            width: "".concat(width * 0.00240, "px"),
+            height: "".concat(width * 0.0698, "px"),
+            top: "".concat(width * 0.0518, "px"),
+            left: "-".concat(width * 0.004, "px"),
+            backgroundImage: "linear-gradient(to bottom, ".concat(theme.mid, " 0%, ").concat(theme.highlight, " 2%, ").concat(theme.shadow, " 4%, ").concat(theme.accent, " 10%, ").concat(theme.accent, " 90%, ").concat(theme.shadow, " 94%, ").concat(theme.highlight, " 98%, ").concat(theme.mid, " 100%)"),
+        } : {
+            width: "".concat(width * 0.0698, "px"),
+            height: "".concat(width * 0.0024, "px"),
+            top: "-".concat(width * 0.004, "px"),
+            right: "".concat(width * 0.0518, "px"), // Top Right in Portrait
+            backgroundImage: "linear-gradient(to right, ".concat(theme.mid, " 0%, ").concat(theme.highlight, " 2%, ").concat(theme.shadow, " 4%, ").concat(theme.accent, " 10%, ").concat(theme.accent, " 90%, ").concat(theme.shadow, " 94%, ").concat(theme.highlight, " 98%, ").concat(theme.mid, " 100%)"),
+        }))
+    };
+};
+//# sourceMappingURL=IPad.style.js.map

package/dist/esm/components/IPad/IPad.style.js.map

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

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

@@ -0,0 +1,2 @@
+export * from './IPad';
+export * from './IPad.props';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/IPad/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IphoneProps } from '.';
-export declare const Iphone: ({ width, children, color }: IphoneProps) => React.JSX.Element;
+export declare const Iphone: ({ width, children, color, scrollable }: IphoneProps) => React.JSX.Element;

package/dist/esm/components/Iphone/Iphone.js

@@ -2,8 +2,8 @@ import { Box } from '@mui/material';
 import React from 'react';
 import { useStyles } from './Iphone.style';
 export var Iphone = function (_a) {
-    var width = _a.width, children = _a.children, _b = _a.color, color = _b === void 0 ? 'black' : _b;
-    var style = useStyles({ width: width, color: color });
+    var width = _a.width, children = _a.children, _b = _a.color, color = _b === void 0 ? 'black' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? true : _c;
+    var style = useStyles({ width: width, color: color, scrollable: scrollable });
     // const [time, setTime] = useState(new Date())
     // useEffect(() => {
     //     setInterval(() => setTime(new Date()), 1000)
@@ -17,6 +17,6 @@ export var Iphone = function (_a) {
         React.createElement(Box, { sx: style.display },
             React.createElement(Box, { sx: style.floatinIsland },
                 React.createElement(Box, { sx: style.camera })),
-            React.createElement(Box, { sx: style.children }, children))));
+            React.createElement(Box, { className: 'children', sx: style.children }, children))));
 };
 //# sourceMappingURL=Iphone.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Iphone.js","sourceRoot":"","sources":["../../../../src/components/Iphone/Iphone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAIT;QAHV,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAe,EAAf,KAAK,mBAAG,OAAO,KAAA;IAEf,IAAM,KAAK,GAAG,SAAS,CAAC,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;IACzC,+CAA+C;IAE/C,oBAAoB;IACpB,mDAAmD;IACnD,SAAS;IAET,OAAO,CACH,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,MAAM;QACjB,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,OAAO;YAClB,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,GAAQ;YAC/B,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,GAAQ;YAC/B,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,UAAU,GAAQ,CAC/B;QACN,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,WAAW,GAAQ;QAClC,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,OAAO;YAClB,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,aAAa;gBACxB,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,MAAM,GAAQ,CAC3B;YACN,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,IASlB,QAAQ,CACP,CACJ,CACJ,CACT,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"Iphone.js","sourceRoot":"","sources":["../../../../src/components/Iphone/Iphone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAKT;QAJV,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAe,EAAf,KAAK,mBAAG,OAAO,KAAA,EACf,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA;IAEjB,IAAM,KAAK,GAAG,SAAS,CAAC,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,UAAU,YAAA,EAAE,CAAC,CAAA;IACrD,+CAA+C;IAE/C,oBAAoB;IACpB,mDAAmD;IACnD,SAAS;IACT,OAAO,CACH,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,MAAM;QACjB,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,OAAO;YAClB,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,GAAQ;YAC/B,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,GAAQ;YAC/B,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,UAAU,GAAQ,CAC/B;QACN,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,WAAW,GAAQ;QAClC,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,OAAO;YAClB,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,aAAa;gBACxB,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,MAAM,GAAQ,CAC3B;YACN,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,IASvC,QAAQ,CACP,CACJ,CACJ,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/esm/components/Iphone/Iphone.props.d.ts

@@ -4,4 +4,5 @@ export interface IphoneProps {
     width: number;
     children?: ReactNode;
     color?: IphoneColor;
+    scrollable?: boolean;
 }

package/dist/esm/components/Iphone/Iphone.style.d.ts

@@ -1,5 +1,5 @@
 import { IphoneColor } from "./Iphone.props";
-export declare const useStyles: ({ width, color }: StyleProps) => {
+export declare const useStyles: ({ width, color, scrollable }: StyleProps) => {
     iphone: {
         width: number;
         height: number;
@@ -22,6 +22,11 @@ export declare const useStyles: ({ width, color }: StyleProps) => {
         overflow: string;
         borderRadius: string;
         margin: string;
+        '&::-webkit-scrollbar': {
+            display: string;
+        };
+        msOverflowStyle: string;
+        scrollbarWidth: string;
     };
     floatinIsland: {
         width: string;
@@ -96,5 +101,6 @@ export declare const useStyles: ({ width, color }: StyleProps) => {
 interface StyleProps {
     width: number;
     color?: IphoneColor;
+    scrollable?: boolean;
 }
 export {};

package/dist/esm/components/Iphone/Iphone.style.js

@@ -57,7 +57,7 @@ var IPHONE_COLORS = {
     }
 };
 export var useStyles = function (_a) {
-    var width = _a.width, _b = _a.color, color = _b === void 0 ? 'black' : _b;
+    var width = _a.width, _b = _a.color, color = _b === void 0 ? 'black' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? true : _c;
     var theme = IPHONE_COLORS[color];
     return {
         iphone: {
@@ -79,9 +79,14 @@ export var useStyles = function (_a) {
         children: {
             width: "".concat(width * 0.917, "px"),
             height: "".concat(width * 1.989, "px"),
-            overflow: 'scroll',
+            overflow: scrollable ? 'auto' : 'hidden',
             borderRadius: "".concat(width / 7.5, "px"),
             margin: "".concat(width * 0.0415, "px auto"),
+            '&::-webkit-scrollbar': {
+                display: 'none'
+            },
+            msOverflowStyle: 'none',
+            scrollbarWidth: 'none'
         },
         floatinIsland: {
             width: "".concat(width * 0.267, "px"),

package/dist/esm/components/Iphone/Iphone.style.js.map

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

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

@@ -2,3 +2,4 @@ export * from './Iphone';
 export * from './Galaxy';
 export * from './MacbookPro';
 export * from './IMac';
+export * from './IPad';

package/dist/esm/components/index.js

@@ -2,4 +2,5 @@ export * from './Iphone';
 export * from './Galaxy';
 export * from './MacbookPro';
 export * from './IMac';
+export * from './IPad';
 //# sourceMappingURL=index.js.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-electronix",
-    "version": "2.0.0",
+    "version": "2.1.0",
     "description": "",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",
@@ -58,4 +58,4 @@
         "LICENSE",
         "README.md"
     ]
-}
+}