@multiplatform.one/theme 7.90.6 → 8.0.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.
Files changed (179) hide show
  1. package/dist/cjs/index.gnome.cjs +432 -0
  2. package/dist/cjs/index.gnome.native.js +435 -0
  3. package/dist/cjs/index.gnome.native.js.map +1 -0
  4. package/dist/cjs/{theme/useColorScale.native.js → nativeTwins.cjs} +11 -10
  5. package/dist/cjs/{theme/useColorScale.cjs → nativeTwins.native.js} +14 -24
  6. package/dist/cjs/nativeTwins.native.js.map +1 -0
  7. package/dist/cjs/theme/Surface.cjs +2 -10
  8. package/dist/cjs/theme/Surface.native.js +3 -12
  9. package/dist/cjs/theme/Surface.native.js.map +1 -1
  10. package/dist/cjs/theme/devtools/ColorLineVisualizer.cjs +91 -89
  11. package/dist/cjs/theme/devtools/ColorLineVisualizer.native.js +79 -88
  12. package/dist/cjs/theme/devtools/ColorLineVisualizer.native.js.map +1 -1
  13. package/dist/cjs/theme/devtools/index.cjs +25 -0
  14. package/dist/cjs/theme/devtools/index.native.js +28 -0
  15. package/dist/cjs/theme/devtools/index.native.js.map +1 -0
  16. package/dist/cjs/theme/devtools/knobIcons.cjs +147 -149
  17. package/dist/cjs/theme/devtools/knobIcons.native.js +135 -149
  18. package/dist/cjs/theme/devtools/knobIcons.native.js.map +1 -1
  19. package/dist/cjs/theme/nativePresetSwitch.cjs +45 -0
  20. package/dist/cjs/theme/nativePresetSwitch.native.js +50 -0
  21. package/dist/cjs/theme/nativePresetSwitch.native.js.map +1 -0
  22. package/dist/cjs/theme/nativeSchemePreference.cjs +72 -0
  23. package/dist/cjs/theme/nativeSchemePreference.native.js +80 -0
  24. package/dist/cjs/theme/nativeSchemePreference.native.js.map +1 -0
  25. package/dist/cjs/theme/nativeTheme.cjs +107 -0
  26. package/dist/cjs/theme/nativeTheme.native.js +115 -0
  27. package/dist/cjs/theme/nativeTheme.native.js.map +1 -0
  28. package/dist/cjs/theme/nativeTransitionProps.cjs +69 -0
  29. package/dist/cjs/theme/nativeTransitionProps.native.js +81 -0
  30. package/dist/cjs/theme/nativeTransitionProps.native.js.map +1 -0
  31. package/dist/cjs/theme/recipeInputs.native.js.map +1 -1
  32. package/dist/cjs/theme/resolveKnobs.cjs +0 -5
  33. package/dist/cjs/theme/resolveKnobs.native.js +0 -5
  34. package/dist/cjs/theme/resolveKnobs.native.js.map +1 -1
  35. package/dist/cjs/theme/sizeRecipes.cjs +3 -13
  36. package/dist/cjs/theme/sizeRecipes.native.js +3 -13
  37. package/dist/cjs/theme/sizeRecipes.native.js.map +1 -1
  38. package/dist/cjs/theme/theme.native.js +2 -94
  39. package/dist/cjs/theme/theme.native.js.map +1 -1
  40. package/dist/cjs/theme/transitionProps.native.js +2 -60
  41. package/dist/cjs/theme/transitionProps.native.js.map +1 -1
  42. package/dist/cjs/theme/usePresetSwitch.native.js +2 -29
  43. package/dist/cjs/theme/usePresetSwitch.native.js.map +1 -1
  44. package/dist/cjs/theme/useSchemePreference.native.js +2 -59
  45. package/dist/cjs/theme/useSchemePreference.native.js.map +1 -1
  46. package/dist/esm/index.gnome.mjs +48 -0
  47. package/dist/esm/index.gnome.mjs.map +1 -0
  48. package/dist/esm/index.gnome.native.js +48 -0
  49. package/dist/esm/index.gnome.native.js.map +1 -0
  50. package/dist/esm/nativeTwins.mjs +6 -0
  51. package/dist/esm/nativeTwins.mjs.map +1 -0
  52. package/dist/esm/nativeTwins.native.js +6 -0
  53. package/dist/esm/nativeTwins.native.js.map +1 -0
  54. package/dist/esm/theme/Surface.mjs +2 -9
  55. package/dist/esm/theme/Surface.mjs.map +1 -1
  56. package/dist/esm/theme/Surface.native.js +3 -11
  57. package/dist/esm/theme/Surface.native.js.map +1 -1
  58. package/dist/esm/theme/devtools/ColorLineVisualizer.mjs +80 -89
  59. package/dist/esm/theme/devtools/ColorLineVisualizer.mjs.map +1 -1
  60. package/dist/esm/theme/devtools/ColorLineVisualizer.native.js +79 -88
  61. package/dist/esm/theme/devtools/ColorLineVisualizer.native.js.map +1 -1
  62. package/dist/esm/theme/devtools/index.mjs +7 -0
  63. package/dist/esm/theme/devtools/index.mjs.map +1 -0
  64. package/dist/esm/theme/devtools/index.native.js +7 -0
  65. package/dist/esm/theme/devtools/index.native.js.map +1 -0
  66. package/dist/esm/theme/devtools/knobIcons.mjs +136 -149
  67. package/dist/esm/theme/devtools/knobIcons.mjs.map +1 -1
  68. package/dist/esm/theme/devtools/knobIcons.native.js +135 -149
  69. package/dist/esm/theme/devtools/knobIcons.native.js.map +1 -1
  70. package/dist/esm/theme/nativePresetSwitch.mjs +20 -0
  71. package/dist/esm/theme/nativePresetSwitch.mjs.map +1 -0
  72. package/dist/esm/theme/nativePresetSwitch.native.js +22 -0
  73. package/dist/esm/theme/nativePresetSwitch.native.js.map +1 -0
  74. package/dist/esm/theme/nativeSchemePreference.mjs +47 -0
  75. package/dist/esm/theme/nativeSchemePreference.mjs.map +1 -0
  76. package/dist/esm/theme/nativeSchemePreference.native.js +52 -0
  77. package/dist/esm/theme/nativeSchemePreference.native.js.map +1 -0
  78. package/dist/esm/theme/nativeTheme.mjs +82 -0
  79. package/dist/esm/theme/nativeTheme.mjs.map +1 -0
  80. package/dist/esm/theme/nativeTheme.native.js +87 -0
  81. package/dist/esm/theme/nativeTheme.native.js.map +1 -0
  82. package/dist/esm/theme/nativeTransitionProps.mjs +44 -0
  83. package/dist/esm/theme/nativeTransitionProps.mjs.map +1 -0
  84. package/dist/esm/theme/nativeTransitionProps.native.js +53 -0
  85. package/dist/esm/theme/nativeTransitionProps.native.js.map +1 -0
  86. package/dist/esm/theme/recipeInputs.mjs.map +1 -1
  87. package/dist/esm/theme/recipeInputs.native.js.map +1 -1
  88. package/dist/esm/theme/resolveKnobs.mjs +0 -5
  89. package/dist/esm/theme/resolveKnobs.mjs.map +1 -1
  90. package/dist/esm/theme/resolveKnobs.native.js +0 -5
  91. package/dist/esm/theme/resolveKnobs.native.js.map +1 -1
  92. package/dist/esm/theme/sizeRecipes.mjs +4 -9
  93. package/dist/esm/theme/sizeRecipes.mjs.map +1 -1
  94. package/dist/esm/theme/sizeRecipes.native.js +4 -9
  95. package/dist/esm/theme/sizeRecipes.native.js.map +1 -1
  96. package/dist/esm/theme/theme.native.js +1 -86
  97. package/dist/esm/theme/theme.native.js.map +1 -1
  98. package/dist/esm/theme/transitionProps.native.js +1 -52
  99. package/dist/esm/theme/transitionProps.native.js.map +1 -1
  100. package/dist/esm/theme/usePresetSwitch.native.js +1 -21
  101. package/dist/esm/theme/usePresetSwitch.native.js.map +1 -1
  102. package/dist/esm/theme/useSchemePreference.native.js +1 -51
  103. package/dist/esm/theme/useSchemePreference.native.js.map +1 -1
  104. package/package.json +54 -6
  105. package/src/index.gnome.ts +544 -0
  106. package/src/nativeTwins.ts +11 -0
  107. package/src/theme/Surface.spec.tsx +0 -34
  108. package/src/theme/Surface.tsx +1 -20
  109. package/src/theme/devtools/ColorLineVisualizer.tsx +1 -0
  110. package/src/theme/devtools/index.ts +14 -0
  111. package/src/theme/devtools/knobIcons.tsx +1 -0
  112. package/src/theme/mpo19Proof.spec.ts +0 -5
  113. package/src/theme/nativePresetSwitch.ts +32 -0
  114. package/src/theme/nativeSchemePreference.ts +58 -0
  115. package/src/theme/nativeTheme.tsx +113 -0
  116. package/src/theme/nativeTransitionProps.ts +74 -0
  117. package/src/theme/recipeInputs.ts +0 -5
  118. package/src/theme/recipes.ts +1 -7
  119. package/src/theme/resolveKnobs.spec.ts +4 -7
  120. package/src/theme/resolveKnobs.ts +0 -5
  121. package/src/theme/shared.tsx +4 -4
  122. package/src/theme/sizeLadder.spec.ts +4 -5
  123. package/src/theme/sizeRecipes.spec.ts +11 -16
  124. package/src/theme/sizeRecipes.ts +12 -19
  125. package/src/theme/theme.native.tsx +1 -113
  126. package/src/theme/theme.provider.spec.ts +1 -1
  127. package/src/theme/transitionProps.native.ts +1 -74
  128. package/src/theme/usePresetSwitch.native.ts +1 -32
  129. package/src/theme/useResolvedKnobs.hydration.spec.tsx +1 -1
  130. package/src/theme/useResolvedKnobsBehavior.spec.tsx +3 -3
  131. package/src/theme/useSchemePreference.native.ts +1 -58
  132. package/types/index.gnome.d.ts +84 -0
  133. package/types/index.gnome.d.ts.map +1 -0
  134. package/types/nativeTwins.d.ts +11 -0
  135. package/types/nativeTwins.d.ts.map +1 -0
  136. package/types/theme/Surface.d.ts +2 -13
  137. package/types/theme/Surface.d.ts.map +1 -1
  138. package/types/theme/devtools/ColorLineVisualizer.d.ts +3 -1
  139. package/types/theme/devtools/ColorLineVisualizer.d.ts.map +1 -1
  140. package/types/theme/devtools/index.d.ts +14 -0
  141. package/types/theme/devtools/index.d.ts.map +1 -0
  142. package/types/theme/devtools/knobIcons.d.ts +1 -0
  143. package/types/theme/devtools/knobIcons.d.ts.map +1 -1
  144. package/types/theme/nativePresetSwitch.d.ts +10 -0
  145. package/types/theme/nativePresetSwitch.d.ts.map +1 -0
  146. package/types/theme/nativeSchemePreference.d.ts +8 -0
  147. package/types/theme/nativeSchemePreference.d.ts.map +1 -0
  148. package/types/theme/nativeTheme.d.ts +19 -0
  149. package/types/theme/nativeTheme.d.ts.map +1 -0
  150. package/types/theme/nativeTransitionProps.d.ts +15 -0
  151. package/types/theme/nativeTransitionProps.d.ts.map +1 -0
  152. package/types/theme/recipeInputs.d.ts +0 -4
  153. package/types/theme/recipeInputs.d.ts.map +1 -1
  154. package/types/theme/recipes.d.ts +2 -9
  155. package/types/theme/recipes.d.ts.map +1 -1
  156. package/types/theme/resolveKnobs.d.ts.map +1 -1
  157. package/types/theme/shared.d.ts +4 -4
  158. package/types/theme/shared.d.ts.map +1 -1
  159. package/types/theme/sizeRecipes.d.ts +8 -13
  160. package/types/theme/sizeRecipes.d.ts.map +1 -1
  161. package/types/theme/theme.native.d.ts +1 -18
  162. package/types/theme/theme.native.d.ts.map +1 -1
  163. package/types/theme/transitionProps.native.d.ts +1 -14
  164. package/types/theme/transitionProps.native.d.ts.map +1 -1
  165. package/types/theme/usePresetSwitch.native.d.ts +1 -9
  166. package/types/theme/usePresetSwitch.native.d.ts.map +1 -1
  167. package/types/theme/useSchemePreference.native.d.ts +1 -7
  168. package/types/theme/useSchemePreference.native.d.ts.map +1 -1
  169. package/dist/cjs/theme/useColorScale.native.js.map +0 -1
  170. package/dist/esm/theme/useColorScale.mjs +0 -22
  171. package/dist/esm/theme/useColorScale.mjs.map +0 -1
  172. package/dist/esm/theme/useColorScale.native.js +0 -5
  173. package/dist/esm/theme/useColorScale.native.js.map +0 -1
  174. package/src/theme/useColorScale.native.ts +0 -7
  175. package/src/theme/useColorScale.ts +0 -29
  176. package/types/theme/useColorScale.d.ts +0 -7
  177. package/types/theme/useColorScale.d.ts.map +0 -1
  178. package/types/theme/useColorScale.native.d.ts +0 -6
  179. package/types/theme/useColorScale.native.d.ts.map +0 -1
