bleam 0.0.0 → 0.0.1

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 (6) hide show
  1. package/README.md +1 -1
  2. package/dist/index.d.mts +9914 -0
  3. package/dist/index.mjs +1259 -0
  4. package/package.json +34 -2
  5. package/.editorconfig +0 -8
  6. package/.gitattributes +0 -4
package/dist/index.mjs ADDED
@@ -0,0 +1,1259 @@
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