@gnome-ui/react-native 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/README.md +714 -0
  2. package/dist/GnomeProvider/GnomeContext.d.ts +36 -0
  3. package/dist/GnomeProvider/GnomeProvider.d.ts +69 -0
  4. package/dist/GnomeProvider/index.d.ts +6 -0
  5. package/dist/GnomeProvider/resolveContext.d.ts +30 -0
  6. package/dist/components/ActionRow/ActionRow.d.ts +51 -0
  7. package/dist/components/ActionRow/index.d.ts +2 -0
  8. package/dist/components/BoxedList/BoxedList.d.ts +36 -0
  9. package/dist/components/BoxedList/index.d.ts +2 -0
  10. package/dist/components/Button/Button.d.ts +47 -0
  11. package/dist/components/Button/index.d.ts +2 -0
  12. package/dist/components/Card/Card.d.ts +34 -0
  13. package/dist/components/Card/index.d.ts +2 -0
  14. package/dist/components/Checkbox/Checkbox.d.ts +44 -0
  15. package/dist/components/Checkbox/index.d.ts +2 -0
  16. package/dist/components/HeaderBar/HeaderBar.d.ts +38 -0
  17. package/dist/components/HeaderBar/index.d.ts +2 -0
  18. package/dist/components/Link/Link.d.ts +33 -0
  19. package/dist/components/Link/index.d.ts +2 -0
  20. package/dist/components/PathBar/PathBar.d.ts +43 -0
  21. package/dist/components/PathBar/index.d.ts +2 -0
  22. package/dist/components/ProgressBar/ProgressBar.d.ts +72 -0
  23. package/dist/components/ProgressBar/index.d.ts +2 -0
  24. package/dist/components/RadioButton/RadioButton.d.ts +36 -0
  25. package/dist/components/RadioButton/index.d.ts +2 -0
  26. package/dist/components/SearchBar/SearchBar.d.ts +51 -0
  27. package/dist/components/SearchBar/index.d.ts +2 -0
  28. package/dist/components/Separator/Separator.d.ts +26 -0
  29. package/dist/components/Separator/index.d.ts +2 -0
  30. package/dist/components/Sidebar/Sidebar.d.ts +45 -0
  31. package/dist/components/Sidebar/SidebarItem.d.ts +37 -0
  32. package/dist/components/Sidebar/SidebarSection.d.ts +42 -0
  33. package/dist/components/Sidebar/filterUtils.d.ts +11 -0
  34. package/dist/components/Sidebar/index.d.ts +6 -0
  35. package/dist/components/Skeleton/Skeleton.d.ts +51 -0
  36. package/dist/components/Skeleton/index.d.ts +2 -0
  37. package/dist/components/Spinner/Spinner.d.ts +44 -0
  38. package/dist/components/Spinner/index.d.ts +2 -0
  39. package/dist/components/Switch/Switch.d.ts +34 -0
  40. package/dist/components/Switch/index.d.ts +2 -0
  41. package/dist/components/Tabs/TabBar.d.ts +35 -0
  42. package/dist/components/Tabs/TabItem.d.ts +54 -0
  43. package/dist/components/Tabs/TabPanel.d.ts +28 -0
  44. package/dist/components/Tabs/index.d.ts +6 -0
  45. package/dist/components/Text/Text.d.ts +26 -0
  46. package/dist/components/Text/index.d.ts +2 -0
  47. package/dist/components/TextField/TextField.d.ts +37 -0
  48. package/dist/components/TextField/index.d.ts +2 -0
  49. package/dist/components/Toast/Toast.d.ts +58 -0
  50. package/dist/components/Toast/Toaster.d.ts +45 -0
  51. package/dist/components/Toast/index.d.ts +4 -0
  52. package/dist/components/ViewSwitcher/ViewSwitcher.d.ts +32 -0
  53. package/dist/components/ViewSwitcher/ViewSwitcherItem.d.ts +27 -0
  54. package/dist/components/ViewSwitcher/index.d.ts +4 -0
  55. package/dist/index.cjs +2 -0
  56. package/dist/index.cjs.map +1 -0
  57. package/dist/index.d.ts +23 -0
  58. package/dist/index.js +2906 -0
  59. package/dist/index.js.map +1 -0
  60. package/dist/theme/index.d.ts +4 -0
  61. package/dist/theme/resolveTheme.d.ts +9 -0
  62. package/dist/theme/tokens.generated.d.ts +714 -0
  63. package/package.json +56 -0
