ardo 3.3.0 → 3.4.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 (65) hide show
  1. package/dist/{DocPage-B0Fr09xS.js → DocPage-Dy7OrCP2.js} +21 -19
  2. package/dist/DocPage-Dy7OrCP2.js.map +1 -0
  3. package/dist/assets/src/ui/{DocPage.css.ts.vanilla-BzG5Z7uL.css → DocPage.css.ts.vanilla-CWL92vUE.css} +8 -19
  4. package/dist/assets/src/ui/ErrorBoundary.css.ts.vanilla-C4usIU4z.css +112 -0
  5. package/dist/assets/src/ui/{Footer.css.ts.vanilla-YkYGSrJ5.css → Footer.css.ts.vanilla-DGTyff5Y.css} +39 -17
  6. package/dist/assets/src/ui/{Header.css.ts.vanilla-DoHPoq3b.css → Header.css.ts.vanilla-DEcLj8r0.css} +27 -45
  7. package/dist/assets/src/ui/{Layout.css.ts.vanilla-C7TVummJ.css → Layout.css.ts.vanilla-ClOa1YZm.css} +0 -3
  8. package/dist/assets/src/ui/{Sidebar.css.ts.vanilla-PyKaHp0J.css → Sidebar.css.ts.vanilla-IxNEQEBv.css} +57 -31
  9. package/dist/assets/src/ui/{Toc.css.ts.vanilla-Py3sLE1P.css → Toc.css.ts.vanilla-CQbpEdTg.css} +5 -5
  10. package/dist/assets/src/ui/components/{CodeBlock.css.ts.vanilla-DL4KE8dp.css → CodeBlock.css.ts.vanilla-BxDJ2gKc.css} +14 -12
  11. package/dist/assets/src/ui/components/{CopyButton.css.ts.vanilla-DSjVT6G0.css → CopyButton.css.ts.vanilla-CO2awD6S.css} +4 -5
  12. package/dist/assets/src/ui/components/HeaderSearch.css.ts.vanilla-KAo_Mlc-.css +68 -0
  13. package/dist/assets/src/ui/components/{Search.css.ts.vanilla-CX2EM6hW.css → Search.css.ts.vanilla-NQZH1eLo.css} +17 -6
  14. package/dist/assets/src/ui/theme/{dark.css.ts.vanilla-C40AfyaZ.css → dark.css.ts.vanilla-CQef5pk2.css} +11 -7
  15. package/dist/assets/src/ui/theme/{light.css.ts.vanilla-D0oxKOX2.css → light.css.ts.vanilla-D8gxaS1c.css} +11 -7
  16. package/dist/{brand-icons-DLJKqTun.js → brand-icons-Di8w0Nu9.js} +1 -1
  17. package/dist/{brand-icons-DLJKqTun.js.map → brand-icons-Di8w0Nu9.js.map} +1 -1
  18. package/dist/config/index.d.ts +1 -1
  19. package/dist/{contract.css-ZxmDpwAM.d.ts → contract.css-qPyk_asd.d.ts} +5 -1
  20. package/dist/contract.css-qPyk_asd.d.ts.map +1 -0
  21. package/dist/{generator-DX0PP1xf.js → generator-CYSyo4Vz.js} +7 -6
  22. package/dist/generator-CYSyo4Vz.js.map +1 -0
  23. package/dist/icons/index.js +1 -1
  24. package/dist/{index-CWfXolzQ.d.ts → index-BcekgOfA.d.ts} +68 -7
  25. package/dist/index-BcekgOfA.d.ts.map +1 -0
  26. package/dist/{index-BNKprp9_.d.ts → index-CuMTHUxX.d.ts} +8 -2
  27. package/dist/index-CuMTHUxX.d.ts.map +1 -0
  28. package/dist/index.d.ts +3 -3
  29. package/dist/index.js +3 -3
  30. package/dist/mdx/provider.js +1 -1
  31. package/dist/runtime/index.d.ts +1 -1
  32. package/dist/runtime/index.js +1 -1
  33. package/dist/{sidebar-utils-1Skqle1Q.js → sidebar-utils-C06DJsx4.js} +15 -4
  34. package/dist/sidebar-utils-C06DJsx4.js.map +1 -0
  35. package/dist/theme/index.d.ts +16 -4
  36. package/dist/theme/index.d.ts.map +1 -1
  37. package/dist/theme/index.js +46 -23
  38. package/dist/theme/index.js.map +1 -1
  39. package/dist/typedoc/components/index.d.ts +1 -1
  40. package/dist/typedoc/index.d.ts +1 -1
  41. package/dist/typedoc/index.d.ts.map +1 -1
  42. package/dist/typedoc/index.js +1 -1
  43. package/dist/{types-Do3OQY8G.d.ts → types-B75OhnGa.d.ts} +13 -2
  44. package/dist/types-B75OhnGa.d.ts.map +1 -0
  45. package/dist/{types-DvGYhH63.d.ts → types-Ck2Vm7NB.d.ts} +2 -2
  46. package/dist/{types-DvGYhH63.d.ts.map → types-Ck2Vm7NB.d.ts.map} +1 -1
  47. package/dist/ui/index.d.ts +2 -2
  48. package/dist/ui/index.js +3 -3
  49. package/dist/ui/styles.css +342 -306
  50. package/dist/ui/styles.js +11 -11
  51. package/dist/{ui-BzUIfYJm.js → ui-AGPGBunC.js} +584 -276
  52. package/dist/ui-AGPGBunC.js.map +1 -0
  53. package/dist/vite/index.d.ts +1 -1
  54. package/dist/vite/index.d.ts.map +1 -1
  55. package/dist/vite/index.js +165 -24
  56. package/dist/vite/index.js.map +1 -1
  57. package/package.json +13 -13
  58. package/dist/DocPage-B0Fr09xS.js.map +0 -1
  59. package/dist/contract.css-ZxmDpwAM.d.ts.map +0 -1
  60. package/dist/generator-DX0PP1xf.js.map +0 -1
  61. package/dist/index-BNKprp9_.d.ts.map +0 -1
  62. package/dist/index-CWfXolzQ.d.ts.map +0 -1
  63. package/dist/sidebar-utils-1Skqle1Q.js.map +0 -1
  64. package/dist/types-Do3OQY8G.d.ts.map +0 -1
  65. package/dist/ui-BzUIfYJm.js.map +0 -1
