@mintlify/components 0.3.15 → 0.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.
- package/README.md +22 -123
- package/dist/components/badge/badge.css +1 -0
- package/dist/components/badge/badge.js +52 -0
- package/dist/components/icon/icon.css +1 -0
- package/dist/components/icon/icon.js +47 -0
- package/dist/index.d.ts +401 -16
- package/dist/index.js +12 -2
- package/dist/styles/design-tokens.js +339 -0
- package/dist/styles/theme.css +1 -0
- package/dist/utils/cn.js +7 -0
- package/package.json +62 -89
- package/.eslintrc.json +0 -11
- package/.github/dependabot.yml +0 -10
- package/.github/workflows/chromatic.yaml +0 -27
- package/.github/workflows/code-style-checks.yaml +0 -13
- package/.github/workflows/sanity.yml +0 -13
- package/.husky/pre-commit +0 -4
- package/.prettierignore +0 -49
- package/.prettierrc +0 -1
- package/CODEOWNERS +0 -1
- package/LICENSE +0 -21
- package/dist/Accordion/Accordion.d.ts +0 -18
- package/dist/Accordion/AccordionCover.d.ts +0 -10
- package/dist/Accordion/AccordionGroup.d.ts +0 -5
- package/dist/Accordion/getAccordionStyleFromType.d.ts +0 -5
- package/dist/Accordion/index.d.ts +0 -3
- package/dist/Api/ApiPlayground.d.ts +0 -22
- package/dist/Api/BaseUrlDropdown.d.ts +0 -9
- package/dist/Api/RequestMethodBubble.d.ts +0 -4
- package/dist/Api/RequestPathHeader.d.ts +0 -13
- package/dist/Api/index.d.ts +0 -4
- package/dist/Api/inputs/AddArrayItemButton.d.ts +0 -4
- package/dist/Api/inputs/ApiInput.d.ts +0 -15
- package/dist/Api/inputs/InputDropdown.d.ts +0 -5
- package/dist/Api/types.d.ts +0 -16
- package/dist/AppearFromTop.d.ts +0 -6
- package/dist/Button.d.ts +0 -42
- package/dist/Callouts.d.ts +0 -10
- package/dist/Card.d.ts +0 -33
- package/dist/CardGroup.d.ts +0 -5
- package/dist/Code/CodeBlock.d.ts +0 -19
- package/dist/Code/CodeGroup.d.ts +0 -29
- package/dist/Code/CopyToClipboardButton.d.ts +0 -7
- package/dist/Code/index.d.ts +0 -4
- package/dist/Expandable/Expandable.d.ts +0 -9
- package/dist/Expandable/ExpandableCover.d.ts +0 -11
- package/dist/Expandable/index.d.ts +0 -2
- package/dist/Frame.d.ts +0 -14
- package/dist/Param.d.ts +0 -14
- package/dist/PillSelect.d.ts +0 -11
- package/dist/Tabs/Tab.d.ts +0 -6
- package/dist/Tabs/Tabs.d.ts +0 -4
- package/dist/Tabs/index.d.ts +0 -3
- package/dist/Tooltip.d.ts +0 -5
- package/dist/index.js.LICENSE.txt +0 -9
- package/dist/main.css +0 -1
- package/dist/utils/apiPlaygroundColors.d.ts +0 -4
- package/dist/utils/copyToClipboard.d.ts +0 -2
- package/dist/utils/delay.d.ts +0 -1
- package/dist/utils/getNodeText.d.ts +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,16 +1,401 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
1
|
+
import { JSX as JSX_2 } from 'react/jsx-runtime';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
export declare function Badge({ children, color, shape, size, stroke, disabled, icon, iconType, className, }: BadgeProps): JSX_2.Element;
|
|
5
|
+
|
|
6
|
+
export declare interface BadgeProps {
|
|
7
|
+
/**
|
|
8
|
+
* @default "gray"
|
|
9
|
+
*/
|
|
10
|
+
color?: "gray" | "blue" | "green" | "orange" | "red" | "purple" | "white" | "surface" | "white-destructive" | "surface-destructive";
|
|
11
|
+
/**
|
|
12
|
+
* Badge border radius shape.
|
|
13
|
+
* @default "rounded"
|
|
14
|
+
*/
|
|
15
|
+
shape?: "rounded" | "pill";
|
|
16
|
+
/**
|
|
17
|
+
* @default "md"
|
|
18
|
+
*/
|
|
19
|
+
size?: "xs" | "sm" | "md" | "lg";
|
|
20
|
+
/**
|
|
21
|
+
* Whether to display a border stroke outline.
|
|
22
|
+
* @default false
|
|
23
|
+
*/
|
|
24
|
+
stroke?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Whether the badge is disabled.
|
|
27
|
+
* @default false
|
|
28
|
+
*/
|
|
29
|
+
disabled?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Optional icon before content. String (icon name) or React node.
|
|
32
|
+
* see {@link Icon} for available icon sets.
|
|
33
|
+
* @example
|
|
34
|
+
* ```tsx
|
|
35
|
+
* <Badge icon="check" iconType="lucide">Verified</Badge>
|
|
36
|
+
* ```
|
|
37
|
+
*/
|
|
38
|
+
icon?: ReactNode | string;
|
|
39
|
+
/**
|
|
40
|
+
* Icon set type when `icon` is a string.
|
|
41
|
+
* @see {@link IconType}
|
|
42
|
+
*/
|
|
43
|
+
iconType?: IconType;
|
|
44
|
+
className?: string;
|
|
45
|
+
children: ReactNode;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
export declare const colors: {
|
|
49
|
+
"base-white": string;
|
|
50
|
+
"base-dark-1": string;
|
|
51
|
+
"base-transparent": string;
|
|
52
|
+
"icon-gray-2": string;
|
|
53
|
+
"icon-gray-3": string;
|
|
54
|
+
"gray-13-shadow": string;
|
|
55
|
+
"gray-13-shadow-2": string;
|
|
56
|
+
"red-1-focus": string;
|
|
57
|
+
"gray-1": string;
|
|
58
|
+
"gray-2": string;
|
|
59
|
+
"gray-3": string;
|
|
60
|
+
"gray-4": string;
|
|
61
|
+
"gray-5": string;
|
|
62
|
+
"gray-6": string;
|
|
63
|
+
"gray-7": string;
|
|
64
|
+
"gray-8": string;
|
|
65
|
+
"gray-9": string;
|
|
66
|
+
"gray-10": string;
|
|
67
|
+
"gray-11": string;
|
|
68
|
+
"gray-12": string;
|
|
69
|
+
"gray-13": string;
|
|
70
|
+
"gray-1a": string;
|
|
71
|
+
"gray-2a": string;
|
|
72
|
+
"gray-5a": string;
|
|
73
|
+
"gray-5a-solid": string;
|
|
74
|
+
"gray-7a": string;
|
|
75
|
+
"gray-9a": string;
|
|
76
|
+
"gray-9a-solid": string;
|
|
77
|
+
"white-1": string;
|
|
78
|
+
"white-2": string;
|
|
79
|
+
"white-3": string;
|
|
80
|
+
"white-4": string;
|
|
81
|
+
"white-5": string;
|
|
82
|
+
"white-5-solid": string;
|
|
83
|
+
"white-6": string;
|
|
84
|
+
"white-7": string;
|
|
85
|
+
"white-9": string;
|
|
86
|
+
"white-9-solid": string;
|
|
87
|
+
"white-13": string;
|
|
88
|
+
"blue-1": string;
|
|
89
|
+
"blue-2": string;
|
|
90
|
+
"blue-6": string;
|
|
91
|
+
"blue-8": string;
|
|
92
|
+
"blue-9": string;
|
|
93
|
+
"blue-12": string;
|
|
94
|
+
"blue-11": string;
|
|
95
|
+
"blue-3a": string;
|
|
96
|
+
"blue-5a": string;
|
|
97
|
+
"blue-7a": string;
|
|
98
|
+
"green-1": string;
|
|
99
|
+
"green-2": string;
|
|
100
|
+
"green-3": string;
|
|
101
|
+
"green-4": string;
|
|
102
|
+
"green-6": string;
|
|
103
|
+
"green-7": string;
|
|
104
|
+
"green-8": string;
|
|
105
|
+
"green-9": string;
|
|
106
|
+
"green-10": string;
|
|
107
|
+
"green-11": string;
|
|
108
|
+
"green-12": string;
|
|
109
|
+
"green-13": string;
|
|
110
|
+
"green-1a": string;
|
|
111
|
+
"green-3a": string;
|
|
112
|
+
"green-4a": string;
|
|
113
|
+
"green-5a": string;
|
|
114
|
+
"green-7a": string;
|
|
115
|
+
"green-11a": string;
|
|
116
|
+
"orange-1": string;
|
|
117
|
+
"orange-2": string;
|
|
118
|
+
"orange-4": string;
|
|
119
|
+
"orange-6": string;
|
|
120
|
+
"orange-8": string;
|
|
121
|
+
"orange-9": string;
|
|
122
|
+
"orange-11": string;
|
|
123
|
+
"orange-12": string;
|
|
124
|
+
"orange-13": string;
|
|
125
|
+
"orange-3a": string;
|
|
126
|
+
"orange-4a": string;
|
|
127
|
+
"orange-5a": string;
|
|
128
|
+
"orange-7a": string;
|
|
129
|
+
"red-1": string;
|
|
130
|
+
"red-2": string;
|
|
131
|
+
"red-4": string;
|
|
132
|
+
"red-5": string;
|
|
133
|
+
"red-6": string;
|
|
134
|
+
"red-8": string;
|
|
135
|
+
"red-9": string;
|
|
136
|
+
"red-11": string;
|
|
137
|
+
"red-12": string;
|
|
138
|
+
"red-13": string;
|
|
139
|
+
"red-1a": string;
|
|
140
|
+
"red-2a": string;
|
|
141
|
+
"red-3a": string;
|
|
142
|
+
"red-4a": string;
|
|
143
|
+
"red-5a": string;
|
|
144
|
+
"red-6a": string;
|
|
145
|
+
"red-7a": string;
|
|
146
|
+
"red-9a": string;
|
|
147
|
+
"purple-1": string;
|
|
148
|
+
"purple-2": string;
|
|
149
|
+
"purple-6": string;
|
|
150
|
+
"purple-8": string;
|
|
151
|
+
"purple-11": string;
|
|
152
|
+
"purple-12": string;
|
|
153
|
+
"purple-13": string;
|
|
154
|
+
"purple-3a": string;
|
|
155
|
+
"purple-5a": string;
|
|
156
|
+
"purple-7a": string;
|
|
157
|
+
};
|
|
158
|
+
|
|
159
|
+
export declare const designTokens: {
|
|
160
|
+
light: {
|
|
161
|
+
"red-1-focus": string;
|
|
162
|
+
"brand-7": string;
|
|
163
|
+
"brand-1a": string;
|
|
164
|
+
"brand-10": string;
|
|
165
|
+
"brand-4a": string;
|
|
166
|
+
"brand-11a": string;
|
|
167
|
+
"surface-neutral": string;
|
|
168
|
+
"surface-neutral-subtle": string;
|
|
169
|
+
"surface-warning": string;
|
|
170
|
+
"surface-info-accent": string;
|
|
171
|
+
"primary-hover": string;
|
|
172
|
+
"primary-disabled": string;
|
|
173
|
+
"button-secondary": string;
|
|
174
|
+
"button-secondary-hover": string;
|
|
175
|
+
"button-tertiary": string;
|
|
176
|
+
"tertiary-hover": string;
|
|
177
|
+
ghost: string;
|
|
178
|
+
"ghost-hover": string;
|
|
179
|
+
"destructive-hover": string;
|
|
180
|
+
"destructive-disabled": string;
|
|
181
|
+
"destructive-secondary-hover": string;
|
|
182
|
+
"button-destructive-tertiary": string;
|
|
183
|
+
"destructive-tertiary-hover": string;
|
|
184
|
+
"destructive-ghost-hover": string;
|
|
185
|
+
"badge-gray": string;
|
|
186
|
+
"badge-gray-accent": string;
|
|
187
|
+
"badge-blue": string;
|
|
188
|
+
"badge-blue-disabled": string;
|
|
189
|
+
"badge-green": string;
|
|
190
|
+
"badge-green-disabled": string;
|
|
191
|
+
"badge-orange": string;
|
|
192
|
+
"badge-orange-disabled": string;
|
|
193
|
+
"badge-red": string;
|
|
194
|
+
"badge-red-disabled": string;
|
|
195
|
+
"badge-purple": string;
|
|
196
|
+
"badge-purple-disabled": string;
|
|
197
|
+
"badge-purple-accent": string;
|
|
198
|
+
"badge-white-disabled": string;
|
|
199
|
+
"badge-surface": string;
|
|
200
|
+
"accent-blue-accent": string;
|
|
201
|
+
"accent-blue-subtle": string;
|
|
202
|
+
"accent-gray-accent": string;
|
|
203
|
+
"accent-green": string;
|
|
204
|
+
"accent-green-accent": string;
|
|
205
|
+
"accent-green-subtle": string;
|
|
206
|
+
"accent-orange-subtle": string;
|
|
207
|
+
"accent-orange-accent": string;
|
|
208
|
+
"accent-red": string;
|
|
209
|
+
"accent-red-subtle": string;
|
|
210
|
+
"accent-red-accent": string;
|
|
211
|
+
"accent-purple": string;
|
|
212
|
+
"accent-purple-subtle": string;
|
|
213
|
+
"accent-purple-accent": string;
|
|
214
|
+
"checkbox-disabled": string;
|
|
215
|
+
"toggle-default": string;
|
|
216
|
+
"toggle-hover": string;
|
|
217
|
+
"toggle-active-hover": string;
|
|
218
|
+
"toggle-active-disabled": string;
|
|
219
|
+
"toggle-handle-disabled": string;
|
|
220
|
+
"border-action-normal": string;
|
|
221
|
+
"border-action-hover": string;
|
|
222
|
+
"border-action-focus": string;
|
|
223
|
+
"border-action-focus-destructive-light": string;
|
|
224
|
+
"border-action-destructive": string;
|
|
225
|
+
"border-action-destructive-hover": string;
|
|
226
|
+
"border-base-warning": string;
|
|
227
|
+
"border-base-destructive": string;
|
|
228
|
+
"border-base-alpha": string;
|
|
229
|
+
"border-base-alpha-white": string;
|
|
230
|
+
"text-primary": string;
|
|
231
|
+
"text-secondary": string;
|
|
232
|
+
"text-secondary-solid": string;
|
|
233
|
+
"text-tertiary": string;
|
|
234
|
+
"text-quaternary": string;
|
|
235
|
+
"text-quaternary-solid": string;
|
|
236
|
+
"text-inverted": string;
|
|
237
|
+
"text-static-dark": string;
|
|
238
|
+
"text-static-dark-secondary": string;
|
|
239
|
+
"text-destructive": string;
|
|
240
|
+
"text-destructive-secondary": string;
|
|
241
|
+
"text-destructive-tertiary": string;
|
|
242
|
+
"text-success": string;
|
|
243
|
+
"text-warning": string;
|
|
244
|
+
"text-accent-blue-inverted": string;
|
|
245
|
+
"text-accent-blue-secondary": string;
|
|
246
|
+
"text-accent-blue-tertiary": string;
|
|
247
|
+
"text-accent-green": string;
|
|
248
|
+
"text-accent-green-inverted": string;
|
|
249
|
+
"text-accent-green-secondary": string;
|
|
250
|
+
"text-accent-orange-inverted": string;
|
|
251
|
+
"text-accent-orange-secondary": string;
|
|
252
|
+
"text-accent-red-inverted": string;
|
|
253
|
+
"text-accent-red-secondary": string;
|
|
254
|
+
"text-accent-purple-inverted": string;
|
|
255
|
+
"text-accent-purple-secondary": string;
|
|
256
|
+
"icon-tertiary": string;
|
|
257
|
+
"icon-quaternary": string;
|
|
258
|
+
"shadow-xs": string;
|
|
259
|
+
"shadow-tooltip-sm": string;
|
|
260
|
+
"focus-light": string;
|
|
261
|
+
"focus-accent": string;
|
|
262
|
+
"focus-light-destructive": string;
|
|
263
|
+
};
|
|
264
|
+
dark: {
|
|
265
|
+
"red-1-focus": string;
|
|
266
|
+
"brand-1a": string;
|
|
267
|
+
"brand-7": string;
|
|
268
|
+
"brand-10": string;
|
|
269
|
+
"brand-4a": string;
|
|
270
|
+
"brand-11a": string;
|
|
271
|
+
"surface-inverted": string;
|
|
272
|
+
"surface-neutral": string;
|
|
273
|
+
"surface-neutral-subtle": string;
|
|
274
|
+
"surface-warning": string;
|
|
275
|
+
"surface-info-accent": string;
|
|
276
|
+
"primary-hover": string;
|
|
277
|
+
"primary-disabled": string;
|
|
278
|
+
"button-secondary": string;
|
|
279
|
+
"button-secondary-hover": string;
|
|
280
|
+
"button-tertiary": string;
|
|
281
|
+
"tertiary-hover": string;
|
|
282
|
+
ghost: string;
|
|
283
|
+
"ghost-hover": string;
|
|
284
|
+
"destructive-hover": string;
|
|
285
|
+
"destructive-disabled": string;
|
|
286
|
+
"destructive-secondary-hover": string;
|
|
287
|
+
"button-destructive-tertiary": string;
|
|
288
|
+
"destructive-tertiary-hover": string;
|
|
289
|
+
"destructive-ghost-hover": string;
|
|
290
|
+
"badge-gray": string;
|
|
291
|
+
"badge-gray-accent": string;
|
|
292
|
+
"badge-blue": string;
|
|
293
|
+
"badge-blue-disabled": string;
|
|
294
|
+
"badge-green": string;
|
|
295
|
+
"badge-green-disabled": string;
|
|
296
|
+
"badge-orange": string;
|
|
297
|
+
"badge-orange-disabled": string;
|
|
298
|
+
"badge-red": string;
|
|
299
|
+
"badge-red-disabled": string;
|
|
300
|
+
"badge-purple": string;
|
|
301
|
+
"badge-purple-disabled": string;
|
|
302
|
+
"badge-purple-accent": string;
|
|
303
|
+
"badge-white-disabled": string;
|
|
304
|
+
"badge-surface": string;
|
|
305
|
+
"accent-blue-accent": string;
|
|
306
|
+
"accent-blue-subtle": string;
|
|
307
|
+
"accent-gray-accent": string;
|
|
308
|
+
"accent-green": string;
|
|
309
|
+
"accent-green-accent": string;
|
|
310
|
+
"accent-green-subtle": string;
|
|
311
|
+
"accent-orange-subtle": string;
|
|
312
|
+
"accent-orange-accent": string;
|
|
313
|
+
"accent-red": string;
|
|
314
|
+
"accent-red-subtle": string;
|
|
315
|
+
"accent-red-accent": string;
|
|
316
|
+
"accent-purple": string;
|
|
317
|
+
"accent-purple-subtle": string;
|
|
318
|
+
"accent-purple-accent": string;
|
|
319
|
+
"checkbox-disabled": string;
|
|
320
|
+
"toggle-default": string;
|
|
321
|
+
"toggle-hover": string;
|
|
322
|
+
"toggle-active-hover": string;
|
|
323
|
+
"toggle-active-disabled": string;
|
|
324
|
+
"toggle-handle-disabled": string;
|
|
325
|
+
"border-action-normal": string;
|
|
326
|
+
"border-action-hover": string;
|
|
327
|
+
"border-action-focus": string;
|
|
328
|
+
"border-action-focus-destructive-light": string;
|
|
329
|
+
"border-action-destructive": string;
|
|
330
|
+
"border-action-destructive-hover": string;
|
|
331
|
+
"border-action-success": string;
|
|
332
|
+
"border-base-warning": string;
|
|
333
|
+
"border-base-destructive": string;
|
|
334
|
+
"border-base-alpha": string;
|
|
335
|
+
"border-base-alpha-white": string;
|
|
336
|
+
"text-primary": string;
|
|
337
|
+
"text-secondary": string;
|
|
338
|
+
"text-secondary-solid": string;
|
|
339
|
+
"text-tertiary": string;
|
|
340
|
+
"text-quaternary": string;
|
|
341
|
+
"text-quaternary-solid": string;
|
|
342
|
+
"text-inverted": string;
|
|
343
|
+
"text-static-dark": string;
|
|
344
|
+
"text-static-dark-secondary": string;
|
|
345
|
+
"text-destructive": string;
|
|
346
|
+
"text-destructive-secondary": string;
|
|
347
|
+
"text-destructive-tertiary": string;
|
|
348
|
+
"text-success": string;
|
|
349
|
+
"text-warning": string;
|
|
350
|
+
"text-accent-blue-inverted": string;
|
|
351
|
+
"text-accent-blue-secondary": string;
|
|
352
|
+
"text-accent-blue-tertiary": string;
|
|
353
|
+
"text-accent-green": string;
|
|
354
|
+
"text-accent-green-inverted": string;
|
|
355
|
+
"text-accent-green-secondary": string;
|
|
356
|
+
"text-accent-orange-inverted": string;
|
|
357
|
+
"text-accent-orange-secondary": string;
|
|
358
|
+
"text-accent-red-inverted": string;
|
|
359
|
+
"text-accent-red-secondary": string;
|
|
360
|
+
"text-accent-purple-inverted": string;
|
|
361
|
+
"text-accent-purple-secondary": string;
|
|
362
|
+
"icon-tertiary": string;
|
|
363
|
+
"icon-quaternary": string;
|
|
364
|
+
"shadow-xs": string;
|
|
365
|
+
"shadow-tooltip-sm": string;
|
|
366
|
+
"focus-light": string;
|
|
367
|
+
"focus-accent": string;
|
|
368
|
+
"focus-light-destructive": string;
|
|
369
|
+
};
|
|
370
|
+
};
|
|
371
|
+
|
|
372
|
+
declare const focus_2: {
|
|
373
|
+
"light-light": string;
|
|
374
|
+
"light-dark": string;
|
|
375
|
+
"accent-light": string;
|
|
376
|
+
"accent-dark": string;
|
|
377
|
+
"light-destructive-light": string;
|
|
378
|
+
"light-destructive-dark": string;
|
|
379
|
+
};
|
|
380
|
+
export { focus_2 as focus }
|
|
381
|
+
|
|
382
|
+
export declare function Icon({ icon, iconType, color, size, className, }: IconProps): JSX_2.Element;
|
|
383
|
+
|
|
384
|
+
export declare interface IconProps {
|
|
385
|
+
icon: string;
|
|
386
|
+
iconType?: IconType;
|
|
387
|
+
color?: string;
|
|
388
|
+
size?: number;
|
|
389
|
+
className?: string;
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
export declare type IconType = "regular" | "solid" | "light" | "thin" | "sharp-solid" | "duotone" | "brands";
|
|
393
|
+
|
|
394
|
+
export declare const shadows: {
|
|
395
|
+
"xs-light": string;
|
|
396
|
+
"xs-dark": string;
|
|
397
|
+
"tooltip-sm-light": string;
|
|
398
|
+
"tooltip-sm-dark": string;
|
|
399
|
+
};
|
|
400
|
+
|
|
401
|
+
export { }
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
(()=>{"use strict";var e={455:(e,t,r)=>{var n=r(258),a=Symbol.for("react.element"),o=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,r){var n,o={},c=null,u=null;for(n in void 0!==r&&(c=""+r),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)l.call(t,n)&&!s.hasOwnProperty(n)&&(o[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===o[n]&&(o[n]=t[n]);return{$$typeof:a,type:e,key:c,ref:u,props:o,_owner:i.current}}t.Fragment=o,t.jsx=c,t.jsxs=c},557:(e,t,r)=>{e.exports=r(455)},258:e=>{e.exports=require("react")}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};(()=>{r.r(n),r.d(n,{Accordion:()=>p,AccordionGroup:()=>m,AppearFromTop:()=>se,Button:()=>fe,Card:()=>Ce,CardGroup:()=>Oe,Check:()=>ge,CodeBlock:()=>Fe,CodeGroup:()=>wt,Expandable:()=>Ot,Frame:()=>Et,Info:()=>me,Note:()=>be,Param:()=>St,PillSelect:()=>Yt,Tab:()=>Xt,Tabs:()=>tr,Tip:()=>xe,Tooltip:()=>nr,Warning:()=>he});var e=r(557);function t(e){var r,n,a="";if("string"==typeof e||"number"==typeof e)a+=e;else if("object"==typeof e)if(Array.isArray(e))for(r=0;r<e.length;r++)e[r]&&(n=t(e[r]))&&(a&&(a+=" "),a+=n);else for(r in e)e[r]&&(a&&(a+=" "),a+=r);return a}function a(){for(var e,r,n=0,a="";n<arguments.length;)(e=arguments[n++])&&(r=t(e))&&(a&&(a+=" "),a+=r);return a}var o=r(258),l=r.n(o),i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},i.apply(this,arguments)};function s(t){var r=t.open;return(0,e.jsx)("svg",i({xmlns:"http://www.w3.org/2000/svg",className:a("h-3 w-3 transition",r&&"duration-200 rotate-90 -mt-1",!r&&"duration-75"),viewBox:"0 0 256 512",fill:"currentColor"},{children:(0,e.jsx)("path",{d:"M118.6 105.4l128 127.1C252.9 239.6 256 247.8 256 255.1s-3.125 16.38-9.375 22.63l-128 127.1c-9.156 9.156-22.91 11.9-34.88 6.943S64 396.9 64 383.1V128c0-12.94 7.781-24.62 19.75-29.58S109.5 96.23 118.6 105.4z"})}))}const c=function(t){var r=t.title,n=t.description,a=t.open,o=t.setOpen;return(0,e.jsxs)("button",i({onClick:function(){return o(!a)},className:"not-prose mt-1.5 flex flex-row items-center content-center w-full py-1 text-slate-700 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-200 ".concat(a?"":"rounded-b-xl"),"aria-controls":r+"Children","aria-expanded":a},{children:[(0,e.jsx)(s,{open:a}),(0,e.jsxs)("div",i({className:"ml-2 leading-tight text-left"},{children:[(0,e.jsxs)("p",i({className:"m-0"},{children:[a?"Hide":"Show"," ",r]})),n?(0,e.jsx)("p",i({className:"m-0"},{children:n})):null]}))]}))};var u=function(){return u=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},u.apply(this,arguments)};const d=function(t){var r=t.title,n=t.description,o=t.open,l=t.setOpen,i=t.icon,c=t.coverClass;return(0,e.jsxs)("button",u({onClick:function(){return l(!o)},className:a("not-prose flex flex-row items-center content-center w-full",c),"aria-controls":r+"Children","aria-expanded":o},{children:[(0,e.jsx)("div",u({className:"mr-0.5"},{children:(0,e.jsx)(s,{open:o})})),i?(0,e.jsx)("div",u({className:"h-4 w-4 fill-slate-800 dark:fill-slate-100 text-slate-800 dark:text-slate-100"},{children:i})):null,(0,e.jsxs)("div",u({className:"leading-tight text-left"},{children:[(0,e.jsx)("p",u({className:"m-0 font-medium text-slate-900 dark:text-slate-200"},{children:r})),n?(0,e.jsx)("p",u({className:"m-0 text-slate-900 dark:text-slate-200"},{children:n})):null]}))]}))};var f=function(){return f=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},f.apply(this,arguments)};const p=function(t){var r=t.title,n=t.description,l=t.defaultOpen,i=void 0!==l&&l,s=t.icon,c=t.onChange,u=t.variant,p=void 0===u?"rounded":u,v=t.children,m=(0,o.useState)(Boolean(i)),h=m[0],b=m[1],x=function(e){return"minimalist"===e?{parentClass:"",coverClass:"[&>div]:ml-2 py-1 text-slate-700 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-200",contentClass:"mt-2 pt-1 mb-4 mx-[7px] px-4 border-l border-zinc-100 dark:border-zinc-800"}:{parentClass:"border dark:border-zinc-800 rounded-xl mb-3 overflow-hidden",coverClass:"py-4 px-5 space-x-2 hover:bg-slate-100 hover:dark:bg-slate-800 rounded-t-xl",contentClass:"mt-2 mb-4 mx-6"}}(p),g=x.parentClass,y=x.coverClass,w=x.contentClass;return(0,e.jsxs)("div",f({role:"listitem",className:g},{children:[(0,e.jsx)(d,{title:r,description:n,open:h,setOpen:function(e){b(e),c&&c(e)},icon:s,coverClass:y}),(0,e.jsx)("div",f({className:a(w,!h&&"hidden")},{children:v}))]}),r)};var v=function(){return v=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},v.apply(this,arguments)};const m=function(t){var r=t.children;return(0,e.jsx)("div",v({className:"[&>div]:border-0 [&>div]:rounded-none [&>div>button]:rounded-none [&>div]:mb-0 overflow-hidden mt-0 mb-3 rounded-xl prose prose-slate dark:prose-dark divide-y divide-inherit border dark:border-zinc-800",role:"list"},{children:r}))};function h(e,t,...r){if(e in t){let n=t[e];return"function"==typeof n?n(...r):n}let n=new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((e=>`"${e}"`)).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,h),n}var b,x=((b=x||{})[b.None=0]="None",b[b.RenderStrategy=1]="RenderStrategy",b[b.Static=2]="Static",b),g=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(g||{});function y({ourProps:e,theirProps:t,slot:r,defaultTag:n,features:a,visible:o=!0,name:l}){let i=j(t,e);if(o)return w(i,r,n,l);let s=null!=a?a:0;if(2&s){let{static:e=!1,...t}=i;if(e)return w(t,r,n,l)}if(1&s){let{unmount:e=!0,...t}=i;return h(e?0:1,{0:()=>null,1:()=>w({...t,hidden:!0,style:{display:"none"}},r,n,l)})}return w(i,r,n,l)}function w(e,t={},r,n){let{as:a=r,children:l,refName:i="ref",...s}=O(e,["unmount","static"]),c=void 0!==e.ref?{[i]:e.ref}:{},u="function"==typeof l?l(t):l;s.className&&"function"==typeof s.className&&(s.className=s.className(t));let d={};if(t){let e=!1,r=[];for(let[n,a]of Object.entries(t))"boolean"==typeof a&&(e=!0),!0===a&&r.push(n);e&&(d["data-headlessui-state"]=r.join(" "))}if(a===o.Fragment&&Object.keys(k(s)).length>0){if(!(0,o.isValidElement)(u)||Array.isArray(u)&&u.length>1)throw new Error(['Passing props on "Fragment"!',"",`The current component <${n} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(s).map((e=>` - ${e}`)).join("\n"),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map((e=>` - ${e}`)).join("\n")].join("\n"));return(0,o.cloneElement)(u,Object.assign({},j(u.props,k(O(s,["ref"]))),d,c,function(...e){return{ref:e.every((e=>null==e))?void 0:t=>{for(let r of e)null!=r&&("function"==typeof r?r(t):r.current=t)}}}(u.ref,c.ref)))}return(0,o.createElement)(a,Object.assign({},O(s,["ref"]),a!==o.Fragment&&c,a!==o.Fragment&&d),u)}function j(...e){if(0===e.length)return{};if(1===e.length)return e[0];let t={},r={};for(let n of e)for(let e in n)e.startsWith("on")&&"function"==typeof n[e]?(null!=r[e]||(r[e]=[]),r[e].push(n[e])):t[e]=n[e];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(r).map((e=>[e,void 0]))));for(let e in r)Object.assign(t,{[e](t,...n){let a=r[e];for(let e of a){if((t instanceof Event||(null==t?void 0:t.nativeEvent)instanceof Event)&&t.defaultPrevented)return;e(t,...n)}}});return t}function C(e){var t;return Object.assign((0,o.forwardRef)(e),{displayName:null!=(t=e.displayName)?t:e.name})}function k(e){let t=Object.assign({},e);for(let e in t)void 0===t[e]&&delete t[e];return t}function O(e,t=[]){let r=Object.assign({},e);for(let e of t)e in r&&delete r[e];return r}let N=(0,o.createContext)(null);N.displayName="OpenClosedContext";var P=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(P||{});function E(){return(0,o.useContext)(N)}function T({value:e,children:t}){return o.createElement(N.Provider,{value:e},t)}const S="undefined"==typeof window||"undefined"==typeof document;let I=S?o.useEffect:o.useLayoutEffect;function R(){let e=(0,o.useRef)(!1);return I((()=>(e.current=!0,()=>{e.current=!1})),[]),e}function L(e){let t=(0,o.useRef)(e);return I((()=>{t.current=e}),[e]),t}let F={serverHandoffComplete:!1};function A(){let[e,t]=(0,o.useState)(F.serverHandoffComplete);return(0,o.useEffect)((()=>{!0!==e&&t(!0)}),[e]),(0,o.useEffect)((()=>{!1===F.serverHandoffComplete&&(F.serverHandoffComplete=!0)}),[]),e}let M=function(e){let t=L(e);return o.useCallback(((...e)=>t.current(...e)),[t])},D=Symbol();function z(...e){let t=(0,o.useRef)(e);(0,o.useEffect)((()=>{t.current=e}),[e]);let r=M((e=>{for(let r of t.current)null!=r&&("function"==typeof r?r(e):r.current=e)}));return e.every((e=>null==e||(null==e?void 0:e[D])))?void 0:r}function H(e){"function"==typeof queueMicrotask?queueMicrotask(e):Promise.resolve().then(e).catch((e=>setTimeout((()=>{throw e}))))}function _(){let e=[],t=[],r={enqueue(e){t.push(e)},addEventListener:(e,t,n,a)=>(e.addEventListener(t,n,a),r.add((()=>e.removeEventListener(t,n,a)))),requestAnimationFrame(...e){let t=requestAnimationFrame(...e);return r.add((()=>cancelAnimationFrame(t)))},nextFrame:(...e)=>r.requestAnimationFrame((()=>r.requestAnimationFrame(...e))),setTimeout(...e){let t=setTimeout(...e);return r.add((()=>clearTimeout(t)))},microTask(...e){let t={current:!0};return H((()=>{t.current&&e[0]()})),r.add((()=>{t.current=!1}))},add:t=>(e.push(t),()=>{let r=e.indexOf(t);if(r>=0){let[t]=e.splice(r,1);t()}}),dispose(){for(let t of e.splice(0))t()},async workQueue(){for(let e of t.splice(0))await e()}};return r}function U(e,...t){e&&t.length>0&&e.classList.add(...t)}function B(e,...t){e&&t.length>0&&e.classList.remove(...t)}var V,W=((V=W||{}).Ended="ended",V.Cancelled="cancelled",V);function $(){let[e]=(0,o.useState)(_);return(0,o.useEffect)((()=>()=>e.dispose()),[e]),e}function q({container:e,direction:t,classes:r,onStart:n,onStop:a}){let o=R(),l=$(),i=L(t);I((()=>{let t=_();l.add(t.dispose);let s=e.current;if(s&&"idle"!==i.current&&o.current)return t.dispose(),n.current(i.current),t.add(function(e,t,r,n){let a=r?"enter":"leave",o=_(),l=void 0!==n?function(e){let t={called:!1};return(...r)=>{if(!t.called)return t.called=!0,e(...r)}}(n):()=>{};"enter"===a&&(e.removeAttribute("hidden"),e.style.display="");let i=h(a,{enter:()=>t.enter,leave:()=>t.leave}),s=h(a,{enter:()=>t.enterTo,leave:()=>t.leaveTo}),c=h(a,{enter:()=>t.enterFrom,leave:()=>t.leaveFrom});return B(e,...t.enter,...t.enterTo,...t.enterFrom,...t.leave,...t.leaveFrom,...t.leaveTo,...t.entered),U(e,...i,...c),o.nextFrame((()=>{B(e,...c),U(e,...s),function(e,t){let r=_();if(!e)return r.dispose;let{transitionDuration:n,transitionDelay:a}=getComputedStyle(e),[o,l]=[n,a].map((e=>{let[t=0]=e.split(",").filter(Boolean).map((e=>e.includes("ms")?parseFloat(e):1e3*parseFloat(e))).sort(((e,t)=>t-e));return t}));if(o+l!==0){let n=[];n.push(r.addEventListener(e,"transitionrun",(a=>{a.target===a.currentTarget&&(n.splice(0).forEach((e=>e())),n.push(r.addEventListener(e,"transitionend",(e=>{e.target===e.currentTarget&&(t("ended"),n.splice(0).forEach((e=>e())))})),r.addEventListener(e,"transitioncancel",(e=>{e.target===e.currentTarget&&(t("cancelled"),n.splice(0).forEach((e=>e())))}))))})))}else t("ended");r.add((()=>t("cancelled"))),r.dispose}(e,(r=>("ended"===r&&(B(e,...i),U(e,...t.entered)),l(r))))})),o.dispose}(s,r.current,"enter"===i.current,(e=>{t.dispose(),h(e,{[W.Ended](){a.current(i.current)},[W.Cancelled]:()=>{}})}))),t.dispose}),[t])}function G(e=""){return e.split(" ").filter((e=>e.trim().length>1))}let Z=(0,o.createContext)(null);Z.displayName="TransitionContext";var Q=(e=>(e.Visible="visible",e.Hidden="hidden",e))(Q||{});let K=(0,o.createContext)(null);function Y(e){return"children"in e?Y(e.children):e.current.filter((({el:e})=>null!==e.current)).filter((({state:e})=>"visible"===e)).length>0}function J(e,t){let r=L(e),n=(0,o.useRef)([]),a=R(),l=$(),i=M(((e,t=g.Hidden)=>{let o=n.current.findIndex((({el:t})=>t===e));-1!==o&&(h(t,{[g.Unmount](){n.current.splice(o,1)},[g.Hidden](){n.current[o].state="hidden"}}),l.microTask((()=>{var e;!Y(n)&&a.current&&(null==(e=r.current)||e.call(r))})))})),s=M((e=>{let t=n.current.find((({el:t})=>t===e));return t?"visible"!==t.state&&(t.state="visible"):n.current.push({el:e,state:"visible"}),()=>i(e,g.Unmount)})),c=(0,o.useRef)([]),u=(0,o.useRef)(Promise.resolve()),d=(0,o.useRef)({enter:[],leave:[],idle:[]}),f=M(((e,r,n)=>{c.current.splice(0),t&&(t.chains.current[r]=t.chains.current[r].filter((([t])=>t!==e))),null==t||t.chains.current[r].push([e,new Promise((e=>{c.current.push(e)}))]),null==t||t.chains.current[r].push([e,new Promise((e=>{Promise.all(d.current[r].map((([e,t])=>t))).then((()=>e()))}))]),"enter"===r?u.current=u.current.then((()=>null==t?void 0:t.wait.current)).then((()=>n(r))):n(r)})),p=M(((e,t,r)=>{Promise.all(d.current[t].splice(0).map((([e,t])=>t))).then((()=>{var e;null==(e=c.current.shift())||e()})).then((()=>r(t)))}));return(0,o.useMemo)((()=>({children:n,register:s,unregister:i,onStart:f,onStop:p,wait:u,chains:d})),[s,i,n,f,p,d,u])}function X(){}K.displayName="NestingContext";let ee=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function te(e){var t;let r={};for(let n of ee)r[n]=null!=(t=e[n])?t:X;return r}let re=x.RenderStrategy,ne=C((function(e,t){let{beforeEnter:r,afterEnter:n,beforeLeave:a,afterLeave:l,enter:i,enterFrom:s,enterTo:c,entered:u,leave:d,leaveFrom:f,leaveTo:p,...v}=e,m=(0,o.useRef)(null),b=z(m,t),x=v.unmount?g.Unmount:g.Hidden,{show:w,appear:j,initial:C}=function(){let e=(0,o.useContext)(Z);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}(),[k,O]=(0,o.useState)(w?"visible":"hidden"),N=function(){let e=(0,o.useContext)(K);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}(),{register:E,unregister:S}=N,I=(0,o.useRef)(null);(0,o.useEffect)((()=>E(m)),[E,m]),(0,o.useEffect)((()=>{if(x===g.Hidden&&m.current)return w&&"visible"!==k?void O("visible"):h(k,{hidden:()=>S(m),visible:()=>E(m)})}),[k,m,E,S,w,x]);let R=L({enter:G(i),enterFrom:G(s),enterTo:G(c),entered:G(u),leave:G(d),leaveFrom:G(f),leaveTo:G(p)}),F=function(e){let t=(0,o.useRef)(te(e));return(0,o.useEffect)((()=>{t.current=te(e)}),[e]),t}({beforeEnter:r,afterEnter:n,beforeLeave:a,afterLeave:l}),D=A();(0,o.useEffect)((()=>{if(D&&"visible"===k&&null===m.current)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")}),[m,k,D]);let H=C&&!j,_=!D||H||I.current===w?"idle":w?"enter":"leave",U=M((e=>h(e,{enter:()=>F.current.beforeEnter(),leave:()=>F.current.beforeLeave(),idle:()=>{}}))),B=M((e=>h(e,{enter:()=>F.current.afterEnter(),leave:()=>F.current.afterLeave(),idle:()=>{}}))),V=J((()=>{O("hidden"),S(m)}),N);q({container:m,classes:R,direction:_,onStart:L((e=>{V.onStart(m,e,U)})),onStop:L((e=>{V.onStop(m,e,B),"leave"===e&&!Y(V)&&(O("hidden"),S(m))}))}),(0,o.useEffect)((()=>{!H||(x===g.Hidden?I.current=null:I.current=w)}),[w,H,k]);let W=v,$={ref:b};return o.createElement(K.Provider,{value:V},o.createElement(T,{value:h(k,{visible:P.Open,hidden:P.Closed})},y({ourProps:$,theirProps:W,defaultTag:"div",features:re,visible:"visible"===k,name:"Transition.Child"})))})),ae=C((function(e,t){let{show:r,appear:n=!1,unmount:a,...l}=e,i=(0,o.useRef)(null),s=z(i,t);A();let c=E();if(void 0===r&&null!==c&&(r=h(c,{[P.Open]:!0,[P.Closed]:!1})),![!0,!1].includes(r))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[u,d]=(0,o.useState)(r?"visible":"hidden"),f=J((()=>{d("hidden")})),[p,v]=(0,o.useState)(!0),m=(0,o.useRef)([r]);I((()=>{!1!==p&&m.current[m.current.length-1]!==r&&(m.current.push(r),v(!1))}),[m,r]);let b=(0,o.useMemo)((()=>({show:r,appear:n,initial:p})),[r,n,p]);(0,o.useEffect)((()=>{if(r)d("visible");else if(Y(f)){let e=i.current;if(!e)return;let t=e.getBoundingClientRect();0===t.x&&0===t.y&&0===t.width&&0===t.height&&d("hidden")}else d("hidden")}),[r,f]);let x={unmount:a};return o.createElement(K.Provider,{value:f},o.createElement(Z.Provider,{value:b},y({ourProps:{...x,as:o.Fragment,children:o.createElement(ne,{ref:s,...x,...l})},theirProps:{},defaultTag:o.Fragment,features:re,visible:"visible"===u,name:"Transition"})))})),oe=C((function(e,t){let r=null!==(0,o.useContext)(Z),n=null!==E();return o.createElement(o.Fragment,null,!r&&n?o.createElement(ae,{ref:t,...e}):o.createElement(ne,{ref:t,...e}))})),le=Object.assign(ae,{Child:oe,Root:ae});var ie=function(){return ie=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},ie.apply(this,arguments)};function se(t){var r=t.show,n=t.className,a=t.children;return(0,e.jsx)("div",ie({className:"overflow-hidden relative"},{children:(0,e.jsx)(le,ie({show:r,className:n,enter:"transition duration-200 ease-out transform",enterFrom:"transform opacity-0 -translate-y-12",enterTo:"transform opacity-100 translate-y-0",leave:"transition duration-75 ease-out transform",leaveFrom:"transform opacity-100 translate-y-0",leaveTo:"transform opacity-0 -translate-y-6"},{children:a}))}))}var ce=function(){return ce=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},ce.apply(this,arguments)},ue={indigo:["bg-indigo-50 text-indigo-600 hover:bg-indigo-200 hover:text-indigo-700 focus:ring-indigo-500","text-indigo-300 group-hover:text-indigo-400"],pink:["bg-pink-50 text-pink-600 hover:bg-pink-100 hover:text-pink-700 focus:ring-pink-600","text-pink-300 group-hover:text-pink-400"],sky:["bg-sky-50 text-sky-600 hover:bg-sky-100 hover:text-sky-700 focus:ring-sky-600","text-sky-300 group-hover:text-sky-400"],blue:["bg-blue-50 text-blue-600 hover:bg-blue-100 hover:text-blue-700 focus:ring-blue-600","text-blue-300 group-hover:text-blue-400"],gray:["bg-slate-100 text-slate-700 hover:bg-slate-200 hover:text-slate-900 focus:ring-slate-500","text-slate-300 group-hover:text-slate-400"]},de=ce(ce({},ue),{gray:["dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600 dark:hover:text-white dark:focus:ring-slate-500","dark:text-slate-500 dark:group-hover:text-slate-400"],sky:["dark:bg-sky-500 dark:text-sky-50 dark:hover:bg-sky-400 dark:hover:text-white dark:focus:ring-sky-200","dark:text-sky-300 dark:group-hover:text-sky-100"]});function fe(t){var r=t.as,n=t.color,o=void 0===n?"gray":n,l=t.darkColor,i=void 0===l?o:l,s=t.reverse,c=void 0!==s&&s,u=t.children,d=t.className,f=t.mRef,p=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(t,["as","color","darkColor","reverse","children","className","mRef"]),v="string"==typeof o?ue[o]:o,m="string"==typeof i?de[i]||[]:i,h=r||null!=p.href?"a":"button";return(0,e.jsxs)(h,ce({className:a("group inline-flex items-center h-9 rounded-full text-sm font-semibold whitespace-nowrap px-3 focus:outline-none focus:ring-2",v[0],m[0],c&&"flex-row-reverse",d)},p,{ref:f},{children:[u,(0,e.jsx)("svg",ce({className:a("overflow-visible",c?"mr-3":"ml-3",v[1],m[1]),width:"3",height:"6",viewBox:"0 0 3 6",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},{children:(0,e.jsx)("path",{d:c?"M3 0L0 3L3 6":"M0 0L3 3L0 6"})}))]}))}var pe=function(){return pe=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},pe.apply(this,arguments)};function ve(t){var r=t.children,n=t.icon,o=t.className,l=t.childrenClassName;return(0,e.jsx)("div",pe({className:a("px-5 py-4 mb-4 overflow-hidden rounded-xl",o)},{children:(0,e.jsxs)("div",pe({className:"flex items-start space-x-3"},{children:[(0,e.jsx)("div",pe({className:"mt-0.5 w-4"},{children:n})),(0,e.jsx)("div",pe({className:a("flex-1 text-sm prose overflow-x-auto",l)},{children:r}))]}))}))}function me(t){var r=t.children;return(0,e.jsx)(ve,pe({icon:(0,e.jsx)("svg",pe({viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"flex-none w-5 h-5 text-zinc-400 dark:text-zinc-300","aria-label":"Info"},{children:(0,e.jsx)("path",{d:"M8 0C3.58125 0 0 3.58125 0 8C0 12.4187 3.58125 16 8 16C12.4187 16 16 12.4187 16 8C16 3.58125 12.4187 0 8 0ZM8 14.5C4.41563 14.5 1.5 11.5841 1.5 8C1.5 4.41594 4.41563 1.5 8 1.5C11.5844 1.5 14.5 4.41594 14.5 8C14.5 11.5841 11.5844 14.5 8 14.5ZM9.25 10.5H8.75V7.75C8.75 7.3375 8.41563 7 8 7H7C6.5875 7 6.25 7.3375 6.25 7.75C6.25 8.1625 6.5875 8.5 7 8.5H7.25V10.5H6.75C6.3375 10.5 6 10.8375 6 11.25C6 11.6625 6.3375 12 6.75 12H9.25C9.66406 12 10 11.6641 10 11.25C10 10.8359 9.66563 10.5 9.25 10.5ZM8 6C8.55219 6 9 5.55219 9 5C9 4.44781 8.55219 4 8 4C7.44781 4 7 4.44687 7 5C7 5.55313 7.44687 6 8 6Z"})})),className:"border border-zinc-500/20 bg-zinc-50/50 dark:bg-zinc-900 dark:border-zinc-500/30 dark:bg-zinc-500/10",childrenClassName:"text-zinc-900 dark:text-zinc-200"},{children:r}))}function he(t){var r=t.children;return(0,e.jsx)(ve,pe({icon:(0,e.jsx)("svg",pe({className:"flex-none w-5 h-5 text-amber-400 dark:text-amber-300/80",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-label":"Warning"},{children:(0,e.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})})),className:"border border-amber-500/20 bg-amber-50/50 dark:border-amber-500/30 dark:bg-amber-500/10",childrenClassName:"text-amber-900 dark:text-amber-200"},{children:r}))}function be(t){var r=t.children;return(0,e.jsx)(ve,pe({icon:(0,e.jsx)("svg",pe({width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"w-4 h-4 text-sky-500","aria-label":"Note"},{children:(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 1.3C10.14 1.3 12.7 3.86 12.7 7C12.7 10.14 10.14 12.7 7 12.7C5.48908 12.6974 4.0408 12.096 2.97241 11.0276C1.90403 9.9592 1.30264 8.51092 1.3 7C1.3 3.86 3.86 1.3 7 1.3ZM7 0C3.14 0 0 3.14 0 7C0 10.86 3.14 14 7 14C10.86 14 14 10.86 14 7C14 3.14 10.86 0 7 0ZM8 3H6V8H8V3ZM8 9H6V11H8V9Z"})})),className:"border border-sky-500/20 bg-sky-50/50 dark:border-sky-500/30 dark:bg-sky-500/10",childrenClassName:"text-sky-900 dark:text-sky-200"},{children:r}))}function xe(t){var r=t.children;return(0,e.jsx)(ve,pe({icon:(0,e.jsx)("svg",pe({width:"11",height:"14",viewBox:"0 0 11 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"text-emerald-600 dark:text-emerald-400/80 w-3.5 h-auto","aria-label":"Tip"},{children:(0,e.jsx)("path",{d:"M3.12794 12.4232C3.12794 12.5954 3.1776 12.7634 3.27244 12.907L3.74114 13.6095C3.88471 13.8248 4.21067 14 4.46964 14H6.15606C6.41415 14 6.74017 13.825 6.88373 13.6095L7.3508 12.9073C7.43114 12.7859 7.49705 12.569 7.49705 12.4232L7.50055 11.3513H3.12521L3.12794 12.4232ZM5.31288 0C2.52414 0.00875889 0.5 2.26889 0.5 4.78826C0.5 6.00188 0.949566 7.10829 1.69119 7.95492C2.14321 8.47011 2.84901 9.54727 3.11919 10.4557C3.12005 10.4625 3.12175 10.4698 3.12261 10.4771H7.50342C7.50427 10.4698 7.50598 10.463 7.50684 10.4557C7.77688 9.54727 8.48281 8.47011 8.93484 7.95492C9.67728 7.13181 10.1258 6.02703 10.1258 4.78826C10.1258 2.15486 7.9709 0.000106649 5.31288 0ZM7.94902 7.11267C7.52078 7.60079 6.99082 8.37878 6.6077 9.18794H4.02051C3.63739 8.37878 3.10743 7.60079 2.67947 7.11294C2.11997 6.47551 1.8126 5.63599 1.8126 4.78826C1.8126 3.09829 3.12794 1.31944 5.28827 1.3126C7.2435 1.3126 8.81315 2.88226 8.81315 4.78826C8.81315 5.63599 8.50688 6.47551 7.94902 7.11267ZM4.87534 2.18767C3.66939 2.18767 2.68767 3.16939 2.68767 4.37534C2.68767 4.61719 2.88336 4.81288 3.12521 4.81288C3.36705 4.81288 3.56274 4.61599 3.56274 4.37534C3.56274 3.6515 4.1515 3.06274 4.87534 3.06274C5.11719 3.06274 5.31288 2.86727 5.31288 2.62548C5.31288 2.38369 5.11599 2.18767 4.87534 2.18767Z"})})),className:"border border-emerald-500/20 bg-emerald-50/50 dark:border-emerald-500/30 dark:bg-emerald-500/10",childrenClassName:"text-emerald-900 dark:text-emerald-200"},{children:r}))}function ge(t){var r=t.children;return(0,e.jsx)(ve,pe({icon:(0,e.jsx)("svg",pe({className:"text-green-600 dark:text-green-400/80 w-3.5 h-auto",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512","aria-label":"Check"},{children:(0,e.jsx)("path",{d:"M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"})})),className:"border border-emerald-500/20 bg-emerald-50/50 dark:border-emerald-500/30 dark:bg-emerald-500/10",childrenClassName:"text-emerald-900 dark:text-emerald-200"},{children:r}))}const ye=/^[a-zA-Z][a-zA-Z\d+\-.]*?:/,we=/^[a-zA-Z]:\\/;var je=function(){return je=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},je.apply(this,arguments)};function Ce(t){var r,n=t.title,o=t.icon,l=t.image,i=t.className,s=t.children,c=t.as,u=t.mRef,d=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(t,["title","icon","image","className","children","as","mRef"]),f=c||null!=d.href?"a":"div",p=function(e){if("string"!=typeof e)throw new TypeError(`Expected a \`string\`, got \`${typeof e}\``);return!we.test(e)&&ye.test(e)}(null!==(r=d.href)&&void 0!==r?r:"")?{target:"_blank",rel:"noreferrer"}:{},v="string"==typeof o,m=(0,e.jsx)(e.Fragment,{children:o?v?(0,e.jsx)("img",{src:o,alt:n,className:"h-6 w-6 object-cover object-center"}):(0,e.jsx)("div",je({className:"h-6 w-6 fill-slate-800 dark:fill-slate-100 text-slate-800 dark:text-slate-100"},{children:o})):null});return(0,e.jsxs)(f,je({className:a("block not-prose font-normal group relative my-2 ring-2 ring-transparent rounded-xl border border-zinc-200 dark:border-zinc-800 overflow-hidden w-full",d.href&&"cursor-pointer",i)},p,d,{ref:u},{children:[l&&(0,e.jsx)("img",{src:l,alt:l,className:"w-full h-64 object-cover object-center"}),(0,e.jsxs)("div",je({className:"px-6 py-5"},{children:[m,(0,e.jsx)("h2",je({className:a("font-semibold text-base text-slate-800 dark:text-white",null!=o&&"mt-4")},{children:n})),(0,e.jsx)("span",je({className:a("mt-1 font-normal",n?"text-slate-600 dark:text-slate-400":"text-slate-700 dark:text-slate-300")},{children:s}))]}))]}))}var ke=function(){return ke=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},ke.apply(this,arguments)};function Oe(t){var r=t.children,n=t.cols,a=void 0===n?2:n;return(0,e.jsx)("div",ke({className:"not-prose grid sm:grid-cols-".concat(a," gap-x-4")},{children:r}))}function Ne(e){return Ne="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ne(e)}var Pe=function e(t){var r;return["string","number"].includes(Ne(t))?t.toString():t instanceof Array?t.map(e).join(""):"object"===Ne(t)&&(null===(r=null==t?void 0:t.props)||void 0===r?void 0:r.children)?e(t.props.children):""};function Ee(e){return t=this,r=void 0,a=function(){var t;return function(e,t){var r,n,a,o,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function i(i){return function(s){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;o&&(o=0,i[0]&&(l=0)),l;)try{if(r=1,n&&(a=2&i[0]?n.return:i[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,i[1])).done)return a;switch(n=0,a&&(i=[2&i[0],a.value]),i[0]){case 0:case 1:a=i;break;case 4:return l.label++,{value:i[1],done:!1};case 5:l.label++,n=i[1],i=[0];continue;case 7:i=l.ops.pop(),l.trys.pop();continue;default:if(!((a=(a=l.trys).length>0&&a[a.length-1])||6!==i[0]&&2!==i[0])){l=0;continue}if(3===i[0]&&(!a||i[1]>a[0]&&i[1]<a[3])){l.label=i[1];break}if(6===i[0]&&l.label<a[1]){l.label=a[1],a=i;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(i);break}a[2]&&l.ops.pop(),l.trys.pop();continue}i=t.call(e,l)}catch(e){i=[6,e],n=0}finally{r=a=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}(this,(function(r){switch(r.label){case 0:e||console.warn("Called copyToClipboard() with empty text"),navigator.clipboard||console.error("The Clipboard API was unavailable. The Clipboard API is only available client-side in browsers using HTTPS."),r.label=1;case 1:return r.trys.push([1,3,,4]),[4,navigator.clipboard.writeText(e)];case 2:return r.sent(),[2,"success"];case 3:return t=r.sent(),console.error("Failed to copy: ",t),[2,"error"];case 4:return[2]}}))},new((n=void 0)||(n=Promise))((function(e,o){function l(e){try{s(a.next(e))}catch(e){o(e)}}function i(e){try{s(a.throw(e))}catch(e){o(e)}}function s(t){var r;t.done?e(t.value):(r=t.value,r instanceof n?r:new n((function(e){e(r)}))).then(l,i)}s((a=a.apply(t,r||[])).next())}));var t,r,n,a}var Te=function(){return Te=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},Te.apply(this,arguments)};function Se(t){var r=this,n=t.textToCopy,l=t.tooltipColor,i=void 0===l?"#002937":l,s=t.onCopied,c=t.className,u=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(t,["textToCopy","tooltipColor","onCopied","className"]),d=(0,o.useState)(!0),f=d[0],p=d[1],v=(0,o.useState)(!0),m=v[0],h=v[1];return(0,o.useEffect)((function(){"undefined"==typeof window||(null===navigator||void 0===navigator?void 0:navigator.clipboard)?h(!1):(console.warn("The browser's Clipboard API is unavailable. The Clipboard API is only available on HTTPS."),h(!0))}),[]),!n||m?null:(0,e.jsxs)("button",Te({"aria-label":"Copy code to clipboard",onClick:function(){return e=r,t=void 0,o=function(){var e;return function(e,t){var r,n,a,o,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function i(i){return function(s){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;o&&(o=0,i[0]&&(l=0)),l;)try{if(r=1,n&&(a=2&i[0]?n.return:i[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,i[1])).done)return a;switch(n=0,a&&(i=[2&i[0],a.value]),i[0]){case 0:case 1:a=i;break;case 4:return l.label++,{value:i[1],done:!1};case 5:l.label++,n=i[1],i=[0];continue;case 7:i=l.ops.pop(),l.trys.pop();continue;default:if(!((a=(a=l.trys).length>0&&a[a.length-1])||6!==i[0]&&2!==i[0])){l=0;continue}if(3===i[0]&&(!a||i[1]>a[0]&&i[1]<a[3])){l.label=i[1];break}if(6===i[0]&&l.label<a[1]){l.label=a[1],a=i;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(i);break}a[2]&&l.ops.pop(),l.trys.pop();continue}i=t.call(e,l)}catch(e){i=[6,e],n=0}finally{r=a=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}(this,(function(t){switch(t.label){case 0:return[4,Ee(n)];case 1:return e=t.sent(),s&&s(e,n),"success"===e&&(p(!1),setTimeout((function(){p(!0)}),2e3)),[2]}}))},new((a=void 0)||(a=Promise))((function(r,n){function l(e){try{s(o.next(e))}catch(e){n(e)}}function i(e){try{s(o.throw(e))}catch(e){n(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(l,i)}s((o=o.apply(e,t||[])).next())}));var e,t,a,o},className:a("group",c)},u,{children:[(0,e.jsx)("svg",Te({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",className:"top-5 h-[1.15rem] fill-slate-500 hover:fill-slate-300 cursor-pointer"},{children:(0,e.jsx)("path",{d:"M320 64H280h-9.6C263 27.5 230.7 0 192 0s-71 27.5-78.4 64H104 64C28.7 64 0 92.7 0 128V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64zM80 112v24c0 13.3 10.7 24 24 24h88 88c13.3 0 24-10.7 24-24V112h16c8.8 0 16 7.2 16 16V448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V128c0-8.8 7.2-16 16-16H80zm88-32a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zM136 272a24 24 0 1 0 -48 0 24 24 0 1 0 48 0zm40-16c-8.8 0-16 7.2-16 16s7.2 16 16 16h96c8.8 0 16-7.2 16-16s-7.2-16-16-16H176zm0 96c-8.8 0-16 7.2-16 16s7.2 16 16 16h96c8.8 0 16-7.2 16-16s-7.2-16-16-16H176zm-64 40a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"})})),(0,e.jsx)(Ie,Te({color:i,className:"".concat(f?"invisible":void 0," group-hover:visible")},{children:f?"Copy":"Copied"}))]}))}function Ie(t){var r=t.color,n=t.className,o=t.children;return(0,e.jsx)("div",Te({className:a("z-40 absolute bottom-full left-1/2 mb-3.5 pb-1 -translate-x-1/2",n)},{children:(0,e.jsxs)("div",Te({className:"relative whitespace-nowrap text-white text-xs leading-6 font-medium px-1.5 rounded-lg",style:{background:r},"data-reach-alert":"true"},{children:[o,(0,e.jsx)("div",{className:"absolute border-solid",style:{top:"100%",left:"50%",marginLeft:"-6px",borderWidth:"6px",borderColor:"".concat(r," transparent transparent transparent")}})]}))}))}var Re,Le=function(){return Le=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},Le.apply(this,arguments)},Fe=(0,o.forwardRef)((function(t,r){var n=t.filename,o=t.filenameColor,l=t.tooltipColor,i=t.onCopied,s=t.children,c=t.className,u=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(t,["filename","filenameColor","tooltipColor","onCopied","children","className"]),d=function(t){return(0,e.jsx)(Se,Le({textToCopy:Pe(s),tooltipColor:null!=l?l:o,onCopied:i},t))};return(0,e.jsxs)("div",Le({className:a("mt-5 mb-8 not-prose gray-frame",n&&"pt-2",c),ref:r},u,{children:[n?(0,e.jsx)(Ae,Le({filename:n,filenameColor:o},{children:(0,e.jsx)(d,{className:"relative"})})):(0,e.jsx)(d,{className:"absolute top-5 right-5"}),(0,e.jsx)("div",Le({className:"code-in-gray-frame children:!my-0 children:!shadow-none children:!bg-transparent",style:{fontVariantLigatures:"none"}},{children:s}))]}))}));function Ae(t){var r=t.filename,n=t.filenameColor,a=t.children;return(0,e.jsxs)("div",Le({className:"flex text-slate-400 text-xs leading-6"},{children:[(0,e.jsx)("div",Le({className:"flex-none border-t border-b border-t-transparent px-4 py-1 flex items-center",style:{color:n,borderBottomColor:n}},{children:r})),(0,e.jsx)("div",Le({className:"flex-auto flex items-center bg-codeblock-tabs border border-slate-500/30 rounded-t"},{children:a&&(0,e.jsx)("div",Le({className:"flex-auto flex items-center justify-end px-4 space-x-4"},{children:a}))}))]}))}let Me=0;function De(){return++Me}let ze=null!=(Re=o.useId)?Re:function(){let e=A(),[t,r]=o.useState(e?De:null);return I((()=>{null===t&&r(De())}),[t]),null!=t?""+t:void 0};var He=(e=>(e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.Delete="Delete",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab",e))(He||{});function _e(e){return S?null:e instanceof Node?e.ownerDocument:null!=e&&e.hasOwnProperty("current")&&e.current instanceof Node?e.current.ownerDocument:document}let Ue=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map((e=>`${e}:not([tabindex='-1'])`)).join(",");var Be=(e=>(e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll",e))(Be||{}),Ve=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(Ve||{}),We=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(We||{});function $e(e=document.body){return null==e?[]:Array.from(e.querySelectorAll(Ue))}var qe=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(qe||{});function Ge(e,t=0){var r;return e!==(null==(r=_e(e))?void 0:r.body)&&h(t,{0:()=>e.matches(Ue),1(){let t=e;for(;null!==t;){if(t.matches(Ue))return!0;t=t.parentElement}return!1}})}function Ze(e){let t=_e(e);_().nextFrame((()=>{t&&!Ge(t.activeElement,0)&&function(e){null==e||e.focus({preventScroll:!0})}(e)}))}let Qe=["textarea","input"].join(",");function Ke(e,t=(e=>e)){return e.slice().sort(((e,r)=>{let n=t(e),a=t(r);if(null===n||null===a)return 0;let o=n.compareDocumentPosition(a);return o&Node.DOCUMENT_POSITION_FOLLOWING?-1:o&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}function Ye(e,t,r=!0,n=null){let a=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,o=Array.isArray(e)?r?Ke(e):e:$e(e);n=null!=n?n:a.activeElement;let l,i=(()=>{if(5&t)return 1;if(10&t)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),s=(()=>{if(1&t)return 0;if(2&t)return Math.max(0,o.indexOf(n))-1;if(4&t)return Math.max(0,o.indexOf(n))+1;if(8&t)return o.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),c=32&t?{preventScroll:!0}:{},u=0,d=o.length;do{if(u>=d||u+d<=0)return 0;let e=s+u;if(16&t)e=(e+d)%d;else{if(e<0)return 3;if(e>=d)return 1}l=o[e],null==l||l.focus(c),u+=i}while(l!==a.activeElement);return 6&t&&function(e){var t,r;return null!=(r=null==(t=null==e?void 0:e.matches)?void 0:t.call(e,Qe))&&r}(l)&&l.select(),l.hasAttribute("tabindex")||l.setAttribute("tabindex","0"),2}function Je(e){var t;if(e.type)return e.type;let r=null!=(t=e.as)?t:"button";return"string"==typeof r&&"button"===r.toLowerCase()?"button":void 0}function Xe(e,t){let[r,n]=(0,o.useState)((()=>Je(e)));return I((()=>{n(Je(e))}),[e.type,e.as]),I((()=>{r||!t.current||t.current instanceof HTMLButtonElement&&!t.current.hasAttribute("type")&&n("button")}),[r,t]),r}var et=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(et||{});let tt=C((function(e,t){let{features:r=1,...n}=e;return y({ourProps:{ref:t,"aria-hidden":2==(2&r)||void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...4==(4&r)&&2!=(2&r)&&{display:"none"}}},theirProps:n,slot:{},defaultTag:"div",name:"Hidden"})}));function rt({onFocus:e}){let[t,r]=(0,o.useState)(!0);return t?o.createElement(tt,{as:"button",type:"button",features:et.Focusable,onFocus:t=>{t.preventDefault();let n,a=50;n=requestAnimationFrame((function t(){if(!(a--<=0))return e()?(r(!1),void cancelAnimationFrame(n)):void(n=requestAnimationFrame(t));n&&cancelAnimationFrame(n)}))}}):null}var nt=(e=>(e[e.SetSelectedIndex=0]="SetSelectedIndex",e[e.RegisterTab=1]="RegisterTab",e[e.UnregisterTab=2]="UnregisterTab",e[e.RegisterPanel=3]="RegisterPanel",e[e.UnregisterPanel=4]="UnregisterPanel",e))(nt||{});let at={0(e,t){let r=e.tabs.filter((e=>{var t;return!(null!=(t=e.current)&&t.hasAttribute("disabled"))}));if(t.index<0)return{...e,selectedIndex:e.tabs.indexOf(r[0])};if(t.index>e.tabs.length)return{...e,selectedIndex:e.tabs.indexOf(r[r.length-1])};let n=e.tabs.slice(0,t.index),a=[...e.tabs.slice(t.index),...n].find((e=>r.includes(e)));return a?{...e,selectedIndex:e.tabs.indexOf(a)}:e},1(e,t){var r;if(e.tabs.includes(t.tab))return e;let n=e.tabs[e.selectedIndex],a=Ke([...e.tabs,t.tab],(e=>e.current)),o=null!=(r=a.indexOf(n))?r:e.selectedIndex;return-1===o&&(o=e.selectedIndex),{...e,tabs:a,selectedIndex:o}},2:(e,t)=>({...e,tabs:e.tabs.filter((e=>e!==t.tab))}),3:(e,t)=>e.panels.includes(t.panel)?e:{...e,panels:Ke([...e.panels,t.panel],(e=>e.current))},4:(e,t)=>({...e,panels:e.panels.filter((e=>e!==t.panel))})},ot=(0,o.createContext)(null);function lt(e){let t=(0,o.useContext)(ot);if(null===t){let t=new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,lt),t}return t}ot.displayName="TabsSSRContext";let it=(0,o.createContext)(null);function st(e){let t=(0,o.useContext)(it);if(null===t){let t=new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,st),t}return t}it.displayName="TabsDataContext";let ct=(0,o.createContext)(null);function ut(e){let t=(0,o.useContext)(ct);if(null===t){let t=new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,ut),t}return t}function dt(e,t){return h(t.type,at,e,t)}ct.displayName="TabsActionsContext";let ft=o.Fragment,pt=C((function(e,t){let{defaultIndex:r=0,vertical:n=!1,manual:a=!1,onChange:l,selectedIndex:i=null,...s}=e;const c=n?"vertical":"horizontal",u=a?"manual":"auto";let d=null!==i,f=z(t),[p,v]=(0,o.useReducer)(dt,{selectedIndex:null!=i?i:r,tabs:[],panels:[]}),m=(0,o.useMemo)((()=>({selectedIndex:p.selectedIndex})),[p.selectedIndex]),h=L(l||(()=>{})),b=L(p.tabs),x=(0,o.useMemo)((()=>({orientation:c,activation:u,...p})),[c,u,p]),g=L(d?e.selectedIndex:p.selectedIndex),w=(0,o.useMemo)((()=>({registerTab:e=>(v({type:1,tab:e}),()=>v({type:2,tab:e})),registerPanel:e=>(v({type:3,panel:e}),()=>v({type:4,panel:e})),change(e){g.current!==e&&h.current(e),d||v({type:0,index:e})}})),[v,d]);I((()=>{v({type:0,index:null!=i?i:r})}),[i]);let j=(0,o.useRef)({tabs:[],panels:[]}),C={ref:f};return o.createElement(ot.Provider,{value:j},o.createElement(ct.Provider,{value:w},o.createElement(it.Provider,{value:x},x.tabs.length<=0&&o.createElement(rt,{onFocus:()=>{var e,t;for(let r of b.current)if(0===(null==(e=r.current)?void 0:e.tabIndex))return null==(t=r.current)||t.focus(),!0;return!1}}),y({ourProps:C,theirProps:s,slot:m,defaultTag:ft,name:"Tabs"}))))})),vt=C((function(e,t){let{orientation:r,selectedIndex:n}=st("Tab.List");return y({ourProps:{ref:z(t),role:"tablist","aria-orientation":r},theirProps:e,slot:{selectedIndex:n},defaultTag:"div",name:"Tabs.List"})})),mt=C((function(e,t){var r,n;let a=`headlessui-tabs-tab-${ze()}`,{orientation:l,activation:i,selectedIndex:s,tabs:c,panels:u}=st("Tab"),d=ut("Tab"),f=st("Tab"),p=lt("Tab"),v=(0,o.useRef)(null),m=z(v,t);I((()=>d.registerTab(v)),[d,v]);let b=p.current.tabs.indexOf(a);-1===b&&(b=p.current.tabs.push(a)-1);let x=c.indexOf(v);-1===x&&(x=b);let g=x===s,w=M((e=>{var t;let r=e();if(r===Ve.Success&&"auto"===i){let e=null==(t=_e(v))?void 0:t.activeElement,r=f.tabs.findIndex((t=>t.current===e));-1!==r&&d.change(r)}return r})),j=M((e=>{let t=c.map((e=>e.current)).filter(Boolean);if(e.key===He.Space||e.key===He.Enter)return e.preventDefault(),e.stopPropagation(),void d.change(x);switch(e.key){case He.Home:case He.PageUp:return e.preventDefault(),e.stopPropagation(),w((()=>Ye(t,Be.First)));case He.End:case He.PageDown:return e.preventDefault(),e.stopPropagation(),w((()=>Ye(t,Be.Last)))}return w((()=>h(l,{vertical:()=>e.key===He.ArrowUp?Ye(t,Be.Previous|Be.WrapAround):e.key===He.ArrowDown?Ye(t,Be.Next|Be.WrapAround):Ve.Error,horizontal:()=>e.key===He.ArrowLeft?Ye(t,Be.Previous|Be.WrapAround):e.key===He.ArrowRight?Ye(t,Be.Next|Be.WrapAround):Ve.Error})))===Ve.Success?e.preventDefault():void 0})),C=(0,o.useRef)(!1),k=M((()=>{var e;C.current||(C.current=!0,null==(e=v.current)||e.focus(),d.change(x),H((()=>{C.current=!1})))})),O=M((e=>{e.preventDefault()})),N=(0,o.useMemo)((()=>({selected:g})),[g]),P=e;return y({ourProps:{ref:m,onKeyDown:j,onMouseDown:O,onClick:k,id:a,role:"tab",type:Xe(e,v),"aria-controls":null==(n=null==(r=u[x])?void 0:r.current)?void 0:n.id,"aria-selected":g,tabIndex:g?0:-1},theirProps:P,slot:N,defaultTag:"button",name:"Tabs.Tab"})})),ht=C((function(e,t){let{selectedIndex:r}=st("Tab.Panels");return y({ourProps:{ref:z(t)},theirProps:e,slot:(0,o.useMemo)((()=>({selectedIndex:r})),[r]),defaultTag:"div",name:"Tabs.Panels"})})),bt=x.RenderStrategy|x.Static,xt=C((function(e,t){var r,n,a,l;let{selectedIndex:i,tabs:s,panels:c}=st("Tab.Panel"),u=ut("Tab.Panel"),d=lt("Tab.Panel"),f=`headlessui-tabs-panel-${ze()}`,p=(0,o.useRef)(null),v=z(p,t);I((()=>u.registerPanel(p)),[u,p]);let m=d.current.panels.indexOf(f);-1===m&&(m=d.current.panels.push(f)-1);let h=c.indexOf(p);-1===h&&(h=m);let b=h===i,x=(0,o.useMemo)((()=>({selected:b})),[b]),g=e,w={ref:v,id:f,role:"tabpanel","aria-labelledby":null==(n=null==(r=s[h])?void 0:r.current)?void 0:n.id,tabIndex:b?0:-1};return b||null!=(a=e.unmount)&&!a||null!=(l=e.static)&&l?y({ourProps:w,theirProps:g,slot:x,defaultTag:"div",features:bt,visible:b,name:"Tabs.Panel"}):o.createElement(tt,{as:"span",...w})})),gt=Object.assign(mt,{Group:pt,List:vt,Panels:ht,Panel:xt});var yt=function(){return yt=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},yt.apply(this,arguments)},wt=(0,o.forwardRef)((function(t,r){var n=t.children,o=t.selectedColor,i=t.tooltipColor,s=t.onCopied,c=t.isSmallText,u=t.className,d=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(t,["children","selectedColor","tooltipColor","onCopied","isSmallText","className"]);if(null==n)return console.warn("CodeGroup has no children, expected at least one CodeBlock child."),null;if(Array.isArray(n)){if(0===n.length)return null}else n=[n];var f=l().Children.toArray(n);return(0,e.jsxs)(gt.Group,yt({ref:r,as:"div",className:a("not-prose gray-frame",u)},d,{children:[(0,e.jsx)(gt.List,yt({className:"flex text-xs leading-6 rounded-tl-xl pt-2"},{children:function(t){var r,n,l=t.selectedIndex;return(0,e.jsxs)(e.Fragment,{children:[f.map((function(t,r){var n,a;return(0,e.jsx)(e.Fragment,{children:(0,e.jsx)(jt,yt({myIndex:r,selectedIndex:l,selectedColor:o},{children:(null===(n=null==t?void 0:t.props)||void 0===n?void 0:n.filename)||"Filename"}),(null===(a=null==t?void 0:t.props)||void 0===a?void 0:a.filename)+"TabItem"+r)})})),(0,e.jsx)("div",yt({className:a("flex-auto flex justify-end bg-codeblock-tabs border-y border-slate-500/30 pr-4 rounded-tr",l===(null==f?void 0:f.length)-1?"rounded-tl border-l":"")},{children:(0,e.jsx)(Se,{textToCopy:Pe(null===(n=null===(r=f[l])||void 0===r?void 0:r.props)||void 0===n?void 0:n.children),tooltipColor:null!=i?i:o,onCopied:s,className:"relative"})}))]})}})),(0,e.jsx)(gt.Panels,yt({className:"flex overflow-auto"},{children:f.map((function(t){var r,n;return(0,e.jsx)(gt.Panel,yt({className:a("flex-none code-in-gray-frame",c&&"text-xs leading-5"),style:{fontVariantLigatures:"none"}},{children:null===(r=null==t?void 0:t.props)||void 0===r?void 0:r.children}),null===(n=null==t?void 0:t.props)||void 0===n?void 0:n.filename)}))}))]}))}));function jt(t){var r=t.children,n=t.selectedIndex,o=t.myIndex,l=t.selectedColor,i=void 0===l?"#CBD5E1":l,s=n===o,c=s?null:n===o-1?"rounded":"normal",u=s?null:n===o+1?"rounded":"normal";return(0,e.jsxs)(gt,yt({className:"flex items-center relative overflow-hidden px-4 py-1 text-slate-400 outline-none",style:s?{color:i}:{}},{children:[(0,e.jsx)("span",yt({className:"z-10"},{children:r})),!s&&(0,e.jsx)(Ct,{className:a("bg-codeblock-tabs border-y border-slate-500/30","rounded"===c&&"border-l rounded-tl","rounded"===u&&"border-r rounded-tr")}),"normal"===u&&(0,e.jsx)(Ct,{className:"inset-y-px border-r border-slate-200/5 z-20"}),s&&(0,e.jsx)("div",{className:"pointer-events-none absolute inset-0 border-b",style:{borderColor:i}})]}))}function Ct(t){var r=t.className;return(0,e.jsx)("div",{className:a("pointer-events-none absolute inset-0",r)})}var kt=function(){return kt=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},kt.apply(this,arguments)};const Ot=function(t){var r=t.title,n=t.description,l=t.defaultOpen,i=void 0!==l&&l,s=t.onChange,u=t.children,d=(0,o.useState)(i),f=d[0],p=d[1];return(0,e.jsxs)("div",kt({role:"listitem",className:""},{children:[(0,e.jsx)(c,{title:r,description:n,open:f,setOpen:function(e){p(e),s&&s(e)}}),(0,e.jsx)("div",kt({id:r+"Children",className:a("mt-2 pt-2 mb-4 mx-[6px] px-4 border-l border-zinc-100 dark:border-zinc-800",!f&&"hidden")},{children:u}))]}),r)};var Nt=function(){return Nt=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},Nt.apply(this,arguments)},Pt={none:"",md:"p-8"};function Et(t){var r=t.as,n=void 0===r?"div":r,o=t.caption,l=t.style,i=t.className,s=t.containerClassName,c=t.html,u=t.children,d=t.hint,f=t.padding,p=void 0===f?"md":f,v=t.lightOnly,m=void 0!==v&&v,h=Pt[p];return(0,e.jsxs)("div",Nt({className:s},{children:[void 0!==d&&(0,e.jsxs)("div",Nt({className:"not-prose mb-4 flex items-center space-x-2"},{children:[(0,e.jsx)("svg",Nt({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",className:"flex-none w-4 h-4 fill-slate-400 dark:fill-slate-300"},{children:(0,e.jsx)("path",{d:"M224 320c0 17.69 14.33 32 32 32h64c17.67 0 32-14.31 32-32s-14.33-32-32-32h-64C238.3 288 224 302.3 224 320zM267.6 256H352c17.67 0 32-14.31 32-32s-14.33-32-32-32h-80v40C272 240.5 270.3 248.5 267.6 256zM272 160H480c17.67 0 32-14.31 32-32s-14.33-32-32-32h-208.8C271.5 98.66 272 101.3 272 104V160zM320 416c0-17.69-14.33-32-32-32H224c-17.67 0-32 14.31-32 32s14.33 32 32 32h64C305.7 448 320 433.7 320 416zM202.1 355.8C196 345.6 192 333.3 192 320c0-5.766 1.08-11.24 2.51-16.55C157.4 300.6 128 269.9 128 232V159.1C128 151.2 135.2 144 143.1 144S160 151.2 159.1 159.1l0 69.72C159.1 245.2 171.3 271.1 200 271.1C222.1 271.1 240 254.1 240 232v-128C240 81.91 222.1 64 200 64H136.6C103.5 64 72.03 80 52.47 106.8L26.02 143.2C9.107 166.5 0 194.5 0 223.3V312C0 387.1 60.89 448 136 448h32.88C163.4 438.6 160 427.7 160 416C160 388.1 178 364.6 202.1 355.8z"})})),(0,e.jsx)("p",Nt({className:"text-slate-700 text-sm font-medium dark:text-slate-200"},{children:d}))]})),(0,e.jsxs)(n,Nt({style:l,className:a("not-prose relative bg-slate-50 rounded-xl overflow-hidden",!m&&"dark:bg-slate-800/25")},{children:[(0,e.jsx)("div",{style:{backgroundPosition:"10px 10px"},className:a("absolute inset-0 bg-grid-slate-100 [mask-image:linear-gradient(0deg,#fff,rgba(255,255,255,0.6))]",!m&&"dark:bg-grid-slate-700/25 dark:[mask-image:linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.5))]")}),(0,e.jsx)("div",Nt({className:a("relative rounded-xl overflow-auto flex justify-center",h,i)},c?{dangerouslySetInnerHTML:{__html:c}}:{children:u})),o&&(0,e.jsx)("div",Nt({className:a("relative rounded-xl overflow-auto flex justify-center -mt-2 pt-0 px-8 pb-7 text-sm text-slate-700 dark:text-slate-400",i)},{children:(0,e.jsx)("p",{children:o})})),(0,e.jsx)("div",{className:a("absolute inset-0 pointer-events-none border border-black/5 rounded-xl",!m&&"dark:border-white/5")})]}))]}))}var Tt=function(){return Tt=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},Tt.apply(this,arguments)};function St(t){var r=t.children,n=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(t,["children"]);return(0,e.jsx)(It,Tt({},n,{children:r}))}function It(t){var r=t.name,n=t.type,o=t.defaultValue,l=t.required,i=void 0!==l&&l,s=t.optional,c=void 0!==s&&s,u=t.hidden,d=void 0!==u&&u,f=t.nameClasses,p=t.children;return d?null:(0,e.jsxs)("div",Tt({className:a("pb-3 mb-4 border-b border-zinc-100 dark:border-zinc-800")},{children:[(0,e.jsxs)("div",Tt({className:"flex font-mono text-sm"},{children:[r&&(0,e.jsxs)("div",Tt({className:"py-0.5 flex-1 space-x-2 truncate"},{children:[(0,e.jsx)("span",Tt({className:a("rounded-md px-1.5 py-px border border-zinc-300 dark:brightness-[1.35] dark:border-zinc-800 bg-zinc-50 dark:bg-background-dark font-medium",f,f&&!f.includes("text-")||!f?"dark:text-slate-200":void 0)},{children:r})),i&&(0,e.jsx)("span",Tt({className:"text-slate-500 dark:text-slate-300"},{children:"Required"})),c&&(0,e.jsx)("span",Tt({className:"text-slate-500 dark:text-slate-300"},{children:"Optional"})),o&&(0,e.jsxs)("span",Tt({className:"text-slate-500 dark:text-slate-300"},{children:["Default: ",o]}))]})),n&&(0,e.jsx)("div",Tt({className:"text-slate-600 dark:text-slate-300"},{children:n}))]})),(0,e.jsx)("div",Tt({className:"mt-2 prose-sm prose-slate dark:prose-dark"},{children:p}))]}))}var Rt=(e=>(e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing",e))(Rt||{});function Lt(e,t,r){let n=L(t);(0,o.useEffect)((()=>{function t(e){n.current(e)}return document.addEventListener(e,t,r),()=>document.removeEventListener(e,t,r)}),[e,r])}var Ft=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Ft||{}),At=(e=>(e[e.Pointer=0]="Pointer",e[e.Other=1]="Other",e))(At||{}),Mt=(e=>(e[e.OpenMenu=0]="OpenMenu",e[e.CloseMenu=1]="CloseMenu",e[e.GoToItem=2]="GoToItem",e[e.Search=3]="Search",e[e.ClearSearch=4]="ClearSearch",e[e.RegisterItem=5]="RegisterItem",e[e.UnregisterItem=6]="UnregisterItem",e))(Mt||{});function Dt(e,t=(e=>e)){let r=null!==e.activeItemIndex?e.items[e.activeItemIndex]:null,n=Ke(t(e.items.slice()),(e=>e.dataRef.current.domRef.current)),a=r?n.indexOf(r):null;return-1===a&&(a=null),{items:n,activeItemIndex:a}}let zt={1:e=>1===e.menuState?e:{...e,activeItemIndex:null,menuState:1},0:e=>0===e.menuState?e:{...e,menuState:0},2:(e,t)=>{var r;let n=Dt(e),a=function(e,t){let r=t.resolveItems();if(r.length<=0)return null;let n=t.resolveActiveIndex(),a=null!=n?n:-1,o=(()=>{switch(e.focus){case 0:return r.findIndex((e=>!t.resolveDisabled(e)));case 1:{let e=r.slice().reverse().findIndex(((e,r,n)=>!(-1!==a&&n.length-r-1>=a||t.resolveDisabled(e))));return-1===e?e:r.length-1-e}case 2:return r.findIndex(((e,r)=>!(r<=a||t.resolveDisabled(e))));case 3:{let e=r.slice().reverse().findIndex((e=>!t.resolveDisabled(e)));return-1===e?e:r.length-1-e}case 4:return r.findIndex((r=>t.resolveId(r)===e.id));case 5:return null;default:!function(e){throw new Error("Unexpected object: "+e)}(e)}})();return-1===o?n:o}(t,{resolveItems:()=>n.items,resolveActiveIndex:()=>n.activeItemIndex,resolveId:e=>e.id,resolveDisabled:e=>e.dataRef.current.disabled});return{...e,...n,searchQuery:"",activeItemIndex:a,activationTrigger:null!=(r=t.trigger)?r:1}},3:(e,t)=>{let r=""!==e.searchQuery?0:1,n=e.searchQuery+t.value.toLowerCase(),a=(null!==e.activeItemIndex?e.items.slice(e.activeItemIndex+r).concat(e.items.slice(0,e.activeItemIndex+r)):e.items).find((e=>{var t;return(null==(t=e.dataRef.current.textValue)?void 0:t.startsWith(n))&&!e.dataRef.current.disabled})),o=a?e.items.indexOf(a):-1;return-1===o||o===e.activeItemIndex?{...e,searchQuery:n}:{...e,searchQuery:n,activeItemIndex:o,activationTrigger:1}},4:e=>""===e.searchQuery?e:{...e,searchQuery:"",searchActiveItemIndex:null},5:(e,t)=>{let r=Dt(e,(e=>[...e,{id:t.id,dataRef:t.dataRef}]));return{...e,...r}},6:(e,t)=>{let r=Dt(e,(e=>{let r=e.findIndex((e=>e.id===t.id));return-1!==r&&e.splice(r,1),e}));return{...e,...r,activationTrigger:1}}},Ht=(0,o.createContext)(null);function _t(e){let t=(0,o.useContext)(Ht);if(null===t){let t=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,_t),t}return t}function Ut(e,t){return h(t.type,zt,e,t)}Ht.displayName="MenuContext";let Bt=o.Fragment,Vt=C((function(e,t){let r=(0,o.useReducer)(Ut,{menuState:1,buttonRef:(0,o.createRef)(),itemsRef:(0,o.createRef)(),items:[],searchQuery:"",activeItemIndex:null,activationTrigger:1}),[{menuState:n,itemsRef:a,buttonRef:l},i]=r,s=z(t);!function(e,t,r=!0){let n=(0,o.useRef)(!1);function a(r,a){if(!n.current||r.defaultPrevented)return;let o=function e(t){return"function"==typeof t?e(t()):Array.isArray(t)||t instanceof Set?t:[t]}(e),l=a(r);if(null!==l&&l.getRootNode().contains(l)){for(let e of o){if(null===e)continue;let t=e instanceof HTMLElement?e:e.current;if(null!=t&&t.contains(l))return}return!Ge(l,qe.Loose)&&-1!==l.tabIndex&&r.preventDefault(),t(r,l)}}(0,o.useEffect)((()=>{requestAnimationFrame((()=>{n.current=r}))}),[r]);let l=(0,o.useRef)(null);Lt("mousedown",(e=>{var t,r;n.current&&(l.current=(null==(r=null==(t=e.composedPath)?void 0:t.call(e))?void 0:r[0])||e.target)}),!0),Lt("click",(e=>{!l.current||(a(e,(()=>l.current)),l.current=null)}),!0),Lt("blur",(e=>a(e,(()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null))),!0)}([l,a],((e,t)=>{var r;i({type:1}),Ge(t,qe.Loose)||(e.preventDefault(),null==(r=l.current)||r.focus())}),0===n);let c=M((()=>{i({type:1})})),u=(0,o.useMemo)((()=>({open:0===n,close:c})),[n,c]),d=e,f={ref:s};return o.createElement(Ht.Provider,{value:r},o.createElement(T,{value:h(n,{0:P.Open,1:P.Closed})},y({ourProps:f,theirProps:d,slot:u,defaultTag:Bt,name:"Menu"})))})),Wt=C((function(e,t){var r;let[n,a]=_t("Menu.Button"),l=z(n.buttonRef,t),i=`headlessui-menu-button-${ze()}`,s=$(),c=M((e=>{switch(e.key){case He.Space:case He.Enter:case He.ArrowDown:e.preventDefault(),e.stopPropagation(),a({type:0}),s.nextFrame((()=>a({type:2,focus:Rt.First})));break;case He.ArrowUp:e.preventDefault(),e.stopPropagation(),a({type:0}),s.nextFrame((()=>a({type:2,focus:Rt.Last})))}})),u=M((e=>{e.key===He.Space&&e.preventDefault()})),d=M((t=>{if(function(e){let t=e.parentElement,r=null;for(;t&&!(t instanceof HTMLFieldSetElement);)t instanceof HTMLLegendElement&&(r=t),t=t.parentElement;let n=""===(null==t?void 0:t.getAttribute("disabled"));return(!n||!function(e){if(!e)return!1;let t=e.previousElementSibling;for(;null!==t;){if(t instanceof HTMLLegendElement)return!1;t=t.previousElementSibling}return!0}(r))&&n}(t.currentTarget))return t.preventDefault();e.disabled||(0===n.menuState?(a({type:1}),s.nextFrame((()=>{var e;return null==(e=n.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(t.preventDefault(),a({type:0})))})),f=(0,o.useMemo)((()=>({open:0===n.menuState})),[n]),p=e;return y({ourProps:{ref:l,id:i,type:Xe(e,n.buttonRef),"aria-haspopup":!0,"aria-controls":null==(r=n.itemsRef.current)?void 0:r.id,"aria-expanded":e.disabled?void 0:0===n.menuState,onKeyDown:c,onKeyUp:u,onClick:d},theirProps:p,slot:f,defaultTag:"button",name:"Menu.Button"})})),$t=x.RenderStrategy|x.Static,qt=C((function(e,t){var r,n;let[a,l]=_t("Menu.Items"),i=z(a.itemsRef,t),s=function(...e){return(0,o.useMemo)((()=>_e(...e)),[...e])}(a.itemsRef),c=`headlessui-menu-items-${ze()}`,u=$(),d=E(),f=null!==d?d===P.Open:0===a.menuState;(0,o.useEffect)((()=>{let e=a.itemsRef.current;!e||0===a.menuState&&e!==(null==s?void 0:s.activeElement)&&e.focus({preventScroll:!0})}),[a.menuState,a.itemsRef,s]),function({container:e,accept:t,walk:r,enabled:n=!0}){let a=(0,o.useRef)(t),l=(0,o.useRef)(r);(0,o.useEffect)((()=>{a.current=t,l.current=r}),[t,r]),I((()=>{if(!e||!n)return;let t=_e(e);if(!t)return;let r=a.current,o=l.current,i=Object.assign((e=>r(e)),{acceptNode:r}),s=t.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,i,!1);for(;s.nextNode();)o(s.currentNode)}),[e,n,a,l])}({container:a.itemsRef.current,enabled:0===a.menuState,accept:e=>"menuitem"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT,walk(e){e.setAttribute("role","none")}});let p=M((e=>{var t,r;switch(u.dispose(),e.key){case He.Space:if(""!==a.searchQuery)return e.preventDefault(),e.stopPropagation(),l({type:3,value:e.key});case He.Enter:if(e.preventDefault(),e.stopPropagation(),l({type:1}),null!==a.activeItemIndex){let{dataRef:e}=a.items[a.activeItemIndex];null==(r=null==(t=e.current)?void 0:t.domRef.current)||r.click()}Ze(a.buttonRef.current);break;case He.ArrowDown:return e.preventDefault(),e.stopPropagation(),l({type:2,focus:Rt.Next});case He.ArrowUp:return e.preventDefault(),e.stopPropagation(),l({type:2,focus:Rt.Previous});case He.Home:case He.PageUp:return e.preventDefault(),e.stopPropagation(),l({type:2,focus:Rt.First});case He.End:case He.PageDown:return e.preventDefault(),e.stopPropagation(),l({type:2,focus:Rt.Last});case He.Escape:e.preventDefault(),e.stopPropagation(),l({type:1}),_().nextFrame((()=>{var e;return null==(e=a.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case He.Tab:e.preventDefault(),e.stopPropagation(),l({type:1}),_().nextFrame((()=>{!function(e,t){Ye($e(),t,!0,e)}(a.buttonRef.current,e.shiftKey?Be.Previous:Be.Next)}));break;default:1===e.key.length&&(l({type:3,value:e.key}),u.setTimeout((()=>l({type:4})),350))}})),v=M((e=>{e.key===He.Space&&e.preventDefault()})),m=(0,o.useMemo)((()=>({open:0===a.menuState})),[a]),h=e;return y({ourProps:{"aria-activedescendant":null===a.activeItemIndex||null==(r=a.items[a.activeItemIndex])?void 0:r.id,"aria-labelledby":null==(n=a.buttonRef.current)?void 0:n.id,id:c,onKeyDown:p,onKeyUp:v,role:"menu",tabIndex:0,ref:i},theirProps:h,slot:m,defaultTag:"div",features:$t,visible:f,name:"Menu.Items"})})),Gt=o.Fragment,Zt=C((function(e,t){let{disabled:r=!1,...n}=e,[a,l]=_t("Menu.Item"),i=`headlessui-menu-item-${ze()}`,s=null!==a.activeItemIndex&&a.items[a.activeItemIndex].id===i,c=(0,o.useRef)(null),u=z(t,c);I((()=>{if(0!==a.menuState||!s||0===a.activationTrigger)return;let e=_();return e.requestAnimationFrame((()=>{var e,t;null==(t=null==(e=c.current)?void 0:e.scrollIntoView)||t.call(e,{block:"nearest"})})),e.dispose}),[c,s,a.menuState,a.activationTrigger,a.activeItemIndex]);let d=(0,o.useRef)({disabled:r,domRef:c});I((()=>{d.current.disabled=r}),[d,r]),I((()=>{var e,t;d.current.textValue=null==(t=null==(e=c.current)?void 0:e.textContent)?void 0:t.toLowerCase()}),[d,c]),I((()=>(l({type:5,id:i,dataRef:d}),()=>l({type:6,id:i}))),[d,i]);let f=M((()=>{l({type:1})})),p=M((e=>{if(r)return e.preventDefault();l({type:1}),Ze(a.buttonRef.current)})),v=M((()=>{if(r)return l({type:2,focus:Rt.Nothing});l({type:2,focus:Rt.Specific,id:i})})),m=M((()=>{r||s||l({type:2,focus:Rt.Specific,id:i,trigger:0})})),h=M((()=>{r||!s||l({type:2,focus:Rt.Nothing})})),b=(0,o.useMemo)((()=>({active:s,disabled:r,close:f})),[s,r,f]);return y({ourProps:{id:i,ref:u,role:"menuitem",tabIndex:!0===r?void 0:-1,"aria-disabled":!0===r||void 0,disabled:void 0,onClick:p,onFocus:v,onPointerMove:m,onMouseMove:m,onPointerLeave:h,onMouseLeave:h},theirProps:n,slot:b,defaultTag:Gt,name:"Menu.Item"})})),Qt=Object.assign(Vt,{Button:Wt,Items:qt,Item:Zt});var Kt=function(){return Kt=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},Kt.apply(this,arguments)};function Yt(t){var r=t.options,n=t.onChange,l=t.defaultOption,i=t.selectedOptionClass,s=l,c=Array.isArray(r)&&r.length>0;null==l&&c&&(s=r[0]);var u=(0,o.useState)(s),d=u[0],f=u[1];return c?(0,e.jsx)("div",Kt({className:"relative"},{children:(0,e.jsxs)(Qt,{children:[(0,e.jsxs)(Qt.Button,Kt({className:"text-xs text-slate-500 dark:text-slate-400 leading-5 font-semibold !bg-zinc-400/10 rounded-full py-1 px-3 flex items-center space-x-2 hover:bg-zinc-400/20"},{children:[d,(0,e.jsx)("svg",Kt({width:"6",height:"3",className:"ml-2 overflow-visible","aria-hidden":"true"},{children:(0,e.jsx)("path",{d:"M0 0L3 3L6 0",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}))]})),(0,e.jsx)(Qt.Items,Kt({className:"absolute top-full mt-1 py-2 w-40 rounded-lg bg-white shadow text-sm leading-6 font-semibold text-slate-700 dark:bg-zinc-800 dark:text-slate-300"},{children:r.map((function(t){return(0,e.jsx)(Qt.Item,Kt({disabled:t===d},{children:function(r){var o=r.active;return(0,e.jsxs)("a",Kt({className:a("flex items-center justify-between px-3 py-1 cursor-pointer",o&&"bg-zinc-50 text-slate-900 dark:bg-zinc-600/30 dark:text-white",t===d&&i),onClick:function(){return function(e){f(e),n&&n(e)}(t)}},{children:[t,t===d&&(0,e.jsx)("svg",Kt({width:"24",height:"24",fill:"none","aria-hidden":"true"},{children:(0,e.jsx)("path",{d:"m7.75 12.75 2.25 2.5 6.25-6.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}}),t)}))}))]})})):null}var Jt=function(){return Jt=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},Jt.apply(this,arguments)};function Xt(t){var r=t.title,n=t.isActive,o=void 0===n||n,l=t.children;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("h2",Jt({className:a("flex text-sm leading-6 font-semibold whitespace-nowrap pt-3 pb-2.5 -mb-px max-w-max border-b",o?"text-primary dark:text-primary-light border-current":"text-slate-900 border-transparent hover:border-slate-300 dark:text-slate-200 dark:hover:border-slate-700")},{children:r})),l?(0,e.jsx)("div",Jt({className:"prose dark:prose-dark"},{children:l})):null]})}var er=function(){return er=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},er.apply(this,arguments)};function tr(t){var r,n,a=t.children,l=(0,o.useState)(0),i=l[0],s=l[1],c=o.Children.toArray(a),u=null===(n=null===(r=c[i])||void 0===r?void 0:r.props)||void 0===n?void 0:n.children;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("ul",er({className:"not-prose mb-6 pb-[1px] flex-none min-w-full overflow-auto border-b border-zinc-200 space-x-6 flex dark:border-zinc-200/10"},{children:c.map((function(t,r){var n,a;return(0,e.jsx)("li",er({className:"cursor-pointer",onClick:function(){return s(r)}},{children:(0,e.jsx)(Xt,{title:null!==(a=null===(n=null==t?void 0:t.props)||void 0===n?void 0:n.title)&&void 0!==a?a:"Tab Title",isActive:r===i})}))}))})),(0,e.jsx)("div",er({className:"prose dark:prose-dark"},{children:u}))]})}var rr=function(){return rr=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},rr.apply(this,arguments)};function nr(t){var r=t.tip,n=t.children;return n?(0,e.jsxs)("span",rr({className:"group z-10 inline relative"},{children:[ar(n),(0,e.jsx)("span",rr({className:"hidden group-hover:flex w-fit lg:whitespace-nowrap absolute bottom-full left-1/2 mb-0.5 pb-1 -translate-x-1/2 bg-codeblock text-center text-slate-50 text-xs px-1.5 py-1 rounded-lg border border-zinc-50"},{children:r}))]})):null}function ar(t){return(0,o.isValidElement)(t)?t:(0,e.jsx)("span",rr({className:"underline decoration-dotted decoration-2 underline-offset-4 decoration-zinc-400 dark:decoration-zinc-500"},{children:t}))}})(),module.exports=n})();
|
|
1
|
+
/* empty css */
|
|
2
|
+
import { colors as s, designTokens as f, focus as m, shadows as p } from "./styles/design-tokens.js";
|
|
3
|
+
import { Badge as c } from "./components/badge/badge.js";
|
|
4
|
+
import { Icon as n } from "./components/icon/icon.js";
|
|
5
|
+
export {
|
|
6
|
+
c as Badge,
|
|
7
|
+
n as Icon,
|
|
8
|
+
s as colors,
|
|
9
|
+
f as designTokens,
|
|
10
|
+
m as focus,
|
|
11
|
+
p as shadows
|
|
12
|
+
};
|