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