@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.
@@ -1,112 +1,116 @@
1
1
  'use strict';
2
2
 
3
- var chunkHF6B72Z5_cjs = require('../chunk-HF6B72Z5.cjs');
3
+ var chunkDYKZBZRY_cjs = require('../chunk-DYKZBZRY.cjs');
4
4
 
5
5
 
6
6
 
7
7
  Object.defineProperty(exports, "IPHONE_16E_FRAME", {
8
8
  enumerable: true,
9
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_16E_FRAME; }
9
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_16E_FRAME; }
10
10
  });
11
11
  Object.defineProperty(exports, "IPHONE_16E_LAYOUT", {
12
12
  enumerable: true,
13
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_16E_LAYOUT; }
13
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_16E_LAYOUT; }
14
14
  });
15
15
  Object.defineProperty(exports, "IPHONE_16E_META", {
16
16
  enumerable: true,
17
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_16E_META; }
17
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_16E_META; }
18
18
  });
19
19
  Object.defineProperty(exports, "IPHONE_16_FRAME", {
20
20
  enumerable: true,
21
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_16_FRAME; }
21
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_16_FRAME; }
22
22
  });
23
23
  Object.defineProperty(exports, "IPHONE_16_LAYOUT", {
24
24
  enumerable: true,
25
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_16_LAYOUT; }
25
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_16_LAYOUT; }
26
26
  });
27
27
  Object.defineProperty(exports, "IPHONE_16_META", {
28
28
  enumerable: true,
29
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_16_META; }
29
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_16_META; }
30
+ });
31
+ Object.defineProperty(exports, "IPHONE_16_SCREEN_RECT", {
32
+ enumerable: true,
33
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_16_SCREEN_RECT; }
30
34
  });
31
35
  Object.defineProperty(exports, "IPHONE_17_PRO_FRAME", {
32
36
  enumerable: true,
33
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_FRAME; }
37
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_FRAME; }
34
38
  });
35
39
  Object.defineProperty(exports, "IPHONE_17_PRO_LAYOUT", {
36
40
  enumerable: true,
37
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_LAYOUT; }
41
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_LAYOUT; }
38
42
  });
39
43
  Object.defineProperty(exports, "IPHONE_17_PRO_MAX_FRAME", {
40
44
  enumerable: true,
41
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_FRAME; }
45
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_MAX_FRAME; }
42
46
  });
43
47
  Object.defineProperty(exports, "IPHONE_17_PRO_MAX_LAYOUT", {
44
48
  enumerable: true,
45
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_LAYOUT; }
49
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_MAX_LAYOUT; }
46
50
  });
47
51
  Object.defineProperty(exports, "IPHONE_17_PRO_MAX_META", {
48
52
  enumerable: true,
49
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_META; }
53
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_MAX_META; }
50
54
  });
51
55
  Object.defineProperty(exports, "IPHONE_17_PRO_MAX_SCREEN_RECT", {
52
56
  enumerable: true,
53
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_MAX_SCREEN_RECT; }
57
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_MAX_SCREEN_RECT; }
54
58
  });
55
59
  Object.defineProperty(exports, "IPHONE_17_PRO_META", {
56
60
  enumerable: true,
57
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_META; }
61
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_META; }
58
62
  });
59
63
  Object.defineProperty(exports, "IPHONE_17_PRO_SCREEN_RECT", {
60
64
  enumerable: true,
61
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_17_PRO_SCREEN_RECT; }
65
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_SCREEN_RECT; }
62
66
  });
63
67
  Object.defineProperty(exports, "IPHONE_AIR_FRAME", {
64
68
  enumerable: true,
65
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_AIR_FRAME; }
69
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_AIR_FRAME; }
66
70
  });
67
71
  Object.defineProperty(exports, "IPHONE_AIR_LAYOUT", {
68
72
  enumerable: true,
69
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_AIR_LAYOUT; }
73
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_AIR_LAYOUT; }
70
74
  });
71
75
  Object.defineProperty(exports, "IPHONE_AIR_META", {
72
76
  enumerable: true,
73
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_AIR_META; }
77
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_AIR_META; }
74
78
  });
75
79
  Object.defineProperty(exports, "IPHONE_SE_3_FRAME", {
76
80
  enumerable: true,
77
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_SE_3_FRAME; }
81
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_SE_3_FRAME; }
78
82
  });
79
83
  Object.defineProperty(exports, "IPHONE_SE_3_LAYOUT", {
80
84
  enumerable: true,
81
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_SE_3_LAYOUT; }
85
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_SE_3_LAYOUT; }
82
86
  });