package/dist/assets/src/ui/{Header.css.ts.vanilla-DoHPoq3b.css → Header.css.ts.vanilla-DEcLj8r0.css} RENAMED
@@ -21,13 +21,22 @@
21
21
  display: flex;
22
22
  align-items: center;
23
23
  gap: var(--ardo-space-md);
24
+ flex-shrink: 0;
24
25
  }
25
26
  .qjc2r53 {
27
+ display: flex;
28
+ flex: 1;
29
+ justify-content: center;
30
+ min-width: 0;
31
+ padding: 0 var(--ardo-space-lg);
32
+ }
33
+ .qjc2r54 {
26
34
  display: flex;
27
35
  align-items: center;
28
36
  gap: 0.75rem;
37
+ flex-shrink: 0;
29
38
  }
30
- .qjc2r54 {
39
+ .qjc2r55 {
31
40
  display: flex;
32
41
  align-items: center;
33
42
  gap: var(--ardo-space-sm);
@@ -35,18 +44,18 @@
35
44
  color: var(--ardo-color-text);
36
45
  transition: opacity var(--ardo-transition-fast);
37
46
  }
38
- .qjc2r54:hover {
47
+ .qjc2r55:hover {
39
48
  opacity: 0.8;
40
49
  }
41
- .qjc2r55 {
50
+ .qjc2r56 {
42
51
  height: 2rem;
43
52
  }
44
- .qjc2r56 {
53
+ .qjc2r57 {
45
54
  font-size: var(--ardo-fontSize-lg);
46
55
  font-weight: 700;
47
56
  letter-spacing: -0.025em;
48
57
  }
49
- .qjc2r57 {
58
+ .qjc2r58 {
50
59
  display: none;
51
60
  background: none;
52
61
  border: none;
@@ -55,15 +64,15 @@
55
64
  border-radius: var(--ardo-radius-sm);
56
65
  color: var(--ardo-color-text);
57
66
  }
58
- .qjc2r57:hover {
67
+ .qjc2r58:hover {
59
68
  background: var(--ardo-color-bgSoft);
60
69
  }
61
- .qjc2r58 {
70
+ .qjc2r59 {
62
71
  display: flex;
63
72
  flex-direction: column;
64
73
  gap: var(--ardo-space-xs);
65
74
  }
66
- .qjc2r58 span {
75
+ .qjc2r59 span {
67
76
  display: block;
68
77
  width: 1.25rem;
69
78
  height: 2px;
@@ -71,32 +80,9 @@
71
80
  border-radius: 1px;
72
81
  transition: all var(--ardo-transition-fast);
73
82
  }
74
- .qjc2r59 {
75
- display: flex;
76
- align-items: center;
77
- }
78
83
  .qjc2r5a {
79
- display: none;
80
- height: 2.75rem;
81
- width: 100%;
82
- max-width: 100vw;
83
- overflow-x: auto;
84
- overflow-y: hidden;
85
- border-top: 1px solid var(--ardo-color-borderLight);
86
- scrollbar-width: none;
87
- }
88
- .qjc2r5a::-webkit-scrollbar {
89
- display: none;
90
- }
91
- .qjc2r5a nav {
92
84
  display: flex;
93
85
  align-items: center;
94
- gap: var(--ardo-space-xs);
95
- width: max-content;
96
- flex-shrink: 0;
97
- }
98
- .qjc2r5a a, .qjc2r5a span {
99
- white-space: nowrap;
100
86
  }
101
87
  .qjc2r5b {
102
88
  position: fixed;
@@ -176,25 +162,21 @@
176
162
  .qjc2r5i {
177
163
  display: none;
178
164
  }
165
+ @media (max-width: 640px) {
166
+ .qjc2r51 {
167
+ padding: 0 var(--ardo-space-md);
168
+ }
169
+ }
179
170
  @media (max-width: 1024px) {
180
- .qjc2r50 {
181
- height: calc(var(--ardo-layout-headerHeight) + 2.75rem + env(safe-area-inset-top));
171
+ .qjc2r53 {
172
+ justify-content: flex-end;
173
+ padding: 0 var(--ardo-space-sm);
182
174
  }
183
- .qjc2r57 {
175
+ .qjc2r58 {
184
176
  display: flex;
185
177
  align-items: center;
186
178
  }
187
- .qjc2r59 {
188
- display: none;
189
- }
190
179
  .qjc2r5a {
191
- display: flex;
192
- align-items: center;
193
- padding: 0 var(--ardo-space-md);
194
- }
195
- }
196
- @media (max-width: 640px) {
197
- .qjc2r51 {
198
- padding: 0 var(--ardo-space-md);
180
+ display: none;
199
181
  }
200
182
  }
package/dist/assets/src/ui/{Layout.css.ts.vanilla-C7TVummJ.css → Layout.css.ts.vanilla-ClOa1YZm.css} RENAMED
@@ -57,9 +57,6 @@
57
57
  top: var(--ardo-space-md);
58
58
  }
59
59
  @media (max-width: 1024px) {
60
- ._8autjm1 {
61
- padding-top: calc(var(--ardo-layout-headerHeight) + 2.75rem);
62
- }
63
60
  ._8autjm2 {
64
61
  padding: 0 var(--ardo-space-md) var(--ardo-space-xl);
65
62
  }
package/dist/assets/src/ui/{Sidebar.css.ts.vanilla-PyKaHp0J.css → Sidebar.css.ts.vanilla-IxNEQEBv.css} RENAMED
@@ -14,13 +14,38 @@
14
14
  background: var(--ardo-color-bgSoft);
15
15
  }
16
16
  ._1057ydn2 {
17
+ position: relative;
18
+ }
19
+ ._1057ydn3 {
20
+ position: absolute;
21
+ left: calc(100% + 0.75rem);
22
+ top: 50%;
23
+ transform: translateY(-50%) translateX(-4px);
24
+ padding: 0.375rem 0.625rem;
25
+ background: var(--ardo-color-text);
26
+ color: var(--ardo-color-bg);
27
+ font-size: var(--ardo-fontSize-xs);
28
+ font-weight: 500;
29
+ border-radius: var(--ardo-radius-sm);
30
+ white-space: nowrap;
31
+ pointer-events: none;
32
+ opacity: 0;
33
+ transition: opacity var(--ardo-transition-fast), transform var(--ardo-transition-fast);
34
+ z-index: 50;
35
+ }
36
+ ._1057ydn2:hover ._1057ydn3 {
37
+ opacity: 1;
38
+ transform: translateY(-50%) translateX(0);
39
+ transition-delay: 200ms;
40
+ }
41
+ ._1057ydn4 {
17
42
  display: flex;
18
43
  flex-direction: column;
19
44
  align-items: center;
20
45
  gap: var(--ardo-space-xs);
21
46
  list-style: none;
22
47
  }
23
- ._1057ydn3 {
48
+ ._1057ydn5 {
24
49
  position: relative;
25
50
  display: flex;
26
51
  align-items: center;
@@ -32,17 +57,17 @@
32
57
  text-decoration: none;
33
58
  transition: background var(--ardo-transition-fast), color var(--ardo-transition-fast), box-shadow var(--ardo-transition-fast);
34
59
  }
35
- ._1057ydn3:hover {
60
+ ._1057ydn5:hover {
36
61
  color: var(--ardo-color-text);
37
62
  background: var(--ardo-color-bg);
38
63
  box-shadow: var(--ardo-color-shadowSm);
39
64
  }
40
- ._1057ydn3.active {
65
+ ._1057ydn5.active {
41
66
  color: var(--ardo-color-brand);
42
67
  background: var(--ardo-color-brandSubtle);
43
68
  box-shadow: inset 0 0 0 1px var(--ardo-color-borderLight);
44
69
  }
45
- ._1057ydn3.active::before {
70
+ ._1057ydn5.active::before {
46
71
  content: "";
47
72
  position: absolute;
48
73
  left: -0.75rem;
@@ -52,58 +77,60 @@
52
77
  border-radius: 999px;
53
78
  background: var(--ardo-color-brand);
54
79
  }
55
- ._1057ydn4 {
80
+ ._1057ydn6 {
56
81
  display: flex;
57
82
  flex-direction: column;
58
83
  min-width: 0;
59
84
  flex: 1;
60
85
  padding: var(--ardo-space-md) var(--ardo-space-md) var(--ardo-space-md) 1.125rem;
61
86
  }
62
- ._1057ydn5 {
87
+ ._1057ydn7 {
63
88
  flex-shrink: 0;
64
89
  margin-bottom: var(--ardo-space-lg);
65
90
  position: relative;
66
91
  }
67
- ._1057ydn6 {
92
+ ._1057ydn8 {
68
93
  flex: 1;
69
94
  overflow-y: auto;
70
95
  min-height: 0;
71
96
  }
72
- ._1057ydn7 {
97
+ ._1057ydn9 {
73
98
  list-style: none;
74
99
  }
75
- ._1057ydn9 {
100
+ ._1057ydnb {
76
101
  margin-left: 0.75rem;
77
102
  margin-top: 2px;
78
103
  }
79
- ._1057ydnb {
104
+ ._1057ydnd:not(:first-child) {
105
+ margin-top: var(--ardo-space-lg);
106
+ }
107
+ ._1057ydne {
80
108
  display: flex;
81
109
  align-items: center;
82
110
  justify-content: space-between;
83
111
  }
84
- li:not(:first-child) > ._1057ydnb {
85
- margin-top: var(--ardo-space-lg);
86
- }
87
- ._1057ydnc {
112
+ ._1057ydnf {
88
113
  display: block;
89
114
  padding: 0.375rem 0.75rem;
90
115
  color: var(--ardo-color-textLight);
91
116
  text-decoration: none;
92
117
  font-size: var(--ardo-fontSize-sm);
93
118
  font-weight: 400;
94
- border-radius: var(--ardo-radius-base);
119
+ border-left: 2px solid transparent;
120
+ border-radius: 0 var(--ardo-radius-base) var(--ardo-radius-base) 0;
95
121
  transition: all var(--ardo-transition-fast);
96
122
  }
97
- ._1057ydnc:hover {
123
+ ._1057ydnf:hover {
98
124
  color: var(--ardo-color-text);
99
125
  background: var(--ardo-color-bgSoft);
100
126
  }
101
- ._1057ydnc.active {
127
+ ._1057ydnf.active {
102
128
  color: var(--ardo-color-brand);
103
129
  background: var(--ardo-color-brandSubtle);
130
+ border-left-color: var(--ardo-color-brand);
104
131
  font-weight: 500;
105
132
  }
106
- ._1057ydnd {
133
+ ._1057ydng {
107
134
  display: flex;
108
135
  align-items: center;
109
136
  gap: var(--ardo-space-sm);
@@ -111,21 +138,20 @@ li:not(:first-child) > ._1057ydnb {
111
138
  color: var(--ardo-color-textLight);
112
139
  text-decoration: none;
113
140
  font-weight: 600;
114
- font-size: var(--ardo-fontSize-xs);
115
- text-transform: uppercase;
116
- letter-spacing: 0.07em;
141
+ font-size: var(--ardo-fontSize-sm);
142
+ letter-spacing: -0.005em;
117
143
  transition: all var(--ardo-transition-fast);
118
144
  }
119
- ._1057ydnd:hover {
145
+ ._1057ydng:hover {
120
146
  color: var(--ardo-color-text);
121
147
  }
122
- ._1057ydnd.active {
148
+ ._1057ydng.active {
123
149
  color: var(--ardo-color-brand);
124
150
  }
125
- ._1057ydnd.child-active {
151
+ ._1057ydng.child-active {
126
152
  color: var(--ardo-color-text);
127
153
  }
128
- ._1057ydne {
154
+ ._1057ydnh {
129
155
  width: 100%;
130
156
  background: none;
131
157
  border: none;
@@ -136,7 +162,7 @@ li:not(:first-child) > ._1057ydnb {
136
162
  text-align: left;
137
163
  cursor: pointer;
138
164
  }
139
- ._1057ydnf {
165
+ ._1057ydni {
140
166
  display: flex;
141
167
  align-items: center;
142
168
  align-self: center;
@@ -148,21 +174,21 @@ li:not(:first-child) > ._1057ydnb {
148
174
  border-radius: 50%;
149
175
  transition: all var(--ardo-transition-base);
150
176
  }
151
- ._1057ydnf:hover {
177
+ ._1057ydni:hover {
152
178
  color: var(--ardo-color-text);
153
179
  }
154
- ._1057ydnf.collapsed {
180
+ ._1057ydni.collapsed {
155
181
  transform: rotate(-90deg);
156
182
  }
157
- ._1057ydng {
183
+ ._1057ydnj {
158
184
  display: grid;
159
185
  grid-template-rows: 1fr;
160
186
  transition: grid-template-rows var(--ardo-transition-slow);
161
187
  }
162
- ._1057ydng[data-collapsed="true"] {
188
+ ._1057ydnj[data-collapsed="true"] {
163
189
  grid-template-rows: 0fr;
164
190
  }
165
- ._1057ydnh {
191
+ ._1057ydnk {
166
192
  overflow: hidden;
167
193
  min-height: 0;
168
194
  }
package/dist/assets/src/ui/{Toc.css.ts.vanilla-Py3sLE1P.css → Toc.css.ts.vanilla-CQbpEdTg.css} RENAMED
@@ -3,10 +3,10 @@
3
3
  }
4
4
  ._16vvfx81 {
5
5
  font-size: var(--ardo-fontSize-xs);
6
- font-weight: 700;
6
+ font-weight: 600;
7
7
  text-transform: uppercase;
8
- letter-spacing: 0.06em;
9
- color: var(--ardo-color-textLight);
8
+ letter-spacing: 0.08em;
9
+ color: var(--ardo-color-textLighter);
10
10
  margin-bottom: var(--ardo-space-sm);
11
11
  }
12
12
  ._16vvfx82 {
@@ -28,8 +28,8 @@
28
28
  border-left-color: var(--ardo-color-border);
29
29
  }
30
30
  ._16vvfx83.active {
31
- color: var(--ardo-color-brand);
32
- border-left-color: var(--ardo-color-brand);
31
+ color: var(--ardo-color-accent);
32
+ border-left-color: var(--ardo-color-accent);
33
33
  font-weight: 500;
34
34
  }
35
35
  ._16vvfx84 {
package/dist/assets/src/ui/components/{CodeBlock.css.ts.vanilla-DL4KE8dp.css → CodeBlock.css.ts.vanilla-BxDJ2gKc.css} RENAMED
@@ -12,13 +12,16 @@
12
12
  font-size: var(--ardo-fontSize-xs);
13
13
  font-weight: 500;
14
14
  font-family: var(--ardo-font-mono);
15
- color: var(--ardo-color-textLighter);
16
- background: var(--ardo-color-bgSoft);
15
+ color: var(--ardo-color-textLight);
16
+ background: color-mix(in oklch, var(--ardo-color-accentSubtle) 50%, var(--ardo-color-bgSoft));
17
17
  border-bottom: 1px solid var(--ardo-color-codeBorder);
18
18
  }
19
19
  ._1l68ra32 {
20
20
  position: relative;
21
21
  }
22
+ ._1l68ra32:hover ._1flm2ul1, ._1l68ra32:focus-within ._1flm2ul1 {
23
+ opacity: 1;
24
+ }
22
25
  ._1l68ra32 pre {
23
26
  margin: 0;
24
27
  padding: var(--ardo-space-lg) var(--ardo-space-md);
@@ -65,8 +68,8 @@
65
68
  font-size: var(--ardo-fontSize-xs);
66
69
  font-weight: 500;
67
70
  font-family: var(--ardo-font-mono);
68
- color: var(--ardo-color-textLighter);
69
- background: var(--ardo-color-bgSoft);
71
+ color: var(--ardo-color-textLight);
72
+ background: color-mix(in oklch, var(--ardo-color-accentSubtle) 50%, var(--ardo-color-bgSoft));
70
73
  border-bottom: 1px solid var(--ardo-color-codeBorder);
71
74
  }
72
75
  .ardo-shiki {
@@ -129,21 +132,20 @@
129
132
  align-items: center;
130
133
  gap: var(--ardo-space-xs);
131
134
  padding: var(--ardo-space-xs) var(--ardo-space-sm);
132
- background: var(--ardo-color-bgSoft);
135
+ background: var(--ardo-color-bg);
133
136
  border: 1px solid var(--ardo-color-codeBorder);
134
137
  border-radius: var(--ardo-radius-sm);
135
138
  cursor: pointer;
136
139
  font-size: var(--ardo-fontSize-xs);
137
140
  font-family: var(--ardo-font-family);
138
141
  color: var(--ardo-color-textLight);
139
- opacity: 0.72;
140
- transition: all var(--ardo-transition-base);
142
+ opacity: 0;
143
+ transition: opacity var(--ardo-transition-base), border-color var(--ardo-transition-fast), color var(--ardo-transition-fast);
141
144
  }
142
- .ardo-shiki:hover button[data-code] {
145
+ .ardo-shiki:hover button[data-code], .ardo-shiki:focus-within button[data-code] {
143
146
  opacity: 1;
144
147
  }
145
- .ardo-shiki button[data-code]:hover {
146
- opacity: 1;
148
+ .ardo-shiki button[data-code]:hover, .ardo-shiki button[data-code]:focus-visible {
147
149
  border-color: var(--ardo-color-brand);
148
150
  color: var(--ardo-color-brand);
149
151
  }
@@ -186,8 +188,8 @@
186
188
  color: var(--ardo-color-text);
187
189
  }
188
190
  ._1l68ra37.active {
189
- color: var(--ardo-color-brand);
190
- border-bottom-color: var(--ardo-color-brand);
191
+ color: var(--ardo-color-accent);
192
+ border-bottom-color: var(--ardo-color-accent);
191
193
  }
192
194
  ._1l68ra39 ._1l68ra30 {
193
195
  margin: 0;
package/dist/assets/src/ui/components/{CopyButton.css.ts.vanilla-DSjVT6G0.css → CopyButton.css.ts.vanilla-CO2awD6S.css} RENAMED
@@ -6,19 +6,18 @@
6
6
  align-items: center;
7
7
  gap: 6px;
8
8
  padding: 6px 10px;
9
- background: var(--ardo-color-bgSoft);
9
+ background: var(--ardo-color-bg);
10
10
  border: 1px solid var(--ardo-color-codeBorder);
11
11
  border-radius: var(--ardo-radius-sm);
12
12
  cursor: pointer;
13
13
  font-size: 12px;
14
14
  font-family: var(--ardo-font-family);
15
15
  color: var(--ardo-color-textLight);
16
- opacity: 0.72;
17
- transition: all var(--ardo-transition-base);
16
+ opacity: 0;
17
+ transition: opacity var(--ardo-transition-base), border-color var(--ardo-transition-fast), color var(--ardo-transition-fast);
18
18
  }
19
- ._1flm2ul1:hover {
19
+ ._1flm2ul1:hover, ._1flm2ul1:focus-visible {
20
20
  opacity: 1;
21
- background: var(--ardo-color-bg);
22
21
  border-color: var(--ardo-color-brand);
23
22
  color: var(--ardo-color-brand);
24
23
  }
package/dist/assets/src/ui/components/HeaderSearch.css.ts.vanilla-KAo_Mlc-.css ADDED
@@ -0,0 +1,68 @@
1
+ .xapf7e0 {
2
+ width: 100%;
3
+ max-width: 26rem;
4
+ }
5
+ .xapf7e1 {
6
+ display: none;
7
+ align-items: center;
8
+ justify-content: center;
9
+ width: 2.25rem;
10
+ height: 2.25rem;
11
+ background: none;
12
+ border: none;
13
+ cursor: pointer;
14
+ border-radius: var(--ardo-radius-base);
15
+ color: var(--ardo-color-text);
16
+ transition: background var(--ardo-transition-fast);
17
+ }
18
+ .xapf7e1:hover {
19
+ background: var(--ardo-color-bgSoft);
20
+ }
21
+ .xapf7e2 {
22
+ position: fixed;
23
+ inset: 0;
24
+ z-index: 200;
25
+ display: flex;
26
+ flex-direction: column;
27
+ background: color-mix(in oklch, var(--ardo-color-bg) 88%, transparent);
28
+ backdrop-filter: blur(4px);
29
+ -webkit-backdrop-filter: blur(4px);
30
+ }
31
+ .xapf7e3 {
32
+ display: flex;
33
+ align-items: center;
34
+ gap: var(--ardo-space-sm);
35
+ padding: var(--ardo-space-md);
36
+ border-bottom: 1px solid var(--ardo-color-border);
37
+ background: var(--ardo-color-bg);
38
+ }
39
+ .xapf7e4 {
40
+ flex: 1;
41
+ min-width: 0;
42
+ }
43
+ .xapf7e5 {
44
+ display: flex;
45
+ align-items: center;
46
+ justify-content: center;
47
+ width: 2.25rem;
48
+ height: 2.25rem;
49
+ flex-shrink: 0;
50
+ background: none;
51
+ border: none;
52
+ cursor: pointer;
53
+ border-radius: var(--ardo-radius-base);
54
+ color: var(--ardo-color-textLight);
55
+ transition: background var(--ardo-transition-fast), color var(--ardo-transition-fast);
56
+ }
57
+ .xapf7e5:hover {
58
+ background: var(--ardo-color-bgSoft);
59
+ color: var(--ardo-color-text);
60
+ }
61
+ @media (max-width: 1024px) {
62
+ .xapf7e0 {
63
+ display: none;
64
+ }
65
+ .xapf7e1 {
66
+ display: flex;
67
+ }
68
+ }
package/dist/assets/src/ui/components/{Search.css.ts.vanilla-CX2EM6hW.css → Search.css.ts.vanilla-NQZH1eLo.css} RENAMED
@@ -80,11 +80,19 @@
80
80
  color: var(--ardo-color-textLighter);
81
81
  }
82
82
  .wxcdiv8 {
83
+ display: flex;
84
+ flex-direction: column;
85
+ align-items: center;
86
+ gap: var(--ardo-space-sm);
83
87
  padding: var(--ardo-space-xl) var(--ardo-space-md);
84
88
  text-align: center;
85
89
  color: var(--ardo-color-textLighter);
86
90
  }
87
91
  .wxcdiv9 {
92
+ color: var(--ardo-color-textLighter);
93
+ opacity: 0.55;
94
+ }
95
+ .wxcdiva {
88
96
  display: flex;
89
97
  justify-content: center;
90
98
  gap: var(--ardo-space-lg);
@@ -94,14 +102,16 @@
94
102
  font-size: var(--ardo-fontSize-xs);
95
103
  color: var(--ardo-color-textLighter);
96
104
  }
97
- .wxcdiv9 kbd {
105
+ .wxcdiva kbd {
98
106
  padding: 2px 6px;
99
107
  background: var(--ardo-color-bg);
100
108
  border: 1px solid var(--ardo-color-border);
101
109
  border-radius: var(--ardo-radius-sm);
102
110
  margin-right: 4px;
111
+ color: var(--ardo-color-accent);
112
+ font-family: var(--ardo-font-mono);
103
113
  }
104
- .wxcdiva {
114
+ .wxcdivb {
105
115
  display: inline-flex;
106
116
  align-items: center;
107
117
  justify-content: center;
@@ -117,20 +127,21 @@
117
127
  border-radius: var(--ardo-radius-sm);
118
128
  transition: all var(--ardo-transition-fast);
119
129
  }
120
- .wxcdiva:hover {
130
+ .wxcdivb:hover {
121
131
  background: var(--ardo-color-bgSoft);
122
132
  color: var(--ardo-color-text);
123
133
  }
124
- .wxcdivb {
134
+ .wxcdivc {
125
135
  display: flex;
126
136
  gap: 3px;
127
137
  margin-left: var(--ardo-space-xs);
128
138
  }
129
- .wxcdivb kbd {
139
+ .wxcdivc kbd {
130
140
  padding: 2px 6px;
131
141
  background: var(--ardo-color-bg);
132
142
  border: 1px solid var(--ardo-color-border);
133
143
  border-radius: var(--ardo-radius-sm);
134
144
  font-size: var(--ardo-fontSize-xs);
135
- font-family: var(--ardo-font-family);
145
+ font-family: var(--ardo-font-mono);
146
+ color: var(--ardo-color-accent);
136
147
  }
package/dist/assets/src/ui/theme/{dark.css.ts.vanilla-C40AfyaZ.css → dark.css.ts.vanilla-CQef5pk2.css} RENAMED
@@ -1,9 +1,13 @@
1
1
  .dark {
2
- --ardo-color-brand: oklch(0.72 0.095 356);
3
- --ardo-color-brandLight: oklch(0.82 0.085 356);
4
- --ardo-color-brandDark: oklch(0.61 0.105 356);
5
- --ardo-color-brandSubtle: oklch(0.255 0.03 356);
6
- --ardo-color-brandGradient: linear-gradient(135deg, oklch(0.72 0.095 356) 0%, oklch(0.79 0.068 372) 100%);
2
+ --ardo-color-brand: oklch(0.74 0.115 356);
3
+ --ardo-color-brandLight: oklch(0.84 0.1 356);
4
+ --ardo-color-brandDark: oklch(0.62 0.125 356);
5
+ --ardo-color-brandSubtle: oklch(0.275 0.06 356);
6
+ --ardo-color-brandGradient: linear-gradient(135deg, oklch(0.74 0.115 356) 0%, oklch(0.81 0.08 372) 100%);
7
+ --ardo-color-accent: oklch(0.74 0.08 230);
8
+ --ardo-color-accentLight: oklch(0.84 0.07 230);
9
+ --ardo-color-accentDark: oklch(0.6 0.09 230);
10
+ --ardo-color-accentSubtle: oklch(0.26 0.03 230);
7
11
  --ardo-color-bg: oklch(0.155 0.008 356);
8
12
  --ardo-color-bgSoft: oklch(0.195 0.009 356);
9
13
  --ardo-color-bgMute: oklch(0.255 0.01 356);
@@ -16,8 +20,8 @@
16
20
  --ardo-color-divider: oklch(0.29 0.01 356);
17
21
  --ardo-color-sidebarBg: oklch(0.13 0.008 356);
18
22
  --ardo-color-sidebarBorder: oklch(0.265 0.011 356);
19
- --ardo-color-codeBg: oklch(0.19 0.008 356);
20
- --ardo-color-codeBorder: oklch(0.31 0.01 356);
23
+ --ardo-color-codeBg: oklch(0.21 0.016 230);
24
+ --ardo-color-codeBorder: oklch(0.33 0.024 230);
21
25
  --ardo-color-codeShadow: 0 10px 26px oklch(0 0 0 / 0.18);
22
26
  --ardo-color-shadowSm: 0 1px 2px oklch(0 0 0 / 0.14), 0 1px 3px oklch(0 0 0 / 0.18);
23
27
  --ardo-color-shadowMd: 0 8px 18px oklch(0 0 0 / 0.18), 0 2px 6px oklch(0 0 0 / 0.12);
package/dist/assets/src/ui/theme/{light.css.ts.vanilla-D0oxKOX2.css → light.css.ts.vanilla-D8gxaS1c.css} RENAMED
@@ -1,9 +1,13 @@
1
1
  :root {
2
- --ardo-color-brand: oklch(0.505 0.085 356);
3
- --ardo-color-brandLight: oklch(0.63 0.075 356);
4
- --ardo-color-brandDark: oklch(0.39 0.095 356);
5
- --ardo-color-brandSubtle: oklch(0.965 0.012 356);
6
- --ardo-color-brandGradient: linear-gradient(135deg, oklch(0.505 0.085 356) 0%, oklch(0.61 0.058 372) 100%);
2
+ --ardo-color-brand: oklch(0.5 0.1 356);
3
+ --ardo-color-brandLight: oklch(0.62 0.09 356);
4
+ --ardo-color-brandDark: oklch(0.39 0.11 356);
5
+ --ardo-color-brandSubtle: oklch(0.955 0.025 356);
6
+ --ardo-color-brandGradient: linear-gradient(135deg, oklch(0.5 0.1 356) 0%, oklch(0.6 0.075 372) 100%);
7
+ --ardo-color-accent: oklch(0.5 0.075 230);
8
+ --ardo-color-accentLight: oklch(0.62 0.07 230);
9
+ --ardo-color-accentDark: oklch(0.38 0.085 230);
10
+ --ardo-color-accentSubtle: oklch(0.963 0.012 230);
7
11
  --ardo-color-bg: oklch(0.992 0.0015 356);
8
12
  --ardo-color-bgSoft: oklch(0.975 0.003 356);
9
13
  --ardo-color-bgMute: oklch(0.955 0.004 356);
@@ -16,8 +20,8 @@
16
20
  --ardo-color-divider: oklch(0.89 0.004 356);
17
21
  --ardo-color-sidebarBg: oklch(0.965 0.004 356);
18
22
  --ardo-color-sidebarBorder: oklch(0.885 0.005 356);
19
- --ardo-color-codeBg: oklch(0.972 0.003 356);
20
- --ardo-color-codeBorder: oklch(0.895 0.004 356);
23
+ --ardo-color-codeBg: oklch(0.965 0.012 230);
24
+ --ardo-color-codeBorder: oklch(0.88 0.016 230);
21
25
  --ardo-color-codeShadow: 0 1px 2px oklch(0 0 0 / 0.025);
22
26
  --ardo-color-shadowSm: 0 1px 2px oklch(0 0 0 / 0.035), 0 1px 3px oklch(0 0 0 / 0.045);
23
27
  --ardo-color-shadowMd: 0 8px 18px oklch(0 0 0 / 0.045), 0 2px 6px oklch(0 0 0 / 0.035);
package/dist/{brand-icons-DLJKqTun.js → brand-icons-Di8w0Nu9.js} RENAMED
@@ -56,4 +56,4 @@ const Youtube = YoutubeIcon;
56
56
  //#endregion
57
57
  export { Npm as a, TwitterIcon as c, LinkedinIcon as i, Youtube as l, GithubIcon as n, NpmIcon as o, Linkedin as r, Twitter as s, Github as t, YoutubeIcon as u };
58
58
 
59
- //# sourceMappingURL=brand-icons-DLJKqTun.js.map
59
+ //# sourceMappingURL=brand-icons-Di8w0Nu9.js.map
package/dist/{brand-icons-DLJKqTun.js.map → brand-icons-Di8w0Nu9.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"brand-icons-DLJKqTun.js","names":[],"sources":["../src/ui/brand-icons.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\"\n\nexport type BrandIconProps = {\n size?: number | string\n title?: string\n} & Omit<ComponentProps<\"svg\">, \"children\">\n\ntype BrandIconSvgProps = {\n path: string\n} & BrandIconProps\n\nfunction BrandIconSvg({ path, size = 24, title, ...props }: BrandIconSvgProps) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width={size}\n height={size}\n fill=\"currentColor\"\n role={title == null ? undefined : \"img\"}\n aria-hidden={title == null ? true : undefined}\n {...props}\n >\n {title == null ? null : <title>{title}</title>}\n <path d={path} />\n </svg>\n )\n}\n\n// Vendored from Simple Icons. GitHub, X, YouTube, and npm use v16.17.0.\n// LinkedIn uses v12.4.0; it was removed from Simple Icons in later releases.\nconst GITHUB_PATH =\n \"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\nconst LINKEDIN_PATH =\n \"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\nconst NPM_PATH =\n \"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z\"\nconst TWITTER_PATH =\n \"M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z\"\nconst YOUTUBE_PATH =\n \"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\n\nexport function GithubIcon(props: BrandIconProps) {\n return <BrandIconSvg path={GITHUB_PATH} {...props} />\n}\n\nexport function LinkedinIcon(props: BrandIconProps) {\n return <BrandIconSvg path={LINKEDIN_PATH} {...props} />\n}\n\nexport function NpmIcon(props: BrandIconProps) {\n return <BrandIconSvg path={NPM_PATH} {...props} />\n}\n\nexport function TwitterIcon(props: BrandIconProps) {\n return <BrandIconSvg path={TWITTER_PATH} {...props} />\n}\n\nexport function YoutubeIcon(props: BrandIconProps) {\n return <BrandIconSvg path={YOUTUBE_PATH} {...props} />\n}\n\nexport const Github = GithubIcon\nexport const Linkedin = LinkedinIcon\nexport const Npm = NpmIcon\nexport const Twitter = TwitterIcon\nexport const Youtube = YoutubeIcon\n"],"mappings":";;AAWA,SAAS,aAAa,EAAE,MAAM,OAAO,IAAI,OAAO,GAAG,SAA4B;CAC7E,OACE,qBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,OAAO;EACP,QAAQ;EACR,MAAK;EACL,MAAM,SAAS,OAAO,KAAA,IAAY;EAClC,eAAa,SAAS,OAAO,OAAO,KAAA;EACpC,GAAI;YARN,CAUG,SAAS,OAAO,OAAO,oBAAC,SAAD,EAAA,UAAQ,OAAc,CAAA,EAC9C,oBAAC,QAAD,EAAM,GAAG,MAAQ,CAAA,CACb;;;AAMV,MAAM,cACJ;AACF,MAAM,gBACJ;AACF,MAAM,WACJ;AACF,MAAM,eACJ;AACF,MAAM,eACJ;AAEF,SAAgB,WAAW,OAAuB;CAChD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAa,GAAI;EAAS,CAAA;;AAGvD,SAAgB,aAAa,OAAuB;CAClD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAe,GAAI;EAAS,CAAA;;AAGzD,SAAgB,QAAQ,OAAuB;CAC7C,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAU,GAAI;EAAS,CAAA;;AAGpD,SAAgB,YAAY,OAAuB;CACjD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAc,GAAI;EAAS,CAAA;;AAGxD,SAAgB,YAAY,OAAuB;CACjD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAc,GAAI;EAAS,CAAA;;AAGxD,MAAa,SAAS;AACtB,MAAa,WAAW;AACxB,MAAa,MAAM;AACnB,MAAa,UAAU;AACvB,MAAa,UAAU"}
1
+ {"version":3,"file":"brand-icons-Di8w0Nu9.js","names":[],"sources":["../src/ui/brand-icons.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\"\n\nexport type BrandIconProps = {\n size?: number | string\n title?: string\n} & Omit<ComponentProps<\"svg\">, \"children\">\n\ntype BrandIconSvgProps = {\n path: string\n} & BrandIconProps\n\nfunction BrandIconSvg({ path, size = 24, title, ...props }: BrandIconSvgProps) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width={size}\n height={size}\n fill=\"currentColor\"\n role={title == null ? undefined : \"img\"}\n aria-hidden={title == null ? true : undefined}\n {...props}\n >\n {title == null ? null : <title>{title}</title>}\n <path d={path} />\n </svg>\n )\n}\n\n// Vendored from Simple Icons. GitHub, X, YouTube, and npm use v16.17.0.\n// LinkedIn uses v12.4.0; it was removed from Simple Icons in later releases.\nconst GITHUB_PATH =\n \"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\nconst LINKEDIN_PATH =\n \"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\nconst NPM_PATH =\n \"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z\"\nconst TWITTER_PATH =\n \"M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z\"\nconst YOUTUBE_PATH =\n \"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\n\nexport function GithubIcon(props: BrandIconProps) {\n return <BrandIconSvg path={GITHUB_PATH} {...props} />\n}\n\nexport function LinkedinIcon(props: BrandIconProps) {\n return <BrandIconSvg path={LINKEDIN_PATH} {...props} />\n}\n\nexport function NpmIcon(props: BrandIconProps) {\n return <BrandIconSvg path={NPM_PATH} {...props} />\n}\n\nexport function TwitterIcon(props: BrandIconProps) {\n return <BrandIconSvg path={TWITTER_PATH} {...props} />\n}\n\nexport function YoutubeIcon(props: BrandIconProps) {\n return <BrandIconSvg path={YOUTUBE_PATH} {...props} />\n}\n\nexport const Github = GithubIcon\nexport const Linkedin = LinkedinIcon\nexport const Npm = NpmIcon\nexport const Twitter = TwitterIcon\nexport const Youtube = YoutubeIcon\n"],"mappings":";;AAWA,SAAS,aAAa,EAAE,MAAM,OAAO,IAAI,OAAO,GAAG,SAA4B;CAC7E,OACE,qBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,OAAO;EACP,QAAQ;EACR,MAAK;EACL,MAAM,SAAS,OAAO,KAAA,IAAY;EAClC,eAAa,SAAS,OAAO,OAAO,KAAA;EACpC,GAAI;YARN,CAUG,SAAS,OAAO,OAAO,oBAAC,SAAD,EAAA,UAAQ,OAAc,CAAA,EAC9C,oBAAC,QAAD,EAAM,GAAG,MAAQ,CAAA,CACb;;;AAMV,MAAM,cACJ;AACF,MAAM,gBACJ;AACF,MAAM,WACJ;AACF,MAAM,eACJ;AACF,MAAM,eACJ;AAEF,SAAgB,WAAW,OAAuB;CAChD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAa,GAAI;EAAS,CAAA;;AAGvD,SAAgB,aAAa,OAAuB;CAClD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAe,GAAI;EAAS,CAAA;;AAGzD,SAAgB,QAAQ,OAAuB;CAC7C,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAU,GAAI;EAAS,CAAA;;AAGpD,SAAgB,YAAY,OAAuB;CACjD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAc,GAAI;EAAS,CAAA;;AAGxD,SAAgB,YAAY,OAAuB;CACjD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAc,GAAI;EAAS,CAAA;;AAGxD,MAAa,SAAS;AACtB,MAAa,WAAW;AACxB,MAAa,MAAM;AACnB,MAAa,UAAU;AACvB,MAAa,UAAU"}