@biela.dev/devices 0.1.0

package/dist/chunk-BXBG5BY7.cjs

@@ -0,0 +1,1302 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/android/galaxy-s25-ultra/metadata.ts
+var GALAXY_S25_ULTRA_META = {
+  id: "galaxy-s25-ultra",
+  name: "Galaxy S25 Ultra",
+  platform: "android",
+  year: 2025,
+  screen: {
+    width: 384,
+    height: 824,
+    physicalWidth: 1440,
+    physicalHeight: 3088,
+    dpr: 3.75,
+    aspectRatio: "19.5:9",
+    cornerRadius: 42,
+    ppi: 505
+  }
+};
+var GALAXY_S25_ULTRA_LAYOUT = {
+  meta: GALAXY_S25_ULTRA_META,
+  safeArea: {
+    portrait: { top: 38, bottom: 24, left: 0, right: 0 },
+    landscape: { top: 0, bottom: 24, left: 38, right: 38 }
+  },
+  hardwareOverlays: {
+    type: "punch-hole",
+    portrait: {
+      x: 187,
+      // centered: (384 - 10) / 2 = 187
+      y: 12,
+      width: 10,
+      height: 10,
+      shape: "circle",
+      cornerRadius: 5
+    }
+  },
+  statusBar: {
+    height: 28,
+    style: "fullwidth",
+    hasTime: true,
+    hasBattery: true,
+    hasSignal: true
+  },
+  homeIndicator: {
+    type: "gestureline",
+    height: 5,
+    width: 90,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "right", yPosition: 190 },
+    volumeDown: { side: "right", yPosition: 226 },
+    power: { side: "right", yPosition: 276 }
+  }
+};
+function GalaxyS25UltraSVG({ colorScheme = "dark", style }) {
+  const frameColor = colorScheme === "dark" ? "#1c1c1e" : "#e5e5e7";
+  const frameBorder = colorScheme === "dark" ? "#3a3a3c" : "#c7c7cc";
+  const buttonColor = colorScheme === "dark" ? "#2c2c2e" : "#d1d1d6";
+  const punchHoleColor = "#000000";
+  const bezelSide = 12;
+  const bezelTop = 18;
+  const bezelBottom = 18;
+  const screenW = 384;
+  const screenH = 824;
+  const totalW = screenW + bezelSide * 2;
+  const totalH = screenH + bezelTop + bezelBottom;
+  const cornerRadius = 42;
+  const outerRadius = cornerRadius + 8;
+  const screenRadius = cornerRadius;
+  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-galaxy-s25-ultra", 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" ? "#262628" : "#ededef" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: frameColor })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("mask", { id: "frame-screen-mask-galaxy-s25-ultra", 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-galaxy-s25-ultra)",
+            stroke: frameBorder,
+            strokeWidth: "1.5",
+            mask: "url(#frame-screen-mask-galaxy-s25-ultra)"
+          }
+        ),
+        /* @__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(
+          "circle",
+          {
+            "data-zone": "hardware-overlay",
+            "data-zone-type": "punch-hole-camera",
+            cx: bezelSide + screenW / 2,
+            cy: bezelTop + 17,
+            r: "5",
+            fill: punchHoleColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-top-inset",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "38",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-bottom-inset",
+            x: bezelSide,
+            y: bezelTop + screenH - 24,
+            width: screenW,
+            height: "24",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "status-bar",
+            "data-zone-style": "punch-hole",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "28",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "home-indicator",
+            "data-zone-type": "gesture-bar",
+            x: bezelSide + (screenW - 90) / 2,
+            y: bezelTop + screenH - 10,
+            width: "90",
+            height: "3",
+            rx: "1.5",
+            ry: "1.5",
+            fill: "rgba(255,255,255,0.25)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-up",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "190",
+            width: "3",
+            height: "28",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-down",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "226",
+            width: "3",
+            height: "28",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "power",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "276",
+            width: "3",
+            height: "36",
+            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"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: totalW - bezelSide - 40,
+            y: totalH - 4,
+            width: "16",
+            height: "3",
+            rx: "1",
+            fill: colorScheme === "dark" ? "#0a0a0a" : "#aaa"
+          }
+        )
+      ]
+    }
+  );
+}
+var GALAXY_S25_ULTRA_FRAME = {
+  bezelTop: 18,
+  bezelBottom: 18,
+  bezelLeft: 12,
+  bezelRight: 12,
+  totalWidth: 408,
+  totalHeight: 860,
+  screenWidth: 384,
+  screenHeight: 824,
+  screenRadius: 42
+};
+
+// src/android/galaxy-s25/metadata.ts
+var GALAXY_S25_META = {
+  id: "galaxy-s25",
+  name: "Galaxy S25",
+  platform: "android",
+  year: 2025,
+  screen: {
+    width: 360,
+    height: 780,
+    physicalWidth: 1080,
+    physicalHeight: 2340,
+    dpr: 3,
+    aspectRatio: "19.5:9",
+    cornerRadius: 42,
+    ppi: 425
+  }
+};
+var GALAXY_S25_LAYOUT = {
+  meta: GALAXY_S25_META,
+  safeArea: {
+    portrait: { top: 32, bottom: 24, left: 0, right: 0 },
+    landscape: { top: 0, bottom: 24, left: 32, right: 32 }
+  },
+  hardwareOverlays: {
+    type: "punch-hole",
+    portrait: {
+      x: 176,
+      // centered: (360 - 9) / 2 ~ 176
+      y: 12,
+      width: 9,
+      height: 9,
+      shape: "circle",
+      cornerRadius: 4.5
+    }
+  },
+  statusBar: {
+    height: 32,
+    style: "fullwidth",
+    hasTime: true,
+    hasBattery: true,
+    hasSignal: true
+  },
+  homeIndicator: {
+    type: "gestureline",
+    height: 5,
+    width: 90,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "right", yPosition: 180 },
+    volumeDown: { side: "right", yPosition: 214 },
+    power: { side: "right", yPosition: 260 }
+  }
+};
+function GalaxyS25SVG({ colorScheme = "dark", style }) {
+  const frameColor = colorScheme === "dark" ? "#1c1c1e" : "#e5e5e7";
+  const frameBorder = colorScheme === "dark" ? "#3a3a3c" : "#c7c7cc";
+  const buttonColor = colorScheme === "dark" ? "#2c2c2e" : "#d1d1d6";
+  const punchHoleColor = "#000000";
+  const bezelSide = 12;
+  const bezelTop = 18;
+  const bezelBottom = 18;
+  const screenW = 360;
+  const screenH = 780;
+  const totalW = screenW + bezelSide * 2;
+  const totalH = screenH + bezelTop + bezelBottom;
+  const cornerRadius = 42;
+  const outerRadius = cornerRadius + 8;
+  const screenRadius = cornerRadius;
+  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-galaxy-s25", 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" ? "#262628" : "#ededef" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: frameColor })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("mask", { id: "frame-screen-mask-galaxy-s25", 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-galaxy-s25)",
+            stroke: frameBorder,
+            strokeWidth: "1.5",
+            mask: "url(#frame-screen-mask-galaxy-s25)"
+          }
+        ),
+        /* @__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(
+          "circle",
+          {
+            "data-zone": "hardware-overlay",
+            "data-zone-type": "punch-hole-camera",
+            cx: bezelSide + screenW / 2,
+            cy: bezelTop + 16.5,
+            r: "4.5",
+            fill: punchHoleColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-top-inset",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "32",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-bottom-inset",
+            x: bezelSide,
+            y: bezelTop + screenH - 24,
+            width: screenW,
+            height: "24",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "status-bar",
+            "data-zone-style": "punch-hole",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "32",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "home-indicator",
+            "data-zone-type": "gesture-bar",
+            x: bezelSide + (screenW - 90) / 2,
+            y: bezelTop + screenH - 10,
+            width: "90",
+            height: "3",
+            rx: "1.5",
+            ry: "1.5",
+            fill: "rgba(255,255,255,0.25)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-up",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "180",
+            width: "3",
+            height: "28",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-down",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "216",
+            width: "3",
+            height: "28",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "power",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "266",
+            width: "3",
+            height: "36",
+            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"
+          }
+        )
+      ]
+    }
+  );
+}
+var GALAXY_S25_FRAME = {
+  bezelTop: 18,
+  bezelBottom: 18,
+  bezelLeft: 12,
+  bezelRight: 12,
+  totalWidth: 384,
+  totalHeight: 816,
+  screenWidth: 360,
+  screenHeight: 780,
+  screenRadius: 42
+};
+
+// src/android/galaxy-s25-edge/metadata.ts
+var GALAXY_S25_EDGE_META = {
+  id: "galaxy-s25-edge",
+  name: "Galaxy S25 Edge",
+  platform: "android",
+  year: 2025,
+  screen: {
+    width: 382,
+    height: 824,
+    physicalWidth: 1440,
+    physicalHeight: 3120,
+    dpr: 3.75,
+    aspectRatio: "19.5:9",
+    cornerRadius: 42,
+    ppi: 510
+  }
+};
+var GALAXY_S25_EDGE_LAYOUT = {
+  meta: GALAXY_S25_EDGE_META,
+  safeArea: {
+    portrait: { top: 32, bottom: 24, left: 0, right: 0 },
+    landscape: { top: 0, bottom: 24, left: 32, right: 32 }
+  },
+  hardwareOverlays: {
+    type: "punch-hole",
+    portrait: {
+      x: 187,
+      // centered: (382 - 8) / 2 = 187
+      y: 12,
+      width: 8,
+      height: 8,
+      shape: "circle",
+      cornerRadius: 4
+    }
+  },
+  statusBar: {
+    height: 32,
+    style: "fullwidth",
+    hasTime: true,
+    hasBattery: true,
+    hasSignal: true
+  },
+  homeIndicator: {
+    type: "gestureline",
+    height: 5,
+    width: 90,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "right", yPosition: 185 },
+    volumeDown: { side: "right", yPosition: 220 },
+    power: { side: "right", yPosition: 268 }
+  }
+};
+function GalaxyS25EdgeSVG({ colorScheme = "dark", style }) {
+  const frameColor = colorScheme === "dark" ? "#1c1c1e" : "#e5e5e7";
+  const frameBorder = colorScheme === "dark" ? "#3a3a3c" : "#c7c7cc";
+  const buttonColor = colorScheme === "dark" ? "#2c2c2e" : "#d1d1d6";
+  const punchHoleColor = "#000000";
+  const bezelSide = 8;
+  const bezelTop = 14;
+  const bezelBottom = 14;
+  const screenW = 382;
+  const screenH = 824;
+  const totalW = screenW + bezelSide * 2;
+  const totalH = screenH + bezelTop + bezelBottom;
+  const cornerRadius = 42;
+  const outerRadius = cornerRadius + 6;
+  const screenRadius = cornerRadius;
+  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-galaxy-s25-edge", 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" ? "#262628" : "#ededef" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: frameColor })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("mask", { id: "frame-screen-mask-galaxy-s25-edge", 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-galaxy-s25-edge)",
+            stroke: frameBorder,
+            strokeWidth: "1.5",
+            mask: "url(#frame-screen-mask-galaxy-s25-edge)"
+          }
+        ),
+        /* @__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(
+          "circle",
+          {
+            "data-zone": "hardware-overlay",
+            "data-zone-type": "punch-hole-camera",
+            cx: bezelSide + screenW / 2,
+            cy: bezelTop + 16,
+            r: "4",
+            fill: punchHoleColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-top-inset",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "32",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-bottom-inset",
+            x: bezelSide,
+            y: bezelTop + screenH - 24,
+            width: screenW,
+            height: "24",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "status-bar",
+            "data-zone-style": "punch-hole",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "32",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "home-indicator",
+            "data-zone-type": "gesture-bar",
+            x: bezelSide + (screenW - 90) / 2,
+            y: bezelTop + screenH - 10,
+            width: "90",
+            height: "3",
+            rx: "1.5",
+            ry: "1.5",
+            fill: "rgba(255,255,255,0.25)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-up",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "186",
+            width: "3",
+            height: "28",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-down",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "222",
+            width: "3",
+            height: "28",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "power",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "272",
+            width: "3",
+            height: "36",
+            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"
+          }
+        )
+      ]
+    }
+  );
+}
+var GALAXY_S25_EDGE_FRAME = {
+  bezelTop: 14,
+  bezelBottom: 14,
+  bezelLeft: 8,
+  bezelRight: 8,
+  totalWidth: 398,
+  totalHeight: 852,
+  screenWidth: 382,
+  screenHeight: 824,
+  screenRadius: 42
+};
+
+// src/android/pixel-9-pro-xl/metadata.ts
+var PIXEL_9_PRO_XL_META = {
+  id: "pixel-9-pro-xl",
+  name: "Pixel 9 Pro XL",
+  platform: "android",
+  year: 2024,
+  screen: {
+    width: 448,
+    height: 968,
+    physicalWidth: 1344,
+    physicalHeight: 2904,
+    dpr: 3,
+    aspectRatio: "19.5:9",
+    cornerRadius: 48,
+    ppi: 486
+  }
+};
+var PIXEL_9_PRO_XL_LAYOUT = {
+  meta: PIXEL_9_PRO_XL_META,
+  safeArea: {
+    portrait: { top: 32, bottom: 24, left: 0, right: 0 },
+    landscape: { top: 0, bottom: 24, left: 32, right: 32 }
+  },
+  hardwareOverlays: {
+    type: "punch-hole",
+    portrait: {
+      x: 219,
+      // centered: (448 - 11) / 2 ~ 219
+      y: 12,
+      width: 11,
+      height: 11,
+      shape: "circle",
+      cornerRadius: 5.5
+    }
+  },
+  statusBar: {
+    height: 32,
+    style: "fullwidth",
+    hasTime: true,
+    hasBattery: true,
+    hasSignal: true
+  },
+  homeIndicator: {
+    type: "gestureline",
+    height: 5,
+    width: 90,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "left", yPosition: 195 },
+    volumeDown: { side: "left", yPosition: 235 },
+    power: { side: "right", yPosition: 215 }
+  }
+};
+function Pixel9ProXLSVG({ colorScheme = "dark", style }) {
+  const frameColor = colorScheme === "dark" ? "#1c1c1e" : "#e5e5e7";
+  const frameBorder = colorScheme === "dark" ? "#3a3a3c" : "#c7c7cc";
+  const buttonColor = colorScheme === "dark" ? "#2c2c2e" : "#d1d1d6";
+  const punchHoleColor = "#000000";
+  const bezelSide = 12;
+  const bezelTop = 18;
+  const bezelBottom = 18;
+  const screenW = 448;
+  const screenH = 968;
+  const totalW = screenW + bezelSide * 2;
+  const totalH = screenH + bezelTop + bezelBottom;
+  const cornerRadius = 48;
+  const outerRadius = cornerRadius + 8;
+  const screenRadius = cornerRadius;
+  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-pixel-9-pro-xl", 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" ? "#262628" : "#ededef" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: frameColor })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("mask", { id: "frame-screen-mask-pixel-9-pro-xl", 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-pixel-9-pro-xl)",
+            stroke: frameBorder,
+            strokeWidth: "1.5",
+            mask: "url(#frame-screen-mask-pixel-9-pro-xl)"
+          }
+        ),
+        /* @__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(
+          "circle",
+          {
+            "data-zone": "hardware-overlay",
+            "data-zone-type": "punch-hole-camera",
+            cx: bezelSide + screenW / 2,
+            cy: bezelTop + 17.5,
+            r: "5.5",
+            fill: punchHoleColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-top-inset",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "32",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-bottom-inset",
+            x: bezelSide,
+            y: bezelTop + screenH - 24,
+            width: screenW,
+            height: "24",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "status-bar",
+            "data-zone-style": "punch-hole",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "32",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "home-indicator",
+            "data-zone-type": "gesture-bar",
+            x: bezelSide + (screenW - 90) / 2,
+            y: bezelTop + screenH - 10,
+            width: "90",
+            height: "3",
+            rx: "1.5",
+            ry: "1.5",
+            fill: "rgba(255,255,255,0.25)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "power",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "220",
+            width: "3",
+            height: "36",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-up",
+            "data-side": "left",
+            x: -1,
+            y: "250",
+            width: "3",
+            height: "28",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-down",
+            "data-side": "left",
+            x: -1,
+            y: "286",
+            width: "3",
+            height: "28",
+            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"
+          }
+        )
+      ]
+    }
+  );
+}
+var PIXEL_9_PRO_XL_FRAME = {
+  bezelTop: 18,
+  bezelBottom: 18,
+  bezelLeft: 12,
+  bezelRight: 12,
+  totalWidth: 472,
+  totalHeight: 1004,
+  screenWidth: 448,
+  screenHeight: 968,
+  screenRadius: 48
+};
+
+// src/android/pixel-9-pro/metadata.ts
+var PIXEL_9_PRO_META = {
+  id: "pixel-9-pro",
+  name: "Pixel 9 Pro",
+  platform: "android",
+  year: 2024,
+  screen: {
+    width: 393,
+    height: 851,
+    physicalWidth: 1080,
+    physicalHeight: 2340,
+    dpr: 3,
+    aspectRatio: "19.5:9",
+    cornerRadius: 48,
+    ppi: 423
+  }
+};
+var PIXEL_9_PRO_LAYOUT = {
+  meta: PIXEL_9_PRO_META,
+  safeArea: {
+    portrait: { top: 32, bottom: 24, left: 0, right: 0 },
+    landscape: { top: 0, bottom: 24, left: 32, right: 32 }
+  },
+  hardwareOverlays: {
+    type: "punch-hole",
+    portrait: {
+      x: 192,
+      // centered: (393 - 10) / 2 ~ 192
+      y: 12,
+      width: 10,
+      height: 10,
+      shape: "circle",
+      cornerRadius: 5
+    }
+  },
+  statusBar: {
+    height: 32,
+    style: "fullwidth",
+    hasTime: true,
+    hasBattery: true,
+    hasSignal: true
+  },
+  homeIndicator: {
+    type: "gestureline",
+    height: 5,
+    width: 90,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "left", yPosition: 185 },
+    volumeDown: { side: "left", yPosition: 220 },
+    power: { side: "right", yPosition: 205 }
+  }
+};
+function Pixel9ProSVG({ colorScheme = "dark", style }) {
+  const frameColor = colorScheme === "dark" ? "#1c1c1e" : "#e5e5e7";
+  const frameBorder = colorScheme === "dark" ? "#3a3a3c" : "#c7c7cc";
+  const buttonColor = colorScheme === "dark" ? "#2c2c2e" : "#d1d1d6";
+  const punchHoleColor = "#000000";
+  const bezelSide = 12;
+  const bezelTop = 18;
+  const bezelBottom = 18;
+  const screenW = 393;
+  const screenH = 851;
+  const totalW = screenW + bezelSide * 2;
+  const totalH = screenH + bezelTop + bezelBottom;
+  const cornerRadius = 48;
+  const outerRadius = cornerRadius + 8;
+  const screenRadius = cornerRadius;
+  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-pixel-9-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" ? "#262628" : "#ededef" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: frameColor })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("mask", { id: "frame-screen-mask-pixel-9-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-pixel-9-pro)",
+            stroke: frameBorder,
+            strokeWidth: "1.5",
+            mask: "url(#frame-screen-mask-pixel-9-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(
+          "circle",
+          {
+            "data-zone": "hardware-overlay",
+            "data-zone-type": "punch-hole-camera",
+            cx: bezelSide + screenW / 2,
+            cy: bezelTop + 17,
+            r: "5",
+            fill: punchHoleColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-top-inset",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "32",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "safe-area-bottom-inset",
+            x: bezelSide,
+            y: bezelTop + screenH - 24,
+            width: screenW,
+            height: "24",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "status-bar",
+            "data-zone-style": "punch-hole",
+            x: bezelSide,
+            y: bezelTop,
+            width: screenW,
+            height: "32",
+            fill: "transparent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-zone": "home-indicator",
+            "data-zone-type": "gesture-bar",
+            x: bezelSide + (screenW - 90) / 2,
+            y: bezelTop + screenH - 10,
+            width: "90",
+            height: "3",
+            rx: "1.5",
+            ry: "1.5",
+            fill: "rgba(255,255,255,0.25)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "power",
+            "data-side": "right",
+            x: totalW - 2,
+            y: "210",
+            width: "3",
+            height: "36",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-up",
+            "data-side": "left",
+            x: -1,
+            y: "240",
+            width: "3",
+            height: "28",
+            rx: "1.5",
+            fill: buttonColor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            "data-button": "volume-down",
+            "data-side": "left",
+            x: -1,
+            y: "276",
+            width: "3",
+            height: "28",
+            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"
+          }
+        )
+      ]
+    }
+  );
+}
+var PIXEL_9_PRO_FRAME = {
+  bezelTop: 18,
+  bezelBottom: 18,
+  bezelLeft: 12,
+  bezelRight: 12,
+  totalWidth: 417,
+  totalHeight: 887,
+  screenWidth: 393,
+  screenHeight: 851,
+  screenRadius: 48
+};
+
+exports.GALAXY_S25_EDGE_FRAME = GALAXY_S25_EDGE_FRAME;
+exports.GALAXY_S25_EDGE_LAYOUT = GALAXY_S25_EDGE_LAYOUT;
+exports.GALAXY_S25_EDGE_META = GALAXY_S25_EDGE_META;
+exports.GALAXY_S25_FRAME = GALAXY_S25_FRAME;
+exports.GALAXY_S25_LAYOUT = GALAXY_S25_LAYOUT;
+exports.GALAXY_S25_META = GALAXY_S25_META;
+exports.GALAXY_S25_ULTRA_FRAME = GALAXY_S25_ULTRA_FRAME;
+exports.GALAXY_S25_ULTRA_LAYOUT = GALAXY_S25_ULTRA_LAYOUT;
+exports.GALAXY_S25_ULTRA_META = GALAXY_S25_ULTRA_META;
+exports.GalaxyS25EdgeSVG = GalaxyS25EdgeSVG;
+exports.GalaxyS25SVG = GalaxyS25SVG;
+exports.GalaxyS25UltraSVG = GalaxyS25UltraSVG;
+exports.PIXEL_9_PRO_FRAME = PIXEL_9_PRO_FRAME;
+exports.PIXEL_9_PRO_LAYOUT = PIXEL_9_PRO_LAYOUT;
+exports.PIXEL_9_PRO_META = PIXEL_9_PRO_META;
+exports.PIXEL_9_PRO_XL_FRAME = PIXEL_9_PRO_XL_FRAME;
+exports.PIXEL_9_PRO_XL_LAYOUT = PIXEL_9_PRO_XL_LAYOUT;
+exports.PIXEL_9_PRO_XL_META = PIXEL_9_PRO_XL_META;
+exports.Pixel9ProSVG = Pixel9ProSVG;
+exports.Pixel9ProXLSVG = Pixel9ProXLSVG;
+//# sourceMappingURL=chunk-BXBG5BY7.cjs.map
+//# sourceMappingURL=chunk-BXBG5BY7.cjs.map