@biela.dev/devices 1.6.4 → 1.6.6

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,116 +1,120 @@
1
1
  'use strict';
2
2
 
3
- var chunkDYKZBZRY_cjs = require('../chunk-DYKZBZRY.cjs');
3
+ var chunk2EFRCHF7_cjs = require('../chunk-2EFRCHF7.cjs');
4
4
 
5
5
 
6
6
 
7
7
  Object.defineProperty(exports, "IPHONE_16E_FRAME", {
8
8
  enumerable: true,
9
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_16E_FRAME; }
9
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_16E_FRAME; }
10
10
  });
11
11
  Object.defineProperty(exports, "IPHONE_16E_LAYOUT", {
12
12
  enumerable: true,
13
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_16E_LAYOUT; }
13
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_16E_LAYOUT; }
14
14
  });
15
15
  Object.defineProperty(exports, "IPHONE_16E_META", {
16
16
  enumerable: true,
17
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_16E_META; }
17
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_16E_META; }
18
18
  });
19
19
  Object.defineProperty(exports, "IPHONE_16_FRAME", {
20
20
  enumerable: true,
21
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_16_FRAME; }
21
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_16_FRAME; }
22
22
  });
23
23
  Object.defineProperty(exports, "IPHONE_16_LAYOUT", {
24
24
  enumerable: true,
25
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_16_LAYOUT; }
25
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_16_LAYOUT; }
26
26
  });
27
27
  Object.defineProperty(exports, "IPHONE_16_META", {
28
28
  enumerable: true,
29
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_16_META; }
29
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_16_META; }
30
30
  });
31
31
  Object.defineProperty(exports, "IPHONE_16_SCREEN_RECT", {
32
32
  enumerable: true,
33
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_16_SCREEN_RECT; }
33
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_16_SCREEN_RECT; }
34
34
  });
35
35
  Object.defineProperty(exports, "IPHONE_17_PRO_FRAME", {
36
36
  enumerable: true,
37
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_FRAME; }
37
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_17_PRO_FRAME; }
38
38
  });
39
39
  Object.defineProperty(exports, "IPHONE_17_PRO_LAYOUT", {
40
40
  enumerable: true,
41
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_LAYOUT; }
41
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_17_PRO_LAYOUT; }
42
42
  });
43
43
  Object.defineProperty(exports, "IPHONE_17_PRO_MAX_FRAME", {
44
44
  enumerable: true,
45
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_MAX_FRAME; }
45
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_17_PRO_MAX_FRAME; }
46
46
  });
47
47
  Object.defineProperty(exports, "IPHONE_17_PRO_MAX_LAYOUT", {
48
48
  enumerable: true,
49
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_MAX_LAYOUT; }
49
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_17_PRO_MAX_LAYOUT; }
50
50
  });
51
51
  Object.defineProperty(exports, "IPHONE_17_PRO_MAX_META", {
52
52
  enumerable: true,
53
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_MAX_META; }
53
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_17_PRO_MAX_META; }
54
54
  });
55
55
  Object.defineProperty(exports, "IPHONE_17_PRO_MAX_SCREEN_RECT", {
56
56
  enumerable: true,
57
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_MAX_SCREEN_RECT; }
57
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_17_PRO_MAX_SCREEN_RECT; }
58
58
  });
59
59
  Object.defineProperty(exports, "IPHONE_17_PRO_META", {
60
60
  enumerable: true,
61
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_META; }
61
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_17_PRO_META; }
62
62
  });
63
63
  Object.defineProperty(exports, "IPHONE_17_PRO_SCREEN_RECT", {
64
64
  enumerable: true,
65
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_17_PRO_SCREEN_RECT; }
65
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_17_PRO_SCREEN_RECT; }
66
66
  });
67
67
  Object.defineProperty(exports, "IPHONE_AIR_FRAME", {
68
68
  enumerable: true,
69
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_AIR_FRAME; }
69
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_AIR_FRAME; }
70
70
  });
71
71
  Object.defineProperty(exports, "IPHONE_AIR_LAYOUT", {
72
72
  enumerable: true,
73
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_AIR_LAYOUT; }
73
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_AIR_LAYOUT; }
74
74
  });
75
75
  Object.defineProperty(exports, "IPHONE_AIR_META", {
76
76
  enumerable: true,
77
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_AIR_META; }
77
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_AIR_META; }
78
+ });
79
+ Object.defineProperty(exports, "IPHONE_AIR_SCREEN_RECT", {
80
+ enumerable: true,
81
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_AIR_SCREEN_RECT; }
78
82
  });
