@biela.dev/devices 1.6.2 → 1.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1510,240 +1510,316 @@ var IPHONE_16_LAYOUT = {
1510
1510
  cameraControl: { side: "right", yPosition: 480 }
1511
1511
  }
1512
1512
  };
1513
- function IPhone16SVG({ colorScheme = "dark", style }) {
1514
- const frameColor = colorScheme === "dark" ? "#1a1a1a" : "#e8e8e8";
1515
- const frameBorder = colorScheme === "dark" ? "#333" : "#ccc";
1516
- const buttonColor = colorScheme === "dark" ? "#2a2a2a" : "#d0d0d0";
1517
- const islandColor = "#000000";
1518
- const bezelSide = 15;
1519
- const bezelTop = 23;
1520
- const bezelBottom = 23;
1521
- const screenW = 393;
1522
- const screenH = 852;
1523
- const totalW = screenW + bezelSide * 2;
1524
- const totalH = screenH + bezelTop + bezelBottom;
1525
- const outerRadius = 55;
1526
- const screenRadius = 48;
1527
- return /* @__PURE__ */ jsxRuntime.jsxs(
1528
- "svg",
1513
+ var SVG_STRING3 = `<svg width="1389" height="2847" viewBox="0 0 1389 2847" fill="none" xmlns="http://www.w3.org/2000/svg">
1514
+ <g clip-path="url(#clip0_59_779)">
1515
+ <path d="M1388.76 1250.97C1388.76 1254.97 1385.51 1258.22 1381.5 1258.22L1370.63 1258.22L1370.63 899.247L1381.5 899.247C1385.51 899.247 1388.76 902.494 1388.76 906.499L1388.76 1250.97Z" fill="#373737"/>
1516
+ <path opacity="0.76" d="M1388.76 1250.97C1388.76 1254.97 1385.51 1258.22 1381.5 1258.22L1370.63 1258.22L1370.63 899.247L1381.5 899.247C1385.51 899.247 1388.76 902.494 1388.76 906.499L1388.76 1250.97Z" fill="url(#paint0_linear_59_779)"/>
1517
+ <path d="M1388.76 1250.97C1388.76 1254.97 1385.51 1258.22 1381.5 1258.22L1370.63 1258.22L1370.63 899.247L1381.5 899.247C1385.51 899.247 1388.76 902.494 1388.76 906.499L1388.76 1250.97Z" fill="url(#paint1_linear_59_779)"/>
1518
+ <path opacity="0.48" d="M1388.76 1250.97C1388.76 1254.97 1385.51 1258.22 1381.5 1258.22L1370.63 1258.22L1370.63 899.247L1381.5 899.247C1385.51 899.247 1388.76 902.494 1388.76 906.499L1388.76 1250.97Z" fill="url(#paint2_linear_59_779)"/>
1519
+ <g filter="url(#filter0_f_59_779)">
1520
+ <path d="M1385.13 922.816C1385.13 923.817 1384.32 924.629 1383.32 924.629V924.629C1382.32 924.629 1381.5 923.817 1381.5 922.816L1381.5 917.377L1385.13 917.377L1385.13 922.816Z" fill="#909090"/>
1521
+ </g>
1522
+ <g filter="url(#filter1_f_59_779)">
1523
+ <path d="M1385.13 1236.46L1381.5 1236.46L1381.5 908.312C1381.5 907.311 1382.32 906.499 1383.32 906.499V906.499C1384.32 906.499 1385.13 907.311 1385.13 908.312L1385.13 1236.46Z" fill="#555555" fill-opacity="0.8"/>
1524
+ </g>
1525
+ <g filter="url(#filter2_f_59_779)">
1526
+ <path d="M1388.76 1243.72L1385.13 1243.72L1385.13 901.06C1385.13 900.059 1385.94 899.247 1386.94 899.247V899.247C1387.94 899.247 1388.76 900.059 1388.76 901.06L1388.76 1243.72Z" fill="black"/>
1527
+ </g>
1528
+ </g>
1529
+ <g clip-path="url(#clip1_59_779)">
1530
+ <path d="M0 547.525C0 543.52 3.24683 540.273 7.25199 540.273H18.13V652.679H7.25199C3.24682 652.679 0 649.432 0 645.427V547.525Z" fill="#373737"/>
1531
+ <path opacity="0.76" d="M0 547.525C0 543.52 3.24683 540.273 7.25199 540.273H18.13V652.679H7.25199C3.24682 652.679 0 649.432 0 645.427V547.525Z" fill="url(#paint3_linear_59_779)"/>
1532
+ <path d="M0 547.525C0 543.52 3.24683 540.273 7.25199 540.273H18.13V652.679H7.25199C3.24682 652.679 0 649.432 0 645.427V547.525Z" fill="url(#paint4_linear_59_779)"/>
1533
+ <path opacity="0.48" d="M0 547.525C0 543.52 3.24683 540.273 7.25199 540.273H18.13V652.679H7.25199C3.24682 652.679 0 649.432 0 645.427V547.525Z" fill="url(#paint5_linear_59_779)"/>
1534
+ <g filter="url(#filter3_f_59_779)">
1535
+ <path d="M3.62598 545.713C3.62598 544.712 4.43768 543.9 5.43897 543.9V543.9C6.44026 543.9 7.25197 544.712 7.25197 545.713V551.152H3.62598V545.713Z" fill="#909090"/>
1536
+ </g>
1537
+ <g filter="url(#filter4_f_59_779)">
1538
+ <path d="M3.62598 551.152H7.25197V643.615C7.25197 644.617 6.44026 645.428 5.43897 645.428V645.428C4.43768 645.428 3.62598 644.617 3.62598 643.615V551.152Z" fill="#555555" fill-opacity="0.8"/>
1539
+ </g>
1540
+ <g filter="url(#filter5_f_59_779)">
1541
+ <path d="M0 536.648H3.62599V658.119C3.62599 659.121 2.81429 659.932 1.813 659.932V659.932C0.811707 659.932 0 659.121 0 658.119V536.648Z" fill="black"/>
1542
+ </g>
1543
+ </g>
1544
+ <g clip-path="url(#clip2_59_779)">
1545
+ <path d="M0 765.085C0 761.08 3.24683 757.833 7.25199 757.833H18.13V960.889H7.25199C3.24682 960.889 0 957.642 0 953.637V765.085Z" fill="#373737"/>
1546
+ <path opacity="0.76" d="M0 765.085C0 761.08 3.24683 757.833 7.25199 757.833H18.13V960.889H7.25199C3.24682 960.889 0 957.642 0 953.637V765.085Z" fill="url(#paint6_linear_59_779)"/>
1547
+ <path d="M0 765.085C0 761.08 3.24683 757.833 7.25199 757.833H18.13V960.889H7.25199C3.24682 960.889 0 957.642 0 953.637V765.085Z" fill="url(#paint7_linear_59_779)"/>
1548
+ <path opacity="0.48" d="M0 765.085C0 761.08 3.24683 757.833 7.25199 757.833H18.13V960.889H7.25199C3.24682 960.889 0 957.642 0 953.637V765.085Z" fill="url(#paint8_linear_59_779)"/>
1549
+ <g filter="url(#filter6_f_59_779)">
1550
+ <path d="M3.62598 763.272C3.62598 762.271 4.43768 761.459 5.43897 761.459V761.459C6.44026 761.459 7.25197 762.271 7.25197 763.272V772.337H3.62598V763.272Z" fill="#909090"/>
1551
+ </g>
1552
+ <g filter="url(#filter7_f_59_779)">
1553
+ <path d="M3.62598 768.711H7.25197V955.45C7.25197 956.451 6.44026 957.263 5.43897 957.263V957.263C4.43768 957.263 3.62598 956.451 3.62598 955.45V768.711Z" fill="#555555" fill-opacity="0.8"/>
1554
+ </g>
1555
+ <g filter="url(#filter8_f_59_779)">
1556
+ <path d="M0 757.833H3.62599V966.328C3.62599 967.329 2.81429 968.141 1.813 968.141V968.141C0.811707 968.141 0 967.329 0 966.328V757.833Z" fill="black"/>
1557
+ </g>
1558
+ </g>
1559
+ <g clip-path="url(#clip3_59_779)">
1560
+ <path d="M0 1029.78C0 1025.78 3.24683 1022.53 7.25199 1022.53H18.13V1225.59H7.25199C3.24682 1225.59 0 1222.34 0 1218.33V1029.78Z" fill="#373737"/>
1561
+ <path opacity="0.76" d="M0 1029.78C0 1025.78 3.24683 1022.53 7.25199 1022.53H18.13V1225.59H7.25199C3.24682 1225.59 0 1222.34 0 1218.33V1029.78Z" fill="url(#paint9_linear_59_779)"/>
1562
+ <path d="M0 1029.78C0 1025.78 3.24683 1022.53 7.25199 1022.53H18.13V1225.59H7.25199C3.24682 1225.59 0 1222.34 0 1218.33V1029.78Z" fill="url(#paint10_linear_59_779)"/>
1563
+ <path opacity="0.48" d="M0 1029.78C0 1025.78 3.24683 1022.53 7.25199 1022.53H18.13V1225.59H7.25199C3.24682 1225.59 0 1222.34 0 1218.33V1029.78Z" fill="url(#paint11_linear_59_779)"/>
1564
+ <g filter="url(#filter9_f_59_779)">
1565
+ <path d="M3.62598 1031.6C3.62598 1030.59 4.43768 1029.78 5.43897 1029.78V1029.78C6.44026 1029.78 7.25197 1030.59 7.25197 1031.6V1037.04H3.62598V1031.6Z" fill="#909090"/>
1566
+ </g>
1567
+ <g filter="url(#filter10_f_59_779)">
1568
+ <path d="M3.62598 1033.41H7.25197V1220.15C7.25197 1221.15 6.44026 1221.96 5.43897 1221.96V1221.96C4.43768 1221.96 3.62598 1221.15 3.62598 1220.15V1033.41Z" fill="#555555" fill-opacity="0.8"/>
1569
+ </g>
1570
+ <g filter="url(#filter11_f_59_779)">
1571
+ <path d="M0 1022.53H3.62599V1231.03C3.62599 1232.03 2.81429 1232.84 1.813 1232.84V1232.84C0.811707 1232.84 0 1232.03 0 1231.03V1022.53Z" fill="black"/>
1572
+ </g>
1573
+ </g>
1574
+ <g clip-path="url(#clip4_59_779)">
1575
+ <rect x="10.8779" width="1367" height="2846.41" rx="224.812" fill="black"/>
1576
+ <g filter="url(#filter12_f_59_779)">
1577
+ <rect x="16.3169" y="5.43899" width="1356.12" height="2835.53" rx="219.373" stroke="#7B7B7B" stroke-width="10.878"/>
1578
+ </g>
1579
+ <g filter="url(#filter13_f_59_779)">
1580
+ <rect x="12.6909" y="1.813" width="1363.37" height="2842.78" rx="222.999" stroke="black" stroke-width="3.62599"/>
1581
+ </g>
1582
+ <g filter="url(#filter14_f_59_779)">
1583
+ <rect x="30.8208" y="19.9439" width="1330.74" height="2810.15" rx="208.495" stroke="#5F5F5F" stroke-width="3.62599"/>
1584
+ </g>
1585
+ <rect x="24.6566" y="13.7787" width="1339.44" height="2818.85" rx="211.033" stroke="#232323" stroke-width="1.4504"/>
1586
+ <rect x="1073.29" width="21.756" height="14.504" fill="url(#paint12_linear_59_779)"/>
1587
+ <rect x="10.8779" y="315.463" width="21.756" height="14.504" transform="rotate(-90 10.8779 315.463)" fill="url(#paint13_linear_59_779)"/>
1588
+ <rect x="10.8779" y="2530.95" width="14.504" height="21.756" fill="url(#paint14_linear_59_779)"/>
1589
+ <rect x="239.315" y="2831.9" width="18.13" height="14.504" fill="url(#paint15_linear_59_779)"/>
1590
+ <rect x="1363.37" y="2530.95" width="14.504" height="21.756" fill="url(#paint16_linear_59_779)"/>
1591
+ </g>
1592
+ <g clip-path="url(#clip5_59_779)">
1593
+ <rect x="25.3818" y="14.5039" width="1337.99" height="2817.4" rx="210.308" fill="#000100"/>
1594
+ <g filter="url(#filter15_f_59_779)">
1595
+ <rect x="32.6338" y="21.7559" width="1323.49" height="2802.89" rx="203.056" stroke="url(#paint17_radial_59_779)" stroke-width="14.504"/>
1596
+ </g>
1597
+ </g>
1598
+ <g clip-path="url(#clip6_59_779)">
1599
+ <rect x="54.3896" y="43.5117" width="1279.98" height="2759.38" rx="188.552" fill="#3A3A3A"/>
1600
+ </g>
1601
+ <rect x="493.135" y="87.0234" width="398.859" height="112.406" rx="56.2029" fill="#030303"/>
1602
+ <circle cx="832.602" cy="143.662" r="34.8828" fill="#0E0B0F"/>
1603
+ <circle cx="832.601" cy="143.663" r="19.3794" fill="#161424"/>
1604
+ <circle cx="832.604" cy="143.661" r="11.6276" fill="#0F0F2A"/>
1605
+ <circle cx="832.599" cy="139.788" r="3.87587" fill="#393752"/>
1606
+ <path opacity="0.35" d="M1175.43 121.571H1237.07C1244.02 121.571 1249.66 127.208 1249.66 134.162V152.292C1249.66 159.246 1244.02 164.883 1237.07 164.883H1175.43C1168.47 164.883 1162.84 159.246 1162.84 152.292V134.162C1162.84 127.208 1168.47 121.571 1175.43 121.571Z" stroke="white" stroke-width="3.82574"/>
1607
+ <path opacity="0.4" d="M1255.2 137.789V153.092C1258.28 151.796 1260.28 148.781 1260.28 145.441C1260.28 142.1 1258.28 139.085 1255.2 137.789" fill="white"/>
1608
+ <path d="M1168.17 134.162C1168.17 130.157 1171.42 126.91 1175.43 126.91H1237.07C1241.07 126.91 1244.32 130.157 1244.32 134.162V152.292C1244.32 156.297 1241.07 159.544 1237.07 159.544H1175.43C1171.42 159.544 1168.17 156.297 1168.17 152.292V134.162Z" fill="white"/>
1609
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1108.35 129.041C1117.29 129.041 1125.89 132.549 1132.37 138.839C1132.86 139.325 1133.64 139.319 1134.12 138.826L1138.79 134.019C1139.03 133.769 1139.17 133.43 1139.17 133.077C1139.16 132.725 1139.03 132.388 1138.78 132.14C1121.77 115.498 1094.93 115.498 1077.91 132.14C1077.67 132.387 1077.53 132.724 1077.52 133.077C1077.52 133.43 1077.66 133.769 1077.9 134.019L1082.57 138.826C1083.05 139.319 1083.83 139.326 1084.32 138.839C1090.8 132.549 1099.4 129.041 1108.35 129.041ZM1108.48 143.852C1113.39 143.852 1118.13 145.716 1121.77 149.083C1122.26 149.561 1123.04 149.551 1123.52 149.06L1128.18 144.253C1128.43 144.001 1128.56 143.659 1128.56 143.304C1128.56 142.948 1128.41 142.609 1128.16 142.362C1117.07 131.83 1099.89 131.83 1088.8 142.362C1088.55 142.609 1088.41 142.949 1088.4 143.304C1088.4 143.66 1088.54 144.002 1088.78 144.253L1093.44 149.06C1093.92 149.551 1094.7 149.561 1095.19 149.083C1098.83 145.719 1103.57 143.854 1108.48 143.852ZM1117.95 153.535C1117.96 153.891 1117.82 154.235 1117.57 154.485L1109.51 162.789C1109.28 163.033 1108.95 163.17 1108.62 163.17C1108.28 163.17 1107.96 163.033 1107.72 162.789L1099.66 154.485C1099.41 154.235 1099.27 153.891 1099.28 153.535C1099.29 153.178 1099.44 152.841 1099.7 152.602C1104.85 148.157 1112.39 148.157 1117.54 152.602C1117.79 152.841 1117.95 153.178 1117.95 153.535Z" fill="white"/>
1610
+ <path d="M1023.13 130.536C1023.13 128.534 1024.76 126.91 1026.76 126.91H1030.39C1032.39 126.91 1034.01 128.534 1034.01 130.536V159.544C1034.01 161.547 1032.39 163.17 1030.39 163.17H1026.76C1024.76 163.17 1023.13 161.547 1023.13 159.544V130.536Z" fill="white"/>
1611
+ <path d="M1041.26 123.284C1041.26 121.282 1042.89 119.658 1044.89 119.658H1048.52C1050.52 119.658 1052.14 121.282 1052.14 123.284V159.544C1052.14 161.547 1050.52 163.17 1048.52 163.17H1044.89C1042.89 163.17 1041.26 161.547 1041.26 159.544V123.284Z" fill="white"/>
1612
+ <path d="M1005 143.227C1005 141.225 1006.63 139.601 1008.63 139.601H1012.26C1014.26 139.601 1015.88 141.225 1015.88 143.227V159.544C1015.88 161.547 1014.26 163.17 1012.26 163.17H1008.63C1006.63 163.17 1005 161.547 1005 159.544V143.227Z" fill="white"/>
1613
+ <path d="M986.875 152.292C986.875 150.29 988.498 148.666 990.501 148.666H994.127C996.13 148.666 997.753 150.29 997.753 152.292V159.544C997.753 161.547 996.13 163.17 994.127 163.17H990.501C988.498 163.17 986.875 161.547 986.875 159.544V152.292Z" fill="white"/>
1614
+ <path d="M221.065 122.638C230.335 122.638 238.401 129.23 238.401 144.881V144.942C238.401 159.569 231.81 168.238 220.884 168.238C212.908 168.238 206.948 163.512 205.564 156.861L205.504 156.529H213.149L213.239 156.83C214.383 159.87 217.061 161.857 220.884 161.857C227.777 161.857 230.696 155.115 231.027 146.808C231.027 146.477 231.057 146.145 231.057 145.814H230.455C228.86 149.246 225.068 152.286 219.108 152.286C210.771 152.286 204.932 146.206 204.932 137.959V137.898C204.932 129.08 211.644 122.638 221.065 122.638ZM221.034 146.326C225.941 146.326 229.703 142.774 229.703 137.868V137.808C229.703 132.842 225.941 128.959 221.125 128.959C216.339 128.959 212.517 132.782 212.517 137.628V137.688C212.517 142.714 216.098 146.326 221.034 146.326ZM249.165 139.012C246.426 139.012 244.38 136.905 244.38 134.257C244.38 131.578 246.426 129.501 249.165 129.501C251.934 129.501 253.951 131.578 253.951 134.257C253.951 136.905 251.934 139.012 249.165 139.012ZM249.165 161.345C246.426 161.345 244.38 159.268 244.38 156.59C244.38 153.911 246.426 151.834 249.165 151.834C251.934 151.834 253.951 153.911 253.951 156.59C253.951 159.268 251.934 161.345 249.165 161.345ZM280.998 167.154V158.817H259.749V152.466C265.377 142.684 271.547 132.691 277.447 123.722H288.433V152.406H294.272V158.817H288.433V167.154H280.998ZM266.972 152.587H281.119V129.922H280.667C276.213 136.725 271.186 144.761 266.972 152.135V152.587ZM309.37 167.154V131.367H308.858L298.053 139.012V131.698L309.4 123.722H317.136V167.154H309.37Z" fill="white"/>
1615
+ <defs>
1616
+ <filter id="filter0_f_59_779" x="1377.88" y="913.751" width="10.878" height="14.5039" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1617
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1618
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1619
+ <feGaussianBlur stdDeviation="1.813" result="effect1_foregroundBlur_59_779"/>
1620
+ </filter>
1621
+ <filter id="filter1_f_59_779" x="1377.88" y="902.873" width="10.878" height="337.218" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1622
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1623
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1624
+ <feGaussianBlur stdDeviation="1.813" result="effect1_foregroundBlur_59_779"/>
1625
+ </filter>
1626
+ <filter id="filter2_f_59_779" x="1377.88" y="891.995" width="18.13" height="358.974" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1627
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1628
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1629
+ <feGaussianBlur stdDeviation="3.62599" result="effect1_foregroundBlur_59_779"/>
1630
+ </filter>
1631
+ <filter id="filter3_f_59_779" x="-1.81198e-05" y="540.274" width="10.878" height="14.5039" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1632
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1633
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1634
+ <feGaussianBlur stdDeviation="1.813" result="effect1_foregroundBlur_59_779"/>
1635
+ </filter>
1636
+ <filter id="filter4_f_59_779" x="-1.81198e-05" y="547.526" width="10.878" height="101.527" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1637
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1638
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1639
+ <feGaussianBlur stdDeviation="1.813" result="effect1_foregroundBlur_59_779"/>
1640
+ </filter>
1641
+ <filter id="filter5_f_59_779" x="-7.25199" y="529.396" width="18.13" height="137.787" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1642
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1643
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1644
+ <feGaussianBlur stdDeviation="3.62599" result="effect1_foregroundBlur_59_779"/>
1645
+ </filter>
1646
+ <filter id="filter6_f_59_779" x="-1.81198e-05" y="757.833" width="10.878" height="18.1299" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1647
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1648
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1649
+ <feGaussianBlur stdDeviation="1.813" result="effect1_foregroundBlur_59_779"/>
1650
+ </filter>
1651
+ <filter id="filter7_f_59_779" x="-1.81198e-05" y="765.085" width="10.878" height="195.804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1652
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1653
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1654
+ <feGaussianBlur stdDeviation="1.813" result="effect1_foregroundBlur_59_779"/>
1655
+ </filter>
1656
+ <filter id="filter8_f_59_779" x="-7.25199" y="750.581" width="18.13" height="224.812" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1657
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1658
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1659
+ <feGaussianBlur stdDeviation="3.62599" result="effect1_foregroundBlur_59_779"/>
1660
+ </filter>
1661
+ <filter id="filter9_f_59_779" x="-1.81198e-05" y="1026.16" width="10.878" height="14.5039" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1662
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1663
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1664
+ <feGaussianBlur stdDeviation="1.813" result="effect1_foregroundBlur_59_779"/>
1665
+ </filter>
1666
+ <filter id="filter10_f_59_779" x="-1.81198e-05" y="1029.78" width="10.878" height="195.804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1667
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1668
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1669
+ <feGaussianBlur stdDeviation="1.813" result="effect1_foregroundBlur_59_779"/>
1670
+ </filter>
1671
+ <filter id="filter11_f_59_779" x="-7.25199" y="1015.28" width="18.13" height="224.812" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1672
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1673
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1674
+ <feGaussianBlur stdDeviation="3.62599" result="effect1_foregroundBlur_59_779"/>
1675
+ </filter>
1676
+ <filter id="filter12_f_59_779" x="-3.62605" y="-14.504" width="1396.01" height="2875.41" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1677
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1678
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1679
+ <feGaussianBlur stdDeviation="7.25199" result="effect1_foregroundBlur_59_779"/>
1680
+ </filter>
1681
+ <filter id="filter13_f_59_779" x="3.62594" y="-7.25199" width="1381.5" height="2860.91" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1682
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1683
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1684
+ <feGaussianBlur stdDeviation="3.62599" result="effect1_foregroundBlur_59_779"/>
1685
+ </filter>
1686
+ <filter id="filter14_f_59_779" x="21.7558" y="10.8789" width="1348.87" height="2828.28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1687
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1688
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1689
+ <feGaussianBlur stdDeviation="3.62599" result="effect1_foregroundBlur_59_779"/>
1690
+ </filter>
1691
+ <filter id="filter15_f_59_779" x="-0.000125885" y="-10.8781" width="1388.76" height="2868.16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
1692
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
1693
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
1694
+ <feGaussianBlur stdDeviation="12.691" result="effect1_foregroundBlur_59_779"/>
1695
+ </filter>
1696
+ <linearGradient id="paint0_linear_59_779" x1="1379.69" y1="1258.22" x2="1379.69" y2="1241.9" gradientUnits="userSpaceOnUse">
1697
+ <stop/>
1698
+ <stop offset="1" stop-opacity="0"/>
1699
+ </linearGradient>
1700
+ <linearGradient id="paint1_linear_59_779" x1="1370.63" y1="1258.22" x2="1383.32" y2="1258.22" gradientUnits="userSpaceOnUse">
1701
+ <stop/>
1702
+ <stop offset="1" stop-color="#AEAEAE" stop-opacity="0"/>
1703
+ </linearGradient>
1704
+ <linearGradient id="paint2_linear_59_779" x1="1379.69" y1="915.564" x2="1379.69" y2="899.247" gradientUnits="userSpaceOnUse">
1705
+ <stop stop-opacity="0"/>
1706
+ <stop offset="1"/>
1707
+ </linearGradient>
1708
+ <linearGradient id="paint3_linear_59_779" x1="9.06499" y1="540.273" x2="9.06499" y2="551.151" gradientUnits="userSpaceOnUse">
1709
+ <stop/>
1710
+ <stop offset="1" stop-opacity="0"/>
1711
+ </linearGradient>
1712
+ <linearGradient id="paint4_linear_59_779" x1="18.13" y1="540.273" x2="5.43899" y2="540.273" gradientUnits="userSpaceOnUse">
1713
+ <stop/>
1714
+ <stop offset="1" stop-color="#AEAEAE" stop-opacity="0"/>
1715
+ </linearGradient>
1716
+ <linearGradient id="paint5_linear_59_779" x1="9.06499" y1="633.452" x2="9.06499" y2="652.679" gradientUnits="userSpaceOnUse">
1717
+ <stop stop-opacity="0"/>
1718
+ <stop offset="1"/>
1719
+ </linearGradient>
1720
+ <linearGradient id="paint6_linear_59_779" x1="9.06499" y1="757.833" x2="9.06499" y2="772.337" gradientUnits="userSpaceOnUse">
1721
+ <stop/>
1722
+ <stop offset="1" stop-opacity="0"/>
1723
+ </linearGradient>
1724
+ <linearGradient id="paint7_linear_59_779" x1="18.13" y1="757.833" x2="5.43899" y2="757.833" gradientUnits="userSpaceOnUse">
1725
+ <stop/>
1726
+ <stop offset="1" stop-color="#AEAEAE" stop-opacity="0"/>
1727
+ </linearGradient>
1728
+ <linearGradient id="paint8_linear_59_779" x1="9.06499" y1="946.385" x2="9.06499" y2="960.889" gradientUnits="userSpaceOnUse">
1729
+ <stop stop-opacity="0"/>
1730
+ <stop offset="1"/>
1731
+ </linearGradient>
1732
+ <linearGradient id="paint9_linear_59_779" x1="9.06499" y1="1022.53" x2="9.06499" y2="1037.04" gradientUnits="userSpaceOnUse">
1733
+ <stop/>
1734
+ <stop offset="1" stop-opacity="0"/>
1735
+ </linearGradient>
1736
+ <linearGradient id="paint10_linear_59_779" x1="18.13" y1="1022.53" x2="5.43899" y2="1022.53" gradientUnits="userSpaceOnUse">
1737
+ <stop/>
1738
+ <stop offset="1" stop-color="#AEAEAE" stop-opacity="0"/>
1739
+ </linearGradient>
1740
+ <linearGradient id="paint11_linear_59_779" x1="9.06499" y1="1211.08" x2="9.06499" y2="1225.59" gradientUnits="userSpaceOnUse">
1741
+ <stop stop-opacity="0"/>
1742
+ <stop offset="1"/>
1743
+ </linearGradient>
1744
+ <linearGradient id="paint12_linear_59_779" x1="1084.17" y1="0" x2="1084.17" y2="14.504" gradientUnits="userSpaceOnUse">
1745
+ <stop stop-color="#393939"/>
1746
+ <stop offset="1" stop-color="#4E4E4E"/>
1747
+ </linearGradient>
1748
+ <linearGradient id="paint13_linear_59_779" x1="21.7559" y1="315.463" x2="21.7559" y2="329.967" gradientUnits="userSpaceOnUse">
1749
+ <stop stop-color="#393939"/>
1750
+ <stop offset="1" stop-color="#4E4E4E"/>
1751
+ </linearGradient>
1752
+ <linearGradient id="paint14_linear_59_779" x1="10.8779" y1="2541.82" x2="25.3819" y2="2541.82" gradientUnits="userSpaceOnUse">
1753
+ <stop stop-color="#393939"/>
1754
+ <stop offset="1" stop-color="#4E4E4E"/>
1755
+ </linearGradient>
1756
+ <linearGradient id="paint15_linear_59_779" x1="248.38" y1="2846.41" x2="248.38" y2="2831.9" gradientUnits="userSpaceOnUse">
1757
+ <stop stop-color="#393939"/>
1758
+ <stop offset="1" stop-color="#4E4E4E"/>
1759
+ </linearGradient>
1760
+ <linearGradient id="paint16_linear_59_779" x1="1377.88" y1="2541.82" x2="1363.37" y2="2541.82" gradientUnits="userSpaceOnUse">
1761
+ <stop stop-color="#393939"/>
1762
+ <stop offset="1" stop-color="#4E4E4E"/>
1763
+ </linearGradient>
1764
+ <radialGradient id="paint17_radial_59_779" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(696.063 664.542) rotate(90) scale(1154.11 1278.41)">
1765
+ <stop stop-color="#879194"/>
1766
+ <stop offset="1"/>
1767
+ </radialGradient>
1768
+ <clipPath id="clip0_59_779">
1769
+ <path d="M1388.76 1254.59C1388.76 1258.6 1385.51 1261.85 1381.5 1261.85L1370.63 1261.85L1370.63 913.751L1381.5 913.751C1385.51 913.751 1388.76 916.998 1388.76 921.003L1388.76 1254.59Z" fill="white"/>
1770
+ </clipPath>
1771
+ <clipPath id="clip1_59_779">
1772
+ <path d="M0 547.525C0 543.52 3.24683 540.273 7.25199 540.273H18.13V652.679H7.25199C3.24682 652.679 0 649.432 0 645.427V547.525Z" fill="white"/>
1773
+ </clipPath>
1774
+ <clipPath id="clip2_59_779">
1775
+ <path d="M0 765.085C0 761.08 3.24683 757.833 7.25199 757.833H18.13V960.889H7.25199C3.24682 960.889 0 957.642 0 953.637V765.085Z" fill="white"/>
1776
+ </clipPath>
1777
+ <clipPath id="clip3_59_779">
1778
+ <path d="M0 1029.78C0 1025.78 3.24683 1022.53 7.25199 1022.53H18.13V1225.59H7.25199C3.24682 1225.59 0 1222.34 0 1218.33V1029.78Z" fill="white"/>
1779
+ </clipPath>
1780
+ <clipPath id="clip4_59_779">
1781
+ <rect x="10.8779" width="1367" height="2846.41" rx="224.812" fill="white"/>
1782
+ </clipPath>
1783
+ <clipPath id="clip5_59_779">
1784
+ <rect x="25.3818" y="14.5039" width="1337.99" height="2817.4" rx="210.308" fill="white"/>
1785
+ </clipPath>
1786
+ <clipPath id="clip6_59_779">
1787
+ <rect x="54.3896" y="43.5117" width="1279.98" height="2759.38" rx="188.552" fill="white"/>
1788
+ </clipPath>
1789
+ </defs>
1790
+ <rect data-zone="screen-area" x="15" y="13" width="362" height="826" fill="none" stroke="none"/>
1791
+ <rect data-zone="hardware-overlay" x="139" y="26" width="113" height="34" fill="none" stroke="none"/>
1792
+ <rect data-zone="safe-area-top" x="15" y="13" width="362" height="57" fill="none" stroke="none"/>
1793
+ <rect data-zone="safe-area-bottom" x="15" y="806" width="362" height="33" fill="none" stroke="none"/>
1794
+ <rect data-zone="safe-area-left" x="15" y="13" width="0" height="826" fill="none" stroke="none"/>
1795
+ <rect data-zone="safe-area-right" x="377" y="13" width="0" height="826" fill="none" stroke="none"/>
1796
+ <rect data-zone="status-bar" x="15" y="13" width="362" height="53" fill="none" stroke="none"/>
1797
+ <rect data-zone="home-indicator" x="135" y="826" width="123" height="5" fill="none" stroke="none"/>
1798
+ <rect data-button="volume-up" data-side="left" x="3" y="94" width="6" height="4" fill="none" stroke="none"/>
1799
+ <rect data-button="volume-down" data-side="left" x="3" y="757" width="4" height="7" fill="none" stroke="none"/>
1800
+ <rect data-button="power" data-side="right" x="386" y="757" width="4" height="7" fill="none" stroke="none"/>
1801
+ </svg>`;
1802
+ function IPhone16SVG({ style }) {
1803
+ return /* @__PURE__ */ jsxRuntime.jsx(
1804
+ "div",
1529
1805
  {
1530
- viewBox: `0 0 ${totalW} ${totalH}`,
1531
- width: totalW,
1532
- height: totalH,
1533
- xmlns: "http://www.w3.org/2000/svg",
1534
1806
  style,
1535
- children: [
1536
- /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
1537
- /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "frame-gradient-iphone-16", x1: "0", y1: "0", x2: "1", y2: "1", children: [
1538
- /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: frameColor }),
1539
- /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: colorScheme === "dark" ? "#252525" : "#f0f0f0" }),
1540
- /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: frameColor })
1541
- ] }),
1542
- /* @__PURE__ */ jsxRuntime.jsxs("mask", { id: "frame-screen-mask-iphone-16", children: [
1543
- /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: totalW, height: totalH, fill: "white" }),
1544
- /* @__PURE__ */ jsxRuntime.jsx(
1545
- "rect",
1546
- {
1547
- x: bezelSide,
1548
- y: bezelTop,
1549
- width: screenW,
1550
- height: screenH,
1551
- rx: screenRadius,
1552
- ry: screenRadius,
1553
- fill: "black"
1554
- }
1555
- )
1556
- ] })
1557
- ] }),
1558
- /* @__PURE__ */ jsxRuntime.jsx(
1559
- "rect",
1560
- {
1561
- x: "0",
1562
- y: "0",
1563
- width: totalW,
1564
- height: totalH,
1565
- rx: outerRadius,
1566
- ry: outerRadius,
1567
- fill: "url(#frame-gradient-iphone-16)",
1568
- stroke: frameBorder,
1569
- strokeWidth: "1.5",
1570
- mask: "url(#frame-screen-mask-iphone-16)"
1571
- }
1572
- ),
1573
- /* @__PURE__ */ jsxRuntime.jsx(
1574
- "rect",
1575
- {
1576
- "data-zone": "screen-area",
1577
- x: bezelSide,
1578
- y: bezelTop,
1579
- width: screenW,
1580
- height: screenH,
1581
- rx: screenRadius,
1582
- ry: screenRadius,
1583
- fill: "none"
1584
- }
1585
- ),
1586
- /* @__PURE__ */ jsxRuntime.jsx(
1587
- "rect",
1588
- {
1589
- "data-zone": "hardware-overlay",
1590
- "data-zone-type": "dynamic-island",
1591
- "data-zone-shape": "pill",
1592
- x: bezelSide + (screenW - 126) / 2,
1593
- y: bezelTop + 11,
1594
- width: "126",
1595
- height: "37",
1596
- rx: "18.5",
1597
- ry: "18.5",
1598
- fill: islandColor
1599
- }
1600
- ),
1601
- /* @__PURE__ */ jsxRuntime.jsx(
1602
- "rect",
1603
- {
1604
- "data-zone": "safe-area-top-inset",
1605
- x: bezelSide,
1606
- y: bezelTop,
1607
- width: screenW,
1608
- height: "62",
1609
- fill: "transparent"
1610
- }
1611
- ),
1612
- /* @__PURE__ */ jsxRuntime.jsx(
1613
- "rect",
1614
- {
1615
- "data-zone": "safe-area-bottom-inset",
1616
- x: bezelSide,
1617
- y: bezelTop + screenH - 34,
1618
- width: screenW,
1619
- height: "34",
1620
- fill: "transparent"
1621
- }
1622
- ),
1623
- /* @__PURE__ */ jsxRuntime.jsx(
1624
- "rect",
1625
- {
1626
- "data-zone": "status-bar",
1627
- "data-zone-style": "dynamic-island",
1628
- x: bezelSide,
1629
- y: bezelTop,
1630
- width: screenW,
1631
- height: "54",
1632
- fill: "transparent"
1633
- }
1634
- ),
1635
- /* @__PURE__ */ jsxRuntime.jsx(
1636
- "rect",
1637
- {
1638
- "data-zone": "home-indicator",
1639
- "data-zone-type": "swipe-bar",
1640
- x: bezelSide + (screenW - 134) / 2,
1641
- y: bezelTop + screenH - 13,
1642
- width: "134",
1643
- height: "5",
1644
- rx: "2.5",
1645
- ry: "2.5",
1646
- fill: "rgba(255,255,255,0.3)"
1647
- }
1648
- ),
1649
- /* @__PURE__ */ jsxRuntime.jsx(
1650
- "rect",
1651
- {
1652
- "data-button": "volume-up",
1653
- "data-side": "left",
1654
- x: "-1",
1655
- y: "200",
1656
- width: "3",
1657
- height: "32",
1658
- rx: "1.5",
1659
- fill: buttonColor
1660
- }
1661
- ),
1662
- /* @__PURE__ */ jsxRuntime.jsx(
1663
- "rect",
1664
- {
1665
- "data-button": "volume-down",
1666
- "data-side": "left",
1667
- x: "-1",
1668
- y: "240",
1669
- width: "3",
1670
- height: "32",
1671
- rx: "1.5",
1672
- fill: buttonColor
1673
- }
1674
- ),
1675
- /* @__PURE__ */ jsxRuntime.jsx(
1676
- "rect",
1677
- {
1678
- "data-button": "power",
1679
- "data-side": "right",
1680
- x: totalW - 2,
1681
- y: "220",
1682
- width: "3",
1683
- height: "40",
1684
- rx: "1.5",
1685
- fill: buttonColor
1686
- }
1687
- ),
1688
- /* @__PURE__ */ jsxRuntime.jsx(
1689
- "circle",
1690
- {
1691
- "data-button": "camera",
1692
- "data-side": "right",
1693
- cx: totalW - 0.5,
1694
- cy: "500",
1695
- r: "6",
1696
- fill: buttonColor,
1697
- stroke: frameBorder,
1698
- strokeWidth: "0.5"
1699
- }
1700
- ),
1701
- /* @__PURE__ */ jsxRuntime.jsx(
1702
- "rect",
1703
- {
1704
- x: (totalW - 24) / 2,
1705
- y: totalH - 5,
1706
- width: "24",
1707
- height: "4",
1708
- rx: "2",
1709
- fill: colorScheme === "dark" ? "#111" : "#bbb"
1710
- }
1711
- ),
1712
- [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
1713
- "circle",
1714
- {
1715
- cx: totalW / 2 - 30 + i * 6,
1716
- cy: totalH - 8,
1717
- r: "1.2",
1718
- fill: colorScheme === "dark" ? "#111" : "#aaa"
1719
- },
1720
- `speaker-l-${i}`
1721
- )),
1722
- [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
1723
- "circle",
1724
- {
1725
- cx: totalW / 2 + 8 + i * 6,
1726
- cy: totalH - 8,
1727
- r: "1.2",
1728
- fill: colorScheme === "dark" ? "#111" : "#aaa"
1729
- },
1730
- `speaker-r-${i}`
1731
- ))
1732
- ]
1807
+ dangerouslySetInnerHTML: { __html: SVG_STRING3 }
1733
1808
  }
