@tamagui/themes 1.31.3 → 1.32.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 (67) hide show
  1. package/dist/cjs/componentThemeDefinitions.js +7 -6
  2. package/dist/cjs/componentThemeDefinitions.js.map +1 -1
  3. package/dist/cjs/generated-new.js +171 -460
  4. package/dist/cjs/generated-new.js.map +1 -1
  5. package/dist/cjs/index.js +6 -0
  6. package/dist/cjs/index.js.map +1 -1
  7. package/dist/cjs/masks.js +4 -1
  8. package/dist/cjs/masks.js.map +1 -1
  9. package/dist/cjs/shadows.js +46 -0
  10. package/dist/cjs/shadows.js.map +6 -0
  11. package/dist/cjs/themes-new.js +3 -19
  12. package/dist/cjs/themes-new.js.map +1 -1
  13. package/dist/cjs/themes.js +11 -301
  14. package/dist/cjs/themes.js.map +1 -1
  15. package/dist/esm/componentThemeDefinitions.js +7 -6
  16. package/dist/esm/componentThemeDefinitions.js.map +1 -1
  17. package/dist/esm/generated-new.js +171 -460
  18. package/dist/esm/generated-new.js.map +1 -1
  19. package/dist/esm/index.js +3 -0
  20. package/dist/esm/index.js.map +1 -1
  21. package/dist/esm/masks.js +4 -1
  22. package/dist/esm/masks.js.map +1 -1
  23. package/dist/esm/shadows.js +22 -0
  24. package/dist/esm/shadows.js.map +6 -0
  25. package/dist/esm/themes-new.js +3 -19
  26. package/dist/esm/themes-new.js.map +1 -1
  27. package/dist/esm/themes.js +1 -308
  28. package/dist/esm/themes.js.map +1 -1
  29. package/package.json +10 -8
  30. package/src/componentThemeDefinitions.tsx +137 -0
  31. package/src/generated-new.ts +4313 -0
  32. package/src/helpers.ts +44 -0
  33. package/src/index.tsx +3 -9
  34. package/src/masks.tsx +45 -0
  35. package/src/palettes.tsx +91 -0
  36. package/src/shadows.tsx +19 -0
  37. package/src/templates.tsx +111 -0
  38. package/src/themes-new.tsx +74 -0
  39. package/src/{themes.outlined.tsx → themes-old.tsx} +108 -17
  40. package/src/themes.tsx +4 -378
  41. package/types/componentThemeDefinitions.d.ts +628 -0
  42. package/types/componentThemeDefinitions.d.ts.map +1 -1
  43. package/types/generated-new.d.ts +516 -0
  44. package/types/generated-new.d.ts.map +1 -1
  45. package/types/helpers.d.ts +24 -0
  46. package/types/index.d.ts +3 -0
  47. package/types/index.d.ts.map +1 -1
  48. package/types/masks.d.ts +13 -0
  49. package/types/masks.d.ts.map +1 -1
  50. package/types/palettes.d.ts +21 -0
  51. package/types/shadows.d.ts +15 -0
  52. package/types/shadows.d.ts.map +1 -0
  53. package/types/templates.d.ts +142 -0
  54. package/types/themes-new.d.ts +40323 -0
  55. package/types/themes-new.d.ts.map +1 -1
  56. package/types/themes-old.d.ts +51411 -0
  57. package/types/themes.d.ts +2 -51602
  58. package/types/themes.d.ts.map +1 -1
  59. package/types/tokens.d.ts +2 -2
  60. package/dist/cjs/generated-old.js +0 -13599
  61. package/dist/cjs/generated-old.js.map +0 -6
  62. package/dist/esm/generated-old.js +0 -12064
  63. package/dist/esm/generated-old.js.map +0 -6
  64. package/src/generate.ts +0 -25
  65. package/src/generated.js +0 -23954
  66. package/types/generate.d.ts +0 -2
  67. package/types/themes.outlined.d.ts +0 -2643
@@ -1,7 +1,9 @@
1
1
  "use strict";
