@santi020k/lumen-react 0.1.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/LICENSE +21 -0
- package/README.md +132 -0
- package/dist/components.d.ts +634 -0
- package/dist/components.d.ts.map +1 -0
- package/dist/components.js +842 -0
- package/dist/hooks.d.ts +378 -0
- package/dist/hooks.d.ts.map +1 -0
- package/dist/hooks.js +2056 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3 -0
- package/package.json +71 -0
- package/styles.css +5 -0
|
@@ -0,0 +1,634 @@
|
|
|
1
|
+
import { type LumenIconName } from '@santi020k/lumen-core';
|
|
2
|
+
import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
|
|
3
|
+
import { type DialogOptions, type DropdownMenuOptions, type PopoverOptions, type ResizableDirection, type SelectOptions, type TabsOptions, type TooltipOptions } from './hooks.js';
|
|
4
|
+
type AlertVariant = 'default' | 'destructive' | 'success' | 'warning';
|
|
5
|
+
type BadgeVariant = AlertVariant | 'outline' | 'secondary';
|
|
6
|
+
type ButtonSize = 'default' | 'icon' | 'lg' | 'sm';
|
|
7
|
+
type ButtonVariant = 'default' | 'destructive' | 'ghost' | 'link' | 'outline' | 'secondary';
|
|
8
|
+
type CardVariant = 'default' | 'glass' | 'interactive' | 'muted';
|
|
9
|
+
type CodeTheme = 'auto' | 'lumen' | 'santi020k';
|
|
10
|
+
type CodeVariant = 'block' | 'inline';
|
|
11
|
+
type IconSize = 'default' | 'lg' | 'sm' | 'xl';
|
|
12
|
+
export type DataTableCell = boolean | null | number | string | undefined | {
|
|
13
|
+
label?: boolean | null | number | string;
|
|
14
|
+
sortValue?: boolean | null | number | string;
|
|
15
|
+
value?: boolean | null | number | string;
|
|
16
|
+
};
|
|
17
|
+
export interface DataTableColumn {
|
|
18
|
+
header?: string;
|
|
19
|
+
key: string;
|
|
20
|
+
label?: string;
|
|
21
|
+
sort?: 'number' | 'string';
|
|
22
|
+
sortable?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export type DataTableRow = Record<string, DataTableCell> & {
|
|
25
|
+
id?: number | string;
|
|
26
|
+
rowValue?: number | string;
|
|
27
|
+
value?: number | string;
|
|
28
|
+
};
|
|
29
|
+
type MessageFrom = 'assistant' | 'user';
|
|
30
|
+
type MarkerVariant = 'danger' | 'default' | 'success' | 'warning';
|
|
31
|
+
type Orientation = 'horizontal' | 'vertical';
|
|
32
|
+
type SurfaceVariant = 'default' | 'glass';
|
|
33
|
+
export type LumenGlassProp = boolean | 'subtle' | 'strong';
|
|
34
|
+
interface SurfaceProps {
|
|
35
|
+
'data-surface'?: SurfaceVariant;
|
|
36
|
+
glass?: LumenGlassProp;
|
|
37
|
+
surface?: SurfaceVariant;
|
|
38
|
+
}
|
|
39
|
+
export interface Option {
|
|
40
|
+
disabled?: boolean;
|
|
41
|
+
label: string;
|
|
42
|
+
value: string;
|
|
43
|
+
}
|
|
44
|
+
type SelectOption = Option | string;
|
|
45
|
+
type PrimitiveProps = ComponentPropsWithoutRef<'div'> & {
|
|
46
|
+
[key: string]: unknown;
|
|
47
|
+
as?: ElementType;
|
|
48
|
+
};
|
|
49
|
+
export type AccordionProps = ComponentPropsWithoutRef<'div'>;
|
|
50
|
+
export declare const Accordion: ({ className, ...props }: AccordionProps) => import("react").JSX.Element;
|
|
51
|
+
export interface AlertProps extends ComponentPropsWithoutRef<'aside'> {
|
|
52
|
+
glass?: LumenGlassProp;
|
|
53
|
+
variant?: AlertVariant;
|
|
54
|
+
}
|
|
55
|
+
export declare const Alert: ({ className, glass, variant, ...props }: AlertProps) => import("react").JSX.Element;
|
|
56
|
+
export type AlertDialogProps = Omit<ComponentPropsWithoutRef<'dialog'>, 'open'> & SurfaceProps & Omit<DialogOptions, 'id'>;
|
|
57
|
+
export declare const AlertDialog: ({ className, defaultOpen, glass, onClick, onClose, onOpenChange, open, surface, ...props }: AlertDialogProps) => import("react").JSX.Element;
|
|
58
|
+
export interface AgendaProps extends ComponentPropsWithoutRef<'section'> {
|
|
59
|
+
glass?: LumenGlassProp;
|
|
60
|
+
}
|
|
61
|
+
export declare const Agenda: ({ className, glass, ...props }: AgendaProps) => import("react").JSX.Element;
|
|
62
|
+
export interface AspectRatioProps extends ComponentPropsWithoutRef<'div'> {
|
|
63
|
+
ratio?: string;
|
|
64
|
+
}
|
|
65
|
+
export declare const AspectRatio: ({ className, ratio, style, ...props }: AspectRatioProps) => import("react").JSX.Element;
|
|
66
|
+
export interface AttachmentProps extends ComponentPropsWithoutRef<'article'> {
|
|
67
|
+
glass?: LumenGlassProp;
|
|
68
|
+
href?: string;
|
|
69
|
+
}
|
|
70
|
+
export interface AutocompleteProps extends ComponentPropsWithoutRef<'input'> {
|
|
71
|
+
list: string;
|
|
72
|
+
}
|
|
73
|
+
export declare const Autocomplete: ({ className, type, ...props }: AutocompleteProps) => import("react").JSX.Element;
|
|
74
|
+
export declare const Attachment: ({ className, glass, href, ...props }: AttachmentProps) => import("react").JSX.Element;
|
|
75
|
+
export interface AvatarProps extends ComponentPropsWithoutRef<'span'> {
|
|
76
|
+
alt?: string;
|
|
77
|
+
fallback?: ReactNode;
|
|
78
|
+
src?: string;
|
|
79
|
+
}
|
|
80
|
+
export declare const Avatar: ({ alt, children, className, fallback, src, ...props }: AvatarProps) => import("react").JSX.Element;
|
|
81
|
+
export interface BadgeProps extends ComponentPropsWithoutRef<'span'> {
|
|
82
|
+
variant?: BadgeVariant;
|
|
83
|
+
}
|
|
84
|
+
export declare const Badge: ({ className, variant, ...props }: BadgeProps) => import("react").JSX.Element;
|
|
85
|
+
export type BreadcrumbProps = ComponentPropsWithoutRef<'nav'>;
|
|
86
|
+
export declare const Breadcrumb: ({ "aria-label": ariaLabel, className, ...props }: BreadcrumbProps) => import("react").JSX.Element;
|
|
87
|
+
export interface BubbleProps extends ComponentPropsWithoutRef<'article'> {
|
|
88
|
+
from?: MessageFrom;
|
|
89
|
+
glass?: LumenGlassProp;
|
|
90
|
+
}
|
|
91
|
+
export declare const Bubble: ({ className, from, glass, ...props }: BubbleProps) => import("react").JSX.Element;
|
|
92
|
+
export interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
|
|
93
|
+
loading?: boolean;
|
|
94
|
+
size?: ButtonSize;
|
|
95
|
+
variant?: ButtonVariant;
|
|
96
|
+
}
|
|
97
|
+
export declare const Button: ({ children, className, disabled, loading, size, type, variant, ...props }: ButtonProps) => import("react").JSX.Element;
|
|
98
|
+
export type ButtonGroupProps = ComponentPropsWithoutRef<'div'>;
|
|
99
|
+
export declare const ButtonGroup: ({ className, ...props }: ButtonGroupProps) => import("react").JSX.Element;
|
|
100
|
+
export interface CalendarProps extends ComponentPropsWithoutRef<'div'> {
|
|
101
|
+
defaultValue?: string | undefined;
|
|
102
|
+
disabled?: boolean | undefined;
|
|
103
|
+
glass?: LumenGlassProp;
|
|
104
|
+
locale?: string | undefined;
|
|
105
|
+
max?: string | undefined;
|
|
106
|
+
min?: string | undefined;
|
|
107
|
+
month?: string | undefined;
|
|
108
|
+
name?: string | undefined;
|
|
109
|
+
onValueChange?: ((value: string) => void) | undefined;
|
|
110
|
+
value?: string | undefined;
|
|
111
|
+
}
|
|
112
|
+
export declare const Calendar: ({ className, defaultValue, disabled, glass, locale, max, min, month, name, onValueChange, value, ...props }: CalendarProps) => import("react").JSX.Element;
|
|
113
|
+
export type CardProps<T extends ElementType = 'div'> = PrimitiveProps & {
|
|
114
|
+
'data-variant'?: CardVariant;
|
|
115
|
+
as?: T;
|
|
116
|
+
glass?: LumenGlassProp;
|
|
117
|
+
variant?: CardVariant;
|
|
118
|
+
};
|
|
119
|
+
export declare const Card: <T extends ElementType = "div">({ as, className, glass, variant, ...props }: CardProps<T>) => import("react").JSX.Element;
|
|
120
|
+
export interface CarouselProps extends ComponentPropsWithoutRef<'section'> {
|
|
121
|
+
glass?: LumenGlassProp;
|
|
122
|
+
}
|
|
123
|
+
export declare const Carousel: ({ className, glass, ...props }: CarouselProps) => import("react").JSX.Element;
|
|
124
|
+
export interface ChartProps extends ComponentPropsWithoutRef<'figure'> {
|
|
125
|
+
glass?: LumenGlassProp;
|
|
126
|
+
}
|
|
127
|
+
export declare const Chart: ({ className, glass, ...props }: ChartProps) => import("react").JSX.Element;
|
|
128
|
+
export type CheckboxProps = Omit<ComponentPropsWithoutRef<'input'>, 'type'>;
|
|
129
|
+
export declare const Checkbox: ({ className, ...props }: CheckboxProps) => import("react").JSX.Element;
|
|
130
|
+
export type CollapsibleProps = ComponentPropsWithoutRef<'details'>;
|
|
131
|
+
export declare const Collapsible: ({ className, ...props }: CollapsibleProps) => import("react").JSX.Element;
|
|
132
|
+
export interface CodeProps extends ComponentPropsWithoutRef<'figure'> {
|
|
133
|
+
code?: string;
|
|
134
|
+
copy?: boolean;
|
|
135
|
+
highlighted?: boolean;
|
|
136
|
+
label?: ReactNode;
|
|
137
|
+
language?: string;
|
|
138
|
+
theme?: CodeTheme;
|
|
139
|
+
variant?: CodeVariant;
|
|
140
|
+
}
|
|
141
|
+
export declare const Code: ({ children, className, code, copy, highlighted, label, language, theme, variant, ...props }: CodeProps) => import("react").JSX.Element;
|
|
142
|
+
export interface ComboboxProps extends ComponentPropsWithoutRef<'input'> {
|
|
143
|
+
label?: ReactNode;
|
|
144
|
+
list: string;
|
|
145
|
+
options?: string[];
|
|
146
|
+
wrapperClassName?: string;
|
|
147
|
+
}
|
|
148
|
+
export declare const Combobox: ({ className, defaultValue, id, label, list, onBlur, onChange, onFocus, onKeyDown, options, type, value: valueProp, wrapperClassName, ...props }: ComboboxProps) => import("react").JSX.Element;
|
|
149
|
+
export interface CommandProps extends ComponentPropsWithoutRef<'div'> {
|
|
150
|
+
glass?: LumenGlassProp;
|
|
151
|
+
}
|
|
152
|
+
export declare const Command: ({ className, glass, ...props }: CommandProps) => import("react").JSX.Element;
|
|
153
|
+
export interface ContextMenuProps extends ComponentPropsWithoutRef<'menu'>, SurfaceProps {
|
|
154
|
+
}
|
|
155
|
+
export declare const ContextMenu: ({ className, glass, surface, ...props }: ContextMenuProps) => import("react").JSX.Element;
|
|
156
|
+
export type ColorPickerProps = ComponentPropsWithoutRef<'input'>;
|
|
157
|
+
export declare const ColorPicker: ({ className, type, ...props }: ColorPickerProps) => import("react").JSX.Element;
|
|
158
|
+
export interface DataTableProps extends ComponentPropsWithoutRef<'div'> {
|
|
159
|
+
columns?: DataTableColumn[];
|
|
160
|
+
glass?: LumenGlassProp;
|
|
161
|
+
name?: string;
|
|
162
|
+
rows?: DataTableRow[];
|
|
163
|
+
selectable?: boolean;
|
|
164
|
+
}
|
|
165
|
+
export declare const DataTable: ({ children, className, columns, glass, name, rows, selectable, ...props }: DataTableProps) => import("react").JSX.Element;
|
|
166
|
+
export type DatePickerProps = Omit<ComponentPropsWithoutRef<'input'>, 'defaultValue' | 'type' | 'value'> & SurfaceProps & {
|
|
167
|
+
defaultValue?: string;
|
|
168
|
+
onValueChange?: (value: string) => void;
|
|
169
|
+
placeholder?: string;
|
|
170
|
+
value?: string;
|
|
171
|
+
};
|
|
172
|
+
export declare const DatePicker: ({ className, defaultValue, disabled, glass, id, max, min, name, onChange, onInvalid, onValueChange, placeholder, required, value, ...props }: DatePickerProps) => import("react").JSX.Element;
|
|
173
|
+
export type DateRangePickerProps = ComponentPropsWithoutRef<'div'> & {
|
|
174
|
+
onRangeChange?: (range: {
|
|
175
|
+
end?: string;
|
|
176
|
+
start?: string;
|
|
177
|
+
}) => void;
|
|
178
|
+
};
|
|
179
|
+
export declare const DateRangePicker: ({ className, onInput, onRangeChange, ...props }: DateRangePickerProps) => import("react").JSX.Element;
|
|
180
|
+
export type DialogProps = Omit<ComponentPropsWithoutRef<'dialog'>, 'open'> & SurfaceProps & Omit<DialogOptions, 'id'>;
|
|
181
|
+
export declare const Dialog: ({ className, defaultOpen, glass, onClick, onClose, onOpenChange, open, surface, ...props }: DialogProps) => import("react").JSX.Element;
|
|
182
|
+
export type DirectionProps = ComponentPropsWithoutRef<'div'>;
|
|
183
|
+
export declare const Direction: ({ className, dir, ...props }: DirectionProps) => import("react").JSX.Element;
|
|
184
|
+
export interface DrawerProps extends ComponentPropsWithoutRef<'dialog'>, SurfaceProps {
|
|
185
|
+
}
|
|
186
|
+
export declare const Drawer: ({ className, glass, surface, ...props }: DrawerProps) => import("react").JSX.Element;
|
|
187
|
+
export type DropdownMenuProps = ComponentPropsWithoutRef<'menu'> & SurfaceProps & Omit<DropdownMenuOptions, 'id'>;
|
|
188
|
+
export declare const DropdownMenu: ({ children, className, defaultOpen, glass, onOpenChange, open, surface, ...props }: DropdownMenuProps) => import("react").JSX.Element;
|
|
189
|
+
export type DropdownMenuTriggerProps = ComponentPropsWithoutRef<'button'>;
|
|
190
|
+
export declare const DropdownMenuTrigger: ({ onClick, onKeyDown, ...props }: DropdownMenuTriggerProps) => import("react").JSX.Element;
|
|
191
|
+
export type DropdownMenuContentProps = ComponentPropsWithoutRef<'div'>;
|
|
192
|
+
export declare const DropdownMenuContent: ({ className, onKeyDown, ...props }: DropdownMenuContentProps) => import("react").JSX.Element;
|
|
193
|
+
export interface EmptyProps extends ComponentPropsWithoutRef<'section'> {
|
|
194
|
+
glass?: LumenGlassProp;
|
|
195
|
+
}
|
|
196
|
+
export declare const Empty: ({ className, glass, ...props }: EmptyProps) => import("react").JSX.Element;
|
|
197
|
+
export interface FieldProps extends ComponentPropsWithoutRef<'div'> {
|
|
198
|
+
controlId?: string;
|
|
199
|
+
describedBy?: string;
|
|
200
|
+
glass?: LumenGlassProp;
|
|
201
|
+
}
|
|
202
|
+
export declare const Field: ({ "aria-describedby": ariaDescribedby, className, controlId, describedBy, glass, ...props }: FieldProps) => import("react").JSX.Element;
|
|
203
|
+
export interface HoverCardProps extends ComponentPropsWithoutRef<'aside'>, SurfaceProps {
|
|
204
|
+
}
|
|
205
|
+
export declare const HoverCard: ({ className, glass, surface, ...props }: HoverCardProps) => import("react").JSX.Element;
|
|
206
|
+
export interface IconProps extends ComponentPropsWithoutRef<'span'> {
|
|
207
|
+
decorative?: boolean;
|
|
208
|
+
label?: string;
|
|
209
|
+
name?: LumenIconName;
|
|
210
|
+
size?: IconSize;
|
|
211
|
+
}
|
|
212
|
+
export declare const Icon: ({ "aria-hidden": ariaHidden, "aria-label": ariaLabel, children, className, decorative, label, name, role, size, ...props }: IconProps) => import("react").JSX.Element;
|
|
213
|
+
export interface InputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
|
|
214
|
+
size?: 'default' | 'lg' | 'sm';
|
|
215
|
+
}
|
|
216
|
+
export declare const Input: ({ className, size, type, ...props }: InputProps) => import("react").JSX.Element;
|
|
217
|
+
export type InputGroupProps = ComponentPropsWithoutRef<'div'>;
|
|
218
|
+
export declare const InputGroup: ({ className, ...props }: InputGroupProps) => import("react").JSX.Element;
|
|
219
|
+
export interface InputOTPProps extends Omit<ComponentPropsWithoutRef<'input'>, 'className' | 'maxLength' | 'type'> {
|
|
220
|
+
className?: string | undefined;
|
|
221
|
+
inputClassName?: string | undefined;
|
|
222
|
+
length?: number;
|
|
223
|
+
maxLength?: number;
|
|
224
|
+
}
|
|
225
|
+
export declare const InputOTP: ({ "aria-invalid": ariaInvalid, className, defaultValue, disabled, inputClassName, inputMode, length, maxLength, pattern, value, ...props }: InputOTPProps) => import("react").JSX.Element;
|
|
226
|
+
export type NumberFieldProps = ComponentPropsWithoutRef<'input'>;
|
|
227
|
+
export declare const NumberField: ({ className, type, ...props }: NumberFieldProps) => import("react").JSX.Element;
|
|
228
|
+
export interface ItemProps extends ComponentPropsWithoutRef<'div'> {
|
|
229
|
+
glass?: LumenGlassProp;
|
|
230
|
+
}
|
|
231
|
+
export declare const Item: ({ className, glass, ...props }: ItemProps) => import("react").JSX.Element;
|
|
232
|
+
export type KbdProps = ComponentPropsWithoutRef<'kbd'>;
|
|
233
|
+
export declare const Kbd: ({ className, ...props }: KbdProps) => import("react").JSX.Element;
|
|
234
|
+
export type LabelProps = ComponentPropsWithoutRef<'label'>;
|
|
235
|
+
export declare const Label: ({ className, ...props }: LabelProps) => import("react").JSX.Element;
|
|
236
|
+
export interface MarkerProps extends ComponentPropsWithoutRef<'span'> {
|
|
237
|
+
variant?: MarkerVariant;
|
|
238
|
+
}
|
|
239
|
+
export declare const Marker: ({ className, variant, ...props }: MarkerProps) => import("react").JSX.Element;
|
|
240
|
+
export interface MenubarProps extends ComponentPropsWithoutRef<'nav'>, SurfaceProps {
|
|
241
|
+
}
|
|
242
|
+
export declare const Menubar: ({ className, glass, surface, ...props }: MenubarProps) => import("react").JSX.Element;
|
|
243
|
+
export interface MessageProps extends ComponentPropsWithoutRef<'article'> {
|
|
244
|
+
from?: MessageFrom;
|
|
245
|
+
}
|
|
246
|
+
export declare const Message: ({ className, from, ...props }: MessageProps) => import("react").JSX.Element;
|
|
247
|
+
export interface MessageScrollerProps extends ComponentPropsWithoutRef<'div'> {
|
|
248
|
+
glass?: LumenGlassProp;
|
|
249
|
+
}
|
|
250
|
+
export declare const MessageScroller: ({ className, glass, ...props }: MessageScrollerProps) => import("react").JSX.Element;
|
|
251
|
+
export interface NativeSelectProps extends ComponentPropsWithoutRef<'select'> {
|
|
252
|
+
options?: SelectOption[];
|
|
253
|
+
placeholder?: string;
|
|
254
|
+
}
|
|
255
|
+
export declare const NativeSelect: ({ children, className, defaultValue, options, placeholder, value, ...props }: NativeSelectProps) => import("react").JSX.Element;
|
|
256
|
+
export interface PhoneInputProps extends Omit<ComponentPropsWithoutRef<'div'>, 'defaultValue'> {
|
|
257
|
+
countries?: SelectOption[];
|
|
258
|
+
countryLabel?: string;
|
|
259
|
+
countryName?: string;
|
|
260
|
+
defaultCountryValue?: string;
|
|
261
|
+
defaultValue?: string;
|
|
262
|
+
name?: string;
|
|
263
|
+
placeholder?: string;
|
|
264
|
+
size?: 'default' | 'lg' | 'sm';
|
|
265
|
+
}
|
|
266
|
+
export declare const PhoneInput: ({ className, countries, countryLabel, countryName, defaultCountryValue, defaultValue, name, placeholder, size, ...props }: PhoneInputProps) => import("react").JSX.Element;
|
|
267
|
+
export interface NavigationMenuProps extends ComponentPropsWithoutRef<'nav'>, SurfaceProps {
|
|
268
|
+
}
|
|
269
|
+
export declare const NavigationMenu: ({ className, glass, surface, ...props }: NavigationMenuProps) => import("react").JSX.Element;
|
|
270
|
+
export type PaginationProps = ComponentPropsWithoutRef<'nav'>;
|
|
271
|
+
export declare const Pagination: ({ "aria-label": ariaLabel, className, ...props }: PaginationProps) => import("react").JSX.Element;
|
|
272
|
+
export type PopoverProps = ComponentPropsWithoutRef<'div'> & SurfaceProps & Omit<PopoverOptions, 'id'>;
|
|
273
|
+
export declare const Popover: ({ children, className, defaultOpen, glass, onOpenChange, open, surface, ...props }: PopoverProps) => import("react").JSX.Element;
|
|
274
|
+
export type PopoverTriggerProps = ComponentPropsWithoutRef<'button'>;
|
|
275
|
+
export declare const PopoverTrigger: ({ onClick, onKeyDown, ...props }: PopoverTriggerProps) => import("react").JSX.Element;
|
|
276
|
+
export type PopoverPanelProps = ComponentPropsWithoutRef<'div'>;
|
|
277
|
+
export declare const PopoverPanel: ({ onKeyDown, ...props }: PopoverPanelProps) => import("react").JSX.Element;
|
|
278
|
+
export interface ProgressProps extends ComponentPropsWithoutRef<'div'> {
|
|
279
|
+
max?: number;
|
|
280
|
+
value?: number;
|
|
281
|
+
}
|
|
282
|
+
export declare const Progress: ({ className, max, value, ...props }: ProgressProps) => import("react").JSX.Element;
|
|
283
|
+
export type RadioGroupProps = ComponentPropsWithoutRef<'fieldset'>;
|
|
284
|
+
export declare const RadioGroup: ({ className, ...props }: RadioGroupProps) => import("react").JSX.Element;
|
|
285
|
+
export interface ResizableProps extends ComponentPropsWithoutRef<'div'> {
|
|
286
|
+
defaultSizes?: number[] | undefined;
|
|
287
|
+
direction?: ResizableDirection | undefined;
|
|
288
|
+
maxSize?: number | number[] | undefined;
|
|
289
|
+
minSize?: number | number[] | undefined;
|
|
290
|
+
resetOnDoubleClick?: boolean | undefined;
|
|
291
|
+
}
|
|
292
|
+
export declare const Resizable: ({ children, className, defaultSizes, direction, maxSize, minSize, resetOnDoubleClick, ...props }: ResizableProps) => import("react").JSX.Element;
|
|
293
|
+
export interface RichTextEditorProps extends ComponentPropsWithoutRef<'section'> {
|
|
294
|
+
glass?: LumenGlassProp;
|
|
295
|
+
}
|
|
296
|
+
export declare const RichTextEditor: ({ className, glass, ...props }: RichTextEditorProps) => import("react").JSX.Element;
|
|
297
|
+
export interface ScrollAreaProps extends ComponentPropsWithoutRef<'div'> {
|
|
298
|
+
glass?: LumenGlassProp;
|
|
299
|
+
}
|
|
300
|
+
export declare const ScrollArea: ({ className, glass, ...props }: ScrollAreaProps) => import("react").JSX.Element;
|
|
301
|
+
export interface ScheduleProps extends ComponentPropsWithoutRef<'section'> {
|
|
302
|
+
glass?: LumenGlassProp;
|
|
303
|
+
}
|
|
304
|
+
export declare const Schedule: ({ className, glass, ...props }: ScheduleProps) => import("react").JSX.Element;
|
|
305
|
+
export type SearchFieldProps = ComponentPropsWithoutRef<'input'>;
|
|
306
|
+
export declare const SearchField: ({ className, type, ...props }: SearchFieldProps) => import("react").JSX.Element;
|
|
307
|
+
export interface SelectProps extends Omit<NativeSelectProps, 'defaultValue' | 'disabled' | 'id' | 'name' | 'onChange' | 'options' | 'placeholder' | 'required' | 'size' | 'value'>, SelectOptions {
|
|
308
|
+
glass?: LumenGlassProp;
|
|
309
|
+
onChange?: ComponentPropsWithoutRef<'select'>['onChange'];
|
|
310
|
+
size?: 'default' | 'lg' | 'md' | 'sm';
|
|
311
|
+
}
|
|
312
|
+
export declare const Select: ({ children, className, defaultValue, disabled, glass, id, name, onChange, onValueChange, options, placeholder, required, size, value, ...props }: SelectProps) => import("react").JSX.Element;
|
|
313
|
+
export interface SeparatorProps extends ComponentPropsWithoutRef<'hr'> {
|
|
314
|
+
orientation?: Orientation;
|
|
315
|
+
}
|
|
316
|
+
export declare const Separator: ({ className, orientation, ...props }: SeparatorProps) => import("react").JSX.Element;
|
|
317
|
+
export interface SheetProps extends ComponentPropsWithoutRef<'dialog'>, SurfaceProps {
|
|
318
|
+
}
|
|
319
|
+
export declare const Sheet: ({ className, glass, surface, ...props }: SheetProps) => import("react").JSX.Element;
|
|
320
|
+
export interface SidebarProps extends ComponentPropsWithoutRef<'aside'>, SurfaceProps {
|
|
321
|
+
}
|
|
322
|
+
export declare const Sidebar: ({ className, glass, surface, ...props }: SidebarProps) => import("react").JSX.Element;
|
|
323
|
+
export type SkeletonProps = ComponentPropsWithoutRef<'div'>;
|
|
324
|
+
export declare const Skeleton: ({ className, ...props }: SkeletonProps) => import("react").JSX.Element;
|
|
325
|
+
export type SliderProps = ComponentPropsWithoutRef<'input'>;
|
|
326
|
+
export declare const Slider: ({ className, type, ...props }: SliderProps) => import("react").JSX.Element;
|
|
327
|
+
export type SonnerProps = ComponentPropsWithoutRef<'div'>;
|
|
328
|
+
export declare const Sonner: ({ className, ...props }: SonnerProps) => import("react").JSX.Element;
|
|
329
|
+
export type SpinnerProps = ComponentPropsWithoutRef<'span'>;
|
|
330
|
+
export declare const Spinner: ({ "aria-hidden": ariaHidden, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className, role, ...props }: SpinnerProps) => import("react").JSX.Element;
|
|
331
|
+
export type SwitchProps = Omit<ComponentPropsWithoutRef<'input'>, 'type'>;
|
|
332
|
+
export declare const Switch: ({ className, role, ...props }: SwitchProps) => import("react").JSX.Element;
|
|
333
|
+
export interface TableProps extends ComponentPropsWithoutRef<'div'> {
|
|
334
|
+
glass?: LumenGlassProp;
|
|
335
|
+
}
|
|
336
|
+
export declare const Table: ({ className, glass, ...props }: TableProps) => import("react").JSX.Element;
|
|
337
|
+
export interface TabsProps extends Omit<ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'id' | 'onChange'>, Omit<TabsOptions, 'id'> {
|
|
338
|
+
glass?: LumenGlassProp;
|
|
339
|
+
}
|
|
340
|
+
export declare const Tabs: ({ children, className, defaultValue, glass, onValueChange, orientation, value, ...props }: TabsProps) => import("react").JSX.Element;
|
|
341
|
+
export type TabsListProps = ComponentPropsWithoutRef<'div'>;
|
|
342
|
+
export declare const TabsList: ({ ...props }: TabsListProps) => import("react").JSX.Element;
|
|
343
|
+
export interface TabsTriggerProps extends ComponentPropsWithoutRef<'button'> {
|
|
344
|
+
value: string;
|
|
345
|
+
}
|
|
346
|
+
export declare const TabsTrigger: ({ onClick, onKeyDown, value, ...props }: TabsTriggerProps) => import("react").JSX.Element;
|
|
347
|
+
export interface TabsPanelProps extends ComponentPropsWithoutRef<'div'> {
|
|
348
|
+
value: string;
|
|
349
|
+
}
|
|
350
|
+
export declare const TabsPanel: ({ value, ...props }: TabsPanelProps) => import("react").JSX.Element;
|
|
351
|
+
export type TagGroupProps = ComponentPropsWithoutRef<'div'>;
|
|
352
|
+
export declare const TagGroup: ({ className, role, ...props }: TagGroupProps) => import("react").JSX.Element;
|
|
353
|
+
export type TextareaProps = ComponentPropsWithoutRef<'textarea'>;
|
|
354
|
+
export declare const Textarea: ({ className, rows, ...props }: TextareaProps) => import("react").JSX.Element;
|
|
355
|
+
export interface ThemeBuilderProps extends ComponentPropsWithoutRef<'section'> {
|
|
356
|
+
glass?: LumenGlassProp;
|
|
357
|
+
}
|
|
358
|
+
export declare const ThemeBuilder: ({ className, glass, ...props }: ThemeBuilderProps) => import("react").JSX.Element;
|
|
359
|
+
export type TimeFieldProps = ComponentPropsWithoutRef<'input'>;
|
|
360
|
+
export declare const TimeField: ({ className, type, ...props }: TimeFieldProps) => import("react").JSX.Element;
|
|
361
|
+
export interface ToastProps extends ComponentPropsWithoutRef<'aside'>, SurfaceProps {
|
|
362
|
+
variant?: AlertVariant;
|
|
363
|
+
}
|
|
364
|
+
export declare const Toast: ({ "aria-live": ariaLive, className, glass, role, surface, variant, ...props }: ToastProps) => import("react").JSX.Element;
|
|
365
|
+
export interface ToggleProps extends ComponentPropsWithoutRef<'button'> {
|
|
366
|
+
pressed?: boolean;
|
|
367
|
+
}
|
|
368
|
+
export declare const Toggle: ({ className, pressed, type, ...props }: ToggleProps) => import("react").JSX.Element;
|
|
369
|
+
export type ToggleGroupProps = ComponentPropsWithoutRef<'div'>;
|
|
370
|
+
export declare const ToggleGroup: ({ className, ...props }: ToggleGroupProps) => import("react").JSX.Element;
|
|
371
|
+
export type TooltipProps = ComponentPropsWithoutRef<'span'> & Omit<TooltipOptions, 'id'>;
|
|
372
|
+
export declare const Tooltip: ({ children, className, defaultOpen, delay, onKeyDown, onMouseEnter, onMouseLeave, onOpenChange, open, ...props }: TooltipProps) => import("react").JSX.Element;
|
|
373
|
+
export type TooltipContentProps = ComponentPropsWithoutRef<'span'>;
|
|
374
|
+
export declare const TooltipContent: ({ ...props }: TooltipContentProps) => import("react").JSX.Element;
|
|
375
|
+
export interface TreeProps extends ComponentPropsWithoutRef<'div'> {
|
|
376
|
+
glass?: LumenGlassProp;
|
|
377
|
+
}
|
|
378
|
+
export declare const Tree: ({ className, glass, role, ...props }: TreeProps) => import("react").JSX.Element;
|
|
379
|
+
export interface TreeGridProps extends ComponentPropsWithoutRef<'div'> {
|
|
380
|
+
glass?: LumenGlassProp;
|
|
381
|
+
}
|
|
382
|
+
export declare const TreeGrid: ({ className, glass, role, ...props }: TreeGridProps) => import("react").JSX.Element;
|
|
383
|
+
export type TypographyProps = ComponentPropsWithoutRef<'div'>;
|
|
384
|
+
export declare const Typography: ({ className, ...props }: TypographyProps) => import("react").JSX.Element;
|
|
385
|
+
export interface VirtualListProps extends ComponentPropsWithoutRef<'div'> {
|
|
386
|
+
glass?: LumenGlassProp;
|
|
387
|
+
itemSize?: number | string;
|
|
388
|
+
overscan?: number | string;
|
|
389
|
+
}
|
|
390
|
+
export declare const VirtualList: ({ className, glass, itemSize, overscan, ...props }: VirtualListProps) => import("react").JSX.Element;
|
|
391
|
+
export type BackToTopProps = ComponentPropsWithoutRef<'button'>;
|
|
392
|
+
export declare const BackToTop: ({ className, type, ...props }: BackToTopProps) => import("react").JSX.Element;
|
|
393
|
+
export type CalloutProps = ComponentPropsWithoutRef<'aside'>;
|
|
394
|
+
export declare const Callout: ({ className, ...props }: CalloutProps) => import("react").JSX.Element;
|
|
395
|
+
export type EyebrowProps = ComponentPropsWithoutRef<'p'>;
|
|
396
|
+
export declare const Eyebrow: ({ className, ...props }: EyebrowProps) => import("react").JSX.Element;
|
|
397
|
+
export type FloatingBadgeProps = ComponentPropsWithoutRef<'span'>;
|
|
398
|
+
export declare const FloatingBadge: ({ className, ...props }: FloatingBadgeProps) => import("react").JSX.Element;
|
|
399
|
+
export type FormattedDateProps = ComponentPropsWithoutRef<'time'>;
|
|
400
|
+
export declare const FormattedDate: ({ className, ...props }: FormattedDateProps) => import("react").JSX.Element;
|
|
401
|
+
export type ImageProps<T extends ElementType = 'img'> = {
|
|
402
|
+
as?: T;
|
|
403
|
+
className?: string;
|
|
404
|
+
invertOnDark?: boolean;
|
|
405
|
+
loading?: 'eager' | 'lazy';
|
|
406
|
+
} & Omit<ComponentPropsWithoutRef<T>, 'as' | 'className' | 'loading'>;
|
|
407
|
+
export declare const Image: <T extends ElementType = "img">({ as, className, invertOnDark, loading, ...props }: ImageProps<T>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
408
|
+
export type LinkProps = ComponentPropsWithoutRef<'a'>;
|
|
409
|
+
export declare const Link: ({ className, ...props }: LinkProps) => import("react").JSX.Element;
|
|
410
|
+
export type PillProps = ComponentPropsWithoutRef<'span'> & {
|
|
411
|
+
count?: number | string;
|
|
412
|
+
};
|
|
413
|
+
export declare const Pill: ({ className, count, children, ...props }: PillProps) => import("react").JSX.Element;
|
|
414
|
+
export type ProseProps = ComponentPropsWithoutRef<'div'>;
|
|
415
|
+
export declare const Prose: ({ className, ...props }: ProseProps) => import("react").JSX.Element;
|
|
416
|
+
export type SkipLinkProps = ComponentPropsWithoutRef<'a'>;
|
|
417
|
+
export declare const SkipLink: ({ className, ...props }: SkipLinkProps) => import("react").JSX.Element;
|
|
418
|
+
export type ThemeToggleProps = ComponentPropsWithoutRef<'button'>;
|
|
419
|
+
export declare const ThemeToggle: ({ className, type, ...props }: ThemeToggleProps) => import("react").JSX.Element;
|
|
420
|
+
export type LanguageToggleProps = ComponentPropsWithoutRef<'button'>;
|
|
421
|
+
export declare const LanguageToggle: ({ className, type, ...props }: LanguageToggleProps) => import("react").JSX.Element;
|
|
422
|
+
export interface ParticlesProps extends ComponentPropsWithoutRef<'div'> {
|
|
423
|
+
density?: 'low' | 'medium' | 'high';
|
|
424
|
+
}
|
|
425
|
+
export declare const Particles: ({ className, density, ...props }: ParticlesProps) => import("react").JSX.Element;
|
|
426
|
+
type MotionAnimation = 'fade' | 'scale' | 'slide-up';
|
|
427
|
+
type MotionDuration = 'fast' | 'slow' | 'standard';
|
|
428
|
+
export interface ScrollRevealProps extends ComponentPropsWithoutRef<'div'> {
|
|
429
|
+
animation?: MotionAnimation;
|
|
430
|
+
delay?: number;
|
|
431
|
+
duration?: MotionDuration;
|
|
432
|
+
once?: boolean;
|
|
433
|
+
threshold?: number;
|
|
434
|
+
}
|
|
435
|
+
export declare const ScrollReveal: ({ animation, className, delay, duration, once, style, threshold, ...props }: ScrollRevealProps) => import("react").JSX.Element;
|
|
436
|
+
export interface RevealGroupProps extends ComponentPropsWithoutRef<'div'> {
|
|
437
|
+
animation?: MotionAnimation;
|
|
438
|
+
delay?: number;
|
|
439
|
+
duration?: MotionDuration;
|
|
440
|
+
once?: boolean;
|
|
441
|
+
stagger?: number;
|
|
442
|
+
threshold?: number;
|
|
443
|
+
}
|
|
444
|
+
export declare const RevealGroup: ({ animation, className, delay, duration, once, stagger, style, threshold, ...props }: RevealGroupProps) => import("react").JSX.Element;
|
|
445
|
+
export interface AnimatedNumberProps extends Omit<ComponentPropsWithoutRef<'span'>, 'prefix'> {
|
|
446
|
+
decimals?: number;
|
|
447
|
+
duration?: MotionDuration;
|
|
448
|
+
from?: number;
|
|
449
|
+
locale?: string;
|
|
450
|
+
prefix?: string;
|
|
451
|
+
suffix?: string;
|
|
452
|
+
value: number;
|
|
453
|
+
}
|
|
454
|
+
export declare const AnimatedNumber: ({ className, decimals, duration, from, locale, prefix, suffix, value, ...props }: AnimatedNumberProps) => import("react").JSX.Element;
|
|
455
|
+
export interface StatProps extends ComponentPropsWithoutRef<'div'> {
|
|
456
|
+
label?: string;
|
|
457
|
+
value?: string;
|
|
458
|
+
}
|
|
459
|
+
export declare const Stat: ({ className, label, value, children, ...props }: StatProps) => import("react").JSX.Element;
|
|
460
|
+
export type MeterProps = ComponentPropsWithoutRef<'meter'>;
|
|
461
|
+
export declare const Meter: ({ className, ...props }: MeterProps) => import("react").JSX.Element;
|
|
462
|
+
export interface NoteProps extends ComponentPropsWithoutRef<'div'> {
|
|
463
|
+
label?: string;
|
|
464
|
+
borderPosition?: 'left' | 'right' | 'none';
|
|
465
|
+
}
|
|
466
|
+
export declare const Note: ({ className, label, borderPosition, children, ...props }: NoteProps) => import("react").JSX.Element;
|
|
467
|
+
export interface RatingProps extends ComponentPropsWithoutRef<'div'> {
|
|
468
|
+
value?: number;
|
|
469
|
+
max?: number;
|
|
470
|
+
readonly?: boolean;
|
|
471
|
+
}
|
|
472
|
+
export declare const Rating: ({ className, value, max, readonly, ...props }: RatingProps) => import("react").JSX.Element;
|
|
473
|
+
export type TimelineProps = ComponentPropsWithoutRef<'ol'>;
|
|
474
|
+
export declare const Timeline: ({ className, ...props }: TimelineProps) => import("react").JSX.Element;
|
|
475
|
+
export type TimelineItemProps = ComponentPropsWithoutRef<'li'> & {
|
|
476
|
+
dot?: React.ReactNode;
|
|
477
|
+
};
|
|
478
|
+
export declare const TimelineItem: ({ className, children, dot, ...props }: TimelineItemProps) => import("react").JSX.Element;
|
|
479
|
+
export type AnimatedLogoProps = ComponentPropsWithoutRef<'span'> & {
|
|
480
|
+
animation?: 'reveal' | 'sequence';
|
|
481
|
+
};
|
|
482
|
+
export declare const AnimatedLogo: ({ animation, className, ...props }: AnimatedLogoProps) => import("react").JSX.Element;
|
|
483
|
+
export type AnimatedPortraitProps = ComponentPropsWithoutRef<'div'>;
|
|
484
|
+
export declare const AnimatedPortrait: ({ className, ...props }: AnimatedPortraitProps) => import("react").JSX.Element;
|
|
485
|
+
export type ButtonLinkProps = ComponentPropsWithoutRef<'a'> & {
|
|
486
|
+
shape?: 'default' | 'icon';
|
|
487
|
+
variant?: 'ghost' | 'inline' | 'primary' | 'secondary';
|
|
488
|
+
};
|
|
489
|
+
export declare const ButtonLink: ({ className, shape, variant, ...props }: ButtonLinkProps) => import("react").JSX.Element;
|
|
490
|
+
export type CoverImageProps = ComponentPropsWithoutRef<'div'> & {
|
|
491
|
+
hover?: boolean;
|
|
492
|
+
showBottomGradient?: boolean;
|
|
493
|
+
};
|
|
494
|
+
export declare const CoverImage: ({ className, hover, showBottomGradient, children, ...props }: CoverImageProps) => import("react").JSX.Element;
|
|
495
|
+
export type GradientDividerProps = ComponentPropsWithoutRef<'div'>;
|
|
496
|
+
export declare const GradientDivider: ({ className, ...props }: GradientDividerProps) => import("react").JSX.Element;
|
|
497
|
+
export type StepItem = string | {
|
|
498
|
+
description?: string;
|
|
499
|
+
title: string;
|
|
500
|
+
};
|
|
501
|
+
export interface StepperProps extends ComponentPropsWithoutRef<'ol'> {
|
|
502
|
+
currentStep?: number;
|
|
503
|
+
orientation?: Orientation;
|
|
504
|
+
steps?: StepItem[];
|
|
505
|
+
}
|
|
506
|
+
export declare const Stepper: ({ children, className, currentStep, orientation, steps, ...props }: StepperProps) => import("react").JSX.Element;
|
|
507
|
+
export interface FileUploadProps extends Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'size'> {
|
|
508
|
+
hint?: ReactNode;
|
|
509
|
+
inputClassName?: string;
|
|
510
|
+
label?: ReactNode;
|
|
511
|
+
}
|
|
512
|
+
export declare const FileUpload: ({ children, className, hint, id, inputClassName, label, onChange, ...props }: FileUploadProps) => import("react").JSX.Element;
|
|
513
|
+
export interface TourStep {
|
|
514
|
+
content: ReactNode;
|
|
515
|
+
target: string;
|
|
516
|
+
title?: ReactNode;
|
|
517
|
+
}
|
|
518
|
+
export interface TourProps extends ComponentPropsWithoutRef<'div'> {
|
|
519
|
+
closeLabel?: string;
|
|
520
|
+
nextLabel?: string;
|
|
521
|
+
steps?: TourStep[];
|
|
522
|
+
}
|
|
523
|
+
export declare const Tour: ({ children, className, closeLabel, hidden, nextLabel, steps, ...props }: TourProps) => import("react").JSX.Element;
|
|
524
|
+
export interface AnchorLink {
|
|
525
|
+
href: string;
|
|
526
|
+
label: ReactNode;
|
|
527
|
+
}
|
|
528
|
+
export interface AnchorProps extends ComponentPropsWithoutRef<'nav'> {
|
|
529
|
+
items?: AnchorLink[];
|
|
530
|
+
}
|
|
531
|
+
export declare const Anchor: ({ "aria-label": ariaLabel, children, className, items, ...props }: AnchorProps) => import("react").JSX.Element;
|
|
532
|
+
export interface SegmentedProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
|
|
533
|
+
defaultValue?: string;
|
|
534
|
+
name?: string;
|
|
535
|
+
onValueChange?: (value: string) => void;
|
|
536
|
+
options?: SelectOption[];
|
|
537
|
+
size?: 'default' | 'lg' | 'sm';
|
|
538
|
+
value?: string;
|
|
539
|
+
}
|
|
540
|
+
export declare const Segmented: ({ children, className, defaultValue, name, onValueChange, options, size, value, ...props }: SegmentedProps) => import("react").JSX.Element;
|
|
541
|
+
export interface ToolbarProps extends ComponentPropsWithoutRef<'div'> {
|
|
542
|
+
orientation?: Orientation;
|
|
543
|
+
}
|
|
544
|
+
export declare const Toolbar: ({ "aria-label": ariaLabel, className, orientation, ...props }: ToolbarProps) => import("react").JSX.Element;
|
|
545
|
+
export interface DescriptionsItem {
|
|
546
|
+
label: ReactNode;
|
|
547
|
+
value: ReactNode;
|
|
548
|
+
}
|
|
549
|
+
export interface DescriptionsProps extends ComponentPropsWithoutRef<'dl'> {
|
|
550
|
+
columns?: number;
|
|
551
|
+
items?: DescriptionsItem[];
|
|
552
|
+
}
|
|
553
|
+
export declare const Descriptions: ({ children, className, columns, items, style, ...props }: DescriptionsProps) => import("react").JSX.Element;
|
|
554
|
+
export interface PopconfirmProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
555
|
+
cancelLabel?: string;
|
|
556
|
+
confirmLabel?: string;
|
|
557
|
+
title?: ReactNode;
|
|
558
|
+
}
|
|
559
|
+
export declare const Popconfirm: ({ cancelLabel, children, className, confirmLabel, title, ...props }: PopconfirmProps) => import("react").JSX.Element;
|
|
560
|
+
export interface TransferItem {
|
|
561
|
+
key: string;
|
|
562
|
+
label: ReactNode;
|
|
563
|
+
}
|
|
564
|
+
export interface TransferProps extends ComponentPropsWithoutRef<'div'> {
|
|
565
|
+
items?: TransferItem[];
|
|
566
|
+
name?: string;
|
|
567
|
+
sourceTitle?: string;
|
|
568
|
+
targetItems?: TransferItem[];
|
|
569
|
+
targetTitle?: string;
|
|
570
|
+
}
|
|
571
|
+
export declare const Transfer: ({ className, items, name, sourceTitle, targetItems, targetTitle, ...props }: TransferProps) => import("react").JSX.Element;
|
|
572
|
+
export interface CascaderOption {
|
|
573
|
+
children?: CascaderOption[];
|
|
574
|
+
label: ReactNode;
|
|
575
|
+
value: string;
|
|
576
|
+
}
|
|
577
|
+
export interface CascaderProps extends ComponentPropsWithoutRef<'div'> {
|
|
578
|
+
name?: string;
|
|
579
|
+
options?: CascaderOption[];
|
|
580
|
+
placeholder?: string;
|
|
581
|
+
}
|
|
582
|
+
export declare const Cascader: ({ children, className, id, name, options, placeholder, ...props }: CascaderProps) => import("react").JSX.Element;
|
|
583
|
+
export interface TreeSelectNode {
|
|
584
|
+
children?: TreeSelectNode[];
|
|
585
|
+
label: ReactNode;
|
|
586
|
+
value: string;
|
|
587
|
+
}
|
|
588
|
+
export interface TreeSelectProps extends ComponentPropsWithoutRef<'div'> {
|
|
589
|
+
name?: string;
|
|
590
|
+
placeholder?: string;
|
|
591
|
+
treeData?: TreeSelectNode[];
|
|
592
|
+
}
|
|
593
|
+
export declare const TreeSelect: ({ children, className, name, placeholder, treeData, ...props }: TreeSelectProps) => import("react").JSX.Element;
|
|
594
|
+
export interface MentionsProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
|
|
595
|
+
name?: string;
|
|
596
|
+
options?: SelectOption[];
|
|
597
|
+
placeholder?: string;
|
|
598
|
+
trigger?: string;
|
|
599
|
+
}
|
|
600
|
+
export declare const Mentions: ({ className, name, options, placeholder, trigger, ...props }: MentionsProps) => import("react").JSX.Element;
|
|
601
|
+
export interface QRCodeProps extends ComponentPropsWithoutRef<'figure'> {
|
|
602
|
+
size?: number;
|
|
603
|
+
src?: string;
|
|
604
|
+
value?: string;
|
|
605
|
+
}
|
|
606
|
+
export declare const QRCode: ({ children, className, size, src, style, value, ...props }: QRCodeProps) => import("react").JSX.Element;
|
|
607
|
+
export interface WatermarkProps extends ComponentPropsWithoutRef<'div'> {
|
|
608
|
+
content?: string;
|
|
609
|
+
gap?: number;
|
|
610
|
+
rotate?: number;
|
|
611
|
+
text?: string;
|
|
612
|
+
}
|
|
613
|
+
export declare const Watermark: ({ children, className, content, gap, rotate, style, text, ...props }: WatermarkProps) => import("react").JSX.Element;
|
|
614
|
+
export interface AffixProps extends ComponentPropsWithoutRef<'div'> {
|
|
615
|
+
offset?: number;
|
|
616
|
+
offsetBottom?: number;
|
|
617
|
+
offsetTop?: number;
|
|
618
|
+
position?: 'bottom' | 'top';
|
|
619
|
+
}
|
|
620
|
+
export declare const Affix: ({ className, offset, offsetBottom, offsetTop, position: positionProp, style, ...props }: AffixProps) => import("react").JSX.Element;
|
|
621
|
+
export interface SpeedDialAction {
|
|
622
|
+
icon?: string;
|
|
623
|
+
label: string;
|
|
624
|
+
value?: string;
|
|
625
|
+
}
|
|
626
|
+
export interface SpeedDialProps extends ComponentPropsWithoutRef<'div'> {
|
|
627
|
+
actions?: SpeedDialAction[];
|
|
628
|
+
defaultOpen?: boolean;
|
|
629
|
+
direction?: 'down' | 'left' | 'right' | 'up';
|
|
630
|
+
label?: string;
|
|
631
|
+
}
|
|
632
|
+
export declare const SpeedDial: ({ actions, children, className, defaultOpen, direction, label, onBlur, ...props }: SpeedDialProps) => import("react").JSX.Element;
|
|
633
|
+
export {};
|
|
634
|
+
//# sourceMappingURL=components.d.ts.map
|