@biela.dev/devices 0.1.0 → 1.6.0
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.
- package/dist/android/index.cjs +21 -21
- package/dist/android/index.d.cts +75 -75
- package/dist/android/index.d.ts +75 -75
- package/dist/android/index.js +1 -1
- package/dist/{chunk-QQFC4CAP.js → chunk-76PRN3YN.js} +216 -216
- package/dist/chunk-76PRN3YN.js.map +1 -0
- package/dist/chunk-E2ICKMKH.js +2038 -0
- package/dist/chunk-E2ICKMKH.js.map +1 -0
- package/dist/{chunk-BXBG5BY7.cjs → chunk-FOTZN6UL.cjs} +216 -216
- package/dist/chunk-FOTZN6UL.cjs.map +1 -0
- package/dist/chunk-HF6B72Z5.cjs +2065 -0
- package/dist/chunk-HF6B72Z5.cjs.map +1 -0
- package/dist/index.cjs +76 -68
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +4 -4
- package/dist/ios/index.cjs +33 -25
- package/dist/ios/index.d.cts +37 -53
- package/dist/ios/index.d.ts +37 -53
- package/dist/ios/index.js +1 -1
- package/package.json +24 -12
- package/dist/chunk-BXBG5BY7.cjs.map +0 -1
- package/dist/chunk-DGX4WRAK.js +0 -1749
- package/dist/chunk-DGX4WRAK.js.map +0 -1
- package/dist/chunk-OI46UKOY.cjs +0 -1774
- package/dist/chunk-OI46UKOY.cjs.map +0 -1
- package/dist/chunk-QQFC4CAP.js.map +0 -1
package/dist/index.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
3
|
+
var chunkFOTZN6UL_cjs = require('./chunk-FOTZN6UL.cjs');
|
|
4
|
+
var chunkHF6B72Z5_cjs = require('./chunk-HF6B72Z5.cjs');
|
|
5
5
|
|
|
6
6
|
// src/custom/device-registry.ts
|
|
7
7
|
var STORAGE_KEY = "bielaframe-custom-devices";
|
|
@@ -135,33 +135,33 @@ function resetDeviceRegistry() {
|
|
|
135
135
|
// src/registry.ts
|
|
136
136
|
var BUILTIN_DEVICES = {
|
|
137
137
|
// iPhone (latest gen per screen class)
|
|
138
|
-
"iphone-17-pro-max":
|
|
139
|
-
"iphone-17-pro":
|
|
140
|
-
"iphone-air":
|
|
141
|
-
"iphone-16":
|
|
142
|
-
"iphone-16e":
|
|
143
|
-
"iphone-se-3":
|
|
138
|
+
"iphone-17-pro-max": chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_META,
|
|
139
|
+
"iphone-17-pro": chunkHF6B72Z5_cjs.IPHONE_17_PRO_META,
|
|
140
|
+
"iphone-air": chunkHF6B72Z5_cjs.IPHONE_AIR_META,
|
|
141
|
+
"iphone-16": chunkHF6B72Z5_cjs.IPHONE_16_META,
|
|
142
|
+
"iphone-16e": chunkHF6B72Z5_cjs.IPHONE_16E_META,
|
|
143
|
+
"iphone-se-3": chunkHF6B72Z5_cjs.IPHONE_SE_3_META,
|
|
144
144
|
// Android
|
|
145
|
-
"galaxy-s25-ultra":
|
|
146
|
-
"galaxy-s25":
|
|
147
|
-
"galaxy-s25-edge":
|
|
148
|
-
"pixel-9-pro-xl":
|
|
149
|
-
"pixel-9-pro":
|
|
145
|
+
"galaxy-s25-ultra": chunkFOTZN6UL_cjs.GALAXY_S25_ULTRA_META,
|
|
146
|
+
"galaxy-s25": chunkFOTZN6UL_cjs.GALAXY_S25_META,
|
|
147
|
+
"galaxy-s25-edge": chunkFOTZN6UL_cjs.GALAXY_S25_EDGE_META,
|
|
148
|
+
"pixel-9-pro-xl": chunkFOTZN6UL_cjs.PIXEL_9_PRO_XL_META,
|
|
149
|
+
"pixel-9-pro": chunkFOTZN6UL_cjs.PIXEL_9_PRO_META
|
|
150
150
|
};
|
|
151
151
|
var DEVICE_LAYOUTS = {
|
|
152
152
|
// iPhone
|
|
153
|
-
"iphone-17-pro-max":
|
|
154
|
-
"iphone-17-pro":
|
|
155
|
-
"iphone-air":
|
|
156
|
-
"iphone-16":
|
|
157
|
-
"iphone-16e":
|
|
158
|
-
"iphone-se-3":
|
|
153
|
+
"iphone-17-pro-max": chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_LAYOUT,
|
|
154
|
+
"iphone-17-pro": chunkHF6B72Z5_cjs.IPHONE_17_PRO_LAYOUT,
|
|
155
|
+
"iphone-air": chunkHF6B72Z5_cjs.IPHONE_AIR_LAYOUT,
|
|
156
|
+
"iphone-16": chunkHF6B72Z5_cjs.IPHONE_16_LAYOUT,
|
|
157
|
+
"iphone-16e": chunkHF6B72Z5_cjs.IPHONE_16E_LAYOUT,
|
|
158
|
+
"iphone-se-3": chunkHF6B72Z5_cjs.IPHONE_SE_3_LAYOUT,
|
|
159
159
|
// Android
|
|
160
|
-
"galaxy-s25-ultra":
|
|
161
|
-
"galaxy-s25":
|
|
162
|
-
"galaxy-s25-edge":
|
|
163
|
-
"pixel-9-pro-xl":
|
|
164
|
-
"pixel-9-pro":
|
|
160
|
+
"galaxy-s25-ultra": chunkFOTZN6UL_cjs.GALAXY_S25_ULTRA_LAYOUT,
|
|
161
|
+
"galaxy-s25": chunkFOTZN6UL_cjs.GALAXY_S25_LAYOUT,
|
|
162
|
+
"galaxy-s25-edge": chunkFOTZN6UL_cjs.GALAXY_S25_EDGE_LAYOUT,
|
|
163
|
+
"pixel-9-pro-xl": chunkFOTZN6UL_cjs.PIXEL_9_PRO_XL_LAYOUT,
|
|
164
|
+
"pixel-9-pro": chunkFOTZN6UL_cjs.PIXEL_9_PRO_LAYOUT
|
|
165
165
|
};
|
|
166
166
|
function getDeviceMetadata(deviceId) {
|
|
167
167
|
const builtin = BUILTIN_DEVICES[deviceId];
|
|
@@ -1295,179 +1295,187 @@ function listSVGLayerNames(svgString) {
|
|
|
1295
1295
|
|
|
1296
1296
|
Object.defineProperty(exports, "GALAXY_S25_EDGE_FRAME", {
|
|
1297
1297
|
enumerable: true,
|
|
1298
|
-
get: function () { return
|
|
1298
|
+
get: function () { return chunkFOTZN6UL_cjs.GALAXY_S25_EDGE_FRAME; }
|
|
1299
1299
|
});
|
|
1300
1300
|
Object.defineProperty(exports, "GALAXY_S25_EDGE_LAYOUT", {
|
|
1301
1301
|
enumerable: true,
|
|
1302
|
-
get: function () { return
|
|
1302
|
+
get: function () { return chunkFOTZN6UL_cjs.GALAXY_S25_EDGE_LAYOUT; }
|
|
1303
1303
|
});
|
|
1304
1304
|
Object.defineProperty(exports, "GALAXY_S25_EDGE_META", {
|
|
1305
1305
|
enumerable: true,
|
|
1306
|
-
get: function () { return
|
|
1306
|
+
get: function () { return chunkFOTZN6UL_cjs.GALAXY_S25_EDGE_META; }
|
|
1307
1307
|
});
|
|
1308
1308
|
Object.defineProperty(exports, "GALAXY_S25_FRAME", {
|
|
1309
1309
|
enumerable: true,
|
|
1310
|
-
get: function () { return
|
|
1310
|
+
get: function () { return chunkFOTZN6UL_cjs.GALAXY_S25_FRAME; }
|
|
1311
1311
|
});
|
|
1312
1312
|
Object.defineProperty(exports, "GALAXY_S25_LAYOUT", {
|
|
1313
1313
|
enumerable: true,
|
|
1314
|
-
get: function () { return
|
|
1314
|
+
get: function () { return chunkFOTZN6UL_cjs.GALAXY_S25_LAYOUT; }
|
|
1315
1315
|
});
|
|
1316
1316
|
Object.defineProperty(exports, "GALAXY_S25_META", {
|
|
1317
1317
|
enumerable: true,
|
|
1318
|
-
get: function () { return
|
|
1318
|
+
get: function () { return chunkFOTZN6UL_cjs.GALAXY_S25_META; }
|
|
1319
1319
|
});
|
|
1320
1320
|
Object.defineProperty(exports, "GALAXY_S25_ULTRA_FRAME", {
|
|
1321
1321
|
enumerable: true,
|
|
1322
|
-
get: function () { return
|
|
1322
|
+
get: function () { return chunkFOTZN6UL_cjs.GALAXY_S25_ULTRA_FRAME; }
|
|
1323
1323
|
});
|
|
1324
1324
|
Object.defineProperty(exports, "GALAXY_S25_ULTRA_LAYOUT", {
|
|
1325
1325
|
enumerable: true,
|
|
1326
|
-
get: function () { return
|
|
1326
|
+
get: function () { return chunkFOTZN6UL_cjs.GALAXY_S25_ULTRA_LAYOUT; }
|
|
1327
1327
|
});
|
|
1328
1328
|
Object.defineProperty(exports, "GALAXY_S25_ULTRA_META", {
|
|
1329
1329
|
enumerable: true,
|
|
1330
|
-
get: function () { return
|
|
1330
|
+
get: function () { return chunkFOTZN6UL_cjs.GALAXY_S25_ULTRA_META; }
|
|
1331
1331
|
});
|
|
1332
1332
|
Object.defineProperty(exports, "GalaxyS25EdgeSVG", {
|
|
1333
1333
|
enumerable: true,
|
|
1334
|
-
get: function () { return
|
|
1334
|
+
get: function () { return chunkFOTZN6UL_cjs.GalaxyS25EdgeSVG; }
|
|
1335
1335
|
});
|
|
1336
1336
|
Object.defineProperty(exports, "GalaxyS25SVG", {
|
|
1337
1337
|
enumerable: true,
|
|
1338
|
-
get: function () { return
|
|
1338
|
+
get: function () { return chunkFOTZN6UL_cjs.GalaxyS25SVG; }
|
|
1339
1339
|
});
|
|
1340
1340
|
Object.defineProperty(exports, "GalaxyS25UltraSVG", {
|
|
1341
1341
|
enumerable: true,
|
|
1342
|
-
get: function () { return
|
|
1342
|
+
get: function () { return chunkFOTZN6UL_cjs.GalaxyS25UltraSVG; }
|
|
1343
1343
|
});
|
|
1344
1344
|
Object.defineProperty(exports, "PIXEL_9_PRO_FRAME", {
|
|
1345
1345
|
enumerable: true,
|
|
1346
|
-
get: function () { return
|
|
1346
|
+
get: function () { return chunkFOTZN6UL_cjs.PIXEL_9_PRO_FRAME; }
|
|
1347
1347
|
});
|
|
1348
1348
|
Object.defineProperty(exports, "PIXEL_9_PRO_LAYOUT", {
|
|
1349
1349
|
enumerable: true,
|
|
1350
|
-
get: function () { return
|
|
1350
|
+
get: function () { return chunkFOTZN6UL_cjs.PIXEL_9_PRO_LAYOUT; }
|
|
1351
1351
|
});
|
|
1352
1352
|
Object.defineProperty(exports, "PIXEL_9_PRO_META", {
|
|
1353
1353
|
enumerable: true,
|
|
1354
|
-
get: function () { return
|
|
1354
|
+
get: function () { return chunkFOTZN6UL_cjs.PIXEL_9_PRO_META; }
|
|
1355
1355
|
});
|
|
1356
1356
|
Object.defineProperty(exports, "PIXEL_9_PRO_XL_FRAME", {
|
|
1357
1357
|
enumerable: true,
|
|
1358
|
-
get: function () { return
|
|
1358
|
+
get: function () { return chunkFOTZN6UL_cjs.PIXEL_9_PRO_XL_FRAME; }
|
|
1359
1359
|
});
|
|
1360
1360
|
Object.defineProperty(exports, "PIXEL_9_PRO_XL_LAYOUT", {
|
|
1361
1361
|
enumerable: true,
|
|
1362
|
-
get: function () { return
|
|
1362
|
+
get: function () { return chunkFOTZN6UL_cjs.PIXEL_9_PRO_XL_LAYOUT; }
|
|
1363
1363
|
});
|
|
1364
1364
|
Object.defineProperty(exports, "PIXEL_9_PRO_XL_META", {
|
|
1365
1365
|
enumerable: true,
|
|
1366
|
-
get: function () { return
|
|
1366
|
+
get: function () { return chunkFOTZN6UL_cjs.PIXEL_9_PRO_XL_META; }
|
|
1367
1367
|
});
|
|
1368
1368
|
Object.defineProperty(exports, "Pixel9ProSVG", {
|
|
1369
1369
|
enumerable: true,
|
|
1370
|
-
get: function () { return
|
|
1370
|
+
get: function () { return chunkFOTZN6UL_cjs.Pixel9ProSVG; }
|
|
1371
1371
|
});
|
|
1372
1372
|
Object.defineProperty(exports, "Pixel9ProXLSVG", {
|
|
1373
1373
|
enumerable: true,
|
|
1374
|
-
get: function () { return
|
|
1374
|
+
get: function () { return chunkFOTZN6UL_cjs.Pixel9ProXLSVG; }
|
|
1375
1375
|
});
|
|
1376
1376
|
Object.defineProperty(exports, "IPHONE_16E_FRAME", {
|
|
1377
1377
|
enumerable: true,
|
|
1378
|
-
get: function () { return
|
|
1378
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_16E_FRAME; }
|
|
1379
1379
|
});
|
|
1380
1380
|
Object.defineProperty(exports, "IPHONE_16E_LAYOUT", {
|
|
1381
1381
|
enumerable: true,
|
|
1382
|
-
get: function () { return
|
|
1382
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_16E_LAYOUT; }
|
|
1383
1383
|
});
|
|
1384
1384
|
Object.defineProperty(exports, "IPHONE_16E_META", {
|
|
1385
1385
|
enumerable: true,
|
|
1386
|
-
get: function () { return
|
|
1386
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_16E_META; }
|
|
1387
1387
|
});
|
|
1388
1388
|
Object.defineProperty(exports, "IPHONE_16_FRAME", {
|
|
1389
1389
|
enumerable: true,
|
|
1390
|
-
get: function () { return
|
|
1390
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_16_FRAME; }
|
|
1391
1391
|
});
|
|
1392
1392
|
Object.defineProperty(exports, "IPHONE_16_LAYOUT", {
|
|
1393
1393
|
enumerable: true,
|
|
1394
|
-
get: function () { return
|
|
1394
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_16_LAYOUT; }
|
|
1395
1395
|
});
|
|
1396
1396
|
Object.defineProperty(exports, "IPHONE_16_META", {
|
|
1397
1397
|
enumerable: true,
|
|
1398
|
-
get: function () { return
|
|
1398
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_16_META; }
|
|
1399
1399
|
});
|
|
1400
1400
|
Object.defineProperty(exports, "IPHONE_17_PRO_FRAME", {
|
|
1401
1401
|
enumerable: true,
|
|
1402
|
-
get: function () { return
|
|
1402
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_FRAME; }
|
|
1403
1403
|
});
|
|
1404
1404
|
Object.defineProperty(exports, "IPHONE_17_PRO_LAYOUT", {
|
|
1405
1405
|
enumerable: true,
|
|
1406
|
-
get: function () { return
|
|
1406
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_LAYOUT; }
|
|
1407
1407
|
});
|
|
1408
1408
|
Object.defineProperty(exports, "IPHONE_17_PRO_MAX_FRAME", {
|
|
1409
1409
|
enumerable: true,
|
|
1410
|
-
get: function () { return
|
|
1410
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_FRAME; }
|
|
1411
1411
|
});
|
|
1412
1412
|
Object.defineProperty(exports, "IPHONE_17_PRO_MAX_LAYOUT", {
|
|
1413
1413
|
enumerable: true,
|
|
1414
|
-
get: function () { return
|
|
1414
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_LAYOUT; }
|
|
1415
1415
|
});
|
|
1416
1416
|
Object.defineProperty(exports, "IPHONE_17_PRO_MAX_META", {
|
|
1417
1417
|
enumerable: true,
|
|
1418
|
-
get: function () { return
|
|
1418
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_META; }
|
|
1419
|
+
});
|
|
1420
|
+
Object.defineProperty(exports, "IPHONE_17_PRO_MAX_SCREEN_RECT", {
|
|
1421
|
+
enumerable: true,
|
|
1422
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_SCREEN_RECT; }
|
|
1419
1423
|
});
|
|
1420
1424
|
Object.defineProperty(exports, "IPHONE_17_PRO_META", {
|
|
1421
1425
|
enumerable: true,
|
|
1422
|
-
get: function () { return
|
|
1426
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_META; }
|
|
1427
|
+
});
|
|
1428
|
+
Object.defineProperty(exports, "IPHONE_17_PRO_SCREEN_RECT", {
|
|
1429
|
+
enumerable: true,
|
|
1430
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_SCREEN_RECT; }
|
|
1423
1431
|
});
|
|
1424
1432
|
Object.defineProperty(exports, "IPHONE_AIR_FRAME", {
|
|
1425
1433
|
enumerable: true,
|
|
1426
|
-
get: function () { return
|
|
1434
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_AIR_FRAME; }
|
|
1427
1435
|
});
|
|
1428
1436
|
Object.defineProperty(exports, "IPHONE_AIR_LAYOUT", {
|
|
1429
1437
|
enumerable: true,
|
|
1430
|
-
get: function () { return
|
|
1438
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_AIR_LAYOUT; }
|
|
1431
1439
|
});
|
|
1432
1440
|
Object.defineProperty(exports, "IPHONE_AIR_META", {
|
|
1433
1441
|
enumerable: true,
|
|
1434
|
-
get: function () { return
|
|
1442
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_AIR_META; }
|
|
1435
1443
|
});
|
|
1436
1444
|
Object.defineProperty(exports, "IPHONE_SE_3_FRAME", {
|
|
1437
1445
|
enumerable: true,
|
|
1438
|
-
get: function () { return
|
|
1446
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_SE_3_FRAME; }
|
|
1439
1447
|
});
|
|
1440
1448
|
Object.defineProperty(exports, "IPHONE_SE_3_LAYOUT", {
|
|
1441
1449
|
enumerable: true,
|
|
1442
|
-
get: function () { return
|
|
1450
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_SE_3_LAYOUT; }
|
|
1443
1451
|
});
|
|
1444
1452
|
Object.defineProperty(exports, "IPHONE_SE_3_META", {
|
|
1445
1453
|
enumerable: true,
|
|
1446
|
-
get: function () { return
|
|
1454
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_SE_3_META; }
|
|
1447
1455
|
});
|
|
1448
1456
|
Object.defineProperty(exports, "IPhone16SVG", {
|
|
1449
1457
|
enumerable: true,
|
|
1450
|
-
get: function () { return
|
|
1458
|
+
get: function () { return chunkHF6B72Z5_cjs.IPhone16SVG; }
|
|
1451
1459
|
});
|
|
1452
1460
|
Object.defineProperty(exports, "IPhone16eSVG", {
|
|
1453
1461
|
enumerable: true,
|
|
1454
|
-
get: function () { return
|
|
1462
|
+
get: function () { return chunkHF6B72Z5_cjs.IPhone16eSVG; }
|
|
1455
1463
|
});
|
|
1456
1464
|
Object.defineProperty(exports, "IPhone17ProMaxSVG", {
|
|
1457
1465
|
enumerable: true,
|
|
1458
|
-
get: function () { return
|
|
1466
|
+
get: function () { return chunkHF6B72Z5_cjs.IPhone17ProMaxSVG; }
|
|
1459
1467
|
});
|
|
1460
1468
|
Object.defineProperty(exports, "IPhone17ProSVG", {
|
|
1461
1469
|
enumerable: true,
|
|
1462
|
-
get: function () { return
|
|
1470
|
+
get: function () { return chunkHF6B72Z5_cjs.IPhone17ProSVG; }
|
|
1463
1471
|
});
|
|
1464
1472
|
Object.defineProperty(exports, "IPhoneAirSVG", {
|
|
1465
1473
|
enumerable: true,
|
|
1466
|
-
get: function () { return
|
|
1474
|
+
get: function () { return chunkHF6B72Z5_cjs.IPhoneAirSVG; }
|
|
1467
1475
|
});
|
|
1468
1476
|
Object.defineProperty(exports, "IPhoneSE3SVG", {
|
|
1469
1477
|
enumerable: true,
|
|
1470
|
-
get: function () { return
|
|
1478
|
+
get: function () { return chunkHF6B72Z5_cjs.IPhoneSE3SVG; }
|
|
1471
1479
|
});
|
|
1472
1480
|
exports.BUILTIN_DEVICES = BUILTIN_DEVICES;
|
|
1473
1481
|
exports.DEVICE_LAYOUTS = DEVICE_LAYOUTS;
|
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { D as DeviceMeta, a as DeviceLayoutData, b as DeviceLayoutContract, S as SafeAreaInsets, C as ContentRect, H as HardwareOverlayType, O as OverlayRect, R as RegisteredDevice } from './contract-types-Cw1rmF3b.cjs';
|
|
2
2
|
export { c as DeviceCSSVariables, d as DeviceFrameInfo, e as SVGCropRect, f as SVGScreenRect } from './contract-types-Cw1rmF3b.cjs';
|
|
3
|
-
export { IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_17_PRO_FRAME, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_FRAME, IPHONE_17_PRO_MAX_LAYOUT, IPHONE_17_PRO_MAX_META, IPHONE_17_PRO_META, IPHONE_AIR_FRAME, IPHONE_AIR_LAYOUT, IPHONE_AIR_META, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG } from './ios/index.cjs';
|
|
3
|
+
export { IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_17_PRO_FRAME, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_FRAME, IPHONE_17_PRO_MAX_LAYOUT, IPHONE_17_PRO_MAX_META, IPHONE_17_PRO_MAX_SCREEN_RECT, IPHONE_17_PRO_META, IPHONE_17_PRO_SCREEN_RECT, IPHONE_AIR_FRAME, IPHONE_AIR_LAYOUT, IPHONE_AIR_META, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG } from './ios/index.cjs';
|
|
4
4
|
export { GALAXY_S25_EDGE_FRAME, GALAXY_S25_EDGE_LAYOUT, GALAXY_S25_EDGE_META, GALAXY_S25_FRAME, GALAXY_S25_LAYOUT, GALAXY_S25_META, GALAXY_S25_ULTRA_FRAME, GALAXY_S25_ULTRA_LAYOUT, GALAXY_S25_ULTRA_META, GalaxyS25EdgeSVG, GalaxyS25SVG, GalaxyS25UltraSVG, PIXEL_9_PRO_FRAME, PIXEL_9_PRO_LAYOUT, PIXEL_9_PRO_META, PIXEL_9_PRO_XL_FRAME, PIXEL_9_PRO_XL_LAYOUT, PIXEL_9_PRO_XL_META, Pixel9ProSVG, Pixel9ProXLSVG } from './android/index.cjs';
|
|
5
5
|
import 'react/jsx-runtime';
|
|
6
6
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { D as DeviceMeta, a as DeviceLayoutData, b as DeviceLayoutContract, S as SafeAreaInsets, C as ContentRect, H as HardwareOverlayType, O as OverlayRect, R as RegisteredDevice } from './contract-types-Cw1rmF3b.js';
|
|
2
2
|
export { c as DeviceCSSVariables, d as DeviceFrameInfo, e as SVGCropRect, f as SVGScreenRect } from './contract-types-Cw1rmF3b.js';
|
|
3
|
-
export { IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_17_PRO_FRAME, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_FRAME, IPHONE_17_PRO_MAX_LAYOUT, IPHONE_17_PRO_MAX_META, IPHONE_17_PRO_META, IPHONE_AIR_FRAME, IPHONE_AIR_LAYOUT, IPHONE_AIR_META, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG } from './ios/index.js';
|
|
3
|
+
export { IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_17_PRO_FRAME, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_FRAME, IPHONE_17_PRO_MAX_LAYOUT, IPHONE_17_PRO_MAX_META, IPHONE_17_PRO_MAX_SCREEN_RECT, IPHONE_17_PRO_META, IPHONE_17_PRO_SCREEN_RECT, IPHONE_AIR_FRAME, IPHONE_AIR_LAYOUT, IPHONE_AIR_META, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG } from './ios/index.js';
|
|
4
4
|
export { GALAXY_S25_EDGE_FRAME, GALAXY_S25_EDGE_LAYOUT, GALAXY_S25_EDGE_META, GALAXY_S25_FRAME, GALAXY_S25_LAYOUT, GALAXY_S25_META, GALAXY_S25_ULTRA_FRAME, GALAXY_S25_ULTRA_LAYOUT, GALAXY_S25_ULTRA_META, GalaxyS25EdgeSVG, GalaxyS25SVG, GalaxyS25UltraSVG, PIXEL_9_PRO_FRAME, PIXEL_9_PRO_LAYOUT, PIXEL_9_PRO_META, PIXEL_9_PRO_XL_FRAME, PIXEL_9_PRO_XL_LAYOUT, PIXEL_9_PRO_XL_META, Pixel9ProSVG, Pixel9ProXLSVG } from './android/index.js';
|
|
5
5
|
import 'react/jsx-runtime';
|
|
6
6
|
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { PIXEL_9_PRO_META, PIXEL_9_PRO_XL_META, GALAXY_S25_EDGE_META, GALAXY_S25_META, GALAXY_S25_ULTRA_META, PIXEL_9_PRO_LAYOUT, PIXEL_9_PRO_XL_LAYOUT, GALAXY_S25_EDGE_LAYOUT, GALAXY_S25_LAYOUT, GALAXY_S25_ULTRA_LAYOUT } from './chunk-
|
|
2
|
-
export { GALAXY_S25_EDGE_FRAME, GALAXY_S25_EDGE_LAYOUT, GALAXY_S25_EDGE_META, GALAXY_S25_FRAME, GALAXY_S25_LAYOUT, GALAXY_S25_META, GALAXY_S25_ULTRA_FRAME, GALAXY_S25_ULTRA_LAYOUT, GALAXY_S25_ULTRA_META, GalaxyS25EdgeSVG, GalaxyS25SVG, GalaxyS25UltraSVG, PIXEL_9_PRO_FRAME, PIXEL_9_PRO_LAYOUT, PIXEL_9_PRO_META, PIXEL_9_PRO_XL_FRAME, PIXEL_9_PRO_XL_LAYOUT, PIXEL_9_PRO_XL_META, Pixel9ProSVG, Pixel9ProXLSVG } from './chunk-
|
|
3
|
-
import { IPHONE_SE_3_META, IPHONE_16E_META, IPHONE_16_META, IPHONE_AIR_META, IPHONE_17_PRO_META, IPHONE_17_PRO_MAX_META, IPHONE_SE_3_LAYOUT, IPHONE_16E_LAYOUT, IPHONE_16_LAYOUT, IPHONE_AIR_LAYOUT, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_LAYOUT } from './chunk-
|
|
4
|
-
export { IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_17_PRO_FRAME, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_FRAME, IPHONE_17_PRO_MAX_LAYOUT, IPHONE_17_PRO_MAX_META, IPHONE_17_PRO_META, IPHONE_AIR_FRAME, IPHONE_AIR_LAYOUT, IPHONE_AIR_META, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG } from './chunk-
|
|
1
|
+
import { PIXEL_9_PRO_META, PIXEL_9_PRO_XL_META, GALAXY_S25_EDGE_META, GALAXY_S25_META, GALAXY_S25_ULTRA_META, PIXEL_9_PRO_LAYOUT, PIXEL_9_PRO_XL_LAYOUT, GALAXY_S25_EDGE_LAYOUT, GALAXY_S25_LAYOUT, GALAXY_S25_ULTRA_LAYOUT } from './chunk-76PRN3YN.js';
|
|
2
|
+
export { GALAXY_S25_EDGE_FRAME, GALAXY_S25_EDGE_LAYOUT, GALAXY_S25_EDGE_META, GALAXY_S25_FRAME, GALAXY_S25_LAYOUT, GALAXY_S25_META, GALAXY_S25_ULTRA_FRAME, GALAXY_S25_ULTRA_LAYOUT, GALAXY_S25_ULTRA_META, GalaxyS25EdgeSVG, GalaxyS25SVG, GalaxyS25UltraSVG, PIXEL_9_PRO_FRAME, PIXEL_9_PRO_LAYOUT, PIXEL_9_PRO_META, PIXEL_9_PRO_XL_FRAME, PIXEL_9_PRO_XL_LAYOUT, PIXEL_9_PRO_XL_META, Pixel9ProSVG, Pixel9ProXLSVG } from './chunk-76PRN3YN.js';
|
|
3
|
+
import { IPHONE_SE_3_META, IPHONE_16E_META, IPHONE_16_META, IPHONE_AIR_META, IPHONE_17_PRO_META, IPHONE_17_PRO_MAX_META, IPHONE_SE_3_LAYOUT, IPHONE_16E_LAYOUT, IPHONE_16_LAYOUT, IPHONE_AIR_LAYOUT, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_LAYOUT } from './chunk-E2ICKMKH.js';
|
|
4
|
+
export { IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_17_PRO_FRAME, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_FRAME, IPHONE_17_PRO_MAX_LAYOUT, IPHONE_17_PRO_MAX_META, IPHONE_17_PRO_MAX_SCREEN_RECT, IPHONE_17_PRO_META, IPHONE_17_PRO_SCREEN_RECT, IPHONE_AIR_FRAME, IPHONE_AIR_LAYOUT, IPHONE_AIR_META, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG } from './chunk-E2ICKMKH.js';
|
|
5
5
|
|
|
6
6
|
// src/custom/device-registry.ts
|
|
7
7
|
var STORAGE_KEY = "bielaframe-custom-devices";
|
package/dist/ios/index.cjs
CHANGED
|
@@ -1,104 +1,112 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkHF6B72Z5_cjs = require('../chunk-HF6B72Z5.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "IPHONE_16E_FRAME", {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: function () { return
|
|
9
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_16E_FRAME; }
|
|
10
10
|
});
|
|
11
11
|
Object.defineProperty(exports, "IPHONE_16E_LAYOUT", {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function () { return
|
|
13
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_16E_LAYOUT; }
|
|
14
14
|
});
|
|
15
15
|
Object.defineProperty(exports, "IPHONE_16E_META", {
|
|
16
16
|
enumerable: true,
|
|
17
|
-
get: function () { return
|
|
17
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_16E_META; }
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, "IPHONE_16_FRAME", {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function () { return
|
|
21
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_16_FRAME; }
|
|
22
22
|
});
|
|
23
23
|
Object.defineProperty(exports, "IPHONE_16_LAYOUT", {
|
|
24
24
|
enumerable: true,
|
|
25
|
-
get: function () { return
|
|
25
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_16_LAYOUT; }
|
|
26
26
|
});
|
|
27
27
|
Object.defineProperty(exports, "IPHONE_16_META", {
|
|
28
28
|
enumerable: true,
|
|
29
|
-
get: function () { return
|
|
29
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_16_META; }
|
|
30
30
|
});
|
|
31
31
|
Object.defineProperty(exports, "IPHONE_17_PRO_FRAME", {
|
|
32
32
|
enumerable: true,
|
|
33
|
-
get: function () { return
|
|
33
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_FRAME; }
|
|
34
34
|
});
|
|
35
35
|
Object.defineProperty(exports, "IPHONE_17_PRO_LAYOUT", {
|
|
36
36
|
enumerable: true,
|
|
37
|
-
get: function () { return
|
|
37
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_LAYOUT; }
|
|
38
38
|
});
|
|
39
39
|
Object.defineProperty(exports, "IPHONE_17_PRO_MAX_FRAME", {
|
|
40
40
|
enumerable: true,
|
|
41
|
-
get: function () { return
|
|
41
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_FRAME; }
|
|
42
42
|
});
|
|
43
43
|
Object.defineProperty(exports, "IPHONE_17_PRO_MAX_LAYOUT", {
|
|
44
44
|
enumerable: true,
|
|
45
|
-
get: function () { return
|
|
45
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_LAYOUT; }
|
|
46
46
|
});
|
|
47
47
|
Object.defineProperty(exports, "IPHONE_17_PRO_MAX_META", {
|
|
48
48
|
enumerable: true,
|
|
49
|
-
get: function () { return
|
|
49
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_META; }
|
|
50
|
+
});
|
|
51
|
+
Object.defineProperty(exports, "IPHONE_17_PRO_MAX_SCREEN_RECT", {
|
|
52
|
+
enumerable: true,
|
|
53
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_SCREEN_RECT; }
|
|
50
54
|
});
|
|
51
55
|
Object.defineProperty(exports, "IPHONE_17_PRO_META", {
|
|
52
56
|
enumerable: true,
|
|
53
|
-
get: function () { return
|
|
57
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_META; }
|
|
58
|
+
});
|
|
59
|
+
Object.defineProperty(exports, "IPHONE_17_PRO_SCREEN_RECT", {
|
|
60
|
+
enumerable: true,
|
|
61
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_SCREEN_RECT; }
|
|
54
62
|
});
|
|
55
63
|
Object.defineProperty(exports, "IPHONE_AIR_FRAME", {
|
|
56
64
|
enumerable: true,
|
|
57
|
-
get: function () { return
|
|
65
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_AIR_FRAME; }
|
|
58
66
|
});
|
|
59
67
|
Object.defineProperty(exports, "IPHONE_AIR_LAYOUT", {
|
|
60
68
|
enumerable: true,
|
|
61
|
-
get: function () { return
|
|
69
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_AIR_LAYOUT; }
|
|
62
70
|
});
|
|
63
71
|
Object.defineProperty(exports, "IPHONE_AIR_META", {
|
|
64
72
|
enumerable: true,
|
|
65
|
-
get: function () { return
|
|
73
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_AIR_META; }
|
|
66
74
|
});
|
|
67
75
|
Object.defineProperty(exports, "IPHONE_SE_3_FRAME", {
|
|
68
76
|
enumerable: true,
|
|
69
|
-
get: function () { return
|
|
77
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_SE_3_FRAME; }
|
|
70
78
|
});
|
|
71
79
|
Object.defineProperty(exports, "IPHONE_SE_3_LAYOUT", {
|
|
72
80
|
enumerable: true,
|
|
73
|
-
get: function () { return
|
|
81
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_SE_3_LAYOUT; }
|
|
74
82
|
});
|
|
75
83
|
Object.defineProperty(exports, "IPHONE_SE_3_META", {
|
|
76
84
|
enumerable: true,
|
|
77
|
-
get: function () { return
|
|
85
|
+
get: function () { return chunkHF6B72Z5_cjs.IPHONE_SE_3_META; }
|
|
78
86
|
});
|
|
79
87
|
Object.defineProperty(exports, "IPhone16SVG", {
|
|
80
88
|
enumerable: true,
|
|
81
|
-
get: function () { return
|
|
89
|
+
get: function () { return chunkHF6B72Z5_cjs.IPhone16SVG; }
|
|
82
90
|
});
|
|
83
91
|
Object.defineProperty(exports, "IPhone16eSVG", {
|
|
84
92
|
enumerable: true,
|
|
85
|
-
get: function () { return
|
|
93
|
+
get: function () { return chunkHF6B72Z5_cjs.IPhone16eSVG; }
|
|
86
94
|
});
|
|
87
95
|
Object.defineProperty(exports, "IPhone17ProMaxSVG", {
|
|
88
96
|
enumerable: true,
|
|
89
|
-
get: function () { return
|
|
97
|
+
get: function () { return chunkHF6B72Z5_cjs.IPhone17ProMaxSVG; }
|
|
90
98
|
});
|
|
91
99
|
Object.defineProperty(exports, "IPhone17ProSVG", {
|
|
92
100
|
enumerable: true,
|
|
93
|
-
get: function () { return
|
|
101
|
+
get: function () { return chunkHF6B72Z5_cjs.IPhone17ProSVG; }
|
|
94
102
|
});
|
|
95
103
|
Object.defineProperty(exports, "IPhoneAirSVG", {
|
|
96
104
|
enumerable: true,
|
|
97
|
-
get: function () { return
|
|
105
|
+
get: function () { return chunkHF6B72Z5_cjs.IPhoneAirSVG; }
|
|
98
106
|
});
|
|
99
107
|
Object.defineProperty(exports, "IPhoneSE3SVG", {
|
|
100
108
|
enumerable: true,
|
|
101
|
-
get: function () { return
|
|
109
|
+
get: function () { return chunkHF6B72Z5_cjs.IPhoneSE3SVG; }
|
|
102
110
|
});
|
|
103
111
|
//# sourceMappingURL=index.cjs.map
|
|
104
112
|
//# sourceMappingURL=index.cjs.map
|
package/dist/ios/index.d.cts
CHANGED
|
@@ -13,41 +13,33 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
13
13
|
declare const IPHONE_17_PRO_MAX_META: DeviceMeta;
|
|
14
14
|
declare const IPHONE_17_PRO_MAX_LAYOUT: DeviceLayoutData;
|
|
15
15
|
|
|
16
|
+
/**
|
|
17
|
+
* iphone-17-pro-max — real SVG frame (baked from BielaFrame Studio)
|
|
18
|
+
* Auto-generated by publish script. Do not edit manually.
|
|
19
|
+
*/
|
|
16
20
|
interface DeviceSVGProps$5 {
|
|
17
21
|
colorScheme?: "light" | "dark";
|
|
18
22
|
style?: React.CSSProperties;
|
|
19
23
|
}
|
|
20
|
-
|
|
21
|
-
* iPhone 17 Pro Max SVG Frame
|
|
22
|
-
*
|
|
23
|
-
* Dimensions: 440x956 logical points (screen area)
|
|
24
|
-
* Full frame includes bezels: ~470x1002pt total
|
|
25
|
-
*
|
|
26
|
-
* Structure:
|
|
27
|
-
* - Outer titanium frame with rounded corners
|
|
28
|
-
* - Screen cutout (transparent — content shows through)
|
|
29
|
-
* - Dynamic Island pill overlay
|
|
30
|
-
* - Side buttons (volume, action, power, camera control)
|
|
31
|
-
* - Bottom elements (USB-C, speaker grilles)
|
|
32
|
-
* - data-zone annotations for DLC auto-derivation
|
|
33
|
-
*
|
|
34
|
-
* The SVG sits ON TOP of content with pointer-events: none.
|
|
35
|
-
* Bezels are opaque — they mask any content that spills over.
|
|
36
|
-
* Screen area is transparent — content shows through.
|
|
37
|
-
*/
|
|
38
|
-
declare function IPhone17ProMaxSVG({ colorScheme, style }: DeviceSVGProps$5): react_jsx_runtime.JSX.Element;
|
|
39
|
-
/** Frame dimensions needed by DeviceFrame to position content correctly */
|
|
24
|
+
declare function IPhone17ProMaxSVG({ style }: DeviceSVGProps$5): react_jsx_runtime.JSX.Element;
|
|
40
25
|
declare const IPHONE_17_PRO_MAX_FRAME: {
|
|
41
|
-
readonly bezelTop:
|
|
42
|
-
readonly bezelBottom:
|
|
43
|
-
readonly bezelLeft:
|
|
44
|
-
readonly bezelRight:
|
|
45
|
-
readonly totalWidth:
|
|
46
|
-
readonly totalHeight:
|
|
26
|
+
readonly bezelTop: 15;
|
|
27
|
+
readonly bezelBottom: 15;
|
|
28
|
+
readonly bezelLeft: 18;
|
|
29
|
+
readonly bezelRight: 18;
|
|
30
|
+
readonly totalWidth: 476;
|
|
31
|
+
readonly totalHeight: 986;
|
|
47
32
|
readonly screenWidth: 440;
|
|
48
33
|
readonly screenHeight: 956;
|
|
49
34
|
readonly screenRadius: 55;
|
|
50
35
|
};
|
|
36
|
+
declare const IPHONE_17_PRO_MAX_SCREEN_RECT: {
|
|
37
|
+
readonly x: 55;
|
|
38
|
+
readonly y: 45;
|
|
39
|
+
readonly width: 1320;
|
|
40
|
+
readonly height: 2868;
|
|
41
|
+
readonly rx: 53;
|
|
42
|
+
};
|
|
51
43
|
|
|
52
44
|
/**
|
|
53
45
|
* iPhone 17 Pro — dimensions
|
|
@@ -61,41 +53,33 @@ declare const IPHONE_17_PRO_MAX_FRAME: {
|
|
|
61
53
|
declare const IPHONE_17_PRO_META: DeviceMeta;
|
|
62
54
|
declare const IPHONE_17_PRO_LAYOUT: DeviceLayoutData;
|
|
63
55
|
|
|
56
|
+
/**
|
|
57
|
+
* iphone-17-pro — real SVG frame (baked from BielaFrame Studio)
|
|
58
|
+
* Auto-generated by publish script. Do not edit manually.
|
|
59
|
+
*/
|
|
64
60
|
interface DeviceSVGProps$4 {
|
|
65
61
|
colorScheme?: "light" | "dark";
|
|
66
62
|
style?: React.CSSProperties;
|
|
67
63
|
}
|
|
68
|
-
|
|
69
|
-
* iPhone 17 Pro SVG Frame
|
|
70
|
-
*
|
|
71
|
-
* Dimensions: 402x874 logical points (screen area)
|
|
72
|
-
* Full frame includes bezels: ~432x920pt total
|
|
73
|
-
*
|
|
74
|
-
* Structure:
|
|
75
|
-
* - Outer titanium frame with rounded corners
|
|
76
|
-
* - Screen cutout (transparent — content shows through)
|
|
77
|
-
* - Dynamic Island pill overlay
|
|
78
|
-
* - Side buttons (volume, action, power, camera control)
|
|
79
|
-
* - Bottom elements (USB-C, speaker grilles)
|
|
80
|
-
* - data-zone annotations for DLC auto-derivation
|
|
81
|
-
*
|
|
82
|
-
* The SVG sits ON TOP of content with pointer-events: none.
|
|
83
|
-
* Bezels are opaque — they mask any content that spills over.
|
|
84
|
-
* Screen area is transparent — content shows through.
|
|
85
|
-
*/
|
|
86
|
-
declare function IPhone17ProSVG({ colorScheme, style }: DeviceSVGProps$4): react_jsx_runtime.JSX.Element;
|
|
87
|
-
/** Frame dimensions needed by DeviceFrame to position content correctly */
|
|
64
|
+
declare function IPhone17ProSVG({ style }: DeviceSVGProps$4): react_jsx_runtime.JSX.Element;
|
|
88
65
|
declare const IPHONE_17_PRO_FRAME: {
|
|
89
|
-
readonly bezelTop:
|
|
90
|
-
readonly bezelBottom:
|
|
91
|
-
readonly bezelLeft:
|
|
92
|
-
readonly bezelRight:
|
|
93
|
-
readonly totalWidth:
|
|
94
|
-
readonly totalHeight:
|
|
66
|
+
readonly bezelTop: 19;
|
|
67
|
+
readonly bezelBottom: 19;
|
|
68
|
+
readonly bezelLeft: 19;
|
|
69
|
+
readonly bezelRight: 19;
|
|
70
|
+
readonly totalWidth: 440;
|
|
71
|
+
readonly totalHeight: 912;
|
|
95
72
|
readonly screenWidth: 402;
|
|
96
73
|
readonly screenHeight: 874;
|
|
97
74
|
readonly screenRadius: 55;
|
|
98
75
|
};
|
|
76
|
+
declare const IPHONE_17_PRO_SCREEN_RECT: {
|
|
77
|
+
readonly x: 55;
|
|
78
|
+
readonly y: 55;
|
|
79
|
+
readonly width: 1170;
|
|
80
|
+
readonly height: 2532;
|
|
81
|
+
readonly rx: 165;
|
|
82
|
+
};
|
|
99
83
|
|
|
100
84
|
/**
|
|
101
85
|
* iPhone Air — dimensions
|
|
@@ -289,4 +273,4 @@ declare const IPHONE_SE_3_FRAME: {
|
|
|
289
273
|
readonly screenRadius: 5;
|
|
290
274
|
};
|
|
291
275
|
|
|
292
|
-
export { IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_17_PRO_FRAME, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_FRAME, IPHONE_17_PRO_MAX_LAYOUT, IPHONE_17_PRO_MAX_META, IPHONE_17_PRO_META, IPHONE_AIR_FRAME, IPHONE_AIR_LAYOUT, IPHONE_AIR_META, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG };
|
|
276
|
+
export { IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_17_PRO_FRAME, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_FRAME, IPHONE_17_PRO_MAX_LAYOUT, IPHONE_17_PRO_MAX_META, IPHONE_17_PRO_MAX_SCREEN_RECT, IPHONE_17_PRO_META, IPHONE_17_PRO_SCREEN_RECT, IPHONE_AIR_FRAME, IPHONE_AIR_LAYOUT, IPHONE_AIR_META, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG };
|