79
83
  Object.defineProperty(exports, "IPHONE_SE_3_FRAME", {
80
84
  enumerable: true,
81
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_SE_3_FRAME; }
85
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_SE_3_FRAME; }
82
86
  });
83
87
  Object.defineProperty(exports, "IPHONE_SE_3_LAYOUT", {
84
88
  enumerable: true,
85
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_SE_3_LAYOUT; }
89
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_SE_3_LAYOUT; }
86
90
  });
87
91
  Object.defineProperty(exports, "IPHONE_SE_3_META", {
88
92
  enumerable: true,
89
- get: function () { return chunkDYKZBZRY_cjs.IPHONE_SE_3_META; }
93
+ get: function () { return chunk2EFRCHF7_cjs.IPHONE_SE_3_META; }
90
94
  });
91
95
  Object.defineProperty(exports, "IPhone16SVG", {
92
96
  enumerable: true,
93
- get: function () { return chunkDYKZBZRY_cjs.IPhone16SVG; }
97
+ get: function () { return chunk2EFRCHF7_cjs.IPhone16SVG; }
94
98
  });
95
99
  Object.defineProperty(exports, "IPhone16eSVG", {
96
100
  enumerable: true,
97
- get: function () { return chunkDYKZBZRY_cjs.IPhone16eSVG; }
101
+ get: function () { return chunk2EFRCHF7_cjs.IPhone16eSVG; }
98
102
  });
99
103
  Object.defineProperty(exports, "IPhone17ProMaxSVG", {
100
104
  enumerable: true,
101
- get: function () { return chunkDYKZBZRY_cjs.IPhone17ProMaxSVG; }
105
+ get: function () { return chunk2EFRCHF7_cjs.IPhone17ProMaxSVG; }
102
106
  });
103
107
  Object.defineProperty(exports, "IPhone17ProSVG", {
104
108
  enumerable: true,
105
- get: function () { return chunkDYKZBZRY_cjs.IPhone17ProSVG; }
109
+ get: function () { return chunk2EFRCHF7_cjs.IPhone17ProSVG; }
106
110
  });
107
111
  Object.defineProperty(exports, "IPhoneAirSVG", {
108
112
  enumerable: true,
109
- get: function () { return chunkDYKZBZRY_cjs.IPhoneAirSVG; }
113
+ get: function () { return chunk2EFRCHF7_cjs.IPhoneAirSVG; }
110
114
  });
111
115
  Object.defineProperty(exports, "IPhoneSE3SVG", {
112
116
  enumerable: true,
113
- get: function () { return chunkDYKZBZRY_cjs.IPhoneSE3SVG; }
117
+ get: function () { return chunk2EFRCHF7_cjs.IPhoneSE3SVG; }
114
118
  });
115
119
  //# sourceMappingURL=index.cjs.map
116
120
  //# sourceMappingURL=index.cjs.map