83
87
  Object.defineProperty(exports, "IPHONE_SE_3_META", {
84
88
  enumerable: true,
85
- get: function () { return chunkHF6B72Z5_cjs.IPHONE_SE_3_META; }
89
+ get: function () { return chunkDYKZBZRY_cjs.IPHONE_SE_3_META; }
86
90
  });
87
91
  Object.defineProperty(exports, "IPhone16SVG", {
88
92
  enumerable: true,
89
- get: function () { return chunkHF6B72Z5_cjs.IPhone16SVG; }
93
+ get: function () { return chunkDYKZBZRY_cjs.IPhone16SVG; }
90
94
  });
91
95
  Object.defineProperty(exports, "IPhone16eSVG", {
92
96
  enumerable: true,
93
- get: function () { return chunkHF6B72Z5_cjs.IPhone16eSVG; }
97
+ get: function () { return chunkDYKZBZRY_cjs.IPhone16eSVG; }
94
98
  });
95
99
  Object.defineProperty(exports, "IPhone17ProMaxSVG", {
96
100
  enumerable: true,
97
- get: function () { return chunkHF6B72Z5_cjs.IPhone17ProMaxSVG; }
101
+ get: function () { return chunkDYKZBZRY_cjs.IPhone17ProMaxSVG; }
98
102
  });
99
103
  Object.defineProperty(exports, "IPhone17ProSVG", {
100
104
  enumerable: true,
101
- get: function () { return chunkHF6B72Z5_cjs.IPhone17ProSVG; }
105
+ get: function () { return chunkDYKZBZRY_cjs.IPhone17ProSVG; }
102
106
  });
103
107
  Object.defineProperty(exports, "IPhoneAirSVG", {
104
108
  enumerable: true,
105
- get: function () { return chunkHF6B72Z5_cjs.IPhoneAirSVG; }
109
+ get: function () { return chunkDYKZBZRY_cjs.IPhoneAirSVG; }
106
110
  });
107
111
  Object.defineProperty(exports, "IPhoneSE3SVG", {
108
112
  enumerable: true,
109
- get: function () { return chunkHF6B72Z5_cjs.IPhoneSE3SVG; }
113
+ get: function () { return chunkDYKZBZRY_cjs.IPhoneSE3SVG; }
110
114
  });
111
115
  //# sourceMappingURL=index.cjs.map
112
116
  //# sourceMappingURL=index.cjs.map