2
+ var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
5
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
6
8
  var __export = (target, all) => {
7
9
  for (var name in all)
@@ -15,313 +17,21 @@ var __copyProps = (to, from, except, desc) => {
15
17
  }
16
18
  return to;
17
19
  };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
18
28
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
29
  var themes_exports = {};
20
30
  __export(themes_exports, {
21
31
  themes: () => themes
22
32
  });
23
33
  module.exports = __toCommonJS(themes_exports);
24
- var import_create_theme = require("@tamagui/create-theme");
25
- var import_tokens = require("./tokens");
26
- const lightTransparent = "rgba(255,255,255,0)";
27
- const darkTransparent = "rgba(10,10,10,0)";
28
- const palettes = {
29
- dark: [
30
- darkTransparent,
31
- "#050505",
32
- "#151515",
33
- "#191919",
34
- "#232323",
35
- "#282828",
36
- "#323232",
37
- "#424242",
38
- "#494949",
39
- "#545454",
40
- "#626262",
41
- "#a5a5a5",
42
- "#fff",
43
- lightTransparent
44
- ],
45
- light: [
46
- lightTransparent,
47
- "#fff",
48
- "#f9f9f9",
49
- "hsl(0, 0%, 97.3%)",
50
- "hsl(0, 0%, 95.1%)",
51
- "hsl(0, 0%, 94.0%)",
52
- "hsl(0, 0%, 92.0%)",
53
- "hsl(0, 0%, 89.5%)",
54
- "hsl(0, 0%, 81.0%)",
55
- "hsl(0, 0%, 56.1%)",
56
- "hsl(0, 0%, 50.3%)",
57
- "hsl(0, 0%, 42.5%)",
58
- "hsl(0, 0%, 9.0%)",
59
- darkTransparent
60
- ]
61
- };
62
- const templateColors = {
63
- color1: 1,
64
- color2: 2,
65
- color3: 3,
66
- color4: 4,
67
- color5: 5,
68
- color6: 6,
69
- color7: 7,
70
- color8: 8,
71
- color9: 9,
72
- color10: 10,
73
- color11: 11,
74
- color12: 12
75
- };
76
- const templateShadows = {
77
- shadowColor: 1,
78
- shadowColorHover: 1,
79
- shadowColorPress: 2,
80
- shadowColorFocus: 2
81
- };
82
- const toSkip = {
83
- ...templateShadows
84
- };
85
- const override = Object.fromEntries(Object.entries(toSkip).map(([k]) => [k, 0]));
86
- const overrideShadows = Object.fromEntries(
87
- Object.entries(templateShadows).map(([k]) => [k, 0])
88
- );
89
- const overrideWithColors = {
90
- ...override,
91
- color: 0,
92
- colorHover: 0,
93
- colorFocus: 0,
94
- colorPress: 0
95
- };
96
- const template = {
97
- ...templateColors,
98
- ...toSkip,
99
- // the background, color, etc keys here work like generics - they make it so you
100
- // can publish components for others to use without mandating a specific color scale
101
- // the @tamagui/button Button component looks for `$background`, so you set the
102
- // dark_red_Button theme to have a stronger background than the dark_red theme.
103
- background: 2,
104
- backgroundHover: 3,
105
- backgroundPress: 4,
106
- backgroundFocus: 5,
107
- backgroundStrong: 1,
108
- backgroundTransparent: 0,
109
- color: -1,
110
- colorHover: -2,
111
- colorPress: -1,
112
- colorFocus: -2,
113
- colorTransparent: -0,
114
- borderColor: 4,
115
- borderColorHover: 5,
116
- borderColorPress: 3,
117
- borderColorFocus: 4,
118
- placeholderColor: -4
119
- };
120
- const lightShadowColor = "rgba(0,0,0,0.02)";
121
- const lightShadowColorStrong = "rgba(0,0,0,0.066)";
122
- const darkShadowColor = "rgba(0,0,0,0.2)";
123
- const darkShadowColorStrong = "rgba(0,0,0,0.3)";
124
- const lightShadows = {
125
- shadowColor: lightShadowColorStrong,
126
- shadowColorHover: lightShadowColorStrong,
127
- shadowColorPress: lightShadowColor,
128
- shadowColorFocus: lightShadowColor
129
- };
130
- const darkShadows = {
131
- shadowColor: darkShadowColorStrong,
132
- shadowColorHover: darkShadowColorStrong,
133
- shadowColorPress: darkShadowColor,
134
- shadowColorFocus: darkShadowColor
135
- };
136
- const lightTemplate = {
137
- ...template,
138
- background: 2,
139
- backgroundHover: 3,
140
- backgroundPress: 4,
141
- // our light color palette is... a bit unique
142
- borderColor: 6,
143
- borderColorHover: 7,
144
- borderColorFocus: 5,
145
- borderColorPress: 6,
146
- ...lightShadows
147
- };
148
- const darkTemplate = { ...template, ...darkShadows };
149
- const light = (0, import_create_theme.createTheme)(palettes.light, lightTemplate);
150
- const dark = (0, import_create_theme.createTheme)(palettes.dark, darkTemplate);
151
- const baseThemes = {
152
- light,
153
- dark
154
- };
155
- const masks = {
156
- skip: import_create_theme.skipMask,
157
- weaker: (0, import_create_theme.createWeakenMask)(),
158
- stronger: (0, import_create_theme.createStrengthenMask)()
159
- };
160
- const maskOptions = {
161
- override,
162
- skip: toSkip,
163
- // avoids the transparent ends
164
- max: palettes.light.length - 2,
165
- min: 1
166
- };
167
- const transparent = (hsl, opacity = 0) => hsl.replace(`%)`, `%, ${opacity})`).replace(`hsl(`, `hsla(`);
168
- const [lightColorThemes, darkColorThemes] = [import_tokens.colorTokens.light, import_tokens.colorTokens.dark].map(
169
- (colorSet, i) => {
170
- const isLight = i === 0;
171
- const theme = baseThemes[isLight ? "light" : "dark"];
172
- return Object.fromEntries(
173
- Object.keys(colorSet).map((color) => {
174
- const colorPalette = Object.values(colorSet[color]);
175
- const [head, tail] = [
176
- colorPalette.slice(0, 6),
177
- colorPalette.slice(colorPalette.length - 5)
178
- ];
179
- const palette = [
180
- transparent(colorPalette[0]),
181
- ...head,
182
- ...tail,
183
- theme.color,
184
- transparent(colorPalette[colorPalette.length - 1])
185
- ];
186
- const colorTheme = (0, import_create_theme.createTheme)(
187
- palette,
188
- isLight ? {
189
- ...lightTemplate,
190
- // light color themes are a bit less sensitive
191
- borderColor: 4,
192
- borderColorHover: 5,
193
- borderColorFocus: 4,
194
- borderColorPress: 4
195
- } : darkTemplate
196
- );
197
- return [color, colorTheme];
198
- })
199
- );
200
- }
201
- );
202
- const allThemes = (0, import_create_theme.addChildren)(baseThemes, (name, theme) => {
203
- const isLight = name === "light";
204
- const inverseName = isLight ? "dark" : "light";
205
- const inverseTheme = baseThemes[inverseName];
206
- const colorThemes = isLight ? lightColorThemes : darkColorThemes;
207
- const inverseColorThemes = isLight ? darkColorThemes : lightColorThemes;
208
- const allColorThemes = (0, import_create_theme.addChildren)(colorThemes, (colorName, colorTheme) => {
209
- const inverse = inverseColorThemes[colorName];
210
- return {
211
- ...getAltThemes({
212
- theme: colorTheme,
213
- inverse,
214
- isLight
215
- }),
216
- ...getComponentThemes(colorTheme, inverse, isLight)
217
- };
218
- });
219
- const baseSubThemes = {
220
- ...getAltThemes({ theme, inverse: inverseTheme, isLight }),
221
- ...getComponentThemes(theme, inverseTheme, isLight)
222
- };
223
- return {
224
- ...baseSubThemes,
225
- ...allColorThemes
226
- };
227
- });
228
- function getAltThemes({
229
- theme,
230
- inverse,
231
- isLight,
232
- activeTheme
233
- }) {
234
- const maskOptionsAlt = {
235
- ...maskOptions,
236
- override: overrideShadows
237
- };
238
- const alt1 = (0, import_create_theme.applyMask)(theme, masks.weaker, maskOptionsAlt);
239
- const alt2 = (0, import_create_theme.applyMask)(alt1, masks.weaker, maskOptionsAlt);
240
- const active = activeTheme ?? (process.env.ACTIVE_THEME_INVERSE ? inverse : (() => {
241
- return (0, import_create_theme.applyMask)(theme, masks.weaker, {
242
- ...maskOptions,
243
- strength: 3,
244
- skip: {
245
- ...maskOptions.skip,
246
- color: 1
247
- }
248
- });
249
- })());
250
- return (0, import_create_theme.addChildren)({ alt1, alt2, active }, (_, subTheme) => {
251
- return getComponentThemes(subTheme, subTheme === inverse ? theme : inverse, isLight);
252
- });
253
- }
254
- function getComponentThemes(theme, inverse, isLight) {
255
- const componentMaskOptions = {
256
- ...maskOptions,
257
- override: overrideWithColors,
258
- skip: {
259
- ...maskOptions.skip,
260
- // skip colors too just for component sub themes
261
- ...templateColors
262
- }
263
- };
264
- const weaker1 = (0, import_create_theme.applyMask)(theme, masks.weaker, componentMaskOptions);
265
- const base = (0, import_create_theme.applyMask)(weaker1, masks.stronger, componentMaskOptions);
266
- const weaker2 = (0, import_create_theme.applyMask)(weaker1, masks.weaker, {
267
- ...componentMaskOptions,
268
- override: overrideWithColors
269
- });
270
- const stronger1 = (0, import_create_theme.applyMask)(theme, masks.stronger, componentMaskOptions);
271
- const inverse1 = (0, import_create_theme.applyMask)(inverse, masks.weaker, componentMaskOptions);
272
- const inverse2 = (0, import_create_theme.applyMask)(inverse1, masks.weaker, componentMaskOptions);
273
- const strongerBorderLighterBackground = isLight ? {
274
- ...stronger1,
275
- borderColor: weaker1.borderColor,
276
- borderColorHover: weaker1.borderColorHover,
277
- borderColorPress: weaker1.borderColorPress,
278
- borderColorFocus: weaker1.borderColorFocus
279
- } : {
280
- ...(0, import_create_theme.applyMask)(theme, masks.skip, componentMaskOptions),
281
- borderColor: weaker1.borderColor,
282
- borderColorHover: weaker1.borderColorHover,
283
- borderColorPress: weaker1.borderColorPress,
284
- borderColorFocus: weaker1.borderColorFocus
285
- };
286
- const overlayTheme = {
287
- background: isLight ? "rgba(0,0,0,0.5)" : "rgba(0,0,0,0.9)"
288
- };
289
- const weaker2WithoutBorder = {
290
- ...weaker2,
291
- borderColor: "transparent",
292
- borderColorHover: "transparent"
293
- };
294
- return {
295
- ListItem: isLight ? stronger1 : base,
296
- Card: weaker1,
297
- Button: weaker2WithoutBorder,
298
- Checkbox: weaker2,
299
- DrawerFrame: weaker1,
300
- SliderTrack: stronger1,
301
- SliderTrackActive: weaker2,
302
- SliderThumb: inverse1,
303
- Progress: weaker1,
304
- ProgressIndicator: inverse,
305
- Switch: weaker2,
306
- SwitchThumb: inverse2,
307
- TooltipArrow: weaker1,
308
- TooltipContent: weaker2,
309
- Input: strongerBorderLighterBackground,
310
- TextArea: strongerBorderLighterBackground,
311
- Tooltip: inverse1,
312
- // make overlays always dark
313
- SheetOverlay: overlayTheme,
314
- DialogOverlay: overlayTheme,
315
- ModalOverlay: overlayTheme
316
- };
317
- }
318
- const themes = {
319
- ...allThemes,
320
- // bring back the full type, the rest use a subset to avoid clogging up ts,
321
- // tamagui will be smart and use the top level themes as the type for useTheme() etc
322
- light: (0, import_create_theme.createTheme)(palettes.light, lightTemplate, { nonInheritedValues: import_tokens.lightColors }),
323
- dark: (0, import_create_theme.createTheme)(palettes.dark, darkTemplate, { nonInheritedValues: import_tokens.darkColors })
324
- };
34
+ var themes = __toESM(require("./generated-new"));
325
35
  // Annotate the CommonJS export names for ESM import in node:
