@mockifydev/react 0.1.0

package/dist/index.js

@@ -0,0 +1,539 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/device-mockup.tsx
+function DeviceMockup({
+  device,
+  children,
+  width = 320,
+  screenColor = "#f2f2f2",
+  showStatusBar = true,
+  className = "",
+  style,
+  color,
+  basePath = "https://unpkg.com/@mockify/react@latest/assets"
+}) {
+  var _a;
+  const resolvedColor = color != null ? color : device.defaultColor;
+  const colorVariant = resolvedColor ? device.colors.find((c) => c.name === resolvedColor) : void 0;
+  const frameSrc = (_a = colorVariant == null ? void 0 : colorVariant.frameSrc) != null ? _a : device.frameSrc;
+  const frameW = width;
+  const frameH = width * (device.framePngHeight / device.framePngWidth);
+  const screenLeft = frameW * device.screenLeftFraction;
+  const screenTop = frameH * device.screenTopFraction;
+  const screenW = frameW * device.screenWidthFraction;
+  const screenH = frameH * device.screenHeightFraction;
+  const screenRadius = frameW * device.screenRadiusFraction;
+  const statusBarH = screenH * device.statusBarHeightFraction;
+  const resolvedFrameSrc = `${basePath}${frameSrc}`;
+  const resolvedStatusBarSrc = `${basePath}${device.statusBarSrc}`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        position: "relative",
+        width: frameW,
+        height: frameH,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              left: screenLeft,
+              top: screenTop,
+              width: screenW,
+              height: screenH,
+              borderRadius: screenRadius,
+              overflow: "hidden",
+              boxShadow: "inset 0 0 0 0.5px rgba(0,0,0,0.1)",
+              backgroundColor: screenColor,
+              backfaceVisibility: "hidden",
+              pointerEvents: "auto",
+              zIndex: 10
+            },
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  position: "absolute",
+                  inset: 0,
+                  width: "100%",
+                  height: "100%"
+                },
+                children: [
+                  children,
+                  showStatusBar && /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      alt: "",
+                      src: resolvedStatusBarSrc,
+                      style: {
+                        position: "absolute",
+                        pointerEvents: "none",
+                        width: "calc(100% + 4px)",
+                        height: statusBarH,
+                        top: 0,
+                        left: -2,
+                        objectFit: "cover",
+                        objectPosition: "center 48%",
+                        borderTopLeftRadius: screenRadius,
+                        borderTopRightRadius: screenRadius,
+                        transform: "translateZ(0)"
+                      }
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            alt: device.name,
+            src: resolvedFrameSrc,
+            style: {
+              position: "absolute",
+              pointerEvents: "none",
+              userSelect: "none",
+              left: 0,
+              top: 0,
+              width: frameW,
+              height: frameH,
+              zIndex: 20,
+              transform: "translateZ(0)"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/devices/index.ts
+var iPhone13 = {
+  name: "iPhone 13",
+  frameSrc: "/devices/iPhone 13.png",
+  framePngWidth: 1400,
+  framePngHeight: 2700,
+  screenLeftFraction: 0.083571,
+  screenTopFraction: 0.035556,
+  screenWidthFraction: 0.832857,
+  screenHeightFraction: 0.932593,
+  screenRadiusFraction: 0.101421,
+  statusBarSrc: "/status-bar/Notch Status Bar Black.png",
+  statusBarHeightFraction: 0.055,
+  colors: [
+    { name: "Midnight", frameSrc: "/devices/iPhone 13 - Midnight.png", swatch: "#3E3C39" },
+    { name: "Starlight", frameSrc: "/devices/iPhone 13 - Starlight.png", swatch: "#F0E4D3" }
+  ],
+  defaultColor: "Midnight"
+};
+var iPhone13Mini = {
+  name: "iPhone 13 Mini",
+  frameSrc: "/devices/iPhone 13 Mini.png",
+  framePngWidth: 1240,
+  framePngHeight: 2500,
+  screenLeftFraction: 0.064516,
+  screenTopFraction: 0.0336,
+  screenWidthFraction: 0.870968,
+  screenHeightFraction: 0.9344,
+  screenRadiusFraction: 0.106452,
+  statusBarSrc: "/status-bar/Notch Status Bar Black.png",
+  statusBarHeightFraction: 0.055,
+  colors: [
+    { name: "Midnight", frameSrc: "/devices/iPhone 13 Mini - Midnight.png", swatch: "#3E3C39" },
+    { name: "Starlight", frameSrc: "/devices/iPhone 13 Mini - Starlight.png", swatch: "#F0E4D3" }
+  ],
+  defaultColor: "Midnight"
+};
+var iPhone13Pro = {
+  name: "iPhone 13 Pro",
+  frameSrc: "/devices/iPhone 13 Pro.png",
+  framePngWidth: 1400,
+  framePngHeight: 2700,
+  screenLeftFraction: 0.083571,
+  screenTopFraction: 0.035556,
+  screenWidthFraction: 0.832857,
+  screenHeightFraction: 0.932593,
+  screenRadiusFraction: 0.101421,
+  statusBarSrc: "/status-bar/Notch Status Bar Black.png",
+  statusBarHeightFraction: 0.055,
+  colors: [
+    { name: "Graphite", frameSrc: "/devices/iPhone 13 Pro - Graphite.png", swatch: "#54524F" },
+    { name: "Silver", frameSrc: "/devices/iPhone 13 Pro - Silver.png", swatch: "#E3E4DF" }
+  ],
+  defaultColor: "Graphite"
+};
+var iPhone13ProMax = {
+  name: "iPhone 13 Pro Max",
+  frameSrc: "/devices/iPhone 13 Pro Max.png",
+  framePngWidth: 1500,
+  framePngHeight: 3e3,
+  screenLeftFraction: 0.073333,
+  screenTopFraction: 0.040333,
+  screenWidthFraction: 0.853333,
+  screenHeightFraction: 0.922,
+  screenRadiusFraction: 0.10666,
+  statusBarSrc: "/status-bar/Notch Status Bar Black.png",
+  statusBarHeightFraction: 0.055,
+  colors: [
+    { name: "Graphite", frameSrc: "/devices/iPhone 13 Pro Max - Graphite.png", swatch: "#54524F" },
+    { name: "Silver", frameSrc: "/devices/iPhone 13 Pro Max - Silver.png", swatch: "#E3E4DF" }
+  ],
+  defaultColor: "Graphite"
+};
+var iPhone14 = {
+  name: "iPhone 14",
+  frameSrc: "/devices/iPhone 14.png",
+  framePngWidth: 1370,
+  framePngHeight: 2732,
+  screenLeftFraction: 0.074453,
+  screenTopFraction: 0.039898,
+  screenWidthFraction: 0.851095,
+  screenHeightFraction: 0.922767,
+  screenRadiusFraction: 0.103642,
+  statusBarSrc: "/status-bar/Notch Status Bar Black.png",
+  statusBarHeightFraction: 0.055,
+  colors: [
+    { name: "Midnight", frameSrc: "/devices/iPhone 14 - Midnight.png", swatch: "#3E3C39" },
+    { name: "Starlight", frameSrc: "/devices/iPhone 14 - Starlight.png", swatch: "#F0E4D3" },
+    { name: "Blue", frameSrc: "/devices/iPhone 14 - Blue.png", swatch: "#A0B4C8" },
+    { name: "Purple", frameSrc: "/devices/iPhone 14 - Purple.png", swatch: "#E5DDEA" },
+    { name: "Red", frameSrc: "/devices/iPhone 14 - Red.png", swatch: "#FA2837" }
+  ],
+  defaultColor: "Midnight"
+};
+var iPhone14Plus = {
+  name: "iPhone 14 Plus",
+  frameSrc: "/devices/iPhone 14 Plus.png",
+  framePngWidth: 1464,
+  framePngHeight: 2978,
+  screenLeftFraction: 0.061475,
+  screenTopFraction: 0.035594,
+  screenWidthFraction: 0.877049,
+  screenHeightFraction: 0.930826,
+  screenRadiusFraction: 0.109283,
+  statusBarSrc: "/status-bar/Notch Status Bar Black.png",
+  statusBarHeightFraction: 0.055,
+  colors: [
+    { name: "Midnight", frameSrc: "/devices/iPhone 14 Plus - Midnight.png", swatch: "#3E3C39" },
+    { name: "Starlight", frameSrc: "/devices/iPhone 14 Plus - Starlight.png", swatch: "#F0E4D3" },
+    { name: "Blue", frameSrc: "/devices/iPhone 14 Plus - Blue.png", swatch: "#A0B4C8" },
+    { name: "Purple", frameSrc: "/devices/iPhone 14 Plus - Purple.png", swatch: "#E5DDEA" },
+    { name: "Red", frameSrc: "/devices/iPhone 14 Plus - Red.png", swatch: "#FA2837" }
+  ],
+  defaultColor: "Midnight"
+};
+var iPhone14Pro = {
+  name: "iPhone 14 Pro",
+  frameSrc: "/devices/iPhone 14 Pro.png",
+  framePngWidth: 1339,
+  framePngHeight: 2716,
+  screenLeftFraction: 0.059746,
+  screenTopFraction: 0.029456,
+  screenWidthFraction: 0.878268,
+  screenHeightFraction: 0.941091,
+  screenRadiusFraction: 0.122913,
+  statusBarSrc: "/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png",
+  statusBarHeightFraction: 0.065,
+  colors: [
+    { name: "Space Black", frameSrc: "/devices/iPhone 14 Pro - Space Black.png", swatch: "#3B3B3D" },
+    { name: "Silver", frameSrc: "/devices/iPhone 14 Pro - Silver.png", swatch: "#E3E4DF" },
+    { name: "Gold", frameSrc: "/devices/iPhone 14 Pro - Gold.png", swatch: "#F4E8CE" },
+    { name: "Deep Purple", frameSrc: "/devices/iPhone 14 Pro - Deep Purple.png", swatch: "#635166" }
+  ],
+  defaultColor: "Space Black"
+};
+var iPhone14ProMax = {
+  name: "iPhone 14 Pro Max",
+  frameSrc: "/devices/iPhone 14 Pro Max.png",
+  framePngWidth: 1450,
+  framePngHeight: 2936,
+  screenLeftFraction: 0.055172,
+  screenTopFraction: 0.023842,
+  screenWidthFraction: 0.888276,
+  screenHeightFraction: 0.952316,
+  screenRadiusFraction: 0.113617,
+  statusBarSrc: "/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png",
+  statusBarHeightFraction: 0.065,
+  colors: [
+    { name: "Space Black", frameSrc: "/devices/iPhone 14 Pro Max - Space Black.png", swatch: "#3B3B3D" },
+    { name: "Silver", frameSrc: "/devices/iPhone 14 Pro Max - Silver.png", swatch: "#E3E4DF" },
+    { name: "Gold", frameSrc: "/devices/iPhone 14 Pro Max - Gold.png", swatch: "#F4E8CE" },
+    { name: "Deep Purple", frameSrc: "/devices/iPhone 14 Pro Max - Deep Purple.png", swatch: "#635166" }
+  ],
+  defaultColor: "Space Black"
+};
+var iPhone15 = {
+  name: "iPhone 15",
+  frameSrc: "/devices/iPhone 15.png",
+  framePngWidth: 1419,
+  framePngHeight: 2796,
+  screenLeftFraction: 0.084566,
+  screenTopFraction: 0.042919,
+  screenWidthFraction: 0.828752,
+  screenHeightFraction: 0.914163,
+  screenRadiusFraction: 0.115983,
+  statusBarSrc: "/status-bar/iPhone 16 and 16 Plus Status Bar Black.png",
+  statusBarHeightFraction: 0.065,
+  colors: [
+    { name: "Black", frameSrc: "/devices/iPhone 15 - Black.png", swatch: "#3E3C39" },
+    { name: "Blue", frameSrc: "/devices/iPhone 15 - Blue.png", swatch: "#D6E3EE" },
+    { name: "Green", frameSrc: "/devices/iPhone 15 - Green.png", swatch: "#D0E4CE" },
+    { name: "Pink", frameSrc: "/devices/iPhone 15 - Pink.png", swatch: "#F4D4D0" },
+    { name: "Yellow", frameSrc: "/devices/iPhone 15 - Yellow.png", swatch: "#F4E8B8" }
+  ],
+  defaultColor: "Black"
+};
+var iPhone15Plus = {
+  name: "iPhone 15 Plus",
+  frameSrc: "/devices/iPhone 15 Plus.png",
+  framePngWidth: 1530,
+  framePngHeight: 3036,
+  screenLeftFraction: 0.078431,
+  screenTopFraction: 0.039526,
+  screenWidthFraction: 0.84183,
+  screenHeightFraction: 0.920948,
+  screenRadiusFraction: 0.107676,
+  statusBarSrc: "/status-bar/iPhone 16 and 16 Plus Status Bar Black.png",
+  statusBarHeightFraction: 0.065,
+  colors: [
+    { name: "Black", frameSrc: "/devices/iPhone 15 Plus - Black.png", swatch: "#3E3C39" },
+    { name: "Blue", frameSrc: "/devices/iPhone 15 Plus - Blue.png", swatch: "#D6E3EE" },
+    { name: "Green", frameSrc: "/devices/iPhone 15 Plus - Green.png", swatch: "#D0E4CE" },
+    { name: "Pink", frameSrc: "/devices/iPhone 15 Plus - Pink.png", swatch: "#F4D4D0" },
+    { name: "Yellow", frameSrc: "/devices/iPhone 15 Plus - Yellow.png", swatch: "#F4E8B8" }
+  ],
+  defaultColor: "Black"
+};
+var iPhone15Pro = {
+  name: "iPhone 15 Pro",
+  frameSrc: "/devices/iPhone 15 Pro.png",
+  framePngWidth: 1419,
+  framePngHeight: 2796,
+  screenLeftFraction: 0.084566,
+  screenTopFraction: 0.042919,
+  screenWidthFraction: 0.829458,
+  screenHeightFraction: 0.914163,
+  screenRadiusFraction: 0.116082,
+  statusBarSrc: "/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png",
+  statusBarHeightFraction: 0.065,
+  colors: [
+    { name: "Natural Titanium", frameSrc: "/devices/iPhone 15 Pro - Natural Titanium.png", swatch: "#C2B9AE" },
+    { name: "Blue Titanium", frameSrc: "/devices/iPhone 15 Pro - Blue Titanium.png", swatch: "#3D4550" },
+    { name: "White Titanium", frameSrc: "/devices/iPhone 15 Pro - White Titanium.png", swatch: "#E3E4DF" },
+    { name: "Black Titanium", frameSrc: "/devices/iPhone 15 Pro - Black Titanium.png", swatch: "#3B3B3D" }
+  ],
+  defaultColor: "Natural Titanium"
+};
+var iPhone15ProMax = {
+  name: "iPhone 15 Pro Max",
+  frameSrc: "/devices/iPhone 15 Pro Max.png",
+  framePngWidth: 1530,
+  framePngHeight: 3036,
+  screenLeftFraction: 0.078431,
+  screenTopFraction: 0.039526,
+  screenWidthFraction: 0.843137,
+  screenHeightFraction: 0.920948,
+  screenRadiusFraction: 0.107843,
+  statusBarSrc: "/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png",
+  statusBarHeightFraction: 0.065,
+  colors: [
+    { name: "Natural Titanium", frameSrc: "/devices/iPhone 15 Pro Max - Natural Titanium.png", swatch: "#C2B9AE" },
+    { name: "Blue Titanium", frameSrc: "/devices/iPhone 15 Pro Max - Blue Titanium.png", swatch: "#3D4550" },
+    { name: "White Titanium", frameSrc: "/devices/iPhone 15 Pro Max - White Titanium.png", swatch: "#E3E4DF" },
+    { name: "Black Titanium", frameSrc: "/devices/iPhone 15 Pro Max - Black Titanium.png", swatch: "#3B3B3D" }
+  ],
+  defaultColor: "Natural Titanium"
+};
+var iPhone16 = {
+  name: "iPhone 16",
+  frameSrc: "/devices/iPhone 16 - Black.png",
+  framePngWidth: 1359,
+  framePngHeight: 2736,
+  screenLeftFraction: 0.067697,
+  screenTopFraction: 0.033626,
+  screenWidthFraction: 0.86387,
+  screenHeightFraction: 0.932383,
+  screenRadiusFraction: 0.126564,
+  statusBarSrc: "/status-bar/iPhone 16 and 16 Plus Status Bar Black.png",
+  statusBarHeightFraction: 0.068966,
+  colors: [
+    { name: "Black", frameSrc: "/devices/iPhone 16 - Black.png", swatch: "#3B3B3D" },
+    { name: "White", frameSrc: "/devices/iPhone 16 - White.png", swatch: "#F5F5F0" },
+    { name: "Teal", frameSrc: "/devices/iPhone 16 - Teal.png", swatch: "#B0D4CE" },
+    { name: "Pink", frameSrc: "/devices/iPhone 16 - Pink.png", swatch: "#F2C8D0" },
+    { name: "Ultramarine", frameSrc: "/devices/iPhone 16 - Ultramarine.png", swatch: "#7C8ACF" }
+  ],
+  defaultColor: "Black"
+};
+var iPhone16Plus = {
+  name: "iPhone 16 Plus",
+  frameSrc: "/devices/iPhone 16 Plus - Black.png",
+  framePngWidth: 1470,
+  framePngHeight: 2970,
+  screenLeftFraction: 0.062585,
+  screenTopFraction: 0.029966,
+  screenWidthFraction: 0.87415,
+  screenHeightFraction: 0.939731,
+  screenRadiusFraction: 0.120408,
+  statusBarSrc: "/status-bar/iPhone 16 and 16 Plus Status Bar Black.png",
+  statusBarHeightFraction: 0.064039,
+  colors: [
+    { name: "Black", frameSrc: "/devices/iPhone 16 Plus - Black.png", swatch: "#3B3B3D" },
+    { name: "White", frameSrc: "/devices/iPhone 16 Plus - White.png", swatch: "#F5F5F0" },
+    { name: "Teal", frameSrc: "/devices/iPhone 16 Plus - Teal.png", swatch: "#B0D4CE" },
+    { name: "Pink", frameSrc: "/devices/iPhone 16 Plus - Pink.png", swatch: "#F2C8D0" },
+    { name: "Ultramarine", frameSrc: "/devices/iPhone 16 Plus - Ultramarine.png", swatch: "#7C8ACF" }
+  ],
+  defaultColor: "Black"
+};
+var iPhone16Pro = {
+  name: "iPhone 16 Pro",
+  frameSrc: "/devices/iPhone 16 Pro - Natural Titanium.png",
+  framePngWidth: 1350,
+  framePngHeight: 2760,
+  screenLeftFraction: 0.054815,
+  screenTopFraction: 0.025725,
+  screenWidthFraction: 0.88963,
+  screenHeightFraction: 0.948188,
+  screenRadiusFraction: 0.147407,
+  statusBarSrc: "/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png",
+  statusBarHeightFraction: 0.073892,
+  colors: [
+    { name: "Natural Titanium", frameSrc: "/devices/iPhone 16 Pro - Natural Titanium.png", swatch: "#C2B9AE" },
+    { name: "Black Titanium", frameSrc: "/devices/iPhone 16 Pro - Black Titanium.png", swatch: "#3B3B3D" },
+    { name: "White Titanium", frameSrc: "/devices/iPhone 16 Pro - White Titanium.png", swatch: "#E3E4DF" },
+    { name: "Desert Titanium", frameSrc: "/devices/iPhone 16 Pro - Desert Titanium.png", swatch: "#C4A97D" }
+  ],
+  defaultColor: "Natural Titanium"
+};
+var iPhone16ProMax = {
+  name: "iPhone 16 Pro Max",
+  frameSrc: "/devices/iPhone 16 Pro Max - Natural Titanium.png",
+  framePngWidth: 1470,
+  framePngHeight: 3e3,
+  screenLeftFraction: 0.052381,
+  screenTopFraction: 0.022667,
+  screenWidthFraction: 0.894558,
+  screenHeightFraction: 0.954333,
+  screenRadiusFraction: 0.133333,
+  statusBarSrc: "/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png",
+  statusBarHeightFraction: 0.065812,
+  colors: [
+    { name: "Natural Titanium", frameSrc: "/devices/iPhone 16 Pro Max - Natural Titanium.png", swatch: "#C2B9AE" },
+    { name: "Black Titanium", frameSrc: "/devices/iPhone 16 Pro Max - Black Titanium.png", swatch: "#3B3B3D" },
+    { name: "White Titanium", frameSrc: "/devices/iPhone 16 Pro Max - White Titanium.png", swatch: "#E3E4DF" },
+    { name: "Desert Titanium", frameSrc: "/devices/iPhone 16 Pro Max - Desert Titanium.png", swatch: "#C4A97D" }
+  ],
+  defaultColor: "Natural Titanium"
+};
+var iPhone17 = {
+  name: "iPhone 17",
+  frameSrc: "/devices/iPhone 17 - Black.png",
+  framePngWidth: 1350,
+  framePngHeight: 2760,
+  screenLeftFraction: 0.054815,
+  screenTopFraction: 0.025725,
+  screenWidthFraction: 0.88963,
+  screenHeightFraction: 0.948188,
+  screenRadiusFraction: 0.147407,
+  statusBarSrc: "/status-bar/iPhone 16 and 16 Plus Status Bar Black.png",
+  statusBarHeightFraction: 0.068708,
+  colors: [
+    { name: "Black", frameSrc: "/devices/iPhone 17 - Black.png", swatch: "#3B3B3D" },
+    { name: "White", frameSrc: "/devices/iPhone 17 - White.png", swatch: "#F5F5F0" },
+    { name: "Lavender", frameSrc: "/devices/iPhone 17 - Lavender.png", swatch: "#D0C4D8" },
+    { name: "Mist Blue", frameSrc: "/devices/iPhone 17 - Mist Blue.png", swatch: "#B4C8D4" },
+    { name: "Sage", frameSrc: "/devices/iPhone 17 - Sage.png", swatch: "#BEC8B0" }
+  ],
+  defaultColor: "Black"
+};
+var iPhone17Pro = {
+  name: "iPhone 17 Pro",
+  frameSrc: "/devices/iPhone 17 Pro - Silver.png",
+  framePngWidth: 1350,
+  framePngHeight: 2760,
+  screenLeftFraction: 0.054815,
+  screenTopFraction: 0.025725,
+  screenWidthFraction: 0.88963,
+  screenHeightFraction: 0.948188,
+  screenRadiusFraction: 0.146667,
+  statusBarSrc: "/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png",
+  statusBarHeightFraction: 0.073693,
+  colors: [
+    { name: "Silver", frameSrc: "/devices/iPhone 17 Pro - Silver.png", swatch: "#E3E4DF" },
+    { name: "Cosmic Orange", frameSrc: "/devices/iPhone 17 Pro - Cosmic Orange.png", swatch: "#D4956A" },
+    { name: "Deep Blue", frameSrc: "/devices/iPhone 17 Pro - Deep Blue.png", swatch: "#3D4F6A" }
+  ],
+  defaultColor: "Silver"
+};
+var iPhone17ProMax = {
+  name: "iPhone 17 Pro Max",
+  frameSrc: "/devices/iPhone 17 Pro Max - Silver.png",
+  framePngWidth: 1470,
+  framePngHeight: 3e3,
+  screenLeftFraction: 0.052381,
+  screenTopFraction: 0.022667,
+  screenWidthFraction: 0.894558,
+  screenHeightFraction: 0.954333,
+  screenRadiusFraction: 0.136054,
+  statusBarSrc: "/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png",
+  statusBarHeightFraction: 0.066415,
+  colors: [
+    { name: "Silver", frameSrc: "/devices/iPhone 17 Pro Max - Silver.png", swatch: "#E3E4DF" },
+    { name: "Cosmic Orange", frameSrc: "/devices/iPhone 17 Pro Max - Cosmic Orange.png", swatch: "#D4956A" },
+    { name: "Deep Blue", frameSrc: "/devices/iPhone 17 Pro Max - Deep Blue.png", swatch: "#3D4F6A" }
+  ],
+  defaultColor: "Silver"
+};
+var iPhoneAir = {
+  name: "iPhone Air",
+  frameSrc: "/devices/iPhone Air - Sky Blue.png",
+  framePngWidth: 1380,
+  framePngHeight: 2880,
+  screenLeftFraction: 0.044928,
+  screenTopFraction: 0.025694,
+  screenWidthFraction: 0.90942,
+  screenHeightFraction: 0.948264,
+  screenRadiusFraction: 0.143478,
+  statusBarSrc: "/status-bar/iPhone 16 and 16 Plus Status Bar Black.png",
+  statusBarHeightFraction: 0.068964,
+  colors: [
+    { name: "Sky Blue", frameSrc: "/devices/iPhone Air - Sky Blue.png", swatch: "#A8C8D8" },
+    { name: "Cloud White", frameSrc: "/devices/iPhone Air - Cloud White.png", swatch: "#F5F5F0" },
+    { name: "Light Gold", frameSrc: "/devices/iPhone Air - Light Gold.png", swatch: "#E8D8C0" },
+    { name: "Space Black", frameSrc: "/devices/iPhone Air - Space Black.png", swatch: "#3B3B3D" }
+  ],
+  defaultColor: "Sky Blue"
+};
+var allDevices = [
+  iPhone17,
+  iPhone17Pro,
+  iPhone17ProMax,
+  iPhoneAir,
+  iPhone16,
+  iPhone16Plus,
+  iPhone16Pro,
+  iPhone16ProMax,
+  iPhone15,
+  iPhone15Plus,
+  iPhone15Pro,
+  iPhone15ProMax,
+  iPhone14,
+  iPhone14Plus,
+  iPhone14Pro,
+  iPhone14ProMax,
+  iPhone13,
+  iPhone13Mini,
+  iPhone13Pro,
+  iPhone13ProMax
+];
+
+export { DeviceMockup, allDevices, iPhone13, iPhone13Mini, iPhone13Pro, iPhone13ProMax, iPhone14, iPhone14Plus, iPhone14Pro, iPhone14ProMax, iPhone15, iPhone15Plus, iPhone15Pro, iPhone15ProMax, iPhone16, iPhone16Plus, iPhone16Pro, iPhone16ProMax, iPhone17, iPhone17Pro, iPhone17ProMax, iPhoneAir };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/device-mockup.tsx","../src/devices/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import type { DeviceMockupProps } from \"./types\";\n\n/**\n * Renders an ultra-realistic iPhone device mockup.\n *\n * Uses a 3-layer compositing approach:\n * 1. Screen content area (z-index 10)\n * 2. Status bar PNG overlay\n * 3. Device frame PNG on top (z-index 20, pointer-events: none)\n *\n * All positioning is fraction-based so mockups scale to any size.\n *\n * @example\n * ```tsx\n * import { DeviceMockup, iPhone16Pro } from \"@mockify/react\";\n *\n * <DeviceMockup device={iPhone16Pro} width={320}>\n *   <img src=\"/screenshot.png\" alt=\"App\" style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\" }} />\n * </DeviceMockup>\n * ```\n */\nexport function DeviceMockup({\n  device,\n  children,\n  width = 320,\n  screenColor = \"#f2f2f2\",\n  showStatusBar = true,\n  className = \"\",\n  style,\n  color,\n  basePath = \"https://unpkg.com/@mockify/react@latest/assets\",\n}: DeviceMockupProps) {\n  // Resolve frame source: color prop → defaultColor → frameSrc fallback\n  const resolvedColor = color ?? device.defaultColor;\n  const colorVariant = resolvedColor\n    ? device.colors.find((c) => c.name === resolvedColor)\n    : undefined;\n  const frameSrc = colorVariant?.frameSrc ?? device.frameSrc;\n\n  // Compute dimensions\n  const frameW = width;\n  const frameH = width * (device.framePngHeight / device.framePngWidth);\n  const screenLeft = frameW * device.screenLeftFraction;\n  const screenTop = frameH * device.screenTopFraction;\n  const screenW = frameW * device.screenWidthFraction;\n  const screenH = frameH * device.screenHeightFraction;\n  const screenRadius = frameW * device.screenRadiusFraction;\n  const statusBarH = screenH * device.statusBarHeightFraction;\n\n  // Resolve paths\n  const resolvedFrameSrc = `${basePath}${frameSrc}`;\n  const resolvedStatusBarSrc = `${basePath}${device.statusBarSrc}`;\n\n  return (\n    <div\n      className={className}\n      style={{\n        position: \"relative\",\n        width: frameW,\n        height: frameH,\n        ...style,\n      }}\n    >\n      {/* Layer 1: Screen content area */}\n      <div\n        style={{\n          position: \"absolute\",\n          left: screenLeft,\n          top: screenTop,\n          width: screenW,\n          height: screenH,\n          borderRadius: screenRadius,\n          overflow: \"hidden\",\n          boxShadow: \"inset 0 0 0 0.5px rgba(0,0,0,0.1)\",\n          backgroundColor: screenColor,\n          backfaceVisibility: \"hidden\",\n          pointerEvents: \"auto\",\n          zIndex: 10,\n        }}\n      >\n        <div\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            width: \"100%\",\n            height: \"100%\",\n          }}\n        >\n          {children}\n\n          {/* Status bar overlay */}\n          {showStatusBar && (\n            <img\n              alt=\"\"\n              src={resolvedStatusBarSrc}\n              style={{\n                position: \"absolute\",\n                pointerEvents: \"none\",\n                width: \"calc(100% + 4px)\",\n                height: statusBarH,\n                top: 0,\n                left: -2,\n                objectFit: \"cover\",\n                objectPosition: \"center 48%\",\n                borderTopLeftRadius: screenRadius,\n                borderTopRightRadius: screenRadius,\n                transform: \"translateZ(0)\",\n              }}\n            />\n          )}\n        </div>\n      </div>\n\n      {/* Layer 3: Device frame PNG */}\n      <img\n        alt={device.name}\n        src={resolvedFrameSrc}\n        style={{\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          userSelect: \"none\",\n          left: 0,\n          top: 0,\n          width: frameW,\n          height: frameH,\n          zIndex: 20,\n          transform: \"translateZ(0)\",\n        }}\n      />\n    </div>\n  );\n}\n","import type { DeviceConfig } from \"../types\";\n\n/* ═══════════════════════════════════════════════════════\n * iPhone 13 generation\n * ═══════════════════════════════════════════════════════ */\n\nexport const iPhone13: DeviceConfig = {\n  name: \"iPhone 13\",\n  frameSrc: \"/devices/iPhone 13.png\",\n  framePngWidth: 1400,\n  framePngHeight: 2700,\n  screenLeftFraction: 0.083571,\n  screenTopFraction: 0.035556,\n  screenWidthFraction: 0.832857,\n  screenHeightFraction: 0.932593,\n  screenRadiusFraction: 0.101421,\n  statusBarSrc: \"/status-bar/Notch Status Bar Black.png\",\n  statusBarHeightFraction: 0.055,\n  colors: [\n    { name: \"Midnight\", frameSrc: \"/devices/iPhone 13 - Midnight.png\", swatch: \"#3E3C39\" },\n    { name: \"Starlight\", frameSrc: \"/devices/iPhone 13 - Starlight.png\", swatch: \"#F0E4D3\" },\n  ],\n  defaultColor: \"Midnight\",\n};\n\nexport const iPhone13Mini: DeviceConfig = {\n  name: \"iPhone 13 Mini\",\n  frameSrc: \"/devices/iPhone 13 Mini.png\",\n  framePngWidth: 1240,\n  framePngHeight: 2500,\n  screenLeftFraction: 0.064516,\n  screenTopFraction: 0.033600,\n  screenWidthFraction: 0.870968,\n  screenHeightFraction: 0.934400,\n  screenRadiusFraction: 0.106452,\n  statusBarSrc: \"/status-bar/Notch Status Bar Black.png\",\n  statusBarHeightFraction: 0.055,\n  colors: [\n    { name: \"Midnight\", frameSrc: \"/devices/iPhone 13 Mini - Midnight.png\", swatch: \"#3E3C39\" },\n    { name: \"Starlight\", frameSrc: \"/devices/iPhone 13 Mini - Starlight.png\", swatch: \"#F0E4D3\" },\n  ],\n  defaultColor: \"Midnight\",\n};\n\nexport const iPhone13Pro: DeviceConfig = {\n  name: \"iPhone 13 Pro\",\n  frameSrc: \"/devices/iPhone 13 Pro.png\",\n  framePngWidth: 1400,\n  framePngHeight: 2700,\n  screenLeftFraction: 0.083571,\n  screenTopFraction: 0.035556,\n  screenWidthFraction: 0.832857,\n  screenHeightFraction: 0.932593,\n  screenRadiusFraction: 0.101421,\n  statusBarSrc: \"/status-bar/Notch Status Bar Black.png\",\n  statusBarHeightFraction: 0.055,\n  colors: [\n    { name: \"Graphite\", frameSrc: \"/devices/iPhone 13 Pro - Graphite.png\", swatch: \"#54524F\" },\n    { name: \"Silver\", frameSrc: \"/devices/iPhone 13 Pro - Silver.png\", swatch: \"#E3E4DF\" },\n  ],\n  defaultColor: \"Graphite\",\n};\n\nexport const iPhone13ProMax: DeviceConfig = {\n  name: \"iPhone 13 Pro Max\",\n  frameSrc: \"/devices/iPhone 13 Pro Max.png\",\n  framePngWidth: 1500,\n  framePngHeight: 3000,\n  screenLeftFraction: 0.073333,\n  screenTopFraction: 0.040333,\n  screenWidthFraction: 0.853333,\n  screenHeightFraction: 0.922000,\n  screenRadiusFraction: 0.106660,\n  statusBarSrc: \"/status-bar/Notch Status Bar Black.png\",\n  statusBarHeightFraction: 0.055,\n  colors: [\n    { name: \"Graphite\", frameSrc: \"/devices/iPhone 13 Pro Max - Graphite.png\", swatch: \"#54524F\" },\n    { name: \"Silver\", frameSrc: \"/devices/iPhone 13 Pro Max - Silver.png\", swatch: \"#E3E4DF\" },\n  ],\n  defaultColor: \"Graphite\",\n};\n\n/* ═══════════════════════════════════════════════════════\n * iPhone 14 generation\n * ═══════════════════════════════════════════════════════ */\n\nexport const iPhone14: DeviceConfig = {\n  name: \"iPhone 14\",\n  frameSrc: \"/devices/iPhone 14.png\",\n  framePngWidth: 1370,\n  framePngHeight: 2732,\n  screenLeftFraction: 0.074453,\n  screenTopFraction: 0.039898,\n  screenWidthFraction: 0.851095,\n  screenHeightFraction: 0.922767,\n  screenRadiusFraction: 0.103642,\n  statusBarSrc: \"/status-bar/Notch Status Bar Black.png\",\n  statusBarHeightFraction: 0.055,\n  colors: [\n    { name: \"Midnight\", frameSrc: \"/devices/iPhone 14 - Midnight.png\", swatch: \"#3E3C39\" },\n    { name: \"Starlight\", frameSrc: \"/devices/iPhone 14 - Starlight.png\", swatch: \"#F0E4D3\" },\n    { name: \"Blue\", frameSrc: \"/devices/iPhone 14 - Blue.png\", swatch: \"#A0B4C8\" },\n    { name: \"Purple\", frameSrc: \"/devices/iPhone 14 - Purple.png\", swatch: \"#E5DDEA\" },\n    { name: \"Red\", frameSrc: \"/devices/iPhone 14 - Red.png\", swatch: \"#FA2837\" },\n  ],\n  defaultColor: \"Midnight\",\n};\n\nexport const iPhone14Plus: DeviceConfig = {\n  name: \"iPhone 14 Plus\",\n  frameSrc: \"/devices/iPhone 14 Plus.png\",\n  framePngWidth: 1464,\n  framePngHeight: 2978,\n  screenLeftFraction: 0.061475,\n  screenTopFraction: 0.035594,\n  screenWidthFraction: 0.877049,\n  screenHeightFraction: 0.930826,\n  screenRadiusFraction: 0.109283,\n  statusBarSrc: \"/status-bar/Notch Status Bar Black.png\",\n  statusBarHeightFraction: 0.055,\n  colors: [\n    { name: \"Midnight\", frameSrc: \"/devices/iPhone 14 Plus - Midnight.png\", swatch: \"#3E3C39\" },\n    { name: \"Starlight\", frameSrc: \"/devices/iPhone 14 Plus - Starlight.png\", swatch: \"#F0E4D3\" },\n    { name: \"Blue\", frameSrc: \"/devices/iPhone 14 Plus - Blue.png\", swatch: \"#A0B4C8\" },\n    { name: \"Purple\", frameSrc: \"/devices/iPhone 14 Plus - Purple.png\", swatch: \"#E5DDEA\" },\n    { name: \"Red\", frameSrc: \"/devices/iPhone 14 Plus - Red.png\", swatch: \"#FA2837\" },\n  ],\n  defaultColor: \"Midnight\",\n};\n\nexport const iPhone14Pro: DeviceConfig = {\n  name: \"iPhone 14 Pro\",\n  frameSrc: \"/devices/iPhone 14 Pro.png\",\n  framePngWidth: 1339,\n  framePngHeight: 2716,\n  screenLeftFraction: 0.059746,\n  screenTopFraction: 0.029456,\n  screenWidthFraction: 0.878268,\n  screenHeightFraction: 0.941091,\n  screenRadiusFraction: 0.122913,\n  statusBarSrc: \"/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png\",\n  statusBarHeightFraction: 0.065,\n  colors: [\n    { name: \"Space Black\", frameSrc: \"/devices/iPhone 14 Pro - Space Black.png\", swatch: \"#3B3B3D\" },\n    { name: \"Silver\", frameSrc: \"/devices/iPhone 14 Pro - Silver.png\", swatch: \"#E3E4DF\" },\n    { name: \"Gold\", frameSrc: \"/devices/iPhone 14 Pro - Gold.png\", swatch: \"#F4E8CE\" },\n    { name: \"Deep Purple\", frameSrc: \"/devices/iPhone 14 Pro - Deep Purple.png\", swatch: \"#635166\" },\n  ],\n  defaultColor: \"Space Black\",\n};\n\nexport const iPhone14ProMax: DeviceConfig = {\n  name: \"iPhone 14 Pro Max\",\n  frameSrc: \"/devices/iPhone 14 Pro Max.png\",\n  framePngWidth: 1450,\n  framePngHeight: 2936,\n  screenLeftFraction: 0.055172,\n  screenTopFraction: 0.023842,\n  screenWidthFraction: 0.888276,\n  screenHeightFraction: 0.952316,\n  screenRadiusFraction: 0.113617,\n  statusBarSrc: \"/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png\",\n  statusBarHeightFraction: 0.065,\n  colors: [\n    { name: \"Space Black\", frameSrc: \"/devices/iPhone 14 Pro Max - Space Black.png\", swatch: \"#3B3B3D\" },\n    { name: \"Silver\", frameSrc: \"/devices/iPhone 14 Pro Max - Silver.png\", swatch: \"#E3E4DF\" },\n    { name: \"Gold\", frameSrc: \"/devices/iPhone 14 Pro Max - Gold.png\", swatch: \"#F4E8CE\" },\n    { name: \"Deep Purple\", frameSrc: \"/devices/iPhone 14 Pro Max - Deep Purple.png\", swatch: \"#635166\" },\n  ],\n  defaultColor: \"Space Black\",\n};\n\n/* ═══════════════════════════════════════════════════════\n * iPhone 15 generation\n * ═══════════════════════════════════════════════════════ */\n\nexport const iPhone15: DeviceConfig = {\n  name: \"iPhone 15\",\n  frameSrc: \"/devices/iPhone 15.png\",\n  framePngWidth: 1419,\n  framePngHeight: 2796,\n  screenLeftFraction: 0.084566,\n  screenTopFraction: 0.042919,\n  screenWidthFraction: 0.828752,\n  screenHeightFraction: 0.914163,\n  screenRadiusFraction: 0.115983,\n  statusBarSrc: \"/status-bar/iPhone 16 and 16 Plus Status Bar Black.png\",\n  statusBarHeightFraction: 0.065,\n  colors: [\n    { name: \"Black\", frameSrc: \"/devices/iPhone 15 - Black.png\", swatch: \"#3E3C39\" },\n    { name: \"Blue\", frameSrc: \"/devices/iPhone 15 - Blue.png\", swatch: \"#D6E3EE\" },\n    { name: \"Green\", frameSrc: \"/devices/iPhone 15 - Green.png\", swatch: \"#D0E4CE\" },\n    { name: \"Pink\", frameSrc: \"/devices/iPhone 15 - Pink.png\", swatch: \"#F4D4D0\" },\n    { name: \"Yellow\", frameSrc: \"/devices/iPhone 15 - Yellow.png\", swatch: \"#F4E8B8\" },\n  ],\n  defaultColor: \"Black\",\n};\n\nexport const iPhone15Plus: DeviceConfig = {\n  name: \"iPhone 15 Plus\",\n  frameSrc: \"/devices/iPhone 15 Plus.png\",\n  framePngWidth: 1530,\n  framePngHeight: 3036,\n  screenLeftFraction: 0.078431,\n  screenTopFraction: 0.039526,\n  screenWidthFraction: 0.841830,\n  screenHeightFraction: 0.920948,\n  screenRadiusFraction: 0.107676,\n  statusBarSrc: \"/status-bar/iPhone 16 and 16 Plus Status Bar Black.png\",\n  statusBarHeightFraction: 0.065,\n  colors: [\n    { name: \"Black\", frameSrc: \"/devices/iPhone 15 Plus - Black.png\", swatch: \"#3E3C39\" },\n    { name: \"Blue\", frameSrc: \"/devices/iPhone 15 Plus - Blue.png\", swatch: \"#D6E3EE\" },\n    { name: \"Green\", frameSrc: \"/devices/iPhone 15 Plus - Green.png\", swatch: \"#D0E4CE\" },\n    { name: \"Pink\", frameSrc: \"/devices/iPhone 15 Plus - Pink.png\", swatch: \"#F4D4D0\" },\n    { name: \"Yellow\", frameSrc: \"/devices/iPhone 15 Plus - Yellow.png\", swatch: \"#F4E8B8\" },\n  ],\n  defaultColor: \"Black\",\n};\n\nexport const iPhone15Pro: DeviceConfig = {\n  name: \"iPhone 15 Pro\",\n  frameSrc: \"/devices/iPhone 15 Pro.png\",\n  framePngWidth: 1419,\n  framePngHeight: 2796,\n  screenLeftFraction: 0.084566,\n  screenTopFraction: 0.042919,\n  screenWidthFraction: 0.829458,\n  screenHeightFraction: 0.914163,\n  screenRadiusFraction: 0.116082,\n  statusBarSrc: \"/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png\",\n  statusBarHeightFraction: 0.065,\n  colors: [\n    { name: \"Natural Titanium\", frameSrc: \"/devices/iPhone 15 Pro - Natural Titanium.png\", swatch: \"#C2B9AE\" },\n    { name: \"Blue Titanium\", frameSrc: \"/devices/iPhone 15 Pro - Blue Titanium.png\", swatch: \"#3D4550\" },\n    { name: \"White Titanium\", frameSrc: \"/devices/iPhone 15 Pro - White Titanium.png\", swatch: \"#E3E4DF\" },\n    { name: \"Black Titanium\", frameSrc: \"/devices/iPhone 15 Pro - Black Titanium.png\", swatch: \"#3B3B3D\" },\n  ],\n  defaultColor: \"Natural Titanium\",\n};\n\nexport const iPhone15ProMax: DeviceConfig = {\n  name: \"iPhone 15 Pro Max\",\n  frameSrc: \"/devices/iPhone 15 Pro Max.png\",\n  framePngWidth: 1530,\n  framePngHeight: 3036,\n  screenLeftFraction: 0.078431,\n  screenTopFraction: 0.039526,\n  screenWidthFraction: 0.843137,\n  screenHeightFraction: 0.920948,\n  screenRadiusFraction: 0.107843,\n  statusBarSrc: \"/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png\",\n  statusBarHeightFraction: 0.065,\n  colors: [\n    { name: \"Natural Titanium\", frameSrc: \"/devices/iPhone 15 Pro Max - Natural Titanium.png\", swatch: \"#C2B9AE\" },\n    { name: \"Blue Titanium\", frameSrc: \"/devices/iPhone 15 Pro Max - Blue Titanium.png\", swatch: \"#3D4550\" },\n    { name: \"White Titanium\", frameSrc: \"/devices/iPhone 15 Pro Max - White Titanium.png\", swatch: \"#E3E4DF\" },\n    { name: \"Black Titanium\", frameSrc: \"/devices/iPhone 15 Pro Max - Black Titanium.png\", swatch: \"#3B3B3D\" },\n  ],\n  defaultColor: \"Natural Titanium\",\n};\n\n/* ═══════════════════════════════════════════════════════\n * iPhone 16 generation\n * ═══════════════════════════════════════════════════════ */\n\nexport const iPhone16: DeviceConfig = {\n  name: \"iPhone 16\",\n  frameSrc: \"/devices/iPhone 16 - Black.png\",\n  framePngWidth: 1359,\n  framePngHeight: 2736,\n  screenLeftFraction: 0.067697,\n  screenTopFraction: 0.033626,\n  screenWidthFraction: 0.863870,\n  screenHeightFraction: 0.932383,\n  screenRadiusFraction: 0.126564,\n  statusBarSrc: \"/status-bar/iPhone 16 and 16 Plus Status Bar Black.png\",\n  statusBarHeightFraction: 0.068966,\n  colors: [\n    { name: \"Black\", frameSrc: \"/devices/iPhone 16 - Black.png\", swatch: \"#3B3B3D\" },\n    { name: \"White\", frameSrc: \"/devices/iPhone 16 - White.png\", swatch: \"#F5F5F0\" },\n    { name: \"Teal\", frameSrc: \"/devices/iPhone 16 - Teal.png\", swatch: \"#B0D4CE\" },\n    { name: \"Pink\", frameSrc: \"/devices/iPhone 16 - Pink.png\", swatch: \"#F2C8D0\" },\n    { name: \"Ultramarine\", frameSrc: \"/devices/iPhone 16 - Ultramarine.png\", swatch: \"#7C8ACF\" },\n  ],\n  defaultColor: \"Black\",\n};\n\nexport const iPhone16Plus: DeviceConfig = {\n  name: \"iPhone 16 Plus\",\n  frameSrc: \"/devices/iPhone 16 Plus - Black.png\",\n  framePngWidth: 1470,\n  framePngHeight: 2970,\n  screenLeftFraction: 0.062585,\n  screenTopFraction: 0.029966,\n  screenWidthFraction: 0.874150,\n  screenHeightFraction: 0.939731,\n  screenRadiusFraction: 0.120408,\n  statusBarSrc: \"/status-bar/iPhone 16 and 16 Plus Status Bar Black.png\",\n  statusBarHeightFraction: 0.064039,\n  colors: [\n    { name: \"Black\", frameSrc: \"/devices/iPhone 16 Plus - Black.png\", swatch: \"#3B3B3D\" },\n    { name: \"White\", frameSrc: \"/devices/iPhone 16 Plus - White.png\", swatch: \"#F5F5F0\" },\n    { name: \"Teal\", frameSrc: \"/devices/iPhone 16 Plus - Teal.png\", swatch: \"#B0D4CE\" },\n    { name: \"Pink\", frameSrc: \"/devices/iPhone 16 Plus - Pink.png\", swatch: \"#F2C8D0\" },\n    { name: \"Ultramarine\", frameSrc: \"/devices/iPhone 16 Plus - Ultramarine.png\", swatch: \"#7C8ACF\" },\n  ],\n  defaultColor: \"Black\",\n};\n\nexport const iPhone16Pro: DeviceConfig = {\n  name: \"iPhone 16 Pro\",\n  frameSrc: \"/devices/iPhone 16 Pro - Natural Titanium.png\",\n  framePngWidth: 1350,\n  framePngHeight: 2760,\n  screenLeftFraction: 0.054815,\n  screenTopFraction: 0.025725,\n  screenWidthFraction: 0.889630,\n  screenHeightFraction: 0.948188,\n  screenRadiusFraction: 0.147407,\n  statusBarSrc: \"/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png\",\n  statusBarHeightFraction: 0.073892,\n  colors: [\n    { name: \"Natural Titanium\", frameSrc: \"/devices/iPhone 16 Pro - Natural Titanium.png\", swatch: \"#C2B9AE\" },\n    { name: \"Black Titanium\", frameSrc: \"/devices/iPhone 16 Pro - Black Titanium.png\", swatch: \"#3B3B3D\" },\n    { name: \"White Titanium\", frameSrc: \"/devices/iPhone 16 Pro - White Titanium.png\", swatch: \"#E3E4DF\" },\n    { name: \"Desert Titanium\", frameSrc: \"/devices/iPhone 16 Pro - Desert Titanium.png\", swatch: \"#C4A97D\" },\n  ],\n  defaultColor: \"Natural Titanium\",\n};\n\nexport const iPhone16ProMax: DeviceConfig = {\n  name: \"iPhone 16 Pro Max\",\n  frameSrc: \"/devices/iPhone 16 Pro Max - Natural Titanium.png\",\n  framePngWidth: 1470,\n  framePngHeight: 3000,\n  screenLeftFraction: 0.052381,\n  screenTopFraction: 0.022667,\n  screenWidthFraction: 0.894558,\n  screenHeightFraction: 0.954333,\n  screenRadiusFraction: 0.133333,\n  statusBarSrc: \"/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png\",\n  statusBarHeightFraction: 0.065812,\n  colors: [\n    { name: \"Natural Titanium\", frameSrc: \"/devices/iPhone 16 Pro Max - Natural Titanium.png\", swatch: \"#C2B9AE\" },\n    { name: \"Black Titanium\", frameSrc: \"/devices/iPhone 16 Pro Max - Black Titanium.png\", swatch: \"#3B3B3D\" },\n    { name: \"White Titanium\", frameSrc: \"/devices/iPhone 16 Pro Max - White Titanium.png\", swatch: \"#E3E4DF\" },\n    { name: \"Desert Titanium\", frameSrc: \"/devices/iPhone 16 Pro Max - Desert Titanium.png\", swatch: \"#C4A97D\" },\n  ],\n  defaultColor: \"Natural Titanium\",\n};\n\n/* ═══════════════════════════════════════════════════════\n * iPhone 17 generation\n * ═══════════════════════════════════════════════════════ */\n\nexport const iPhone17: DeviceConfig = {\n  name: \"iPhone 17\",\n  frameSrc: \"/devices/iPhone 17 - Black.png\",\n  framePngWidth: 1350,\n  framePngHeight: 2760,\n  screenLeftFraction: 0.054815,\n  screenTopFraction: 0.025725,\n  screenWidthFraction: 0.889630,\n  screenHeightFraction: 0.948188,\n  screenRadiusFraction: 0.147407,\n  statusBarSrc: \"/status-bar/iPhone 16 and 16 Plus Status Bar Black.png\",\n  statusBarHeightFraction: 0.068708,\n  colors: [\n    { name: \"Black\", frameSrc: \"/devices/iPhone 17 - Black.png\", swatch: \"#3B3B3D\" },\n    { name: \"White\", frameSrc: \"/devices/iPhone 17 - White.png\", swatch: \"#F5F5F0\" },\n    { name: \"Lavender\", frameSrc: \"/devices/iPhone 17 - Lavender.png\", swatch: \"#D0C4D8\" },\n    { name: \"Mist Blue\", frameSrc: \"/devices/iPhone 17 - Mist Blue.png\", swatch: \"#B4C8D4\" },\n    { name: \"Sage\", frameSrc: \"/devices/iPhone 17 - Sage.png\", swatch: \"#BEC8B0\" },\n  ],\n  defaultColor: \"Black\",\n};\n\nexport const iPhone17Pro: DeviceConfig = {\n  name: \"iPhone 17 Pro\",\n  frameSrc: \"/devices/iPhone 17 Pro - Silver.png\",\n  framePngWidth: 1350,\n  framePngHeight: 2760,\n  screenLeftFraction: 0.054815,\n  screenTopFraction: 0.025725,\n  screenWidthFraction: 0.889630,\n  screenHeightFraction: 0.948188,\n  screenRadiusFraction: 0.146667,\n  statusBarSrc: \"/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png\",\n  statusBarHeightFraction: 0.073693,\n  colors: [\n    { name: \"Silver\", frameSrc: \"/devices/iPhone 17 Pro - Silver.png\", swatch: \"#E3E4DF\" },\n    { name: \"Cosmic Orange\", frameSrc: \"/devices/iPhone 17 Pro - Cosmic Orange.png\", swatch: \"#D4956A\" },\n    { name: \"Deep Blue\", frameSrc: \"/devices/iPhone 17 Pro - Deep Blue.png\", swatch: \"#3D4F6A\" },\n  ],\n  defaultColor: \"Silver\",\n};\n\nexport const iPhone17ProMax: DeviceConfig = {\n  name: \"iPhone 17 Pro Max\",\n  frameSrc: \"/devices/iPhone 17 Pro Max - Silver.png\",\n  framePngWidth: 1470,\n  framePngHeight: 3000,\n  screenLeftFraction: 0.052381,\n  screenTopFraction: 0.022667,\n  screenWidthFraction: 0.894558,\n  screenHeightFraction: 0.954333,\n  screenRadiusFraction: 0.136054,\n  statusBarSrc: \"/status-bar/iPhone 16 Pro and 16 Max Status Bar Black.png\",\n  statusBarHeightFraction: 0.066415,\n  colors: [\n    { name: \"Silver\", frameSrc: \"/devices/iPhone 17 Pro Max - Silver.png\", swatch: \"#E3E4DF\" },\n    { name: \"Cosmic Orange\", frameSrc: \"/devices/iPhone 17 Pro Max - Cosmic Orange.png\", swatch: \"#D4956A\" },\n    { name: \"Deep Blue\", frameSrc: \"/devices/iPhone 17 Pro Max - Deep Blue.png\", swatch: \"#3D4F6A\" },\n  ],\n  defaultColor: \"Silver\",\n};\n\n/* ═══════════════════════════════════════════════════════\n * iPhone Air\n * ═══════════════════════════════════════════════════════ */\n\nexport const iPhoneAir: DeviceConfig = {\n  name: \"iPhone Air\",\n  frameSrc: \"/devices/iPhone Air - Sky Blue.png\",\n  framePngWidth: 1380,\n  framePngHeight: 2880,\n  screenLeftFraction: 0.044928,\n  screenTopFraction: 0.025694,\n  screenWidthFraction: 0.909420,\n  screenHeightFraction: 0.948264,\n  screenRadiusFraction: 0.143478,\n  statusBarSrc: \"/status-bar/iPhone 16 and 16 Plus Status Bar Black.png\",\n  statusBarHeightFraction: 0.068964,\n  colors: [\n    { name: \"Sky Blue\", frameSrc: \"/devices/iPhone Air - Sky Blue.png\", swatch: \"#A8C8D8\" },\n    { name: \"Cloud White\", frameSrc: \"/devices/iPhone Air - Cloud White.png\", swatch: \"#F5F5F0\" },\n    { name: \"Light Gold\", frameSrc: \"/devices/iPhone Air - Light Gold.png\", swatch: \"#E8D8C0\" },\n    { name: \"Space Black\", frameSrc: \"/devices/iPhone Air - Space Black.png\", swatch: \"#3B3B3D\" },\n  ],\n  defaultColor: \"Sky Blue\",\n};\n\n/* ═══════════════════════════════════════════════════════\n * All devices registry\n * ═══════════════════════════════════════════════════════ */\n\n/** All 20 available devices, ordered newest first. */\nexport const allDevices: DeviceConfig[] = [\n  iPhone17,\n  iPhone17Pro,\n  iPhone17ProMax,\n  iPhoneAir,\n  iPhone16,\n  iPhone16Plus,\n  iPhone16Pro,\n  iPhone16ProMax,\n  iPhone15,\n  iPhone15Plus,\n  iPhone15Pro,\n  iPhone15ProMax,\n  iPhone14,\n  iPhone14Plus,\n  iPhone14Pro,\n  iPhone14ProMax,\n  iPhone13,\n  iPhone13Mini,\n  iPhone13Pro,\n  iPhone13ProMax,\n];\n"]}