@want-foundation/allure-react 0.0.0-stage → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +30 -2
  3. package/THIRD_PARTY_NOTICES.md +5 -0
  4. package/dist/animated-text.d.ts +6 -0
  5. package/dist/brand.d.ts +12 -0
  6. package/dist/carousel-scroll.d.ts +6 -0
  7. package/dist/combobox.d.ts +20 -0
  8. package/dist/comment-feed.d.ts +32 -0
  9. package/dist/contact-card.d.ts +15 -0
  10. package/dist/date-field.d.ts +28 -0
  11. package/dist/direction-provider.d.ts +5 -0
  12. package/dist/file-upload.d.ts +22 -0
  13. package/dist/glow.d.ts +5 -0
  14. package/dist/index.d.ts +44 -0
  15. package/dist/index.js +2167 -0
  16. package/dist/loader.d.ts +8 -0
  17. package/dist/media-card.d.ts +14 -0
  18. package/dist/pagination.d.ts +18 -0
  19. package/dist/shimmer.d.ts +7 -0
  20. package/dist/snackbar.d.ts +18 -0
  21. package/dist/theme-toggle.d.ts +8 -0
  22. package/dist/typography.d.ts +299 -0
  23. package/dist/ui/accordion.d.ts +7 -0
  24. package/dist/ui/alert.d.ts +9 -0
  25. package/dist/ui/badge.d.ts +9 -0
  26. package/dist/ui/breadcrumb.d.ts +11 -0
  27. package/dist/ui/button.d.ts +10 -0
  28. package/dist/ui/card.d.ts +9 -0
  29. package/dist/ui/checkbox.d.ts +3 -0
  30. package/dist/ui/dialog.d.ts +18 -0
  31. package/dist/ui/dropdown-menu.d.ts +8 -0
  32. package/dist/ui/field.d.ts +24 -0
  33. package/dist/ui/input.d.ts +3 -0
  34. package/dist/ui/label.d.ts +4 -0
  35. package/dist/ui/navigation-menu.d.ts +14 -0
  36. package/dist/ui/popover.d.ts +7 -0
  37. package/dist/ui/progress.d.ts +6 -0
  38. package/dist/ui/radio-group.d.ts +5 -0
  39. package/dist/ui/select.d.ts +15 -0
  40. package/dist/ui/separator.d.ts +4 -0
  41. package/dist/ui/sheet.d.ts +15 -0
  42. package/dist/ui/skeleton.d.ts +2 -0
  43. package/dist/ui/switch.d.ts +6 -0
  44. package/dist/ui/table.d.ts +9 -0
  45. package/dist/ui/tabs.d.ts +11 -0
  46. package/dist/ui/textarea.d.ts +3 -0
  47. package/dist/ui/toast.d.ts +9 -0
  48. package/dist/ui/tooltip.d.ts +6 -0
  49. package/dist/url-field.d.ts +22 -0
  50. package/dist/utils.d.ts +2 -0
  51. package/dist/window.d.ts +9 -0
  52. package/package.json +39 -4