1734
1809
  );
1735
1810
  }
1736
1811
  var IPHONE_16_FRAME = {
1737
- bezelTop: 23,
1738
- bezelBottom: 23,
1739
- bezelLeft: 15,
1740
- bezelRight: 15,
1741
- totalWidth: 423,
1742
- totalHeight: 898,
1743
- screenWidth: 393,
1744
- screenHeight: 852,
1745
- screenRadius: 48
1812
+ "bezelTop": 14,
1813
+ "bezelBottom": 14,
1814
+ "bezelLeft": 17,
1815
+ "bezelRight": 17,
1816
+ "totalWidth": 427,
1817
+ "totalHeight": 880,
1818
+ "screenWidth": 393,
1819
+ "screenHeight": 852,
1820
+ "screenRadius": 55
1746
1821
  };
1822
+ var IPHONE_16_SCREEN_RECT = { "x": 54.3896, "y": 43.5117, "width": 1279.98, "height": 2759.38, "rx": 188.552 };
1747
1823
 
1748
1824
  // src/ios/iphone-se-3/metadata.ts
1749
1825
  var IPHONE_SE_3_META = {
@@ -2041,6 +2117,7 @@ exports.IPHONE_16E_META = IPHONE_16E_META;
2041
2117
  exports.IPHONE_16_FRAME = IPHONE_16_FRAME;
2042
2118
  exports.IPHONE_16_LAYOUT = IPHONE_16_LAYOUT;
2043
2119
  exports.IPHONE_16_META = IPHONE_16_META;
2120
+ exports.IPHONE_16_SCREEN_RECT = IPHONE_16_SCREEN_RECT;
2044
2121
  exports.IPHONE_17_PRO_FRAME = IPHONE_17_PRO_FRAME;
2045
2122
  exports.IPHONE_17_PRO_LAYOUT = IPHONE_17_PRO_LAYOUT;
2046
2123
  exports.IPHONE_17_PRO_MAX_FRAME = IPHONE_17_PRO_MAX_FRAME;
@@ -2061,5 +2138,5 @@ exports.IPhone17ProMaxSVG = IPhone17ProMaxSVG;
2061
2138
  exports.IPhone17ProSVG = IPhone17ProSVG;
2062
2139
  exports.IPhoneAirSVG = IPhoneAirSVG;
2063
2140
  exports.IPhoneSE3SVG = IPhoneSE3SVG;
2064
- //# sourceMappingURL=chunk-HF6B72Z5.cjs.map
2065
- //# sourceMappingURL=chunk-HF6B72Z5.cjs.map
2141
+ //# sourceMappingURL=chunk-DYKZBZRY.cjs.map
2142
+ //# sourceMappingURL=chunk-DYKZBZRY.cjs.map