bleam 0.0.1 → 0.0.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.
Files changed (84) hide show
  1. package/dist/app.cjs +11 -0
  2. package/dist/app.d.cts +7 -0
  3. package/dist/app.d.cts.map +1 -0
  4. package/dist/app.d.ts +7 -0
  5. package/dist/app.d.ts.map +1 -0
  6. package/dist/app.js +10 -0
  7. package/dist/app.js.map +1 -0
  8. package/dist/bundler.cjs +0 -0
  9. package/dist/bundler.d.cts +28 -0
  10. package/dist/bundler.d.cts.map +1 -0
  11. package/dist/bundler.d.ts +28 -0
  12. package/dist/bundler.d.ts.map +1 -0
  13. package/dist/bundler.js +1 -0
  14. package/dist/chunk-CUT6urMc.cjs +30 -0
  15. package/dist/cli.cjs +479 -0
  16. package/dist/cli.d.cts +1 -0
  17. package/dist/cli.d.ts +1 -0
  18. package/dist/cli.js +472 -0
  19. package/dist/cli.js.map +1 -0
  20. package/dist/config.cjs +26 -0
  21. package/dist/config.d.cts +28 -0
  22. package/dist/config.d.cts.map +1 -0
  23. package/dist/config.d.ts +28 -0
  24. package/dist/config.d.ts.map +1 -0
  25. package/dist/config.js +25 -0
  26. package/dist/config.js.map +1 -0
  27. package/dist/crypto-BNhWeXMj.cjs +15 -0
  28. package/dist/crypto-Bg8cD8wX.d.cts +8 -0
  29. package/dist/crypto-Bg8cD8wX.d.cts.map +1 -0
  30. package/dist/crypto-CCA_hvao.js +11 -0
  31. package/dist/crypto-CCA_hvao.js.map +1 -0
  32. package/dist/crypto-IOzbNoJD.d.ts +8 -0
  33. package/dist/crypto-IOzbNoJD.d.ts.map +1 -0
  34. package/dist/crypto.cjs +4 -0
  35. package/dist/crypto.d.cts +2 -0
  36. package/dist/crypto.d.ts +2 -0
  37. package/dist/crypto.js +4 -0
  38. package/dist/dev-protocol.cjs +16 -0
  39. package/dist/dev-protocol.d.cts +16 -0
  40. package/dist/dev-protocol.d.cts.map +1 -0
  41. package/dist/dev-protocol.d.ts +16 -0
  42. package/dist/dev-protocol.d.ts.map +1 -0
  43. package/dist/dev-protocol.js +14 -0
  44. package/dist/dev-protocol.js.map +1 -0
  45. package/dist/fs-BK7joD1g.js +13 -0
  46. package/dist/fs-BK7joD1g.js.map +1 -0
  47. package/dist/fs-CEhcjuN6.d.ts +9 -0
  48. package/dist/fs-CEhcjuN6.d.ts.map +1 -0
  49. package/dist/fs-CfE8CHf_.d.cts +9 -0
  50. package/dist/fs-CfE8CHf_.d.cts.map +1 -0
  51. package/dist/fs-DKHYTPua.cjs +18 -0
  52. package/dist/fs.cjs +3 -0
  53. package/dist/fs.d.cts +2 -0
  54. package/dist/fs.d.ts +2 -0
  55. package/dist/fs.js +3 -0
  56. package/dist/index.cjs +6 -0
  57. package/dist/index.d.cts +3 -0
  58. package/dist/index.d.ts +3 -0
  59. package/dist/index.js +5 -0
  60. package/dist/native-runtime-BoqybBBf.js +18 -0
  61. package/dist/native-runtime-BoqybBBf.js.map +1 -0
  62. package/dist/native-runtime-CdeT0JyQ.cjs +30 -0
  63. package/dist/native.cjs +132 -0
  64. package/dist/native.d.cts +64 -0
  65. package/dist/native.d.cts.map +1 -0
  66. package/dist/native.d.ts +64 -0
  67. package/dist/native.d.ts.map +1 -0
  68. package/dist/native.js +133 -0
  69. package/dist/native.js.map +1 -0
  70. package/dist/runtime.cjs +0 -0
  71. package/dist/runtime.d.cts +14 -0
  72. package/dist/runtime.d.cts.map +1 -0
  73. package/dist/runtime.d.ts +14 -0
  74. package/dist/runtime.d.ts.map +1 -0
  75. package/dist/runtime.js +1 -0
  76. package/metro-config.cjs +75 -0
  77. package/package.json +88 -22
  78. package/templates/basic/app.config.ts +3 -0
  79. package/templates/basic/app.tsx +18 -0
  80. package/tsconfig.base.json +7 -0
  81. package/tsconfig.json +3 -0
  82. package/README.md +0 -1
  83. package/dist/index.d.mts +0 -9914
  84. package/dist/index.mjs +0 -1259