package/dist/index.js ADDED
@@ -0,0 +1,2906 @@
1
+ import { Children as e, Fragment as t, createContext as n, forwardRef as r, isValidElement as i, useCallback as a, useContext as o, useEffect as s, useImperativeHandle as c, useMemo as l, useRef as u, useState as d } from "react";
2
+ import { AccessibilityInfo as f, Animated as p, Easing as m, I18nManager as h, Linking as g, Platform as _, Pressable as v, ScrollView as y, StyleSheet as b, Text as x, TextInput as S, View as C, useColorScheme as w } from "react-native";
3
+ import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
4
+ //#region src/theme/tokens.generated.ts
5
+ var O = {
6
+ accentBgColor: "#3584e4",
7
+ accentColor: "#3584e4",
8
+ accentFgColor: "#fff",
9
+ activeOverlay: "rgba(0, 0, 0, 0.12)",
10
+ blockquoteBorderWidth: 3,
11
+ blue1: "#99c1f1",
12
+ blue2: "#62a0ea",
13
+ blue3: "#3584e4",
14
+ blue4: "#1c71d8",
15
+ blue5: "#1a5fb4",
16
+ borderSubtle: "rgba(0, 0, 0, 0.15)",
17
+ brown1: "#cdab8f",
18
+ brown2: "#b5835a",
19
+ brown3: "#986a44",
20
+ brown4: "#865e3c",
21
+ brown5: "#63452c",
22
+ cardBgColor: "#fff",
23
+ cardFgColor: "rgba(0, 0, 0, 0.8)",
24
+ cardShadeColor: "rgba(0, 0, 0, 0.12)",
25
+ dark1: "#77767b",
26
+ dark2: "#5e5c64",
27
+ dark3: "#3d3846",
28
+ dark4: "#241f31",
29
+ dark5: "#000",
30
+ destructiveBgColor: "#e01b24",
31
+ destructiveColor: "#e01b24",
32
+ destructiveFgColor: "#fff",
33
+ dialogBackdropBlur: 4,
34
+ dialogBackdropColor: "rgba(0, 0, 0, 0.5)",
35
+ dialogBgColor: "#fafafa",
36
+ dialogFgColor: "rgba(0, 0, 0, 0.8)",
37
+ dividerColor: "rgba(0, 0, 0, 0.07)",
38
+ durationFast: 100,
39
+ durationNormal: 200,
40
+ durationSlow: 400,
41
+ easingDefault: [
42
+ .25,
43
+ .46,
44
+ .45,
45
+ .94
46
+ ],
47
+ errorBgColor: "#e01b24",
48
+ errorColor: "#e01b24",
49
+ errorFgColor: "#fff",
50
+ focusRingColor: "#3584e4",
51
+ focusRingOffset: 2,
52
+ focusRingWidth: 3,
53
+ fontFamily: "Adwaita Sans",
54
+ fontFamilyMono: "Adwaita Mono",
55
+ fontSizeBody: 16,
56
+ fontSizeCaption: 12,
57
+ fontSizeLargeTitle: 36,
58
+ fontSizeTitle1: 30,
59
+ fontSizeTitle2: 24,
60
+ fontSizeTitle3: 20,
61
+ fontSizeTitle4: 18,
62
+ fontWeightBold: 700,
63
+ fontWeightNormal: 400,
64
+ fontWeightSemibold: 600,
65
+ green1: "#8ff0a4",
66
+ green2: "#57e389",
67
+ green3: "#33d17a",
68
+ green4: "#2ec27e",
69
+ green5: "#26a269",
70
+ headerbarBgColor: "#ebebeb",
71
+ headerbarBorderColor: "rgba(0, 0, 0, 0.12)",
72
+ headerbarFgColor: "rgba(0, 0, 0, 0.8)",
73
+ headerbarShadeColor: "rgba(0, 0, 0, 0.12)",
74
+ hoverOverlay: "rgba(0, 0, 0, 0.06)",
75
+ layoutBreakpointMedium: 550,
76
+ layoutBreakpointNarrow: 400,
77
+ layoutBreakpointWide: 860,
78
+ layoutContentPadding: 24,
79
+ layoutContentPaddingCompact: 12,
80
+ layoutContentPaddingSpacious: 36,
81
+ layoutSidebarDefaultWidth: 240,
82
+ layoutSidebarMaxWidth: 280,
83
+ layoutSidebarMinWidth: 180,
84
+ layoutSidebarRailWidth: 56,
85
+ light1: "#fff",
86
+ light2: "#f6f5f4",
87
+ light3: "#deddda",
88
+ light4: "#c0bfbc",
89
+ light5: "#9a9996",
90
+ lineHeightBody: 1.5,
91
+ lineHeightHeading: 1.2,
92
+ lineHeightTitle: 1.2,
93
+ newBgColor: "#9141ac",
94
+ newColor: "#9141ac",
95
+ newFgColor: "#fff",
96
+ opacityBorder: .15,
97
+ opacityDim: .55,
98
+ opacityDisabled: .5,
99
+ orange1: "#ffbe6f",
100
+ orange2: "#ffa348",
101
+ orange3: "#ff7800",
102
+ orange4: "#e66100",
103
+ orange5: "#c64600",
104
+ popoverBgColor: "#fff",
105
+ popoverFgColor: "rgba(0, 0, 0, 0.8)",
106
+ purple1: "#dc8add",
107
+ purple2: "#c061cb",
108
+ purple3: "#9141ac",
109
+ purple4: "#813d9c",
110
+ purple5: "#613583",
111
+ radiusLg: 12,
112
+ radiusMd: 8,
113
+ radiusPill: 9999,
114
+ radiusSm: 4,
115
+ radiusXl: 15,
116
+ red1: "#f66151",
117
+ red2: "#ed333b",
118
+ red3: "#e01b24",
119
+ red4: "#c01c28",
120
+ red5: "#a51d2d",
121
+ sidebarBgColor: "#ebebeb",
122
+ sidebarFgColor: "rgba(0, 0, 0, 0.8)",
123
+ skeletonBaseColor: "rgba(0, 0, 0, 0.09)",
124
+ skeletonHighlightColor: "rgba(255, 255, 255, 0.55)",
125
+ space1: 6,
126
+ space2: 12,
127
+ space3: 18,
128
+ space4: 24,
129
+ space5: 36,
130
+ space6: 48,
131
+ successBgColor: "#2ec27e",
132
+ successColor: "#2ec27e",
133
+ successFgColor: "#fff",
134
+ viewBgColor: "#fff",
135
+ viewFgColor: "rgba(0, 0, 0, 0.8)",
136
+ warningBgColor: "#f6d32d",
137
+ warningColor: "#e5a50a",
138
+ warningFgColor: "rgba(0, 0, 0, 0.8)",
139
+ windowBgColor: "#fafafa",
140
+ windowFgColor: "rgba(0, 0, 0, 0.8)",
141
+ yellow1: "#f9f06b",
142
+ yellow2: "#f8e45c",
143
+ yellow3: "#f6d32d",
144
+ yellow4: "#f5c211",
145
+ yellow5: "#e5a50a"
146
+ }, k = {
147
+ accentBgColor: "#3584e4",
148
+ accentColor: "#62a0ea",
149
+ accentFgColor: "#fff",
150
+ activeOverlay: "rgba(255, 255, 255, 0.14)",
151
+ blockquoteBorderWidth: 3,
152
+ blue1: "#99c1f1",
153
+ blue2: "#62a0ea",
154
+ blue3: "#3584e4",
155
+ blue4: "#1c71d8",
156
+ blue5: "#1a5fb4",
157
+ borderSubtle: "rgba(255, 255, 255, 0.15)",
158
+ brown1: "#cdab8f",
159
+ brown2: "#b5835a",
160
+ brown3: "#986a44",
161
+ brown4: "#865e3c",
162
+ brown5: "#63452c",
163
+ cardBgColor: "#383838",
164
+ cardFgColor: "rgba(255, 255, 255, 0.87)",
165
+ cardShadeColor: "rgba(255, 255, 255, 0.12)",
166
+ dark1: "#77767b",
167
+ dark2: "#5e5c64",
168
+ dark3: "#3d3846",
169
+ dark4: "#241f31",
170
+ dark5: "#000",
171
+ destructiveBgColor: "#e01b24",
172
+ destructiveColor: "#e01b24",
173
+ destructiveFgColor: "#fff",
174
+ dialogBackdropBlur: 4,
175
+ dialogBackdropColor: "rgba(0, 0, 0, 0.65)",
176
+ dialogBgColor: "#242424",
177
+ dialogFgColor: "rgba(255, 255, 255, 0.87)",
178
+ dividerColor: "rgba(255, 255, 255, 0.07)",
179
+ durationFast: 100,
180
+ durationNormal: 200,
181
+ durationSlow: 400,
182
+ easingDefault: [
183
+ .25,
184
+ .46,
185
+ .45,
186
+ .94
187
+ ],
188
+ errorBgColor: "#e01b24",
189
+ errorColor: "#e01b24",
190
+ errorFgColor: "#fff",
191
+ focusRingColor: "#62a0ea",
192
+ focusRingOffset: 2,
193
+ focusRingWidth: 3,
194
+ fontFamily: "Adwaita Sans",
195
+ fontFamilyMono: "Adwaita Mono",
196
+ fontSizeBody: 16,
197
+ fontSizeCaption: 12,
198
+ fontSizeLargeTitle: 36,
199
+ fontSizeTitle1: 30,
200
+ fontSizeTitle2: 24,
201
+ fontSizeTitle3: 20,
202
+ fontSizeTitle4: 18,
203
+ fontWeightBold: 700,
204
+ fontWeightNormal: 400,
205
+ fontWeightSemibold: 600,
206
+ green1: "#8ff0a4",
207
+ green2: "#57e389",
208
+ green3: "#33d17a",
209
+ green4: "#2ec27e",
210
+ green5: "#26a269",
211
+ headerbarBgColor: "#303030",
212
+ headerbarBorderColor: "rgba(255, 255, 255, 0.1)",
213
+ headerbarFgColor: "rgba(255, 255, 255, 0.87)",
214
+ headerbarShadeColor: "rgba(0, 0, 0, 0.36)",
215
+ hoverOverlay: "rgba(255, 255, 255, 0.08)",
216
+ layoutBreakpointMedium: 550,
217
+ layoutBreakpointNarrow: 400,
218
+ layoutBreakpointWide: 860,
219
+ layoutContentPadding: 24,
220
+ layoutContentPaddingCompact: 12,
221
+ layoutContentPaddingSpacious: 36,
222
+ layoutSidebarDefaultWidth: 240,
223
+ layoutSidebarMaxWidth: 280,
224
+ layoutSidebarMinWidth: 180,
225
+ layoutSidebarRailWidth: 56,
226
+ light1: "#fff",
227
+ light2: "#f6f5f4",
228
+ light3: "#deddda",
229
+ light4: "#c0bfbc",
230
+ light5: "#9a9996",
231
+ lineHeightBody: 1.5,
232
+ lineHeightHeading: 1.2,
233
+ lineHeightTitle: 1.2,
234
+ newBgColor: "#9141ac",
235
+ newColor: "#9141ac",
236
+ newFgColor: "#fff",
237
+ opacityBorder: .15,
238
+ opacityDim: .55,
239
+ opacityDisabled: .5,
240
+ orange1: "#ffbe6f",
241
+ orange2: "#ffa348",
242
+ orange3: "#ff7800",
243
+ orange4: "#e66100",
244
+ orange5: "#c64600",
245
+ popoverBgColor: "#383838",
246
+ popoverFgColor: "rgba(255, 255, 255, 0.87)",
247
+ purple1: "#dc8add",
248
+ purple2: "#c061cb",
249
+ purple3: "#9141ac",
250
+ purple4: "#813d9c",
251
+ purple5: "#613583",
252
+ radiusLg: 12,
253
+ radiusMd: 8,
254
+ radiusPill: 9999,
255
+ radiusSm: 4,
256
+ radiusXl: 15,
257
+ red1: "#f66151",
258
+ red2: "#ed333b",
259
+ red3: "#e01b24",
260
+ red4: "#c01c28",
261
+ red5: "#a51d2d",
262
+ sidebarBgColor: "#303030",
263
+ sidebarFgColor: "rgba(255, 255, 255, 0.87)",
264
+ skeletonBaseColor: "rgba(255, 255, 255, 0.12)",
265
+ skeletonHighlightColor: "rgba(255, 255, 255, 0.18)",
266
+ space1: 6,
267
+ space2: 12,
268
+ space3: 18,
269
+ space4: 24,
270
+ space5: 36,
271
+ space6: 48,
272
+ successBgColor: "#2ec27e",
273
+ successColor: "#2ec27e",
274
+ successFgColor: "#fff",
275
+ viewBgColor: "#1e1e1e",
276
+ viewFgColor: "rgba(255, 255, 255, 0.87)",
277
+ warningBgColor: "#f6d32d",
278
+ warningColor: "#e5a50a",
279
+ warningFgColor: "rgba(0, 0, 0, 0.8)",
280
+ windowBgColor: "#242424",
281
+ windowFgColor: "rgba(255, 255, 255, 0.87)",
282
+ yellow1: "#f9f06b",
283
+ yellow2: "#f8e45c",
284
+ yellow3: "#f6d32d",
285
+ yellow4: "#f5c211",
286
+ yellow5: "#e5a50a"
287
+ }, A = {
288
+ accentBgColor: "#1a5fb4",
289
+ accentColor: "#1a5fb4",
290
+ accentFgColor: "#fff",
291
+ activeOverlay: "rgba(0, 0, 0, 0.22)",
292
+ blockquoteBorderWidth: 3,
293
+ blue1: "#99c1f1",
294
+ blue2: "#62a0ea",
295
+ blue3: "#3584e4",
296
+ blue4: "#1c71d8",
297
+ blue5: "#1a5fb4",
298
+ borderSubtle: "rgba(0, 0, 0, 0.5)",
299
+ brown1: "#cdab8f",
300
+ brown2: "#b5835a",
301
+ brown3: "#986a44",
302
+ brown4: "#865e3c",
303
+ brown5: "#63452c",
304
+ cardBgColor: "#fff",
305
+ cardFgColor: "rgba(0, 0, 0, 0.8)",
306
+ cardShadeColor: "rgba(0, 0, 0, 0.12)",
307
+ dark1: "#77767b",
308
+ dark2: "#5e5c64",
309
+ dark3: "#3d3846",
310
+ dark4: "#241f31",
311
+ dark5: "#000",
312
+ destructiveBgColor: "#a51d2d",
313
+ destructiveColor: "#a51d2d",
314
+ destructiveFgColor: "#fff",
315
+ dialogBackdropBlur: 4,
316
+ dialogBackdropColor: "rgba(0, 0, 0, 0.5)",
317
+ dialogBgColor: "#fafafa",
318
+ dialogFgColor: "rgba(0, 0, 0, 0.8)",
319
+ dividerColor: "rgba(0, 0, 0, 0.2)",
320
+ durationFast: 100,
321
+ durationNormal: 200,
322
+ durationSlow: 400,
323
+ easingDefault: [
324
+ .25,
325
+ .46,
326
+ .45,
327
+ .94
328
+ ],
329
+ errorBgColor: "#a51d2d",
330
+ errorColor: "#a51d2d",
331
+ errorFgColor: "#fff",
332
+ focusRingColor: "#1a5fb4",
333
+ focusRingOffset: 2,
334
+ focusRingWidth: 3,
335
+ fontFamily: "Adwaita Sans",
336
+ fontFamilyMono: "Adwaita Mono",
337
+ fontSizeBody: 16,
338
+ fontSizeCaption: 12,
339
+ fontSizeLargeTitle: 36,
340
+ fontSizeTitle1: 30,
341
+ fontSizeTitle2: 24,
342
+ fontSizeTitle3: 20,
343
+ fontSizeTitle4: 18,
344
+ fontWeightBold: 700,
345
+ fontWeightNormal: 400,
346
+ fontWeightSemibold: 600,
347
+ green1: "#8ff0a4",
348
+ green2: "#57e389",
349
+ green3: "#33d17a",
350
+ green4: "#2ec27e",
351
+ green5: "#26a269",
352
+ headerbarBgColor: "#ebebeb",
353
+ headerbarBorderColor: "rgba(0, 0, 0, 0.12)",
354
+ headerbarFgColor: "rgba(0, 0, 0, 0.8)",
355
+ headerbarShadeColor: "rgba(0, 0, 0, 0.12)",
356
+ hoverOverlay: "rgba(0, 0, 0, 0.12)",
357
+ layoutBreakpointMedium: 550,
358
+ layoutBreakpointNarrow: 400,
359
+ layoutBreakpointWide: 860,
360
+ layoutContentPadding: 24,
361
+ layoutContentPaddingCompact: 12,
362
+ layoutContentPaddingSpacious: 36,
363
+ layoutSidebarDefaultWidth: 240,
364
+ layoutSidebarMaxWidth: 280,
365
+ layoutSidebarMinWidth: 180,
366
+ layoutSidebarRailWidth: 56,
367
+ light1: "#fff",
368
+ light2: "#f6f5f4",
369
+ light3: "#deddda",
370
+ light4: "#c0bfbc",
371
+ light5: "#9a9996",
372
+ lineHeightBody: 1.5,
373
+ lineHeightHeading: 1.2,
374
+ lineHeightTitle: 1.2,
375
+ newBgColor: "#613583",
376
+ newColor: "#613583",
377
+ newFgColor: "#fff",
378
+ opacityBorder: .4,
379
+ opacityDim: .7,
380
+ opacityDisabled: .6,
381
+ orange1: "#ffbe6f",
382
+ orange2: "#ffa348",
383
+ orange3: "#ff7800",
384
+ orange4: "#e66100",
385
+ orange5: "#c64600",
386
+ popoverBgColor: "#fff",
387
+ popoverFgColor: "rgba(0, 0, 0, 0.8)",
388
+ purple1: "#dc8add",
389
+ purple2: "#c061cb",
390
+ purple3: "#9141ac",
391
+ purple4: "#813d9c",
392
+ purple5: "#613583",
393
+ radiusLg: 12,
394
+ radiusMd: 8,
395
+ radiusPill: 9999,
396
+ radiusSm: 4,
397
+ radiusXl: 15,
398
+ red1: "#f66151",
399
+ red2: "#ed333b",
400
+ red3: "#e01b24",
401
+ red4: "#c01c28",
402
+ red5: "#a51d2d",
403
+ sidebarBgColor: "#ebebeb",
404
+ sidebarFgColor: "rgba(0, 0, 0, 0.8)",
405
+ skeletonBaseColor: "rgba(0, 0, 0, 0.09)",
406
+ skeletonHighlightColor: "rgba(255, 255, 255, 0.55)",
407
+ space1: 6,
408
+ space2: 12,
409
+ space3: 18,
410
+ space4: 24,
411
+ space5: 36,
412
+ space6: 48,
413
+ successBgColor: "#26a269",
414
+ successColor: "#26a269",
415
+ successFgColor: "#fff",
416
+ viewBgColor: "#fff",
417
+ viewFgColor: "rgba(0, 0, 0, 0.8)",
418
+ warningBgColor: "#e66100",
419
+ warningColor: "#c64600",
420
+ warningFgColor: "rgba(0, 0, 0, 0.8)",
421
+ windowBgColor: "#fafafa",
422
+ windowFgColor: "rgba(0, 0, 0, 0.8)",
423
+ yellow1: "#f9f06b",
424
+ yellow2: "#f8e45c",
425
+ yellow3: "#f6d32d",
426
+ yellow4: "#f5c211",
427
+ yellow5: "#e5a50a"
428
+ }, j = {
429
+ accentBgColor: "#62a0ea",
430
+ accentColor: "#99c1f1",
431
+ accentFgColor: "#fff",
432
+ activeOverlay: "rgba(255, 255, 255, 0.22)",
433
+ blockquoteBorderWidth: 3,
434
+ blue1: "#99c1f1",
435
+ blue2: "#62a0ea",
436
+ blue3: "#3584e4",
437
+ blue4: "#1c71d8",
438
+ blue5: "#1a5fb4",
439
+ borderSubtle: "rgba(255, 255, 255, 0.5)",
440
+ brown1: "#cdab8f",
441
+ brown2: "#b5835a",
442
+ brown3: "#986a44",
443
+ brown4: "#865e3c",
444
+ brown5: "#63452c",
445
+ cardBgColor: "#383838",
446
+ cardFgColor: "#fff",
447
+ cardShadeColor: "rgba(255, 255, 255, 0.12)",
448
+ dark1: "#77767b",
449
+ dark2: "#5e5c64",
450
+ dark3: "#3d3846",
451
+ dark4: "#241f31",
452
+ dark5: "#000",
453
+ destructiveBgColor: "#ed333b",
454
+ destructiveColor: "#f66151",
455
+ destructiveFgColor: "#fff",
456
+ dialogBackdropBlur: 4,
457
+ dialogBackdropColor: "rgba(0, 0, 0, 0.65)",
458
+ dialogBgColor: "#242424",
459
+ dialogFgColor: "#fff",
460
+ dividerColor: "rgba(255, 255, 255, 0.2)",
461
+ durationFast: 100,
462
+ durationNormal: 200,
463
+ durationSlow: 400,
464
+ easingDefault: [
465
+ .25,
466
+ .46,
467
+ .45,
468
+ .94
469
+ ],
470
+ errorBgColor: "#ed333b",
471
+ errorColor: "#f66151",
472
+ errorFgColor: "#fff",
473
+ focusRingColor: "#99c1f1",
474
+ focusRingOffset: 2,
475
+ focusRingWidth: 3,
476
+ fontFamily: "Adwaita Sans",
477
+ fontFamilyMono: "Adwaita Mono",
478
+ fontSizeBody: 16,
479
+ fontSizeCaption: 12,
480
+ fontSizeLargeTitle: 36,
481
+ fontSizeTitle1: 30,
482
+ fontSizeTitle2: 24,
483
+ fontSizeTitle3: 20,
484
+ fontSizeTitle4: 18,
485
+ fontWeightBold: 700,
486
+ fontWeightNormal: 400,
487
+ fontWeightSemibold: 600,
488
+ green1: "#8ff0a4",
489
+ green2: "#57e389",
490
+ green3: "#33d17a",
491
+ green4: "#2ec27e",
492
+ green5: "#26a269",
493
+ headerbarBgColor: "#303030",
494
+ headerbarBorderColor: "rgba(255, 255, 255, 0.3)",
495
+ headerbarFgColor: "#fff",
496
+ headerbarShadeColor: "rgba(0, 0, 0, 0.36)",
497
+ hoverOverlay: "rgba(255, 255, 255, 0.12)",
498
+ layoutBreakpointMedium: 550,
499
+ layoutBreakpointNarrow: 400,
500
+ layoutBreakpointWide: 860,
501
+ layoutContentPadding: 24,
502
+ layoutContentPaddingCompact: 12,
503
+ layoutContentPaddingSpacious: 36,
504
+ layoutSidebarDefaultWidth: 240,
505
+ layoutSidebarMaxWidth: 280,
506
+ layoutSidebarMinWidth: 180,
507
+ layoutSidebarRailWidth: 56,
508
+ light1: "#fff",
509
+ light2: "#f6f5f4",
510
+ light3: "#deddda",
511
+ light4: "#c0bfbc",
512
+ light5: "#9a9996",
513
+ lineHeightBody: 1.5,
514
+ lineHeightHeading: 1.2,
515
+ lineHeightTitle: 1.2,
516
+ newBgColor: "#c061cb",
517
+ newColor: "#dc8add",
518
+ newFgColor: "#fff",
519
+ opacityBorder: .4,
520
+ opacityDim: .7,
521
+ opacityDisabled: .6,
522
+ orange1: "#ffbe6f",
523
+ orange2: "#ffa348",
524
+ orange3: "#ff7800",
525
+ orange4: "#e66100",
526
+ orange5: "#c64600",
527
+ popoverBgColor: "#383838",
528
+ popoverFgColor: "#fff",
529
+ purple1: "#dc8add",
530
+ purple2: "#c061cb",
531
+ purple3: "#9141ac",
532
+ purple4: "#813d9c",
533
+ purple5: "#613583",
534
+ radiusLg: 12,
535
+ radiusMd: 8,
536
+ radiusPill: 9999,
537
+ radiusSm: 4,
538
+ radiusXl: 15,
539
+ red1: "#f66151",
540
+ red2: "#ed333b",
541
+ red3: "#e01b24",
542
+ red4: "#c01c28",
543
+ red5: "#a51d2d",
544
+ sidebarBgColor: "#303030",
545
+ sidebarFgColor: "#fff",
546
+ skeletonBaseColor: "rgba(255, 255, 255, 0.12)",
547
+ skeletonHighlightColor: "rgba(255, 255, 255, 0.18)",
548
+ space1: 6,
549
+ space2: 12,
550
+ space3: 18,
551
+ space4: 24,
552
+ space5: 36,
553
+ space6: 48,
554
+ successBgColor: "#57e389",
555
+ successColor: "#8ff0a4",
556
+ successFgColor: "#fff",
557
+ viewBgColor: "#1e1e1e",
558
+ viewFgColor: "#fff",
559
+ warningBgColor: "#f8e45c",
560
+ warningColor: "#f9f06b",
561
+ warningFgColor: "rgba(0, 0, 0, 0.9)",
562
+ windowBgColor: "#242424",
563
+ windowFgColor: "#fff",
564
+ yellow1: "#f9f06b",
565
+ yellow2: "#f8e45c",
566
+ yellow3: "#f6d32d",
567
+ yellow4: "#f5c211",
568
+ yellow5: "#e5a50a"
569
+ }, ee = {
570
+ "--gnome-accent-bg-color": "#3584e4",
571
+ "--gnome-accent-color": "#3584e4",
572
+ "--gnome-accent-fg-color": "#fff",
573
+ "--gnome-active-overlay": "rgb(0 0 0 / 0.12)",
574
+ "--gnome-blockquote-border-width": "3px",
575
+ "--gnome-blue-1": "#99c1f1",
576
+ "--gnome-blue-2": "#62a0ea",
577
+ "--gnome-blue-3": "#3584e4",
578
+ "--gnome-blue-4": "#1c71d8",
579
+ "--gnome-blue-5": "#1a5fb4",
580
+ "--gnome-border-subtle": "rgb(0 0 0 / 0.15)",
581
+ "--gnome-brown-1": "#cdab8f",
582
+ "--gnome-brown-2": "#b5835a",
583
+ "--gnome-brown-3": "#986a44",
584
+ "--gnome-brown-4": "#865e3c",
585
+ "--gnome-brown-5": "#63452c",
586
+ "--gnome-card-bg-color": "#fff",
587
+ "--gnome-card-fg-color": "rgb(0 0 0 / 0.8)",
588
+ "--gnome-card-shade-color": "rgb(0 0 0 / 0.12)",
589
+ "--gnome-dark-1": "#77767b",
590
+ "--gnome-dark-2": "#5e5c64",
591
+ "--gnome-dark-3": "#3d3846",
592
+ "--gnome-dark-4": "#241f31",
593
+ "--gnome-dark-5": "#000",
594
+ "--gnome-destructive-bg-color": "#e01b24",
595
+ "--gnome-destructive-color": "#e01b24",
596
+ "--gnome-destructive-fg-color": "#fff",
597
+ "--gnome-dialog-backdrop-blur": "4px",
598
+ "--gnome-dialog-backdrop-color": "rgb(0 0 0 / 0.5)",
599
+ "--gnome-dialog-bg-color": "#fafafa",
600
+ "--gnome-dialog-fg-color": "rgb(0 0 0 / 0.8)",
601
+ "--gnome-divider-color": "rgb(0 0 0 / 0.07)",
602
+ "--gnome-duration-fast": "100ms",
603
+ "--gnome-duration-normal": "200ms",
604
+ "--gnome-duration-slow": "400ms",
605
+ "--gnome-easing-default": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
606
+ "--gnome-error-bg-color": "#e01b24",
607
+ "--gnome-error-color": "#e01b24",
608
+ "--gnome-error-fg-color": "#fff",
609
+ "--gnome-focus-ring-color": "#3584e4",
610
+ "--gnome-focus-ring-offset": "2px",
611
+ "--gnome-focus-ring-width": "3px",
612
+ "--gnome-font-family": "\"Adwaita Sans\", cantarell, \"Inter\", system-ui, sans-serif",
613
+ "--gnome-font-family-mono": "\"Adwaita Mono\", \"Source Code Pro\", monospace",
614
+ "--gnome-font-size-body": "1rem",
615
+ "--gnome-font-size-caption": "0.75rem",
616
+ "--gnome-font-size-large-title": "2.25rem",
617
+ "--gnome-font-size-title-1": "1.875rem",
618
+ "--gnome-font-size-title-2": "1.5rem",
619
+ "--gnome-font-size-title-3": "1.25rem",
620
+ "--gnome-font-size-title-4": "1.125rem",
621
+ "--gnome-font-weight-bold": "700",
622
+ "--gnome-font-weight-normal": "400",
623
+ "--gnome-font-weight-semibold": "600",
624
+ "--gnome-green-1": "#8ff0a4",
625
+ "--gnome-green-2": "#57e389",
626
+ "--gnome-green-3": "#33d17a",
627
+ "--gnome-green-4": "#2ec27e",
628
+ "--gnome-green-5": "#26a269",
629
+ "--gnome-headerbar-bg-color": "#ebebeb",
630
+ "--gnome-headerbar-border-color": "rgb(0 0 0 / 0.12)",
631
+ "--gnome-headerbar-fg-color": "rgb(0 0 0 / 0.8)",
632
+ "--gnome-headerbar-shade-color": "rgb(0 0 0 / 0.12)",
633
+ "--gnome-hover-overlay": "rgb(0 0 0 / 0.06)",
634
+ "--gnome-layout-breakpoint-medium": "550px",
635
+ "--gnome-layout-breakpoint-narrow": "400px",
636
+ "--gnome-layout-breakpoint-wide": "860px",
637
+ "--gnome-layout-content-padding": "24px",
638
+ "--gnome-layout-content-padding-compact": "12px",
639
+ "--gnome-layout-content-padding-spacious": "36px",
640
+ "--gnome-layout-sidebar-default-width": "240px",
641
+ "--gnome-layout-sidebar-max-width": "280px",
642
+ "--gnome-layout-sidebar-min-width": "180px",
643
+ "--gnome-layout-sidebar-overlay-width": "clamp( 180px, 75%, 280px )",
644
+ "--gnome-layout-sidebar-rail-width": "56px",
645
+ "--gnome-layout-sidebar-width": "clamp( 180px, 25%, 280px )",
646
+ "--gnome-light-1": "#fff",
647
+ "--gnome-light-2": "#f6f5f4",
648
+ "--gnome-light-3": "#deddda",
649
+ "--gnome-light-4": "#c0bfbc",
650
+ "--gnome-light-5": "#9a9996",
651
+ "--gnome-line-height-body": "1.5",
652
+ "--gnome-line-height-heading": "1.2",
653
+ "--gnome-line-height-title": "1.2",
654
+ "--gnome-new-bg-color": "#9141ac",
655
+ "--gnome-new-color": "#9141ac",
656
+ "--gnome-new-fg-color": "#fff",
657
+ "--gnome-opacity-border": "0.15",
658
+ "--gnome-opacity-dim": "0.55",
659
+ "--gnome-opacity-disabled": "0.5",
660
+ "--gnome-orange-1": "#ffbe6f",
661
+ "--gnome-orange-2": "#ffa348",
662
+ "--gnome-orange-3": "#ff7800",
663
+ "--gnome-orange-4": "#e66100",
664
+ "--gnome-orange-5": "#c64600",
665
+ "--gnome-popover-bg-color": "#fff",
666
+ "--gnome-popover-fg-color": "rgb(0 0 0 / 0.8)",
667
+ "--gnome-purple-1": "#dc8add",
668
+ "--gnome-purple-2": "#c061cb",
669
+ "--gnome-purple-3": "#9141ac",
670
+ "--gnome-purple-4": "#813d9c",
671
+ "--gnome-purple-5": "#613583",
672
+ "--gnome-radius-lg": "12px",
673
+ "--gnome-radius-md": "8px",
674
+ "--gnome-radius-pill": "9999px",
675
+ "--gnome-radius-sm": "4px",
676
+ "--gnome-radius-xl": "15px",
677
+ "--gnome-red-1": "#f66151",
678
+ "--gnome-red-2": "#ed333b",
679
+ "--gnome-red-3": "#e01b24",
680
+ "--gnome-red-4": "#c01c28",
681
+ "--gnome-red-5": "#a51d2d",
682
+ "--gnome-shadow-lg": "0 3px 9px 1px rgb(0 0 0 / 0.1), 0 2px 6px 2px rgb(0 0 0 / 0.2), 0 0 0 1px rgb(28 31 31 / 0.9)",
683
+ "--gnome-shadow-md": "0 2px 6px 2px rgb(0 0 0 / 0.2), 0 0 0 1px rgb(0 0 0 / 0.08)",
684
+ "--gnome-shadow-sm": "0 1px 2px rgb(0 0 0 / 0.12)",
685
+ "--gnome-sidebar-bg-color": "#ebebeb",
686
+ "--gnome-sidebar-fg-color": "rgb(0 0 0 / 0.8)",
687
+ "--gnome-skeleton-base-color": "rgb(0 0 0 / 0.09)",
688
+ "--gnome-skeleton-highlight-color": "rgb(255 255 255 / 0.55)",
689
+ "--gnome-space-1": "6px",
690
+ "--gnome-space-2": "12px",
691
+ "--gnome-space-3": "18px",
692
+ "--gnome-space-4": "24px",
693
+ "--gnome-space-5": "36px",
694
+ "--gnome-space-6": "48px",
695
+ "--gnome-success-bg-color": "#2ec27e",
696
+ "--gnome-success-color": "#2ec27e",
697
+ "--gnome-success-fg-color": "#fff",
698
+ "--gnome-view-bg-color": "#fff",
699
+ "--gnome-view-fg-color": "rgb(0 0 0 / 0.8)",
700
+ "--gnome-warning-bg-color": "#f6d32d",
701
+ "--gnome-warning-color": "#e5a50a",
702
+ "--gnome-warning-fg-color": "rgb(0 0 0 / 0.8)",
703
+ "--gnome-window-bg-color": "#fafafa",
704
+ "--gnome-window-fg-color": "rgb(0 0 0 / 0.8)",
705
+ "--gnome-yellow-1": "#f9f06b",
706
+ "--gnome-yellow-2": "#f8e45c",
707
+ "--gnome-yellow-3": "#f6d32d",
708
+ "--gnome-yellow-4": "#f5c211",
709
+ "--gnome-yellow-5": "#e5a50a"
710
+ }, te = {
711
+ "--gnome-accent-bg-color": "#3584e4",
712
+ "--gnome-accent-color": "#62a0ea",
713
+ "--gnome-accent-fg-color": "#fff",
714
+ "--gnome-active-overlay": "rgb(255 255 255 / 0.14)",
715
+ "--gnome-blockquote-border-width": "3px",
716
+ "--gnome-blue-1": "#99c1f1",
717
+ "--gnome-blue-2": "#62a0ea",
718
+ "--gnome-blue-3": "#3584e4",
719
+ "--gnome-blue-4": "#1c71d8",
720
+ "--gnome-blue-5": "#1a5fb4",
721
+ "--gnome-border-subtle": "rgb(255 255 255 / 0.15)",
722
+ "--gnome-brown-1": "#cdab8f",
723
+ "--gnome-brown-2": "#b5835a",
724
+ "--gnome-brown-3": "#986a44",
725
+ "--gnome-brown-4": "#865e3c",
726
+ "--gnome-brown-5": "#63452c",
727
+ "--gnome-card-bg-color": "#383838",
728
+ "--gnome-card-fg-color": "rgb(255 255 255 / 0.87)",
729
+ "--gnome-card-shade-color": "rgb(255 255 255 / 0.12)",
730
+ "--gnome-dark-1": "#77767b",
731
+ "--gnome-dark-2": "#5e5c64",
732
+ "--gnome-dark-3": "#3d3846",
733
+ "--gnome-dark-4": "#241f31",
734
+ "--gnome-dark-5": "#000",
735
+ "--gnome-destructive-bg-color": "#e01b24",
736
+ "--gnome-destructive-color": "#e01b24",
737
+ "--gnome-destructive-fg-color": "#fff",
738
+ "--gnome-dialog-backdrop-blur": "4px",
739
+ "--gnome-dialog-backdrop-color": "rgb(0 0 0 / 0.65)",
740
+ "--gnome-dialog-bg-color": "#242424",
741
+ "--gnome-dialog-fg-color": "rgb(255 255 255 / 0.87)",
742
+ "--gnome-divider-color": "rgb(255 255 255 / 0.07)",
743
+ "--gnome-duration-fast": "100ms",
744
+ "--gnome-duration-normal": "200ms",
745
+ "--gnome-duration-slow": "400ms",
746
+ "--gnome-easing-default": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
747
+ "--gnome-error-bg-color": "#e01b24",
748
+ "--gnome-error-color": "#e01b24",
749
+ "--gnome-error-fg-color": "#fff",
750
+ "--gnome-focus-ring-color": "#62a0ea",
751
+ "--gnome-focus-ring-offset": "2px",
752
+ "--gnome-focus-ring-width": "3px",
753
+ "--gnome-font-family": "\"Adwaita Sans\", cantarell, \"Inter\", system-ui, sans-serif",
754
+ "--gnome-font-family-mono": "\"Adwaita Mono\", \"Source Code Pro\", monospace",
755
+ "--gnome-font-size-body": "1rem",
756
+ "--gnome-font-size-caption": "0.75rem",
757
+ "--gnome-font-size-large-title": "2.25rem",
758
+ "--gnome-font-size-title-1": "1.875rem",
759
+ "--gnome-font-size-title-2": "1.5rem",
760
+ "--gnome-font-size-title-3": "1.25rem",
761
+ "--gnome-font-size-title-4": "1.125rem",
762
+ "--gnome-font-weight-bold": "700",
763
+ "--gnome-font-weight-normal": "400",
764
+ "--gnome-font-weight-semibold": "600",
765
+ "--gnome-green-1": "#8ff0a4",
766
+ "--gnome-green-2": "#57e389",
767
+ "--gnome-green-3": "#33d17a",
768
+ "--gnome-green-4": "#2ec27e",
769
+ "--gnome-green-5": "#26a269",
770
+ "--gnome-headerbar-bg-color": "#303030",
771
+ "--gnome-headerbar-border-color": "rgb(255 255 255 / 0.1)",
772
+ "--gnome-headerbar-fg-color": "rgb(255 255 255 / 0.87)",
773
+ "--gnome-headerbar-shade-color": "rgb(0 0 0 / 0.36)",
774
+ "--gnome-hover-overlay": "rgb(255 255 255 / 0.08)",
775
+ "--gnome-layout-breakpoint-medium": "550px",
776
+ "--gnome-layout-breakpoint-narrow": "400px",
777
+ "--gnome-layout-breakpoint-wide": "860px",
778
+ "--gnome-layout-content-padding": "24px",
779
+ "--gnome-layout-content-padding-compact": "12px",
780
+ "--gnome-layout-content-padding-spacious": "36px",
781
+ "--gnome-layout-sidebar-default-width": "240px",
782
+ "--gnome-layout-sidebar-max-width": "280px",
783
+ "--gnome-layout-sidebar-min-width": "180px",
784
+ "--gnome-layout-sidebar-overlay-width": "clamp( 180px, 75%, 280px )",
785
+ "--gnome-layout-sidebar-rail-width": "56px",
786
+ "--gnome-layout-sidebar-width": "clamp( 180px, 25%, 280px )",
787
+ "--gnome-light-1": "#fff",
788
+ "--gnome-light-2": "#f6f5f4",
789
+ "--gnome-light-3": "#deddda",
790
+ "--gnome-light-4": "#c0bfbc",
791
+ "--gnome-light-5": "#9a9996",
792
+ "--gnome-line-height-body": "1.5",
793
+ "--gnome-line-height-heading": "1.2",
794
+ "--gnome-line-height-title": "1.2",
795
+ "--gnome-new-bg-color": "#9141ac",
796
+ "--gnome-new-color": "#9141ac",
797
+ "--gnome-new-fg-color": "#fff",
798
+ "--gnome-opacity-border": "0.15",
799
+ "--gnome-opacity-dim": "0.55",
800
+ "--gnome-opacity-disabled": "0.5",
801
+ "--gnome-orange-1": "#ffbe6f",
802
+ "--gnome-orange-2": "#ffa348",
803
+ "--gnome-orange-3": "#ff7800",
804
+ "--gnome-orange-4": "#e66100",
805
+ "--gnome-orange-5": "#c64600",
806
+ "--gnome-popover-bg-color": "#383838",
807
+ "--gnome-popover-fg-color": "rgb(255 255 255 / 0.87)",
808
+ "--gnome-purple-1": "#dc8add",
809
+ "--gnome-purple-2": "#c061cb",
810
+ "--gnome-purple-3": "#9141ac",
811
+ "--gnome-purple-4": "#813d9c",
812
+ "--gnome-purple-5": "#613583",
813
+ "--gnome-radius-lg": "12px",
814
+ "--gnome-radius-md": "8px",
815
+ "--gnome-radius-pill": "9999px",
816
+ "--gnome-radius-sm": "4px",
817
+ "--gnome-radius-xl": "15px",
818
+ "--gnome-red-1": "#f66151",
819
+ "--gnome-red-2": "#ed333b",
820
+ "--gnome-red-3": "#e01b24",
821
+ "--gnome-red-4": "#c01c28",
822
+ "--gnome-red-5": "#a51d2d",
823
+ "--gnome-shadow-lg": "0 3px 9px 1px rgb(0 0 0 / 0.1), 0 2px 6px 2px rgb(0 0 0 / 0.2), 0 0 0 1px rgb(28 31 31 / 0.9)",
824
+ "--gnome-shadow-md": "0 2px 6px 2px rgb(0 0 0 / 0.2), 0 0 0 1px rgb(0 0 0 / 0.08)",
825
+ "--gnome-shadow-sm": "0 1px 2px rgb(0 0 0 / 0.12)",
826
+ "--gnome-sidebar-bg-color": "#303030",
827
+ "--gnome-sidebar-fg-color": "rgb(255 255 255 / 0.87)",
828
+ "--gnome-skeleton-base-color": "rgb(255 255 255 / 0.12)",
829
+ "--gnome-skeleton-highlight-color": "rgb(255 255 255 / 0.18)",
830
+ "--gnome-space-1": "6px",
831
+ "--gnome-space-2": "12px",
832
+ "--gnome-space-3": "18px",
833
+ "--gnome-space-4": "24px",
834
+ "--gnome-space-5": "36px",
835
+ "--gnome-space-6": "48px",
836
+ "--gnome-success-bg-color": "#2ec27e",
837
+ "--gnome-success-color": "#2ec27e",
838
+ "--gnome-success-fg-color": "#fff",
839
+ "--gnome-view-bg-color": "#1e1e1e",
840
+ "--gnome-view-fg-color": "rgb(255 255 255 / 0.87)",
841
+ "--gnome-warning-bg-color": "#f6d32d",
842
+ "--gnome-warning-color": "#e5a50a",
843
+ "--gnome-warning-fg-color": "rgb(0 0 0 / 0.8)",
844
+ "--gnome-window-bg-color": "#242424",
845
+ "--gnome-window-fg-color": "rgb(255 255 255 / 0.87)",
846
+ "--gnome-yellow-1": "#f9f06b",
847
+ "--gnome-yellow-2": "#f8e45c",
848
+ "--gnome-yellow-3": "#f6d32d",
849
+ "--gnome-yellow-4": "#f5c211",
850
+ "--gnome-yellow-5": "#e5a50a"
851
+ }, ne = {
852
+ "--gnome-accent-bg-color": "#1a5fb4",
853
+ "--gnome-accent-color": "#1a5fb4",
854
+ "--gnome-accent-fg-color": "#fff",
855
+ "--gnome-active-overlay": "rgb(0 0 0 / 0.22)",
856
+ "--gnome-blockquote-border-width": "3px",
857
+ "--gnome-blue-1": "#99c1f1",
858
+ "--gnome-blue-2": "#62a0ea",
859
+ "--gnome-blue-3": "#3584e4",
860
+ "--gnome-blue-4": "#1c71d8",
861
+ "--gnome-blue-5": "#1a5fb4",
862
+ "--gnome-border-subtle": "rgb(0 0 0 / 0.5)",
863
+ "--gnome-brown-1": "#cdab8f",
864
+ "--gnome-brown-2": "#b5835a",
865
+ "--gnome-brown-3": "#986a44",
866
+ "--gnome-brown-4": "#865e3c",
867
+ "--gnome-brown-5": "#63452c",
868
+ "--gnome-card-bg-color": "#fff",
869
+ "--gnome-card-fg-color": "rgb(0 0 0 / 0.8)",
870
+ "--gnome-card-shade-color": "rgb(0 0 0 / 0.12)",
871
+ "--gnome-dark-1": "#77767b",
872
+ "--gnome-dark-2": "#5e5c64",
873
+ "--gnome-dark-3": "#3d3846",
874
+ "--gnome-dark-4": "#241f31",
875
+ "--gnome-dark-5": "#000",
876
+ "--gnome-destructive-bg-color": "#a51d2d",
877
+ "--gnome-destructive-color": "#a51d2d",
878
+ "--gnome-destructive-fg-color": "#fff",
879
+ "--gnome-dialog-backdrop-blur": "4px",
880
+ "--gnome-dialog-backdrop-color": "rgb(0 0 0 / 0.5)",
881
+ "--gnome-dialog-bg-color": "#fafafa",
882
+ "--gnome-dialog-fg-color": "rgb(0 0 0 / 0.8)",
883
+ "--gnome-divider-color": "rgb(0 0 0 / 0.2)",
884
+ "--gnome-duration-fast": "100ms",
885
+ "--gnome-duration-normal": "200ms",
886
+ "--gnome-duration-slow": "400ms",
887
+ "--gnome-easing-default": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
888
+ "--gnome-error-bg-color": "#a51d2d",
889
+ "--gnome-error-color": "#a51d2d",
890
+ "--gnome-error-fg-color": "#fff",
891
+ "--gnome-focus-ring-color": "#1a5fb4",
892
+ "--gnome-focus-ring-offset": "2px",
893
+ "--gnome-focus-ring-width": "3px",
894
+ "--gnome-font-family": "\"Adwaita Sans\", cantarell, \"Inter\", system-ui, sans-serif",
895
+ "--gnome-font-family-mono": "\"Adwaita Mono\", \"Source Code Pro\", monospace",
896
+ "--gnome-font-size-body": "1rem",
897
+ "--gnome-font-size-caption": "0.75rem",
898
+ "--gnome-font-size-large-title": "2.25rem",
899
+ "--gnome-font-size-title-1": "1.875rem",
900
+ "--gnome-font-size-title-2": "1.5rem",
901
+ "--gnome-font-size-title-3": "1.25rem",
902
+ "--gnome-font-size-title-4": "1.125rem",
903
+ "--gnome-font-weight-bold": "700",
904
+ "--gnome-font-weight-normal": "400",
905
+ "--gnome-font-weight-semibold": "600",
906
+ "--gnome-green-1": "#8ff0a4",
907
+ "--gnome-green-2": "#57e389",
908
+ "--gnome-green-3": "#33d17a",
909
+ "--gnome-green-4": "#2ec27e",
910
+ "--gnome-green-5": "#26a269",
911
+ "--gnome-headerbar-bg-color": "#ebebeb",
912
+ "--gnome-headerbar-border-color": "rgb(0 0 0 / 0.12)",
913
+ "--gnome-headerbar-fg-color": "rgb(0 0 0 / 0.8)",
914
+ "--gnome-headerbar-shade-color": "rgb(0 0 0 / 0.12)",
915
+ "--gnome-hover-overlay": "rgb(0 0 0 / 0.12)",
916
+ "--gnome-layout-breakpoint-medium": "550px",
917
+ "--gnome-layout-breakpoint-narrow": "400px",
918
+ "--gnome-layout-breakpoint-wide": "860px",
919
+ "--gnome-layout-content-padding": "24px",
920
+ "--gnome-layout-content-padding-compact": "12px",
921
+ "--gnome-layout-content-padding-spacious": "36px",
922
+ "--gnome-layout-sidebar-default-width": "240px",
923
+ "--gnome-layout-sidebar-max-width": "280px",
924
+ "--gnome-layout-sidebar-min-width": "180px",
925
+ "--gnome-layout-sidebar-overlay-width": "clamp( 180px, 75%, 280px )",
926
+ "--gnome-layout-sidebar-rail-width": "56px",
927
+ "--gnome-layout-sidebar-width": "clamp( 180px, 25%, 280px )",
928
+ "--gnome-light-1": "#fff",
929
+ "--gnome-light-2": "#f6f5f4",
930
+ "--gnome-light-3": "#deddda",
931
+ "--gnome-light-4": "#c0bfbc",
932
+ "--gnome-light-5": "#9a9996",
933
+ "--gnome-line-height-body": "1.5",
934
+ "--gnome-line-height-heading": "1.2",
935
+ "--gnome-line-height-title": "1.2",
936
+ "--gnome-new-bg-color": "#613583",
937
+ "--gnome-new-color": "#613583",
938
+ "--gnome-new-fg-color": "#fff",
939
+ "--gnome-opacity-border": "0.4",
940
+ "--gnome-opacity-dim": "0.7",
941
+ "--gnome-opacity-disabled": "0.6",
942
+ "--gnome-orange-1": "#ffbe6f",
943
+ "--gnome-orange-2": "#ffa348",
944
+ "--gnome-orange-3": "#ff7800",
945
+ "--gnome-orange-4": "#e66100",
946
+ "--gnome-orange-5": "#c64600",
947
+ "--gnome-popover-bg-color": "#fff",
948
+ "--gnome-popover-fg-color": "rgb(0 0 0 / 0.8)",
949
+ "--gnome-purple-1": "#dc8add",
950
+ "--gnome-purple-2": "#c061cb",
951
+ "--gnome-purple-3": "#9141ac",
952
+ "--gnome-purple-4": "#813d9c",
953
+ "--gnome-purple-5": "#613583",
954
+ "--gnome-radius-lg": "12px",
955
+ "--gnome-radius-md": "8px",
956
+ "--gnome-radius-pill": "9999px",
957
+ "--gnome-radius-sm": "4px",
958
+ "--gnome-radius-xl": "15px",
959
+ "--gnome-red-1": "#f66151",
960
+ "--gnome-red-2": "#ed333b",
961
+ "--gnome-red-3": "#e01b24",
962
+ "--gnome-red-4": "#c01c28",
963
+ "--gnome-red-5": "#a51d2d",
964
+ "--gnome-shadow-lg": "0 3px 9px 1px rgb(0 0 0 / 0.1), 0 2px 6px 2px rgb(0 0 0 / 0.2), 0 0 0 1px rgb(28 31 31 / 0.9)",
965
+ "--gnome-shadow-md": "0 2px 6px 2px rgb(0 0 0 / 0.2), 0 0 0 1px rgb(0 0 0 / 0.08)",
966
+ "--gnome-shadow-sm": "0 1px 2px rgb(0 0 0 / 0.12)",
967
+ "--gnome-sidebar-bg-color": "#ebebeb",
968
+ "--gnome-sidebar-fg-color": "rgb(0 0 0 / 0.8)",
969
+ "--gnome-skeleton-base-color": "rgb(0 0 0 / 0.09)",
970
+ "--gnome-skeleton-highlight-color": "rgb(255 255 255 / 0.55)",
971
+ "--gnome-space-1": "6px",
972
+ "--gnome-space-2": "12px",
973
+ "--gnome-space-3": "18px",
974
+ "--gnome-space-4": "24px",
975
+ "--gnome-space-5": "36px",
976
+ "--gnome-space-6": "48px",
977
+ "--gnome-success-bg-color": "#26a269",
978
+ "--gnome-success-color": "#26a269",
979
+ "--gnome-success-fg-color": "#fff",
980
+ "--gnome-view-bg-color": "#fff",
981
+ "--gnome-view-fg-color": "rgb(0 0 0 / 0.8)",
982
+ "--gnome-warning-bg-color": "#e66100",
983
+ "--gnome-warning-color": "#c64600",
984
+ "--gnome-warning-fg-color": "rgb(0 0 0 / 0.8)",
985
+ "--gnome-window-bg-color": "#fafafa",
986
+ "--gnome-window-fg-color": "rgb(0 0 0 / 0.8)",
987
+ "--gnome-yellow-1": "#f9f06b",
988
+ "--gnome-yellow-2": "#f8e45c",
989
+ "--gnome-yellow-3": "#f6d32d",
990
+ "--gnome-yellow-4": "#f5c211",
991
+ "--gnome-yellow-5": "#e5a50a"
992
+ }, re = {
993
+ "--gnome-accent-bg-color": "#62a0ea",
994
+ "--gnome-accent-color": "#99c1f1",
995
+ "--gnome-accent-fg-color": "#fff",
996
+ "--gnome-active-overlay": "rgb(255 255 255 / 0.22)",
997
+ "--gnome-blockquote-border-width": "3px",
998
+ "--gnome-blue-1": "#99c1f1",
999
+ "--gnome-blue-2": "#62a0ea",
1000
+ "--gnome-blue-3": "#3584e4",
1001
+ "--gnome-blue-4": "#1c71d8",
1002
+ "--gnome-blue-5": "#1a5fb4",
1003
+ "--gnome-border-subtle": "rgb(255 255 255 / 0.5)",
1004
+ "--gnome-brown-1": "#cdab8f",
1005
+ "--gnome-brown-2": "#b5835a",
1006
+ "--gnome-brown-3": "#986a44",
1007
+ "--gnome-brown-4": "#865e3c",
1008
+ "--gnome-brown-5": "#63452c",
1009
+ "--gnome-card-bg-color": "#383838",
1010
+ "--gnome-card-fg-color": "#fff",
1011
+ "--gnome-card-shade-color": "rgb(255 255 255 / 0.12)",
1012
+ "--gnome-dark-1": "#77767b",
1013
+ "--gnome-dark-2": "#5e5c64",
1014
+ "--gnome-dark-3": "#3d3846",
1015
+ "--gnome-dark-4": "#241f31",
1016
+ "--gnome-dark-5": "#000",
1017
+ "--gnome-destructive-bg-color": "#ed333b",
1018
+ "--gnome-destructive-color": "#f66151",
1019
+ "--gnome-destructive-fg-color": "#fff",
1020
+ "--gnome-dialog-backdrop-blur": "4px",
1021
+ "--gnome-dialog-backdrop-color": "rgb(0 0 0 / 0.65)",
1022
+ "--gnome-dialog-bg-color": "#242424",
1023
+ "--gnome-dialog-fg-color": "#fff",
1024
+ "--gnome-divider-color": "rgb(255 255 255 / 0.2)",
1025
+ "--gnome-duration-fast": "100ms",
1026
+ "--gnome-duration-normal": "200ms",
1027
+ "--gnome-duration-slow": "400ms",
1028
+ "--gnome-easing-default": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
1029
+ "--gnome-error-bg-color": "#ed333b",
1030
+ "--gnome-error-color": "#f66151",
1031
+ "--gnome-error-fg-color": "#fff",
1032
+ "--gnome-focus-ring-color": "#99c1f1",
1033
+ "--gnome-focus-ring-offset": "2px",
1034
+ "--gnome-focus-ring-width": "3px",
1035
+ "--gnome-font-family": "\"Adwaita Sans\", cantarell, \"Inter\", system-ui, sans-serif",
1036
+ "--gnome-font-family-mono": "\"Adwaita Mono\", \"Source Code Pro\", monospace",
1037
+ "--gnome-font-size-body": "1rem",
1038
+ "--gnome-font-size-caption": "0.75rem",
1039
+ "--gnome-font-size-large-title": "2.25rem",
1040
+ "--gnome-font-size-title-1": "1.875rem",
1041
+ "--gnome-font-size-title-2": "1.5rem",
1042
+ "--gnome-font-size-title-3": "1.25rem",
1043
+ "--gnome-font-size-title-4": "1.125rem",
1044
+ "--gnome-font-weight-bold": "700",
1045
+ "--gnome-font-weight-normal": "400",
1046
+ "--gnome-font-weight-semibold": "600",
1047
+ "--gnome-green-1": "#8ff0a4",
1048
+ "--gnome-green-2": "#57e389",
1049
+ "--gnome-green-3": "#33d17a",
1050
+ "--gnome-green-4": "#2ec27e",
1051
+ "--gnome-green-5": "#26a269",
1052
+ "--gnome-headerbar-bg-color": "#303030",
1053
+ "--gnome-headerbar-border-color": "rgb(255 255 255 / 0.3)",
1054
+ "--gnome-headerbar-fg-color": "#fff",
1055
+ "--gnome-headerbar-shade-color": "rgb(0 0 0 / 0.36)",
1056
+ "--gnome-hover-overlay": "rgb(255 255 255 / 0.12)",
1057
+ "--gnome-layout-breakpoint-medium": "550px",
1058
+ "--gnome-layout-breakpoint-narrow": "400px",
1059
+ "--gnome-layout-breakpoint-wide": "860px",
1060
+ "--gnome-layout-content-padding": "24px",
1061
+ "--gnome-layout-content-padding-compact": "12px",
1062
+ "--gnome-layout-content-padding-spacious": "36px",
1063
+ "--gnome-layout-sidebar-default-width": "240px",
1064
+ "--gnome-layout-sidebar-max-width": "280px",
1065
+ "--gnome-layout-sidebar-min-width": "180px",
1066
+ "--gnome-layout-sidebar-overlay-width": "clamp( 180px, 75%, 280px )",
1067
+ "--gnome-layout-sidebar-rail-width": "56px",
1068
+ "--gnome-layout-sidebar-width": "clamp( 180px, 25%, 280px )",
1069
+ "--gnome-light-1": "#fff",
1070
+ "--gnome-light-2": "#f6f5f4",
1071
+ "--gnome-light-3": "#deddda",
1072
+ "--gnome-light-4": "#c0bfbc",
1073
+ "--gnome-light-5": "#9a9996",
1074
+ "--gnome-line-height-body": "1.5",
1075
+ "--gnome-line-height-heading": "1.2",
1076
+ "--gnome-line-height-title": "1.2",
1077
+ "--gnome-new-bg-color": "#c061cb",
1078
+ "--gnome-new-color": "#dc8add",
1079
+ "--gnome-new-fg-color": "#fff",
1080
+ "--gnome-opacity-border": "0.4",
1081
+ "--gnome-opacity-dim": "0.7",
1082
+ "--gnome-opacity-disabled": "0.6",
1083
+ "--gnome-orange-1": "#ffbe6f",
1084
+ "--gnome-orange-2": "#ffa348",
1085
+ "--gnome-orange-3": "#ff7800",
1086
+ "--gnome-orange-4": "#e66100",
1087
+ "--gnome-orange-5": "#c64600",
1088
+ "--gnome-popover-bg-color": "#383838",
1089
+ "--gnome-popover-fg-color": "#fff",
1090
+ "--gnome-purple-1": "#dc8add",
1091
+ "--gnome-purple-2": "#c061cb",
1092
+ "--gnome-purple-3": "#9141ac",
1093
+ "--gnome-purple-4": "#813d9c",
1094
+ "--gnome-purple-5": "#613583",
1095
+ "--gnome-radius-lg": "12px",
1096
+ "--gnome-radius-md": "8px",
1097
+ "--gnome-radius-pill": "9999px",
1098
+ "--gnome-radius-sm": "4px",
1099
+ "--gnome-radius-xl": "15px",
1100
+ "--gnome-red-1": "#f66151",
1101
+ "--gnome-red-2": "#ed333b",
1102
+ "--gnome-red-3": "#e01b24",
1103
+ "--gnome-red-4": "#c01c28",
1104
+ "--gnome-red-5": "#a51d2d",
1105
+ "--gnome-shadow-lg": "0 3px 9px 1px rgb(0 0 0 / 0.1), 0 2px 6px 2px rgb(0 0 0 / 0.2), 0 0 0 1px rgb(28 31 31 / 0.9)",
1106
+ "--gnome-shadow-md": "0 2px 6px 2px rgb(0 0 0 / 0.2), 0 0 0 1px rgb(0 0 0 / 0.08)",
1107
+ "--gnome-shadow-sm": "0 1px 2px rgb(0 0 0 / 0.12)",
1108
+ "--gnome-sidebar-bg-color": "#303030",
1109
+ "--gnome-sidebar-fg-color": "#fff",
1110
+ "--gnome-skeleton-base-color": "rgb(255 255 255 / 0.12)",
1111
+ "--gnome-skeleton-highlight-color": "rgb(255 255 255 / 0.18)",
1112
+ "--gnome-space-1": "6px",
1113
+ "--gnome-space-2": "12px",
1114
+ "--gnome-space-3": "18px",
1115
+ "--gnome-space-4": "24px",
1116
+ "--gnome-space-5": "36px",
1117
+ "--gnome-space-6": "48px",
1118
+ "--gnome-success-bg-color": "#57e389",
1119
+ "--gnome-success-color": "#8ff0a4",
1120
+ "--gnome-success-fg-color": "#fff",
1121
+ "--gnome-view-bg-color": "#1e1e1e",
1122
+ "--gnome-view-fg-color": "#fff",
1123
+ "--gnome-warning-bg-color": "#f8e45c",
1124
+ "--gnome-warning-color": "#f9f06b",
1125
+ "--gnome-warning-fg-color": "rgb(0 0 0 / 0.9)",
1126
+ "--gnome-window-bg-color": "#242424",
1127
+ "--gnome-window-fg-color": "#fff",
1128
+ "--gnome-yellow-1": "#f9f06b",
1129
+ "--gnome-yellow-2": "#f8e45c",
1130
+ "--gnome-yellow-3": "#f6d32d",
1131
+ "--gnome-yellow-4": "#f5c211",
1132
+ "--gnome-yellow-5": "#e5a50a"
1133
+ }, M = n({
1134
+ locale: void 0,
1135
+ dir: "ltr",
1136
+ numberFormat: void 0,
1137
+ dateTimeFormat: void 0,
1138
+ colorScheme: "system",
1139
+ resolvedColorScheme: "light",
1140
+ contrast: "system",
1141
+ resolvedContrast: "normal",
1142
+ accentColor: "blue",
1143
+ theme: O
1144
+ });
1145
+ function ie() {
1146
+ return o(M).locale;
1147
+ }
1148
+ function ae() {
1149
+ return o(M).dir;
1150
+ }
1151
+ function oe(e) {
1152
+ let { locale: t, numberFormat: n } = o(M);
1153
+ return l(() => new Intl.NumberFormat(t, {
1154
+ ...n,
1155
+ ...e
1156
+ }), [
1157
+ t,
1158
+ n,
1159
+ e
1160
+ ]);
1161
+ }
1162
+ function se(e) {
1163
+ let { locale: t, dateTimeFormat: n } = o(M);
1164
+ return l(() => new Intl.DateTimeFormat(t, {
1165
+ ...n,
1166
+ ...e
1167
+ }), [
1168
+ t,
1169
+ n,
1170
+ e
1171
+ ]);
1172
+ }
1173
+ function ce() {
1174
+ return o(M).colorScheme;
1175
+ }
1176
+ function N() {
1177
+ return o(M).resolvedColorScheme;
1178
+ }
1179
+ function le() {
1180
+ return o(M).contrast;
1181
+ }
1182
+ function P() {
1183
+ return o(M).resolvedContrast;
1184
+ }
1185
+ function ue() {
1186
+ return o(M).accentColor;
1187
+ }
1188
+ function F() {
1189
+ return o(M).theme;
1190
+ }
1191
+ //#endregion
1192
+ //#region src/theme/resolveTheme.ts
1193
+ function I({ colorScheme: e, contrast: t = "normal" }) {
1194
+ return t === "more" ? e === "dark" ? j : A : e === "dark" ? k : O;
1195
+ }
1196
+ //#endregion
1197
+ //#region src/GnomeProvider/resolveContext.ts
1198
+ var L = new Set([
1199
+ "blue",
1200
+ "green",
1201
+ "yellow",
1202
+ "orange",
1203
+ "red",
1204
+ "purple",
1205
+ "brown"
1206
+ ]);
1207
+ function R(e, t) {
1208
+ return e === "system" ? t === "dark" ? "dark" : "light" : e;
1209
+ }
1210
+ function z(e, t) {
1211
+ return e === "system" ? t ? "more" : "normal" : e;
1212
+ }
1213
+ function B(e, t, n, r) {
1214
+ if (t === "blue") return e;
1215
+ let i = L.has(t), a = i ? e[`${t}${n === "dark" ? 2 : 3}`] : t, o = i ? e[`${t}3`] : t;
1216
+ return {
1217
+ ...e,
1218
+ accentColor: a,
1219
+ accentBgColor: o,
1220
+ ...r === "normal" ? { focusRingColor: a } : {}
1221
+ };
1222
+ }
1223
+ //#endregion
1224
+ //#region src/GnomeProvider/GnomeProvider.tsx
1225
+ function de() {
1226
+ let [e, t] = d(!1);
1227
+ return s(() => {
1228
+ let e = _.OS === "android" ? f.isHighTextContrastEnabled : _.OS === "ios" ? f.isDarkerSystemColorsEnabled : void 0;
1229
+ if (!e) return;
1230
+ let n = !0;
1231
+ (async () => {
1232
+ let r = await e();
1233
+ n && t(r);
1234
+ })();
1235
+ let r = _.OS === "android" ? "highTextContrastChanged" : "darkerSystemColorsChanged", i = f.addEventListener(r, t);
1236
+ return () => {
1237
+ n = !1, i.remove();
1238
+ };
1239
+ }, []), e;
1240
+ }
1241
+ function V() {
1242
+ let [e, t] = d(!1);
1243
+ return s(() => {
1244
+ let e = !0;
1245
+ (async () => {
1246
+ let n = await f.isReduceMotionEnabled();
1247
+ e && t(n);
1248
+ })();
1249
+ let n = f.addEventListener("reduceMotionChanged", t);
1250
+ return () => {
1251
+ e = !1, n.remove();
1252
+ };
1253
+ }, []), e;
1254
+ }
1255
+ var fe = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme: i = "system", contrast: a = "system", accentColor: o = "blue", children: s }) => {
1256
+ let c = w(), u = de(), d = R(i, c), f = z(a, u), p = t ?? (h.isRTL ? "rtl" : "ltr"), m = l(() => ({
1257
+ locale: e,
1258
+ dir: p,
1259
+ numberFormat: n,
1260
+ dateTimeFormat: r,
1261
+ colorScheme: i,
1262
+ resolvedColorScheme: d,
1263
+ contrast: a,
1264
+ resolvedContrast: f,
1265
+ accentColor: o,
1266
+ theme: B(I({
1267
+ colorScheme: d,
1268
+ contrast: f
1269
+ }), o, d, f)
1270
+ }), [
1271
+ e,
1272
+ p,
1273
+ n,
1274
+ r,
1275
+ i,
1276
+ d,
1277
+ a,
1278
+ f,
1279
+ o
1280
+ ]);
1281
+ return /* @__PURE__ */ E(M.Provider, {
1282
+ value: m,
1283
+ children: s
1284
+ });
1285
+ }, pe = new Set([
1286
+ "large-title",
1287
+ "title-1",
1288
+ "title-2",
1289
+ "title-3",
1290
+ "title-4",
1291
+ "heading"
1292
+ ]);
1293
+ function me(e, t) {
1294
+ let n = (e) => String(e);
1295
+ switch (t) {
1296
+ case "large-title": return {
1297
+ fontSize: e.fontSizeLargeTitle,
1298
+ fontWeight: n(300),
1299
+ lineHeight: Math.round(e.fontSizeLargeTitle * e.lineHeightHeading),
1300
+ letterSpacing: e.fontSizeLargeTitle * -.02
1301
+ };
1302
+ case "title-1": return {
1303
+ fontSize: e.fontSizeTitle1,
1304
+ fontWeight: n(e.fontWeightBold),
1305
+ lineHeight: Math.round(e.fontSizeTitle1 * e.lineHeightHeading)
1306
+ };
1307
+ case "title-2": return {
1308
+ fontSize: e.fontSizeTitle2,
1309
+ fontWeight: n(e.fontWeightBold),
1310
+ lineHeight: Math.round(e.fontSizeTitle2 * e.lineHeightHeading)
1311
+ };
1312
+ case "title-3": return {
1313
+ fontSize: e.fontSizeTitle3,
1314
+ fontWeight: n(e.fontWeightBold),
1315
+ lineHeight: Math.round(e.fontSizeTitle3 * e.lineHeightHeading)
1316
+ };
1317
+ case "title-4": return {
1318
+ fontSize: e.fontSizeTitle4,
1319
+ fontWeight: n(e.fontWeightSemibold),
1320
+ lineHeight: Math.round(e.fontSizeTitle4 * e.lineHeightHeading)
1321
+ };
1322
+ case "heading": return {
1323
+ fontSize: e.fontSizeBody,
1324
+ fontWeight: n(e.fontWeightBold),
1325
+ lineHeight: Math.round(e.fontSizeBody * e.lineHeightHeading)
1326
+ };
1327
+ case "document": return {
1328
+ fontSize: e.fontSizeBody,
1329
+ fontWeight: n(e.fontWeightNormal),
1330
+ lineHeight: Math.round(e.fontSizeBody * 1.65)
1331
+ };
1332
+ case "caption": return {
1333
+ fontSize: e.fontSizeCaption,
1334
+ fontWeight: n(e.fontWeightNormal),
1335
+ lineHeight: Math.round(e.fontSizeCaption * e.lineHeightBody)
1336
+ };
1337
+ case "caption-heading": return {
1338
+ fontSize: e.fontSizeCaption,
1339
+ fontWeight: n(e.fontWeightSemibold),
1340
+ lineHeight: Math.round(e.fontSizeCaption * e.lineHeightHeading),
1341
+ letterSpacing: e.fontSizeCaption * .06,
1342
+ textTransform: "uppercase"
1343
+ };
1344
+ case "monospace": return {
1345
+ fontFamily: e.fontFamilyMono,
1346
+ fontSize: 14,
1347
+ lineHeight: Math.round(14 * e.lineHeightBody)
1348
+ };
1349
+ case "numeric": return {
1350
+ fontSize: e.fontSizeBody,
1351
+ fontWeight: n(e.fontWeightNormal),
1352
+ lineHeight: Math.round(e.fontSizeBody * e.lineHeightBody),
1353
+ fontVariant: ["tabular-nums"]
1354
+ };
1355
+ default: return {
1356
+ fontSize: e.fontSizeBody,
1357
+ fontWeight: n(e.fontWeightNormal),
1358
+ lineHeight: Math.round(e.fontSizeBody * e.lineHeightBody)
1359
+ };
1360
+ }
1361
+ }
1362
+ function he(e, t) {
1363
+ switch (t) {
1364
+ case "dim": return {
1365
+ color: e.windowFgColor,
1366
+ opacity: e.opacityDim
1367
+ };
1368
+ case "accent": return { color: e.accentColor };
1369
+ case "destructive": return { color: e.destructiveColor };
1370
+ case "success": return { color: e.successColor };
1371
+ case "warning": return { color: e.warningColor };
1372
+ case "error": return { color: e.errorColor };
1373
+ default: return { color: e.windowFgColor };
1374
+ }
1375
+ }
1376
+ var H = r(function({ variant: e = "body", color: t = "default", style: n, children: r, accessibilityRole: i, ...a }, o) {
1377
+ let s = F();
1378
+ return /* @__PURE__ */ E(x, {
1379
+ ref: o,
1380
+ accessibilityRole: i ?? (pe.has(e) ? "header" : void 0),
1381
+ style: [
1382
+ { fontFamily: s.fontFamily },
1383
+ me(s, e),
1384
+ he(s, t),
1385
+ n
1386
+ ],
1387
+ ...a,
1388
+ children: r
1389
+ });
1390
+ }), ge = r(function({ title: e, subtitle: t, leading: n, trailing: r, interactive: i = !1, variant: a = "default", style: o, disabled: s, ...c }, l) {
1391
+ let u = F(), d = a === "property", f = {
1392
+ flexDirection: "row",
1393
+ alignItems: "center",
1394
+ gap: u.space2,
1395
+ paddingVertical: u.space2,
1396
+ paddingHorizontal: u.space4,
1397
+ minHeight: 52,
1398
+ width: "100%"
1399
+ }, p = /* @__PURE__ */ D(T, { children: [
1400
+ n && /* @__PURE__ */ E(C, {
1401
+ style: { flexShrink: 0 },
1402
+ children: n
1403
+ }),
1404
+ /* @__PURE__ */ D(C, {
1405
+ style: {
1406
+ flex: 1,
1407
+ gap: 2
1408
+ },
1409
+ children: [/* @__PURE__ */ E(H, {
1410
+ variant: d ? "caption" : "body",
1411
+ color: d ? "dim" : "default",
1412
+ numberOfLines: 1,
1413
+ ellipsizeMode: "tail",
1414
+ children: e
1415
+ }), t && /* @__PURE__ */ E(H, {
1416
+ variant: d ? "body" : "caption",
1417
+ color: d ? "default" : "dim",
1418
+ numberOfLines: 1,
1419
+ ellipsizeMode: "tail",
1420
+ children: t
1421
+ })]
1422
+ }),
1423
+ r && /* @__PURE__ */ E(C, {
1424
+ style: {
1425
+ flexShrink: 0,
1426
+ flexDirection: "row",
1427
+ alignItems: "center",
1428
+ gap: u.space1
1429
+ },
1430
+ children: r
1431
+ })
1432
+ ] });
1433
+ return i ? /* @__PURE__ */ E(v, {
1434
+ ref: l,
1435
+ disabled: s,
1436
+ accessibilityRole: "button",
1437
+ accessibilityState: { disabled: !!s },
1438
+ style: [
1439
+ f,
1440
+ {
1441
+ position: "relative",
1442
+ opacity: s ? u.opacityDisabled : 1
1443
+ },
1444
+ o
1445
+ ],
1446
+ ...c,
1447
+ children: ({ pressed: e }) => /* @__PURE__ */ D(T, { children: [p, e && !s ? /* @__PURE__ */ E(C, {
1448
+ pointerEvents: "none",
1449
+ style: [b.absoluteFill, { backgroundColor: u.activeOverlay }]
1450
+ }) : null] })
1451
+ }) : /* @__PURE__ */ E(C, {
1452
+ ref: l,
1453
+ style: [f, o],
1454
+ ...c,
1455
+ children: p
1456
+ });
1457
+ }), U = r(function({ orientation: e = "horizontal", style: t, ...n }, r) {
1458
+ return /* @__PURE__ */ E(C, {
1459
+ ref: r,
1460
+ accessible: !1,
1461
+ style: [
1462
+ {
1463
+ backgroundColor: F().cardShadeColor,
1464
+ flexShrink: 0
1465
+ },
1466
+ e === "vertical" ? {
1467
+ width: 1,
1468
+ height: "100%",
1469
+ alignSelf: "stretch"
1470
+ } : {
1471
+ width: "100%",
1472
+ height: 1
1473
+ },
1474
+ t
1475
+ ],
1476
+ ...n
1477
+ });
1478
+ }), _e = r(function({ children: t, variant: n = "default", style: r, ...i }, a) {
1479
+ let o = F(), s = e.toArray(t).filter(Boolean);
1480
+ return n === "separate" ? /* @__PURE__ */ E(C, {
1481
+ ref: a,
1482
+ accessible: !0,
1483
+ accessibilityRole: "list",
1484
+ style: [{ gap: o.space2 }, r],
1485
+ ...i,
1486
+ children: s.map((e, t) => /* @__PURE__ */ E(C, {
1487
+ style: {
1488
+ backgroundColor: o.cardBgColor,
1489
+ borderWidth: 1,
1490
+ borderColor: o.dividerColor,
1491
+ borderRadius: o.radiusLg,
1492
+ overflow: "hidden"
1493
+ },
1494
+ children: e
1495
+ }, t))
1496
+ }) : /* @__PURE__ */ E(C, {
1497
+ ref: a,
1498
+ accessible: !0,
1499
+ accessibilityRole: "list",
1500
+ style: [{
1501
+ backgroundColor: o.cardBgColor,
1502
+ borderWidth: 1,
1503
+ borderColor: o.dividerColor,
1504
+ borderRadius: o.radiusLg,
1505
+ overflow: "hidden"
1506
+ }, r],
1507
+ ...i,
1508
+ children: s.map((e, t) => /* @__PURE__ */ D(C, { children: [t > 0 && /* @__PURE__ */ E(U, { testID: "boxed-list-separator" }), e] }, t))
1509
+ });
1510
+ });
1511
+ //#endregion
1512
+ //#region src/components/Button/Button.tsx
1513
+ function W(e, t) {
1514
+ switch (t) {
1515
+ case "sm": return {
1516
+ minHeight: 28,
1517
+ minWidth: 64,
1518
+ paddingVertical: 4,
1519
+ paddingHorizontal: e.space1,
1520
+ fontSize: e.fontSizeCaption
1521
+ };
1522
+ case "lg": return {
1523
+ minHeight: 42,
1524
+ minWidth: 88,
1525
+ paddingVertical: e.space1,
1526
+ paddingHorizontal: e.space3,
1527
+ fontSize: e.fontSizeTitle4
1528
+ };
1529
+ default: return {
1530
+ minHeight: 34,
1531
+ minWidth: 88,
1532
+ paddingVertical: e.space1,
1533
+ paddingHorizontal: e.space2,
1534
+ fontSize: e.fontSizeBody
1535
+ };
1536
+ }
1537
+ }
1538
+ function ve(e) {
1539
+ switch (e) {
1540
+ case "sm": return 28;
1541
+ case "lg": return 42;
1542
+ default: return 34;
1543
+ }
1544
+ }
1545
+ function G(e, t, n, r) {
1546
+ if (r) return {
1547
+ backgroundColor: n ? "rgba(0, 0, 0, 0.85)" : "rgba(0, 0, 0, 0.65)",
1548
+ borderColor: "rgba(255, 255, 255, 0.12)",
1549
+ color: "rgba(255, 255, 255, 0.95)"
1550
+ };
1551
+ switch (t) {
1552
+ case "suggested": return {
1553
+ backgroundColor: e.accentBgColor,
1554
+ borderColor: "transparent",
1555
+ color: e.accentFgColor
1556
+ };
1557
+ case "destructive": return {
1558
+ backgroundColor: e.destructiveBgColor,
1559
+ borderColor: "transparent",
1560
+ color: e.destructiveFgColor
1561
+ };
1562
+ case "flat": return {
1563
+ backgroundColor: n ? e.activeOverlay : "transparent",
1564
+ borderColor: "transparent",
1565
+ color: e.windowFgColor
1566
+ };
1567
+ default: return {
1568
+ backgroundColor: n ? e.light3 : e.cardBgColor,
1569
+ borderColor: e.light3,
1570
+ color: e.windowFgColor
1571
+ };
1572
+ }
1573
+ }
1574
+ var ye = r(function({ variant: e = "default", size: t = "md", shape: n = "default", osd: r = !1, leadingIcon: i, trailingIcon: a, children: o, style: s, textStyle: c, disabled: l, ...u }, d) {
1575
+ let f = F(), p = P();
1576
+ return /* @__PURE__ */ E(v, {
1577
+ ref: d,
1578
+ disabled: l,
1579
+ accessibilityRole: "button",
1580
+ accessibilityState: { disabled: !!l },
1581
+ style: ({ pressed: i }) => {
1582
+ let { backgroundColor: a, borderColor: o } = G(f, e, i, r), c = !r && (e === "suggested" || e === "destructive"), u = n === "circular" ? ve(t) : void 0, { minHeight: d, minWidth: m, paddingVertical: h, paddingHorizontal: g } = W(f, t);
1583
+ return [{
1584
+ flexDirection: "row",
1585
+ alignItems: "center",
1586
+ justifyContent: "center",
1587
+ gap: f.space1,
1588
+ minHeight: u ?? d,
1589
+ minWidth: u ?? (n === "pill" ? void 0 : m),
1590
+ width: u,
1591
+ height: u,
1592
+ paddingVertical: u ? f.space1 : h,
1593
+ paddingHorizontal: u ? f.space1 : n === "pill" ? f.space3 : g,
1594
+ borderRadius: n === "default" ? f.radiusMd : f.radiusPill,
1595
+ borderWidth: e === "default" && p === "more" ? 2 : 1,
1596
+ borderColor: o,
1597
+ backgroundColor: a,
1598
+ opacity: l ? f.opacityDisabled : i && c ? .85 : 1
1599
+ }, s];
1600
+ },
1601
+ ...u,
1602
+ children: ({ pressed: n }) => {
1603
+ let { fontSize: s } = W(f, t), { color: l } = G(f, e, n, r);
1604
+ return /* @__PURE__ */ D(T, { children: [
1605
+ i,
1606
+ typeof o == "string" ? /* @__PURE__ */ E(x, {
1607
+ style: [{
1608
+ fontFamily: f.fontFamily,
1609
+ fontWeight: String(f.fontWeightSemibold),
1610
+ fontSize: s,
1611
+ color: l
1612
+ }, c],
1613
+ children: o
1614
+ }) : o,
1615
+ a
1616
+ ] });
1617
+ }
1618
+ });
1619
+ });
1620
+ //#endregion
1621
+ //#region src/components/Card/Card.tsx
1622
+ function be(e, t) {
1623
+ switch (t) {
1624
+ case "none": return 0;
1625
+ case "sm": return e.space2;
1626
+ case "lg": return e.space5;
1627
+ default: return e.space4;
1628
+ }
1629
+ }
1630
+ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children: r, disabled: i, ...a }, o) {
1631
+ let s = F(), c = {
1632
+ backgroundColor: s.cardBgColor,
1633
+ borderWidth: 1,
1634
+ borderColor: s.cardShadeColor,
1635
+ borderRadius: s.radiusLg,
1636
+ overflow: "hidden",
1637
+ padding: be(s, t)
1638
+ };
1639
+ return e ? /* @__PURE__ */ E(v, {
1640
+ ref: o,
1641
+ disabled: i,
1642
+ accessibilityRole: "button",
1643
+ accessibilityState: { disabled: !!i },
1644
+ style: [
1645
+ c,
1646
+ {
1647
+ position: "relative",
1648
+ opacity: i ? s.opacityDisabled : 1
1649
+ },
1650
+ n
1651
+ ],
1652
+ ...a,
1653
+ children: ({ pressed: e }) => /* @__PURE__ */ D(T, { children: [r, e && !i ? /* @__PURE__ */ E(C, {
1654
+ pointerEvents: "none",
1655
+ style: [b.absoluteFill, {
1656
+ backgroundColor: s.activeOverlay,
1657
+ borderRadius: s.radiusLg
1658
+ }]
1659
+ }) : null] })
1660
+ }) : /* @__PURE__ */ E(C, {
1661
+ ref: o,
1662
+ style: [c, n],
1663
+ ...a,
1664
+ children: r
1665
+ });
1666
+ }), K = 18, Se = r(function({ value: e, indeterminate: t = !1, onValueChange: n, disabled: r, style: i, ...a }, o) {
1667
+ let c = F(), l = N(), d = P(), f = e || t, h = u(new p.Value(+!!f)).current, g = u(!0);
1668
+ s(() => {
1669
+ if (g.current) {
1670
+ g.current = !1;
1671
+ return;
1672
+ }
1673
+ let [e, t, n, r] = c.easingDefault;
1674
+ p.timing(h, {
1675
+ toValue: +!!f,
1676
+ duration: c.durationFast,
1677
+ easing: m.bezier(e, t, n, r),
1678
+ useNativeDriver: !1
1679
+ }).start();
1680
+ }, [
1681
+ f,
1682
+ h,
1683
+ c.durationFast,
1684
+ c.easingDefault
1685
+ ]);
1686
+ let _ = d === "more" ? c.windowFgColor : l === "dark" ? c.dark1 : c.light4, y = h.interpolate({
1687
+ inputRange: [0, 1],
1688
+ outputRange: [_, c.accentBgColor]
1689
+ }), b = h.interpolate({
1690
+ inputRange: [0, 1],
1691
+ outputRange: [c.cardBgColor, c.accentBgColor]
1692
+ });
1693
+ return /* @__PURE__ */ E(v, {
1694
+ ref: o,
1695
+ disabled: r,
1696
+ accessibilityRole: "checkbox",
1697
+ accessibilityState: {
1698
+ checked: t ? "mixed" : e,
1699
+ disabled: !!r
1700
+ },
1701
+ onPress: () => n?.(!e),
1702
+ style: [{ opacity: r ? c.opacityDisabled : 1 }, i],
1703
+ ...a,
1704
+ children: /* @__PURE__ */ E(p.View, {
1705
+ style: {
1706
+ width: K,
1707
+ height: K,
1708
+ alignItems: "center",
1709
+ justifyContent: "center",
1710
+ borderRadius: c.radiusSm,
1711
+ borderWidth: d === "more" ? 2 : 1.5,
1712
+ borderColor: y,
1713
+ backgroundColor: b
1714
+ },
1715
+ children: t ? /* @__PURE__ */ E(p.View, { style: {
1716
+ width: 10,
1717
+ height: 2,
1718
+ borderRadius: 1,
1719
+ backgroundColor: "#fff",
1720
+ opacity: h
1721
+ } }) : /* @__PURE__ */ E(p.Text, {
1722
+ style: {
1723
+ opacity: h,
1724
+ color: "#fff",
1725
+ fontSize: 13,
1726
+ fontWeight: "bold",
1727
+ lineHeight: 13
1728
+ },
1729
+ children: "✓"
1730
+ })
1731
+ })
1732
+ });
1733
+ }), Ce = r(function({ title: e, start: t, end: n, flat: r = !1, style: i, ...a }, o) {
1734
+ let s = F();
1735
+ return /* @__PURE__ */ D(C, {
1736
+ ref: o,
1737
+ style: [{
1738
+ flexDirection: "row",
1739
+ alignItems: "center",
1740
+ gap: s.space1,
1741
+ paddingHorizontal: s.space2,
1742
+ minHeight: 47,
1743
+ backgroundColor: s.headerbarBgColor,
1744
+ borderBottomWidth: +!r,
1745
+ borderBottomColor: s.headerbarBorderColor
1746
+ }, i],
1747
+ ...a,
1748
+ children: [
1749
+ /* @__PURE__ */ E(C, {
1750
+ style: {
1751
+ flex: 1,
1752
+ flexDirection: "row",
1753
+ alignItems: "center",
1754
+ gap: s.space1
1755
+ },
1756
+ children: t
1757
+ }),
1758
+ /* @__PURE__ */ E(C, {
1759
+ accessibilityLiveRegion: "polite",
1760
+ style: {
1761
+ alignItems: "center",
1762
+ justifyContent: "center",
1763
+ paddingHorizontal: s.space1
1764
+ },
1765
+ children: typeof e == "string" ? /* @__PURE__ */ E(x, {
1766
+ numberOfLines: 1,
1767
+ ellipsizeMode: "tail",
1768
+ style: {
1769
+ fontFamily: s.fontFamily,
1770
+ fontSize: s.fontSizeBody,
1771
+ fontWeight: String(s.fontWeightSemibold),
1772
+ lineHeight: Math.round(s.fontSizeBody * s.lineHeightHeading),
1773
+ color: s.headerbarFgColor
1774
+ },
1775
+ children: e
1776
+ }) : e
1777
+ }),
1778
+ /* @__PURE__ */ E(C, {
1779
+ style: {
1780
+ flex: 1,
1781
+ flexDirection: "row",
1782
+ alignItems: "center",
1783
+ justifyContent: "flex-end",
1784
+ gap: s.space1
1785
+ },
1786
+ children: n
1787
+ })
1788
+ ]
1789
+ });
1790
+ }), we = r(function({ href: e, external: t = !1, children: n, style: r, textStyle: i, onPress: a, ...o }, s) {
1791
+ let c = F();
1792
+ return /* @__PURE__ */ E(v, {
1793
+ ref: s,
1794
+ accessibilityRole: "link",
1795
+ accessibilityHint: t ? "Opens in browser" : void 0,
1796
+ onPress: a ?? (() => g.openURL(e)),
1797
+ style: r,
1798
+ ...o,
1799
+ children: ({ pressed: e }) => /* @__PURE__ */ D(H, {
1800
+ style: [{
1801
+ color: c.accentColor,
1802
+ textDecorationLine: e ? "underline" : "none",
1803
+ opacity: e ? .7 : 1
1804
+ }, i],
1805
+ children: [n, t && /* @__PURE__ */ E(x, {
1806
+ accessibilityElementsHidden: !0,
1807
+ importantForAccessibility: "no",
1808
+ style: { fontSize: 12 },
1809
+ children: " ↗"
1810
+ })]
1811
+ })
1812
+ });
1813
+ }), Te = ({ segments: e, onNavigate: n, style: r, ...i }) => {
1814
+ let a = F();
1815
+ return /* @__PURE__ */ E(C, {
1816
+ style: [{
1817
+ flexDirection: "row",
1818
+ flexWrap: "wrap",
1819
+ alignItems: "center"
1820
+ }, r],
1821
+ ...i,
1822
+ children: e.map((r, i) => {
1823
+ let o = i === e.length - 1;
1824
+ return /* @__PURE__ */ D(t, { children: [i > 0 && /* @__PURE__ */ E(x, {
1825
+ accessibilityElementsHidden: !0,
1826
+ importantForAccessibility: "no",
1827
+ style: {
1828
+ color: a.windowFgColor,
1829
+ opacity: .5,
1830
+ marginHorizontal: 1,
1831
+ fontSize: a.fontSizeBody
1832
+ },
1833
+ children: "›"
1834
+ }), o ? /* @__PURE__ */ D(C, {
1835
+ style: {
1836
+ flexDirection: "row",
1837
+ alignItems: "center",
1838
+ gap: 4,
1839
+ paddingVertical: 2,
1840
+ paddingHorizontal: a.space1,
1841
+ maxWidth: 200
1842
+ },
1843
+ children: [r.icon && /* @__PURE__ */ E(C, {
1844
+ style: { flexShrink: 0 },
1845
+ children: r.icon
1846
+ }), /* @__PURE__ */ E(x, {
1847
+ numberOfLines: 1,
1848
+ ellipsizeMode: "tail",
1849
+ style: {
1850
+ fontFamily: a.fontFamily,
1851
+ fontSize: a.fontSizeBody,
1852
+ fontWeight: String(a.fontWeightSemibold),
1853
+ color: a.windowFgColor
1854
+ },
1855
+ children: r.label
1856
+ })]
1857
+ }) : /* @__PURE__ */ D(v, {
1858
+ accessibilityRole: "button",
1859
+ accessibilityLabel: r.label,
1860
+ onPress: () => n?.(r.path, i),
1861
+ style: ({ pressed: e }) => ({
1862
+ flexDirection: "row",
1863
+ alignItems: "center",
1864
+ gap: 4,
1865
+ paddingVertical: 2,
1866
+ paddingHorizontal: a.space1,
1867
+ maxWidth: 160,
1868
+ borderRadius: a.radiusSm,
1869
+ backgroundColor: e ? a.activeOverlay : "transparent"
1870
+ }),
1871
+ children: [r.icon && /* @__PURE__ */ E(C, {
1872
+ style: { flexShrink: 0 },
1873
+ children: r.icon
1874
+ }), /* @__PURE__ */ E(x, {
1875
+ numberOfLines: 1,
1876
+ ellipsizeMode: "tail",
1877
+ style: {
1878
+ fontFamily: a.fontFamily,
1879
+ fontSize: a.fontSizeBody,
1880
+ color: a.windowFgColor
1881
+ },
1882
+ children: r.label
1883
+ })]
1884
+ })] }, r.path);
1885
+ })
1886
+ });
1887
+ }, Ee = ({ value: e, variant: t = "accent", accessibilityLabel: n, style: r, onLayout: i, ...a }) => {
1888
+ let o = F(), c = N(), l = V(), f = e == null, h = f ? void 0 : Math.min(1, Math.max(0, e)), g = h === void 0 ? void 0 : h * 100, _ = u(new p.Value(h ?? 0)).current, v = u(new p.Value(0)).current, [y, b] = d(0), x = (e) => {
1889
+ b(e.nativeEvent.layout.width), i?.(e);
1890
+ };
1891
+ s(() => {
1892
+ if (f) return;
1893
+ let [e, t, n, r] = o.easingDefault;
1894
+ p.timing(_, {
1895
+ toValue: h ?? 0,
1896
+ duration: l ? 0 : o.durationNormal,
1897
+ easing: m.bezier(e, t, n, r),
1898
+ useNativeDriver: !0
1899
+ }).start();
1900
+ }, [
1901
+ h,
1902
+ f,
1903
+ l,
1904
+ _,
1905
+ o.durationNormal,
1906
+ o.easingDefault
1907
+ ]), s(() => {
1908
+ if (!f || l) return;
1909
+ v.setValue(0);
1910
+ let [e, t, n, r] = o.easingDefault, i = p.loop(p.timing(v, {
1911
+ toValue: 1,
1912
+ duration: 1400,
1913
+ easing: m.bezier(e, t, n, r),
1914
+ useNativeDriver: !0
1915
+ }));
1916
+ return i.start(), () => i.stop();
1917
+ }, [
1918
+ f,
1919
+ l,
1920
+ v,
1921
+ o.easingDefault
1922
+ ]);
1923
+ let S = c === "dark" ? o.dark2 : o.light3, C = {
1924
+ accent: o.accentBgColor,
1925
+ success: o.successBgColor,
1926
+ warning: o.warningBgColor,
1927
+ error: o.errorBgColor
1928
+ }, w = f ? l ? {
1929
+ left: 0,
1930
+ width: "100%",
1931
+ opacity: .5
1932
+ } : {
1933
+ left: 0,
1934
+ width: "40%",
1935
+ transform: [{ translateX: v.interpolate({
1936
+ inputRange: [0, 1],
1937
+ outputRange: [-.4 * y, y]
1938
+ }) }]
1939
+ } : {
1940
+ width: "100%",
1941
+ transformOrigin: "left",
1942
+ transform: [{ scaleX: _ }]
1943
+ };
1944
+ return /* @__PURE__ */ E(p.View, {
1945
+ accessible: !0,
1946
+ accessibilityRole: "progressbar",
1947
+ accessibilityLabel: n,
1948
+ accessibilityValue: h === void 0 ? void 0 : {
1949
+ min: 0,
1950
+ max: 100,
1951
+ now: Math.round(g)
1952
+ },
1953
+ onLayout: x,
1954
+ style: [{
1955
+ width: "100%",
1956
+ height: 6,
1957
+ borderRadius: o.radiusPill,
1958
+ backgroundColor: S,
1959
+ overflow: "hidden"
1960
+ }, r],
1961
+ ...a,
1962
+ children: /* @__PURE__ */ E(p.View, { style: [{
1963
+ position: f ? "absolute" : "relative",
1964
+ top: 0,
1965
+ height: "100%",
1966
+ borderRadius: o.radiusPill,
1967
+ backgroundColor: C[t]
1968
+ }, w] })
1969
+ });
1970
+ }, q = 18, J = 6, De = r(function({ value: e, onSelect: t, disabled: n, style: r, ...i }, a) {
1971
+ let o = F(), c = N(), l = P(), d = u(new p.Value(+!!e)).current, f = u(!0);
1972
+ s(() => {
1973
+ if (f.current) {
1974
+ f.current = !1;
1975
+ return;
1976
+ }
1977
+ let [t, n, r, i] = o.easingDefault;
1978
+ p.timing(d, {
1979
+ toValue: +!!e,
1980
+ duration: o.durationFast,
1981
+ easing: m.bezier(t, n, r, i),
1982
+ useNativeDriver: !1
1983
+ }).start();
1984
+ }, [
1985
+ e,
1986
+ d,
1987
+ o.durationFast,
1988
+ o.easingDefault
1989
+ ]);
1990
+ let h = l === "more" ? o.windowFgColor : c === "dark" ? o.dark1 : o.light4, g = d.interpolate({
1991
+ inputRange: [0, 1],
1992
+ outputRange: [h, o.accentBgColor]
1993
+ }), _ = d.interpolate({
1994
+ inputRange: [0, 1],
1995
+ outputRange: [o.cardBgColor, o.accentBgColor]
1996
+ });
1997
+ return /* @__PURE__ */ E(v, {
1998
+ ref: a,
1999
+ disabled: n,
2000
+ accessibilityRole: "radio",
2001
+ accessibilityState: {
2002
+ checked: e,
2003
+ disabled: !!n
2004
+ },
2005
+ onPress: () => {
2006
+ e || t?.();
2007
+ },
2008
+ style: [{ opacity: n ? o.opacityDisabled : 1 }, r],
2009
+ ...i,
2010
+ children: /* @__PURE__ */ E(p.View, {
2011
+ style: {
2012
+ width: q,
2013
+ height: q,
2014
+ alignItems: "center",
2015
+ justifyContent: "center",
2016
+ borderRadius: o.radiusPill,
2017
+ borderWidth: l === "more" ? 2 : 1.5,
2018
+ borderColor: g,
2019
+ backgroundColor: _
2020
+ },
2021
+ children: /* @__PURE__ */ E(p.View, { style: {
2022
+ width: J,
2023
+ height: J,
2024
+ borderRadius: o.radiusPill,
2025
+ backgroundColor: "#fff",
2026
+ opacity: d
2027
+ } })
2028
+ })
2029
+ });
2030
+ });
2031
+ //#endregion
2032
+ //#region src/components/SearchBar/SearchBar.tsx
2033
+ function Oe(e, t) {
2034
+ let n = e.match(/^rgba?\(([^,]+),([^,]+),([^,]+),?([^)]+)?\)$/);
2035
+ if (!n) return e;
2036
+ let [, r, i, a, o] = n, s = (o ? Number.parseFloat(o) : 1) * t;
2037
+ return `rgba(${r.trim()}, ${i.trim()}, ${a.trim()}, ${s})`;
2038
+ }
2039
+ var ke = r(function({ open: e, onClose: t, onClear: n, children: r, value: i, placeholder: a = "Search…", editable: o = !0, inline: l = !1, closeLabel: d = "Cancel", style: f, inputStyle: p, ...m }, h) {
2040
+ let g = F(), _ = u(null);
2041
+ if (c(h, () => _.current, []), s(() => {
2042
+ if (!e) return;
2043
+ let t = requestAnimationFrame(() => _.current?.focus());
2044
+ return () => cancelAnimationFrame(t);
2045
+ }, [e]), !e) return null;
2046
+ let y = !o, b = typeof i == "string" && i.length > 0, w = l ? "transparent" : g.headerbarBgColor, T = l ? "transparent" : g.headerbarShadeColor;
2047
+ return /* @__PURE__ */ D(C, {
2048
+ style: f,
2049
+ children: [/* @__PURE__ */ D(C, {
2050
+ style: {
2051
+ flexDirection: "row",
2052
+ alignItems: "center",
2053
+ gap: g.space1
2054
+ },
2055
+ children: [/* @__PURE__ */ D(C, {
2056
+ style: {
2057
+ flex: 1,
2058
+ flexDirection: "row",
2059
+ alignItems: "center",
2060
+ gap: g.space1,
2061
+ paddingVertical: g.space1,
2062
+ paddingHorizontal: g.space2,
2063
+ backgroundColor: w,
2064
+ borderBottomWidth: 1,
2065
+ borderBottomColor: T,
2066
+ opacity: y ? g.opacityDisabled : 1
2067
+ },
2068
+ children: [
2069
+ /* @__PURE__ */ E(x, {
2070
+ accessibilityElementsHidden: !0,
2071
+ importantForAccessibility: "no",
2072
+ style: {
2073
+ opacity: g.opacityDim,
2074
+ fontSize: g.fontSizeBody
2075
+ },
2076
+ children: "🔍"
2077
+ }),
2078
+ /* @__PURE__ */ E(S, {
2079
+ ref: _,
2080
+ editable: o,
2081
+ value: i,
2082
+ placeholder: a,
2083
+ placeholderTextColor: Oe(g.windowFgColor, g.opacityDim),
2084
+ style: [{
2085
+ flex: 1,
2086
+ padding: 0,
2087
+ fontFamily: g.fontFamily,
2088
+ fontSize: g.fontSizeBody,
2089
+ lineHeight: Math.round(g.fontSizeBody * g.lineHeightBody),
2090
+ color: g.windowFgColor
2091
+ }, p],
2092
+ ...m
2093
+ }),
2094
+ b && /* @__PURE__ */ E(v, {
2095
+ accessibilityRole: "button",
2096
+ accessibilityLabel: "Clear search",
2097
+ disabled: y,
2098
+ hitSlop: 8,
2099
+ onPress: () => {
2100
+ n?.(), _.current?.focus();
2101
+ },
2102
+ style: ({ pressed: e }) => ({
2103
+ width: 24,
2104
+ height: 24,
2105
+ alignItems: "center",
2106
+ justifyContent: "center",
2107
+ borderRadius: g.radiusSm,
2108
+ opacity: y ? g.opacityDisabled : 1,
2109
+ backgroundColor: e ? g.activeOverlay : "transparent"
2110
+ }),
2111
+ children: /* @__PURE__ */ E(x, {
2112
+ style: {
2113
+ fontSize: g.fontSizeBody,
2114
+ color: g.windowFgColor
2115
+ },
2116
+ children: "×"
2117
+ })
2118
+ })
2119
+ ]
2120
+ }), t && /* @__PURE__ */ E(v, {
2121
+ accessibilityRole: "button",
2122
+ accessibilityLabel: d,
2123
+ onPress: t,
2124
+ hitSlop: 8,
2125
+ children: /* @__PURE__ */ E(x, {
2126
+ style: {
2127
+ fontFamily: g.fontFamily,
2128
+ fontSize: g.fontSizeBody,
2129
+ color: g.accentColor
2130
+ },
2131
+ children: d
2132
+ })
2133
+ })]
2134
+ }), r && /* @__PURE__ */ E(C, {
2135
+ style: {
2136
+ flexDirection: "row",
2137
+ flexWrap: "wrap",
2138
+ gap: g.space1,
2139
+ padding: g.space1,
2140
+ paddingHorizontal: g.space2,
2141
+ backgroundColor: w,
2142
+ borderBottomWidth: 1,
2143
+ borderBottomColor: T
2144
+ },
2145
+ children: r
2146
+ })]
2147
+ });
2148
+ });
2149
+ //#endregion
2150
+ //#region src/components/Sidebar/filterUtils.ts
2151
+ function Y(t, n) {
2152
+ let r = 0;
2153
+ return e.forEach(t, (e) => {
2154
+ if (!i(e)) return;
2155
+ let t = e.props;
2156
+ typeof t.label == "string" ? t.label.toLowerCase().includes(n.toLowerCase()) && r++ : t.children && (r += Y(t.children, n));
2157
+ }), r;
2158
+ }
2159
+ function Ae(e, t) {
2160
+ if (!t || !i(e)) return !0;
2161
+ let n = e.props;
2162
+ return typeof n.label == "string" ? n.label.toLowerCase().includes(t.toLowerCase()) : n.children ? Y(n.children, t) > 0 : !0;
2163
+ }
2164
+ //#endregion
2165
+ //#region src/components/Sidebar/Sidebar.tsx
2166
+ var X = n(!1);
2167
+ function Z() {
2168
+ return o(X);
2169
+ }
2170
+ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "", style: a, ...o }, s) {
2171
+ let c = F(), l = i.length > 0, u = e.toArray(n).filter(Boolean).filter((e) => Ae(e, i)), d = !l || u.length > 0;
2172
+ return /* @__PURE__ */ E(X.Provider, {
2173
+ value: r,
2174
+ children: /* @__PURE__ */ E(Q.Provider, {
2175
+ value: i,
2176
+ children: /* @__PURE__ */ E(C, {
2177
+ ref: s,
2178
+ style: [{
2179
+ flexShrink: 0,
2180
+ width: r ? c.layoutSidebarRailWidth : c.layoutSidebarDefaultWidth,
2181
+ backgroundColor: c.sidebarBgColor,
2182
+ borderRightWidth: 1,
2183
+ borderRightColor: c.headerbarBorderColor
2184
+ }, a],
2185
+ ...o,
2186
+ children: /* @__PURE__ */ E(y, {
2187
+ contentContainerStyle: { padding: c.space1 },
2188
+ children: l && !d ? /* @__PURE__ */ E(H, {
2189
+ variant: "caption",
2190
+ color: "dim",
2191
+ style: {
2192
+ textAlign: "center",
2193
+ padding: c.space4
2194
+ },
2195
+ children: "No items match your search."
2196
+ }) : u.map((e, n) => /* @__PURE__ */ D(t, { children: [n > 0 && /* @__PURE__ */ E(U, {
2197
+ testID: "sidebar-separator",
2198
+ style: { marginVertical: c.space1 }
2199
+ }), e] }, n))
2200
+ })
2201
+ })
2202
+ })
2203
+ });
2204
+ }), Me = r(function({ label: e, icon: t, active: n = !1, suffix: r, disabled: i, style: a, ...s }, c) {
2205
+ let l = F(), u = Z(), d = o(Q);
2206
+ return d.length > 0 && !e.toLowerCase().includes(d.toLowerCase()) ? null : /* @__PURE__ */ D(v, {
2207
+ ref: c,
2208
+ disabled: i,
2209
+ accessibilityRole: "button",
2210
+ accessibilityState: {
2211
+ selected: n,
2212
+ disabled: !!i
2213
+ },
2214
+ accessibilityLabel: e,
2215
+ style: ({ pressed: e }) => [
2216
+ {
2217
+ flexDirection: "row",
2218
+ alignItems: "center",
2219
+ gap: l.space2,
2220
+ paddingVertical: 8,
2221
+ paddingHorizontal: l.space2,
2222
+ borderRadius: l.radiusMd,
2223
+ opacity: i ? l.opacityDisabled : 1,
2224
+ backgroundColor: n ? l.accentBgColor : e ? l.hoverOverlay : "transparent"
2225
+ },
2226
+ u && {
2227
+ justifyContent: "center",
2228
+ paddingHorizontal: 0
2229
+ },
2230
+ a
2231
+ ],
2232
+ ...s,
2233
+ children: [
2234
+ t && /* @__PURE__ */ E(C, {
2235
+ style: {
2236
+ flexShrink: 0,
2237
+ opacity: n ? 1 : .85
2238
+ },
2239
+ children: t
2240
+ }),
2241
+ !u && /* @__PURE__ */ E(H, {
2242
+ numberOfLines: 1,
2243
+ ellipsizeMode: "tail",
2244
+ style: {
2245
+ flex: 1,
2246
+ fontSize: l.fontSizeBody,
2247
+ fontWeight: String(n ? l.fontWeightSemibold : l.fontWeightNormal),
2248
+ color: n ? l.accentFgColor : l.sidebarFgColor
2249
+ },
2250
+ children: e
2251
+ }),
2252
+ !u && r && /* @__PURE__ */ E(C, {
2253
+ style: { flexShrink: 0 },
2254
+ children: r
2255
+ })
2256
+ ]
2257
+ });
2258
+ }), Ne = r(function({ title: e, icon: t, collapsible: n = !1, defaultOpen: r = !0, open: i, onOpenChange: a, children: s, style: l, ...u }, f) {
2259
+ let p = F(), [m, h] = d(r), g = i !== void 0, _ = g ? i : m, y = Z(), b = o(Q), x = (e) => {
2260
+ g || h(e), a?.(e);
2261
+ };
2262
+ if (c(f, () => ({
2263
+ expand: () => x(!0),
2264
+ collapse: () => x(!1),
2265
+ toggle: () => x(!_)
2266
+ })), !(b.length === 0 || Y(s, b) > 0)) return null;
2267
+ let S = y ? !0 : _, w = !y && !!(e || t), T = (e || t) && /* @__PURE__ */ D(C, {
2268
+ style: {
2269
+ flexDirection: "row",
2270
+ alignItems: "center",
2271
+ gap: p.space1,
2272
+ paddingHorizontal: p.space1,
2273
+ paddingVertical: 2,
2274
+ marginTop: 4,
2275
+ marginBottom: 2
2276
+ },
2277
+ children: [
2278
+ t && /* @__PURE__ */ E(C, {
2279
+ style: {
2280
+ flexShrink: 0,
2281
+ opacity: .7
2282
+ },
2283
+ children: t
2284
+ }),
2285
+ e && /* @__PURE__ */ E(H, {
2286
+ variant: "caption-heading",
2287
+ color: "dim",
2288
+ style: { flex: 1 },
2289
+ numberOfLines: 1,
2290
+ children: e
2291
+ }),
2292
+ n && /* @__PURE__ */ E(H, {
2293
+ variant: "caption",
2294
+ color: "dim",
2295
+ style: { flexShrink: 0 },
2296
+ children: _ ? "▾" : "▸"
2297
+ })
2298
+ ]
2299
+ });
2300
+ return /* @__PURE__ */ D(C, {
2301
+ style: l,
2302
+ ...u,
2303
+ children: [w && (n ? /* @__PURE__ */ E(v, {
2304
+ accessibilityRole: "button",
2305
+ accessibilityState: { expanded: _ },
2306
+ accessibilityLabel: e,
2307
+ onPress: () => x(!_),
2308
+ children: T
2309
+ }) : T), /* @__PURE__ */ E(C, {
2310
+ accessible: !0,
2311
+ accessibilityRole: "list",
2312
+ style: {
2313
+ display: S ? "flex" : "none",
2314
+ gap: 2
2315
+ },
2316
+ children: s
2317
+ })]
2318
+ });
2319
+ }), Pe = ({ variant: e = "rect", width: t = "100%", height: n = 16, size: r = 40, lines: i = 3, animated: a = !0, style: o, ...c }) => {
2320
+ let l = F(), d = V(), f = u(new p.Value(1)).current, h = a && !d;
2321
+ if (s(() => {
2322
+ if (!h) {
2323
+ f.setValue(1);
2324
+ return;
2325
+ }
2326
+ let [e, t, n, r] = l.easingDefault, i = m.bezier(e, t, n, r), a = p.loop(p.sequence([p.timing(f, {
2327
+ toValue: .5,
2328
+ duration: 700,
2329
+ easing: i,
2330
+ useNativeDriver: !0
2331
+ }), p.timing(f, {
2332
+ toValue: 1,
2333
+ duration: 700,
2334
+ easing: i,
2335
+ useNativeDriver: !0
2336
+ })]));
2337
+ return a.start(), () => a.stop();
2338
+ }, [
2339
+ h,
2340
+ f,
2341
+ l.easingDefault
2342
+ ]), e === "text") {
2343
+ let e = Math.max(1, Math.floor(i));
2344
+ return /* @__PURE__ */ E(C, {
2345
+ accessible: !1,
2346
+ style: [{ gap: 8 }, o],
2347
+ ...c,
2348
+ children: Array.from({ length: e }, (t, n) => /* @__PURE__ */ E(p.View, { style: {
2349
+ width: n === e - 1 ? "60%" : "100%",
2350
+ height: 12,
2351
+ borderRadius: l.radiusPill,
2352
+ backgroundColor: l.skeletonBaseColor,
2353
+ opacity: f
2354
+ } }, n))
2355
+ });
2356
+ }
2357
+ let g = e === "circle" ? {
2358
+ width: r,
2359
+ height: r,
2360
+ borderRadius: r / 2
2361
+ } : {
2362
+ width: t,
2363
+ height: n,
2364
+ borderRadius: l.radiusMd
2365
+ };
2366
+ return /* @__PURE__ */ E(p.View, {
2367
+ accessible: !1,
2368
+ style: [
2369
+ g,
2370
+ {
2371
+ backgroundColor: l.skeletonBaseColor,
2372
+ opacity: f
2373
+ },
2374
+ o
2375
+ ],
2376
+ ...c
2377
+ });
2378
+ }, Fe = {
2379
+ sm: {
2380
+ dimension: 16,
2381
+ borderWidth: 2
2382
+ },
2383
+ md: {
2384
+ dimension: 24,
2385
+ borderWidth: 2.5
2386
+ },
2387
+ lg: {
2388
+ dimension: 36,
2389
+ borderWidth: 3
2390
+ }
2391
+ }, Ie = ({ size: e = "md", label: t = "Loading…", style: n, ...r }) => {
2392
+ let i = F(), a = N(), o = V(), c = u(new p.Value(0)).current;
2393
+ s(() => {
2394
+ c.setValue(0);
2395
+ let e = p.loop(p.timing(c, {
2396
+ toValue: 1,
2397
+ duration: o ? 2e3 : 750,
2398
+ easing: m.linear,
2399
+ useNativeDriver: !0
2400
+ }));
2401
+ return e.start(), () => e.stop();
2402
+ }, [c, o]);
2403
+ let l = c.interpolate({
2404
+ inputRange: [0, 1],
2405
+ outputRange: ["0deg", "360deg"]
2406
+ }), { dimension: d, borderWidth: f } = Fe[e], h = a === "dark" ? "rgba(255, 255, 255, 0.15)" : "rgba(0, 0, 0, 0.15)";
2407
+ return /* @__PURE__ */ E(p.View, {
2408
+ accessible: !0,
2409
+ accessibilityRole: "progressbar",
2410
+ accessibilityLabel: t || void 0,
2411
+ accessibilityElementsHidden: t === "",
2412
+ importantForAccessibility: t === "" ? "no-hide-descendants" : "yes",
2413
+ style: [{
2414
+ width: d,
2415
+ height: d,
2416
+ borderRadius: d / 2,
2417
+ borderWidth: f,
2418
+ borderColor: h,
2419
+ borderTopColor: i.accentColor,
2420
+ transform: [{ rotate: l }]
2421
+ }, n],
2422
+ ...r
2423
+ });
2424
+ }, Le = 56, Re = 28, $ = 20, ze = 3, Be = 28, Ve = r(function({ value: e, onValueChange: t, disabled: n, style: r, ...i }, a) {
2425
+ let o = F(), c = N(), l = P(), d = u(new p.Value(+!!e)).current, f = u(!0);
2426
+ s(() => {
2427
+ if (f.current) {
2428
+ f.current = !1;
2429
+ return;
2430
+ }
2431
+ let [t, n, r, i] = o.easingDefault;
2432
+ p.timing(d, {
2433
+ toValue: +!!e,
2434
+ duration: o.durationFast,
2435
+ easing: m.bezier(t, n, r, i),
2436
+ useNativeDriver: !1
2437
+ }).start();
2438
+ }, [
2439
+ e,
2440
+ d,
2441
+ o.durationFast,
2442
+ o.easingDefault
2443
+ ]);
2444
+ let h = c === "dark" ? o.dark2 : o.light4, g = c === "dark" ? o.light3 : "#fff", _ = d.interpolate({
2445
+ inputRange: [0, 1],
2446
+ outputRange: [h, o.accentBgColor]
2447
+ }), y = d.interpolate({
2448
+ inputRange: [0, 1],
2449
+ outputRange: [o.borderSubtle, o.accentBgColor]
2450
+ });
2451
+ return /* @__PURE__ */ E(v, {
2452
+ ref: a,
2453
+ disabled: n,
2454
+ accessibilityRole: "switch",
2455
+ accessibilityState: {
2456
+ checked: e,
2457
+ disabled: !!n
2458
+ },
2459
+ onPress: () => t?.(!e),
2460
+ style: [{ opacity: n ? o.opacityDisabled : 1 }, r],
2461
+ ...i,
2462
+ children: /* @__PURE__ */ E(p.View, {
2463
+ style: {
2464
+ width: Le,
2465
+ height: Re,
2466
+ borderRadius: o.radiusPill,
2467
+ borderWidth: l === "more" ? 2 : 1,
2468
+ borderColor: y,
2469
+ backgroundColor: _
2470
+ },
2471
+ children: /* @__PURE__ */ E(p.View, { style: [{
2472
+ position: "absolute",
2473
+ top: ze,
2474
+ left: ze,
2475
+ width: $,
2476
+ height: $,
2477
+ borderRadius: o.radiusPill,
2478
+ backgroundColor: e ? "#fff" : g,
2479
+ transform: [{ translateX: d.interpolate({
2480
+ inputRange: [0, 1],
2481
+ outputRange: [0, Be]
2482
+ }) }]
2483
+ }, l !== "more" && {
2484
+ shadowColor: "#000",
2485
+ shadowOffset: {
2486
+ width: 0,
2487
+ height: 1
2488
+ },
2489
+ shadowOpacity: .25,
2490
+ shadowRadius: 3,
2491
+ elevation: 2
2492
+ }] })
2493
+ })
2494
+ });
2495
+ }), He = r(function({ children: e, inline: t = !1, accessibilityLabel: n = "Tabs", style: r, ...i }, a) {
2496
+ let o = F();
2497
+ return /* @__PURE__ */ E(y, {
2498
+ ref: a,
2499
+ horizontal: !0,
2500
+ showsHorizontalScrollIndicator: !1,
2501
+ contentInsetAdjustmentBehavior: "never",
2502
+ accessible: !0,
2503
+ accessibilityRole: "tablist",
2504
+ accessibilityLabel: n,
2505
+ style: [{
2506
+ flexGrow: 0,
2507
+ backgroundColor: t ? "transparent" : o.headerbarBgColor,
2508
+ borderBottomWidth: +!t,
2509
+ borderBottomColor: o.headerbarBorderColor
2510
+ }, r],
2511
+ contentContainerStyle: {
2512
+ flexDirection: "row",
2513
+ alignItems: "stretch",
2514
+ paddingHorizontal: o.space1,
2515
+ gap: 2,
2516
+ minHeight: 40
2517
+ },
2518
+ ...i,
2519
+ children: e
2520
+ });
2521
+ }), Ue = r(function({ label: e, icon: t, active: n = !1, onClose: r, closeLabel: i = "Close tab", count: a, disabled: o, ...s }, c) {
2522
+ let l = F();
2523
+ return /* @__PURE__ */ D(v, {
2524
+ ref: c,
2525
+ disabled: o,
2526
+ accessibilityRole: "tab",
2527
+ accessibilityState: {
2528
+ selected: n,
2529
+ disabled: !!o
2530
+ },
2531
+ accessibilityLabel: e,
2532
+ style: ({ pressed: e }) => ({
2533
+ position: "relative",
2534
+ flexDirection: "row",
2535
+ alignItems: "center",
2536
+ gap: l.space1,
2537
+ paddingHorizontal: l.space2,
2538
+ minWidth: 80,
2539
+ maxWidth: 200,
2540
+ minHeight: 40,
2541
+ borderRadius: l.radiusMd,
2542
+ opacity: o ? l.opacityDisabled : n ? 1 : .7,
2543
+ backgroundColor: n ? l.activeOverlay : e ? l.hoverOverlay : "transparent"
2544
+ }),
2545
+ ...s,
2546
+ children: [
2547
+ t && /* @__PURE__ */ E(C, {
2548
+ style: { flexShrink: 0 },
2549
+ children: t
2550
+ }),
2551
+ /* @__PURE__ */ E(x, {
2552
+ numberOfLines: 1,
2553
+ ellipsizeMode: "tail",
2554
+ style: {
2555
+ fontFamily: l.fontFamily,
2556
+ fontSize: l.fontSizeBody,
2557
+ fontWeight: String(n ? l.fontWeightSemibold : l.fontWeightNormal),
2558
+ color: l.headerbarFgColor
2559
+ },
2560
+ children: e
2561
+ }),
2562
+ a !== void 0 && /* @__PURE__ */ E(C, {
2563
+ style: {
2564
+ flexShrink: 0,
2565
+ minWidth: 18,
2566
+ height: 18,
2567
+ paddingHorizontal: 5,
2568
+ borderRadius: 9,
2569
+ alignItems: "center",
2570
+ justifyContent: "center",
2571
+ backgroundColor: l.accentBgColor
2572
+ },
2573
+ children: /* @__PURE__ */ E(x, {
2574
+ style: {
2575
+ fontFamily: l.fontFamily,
2576
+ fontSize: 11,
2577
+ fontWeight: "600",
2578
+ color: l.accentFgColor
2579
+ },
2580
+ children: a > 99 ? "99+" : a
2581
+ })
2582
+ }),
2583
+ r && /* @__PURE__ */ E(v, {
2584
+ accessibilityRole: "button",
2585
+ accessibilityLabel: i,
2586
+ hitSlop: 8,
2587
+ onPress: r,
2588
+ style: ({ pressed: e }) => ({
2589
+ flexShrink: 0,
2590
+ width: 18,
2591
+ height: 18,
2592
+ alignItems: "center",
2593
+ justifyContent: "center",
2594
+ borderRadius: l.radiusSm,
2595
+ backgroundColor: e ? l.activeOverlay : "transparent"
2596
+ }),
2597
+ children: /* @__PURE__ */ E(x, {
2598
+ style: {
2599
+ fontFamily: l.fontFamily,
2600
+ fontSize: 15,
2601
+ lineHeight: 16,
2602
+ color: l.headerbarFgColor
2603
+ },
2604
+ children: "×"
2605
+ })
2606
+ }),
2607
+ n && /* @__PURE__ */ E(C, {
2608
+ pointerEvents: "none",
2609
+ style: {
2610
+ position: "absolute",
2611
+ bottom: 0,
2612
+ left: l.space2,
2613
+ right: l.space2,
2614
+ height: 2,
2615
+ borderRadius: 1,
2616
+ backgroundColor: l.accentBgColor
2617
+ }
2618
+ })
2619
+ ]
2620
+ });
2621
+ }), We = r(function({ active: e = !1, style: t, children: n, ...r }, i) {
2622
+ return /* @__PURE__ */ E(C, {
2623
+ ref: i,
2624
+ style: [{ display: e ? "flex" : "none" }, t],
2625
+ ...r,
2626
+ children: n
2627
+ });
2628
+ });
2629
+ //#endregion
2630
+ //#region src/components/TextField/TextField.tsx
2631
+ function Ge(e, t) {
2632
+ let n = e.match(/^rgba?\(([^,]+),([^,]+),([^,]+),?([^)]+)?\)$/);
2633
+ if (!n) return e;
2634
+ let [, r, i, a, o] = n, s = (o ? Number.parseFloat(o) : 1) * t;
2635
+ return `rgba(${r.trim()}, ${i.trim()}, ${a.trim()}, ${s})`;
2636
+ }
2637
+ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i, editable: a = !0, onFocus: o, onBlur: s, accessibilityLabel: c, accessibilityHint: l, ...u }, f) {
2638
+ let p = F(), m = P(), [h, g] = d(!1), _ = !a, v = n ?? t, y = n ? p.errorColor : h ? p.accentColor : p.borderSubtle;
2639
+ return /* @__PURE__ */ D(C, {
2640
+ style: [{
2641
+ gap: p.space1,
2642
+ opacity: _ ? p.opacityDisabled : 1
2643
+ }, r],
2644
+ children: [
2645
+ e && /* @__PURE__ */ E(H, {
2646
+ variant: "body",
2647
+ style: { fontWeight: String(p.fontWeightSemibold) },
2648
+ children: e
2649
+ }),
2650
+ /* @__PURE__ */ E(S, {
2651
+ ref: f,
2652
+ editable: a,
2653
+ accessibilityLabel: c ?? e,
2654
+ accessibilityHint: l ?? v,
2655
+ placeholderTextColor: Ge(p.windowFgColor, p.opacityDim),
2656
+ onFocus: (e) => {
2657
+ g(!0), o?.(e);
2658
+ },
2659
+ onBlur: (e) => {
2660
+ g(!1), s?.(e);
2661
+ },
2662
+ style: [{
2663
+ width: "100%",
2664
+ paddingVertical: 8,
2665
+ paddingHorizontal: p.space2,
2666
+ fontFamily: p.fontFamily,
2667
+ fontSize: p.fontSizeBody,
2668
+ lineHeight: Math.round(p.fontSizeBody * p.lineHeightBody),
2669
+ color: p.viewFgColor,
2670
+ backgroundColor: p.viewBgColor,
2671
+ borderRadius: p.radiusMd,
2672
+ borderWidth: m === "more" ? 2 : 1,
2673
+ borderColor: y
2674
+ }, i],
2675
+ ...u
2676
+ }),
2677
+ v && /* @__PURE__ */ E(H, {
2678
+ variant: "caption",
2679
+ style: {
2680
+ color: n ? p.errorColor : p.windowFgColor,
2681
+ opacity: n ? 1 : p.opacityDim
2682
+ },
2683
+ children: v
2684
+ })
2685
+ ]
2686
+ });
2687
+ }), qe = p.createAnimatedComponent(v), Je = ({ title: e, duration: t = 3e3, onDismiss: n, actionLabel: r, onAction: i, dismissible: o = !1, style: c, ...l }) => {
2688
+ let d = F(), f = N(), h = V(), g = u(null), _ = u(t), y = u(0), b = u(new p.Value(+!!h)).current, S = a(() => {
2689
+ g.current &&= (clearTimeout(g.current), null);
2690
+ }, []), C = a((e) => {
2691
+ e <= 0 || !n || (S(), y.current = Date.now(), g.current = setTimeout(() => n(), e));
2692
+ }, [n, S]);
2693
+ s(() => (t > 0 && (_.current = t, C(t)), S), [
2694
+ t,
2695
+ C,
2696
+ S
2697
+ ]), s(() => {
2698
+ if (h) {
2699
+ b.setValue(1);
2700
+ return;
2701
+ }
2702
+ let [e, t, n, r] = d.easingDefault;
2703
+ p.timing(b, {
2704
+ toValue: 1,
2705
+ duration: d.durationNormal,
2706
+ easing: m.bezier(e, t, n, r),
2707
+ useNativeDriver: !0
2708
+ }).start();
2709
+ }, [
2710
+ h,
2711
+ b,
2712
+ d.durationNormal,
2713
+ d.easingDefault
2714
+ ]);
2715
+ let w = () => {
2716
+ if (g.current) {
2717
+ let e = Date.now() - y.current;
2718
+ _.current = Math.max(0, _.current - e), S();
2719
+ }
2720
+ }, O = () => {
2721
+ C(_.current);
2722
+ }, k = () => {
2723
+ S(), i?.(), n?.();
2724
+ }, A = f === "dark" ? {
2725
+ shadowOpacity: .4,
2726
+ shadowRadius: 12,
2727
+ elevation: 6
2728
+ } : {
2729
+ shadowOpacity: .15,
2730
+ shadowRadius: 8,
2731
+ elevation: 4
2732
+ };
2733
+ return /* @__PURE__ */ D(qe, {
2734
+ accessible: !0,
2735
+ accessibilityRole: "alert",
2736
+ accessibilityLiveRegion: "polite",
2737
+ onPressIn: w,
2738
+ onPressOut: O,
2739
+ style: [{
2740
+ flexDirection: "row",
2741
+ alignItems: "center",
2742
+ gap: d.space2,
2743
+ paddingVertical: 10,
2744
+ paddingRight: d.space2,
2745
+ paddingLeft: d.space3,
2746
+ minHeight: 44,
2747
+ maxWidth: 480,
2748
+ minWidth: 240,
2749
+ backgroundColor: d.cardBgColor,
2750
+ borderRadius: d.radiusLg,
2751
+ shadowColor: "#000",
2752
+ shadowOffset: {
2753
+ width: 0,
2754
+ height: 2
2755
+ },
2756
+ opacity: b,
2757
+ transform: [{ translateY: b.interpolate({
2758
+ inputRange: [0, 1],
2759
+ outputRange: [12, 0]
2760
+ }) }, { scale: b.interpolate({
2761
+ inputRange: [0, 1],
2762
+ outputRange: [.96, 1]
2763
+ }) }],
2764
+ ...A
2765
+ }, c],
2766
+ ...l,
2767
+ children: [/* @__PURE__ */ E(H, {
2768
+ variant: "body",
2769
+ style: {
2770
+ flex: 1,
2771
+ minWidth: 0
2772
+ },
2773
+ numberOfLines: typeof e == "string" ? 2 : void 0,
2774
+ children: e
2775
+ }), (r || o) && /* @__PURE__ */ D(T, { children: [r && /* @__PURE__ */ E(v, {
2776
+ accessibilityRole: "button",
2777
+ accessibilityLabel: r,
2778
+ onPress: k,
2779
+ style: ({ pressed: e }) => ({
2780
+ paddingVertical: 4,
2781
+ paddingHorizontal: d.space1,
2782
+ borderRadius: d.radiusSm,
2783
+ backgroundColor: e ? d.activeOverlay : "transparent"
2784
+ }),
2785
+ children: /* @__PURE__ */ E(x, {
2786
+ style: {
2787
+ fontFamily: d.fontFamily,
2788
+ fontSize: d.fontSizeBody,
2789
+ fontWeight: String(d.fontWeightSemibold),
2790
+ color: d.accentColor
2791
+ },
2792
+ children: r
2793
+ })
2794
+ }), o && /* @__PURE__ */ E(v, {
2795
+ accessibilityRole: "button",
2796
+ accessibilityLabel: "Dismiss",
2797
+ hitSlop: 4,
2798
+ onPress: () => {
2799
+ S(), n?.();
2800
+ },
2801
+ style: ({ pressed: e }) => ({
2802
+ width: 28,
2803
+ height: 28,
2804
+ alignItems: "center",
2805
+ justifyContent: "center",
2806
+ borderRadius: d.radiusSm,
2807
+ opacity: e ? 1 : .55,
2808
+ backgroundColor: e ? d.activeOverlay : "transparent"
2809
+ }),
2810
+ children: /* @__PURE__ */ E(x, {
2811
+ style: {
2812
+ fontSize: d.fontSizeBody,
2813
+ color: d.windowFgColor
2814
+ },
2815
+ children: "×"
2816
+ })
2817
+ })] })]
2818
+ });
2819
+ }, Ye = ({ position: e = "bottom", children: t, style: n, ...r }) => {
2820
+ let i = F();
2821
+ return /* @__PURE__ */ E(C, {
2822
+ pointerEvents: "box-none",
2823
+ accessibilityLabel: "Notifications",
2824
+ style: [
2825
+ {
2826
+ position: "absolute",
2827
+ left: 0,
2828
+ right: 0,
2829
+ alignItems: "center",
2830
+ gap: i.space1,
2831
+ zIndex: 9999
2832
+ },
2833
+ e === "top" ? { top: i.space4 } : { bottom: i.space4 },
2834
+ n
2835
+ ],
2836
+ ...r,
2837
+ children: t
2838
+ });
2839
+ }, Xe = r(function({ children: e, accessibilityLabel: t = "View switcher", style: n, ...r }, i) {
2840
+ let a = F(), o = N();
2841
+ return /* @__PURE__ */ D(C, {
2842
+ ref: i,
2843
+ accessible: !0,
2844
+ accessibilityRole: "radiogroup",
2845
+ accessibilityLabel: t,
2846
+ style: [{
2847
+ alignSelf: "flex-start",
2848
+ borderRadius: a.radiusPill,
2849
+ overflow: "hidden",
2850
+ backgroundColor: a.headerbarBgColor
2851
+ }, n],
2852
+ ...r,
2853
+ children: [/* @__PURE__ */ E(C, {
2854
+ pointerEvents: "none",
2855
+ style: [b.absoluteFill, { backgroundColor: o === "dark" ? "rgba(0, 0, 0, 0.3)" : "rgba(0, 0, 0, 0.25)" }]
2856
+ }), /* @__PURE__ */ E(C, {
2857
+ style: {
2858
+ flexDirection: "row",
2859
+ alignItems: "center",
2860
+ gap: 2,
2861
+ padding: 3
2862
+ },
2863
+ children: e
2864
+ })]
2865
+ });
2866
+ }), Ze = r(function({ label: e, icon: t, active: n = !1, disabled: r, ...i }, a) {
2867
+ let o = F();
2868
+ return /* @__PURE__ */ D(v, {
2869
+ ref: a,
2870
+ disabled: r,
2871
+ accessibilityRole: "radio",
2872
+ accessibilityState: {
2873
+ checked: n,
2874
+ disabled: !!r
2875
+ },
2876
+ accessibilityLabel: e,
2877
+ style: ({ pressed: e }) => ({
2878
+ flexDirection: "row",
2879
+ alignItems: "center",
2880
+ justifyContent: "center",
2881
+ gap: o.space1,
2882
+ paddingVertical: 5,
2883
+ paddingHorizontal: o.space2,
2884
+ borderRadius: o.radiusPill - 3,
2885
+ opacity: r ? o.opacityDisabled : 1,
2886
+ backgroundColor: n ? o.headerbarBgColor : e ? o.activeOverlay : "transparent"
2887
+ }),
2888
+ ...i,
2889
+ children: [t && /* @__PURE__ */ E(C, {
2890
+ style: { flexShrink: 0 },
2891
+ children: t
2892
+ }), /* @__PURE__ */ E(x, {
2893
+ style: {
2894
+ fontFamily: o.fontFamily,
2895
+ fontSize: o.fontSizeBody,
2896
+ fontWeight: String(n ? o.fontWeightSemibold : o.fontWeightNormal),
2897
+ color: o.headerbarFgColor
2898
+ },
2899
+ children: e
2900
+ })]
2901
+ });
2902
+ });
2903
+ //#endregion
2904
+ export { ge as ActionRow, _e as BoxedList, ye as Button, xe as Card, Se as Checkbox, M as GnomeContext, fe as GnomeProvider, Ce as HeaderBar, we as Link, L as NAMED_ACCENT_COLORS, Te as PathBar, Ee as ProgressBar, De as RadioButton, ke as SearchBar, U as Separator, je as Sidebar, X as SidebarCollapsedContext, Q as SidebarFilterContext, Me as SidebarItem, Ne as SidebarSection, Pe as Skeleton, Ie as Spinner, Ve as Switch, He as TabBar, Ue as TabItem, We as TabPanel, H as Text, Ke as TextField, Je as Toast, Ye as Toaster, Xe as ViewSwitcher, Ze as ViewSwitcherItem, B as applyAccentColor, te as darkRawTokens, k as darkTheme, re as highContrastDarkRawTokens, j as highContrastDarkTheme, ne as highContrastRawTokens, A as highContrastTheme, ee as lightRawTokens, O as lightTheme, R as resolveColorScheme, z as resolveContrast, I as resolveGnomeTheme, ue as useAccentColor, ce as useColorScheme, le as useContrast, se as useDateTimeFormatter, ae as useDir, F as useGnomeTheme, ie as useLocale, oe as useNumberFormatter, V as useReducedMotion, N as useResolvedColorScheme, P as useResolvedContrast, Z as useSidebarCollapsed };
2905
+
2906
+ //# sourceMappingURL=index.js.map