@@ -93,41 +93,34 @@ declare const IPHONE_17_PRO_SCREEN_RECT: {
93
93
  declare const IPHONE_AIR_META: DeviceMeta;
94
94
  declare const IPHONE_AIR_LAYOUT: DeviceLayoutData;
95
95
 
96
+ /**
97
+ * iphone-air — real SVG frame (baked from Figma export)
98
+ * Converted from iphone17-Air.svg
99
+ */
96
100
  interface DeviceSVGProps$3 {
97
101
  colorScheme?: "light" | "dark";
98
102
  style?: React.CSSProperties;
99
103
  }
100
- /**
101
- * iPhone Air SVG Frame
102
- *
103
- * Dimensions: 420x912 logical points (screen area)
104
- * Full frame includes bezels: ~440x952pt total
105
- *
106
- * Structure:
107
- * - Outer aluminum frame with rounded corners (ultra-thin)
108
- * - Screen cutout (transparent — content shows through)
109
- * - Dynamic Island pill overlay
110
- * - Side buttons (volume, power — no action button, no camera control)
111
- * - Bottom elements (USB-C, speaker grilles)
112
- * - data-zone annotations for DLC auto-derivation
113
- *
114
- * The SVG sits ON TOP of content with pointer-events: none.
115
- * Bezels are opaque — they mask any content that spills over.
116
- * Screen area is transparent — content shows through.
117
- */
118
- declare function IPhoneAirSVG({ colorScheme, style }: DeviceSVGProps$3): react_jsx_runtime.JSX.Element;
104
+ declare function IPhoneAirSVG({ style }: DeviceSVGProps$3): react_jsx_runtime.JSX.Element;
119
105
  /** Frame dimensions needed by DeviceFrame to position content correctly */
120
106
  declare const IPHONE_AIR_FRAME: {
121
- readonly bezelTop: 20;
122
- readonly bezelBottom: 20;
123
- readonly bezelLeft: 10;
124
- readonly bezelRight: 10;
125
- readonly totalWidth: 440;
126
- readonly totalHeight: 952;
107
+ readonly bezelTop: 33;
108
+ readonly bezelBottom: 33;
109
+ readonly bezelLeft: 33;
110
+ readonly bezelRight: 33;
111
+ readonly totalWidth: 486;
112
+ readonly totalHeight: 978;
127
113
  readonly screenWidth: 420;
128
114
  readonly screenHeight: 912;
129
115
  readonly screenRadius: 55;
130
116
  };
117
+ declare const IPHONE_AIR_SCREEN_RECT: {
118
+ readonly x: 100;
119
+ readonly y: 100;
120
+ readonly width: 1290;
121
+ readonly height: 2796;
122
+ readonly rx: 200;
123
+ };
131
124
 
132
125
  /**
133
126
  * iPhone 16e — dimensions (NOTCH device)
@@ -265,4 +258,4 @@ declare const IPHONE_SE_3_FRAME: {
265
258
  readonly screenRadius: 5;
266
259
  };
267
260
 
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 };
261
+ 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_AIR_SCREEN_RECT, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG };
@@ -93,41 +93,34 @@ declare const IPHONE_17_PRO_SCREEN_RECT: {
93
93
  declare const IPHONE_AIR_META: DeviceMeta;
94
94
  declare const IPHONE_AIR_LAYOUT: DeviceLayoutData;
95
95
 
96
+ /**
97
+ * iphone-air — real SVG frame (baked from Figma export)
98
+ * Converted from iphone17-Air.svg
99
+ */
96
100
  interface DeviceSVGProps$3 {
97
101
  colorScheme?: "light" | "dark";
98
102
  style?: React.CSSProperties;
99
103
  }
100
- /**
101
- * iPhone Air SVG Frame
102
- *
103
- * Dimensions: 420x912 logical points (screen area)
104
- * Full frame includes bezels: ~440x952pt total
105
- *
106
- * Structure:
107
- * - Outer aluminum frame with rounded corners (ultra-thin)
108
- * - Screen cutout (transparent — content shows through)
109
- * - Dynamic Island pill overlay
110
- * - Side buttons (volume, power — no action button, no camera control)
111
- * - Bottom elements (USB-C, speaker grilles)
112
- * - data-zone annotations for DLC auto-derivation
113
- *
114
- * The SVG sits ON TOP of content with pointer-events: none.
115
- * Bezels are opaque — they mask any content that spills over.
116
- * Screen area is transparent — content shows through.
117
- */
118
- declare function IPhoneAirSVG({ colorScheme, style }: DeviceSVGProps$3): react_jsx_runtime.JSX.Element;
104
+ declare function IPhoneAirSVG({ style }: DeviceSVGProps$3): react_jsx_runtime.JSX.Element;
119
105
  /** Frame dimensions needed by DeviceFrame to position content correctly */
120
106
  declare const IPHONE_AIR_FRAME: {
121
- readonly bezelTop: 20;
122
- readonly bezelBottom: 20;
123
- readonly bezelLeft: 10;
124
- readonly bezelRight: 10;
125
- readonly totalWidth: 440;
126
- readonly totalHeight: 952;
107
+ readonly bezelTop: 33;
108
+ readonly bezelBottom: 33;
109
+ readonly bezelLeft: 33;
110
+ readonly bezelRight: 33;
111
+ readonly totalWidth: 486;
112
+ readonly totalHeight: 978;
127
113
  readonly screenWidth: 420;
128
114
  readonly screenHeight: 912;
129
115
  readonly screenRadius: 55;
130
116
  };
117
+ declare const IPHONE_AIR_SCREEN_RECT: {
118
+ readonly x: 100;
119
+ readonly y: 100;
120
+ readonly width: 1290;
121
+ readonly height: 2796;
122
+ readonly rx: 200;
123
+ };
131
124
 
132
125
  /**
133
126
  * iPhone 16e — dimensions (NOTCH device)
@@ -265,4 +258,4 @@ declare const IPHONE_SE_3_FRAME: {
265
258
  readonly screenRadius: 5;
266
259
  };
267
260
 
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 };
261
+ 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_AIR_SCREEN_RECT, 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_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';
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_AIR_SCREEN_RECT, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG } from '../chunk-DF2YDUHR.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.4",
3
+ "version": "1.6.6",
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>",