326
36
  0 && (module.exports = {
327
37
  themes
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/themes.tsx"],
4
- "mappings": "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",
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,aAAwB;",
5
5
  "names": []
6
6
  }
@@ -50,6 +50,11 @@ const componentThemeDefinitions = {
50
50
  mask: "soften2",
51
51
  ...maskOptions.component
52
52
  },
53
+ SwitchThumb: {
54
+ mask: "inverseStrengthen2",
55
+ ...maskOptions.component,
56
+ debug: true
57
+ },
53
58
  TooltipContent: {
54
59
  mask: "soften2",
55
60
  ...maskOptions.component
@@ -67,11 +72,11 @@ const componentThemeDefinitions = {
67
72
  ...maskOptions.component
68
73
  },
69
74
  SliderTrack: {
70
- mask: "strengthen",
75
+ mask: "soften",
71
76
  ...maskOptions.component
72
77
  },
73
78
  SliderThumb: {
74
- mask: "inverseSoften",
79
+ mask: "inverse",
75
80
  ...maskOptions.component
76
81
  },
77
82
  Tooltip: {
@@ -82,10 +87,6 @@ const componentThemeDefinitions = {
82
87
  mask: "inverse",
83
88
  ...maskOptions.component
84
89
  },
85
- SwitchThumb: {
86
- mask: "inverseSoften2",
87
- ...maskOptions.component
88
- },
89
90
  SheetOverlay: overlayThemeDefinitions,
90
91
  DialogOverlay: overlayThemeDefinitions,
91
92
  ModalOverlay: overlayThemeDefinitions,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/componentThemeDefinitions.tsx"],
4
- "mappings": "AAAA,SAAS,mBAAmB;AAE5B,MAAM,gBAAgB;AAAA,EACpB,OAAO;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AAAA,IACJ,YAAY;AAAA,EACd;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC;AAAA,IACE,QAAQ;AAAA,IACR,OAAO,cAAc;AAAA,EACvB;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,OAAO,cAAc;AAAA,EACvB;AACF;AAEO,MAAM,4BAA4B;AAAA,EACvC,UAAU;AAAA,IACR;AAAA,MACE,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,IACA;AAAA,MACE,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,EACF;AAAA,EAEA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EAEd,OAAO;AAAA,IACL;AAAA,MACE,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,IACA;AAAA,MACE,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR;AAAA,MACE,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,IACA;AAAA,MACE,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,EACF;AACF;",
4
+ "mappings": "AAAA,SAAS,mBAAmB;AAE5B,MAAM,gBAAgB;AAAA,EACpB,OAAO;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AAAA,IACJ,YAAY;AAAA,EACd;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC;AAAA,IACE,QAAQ;AAAA,IACR,OAAO,cAAc;AAAA,EACvB;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,OAAO,cAAc;AAAA,EACvB;AACF;AAEO,MAAM,4BAA4B;AAAA,EACvC,UAAU;AAAA,IACR;AAAA,MACE,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,IACA;AAAA,MACE,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,EACF;AAAA,EAEA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,IACf,OAAO;AAAA,EACT;AAAA,EAEA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EAEA,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EAEd,OAAO;AAAA,IACL;AAAA,MACE,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,IACA;AAAA,MACE,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR;AAAA,MACE,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,IACA;AAAA,MACE,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,EACF;AACF;",
5
5
  "names": []
6
6
  }