@biela.dev/devices 0.1.0

package/dist/chunk-OI46UKOY.cjs

@@ -0,0 +1,1774 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ios/iphone-17-pro-max/metadata.ts
+var IPHONE_17_PRO_MAX_META = {
+  id: "iphone-17-pro-max",
+  name: "iPhone 17 Pro Max",
+  platform: "ios",
+  year: 2025,
+  screen: {
+    width: 440,
+    height: 956,
+    physicalWidth: 1320,
+    physicalHeight: 2868,
+    dpr: 3,
+    aspectRatio: "19.5:9",
+    cornerRadius: 55,
+    ppi: 460
+  }
+};
+var IPHONE_17_PRO_MAX_LAYOUT = {
+  meta: IPHONE_17_PRO_MAX_META,
+  safeArea: {
+    portrait: { top: 62, bottom: 34, left: 0, right: 0 },
+    landscape: { top: 20, bottom: 20, left: 62, right: 62 }
+  },
+  hardwareOverlays: {
+    type: "dynamic-island",
+    portrait: {
+      x: 157,
+      // centered: (440 - 126) / 2 = 157
+      y: 11,
+      width: 126,
+      height: 37,
+      shape: "pill",
+      cornerRadius: 18.5
+    }
+  },
+  statusBar: {
+    height: 54,
+    style: "dynamic-island",
+    hasTime: true,
+    hasBattery: true,
+    hasSignal: true
+  },
+  homeIndicator: {
+    type: "swipe-bar",
+    height: 5,
+    width: 134,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "left", yPosition: 200 },
+    volumeDown: { side: "left", yPosition: 240 },
+    power: { side: "right", yPosition: 220 },
+    actionButton: { side: "left", yPosition: 250 },
+    cameraControl: { side: "right", yPosition: 500 }
+  }
+};
+function IPhone17ProMaxSVG({ colorScheme = "dark", style }) {
+  const frameColor = colorScheme === "dark" ? "#1a1a1a" : "#e8e8e8";
+  const frameBorder = colorScheme === "dark" ? "#333" : "#ccc";
+  const buttonColor = colorScheme === "dark" ? "#2a2a2a" : "#d0d0d0";
+  const islandColor = "#000000";
+  const bezelSide = 15;
+  const bezelTop = 23;
+  const bezelBottom = 23;
+  const screenW = 440;
+  const screenH = 956;
+  const totalW = screenW + bezelSide * 2;
+  const totalH = screenH + bezelTop + bezelBottom;
+  const outerRadius = 62;
+  const screenRadius = 55;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      viewBox: `0 0 ${totalW} ${totalH}`,
+      width: totalW,
+      height: totalH,
+      xmlns: "http://www.w3.org/2000/svg",
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "frame-gradient-iphone-17-pro-max", x1: "0", y1: "0", x2: "1", y2: "1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: frameColor }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: colorScheme === "dark" ? "#252525" : "#f0f0f0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: frameColor })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("mask", { id: "frame-screen-mask-iphone-17-pro-max", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: totalW, height: totalH, fill: "white" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "rect",
+              {
+                x: bezelSide,
+                y: bezelTop,
+                width: screenW,
+                height: screenH,
+                rx: screenRadius,
+                ry: screenRadius,
+                fill: "black"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: "0",
+            y: "0",
+            width: totalW,
+            height: totalH,
+            rx: outerRadius,
+            ry: outerRadius,
+            fill: "url(#frame-gradient-iphone-17-pro-max)",
+            stroke: frameBorder,
+            strokeWidth: "1.5",
+            mask: "url(#frame-screen-mask-iphone-17-pro-max)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "screen-area",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: screenH,
+            rx: screenRadius,
+            ry: screenRadius,
+            fill: "none"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "hardware-overlay",
+            "data-zone-type": "dynamic-island",
+            "data-zone-shape": "pill",
+            x: bezelSide + 157,
+            y: bezelTop + 11,
+            width: "126",
+            height: "37",
+            rx: "18.5",
+            ry: "18.5",
+            fill: islandColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-top-inset",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "62",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-bottom-inset",
+            x: bezelSide,
+            y: bezelTop + screenH - 34,
+            width: screenW,
+            height: "34",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "status-bar",
+            "data-zone-style": "dynamic-island",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "54",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "home-indicator",
+            "data-zone-type": "swipe-bar",
+            x: bezelSide + (screenW - 134) / 2,
+            y: bezelTop + screenH - 13,
+            width: "134",
+            height: "5",
+            rx: "2.5",
+            ry: "2.5",
+            fill: "rgba(255,255,255,0.3)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-up",
+            "data-side": "left",
+            x: "-1",
+            y: "200",
+            width: "3",
+            height: "32",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-down",
+            "data-side": "left",
+            x: "-1",
+            y: "240",
+            width: "3",
+            height: "32",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "action",
+            "data-side": "left",
+            x: "-1",
+            y: "170",
+            width: "3",
+            height: "20",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "power",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "220",
+            width: "3",
+            height: "40",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            "data-button": "camera",
+            "data-side": "right",
+            cx: totalW - 0.5,
+            cy: "500",
+            r: "6",
+            fill: buttonColor,
+            stroke: frameBorder,
+            strokeWidth: "0.5"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: (totalW - 24) / 2,
+            y: totalH - 5,
+            width: "24",
+            height: "4",
+            rx: "2",
+            fill: colorScheme === "dark" ? "#111" : "#bbb"
+          }
+        ),
+        [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: totalW / 2 - 30 + i * 6,
+            cy: totalH - 8,
+            r: "1.2",
+            fill: colorScheme === "dark" ? "#111" : "#aaa"
+          },
+          `speaker-l-${i}`
+        )),
+        [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: totalW / 2 + 8 + i * 6,
+            cy: totalH - 8,
+            r: "1.2",
+            fill: colorScheme === "dark" ? "#111" : "#aaa"
+          },
+          `speaker-r-${i}`
+        ))
+      ]
+    }
+  );
+}
+var IPHONE_17_PRO_MAX_FRAME = {
+  bezelTop: 23,
+  bezelBottom: 23,
+  bezelLeft: 15,
+  bezelRight: 15,
+  totalWidth: 470,
+  totalHeight: 1002,
+  screenWidth: 440,
+  screenHeight: 956,
+  screenRadius: 55
+};
+
+// src/ios/iphone-17-pro/metadata.ts
+var IPHONE_17_PRO_META = {
+  id: "iphone-17-pro",
+  name: "iPhone 17 Pro",
+  platform: "ios",
+  year: 2025,
+  screen: {
+    width: 402,
+    height: 874,
+    physicalWidth: 1206,
+    physicalHeight: 2622,
+    dpr: 3,
+    aspectRatio: "19.5:9",
+    cornerRadius: 55,
+    ppi: 460
+  }
+};
+var IPHONE_17_PRO_LAYOUT = {
+  meta: IPHONE_17_PRO_META,
+  safeArea: {
+    portrait: { top: 62, bottom: 34, left: 0, right: 0 },
+    landscape: { top: 20, bottom: 20, left: 62, right: 62 }
+  },
+  hardwareOverlays: {
+    type: "dynamic-island",
+    portrait: {
+      x: 138,
+      // centered: (402 - 126) / 2 = 138
+      y: 11,
+      width: 126,
+      height: 37,
+      shape: "pill",
+      cornerRadius: 18.5
+    }
+  },
+  statusBar: {
+    height: 54,
+    style: "dynamic-island",
+    hasTime: true,
+    hasBattery: true,
+    hasSignal: true
+  },
+  homeIndicator: {
+    type: "swipe-bar",
+    height: 5,
+    width: 134,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "left", yPosition: 200 },
+    volumeDown: { side: "left", yPosition: 240 },
+    power: { side: "right", yPosition: 220 },
+    actionButton: { side: "left", yPosition: 250 },
+    cameraControl: { side: "right", yPosition: 500 }
+  }
+};
+function IPhone17ProSVG({ colorScheme = "dark", style }) {
+  const frameColor = colorScheme === "dark" ? "#1a1a1a" : "#e8e8e8";
+  const frameBorder = colorScheme === "dark" ? "#333" : "#ccc";
+  const buttonColor = colorScheme === "dark" ? "#2a2a2a" : "#d0d0d0";
+  const islandColor = "#000000";
+  const bezelSide = 15;
+  const bezelTop = 23;
+  const bezelBottom = 23;
+  const screenW = 402;
+  const screenH = 874;
+  const totalW = screenW + bezelSide * 2;
+  const totalH = screenH + bezelTop + bezelBottom;
+  const outerRadius = 62;
+  const screenRadius = 55;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      viewBox: `0 0 ${totalW} ${totalH}`,
+      width: totalW,
+      height: totalH,
+      xmlns: "http://www.w3.org/2000/svg",
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "frame-gradient-iphone-17-pro", x1: "0", y1: "0", x2: "1", y2: "1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: frameColor }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: colorScheme === "dark" ? "#252525" : "#f0f0f0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: frameColor })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("mask", { id: "frame-screen-mask-iphone-17-pro", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: totalW, height: totalH, fill: "white" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "rect",
+              {
+                x: bezelSide,
+                y: bezelTop,
+                width: screenW,
+                height: screenH,
+                rx: screenRadius,
+                ry: screenRadius,
+                fill: "black"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: "0",
+            y: "0",
+            width: totalW,
+            height: totalH,
+            rx: outerRadius,
+            ry: outerRadius,
+            fill: "url(#frame-gradient-iphone-17-pro)",
+            stroke: frameBorder,
+            strokeWidth: "1.5",
+            mask: "url(#frame-screen-mask-iphone-17-pro)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "screen-area",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: screenH,
+            rx: screenRadius,
+            ry: screenRadius,
+            fill: "none"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "hardware-overlay",
+            "data-zone-type": "dynamic-island",
+            "data-zone-shape": "pill",
+            x: bezelSide + 138,
+            y: bezelTop + 11,
+            width: "126",
+            height: "37",
+            rx: "18.5",
+            ry: "18.5",
+            fill: islandColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-top-inset",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "62",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-bottom-inset",
+            x: bezelSide,
+            y: bezelTop + screenH - 34,
+            width: screenW,
+            height: "34",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "status-bar",
+            "data-zone-style": "dynamic-island",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "54",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "home-indicator",
+            "data-zone-type": "swipe-bar",
+            x: bezelSide + (screenW - 134) / 2,
+            y: bezelTop + screenH - 13,
+            width: "134",
+            height: "5",
+            rx: "2.5",
+            ry: "2.5",
+            fill: "rgba(255,255,255,0.3)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-up",
+            "data-side": "left",
+            x: "-1",
+            y: "200",
+            width: "3",
+            height: "32",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-down",
+            "data-side": "left",
+            x: "-1",
+            y: "240",
+            width: "3",
+            height: "32",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "action",
+            "data-side": "left",
+            x: "-1",
+            y: "170",
+            width: "3",
+            height: "20",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "power",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "220",
+            width: "3",
+            height: "40",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            "data-button": "camera",
+            "data-side": "right",
+            cx: totalW - 0.5,
+            cy: "500",
+            r: "6",
+            fill: buttonColor,
+            stroke: frameBorder,
+            strokeWidth: "0.5"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: (totalW - 24) / 2,
+            y: totalH - 5,
+            width: "24",
+            height: "4",
+            rx: "2",
+            fill: colorScheme === "dark" ? "#111" : "#bbb"
+          }
+        ),
+        [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: totalW / 2 - 30 + i * 6,
+            cy: totalH - 8,
+            r: "1.2",
+            fill: colorScheme === "dark" ? "#111" : "#aaa"
+          },
+          `speaker-l-${i}`
+        )),
+        [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: totalW / 2 + 8 + i * 6,
+            cy: totalH - 8,
+            r: "1.2",
+            fill: colorScheme === "dark" ? "#111" : "#aaa"
+          },
+          `speaker-r-${i}`
+        ))
+      ]
+    }
+  );
+}
+var IPHONE_17_PRO_FRAME = {
+  bezelTop: 23,
+  bezelBottom: 23,
+  bezelLeft: 15,
+  bezelRight: 15,
+  totalWidth: 432,
+  totalHeight: 920,
+  screenWidth: 402,
+  screenHeight: 874,
+  screenRadius: 55
+};
+
+// src/ios/iphone-air/metadata.ts
+var IPHONE_AIR_META = {
+  id: "iphone-air",
+  name: "iPhone Air",
+  platform: "ios",
+  year: 2025,
+  screen: {
+    width: 420,
+    height: 912,
+    physicalWidth: 1260,
+    physicalHeight: 2736,
+    dpr: 3,
+    aspectRatio: "19.5:9",
+    cornerRadius: 55,
+    ppi: 460
+  }
+};
+var IPHONE_AIR_LAYOUT = {
+  meta: IPHONE_AIR_META,
+  safeArea: {
+    portrait: { top: 68, bottom: 34, left: 0, right: 0 },
+    landscape: { top: 20, bottom: 29, left: 68, right: 68 }
+  },
+  hardwareOverlays: {
+    type: "dynamic-island",
+    portrait: {
+      x: 147,
+      // centered: (420 - 126) / 2 = 147
+      y: 11,
+      width: 126,
+      height: 37,
+      shape: "pill",
+      cornerRadius: 18.5
+    }
+  },
+  statusBar: {
+    height: 54,
+    style: "dynamic-island",
+    hasTime: true,
+    hasBattery: true,
+    hasSignal: true
+  },
+  homeIndicator: {
+    type: "swipe-bar",
+    height: 5,
+    width: 134,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "left", yPosition: 210 },
+    volumeDown: { side: "left", yPosition: 250 },
+    power: { side: "right", yPosition: 230 }
+  }
+};
+function IPhoneAirSVG({ colorScheme = "dark", style }) {
+  const frameColor = colorScheme === "dark" ? "#1a1a1a" : "#e8e8e8";
+  const frameBorder = colorScheme === "dark" ? "#333" : "#ccc";
+  const buttonColor = colorScheme === "dark" ? "#2a2a2a" : "#d0d0d0";
+  const islandColor = "#000000";
+  const bezelSide = 10;
+  const bezelTop = 20;
+  const bezelBottom = 20;
+  const screenW = 420;
+  const screenH = 912;
+  const totalW = screenW + bezelSide * 2;
+  const totalH = screenH + bezelTop + bezelBottom;
+  const outerRadius = 60;
+  const screenRadius = 55;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      viewBox: `0 0 ${totalW} ${totalH}`,
+      width: totalW,
+      height: totalH,
+      xmlns: "http://www.w3.org/2000/svg",
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "frame-gradient-iphone-air", x1: "0", y1: "0", x2: "1", y2: "1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: frameColor }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: colorScheme === "dark" ? "#252525" : "#f0f0f0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: frameColor })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("mask", { id: "frame-screen-mask-iphone-air", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: totalW, height: totalH, fill: "white" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "rect",
+              {
+                x: bezelSide,
+                y: bezelTop,
+                width: screenW,
+                height: screenH,
+                rx: screenRadius,
+                ry: screenRadius,
+                fill: "black"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: "0",
+            y: "0",
+            width: totalW,
+            height: totalH,
+            rx: outerRadius,
+            ry: outerRadius,
+            fill: "url(#frame-gradient-iphone-air)",
+            stroke: frameBorder,
+            strokeWidth: "1.5",
+            mask: "url(#frame-screen-mask-iphone-air)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "screen-area",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: screenH,
+            rx: screenRadius,
+            ry: screenRadius,
+            fill: "none"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "hardware-overlay",
+            "data-zone-type": "dynamic-island",
+            "data-zone-shape": "pill",
+            x: bezelSide + 147,
+            y: bezelTop + 11,
+            width: "126",
+            height: "37",
+            rx: "18.5",
+            ry: "18.5",
+            fill: islandColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-top-inset",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "68",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-bottom-inset",
+            x: bezelSide,
+            y: bezelTop + screenH - 34,
+            width: screenW,
+            height: "34",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "status-bar",
+            "data-zone-style": "dynamic-island",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "54",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "home-indicator",
+            "data-zone-type": "swipe-bar",
+            x: bezelSide + (screenW - 134) / 2,
+            y: bezelTop + screenH - 13,
+            width: "134",
+            height: "5",
+            rx: "2.5",
+            ry: "2.5",
+            fill: "rgba(255,255,255,0.3)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-up",
+            "data-side": "left",
+            x: "-1",
+            y: "200",
+            width: "3",
+            height: "32",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-down",
+            "data-side": "left",
+            x: "-1",
+            y: "240",
+            width: "3",
+            height: "32",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "power",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "220",
+            width: "3",
+            height: "40",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: (totalW - 24) / 2,
+            y: totalH - 5,
+            width: "24",
+            height: "4",
+            rx: "2",
+            fill: colorScheme === "dark" ? "#111" : "#bbb"
+          }
+        ),
+        [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: totalW / 2 - 30 + i * 6,
+            cy: totalH - 8,
+            r: "1.2",
+            fill: colorScheme === "dark" ? "#111" : "#aaa"
+          },
+          `speaker-l-${i}`
+        )),
+        [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: totalW / 2 + 8 + i * 6,
+            cy: totalH - 8,
+            r: "1.2",
+            fill: colorScheme === "dark" ? "#111" : "#aaa"
+          },
+          `speaker-r-${i}`
+        ))
+      ]
+    }
+  );
+}
+var IPHONE_AIR_FRAME = {
+  bezelTop: 20,
+  bezelBottom: 20,
+  bezelLeft: 10,
+  bezelRight: 10,
+  totalWidth: 440,
+  totalHeight: 952,
+  screenWidth: 420,
+  screenHeight: 912,
+  screenRadius: 55
+};
+
+// src/ios/iphone-16e/metadata.ts
+var IPHONE_16E_META = {
+  id: "iphone-16e",
+  name: "iPhone 16e",
+  platform: "ios",
+  year: 2025,
+  screen: {
+    width: 390,
+    height: 844,
+    physicalWidth: 1170,
+    physicalHeight: 2532,
+    dpr: 3,
+    aspectRatio: "19.5:9",
+    cornerRadius: 50,
+    ppi: 460
+  }
+};
+var IPHONE_16E_LAYOUT = {
+  meta: IPHONE_16E_META,
+  safeArea: {
+    portrait: { top: 47, bottom: 34, left: 0, right: 0 },
+    landscape: { top: 0, bottom: 21, left: 47, right: 47 }
+  },
+  hardwareOverlays: {
+    type: "notch",
+    portrait: {
+      x: 90,
+      // centered: (390 - 210) / 2 = 90
+      y: 0,
+      width: 210,
+      height: 30,
+      shape: "rectangle",
+      cornerRadius: 20
+    }
+  },
+  statusBar: {
+    height: 44,
+    style: "notch",
+    hasTime: true,
+    hasBattery: true,
+    hasSignal: true
+  },
+  homeIndicator: {
+    type: "swipe-bar",
+    height: 5,
+    width: 134,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "left", yPosition: 180 },
+    volumeDown: { side: "left", yPosition: 220 },
+    power: { side: "right", yPosition: 195 }
+  }
+};
+function IPhone16eSVG({ colorScheme = "dark", style }) {
+  const frameColor = colorScheme === "dark" ? "#1a1a1a" : "#e8e8e8";
+  const frameBorder = colorScheme === "dark" ? "#333" : "#ccc";
+  const buttonColor = colorScheme === "dark" ? "#2a2a2a" : "#d0d0d0";
+  const notchColor = "#000000";
+  const bezelSide = 12;
+  const bezelTop = 20;
+  const bezelBottom = 20;
+  const screenW = 390;
+  const screenH = 844;
+  const totalW = screenW + bezelSide * 2;
+  const totalH = screenH + bezelTop + bezelBottom;
+  const outerRadius = 56;
+  const screenRadius = 50;
+  const notchWidth = 210;
+  const notchHeight = 30;
+  const notchX = (screenW - notchWidth) / 2;
+  const notchRadius = 20;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      viewBox: `0 0 ${totalW} ${totalH}`,
+      width: totalW,
+      height: totalH,
+      xmlns: "http://www.w3.org/2000/svg",
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "frame-gradient-iphone-16e", x1: "0", y1: "0", x2: "1", y2: "1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: frameColor }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: colorScheme === "dark" ? "#252525" : "#f0f0f0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: frameColor })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("mask", { id: "frame-screen-mask-iphone-16e", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: totalW, height: totalH, fill: "white" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "rect",
+              {
+                x: bezelSide,
+                y: bezelTop,
+                width: screenW,
+                height: screenH,
+                rx: screenRadius,
+                ry: screenRadius,
+                fill: "black"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: "0",
+            y: "0",
+            width: totalW,
+            height: totalH,
+            rx: outerRadius,
+            ry: outerRadius,
+            fill: "url(#frame-gradient-iphone-16e)",
+            stroke: frameBorder,
+            strokeWidth: "1.5",
+            mask: "url(#frame-screen-mask-iphone-16e)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "screen-area",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: screenH,
+            rx: screenRadius,
+            ry: screenRadius,
+            fill: "none"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "hardware-overlay",
+            "data-zone-type": "notch",
+            "data-zone-shape": "rectangle",
+            x: bezelSide + notchX,
+            y: bezelTop,
+            width: notchWidth,
+            height: notchHeight,
+            rx: notchRadius,
+            ry: notchRadius,
+            fill: notchColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-top-inset",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "47",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-bottom-inset",
+            x: bezelSide,
+            y: bezelTop + screenH - 34,
+            width: screenW,
+            height: "34",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "status-bar",
+            "data-zone-style": "notch",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "44",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "home-indicator",
+            "data-zone-type": "swipe-bar",
+            x: bezelSide + (screenW - 134) / 2,
+            y: bezelTop + screenH - 13,
+            width: "134",
+            height: "5",
+            rx: "2.5",
+            ry: "2.5",
+            fill: "rgba(255,255,255,0.3)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-up",
+            "data-side": "left",
+            x: "-1",
+            y: "190",
+            width: "3",
+            height: "32",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-down",
+            "data-side": "left",
+            x: "-1",
+            y: "230",
+            width: "3",
+            height: "32",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "power",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "210",
+            width: "3",
+            height: "40",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: (totalW - 24) / 2,
+            y: totalH - 5,
+            width: "24",
+            height: "4",
+            rx: "2",
+            fill: colorScheme === "dark" ? "#111" : "#bbb"
+          }
+        ),
+        [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: totalW / 2 - 30 + i * 6,
+            cy: totalH - 8,
+            r: "1.2",
+            fill: colorScheme === "dark" ? "#111" : "#aaa"
+          },
+          `speaker-l-${i}`
+        )),
+        [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: totalW / 2 + 8 + i * 6,
+            cy: totalH - 8,
+            r: "1.2",
+            fill: colorScheme === "dark" ? "#111" : "#aaa"
+          },
+          `speaker-r-${i}`
+        ))
+      ]
+    }
+  );
+}
+var IPHONE_16E_FRAME = {
+  bezelTop: 20,
+  bezelBottom: 20,
+  bezelLeft: 12,
+  bezelRight: 12,
+  totalWidth: 414,
+  totalHeight: 884,
+  screenWidth: 390,
+  screenHeight: 844,
+  screenRadius: 50
+};
+
+// src/ios/iphone-16/metadata.ts
+var IPHONE_16_META = {
+  id: "iphone-16",
+  name: "iPhone 16",
+  platform: "ios",
+  year: 2024,
+  screen: {
+    width: 393,
+    height: 852,
+    physicalWidth: 1179,
+    physicalHeight: 2556,
+    dpr: 3,
+    aspectRatio: "19.5:9",
+    cornerRadius: 55,
+    ppi: 460
+  }
+};
+var IPHONE_16_LAYOUT = {
+  meta: IPHONE_16_META,
+  safeArea: {
+    portrait: { top: 59, bottom: 34, left: 0, right: 0 },
+    landscape: { top: 0, bottom: 21, left: 59, right: 59 }
+  },
+  hardwareOverlays: {
+    type: "dynamic-island",
+    portrait: {
+      x: 133.5,
+      // centered: (393 - 126) / 2 = 133.5
+      y: 11,
+      width: 126,
+      height: 37,
+      shape: "pill",
+      cornerRadius: 18.5
+    }
+  },
+  statusBar: {
+    height: 54,
+    style: "dynamic-island",
+    hasTime: true,
+    hasBattery: true,
+    hasSignal: true
+  },
+  homeIndicator: {
+    type: "swipe-bar",
+    height: 5,
+    width: 134,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "left", yPosition: 195 },
+    volumeDown: { side: "left", yPosition: 235 },
+    power: { side: "right", yPosition: 215 },
+    cameraControl: { side: "right", yPosition: 480 }
+  }
+};
+function IPhone16SVG({ colorScheme = "dark", style }) {
+  const frameColor = colorScheme === "dark" ? "#1a1a1a" : "#e8e8e8";
+  const frameBorder = colorScheme === "dark" ? "#333" : "#ccc";
+  const buttonColor = colorScheme === "dark" ? "#2a2a2a" : "#d0d0d0";
+  const islandColor = "#000000";
+  const bezelSide = 15;
+  const bezelTop = 23;
+  const bezelBottom = 23;
+  const screenW = 393;
+  const screenH = 852;
+  const totalW = screenW + bezelSide * 2;
+  const totalH = screenH + bezelTop + bezelBottom;
+  const outerRadius = 55;
+  const screenRadius = 48;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      viewBox: `0 0 ${totalW} ${totalH}`,
+      width: totalW,
+      height: totalH,
+      xmlns: "http://www.w3.org/2000/svg",
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "frame-gradient-iphone-16", x1: "0", y1: "0", x2: "1", y2: "1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: frameColor }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: colorScheme === "dark" ? "#252525" : "#f0f0f0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: frameColor })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("mask", { id: "frame-screen-mask-iphone-16", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: totalW, height: totalH, fill: "white" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "rect",
+              {
+                x: bezelSide,
+                y: bezelTop,
+                width: screenW,
+                height: screenH,
+                rx: screenRadius,
+                ry: screenRadius,
+                fill: "black"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: "0",
+            y: "0",
+            width: totalW,
+            height: totalH,
+            rx: outerRadius,
+            ry: outerRadius,
+            fill: "url(#frame-gradient-iphone-16)",
+            stroke: frameBorder,
+            strokeWidth: "1.5",
+            mask: "url(#frame-screen-mask-iphone-16)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "screen-area",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: screenH,
+            rx: screenRadius,
+            ry: screenRadius,
+            fill: "none"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "hardware-overlay",
+            "data-zone-type": "dynamic-island",
+            "data-zone-shape": "pill",
+            x: bezelSide + (screenW - 126) / 2,
+            y: bezelTop + 11,
+            width: "126",
+            height: "37",
+            rx: "18.5",
+            ry: "18.5",
+            fill: islandColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-top-inset",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "62",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-bottom-inset",
+            x: bezelSide,
+            y: bezelTop + screenH - 34,
+            width: screenW,
+            height: "34",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "status-bar",
+            "data-zone-style": "dynamic-island",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "54",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "home-indicator",
+            "data-zone-type": "swipe-bar",
+            x: bezelSide + (screenW - 134) / 2,
+            y: bezelTop + screenH - 13,
+            width: "134",
+            height: "5",
+            rx: "2.5",
+            ry: "2.5",
+            fill: "rgba(255,255,255,0.3)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-up",
+            "data-side": "left",
+            x: "-1",
+            y: "200",
+            width: "3",
+            height: "32",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-down",
+            "data-side": "left",
+            x: "-1",
+            y: "240",
+            width: "3",
+            height: "32",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "power",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "220",
+            width: "3",
+            height: "40",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            "data-button": "camera",
+            "data-side": "right",
+            cx: totalW - 0.5,
+            cy: "500",
+            r: "6",
+            fill: buttonColor,
+            stroke: frameBorder,
+            strokeWidth: "0.5"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: (totalW - 24) / 2,
+            y: totalH - 5,
+            width: "24",
+            height: "4",
+            rx: "2",
+            fill: colorScheme === "dark" ? "#111" : "#bbb"
+          }
+        ),
+        [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: totalW / 2 - 30 + i * 6,
+            cy: totalH - 8,
+            r: "1.2",
+            fill: colorScheme === "dark" ? "#111" : "#aaa"
+          },
+          `speaker-l-${i}`
+        )),
+        [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: totalW / 2 + 8 + i * 6,
+            cy: totalH - 8,
+            r: "1.2",
+            fill: colorScheme === "dark" ? "#111" : "#aaa"
+          },
+          `speaker-r-${i}`
+        ))
+      ]
+    }
+  );
+}
+var IPHONE_16_FRAME = {
+  bezelTop: 23,
+  bezelBottom: 23,
+  bezelLeft: 15,
+  bezelRight: 15,
+  totalWidth: 423,
+  totalHeight: 898,
+  screenWidth: 393,
+  screenHeight: 852,
+  screenRadius: 48
+};
+
+// src/ios/iphone-se-3/metadata.ts
+var IPHONE_SE_3_META = {
+  id: "iphone-se-3",
+  name: "iPhone SE (3rd Gen)",
+  platform: "ios",
+  year: 2022,
+  screen: {
+    width: 375,
+    height: 667,
+    physicalWidth: 750,
+    physicalHeight: 1334,
+    dpr: 2,
+    aspectRatio: "16:9",
+    cornerRadius: 5,
+    ppi: 326
+  }
+};
+var IPHONE_SE_3_LAYOUT = {
+  meta: IPHONE_SE_3_META,
+  safeArea: {
+    portrait: { top: 20, bottom: 0, left: 0, right: 0 },
+    landscape: { top: 0, bottom: 0, left: 0, right: 0 }
+  },
+  hardwareOverlays: {
+    type: "none",
+    portrait: {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+      shape: "rectangle"
+    }
+  },
+  statusBar: {
+    height: 20,
+    style: "fullwidth",
+    hasTime: true,
+    hasBattery: true,
+    hasSignal: true
+  },
+  homeIndicator: {
+    type: "button",
+    height: 0,
+    visible: false
+  },
+  hardwareButtons: {
+    volumeUp: { side: "left", yPosition: 135 },
+    volumeDown: { side: "left", yPosition: 165 },
+    power: { side: "right", yPosition: 90 }
+  }
+};
+function IPhoneSE3SVG({ colorScheme = "dark", style }) {
+  const frameColor = colorScheme === "dark" ? "#1a1a1a" : "#e8e8e8";
+  const frameBorder = colorScheme === "dark" ? "#333" : "#ccc";
+  const buttonColor = colorScheme === "dark" ? "#2a2a2a" : "#d0d0d0";
+  const bezelSide = 10;
+  const bezelTop = 70;
+  const bezelBottom = 70;
+  const screenW = 375;
+  const screenH = 667;
+  const totalW = screenW + bezelSide * 2;
+  const totalH = screenH + bezelTop + bezelBottom;
+  const outerRadius = 36;
+  const screenRadius = 5;
+  const homeButtonDiameter = 58;
+  const homeButtonRadius = homeButtonDiameter / 2;
+  const homeButtonCX = totalW / 2;
+  const homeButtonCY = bezelTop + screenH + bezelBottom / 2;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      viewBox: `0 0 ${totalW} ${totalH}`,
+      width: totalW,
+      height: totalH,
+      xmlns: "http://www.w3.org/2000/svg",
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "frame-gradient-iphone-se-3", x1: "0", y1: "0", x2: "1", y2: "1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: frameColor }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: colorScheme === "dark" ? "#252525" : "#f0f0f0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: frameColor })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("mask", { id: "frame-screen-mask-iphone-se-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: totalW, height: totalH, fill: "white" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "rect",
+              {
+                x: bezelSide,
+                y: bezelTop,
+                width: screenW,
+                height: screenH,
+                rx: screenRadius,
+                ry: screenRadius,
+                fill: "black"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: "0",
+            y: "0",
+            width: totalW,
+            height: totalH,
+            rx: outerRadius,
+            ry: outerRadius,
+            fill: "url(#frame-gradient-iphone-se-3)",
+            stroke: frameBorder,
+            strokeWidth: "1.5",
+            mask: "url(#frame-screen-mask-iphone-se-3)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "screen-area",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: screenH,
+            rx: screenRadius,
+            ry: screenRadius,
+            fill: "none"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: (totalW - 40) / 2,
+            y: 28,
+            width: "40",
+            height: "5",
+            rx: "2.5",
+            fill: colorScheme === "dark" ? "#111" : "#bbb"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: totalW / 2 + 32,
+            cy: 30,
+            r: "4",
+            fill: colorScheme === "dark" ? "#0a0a0a" : "#999"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: homeButtonCX,
+            cy: homeButtonCY,
+            r: homeButtonRadius,
+            fill: "none",
+            stroke: colorScheme === "dark" ? "#444" : "#bbb",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: homeButtonCX,
+            cy: homeButtonCY,
+            r: homeButtonRadius - 3,
+            fill: colorScheme === "dark" ? "#0f0f0f" : "#ddd"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: homeButtonCX - 8,
+            y: homeButtonCY - 8,
+            width: "16",
+            height: "16",
+            rx: "4",
+            ry: "4",
+            fill: "none",
+            stroke: colorScheme === "dark" ? "#333" : "#ccc",
+            strokeWidth: "1"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-top-inset",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "20",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "status-bar",
+            "data-zone-style": "fullwidth",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "20",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-up",
+            "data-side": "left",
+            x: "-1",
+            y: "160",
+            width: "3",
+            height: "32",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-down",
+            "data-side": "left",
+            x: "-1",
+            y: "200",
+            width: "3",
+            height: "32",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "power",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "140",
+            width: "3",
+            height: "40",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: (totalW - 20) / 2,
+            y: totalH - 5,
+            width: "20",
+            height: "4",
+            rx: "2",
+            fill: colorScheme === "dark" ? "#111" : "#bbb"
+          }
+        ),
+        [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: totalW / 2 - 28 + i * 6,
+            cy: totalH - 8,
+            r: "1.2",
+            fill: colorScheme === "dark" ? "#111" : "#aaa"
+          },
+          `speaker-l-${i}`
+        )),
+        [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: totalW / 2 + 6 + i * 6,
+            cy: totalH - 8,
+            r: "1.2",
+            fill: colorScheme === "dark" ? "#111" : "#aaa"
+          },
+          `speaker-r-${i}`
+        ))
+      ]
+    }
+  );
+}
+var IPHONE_SE_3_FRAME = {
+  bezelTop: 70,
+  bezelBottom: 70,
+  bezelLeft: 10,
+  bezelRight: 10,
+  totalWidth: 395,
+  totalHeight: 807,
+  screenWidth: 375,
+  screenHeight: 667,
+  screenRadius: 5
+};
+
+exports.IPHONE_16E_FRAME = IPHONE_16E_FRAME;
+exports.IPHONE_16E_LAYOUT = IPHONE_16E_LAYOUT;
+exports.IPHONE_16E_META = IPHONE_16E_META;
+exports.IPHONE_16_FRAME = IPHONE_16_FRAME;
+exports.IPHONE_16_LAYOUT = IPHONE_16_LAYOUT;
+exports.IPHONE_16_META = IPHONE_16_META;
+exports.IPHONE_17_PRO_FRAME = IPHONE_17_PRO_FRAME;
+exports.IPHONE_17_PRO_LAYOUT = IPHONE_17_PRO_LAYOUT;
+exports.IPHONE_17_PRO_MAX_FRAME = IPHONE_17_PRO_MAX_FRAME;
+exports.IPHONE_17_PRO_MAX_LAYOUT = IPHONE_17_PRO_MAX_LAYOUT;
+exports.IPHONE_17_PRO_MAX_META = IPHONE_17_PRO_MAX_META;
+exports.IPHONE_17_PRO_META = IPHONE_17_PRO_META;
+exports.IPHONE_AIR_FRAME = IPHONE_AIR_FRAME;
+exports.IPHONE_AIR_LAYOUT = IPHONE_AIR_LAYOUT;
+exports.IPHONE_AIR_META = IPHONE_AIR_META;
+exports.IPHONE_SE_3_FRAME = IPHONE_SE_3_FRAME;
+exports.IPHONE_SE_3_LAYOUT = IPHONE_SE_3_LAYOUT;
+exports.IPHONE_SE_3_META = IPHONE_SE_3_META;
+exports.IPhone16SVG = IPhone16SVG;
+exports.IPhone16eSVG = IPhone16eSVG;
+exports.IPhone17ProMaxSVG = IPhone17ProMaxSVG;
+exports.IPhone17ProSVG = IPhone17ProSVG;
+exports.IPhoneAirSVG = IPhoneAirSVG;
+exports.IPhoneSE3SVG = IPhoneSE3SVG;
+//# sourceMappingURL=chunk-OI46UKOY.cjs.map
+//# sourceMappingURL=chunk-OI46UKOY.cjs.map