@@ -0,0 +1,8 @@
1
+ import type { ComponentProps } from 'react';
2
+ export type LoaderProps = Omit<ComponentProps<'span'>, 'children'> & {
3
+ label: string;
4
+ variant?: 'spinner' | 'dots' | 'bars' | 'orbit';
5
+ size?: 'sm' | 'md' | 'lg';
6
+ paused?: boolean;
7
+ };
8
+ export declare function Loader({ label, variant, size, paused, className, ...props }: LoaderProps): import("react").JSX.Element;
@@ -0,0 +1,14 @@
1
+ import type { ComponentProps } from 'react';
2
+ export type MediaCardProps = Omit<ComponentProps<'a'>, 'title' | 'children'> & {
3
+ title: string;
4
+ caption?: string;
5
+ index?: number;
6
+ headingLevel?: 2 | 3;
7
+ image: {
8
+ src: string;
9
+ width: number;
10
+ height: number;
11
+ alt: string;
12
+ };
13
+ };
14
+ export declare function MediaCard({ title, caption, index, image, headingLevel, className, ...props }: MediaCardProps): import("react").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { type ReactNode } from 'react';
2
+ export type PaginationProps = {
3
+ page: number;
4
+ pageSize: number;
5
+ totalItems: number;
6
+ onChange: (page: number, pageSize: number) => void;
7
+ pageSizeOptions?: number[];
8
+ labels: {
9
+ navigation: string;
10
+ previous: string;
11
+ next: string;
12
+ pageSize: string;
13
+ page: (page: number) => string;
14
+ results: (from: number, to: number, total: number) => ReactNode;
15
+ };
16
+ className?: string;
17
+ };
18
+ export declare function Pagination({ page, pageSize, totalItems, onChange, pageSizeOptions, labels, className }: PaginationProps): import("react").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import type { ComponentProps } from 'react';
2
+ export type ShimmerProps = Omit<ComponentProps<'div'>, 'children'> & {
3
+ label: string;
4
+ variant?: 'block' | 'text' | 'avatar' | 'card';
5
+ paused?: boolean;
6
+ };
7
+ export declare function Shimmer({ label, variant, paused, className, ...props }: ShimmerProps): import("react").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import type { ComponentProps, ReactNode } from 'react';
2
+ import { Toast, ToastProvider, ToastViewport } from './ui/toast.js';
3
+ export type SnackbarVariant = 'error' | 'warning' | 'info' | 'success';
4
+ export type SnackbarProps = Omit<ComponentProps<typeof Toast>, 'children' | 'title'> & {
5
+ variant: SnackbarVariant;
6
+ variantLabel: string;
7
+ title: ReactNode;
8
+ description?: ReactNode;
9
+ closeLabel: string;
10
+ action?: {
11
+ label: string;
12
+ altText: string;
13
+ onClick: () => void;
14
+ };
15
+ };
16
+ export declare function SnackbarProvider(props: ComponentProps<typeof ToastProvider>): import("react").JSX.Element;
17
+ export declare function SnackbarViewport({ className, ...props }: ComponentProps<typeof ToastViewport>): import("react").JSX.Element;
18
+ export declare function Snackbar({ variant, variantLabel, title, description, closeLabel, action, className, duration, ...props }: SnackbarProps): import("react").JSX.Element;
@@ -0,0 +1,8 @@
1
+ export type ThemeToggleProps = {
2
+ theme: 'light' | 'dark';
3
+ onThemeChange: (theme: 'light' | 'dark') => void;
4
+ label: string;
5
+ title?: string;
6
+ disabled?: boolean;
7
+ };
8
+ export declare function ThemeToggle({ theme, onThemeChange, label, title, disabled }: ThemeToggleProps): import("react").JSX.Element;
@@ -0,0 +1,299 @@
1
+ import { type HTMLAttributes } from 'react';
2
+ import type tokens from '@want-foundation/allure/tokens.json';
3
+ export type TypographyVariant = keyof typeof tokens.typography.styles;
4
+ export type TypographyProps = HTMLAttributes<HTMLElement> & {
5
+ variant?: TypographyVariant;
6
+ as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'code' | 'pre' | 'blockquote' | 'label';
7
+ tone?: 'default' | 'muted' | 'primary' | 'error' | 'warning' | 'info' | 'success';
8
+ align?: 'start' | 'center' | 'end';
9
+ htmlFor?: string;
10
+ };
11
+ export declare function Typography({ variant, as, tone, align, className, ...props }: TypographyProps): import("react").DOMElement<{
12
+ dir: string | undefined;
13
+ 'data-slot': string;
14
+ 'data-variant': "display" | "body" | "mono" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "small" | "lead" | "overline" | "code-block" | "quote";
15
+ 'data-tone': "error" | "default" | "muted" | "primary" | "warning" | "info" | "success";
16
+ 'data-align': "center" | "end" | "start";
17
+ className: string;
18
+ defaultChecked?: boolean | undefined;
19
+ defaultValue?: string | number | readonly string[] | undefined;
20
+ suppressContentEditableWarning?: boolean | undefined;
21
+ suppressHydrationWarning?: boolean | undefined;
22
+ accessKey?: string | undefined;
23
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
24
+ autoFocus?: boolean | undefined;
25
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
26
+ contextMenu?: string | undefined;
27
+ draggable?: (boolean | "true" | "false") | undefined;
28
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
29
+ hidden?: boolean | undefined;
30
+ id?: string | undefined;
31
+ lang?: string | undefined;
32
+ nonce?: string | undefined;
33
+ slot?: string | undefined;
34
+ spellCheck?: (boolean | "true" | "false") | undefined;
35
+ style?: import("react").CSSProperties | undefined;
36
+ tabIndex?: number | undefined;
37
+ title?: string | undefined;
38
+ translate?: "yes" | "no" | undefined;
39
+ radioGroup?: string | undefined;
40
+ role?: import("react").AriaRole | undefined;
41
+ about?: string | undefined;
42
+ content?: string | undefined;
43
+ datatype?: string | undefined;
44
+ inlist?: any;
45
+ prefix?: string | undefined;
46
+ property?: string | undefined;
47
+ rel?: string | undefined;
48
+ resource?: string | undefined;
49
+ rev?: string | undefined;
50
+ typeof?: string | undefined;
51
+ vocab?: string | undefined;
52
+ autoCorrect?: string | undefined;
53
+ autoSave?: string | undefined;
54
+ color?: string | undefined;
55
+ itemProp?: string | undefined;
56
+ itemScope?: boolean | undefined;
57
+ itemType?: string | undefined;
58
+ itemID?: string | undefined;
59
+ itemRef?: string | undefined;
60
+ results?: number | undefined;
61
+ security?: string | undefined;
62
+ unselectable?: "on" | "off" | undefined;
63
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
64
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
65
+ popoverTarget?: string | undefined;
66
+ inert?: boolean | undefined;
67
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
68
+ is?: string | undefined;
69
+ exportparts?: string | undefined;
70
+ part?: string | undefined;
71
+ "aria-activedescendant"?: string | undefined;
72
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
73
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
74
+ "aria-braillelabel"?: string | undefined;
75
+ "aria-brailleroledescription"?: string | undefined;
76
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
77
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
78
+ "aria-colcount"?: number | undefined;
79
+ "aria-colindex"?: number | undefined;
80
+ "aria-colindextext"?: string | undefined;
81
+ "aria-colspan"?: number | undefined;
82
+ "aria-controls"?: string | undefined;
83
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
84
+ "aria-describedby"?: string | undefined;
85
+ "aria-description"?: string | undefined;
86
+ "aria-details"?: string | undefined;
87
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
88
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
89
+ "aria-errormessage"?: string | undefined;
90
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
91
+ "aria-flowto"?: string | undefined;
92
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
93
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
94
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
95
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
96
+ "aria-keyshortcuts"?: string | undefined;
97
+ "aria-label"?: string | undefined;
98
+ "aria-labelledby"?: string | undefined;
99
+ "aria-level"?: number | undefined;
100
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
101
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
102
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
103
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
104
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
105
+ "aria-owns"?: string | undefined;
106
+ "aria-placeholder"?: string | undefined;
107
+ "aria-posinset"?: number | undefined;
108
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
109
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
110
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
111
+ "aria-required"?: (boolean | "true" | "false") | undefined;
112
+ "aria-roledescription"?: string | undefined;
113
+ "aria-rowcount"?: number | undefined;
114
+ "aria-rowindex"?: number | undefined;
115
+ "aria-rowindextext"?: string | undefined;
116
+ "aria-rowspan"?: number | undefined;
117
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
118
+ "aria-setsize"?: number | undefined;
119
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
120
+ "aria-valuemax"?: number | undefined;
121
+ "aria-valuemin"?: number | undefined;
122
+ "aria-valuenow"?: number | undefined;
123
+ "aria-valuetext"?: string | undefined;
124
+ children?: import("react").ReactNode | undefined;
125
+ dangerouslySetInnerHTML?: {
126
+ __html: string | TrustedHTML;
127
+ } | undefined;
128
+ onCopy?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
129
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
130
+ onCut?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
131
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
132
+ onPaste?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
133
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
134
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLElement> | undefined;
135
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
136
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLElement> | undefined;
137
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
138
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElement> | undefined;
139
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
140
+ onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
141
+ onFocusCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
142
+ onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
143
+ onBlurCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
144
+ onChange?: import("react").ChangeEventHandler<HTMLElement, Element> | undefined;
145
+ onChangeCapture?: import("react").ChangeEventHandler<HTMLElement, Element> | undefined;
146
+ onBeforeInput?: import("react").InputEventHandler<HTMLElement> | undefined;
147
+ onBeforeInputCapture?: import("react").InputEventHandler<HTMLElement> | undefined;
148
+ onInput?: import("react").InputEventHandler<HTMLElement> | undefined;
149
+ onInputCapture?: import("react").InputEventHandler<HTMLElement> | undefined;
150
+ onReset?: import("react").ReactEventHandler<HTMLElement> | undefined;
151
+ onResetCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
152
+ onSubmit?: import("react").SubmitEventHandler<HTMLElement> | undefined;
153
+ onSubmitCapture?: import("react").SubmitEventHandler<HTMLElement> | undefined;
154
+ onInvalid?: import("react").ReactEventHandler<HTMLElement> | undefined;
155
+ onInvalidCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
156
+ onLoad?: import("react").ReactEventHandler<HTMLElement> | undefined;
157
+ onLoadCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
158
+ onError?: import("react").ReactEventHandler<HTMLElement> | undefined;
159
+ onErrorCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
160
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
161
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
162
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
163
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
164
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
165
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
166
+ onAbort?: import("react").ReactEventHandler<HTMLElement> | undefined;
167
+ onAbortCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
168
+ onCanPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
169
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
170
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLElement> | undefined;
171
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
172
+ onDurationChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
173
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
174
+ onEmptied?: import("react").ReactEventHandler<HTMLElement> | undefined;
175
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
176
+ onEncrypted?: import("react").ReactEventHandler<HTMLElement> | undefined;
177
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
178
+ onEnded?: import("react").ReactEventHandler<HTMLElement> | undefined;
179
+ onEndedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
180
+ onLoadedData?: import("react").ReactEventHandler<HTMLElement> | undefined;
181
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
182
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLElement> | undefined;
183
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
184
+ onLoadStart?: import("react").ReactEventHandler<HTMLElement> | undefined;
185
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
186
+ onPause?: import("react").ReactEventHandler<HTMLElement> | undefined;
187
+ onPauseCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
188
+ onPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
189
+ onPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
190
+ onPlaying?: import("react").ReactEventHandler<HTMLElement> | undefined;
191
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
192
+ onProgress?: import("react").ReactEventHandler<HTMLElement> | undefined;
193
+ onProgressCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
194
+ onRateChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
195
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
196
+ onSeeked?: import("react").ReactEventHandler<HTMLElement> | undefined;
197
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
198
+ onSeeking?: import("react").ReactEventHandler<HTMLElement> | undefined;
199
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
200
+ onStalled?: import("react").ReactEventHandler<HTMLElement> | undefined;
201
+ onStalledCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
202
+ onSuspend?: import("react").ReactEventHandler<HTMLElement> | undefined;
203
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
204
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLElement> | undefined;
205
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
206
+ onVolumeChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
207
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
208
+ onWaiting?: import("react").ReactEventHandler<HTMLElement> | undefined;
209
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
210
+ onAuxClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
211
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
212
+ onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
213
+ onClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
214
+ onContextMenu?: import("react").MouseEventHandler<HTMLElement> | undefined;
215
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
216
+ onDoubleClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
217
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
218
+ onDrag?: import("react").DragEventHandler<HTMLElement> | undefined;
219
+ onDragCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
220
+ onDragEnd?: import("react").DragEventHandler<HTMLElement> | undefined;
221
+ onDragEndCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
222
+ onDragEnter?: import("react").DragEventHandler<HTMLElement> | undefined;
223
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
224
+ onDragExit?: import("react").DragEventHandler<HTMLElement> | undefined;
225
+ onDragExitCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
226
+ onDragLeave?: import("react").DragEventHandler<HTMLElement> | undefined;
227
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
228
+ onDragOver?: import("react").DragEventHandler<HTMLElement> | undefined;
229
+ onDragOverCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
230
+ onDragStart?: import("react").DragEventHandler<HTMLElement> | undefined;
231
+ onDragStartCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
232
+ onDrop?: import("react").DragEventHandler<HTMLElement> | undefined;
233
+ onDropCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
234
+ onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
235
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
236
+ onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
237
+ onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
238
+ onMouseMove?: import("react").MouseEventHandler<HTMLElement> | undefined;
239
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
240
+ onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
241
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
242
+ onMouseOver?: import("react").MouseEventHandler<HTMLElement> | undefined;
243
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
244
+ onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
245
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
246
+ onSelect?: import("react").ReactEventHandler<HTMLElement> | undefined;
247
+ onSelectCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
248
+ onTouchCancel?: import("react").TouchEventHandler<HTMLElement> | undefined;
249
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
250
+ onTouchEnd?: import("react").TouchEventHandler<HTMLElement> | undefined;
251
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
252
+ onTouchMove?: import("react").TouchEventHandler<HTMLElement> | undefined;
253
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
254
+ onTouchStart?: import("react").TouchEventHandler<HTMLElement> | undefined;
255
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
256
+ onPointerDown?: import("react").PointerEventHandler<HTMLElement> | undefined;
257
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
258
+ onPointerMove?: import("react").PointerEventHandler<HTMLElement> | undefined;
259
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
260
+ onPointerUp?: import("react").PointerEventHandler<HTMLElement> | undefined;
261
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
262
+ onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | undefined;
263
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
264
+ onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | undefined;
265
+ onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | undefined;
266
+ onPointerOver?: import("react").PointerEventHandler<HTMLElement> | undefined;
267
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
268
+ onPointerOut?: import("react").PointerEventHandler<HTMLElement> | undefined;
269
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
270
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
271
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
272
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
273
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
274
+ onScroll?: import("react").UIEventHandler<HTMLElement> | undefined;
275
+ onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
276
+ onScrollEnd?: import("react").UIEventHandler<HTMLElement> | undefined;
277
+ onScrollEndCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
278
+ onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
279
+ onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
280
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
281
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
282
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLElement> | undefined;
283
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
284
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
285
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
286
+ onToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
287
+ onBeforeToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
288
+ onTransitionCancel?: import("react").TransitionEventHandler<HTMLElement> | undefined;
289
+ onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
290
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
291
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
292
+ onTransitionRun?: import("react").TransitionEventHandler<HTMLElement> | undefined;
293
+ onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
294
+ onTransitionStart?: import("react").TransitionEventHandler<HTMLElement> | undefined;
295
+ onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
296
+ htmlFor?: string;
297
+ }, Element>;
298
+ export type ProseProps = HTMLAttributes<HTMLDivElement>;
299
+ export declare function Prose({ className, ...props }: ProseProps): import("react").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import { Accordion as AccordionPrimitive } from "radix-ui";
3
+ declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
4
+ declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
5
+ declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
6
+ declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
7
+ export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import { type VariantProps } from "class-variance-authority";
3
+ declare const alertVariants: (props?: ({
4
+ variant?: "default" | "destructive" | null | undefined;
5
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
+ declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
7
+ declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
8
+ declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
9
+ export { Alert, AlertTitle, AlertDescription };
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import { type VariantProps } from "class-variance-authority";
3
+ declare const badgeVariants: (props?: ({
4
+ variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
5
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
+ declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
7
+ asChild?: boolean;
8
+ }): React.JSX.Element;
9
+ export { Badge, badgeVariants };
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): React.JSX.Element;
3
+ declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
4
+ declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
5
+ declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
6
+ asChild?: boolean;
7
+ }): React.JSX.Element;
8
+ declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
9
+ declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
10
+ declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
11
+ export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import { type VariantProps } from "class-variance-authority";
3
+ declare const buttonVariants: (props?: ({
4
+ variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
5
+ size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
6
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
+ declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
8
+ asChild?: boolean;
9
+ }): React.JSX.Element;
10
+ export { Button, buttonVariants };
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
3
+ declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
4
+ declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
5
+ declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
6
+ declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
7
+ declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
8
+ declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
9
+ export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
@@ -0,0 +1,3 @@
1
+ import type { ComponentProps } from 'react';
2
+ import { Checkbox as CheckboxPrimitive } from 'radix-ui';
3
+ export declare function Checkbox({ className, ...props }: ComponentProps<typeof CheckboxPrimitive.Root>): import("react").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import * as React from "react";
2
+ import { Dialog as DialogPrimitive } from "radix-ui";
3
+ declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
4
+ declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
5
+ declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
6
+ declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
7
+ declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
8
+ declare function DialogContent({ className, children, showCloseButton, closeLabel, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
9
+ showCloseButton?: boolean;
10
+ closeLabel?: string;
11
+ }): React.JSX.Element;
12
+ declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
13
+ declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
14
+ showCloseButton?: boolean;
15
+ }): React.JSX.Element;
16
+ declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
17
+ declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
18
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
@@ -0,0 +1,8 @@
1
+ import type { ComponentProps } from 'react';
2
+ import { DropdownMenu as MenuPrimitive } from 'radix-ui';
3
+ export declare const DropdownMenu: import("react").FC<MenuPrimitive.DropdownMenuProps>;
4
+ export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<MenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
5
+ export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<MenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
6
+ export declare function DropdownMenuContent({ className, sideOffset, ...props }: ComponentProps<typeof MenuPrimitive.Content>): import("react").JSX.Element;
7
+ export declare function DropdownMenuItem({ className, ...props }: ComponentProps<typeof MenuPrimitive.Item>): import("react").JSX.Element;
8
+ export declare function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof MenuPrimitive.Label>): import("react").JSX.Element;
@@ -0,0 +1,24 @@
1
+ import { type VariantProps } from "class-variance-authority";
2
+ import { Label } from "./label.js";
3
+ declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react").JSX.Element;
4
+ declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
5
+ variant?: "legend" | "label";
6
+ }): import("react").JSX.Element;
7
+ declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
8
+ declare const fieldVariants: (props?: ({
9
+ orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
10
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
11
+ declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react").JSX.Element;
12
+ declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
13
+ declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react").JSX.Element;
14
+ declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
15
+ declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
16
+ declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
17
+ children?: React.ReactNode;
18
+ }): import("react").JSX.Element;
19
+ declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
20
+ errors?: Array<{
21
+ message?: string;
22
+ } | undefined>;
23
+ }): import("react").JSX.Element | null;
24
+ export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
3
+ export { Input };
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import { Label as LabelPrimitive } from "radix-ui";
3
+ declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
4
+ export { Label };
@@ -0,0 +1,14 @@
1
+ import * as React from "react";
2
+ import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
3
+ declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
4
+ viewport?: boolean;
5
+ }): React.JSX.Element;
6
+ declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): React.JSX.Element;
7
+ declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): React.JSX.Element;
8
+ declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
9
+ declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): React.JSX.Element;
10
+ declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): React.JSX.Element;
11
+ declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): React.JSX.Element;
12
+ declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): React.JSX.Element;
13
+ declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): React.JSX.Element;
14
+ export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
@@ -0,0 +1,7 @@
1
+ import type { ComponentProps } from 'react';
2
+ import { Popover as PopoverPrimitive } from 'radix-ui';
3
+ export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;
4
+ export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
5
+ export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
6
+ export declare const PopoverClose: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
7
+ export declare function PopoverContent({ className, align, sideOffset, ...props }: ComponentProps<typeof PopoverPrimitive.Content>): import("react").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import type { ComponentProps } from 'react';
2
+ import { Progress as ProgressPrimitive } from 'radix-ui';
3
+ export type ProgressProps = ComponentProps<typeof ProgressPrimitive.Root> & {
4
+ label: string;
5
+ };
6
+ export declare function Progress({ label, className, value, max, ...props }: ProgressProps): import("react").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
3
+ declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): React.JSX.Element;
4
+ declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): React.JSX.Element;
5
+ export { RadioGroup, RadioGroupItem };
@@ -0,0 +1,15 @@
1
+ import * as React from "react";
2
+ import { Select as SelectPrimitive } from "radix-ui";
3
+ declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
4
+ declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
5
+ declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
6
+ declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
7
+ size?: "sm" | "default";
8
+ }): React.JSX.Element;
9
+ declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
10
+ declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
11
+ declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
12
+ declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
13
+ declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.JSX.Element;
14
+ declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.JSX.Element;
15
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import { Separator as SeparatorPrimitive } from "radix-ui";
3
+ declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): React.JSX.Element;
4
+ export { Separator };
@@ -0,0 +1,15 @@
1
+ import * as React from "react";
2
+ import { Dialog as SheetPrimitive } from "radix-ui";
3
+ declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): React.JSX.Element;
4
+ declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): React.JSX.Element;
5
+ declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): React.JSX.Element;
6
+ declare function SheetContent({ className, children, side, showCloseButton, closeLabel, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
7
+ side?: "top" | "right" | "bottom" | "left";
8
+ showCloseButton?: boolean;
9
+ closeLabel?: string;
10
+ }): React.JSX.Element;
11
+ declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
12
+ declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
13
+ declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): React.JSX.Element;
14
+ declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): React.JSX.Element;
15
+ export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
@@ -0,0 +1,2 @@
1
+ declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
2
+ export { Skeleton };