@@ -188,40 +188,32 @@ declare const IPHONE_16E_FRAME: {
188
188
  declare const IPHONE_16_META: DeviceMeta;
189
189
  declare const IPHONE_16_LAYOUT: DeviceLayoutData;
190
190
 
191
+ /**
192
+ * iphone-16 — real SVG frame (baked from BielaFrame Studio)
193
+ * Auto-generated by publish script. Do not edit manually.
194
+ */
191
195
  interface DeviceSVGProps$1 {
192
196
  colorScheme?: "light" | "dark";
193
197
  style?: React.CSSProperties;
194
198
  }
195
- /**
196
- * iPhone 16 SVG Frame
197
- *
198
- * Dimensions: 393x852 logical points (screen area)
199
- * Full frame includes bezels: ~423x898pt total
200
- *
201
- * Structure:
202
- * - Outer aluminum frame with rounded corners
203
- * - Screen cutout (transparent — content shows through)
204
- * - Dynamic Island pill overlay
205
- * - Side buttons (volume, power, camera control — no action button)
206
- * - Bottom elements (USB-C, speaker grilles)
207
- * - data-zone annotations for DLC auto-derivation
208
- *
209
- * The SVG sits ON TOP of content with pointer-events: none.
210
- * Bezels are opaque — they mask any content that spills over.
211
- * Screen area is transparent — content shows through.
212
- */
213
- declare function IPhone16SVG({ colorScheme, style }: DeviceSVGProps$1): react_jsx_runtime.JSX.Element;
214
- /** Frame dimensions needed by DeviceFrame to position content correctly */
199
+ declare function IPhone16SVG({ style }: DeviceSVGProps$1): react_jsx_runtime.JSX.Element;
215
200
  declare const IPHONE_16_FRAME: {
216
- readonly bezelTop: 23;
217
- readonly bezelBottom: 23;
218
- readonly bezelLeft: 15;
219
- readonly bezelRight: 15;
220
- readonly totalWidth: 423;
221
- readonly totalHeight: 898;
201
+ readonly bezelTop: 14;
202
+ readonly bezelBottom: 14;
203
+ readonly bezelLeft: 17;
204
+ readonly bezelRight: 17;
205
+ readonly totalWidth: 427;
206
+ readonly totalHeight: 880;
222
207
  readonly screenWidth: 393;
223
208
  readonly screenHeight: 852;
224
- readonly screenRadius: 48;
209
+ readonly screenRadius: 55;
210
+ };
211
+ declare const IPHONE_16_SCREEN_RECT: {
212
+ readonly x: 54.3896;
213
+ readonly y: 43.5117;
214
+ readonly width: 1279.98;
215
+ readonly height: 2759.38;
216
+ readonly rx: 188.552;
225
217
  };
226
218
 
227
219
  /**
@@ -273,4 +265,4 @@ declare const IPHONE_SE_3_FRAME: {
273
265
  readonly screenRadius: 5;
274
266
  };
275
267
 
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 };
268
+ export { IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_16_SCREEN_RECT, 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 };
@@ -188,40 +188,32 @@ declare const IPHONE_16E_FRAME: {
188
188
  declare const IPHONE_16_META: DeviceMeta;
189
189
  declare const IPHONE_16_LAYOUT: DeviceLayoutData;
190
190
 
191
+ /**
192
+ * iphone-16 — real SVG frame (baked from BielaFrame Studio)
193
+ * Auto-generated by publish script. Do not edit manually.
194
+ */
191
195
  interface DeviceSVGProps$1 {
192
196
  colorScheme?: "light" | "dark";
193
197
  style?: React.CSSProperties;
194
198
  }
195
- /**
196
- * iPhone 16 SVG Frame
197
- *
198
- * Dimensions: 393x852 logical points (screen area)
199
- * Full frame includes bezels: ~423x898pt total
200
- *
201
- * Structure:
202
- * - Outer aluminum frame with rounded corners
203
- * - Screen cutout (transparent — content shows through)
204
- * - Dynamic Island pill overlay
205
- * - Side buttons (volume, power, camera control — no action button)
206
- * - Bottom elements (USB-C, speaker grilles)
207
- * - data-zone annotations for DLC auto-derivation
208
- *
209
- * The SVG sits ON TOP of content with pointer-events: none.
210
- * Bezels are opaque — they mask any content that spills over.
211
- * Screen area is transparent — content shows through.
212
- */
213
- declare function IPhone16SVG({ colorScheme, style }: DeviceSVGProps$1): react_jsx_runtime.JSX.Element;
214
- /** Frame dimensions needed by DeviceFrame to position content correctly */
199
+ declare function IPhone16SVG({ style }: DeviceSVGProps$1): react_jsx_runtime.JSX.Element;
215
200
  declare const IPHONE_16_FRAME: {
216
- readonly bezelTop: 23;
217
- readonly bezelBottom: 23;
218
- readonly bezelLeft: 15;
219
- readonly bezelRight: 15;
220
- readonly totalWidth: 423;
221
- readonly totalHeight: 898;
201
+ readonly bezelTop: 14;
202
+ readonly bezelBottom: 14;
203
+ readonly bezelLeft: 17;
204
+ readonly bezelRight: 17;
205
+ readonly totalWidth: 427;
206
+ readonly totalHeight: 880;
222
207
  readonly screenWidth: 393;
223
208
  readonly screenHeight: 852;
224
- readonly screenRadius: 48;
209
+ readonly screenRadius: 55;
210
+ };
211
+ declare const IPHONE_16_SCREEN_RECT: {
212
+ readonly x: 54.3896;
213
+ readonly y: 43.5117;
214
+ readonly width: 1279.98;
215
+ readonly height: 2759.38;
216
+ readonly rx: 188.552;
225
217
  };
226
218
 
227
219
  /**
@@ -273,4 +265,4 @@ declare const IPHONE_SE_3_FRAME: {
273
265
  readonly screenRadius: 5;
274
266
  };
275
267
 
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 };
268
+ export { IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_16_SCREEN_RECT, 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 };
package/dist/ios/index.js CHANGED
@@ -1,3 +1,3 @@
1
- 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';
1
+ export { IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_16_SCREEN_RECT, 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-DLT4UL35.js';
2
2
  //# sourceMappingURL=index.js.map
3
3
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@biela.dev/devices",
3
- "version": "1.6.2",
3
+ "version": "1.6.4",
4
4
  "description": "Built-in device SVG library and layout contracts for BielaFrame — 11 devices covering every unique screen class",
5
5
  "license": "MIT",
6
6
  "author": "Biela Enterprise <alex@cocindau.com>",