@bizapps/design-system-testing 1.0.2 → 1.0.3
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/dist/main.cjs +53 -38
- package/dist/main.cjs.map +1 -1
- package/dist/main.d.cts +215 -212
- package/dist/main.d.ts +215 -212
- package/dist/main.js +55 -40
- package/dist/main.js.map +1 -1
- package/package.json +152 -159
package/dist/main.d.cts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { HTMLAttributes, ReactNode, ComponentProps, ButtonHTMLAttributes, MouseEventHandler, SVGAttributes } from 'react';
|
|
2
3
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
4
|
import * as class_variance_authority from 'class-variance-authority';
|
|
4
5
|
import { VariantProps } from 'class-variance-authority';
|
|
5
|
-
import * as react from 'react';
|
|
6
|
-
import { HTMLAttributes, ReactNode, ComponentProps, ButtonHTMLAttributes, MouseEventHandler, SVGAttributes } from 'react';
|
|
7
6
|
import { Avatar as Avatar$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Select as Select$1, Separator as Separator$1, Progress as Progress$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Tooltip as Tooltip$1, Popover as Popover$1, Dialog as Dialog$1, AlertDialog as AlertDialog$1, Accordion as Accordion$1, DropdownMenu as DropdownMenu$1, RadioGroup as RadioGroup$1, NavigationMenu as NavigationMenu$1, Checkbox as Checkbox$1 } from 'radix-ui';
|
|
8
7
|
import { DayPicker, DayButton, Locale, DateRange } from 'react-day-picker';
|
|
9
8
|
export { DateRange } from 'react-day-picker';
|
|
@@ -26,59 +25,59 @@ interface AlertProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof
|
|
|
26
25
|
}
|
|
27
26
|
type AlertTitleProps = HTMLAttributes<HTMLHeadingElement>;
|
|
28
27
|
type AlertDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
|
|
29
|
-
declare function Alert({ className, variant, icon, onDismiss, children, ...props }: AlertProps):
|
|
30
|
-
declare function AlertTitle({ className, ...props }: AlertTitleProps):
|
|
31
|
-
declare function AlertDescription({ className, ...props }: AlertDescriptionProps):
|
|
28
|
+
declare function Alert({ className, variant, icon, onDismiss, children, ...props }: AlertProps): react.JSX.Element;
|
|
29
|
+
declare function AlertTitle({ className, ...props }: AlertTitleProps): react.JSX.Element;
|
|
30
|
+
declare function AlertDescription({ className, ...props }: AlertDescriptionProps): react.JSX.Element;
|
|
32
31
|
|
|
33
32
|
declare const avatarVariants: (props?: ({
|
|
34
33
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
35
34
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
36
|
-
declare function Avatar({ className, size, ...props }: ComponentProps<typeof Avatar$1.Root> & VariantProps<typeof avatarVariants>):
|
|
37
|
-
declare function AvatarImage({ className, ...props }: ComponentProps<typeof Avatar$1.Image>):
|
|
38
|
-
declare function AvatarFallback({ className, ...props }: ComponentProps<typeof Avatar$1.Fallback>):
|
|
39
|
-
declare function AvatarBadge({ className, ...props }: ComponentProps<'span'>):
|
|
40
|
-
declare function AvatarGroup({ className, ...props }: ComponentProps<'div'>):
|
|
41
|
-
declare function AvatarGroupCount({ className, ...props }: ComponentProps<'div'>):
|
|
35
|
+
declare function Avatar({ className, size, ...props }: ComponentProps<typeof Avatar$1.Root> & VariantProps<typeof avatarVariants>): react.JSX.Element;
|
|
36
|
+
declare function AvatarImage({ className, ...props }: ComponentProps<typeof Avatar$1.Image>): react.JSX.Element;
|
|
37
|
+
declare function AvatarFallback({ className, ...props }: ComponentProps<typeof Avatar$1.Fallback>): react.JSX.Element;
|
|
38
|
+
declare function AvatarBadge({ className, ...props }: ComponentProps<'span'>): react.JSX.Element;
|
|
39
|
+
declare function AvatarGroup({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
40
|
+
declare function AvatarGroupCount({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
42
41
|
|
|
43
42
|
declare const badgeVariants$1: (props?: ({
|
|
44
43
|
variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
|
|
45
44
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
46
45
|
declare function Badge$1({ className, variant, asChild, ...props }: ComponentProps<'span'> & VariantProps<typeof badgeVariants$1> & {
|
|
47
46
|
asChild?: boolean;
|
|
48
|
-
}):
|
|
47
|
+
}): react.JSX.Element;
|
|
49
48
|
|
|
50
49
|
type StatusProps = ComponentProps<typeof Badge$1> & {
|
|
51
50
|
status: 'online' | 'offline' | 'maintenance' | 'degraded';
|
|
52
51
|
};
|
|
53
|
-
declare const Status: ({ className, status, ...props }: StatusProps) =>
|
|
52
|
+
declare const Status: ({ className, status, ...props }: StatusProps) => react.JSX.Element;
|
|
54
53
|
type StatusIndicatorProps = HTMLAttributes<HTMLSpanElement>;
|
|
55
|
-
declare const StatusIndicator: ({ className, ...props }: StatusIndicatorProps) =>
|
|
54
|
+
declare const StatusIndicator: ({ className, ...props }: StatusIndicatorProps) => react.JSX.Element;
|
|
56
55
|
type StatusLabelProps = HTMLAttributes<HTMLSpanElement>;
|
|
57
|
-
declare const StatusLabel: ({ className, children, ...props }: StatusLabelProps) =>
|
|
56
|
+
declare const StatusLabel: ({ className, children, ...props }: StatusLabelProps) => react.JSX.Element;
|
|
58
57
|
|
|
59
58
|
declare const badgeVariants: (props?: ({
|
|
60
|
-
variant?: "default" | "
|
|
59
|
+
variant?: "default" | "info" | "success" | "warning" | "error" | null | undefined;
|
|
61
60
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
62
61
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
63
62
|
declare function Badge({ className, variant, size, asChild, ...props }: ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
|
|
64
63
|
asChild?: boolean;
|
|
65
|
-
}):
|
|
64
|
+
}): react.JSX.Element;
|
|
66
65
|
|
|
67
66
|
/**
|
|
68
67
|
* Root landmark for a breadcrumb trail. Renders a `<nav aria-label="breadcrumb">`
|
|
69
68
|
* and wraps a single {@link BreadcrumbList}.
|
|
70
69
|
*/
|
|
71
|
-
declare function Breadcrumb({ className, ...props }: ComponentProps<'nav'>):
|
|
70
|
+
declare function Breadcrumb({ className, ...props }: ComponentProps<'nav'>): react.JSX.Element;
|
|
72
71
|
/**
|
|
73
72
|
* Ordered list (`<ol>`) holding the trail. Lays the items out in a wrapping,
|
|
74
73
|
* gapped flex row and sets the default `text-main-grey` color and `text-sm` scale.
|
|
75
74
|
*/
|
|
76
|
-
declare function BreadcrumbList({ className, ...props }: ComponentProps<'ol'>):
|
|
75
|
+
declare function BreadcrumbList({ className, ...props }: ComponentProps<'ol'>): react.JSX.Element;
|
|
77
76
|
/**
|
|
78
77
|
* A single segment (`<li>`) of the trail. Wraps a {@link BreadcrumbLink},
|
|
79
78
|
* {@link BreadcrumbPage}, or {@link BreadcrumbEllipsis}.
|
|
80
79
|
*/
|
|
81
|
-
declare function BreadcrumbItem({ className, ...props }: ComponentProps<'li'>):
|
|
80
|
+
declare function BreadcrumbItem({ className, ...props }: ComponentProps<'li'>): react.JSX.Element;
|
|
82
81
|
/**
|
|
83
82
|
* Navigable ancestor in the trail. Renders an `<a>` by default; pass `asChild`
|
|
84
83
|
* to delegate to a router link (e.g. React Router / Next.js `Link`) while keeping
|
|
@@ -88,23 +87,23 @@ declare function BreadcrumbItem({ className, ...props }: ComponentProps<'li'>):
|
|
|
88
87
|
*/
|
|
89
88
|
declare function BreadcrumbLink({ asChild, className, ...props }: ComponentProps<'a'> & {
|
|
90
89
|
asChild?: boolean;
|
|
91
|
-
}):
|
|
90
|
+
}): react.JSX.Element;
|
|
92
91
|
/**
|
|
93
92
|
* The current page — the last, non-interactive segment. Renders a `<span>` with
|
|
94
93
|
* `aria-current="page"` and emphasized `text-main-blue-primary` color.
|
|
95
94
|
*/
|
|
96
|
-
declare function BreadcrumbPage({ className, ...props }: ComponentProps<'span'>):
|
|
95
|
+
declare function BreadcrumbPage({ className, ...props }: ComponentProps<'span'>): react.JSX.Element;
|
|
97
96
|
/**
|
|
98
97
|
* Visual divider between items. Defaults to a `ChevronRight` icon; pass any node
|
|
99
98
|
* as children to override it. Always `aria-hidden`, so overrides never reach
|
|
100
99
|
* assistive tech.
|
|
101
100
|
*/
|
|
102
|
-
declare function BreadcrumbSeparator({ children, className, ...props }: ComponentProps<'li'>):
|
|
101
|
+
declare function BreadcrumbSeparator({ children, className, ...props }: ComponentProps<'li'>): react.JSX.Element;
|
|
103
102
|
/**
|
|
104
103
|
* Truncation marker (`…`) that collapses hidden middle segments of a long trail.
|
|
105
104
|
* Pair it with a `DropdownMenu` to make the collapsed segments navigable.
|
|
106
105
|
*/
|
|
107
|
-
declare function BreadcrumbEllipsis({ className, ...props }: ComponentProps<'span'>):
|
|
106
|
+
declare function BreadcrumbEllipsis({ className, ...props }: ComponentProps<'span'>): react.JSX.Element;
|
|
108
107
|
|
|
109
108
|
declare const buttonVariants$1: (props?: ({
|
|
110
109
|
variant?: "secondary" | "outline" | "ghost" | "cancel" | "primary" | "cancelGhost" | null | undefined;
|
|
@@ -117,16 +116,16 @@ declare const buttonVariants$1: (props?: ({
|
|
|
117
116
|
declare function Button$1({ className, variant, size, asChild, isLoading, children, onClick, ...props }: ComponentProps<'button'> & VariantProps<typeof buttonVariants$1> & {
|
|
118
117
|
asChild?: boolean;
|
|
119
118
|
isLoading?: boolean;
|
|
120
|
-
}):
|
|
119
|
+
}): react.JSX.Element;
|
|
121
120
|
|
|
122
121
|
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, fromYear, toYear, ...props }: ComponentProps<typeof DayPicker> & {
|
|
123
122
|
buttonVariant?: ComponentProps<typeof Button$1>['variant'];
|
|
124
123
|
fromYear?: number;
|
|
125
124
|
toYear?: number;
|
|
126
|
-
}):
|
|
125
|
+
}): react.JSX.Element;
|
|
127
126
|
declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: ComponentProps<typeof DayButton> & {
|
|
128
127
|
locale?: Partial<Locale>;
|
|
129
|
-
}):
|
|
128
|
+
}): react.JSX.Element;
|
|
130
129
|
|
|
131
130
|
type MiniCalendarProps = HTMLAttributes<HTMLDivElement> & {
|
|
132
131
|
value?: Date;
|
|
@@ -137,30 +136,30 @@ type MiniCalendarProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
137
136
|
onStartDateChange?: (date: Date | undefined) => void;
|
|
138
137
|
days?: number;
|
|
139
138
|
};
|
|
140
|
-
declare const MiniCalendar: ({ value, defaultValue, onValueChange, startDate, defaultStartDate, onStartDateChange, days, className, children, ...props }: MiniCalendarProps) =>
|
|
139
|
+
declare const MiniCalendar: ({ value, defaultValue, onValueChange, startDate, defaultStartDate, onStartDateChange, days, className, children, ...props }: MiniCalendarProps) => react.JSX.Element;
|
|
141
140
|
type MiniCalendarNavigationProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
142
141
|
direction: 'prev' | 'next';
|
|
143
142
|
asChild?: boolean;
|
|
144
143
|
};
|
|
145
|
-
declare const MiniCalendarNavigation: ({ direction, asChild, children, onClick, ...props }: MiniCalendarNavigationProps) =>
|
|
144
|
+
declare const MiniCalendarNavigation: ({ direction, asChild, children, onClick, ...props }: MiniCalendarNavigationProps) => react.JSX.Element;
|
|
146
145
|
type MiniCalendarDaysProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
|
|
147
146
|
children: (date: Date) => ReactNode;
|
|
148
147
|
};
|
|
149
|
-
declare const MiniCalendarDays: ({ className, children, ...props }: MiniCalendarDaysProps) =>
|
|
148
|
+
declare const MiniCalendarDays: ({ className, children, ...props }: MiniCalendarDaysProps) => react.JSX.Element;
|
|
150
149
|
type MiniCalendarDayProps = ComponentProps<typeof Button$1> & {
|
|
151
150
|
date: Date;
|
|
152
151
|
};
|
|
153
|
-
declare const MiniCalendarDay: ({ date, className, ...props }: MiniCalendarDayProps) =>
|
|
152
|
+
declare const MiniCalendarDay: ({ date, className, ...props }: MiniCalendarDayProps) => react.JSX.Element;
|
|
154
153
|
|
|
155
154
|
declare function Card({ className, size, ...props }: ComponentProps<'div'> & {
|
|
156
155
|
size?: 'default' | 'sm';
|
|
157
|
-
}):
|
|
158
|
-
declare function CardHeader({ className, ...props }: ComponentProps<'div'>):
|
|
159
|
-
declare function CardTitle({ className, ...props }: ComponentProps<'div'>):
|
|
160
|
-
declare function CardDescription({ className, ...props }: ComponentProps<'div'>):
|
|
161
|
-
declare function CardAction({ className, ...props }: ComponentProps<'div'>):
|
|
162
|
-
declare function CardContent({ className, ...props }: ComponentProps<'div'>):
|
|
163
|
-
declare function CardFooter({ className, ...props }: ComponentProps<'div'>):
|
|
156
|
+
}): react.JSX.Element;
|
|
157
|
+
declare function CardHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
158
|
+
declare function CardTitle({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
159
|
+
declare function CardDescription({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
160
|
+
declare function CardAction({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
161
|
+
declare function CardContent({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
162
|
+
declare function CardFooter({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
164
163
|
|
|
165
164
|
type CarouselApi = UseEmblaCarouselType[1];
|
|
166
165
|
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
@@ -185,36 +184,36 @@ declare function useCarousel(): CarouselContextProps;
|
|
|
185
184
|
* Carousel root. Wraps Embla Carousel with keyboard navigation, scroll state, and context.
|
|
186
185
|
* Use `orientation` for vertical mode and `opts` to pass Embla options directly.
|
|
187
186
|
*/
|
|
188
|
-
declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: ComponentProps<'div'> & CarouselProps):
|
|
187
|
+
declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: ComponentProps<'div'> & CarouselProps): react.JSX.Element;
|
|
189
188
|
/**
|
|
190
189
|
* Scrollable track wrapper. Direct child of `Carousel`. Wraps `CarouselItem` children.
|
|
191
190
|
*/
|
|
192
|
-
declare function CarouselContent({ className, ...props }: ComponentProps<'div'>):
|
|
191
|
+
declare function CarouselContent({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
193
192
|
/**
|
|
194
193
|
* Individual slide. Use `className` with `basis-*` utilities to control how many slides are visible.
|
|
195
194
|
*/
|
|
196
|
-
declare function CarouselItem({ className, ...props }: ComponentProps<'div'>):
|
|
195
|
+
declare function CarouselItem({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
197
196
|
/**
|
|
198
197
|
* Previous-slide button. Positioned absolutely to the left (horizontal) or top (vertical).
|
|
199
198
|
* Disabled automatically when there are no previous slides.
|
|
200
199
|
*/
|
|
201
|
-
declare function CarouselPrevious({ className, variant, size, ...props }: ComponentProps<typeof Button$1>):
|
|
200
|
+
declare function CarouselPrevious({ className, variant, size, ...props }: ComponentProps<typeof Button$1>): react.JSX.Element;
|
|
202
201
|
/**
|
|
203
202
|
* Next-slide button. Positioned absolutely to the right (horizontal) or bottom (vertical).
|
|
204
203
|
* Disabled automatically when there are no next slides.
|
|
205
204
|
*/
|
|
206
|
-
declare function CarouselNext({ className, variant, size, ...props }: ComponentProps<typeof Button$1>):
|
|
205
|
+
declare function CarouselNext({ className, variant, size, ...props }: ComponentProps<typeof Button$1>): react.JSX.Element;
|
|
207
206
|
|
|
208
|
-
declare function Field({ className, ...props }: ComponentProps<'div'>):
|
|
209
|
-
declare function FieldLabel({ className, ...props }: ComponentProps<'label'>):
|
|
210
|
-
declare function FieldDescription({ className, ...props }: ComponentProps<'p'>):
|
|
207
|
+
declare function Field({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
208
|
+
declare function FieldLabel({ className, ...props }: ComponentProps<'label'>): react.JSX.Element;
|
|
209
|
+
declare function FieldDescription({ className, ...props }: ComponentProps<'p'>): react.JSX.Element;
|
|
211
210
|
declare function FieldError({ errors, className }: {
|
|
212
211
|
errors?: unknown[];
|
|
213
212
|
className?: string;
|
|
214
|
-
}):
|
|
215
|
-
declare function FieldGroup({ className, ...props }: ComponentProps<'div'>):
|
|
213
|
+
}): react.JSX.Element | null;
|
|
214
|
+
declare function FieldGroup({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
216
215
|
|
|
217
|
-
declare function Input({ className, type, ...props }: ComponentProps<'input'>):
|
|
216
|
+
declare function Input({ className, type, ...props }: ComponentProps<'input'>): react.JSX.Element;
|
|
218
217
|
|
|
219
218
|
declare const linkVariants: (props?: ({
|
|
220
219
|
variant?: "underlined" | "plain" | null | undefined;
|
|
@@ -225,7 +224,7 @@ declare function Link({ className, variant, size, asChild, disabled, target, rel
|
|
|
225
224
|
disabled?: boolean;
|
|
226
225
|
truncate?: boolean;
|
|
227
226
|
onClick?: MouseEventHandler<HTMLElement>;
|
|
228
|
-
}):
|
|
227
|
+
}): react.JSX.Element;
|
|
229
228
|
|
|
230
229
|
interface PinInputProps {
|
|
231
230
|
length?: number;
|
|
@@ -237,13 +236,13 @@ interface PinInputProps {
|
|
|
237
236
|
className?: string;
|
|
238
237
|
inputClassName?: string;
|
|
239
238
|
}
|
|
240
|
-
declare function PinInput({ length, value, onChange, disabled, invalid, mask, className, inputClassName, }: PinInputProps):
|
|
239
|
+
declare function PinInput({ length, value, onChange, disabled, invalid, mask, className, inputClassName, }: PinInputProps): react.JSX.Element;
|
|
241
240
|
|
|
242
241
|
declare const toggleVariants: (props?: ({
|
|
243
242
|
variant?: "default" | "outline" | null | undefined;
|
|
244
243
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
245
244
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
246
|
-
declare function Toggle({ className, variant, size, ...props }: ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>):
|
|
245
|
+
declare function Toggle({ className, variant, size, ...props }: ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react.JSX.Element;
|
|
247
246
|
|
|
248
247
|
type SegmentedControlSingleProps = {
|
|
249
248
|
type: 'single';
|
|
@@ -262,21 +261,21 @@ type SegmentedControlProps = (SegmentedControlSingleProps | SegmentedControlMult
|
|
|
262
261
|
className?: string;
|
|
263
262
|
children?: ReactNode;
|
|
264
263
|
};
|
|
265
|
-
declare function SegmentedControl({ className, size, children, ...props }: SegmentedControlProps):
|
|
266
|
-
declare function SegmentedControlItem({ className, children, value, ...props }: ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>):
|
|
267
|
-
|
|
268
|
-
declare function Select({ ...props }: ComponentProps<typeof Select$1.Root>):
|
|
269
|
-
declare function SelectTrigger$1({ className, children, ...props }: ComponentProps<typeof Select$1.Trigger>):
|
|
270
|
-
declare function SelectContent({ className, children, position, ...props }: ComponentProps<typeof Select$1.Content>):
|
|
271
|
-
declare function SelectItem({ className, children, ...props }: ComponentProps<typeof Select$1.Item>):
|
|
272
|
-
declare function SelectLabel({ className, ...props }: ComponentProps<typeof Select$1.Label>):
|
|
273
|
-
declare function SelectSeparator({ className, ...props }: ComponentProps<typeof Select$1.Separator>):
|
|
274
|
-
declare function SelectScrollUpButton({ className, ...props }: ComponentProps<typeof Select$1.ScrollUpButton>):
|
|
275
|
-
declare function SelectScrollDownButton({ className, ...props }: ComponentProps<typeof Select$1.ScrollDownButton>):
|
|
276
|
-
declare function SelectValue({ ...props }: ComponentProps<typeof Select$1.Value>):
|
|
277
|
-
declare function SelectGroup({ ...props }: ComponentProps<typeof Select$1.Group>):
|
|
278
|
-
|
|
279
|
-
declare function Separator({ className, orientation, decorative, ...props }: ComponentProps<typeof Separator$1.Root>):
|
|
264
|
+
declare function SegmentedControl({ className, size, children, ...props }: SegmentedControlProps): react.JSX.Element;
|
|
265
|
+
declare function SegmentedControlItem({ className, children, value, ...props }: ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react.JSX.Element;
|
|
266
|
+
|
|
267
|
+
declare function Select({ ...props }: ComponentProps<typeof Select$1.Root>): react.JSX.Element;
|
|
268
|
+
declare function SelectTrigger$1({ className, children, ...props }: ComponentProps<typeof Select$1.Trigger>): react.JSX.Element;
|
|
269
|
+
declare function SelectContent({ className, children, position, ...props }: ComponentProps<typeof Select$1.Content>): react.JSX.Element;
|
|
270
|
+
declare function SelectItem({ className, children, ...props }: ComponentProps<typeof Select$1.Item>): react.JSX.Element;
|
|
271
|
+
declare function SelectLabel({ className, ...props }: ComponentProps<typeof Select$1.Label>): react.JSX.Element;
|
|
272
|
+
declare function SelectSeparator({ className, ...props }: ComponentProps<typeof Select$1.Separator>): react.JSX.Element;
|
|
273
|
+
declare function SelectScrollUpButton({ className, ...props }: ComponentProps<typeof Select$1.ScrollUpButton>): react.JSX.Element;
|
|
274
|
+
declare function SelectScrollDownButton({ className, ...props }: ComponentProps<typeof Select$1.ScrollDownButton>): react.JSX.Element;
|
|
275
|
+
declare function SelectValue({ ...props }: ComponentProps<typeof Select$1.Value>): react.JSX.Element;
|
|
276
|
+
declare function SelectGroup({ ...props }: ComponentProps<typeof Select$1.Group>): react.JSX.Element;
|
|
277
|
+
|
|
278
|
+
declare function Separator({ className, orientation, decorative, ...props }: ComponentProps<typeof Separator$1.Root>): react.JSX.Element;
|
|
280
279
|
|
|
281
280
|
declare const progressVariants: (props?: ({
|
|
282
281
|
variant?: "default" | "success" | "warning" | "danger" | "orange" | null | undefined;
|
|
@@ -287,23 +286,23 @@ declare const progressIndicatorVariants: (props?: ({
|
|
|
287
286
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
288
287
|
interface ProgressProps extends ComponentProps<typeof Progress$1.Root>, VariantProps<typeof progressVariants> {
|
|
289
288
|
}
|
|
290
|
-
declare function Progress({ className, value, variant, size, ...props }: ProgressProps):
|
|
289
|
+
declare function Progress({ className, value, variant, size, ...props }: ProgressProps): react.JSX.Element;
|
|
291
290
|
|
|
292
291
|
declare const skeletonVariants: (props?: ({
|
|
293
292
|
variant?: "default" | "text" | "avatar" | null | undefined;
|
|
294
293
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
295
|
-
declare function Skeleton({ className, variant, ...props }: ComponentProps<'div'> & VariantProps<typeof skeletonVariants>):
|
|
294
|
+
declare function Skeleton({ className, variant, ...props }: ComponentProps<'div'> & VariantProps<typeof skeletonVariants>): react.JSX.Element;
|
|
296
295
|
|
|
297
|
-
declare function Slider({ className, defaultValue, value, min, max, ...props }: ComponentProps<typeof Slider$1.Root>):
|
|
296
|
+
declare function Slider({ className, defaultValue, value, min, max, ...props }: ComponentProps<typeof Slider$1.Root>): react.JSX.Element;
|
|
298
297
|
|
|
299
298
|
declare function Switch({ className, size, ...props }: ComponentProps<typeof Switch$1.Root> & {
|
|
300
299
|
size?: 'sm' | 'default';
|
|
301
|
-
}):
|
|
300
|
+
}): react.JSX.Element;
|
|
302
301
|
|
|
303
|
-
declare function Tabs({ defaultValue, value: controlledValue, onValueChange, ...props }: ComponentProps<typeof Tabs$1.Root>):
|
|
304
|
-
declare function TabsList({ className, ...props }: ComponentProps<typeof Tabs$1.List>):
|
|
305
|
-
declare function TabsTrigger({ className, value, children, ...props }: ComponentProps<typeof Tabs$1.Trigger>):
|
|
306
|
-
declare function TabsContent({ className, value, children, ...props }: ComponentProps<typeof Tabs$1.Content>):
|
|
302
|
+
declare function Tabs({ defaultValue, value: controlledValue, onValueChange, ...props }: ComponentProps<typeof Tabs$1.Root>): react.JSX.Element;
|
|
303
|
+
declare function TabsList({ className, ...props }: ComponentProps<typeof Tabs$1.List>): react.JSX.Element;
|
|
304
|
+
declare function TabsTrigger({ className, value, children, ...props }: ComponentProps<typeof Tabs$1.Trigger>): react.JSX.Element;
|
|
305
|
+
declare function TabsContent({ className, value, children, ...props }: ComponentProps<typeof Tabs$1.Content>): react.JSX.Element;
|
|
307
306
|
|
|
308
307
|
type ToastType = 'default' | 'success' | 'error' | 'warning' | 'info' | 'loading';
|
|
309
308
|
interface ToastAction {
|
|
@@ -343,30 +342,30 @@ interface ToasterProps {
|
|
|
343
342
|
duration?: number;
|
|
344
343
|
children?: ReactNode;
|
|
345
344
|
}
|
|
346
|
-
declare function Toaster({ position, children }: ToasterProps):
|
|
345
|
+
declare function Toaster({ position, children }: ToasterProps): react.JSX.Element;
|
|
347
346
|
|
|
348
347
|
declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants> & {
|
|
349
348
|
spacing?: number;
|
|
350
349
|
orientation?: 'horizontal' | 'vertical';
|
|
351
|
-
}):
|
|
352
|
-
declare function ToggleGroupItem({ className, children, variant, size, ...props }: ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>):
|
|
350
|
+
}): react.JSX.Element;
|
|
351
|
+
declare function ToggleGroupItem({ className, children, variant, size, ...props }: ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react.JSX.Element;
|
|
353
352
|
|
|
354
353
|
declare const tooltipContentVariants: (props?: ({
|
|
355
354
|
variant?: "default" | "primary" | null | undefined;
|
|
356
355
|
size?: "sm" | "md" | null | undefined;
|
|
357
356
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
358
|
-
declare function TooltipProvider({ delayDuration, ...props }: ComponentProps<typeof Tooltip$1.Provider>):
|
|
359
|
-
declare function Tooltip({ ...props }: ComponentProps<typeof Tooltip$1.Root>):
|
|
360
|
-
declare function TooltipTrigger({ ...props }: ComponentProps<typeof Tooltip$1.Trigger>):
|
|
361
|
-
declare function TooltipContent({ className, sideOffset, variant, size, children, ...props }: ComponentProps<typeof Tooltip$1.Content> & VariantProps<typeof tooltipContentVariants>):
|
|
362
|
-
|
|
363
|
-
declare function Popover({ ...props }: ComponentProps<typeof Popover$1.Root>):
|
|
364
|
-
declare function PopoverTrigger({ ...props }: ComponentProps<typeof Popover$1.Trigger>):
|
|
365
|
-
declare function PopoverContent({ className, align, sideOffset, ...props }: ComponentProps<typeof Popover$1.Content>):
|
|
366
|
-
declare function PopoverAnchor({ ...props }: ComponentProps<typeof Popover$1.Anchor>):
|
|
367
|
-
declare function PopoverHeader({ className, ...props }: ComponentProps<'div'>):
|
|
368
|
-
declare function PopoverTitle({ className, ...props }: ComponentProps<'h2'>):
|
|
369
|
-
declare function PopoverDescription({ className, ...props }: ComponentProps<'p'>):
|
|
357
|
+
declare function TooltipProvider({ delayDuration, ...props }: ComponentProps<typeof Tooltip$1.Provider>): react.JSX.Element;
|
|
358
|
+
declare function Tooltip({ ...props }: ComponentProps<typeof Tooltip$1.Root>): react.JSX.Element;
|
|
359
|
+
declare function TooltipTrigger({ ...props }: ComponentProps<typeof Tooltip$1.Trigger>): react.JSX.Element;
|
|
360
|
+
declare function TooltipContent({ className, sideOffset, variant, size, children, ...props }: ComponentProps<typeof Tooltip$1.Content> & VariantProps<typeof tooltipContentVariants>): react.JSX.Element;
|
|
361
|
+
|
|
362
|
+
declare function Popover({ ...props }: ComponentProps<typeof Popover$1.Root>): react.JSX.Element;
|
|
363
|
+
declare function PopoverTrigger({ ...props }: ComponentProps<typeof Popover$1.Trigger>): react.JSX.Element;
|
|
364
|
+
declare function PopoverContent({ className, align, sideOffset, ...props }: ComponentProps<typeof Popover$1.Content>): react.JSX.Element;
|
|
365
|
+
declare function PopoverAnchor({ ...props }: ComponentProps<typeof Popover$1.Anchor>): react.JSX.Element;
|
|
366
|
+
declare function PopoverHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
367
|
+
declare function PopoverTitle({ className, ...props }: ComponentProps<'h2'>): react.JSX.Element;
|
|
368
|
+
declare function PopoverDescription({ className, ...props }: ComponentProps<'p'>): react.JSX.Element;
|
|
370
369
|
|
|
371
370
|
declare const TEXT_SIZES: readonly [12, 14, 16, 18, 20, 24, 28, 32, 40, 48];
|
|
372
371
|
declare const TEXT_WEIGHTS: readonly [100, 200, 300, 400, 500, 700, 800, 900];
|
|
@@ -387,44 +386,44 @@ interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
387
386
|
/** Text content */
|
|
388
387
|
children: ReactNode;
|
|
389
388
|
}
|
|
390
|
-
declare function Text({ as: Tag, size, weight, italic, color, className, style, children, ...props }: TextProps):
|
|
389
|
+
declare function Text({ as: Tag, size, weight, italic, color, className, style, children, ...props }: TextProps): react.JSX.Element;
|
|
391
390
|
|
|
392
|
-
declare function Dialog({ children, ...props }: ComponentProps<typeof Dialog$1.Root>):
|
|
393
|
-
declare function DialogTrigger({ ...props }: ComponentProps<typeof Dialog$1.Trigger>):
|
|
394
|
-
declare function DialogPortal({ children, ...props }: ComponentProps<typeof Dialog$1.Portal>):
|
|
395
|
-
declare function DialogClose({ ...props }: ComponentProps<typeof Dialog$1.Close>):
|
|
396
|
-
declare function DialogOverlay({ className, ...props }: ComponentProps<typeof Dialog$1.Overlay>):
|
|
391
|
+
declare function Dialog({ children, ...props }: ComponentProps<typeof Dialog$1.Root>): react.JSX.Element;
|
|
392
|
+
declare function DialogTrigger({ ...props }: ComponentProps<typeof Dialog$1.Trigger>): react.JSX.Element;
|
|
393
|
+
declare function DialogPortal({ children, ...props }: ComponentProps<typeof Dialog$1.Portal>): react.JSX.Element;
|
|
394
|
+
declare function DialogClose({ ...props }: ComponentProps<typeof Dialog$1.Close>): react.JSX.Element;
|
|
395
|
+
declare function DialogOverlay({ className, ...props }: ComponentProps<typeof Dialog$1.Overlay>): react.JSX.Element;
|
|
397
396
|
declare function DialogContent({ className, children, showCloseButton, ...props }: ComponentProps<typeof Dialog$1.Content> & {
|
|
398
397
|
showCloseButton?: boolean;
|
|
399
|
-
}):
|
|
400
|
-
declare function DialogHeader({ className, ...props }: ComponentProps<'div'>):
|
|
398
|
+
}): react.JSX.Element;
|
|
399
|
+
declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
401
400
|
declare function DialogFooter({ className, showCloseButton, children, ...props }: ComponentProps<'div'> & {
|
|
402
401
|
showCloseButton?: boolean;
|
|
403
|
-
}):
|
|
404
|
-
declare function DialogTitle({ className, ...props }: ComponentProps<typeof Dialog$1.Title>):
|
|
405
|
-
declare function DialogDescription({ className, ...props }: ComponentProps<typeof Dialog$1.Description>):
|
|
406
|
-
|
|
407
|
-
declare function AlertDialog({ children, ...props }: ComponentProps<typeof AlertDialog$1.Root>):
|
|
408
|
-
declare function AlertDialogTrigger({ ...props }: ComponentProps<typeof AlertDialog$1.Trigger>):
|
|
409
|
-
declare function AlertDialogPortal({ children, ...props }: ComponentProps<typeof AlertDialog$1.Portal>):
|
|
410
|
-
declare function AlertDialogOverlay({ className, ...props }: ComponentProps<typeof AlertDialog$1.Overlay>):
|
|
402
|
+
}): react.JSX.Element;
|
|
403
|
+
declare function DialogTitle({ className, ...props }: ComponentProps<typeof Dialog$1.Title>): react.JSX.Element;
|
|
404
|
+
declare function DialogDescription({ className, ...props }: ComponentProps<typeof Dialog$1.Description>): react.JSX.Element;
|
|
405
|
+
|
|
406
|
+
declare function AlertDialog({ children, ...props }: ComponentProps<typeof AlertDialog$1.Root>): react.JSX.Element;
|
|
407
|
+
declare function AlertDialogTrigger({ ...props }: ComponentProps<typeof AlertDialog$1.Trigger>): react.JSX.Element;
|
|
408
|
+
declare function AlertDialogPortal({ children, ...props }: ComponentProps<typeof AlertDialog$1.Portal>): react.JSX.Element;
|
|
409
|
+
declare function AlertDialogOverlay({ className, ...props }: ComponentProps<typeof AlertDialog$1.Overlay>): react.JSX.Element;
|
|
411
410
|
declare function AlertDialogContent({ className, size, variant, showClose, children, ...props }: ComponentProps<typeof AlertDialog$1.Content> & {
|
|
412
411
|
size?: 'default' | 'sm';
|
|
413
412
|
variant?: 'default' | 'dark-glass';
|
|
414
413
|
showClose?: boolean;
|
|
415
|
-
}):
|
|
416
|
-
declare function AlertDialogHeader({ className, ...props }: ComponentProps<'div'>):
|
|
417
|
-
declare function AlertDialogFooter({ className, ...props }: ComponentProps<'div'>):
|
|
418
|
-
declare function AlertDialogMedia({ className, ...props }: ComponentProps<'div'>):
|
|
419
|
-
declare function AlertDialogTitle({ className, ...props }: ComponentProps<typeof AlertDialog$1.Title>):
|
|
420
|
-
declare function AlertDialogDescription({ className, ...props }: ComponentProps<typeof AlertDialog$1.Description>):
|
|
421
|
-
declare function AlertDialogAction({ className, variant, size, children, ...props }: ComponentProps<typeof AlertDialog$1.Action> & Pick<ComponentProps<typeof Button$1>, 'variant' | 'size'>):
|
|
422
|
-
declare function AlertDialogCancel({ className, variant, size, children, ...props }: ComponentProps<typeof AlertDialog$1.Cancel> & Pick<ComponentProps<typeof Button$1>, 'variant' | 'size'>):
|
|
423
|
-
|
|
424
|
-
declare function Accordion({ className, ...props }: ComponentProps<typeof Accordion$1.Root>):
|
|
425
|
-
declare function AccordionItem({ className, ...props }: ComponentProps<typeof Accordion$1.Item>):
|
|
426
|
-
declare function AccordionTrigger({ className, children, ...props }: ComponentProps<typeof Accordion$1.Trigger>):
|
|
427
|
-
declare function AccordionContent({ className, children, ...props }: ComponentProps<typeof Accordion$1.Content>):
|
|
414
|
+
}): react.JSX.Element;
|
|
415
|
+
declare function AlertDialogHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
416
|
+
declare function AlertDialogFooter({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
417
|
+
declare function AlertDialogMedia({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
418
|
+
declare function AlertDialogTitle({ className, ...props }: ComponentProps<typeof AlertDialog$1.Title>): react.JSX.Element;
|
|
419
|
+
declare function AlertDialogDescription({ className, ...props }: ComponentProps<typeof AlertDialog$1.Description>): react.JSX.Element;
|
|
420
|
+
declare function AlertDialogAction({ className, variant, size, children, ...props }: ComponentProps<typeof AlertDialog$1.Action> & Pick<ComponentProps<typeof Button$1>, 'variant' | 'size'>): react.JSX.Element;
|
|
421
|
+
declare function AlertDialogCancel({ className, variant, size, children, ...props }: ComponentProps<typeof AlertDialog$1.Cancel> & Pick<ComponentProps<typeof Button$1>, 'variant' | 'size'>): react.JSX.Element;
|
|
422
|
+
|
|
423
|
+
declare function Accordion({ className, ...props }: ComponentProps<typeof Accordion$1.Root>): react.JSX.Element;
|
|
424
|
+
declare function AccordionItem({ className, ...props }: ComponentProps<typeof Accordion$1.Item>): react.JSX.Element;
|
|
425
|
+
declare function AccordionTrigger({ className, children, ...props }: ComponentProps<typeof Accordion$1.Trigger>): react.JSX.Element;
|
|
426
|
+
declare function AccordionContent({ className, children, ...props }: ComponentProps<typeof Accordion$1.Content>): react.JSX.Element;
|
|
428
427
|
|
|
429
428
|
interface ComboboxOption {
|
|
430
429
|
value: string;
|
|
@@ -441,34 +440,34 @@ interface ComboboxProps {
|
|
|
441
440
|
disabled?: boolean;
|
|
442
441
|
className?: string;
|
|
443
442
|
}
|
|
444
|
-
declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, }: ComboboxProps):
|
|
443
|
+
declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, }: ComboboxProps): react.JSX.Element;
|
|
445
444
|
|
|
446
|
-
declare function DropdownMenu({ ...props }: ComponentProps<typeof DropdownMenu$1.Root>):
|
|
447
|
-
declare function DropdownMenuPortal({ ...props }: ComponentProps<typeof DropdownMenu$1.Portal>):
|
|
448
|
-
declare function DropdownMenuTrigger({ ...props }: ComponentProps<typeof DropdownMenu$1.Trigger>):
|
|
449
|
-
declare function DropdownMenuContent({ className, align, sideOffset, ...props }: ComponentProps<typeof DropdownMenu$1.Content>):
|
|
450
|
-
declare function DropdownMenuGroup({ ...props }: ComponentProps<typeof DropdownMenu$1.Group>):
|
|
445
|
+
declare function DropdownMenu({ ...props }: ComponentProps<typeof DropdownMenu$1.Root>): react.JSX.Element;
|
|
446
|
+
declare function DropdownMenuPortal({ ...props }: ComponentProps<typeof DropdownMenu$1.Portal>): react.JSX.Element;
|
|
447
|
+
declare function DropdownMenuTrigger({ ...props }: ComponentProps<typeof DropdownMenu$1.Trigger>): react.JSX.Element;
|
|
448
|
+
declare function DropdownMenuContent({ className, align, sideOffset, ...props }: ComponentProps<typeof DropdownMenu$1.Content>): react.JSX.Element;
|
|
449
|
+
declare function DropdownMenuGroup({ ...props }: ComponentProps<typeof DropdownMenu$1.Group>): react.JSX.Element;
|
|
451
450
|
declare function DropdownMenuItem({ className, inset, variant, ...props }: ComponentProps<typeof DropdownMenu$1.Item> & {
|
|
452
451
|
inset?: boolean;
|
|
453
452
|
variant?: 'default' | 'destructive';
|
|
454
|
-
}):
|
|
453
|
+
}): react.JSX.Element;
|
|
455
454
|
declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: ComponentProps<typeof DropdownMenu$1.CheckboxItem> & {
|
|
456
455
|
inset?: boolean;
|
|
457
|
-
}):
|
|
458
|
-
declare function DropdownMenuRadioGroup({ ...props }: ComponentProps<typeof DropdownMenu$1.RadioGroup>):
|
|
456
|
+
}): react.JSX.Element;
|
|
457
|
+
declare function DropdownMenuRadioGroup({ ...props }: ComponentProps<typeof DropdownMenu$1.RadioGroup>): react.JSX.Element;
|
|
459
458
|
declare function DropdownMenuRadioItem({ className, children, inset, ...props }: ComponentProps<typeof DropdownMenu$1.RadioItem> & {
|
|
460
459
|
inset?: boolean;
|
|
461
|
-
}):
|
|
460
|
+
}): react.JSX.Element;
|
|
462
461
|
declare function DropdownMenuLabel({ className, inset, ...props }: ComponentProps<typeof DropdownMenu$1.Label> & {
|
|
463
462
|
inset?: boolean;
|
|
464
|
-
}):
|
|
465
|
-
declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenu$1.Separator>):
|
|
466
|
-
declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>):
|
|
467
|
-
declare function DropdownMenuSub({ ...props }: ComponentProps<typeof DropdownMenu$1.Sub>):
|
|
463
|
+
}): react.JSX.Element;
|
|
464
|
+
declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenu$1.Separator>): react.JSX.Element;
|
|
465
|
+
declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): react.JSX.Element;
|
|
466
|
+
declare function DropdownMenuSub({ ...props }: ComponentProps<typeof DropdownMenu$1.Sub>): react.JSX.Element;
|
|
468
467
|
declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
|
|
469
468
|
inset?: boolean;
|
|
470
|
-
}):
|
|
471
|
-
declare function DropdownMenuSubContent({ className, ...props }: ComponentProps<typeof DropdownMenu$1.SubContent>):
|
|
469
|
+
}): react.JSX.Element;
|
|
470
|
+
declare function DropdownMenuSubContent({ className, ...props }: ComponentProps<typeof DropdownMenu$1.SubContent>): react.JSX.Element;
|
|
472
471
|
|
|
473
472
|
type DropzoneProps = Omit<DropzoneOptions, 'onDrop'> & {
|
|
474
473
|
src?: File[];
|
|
@@ -477,50 +476,50 @@ type DropzoneProps = Omit<DropzoneOptions, 'onDrop'> & {
|
|
|
477
476
|
onDrop?: (acceptedFiles: File[], fileRejections: FileRejection[], event: DropEvent) => void;
|
|
478
477
|
children?: ReactNode;
|
|
479
478
|
};
|
|
480
|
-
declare const Dropzone: ({ accept, maxFiles, maxSize, minSize, onDrop, onError, disabled, src, className, children, border, ...props }: DropzoneProps) =>
|
|
479
|
+
declare const Dropzone: ({ accept, maxFiles, maxSize, minSize, onDrop, onError, disabled, src, className, children, border, ...props }: DropzoneProps) => react.JSX.Element;
|
|
481
480
|
interface DropzoneContentProps {
|
|
482
481
|
children?: ReactNode;
|
|
483
482
|
className?: string;
|
|
484
483
|
}
|
|
485
|
-
declare const DropzoneContent: ({ children, className }: DropzoneContentProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> |
|
|
484
|
+
declare const DropzoneContent: ({ children, className }: DropzoneContentProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null;
|
|
486
485
|
interface DropzoneEmptyStateProps {
|
|
487
486
|
children?: ReactNode;
|
|
488
487
|
className?: string;
|
|
489
488
|
}
|
|
490
|
-
declare const DropzoneEmptyState: ({ children, className }: DropzoneEmptyStateProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> |
|
|
489
|
+
declare const DropzoneEmptyState: ({ children, className }: DropzoneEmptyStateProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null;
|
|
491
490
|
|
|
492
|
-
declare function Empty({ className, ...props }: React.ComponentProps<'div'>):
|
|
493
|
-
declare function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>):
|
|
491
|
+
declare function Empty({ className, ...props }: React.ComponentProps<'div'>): react.JSX.Element;
|
|
492
|
+
declare function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>): react.JSX.Element;
|
|
494
493
|
declare const emptyMediaVariants: (props?: ({
|
|
495
494
|
variant?: "default" | "icon" | null | undefined;
|
|
496
495
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
497
|
-
declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>):
|
|
498
|
-
declare function EmptyTitle({ className, ...props }: React.ComponentProps<'div'>):
|
|
499
|
-
declare function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>):
|
|
500
|
-
declare function EmptyContent({ className, ...props }: React.ComponentProps<'div'>):
|
|
496
|
+
declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): react.JSX.Element;
|
|
497
|
+
declare function EmptyTitle({ className, ...props }: React.ComponentProps<'div'>): react.JSX.Element;
|
|
498
|
+
declare function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>): react.JSX.Element;
|
|
499
|
+
declare function EmptyContent({ className, ...props }: React.ComponentProps<'div'>): react.JSX.Element;
|
|
501
500
|
|
|
502
|
-
declare function ItemGroup({ className, ...props }: ComponentProps<'div'>):
|
|
503
|
-
declare function ItemSeparator({ className, ...props }: ComponentProps<typeof Separator>):
|
|
501
|
+
declare function ItemGroup({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
502
|
+
declare function ItemSeparator({ className, ...props }: ComponentProps<typeof Separator>): react.JSX.Element;
|
|
504
503
|
declare const itemVariants: (props?: ({
|
|
505
504
|
variant?: "default" | "outline" | "muted" | "highlighted" | null | undefined;
|
|
506
505
|
size?: "default" | "sm" | "xs" | null | undefined;
|
|
507
506
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
508
507
|
declare function Item({ className, variant, size, asChild, ...props }: ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
|
|
509
508
|
asChild?: boolean;
|
|
510
|
-
}):
|
|
509
|
+
}): react.JSX.Element;
|
|
511
510
|
declare const itemMediaVariants: (props?: ({
|
|
512
511
|
variant?: "default" | "icon" | "image" | null | undefined;
|
|
513
512
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
514
|
-
declare function ItemMedia({ className, variant, ...props }: ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>):
|
|
515
|
-
declare function ItemContent({ className, ...props }: ComponentProps<'div'>):
|
|
516
|
-
declare function ItemTitle({ className, ...props }: ComponentProps<'div'>):
|
|
517
|
-
declare function ItemDescription({ className, ...props }: ComponentProps<'p'>):
|
|
518
|
-
declare function ItemActions({ className, ...props }: ComponentProps<'div'>):
|
|
519
|
-
declare function ItemHeader({ className, ...props }: ComponentProps<'div'>):
|
|
520
|
-
declare function ItemFooter({ className, ...props }: ComponentProps<'div'>):
|
|
513
|
+
declare function ItemMedia({ className, variant, ...props }: ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react.JSX.Element;
|
|
514
|
+
declare function ItemContent({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
515
|
+
declare function ItemTitle({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
516
|
+
declare function ItemDescription({ className, ...props }: ComponentProps<'p'>): react.JSX.Element;
|
|
517
|
+
declare function ItemActions({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
518
|
+
declare function ItemHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
519
|
+
declare function ItemFooter({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
521
520
|
|
|
522
|
-
declare function RadioGroup({ className, ...props }: ComponentProps<typeof RadioGroup$1.Root>):
|
|
523
|
-
declare function RadioGroupItem({ className, ...props }: ComponentProps<typeof RadioGroup$1.Item>):
|
|
521
|
+
declare function RadioGroup({ className, ...props }: ComponentProps<typeof RadioGroup$1.Root>): react.JSX.Element;
|
|
522
|
+
declare function RadioGroupItem({ className, ...props }: ComponentProps<typeof RadioGroup$1.Item>): react.JSX.Element;
|
|
524
523
|
|
|
525
524
|
declare const spinnerVariants: (props?: ({
|
|
526
525
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
@@ -528,14 +527,14 @@ declare const spinnerVariants: (props?: ({
|
|
|
528
527
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
529
528
|
interface SpinnerProps extends Omit<ComponentProps<'svg'>, 'color'>, VariantProps<typeof spinnerVariants> {
|
|
530
529
|
}
|
|
531
|
-
declare function Spinner({ className, size, color, ...props }: SpinnerProps):
|
|
530
|
+
declare function Spinner({ className, size, color, ...props }: SpinnerProps): react.JSX.Element;
|
|
532
531
|
declare const spinnerLoaderVariants: (props?: ({
|
|
533
532
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
534
533
|
color?: "current" | "destructive" | "primary" | "white" | "muted" | null | undefined;
|
|
535
534
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
536
535
|
interface SpinnerLoaderProps extends Omit<ComponentProps<'svg'>, 'color'>, VariantProps<typeof spinnerLoaderVariants> {
|
|
537
536
|
}
|
|
538
|
-
declare function SpinnerLoader({ className, size, color, ...props }: SpinnerLoaderProps):
|
|
537
|
+
declare function SpinnerLoader({ className, size, color, ...props }: SpinnerLoaderProps): react.JSX.Element;
|
|
539
538
|
declare const spinnerDotsVariants: (props?: ({
|
|
540
539
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
541
540
|
color?: "current" | "destructive" | "primary" | "white" | "muted" | null | undefined;
|
|
@@ -543,7 +542,7 @@ declare const spinnerDotsVariants: (props?: ({
|
|
|
543
542
|
interface SpinnerDotsProps extends VariantProps<typeof spinnerDotsVariants> {
|
|
544
543
|
className?: string;
|
|
545
544
|
}
|
|
546
|
-
declare function SpinnerDots({ className, size, color }: SpinnerDotsProps):
|
|
545
|
+
declare function SpinnerDots({ className, size, color }: SpinnerDotsProps): react.JSX.Element;
|
|
547
546
|
|
|
548
547
|
declare const buttonVariants: (props?: ({
|
|
549
548
|
variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
|
|
@@ -551,11 +550,11 @@ declare const buttonVariants: (props?: ({
|
|
|
551
550
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
552
551
|
declare function Button({ className, variant, size, asChild, ...props }: ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
|
|
553
552
|
asChild?: boolean;
|
|
554
|
-
}):
|
|
553
|
+
}): react.JSX.Element;
|
|
555
554
|
|
|
556
555
|
declare function SelectTrigger({ className, size, children, ...props }: ComponentProps<typeof Select$1.Trigger> & {
|
|
557
556
|
size?: 'sm' | 'default';
|
|
558
|
-
}):
|
|
557
|
+
}): react.JSX.Element;
|
|
559
558
|
|
|
560
559
|
interface ColorPickerContextValue {
|
|
561
560
|
hue: number;
|
|
@@ -575,24 +574,24 @@ type ColorPickerProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & {
|
|
|
575
574
|
defaultValue?: Parameters<typeof Color>[0];
|
|
576
575
|
onChange?: (value: [number, number, number, number]) => void;
|
|
577
576
|
};
|
|
578
|
-
declare const ColorPicker: ({ value, defaultValue, onChange, className, ...props }: ColorPickerProps) =>
|
|
577
|
+
declare const ColorPicker: ({ value, defaultValue, onChange, className, ...props }: ColorPickerProps) => react.JSX.Element;
|
|
579
578
|
type ColorPickerSelectionProps = HTMLAttributes<HTMLDivElement>;
|
|
580
|
-
declare const ColorPickerSelection: react.MemoExoticComponent<({ className, ...props }: ColorPickerSelectionProps) =>
|
|
579
|
+
declare const ColorPickerSelection: react.MemoExoticComponent<({ className, ...props }: ColorPickerSelectionProps) => react.JSX.Element>;
|
|
581
580
|
type ColorPickerHueProps = ComponentProps<typeof Slider$1.Root>;
|
|
582
|
-
declare const ColorPickerHue: ({ className, ...props }: ColorPickerHueProps) =>
|
|
581
|
+
declare const ColorPickerHue: ({ className, ...props }: ColorPickerHueProps) => react.JSX.Element;
|
|
583
582
|
type ColorPickerAlphaProps = ComponentProps<typeof Slider$1.Root>;
|
|
584
|
-
declare const ColorPickerAlpha: ({ className, ...props }: ColorPickerAlphaProps) =>
|
|
583
|
+
declare const ColorPickerAlpha: ({ className, ...props }: ColorPickerAlphaProps) => react.JSX.Element;
|
|
585
584
|
type ColorPickerEyeDropperProps = ComponentProps<typeof Button>;
|
|
586
|
-
declare const ColorPickerEyeDropper: ({ className, ...props }: ColorPickerEyeDropperProps) =>
|
|
585
|
+
declare const ColorPickerEyeDropper: ({ className, ...props }: ColorPickerEyeDropperProps) => react.JSX.Element;
|
|
587
586
|
type ColorPickerOutputProps = ComponentProps<typeof SelectTrigger>;
|
|
588
|
-
declare const ColorPickerOutput: ({ ...props }: ColorPickerOutputProps) =>
|
|
587
|
+
declare const ColorPickerOutput: ({ ...props }: ColorPickerOutputProps) => react.JSX.Element;
|
|
589
588
|
type ColorPickerFormatProps = HTMLAttributes<HTMLDivElement>;
|
|
590
|
-
declare const ColorPickerFormat: ({ className, ...props }: ColorPickerFormatProps) =>
|
|
589
|
+
declare const ColorPickerFormat: ({ className, ...props }: ColorPickerFormatProps) => react.JSX.Element | null;
|
|
591
590
|
type ColorPickerPresetsProps = HTMLAttributes<HTMLDivElement> & {
|
|
592
591
|
colors: string[];
|
|
593
592
|
};
|
|
594
593
|
declare const ColorPickerPresets: {
|
|
595
|
-
({ colors, className, ...props }: ColorPickerPresetsProps):
|
|
594
|
+
({ colors, className, ...props }: ColorPickerPresetsProps): react.JSX.Element;
|
|
596
595
|
displayName: string;
|
|
597
596
|
};
|
|
598
597
|
|
|
@@ -626,7 +625,7 @@ interface DatePickerProps {
|
|
|
626
625
|
fromDate?: Date;
|
|
627
626
|
toDate?: Date;
|
|
628
627
|
}
|
|
629
|
-
declare function DatePicker({ mode, selected, onSelect, placeholder, disabled, className, fromDate, toDate, }: DatePickerProps):
|
|
628
|
+
declare function DatePicker({ mode, selected, onSelect, placeholder, disabled, className, fromDate, toDate, }: DatePickerProps): react.JSX.Element;
|
|
630
629
|
|
|
631
630
|
interface NavbarDropdownItem {
|
|
632
631
|
href: string;
|
|
@@ -651,24 +650,27 @@ interface NavbarProps extends HTMLAttributes<HTMLElement> {
|
|
|
651
650
|
utilityLinks?: NavbarUtilityLink[];
|
|
652
651
|
navigationLinks?: NavbarNavLink[];
|
|
653
652
|
notificationCount?: number;
|
|
653
|
+
avatarSrc?: string;
|
|
654
|
+
avatarFallback?: string;
|
|
654
655
|
onNavLinkClick?: (href: string) => void;
|
|
655
656
|
onSearchClick?: () => void;
|
|
656
657
|
onHelpClick?: () => void;
|
|
658
|
+
onAvatarClick?: () => void;
|
|
657
659
|
}
|
|
658
|
-
declare const Logo: (props: SVGAttributes<SVGElement>) =>
|
|
660
|
+
declare const Logo: (props: SVGAttributes<SVGElement>) => react.JSX.Element;
|
|
659
661
|
declare const Navbar: react.ForwardRefExoticComponent<NavbarProps & react.RefAttributes<HTMLElement>>;
|
|
660
662
|
|
|
661
663
|
declare function NavigationMenu({ className, children, viewport, ...props }: ComponentProps<typeof NavigationMenu$1.Root> & {
|
|
662
664
|
viewport?: boolean;
|
|
663
|
-
}):
|
|
664
|
-
declare function NavigationMenuList({ className, ...props }: ComponentProps<typeof NavigationMenu$1.List>):
|
|
665
|
-
declare function NavigationMenuItem({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Item>):
|
|
665
|
+
}): react.JSX.Element;
|
|
666
|
+
declare function NavigationMenuList({ className, ...props }: ComponentProps<typeof NavigationMenu$1.List>): react.JSX.Element;
|
|
667
|
+
declare function NavigationMenuItem({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Item>): react.JSX.Element;
|
|
666
668
|
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
667
|
-
declare function NavigationMenuTrigger({ className, children, ...props }: ComponentProps<typeof NavigationMenu$1.Trigger>):
|
|
668
|
-
declare function NavigationMenuContent({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Content>):
|
|
669
|
-
declare function NavigationMenuViewport({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Viewport>):
|
|
670
|
-
declare function NavigationMenuLink({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Link>):
|
|
671
|
-
declare function NavigationMenuIndicator({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Indicator>):
|
|
669
|
+
declare function NavigationMenuTrigger({ className, children, ...props }: ComponentProps<typeof NavigationMenu$1.Trigger>): react.JSX.Element;
|
|
670
|
+
declare function NavigationMenuContent({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Content>): react.JSX.Element;
|
|
671
|
+
declare function NavigationMenuViewport({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Viewport>): react.JSX.Element;
|
|
672
|
+
declare function NavigationMenuLink({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Link>): react.JSX.Element;
|
|
673
|
+
declare function NavigationMenuIndicator({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Indicator>): react.JSX.Element;
|
|
672
674
|
|
|
673
675
|
interface SidebarProviderProps extends HTMLAttributes<HTMLDivElement> {
|
|
674
676
|
defaultOpen?: boolean;
|
|
@@ -695,12 +697,13 @@ interface SideBarProps {
|
|
|
695
697
|
activeItem?: string;
|
|
696
698
|
onItemClick?: (label: string) => void;
|
|
697
699
|
brandName?: string;
|
|
700
|
+
showHeader?: boolean;
|
|
698
701
|
className?: string;
|
|
699
702
|
children?: React.ReactNode;
|
|
700
703
|
}
|
|
701
|
-
declare function SideBar({ items, activeItem, onItemClick, brandName, className, children, }: SideBarProps):
|
|
704
|
+
declare function SideBar({ items, activeItem, onItemClick, brandName, showHeader, className, children, }: SideBarProps): react.JSX.Element;
|
|
702
705
|
|
|
703
|
-
declare function Textarea({ className, ...props }: ComponentProps<'textarea'>):
|
|
706
|
+
declare function Textarea({ className, ...props }: ComponentProps<'textarea'>): react.JSX.Element;
|
|
704
707
|
|
|
705
708
|
interface CalendarEvent {
|
|
706
709
|
id: string | number;
|
|
@@ -745,7 +748,7 @@ interface EventCalendarProps {
|
|
|
745
748
|
className?: string;
|
|
746
749
|
}
|
|
747
750
|
|
|
748
|
-
declare function EventCalendar({ events, defaultView, onViewChange, defaultDate, onEventClick, onEventCreate, locale, className, }: EventCalendarProps):
|
|
751
|
+
declare function EventCalendar({ events, defaultView, onViewChange, defaultDate, onEventClick, onEventCreate, locale, className, }: EventCalendarProps): react.JSX.Element;
|
|
749
752
|
|
|
750
753
|
declare const duration: {
|
|
751
754
|
readonly instant: 0.1;
|
|
@@ -1117,16 +1120,16 @@ declare function Table({ className, containerClassName, ...props }: ComponentPro
|
|
|
1117
1120
|
* a nested scroll container would otherwise trap `position: sticky` cells.
|
|
1118
1121
|
*/
|
|
1119
1122
|
containerClassName?: string;
|
|
1120
|
-
}):
|
|
1121
|
-
declare function TableHeader({ className, ...props }: ComponentProps<'thead'>):
|
|
1122
|
-
declare function TableBody({ className, ...props }: ComponentProps<'tbody'>):
|
|
1123
|
-
declare function TableFooter({ className, ...props }: ComponentProps<'tfoot'>):
|
|
1124
|
-
declare function TableRow({ className, ...props }: ComponentProps<'tr'>):
|
|
1125
|
-
declare function TableHead({ className, ...props }: ComponentProps<'th'>):
|
|
1126
|
-
declare function TableCell({ className, ...props }: ComponentProps<'td'>):
|
|
1127
|
-
declare function TableCaption({ className, ...props }: ComponentProps<'caption'>):
|
|
1123
|
+
}): react.JSX.Element;
|
|
1124
|
+
declare function TableHeader({ className, ...props }: ComponentProps<'thead'>): react.JSX.Element;
|
|
1125
|
+
declare function TableBody({ className, ...props }: ComponentProps<'tbody'>): react.JSX.Element;
|
|
1126
|
+
declare function TableFooter({ className, ...props }: ComponentProps<'tfoot'>): react.JSX.Element;
|
|
1127
|
+
declare function TableRow({ className, ...props }: ComponentProps<'tr'>): react.JSX.Element;
|
|
1128
|
+
declare function TableHead({ className, ...props }: ComponentProps<'th'>): react.JSX.Element;
|
|
1129
|
+
declare function TableCell({ className, ...props }: ComponentProps<'td'>): react.JSX.Element;
|
|
1130
|
+
declare function TableCaption({ className, ...props }: ComponentProps<'caption'>): react.JSX.Element;
|
|
1128
1131
|
|
|
1129
|
-
declare function Checkbox({ className, checked, ...props }: ComponentProps<typeof Checkbox$1.Root>):
|
|
1132
|
+
declare function Checkbox({ className, checked, ...props }: ComponentProps<typeof Checkbox$1.Root>): react.JSX.Element;
|
|
1130
1133
|
|
|
1131
1134
|
type TableCellSize = 'sm' | 'md' | 'lg';
|
|
1132
1135
|
type TableVariant = 'default' | 'striped';
|
|
@@ -1249,26 +1252,26 @@ interface TablePaginationProps {
|
|
|
1249
1252
|
onPerPageChange: (newPerPage: number) => void;
|
|
1250
1253
|
}
|
|
1251
1254
|
|
|
1252
|
-
declare function Pagination({ className, ...props }: ComponentProps<'nav'>):
|
|
1253
|
-
declare function PaginationContent({ className, ...props }: ComponentProps<'ul'>):
|
|
1254
|
-
declare function PaginationItem({ ...props }: ComponentProps<'li'>):
|
|
1255
|
+
declare function Pagination({ className, ...props }: ComponentProps<'nav'>): react.JSX.Element;
|
|
1256
|
+
declare function PaginationContent({ className, ...props }: ComponentProps<'ul'>): react.JSX.Element;
|
|
1257
|
+
declare function PaginationItem({ ...props }: ComponentProps<'li'>): react.JSX.Element;
|
|
1255
1258
|
type PaginationLinkProps = {
|
|
1256
1259
|
isActive?: boolean;
|
|
1257
1260
|
} & Pick<ComponentProps<typeof Button$1>, 'size'> & ComponentProps<'a'>;
|
|
1258
|
-
declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps):
|
|
1261
|
+
declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react.JSX.Element;
|
|
1259
1262
|
declare function PaginationPrevious({ className, text, ...props }: ComponentProps<typeof PaginationLink> & {
|
|
1260
1263
|
text?: string;
|
|
1261
|
-
}):
|
|
1264
|
+
}): react.JSX.Element;
|
|
1262
1265
|
declare function PaginationNext({ className, text, ...props }: ComponentProps<typeof PaginationLink> & {
|
|
1263
1266
|
text?: string;
|
|
1264
|
-
}):
|
|
1265
|
-
declare function PaginationEllipsis({ className, ...props }: ComponentProps<'span'>):
|
|
1266
|
-
declare function TablePaginationBase({ page, totalPages, perPage, totalRecords, rowsPerPageOptions, onPageChange, onPerPageChange, }: TablePaginationProps):
|
|
1267
|
+
}): react.JSX.Element;
|
|
1268
|
+
declare function PaginationEllipsis({ className, ...props }: ComponentProps<'span'>): react.JSX.Element;
|
|
1269
|
+
declare function TablePaginationBase({ page, totalPages, perPage, totalRecords, rowsPerPageOptions, onPageChange, onPerPageChange, }: TablePaginationProps): react.JSX.Element;
|
|
1267
1270
|
declare const TablePagination: react.MemoExoticComponent<typeof TablePaginationBase>;
|
|
1268
1271
|
|
|
1269
1272
|
declare function useTableContext<T = unknown>(): TableContextType<T>;
|
|
1270
1273
|
|
|
1271
|
-
declare function DataTable<T>({ data, columns, size, variant, isLoading, stickyHeader, maxHeight, sorting, defaultSorting, onSortingChange, enableSorting, manualSorting, columnFilters, defaultColumnFilters, onColumnFiltersChange, enableFiltering, manualFiltering, onRowClick, classNames, getUniqueValues, emptyState, rowSelection, defaultRowSelection, onRowSelectionChange, enableRowSelection, onSelectedRowsChange, responsiveBreakpoint, disableResponsive, skeletonRowCount, onTableReady, tableId, globalFilter, defaultGlobalFilter, onGlobalFilterChange, columnVisibility, defaultColumnVisibility, onColumnVisibilityChange, columnSizing, defaultColumnSizing, onColumnSizingChange, enableColumnResizing, onSizeChange, toolbar, }: DataTableProps<T>):
|
|
1274
|
+
declare function DataTable<T>({ data, columns, size, variant, isLoading, stickyHeader, maxHeight, sorting, defaultSorting, onSortingChange, enableSorting, manualSorting, columnFilters, defaultColumnFilters, onColumnFiltersChange, enableFiltering, manualFiltering, onRowClick, classNames, getUniqueValues, emptyState, rowSelection, defaultRowSelection, onRowSelectionChange, enableRowSelection, onSelectedRowsChange, responsiveBreakpoint, disableResponsive, skeletonRowCount, onTableReady, tableId, globalFilter, defaultGlobalFilter, onGlobalFilterChange, columnVisibility, defaultColumnVisibility, onColumnVisibilityChange, columnSizing, defaultColumnSizing, onColumnSizingChange, enableColumnResizing, onSizeChange, toolbar, }: DataTableProps<T>): react.JSX.Element;
|
|
1272
1275
|
|
|
1273
1276
|
interface FilterOptionProps {
|
|
1274
1277
|
value: string;
|
|
@@ -1284,19 +1287,19 @@ interface DataTableColumnFilterProps {
|
|
|
1284
1287
|
/** Human-readable column name used to build accessible labels. */
|
|
1285
1288
|
columnLabel?: string;
|
|
1286
1289
|
}
|
|
1287
|
-
declare function DataTableColumnFilter({ options, selectedValues, onChange, searchPlaceholder, columnLabel, }: DataTableColumnFilterProps):
|
|
1290
|
+
declare function DataTableColumnFilter({ options, selectedValues, onChange, searchPlaceholder, columnLabel, }: DataTableColumnFilterProps): react.JSX.Element;
|
|
1288
1291
|
|
|
1289
1292
|
interface DataTableSkeletonProps {
|
|
1290
1293
|
columnCount: number;
|
|
1291
1294
|
rowCount?: number;
|
|
1292
1295
|
size?: TableCellSize;
|
|
1293
1296
|
}
|
|
1294
|
-
declare function DataTableSkeleton({ columnCount, rowCount, size }: DataTableSkeletonProps):
|
|
1297
|
+
declare function DataTableSkeleton({ columnCount, rowCount, size }: DataTableSkeletonProps): react.JSX.Element;
|
|
1295
1298
|
|
|
1296
1299
|
interface DataTableHeaderCellProps<T> {
|
|
1297
1300
|
header: Header<T, unknown>;
|
|
1298
1301
|
}
|
|
1299
|
-
declare function DataTableHeaderCell<T>({ header }: DataTableHeaderCellProps<T>):
|
|
1302
|
+
declare function DataTableHeaderCell<T>({ header }: DataTableHeaderCellProps<T>): react.JSX.Element;
|
|
1300
1303
|
|
|
1301
1304
|
interface UseTableSortingProps {
|
|
1302
1305
|
/**
|
|
@@ -1679,7 +1682,7 @@ interface DataTableRowActionsProps<T> {
|
|
|
1679
1682
|
/** Screen-reader label for the trigger button. Default: "Open actions" */
|
|
1680
1683
|
label?: string;
|
|
1681
1684
|
}
|
|
1682
|
-
declare function DataTableRowActions<T>({ row, actions, label, }: DataTableRowActionsProps<T>):
|
|
1685
|
+
declare function DataTableRowActions<T>({ row, actions, label, }: DataTableRowActionsProps<T>): react.JSX.Element;
|
|
1683
1686
|
|
|
1684
1687
|
interface DataTableFooterProps {
|
|
1685
1688
|
pagination: TablePaginationProps;
|
|
@@ -1687,7 +1690,7 @@ interface DataTableFooterProps {
|
|
|
1687
1690
|
selectedCount?: number;
|
|
1688
1691
|
className?: string;
|
|
1689
1692
|
}
|
|
1690
|
-
declare function DataTableFooter({ pagination, selectedCount, className }: DataTableFooterProps):
|
|
1693
|
+
declare function DataTableFooter({ pagination, selectedCount, className }: DataTableFooterProps): react.JSX.Element;
|
|
1691
1694
|
|
|
1692
1695
|
interface DataTableCardViewProps<T> {
|
|
1693
1696
|
rows: Row<T>[];
|
|
@@ -1699,7 +1702,7 @@ interface DataTableCardViewProps<T> {
|
|
|
1699
1702
|
skeletonRowCount?: number;
|
|
1700
1703
|
emptyState?: ReactNode;
|
|
1701
1704
|
}
|
|
1702
|
-
declare function DataTableCardView<T>({ rows, columns, size, variant, onRowClick, isLoading, skeletonRowCount, emptyState, }: DataTableCardViewProps<T>):
|
|
1705
|
+
declare function DataTableCardView<T>({ rows, columns, size, variant, onRowClick, isLoading, skeletonRowCount, emptyState, }: DataTableCardViewProps<T>): react.JSX.Element;
|
|
1703
1706
|
|
|
1704
1707
|
interface DataTableToolbarProps<T> {
|
|
1705
1708
|
/** TanStack Table instance. Optional when toolbar is rendered inside DataTable's toolbar prop (context available). */
|
|
@@ -1719,7 +1722,7 @@ interface DataTableToolbarProps<T> {
|
|
|
1719
1722
|
*/
|
|
1720
1723
|
columnFilters?: ColumnFiltersState;
|
|
1721
1724
|
}
|
|
1722
|
-
declare function DataTableToolbar<T>({ table: tableProp, leading, trailing, className, hideColumnsToggle, hideDensityToggle, columnFilters: columnFiltersProp, }: DataTableToolbarProps<T>):
|
|
1725
|
+
declare function DataTableToolbar<T>({ table: tableProp, leading, trailing, className, hideColumnsToggle, hideDensityToggle, columnFilters: columnFiltersProp, }: DataTableToolbarProps<T>): react.JSX.Element;
|
|
1723
1726
|
|
|
1724
1727
|
interface DataTableSearchProps {
|
|
1725
1728
|
placeholder?: string;
|
|
@@ -1727,7 +1730,7 @@ interface DataTableSearchProps {
|
|
|
1727
1730
|
/** Debounce delay in ms before committing to context. Default: 300 */
|
|
1728
1731
|
debounce?: number;
|
|
1729
1732
|
}
|
|
1730
|
-
declare function DataTableSearch({ placeholder, className, debounce, }: DataTableSearchProps):
|
|
1733
|
+
declare function DataTableSearch({ placeholder, className, debounce, }: DataTableSearchProps): react.JSX.Element;
|
|
1731
1734
|
|
|
1732
1735
|
interface UseTableGlobalFilterProps {
|
|
1733
1736
|
/**
|
|
@@ -1909,12 +1912,12 @@ interface CanProps {
|
|
|
1909
1912
|
}
|
|
1910
1913
|
type CanNotProps = Omit<CanProps, 'negate'>;
|
|
1911
1914
|
/** Renders children when the user has the required permission(s). Requires `AbilityProvider` in the tree. */
|
|
1912
|
-
declare function Can({ permission, mode, negate, fallback, children }: CanProps):
|
|
1915
|
+
declare function Can({ permission, mode, negate, fallback, children }: CanProps): react.JSX.Element;
|
|
1913
1916
|
declare namespace Can {
|
|
1914
1917
|
var displayName: string;
|
|
1915
1918
|
}
|
|
1916
1919
|
/** Renders children when the user does NOT have the required permission(s). Alias for `<Can negate />`. Requires `AbilityProvider` in the tree. */
|
|
1917
|
-
declare function CanNot({ permission, mode, fallback, children }: CanNotProps):
|
|
1920
|
+
declare function CanNot({ permission, mode, fallback, children }: CanNotProps): react.JSX.Element;
|
|
1918
1921
|
declare namespace CanNot {
|
|
1919
1922
|
var displayName: string;
|
|
1920
1923
|
}
|
|
@@ -1933,7 +1936,7 @@ interface AbilityProviderProps {
|
|
|
1933
1936
|
* @param permission - the permission being requested (from `Can.perform`)
|
|
1934
1937
|
*/
|
|
1935
1938
|
declare function matchPermission(pattern: string, permission: string): boolean;
|
|
1936
|
-
declare function AbilityProvider({ children, permissions }: AbilityProviderProps):
|
|
1939
|
+
declare function AbilityProvider({ children, permissions }: AbilityProviderProps): react.JSX.Element;
|
|
1937
1940
|
declare function useAbility(): AbilityContextValue;
|
|
1938
1941
|
declare function useCan(permissions: string | string[], mode?: 'any' | 'all'): boolean;
|
|
1939
1942
|
|