@@ -1,8 +1,7 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
1
  import React from "react";
3
2
  function fillIcon(value, color) {
4
3
  if (value === "filled") {
5
- return /* @__PURE__ */_jsx("div", {
4
+ return /* @__PURE__ */React.createElement("div", {
6
5
  style: {
7
6
  width: 14,
8
7
  height: 14,
@@ -11,7 +10,7 @@ function fillIcon(value, color) {
11
10
  }
12
11
  });
13
12
  }
14
- return /* @__PURE__ */_jsx("div", {
13
+ return /* @__PURE__ */React.createElement("div", {
15
14
  style: {
16
15
  width: 14,
17
16
  height: 14,
@@ -29,7 +28,7 @@ function borderRadiusIcon(value, color) {
29
28
  large: 7,
30
29
  full: 10
31
30
  }[value]) !== null && _value !== void 0 ? _value : 0;
32
- return /* @__PURE__ */_jsx("div", {
31
+ return /* @__PURE__ */React.createElement("div", {
33
32
  style: {
34
33
  width: 14,
35
34
  height: 14,
@@ -40,34 +39,31 @@ function borderRadiusIcon(value, color) {
40
39
  }
41
40
  function cornerSmoothingIcon(value, color) {
42
41
  var smooth = value === "smooth";
43
- return /* @__PURE__ */_jsxs("svg", {
42
+ return /* @__PURE__ */React.createElement("svg", {
44
43
  width: "14",
45
44
  height: "14",
46
45
  viewBox: "0 0 14 14",
47
46
  fill: "none",
48
47
  role: "img",
49
- "aria-label": value,
50
- children: [/* @__PURE__ */_jsx("title", {
51
- children: value
52
- }), smooth ? /* @__PURE__ */_jsx("path", {
53
- d: "M7 1 C2.8 1 1 2.8 1 7 C1 11.2 2.8 13 7 13 C11.2 13 13 11.2 13 7 C13 2.8 11.2 1 7 1 Z",
54
- stroke: color,
55
- strokeWidth: "1.5"
56
- }) : /* @__PURE__ */_jsx("rect", {
57
- x: "1",
58
- y: "1",
59
- width: "12",
60
- height: "12",
61
- rx: "4",
62
- stroke: color,
63
- strokeWidth: "1.5"
64
- })]
65
- });
48
+ "aria-label": value
49
+ }, /* @__PURE__ */React.createElement("title", null, value), smooth ? /* @__PURE__ */React.createElement("path", {
50
+ d: "M7 1 C2.8 1 1 2.8 1 7 C1 11.2 2.8 13 7 13 C11.2 13 13 11.2 13 7 C13 2.8 11.2 1 7 1 Z",
51
+ stroke: color,
52
+ strokeWidth: "1.5"
53
+ }) : /* @__PURE__ */React.createElement("rect", {
54
+ x: "1",
55
+ y: "1",
56
+ width: "12",
57
+ height: "12",
58
+ rx: "4",
59
+ stroke: color,
60
+ strokeWidth: "1.5"
61
+ }));
66
62
  }
67
63
  function borderWidthIcon(value, color) {
68
64
  var _value;
69
65
  if (value === "none") {
70
- return /* @__PURE__ */_jsx("div", {
66
+ return /* @__PURE__ */React.createElement("div", {
71
67
  style: {
72
68
  width: 14,
73
69
  height: 14,
@@ -82,7 +78,7 @@ function borderWidthIcon(value, color) {
82
78
  medium: 1.5,
83
79
  large: 2
84
80
  }[value]) !== null && _value !== void 0 ? _value : 1;
85
- return /* @__PURE__ */_jsx("div", {
81
+ return /* @__PURE__ */React.createElement("div", {
86
82
  style: {
87
83
  width: 14,
88
84
  height: 14,
@@ -109,7 +105,7 @@ function elevationIcon(value, color, _isDark) {
109
105
  var squareSize = 10;
110
106
  var total = squareSize + offset * 2 + 1;
111
107
  if (offset === 0) {
112
- return /* @__PURE__ */_jsx("div", {
108
+ return /* @__PURE__ */React.createElement("div", {
113
109
  style: {
114
110
  width: squareSize,
115
111
  height: squareSize,
@@ -118,39 +114,38 @@ function elevationIcon(value, color, _isDark) {
118
114
  }
119
115
  });
120
116
  }
121
- return /* @__PURE__ */_jsxs("div", {
117
+ return /* @__PURE__ */React.createElement("div", {
122
118
  style: {
123
119
  position: "relative",
124
120
  width: total,
125
121
  height: total
126
- },
127
- children: [/* @__PURE__ */_jsx("div", {
128
- style: {
129
- position: "absolute",
130
- bottom: 0,
131
- right: 0,
132
- width: shadowSize,
133
- height: shadowSize,
134
- background: shadowColor,
135
- borderRadius: 1
136
- }
137
- }), /* @__PURE__ */_jsx("div", {
138
- style: {
139
- position: "absolute",
140
- top: 0,
141
- left: 0,
142
- width: squareSize,
143
- height: squareSize,
144
- border: `1px solid ${color}`,
145
- borderRadius: 1
146
- }
147
- })]
148
- });
122
+ }
123
+ }, /* @__PURE__ */React.createElement("div", {
124
+ style: {
125
+ position: "absolute",
126
+ bottom: 0,
127
+ right: 0,
128
+ width: shadowSize,
129
+ height: shadowSize,
130
+ background: shadowColor,
131
+ borderRadius: 1
132
+ }
133
+ }), /* @__PURE__ */React.createElement("div", {
134
+ style: {
135
+ position: "absolute",
136
+ top: 0,
137
+ left: 0,
138
+ width: squareSize,
139
+ height: squareSize,
140
+ border: `1px solid ${color}`,
141
+ borderRadius: 1
142
+ }
143
+ }));
149
144
  }
150
145
  function textAccentIcon(value, color) {
151
146
  var weight = value === "low" ? 300 : value === "medium" ? 500 : 700;
152
147
  var opacity = value === "low" ? 0.35 : value === "medium" ? 0.7 : 1;
153
- return /* @__PURE__ */_jsx("span", {
148
+ return /* @__PURE__ */React.createElement("span", {
154
149
  style: {
155
150
  fontSize: 12,
156
151
  fontWeight: weight,
@@ -158,9 +153,8 @@ function textAccentIcon(value, color) {
158
153
  opacity,
159
154
  fontFamily: "system-ui, sans-serif",
160
155
  lineHeight: 1
161
- },
162
- children: "Aa"
163
- });
156
+ }
157
+ }, "Aa");
164
158
  }
165
159
  var fontCategoryStyles = {
166
160
  "sans-serif": {
@@ -217,7 +211,7 @@ function headingFontIcon(value, color) {
217
211
  family: "inherit",
218
212
  label: "Aa"
219
213
  };
220
- return /* @__PURE__ */_jsx("span", {
214
+ return /* @__PURE__ */React.createElement("span", {
221
215
  style: {
222
216
  fontSize: 13,
223
217
  fontWeight: 700,
@@ -226,9 +220,8 @@ function headingFontIcon(value, color) {
226
220
  fontStyle: s.style,
227
221
  lineHeight: 1,
228
222
  letterSpacing: s.letterSpacing
229
- },
230
- children: s.label
231
- });
223
+ }
224
+ }, s.label);
232
225
  }
233
226
  function bodyFontIcon(value, color) {
234
227
  var _fontCategoryStyles_value;
@@ -236,7 +229,7 @@ function bodyFontIcon(value, color) {
236
229
  family: "inherit",
237
230
  label: "Aa"
238
231
  };
239
- return /* @__PURE__ */_jsx("span", {
232
+ return /* @__PURE__ */React.createElement("span", {
240
233
  style: {
241
234
  fontSize: 13,
242
235
  fontWeight: 400,
@@ -245,9 +238,8 @@ function bodyFontIcon(value, color) {
245
238
  fontStyle: s.style,
246
239
  lineHeight: 1,
247
240
  letterSpacing: s.letterSpacing
248
- },
249
- children: s.label
250
- });
241
+ }
242
+ }, s.label);
251
243
  }
252
244
  function fontWeightIcon(value, color) {
253
245
  var _value;
@@ -256,16 +248,15 @@ function fontWeightIcon(value, color) {
256
248
  regular: 400,
257
249
  bold: 700
258
250
  }[value]) !== null && _value !== void 0 ? _value : 400;
259
- return /* @__PURE__ */_jsx("span", {
251
+ return /* @__PURE__ */React.createElement("span", {
260
252
  style: {
261
253
  fontSize: 12,
262
254
  fontWeight: weight,
263
255
  color,
264
256
  fontFamily: "system-ui, sans-serif",
265
257
  lineHeight: 1
266
- },
267
- children: "W"
268
- });
258
+ }
259
+ }, "W");
269
260
  }
270
261
  function modeIcon(value, color) {
271
262
  var base = {
@@ -274,7 +265,7 @@ function modeIcon(value, color) {
274
265
  borderRadius: "50%"
275
266
  };
276
267
  if (value === "system") {
277
- return /* @__PURE__ */_jsx("div", {
268
+ return /* @__PURE__ */React.createElement("div", {
278
269
  style: {
279
270
  ...base,
280
271
  border: `1.5px solid ${color}`,
@@ -283,14 +274,14 @@ function modeIcon(value, color) {
283
274
  });
284
275
  }
285
276
  if (value === "light") {
286
- return /* @__PURE__ */_jsx("div", {
277
+ return /* @__PURE__ */React.createElement("div", {
287
278
  style: {
288
279
  ...base,
289
280
  border: `1.5px solid ${color}`
290
281
  }
291
282
  });
292
283
  }
293
- return /* @__PURE__ */_jsx("div", {
284
+ return /* @__PURE__ */React.createElement("div", {
294
285
  style: {
295
286
  ...base,
296
287
  background: color
@@ -299,7 +290,7 @@ function modeIcon(value, color) {
299
290
  }
300
291
  function glyph(label, color) {
301
292
  var size = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 9;
302
- return /* @__PURE__ */_jsx("span", {
293
+ return /* @__PURE__ */React.createElement("span", {
303
294
  style: {
304
295
  fontSize: size,
305
296
  fontWeight: 600,
@@ -307,9 +298,8 @@ function glyph(label, color) {
307
298
  fontFamily: "system-ui, sans-serif",
308
299
  lineHeight: 1,
309
300
  letterSpacing: "-0.02em"
310
- },
311
- children: label
312
- });
301
+ }
302
+ }, label);
313
303
  }
314
304
  function fieldLabelPlacementIcon(value, color) {
315
305
  if (value === "side") return glyph("\u229F", color, 12);
@@ -323,40 +313,39 @@ function requiredMarkingIcon(value, color) {
323
313
  }
324
314
  function tableZebraIcon(value, color) {
325
315
  var on = value === "on";
326
- return /* @__PURE__ */_jsxs("div", {
316
+ return /* @__PURE__ */React.createElement("div", {
327
317
  style: {
328
318
  display: "flex",
329
319
  flexDirection: "column",
330
320
  gap: 1,
331
321
  width: 14
332
- },
333
- children: [/* @__PURE__ */_jsx("div", {
334
- style: {
335
- height: 3,
336
- background: color,
337
- borderRadius: 1,
338
- opacity: on ? 1 : 0.35
339
- }
340
- }), /* @__PURE__ */_jsx("div", {
341
- style: {
342
- height: 3,
343
- background: color,
344
- borderRadius: 1,
345
- opacity: on ? 0.35 : 0.35
346
- }
347
- }), /* @__PURE__ */_jsx("div", {
348
- style: {
349
- height: 3,
350
- background: color,
351
- borderRadius: 1,
352
- opacity: on ? 1 : 0.35
353
- }
354
- })]
355
- });
322
+ }
323
+ }, /* @__PURE__ */React.createElement("div", {
324
+ style: {
325
+ height: 3,
326
+ background: color,
327
+ borderRadius: 1,
328
+ opacity: on ? 1 : 0.35
329
+ }
330
+ }), /* @__PURE__ */React.createElement("div", {
331
+ style: {
332
+ height: 3,
333
+ background: color,
334
+ borderRadius: 1,
335
+ opacity: on ? 0.35 : 0.35
336
+ }
337
+ }), /* @__PURE__ */React.createElement("div", {
338
+ style: {
339
+ height: 3,
340
+ background: color,
341
+ borderRadius: 1,
342
+ opacity: on ? 1 : 0.35
343
+ }
344
+ }));
356
345
  }
357
346
  function bulkBarPlacementIcon(value, color) {
358
347
  var top = value !== "bottom";
359
- return /* @__PURE__ */_jsx("div", {
348
+ return /* @__PURE__ */React.createElement("div", {
360
349
  style: {
361
350
  width: 14,
362
351
  height: 14,
@@ -366,53 +355,51 @@ function bulkBarPlacementIcon(value, color) {
366
355
  flexDirection: "column",
367
356
  justifyContent: top ? "flex-start" : "flex-end",
368
357
  padding: 1
369
- },
370
- children: /* @__PURE__ */_jsx("div", {
371
- style: {
372
- height: 3,
373
- background: color,
374
- borderRadius: 1
375
- }
376
- })
377
- });
358
+ }
359
+ }, /* @__PURE__ */React.createElement("div", {
360
+ style: {
361
+ height: 3,
362
+ background: color,
363
+ borderRadius: 1
364
+ }
365
+ }));
378
366
  }
379
367
  function selectAllScopeIcon(value, color) {
380
368
  var filtered = value === "filtered";
381
- return /* @__PURE__ */_jsxs("div", {
369
+ return /* @__PURE__ */React.createElement("div", {
382
370
  style: {
383
371
  display: "flex",
384
372
  flexDirection: "column",
385
373
  gap: 1,
386
374
  width: 14
387
- },
388
- children: [/* @__PURE__ */_jsx("div", {
389
- style: {
390
- height: 3,
391
- background: color,
392
- borderRadius: 1
393
- }
394
- }), /* @__PURE__ */_jsx("div", {
395
- style: {
396
- height: 3,
397
- background: color,
398
- borderRadius: 1
399
- }
400
- }), /* @__PURE__ */_jsx("div", {
401
- style: {
402
- height: 3,
403
- background: color,
404
- borderRadius: 1,
405
- opacity: filtered ? 1 : 0.3
406
- }
407
- })]
408
- });
375
+ }
376
+ }, /* @__PURE__ */React.createElement("div", {
377
+ style: {
378
+ height: 3,
379
+ background: color,
380
+ borderRadius: 1
381
+ }
382
+ }), /* @__PURE__ */React.createElement("div", {
383
+ style: {
384
+ height: 3,
385
+ background: color,
386
+ borderRadius: 1
387
+ }
388
+ }), /* @__PURE__ */React.createElement("div", {
389
+ style: {
390
+ height: 3,
391
+ background: color,
392
+ borderRadius: 1,
393
+ opacity: filtered ? 1 : 0.3
394
+ }
395
+ }));
409
396
  }
410
397
  function timestampStyleIcon(value, color) {
411
398
  return glyph(value === "relative" ? "~t" : "12:00", color, value === "relative" ? 10 : 7);
412
399
  }
413
400
  function disabledStyleIcon(value, color) {
414
401
  if (value === "dimWhole") {
415
- return /* @__PURE__ */_jsx("div", {
402
+ return /* @__PURE__ */React.createElement("div", {
416
403
  style: {
417
404
  width: 14,
418
405
  height: 14,
@@ -422,31 +409,30 @@ function disabledStyleIcon(value, color) {
422
409
  }
423
410
  });
424
411
  }
425
- return /* @__PURE__ */_jsxs("div", {
412
+ return /* @__PURE__ */React.createElement("div", {
426
413
  style: {
427
414
  display: "flex",
428
415
  flexDirection: "column",
429
416
  gap: 2,
430
417
  width: 14
431
- },
432
- children: [/* @__PURE__ */_jsx("div", {
433
- style: {
434
- height: 3,
435
- background: color,
436
- borderRadius: 1
437
- }
438
- }), /* @__PURE__ */_jsx("div", {
439
- style: {
440
- height: 7,
441
- background: color,
442
- borderRadius: 1,
443
- opacity: 0.3
444
- }
445
- })]
446
- });
418
+ }
419
+ }, /* @__PURE__ */React.createElement("div", {
420
+ style: {
421
+ height: 3,
422
+ background: color,
423
+ borderRadius: 1
424
+ }
425
+ }), /* @__PURE__ */React.createElement("div", {
426
+ style: {
427
+ height: 7,
428
+ background: color,
429
+ borderRadius: 1,
430
+ opacity: 0.3
431
+ }
432
+ }));
447
433
  }
448
434
  function formAutofocusIcon(value, color) {
449
- return /* @__PURE__ */_jsx("div", {
435
+ return /* @__PURE__ */React.createElement("div", {
450
436
  style: {
451
437
  width: 14,
452
438
  height: 14,
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","fillIcon","value","color","style","width","height","background","borderRadius","border","borderRadiusIcon","_value","radius","none","small","medium","large","full","cornerSmoothingIcon","smooth","viewBox","fill","role","children","d","stroke","strokeWidth","x","y","rx","borderWidthIcon","opacity","elevationIcon","_isDark","_value1","shadowColor","offset","shadowSize","squareSize","total","position","bottom","right","top","left","textAccentIcon","weight","fontSize","fontWeight","fontFamily","lineHeight","fontCategoryStyles","family","label","serif","mono","slab","rounded","condensed","letterSpacing","cursive","handwriting","pixel","blackletter","geometric","headingFontIcon","_fontCategoryStyles_value","s","fontStyle","bodyFontIcon","fontWeightIcon","light","regular","bold","modeIcon","base"],"sources":["../../../../src/theme/devtools/knobIcons.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","fillIcon","value","color","createElement","style","width","height","background","borderRadius","border","borderRadiusIcon","_value","radius","none","small","medium","large","full","cornerSmoothingIcon","smooth","viewBox","fill","role","d","stroke","strokeWidth","x","y","rx","borderWidthIcon","opacity","elevationIcon","_isDark","_value1","shadowColor","offset","shadowSize","squareSize","total","position","bottom","right","top","left","textAccentIcon","weight","fontSize","fontWeight","fontFamily","lineHeight","fontCategoryStyles","family","label","serif","mono","slab","rounded","condensed","letterSpacing","cursive","handwriting","pixel","blackletter","geometric","headingFontIcon","_fontCategoryStyles_value","s","fontStyle","bodyFontIcon","fontWeightIcon","light","regular","bold","modeIcon","base"],"sources":["../../../../src/theme/devtools/knobIcons.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,20 @@
1
+ import { useCallback, useSyncExternalStore } from "react";
2
+ import { usePresetContext } from "./PresetContext.mjs";
3
+ import { getStoredPreset, recordPresetChoice, setStoredPreset, subscribeStoredPreset } from "./presetStore.mjs";
4
+ function usePresetSwitch() {
5
+ const context = usePresetContext();
6
+ const stored = useSyncExternalStore(subscribeStoredPreset, getStoredPreset, getStoredPreset);
7
+ const presetName = context?.presetName || stored.presetName || "default";
8
+ const applyPreset = useCallback(name => setStoredPreset(name), []);
9
+ const choosePreset = useCallback((name, userId) => {
10
+ recordPresetChoice(name, userId);
11
+ applyPreset(name);
12
+ }, [applyPreset]);
13
+ return {
14
+ presetName,
15
+ applyPreset,
16
+ choosePreset
17
+ };
18
+ }
19
+ export { usePresetSwitch };
20
+ //# sourceMappingURL=nativePresetSwitch.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useCallback","useSyncExternalStore","usePresetContext","getStoredPreset","recordPresetChoice","setStoredPreset","subscribeStoredPreset","usePresetSwitch","context","stored","presetName","applyPreset","name","choosePreset","userId"],"sources":["../../../src/theme/nativePresetSwitch.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,oBAAA,QAA4B;AAClD,SAASC,gBAAA,QAAwB;AACjC,SACEC,eAAA,EACAC,kBAAA,EACAC,eAAA,EACAC,qBAAA,QACK;AAWA,SAASC,gBAAA,EAAgC;EAC9C,MAAMC,OAAA,GAAUN,gBAAA,CAAiB;EACjC,MAAMO,MAAA,GAASR,oBAAA,CAAqBK,qBAAA,EAAuBH,eAAA,EAAiBA,eAAe;EAC3F,MAAMO,UAAA,GAAaF,OAAA,EAASE,UAAA,IAAcD,MAAA,CAAOC,UAAA,IAAc;EAC/D,MAAMC,WAAA,GAAcX,WAAA,CAAaY,IAAA,IAAiBP,eAAA,CAAgBO,IAAI,GAAG,EAAE;EAC3E,MAAMC,YAAA,GAAeb,WAAA,CACnB,CAACY,IAAA,EAAcE,MAAA,KAA2B;IACxCV,kBAAA,CAAmBQ,IAAA,EAAME,MAAM;IAC/BH,WAAA,CAAYC,IAAI;EAClB,GACA,CAACD,WAAW,CACd;EACA,OAAO;IAAED,UAAA;IAAYC,WAAA;IAAaE;EAAa;AACjD","ignoreList":[]}
@@ -0,0 +1,22 @@
1
+ import { useCallback, useSyncExternalStore } from "react";
2
+ import { usePresetContext } from "./PresetContext.native.js";
3
+ import { getStoredPreset, recordPresetChoice, setStoredPreset, subscribeStoredPreset } from "./presetStore.native.js";
4
+ function usePresetSwitch() {
5
+ var context = usePresetContext();
6
+ var stored = useSyncExternalStore(subscribeStoredPreset, getStoredPreset, getStoredPreset);
7
+ var presetName = (context === null || context === void 0 ? void 0 : context.presetName) || stored.presetName || "default";
8
+ var applyPreset = useCallback(function (name) {
9
+ return setStoredPreset(name);
10
+ }, []);
11
+ var choosePreset = useCallback(function (name, userId) {
12
+ recordPresetChoice(name, userId);
13
+ applyPreset(name);
14
+ }, [applyPreset]);
15
+ return {
16
+ presetName,
17
+ applyPreset,
18
+ choosePreset
19
+ };
20
+ }
21
+ export { usePresetSwitch };
22
+ //# sourceMappingURL=nativePresetSwitch.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useCallback","useSyncExternalStore","usePresetContext","getStoredPreset","recordPresetChoice","setStoredPreset","subscribeStoredPreset","usePresetSwitch","context","stored","presetName","applyPreset","name","choosePreset","userId"],"sources":["../../../src/theme/nativePresetSwitch.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,oBAAA,QAA4B;AAClD,SAASC,gBAAA,QAAwB;AACjC,SAAAC,eAAA,EAAAC,kBAAA,EAAAC,eAAA,EAAAC,qBAAA;AAAA,SACEC,gBAAA;EACA,IAAAC,OAAA,GAAAN,gBAAA;EACA,IAAAO,MAAA,GAAAR,oBAAA,CAAAK,qBAAA,EAAAH,eAAA,EAAAA,eAAA;EACA,IAAAO,UAAA,IAAAF,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAE,UAAA,KAAAD,MAAA,CAAAC,UAAA;EAAA,IAAAC,WACK,GAAAX,WAAA,WAAAY,IAAA;IAWA,OAASP,eAAA,CAAgCO,IAAA;EAC9C,MAAM;EACN,IAAAC,YAAe,GAAAb,WAAA,WAAqBY,IAAA,EAAAE,MAAA;IACpCV,kBAAmB,CAAAQ,IAAA,EAAAE,MAAS;IAC5BH,WAAM,CAAAC,IAAA;EACN,IACED,WAAe,CACb;EACA;IACFD,UAAA;IACAC,WAAC;IACHE;EACA;AACF","ignoreList":[]}
@@ -0,0 +1,47 @@
1
+ import { useEffect, useSyncExternalStore } from "react";
2
+ import { Appearance } from "react-native-web";
3
+ import { useDidFinishSSR } from "tamagui";
4
+ import { isWeb } from "@multiplatform.one/platform";
5
+ import { getStoredScheme, setStoredScheme, subscribeStoredScheme } from "./schemeStore.mjs";
6
+ const serverScheme = () => "system";
7
+ let nativeScheme;
8
+ const nativeListeners = /* @__PURE__ */new Set();
9
+ function getNativeScheme() {
10
+ if (nativeScheme === void 0) {
11
+ nativeScheme = Appearance.getColorScheme() === "dark" ? "dark" : "light";
12
+ Appearance.addChangeListener(({
13
+ colorScheme
14
+ }) => {
15
+ if (colorScheme !== "light" && colorScheme !== "dark" || colorScheme === nativeScheme) {
16
+ return;
17
+ }
18
+ nativeScheme = colorScheme;
19
+ nativeListeners.forEach(listener => listener());
20
+ });
21
+ }
22
+ return nativeScheme;
23
+ }
24
+ function subscribeNativeScheme(listener) {
25
+ getNativeScheme();
26
+ nativeListeners.add(listener);
27
+ return () => {
28
+ nativeListeners.delete(listener);
29
+ };
30
+ }
31
+ function useSchemePreference() {
32
+ const setting = useSyncExternalStore(subscribeStoredScheme, getStoredScheme, serverScheme);
33
+ const os = useSyncExternalStore(subscribeNativeScheme, getNativeScheme, getNativeScheme);
34
+ const hydrated = useDidFinishSSR();
35
+ useEffect(() => {
36
+ if (isWeb) return;
37
+ getNativeScheme();
38
+ Appearance.setColorScheme(setting === "system" ? "unspecified" : setting);
39
+ }, [setting]);
40
+ return {
41
+ setting: hydrated ? setting : "system",
42
+ value: !hydrated ? "light" : setting === "system" ? os : setting,
43
+ set: setStoredScheme
44
+ };
45
+ }
46
+ export { useSchemePreference };
47
+ //# sourceMappingURL=nativeSchemePreference.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useEffect","useSyncExternalStore","Appearance","useDidFinishSSR","isWeb","getStoredScheme","setStoredScheme","subscribeStoredScheme","serverScheme","nativeScheme","nativeListeners","Set","getNativeScheme","getColorScheme","addChangeListener","colorScheme","forEach","listener","subscribeNativeScheme","add","delete","useSchemePreference","setting","os","hydrated","setColorScheme","value","set"],"sources":["../../../src/theme/nativeSchemePreference.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,oBAAA,QAA4B;AAChD,SAASC,UAAA,QAAkB;AAC3B,SAASC,eAAA,QAAuB;AAChC,SAASC,KAAA,QAAa;AACtB,SAASC,eAAA,EAAiBC,eAAA,EAAiBC,qBAAA,QAA6B;AAQxE,MAAMC,YAAA,GAAeA,CAAA,KAAmB;AAMxC,IAAIC,YAAA;AACJ,MAAMC,eAAA,GAAkB,mBAAIC,GAAA,CAAgB;AAE5C,SAASC,gBAAA,EAAoC;EAC3C,IAAIH,YAAA,KAAiB,QAAW;IAC9BA,YAAA,GAAeP,UAAA,CAAWW,cAAA,CAAe,MAAM,SAAS,SAAS;IACjEX,UAAA,CAAWY,iBAAA,CAAkB,CAAC;MAAEC;IAAY,MAAM;MAChD,IAAKA,WAAA,KAAgB,WAAWA,WAAA,KAAgB,UAAWA,WAAA,KAAgBN,YAAA,EAAc;QACvF;MACF;MACAA,YAAA,GAAeM,WAAA;MACfL,eAAA,CAAgBM,OAAA,CAASC,QAAA,IAAaA,QAAA,CAAS,CAAC;IAClD,CAAC;EACH;EACA,OAAOR,YAAA;AACT;AAEA,SAASS,sBAAsBD,QAAA,EAAsB;EACnDL,eAAA,CAAgB;EAChBF,eAAA,CAAgBS,GAAA,CAAIF,QAAQ;EAC5B,OAAO,MAAM;IACXP,eAAA,CAAgBU,MAAA,CAAOH,QAAQ;EACjC;AACF;AAEO,SAASI,oBAAA,EAAwC;EACtD,MAAMC,OAAA,GAAUrB,oBAAA,CAAqBM,qBAAA,EAAuBF,eAAA,EAAiBG,YAAY;EACzF,MAAMe,EAAA,GAAKtB,oBAAA,CAAqBiB,qBAAA,EAAuBN,eAAA,EAAiBA,eAAe;EACvF,MAAMY,QAAA,GAAWrB,eAAA,CAAgB;EACjCH,SAAA,CAAU,MAAM;IACd,IAAII,KAAA,EAAO;IACXQ,eAAA,CAAgB;IAChBV,UAAA,CAAWuB,cAAA,CAAeH,OAAA,KAAY,WAAW,gBAAgBA,OAAO;EAC1E,GAAG,CAACA,OAAO,CAAC;EACZ,OAAO;IACLA,OAAA,EAASE,QAAA,GAAWF,OAAA,GAAU;IAC9BI,KAAA,EAAO,CAACF,QAAA,GAAW,UAAUF,OAAA,KAAY,WAAWC,EAAA,GAAKD,OAAA;IACzDK,GAAA,EAAKrB;EACP;AACF","ignoreList":[]}