package/dist/index.mjs DELETED
@@ -1,1259 +0,0 @@
1
- import { StyleSheet } from "react-native";
2
- import React, { createContext, useContext, useMemo } from "react";
3
-
4
- //#region src/palette.ts
5
- const palette = {
6
- red50: "#fef2f2",
7
- red100: "#fee2e2",
8
- red200: "#fecaca",
9
- red300: "#fca5a5",
10
- red400: "#f87171",
11
- red500: "#ef4444",
12
- red600: "#dc2626",
13
- red700: "#b91c1c",
14
- red800: "#991b1b",
15
- red900: "#7f1d1d",
16
- red950: "#450a0a",
17
- orange50: "#fff7ed",
18
- orange100: "#ffedd5",
19
- orange200: "#fed7aa",
20
- orange300: "#fdba74",
21
- orange400: "#fb923c",
22
- orange500: "#f97316",
23
- orange600: "#ea580c",
24
- orange700: "#c2410c",
25
- orange800: "#9a3412",
26
- orange900: "#7c2d12",
27
- orange950: "#431407",
28
- amber50: "#fffbeb",
29
- amber100: "#fef3c7",
30
- amber200: "#fde68a",
31
- amber300: "#fcd34d",
32
- amber400: "#fbbf24",
33
- amber500: "#f59e0b",
34
- amber600: "#d97706",
35
- amber700: "#b45309",
36
- amber800: "#92400e",
37
- amber900: "#78350f",
38
- amber950: "#451a03",
39
- yellow50: "#fefce8",
40
- yellow100: "#fef9c3",
41
- yellow200: "#fef08a",
42
- yellow300: "#fde047",
43
- yellow400: "#facc15",
44
- yellow500: "#eab308",
45
- yellow600: "#ca8a04",
46
- yellow700: "#a16207",
47
- yellow800: "#854d0e",
48
- yellow900: "#713f12",
49
- yellow950: "#422006",
50
- lime50: "#f7fee7",
51
- lime100: "#ecfccb",
52
- lime200: "#d9f99d",
53
- lime300: "#bef264",
54
- lime400: "#a3e635",
55
- lime500: "#84cc16",
56
- lime600: "#65a30d",
57
- lime700: "#4d7c0f",
58
- lime800: "#3f6212",
59
- lime900: "#365314",
60
- lime950: "#1a2e05",
61
- green50: "#f0fdf4",
62
- green100: "#dcfce7",
63
- green200: "#bbf7d0",
64
- green300: "#86efac",
65
- green400: "#4ade80",
66
- green500: "#22c55e",
67
- green600: "#16a34a",
68
- green700: "#15803d",
69
- green800: "#166534",
70
- green900: "#14532d",
71
- green950: "#052e16",
72
- emerald50: "#ecfdf5",
73
- emerald100: "#d1fae5",
74
- emerald200: "#a7f3d0",
75
- emerald300: "#6ee7b7",
76
- emerald400: "#34d399",
77
- emerald500: "#10b981",
78
- emerald600: "#059669",
79
- emerald700: "#047857",
80
- emerald800: "#065f46",
81
- emerald900: "#064e3b",
82
- emerald950: "#022c22",
83
- teal50: "#f0fdfa",
84
- teal100: "#ccfbf1",
85
- teal200: "#99f6e4",
86
- teal300: "#5eead4",
87
- teal400: "#2dd4bf",
88
- teal500: "#14b8a6",
89
- teal600: "#0d9488",
90
- teal700: "#0f766e",
91
- teal800: "#115e59",
92
- teal900: "#134e4a",
93
- teal950: "#042f2e",
94
- cyan50: "#ecfeff",
95
- cyan100: "#cffafe",
96
- cyan200: "#a5f3fc",
97
- cyan300: "#67e8f9",
98
- cyan400: "#22d3ee",
99
- cyan500: "#06b6d4",
100
- cyan600: "#0891b2",
101
- cyan700: "#0e7490",
102
- cyan800: "#155e75",
103
- cyan900: "#164e63",
104
- cyan950: "#083344",
105
- sky50: "#f0f9ff",
106
- sky100: "#e0f2fe",
107
- sky200: "#bae6fd",
108
- sky300: "#7dd3fc",
109
- sky400: "#38bdf8",
110
- sky500: "#0ea5e9",
111
- sky600: "#0284c7",
112
- sky700: "#0369a1",
113
- sky800: "#075985",
114
- sky900: "#0c4a6e",
115
- sky950: "#082f49",
116
- blue50: "#eff6ff",
117
- blue100: "#dbeafe",
118
- blue200: "#bfdbfe",
119
- blue300: "#93c5fd",
120
- blue400: "#60a5fa",
121
- blue500: "#3b82f6",
122
- blue600: "#2563eb",
123
- blue700: "#1d4ed8",
124
- blue800: "#1e40af",
125
- blue900: "#1e3a8a",
126
- blue950: "#172554",
127
- indigo50: "#eef2ff",
128
- indigo100: "#e0e7ff",
129
- indigo200: "#c7d2fe",
130
- indigo300: "#a5b4fc",
131
- indigo400: "#818cf8",
132
- indigo500: "#6366f1",
133
- indigo600: "#4f46e5",
134
- indigo700: "#4338ca",
135
- indigo800: "#3730a3",
136
- indigo900: "#312e81",
137
- indigo950: "#1e1b4b",
138
- violet50: "#f5f3ff",
139
- violet100: "#ede9fe",
140
- violet200: "#ddd6fe",
141
- violet300: "#c4b5fd",
142
- violet400: "#a78bfa",
143
- violet500: "#8b5cf6",
144
- violet600: "#7c3aed",
145
- violet700: "#6d28d9",
146
- violet800: "#5b21b6",
147
- violet900: "#4c1d95",
148
- violet950: "#2e1065",
149
- purple50: "#faf5ff",
150
- purple100: "#f3e8ff",
151
- purple200: "#e9d5ff",
152
- purple300: "#d8b4fe",
153
- purple400: "#c084fc",
154
- purple500: "#a855f7",
155
- purple600: "#9333ea",
156
- purple700: "#7e22ce",
157
- purple800: "#6b21a8",
158
- purple900: "#581c87",
159
- purple950: "#3b0764",
160
- fuchsia50: "#fdf4ff",
161
- fuchsia100: "#fae8ff",
162
- fuchsia200: "#f5d0fe",
163
- fuchsia300: "#f0abfc",
164
- fuchsia400: "#e879f9",
165
- fuchsia500: "#d946ef",
166
- fuchsia600: "#c026d3",
167
- fuchsia700: "#a21caf",
168
- fuchsia800: "#86198f",
169
- fuchsia900: "#701a75",
170
- fuchsia950: "#4a044e",
171
- pink50: "#fdf2f8",
172
- pink100: "#fce7f3",
173
- pink200: "#fbcfe8",
174
- pink300: "#f9a8d4",
175
- pink400: "#f472b6",
176
- pink500: "#ec4899",
177
- pink600: "#db2777",
178
- pink700: "#be185d",
179
- pink800: "#9d174d",
180
- pink900: "#831843",
181
- pink950: "#500724",
182
- rose50: "#fff1f2",
183
- rose100: "#ffe4e6",
184
- rose200: "#fecdd3",
185
- rose300: "#fda4af",
186
- rose400: "#fb7185",
187
- rose500: "#f43f5e",
188
- rose600: "#e11d48",
189
- rose700: "#be123c",
190
- rose800: "#9f1239",
191
- rose900: "#881337",
192
- rose950: "#4c0519",
193
- slate50: "#f8fafc",
194
- slate100: "#f1f5f9",
195
- slate200: "#e2e8f0",
196
- slate300: "#cbd5e1",
197
- slate400: "#94a3b8",
198
- slate500: "#64748b",
199
- slate600: "#475569",
200
- slate700: "#334155",
201
- slate800: "#1e293b",
202
- slate900: "#0f172a",
203
- slate950: "#020617",
204
- gray50: "#f9fafb",
205
- gray100: "#f3f4f6",
206
- gray200: "#e5e7eb",
207
- gray300: "#d1d5db",
208
- gray400: "#9ca3af",
209
- gray500: "#6b7280",
210
- gray600: "#4b5563",
211
- gray700: "#374151",
212
- gray800: "#1f2937",
213
- gray900: "#111827",
214
- gray950: "#030712",
215
- zinc50: "#fafafa",
216
- zinc100: "#f4f4f5",
217
- zinc200: "#e4e4e7",
218
- zinc300: "#d4d4d8",
219
- zinc400: "#a1a1aa",
220
- zinc500: "#71717a",
221
- zinc600: "#52525b",
222
- zinc700: "#3f3f46",
223
- zinc800: "#27272a",
224
- zinc900: "#18181b",
225
- zinc950: "#09090b",
226
- neutral50: "#fafafa",
227
- neutral100: "#f5f5f5",
228
- neutral200: "#e5e5e5",
229
- neutral300: "#d4d4d4",
230
- neutral400: "#a3a3a3",
231
- neutral500: "#737373",
232
- neutral600: "#525252",
233
- neutral700: "#404040",
234
- neutral800: "#262626",
235
- neutral900: "#171717",
236
- neutral950: "#0a0a0a",
237
- stone50: "#fafaf9",
238
- stone100: "#f5f5f4",
239
- stone200: "#e7e5e4",
240
- stone300: "#d6d3d1",
241
- stone400: "#a8a29e",
242
- stone500: "#78716c",
243
- stone600: "#57534e",
244
- stone700: "#44403c",
245
- stone800: "#292524",
246
- stone900: "#1c1917",
247
- stone950: "#0c0a09",
248
- black: "#000000",
249
- white: "#ffffff",
250
- transparent: "transparent"
251
- };
252
-
253
- //#endregion
254
- //#region src/styles.ts
255
- function buildPaletteStyles() {
256
- const result = {};
257
- for (const [key, hex] of Object.entries(palette)) {
258
- const cap = key[0].toUpperCase() + key.slice(1);
259
- result[`bg${cap}`] = { backgroundColor: hex };
260
- result[`text${cap}`] = { color: hex };
261
- result[`border${cap}`] = { borderColor: hex };
262
- }
263
- return result;
264
- }
265
- const paletteStyles = buildPaletteStyles();
266
- const coreStyles = StyleSheet.create({
267
- absolute: { position: "absolute" },
268
- relative: { position: "relative" },
269
- absoluteFill: { ...StyleSheet.absoluteFill },
270
- inset0: {
271
- top: 0,
272
- right: 0,
273
- bottom: 0,
274
- left: 0
275
- },
276
- top0: { top: 0 },
277
- top1: { top: 1 },
278
- top2: { top: 2 },
279
- top4: { top: 4 },
280
- top8: { top: 8 },
281
- top12: { top: 12 },
282
- top16: { top: 16 },
283
- top20: { top: 20 },
284
- top24: { top: 24 },
285
- top32: { top: 32 },
286
- top40: { top: 40 },
287
- top48: { top: 48 },
288
- top56: { top: 56 },
289
- top64: { top: 64 },
290
- top80: { top: 80 },
291
- top96: { top: 96 },
292
- right0: { right: 0 },
293
- right1: { right: 1 },
294
- right2: { right: 2 },
295
- right4: { right: 4 },
296
- right8: { right: 8 },
297
- right12: { right: 12 },
298
- right16: { right: 16 },
299
- right20: { right: 20 },
300
- right24: { right: 24 },
301
- right32: { right: 32 },
302
- right40: { right: 40 },
303
- right48: { right: 48 },
304
- right56: { right: 56 },
305
- right64: { right: 64 },
306
- right80: { right: 80 },
307
- right96: { right: 96 },
308
- bottom0: { bottom: 0 },
309
- bottom1: { bottom: 1 },
310
- bottom2: { bottom: 2 },
311
- bottom4: { bottom: 4 },
312
- bottom8: { bottom: 8 },
313
- bottom12: { bottom: 12 },
314
- bottom16: { bottom: 16 },
315
- bottom20: { bottom: 20 },
316
- bottom24: { bottom: 24 },
317
- bottom32: { bottom: 32 },
318
- bottom40: { bottom: 40 },
319
- bottom48: { bottom: 48 },
320
- bottom56: { bottom: 56 },
321
- bottom64: { bottom: 64 },
322
- bottom80: { bottom: 80 },
323
- bottom96: { bottom: 96 },
324
- left0: { left: 0 },
325
- left1: { left: 1 },
326
- left2: { left: 2 },
327
- left4: { left: 4 },
328
- left8: { left: 8 },
329
- left12: { left: 12 },
330
- left16: { left: 16 },
331
- left20: { left: 20 },
332
- left24: { left: 24 },
333
- left32: { left: 32 },
334
- left40: { left: 40 },
335
- left48: { left: 48 },
336
- left56: { left: 56 },
337
- left64: { left: 64 },
338
- left80: { left: 80 },
339
- left96: { left: 96 },
340
- zIndex0: { zIndex: 0 },
341
- zIndex10: { zIndex: 10 },
342
- zIndex20: { zIndex: 20 },
343
- zIndex30: { zIndex: 30 },
344
- zIndex40: { zIndex: 40 },
345
- zIndex50: { zIndex: 50 },
346
- flex0: { flex: 0 },
347
- flex1: { flex: 1 },
348
- flexRow: { flexDirection: "row" },
349
- flexCol: { flexDirection: "column" },
350
- flexRowReverse: { flexDirection: "row-reverse" },
351
- flexColReverse: { flexDirection: "column-reverse" },
352
- flexWrap: { flexWrap: "wrap" },
353
- flexNoWrap: { flexWrap: "nowrap" },
354
- flexWrapReverse: { flexWrap: "wrap-reverse" },
355
- flexGrow: { flexGrow: 1 },
356
- flexGrow0: { flexGrow: 0 },
357
- flexShrink: { flexShrink: 1 },
358
- flexShrink0: { flexShrink: 0 },
359
- center: {
360
- alignItems: "center",
361
- justifyContent: "center"
362
- },
363
- justifyStart: { justifyContent: "flex-start" },
364
- justifyEnd: { justifyContent: "flex-end" },
365
- justifyCenter: { justifyContent: "center" },
366
- justifyBetween: { justifyContent: "space-between" },
367
- justifyAround: { justifyContent: "space-around" },
368
- justifyEvenly: { justifyContent: "space-evenly" },
369
- itemsStart: { alignItems: "flex-start" },
370
- itemsEnd: { alignItems: "flex-end" },
371
- itemsCenter: { alignItems: "center" },
372
- itemsStretch: { alignItems: "stretch" },
373
- itemsBaseline: { alignItems: "baseline" },
374
- selfAuto: { alignSelf: "auto" },
375
- selfStart: { alignSelf: "flex-start" },
376
- selfEnd: { alignSelf: "flex-end" },
377
- selfCenter: { alignSelf: "center" },
378
- selfStretch: { alignSelf: "stretch" },
379
- widthFull: { width: "100%" },
380
- widthHalf: { width: "50%" },
381
- widthThird: { width: "33.333%" },
382
- widthTwoThirds: { width: "66.666%" },
383
- widthQuarter: { width: "25%" },
384
- widthThreeQuarters: { width: "75%" },
385
- widthAuto: { width: "auto" },
386
- width0: { width: 0 },
387
- width1: { width: 1 },
388
- width2: { width: 2 },
389
- width3: { width: 3 },
390
- width4: { width: 4 },
391
- width6: { width: 6 },
392
- width8: { width: 8 },
393
- width10: { width: 10 },
394
- width12: { width: 12 },
395
- width14: { width: 14 },
396
- width16: { width: 16 },
397
- width20: { width: 20 },
398
- width24: { width: 24 },
399
- width32: { width: 32 },
400
- width36: { width: 36 },
401
- width40: { width: 40 },
402
- width48: { width: 48 },
403
- width56: { width: 56 },
404
- width64: { width: 64 },
405
- width80: { width: 80 },
406
- width96: { width: 96 },
407
- width112: { width: 112 },
408
- width128: { width: 128 },
409
- width144: { width: 144 },
410
- width160: { width: 160 },
411
- width176: { width: 176 },
412
- width192: { width: 192 },
413
- width208: { width: 208 },
414
- width224: { width: 224 },
415
- width240: { width: 240 },
416
- width256: { width: 256 },
417
- minWidthFull: { minWidth: "100%" },
418
- minWidthHalf: { minWidth: "50%" },
419
- minWidthThird: { minWidth: "33.333%" },
420
- minWidthTwoThirds: { minWidth: "66.666%" },
421
- minWidthQuarter: { minWidth: "25%" },
422
- minWidthThreeQuarters: { minWidth: "75%" },
423
- minWidth0: { minWidth: 0 },
424
- minWidth1: { minWidth: 1 },
425
- minWidth2: { minWidth: 2 },
426
- minWidth3: { minWidth: 3 },
427
- minWidth4: { minWidth: 4 },
428
- minWidth6: { minWidth: 6 },
429
- minWidth8: { minWidth: 8 },
430
- minWidth10: { minWidth: 10 },
431
- minWidth12: { minWidth: 12 },
432
- minWidth14: { minWidth: 14 },
433
- minWidth16: { minWidth: 16 },
434
- minWidth20: { minWidth: 20 },
435
- minWidth24: { minWidth: 24 },
436
- minWidth32: { minWidth: 32 },
437
- minWidth36: { minWidth: 36 },
438
- minWidth40: { minWidth: 40 },
439
- minWidth48: { minWidth: 48 },
440
- minWidth56: { minWidth: 56 },
441
- minWidth64: { minWidth: 64 },
442
- minWidth80: { minWidth: 80 },
443
- minWidth96: { minWidth: 96 },
444
- minWidth112: { minWidth: 112 },
445
- minWidth128: { minWidth: 128 },
446
- minWidth144: { minWidth: 144 },
447
- minWidth160: { minWidth: 160 },
448
- minWidth176: { minWidth: 176 },
449
- minWidth192: { minWidth: 192 },
450
- minWidth208: { minWidth: 208 },
451
- minWidth224: { minWidth: 224 },
452
- minWidth240: { minWidth: 240 },
453
- minWidth256: { minWidth: 256 },
454
- minWidth288: { minWidth: 288 },
455
- minWidth320: { minWidth: 320 },
456
- minWidth352: { minWidth: 352 },
457
- minWidth384: { minWidth: 384 },
458
- minWidth416: { minWidth: 416 },
459
- minWidth448: { minWidth: 448 },
460
- minWidth480: { minWidth: 480 },
461
- minWidth512: { minWidth: 512 },
462
- maxWidthFull: { maxWidth: "100%" },
463
- maxWidthHalf: { maxWidth: "50%" },
464
- maxWidthThird: { maxWidth: "33.333%" },
465
- maxWidthTwoThirds: { maxWidth: "66.666%" },
466
- maxWidthQuarter: { maxWidth: "25%" },
467
- maxWidthThreeQuarters: { maxWidth: "75%" },
468
- maxWidth0: { maxWidth: 0 },
469
- maxWidth1: { maxWidth: 1 },
470
- maxWidth2: { maxWidth: 2 },
471
- maxWidth3: { maxWidth: 3 },
472
- maxWidth4: { maxWidth: 4 },
473
- maxWidth6: { maxWidth: 6 },
474
- maxWidth8: { maxWidth: 8 },
475
- maxWidth10: { maxWidth: 10 },
476
- maxWidth12: { maxWidth: 12 },
477
- maxWidth14: { maxWidth: 14 },
478
- maxWidth16: { maxWidth: 16 },
479
- maxWidth20: { maxWidth: 20 },
480
- maxWidth24: { maxWidth: 24 },
481
- maxWidth32: { maxWidth: 32 },
482
- maxWidth36: { maxWidth: 36 },
483
- maxWidth40: { maxWidth: 40 },
484
- maxWidth48: { maxWidth: 48 },
485
- maxWidth56: { maxWidth: 56 },
486
- maxWidth64: { maxWidth: 64 },
487
- maxWidth80: { maxWidth: 80 },
488
- maxWidth96: { maxWidth: 96 },
489
- maxWidth112: { maxWidth: 112 },
490
- maxWidth128: { maxWidth: 128 },
491
- maxWidth144: { maxWidth: 144 },
492
- maxWidth160: { maxWidth: 160 },
493
- maxWidth176: { maxWidth: 176 },
494
- maxWidth192: { maxWidth: 192 },
495
- maxWidth208: { maxWidth: 208 },
496
- maxWidth224: { maxWidth: 224 },
497
- maxWidth240: { maxWidth: 240 },
498
- maxWidth256: { maxWidth: 256 },
499
- maxWidth288: { maxWidth: 288 },
500
- maxWidth320: { maxWidth: 320 },
501
- maxWidth352: { maxWidth: 352 },
502
- maxWidth384: { maxWidth: 384 },
503
- maxWidth416: { maxWidth: 416 },
504
- maxWidth448: { maxWidth: 448 },
505
- maxWidth480: { maxWidth: 480 },
506
- maxWidth512: { maxWidth: 512 },
507
- heightFull: { height: "100%" },
508
- heightHalf: { height: "50%" },
509
- heightThird: { height: "33.333%" },
510
- heightTwoThirds: { height: "66.666%" },
511
- heightQuarter: { height: "25%" },
512
- heightThreeQuarters: { height: "75%" },
513
- heightAuto: { height: "auto" },
514
- height0: { height: 0 },
515
- height1: { height: 1 },
516
- height2: { height: 2 },
517
- height3: { height: 3 },
518
- height4: { height: 4 },
519
- height6: { height: 6 },
520
- height8: { height: 8 },
521
- height10: { height: 10 },
522
- height12: { height: 12 },
523
- height14: { height: 14 },
524
- height16: { height: 16 },
525
- height20: { height: 20 },
526
- height24: { height: 24 },
527
- height32: { height: 32 },
528
- height36: { height: 36 },
529
- height40: { height: 40 },
530
- height48: { height: 48 },
531
- height56: { height: 56 },
532
- height64: { height: 64 },
533
- height80: { height: 80 },
534
- height96: { height: 96 },
535
- height112: { height: 112 },
536
- height128: { height: 128 },
537
- height144: { height: 144 },
538
- height160: { height: 160 },
539
- height176: { height: 176 },
540
- height192: { height: 192 },
541
- height208: { height: 208 },
542
- height224: { height: 224 },
543
- height240: { height: 240 },
544
- height256: { height: 256 },
545
- minHeightFull: { minHeight: "100%" },
546
- minHeightHalf: { minHeight: "50%" },
547
- minHeightThird: { minHeight: "33.333%" },
548
- minHeightTwoThirds: { minHeight: "66.666%" },
549
- minHeightQuarter: { minHeight: "25%" },
550
- minHeightThreeQuarters: { minHeight: "75%" },
551
- minHeight0: { minHeight: 0 },
552
- minHeight1: { minHeight: 1 },
553
- minHeight2: { minHeight: 2 },
554
- minHeight3: { minHeight: 3 },
555
- minHeight4: { minHeight: 4 },
556
- minHeight6: { minHeight: 6 },
557
- minHeight8: { minHeight: 8 },
558
- minHeight10: { minHeight: 10 },
559
- minHeight12: { minHeight: 12 },
560
- minHeight14: { minHeight: 14 },
561
- minHeight16: { minHeight: 16 },
562
- minHeight20: { minHeight: 20 },
563
- minHeight24: { minHeight: 24 },
564
- minHeight32: { minHeight: 32 },
565
- minHeight36: { minHeight: 36 },
566
- minHeight40: { minHeight: 40 },
567
- minHeight48: { minHeight: 48 },
568
- minHeight56: { minHeight: 56 },
569
- minHeight64: { minHeight: 64 },
570
- minHeight80: { minHeight: 80 },
571
- minHeight96: { minHeight: 96 },
572
- minHeight112: { minHeight: 112 },
573
- minHeight128: { minHeight: 128 },
574
- minHeight144: { minHeight: 144 },
575
- minHeight160: { minHeight: 160 },
576
- minHeight176: { minHeight: 176 },
577
- minHeight192: { minHeight: 192 },
578
- minHeight208: { minHeight: 208 },
579
- minHeight224: { minHeight: 224 },
580
- minHeight240: { minHeight: 240 },
581
- minHeight256: { minHeight: 256 },
582
- minHeight288: { minHeight: 288 },
583
- minHeight320: { minHeight: 320 },
584
- minHeight352: { minHeight: 352 },
585
- minHeight384: { minHeight: 384 },
586
- minHeight416: { minHeight: 416 },
587
- minHeight448: { minHeight: 448 },
588
- minHeight480: { minHeight: 480 },
589
- minHeight512: { minHeight: 512 },
590
- maxHeightFull: { maxHeight: "100%" },
591
- maxHeightHalf: { maxHeight: "50%" },
592
- maxHeightThird: { maxHeight: "33.333%" },
593
- maxHeightTwoThirds: { maxHeight: "66.666%" },
594
- maxHeightQuarter: { maxHeight: "25%" },
595
- maxHeightThreeQuarters: { maxHeight: "75%" },
596
- maxHeight0: { maxHeight: 0 },
597
- maxHeight1: { maxHeight: 1 },
598
- maxHeight2: { maxHeight: 2 },
599
- maxHeight3: { maxHeight: 3 },
600
- maxHeight4: { maxHeight: 4 },
601
- maxHeight6: { maxHeight: 6 },
602
- maxHeight8: { maxHeight: 8 },
603
- maxHeight10: { maxHeight: 10 },
604
- maxHeight12: { maxHeight: 12 },
605
- maxHeight14: { maxHeight: 14 },
606
- maxHeight16: { maxHeight: 16 },
607
- maxHeight20: { maxHeight: 20 },
608
- maxHeight24: { maxHeight: 24 },
609
- maxHeight32: { maxHeight: 32 },
610
- maxHeight36: { maxHeight: 36 },
611
- maxHeight40: { maxHeight: 40 },
612
- maxHeight48: { maxHeight: 48 },
613
- maxHeight56: { maxHeight: 56 },
614
- maxHeight64: { maxHeight: 64 },
615
- maxHeight80: { maxHeight: 80 },
616
- maxHeight96: { maxHeight: 96 },
617
- maxHeight112: { maxHeight: 112 },
618
- maxHeight128: { maxHeight: 128 },
619
- maxHeight144: { maxHeight: 144 },
620
- maxHeight160: { maxHeight: 160 },
621
- maxHeight176: { maxHeight: 176 },
622
- maxHeight192: { maxHeight: 192 },
623
- maxHeight208: { maxHeight: 208 },
624
- maxHeight224: { maxHeight: 224 },
625
- maxHeight240: { maxHeight: 240 },
626
- maxHeight256: { maxHeight: 256 },
627
- maxHeight288: { maxHeight: 288 },
628
- maxHeight320: { maxHeight: 320 },
629
- maxHeight352: { maxHeight: 352 },
630
- maxHeight384: { maxHeight: 384 },
631
- maxHeight416: { maxHeight: 416 },
632
- maxHeight448: { maxHeight: 448 },
633
- maxHeight480: { maxHeight: 480 },
634
- maxHeight512: { maxHeight: 512 },
635
- padding0: { padding: 0 },
636
- padding1: { padding: 1 },
637
- padding2: { padding: 2 },
638
- padding3: { padding: 3 },
639
- padding4: { padding: 4 },
640
- padding6: { padding: 6 },
641
- padding8: { padding: 8 },
642
- padding10: { padding: 10 },
643
- padding12: { padding: 12 },
644
- padding14: { padding: 14 },
645
- padding16: { padding: 16 },
646
- padding20: { padding: 20 },
647
- padding24: { padding: 24 },
648
- padding32: { padding: 32 },
649
- padding40: { padding: 40 },
650
- padding48: { padding: 48 },
651
- padding56: { padding: 56 },
652
- padding64: { padding: 64 },
653
- padding80: { padding: 80 },
654
- padding96: { padding: 96 },
655
- paddingTop0: { paddingTop: 0 },
656
- paddingTop1: { paddingTop: 1 },
657
- paddingTop2: { paddingTop: 2 },
658
- paddingTop3: { paddingTop: 3 },
659
- paddingTop4: { paddingTop: 4 },
660
- paddingTop6: { paddingTop: 6 },
661
- paddingTop8: { paddingTop: 8 },
662
- paddingTop10: { paddingTop: 10 },
663
- paddingTop12: { paddingTop: 12 },
664
- paddingTop14: { paddingTop: 14 },
665
- paddingTop16: { paddingTop: 16 },
666
- paddingTop20: { paddingTop: 20 },
667
- paddingTop24: { paddingTop: 24 },
668
- paddingTop32: { paddingTop: 32 },
669
- paddingTop40: { paddingTop: 40 },
670
- paddingTop48: { paddingTop: 48 },
671
- paddingTop56: { paddingTop: 56 },
672
- paddingTop64: { paddingTop: 64 },
673
- paddingTop80: { paddingTop: 80 },
674
- paddingTop96: { paddingTop: 96 },
675
- paddingRight0: { paddingRight: 0 },
676
- paddingRight1: { paddingRight: 1 },
677
- paddingRight2: { paddingRight: 2 },
678
- paddingRight3: { paddingRight: 3 },
679
- paddingRight4: { paddingRight: 4 },
680
- paddingRight6: { paddingRight: 6 },
681
- paddingRight8: { paddingRight: 8 },
682
- paddingRight10: { paddingRight: 10 },
683
- paddingRight12: { paddingRight: 12 },
684
- paddingRight14: { paddingRight: 14 },
685
- paddingRight16: { paddingRight: 16 },
686
- paddingRight20: { paddingRight: 20 },
687
- paddingRight24: { paddingRight: 24 },
688
- paddingRight32: { paddingRight: 32 },
689
- paddingRight40: { paddingRight: 40 },
690
- paddingRight48: { paddingRight: 48 },
691
- paddingRight56: { paddingRight: 56 },
692
- paddingRight64: { paddingRight: 64 },
693
- paddingRight80: { paddingRight: 80 },
694
- paddingRight96: { paddingRight: 96 },
695
- paddingBottom0: { paddingBottom: 0 },
696
- paddingBottom1: { paddingBottom: 1 },
697
- paddingBottom2: { paddingBottom: 2 },
698
- paddingBottom3: { paddingBottom: 3 },
699
- paddingBottom4: { paddingBottom: 4 },
700
- paddingBottom6: { paddingBottom: 6 },
701
- paddingBottom8: { paddingBottom: 8 },
702
- paddingBottom10: { paddingBottom: 10 },
703
- paddingBottom12: { paddingBottom: 12 },
704
- paddingBottom14: { paddingBottom: 14 },
705
- paddingBottom16: { paddingBottom: 16 },
706
- paddingBottom20: { paddingBottom: 20 },
707
- paddingBottom24: { paddingBottom: 24 },
708
- paddingBottom32: { paddingBottom: 32 },
709
- paddingBottom40: { paddingBottom: 40 },
710
- paddingBottom48: { paddingBottom: 48 },
711
- paddingBottom56: { paddingBottom: 56 },
712
- paddingBottom64: { paddingBottom: 64 },
713
- paddingBottom80: { paddingBottom: 80 },
714
- paddingBottom96: { paddingBottom: 96 },
715
- paddingLeft0: { paddingLeft: 0 },
716
- paddingLeft1: { paddingLeft: 1 },
717
- paddingLeft2: { paddingLeft: 2 },
718
- paddingLeft3: { paddingLeft: 3 },
719
- paddingLeft4: { paddingLeft: 4 },
720
- paddingLeft6: { paddingLeft: 6 },
721
- paddingLeft8: { paddingLeft: 8 },
722
- paddingLeft10: { paddingLeft: 10 },
723
- paddingLeft12: { paddingLeft: 12 },
724
- paddingLeft14: { paddingLeft: 14 },
725
- paddingLeft16: { paddingLeft: 16 },
726
- paddingLeft20: { paddingLeft: 20 },
727
- paddingLeft24: { paddingLeft: 24 },
728
- paddingLeft32: { paddingLeft: 32 },
729
- paddingLeft40: { paddingLeft: 40 },
730
- paddingLeft48: { paddingLeft: 48 },
731
- paddingLeft56: { paddingLeft: 56 },
732
- paddingLeft64: { paddingLeft: 64 },
733
- paddingLeft80: { paddingLeft: 80 },
734
- paddingLeft96: { paddingLeft: 96 },
735
- paddingHorizontal0: { paddingHorizontal: 0 },
736
- paddingHorizontal1: { paddingHorizontal: 1 },
737
- paddingHorizontal2: { paddingHorizontal: 2 },
738
- paddingHorizontal3: { paddingHorizontal: 3 },
739
- paddingHorizontal4: { paddingHorizontal: 4 },
740
- paddingHorizontal6: { paddingHorizontal: 6 },
741
- paddingHorizontal8: { paddingHorizontal: 8 },
742
- paddingHorizontal10: { paddingHorizontal: 10 },
743
- paddingHorizontal12: { paddingHorizontal: 12 },
744
- paddingHorizontal14: { paddingHorizontal: 14 },
745
- paddingHorizontal16: { paddingHorizontal: 16 },
746
- paddingHorizontal20: { paddingHorizontal: 20 },
747
- paddingHorizontal24: { paddingHorizontal: 24 },
748
- paddingHorizontal32: { paddingHorizontal: 32 },
749
- paddingHorizontal40: { paddingHorizontal: 40 },
750
- paddingHorizontal48: { paddingHorizontal: 48 },
751
- paddingHorizontal56: { paddingHorizontal: 56 },
752
- paddingHorizontal64: { paddingHorizontal: 64 },
753
- paddingHorizontal80: { paddingHorizontal: 80 },
754
- paddingHorizontal96: { paddingHorizontal: 96 },
755
- paddingVertical0: { paddingVertical: 0 },
756
- paddingVertical1: { paddingVertical: 1 },
757
- paddingVertical2: { paddingVertical: 2 },
758
- paddingVertical3: { paddingVertical: 3 },
759
- paddingVertical4: { paddingVertical: 4 },
760
- paddingVertical6: { paddingVertical: 6 },
761
- paddingVertical8: { paddingVertical: 8 },
762
- paddingVertical10: { paddingVertical: 10 },
763
- paddingVertical12: { paddingVertical: 12 },
764
- paddingVertical14: { paddingVertical: 14 },
765
- paddingVertical16: { paddingVertical: 16 },
766
- paddingVertical20: { paddingVertical: 20 },
767
- paddingVertical24: { paddingVertical: 24 },
768
- paddingVertical32: { paddingVertical: 32 },
769
- paddingVertical40: { paddingVertical: 40 },
770
- paddingVertical48: { paddingVertical: 48 },
771
- paddingVertical56: { paddingVertical: 56 },
772
- paddingVertical64: { paddingVertical: 64 },
773
- paddingVertical80: { paddingVertical: 80 },
774
- paddingVertical96: { paddingVertical: 96 },
775
- margin0: { margin: 0 },
776
- margin1: { margin: 1 },
777
- margin2: { margin: 2 },
778
- margin3: { margin: 3 },
779
- margin4: { margin: 4 },
780
- margin6: { margin: 6 },
781
- margin8: { margin: 8 },
782
- margin10: { margin: 10 },
783
- margin12: { margin: 12 },
784
- margin14: { margin: 14 },
785
- margin16: { margin: 16 },
786
- margin20: { margin: 20 },
787
- margin24: { margin: 24 },
788
- margin32: { margin: 32 },
789
- margin40: { margin: 40 },
790
- margin48: { margin: 48 },
791
- margin56: { margin: 56 },
792
- margin64: { margin: 64 },
793
- margin80: { margin: 80 },
794
- margin96: { margin: 96 },
795
- marginAuto: { margin: "auto" },
796
- marginTop0: { marginTop: 0 },
797
- marginTop1: { marginTop: 1 },
798
- marginTop2: { marginTop: 2 },
799
- marginTop3: { marginTop: 3 },
800
- marginTop4: { marginTop: 4 },
801
- marginTop6: { marginTop: 6 },
802
- marginTop8: { marginTop: 8 },
803
- marginTop10: { marginTop: 10 },
804
- marginTop12: { marginTop: 12 },
805
- marginTop14: { marginTop: 14 },
806
- marginTop16: { marginTop: 16 },
807
- marginTop20: { marginTop: 20 },
808
- marginTop24: { marginTop: 24 },
809
- marginTop32: { marginTop: 32 },
810
- marginTop40: { marginTop: 40 },
811
- marginTop48: { marginTop: 48 },
812
- marginTop56: { marginTop: 56 },
813
- marginTop64: { marginTop: 64 },
814
- marginTop80: { marginTop: 80 },
815
- marginTop96: { marginTop: 96 },
816
- marginTopAuto: { marginTop: "auto" },
817
- marginRight0: { marginRight: 0 },
818
- marginRight1: { marginRight: 1 },
819
- marginRight2: { marginRight: 2 },
820
- marginRight3: { marginRight: 3 },
821
- marginRight4: { marginRight: 4 },
822
- marginRight6: { marginRight: 6 },
823
- marginRight8: { marginRight: 8 },
824
- marginRight10: { marginRight: 10 },
825
- marginRight12: { marginRight: 12 },
826
- marginRight14: { marginRight: 14 },
827
- marginRight16: { marginRight: 16 },
828
- marginRight20: { marginRight: 20 },
829
- marginRight24: { marginRight: 24 },
830
- marginRight32: { marginRight: 32 },
831
- marginRight40: { marginRight: 40 },
832
- marginRight48: { marginRight: 48 },
833
- marginRight56: { marginRight: 56 },
834
- marginRight64: { marginRight: 64 },
835
- marginRight80: { marginRight: 80 },
836
- marginRight96: { marginRight: 96 },
837
- marginRightAuto: { marginRight: "auto" },
838
- marginBottom0: { marginBottom: 0 },
839
- marginBottom1: { marginBottom: 1 },
840
- marginBottom2: { marginBottom: 2 },
841
- marginBottom3: { marginBottom: 3 },
842
- marginBottom4: { marginBottom: 4 },
843
- marginBottom6: { marginBottom: 6 },
844
- marginBottom8: { marginBottom: 8 },
845
- marginBottom10: { marginBottom: 10 },
846
- marginBottom12: { marginBottom: 12 },
847
- marginBottom14: { marginBottom: 14 },
848
- marginBottom16: { marginBottom: 16 },
849
- marginBottom20: { marginBottom: 20 },
850
- marginBottom24: { marginBottom: 24 },
851
- marginBottom32: { marginBottom: 32 },
852
- marginBottom40: { marginBottom: 40 },
853
- marginBottom48: { marginBottom: 48 },
854
- marginBottom56: { marginBottom: 56 },
855
- marginBottom64: { marginBottom: 64 },
856
- marginBottom80: { marginBottom: 80 },
857
- marginBottom96: { marginBottom: 96 },
858
- marginBottomAuto: { marginBottom: "auto" },
859
- marginLeft0: { marginLeft: 0 },
860
- marginLeft1: { marginLeft: 1 },
861
- marginLeft2: { marginLeft: 2 },
862
- marginLeft3: { marginLeft: 3 },
863
- marginLeft4: { marginLeft: 4 },
864
- marginLeft6: { marginLeft: 6 },
865
- marginLeft8: { marginLeft: 8 },
866
- marginLeft10: { marginLeft: 10 },
867
- marginLeft12: { marginLeft: 12 },
868
- marginLeft14: { marginLeft: 14 },
869
- marginLeft16: { marginLeft: 16 },
870
- marginLeft20: { marginLeft: 20 },
871
- marginLeft24: { marginLeft: 24 },
872
- marginLeft32: { marginLeft: 32 },
873
- marginLeft40: { marginLeft: 40 },
874
- marginLeft48: { marginLeft: 48 },
875
- marginLeft56: { marginLeft: 56 },
876
- marginLeft64: { marginLeft: 64 },
877
- marginLeft80: { marginLeft: 80 },
878
- marginLeft96: { marginLeft: 96 },
879
- marginLeftAuto: { marginLeft: "auto" },
880
- marginHorizontal0: { marginHorizontal: 0 },
881
- marginHorizontal1: { marginHorizontal: 1 },
882
- marginHorizontal2: { marginHorizontal: 2 },
883
- marginHorizontal3: { marginHorizontal: 3 },
884
- marginHorizontal4: { marginHorizontal: 4 },
885
- marginHorizontal6: { marginHorizontal: 6 },
886
- marginHorizontal8: { marginHorizontal: 8 },
887
- marginHorizontal10: { marginHorizontal: 10 },
888
- marginHorizontal12: { marginHorizontal: 12 },
889
- marginHorizontal14: { marginHorizontal: 14 },
890
- marginHorizontal16: { marginHorizontal: 16 },
891
- marginHorizontal20: { marginHorizontal: 20 },
892
- marginHorizontal24: { marginHorizontal: 24 },
893
- marginHorizontal32: { marginHorizontal: 32 },
894
- marginHorizontal40: { marginHorizontal: 40 },
895
- marginHorizontal48: { marginHorizontal: 48 },
896
- marginHorizontal56: { marginHorizontal: 56 },
897
- marginHorizontal64: { marginHorizontal: 64 },
898
- marginHorizontal80: { marginHorizontal: 80 },
899
- marginHorizontal96: { marginHorizontal: 96 },
900
- marginHorizontalAuto: { marginHorizontal: "auto" },
901
- marginVertical0: { marginVertical: 0 },
902
- marginVertical1: { marginVertical: 1 },
903
- marginVertical2: { marginVertical: 2 },
904
- marginVertical3: { marginVertical: 3 },
905
- marginVertical4: { marginVertical: 4 },
906
- marginVertical6: { marginVertical: 6 },
907
- marginVertical8: { marginVertical: 8 },
908
- marginVertical10: { marginVertical: 10 },
909
- marginVertical12: { marginVertical: 12 },
910
- marginVertical14: { marginVertical: 14 },
911
- marginVertical16: { marginVertical: 16 },
912
- marginVertical20: { marginVertical: 20 },
913
- marginVertical24: { marginVertical: 24 },
914
- marginVertical32: { marginVertical: 32 },
915
- marginVertical40: { marginVertical: 40 },
916
- marginVertical48: { marginVertical: 48 },
917
- marginVertical56: { marginVertical: 56 },
918
- marginVertical64: { marginVertical: 64 },
919
- marginVertical80: { marginVertical: 80 },
920
- marginVertical96: { marginVertical: 96 },
921
- marginVerticalAuto: { marginVertical: "auto" },
922
- gap0: { gap: 0 },
923
- gap1: { gap: 1 },
924
- gap2: { gap: 2 },
925
- gap3: { gap: 3 },
926
- gap4: { gap: 4 },
927
- gap6: { gap: 6 },
928
- gap8: { gap: 8 },
929
- gap10: { gap: 10 },
930
- gap12: { gap: 12 },
931
- gap14: { gap: 14 },
932
- gap16: { gap: 16 },
933
- gap20: { gap: 20 },
934
- gap24: { gap: 24 },
935
- gap32: { gap: 32 },
936
- gap40: { gap: 40 },
937
- gap48: { gap: 48 },
938
- gap56: { gap: 56 },
939
- gap64: { gap: 64 },
940
- gap80: { gap: 80 },
941
- gap96: { gap: 96 },
942
- rowGap0: { rowGap: 0 },
943
- rowGap1: { rowGap: 1 },
944
- rowGap2: { rowGap: 2 },
945
- rowGap3: { rowGap: 3 },
946
- rowGap4: { rowGap: 4 },
947
- rowGap6: { rowGap: 6 },
948
- rowGap8: { rowGap: 8 },
949
- rowGap10: { rowGap: 10 },
950
- rowGap12: { rowGap: 12 },
951
- rowGap14: { rowGap: 14 },
952
- rowGap16: { rowGap: 16 },
953
- rowGap20: { rowGap: 20 },
954
- rowGap24: { rowGap: 24 },
955
- rowGap32: { rowGap: 32 },
956
- rowGap40: { rowGap: 40 },
957
- rowGap48: { rowGap: 48 },
958
- rowGap56: { rowGap: 56 },
959
- rowGap64: { rowGap: 64 },
960
- rowGap80: { rowGap: 80 },
961
- rowGap96: { rowGap: 96 },
962
- colGap0: { columnGap: 0 },
963
- colGap1: { columnGap: 1 },
964
- colGap2: { columnGap: 2 },
965
- colGap3: { columnGap: 3 },
966
- colGap4: { columnGap: 4 },
967
- colGap6: { columnGap: 6 },
968
- colGap8: { columnGap: 8 },
969
- colGap10: { columnGap: 10 },
970
- colGap12: { columnGap: 12 },
971
- colGap14: { columnGap: 14 },
972
- colGap16: { columnGap: 16 },
973
- colGap20: { columnGap: 20 },
974
- colGap24: { columnGap: 24 },
975
- colGap32: { columnGap: 32 },
976
- colGap40: { columnGap: 40 },
977
- colGap48: { columnGap: 48 },
978
- colGap56: { columnGap: 56 },
979
- colGap64: { columnGap: 64 },
980
- colGap80: { columnGap: 80 },
981
- colGap96: { columnGap: 96 },
982
- text8: { fontSize: 8 },
983
- text9: { fontSize: 9 },
984
- text10: { fontSize: 10 },
985
- text11: { fontSize: 11 },
986
- text12: { fontSize: 12 },
987
- text13: { fontSize: 13 },
988
- text14: { fontSize: 14 },
989
- text15: { fontSize: 15 },
990
- text16: { fontSize: 16 },
991
- text18: { fontSize: 18 },
992
- text20: { fontSize: 20 },
993
- text24: { fontSize: 24 },
994
- text28: { fontSize: 28 },
995
- text32: { fontSize: 32 },
996
- text36: { fontSize: 36 },
997
- text40: { fontSize: 40 },
998
- text48: { fontSize: 48 },
999
- thin: { fontWeight: "100" },
1000
- extralight: { fontWeight: "200" },
1001
- light: { fontWeight: "300" },
1002
- normal: { fontWeight: "400" },
1003
- medium: { fontWeight: "500" },
1004
- semibold: { fontWeight: "600" },
1005
- bold: { fontWeight: "700" },
1006
- extrabold: { fontWeight: "800" },
1007
- black: { fontWeight: "900" },
1008
- fontSerif: { fontFamily: "Georgia" },
1009
- fontMono: { fontFamily: "Courier" },
1010
- tabularNums: { fontVariant: ["tabular-nums"] },
1011
- textLeft: { textAlign: "left" },
1012
- textCenter: { textAlign: "center" },
1013
- textRight: { textAlign: "right" },
1014
- lineHeight12: { lineHeight: 12 },
1015
- lineHeight14: { lineHeight: 14 },
1016
- lineHeight16: { lineHeight: 16 },
1017
- lineHeight18: { lineHeight: 18 },
1018
- lineHeight20: { lineHeight: 20 },
1019
- lineHeight24: { lineHeight: 24 },
1020
- lineHeight28: { lineHeight: 28 },
1021
- lineHeight32: { lineHeight: 32 },
1022
- lineHeight36: { lineHeight: 36 },
1023
- lineHeight40: { lineHeight: 40 },
1024
- lineHeight48: { lineHeight: 48 },
1025
- lineHeight52: { lineHeight: 52 },
1026
- lineHeight56: { lineHeight: 56 },
1027
- italic: { fontStyle: "italic" },
1028
- uppercase: { textTransform: "uppercase" },
1029
- lowercase: { textTransform: "lowercase" },
1030
- capitalize: { textTransform: "capitalize" },
1031
- normalCase: { textTransform: "none" },
1032
- underline: { textDecorationLine: "underline" },
1033
- lineThrough: { textDecorationLine: "line-through" },
1034
- noUnderline: { textDecorationLine: "none" },
1035
- letterTighter: { letterSpacing: -1 },
1036
- letterTight: { letterSpacing: -.5 },
1037
- letterNormal: { letterSpacing: 0 },
1038
- letterWide: { letterSpacing: .5 },
1039
- letterWider: { letterSpacing: 1 },
1040
- letterExtraWide: { letterSpacing: 1.5 },
1041
- letterWidest: { letterSpacing: 2 },
1042
- letterSuper: { letterSpacing: 3 },
1043
- letterUltra: { letterSpacing: 4 },
1044
- rounded0: { borderRadius: 0 },
1045
- rounded1: { borderRadius: 1 },
1046
- rounded2: { borderRadius: 2 },
1047
- rounded4: { borderRadius: 4 },
1048
- rounded6: { borderRadius: 6 },
1049
- rounded8: { borderRadius: 8 },
1050
- rounded10: { borderRadius: 10 },
1051
- rounded12: { borderRadius: 12 },
1052
- rounded14: { borderRadius: 14 },
1053
- rounded16: { borderRadius: 16 },
1054
- rounded18: { borderRadius: 18 },
1055
- rounded20: { borderRadius: 20 },
1056
- rounded24: { borderRadius: 24 },
1057
- rounded28: { borderRadius: 28 },
1058
- rounded32: { borderRadius: 32 },
1059
- roundedFull: { borderRadius: 9999 },
1060
- border0: { borderWidth: 0 },
1061
- border1: { borderWidth: 1 },
1062
- border2: { borderWidth: 2 },
1063
- border3: { borderWidth: 3 },
1064
- border4: { borderWidth: 4 },
1065
- borderTop0: { borderTopWidth: 0 },
1066
- borderTop1: { borderTopWidth: 1 },
1067
- borderTop2: { borderTopWidth: 2 },
1068
- borderTop4: { borderTopWidth: 4 },
1069
- borderRight0: { borderRightWidth: 0 },
1070
- borderRight1: { borderRightWidth: 1 },
1071
- borderRight2: { borderRightWidth: 2 },
1072
- borderRight4: { borderRightWidth: 4 },
1073
- borderBottom0: { borderBottomWidth: 0 },
1074
- borderBottom1: { borderBottomWidth: 1 },
1075
- borderBottom2: { borderBottomWidth: 2 },
1076
- borderBottom4: { borderBottomWidth: 4 },
1077
- borderLeft0: { borderLeftWidth: 0 },
1078
- borderLeft1: { borderLeftWidth: 1 },
1079
- borderLeft2: { borderLeftWidth: 2 },
1080
- borderLeft4: { borderLeftWidth: 4 },
1081
- opacity0: { opacity: 0 },
1082
- opacity25: { opacity: .25 },
1083
- opacity50: { opacity: .5 },
1084
- opacity75: { opacity: .75 },
1085
- opacity100: { opacity: 1 },
1086
- overflowHidden: { overflow: "hidden" },
1087
- overflowVisible: { overflow: "visible" },
1088
- overflowScroll: { overflow: "scroll" },
1089
- hidden: { display: "none" },
1090
- visible: { display: "flex" },
1091
- shadowNone: {
1092
- shadowColor: "#000",
1093
- shadowOffset: {
1094
- width: 0,
1095
- height: 0
1096
- },
1097
- shadowOpacity: 0,
1098
- shadowRadius: 0,
1099
- elevation: 0
1100
- },
1101
- shadowXs: {
1102
- shadowColor: "#000",
1103
- shadowOffset: {
1104
- width: 0,
1105
- height: 1
1106
- },
1107
- shadowOpacity: .05,
1108
- shadowRadius: 1,
1109
- elevation: 1
1110
- },
1111
- shadowSm: {
1112
- shadowColor: "#000",
1113
- shadowOffset: {
1114
- width: 0,
1115
- height: 1
1116
- },
1117
- shadowOpacity: .06,
1118
- shadowRadius: 3,
1119
- elevation: 1
1120
- },
1121
- shadowMd: {
1122
- shadowColor: "#000",
1123
- shadowOffset: {
1124
- width: 0,
1125
- height: 2
1126
- },
1127
- shadowOpacity: .1,
1128
- shadowRadius: 6,
1129
- elevation: 3
1130
- },
1131
- shadowLg: {
1132
- shadowColor: "#000",
1133
- shadowOffset: {
1134
- width: 0,
1135
- height: 4
1136
- },
1137
- shadowOpacity: .12,
1138
- shadowRadius: 10,
1139
- elevation: 6
1140
- },
1141
- shadowXl: {
1142
- shadowColor: "#000",
1143
- shadowOffset: {
1144
- width: 0,
1145
- height: 8
1146
- },
1147
- shadowOpacity: .15,
1148
- shadowRadius: 20,
1149
- elevation: 10
1150
- },
1151
- shadow2xl: {
1152
- shadowColor: "#000",
1153
- shadowOffset: {
1154
- width: 0,
1155
- height: 12
1156
- },
1157
- shadowOpacity: .2,
1158
- shadowRadius: 30,
1159
- elevation: 15
1160
- },
1161
- textShadowXs: {
1162
- textShadowColor: "rgba(0,0,0,0.4)",
1163
- textShadowOffset: {
1164
- width: 0,
1165
- height: 1
1166
- },
1167
- textShadowRadius: 3
1168
- },
1169
- textShadowSm: {
1170
- textShadowColor: "rgba(0,0,0,0.5)",
1171
- textShadowOffset: {
1172
- width: 0,
1173
- height: 1
1174
- },
1175
- textShadowRadius: 3
1176
- },
1177
- textShadowMd: {
1178
- textShadowColor: "rgba(0,0,0,0.5)",
1179
- textShadowOffset: {
1180
- width: 0,
1181
- height: 1
1182
- },
1183
- textShadowRadius: 4
1184
- },
1185
- textShadowLg: {
1186
- textShadowColor: "rgba(0,0,0,0.6)",
1187
- textShadowOffset: {
1188
- width: 0,
1189
- height: 2
1190
- },
1191
- textShadowRadius: 8
1192
- }
1193
- });
1194
- const styles = {
1195
- ...coreStyles,
1196
- ...paletteStyles
1197
- };
1198
-
1199
- //#endregion
1200
- //#region src/colors.ts
1201
- const BloomContext = createContext(null);
1202
- function BloomProvider({ theme, colorScheme = "light", children }) {
1203
- const value = useMemo(() => ({
1204
- colors: theme[colorScheme],
1205
- mode: colorScheme
1206
- }), [theme, colorScheme]);
1207
- return React.createElement(BloomContext.Provider, { value }, children);
1208
- }
1209
- function useTheme() {
1210
- const context = useContext(BloomContext);
1211
- if (context === null) throw new Error("useTheme must be used within a BloomProvider");
1212
- return context;
1213
- }
1214
- function buildColorStyles(colors) {
1215
- return {
1216
- bgPrimary: { backgroundColor: colors.primary },
1217
- bg: { backgroundColor: colors.background },
1218
- bgSurface: { backgroundColor: colors.surface },
1219
- bgCard: { backgroundColor: colors.card },
1220
- bgError: { backgroundColor: colors.error },
1221
- bgSuccess: { backgroundColor: colors.success },
1222
- bgAccent0: { backgroundColor: colors.accent[0] },
1223
- bgAccent1: { backgroundColor: colors.accent[1] },
1224
- bgAccent2: { backgroundColor: colors.accent[2] },
1225
- bgAccent3: { backgroundColor: colors.accent[3] },
1226
- bgAccent4: { backgroundColor: colors.accent[4] },
1227
- text: { color: colors.text },
1228
- textSecondary: { color: colors.textSecondary },
1229
- textOnPrimary: { color: colors.textOnPrimary },
1230
- textPrimary: { color: colors.primary },
1231
- textError: { color: colors.error },
1232
- textSuccess: { color: colors.success },
1233
- textAccent0: { color: colors.accent[0] },
1234
- textAccent1: { color: colors.accent[1] },
1235
- textAccent2: { color: colors.accent[2] },
1236
- textAccent3: { color: colors.accent[3] },
1237
- textAccent4: { color: colors.accent[4] },
1238
- border: { borderColor: colors.border },
1239
- borderPrimary: { borderColor: colors.primary },
1240
- borderError: { borderColor: colors.error },
1241
- borderSuccess: { borderColor: colors.success },
1242
- borderAccent0: { borderColor: colors.accent[0] },
1243
- borderAccent1: { borderColor: colors.accent[1] },
1244
- borderAccent2: { borderColor: colors.accent[2] },
1245
- borderAccent3: { borderColor: colors.accent[3] },
1246
- borderAccent4: { borderColor: colors.accent[4] }
1247
- };
1248
- }
1249
- function useStyles() {
1250
- const { colors } = useTheme();
1251
- return useMemo(() => ({
1252
- ...styles,
1253
- ...buildColorStyles(colors)
1254
- }), [colors]);
1255
- }
1256
-
1257
- //#endregion
1258
- export { BloomProvider, palette, styles, useStyles, useTheme };
1259
- //# sourceMappingURL=index.mjs.map